/* layout */
body { background-color: #e9eaec; text-align: center; }
#container {  font-size: .875em; margin: 0 auto; text-align: left; width: 980px; }
#container a:link, #container a:visited { color: #06c; text-decoration: none; }
#container a:hover { color: #3698fa; }

/* header */
#header { height: 60px; overflow: hidden; padding: 20px; }
#header h1 { float: left; font-size: 2em; height: 60px; line-height: 26px; width: 600px; }
#header fieldset { float: right; }
#header fieldset input { border: none; float: left; }
#header fieldset .text { background: url(../images/bg-input.gif) no-repeat; font-size: 1.1em; font-weight: bolder; height: 18px; padding: 9px 10px; width: 200px; }
#header fieldset .btnSearch { background: url(../images/btn-search.gif) no-repeat; color: #fff; cursor: pointer; font-size: 14px; font-weight: bolder; height: 36px; text-align: center; text-transform: uppercase; width: 90px; }
#advancedSearchLink { float: right; font-size: .9em; margin-top: 10px; }
.clearfix { clear: both; }
.hide { display: none; }

/* footer */
#footer { border-top: #ccc solid 1px; padding: 10px 0 20px; text-align: center; clear: both;}

/* breadcrumb */
#breadcrumb {  height: 20px; padding: 10px 130px 10px 20px; }
#breadcrumb li { background: url(../images/ico-arrow-1.gif) no-repeat left center; float: left; line-height: 23px; margin-right: 10px; padding-left: 30px; }
#breadcrumb li.first { background-image: url(../images/ico-home.gif); padding-left: 20px; }
#breadcrumb li.last { font-weight: bolder; }

/* changeTemplate */
#changeTemplate { float: right; height: 30px; margin-top: -35px; padding-right: 18px; }
#changeTemplate a { background: no-repeat; float: left; height: 30px; margin-right: 5px; text-indent: -1984em; width: 30px; }
#changeTemplate a:hover, #changeTemplate a.active { background-position: 0 -30px; }
#changeTemplate a#template1 { background-image: url(../images/ico-template-1.gif); }
#changeTemplate a#template2 { background-image: url(../images/ico-template-2.gif); }
#changeTemplate a#template3 { background-image: url(../images/ico-template-3.gif); }

/* main */
#main { padding: 30px 20px; }

/* aside */
#aside { margin-bottom: 10px; padding-bottom: 10px; }
#aside h2 { background: #2c63fb url(../images/bg-title-right-1.gif) no-repeat right top; padding:0; }
#aside h2 span { background: url(../images/bg-title-left-1.gif) no-repeat; color: #fff; display: block; font-size: 14px; line-height: 33px; padding-left: 10px; text-transform: uppercase; }
#categoryList li .subCategory { display: none; }
#categoryList li.expanded .subCategory { display: block; }

/* asideTemplate2 */
.asideTemplate2 { background: #e5effa url(../images/bg-category-bot-2.gif) no-repeat left bottom; float: left; width: 270px; }
* html .asideTemplate2 #categoryList li { height: 1%; }
.asideTemplate2 #categoryList li a { border-bottom: #aaafb4 solid 1px; display: block; padding: 5px 20px; }
.asideTemplate2 #categoryList li.clear { display: none; }
.asideTemplate2 #categoryList li.expanded a { font-weight: bolder; }
.asideTemplate2 #categoryList li.expanded ul { background: #dde4ec; }
.asideTemplate2 #categoryList li.expanded ul li a { background: url(../images/ico-arrow-4.gif) no-repeat 20px 10px; color: #333; font-weight: normal; padding: 5px 30px; }
.asideTemplate2 #categoryList li.expanded li.active a, .asideTemplate2 #categoryList li.expanded li a:hover { font-weight: bolder; }

/* asideTemplate3 */
.asideTemplate3 { background: #e5effa url(../images/bg-category-bot.gif) no-repeat left bottom; }
.asideTemplate3 #categoryList { min-height: 20px; padding-top: 10px; }
* html .asideTemplate3 #categoryList { height: 20px; }
.asideTemplate3 #categoryList li { float: left; padding-top: 3px; width: 235px; }
.asideTemplate3 #categoryList li a { background: url(../images/ico-arrow-2.gif) no-repeat left 5px; display: block; margin: 0 9px; padding-bottom: 3px; padding-left: 15px; }
.asideTemplate3 #categoryList li.clear { line-height: 0; padding: 0; width: 940px; }
.asideTemplate3 #categoryList li.expanded { background: #c3dbf3 url(../images/bg-sub-category-top.gif) no-repeat; position: relative; }
.asideTemplate3 #categoryList li.expanded a { background: url(../images/ico-arrow-3.gif) no-repeat left 7px; font-weight: bolder; }
.asideTemplate3 #categoryList li.expanded ul { background: #dde4ec url(../images/bg-sub-category-bot.gif) no-repeat left bottom; border-top: #afb6be solid 1px; display: block; padding-bottom: 5px; position: absolute; left: 0; top: 24px; }
* html .asideTemplate3 #categoryList li.expanded ul { height: 1%; }
.asideTemplate3 #categoryList li.expanded li a { background: url(../images/ico-arrow-4.gif) no-repeat 3px 5px; background-color: #dde4ec; color: #666; font-weight: normal; }
.asideTemplate3 #categoryList li.expanded li.active a, .asideTemplate3 #categoryList li.expanded li a:hover { font-weight: bolder; }

.contentTemplate2 { float: right; width: 650px; }

ul.subCategory li.more a,
ul.subCategory li.more a:hover{ color: #06c !important; }

/* content */
#content h2 { background: url(../images/bg-title.gif) repeat-x left bottom; color: #666; font-size: 1.3em; font-weight: normal; padding: 10px 0 10px 10px; }
#content h2.title { color: #06c; }
#content .rss { padding-right: 10px; }
#content .rss a { background: url(../images/ico-rss.gif) no-repeat; display: block; float: right; height: 16px; margin-top: -25px; text-indent: -1984em; width: 16px; }
#content ol { list-style: decimal; margin-left: 40px; margin-top: 10px; padding-bottom: 10px; }
#content ol li { padding: 2px 0; }
#content .highlight1 { background-color: #f2f77d; padding: 2px; }
#content .highlight2 { background-color: #d8917d; color: #fff; padding: 2px; }
#content .underline { border-bottom: #06c dashed 1px; padding: 2px; }
#content li, #content p { text-align: justify; padding-bottom:5px; }
#content p {font-size:small;}

#content #info { font-size: .9em; padding: 15px; margin-right: 200px; }
#content #info img { float: left; margin-right: 10px; }
#content #link { font-size: .9em; float: right; margin-top: -70px; }
#content #link a { background: url(../images/line.gif) no-repeat right center; padding: 0 10px 0 7px; }
#content #link img { vertical-align: middle; }
#content #link .rating { padding-left: 7px; }
#content #link .rating a { background: none; padding: 0; }
#content #document { padding: 15px; }
#content #document h1 { font-size: 2em; }
#content #document h2 { background: none; color: #333; font-size: 1.6em; font-weight: bolder; padding-left: 0; }
#content #document h3 { font-size: 1.2em; padding-bottom: 5px; }
#content #document h4 { font-size: 1em; padding-bottom: 5px; }
#content #document ul { list-style: disc; margin-left: 35px; padding-bottom: 10px; }
#content #document ol { margin-top: 0; }
#content #document p { padding-bottom: 10px; }
#content .section { background: #e5effa url(../images/bg-category-bot.gif) no-repeat left bottom; margin-bottom: 10px; padding-bottom: 10px; clear: left;}
.contentTemplate2 .section { background-image: url(../images/bg-section-bot-2.gif) !important; }
#content .section h2 { background: url(../images/bg-title-right-2.gif) no-repeat right top; font-weight: bolder; height: 36px; padding: 0; }
#content .section h2 span { background: url(../images/bg-title-left-2.gif) no-repeat; color: #fff; display: block; font-size: 14px; line-height: 36px; padding-left: 10px; text-transform: uppercase; }
#content .section #pager { float: right; margin-top: -25px; padding-right: 8px; }
#content .section #pager li { float: left; }
#content .section .content { padding: 10px; }
#content .section .more { text-align: right; }
#content .section .more a { color: #333; }
#content .section .more a:hover { text-decoration: underline; }
#content .section .group { float: left; width: 460px; }
#content .section .group div { overflow: hidden; padding: 5px; }
* html #content .section .group div { height: 1%; }
#content .section .group span { color: #06c; float: left; width: 220px; }
#content .section .group span.type { color: #333; padding-right: 10px; text-align: right; width: 220px; }
#content .section .group a { text-decoration: underline; }
#content .section .group ul { float: left; }
#content .section .group ul li { color: #06c; padding-bottom: 10px; }
#content .section .group ul li input { margin-right: 5px; vertical-align: middle; }
#content .section #search { padding: 20px; text-align: center; }
#content .section #search input { vertical-align: middle; }
#content .section #search .text { background: url(../images/bg-input-2.gif) no-repeat; border: none; font-size: 1.2em; height: 21px; width: 256px; padding: 5px; }
#content .section #search .btnSearch { background: url(../images/btn-search-2.gif) no-repeat; border: none; cursor: pointer; font-size: 0; height: 31px; line-height: 31px; margin-right: 10px; width: 34px; }
#content .section .form { margin: 0 auto; padding: 20px 30px; width: 500px; }
#content .section .form .error { color: #f00; }
#content .section .form .Input { padding: 6px 0; }
#content .section .form .Input input, #content .form .Input select, #content .form .Input img { vertical-align: middle; }
#content .section .form label.type1 { float: left; padding-right: 10px; width: 140px; }
#content .section .form span.error { display: block; margin-left: 150px; }
#content .section .form .text1, #content .section .form .text2, #content .section .form .text3 { border: #a8a6a6 solid 1px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 3px; }
#content .section .form .text1 { width: 330px; }
#content .section .form .text2 { width: 50px; }
#content .section .form .text3 { width: 120px; }
#content .section .form select.text1 { height: 100px; overflow: auto; width: 503px; }
#content .section .form select.type1 { border: #a8a6a6 solid 1px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 3px; width: 338px; }
#content .section .form .output { margin-left: 150px; margin-top: 20px; }
#content .section .form .button { background: url(../images/bg-btn.gif) no-repeat; border: none; color: #fff; cursor: pointer; height: 30px; font-weight: bolder; text-align: center; width: 84px; }

.loading { background: url(../images/loading.gif) no-repeat; font-size: .65em; height: 85px; position: fixed; bottom: 5px; right: 5px; width: 85px; z-index: 10001; }
.loading span { color: #3163ad; position: absolute; bottom: 20px; text-align: center; right: 3px; width: 80px; }
.noLoading { background: #790619 url(../images/ico-arrow-5.gif) no-repeat 2px 7px; color: #fff; font-size: .9em; font-weight: bolder; padding: 1px 2px 1px 15px; position: fixed; bottom: 0; right: 0; z-index: 10001; }
* html .loading, * html .noLoading { position: absolute; }

ul.yiiPager{ font-size:11px; border:0; margin:0; padding:0; line-height:100%; display:inline; }

ul.yiiPager li{display:inline; }

ul.yiiPager a:link,
ul.yiiPager a:visited {border:solid 1px #9aafe5; font-weight:bold; color:#0e509e; padding:1px 6px; text-decoration:none; }

#relatedArticle ul.yiiPager a:link,
#relatedArticle ul.yiiPager a:visited{ border: 0; background-color: transparent; padding: 1px 3px}

ul.yiiPager .page a{ font-weight:normal; background-color: #fff; margin: 0 1px; }

ul.yiiPager a:hover{ border:solid 1px #0e509e; }

ul.yiiPager .selected a{background:#2e6ab1; color:#FFFFFF !important; font-weight:bold; }

ul.yiiPager .hidden a {border:solid 1px #DEDEDE; color:#888888; }

/**
 * Hide first and last buttons by default.
 */
ul.yiiPager .first,
ul.yiiPager .last{ display:none; }

/*Category in search result box*/
#categoryList li a.Enabled {text-decoration: underline; color: #0066CC}
#categoryList li a.Disabled {text-decoration: none; color: #999999 !important}

/*Message boxes*/
.msginfo, .msgsuccess, .msgwarning, .msgerror, .msgvalidation { border: 1px solid; margin: 10px 0px; padding: 15px 10px 15px 50px; background-repeat: no-repeat; background-position: 10px 10px; }
.msginfo { color: #00529B; background-color: #BDE5F8; background-image: url('../images/msg_info.png'); }
.msgsuccess { color: #4F8A10; background-color: #DFF2BF; background-image:url('../images/msg_valid.png'); }
.msgwarning { color: #9F6000; background-color: #FEEFB3; background-image: url('../images/msg_error.png'); }
.msgerror { color: #D8000C; background-color: #FFBABA; background-image: url('../images/msg_error.png'); }
.msgvalidation { color: #D63301; background-color: #FFCCBA; background-image: url('../images/msg_attention.png'); }
img.pointer { cursor: pointer; }

/* text Thank you for voting */
.voteThank { color: #666; }