html {
	overflow-Y: scroll;
	height: 100%; 
}
body {
	background-color: #fff;
	font-size: 13px;
	font-family: verdana, Arial, Helvetica, sans-serif;
	color: black;
	height: 100%; 
	text-align: left;
	margin: 10px 0 0 0;
}
div#page-container,
div#page-container-before-login {
	position: relative;
	margin: auto;
	width: 98%;
	height: 100%; 
	background: url(../images/background6s.jpg) repeat-x;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}
div#page-container-before-login {
	background: url(../images/background_orange.jpg) repeat-x;
}
div#content {
	position: relative;
	text-align: center;
	min-height: 100%;
	margin-bottom: -55px;
}
div#container {
	margin: 0 auto;
	width: 80%;
	text-align:center;
	min-width: 920px;
}
div#maincontent {
	width: 100%;
	margin: 0;
	padding: 10px 10px 10px;
	font-size: 1.0em;
	line-height: 1.7em;
	color: #444;
	float: center;
}
div.banner {
	width: 100%;
	height: 273px;
}
div.banner div {
	margin: 0 auto;
	background:url(../images/HP_banner.jpg) no-repeat left 0;
	width: 920px;
	height: 273px;
	display:block;
}
div.banner a,
div.banner a:hover{
	border: 0;
	color: #fff;
	font: 12px/1 Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;
	font-weight: bold;
	text-decoration:none;
}
div#footer{
	position: relative;
	padding: 0;
	text-align: center;
	color: #3b3b3b;
	height:50px;
	background: url(../images/foot3.png) repeat-x left top;
	-webkit-border-bottom-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
	margin: 5px 0 20px 0;
}
.clearfooter {
	height: 55px;
	clear: both;
}
div#header {
	position: relative;
	margin: 0 auto;
	width: 920px;
	float: center;
	height: 10px;
	padding: 7px 0 7px 0;
	text-align: left;
	font-size: small;
}
	
/*--
ul#logoutmenu {
	margin: 0;
	padding: 0;
	display: block;
}
ul#logoutmenu li { 
	display: block;
	float: left;
	text-align: right;
	width: 100%;
	padding: 4px 0 0 0;
}
ul#logoutmenu li a {
	padding: 0 10px 0 0;
	text-decoration: none;
	font-weight: bold;
	color:#ddd;
}
#account span.account,
ul#logoutmenu li a.line:hover {
	text-decoration: underline;
	color:blue;
}
div#menudiv{
    width: 100%;
	float: center;
	text-align: center;
	height:80px;
	font-size: 12px;
	font-weight: bold;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	border-bottom:1px solid white;
}
ul#menu {
	color: black;
	float: left;
	margin: 0;
	padding: 0 250px 0 0;
	list-style:none;
}
ul#menu li {
	float: left;
	margin: 0; 
	padding: 0 5px 0 0;
	width: 96px;
	position: relative; /*--Important--*/
/*--
}
ul#menu li a {
	display: block;
	padding: 0;
	text-decoration: none;
	/*text-indent: -9999px; /*--Push text off of page--*/
/*--
}
ul#menu li:hover a, ul#menu li a:hover {
	background: #344c00;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
} /*--Hover State--*/
/*--
.month {
	position: absolute;
	font-size:13px;
	color: #fcfcfc;
	top: 10px;
	left: 27px;
}
.day {
	position: absolute;
	font-family:'Comic Sans MS',cursive;
	font-size: 25px;
	color: #3c3c3c;
	top: 23px;
	left: 0px;
	width:96px;
}
.comein {
	position: absolute;
	font-family:'Comic Sans MS',cursive;
	font-size: 19px;
	font-weight: bold;
	color: #ff5151;
	top: 1px;
	right: 1px;
	background: url(../images/new3.png) 0 0;
	height:32px;
	width:32px;
}
ul#menu li .sub {
	position: absolute;	
	top: 64px; left: 0;
	background: #344c00;
	padding: 2px 5px 2px;
	float: left;
	z-index:1;
	display: none;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}
ul#menu li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#menu li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 100px;
	float: left;
}
ul#menu li .sub ul.printform{
	line-height:30px;
	width: 300px;
}
ul#menu .sub ul li {
	width: 100%;
	color: #fff;
}
ul#menu .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	/*--
	height: auto;
	display: block;
	text-decoration: none;
	color: #999;
	padding: 2px 0 2px 2px;
}
ul#menu .sub ul li a:hover {
	color: #ddd;
	padding: 0 0 0 2px;
	border: 2px solid #ddd;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}

div#stepdiv{
    width: 100%;
	float: center;
	text-align: center;
	height:62px;
	clear: both;
	display:block;
	background: url(../images/background6.jpg) repeat-x;
}
ul#step{
	float: left;
	margin: 0;
	padding: 2px 0 0 2px;
	list-style:none;
}
ul#step li {
	float: left;
	width:96px;
	margin: 0;
	padding:0;
	text-align: center;
}
ul#step li a {
	padding: 2px 0px 2px 2px;
	display: block;
	color: #333;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
}
ul#step li a:hover {
	color: #ddd;
	padding: 0 0 0 2px;
	border: 2px solid #ddd;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}

div#divnavmenu {
	float: center;
	width:100%;
	background: url(../images/foot2.png) repeat-x left top;
	display:block;
	height:46px;
}
ul#navmenu {
	margin: 0;
	padding: 0;
	list-style:none;
	clear: both;
	width:100%;
}
ul#navmenu li {
	margin: 0;
	float: left;
	height:46px;
	width: 92px;
	text-align: center;
	overflow: hidden;  /*--Important - Masking out the hover state by default--*/
}
/*--
ul#navmenu a, ul#navmenu span { /*--The <a> and <span> share the same properties since the <span>  will be a duplicate of the <a> tag--*/
/*--
	padding: 10px 0px;
	text-align: center;
	float: left;
	text-decoration: none;
	color: #fff;
	clear: both;
	width: 100%;
	font-size:10px;
	height: 26px;
	line-height: 26px; /*--Vertical alignment of text--*/
/*--
}

ul#navmenu span {
	display: none;
}
ul#navmenu a{
	color: #fff;
	background: url(../images/a_bg5.gif) repeat-x left bottom;
	-webkit-border-bottom-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	-webkit-border-top-left-radius: 15px;
	-moz-border-radius-topright: 15px;
	-moz-border-radius-topleft: 15px;
	border-top-right-radius: 15px;
	border-top-left-radius: 15px;
}

div#statusmenudiv{
	float: center;
    width: 100%;
	height:auto !important;
	height:30px;
	min-height:30px;
	max-height:240;
	overflow: auto;
	background: #fff url(../images/a_bg7.gif) repeat-x;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
ul#statusmenu {
	padding:auto;
	margin:auto;
	list-style: none;
}
ul#statusmenu li {
	padding:auto;
	margin: auto;
	float: left;
	height:26px;
    width:20%;
}
ul#statusmenu li a{
	padding: 2px 0 2px 8px;
	text-align: left;
	float: left;
	text-decoration: none;
	display: block;
	width: 95%;
	color: #555;
	font-weight: bold;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size:12px;
	height: 22px;
	line-height: 22px; /*--Vertical alignment of text--*/
