@charset "utf-8";
body {
    margin:0;
    padding:0;
    width:100%;
    clear: both;
    float: left;
}
html {
    padding:0;
    margin:0;
}
/* main */
.resize {
    width:980px;
    margin:0 auto;
}
.hidden {
    visibility:hidden;
}
.visible {
    visibility:visible;
}
.print {
	display:none;
}
/********** header **********/
.header {
    background:url(/static/image/Header-Back.gif) top repeat-x;
    padding:0;
    margin:0 auto;
	min-width: 980px;
}
.header .body {
    margin:0 auto;
    width:980px;
    padding:0;
    border-bottom:1px solid #3b3b3b;
}
/* logo */
.logo {
    float:left;
    padding:0;
    margin:0;
    width:433px;
	height:85px;
}
.logo a img {
	width: 200px;
	height: 30px;
	margin: 30px 0 0 5px;
}
/* menu */  
.menu {
    width:980px;
    margin:0 auto;
    padding:0;
    height:49px;
}
.menu img {
    float:right;
    margin:8px;
    padding:0;
}
.menu .title {
    padding:0;
    margin:0;
    width:700px;
    float:left;
}
.menu ul {
    padding:0;
    margin:0;
    list-style:none;
    border:0;
    float:left;
    width:100%;
}
.menu ul li {
    float:left;
    margin:0;
    padding:0;
    border:0;
}
.menu ul li a {
    float:left;
    margin:0;
    padding:16px;
    color:#a9a8a8;
    font:normal 11px Arial, Helvetica, sans-serif;
    text-decoration:none;
}
.menu ul li a:hover {
    color:#fff;
}
.menu ul li a.active {
    color:#fff;
}
/* search */
.search {
    padding:10px 0 0 0;
    margin:0;
    float:right;
    width:180px;
}
.search form {
    display:block;
    float:right;
    padding:10px 0;
}
.search span {
    display:block;
    float:left;
    background: url(/static/image/Search-Back.gif) left top no-repeat;
    width:114px;
    padding:0 5px;
    height:34px;
}
.search form .keywords {
    line-height:16px;
    float:left;
    border:0;
    width:114px;
    padding:9px 0;
    height:16px;
    background:none;
    margin:0;
    font:normal 14px Arial, Helvetica, sans-serif;
    color:#9c9c9c;
}
.search form .button {
    float:left;
    margin:0;
    padding:0;
}
/********** slider **********/
.slider {
    background:#eee;
    margin:0 auto;
    padding:0;
}
/*header_text*/
.slider .title {
    margin:0 auto;
    padding:0;
    width:980px;
}
.slider .title img {
    float:left;
    margin:10px;
    padding:0;
    height: 96px;
    width: 96px;
}
.slider .title h2 {
    font: 18px Arial, Helvetica, sans-serif;
    color:#000;
    padding:5px;
    margin:5px 10px;
    border-bottom:1px solid #ddd;
}
.slider .title h3 {
    font: 30px Arial, Helvetica, sans-serif;
    color:#000;
    padding:25px 5px 5px 5px;
    margin:0 10px;
}
.slider .title p {
    padding:0;
    margin:0 10px;
    font: normal 12px Arial, Helvetica, sans-serif;
    color:#686868;
    line-height:1.8em;
}
/********** title **********/
.column .title {
    border-bottom:1px solid #e9e9e9;
    float:left;
    width:100%;
}
.column .title>img {
    float:right;
    width:32px;
    height:32px;
    padding:0;
    margin: 10px 0 0 0;
    cursor: pointer;
}
.column .title h2 {
    border:none;
}
/********** column **********/
.column {
    float:left;
    display:block;
    margin:0;
    padding:10px;
    width:100%;
}
.column.narrow {
    width:310px;
}
.column.half {
    width:475px;
}
.column.wide {
    width:640px;
}
.column.full {
    width:960px;
}
.column > .column {
    padding:0;
}
.column > .column.narrow {
    width: 315px;
}
.column + .column {
    padding-left:0;
}
.column > .column + .column {
    padding-left:10px;
}
/********** block index **********/
.main .body {
    width:980px;
    margin:0 auto;
    padding:0;
}
.main h2 {
    font:normal 24px Arial, Helvetica, sans-serif;
    color:#2c2c2c;
    border-bottom:1px solid #e9e9e9;
    line-height:48px;
    margin: 0px;
    padding: 0px;
}
.main h3 {
    font:normal 18px Arial, Helvetica, sans-serif;
    color:#2c2c2c;
    border-bottom:1px solid #e9e9e9;
    line-height:30px;
    margin: 0px;
    padding: 0px;
}
.main p {
    font:normal 12px Arial, Helvetica, sans-serif;
    color:#646464;
    padding:10px 5px;
    margin:0;
    line-height:1.8em;
}
.main p span {
    color:#8e8e8e;
}
.main p.comment {
    padding:10px 15px;
    margin:0;
    background-color: #eeeeee;
    background-image: url(/static/image/comment.gif);
    background-repeat: no-repeat;
    background-position: 10px 10px;
}
/*.body ul {
    list-style:none;
    margin:10px auto;
    padding:0;
}
.body li {
    padding:0px;
    margin:0;
    background:url(images/ul_li.gif) left no-repeat;
    font: normal 12px Arial, Helvetica, sans-serif;
    color:#5c5c5c;
}*/
.main a {
    color:#1286a2;
    text-decoration:underline;
}
.main a.bold {
    color:#fff;
    font:bold 11px Arial, Helvetica, sans-serif;
    background:#000;
    margin:0;
    padding:3px 5px;
    float:left;
    text-decoration:none;
}
.main img {
    float:left;
    margin:10px;
    padding:0;
}
.left {
    width:510px;
    float:left;
    margin:0;
    padding:10px 15px;
}
.right {
    width:390px;
    float:right;
    margin:0;
    padding:10px 10px 10px 15px;
}
/********** input **********/
.button {
    background:#000;
    color:#fff;
    font:normal 12px Arial, Helvetica, sans-serif;
    border:0;
    cursor:pointer;
    float: right;
    margin: 0 10px;
	padding: 2px 8px;
	-webkit-appearance: none;
	-webkit-border-radius: 0px; 
}
.button[disabled] {
	color:#AAA;
	font-style: italic;
}
a.button {
    color:#fff !important;
    text-decoration: none !important;
}
select.button {
    text-align:center;
}
.extra {
    display: none;
    padding: 15px 20px 20px 20px;
    margin: 0;
    background-color: #eee;
    background-image: url(/static/image/Form-Left-Top.gif), url(/static/image/Form-Left-Bottom.gif), url(/static/image/Form-Right-Top.gif), url(/static/image/Form-Right-Bottom.gif), url(/static/image/Form-Top.gif), url(/static/image/Form-Right.gif), url(/static/image/Form-Bottom.gif), url(/static/image/Form-Left.gif), url(/static/image/Form-Back.gif);
    background-position: top left, bottom left, top right, bottom right, top left, top right, bottom right, bottom left, top left;
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-x, repeat-y, repeat-x, repeat-y, repeat;
    border-top:1px solid #e9e9e9;
}

