/* CHANGES */
.underline {
border-bottom: dotted 4px #404040;
margin-top:-10px;
margin-right: 30px;
}

.logincontent{
margin-left: 45px;
}

.sponsorbox{
float: left;
margin-left: 50px;
padding: 0 20px;
width: 363px;
height: 255px;
}

.loginbox{
float: right;
margin-left: 45px;
padding: 0 20px;
width: 363px;
height: 255px;
}

.infobuttons {
margin-left: 30px;
margin-right: 415px;
}

h1 {
color: #202020;
}

h2 {
color: blue;
}

h3 {
margin-bottom: -5px;
color: blue;
}

.red {
color: #C00000;
}


body {
margin: 0px 0px 15px 0px;
padding: 25px 0px;
color: #000000;
background-color: #DAE8ED;
font: 12px Arial,Helvetica,Verdana,sans-serif;
}
td, div {
font: 12px Arial,Helvetica,Verdana,sans-serif;
}
a, a:visited {
color: #5494AF;
text-decoration: underline;
}
a:hover {
color: #C66653;
text-decoration: none;
}
p {
margin: 15px 0px;
line-height: 19px;
}
div, form, object {
margin: 0px;
padding: 0px;
}
a img {
border: none;
}
.clear {
clear: both;
}
.hide {
display: none;
}
.show {
display: block;
}
.container {
margin: 0px auto;
width: 994px;
}
.header {
padding: 0px 1px 0px 10px;
height: 100px;
background: url(/images/header.jpg) no-repeat left top;
}
.logo {
width: 200px;
height: 68px;
}
.logo a {
width: 200px;
height: 58px;
outline: none;
display: block;
text-indent: -99999px;
background: url(/images/logo.gif) no-repeat left top;
}
.signup {
color: #000;
margin: 15px 25px 0px 0px;
float: right;
width: 151px;
height: 44px;
}
.signup a {
color: #000;
width: 151px;
height: 44px;
display: block;
text-indent: -99999px;
/*background: url(/images/signup.gif) no-repeat left top;*/
}

.joinus {
margin: 15px 25px 0px 0px;
float: right;
width: 143px;
height: 44px;
}

.joinus a {
width: 143px;
height: 44px;
display: block;
text-indent: -99999px;
background: url(/images/sales/join_now.gif) no-repeat left top;
}


.tabs ul {
margin: 0px;
padding: 0px;
z-index: 3;
position: absolute;
}
.tabs li {
margin: 0px;
padding: 0px;
list-style-type: none;
}
ul.nav li {
margin: 0px 3px 0px 0px;
float: left;
width: 127px;
height: 26px;
list-style-type: none;
}
ul.nav li a {
padding: 4px 0px 4px 0px;
width: 127px;
height: 20px;
color: #000000;
display: block;
font-weight: bold;
text-align: center;
text-decoration: none;
background: url(/images/tab.jpg) no-repeat left top;
}
ul.nav li ul {
margin: 0px;
padding: 0px;
width: 126px;
background-color: #FFFFFF;
border-left: solid 1px #4D88A1;
border-right: solid 1px #4D88A1;
border-bottom: solid 1px #4D88A1;
}
ul.nav li ul li {
margin: 0px;
padding: 3px 0 3px 0;
}
ul.nav li ul li a {
margin: 0px;
padding: 0px;
width: auto;
height: auto;
background: none;
}
li.headlink ul { 
display: none;
}
li.headlink:hover ul {
display: block;
}
a.selected {
background: url(/images/tabselected.jpg) no-repeat left top;
}
.dropdown {
padding: 5px;
z-index: 3;
width: 115px;
display: none;
position: absolute;
background-color: #FFFFFF;
border-left: solid 1px #000000;
border-right: solid 1px #000000;
border-bottom: solid 1px #000000;
}
.subheader{
height: 210px;
background: url(/images/subheader.jpg) no-repeat left top;
margin: -26px -36px;
}
.flashvid, .login_head {
padding-left: 1px;
float: left;
width: 991px;
margin: 0px 0px 0px 1px;
}
#navcontainer { width: 200px; }

#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#navcontainer a
{
display: block;
padding: 3px;
width: 160px;
background-color: #036;
border-bottom: 1px solid #eee;
}

#navcontainer a:link, #navlist a:visited
{
color: #EEE;
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #369;
color: #fff;
}

.pdflink {
background: url(/images/pdf.gif);
background-repeat: no-repeat;
height: 30px;
vertical-align: middle;
padding: 3px 50px;
}

