/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *

 * require_tree .









 */

	.hide {
 		display: none;
	}

	.no-marg {
	 	margin: 0 auto;
	}

    .thick {
        font-weight: bold;
    }

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

	.pull-left {
		float: left;
	}

	.pull-right {
		float: right;
	}

	.total-payout {
		height: 33px;
		background-color: #000;
		color: #fff;
		font-weight: bold;
		font-size: 14px;
	}

	.notes-withdrawal {
		clear: both;
		float: left;
		text-align: right;
		line-height: 26px;
		color: #666;
		text-shadow: 1px 1px 1px #FFF;
		font-size: 15px;
		font-weight: bold;
		margin: 15px 86px;
	}

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:99999999999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(/images/overlay.png) repeat 0 0;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(/images/controls.png) no-repeat -100px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(/images/controls.png) no-repeat -129px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(/images/controls.png) no-repeat -100px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(/images/controls.png) no-repeat -129px -29px;}
    #cboxMiddleLeft{width:21px; background:url(/images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(/images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(/images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(/images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;margin-right:10px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(/images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(/images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(/images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(/images/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(/images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7+ replaces a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
*/
.cboxIE6 #cboxTopLeft{background:url(/images/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(/images/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(/images/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(/images/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(/images/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(/images/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(/images/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(/images/ie6/borderMiddleRight.png);}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}

/* General */
.tooltip, .tooltip td { color: #FFF; text-shadow: none; }
#gameTable .tooltip td { height: 20px; }
#leaderPad-content a { color: #FFF; }
ui-chatbox-msg a { color: #000; }

.social_links {
  float: right;
  width: 250px;
}

.social_links span {
  padding-right: 10px;
}

.social_links a.facebook {
  float:right;
  width: 19px;
  height: 19px;
  text-indent: -9999px;
  background: url(/images/social-new.png) no-repeat 0 0;
}

.social_links a.hrn_friends {
  float:right;
  width: 16px;
  height: 16px;
  background: url(/images/icons/group_add.png) no-repeat 0 0;
  padding-right: 10px;
}
.tooltip {
  display: none;
  background-color: #333;
/*
  background:
		-webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0.01, #333),
		color-stop(0.8, #111)
		);
	background:
		-moz-linear-gradient(
		center bottom,
		rgb(240,240,240) 9%,
		rgb(227,227,227) 55%,
		rgb(240,240,240) 78%
		);
*/		
  border: 2px solid white;
  font-size: 12px;
  max-height: 360px;
  width: 130px;
  padding: 10px;
  color: white;
  text-align: center;
  overflow: auto;
  z-index: 9999;
  opacity: .9;
  -moz-box-shadow:0px 0px 15px rgba(0,0,0,1);
  -webkit-box-shadow:0px 0px 15px rgba(0,0,0,1);
  box-shadow:0px 0px 15px rgba(0,0,0,1);
}
.tooltip table {
  margin: 0 auto;
  text-align: center;
}
.tooltip h2 {
  margin: 0 auto;
  width: 90px;
}
.tooltip th {
  padding: 5px 4px 2px 4px;
}
.tooltip table td {
  margin: 0;
  padding: 2px 0 2px 0;
  height: auto;
}

#filters .pref select { margin: 0 5px; }
#gameTable .miniFirst {
	padding-left: 5px;
}

/* Tourney List */

div#gameDiv { overflow: visible; }
.gameName { text-align: center; }
.mine.tableRow {
	text-shadow:rgba(256, 256, 256,1) 1px 1px 3px;
	background-color:rgba(209,227,219,0.9);
	background-image:none;
	opacity:1;
	font-family: Tahoma, Geneva, sans-serif;
}

/* Tourney Show */

.raceTable { border: none; }
.addEntry a { color: #FFF; }
td.raceDetail, .raceDetail div { display: none; }
th.full { background-color: gray; border-bottom: 2px solid #333; border-top: 1px solid #333; }
td.unjoinable { color: #FFF; background-color: #000; border: none !important; opacity: .8; text-shadow: 1px 1px 2px #000;}

.raceResultsHead { line-height: 1px; }
.tableRow .number, #raceResults .number { font-size: 25px; }

#ajaxLoader { position: relative; float: right; top: -5px; width: 25px; height: 10px; }
#gameHeader a { color: #FFF; }
.progressBar img { margin-top: 5px !important; }
#gameTable th.tableTracks, .tracks { text-align: center; }

.bet.purchase a {
	display: block;
	width: 164px;
	height: 100%;
	text-decoration: none;
	color: white;
	position: relative;
}
.bet.purchase a span {
	position: absolute;
	top: 33%;
	left: 22%;
}

.chat {
	
	width:846px;
	padding:15px 25px 0 25px;
	margin:0;
	background:#3B5DA9;
	border-bottom: 1px solid #333;
	border-top: 1px solid #333;
	border-left: 2px solid #333;
	border-right: 2px solid #333;
	-moz-border-radius-bottom-left : 12px;
	-moz-border-radius-bottom-right : 12px;
	-webkit-border-bottom-left-radius: 12px;
	-webkit-border-bottom-right-radius: 12px;
	border-radius-bottom-left : 12px;
	border-radius-bottom-right : 12px;
}
.chat textarea, .chat input { width: 500px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; float: none; border: 1px solid #666;}
.chat textarea { margin: 10px; }
.chat form { margin-bottom: 10px; }

#gameHeader .view.pool { margin-right: 20px; }

.tooltip table {
  margin: 0 auto;
  text-align: center;
}
.tooltip h2 {
  margin: 0 auto;
  width: 90px;
}
.tooltip th {
  padding: 5px 4px 2px 4px;
}
.tooltip table td {
  margin: 0;
  padding: 2px 0 2px 0;
  height: auto;
}

.bet .laneNumber {
	position: relative;
  width:48px;
	height:47px;
	width:50px;
	height:28px;
	margin:0 auto;
	opacity:1;
	text-shadow: 0 1px 2px #000;
	font:bold 16px Tahoma, Geneva, sans-serif;
	text-decoration:none;
	text-align:center;
	border: 1px solid #FFF;
	-webkit-transition: opacity 400ms ease-out;
	-moz-transition: opacity 400ms ease-out;
	-o-transition: opacity 400ms ease-out;
	transition: opacity 400ms ease-out;
	padding-top: 8px;
	cursor: pointer;
}
.bet .alt { color:#FFF; background-color: #FFDF80; }
.bet .alt.laneNumber {
	position: absolute;
	top: 8px;
	left: 40px;
	width: 20px;
	height: 10px;
	font-size: 12px;
	line-height: 1px;
}
.bet .win_status {
	position: absolute;
	top: -3px;
	left: 60px;
}	
.bet .lane1 { color:#FFF; background-color: #F00; }
.bet .lane2 { color:#000; background-color: #FFF; }
.bet .lane3 { color:#FFF; background-color: #00F; }
.bet .lane4 { color:#000; background-color: #FF0; }
.bet .lane5 { color:#FFF; background-color: #063; }
.bet .lane6 { color:#FFF; background-color: #000; }
.bet .lane7 { color:#000; background-color: #F60; }
.bet .lane8 { color:#000; background-color: #F3F; }
.bet .lane9 { color:#000; background-color: #0CF; }
.bet .lane10 { color:#FFF; background-color: #90C; }
.bet .lane11 { color:red; background-color: #999; }
.bet .lane12 { color:#000; background-color: #0F9; }
.bet .lane13 { color:#FFF; background-color: #999; }
.bet .lane14 { color:#FFF; background-color: #900; }
.bet .lane15 { color:#FFF; background-color: #660; }
.bet .lane16 { color:#FFF; background-color: #099; }
.bet .unknown { color:#FFF; background-color: #FFDF80; }

.gameTable td { font-weight: bold; }
/*.gameTable td a { color: #666; }*/
#gameTable td.bet { padding: 5px 0; }

#friendSelector {
  display:none;
}

#friendSelector ul li {
  width: 100px;
  border: 1px solid white;
  border-radius: 5px;
  padding: 5px;
  float: left;
  margin: 5px;
  background-color: none;
}

#friendSelector ul li:hover {
  background-color: gray;
  cursor: pointer;
}

#friendSelector ul li.selected {
  background-color: green;
  cursor: pointer;
}

#friendSelector ul li span.friend_id {
  display:none;
}

.viewLeaderBoard {
	width:160px;
	height:25px;
	background:url(/images/view-leaderboard-btn.png) top left no-repeat;
	float:right;
	margin:0 20px 0 0;
}
.viewLeaderBoard:hover {
	background-position:bottom left;
}
.viewRaceResults {
	width:160px;
	height:25px;
	background:url(/images/view-raceResults-btn.png) top left no-repeat;
	float:right;
	margin:0 20px 0 0;
}
.viewRaceResults:hover {
	background-position:bottom left;
}
#wagerPad .HorseBtns ul li.inactive, #wagerAlt .altHorseBtns ul li.inactive {
  background-color: gray;
  background-image: none;
  text-shadow: none;
  cursor: default;
}
#wagerPad .HorseBtns ul li.inactive a, #wagerAlt .altHorseBtns ul li.inactive a {
  color: gray;
  cursor: default;
}

/*Speed Pad Styles*/

#speedPad {
	position: relative;
	left: 610px;
	top: -564px;
	width: 780px;
	background: #363636 url(/images/details-l.png) repeat-y left top;
	z-index: 3000;
	font-family:Tahoma, Geneva, sans-serif;
	overflow:hidden;
	white-space: nowrap;
	margin-left:0;
	margin: 0;
	padding: 0;
	background-color: #363636;
	display:none;
}
/*
#chatPad {
	position:absolute;
	top:-564px;
	left:0; 
}*/
.speedPad-inner {
	color: #FFF;
	font-size: 13px;
	text-shadow: 0 1px 2px #000;
	text-align:left;
}
#speedPad-content {
	width: 730px;
	z-index: 5;
	background: transparent url(/images/details-t.png) repeat-x left top;
	overflow:hidden;
	text-align:center;
	padding: 28px;
	text-shadow: 0 1px 2px #000;
}
div.speedPad-content h3 {
	font:bold 21px Tahoma, Geneva, sans-serif;
	color:#FFF;
	text-shadow: 0 1px 2px #000;
}
#speedPad a {
	color: #b9b9b9;
	font-size: 12px;
	font-family:Tahoma, Geneva, sans-serif;
	/*background: transparent url(/images/link-arrow.png) no-repeat right 2px;*/
	text-decoration:none;
	text-align:left;
}
#speedPad a:hover {
	color: #FFF;
}
a.detail-close {
	position: absolute;
	right: 10px;
	margin-top: -19px;
	display: block;
	width: 19px;
	height: 19px;
	padding: 0;
	background: transparent url(/images/close-x.png) no-repeat left top;
	z-index: 5;
}
a:active.detail-close {
	background-position: right top;
}
#speedPad td {
  text-align: center;
  padding-right: 5px;
  padding-left: 5px;
}
#speedPad .number, #speedPad .tracks {
  font-weight: bold;
}
#speedPad hr {
	clear: left;
	border: 0;
	height: 2px;
	margin: 11px 0;
	background: transparent url(/images/details-hr.png) repeat-x left top;
	padding:10px 0 0 0;
}
#speedPad ul {
	clear: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	line-height: 1.35em;
}
#speedPad ul li {
	cursor: pointer;
	margin: 0 auto;
}
#speedPad .HorseBtns {
  height: 76px;
}
#speedPad .HorseBtns ul {
  width: 450px;
}
#ticketTabs {
  width: 730px;
}
#speedPad .horse4, #speedPad .horse12 {
	-moz-border-radius-topright : 0px;
	-moz-border-radius-bottomright : 0px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	border-top-right-radius : 0px;
	border-bottom-right-radius : 0px;
}
#speedPad .horse5, #speedPad .horse13 {
	-moz-border-radius-topleft : 0px;
	-moz-border-radius-bottomleft : 0px;
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-top-left-radius: 0px;
	border-top-left-radius : 0px;
	border-bottom-left-radius : 0px;
}
#speedPad #submitClear {
  float: none;
  margin: 10px auto 0;
}

.ui-slider-2 { width: 170px; height: 23px; position: relative; background: none; border: none; background-image: url(/images/wagerPad-Slider.png); background-repeat: no-repeat; background-position: center center; }

#wagerPad .selectBet ul li {
	width:50px;
	height:28px;
	padding:0;
	margin:0;
	background:transparent url(/images/betTypeBtn.png) 0 0 no-repeat;
	text-align:center;
	font-weight:bold;
	line-height:28px;
	color:#333;
}

#wagerPad .selectBet ul li a{
  color: #333;
  font-weight: bold;
  text-align: center !important;
  margin: 0 auto;
  font-weight:bold;
  text-shadow:1px 1px 2px #FFF;
  cursor: pointer;
}
#wagerPad .selectBet ul li:hover, #wagerPad .selectBet ul li:active, #wagerPad .selectBet ul li.selected{
	width:50px;
	height:28px;
	background-position: 0 -28px;
	text-align:center;
	color:#FFF;
	text-shadow:#333 1px 2px 2px;
	font-weight: bold;
}
#wagerPad .selectBet ul li:hover a, #wagerPad .selectBet ul li:active a, #wagerPad .selectBet ul li.selected a{
  color: #FFF;
  font-weight: bold;
  text-align: center;
  text-shadow:1px 1px 2px #333;
  background-position: 0 -28px;
}
#wagerPad .betBtns ul li:hover a{
	width:50px;
	height:28px;
	-moz-box-shadow:4px 4px 10px rgba(0, 0, 0, 1);
	-webkit-box-shadow:4px 4px 10px rgba(0, 0, 0, 1);
	box-shadow:4px 4px 10px rgba(0, 0, 0, 1);
}
#wagerPad .betBtns li {
	float:left;
}

.HorseBtns ul li.selected, .HorseBtns ul li:hover, .HorseBtns ul li:active, 
.altHorseBtns ul li.selected, .altHorseBtns ul li:hover, .altHorseBtns ul li:active {
  position: relative;
	color: #000 !important;
	text-shadow: #000 0px 0px 0px;
	background-image:none;
	background-color:#FFF;
	-webkit-box-shadow: inset 0px 0px 15px #000; 
	-moz-box-shadow: inset 0px 0px 15px #000;
	box-shadow: inset 0px 0px 15px #000;
	border: 2px solid white;
	z-index: 99999;
	opacity: 1;
}

#wagerPad .HorseBtns li, #wagerAlt .HorseBtns li {
  cursor: pointer;
}
#wagerPad .HorseBtns ul li a, #wagerAlt .altHorseBtns ul li a {
  font:bold 16px Tahoma, Geneva, sans-serif;
  text-align: center !important;
}
#wagerPad ul li.horse2 a, #wagerPad ul li.horse4 a, #wagerPad ul li.horse16 a, 
#wagerAlt ul li.horse2 a, #wagerAlt ul li.horse4 a, #wagerAlt ul li.horse16 a {
  color: #000;
}

#betAmount .value { margin-top: 4px; padding-right: 0; }
#betAmount .value h5 input { width: 45px; }

/* Race Stats */

#cboxLoadedContent h1 { margin-top: 20px; }

.race_stats h1 { margin-bottom: 20px; }
.race_stats .section { float: left; width: 30%; margin-left: 20px; border: 1px solid; }

.race_stats .bet .laneNumber { width: 30px; height: 20px; font:bold 14px Tahoma, Geneva, sans-serif; line-height: 8px; float: left; }
.race_stats .top_10_spotlight_picks .bet { width: 162px; height: 30px; margin: 5px auto; }
.race_stats .top_3_spotlight_picks .bet { margin: 5px 0; }
.race_stats .top_3_spotlight_picks span { padding: 5px 6px; margin: 5px 0; }
.race_stats .top_3_spotlight_picks .player { background-color: #000; }
.race_stats .top_3_spotlight_picks .laneNumber { float: none; padding: 4px 6px; margin: 4px 0; }

.post_race_stats .your_entries { width: 25%; }
.post_race_stats .results { width: 40%; border: none; }
.post_race_stats .winner_counts { width: 25%; }
.post_race_stats .raceResults { width: auto; }
.post_race_stats .raceResults-content { width: auto; }
.post_race_stats table .miniRaceResults { width: auto; }

.post_race_stats .raceResults-content { height: 81px; }
.post_race_stats .raceResults-content { width: auto; z-index: 4; text-align:left; }
.post_race_stats .raceResults-content table { width:100%; margin:0; padding:0; -moz-border-radius : 5px; -webkit-border-radius: 5px; border-radius : 5px; }
.post_race_stats .raceResults-content table thead { margin: 0 0 10px 0; }
.post_race_stats .raceResults-content table tr { height:auto; padding-bottom:0px; }
.post_race_stats .raceResults-content table thead tr th { font-weight:bold; text-align:left; color:#333; text-shadow: 0px 1px 2px #666; width:auto; height:15px; padding:5px; border: 1px solid #DDD; -moz-border-radius-topleft : 5px; -moz-border-radius-topright : 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-left-radius : 5px; border-top-right-radius : 5px; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%; background: -moz-linear-gradient( top, white, #e5e5e5 88%, #d8d8d8 ); background: -webkit-gradient( linear, left top, left bottom, from(white), to(#d8d8d8), color-stop(0.88, #e5e5e5) ); }
.post_race_stats .miniResultsPayout1, miniResultsPayout2, miniResultsPayout3 { width: auto; text-align: center; }

.final_stats { width: 700px; margin: 0 auto; }
.final_stats .section { width: 45%; margin-left: 20px; }
.final_stats .message { border: none; font-size: 15px; }
.final_stats .champs div { padding: 5px 0; }
.final_stats .champs span { padding: 5px 6px; margin: 5px 0; }
.final_stats .player { background-color: #000; }

#cboxClose {
  top: -25px;
  right: -25px;
  z-index: 9999;
  background:transparent url(/images/chat/chat-close.png) 0 0 no-repeat;
  width: 40px;
  height: 40px;
}
#cboxClose:hover {
  background:transparent url(/images/chat/chat-close.png) left -40px no-repeat;
}
#cboxContent {
  overflow: visible;
}

#gameTable .expiring td {
  color: white;  
}

#gameTable .expiring td .bets_stop_at {
  font-size: 16px;
}

#gameTable .tableRow.scratched td {
  background: url(/images/scratched.png);
  color: #CCC;
  text-shadow: none;
}
#gameTable .tableRow .rowFriends .friends { display: block; }
#gameTable .tableRow .rowFriends .scratchText { display: none; font-size: 16px;}

#gameTable .tableRow.scratched .rowFriends .friends { display: none; }
#gameTable .tableRow.scratched .rowFriends .scratchText { display: block; }

.formContent {
	background: #FFF url(/images/bgtile.jpg) top repeat-x;
	padding: 25px;
	text-align:left;
	/*min-height: 600px;*/
}
.formContent fieldgroup {
	
}
.formContent ul#navigation li {
	font-size: 1.3em;
}
.formContent h1 {
	font-size: 2em;
	color: #009;
	font-weight: bold;
	margin: 0;
}
.formContent p {
	font-size: 1.1em;
	color: #666;
}
.formContent form input, .formContent input.text {
	background: #E1E1E1;
	background: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0, #FFF),
	    color-stop(1, #E1E1E1)
	);
	background: -moz-linear-gradient(
	    center bottom,
	    #FFF 0%,
	    #E1E1E1 100%
	);
	color:#666;
	border:1px solid #696969;
	height:30px;
	width:240px;
	-moz-box-shadow:0px 0px 3px #AAA;
	-webkit-box-shadow:0px 0px 3px #AAA;
	-o-box-shadow:0px 0px 3px #AAA;
	box-shadow:0px 0px 3px #AAA;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all 400ms ease-out;
	-moz-transition: all 400ms ease-out;
	-o-transition: all 400ms ease-out;
	transition: all 400ms ease-out;
	opacity:1;
	padding-left: 4px;
}
.formContent form input:focus, .formContent input.text:focus {
	background: none;
}
.formContent form button {
	float: left;
}
.formContent form textArea {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	background: #E1E1E1;
	background: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0, #FFF),
	    color-stop(1, #E1E1E1)
	);
	background: -moz-linear-gradient(
	    center bottom,
	    #FFF 0%,
	    #E1E1E1 100%
	);
	color: #666;
	padding-left: 4px;
}
.formContent form input:focus {
	opacity:1;
	background-color: #283e96;
	color:#FFF;
	-moz-box-shadow:0px 0px 3px #AAA;
	-webkit-box-shadow:0px 0px 3px #AAA;
	-o-box-shadow:0px 0px 3px #AAA;
	box-shadow:0px 0px 3px #AAA;
}
.formContent form input:blur {
	opacity:1;
	background: #E1E1E1;
	background: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0, #FFF),
	    color-stop(1, #E1E1E1)
	);
	background: -moz-linear-gradient(
	    center bottom,
	    #FFF 0%,
	    #E1E1E1 100%
	);
	color:#666;
}
.formContent form, div#formResponse {
	margin: 2em 0;
	background: #FFF;
	border: 1px solid #AAA;
	padding: 10px 30px 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}
.formContent fieldset {
	margin: 3em 0;
	padding: 1em 20px;
	border: 1px solid #DDD;
}
.formContent fieldset.actions {
	text-align: right;
}
.formContent h2 {
	font-size: 16px;
	text-transform: uppercase;
	color: #F90;
}
.formContent div.fieldPair {
	padding: .5em 0;
	clear: left;
	margin: 2px;
}
.formContent div.fieldPair div.fieldPair {
	margin-left: 30px;
}
.formContent label, input, select, button {
	font-size: 1.1em;
	line-height: 1.2;
}
.formContent select {
	border: 1px solid #DDD;
	width:240px;
	padding:0;
}
.formContent input.text {
	width: 200px;
	margin-left: 20px;
	float:left;
}
.formContent label {
	width: 160px;
	float: left;
	margin-right: 0.7em;
	text-align: right;
	padding: 6px 0 0 0;
	color: #F90;
}
.password-confirm {
	padding: 0 0 0 0;
	margin-top: -5px;
}
.formContent div.fieldPair div.fieldPair label {
	width: 70px;
}
.formContent input.radio {
	float: left;
}
.formContent label.radio {
	float: none;
}
.formContent form submit {
	border:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
}
.formContent form button, input.update-submit-btn {
	border:none !important;
	outline:none !important;
	display: block;
	cursor:pointer !important;
	margin: 0 !important;
	padding: 0 !important;
	width:100px !important;
	height:35px !important;
	text-indent:-5555px !important;
	background:transparent url(/images/_login-register-submit-btns.png) 0 -140px no-repeat !important;
	clear: both !important;
	-webkit-transition: opacity 400ms ease-out !important;
	-moz-transition: opacity 400ms ease-out !important;
	-o-transition: opacity 400ms ease-out !important;
	transition: opacity 400ms ease-out !important;
	opacity:1 !important;
}
.formContent form button:hover, input.update-submit-btn:hover {
	background-position: 0 -175px !important;
	opacity: .8 !important;
}
input.update-submit-btn {
	margin-right: 150px !important;
}
input --webkit-autocomplete {
  color: #333;
  background: #A6A6A6;
	background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0, #CCC),
	    color-stop(.5, #FFFF)
	);
	background-image: -moz-linear-gradient(
	    center bottom,
	    #CCC 0%,
	    #FFF 50%
	);
}

