@charset "utf-8";
@import url("../jqueryui/ui.all.css");
* { font-size:12px; font-family: Arial, Helvetica, sans-serif;}
body, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, legend, input, 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 {background-color: #FFFFFF;color: #333333;}
h1 {color: #3277a8;font-family: Georgia, "Times New Roman", Times, serif;font-size: 18px; line-height:40px; margin:0;padding: 0px;}
#page {width:950px;margin-right: auto;margin-left: auto;}
/* Header */
#header { position:relative;}
.headerContent {height:110px; width:950px; margin:0 auto;background:url(../images/fgas_gradient_smaller.jpg) no-repeat left top;}

.bannerBox { position:relative; }
.bannerBox .selectBar { height:22px; position:absolute;}
.bannerBox .selectBar li { float:left; display:block;}
.bannerBox .selectBar a, .bannerBox .selectBar span { display:block; overflow:hidden; text-indent:-1000px; width:12px; height:22px; background:url(../images/selectBar.gif) no-repeat;}
.bannerBox .selectleft a { width:14px; background-position:0 0;}
.bannerBox .selectleft a:hover { background-position:0 -100px;}
.bannerBox .selectleft span { width:14px; background-position:0 -50px;}
.bannerBox .selectRight a { width:14px; background-position:100% 0;}
.bannerBox .selectRight a:hover { background-position:100% -100px;}
.bannerBox .selectRight span { width:14px; background-position:100% -50px;}
.bannerBox .select1 a { background-position:-14px 0;}
.bannerBox .select1 a:hover { background-position:-14px -150px;}
.bannerBox .select1 a.selected, .j-item .select1 a.selected:hover { background-position:-14px -200px;}
.bannerBox .select2 a { background-position:-27px 0;}
.bannerBox .select2 a:hover { background-position:-27px -150px;}
.bannerBox .select2 a.selected, .j-item .select2 a.selected:hover { background-position:-27px -200px;}
.bannerBox .select3 a { background-position:-40px 0;}
.bannerBox .select3 a:hover { background-position:-40px -150px;}
.bannerBox .select3 a.selected, .j-item .select3 a.selected { background-position:-40px -200px;}
.bannerBox .select4 a { background-position:-53px 0;}
.bannerBox .select4 a:hover { background-position:-53px -150px;}
.bannerBox .select4 a.selected, .j-item .select4 a.selected:hover { background-position:-53px -200px;}
.bannerBox .select5 a { background-position:-66px 0;}
.bannerBox .select5 a:hover { background-position:-66px -150px;}
.bannerBox .select5 a.selected, .bannerBox .select5 a.selected:hover { background-position:-66px -200px;}
#adBoxA01 {display:block; overflow:hidden; height:60px; width:500px; float:left; padding-top:10px; padding-left: 140px}
#adBoxA01 .selectBar {top:45px; right:30px;}

.headerNav {display:block; overflow:hidden; height:15px; float:right; padding-top:10px;}
.headerNav li { float:left; margin-left:-1px; padding:0 6px; background-image: url(../images/sm_line.gif);background-repeat: no-repeat;background-position: right;}
.headerNav li a { line-height:12px; font-size:12px; color:#0F314C}
.headerNav li a:hover { background-color: #B2E1FF }
.headerNav li.last-child, .themesBar li.last-child {background: none; padding-right: 0}
.searchNav{float:right; clear:right; margin-top:5px; width: 400px; text-align: right;}
.searchNav button{float:none; padding:0; margin:0;}
#banner {width: 950px;clear: both;float: left;}
#container{margin-top:10px;}
#sidebar{ width:210px; float:left;}
#mainContent{ margin-left: 210px}
/*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-width: 1px;border-bottom-style: solid;border-bottom-color: #CCCCCC;float:left;width:180px;}
.article li:hover {background:url(../images/arrowMenu.gif) no-repeat 155px 4px}
.article li a{font-weight:bold; padding-left:10px; color:#999999;}
.article li.selected{ background:url(../images/arrowMenu.gif) no-repeat 155px 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 {height:1.6em; line-height:1.6em;}
input[type="text"], input[type="password"], textarea {background:#FFFFFF none repeat scroll 0 0; border-color:#ACACAC #E7E7E7 #E7E7E7 #ACACAC; border-style:solid; border-width:1px; margin:4px 0;}
input[type="text"], input[type="password"], select {width:180px}
input.postcode {width:60px}
input.telephone {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;}
span.error {float: none; color: red; vertical-align: top;}
.dialog span.error{float:left; clear:left; margin-left: 210px}
form button {float:right; cursor:pointer; padding: .2em .6em; margin: .2em 0 .6em 0; width:auto; overflow:visible;}
form button.left{float:left;}
fieldset {padding:5px; border:1px solid #dadada; margin-top: 10px;}
fieldset legend {padding:2px; border:1px solid #dadada; font-weight:bolder;}
fieldset legend:hover {background-color: #dddddd;}
fieldset p {line-height: 28px; clear:both;}
fieldset p label {width: 200px; text-align: right; float:left; padding-right: 5px}
fieldset p input {float:left;}
fieldset p img.ui-datepicker-trigger{margin:5px 0 0 5px}
fieldset p span.gray {color:#7F7F7F;display:block;line-height:16px;margin-left:210px;clear:left;}
fieldset p.title {color:#7F7F7F;display:block;line-height:16px; font-size:13px;}
fieldset p.line{border-bottom:1px dotted #C9CACA;margin-bottom:10px;padding-bottom:5px;}
fieldset div.wrap{ text-align:left; width: 180px; float: left; display: block; vertical-align: top;}
fieldset div.wrap label{margin-bottom: 5px}
fieldset label.nowrap{ text-align:left; width: 100%;}


/* Table */
table.list {width:100%; border-collapse:collapse; border:solid 1px #dadada; clear:both;}
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 {padding:0 3px; height:21px; font-size:11px; 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; font-size:11px; line-height:20px;}
table.list .hover {background-color:#e4f5ff;}
table.list a:hover {text-decoration:underline; line-height:20px;}

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 { margin:20px 0;clear: both;width: 950px; background-image: url(../images/footer_bg.jpg);color: #aaaaaa;text-align: center;padding-top:15px;font-size:11px;line-height:15px;}
#footer a{color: #8FBDD3;}
#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;}

/*Dialog*/
#dialog { display:none; width:680px; border:solid 5px #2897dd; background:#FFF; position:absolute; z-index:31; }
#dialog .toolbar { height:25px; border-bottom:solid 1px #d5d8db; background:#edeeee url(../images/dialogToolbar_bg.gif) repeat-x; cursor:move;}
#dialog .toolbar h1, #dialog .toolbar .close { background:url(../images/dialogClose.gif) no-repeat;}
#dialog .toolbar h1 { float:left; display:block; overflow:hidden; height:25px; line-height:25px; *line-height:27px; padding:0 50px 0 28px; border:0; font-size:14px; background-position:8px -94px;}
#dialog .toolbar .close { float:right; display:block; overflow:hidden; width:20px; height:17px; margin:4px 5px 0 0; text-indent:-100px; text-align:left;}
#dialog .toolbar .close:hover { background-position:0 -50px;}
#dialog .j-content { margin:5px; height:300px; overflow:auto;}
#dialog .menubar {display:none; padding:3px 10px; background:#edeeee url(../images/dialogToolbar_bg.gif) repeat-x; text-align:right;}
#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 .loading {display:none; float:right; margin:5px 10px; width:214px; height:15px; background:url(../images/dialog-loading.gif) repeat; }

/*Accordion*/
.accordion {border-style:solid;border-width:1px 1px 0;display:block;}
.accordion {background:#FFFFFF none repeat scroll 0 0;border-color:#B8D0D6;}
.accordion .accordionHeader {background-repeat:repeat-x;cursor:pointer;display:block;overflow:hidden;}
.accordion .accordionHeader {background-color:#EAF4FF;}
.accordion .accordionHeader, .accordion .accordionHeader h2, .accordion .accordionHeader h2 span {background:transparent url(../images/accordion/accordion.gif) repeat scroll 0 0;color:#183152;}
.accordion .accordionHeader h2 {background-position:100% -50px;background-repeat:no-repeat;}
.accordion .accordionHeader .collapsable {background-position:100% -100px;}
.accordion .accordionHeader .haver{background-position:100% -78px;}
.accordion .accordionHeader h2 {display:block;height:25px;line-height:24px;overflow:hidden;padding:0 25px 0 5px;}
.accordion .accordionHeader h2 span {background-position:0 -150px;}
.accordion .accordionHeader h2 span {display:block;float:left;height:25px;overflow:hidden;text-indent:-1000px;width:20px;}
.accordion .accordionContent {border-style:solid;border-width:0 0 1px;display:block;overflow:auto;}
.accordion .accordionContent {border-color:#B8D0D6; padding:5px;display:none}
.accordion .accordionContent h3{ line-height:15px; color:#0978B0; margin-top:10px;}

/* 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; position:fixed; _position:absolute; top:0; left:50%; margin-left:-210px; z-index:101; width:420px; }
.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; line-height:14px;}

.alert .toolBar { display:block; overflow:hidden; height:25px; padding-top:5px; text-align:right;}
.alert .toolBar ul { float:right;}
.alert .toolBar li { float:left;}
.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;}

.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;}

/* Button */
.button, .button span,
.buttonDisabled, .buttonDisabled span,
.buttonActive, .buttonActive span,
.button .buttonContent, .buttonHover, .buttonHover .buttonContent,
.buttonActive .buttonContent, .buttonActiveHover, .buttonActiveHover .buttonContent,
.buttonDisabled .buttonContent { background:url(../images/button/button_s.png) no-repeat;}

.button span, .buttonDisabled span, .buttonActive span,
.button .buttonContent, .buttonHover, .buttonHover .buttonContent,
.buttonActive .buttonContent, .buttonDisabled .buttonContent,
.button button, .buttonHover button,
.buttonActive button, .buttonDisabled button { color:#183152;}

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

.button, .buttonActive, .buttonDisabled { float:left; 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; min-width: 50px; text-align:center;}

.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:25px; 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;}