/**Back to top**/
#back-top {
	position: fixed;
	bottom: 30px;
	left:10px;
	/*margin-left: 70px*/
}

#back-top a
{
    width: 108px;
    display: block;
    text-align: center;
    font: 14px/100% Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    color: #bbb; /* transition */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
    font-weight: bold;
}
#back-top a:hover {
	color: #000;
}

/* arrow icon (span tag) */
#back-top span {
	width: 50px;
	height: 50px;
	display: block;
	margin-bottom: 7px;
	margin-left:30px;
	background: #ddd url(images/up-arrow.png) no-repeat center center;

	/* rounded corners */
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	behavior: url(CSS3PIE);

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: #efa900;
}

/* For LogOn page */
#logon-content .content
{
    margin:8%;
}
.logon-screen
{
    margin-left:10%;
}

/* For Comfirm page */
#comfirm-main-content
{
    font-family: AlteHaasGrotesk, Segoe UI,Trebuchet,Arial,Sans-Serif;
}

/* For UserInfo page*/
#UserInfo-content .content
{
    margin:10%;
    margin-top:10px;
}
.UserInfo-screen
{
    margin-left:10%;
}
#UserInfo-content .content input.text-box, input.text-box-Required
{
    font-size: 14px !important;
    border: 1px solid #d3d3d3;
    border-radius: 4px;
    height: 20px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EEE), color-stop(.25, white));
    width: 180px; 
    margin:2px;  
}

/* For Recover Password page*/
#RecoverPassword-content .content
{
    margin:10%;
}
.RecoverPassword-screen
{
    margin-left:10%;
}

/* For Credit Card Request page*/
#CreditCard-content .content
{
    margin:30px  20px 0px 30px;
}
.CreditCard-screen
{
    margin-left:10%;
}

#creditcardlogin
{
    float: right;
    margin-right: 30px;
}

#comfirm-content, #logon-content, #UserInfo-content, #RecoverPassword-content, #CreditCard-content, #auction-content
{
    background-color: #fff;
    border: 1px solid #E4E5E6;
    border-radius: 10px;
    margin:10px;
    clear: both;
    min-height: 760px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background: url(images/line_bg.png);
    
    -moz-box-shadow: 0px 0px 4px #000000;
    -webkit-box-shadow: 0px 0px 4px #000000;
    box-shadow: 0px 0px 4px #000000;
    
    position:relative;
    behavior: url(CSS3PIE);
}

.returnToCheckout { position: absolute; bottom: 40px; right: 0;
}
.returnToCheckout a { border-radius: 25px; background: none; height: 70px; width: 220px; font-size: 18px; font-weight: bold; border: 2px solid gray; padding: 25px; margin: 25px;
}

#Email-content
{
    margin:10%;
    margin-top:10px;
    background-color: #fff;
    border: 1px solid #E4E5E6;
    border-radius: 10px;
    margin:10px;
    clear: both;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background: url(images/line_bg.png);
    min-height: 240px;
    -moz-box-shadow: 0px 0px 4px #000000;
    -webkit-box-shadow: 0px 0px 4px #000000;
    box-shadow: 0px 0px 4px #000000;
    
    position:relative;
    behavior: url(CSS3PIE);
}
.emaileditor-label
{
    margin-top:8px;
}

#auction-main-content
{
    font-family: AlteHaasGrotesk, Segoe UI,Trebuchet,Arial,Sans-Serif;
}

#auction-content .content
{
    margin:5%;
}
.auction-screen
{
    margin-left:10%;
}

@font-face {
    font-family: 'Dancing Script';
    src: url('fonts/dancingscript-regular-webfont.eot');
    src: url('fonts/dancingscript-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/dancingscript-regular-webfont.woff') format('woff'),
         url('fonts/dancingscript-regular-webfont.ttf') format('truetype'),
         url('fonts/dancingscript-regular-webfont.svg#DancingScriptRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PT Sans Narrow';
    src: url('fonts/pt_sans-narrow-web-regular-webfont.eot');
    src: url('fonts/pt_sans-narrow-web-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/pt_sans-narrow-web-regular-webfont.woff') format('woff'),
         url('fonts/pt_sans-narrow-web-regular-webfont.ttf') format('truetype'),
         url('fonts/pt_sans-narrow-web-regular-webfont.svg#PTSansNarrowRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.buttonSearchUI{
    cursor:pointer;
    border:outset 1px #ccc;
    background:#999;
    color:#666666;
    font-weight:bold;
    padding: 5px 15px;
    width: 70px;
    height: 30px;
    background:url(images/formbg.gif) repeat-x left top;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

/*#checkAllCourses
{
    width: 110px;
    float: right;
}*/

#sortButton
{
    top:auto;
}

#left-sidebar
{
    margin-top:50px;
}

#left-sidebar-tab
{
    margin-top:50px;
}

#main-content
{
    margin-top:50px;
}

.LeftDiv
{
     position:relative;
    width:65%;
    float:left;
    text-align: left;
            
}

.RightDiv 
{
    position:relative;
    width: 34%;    
    float:right;
    text-align:center;
}

#teetime
{
    padding-bottom:10px;
}

#teetime p
{
    overflow: hidden;
    padding: 10px 0;
    text-align: center;
}

/*#teetime #detail
{
    /* For RES2-23349 by Off, July 21, 2011*/
    background-color: #fff; 
    /*background-image: url(img/detail_bg.png);*/
    background-position:bottom;
    background-repeat:no-repeat;
    border-width: 1px;
    border-color: #999999;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px; /*IE DOES NOT SUPPORT BORDER RADIUS*/
    -moz-box-shadow: 0px 0px 2px #000000;
    -webkit-box-shadow: 0px 0px 2px #000000;
    box-shadow: 0px 0px 2px #000000;
    filter: alpha(opacity=80);
    text-align: center;
    min-height: 170px;
    margin-bottom: 10px;
    margin-left: 5px;
    behavior: url(CSS3PIE);
}*/

#teetime #detail:hover
{
    background-color: #fffac4;
    cursor: pointer;
}

#teetime #detail h1, #teetime #detail h2, #teetime #detail h3, #teetime #detail h4
{
    font-family: 'PT Sans Narrow' , serif;
}

#teetime #detail h1
{
    font-size: 20pt;
    color: #db9b00;
    margin-top: 6px;
    margin-bottom: 6px;
}

#teetime #detail h2
{
    color: #9f0101;
    font-size: 16pt;
}

#teetime #detail h3
{
    color: #0d8d00;
    font-size: 14pt;
    margin-top: 6px;
    margin-bottom: 6px;
}

#teetime #detail h4
{
    color: #db9b00;
    font-size: 12pt;
    margin-top: -10px;
    margin-bottom: 20px;
}

.cartprice
{
    color:#9f0101; 
    font-size:16px;
}

#teetime #detail ul
{
}

#teetime #detail li
{
    display: inline;
}

#teetime #detailAuction h1, #teetime #detailAuction h2, #teetime #detailAuction h3, #teetime #detailAuction h4
{
    font-family: 'PT Sans Narrow' , serif;
}

#teetime #detailAuction
{
    /*background-color: #defbc4;*/
    /* For RES2-23349 by Off, July 21, 2011*/
    background-color: #fff; 
    background-image: url(images/detail_bg.png);
    background-position:bottom;
    background-repeat:no-repeat;
    
    border-width: 1px;
    border-color: #999999;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px; /*IE DOES NOT SUPPORT BORDER RADIUS*/
    behavior: url(CSS3PIE);
    
    -moz-box-shadow: 0px 0px 2px #000000;
    -webkit-box-shadow: 0px 0px 2px #000000;
    box-shadow: 0px 0px 2px #000000;
    filter: alpha(opacity=80);
    text-align: center;
    min-height: 170px;
    margin-bottom: 10px;
    margin-left: 5px;
}

#teetime #detailAuction h1
{
    font-size: 20pt;
    color: #db9b00;
    margin-top: 8px;
    margin-bottom: 10px;
}

#teetime #detailAuction h2
{
    color: #9f0101;
    font-size: 16pt;
}

#teetime #detailAuction h3
{
    color: #0d8d00;
    font-size: 14pt;
    margin-top: 8px;
    margin-bottom: 10px;
}

#teetime #detailAuction h4
{
    color: #000;
    font-size: 12pt;
    margin-top: -10px;
    margin-bottom: 20px;
}

#teetime #detailAuction ul
{
}

#teetime #detailAuction li
{
    display: inline;
}

.divTeeSheetClass
{
    position: absolute;
    left: 2px;
    top: 2px;
    bottom: 2px;
    right: 2px;
}

#template
{
    width: 100%;
    text-align: center;
    padding-top: 20px;
}

#template table{
    overflow:hidden;
    border:1px solid #d3d3d3;
    background:#fefefe;
    width:99%;
    margin:1% auto 0;
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    /*font-family: 'Old Standard TT', serif;*/
    behavior: url(CSS3PIE);
}

#template th{padding-top:22px; text-shadow: 1px 1px 1px #fff; background:#e8eaeb;}
 
#template td{border-top:1px solid #e0e0e0; /*border-right:1px solid #e0e0e0;*/}
 
#template tr.odd-row td{background:#f6f6f6;}
 
#template td.first, #template th.first {text-align:left}
 
#template td.last {border-right:none;}

#template td{
    background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);
    background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe));
    behavior: url(CSS3PIE);
}

