/*
blue-grey: #7275A2;
darker-blue-grey: #5D6192;
acc-blue: rgb(0,47,143);
pale-blue: #E4E5EE;
*/

/*.red {
	background-color: red;
}
.green {
	background-color: green;
}
.blue {
	background-color: blue;
}*/

body {
margin: 0;
padding: 0;
background-color: #F1F1F6;
font-family: Arial, Helvetica, sans-serif;
}

#header {
	width: 100%;
	height: 46px;
	background-color: #004481;
	padding: 0;
	margin: 0;
}

#soda-logo {
	position: absolute;
	top: 6px;
	left: 6px;
	width: 96px;
	height: 77px;
	background-image: url(../images/sodalogo.gif);
	background-repeat: no-repeat;
}

#acc-logo {
	position: absolute;
	top: 0;
	right: 6px;
	width: 159px;
	height: 79px;
	background-image: url(../images/acc_final_clear.gif);
	background-repeat: no-repeat;
}

#black-line {
	width: 100%;
	height: 19px;
	color: white;
	border-top: 2px solid white;
	background-color: black;
}

#soda-title {
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 40px;
	font-weight: bold;
	position: absolute;
	top: 4px;
	left: 125px;
}

#soda-subtitle {
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	position: absolute;
	top: 50px;
	left: 125px;
}

.soda-report-subtitle{
	font-size: 14px;
	margin-bottom: 12px;
}

.heading {
	color: white;
	font-family: arial, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	line-height: 1.5em;
	margin: 0pt;
	border-bottom: 1px solid black;
	padding: 0px 3% 0px 6%;
}

.basetext {
    height: 16px;
    background-color: rgb(13,15,92);
    margin: 0pt;
    padding: 6px 0px 0px 6px;
    line-height: 100%;
    font-size: 8pt;
    color: white;
}

#basebar {
    background-color: white;
    margin: 0pt;
    padding: 0pt;
    line-height: 100%;
    font-size: 0pt;
    border: none;
}

.surround-box {
    background-color: white;
    border: #9CA6AD 2px solid;
    padding: 6px;
    margin: 12px 0px;
}

.pictureleft {
    border: none;
    margin: 2px 12px;
    padding: 0;
    vertical-align: middle;
}

h1 {
    margin-top: 0pt;
    font-family: arial, sans-serif;
    font-size: 26pt;
    font-weight: bold;
    color: rgb(13,15,92);
}

* html h1 {
margin: 0pt;
}

.pad-top {
padding-top: 4pt;
}

.pad-left {
padding-left: 12pt;
}

.onlyclearboth {
	clear: both;
	height: 0;
}

.clearboth {
	clear: both;
	height: 0;
	line-height: 0;
	margin: 0;
	padding: 0;
}

/*Button navigation*/

.nav-list {
	list-style: none;
	margin: 0;
	padding: 0;
	font-family: arial, sans-serif;
	font-weight: bold;
	font-size: 10pt;
}

.nav-list-item {
	display: block;
}

.nav-list-item a:link, .nav-list-item a:visited {
	border-top: 1px solid rgb(77,77,115);
	text-decoration: none;
	display: block; /*the span surround these should be block so it works in IE*/
	width: 94%;
	padding: 3pt 0% 3pt 6%;
	line-height: 1.5em;
	background-color: #7275A2;
	color: white;
	font-weight: normal;
}

.nav-list-item a:hover {
	border-top: 1px solid rgb(77,77,115);
	background-color: #004481;
	background-image: url(../images/3arrows.gif);
	background-repeat: no-repeat;
	background-position: 90% center;
	color: white;
	font-weight: normal;
}

.subnav {
	list-style: none;
	margin: 0pt;
	padding: 0pt;
	font-family: arial, sans-serif;
	font-weight: bold;
	font-size: 9pt;
}

ul.subnav li a:link, ul.subnav li a:visited {
	border-top: 1px solid white;
	text-decoration: none;
	display: block;
	width: 89%;
	padding: 1pt 3% 1pt 8%;
	font: normal 9pt/1.5em arial, sans-serif;
	background-color: rgb(177,178,178);
	color: rgb(52,52,52);
}

