@charset "utf-8";

@import url(basetags.css);
/* header */
#header{position:absolute; top:0; right:0; width:100%;}
#header .wrap{position:relative; text-align:right;}
#header .wrap ul{display:inline; margin:0 0 0 auto;}
#header .wrap ul li{display:inline; float:right; margin:0 20px 0 0; padding:15px 0; text-align:center;}
#header .wrap ul li a{color:#00b9e9; font-size:100%; text-decoration:underline;}
#header .wrap ul li.exit a{color:#c5c4c6;}
#header .wrap ul li.exit a:hover{color:#000;}
/* header */
/* content */
#wrapper{position:relative; width:100%; min-height:100%; height:auto !important; height:100%;}
#wrapper .indent{padding:170px 0 0 0;}
#wrapper .wrap{position:relative; width:1000px; height:115px; margin:0 auto 0;}
#wrapper .main{height:300px;}

#wrapper .wrap .logo{position:absolute; top:26px; left:104px; width:232px; height:42px;}
#wrapper .wrap .logo a{display:block; width:232px; height:42px; text-decoration:none; background:url(img/logo.png) 0 0 no-repeat;}
#wrapper .wrap .number{position:absolute; top:70px; left:110px; width:235px; font-weight:normal; font-size:16px; line-height:2;}
#wrapper .wrap .number span.value{color:#00b9e9;}

#wrapper .wrap .inlays{position:absolute; top:0; left:360px; width:466px; height:32px; text-align:center;}
#wrapper .wrap .inlays div{display:table; margin:0 auto;}
#wrapper .wrap .inlays div ul li{display:inline; margin:0 10px;}
#wrapper .wrap .inlays div ul li a{color:#000; font-size:100%; text-decoration:none; line-height:32px;}
#wrapper .wrap .inlays div ul li a:hover{text-decoration:underline;}
#wrapper .wrap .inlays div ul li.active a{font-weight:bold;}

#wrapper .wrap .search{position:absolute; top:22px; left:360px; width:540px; height:60px;}
#wrapper .wrap .search form fieldset{position:relative;}
#wrapper .wrap .search form fieldset input.text{position:absolute; top:14px; left:0; width:450px; padding:6px 8px; border:2px solid #d1d1d1; color:#757575; font-weight:bold; font-size:16px;}
#wrapper .wrap .search form fieldset input.button{position:absolute; top:0; left:480px; width:60px; padding:15px 0 16px; border:0; outline:none; color:#FFF; font-weight:bold; font-size:24px; text-align:center; background:url(img/button.png) 0 0 no-repeat;}

#wrapper .wrap .example{position:absolute; top:82px; left:360px; width:466px; line-height:1.4;}
#wrapper .wrap .example p{color:#000; font-size:100%; text-align:center;}
#wrapper .wrap .example p.help{padding:10px 0 0; text-align:left;}
#wrapper .wrap .example p img{float:left; width:29px; height:29px; margin:0 8px 0 0;}
#wrapper .wrap .example a{color:#00b9e9; text-decoration:underline;}
#wrapper .wrap .example a:hover{text-decoration:none;}
#wrapper .empty{height:80px;}

/* content driverslist, driver and comments */
#wrapper .driverslist{width:800px; margin:0 auto 0; padding:0 0 20px 0;}
#wrapper .title p{color:#000; font-size:100%; text-align:center; line-height:2.5;}
#wrapper .driverslist table.list{width:100%; border:1px solid #000;}
#wrapper .driverslist table.list td{padding:5px 10px; text-align:center; border:1px solid #000;}
#wrapper .driverslist table.list td a{color:#000000; text-decoration:underline;}
#wrapper .driverslist table.list td a:hover{text-decoration:none;}
#wrapper dl.comments{width:800px; margin:0 auto 0; padding:0 0 20px 0;}
#wrapper dl.comments dt{padding:5px 0; text-align:center; background:#CCC;}
#wrapper dl.comments dd{padding:15px 0; text-align:center;}
#wrapper .page{width:260px; margin:0 auto; padding:0 0 20px 0; text-align:center;}
#wrapper .page .in{display:table; margin:0 auto;}
#wrapper .page ul li{display:inline; padding:5px;}
#wrapper .page ul li a{color:#00b9e9; font-size:16px;}
#wrapper .page ul li a.active{color:#900;}
#wrapper .page ul li a:hover{text-decoration:none;}

/* content infolist, driver and comments */
#wrapper .infolist{width:800px; margin:0 auto 0; padding:0 0 20px 0;}
#wrapper .title p{color:#000; font-size:100%; text-align:left; line-height:2.5;}
#wrapper .infolist table.list{width:100%; border:1px solid #000;}
#wrapper .infolist table.list td{padding:5px 10px; text-align:left; border:1px solid #000;}
#wrapper .infolist table.list td a{color:#00b9e9; text-decoration:underline;}
#wrapper .infolist table.list td a:hover{text-decoration:none;}
#wrapper .infolist activeh a{color:#05c4c6; text-decoration:underline;}
#wrapper .infolist activeh a:hover{color:#777;}

#wrapper .commentform{width:800px; margin:0 auto 0; padding:0 0 30px 0; text-align:center;}
#wrapper .commentform .item{color:#333; font-size:12px; text-align:center;}
#wrapper .commentform input.text{width:200px; margin:0 0 10px 0; padding:2px; border:1px solid #666; font-size:14px;}
#wrapper .commentform textarea{width:790px; height:100px; margin:0 0 10px 0; padding:2px; border:1px solid #666; font-size:14px;}
#wrapper .commentform input.code{display:block; width:80px; margin:0 0 10px auto; padding:5px; border:1px solid #666; color:#900; font-weight:bold; font-size:20px;}
#wrapper .commentform input.send{font-size:14px;}
#wrapper .commentform img.captcha{float:left; width:88px; height:35px; margin:0 auto; border:1px solid #900; padding:4px;}
/* content driverslist & driver and comments */

/* content */
/* footer */
#footer{position:relative; width:1000px; height:80px; margin:-80px auto 0;}
#footer .wrap{text-align:center;}
#footer .wrap .centering{display:table; margin:0 auto;}
#footer .wrap .centering ul li{display:inline; padding:0 10px;}
#footer .wrap .centering ul li a{color:#00b9e9; font-size:100%; text-decoration:underline; line-height:2;}
#footer .wrap .centering ul li a:hover{text-decoration:none;}
#footer .wrap p.copyright{margin:30px 0 0 0; color:#c5c4c6; font-size:100%; text-align:center;}
#footer .wrap p.copyright span.indent{margin:0 0 0 20px;}
#footer .wrap p.copyright a{color:#c5c4c6; text-decoration:underline;}
#footer .wrap p.copyright a:hover{color:#999;}
/* footer */