#template th {
    background: -moz-linear-gradient(100% 20% 90deg, #e8eaeb, #ededed);
    background: -webkit-gradient(linear, 0% 0%, 0% 20%, from(#ededed), to(#e8eaeb));
    behavior: url(CSS3PIE);
}

.DetailBtn  , .DeleteBtn , .EditBtn
{
    background: #9BB36C;
	background: -webkit-gradient(linear, left top, left bottom, from(#9BB36C), to(#859A5D));
    background: -moz-linear-gradient(center top , #9BB36C, #859A5D) repeat scroll 0 0 transparent;
    border: 1px solid #487328;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 0 1px #FFFFFF inset, 1px 1px 1px rgba(102, 102, 102, 0.2);
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font: 12px Arial,Helvetica,sans-serif;
    padding: 4px 0px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 0 1px rgba(40, 53, 9, 0.2);
    width:70px;
    
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9BB36C', endColorstr='#859A5D'); /* IE6 & IE7 */  
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#9BB36C', endColorstr='#859A5D')"; /* IE8+ */  
}

.DetailBtn:hover  , .DeleteBtn:hover , .EditBtn:hover
{
    background: #6E7F45;
	background: -webkit-gradient(linear, left top, left bottom, from(#6E7F45), to(#6A7B42));
    background: -moz-linear-gradient(center top , #6E7F45, #6A7B42) repeat scroll 0 0 transparent;
    border-color: #3A822E;
    color: #EEFCEC;
    text-decoration: none;
    text-align: center;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6E7F45', endColorstr='#6A7B42'); /* IE6 & IE7 */  
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#6E7F45', endColorstr='#6A7B42')"; /* IE8+ */  
}

.DetailBtn:active , .DeleteBtn:active , .EditBtn:active
{
    background: #9BB36C;
	background: -webkit-gradient(linear, left top, left bottom, from(#9BB36C), to(#809F43));
    background: -moz-linear-gradient(center top , #9BB36C, #809F43) repeat scroll 0 0 transparent;
    border: 1px solid #487328;
    color: #FFFFFF;
    text-decoration: none;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    text-align: center;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9BB36C', endColorstr='#809F43'); /* IE6 & IE7 */  
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#9BB36C', endColorstr='#809F43')"; /* IE8+ */  
}

/*-----------------
    RESV3-36799
-----------------*/
.wrapper{
 	width:90%;
	max-width:800px;
	margin:30px auto;
	
	behavior: url(CSS3PIE);
}
.st-accordion{
    width:100%;
    min-width:270px;
    margin: 0 auto;
    
    behavior: url(CSS3PIE);
}
.st-accordion ul li{
    height: 100px;
    border-bottom: 1px solid #c7deef;
    border-top:1px solid #fff;
    overflow: hidden;
    
    behavior: url(CSS3PIE);
}
.st-accordion ul li:first-child{
    border-top:none;
}
.st-accordion ul li > a{
    font-family: 'PT Sans Narrow' , serif;
    text-shadow: 1px 1px 1px #fff;
    font-size: 24px;
    display: block;
	position: relative;
    line-height: 100px;
	outline:none;
    -webkit-transition:  color 0.2s ease-in-out;
	-moz-transition:  color 0.2s ease-in-out;
	-o-transition:  color 0.2s ease-in-out;
	-ms-transition:  color 0.2s ease-in-out;
	transition:  color 0.2s ease-in-out;
	
	behavior: url(CSS3PIE);
}
.st-accordion ul li > a span{
	background: transparent url(images/down.png) no-repeat center center;
	text-indent:-9000px;
	width: 26px;
	height: 14px;
	position: absolute;
	top: 50%;
	right: -26px;
	margin-top: -7px;
	opacity:0;
	-webkit-transition:  all 0.2s ease-in-out;
	-moz-transition:  all 0.2s ease-in-out;
	-o-transition:  all 0.2s ease-in-out;
	-ms-transition:  all 0.2s ease-in-out;
	transition:  all 0.2s ease-in-out;
	
	behavior: url(CSS3PIE);
}
.st-accordion ul li > a:hover{
    color: #1693eb;
}
.st-accordion ul li > a:hover span{
	opacity:1;
	right: 10px;
}
.st-accordion ul li.st-open > a{
    color: #C40303;
}
.st-accordion ul li.st-open > a span{
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
    transform:rotate(180deg);
	right:10px;
	opacity:1;
	
	behavior: url(CSS3PIE);
}
.st-content{
    padding: 5px 0px 30px 0px;
}
.st-content p{
    font-size:  14px;
    font-family:  Georgia, serif;
    font-style: italic;
    line-height:  28px;
    padding: 0px 4px 15px 4px; 
    
    behavior: url(CSS3PIE);
}
.st-content img{
    width:125px;
    border-right:1px solid #fff;
    border-bottom:1px solid #fff;
    
    behavior: url(CSS3PIE);
}

.detail_tee
{
    background-color:#2591B4;
    font-family: 'Open Sans', sans-serif;
    font-size:12px;
    text-decoration:none;
    color:#fff;
    position:relative;
    padding:2px;
    background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -o-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(44,160,202)),
	color-stop(1, rgb(62,184,229))
	);
    border-radius: 5px;
    text-align:center;
    min-height: 170px;
    margin-bottom: 20px;
    margin-left: 5px;
    margin-top:2px;
    
    -webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
    
    behavior: url(CSS3PIE);
}

.detail_tee:active {
    top:3px;
    background-image: linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -o-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(62,184,229)),
	color-stop(1, rgb(44,160,202))
	);
	
    behavior: url(CSS3PIE);
}

.detail:hover
{
    background-color: #4b3f39;
    cursor: pointer;
}

.detail_tee h1
{
    font-size: 18px;
    color: #fff;
    padding: 5px 0 10px 0;
    text-align: center;
    text-shadow: 1px 1px 0px #07526e;
    background-color: #19718C;
    display: block;
    padding: 8px 8px 0px 8px;
    z-index: -1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: inset 0px 1px 1px #909193, 0px 1px 0px #fff;
    -moz-box-shadow: inset 0px 1px 1px #909193, 0px 1px 0px #fff;
    -o-box-shadow: inset 0px 1px 1px #909193, 0px 1px 0px #fff;
    box-shadow: inset 0px 1px 1px #909193, 0px 1px 0px #fff;
    behavior: url(CSS3PIE);
}

.detail_tee h1 .price
{
    text-align: center;
    color: #fff;
}

.detail h2
{
    color: #9f0101;
    font-size: 16px;
}

.detail h3
{
    color: #0d8d00;
    font-size: 14px;
}

.detail h4
{
    color: #000;
    font-size: 12px;
}
.detail_tee p{
    font-size:  14px;
    font-family:  Georgia, serif;
    font-style: italic;
    line-height: 20px;
    padding: 0px 4px 5px 4px; 
    text-align:left;
    /*background-color: #5B3400;*/
    margin: 5px;
    
    behavior: url(CSS3PIE);
}


.detail_tee .empty{
    background-color: #004401;
	padding:5px;
	position:relative;
	text-decoration:none;
	color:#fff;
	border: solid 1px #186f8f;
	background-image: linear-gradient(bottom, rgb(116,191,95) 0%, rgb(33,122,8) 100%);
	background-image: -o-linear-gradient(bottom, rgb(116,191,95) 0%, rgb(33,122,8) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(116,191,95) 0%, rgb(33,122,8) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(116,191,95) 0%, rgb(33,122,8) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(116,191,95) 0%, rgb(33,122,8) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(116,191,95)),
	color-stop(1, rgb(33,122,8))
	);
	-webkit-box-shadow: inset 0px 1px 0px #7fd2f1, 0px 1px 0px #fff;
	-moz-box-shadow: inset 0px 1px 0px #7fd2f1, 0px 1px 0px #fff;
	box-shadow: inset 0px 1px 0px #7fd2f1, 0px 1px 0px #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	
	behavior: url(CSS3PIE);
}

/*styling both submit buttons */
#wrapper p.next input
{
    behavior: url(CSS3PIE);
    font-family: AlteHaasGrotesk, Segoe UI,Trebuchet,Arial,Sans-Serif;
	width: 180px;
	cursor: pointer;	
	background: rgb(61, 157, 179); /*!important;*/
	padding: 8px 5px;
	font-family: 'BebasNeueRegular','Arial Narrow',Arial,sans-serif;
	color: #fff;
	font-size: 24px;	
	border: 1px solid rgb(28, 108, 122);	
	outline:none;
	margin-bottom: 10px;
	margin-top: 10px;

	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;	
	-webkit-box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.07) inset,
	        0px 0px 0px 3px rgb(254, 254, 254),
	        0px 5px 3px 3px rgb(210, 210, 210);
	   -moz-box-shadow:0px 1px 6px 4px rgba(0, 0, 0, 0.07) inset,
	        0px 0px 0px 3px rgb(254, 254, 254),
	        0px 5px 3px 3px rgb(210, 210, 210);
	        box-shadow:0px 1px 6px 4px rgba(0, 0, 0, 0.07) inset,
	        0px 0px 0px 3px rgb(254, 254, 254),
	        0px 5px 3px 3px rgb(210, 210, 210);
	-webkit-transition: all 0.2s linear;
	   -moz-transition: all 0.2s linear;
	     -o-transition: all 0.2s linear;
	        transition: all 0.2s linear;
    border-radius: 30px;
}
#wrapper p.next input:hover
{
    behavior: url(CSS3PIE);
	background: rgb(74, 179, 198);
}
#wrapper p.next input:active
/*,#wrapper p.next input:focus*/
{
    behavior: url(CSS3PIE);
	background: rgb(40, 137, 154);
	position: relative;
	top: 1px;
	border: 1px solid rgb(12, 76, 87);	
	-webkit-box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.2) inset;
	   -moz-box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.2) inset;
	        box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.2) inset;
}
p.login
{
    behavior: url(CSS3PIE);
	text-align: center;
	margin: 5px 0;
}

.dock
{
    behavior: url(CSS3PIE);
    background: none repeat scroll 0 0 #F7F7F7;
    border: 1px solid rgba(147, 184, 189, 0.8);
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 2px 5px rgba(105, 108, 109, 0.7), 0 0 8px 5px rgba(208, 223, 226, 0.4) inset;
    top: 0;
    width: 100%;
    font-family: "PT Sans Narrow", Segoe UI,Trebuchet,Arial,Sans-Serif;
}

.content .left {
	width: 280px;
	float: left;
	padding: 0;
}

.logon-content .left h1
{
    behavior: url(CSS3PIE);
    color: #777777;
    font-size: 30px;
    line-height: 30px;
    margin: 0;
    position: relative;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.7);
    font-family: "PT Sans Narrow", Segoe UI,Trebuchet,Arial,Sans-Serif;
}

.logon-content .left p span
{
    behavior: url(CSS3PIE);
    color: #6190CA;
    font-size: 16px;
    margin: 0;
    position: relative;
    font-family: "PT Sans Narrow", Segoe UI,Trebuchet,Arial,Sans-Serif;
}

.logon-content .left pre
{
    width: 280px; 
    white-space: normal;
}

.logon-content .login {
	width: 480px;
	float: left;
	padding: 10px 25px;
	border-left: 0px solid #333;
	font-size: 15px;
}

.logon-content label 
{
    behavior: url(CSS3PIE);
	float: left;
	padding-top: 5px;
	padding-right: 10px;
	display: block;
}

.logon-content label.note
{
    float:right;
}

.logon-content h2
{
    behavior: url(CSS3PIE);
	font-size: 1.2em;
	padding: 10px 0 5px;
	margin: 0;
	color: rgb(61, 157, 179);
	/*color: white;*/
}

.login .text-box
{
    width: 245px;
}


.p-center
{
    /*text-align:right !important;
    vertical-align:middle;*/
    float: right; 
    padding:3px;
}

.c-center
{
     text-align: center !important;
    vertical-align:middle;
}

.a-center {
    text-align: center !important;
}

/*
Table Style 
------------------------------------------------------------------ */
.TeeSheet table a:link {
	color: #666;
	font-weight: bold;
	text-decoration:none;
}
.TeeSheet table a:visited {
	color: #999999;
	font-weight:bold;
	text-decoration:none;
}
.TeeSheet table a:active,
.TeeSheet table a:hover {
	color: #bd5a35;
	text-decoration:underline;
}
.TeeSheet table {
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:12px;
	text-shadow: 1px 1px 0px #fff;
	background:#eaebec;
	margin:20px;
	border:#ccc 1px solid;

	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;

	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
}
.TeeSheet table th {
	/*padding:21px 25px 22px 25px;*/
	padding-bottom: 20px;
	padding-top: 20px;
	border-top:1px solid #fafafa;
	border-bottom:1px solid #e0e0e0;

	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
	background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
}
.TeeSheet table th:first-child{
	text-align: left;
	padding-left:20px;
}
.TeeSheet table tr:first-child th:first-child{
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	border-top-left-radius:3px;
}
.TeeSheet table tr:first-child th:last-child{
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	border-top-right-radius:3px;
}
.TeeSheet table tr{
	text-align: center;
	padding-left:20px;
	min-height:60px;
	height:60px;
}
.TeeSheet table tr td:first-child{
	text-align: left;
	padding-left:20px;
	border-left: 0;
	vertical-align:middle;
}
.TeeSheet table tr td {
	padding: 5px 3px 5px 3px;
	border-top: 1px solid #ffffff;
	border-bottom:1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	
	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
	vertical-align:middle;
}
.TeeSheet table tr.even td{
	background: #f6f6f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
	background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}
.TeeSheet table tr:last-child td{
	border-bottom:0;
}
.TeeSheet table tr:last-child td:first-child{
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
}
.TeeSheet table tr:last-child td:last-child{
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
}
.TeeSheet table tr:hover td{
	background: #f2f2f2;
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
	background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);	
}

