/*------------------------------------------------------------------------------
// Path:		css/common.css
// Version:		v001
// Description:	Styles that are common to the majority of pages
//----------------------------------------------------------------------------*/
body {
	background: #000 url('../img/common/mainbackground.jpg') no-repeat top center;
	color: #FFFFFF;
	font: bold 10px verdana, arial;
	padding: 0px;
	margin: 0px;
}
#wrapper {
	background: #000000 url('../../img/bg_content.png') repeat-y top center;
	width: 1007px;
	padding: 0px;
	margin: 0px auto;
}
.nomargins {
	width: 1007px;
	padding: 0px;
	margin: 0px auto;
}
#logo {
	background:url('../img/common/logo.jpg');
	height:62px;
}


#logohome {
	background:url('../img/common/logo.jpg');
	margin:10px 20px;
}
#floating {
	z-index:10;
	float:right;
	position: absolute;
	top: 111px;
	left:50%;
	width:250px;
	height:800px;
	background:url('../img/girls/girl3.png') no-repeat center;
	margin:0 0 0 220px;
	overflow:hidden;
}
#header {
	background: url('../../img/bg_header.png') no-repeat top center;
	height: 55px;
	text-align:center;
	clear: both;
	margin: 0px 0 1px 0;
	padding:10px 0 5px 0;
}

.opover:hover {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
	border: none;
}
.opover {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	border:none;
}

#tooltip {
	display: none;
	/*background:transparent url(/tools/img/tooltip/black_arrow.png);*/
	background-color: #CCCCFF;
	border: solid 1px #333399;
	font: normal 9px verdana, arial;
	/*height: 70px;*/
    /*width: 160px; */
    padding: 8px;
	color: #000000;
}
.bold {
	font-weight:bold;
}
#contentCell {
	width: 950px;
	min-height:460px;
	position:relative;
	margin:0 auto;
}
.nocontent {
	position:relative;
	margin:0 auto;
	height:435px;
	padding:50px 30px 0 30px;
	background:url(../img/common/noactiveraces.jpg) no-repeat;
}
.firstrace {
	position:relative;
	margin:0 auto;
	height:455px;
	padding:50px 30px 0 30px;
	background:url(../img/common/firstracebg.jpg) no-repeat;
}
a {
	color: #8f78bb;
	text-decoration: none;
}
a:hover {
	color: #a38dcd;
	text-decoration: none;
}
*:focus {
	outline: none;
}
#line {
	width:100%;
	border-top:#444 thin solid;
	margin:10px 0;
}
h2 {
	font: 16px bold Tahoma, Geneva, sans-serif;
}
.track_container {
	background: url(../img/common/mappanel.png) no-repeat top left;
	width:330px;
	height:280px;
	padding:23px 12px 19px 22px;
}
/*------------------------------------------------------------------------------
// Typography classes
------------------------------------------------------------------------------*/
.typo_1 {
	font: normal 11px arial, verdana, tahoma, helvetica;
	line-height:15px;
}
.typo_2 {
	font: bold 12px arial, verdana, tahoma, helvetica;
	line-height:16px;
}
.typo_3 {
	font: bold 20px arial, verdana, tahoma, helvetica;
	line-height:18px;
}
.typo_4 {
	font: bold 15px arial, verdana, tahoma, helvetica;
}
.typo_5 {
	font: normal 14px arial, verdana, tahoma, helvetica;
}
.typo_6 {
	font: bold 14px arial, verdana, tahoma, helvetica;
}
.typo_7 {
	font: bolder 30px arial, verdana, tahoma, helvetica;
}
.typo_8 {
	font: 9px tahoma, verdana, helvetica;
}
.typo_9 {
	font: 11px arial, verdana, helvetica;
	line-height:16px;
}

.typo_20 {
	font: bold 18px arial, verdana, tahoma, helvetica;
	line-height:18px;
}
.typo_small {
	font: 11px arial, verdana, tahoma, helvetica;
}
.typo_small_bold {
	font: bold 11px arial, verdana, tahoma, helvetica;
}
.typo_tahoma_13_normal {
	font: normal 14px arial, verdana, tahoma, helvetica;
}
.typo_tahoma_13_bold {
	font: bold 14px arial, verdana, tahoma, helvetica;
}

.typo_sd {
font: bold 11px tahoma, verdana, helvetica;	
}

.minititle {
	font: bold 11px arial, verdana, tahoma, helvetica;
	color: #9c9c9c;
	line-height:25px;
	margin-bottom:10px;
}
.face_1 {
	color: #9c9c9c;
	text-shadow: 1px 2px 1px #000000;
}
.face_2 {
	color: #bbb;
	text-shadow: 1px 1px 1px #000000;
}
.face_3 {
	color: #fbbf78;
	text-shadow: 2px 2px 1px #000000;
}
.face_4 {
	color: #D7D5DA;
}
.face_5 {
	color: #7E6F82;
}
.face_6 {
	color: #beaddc;
}
.face_7 {
	color:#8878a6;
}
.cash {
	color: #AED15A;
}
.cash_soft {
	color:#8296d2;
}
.creds {
	color:#ffcd00;
}
.creds_soft {
	color:#AD7F24;
}
.face_red {
	color:#af3b4c;
}

.white {
	color:#fff;
}

.inventory {
	width:60px;
}

.violet {
	color:#8f78bb;	
}

.lgray {
color: #999;
	
}

.face_green {
color: #bfd733;	
}

.shdw {
	text-shadow: 1px 2px 1px #000000;
}
.pages {
	background:#333;
	font-size:12px;
	color:#ccc;
}
.pages a, pages a:visited {
	background:#333;
	font-size:12px;
	color:#ccc;
}
.pages a:hover {
	background:#6B8250;
	font-size:12px;
	color:#fff;
}
.pagesactive {
	background:#111;
	font-size:12px;
	color:#9da1a7;
}
/*- -  HELP ---*/

#helper p {
	font-weight:100;
	color:#999;
	font-size: 11px;
}
/*------------------------------------------------------------------------------
// Graphic bars CSS classes (don't change!!)
// This style sheet work in conjunction with function bar($barType,$width,$percent)
------------------------------------------------------------------------------*/
.barGreen {
	background: #12171D url(../img/barBackground_8x14px.png) repeat-x;
	border: 1px solid #2D2E30;
	height: 16px;
}
.barGreenTD {
	background: #A7E14F url(../img/barGreen_8x10px.png) repeat-x;
	height: 10px;
}
.barGreenSmall {
	background: #12171D url(../img/barBackground_8x9px.png) repeat-x;
	border: 1px solid #2D2E30;
	height: 11px;
}
.barGreenSmallTD {
	background: #A7E14F url(../img/barGreen_8x5px.png) repeat-x;
	height: 5px;
}
/* -------------- HEADER STYLES -------------------*/