/*--
}
ul#statusmenu li a:hover{
	color: green;
	padding: 0 0 0 6px;
	border: 2px solid green;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}
ul#statusmenu li a.unacc{
    color: #aaa;
}
ul#statusmenu li a.unacc:hover{
	color: #aaa;
	padding: 2px 0 2px 8px;
	border: none;
}

#sectionB li.sectionB span,
#checkinout li.checkinout span,
#repair_est li.repair_est span,
#blackboard li.blackboard span,
#taskincase li.taskincase span,
#agreement li.agreement span,
#overview li.overview span,
#print li.print span,
#fileupload li.fileupload span,
#assign li.assign span,
#sales li.sales span,
#type li.type span {
	color: #fff;
	background: url(../images/a_bg5.gif) repeat-x left bottom;
	-webkit-border-bottom-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	-webkit-border-top-left-radius: 15px;
	-moz-border-radius-topright: 15px;
	-moz-border-radius-topleft: 15px;
	border-top-right-radius: 15px;
	border-top-left-radius: 15px;
}
#drivercus li.drivercus a,
#cusvehicle li.cusvehicle a,
#cusowner li.cusowner a,
#insurance li.insurance a,
#accident li.accident a,
#detail li.detail a,
#report li.report a,
#airbag li.airbag a,
#witness li.witness a,
#rental li.rental a,
#tow li.tow a,
#driver2 li.driver2 a,
#driver3 li.driver3 a,
#driver4 li.driver4 a,
#driver5 li.driver5 a,
#driver6 li.driver6 a,
#driver7 li.driver7 a,
#driver8 li.driver8 a,
#driver9 li.driver9 a,
#regist2 li.regist2 a,
#regist3 li.regist3 a,
#regist4 li.regist4 a,
#regist5 li.regist5 a,
#regist6 li.regist6 a,
#regist7 li.regist7 a,
#regist8 li.regist8 a,
#regist9 li.regist9 a,
#involve1 li.involve1 a,
#involve2 li.involve2 a,
#involve3 li.involve3 a,
#involve4 li.involve4 a,
#involve5 li.involve5 a,
#involve6 li.involve6 a,
#involve7 li.involve7 a,
#involve8 li.involve8 a,
#involve9 li.involve9 a,
#createclaim li.createclaim a,
#drpfleet li.drpfleet a,
#claim1 li.claim1 a,
#claim2 li.claim2 a,
#claim3 li.claim3 a,
#claim4 li.claim4 a,
#claim5 li.claim5 a,
#claim6 li.claim6 a,
#claim7 li.claim7 a,
#claim8 li.claim8 a,
#claim9 li.claim9 a,
#inspection1 li.inspection1 a,
#inspection2 li.inspection2 a,
#inspection3 li.inspection3 a,
#inspection4 li.inspection4 a,
#inspection5 li.inspection5 a,
#inspection6 li.inspection6 a,
#inspection7 li.inspection7 a,
#inspection8 li.inspection8 a,
#inspection9 li.inspection9 a,
#orderparts li.orderparts a,
#receivedparts li.receivedparts a,
#repair li.repair a,
#supplement li.supplement a,
#closecase li.closecase a{
	color: green;
	font-size:110%;
	padding: 0 0 0 6px;
	border: 2px solid green;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}

#home li.home a,

#searchsa li.searchsa a,
#searchce li.searchce a,
#searchshare li.searchshare a,
#searchshareall li.searchshareall a,

#Estimate li.Estimate a,
#Repair li.Repair a,
#DRP li.DRP a,
#Fleet li.Fleet a,
#Other li.Other a,

#allActive li.allActive a,
#allLocked li.allLocked a,
#allClosed li.allClosed a,

#unassigned li.unassigned a,
#alltasked li.alltasked a,

#statistic li.statistic a,
#shop li.shop a,
#employee li.employee a,
#salesagent li.salesagent a,
#casetype li.casetype a,
#contact li.contact a,
#worker li.worker a,
#otherpay li.otherpay a,
#assignassistant li.assignassistant a,

#editvehicle li.editvehicle a,
#editinsurance li.editinsurance a,
#editadjuster li.editadjuster a,
#editsupply li.editsupply a,
#editsupplet li.editsupplet a,

#myaccountsale li.myaccountsale a,
#promotion li.promotion a,
#case li.case a,

#repairing li.repairing a,
#repairlist li.repairlist a,
#positionorder li.positionorder a,

#calendar li.calendar a,
#scheduled li.scheduled a,
#addcalendar li.addcalendar a,

#newcase li.newcase a,

#mytask li.mytask a,
#mytaskout li.mytaskout a,
#mytaskdone li.mytaskdone a,

#customeradd li.customeradd a,
#customerall li.customerall a,

#receivepart li.receivepart a,
#unorderorder li.unorderorder a,
#editinventory li.editinventory a,
#individualorder li.individualorder a,
#closeorder li.closeorder a{
	background: #344c00;
	color: #ddd;
	padding: 0 0 0 2px;
	border: 2px solid #ddd;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}
#home li.home a{
	border: 0;
}
#myaccount span.myaccount a{
	color:blue;
    text-decoration:underline;
}

div#lookup{
    width: 100%;
    margin: 0 0 0 0;
	padding: 20px 0 0 0;
	float: center;
	text-align: center;
	text-align: center;
	background: url(../images/lookuptop.png) repeat-x left top;
}

div#customer{
    width: 80%;
    float: left;
	text-align: center;
	background: url(../images/lookuptop.png) repeat-x left top;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}

#gallery { float: center; width: auto; }
#gallery ul { list-style: none; }
#gallery ul li { display: inline; }
#gallery ul img.shadow,
img.shadow { background: url(../images/shadow-1000x1000.gif) no-repeat right bottom; padding: 5px 10px 10px 5px;}
#gallery ul a:hover img { opacity:0.75; }

div#right{
    width: 20%;
	padding: 0;
    float: right;
	text-align: center;
	background: url(../images/lookuptop.png) repeat-x left top;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}

div#ajax{
    width: 20%;
    float: right;
	text-align: left;
	background: url(../images/foot2.png) repeat-x left top;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}

div#resultsimg{
    width: 20%;
    float: right;
	text-align: left;
}
div#resultsimg.resultsimg2{
    width: 100%;
    float: center;
}

div#results{
    width: 20%;
    float: right;
	text-align: left;
}
div#results.results2{
    width: 100%;
    float: center;
}
--*/

