/******************************/
/******** Template CSS ********/
/******************************/
body { color: #666666; margin: 0px; font-size: 16px; line-height: 1.6; background: #FFFFFF; }
p { margin: 15px 0px; }
img { border: none; padding: 0; margin: 0; }
.clearbreak { clear: both; }
h1, h2, h3, h4, h5 { margin: 0px; font-weight: normal; }
h1 { font-size: 22px; }
h2 { font-size: 21px; }
h3 { font-size: 20px; }
h4 { font-size: 19px; }
h5 { font-size: 18px; }
input, select, button, .btn, textarea { font-size: 17px; }
@media screen and (min-width:1024px){
body { font-size: 14px; background: #d6d6d6; }
h1 { font-size: 20px; }
h2 { font-size: 19px; }
h3 { font-size: 18px; }
h4 { font-size: 17px; }
h5 { font-size: 16px; }
input, select, button, .btn, textarea { font-size: 15px; }
}
/******************************/
/******** Template CSS ********/
/******************************/
.ff1, .ff1 input, .ff1 select, .ff1 button, .ff1 textarea { font-family: Arial, Helvetica, sans-serif; }
.ff2, .ff2 input, .ff2 select, .ff2 button, .ff2 textarea { font-family: "Times New Roman", Times, serif; }
.ff3, .ff3 input, .ff3 select, .ff3 button, .ff3 textarea { font-family: "Courier New", Courier, monospace; }
/******************************/
/******** Template CSS ********/
/******************************/
#container { padding: 0px 15px; }
#header { margin: 0px -15px 15px -15px; padding: 10px 15px; background: #f0f0f0; }
#banner { padding: 0px 0px 15px 0px; }
#copyright { padding: 10px 0px; margin: 0px -15px; background: #f0f0f0; }
@media screen and (min-width:1024px){
#container { width: 970px; padding: 0px 10px; margin: 0 auto; }
#header { float: left; width: 938px; height: 80px; margin: 0px; background: url(../images/light-header.gif) top; border-left: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; }
#navigation { float: left; width: 938px; padding: 15px 15px 10px 15px; background: url(../images/light-navigation.gif) top; border-left: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; }
#navbar { float: left; width: 938px; background: url(../images/light-menu.gif) top; }
#banner-row { float: left; width: 100%; background: #c1c1c1; }
#banner { float: left; width: 938px; padding: 10px 15px; background: #999999; border-left: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; }
#advert, #footer { float: left; width: 938px; padding: 15px 15px 0px 15px; background: #e7e7e7; border-left: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; }
#spacer { height: 20px; clear: both; background: url(../images/light-spacer.gif) top; border-left: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; }
#component { float: left; width: 938px; padding: 0px 15px; background: #f8f8f8; border-left: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; }
#content { padding: 15px 15px 0px 15px; }
#bottom { float: left; width: 938px; padding: 0px 15px; background: #f8f8f8; border-left: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; }
#copyright { float: left; width: 938px; padding: 10px 15px; margin: 0px 0px 25px 0px; background: #f0f0f0; border-bottom: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; }
}
/******************************/
/******** Template CSS ********/
/******************************/
.logo { width: 100%; }
#logo { max-width: 300px; margin: 0 auto; }
#copy, #design { text-align: center; }
#design a { color: #666666; text-decoration: none; }
@media screen and (min-width:1024px){
.logo { width: auto; height: 80px; }
#logo { float: left; max-width: none; }
#copy { float: left; }
#design { float: right; }
}
/******** Template CSS ********/
/******************************/
#content-right-layout, #content-left-layout, #content-left-right, #right-right-layout, #left-left-layout, #left-left-right, #right-left-right { clear: both; }
@media screen and (min-width:1024px){
#content-right-layout { float: left; width: 668px; clear: none; }
#content-left-layout { float: right; width: 668px; clear: none; }
#content-left-right { float: left; width: 498px; clear: none; margin: 0px 0px 0px 20px; }
#right-right-layout { float: right; width: 250px; clear: none; }
#left-left-layout { float: left; width: 250px; clear: none; }
#left-left-right { float: left; width: 200px; clear: none; }
#right-left-right { float: right; width: 200px; clear: none; }
}
/******************************/
/******** Template CSS ********/
/******************************/
@media screen and (min-width:1024px){
#user-right-layout.user-a, #user-left-layout.user-a { float: left; width: 638px; padding: 15px 15px 0px 15px; border-bottom: 15px solid #f8f8f8; }
#user-right-layout.user-b, #user-left-layout.user-b { float: left; width: 638px; padding: 15px 15px 0px 15px; border-top: 15px solid #f8f8f8; }
#user-left-right.user-a { float: left; width: 468px; padding: 15px 15px 0px 15px; border-bottom: 15px solid #f8f8f8; }
#user-left-right.user-b { float: left; width: 468px; padding: 15px 15px 0px 15px; border-top: 15px solid #f8f8f8; }
#user-no-layout.user-a { float: left; width: 908px; padding: 15px 15px 0px 15px; border-bottom: 15px solid #f8f8f8; }
#user-no-layout.user-b { float: left; width: 908px; padding: 15px 15px 0px 15px; border-top: 15px solid #f8f8f8; }
}
/******************************/
/******** Template CSS ********/
/******************************/
@media screen and (min-width:1024px){
#content-right-layout-bg { float: left; width: 938px; background: url(../images/light-right.gif) left center; border-bottom: 15px solid #f8f8f8; }
#content-left-layout-bg { float: left; width: 938px; background: url(../images/light-left.gif) center; border-bottom: 15px solid #f8f8f8; }
#content-left-right-bg { float: left; width: 938px; background: url(../images/light-left-right.gif) center; border-bottom: 15px solid #f8f8f8; }
#content-no-layout-bg { float: left; width: 938px; background: #FFFFFF; border-bottom: 15px solid #f8f8f8; }
}
/******************************/
/******** Template CSS ********/
/******************************/
ul.menu, ul.menu ul, ul.dropdown-menu, .pagination ul, #login-form ul, ul.breadcrumb, ul.nav, ol.nav, ul.category, ul.search-results, ul.thumbnails, ul.tags, ul.btn-toolbar, ul.archive-module, ul.categories-module, ul.categories-module ul, ul.category-module, ul.category-module ul, ul.latestnews, ul.mostread, ul.relateditems, ul.newsfeed, ul.latestusers, .tagspopular ul { list-style: none; padding: 0px; margin: 0px; }
/******************************/
/******** Template CSS ********/
/******************************/
#head p { margin: 0px; }
#head .menu a, #head .menu .nav-header, #head .menu .separator { color: #666666; text-decoration: none; font-weight: bold; display: block; cursor: pointer; padding: 5px 10px; margin: 2px 0px; background: url(../images/light-menu.gif) center; border: 1px solid #c0c0c0; }
#head .menu li li { display: none; }
@media screen and (min-width:1024px){
#head { float: right; max-width: 600px; height: 70px; margin: 5px 0px; overflow: hidden; }
#head form { margin: 20px 0px 0px 0px; }
#head .menu a, #head .menu .nav-header, #head .menu .separator { font-size: 15px; font-weight: padding: 0px; margin: 0px; background: none; border: none; }
#head .menu li { float: left; position:relative; line-height: 2.67; margin: 15px 0px 0px 15px; }
}
/******************************/
/******** Template CSS ********/
/******************************/
#search { padding: 0px 0px 15px 0px; }
#search .menu a, #search .menu .nav-header, #search .menu .separator { color: #666666; text-decoration: none; font-weight: bold; cursor: pointer; display: block; padding: 5px 10px; margin: 2px 0px; background: url(../images/light-menu.gif) center; border: 1px solid #c0c0c0; }
#search .menu li li { display: none; }
@media screen and (min-width:1024px){
#search { float: right; padding: 0px 10px 0px 0px; text-align: left; }
#search form { margin: 4.5px 0px 0px 0px; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
#search form { margin: 4.5px 0px 0px 0px; }
}
#search .menu a, #search .menu .nav-header, #search .menu .separator { font-size: 15px; padding: 0px; margin: 0px; background: none; border: none; }
#search .menu li { float: left; padding: 0px; margin: 0px 10px 0px 15px; line-height: 2.67; }
}
/******************************/
/******** Template CSS ********/
/******************************/
.tooltip { position: absolute; z-index: 1030; display: block; font-size: 12px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); visibility: visible; }
.tooltip.in { opacity: .8; filter: alpha(opacity=80); }
.tooltip.top { padding: 5px 0; margin-top: -3px; }
.tooltip-inner { max-width: 200px; padding: 8px; color: #fff; text-align: center; text-decoration: none; background-color: #000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; }
.tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-color: #000; border-width: 5px 5px 0; }
/******************************/
/******** Template CSS ********/
/******************************/
.popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; text-align: left; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; border: 1px solid rgba(0,0,0,0.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2); -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2); box-shadow: 0 5px 10px rgba(0,0,0,0.2); white-space: normal; background: #FFFFFF; border: 1px solid #dedede; }
.popover.top { margin: -10px 0px 0px 0px; }
.popover.left { margin: 0px 0px 0px -10px; }
.popover.right { margin: 0px 0px 0px 10px; }
.popover.bottom { margin: 10px 0px 0px 0px; }
.popover .arrow, .popover .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; }
.popover .arrow { border-width: 11px; }
.popover .arrow:after { border-width: 10px; content: ""; }
.popover.right .arrow { top: 50%; left: -11px; margin: -11px 0px 0px 0px; border-left-width: 0; border-right-color: rgba(0,0,0,0.25); border-right-color: #c0c0c0; }
.popover.right .arrow:after { left: 1px; bottom: -10px; border-left-width: 0; border-right-color: #FFFFFF; }
.popover-title { margin: 0; padding: 5px 15px; font-size: 16px; font-weight: normal; line-height: 18px; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; background: #f7f7f7; border-bottom: 1px solid #ebebeb; }
.popover-content { padding: 12px 15px; }
/******************************/
/******** Template CSS ********/
/******************************/
.alert { border-bottom: 15px solid #f8f8f8; }
.alert button.close { font-size: 20px; cursor: pointer; float: right; display: block; margin: -7px 0px 0px 0px; background: none; border: none; }
.alert a.close { font-size: 20px; cursor: pointer; float: right; display: block; }
@media screen and (min-width:1024px){
.alert { margin: -15px -15px 15px -15px; padding: 15px; }
}
/******************************/
/******** Template CSS ********/
/******************************/
.page-header h1, .contact h1, .categories-list h1, .contact-category h1, .category-list h1, h1.page-title, .finder h1, .newsfeed-category h1, .tag-category h1, .item-page .page-header h2 { padding: 5px 15px; margin: 0px -15px 10px -15px; background: #d3d3d3; }
.blog-featured h2.item-title, .blog .page-header h2 { padding: 0px 0px 5px 0px; margin: 0px 0px 15px 0px; border-bottom: 1px solid #c0c0c0; }
h3.page-header { padding: 0px 0px 5px 0px; margin: 0px 0px 10px 0px; }
.layout h3.page-header, .advert h3.page-header, .user h3.page-header, .bottom h3.page-header, .footer h3.page-header { border-bottom: 1px solid #c0c0c0; }
.item-page .page-header h2 a, .blog-featured h2.item-title a, .blog .page-header h2 a { color: #666666; text-decoration: none; }
@media screen and (min-width:1024px){
.page-header h1, .contact h1, .categories-list h1, .contact-category h1, .category-list h1, h1.page-title, .finder h1, .newsfeed-category h1, .tag-category h1, .item-page .page-header h2 { font-size: 18px; padding: 5px 15px; margin: -15px -15px 10px -15px; border-bottom: 15px solid #f8f8f8; }
.layout h3.page-header { padding: 5px 10px; background: #c7c7c7; border-bottom: none; }
.blog-featured h2.item-title, .blog .page-header h2, .contact h2 { font-size: 18px; }
}
/******************************/
/******** Template CSS ********/
/******************************/
.dropdown-menu li { display: inline; margin: 0px 10px 0px 0px; }
dl.article-info dd { padding: 0; margin: 0; }
.article-info-term { display: none; }
p.readmore { margin: 0px; }
p.readmore a { color: #666666; text-decoration: none; padding: 5px 10px; border-radius: 5px; background: #f8f8f8; border: 1px solid #dedede; }
.items-more { margin: 0px 0px 15px 0px; }
.archive fieldset { padding: 0px; border: none; }
.item-page .pager { text-align: center; margin: 0px 0px 15px 0px; }
.item-page .pager li { display: inline; margin: 0px 10px; }
.dropdown-menu li a, .category-name a, .items-more a, #archive-items a, .item-page .nav a, .pager a { color: #666666; text-decoration: none; }
@media screen and (min-width:480px){
.items-leading .article-info dd, .item-page .article-info dd, .cols-1 .article-info dd { display: inline; margin: 0px 10px 0px 0px; }
.items-more li { display: inline; margin: 0px 15px 0px 0px; }
.item-page .nav li { display: inline; margin: 0px 15px 0px 0px; }
}
/******************************/
/******** Template CSS ********/
/******************************/
.pagination { float: left; width: 100%; padding: 0px 0px 20px 0px; text-align: center; clear: both; }
p.counter { margin: 0px 0px 10px 0px; }
.pagination li { display: inline; }
li.pagination-number { display: none; }
.pagination .pagenav { color: #666666; text-decoration: none; padding: 5px 10px; margin: 0px 2px; border-radius: 5px; background: #f8f8f8; border: 1px solid #dedede; }
ul.pagenav .previous a, ul.pagenav .next a { color: #666666; text-decoration: none; }
@media screen and (min-width:1024px){
.pagination ul { float: left; }
p.counter { float: right; margin: 0px; }
li.pagination-number { display: inline; }
.items-row { clear: both; }
}
/******************************/
/******** Template CSS ********/
/******************************/
.breadcrumb a { color: #666666; text-decoration: none; }
@media screen and (min-width:480px){
.breadcrumb li { display: inline; }
}
/******************************/
/******** Template CSS ********/
/******************************/
.category-list table { width: 100%; margin: 0px 0px 15px 0px; }
.category-list td, .category-list th { text-align: left; padding: 5px; border: 1px solid #dedede; }
.category-list .inputbox, .category-list #filter_tag { padding: 5px; border: 1px solid #c0c0c0; }
.category-list fieldset { padding: 0px; border: none; }
.category-list .btn-group { text-align: center; margin: 0px 0px 10px 0px; }
.category-list .badge-info { padding: 3px; border-radius: 5px; background: #FFFFFF; border: 1px solid #dedede; }
.category-list a { color: #666666; text-decoration: none; }
@media screen and (min-width:1024px){
.category-list td, .category-list th { padding: 5px 10px; }
.category-list .btn-group { float: left; }
.category-list .btn-group.pull-right { float: right; }
}
/******************************/
/******** Template CSS ********/
/******************************/
.contact { margin: 0px 0px 15px 0px; }
.contact h2 { margin: 0px 0px 15px 0px; }
.contact h3 { margin: 0px 0px 15px 0px; }
.contact fieldset { padding: 10px; border: 1px solid #c0c0c0; }
.contact .accordion fieldset { border: none; padding: 0px; margin: 0px; }
.contact a.accordion-toggle { color: #666666; text-decoration: none; display: block; padding: 5px 10px; background: url(../images/light-menu.gif) center; border: 1px solid #dedede; }
.contact .accordion-inner { padding: 10px; border: 1px solid #dedede; }
.contact .accordion legend { display: block; margin: 0px 0px 10px 0px; }
.contact .nav { margin: 0px 0px 15px 0px; list-style: none; border-bottom: 1px solid #dedede; }
.contact .nav > li > a { color: #666666; text-decoration: none; display: block; display: block; padding: 10px 15px; line-height: 18px; margin: 0px 2px 0px 0px; border: 1px solid transparent; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; }
.contact .nav > .active > a, .contact .nav > .active > a:hover, .contact .nav > .active > a:focus { color: #666666; background: #FFFFFF; border: 1px solid #dedede; border-bottom-color: transparent; }
.contact .nav:before, .contact .nav:after { display: table; content: ""; line-height: 0; }
.contact .nav:after { clear: both; }
.contact .nav > li { float: left; margin-bottom: -1px; }
.contact .tab-content > .tab-pane { display: none; }
.contact .tab-content > .active { display: block; }
.contact .dl-horizontal dt { float: left; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 2; }
.contact .dl-horizontal dd { margin: 0px 0px 0px 30px; line-height: 2; }
.contact .control-group { margin: 0px 0px 10px 0px; }
.contact input.required { padding: 5px; width: 94%; border: 1px solid #c0c0c0; }
.contact textarea.required { padding: 4px; width: 94%; border: 1px solid #c0c0c0; }
.contact .contact-links .nav { border-bottom: none; margin: 0px; padding: 0px; }
.contact .thumbnail img { width: 100%; }
.blog-featured fieldset { padding: 0px; margin: 0px 0px 10px 0px; border: none; }
.blog-featured .hidelabeltxt { display: none; }
.blog-featured #adminForm select.inputbox { border: 1px solid #c0c0c0; padding: 5px; }
.blog-featured table.category { text-align: left; width: 100%; margin: 0px 0px 15px 0px; }
.blog-featured table.category th { padding: 5px 10px; border: 1px solid #dedede; }
.blog-featured table.category td { padding: 5px 10px; border: 1px solid #dedede; }
.contact-category h2 { margin: 0px 0px 10px 0px; }
.contact-category fieldset { padding: 0px; border: none;  }
.contact-category .btn-group { margin: 0px 0px 15px 0px; }
.contact-category .inputbox { border: 1px solid #c0c0c0; padding: 5px; }
.contact-category ul.category { float: left; width: 100%; margin: 0px 0px 15px 0px; border-top: 1px solid #dedede; }
.contact-category ul.category li { float: left; width: 100%; padding: 10px 0px; border-bottom: 1px solid #dedede; }
.contact-category img { width: 100%; }
.contact-emailto a, .contact-webpage a, .contact-category a, .blog-featured table.category a, .categories-list .item-title a { color: #666666; text-decoration: none; }
@media screen and (min-width:480px){
.contact .thumbnail { float: right; }
.contact .thumbnail img { width: auto; height: 65px; }
.contact-category img { float: right; width: auto; height: 65px; }
}
@media screen and (min-width:1024px){
.contact-category .btn-group { float: left; }
.contact-category .btn-group.pull-right { float: right; }
.contact input.required { width: 250px; }
.contact textarea.required { height: 200px; }
}
/******************************/
/******** Template CSS ********/
/******************************/
#searchForm fieldset, #finder-search fieldset { padding: 10px; border: 1px solid #dedede; }
.search form, .finder form, .form-search .finder { text-align: center; }
.search label.element-invisible { display: none; }
#searchForm .form-limit { margin: 10px 0px 0px 0px; }
.search #mod-search-searchword, .finder #mod-finder-searchword { width: 97%; padding: 5px; margin: 0px 0px 5px 0px; border: 1px solid #c0c0c0; }
#searchForm, #finder-search { margin: 0px 0px 20px 0px; }
#searchForm #search-searchword, #finder-search input.inputbox { width: 97%; padding: 5px; margin: 0px 0px 5px 0px; border: 1px solid #c0c0c0; }
div.search-results { margin: 0px 0px 15px 0px; }
.collapse { position: relative; height: 0; overflow: hidden; -webkit-transition: height .35s ease; -moz-transition: height .35s ease; -o-transition: height .35s ease; transition: height .35s ease; }
.collapse.in { height: auto; }
.search-results li { margin: 0px 0px 15px 0px; }
.search-results p { margin: 0px; }
.search-pages-counter { text-align: center; padding: 0px 0px 20px 0px; }
.search-results a { color: #666666; text-decoration: none; }
@media screen and (min-width:480px){
#searchForm #search-searchword, #finder-search input.inputbox { width: 300px; margin: 0px; }
}
@media screen and (min-width:1024px){
#head .search #mod-search-searchword { width: 210px; margin: 0px; }
#head .finder #mod-finder-searchword { width: 200px; margin: 0px; }
#search .search #mod-search-searchword { width: 180px; margin: 0px; }
#search .finder #mod-finder-searchword { width: 170px; margin: 0px; }
.search-pages-counter { text-align: left; }
}
/******************************/
/******** Template CSS ********/
/******************************/
#login-form .input-small { width: 97%; padding: 5px; border: 1px solid #c0c0c0; }
#login-form .control-group { margin: 0px 0px 10px 0px; }
#login-form .add-on { display: block; margin: 0px 0px 5px 0px; }
#login-form a { color: #666666; text-decoration: none; }
.login fieldset { padding: 10px 10px 0px 10px; margin: 0px 0px 15px 0px; border: 1px solid #c0c0c0; }
.login .control-group { margin: 0px 0px 10px 0px; }
.login .control-label { margin: 0px 0px 5px 0px; }
.login input.required { width: 97%; padding: 5px; border: 1px solid #c0c0c0; }
.login ul { margin: 0px 0px 15px 0px; }
.login a { color: #666666; text-decoration: none; }
.registration fieldset { padding: 10px 10px 0px 10px; margin: 0px 0px 15px 0px; border: 1px solid #c0c0c0; }
.registration .control-group { margin: 0px 0px 10px 0px; }
.registration input.required { width: 97%; padding: 5px; border: 1px solid #c0c0c0; }
#user-registration { margin: 0px 0px 15px 0px; }
#user-registration fieldset { padding: 10px; margin: 0px 0px 10px 0px; border: 1px solid #c0c0c0; }
#user-registration input.required { width: 97%; padding: 5px; border: 1px solid #c0c0c0; }
.profile .dl-horizontal dd { margin: 0px; padding: 0px; }
#users-profile-core { margin: 10px 0px; }
#users-profile-custom { margin: 0px 0px 20px 0px; }
.profile-edit fieldset { padding: 10px; margin: 0px 0px 10px 0px; border: 1px solid #c0c0c0; }
.profile-edit .controls { color: #000000; }
.logout { padding: 0px 0px 15px 0px; }
@media screen and (min-width:480px){
.login input.required, .registration input.required, #user-registration input.required { width: 250px; }
.profile .dl-horizontal dt { float: left; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 2; }
.profile .dl-horizontal dd { margin: 0px 0px 0px 190px; line-height: 2; }
}
@media screen and (min-width:1024px){
.layout #login-form { margin: -10px 0px -15px 0px; padding: 15px; background: url(../images/light-login.gif); }
}
/******************************/
/******** Template CSS ********/
/******************************/
.newsfeed-category .category { margin: 0px 0px 20px 0px; }
.newsfeed-category h2 { margin: 0px 0px 15px 0px; }
.newsfeed-category fieldset { padding: 0px; border: none; }
.newsfeed-category .btn-group { text-align: center; margin: 0px 0px 15px 0px; }
.newsfeed-category br { display: none; }
.newsfeed-category .category li { padding: 5px 10px; margin: 2px 0px; border: 1px solid #dedede; }
.newsfeed-category li a { color: #666666; text-decoration: none; }
@media screen and (min-width:480px){
.newsfeed-category fieldset { margin: 0px 0px 20px 0px; }
.newsfeed-category .btn-group { float: left; margin: 0px; }
.newsfeed-category .btn-group.pull-right { float: right; margin: 0px; }
}
/******************************/
/******** Template CSS ********/
/******************************/
.tag-category fieldset { padding: 0px; border: none; }
.tag-category fieldset button { display: none; }
.tag-category .btn-group { text-align: center; margin: 0px 0px 15px 0px; }
.tag-category p { margin: 0px; }
.tag-category li { margin: 0px 0px 15px 0px; }
.tag-category table { margin: 0px 0px 15px 0px; }
.tags.inline { margin: 0px 0px 15px 0px; }
.tags.inline li { display: inline; margin: 0px 20px 0px 0px; }
.tag-category li a, .tag-category table a, .tags.inline li a { color: #666666; text-decoration: none; }
@media screen and (min-width:480px){
.tag-category fieldset { margin: 0px 0px 20px 0px; }
.tag-category .btn-group { float: left; margin: 0px; }
.tag-category .btn-group.pull-right { float: right; margin: 0px; }
}
/******************************/
/******** Template CSS ********/
/******************************/
.edit fieldset { padding: 0px; border: none; margin: 0px 0px 20px 0px; }
.edit .btn-toolbar .btn-group { display: inline; }
.edit .nav { padding: 0; margin: 0px 0px 10px 0px; list-style: none; border-bottom: 1px solid #dedede; }
.edit .nav > li { float: left; margin: 0px 0px -1px 0px; }
.edit .nav > li > a { color: #666666; text-decoration: none; display: block; padding: 8px 12px; margin: 0px 2px 0px 0px; line-height: 18px; border: 1px solid transparent; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; }
.edit .nav > .active > a, .edit .nav > .active > a:hover, .edit .nav > .active > a:focus { color: #666666; background: #FFFFFF; border: 1px solid #dedede; border-bottom-color: transparent; cursor: default; }
.edit .nav > li > a:hover, .edit .nav > li > a:focus { border-color: #dedede #dedede #dedede; }
.edit .nav:before, .edit .nav:after { display: table; content: ""; line-height: 0; }
.edit .nav:after { clear: both; }
.edit .tab-content > .tab-pane { display: none; }
.edit .tab-content > .active { display: block; }
@font-face { font-family: 'IcoMoon'; src: url('../../../media/jui/fonts/IcoMoon.eot'); src: url('../../../media/jui/fonts/IcoMoon.eot?#iefix') format('embedded-opentype'), url('../../../media/jui/fonts/IcoMoon.woff') format('woff'), url('../../../media/jui/fonts/IcoMoon.ttf') format('truetype'), url('../../../media/jui/fonts/IcoMoon.svg#IcoMoon') format('svg'); font-weight: normal; font-style: normal; }
[class^="icon-"]:before, [class*=" icon-"]:before { font-family: 'IcoMoon'; font-style: normal; speak: none; }
.icon-calendar:before { content: "\43"; }
.edit .editor { margin: 10px 0px 0px 0px; }
.edit .control-group { margin: 0px 0px 10px 0px; }
.edit .pull-right { float: right; padding: 10px 0px 0px 0px; }
.edit .control-group .inputbox { border: 1px solid #c0c0c0; padding: 3px; width: 250px; }
.edit .btn-toolbar button.btn { margin: 0px 2px 10px 2px; }
.edit .controls { color: #000000; }
/******************************/
/******** Template CSS ********/
/******************************/
input.button, input.btn, button { color: #666666; padding: 4px 10px; border-radius: 5px; background: url(../images/light-menu.gif) center; border: 1px solid #c0c0c0; }
.finder a.btn, .registration a.btn, .profile a.btn, .profile-edit a.btn, .edit a.btn { color: #666666; text-decoration: none; display: inline-block; padding: 3px 10px 2px 10px; border-radius: 5px; background: url(../images/light-menu.gif) center; border: 1px solid #c0c0c0; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
input.button, input.btn, button { padding: 6px 12px; }
}
/******************************/
/******** Template CSS ********/
/******************************/
.moduletable { padding: 0px 0px 15px 0px; }
.item-image img { width: 100%; }
.layout .menu a, .layout .nav-header, .layout .separator { color: #666666; text-decoration: none; font-weight: bold; display: block; padding: 5px 10px; margin: 2px 0px; background: url(../images/light-menu.gif) center; border: 1px solid #c0c0c0; }
.advert .menu a, .advert .menu .nav-header, .advert .menu .separator, .user .menu a, .user .menu .nav-header, .user .menu .separator, .bottom .menu a, .bottom .menu .nav-header, .bottom .menu .separator, .footer .menu a, .footer .menu .nav-header, .footer .menu .separator { color: #666666; text-decoration: none; display: block; padding: 5px 0px; border-bottom: 1px solid #c0c0c0; }
.advert ul.archive-module a, .advert ul.categories-module li, .advert ul.category-module li, .advert ul.latestnews a, .advert ul.mostread a, .advert ul.relateditems li, .advert ul.latestusers li, .advert .tagspopular li, .user ul.archive-module a, .user ul.categories-module li, .user ul.category-module li, .user ul.latestnews a, .user ul.mostread a, .user ul.relateditems li, .user ul.latestusers li, .user .tagspopular li, .bottom ul.archive-module a, .bottom ul.categories-module li, .bottom ul.category-module li, .bottom ul.latestnews a, .bottom ul.mostread a, .bottom ul.relateditems li, .bottom ul.latestusers li, .bottom .tagspopular li, .footer ul.archive-module a, .footer ul.categories-module li, .footer ul.category-module li, .footer ul.latestnews a, .footer ul.mostread a, .footer ul.relateditems li, .footer ul.latestusers li, .footer .tagspopular li { display: block; padding: 5px 0px; border-bottom: 1px solid #c0c0c0; }
.layout ul.archive-module a, .layout ul.latestnews a, .layout ul.mostread a, .layout ul.relateditems li, .layout ul.latestusers li, .layout .tagspopular li { display: block; padding: 5px 0px; border-bottom: 1px solid #c0c0c0; }
.advert ul.categories-module ul li, .advert ul.category-module ul li, .user ul.categories-module ul li, .user ul.category-module ul li, .bottom ul.categories-module ul li, .bottom ul.category-module ul li, .footer ul.categories-module ul li, .footer ul.category-module ul li { margin: 4px 0px -4px 0px; border-top: 1px solid #c0c0c0; border-bottom: none; }
.layout .categories-module li, .layout .category-module li { display: block; padding: 5px 0px; border-bottom: 1px solid #c0c0c0; }
.layout ul.categories-module ul li, .layout ul.category-module ul li { margin: 4px 0px -4px 0px; border-top: 1px solid #c0c0c0; border-bottom: none; }
.layout ul.archive-module a, .layout ul.categories-module a, .layout ul.category-module a, .layout ul.latestnews a, .layout ul.mostread a, .layout ul.relateditems a, .layout .tagspopular li a, .layout .feed a { color: #666666; text-decoration: none; }
.advert ul.archive-module a, .advert ul.categories-module a, .advert ul.category-module a, .advert ul.latestnews a, .advert ul.mostread a, .advert ul.relateditems a, .advert .tagspopular li a, .advert .feed a, .user ul.archive-module a, .user ul.categories-module a, .user ul.category-module a, .user ul.latestnews a, .user ul.mostread a, .user ul.relateditems a, .user .tagspopular li a, .user .feed a, .bottom ul.archive-module a, .bottom ul.categories-module a, .bottom ul.category-module a, .bottom ul.latestnews a, .bottom ul.mostread a, .bottom ul.relateditems a, .bottom .tagspopular li a, .bottom .feed a, .footer ul.archive-module a, .footer ul.categories-module a, .footer ul.category-module a, .footer ul.latestnews a, .footer ul.mostread a, .footer ul.relateditems a, .footer .tagspopular li a, .footer .feed a { color: #666666; text-decoration: none; }
ul.newsfeed li { margin: 15px 0px 0px 0px; }
.newsflash-title { margin: 15px 0px; }
.categories-module h4, .categories-module h5  { font-size: 16px; font-weight: normal; }
.layout .newsflash-title a, .advert .newsflash-title a, .user .newsflash-title a, .bottom .newsflash-title a, .footer .newsflash-title a { color: #666666; text-decoration: none; }
.layout a.readmore, .advert a.readmore, .user a.readmore, .bottom a.readmore, .footer a.readmore { color: #666666; text-decoration: none; }
@media screen and (min-width:1024px){
.layout form, .layout p, .layout .feed, .layout .newsflash, .layout .categories-module, .layout .category-module { margin: 0px 15px; }
.layout .newsflash p, .layout .categories-module p, .layout .category-module p { margin: 0px; }
.layout ul.menu { margin: -10px 0px -15px 0px; }
.layout .menu a, .layout .nav-header, .layout .separator { font-weight: normal; padding: 5px 10px 5px 30px; margin: 0px; }
.layout ul.archive-module, .layout ul.latestnews, .layout ul.mostread, .layout ul.relateditems, .layout ul.latestusers, .layout .tagspopular { margin: -10px 0px -15px 0px; }
.layout .menu a, .layout .nav-header, .layout .separator { background: url(../images/light-layout-menu.gif) left center; border: none; border-bottom: 1px solid #c7c7c7; }
.layout .menu a:hover, .layout .nav-header:hover, .layout .separator:hover { background: url(../images/light-layout-hover.gif) left center; }
.layout ul.archive-module a, .layout ul.latestnews a, .layout ul.mostread a, .layout ul.relateditems li, .layout ul.latestusers li, .layout .tagspopular li { padding: 5px 10px 5px 30px; margin: 0px; background: url(../images/light-layout-menu.gif) left center; border-bottom: 1px solid #c7c7c7; }
.categories-module h4, .categories-module h5 { font-size: 14px; }
}
/******************************/
/******** Template CSS ********/
/******************************/
#menu { padding: 0px 0px 15px 0px; text-align: center; }
#menu select { border: 1px solid #c0c0c0; padding: 4px; width: 100%; }
#menu .menu { display: none; }
@media screen and (min-width:1024px){
#menu { text-align: left; float: left; padding: 0px; }
#menu select { display: none; }
#menu .menu { display: block; }
#menu .menu a, #menu .menu .nav-header, #menu .menu .separator { color: #666666; text-decoration: none; display: block; font-size: 15px; font-weight: bold; cursor: pointer; padding: 0px 15px; margin: 0px; background: none; border: none; }
#menu .menu li.active a, #menu .menu li.active .nav-header, #menu .menu li.active .separator { background: url(../images/light-menu-current.gif) top center no-repeat; }
#menu ul.menu li:hover { background: url(../images/light-menu-hover.gif) top center no-repeat; }
#menu .menu li { float: left; position:relative; line-height: 2.67; }
#menu .menu li li a, #menu .menu li li .nav-header, #menu .menu li li .separator { font-size: 14px; font-weight: normal; }
#menu .menu ul { float: none; left: -999em; position: absolute; z-index: 99; width: 190px; padding: 5px 0px 10px 0px; background: #d3d3d3; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0; }
#menu .menu ul li { width: 190px; padding: 2px 0px; position:relative;  margin-left: 0px; line-height: 1.8; }
#menu li:hover ul { left: auto; }
#menu ul.menu li li a, #menu ul.menu li.active li a, #menu .menu li.active li .nav-header, #menu .menu li.active li .separator { background: none !important; }
#menu ul.menu li li:hover { background: none; }
#menu .menu ul ul { margin: -1.8em 0 0 12.8em; position: absolute; z-index: 99; height: auto; padding: 5px 0px; border-top: 1px solid #c0c0c0; }
#menu ul.menu li:hover ul ul, #menu ul.menu li:hover ul ul ul { left: -999em; }
#menu ul.menu li li:hover ul, #menu ul.menu li li li:hover ul { left: auto; }
}
/******************************/
/******** Template CSS ********/
/******************************/
@media screen and (min-width:1024px){
#content-right-layout .cols-4 .column-1, #content-left-layout .cols-4 .column-1 { width: 148.25px; float: left; }
#content-right-layout .cols-4 .column-2, #content-left-layout .cols-4 .column-2 { width: 148.25px; float: left; margin: 0px 0px 0px 15px; }
#content-right-layout .cols-4 .column-3, #content-left-layout .cols-4 .column-3 { width: 148.25px; float: left; margin: 0px 0px 0px 15px; }
#content-right-layout .cols-4 .column-4, #content-left-layout .cols-4 .column-4 { width: 148.25px; float: right; }
#content-right-layout .cols-3 .column-1, #content-left-layout .cols-3 .column-1 { width: 202.66px; float: left; }
#content-right-layout .cols-3 .column-2, #content-left-layout .cols-3 .column-2 { width: 202.66px; float: left; margin: 0px 0px 0px 15px; }
#content-right-layout .cols-3 .column-3, #content-left-layout .cols-3 .column-3 { width: 202.66px; float: right; }
#content-right-layout .cols-2 .column-1, #content-left-layout .cols-2 .column-1 { width: 311px; float: left; }
#content-right-layout .cols-2 .column-2, #content-left-layout .cols-2 .column-2 { width: 311px; float: right; }
#content-right-layout .cols-1 .column-1, #content-left-layout .cols-1 .column-1 { width: 638px; float: left; }
#content-left-right .cols-3 .column-1 { width: 146px; float: left; }
#content-left-right .cols-3 .column-2 { width: 146px; float: left; margin: 0px 0px 0px 15px; }
#content-left-right .cols-3 .column-3 { width: 146px; float: right; }
#content-left-right .cols-2 .column-1 { width: 226px; float: left; }
#content-left-right .cols-2 .column-2 { width: 226px; float: right; }
#content-left-right .cols-1 .column-1 { width: 468px; float: left; }
#content-no-layout .cols-5 .column-1 { width: 169.6px; float: left; }
#content-no-layout .cols-5 .column-2 { width: 169.6px; float: left; margin-left: 15px; }
#content-no-layout .cols-5 .column-3 { width: 169.6px; float: left; margin-left: 15px; }
#content-no-layout .cols-5 .column-4 { width: 169.6px; float: left; margin-left: 15px; }
#content-no-layout .cols-5 .column-5 { width: 169.6px; float: right; }
#content-no-layout .cols-4 .column-1 { width: 215.75px; float: left; }
#content-no-layout .cols-4 .column-2 { width: 215.75px; float: left; margin: 0px 0px 0px 15px; }
#content-no-layout .cols-4 .column-3 { width: 215.75px; float: left; margin: 0px 0px 0px 15px; }
#content-no-layout .cols-4 .column-4 { width: 215.75px; float: right; }
#content-no-layout .cols-3 .column-1 { width: 292.66px; float: left; }
#content-no-layout .cols-3 .column-2 { width: 292.66px; float: left; margin: 0px 0px 0px 15px; }
#content-no-layout .cols-3 .column-3 { width: 292.66px; float: right; }
#content-no-layout .cols-2 .column-1 { width: 446px; float: left; }
#content-no-layout .cols-2 .column-2 { width: 446px; float: right; }
#content-no-layout .cols-1 .column-1 { width: 908px; float: left; }
.items-leading { float: left; width: 100%; }
}
#content-right-layout .cols-4 .column-1, #content-left-layout .cols-4 .column-1, #content-right-layout .cols-4 .column-2, #content-left-layout .cols-4 .column-2, #content-right-layout .cols-4 .column-3, #content-left-layout .cols-4 .column-3, #content-right-layout .cols-4 .column-4, #content-left-layout .cols-4 .column-4, #content-right-layout .cols-3 .column-1, #content-left-layout .cols-3 .column-1, #content-right-layout .cols-3 .column-2, #content-left-layout .cols-3 .column-2, #content-right-layout .cols-3 .column-3, #content-left-layout .cols-3 .column-3, #content-right-layout .cols-2 .column-1, #content-left-layout .cols-2 .column-1, #content-right-layout .cols-2 .column-2, #content-left-layout .cols-2 .column-2, #content-right-layout .cols-1 .column-1, #content-left-layout .cols-1 .column-1, #content-left-right .cols-3 .column-1, #content-left-right .cols-3 .column-2, #content-left-right .cols-3 .column-3, #content-left-right .cols-2 .column-1, #content-left-right .cols-2 .column-2, #content-left-right .cols-1 .column-1, #content-no-layout .cols-5 .column-1, #content-no-layout .cols-5 .column-2, #content-no-layout .cols-5 .column-3, #content-no-layout .cols-5 .column-4, #content-no-layout .cols-5 .column-5, #content-no-layout .cols-4 .column-1, #content-no-layout .cols-4 .column-2, #content-no-layout .cols-4 .column-3, #content-no-layout .cols-4 .column-4, #content-no-layout .cols-3 .column-1, #content-no-layout .cols-3 .column-2, #content-no-layout .cols-3 .column-3, #content-no-layout .cols-2 .column-1, #content-no-layout .cols-2 .column-2, #content-no-layout .cols-1 .column-1, .items-leading { padding: 0px 0px 15px 0px; }
/******************************/
/******** Template CSS ********/
/******************************/
@media screen and (min-width:1024px){
.advert19 .one, .bottom19 .one, .footer19 .one { width: 175.6px; float: left; }
.advert19 .two, .bottom19 .two, .footer19 .two { width: 175.6px; float: left; margin: 0px 0px 0px 15px; }
.advert19 .three, .bottom19 .three, .footer19 .three { width: 175.6px; float: left; margin: 0px 0px 0px 15px; }
.advert19 .four, .bottom19 .four, .footer19 .four { width: 175.6px; float: left; margin: 0px 0px 0px 15px; }
.advert19 .five, .bottom19 .five, .footer19 .five { width: 175.6px; float: right; }
.advert24 .one, .bottom24 .one, .footer24 .one { width: 223.25px; float: left; }
.advert24 .two, .bottom24 .two, .footer24 .two { width: 223.25px; float: left; margin: 0px 0px 0px 15px; }
.advert24 .three, .bottom24 .three, .footer24 .three { width: 223.25px; float: left; margin: 0px 0px 0px 15px; }
.advert24 .four, .bottom24 .four, .footer24 .four { width: 223.25px; float: right; }
.advert33 .one, .bottom33 .one, .footer33 .one { width: 302.66px; float: left; }
.advert33 .two, .bottom33 .two, .footer33 .two { width: 302.66px; float: left; margin: 0px 0px 0px 15px; }
.advert33 .three, .bottom33 .three, .footer33 .three { width: 302.66px; float: right; }
.advert49 .one, .bottom49 .one, .footer49 .one { width: 461px; float: left; }
.advert49 .two, .bottom49 .two, .footer49 .two { width: 461px; float: right; }
.advert99 .one, .bottom99 .one, .footer99 .one { width: 938px; float: left; }
}
/******************************/
/******** Template CSS ********/
/******************************/
@media screen and (min-width:1024px){
#user-right-layout .user33 .one, #user-left-layout .user33 .one { width: 202.66px; float: left; }
#user-right-layout .user33 .two, #user-left-layout .user33 .two { width: 202.66px; float: left; margin: 0px 0px 0px 15px; }
#user-right-layout .user33 .three, #user-left-layout .user33 .three { width: 202.66px; float: right; }
#user-right-layout .user49 .one, #user-left-layout .user49 .one { width: 311px; float: left; }
#user-right-layout .user49 .two, #user-left-layout .user49 .two { width: 311px; float: right; }
#user-right-layout .user99 .one, #user-left-layout .user99 .one { width: 638px; float: left; }
#user-left-right .user33 .one { width: 146px; float: left; }
#user-left-right .user33 .two { width: 146px; float: left; margin: 0px 0px 0px 15px; }
#user-left-right .user33 .three { width: 146px; float: right; }
#user-left-right .user49 .one { width: 226px; float: left; }
#user-left-right .user49 .two { width: 226px; float: right; }
#user-left-right .user99 .one { width: 468px; float: left; }
#user-no-layout .user33 .one { width: 292.22px; float: left; }
#user-no-layout .user33 .two { width: 292.22px; float: left; margin: 0px 0px 0px 15px; }
#user-no-layout .user33 .three { width: 292.22px; float: right; }
#user-no-layout .user49 .one { width: 446px; float: left; }
#user-no-layout .user49 .two { width: 446px; float: right; }
#user-no-layout .user99 .one { width: 908px; float: left; }
}