.information {
    font: normal 12px Arial, Helvetica, sans-serif;
}

.information ol.first {
    float:left;
}
.information ol.second {
    float:right;
}

.information ol li {
    list-style:circle;
    color:#646464;
}
.information li .caption {
    font-weight: bold;
    float: none;
    width: auto;
    margin-right: 10px;
}
.information p {
    line-height: 1em;
    margin: 0 2%;
    padding: 10px 0;
}
.information p+p {
    padding-top: 0;
}

.information .message {
	width:90%;
	height:250px;
	border:1px solid #CCC;
	border-radius:5px;
	margin:10px;
	padding:5px;
	overflow:auto;
}

.information .message p+p {
	padding:10px 0;
}

.letterhead {
    font: normal 12px Arial, Helvetica, sans-serif;
	/*display: none;*/
}

.letterhead ol {
}

.letterhead ol li {
    list-style:circle;
    color:#646464;
}
.letterhead li .caption {
    font-weight: bold;
    float: none;
    width: auto;
    margin-right: 10px;
}
.letterhead p {
    line-height: 1em;
    margin: 0 2%;
    padding: 10px 0;
}
.letterhead p+p {
    padding-top: 0;
}

.letterhead .message {
	width:90%;
	height:250px;
	border:1px solid #CCC;
	border-radius:5px;
	margin:10px;
	padding:5px;
	overflow:auto;
}


