@import url('http://fonts.googleapis.com/css?family=Droid+Sans:400,700');
@import url('http://fonts.googleapis.com/css?family=Oswald');
html, body { height: 100%; }
body, html { height:100%; }
body { padding:0;margin:0;font-family:'Droid Sans', tahoma;color:#333; }
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; }
#pagecontent h1 {  }
#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;}
#top_header { 
	position:relative;
	min-height:115px;
	background: -webkit-linear-gradient(#01A6E9, #243C96); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#01A6E9, #243C96); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#01A6E9, #243C96); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#01A6E9, #243C96); /* Standard syntax */
} 
.btn-signin { font-size:15px;position:absolute;right:140px;top:30px;z-index:999;font-weight:bold; }
.btn-register { font-size:15px;position:absolute;right:20px;top:30px;z-index:999;font-weight:bold; }
.btn-logout { font-size:15px;position:absolute;right:20px;top:30px;z-index:999;font-weight:bold; }

#headerlogo { padding:10px 0 15px 30px;max-width:200px; }

.navbar {min-height:30px !important;margin-bottom:0px;}
.navbar-default {border:0;background:none;border-radius: 0 !important; }
.navbar-default .navbar-brand {display:none !important;}
.navbar-default .navbar-text {color: #ffffff;}
.navbar-nav > li > a { padding-top:4px !important;padding-bottom:0 !important;height: 30px;}
.navbar-nav li:first-child { margin-left:-15px;}
.navbar-default .navbar-nav >.active>a,.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus { color: #ffffff;background: #484848; }
.navbar-default .navbar-nav > .dropdown > a .caret { border-top-color: #fff;border-bottom-color: #fff;}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,.navbar-default .navbar-nav > .dropdown > a:focus .caret { border-top-color: #fff;border-bottom-color: #fff;}
.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: #fff;border-bottom-color: #fff;}
.navbar-default .navbar-nav > li > a {background:#35499C;font-size:15px; color:#FFF;border-top:1px solid #0F7BC7;border-right:1px solid #0D69AE;padding:6px 15px 5px 15px;margin:0 2px 0 0;}
.navbar-default .navbar-nav .as a:last-child { -webkit-border-top-right-radius: 10px;
-moz-border-radius-topright: 10px;
border-top-right-radius: 10px; }
.navbar-default .navbar-nav > li > a.dropdown-toggle {  }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {color: #3DD9FF;background:none;box-shadow:none;}
.navbar-default .navbar-nav > li > .dropdown-menu {border-left:1px solid #0D69AD;border-right:1px solid #0D69AD;border-bottom:1px solid #0D69AD;border-top:0px !important;margin-top:0px;margin-left:-3px;background-color: #243C95;z-index:9999 !important;-webkit-border-bottom-right-radius: 8px;-webkit-border-bottom-left-radius: 8px;-moz-border-radius-bottomright: 8px;-moz-border-radius-bottomleft: 8px;border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a {color: #ffffff;}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {color: #fff;  background: #02A4E7;-webkit-border-top-right-radius: 0px;
-moz-border-radius-topright: 0px;
border-top-right-radius: 0px;}
.navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {background-color: #2a6186;}
.navbar-default .navbar-nav > li > .dropdown-menu > li:first-child { margin-left:0px;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {color: #ffffff;background:none;box-shadow:none;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {color: #3DD9FF;background:none;}
.navbar-default .navbar-collapse,.navbar-default .navbar-form {border-color: #ffffff;}
.navbar-default .navbar-link {color: #ffffff;}
.navbar-default .navbar-link:hover { color: #ffffff;}
.navbar-default .navbar-toggle {border-color: #fff;margin-top:-65px;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: #364A9F;}
.navbar-default .navbar-toggle .icon-bar {background-color: #ffffff;}
.navbar-default .navbar-collapse,.navbar-default .navbar-form {border-color: #ffffff;}
.navbar-default .navbar-link {color: #ffffff;}
.navbar-default .navbar-link:hover { color: #ffffff;}

li.helloinfo { border:0px !important;color:white; }
li.helloinfo a { background-color:#C93213 !important;border-right:1px solid #F07C64 !important;border-top:1px solid #F07C64 !important; }
li.helloinfo a:hover { color:white !important;background-color:#EA401C !important; }
.glyphicon { margin-right:10px; }
.panel-heading a { color:white; }
.panel-heading a:hover { color:white; }
.panel-body { padding:0px; }
.panel-body table tr td { margin:0; }
.panel-body table tr td { margin:0;padding:0; }
.panel-body .table {margin-bottom: 0px; }
.room_cats { border:0px; }
.room_cats td { border:0.5px solid #B6C8ED; }
.room_cats td a { color:#364A9F;display:block;height:100%;padding:5px 5px 5px 15px;background-color:#F7F9FD; }
.room_cats td a:hover { background-color:white;text-decoration:none; }
.mod_cats { border:0px; }
.mod_cats td { border:0.5px solid #F9D1CC; }
.mod_cats td a { color:#C93213;display:block;height:100%;padding:5px 5px 5px 15px;background-color:#FFFBF9; }
.mod_cats td a:hover { background-color:white;text-decoration:none; }
.misc_cats { border:0px; }
.misc_cats td { border:0.5px solid #DCEAAA; }
.misc_cats td a { color:#97C02F;display:block;height:100%;padding:5px 5px 5px 15px;background-color:#FAFCF3; }
.misc_cats td a:hover { background-color:white;text-decoration:none; }

#ecnCarousel {
    margin-top: 20px;
}
.carousel {
    height: 200px;
    margin-bottom: 20px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
    z-index: 10;
    text-shadow: 1px 1px 2px #000000;
    color:white;
    font-family: Oswald, tahoma;
}
.carousel .item .carousel-caption h2 {
	font-size:40px;
}	
/* Declare heights because of positioning of img element */
.carousel .item {
    width: 100%;
    height: 200px;
    background-color: #777;
}
.carousel-inner > .item > img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    height: 200px;
}
.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.header_norm {
	color:white;
	font-size:14px;
	font-weight:bold;
	border:1px solid;
	padding:10px !important;
	
}

.clist .list-group-item { background-color: #F7F9FD;padding:5px 10px;border-color:#C7D5F1; }
.clist .list-group-item:hover, .clistb .list-group-item:hover { background:white !important; }
.clistb .list-group-item { background-color:#FFF9F2;padding:5px 10px;border-color:#FCD5A9; } 
.note { background: #718D23; }
.note:before { border-color: #fff #fff #51661A #51661A;background: #51661A; }
.note2 { background: #C93213; }
.note2:before { border-color: #fff #fff #9A260E #9A260E;background: #9A260E; }
.note3 { background: #EE8006; }
.note3:before { border-color: #fff #fff #C76B05 #C76B05;background: #C76B05; }
.note4 { background: #364A9F; }
.note4:before { border-color: #fff #fff #233167 #233167;background: #233167; }
.note, .note2, .note3, .note4 {
  position: relative;
  width: 100%;
  padding: 1em 1.5em;
  margin: 20px auto;
  color: #fff;  
  overflow: hidden;
}

.note:before, .note2:before, .note3:before, .note4:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  border-width: 0 16px 16px 0;
  border-style: solid;  
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
  box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
  /* Firefox 3.0 damage limitation */
  display: block; width: 0;
}

.note.rounded, .note2.rounded, .note3.rounded, .note4.rounded {
  -moz-border-radius: 5px 0 5px 5px;
  border-radius: 5px 0 5px 5px;
}

.note.rounded:before, .note2.rounded:before, .note3.rounded:before, .note4.rounded:before {
  border-width: 8px;
  border-color: #fff #fff transparent transparent;
  -moz-border-radius: 0 0 0 5px;
  border-radius: 0 0 0 5px;
}
.note a, .note2 a, .note3 a, .note4 a { color:white;font-weight:bold; }
.note a:hover, .note2 a:hover, .note3 a:hover, .note4 a:hover { color:#eee; }

/* 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:#364A9F;font-weight:bold; }
#channellist a:hover { color:#333; }
#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 #B6C8ED;
}
#channellist>tbody>tr:nth-child(odd)>td, 
#channellist>tbody>tr:nth-child(odd)>th {
   background-color: #F4F6FA;
 }

.mempagination .pagination > li > a { border:0.5px solid #F9D1CC; }
.mempagination .pagination > li > a { color: #C93213; }
.mempagination .pagination > li > a:hover,
.mempagination .pagination > li > span:hover,
.mempagination .pagination > li > a:focus,
.mempagination .pagination > li > span:focus {
  color: #C93213 !important;
  background-color: #FFFBF9 !important;
}
.mempagination .pagination > .active > a,
.mempagination .pagination > .active > span,
.mempagination .pagination > .active > a:hover,
.mempagination .pagination > .active > span:hover,
.mempagination .pagination > .active > a:focus,
.mempagination .pagination > .active > span:focus {
  background-color: #C93213 !important;
  border-color: #ddd !important;
  color:#FFF !important;
}

#memberlist { color:#333; }
#memberlist .memname { font-weight:bold;color:#C93213; }
#memberlist a { color:#C93213; }
#memberlist a:hover { color:#333; }
#memberlist {
  border: 0.5px solid #F9D1CC;
}
#memberlist > thead > tr > th,
#memberlist > tbody > tr > th,
#memberlist > tfoot > tr > th,
#memberlist > thead > tr > td,
#memberlist > tbody > tr > td,
#memberlist > tfoot > tr > td {
   border: 0.5px solid #F9D1CC;
}
#memberlist>tbody>tr:nth-child(odd)>td, 
#memberlist>tbody>tr:nth-child(odd)>th {
   background-color: #FFFBF9;
 }


/* 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 {
  min-height:30px;
  width: 100%;
  padding:0 10px;
  /* Set the fixed height of the footer here */
  background-color: #233E98;
  color:white;
  line-height:30px;
  font-size:13px;
} 
.footer a { color:#FFF; }
.footer a:hover { color:#3DD9FF;text-decoration:none; }
.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 only screen and (max-width : 800px) {
    .carousel .item .carousel-caption h2 {
            font-size: 18px;
    }
}
@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-default {margin:0 0 0 0px; }
	.navbar-default form { display:none; }
	.navbar-nav li:first-child { margin-left:0px; }
	.navbar-default .navbar-nav > li > a {background:none;border-top:0px;border-right:0px;}
	.navbar-default .navbar-nav > li > .dropdown-menu { background:transparent; }
	.navbar-default .navbar-nav > li > .dropdown-menu a { color:white !important; }
	.navbar-default .navbar-nav > li > .dropdown-menu a:hover { color:#3DD9FF !important; }
	.helloinfo { margin-right:0px !important; }
}
@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; }
li.helloinfo a { background-color:transparent !important;border:0px !important; }
li.helloinfo a:hover { background-color:transparent !important;color:#3DD9FF !important; }
}