ul.subnav li a:hover {
	border-top: 1px solid #A5B5C6;
	background-color: rgb(10,23,94);
	color: white;
}

.black {
	background-color: black;
}

.darkblue {
	background-color: rgb(10,23,94);
}

.darkpurple {
	background-color: rgb(77,77,115);
}

.barbox {
	border: none; 
	font-family: arial, sans-serif;
	height: auto;
	margin: 0px 0px 0px 6px;
	padding: 0pt;
}

#leftbar {
	width: 30%;
	height: auto;
	float: left;
}

#start-message {
	background-color: white;
	padding: 8pt 1%;
	border-left: 5px solid rgb(77,77,115);
	border-right: 5px solid rgb(255,165,0);
	margin: 0px 0px 0px 6px;
}

.padlr {
	padding: 0px 6px;
}

.gamehdr {
	font-size: 14pt;
	font-weight: bold;
	margin: 0;
	padding: 12px 0px 0px 0px;
}

.heightfixed {
	height: 275px;
}

.normal-link{}

.normal-link a:link, .normal-link a:visited, .normal-link a:hover {
	color: rgb(13,15,92);
} 

.message {
	padding: 12px;
	font-size: 14pt;
}

.emailcontent {
	font-size: 11pt;
	padding: 24px;	
}

/*Misc*/

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

/*
session form
*/

.main-form {
	width: 84%;
	margin: 0% 0% 0% 8%;
	padding: 9px 0px 0px 0px;
}

.content {
	padding: 18px;
}

.defn{
	width: 70%;
	padding: 18px;
}

.appt-top-details {
	margin: 0;
	padding: 3px;
	border: 1px solid #5D6192;
}

.left-part {
	float: left;
	margin: 0px 4% 0px 0px;
	padding: 0;
	width: 290px;
}

.mid-part {
	float: left;
	margin: 0px 8% 0px 0px;
	padding: 0;
	width: 270px;
}

.right-part {
	float: left;
	margin: 0;
	padding: 0;
}

.button {
	margin: 20px 0px 0px 0px;
	padding: 3px;
	border: 1px solid #5D6192;
}

.button-font16 {
	font-size: 16pt;
}

/*
Black bar links
*/

#jump-home, #jump-second, #jump-third{
	margin: 0;
	padding: 0;
	position: absolute;
	top: 50px;	
}

#jump-home a, #jump-second a, #jump-third a {
	color: white;
	font-weight: bold;
}

#jump-home{
	right: 185px;
}

#jump-second{
	right: 250px;
}

#jump-third{
	right: 320px;
}


/*
Table
*/

table.black-table {
  	text-align: left;
	border-collapse: collapse;
	background-color: white;
}

table.black-table td {
	font-family: arial, sans-serif;
	color: black;
	padding-left: 6pt;
	padding-right: 6pt;
}

table.black-table th {
	padding-top: 2pt;
	padding-bottom: 1pt;
	background-color: black;
}

.black-table td {
	border: 1px solid lightgrey;
}

.region-chk {
	float: left;
	margin: 0px 40px 0px 0px;
	padding: 0;
}

.region-txt{
	float: left;
	margin: 0;
	padding: 0;
}

.drop-heading1{
	background-color: #E5E6EE;
	font-weight: bold;
}

.drop-heading2{
	background-color: #F2F2F7;
}

.drop-heading3{
	background-color: #F2F2F7;
}

.drop-item {
	background-color: white;
}

.drop-level1{
	padding-left: 0;
}

.drop-level2{
	padding-left: 24px;
}

.drop-level3{
	padding-left: 48px;
}

.copy-options{
	float: left;
	padding: 0;
	margin: 0;
}

.date-start {
	height: 100%;
	float: left; 
}

* html .date-start{
	width: 270px;	
}

.date-end {
	height: 100%;
	float: left; 
}