a:link{
    color:#333;
	text-decoration:none;
}
a:visited{
    color:#706A5E;
	text-decoration:none;
}   
a:hover{
    text-decoration:underline;
	color:blue;
	cursor: pointer;
}
div.corner{
	float: left;
	display: block;
	background: #fdfdfd;
	border: 1px solid #ededed;
	width: 100%;
	border-radius:7px;
}
form, fieldset {
    margin: 0; 
	padding: 0; 
	border: none;
}
.form_container{
	position: relative;
	margin:6px;
	padding-bottom:14px;
}
.Page_Blockers{
	top: 0px;
	left: 0px;
	z-index:3;
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: #000000;
	filter: alpha(opacity=25);
	border-radius: 7px;
	opacity: .25;
}
.Page_Messages_Container{
	top: 5%;
	left: 0%;
	right: 0%;
	z-index:3;
	text-align: center;
	position: absolute;
	background: transparent;
}
.Page_Messages_inside{
	left:12%;
	padding:3%;
	right:12%;
	width:70%;
	background:white;
	position:relative;
	border:5px solid white;
	border-radius:7px;
}
img {}
img.closeIMG{
	position:absolute;
	top:0%;
	right:0%;
	z-index:4;
	margin:2px;
	height:16px;
	cursor:pointer;
	border-radius:7px;
	border:1px solid transparent;
}
img.closeIMG:hover{
	border:2px solid transparent;
}
p {}
/* p.p_hiding{ */
	/* font-size:13px; */
	/* display:none; */
/* } */
span.remind{
	padding:8px;
	font-size:90%;
	color:#6d6d6d;
	display:none;
}
table {
	border-collapse: collapse; 
}
table.sep {
	border-collapse:separate;
}
tr{}
tr.tr_hover_0{
	background: #ddd;
}
tr.clickHover,
tr.mouseOverHover,
tr.tr_hover:hover{ 
	background: #D1E9E9;
	cursor:auto;
} 
th{
	text-align: left;
	color: #555;
	padding: 30px 0 2px 3px;
	vertical-align: center;
}
th.currentContract,
td.currentContract{
	border-left:2px red;
	color:#ccc;
}
th.currentContractWithColor,
td.currentContractWithColor,
span.currentContractWithColor{
	background-color: #FF3333;
	color:white;
	padding:3px 3px 3px 3px;
	border:1px solid white;
}
tr.selectorTR td,
tr.tr_no_hover td,
tr.tr_hover td{
	padding: 10px 0 10px 5px;
	background: transparent;
}
/* tr.selectorTR{ */
	/* border: 2px solid white; */
	/* margin:2px; */
/* } */
tr.selectorTR:hover{
	background-color:#1E90FF;
	color:white;
	cursor: pointer;
}
tr.selectorTR td.firstTD{
	color:white;
	text-align:center;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
tr.selectorTR td.LastTD{
	color:white;
	font-weight: bold;
	text-align:center;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}
td{
	vertical-align: center;
    text-align: left;
	padding: 0px 0px 0px 3px;
	background: transparent;
}
td.form_left,
th.form_left{
	text-align:right;
	padding-right: 10px;
	width:40%;
}
th.center,
td.center {
	text-align: center;
}
tr.subTitle td{
	font-style: oblique;
	/* text-decoration: underline; */
	padding: 15px 0 15px 5px;
}
table.noPaddingTD td{
	padding:0px 0px 0px 5px;
}
input[type="button"],
input[type="submit"]{
	cursor:pointer;
}
input[type="button"]:hover,
input[type="submit"]:hover{}

input[type="submit"].generalSubmit{
	background: #c0dB5A;
	height: 30px;
	width: 120px;
	color: black;
	font-size: 90%;
	border-left: 2px solid white;
	border-right: 2px solid #2b2b2b;
	border-top: 2px solid white;
	border-bottom: 2px solid #2b2b2b;
	font-size: 14px;
	font-weight: bold;
	margin: 2px 2px 10px 2px;
	padding: 0;
}
input[type="submit"].generalSubmit:hover{
    padding: 2px 0 0 2px;
    border-left: 2px solid #2b2b2b;
	border-right: 2px solid white;
	border-top: 2px solid #2b2b2b;
	border-bottom: 2px solid white;
}

input[type="button"].smallButton{
	border: 0;
	padding: 0;
	background: url(../images/submit.smrepeat.png) repeat-x 0 0;
	height: 17px;
	width: 100px;
	color: white;
	font-size: 13px;
	border-radius: 6px;
}
input[type="button"].smallButtonGIF{
	background: url(../images/sm.gif) repeat-x 0 0;
}
input[type="button"].smallButton:hover{
	color: #ddd;
	background: url(../images/submit.smrepeat.hover.png) repeat-x 0 0;
}

input{}
select,
Textarea,
input[type="password"],
input[type="text"]{
   font-size: 16px;
   padding:10px 10px 10px 10px;
   color: #4c4c4c;
   border:1px solid #CCC;
   background-color: transparent;
	-moz-box-shadow: inset 0 0 10px #CCC;
	-webkit-box-shadow: inset 0 0 10px #CCC;
	box-shadow: inset 0 0 10px #CCC;
}
select:hover,
Textarea:hover,
input[type="password"]:hover,
input[type="text"]:hover,
select.inputNow,
input[type="password"].inputNow,
input[type="text"].inputNow{
	-moz-box-shadow:0 0 10px #06c;
    -webkit-box-shadow:0 0 10px #06c;
    box-shadow:0 0 10px #06c;
}
select.needToInput,
Textarea.needToInput,
input[type="password"].needToInput,
input[type="text"].needToInput{
	background-color: white;
	-moz-box-shadow:0 0 6px 6px #06c;
    -webkit-box-shadow:0 0 6px 6px #06c;
    box-shadow:0 0 6px 6px #06c;
}
select{
   width: 312px;
   font-size: 15px;
}
select.long{
   width: 350px;
}
select.short{
   width: 183px;
}
select.shorter{
   width: 150px;
}
select.shorterer{
   width: 120px;
}
select.shortererer{
   width: 100px;
}
select.shorterererer{
   width: 85px;
}
select.titleSeletor{
	border: 2px solid white;
	padding: 0px;
	width: auto;
}
Textarea{
   font-size: 18px;
   border-right: 1px solid #bbb;
   border-bottom: 1px solid #bbb;
   border-top: 2px solid #666;
   border-left:2px solid #666;
   margin:0;
}
Textarea.normalWidth{
	width:250px;
}
/*Top Navigation*/
div.topnav {
	width: 100%;
	margin: 0 auto;
	background: #fff url(../images/topnav_stretch.jpg) repeat-x;
	border-top: 1px solid white;
}
div.bg_topnav{
	width: 85%;
	height: 45px;	/* 46 -> 45  */
	margin: 0 auto;
	border-top: 0px solid white;	/* set to 0 at 2020-5-21  */
	background: #fff url(../images/bg_topnav_center.jpg) repeat;
	min-width: 920px;
}
ul.bg_topnav_left{
	margin: 0;
	float: left;
	width: 40%;
	height:46px;
	padding: 0 25px;
	background: url(../images/bg_topnav_left.jpg) no-repeat left top;
}
ul.bg_topnav_right{
	margin: 0;
	width: 40%;
	float:right;
	height:46px;
	padding: 0 25px;
	background: url(../images/bg_topnav_right.jpg) no-repeat right top;
}
div.topnav li{
    margin: 0;
    float: left;
    list-style: none;
	text-align:center;
	font-size: 1.0em;
}
div.topnav li.logout,
div.topnav li.setting{
	float:right;
}
div.topnav a{
    color: #fff;
    text-decoration: none;
	display:block;
	padding: 10px 16px 12px;
	text-transform: uppercase;
}
div.topnav a:hover{
	color: #ccc;
	text-decoration: none;
	display:block;
	padding: 7px 16px 12px;
	border-top: 3px solid #777;
}

#operating .topnav li.operating a,

#buildingTimeframeSelector1 .topnav li.statistics a,
#buildingTimeframeSelector5 .topnav li.statistics a,
#buildingTimeframeSelector6 .topnav li.statistics a,
#buildingTimeframeSelector7 .topnav li.statistics a,
#buildingTimeframeSelector8 .topnav li.statistics a,
#buildingTimeframeSelector9 .topnav li.statistics a,
#buildingOperatorTimeframeSelector20 .topnav li.statistics a,
#buildingOperatorTimeframeSelector21 .topnav li.statistics a,
#chartSelector30 .topnav li.statistics a,
#chartSelector31 .topnav li.statistics a,

#apartmentList .topnav li.constructing a,
#addingBuilding .topnav li.constructing a,
#addingApartment .topnav li.constructing a,

#positionSetting .topnav li.system a,
#selectPositionAuthorization .topnav li.system a,
#selectPersonalAauthorization .topnav li.system a,

#myTeam .topnav li.setting a,
#accountSetting .topnav li.setting a,
#loginRecord .topnav li.setting a,
#resetPassword .topnav li.setting a,

#indexIntroduce .topnav li.indexIntroduce a,

#indexLogin .topnav li.indexLogin a {
	border-bottom: 3px solid #aed243;
	padding: 7px 16px 12px;
}

