* {
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
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,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    font-weight: normal;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	background: #fff;
}
body, th, td, p, a, h1, h2, h3, h4, h5, h6 { font-family: 'Roboto', 'Helvetica-Neue', Helvetica, Arial; }

body, td, th, textarea, input
{
    color: #2c2c2c;
    font-size: 15px;
    line-height: 16px;
    margin: 0px;
    padding: 0px;
}
strong { font-weight: bold }
em { font-style: italic;}
p, h1, h2, h3, h4, h5
{
    line-height: 1.3em; 
    padding-bottom: 20px;
}
h1
{
	color: #17b1dd;
    font-size: 24px;
    font-weight: 100;
    line-height: 1.2em;
    margin: 10px 0px 20px 0px;
}
.h1
{
	color: #17b1dd;
    font-size: 24px;
    line-height: 1.3em;
    font-weight: 100;
}
.h1color
{
    color: #17b1dd;
}
h2, .h2, a.h2
{
	color: #17b1dd;
	font-size: 18px;
	line-height: 1.2em;
    font-weight: 100;
}
h3, .h3, span.h3
{
    color: #29529c;
    font-weight: bold;
    font-size: 11pt;
    line-height: 1em;
    margin-top: 15pt;
}

h4, .h4
{
    color: #17b1dd;
    font-size: 12pt;
    line-height: 0.9em;
    margin-top: 15pt;
}
h5
{
    color: #c2813b;
    font-size: 11pt;
    text-transform: uppercase;
}
a
{
    color: #17b1dd;
    text-decoration: none;
}
a:hover
{
    color: #37bde4;
    text-decoration: underline;
}
a.sm
{
    font-size: 11px;
}
a.sm:hover
{
    font-size: 11px;
}
ol, ul {
	list-style: none;
}
#tabcontent ul { 
    list-style: circle; 
	margin-left: 30px; 
	margin-bottom: 20px;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}



.button, input.button
{
    background: #000;
    padding: 8px 25px;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    border: 0;
    border-radius: 5px;
    cursor: pointer;
}


select, .chosen-single {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border: 1px solid #bbbbbb;
    padding: 4px 8px !important;
    height: 32px !important;
    background: #fff !Important;
    -webkit-appearance: none;
}
select:focus {
	outline: none;
	border: 1px solid #000;
}
textarea, input[type="text"], input[type="email"], input[type="password"] {
    border: 1px solid #bbbbbb;
    padding: 8px 4px;
    background: #fff;
    border-radius: 5px;
}
textarea:focus, input[type="text"]:focus, input[type="email"]:focus,  input[type="password"]:focus 
{ 
	outline: none;
	border: 1px solid #000;
}
.LargeSelect {  font-size: 24px; }

/* 
----------------------------------------------------------------------------
   STRUCTURE
*/

#header {
    width: 100%;
    height: 48px; 
    display: block;
    background: #efedee;
}
#footer { 
    padding: 20px 0; 
    width: 100%; 
    text-align: center;
    font-size: 11px;
    color: #848484;
}
.content
{
    margin: 20px auto;
    width: 92%;
}
.border-box {
    padding:25px;
    border:1px solid gray;
    border-radius:10px;
    margin-bottom:25px;
}
td.formCol1
{
    width: 25%; /* 210px; */
    text-align: right;
    padding: 2px;
}
td.formCol2
{
    width: 70%; /* 315px; */
    text-align: left;
    padding: 2px;
}
.row
{
    clear: both;
}
.row:nth-of-type(even) 
{
    background: #f0f0f0
}
.row.thirds1 { margin: 0 }
.row.thirds1>div:nth-of-type(odd)
{
    float: left;
    width: 35%;
    max-width: 200px;
    padding: 11px 0 5px 0;
    padding-right: 1%;
    text-align: right;
}
.row.thirds1>div:nth-of-type(even)
{
    float: left;
    width: 60%;
    padding: 5px 0;
    padding-right: 3%;
}
td.formCol1 input[type="text"], td.formCol1 textarea, td.formCol2 input[type="text"], td.formCol2 textarea,
.row.thirds1 input[type="text"], .row.thirds1 textarea { width: 90%; padding: 4px 3px; }
 

