@import url(bootstrap/css/bootstrap.css);
@import url(css/all.css);
@import url(css/tablet.css);
@import url(css/mobile.css);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700);
@-webkit-viewport {width:device-width;}
@-moz-viewport {width:device-width;}
@-ms-viewport {width:device-width;}
@-o-viewport {width:device-width;}
@viewport {width:device-width;}


/*///////////////////////////////////////////////////// TEP SKIN ///////////////////////////////////////////////////////*/

/* Edited by J Mattheson August-September 2016 */ 

/* TEP Skin also uses the following CSS files:
    - all.css
    - bootstrap.css
    - all files located in CSS folder within skin 


 * Table of Contents:
 * 1 - Global Styles
 * 2 - Typography
 * 3 - Design Elements
        3A - Buttons
        3B - Tables
        3C - Containers
 * 4 - Header Area
 * 5 - Main Navigation (Menu)
 * 6 - Main Content Wrapper
 * 7 - Individual Pages
 * 8 - Footer
 * 9 - DNN Admin
 * 10- Pre-packaged styles from Specialty Lime-Green (Original/Parent Skin) 
 */



/*///////////////////////////////////////////// 1. GLOBAL STYLES /////////////////////////////////////////////*/

#Body, body { 
	margin: 0;
	padding: 0; 
	color: #555; 
	width: 100%;
    font-size: 12px;
}

body #form, form { 
	height: 100%; 
	background-color: #fff;
}

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; 
    font-family:'Open Sans', Arial, sans-serif; 
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

a img {
	border: 0;
}

img, object, embed { 
	max-width: 100%;
}

[class^="map"] img, [class*="map"] img,[id^="map"] img, [id*="map"] img, 
[class^="Map"] img, [class*="Map"] img,[id^="Map"] img, [id*="Map"] img, 
table img { 
    max-width: none!important;
}

img { 
	height: auto;
}


/*///////////////////////////////////////////// 2. TYPOGRAPHY /////////////////////////////////////////////*/

/************************ General ***********************/

html, body, .Normal, .NormalTextBox, td, div, p, .Normal, .NormalDisabled, .NormalBold { 
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    color: #222;
}

p { 
	padding: 5px 0;
    margin: 0px;
    font-size: 15px;
    line-height: 1.5;
}

h1 { 
    color: #0374c1;
    font-size: 2.5rem;
    font-weight: 300;
    line-height: 3.5rem;
    margin-bottom: 20px;
}

h2 { 
    color: #0374c1;
    font-size: 1.75rem;
    font-weight: 300;
    line-height: 2.75rem;
    margin-top: 25px;
}

h3 { 
    color: #0374c1;
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 2.25rem;
}

h4 { 
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.9rem;
}

strong, b {
    font-weight: 600;
}

li, ul li { 
    list-style: disc; 
}

.skin_width ol, .skin_width ul {
    font-size: 14px;
    padding-left: 22px;
}

.skin_width ol li, .skin_width ul li {
    padding-left: 10px;
    margin-bottom: 12px;
    line-height: 1.5;
    color: #222;
}

ol li { 
    list-style: decimal;
}

li { 
    margin: 5px 0;
}

li h3 {
    margin-top: 25px;
    margin-bottom: 0;
}

/************************ Links ***********************/

a, a:link {
    font-family: 'Open Sans', sans-serif;
    text-decoration: none;
    color: #0374c1;
}

/********************** Hover & Active *********************/

a:active, a:visited { 
    color: #0374c1;
}

a:hover, a:focus { 
    color: #1cbffc;
}


/*///////////////////////////////////////////////////// 3. DESIGN ELEMENTS ///////////////////////////////////////////////////////*/


/*//////////////////////////////////////////// 3A: Buttons ////////////////////////////////////////////*/

/* Action Button (Yellow) */
.action-button a {
    padding: 9px 35px; 
    color: #333;
    border-radius: 6px;
    margin: 25px 0 10px;
    display: inline-block;
    font-size: 1.1em;
    text-align: center;
    background: rgba(252,231,0,1);
    background: -moz-linear-gradient(top, rgba(252,231,0,1) 0%, rgba(251,192,16,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(252,231,0,1)), color-stop(100%, rgba(251,192,16,1)));
    background: -webkit-linear-gradient(top, rgba(252,231,0,1) 0%, rgba(251,192,16,1) 100%);
    background: -o-linear-gradient(top, rgba(252,231,0,1) 0%, rgba(251,192,16,1) 100%);
    background: -ms-linear-gradient(top, rgba(252,231,0,1) 0%, rgba(251,192,16,1) 100%);
    background: linear-gradient(to bottom, rgba(252,231,0,1) 0%, rgba(251,192,16,1) 100%);
}

.action-button a:hover, .action-button a:focus {
    -webkit-box-shadow: 2px 3px 10px -4px rgba(0,0,0,0.25);
    -moz-box-shadow: 2px 3px 10px -4px rgba(0,0,0,0.25);
    box-shadow: 2px 3px 10px -4px rgba(0,0,0,0.25);
}