* html .date-end{
	width: 270px;
	float: left;
}

.date-end-left{
	height: 100%;
	float: left;
	margin-left: 30px;
}

.missing_username{
	background-color: yellow;
}

.soda-report-subtitle1{
	font-size: 13pt;
}

.soda-report-date-stamp{
	font-size: 11pt;
	margin-bottom: 12px;
}

.soda-report-desc{
	font-size: 11pt;
}

.main-intro{
	background-color: white;
	width: 66%;
	float: left;
	margin-left: 2%;
}

.main-intro-inner{
	padding: 6px 12px;
}

.main-intro-inner li {
	margin: 6px 0px;
}

.main-intro-inner a:visited, .main-intro-inner a:link {
	color: rgb(13,15,92);
}

.main-intro-inner a:hover {
	color: #FF7300;
}

.region-list{
	width: 280px;
	text-align: center;
	padding: 0;
	margin: 0;
}

.clients{
	overflow: auto;
	height: 200px;
	width: 610px;
	border: 1px dotted black;
	position: relative;
        background-color: white;
}

.clientN{}
.resultN{}
/*Must have width otherwise sf-block width 100% pushes it wide*/
* html .clientN{
	width: 250px;
}
* html .resultN{
	width: 250px;
}

.future{
	background-color: white;
	border-bottom: 1px solid silver;
	font-family: 'times new roman', serif;
	font-size: 11pt;
}

.invoice-box{
	height: auto;
	width: auto;
	background-color: #E5E6EE;
	padding: 6px 12px 12px 12px;
	border: 1px solid #9CA6AD;
}

* html .invoice-box{
	height: 271px;
}

.margin-top3px{
	margin-top: 3px;
}

.half-left, .half-right{
	padding: 0;
	margin: 0;
}

.half-left{
	width: 45%;
	float: left;
}

.half-right{
	width: 55%;
	float: right;
}

.left30, .right70, .left45, .right55, .left40, .right60{
	padding: 0;
	margin: 0;
}

.left30, .left45, .left60 {
	float: left;
}

.right45, .right60, .right70 {
	float: right;
}

.left30{
	width: 30%;
	float: left;
}

.right70{
	width: 70%;
	float: right;
}

.left60{
	width: 60%;
	float: left;
}

.right40{
	width: 40%;
	float: right;
}

.left45{
	width: 45%;
	float: left;
}

.right55{
	width: 55%;
	float: right;
}


.bold16pt{
	font-weight: bold;
	font-size: 16pt;
}

#notification-warning{
	background-color: red;
	color: white;
	font-weight: bold;
	padding: 0px 6px;
	margin-bottom: 6px;
}

.footnote{
	margin-top: 10px;	
}

.pseudo-report{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
}

.contact-us{
	background-color: #FFFFC1;
}

/*Client results table*/
#tab-client-results th{
	background-color: transparent;
	color: black;
	font-weight: bold;	
}

#tab-client-results td{
	padding: 0px 6px;
}

.sensible-width{
	width: 70%;
}

/*My Appointments Table*/
.blue{
	color: #0071D2;
}

table.my-appts-tab {
  	text-align: left;
	border-collapse: collapse;
	background-color: white;
}

table.my-appts-tab td {
	font-size: 10pt;
	font-family: "Times New Roman", Times, serif;
	color: black;
	padding-left: 6pt;
	padding-right: 6pt;
}

table.my-appts-tab th {
	font-size: 11pt;
	padding-top: 2pt;
	padding-bottom: 1pt;
}

.my-appts-tab td {
	border: 1px solid lightgrey;
}

.my-appts-tab a:link, .my-appts-tab a:hover{
	color: #000;
}

.my-appts-tab a:visited{
	color: #551A8b;
}

.lev-table1{
	border-collapse: collapse;
	border: none;
	width: 2000px;
}

.lev-table1a{
	border-collapse: collapse;
	border: none;
	width: 1090px;
}

.bold-red-warning{
	color: red;
	font-weight: bold;
}