.right_side_of_side_menu_container{
	width:87%;
	float:right;
}
.side_menu_container {
	width: 12%;
	float: left;
	border-right: 1px solid #f0f0f0;
}
.side_menu_container p {
	text-align: left;
	color: #666;
}
ul.side_menu {
	margin: 0;
	padding: 0;
}
ul.side_menu li {
	padding: 2px;
	list-style: none;
	font-size: 1.1em;
}
ul.side_menu li a{
	color: #116a92;
	text-decoration: none;
	display: block;
	padding: 5px 5px 5px 20px;
	border-bottom: 1px solid #f0f0f0;
}
ul.side_menu li a:hover,

#operating .side_menu li a.nowpage,

#buildingTimeframeSelector1 .side_menu li.buildingTimeframeSelector1 a,
#buildingTimeframeSelector5 .side_menu li.buildingTimeframeSelector5 a,
#buildingTimeframeSelector6 .side_menu li.buildingTimeframeSelector6 a,
#buildingTimeframeSelector7 .side_menu li.buildingTimeframeSelector7 a,
#buildingTimeframeSelector8 .side_menu li.buildingTimeframeSelector8 a,
#buildingTimeframeSelector9 .side_menu li.buildingTimeframeSelector9 a,
#buildingOperatorTimeframeSelector20 .side_menu li.buildingOperatorTimeframeSelector20 a,
#buildingOperatorTimeframeSelector21 .side_menu li.buildingOperatorTimeframeSelector21 a,
#chartSelector30 .side_menu li.chartSelector30 a,
#chartSelector31 .side_menu li.chartSelector31 a,

#apartmentList .side_menu li.apartmentList a,
#addingBuilding .side_menu li.addingBuilding a,
#addingApartment .side_menu li.addingApartment a,

#positionSetting .side_menu li.positionSetting a,
#selectPositionAuthorization .side_menu li.selectPositionAuthorization a,
#selectPersonalAauthorization .side_menu li.selectPersonalAauthorization a,

#myTeam .side_menu li.myTeam a,
#accountSetting .side_menu li.accountSetting a,
#loginRecord .side_menu li.loginRecord a,
#resetPassword .side_menu li.resetPassword a {
	color: blue;
	display: block;
	background: #f0f0f0;
	text-decoration: none;
	padding: 5px 5px 5px 20px;
}
span.page,
a.page{
	color: #1d68af;
	text-decoration: none;
}
a.blue{
	color: blue;
	text-decoration: none;
}
span.page:hover,
a.blue:hover,
a.page:hover{
	text-decoration: underline;
	cursor: pointer;
}
h1 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.6em;
	color: #3f3f3f;
	padding: 5px;
}
h2 {
	font-size: 2em;
	margin: 0;
	padding-bottom: 0;
	text-align: center;
}
h3 {
	font-size: 1.5em;
	color: #c0dB5A;
	padding: 10px 10px 10px 0;
}
h4 {
	color: #666666;
}
h5 {
	font-size: 100%;
	color: green;
}

td.whitesample,
td.unrented,
td.weishengxiao,
td.youxiao,
td.kuaiguoqi,
td.guoqi,
td.yigengxin{
	width: 75px;
	text-align: center;
	float:left;
	background: #EBD6D6;
	margin: 0px;
	border: 2px solid white;
	font-size:120%;
	height:25px;
	padding-top:3px;
}
td.whitesample:hover,
td.unrented:hover,
td.weishengxiao:hover,
td.youxiao:hover,
td.kuaiguoqi:hover,
td.guoqi:hover,
td.yigengxin:hover{
	border: 2px solid red;
	cursor: pointer;
}

