@charset "utf-8";
@import url("../../jqueryui/ui.all.css");
body, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, legend, img { margin:0px; padding:0px;}
img { border:none;}
ul, ol { list-style:none;}
a {color:#5087CB; text-decoration:none;}
a:hover { color:#c1020e; text-decoration:underline;}


/*Layout*/
body { font-size:12px; font-family: Arial, Helvetica, sans-serif; background:url(../images/back_slice.jpg) repeat-x 0 0;color:#666666;}
h1 {color: #3277a8;font-family: Georgia, "Times New Roman", Times, serif;font-size: 18px; line-height:40px; margin:0;padding: 0px;}
#page {width:900px;margin-right: auto;margin-left: auto;}
#container{margin-top:10px;}
#sidebar{ width:200px; float:left;}
#mainContent{ float:right; width:690px;}

/* Header */
#masthead {;height: 159px;width: 900px; position:relative; margin-bottom:10px;}
#logo {background:url(../images/logo.jpg) no-repeat left top;height: 94px;}
#searchHolder{height: 34px;width: 900px;}
.search {font-size:10px;color: #dde;}
#searchHolder a {color:#dde;font-weight: bold;text-decoration: none;text-transform: none;}
#dateTime {float: left;margin-left: 6px;margin-top: 15px;}
#searchSection {float: right;margin-top: 9px;}
.ad{float:left;width:500px;height:60px; border:1px solid #0088cc; margin-top:1px; overflow:hidden;}
.nav{float:right; width:800px; height:100px; position:relative;}

.headerNav {display:block; overflow:hidden; height:22px; float:right; position:absolute; top:5px;right:0px; }
.headerNav li { float:left; margin-left:-1px; padding:0 0 0 10px;}
.headerNav li a { line-height:22px; font-size:11px; color:#fff; padding-right:15px;}
.searchNav{color: #999999; font-size: 11px;font-weight: bold;vertical-align:middle; position:absolute;bottom:0; right:0;top:80px;}
.searchNav button{float:none; padding:0; margin:0; }
.headerNav .login, .headerNav .login a{ background:url(../images/loginBg.png) no-repeat; height:22px;}
.headerNav .login{ background-position:0 0; padding-left:7px;}
.headerNav .login a{ background-position:100% -23px;padding:0 5px 0 8px; color:#fff; display:block; font-weight:bold;width:50px;}

/*article*/
.article h1{font-size:16px; color:#A0B0BB; font-weight:normal; height:20px; line-height:18px; text-align:left; margin-top:10px;}
.article li { padding:8px 0 7px 0; border-bottom: 1px solid #CCCCCC; float:left;width:190px;}
.article li:hover {background:url(../images/arrowMenu.gif) no-repeat 170px 4px}
.article li a{font-weight:bold; padding-left:10px; color:#999999;}
.article li.selected{ background:url(../images/arrowMenu.gif) no-repeat 170px 4px;}
.article li.selected a{ color:#1D5A87;}

/*table*/
table.infor td{border-left:1px solid #DADADA;border-bottom:1px solid #DADADA; padding-left:10px;}
table.infor{border-top:1px solid #DADADA;border-right:1px solid #DADADA;}

/*Form*/
input[type="text"], input[type="password"], textarea {border-color:#ACACAC #E7E7E7 #E7E7E7 #ACACAC; border-style:solid; border-width:1px;}
fieldset input[type="text"], fieldset input[type="password"], fieldset select {width:200px}
input[type="checkbox"],input[type="radio"]{ vertical-align:middle;}
select{ margin-top:2px;}
input.small {width:70px}
input.postcode {width:70px}
input.phone {width:120px}
input.j-date {width:80px}
input.required, textarea.required {background-color:#FFF7CD;background-image:url(../images/input_mst.gif);background-position:98.5% 2px;background-repeat:no-repeat;border-color:#F8AB06 #FFE87E #FFE87E #F8AB06;}
input.hover, textarea.hover { border-color:#5cc0ff #d8f0ff #d8f0ff #5cc0ff;}
input.focus, textarea.focus { border-color:#5cc0ff #d8f0ff #d8f0ff #5cc0ff; background-color:#f4feff;}
input.error, textarea.error {border-color: #FF3300;}
input.readonly, textarea.readonly {background: none;}
span.error {float: none; color: red; vertical-align: top;}
form button {cursor:pointer;overflow:visible;}
form button.left{float:left;}
form .fieldbox{clear: both;margin: 10px 0}
form .submit{clear: both;}

fieldset {padding:5px; margin-top: 10px;border:1px solid #DADADA;}
fieldset p{ clear:both; display:block; padding:5px 0;}
fieldset .line {border-bottom:1px dotted #C9CACA;margin-bottom:10px;padding-bottom:5px;}
fieldset label{ float:left; width:260px;text-align:right; line-height:16px; margin-right:5px;}
fieldset input{}
fieldset span.info{ color:#999; clear:left;display:block; width:350px; margin-left:265px;}
fieldset legend{color:#1B6A92;  border:1px solid #DADADA; padding:2px;font-weight:bolder;}
fieldset legend:hover{ background-color:#ddd;}
fieldset .complete, fieldset .incomplete{ padding:5px 10px 5px 30px; margin:5px 10px; border:1px solid #CEEDFD; font-size:13px; font-weight:bold;}
fieldset .complete{ background:url(../images/complete.gif) no-repeat 96% 3px;}
fieldset .incomplete{ background:url(../images/incomplete.gif) no-repeat 96% 2px;}
.fieldset div{clear:both; display:block; padding:5px 0;}

/* Pages Form */
.pageForm { display:block; overflow:auto;}
.pageForm .pageFormContent { display:block; overflow:auto; padding:10px 5px; position:relative;}
.pageFormContent div { clear:both; display:block; overflow:hidden; height:auto;}
.pageFormContent>p { display:block; height:21px; margin:0; padding:5px 0; position:relative;}
.pageFormContent>p.br{ clear: both}
.pageFormContent>p.textareaBar { height:auto;}
.pageFormContent .radioGroup { float:left; display:block; overflow:hidden;}
.pageFormContent label { float:left; width:140px; padding:0 5px; line-height:21px; height: 21px; overflow: hidden;}
.pageFormContent label.radioButton { float:left; width:auto; padding:0 10px 0 0; line-height:21px;}
.pageFormContent .textInput { float:left;}
.pageFormContent select { float:left;}
.pageFormContent .inputInfo { padding:0 5px; line-height:21px;}
.pageFormContent .unit { padding:0 5px; line-height:21px;}

.pageForm .formBar { clear:both; padding:0 5px; height:30px; padding-top:5px; border-style:solid; border-width:1px 0 0 0;}
.pageForm .formBar ul { float:right;}
.pageForm .formBar li { float:left; margin-left:5px;}
.pageForm .divider { clear:both; display:block; overflow:hidden; text-indent:-1000px; width:auto; height:1px; padding:4px 0 0 0; margin-bottom:5px; border-style:dotted; border-width:0 0 1px 0;}


/* Table */
table.list {width:100%; border-collapse:collapse; border:solid 1px #dadada; clear:both; margin-top:10px;}
table.list th {padding:0 3px; line-height:22px; border: solid 1px #dadada; border-bottom:solid 2px #dadada; font-weight:bolder; background:#f0f0f0 url(../images/table/thbg.gif) repeat-x center;}
table.list td {height:21px; border-right:solid 1px #dadada;}

table.list .right {text-align:right;}
table.list .trbg {background-color:#f8f8f8;}
table.list .hot {background-color:#fff5c0;}
table.list .hover {background-color:#e4f5ff;}
table.list .selected {background-color:#bbb;}
table.list a {color:#3C7FB1; }
table.list .hover {background-color:#e4f5ff;}
table.list a:hover {text-decoration:underline; }

table.list tfoot, table.list tfoot ul li a, table.list tfoot ul li span {background-image:url(../images/table/page.gif);}
table.list tfoot {text-align:right; background-color:#f1f0f1; background-position:0 -400px; background-repeat:repeat-x;}
table.list tfoot a {color:#0B333C;text-decoration:none;}
table.list tfoot a:hover {color:#FF4200;}
table.list tfoot td {border-top:solid 1px #dadada;}

table.list tfoot ol, table.list tfoot ul { display:inline; padding:0 5px 0 0;}
table.list tfoot ol li, table.list tfoot ul li { display:inline; line-height:30px;}
table.list tfoot ol a { font-weight:bolder; padding:0 2px;}
table.list tfoot ol li.selected a { padding:2px 4px; border-style:solid; border-width:2px 1px 1px 1px; border-color:#acacac; background-color:#FFF;}
table.list tfoot ul li { padding:0 5px; border-left:solid 1px #acacac;}
table.list tfoot ul .first a { padding-left:10px; background-position:1px 2px; background-repeat:no-repeat;}
table.list tfoot ul .previous a { padding-left:10px; background-position:1px -48px; background-repeat:no-repeat;}
table.list tfoot ul .next a { font-weight:bolder; padding-right:10px; background-position:98% -98px; background-repeat:no-repeat;}
table.list tfoot ul .last a { padding-right:10px; background-position:98% -148px; background-repeat:no-repeat;}
table.list tfoot ul li span { color:#b7babc; cursor:default;}
table.list tfoot ul .first span { padding-left:10px; background-position:1px -198px; background-repeat:no-repeat;}
table.list tfoot ul .previous span { padding-left:10px; background-position:1px -248px; background-repeat:no-repeat;}
table.list tfoot ul .next span { font-weight:bolder; padding-right:10px; background-position:98% -298px; background-repeat:no-repeat;}
table.list tfoot ul .last span { padding-right:10px; background-position:98% -348px; background-repeat:no-repeat;}

.table_tool .edit a, .table_tool .delete a, .table_tool .preview a, .table_tool .sortable a, .table_tool .upload a { background-image:url(../images/table/table_icon.gif); background-repeat:no-repeat;}
.table_tool { margin-top:3px;}
.table_tool li { display:inline;}
.table_tool .edit a, .table_tool .delete a, .table_tool .preview a, .table_tool .sortable a, .table_tool .upload a { float:left; width:15px; height:15px; overflow:hidden; margin:0 2px; text-indent:-100px;}
.table_tool .edit a { background-position:0 2px;}
.table_tool .delete a { background-position:0 -48px;}
.table_tool .preview a { background-position:0 -98px;}
.table_tool .upload a { background-position:0 -198px;}
.table_tool .open a, .table_tool .open a:hover { width:auto; padding:0 5px 0 12px; line-height:15px; text-indent:0;}
.table_tool .sortable a { border-left:solid 1px #acacac; padding-left:5px; background-position:6px -148px; cursor:row-resize;}

/*footer*/
#footer {clear: both;text-align: center; color: #999999;border-top:1px dotted #DDDDDD;;margin: 50px 0 15px 0;padding: 16px 0 7px 0;}
#lowerFooter{clear: both;color: #999999;margin-bottom: 20px; text-align:center;}
#lowerFooter img {margin-top: 15px;}
#footer a{color: #99BFDB; text-decoration:underline;}
#footer a:hover{color: #382;}
#loading {display:none; width:100%; height:100%; background:#FFF; opacity:0.5; filter:alpha(opacity=50); position:fixed; z-index:100; top:0; left:0; text-align:center;}
#loading .loadingImg { color:#0b333c; font-weight:bold; padding:10px 10px 10px 60px; text-align:left; background: url(../images/ajax-loader.gif) 10px no-repeat #FFF; width:180px; height:30px; border:solid 1px #0b333c; z-index:101; position:absolute; top:30%; left:50%; margin:-15px 0 0 -90px;}
.alertBackground { display:none; width:100%; height:100%; opacity:0.4; filter:alpha(opacity=40); background:#FFF; position:absolute; top:0; left:0; z-index:100;}

/*Dialog*/
#dialogBg {display:none; width:100%; height:100%; background:#999; opacity:0.4; filter:alpha(opacity=40); position:fixed; _position:absolute; z-index:30; top:0; left:0;}
.dialog .dialogHeader, .dialog .dialogHeader_r, .dialog .dialogHeader_c,
.dialog .dialogFooter, .dialog .dialogFooter_r, .dialog .dialogFooter_c { background:url(../images/dialog/dialogpanel.png) no-repeat;}
.dialog .dialogHeader h1, .dialog .dialogHeader .close, .dialog .dialogHeader .maximize, .dialog .dialogHeader .restore, .dialog .dialogHeader .minimize, .resizable_f_r { background:url(../images/dialog/dialogpanel_icon.png) no-repeat;}
.dialog .dialogHeader h1 { color:#183152;}
.dialog .dialogContent { border-color:#b8d0d6; background:#EEF4F5;}

.dialog { display:none; text-align:left; position:absolute; z-index:42;}
.dialog .dialogHeader, .dialog .dialogHeader_r, .dialog .dialogHeader_c { display:block; overflow:hidden; height:28px;}
.dialog .dialogHeader .close, .dialog .dialogHeader .maximize, .dialog .dialogHeader .restore, .dialog .dialogHeader .minimize { display:block; overflow:hidden; text-indent:-1000px; width:19px; height:19px; position:absolute; top:5px;}
.dialog .dialogHeader h1 { display:block; overflow:hidden; height:28px; padding:0 5px 0 20px; line-height:28px; background-position:0 -450px;}

.dialog .dialogHeader { padding-left:5px; background-position:0 0; position:relative; cursor:move;}
.dialog .dialogHeader_r { padding-right:5px; background-position:100% -50px;}
.dialog .dialogHeader_c { padding:0; background-position:0 -100px; background-repeat:repeat-x;}

.dialog .dialogHeader .close { background-position:0 0; right:4px;}
.dialog .dialogHeader .close:hover { background-position:0 -50px;}
.dialog .dialogHeader .maximize { background-position:0 -100px; right:23px;}
.dialog .dialogHeader .maximize:hover { background-position:0 -150px;}
.dialog .dialogHeader .restore { display:none; background-position:0 -200px; right:23px;}
.dialog .dialogHeader .restore:hover { background-position:0 -250px;}
.dialog .dialogHeader .minimize { background-position:0 -300px; right:42px;}
.dialog .dialogHeader .minimize:hover { background-position:0 -350px;}
.dialog .dialogContent { display:block; overflow:auto; padding:5px 5px 1px 5px; border-style:solid; border-width:0 1px;}
.dialog .panelFooter_r, .dialog .dialogFooter_c { display:block; overflow:hidden; height:5px;}
.dialog .dialogFooter { padding-left:5px; background-position:0 -150px;}
.dialog .dialogFooter_r { padding-right:5px; background-position:100% -200px;}
.dialog .dialogFooter_c { padding:0; background-position:0 -250px; background-repeat:repeat-x;}

.dialogProxy { opacity:0.8; filter:alpha(opacity=80);}

/* Pages dialog */
.dialog .pageHeader { border-style:solid; border-width:1px;}
.dialog .pageContent { border-style:solid; border-width:0 1px; border-color: #B8D0D6;}
.dialog .pageContent .pageFormContent { border-style:solid; border-width:1px 0 0 0; border-color: #B8D0D6; background-color: #fff;}
.dialog .pageContent .formBar { border-style:solid; border-width:1px 0; border-color: #B8D0D6; clear:both;height:30px;padding:5px 5px 0;}

/* Alert */
.alert .alertFooter, .alert .alertFooter_r, .alert .alertFooter_c { background:url(../images/alert/alertpanel.png) no-repeat;}
.alert .alertContent { border-color:#b8d0d6; background:#eef4f5;}
.alert .warning .alertInner { border-color:#e83e09; background:#fefacf;}
.alert .error .alertInner { border-color:#e50000; background:#fefacf;}
.alert .correct .alertInner, .alert .information .alertInner { border-color:#b8d0d6; background:#fefacf;}
.alert .confirm .alertInner { border-color:#b8d0d6; background:#fefacf;}
.alert h1 { border-color:#CCC; background:url(../images/alert/alertpanel_icon.png) no-repeat;}

.alert { overflow:hidden; z-index:101; display:block; width:420px; margin-left:-210px; position:absolute; top:0; left:50%;}
.alert .alertContent { display:block; overflow:hidden; padding:5px 5px 1px 5px; border-style:solid; border-width:0 1px;}
.alert .alertInner { display:block; padding:0 9px 9px 9px; text-align:left; border-style:solid; border-width:1px;}
.alert h1 { display:block; overflow:hidden; height:30px; margin-bottom:10px; padding:0 0 0 25px; line-height:30px; border-style:solid; border-width:0 0 1px 0; line-height:30px;}
.alert .error h1 { background-position:2px -42px;}
.alert .information h1,
.alert .warning h1 { background-position:2px 8px;}
.alert .correct h1 { background-position:2px -92px;}
.alert .confirm h1 { background-position:2px 8px;}
.alert .msgContent { margin:10px; max-height: 200px; overflow: auto}

.alert .toolBar { display:block; overflow:hidden; height:25px; padding-top:5px; text-align:right;}
.alert .toolBar ul { float:right;}
.alert .toolBar li { float:left; display: inline;}
.alert .toolBar .button, .alert .toolBar .buttonActive { margin-left:5px;}

.alert .alertFooter_c { display:block; overflow:hidden; height:5px;}
.alert .alertFooter { padding-left:5px; background-position:0 0;}
.alert .alertFooter_r { padding-right:5px; background-position:100% -50px;}
.alert .alertFooter_c { padding:0; background-position:0 -100px; background-repeat:repeat-x;}

/* Button */
.button, .button span,
.buttonDisabled, .buttonDisabled span,
.buttonActive, .buttonActive span,

.button .buttonContent, 
.buttonActive .buttonContent, 
.buttonDisabled .buttonContent { background:url(../images/button/button.png) no-repeat;}

.button span, .buttonDisabled span, .buttonActive span,
.button .buttonContent, 
.buttonActive .buttonContent, .buttonDisabled .buttonContent,
.button button, 
.buttonActive button, .buttonDisabled button { color:#103F61;}

.buttonDisabled span, .buttonDisabled:hover span,
.buttonDisabled button { color:#CACACA;}

.button, .buttonActive, .buttonDisabled { float:right; display:block; overflow:hidden; height:25px; padding-left:5px;}
.button span, .buttonDisabled span, .buttonActive span,
.button .buttonContent, .buttonHover .buttonContent,
.buttonActive .buttonContent, .buttonDisabled .buttonContent { float:left; display:block; overflow:hidden; height:25px; padding:0 10px 0 5px; line-height:25px; font-weight:bold; margin-right:10px; }

.button { background-position:0 0;}
.button .buttonContent { padding:0 5px 0 0; background-position:100% -50px;}
.button span { background-position:100% -50px; cursor:pointer;}
.button:hover { text-decoration:none; background-position:0 -100px;}
.button:hover span { background-position:100% -150px;}
.buttonHover { padding-left:5px; background-position:0 -100px;}
.buttonHover .buttonContent { padding:0 5px 0 0; background-position:100% -150px;}

.buttonActive { background-position:0 -200px;}
.buttonActive .buttonContent { padding:0 5px 0 0; background-position:100% -250px;}
.buttonActive span { background-position:100% -250px; cursor:pointer;}
.buttonActive:hover { text-decoration:none; background-position:0 -300px;}
.buttonActive:hover span { background-position:100% -350px;}
.buttonActiveHover { background-position:0 -300px;}
.buttonActiveHover .buttonContent { padding:0 5px 0 0; background-position:100% -350px;}

.buttonDisabled, .buttonDisabled:hover { text-decoration:none; background-position:0 -400px;}
.buttonDisabled span, .buttonDisabled:hover span { background-position:100% -450px; cursor:default;}
.buttonDisabled .buttonContent { padding:0 5px 0 0; background-position:100% -450px;}

.button button, .buttonHover button,
.buttonActive button, .buttonDisabled button { width:auto; height:28px; margin:0; padding:0 0 5px 0; border:0; font-size:12px; font-weight:bold; background:none; cursor:pointer;min-width: 80px; text-align: center;}
.buttonDisabled button { cursor:default;}

.success{background:url(../images/join.gif) no-repeat 20px 0; min-height:60px;}
.success p{ margin-left:100px;}
.wrong{background:url(../images/wrong.gif) no-repeat 20px 0; min-height:60px;}
.wrong p{ margin-left:100px; }
.rightBtn{ margin-top:5px;}
.dialogBtn{padding-top:5px; float:right;}


/* Tabs */
.tabs, .tabsHeader, .tabsHeaderContent,
.tabs .tabsHeader ul, .tabs .tabsHeader li, .tabs .tabsHeader li a, .tabs .tabsHeader li span,
.tabs .tabsFooter, .tabs .tabsFooterContent { background:url(../images/tabs/tabspanel.png) no-repeat;}

.tabs .tabsHeader li a { color:#03408b;}
.tabs .tabsHeader li span { color:#183152;}
.tabs .tabsContent { border-color:#b8d0d6; background:#fff;}

.tabs { background-position:0 100%; background-repeat:repeat-x;}
.tabs .tabsHeader { display:block; overflow:hidden; height:28px; padding-left:5px; background-position:0 0;}
.tabs .tabsHeaderContent { display:block; overflow:hidden; height:28px; padding-right:5px; background-position:100% -50px;}
.tabs .tabsHeader ul { display:block; height:28px; background-position:0 -100px; background-repeat:repeat-x;}
.tabs .tabsHeader li { float:left; display:block; height:28px; margin-right:2px; background-position:0 -250px; background-repeat:repeat-x; cursor:pointer;}
.tabs .tabsHeader li a { float:left; display:block; height:28px; padding-left:5px; background-position:0 -150px;}
.tabs .tabsHeader li a:hover { text-decoration:none;}
.tabs .tabsHeader li span { float:left; display:block; overflow:hidden; height:28px; padding:2px 10px 0 5px; line-height:25px; background-position:100% -200px; cursor:pointer;}
.tabs .tabsHeader li.hover { background-position:0 -400px; background-repeat:repeat-x;}
.tabs .tabsHeader li.hover a { background-position:0 -300px;}
.tabs .tabsHeader li.hover span { background-position:100% -350px;}
.tabs .tabsHeader li.selected { background-position:0 -550px;}
.tabs .tabsHeader li.selected a { background-position:0 -450px;}
.tabs .tabsHeader li.selected span { font-weight:bold; background-position:100% -500px;}
.tabs .tabsContent { display:block; overflow:auto; padding:5px 5px 1px 5px; border-style:solid; border-width:0 1px;}
.tabs .tabsFooter { display:block; overflow:hidden; height:5px; background-position:0 -600px;}
.tabs .tabsFooterContent { display:block; overflow:hidden; height:5px; background-position:100% -650px;}

.caption {display:block;line-height:16px; padding-left:6px; font-weight:bold; color:#666;}
.special div { clear:both; padding:3px 0;}
.special label {width: 300px; text-align: right; float:left; padding:3px 5px;}
.memberBox p{ font-size:10px;}

.radio{ width:90px; text-align:center;}
.p p {margin: 5px; padding: 5px; height: auto}

/* search ea */
.eas{overflow:hidden;clear:both;line-height: 16px; }
/*
.eas li { float: left; width:440px; height:110px; overflow:hidden; margin:4px; border:1px solid #CDDDFE;}
.eas .title{font-size:14px;font-weight:bold;line-height:20px;padding: 2px 0;}
.eas .txt {overflow: hidden; }
*/
.eas li {margin-left: 20px; list-style: disc;}
.eas tbody td {padding:5px}
.eas .lessCtr, .eas .more .moreCtr, .eas .moreInfo{display:none}
.eas .more .lessCtr, .eas .moreCtr, .eas .more .moreInfo{display:block;}

.com_page {line-height:20px;text-align:right;}
.com_page a{ cursor:pointer; margin-left:8px;}
.com_page a.selected { padding:2px 4px; border-style:solid; border-width:2px 1px 1px 1px; border-color:#0088cc; color:#E07819; font-weight: bold;}
.com_page a:hover{ color:#AB0909;}

label.alt {display:block; overflow:hidden; position:absolute;line-height:20px}