#logo a {
	color:#dbf1a6;
	text-decoration:none;
	font-size:13px;
}
#logo a:hover, #logo a:visited {
	color:#9382b8;
	text-decoration:underline;
}
#logohome {
	color:#dbf1a6;
	text-decoration:none;
	font-size:13px;
}

.logo_click {
width:300px;
height:50px;
float:left;	

}

.logo_click:hover {
cursor:pointer;	
}

#header_a {
	width:450px;
	height:40px;
	float:right;
	display:inline;
	margin:4px 20px;
}
.header_b {
	color: #c1b6d8;
}
.head_user {
	margin-top:15px;
	font:normal 12px arial, verdana, tahoma, helvetica;
	line-height:17px;
	color:#9486b0;
}
.headbutton {
	padding:9px 0px 0 0px;
	margin-right:10px;
	width:90px;
	float:right;
}
.miniheader {
	background:url(../../img/nav/subtitlebg.png);
	background-repeat:repeat-x;
	background-position:bottom;
	height:20px;
	text-indent:10px;
	color:#eae4f5;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:10px;
}
.miniheader_b {
	background:url(../../img/subtitlebgbig.png);
	background-repeat:repeat-x;
	background-position:bottom;
	padding:0 10px 5px 10px;
	color:#eae4f5;
	height:75px;
}
/* -------------- COMMON BOXES -------------------*/


#leftbox {
	float:left;
	margin-left:0px;
	width:260px;
	position:relative;
}
#rightbox {
	float:right;
	width:670px;
	position:relative;
}
#subleftbox {
	float:left;
	margin-left:0px;
	width:420px;
	position:relative;
}
#subrightbox {
	float:right;
	width:225px;
	position:relative;
}
#lefttabbox {
	float:left;
	margin-left:20px;
	top:15px;
	width:285px;
	position:absolute;
	display:inline;
}
#righttabbox {
	float:left;
	top:15px;
	width:600px;
	margin-left:310px;
	position:absolute;
	display:inline;
}
.minibox {
	width:100%;
	background-image: url("../img/common/miniheader.png");
	background-repeat: no-repeat;
	padding:3px 0 0 14px;
	margin-top:15px;
	*margin-top:0px;
	min-height:120px;
	height:auto;
	font-size:10px;
	font-weight:normal;
}
.minibox h2 {
	margin:-15px 0 20px 0;
	*margin:-6px 0 10px 0;
	color:#8878a6;
	text-shadow: 1px 2px 1px #000000;
	font-size:14px;
	display:  compact;
}

.minibox .clase {
float:right;
margin-right:30px;
}

.microbox {
background-color:#15141b;
border:3px solid #131218 ;	
height:430px;
width:170px;
overflow:hidden;
}
.microbox-border {
border:1px solid #202024;
width: 178px; 
height: 440px; 
float: left;
margin-right:10px;
}

.microbox-cars {
background-color:#15141b;
border:3px solid #131218 ;	
height:453px;
width:248px;
overflow:hidden;
}
.microbox-border-cars {
border:1px solid #202024;
width: 255px; 
height: 455px; 
float: left;
margin-right:10px;
}

.bigpanel {
	background: url(../img/common/frame.png) no-repeat top left;
	width:700px;
	height:482px;
	padding:20px;
	margin:0 auto;
}
.sidebox {
	width: 100%;
	background-image: url("../img/common/sideboxrep.png");
	background-repeat: repeat-y;
}
.sideboxheader {
	background-image: url("../img/common/sideboxa.png");
	background-position: top center;
	background-repeat: no-repeat;
}
.sideboxbottom {
	background-image: url("../img/common/sideboxb.png");
	background-position: bottom left;
	background-repeat: no-repeat;
	padding: 15px 15px 15px 15px;
	min-height:400px;
}
.sideboxbottom_nopad {
	background-image: url("../img/common/sideboxb.png");
	background-position: bottom left;
	background-repeat: no-repeat;
	padding: 5px 5px 5px 5px;
	min-height:430px;
}
.bigbox {
	width: 695px;
	background-image: url("../img/common/bigboxrep.png");
	background-repeat: repeat-y;
}
.bigboxheader {
	background-image: url("../img/common/bigboxa.png");
	background-position: top center;
	background-repeat: no-repeat;
}
.bigboxbottom {
	background-image: url("../img/common/bigboxb.png");
	background-position: bottom left;
	background-repeat: no-repeat;
	padding: 15px 15px 15px 15px;
	min-height:400px;
}
.bigbottomprofile {
	background-image: url("../img/common/bigbox_profile.jpg");
	background-position: bottom left;
	background-repeat: no-repeat;
	padding: 15px 15px 15px 15px;
	min-height:400px;
}
.sidebox_trans_content {
	padding:7px 13px 15px 20px;
}
.sideboxheader_trans {
	background-image: url("../img/common/sidebg_top.png");
	background-position: top left;
	background-repeat: no-repeat;
	min-height:100px;
}
.sideboxbottom_trans {
	width: 335px;
	background-image: url("../img/common/sidebg_bottom.png");
	background-position: bottom left;
	background-repeat: no-repeat;
	padding: 0 0 15px 0;
}
.topbar_trans {
	font:Helvetica, Arial, sans-serif;
	background:url(../img/common/hor_bar.png);
	background-repeat:no-repeat;
	height:75px;
	width:940px;
}
.lowbar_trans {
	font:arial, verdana, tahoma, helvetica;
	background:url(../img/common/bottom_panel.png);
	background-repeat:no-repeat;
	height:91px;
	width:635px;
	padding-left:20px;
}

.pilotstat {
	float:left; margin:-12px 0 0 95px;font-size:11px; font-weight:100; color:#999;
}
.bigcell {
	background-image: url(../img/common/bigtableselector.png);
	text-decoration: none;
	background-position: top left 0px 0px;
	padding-left:30px;
	background-repeat: no-repeat;
}
.bigcellover {
	background-image: url(../img/common/bigtableselector.png);
	background-position: top left 0px -80px;
	padding-left:30px;
	background-repeat: no-repeat;
	color: #000000;
}
/* --- MINI NAVBAR ----- */

