@import url(bootstrap/css/bootstrap.css);
@import url(css/content.css);
@import url(css/flexslider.css);
@import url(css/font-awesome.css);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800);
@-webkit-viewport {width:device-width;}
@-moz-viewport {width:device-width;}
@-ms-viewport {width:device-width;}
@-o-viewport {width:device-width;}
@viewport {width:device-width;}
/*
 * CSS For DotNetNuke Skin by bestdnnskins.com
 * Copyright 2014 By BESTDNNSKINS.COM
 */
/*--------- Global CSS Reset & Standards ----------*/
Body { margin:0;padding:0; background:#ffffff; }
#Body{ background:#ccc;color:#3e474c; }
html,body{ margin:0; padding:0; font:normal 13px/1.5 "Open Sans", Arial, serif; color:#3e474c;}
* {font-family:"Open Sans", Arial, serif;}
Body #Form{ height:100%; }
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {border:0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} a img{border:0;}
img, object, embed, iframe{ max-width: 100%;}
[class*="map"] img,[id*="map"] img,[class*="Map"] img,[id*="Map"] img, table img{max-width:none!important;}
p{ margin:0 0 8px 0; }
img{border:0; height:auto;}

A:link { color :#284473; text-decoration : none; }
A:visited { color :#284473; text-decoration : none; }
A:hover { color :#3e474c; text-decoration:none;  -moz-transition:color 0.2s linear;  -webkit-transition:color 0.2s linear; -o-transition:color 0.2s linear; -ms-transition:color 0.2s linear; transition:color 0.2s linear; }
A:active { color :#284473; text-decoration : none; }

h1{font-size:30px;line-height:1.5em;letter-spacing:0;color:#3e474c;font-weight:800;}
h2{font-size:24px;line-height:1.5em;letter-spacing:0;color:#3e474c;font-weight:400;}
h3{font-size:18px;line-height:1.5em;letter-spacing:0;color:#3e474c;font-weight:800;}
h4{font-size:18px;line-height:1.5em;letter-spacing:0;color:#3e474c;font-weight:600;}
h5{font-size:18px;line-height:1.5em;letter-spacing:0;color:#3e474c;font-weight:400;}
h6{font-size:16px;line-height:1.5em;letter-spacing:0;color:#3e474c;font-weight:800;}

.Head{ font-weight:bold; font-size:15px; }
.SubHead { font-weight:bold;  font-size:14px; }
.SubSubHead{ font-size:13px; }
.Normal { font-size:13px; line-height:1.5em; }

/*Bootstrap Reset*/
[id*="ControlPanel"], [id*="ControlPanel"] *, [id*="ControlPanel"] *:after,
.dnn_mact, .dnn_mact *, .dnn_mact *:before, .dnn_mact *:after,
.dnnActionMenu, .dnnActionMenu *, .dnnActionMenu *:before, .dnnActionMenu *:after,
.TB_Wrapper, .TB_Wrapper * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
[class*="RadAjaxPanel"] *,[class*="Digital"] * { font-size:12px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
ul.list-unstyled, ol.list-unstyled, ul.list-unstyled > li, ol.list-unstyled > li {list-style: none; margin:0;}
ul.row {margin-left: -15px; margin-right: -15px;}
ol, ul {list-style: none;}
ul li { list-style-type:disc; }
ul li li { list-style-type:circle; }
ol li { list-style-type: decimal;}
.nav li { list-style:none!important;}
a{outline:none!important;border:0;}
.btn-primary, .btn-warning, .btn-danger, .btn-success, .btn-info{color:#ffffff!important;}
ul#myTab { padding:0; margin:0; } 
.panel-primary > .panel-heading h3 {color: #ffffff;}
.panel-success > .panel-heading h3 {color: #468847;}
.panel-warning > .panel-heading h3 {color: #c09853;}
.panel-danger > .panel-heading h3 {color: #b94a48;}
.panel-info > .panel-heading h3 {color: #3a87ad;}
.popover {z-index:999;}

/*spacer styles*/
.pe-spacer { clear: both; display: block; margin: 0; min-height: 0 !important;  padding: 0; width: 100%;}
.pe-spacer.size10 { height: 10px;}
.pe-spacer.size20 { height: 20px;}
.pe-spacer.size30 { height: 30px;}
.pe-spacer.size40 { height: 40px;}
.pe-spacer.size50 { height: 50px;}
.pe-spacer.size60 { height: 60px;}
.pe-spacer.size70 { height: 70px;}
.pe-spacer.size80 { height: 80px;}
.pe-spacer.size90 { height: 90px;}
.pe-spacer.size100 { height: 100px;}

/*clear float*/
.clearafter:after{ clear:both; content:"."; height:0px; font-size:0px; visibility:hidden; display:block; }
.clearafter{ display:inline-block; }
.clearafter{ display:block; }
.clear{ clear:both; }
.clear_float{ clear:both;line-height:0;font-size:0;}
.floatl{ float:left;}
.floatr{ float:right;}
.pc_display { display:block;}
.mobile_display { display:none;}

/*--------- Admin Settings Reset ----------*/
.FileManager A, .FileManager A:link, .FileManager A:visited, .FileManager A:active{ color:#000000; text-decoration: underline;}
.FileManager A:hover{ color:#000000; text-decoration:none;}
.dnnPrimaryAction, .dnnFormItem input[type="submit"], a.dnnPrimaryAction, a.dnnPrimaryAction:link { color: #FFFFFF; text-decoration : none;}
.dnnActionMenu span { color:#000000!important;}
.ModuleTitle_SubMenu{ z-index:9999!important; }	
.DnnModule{z-index:inherit;}
.dnnSortable { min-height:0!important; }
.dnnFormPopup .ui-dialog-titlebar { min-height:40px; }
.DNNAligncenter table { margin:0 auto; }
#standardMenu a, #megaMenu a, #leftMenu a { text-decoration:none!important;}
.paneOutline { border:1px dashed #ccc;}


/*--------------------------------------------
               All Design Style                
---------------------------------------------*/
.skin_wrapper {width:100%; margin:0 auto;position:inherit!important;z-index:1;padding:0; background:#fff;}
.skin_width { width:100%; max-width:1140px;min-width:767px;margin:0 auto;position:relative;}

.skin_header{ background:url(images/skin_header_bg.jpg) repeat-x center top #284473;position: relative;min-height:130px;padding:15px 0; }
.header_left { float:left; }
.logo_style{float:left; line-height:100px;}
.headerpane_style{ float:left; padding:5px 10px 10px; }
.header_right { float:right; }

.skin_menu{min-height:60px;position:relative; background:#f3f4f9;border-bottom:solid 1px #dfe0e5;}
.mobile_nav{ display:none;}
.home_link { float:left; border-left:solid 1px #dfe0e5; }
.home_link .fa{ padding:0 22px; font-size:20px; color:#3e474c; line-height:60px;}
.home_link .fa:hover { color:#63b2f5;}
.menu_box{float:left;z-index:999;position:relative;}
.dashboard_style{float:right; background:#a82512;padding:0 15px; min-height:60px; color:#fff; margin:0; font-weight:normal; font-size:16px;line-height:60px;}
.dashboard_style A, .dashboard_style A:link, .dashboard_style A:visited, .dashboard_style A:active{ color:#fff; text-decoration: none;}
.dashboard_style .fa{margin-right:10px;font-size:28px;}

.skin_banner{padding:30px 0; background:#fafbfd; }
.skin_main {min-height:650px;}
.skin_main_inner {background:#efeeea; min-height:650px;}
.skin_content{padding:30px 0;}
.skin_main_padding{padding:0;}
.content_graybg{background:#efeeea; position:relative;}
.content_middlebg { background:#f6f6f6;}

.skin_footer{ background:url(images/footer_bg.jpg) no-repeat center bottom #2d4b79; }
.footerpane_style{padding:0; }
.skin_footer, .skin_footer * { color:#fff;}
.skin_footer A, .skin_footer A:link, .skin_footer A:visited, .skin_footer A:active{ color:#fff; text-decoration: none;}

.footer_bottom{border-top:solid 1px #486186;padding:20px 0 20px;}
.footer_left{float:left;}
.footer_right{ float:right;}

/*page name and breadcrumb*/
.page_name {background:#fafbfd;position:relative; min-height:100px;display:block;}
.pagename_style{background:none;padding-top:10px;}
.pagename_style h1{color:#3e474c;font-size:35px;font-weight:bold;position:relative;z-index:9; margin:0; padding:0; margin:0; }
.breadcrumb_style{color:#ccc;display:inline;padding:6px 0;}
.breadcrumb_style a:hover {color:#63b2f5;}

/*footer style*/
.Footer, A.Footer:link, A.Footer:visited, A.Footer:active { padding:0px 5px; color:#808ca4; font-size:13px; text-decoration:none; }
A.Footer:hover { color:#ccc; text-decoration: none;}

/*--------- StandardMenu style ----------*/
#standardMenu { position:relative;}
#standardMenu ul{ list-style:none; margin:0; padding:0;}
#standardMenu li{ position:relative; display:block; float:left; margin:0; list-style:none;}

#standardMenu .rootMenu li a{ display:block; position:relative; float:none; z-index:10; cursor:pointer; text-decoration:none;}
#standardMenu .rootMenu li.selected a, #standardMenu .rootMenu li.breadcrumb a, #standardMenu .rootMenu li:hover a, #standardMenu .rootMenu li a:hover { text-decoration:none;}
#standardMenu .rootMenu li a span { display:block; padding:0 22px;height:60px; line-height:60px; color:#3e474c; white-space:nowrap; font-size:15px; text-transform:none; border-left:solid 1px #dfe0e5;}
#standardMenu .rootMenu li.selected a span, #standardMenu .rootMenu li.breadcrumb a span, #standardMenu .rootMenu li:hover a span, #standardMenu .rootMenu li a:hover span{color:#63b2f5;}

#standardMenu > .rootMenu > li.haschild > a span { padding-right:27px;}
#standardMenu .rootMenu a span .navarrow{ position:absolute; width:10px; height:36px; right:10px; top:25px; background:url(images/menu_arrows.png) no-repeat 0 0;}

/*-- submenu --*/
#standardMenu .subMenu {position:absolute;left:0; width:200px; top:auto;z-index:1210;display:none;padding:0;}
#standardMenu .subMenu ul{ margin:0; padding:0; position:relative; z-index:1200; background:#f3f4f9; border:1px solid #dfe0e5; border-bottom:none;}
#standardMenu .subMenu li{ float:none; clear:both; background:none; width:100%; padding:0; *margin-bottom:-3px;}
#standardMenu .subMenu li.item a{ border-bottom:1px solid #dfe0e5; padding:0; background:none; }

#standardMenu .subMenu li.item a span{ display:block; background:none; font-size:13px; color:#555; font-weight:normal; white-space:normal; height:auto; line-height:1.5em; padding:10px 15px 10px 15px; text-transform:none; margin:0; border:none;}
#standardMenu .subMenu li.selected > a span, #standardMenu .subMenu li.breadcrumb > a span, #standardMenu .subMenu li.item > a:hover span {background:#none; color:#007aff;cursor:pointer;}
#standardMenu .subMenu .subarrow{ background:url(images/menu-arrow01.gif) no-repeat; position:absolute; right:0; top:15px; width:15px; height:7px;}

#standardMenu ul li ul li ul{ display:none; width:200px; margin:0;}
#standardMenu ul li ul li ul.level1{ display: none;position:absolute;left:198px; top:-1px;}
#standardMenu ul li ul li ul li ul.level2 { display:none;position:absolute;left:198px;top:-1px;}
#standardMenu ul li ul li ul li ul li:hover ul.level3 { display: block;position:absolute;left:198px;top:-1px;}
#standardMenu ul li ul li ul li ul li ul li:hover ul.level4 { display: block;position:absolute;left:198px;top:-1px;}

/*--------- Pane Style ----------*/
.DNNEmptyPane{ display:none!important;}
.dnnpane > [class*="col-md"] { padding:0 15px; }
.bannerpane {}

.bottom_grid9{margin:30px 0;}
.bottom_grid3{margin:30px 0;}
.bottom_grid12{margin:30px 0;}

.footer_grid3a { margin:30px 0 20px;}
.footer_grid3b { margin:30px 0 20px;}
.footer_grid3c { margin:30px 0 20px;}
.footer_grid3d { margin:30px 0 20px;}
.footerTopPane { margin:30px 0 20px;}

/*--------- Scroll Top Style ----------*/
#top-link { background:url(images/scroll_top.png) no-repeat center center #9CB5DD; border:none; border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px; bottom:20px; right: 50px; display:block; height:40px; padding:0; width:40px; position: fixed; text-decoration: none; z-index: 903; }

/*--------- Font Awesome ----------*/
.fa_icon_wrapper { padding:0 15px; margin:20px 0 40px;}
.fontawesome-icon-list [class*="col-md-"] { padding:15px 20px; border:1px solid #f2f2f2;  margin: -1px 0 0 -1px; color:#666; }
.fontawesome-icon-list [class*="col-md-"]:hover { color:#049AD9;}
.fontawesome-icon-list span.fa {font-size:22px;margin-right: 5px; width: 30px; position: relative;top: 2px;}

/*login panel*/
.login_wrapper { background:#777777; background:rgba(255,255,255,.1); padding:15px 10px 20px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}
.login_wrapper h3{color:#fff; font-size:14px;color:#fff; font-weight:normal;margin:0 0 3px;}
.login_user, .login_pw, .login_btn{float:left;}
.login_wrapper input{width:190px; padding: 0 10px;height:35px;float: left; border:solid 1px #e5e5e5; border-right:none; border-radius:3px; color:#3e474c;outline:none; margin-right:10px;}
.login_btn{margin-top:8px;}
.login_btn a{padding:9px 15px; background:#63b2f5; border-radius:3px; -webkit-border-radius:3px;-moz-border-radius:3px;} 
.login_btn .fa{ font-size:15px;color:#fff;}


/*--------- CSS Reset for Tablet ----------*/
@media handheld, only screen and (max-width: 1140px){
.logo_style { padding:0 15px 10px; }
.skin_content{padding:30px 15px;}
.skin_main_padding{padding:0 15px;}
.footerpane_style{padding:0 15px; }
.home_link .fa{ padding:0 10px;}
#standardMenu .rootMenu li a span { padding:0 10px; }
#standardMenu > .rootMenu > li.haschild > a span { padding-right:22px;}
}

@media handheld, only screen and (max-width: 992px){
.skin_wrapper { width:auto!important; margin:0 auto; max-width:768px;}
.header_left { float:none; } 
.headerpane_style{ padding:5px 15px; }
.header_right { float:none; width:100%; padding:5px 15px;}
.menu_box{display:none;float:none;}
.home_link {display:none; }
.dashboard_style{float:none;position:absolute;top:0;right:0;}
.page_name{padding:0 15px;}
.pagename_style h1{ font-size:30px; }
.skin_footer{text-align:center;}
.footer_left{float:none;padding-bottom:20px; padding-left:0;}
.footer_right{float:none; padding:0;}

/*mobile menu*/
.mobile_nav { display:block; position:relative; width:40px; height:60px; top:10px; left:10px;}
.menuclick { background:url(images/btn_menu.png) no-repeat center center; width:40px; height:40px; padding:0;margin-left:0; display: block; text-decoration: none; border:none; padding-top:20px 0;}

/*--------- StandardMenu style ----------*/
#standardMenu li{ float:none; border-bottom:1px solid #fff; border-bottom:1px solid #999; }

#standardMenu .rootMenu li a{ background:#6b6b6b;}
#standardMenu .rootMenu li.selected a, #standardMenu .rootMenu li.breadcrumb a, #standardMenu .rootMenu li:hover a, #standardMenu .rootMenu li a:hover { background:#274470;}
#standardMenu .rootMenu li a span { padding:0 20px; color:#FFFFFF!important; font-size:14px;font-weight:600;height:38px; line-height:38px; border:none; }

#standardMenu .rootMenu a span .navarrow, #standardMenu > .rootMenu > li.haschild:hover > a span .navarrow{ position:absolute; width:60px; height:38px; right:0; top:0; background:url(images/mobile_navarrow.png) no-repeat center 0;}
#standardMenu .rootMenu a span .navarrow2, #standardMenu > .rootMenu > li.haschild:hover > a span .navarrow2{ background-position:center -42px!important;}

/*-- submenu --*/
#standardMenu .subMenu{ position:static; width:auto; padding:0; }
#standardMenu .subMenu ul{ background:none; border:none;}
#standardMenu .subMenu ul li {border:none;}
#standardMenu .subMenu li.item a{ background:#f5f5f5; border-bottom:1px solid #ccc; border-bottom:1px solid rgba(0,0,0,.1); }
#standardMenu .subMenu li.selected > a, #standardMenu .subMenu li.item a:hover { background:#ddd;}
#standardMenu .subMenu li.item a span{ padding:0 15px 0 25px; color:#333!important; font-weight:normal; background:none; height:35px; line-height:35px;}
#standardMenu .level1 li.item a span{ padding-left:40px; }
#standardMenu .level2 li.item a span{ padding-left:55px; }
#standardMenu .level3 li.item a span{ padding-left:70px; }
#standardMenu .subMenu .subarrow{ display:none; background:none;}

#standardMenu ul li ul li ul{ display:block;width:auto;}
#standardMenu ul li ul li ul.level1{ display: block; position:static; left:auto; top:auto;}
#standardMenu ul li ul li ul li ul.level2 { display: block; position:static; left:auto; top:auto;}
#standardMenu ul li ul li ul li ul li ul.level3 { display: block; position:static; left:auto; top:auto;}
#standardMenu ul li ul li ul li ul li:hover ul.level3 { display: block;position:static;left:auto;top:auto;}
}

/*--------- CSS Reset for Mobile ----------*/
@media handheld, only screen and (max-width: 767px) {
body {-webkit-text-size-adjust:none;}
.skin_wrapper { width:auto!important; min-width:300px;}
.skin_width,body{width:100%;min-width:0;}
.floatl, .floatr{ float: none;}
.pc_display {display:none;}
.mobile_display { display:block;}

.logo_style{float:none; text-align:center; }
.headerpane_style{ float:none; text-align:center; margin:0 auto;  }

.page_name { min-height:40px; padding-top:0;}
.pagename_style h1{font-size:20px;line-height:30px; padding-bottom:10px; }
.breadcrumb_style{display:none;}

/*login panel*/
.login_wrapper input{width:130px;}

/* DNN Default Style Reset */
.dnnFormPopup { width: 90%!important;}
.LoginPanel, .dnnLogin  {width:auto; max-width:480px;}
.dnnLogin  .dnnForm  {min-width: 0; width:auto;}
.dnnLogin  .dnnFormLabel { width:auto; }
.LoginPanel .dnnPrimaryAction{margin-left:82px;}
.LoginPanel .dnnLoginRememberMe{padding-left:82px;}
#dnn_ctr_Login_UP .dnnForm {min-width:280px; width:auto;}
div.dnnRegistrationForm .dnnForm {width:auto;}
div.dnnRegistrationForm .dnnFormItem label, div.dnnRegistrationForm .dnnFormItem .dnnFormLabel, div.dnnRegistrationForm .dnnFormItem .dnnTooltip {width:110px;}
#dnn_ctr_Register_UP  .dnnForm {min-width:280px; max-width:480px; width:auto;}
}

@media handheld, only screen and (max-width: 550px) {
/*login panel*/
.login_wrapper { padding:10px 5px 10px 5px;}
.login_wrapper h3{font-size:12px;margin:0;}
.login_user, .login_pw, .login_btn{float:none;}
.login_wrapper input{width:80%; height:25px;margin-bottom:8px;}
.login_btn a{padding:3px 15px; } 
.login_btn .fa{ font-size:13px;}
}


/*--------- Retina Styles ----------*/
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (-moz-min-device-pixel-ratio: 2),
       only screen and (-o-min-device-pixel-ratio: 2/1),
       only screen and (min-device-pixel-ratio: 2) {
.menuclick { background-image:url(images/retina/btn_menu@2x.png); -webkit-background-size:29px 19px; -moz-background-size:29px 19px; background-size:29px 19px; }
#standardMenu .rootMenu a span .navarrow, #standardMenu > .rootMenu > li.haschild:hover > a span .navarrow, 
#standardMenu .rootMenu a span .navarrow2, #standardMenu > .rootMenu > li.haschild:hover > a span .navarrow2
{background-image:url(images/retina/mobile_navarrow@2x.png); -webkit-background-size:17px 80px; -moz-background-size:17px 80px; background-size:17px 80px;}
}