html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
.about { margin: 80px auto; padding: 8px; width: 240px; font: 10px/18px "Lucida Grande", Tahoma, Verdana, sans-serif; color: #777; text-align: center; text-shadow: 0 1px rgba(255, 255, 255, 0.25); background: #eee; background: rgba(250, 250, 250, 0.8); border-radius: 4px; -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 0 6px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 0 6px rgba(0, 0, 0, 0.2); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)); background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)); }
.about a { color: #333; text-decoration: none; border-radius: 2px; -webkit-transition: 0.1s; -moz-transition: 0.1s; -o-transition: 0.1s; transition: 0.1s; }
.about a:hover { text-decoration: none; background: #fafafa; background: rgba(255, 255, 255, 0.7); }
.about-links { height: 30px; }
.about-links a { float: left; width: 50%; line-height: 30px; font-size: 12px; }
.about-author { margin-top: 5px; }
.about-author a { padding: 1px 3px; margin: 0 -1px; }
/*
 * Copyright (c) 2012 Thibaut Courouble
 * http://www.webinterfacelab.com
 *
 * Licensed under the MIT License:
 * http://www.opensource.org/licenses/mit-license.php
 */
body { font: 13px/20px "Lucida Grande", Tahoma, Verdana, sans-serif; color: #404040; background: #0ca3d2; }
.container { margin: 80px auto;/*width: 640px;*/
}
.login { position: relative; margin: 0 auto; padding: 20px 20px 10px; width: 310px; background: white; border-radius: 3px; -webkit-box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3); box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3); }
.login:before { content: ''; position: absolute; top: -8px; right: -8px; bottom: -8px; left: -8px; z-index: -1; background: rgba(0, 0, 0, 0.08); border-radius: 4px; }
.login h1 { margin: -20px -20px 21px; line-height: 40px; font-size: 15px; font-weight: bold; color: #555; text-align: center; text-shadow: 0 1px white; background: #f3f3f3; border-bottom: 1px solid #cfcfcf; border-radius: 3px 3px 0 0; background-image: -webkit-linear-gradient(top, whiteffd, #eef2f5); background-image: -moz-linear-gradient(top, whiteffd, #eef2f5); background-image: -o-linear-gradient(top, whiteffd, #eef2f5); background-image: linear-gradient(to bottom, whiteffd, #eef2f5); -webkit-box-shadow: 0 1px whitesmoke; box-shadow: 0 1px whitesmoke; }
.login p { margin: 20px 0 0; }
.login p:first-child { margin-top: 0; }
.login input[type=text], .login input[type=password] { width: 278px; }
.login p.remember_me { float: left; line-height: 31px; }
.login p.remember_me label { font-size: 12px; color: #777; cursor: pointer; }
.login p.remember_me input { position: relative; bottom: 1px; margin-right: 4px; vertical-align: middle; }
.login p.submit { text-align: right; }
.login-help { margin: 20px 0; font-size: 11px; color: white; text-align: center; text-shadow: 0 1px #2a85a1; }
.login-help a { color: #cce7fa; text-decoration: none; }
.login-help a:hover { text-decoration: underline; }

:-moz-placeholder {
 color: #c9c9c9 !important;
 font-size: 13px;
}

::-webkit-input-placeholder {
 color: #ccc;
 font-size: 13px;
}
input { font-family: 'Lucida Grande', Tahoma, Verdana, sans-serif; font-size: 14px; }
input[type=text], input[type=password] { margin: 5px; padding: 0 10px; width: 200px; height: 34px; color: #404040; background: white; border: 1px solid; border-color: #c4c4c4 #d1d1d1 #d4d4d4; border-radius: 2px; outline: 5px solid #eff4f7; -moz-outline-radius: 3px; -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12); }
select { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; -moz-outline-radius: 3px 3px 3px 3px; background: none repeat scroll 0 0 white; border-color: #C4C4C4 #D1D1D1 #D4D4D4; border-image: none; border-radius: 2px 2px 2px 2px; border-style: solid; border-width: 1px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12) inset; color: #404040; line-height: 15px; margin: 5px; outline: 5px solid #EFF4F7; padding: 2px 2px 2px 5px;height: 25px; width: 200px; }
input[type=text]:focus, input[type=password]:focus { border-color: #7dc9e2; outline-color: #dceefc; outline-offset: 0; }
input[type=submit] { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; -moz-box-sizing: content-box; background: linear-gradient(to bottom, #EDF5F8, #CDE5EF) repeat scroll 0 0 #CDE5EF; border-color: #B4CCCE #B3C0C8 #9EB9C2; border-image: none; border-radius: 16px 16px 16px 16px; border-style: solid; border-width: 1px; box-shadow: 0 1px white inset, 0 1px 2px rgba(0, 0, 0, 0.15); color: #527881; font-size: 12px; font-weight: bold; height: 23px; /*margin-top: 5px;*/
    outline: 0 none; padding: 0 18px; text-shadow: 0 1px #E3F1F1; }
input[type=submit]:active { background: #cde5ef; border-color: #9eb9c2 #b3c0c8 #b4ccce; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2); }
.lt-ie9 input[type=text], .lt-ie9 input[type=password] { line-height: 34px; }
.message_ok { font-family: Verdana; font-size: 11px; height: auto; padding: 8px 0px 8px 35px; text-align: left; background-attachment: scroll; background-color: #f5f9fd; background-image: url(../images/accept.png); background-repeat: no-repeat; background-position: 11px 7px; border: 1px solid #6CEC66; margin-bottom:3px; }
.message_error { font-family: Verdana; font-size: 11px; height: auto; padding: 8px 0px 8px 35px; text-align: left; background-attachment: scroll; background-color: #FDF4F5; background-image: url(../images/exclamation.png); background-repeat: no-repeat; background-position: 11px 7px; border: 1px solid #EC91A8; margin-bottom:3px; }
.message_note { font-family: Verdana; font-size: 11px; height: auto; padding-left: 31px; padding-right: 2px; margin-top:3px; text-align: left; background-attachment: scroll; background-color: #E9F8FE; background-image: url(../images/information.png); background-repeat: no-repeat; background-position: 11px 7px; border: 1px solid #79DBFF; margin-bottom:3px; }
.error { background: #f8dbdb !important; border-color: #e77776 !important; }
div.autosuggest { position: absolute; background-image: url(../images/as_pointer.gif); background-position: top; background-repeat: no-repeat; padding: 10px 0 0 0; }
div.autosuggest div.as_header, div.autosuggest div.as_footer { position: relative; height: 6px; padding: 0 6px; background-color:#333333; background-position: top right; background-repeat: no-repeat; overflow: hidden; }
div.autosuggest div.as_footer { background-color:#333333; }
div.autosuggest div.as_header div.as_corner, div.autosuggest div.as_footer div.as_corner { position: absolute; top: 0; left: 0; height: 6px; width: 6px; background-color:#333333; background-position: top left; background-repeat: no-repeat; }
div.autosuggest div.as_footer div.as_corner { background-color:#333333; }
div.autosuggest div.as_header div.as_bar, div.autosuggest div.as_footer div.as_bar { height: 6px; overflow: hidden; background-color: #333; }
div.autosuggest ul { list-style: none; margin: 0 0 -4px 0; padding: 0; overflow: hidden; background-color: #333; }
div.autosuggest ul li { color: #ccc; padding: 0; margin: 0 4px 4px; text-align: left; }
div.autosuggest ul li a { color: #ccc; display: block; text-decoration: none; background-color: transparent; text-shadow: #000 0px 0px 5px; position: relative; padding: 0; width: 100%; }
div.autosuggest ul li a:hover { background-color: #444; }
div.autosuggest ul li.as_highlight a:hover { background-color: #1B5CCD; }
div.autosuggest ul li a span { display: block; padding: 3px 6px; font-weight: bold; }
div.autosuggest ul li a span small { font-weight: normal; color: #999; }
div.autosuggest ul li.as_highlight a span small { color: #ccc; }
div.autosuggest ul li.as_highlight a { color: #fff; background-color: #1B5CCD; background-color:#333333; background-position: bottom right; background-repeat: no-repeat; }
div.autosuggest ul li.as_highlight a span { background-color:#333333; background-position: bottom left; background-repeat: no-repeat; }
div.autosuggest ul li a .tl, div.autosuggest ul li a .tr { background-image: transparent; background-repeat: no-repeat; width: 6px; height: 6px; position: absolute; top: 0; padding: 0; margin: 0; }
div.autosuggest ul li a .tr { right: 0; }
div.autosuggest ul li.as_highlight a .tl { left: 0; background-color:#333333; background-position: bottom left; }
div.autosuggest ul li.as_highlight a .tr { right: 0; background-color:#333333; background-position: bottom right; }
div.autosuggest ul li.as_warning { font-weight: bold; text-align: center; }
div.autosuggest ul em { font-style: normal; color: #6EADE7; }
#calendarDiv { position:absolute; width:205px; border:1px solid #317082; padding:1px; background-color: #FFF; font-family:arial; font-size:10px; padding-bottom:20px; visibility:hidden; }
#calendarDiv span, #calendarDiv img { float:left; }
#calendarDiv .selectBox, #calendarDiv .selectBoxOver { line-height:12px; padding:1px; cursor:pointer; padding-left:2px; }
#calendarDiv .selectBoxTime, #calendarDiv .selectBoxTimeOver { line-height:12px; padding:1px; cursor:pointer; padding-left:2px; }
#calendarDiv td { padding:3px; margin:0px; font-size:10px; }
#calendarDiv .selectBox { border:1px solid #E2EBED; color: #E2EBED; position:relative; }
#calendarDiv .selectBoxOver { border:1px solid #FFF; background-color: #317082; color: #FFF; position:relative; }
#calendarDiv .selectBoxTime { border:1px solid #317082; color: #317082; position:relative; }
#calendarDiv .selectBoxTimeOver { border:1px solid #216072; color: #216072; position:relative; }
#calendarDiv .topBar { height:16px; padding:2px; background-color: #317082; }
#calendarDiv .activeDay {	/* Active day in the calendar */ color:#FF0000; }
#calendarDiv .todaysDate { height:17px; line-height:17px; padding:2px; background-color: #E2EBED; text-align:center; position:absolute; bottom:0px; width:201px; }
#calendarDiv .todaysDate div { float:left; }
#calendarDiv .timeBar { height:17px; line-height:17px; background-color: #E2EBED; width:72px; color:#FFF; position:absolute; right:0px; }
#calendarDiv .timeBar div { float:left; margin-right:1px; }
#calendarDiv .monthYearPicker { background-color: #E2EBED; border:1px solid #AAAAAA; position:absolute; color: #317082; left:0px; top:15px; z-index:1000; display:none; }
#calendarDiv #monthSelect { width:70px; }
#calendarDiv .monthYearPicker div { float:none; clear:both; padding:1px; margin:1px; cursor:pointer; }
#calendarDiv .monthYearActive { background-color:#317082; color: #E2EBED; }
#calendarDiv td { text-align:right; cursor:pointer; }
#calendarDiv .topBar img { cursor:pointer; }
#calendarDiv .topBar div { float:left; margin-right:1px; }
#head_msg { text-align:center; font-family:Verdana, Geneva, sans-serif; font-size:12px; font-weight:600; color:#527893; }
.select_com { width: 300px; }
.secu_img_boder { border:solid 1px #999; }
.red_text{color:#F30;font-weight:bold;}