BODY
{
	background-color: #FFFFFF;
/*        background-image: url("images/detail1.jpg");*/
	margin: 10px;
}
.content{
    width: 100%;
    FONT-FAMILY: Verdana, Arial, sans-serif;
}
.clear{   
    clear: both;
}

.shadow {
  -webkit-box-shadow: 3px 3px 5px 6px #ccc;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    3px 3px 5px 6px #ccc;  /* Firefox 3.5 - 3.6 */
  box-shadow:         3px 3px 5px 6px #ccc;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

a {
color: #0000FF;
}

a:visited
{
color: #800080;
}

a:hover
{
color: #FF0000;
text-decoration: underline;
}

.banner{
    width: 100%;
    background-color: #bfc4ee;
    border: 2px solid #b1baff;
    background-image: url("images/detail1.jpg");
}

.banner-img{
    vertical-align: middle;
    height: 125px;
}

.banner-text{
    vertical-align: middle;
    margin-left: 2em;
    font-size: 40pt;
    color: #4287f5;
    width: 100%;
    font-family: Verdana, Arial, sans-serif;
    text-shadow: 2px 2px 4px #000000;
}

.right{
    float: right;
}
.left {
    float: left;
}

.header
{

font-size: 12pt;
color: #000000;
margin-top: 0px;
padding: 3px;
background: #c8cce1;
font-weight: bold;
width: 100%;
}


.subheader
{

font-size: 9pt;
color: #FF8400;
margin-top: 15px;
border-top: 1px dotted #cecece;
border-bottom: 1px dotted #cecece;
width: 100%;
font-weight: bold;
}

.footer{
    /*border-top: 1px solid #a9a9a9;*/
    font-size: 8pt;
    color: #1f4b91;
}

nav {
    font-size: 0; /* Remove annoying whitespace between Nav Elements (white-space-collapse got moved to CSS4) */
    width: 1400px;
    background-color: #f0f0f0;
    
}
nav li {
    background-color: #f0f0f0;
}
/*
nav ul {
    padding: 1px;
    border: 1px solid #003366;
}

nav ul li ul li{
    background-color: #f1f0f1;
}
nav ul li ul li ul li {
    background-color: #f2f0f2;
}
*/
nav li:hover {
    background-color: #D5DBDB;
}

nav a {
    font-size: 10pt; 
    padding: 0.5em;
    display: block; /* So we can have padding */
    white-space: nowrap; /* No linebreaks in the menu */
    text-decoration: none;
    
}
nav a, nav a:visited{
    color: #003366;
}
nav a:hover,
nav a:focus,
nav a:active {
    color:#cd6a00;
}

nav ul {
    list-style: none; /* Remove Bullets from Lists */
    padding: 0.1em; /* remove default browser padding for ul */
    z-index: 1000;
}

/* Any list item in the menu */
nav li {
    position: relative; /* positioned so this is the reference. Required to be able to have the sub menu show up at the same level */
    display: inline-block;
}

/* All Sub menues */
nav ul ul {
    display: none; /* Hide sub menu by default */
    position: absolute; /* Absolute position to push the sub menu out of the box instead of making the box larger and having the top level menu pushed down */
}

/* Show sub menu on hover */
nav li:hover > ul {
display: block;
}

/* Any sub menu below the second level (Flyout menues in the dropdown) */
nav ul ul ul {
    left: 100%; /* Pushes the menu to the right of it's parent */
    top: 0; /* Make it appear at the same level as it's parent */
}
/* Make the top menu (first level) at least 100px wide  */
nav > ul > li {
    min-width: 100px;
}
/* Make the dropdown menu (first level) at least as wide as it's parent */
nav > ul > li > ul > li {
    min-width: 100%;
}
/* Make the flyout menu (second level) at least as wide as it's parent */
nav > ul > li > ul > li > ul > li {
    min-width: 100%;
}


/* end nav menu */

.surveyRequest, .estimate {
   border: 1px solid #003366; 
   background-color: #fff; 
   color: #0000FF;
   padding: 5px;
}
.actionlink{
    font-size:14px;
    color: #0000FF;
}
.actionlink:hover{
    color: #FF0000;
}
.smallactionlink{
    font-size:10px;
}
.exedeboard {
    width: 30%;
    height: 300px;
    border: 2px solid #003366;
	margin:10px;
	float: left;
	overflow:auto;
}
.exedetab{
    font-size:10px;
}
.viewer {
    width: 30%;
    height: 300px;
    border: 2px solid #003366;
    margin:10px;
    float: left;
    overflow:auto;
    padding: 5px;
}
.dashboard {
    width: 45%;
    height: 300px;
    border: 2px solid #003366;
	margin:10px;
	float: left;
	overflow:auto;
}
.dashboard a, .dashdetail a, .report a{
	font-size: 9pt;
	
}
.dashdetail {
    width: 90%;
    height: 500px;
    border: 2px solid #003366;
	margin:10px;
	/*float: left;*/
	overflow:auto;
}

.error-message {
    color:red;
    padding: 2px;
    font-size:10px;
}

/* landi */

.landi {

    border: 2px solid #003366;
    background: #e0e0e0;
    width: 100%;

}
.biztab{
    box-sizing: border-box;
}

.landi .label {

  width: 150px;
  font-weight: bold;
  padding-left: 25px;


}
.landi .field {

  padding-left: 25px;


}

.landinotes{
    width: 1000px;
   white-space: pre-wrap;      /* CSS3 */   
   white-space: -moz-pre-wrap; /* Firefox */   
   white-space: -o-pre-wrap;   /* Opera 7 */    
   word-wrap: break-word;      /* IE */
}

.acct{
    width:95%;
}
.acctmessage{
    padding: 10px;
    font-size: 10pt;
    
}
.estimator {
    width: 45%;
    float: left;

}
.tvtotal{
    float: right;
    padding-right: 1em;
}
.tvsave{
    padding-left: 10%;
}
.programming{
    width: 90%;    
}
.estimator input {
    border: 2px solid #0000FF;
} 
.estimator input.readonly {
    border: 2px solid #ccffdd;
} 
.estimator input.submit {
    border: 1px solid #003366;
}


.landinotes {
    width: 95%;
    height: 200px;
    border: 1px solid #003366;
    margin:10px;
    background-color: #fff;
    /*float: left;*/
    overflow:auto;
}
.infobox
{
border: 1px solid #999999;
width: 170px;
margin-bottom: 5px;
}

.infoboxheader
{
background: #003366;
text-align: left;
padding-left: 10px;
color: #FFFFFF;
font-weight: bold;
}

.infoboxcontents
{
background: #FFFFFF;
padding: 5px;

font-size: 8pt;
}


.offertable
{
float: right;
font-size: 8pt;
background: #FFFFFF;
margin-left: 10px;
margin-bottom: 10px;
border: 0px;
}

.salestable
{
font-size: 8pt;
background: #FFFFFF;
width: 100%;
border: 1px solid #999999;
}


.sortable
{
font-size: 8pt;
background: #FFFFFF;
width: 100%;
border: 1px solid #999999;

}

.sortable TD
{
font-size: 9pt;

}
.sortable TR
{
font-size: 8pt;
border-bottom: 1px solid #999999;
}



td.results{

	border-bottom: 1px solid #f5f5f5; 
}

#notes {
	font-size: 75%;

}



