body {
  margin-top: 0px;
  margin-bottom: 0px;
}

.tl {
  background-image: url(images/tl.png);
  height: 35px;
}

.tr {
  background-image: url(images/tr.png);
  height: 35px;
}

.bl {
  background-image: url(images/bl.png);
  height: 35px;
}

.br {
  background-image: url(images/br.png);
  height: 35px;
}

.t {
  background-image: url(images/t.png);
  height: 35px;
  background-repeat: repeat-x;
}

.b {
  background-image: url(images/b.png);
  height: 35px;
  background-repeat: repeat-x;
}

.l {
  background-image: url(images/l.png);
  width: 35px;
  background-repeat: repeat-y;
}

.r {
  background-image: url(images/r.png);
  width: 35px;
  background-repeat: repeat-y;
}
.wl {
  background-image: url(images/wl.png);
  width: 32px;
  background-repeat: repeat-y;
}
.wr {
  background-image: url(images/wr.png);
  width: 32px;
  background-repeat: repeat-y;
}
.wb {
  background-image: url(images/wb.png);
  Height: 32px;
  background-repeat: repeat-x;
}
.wbl {
  background-image: url(images/wbl.png);
  Width: 32px;
  Height: 32px;
}
.wbr {
  background-image: url(images/wbr.png);
  Width: 32px;
  Height: 32px;
}

.sd_logo {
  background-image: url(images/sd_logo2.png);
	background-repeat:no-repeat;
  height: 80px;
  width: 153px;
}

.hscom_logo {
  background-position:bottom;
  background-image: url(images/hscom.png);
	background-repeat:no-repeat;
	vertical-align:bottom;
  height: 60px;
  width: 86px;
}

.left_pane  {
  width: 500px;
	vertical-align:top;
}
.right_pane  {
	vertical-align:top;
	background-color: #000000;
}
.vl {
  background-image: url(images/vl.png);
  width: 12px;
  background-repeat: repeat-y;
}
.vr {
  background-image: url(images/vr.png);
  width: 12px;
  background-repeat: repeat-y;
}
.bot {
  background-image: url(images/bot.png);
  height: 45px;
  background-repeat: repeat-x;
	vertical-align:top;
	text-align: center;
	padding-top: 5px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
}

#login_top {
  background-image: url(images/login_top.png);
  background-repeat:repeat;
	color: #FFFFFF;
}

.address {
  position: relative;
	top:5;
	left: 100;
	display:inline;
}
.copyright {
	text-align: center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	vertical-align:bottom;
}
.content {
  background-color: #FFFFFF;
  padding: 5px;
  padding-left: 10px;
	padding-bottom: 20px;
	color:#000000;
	line-height:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
} 
.right_content {
  padding-top: 15px;
	color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
} 

.right_content_padded {
  padding: 15px;
	color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
} 

.title {
color: #C00011;
font-weight: bold;
font-style: italic;
font-family: "Times New Roman", Times, serif;
font-size: 20px;
margin-top: 0px;
margin-bottom: 5px;
}
.sub_title {
color: #C00011;
font-weight: bold;
font-style: italic;
font-family: "Times New Roman", Times, serif;
font-size: 15px;
margin-top: 0px;
margin-bottom: 5px;
}






.msg {
padding: 5px;
/*
width: 90%;
*/
margin: 2px;
color: #c00;
border: 1px solid #c00;
background-color: #FEF1ED;
font: bold 13px  verdana;
text-align: left;
} 
 
.error_msg {
font: normal 14px arial, verdana;
color: #c00;
/*
border: 1px solid #c00;
*/
padding: 2px;
margin: 5px;
/*
float: left;
*/
/*
background-color: #FEF1ED;
*/
}






.content a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
  color: #000000;
  text-decoration: none;
}
.content a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
  color: #000000;
	text-decoration: none;
}
.content a:hover {  
  font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
  color: #000000;
	text-decoration: underline;
}
.right_content a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
  color: #000000;
	text-decoration: none;
}

.right_content a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
  color: #ffffff;
  text-decoration: none;
}
.right_content a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
  color: #ffffff;
	text-decoration: none;
}
.right_content a:hover {  
  font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
  color: #ffffff;
	text-decoration: underline;
}
.right_content a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
  color: #ffffff;
	text-decoration: none;
}
.right_image {
  background-color:#000000;
}

.content.note {
  border: 1px;
	padding:5px;
	
}
.gold {
  background-image: url(images/gold.png);
  background-repeat: repeat-both;
	padding: 5px;
  color: #000000;
	border: medium;
	border-color: #000000;
}

