@charset "utf-8";

/*
File Name   : euro5.css
Author      : kesan
for 		: KME
*/



*{margin:0; padding:0;}
html,body{height:100%;}

ul, li	{list-style:none;}
img, fieldset { border:none; }
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#222222;
	line-height:18px;
	scrollbar-face-color: #ffffff;
	scrollbar-shadow-color: #ffffff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-3dlight-color: #E5E5E5;
	scrollbar-darkshadow-color: #E5E5E5;
	scrollbar-track-color: #F8F8F8;
	scrollbar-arrow-color: #C1CAD3;
	background:url(../../Images/GSW/bg_gray.png) repeat-x top;
}

label {
	cursor:pointer;	
}

/* Chrome, Safari? ??? ? */
::-webkit-scrollbar {width:11px; height: 8px; border: 3px solid #fff;}
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 0px; background:#fff}
::-webkit-scrollbar-track {background:#efefef; -webkit-border-radius: 0px; border-radius:0px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1)}
::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: rgba(0,0,0,.1); -webkit-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1)}

/*input*/
input,select,textarea{
	color:#222222;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px
}
textarea { 
	padding:3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	border:1px solid #dddddd; 
}
input {
	vertical-align:middle; 
	height:20px; 
	border:1px solid #dddddd; 
	line-height:18px;
}

input[type="radio"] {
	border:0px;
}

input[type="checkbox"] {
	border:0px;
}

select {
	vertical-align:middle; 
	height:22px; 
	border:1px solid #e3e3e3; 
	padding-left:3px;
}

table {
	border-collapse: collapse;
}

table td
{
    padding: 5px; /* 'cellpadding' equivalent */
}

/*link*/
a{
	color:#222222; 
	text-decoration:none;  
	outline: none; 
	position:relative; 
	z-index:999;
}
a:hover {
	color:#05141F; 
	text-decoration:none;
}