.mininavbox {font-size:10px; width:95%; border-top:1px #333 solid; display:block; border-bottom:1px #333 solid; margin:0;height:26px;  background-color:#0f0f14; }
.mininav{height:20px; display:block; text-align:center; float:left; width:400px;margin:-8px 0 0 50px;width:100%;}
.mininav ul li {display:inline; float:left; list-style-type:none; padding:6px 0px; font-size:.9em; font-weight:100; color:#555; }
.mininav ul li a {padding:9px 16px 6px; text-decoration: none; color: #b6aec4; text-transform:uppercase; font-weight:100; margin-left:2px;}
.mininav ul li a:hover {padding:9px 16px 6px; text-decoration: none; background: #341e5b; color: #a888b6;}
.mininav ul li a.current {padding:9px 16px 6px; text-decoration: none; background: #482d74; color: #fff;}
.mininav ul li a img {margin:0px 0 0 0;}

/* ---------- CUSTOM BUTTONS ------------- */
.infobtn {
	float: left;
	background: url(../img/common/btn_1row_left.png) no-repeat;
	padding: 0 0 0 5px;
	margin: 2px 5px 0 0px;
	color:#ccc;
	width:44px;
	text-align:center;
	-moz-border-radius: 3px;
	-webkit-border-radius:3px;
}
.infobtn > a{
	float: left;
	height: 22px;
	background: url(../img/common/btn_1row_stretch.png) repeat-x left top;
	line-height: 21px;
	padding:0 2px;
	color: #fff;
	font-size: 1em;
	text-decoration: none;
	width:35px;
}
.infobtn > span {
	background: url(../img/common/btn_1row_right.png) no-repeat;
	float: left;
	width: 5px;
	height: 22px;
	
}

.infobtn.disabled, infobtn.disabled a, infobtn.disabled a:hover {
filter:alpha(opacity=50);
	-moz-opacity:.50;
	-khtml-opacity: .50;
	opacity: .50;
}

.infobtn.black { background-color:#222;
	 }

.infobtn.black:hover { 
	background-color:#555;
	color:#fff;
	}
	


.buyvcbtn {
	float: left;
	background: url(../img/common/btn_1row_left.png) no-repeat;
	padding: 0 0 0 5px;
	margin: 2px 5px 0 0px;
	color:#ccc;
	width:70px;
	text-align:center;
	-moz-border-radius: 3px;
	-webkit-border-radius:3px;
}
.buyvcbtn > a{
	float: left;
	height: 22px;
	background: url(../img/common/btn_1row_stretch.png) repeat-x left top;
	line-height: 21px;
	padding:0 2px;
	color: #fff;
	font-size: 1em;
	text-decoration: none;
	width:61px;
}
.buyvcbtn > span {
	background: url(../img/common/btn_1row_right.png) no-repeat;
	float: left;
	width: 5px;
	height: 22px;
	
}

.buyvcbtn.disabled, buyvcbtn.disabled a, buyvcbtn.disabled a:hover {
filter:alpha(opacity=50);
	-moz-opacity:.50;
	-khtml-opacity: .50;
	opacity: .50;
}

.buyvcbtn.green { background-color:#b4df03;
	 }

.buyvcbtn.green:hover { 
	background-color:#d4ff23;
	color:#fff;
	}
	
.buycreditsbtn {
	float: left;
	background: url(../img/common/btn_1row_left.png) no-repeat;
	padding: 0 0 0 5px;
	margin: 2px 5px 0 0px;
	color:#ccc;
	width:58px;
	text-align:center;
	-moz-border-radius: 3px;
	-webkit-border-radius:3px;
}
.buycreditsbtn > a{
	float: left;
	height: 22px;
	background: url(../img/common/btn_1row_stretch.png) repeat-x left top;
	line-height: 21px;
	padding:0 2px;
	color: #fff;
	font-size: 1em;
	text-decoration: none;
	width:49px;
}
.buycreditsbtn > span {
	background: url(../img/common/btn_1row_right.png) no-repeat;
	float: left;
	width: 5px;
	height: 22px;
	
}

.buycreditsbtn.disabled, buycreditsbtn.disabled a, buycreditsbtn.disabled a:hover {
filter:alpha(opacity=50);
	-moz-opacity:.50;
	-khtml-opacity: .50;
	opacity: .50;
}

.buycreditsbtn.yellow { background-color:orange;
	 }

.buycreditsbtn.yellow:hover { 
	background-color:#FC0;
	color:#fff;
	}





.glossbtn {
	float: left;
	background: url(../img/common/btn_1row_left.png) no-repeat;
	padding: 0 0 0 5px;
	margin: 2px 5px 0 0px;
	color:#ccc;
	-moz-border-radius: 3px;
	-webkit-border-radius:3px;
}
.glossbtn > a{
	float: left;
	height: 22px;
	background: url(../img/common/btn_1row_stretch.png) repeat-x left top;
	line-height: 21px;
	padding:0 2px;
	color: #fff;
	font-size: 1em;
	text-decoration: none;
}
.glossbtn > span {
	background: url(../img/common/btn_1row_right.png) no-repeat;
	float: left;
	width: 5px;
	height: 22px;
	
}

.glossbtn.disabled, glossbtn.disabled a, glossbtn.disabled a:hover {
filter:alpha(opacity=50);
	-moz-opacity:.50;
	-khtml-opacity: .50;
	opacity: .50;
}

.glossbtn.green { background-color:#b4df03;
	 }

.glossbtn.green:hover { 
	background-color:#d4ff23;
	color:#fff;
	}
	
	
.glossbtn.red { background-color: #900; }
.glossbtn.red:hover { background-color: #F00; }
.glossbtn.yellow { background-color: orange; }
.glossbtn.yellow:hover { background-color:#FC0; }
.glossbtn.blue { background-color: #0f2c67; }
.glossbtn.blue:hover { background-color: #21458c; }
.glossbtn.gray { background-color: #555; }
.glossbtn.gray:hover { background-color: #777; }
.glossbtn.black { background-color: #222; }
.glossbtn.black:hover { background-color: #555; }
.glossbtn.violet {background-color:#4b3675;}
.glossbtn.violet:hover {background-color:#5b428e;}

.btn {	border:none; !important display: block;	text-shadow: 1px 1px 1px #444;	position: relative;	background: #aaa;	padding: 5px;	float: left;	font-weight:bold;	color: #ccc;	text-decoration: none;	cursor: pointer;	margin-right: 10px;}
.btn * {	font-style: normal;	background-image: url(../img/common/btn3.png);	background-repeat: no-repeat;	display: block;	position: relative;}

.btn img {	background: none;	border: none;	display: inline;}
.btn i {	background-position: top left;	position: absolute;	margin-bottom: -5px;	top: 0;	left: 0;	width: 5px;	height: 5px;}
.btn span {	background-position: bottom left;	left: -5px;	padding: 0 0 5px 10px;	margin-bottom: -5px;}
.btn span i {	background-position: bottom right;	margin-bottom: 0;	position: absolute;	left: 100%;	width: 10px;	height: 100%;	top: 0;}
.btn span span {	background-position: top right;	position: absolute;	right: -10px;	margin-left: 10px;	top: -5px;	height: 0;}
* html .btn span, * html .btn i {	float: left;	width: auto;	background-image: none;	cursor: pointer;}
.btn.blue {	background: #0f2c67;}
.btn.red {	background: #C00;}
.btn.green { background: #c4ef0d;}
.btn.black { background: #111;}
.btn.pink {	background: #584089;}
.btn.yellow { background: #ffcd00;}
.btn.black { background: #555;}
.btn:hover { background-image: url(../img/common/transp_box_light.png);	color: #fff;-moz-border-radius: 5px;-webkit-border-radius:5px;}
.btn:active { background-color: #444;}
.btn[class] { background-image: url(../img/common/shade.png);	background-position: top;-moz-border-radius: 5px;-webkit-border-radius:5px;}

.btn[class]:hover {	background-image: url(../img/common/transp_box_light.png); color:#fff;-moz-border-radius: 5px;	-webkit-border-radius:5px;}
* html .btn {	border: 3px double #aaa;}
* html .btn.blue {	border-color: #0f2c67;}
* html .btn.green {	border-color: #a5cf20;}
* html .btn.pink {	border-color: #584089;}
* html .btn.yellow {	border-color:  #C90;}
* html .btn.black {	border-color: #111;}
* html .btn.red {	border-color: #c00;}
* html .btn:hover {	border-color: #2d1932;}

.btnC { display: block; position: relative; background: #aaa; padding: 5px; width: 90px; margin: 5px auto; color: #fff; text-decoration: none; cursor: pointer; text-align: center; }
.btnC * { font-style: normal; background-image: url('../img/common/btn3.png'); background-repeat: no-repeat; display: block; position: relative; }
.btnC i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btnC span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btnC span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btnC span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .btnC span,
* html .btnC i { width: 90px; text-align: center; padding: 0px; display: block; margin: 0px auto; background-image: none; cursor: pointer; color:#fff; }

.btnC[class]:hover { background-image: url(../img/common/transp_box_light.png); color:#fff;-moz-border-radius: 5px;	-webkit-border-radius:5px;}

.btnC.blue {	background: #0f2c67;}
.btnC.green {	background: #a5cf20;}
.btnC.pink {	background: #584089;}
.btnC.yellow {	background: #ffcd00;}
.btnC.black {	background: #555;}
.btnC:hover {	background-image: url(../img/common/transp_box_light.png);	color: #fff; !important}
.btnC:active {	background-color: #444;}
.btnC[class] {	background-image: url(../img/common/shade.png);	background-position: top; -moz-border-radius: 5px;	-webkit-border-radius:5px;}

* html .btnC {	border: 3px double #aaa;}
* html .btnC.blue {	border-color: #2ae;}
* html .btnC.green {	border-color: #a5cf20;}
* html .btnC.pink {	border-color: #584089;}
* html .btnC.yellow {	border-color:  #C90;}
* html .btnC.black {	border-color: #111;}
* html .btnC:hover {	border-color: #2d1932; color:#fff; !important}


.rounded {
	-moz-border-radius: 4px;
	-webkit-border-radius:4px;
}









a.bigbutton {
	background: transparent url('../img/imgbuttons/greenbiga.png') no-repeat scroll top right;
	color: #DDD;
	display: block;
	float: left;
	font: bold 16px tahoma, sans-serif;
	text-shadow: 1px 2px 1px #000000;
	height: 39px;
	margin-right: 6px;
	padding-right: 35px; /* sliding doors padding */
	text-decoration: none;
}
a.bigbutton span {
	background: transparent url('../img/imgbuttons/greenbigspan.png') no-repeat;
	display: block;
	line-height: 30px;
	padding: 4px 8px 5px 8px;
}
a.bigbutton:hover {
	background-position: right center;
	color: #FFF;
	outline: none; /* hide dotted outline in Firefox */
}
a.bigbutton:hover span {
	background-position: left center;
	padding: 4px 8px 5px 8px; /* push text down 1px */
}
a.bigbutton:active {
	background-position: bottom right;
	color: #CCC;
	outline: none; /* hide dotted outline in Firefox */
}
a.bigbutton:active span {
	background-position: bottom left;
	padding: 6px 8px 4px 8px; /* push text down 1px */
}
a.boton {
	display: block;
	width: 43px;
	height: 42px;
	padding: 0px 3px;
	margin-bottom:3px;
	background:url(../img/common/boton.gif) no-repeat 0px 0px;
	color:#666666;
	text-decoration: none;
}
a.boton:hover {
	color:#333333;
	background:url(../img/common/boton.gif) no-repeat 0px -42px;
}
.goprev {
	float:left;
	margin-left:10px;
	margin-top:20px;
	width:250px;
}
.carmodel {
	float:left;
	font-size:14px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	width:400px;
	text-align:center;
}
.gonext {
	float:right;
	margin-right:20px;
	margin-top:20px;
	width:250px;
	text-align:right;
}
a.singleimg:hover {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
	border: none;
}
a.singleimg {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	border:none;
}



/*--------------- COMMON ATTRIBUTES ------------ */
.rmargin {
	margin-right:10px;
	float:left;
}
.lmargin {
	margin-left:10px;
	float:right;
}
.linejump {
	clear:both;
}
#timerflash {
	overflow: visible;
	position: absolute;
	z-index:10;
	top:156px;
	width:990px;
}
.left {
	float:left;
}
.right {
	float:right;
}
.menutopper {
	background:  url('../img/common/topmenu_trans.png') no-repeat left;
	height:60px;
	width:910px;
	padding: 15px 40px 0 15px;
}

*:first-child+html .menutopper { margin-top:0px; }
.menutopper { margin-top /*\**/: -40px\9 } 
.raceoverview {
	width: 950px;
	height: 390px;
    margin:0 15px 10px 15px;
	background: transparent url(../img/common/bg_configrace.png) no-repeat bottom
}
.raceoverview_soft {
	width: 950px;
	height: 390px;
    margin:0 15px 10px 15px;
	background: transparent url(../img/common/bg_configrace_soft.png) no-repeat bottom
}
.racecarconfig {
	height: 390px;
	background: transparent url(../img/common/bg_carconfig.gif) no-repeat bottom right;
}
.pilot:hover {
	border: 1px solid #888;
	padding: 3px;
}
.pilot {
	background-color: black;
	border: 1px solid #555;
	padding: 3px;
}

.piece {
	background-color: black;
	border: 1px solid #555;
	padding: 3px;
}

#dlg_msg {
	display:table;
	position: absolute;
	vertical-align:middle;
	font-size:14px;
	z-index: 100;
	width: 550px;
	text-align: center;
	margin: 10px 0px 0 240px;
	height: 85px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}


#dlg_msg_b {
	display: table-cell; 
	vertical-align: middle;
	
}


#dlg_msg_c {
	position: relative;
	
}

.error {
	background-image: url(../img/common/warning_box.png);	
	color: #CB2E20;
	position: relative;
}

.message {
	background-image: url(../img/common/warning_box.png);
	position:relative;
	
}

.alert {
	background-image: url(../img/common/warning_box.png);	
	color:#ff9600;
	position: relative;
	
}

/* ---- FORMS ---- */
.formFieldBlock {
	margin:12px 0;
	font:11px #CCC Arial, Helvetica, sans-serif;
	font-weight:100;
}
input[type="text"] {
	color: #FFFFFF;
	background-color:#413C43;
	border: 1px solid #352f43;
	padding:1px 4px;
}
input[type="password"] {
	color: #FFFFFF;
	background-color:#413C43;
	border: 2px solid #352f43;
	padding:1px 4px;
}
input[type="select"] {
	color: #FFFFFF;
	background-color:#413C43;
	border: 2px solid #352f43;
}
input [type="image"] {
	border: none;
	background:none;
}
.custominput {
	border: 2px solid #352f43;
	padding: 1px 4px;
	/** remember to change image path **/
	background:#413C43 url(../img/common/formbg.png) repeat-x top left;
	font-family: tahoma, Arial, verdana, helvetica;
	font-style: normal;
	font-size: 12px;
	line-height:16px;
	color: #CAD0E1;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	
}
.ui-select-menu { float: left; margin-right: 10px; }

.custominput: focus {
	border: 1px solid #4a4f5e;
	/** remember to change image path **/
	background:#413C43; url(../img/common/formbg.png) repeat-x;
	font-family: arial, verdana, tahoma, helvetica;
	font-style: normal;
	font-size: 11px;
	color: #CAD0E1;
}

.customselect {
	border: 1px solid #221D29;
	font-family: arial, verdana, tahoma, helvetica;
	font-style: normal;
	font-size: 11px;
	color: #CAD0E1;
	 width: 120px;
	 z-index:2;
}

.customselect_cars {
	border: 1px solid #221D29;
	font-family: arial, verdana, tahoma, helvetica;
	font-style: normal;
	font-size: 11px;
	color: #CAD0E1;
	 width: 120px;
	 z-index:2;
	 float:left;
}

/** You can use this style for your LABEL elements **/
.labelinput {
	font-family: arial, verdana, tahoma, helvetica;
	font-style: normal;
	font-size: 13px;
	color: #9ca2b5;
}
/** 
* You can use this style for your INPUT, TEXTAREA, SELECT elements 
* for onmousefocus event
**/
.labelinput:focus {
	border: 1px solid #FFFFFF;
	/** remember to change image path **/
	background: no-repeat #FFFFFF;
	color: #ffffff;
}
/*---- RPAGER ----*/
.RPager td {
text-align:center;
font-size:12px;
line-height:14px;
border:1px #1d1134 solid;

}

.RPager a{
color:#777;
padding: 4px;
}

.RPager a:hover {
color:#fff;
}

.RPager td:hover {
background:#49316b;	
color:#fff;
cursor:pointer;
}



/*---- WELCOME SECTIONS ----*/

#menuBar #loginForm {
	float: right;
	height: 32px;
	padding: 5px;
	margin-right: 25px;
}
#forgotPasswordLink {
	margin-left: 10px;
	vertical-align: middle;
}
#loginSendButton {
	border: none;
	vertical-align: -5px; /* half the height of the image? */
}
#home_toplogin {
	background:url(../img/common/toplogin.gif) no-repeat top center;
	height:32px;
	margin:0px auto;
}
.loginbar_content {
	float:right;
	margin:6px 30px;
	color:#826f87;
	font-size:11px;
	font-family:arial, verdana, tahoma, helvetica;
}
#home_wrapper {
	width: 1007px;
	padding: 0px;
	margin: 0px auto;
}
#welcome_content {
	padding:5px 20px;
}
#welcome_step1 {
	padding:5px 20px;
	background: url(../img/common/register_bg.jpg) no-repeat left bottom;
	margin:5px 20px;
}
.bloque3 {
	float:left;
	width:300px;
	margin:10px 25px;
	font-size:10px;
	font:arial, verdana, tahoma, helvetica;
	color: #999;
	font-weight:100;
	line-height: 20px;
}
.bloque3 h3 {
	color:#fff;
}
.drivertitle {
	font: 10px arial, verdana, tahoma, helvetica;
	color: #fff;
	text-align:right;
	padding-right:10px;
}

.driverlabel{
	font: 10px arial, verdana, tahoma, helvetica;
	color: #fff;
	text-align:right;
	padding-right:10px;
	width:
}

.statbox {
	border:1px #2e2e2e solid;
}

.statcolor {
	height: 5px;
	background: #a9e151 url(../img/stats/blue.gif) repeat-x;
	border-right:1px #FFF solid;
	/*display: inline-block;*/
	float: left;
	display: inline;
}

.statbg {
	height: 5px;
	background: #696969 url(../img/stats/gray.gif);
	/*display: inline-block;*/
	float: left;
	display: inline;
}


.carstat {
	background:url(../img/common/statbg3.png) no-repeat;
	margin:-5px 0 0 0px;
	padding:0px 0px 0px 3px;
	height:11px;
}
.driverstat {
	font-size:9px;
	font-weight:100;
	color:#999;
}

.configbox {
	width:170px;padding:2px; margin:0px 22px 11px 7px; height:164px;float:left;display:inline;
}

/*^ ---------------------- GARAGES ------------ */
.garagelevel1 {
	background: url(../img/garage/level1.jpg);
	background-repeat:no-repeat;
	width: 956px;
	height:496px;
}
.garagelevel2 {
	background: url(../img/garage/level2.jpg);
	background-repeat:no-repeat;
	width: 956px;
	height:496px;
}
.garagelevel3 {
	background: url(../img/garage/level3.jpg);
	background-repeat:no-repeat;
	width: 956px;
	height:496px;
}
.garagelevel4 {
	background: url(../img/garage/level4.jpg);
	background-repeat:no-repeat;
	width: 956px;
	height:496px;
}
.garagelevel5 {
	background: url(../img/garage/level5.jpg);
	background-repeat:no-repeat;
	width: 956px;
	height:496px;
}
.carimage {
	float:left;
	position:absolute;
	left:380px;
	top:90px;
}
.carname {
	margin:3px 5px 5px 5px;
	color:#ccc;
	font-size: 12px;
}
.lockedcar {
	float:left;
	top:150px;
	left:550px;
	position:absolute;
	z-index:4;
}

.garageslots {
padding-right:10px;
padding-bottom:10px;
letter-spacing:-2px;
	
}

.sepline {
	background:url(../img/common/linespe.png) no-repeat center center;
	margin:5px 0;
	width:100%;
	height:11px;
}

.listParts {
  height:392px;
  left:320px;
  position:relative;
  top:-383px;
  width:590px;
  z-index: 10;
}
.listItem {
  float: left;
  padding:13px;
  width:160px;
  border: 1px solid #2D2E30;
}

.garageupgrade {
	position: relative; 
	float:right; 
	z-index:10; 
	top:-50px; 
	
	
}

.carslots {
	background: url(../img/imgtexts/garageslot.png);
	background-repeat:no-repeat;
	text-align:right;
	font-size:13px;
	height:29px;
	padding:5px 0 0 0;
}


/* -------------- RACES ---------------- */

.gear-wizard-1 {
	background:url(../img/common/gears_wizard.png) -122px 0px no-repeat;
	height:20px;
	width:135px;
	padding:15px 0 0px 0;
}

.gear-wizard-2 {
	background:url(../img/common/gears_wizard.png) -92px 0 no-repeat;
	height:20px;
	width:135px;
	padding:15px 0 0px 0;
}

.gear-wizard-3 {
	background:url(../img/common/gears_wizard.png) -62px 0px no-repeat;
	height:20px;
	width:135px;
	padding:15px 0 0px 0;
}

.gear-wizard-4 {
	background:url(../img/common/gears_wizard.png) -32px 0 no-repeat;
	height:20px;
	width:135px;
	padding:15px 0 0px 0;
}

.gear-wizard-5 {
	background:url(../img/common/gears_wizard.png) -2px 0 no-repeat;
	height:20px;
	width:135px;
	padding:15px 0 0px 0;
}

.racepoints_number {
	font: bold 30px arial, verdana, tahoma, helvetica;
	line-height:28px;
	marging:0 0 5px 0;
	float:right;
}

.racepoints_number_total {
	font: bold 30px arial, verdana, tahoma, helvetica;
	line-height:28px;
	marging:0 0 5px 0;
	float:right;
}

.raceposition {
height:30px;
width:320px;
font-size: 18px;
text-align:center;
margin:6px auto 0 auto;

}

.stafftit {
	background:url(../img/common/miniheader_staff.png)  top center no-repeat;
    color:#fff;
	width:100%;
	height:20px;
	margin:5px 0 10px 0;
}


.racebonus {
float:left;
width:140px;
height:40px;
padding:30px auto 0 0;
margin:15px 0 0 0;
font-family:arial, verdana, tahoma, helvetica;
color:#e8ff37;	
text-align:center;
}

.racebonus .number {
	margin-top:10px;
	line-height:18px;
	font-size:20px;
	letter-spacing:-1px;
	
}

.racebonus .text {
	font-size:11px;
}

.smallbutton {
	background:url(../img/common/smallbutton.png) no-repeat top left;
	width:105px;
	height:28px;
	padding:3px 0 0 0;	
	margin:0 auto;
}

.race_effects {
width:160px; height:180px;float:left;margin:100px 0px 0 0;text-align:center; padding:10px auto 0 auto	
}

.bg_analysis {
	background:url(../img/common/bg_endrace2.jpg) no-repeat top left; width:100%; height:330px;
}

.trans_bg {
background:url(../img/common/transp_box.png);	
}

.trans_bg_light {
background:url(../img/common/transp_box_light.png);	
}
/* -------------- STAFF ------------------ */
.codriverbg {
	background: url(../img/common/bg_codriver.jpg);
	background-repeat:no-repeat;
	width: 937px;
	height:460px;
	padding:20px;
}
.staffdef {
	background: url(../img/imgtexts/codriverpanel.png);
	background-repeat:no-repeat;
	width: 255px;
	height:190px;
	padding:40px 30px 0 30px;
	font:11px Arial, Helvetica, sans-serif;
	color:#999;
	line-height:16px;
}
/* -------------- DRIVERS ---------------- */
.drivercontainer {
	background: url(../img/common/driversbg.jpg);
	background-repeat:no-repeat;
	width: 936px;
	height:460px;
	padding:20px;
}
.driverlevel {
	background: url(../img/common/levelframe.gif);
	background-repeat:no-repeat;
	width: 142px;
	height:33px;
	color:#cfe34b;
	font-size:16px;
	text-align:center;
	margin:8px 0;
	padding: 7px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
}

.pilotlocked {
	position: absolute;
	margin-top:10px;
}

/* created by louis */
.pilotlockedinlist {
	position: relative;
	* position: inherit;
	
}

#registrationForm label {
	font-size:12px;
	color:#9ca2b5;
	line-height:18px;
}


/* -------------- BANK ---------------- */
.bankcontainer {
	background: url(../img/common/bank_bg.jpg);
	background-repeat:no-repeat;
	width: 936px;
	height:420px;
	padding:20px;
}

.convertcontainer {
	background: url(../img/common/convert_bg.jpg);
	background-repeat:no-repeat;
	width: 936px;
	height:420px;
	padding:20px;
}

.creditsbox {
	background: url('../img/imgbuttons/purchasepack.png') no-repeat left;
	cursor:pointer;
	cursor:hand;
	float:left;
	width:129px;
	height:185px;
no-repeat top left;
	text-align:center;
	margin:15px 10px 20px 0px;
}
/* -------------- MARKET ---------------- */
.carstore {
	background: url(../img/common/bg_carstore.jpg) center;
	background-repeat:no-repeat;
	width: 100%;
	height:420px;
/* 	padding:20px */
  padding-bottom: 20px;
  padding-top: 20px;
  padding-left: 10px;
}

.driverstore {
	background: url(../img/common/bg_driverstore.jpg);
	background-repeat:no-repeat;
	width: 675px;
	height:420px;
	padding:20px;
}
.moneybox {
	background: #314506  url(../img/common/bgcellround_trans.png) center left no-repeat;
	border: solid 2px #516516;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	height:115px;
	position:absolute; 
	margin:150px 0 0 460px; 
	width:120px; 
	padding:10px 5px 0px 5px;
	text-align:center;
	
}
.creditbox {	
	background:#6F4C02 url(../img/common/bgcellround_trans.png) center left no-repeat;
	border: solid 2px #6F4C02;
	position:absolute; 
	margin:10px 0 0 460px; 
	padding:10px 5px 0px 5px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	width: 120px;
	height:115px;
	text-align:center;
}

.disabledbox {
	background:#333 url(../img/common/bgcellround_trans.png) center left no-repeat;
	border: solid 2px #444;
}

.payment {
	float:right;
	top:10px;
	font-size:15px;
}

.partstorecontainer {
	background: url('../img/common/bg_partstore.jpg');
	background-repeat:no-repeat;
	width: 956px;
	height:456px;
}

.partstoreseller {
position:absolute;
float:right;
margin:0 0 0 746px;
text-align:right;
z-index:30;
}

.store-cell {

	padding:4px 0px 0 12px;		
}

.items .item {
  background:url(../img/common/market_cell.png) top left no-repeat;
  width: 221px;
  padding:2px 0px 0 0px;	
  height: 105px;
  float: left;
  margin:1px 3px 1px 2px;
  color:#bbb;
  filter:alpha(opacity=80);   /* Internet Explorer       */
	-moz-opacity: 0.80;			/* Mozilla 1.6 and below   */
	opacity: 0.80;   
}




.items .item_disabled {
  background:url(../img/common/market_cell_disabled.png) top left no-repeat;
  width: 221px;
  padding:2px 0px 0 0px;	
  height: 105px;
  float: left;
  margin:1px 3px 1px 2px;
  color:#A74F45;
  filter:alpha(opacity=80);   /* Internet Explorer       */
	-moz-opacity: 0.80;			/* Mozilla 1.6 and below   */
	opacity: 0.80;   
}

.items .item_disabled_premium {
  background:url(../img/common/market_cell_premium_disabled.png) top left no-repeat;
  width: 221px;
  padding:2px 0px 0 0px;	
  height: 105px;
  float: left;
  margin:1px 3px 1px 2px;
  color:#a98fcb;
  filter:alpha(opacity=80);   /* Internet Explorer       */
	-moz-opacity: 0.80;			/* Mozilla 1.6 and below   */
	opacity: 0.80;   
}


.items .item_premium {
	background:url(../img/common/market_cell_premium.png) top left no-repeat;
	  width: 221px;
  padding:2px 0px 0 0px;	
  height: 105px;
  float: left;
  margin:1px 3px 1px 2px;
  color: #a98fcb;
  filter:alpha(opacity=80);   /* Internet Explorer       */
	-moz-opacity: 0.80;			/* Mozilla 1.6 and below   */
	opacity: 0.80;   
  

}

.items .item:hover, .items .item_premium:hover,.items .item_disabled:hover,.items .item_disabled_premium:hover  {
	cursor: pointer;
	filter:alpha(opacity=100);   /* Internet Explorer       */
	-moz-opacity: 1;			/* Mozilla 1.6 and below   */
	opacity: 1;   
	
}

.item-title {
padding:3px 0 6px 12px;	
}

.item-title_premium {
padding:3px 0 6px 12px;	
}



.item-class {
float: right;
padding:3px 6px 6px 0px;	
}

.item-info {
padding:2px 0 0 12px;
font-family: Verdana, Geneva, sans-serif;
font-size:10px;
}

.item-info .icon{
float: left;
margin-right:8px;	
}

#market_list {
  margin: 0 auto;
}

.red_part {
  background:url(../img/common/market_cell_disabled.png) top left no-repeat; !important
}

.market_bg {
width: 759px;
background: url(../img/common/bg_market.jpg) top left no-repeat;
float: left;
height:440px;
}

.market_left {
width:38px;
cursor:pointer;
height:430px;
background:url(../img/common/goleft_off.png) center left no-repeat;	
}

.market_left:hover, .market_mini_left:hover {
background: url(../img/common/goleft_on.png) center left no-repeat;	
}

.market_right {
width:38px;
cursor:pointer;
height:430px;
background:url(../img/common/goright_off.png) center right no-repeat;	
}

.market_right:hover, .market_mini_right:hover  {
background: url(../img/common/goright_on.png) center right no-repeat;	
}


.market_mini_left {
width:30px;
cursor:pointer;
height:170px;
background:url(../img/common/goleft_off.png) center left no-repeat;	
}

.market_mini_right {
width:30px;
cursor:pointer;
height:170px;
background:url(../img/common/goright_off.png) center right no-repeat;	
}



.infoPopup {
  background:url(../img/common/marketpopup.png) top left no-repeat;
	padding:20px;
  position:absolute;
  width:600px;
  height:371px;
  top:20px;
  margin:0 auto;
  left:240px;
  z-index:5;
}

.infoPopupWall {
  z-index:3;
  background: white;
  opacity:0.4;
  filter:alpha(opacity=40);
  position: absolute;
  width: 100%;
  display: none;
  text-align: center;
}

.infoPopupWall img {
  position: absolute;
  top: 400px;
  opacity: 0.9;
  filter:alpha(opacity=90);
}

.popup_close {
	width: 70px; padding-right:30px;height:50px;cursor: pointer; position:absolute; left:500px;
}

.warning_msg { 
background: url(../../css/images/ui-bg_diagonals-thick_60_dd8469_40x40.png) top left;
border:2px #900 solid;
color:#fff;
width:100%;
min-height:20px;
padding:6px;
margin:6px 0;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
opacity: 0.6;
  filter:alpha(opacity=60);
}



/*^ ---------------------- BIG LISTS ------------ */
.raceindex {
	float:left;
	margin-left:10px;
	margin-right:5px;
	margin-top:10px;
	width:30px;
	height:40px;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#999;
}
.raceclassicon {
	float:left;
	margin-left:5px;
	margin-top:10px;
	width:90px;
	height:50px;
	text-align:center;
}
.raceconfiguration {
	float:left;
	margin-left:10px;
	margin-top:10px;
	width:215px;
	height:70px;
	text-align:left;
}
.racedescription {
	float:left;
	margin-left:5px;
	margin-top:10px;
	width:280px;
}
.raceresult {
	float:left;
	margin-left:5px;
	margin-top:10px;
	width:240px;
}
#races_list_wrapper {
	width: 957px;
	margin: 2px auto;
	clear: both;
	border: solid 1px #333333;
}
.frame_selector {
	background:url(../img/common/bgcellround.png) bottom left no-repeat;
	border: solid 2px #27282A;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
.frame_piece {
	float: left;
	margin-left: 8px;
	margin-top: 20px;
	background: url(../img/common/bgcellround.png) top left no-repeat;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	filter:alpha(opacity=90);   /* Internet Explorer       */
	-moz-opacity: 0.90;			/* Mozilla 1.6 and below   */
	opacity: 0.90;               /* newer Mozilla and CSS-3 */
	border: solid 1px #222222;
	width: 166px;
	height: 96px;
}
.frame_fuel {
	float: left;
	margin-left: 6px;
	margin-top: 20px;
	background-color: #753045;
	filter:alpha(opacity=50);   /* Internet Explorer       */
	-moz-opacity:0.85;           /* Mozilla 1.6 and below   */
	opacity: 0.85;               /* newer Mozilla and CSS-3 */
	border: solid 2px #662222;
	width: 166px;
	height: 76px;
}
#raceaction {
	/*background:url(../img/common/actions.png) top left no-repeat;*/
	width:470px;
	height:70px;
}
.carconfigicon {
	margin-left:120px;
	z-index:3;
	position:absolute;
}
.racepoints {
	width:230px;
	height:50px;
	margin:10px 0px 0 20px;
}
.actionbutton {
	width:210px;
	height:40px;
	margin:15px 0px 0 10px;
}

.racetitles {
background: url(../img/common/bgraces.jpg) no-repeat bottom center; width:955px; height:85px;margin:-10px auto 0 auto;	
}
#footerwelcome {
	
	height: 28px;
	padding-top: 20px 0 0 0;
	text-align: center;
	clear: both;
	font-size:10px;
	color: #666;
	font-weight:100;
	overflow:hidden;
}

#footerall
{
	background:url(../img/common/footer.png) bottom no-repeat;
	height: 28px;
	width:1007px;
	margin:0 auto;
	padding-top: -20px 0 0 0;
	text-align: center;
	clear: both;
	font-size:10px;
	color: #666;
	font-weight:100;
	overflow:hidden;
}

#sld_fuel .ui-slider-handle{
  width: 2em;
  height: 2em;
}

.warning-dialog {
position: absolute;
top:0px;
left:0;

z-index:1000;
width:100%;
height:100px;
background:url(../img/common/warning_box.png) 50% 50% no-repeat;
color:#fff;
font-size:12px;
text-align:center;
}

.warning-dialog p{
	width:400px;
	margin:40px auto 0 auto;
}


/* DIALOG STYLES */

.ui-dialog-content .title{
font-size: 14px;
line-height:20px;	
margin:5px 0;
color:#8f78bb;
}

.ui-dialog-content .desc{
color:#999;	
font-size:12px;
line-height:15px;

}



/* CUSTOM SCROLLS */


/*Page related styles for you to view*/
#mycustomscroll {
	/* Typical fixed height and fixed width example */
	width: 300px;
	height: 200px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative; 
	margin: 0.3em auto;
	padding: 15px;
}

#mycustomscroll2 {
	/* Typical fixed height and fixed width example */
	width: 340px;
	height: 250px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	background-color: #D5EADE;
	margin: 0.3em auto;
	padding: 15px;
}

.fixedwidth {
	/* a wide div is used for creating horizontal scrollbars for demonstration purposes */
	width: 550px;
	height: auto;
	position: relative;
	color: black;
	padding: 1px;
}

/* general page style ends here */




.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}
/* Scroll Bar Master Styling Starts Here */
/* comments can freely be removed from this file */

/* do not modify .scrollgeneric class, required for proper operation */
.scrollgeneric {
line-height: 1px; font-size: 1px;
position: absolute; top: 0; left: 0;
}

.vscrollerbase, .vscrollerbar {
width: 15px;

}

.hscrollerbase, .hscrollerbar {
height: 15px;
}

.vscrollerbar, .hscrollerbar {
/*padding information of these elements are only used for
padding of the scroll-bar with respect to the scroll base,
the paddin will automatically be turned off by the script*/
padding: 15px;
background: url(../img/scroll/vscroller.png) 0px center;
/* z-index for scrollbars no longer has to be given as of version
1.7.5 for correct operation, but it is still recommended, as this
decides the z-index for content.*/
z-index: 2;
}
.vscrollerbarbeg {
/*top image holder for vertical scroll bar*/
background: url(../img/scroll/vscroller.png) 0px -10px;
width: 15px;
/* height is auto set by the script to fit the scrollbar */
}

.vscrollerbarend {
/*bottom image holder for vertical scroll bar*/
background: url(../img/scroll/vscroller.png);
width: 15px; height: 10px;
}

.hscrollerbarbeg {
/*left image holder for horizontal scroll bar*/
background: url(../img/scroll/hscroller.png) -10px 0px;
height: 15px;
/* width is auto set by the script to fit the scrollbar */
}

.hscrollerbarend {
/*right image holder for horizontal scroll bar*/
background: url(../img/scroll/hscroller.png);
height: 15px; width: 10px;
}

/* Following are OPTIONAL */

.vscrollerbase, .hscrollerbase {
background-color: #3e2b65;
background-image: url(../img/scroll/scrollbaseback.png);
}

.hscrollerbasebeg {
height: 15px;
background: url(../img/scroll/scrollbases.png) -22px -6px no-repeat;
/* width is auto set to fill the base */
}

.hscrollerbaseend {
height: 15px; width: 7px;
background: url(../img/scroll/scrollbases.png) 0% -6px no-repeat;
}

.vscrollerbasebeg {
width: 15px;
background: url(../img/scroll/scrollbases.png) -8px -15px no-repeat;
/* height is auto set to fill the base */
}

.vscrollerbaseend {
height: 15px; width: 15px;
background: url(../img/scroll/scrollbases.png) -8px 0px no-repeat;
}

.scrollerjogbox {
width: 15px; height: 15px;
top: auto; left: auto; bottom: 0px; right: 0px;
background: white url(../img/scroll/scrolljog.png) 50% 50%;
}
/* Scroll Bar Master Styling Ends Here */