@charset "utf-8";

/* ================================================================================== */
/* =============================== index.php [START] ================================ */
/* ================================================================================== */
*{ margin:0px; padding:0px; border:0px; font-family:Arial, Tahoma, Verdana, Helvetica;
   font-size:16px; line-height:20px; color:#ffffff;  background-repeat:no-repeat; }
a{ text-decoration:none; }
a img{ border:0px;}
html{ height:100%; }
body{ background:#aaaeb9; height:100%; }
.tag_p{ text-indent:22px; }
/* =============================== override [START] ================================= */
.override:after, .mde:after, .mdel:after, .mder:after, .mdex:after, .mdey:after, .title:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	
	line-height:0px;
	font-size:0px;
}

.override, .mde, .mdel, .mder, .mdex, .mdey, .title{display: inline-block;}

/* Hides from IE-mac \*/
* html .override, * html .mde, * html .mdel, * html .mder, * html .mdex, * html .mdey, * html .title{height: 1%;}
.override, .mde, .mdel, .mder, .mdex, .mdey, .title{display: block;}
/* End hide from IE-mac */
/* =============================== override [END] =================================== */
/* =============== text  =============== */
/* =============================== mdeul [START] ==================================== */
.mdeul{ position:relative; overflow:hidden; margin:0px; padding:0px; }
.mdeul_bg0 li{ background:url(../graph/shared/ul_sign0.gif) 0px 5px no-repeat; }
.mdeul_bg1 li{ background:url(../graph/shared/ul_sign1.gif) 0px 9px no-repeat; }
.mdeul_bg2 li{ background:url(../graph/shared/ul_sign2.gif) 0px 9px no-repeat; }
.mdeul_bg3 li{ background:url(../graph/shared/ul_sign3.gif) 0px 5px no-repeat; }
.mdeul_bg4 li{ background:url(../graph/shared/ul_sign4.gif) 0px 5px no-repeat; }

.mdeul_bg0o li{ background:url(../graph/shared/ul_sign0.gif) 0px 5px no-repeat !important; }
.mdeul_bg1o li{ background:url(../graph/shared/ul_sign1.gif) 0px 9px no-repeat !important; }
.mdeul_bg2o li{ background:url(../graph/shared/ul_sign2.gif) 0px 9px no-repeat !important; }
.mdeul_bg3o li{ background:url(../graph/shared/ul_sign3.gif) 0px 4px no-repeat !important; }

.set_mdeul_bg0 ul li{ background:url(../graph/shared/ul_sign0.gif) 0px 5px no-repeat !important; }
.set_mdeul_bg1 ul li{ background:url(../graph/shared/ul_sign1.gif) 0px 5px no-repeat !important; }
.set_mdeul_bg2 ul li{ background:url(../graph/shared/ul_sign2.gif) 0px 5px no-repeat !important; }
.set_mdeul_bg3 ul li{ background:url(../graph/shared/ul_sign3.gif) 0px 5px no-repeat !important; }


.mdeul li{
	/*background:url(../graph/_shared/ul_sign1.gif) 0px 4px no-repeat;*/
	padding-left:15px;
	list-style:none;
	position:relative;
	overflow:hidden;
	min-width:80%;
}

.mdeul li p{margin-left:0px; margin-right:0px; position:relative; }
.mdeul_pg8 li{ padding-left:8px !important; }
.mdeul_pm5 li{ padding-bottom:5px !important; }
.mdeul_pm8 li{ padding-bottom:8px !important; }

.span_ab{
	position:absolute;
	left:0px;
}
.mdeul_span_ab{ overflow:visible !important; }
.mdeul_span_ab li{ padding-left:22px !important; }
/* =============================== mdeul [END] ====================================== */
/* =============================== mdedl [START] ==================================== */
.mdedl{ position:relative; overflow:hidden; }
.mdedl dt{
	width:50%;
	float:left;
	position:relative;
	overflow:hidden;
}
.mdedl dd{
	width:50%;
	float:right;
	position:relative;
	overflow:hidden;
}
.mdedl_set1{ width:270px; }
.mdedl_set1 dt{ width:70px; margin-top:3px; }
.mdedl_set1 dd{ width:192px; }
/* =============================== mdedl [END] ====================================== */
/* =============================== mde [START] ====================================== */
.color_white{ color:#ffffff !important; }

.color_orange{ color:#ff7200 !important; }
.color_black{ color:#1a171b !important; }
.color_red{ color:#c80000 !important; }
.color_grey{ color:#707070 !important; }
.color_green{ color:#186f11 !important; }
.color_blue{ color:#a5b1bc !important; }
.color_blue2{ color:#003357 !important; }
.bg_red{ background-color:#b83535 !important; }
.bg_white{ background-color:#ffffff !important; }
.bg_orange{ background-color:#f09214 !important; }
.bg_orange2{ background-color:#e56c00 !important; }
.bg_green{ background-color:#0c8e12 !important; }
.bg_black{ background-color:#1a171b !important; }
.bg_grey{ background-color:#eeefef !important; }
.bg_body{ background-color:#333a40 !important; }
.size10{ font-size:10px !important; line-height:14px !important;}
.size11{ font-size:11px !important; line-height:14px !important;}
.size12{ font-size:12px !important; line-height:15px !important;}
.size14{ font-size:14px !important; line-height:17px !important;}
.size16{ font-size:16px !important; line-height:20px !important; }
.size18{ font-size:18px !important; line-height:22px !important; }
.size20{ font-size:20px !important; line-height:24px !important; }
.size22{ font-size:22px !important; line-height:26px !important; }
.size24{ font-size:24px !important; line-height:28px !important; }

a{
	font: 16px/20px Tahoma, Arial, Verdana, Helvetica;
	color:#a5b1bc;
	text-decoration:underline;
}
a:hover{ color:#a5b1bc; text-decoration:none; }
.under_off{ text-decoration:none; }
.set_bold{ font-weight:bold; }

h1{	font:bold 18px/22px Tahoma, Arial, Verdana, Helvetica; }
/*
h2{	font: 24px/28px Tahoma, Arial, Verdana, Helvetica; }
*/

#main_container, .main_container{
	background:url(../graph/shared/body_bg0.jpg) center 0px no-repeat;
	width:100%;
	position:relative;
	left:0px;
	min-width:990px;
	overflow:hidden;
	min-height:100%;
}

.main_dark{
	background:url(../graph/shared/main_darkbg.gif) 0px 0px repeat-x #23394c;
	width:100%;
	min-width:990px;
	padding:0px 0px 0px 0px;
	position:relative;
	left:0px;
	overflow:hidden;
	line-height:0px;
	font-size:0px;
}


.mde{
	width:990px;
	margin:0px auto 0px auto;
	position:relative;
	/* override */
}

.mdel{
	width:200px;
	position:relative;
	float:left;
	margin-right:-3px;
	/* override */
}


.mder{
	width:795px;
	position:relative;
	float:right;
	margin-left:-3px;
	/* override */
}

.mdex{
	width:590px;
	position:relative;
	float:left;
	margin-right:-3px;
	/*overflow:hidden;*/
}

.mdey{
	width:205px; 
	position:relative;
	float:right;
	margin-left:-3px;
	/* overrride */
}
/* =============================== mde [END] ======================================== */
/* =============================== body [START] ===================================== */
#body_linebg{
	background:url(../graph/shared/body_bg1.gif) 0px 0px repeat-x;
	width:100%;
	min-width:990px;
	height:175px;
	position:absolute;
	left:0px;
	overflow:hidden;
}
/* =============================== body [END] ======================================= */
/* =============================== top [START] ====================================== */
#top{ height:500px; }
/* =============================== top [END] ======================================== */
/* =============================== home [START] ===================================== */
#home{ background:url(../graph/shared/main_darkbg.gif) 0px 0px repeat-x #23394c; height:0px; }
.home_bglt{
	background:url(../graph/shared/main_darkbg.gif) 0px 0px repeat-x #23394c;
	width:10000px;
	height:200px;
	position:absolute;
	left:-10000px;
	top:0px;
	overflow:hidden;
}

.home_bgrt{
	background:url(../graph/shared/main_darkbg.gif) 0px 0px repeat-x #23394c;
	width:10000px;
	height:200px;
	position:absolute;
	left:990px;
	top:0px;
	overflow:hidden;
}

#home_bg{
	background:url(../graph/shared/home/home_bg.jpg) 0px 0px no-repeat;
	width:540px;
	height:200px;
	position:absolute;
	left:-156px;
	top:0px;
	overflow:hidden;
}

#home_ct{
	width:672px;
	height:136px;
	position:absolute;
	left:315px;
	top:45px;
	overflow:hidden;
}
#home_ct, #home_ct *{ font-size:16px; line-height:22px; color:#ffffff; }
#home_ct a{ color:#a5b1bc; text-decoration:underline; }
#home_ct a:hover{ color:#a5b1bc;  text-decoration:none; }
/* =============================== home [END] ======================================= */
/* =============================== top [START] ====================================== */
#top{
	width:100%;
	height:120px;
	position:relative;
	left:0px;
	overflow:hidden;
}

#top_text{
	background:url(../graph/shared/top/top_text.png) 0px 0px no-repeat;
	width:828px;
	height:120px;
	position:absolute;
	top:0px;
	right:0px;
	overflow:hidden;
}

#top_logo{
	background:url(../graph/shared/top/top_logo.png) 0px 0px no-repeat;
	width:196px;
	height:52px;
	position:absolute;
	left:41px;
	top:36px;
	/*cursor:pointer;*/ /*Added*/
}
.topul{
	height:50px;
	position:absolute;
	right:41px;
	top:31px;
	float:right;
	position:relative;
	overflow:hidden;
}
.topul li{
	height:41px;
	padding:9px 0px 0px 0px;
	list-style:none;
	position:relative;
	float:left;
	overflow:hidden;
}
.topul li a{
	height:41px;
	position:relative;
	float:left;
	overflow:hidden;
	z-index:1;
}

.topul li a img{ position:relative; height:41px; }
.topul_sep{ background:url(../graph/shared/top/topul_sep.png) 0px 0px no-repeat; width:1px; }
#topul_1 a img{ background:url(../graph/shared/top/topul_1.png) 0px 0px no-repeat; width:104px; }
#topul_2 a img{ background:url(../graph/shared/top/topul_2.png) 0px 0px no-repeat; width:113px; }

#topul_1 a:hover img{ background:url(../graph/shared/top/hover/topul_1.png) 0px 0px no-repeat; width:104px; }
#topul_2 a:hover img{ background:url(../graph/shared/top/hover/topul_2.png) 0px 0px no-repeat; width:113px; }

.active_arrow{
	background:url(../graph/shared/top/topul_arrow.png) 0px 0px no-repeat;
	width:12px;
	height:10px;
	position:absolute;
	top:0px;
	z-index:2;
	display:none;
}

#topul_1 .active_arrow{ left:55px; }
#topul_2 .active_arrow{ left:43px; }
.topul .active .active_arrow{ display:block; }

/* =============================== top [END] ======================================== */
/* =============================== info [START] ===================================== */
#info{ background:url(../graph/shared/main_darkbg.gif) 0px 0px repeat-x #23394c; height:0px; }
#info_bg{
	background:url(../graph/shared/info/info_bg.gif) 0px 0px no-repeat;
	width:97px;
	height:181px;
	position:absolute;
	left:115px;
	top:0px;
	overflow:hidden;
}

#info_ct{
	width:672px;
	height:136px;
	position:absolute;
	left:315px;
	top:45px;
	overflow:hidden;
}
#info_ct, #info_ct *{ font-size:18px; line-height:26px; color:#ffffff; }
#info_ct a{ color:#a5b1bc; text-decoration:underline; }
#info_ct a:hover{ color:#a5b1bc;  text-decoration:none; }
.mdeul_bginfo li{ background:url(../graph/shared/info/info_sign1.gif) 2px 8px no-repeat; }
.mdeul_bginfo li, .mdeul_bginfo li *{ font-size:16px !important; line-height:25px !important; } /*Added*/
/* =============================== info [END] ======================================= */
/* =============================== ride [START] ===================================== */
#ride{ width:780px; padding:85px 105px 85px 105px; }

#ride_prev, #ride_next{
	width:43px;
	height:68px;
	position:absolute;
	top:85px;
	overflow:hidden;
}
#ride_prev{ left:13px; }
#ride_next{ right:13px; }
#ride_prev img, #ride_next img{ width:43px; height:68px; position:relative;  }
#ride_prev img{ background:url(../graph/shared/ride/ride_prev.png) 0px 0px no-repeat; }
#ride_next img{ background:url(../graph/shared/ride/ride_next.png) 0px 0px no-repeat; }
#ride_prev:hover img{ background:url(../graph/shared/ride/hover/ride_prev.png) 0px 0px no-repeat; }
#ride_next:hover img{ background:url(../graph/shared/ride/hover/ride_next.png) 0px 0px no-repeat; }


#ridebox{ 
	width:780px;
	height:530px; /*nominal*/
	position:relative;
	overflow:hidden;
}
.ridebox_loading{
	background:url(../graph/shared/single/loading.gif) center center no-repeat;
	width:780px;
	height:530px;
	position:relative;
	overflow:hidden;
}

.ridebox_error{
	background:url(../graph/shared/mde/desc/desc_bg.png) 0px 0px repeat;
	width:720px;
	height:470px;
	padding:30px;
	position:relative;
	overflow:hidden;
	text-align:center;
}
.ridebox_error, .ridebox_error *{ font-size:27px; line-height:31px; }
.rideboxul{
	/*background-color:#0099CC;*/
	/*margin-left:-380px;*/
	width:2340px;
	position:relative;
	position:absolute;
	left:0px;
	overflow:hidden;
}
.rideboxul li{
	list-style:none;
	width:1560px; /*780px;*/
	/*padding-right:780px;*/ /*Added*/
	position:relative;
	float:left;
	overflow:hidden;
}

/* =============================== ride [END] ======================================= */
/* =============================== desc [START] ===================================== */
.desc, .desc_img{
	width:780px;
	position:relative;
	overflow:hidden;
}

.desc_ct{
	background:url(../graph/shared/mde/desc/desc_bg.png) 0px 0px repeat;
	width:720px;
	padding:20px 30px 20px 30px;
	position:absolute;
	left:0px;
	top:50%;
	text-align:center;
	display:none;
}
.desc_ct, .desc_ct *{ font-size:27px; line-height:31px; }
/* =============================== desc [END] ======================================= */
/* ================================================================================== */
/* =============================== index.php [END] ================================== */
/* ================================================================================== */