.TeeSheet table tr td.active{
	background: #228B22;
	color: #ffffff;
	text-shadow: 1px 1px 0px #666;
}

.ui-spinner {
    position: absolute;
    margin-top: -10px;
    top:0px;
    margin-right: 10px;
}

.iconImageItem
{
    margin-top: -10px;
}

.button, a.button
{
    background-image: -moz-linear-gradient(center top , #9BB36C, #859A5D) repeat scroll 0 0 transparent;
    background: -moz-linear-gradient(center top , #9BB36C 0%, #859A5D 100%) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #9BB36C), color-stop(1, #859A5D));
    background-image: -ms-linear-gradient(top , #9BB36C 0%, #859A5D 100%); /* IE10+ */
    border: 1px solid #487328;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 0 1px #FFFFFF inset, 1px 1px 1px rgba(102, 102, 102, 0.2);
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font: 12px Arial,Helvetica,sans-serif;
    padding: 4px 14px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 0 1px rgba(40, 53, 9, 0.2);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9BB36C', endColorstr='#859A5D'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#9BB36C', endColorstr='#859A5D')"; /* IE8+ */

}

.buttonDisabled, a.buttonDisabled
{
    background-image: -moz-linear-gradient(center top , #9BB36C, #859A5D) repeat scroll 0 0 transparent;
    background: -moz-linear-gradient(center top , #9BB36C 0%, #859A5D 100%) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, darkgrey), color-stop(1, grey));
    background-image: -ms-linear-gradient(top , #9BB36C 0%, #859A5D 100%); /* IE10+ */
    border: 1px solid #333333;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 0 1px #FFFFFF inset, 1px 1px 1px rgba(102, 102, 102, 0.2);
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font: 12px Arial,Helvetica,sans-serif;
    padding: 4px 14px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 0 1px rgba(40, 53, 9, 0.2);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9BB36C', endColorstr='#859A5D'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#9BB36C', endColorstr='#859A5D')"; /* IE8+ */

}

.button:hover, a.button:hover
{
    background-image: -moz-linear-gradient(center top , #6E7F45, #6E7F45) repeat scroll 0 0 transparent;
    background: -moz-linear-gradient(center top , #6E7F45, #6A7B42) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #6E7F45), color-stop(1, #6A7B42));
    background-image: -ms-linear-gradient(top , #6E7F45 0%, #6E7F45 100%); /* IE10+ */
    border-color: #3A822E;
    color: #EEFCEC;
    text-decoration: none;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6E7F45', endColorstr='#6A7B42'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#6E7F45', endColorstr='#6A7B42')"; /* IE8+ */
}
.buton:active, a.button:active
{
    background-image: -moz-linear-gradient(center top , #9BB36C, #859A5D) repeat scroll 0 0 transparent;
    background: -moz-linear-gradient(center top , #9BB36C, #809F43) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #9BB36C), color-stop(1, #809F43));
    background-image: -ms-linear-gradient(top , #9BB36C 0%, #859A5D 100%); /* IE10+ */
    border: 1px solid #487328;
    color: #FFFFFF;
    text-decoration: none;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9BB36C', endColorstr='#809F43'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#9BB36C', endColorstr='#809F43')"; /* IE8+ */
}

#searchButtonTV2
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #ffffff;
	padding: 10px 20px;
	 width: 174px;
    height: 74px;
	background: -moz-linear-gradient(
		top,
		#fff3db 0%,
		#ffc821 25%,
		#ff3c00);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#fff3db),
		color-stop(0.25, #ffc821),
		to(#ff3c00));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc821', endColorstr='#ff3c00'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc821', endColorstr='#ff3c00')"; /* IE8+ */
	background-image: -ms-linear-gradient(top , #fff3db 0%, #ffc821 25%, #ff3c00 100%); /*IE10*/
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #b85f00;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px -1px 0px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px -1px 0px rgba(255,255,255,0.7);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px -1px 0px rgba(255,255,255,0.7);
	text-shadow:
		0px -1px 1px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,0.3);
	behavior: url(CSS3PIE);
}

#searchButtonTV2:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #ffffff;
	padding: 10px 20px;
	 width: 174px;
    height: 74px;
	background: -moz-linear-gradient(
		top,
		#42ff42 0%,
		#146600);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#42ff42),
		to(#146600));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#42ff42', endColorstr='#146600'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#42ff42', endColorstr='#146600')"; /* IE8+ */
	background-image: -ms-linear-gradient(top , #42ff42 0%, #146600 100%); /*IE10*/
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #134201;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.4),
		0px 1px 0px rgba(255,255,255,0.3);
	behavior: url(CSS3PIE);
}

input.text-box, input.text-box-Required
{
       padding: 3px;
        font-size: 14px !important;
        line-height: 1;
        /*color: #7b8084;*/
        border: 1px solid #d3d3d3;
        border-radius: 4px;
        height: 23px;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EEE), color-stop(.25, white));
        width: 180px; 
        margin:3px;  
}

input[placeholder] {
line-height: 1.5;
}

select
{
    padding: 3px;
    font-size: 14px !important;
    line-height: 2;
    /*color: #7b8084;*/
    border: 1px solid #d3d3d3;
    border-radius: 4px;
    height: 30px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EEE), color-stop(.25, white));
    width: 208px; 
    margin:3px;
}

#tblMyBuddy, #tblSearchBuddy {
	width: 730px;
	border: 1px solid #e3e3e3;
	background-color: #f2f2f2;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
#tblMyBuddy thead, #tblSearchBuddy thead {
	padding: .2em 0 .2em .5em;
	text-align: left;
	color: #4B4B4B;
	background-color: #C8C8C8;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#e3e3e3), color-stop(.6,#B3B3B3));
	background-image: -moz-linear-gradient(top, #D6D6D6, #B0B0B0, #B3B3B3 90%);
	border-bottom: solid 1px #999;
}
#tblMyBuddy th, #tblSearchBuddy th {
    padding: 5px;
	color: #333;
	font-style: normal;
	font-weight: bold;
	text-align: left;
}
#tblMyBuddy td, #tblSearchBuddy td {
    padding: 5px;
	color: #333;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
}

.required
{
    color:Red;
}

.preference
{
    margin-left: 5px;
    margin-top:5px;
}

#PreferenceAreaDiv
{
    /*border: thin solid #C0C0C0;*/
    width: auto;
    height: 110px;
    overflow: auto;
    margin-left: 10px;
    margin-right : 10px;
    margin-top:0px;
    border: 1px solid #BDBCBC;
    background-color:#fff;
}

input.ui-autocomplete-input
{
    padding: 3px;
    font-size: 14px !important;
    line-height: 1;
    /*color: #7b8084;*/
    border: 1px solid #d3d3d3;
    border-radius: 4px 0px 0px 4px;
    height: 23px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EEE), color-stop(.25, white));
    width: 160px; 
    margin:3px 0px 3px 3px;  
}

td button.ui-button-icon-only
{
    vertical-align: baseline;
    width: 20px; 
}

.playerInputTextBox
{
    width : 186px;
    margin-top: 5px;
}

.playerEmailInputTextBox
{
    width : 200px;
    margin-top: 5px;
}


.playerInputDropDown
{
    width : 200px;
}

.playerInputCheckBox
{
    margin-top: 10px;
}

#divNormalTeeSheet
{
    width:100%;
    align:center;
    padding-bottom: 20px;
}

#tblNormalTeeSheet
{
    width:98%;
    margin-left:1%;
    margin-right:1%;
    margin-bottom:1%;
    border: 1px solid #d3d3d3;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#tblNormalTeeSheet thead
{
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #319938 100%);
/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #319938 100%);
/* Opera */ 
background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #319938 100%);
/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFFFFF), color-stop(1, #319938));
/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #319938 100%);
/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to top, #FFFFFF 0%, #319938 100%);
}

#tblNormalTeeSheet thead tr th
{
    height:60px;
    vertical-align:middle;
    font-weight:bold;
    margin:5px;
}

.TeeSheetNormalRowOdd
{
    background-color: #FFFFFF;
}

.TeeSheetNormalRowEven
{
    background-color: #EAEAEA;
}

.TeeSheetNormalRowOdd td
{
    height:40px;
    vertical-align:middle;
    text-align:center;
}

.TeeSheetNormalRowEven td
{
    height:40px;
    vertical-align:middle;
    text-align:center;
}

.divTeeSheetClassView
{
    width:100%;
    height:40px;
    line-height: 40px;
    text-align:center;
    font-weight:bold;
}
.divTeeSheetClassView:hover
{
    font-size:large;
    color: #9f0101;
    cursor:pointer;
}

#temp-table {
		overflow:hidden;
		border:1px solid #d3d3d3;
		background:#fefefe;
		width:70%;
		margin:5% auto 0;
		-moz-border-radius:5px; /* FF1+ */
		-webkit-border-radius:5px; /* Saf3-4 */
		border-radius:5px;
		-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
		
		/*font-family: "PT Sans Narrow",Segoe UI,Trebuchet,Arial,Sans-Serif; */
		font-family: AlteHaasGrotesk, Segoe UI,Trebuchet,Arial,Sans-Serif;
		padding-bottom: 10px;
	}
	
	#temp-table th {padding:8px 22px 22px ; text-align:center; }
	#temp-table td {text-align:center; vertical-align: middle;}
	
	#temp-table th {padding-top:22px; text-shadow: 1px 1px 1px #fff; background:#e8eaeb;}
	
	#temp-table td {border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;}
	
	#temp-table tr.odd-row td {background:#f6f6f6;}
	
	#temp-table td.first, temp-table th.first {text-align:left}
	
	#temp-table td.last {border-right:none;}
	
	
	#temp-table td {
		background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);
		background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe));
	}
	
	#temp-table tr.odd-row td {
		background: -moz-linear-gradient(100% 25% 90deg, #f6f6f6, #f1f1f1);
		background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f1f1f1), to(#f6f6f6));
	}
	
	#temp-table th {
		background: -moz-linear-gradient(100% 20% 90deg, #e8eaeb, #ededed);
		background: -webkit-gradient(linear, 0% 0%, 0% 20%, from(#ededed), to(#e8eaeb));
	}
	
	#temp-table tr:first-child th.first {
		-moz-border-radius-topleft:5px;
		-webkit-border-top-left-radius:5px; /* Saf3-4 */
	}
	
	#temp-table tr:first-child th.last {
		-moz-border-radius-topright:5px;
		-webkit-border-top-right-radius:5px; /* Saf3-4 */
	}
	
	#temp-table tr:last-child td.first {
		-moz-border-radius-bottomleft:5px;
		-webkit-border-bottom-left-radius:5px; /* Saf3-4 */
	}
	
	#temp-table tr:last-child td.last {
		-moz-border-radius-bottomright:5px;
		-webkit-border-bottom-right-radius:5px; /* Saf3-4 */
	}

.calenderTab
{
    width:100%; 
    height:70px;
    margin-left:-9px;
    
    font-family: "PT Sans Narrow",Segoe UI,Trebuchet,Arial,Sans-Serif;
}

.calenderTabNormalView
{
    width:100%; 
    height:70px;
    margin: -20px 0 20px -30px;
    
    font-family: "PT Sans Narrow",Segoe UI,Trebuchet,Arial,Sans-Serif;
}

.dayTab
{
    width: 108px;
    height: 70px;
    text-align: center;
    cursor: pointer;
    padding-top: 10px;
    
	color: #ffffff;
	
	background-color: #ccc;
	border: 1px solid #E4E5E6;
	margin-top: -0.1px;
	
    /*
    background: -moz-linear-gradient(
		top,
		#fff3db 0%,
		#ffc821 25%,
		#ff3c00);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#fff3db),
		color-stop(0.25, #ffc821),
		to(#ff3c00));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc821', endColorstr='#ff3c00'); * IE6 & IE7 *
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc821', endColorstr='#ff3c00')"; * IE8+ *
	background-image: -ms-linear-gradient(top , #fff3db 0%, #ffc821 25%, #ff3c00 100%); *IE10*
	border: 1px solid #b85f00;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
	*/
}

.first-row
{
   -moz-border-radius: 10px 0px 0px 0px;
	-webkit-border-radius: 10px 0px 0px 0px;
	border-radius: 10px 0px 0px 0px; 
}

.last-row
{
   -moz-border-radius: 0px 10px 0px 0px;
	-webkit-border-radius: 0px 10px 0px 0px;
	border-radius: 0px 10px 0px 0px; 
}

.dayTab:hover
{
    /*
    background: -moz-linear-gradient(
		top,
		#42ff42 0%,
		#146600);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#42ff42),
		to(#146600));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#42ff42', endColorstr='#146600'); * IE6 & IE7 *
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#42ff42', endColorstr='#146600')"; * IE8+ *
	background-image: -ms-linear-gradient(top , #42ff42 0%, #146600 100%); *IE10*/
	background-color: #5b5b5b;
	border: 1px solid #134201;
}

.dayTabSelected
{
    width:108px; 
    height:70px;
    border:none;
    text-align:center;
    cursor:pointer;
    padding-top:10px;
    
    color:#808080;
    background: white;
}

.tabbedview #layout-main 
{
    float: left;
    margin-left: 110px;
    top: 100px;
    width: 100%;
}

.tabbedview #left-sidebar
{
    margin-top: 5px;
    height: 175px;
}

.tabbedview #left-sidebar-tab
{
    margin-top: 5px;
    height: 175px;
}

.tabbedview #left-sidebarinner
{
    border: 1px solid #E4E5E6;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    width:770px;
    position:relative;
    clear: both;
    behavior: url(CSS3PIE);
    margin-left: 100px;
    height: 175px;
}

.tabbedview #main-content
{
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    position: relative;
}

.tabbedview #NoOfPlayerAreaTabbedView
{
    position:relative;
    width: 200px;
    margin: 0 auto;
    margin-top: -70px;
}

.tabbedview #DateAreaTabbedView
{
    /*position:absolute;
    top:40px;
    right: 2.5%;*/
}

.tabbedview #DateAreaTabbedView input
{
    width: 152px;
}

.tabbedview #TimeTabbedView
{
    /*position:absolute;
    top:100px;*/
}

.tabbedview #HoleTabbedVIew
{
    /*position:absolute;
    left: -285px;
    top: 60px;*/
}

.tabbedview #TabbedView
{
    position:absolute;
    margin-right: 20px;
    top: 17px;
    right: 130px;
}

.tabbedview #searchButton
{
    /*position:absolute;
    margin-right: 20px;
    top: 40%;
    right: 0px;*/
}

.tabbedview #searchInput
{
    padding-bottom:5px;
    height:190px;
}

#changeclass
{
    position: absolute;
    left: 690px;
    margin-top: -20px;
}

/*RESV3-77970 - make calendar full screen and don't allow QWERTY to open when used.*/
div.ui-datepicker
{
	font-size: 20px;	
}

.teesheetBooking
{
    background-color:#2591B4;
    font-family: 'Open Sans', sans-serif;
    font-size:12px;
    text-decoration:none;
    color:#fff;
    position:relative;
    padding:2px;
    background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -o-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(44,160,202)),
	color-stop(1, rgb(62,184,229))
	);
    border-radius: 5px;
    text-align:center;
    min-height: 150px;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-top:2px;
    width:90%;
    -webkit-box-shadow: inset 0px 0px 0px #2ab7ec, 0px 0px 0px 0px #156785, 0px 3px 5px #999;
	-moz-box-shadow: inset 0px 0px 0px #2ab7ec, 0px 0px 0px 0px #156785, 0px 3px 5px #999;
	-o-box-shadow: inset 0px 0px 0px #2ab7ec, 0px 0px 0px 0px #156785, 0px 3px 5px #999;
	box-shadow: inset 0px 0px 0px #2ab7ec, 0px 0px 0px 0px #156785, 0px 3px 5px #999;
}