/* search */
.highlight{background-color: #FFFF88;}

/* float */
.fl {float:left;}
.fr {float:right;}
.tc {text-align: center;}
.tr {text-align: right;}

/* padding margin */
.pd10{ padding:10px;}
.pp10{ padding:10px;}
.p5{ padding: 0 5px;}
.p10{ padding: 0 10px;}
.pl5{ padding-left:5px;}
.pl10{ padding-left:10px;}
.pl15{ padding-left:15px;}
.pl20{ padding-left:20px;}
.pl30{ padding-left:30px;}

.pr3{ padding-right:3px;}
.pr10{ padding-right:10px;}
.pr15{ padding-right:15px;}

.pt3{ padding-top:3px;}
.pt5{ padding-top:5px;}
.pt10{ padding-top:10px;}

.pb3{ padding-bottom:3px;}
.pb5{ padding-bottom:5px;}
.pb10{ padding-bottom:10px;}
.pb20{ padding-bottom:20px;}
.pb50{ padding-bottom:50px;}
.pb_20{ padding-bottom:-20px;}
.pl_10 { padding-left:-10px;}

.m10{ margin:10px;}
.ml2{ margin-left:2px;}
.ml3{ margin-left:3px;}
.ml10{ margin-left:10px;}

.mt1{ margin-top:-1px;}
.mt0{ margin-top:0px;}
.mt5{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt24{ margin-top:24px;}
.mt30{ margin-top:30px;}
.mt_20 { margin-top:-20px;}

.mb0{ margin-bottom:0px;}
.mb5{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb20{ margin-bottom:20px;}
.mb50{ margin-bottom:50px;}	

.mr3 { margin-right:3px;}
.mr5 { margin-right:3px;}
.mr10 { margin-right:10px;}
.mr30 { margin-right:30px;}
.mr_3 { margin-left:-3px;}



/* color */
.pointcolor {color:#05141F;}
.pointsubcolor { color:#798299}
.gray{ color:#888888;}
.darkgray{ color:#666666;}
.red{ color:#CC3300;}
.black { color:#222222;}
.watermark { color: #999 !important; }

/* ?? width */
.wfix100 { width:100px;}
.wfix120 { width:120px;}

/* line*/
.bb1 { border-bottom:1px solid #e3e3e3;}

/* button */
button, #LoginButton {
	display: inline-block;
	vertical-align: baseline;
	margin: 1px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 12px/100% Arial, sans-serif;
	padding:3px 17px 3px 17px;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #666666;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* IE6-9 */
	box-shadow: 0 1px 1px #dddddd;
}

button:hover {
	text-decoration: none;
	background: #444444;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}

button:active {
	position: relative;
	color: #444444;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}

button.create {
	color: #ffffff;
	font-weight:bold;
	background: #05141F;
	background: -webkit-gradient(linear, left top, left bottom, from(#e68787), to(#05141F));
	background: -moz-linear-gradient(top,  #e68787,  #05141F);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e68787', endColorstr='#05141F'); /* IE6-9 */
}

button.create:hover {
	color: #ffffff;
	background: #05141F;
	background: -webkit-gradient(linear, left top, left bottom, from(#05141F), to(#e68787));
	background: -moz-linear-gradient(top,  #05141F,  #e68787);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#05141F', endColorstr='#e68787'); /* IE6-9 */
}

/* frame */
.frame_width {
	max-width:1200px;
	min-width:970px;
	margin:0 auto;
	padding:0px 10px;
	position:relative;
}

#header {
	height:95px;
	position:relative;
}

#header .main_logo{ 
	position:absolute;
	top:26px;
	left:10px;
	width:182px;
	height:39px;
	/* background:url(../../Images/GSW/euro5_logo.png) no-repeat; */
	background:url(../../Images/nowe_logo_KIA.png) no-repeat; 
}

/* globalMenu */
#header .globalMenu{
	width:100%;
	text-align:right;
	position: absolute; 
	top:27px; 
	right:10px;
}
#header .globalMenu img{ 
	float:right; 
	padding-left:5px;
}

.subContent {
	margin-top:25px;
}

.boxTitle {
	background-color: #f4f4f4;
	height:35px;
	line-height:35px;
	padding:0px 12px;
	border-bottom:1px solid #cccccc;
}

.boxTitle h1{
	font-size:16px;
	font-weight:bold;
	color: #05141F;
}

.popupbox {
	padding:15px;
}

.popupbox p{
	margin-bottom:15px;
	padding-left:15px;
	color:#444444;
}

.popupbox table{
	border-top:1px solid #e3e3e3;
}

.popupbox th{
	background-color: #efefef;
	text-align:left;
	border-bottom:1px solid #e3e3e3;
	padding:5px 10px;
}

.popupbox td{
	background-color: #ffffff;
	border-bottom:1px solid #e3e3e3;
	padding:5px;
}

.popupbox span{
	display:block;
}

/* footer */
#footerbg {
	border-top:1px solid #e3e3e3;
	background:#f3f3f3; 
	margin-top:50px;
	
	width: 100%;
	position: fixed;
	bottom: 0px;
	
	z-index: 1000;
}

#footer {
	padding-top:15px;
	padding-left: 30px;
	height:50px;
} 

#footer p  {
	/*background: url(../../Images/GSW/img_logo_gsw.gif) no-repeat;*/
	background: url(../../Images/GSW/logo_wionet.png) no-repeat;
	padding-left: 120px;
	color: #888888;
	font-size: 11px;
	line-height: 15px;
	text-align: left;
	height: 39px;
	padding-top: 4px;
}
#footer a  {
	color:#888888; 
	text-decoration:underline;
}

#footer span { 
	width:67px;
	height:23px;
	background:url(/euro5/images/common/btn_top.gif) no-repeat;
	position: absolute; 
	top:-24px; 
	right:30px;
	cursor:pointer;
}

.language { 
	position:absolute; 
	top:48px; 
	right:10px; 
	z-index:1400;
}
.language ul{ 
	border:1px solid #165893; 
	background:#FFFFFF;
}
.language li { 
	height:24px; 
	line-height:24px;
	text-align:left; 
	padding:0px 30px;
	border-bottom:1px solid #e3e3e4;
}
.over {background:#f7f7f7;}



.mainList {
	border:1px solid #e3e3e3; 
	display:block;
	max-width:100%;
}

.mainList dt {
	display: block;
	position:relative;
	background:url(/euro5/images/common/bg_mainList.gif) repeat-x;
	height:26px; 
	line-height:26px; 
	padding:0 10px; 
	font-weight:bold;
}

.mainList dt span { 
	float:right; 
 	padding-top:3px;
}

.mainList em { 
	font:normal 12px Arial;
	color:#05141F;
}

.mainList_boxopen {
	display:block;
	width:13px;
	height:13px;
	background:url(/euro5/images/common/icon_more_open.png) no-repeat;
	background-position:center 7px;
}

.mainList_boxclose {
	display:block;
	width:13px;
	height:13px;
	background:url(/euro5/images/common/icon_more_close.png) no-repeat;
	background-position:center 7px;
}

.mainListSbj {
	padding-left:25px;
	background:url(/images/common/manual_file_close.png) no-repeat;
	background-position: 5px;
	overflow:hidden;
}

.mainListContent { 
	padding:5px 0;
	border-top:1px solid #e3e3e3;
}

.mainListContent li{ 
	height:26px; 
	line-height:26px;
	overflow:hidden;
	cursor:pointer;
}

.mainListContent li:hover{ 
	 color:#05141F;
	 background:#f7f7f7;
}

.mainListDate {
	display: inline-block;
	float:left;
	padding:0 0px 0 10px; 
	height:26px; 
	line-height:26px;
	width:80px; 
	overflow:hidden;
}
.mainListCar {
	float:left;
	height:26px; 
	line-height:26px;
	display:inline;  
	width:100px; 
	overflow:hidden;
}
.Distributor {
	float:left;
	height:26px; 
	line-height:26px;
	display:inline;  
	width:45px; 
	overflow:hidden;
}
.mainListSvj {
	height:26px; 
	line-height:26px;
	display:inline;
	padding:0 0px 0 10px;
	height:30px; 
	line-height:30px; 
	overflow:hidden;

 }
 
 .mainListSvj_read {
 	color:#888888;
 }
