* { margin:0px; padding:0px; outline:0px; font-family: Verdana,Arial,Sans-serif; font-size:12px; }
body { background:#fff url(../images/bg.gif) repeat-x top; color:#333; margin:0px; border:0px; min-width:1024px; line-height:150%; }
a { color:#333399; text-decoration:none; }
a:hover { color:#cd0a0a; }
ul, ol { list-style:none; }
label { text-align:right; width:120px; margin:0 15px 15px 0; float:left; display:block; height:20px; line-height:20px; }
input { border:1px solid #ccc; height:20px; float:left; margin-bottom:15px; width:193px; background:#fff; }
input[type="checkbox"] { width:auto; }
input.hasDatepicker { background:url(../images/cal.gif) no-repeat right; }
input[disabled="disabled"],textarea[disabled="disabled"],select[disabled="disabled"] { border:1px solid #fff; color:#333; }
select { border:1px solid #ccc; height:22px; float:left; margin-bottom:15px; width:193px; background:#fff; }
textarea { border:1px solid #ccc; float:left; margin-bottom:15px; width:193px; background:#fff; resize:vertical; }
button { background:url(../images/btn.gif) repeat-x; text-align:center; border:1px solid #ccc; padding:2px 5px; font-size:11px; font-weight:bold; cursor:pointer; }
input:focus,textarea:focus,select:focus { background-color:#ffb; }
.printonly { display:none; }
/*----------Login Page-------------------------------------------------*/
#login-wrapper { width:784px; margin:0px auto; display:block; }
#login { margin:0px auto; height:210px; width:399px; background:url(../images/lgoin_bg.jpg) no-repeat top center; padding:130px 0 0 5px; }
#login-bottom { width:616px; height:227px; background:url(../images/vehicle_maintenance.jpg) no-repeat center top; padding:93px 0 0 168px; }
#login-wrapper p { text-align:center; font-style:italic; color:#528397; margin-top:13px; }
#login-wrapper p a { color:#528397; } #login-wrapper p a:hover { color:#00CCFF; }
#login-footer { text-align:center; font-size:11px; color:#666; border-bottom:1px solid #999; border-top:1px solid #999; padding:5px 0;}
/*----------Home Page-------------------------------------------------*/
#topbanner { margin:20px; height:44px; line-height:44px; padding-left:20px; background:url(../images/top_bg.gif) repeat-x; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -moz-box-shadow: 0px 0px 3px #666; -webkit-box-shadow: 0px 0px 3px #666; box-shadow: 0px 0px 3px #666; }
#topbanner h1 { float:left; color:#fff; background:url(../images/logo.png) no-repeat left center; width:247px; height:44px; text-indent:-1000px; }
#topbanner p { float:right; color:#666; padding-right:10px; }
#topbanner button { background:url(../images/search_btn.gif) no-repeat; width:60px; height:21px; border:none; color:#FFFFFF; margin-left:10px; cursor:pointer; }

#overlay { background:#000000; opacity:0.3; width:100%; height:100%; position:fixed; z-index:1000; overflow:hidden; display:none; }
#overlayform { top:50%; left:50%; width:400px; margin-left:-200px; height:320px; margin-top:-150px; background:#ffffff; border-right:2px solid #999999; border-bottom:2px solid #999999; position:fixed; z-index:1001; display:none; min-height:10px; }
#overlayform input, #overlayform select, #overlayform textarea { width:190px; }
#overlayform h1 { background:#cccccc; color:#333333; margin:0px; font-size:16px; height:25px; line-height:25px; padding-left:10px; margin-bottom:10px; }
#overlayform h1 span { background:url(../images/close.png) no-repeat; display:block; float:right; margin:-10px; height:30px; width:30px; cursor:pointer; }

#overlays { background:#000000; opacity:0.3; width:100%; height:100%; position:fixed; z-index:1000; overflow:hidden; display:none; top:0px; left:0px; right:0px; }
#overlayforms { top:50%; left:50%; width:400px; margin-left:-200px; height:320px; margin-top:-150px; background:#ffffff; border-right:2px solid #999999; border-bottom:2px solid #999999; position:fixed; z-index:1001; display:none; min-height:10px; }
#overlayforms input, #overlayforms select, #overlayforms textarea { width:190px; }
#overlayforms h1 { background:#cccccc; color:#333333; margin:0px; font-size:16px; height:25px; line-height:25px; padding-left:10px; margin-bottom:10px; }
#overlayforms h1 span { background:url(../images/close.png) no-repeat; display:block; float:right; margin:-10px; height:30px; width:30px; cursor:pointer; }

#content-area { margin:20px; border:4px solid #344353; background:#fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -moz-box-shadow: 0px 0px 8px #4d6580;-webkit-box-shadow: 0px 0px 8px #4d6580; box-shadow: 0px 0px 8px #4d6580;}
#menu { background:url(../images/menubg.gif) repeat-x top; height:24px; margin-bottom:10px; color:#fff; font-family:sans-serif; }
#menu-left { background:url(../images/menuleft.gif) no-repeat; width:52px; height:24px; float:left; }
#menu-right { background:url(../images/menuright.gif) no-repeat; width:52px; height:24px; float:right; }
#menu ul { list-style:none; }
#menu ul li { float:left; position: relative;}
#menu ul li a { color:white; display:block; height:24px; padding:0px 20px 0px 10px; line-height:20px; text-decoration:none; }
#menu ul li:hover { background:white;  }
#menu ul li:hover a { color:black; }
#menu ul li ul { position:absolute; z-index:100;border:10px solid #344353;;display:none; }
#menu ul li ul li ul{ 	border:10px solid #344353;; }
#menu ul li ul li { float:none; display:none;border-bottom:dotted 1px grey; }
#menu ul li ul li a { color:black; width:175px; padding:0 0 0 30px; }
#menu ul li ul li a span { color:#fff; float:right;text-align:right; }
#menu ul li:hover ul li { display:block; background:white; padding-right:14px; }
#menu ul li:hover ul li:hover { background:#D5DCE3; }
#menu ul li:hover > ul{display: block;}
#menu ul li ul li a{whitewhite-space: nowrap; line-height:25px;}
#menu ul li ul li ul{position: absolute; top:0; left:50%; display: none; background-color: #000; z-index:100;}
#ri {float:right;}
#floatnav { height:58px; margin-bottom:25px; background:url(../images/top_head_bg.gif) repeat-x; font-family:Arial, Helvetica, sans-serif; }
#floatnav ul { width:100%; display:table; }
#floatnav ul li { display:table-cell; }
#floatnav ul li.navleft { background:url(../images/top_head_left.gif) no-repeat; width:120px; }
#floatnav ul li.navright { background:url(../images/top_head_right.gif) no-repeat; width:120px; }
#floatnav ul li.active { background: url(../images/main_menu_active.gif) repeat-x bottom; }
#floatnav a { padding-top:40px; display:block; background-repeat:no-repeat; background-position:center 10px; text-align:center; color:#fff; border-right:1px solid #030f1c; }

#column-wrapper { width:auto; margin:20px; }
h2 {height:13px;background:#778899; color:white; padding:2px 14px 7px 14px; margin-right:3px; margin-bottom:9px;border-radius:7px;
	font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold;text-transform:uppercase; float:left;
	cursor:pointer; border:1px solid #464c54; border-bottom:0px none; }
h2:hover { border-color:white; }
h2.active, h2.active:hover { background:#f0f8ff; color:#282E32; border-left:0px none; border-right:0px none; }
h3 { background:#464c54 url(../images/tab_off.jpg) repeat-x bottom; color:#ffebb5; padding:8px 14px 8px 14px; margin-right:3px;
	font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold;text-transform:uppercase; float:left;
	cursor:pointer; border:1px solid #464c54; border-bottom:0px none; }
h3:hover { border-color:#2f343a; }
h3.active, h3.active:hover { background:#fff url(../images/tab_on.jpg) repeat-x top; color:#282E32; border-left:0px none; border-right:0px none; }
.tabcontent { padding:10px; font-family:Arial, Helvetica, sans-serif; background:#fff url(../images/content_bottom.jpg) repeat-x bottom; clear:left; display:none; }
div.active { display:block; }
#rightbar { width:350px; float:right; border:1px solid #494e52; background:#41546b; padding:8px; margin-left:20px; }
#rightbar2 { width:350px; float:right; border:1px solid #494e52; background:#41546b; padding:8px; margin-left:20px; }
#mainarea { border:1px solid #494e52; background:#41546b; padding:8px; margin-right:390px; }
table.border { border:1px solid #999; border-collapse:collapse; }
table.border th { background:#ECEFF2; color:#162440; border:1px solid #999; padding:5px; }
table.border td { color:#333; border:1px solid #999; padding:5px; }
table.border td a { padding-left:18px; background:url(../images/ui-icons_2e83ff_256x240.png) 0px 0px no-repeat; }
table.border td a:hover { background-image:url(../images/ui-icons_cd0a0a_256x240.png); }
table.border td a span { background:#fff; }
table.border td a.edit { background-position:-65px -110px; }
table.border td a.face { background-position:-145px -95px; }
table.border td a.delete { background-position:-175px -95px; }
table.border input,table.border select { margin:0px; }
table.border2 { border:1px dotted #999; border-collapse:collapse; }
table.border2 th { background:#ECEFF2; color:#162440; border:1px solid #999; padding:0px;text-align:left; }
table.border2 td { color:#333; border:1px dotted #999; padding:2.5px;text-align:left; }
table.curvedEdges td, table.curvedEdges th {border-bottom:1px dotted black;padding:5px;border:2px solid #ADD8E6;-webkit-border-radius:13px;-moz-border-radius:13px;-ms-border-radius:13px;-o-border-radius:13px;border-radius:13px; }

table.curvedEdges2 {border-bottom:1px dotted black;padding:1px;border:5px solid white;background:#F0F8FF;;-webkit-border-radius:13px;-moz-border-radius:13px;-ms-border-radius:13px;-o-border-radius:13px;border-radius:13px; }
table.curvedEdges2 td { border-collapse:collapse;text-align:left; }
button.main { height:58px; margin-bottom:25px; background:url(../images/top_head_bg.gif) repeat-x; color:#fff; -moz-box-shadow: 0px 0px 3px #4d6580;-webkit-box-shadow: 0px 0px 3px #4d6580; box-shadow: 0px 0px 3px #4d6580; }
button.main:hover { background: url(../images/main_menu_active.gif) repeat-x bottom; }
button.main span { background-repeat:no-repeat; background-position:center top; padding-top:30px; display:block; }

#column3 { width:auto; clear:left; display:block; margin-top:20px;}
/*----------record page-----------------------------------------------*/
#footer { background:url(../images/footer_bg.gif) repeat-x bottom; height:22px; margin-top:10px; line-height:25px; color:#fff; text-align:center; font-family:Geneva, Arial, Helvetica, sans-serif; }
#footer-left { background:url(../images/footer_left.gif) no-repeat; width:52px; height:22px; float:left; }
#footer-right { background:url(../images/footer_right.gif) no-repeat; width:52px; height:22px; float:right; }

#form-nav-wrapper { display:block; height:25px;}
#form-nav-wrapper ul { list-style:none; margin-left:50px;}
#form-nav-wrapper ul li, #form-nav-wrapper ul li.active {-webkit-border-top-left-radius: 6px;-webkit-border-top-right-radius: 6px;-moz-border-radius-topleft: 6px;-moz-border-radius-topright: 6px;border-top-left-radius: 6px;border-top-right-radius: 6px; padding:0 15px; line-height:25px; border-left:1px solid #666; border-right:1px solid #666; border-top:1px solid #666; float:left; display:block; margin-left:5px; background:url(../images/nav_bg_noactive.gif) repeat-x top; cursor:pointer; text-shadow:1px 1px 0 #fff;}
#form-nav-wrapper ul li.active { background:#666 url(../images/nav_bg.gif) repeat-x bottom; color:#FFFFFF; z-index:2; border-bottom:1px solid #e3edf7; margin-bottom:-3px; color:#003366;}
#form-wrapper { margin:0 20px 20px 20px; display:block; clear:both;-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; border:1px solid #666; padding:15px; background:#fff url(../images/form_bg.gif) repeat-x top;-moz-box-shadow: 0px 0px 3px #4d6580;-webkit-box-shadow: 0px 0px 3px #4d6580; box-shadow: 0px 0px 3px #4d6580;}

legend { padding:0px 5px; color:#000; font-weight:bold; }
fieldset { padding:10px 0px; margin:10px 0px; border:1px solid #000; }

#sub-menu-wrapper { display:block; margin:0 180px 20px 180px; height:31px; width:auto;}
#sub-menu-left { background:url(../images/sub_menu_left.gif) no-repeat left top; width:9px; height:31px; float:left;}
#sub-menu { background:url(../images/sub_menu_bg.gif) repeat-x top; text-align:center; line-height:25px; line-height:25px; width:auto; padding-top:6px; margin:0 8px 0 9px;}
#sub-menu-right { background:url(../images/sub_menu_right.gif) no-repeat right top; float:right; width:8px; height:31px;}
#sub-menu ul { margin:0px auto;}
#sub-menu ul li { display:block; float:left; height:20px; line-height:20px; width:13%; overflow:hidden;}
#sub-menu ul li a { color:#fff; padding-left:2px; height:20px; line-height:20px;}

/*------------------------Clear fix ------------------------------------------*/
.clearfix:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clearfix {display:block;}
.lowstock { background:#FFB8C4}
.lowstock1 { background:#B4C6DF}
* html .clearfix {height:1%;}
#overlay { background:#000000; opacity:0.3; width:100%; height:100%; position:fixed; margin-top:-10px; z-index:1000; overflow:hidden; display:none; }
#overlayform { top:50%; left:35%; width:1000px; margin-left:-250px; height:300px; margin-top:-140px; background:#ffffff; border-right:2px solid #999999; border-bottom:2px solid #999999; position:fixed; z-index:1001; display:none; }
#overlayform h1 { color:#fff; background:#41546b; margin:0px; padding:5px; font-size:15px; font-weight:bold; }
#overlayform label { line-height:20px; margin-bottom:10px; color:#333; width:150px; text-align:right; margin-right:10px; display:block; float:left; }
#overlayform input, #overlayform select { border:1px solid #4c7f00; width:300px; margin-bottom:10px; background:#ffffff; }
#overlayform textarea {border:1px solid #4c7f00; resize:none; width:300px; margin-bottom:10px; background:#ffffff; }

#overlayform1 { top:50%; left:35%; width:1000px; margin-left:-250px; height:300px; margin-top:-140px; background:#ffffff; border-right:2px solid #999999; border-bottom:2px solid #999999; position:fixed; z-index:1001; display:none; }
#overlayform1 h1 { color:#fff; background:#41546b; margin:0px; padding:5px; font-size:15px; font-weight:bold; }
#overlayform1 label { line-height:20px; margin-bottom:10px; color:#333; width:150px; text-align:right; margin-right:10px; display:block; float:left; }
#overlayform1 input, #overlayform1 select { border:1px solid #4c7f00; width:300px; margin-bottom:10px; background:#ffffff; }
#overlayform1 textarea {border:1px solid #4c7f00; resize:none; width:300px; margin-bottom:10px; background:#ffffff; }

.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; }
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }