﻿.unvalidator {       
    color:#cb3500;font-size:12px;
	border: 1px solid #efb49d;padding:6px 30px 5px 25px; margin:5px;
	background:#FFFCFC url(Images/unvalidator.gif) no-repeat 5px;
	width:300px;
}
.success{
	background:#E8F4E8 url(Images/ok.gif) no-repeat 5px;
	border: 1px #008000 solid; padding:3px 8px 3px 25px; margin:1px;
	color:green; font-size:12px;width:300px;
}
.ok
{
	background:url(Images/ok_big.gif) no-repeat 5px;
	padding:20px 20px 20px 70px;
	color:#04BD08; font-size:16px; font-weight:bold;
}
.loading{
	color:#536851;font-size:12px;
	border: 1px solid #A6C16A;padding:6px 30px 5px 25px;margin:5px;
	background:#FFFFE0 url(Images/Loading.gif) no-repeat 5px;
}
.loadingImg{
	background:#FFFCFC url(Images/Loading.gif) no-repeat 5px;
}
.topRight{ position:absolute; top:2px; right:2px;}
.errorSimple{
	color:Red;font-size:12px; font-family:Arial; width:256px; display:inline;
}
.error{
	color:#cb3500;font-size:12px;
	border: 1px solid #efb49d;padding:6px 10px 5px 25px; 
	margin-top:5px;
	background:#FFFCFC url(Images/error.gif) no-repeat 5px;
	width:200px;
	float:left;
}
.errorBig{
	border: 1px solid #efb49d;
	width:500px;
	color:#cb3500; font-size:14px; 
	margin:100px auto 100px auto; 
	padding:30px 0pt 15px 50px; /*20px 0pt 15px 20px;*/
	background:#FFFFF8 url(images/error.gif) no-repeat 5% 37%;
}
.warning{
	background:#E0EEF9 url(Images/Warning.gif) no-repeat 5px;
	border: 1px #D0E8FF solid; padding:6px 30px 5px 25px; margin:5px;
	color:#2080D0; font-size:12px;
}
.warning2{
	background:#E0EEF9;
	border: 1px #58A0DC solid; padding:6px 30px 5px 25px; 
	color:#2080D0; font-size:12px;
}
a.btnyellow , a.btnyellow:hover{
	color:#000;text-decoration: none;text-align:center;
	background-color: #FFDB00;
	border-bottom:1px #964E00 solid;border-right:1px #964E00 solid;
	width:60px;padding: 7px 6px 4px 6px;
}

a.btnblue , a.btnblue:hover{
	color:#FFF;text-decoration: none;text-align:center;
	background-color: #5C97E9;
	border-bottom:1px #2E4C74 solid;border-right:1px #2E4C74 solid;
	width:80px;padding: 7px 10px 4px 10px;
}