.man {
margin: -48px 1px 0px 0px;
z-index: 2;
float: left;
width: 209px;
height: 258px;
background: url(/images/man.jpg) no-repeat left top;
}
.container > .content {
padding: 20px 35px;
width: 922px;
background-color: #FFFFFF;
border-left: solid 1px #000000;
border-right: solid 1px #000000;
}
.smallbox {
margin: 28px 0px 0px 20px;
padding: 10px;
float: right;
width: 351px;
height: 353px;
text-align: center;
background: url(/images/subbox.jpg) no-repeat left top;
}
.smallbox2 {
margin: 0px 80px 0px 80px;
padding: 10px;
float: left;
width: 351px;
height: 353px;
text-align: center;
}
.smallbox3 {
margin: 0px 20px 0px 0px;
padding: 10px;
float: left;
width: 351px;
height: 353px;
text-align: center;
}
.content-text {
float: left;
}

table.info {
border: solid 1px #ccc;
border-collapse: collapse;
}

form.long select {
  float:none !important;
}

.info td, .info th {
padding:0.5em;
border:1px solid #ccc;
}

tr.open {
  background-color:pink;
}

tr.investigating {
  background-color:lightyellow;
}

tr.resolved {
  background-color:lightgreen;
}

tr.detail-row td{
padding:0;
}

.odd {
  background-color:#efefef;
}

.detail-row {
  background-color:#ccc;
}

.datatable tr td{
padding: 10px;
text-align: center;
border: solid 1px #101010;
}

.datatable thead {
padding: 15px;
text-align: center;
border: solid 1px #101010;
color: #c00000;
}

.paymentbox {
margin: 0px 55px;
float: left;
width: 194px;
height: 191px;
background: url(/images/retail/pricing_box.gif) no-repeat left top;
}
.paymentbox b {
font-size: 18px;
font-style: italic;
}
.paymentbutton {
margin: 50px 0px 0px 0px;
text-align: center;
}
.container > .footer {
height: 48px;
background: url(/images/footer.jpg) no-repeat left top;
}

a.footerlink, a.footerlink:visited {
color: #FFFFFF;
text-decoration: underline;
}

a.footerlink:hover {
color: #FFFFFF;
text-decoration: none;
}
.bl {background: url(/images/bl.gif) 0 100% no-repeat #e8e8e8; width: 370px; text-align: center}
.bl2 {background: url(/images/bl.gif) 0 100% no-repeat #e8e8e8; width: 175px; text-align: center}
.br {background: url(/images/br.gif) 100% 100% no-repeat; text-align: center}
.tl {background: url(/images/tl.gif) 0 0 no-repeat; text-align: center}
.tr {background: url(/images/tr.gif) 100% 0 no-repeat; padding: 1px 0; text-align: center}

.clear {font-size: 1px; height: 1px}
.spacer{
clear:both; 
height:1px;
}
.myform{
margin:0 auto;
width:470px;
padding:14px;
background-color: #FFFFFF;
z-index: 1;
}
#basic{
border:solid 2px #DEDEDE;
}
#basic h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
}
#basic p{
font-size:11px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #dedede;
padding-bottom:10px;
}
#basic .title{
display:block;
font-weight:bold;
text-align:right;
width:175px;
float:left;
clear: both;
z-index: 1;
}
#basic .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:175px;
}
#basic .smallwide{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:center;
width:460px;
}
#basic input, select{
float:left;
width:200px;
margin:2px 0 30px 10px;
}
.required{
float:left;
width:200px;
margin:2px 0 30px 10px;
background-color: #fcfce2;
}
#basic button{ 
clear:both;
margin-left:200px;
background:#888888;
color:#FFFFFF;
border:solid 1px #666666;
font-size:11px;
font-weight:bold;
padding:4px 6px;
}
#basic .checkbox{
margin-left: -170px;
}
form.prepay label {
  float:left;
  padding-top: 6px;
}
form.prepay input, form.prepay select {
  margin-bottom:1em;
}
form.prepay div {
  clear:both;
}
.acceptterms{
margin-left: 90px;
}
.notice{
background-color: #fcfce2;
border: solid 1px #666666;
color: #666666;
padding: 5px 5px;
text-align: center;
}

form.cmxform label.error, label.error {
color:  #FF0000;
font-style: italic;
float: left;
margin-top: -30px;
margin-left: 185px;
text-align: left;
z-index: 99;
}

input.error { border: 1px dotted red; }

input.benefit_name {
border: none;
}

.user_list {
  border-width:1px;
  border-collapse:collapse;
}

.user_list th, .user_list td {
padding:5px;
}
.user_list tbody tr:hover {
  background: #fee;
}