input#user_avatar {
	float: left;
	background: none;
	border: none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	margin-top: 5px;
}


.notice-wrap .notice-item {
  font-weight: bold;
}
.notice-wrap .notice-item .title {
  font-size: 14px;
}
.notice-wrap .notice-item .critical {
  color: red;
}
.notice-wrap .notice-item .global {
  color: green;
}

#timeTooltipContent.tooltip {
  width: 180px;
  font-weight: bold;
  font-size: 14px;
  opacity: 0.96;
}
#timeTooltip {
  color: white;
  text-decoration: none;
  border-bottom: 1px dotted;
}
.tracks .tooltip { text-align: left; width: 200px; }
  .tracks .tooltip h2{ width: auto; }
  .tracks .tooltip ul{ text-indent: 10px; }
  
#statesNotice {
  float: left; 
  padding-left: 50px;
  width: 470px;
}
  #statesNotice p {
    margin-bottom: 10px;
    font-size: 14px;
  }
  #statesNotice .notice {
    font-size: 18px;
    color: #F90;
    font-weight: bold;
  }
  #statesNotice ul {
    text-indent: 30px;
    margin-bottom: 10px;
    font-size: 14px;
    color: #00A;
  }
    #statesNotice ul .selected{
      color: #F90;
      font-weight: bold;
    }
    
.out {
  color: black;
  text-shadow: rgba(255, 255, 255, .6) 0 0 2px;
}

.out .smaller {
  font-size: 14px;
}

.race-btn {
    display: inline-block; padding: 5px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal;
    line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer;
    -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none;
    border: 1px solid transparent; border-radius: 4px; color: #333; background-color: #fff; border-color: #ccc;
}
.race-btn:hover,
.race-btn:focus {
    color: #333; background-color: #e6e6e6; border-color: #adadad;
}
/* @override
http://localhost:3000/stylesheets/derbyWars.css
http://localhost:3000/stylesheets/derbyWars.css?1310850548
http://localhost/stylesheets/derbyWars.css
 */

/**********************************************************************************
 * Basic Stylesheet ( For Mac: Firefox, Safari PC: Firefox, Opera, Netscape, IE6/7, Safari Beta )
 *
 * version:  1.1
 * author:   ken hanson
 * email:    ken@markupninjas.com
 * website:  www.markupninjas.com
 **********************************************************************************/

/***********************************************************************
 *             Table of =Contents
 * ----------------------------------------------------------------------
 * =Normalization (CSS Reset)..................................(Line  16)
 * =Review.....................................................(Line 591)
 *************************************************************************/

/*  When Searching for items in the table of contents, use = where they show up in the text above to find items more quickly  */

/***********************************
=Normalization
 ***********************************/

* {}

/* Normalizes Margin, padding */

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}

/* Normalizes font-size for headers */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
}

/* Removes list-style from lists */
ol,
ul {
  list-style: none;
}

/* Normalizes font-style and font-weight to normal */
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal;
}

/* Removes border styles from tables */
table {
  border-spacing: 0;
  border-collapse: collapse;
}

/* Removes border from fieldset and img */
fieldset,
img {
  border: 0;
}

/* Left aligns text in caption and th */
caption,
th {
  text-align: left;
}

html {
  position: relative;
  height: 100%;
  /*width: 100%; background: url(/images/bg-new_02.png) no-repeat center center;*/
}

/* Removes quotation marks from q */
q:before,
q:after {
  content: '';
}

/* Normalize Links for Netscape when image replacements are used (text decorates the whole page width up to the IR'd link with an underline) */
a {
  text-decoration: none;
  color: black;
}

a:hover {
  text-decoration: underline;
}

/*****************************************************************************************************************************************************************************************************************************/

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#derbyWars {
  font-family: Helvetica Neue;
  font-weight: normal;
}


body {
  background: url(/images/bg-new_02.png) repeat-y center center;
  background-color: #253C97;
}

/*#bgTopDiv { width: 100%; background: url(/images/BG-new.png) no-repeat center center; float: left;}*/
#everythingWrapper {}


/*#mainHeader {background: url(/images/BG_top_header.png) repeat-x; margin-top: -14px; width: 100% ; height: 68px;  }*/
#mainHeader {
  background-color: #2D363B;
  margin-top: -14px;
  width: 100%;
  height: 68px;
}

#headerWrapper {
  position: relative;
  margin: 0 auto;
  width: 960px;
}

#avatar {
  position: absolute;
  background: url(/images/BG_avatar.png);
  width: 60px;
  height: 48px;
  top: 14px;
  left: 300px;
}

#avatarIcon {
  width: 37px;
  height: 37px;
  top: 5px;
  position: absolute;
  left: 7px;
  overflow: hidden;
  background-color: #FFF;
}

#userAccountActions {
  position: absolute;
  top: 0;
  right: 0;
}

#optionsList {
  position: absolute;
  top: 0;
  left: 360px;
  color: #f0f0f0;
  margin: 13px 130px 10px 0px;
  display: block;
  font-size: 15px;
}

#optionsList a {
  color: #f0f0f0;
}

#optionsList li {
  padding-left: 25px;
  float: left;
  padding-right: 25px;
  line-height: 50px;
}

#optionsList li.userNamePadding {
  padding-left: 10px;
  padding-right: 20px;
  position: relative;
}

#accountInfo {
  color: #fff;
  float: left;
  margin-right: 35px;
  display: block;
  margin-left: 12px;
  font-weight: bold;
  font-size: 13px;
}

#accountInfo a {
  color: #fff;
}

#accountInfo li {
  float: left;
  line-height: 50px;
  margin-top: 13px;
}

span.ticketIcon {
  position: relative;
  background: url(/images/ticket.png) no-repeat;
  height: 25px;
  width: 42px;
  margin-top: 13px;
  float: left;
  margin-right: 10px;
}

span.bankIcon {
  background: url(/images/icon_bank.png) no-repeat;
  height: 18px;
  width: 19px;
  margin-top: 15px;
  float: left;
  margin-right: 10px;
}

span.pointsIcon {
  background: url(/images/icon_points.png) no-repeat;
  height: 18px;
  width: 18px;
  float: left;
  margin-top: 18px;
  margin-right: 10px;
}

.menuWrapper {
  background: url(/images/BG_header_main_list.png) no-repeat 0 0;
  /* background: url(/images/BG_header_main_list.png) no-repeat 0 40px; */
  width: 538px;
  overflow: hidden;
  margin-bottom: -9px;
  /* margin-top: -40px; */
  position: relative;
  z-index: 99;
}

.menuWrapper .jcarousel-container {
  width: 472px;
  overflow: hidden;
}

.moneyPadding {
  padding-right: 20px;
}

.pointsPadding {
  padding-left: 20px;
}

#depositBtn {
  /*background: url(/images/btn_deposit_dw_darker_green.png); */
  background-color: #60b81b;
  /*border: 1px solid #a9a9a9;*/
  border-radius: 5px;
  width: 91px;
  height: 29px;
  float: left;
  margin-top: 24px;
  margin-left: -15px;
  cursor: pointer;
}

#depositBtn span {
  padding-top: 4px;
  display: block;
  font-size: 17px;
  text-shadow: rgb(0, 0, 0) 1px 1px;
  font-family: Helvetica, Arial;
  color: white;
  text-align: center;
}

.dropDown {
  background: url(/images/dropDownArrow.png) no-repeat center center;
  width: 9px;
  height: 100%;
  display: block;
  position: absolute;
  top: 0px;
  right: 5px;
}

#noDepositBtn {
  /*background: url(/images/btn_deposit_dw_darker_green.png); */
  background-color: #60b81b;
  /*border: 1px solid #a9a9a9;*/
  border-radius: 5px;
  width: 91px;
  height: 29px;
  float: left;
  margin-top: 24px;
  margin-left: -15px;
  cursor: pointer;
}

#noDepositBtn span {
  padding-top: 4px;
  display: block;
  font-size: 17px;
  text-shadow: rgb(0, 0, 0) 1px 1px;
  font-family: Helvetica, Arial;
  color: white;
  text-align: center;
}

* {}

.creditCardsAccepted {
  padding-right: 47px;
}

#tournamentBannerContainer {
  width: 960px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 65px;
}

#raceInfo {
  background-color: #fff;
  margin: 40px auto 0 auto;
  width: 960px;
  min-height: 530px;
}

#logo {
  width: 236px;
  height: 88px;
  margin: 8px 0 0 30px;
}

#mainView {
  background: url(/images/BG_main_middle.png) repeat-y;
  width: 754px;
  margin-left: 10px;
  position: relative;
  padding-top: 8px;
  margin-top: 50px;
  float: left;
  padding-bottom: 40px;
}

#topEdge {
  background: url(/images/BG_main_top.png);
  width: 754px;
  height: 12px;
  position: absolute;
  top: -12px;
  left: 0px;
}

#bottomEdge {
  background: url(/images/BG_main_bottom.png);
  width: 754px;
  height: 12px;
  position: absolute;
  bottom: -12px;
  left: 0px;
}

#infoRibbonHeader {
  background: url(/images/ribbon_race_Title.png) no-repeat;
  width: 348px;
  height: 67px;
  position: absolute;
  margin-top: -22px;
  margin-left: 5px;
  top: 0px;
  left: 0px;
}

#raceIcon {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 6px;
  left: 20px;
  display: none;
}

#mainTitle {
  font-family: Arial;
  font-size: 18px;
  color: #fff;
  position: absolute;
  top: 10px;
  cursor: pointer;
  width: 100%;
  text-align: center
}

#gameType {
  font-family: Arial;
  font-size: 13px;
  color: #ddd;
  position: absolute;
  top: 29px;
  padding-left: 15px;
  width: 90%;
  text-align: center;
}

#prizeBuyPlay {
  margin-left: 347px;
  display: block;
}

#prizeBuyPlay li {
  float: left;
  position: relative;
  margin-left: 25px;
}

/*    #prizeBuyPlay li span.pbpTitle { font-family: Arial; font-size: 12px; font-weight: normal; color: #7b7b7b; position: absolute; top: -13px; left: 5px;} */

#prizeBuyPlay li span.pbpTitle {
  font-family: Arial;
  font-size: 12px;
  font-weight: normal;
  color: #7b7b7b;
  position: absolute;
  top: -17px;
  left: 5px;
}



#gameboardPrize {
  cursor: pointer;
}

.prize {
  background: url(/images/bg_.png);
  width: 103px;
  height: 38px;
}

.trophy {
  background: url(/images/icon_trophy_dw_blue.png);
  width: 39px;
  height: 35px;
  float: left;
  margin-left: 1px;
  margin-right: 4px;
}

.buyInIcon {
  background: url(/images/icon_dollaDollaBill_dw_blue.png);
  width: 39px;
  height: 35px;
  float: left;
  margin-left: 1px;
  margin-right: 4px;
}

.playersIcon {
  background: url(/images/icon_players_dw_blue.png);
  width: 40px;
  height: 36px;
  float: left;
  margin-left: 1px;
  margin-right: 4px;
}

.redPlayersIcon {
  background: url(/images/red-people-icon.png);
  width: 40px;
  height: 36px;
  float: left;
  margin-left: 1px;
  margin-right: 4px;
}

.buyIn {
  background: url(/images/BG_buy_In.png);
  width: 81px;
  height: 37px;
}

.players {
  background: url(/images/BG_players.png);
  width: 121px;
  height: 37px;
}

.pbpValue {
  font-family: Arial;
  font-size: 15px;
  font-weight: normal;
  color: #fff;
  line-height: 37px;
}

.buyInValue {
  font-size: 13px;
}

.prize .pbpValue.marginFix {}


#leftSideList {
  margin-left: 12px;
  margin-top: 10px;
  width: 115px;
  float: left;
  clear: left;
}

#raceList li {
  margin-bottom: 5px;
  font-family: Arial;
  color: #d9d9d9;
  position: relative;
  cursor: pointer;
}

#viewAllTournamentsBtn {
  background-color: #5275ba;
  border-radius: 5px;
  cursor: pointer;
  padding: 4px;
  text-align: center;
}

#viewAllTournamentsBtn a {
  color: white;
}

.enteredRace {
  background: url(/images/BG_entered_race.png) no-repeat;
  width: 113px;
  height: 96px;
}

.unenteredRace {
  background: url(/images/BG_race_preview.png) no-repeat;
  width: 113px;
  height: 96px;
}

.unenteredText {
  color: #393939;
}

.unenteredText.raceTitle {
  color: #393939;
}

#raceList .row {
  width: 98px;
  font-size: 10px;
  padding-top: 5px;
  padding-left: 8px;
  overflow: hidden;
  zoom: 1;
}

.nextLabel {
  display: block;
  float: left;
  width: 46px;
}

.nextTrack {
  display: block;
  margin-left: 46px;
  margin-right: 11px;
  text-align: right;
}

.MTPLabel {
  display: block;
  float: left;
  width: 46px;
  line-height: 13px;
}

.unenteredRace .MTPLabel,
.unenteredRace .nextLabel,
.unenteredRace .nextTrack {
  color: #000;
}

.MTPIcon {
  display: block;
  margin-left: 46px;
  position: relative;
  margin-right: 11px;
}

.MTPIcon img {
  position: absolute;
  right: 0px;
  top: 0px;
}

.winnings {
  display: block;
  float: left;
  width: 46px;
  font-size: 11px;
}

.place {
  display: block;
  margin-left: 46px;
  margin-right: 11px;
  text-align: right;
  font-size: 11px;
}

.minutesLeft {
  display: none;
  text-align: center;
  position: relative;
  z-index: 9999;
  width: 30px;
  float: right;
  line-height: 13px;
}

.minutesLeft.hasCountdown {
  display: block;
}

.prizeText {
  float: left;
  display: block;
  width: 33px;
}

.entryFee {
  display: block;
  margin-right: 11px;
  width: 50px;
  float: right;
}

.viewAllCurrent {
  background: url(/images/BG_viewDetails.png) no-repeat;
  width: 108px;
  height: 20px;
  margin-left: -3px;
  margin-top: 5px;
  float: left;
}

#raceList li.unenteredRace .viewAllCurrent {
  margin-left: 3px;
}

.viewAllUnentered {
  background: url(/images/BG_view_details_firstOne.png) no-repeat;
  width: 108px;
  height: 20px;
  margin-left: 2px;
  margin-top: 10px;
  float: left;
}

.raceTitle {
  font-weight: bold;
  font-size: 11px;
  color: #e3e3e3;
  margin-left: 6px;
  float: left;
  margin-top: 10px;
  width: 100px;
  overflow: hidden;
  height: 12px;
}

.unenteredRace .raceTitle {
  color: #393939;
}

.torchIcon {
  width: 19px;
  height: 19px;
  margin-left: 88px;
  margin-top: -16px;
  float: left;
}

.bulletIcon {
  width: 19px;
  height: 19px;
  margin-left: 88px;
  float: left;
  margin-top: -16px;
}

.currentRaceMidSection {
  background: url(/images/BG_currentMidSection.png) no-repeat;
  width: 106px;
  height: 36px;
  margin-top: 2px;
  margin-left: 6px;
  float: left;
}

.enteredMidSection {
  background: url(/images/BG_enteredMidSection.png) no-repeat;
  width: 101px;
  height: 58px;
  margin-top: 3px;
  margin-left: 6px;
  float: left;
}

.ignoredRaceMidSection,
.unenteredRace .currentRaceMidSection {
  margin-left: 5px;
  background: none !important;
}

.trackName {
  float: right;
}

#raceSpecifics {
  float: right;
  margin-right: 80px;
  margin-top: 10px;
  width: 538px;
  clear: right;
  position: relative;
}

#raceNumber {
  position: relative;
  height: 35px;
  display: block;
  color: #fff;
  font-size: 10px;
  left: 2px;
  width: 1000px;
  /* margin-top: 40px !important; */
  padding-bottom: 8px !important;
}

.menuWrapper #raceNumber li {
  float: left;
  width: 59px;
  margin: 0;
  position: relative;
  z-index: 1;
  height: 34px;
  margin-bottom: 9px;
  left: 0px;
  background: url(/images/BG_newDivider.png) no-repeat -28px 0;
}

#raceNumber li.lastChildWidth {}

.placeRace {
  top: 20px;
  position: absolute;
  left: 16px;
  /*width: 24px; */
}

#raceNumber .statusIcon {
  position: absolute;
  display: block;
  width: 17px;
  height: 17px;
  top: 2px;
  right: 2px;
}

#raceNumber .running .statusIcon {
  background: url(/images/icon_horseHead.png) no-repeat;
}

#raceNumber .unofficial .statusIcon,
#raceNumber .final .statusIcon {
  background: url(/images/icon_trophy.png) no-repeat;
}

#raceNumber .cancelled .statusIcon {
  background: url(/images/icon-x.png) no-repeat;
}

.circleBG {
  background: url(/images/BG_small_circle.png) no-repeat;
  width: 16px;
  height: 16px;
  float: left;
  margin-left: 20px;
  margin-top: 4px;
}

.circleBG span {
  margin-left: 5px;
  float: left;
  margin-top: 2px;
}

.raceTimerBG {
  background: url(/images/timer.png) no-repeat;
  width: 19px;
  height: 20px;
  float: left;
  margin-left: 18px;
  position: relative;
  margin-top: 2px;
}

.raceTimerBG div {
  position: relative;
  z-index: 1;
}

#raceSpecifics.scheduled .specCats li {
  padding-left: 15px;
  font-weight: bold;
  color: #FFF;
  font-size: 15px;
  text-shadow: 0px 1px 2px #000;
}

#raceSpecifics.scheduled>div {
  background-color: #CCC;
  font-family: Arial;
  font-size: 12px;
  color: #111;
  border-radius: 5px;
  border: 1px solid #999;
  margin-top: 5px;
}

#raceSpecifics.scheduled>div>div {
  border-left: 1px dotted #777;
  padding: 0 40px 0 10px;
  margin: 10px;
  min-height: 160px;
}

#raceSpecifics.scheduled>div>div>p {
  font-size: 16px;
  font-weight: bold;
}

#raceSpecifics.scheduled div.aboutScheduled {
  padding: 10px 20px 0 0;
  color: #222;
}

#raceSpecifics.scheduled div.aboutScheduled p {
  font-style: italic;
  font-size: 13px;
}

#raceSpecifics.scheduled div.aboutScheduled ul {
  padding-top: 7px;
  margin-left: 5px;
}

#raceSpecifics.scheduled div.aboutScheduled li {
  padding-bottom: 5px;
}

.raceCancelled .cancelTitleText {
  color: #d83612;
  font-size: 14px;
  font-weight: bold;
  padding: 10px 0 0 0;
  text-shadow: 0px 1px 2px #000;
}

.raceCancelled .cancelDetailText {
  font-size: 10px;
}

.raceTimerBG span {
  font-size: 8px;
  position: absolute;
  right: 0px;
  bottom: 0px;
  z-index: 9999;
  color: #fff;
  display: block;
  width: 10px;
  height: 11px;
  line-height: 11px;
  background: url(/images/timer_number.png);
  text-align: center;
}

.timerBubble {
  background: url(/images/red_bubble.png);
  width: 87px;
  height: 43px;
  position: absolute;
  top: -35px;
  left: -8px;
  z-index: 999999999;
}

.jcarousel-item-1 .timerBubble {
  background: url(/images/red_bubble.png);
  width: 87px;
  height: 43px;
  position: absolute;
  top: -35px;
  left: 0px;
  z-index: 9999;
}

.timerBubble span {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  font-family: Helvetica;
  margin-left: 25px;
  margin-top: 6px;
  float: left;
}

.timerBubble span span {
  margin: 0px;
}

.redBubble {
  background: url(/images/red_bubble.png);
}

.yellowBubble {
  background: url(/images/yellow_bubble.png);
}

#raceNumber li:hover {
  background: url(/images/race_hover.png) no-repeat center bottom;
  margin: 0px;
  cursor: pointer;
}

#raceNumber .selected,
#raceNumber .selected:hover {
  background: url(/images/race_active_dw_blue.png) no-repeat center bottom !important;
  height: 43px !important;
  position: relative;
  z-index: 2;
  margin-bottom: 0px !important;
  margin-left: 0px !important;
}

.raceContainer {
  display: none;
}

.raceContainer.selected {
  display: block;
}

.trackInfo {
  background: url(/images/menu-bg-tall-85.png) no-repeat;
  width: 537px;
  height: 54px;
  font-family: Arial;
  color: #fff;
  margin-left: 1px;
  margin-top: -1px;
  position: relative;
}

.scheduledBG {
  background: #111 url(/images/menu-bg-tall-85.png) no-repeat;
  width: 537px;
  height: 150px;
  font-family: Arial;
  color: #fff;
  margin-left: 1px;
  margin-top: -1px;
  position: relative;
}

.trackName2 {
  font-weight: bold;
  font-size: 12px;
  margin-top: 15px
}

.subInfo {
  font-weight: normal;
  font-size: 10px;
  margin-top: 2px;
}

.leftContent {
  float: left;
  margin-left: 20px;
}

.rightContent {
  float: right;
  margin-right: 20px;
  max-width: 65%;
}

/* TEMPORARY */
.pickMarker {
  background: url(/images/BG_blue_circle.png) no-repeat;
  width: 30px;
  height: 29px;
  float: right;
  position: relative;
  margin-left: 50px;
  margin-top: -15px;
  display: none;
}

.blueDot {
  background: url(/images/blue_circle.png) no-repeat;
  position: absolute;
  top: 3px;
  left: 3px;
  bottom: 0px;
  right: 0px;
}

.marker1 {
  margin-right: 150px;
}

.specCats {
  background: url(/images/BG_race_info_titles.png) no-repeat;
  margin-left: 1px;
  display: block;
  width: 539px;
  height: 37px;
  color: white;
  font-size: 13px;
  font-family: Arial;
  line-height: 27px;
  position: relative;
  z-index: 2;
}

.specCats li {
  float: left;
  margin-top: 4px;
}

.specCatsSecondary {
  height: 25px;
  margin-top: -3px;
}

.specCats li.pickTypeTitle {
  margin-top: 0px;
  clear: left;
  float: inherit;
  margin-left: 385px;
  font-size: 12px;
  text-align: center;
}

.firstColumn {
  padding-right: 92px;
  margin-left: 90px;
}

.secondColumn {
  padding: 0 20px 0 30px;
  margin-right: 9px;
  width: 60px;
}

.thirdColumn {}

.pickColumn {
  background: url(/images/BG_pick_column.png) no-repeat;
  width: 98px;
  height: 37px;
  float: left;
  margin-right: -65px;
  margin-top: -4px;
}