/********** block index **********/
.footnote {
    background: #3d3d3d url(/static/image/Footnote-Back.gif) top repeat-x;
    padding:0;
    margin:0;
	min-width:980px;
}
.footnote .body {
    width:980px;
    margin:0 auto;
    padding:0;
}
.footnote h2 {
    font:normal 18px Arial, Helvetica, sans-serif;
    color:#fff;
    padding:15px 5px;
    margin:0;
    border-bottom:1px solid #484848;
}
.footnote p {
    font:normal 12px Arial, Helvetica, sans-serif;
    color:#a6a6a6;
    padding:10px 5px;
    margin:0;
    line-height:1.8em;
}
.footnote img {
    float:left;
    margin:5px;
    padding:0;
}
.footnote a {
    color:#F00;
    text-decoration:none;
}
.footnote p span {
    color:#F00;
}
/********** form **********/
.form {
    margin:0;
    padding:0;
}
.form * {
    display: block;
}
.form ol, .form ul {
    margin:5px 0 0 0;
    padding:0;
    list-style:none;
}

.form ol ul {
	margin: 2px 0;
}

.form ol ul li {
	margin: 1px 0;
}
.form ol ul li input.checkbox {
	clear:none;
	float:left;
	margin:0 16px 0 0;
}

.form ol ul li label {
	clear:none;
	width:45%;
	line-height:16px;
}

.form ol ul li.second label {
	text-align:right;
}

.form ol ul li label.detail {
	clear:none;
	width:45%;
	float:right;
	text-align:right;
	font-weight:normal;
}

.form ol ul li.second input, .form ol ul li.second select {
	width:54%; 
	float:right;
	clear:none;
	margin:0;
}

.form li {
    background:none;
    border:none;
    width: 100%;
    float: left;
    clear:none !important;
    margin: 0;
}

.form li.hidden {
	display: none;
}

.form li.first, .form li.second {
    width:49%;
}
.form li.second {
    margin-left: 2%;
    float: right !important;
}

.narrow .form li.first, .narrow .form li.second {
    width:47%;
}

.narrow .form li.second {
    margin-left: 6%;
}

.form li.second+li.second {
    /*clear: both !important;*/
}

.form label {
    width:100%;
    color:#646464;
    font: bold 12px Arial, Helvetica, sans-serif;
    text-transform:capitalize;
    float:left;
    clear: both;
}
.form label.radio {
    display:inline;
    clear:none;
    width:50%;
}
.form label.radio:last-child {
    clear:both;
}
.form input[type=radio] {
    display:inline;
}
.footnote .form label {
    color:#a6a6a6;
}

.form label.optional {
    font-weight:normal;
}
.form label span {
    color:#F00;
    display: inline;
    margin-left: 10px;
    float: none!important;
}
.form label img {
    border: none;
    width:16px;
    height:16px;
    margin:0;
    padding:0;
}
.form input.text {
    width:100%;
    border:1px solid #e9e9e9;
    background:#f8f8f8;
    float:left;
    clear: both;
	margin: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	-webkit-appearance:listbox;
}

.form input.checkbox {
    display: inline;
	margin: 0;
}