.buybutton
{
background: green;
color: white;
font-weight: bold;
font-size: 8pt;
width: 90px;
}



.smalltext, .footer
{
	font-size: 10pt;
}

.redbox
{
   border: 1px solid red; 
   background-color: #fff; 
   color: red;

}

.acctsummary{
    font-size: 10pt;
    width: 75%;
    border: 1px solid #909497;     
}

.acctsummarytitle{
    font-weight: bold;    
    
}
.acctsummarydata-odd{
   font-style:italic;
   background: #EAEDED; 
}
.acctsummarydata-even{
   font-style:italic;
    
}


.subspan
{

font-size: 7pt;
font-style:italic;
}

.superscript
{

font-size: 5pt;
}



/*-------------- start reports --------------------*/

.controlpanel {
    padding-left: 1em;
    padding-top: 1em;
    padding-right: .1em;
    padding-bottom: .5em;
    
    background: #ffffff;

    border: 1px solid #909497;    

    width: 95%;
}
.reportresults {
    padding-left: 1em;
    padding-top: 1em;
    padding-right: 1em;
    padding-bottom: .5em;
}
.resultsarea {
    width: 95%;
    border: 1px solid #909497; 
    padding: 10px;
}
.reporttable
{
font-size: 8pt;
background: #FFFFFF;
width: 100%;
border: 1px solid #909497; 
}

.reporttotal
{
border-top: solid #909497;
background: #FFFFFF;
text-align: left;
padding-left: 10px;
color: #003366;
font-weight: bold;
}
.subtotal{
    border-top: solid #909497;
    background: #FFFFFF;
    text-align: left;
    padding-left: 10px;
    color: #003366;
    font-weight: bold;    
}
.reporttable TD
{
font-size: 9pt;
padding-left: 10px;
}
.reporttable TR
{
font-size: 8pt;
border-bottom: 1px solid #909497; 
}

.box {
    padding-left: 1em;
    padding-top: 1em;
    padding-right: .1em;
    padding-bottom: .5em;
    border-left: solid;
    border-right: solid;
    border-top: solid;
    border-bottom: solid;
    border-width: 1px;
    border-color: #3f7993;
    width: 600px;
}
div.box750 {
    padding: .5em;
    border-left: solid;
    border-right: solid;
    border-top: solid;
    border-bottom: solid;
    border-width: 1px;
    border-color: #3f7993;
    width: 750px;
}

div.message {
    padding-left: 1em;
    padding-top: 1em;
    padding-right: .1em;
    padding-bottom: .5em;
    border-left: solid;
    border-right: solid;
    border-top: solid;
    border-bottom: solid;
    border-width: 1px;
    border-color: #3f7993;
    width: 50%;
}