/*//////////////////////////////////////////// 3B: Tables ////////////////////////////////////////////*/

table {
    border: 1px solid #ababab;
    border-collapse: collapse;
    width: 65%;
    margin: 15px 0;
}

td, th {
    text-align: left;
    padding: 8px;
    font-size: 14px;
}

tr:nth-child(even) {
    background-color: #eee;
}


@media (max-width: 768px) {
    table {
        width: 100% !important;
        margin: 15px auto;
    }
}


/*//////////////////////////////////////////// 3C: Containers ////////////////////////////////////////////*/


/*********************** Callout Text Box *************************/
.text-box {
    padding: 25px;
    box-sizing: border-box;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    margin: 30px 0;
    width: 60%;
}

@media (max-width: 768px) {
    .text-box {
        width: 95%;
        display: block;
        margin: 30px auto;
    }
}



/*///////////////////////////////////////////////////// 4. HEADER AREA ///////////////////////////////////////////////////////*/
/*                                        Includes: Container, Logo, Title & Branding                                         */


/***************** Header Container *****************/

.upper_header {
    background-color: #0374C1;
    height: 35px;
}

/***************** Logo *****************/

#dnn_webLogo_imgLogo {
    padding-top: 27px;
}

/***************** Top Bar *****************/

/* Upper Bar */
.user_bar { 
    text-align: center; 
    width: 100%; 
    padding: 0px;
    font-size: 1.15em;
    min-height:30px;
}

/***************** Jumbotron *****************/

.Jumbotron {
    margin-bottom: 20px;
}


/**************************** Header Area: Responsive ****************************/

@media (max-width: 1075px) {
    #dnn_webLogo_imgLogo {
        margin-top: 4px;
        width: 105px;
    }
}

@media (max-width: 767px) {
    #dnn_webLogo_imgLogo {
        margin-top: 0;
        padding: 20px 0 15px 15px;
    }

}



/*///////////////////////////////////////////////////// 5. MAIN NAVIGATION ///////////////////////////////////////////////////////*/
/*                      STYLES NOT LOCATED IN THIS DOCUMENT: They are located in "ALL.CSS" UNDER "StandardMenu Style" */

/* Menu Fix */
.breadcrumb {
    padding: 0px !important;
    margin-bottom: 20px;
    list-style: none;
    background-color: #ffffff !important;
    border-radius: 0px;
}




/*///////////////////////////////////////////////////// 6. MAIN CONTENT WRAPPER ///////////////////////////////////////////////////////*/
/*                      Note: ".skin_width" has the same width as the ".container" content wrapper in Bootstrap.css                    */

/*********** Container ***********/

.skin_width, .container { 
    width: 100%;
    position: relative;
    padding: 0 20px; 
}

.container {
    padding-left: 0;
    padding-right: 0;
}

/*********** Container - Responsive ***********/

@media (min-width: 768px) {
    .skin_width, .container {
        width: 100%; 
        padding: 0 25px; 
    }
}

@media (min-width: 992px) {
    .skin_width, .container {
        width: 100%; 
        padding: 0 25px; 
    }
}

@media (min-width: 1200px) {
    .skin_width, .container {
        width: 1050px;
        margin: 0 auto;
    }
}


/*********** Empty Pane ***********/

.DNNEmptyPane { 
    width: 0px;
    padding: 0px;
    margin: 0px;
}


/*///////////////////////////////////////////////////// 7. INDIVIDUAL PAGES ///////////////////////////////////////////////////////*/


/********************* Login Pop-up Window *********************/

/* Title Bar */
.dnnFormPopup .ui-dialog-titlebar {
    background: none !important;
    background-color: #0374C1 !important;
}

.dnnForm .ui-widget-header, 
.dnnFormPopup .ui-widget-header {
    border-bottom: none !important;
}

/* Privacy Policy & Terms of Use Pages */

#dnn_ctr_Terms_lblTerms .SubHead, 
#dnn_ctr_Privacy_lblPrivacy .SubHead {
    color: #0374C1 !important;
    border-bottom: 1px solid #0374C1 !important;
}


/********************* Promotional Text *********************/

.promotion h3 {
    font-size: 19px;
    font-weight: bold;
    text-decoration: underline;
}

.promotion .fas {
    border: 2px solid;
    border-radius: 100%;
    width: 28px;
    height: 28px;
    font-size: 18px;
    text-align: center;
    padding-top: 3px;
    margin-right: 9px;
    float: left;
    color: #0373c1;
}



/*///////////////////////////////////////////////////// 8. FOOTER ///////////////////////////////////////////////////////*/