a.btnGray , a.btnGray:hover{
	color:#5D5D5D;text-decoration: none;text-align:center; font-weight:normal;
	background-color: #F3F3F3;
	border-bottom:1px #C4C4C4 solid;border-right:1px #C4C4C4 solid;
	width:80px;padding: 4px 12px 3px 12px;
}
a.btnblue2 , a.btnblue2:hover{
	color:#5D5D5D;text-decoration: none;text-align:center; font-weight:normal;
	background-color: #EEF7FE;
	border-bottom:1px #9FBDE3 solid;border-right:1px #9FBDE3 solid;
	width:80px;padding: 4px 5px 3px 5px;
}
.textgray{ color:#B6B6B6;}
.gray{ color:#808080;}

.bigNumber{ color:#BF00BF; font: 18px Verdana;text-align:center;}
.email{ color:#3C3C3C; font: 10px Arial; text-align:center;}
.date{ color:#999; font: 10px Arial; text-align:center;}
.datetime{ color:#7C7C7C; font-size:11px; font-family:Verdana;font-style: italic; margin-left:10px;}
.unitname{ color:#58A0DC;}

.buttonBlue{
	background:#30C0FF; color:#FFF; border-bottom:1px solid #4278A5;border-right:1px solid #4278A5; border-left:0; border-top:0;
	padding:3px 5px;
}
.button{
	background:#30C0FF; color:#FFF; border-bottom:1px solid #4278A5;border-right:1px solid #4278A5; border-left:0; border-top:0;
	padding:3px 5px; width:60px;
}
.buttonSelect
{
	margin: 0 10px 0 1px;
	color: #5D5D5D;
	background-color: #F3F3F3;
	border:1px solid #C4C4C4;
	padding:2px 5px;
}
.buttonGray
{
	color:#5D5D5D; font-weight:normal;
	background-color: #F3F3F3;
	border-bottom:1px #C4C4C4 solid;border-right:1px #C4C4C4 solid; border-left:0; border-top:0;
	padding:2px 5px;
}
.buttonGrayS{
	color:#5D5D5D; font-weight:normal;
	background-color: #F3F3F3;
	border-bottom:1px #C4C4C4 solid;border-right:1px #C4C4C4 solid; border-left:0; border-top:0;
	padding:1px 3px;
}
.buttonGrayBig
{
	color:#5D5D5D; font-weight:normal;
	background-color: #F3F3F3;
	border-bottom:1px #C4C4C4 solid;border-right:1px #C4C4C4 solid; border-left:0; border-top:0;
	padding: 4px 12px 3px 12px;
}
.buttonBlueBig{
	background:#30C0FF; color:#FFF; border-bottom:1px solid #4278A5;border-right:1px solid #4278A5; border-left:0; border-top:0;
	padding:6px 12px;
}
.buttonOrangeBig{
	background:#FF8000; color:#FFF; border-bottom:1px solid #4278A5;border-right:1px solid #4278A5; border-left:0; border-top:0;
	padding:6px 12px;
}
.cancelbutton
{
	background:#D0D0D0; color:#000000; border-bottom:1px #606060 solid;border-right:1px #606060 solid; border-left:0; border-top:0;
	padding:3px 5px; 
}
.turnback
{
	position:absolute;
	right:2%;
	top:2%;
	float:right;
}
.hackbox {
	border-top:1px solid transparent !important;
	clear:both;
	margin-top:-1px !important;
	visibility:hidden;
}
.noResult
{
	color:#9E9E9E; font-size:14px; 
	margin:50px auto; width:500px;
	padding:20px 0pt 15px 20px;
	border:1px solid #AFDFF5; background:#F5FBFE url(images/Warning.gif) no-repeat 15% 19%;
}
.noResult p{font-weight:bold;color:#242424; padding-left:100px;}
.noResult .advice{ text-align:left; font-size:15px;padding-left:100px;color:#707070}
.advice{ margin-top:15px;}
.advice span{ color:#F05919;}
.advice li{ list-style-type:none; list-style-image:url(/Images/li.gif);}

.nocontent h3,
.nocontent h4
{
	color:#9E9E9E; font-size:14px; 
	margin:50px auto; width:250px;
	padding:20px 0pt 15px 20px;
	border:1px solid #AFDFF5; background:#F5FBFE url(images/Warning.gif) no-repeat 15% 50%;
}
.nocontent
{
	text-align:center;color:#2080D0;
}
.remark{ margin:10px;padding:5px;border:1px solid #ACD373; background:#FAFFF3; color:Gray;}
.remark dt {display:block;width:32px;padding:0 0 0 5px;}
.remark dd {display:block;margin:-20px 0 0 45px;line-height:1.6em;}
.remark span{ margin:0 10px;}
.remark .remarkLeft{ float:left; width:80%;}
.remark .remarkRight{ float:right; text-align:right; padding-right:5px; margin-top:5px;}

hr.gray{ width:99%; margin:0 auto; text-align:center; background:#E2E2E2; height:1px; border:0; margin:20px 5px}
hr.cof{ width:99%; margin:0 auto; text-align:center; background:#afd8ff; height:1px; border:0; margin:12px 5px;}
.dashedLine{ border-bottom:1px dotted #BEBEBE; height:1px; margin:30px 0;}
.dottedLineCof{ height:1px; margin:3px 0; background:url(/Images/dotted.gif) repeat-x 0 0;}
/*----------------------------------------------------------------------------------------------------------------**/
.pagebar{ clear:both;font: 12px Arial, Helvetica, sans-serif;padding-top: 5px; padding-bottom: 10px; margin: 0 5px; color:#666;}

.pagebar a{ border: solid 1px #ddd; background: #fff; text-decoration: none; color:#666; padding: 1px 5px; margin:-2px 0pt 0pt 5px; font-family:Tahoma,SimSun,Arial;}
.pagebar a:hover { border:1px solid #1FB5EF; color:#666;text-decoration: none;}

.pagebar .pagebarCurrent{ color:#0a5092; background:#ddeeff; border:1px solid #186ab9; text-decoration: none; padding:1px 5px; margin:3px;height:13px;line-height:100%;}

.pagebar .pagebarDot { padding:1px 3px;border:none; color:#666;}

.pagebar .pagebarPageInfo{color:#666; padding-right:5px; font-size:12px;}
.pagebar .pageInfoCurrentPage{color:#f60;}

.pagebar .jumpPage {margin:0 10px; font-size:12px;}
.pagebar .pagerButton { font-size: 12px; font-family: Verdana; width: 40px; height: 19px; margin-left: 5px; padding: 2px 3px; border: 1px solid #AAA; color: #808080; background-color: #EBEBEB; }
.pagebar .pagebarTextBox{ border:1px solid #DDD; color:#666; }
.pagebar .recordCount{ color:#2080D0;}


/* form elements */
textarea, select { border:1px solid; border-color:#7c7c7c #c3c3c3 #ddd; font-size:12px; font-family:Arial,Helvetica,sans-serif; line-height:120%;}
input, button, select { vertical-align:middle;}
input.text { border:1px solid; border-color:#7c7c7c #c3c3c3 #ddd; font-size:12px; font-family:Arial,Helvetica,sans-serif; line-height:120%; padding:2px 2px; line-height:15px;}
input.text2 {border:1px solid #B2A6A2; font-size:12px; line-height:120%; padding:3px 2px; line-height:15px;}
input.quantity {width:30px; border:1px solid #B2A6A2; font-size:12px; line-height:120%; padding:3px 2px; line-height:15px;}
input.model {width:60px; border:1px solid #B2A6A2; font-size:12px; line-height:120%; padding:3px 2px; line-height:15px;}
input.price { color:Red; font-size:16px; font-weight:bold; font-family:Arial;}
input.priceS{ color:#CF4040; font-size:12px;font-weight:bold; font-family:Verdana; width:60px;}
input.money{ color:#000; font-size:12px;font-family:Verdana;}
input.money2{ color:#CF4040; font-size:12px;font-weight:bold; font-family:Verdana;}

.articlelist_bg1{ background:#F8FCFE;}
.articlelist_bg2{ background:#FFF;}
.tr_bg_over{ background:#FFFFE8 }

.hide{ display:none;}
.show{ display:block;}
.alignCenter{ text-align:center;}
.proname { overflow:hidden; text-align:center;}
#messageBoard{float:left;width:928px; background:#f2f9ff; margin-top:10px; border:6px #cee7ff solid; overflow:hidden;}


.bottom_menu { width:948px; height:26px; float:left; margin-top:5px; background:#f2f2f2; border:1px #e0e0e0 solid; overflow:hidden; line-height:26px;}
.bottom_menu li { font-size:13px; float:left; margin-left:35px; display:inline; background:url(/images/li_bg4.gif) 0 center no-repeat; padding-left:8px;}
.bottom_menu li a { color:#555;}
.bottom_menu li a:hover { color:#116fca;}