.specifics {
  position: relative;
  z-index: 1;
  margin-left: 1px;
  width: 535px;
  border-bottom: 1px solid #929393;
}

.odd {
  background-color: #bebebe;
  height: 60px;
  border-right: solid 1px #929393;
  border-left: solid 1px #929393;
}

.even {
  background-color: #d9d9d9;
  height: 60px;
  border-right: solid 1px #929393;
  border-left: solid 1px #929393;
}

.jerseyWrapper {
  float: left;
  position: relative;
  clear: left;
  margin-right: 9px;
  margin-top: 9px;
  width: 65px;
  left: 9px;
}

.jerseyBG {
  background: url(/images/BG_jersey_info.png) no-repeat;
  width: 65px;
  height: 45px;
  position: absolute;
}

.oddsRibbon {
  background: url(/images/ribbon_odds.png) no-repeat;
  width: 44px;
  height: 42px;
  position: absolute;
  top: -4px;
  left: -6px;
}

.odds {
  position: absolute;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  top: 1px;
  left: -1px;
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  line-height: 25px;
  width: 37px;
  text-align: center;
}

.jersey {
  position: absolute;
  top: 8px;
  left: 12px;
}

.oddHorseNumberBG {
  width: 18px;
  height: 20px;
  color: #fff;
  position: absolute;
  top: 12px;
  left: 57px;
}

.evenHorseNumberBG {
  width: 18px;
  height: 20px;
  position: absolute;
  top: 12px;
  right: -10px;
}

.horseNumber {
  font-size: 12px;
  font-weight: bold;
  font-family: Arial;
  left: 58px;
  top: 11px;
  position: absolute;
  width: 18px;
  line-height: 20px;
  text-align: center;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, .3);
}

.horseColor1,
.horseColor3,
.horseColor5,
.horseColor6,
.horseColor9,
.horseColor10,
.horseColor13,
.horseColor17 {
  color: #fff;
}

.horseColor2,
.horseColor4,
.horseColor7,
.horseColor8,
.horseColor12,
.horseColor15 {
  color: #000;
}

.horseColor11 {
  color: #be4f32;
}

.horseColor14 {
  color: #efea4b;
}

.horseColor16 {
  color: #f3c84c;
}

.horseColor18 {
  color: #f4ef4e;
}

.horseColor19 {
  color: #e04639;
}

.horseColor20 {
  color: #fffa56;
}

.horseColor99 {
  display: none;
}

.scratched .oddHorseNumberBG,
.scratched .evenHorseNumberBG {
  display: none;
}


.jerseyGloss {
  background: url(/images/jerseyGloss.png) no-repeat;
  width: 60px;
  height: 24px;
  position: absolute;
  top: 2px;
  left: 3px;
  right: 0px;
  bottom: 0px;
}

.white {
  color: #fff;
}


.nameWrapper {
  float: left;
  width: 205px;
  margin-left: 12px;
  margin-top: 10px;
  color: #000;
  line-height: 1.7;
}

.nameWrapper .row {
  display: -webkit-flex;
  display: flex;
}

.nameWrapper .row .name {
  -webkit-flex: 1;
  flex: 1;
  margin-left: 5px;
  white-space: nowrap;
  overflow: hidden;
  font-family: Arial;
}

.nameWrapper .row .horse-name {
  font-weight: bold;
}

.nameWrapper .row .rating {
  width: 60px;
  margin-left: 5px;
  color: #555;
}

.divider {
  background: url(/images/specDivider.png) no-repeat;
  width: 2px;
  height: 50px;
  float: left;
  margin-top: 5px;
}

.stats {
  float: left;
  display: block;
  margin-left: 5px;
  width: 113px;
  color: #000;
  font-family: Arial, sans-serif;
}

.stats abbr {
  font-size: 8px;
  color: #555;
}

.stats label {
  text-transform: uppercase;
  font-size: 8px;
  color: #555;
}

label.speed {
  width: 54px;
  display: inline-block;
  white-space: nowrap;
}

.speed-bar {
  display: inline-block;
  height: 7px;
}

.speed-bar.early {
  background-color: #ff0000;
}

.speed-bar.late {
  background-color: #0000ff;
}

.speed-bar-0 {
  width: 10px;
}

.speed-bar-1 {
  width: 15px;
}

.speed-bar-2 {
  width: 20px;
}

.speed-bar-3 {
  width: 25px;
}

.speed-bar-4 {
  width: 30px;
}

.speed-bar-5 {
  width: 35px;
}

.speed-bar-6 {
  width: 40px;
}

.speed-bar-7 {
  width: 45px;
}

.speed-bar-8 {
  width: 50px;
}

.speed-bar-9 {
  width: 55px;
}

.friendAvatar {
  background: url(/images/mikePic.png) no-repeat;
  width: 23px;
  height: 23px;
}

.plusFriends {
  background: url(/images/BG_plusFriends.png) no-repeat;
  width: 23px;
  height: 23px;
  color: #fff;
}

.plusFriends span {
  font-size: 13px;
  margin-left: 3px;
  margin-top: 2px;
}

.picks {
  display: none;
}

.pickDiv {
  background: url(/images/BG_pick.png) no-repeat;
  width: 98px;
  height: 60px;
  float: left;
  color: #b0b0b0;
  font-size: 13px;
}

.entrantHidden {
  visibility: hidden;
}

.pickDiv .entrantPick {
  margin-top: 25px;
  margin-left: 20px;
  margin-right: 10px;
  font-size: 20px;
  /* Double-sized Checkboxes */
  -ms-transform: scale(2);
  /* IE */
  -moz-transform: scale(2);
  /* FF */
  -webkit-transform: scale(2);
  /* Safari and Chrome */
  -o-transform: scale(2);
  /* Opera */
  transform: scale(2);
}

.loading {
  background: url(/images/loading.gif) no-repeat;
  height: 25px;
}

.loadingPrimary {
  margin-top: 25px;
  margin-left: 20px;
}

.loadingAlternate {
  margin-top: 25px;
  margin-left: 64px;
}

/*  .raceContainer.running .pickDiv *, .raceContainer.final .pickDiv *, .raceContainer.cancelled .pickDiv * { display: none; }
.raceContainer.running.selected .successfulBet *, .raceContainer.final.selected .successfulBet * { display: block; }
.checkBox { background: url(/images/checkbox.png) no-repeat; width: 14px; height: 14px;  float: left; margin-top: 25px; margin-left: 10px;}
.check { background:  url(/images/check.png) no-repeat; width: 19px; height: 17px; float: left; margin-top: 22px; margin-left: -14px;}
.primary { margin-top: 25px; margin-left: 5px; float: left;}
.alternate { margin-top: 25px; margin-left: 5px; float: left;}*/

.ticketRibbonsWrapper {
  float: right;
  width: 109px;
  position: absolute;
  z-index: 10;
  right: -6px;
  top: 210px;
}

.ticketRibbonsWrapper.no_races {
  top: 120px;
}

.ticketsTitle {
  background: url(/images/ticketsBottomBorder.png);
  width: 61px;
  height: 2px;
  position: absolute;
  right: 20px;
  top: -8px;
}

.ticketsTitle span {
  font-size: 10px;
  font-family: Helvetica Neue;
  color: #484747;
  right: 0px;
  top: -12px;
  position: absolute;
}

.ribbonWrapper {
  position: relative;
  top: -5px;
  height: 39px;
  margin-top: 0px;
  padding-bottom: 8px;
  overflow: hidden;
  opacity: 0.65;
  width: 70px;
}

.ribbonWrapper.selected {
  opacity: 1.0;
  width: 85px;
}

.ribbonWrapper.rowMargin {
  padding-bottom: 10px;
}

.ribbonWrapper.visible {
  display: block;
}

.ribbonWrapper:hover {
  cursor: pointer;
}

.purchaseRibbonWrapper {
  position: relative;
  top: -5px;
  height: 39px;
  margin-top: 0px;
  padding-bottom: 8px;
  overflow: hidden;
  opacity: 1.0;
  cursor: pointer;
}

.blueRibbon {
  background: url(/images/ticket_ribbon_dw_blue.png) no-repeat center right;
  height: 29px;
  margin-left: 10px;
  position: relative;
  top: 5px;
  font-size: 23px;
  color: white;
  text-align: center;
}

.eliminatedRibbon {
  background: url(/images/ticket_ribbon_red.png) no-repeat center right;
  color: #a9a9a9;
}

.purchaseRibbon {
  background: url(/images/ticket_ribbon_dw_orange.png) no-repeat;
  width: 85px;
  height: 29px;
  position: absolute;
  z-index: 1;
  margin-left: 8px;
  margin-top: 5px;
  opacity: 1.0;
  font-size: 15px;
  color: white;
  text-align: center;
}

.purchaseRibbon span {
  margin-top: 6px;
  display: block;
}

/*  .blueRibbon2 { background: url(/images/blueRibbon2.png) no-repeat center right; width: 70px; height: 29px; margin-left: 10px; top: 5px; position: absolute; z-index: 3; }

  .blueRibbon3 { background: url(/images/blueRibbon3.png) no-repeat center right; width: 70px; height: 29px; margin-left: 10px; position: absolute; top: 5px; z-index: 3; }
  .blueRibbon4 { background: url(/images/blueRibbon4.png) no-repeat center right; width: 70px; height: 29px; margin-left: 10px; position: absolute; top: 5px; z-index: 4; }
  .blueRibbon4plus { background: url(/images/blueRibbon4plus.png) no-repeat center right; }*/
/*.yellowRibbon { background: url(/images/yellow_ribbon_new.png) no-repeat; width: 85px; height: 29px; position: absolute; z-index: 1; margin-left: 8px; margin-top: 5px; }*/
/*#mainView.running #ribbon3,
#mainView.cancelled #ribbon3,
#mainView.final #ribbon3,
#mainView.unofficial #ribbon3,
#mainView.pending #ribbon3 {
display: none;
}*/

.slot {
  background: url(/images/slot.png) no-repeat;
  width: 24px;
  height: 39px;
  z-index: 9;
  position: absolute;
  top: 0px;
}

/*.slot2 { background: url(/images/slot.png) no-repeat; width: 24px; height: 39px; z-index: 9; position: absolute; top: 0px;}
.slot3 { background: url(/images/slot.png) no-repeat; width: 24px; height: 39px; z-index: 9; position: absolute; top: 0px; }
.slot4 { background: url(/images/slot.png) no-repeat; width: 24px; height: 39px; z-index: 9; position: absolute; top: 0px; }*/

#headerMenuTooltip {
  display: none;
  margin: 0 0 0 55px;
  z-index: 9999999;
}

#headerMenuTooltip>div {
  background: transparent url(/images/tooltips/black.png) no-repeat;
  width: 160px;
  padding: 15px 25px 15px 25px;
}

#headerMenuTooltip li {
  padding: 3px 0 3px 0;
}

#headerMenuTooltip a {
  font-family: Arial;
  font-size: 13px;
  color: #EEE;
}

#gameboardAvatarTooltips>div {
  position: absolute;
  z-index: 999999999999;
  display: none;
  margin-left: 68px;
}

#gameboardAvatarTooltips>div>div {
  position: relative;
  background: url(/images/place_bubble_plain_ext.png) no-repeat;
  width: 185px;
  height: 49px;
}

#gameboardAvatarTooltips>div.invite>div {
  background: url(/images/place_bubble_invite_ext.png) no-repeat;
}

#gameboardAvatarTooltips>div>div a {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 55px;
  height: 35px;
}

#gameboardAvatarTooltips>div>div span.name {
  position: absolute;
  top: 2px;
  left: 10px;
  font-size: 12px;
  font-family: Arial;
  color: #666;
}

#gameboardAvatarTooltips>div>div span.rank {
  position: absolute;
  top: 9px;
  left: 22px;
  font-size: 12px;
  font-family: Arial;
  color: #666;
}

#cboxClose {
  top: -25px;
  right: -25px;
  z-index: 9999;
  background: transparent url(/images/chat/chat-close.png) 0 0 no-repeat;
  width: 40px;
  height: 40px;
}

#cboxClose:hover {
  background: transparent url(/images/chat/chat-close.png) left -40px no-repeat;
}

#cboxContent {
  overflow: visible;
}

/* Starting State */
/*  #ribbon1, #ribbon2 { height: 0px; padding-bottom: 0px;}*/
/*  #ribbon1 .tableRibbon, #ribbon2 .tableRibbon { width: 0px; }*/

/* ################################################
LOGIN / REGISTER STYLES
################################################### */
#overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: black url(/images/loader.gif) no-repeat scroll center center;
  z-index: 9990;
}

#lightbox {
  position: absolute;
  z-index: 9999;
}

a.closeBtn {
  position: absolute;
  right: -25px;
  top: -25px;
  float: right;
  width: 60px;
  height: 60px;
  margin: 0;
  padding: 0;
  border: none;
  z-index: 9999999;
  text-indent: -5555px;
  background: transparent url(/images/close_btn.png) 0 0 no-repeat;
}


#formContent {
  margin-top: 25px;
  background: #FFF url(/images/bgtile.png) top repeat-x;
  padding: 25px;
  text-align: left;
  min-height: 240px;
}

#formContent fieldgroup {}

#formContent ul#navigation li {
  font-size: 1.3em;
}

#formContent h1 {
  font-size: 2em;
  /*color: #00A;*/
  color: #5275ba;
  font-weight: bold;
  margin: 0;
}

#formContent p {
  font-size: 1.1em;
  color: #666;
}

#formContent form input,
#formContent input.text {
  background-color: #D9D9D9;
  background-image: -webkit-gradient(linear,
      left bottom,
      left top,
      color-stop(0, #FFF),
      color-stop(1, #E1E1E1));
  background-image: -moz-linear-gradient(center bottom,
      #FFF 0%,
      #E1E1E1 100%);
  color: #666 !important;
  border: 1px solid #696969;
  height: 30px;
  width: 240px;
  -moz-box-shadow: 0px 0px 3px #AAA;
  -webkit-box-shadow: 0px 0px 3px #AAA;
  -o-box-shadow: 0px 0px 3px #AAA;
  box-shadow: 0px 0px 3px #AAA;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all 400ms ease-out;
  -moz-transition: all 400ms ease-out;
  -o-transition: all 400ms ease-out;
  transition: all 400ms ease-out;
  opacity: 1;
  padding-left: 4px;
}

#formContent form textArea {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  /*background-color:#00A;*/
  background-color: #5275ba;
  color: #FFF;
  padding-left: 4px;
}

#formContent form input:focus {
  opacity: 1;
  color: #FFF;
  -moz-box-shadow: 0px 0px 3px #AAA;
  -webkit-box-shadow: 0px 0px 3px #AAA;
  -o-box-shadow: 0px 0px 3px #AAA;
  box-shadow: 0px 0px 3px #AAA;
}

formContent form input:blur {
  opacity: 1;
  background-color: #D9D9D9;
  color: #666;
}

#formContent form,
div#formResponse {
  margin: 2em 0;
  background: #FFF;
  border: 1px solid #AAA;
  padding: 10px 30px 20px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}

#formContent fieldset {
  margin: 3em 0;
  padding: 1em 20px;
  border: 1px solid #DDD;
}

#formContent fieldset.actions {
  text-align: right;
}

#formContent h2 {
  font-size: 16px;
  text-transform: uppercase;
  color: #F90;
}

#formContent div.fieldPair {
  padding: .5em 0;
  clear: left;
  margin: 2px;
}

#formContent div.fieldPair div.fieldPair {
  margin-left: 30px;
}

#formContent label,
input,
select,
button {
  font-size: 1.1em;
  line-height: 1.2;
  float: left;
}

#formContent select {
  border: 1px solid #DDD;
  width: 240px;
  padding: 0;
  float: left;
}

#formContent input.text {
  width: 200px;
  margin-left: 20px;
  float: left;
}

#formContent label {
  width: 120px;
  float: left;
  margin-right: 0.7em;
  text-align: right;
  padding: .6em 0;
  color: #F90;
}

#formContent .activation_label {
  width: 100px;
  float: left;
  margin-right: 0.7em;
  text-align: right;
  padding: .6em 0;
  color: #F90;
}

.activation_group {
  padding-top: 10px;
}

#formContent div.fieldPair div.fieldPair label {
  width: 70px;
}

#formContent input.radio {
  float: left;
}

#formContent label.radio {
  float: none;
}

#formContent form submit {
  background: none;
  border: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  float: left;
}

#formContent form button {
  /*border:none;
  outline:none;
  display: block;
  cursor:pointer;
  margin: 0;
  width:100px;
  height:35px;
  text-indent:-5555px;
  background:transparent url(/images/btn_login_dw_blue.png) 0 -140px no-repeat;
  clear: both;
  outline:none;
  float: ;*/
  border: none;
  cursor: pointer;
  width: 91px;
  height: 30px;
  background-color: #5275BA;
  border-radius: 5px;
  color: white;
  text-align: center;
}

#formContent form button:hover {
  background-position: 0 -175px;
}

input --webkit-autocomplete {
  color: #333;
  background: #A6A6A6;
  background-image: -webkit-gradient(linear,
      left bottom,
      left top,
      color-stop(0, #CCC),
      color-stop(.5, #FFFF));
  background-image: -moz-linear-gradient(center bottom,
      #CCC 0%,
      #FFF 50%);
}

/*****************************************TOURNEY PAGE ***********************************************/

#tourneyMainView {
  background: url(/images/BG_tourneyMiddle.png) repeat-y;
  width: 710px;
  margin-left: 10px;
  position: relative;
  padding-top: 8px;
  margin-top: 30px;
  float: left;
  padding-bottom: 10px;
  z-index: 1;
}

#tourneyTopEdge {
  background: url(/images/BG_tourneyTopEdge.png);
  width: 710px;
  height: 9px;
  position: absolute;
  top: -9px;
}

#tourneyBottomEdge {
  background: url(/images/BG_tourneyBottomEdge.png);
  width: 710px;
  height: 9px;
  position: absolute;
  bottom: -9px;
}


#tourneyListHeader {
  background: url(/images/tournamentCuts_32.png) no-repeat;
  width: 684px;
  height: 48px;
  margin-left: 13px;
  position: relative;
}

ul#tourneyTabs {
  display: block;
  margin-left: 15px;
  color: #fff;
  position: absolute;
  top: 10px;
  text-shadow: 0px 1px 2px #000;
  font-size: 14px;
  font-weight: bold;
  font-family: Arial;
}

ul#tourneyTabs li {
  background: url(/images/tourneyTab.png) no-repeat;
  width: 90px;
  height: 40px;
  float: left;
  margin-right: 4px;
  text-align: center;
  cursor: pointer;
}

ul#tourneyTabs li.selected {
  background: url(/images/tourneyTabSelected_dw_blue.png) no-repeat;
}

ul#tourneyTabs li span {
  color: #fff;
  line-height: 38px;
  font-size: 12px;
}

#blueDiv {
  position: absolute;
  bottom: 0px;
  left: 4px;
}

.mytourneyTextHeader {
  text-align: center;
  text-shadow: 0 1px 2px #FFF;
  font-size: 25px;
  color: #333;
  font-family: Arial;
  font-weight: bold;
  padding-top: 10px;
}

.mytourneytopText {
  font-size: 12px;
  font-family: Arial;
  padding-top: 5px;
  padding-left: 15px;
}

.mytourneytopText.right {
  float: right;
  padding-right: 15px;
}

#gameFilter {
  background: url(/images/BG_tourneyList_titles.png) no-repeat;
  width: 676px;
  height: 48px;
  margin-left: 4px;
  text-shadow: 0px 1px 2px #000;
  font-size: 12px;
  font-weight: bold;
  font-family: Arial;
  color: #fff;
}

#gameFilter input {
  margin-right: 2px;
}

#gameFilter .gameFilterRadio {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 17px;
  float: left;
}

#tourneyListMid {
  background: url(/images/tournamentCuts_34.png) repeat-y;
  width: 690px;
  margin-left: 13px;
}

#tourneyTitles {
  background: url(/images/BG_tourneyList_titles.png) no-repeat;
  width: 676px;
  height: 48px;
  margin-left: 4px;
  text-shadow: 0px 1px 2px #000;
  font-size: 12px;
  font-weight: bold;
  font-family: Arial;
  color: #fff;
}

#tourneyTitles span {
  margin-top: 20px;
  float: left;
  text-align: center;
}

#tourney {
  width: 290px;
}

#tourneyPrize {
  width: 70px;
}

#tourneyEntry {
  width: 80px;
}

#tourneyPlayers {
  width: 70px;
}

#tourneyClose {
  width: 105px;
}

#tourneyCloseNarrow {
  width: 55px;
}

#tourneyRace {
  margin-left: 10px;
}

#tourneyWinner {
  padding-left: 10px;
}

#tourneyTable {
  font-family: Arial;
  padding: 0 0 0 4px;
}

#tourneyTable table {
  border-collapse: collapse;
}

#tourneyTable .info {
  background: #49464A;
  width: 290px;
  max-width: 290px;
  height: 52px;
  border-bottom: 1pt solid #424043
}

#tourneyTable .info a {
  color: #FFF;
}

#tourneyTable .tourneyTitle {
  font-size: 13px;
  font-weight: bold;
  text-shadow: 0px 1px 2px #000;
  padding: 0 0 0 10px;
  /*width: 237px;*/
}

#tourneyTable .tourneyTitle>a {
  display: block;
  /*overflow: hidden;*/
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-top: 8px;
}

#tourneyTable .tourneySubInfo {
  font-size: 10px;
  color: #CCC;
  padding: 0 0 0 10px;
}

#tourneyTable .tourneySubInfo a {
  color: #CCC;
  text-decoration: underline;
}

#tourneyTable .prizeMoney {
  color: #333;
  text-shadow: 0px 1px 2px #FFF;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  width: 67px;
}

#tourneyTable .entryMoney {
  color: #333;
  text-shadow: 0px 1px 2px #FFF;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  width: 77px;
}

.myGamesTitle {
  width: 60px;
}

#myTourneyStarts {
  width: 90px;
}

#tourneyTable .mygameInfo {
  color: #333;
  text-shadow: 0px 1px 2px #FFF;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  width: 60px;
}

#tourneyTable .mygameInfo.wide {
  width: 70px;
}

#tourneyTable .mygamePlace {
  text-align: left;
  padding-left: 2px;
}

#tourneyTable .mygameScore {
  text-align: left;
  padding-left: 10px;
}

#tourneyTable .tourneyPlayers {
  position: relative;
  width: 100px;
  padding-left: 20px;
}

#tourneyTable .playerNumber {
  color: #333;
  text-shadow: 0px 1px 2px #FFF;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  width: 76px;
}

#tourneyTable .flipclock_wrapper {
  color: #FFF;
  width: 105px;
  padding-left: 0px;
  text-align: center;
}

#tourneyTable .flipclock_wrapper.narrow {
  width: 80px;
}

#tourneyTable .flipclock_wrapper.supernarrow {
  width: 55px;
}

#tourneyTable .flipClock {
  text-align: center;
}