.form div.fileinput {
    position: relative;
    clear: both;
    width: 100%;
}
.form  div.fakefile {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    width: 100%;
}
.form input.file {
    position: relative;
    text-align: right;
    -moz-opacity:0 ;
    filter:alpha(opacity: 0);
    opacity: 0;
    z-index: 2;
    width: 100%;
}
.form select {
    width:100%;
    border:1px solid #e9e9e9;
    background:#f8f8f8;
    float:left;
    clear: both;
	margin: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;	
}

.form .autoWidth {
    width: auto;
    clear: none;
    display: inline;
}
.form textarea {
    width:100%;
    border:1px solid #e9e9e9;
    margin:0px;
    padding:0px;
    background:#f8f8f8;
    float:left;
	margin: 0;
	-webkit-appearance:listbox;	
}
p.response {
    text-align:center;
    color:#F00;
    font: normal 11px Georgia, "Times New Roman", Times, serif;
    line-height:1.8em;
    width:auto;
}
/*************items**********/
div.lists {
    position: relative;
}
ul.items {
    list-style: none;
    margin: 0;
    padding: 10px 0;
}

ul.solo {
    list-style: none;
    margin: 0;
    padding: 10px 0;
}

ul.items>li {
    font: normal 12px Arial, Helvetica, sans-serif;
    line-height: 16px;
    list-style: none;
    clear:both;
}

ul.items>li:hover {
    background:#EEE;
}

ul.items>li span {
    float: left;
    white-space:nowrap;
    overflow: hidden;
    text-overflow:ellipsis;
}
ul.items>li span.order {
    float: right;
}
ul.items>li span.subject {
    width: 30%;
    font-weight: bold;
    cursor: pointer;
}
ul.items>li span.subject[onclick=""] {
    cursor: auto;
}
ul.items>li span.details {
    /*width: 50%;*/
    margin-left: 10px;
}

ul.items>li.warning > div.row > span.details {
	color: red;
    margin-left: 10px;
}


.narrow ul.items>li span.details {
    margin-left: 10px;
}
ul.items>li span.details img {
    width:16px !important;
    height:16px !important;
    margin:0;
    padding:0;
}
.block .block .title h2 {
    line-height: 35px;
    font-size: 20px;
}
.block .block .title img {
    width: 24px;
    height: 24px;
}

/*******page number******/
.pages ul {
    list-style-type: none;
}
.pages li{
    float: right;
    font: bold 12px Arial, Helvetica, sans-serif;
    line-height: 16px;
    margin-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
}
.pages li+li {
    border-right: 1px solid rgb(233, 233, 233);
}
.pages li.note{
    border-right: 0px;
    font-weight: normal;
}
.pages li a {
    text-decoration: none;
    font-weight: normal;
    cursor: pointer;
}

/*************footer**********/
.footer {
    padding:0;
    margin:0 auto;
    background: #323232 url(/static/image/Footer-Back.gif) top repeat-x;
	min-width: 980px;
}
.footer .body {
    margin:0 auto;
    padding:0;
    width:980px;
}
.footer p {
    font:normal 11px Arial, Helvetica, sans-serif;
    color:#868686;
}
.footer a {
    font: normal 11px Arial, Helvetica, sans-serif;
    color:#F00;
    text-decoration:none;
    padding:5px;
    margin:0;
}
.footer img {
    margin:30px 0 30px 5px;
    float:left;
	width: 180px;
	height: 30px;
}
.footer img.logo {
	width:65px;
	height:35px;
}
.footer p {
    text-align:left;
    width:310px;
    margin:0;
    padding:35px 100px;
}
p.clr, .clr {
    clear:both;
    padding:0;
    margin:0;
    background:none;
}
li.bg, .bg {
    clear:both;
    border-top:1px solid #e9e9e9;
    padding:0;
    margin:10px 0;
    background:none;
    line-height:0;
}


