html, body {margin: 0px;width: 100%;height: 100%;display: block;font: 300 12px/18px 'Open Sans', sans-serif;font-weight: 500;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, a, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; }
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
body {background: #003366;color: #3f3f41;font-family: 'Ubuntu', sans-serif;font-size:14px;line-height:20px;font-weight: 400;display: block;width: 100%;position: relative;}
/* ==================== Basic declarations ====================
================================================== */
header, section, article, aside, footer, figure, nav, hgroup, video, div, canvas { display: block; }
p {margin: 0.5em 0;line-height: 1.5em;}
a {
-moz-transition:.3s ease;
-o-transition:.3s ease;
-webkit-transition:.3s ease;
transition:.3s ease;
color: #003366;
text-decoration:none;
}
a.button { font-size: 0.9em; }
a:hover, a:focus {text-decoration: none;}
a img { border: 0px }
img {max-width: 100%;width: auto\9;height: auto;vertical-align: middle;border: 0;-ms-interpolation-mode: bicubic;}
h1, h2, h3, h4, h5, h6 {color: #003366;text-align: left;font-family: 'Roboto', sans-serif;}
h1 {font:700 40px/48px 'Roboto', sans-serif; margin-bottom:15px;}
h2 {font:500 36px/44px 'Roboto', sans-serif; margin-bottom:10px;}
h3 {font: 400 24px/30px 'Roboto', sans-serif;margin-bottom: 5px;}
h4 {font: 400 22px/18px 'Roboto', sans-serif;margin-bottom: 5px;}
h5 {font:300 18px/22px 'Roboto', sans-serif; margin-bottom: 2px;}
h6 {color:#000; font:700 15px/20px 'Ubuntu', sans-serif;margin-bottom:0; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color:inherit; text-decoration:none;}
ul, ol { margin-left: 3em; list-style: square; }
ol { list-style: decimal; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee; }
sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; }
sup { top: -.5em; }
sub { bottom: -.25em; }
table { border-collapse: collapse; }
table td, table th { vertical-align: top; }
table.content_table{border: 1px solid #6699CC;}
table.content_table td, table.content_table th {padding: 4px;border: 1px solid #AB9D5B;border-collapse:collapse;}
.colbtn {padding: 6px 23px;color: #FFF;display:inline-block;margin:6px;}
.orange-btn,.blue-btn:hover {background: #FF1935;color: #FFF;}
.blue-btn,.orange-btn:hover {background: #0a8ce7; text-decoration: none;color: #FFF;}
/* ==================== input elements====================
================================================== */
button, input, optgroup, select, textarea { margin: 0; font: inherit; color: inherit; }
button { overflow: visible; }
button, select { text-transform: none; }
button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; }
input { line-height: normal; }
input[type="checkbox"], input[type="radio"] {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0;margin: 0 3px;width: auto !important;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto }
input, select, textarea {color: #333;border: 1px solid #ddd;background: #f1f1f1;padding: 5px;font-style: normal;font-weight: 400;text-align: left;outline: none;}
textarea {overflow: auto;height: 100px;min-width: 250px;width: 70%;}
input[type=button], input[type=reset], input[type=submit], .button {background: #003366;color: #FFF;cursor: pointer;text-transform: uppercase;font-size: 1em;text-decoration: none;padding: 8px 12px;display: inline-block;width: auto;outline: none;border: 0;}
input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover, .button:hover {background: #014d98;color: #FFF;}
input[type=button]:active, input[type=reset]:active, input[type=submit]:active, .button:active { background: #444; }
/* ====================utility/ helper classes ====================
================================================== */
.clear { clear: both; height: 0px; margin: 0px; padding: 0px; }
.header:after, .container:after, .row:after, .navbar-toggle:after, .nav-bar:after, .clearfix:after { content: ""; display: table; clear: both; }
.pad { padding-left: 15px; padding-right: 15px; }
.pad-left { padding-left: 15px;}
.pad-right{ padding-right: 15px;}
.divider { margin-top: 20px; position: relative; }
.visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; }
.divider-line { margin: 40px 0;}
.lead { margin-bottom: 20px; font-size: 16px; font-weight: 300; line-height: 1.4; }
.img-circle { border-radius: 50%; }
.hide { display: none;}
.show { display: block !important; }
.invisible { visibility: hidden; }
.headeing{ font-size: 1.5em; vertical-align: middle;position: relative;display: inline-block;padding: 7px 50px 7px 20px;margin-left: -15px;margin-bottom: 15px;color: #FFF;background: #202835;}
.headeing:after { content:''; position: absolute;float: right;right: -39px; margin: auto;border-bottom: 1px solid #DDDDDD; width: 0;height: 0;top: 0;border-top: 39px solid rgb(32, 40, 53);border-bottom: 39px solid transparent;border-right: 39px solid transparent;}
.text-center, .text-center *{ text-align:center !important;}
/* ==================== layout====================
================================================== */
#layout {position: relative;top: 0;left: 0;width: 100%;min-width: 100%;background: #FFFFFF;}
#wrapper {height: auto;width: 100%;margin: 0 auto;position: relative;background: #FFF;}
.container {width: 98%;position: relative;margin: 0;margin-right: auto;margin-left: auto;height: auto;}
.content-block {padding: 15px 0;/* padding-top: 0; */}
.page-content-block{margin: 0 0;}
.subpage-block{margin-top: 74px;padding-top: 10px;}
.title-block { border-bottom: 1px solid #C4301F;margin-bottom: 10px;}
.title-block .title{ vertical-align: middle;position: relative;padding-left: 5px;margin-bottom: 0;color: #C4301F;}
.title-block .title:after { content:''; position: absolute;float: right;right: -39px; margin: auto; width: 0;height: 0;top: -39px;/* border-bottom: 39px solid rgb(208, 97, 65); *//* border-top: 39px solid transparent; *//* border-right: 39px solid transparent; */}
.breadcrumb{padding: 1px 0 2px 0;margin-top: -15px;/* margin-bottom: 10px; */color: #6699CC;}
.breadcrumb a {font-size:.84em;color: #6699cc;}
/*slide out Search Form*/
.search-form-wrapper{width: 100% !important;height: auto;position: absolute;padding: 15px;/* border: 1px solid #dfb291; */top: 70px;left: 0;right: 0;margin: auto;clear: right;z-index: 27;display: none;}
.search-form-wrapper form{ padding: 3px;}
.search-form-wrapper .advanced_search{ display:none;}
.search-form-wrapper input[type='text'] {max-width: 100%;width: 100%;padding: 6px 3px;border: 0;border-bottom: 1px solid #ececec;background: #003366;color: #fff;margin: 3px 0;margin-right: -31px;display: block;float: left;vertical-align: middle;font-weight: normal;font-size: 0.9em;}
.search-form-wrapper input[type='submit'] {background: rgba(80, 7, 7, 0);padding: 0;color: transparent;text-align: center;font-weight: bold;overflow: hidden;display: inline-block;vertical-align: top;width: 30px;height: 27px;border: 0;margin: 3px 0;position: relative;z-index: 10;}
.search-form-wrapper input[type='submit']:before{ content:"\e911"; font-size:16px; color:#FFF; font-family:'taoGlyphs !important';}
.search-form-wrapper form:after {content:"\f002";font-family:taoGlyphs;width:30px;height: 27px;background: #036;position:absolute;z-index: 0;right:0;top: 2px;text-align:center;line-height: 30px;}
.search-form-wrapper {display:none;}
.search-form-wrapper ::-webkit-input-placeholder { color:#134e88; }
.search-form-wrapper ::-moz-placeholder { color:#134e88; } /* firefox 19+ */
.search-form-wrapper :-ms-input-placeholder { color:#134e88; } /* ie */
.search-form-wrapper input:-moz-placeholder { color:#134e88; }
/* ====================grid====================
================================================== */
.row {/* margin-right: -15px; *//* margin-left: -15px; */}
.col-xxs-1,.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xxs-2, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xxs-3,.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xxs-4, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xxs-5, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xxs-6, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xxs-7, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xxs-8, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xxs-9, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xxs-10, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xxs-11, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xxs-12, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {position: relative;min-height: 1px;/* padding-right: 15px; *//* padding-left: 15px; */}
/* ====================header ====================
================================================== */
.header h1 { display: none; }
.header {position: relative;top: 0;width: 100%;z-index: 9;background: #FFFFFF;-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2);-moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2);box-shadow: 0 0px 2px 0 rgba(0,0,0,0.3);}
.header.subpage-header, .header.headBg{}
.subLnk{/* float:left; */}
.subLnk img{max-width: 165px;}
.logo {position: relative;left: 0;top: 0;margin: auto;display: block;text-align: left;vertical-align: middle;}
.logo img {position: relative;display: inline-block;vertical-align: middle;max-width: 330px;padding: 25px 0;}
.logo.main img{/* margin-top: 30px; */padding:0;}
/*Header Ads*/
.head_bnrs{height: 100%;/* position: absolute; */right: 0;top: 0;/* float: right; */}
.head_bnrs div.base {position: relative; top: 0;opacity: 1; top: 0;}
.hd_ads{ height: 100%;position: relative; float:right;}
.hd_ads .img {display:block;text-align: center; padding: 6px; }
.head_bnrs div.base .img {position: relative;width: 100%;height: auto;right: 0;/* top: 20px; */opacity: 1;padding: 0;}
.hd_ads a.hd_thumb {display:block;position: relative;cursor:pointer;}
.hd_ads a.hd_thumb img{max-height: 120px;max-width: 100%;position: relative;width: 200px;}
.hd_ads .label { display:none;}
/* ====================navigation====================
================================================== */
.nav {position: relative;display: block;}
.nav ul { list-style: none; padding: 0; margin: 0; }
.nav ul li { position: relative; display: block; }
.nav ul li a, .nav ul li > span { position: relative; display: block; padding: 10px 15px; }
.nav-bar ul > li.has-sub span.sub-btn{display:none;}
.top-nav{position: relative;right: 0;z-index: 99;background: #0f6c8c;}
.nav-top {float:right;color: #F1F1F1 !important;text-align: right;}
.user-glyph, .nav-top ul ,.nav-top.logged_in ul{display: inline-block;vertical-align:middle;width: auto !important;}
.user-glyph { font-size:.84em;}
.nav-top.not_logged_in .user-glyph, .nav-top.not_logged_in li.logout, .nav-top.logged_in li.login {display:none;}
.nav-top.logged_in li.login a:before {content: "\f007";font-family: taoGlyphs;font-size: 14px;font-weight: normal;display: inline-block;vertical-align: middle;margin-right: 4px;text-align: center;color: #F1F1F1;}
.user-nav ul li a, .nav-top ul li a {padding: 5px!important;font-size:.88em;font-weight:normal;color: #F1F1F1 !important;}
.user-nav{ position:absolute; z-index: 99;padding-top: 10px;right: -1px;top: 30px; display: none;}
.user-nav ul{background: #F1F1F1; padding:5px;border: 1px solid #DDD;width: 100px;}
.user-nav ul li a {padding: 6px 10px !important;}
.user-nav .flyout-arrow-front{position: absolute;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 11px solid #F1F1F1;z-index: 10; width: 0;left: 0;right: 0;top: 0px;margin: auto;}
.user-nav .flyout-arrow-back{position: absolute; border-left: 11px solid transparent;border-right: 11px solid transparent;border-bottom: 11px solid #DDDDDD; z-index: 0; left: 0;top: -1px;right: 0;width: 0;margin: auto;}
/*mobile navigation */
.navbar-block ul{position:relative;display: block;top: 0;left: 0;width: auto;height: 100%;}
.navbar-block ul > li > a {padding: 10px 15px;border-bottom: 1px solid #062b50;color: #333333;}
.navbar-block ul li ul, .navbar-block ul li ul li ul{ display:none;}
.main-nav > ul#topnav{display:none;}
#close {display: none;background: 0 0 rgba(0, 0, 0, 0.75); height: 100%; position: fixed;top: 0; left: 0; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -ms-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; width: 100%;z-index: 5;}
.navbar-block ul > li.has-sub .sub-btn { display:block; width: 30px; height: 45px; padding: 0;position:absolute; z-index: 1;right:0;cursor: pointer;}
.navbar-block ul li ul li > a { padding-left:17px; font-weight:normal;}
.navbar-block ul li ul li ul li a {padding-left: 25px !important;font-weight:normal;font-size:.82em;}
.navbar-block ul > li:last-child > a{border:0;}
/* ====================fixed nav====================
================================================== */
.fix-top { position: fixed !important; left: 0;top: 0;right: 0; z-index: 1030; background: #FFF; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}
/* ==================== Social Menu ====================
================================================== */
#social{float: right;}
#social ul {float: left !important;text-align: center;}
#social li {float:none;display:inline-block;vertical-align:middle;padding: 3px;}
#social li a {font-family:taoGlyphs !important;text-align: left;padding: 0 !important;color: #FFF;}
#social li a span{ display:none;}
#social li a:after{font-size: 13px;text-align: center;color: #0f6c8c;display: inline-block;vertical-align: middle;border-radius: 30px;line-height: 24px;background: #FBFBEA;width: 24px;height: 24px;}
#social li.facebook a:after {content: "\f09a";}
#social li.twitter a:after {content: "\f099";}
#social li.instagram a:after { content:"\f16d"; }
#social li.linkedin a:after {content: "\f0e1";}
#social li.youtube a:after {content: "\f16a";}
#social li.pinterest a:after {content:"\f231";}
#social li.googleplus a:after {content:"\f0d4";}
#social li.email a:after {content: "\f1d8";}
#social li.rss a:after {content: "\f09e";}
/* Social Menu Hover */
#social li:hover a:after, #social li a:hover:after {color: #E9E9E9;}
/*Top Contact*/
.news_paper_nav ul.topcontacts { float:right; list-style:none;}
ul.topcontacts li a span {color:#FFF;padding: 7px 5px;}
ul.topcontacts li a:before, ul.topcontacts li span:before{font-family: 'taoGlyphs'!important;font-size: 14px;font-weight: normal;display: inline-block;vertical-align: middle;text-align: center;width: 20px;}
ul.topcontacts li.phone a:before{content:"\f098";}
ul.topcontacts li.email a:before{content:"\f0e0"; }
ul.topcontacts li.address span:before{content:"\f041"; }
/* ====================Footer====================
================================================== */
footer {clear: both;bottom: 0;left: 0;background: #003366;color: #FFF;z-index: 1;width: 100%;padding: 20px 0;padding-bottom: 0;line-height: 1.6em;font-size: 12px;text-align: left;position:relative;}
footer * {color: #ffffff;}
footer .address{float:left;width: 20%;margin: 15px;color: #E4F2FF !important;}
footer .address * { color:#FFF;}
footer .address p span{font-size:.80em; display:none;}
.footer-nav{width: 100%;}
.footer-nav ul:after { content:''; display:table; clear:both;}
.footer-nav ul li a:hover { color: #FFF; }
.footer-nav > ul > li > span, .footer-nav > ul > li > a {font-size: 16px !important;}
.footer-nav > ul > li > a:before{ content:'' !important;}
.footer-nav ul li a {padding: 2px 5px;font-size: 11px;}
.footer-nav ul li.head >a, .footer-nav ul li.head >span{font-size: 15px !important;color: #DEA360;}
.subfooter-nav ul {float: right;}
.subfooter-nav ul li { float:left; }
.subfooter-nav ul li a {padding: 0 5px !important;}
.subfooter-nav ul li a:hover { background:none !important; }
/* ==================== Copyright ==================== */
.copyright {font-size: 12px;}
.copyright a {color: #ffffff !important;padding: 10px;}
.copyright span {display: inline-block;vertical-align: middle;}
/* ==================== Go to top button ====================
================================================== */
.cd-top {display: inline-block;height: 40px;width: 40px;position: fixed;bottom: 40px;right: 5px;z-index: 10;text-indent: 100%;box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);overflow: hidden;background: #2D2A2B;border: 1px solid #2D2A2B;visibility: hidden;opacity: 0;-webkit-transition: opacity .3s 0s, visibility 0s .3s;-moz-transition: opacity .3s 0s, visibility 0s .3s;transition: opacity .3s 0s, visibility 0s .3s;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.cd-top:after {content: "\f062";font-family: taoGlyphs !important;color: #FFFFFF;font-size: 1.2em;text-align: center;line-height: 40px;text-indent: 0;display: block;position: absolute;right: 0;top: 0;left: 0;bottom: 0;margin: 0 auto;}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; }
.cd-top.cd-is-visible { visibility: visible; opacity: 1; }
.cd-top.cd-fade-out {opacity: .5;}
.cd-top:hover, .no-touch .cd-top:hover {opacity: 1; }
/* ==================== webform post form styles ====================
================================================== */
.fieldgroup { clear: both; margin: 10px 0; padding: 5px; }
.fieldgroup_label {font-size: 1.5em;font-weight: bold;font-family: 'Open Sans', sans-serif;width: 98%;display: block;color: #003366;padding: 5px 1%;margin: 20px 0 5px 0;border-bottom: 1px solid #6699cc;}
.fieldgroup_desc, .field_desc {font-style: italic;color: #333;line-height: 1.4em;padding: 0 3px;font-size: 0.87em;margin-bottom: 10px;clear: both;}
.fieldrow, .div-table .row { padding: 5px 0; text-align: left; display: block; }
.fieldrow .fieldlabel sup { color: red; margin-left: 5px; }
.fieldrow .fieldval textarea {width: 90%;min-height: 80px;}
.div-table .row .left, .div-table .row .right, .fieldrow .fieldlabel {display: inline-block;width: 97%;margin: 0 0.5%;text-align: left !important;margin-right: 0;}
.fieldrow .fieldval { display: inline-block; width: 100%; margin: 0 0.5%; vertical-align: top; }
.fieldrow .fieldval input, .fieldrow .fieldval input[type=text], .fieldrow .fieldval input[type=tel], .fieldrow .fieldval input[type=email], .fieldrow .fieldval select {width: 90%;}
.fieldrow .fieldval input[type=button], .fieldrow .fieldval input[type=reset], .fieldrow .fieldval input[type=submit], .button{ width:auto;}
.fieldrow .fieldval input[type=file] {border: 1px solid #6699cc;}
.group_nogroup_label, .group_nogroup_label, .group_nogroup_tr { display: none; }
.div-table .row h2{font-size: 1.4em;line-height: 1em;font-weight: bold;font-family: 'Open Sans', sans-serif;width: 98%;display: block;color: #003366;padding: 5px 1%;margin: 20px 0 5px 0;border-bottom: 1px solid #6699cc;}
.group_story_idea_label { font-size:1.2em ; font-weight:700; color:#036; border-bottom:1px solid #3772a4; display:block; margin-bottom:3px;}
/*member registration*/
.group_login_information {background: #e9e9e9;padding: 10px;}
.fieldgroup .userinfotitle {font-size: 1.5em;font-weight: bold;font-family: 'Open Sans', sans-serif;width: 98%;display: block;color: #003366;padding: 5px 1%;margin: 0px 0 5px 0;border-bottom: 1px solid #6699cc;}
table.register{display: block;margin: 20px auto;}
table.register tbody{ width:100%; display: block;}
table.register tr {display:block;margin: 10px 0;clear:both;}
table.register tr td{display:inline-block;vertical-align: top;width: 33%;}
table.register tr td input{width:100%;background: #FFF;}
table.register tr td input[type="radio"]{ width:auto;}
table.register tr td:nth-child(2) { display:none;}
table.register ~ p{ margin:0;}
table.register tr:nth-child(4), table.register tr:nth-child(5), table.register tr:nth-child(6), table.register tr:nth-child(7),table.register tr:nth-child(8), table.register tr:nth-child(9), table.register tr:nth-child(10){ display:none;}
table.updateinfo {width: 430px;background: #f1f1f1;padding:10px;margin-bottom: 15px;border: 1px solid #e4e4e4;}
table.updateinfo tr td{width:48%;padding: 5px;}
table.updateinfo tr td[colspan="3"]{font-size: 11px;color: #797773;}
table.updateinfo tr td:nth-child(2){ width:10px;}
table.updateinfo tr:first-child td{padding: 7px 10px;}
table.updateinfo tr td input{ width:100%; }
.member_options {width: 430px;margin-bottom: 15px;}
.member_options tr td {width: 48%;padding: 0 5px;}
.member_options tr td.middlecol{width: 3px;}
.member_options tr td input { width:100%;}
.userinfotitle{width: 430px;padding:10px;font-size:1.3em;background: #e4e4e4;color: #333333;}
/* publication */
.publi_notify { padding: 15px; font-weight: bold; font-size: 1.1em; text-align: center; }
.publi_notify a span { color: red; padding-left: 5px; margin-right: -3px; }
/* ==================== Tabs Styles ====================
================================================== */
.tab-panel { display: none; padding: 5px 0; border-bottom: 1px solid #F3F3F3; }
.tab-panel.activeTab { display: block ;}
.nav-tabs {margin: 10px 0;clear:both;border-bottom: 1px solid #E9E9E9;}
.nav-tabs:after{ content:''; display:table; clear:both;}
.nav-tabs li {display: inline-block;vertical-align: top;float: left;}
.nav-tabs li a {text-align: center;background: #E9E9E9;display: block;padding: 8px;color: #FFF;}
.nav-tabs li a:hover {}
.nav-tabs li.active a {background: #754C36;color: #FFF;}
/* ==================== Collapsible Accordions ====================
================================================== */
.collapsible-wrapper{ margin: 10px 0;}
.collapsible-wrapper .accordion-title{ margin-bottom: 0;float: none;clear: both;cursor: pointer;}
.collapsible-wrapper .accordion-title span.arrow-icon { position:relative;}
.collapsible-wrapper .accordion-title span.arrow-icon:after{ content:''; border-right: 4px solid transparent; border-left: 4px solid transparent; border-top: 4px solid #C4301F; height: 0; display: block; position: absolute; right: -12px; top: 2px; bottom: 0; margin: auto; box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; }
.collapsible-wrapper .accordion-value{ display: none;}
.collapsible-wrapper .accordion-value.expand{ display:block; }
/* ==================== Div BLocks Animation ====================
================================================== */
/* Css animation to slide elemets/blocks on window load ( use .slide-block class ) */
.slide-block { visibility: hidden }
.slide { animation-name: slide; -webkit-animation-name: slide; animation-duration: 1s; -webkit-animation-duration: 1s; visibility: visible; }
@keyframes slide {
0% { opacity: 0; -webkit-transform: translateY(70%); }
100% { opacity: 1; -webkit-transform: translateY(0%); }
}
@-webkit-keyframes slide {
0% { opacity: 0; -webkit-transform: translateY(70%); }
100% { opacity: 1; -webkit-transform: translateY(0%); }
}
/* ====================small size grid style declarations====================
================================================== */
@media (min-width: 580px) {
.container { width: 98%;}
.col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8, .col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12 { float: left; }
.col-xxs-12 { width: 100%; }
.col-xxs-11 { width: 91.66666667%; }
.col-xxs-10 { width: 83.33333333% ;}
.col-xxs-9 { width: 75%; }
.col-xxs-8 { width: 66.66666667%; }
.col-xxs-7 { width: 58.33333333% ;}
.col-xxs-6 { width: 50%; }
.col-xxs-5 { width: 41.66666667%; }
.col-xxs-4 { width: 33.33333333% ;}
.col-xxs-3 { width: 25%; }
.col-xxs-2 { width: 16.66666667% ;}
.col-xxs-1 { width: 8.33333333% ;}
.visible-xxs { display: block !important ;}
/* ==================== padding and spacing classes ====================
================================================== */
.xxs-pad{ padding-left:15px; padding-right:15px;}
.xxs-pad-left{ padding-left:15px;}
.xxs-pad-right{ padding-right:15px;}
/* clear floats & align center on extra small screens */
/* ==================== multi level footer menu ====================
================================================== */
.footer-nav ul {/* display: block; */clear: none;}
.footer-nav > ul > li {display: inline-block;vertical-align: top;padding-right: 1%;width: 24%;}
.footer-nav ul li a, .footer-nav ul li span {padding: 0px 5px;}
.footer-nav ul li.head > ul { padding-left: 4px; }
.footer-nav ul li.head li.head ul{padding-left:0;}
.footer-nav ul li.head li.head >a {margin-left: -5px;}
}
@media (min-width: 640px) {
.container { width: 98%;}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; }
.col-xs-12 { width: 100%; }
.col-xs-11 { width: 91.66666667%; }
.col-xs-10 { width: 83.33333333%; }
.col-xs-9 { width: 75%; }
.col-xs-8 { width: 66.66666667%; }
.col-xs-7 { width: 58.33333333% ;}
.col-xs-6 { width: 50%; }
.col-xs-5 { width: 41.66666667%; }
.col-xs-4 { width: 33.33333333% ;}
.col-xs-3 { width: 25%; }
.col-xs-2 { width: 16.66666667%; }
.col-xs-1 { width: 8.33333333%; }
.visible-xs { display: block !important; }
.pull-right { float: right;}
.pull-left {float: left;}
/* ==================== padding and spacing classes ====================
================================================== */
.xs-pad{ padding-left:15px; padding-right:15px;}
.xs-pad-left{ padding-left:15px;}
.xs-pad-right{ padding-right:15px;}
/* ==================== tab navagation ====================
================================================== */
.nav-tabs ul { display: block !important; clear: both; width: auto; float: none !important; padding: 0; margin: 10px 0 !important; border-bottom: 1px solid #DDD; }
.nav-tabs ul:after { content: ""; display: table; clear: both; }
.nav-tabs ul li { margin-bottom: -1px; float: left; }
.nav-tabs ul li.active a { color: #333; border: 1px solid #DDD; border-bottom-color: transparent; background: #FFF; margin: 0; }
}
@media (min-width: 780px) {
/* ==================== Navigation ====================
================================================== */
.navbar{position: relative;width: auto;left: 0;padding: 0;top: 0;border: 0;overflow: visible;}
.navbar ul > li.has-sub .sub-btn{ display:none;}
.navbar > ul > li > a { border:none;}
.nav-bar ul {display: block;width: auto;float: right;margin: 0 auto;position: relative !important;background: none;text-align: left;}
.nav-bar > ul:after { content:''; display:table; clear:both; }
.nav-bar ul > li {float: left;}
.nav-bar ul > li a, .nav-bar ul > li span{padding: 7px 9px;border: 0;color: #003366;font-weight: 400;}
.nav-bar ul > li a:hover, .nav-bar ul > li:hover a, .nav-bar ul > li a:hover, .nav-bar ul > li:hover span {background: #061f38;}
.nav-bar ul > li > ul li { float: none; }
.nav-bar ul > li > ul li a, .nav-bar ul > li > ul li > span {padding: 9px 9px;display:block;}
.nav-bar ul > li > ul li > a:hover, .nav-bar ul > li > ul li > span:hover {background: #003366;}
.nav-bar ul > li ul > li ul, .nav-bar ul > li ul {position: absolute !important;z-index: 1;top: 100%;left: 0;display: none !important;float: left;min-width: 220px;padding: 0;font-weight: normal;text-align: left;list-style: none;background: #ececec;-webkit-background-clip: padding-box;background-clip: padding-box;}
.nav-bar ul > li ul > li ul {top: 0;left: 100%;background-color: #0F6C8C;border: 0;}
.nav-bar ul > li:hover > ul, .nav-bar ul > li ul > li:hover ul {display: block !important;}
.nav-bar.nav-right ul, .nav-bar ul.nav-right {/* float: right; */clear: both;}
.nav-bar.nav-center ul { float: none; margin-left: auto; margin-right: auto; clear: both; display: block; }
.nav-bar > ul > li.has-sub > a, .nav-bar > ul > li.has-sub > span {padding-right: 7px;}
.nav-bar > ul > li.has-sub > a:after, .nav-bar > ul > li.has-sub > span:after {content: '';border-right: 3px solid transparent;border-left: 3px solid transparent;border-top: 3px solid #003366;display: inline-block;vertical-align: middle;margin-top: -1px;margin-left: 2px;box-sizing: content-box;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;}
.nav-bar > ul > li.has-sub:hover > a:after, .nav-bar > ul > li.has-sub:hover > span:after {content: '';border-top: 4px solid #003366;}
.nav-bar > ul > li > ul{border-top: 0;-webkit-box-shadow: 0px 4px 6px -3px rgba(0,0,0,0.75);-moz-box-shadow: 0px 4px 6px -3px rgba(0,0,0,0.75);box-shadow: 0px 4px 6px -3px rgba(0,0,0,0.75);}
/* ==================== vertical / side bar navagation ====================
================================================== */
.vertical-nav ul { float: none; display: block; margin: 10px 0; }
.vertical-nav ul li { float: none; display: block; }
.vertical-nav ul li a {padding: 5px 5px;border-bottom: 1px solid #6699CC;color: #7F4418;}
.vertical-nav ul li:last-child a { border: 0; }
/* ==================== padding and spacing classes ====================
================================================== */
.sm-pad{ padding-left:15px; padding-right:15px;}
.sm-pad-left{ padding-left:15px;}
.sm-pad-right{ padding-right:15px;}
/* ==================== Grid ====================
================================================== */
.container { width: 98%; }
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; }
.col-sm-12 { width: 100%; }
.col-sm-11 { width: 91.66666667%; }
.col-sm-10 { width: 83.33333333% ;}
.col-sm-9 { width: 75%; }
.col-sm-8 { width: 66.66666667%; }
.col-sm-7 { width: 58.33333333%; }
.col-sm-6 { width: 50%; }
.col-sm-5 { width: 41.66666667%; }
.col-sm-4 { width: 33.33333333%; }
.col-sm-3 { width: 25%; }
.col-sm-2 { width: 16.66666667%; }
.col-sm-1 { width: 8.33333333%; }
.visible-sm { display: block !important }
/* ==================== go to top button ====================
================================================== */
.cd-top { right: 20px; bottom: 20px; }
/* ==================== webform styles ====================
================================================== */
.fieldrow .fieldval select {width: 80%;padding: 8px 5px;margin: 0;}
.div-table .row input, .fieldrow .fieldval input {width: 80%;}
.div-table .row select, .fieldrow .fieldval select { width:80%;}
.div-table .row input[type=button], .div-table .row input[type=submit], .fieldrow .fieldval input[type=button], .fieldrow .fieldval input[type=reset], .fieldrow .fieldval input[type=submit], .fieldrow .fieldval .button, .fieldrow .fieldval input[type='radio'], .fieldrow .fieldval input[type='checkbox'] { width: auto; }
.div-table .row .right, .fieldrow .fieldval {display: inline-block;vertical-align: top;width: 52%;margin: 0;text-align: left;}
.div-table .row .left, .fieldrow .fieldlabel {width: 35%;min-width: 10%;}
.fieldrow .fieldval input, .fieldrow .fieldval input[type=text], .fieldrow .fieldval input[type=tel], .fieldrow .fieldval input[type=email], .fieldrow .fieldval select, .fieldrow .fieldval textarea{ width:70%;}
}
@media (min-width: 992px) {
.container {width: 91%;}
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; }
.col-md-12 { width: 100%; }
.col-md-11 { width: 91.66666667%; }
.col-md-10 { width: 83.33333333% ;}
.col-md-9 { width: 75%; }
.col-md-8 { width: 66.66666667% ;}
.col-md-7 { width: 58.33333333%; }
.col-md-6 { width: 50%; }
.col-md-5 { width: 41.66666667%; }
.col-md-4 { width: 33.33333333%; }
.col-md-3 { width: 25%; }
.col-md-2 { width: 16.66666667% ;}
.col-md-1 { width: 8.33333333%; }
.visible-md { display: block !important; }
#user-nav { margin:0;}
/* ==================== padding and spacing classes ====================
================================================== */
.md-pad{ padding-left:15px; padding-right:15px;}
.md-pad-left{ padding-left:15px;}
.md-pad-right{ padding-right:15px;}
}
@media (min-width: 1200px) {
.container { width: 1170px }
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; }
.col-lg-12 { width: 100%; }
.col-lg-11 { width: 91.66666667% ;}
.col-lg-10 { width: 83.33333333% ;}
.col-lg-9 { width: 75% ;}
.col-lg-8 { width: 66.66666667% ;}
.col-lg-7 { width: 58.33333333% ;}
.col-lg-6 { width: 50% ;}
.col-lg-5 { width: 41.66666667% ;}
.col-lg-4 { width: 33.33333333% ;}
.col-lg-3 { width: 25% ;}
.col-lg-2 { width: 16.66666667% ;}
.col-lg-1 { width: 8.33333333% ;}
.visible-lg { display: block !important ;}
/* ==================== padding and spacing classes ====================
================================================== */
.lg-pad{ padding-left:15px; padding-right:15px;}
.lg-pad-left{ padding-left:15px;}
.lg-pad-right{ padding-right:15px;}
/* ==================== go to top button ====================
================================================== */
.cd-top { height: 40px; width: 40px; right: 30px; bottom: 30px; }
}
/* ==================== taoCMS Components and Modules ====================
================================================== */
.taoCMSerror, .error, errmsg { color: #f00; }
/* ==================== Image Slider ====================
================================================== */
.slider-block{padding-bottom: 10px;padding-top: 10px;position: relative;background: #e9e9e9;border-bottom: 1px solid #DDD;min-height: 300px;position: relative;}
.slider-block:after { content:""; display:table; clear:both;}
.conent_slider{ margin: 0px auto;padding-bottom: 25px;}
.slider_block {position: relative;margin: 0;margin-bottom: 0;width: 70%;min-height: 330px !important;float: left;}
.slider_block div.container {position: absolute;height: 100%;left: 0;right: 0;}
.slideing { width: 100%; left: 0; position: relative; }
#slides { height: 100%; position: absolute; top: 0px; width: 100%;}
.slide_img{ height: 300px; width: 100%; position: absolute;z-index: 6;}
/* slide show */
.slidebg{height: 480px;position:relative;z-index:5;width:100%;background:#FFF;margin-bottom: 21px;padding-bottom: 10px;}
.slidebg div.container{position:absolute;height:100%;left:0;right:0;}
.slideing{width:100%;left:0;position:relative;}
#slides{height: 100%;position: absolute;top:0px;width:100%;/* padding: 7px; */}
.slide_img{ height: 300px; width: 100%; position: absolute;z-index: 6;}
.sliderContent {height: 100%;position: relative;overflow: hidden;width: 100%;}
.sliderContent div.base {position: absolute;width: 100%;height: 100%;right: 0;opacity: 1;display: none;}
#slides .sliderContent div.base .img{width: 65%;/* height: 100%; */float: left;text-align: center !important;background-size: cover;position: relative;left: 0;background-repeat: no-repeat;background-clip: padding-box; background-position: center center;}
#slides .sliderContent div.base .img a { display:block; line-height:0;}
.sliderContent div.base img {position: relative;border: 0;height: auto;margin: auto;padding: 0;width: auto;max-height: 320px;}
.sliderContent div.base.Video .img { display:none; }
.sliderContent div.base .ovrly { width:100%; height:100%; background:transparent url(../image/cache/ovrly.png) no-repeat center center; position: absolute; z-index: 2; background-size: 100% 100%;}
.sliderContent div.activeSlide {display: block;right: 0;}
.sliderContent div.base div.caption {position: absolute;z-index: 5;width: 34%;max-width: 100%;margin: 0;top: 0;right: 0;display: block;}
.sliderContent div.base div.caption * {}
.sliderContent div.base div.caption a{font-weight: 400;padding: 10px;/* display: inline-block; */}
.sliderContent div.base div.caption p { }
.sliderContent div.base div.caption h1{font-size: 3.0em;text-align: center; margin:0;}
.sliderContent div.base div.caption h2{font-size: 3.0em;text-align: center;margin:0;}
.sliderContent div.base div.caption h3{font-size: 1.6em;line-height: 1em;border: 0;margin: 0;padding: 0;}
.sliderContent div.base div.caption h3 a { text-transform:capitalize !important; }
.sliderContent div.base div.caption h4{ font-size:1.0em; line-height:1.2em;}
.sliderContent div.base div.caption h5{ font-size:.84em; line-height:1.18em;}
.taoNav {text-align: right;bottom: 0;width: 98%;padding-right: 0;z-index: 5;position: absolute;}
.taoNav a {display: inline-block;margin: 2px 3px;padding: 0;border-radius: 10px;-webkit-border-radius: 10px;-ms-border-radius: 10px;-moz-border-radius: 10px;height: 8px;width: 8px;background: #69c;line-height: 0.7em;color: #69c;cursor: pointer;vertical-align: middle;font-size: 0;}
.taoNav a.active {background: #003366;color: #003366;}
.taoNav a:hover { text-decoration: none; }
.news_paper_slider .sliderContent{width:100%;clear: both;}
.news_paper_slider .sliderContent div.base div.caption{position:relative;float:right;width: 36%;text-align: left;height: 100%;}
.news_paper_slider #slides .sliderContent div.base .img {width: 63%;float:left;}
.news_paper_slider .sliderContent div.base div.caption h3 a{}
.news_paper_slider .sliderContent div.base div.caption p { text-align:left !important;}
.news_paper_slider .taoNav{/* display:none; */}
.sliderContent div.base div.caption .mLnk{margin: 5px 0;/* text-align:right; */}
.sliderContent div.base div.caption .mLnk a{color: #FFF;font-weight:400;background: #003366;padding: 5px;display:inline-block;}
/*caption Video*/
.sliderContent div.base.slShow div.caption.Video {width:100%;max-width: none;text-align:center;position: relative;height: auto;padding: 0;border: 0; margin: 0;}
.sliderContent div.base.slShow div.caption.Video h3{ text-align:left; margin: 0; margin-left:15px; padding:0; display: none;}
.sliderContent div.base.slShow div.caption.Video iframe { height: 400px !important; width: 100%; }
.sliderContent div.base.slShow div.caption.Video a, .sliderContent div.base.slShow div.caption.Video p { padding:0; margin:0;}
.sliderContent div.base div.caption div{margin-top:0px;}
.sliderContent div.base div.caption div a {padding: 0;margin: 10px 0;color: #036;font-weight: 700;}
.sliderContent div.base div.caption div a.More {display:inline-block;background: #036;padding: 5px 6px;color: #FFF;margin: 0;font-weight: 300;font-size: .96em;}
.sliderContent div.base.slShow div.caption {display: block;}
.sliderContent div.base.slShow div.caption.No-Background { background:none !important;}
/* ==================== Tao Slider Thumb Menu ====================
================================================== */
#slides .taoTab_blk {position: relative;top: 0;left: 0;width: 34%;z-index: 2;height: 100%;float: right;background: #C0C0C0;display: none;}
#slides .taoTab_blk .taoTab {/* background: #C0C0C0; */display: block;margin: 0;line-height: 1.2em;width: 100%;height: 25%;border-bottom: 1px solid #036;}
#slides .taoTab_blk .taoTab .tab {display: table;text-align: center;position: relative;height: 100%;}
#slides .taoTab_blk .taoTab h3 { color: #FFF; }
#slides .taoTab_blk .taoTab:hover {background: #6699CC;color:#FFF;cursor: pointer;}
#slides .taoTab_blk .taoTab.active {background: #6699CC;}
#slides .taoTab_blk .taoTab img {display: inline-block;max-width: 100%;height: 100%;vertical-align: middle;/* float: right; */text-align: right;display: none;}
#slides .taoTab_blk .taoTab span {vertical-align: middle;position: relative;display: table-cell;padding: 0 0 0 7px;text-align: left;}
#slides .taoTab_blk .taoTab.active .tab {background: #6699CC;color:#FFF;}
#slides .taoTab_blk .taoTab.active .tab {}
.slider_promo_area {float:right;width: 28%;height: 100%;position: absolute;right: 0;top: 0; }
.slider_promo_area:after { content:""; display:table; clear:both;}
.slider_promo_area .pollBlock{position: relative;width: 100%;height:100%;text-align: center;}
.slider_promo_area #myform {position: absolute;height: 100%;width: 100%;}
.quickpoll{position:relative;height:100%;width: 100%;display: block;}
.quickpoll form, .quickpoll-results {padding:10px;position: absolute;width: 100%;/* height: 210px; */top: 0;/* bottom: 0; */margin: auto;color: #fff;display: block;text-align: left;font-size: .9em;}
.quickpoll-results h2, .quickpoll h2{font-size: 1.4em;margin:0;line-height: 20px;color: #FFF;display: none;}
.quickpoll p {font-size: 1.25em;font-weight: 500;margin: 0;}
.quickpoll .ans {padding: 3px 5px;}
.quickpoll .votebtn input{padding: 7px 30px;margin: 5px;}
.quickpoll-results {top:auto;transform:none;display: block;padding: 0 10px;}
.quickpoll-resultbox{ }
.resultrow {float:none;clear:both;}
.poll_captcha_img img{width: 120px;}
.resultrow > .ansimg {/* display: block; *//* max-width: 70%; *//* margin-right: 5px; *//* float: left; */}
.ansimg .ansimg{width: 60%;margin-right: 5px;display: inline-block;line-height: 0;}
.ansimg img {height: 10px;margin: 0;border: 0;display: inline-block;vertical-align: middle;}
/*login*/
.changepass, .general_login{max-width: 360px;margin:0 auto;text-align: left;padding: 10px;/* border: 4px solid rgb(233, 233, 233); */}
.general_login div.logintitle { background: transparent;color: #32548A; font-size: 18px; line-height: 25px; font-weight: normal;}
.general_login div.loginmessage { font-style: italic; margin-bottom: 20px; }
.changepass div.row, .general_login div.row { margin: 8px 0px; text-align: left;}
.changepass div.row label, .general_login div.row span.label { text-align: right; padding-right: 7px; min-width: 100px; font-weight: bold; display: inline-block; }
.changepass div.row label { font-weight:normal; min-width:125px;}
.changepass div.row span, .general_login div.row span.formw{ display:inline-block; vertical-align:middle; }
.changepass div.row span input{ max-width: 190px;}
.general_login div.logintitle {background: transparent;color: #003366;font-size: 24px;line-height: 25px;font-weight: normal;margin-bottom: 15px;}
.general_login div.loginmessage { font-style: italic; margin-bottom: 20px; }
.general_login div.row { margin: 8px 0px; }
.general_login div.row span.label { text-align: right; padding-right: 7px; width: 100px; font-weight: bold; display: inline-block; }
.general_login div.loginbtn, .general_login div.forgotpassword { margin-left: 110px; }
#filter { display: none; }
.general_login, .sbscr_blk{ float:left; width: 48%; margin: 1%; text-align: center;}
.general_login { text-align:left;}
.general_login {margin: 3px 0px;border: 1px solid rgb(233, 233, 233);padding: 15px;}
.general_login div.row span.label{width:auto;font-weight: normal;text-align: left;}
.quicklogin .logintitle, .quicklogin .loginmessage { display: none;}
/*paging */
#form_paging_links, #calendar_paging_links, #paging_links, #newschannel_paging_links, .gallery_paging_links { text-align: right; margin: 8px; }
#form_paging_links span, #paging span, #calendar_paging_links span, #paging_links span, .paging span, .gallery_paging_links span { display: inline-block; text-align: center; padding: 0px 8px;margin: 2px; border:1px solid #CCC; }
#newschannel_paging_links span { padding: 3px 10px; border: 1px solid #CCC; margin: 5px; }
#newschannel_paging_links span:hover, #calendar_paging_links span:hover, #form_paging_links span:hover, #paging_links span:hover, .gallery_paging_links span:hover {background: #6699CC;}
#newschannel_paging_links span:hover a, #newschannel_paging_links span a:hover, #calendar_paging_links span:hover a, #calendar_paging_links span a:hover, #form_paging_links span:hover a, #form_paging_links span a:hover, #paging_links span:hover a, #paging_links span a:hover, .gallery_paging_links span:hover a, .gallery_paging_links span a:hover {background: #6699CC;text-decoration: none;color: #FFF;}
/*searchresults */
#searchresults { }
#searchresults dt { margin-top: 10px; padding: 5px 0px; border-top: 1px dotted #CCC; font-family: 'Roboto', sans-serif; font-size: 12px; }
#searchresults dd { padding-left: 10px; }
/* forum */
#forum { border: 1px solid #DDD; border-collapse: collapse; }
#forum td { padding: 5px 10px; border: 1px solid #DDD; }
#forum-header { background: #EEE; font-weight: bold; }
#forum-highlight { background: #F9f9f9; }
#content-background { font-size: 0.82em; }
/*Print Subscription*/
div.billing_and_delivery_information_are_the_same_radio{ display:inline-block;}
.webform_detail_view .delivery.hideYes{ display: none;}
.memfrm .fieldrow { padding: 5px 0;}
.memfrm .fieldgroup_label { font-size: 1.7em; color: #616161; margin-bottom: 20px; border-bottom: 1px solid #A0A0A0; border-top: 1px solid #A0A0A0; padding: 15px 10px; display: block; }
.memfrm .fieldrow .fieldval textarea{ width:90%; min-height: 60px;}
table.shippinginfotable{ width:auto; margin:0 auto;}
.catalogcart { width: 100%; margin: 10px 0px; border: 1px solid #DEDEDE; }
.catalogcart td, .catalogcart th { border: 1px solid #DEDEDE; padding: 0px 5px; font-weight: normal; text-align: center; }
.cartheadings { background: #E9E9E9; line-height: 30px; }
.catalogcart .itemname { padding-top: 5px; }
.catalogcart p { padding: 0px; margin-top: 0px; }
.catalogcart .oddrow { background: #F9F9F9; }
.catalogcart .evenrow { background: #FFF; }
.carttotals { line-height: 30px; }
#cartbuttons ul { list-style: none; padding: 0px; margin: 0px; margin-top: 20px; text-align: center; }
#cartbuttons ul li { display: inline-block; margin: 5px 0;}
.cartlinks { height: 30px; margin: auto; float: right; }
.cartlinks ul { margin: 0px; padding: 0px; list-style: none; float: right; margin-top: -4px; }
table.billinginfotable, table.shippinginfotable{ width:90%; margin:0 auto;}
table.shippinginfotable tr {}
table.shippinginfotable input{font-size:1em;margin: 5px 0;}
.billingaddress { width: 48%; padding: 0% 3%; }
.billingaddress .name { font-weight: bold; }
.paymenttitle { margin-top: 15px; font-size: 1.3em; }
#paymentdiv { padding-bottom: 20px; }
#changeinfo { margin-top: 20px; }
#changeinfo ul { margin: 0; padding: 0; list-style: none; color: #000; }
#changeinfo ul li { float: left; margin-right: 20px; }
#returntocart a, #changeinfo ul li:before { content: "\00ab\2006"; color: #993233;}
div.promocodes{ text-align:right;}
.catalog.codeheader { width:50%; font-weight: bolder;}
form#payment{ margin-bottom:25px;}
#paymentbuttons{ margin-bottom:25px; text-align: center; clear: both;}
.paymentchoice{ font-weight:bold; color: #003366;}
.paymentmodule td input{ width:50%; }
iframe .sq-input {padding: 0; }
/* bliiing */
.billingaddress {padding: 2% 1%;/* border: 1px solid #DDD; */margin: 5px 0;}
.billingaddress .name { font-weight: bold; }
.issueorder{border: 1px solid #DDD;}
.purchasedate td{font-size: 0.9em;font-weight: bold;text-align: right;}
.issueorder td {padding:5px;border: 1px solid #DDD;}
.issueorder .head th {border:1px solid #ddd;padding:5px;background: #ececec;}
.issueorder .head th.price{ width:110px;}
.issueorder .total td { font-weight:bold; }
.issueorder .total td.grand_total{text-align:right;}
#orderinfo h2 {display: none; }
.paymenttitle { margin-top: 15px; font-size: 1.3em; }
#paymentdiv { padding-bottom: 20px; }
#paymentbuttons{text-align: left;}
.paymentmodule{padding: 5px;font-size:1.1em;}
.paymentdetails{margin:5px;text-align: left;}
.paymentchoice{ font-weight:bold;}
.nameoncardlabel, .expireoncardlabel{width: 100%;display: block;float: none;clear: both;}
.nameoncardinput,.cardnumberinput {display:inline-block;margin-bottom: 5px;width: 100%;}
.nameoncardinput input,.cardnumberinput input{ width:100%;}
.cardnumberinput, .cardnumberlabel {width: 70%;float: left;display: block;vertical-align: top;margin-right: 3%;}
.codeoncardinput, .codeoncardlabel{display: block;float: left;width: 27%;}
.codeoncardinput input { width:100%;}
.codeoncardlabel{margin-top: -20px;}
.expireoncardinput{width: 70%;display: block;}
.expireoncardinput select{width: 40%;margin-right: 2%;}
#plugnpay_details{width: 346px;font-size:.94em;color:#888;}
.subscriptionorder, .formorder {width: 80%;margin: 20px 0;padding: 2%;text-align: left;}
.formorder .formorder_head { display: table; text-align: right; font-weight: bold; border-bottom: 1px solid #999999;}
.formorder .formorder_head span { /* padding: 5px; */ display: table-cell;}
.formorder .formorder_head span.order_desc, .formorder .orderrow span.order_desc { text-align: left;}
.formorder .orderrow {padding: 1%; margin: 0; display: table; width: 98%;}
.formorder .orderrow span { display:table-cell; }
.formorder .orderrow span.order_price { text-align:right;}
.formorder .orderrow.total { border-top: 1px solid #999999; border-bottom: 1px solid #999999;}
.subscriptionorder tr td, .subscriptionorder tr th { border:1px solid #DDD; border-collapse:collapse; padding:5px;}
.subscriptionorder .purchasedate {font-weight: bold;text-align: right;}
.subscriptionorder .price{width: 200px;}
/* event */
#editevent { background: #F9F9F9; padding: 20px; }
#editevent input { margin-left: 5px; }
#editevent table { border: 0px; margin: 0px; }
#editevent table td { padding: 3px 0px; }
#editevent table td { font-weight: bold; }
#editevent textarea{ width: 350px; height: 100px; }
#editevent table td div.field { padding: 3px 0px; }
#editevent table td div.field span { display: inline-block; width: 80px; }
#editevent table .currentimage { display: none; }
.indievent { border: 1px dotted #CCC; border-left: 0px; border-right: 0px; }
.indievent h1 { font-size: 20px; }
.indievent span { display: block; }
.indievent label { display: block; color: #666; font-style: italic; }
.indievent div { text-align: justify; padding: 10px; }
.indievent div img { float: left; margin: 5px 10px; }
.eventrow {border-bottom: 1px dashed #6699CC;padding: 7px 0;}
/* gallery */
#imageoverlay { position: fixed; top: 0; left: 0; z-index:111; background: transparent; width: 100%; height: 100%; }
.overlay { position: absolute; z-index: 3; width: 100%; height: 100%; bottom: 0px; background-position: bottom center; background-size: 100% 100%;}
.taoGalleryBox { width: 100%; padding: 0%; z-index:1121; height: 100%; background: rgba(0,0,0,0.7); background-image: url(/image/cache/overlay-pattern.png); }
.no-rgba #gcontent {background: #333; }
#gimage { width: 100%; float: left; text-align: center; height: 100%; }
#gimage img { background: #FFF; padding: 5px; border: 1px solid #EEE; }
#gcontent { float: left; width: 0; line-height: 1.3em; margin: 10% 0; padding: 0; color: #CCC; display: none; }
#gcontent div { margin: 5px 0; }
#gcontent label { display: block; color: #7F7859; font-weight: bold; font-size: 1.2em; }
#gcontent span { display: block; }
#gnav { position: absolute; bottom: 5%; right: 5%; width: 50%; z-index:1122; text-align: right; }
#gnav a {margin-left: 2px;color: #FFF;background-color: #003366;display: inline-block;padding: 2px 15px;}
#gclose {position: absolute;z-index:1122;top: 0;right: 5%;color: #777;background: #003366;padding: 5px 15px;color: #FFF;text-align: center;}
.gwait { margin-top: 40%; color: #DDD;}
.gallerylist {position: relative;float: left;height: 200px;width: 180px;padding: 35px 15px 30px 30px;margin: 5px 0;}
.gallerylist img {width: 100%;border: 1px solid #CCC;padding: 2px;}
.gallerylist h3 { margin-top: 5px; text-align: center; font-size: 1.1em;}
.gallerylist p { display: none; }
.imageGallery { text-align:center; }
.imageGallery a { background: #FFF; height: 150px; border:1px solid #FFF; width: 150px; margin: 0; overflow: hidden; text-align: center; vertical-align: middle; position: relative; text-align: center; overflow: hidden; display: inline-block;}
.imageGallery a .gContent { display: none; }
.imageGallery a img { width: 100%; /* Firefox 10+, Firefox on Android */ /* IE6-9 */ /* Chrome 19+, Safari 6+, Safari 6+ iOS */ max-width: 100%;}
.imageGallery a:hover img { /* border:3px solid #FFF; */}
.photo img { max-width:100%;}
/*--------------------------
Online Publications
---------------------------*/
/* onlineissue */
.online-pdf { display: inline-block; position: relative; width: 45%; height: 120px; padding: 4px 1%; margin: 1%; border: 1px solid #CCC; box-shadow: 5px 5px 0px #EEE; }
.online-pdf .download { position: absolute; right: 0; bottom: 0; background: #FE5E66; }
.online-pdf .title{ font-size: 1.3em; margin-bottom: 5px; }
.online-pdf .desc { color: #999; font-size: 0.89em; }
.online-pdf .download img { height: 23px; display: inline-block; vertical-align: bottom; }
.online-pdf .download a {color: #FFF; font-size: 0.89em; display: inline-block; }
.epublication .toolbar .imminize label { line-height: 18px; }
.on_issue {width: 47%;display: inline-block;vertical-align: top;margin: 1%;box-shadow: none;text-align: left;position: relative;}
.on_issue img { width: 90px; }
.on_issue .coverimg {width: 30%;display: inline-block;vertical-align: middle;text-align: center;}
.on_issue .coverimg img{border: 1px solid #CCC;}
.on_issue h2 {font-size: 15px;margin: 0;font-weight: bold;line-height: normal;}
.on_issue h2 a {text-transform: capitalize;display: block;font-weight: bold;}
.on_issue p{margin:0;padding: 0;}
.on_issue span {color: #999;display: block;float: none;}
.on_issue span.splitright {text-align: left;display: block;float: none;}
.on_issue .issue_info {display: inline-block;vertical-align: middle;padding: 10px;max-width: 58%;}
.on_issue span a {color: rgb(195, 129, 79);font-size: 1.0em;}
.epublication .toolbar{-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;padding: 12px 0 !important;padding-bottom: 5px !Important;}
.epublication span, .epublication label, .epublication a, .epublication .toolbar .fbdlk label {display: inline;margin: 0;padding: 0;line-height: 16px;cursor: pointer;}
.epublication span, .epublication label {-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.epublication .pno { line-height: 20px; }
.epublication .tfbnavi .tfbblc {padding: 0 10px !important;}
.pdfmsg {text-align: center; font-size: .9em; padding: 9px;}
.noaccess_shade {background:rgba(0,0,0,0.4); z-index: 120; position: absolute; top:0; left: 0; width: 100%; height: 100%;}
.noaccess_popup {width: 50% !important;height: auto;position: absolute;top: 10%;margin: auto;z-index: 121;background: #FFF;padding: 10px 20px;max-width: 80%;}
.noaccess_popup h2{font-size:2em;text-align: center;}
.noaccess_popup a { color: #CF3D4C; }
.noaccess_popup a.epub_noacl_close {position: absolute;color: rgb(255, 255, 255);padding: 5px 15px;display: inline-block;top: 0px;right: -37px;background: rgb(68, 68, 68) none repeat scroll 0% 0%;}
/*--------------------------- Quick login popup --------------------------*/
.noaccess_popup .quicklogin{ margin:10px 0;}
.noaccess_popup .quicklogin .row{ margin:5px 0; }
.noaccess_popup .quicklogin .row span input{ margin: 0 5px;}
/*Online Issues */
._edition{ width:80%; padding: 5px; }
._edition:nth-child(odd){ background: #EEE; border-bottom: 1px solid #E7E7E7; border-top: 1px solid #E7E7E7;}
._edition:last-child{ border:0;}
.editionrow{ display: table; vertical-align: middle; width: 100%; margin: 0 auto; text-align: left; color: #000;}
.editionrow h3{ text-align: left; display: table-cell; font-size: 1em; color: #000; padding-left: 25px;}
.editionrow .editiondate{ display: table-cell;}
.editionrow .editionlink{ display:table-cell;}
.editiondescription{ display:block; width: 100%; margin: 0 auto; padding: 1px; color: #777;}
.subscriptions tr td:first-child {width: 30px; vertical-align: top;}
.subscriptions td { padding: 5px 0; }
.subscriptions { margin:px; }
#subscriptions input[type=submit] { margin-bottom: 10px; }
.oprow .opname, .subscriptionname { font-weight: bold; }
.opnameblk{display:inline-block;vertical-align:top;margin-left: 5px;}
.buy_online_issue_blk{margin-bottom: 5px;}
.past_publications .row{display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;}
.past_issue .issue_info{vertical-align: top;box-shadow: none;text-align: left;position: relative;margin: 1%;padding: 1%;border: 1px solid #DDD;min-height: 96%;}
.past_issue .issue_info h2 {font-size: 15px;margin: 0;font-weight: bold;line-height: normal;}
.past_issue .issue_info h2 a {text-transform: capitalize;display: block;font-weight: bold;}
.past_issue .issue_info p{color:#666;}
.past_issue .issue_info p.date{ font-size:.9em; font-style:italic; margin:0;}
.past_issue .issue_info p.pass {font-size:.9em; margin:0;}
/* =============================================== ==================================================
=============================================== ==================================================
Custom Styles
=============================================== ==================================================
=============================================== ================================================== */
/*navigation */
.form-btn{padding: 2px 10px;cursor: pointer;position: relative;clear: none;float: right;text-align: center;right: 0;margin: 0;color: #036;font-size: 24px;}
.search-btn{/* display:none; */line-height: 39px;}
.nav-icon a {color: #003366;line-height: 43px;display: block;padding:0 5px;}
.nav-icon.nav-collapsed a:hover{text-decoration:none !important;background:none !important;color: #333 !important;}
.nav-icon{float: right;clear: right;font-size: 28px;position: relative;z-index: 99;right: 0;top: 0px;margin: auto;padding: 0 7px;color: #0f6c8c;}
.nav-icon a:hover, .search-btn.search-on, .search-btn:hover {color: #6699CC;}
.nav-icon.nav-collapsed{ z-index:102; }
.nav-icon.nav-collapsed a {color: #003366 !important;}
.nav-icon.nav-collapsed a span:before{ content:"\f00d";}
.maniNavContainer .row{display: -webkit-box!important;display: -ms-flexbox!important;display: flex!important;align-items: center;justify-content: space-between;}
.maniNavContainer .row div{ height:100%;}
.maniNavContainer .head_bnrs {display: -webkit-box!important;display: -ms-flexbox!important;display: flex!important;}
.news_paper_nav{background: #036;}
.news_paper_nav ul {float:left;}
.news_paper_nav ul > li {line-height: 20px;}
.news_paper_nav div > ul > li > a, .news_paper_nav div > ul > li > span {font-size: .94em;color: #fff; cursor:pointer;}
.news_paper_nav ul > li:hover > a {background: #061f38;}
.news_paper_nav ul li ul li a {padding: 5px;color: #ececec;}
.news_paper_nav ul > li.hide,#stickyNav .navbar > ul li.hide, #main-navigation .main_mobile ul li.hide{ display:none;}
body.not_logged_in .news_paper_nav ul > li.login, body.logged_in .news_paper_nav ul > li.member, body.logged_in .news_paper_nav ul > li.logout,
body.logged_in #stickyNav .navbar > ul li.member, body.logged_in #stickyNav .navbar > ul li.logout, body.not_logged_in #stickyNav .navbar > ul li.login,
body.not_logged_in #main-navigation .main_mobile ul li.login, body.logged_in #main-navigation .main_mobile ul li.logout, body.logged_in #main-navigation .main_mobile ul li.member
{ display:block;}
/*header and navigation styles*/
.main_nav{background: #ececec;border-bottom: 1px solid #DDD;display: none;}
.nav-icon{ display:none; }
.form-btn {/* clear: right; *//* float: right; */}
.search-form-wrapper{width: 30% !important;height: auto;position: relative;float: right;color: #F1F1F1;padding: 0;display: block;top: auto;/* margin: 2px 0; */}
.search-form-wrapper form{padding: 0;text-align: right;position: relative;}
.slider-block, .page-content-block {/* margin-top: 150px; *//* background: rgba(154, 150, 150, 0.44); */}
.user_nav {float:right;margin: 2px 0;clear: both;display: none;}
.user_lnks ul {margin:0;padding:0;list-style:none;display:inline-block;vertical-align: middle;}
.user_lnks ul li {float:left;margin: 0;margin-right: 8px;}
.user_lnks ul li a{color: #003366;/* font-size: .86em; */font-weight: bold;}
.user_nav.not_logged_in .user_lnks ul li.logout, .user_nav.logged_in .user_lnks ul li.login, .user_nav.logged_in .user_lnks ul li.subscribe { display:none;}
.user_nav .icon-user {font-size: 0;text-align: center;display: inline-block;vertical-align: middle;}
.user_nav .icon-user:before{font-family: taoGlyphs !important;background: #003366;width: 20px;height: 20px;line-height: 19px;border-radius: 50px;font-size: 13px;text-align: center;display: inline-block;vertical-align: middle;color:#FFF;}
.toplogo{float:left;margin: 4px 0;}
.toplogo img {max-width: 130px;}
.home.toplogo {display:none;}
#topnav li{line-height: 27px;}
#topnav li:hover > span, #topnav li:hover > a {background: #DDD;}
#topnav li ul li a {background:#DDD;padding: 5px;}
#topnav li ul li a:hover, #topnav li ul li:hover a {background:#CCC; color:#003366;}
/*login form*/
.login_form {display:none;}
.login_form.active{position:absolute;z-index: 100;width: 320px;padding: 1%;bottom: 0;top: 30px;right: 0;height: 210px;background: #ffffff;text-align: center;box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.58);}
.login_form h2 {font-size:1.6em;line-height: 30px;}
.login_form input[type=text],.login_form input[type=password] {width: 80% !important;padding: 8px;margin: 3px 0;border: 1px solid #CCC;background: #e7e7e7;}
.login_form input[type=submit] {margin:3px 0;}
.mlolnks { font-size:.84em; margin-top:7px;}
/*Banner slider*/
.wthr , div.subscribe{ width:100%;}
.wthr {background: #e9e9e9;padding:5px;}
.wthr span { width:100% !important;}
.wthr img, .subscribe img { max-width:100%;}
/*Banner slider*/
.hm_vid iframe, .subscribe img{ max-width:100%; }
.sld_bnr {height: 350px;width:100%;overflow: hidden;}
.sld_bnr #banners {height: 100%;width:100%;position: relative;}
.sld_bnr h3 {margin-bottom:5px;font-size:1.2em;border-bottom: 1px solid #6699cc;line-height: 30px;}
.sld_bnr h3 a {color: #003366;}
.sld_bnr h2 a { font-size:.72em; text-align:center; display:block; color: #993233; }
.sld_bnr div.sliderContent {overflow: hidden;float: none;width: 100%;}
.sld_bnr div.base {position: absolute;width: 100%;height: 100%;opacity: 1;display: none;}
.sld_bnr div.base a {/* width: 100%; *//* height: 100%; */display: inline-block;position: relative;}
.sld_bnr div.base a:hover { cursor:pointer;}
.sld_bnr #banners div.base .img {width: 100%;height: 100%;margin: 0 auto;position: relative;text-align: center;}
.sld_bnr #banners div.base .img a img{max-height: 100%; max-width: 100%;width: auto;position: relative;left: 0;right: 0;top: 0;bottom: 0;margin: auto; border: 1px solid #eee; }
.sld_bnr div.activeSlide {display:block;}
/*Banner ads page*/
.adv_list{ position:relative; display:block;}
.adv_list:after{ content:""; display:table; clear:both; }
.adv_row {width:31%;display: inline-block;vertical-align: middle;margin:1%;/* height: 250px; */position: relative;text-align: center;}
.adv_row .img{ display:block; position:relative;}
.adv_row .img a{display:block;width:100%;height:100%;text-align: center;position: relative;}
.adv_row .img a img {max-width: 90%;position: relative;}
.adv_row .img a:hover { cursor:pointer;}
div.bnr_pop{ display:none;}
#modalbox .bnr_pimg {position:relative;display: inline;width: auto;/* height: 98%; */background: rgba(0,0,0,0.5);border: 1px solid rgba(70, 70, 70, 0.5);margin: 0;padding: 0;/* -webkit-transform: translateY(-50%); *//* transform: translateY(-50%); *//* top: 50%; */}
#modalbox .bnr_pimg img{max-width: 100%;/*max-height: 500px;*/position: relative;width: auto;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
#modalbox .bnr_pimg > a {display: inline-block;position: static;}
#modalbox .bnt_lnk {margin: 4px auto;position: relative;/* bottom: 0px; *//* left: 0; *//* right: 0; *//* text-align: center; */}
#modalbox .bnt_lnk a {background: #ffffff;padding: 5px 10px;color: #003366;position: relative;}
/* Modal */
#modalwindow { display: none; position: fixed; top: 0; bottom: 0; margin: auto; left: 0; height: 90%; z-index:999; overflow: hidden;
/* overflow-x: hidden; */ width: 100%; }
#shade { background: rgba(0,0,0,0.7); background-image: url(/image/cache/overlay-pattern.png); z-index: 100; position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; }
#modaldata {overflow:auto;width: 60%;height: 98%;padding: 1%;margin: 0px auto;position: relative;text-align: center;background: none;}
.shade{ display: block; position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; background: #DDD; z-index:998; -moz-opacity: 0.3; opacity:.30; filter: alpha(opacity=30); }
.modalcontent { /* position: relative; */ height: 98%;}
#modalbox { /* position: relative; */ height: 100%;}
#modalwindow.home { top: 25%;}
#modalwindow.home #modaldata{ background: #333; padding: 10px 0;}
#modalwindow.home #modalbox iframe { min-height: 250px; }
.modalcontent #mlcs {position: fixed;right: 19%;top: 5%;color: #FFF;z-index: 999;font-size: 18px;line-height: 6px;padding: 5px;width: 20px;height: 20px;background: red;}
.modalcontent #mlcs:hover{ text-decoration:none; color: #c4301f;}
/* Banner Ads*/
.bnrs{ text-align:center; width: 100%;}
.bnrs img { max-width:100%; }
.bnrs .sky_scprs{ width: 48%; float:left; margin: 1%;}
.banner {text-align:center;max-width:100%;/* margin:15px 0; */}
.banner img { max-width:100%;}
.print-register, .online-register {text-align:center;margin:15px 0;margin-bottom: 25px;}
.print-register img{ border-bottom:1px solid #ccc;}
.print-register a.button, .online-register a.button {display:block;width: 170px;margin: 10px auto;}
.print-register h2, .online-register h2 { text-align:center;}
/*Banner ads page*/
.banner_blk{ width:31%; float:left; margin:1%; min-height:250px; max-height:250px; position: relative;}
.banner_blk .img a img { max-width:100%; max-height:100%; position: absolute; top: 0; bottom: 0; margin: auto;}
.banner_blk .img a:hover { cursor:pointer;}
/*Home page*/
.home_publi_block{/* margin:15px 0; */margin-bottom: 15px;}
.home_publi_block h3, .specialEdition h3 {border-bottom: 1px solid #6699CC;font-size: 1.6em;font-weight: 700;padding-left: 2px;}
.online_l_issue{/* padding: 10px 0; *//* text-align:center; */margin-bottom: 25px;}
.online_l_issue img{border: 1px solid #e9e9e9;max-height: 500px;}
.latest_news_list .on_issue {/* width:100%; *//* float:none; */}
.latest_news_list .on_issue .coverimg{/* width:auto; *//* max-width: none; */}
.latest_news_list .on_issue .issue_info { padding: 0 5px;max-width: 70%;}
.publication_block h4,.latest_news_list h4{border-bottom: 1px solid #003366;padding-bottom: 6px;}
.latest_news_list p{ margin:0; padding:0 5px; }
.latest_news_list p a { font-weight:bold;}
.latest_news_list em{display:block;border-bottom: 1px dotted #6699cc;padding:0 5px;margin-bottom:5px;color: #6699CC;font-size: .94em;}
.latest_news_list .nwsitm {border:0;margin-bottom:10px;padding-left: 5px;padding-bottom: 3px;min-height: 45px;text-align: left;border-bottom: 1px dotted #6699cc;}
.latest_news_list .nwsitm .thumb, .latest_news_list .nwsitm .dtls{display: inline-block;vertical-align: top;}
.latest_news_list .nwsitm .dtls {width: 73%;}
.latest_news_list .nwsitm .thumb img { float:none;}
.latest_news_list .nwsitm p {font-size:.90em;padding: 0;}
.latest_news_list .n_lnk {text-align:right;margin-bottom: 20px;}
.latest_news_list .n_lnk a{ display:inline-block; font-size:.94em;}
/*News liinks */
.nwsitm { margin-bottom: 10px; border-bottom: 1px solid #DDD; clear: both;}
.nwsitm img {/* float:left; */margin-right: 5px;max-width: 80px;}
.nwsitm h4 {font-size: 1.1em;margin-bottom:0px;font-weight: 400;border: 0;}
.nwsitm h4 a {color: #003366;}
.nwsitm span { font-style:italic; display:block; text-align: left; margin-left: 4px; font-size: 80%; clear: both;}
.nwsitm span em { float:right; margin-right: 5px; }
.nwsitm.area_dths h4{ font-size:1em;}
.item { margin:10px 0; clear: both; height: 50px; }
.item h4 { margin:0; }
/* news */
.news div.article { border-bottom: 1px solid #DDD; padding: 8px 5px; }
.news div.article h2 {font-size: 1.4em;line-height: 1.4em;margin-bottom: 0 !important;}
.news div.article h2 a {color: #003366;font-weight: 600;}
.news div.article img{ margin: 10px; float: left;}
.newsind img { width: 60%; margin: 0 2%; float:left;}
.splitleft, .splitright {/* padding: 0 1%; */display: inline-block;vertical-align: top;font-size: .94em;color: rgba(32, 32, 32, 0.6);}
.splitright { text-align: right; float: right;}
.splitright a { }
.nwsind, .article_comments { padding-bottom:10px; margin-bottom:10px ;}
.nwsind h2 { margin:0 !important;}
.nwsind img {float:left;margin:0 15px 10px 0;max-width:50%;width: auto !important;height: auto !important;}
.article_comments { border-bottom:1px solid #DDD;}
/*Staff*/
.staff{ text-align:center;}
.staff .staff-row { border:1px solid#EEE; }
.staff .staff-row img{ width:90%;}
.staff .staff-row h3{ text-align:center; }
.staff .staff-row p{ text-align:center; margin:0;}
.staff .staff-row .details p {text-align:center;/* font-size:.84em; */vertical-align:middle;position: relative;}
.staff-indi .details .contacts a span, .staff .staff-row .details a span{ width: 20px;margin:0 8px; display:inline-block; vertical-align:middle; font-size:20px;}
.staff-indi .details .contacts a, .staff .staff-row .details p a { position: relative;text-align: center;display: inline-block;vertical-align: middle;}
.staff-indi .details .contacts a:hover:before, .staff .staff-row .details p a:hover:before{content:attr(data-value);text-decoration:none;font-size: .9em;line-height: 1.8em;position:absolute;color:#FFF;left: -50%;margin: auto;padding: 0px 3px;bottom:110%;white-space: nowrap;z-index: 20;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;background: #6699CC;}
.staff .staff-row .details a.link { margin:10px; display:block;}
.staff-indi .details .contacts { margin-bottom:10px;padding-bottom: 10px;padding-left: 4px;border-bottom: 1px solid #EEE;}
.staff-indi .details strong{ padding-left:10px;}
/*links*/
.link-group{ margin-bottom: 15px;}
.link-group h3{ color:#000; }
/* Business Directory*/
.business_block{ text-align:center;}
.bisuness_row{width: 280px;display:inline-block;vertical-align:top;margin:5px;background:#eee;border:1px solid #DDD;padding:10px;font-size: 13px;text-align:left;}
.bisuness_row h4{ font-size:16px;}
.bisuness_row .addrs {margin-top: 10px;}
.bisuness_row .addrs span{/* display:block; */}
.bisuness_row .contact{/* float:left; */}
.bisuness_row .contact span {display: inline-block;margin-right: 10px;}
.bisuness_row .contact span.hide{ display:none;}
.bisuness_row .contact span.phone{ display:block;}
.bisuness_row.indi {background:none;border:0;width: auto;display: block;margin: 0;padding: 0;}
/* side navigation*/
.side-nav ul{ float:none; }
.side-nav ul li { float:none; }
.side-nav ul li a {border-bottom: 1px solid #6699cc;color: #333;font-weight: bold;font-size: .9em;}
.side-nav ul li:last-child a { border:0;}
.side-nav ul li a:hover {background: #003366;color: #FFF;}
/*footer*/
footer .nav-bar.nav-center { text-align:left;}
footer nav.nav-bar a:hover {color:#333;}
/* ====================mobile css ====================
================================================== */
@media (min-width: 460px) {
}
@media (min-width: 580px) {
}
@media (min-width: 640px) {
}
@media (min-width: 780px) {
/*header*/
.header{}
/* Fixed Header */
#stickyNav{position:fixed;width:100%;display: none;top:0;z-index: 100;background: #036;-webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.2);-moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.2);box-shadow: 0 2px 3px 0 rgba(0,0,0,0.2);}
#stickyNav.collapsed{display: block;}
#stickyNav nav.main-nav{ float:none; margin:0; }
.fix-logo img{max-width: 200px;margin: 3px 0px;}
#stickyNav .navbar > ul {float: right;}
#stickyNav .navbar > ul > li > a, #stickyNav .navbar > ul > li > span {padding: 13px 8px !important;/* font-weight: bold; */color: #FFF;font-size: 13px;line-height: 30px;cursor: pointer;}
#stickyNav .navbar > ul > li.has-sub > a:after, #stickyNav .navbar > ul > li.has-sub > span:after{content: '';border-right: 3px solid transparent;border-left: 3px solid transparent;border-top: 3px solid #ffffff;display: inline-block;vertical-align: middle;margin-top: 0px;margin-left: 2px;box-sizing: content-box;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;}
#stickyNav .navbar > ul > li > a:hover, #stickyNav .navbar > ul > li:hover > a, #stickyNav .navbar > ul > li > span:hover, #stickyNav .navbar > ul > li:hover > span{color: #FFFFFF;background: #061f38;}
#stickyNav ul > li.has-sub a{}
#stickyNav ul li ul {margin:0;}
#stickyNav .navbar > ul>li > ul {-webkit-box-shadow: 0px 4px 6px -3px rgba(0,0,0,0.75); -moz-box-shadow: 0px 4px 6px -3px rgba(0,0,0,0.75); box-shadow: 0px 4px 6px -3px rgba(0,0,0,0.75);}
#stickyNav .navbar > ul>li > ul li a {color:#FFF;padding: 7px;}
.fix-logo{float: left;}
.search-btn {padding: 0px 12px;font-size: 14px;line-height: 40px;text-align: center;color: #ffffff;top: -40px;right: 0;margin: 0;display: none;}
.main_nav{background: #ececec;}
#main-navigation{float: right;clear: right;}
#stickyNav ul > li.home > a, nav.news_paper_nav ul > li.home > a {font-size: 0 !important;display:block;padding: 0;padding-left: 8px;padding-right: 8px;text-align: center;position: relative;line-height: 0;}
#stickyNav ul > li.home > a:after, nav.news_paper_nav ul > li.home > a:after {content:"\f015";font-family:taoGlyphs;font-size: 16px;font-weight: normal;display: block;vertical-align: middle;text-align: center;line-height: 34px;}
#stickyNav ul > li.home > a:after {line-height: 30px;}
/*slider*/
/*layout*/
#leftprt {}
/*footer*/
.footer-logo a { display:inline-block; vertical-align:top;}
.footer-logo a img{max-height: 70px;}
footer nav.nav-bar.subfooter-nav{ text-align: left;}
}
@media (min-width:991px){
nav.main-nav > ul > li > a, nav.main-nav > ul > li > span{font-size: 1.0em;padding: 8px;}
}
@media (min-width:1200px){
nav.main-nav > ul > li > span, nav.main-nav > ul > li > a{font-size: 14px;cursor: pointer;}
}
@media all and (min-width: 0px) and (max-width: 1199px) {
.sliderContent div.base div.caption p{margin:0; }
.sliderContent div.base div.caption h1, .sliderContent div.base div.caption h2 { font-size:2.2em;}
#stickyNav .navbar > ul > li > a, #stickyNav .navbar > ul > li > span{padding: 13px 6px !important;font-size: 12.3px;}
.latest_news_list .nwsitm .dtls {width:60%;}
.online_l_issue img{ max-height:400px;}
ul.topcontacts li.address{float:none;clear: both;}
ul.topcontacts li a, ul.topcontacts li span{padding:3px;}
ul.topcontacts li:hover a span{background:none;}
}
@media all and (min-width: 0px) and (max-width: 1080px) {
.nav-top{}
#socail > span{ display:block; line-height:normal;}
#socail li a:after { line-height:normal; font-size:25px; margin:0 2px;}
#stickyNav .navbar > ul{ float:left;}
#stickyNav .navbar > ul > li > a, #stickyNav .navbar > ul > li > span{padding: 13px 6px !important;font-size: 13px;}
.bisuness_row{width: 48%;}
.online_l_issue img{ max-height:300px;}
.logo.main img { max-width:250px;}
.subLnk img{max-width: 140px;}
}
@media all and (min-width: 0px) and (max-width: 900px) {
.slider_block{width: 100%;float:none;min-height: 0 !important;}
.slider_promo_area{width:100%;margin:10px 0;text-align:center;float:none;position: relative;}
.slider_promo_area .quickpoll{width:50%;text-align:left !important;margin: 0 auto;-webkit-transform: none;-ms-transform: none;transform: none;}
.slider_promo_area #myform{position:relative;}
.quickpoll form, .quickpoll-results{ position:relative;}
.quickpoll-results { padding:10px;}
.sliderContent {float: none;margin: 0 auto;}
#slides .taoTab_blk{ display:none;}
.sliderContent div.base div.caption h3 { font-size: 2.6vw;}
.footer-logo-block{margin-bottom:25px;clear: both;}
.footer-logo-block:after { content:""; display:table; clear:both;}
.footer-logo {float: left; width:48%; }
.nwsind img{width:auto;max-width: 100%;}
.bisuness_row{width: 47%;margin: 1%;}
}
@media all and (min-width: 0px) and (max-width: 880px) {
.logo {float: left;}
.header > .container { width:98%;}
nav.main-nav > ul{margin:0;height: auto;}
.news_paper_nav div > ul > li > a{font-size: .9em;font-weight:normal;padding: 7px;}
.toplogo{width:150px;}
.nav-bar ul > li a { padding:5px;}
.footer-nav { width:auto; float:none;}
.sliderContent div.base div.caption{}
.sliderContent div.base div.caption p{ line-height:1.6em;}
.on_issue {width: 46%;display:block;margin: 1%;float: left;text-align: center;}
.latest_news_list .on_issue .issue_info{display:block;width:100%;max-width: none;}
.on_issue span.splitright, .on_issue h2{ text-align:center;}
.on_issue .coverimg { width:auto;}
#stickyNav .navbar > ul > li > a, #stickyNav .navbar > ul > li > span{/* padding: 0px 6px !important; */}
}
@media all and (min-width: 0px) and (max-width: 779px) {
h1 {font: 700 2.4em/1.4em 'Roboto', sans-serif;margin-bottom: 10px;}
h2 {font: 500 2em/1.4em 'Roboto', sans-serif;margin-bottom:10px;}
h3 {font: 400 1.500em/1.2em 'Roboto', sans-serif;margin-bottom: 5px;}
h4 {font: 400 1.375em/1em 'Roboto', sans-serif;margin-bottom: 5px;}
h5 {font:300 1em/1em 'Roboto', sans-serif; margin-bottom: 2px;}
h6 {color:#000; font:700 .84em/9em 'Ubuntu', sans-serif;margin-bottom:0; }
/* layout */
.page-content-block{margin-top: 15px;padding-top: 0px;}
.subpage-block{margin:10px 0;padding: 40px 0;}
/* header */
.nav-top{margin-top: 0;}
.header {padding: 0px 0;border: 0;}
.header > .container{width:98%;margin-top: 44px;}
.logo{padding: 0;margin: 0;width: 60%;}
.main.logo img {margin-top: 25px;max-width: 270px;padding: 0;}
.logo img{margin:0;padding: 10px 0;}
.subLnk img{max-width: 100%;max-height: 120px;}
.head_bnrs {width: 30%;max-width: none;min-width: 0;min-height: 0;}
.maniNavContainer .row{display: block !important;}
.maniNavContainer .row div.subLnk{float:left;width: 40%;}
.maniNavContainer .head_bnrs{width: 100%;justify-content: center;align-items: center;border-top: 1px solid #DDD;}
.maniNavContainer .head_bnrs .hd_ads{float: none;}
.maniNavContainer .head_bnrs .clear{ display:none;}
#stickyNav, #stickyNav.collapsed{display: none !important;}
.slider_block{height: 300px;}
.sliderContent div.base img { max-width: none;top: 0;left: 0;}
.sliderContent div.base div.caption h1{font-size: 2.6em;text-align: center;}
.sliderContent div.base div.caption h2{font-size: 1.4em;text-align: center;}
/* navigation */
.nav-top ul{margin:0 !important;}
#main-navigation{position: fixed;overflow-y: auto;width: 0;height: 100%;margin-bottom: 0;z-index: 1;left: 0;top: 0;background: #003366;display: none;}
#main-navigation.navbar-block{ display:block; }
.news_paper_nav{ border:0;}
.news_paper_nav ul, .search-form-wrapper {display:none;width: 50% !important;text-align: center;}
.search-form-wrapper.popup-form {position: fixed;top: 62px;z-index: 99;width: 102% !important;left: 0;padding: 10px;background: #ececec;border-bottom: 1px solid #DDD;margin: 0;margin-left: -1%;margin-right: -1%;}
.search-form-wrapper form {width:70%;float:none;margin:0 auto;border: 1px solid #036;}
.search-form-wrapper input[type='text'] {margin-top: 0;margin-bottom: 0; padding: 10px 5px;border: 0;}
.search-form-wrapper input[type='submit'] {height: 33px;margin: 0;}
/* ====================nav bar button====================
================================================== */
.navbar-toggle { display: block; cursor: pointer;float: right;margin: 4px 0;position: relative;z-index: 99;}
.navbar-toggle a { position: relative; background-color: transparent; background-image: none; border: 1px solid transparent; display: block;text-align: center;color: #FFF;font-size: 30px;padding: 0 8px;}
.navbar-toggle a:hover { text-decoration:none;color: #ED921B;}
.navbar-toggle.nav-collapsed a span:before{ content:"\e5c4"; }
.nav-icon{ display:block;}
.main_nav {position:fixed;z-index: 2;width:100%;top:0;left:0;display: block;/* background: #ffffff; */border-bottom: 1px solid rgba(0,0,0,0.3);-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);}
.toplogo{width: auto;}
#main-navigation {position: fixed;top: 0;left: -240px;width: 240px;height: 100%;padding: 0;z-index: 999;box-shadow: 1px 0px 3px rgba(0, 0, 0, 0.6);-moz-transition: all 0.2s linear 0s;-webkit-transition: all 0.2s linear 0s;-ms-transition: all 0.2s linear 0s;transition: all 0.2s linear 0s;}
#main-navigation.nav-collapsed{width: 240px !important;left: 0;overflow-y: auto; width: 280px;}
#main-navigation .main_mobile{display:block;}
#close {display: none;background: 0 0 rgba(0, 0, 0, 0.75);height: 100%;position: fixed;top: 0;left: 0;-moz-transition: all 0.2s linear 0s;-webkit-transition: all 0.2s linear 0s;-ms-transition: all 0.2s linear 0s;transition: all 0.2s linear 0s;width: 100%;z-index: 1;}
.main-nav { position: relative }
.main-nav > ul{ position:relative;display: block;top: 0;left: 0;width: 100%;height: 100%;}
.main-nav > ul:after{ content:''; display:table; clear:both;}
.main-nav > ul > li > span, .main-nav > ul > li > a {padding: 7px 15px;font-size: 15px;font-weight: normal;}
.main-nav > ul > li {float: none;text-align: left;position: relative;border: 0;}
.main-nav > ul > li > ul {width: auto;}
.main-nav ul li.currentitem, .main-nav ul li.currentbranch, .main-nav ul li:hover, .main-nav ul li a:hover, .main-nav ul li:hover a{background: #134e88;}
.main-nav > ul > li:hover ul {display:none;}
.main-nav > ul > li > span, .main-nav > ul > li > a {border-bottom: 1px solid #062b50;}
.main-nav ul li.currentitem a, .main-nav ul li.currentbranch a{ background:none;}
.main-nav ul li > span, .main-nav ul li > a, .main-nav ul ul li span {color: #FFFFFF !important;padding: 6px 8px;line-height: 30px;font-size: 14px;}
.main-nav ul li ul {position: relative;background: #134e88;padding: 0;}
.main-nav ul li > ul > li{ float:none;width: auto;margin: 0;}
.main-nav ul li > ul > li a, .main-nav ul li:hover > ul li a{padding: 4px 0;/* line-height: 20px; */color: #FFFFFF !important;}
.main-nav ul li > ul > li a:before { color:#FFF;}
.main-nav ul li > ul li a, .main-nav ul li:hover > ul li a {padding-left: 15px;font-size: 13px;}
.main-nav ul li > ul > li a:hover, .main-nav ul li > ul > li:hover {text-decoration:none;background: #062b50;}
.main-nav ul > li.has-sub .sub-btn {display:block;width: 30px;height: 42px;padding: 0;position:absolute;z-index: 1;right:0;cursor: pointer;border: 0;box-shadow: 0px 0px 1px 0px #062b50;text-align: center;background: #134e88;/* display: none; */}
.main-nav ul > li.has-sub .sub-btn:before{content: "\f077";font-family:taoGlyphs;display: block;line-height: 42px;font-size: 10px;text-align: center;}
.main-nav ul > li.has-sub .sub-btn.collapsed:before{content: "\f078";font-family:taoGlyphs;}
.nav-bar ul > li.has-sub span.sub-btn{ display:block;}
.nav-bar ul > li.has-sub li.has-sub span.sub-btn{ display:none;}
.main-nav > ul > li:hover {background: #062b50;}
.main-nav > ul > li:hover > span.sub-btn {background: #0A4B63;}
footer .footer-bg{background-position:center bottom;}
.footer-nav > ul > li {width: 31%;float: none;display: inline-block;vertical-align: top;}
.footer-nav-block{clear:both;}
.footer-logo, .newsletter { width:100%; float:none;}
ul.topcontacts {list-style:none;margin: 0;float: left;padding: 0;}
ul.topcontacts li{ float:left; ;padding: 4px 7px;}
ul.topcontacts li a, ul.topcontacts li span{ padding:1px; display:inline-block;}
ul.topcontacts li a span, ul.topcontacts>li>span{color: #003366;padding: 0;}
.home_publi_block{width:48%;float: left;}
.online_l_issue{padding-right:25px;width: 100%;}
.latest_news_list{width:100%;clear: both;}
.online_l_issue img{ max-height:300px; display:block; margin:0 auto;}
.home_publi_block .latest_news_list { margin-top:7px;}
.latest_news_list .on_issue img{ max-width:70px; }
#leftprt, #rgtprt{clear:both;float: none;}
#rgtprt{ margin:15px 0;}
#sidemenu{ background:#e4e4e4;}
.side-nav ul li a{ padding:7px 10px;}
#leftprt:after, #rgtprt:after{ content:""; display:table; clear:both;}
.subscribe{text-align:center;margin-top: 25px;clear: both;}
.sld_bnr #banners div.base .img a img{display:block;margin:0 auto;top: 0;transform: none;}
#rgtprt .bnrs.divider{ margin:0; }
.slidebg{ border:0;}
.banners, .sld_bnr{float: none; }
.banners .sliderContent div.base img{ width: auto; height: auto;}
.bnrs .sky_scprs{ display:none;}
.on_issue {width: 48%;margin: 1%;display: inline-block;}
.nwsind .thumb{ text-align:center;}
.nwsind img{float:none;margin: 0 auto;}
.latest_news_list .nwsitm .dtls{ width:auto;}
}
@media (max-width: 639px) and (min-width: 0px) {
.sliderContent div.base div.caption{width:100%;min-width: 100%;max-width: 100%;height: auto !important;margin: 10px 0;transform: none;position: relative;bottom: 0%;left: 0;top: auto;background: rgba(255,255,255,0.65);}
.taoNav{ margin-top:-30px;}
.slider_block{height: 460px;background: #FFF;}
.news_paper_slider .sliderContent div.base div.caption{ margin:5px 0;}
.sliderContent div.base div.caption .mLnk a{ margin:0;}
#slides .sliderContent div.base .img{width:100%;position: relative;float: none;height: auto;}
.sliderContent div.base .img img{max-height: 270px;max-width: 100%;width: auto;}
.news_paper_slider #slides .sliderContent div.base .img { width:100%;}
.general_login, .sbscr_blk { float:none; margin:15px auto; width:80%;}
.logo img {max-width:240px;padding: 10px 0;}
.subLnk img{padding: 5px 10px;}
.past_issue {width:100%;float: none;margin-bottom: 5px;}
}
@media all and (min-width: 0px) and (max-width: 579px) {
.header{height: auto;}
.header:after{ background:#333;}
.slider_block{min-height: 100% !important;}
.logo{margin: 0;width: 60%;}
.logo img{max-width: 100%;margin-top: 0;}
.subLnk img{ max-width: 100%;max-height: 120px;}
.toplogo img{width: 180px;}
.head_bnrs{ width:48%;}
.head_bnrs div.base { min-height:0;}
.main.logo{width: 60%;}
.main.logo img{max-width:100%;}
.login-form-wrapper { width:90%;height: 200px;top: 330px;left:0; right:0; margin:auto;}
.sliderContent div.base div.caption h1{font-size: 1.8em;}
.sliderContent div.base div.caption h2{ font-size:1.4em; line-height:1.4em;}
.sliderContent div.base div.caption h3{font-size: 1.2em;border: 0;margin: 0;padding: 0;}
.sliderContent div.base div.caption h4{ font-size:1.0em; line-height:1.2em;}
.sliderContent div.base div.caption h5{ font-size:.84em; line-height:1.18em;}
footer .footer-bg{border-bottom: 60px solid rgba(163,208,234,0.5);}
.copyright{margin: 0;padding: 0;margin-top: 50px;/* background: #71AEC2; */}
.subfooter-nav ul,.copyright span{display:block;text-align:center;float: none;}
.subfooter-nav ul{ margin:0 auto; display:block; }
.subfooter-nav ul li { float:none; display:inline-block;}
#socail li{ margin:0 2px;}
.footer-nav > ul > li{float:none;display: block;}
.user_nav{ margin:0;}
.on_issue {width: 96%;display:block;margin:2%;}
.on_issue .issue_info, .on_issue .coverimg { width:auto; max-width:none;}
.noaccess_popup{width:100% !important;max-width: 95% !important;padding: 10px !important;}
.noaccess_popup a.epub_noacl_close{right: 0 !important;}
.noaccess_popup h2 { font-size:18px;}
.slider_promo_area .quickpoll{ width:auto;}
.home_publi_block{ width:100%;}
}
@media all and (min-width: 0px) and (max-width: 460px) {
.toplogo img { max-width:135px;}
.subLnk { width:40%;}
.search-form-wrapper.popup-form { top:55px;}
.nav-top{position:relative;text-align:right;}
.slider_block{height: 440px;}
.sliderContent div.base div.caption div div{/* display:none !important; */}
.sliderContent div.base .img img{max-height: 230px;}
#socail > span{display:inline-block;vertical-align: middle; font-family: 'Open Sans', sans-serif; font-size: 11px;}
#socail li a:after{ font-size:20px; margin:2px;}
.general_login, .sbscr_blk { width:98%;}
.bisuness_row{width:80%;margin: 1%;}
}
@media all and (min-width: 0px) and (max-width: 380px) {
.slider_block{height: 460px !important;min-height: 100% !important;}
.search-form-wrapper.popup-form{ top:75px;}
.header > .container {margin-top: 45px;}
.logo a{ letter-spacing:0px; }
.logo img{ margin-right:-5px;}
.logo .tag{letter-spacing:1px;font-size: 15.5px;}
.search-btn, .nav-icon{margin: 0 5px;padding: 0;}
.login_form.active {width: 100% !important;}
.footer-nav > ul > li{ display:block; width:auto;}
.on_issue {width:98%;display:block;margin:2% auto;text-align:center;border-bottom: 1px solid #DDD;}
.on_issue .coverimg { width:100%; max-width:none;}
.on_issue .issue_info {max-width: none;text-align:center !important;padding: 5px;}
.on_issue .issue_info * {text-align: center !important;}
#plugnpay_details { width:100%;}
ul.topcontacts { display:none;}
}
@media all and (orientation: landscape) and (min-height:100px) and (max-height: 340px){
}