#tourneyTable .flipClock .date {
  color: #333;
  text-shadow: 0px 1px 2px #FFF;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
}

#tourneyTable .flipClock.hasCountdown {
  padding-left: 10px;
}

#tourneyTable .flipClock.hasCountdown.narrow {
  padding-left: 0px;
  margin-left: -5px;
}

#tourneyTable .tourneyActionBtnContainer {
  width: 60px;
  background-color: #BC001D;
  position: relative;
}

#tourneyTable .tourneyEnterBtnContainer {}

#tourneyTable .tourneyActionBtn {
  position: absolute;
  top: 30%;
  background-color: #F48A36;
  text-align: center;
  font-size: 10px;
  color: white;
  padding: 5px;
  border-radius: 3px;
  width: 40px;
  cursor: pointer;
}

#tourneyTable .tourneyActionBtn a {
  color: white;
}

#tourneyTable .tourneyEnterBtn {
  /*background-color: #F48A36;*/
}

#tourneyTable .tourneyEnterBtn:hover {
  background-color: #FF9C48;
}

#tourneyTable .tourneyViewBtn {
  /*background-color: #5275BA;*/
}

#tourneyTable .tourneyViewBtn:hover {
  /*background-color: #6C8FD4;*/
  background-color: #FF9C48;
}

#tourneyTable .tourneyViewBtnRunning {
  background-color: green;
}

#tourneyTable .tourneyEnterTickets {
  position: absolute;
  top: 22%;
  left: 50px;
  margin-left: -8px;
  color: white;
  /*background-color: #5275BA;*/
  font-size: 10px;
  border-radius: 100%;
  text-align: center;
  height: 15px;
  width: 15px;
}

.dwBlue {
  background-color: #5275BA;
}

.dwOrange {
  background-color: #F48A36;
}

.dwGreen {
  background-color: #64A100;
}

.dwRed {
  background-color: #D83612;
}

.dwLightGreen {
  background-color: #60B81B;
}

#tourneyTable .tourneyEnterTickets div {
  margin-top: 2px;
}

#tourneyTable .tourneyEnterText {
  padding-left: 9px;
}

#tourneyTable .tourneyWinnerText {
  padding-left: 10px;
  min-width: 100px;
}

#tourneyTable .tourneyWinnerText a {
  color: darkgreen;
  text-shadow: 0px 1px 2px #FFF;
  font-size: 11px;
  font-weight: bold;
}

#tourneyTable .tourneyEnterText a {
  font-size: 12px;
}

#tourneyTable .tourneyEnterTextFull a {
  color: red;
  font-weight: bold;
}

#tourneyTable .tourneyEnterTextFinal a {
  color: red;
  font-weight: bold;
}

#tourneyTable .tourneyEnterTextCancelled a {
  color: red;
  font-weight: bold;
  margin-left: -23px;
}

#tourneyTable .tourneyEnterTextRunning {
  margin-left: -10px;
}

#tourneyTable .tourneyEnterTextRunning a {
  color: darkgreen;
  font-weight: bold;
}

#tourneyTable .tourneyTextRunning a {
  color: darkgreen;
  font-weight: bold;
}

#tourneyTable .tourneyTextFinal a {
  color: red;
  font-weight: bold;
}

#tourneyTable .tourneyEnterTextEmpty {
  min-width: 100px;
}


#tourneyTable .tourneyTableEven td.right {
  background-color: #D9D9D9;
}

#tourneyTable .tourneyTableOdd td.right {
  background-color: #BEBEBE;
}

#tourneyPromos {
  position: absolute;
  padding-top: 20px;
  right: 10px;
}

#tourneyPromos>div {
  padding-bottom: 10px;
}

#tourneyPromos img {
  width: 210px;
}

/******************************Leader Board*******************************************************************/

#leaderBoard {
  clear: right;
  float: right;
  margin-top: 5px;
  margin-right: 5px;
  font-family: Arial;
  font-size: 10px;
  font-weight: normal;
}

#leaderBoard.popup {
  float: none;
  margin: 5px 5px 5px 10px;
  font-family: Arial;
  font-size: 10px;
  font-weight: normal;
  clear: right;
}

#leaderBoardHeader {
  background: url(/images/leaderBoard_header.png) no-repeat;
  width: 175px;
  height: 34px;
}

#leaderBoardFooter {
  background: url(/images/leaderBoard_footer_blank.png) no-repeat;
  width: 175px;
  height: 30px;
  color: #b0adb1;
  font-size: 14px;
  text-align: center;
  line-height: 30px;
}

#arrowWrapper {
  position: relative;
  float: right;
  margin-right: 25px;
  cursor: pointer;
}

.arrowUp {
  background: url(/images/arrowSprite.png) no-repeat top left;
  width: 11px;
  height: 6px;
  float: right;
  margin-right: 15px;
  margin-top: 15px;
  position: absolute;
}

.arrowUp.hover {
  background-position: bottom left;
}

.arrowDown {
  background: url(/images/arrowSprite.png) no-repeat top right;
  position: absolute;
  width: 11px;
  height: 6px;
  float: right;
  margin-right: 15px;
  margin-top: 15px;
}

.arrowDown.hover {
  background-position: bottom right;
}

.leaderBoardContent {}

.leaderBoardRow {
  color: white;
}

.leaderBoardRow a {
  color: white;
}

.oddBG {
  background: url(/images/BG_odd_leaderSlot.png);
  width: 183px;
  height: 26px;
  margin-left: -8px;
  overflow: hidden;
}

.evenBG {
  background: url(/images/BG_even_leaderSlot.png);
  width: 183px;
  height: 26px;
  margin-left: -8px;
  overflow: hidden;
}

.userRank {
  background: url(/images/BG_leaderBoard_dw_blue.png);
  width: 183px;
  height: 28px;
}

.userRank.userSurvivor {
  background: url(/images/BG_leaderBoard_survivor.png);
}

.userRank.userEliminated {
  background: url(/images/BG_leaderBoard_eliminated.png);
}

.rank {
  color: #fff;
  float: left;
  margin-left: 6px;
  margin-top: 7px;
}

#ten.rank {
  margin-left: 3px;
  font-size: 9px;
  margin-top: 8px;
}

.leaderAvatar {
  width: 23px;
  height: 23px;
  float: left;
  margin-top: 2px;
  margin-left: 2px;
}

.leaderName {
  float: left;
  margin-top: 7px;
  margin-left: 2px;
  display: block;
  max-width: 90px;
  overflow: hidden;
  white-space: nowrap;
}

.userRank .leaderName,
.userRank .leaderEarnings {
  color: #fff;
}

.userRank a {
  color: white;
}

.userRank.userEliminated {
  color: #a9a9a9;
}

.userRank.userEliminated a {
  color: #a9a9a9;
}

.leaderEarnings {
  float: right;
  margin-top: 7px;
  margin-right: 2px;
}

.leaderEarnings a {
  color: white;
  border-bottom: 1px dotted #888;
  cursor: pointer;
  text-decoration: none;
}

#leaderboardReturn {
  padding: 0 0 0 5px;
}

#leaderboardReturn a {
  font-family: Arial;
  font-size: 13px;
  font-weight: normal;
  color: #333;
}

.dwGrayText {
  color: #b0adb1;
}

.leaderBoardTicketPayout {
  background-color: #64A100;
  color: black;
  padding-left: 4px;
  padding-right: 3px;
  border-radius: 5px;
}

/***Survivor Board***/
#survivorBoard {
  float: right;
  margin-right: 5px;
  margin-top: 5px;
  font-family: Arial;
  font-size: 10px;
  font-weight: normal;
  clear: right;
}

#survivorBoardHeader {
  background: url(/images/leaderBoard_header_blank.png) no-repeat;
  width: 174px;
  height: 30px;
  text-align: center;
}

#survivorBoardFooter {
  background: url(/images/leaderBoard_footer_blank.png) no-repeat;
  width: 174px;
  height: 30px;
  text-align: center;
}

#survivorBoardHeader,
#survivorBoardFooter span {
  color: #b0adb1;
  font-size: 14px;
  line-height: 30px;
}

#survivorBoardBody {
  background-color: #4A4A4A;
  color: white;
  font-size: 12px;
  width: 174px;

}

.survivorBoardRow {
  background: url(/images/BG_odd_leaderSlot.png) no-repeat;
  margin-left: -8px;
  height: 27px;
}

.survivorBoardRow div {
  display: inline-block;
}

.survivorRaceNumber {
  float: left;
  margin-left: 6px;
  margin-top: 7px;
  font-size: 10px;
  width: 5px;
}

.survivorPlayerCount {
  margin-left: 5px;
  width: 165px;
}

.survivorPlayerCount div {
  display: inline-block;
  line-height: 26px;
}

.survivorPlayerCount div span {
  margin-left: 3px;
}

.survivorSurvivorCount {
  /*background-color: #60b81b;*/
  background-color: #64A100;
  min-width: 17px;
}

.survivorEliminationCount {
  background-color: #d83612;
  margin-left: -3px;
}

#tourneyStatusSidebar {
  clear: right;
  /* float: right; */
  /* margin-right: 12px; */
  padding-top: 5px;
  font-family: Arial;
  font-weight: bold;
  text-align: center;
}

.tourneyStatusCancelled {
  color: #d83612;
}

.tourneyStatusFinal {
  color: #64A100;
}

/******************************Results Board*******************************************************************/
#skittleBoard {
  float: right;
  margin-right: 5px;
  margin-bottom: 33px;
}

#ticketResults {
  margin-top: 39px;
  font-family: Arial;
  font-size: 10px;
  font-weight: normal;
  position: relative;
}

.resultsBG {
  background: url(/images/BG_ticketResults_3.png) no-repeat;
  width: 183px;
  height: 383px;
}

.resultsHeader {
  background: url(/images/BG_ticketResults_head.png) no-repeat;
  width: 183px;
  height: 61px;
}

.ticketContainer {
  position: absolute;
  height: 22px;
  width: 100%;
  top: 0px;
  left: 0px;
}

#ticketMask {
  width: 183px;
  height: 35px;
  position: absolute;
  background: url(/images/BG_ticketMask.png);
  top: 0px;
  left: 0px;
}

.resultsHeader ul {
  font-size: 11px;
  font-family: Arial;
  font-weight: bold;
  color: #fff;
}

#totalEarnings {
  display: block;
  margin-top: 28px;
  float: left;
  margin-left: 10px;
  position: relative;
}

#totalEarnings li {
  float: left;
  margin: 0 11px;
  width: 35px;
  line-height: 13px;
}

#finalRank {
  display: block;
  float: left;
  margin-top: 3px;
  margin-left: 10px;
}

#finalRank li {
  float: left;
  margin: 0 6px 0 10px;
  display: block;
  width: 40px;
  text-align: center;
}

.ticketRank {
  margin-left: 3px;
  display: block;
}

.superscript {
  font-size: 70%;
  vertical-align: super
}

#ticketResults .ticket {
  cursor: pointer;
}

.skittleTicket1 {
  left: 16px;
}

.skittleTicket1.selected {
  left: 24px;
}

.skittleTicket2 {
  left: 74px;
}

.skittleTicket2.selected {
  left: 82px;
}

.skittleTicket3 {
  left: 130px;
}

.skittleTicket3.selected {
  left: 138px;
}

.skittleRibbon {
  background: url(/images/skittle_ribbon_dw_blue.png) no-repeat;
  width: 45px;
  height: 50px;
  float: left;
  bottom: 0px;
  position: absolute;
  color: white;
  font-size: 18px;
  opacity: .65;
  cursor: pointer;
}

.skittleRibbon.selected {
  opacity: 1.0;
  height: 66px;
}

.skittleRibbonEliminated {
  background: url(/images/skittle_ribbon_red.png) no-repeat;
}

.skittleRibbon span {
  position: absolute;
  margin-top: 25px;
  margin-left: 18px;
  width: 10px;
  -moz-transform: rotate(-65deg);
  -webkit-transform: rotate(-65deg);
  -o-transform: rotate(-65deg);
  -ms-transform: rotate(-65deg);
  transform: rotate(-65deg);
}

#previousPageSkittleButton {
  margin-top: 7px;
  margin-left: 5px;
}

#nextPageSkittleButton {
  margin-top: 7px;
  margin-left: 18px;
}

.oddResult {
  background: url(/images/BG_ticketResults_odd.png) no-repeat;
  width: 183px;
  height: 40px;
  float: left;
  clear: left;
}

.evenResult {
  background: url(/images/BG_ticketResults_even.png) no-repeat;
  width: 183px;
  height: 40px;
  float: left;
  clear: left;
}

.resultsList {
  color: #fff;
  overflow: hidden;
  width: 183px;
}

.resultsRaceNumber {
  float: left;
  margin-left: 4px;
  margin-top: 14px;
  font-size: 10px;
  max-width: 6px;
}

.pickList {
  display: block;
  margin-left: 12px;
}

.pickList li {
  float: left;
  margin: 3px 16px 0 13px;
  position: relative;
  text-align: center;
}

.ticketPick {
  background: url(/images/emptySkittle.png) no-repeat;
  width: 28px;
  height: 23px;
  float: left;
  margin-left: 12px;
  position: relative;
}

/*  .firstTicketPick { background: url(/images/emptySkittle.png) no-repeat; width: 28px; height: 23px; float: left; margin-left: 12px;  }
.secondTicketPick { background: url(/images/emptySkittle.png) no-repeat; width: 28px; height: 23px; float: left; margin-left: 12px  }
.thirdTicketPick { background: url(/images/emptySkittle.png) no-repeat; width: 28px; height: 23px; float: left; margin-left: 12px  }*/

.horse {
  background: url(/images/emptySkittle.png) no-repeat;
  display: block;
  width: 28px;
  height: 23px;
}

.horse1 {
  background-image: url(/images/skittle_1.png);
}

.horse2 {
  background-image: url(/images/skittle_2.png);
}

.horse3 {
  background-image: url(/images/skittle_3.png);
}

.horse4 {
  background-image: url(/images/skittle_4.png);
}

.horse5 {
  background-image: url(/images/skittle_5.png);
}

.horse6 {
  background-image: url(/images/skittle_6.png);
}

.horse7 {
  background-image: url(/images/skittle_7.png);
}

.horse8 {
  background-image: url(/images/skittle_8.png);
}

.horse9 {
  background-image: url(/images/skittle_9.png);
}

.horse10 {
  background-image: url(/images/skittle_10.png);
}

.horse11 {
  background-image: url(/images/skittle_11.png);
}

.horse12 {
  background-image: url(/images/skittle_12.png);
}

.horse13 {
  background-image: url(/images/skittle_13.png);
}

.horse14 {
  background-image: url(/images/skittle_14.png);
}

.horse15 {
  background-image: url(/images/skittle_15.png);
}

.horse16 {
  background-image: url(/images/skittle_16.png);
}

.horse17 {
  background-image: url(/images/skittle_17.png);
}

.horse18 {
  background-image: url(/images/skittle_18.png);
}

.horse19 {
  background-image: url(/images/skittle_19.png);
}

.horse20 {
  background-image: url(/images/skittle_20.png);
}

.skittleResultText {
  font-size: 12px;
  padding-top: 5px;
}

.pickEarnings {
  margin: 0 auto;
  display: block;
}

#resultsFooter {
  background: url(/images/BG_results_footer.png) no-repeat;
  width: 185px;
  height: 33px;
  position: absolute;
  left: 8px;
  bottom: -33px;
}

/*****************************************Chat Bar Footer***************************************************/

.footer {
  left: 0px;
  bottom: 0;
  background-color: #2D363B;
  width: 100%;
  height: 38px;
  float: left;
  clear: left;
  z-index: 9999;
  position: fixed;
}

#footerContent {
  position: relative;
  width: 960px;
}

.chatBase {
  background: url(/images/BG_footer_normal.png);
  width: 188px;
  height: 38px;
  position: relative;
  z-index: 2;
  display: block;
  float: left;
  margin-left: 80px;
}

.chatBase:hover {
  background: url(/images/BG_footer_hover.png);
  width: 188px;
  height: 38px;
  position: relative;
  z-index: 2;
  display: block;
  float: left;
  margin-left: 80px;
}

.chatBaseActive {
  background: url(/images/BG_footer_active-.png);
  width: 188px;
  height: 38px;
  position: relative;
  z-index: 2;
  display: block;
  float: left;
  margin-left: 80px;
}

.friendIcon {
  background: url(/images/icon_friend.png) no-repeat;
  width: 23px;
  height: 22px;
  float: left;
  margin-left: 14px;
  margin-top: 5px;
}

.label {
  font-size: 13px;
  font-weight: normal;
  font-family: Arial;
  color: #fff;
  float: left;
  line-height: 38px;
  margin-left: 7px;
}

.minusBtn {
  background: url(/images/button_minus.png) no-repeat;
  width: 21px;
  height: 22px;
  float: right;
  margin-right: 10px;
  margin-top: 8px;
}

.footerPlusBtn {
  background: url(/images/button_add.png) no-repeat;
  width: 22px;
  height: 21px;
  float: right;
  margin-right: 10px;
  margin-top: 8px;
}

#friendsList {
  position: absolute;
  bottom: 0px;
  left: 259px;
  opacity: 1;
}

#friendsList.hidden {
  height: 0;
  overflow: hidden;
}

.listTitle {
  font-family: Arial;
  font-weight: bold;
  font-size: 14px;
  color: #bfbfbf;
}

#friendsHeader {
  background: url(/images/BG_friends_header.png) no-repeat;
  width: 208px;
  height: 48px;
}

#friendsTabs {
  background: url(/images/BG_friends_title.png) no-repeat;
  width: 208px;
  height: 30px;
}

.tabs {
  background: url(/images/tab_unselected.png) no-repeat;
  width: 58px;
  height: 26px;
  float: left;
  line-height: 26px;
  margin: 0 2px;
  cursor: pointer;
}

.favs span {
  margin-left: 15px;
}

.buddies span {
  margin-left: 8px;
}

.recents span {
  margin-left: 6px;
}

.selectedTab {
  background: url(/images/tab_selected.png) no-repeat;
  width: 58px;
  height: 26px;
  float: left;
  line-height: 26px;
  margin: 0 2px;
  color: #fff;
}

#social_friends {
  height: 200px;
  width: 213px;
  overflow: auto;
  overflow-x: hidden;
}

#actualFriendsList {
  background: url(/images/BG_friendsList.png) repeat-y;
  width: 213px;
  height: 200px;
  margin: 0;
  padding: 0;
}

#friendRequestsList {
  background: url(/images/BG_friendsList.png) repeat-y;
  width: 213px;
  height: 200px;
  margin: 0;
  padding: 0;
  display: none;
}

#friendsListTitle {
  margin-top: 20px;
  float: left;
  margin-left: 78px;
}

.oddFriends {
  position: relative;
  background: url(/images/BG_oddFriends_2.png) no-repeat;
  width: 188px;
  height: 43px;
  margin-left: 10px;
}

.evenFriends {
  position: relative;
  background: url(/images/BG_evenfriends_2.png) no-repeat;
  width: 188px;
  height: 43px;
  margin-left: 10px;
}

.status {
  width: 13px;
  height: 13px;
  float: left;
  margin-left: 10px;
  margin-top: 15px;
}

.chatFriendAvatar {
  float: left;
  margin-top: 10px;
  margin-left: 5px;
  height: 25px;
  width: 25px;
}

.textWrapper {
  float: left;
  font-size: 12px;
  width: 70px;
  overflow: hidden;
  white-space: nowrap;
  font-family: Arial;
  color: #fff;
  margin-top: 5px;
  margin-left: 6px;
}

.friendsName {
  float: left;
  margin-bottom: 2px;
}

.friendsPlace {
  float: left;
  clear: left;
  background: url(/images/trophyFriendsList_2.png) no-repeat;
  width: 16px;
  height: 16px;
  line-height: 12px;
}

.friendsPlace span {
  margin-left: 16px;
}

.friendBtns {
  position: absolute;
  top: 0;
  right: 5px;
}

.plusBtn {
  background: url(/images/button_add.png) no-repeat;
  cursor: pointer;
  width: 22px;
  height: 21px;
  float: right;
  margin-top: 10px;
  margin-left: 8px;
}

.chatBtn {
  background: url(/images/button_chat.png) no-repeat;
  cursor: pointer;
  width: 24px;
  height: 24px;
  float: right;
  margin-top: 10px;
  margin-left: 2px;
}

.ignoreBtn {
  background: url(/images/button_ignore.png) no-repeat;
  cursor: pointer;
  width: 24px;
  height: 24px;
  float: right;
  margin-top: 10px;
  margin-left: 2px;
}

.gameBtn {
  background: url(/images/button_goToGame.png) no-repeat;
  cursor: pointer;
  width: 22px;
  height: 21px;
  float: right;
  margin-top: 10px;
  margin-left: 4px;
}

.noRequests {
  font-family: Arial;
  font-size: 12px;
  color: #CCC;
  padding: 5px 0 0 5px;
}

#privateChatChoices {
  float: left;
  display: block;
  margin-left: 10px;
}

#privateChatChoices li {
  float: left;
  background: url(/images/footer_unselected_friend.png);
  width: 38px;
  height: 38px;
  position: relative;
  z-index: 4;
}

#privateChatChoices li.selected {
  background: url(/images/footer_selected_friend.png) no-repeat;
}

.privateHighlight {
  background: url(/images/privateChatNotSelected_2.png) no-repeat;
  position: absolute;
  top: 5px;
  left: 5px;
  bottom: 0px;
  right: 0px;
  z-index: 4;
}

.selected .privateHighlight {
  background: url(/images/privateChatSelected.png) no-repeat;
}

.privateHighlight:hover {
  background: url(/images/privateChatHover.png) no-repeat;
}

.footerFriendAvatar {
  position: absolute;
  top: 3px;
  left: 3px;
  bottom: 0px;
  right: 0px;
  height: 22px;
  width: 22px;
}

.notificationTrophy {
  background: url(/images/BG_trophyGreen.png) no-repeat;
  width: 22px;
  height: 23px;
  position: absolute;
  top: -3px;
  right: 0px;
  left: 16px;
  bottom: 0px;
  z-index: 5;
}

.notificationBlue {
  background: url(/images/BG_blueDot.png) no-repeat;
  width: 22px;
  height: 23px;
  position: absolute;
  top: -3px;
  right: 0px;
  left: 16px;
  bottom: 0px;
  z-index: 5;
}

.notificationBlue span {
  font-family: Arial;
  font-size: 11px;
  left: 5px;
  position: absolute;
  top: 5px;
  color: #fff;
}

.notificationBlueTicket {
  background: url(/images/BG_blueDot.png) no-repeat;
  width: 22px;
  height: 23px;
  position: absolute;
  top: -10px;
  right: -7px;
  z-index: 5;
}

.notificationBlueTicket span {
  text-align: center;
  font-family: Arial;
  font-size: 11px;
  position: absolute;
  width: 22px;
  top: -14px;
  color: #fff;
}