tr.row1 { background: #f0f0f0 }
.infobox td.formCol1
{
    width: 150px;
    text-align: right;
    padding: 2px;
}
.infobox td.formCol2
{
    width: 250px;
    text-align: left;
    padding: 2px;
}
.notice 
{ 
    position: fixed; 
    top: 20px; right: 20px; 
    z-index: 999999;
    display: none;
    width: 220px;
    padding: 16px;
    background: rgba(0,0,0,0.8);
    color: #fff;
    -moz-border-radius: 11px;
	-khtml-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	font-size: 17px;
}


/*************************************************************************
 NAV  */
.navbar-default { background-color: Transparent }
ul.nav li { display: inline }
ul.nav a
{
    color: #17b1dd;
    text-decoration: none;
    padding: 8px 16px;
    font-size: 12px;
	height: 28px;
	margin-top: 0px;
}
ul.nav a:hover
{
    color: #fff;
    background: #17b1dd; 
    
}
.logo { display: inline }


.navbar-brand { padding: 9px 10px 0 20px; }
.navbar .collapse .navbar-nav {  }
/* STANDARD DESKTOP NAVBAR */

.navbar .collapse .navbar-nav > li > a { color: #000; font-size: 19px; font-weight: lighter;  }
.navbar .collapse .navbar-nav > li > a:hover { color: #EEB32D; }

/* NAVBAR COLLAPSED STYLE - .in */

/* 
.navbar .in ul.nav
.navbar .in ul.nav li { width: 100%; background: #f0f0f0; color: #000; margin: 0; border-top: 1px solid #fff;border-bottom: 1px solid #d0d0d0;background: #f7f7f7;}
.navbar .in .navbar-nav > li > a, .navbar .in .navbar-nav > li > a:hover {color: #000;}
.navbar .in ul.nav li:hover { color: #000; background: #dfdfdf; }
.navbar, .navbar-header
{
    height: 95px;
}
*/


/*****************************************************************
  TABS 
*/
#tabs { width: 100%; position: relative; z-index: 98; margin-top: 0px; }
#tabs div.menu-item
{
    display: inline;
    cursor: pointer;
    text-decoration: none;
    color: #4a4a4a;
    padding: 8px 16px 25px 16px;
    /* background: url(../images/bg_tab2.jpg); */
    background: #f0f0f0; 
    border-right: 2px solid #fff;
    
}
#tabs div.menu-item:hover { background: #e3e3e3; cursor: pointer; }
#tabs div.menu-item-active, #tabs div.menu-item-active:hover
{
    width: auto;
    display: inline;
    cursor: pointer;
    text-decoration: none;
    color: #fff;
    padding: 8px 16px 25px 16px;
    background: #33adea;
    
}
#tabmenu h1 { display: inline; margin: 0px 17px 10px 17px; line-height: 0.7em }
.tabbox { width: auto;  }
#tabmenu  
{
    text-align: left;
    width: 100%;
    display: block;
    height: 47px;
    padding: 12px 0 0 0;
    margin: 0px;
    z-index: 2;
    background: #fff; 
	/* background: -moz-linear-gradient(#f9f9f9, #d9d9d9);
	background: -o-linear-gradient(#f9f9f9, #d9d9d9);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#d9d9d9)); 
	background: -webkit-linear-gradient(#f9f9f9, #d9d9d9); */
}

#tabcontent
{
    width: 100%;
    margin-top: -5px;
    position: relative;
    /* margin-top: -20px; */
    padding: 0px;
    height: auto;
    z-index: 99;
    /* position: absolute;
    top: 50px;
    left: 0px; */
    background: #fff;
}
.tabpad { padding: 12px }
.top-bar { padding: 12px; background: #33adea; color: #fff; font-weight: bold; } 
.top-bar, .top-bar input, .top-bar select { font-size: 11px; }
.top-bar select { max-width: 130px }
.content.top-bar { margin: 0 }
.bottom-bar { background: #75c7ee url(../images/bg_adbox1.jpg) repeat; color: #fff; font-weight: bold; font-size: 20px; }

/*****************************************************************
 Gridview
*/
#gv
{
    height: auto;
    overflow-y: scroll;
}
#gv th, .gv th
{
    color: #888888;
}
#gv tr.bgGV a, .gv tr.bgGV a
{
    color: #888888;
}

#gv tr.bgGV a:hover, .gv tr.bgGV a:hover
{
    color: #000000;
}

#gv tr
{
    background-color: #fff; 
    border-bottom: 1px solid #f0f0f0;
    border-top: 1px solid #fff;
}
#gv tr:hover { border-bottom: 1px solid #000; border-top: 1px solid #000 }



#gv td a, .gv td a
{
    color: #1f6f92;
}

#gv td, .gv td
{
    padding: 3px 8px;
    font-size: 11px;
}

#gv tr.otheruser td, .gv tr.otheruser td, #gv tr.otheruser td a, .gv tr.otheruser td a
{
    color: #999999;
}

#gv td input, .gv td input { font-size: 11px; width: 75px }
#gv td input[type=checkbox] { width: 18px }
#gv td .notes, .gv td .notes, #gv td.notes, .gv td.notes { width: 250px; display: block; }
#gv td .notesLG, .gv td .notesLG, #gv td.notesLG, .gv td.notesLG  { width: 350px; display: block; }
#gv table, #gv th, .gv table, .gv th
{
    
}

#gv th, .gv th { text-align: left; padding: 4px; font-size: 12px }


#loginbox
{
    width: 300px;
    padding: 35px;
    margin: 0 auto;
     text-align: left;
     color: #8c8888;
    border: 3px solid #f0f0f0;
    margin-top: 25px;
}
#loginbox input { width: 100%; }
#loginbox input.button, #loginbox .button { padding: 15px 30px }

@media (max-width: 660px)
{
    #loginbox { width: 90%; }
       
}
#loginbox h1, #loginbox h2 { margin-top: 0 }

.error-panel
{
    padding: 24px;
    background: #c60f0f;
    font-size: 20px;
    font-weight: lighter;
    color: #fff;
    display: none;
    line-height: 1.4em;
}
.err
{
	color: #c60f0f;
	font-size: 14px;
	font-weight: bold;
}
.suc
{
	color: #469753;
	font-size: 14px;
	font-weight: bold;
}
.red { color: #c60f0f; }
.side-note { font-style: italic; font-size: 11px; }
.errorpage
{
    position: relative;
    padding: 60px 0px 100px 0px; 
    width: 510px;
    margin-left: 140px;
}
.status-red, #gv td .status-red
{
    font-weight: bold;
    padding: 3px; 
    color: #fff;
    background: #e90e0e;
    border: 1px solid #fff;
    min-width: 50px;
}
.status-yellow,  #gv td .status-yellow
{
    font-weight: bold;
    padding: 3px; 
    color: #000;
    background: #f0f226;
    border: 1px solid #fff;
}
.status-green
{
    font-weight: bold;
    padding: 3px; 
    color: #000;
    background: #82fd88;
    border: 1px solid #fff;
}
.process-renewals-button { float: right; position: relative; top: -5px }

.clear { clear: both }

.logout, .navbar-nav > li.caret-only  { padding-top: 9px }

.cbproducts span { display: block }
.cbproducts {  height: 150px; overflow: scroll;  }
.cbproductsedit { padding: 2px; border: 3px dashed #a8a8a8; }

.receive-invoice { position: relative; top: -7px; }
.copy-invoice { background: #f0f0f0; }
.copy-invoice:hover { background: #ccc }
.whiteLG
{
    color: #fff;
    font-weight: bold;
    font-size: 17px;
    padding: 3px 1px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.colL
{
    text-align: left;
    width: 580px;
    padding: 0px 30px 0px 0px;
    min-height: 300px;
    float: left;
    margin: 0px;
}
.colR
{
    text-align: left;
    width: 225px;
    padding: 0px 15px 0px 15px;
    height: 300 auto;
    display: table;
    font-size: 12px;
    margin-left: 15px;
    float: right;
}
.colLsm
{
    text-align: left;
    width: 225px;
    padding: 0px 15px 0px 0px;
    height: 300 auto;
    display: table;
    font-size: 12px;
    margin-right: 10px;
    float: left;
}

#contact .colL
{
    width: 410px;
}
#colRbg .colR
{
    background-image: url(../images/bg_colR1.jpg);
    background-repeat: no-repeat;
}
.colRbg
{
    background-image: url(../images/bg_colR1.jpg);
    background-repeat: no-repeat;
    padding: 10px 18px;
    width: 219px;
}
.colR_inner
{
	padding: 8px 8px 8px 8px;
	background-color: #f1efe6;
}
.colL2
{
    text-align: left;
    width: 405px;
    padding: 0px;
    margin: 0px;
    position: relative;
    height: auto;
	float:left;
}
.colR2
{
    text-align: left;
    width: 400px;
    padding-left: 40px;
    margin: 0px;
    display: table;
    position: relative;
    height: auto;
}
.side li
{
    width: 172px;
    height: 30px;
    background: url(../images/bg_side1.jpg) no-repeat;
    display: block;
    border-bottom: 2px solid #835d97;
}
.side li:hover
{
    width: 172px;
    height: 30px;
    background: url(../images/bg_side2.jpg) no-repeat;
    display: block;
    border-bottom: 2px solid #835d97;
}
.side li a
{
    width: 100%;
    font-size: 15px;
    line-height: 30px;
    padding: 6px 6px 6px 30px;
    
}
.side li a:active, .side li a:link, .side li a:visited
{
    color: #f8f9c4;
    text-decoration: none;
}
.side li a:hover
{
	color: #ffffff;
    text-decoration: none;
    
}
.side p
{
    text-align: center;
}



.text2
{
	color: #9a947b;
    font-size: 10pt;
    font-weight: bold;
}
a.text2:active, a.text2:link
{
	color: #9a947b;
    font-size: 10pt;
    font-weight: bold;
    text-decoration: none;
}
a.text2:hover
{
	color: #37bde4;
    font-size: 10pt;
    font-weight: bold;
    text-decoration: underline;
}
a.text2:visited
{
    color: #9a947b;
    font-size: 10pt;
    font-weight: bold;
    text-decoration: none;
}


a.video:active, a.video:link
{
	color: #454545;
	text-decoration: none;
	font-weight: bold;
}
a.video:hover
{
    color: #37bde4;
    text-decoration: underline;
	font-weight: bold;
}
a.video:visited
{
	color: #454545;
	text-decoration: none;
	font-weight: bold;
}
/********************************************/
/********************************************/

.bar_top
{
	background-image: url(../images/bar_top.png);
	background-repeat: no-repeat;
}
.h3
{
    color: #766200;
    font-size: 11pt;
}
#ibox_inner
{
	background-color: #e8e6e1;
	border: solid 1px white;
	padding: 9px;	
	position: relative;
	width: auto;
}
#ibox_outer
{
	background-color: #d5d2ca;
	padding: 4px;	
	position: relative;
	width: 434px;
}


.lh9
{
	line-height: 9px;
}

.timeout
{
    position: fixed;
    top: 30%;
    left: 23%;
}
.timeoutbox
{
    color: White;
    background: url(../images/panel_black500_sh.png) no-repeat;
    font-size: 17px;
    font-weight: normal; text-align: left; height: 130px; width: 490px; padding: 60px 33px 60px 18px;
}

.loggedintime, #ctl00_UpdatePanel1
{
    display: inline; padding-right: 5px;
}
.inline { display: inline; }

.verify-button { font-size: 17px }
.cb-isverified
{
    margin-left: 20px
}

.eblast-content { max-width: 800px; margin: 25px auto }

.eblast-content input[type="radio"] { margin: 4px !Important; }
.eblast-content label { padding-left: 5px }

/* CUSTOMER OPTIONS */
.existing-optionsbox
{
    background: #f0f0f0;
    padding: 15px;
    display: none;
    margin: 12px 0;
}
table.customer-options-new input[type="radio"] { margin-right: 6px !important;margin-left: 6px !important; }

.sales-tax { padding: 15px; border: 1px solid #ccc; font-size: 14px;
    max-height: 300px;
    display: block;
    overflow-y: scroll; }
.userhourssummary { font-weight: normal; padding-top: 10px; font-size: 13px; color: #000; }
.userhourssummary strong { font-weight: bold }
a.clearsession { color: #fff; font-size: 11px; }
a.clearsession:hover { color: #f0f0f0 }


@media (max-width: 995px)
{
    #header.container { width: auto }
    .navbar .collapse .navbar-nav > li > a { font-size: 14px }
    .navbar-brand img { width: 100px; }
    .navbar-brand { padding: 10px }
    ul#mobilemenu { width: 100%; text-align: center }
    .bg-white { background: #fff; }
}


.search-wide { min-width:240px !important; }
.search-narrow { min-width:120px !important; }

.ac-search .ui-menu-item-wrapper { font-size: 11px !important;}
.ac-search .ac-item-icon { color: #33adea;padding: 0 10px 0 5px;display: inline-block;width: 18px; }
.ac-search .ac-found-word { color: #0063db;font-weight: 900 !important; }
.ac-search .ui-state-active .ac-found-word, .ui-state-active .ac-item-icon { color: white !important; }



.page-notice 
{ 
    position: relative;
    display: none;
    width: 100%;
    text-align: center;
    padding: 20%;
    padding-top: 12px;
    padding-bottom: 12px;
    
    background: #f0f226;
    color: #000;
	font-size: 14px;
}

.chosen-container, .chosen-drop {min-width: 150px}
.chosen-container-single .chosen-single div { top: 4px !important }
.chosen-container .chosen-results { margin-left: 5px !important}
.editTextboxMultiline { height: 60px; font-size: 11px; width: 100%; min-width: 250px; }

.userpaymentssummary {
    background-color: #fff;
    padding: 10px 15px;
    margin: 15px 0;
    font-size: 13px;
}
.userpaymentssummary, .userpaymentssummary p, .userpaymentssummary h1, .userpaymentssummary h2, .userpaymentssummary h3, .userpaymentssummary h4 {
    color: #000;
}
.filtersearchbox { width: 90px }
.top-bar .inline {
    margin-left: 20px
}
/* MOBILE/TABLET SPECIFIC CSS */
@media (max-width: 768px) {
    .page-notice {
        padding-left: 240px;
    }

    .mob-p-0 {
        padding: 0 !important;
    }

    textarea, input[type="text"], input[type="email"], input[type="password"] {
        padding: 4% 2%;
    }

    .top-bar .inline {
        display: block;
        margin-left: auto;
        margin: 10px auto;
    }

    .chosen-container {
        width: 100% !important;
    }

    .chosen-container-single .chosen-single {
        height: 37px !important;
        padding: 6px 0 6px 8px !important;
    }

        .chosen-container-single .chosen-single div {
            top: 6px !important;
        }

    .filtersearchbox {
        width: 100%;
    }
}