.textlabel {
  background-color: #000000;
  font: arial;
	font-size:26px;
	color: #ffffff;
	text-align: center;
	white-space: no-wrap;
  padding: 0px;
}
.textbox {
  border: 0px;
  background-color: #000000;
  font: arial;
	font-size:26px;
	color: #ffffff;
}

.note {
  border: medium double rgb(0,0,0);
	padding:5px;
  background-color: #f5f1ad;
}

.feature_matrix {
	border-color:#C00011;
}

.feature_matrix th {
  border: 1px solid #C00011;
	border-collapse: collapse;
  background-color: #C00011;
  color: #FFFFFF;
	height: 25px;
}

.feature_matrix_desc {
  border: 1px solid #C00011;
	border-collapse: collapse;
	border-spacing: 0px;
  background-color: #FFFFFF;
  color: #000000;
	height: 25px;
	text-align:left;
	padding-left:5px;
	padding-right:5px;
}

.feature_matrix_check {
  border: 1px solid #C00011;
	border-collapse: collapse;
	border-spacing: 0px;
  background-color: #FFFFFF;
  color: #000000;
	height: 25px;
	text-align:center;
	padding-left:5px;
}

.sys_req {
  text-align:left;
  background-color: #000000;
  color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	list-style-position:inside;
	padding-left:0px;
	margin-left:0px;
}

.bullet {
	margin-left:20px;
}

.red {
  color: #C00011;
}

#login {
  position: absolute;
	top: 0px;
	right: 5px;
	color: red;
}

#login a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
  color: #C00011;
  text-decoration: none;
}
#login a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
  color: #C00011;
	text-decoration: none;
}
#login a:hover {  
  font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
  color: #C00011;
	text-decoration: underline;
}

input {
  margin-top: 5px; 
  margin-bottom: 5px; 
}  

select {
  margin-top: 3px; 
  margin-bottom: 3px; 
}  

#total_amt1 {
  color: white;
  font-size: 30px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  white-space: nowrap;
}  
#total_amt2 {
  color: black;
  font-size: 20px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: left;
  padding-left: 15px;
  white-space: nowrap;
}  

.bsh {
  background-image: url(images/hdr.png);
  height: 34px;
  background-repeat: repeat-x;
  vertical-align:top;
  text-align: left;
  padding-top: 5px;
  border-right: 0px;
  color:#FFFFFF;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:16px;
}  

#acct_info {
  float: left;
}

#print_btn {
  float: right;
  margin-top: -5px;
}  
  
.comment {
  font-size: 85%;
  font-style: italic;
}

.right {
  float: right;
}

.center {
  margin-right: auto; 
  margin-left: auto; 
}  

.label {
  text-align: right;
  vertical-align: middle;
  padding-right: 5px;
}  

.header {
  width: 150px;
}
  
.payer_table {
  
}

.payer_table tr {
  height: 20px;
}  

.renewing {
  background: #c4f870; 
}

.sub_link {
  width: 125px;
  text-align: center;
}

.item_editor {
  display: none;
  text-align: right;
}

#forgot_table {
  background-image: url(images/bot.png);
  height: 45px;
	width: 100%;
  background-repeat: repeat-x;
	/*
	vertical-align:top;
	text-align: center;
	*/
	padding-left: 5px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}  

td input.error, td.field select.error, tr.errorRow td.field input,tr.errorRow td.field select {
  border: 1px solid red;
  background-color: #FFFFD5;
  color: red;
  white-space: nowrap;
}


.checkboxes label
{
    display: block;
    float: left;
    padding-right: 10px;
    white-space: nowrap;
}

.checkboxes input
{
    vertical-align: middle;
}

.checkboxes label span
{
    vertical-align: middle;
}


.button-link {
    height: 26px;
    width: 100px;
    padding: 5px 15px;
    background: #800000;
    color: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #20538D;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.button-link:hover {
    background: #C00000;
    border: solid 1px #2A4E77;
    text-decoration: none;
}
.button-link:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #F00000;
    border: solid 1px #203E5F;
}