.HR {
  background: url(/images/messageBox_divider.png) no-repeat;
  width: 61px;
  height: 1px;
  float: left;
}

#privateChat,
#privateChatDialogs>div {
  position: absolute;
  bottom: 0px;
  z-index: 99;
  opacity: 1;
}

#privateChat.hidden,
#privateChatDialogs>div.hidden {
  height: 0;
  overflow: hidden;
}

#privateChatHeader {
  background: url(/images/privateChatHeader.png) no-repeat;
  width: 238px;
  height: 45px;
}

#privateChatHeader span {
  margin-left: 46px;
  margin-top: 20px;
  float: left;
}

#privateChatBody {
  background: url(/images/privateChatBody.png) repeat-y;
  width: 238px;
  padding: 5px;
}

.privateContentWrapper {
  margin-left: 9px;
}

.messageBoxTop {
  background: url(/images/messageBox_top2.png) no-repeat;
  width: 210px;
  height: 10px;
}

.messageBoxMid {
  background: #FFFFFF url(/images/messageBox_mid.png) repeat-y;
  width: 210px;
  height: 100px;
  padding-top: 8px;
  overflow-y: scroll;
}

.messageBoxContent {}

.messageBoxContent p {
  color: #424242;
  font-size: 11px;
  font-family: Arial;
  font-style: italic;
  margin-left: 10px;
  margin-top: 6px;
  clear: both;
}

.messageBoxBottom {
  background: url(/images/messageBox_bottom2.png) no-repeat;
  width: 210px;
  height: 11px;
}

.enterBoxTop {
  background: url(/images/enterMessage_top.png) no-repeat;
  width: 210px;
  height: 9px;
  margin-top: 4px;
}

.enterBoxMid {
  background: url(/images/enterMessage_mid.png) repeat-y;
  width: 210px;
  height: 24px;
}

.enterBoxMid input {
  font-size: 12px;
  font-family: Arial;
  color: #999999;
  margin-left: 10px;
  line-height: 24px;
  border: none;
  width: 190px;
}

.enterBoxBottom {
  background: url(/images/enterMessage_bottom.png) no-repeat;
  width: 210px;
  height: 11px;
}

.entryHeader {
  margin-left: 14px;
  m
}

.messageTime {
  float: left;
  font-size: 11px;
  font-family: Arial;
  margin: -5px 10px 0 10px;
}

.messengerAvatar {
  float: left;
  clear: left;
}

.messengerName {
  float: left;
  color: #12a1be;
  font-size: 12px;
  font-family: Arial;
  font-weight: bold;
  line-height: 24px;
  margin-left: 5px;
}

.chatTrophy2 {
  background: url(/images/trophyFriendsList.png) no-repeat;
  height: 16px;
  float: left;
  color: #666666;
  font-size: 12px;
  font-family: Arial;
  font-weight: normal;
  margin-top: 4px;
  line-height: 12px;
  margin-left: 13px;
}

.chatTrophy2 span {
  margin-left: 20px;
  line-height: 16px;
}

.chatMessenger {
  margin-left: 15px;
}

.chatSurvivor {
  background: url(/images/checkmark.png) no-repeat;
  height: 16px;
  width: 20px;
  float: left;
  margin-top: 4px;
  margin-left: 5px;
}

.chatSurvivor span {
  margin-left: 20px;
  line-height: 16px;
}

.chatSurvivor.eliminated {
  background: url(/images/x_18x17.png) no-repeat;
}

.gameChatBase {
  background: url(/images/BG_footer_normal.png) no-repeat;
  width: 188px;
  height: 38px;
  position: relative;
  z-index: 2;
  display: block;
  float: left;
  cursor: pointer;
}

.gameChatBase:hover {
  background: url(/images/BG_footer_hover.png);
  width: 188px;
  height: 38px;
  position: relative;
  z-index: 2;
  display: block;
  float: left;
}

.gameChatBaseActive {
  background: url(/images/BG_footer_active-.png);
  width: 188px;
  height: 38px;
  position: relative;
  z-index: 2;
  display: block;
  float: left;
}

.iconChatBubble {
  background: url(/images/icon_chatBubble.png) no-repeat;
  width: 23px;
  height: 22px;
  float: left;
  margin-top: 10px;
  margin-left: 14px;
}

#gameChat {
  position: absolute;
  bottom: 0px;
  left: 0%;
  opacity: 1;
  height: 330px;
  overflow: none;
  margin-left: -6px;
}

#gameChat.hidden {
  height: 0;
  overflow: hidden;
}

#gameChatHeader {
  background: url(/images/gameChatHeader.png) no-repeat;
  width: 270px;
  height: 45px;
  position: relative;
}

#gameChatHeader span {
  margin-left: 96px;
  margin-top: 20px;
  float: left;
}

#gameChatBody {
  background: url(/images/gameChatBody.png) repeat-y;
  width: 270px;
  padding: 5px 5px 5px 5px;
}

.gameChatContentWrapper {
  margin-left: 8px;
}

.gameChatMessageBoxTop {
  background: url(/images/gameChatMessageBox_top.png) no-repeat;
  width: 244px;
  height: 9px;
}

.gameChatMessageBoxMid {
  background: url(/images/gameChatMessageBox_mid.png) repeat-y;
  width: 244px;
  height: 200px;
  padding-top: 8px;
}

.gameChatMessageBoxContentWrapper {
  width: 234px;
  overflow-y: scroll;
  height: 200px;
}

.gameChatMessageBoxContent p {
  color: #424242;
  font-size: 11px;
  font-family: Arial;
  font-style: italic;
  margin-left: 10px;
  margin-top: 6px;
  margin-bottom: 5px;
  clear: both;
}

.gameChatMessageBoxContent.admin p {
  color: red;
  font-weight: bold;
}

.gameChatMessageBoxBottom {
  background: url(/images/gameChatMessageBox_bottom.png) no-repeat;
  width: 244px;
  height: 11px;
}

.gameChatEnterBoxTop {
  background: url(/images/gameChatEnterBox_top.png) no-repeat;
  width: 244px;
  height: 9px;
  margin-top: 4px;
}

.gameChatEnterBoxMid {
  background: url(/images/gameChatEnterBox_mid.png) repeat-y;
  width: 244px;
  height: 24px;
}

.gameChatEnterBoxMid p {
  font-size: 12px;
  font-family: Arial;
  color: #999999;
  margin-left: 10px;
  line-height: 24px;
}

.gameChatEnterBoxMid input {
  font-size: 12px;
  font-family: Arial;
  color: #999999;
  margin-left: 10px;
  line-height: 24px;
  border: none;
  width: 225px;
}

.gameChatEnterBoxBottom {
  background: url(/images/gameChatEnterBox_bottom.png) no-repeat;
  width: 244px;
  height: 11px;
}

#gameChatHeader .arrowDown {
  position: absolute;
  right: 20px;
  top: 10px;
}

#publicChatNotification {
  display: none;
}

.mainListBottom {
  background: url(/images/mainList_bottom.png);
  width: 537px;
  height: 14px;
  float: left;
  margin-left: 1px;
}

.mainListBottom div {
  display: inline-block;
}

#spacer {
  width: 960px;
  height: 80px;
  float: left;
}

.flipclock {
  width: 88px;
  height: 33px;
  position: absolute;
  top: 6px;
  right: 30px;
  display: none;
}

.topTenHeader {
  font-weight: bold;
  font-size: 12px;
  margin-left: 20px;
  margin-top: -1px;
  position: absolute;
  top: 0px;
}

.picksChart {
  font-weight: normal;
  font-size: 10px;
}

.topTenPicks {
  width: 250px;
  height: 33px;
  position: absolute;
  top: 10px;
  right: 58px;
  padding-top: 2px;
}

.topTenPicks li {
  width: 25px;
  float: left;
  position: relative;
}

.topTenPicks li .oddHorseNumberBG {
  position: relative;
}

.topTenPicks li .horseNumber {
  right: -3px;
}

.raceContainer.open .flipclock {
  display: block;
}


.resultsLabel {
  float: left;
  font-size: 12px;
  font-weight: bold;
  margin-top: 7px;
  margin-right: 5px;
}

.miniRaceResults {
  font-size: 12px;
}

.miniRaceResults td {
  padding: 1px 2px 1px 2px;
  font-size: 8px;
}

.seconds {
  float: left;
  display: block;
  height: 30px;
  line-height: 32px;
  background: url(/images/clock_card.png);
  letter-spacing: 4px;
  text-align: center;
  padding-left: 3px;
  margin-right: -4px;
  width: 31px;
  overflow: hidden;
  font-size: 22px;
  font-weight: bold;
  font-family: Helvetica;
  position: relative;
}

.sep {
  float: left;
  line-height: 30px;
  height: 30px;
  margin: 0 8px;
  font-weight: bold;
  margin-right: 5px;
  color: #333;
  text-shadow: 0px 1px 2px #FFF;
}

.seconds .overlay {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background: url(/images/clock_card_overlay.png);
}

.flipclock .date {
  font-size: 11px;
  width: 130px;
  text-align: right;
  float: right;
  line-height: 30px;
  font-weight: bold;
}

tspan {
  display: none;
}

rect {
  display: none;
}

.blackOut {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-color: #000000;
  opacity: .7;
  z-index: 997;
  display: ;
}

#lightBoxWrapper {
  position: absolute;
  top: 15%;
  bottom: 0px;
  left: 15%;
  right: 0px;
  z-index: 998;
  width: 379px;
  height: 109px
}

#lightBoxAddTicket {
  width: 40px;
  height: 40px;
  float: left;
  margin-top: 20px;
  margin-left: 32px;
}

/*#closeNoTicket {  width: 20px; height: 20px; float: right; }*/
#fakeBtnWrapper {
  position: relative;
  float: right;
  width: 100px;
  height: 80px;
  margin-right: 6px;
  margin-top: -98px;
}

.buyTicketPrompt {
  color: #c2c65b;
  font-size: 19px;
  float: left;
  width: 200px;
  text-align: center;
  margin-top: 28px;
  position: relative;
  margin-left: 45px;
}

#noTickets {
  background: url(/images/no-tickets-notification-bg.png);
  width: 379px;
  height: 105px
}

#carouselPreviousBtn {
  background: url(/images/carouselPreviousBtn.png) no-repeat;
  width: 22px;
  height: 22px;
  position: relative;
  z-index: 1000;
  float: left;
  margin-top: 6px;
  /* margin-top: 48px; */
  margin-left: 5px;
  margin-right: 3px;
  cursor: pointer;
}

#carouselNextBtn {
  background: url(/images/carouselNextBtn.png) no-repeat;
  width: 22px;
  height: 23px;
  position: relative;
  z-index: 1000;
  float: right;
  margin-top: 6px;
  /* margin-top: 48px; */
  margin-left: 3px;
  margin-right: 5px;
  cursor: pointer;
}

#carouselNextBtn.more {
  background: url(/images/carousel-nextBtn.png) no-repeat bottom left;
  height: 23px;
}

#dividersBG {
  position: absolute;
  margin-top: 40px;
  /*/images/BG_newDivider.png*/
}

#ULwrapper {
  overflow: hidden;
}

#resultsDetail {
  background: url(/images/results-bg-85.png) no-repeat center left;
  height: 54px;
  position: absolute;
  right: 1px;
  top: 0px;
  display: block;
  font-family: Arial;
  color: #b0adb1;
}

#resultsDetail table {
  float: right;
  margin-top: 6px;
  margin-right: 10px;
}

#resultsDetail td {
  line-height: 12px;
  padding: 0 4px;
  font-size: 11px;
}

#resultsDetail #resultsDetailTitle {
  font-size: 12px;
  margin-left: 15px;
  width: 80px;
  margin-top: 5px;
  margin-right: 5px;
  float: right;
  font-weight: bold;
}

#resultsDetailTitle span {
  line-height: 12px;
}

td.littleSkittle div {
  position: relative;
}

td.littleSkittle span {
  position: absolute;
  top: 1px;
  width: 17px;
  height: 13px;
  left: 5px;
  font-size: 9px;
  color: #000;
}

.checkMark {
  margin-left: 20px;
  float: left;
}

.xMark {
  margin-left: 18px;
  float: left;
}

#tournament_tooltips {}

.showTournamentTooltip {
  margin-left: 23px;
  z-index: 1001;
  display: none;
}

.showTournamentTooltip.no_margin {
  margin-left: 0;
  display: block;
}

.showTournamentTooltip .content {
  font-family: Arial;
  font-size: 12px;
  padding-bottom: 10px;
}

.showTournamentTooltip .content>div {
  font-weight: bold;
  padding: 0 0 10px 0;
}

.showTournamentTooltip .content table {
  width: 100%;
}

.showTournamentTooltip .content td {
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 3px;
}

.showTournamentTooltip .content td.right {
  text-align: right;
}

.amountTooltip {
  margin-left: 23px;
  z-index: 1001;
  display: none;
}

.amountTooltip.no_margin {
  margin-left: 0;
  display: block;
  margin-right: 17px;
}

.amountTooltip .content {
  font-family: Arial;
  font-size: 14px;
  padding-bottom: 10px;
}

.amountTooltip .content>div {
  font-weight: bold;
  padding: 0 0 10px 0;
}

.amountTooltip .content table {
  width: 100%;
}

.amountTooltip .content td {
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 3px;
}

.amountTooltip .content td.right,
.amountTooltip .content th.right {
  text-align: right;
}

.amountTooltip .content td.middle,
.amountTooltip .content th.middle {
  padding-left: 5px;
}

.amountTooltip .content th {
  font-size: 13px;
  font-weight: bold;
  padding-bottom: 5px;
  text-decoration: underline;
}

.ticketTooltip {}

.ticketTooltip .content {
  font-family: Arial;
  font-size: 14px;
  padding-bottom: 10px;
}

.ticketTooltip .content>div {
  font-weight: bold;
  padding: 0 0 10px 0;
}

.ticketTooltip .content table {
  width: 100%;
}

.ticketTooltip .content th {
  font-size: 12px;
}

.ticketTooltip .content td {
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 3px;
}

.ticketTooltip .content td.none {
  font-style: italic;
  font-weight: normal;
  color: #AAA;
}

.ticketTooltip .content tr.total td {
  padding-top: 10px;
  font-size: 14px;
}

.ticketTooltip .content table .right {
  text-align: right;
}

/*********************************************Dark Tooltip css********************************************************************************************************************************************************************************************/
.topLeft {
  background: url(/images/uniTooltipDarkSprite.png) no-repeat 0 -20px;
  left: 0px;
  top: 0px;
  width: 20px;
  height: 20px;
  position: absolute;
}

.topRight {
  background: url(/images/uniTooltipDarkSprite.png) no-repeat;
  width: 20px;
  height: 20px;
  top: 0px;
  right: 0px;
  position: absolute;
}

.bottomLeft {
  background: url(/images/uniTooltipDarkSprite.png) no-repeat 0 -72px;
  width: 20px;
  height: 32px;
  left: 0px;
  bottom: 0px;
  position: absolute;
}

.bottomRight {
  background: url(/images/uniTooltipDarkSprite.png) no-repeat 0 -40px;
  width: 20px;
  height: 32px;
  bottom: 0px;
  right: 0;
  position: absolute;
}

.topFrame {
  background: url(/images/tm.png) repeat-x top left;
  position: relative;
  height: 32px;
}

.bottomFrame {
  background: url(/images/bm.png) no-repeat bottom left;
  height: 32px;
}

.bottomFrameNoArrow {
  background: url(/images/bm_no_arrow.png) no-repeat bottom left;
  height: 32px;
}

.leftFrame {
  background: url(/images/ml.png) repeat-y top left;
  margin-left: -20px;
  position: relative;
  margin-top: 8px;
}

.rightFrame {
  background: url(/images/mr.png) no-repeat top right;
  margin-right: -20px;
}

.middle {
  background: url(/images/mm_2x2.png) repeat bottom left;
  margin-top: 20px;
  margin-left: 20px;
  margin-right: 20px;
}

.wrapper {
  position: relative;
  color: #fff;
}

.wrapper2 {
  position: relative;
  padding: 0 20px;
}

.wrapper3 {
  position: relative;
  padding: 0;
  margin-top: -32px;
}

/**********************************************************************************************************************************************************************************************/




/********************************************Grey tool tip***************************************************************************************************************************************/


.greyTopLeft {
  background: url(images/uniTooltipSprite.png) no-repeat 0 -14px;
  left: 0px;
  top: 0px;
  width: 25px;
  height: 14px;
  position: absolute;
}

.greyTopRight {
  background: url(images/uniTooltipSprite.png) no-repeat;
  width: 20px;
  height: 14px;
  top: 0px;
  right: 0px;
  position: absolute;
}

.greyBottomLeft {
  background: url(images/uniTooltipSprite.png) no-repeat 0 -54px;
  width: 25px;
  height: 26px;
  left: 0px;
  bottom: 0px;
  position: absolute;
}

.greyBottomRight {
  background: url(images/uniTooltipSprite.png) no-repeat 0 -28px;
  width: 20px;
  height: 26px;
  bottom: 0px;
  right: 0;
  position: absolute;
}


.greyTopFrame {
  background: url(images/tooltip-tm.png) repeat-x top left;
  position: relative;
  height: 26px;
  margin-left: 5px;
}

.greyBottomFrame {
  background: url(images/tooltip-bm-wide.png) no-repeat bottom left;
  height: 26px;
  margin-left: 5px;
}

.greyLeftFrame {
  background: url(images/tooltip-ml-tall.png) no-repeat top left;
  margin-left: -19px;
  position: relative;
  margin-top: 8px;
}

.greyRightFrame {
  background: url(images/tooltip-mr.png) no-repeat top right;
  margin-right: -25px;
}

.greyMiddle {
  background: url(images/tooltip-mm-tall.png) repeat top left;
  margin-top: 20px;
  margin-left: 24px;
  margin-right: 25px;
}

/**********************************************************************************************************************************************************************************************/


/*Temp fix until scratched styles are done*/
.scratchedNotice {
  position: absolute;
  top: 20px;
  left: 266px;

  font-size: 20px;
  font-weight: bold;
  color: red;
}

.scratched .scratchedNotice {
  display: block;
}

.scratched .friends,
.scratched .pickDiv * {
  display: none;
}

.scratched {
  background: url(/images/BG_pattern.png);
  position: relative;
}

.scratched .rating {
  display: none;
}

.scratched .stats {
  opacity: 0;
}


#message-alert {
  font-size: 20px;
  padding-top: 10px;
  font-weight: bold;
  width: 960px;
  margin: 0 auto;
  text-align: center;
}

#message-alert.notice {
  color: green;
}

#message-alert.error {
  color: red;
}

p#message-alert {
  margin: 0 auto;
}

.pickWinner {
  float: left;
  margin-top: 7px;
  margin-left: 12px;
}

.raceRow.selected {
  background: url(/images/BG_ticketResults_highlighted.png) no-repeat;
  width: 183px;
  height: 40px;
  float: left;
  clear: left;
}

/*.horse, .pickEarnings { opacity: 0.25; }*/
.raceRow.selected .ticketPick.selected .horse,
.raceRow.selected .ticketPick.selected .pickEarnings {
  display: block;
  width: 28px;
  height: 23px;
}

.pagination {
  float: right;
  padding: 10px 15px 0 0;
  cursor: default;
  /* self-clearing method: */
}

.pagination a,
.pagination span,
.pagination em {
  font-family: Arial;
  font-size: 13px;
  font-weight: bold;
  padding: 0.2em 0.5em;
  display: block;
  float: left;
  margin-right: 1px;
}

.pagination .disabled {
  color: #999999;
  border: 1px solid #dddddd;
}

.pagination .current {
  font-style: normal;
  font-weight: bold;
  background: #2e6ab1;
  color: white;
  border: 1px solid #2e6ab1;
}

/*.pagination a { text-decoration: none; color: #105cb6; border: 1px solid #9aafe5; }*/
.pagination a {
  text-decoration: none;
  color: #333;
  border: 1px solid #222;
}

.pagination a:hover,
.pagination a:focus {
  color: #000033;
  border-color: #000033;
}

.pagination .page_info {
  background: #2e6ab1;
  color: white;
  padding: 0.4em 0.6em;
  width: 22em;
  margin-bottom: 0.3em;
  text-align: center;
}

.pagination .page_info b {
  color: #000033;
  background: #6aa6ed;
  padding: 0.1em 0.25em;
}

.pagination:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

* html .pagination {
  height: 1%;
}

*:first-child+html .pagination {
  overflow: hidden;
}

/***********************************************************HOME PAGE**********************************************************************/

#headerNewLogo {
  position: absolute;
  top: 12px;
  left: 0;
  z-index: 100;
}

#homeLogin {
  float: right;
  margin-top: 25px;
  margin-left: 30px;
  margin-right: 20px;
}

#homeLogin li {
  float: right;
  width: 91px;
  height: 29px;
  margin-left: 10px;
  font-family: Arial;
  cursor: pointer;
  font-size: 14px;
  color: #fff;
  text-shadow: 1px 1px #333;
}

/*#homeLogin li.blue { background: url(/images/btn_login_dw_blue.png) no-repeat; cursor: pointer; }*/
#homeLogin li a {
  line-height: 28px;
  text-align: center;
  width: 91px;
  float: right;
  color: #fff;
}

.homeTopDivider {
  width: 2px;
  height: 48px;
  background: url(/images/homeTopDivider.png) no-repeat;
  float: right;
  margin-top: 14px;
}

.homeRegisterBtn {
  background-color: #F48A36;
  border-radius: 5px;
}

.homeLoginBtn {
  background-color: #5275BA;
  border-radius: 5px;
}

#homeSocial {
  float: right;
  margin-right: 40px;
}

#homeSocial li {
  float: right;
  width: 37px;
  height: 37px;
  margin-top: 20px;
  margin-left: 15px;
}

.homeTwitter {
  background: url(/images/twitter_home.png) no-repeat;
}

.homeTwitter:hover {
  background: url(/images/twitter_home_hover.png) no-repeat;
}

.homeFB:hover {
  background: url(/images/facebook_home_hover.png) no-repeat;
}

.homeFB {
  background: url(/images/facebook_home.png) no-repeat;
}

.toolTipPosition4 {
  position: absolute;
  right: -20px;
  top: 43px;
  display: none;
  z-index: 999
}

.toolTipPosition4 .middle {
  padding-top: 1px;
  padding-left: 10px;
  padding-bottom: 10px;
  padding-right: 5px;
}

.toolTipPosition4 .gameChatEnterBoxWrapper.marginFix {
  margin-top: 14px;
}

.toolTipPosition4 .rightFrame {
  background: url();
}

.toolTipPosition4 .topRight {
  background: url();
}

.toolTipPosition4 .bottomRight {
  background: url();
}

.toolTipPosition4 .bottomFrame {
  background: url(/images/bm_home.png) repeat-x bottom left;
}

.toolTipPosition4 .topFrame {
  background: url();
}

.toolTipPosition4 .topLeft {
  background: url();
}