td.whitesample	{ background: white; 	}
td.weishengxiao	{ background: #A6FFA6; 	}
td.youxiao		{ background: #ddd; 	}
td.kuaiguoqi	{ background: #FFAD86; 	}
td.guoqi		{ background: #CA8EFF; 	}
td.yigengxin	{ background: #5599FF; 	}

td.unrentedALERT		{ background: url(../images/blink_EBD6D6.gif) left top; 	}
td.weishengxiaoALERT	{ background: url(../images/blink_A6FFA6.gif) left top; 	}
td.youxiaoALERT			{ background: url(../images/blink_ddd.gif) left top; 		}
td.kuaiguoqiALERT		{ background: url(../images/blink_FFAD86.gif) left top; 	}
td.guoqiALERT			{ background: url(../images/blink_CA8EFF.gif) left top;		}
td.yigengxinALERT		{ background: url(../images/blink_5599FF.gif) left top;	 	}

@-webkit-keyframes twinkling{
	0%{
		opacity:0; /* 透明度为0*/ 
	}
	100%{
		opacity:1; /* 透明度为1*/
	}
}
td.needAudit a {
	-webkit-animation: twinkling 1s infinite ease-in-out; 
}

a.nowpage{
    text-decoration: underline;
	color: blue;
}

td.a_unrented 	 { background: #EBD6D6; }
td.a_weishengxiao { background: #A6FFA6; }
td.a_youxiao  	 { background: #ddd; 	}
td.a_kuaiguoqi	 { background: #FFAD86; }
td.a_guoqi 		 { background: #CA8EFF; }
td.a_yigengxin 	 { background: #5599FF; }

a.aInStatusColorTD{
	color: black;
	padding: 8px;
	border-radius: 7px;
	text-decoration: none;
	font-weight: bold;
}
a.aInStatusColorTD:hover{
	text-decoration: none;
	cursor: default;
	font-weight: bold;
}

td.apartment_title_td{ padding: 10px 10px 10px 2px; }

/* apartmentList hover_no_change 要放在上面 */
a.apartmentList:hover,
a.hover_no_change:hover,
a.bookKeepped:hover,
a.bookKeepped{
	color: #333;
    text-decoration: none;
}
a.noBillsYet:hover,
a.noBillsYet{
	font-weight:bold;
	/* color: #008888; */
}
a.waitingPayment:hover,
a.waitingPayment{
    text-decoration: none;
	color: #ce0000;
}
a.waitingBookKeeping:hover,
a.waitingBookKeeping{
    text-decoration: underline;
	/* color: #0000C6; */
}
a.bookingPedning:hover,
a.bookingPedning{
	font-style: oblique;
}
strong{
    color: #ce0000;
}
img.pointer{
	cursor: pointer;
	/* margin: 0px ; */
	margin: 0px 1px 1px 0;
}
img.pointer:hover{
	/* margin: 0 0 -1px 1px; */
	margin: 1px 0px 0px 1px;
	/* border: 1px solid #fff; */
}
span.buttonSpan{
	padding: 6px 18px 6px 18px;
	width: auto;
	color: #5599FF;
	border: 1px solid #5599FF;
	font-weight: bold;
	border-radius: 6px;
}
span.buttonSpan:hover{
	color: white;
	background: #5599FF;
	cursor: pointer;
}

table.table-bordered,
table.table-bordered-no-margin{
	margin: 5px auto;
	border-collapse: collapse;
	vertical-align: middle;
	background: white;
}
table.table-bordered th,
table.table-bordered td,
table.table-bordered-no-margin td{
	border: 1px solid #ccc;
	padding: 8px 5px 8px 8px;
	word-break: keep-all;
	white-space: nowrap;
	text-align: center;
}
table.table-bordered td.no-padding{
	padding: 0 0 0 0;
	border-bottom: 0;
}
table.table-bordered th,
table.table-bordered td.tdCosplayTH {
	border-bottom: 2px solid #ccc;
	background-color: #eee;
	font-weight: bold;
}
table.table-bordered th.right,
table.table-bordered td.right,
table.table-bordered-no-margin td.righ{
	text-align: right;
}
table.table-bordered th.left,
table.table-bordered td.left,
table.table-bordered-no-margin td.left{
	text-align: left;
}
table.table-bordered-no-margin{
	margin: 0 0 0 0;
	background: transparent;
	height:auto;
}
table.table-bordered-no-margin td{
	padding: 8px 5px 8px 8px;
	border: 0;
}
table.table-bordered-no-margin tr{
	border-bottom: 1px solid #ccc;
}
table.table-bordered-no-margin tr:last-child{
	border-bottom: 0;
}
#sortableTable th.sortable,
#sortableTable td.sortable{
	color: #5599FF;
}
#sortableTable th.sortNow,
#sortableTable td.sortNow,
#sortableTable th.sort_header_number:hover,
#sortableTable td.sort_header_number:hover,
#sortableTable th.sort_header_text:hover,
#sortableTable td.sort_header_text:hover,
#sortableTable th.sort_header_name:hover,
#sortableTable td.sort_header_name:hover{
	color: white;
	background: #5599FF;
	cursor: pointer;
}

table.table-bordered td.deleteTH,
table.table-bordered th.dragableTH{
	border: 1px solid white;
	padding: 1px;
	height:14px;
	line-height:12px;
	word-break: keep-all;
	white-space: nowrap;
	text-align: center;
	background-color: white;
	color: #efefef;
}
table.table-bordered td.deleteTH img,
table.table-bordered th.dragableTH img{
	display:none;
}
table.table-bordered td.deleteTH{
	border-bottom: 2px solid #ccc;
}
table.table-bordered th.withBottomBorder{
	border-bottom: 2px solid #ccc;
}
/*
table.table-bordered th.deleteTH:hover,
table.table-bordered th.dragableTH:hover{
	border: 2px solid white;
	border-bottom: 2px solid #ccc;
	color: #ccc;
}
table.table-bordered th.deleteTH:hover{
	border-bottom: 0px solid white;
}
table.table-bordered th.deleteTH:hover img,
table.table-bordered th.dragableTH:hover img{
	display:inline;
}*/
span.moneySign{
	/*display: inline-block; /* Or block transform: scale(0.7);*/
    /*-webkit-transform: scale(0.75);*/
	font-size: 75%;
	padding-left: 3px;
	padding-right: 1px;
}
span.idSign{
	font-size: 75%;
	padding-left: 3px;
	padding-right: 1px;
}
span.smallText{
	font-size: 80%;
}
table.tableInTable{
	border:0;
}
table.tableInTable td{
	border:0;
	text-align:left;
}
tr.smallText td{
	font-size: 90%;
	text-decoration:line-through;
}

div.buttonNoWork,
div.buttonDiv {
	width:70px;
	height:70px;
	line-height:70px;
	margin: 5px;
	color: #2d78f4;
	border: 2px solid #2d78f4;
	font-weight: bold;
	font-size:20px;
	border-radius: 6px;
	text-align:center;
	float:left;
}
div.buttonDiv:hover {
	color: white;
	background: #2d78f4;
	cursor: pointer;
}
div.buttonNoWork {
	color: #ddd;
	border: 2px solid #ddd;
}
.filebutton {
    position: relative;
    display: inline-block;
    overflow: hidden;
    border: 2px solid #2d78f4;
    color: #2d78f4;
	border-radius: 6px;
	margin: 0 40px 0 0;
	cursor: pointer;
}
.filebutton:hover {
    background: #2d78f4;
    color: white;
}
.filebutton input {
    position: absolute;
    top: 0;
	left: 0;
	opacity: 0;
    font-size: 0;
	width: 200px;
	height: 50px;
	cursor: pointer;
}
.filebutton div {
    font-size: 15px;
    padding: 5px 15px;
}
.canvasPhoto{
	cursor: pointer;
	margin: 5px;
	border-style: outset;
	padding:2px;
}
.canvasPhoto:hover{
	opacity: 0.8;
	border-style: inset;
}
.imgAuto{
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%; 
}


				/*--
				table.table-bordered tbody th,
				table.table-bordered tbody td {
					border-left-width: 0;
					border-bottom-width: 0;
				}
				table.table-bordered th:last-child,
				table.table-bordered td:last-child {
					border-right-width: 0;
				}
				table.table tbody tr.active td,
				table.table tbody tr.active th {
					background-color: #08C;
					color: white;
				}
				table.table tbody tr.active:hover td,
				table.table tbody tr.active:hover th {
					background-color: #0075b0 !important;
				}
				table.table tbody tr.active a {
					color: white;
				}
				--*/
/*--
a.green{ color:green; }

a.orangeA:hover{
	color:#1d68af;
    text-decoration:underline;
}




  
  
  
  
  
  
  
  
  
  

table.small{
    font-size: 90%;
}
tr.small{
	font-size: 90%;
}
div.triggertop_div {
	background: url(../images/h2_trigger_bg.gif) repeat-x;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}
tr.triggertop {
	height: 26px;
	line-height: 18px;
	width: 100%;
	color:#84C1FF;
}
tr.triggertop td {
	text-align: center;
	border-right: 1px solid #84c1ff;
	padding: 0px 0px 0px 0px;
}
tr.attention{
	background: #e9e9e9;
}
th.recordpre{
    color: blue;
}
th.record{
	font-size: 14px;
	font-weight: bold;
    color: green;
}
th.recordleft{
	font-size: 14px;
	font-weight: bold;
    color: #333;
	text-align: right;
	vertical-align: top;
	padding-right: 10px; 
}
th.recordimportant{
    color: #ce0000;
}
th.center_click{
    text-align: center;
	color: green;
}
th.center_click:hover{
    text-decoration:underline;
	color:blue;
	cursor: pointer;
}
th.centerbottom{
	text-align: left;
	padding: 0 3px 0 3px;
	font-size: 70%;
}
th.small{
    padding: 5px 0 1px 3px;
}
th.smallright{
    padding: 5px 3px 1px 3px;
	text-align: right;
}
th.thonly{
    padding: 10px 0 10px 3px;
	font-size: 90%;
}
th.thtop{
    padding: 10px 0 3px 0;
	text-align: center;
	color:blue;
}
th.top{
    padding: 10px 0 3px 0;
	text-align:center;
	background: url(../images/foot2.png) repeat-x left top;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}
th.top_out{
	cursor:pointer;
    margin: 5px 0 5px 0;
	padding: 8px 0 6px 0;
	text-align:center;
	color: #555;
	background: url(../images/foot22.png) repeat-x left top;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
th.top_out:hover{
	/*--background: url(../images/foot2.png) repeat-x left top;--*/
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	/*--color: green;
    text-decoration:underline;
}
td.lookuprow{
    padding: 10px 0px 5px 0px;
	text-align: center;
	font-size: 12px;
}
td.center{
    text-align: center;
	padding: 15px 0 0 0;
	color: black;
	font-size: 12px;
	font-weight: bold;
}
td.halfhead_onclick,
td.halfhead{
	padding: 10px 0 0 0;
	background: url(../images/halfheadbottom.jpg) repeat-x left top;
	-webkit-border-bottom-left-radius: 18px;
	-moz-border-radius-bottomleft: 18px;
	border-bottom-left-radius: 18px;
	-webkit-border-top-left-radius: 18px;
	-moz-border-radius-topleft: 18px;
	border-top-left-radius: 18px;
}
span.halfheadspan{
	background: url(../images/halfhead.jpg) no-repeat;
    text-align: center;
	padding: 10px 0 0 0;
	color: white;
	font-size: 13px;
	font-weight: bold;
	height:32px;
	width: 250px;
	float: left;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-bottom-left-radius: 15px;
	-webkit-border-top-left-radius: 15px;
	-moz-border-radius-topleft: 15px;
	border-top-left-radius: 15px;
}
td.halfhead_onclick span.halfheadspan{
	cursor:pointer;
}
td.halfhead_onclick span.halfheadspan:hover{
	color: #00EC00;
}
td.right{
    text-align: right;
}
td.smallcenter{
    text-align: center;
	padding: 3px 0px 3px 0px;
	background: url(../images/foot2.png) repeat-x left top;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}
td.important{
	color: blue;
	font-weight: bold;
}
td.order{
    padding: 0px 0px 5px 0px;
}
td.ordertop{
    text-align: center;
	padding: 10px 0 5px 0;
	color: #333;
	font-size: 13px;
	font-weight: bold;
}
td.orderrow{
	padding: 10px 0 0 10px;
	color: #333;
	font-size: 13px;
	font-weight: bold;
}
td.stat{
	padding: 0 0 20px 0;
	color: #3D7878;
	font-size: 10px;
	font-weight: bold;
}

input[type="text"].search{
	width: 218px;
	height: 32px;
	padding: 1px 0 0 5px;
	margin-right: 5px;
	border:0;
	background: url(../images/search_bg3.gif) no-repeat left top;
}
input[type="text"].search:hover{
	background: url(../images/search_bg3.gif) no-repeat left bottom;
	outline: none;
	cursor:pointer;
}
input[type="submit"].go{
	border:0;
	height: 54px;	
	width: 60px;
	background: url(../images/go.png);
	font-size: 9px;
	color: white;
	text-align: center;
	padding: 6px 0 0 0;
}
input[type="submit"].go:hover{
	color: #484891;
}
input[type="submit"].repeat{
	height: 44px;
	color: #C7D92C;
	text-align: center;
	width: 250px;
	background: url(../images/button-x.png) repeat-x left top;
	-webkit-border-bottom-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	-webkit-border-top-left-radius: 15px;
	-moz-border-radius-topright: 15px;
	-moz-border-radius-topleft: 15px;
	border-top-right-radius: 15px;
	border-top-left-radius: 15px;
}
input[type="submit"].repeat:hover{
	background: url(../images/button-x.png) repeat-x left bottom;
	color: #95A226;
}
span.submit_span{}
span.submit_span:hover{}
input[type="submit"].sm{}
input[type="submit"].sm:hover{}
input[type="submit"].smrepeat,
input[type="button"].smrepeatb{
	height:33px;
	width:200px;
	background: url(../images/submit2.png) repeat-x  right top;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}
input[type="submit"].smrepeat:hover,
input[type="button"].smrepeatb:hover{
	background: url(../images/submit2.png) repeat-x  right bottom;
	color:#bbb;
}
input[type="submit"].add{
	background: url(../images/add1.png) no-repeat right top;
	height:24px;
	width:50px;
	font-size:9px;
	font-weight: bold;
	padding:0 24px 0 0;
}
input[type="submit"].add:hover{
	border: 1px solid #f0f0f0;
}
input[type="submit"].good2,
input[type="submit"].good{
	background: url(../images/good.gif) no-repeat right top;
	height:16px;
	width:50px;
	font-size:9px;
	font-weight: bold;
	padding:0 17px 0 0;
}
input[type="submit"].good2:hover,
input[type="submit"].good:hover{
	border: 1px solid #f0f0f0;
}
input[type="submit"].good2{
	color:#567;
	margin:0 5px 0 0;
}
input[type="submit"].good2:hover{
	color:white;
}
input[type="submit"].violet{
	background: url(../images/violet_button.png) no-repeat right top;
}
input[type="reset"]{
    background-color:#1a1a1a;
    color:white;
}
input[type="radio"]{
/*In FF,Some radio style like background-color not been supported*/
    
	
	
	
	
	
	
	/*--margin:10px;
	border: 0px solid;
	cursor:pointer;
}
input[type="checkbox"]{
/*In FF,Some checkbox style like background-color not been supported*/
   




    /*--margin:10px 10px 0 10px;
	border: 0px solid;
	cursor:pointer;
}
select.important,
input.important{
	color: red;
}

select.important_blue,
input.important_blue{
	color: blue;
}
input.important2{
	color: purple;
}


select.shorter{ width:60px; }
select.shorterer{ width:80px; }
select.short{ width:100px; }
select.shortshort{ width:130px; }
select.shortshorter{ width:150px; }
select.shortlong{ width:164px; }
select.shortlonger{ width:190px; }
select.long{ width:220px; }
select.longer{ width:260px; }
select.longerer{ width:360px; }
select.longlong{ width:400px; }
select.longlonger{ width:450px; }


em{
	font-size: 100%;
	color: blue;
}
em.color{ color: #706A5E; }


*, * focus {
	outline: none;
	/*margin: 0;8*/
	
	
	
	
	
	
	/*--padding: 0;
}
.container {
	width: 100%;
	margin: 0 auto;
}
h2.trigger,
h2.trigger2 {
	padding: 0;
	/*--background: url(../images/h2_bg6.png) repeat-x;--*/
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	/*--background: #fff;
	width: 100%;
	float: left;
	cursor:pointer;
	text-align:center;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}
h2.trigger2 {
	/*--background: url(../images/h2_bg66.png) repeat-x;--*/
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	/*--background: #EEE;
}
h2.trigger td,
h2.trigger2 td{
	color: #333;
	height: 33px;
	font-size: 11.5px;
	font-weight: bold;
	text-align:center;
	padding: 0 0 0 0;
	margin:0 0 0 0;
	border-right: 1px solid #ccc;
}
h2.trigger:hover,
h2.trigger2:hover{ 
	background: #D1E9E9;
}
h2.trigger a ,
h2.trigger2  a{
	color: #333;
	line-height: 14px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding: 0;
	text-align:left;
	float:left;
	overflow: auto;
}
.star {
	position: absolute;
	font-family:'Comic Sans MS',cursive;
	height:22px;
	width:22px;
	line-height: 14px;
	font-size: 12px;
	font-weight: bold;
	color: black;
	text-align:center;
	margin: 3px 0 0 3px;
	background: url(../images/att30.png);
}
h2.active {background-position: left bottom;}
.toggle_container {
	margin: 0;
	padding: 0 0 20px 0;
	overflow: hidden;
	font-size: 1.2em;
	width: 100%;
	clear: both;
	background:#E8E8D0;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
.toggle_container .block {
	padding: 20px;
}
h4.h4fail{color:#ce0000;}
h4.h4yellow{color:#FF5809;}
h5.h5red{color:#ce0000;}


img.size32{
	height: 28px;
	width: 28px;
}
img.size48{
	height: 32px;
	width: 32px;
}
img.size128{
	height: 64px;
	width: 64px;
}

	
dl {
    margin:0;
    float:left;
}
dt {
    color:#343434;
    float:left;
    font-weight:bold;
    margin:0 5px 1px 0;
    padding:5px;
	text-align: right;
	width: 20%;
}
dd {
	text-align: left;
	padding: 1px 4px 1px 4px;
	width: auto;
}
div.myaccountmenudiv{
    width: 100%;
	float: left;
	text-align: center;
	background-color: #fff;
}
div.myaccountmenudivinside{
	width:180px;
	float:left;
	margin: 2px 2px 20px 2px;
}
div.myaccountmenudiv h5{
	margin: 0;
}

#right input[type="button"]{
	border: 0px solid;
	color: white;
    font-weight:bold;
}
div.myaccountmenudiv input[type="button"]{
	width: 180px;
	height:30px;
	line-height: 16px;
	overflow:hidden;
	margin: 1px 0 1px 0;
	font-size:12px;
}
div.halfbutton input[type="button"]{
	width: 88px;
}
input[type="button"].normal{
	color: red;
}
a.search_order{
	color:#84C1FF;
}
a.search_orderON{
	border-bottom: 1px solid #fff;
	color: #00EC00;
}
a.search_order:hover{
	cursor:pointer;
	border-bottom: 1px solid #fff;
	color: #00EC00;
}
#floatMess {
	position:absolute;
	top:20%;
	left:0;
	float:left;
	width:403px;
	height:250px;
	border:1px solid #999;
	background-color:#567;
	color:#ccc;
	padding:5px 5px 5px 5px;
	text-align:center;
	z-index: 3;
	overflow:hidden;
	opacity:0.9;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}
.Page_Blocker{
	position: fixed;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background-color: #000000;
	filter: alpha(opacity=25);
	opacity: .25;
}
.Page_Message{
	position: fixed;
	top: 40%;
	left: 0%;
	right: 0%;
	text-align: center;
	background: transparent;
}

/* CSS Document 
body {
	color: #555;
	font-size: 10px;
	padding: 0;
	margin: 0;
	font-size: 11px;
	font-family: verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0;
	line-height: 1.6em;
	word-spacing: normal;
	background: url(images/background.jpg) repeat-x;
}*/

















/*--
* {
	margin: 0;
	padding: 0;
}
.hide {
	display: none;
}

.banner img {
	padding: 20px 10px;
	display: block;
}
/*.banner {
	width: 100%;
	height: 136px;
	clear:both;
}
.banner div {
	margin: 0 auto;
	width: 920px;
	display:block;
}
.banner img {
	padding: 0px 0px;
	display: block;
}*/





















/*--
#btn_home li.btn_home a ,
#btn_about .btn_about a ,
#btn_solution .btn_solution a ,

#index .index a ,
#operating .operating a ,
#accounting .accounting a ,
#statistics .statistics a ,
#constructing .constructing a ,
#system .system a ,
#login .login a ,
#myaccountsale_agent .myaccountsale_agent a ,
#myaccountsale_case .myaccountsale_case a ,
#myaccountsale_pomo .myaccountsale_pomo a {
}

/*----------------------------------Global------------------------------*/
/*--
.left {
	float: left;
	clear: both;
}
img.left {
	margin: 3px 4px 3px 0;
}
.right {
	float: right;
	clear: both;
}
small{
	font-size: 9px;
}
.crumb {
	margin-left: 20px;
}
ol {
	margin-left: 30px;
}
hr {
	border: 1px solid #f0f0f0;
	height: 1px;
}
.alert {
	color: #cd2525;
	padding: 5px;
}
/*--h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
h1 {
	font-size: 1.6em;
	color: #3f3f3f;
	padding: 5px;
}
h2 {
	font-size: 1.2em;
	color: #3f3f3f;
	padding: 5px 2%;
	margin:0;
	width: 96%;
	text-align:left;
}--*/















/*--
#btn_about .col70 h2,
#btn_service .col70 h2 {
	background: #f0f0f0;
	margin: 10px 0;
	float: left;
}
h2.handler {
	font-size: 1.2em;
	background: url(../images/h2_handler.jpg) no-repeat;
	color: #fff;
	padding: 5px 5px 5px 30px;
	cursor: pointer;
	text-transform: none;
	margin-bottom: 4px;
	text-align: left;
	border: 0;
}
.vert_nav h2 {
	padding: 5px;
	margin-top: 20px;
}
/*--h3 {
	font-size: 1.2em;
	color: #444;
	padding: 0;	
}--*/




















/*--
p{
	font-size: 1.1em;
	padding: 5px 0;
	margin: 10px 0;
}
.clear {
	clear: both;
}
.ghost {
	display: none;
}
.frame {
	background: url(../images/frame.jpg) no-repeat top left;
	width: 251px;
	height: 195px;
	margin: 0 auto;
	margin-top: -8px;
}
.frame img {
	border: 0;
	padding: 25px 10px 0 10px;
	margin-bottom: 8px;
}
.cornera{
	float: left;
	display: block;
	background: #fdfdfd;
	border-left: 1px solid #ededed;
	border-right: 1px solid #ededed;
	width: 96%;
	margin-right: -2px;
	padding: 0 2%;
}
.cornertop {
	background: #fdfdfd url(../images/corner_rt.gif) no-repeat right top;
	width: 100%;
	float: left;
	display: block;
}
.cornertop img {
float: left;
}
.cornerbtm {
	background: #fdfdfd url(../images/corner_rb.gif) no-repeat right top;
	width: 100%;
	float: left;
	display: block;
	margin-bottom: 10px;
}
.cornerbtm img {
float: left;
}
.breadcrumb {
	float: left;
	width: 100%;
	font-size: 1em;
	margin: 0 0 10px 0;
}
.col60 {
	width: 57%;
	float: left;
	padding: 5px 7px;
}
.col40 {
	width: 40%;
	float: left;
	padding: 5px 5px;
}
.col70 {
	width: 65%;
	float: left;
	padding: 5px 10px;
}
.col50 {
	width: 45%;
	float: left;
	padding: 5px 7px;
}
.colspan2 ul {
float:left;
list-style:none;
width:49%;
margin:5px 0;
padding:0;
}

.colspan2 li {
border-bottom:1px dashed #f0f0f0;
padding:5px;
}

li.bullet {
background:url(../images/green_bullet.gif) no-repeat 0 6px;
padding:3px 0 3px 20px;
}

.vert_nav {
	border-right: 1px solid #f0f0f0;
}
#maincontent .vert_nav li a{
	background: url(../images/green_arrow.gif) no-repeat 5px 8px;
	color: #116a92;
	text-decoration: none;
	display:block;
	padding: 5px 5px 5px 20px;
	border-bottom: 1px solid #f0f0f0;
}
#maincontent .vert_nav li a:hover,
#maincontent .vert_nav li a.nowpage,
#operating_overview li.operating_overview a,
#operating_customer li.operating_customer a,
#operating_contract li.operating_contract a,
#operating_supply li.operating_supply a,
#operating_balance li.operating_balance a,
#operating_new li.operating_new a,
#operating_new li.operating_new a,
#operating_new li.operating_new a,
#accounting_view li.accounting_view a,
#accounting_unview li.accounting_unview a,
#accounting_expense li.accounting_expense a,
#accounting_setting li.accounting_setting a,
#accounting_search li.accounting_search a {
	color:blue;
	background: #f0f0f0 url(../images/green_arrow_f0.gif) no-repeat 5px 8px;
	display:block;
	padding: 5px 5px 5px 20px;
	text-decoration: none;
}

/*----#maincontent a{
	color: #116a92;
	text-decoration: none;
}
#maincontent a:hover{
	color: #116a92;
	text-decoration: underline;
}
a.linknone {
	text-decoration: none;
}
/*------------------------------Contact Form------------------------------*/
/*--














ul.contactform {
	padding: 7px;
	width: 100%;
}
ul.contactform li{
	padding: 5px;
}
ul.contactform li em {
	float: left;
	text-align: right;
	margin-right: 10px;
	width: 15%;
	font-weight: 700;
	font-style: normal;
}
ul.contactform li textarea {
	width: 75%;
}
ul.contactform li input {
	width: 35%;
}
ul.contactform li input.btn {
	width: 59px;
}
li.required input, li.required textarea{
	border: 1px solid #e00000;
}
li.required{
	color: #e00000;
}
/*----------------------------------Footer---------------------------------*/






/*--
.footer {
	float: left;
	clear:both;
	color: #444;
	width: 800px;
	padding: 20px 50px 10px;
	text-align:center;
	display:block;
	border-top: 1px solid #f0f0f0;
	background: url(../images/footer_stretch.gif) repeat-y;
}
.footer a{
	color: #3783bc;
	text-decoration: none;
}
.footer a:hover{
	color: #999;
	text-decoration:underline;
}
.footer h2 {
	font-size: 1.3em;
	background: none;
	border: 0;
	color: #fff;
	padding: 5px;
	text-transform: none;
	text-align: left;
}
/*---------------------SIFR-----------------------*/
/*--

















.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}
.sIFR-replaced {
	visibility: visible !important;
}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}
.sIFR-hasFlash h1 {
	visibility: hidden;
}
/*---------------------Slider-----------------------*/
/*--




















div.scroller { 
	width: 251px; 
	overflow: hidden;
	}
div.scroller div.section {	
	width:251px;
	overflow:hidden;
	float:left;	
	}
div.scroller div.content {
	width: 10000px;
	}
.next_arrow a{
	height: 29px;
	float: left;
	background: url(../images/next_arrow.jpg) no-repeat;
	width: 28px;
}
.next_arrow a:hover{
	height: 29px;
	float: left;
	background: url(../images/next_arrow.jpg) no-repeat right top;
	width: 28px;
}
.back_arrow a{
	height: 29px;
	float: left;
	background: url(../images/back_arrow.jpg) no-repeat;
	width: 28px;
}
.back_arrow a:hover{
	height: 29px;
	float: left;
	background: url(../images/back_arrow.jpg) no-repeat right top;
	width: 28px;
}
#my-glider .center {
	width: 60px;
	margin: 5px auto 5px;
	position: relative;
}
.construction{
        text-indent: -9999px;
        float: left;
}
th {
	padding-top:15px;
}