.pages ul { clear:both; }
script { display:none !important; }
.listHeader {
    font-size:16px;
    font-weight:bold;
    color:#ccc;
    padding:10px 5px 8px;
}
.listHeaderDetail {
    font-size:16px;
    font-weight:normal;
    color:#ccc;
    padding:10px 5px 8px;
	float:right !important;
}
span.caption { display:inline !important; }





.suggestions {
    border:1px solid #E9E9E9 !important;
}
.suggestions li:hover {
    background-color: #444;
    color: #F00;
}
.block .status {
    min-height: 30px;
    padding: 5px 10px;
    margin: 0;
    background-color: #eee;
    /*background-image: url(/static/image/Form-Left-Top.gif), url(/static/image/Form-Left-Bottom.gif), url(/static/image/Form-Right-Top.gif), url(/static/image/Form-Right-Bottom.gif), url(/static/image/Form-Top.gif), url(/static/image/Form-Right.gif), url(/static/image/Form-Bottom.gif), url(/static/image/Form-Left.gif), url(/static/image/Form-Back.gif);
    background-position: top left, bottom left, top right, bottom right, top left, top right, bottom right, bottom left, top left;
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-x, repeat-y, repeat-x, repeat-y, repeat;*/
    border-top:1px solid #e9e9e9; 
    border-bottom:1px solid #999; 
}
.block .status img {
    float: right;
    margin: 0;
    height: 32px;
    width: 32px;
}
.block .status img.arrow {
    float: left;
    margin-right: 10px;
    cursor: pointer;
}
.block .status ol {
    margin:0;
    padding-left:42px;
}
.block .status ol li {
    list-style-type: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #646464;
}
.block .status ol li .caption {
    float: none;
    font-weight: bold;
    margin-right: 10px;
    width: auto;
}
.listHeader { overflow:visible !important; }
.information .block .status img {
    height: 24px;
    width: 24px;
}
.information.warnings {
    color:red;
}
.information.warnings ol {
    padding:0 0 10px 10px;
}
.information.warnings ol li {
    list-style:circle !important;
    color:red;
}

.graphicHolder {
    opacity:0;
}
.graphicHolder.first {
    float:left;
}
.graphicHolder.second {
    float:right;
}