label {
  float: left;
  width: 150px;
  font-weight: bold;
  padding-left: 15px;

}
#label {
  width: 150px;
  font-weight: bold;
  padding-left: 25px;

}
#value {
  padding-left: 25px;
}
.results {

	padding-left: 1em;

}

.bonus_admin{

	visibility:hidden;

}
.advo th
{
padding: 0px;
font-size: 8pt;
text-align: center;
}

/*------------------ Calendar Code ---------------------*/

span.day{
	font-weight: bold;
}
span.day:hover{

}
span.today:hover {


}
span.today {
 	font-size: larger;
	border: solid;
	border-width: 1px;
	border-color: #ccc;
}



/*-----start tooltip--------*/

.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    color: black;
    background: #EAECEE; 
    border: 1px solid #909497;    
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    top: -5px;
    left: 110%;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}
.tooltipL {
    position: relative;
    display: inline-block;
}

.tooltipL .tooltiptextL {
    visibility: hidden;
    width: 350px;
    color: black;
    background: #EAECEE; 
    border: 1px solid #909497;    
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    top: -5px;
    left: 110%;
}

.tooltipL:hover .tooltiptextL {
    visibility: visible;
}
/*-----end tooltip--------*/

/*-----start inline-editing------*/

    .current-row{background-color:#B24926;color:#FFF;}
    .current-col{background-color:#1b1b1b;color:#FFF;}
    .tbl-qa{width: 100%;font-size:0.9em;background-color: #f5f5f5;}
    .tbl-qa th.table-header {padding: 5px;text-align: left;padding:10px;}
    .tbl-qa .table-row td {padding:10px;background-color: #FDFDFD;}

/*-----end inline-editing------*/

.editable_textarea{
    background-color:#fff;
    border: 1px solid #909497;
    height: 100px;
    width: 90%;
    padding: .5em;
    
}
.editable input[type=submit] {
  color: #F00;
  font-weight: bold;
}
.editable input[type=button] {
  color: #0F0;
  font-weight: bold;
}
    .vendor_form{
        margin-left:2em;
        padding-top:0px;
        max-width:60%;
        color:rgb(19, 19, 19) !important;
        font-family:'Droid Sans';
        font-size:18px;
        border: 1px solid #003366;
    }  
    .vendor_form_group{
        width: 90%;
        /*height: 350px;*/
	margin:10px; 
    }
    .vendor_label{
        display: inline-block;
        float: left;
        clear: left;
        width: 25%;
        text-align: left;
        padding-left: 1em;
        margin-bottom: .25em;
        font-size:12px;
    }
    .vendor_field {
        display: inline-block;
        width: 60%;
        float: left;
        margin-bottom: .25em;
    }   
    .form_button{
        display: inline-block;
        float: left;
        clear: left;
        width: 10%;
        margin-top: 1em;
        margin-left: 2em;
    }    
    .form_label{
        display: inline-block;
        float: left;
        clear: left;
        width: 15%;
        text-align: left;
        padding-left: 1em;
        margin-bottom: .25em;
        font-size:12px;
    }
    .form_field {
        display: inline-block;
        width: 50%;
        float: left;
        margin-bottom: .25em;
    }     
    .notes_label{
        display: inline-block;
        float: left;
        clear: left;
        width: 15%;
        text-align: left;
        padding-left: 2em;
        margin-bottom: .25em;
        font-size:12px;
    }
    .notes_field {
        display: inline-block;
        width: 60%;
        float: left;
        margin-bottom: .25em;
    }    
    .vendor_form_submit{
        width: 45%;
	margin:10px;
	clear: left;         
    }
    
pre, code {
  font-family: monospace, monospace;
}
pre {
  overflow: auto;
}
pre > code {
  display: block;
  padding: 1rem;
  word-wrap: normal;
}
button.osx {
            text-decoration: none;
            font-family:".LucidaGrandeUI", "Lucida Grande", "Lucida sans unicode";
            color: black;
            font-size: 11px;
            padding: 1px 7px;
            border:1px solid #9C9C9C;
            margin: 2px 2px;
            display: inline-block;
            background-image: -webkit-linear-gradient(
            #ffffff 0%, #F6F6F6 	30%, 
            #F3F3F3 45%, #EDEDED 	60%, 
            #eeeeee 100%);
            border-radius: 3px;
            cursor: default;
            box-shadow: 0px 0px 1px rgba(0,0,0,0.20);
    }
    button.osx:active {
            border-color:#705ebb;
            background-image:-webkit-linear-gradient(
            #acc5e9 0%, 		#a3c0f2 18%, 
            #61a0ed 39%,		#55a3f2 70%, 
            #82c2f1 91.72%, 	#9AD2F2 100%); 
            box-shadow: 0px 0px 1px rgba(0,0,0,0.65);		
    }
    button.osx.disabled {
            color: #999!important;
            background-image: -webkit-linear-gradient(#fbf8f8 0%, #f0f0f0 30%, #e3e3e3 45%, #d7d7d7 60%, #cbc9c9 100%);
    }