.rec_btn {
  -moz-box-shadow:inset 0px 0px 0px 0px #f5978e;
  -webkit-box-shadow:inset 0px 0px 0px 0px #f5978e;
  box-shadow:inset 0px 0px 0px 0px #f5978e;
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f24537), color-stop(1, #c62d1f) );
  background:-moz-linear-gradient( center top, #f24537 5%, #c62d1f 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f');
  background-color:#f24537;
  -webkit-border-top-left-radius:6px;
  -moz-border-radius-topleft:6px;
  border-top-left-radius:6px;
  -webkit-border-top-right-radius:6px;
  -moz-border-radius-topright:6px;
  border-top-right-radius:6px;
  -webkit-border-bottom-right-radius:6px;
  -moz-border-radius-bottomright:6px;
  border-bottom-right-radius:6px;
  -webkit-border-bottom-left-radius:6px;
  -moz-border-radius-bottomleft:6px;
  border-bottom-left-radius:6px;
  text-indent:0;
  border:1px solid #d02718;
  display:inline-block;
  color:#ffffff;
  font-family:Verdana;
  font-size:17px;
  font-weight:normal;
  font-style:normal;
  height:24px;
  line-height:24px;
  width:120px;
  text-decoration:none;
  text-align:center;
  text-shadow:1px 1px 0px #810e05;
}
.rec_btn:hover {
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24537) );
  background:-moz-linear-gradient( center top, #c62d1f 5%, #f24537 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537');
  background-color:#c62d1f;
}.rec_btn:active {
  position:relative;
  top:1px;
}

.buy_btn {
  -moz-box-shadow:inset 0px 0px 0px 0px #97c4fe;
  -webkit-box-shadow:inset 0px 0px 0px 0px #97c4fe;
  box-shadow:inset 0px 0px 0px 0px #97c4fe;
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0) );
  background:-moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');
  background-color:#3d94f6;
  -webkit-border-top-left-radius:20px;
  -moz-border-radius-topleft:20px;
  border-top-left-radius:20px;
  -webkit-border-top-right-radius:20px;
  -moz-border-radius-topright:20px;
  border-top-right-radius:20px;
  -webkit-border-bottom-right-radius:20px;
  -moz-border-radius-bottomright:20px;
  border-bottom-right-radius:20px;
  -webkit-border-bottom-left-radius:20px;
  -moz-border-radius-bottomleft:20px;
  border-bottom-left-radius:20px;
  text-indent:1.74px;
  border:1px solid #337fed;
  display:inline-block;
  color:#ffffff;
  font-family:Verdana;
  font-size:17px;
  font-weight:bold;
  font-style:normal;
  height:36px;
  line-height:36px;
  width:98px;
  text-decoration:none;
  text-align:center;
  text-shadow:1px 1px 0px #1570cd;
}
.buy_btn:hover {
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6) );
  background:-moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6');
  background-color:#1e62d0;
}.buy_btn:active {
  position:relative;
  top:1px;
}
/*
#csc {
  float: right;
  width: 155px;
}  
*/
#exp_csc {
  width: 300px;
} 

.left {float:left}
.right {float:right}
.clear {clear:both}

.app_docs {
  text-align: center;
	line-height: 200%;
}

h4.app_docs {
}
 
.app_docs a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
  color: #000000;
	text-decoration: none;
}

.app_docs a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
  color: #ffffff;
  text-decoration: none;
}
.app_docs a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
  color: #ffffff;
	text-decoration: none;
}
.app_docs a:hover {  
  font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
  color: #ffffff;
	text-decoration: underline;
}
.app_docs a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
  color: #ffffff;
	text-decoration: none;
}


/*
div.error {
  color: red;
}

div.error a {
  color: #336699;
  font-size: 12px;
  text-decoration: underline
}

label.error {
  display: block;
  color: red;
  font-style: italic;
  font-weight: normal;
}
*/

#trans_success {
/*
  padding: 5px;
  margin: 2px;
*/
  height: 24px;
  color: #004205;
  border: 1px solid #004205;
  background-color: #c0ffc0;
  font: bold 13px  verdana;
  text-align: left;
} 

#trans_msg {
  /*
  padding: 5px;
  height: 24px;
  */
  margin: 2px;
  color: #004205;
  background-color: #c0ffc0;
  font: bold 13px  verdana;
  text-align: left;
} 


div.error {
  padding: 5px;
  /*
  width: 90%;
  */
  margin: 2px;
  color: #c00;
  border: 1px solid #c00;
  background-color: #FEF1ED;
  font: bold 13px  verdana;
  text-align: left;
}

#tran_err {
  padding: 5px;
  /*
  width: 90%;
  */
  margin: 2px;
  color: #c00;
  border: 1px solid #c00;
  background-color: #FEF1ED;
  font: bold 13px  verdana;
  text-align: left;
}

.print_btn {
  position: relative;
  top: -22px;
}  

#jform td {
  font-size: 14px;
  white-space: nowrap;
}


#up_arrow {
  position: relative;
  top: 12px;
  left: 458px;
}  

#loading {
  position: relative;
  top: -30px;
  left: 120px;
}