/* Footer Body */
#dnnfooter {
    padding: 0px 25px 45px;
    margin-top: 50px;
    background: rgba(3,116,196,1);
    background: -moz-linear-gradient(top, rgba(3,116,196,1) 0%, rgba(21,76,140,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(3,116,196,1)), color-stop(100%, rgba(21,76,140,1)));
    background: -webkit-linear-gradient(top, rgba(3,116,196,1) 0%, rgba(21,76,140,1) 100%);
    background: -o-linear-gradient(top, rgba(3,116,196,1) 0%, rgba(21,76,140,1) 100%);
    background: -ms-linear-gradient(top, rgba(3,116,196,1) 0%, rgba(21,76,140,1) 100%);
    background: linear-gradient(to bottom, rgba(3,116,196,1) 0%, rgba(21,76,140,1) 100%);
    color: #fff;
}

#dnnfooter p {
    font-size: 13px;
}

/* FooterGrid Content Panes */
#dnn_FooterGrid3A, #dnn_FooterGrid3B, #dnn_FooterGrid3C {
    padding: 0 30px;
}

/* Bottom Footer Rows */
.row-1, .row-2 {
    text-align: center;
    padding-bottom: 20px;
    color: #d2e5f3;
}

/* First Footer Row */
.row-1 {
    margin-top: 25px;
}

/* Footer Text */
#dnnfooter a, #dnnfooter p, #dnnfooter span, 
#dnnfooter h3, .row-1, .row-2 { 
    color: #d2e5f3;
}

#dnnfooter a:hover, #dnnfooter a:focus { 
    text-decoration: underline;
    color: #d2e5f3;
}

/* Extra Login Name - Do not display */
.userName, #dnnUSER {
    display: none;
}






/*///////////////////////////////////////////////////// 9. DNN ADMIN - DO NOT TOUCH ///////////////////////////////////////////////////////*/


#topLinks                           { text-align: right}
div.form                            { width:500px;text-align:left}
div.form_group                      { text-align:left;margin-bottom:10px;font-size:14px;color:#4b91ae}
div.form_text                       { float:left;margin:0}
p.form_text                         { margin:0 0 3px 0}
textarea.form_text,
input.form_text,
select.form_text                    { color:#333;background:#efefef;border-color:#bbb #bbb #ddd;border-width:2px 1px 1px;padding:0.2em;margin:0 10px 10px 0}
input,select,.SkinObject label      { color:#666;}
.StandardButton                     { color:#666;background:red;border:solid 1px #D1C7BE;line-height:22px;padding:0 10px;height:22px;cursor:pointer}
.NormalTextBox                      { color:#666;padding-left:4px;line-height:12px;font-weight:normal}
td.NormalTextBox                    { padding:0px;margin:0px;background:transparent;visibility:inherit;border:0}
.DataGrid_Container                 { margin-top:15px}
.DataGrid_Header,
.DataGrid_Header td, .NormalBold td { font-weight:bold}
div.FileManager                     { height:auto;border:none}
table.FileManager                   { width:99%;text-align:left;background:#FFF}
.Settings,
.Settings,.WorkPanel,
.ExtensionsContent td, .DNN_HTMLContent,
#dnn_ctr322_ModuleDefinitions_divInstalled{ text-align:left}
#dnn_ctr_Login_pnlLogin table       { float:none;margin:0 auto}
#dnn_ctr_ManageUsers_pnlUser        { text-align:left;min-height:1px}
#dnn_ctr_ManageUsers_pnlUser .Normal,
#dnn_ctr_Terms_lblTerms,
#dnn_ctr_Privacy_lblPrivacy         { line-height:20px}
#dnn_ctr_Terms_lblTerms .SubHead,
#dnn_ctr_Privacy_lblPrivacy .SubHead{ font-size:1.2em;color:#639D36;border-bottom:1px #639D36 solid;line-height:4;margin-top:20px;padding:0px;font-weight:500}
#dnn_ctr979_LogViewer_dlLog td      { text-align:left;white-space:normal;border:1px #fff solid}
.ControlPanel                       { background:#eee;border:none;padding-bottom:10px;overflow:hidden}
.ControlPanel table                 { margin:0 auto}
.StandardButton                     { background:#005984;line-height:24px;font-weight:bold;color:#FFFFFF;border:none;height:24px}
.Head                               { color: #005984;font: bold 1.2em;font-family: 'Open Sans', sans-serif}





/*///////////////////////////////////////////////////// 10. PRE-PACKAGED STYLES FROM SPECIALTY LIME-GREEN ///////////////////////////////////////////////////////*/


/*Bootstrap Reset*/

[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 *{ -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; padding:0; margin:0;}
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;}

/*border styles*/
.left_border{ border-left:1px solid #e9e9e9;}
.right_border{ border-right:1px solid #e9e9e9;}
.top_border{ border-top:1px solid #e9e9e9;}
.bottom_border{ border-bottom:1px solid #e9e9e9;}

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

.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;}

/*--------- 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; }

.dnnFormPopup .ui-dialog-titlebar { 
    min-height: 40px;
    padding: 10px 10px 0;
    color: #fff; 
}

.DNNAligncenter table { margin: 0 auto !important;}