#homeLoginEnter {}

.homeLoginEnter {
  background-color: #5275BA;
  border-radius: 5px;
  width: 91px;
  height: 29px;
  margin-top: 4px !important;
  float: right;
  margin-right: 13px !important;
  color: #fff;
  border: none;
}

.homeLoginEnter:hover {
  color: #fff;
  text-decoration: underline;
}

.homeLoginEnter span {
  margin-left: 27px;
  line-height: 27px;
  font-size: 14px;
  text-shadow: 1px 1px #333;
}

.forgotPassword {
  font-size: 12px;
  color: #fff;
  margin-top: 13px;
  margin-left: 30px;
  height: 18px;
}

.forgotPassword:hover {
  text-decoration: underline;
  cursor: pointer;
}

#sliderWrapper {
  height: 400px;
  position: relative;
  margin: 0 auto;
  margin-top: 40px;
  width: 960px !important;
  overflow: hidden;
  margin-bottom: 40px;
}

#sliderGreyBG {
  background-color: #bebebe;
  width: 960px;
  height: 48px;
  position: relative;
  border-bottom: solid 1px #666666;
  color: #797979;
  font-family: Arial;
  font-size: 14px;
  text-transform: uppercase;
  line-height: 48px;
  text-shadow: 0px 1px #fff;
}


.slideLeftSide {
  width: 425px;
  height: 450px;
  float: left;
}

.guy {
  width: 425px;
  height: 400px;
  background: url(/images/guy.png) no-repeat center bottom;
  margin-top: -30px;
}

.slideRightSide {
  width: 535px;
  float: left;
  font-family: Arial;
  margin-top: 130px;
}

.chanceToWin {
  font-size: 28px;
  font-weight: bold;
}

.joinDBnow {
  color: #008cb0;
  font-size: 48px;
  font-weight: bold;
}

#homeSlider p {
  color: #999999;
  width: 460px;
  font-size: 15px;
  margin-top: 10px;
}

.homeJoinNow {
  background: url(/images/btn_joinNow.png) no-repeat;
  width: 166px;
  height: 52px;
  text-align: center;
  float: left;
  margin-top: 15px;
}

.takeTour span,
.homeJoinNow span {
  text-transform: uppercase;
  color: #fff;
  text-shadow: 0px 1px #000;
  text-align: center;
  width: 166px;
  margin-top: 19px;
  float: left;
}

.takeTour {
  background: url(/images/btn_takeTour.png) no-repeat;
  width: 166px;
  height: 52px;
  text-align: center;
  float: left;
  margin-left: 20px;
  margin-top: 15px;
}

#circleNavDiv {
  position: absolute;
  top: 18px;
  left: 45%;
}

.sliderPrevious {
  float: left;
  width: 136px;
  text-align: center;
  position: relative;
  z-index: 2;
  cursor: pointer;
}

.sliderPrevious:hover {
  color: #5a5a5a;
}

.sliderNext {
  float: right;
  width: 100px;
  text-align: center;
  z-index: 2;
  position: relative;
  cursor: pointer;
}

.sliderNext:hover {
  color: #5a5a5a;
}

#homeSlider {
  position: relative;
  height: 350px;
  overflow-x: hidden;
  overflow-y: visible;
}

#homeSlider li {
  height: 340px;
  width: 960px;
  position: relative;
}

#homeSlider li.center {
  text-align: center;
  float: left;
}

.LIshadow {
  background: url(/images/shadows_liftedCorners.png) no-repeat;
  width: 960px;
  height: 44px;
  position: absolute;
  top: 0%;
  left: 0px;
}

#homeTopRibbon {
  background: url(/images/ribbon_home_topRight.png) no-repeat;
  width: 280px;
  height: 67px;
  position: absolute;
  margin-top: -25px;
  right: 18px;
  color: #fff;
  z-index: 99;
  font-family: Arial;
  text-shadow: 0px 1px #000;
}

#homeRibbonInfo {
  text-transform: uppercase;
  float: left;
  margin-top: 5px;
  margin-left: 15px;
  font-size: 14px;
  font-weight: bold;
}

#homeRibbonExtra {
  margin-top: 10px;
  float: left;
  margin-left: 15px;
  font-size: 12px;
}

.circleNav {
  background: url(/images/circleNav.png) no-repeat;
  width: 15px;
  height: 14px;
  float: left;
  margin-left: 2px;
  cursor: pointer;
}

.circleNav.selected {
  background: url(/images/circleNav_selected.png) no-repeat;
}

#homeBodyWrapper {
  position: relative;
  margin: 0px auto;
  width: 960px;
  min-height: 530px;
}

#homeBodyWrapper #tourneyMainView {
  margin-top: 20px;
}

#homeBodyWrapper #tourneyPromos {
  margin-top: -40px;
}

#homeLoginForm input.pretty {
  margin: 0;
  padding: 5px;
  width: 215px;
  line-height: normal !important;
  outline: none;
}

#siteInfo {
  clear: both;
  width: 950px;
  margin: auto;
  border-top: 1px dotted #CCC;
  position: relative;
  bottom: -42px;
  color: #797979;
  font-size: 12px;
}

#siteInfo ul {
  overflow: hidden;
  width: 900px;
  padding-left: 15px;
}

#siteInfo li {
  float: left;
  font-family: Arial;
  margin-right: 25px;
  padding: 10px 0 10px 0;
}

#siteInfo a {
  color: #333;
  font-family: Arial;
}

/***********************************************************INFO PAGES**********************************************************************/

.siteInfoPage {
  padding: 20px 50px 30px 40px;
  font-family: Arial;
}

.siteInfoPage h1 {
  font-family: Arial;
  font-size: 18px;
  padding-top: 20px;
  color: #333;
}

.siteInfoPage h2 {
  font-family: Arial;
  font-size: 15px;
  padding-top: 20px;
  color: #333;
}

.siteInfoPage h3 {
  font-family: Arial;
  color: #999;
  font-size: 14px;
}

.siteInfoPage p {
  margin-top: 5px;
  margin-bottom: 5px;
  color: #333;
  font-size: 13px;
}

.siteInfoPage li {
  margin-top: 5px;
  margin-bottom: 5px;
  color: #333;
  font-size: 12px;
}

.siteInfoPage li>h3 {
  font-family: Arial;
  font-size: 13px;
  padding-top: 20px;
  color: #333;
}

.siteInfoPage img {
  float: left;
  margin-right: 10px;
}

.siteInfoPage .bio_container {
  margin-top: 10px;
  overflow: hidden;
}

.siteInfoPage ol {
  list-style-type: decimal;
  margin-left: 20px;
  color: #333;
}

.siteInfoPage ul {
  list-style-type: disc;
  margin-top: 10px;
  margin-left: 10px;
}

.siteInfoPage .address {
  margin-left: 20px;
}

.siteInfoPage .bio_container {
  padding-top: 20px;
}

.siteInfoPage .contact {
  padding-top: 20px;
}

.siteInfoPage a {
  color: blue !important;
  text-decoration: underline;
}

.eliminated {
  display: hidden;
}

/* #advertisements { clear:both; position:absolute; bottom:495px; left:363px; max-height: 45px; font-family:Arial; overflow:hidden;} */
#advertisements {
  clear: both;
  position: absolute;
  top: -36px;
  left: 353px;
  max-height: 45px;
  font-family: Arial;
  overflow: hidden;
}

#advertisements img {
  max-height: 45px;
  max-width: 400px;
}

#tourneyMainView #advertisements {
  top: -30px;
  left: 29px;
}

.image_based {
  max-width: 400px;
}

.text_based {
  padding: 4px 10px;
  width: 380px;
}

text {
  color: #000000;
}

#horseChart rect {
  display: block !important;
}

#horseChart {
  width: 635px;
  height: 450px;
}

#horseChart tspan {
  display: block !important;
}

.tournament_search {
  padding-left: 15px;
}

#johndoyle {
  float: left;
  width: 870px;
  padding: 15px;
  margin: 35px 30px 15px;
  border-radius: 10px;
  box-shadow: 0 0 2px 2px #777;
  background: #f0f1f1;
}

#johndoyle img.john {
  float: left;
  margin: 0 10px 0 0;
}

#johndoyle img.steps {
  margin: 9px 0 0;
}

#johndoyle p {
  margin: 9px 0 0;
  font: 18px arial;
  color: #000;
}

#johndoyle p.welcome {
  margin-top: 0;
  color: #223481;
}

#johndoyle p.slogan {
  font: 42px arial;
}

#johndoyle p span {
  font-weight: bold;
  color: #223481;
}

.redarrow {
  float: left;
  margin: -20px 0 0 75px;
}

.redarrow2 {
  float: right;
  margin: -20px 90px 0 0;
}


/* Ribbon Css */
.ribbon {
  position: absolute;
  width: 42px;
  height: 44px;
  top: -8px;
  right: -5px;
}

.ribbon div {
  margin: 45px -80px 0 0;
  font-size: 10px;
  color: #fff;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}

.ribbonl {
  position: relative;
  width: 42px;
  height: 44px;
  top: -8px;
  right: -5px;
  float: right;
}

.ribbonl div {
  position: absolute;
  top: -31px;
  right: 76px;
  font-size: 9px;
}

.ribbonb {
  background: url(/images/tourney_list_ribbon_dw_blue.png);
}

/*.ribbonb div{ color:#71bdf0; }*/
.ribbong {
  background: url(/images/ribbon_oddsg.png);
}

.ribbono {
  background: url(/images/tourney_list_ribbon_dw_orange.png);
}

.ribbono div {
  font-weight: bold;
}

.ribbono div.black {
  color: #000;
}

.ribbono div.gray {
  color: #333;
  letter-spacing: -1px;
}

.ribbono div.blue {
  color: #3858a6;
}

.ribbonl div.white {
  color: #fff;
  letter-spacing: -1px;
}

.btn {
  -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
  -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
  box-shadow: inset 0px 1px 0px 0px #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
  background: -moz-linear-gradient(center top, #ededed 5%, #dfdfdf 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
  background-color: #ededed;
  -webkit-border-top-left-radius: 12px;
  -moz-border-radius-topleft: 12px;
  border-top-left-radius: 12px;
  -webkit-border-top-right-radius: 12px;
  -moz-border-radius-topright: 12px;
  border-top-right-radius: 12px;
  -webkit-border-bottom-right-radius: 12px;
  -moz-border-radius-bottomright: 12px;
  border-bottom-right-radius: 12px;
  -webkit-border-bottom-left-radius: 12px;
  -moz-border-radius-bottomleft: 12px;
  border-bottom-left-radius: 12px;
  text-indent: 0;
  border: 1px solid #dcdcdc;
  display: inline-block;
  color: #777777;
  font-family: Arial;
  font-size: 15px;
  font-weight: bold;
  font-style: normal;
  height: 30px;
  line-height: 30px;
  width: 80px;
  text-decoration: none;
  text-align: center;
  text-shadow: 1px 1px 0px #ffffff;
}

.btn:hover {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
  background: -moz-linear-gradient(center top, #dfdfdf 5%, #ededed 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
  background-color: #dfdfdf;
}

.btn:active {
  position: relative;
  top: 1px;
}

.experience-dialog {
  float: left;
  font-size: 20px;
  color: #fff;
  width: 72%;
  margin-left: 12px;
  border: 2px solid #EBEBEB;
  border-radius: 5px;
  padding: 10px;
  background-color: #333231;
}

#rules {
  position: absolute;
  top: 42px;
  right: 18px;
  font-family: Arial;
}

#rules span {
  font-size: 10px;
  background-color: #222;
  color: #FFF;
  border-radius: 2px;
  padding: 0 10px;
  text-decoration: none;
  cursor: pointer;
}

#rules span:hover {
  opacity: 0.9;
  text-decoration: none;
}

#rules span.player_points {
  color: white !important;
  background: none;
}

#rules span.rulesone:hover {
  color: white !important;
}

#chart {
  font-family: Arial;
  margin-left: 10px;
  position: absolute;
  left: 2px;
  top: 26px;
}

#chart_final {
  top: 35px;
}

#chart span {
  font-size: 10px;
  background-color: #222;
  color: #FFF;
  opacity: 0.7;
  border-radius: 2px;
  padding: 0 5px;
  text-decoration: none;
  cursor: pointer;
}

#chart span:hover {
  opacity: 0.9;
  text-decoration: none;
}

/* quickpick styles */
.qpSkittle {
  margin-top: 7px;
  margin-left: 52px;
}

.qpSkittle.qpWithPrevious {
  margin-left: 20px;
}

.qpTicketHistory {
  margin-top: 15px;
  /*margin-left:190px;*/
  float: right;
}

.qpButton {
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  color: white;
  font-size: 11px;
  background-color: #5275BA;
  border: 1px solid #5E5E5E;
  border-radius: 4px;
}

.qpButton:hover {
  background-color: #6C8FD4;
}

.qpLeaderboardButton {
  cursor: pointer;
  box-shadow: black 2px 3px;
}

.qpLeaderboardButton:hover {
  opacity: .5;
}

.leaderBoardRacePick {
  display: inline;
  border-radius: 4px;
  font-weight: bold;
  padding: 2px 3px;
  box-shadow: black 1px 1px 1px;
}

.leaderBoardRacePick.PickLaneN {
  background-color: #575757;
  color: white;
}

.leaderBoardRacePick.PickLaneF {
  background-color: #575757;
  color: white;
}

.leaderBoardRacePick.PickLane1 {
  background-color: red;
  color: white;
}

.leaderBoardRacePick.PickLane2 {
  background-color: white;
  color: black;
}

.leaderBoardRacePick.PickLane3 {
  background-color: blue;
  color: white;
}

.leaderBoardRacePick.PickLane4 {
  background-color: yellow;
  color: black;
}

.leaderBoardRacePick.PickLane5 {
  background-color: green;
  color: white;
}

.leaderBoardRacePick.PickLane6 {
  background-color: black;
  color: white;
}

.leaderBoardRacePick.PickLane7 {
  background-color: orange;
  color: black;
}

.leaderBoardRacePick.PickLane8 {
  background-color: #EE619D;
  color: black;
}

.leaderBoardRacePick.PickLane9 {
  background-color: lightblue;
  color: black;
}

.leaderBoardRacePick.PickLane10 {
  background-color: purple;
  color: white;
}

.leaderBoardRacePick.PickLane11 {
  background-color: #616161;
  color: white;
}

.leaderBoardRacePick.PickLane12 {
  background-color: #26FF26;
  color: black;
}

.leaderBoardRacePick.PickLane13 {
  background-color: #593D28;
  color: white;
}

.leaderBoardRacePick.PickLane14 {
  background-color: #861717;
  color: white;
}

.leaderBoardRacePick.PickLane15 {
  background-color: #D3A06D;
  color: black;
}

.leaderBoardRacePick.PickLane16 {
  background-color: #8CAEFF;
  color: white;
}

.leaderBoardRacePick.PickLane17 {
  background-color: #070764;
  color: white;
}

.leaderBoardRacePick.PickLane18 {
  background-color: #2C442C;
  color: white;
}

.leaderBoardRacePick.PickLane19 {
  background-color: #1C1CB7;
  color: white;
}

.leaderBoardRacePick.PickLane20 {
  background-color: #FF00FF;
  color: white;
}

.qpHide {
  display: none;
}

.qpTextButton {
  vertical-align: top;
  padding-right: 5px;
  padding-top: 8px;
  text-decoration: underline;
}

.qpTextButton a {
  cursor: pointer;
}

.qpImport {
  margin-top: 5px;
}

#quickPickContainer {
  margin-top: 10px;
  margin-left: 10px;
}

.qpHeader {
  width: 100%;
  text-align: center;
}

.qpHeader div {
  display: inline-block;
  color: black;
  font-size: 16px;
  vertical-align: top;
}

.qpHeader div select {
  padding-left: 5px;
}

.qpSingleEntry {
  display: none !important;
}

.qpBody {
  clear: left;
  margin-top: 10px;
  position: relative;
}

#quickPickLoading {
  position: absolute;
  left: 50%;
  top: 50%;
  visibility: hidden;
}

#quickPickRacesContainer {
  display: inline-block;
  vertical-align: top;
  padding-left: 5px;
}

.qpRaceRow {
  display: block;
}

.qpRaceRow div {
  display: inline-block;
}

.qpRaceName {
  width: 40px;
  margin-top: 5px;
}

.qpPick {
  width: 190px;
  vertical-align: bottom;
  margin-left: 5px;
}

.qpPick select {
  width: 190px;
  margin-top: 5px;
}

.qpPickClosed {
  margin-top: 5px;
  color: black;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.qpPickClosed.qpAlternate {
  width: 170px;
}

.qpRaceIcon {
  vertical-align: bottom;
  height: 17px;
  width: 17px;
  background: url(/images/icon_horseHead.png) no-repeat;
}

.qpRaceIcon.qpRaceIconrunning {
  background: url(/images/icon_horseHead.png) no-repeat;
}

.qpRaceIcon.qpRaceIconfinal {
  background: url(/images/icon_trophy.png) no-repeat;
}

.qpRaceIcon.qpRaceIconcancelled {
  background: url(/images/icon-x.png) no-repeat;
}

.qpBetResult {
  width: 10px;
}

.qpBetResult img {
  vertical-align: bottom;
}

.qpBetResultText {
  font-size: 16px;
  font-weight: bold;
  padding-left: 2px;
}

#quickPickButtonRow div {
  display: inline-block;
}

#quickPickImportContainer {
  padding-top: 12px;
  margin-left: 5px;
}

#quickPickImportContainer select {
  width: 125px;
}

#quickPickSubmitContainer {
  padding-top: 5px;
  float: right;
  margin-right: 21px;
}

#quickPickSubmitContainer div {
  display: inline-block;
}

#quickPickInfoMessage {
  color: black;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  min-height: 18px;
}

/* enter tournament styles */
#enterTourneyContainer {
  width: 450px;
}

.etHeader {
  width: 100%;
  text-align: center;
  color: black;
  font-size: 20px;
  font-weight: bold;
  vertical-align: top;
}

.etSubHeader {
  width: 100%;
  text-align: center;
  color: black;
  font-size: 16px;
  vertical-align: top;
}

.etWarning {
  margin-left: 10px;
  margin-top: 15px;
  font-style: italic;
  font-size: 11px;
}

.etWarningBold {
  font-weight: bold;
  color: red;
}

.etWarningLink {
  text-decoration: underline;
  color: gray;
}

.etBody {
  margin-left: 10px;
  margin-top: 15px;
  color: black;
  font-size: 16px;
}

.etTicketNumberPrompt {
  display: inline-block;
}

.etTicketNumberSelect {
  margin-bottom: -4px;
}

.etPurchaseTicketRow {
  display: inline;
}

#enterTourneyTicketPurchaseInfo {
  display: inline-block;
  width: 50%;
}

.etPurchaseInfoRow {
  padding-bottom: 5px;
  clear: left;
}

.etPurchaseInfoRow.hidden {
  display: none;
}

.etPurchaseWarning {
  display: none;
  color: red;
  font-style: italic;
}

#enterTourneyButtonRow {
  padding-top: 5px;
  text-align: center;
}

#enterTourneyButtonContainer {
  display: inline-block;
}

.etButton {
  display: block;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  color: white;
  font-size: 24px;
  font-family: Arial;
  background-color: #f48a36;
  height: 60px;
  min-width: 200px;
  border-radius: 8px;
}

.etButtonTourneyTypeText {
  display: block;
  font-size: 12px;
}

#enterTourneyLoading {
  background: url(/images/loading.gif);
  position: absolute;
  left: 50%;
  top: 50%;
  width: 15px;
  height: 15px;
  visibility: hidden;
}

.etEntryFee {
  color: black;
}

.etInsufficientFunds {
  color: red;
}

.etPurchaseWarning {
  display: block;
  color: red;
  font-style: italic;
  font-size: 12px;
}

.etTotalEntryFee {
  margin-bottom: 2px;
  text-align: center;
}

#enterTourneyGameRules {
  cursor: pointer;
}

#enterTourneyGameRulesClick {
  text-decoration: underline;
}

.etPaymentType {
  float: left;
  padding-right: 10px;
  display: none;
}

.etPaymentType input {
  margin-right: 3px;
  margin-bottom: 5px;
}

#enterTourneyMessageArea {
  font-size: 16px;
  color: black;
  display: none;
  margin-top: 40px;
  text-align: center;
}

#enterTourneyMessageAreaText div.fail {
  color: red;
}

#enterTourneyOKButtonContainer {
  width: 100%;
  margin-top: 10px;
  margin-left: 176px;
}

#enterTourneyOKButton {
  font-size: 16px;
  background-color: #48A1C1;
  border-radius: 5px;
  height: 30px;
  min-width: 100px;
}

.etMakePicks {
  margin-top: 50px;
}

.etMakePicks a {
  text-decoration: underline;
}

/* Home Page Signup Section */
#homeSignupContainer {
  width: 960px;
  margin-left: auto;
  margin-right: auto;
  background-color: #2D363B;
}

#homeSignupTitle {
  text-align: center;
  padding-top: 70px;
  font-size: 36px;
  color: white;
}

#homeSignupOffer {
  text-align: center;
  font-size: 18px;
  color: white;
}

#homeSignupInfoContainer {
  width: 45%;
  margin-left: auto;
  margin-right: auto;
  padding: 32px;
}

#homeSignupListContainer {
  margin-left: 55px;
}

#homeSignupList {
  color: white;
  font-size: 20px;
  margin-bottom: 32px;
}

#homeSignupActionButton {
  margin-left: 75px;
  background-color: #F48A36;
  border-radius: 5px;
  width: 250px;
  height: 50px;
  color: white;
  text-align: center;
  font-size: 28px;
  text-shadow: 1px 1px #333;
}

#homeSignupActionLink {
  color: white;
  text-decoration: none;
}

#homeSignupActionText {
  padding-top: 8px;
}

#homeSignupRightSection {
  width: 52%;
  display: inline-block;
  padding-top: 25px;
}

#homeSignupActionImage {
  margin-top: 59px;
  margin-left: 31px;
}
/*
 * jQuery UI CSS Framework 1.8.8
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*
 * jQuery UI CSS Framework 1.8.8
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Segoe%20UI,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=6px&bgColorHeader=333333&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=25&borderColorHeader=333333&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=000000&bgTextureContent=05_inset_soft.png&bgImgOpacityContent=25&borderColorContent=666666&fcContent=ffffff&iconColorContent=cccccc&bgColorDefault=555555&bgTextureDefault=02_glass.png&bgImgOpacityDefault=20&borderColorDefault=666666&fcDefault=eeeeee&iconColorDefault=cccccc&bgColorHover=0078a3&bgTextureHover=02_glass.png&bgImgOpacityHover=40&borderColorHover=59b4d4&fcHover=ffffff&iconColorHover=ffffff&bgColorActive=f58400&bgTextureActive=05_inset_soft.png&bgImgOpacityActive=30&borderColorActive=ffaf0f&fcActive=ffffff&iconColorActive=222222&bgColorHighlight=eeeeee&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=80&borderColorHighlight=cccccc&fcHighlight=2e7db2&iconColorHighlight=4b8e0b&bgColorError=ffc73d&bgTextureError=02_glass.png&bgImgOpacityError=40&borderColorError=ffb73d&fcError=111111&iconColorError=a83300&bgColorOverlay=5c5c5c&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=50&opacityOverlay=80&bgColorShadow=cccccc&bgTextureShadow=01_flat.png&bgImgOpacityShadow=30&opacityShadow=60&thicknessShadow=7px&offsetTopShadow=-7px&offsetLeftShadow=-7px&cornerRadiusShadow=8px
 */