.teesheetAuction
{
    background-color:#CC3A22;
    font-family: 'Open Sans', sans-serif;
    font-size:12px;
    text-decoration:none;
    color:#fff;
    position:relative;
    padding:2px;
    background-image: linear-gradient(bottom, #CA4D2C 0%, #E55B3E 100%);
	background-image: -o-linear-gradient(bottom, #CA4D2C 0%, #E55B3E 100%);
	background-image: -moz-linear-gradient(bottom, #CA4D2C 0%, #E55B3E 100%);
	background-image: -webkit-linear-gradient(bottom, #CA4D2C 0%, @E55B3E 100%);
	background-image: -ms-linear-gradient(bottom, #CA4D2C 0%, #E55B3E 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, #CA4D2C),
	color-stop(1, #E55B3E)
	);
    border-radius: 5px;
    text-align:center;
    min-height: 150px;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-top:2px;
    width:90%;
    -webkit-box-shadow: inset 0px 0px 0px rgba(204, 77, 77, 1), 0px 0px 0px 0px rgba(123, 17, 17, 1), 0px 3px 5px #999;
	-moz-box-shadow: inset 0px 0px 0px rgba(204, 77, 77, 1), 0px 0px 0px 0px rgba(123, 17, 17, 1), 0px 3px 5px #999;
	-o-box-shadow: inset 0px 0px 0px rgba(204, 77, 77, 1), 0px 0px 0px 0px rgba(123, 17, 17, 1), 0px 3px 5px #999;
	box-shadow: inset 0px 0px 0px rgba(204, 77, 77, 1), 0px 0px 0px 0px rgba(123, 17, 17, 1), 0px 3px 5px #999;
}

.specialAuction
{
    background-color:#193FDA;
    font-family: 'Open Sans', sans-serif;
    font-size:12px;
    text-decoration:none;
    color:#fff;
    position:relative;
    padding:2px;
    background-image: linear-gradient(bottom, #2C39CA 0%, #3E73E5 100%);
	background-image: -o-linear-gradient(bottom, #2C39CA 0%, #3E73E5 100%);
	background-image: -moz-linear-gradient(bottom, #2C39CA 0%, #3E73E5 100%);
	background-image: -webkit-linear-gradient(bottom, #2C39CA 0%, @3E73E5 100%);
	background-image: -ms-linear-gradient(bottom, #2C39CA 0%, #3E73E5 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, #2C39CA),
	color-stop(1, #3E73E5)
	);
    border-radius: 5px;
    text-align:center;
    min-height: 150px;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-top:2px;
    width:90%;
    -webkit-box-shadow: inset 0px 0px 0px rgba(204, 77, 77, 1), 0px 0px 0px 0px rgba(123, 17, 17, 1), 0px 3px 5px #999;
	-moz-box-shadow: inset 0px 0px 0px rgba(204, 77, 77, 1), 0px 0px 0px 0px rgba(123, 17, 17, 1), 0px 3px 5px #999;
	-o-box-shadow: inset 0px 0px 0px rgba(204, 77, 77, 1), 0px 0px 0px 0px rgba(123, 17, 17, 1), 0px 3px 5px #999;
	box-shadow: inset 0px 0px 0px rgba(204, 77, 77, 1), 0px 0px 0px 0px rgba(123, 17, 17, 1), 0px 3px 5px #999;
}


.teesheetBooking:active, .teesheetAuction:active, .specialAuction:active{
    top:2px;
    -webkit-box-shadow: inset 0px 0px 0px rgba(204, 77, 77, 1), 0px 0px 0px 0px rgba(123, 17, 17, 1), 0px 0px 0px #999;
	-moz-box-shadow: inset 0px 0px 0px rgba(204, 77, 77, 1), 0px 0px 0px 0px rgba(123, 17, 17, 1), 0px 0px 0px #999;
	-o-box-shadow: inset 0px 0px 0px rgba(204, 77, 77, 1), 0px 0px 0px 0px rgba(123, 17, 17, 1), 0px 0px 0px #999;
	box-shadow: inset 0px 0px 0px rgba(204, 77, 77, 1), 0px 0px 0px 0px rgba(123, 17, 17, 1), 0px 0px 0px #999;
}

.teesheetBooking:hover, .teesheetAuction:hover, .specialAuction:hover
{
    cursor: pointer;
}

.teesheetBooking p, .teesheetAuction p, .specialAuction p{
    font-size:  12px;
    font-family:  Georgia, serif;
    font-style: italic;
    line-height: 15px;
    text-align:center;
    margin: 2px;
    padding-bottom:10px;
    padding-top:5px
}

.GuestOfButton
{
    background-image: -moz-linear-gradient(center top , #F0F0F0, #C7C7C7) repeat scroll 0 0 transparent;
    background: -moz-linear-gradient(center top , #F0F0F0 0%, #C7C7C7 100%) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #F0F0F0), color-stop(1, #C7C7C7));
    background-image: -ms-linear-gradient(top , #F0F0F0 0%, #C7C7C7 100%); /* IE10+ */
    border: 1px solid #8F8F8F;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 0 1px #FFFFFF inset, 1px 1px 1px rgba(102, 102, 102, 0.2);
    color: Black;
    cursor: pointer;
    display: inline-block;
    font: 14px Arial,Helvetica,sans-serif;
    font-weight:bold;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 0 1px rgba(40, 53, 9, 0.2);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F0F0F0', endColorstr='#C7C7C7'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#F0F0F0', endColorstr='#C7C7C7')"; /* IE8+ */
    line-height: 35px;
    height: 35px;
    width: 70px;
}

.GuestOfButtonChecked
{
    background-image: -moz-linear-gradient(center top , #78ABEB, #1D6CE4) repeat scroll 0 0 transparent;
    background: -moz-linear-gradient(center top , #78ABEB, #1D6CE4) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #78ABEB), color-stop(1, #1D6CE4));
    background-image: -ms-linear-gradient(top , #78ABEB 0%, #1D6CE4 100%); /* IE10+ */
    border: 1px solid #337EDF;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 0 1px #FFFFFF inset, 1px 1px 1px rgba(102, 102, 102, 0.2);
    color: White;
    cursor: pointer;
    display: inline-block;
    font: 14px Arial,Helvetica,sans-serif;
    font-weight:bold;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 0 1px rgba(40, 53, 9, 0.2);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#78ABEB', endColorstr='#1D6CE4'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#78ABEB', endColorstr='#1D6CE4')"; /* IE8+ */
    line-height: 35px;
    height: 35px;
    width: 70px;
}

.showTeesheetAuctionDetail
{
    
    font-size: 14px;
    background-color: #004401;
	padding:5px;
	position:relative;
	text-decoration:none;
	color:#fff;
	border: solid 1px #186f8f;
	background-image: linear-gradient(bottom, rgb(116,191,95) 0%, rgb(33,122,8) 100%);
	background-image: -o-linear-gradient(bottom, rgb(116,191,95) 0%, rgb(33,122,8) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(116,191,95) 0%, rgb(33,122,8) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(116,191,95) 0%, rgb(33,122,8) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(116,191,95) 0%, rgb(33,122,8) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(116,191,95)),
	color-stop(1, rgb(33,122,8))
	);
	-webkit-box-shadow: inset 0px 1px 0px #7fd2f1, 0px 1px 0px #fff;
	-moz-box-shadow: inset 0px 1px 0px #7fd2f1, 0px 1px 0px #fff;
	box-shadow: inset 0px 1px 0px #7fd2f1, 0px 1px 0px #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	
	behavior: url(CSS3PIE);

}

/*-----------------
    RESV3-77129
------------------*/

#teetimeSpecial
{
    padding-bottom:10px;
}

#teetimeSpecial p
{
    overflow: hidden;
    text-align: center;
}

#teetimeSpecial #detail
{
    background-image: url(images/detail_bg_special.png);
    background-color: #fff; 
    background-position:bottom;
    background-repeat:no-repeat;
    border-width: 1px;
    border-color: #999999;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px; /*IE DOES NOT SUPPORT BORDER RADIUS*/
    -moz-box-shadow: 0px 0px 2px #000000;
    -webkit-box-shadow: 0px 0px 2px #000000;
    box-shadow: 0px 0px 2px #000000;
    filter: alpha(opacity=80);
    text-align: center;
    min-height: 100px;
    width: 100px;
    margin-bottom: 10px;
    margin-left: 5px;
    behavior: url(CSS3PIE);
    margin-top: 3px;
}

#teetimeSpecial #detail:hover
{
    background-color: #fffac4;
    cursor: pointer;
}

#teetimeSpecial #detail .divTeeSheetClass
{
    margin-top: -3px;
}

#teetimeSpecial #detail h1, #teetime #detail h2, #teetime #detail h3, #teetime #detail h4
{
    font-family: 'PT Sans Narrow' , serif;
}

#teetimeSpecial #detail h1
{
    font-size: 11pt;
    color: #db9b00;
    margin-top: 6px;
    margin-bottom: 6px;
}

#teetimeSpecial #detail h2
{
    color: #9f0101;
    font-size: 10pt;
}

#teetimeSpecial #detail h3
{
    color: #0d8d00;
    font-size: 10pt;
    margin-top: 6px;
    margin-bottom: 6px;
}

#teetimeSpecial #detail h4
{
    color: #db9b00;
    font-size: 10pt;
    margin-top: -10px;
    margin-bottom: 20px;
}

#teetimeSpecial #detail div
{
    font-size: 6pt;
    font-weight: bold;
}

.cartpriceSpecial
{
    color:#9f0101; 
    font-size:10px;
}

#teetimeSpecial #detail ul
{
}

#teetimeSpecial #detail li
{
    display: inline;
}

#teetimeSpecial #detailAuction h1, #teetime #detailAuction h2, #teetime #detailAuction h3, #teetime #detailAuction h4
{
    font-family: 'PT Sans Narrow' , serif;
}

#teetimeSpecial #detailAuction
{
    background-color: #fff; 
    background-image: url(images/detail_bg_special.png);
    background-position:bottom;
    background-repeat:no-repeat;
    
    border-width: 1px;
    border-color: #999999;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px; /*IE DOES NOT SUPPORT BORDER RADIUS*/
    behavior: url(CSS3PIE);
    
    -moz-box-shadow: 0px 0px 2px #000000;
    -webkit-box-shadow: 0px 0px 2px #000000;
    box-shadow: 0px 0px 2px #000000;
    filter: alpha(opacity=80);
    text-align: center;
    min-height: 100px;
    width: 100px;
    margin-bottom: 10px;
    margin-left: 5px;
}

#teetimeSpecial #detailAuction h1
{
    font-size: 10pt;
    color: #db9b00;
    margin-top: 8px;
    margin-bottom: 10px;
}

#teetimeSpecial #detailAuction h2
{
    color: #9f0101;
    font-size: 10pt;
}

#teetimeSpecial #detailAuction h3
{
    color: #0d8d00;
    font-size: 10pt;
    margin-top: 8px;
    margin-bottom: 10px;
}

#teetimeSpecial #detailAuction h4
{
    color: #000;
    font-size: 10pt;
    margin-top: -10px;
    margin-bottom: 20px;
}

#teetimeSpecial #detailAuction ul
{
}

#teetimeSpecial #detailAuction li
{
    display: inline;
}

/*----------------- Custom check box ------------------------*/
/* Example for use.
   <label id="ck-button">
      <input type="checkbox" value="1"><span>label</span>
   </label>
*/

#ck-button {
    margin:3px;
    margin-bottom:0px;
    background-color:#EFEFEF;
    border-radius:4px;
    border:1px solid #D0D0D0;
    overflow-x: auto;
    overflow-y: hidden;
    float:left;
    color:Black;
    width:100%;
    word-wrap: break-word;
    padding: 5px 0px;
}

#ck-button:hover {
   background:#cdcdcd;
}

#ck-button label {
    float:left;
}

#ck-button  span {
    text-align:left;
    padding:4px;
    
    /*display:inline-block;*/
}


/*----------------- End Custom check box ------------------------*/

/*----------------- Custom radio box ------------------------*/

/*
Example to use
	<div class="rb-group">
	   <label class="rb-button">
		  <input type="radio" name="test" value="1" checked='checked'><span>one</span>
	   </label>
	   <label class="rb-button">
		  <input type="radio" name="test"  value="2"><span>two</span>
	   </label>      
	   <label class="rb-button">
		  <input type="radio" name="test"  value="3"><span>three</span>
	   </label>
	</div>
*/
.rb-button {
    margin:0px;
    background-color:#EFEFEF;
    border:1px solid #D0D0D0;
    overflow:auto;
    float:left;
    cursor:pointer;
    color:Black;
    background: url(images/formbg.gif) repeat-x left top;
}

.rb-button:hover {
    background:#E4E4E4;
}

.rb-button label {
    float:left;
}
.rb-button  span {
    text-align:center;
    /*padding:10px 15px 10px 15px;*/
    padding:10px 6px;
    display:block;
}

.rb-button  input {
    display:none;
}

.rb-button input:checked + span {
    background-color:#D5D5D5;
}

.rb-group{
   margin:2px;
   min-height: 40px;
}

.rb-button:first-child{
    border-top-left-radius:6px;
    border-bottom-left-radius:6px;
    margin-left:5px;
}

.rb-button:last-child{
    border-top-right-radius:6px;
    border-bottom-right-radius:6px;
    margin-right:10px;
}
/*----------------- End Custom radio box ------------------------*/

/*----------------- Custom radio box V2 ------------------------*/
.rb-buttonV2 {
    background-color:#EFEFEF;
    border:1px solid #D0D0D0;
    overflow:auto;
    cursor:pointer;
    border-radius:6px;
}

.rb-buttonV2:hover {
    background:#E4E4E4;
}

.rb-buttonV2 label {
    float:left;
}
.rb-buttonV2  span {
    text-align:center;
    padding:10px 7px;
    display:block;
}

.rb-buttonV2  input {
    display:none;
}

.rb-buttonV2 input:checked + span {
    background-color:#D5D5D5;
}

/*----------------- End Custom radio box V2 ------------------------*/

.btnTypeSignIn.active {
	background:#D4D3D3;
}

#CourseAreaDiv
{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#CourseAreaDiv table 
{
    width:95%;
}

#CourseArea, #StartingFromAreaTabbedView, #DateArea
{
    padding-bottom: 10px;
}

#coupon
{
    /*padding-top: 10px;*/
}

#StartTimeDropDown
{
    /*margin-left: 8px;
    width: 188px;*/
}

#StartTimeDropDownTab
{
    /*margin-left: 8px;*/
    /*width: 165px;*/
    width: 100%;
}

#searchInput
{
    margin-top: 5px;   
}

/*----------------- Start numeric -----------------*/

.numeric-button  {
    margin:0px;
    background-color:#EFEFEF;
    border:1px solid #D0D0D0;
    overflow:auto;
    float:left;
    cursor:pointer;
    background: url(images/formbg.gif) repeat-x left top;
}

.text-button  {
    margin:0px;
    background-color:#EFEFEF;
    border:1px solid #D0D0D0;
    overflow:auto;
    float:left;
    cursor:pointer;
}

.text-button input{
    text-align:right;
    padding:2px;
    display:block;
    max-width:40px;
    color:inherit;
}

.numeric-button:hover {
    background:#E4E4E4;
}

.numeric-button label {
    float:left;
}

.numeric-button  span {
    text-align:center;
    padding:3px 10px 3px 10px;
    display:block;
    width:10px;
}

.numeric-button  input {
    position:absolute;
    visibility: hidden;
}

.numeric-group{
   display:inline-block;
   margin-bottom: -10px;
}

.numeric-button:first-child{
    border-top-left-radius:6px;
    border-bottom-left-radius:6px;
}

.numeric-button:last-child{
    border-top-right-radius:6px;
    border-bottom-right-radius:6px;
}

/*----------------- End numeric -----------------*/
@media screen and (max-width: 759px)
{
    /*.content .left pre
    {
        width: 520px;
        white-space: normal;
        padding: 30px 10px;
        display: inline-block;
    }*/
    #panel .content .left
    {
        margin-left: 0px;
    }
    .content .left pre
    {
        /*width: 450px;*/
        white-space: normal;
        padding: 30px 30px;
    }
}

@media screen and (max-width: 1096px)
{
    /*#panel .content .left
    {
        margin-left: 22%;
        width: 480px;
        white-space: normal;
        padding: 30px;
        border: none;
    }*/
    .content .left pre
    {
        /*width: 450px;*/
        white-space: normal;
        padding: 30px 30px;
    }
}
@media screen and (min-width: 1097px)
{
    .content .left pre
    {
        /*width: 450px;*/
        white-space: normal;
        padding: 30px 30px;
    }
}

.rdb-box {
    margin:2px 10px;
    background-color:#EFEFEF;
    border:1px solid #D0D0D0;
    overflow:auto;
    cursor:pointer;
    color:White;
    background:#518BCD;
    font-weight:bold;
}

.rdb-box:hover 
{
    background:#3977BE;
}

.rdb-box label {
    float:left;
}
.rdb-box  span {
    text-align:center;
    /*padding:10px 15px 10px 15px;*/
    padding:10px;
    display:block;
}

.rdb-box  input {
    display:none;
}

.rdb-box input:checked + span 
{
    border:1px solid #000000;
    background-color:#1D5390;
}
.modalOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: rgba(0,0,0,0.75); /* black semi-transparent */
}
.linkText
{
    cursor: pointer;
    color: #0066CC;
    /*font-weight: bold;
    font-size: 17px;*/
    vertical-align: -webkit-baseline-middle;
}
.linkText:hover
{
    text-decoration: underline;
}

.iconGolfLeft
{
    position: absolute;
    bottom: 0px;
    width: 26px;
    left: 5px;
}

.iconGolfRight
{
    position: absolute;
    bottom: 0px;
    width: 26px;
    right: 5px;
}

.iconGolfCenter
{
    position: absolute;
    bottom: 0px;
    width: 26px;
    left: 70px;
}


.lessonbookButton
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #ffffff;
	padding: 10px 20px;
	 width: 174px;
    height: 74px;
	background: -moz-linear-gradient(
		top,
		#fff3db 0%,
		#ffc821 25%,
		#ff3c00);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#fff3db),
		color-stop(0.25, #ffc821),
		to(#ff3c00));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc821', endColorstr='#ff3c00'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc821', endColorstr='#ff3c00')"; /* IE8+ */
	background-image: -ms-linear-gradient(top , #fff3db 0%, #ffc821 25%, #ff3c00 100%); /*IE10*/
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #b85f00;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px -1px 0px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px -1px 0px rgba(255,255,255,0.7);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px -1px 0px rgba(255,255,255,0.7);
	text-shadow:
		0px -1px 1px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,0.3);
	behavior: url(CSS3PIE);
}

.lessonbookButton:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #ffffff;
	padding: 10px 20px;
	 width: 174px;
    height: 74px;
	background: -moz-linear-gradient(
		top,
		#42ff42 0%,
		#146600);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#42ff42),
		to(#146600));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#42ff42', endColorstr='#146600'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#42ff42', endColorstr='#146600')"; /* IE8+ */
	background-image: -ms-linear-gradient(top , #42ff42 0%, #146600 100%); /*IE10*/
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #134201;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.4),
		0px 1px 0px rgba(255,255,255,0.3);
	behavior: url(CSS3PIE);
}

/* -----------------------------------------
   Grid Default
----------------------------------------- */
#teeDate { color: #aab0b5; }
#teeDate h2 { font-size: 2.45em; font-family: AlteHaasGrotesk, Segoe UI,Trebuchet,Arial,Sans-Serif; padding-bottom: 15px; } 
#teetime { padding-bottom: 10px; }
#teetime p { overflow: hidden; padding: 10px 0; text-align: center; }
#teetime #detail { background-color: #fff; background-image: url(images/detail_bg.png); background-position:bottom; 
                   background-repeat:no-repeat; border-width: 1px; border-color: #999999; -moz-border-radius: 2px; 
                   -webkit-border-radius: 2px; border-radius: 2px; /*IE DOES NOT SUPPORT BORDER RADIUS*/ behavior: url(CSS3PIE); 
                   -moz-box-shadow: 0px 0px 2px #000000; -webkit-box-shadow: 0px 0px 2px #000000; box-shadow: 0px 0px 2px #000000;
                   filter: alpha(opacity=80); text-align: center; min-height: 170px; margin-bottom: 10px; margin-left: 5px;
                 }
#teetime #detail:hover { background-color: #fffac4; cursor: pointer; }
#teetime #detail h1, #teetime #detail h2, #teetime #detail h3, #teetime #detail h4 { font-family: 'PT Sans Narrow' , serif; }
#teetime #detail h1 { font-size: 20pt; color: #db9b00; margin-top: 6px; margin-bottom: 6px; }
#teetime #detail h2 { color: #9f0101; font-size: 16pt; }
#teetime #detail h3 { color: #0d8d00; font-size: 14pt; margin-top: 6px; margin-bottom: 6px; }
#teetime #detail h4 { color: #db9b00; font-size: 12pt; margin-top: -10px; margin-bottom: 20px; }
.cartprice { color:#9f0101; font-size:16px; }
#teetime #detail ul { }
#teetime #detail li { display: inline; }

/* -----------------------------------------
   Grid For Auction
----------------------------------------- */
#teetime #detailAuction h1, #teetime #detailAuction h2, 
#teetime #detailAuction h3, #teetime #detailAuction h4 { font-family: 'PT Sans Narrow' , serif; }
#teetime #detailAuction { background-color: #fff; background-image: url(images/detail_bg.png); background-position:bottom; 
                          background-repeat:no-repeat; border-width: 1px; border-color: #999999; -moz-border-radius: 2px; 
                          -webkit-border-radius: 2px; border-radius: 2px; /*IE DOES NOT SUPPORT BORDER RADIUS*/ behavior: url(CSS3PIE); 
                          -moz-box-shadow: 0px 0px 2px #000000; -webkit-box-shadow: 0px 0px 2px #000000; box-shadow: 0px 0px 2px #000000;
                          filter: alpha(opacity=80); text-align: center; min-height: 170px; margin-bottom: 10px; margin-left: 5px;
                        }
#teetime #detailAuction h1 { font-size: 20pt; color: #db9b00; margin-top: 8px; margin-bottom: 10px; }
#teetime #detailAuction h2 { color: #9f0101; font-size: 16pt; }
#teetime #detailAuction h3 { color: #0d8d00; font-size: 14pt; margin-top: 8px; margin-bottom: 10px; }
#teetime #detailAuction h4 { color: #000; font-size: 12pt; margin-top: -10px; margin-bottom: 20px; }
#teetime #detailAuction ul {}
#teetime #detailAuction li { display: inline; }
#teetime #detail h4.auctionNotes { color: Yellow;word-wrap: break-word; }
#teetimeSpecial #detail h4.auctionNotesSpecial { color: Yellow;word-wrap: break-word; font-size: 11px; font-weight: normal; }
.iconImageLeft { position: absolute; bottom: 5px; left: 5px; }
.iconImageRight { position: absolute; bottom: 5px; right: 5px; }
.LeftDiv { position:relative; width:65%; float:left; text-align: left; }
.RightDiv { position:relative; width: 34%; float:right; text-align:center; }

/* -----------------------------------------
   Grid For Auction Descending
----------------------------------------- */
#teetime #detail.descendingBg { background: #c00000; }
#teetime #detail:hover.descendingBg { background: #c00000; }
.descending { color: White; }
.descendingDetail { color: White; text-align: left; font-size: 11px; margin-top: 5px; padding-left: 5px; }
.descendingBottomDetail { color: White; font-weight: bold; font-size: 10px; }

/* -----------------------------------------
   Grid For Auction Traditional
----------------------------------------- */
#teetime #detail.traditionalBg { background: #ffa500; }
#teetime #detail:hover.traditionalBg { background: #ffa500; }
.traditional { color: black; }

/* -----------------------------------------
   Grid For Special Row Auction
----------------------------------------- */
#teetimeSpecial #detail h4.lowestPrice { font-size: 10px; color: #9f0101; }
#teetimeSpecial #detail h4.discount { font-size: 10px; color: red; }
.specialPopup { background-color: Orange; font-weight:normal; color:White; border-radius: 10px 10px 10px 10px; 
                -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; }

/* -----------------------------------------
   Grid For Special Row Auction Descending
----------------------------------------- */
#teetimeSpecial #detail h1.descending, 
#teetimeSpecial #detail h3.descending, #teetimeSpecial #detail h4.descending { color: White; }
#teetimeSpecial #detail.descendingBg { background: #c00000; }
#teetimeSpecial #detail:hover.descendingBg { background: #c00000; }

/* -----------------------------------------
   Grid For Special Row Auction Traditional
----------------------------------------- */
#teetimeSpecial #detail h1.traditional, #teetimeSpecial #detail h3.traditional, 
#teetimeSpecial #detail h4.traditional { color: black; }
#teetimeSpecial #detail.traditionalBg { background: #ffa500; }
#teetimeSpecial #detail:hover.traditionalBg { background: #ffa500; }