.icons { margin:0; padding:0; width:auto; height:32px; float:right; }
.icons img { width:32px; margin:10px 0 0 0; }
.listCheck { display:none; float:left; padding:0; margin:2px; }
.listText { display:none; float:right; padding:0; margin:1px; border:1px solid #e9e9e9; background:#f8f8f8; }
.listText.warning { border:1px solid #F00; }
.visible { display:block !important; }
.invisible { display:none !important; }
.footnote .block .title { border-color:#484848; }
.footnote .block .title > img { width:26px; height:26px; }
.footnote .block .list { color:#A6A6A6; }
.footnote .block .list ul.items > li:hover { background:none; }
.footnote .block .status { background-color:#777; border-color:#494949; border-radius: 0 0 5px 5px; }
.footnote .block .status ol li { color:#DDD; }
.footnote .block .extra { background-image:none; border-radius: 0 0 5px 5px; }
.footnote .block .extra input[type=button] { border-radius: 4px; box-shadow: 0px 2px 3px #999; }
.footnote .block .extra .form label { color: #888; }
.list ul.items.collapsed > li { display:none; }
.list ul.items.collapsed > li.warning , .list ul.items.collapsed > li.listCategory { display:block; }
.list ul.items > li.listCategory > img.arrow,
.list ul.items > li > img.arrow { display:none; height:34px; margin:0; cursor:pointer; }
.list ul.items.collapsed > li.listCategory > img.arrow { display:block; }


.list > ul.items > li.highlight { background-color:#777; color:#EAEAEA; }
.listCheck { width:12px; height:12px; margin-left:-16px; }
.listText { width:148px; height:12px; margin-right:-150px; font-size:11px; }
li.listTitle,li.listTitle:hover { 
	color:#000; font-size:16px !important; line-height:20px !important; border-bottom-width:1px !important; border-bottom-style: dashed;
	border-color:#444; border-width:medium; margin-bottom:5px; font-weight: bold !important; background-color:transparent !important;
	/*background-color:#888 !important; color:#EEE !important; font-weight:bold !important; padding:0 2px;*/
}
li.listTitle span:first-child { width:30%; }
li.listTitle span:nth-child(2) { margin-left:122px; }
li.listTitle span:nth-child(3) { float:right !important; }

/* Form MultiChoice */
.form li.multichoice ol.detail li {
	display: block;
	width: auto;
	border: 1px solid #333;
	margin: 2px 4px 1px 0;
	border-radius: 3px;
	font-family: Arial;
	color: #EEE;
	background: none repeat scroll 0 0 #666665;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	cursor: default;
}
.form li.multichoice ol.detail li:hover {
	background-color: #EEE;
	color: #222;
	border-color: #999;
}
.form li.multichoice ol.detail li > div {
	font-size: 12px;
	height: 20px;
	padding-left: 5px;
	vertical-align: top;
	width: auto;
	display: inline;
}
.form li.multichoice ol.detail li > div span {
	float: right;
	font-size: 10px;
	display: none;
}
.form li.multichoice ol.detail li > span {
	float: right;
	width: auto;
	display: inline;
	color: #FFF;
	font-size: 11px;
	font-weight: 700;
	cursor: pointer;
	height: 18px;
	line-height: 18px;
	padding: 0 0.3em 0 0.5em;
	text-align: center;
	vertical-align: top;
}
.form li.multichoice ol.detail li:hover > span { color: #999; }
.form li.multichoice.longchoice ol.detail li { width:100%; }
.form li.multichoice.longchoice ol.detail li > div span { display:block; }

/* List Quick Menu */
li .row .actions {
	display:none;
	position:absolute;
	overflow:hidden;
}
li .row .actions > ul {
	list-style-type:none;
	padding:0;
	position:relative;
}
li .row .actions > ul li:first-child {
	float:left;
	display:block;
	background-color: rgba(34, 34, 34, .95);
	border-radius:7px;
}
li .row .actions > ul li:first-child a {
	float:left;
	display:block;
	width:auto;
	margin:0;
	padding:5px 15px;
	border-radius:7px;
	color:#A9A8A8 !important;
	background:none;
	clear:left;
	font-size:11px;
}
li .row .actions > ul li:first-child a:hover {
	color:#FFF !important;
	background-color:red !important;
}
li .row .actions > ul li:nth-child(2) {
	float:left;
}
li .row .actions > ul li:nth-child(2) span {
	width:0; height:0;
	border:5px solid transparent;
	border-left-color: rgba(34, 34, 34, .95);
	margin-top:8px;
}
li .row .actions > ul li:last-child {
	clear:left;
	height:0;
}
li .row .actions > ul li:first-child span {
	width:100%;
	height:1px;
	background-color:#5E5E5E;
}


.header .search .keywords {
    outline:none;
}
.header .search .options {
    position: relative;
    z-index: 999;
    overflow:hidden;
}
.header .search .options > div{
    margin:0;
    padding:0;
    display:none;
}
.header .search .options ul {
    padding: 5px 0;
    list-style-type: none;
    margin: 0;
    position: absolute;
    top:5px;
    left:0;
    width:100%;
    background-color:#777;
    border-radius: 3px;
    font: normal 12px Arial;
    color: #DDD;
}
.header .search .options ul li {
    margin: 0 5px;
}
.header .search .options ul li input {
    margin: 3px 5px 0px 3px;
}
.header .search .options > div > span {
    float: none;
    background: none;
    padding: 0;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-bottom-color: #777;
    position: absolute;
    left: 50%;
    top: -5px;
    margin-left: -5px;
}