/* Component containers
----------------------------------*/
.ui-widget { font-family: Segoe UI, Arial, sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Segoe UI, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #666666; background: #000000 url(/stylesheets/ui-darkness/images/ui-bg_inset-soft_25_000000_1x100.png) 50% bottom repeat-x; color: #ffffff; }
.ui-widget-content a { color: #ffffff; }
.ui-widget-header { border: 1px solid #333333; background: #333333 url(/stylesheets/ui-darkness/images/ui-bg_gloss-wave_25_333333_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #666666; background: #555555 url(/stylesheets/ui-darkness/images/ui-bg_glass_20_555555_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eeeeee; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #eeeeee; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #59b4d4; background: #0078a3 url(/stylesheets/ui-darkness/images/ui-bg_glass_40_0078a3_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #ffffff; }
.ui-state-hover a, .ui-state-hover a:hover { color: #ffffff; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #ffaf0f; background: #f58400 url(/stylesheets/ui-darkness/images/ui-bg_inset-soft_30_f58400_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #ffffff; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #cccccc; background: #eeeeee url(/stylesheets/ui-darkness/images/ui-bg_highlight-soft_80_eeeeee_1x100.png) 50% top repeat-x; color: #2e7db2; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #2e7db2; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #ffb73d; background: #ffc73d url(/stylesheets/ui-darkness/images/ui-bg_glass_40_ffc73d_1x400.png) 50% 50% repeat-x; color: #111111; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #111111; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #111111; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(/stylesheets/ui-darkness/images/ui-icons_cccccc_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(/stylesheets/ui-darkness/images/ui-icons_cccccc_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(/stylesheets/ui-darkness/images/ui-icons_ffffff_256x240.png); }
.ui-state-default .ui-icon { background-image: url(/stylesheets/ui-darkness/images/ui-icons_cccccc_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/stylesheets/ui-darkness/images/ui-icons_ffffff_256x240.png); }
.ui-state-active .ui-icon {background-image: url(/stylesheets/ui-darkness/images/ui-icons_222222_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(/stylesheets/ui-darkness/images/ui-icons_4b8e0b_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(/stylesheets/ui-darkness/images/ui-icons_a83300_256x240.png); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; }
.ui-corner-tr { -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; }
.ui-corner-br { -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; }
.ui-corner-top { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; }
.ui-corner-right {  -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; }
.ui-corner-left { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; }
.ui-corner-all { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }

/* Overlays */
.ui-widget-overlay { background: #5c5c5c url(images/ui-bg_flat_50_5c5c5c_40x100.png) 50% 50% repeat-x; opacity: .80;filter:Alpha(Opacity=80); }
.ui-widget-shadow { margin: -7px 0 0 -7px; padding: 7px; background: #cccccc url(/stylesheets/ui-darkness/images/ui-bg_flat_30_cccccc_40x100.png) 50% 50% repeat-x; opacity: .60;filter:Alpha(Opacity=60); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/*
 * jQuery UI Resizable 1.8.8
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Resizable#theming
 */
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/*
 * jQuery UI Selectable 1.8.8
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Selectable#theming
 */
.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }
/*
 * jQuery UI Accordion 1.8.8
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Accordion#theming
 */
/* IE/Win - Fix animation bug - #4615 */
.ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }/*
 * jQuery UI Autocomplete 1.8.8
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */
.ui-autocomplete { position: absolute; cursor: default; }	

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/*
 * jQuery UI Menu 1.8.8
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
	float: left;
}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: 100%;
}
.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:1.5;
	zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}
/*
 * jQuery UI Button 1.8.8
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Button#theming
 */
.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; } 
button.ui-button-icons-only { width: 3.7em; } 

/*button text element */
.ui-button .ui-button-text { display: block; line-height: 1.4;  }
.ui-button-text-only .ui-button-text { padding: .4em 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .4em 1em; }

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }

/*button sets*/
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }

/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */
/*
 * jQuery UI Dialog 1.8.8
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Dialog#theming
 */
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/*
 * jQuery UI Slider 1.8.8
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }/*
 * jQuery UI Tabs 1.8.8
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
/*
 * jQuery UI Datepicker 1.8.8
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}/*
 * jQuery UI Progressbar 1.8.8
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Progressbar#theming
 */
.ui-progressbar { height:2em; text-align: left; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }
/* ################################################
			LOGIN / REGISTER STYLES
################################################### */
#registerContent, #loginContent {
	margin:15px auto;
	text-align:center;
	width:600px;
	position:relative;
	display:none;
	z-index:100000;
	font-size: 14px;
}
#registerWrapper, #loginWrapper {
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
  font-family: Arial,sans-serif;
	/*background-color:#F9F9F9;*/
	background:url(/images/login-bg-img.png) 0 0 repeat-x;
	
	width:600px;
	overflow:hidden;
	-moz-box-shadow:0px 0px 25px #000;
	-webkit-box-shadow:0px 0px 25px #000;
	box-shadow:0px 0px 25px #000;
}
.register-header, .login-header {
	/*background:url(/images/legendBG.png) 0 0 repeat-x;*/
	width:600px;
	padding:0;
	margin:0px;
	-moz-border-radius:0px 0px 10px 10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	height: 50px;
	z-index: 2;
}
#registerSteps, #loginloginSteps, #accountSteps {
	width:650px;
	/*height:320px;*/
	overflow:hidden;
	z-index:100;
}
.registerStep, .loginStep, .accountStep {
	float:left;
	width:600px;
	/*height:320px;*/
	background:url(/images/login-legendBG-mid.png) 0 0 repeat-x;
}

.accountStep {
	width: 650px;
}

.accDepositFormImg {
    text-align: left;
    display: block;
}

.step1 {
	padding: 20px 0 0 0;
	height:300px;
}

#registerNavigation, #loginNavigation {
	height:45px;
	background-color:#E9E9E9;
	background:url(/images/login-legendBG.png) 0 0 repeat-x;
	border-top:1px solid #00A !important;
}
#registerNavigation ul {
	list-style:none;
	float:left;
	margin-left:22px;
	border:none !important;
}
#registerNavigation ul li {
	float:left;
	border:none !important;
	position:relative;
	margin:0px 2px;
}
#registerNavigation ul li a {
	display:block;
	height:45px;
	background-color:#00A;
	color:#FFF;
	outline:none;
	font-weight:bold;
	text-decoration:none;
	line-height:45px;
	padding:0px 38px;
	margin:0 4px 0 4px;
	text-shadow:1px 1px 2px #000;
	border:none !important;
	background:#00A;
	background:
		-webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.09, rgb(40,63,153)),
		color-stop(0.5, rgb(67,110,181)),
		color-stop(0.9, rgb(57,89,167))
		);
	background:
		-moz-linear-gradient(
		center bottom,
		rgb(40,63,153) 9%,
		rgb(67,110,181) 55%,
		rgb(57,89,167) 78%
		);
	-moz-box-shadow:0px 2px 5px #000;
	-webkit-box-shadow:0px 2px 5px #000;
	box-shadow:0px 2px 5px #000;
}
#registerNavigation ul li a:hover, #registerNavigation ul li.selected a {
	color:#666;
	text-shadow:1px 1px 0px #FFF;
	background:#C5C5C5;
	background:
		-webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.09, rgb(180,180,180)),
		color-stop(0.5, rgb(198,198,198)),
		color-stop(0.9, rgb(225,225,225))
		);
	background:
		-moz-linear-gradient(
		center bottom,
		rgb(180,180,180) 9%,
		rgb(198,198,198) 50%,
		rgb(225,225,225) 90%
		);
}
#registerNavigation ul li a .number {
  font-size: 20px;
  margin-right: 5px;
}
span.checked{
	background:transparent url(/images/checked.png) no-repeat top left;
	position:absolute;
	top:0px;
	left:1px;
	width:20px;
	height:20px;
}
span.error{
	background:transparent url(/images/error.png) no-repeat top left;
	position:absolute;
	top:0px;
	left:1px;
	width:20px;
	height:20px;
}
#registerSteps form div, #loginloginSteps form div {
	float:left;
	clear:both;
	margin:5px 0px;
	background-color:#f4f4f4;
	border:1px solid #FFF;
	width:400px;
	padding:8px;
	margin-left:100px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow:0px 0px 3px #AAA;
	-webkit-box-shadow:0px 0px 3px #AAA;
	box-shadow:0px 0px 3px #AAA;
	color:#666;
}


.finalNotice ul {
  list-style-type: circle;
  color: red;
  text-align: left;
  margin-left: 20px;
}

#registerSteps form div span {
	width:200px;
	float:left;
	text-align:right;
	margin-right:15px;
	line-height:26px;
	color:#666;
	text-shadow:1px 1px 1px #FFF;
	font-weight:bold;
}
#registerSteps form div a, #loginloginSteps form div a {
	line-height:26px;
	color:#253696;
	text-shadow:1px 1px 1px #FFF;
	font-weight:bold;
	opacity:.7;
	-moz-transition: opacity 400ms ease;
	-webkit-transition: opacity 400ms ease;
	-o-transition: opacity 400ms ease;
	transition: opacity 400ms ease;
}
#registerSteps form div a:hover, #loginloginSteps form div a:hover {
	opacity:1;
}
#registerSteps form div p, #loginloginSteps form div p {
	line-height:26px;
	color:#666;
	text-shadow:1px 1px 1px #FFF;
	font-weight:bold;
}
#registerSteps form div span label {
	width:200px;
	float:left;
	text-align:right;
	margin-right:15px;
	line-height:26px;
	color:#666;
	text-shadow:1px 1px 1px #FFF;
	font-weight:bold;
}
#registerSteps form div label, #loginloginSteps form div label {
	width:160px;
	float:left;
	text-align:right;
	margin-right:15px;
	line-height:26px;
	color:#666;
	text-shadow:1px 1px 1px #FFF;
	font-weight:bold;
}
.cardtype {
	float:right !important;
	padding:0;
	margin:0;
	width:180px !important;
}
#registerSteps form fieldset {
	border:none;
	padding-bottom:10px;
}
#registerSteps form legend, #loginloginSteps form legend {
	text-align:left;
	color:#FFF;
	font-size:21px;
	text-shadow:1px 1px 2px #000;
	font-weight:bold;
	float:left;
	width:590px;
	padding:5px 0px 5px 10px;
	margin:10px 0px;
}
#registerSteps form input:not([type=radio]), #registerSteps form textarea,
#loginloginSteps form input:not([type=radio]), #loginloginSteps form textarea {
	background: #FFF;
	border: 1px solid #DDD;
	outline: none;
	padding: 5px;
	width: 190px;
	float:right;
	opacity:1 !important;
	display: inline-block;
	-moz-transition: background-color 400ms ease-out;
	-webkit-transition: background-color 400ms ease-out;
	-o-transition: background-color 400ms ease-out;
	transition: background-color 400ms ease-out;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.birthday_select {
    width: auto !important;
    font-size:13.5px;
}

#registerSteps form .registerStep div select {
	border: 1px solid #AAA;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	outline: none;
	z-index:110;
	display:block;
	float:right !important;
	padding:0;
	margin:2px 0 0 0;
	width:200px;
	opacity:1 !important;
}
#registerSteps form input:focus, #loginloginSteps form input:focus {
	-moz-box-shadow:0px 0px 3px #AAA;
	-webkit-box-shadow:0px 0px 3px #AAA;
	box-shadow:0px 0px 3px #AAA;
	background-color:#EEE;
	color: #666;
}
#registerSteps form submit {
	background:none;
	border:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
}
#registerSteps form button {
	border:none;
	outline:none;
	display: block;
	cursor:pointer;
	margin: 0px auto;
	clear:both;
	width:100px;
	height:35px;
	text-indent:-5555px;
	background: url(/images/_login-register-submit-btns.png) no-repeat top left;
	-webkit-transition: opacity 400ms ease-out;
	-moz-transition: opacity 400ms ease-out;
	-o-transition: opacity 400ms ease-out;
	transition: opacity 400ms ease-out;
	opacity:1;
}
#registerSteps form button:hover, #registerSteps form button:active {
	background-position: left -35px;
	opacity: .75;
}
#registerSteps form input::-webkit-input-placeholder, #registerSteps form input:-moz-placeholder {
	color: #999;
	float: left;
}
#registerSteps form input:focus, #loginloginSteps form input:focus {
	background-color: #00C;
	color: #FFF;
	opacity: .5;
}
#registerSteps form input:blur, #loginloginSteps form input:blur {
	background-color: #FFF;
	opacity: .5;
	color: #666;
}
#registerSteps form input:focus:required {
	-webkit-transition: all 400ms ease-out;
	-moz-transition: all 400ms ease-out;
	-o-transition: all 400ms ease-out;
	transition: all 400ms ease-out;
	background-color: #FCC;
	color: #333;
}
#registerSteps form input:focus:required:invalid {
	background-color: #FF6633;
	outline: none;
	background: url(/images/ico_validation3.png) 0 2px no-repeat;
	opacity: .5;
}
#registerSteps form input:blur:required:invalid {
	background-color: #FF6633;
	outline: none;
	opacity: .7;
}
#registerSteps form input:focus:required:valid {
	background-color: #093;
	background: url(/images/ico_validation3.png) left -62px no-repeat;
	outline: none;
	opacity:.5;
	float: right;
}
#registerSteps form input:blur:required:valid {
	background-color: #093;
	outline: none;
	opacity: .7;
}

#loginloginSteps form button {
	border:none;
	outline:none;
	display: block;
	cursor:pointer;
	margin: 0px auto;
	clear:both;
	width:100px;
	height:35px;
	text-indent:-5555px;
	background: url(/images/_login-register-submit-btns.png) no-repeat 0 -70px transparent;
	-webkit-transition: opacity 400ms ease-out;
	-moz-transition: opacity 400ms ease-out;
	-o-transition: opacity 400ms ease-out;
	transition: opacity 400ms ease-out;
	opacity:1;
}
#loginloginSteps form button:hover, #loginloginSteps form button:active {
	background:url(/images/_login-register-submit-btns.png) no-repeat 0 -105px transparent;
	opacity:.75;
}

#loginloginSteps form input::-webkit-input-placeholder,
#loginloginSteps form input:-moz-placeholder {
	color: #A6A6A6;
}
#loginloginSteps form input:focus {
	background-color: #00A;
	opacity:.5;
}
#loginloginSteps form input:blur {
	background-color: #FFF;
	opacity:.5;
}

#loginloginSteps form div span .login {
	margin:20px 0 20px 0 !important;
}

#overlay {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: black url(/images/loader.gif) no-repeat scroll center center;
	z-index:9990;
}
#lightbox {
  position: absolute;
  z-index:9999;
}
a.closeBtn {
	position:absolute;
	right:-25px;
	top:-25px;
	float:right; 
	width:60px;
	height:60px;
	margin:0;
	padding:0;
	border:none;
	z-index:9999999;
	text-indent:-5555px;
	background:transparent url(/images/close_btn.png) 0 0 no-repeat;
}
div.fieldWithErrors {
  padding: 2px;
  background-color: red;
  width:100px;
}
/* ################################################
			LOGIN / REGISTER STYLES
################################################### */
#accountContent{
  font-family: Arial;
	margin:15px auto;
	text-align:center;
	max-height: 100%;
	width:650px;
	position:relative;
	display:none;
	z-index:100000;
	font-size: 12px;
}
#accountWrapper {
	-moz-border-radius:10px;
	-webkit-border-radius:10px;

	border-radius:10px;
	background-color:#F9F9F9;
	background: #DEDEDF url(/images/loginBG-grey2.png) 0 0 repeat-x;
	width:650px;
	overflow:hidden;
	-moz-box-shadow:0px 0px 25px #000;
	-webkit-box-shadow:0px 0px 25px #000;
	box-shadow:0px 0px 25px #000;
}
.account-header, .login-header {
	/*background:url(/images/legendBG.png) 0 0 repeat-x;*/
	width:650px;
	padding:0;
	margin:0px;
	-moz-border-radius:0px 0px 10px 10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	height: 50px;
	z-index: 2;
}
.step1 {
	padding: 20px 0 0 0;
	height:300px;
}
#accountNavigation {
	height:45px;
	background-color:#00A;
	background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0, #263D97),
	    color-stop(1, #4470B6)
	);
	background-image: -moz-linear-gradient(
	    center bottom,
	    #4470B6 0%,
	    #263D97 100%
	);
	background:url(/images/login-legendBG.png) 0 0 repeat-x;
	border-top:1px solid #00A;
}
#accountNavigation ul {
	list-style:none;
	float:left;
	margin-left:22px;
}
#accountNavigation ul li {
	float:left;
	border:none !important;
	position:relative;
	margin:0px 2px;
}
#accountNavigation ul li a {
	display:block;
	height:45px;
	background-color:#00A;
	color:#FFF;
	outline:none;
	font-weight:bold;
	font-size: 14px;
	text-decoration:none;
	line-height:45px;
	padding:0px 26px;
	margin:0 4px 0 4px;
	text-shadow:1px 1px 2px #000;
	border:none !important;
	background:#00A;
	background:
		-webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.09, rgb(40,63,153)),
		color-stop(0.5, rgb(67,110,181)),
		color-stop(0.9, rgb(57,89,167))
		);
	background:
		-moz-linear-gradient(
		center bottom,
		rgb(40,63,153) 9%,
		rgb(67,110,181) 55%,
		rgb(57,89,167) 78%
		);
	-moz-box-shadow:0px 2px 3px #000;
	-webkit-box-shadow:0px 2px 3px #000;
	box-shadow:0px 2px 3px #000;
}
#accountNavigation ul li a:hover, #accountNavigation ul li.selected a {
	color:#666;
	text-shadow:1px 1px 2px #FFF;
	background:#C5C5C5;
	background:
		-webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.09, rgb(180,180,180)),
		color-stop(0.5, rgb(198,198,198)),
		color-stop(0.9, rgb(225,225,225))
		);
	background:
		-moz-linear-gradient(
		center bottom,
		rgb(180,180,180) 9%,
		rgb(198,198,198) 50%,
		rgb(225,225,225) 90%
		);
}
span.checked{
	background:transparent url(/images/checked.png) no-repeat top left;
	position:absolute;
	top:0px;
	left:1px;
	width:20px;
	height:20px;
}
span.error{
	background:transparent url(/images/error.png) no-repeat top left;
	position:absolute;
	top:0px;
	left:1px;
	width:20px;
	height:20px;
}
#accountSteps form div {
	float:left;
	clear:both;
	margin:5px 0px;
	background-color:#f4f4f4;
	border:1px solid #FFF;
	width:400px;
	padding:8px;
	margin-left:100px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow:0px 0px 3px #AAA;
	-webkit-box-shadow:0px 0px 3px #AAA;
	box-shadow:0px 0px 3px #AAA;
	color:#666;
}

#accountSteps form div.inputGrouper {
	float:right;
	clear:none;
	margin: 0;
	background-color:#f4f4f4;
	border:none;
	width:202px;
	padding:0;
	margin-left:0;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	-moz-box-shadow:0px 0px 0px #AAA;
	-webkit-box-shadow:0px 0px 0px #AAA;
	box-shadow:0px 0px 0px #AAA;
}

#accountSteps form div span {
	width:200px;
	float:left;
	text-align:right;
	margin-right:15px;
	line-height:26px;
	color:#666;
	text-shadow:1px 1px 1px #FFF;
	font-weight:bold;
}
#accountSteps form div a {
	line-height:26px;
	color:#253696;
	text-shadow:1px 1px 1px #FFF;
	font-weight:bold;
	opacity:.7;
	-moz-transition: opacity 400ms ease;
	-webkit-transition: opacity 400ms ease;
	-o-transition: opacity 400ms ease;
	transition: opacity 400ms ease;
}
#accountSteps form div a:hover {
	opacity:1;
}
#accountSteps form div p {
  font-size: 15px;
	line-height: 22px;
	color:#666;
	text-shadow:1px 1px 1px #FFF;
	font-weight:bold;
}
#accountSteps form div span label {
	width:200px;
	float:left;
	text-align:right;
	margin-right:15px;
	line-height:26px;
	color:#666;
	text-shadow:1px 1px 1px #FFF;
	font-weight:bold;
}
#accountSteps form div label {
	width:160px;
	float:left;
	text-align:right;
	margin-right:15px;
	line-height:26px;
	color:#666;
	text-shadow:1px 1px 1px #FFF;
	font-size: 13px;
	font-weight:bold;
}
.cardtype {
	float:right !important;
	padding:0;
	margin:0;
	width:180px !important;
}
#accountSteps form fieldset {
	border:none;
	padding-bottom:10px;
}
#accountSteps form legend {
	text-align:left;
	color:#FFF;
	font-size: 25px;
	text-shadow:1px 1px 2px #000;
	font-weight:bold;
	float:left;
	width:650px;
	padding: 10px 0 0 15px;
	margin: 0;
	height: 40px;
	border-bottom: 1px solid #00A;
/*	position: relative;*/
}

legend.addressStep {
    text-align:left;
    color:#FFF;
    background-color: #00A;
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #263D97), color-stop(1, #4470B6) );
    font-size: 25px;
    text-shadow:1px 1px 2px #000;
    font-weight:bold;
    float:left;
    width:650px;
    padding: 10px 0 0 15px;
    margin: 0;
    height: 40px;
    border-bottom: 1px solid #00A;
    /*	position: relative;*/
}

#addressStep form legend .card_img {
    position: absolute;
    top: 5px;
    right: 40px;
    height: 35px;
    border: 1px solid #00A;
}

#accountSteps form legend .card_img {
  position: absolute;
  top: 5px;
  right: 40px;
  height: 35px;
  border: 1px solid #00A;
}

#accountSteps form input:not([type=radio]), #accountSteps form textarea {
	cursor: pointer;
	background: #FFF;
	border: 1px solid #DDD;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	outline: none;
	padding: 5px;
	width: 190px;
	float:right;
	opacity:1 !important;
	display: inline-block;
	-moz-transition: background-color 400ms ease-out;
	-webkit-transition: background-color 400ms ease-out;
	-o-transition: background-color 400ms ease-out;
	transition: background-color 400ms ease-out;
}
.month_selection{
width:70px !important;
margin-right:10px !important;
}

