/*************************************************************************
TYPE FACES
*************************************************************************/
@font-face {
    font-family: 'OpenSansRegular';
    src: url('OpenSans-Regular-webfont.eot');
    src: url('OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-Regular-webfont.woff') format('woff'),
         url('OpenSans-Regular-webfont.ttf') format('truetype'),
         url('OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'simple_web_iconsregular';
    src: url('webicons-webfont.eot');
    src: url('webicons-webfont.eot?#iefix') format('embedded-opentype'),
         url('webicons-webfont.woff') format('woff'),
         url('webicons-webfont.ttf') format('truetype'),
         url('webicons-webfont.svg#simple_web_iconsregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/************************************************************************* 
RETINA IMAGE OPTIMIZATION 
**************************************************************************/	
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) 
{
    .header .nav-bar a.nav-home, .header .head-top a:before{width:16px; height:16px; background-size:16px 16px !important; display:block; content:'';}
    .header .nav-bar a.nav-home{background-image:url(../../Images/responsive/icon_home@2x.png) !important; padding-top:10px !important; margin-top:10px !important; margin-bottom:10px !important; padding-bottom:10px !important;}
    .header .head-top a.nav-trigger:before{background-image:url(../../Images/responsive/icon_menu@2x.png) !important;}
    .header .head-top a.nav-trigger.active:before{background-image:url(../../Images/responsive/icon_menu2@2x.png) !important;}
    .header .head-top a.adminbtn:before{background-image:url(../../Images/responsive/icon_admin@2x.png) !important;}
    .header .head-top a.adminbtn.active:before{background-image:url(../../Images/responsive/icon_admin2@2x.png) !important;}
    .header .head-top a.loginbtn:before{background-image:url(../../Images/responsive/icon_login@2x.png) !important;}
    .header .head-top a.loginbtn.active:before{background-image:url(../../Images/responsive/icon_login2@2x.png) !important;}
    .header .head-top a.searchbtn:before{background-image:url(../../Images/responsive/icon_search@2x.png) !important;}
    .header .head-top a.searchbtn.active:before{background-image:url(../../Images/responsive/icon_search2@2x.png) !important;}
    .adminshelf .switch{background-image:url(../../Images/responsive/icon_toggle@2x.png); background-size:30px 15px;} 
}   

/************************************************************************* 
*************************************************************************
MEDIA QUERIES 
*************************************************************************
**************************************************************************/	

/************************************************************************* 
DESKTOP SPECIFIC 
**************************************************************************/	
@media only screen and (min-width: 768px) 
{       
    .header .head-top a:hover:first-child{border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px;}
    .header .head-top a:hover:last-child{border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px;}
    .content .small-form{background:#b9d6dc; padding:1%; border-radius:6px;}
    .content .form-submit{float:right;}
    ul.social .social-fb, ul.social .social-tw, ul.social .social-rss{font-size:40px;}
    .header .logo, .header .nav{margin:4% 0 2%;}
    
    .content .featured .v-thumb img{height:20% !important;}    
}/*** END DESKTOP SPECIFIC ***********/

/************************************************************************* 
TABLET / MOBILE SPECIFIC 
**************************************************************************/	
@media only screen and (max-width: 767px) 
{
    .panel a.button{margin-bottom:8px;} 
    
    body{border-top:none !important;}
    body, p, a{font-size:17px !important; font-size:1.7rem !important;}
    h2, h2 a{font-size:2.0rem; font-size:20px;}
    .shelf .row{padding:2% 0 !important;}
    .shelf .loginshelf .button{margin-top:4% !important;}
    .shelf .nav-bar > li{text-align:center; border-right:none; border-left:none; }
    .shelf .closebtn{display:none;}
	.shelf .loginlinks{margin:4% 0 0 0 !important;}
	.shelf .loginlinks.logout{margin:1% 0 2% 0 !important;}
	.shelf .nav-bar > li:last-child{border-bottom:none !important;}
    .shelf, .shelf a{font-size:12px !important; font-size:1.2rem !important;}
    .shelf .adminshelf .switch {float:right;}
    .shelf .adminshelf .top-bar section ul li{width:100%; position:relative; float:left;}
    .header .head-top{width:100%; float:left; position:relative; z-index:1000; border-top:1px solid; border-radius:0 !important;}
    .header .head-top a{padding:20px !important;}
    .header .eight{margin:0 !important;}
    .header .head-top{position:relative !important; float:left !important; width:100% !important; border-right:none !important; border-left:none !important;}    
    .header .head-top .l-contain, .header .head-top .r-contain{width:auto; position:relative;}
    .header .head-top .l-contain{float:left;}
    .header .head-top .r-contain{float:right;}
    .header .logo{width:100% !important; position:relative !important; float:left !important; text-align:center; margin:2% 0 !important;}
	.header .nav-bar{width:100%; margin-top:0; border-radius:0; text-align:center; display:none; position:absolute !important; top:-4px; left:0; z-index:999; border-radius:none !important;}	
	.header .nav-bar > li{border-bottom:1px solid !important; border-right:none !important; border-left:none !important;}
	.header .nav-bar > li:last-child{border-bottom:none !important;}
	.header .nav-bar > li:hover:last-child{border-radius:0 !important;}
	.header .nav-bar > li > a.nav-current{background-color:#576675 !important;}
	.header .nav-bar > li a.nav-home{display:none !important;}
	.header .nav-bar > li.nav-home2{display:block !important;}
	.header .nav-trigger{background-repeat: no-repeat; display:block !important; float:left;}
	.header .nav-trigger:hover{text-decoration:none;}
	.header .nav-trigger img{margin:0 1% 0 0;}
	.content{border-radius:0 !important;}
	.content .button{width:100%; margin-top:10px;}
	.content .featured .v-thumb img{height:16% !important;}
	.content .border-r, .content .border-l{border:none !important;}
	.content .half-right, .content .half-right img{width:100% !important; margin-bottom:2%;}
	.content .social{width:100% !important;}
	.content .social li{padding:0 !important;}
	.content .social li a{margin:0; padding:0; font-size:64px!important;}
	.content .form{border-left:none!important; padding-top:20px; padding-bottom:20px;}
	.content .sidebar{margin:2% auto 0;}
	.content .sidebar ul:first-child{margin-right:2%;}
	.content .sidebar ul{width:49% !important; padding:1%; float:left; text-align:center; border-radius:6px;} 
	.content .details{width:100% !important; padding-left:1%; padding-right:1%; padding-bottom:1%; padding-top:1%;}
    .content .details .sub-nav dd{margin-bottom:4px !important;}
    .content .details .date{margin-bottom:0;}
    .content .details .date, .content .details dt, .content .details dd, .content .details dt a, .content .details dd a{font-size:12px !important;}
    .content .result a.button{font-size:16px !important; padding:1%; width:30%;}
    .content .small-form{padding:0 2%;}
    .content .small-form .mobile-three:first-child{padding-left:0px;} 
	.footer{text-align:center;}
	.footer .link-list{width:100%;}
	.footer .link-list li{width:100%; text-align:center; border-bottom:solid 1px; padding:0; margin:0;}
	.footer .link-list li a{padding:2% 0;}
	.footer .link-list li a:hover{text-decoration:none;}
	
	.donation{margin-bottom:10px;}
	.donation:last-child{margin-bottom:0;}
}

/************************************************************************* 
MOBILE SPECIFIC 
**************************************************************************/	
@media only screen and (max-width:320px)
{
   .content .featured .v-thumb img{height:10% !important;}
}
/** END MEDIA QUERIES *****/

/************************************************************************* 
COLORS 
**************************************************************************/	
body {background-color:#223e5a; border-color:#132435 !important; box-shadow:inset 0 2px 3px 0 rgba(0, 0, 0, 0.3);}
h1, h3, h5{color:#188ea8 !important;}
h2, h2 a{color:#6f597c !important}
h4{color:#223e5a;}
h6{color:#222;}
.icon{color:#fff;}
.content .fade{color:#999 !important; float:left;}
.content .details dd:last-child{float:right !important;}
.button, .btn-contain input[type='button']{color:#fff !important; border-color:#574761; background-color:#6f597c; background-image:linear-gradient(top, #8e719f, #6f597c); background-image:-webkit-linear-gradient(top, #8e719f, #6f597c); background-image:-moz-linear-gradient(top, #8e719f, #6f597c); background-image:-o-linear-gradient(top, #8e719f, #6f597c); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#8e719f, endColorstr=#6f597c); } 
.button:hover, .button-small, .btn-contain input[type='button']:hover{background-color:#8e719f !important;}
.button-small {color: white !important; background-color: #6F597C; background-image: linear-gradient(top, #8E719F, #6F597C); background-image: -webkit-linear-gradient(top, #8E719F, #6F597C); background-image: -moz-linear-gradient(top, #8E719F, #6F597C); background-image: -o-linear-gradient(top, #8E719F, #6F597C); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#8e719f, endColorstr=#6f597c); width: auto; border: 1px solid #574761; border-radius:4px; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; cursor: pointer; display: inline-block; font-weight: bold; text-transform:uppercase; line-height: 1; margin: 0; outline: none; padding: 6px 10px; position: relative; text-align: center; text-decoration: none !important; -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out;
 }
.header .head-top, .shelf{background-color:#132435; border-color:#6e869e !important; box-shadow:0 2px 3px 0 rgba(0,0,0,0.3); }
.shelf label{color:#ccc;}
.shelf .closebtn{background-color:#292929 !important; border-color:rgb(66,79,93) !important; box-shadow:none !important;}
.shelf .closebtn:hover{border-color:#9c9c9c !important; box-shadow:inset 0 0 20px rgba(255,255,255,0.2) !important;}
.adminshelf .nav-bar > li a.active{background:#6f597c; border-color:#574761;}
.adminshelf .nav-bar > li:hover{background:rgba(255,255,255,0.2);}
.adminshelf .nav-bar > li a.active, .adminshelf .nav-bar > li a.toggle{padding:0 20px 0 36px;}
.adminshelf .nav-bar > li a.active{box-shadow:inset 0 4px 10px rgba(0,0,0,0.4); text-shadow:0 1px 2px rgba(0,0,0,0.5);}
.shelf a{color:#d7c447;}
.shelf .loginlinks{color:#fff;}
.panelsuccess h5, .panelfail h5, .panelalert h5{color:#D7C447 !important;}
.panelsuccess, .panelfail, .panelalert{box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.4); color:#fff;}
.panelsuccess{background-color:#50a83f; background-image:url(../../Images/responsive/panel_success.png); background-image:url(../../Images/responsive/panel_success.png), -webkit-linear-gradient(top, #50a83f, #2f7424); background-image:url(../../Images/responsive/panel_success.png), -moz-linear-gradient(top, #50a83f, #2f7424); background-image:url(../../Images/responsive/panel_success.png), -ms-linear-gradient(top, #50a83f, #2f7424); background-image:url(../../Images/responsive/panel_success.png), -o-linear-gradient(top, #50a83f, #2f7424); background-image:url(../../Images/responsive/panel_success.png), linear-gradient(top, #50a83f, #2f7424);  border:1px solid #68d253;}
.panelfail{background-color:#8e3636; background-image:url(../../Images/responsive/panel_fail.png); background-image:url(../../Images/responsive/panel_fail.png), -webkit-linear-gradient(top, #8e3636, #a82f2f); background-image:url(../../Images/responsive/panel_fail.png), -moz-linear-gradient(top, #8e3636, #a82f2f); background-image:url(../../Images/responsive/panel_fail.png), -ms-linear-gradient(top, #8e3636, #a82f2f); background-image:url(../../Images/responsive/panel_fail.png), -o-linear-gradient(top, #8e3636, #a82f2f); background-image:url(../../Images/responsive/panel_fail.png), linear-gradient(top, #8e3636, #a82f2f);  border:1px solid #d15050;}
.panelalert{background-color:#282828; background-image:url(../../Images/responsive/panel_alert.png); background-image:url(../../Images/responsive/panel_alert.png), -webkit-linear-gradient(top, #3c3c3c, #282828); background-image:url(../../Images/responsive/panel_alert.png), -moz-linear-gradient(top, #3c3c3c, #282828); background-image:url(../../Images/responsive/panel_fail.png), -ms-linear-gradient(top, #3c3c3c, #282828); background-image:url(../../Images/responsive/panel_alert.png), -o-linear-gradient(top, #3c3c3c, #282828); background-image:url(../../Images/responsive/panel_alert.png), linear-gradient(top, #3c3c3c, #282828);  border:1px solid #666;}
.error small, small.error{background:#A83F3F; box-shadow:0 2px 5px rgba(0,0,0,0.4);}
.panelsuccess h5, .panelfail h5, .panelalert h5{color:#d7c447;}
.panelfail h5, .content .panelsuccess h5, .panelalert h5, .error small, small.error{text-shadow:0 1px 2px rgba(0,0,0,0.5);}
.error-input, input.error, .error textarea, textarea.error{border-color:#A83F3F !important; background:#fff;} 
.header .nav-bar{background:rgba(34,62,90,0.2); border-color:rgba(34,62,90,0.2) !important;}
.header ul.nav-bar > li{background-color:none; border-right:solid 1px rgba(32,64,90,0.2);}
.header .nav-bar > li:hover{background-color:rgba(19,36,53,0.6); }
.header .nav-bar > li > a{color:#d7c447; text-shadow: 0px 1px 0px rgba(174, 159, 60, 0.8);}
.header .nav-bar > li > a:hover, .header .nav-bar > li > a.nav-current{color:#fff; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);}
.header .nav-bar > li > a.nav-current{background-color:#284b59;}
.header .nav-bar > li:first-child{background-color:rgba(34,62,90,0.2);}
.header .nav-bar > li:hover:first-child{background:#d7c447;}
.content{background:#daf0f5; border-color:#73a7b3 !important; box-shadow:0 0 36px 6px rgba(255,255,255,0.4);}
.content .inner-head, .content .inner-head2{border-bottom:solid 1px #188ea8;}
.content .border-l, .content .border-r, .content .result{border-color:#c1e0e6 !important;}
.content .pg-descrip{text-align:center;}
.content .featured, .content .details{background:#b9d6dc;}
.content .result:hover{background-image:linear-gradient(top, #bedfe6, #daf0f5); background-image:-webkit-linear-gradient(top, #bedfe6, #daf0f5); background-image:-moz-linear-gradient(top, #bedfe6, #daf0f5); background-image:-o-linear-gradient(top, #bedfe6, #daf0f5); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#bedfe6, endColorstr=#daf0f5);}
.content .details .date{border-color:#999 !important;}
.content .details .topic{color:#fff; background:#188ea8;}
.content .centerlabel, .content .centerlabel2{background:#C1E0E6; color:#188EA8;}
.content .inline-list .title{color:#6f597c;}
.footer, .footer a{color:#fff;}
.footer a:hover{color:#d7c447;}

/*** DESKTOP SPECIFIC COLORS ********/
@media only screen and (min-width: 768px) 
{
    .header .nav-bar{box-shadow:0 2px 3px 0 rgba(0,0,0,0.3);}
    .header .nav-bar > li{box-shadow:inset 0 1px 1px 0 rgba(255,255,255,0.4) !important;}
    .header .nav-bar > li:hover{box-shadow:none !important;}  
}

/*** TABLET/MOBILE SPECIFIC COLORS *******/
@media only screen and (max-width: 767px) 
{
  .shelf{background-color:#132435; box-shadow: inset 0 -6px 12px 0 rgba(0, 0, 0, 0.3); background-image:linear-gradient(top, #132435, #35495c); background-image:-webkit-linear-gradient(top, #132435, #35495c); background-image:-moz-linear-gradient(top, #132435, #35495c); background-image:-o-linear-gradient(top, #132435, #35495c); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#132435, endColorstr=#35495c);}
   .shelf .nav-bar > li{box-shadow:none !important; border-bottom:1px solid #6e869e !important;}
   .header .nav-bar{box-shadow:0 1px 12px 2px rgba(0,0,0,0.5); background-color:#132435; background-image:linear-gradient(top, #35495c, #132435); background-image:-webkit-linear-gradient(top, #35495c, #132435); background-image:-moz-linear-gradient(top, #35495c, #132435); background-image:-o-linear-gradient(top, #35495c, #132435); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#35495c, endColorstr=#132435);}
   .header .nav-bar > li{border-color:#6e869e !important;}
   .header .nav-bar > li > a, .header .nav-trigger{color:#fff; text-shadow:none !important;}    
   .footer .link-list li{border-color:rgba(255,255,255,0.2) !important;}
   .footer .link-list li a:hover{background:#2b5074;}
}
/************************************************************************* 
SITE CONSTANTS 
**************************************************************************/	

/************************************************************************* 
DESIGN 
**************************************************************************/
body, textarea, input{font-family:"OpenSansRegular", sans-serif !important;}
body{background-image:url(../../Images/responsive/bkgrd.jpg); background-position:top center; background-repeat:no-repeat; border-top:6px solid; line-height:1.6;}
.left{float:left !important;}
.center{text-align:center;}
.hide{display:none;}

.icon, .icon-large, .content .ratingStar{font-family:'simple_web_iconsregular';}
a:hover{text-decoration:underline;}
p{font-size:14px; font-size:1.4rem;}
h1{font-size:28px; text-transform:uppercase; text-shadow:0 0 5px rgba(0,0,0,0.2);}
h2{font-size:18px; font-size:1.8rem;}
h3{font-size:18px; font-size:1.8rem;}
h4{font-size:14px; font-size:1.4rem; font-weight:normal;}
h6{font-size:10px; font-weight:bold; text-transform:uppercase;}
hr{margin-top:0; margin-bottom:10px;}
.small-form h6{color:#188ea8; margin-top:6px;}
p.bold{font-weight:bold;}
.button:hover, .btn-contain input[type='button']:hover{background-image:none !important; filter:none; text-decoration:none !important;} 
.shelf .searchshelf, .shelf .loginshelf, .shelf .adminshelf{display:none;}
.shelf .nav-bar{background:none;}
.shelf .loginshelf .button:hover{text-decoration:none;}
.shelf .closebtn{background:url(../../Images/responsive/icon_close.png) no-repeat center !important; text-indent:-9999px; filter:none !important;}
.shelf .adminshelf .switch{background-image:url(../../Images/responsive/icon_toggle.png); background-repeat:no-repeat;}
.shelf .searchshelf, .shelf .loginshelf, .shelf .adminshelf{overflow:visible;}
.shelf .top-bar{background:none; margin-bottom:0;}
    .shelf .top-bar ul > li.divider{background:#0c151d;}
    .shelf .top-bar ul > li a:hover{text-decoration:none;}
        .shelf .top-bar ul > li.has-dropdown .dropdown, .shelf .top-bar ul > li.has-dropdown .dropdown li, .shelf .top-bar ul > li:hover, .shelf .top-bar ul > li.active{background:#0c151d;}
        .shelf .top-bar ul > li.has-dropdown .dropdown li a:hover{background:#132435;}


.response{padding-top:1%;}
.panelsuccess, .panelfail, .panelalert{overflow:hidden; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}
.panelsuccess, .panelfail, .panelalert{background-repeat:no-repeat;}
.panelsuccess, .panelfail, .panelalert{background-position:1% 6px, 0 0; display:none;}
.error-input, input.error, .error textarea, textarea.error{border-width:2px !important;}
.shelf .nav-bar > li{box-shadow:none !important; border-bottom:1px solid #6e869e !important;}
.header .head-top{border-right:1px solid; border-left:1px solid; border-bottom:1px solid; border-bottom-left-radius:4px; border-bottom-right-radius:4px; -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px;}
.header .head-top a:hover, .header .head-top a.active{background-image:linear-gradient(top, #132435, #35495c); background-image:-webkit-linear-gradient(top, #132435, #35495c); background-image:-moz-linear-gradient(top, #132435, #35495c); background-image:-o-linear-gradient(top, #132435, #35495c); cursor:pointer;}
.header .head-top a.active{box-shadow: inset 1px 0px 0px 0px rgba(255, 255, 255, 0.1), 1px 0px 0px 0px rgba(255, 255, 255, 0.1); z-index:50;}
.header .head-top a:before{background-position:top left;}
.header .head-top a.nav-trigger:before{background-image:url(../../Images/responsive/icon_menu.png);}
.header .head-top a.nav-trigger.active:before{background-image:url(../../Images/responsive/icon_menu2.png);}
.header .head-top a.adminbtn:before{background-image:url(../../Images/responsive/icon_admin.png);}
.header .head-top a.adminbtn.active:before{background-image:url(../../Images/responsive/icon_admin2.png);}
.header .head-top a.loginbtn:before{background-image:url(../../Images/responsive/icon_login.png);}
.header .head-top a.loginbtn.active:before{background-image:url(../../Images/responsive/icon_login2.png);}
.header .head-top a.searchbtn:before{background-image:url(../../Images/responsive/icon_search.png);}
.header .head-top a.searchbtn.active:before{background-image:url(../../Images/responsive/icon_search2.png);} 
.header .logo a img, .header .head_top a img{border:none;}
.header .nav-bar{border-radius:6px; border:1px solid;}
.header .nav-bar > li{border-right:1px solid;}	
.header .nav-bar > li:first-child{border-bottom-left-radius:4px; border-top-left-radius:4px; -moz-border-radius-bottomleft:4px; -moz-border-radius-topleft:4px;}
.header .nav-bar > li:last-child{border-right:none !important; border-bottom-right-radius:4px; border-top-right-radius:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-topright:4px;}
.header .nav-bar > li, .header .nav-bar li:last-child{border:none; box-shadow:none; font-size:16px;}
.header .nav-bar > li > a{font-size:16px;}
.header .nav-home{background:url(../../Images/responsive/icon_home2.png) no-repeat 50% 50%;}
.shelf .adminshelf .nav-bar > li, .shelf .adminshelf .nav-bar > li > a{border-bottom:none !important;}
.content{border:1px solid; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}
.content .featured li{list-style-type:none;}
.content .inner-head h1, .content .inner-head2 h1{font-size:22px; text-transform:uppercase;}
.content h2.title{font-size:28px; margin-top:0;}
.content .result:last-child{border-bottom:none !important;}
.content .result .sub-nav dt, .content .result .sub-nav dd{font-size:10px !important;}           
.content .border-l{border-left:1px solid;}
.content .border-r{padding-right:2%; border-right:1px solid;}           
.content .inline-list{list-style-type:none;}
.content .inline-list .title{font-weight:bold; font-size:1.6rem; font-size:16px;}
.content .result{border-bottom:1px solid;}
.content .result:hover:first-child{border-top-left-radius:6px; border-top-right-radius:6px;}
.content .details .date, .content .details dd, .content .details dt{font-size:10px !important;}
.content .details .date{border-right:1px solid;}
.content .result a.button, .content .details a.button{font-size:12px !important;}
.content .centered{overflow:visible;}
.content .form-highlight{background:#DAF0F5; border-radius:8px;}
.content ul.social{list-style-type:none; overflow:auto;}
.content p.category{font-size:10px; font-size:1.0rem; color:#2BA6CB; padding:0; margin:0; line-height:1.0;}
.content .form-icon a{background-repeat:no-repeat; background-image:url(../../Images/responsive/icon_form.png);
}
.content .flex-video{background:#000;}
.content .audio{background:#f3f3f3;}
.content .flex-video, .content .audio{border:4px solid #fff; border-radius:5px; box-shadow:0 0 2px 0 #666, 0 6px 12px -2px rgba(0,0,0,0.2);}
.content .comment.zebra{background:#C1E0E6; border-radius:6px;}
.content .lr_pager{background:#C1E0E6; border-radius:6px; border:none;}
.content .lr_pager .pecLabel{background:#188ea8; border-radius:4px; color:#fff;}
.content .lr_addCommentsCollapsed{background:#C1E0E6;}
.content dd.feedback{color:#fff;}
.content .comment .author-detail{font-size:12px; font-size:1.2rem;}
.content .comment .author-detail .author{font-weight:bold;}
.content .comment .author-detail .time{color:#999;}
.content .comment ul.user-comment li.like-count{color:Green !important;}
.content .comment .icon-like, .content .icon-dislike{background-image:url(../../Images/responsive/icon_like.png); background-repeat:no-repeat;}
.content .sidebar h6{color:#188ea8; border-bottom:1px solid #C1E0E6;}
.content .sidebar .inline-list .title{font-size:10px !important;}
.content .ratingStar{background-image:url(../../Images/responsive/icon_star.png) !important;}
.content .v-thumb{position:relative; float:left; width:100%; height:100%; overflow:hidden; border:4px solid #fff; border-radius:5px; box-shadow:0 0 0 1px rgba(0,0,0,0.3), 0 2px 6px 0 rgba(0,0,0,0.3);}
.content ul.featured .v-thumb{}
.content .v-thumb a{float:left; width:100%; border:none;}
.content .v-thumb img{max-width: 100%; max-height: 100%; width:100% !important; height:auto !important; border:none;}
ul.social li{text-align:center;}
ul.social li a:hover{cursor:pointer; text-decoration:none;}
ul.social .social-fb{color:#46639f;}
ul.social .social-tw{color:#51a1d9;}
ul.social .social-rss{color:#f89a3b;}
.content fieldset{background:#dbf0f5; border:1px solid #188EA8; padding-bottom:2%;}
.content fieldset legend{background:#188ea8; color:#fff;}
.side{background:none !important; border:solid 1px #b9d6dc !important; border-spacing:0 !important;}
.side tbody tr:nth-child(even){background:#b9d6dc !important;}
.content .profile-bar{background:#B9D6DC;}
.content .profile-bar .circle{background:green; box-shadow:0 1px 3px 0 rgba(0,0,0,0.4); border:2px solid #fff;}
.footer p, .footer li, .footer a{font-size:10px;}
/** END DESIGN ****/

/************************************************************************* 
STRUCTURE 
**************************************************************************/	
.panel{background:#b9d6dc; border:none !important;}
.reg-status p{color:#8e719f; text-align:center; font-size:16px;}
.reveal-modal-bg{z-index:999;}

h6{margin:0; padding-top:0; padding-bottom:0;}
.icon, .icon-large{margin-bottom:0; padding:0;}
.row{position:relative;}
#aspnetForm{margin:0 !important; width:100%; position:relative;}
.shelf{border-bottom:1px solid; position:relative;}
.shelf .nav-bar{margin: 0 0 6px 0; padding:0;}
.shelf .nav-bar li{border:none;}
.shelf .adminshelf, .shelf .searchshelf{padding:0;}
.shelf .loginshelf .button{margin-top:20px;}
.shelf .loginshelf, .shelf .searchshelf, .shelf .adminshelf{position:relative; width:960px; z-index:998;}
.shelf .searchshelf input{margin-bottom:0 !important;}
.shelf .adminshelf .switch{width:30px; height:15px; position:relative; float:left; margin-top:16px; overflow:hidden; background-position:0px 0px;}
.shelf.adminshelf li a.toggle .switch{background-position:0px 0px;}
.shelf .adminshelf li a.active .switch{background-position:-30px 0px;} 
.shelf .loginlinks{margin:1% 0;}
.shelf .logout{text-align:right;}
.panelsuccess h5, .panelfail h5, .panelalert h5, .panelsuccess p, .panelfail p, .panelalert p{width:96%; padding-left:4%;}
.panelsuccess h5, .panelfail h5, .panelalert h5{margin-top:1%; margin-bottom:0;}
.panelsuccess, .panelfail, .panelalert{margin: 6px 0 20px; padding-left:6% !important; color:#fff; overflow:hidden; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}
.error small, small.error {margin-top:-1px !important; margin-bottom:0 !important;}
label{margin-top:6px;}
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea{margin-bottom:0 !important;}
.submit-row{margin-top:2%;}
.header .head-top{position:absolute; top:-1px; right:0;}     
.header .head-top a{position:relative; float:left; padding:10px;}
.header .head-top a:before{width:16px; height:16px; display:block; content:'';}
.header .nav-trigger{display:none;}
.header .eight{margin:6% 0 3% 0; padding:0;}
.header .nav-bar > li.nav-home2{display:none;}
.header .nav-bar{height:auto; position:relative; float:right; margin-bottom:0;}
.header .nav-home{text-indent:-9999px; width:16px;}
.content{padding:2%;}
.content .edit p.icon{color:#188EA8 !important; font-size:26px;}
.content p.icon-large{color:#188ea8 !important; font-size:110px; margin-top:-30px;}
.content .button.upload{width:100%; margin-top:20px;}
.content .featured{width:100%; float:left; padding:1% 0; margin-top:0; border-radius:6px;}
.content .featured li h4{padding:6px 0; margin:0; float:left;}
.content a.th:hover{cursor:pointer;}
.content .half-right, .content .half-right img{float:right;}
.content .inner-head{margin:0 0 2%;}
.content .inner-head2{margin:0;}
.content .inner-head h1, .content .inner-head2 h1{margin-top:0;}
.content .result{padding:1% 0;}
.content .result h2{margin-top:0; margin-bottom:1%;}
.content .sub-nav{margin:0; padding:0;}
.content .sub-nav dt{margin-left:0;}
.content .details dt, .content .details dd{margin-top:1%;}
.content .details{width:100%; float:left; padding:4px 1% 0; margin-bottom:1%;}
.content .details .date{padding-right:1%;}
.content .details .topic{padding:0 6px;}
.content .result a.button{padding:1%; float:right;}
.content .border-r{padding-right:2%;}
.content .inline-list{padding:0 0 0 8px;}
.content .inline-list .title{margin-bottom:4px;}
.content .fb-icon, .content .tw-icon, .content .rss-icon{min-height:32px; width:32px; float:left;}
.content .form{float:left;}
.content #submit{float:right; margin:2% 0 0 0;}
.content textarea{min-height:160px;}
.content .centerlabel{text-align:center; width:100%; margin:0 0 2%; padding:1% 0; font-size:10px; border-radius:4px;}
.content .centerlabel2{text-align:center; width:100%; margin:0 0 2%; padding:1% 0; font-size:20px; border-radius:4px;}
.content .lg-text{font-size:18px; text-align:center;}
.content .small-form{margin-bottom:22px; overflow:hidden;}
.content .form-submit{margin-top:2%; margin-right:4px;}
.content .form-highlight{margin-top:6px; padding:2px 4px;}
.content select{padding:5px; margin:0;}
.content .form-icon{padding-top:20px !important;}
.content .form-icon a{width:32px; height:32px; margin-right:6px; position:relative; float:left;}
.content .form-icon a:last-child{margin-right:0px;}
.content a.uploadbtn{background-position:0px 0px;}
.content a.uploadbtn:hover{background-position:-32px 0px;}
.content a.removebtn{background-position:-64px 0px;}
.content a.removebtn:hover{background-position:-96px 0px;}
.content .flex-video div{position:relative !important; float:left !important; width:100% !important;}    
.content .audio{padding:20px 0 0 0; margin-bottom:20px;}
.content .audio .player{height:60px;}
.content .profile-bar ul.inline-list li:last-child{margin-right:0;}
.content .lr_pager{margin:10px auto 0;}
.content .lr_pager .pecLabel{padding:4px 10px;}
.content .lr_addCommentsCollapsed{padding:8px; margin-bottom:20px;}
.content .lr_addCommentsCollapsed textarea{margin-bottom:6px !important;}
.content .comment{margin:0; padding:10px;}
.content .comment:last-child{margin-bottom:20px;}
.content .comment .author-detail{margin-bottom:8px;}
.content .comment .author-detail .author{margin-right:4px;}
.content .comment ul.user-comment{margin:8px 0;}
.content .comment ul.user-comment li{margin-right:10px;}
.content .comment .icon-like, .content .icon-dislike{position:relative; float:left; width:25px; height:25px;}
.content .comment .icon-like{background-position:top left;}
.content .comment .icon-like:hover{background-position:bottom left;}
.content .comment .icon-dislike{background-position:top right;}
.content .comment .icon-dislike:hover{background-position:bottom right;}
.content .sidebar h6{padding-bottom:6px; margin-bottom:6px;}
.content .sidebar ul.inline-list{margin-bottom:8px; overflow:auto;}
.content .siderbar ul.inline-list:last-child{margin-bottom:0px;}
.content .sidebar ul li{width:100%;}
.content .sidebar .inline-list .title{padding:0px !important;}
.content .sidebar .inline-list{padding:0px !important;}
.content .sidebar .button{width:100%; margin-bottom:16px;}
.content .ratingStar{width:15px !important; height:15px!important; background-image:url(../../Images/responsive/icon_star.png) !important; margin-top:-6px;}
.content .emptyRatingStar{background-position:top left !important;}
.content .filledRatingStar{ background-position:top right !important;}
.content #ratingCountLbl{width:100%;}
.content  dl.sub-nav dd:last-child{float:right;}
fieldset legend{font-weight:normal; padding:4px; border-radius:4px;}
ul.inline-list > li, ul.link-list > li {list-style: none; float: left; margin-right: 22px; display: block;}
.content .profile-bar > li::first-child{margin-left:0;}
.content .profile-bar{padding:8px; margin-top:0; margin-bottom:24px; border-bottom-left-radius:6px; border-bottom-right-radius:6px;}
.content .profile-bar .username{font-weight:bold;}
.content .profile-bar .circle{border-radius:1000px; width:12px; height:12px; margin-top:4px; margin-right:6px; float:left;}
.footer{margin-top:2%;}
.footer a:hover{text-decoration:underline;}
.footer .foot-right ul.link-list{position:relative; float:right;}
/** END STRUCTURE ***/

/************************************************************************* 
CSS TRANSITIONS 
**************************************************************************/	
.header, .header .nav-bar > li, .content .result{-webkit-transition: background-color 0.3s ease-in-out; -moz-transition: background-color 0.3s ease-in-out; -o-transition: background-color 0.3s ease-in-out; transition: background-color 0.3s ease-in-out;}
.shelf .closebtn:hover{-webkit-transition: box-shadow 0.3s linear, border-color 0.6s linear; }