@import url('http://fonts.googleapis.com/css?family=Droid+Sans:400,700');
@import url('http://fonts.googleapis.com/css?family=Coda');
html, body { height: 100%; }
html { background-color:#F5F5F5; }
body { font-family:'Droid Sans', tahoma;color:#4B4B4B;margin:0;padding:0;background-color:#F5F5F5; }
a { text-decoration:none;color:#2C6389; }
a:hover { text-decoration:none;color:#488EBF; }
h1 { font-weight:bold;font-size:25px;display:block;padding:0 0 5px 0;margin:0; }
#wrap { min-height: 100%;height: auto !important;height: 100%;margin: 0 auto -30px; }
.push { height: 30px; }
/* Header Logo & Naviation */
.nav .badge {padding: 2px 3px;font-size: 10px;font-weight: bold;white-space: nowrap;color: #ffffff;background-color: #25920A;}
.masthead { min-height:78px;padding:5px 0 0 0;background-color:#285E82;background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4D95C7), to(#285E82));background: -moz-linear-gradient(0% 0% 270deg,#4D95C7, #285E82);background: linear-gradient(#4D95C7, #285E82);background: -o-linear-gradient(#4D95C7, #285E82);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4D95C7', endColorstr='#285E82'); }
#headerlogo { text-shadow: 3px 5px 4px rgba(0,0,0,0.4);font-weight:bold;font-size:45px;color:#fff;font-family:Coda; }
.navbar-inner {min-height: 0px;}
.navbar-brand { font-size:20px; }
.navbar-brand:hover { font-size:20px;color:white !important; }
.navbar-nav li a { line-height:40px;max-height: 40px;padding-top:0;}
.navbar-nav li:first-child { margin-left:-15px;}
.navbar-default { min-height:0px;background-color:#131D20;background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#24383E), to(#131D20));background: -moz-linear-gradient(0% 0% 270deg,#24383E, #131D20);background: linear-gradient(#24383E, #131D20);background: -o-linear-gradient(#24383E, #131D20);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#24383E', endColorstr='#131D20');}
.navbar-default .navbar-brand { color: #FFF;}
.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus { background-color:#2A6086;}
.navbar-default .navbar-nav > li > a {color: #FFF;}
.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:focus { background-color:#2A6086;color:white;}
.navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > .active > a:hover,.navbar-default .navbar-nav > .active > a:focus {color: #fff;background-color:#2A6086;}
.navbar-default .navbar-nav > .open > a,.navbar-default .navbar-nav > .open > a:hover,.navbar-default .navbar-nav > .open > a:focus {color: #FFF;background-color:#2A6086;}
.navbar-default .navbar-nav > .dropdown > a .caret { border-top-color: #777;    border-bottom-color: #777;}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,.navbar-default .navbar-nav > .dropdown > a:focus .caret {border-top-color: #333;border-bottom-color: #333;}
.navbar-default .navbar-nav > .open > a .caret,.navbar-default .navbar-nav > .open > a:hover .caret,.navbar-default .navbar-nav > .open > a:focus .caret {border-top-color: #555;border-bottom-color: #555;}
.navbar-default .navbar-toggle {border-color: #DDD;}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {background-color:#2A6086;}
.navbar-default .navbar-toggle .icon-bar {background-color: #CCC;}
/* Link Colors */
a.green-button:link, a.green-button:visited { text-decoration:none;width:100px;background-color:#74A235;color:white;font-weight:bold;border:1px solid #ccc;padding:2px 10px;text-align:center;font-size:13px; }
a.green-button:hover, a.green-button:active { background-color:#5B8129; }
a.blue-button:link, a.blue-button:visited { text-decoration:none;width:100px;background-color:#1E76BD;color:white;font-weight:bold;border:1px solid #ccc;padding:2px 10px;text-align:center;font-size:13px; }
a.blue-button:hover, a.blue-button:active { background-color:#185E96; }
a.red-button:link, a.red-button:visited { text-decoration:none;width:100px;background-color:#9C0E09;color:white;font-weight:bold;border:1px solid #ccc;padding:2px 10px;text-align:center;font-size:13px; }
a.red-button:hover, a.red-button:active { background-color:#6A0906; }
/* Layout */
.main-page-col { border-left:1px solid #CCC;margin-left:260px;padding:0 10px 0 20px; }
.main-page-sidenav { width:250px;float:left; }
.text-danger {color: #b94a48;}
.bgfade { border:1px solid #CCC;padding:20px 50px;text-align:left;background-color:#fff;}
.regform_div { padding:0 0 8px 0; }
.regform_label { display: inline-block; width: 140px; text-align: right;padding:0 5px 0 0;font-size:14px;vertical-align:top; }
.regform_input { padding:3px 5px;width:250px;background-color:#F5F5F5;border:1px solid #CCC; }
.regform_select { padding:3px 5px;width:250px;background-color:#F5F5F5;border:1px solid #CCC; }
.regform_textarea { padding:3px 5px;width:450px;background-color:#F5F5F5;border:1px solid #CCC;min-height:50px; }
/* Categories */
.chatcats { list-style-type: none;padding:0;margin:0; }
.chatcats li { font-size:14px;padding:5px 0 5px 0;border-bottom:1px solid #CCC; }
.chatcats li a { color:#131D20; }
.chatcats li a:hover { color:#2C6389; }
.chatcats ul { list-style-type: none;padding:0;margin:0 0 0 15px; }
.chatcats ul li { border-bottom:0px;padding:2px 0; }

/* Roomlist */
#channellist { color:#333; }
#channellist a { color:#333;font-weight:bold; }
#channellist a:hover { color:#000; }
#channellist {
  border: 0.5px solid #B6C8ED;
}
#channellist .cl_img { text-align:center;white-space:nowrap;overflow: auto;vertical-align:middle; }
#channellist .cl_channel { white-space:nowrap;vertical-align:middle; }
#channellist .cl_topic { word-break:break-all; }
#channellist .cl_count { text-align:center;vertical-align:middle; }
#channellist .cl_lang { text-align:center;vertical-align:middle; }
#channellist > thead > tr > th,
#channellist > tbody > tr > th,
#channellist > tfoot > tr > th,
#channellist > thead > tr > td,
#channellist > tbody > tr > td,
#channellist > tfoot > tr > td {
   border: 0.5px solid #ccc;
}
#channellist>tbody>tr:nth-child(odd)>td, 
#channellist>tbody>tr:nth-child(odd)>th {
   background-color: #fff;
 }
/* Profile */
.profile-userphoto { float:left;height:202px;width:202px;border:1px solid #CCC; }
.profile-subheader { padding:3px 0 5px 0;font-size:16px;font-weight:bold;margin:0; }
.profile-section-holder { padding:3px 0; }
.profile-generalinfo { margin-left:220px; }
.profile-general-type { display:inline-block;width:200px; }
.profile-general-entry { display:inline-block; }
/* Footer */
footer { background-color:#131D20;color:#CCC;font-size:12px;min-height:30px;line-height:30px;display:block;padding-top:0;color:white; }
footer a { color:white; }
footer a:hover { color: #2C6389; }
.footer-left { float:left; }
.footer-right { float:right; }
.alt-cat-menu { display:none; }
/* Alerts & Cookie Use */
#bottom-alert-buttons { text-align:center;line-height:40px; }
#alert-notice-bottom .row { margin:0px; }
#alert-notice-bottom .alert { position:fixed;bottom:0px;width:100%;z-index:999;margin-bottom:0px; }
#alert-notice-bottom #cookie_use_notify {background-color:#6B0A6B;color:white;padding:5px 20px;position:fixed;bottom:0px;width:100%;z-index:9999;margin-bottom:0px;}
.cookiealertedit {background:purple;color:white;padding:5px 10px;}
/* Media Edits */
@media (max-width: 767px) {
	.alt-cat-menu { display:block; }
	.cat-menu { display:none; }
	.main-page-sidenav { display:block;float:none;padding:0 0 0 15px; }
	.main-page-col { border-left:0 !important;display:block;margin-left:0 !important; }	
	.navbar-nav li:first-child { margin-left:0px; }
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {color: #777;}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {color: #333;}
}
@media (max-width: 500px) {
.profile-userphoto { float:none;display:block; }
.profile-generalinfo { margin-left:0px;padding:10px 0 0 0; }
.profile-general-type { width:120px; }
.footer-left { float:none; }
.footer-right { float:none; }
}