.year_selection{
width:120px !important;
}
#accountSteps form .accountStep div select {
	border: 1px solid #AAA;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	outline: none;
	padding: 5px;
	z-index:110;
	display:block;
	float:left;
	padding:0;
	margin:2px 0 0 0;
	width:180px;
	opacity:1 !important;
}
#accountSteps form input:focus {
	-moz-box-shadow:0px 0px 3px #AAA;
	-webkit-box-shadow:0px 0px 3px #AAA;
	box-shadow:0px 0px 3px #AAA;
	background-color:#FCC;
}
#accountSteps form submit {
	background:none;
	border:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
}
/*#accountSteps form button {
  border:none;
  outline:none;
  display: block;
  cursor:pointer;
  margin: 0px auto;
  clear:both;
  width:140px;
  height:48px;
  text-indent:-5555px;
  -moz-box-shadow:0px 0px 3px #AAA;
  -webkit-box-shadow:0px 0px 3px #AAA;
  box-shadow:0px 0px 3px #AAA;
  background:transparent url(/images/regiserBtn.png) top left no-repeat;
}
#accountSteps form button:hover {
  background-position: bottom left;
}*/
#accountSteps form input::-webkit-input-placeholder, #accountSteps form input:-moz-placeholder {
	color: #A6A6A6;
	float:left;
}
#accountSteps form input:focus {
	background-color: #00A;
	color:#FFF;
	opacity:.5;
}
#accountSteps form input:blur {
	background-color: #FFF;
	opacity:.5;
	color:#666;
}
#accountSteps form input:focus:required {
	-webkit-transition: all 400ms ease-out;
	-moz-transition: all 400ms ease-out;
	-o-transition: all 400ms ease-out;
	transition: all 400ms ease-out;
	opacity:.3;
	background-color: #FFEDEF;
	color:#333;
}
#accountSteps form input:focus:required:invalid {
	background-color: #FF6633;
	outline: none;
	background:url(/images/ico_validation3.png) 0 2px no-repeat;
	opacity:.5;
}
#accountSteps form input:blur:required:invalid {
	background-color: #FF6633;
	outline: none;
	opacity:.7;
}
#accountSteps form input:focus:required:valid {
	background-color:#093;
	background:url(/images/ico_validation3.png) left -62px no-repeat;
	outline: none;
	opacity:.5;
	float:right;
}
#accountSteps form input:blur:required:valid {
	background-color:#093;
	outline: none;
	opacity:.7;
}

.finalNotice {
	font: bold 18px Tahoma, Geneva, sans-serif;
}

div#deposit-btn, div#withdrawal-btn {
	border:none;
	width: 100px !important;
	height: 35px !important;
	padding: 0 !important;
	margin: 0 !important;
	outline:none;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	text-indent: 9999px !important;
	-webkit-transition: opacity 400ms ease-out;
	-moz-transition: opacity 400ms ease-out;
	-o-transition: opacity 400ms ease-out;
	transition: opacity 400ms ease-out;
	opacity:1;
	margin-left: 150px !important;
	background-image: url(/images/_deposit-withdraw-update-btn.png);	
	background-position: 0px 0px;
	
}

div#deposit-btn:hover {
	background-image: url(/images/_deposit-withdraw-update-btn.png);	
	background-position: 0px -35px;
}
div#withdrawal-btn {
	background-image: url(/images/_deposit-withdraw-update-btn.png);	
	background-position: 0px -70px;}
div#withdrawal-btn:hover {
	background-image: url(/images/_deposit-withdraw-update-btn.png);	
	background-position: 0px -105px;}
div#update-btn {
	background-image: url(/images/_deposit-withdraw-update-btn.png);	
	background-position: 0px -140px;}
div#update-btn:hover {
	background-image: url(/images/_deposit-withdraw-update-btn.png);	
	background-position: 0px -175px;
}
div#deposit-btn a, div#withdrawal-btn a, div#update-btn a {
	text-indent: 9999px !important;
}

.formContent {
	background: #FFF url(/images/bgtile.jpg) top repeat-x;
	padding: 25px;
	text-align:left;
	/*min-height: 600px;*/
}
.formContent fieldgroup {
	
}
.formContent ul#navigation li {
	font-size: 1.3em;
}
.formContent h1 {
	font-size: 2em;
	color: #009;
	font-weight: bold;
	margin: 0;
}
.formContent p {
	font-size: 1.1em;
	color: #666;
}
.formContent form input, .formContent input.text {
	background: #E1E1E1;
	background: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0, #FFF),
	    color-stop(1, #E1E1E1)
	);
	background: -moz-linear-gradient(
	    center bottom,
	    #FFF 0%,
	    #E1E1E1 100%
	);
	color:#666;
	border:1px solid #696969;
	height:30px;
	width:240px;
	-moz-box-shadow:0px 0px 3px #AAA;
	-webkit-box-shadow:0px 0px 3px #AAA;
	-o-box-shadow:0px 0px 3px #AAA;
	box-shadow:0px 0px 3px #AAA;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all 400ms ease-out;
	-moz-transition: all 400ms ease-out;
	-o-transition: all 400ms ease-out;
	transition: all 400ms ease-out;
	opacity:1;
	padding-left: 4px;
}
.formContent form input:focus, .formContent input.text:focus {
	background: none;
}
.formContent form button {
	float: left;
}
.formContent form textArea {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	background: #E1E1E1;
	background: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0, #FFF),
	    color-stop(1, #E1E1E1)
	);
	background: -moz-linear-gradient(
	    center bottom,
	    #FFF 0%,
	    #E1E1E1 100%
	);
	color: #666;
	padding-left: 4px;
}
.formContent form input:focus {
	opacity:1;
	background-color: #283e96;
	color:#FFF;
	-moz-box-shadow:0px 0px 3px #AAA;
	-webkit-box-shadow:0px 0px 3px #AAA;
	-o-box-shadow:0px 0px 3px #AAA;
	box-shadow:0px 0px 3px #AAA;
}
.formContent form input:blur {
	opacity:1;
	background: #E1E1E1;
	background: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0, #FFF),
	    color-stop(1, #E1E1E1)
	);
	background: -moz-linear-gradient(
	    center bottom,
	    #FFF 0%,
	    #E1E1E1 100%
	);
	color:#666;
}
.formContent form, div#formResponse {
	margin: 2em 0;
	background: #FFF;
	border: 1px solid #AAA;
	padding: 10px 30px 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}
.formContent fieldset {
	margin: 3em 0;
	padding: 1em 20px;
	border: 1px solid #DDD;
}
.formContent fieldset.actions {
	text-align: right;
}
.formContent h2 {
	font-size: 16px;
	text-transform: uppercase;
	color: #F90;
}
.formContent div.fieldPair {
	padding: .5em 0;
	clear: left;
	margin: 2px;
  overflow:hidden;
}
.formContent div.fieldPair div.fieldPair {
	margin-left: 30px;
}
.formContent label, input, select, button {
	font-size: 1.1em;
	line-height: 1.2;
}
.formContent select {
	border: 1px solid #DDD;
	width:240px;
	padding:0;
}
.formContent input.text {
	width: 200px;
	margin-left: 20px;
	float:left;
}
.formContent label {
	width: 160px;
	float: left;
	margin-right: 0.7em;
	text-align: right;
	padding: 6px 0 0 0;
	color: #F90;
}
.password-confirm {
	padding: 0 0 0 0;
	margin-top: -5px;
}
.formContent div.fieldPair div.fieldPair label {
	width: 70px;
}
.formContent input.radio {
	float: left;
}
.formContent label.radio {
	float: none;
}
.formContent form submit {
	border:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
}
.formContent form button, input.update-submit-btn {
	border:none !important;
	outline:none !important;
	display: block;
  float:none;
	cursor:pointer !important;
	margin: 0 !important;
	padding: 0 !important;
	width:100px !important;
	height:35px !important;
	text-indent:-5555px !important;
	background:transparent url(/images/_login-register-submit-btns.png) 0 -140px no-repeat !important;
	clear: both !important;
	-webkit-transition: opacity 400ms ease-out !important;
	-moz-transition: opacity 400ms ease-out !important;
	-o-transition: opacity 400ms ease-out !important;
	transition: opacity 400ms ease-out !important;
	opacity:1 !important;
}
.formContent form button:hover, input.update-submit-btn:hover {
	background-position: 0 -175px !important;
	opacity: .8 !important;
}
input.update-submit-btn {
	margin-right: 150px !important;
}
input --webkit-autocomplete {
  color: #333;
  background: #A6A6A6;
	background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0, #CCC),
	    color-stop(.5, #FFFF)
	);
	background-image: -moz-linear-gradient(
	    center bottom,
	    #CCC 0%,
	    #FFF 50%
	);
}

input#user_avatar {
	float: left;
	background: none;
	border: none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	margin-top: 5px;
}

#accountSteps form div p.note-ach-withdrawal {
	font-size: 13px;
	font-weight:normal;
}

#accountSteps form div p.note-number-only {
	font-size: 10px;
	width: 202px;
	float: right;
	text-align: left;
	clear: both;
}

.guider {
  background: #FFF;
  border: 1px solid #666;
  font-family: arial;
  position: absolute;
  outline: none;
  z-index: 100000005 !important;
  padding: 4px 12px;
  width: 500px;
  z-index: 100;
  
  /* Shadow */
  -moz-box-shadow: 0 0px 8px #111;
  -webkit-box-shadow: 0 0px 8px #111;
  box-shadow: 0 0px 8px #111;
  /* End shadow */
  
  /* Rounded corners */
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  /* End rounded corners */
}

.guider_buttons {
  height: 36px;
  position: relative;
  width: 100%;
}

.guider_content {
  position: relative;
}

.guider_content h1 {
  color: #1054AA;
  font-size: 21px;
}

.guider_content p {
  color: #333;
  font-size: 13px;
}

.guider_description {
  padding-bottom: 10px;
}

.guider_button {
  background: -moz-linear-gradient(top, #5CA9FF 0%, #3D79C3 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5CA9FF), color-stop(100%, #3D79C3));
  background-color: #4A95E0; /* overruled by background gradient, in browsers where they exist */
  border: solid 1px #4B5D7E;
  color: #FFF;
  cursor: pointer;
  display: inline-block;
  float: right;
  font-size: 75%;
  font-weight: bold;
  margin-left: 6px;
  min-width: 40px;
  padding: 3px 5px;
  text-align: center;
  text-decoration: none;
  /* Rounded corners */
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  /* End rounded corners */
}

#guider_overlay {
  background-color: #000;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  z-index: 10;
}

.guider_arrow {
  width: 42px;
  height: 42px;
  position: absolute;
  display: none;
  background-repeat: no-repeat;
  z-index: 100000006 !important;
  
  /**
   * For optimization, the arrows image is inlined in the css below.
   * 
   * To use your own arrows image, replace this background-image with your own arrows.
   * It should have four arrows, top, right, left, and down.
   */
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAACoCAYAAACWu3yIAAAJQ0lEQVR42u2cW2sVVxiGk2xz0EQFTRTBnEBFEpMLDxVyMPceoigRvVFjcqsSTaKCJAhC0Ozkpj+gFPIHWm2htPQfiChoVaqglDYeqP0Hdr3hXWFlZWb2WjNr1syGDHzilT48ew5r3u+bVXHgwIGCqCpWJerr168VeasKAVbPWi+qVtQ6CZ030J2sHaIaRW0UVZc3YIAeFPWNqP2iOkS1imrKGzBAz4g6L2pI1DFRfaL2acCZnxIV79+///PevXvfCYBpUeOihkUN5g0Yfywdr169WpycnPxZABRFTRL4RF6Al0Hl8eLFi88EntWAe7MEXgUqj+fPn3/KE3AoqAL88caNGz9lDVwSNC/AxqAq8NjY2CMCT4i65APYGlQez5498wocG1QDfigAHijAxwncSeBGHdg7qDyePn36IQS4h8AtBG4gcMEG2BmoCnzlypUfXQM7B1WAFxVgPJovKsBY/DSL2solZk2p8zc1UHk8efLkHwH8g4C4T+ALoo5yxbZH1HaevzVRZlMHlcfjx48l8Iyoq1yt9REWd4cNuNAyB1UM/3Xt2rUFATUm6rSoQzxvN4mqDvv5vYPK4+XLl3/cvXt3SoANiNolagt//nyBLi4u/r2wsPAtQXcTtDY3oO/evftSLBYf8sLCeXqYD4XNufjpBeB/MzMzv3Nhfl3UOdrcyyu/nk+tbEABKF51ADgv6raoEb7q9BByBy+k2kxuT2/fvtUBR0WdEnVEVLeoNt6W1CeUvxt+AOCIBtguahstGr+OV7gEFLeb3wh4yxWgM1AATk1N/RoA2O8CMDGoAPziAzA26Js3b/4l4JwPQGvQ169fBwGeTBvQGNQAsC1NwJKgALxz584vBLwp6rIC2OULMBRUZFCfCVjMA+AqUGHwYx4BV8SOYrHwPWPHCQLK2FEFzDTYVYPcs3z5yhVgWDTeqSwWcheNl02zoWzaN2XTECvQ6E6er2dwJ8jqpQ//Ny/wg2QCW6GCJiUoLqrzuF1lBcoOzXmySNAqCbqeF9N+3qam8QDwDYnODO/nQ2TZQbYl0EpeRI28PeFeOoGnlG9QNjfG2ZjrINPSu74EXcfbUhtv+Hg6FfHc9wWJthEf38NkaCXT0iv00hXFn7+ON/ouPkJv+rRKm5P8v/eRpU6+QkvQUKtY7qUNiZ4WewGBNpdBNavbaPWkL6uKzRNBNnVQ3Wo/rc6laRXtoFI2V4BGWcWrSFqgbLLpNlfFOzqoV6uazd4wm6tAI6zeSsOqqc0wUGl1k2IVb55zeKfPwmYgqC+rbE8a2YwCDbWKKMdFW9LGZihogNVul1Zpc8LUZinQMKvzSPAc2LxkajMSNMTqqaRW2di1smkCqlptT2oVDV32Rq1slgSNsop02ZdNU1AnVpPYNAKNsoqmgikoW+ITfIOwsmkDmsgqevdJbBqDRli9bWJVs9lpa9MWVLd6RFpFdy5qsECx2RPHphVoXKscJhhXbDba2owDGmR1NMwqph44onGRNlvi2LQGjbKKznFaNuOChp2rRfTi1ZEMzo9cUGw2xLEZCzTEKt7Fr2NgQIJybuQqJ3I6kthMAqqvrHo4KDCOEQzMi3C4ZYhhVzNtFpJ0RZJabeKAAKYZhjAnwqGW08q40NYkNpOCSqsNTN32cj5kgHVIGcCqT2IzEahitZanwHbezHdzPKhFaVrUJLHpArSSiXUtrW3mWNAWwm9wAZkYVIGt4mlQTega/t1Z48JZM0A2KtRy3Qsti1oDXQNdA012B5Gtz0IeAeU9uZbNsKWmch4B6/jYbeQaYqlNn0fAJi4dO9lmxDLxYJ4AtxGwi8vD4+zLooF7Jo+Ag2xwIAeYRqcbrfGsADdpgP0Mii9zlKmIRpza4c4lYFCzOC+AczQY2nXxCditAI5wIHEO6bVJsy1twPakgE5ADQFP6YBxGmu+AOcBmKRH5QswdrvHCtQA8IgOiGaEC0AjUEtAfBwwj6zUJWBJUO2dvUFZLKiAo2kDmoCqKYiMbHr4LF5hMCoaTxVUyZXqGdXIEOwcP/EpIrj1AWgCWs2IppXhFyLEcWSgamCbB9BaZkgIvQYQJyL7zGq4MAq0hqBI5gaQeSKgzSNoNS+kFmadCGbHEHkjn88FKGHXMTZsYiDbx/MUufwMOh5oz+QBtIo//0Ze+Xv4onWUnQ60Ze4DGN25LEErFdh65vDN7HD08OXrIoEfoN+J5qx3UM2s+oRq5HnbqQBf4suYBP7gHTQuMKYdXALHbTDIyEUmGq0E7g0CxmSOd9CQjEgmHK2cbujl3IgEnsWsUxJg16GWETDm8ryCxgAe5jzeLCYdbYDTjg2dAfvKOUsCY84ZQ9leQZMCYybfK6gFcJ8GXAQwPsnwCmoJPEhgPJqn8ZGLt9gxJvAxrtb8B7kW0XgrFz/ZRuNl12wou/ZN2TXE1nqha6BlDSquKJdVGVBO/m1XcOo4UQ3vgSvGifIAKt/9NzACkgNam3mzXt4nJ0tQNU1p4uvzLiaArUxYlnceyhK0oIS9eximySHCw8o2ScsDrk5BLQcItyoh2mnEk9zCa0jZeGrV55Ml/m2noAWaauZSDGBjyFAR+HLhe44pShtPAaOxYWegis1GrhuR8F1FdipfHbjv2HWu2LvZ9jGy6gRUG3BtoTHEkDNqwIucnx9Nj7Dd025q1RVoVcBn7uPISfU3R26Wdps9KWOriUG1D1ylTWSk94PSZ7R3uB/UqI1VF6DGNuXB/cmsrCYC1Wy20ibCrwdR0bhi1fhcTQoqbTapWzAgYS6VG9lajQ0aYLNX2jTJ7dHMVaz2l7KaBFS1uc/Gpmb1lonVWKAlbBpn9DZW44LqNhFmTSCbt02NuQFgSavWoK5s2lqNA+rMpjy4Y1ykVSvQCJuzSbobAVZXraxsQcNsPkraM1KsngyyarPCD7I5nNSmYvUL9+MLtGoDGmRz0oXNEKtdqlVT0FCbcRpZYQfm82ysGttEP8h1x9jGaiY25YGxTFq9rFjdGGQ1M5ua1ZulrEbZ7EvTpq1V3WadbhONqbTnRbj5ZaRVE5uf0gal1SKt9gVZDbM56MtmgNVBWm1SrUbZLAY1T9M6MHsfZVXfjq6Drb1xnzY1qxMBn7lXBm3whwxpWu3s+jrwyQU3+DsbtMHfqi0T0dHNaliQu8sGbplYFptQ/g/UqiA7u61evwAAAABJRU5ErkJggg==);
  *background-image: url('images/guider_arrows.png');
}

.guider_arrow_right {
  display: block;
  background-position: 0px 0px;
  right: -42px;
}
.guider_arrow_down {
  display: block;
  background-position: 0px -42px;
  bottom: -42px;
}
.guider_arrow_up {
  display: block;
  background-position: 0px -126px;
  top: -42px;
}
.guider_arrow_left {
  display: block;
  background-position: 0px -84px;
  left: -42px;
}
.advanced-slider
{
	position:relative;
	overflow:visible;
	font-family:Arial, Helvetica, sans-serif;
}


.advanced-slider *
{
	margin:0px;
	padding:0px;
}


.slider-item
{
	position:absolute;
	left:-9999px;	
}


.advanced-slider .slide-wrapper
{
	position:absolute;
	overflow:visible;
	z-index:2;
}


.advanced-slider .slide
{
	position:absolute;
	width: 100%;
	height: 100%;
	z-index:10;
}


.advanced-slider .slice
{
	display:block;
	position:absolute;
}


.advanced-slider .preloader
{
	position:absolute;
	z-index:15;
}


.advanced-slider .navigation-arrows a
{
	position:absolute;
	z-index:30;
	cursor:pointer;
}


.advanced-slider .slideshow-controls
{
	position:absolute;
	z-index:40;
	cursor:pointer;
}


.advanced-slider .shadow
{
	position:absolute;
	z-index:1;
}


.advanced-slider .shadow .shadow-left, .advanced-slider .shadow .shadow-right, .advanced-slider .shadow .shadow-middle
{
	float:left;
}


.advanced-slider .timer-animation
{
	position:absolute;
	z-index:60;
}



.advanced-slider .caption
{
	overflow:hidden;
	position:absolute;
	z-index:20;
}


.advanced-slider .caption .wrapper
{
	position:absolute;
}


.advanced-slider .caption .background
{
	position:absolute;
	z-index:10;
	width:100%;
	height:100%;
}


.advanced-slider .caption .content
{	
	position:absolute;
	z-index:20;
}


.advanced-slider .thumbnail
{
	position:relative;
	overflow:hidden;
}


.advanced-slider .navigation-buttons
{
	position:absolute;
	z-index:50;
}


.advanced-slider .navigation-buttons .left, .advanced-slider .navigation-buttons .right, .advanced-slider .navigation-buttons .middle
{
	float:left;
}


.advanced-slider .buttons a
{
	position:relative;
	cursor:pointer;
	float:left;
}


.advanced-slider .buttons .thumbnail
{
	position:absolute;
}

.advanced-slider .navigation-thumbnails
{
	position:absolute;
	z-index:3;
}


.advanced-slider .navigation-thumbnails .visible-container
{
	position:absolute;
	overflow:hidden;
}


.advanced-slider .navigation-thumbnails .container
{
	position:absolute;
	top:0px;
	left:0px;
}


.advanced-slider .navigation-thumbnails .thumbnail
{
	cursor:pointer;
	position:absolute;
}


.advanced-slider .thumbnail .caption
{
	position:absolute;
	width:100%;
}


.advanced-slider .thumbnail .caption .background
{
	position:absolute;	
	width:100%;
	height:100%;
	z-index:10;
}


.advanced-slider .thumbnail .caption .content
{
	position:absolute;
	width:100%;
	z-index:20;
}


.advanced-slider .navigation-thumbnails .arrows a
{
	position:absolute;
	cursor:pointer;
}


.advanced-slider .navigation-thumbnails .buttons
{
	position:absolute;
}


.advanced-slider .navigation-thumbnails .buttons a
{	
	position:absolute;
	cursor:pointer;
}


.advanced-slider .tooltip
{
	position:absolute;
	z-index:9999;
}
body
{
	background-color:#F1F1F1;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#999;
}

.slider
{
	margin:50px auto;
	height:400px;
}


.slider .caption ul
{
	padding-left:20px;
}


/*this is for example_api.html*/
#custom_controls
{
	width:210px;
	margin:0px auto;
}


/*this is for the description of each example and the buttons used to navigate through the examples*/
#example-description
{
	margin:0px;
	padding:0px;
	background-color:#DDD;
	border-top:solid 1px #CCC;
	border-bottom:solid 1px #CCC;
}


#example-description p
{
	color:#666;
	font-style:italic;
	width:750px;
	margin:0px auto;
	padding:10px 0px;
	line-height:18px;
	text-align:center;
}


#example-description #navigation
{
	width:705px;
	height:25px;
	margin:10px auto 0px;
}


#example-description #navigation a
{
	background-color:#F1F1F1;
	text-decoration:none;
	color:#666;
	padding:5px 10px;
	margin:0px 5px;
	border:#CCC solid 1px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}


#flash-notice
{
  background: #f9d336;
  padding: 20px 10px;
  text-align: center;
  font-size: 18px;
  color: #927604;
  font-weight: bold;
  margin: 62px auto 0 auto;
  width: 940px;
}