body { font-family: Arial,Tahoma,sans-serif; font-size: 12px; background: #1670c6 url(../images/bckgr.png) center 200px repeat; color:#666666; margin:0; padding:0; text-align: left; }
.background-top { background: url(../images/bckgr.png) top center no-repeat; }
.clr { clear: both; height: 0; line-height: 0; font-size: 0; }
.clr:before, .clearfix:after { content: ""; display: table; }
.clr:after { clear: both; }
.clr { zoom: 1; }
ul, dl, ol { list-style:none; margin:0; padding:0; }
dl dt, dd { margin: 0; padding: 0 0 0 10px; line-height: 22px; }
a, img { outline:none; border:none; margin:0; padding:0; color: #4c6ba0; }
:focus { outline: none; }
a:hover { color: #fa8e2e; }
form { margin:0; padding:0; border-radius: 6px; background: #edf4ff; color: #4c6ba0; }
form legend { padding: 10px 0 0; font-weight: 700; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 100%; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{ color: #fa8e2e; text-decoration: none; }
h1 { font-size:30px; font-family: "Times New Roman", Times, serif; } 
h2 { font-size:20px; font-family: "Times New Roman", Times, serif; }
h3 { font-size:16px; font-family: "Times New Roman", Times, serif; }
h4 { font-size:14px; font-family: "Times New Roman", Times, serif; }
h6 { font-size:12px; font-family: "Times New Roman", Times, serif; }
p { line-height: 22px; }
iframe { border: none; }
fieldset { border: none; margin: 0; padding: 20px; }
input, textarea { border-radius: 6px; box-shadow: inset 0 1px 0 1px #bfbfbf; background:#fff; border: medium none; line-height: 26px; color: #c1c0c0; font-size: 12px; padding: 5px; }
input:focus { box-shadow: 0 0 3px #4c6ba0; }
.validate { padding: 3px; border: 0; border-radius: 3px; box-shadow: none; background: #4e7ac7; font-weight: 700; color: #fff; cursor: pointer; }
.validate:hover { border-color: #0c0e20; background: #16193b; }
.calendar { margin: 0 0 0 5px; vertical-align: middle; cursor: pointer; }
.red { color: red; }
/* Admin Form */
.form-validate legend { display: block; width: 100%; margin: 10px 0 0; padding: 0 0 5px; font-size: 16px; font-weight: 700; border-bottom: 1px solid #4e7ac7; }
.form-validate .formelm { margin: 0 0 10px; }
.form-validate .star { color: red; font-weight: 700; }
.form-validate label { display: inline-block; margin: 10px 0 0; width: 50%; }
.form-validate .button2-left { margin: 0 5px 0 0; padding: 3px 6px; border: 0; float: left; border-radius: 3px; box-shadow: none; background: #4e7ac7; font-weight: 700; color: #fff; cursor: pointer;  }
.form-validate .button2-left a { text-decoration: none; color: #fff; } 
.form-validate .button2-left:hover { background: #fa8e2e; }
.form-validate textarea.inputbox { width: 98%; }
.form-validate #editor-xtd-buttons { margin: 10px 0; }
.form-validate .toggle-editor { float: right; }
/* Table */
table,table.weblinks td { border-collapse:collapse; }
table.weblinks th,table.newsfeeds th,table.category th,table.jlist-table th { background:#dedede; color:#939598; }
table.weblinks,table.category { width:98%; margin:10px 10px 20px 0; }
table.weblinks td,table.category td { padding:7px; }
table.weblinks th,table.category th { text-align:left; padding:7px; }
table.category th a img { padding:2px 10px; }
td.num { vertical-align:top; text-align:left; }
td.hits { vertical-align:top; text-align:center; }
/* MESSAGES */
.error { background:#fdcdc9; border:none; border-radius:5px; margin: 10px 0 20px; padding:10px; }
#system-message dt.warning { color:#be4e4c; font-size:16px; font-weight:700; margin:0 0 10px; }
#system-message dd.warning li { line-height:20px; background:transparent url(../images/arrow-2.html) no-repeat left top; padding:0 0 0 20px; }
.tip-wrap { background:#fff; border:1px solid #e5e5e5; border-radius:5px; margin:0 0 10px; padding:10px; }
.contact-links li,#article-index li { line-height:20px; }
.input-small { display: block; margin: 2px 0 15px 0;}
.control-group { margin: 0 0 0 10px !important; }
.control-group, .controls, .input-prepend, .input-append, .userdata{ background: none !important; }
.btn-primary { margin: 20px 0 0 0 !important;}
.controls, div.control-group, .input-prepend, input-append { margin: 0 !important; padding: 0 !important;}
.unstyled { clear: both; }
/* Error */
#errorboxbody { color: red; }
/* GENERAL */
.wrapper { margin: 45px auto 30px; width: 960px; border: 5px solid #16193b; border-radius: 6px; background: #fff; box-shadow: 0 0 30px #082a53; }
.wrapper #content { padding: 20px 20px 0; }
.wrapper .maincol .leftcol { float: left; width: 21%; margin: 10px 3% 10px 0; }
.wrapper .maincol .cont { float: left; min-width: 53%; max-width: 53%; padding: 5px 5px 30px 5px; }
.wrapper .maincol .rightcol { float: right; width: 19%; margin: 10px 0 10px 2% }
.wrapper #content .maincol_w_right { overflow: hidden; padding: 20px 0 0; }
.wrapper #content .maincol_w_right .leftcol { float: left; width: 21%; }
.wrapper #content .maincol_w_right .cont { float: right; width: 74%; padding: 5px 5px 30px 5px; }
.wrapper #content .maincol_w_left .cont{ width: 78%; float: left; }
.wrapper #content .maincol_w_left .rightcol { width: 21%; float: right; }
/* contentarea */
#contentarea #breadcrumbs .showHere { color: #999; }
/* HEADER */
header { position: relative; height: 280px; background: url(../images/header.png) no-repeat; }
header .sitename h1{ margin: 0 auto; width: 100%; padding: 10px 0; border-top: 1px solid #75bbff; border-bottom: 1px solid #75bbff; text-align: center; background: rgba(255, 255, 255, .8); font-family: Tahoma, Verdana, Arial; }
.top-menu { position: relative; border-top: 1px solid #16193b; border-bottom: 1px solid #313348; box-shadow: 0 1px 0 #16193b; width: 710px; margin: 0; padding: 13px 240px 13px 10px; height: 25px;
background: #4e7ac7;
background: -moz-linear-gradient(top,  #4e7ac7 0%, #16193b 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4e7ac7), color-stop(100%,#16193b));
background: -webkit-linear-gradient(top,  #4e7ac7 0%,#16193b 100%);
background: -o-linear-gradient(top,  #4e7ac7 0%,#16193b 100%);
background: -ms-linear-gradient(top,  #4e7ac7 0%,#16193b 100%);
background: linear-gradient(to bottom,  #4e7ac7 0%,#16193b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e7ac7', endColorstr='#16193b',GradientType=0 ); }
.top-menu #sgmenu .menu { min-height: 36px; }
.top-menu #sgmenu .menu li { position: relative; float: left; margin:0 5px 0 0; }
.top-menu #sgmenu .menu li a:link, .top-menu #sgmenu .menu li a:visited { display: block; border: 1px solid #fff; box-shadow: none; border-radius: 6px; padding: 5px; background: #fa8e2e; color: #fff; text-decoration: none; }
.top-menu #sgmenu .menu li a:hover { background: #16193b; border-color: #000; }
.top-menu #sgmenu .menu li.parent:hover a { margin: 0 0 -8px; padding: 5px 5px 13px; }
.top-menu #sgmenu .menu .current.active  a:link, .top-menu #sgmenu .menu .current.active  a:visited { background: #16193b; border-color: #000; }
.top-menu #sgmenu .menu li.parent:hover ul { display: block; }
/* Sub Menu */
.top-menu #sgmenu .menu li.parent ul { display: none; position: absolute; top: 30px; left: 0; z-index: 9999; min-width: 180px; padding: 10px; background: #ffb370; border: 1px solid #fff; }
.top-menu #sgmenu .menu li.parent ul li { float: none; margin: 0; display: block; }
.top-menu #sgmenu .menu li.parent ul li a:link, .top-menu #sgmenu .menu ul li a:visited { margin: 0; padding: 5px; border: none; background: none; border-radius: 0; }
.top-menu #sgmenu .menu li.parent ul li:hover a { padding: 5px; margin: 0; }
.top-menu #sgmenu .menu li.parent ul li a:hover { background: #fa8e2e; }
/* Search */
.top-menu #search { position: absolute; top: 12px; right: 10px; }
.top-menu #search form { background: none; }
.top-menu #search form label { display: none; }
.top-menu #search form input { vertical-align: middle; }
.top-menu #search form .inputbox { height: 15px; padding: 5px 5px 9px; line-height: 22px; }
.top-menu #search form .button { margin: 0 0 0 10px; height: 29px; line-height: inherit; }
/* HEADER */
/* Main */
#content { padding: 5px 0 0; }
#content h2 { font-size: 1.8em; color: #fa8e2e; }
#content h3 { font-size: 1.6em; font-weight: normal; color: #fa8e2e; }
#content h4 { font-size: 1.4em; font-weight: normal; color: #fa8e2e; }
#content h5 { font-size: 1.3em; font-weight: normal; color: #fa8e2e; }
#content h6 { font-size: 1.2em; font-weight: normal; color: #fa8e2e; }
#content form { padding: 10px; margin: 0 0 10px; }
#content form fieldset { border: 0; padding: 0 0 10px; overflow: hidden; }
#content form fieldset dl dt { margin: 10px 0 0; padding: 0; }
#content form fieldset dl dd { padding: 0; margin: 0; }
#content ul { list-style-position: inherit; color: #7194d1; }
#content img { max-width: 100%; }
/* Module */
#content .module { margin: 0 0 20px; }
#content .module h3:before { position: absolute; top: 0; left: -5px; content: ""; height: 26px; width: 21px; background: url(../images/bulletFish.png) left center no-repeat; }
#content .module h3 { margin: 0 0 10px 10px; padding: 0 20px 0 25px; position: relative; background: #4c6ba0; background-position: -5px 0; box-shadow: 0 1px 0 0 #000; border-top-right-radius: 6px; border-bottom-right-radius: 6px; color: #FFFFFF; font-size: 14px; font-weight: 700; line-height: 26px; text-shadow: 0 1px #000; text-transform: uppercase; }
#content .module li { padding: 0 0 0 7px; }
#content .module li a:before { position: absolute; top: 6px; left: 0; content: "\00BB"; border-radius: 3px; width: 13px; height: 12px; font-size: 15px; line-height: 10px; text-indent: 2px; background: #fa8e2e; color: #fff; }
#content .module li a { border-bottom: 1px dotted #ccc; position: relative; margin:0 0 0 4px; padding: 0 0 0 18px; color: #4c6ba0; display: block; font-size: 12px; font-weight: 700; line-height: 24px; text-decoration: none; }
#content .module li a:hover { color: #fa8e2e; }
#content .module li.active a { color: #75bbff; }
#content .module .parent ul { margin: 0 0 0 10px; }
#content .module .parent ul li { padding: 0; }
#content .module .parent ul li a:hover { text-decoration: underline; }
#content .module .parent ul li a { color: #75bbff!important; }
#content .module .parent ul .parent ul .parent a:before { position: absolute; top: 6px; left: 0; content: "\00BB"; border-radius: 3px; width: 13px; height: 12px; font-size: 15px; line-height: 10px; text-indent: 2px; background: #1b4c9f; color: #fff; }
#content .module .parent ul .parent ul .parent ul .parent a { color: #6a96e0; }
#content .module .parent ul .parent ul .parent ul .parent a:before { position: absolute; top: 6px; left: 0; content: "\00BB"; border-radius: 3px; width: 13px; height: 12px; font-size: 15px; line-height: 10px; text-indent: 2px;
 background: #6a96e0; color: #fff; }
#content .module p { padding: 0 20px; }
#content .module #login-form { overflow: hidden; margin: 0 0 0 10px; padding:5px 0 5px 10px!important; }
#content .module #login-form ul { padding:10px 0 0!important; }
#content .module #login-form  .login-greeting { float: left; padding: 0 0 0 10px; line-height: 28px; }
#content .module #login-form  .logout-button  { margin: 0 5px 0 0; float: right; }
#content .module #login-form  ul { line-height: 22px; }
#content .module #login-form  ul li { padding: 0 10px 0 0; }
#content .module #login-form  ul li a { padding: 0; }
#content .module #login-form  ul li a:before { display: none; }
#content .module #login-form  ul li:last-child a { border: 0; }
#content .module #login-form  fieldset.userdata p { padding: 0; }
#content .module fieldset.userdata { border:none; position:relative; margin:0 auto; padding:0; clear: both; }
#content .module fieldset.userdata  #form-login-username label, #form-login-password label { display: block; padding: 0 0 5px 5px; font-weight: 700; }
#content .module fieldset.userdata  #form-login-username .inputbox, #content .module fieldset.userdata  #form-login-password .inputbox { width: 90%; height: 24px; line-height: 24px; }
#content .module fieldset.userdata  #form-login-password { margin: 10px 0 0; }
#content .module fieldset.userdata  #form-login-remember { float: left; width: 100%; margin: 10px 20px 0 0; }
#content .module fieldset.userdata  #form-login-remember .inputbox {  height: auto; padding: 0; }
#content .module fieldset.userdata  .button { margin: 5px 0 0; line-height: 22px; }
/* Module Menu */
#content .module_menu { margin: 0 0 20px; }
#content .module_menu h3:before { position: absolute; top: 0; left: -5px; content: ""; height: 26px; width: 21px; background: url(../images/bulletFish.png) left center no-repeat; }
#content .module_menu h3 { margin: 0 0 10px 10px; padding: 0 20px 0 25px; position: relative; background: #4c6ba0; background-position: -5px 0; box-shadow: 0 1px 0 0 #000; border-top-right-radius: 6px; border-bottom-right-radius: 6px; color: #FFFFFF; font-size: 14px; font-weight: 700; line-height: 26px; text-shadow: 0 1px #000; text-transform: uppercase; }
#content .module_menu li { padding: 0 0 0 7px; }
#content .module_menu li a:before { position: absolute; top: 6px; left: 0; content: "\00BB"; border-radius: 3px; width: 13px; height: 12px; font-size: 15px; line-height: 10px; text-indent: 2px; background: #fa8e2e; color: #fff; }
#content .module_menu li a { border-bottom: 1px dotted #ccc; position: relative; margin:0 0 0 4px; padding: 0 0 0 18px; color: #4c6ba0; display: block; font-size: 12px; font-weight: 700; line-height: 24px; text-decoration: none; }
#content .module_menu li a:hover { color: #fa8e2e; }
#content .module_menu li.active a { color: #75bbff; }
#content .module_menu .parent ul { margin: 0 0 0 10px; }
#content .module_menu .parent ul li { padding: 0; }
#content .module_menu .parent ul li a:hover { text-decoration: underline; }
#content .module_menu .parent ul .parent ul .parent a { color: #1b4c9f; }
#content .module_menu .parent ul .parent ul .parent a:before { position: absolute; top: 6px; left: 0; content: "\00BB"; border-radius: 3px; width: 13px; height: 12px; font-size: 15px; line-height: 10px; text-indent: 2px; background: #1b4c9f; color: #fff; }
#content .module_menu .parent ul .parent ul .parent ul .parent a { color: #6a96e0; }
#content .module_menu .parent ul .parent ul .parent ul .parent a:before { position: absolute; top: 6px; left: 0; content: "\00BB"; border-radius: 3px; width: 13px; height: 12px; font-size: 15px; line-height: 10px; text-indent: 2px; background: #6a96e0; color: #fff; }
#content .module_menu p { padding: 0 20px; }
#content .module_menu #login-form { overflow: hidden; margin: 0 0 0 10px; padding:5px 0 5px 10px!important; }
#content .module_menu #login-form ul { padding:10px 0 0!important; }
#content .module_menu #login-form  .login-greeting { float: left; padding: 0 0 0 10px; line-height: 28px; }
#content .module_menu #login-form  .logout-button  { margin: 0 5px 0 0; float: right; }
#content .module_menu #login-form  ul { line-height: 22px; }
#content .module_menu #login-form  ul li a { padding: 0; }
#content .module_menu #login-form  ul li a:before { display: none; }
#content .module_menu #login-form  fieldset.userdata p { padding: 0; }
#content .module_menu fieldset.userdata { border:none; position:relative; margin:0 auto; padding:0; clear: both; }
#content .module_menu fieldset.userdata  #form-login-username label, #form-login-password label { display: block; padding: 0 0 5px 5px; font-weight: 700; }
#content .module_menu fieldset.userdata  #form-login-username .inputbox, #content .module_menu fieldset.userdata  #form-login-password .inputbox { width: 90%; height: 24px; line-height: 24px; }
#content .module_menu fieldset.userdata  #form-login-password { margin: 10px 0 0; }
#content .module_menu fieldset.userdata  #form-login-remember { float: left; margin: 10px 20px 0 0; }
#content .module_menu fieldset.userdata  #form-login-remember .inputbox {  height: auto; }
#content .userdata  .button { margin: 5px 0 0; }
#content .userdata  .button:hover { box-shadow: 0 0 3px #1670c6; }
/* Items */
.item-page { margin: 20px 0 20px; position: relative; }
.item-page h2 { padding: 0 40px 0 0; }
.item-page .actions { position: absolute; top: 0; right: 10px; }
.item-page .actions li { display: inline; }
.items-leading { margin: 20px 0 20px; position: relative; }
.items-leading h2 { padding: 0 40px 0 0; }
.items-leading .actions { position: absolute; top: 0; right: 10px; }
.items-leading .actions li { display: inline; }
.items-row { margin: 20px 0 20px; position: relative; }
.items-row h2 { padding: 0 40px 0 0; }
.items-row .actions { position: absolute; top: 0; right: 10px; }
.items-row .actions li { display: inline; }
.article-info { margin: 20px 0 10px; padding: 10px 0 10px; background: #dceeff; }
.highlight { margin: 0 2px; padding: 0 3px; background: #fa8e2e; color: #fff; }
footer { color: #fff; }
footer a { color: #fa8e2e; text-decoration: none; }
footer a:hover { text-decoration: underline; }
/* Paging */
.pagination { overflow: hidden; margin: 20px 0 0; padding: 10px; border-top: 1px solid #75bbff; border-bottom: 1px solid #75bbff; }
.pagination p { margin: 0; float: left;  }
.pagination ul { margin: 0; padding: 0; float: right; }
.pagination ul li { display: inline; margin: 0 5px; line-height: 22px; }
.hasTooltip { display: inline-block !important;}