/* Document CSS
----------------------------------------------------------------------------- */
::-moz-selection{ background:#003333; color:#fff;}
::selection{ background:#003333; color:#fff;}
*{ margin:0; padding:0;}
body{ background:#fafafa; height:100%; font-family:'Lato','Lucida Grande','Lucida Sans Unicode',Tahoma,Arial,san-serif; font-size:14px; font-weight:300; line-height:1.5em; color:#333;}
a{ outline:0; border:0;}
a:link, a:active, a:visited{ color:#333; outline:none; text-decoration:none;}
a:hover{ color:#003333; text-decoration:underline;}
ul, ol{ margin:0; padding:0;}
ul, ul li{ list-style:none;}
img { max-width:none; border:0; -ms-interpolation-mode: bicubic;}

h1,h2,h3,h4,h5,h6{ font-weight:normal; line-height:1em; margin:0; padding:5px 0;}
h1{ font-size:28px}
h2{ font-size:25px;}
h3{ font-size:22px;} 
h4{ font-size:18px;}   
h5{ font-size:16px;}
h6{ font-size:14px;}

.mar-t-10{ margin-top:10px!important;}
.mar-t-20{ margin-top:20px!important;}
.mar-t-30{ margin-top:30px!important;}
.mar-t-40{ margin-top:40px!important;}
.mar-t-50{ margin-top:50px!important;}
.mar-r-10{ margin-right:10px!important;}
.mar-r-20{ margin-right:20px!important;}
.mar-r-30{ margin-right:30px!important;}
.mar-r-40{ margin-right:40px!important;}
.mar-r-50{ margin-right:50px!important;}
.mar-b-10{ margin-bottom:10px!important;}
.mar-b-20{ margin-bottom:20px!important;}
.mar-b-30{ margin-bottom:30px!important;}
.mar-b-40{ margin-bottom:40px!important;}
.mar-b-50{ margin-bottom:50px!important;}
.mar-l-10{ margin-left:10px!important;}
.mar-l-20{ margin-left:20px!important;}
.mar-l-30{ margin-left:30px!important;}
.mar-l-40{ margin-left:40px!important;}
.mar-l-50{ margin-left:50px!important;}

.position-r{ position:relative!important;}
.position-a{ position:absolute!important;}
.position-f{ position:fixed!important;}

.pane-padding{ padding:10px 0;}

/* DNN Reset */
.DNNEmptyPane{ display:none;}
[id^="ControlPanel"], [id*="ControlPanel"], [id^="ControlPanel"] *, [id*="ControlPanel"] *, [id^="ControlPanel"] *:after, [id*="ControlPanel"] *:after, .dnn_mact, .dnn_mact *, .dnn_mact *:before, .dnn_mact *:after,.dnnActionMenu, .dnnActionMenu *, .dnnActionMenu *:before, .dnnActionMenu *:after, .TB_Wrapper, .TB_Wrapper *, .ui-dialog-titlebar, .dnnActionMenuBorder{ -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
[class^="RadAjaxPanel"] *, [class*="RadAjaxPanel"] *, [class^="Digital"] *, [class*="Digital"] * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; font-size:12px;}
ul.list-unstyled, ol.list-unstyled, ul.list-unstyled > li, ol.list-unstyled > li { list-style:none; margin:0;}

/* Boxed
----------------------------------------------------------------------------- */
.wrapper-boxed{ background:url(../images/patterns/pattern-9.png); padding:30px 0;}
.boxed-inner{ background:#fff; width:auto; max-width:1200px; margin:0 auto; box-shadow:0 0 2px 2px rgba(0,0,0,.1); -webkit-box-shadow:0 0 2px 2px rgba(0,0,0,.1); -moz-box-shadow:0 0 2px 2px rgba(0,0,0,.1);}

/* Header
----------------------------------------------------------------------------- */
#wrapper{ position:relative; background:#fff;}

.header-line{ background:#003333; height:3px;}
header{
	position:relative;
	padding-top: 30px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}
.logo{
	float:left;
	padding:0;
	margin-bottom: 0px;
}

/* Register & Login */
.user-profile{ position:absolute; right:0; top:15px; height:30px;}
.user-profile .registerGroup, .user-profile .registerGroup *, .user-profile .loginGroup, .user-profile .loginGroup *{ display:block;} 	
.user-profile .registerGroup, .user-profile .loginGroup{ float:left; padding:0; margin:0;}
.user-profile .registerGroup li{ float:left; height:30px; border:none;}
.user-profile .registerGroup a, .user-profile .loginGroup a{ display:block; position:relative; background:#FFDB3D; padding:0 15px; min-width:15px; height:35px; line-height:35px; font-weight:normal; font-size:12px; vertical-align:middle; color:#333;}
.user-profile .registerGroup a:hover, .user-profile .loginGroup a:hover{ color:#003333; text-decoration:none;}
.user-profile .registerGroup a span{ display:inline-block; position:absolute; right:0; top:0; padding:0 4px; min-width:7px; text-align:center; margin-right:3px; background: rgb(31,152,241); font-size:9px; color:#fff;}
.user-profile .registerGroup a strong, .user-profile .loginGroup a strong{ display:block; position:absolute; left:0; top:0; width:100%; height:100%; font-size:12px; font-weight:normal; vertical-align:baseline; overflow:hidden; text-indent:-9999px;}	
.registerGroup .userMessages strong, .registerGroup .userNotifications strong{ background:url(../images/userLoginSprite.png) no-repeat 15px 14px;}
.registerGroup .userMessages strong:hover{background-position:15px -37px;}
.registerGroup .userMessages strong:active{background-position:15px -88px;}
.registerGroup .userNotifications strong{ background-position:-85px 12px;}
.registerGroup .userNotifications strong:hover{ background-position:-85px -39px;}
.registerGroup .userNotifications strong:active{ background-position:-85px -89px;}
.user-profile .registerGroup .userProfileImg a{ padding:0; background:none; min-width:25px;}
.user-profile .registerGroup a img{ height:30px; width:30px; opacity:0.8;}
.user-profile .loginGroup{ border-left:1px solid #fff;}
.user-profile .loginGroup a{ padding:0 15px; font-weight:normal;}

/* Search */
.search{ position:relative; float:right; border:1px solid #e8e8e8; margin:40px 0 0 0;}
.search-box{ position:relative; height:38px;}
.search-box span{ display:block; position:relative;}
.search-box .searchInputContainer{ margin-right:0!important;}
.search-box input{ display:block; position:relative; float:left; background:#fff; width:210px; margin:0; padding:0 45px 0 5px; height:38px; border:none; color:#888; font-size:13px; font-weight:normal; box-shadow:none; border-radius:0;}
.search-box a{ display:block; position:absolute; right:0; top:0; background:url(../images/SearchIconBlack.png) no-repeat center center #f5f5f5; width:42px; height:38px; border-left:1px solid #e5e5e5; text-indent:-9999px; opacity:0.6; z-index:21;}
.search-box a:focus{ outline:none!important;}

/* Navigation */
nav{ position:relative; background:#404144; height:53px; margin:5px 0;}
.mobile-nav-btn{ display:none;}
.mobile-nav{ display:none;}

/* Breadcrumb */
.breadcrumb-section{ background:#fafaf6; margin:20px 0 0 0; height:53px; line-height:50px; padding:0 15px;}
.leftside-breadcrumb-section{ margin:0;}
.breadcrumb-left{ float:left; font-size:18px; color:#003333;}
.breadcrumb-right{ float:right; color:#888;}
.breadcrumb-right a{ font-size:14px; color:#888; font-weight:100; padding:0 8px;}
.breadcrumb-right a:hover{ color:#003333;}

/* Content
----------------------------------------------------------------------------- */
.banner{ position:relative; margin:20px 0; width:100%;}
.content{ height:auto; min-height:550px; padding:25px 0;}
.InnerContent{ padding-top:20px;}
.ContentPadding{ padding:20px 0;}
.FullWidthBgTwo{ background:#003333;}
.FullWidthBgThree{ position:relative; background-attachment:fixed; background-image:url(../images/FullBg.jpg); background-repeat:no-repeat; background-size:cover; width:100%; color:#fff;}
.FullWidthBgThree:after{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(56,180,157,.8); content:'';}

.left-side-menu{ margin-top:15px; padding-bottom:20px;}
.left-side-content{ padding:15px 0;}

/* Footer
----------------------------------------------------------------------------- */
footer{ background:#fafafa;}
.footer-content{ color:#333!important;}
.footer-row{ position:relative; min-height:90px; line-height:90px; color:#888!important;}
.copyright{ text-align:center;}
.copyright .SkinObject{ font-weight:100; font-size:14px;}
.copyright a{ margin-left:10px; color:#888; font-size:14px; font-weight:100;}
.copyright a:hover{ color:#003333; text-decoration:none;}

/* Back Top */
a.back-top{ position:fixed; right:50px; bottom:80px; background:rgba(0,0,0,.05); height:70px; line-height:70px; width:70px; margin:0 auto; overflow:hidden; text-align:center; font-size:16px; color:#333 ; text-decoration:none; transition:background ease 0.3s; z-index:9999;}
a.back-top:hover{ background:#003333; color:#fff;}

/*--------------------------------------------------------------------------- */
/* Responsive Staff */
/*--------------------------------------------------------------------------- */
@media only screen and (max-width: 1200px) {
.wrapper-boxed{ padding:0;}
}

@media only screen and (max-width: 768px) {
/* Header
----------------------------------------------------------------------------- */
.header-line{ display:none;}
header{ position:relative; padding:10px 0 25px;}
.logo{ float:none; margin:55px 0 5px 0; text-align:center;}

/* Register & Login */
.user-profile{ position:absolute; left:0; right:auto; top:0; height:38px; width:100%; background:#FFDB3D;}
.user-profile .registerGroup, .user-profile .registerGroup *, .user-profile .loginGroup, .user-profile .loginGroup *{ display:block;} 	
.user-profile .registerGroup, .user-profile .loginGroup{ float:left; padding:0; margin:0;}
.user-profile .registerGroup li{ float:left; height:38px; border:none;}
.user-profile .registerGroup a, .user-profile .loginGroup a{ display:block; position:relative; background:#FFDB3D; padding:0 15px; min-width:15px; height:38px; line-height:38px; font-weight:normal; font-size:12px; vertical-align:middle; color:#333;}
.user-profile .registerGroup a:hover, .user-profile .loginGroup a:hover{ color:#003333; text-decoration:none;}
.user-profile .registerGroup a span{ display:inline-block; position:absolute; right:0; top:0; padding:0 4px; min-width:7px; text-align:center; margin-right:3px; background: rgb(31,152,241); font-size:9px; color:#fff;}
.user-profile .registerGroup a strong, .user-profile .loginGroup a strong{ display:block; position:absolute; left:0; top:0; width:100%; height:100%; font-size:12px; font-weight:normal; vertical-align:baseline; overflow:hidden; text-indent:-9999px;}	
.registerGroup .userMessages strong, .registerGroup .userNotifications strong{ background:url(../images/userLoginSprite.png) no-repeat 15px 15px;}
.registerGroup .userMessages strong:hover{background-position:15px -37px;}
.registerGroup .userMessages strong:active{background-position:15px -88px;}
.registerGroup .userNotifications strong{ background-position:-85px 13px;}
.registerGroup .userNotifications strong:hover{ background-position:-85px -39px;}
.registerGroup .userNotifications strong:active{ background-position:-85px -89px;}
.user-profile .registerGroup .userProfileImg a{ padding:0; background:none; min-width:25px;}
.user-profile .registerGroup a img{ height:38px; width:38px; opacity:0.8;}
.user-profile .loginGroup{ border-right:1px solid #fff;}
.user-profile .loginGroup a{ padding:0 15px; font-weight:normal;}

/* Search */
.search{ float:right; border:1px solid #e1e1e1; margin:24px 0 0 0;}
.search-box{ position:relative; height:38px;}
.search-box span{ display:block; position:relative;}
.search-box .searchInputContainer{ margin-right:0!important;}
.search-box input{ display:block; position:relative; float:left; background:#fff; width:200px; margin:0; padding:0 45px 0 5px; height:38px; border:none; color:#888; font-size:13px; font-weight:normal; box-shadow:none; border-radius:0;}
.search-box a{ display:block; position:absolute; right:0; top:0; background:url(../images/SearchIconBlack.png) no-repeat center center #f5f5f5; width:40px; height:38px; border-left:1px solid #e1e1e1; text-indent:-9999px; opacity:0.6;}

/* Navigation */
nav{ display:none;}
.mobile-nav-btn{ display:block; float:left; background:#003333; width:48px; height:40px; line-height:40px; margin:24px 0 0 0; color:#fff; text-align:center; font-size:20px; cursor:pointer;}
.mobile-nav{ display:none;}

/* Content
----------------------------------------------------------------------------- */
.ContentPadding{ padding:10px;}
.left-side-menu{ display:none; margin:0;}

/* Footer
----------------------------------------------------------------------------- */
.footer-row{ line-height:2em; padding:40px 0 10px;}
.footer-nav{ float:none; text-align:center;}
.copyright{ float:none; text-align:center;}

/* Back Top */
a.back-top{ right:20px; bottom:20px;}
}