/* @override http://infinity800.com/css/style.css */

@import "jquery.alerts.css";



/* --- GLOBALS --- */
body, table, dt, th, p, div, li, input, select, textarea, radio, submit, button {
	font-family: Helvetica;
	font-size: 12px;
	font-weight: 100;
	vertical-align: top;
}
input, select, textarea, radio, submit, button {
	font-size: 10px;
}
button {
}
img {
	padding: 0px;
	margin: 0px;
}
th {
	font-weight: bold;
}
a {
	color: #0000FF;
}
strong {
	font-weight:bold;
	color:#4c4c4c;
}

.nowrap {
	white-space:nowrap;
}


.tips {cursor:pointer;}


/* --- STRUCTURE --- */
#Wrap {
	width: 775px;
	margin: 0px auto;
}
#Head {
	background-color: #FFF;
}
#Container {
	background: #FFF url('../img/bg2.gif') repeat-y;
}
#Foot {
	width: 775px;
	margin: 0px auto;
	
}
#Menu {
	background: transparent;
	float:left;
	width: 150px;
}
#Content {
	padding: 10px 10px 0px 160px;
	min-height: 528px;
}

/* --- DATA GRID --- */
.datagrid {
	border-left:thin solid #e5e5e5;
}
.datagrid caption {
text-align:left;
font-size:14pt;
padding:5px;
border:thin solid #e5e5e5;
color:#001979;
background-color:#FFF;
}
.datagrid caption span {
float:right;
font-size:10pt;
position:relative;
top:3px;
}
.datagrid thead th {
	border-top: 1px #E1E1E1 solid;
	border-bottom: 1px #CCCCCC solid;
	border-right:thin solid #e5e5e5;
	padding: 3px;
	text-align: left;
	color:#7f7f7f;
	background-color:#ecf2fe;
	font-weight:normal;
	font-style:normal;
}
.datagrid thead th.nobg {
	/*
	border: 0;
	background: transparent;
	*/
}
.datagrid tbody td {
	padding: 3px 5px;
	border-right:thin solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	color:#4c4c4c;
}
.datagrid tbody tr.row {
	background-color: #fff;
}
.datagrid tbody tr.altrow {
	background-color:#ecf2fe;
}
.datagrid tfoot tr {
background-color:#f9ffcb;
}
.datagrid tfoot th, .datagrid tfoot td {
padding:5px;
border-bottom:thin solid #e5e5e5;
border-top:thin solid #ccc;
}
.datagrid tfoot th {
	font-size:14pt;
	font-weight:normal;
	font-style:normal;
	padding-right:10px;
	color:#4c4c4c;
}
.datagrid tfoot td {
	font-size:16pt;
	color:#1a7c31;
}


/* --- SYSTEM MESSAGES --- */
.flash_success {
	text-align:center;
	border:thin solid #DEDEDE;
	padding:5px;
	background-color:#fcf9ce;
	color:#222222;
}
.flash_error {
	text-align:center;
	border:thin solid #d22528;
	padding:5px;
	background-color:#f6cbca;
	color:#d22528;
}


/* --- DOWNLINE --- */
.indirectbox, .directbox, .directbox2, .emptybox {
	border: 1px #CCCCCC solid;
	padding: 5px;
	margin: 5px;
	height:70px;
}
.matrix_row {
	border: 1px #E1E1E1 solid;
	margin:10px;
}
.matrix_title {
	border-bottom: 1px #E1E1E1 solid;
	padding:5px;
	text-align:center;
}
.directbox:hover {
	background-color:#cae6f4;
}
.indirectbox:hover {
	background-color:#cfa86d;
}
.indirectbox {
	background-color:#ffcf87;
}
.directbox {
	background-color:#bcd3e0;
}
.emptybox {
	background-color: #FFFFFF;
}
.directbox2 {
	background-color :#FFCCCC;
}



/* --- FONTS --- */
.blackhead16 {
	color: black;
	font-family: Tahoma;
	font-size: 16pt;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: normal;
}
.blackhead14 {
	color: black;
	font-family: Tahoma, Arial, Verdana;
	font-size: 14pt;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: normal;
}
.blacktext12 {
	color: black;
	font-family: Arial;
	font-size: 12pt;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: normal;
}
.maroonhead22 {
	color: rgb(170, 0, 0);
	font-family: Tahoma;
	font-size: 22pt;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: normal;
}
.blacktext13 {
	color: black;
	font-family: Arial;
	font-size: 13pt;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: normal;
}
.maroonhead14 {
	color: rgb(170, 0, 0);
	font-family: Tahoma;
	font-size: 14pt;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: normal;
}
.maroonhead18 {
	color: rgb(170, 0, 0);
	font-family: Tahoma;
	font-size: 18pt;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: normal;
}
.maroonhead16bold {
	color: rgb(170, 0, 0);
	font-family: Tahoma;
	font-size: 16pt;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: normal;
}
.maroonhead13 {
	color: rgb(170, 0, 0);
	font-family: Arial;
	font-size: 13pt;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: normal;
}
.arial11 {
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: normal;
}
.arial12 {
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: normal;
}
.maroonhead13reg {
	color: rgb(170, 0, 0);
	font-family: Arial;
	font-size: 13.5pt;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: normal;
}
.blacktext13point5 {
	color: black;
	font-family: Arial;
	font-size: 13.5pt;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: normal;
}
.bluehead13reg {
	color: rgb(0, 0, 153);
	font-family: Arial;
	font-size: 13.5pt;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: normal;
}




/* --- FORMS --- */
.required {
	font-weight: bold;
	color: red;
}
.error {
	color: red;
}
#signup .error {
	color:#ca0f06;
	font-size:9pt;
	font-weight:bold;
	display:inline-block;
	margin-top:5px;
}
h2.form_section{
	color: #333;
	margin:10px 0 5px;
	border-bottom: 2px solid #333;
	font-size: 14px;
	padding-bottom:3px;
}
.submitBtn {
background:url('/img/submit-btn-sm.png') 0 0;
width:170px;
height:38px;
border-width:0;
}
.button:hover, .submitBtn:hover {
background-position:0 -38px;
}
.disabledBtn, .disabledBtn:hover {
background-position:0 -76px;
}
select, label, text, input {
	font-size:10pt;
}
form table tr th {
	font-size:10pt;
	vertical-align:middle;
	font-weight:normal;
	font-style:normal;
}
label.checkbox_text {
	vertical-align:sub;
}


/* --- UPGRADE POPUP --- */
.upgrade_div {
	width: 400px;
	border: 1px #999 solid;
	background-color: #FFFFFF;
	margin-right:10px;
	margin-left:10px;
}
/*
.upgrade_div h2 {
	background: #666;
	color: #FFF;
	padding: 3px;
	margin-top: 0px;
}
*//*
.upgrade_div p {
	font-size: 12pt;
}
*/
.upgrade_div h1 {
color: rgb(170, 0, 0);
font-family: Tahoma;
font-size:16pt;
font-weight: bold;
letter-spacing: -1px;
line-height: normal;
padding-right:30px;
padding-left:30px;
text-align:left;
}
.upgrade_div h2 {
color: rgb(170, 0, 0);
font-family: Tahoma;
font-size:16pt;
font-weight: bold;
letter-spacing: -1px;
line-height: normal;
text-align:left;
padding-left:30px;
}
.upgrade_div p {
text-align:left;
padding-left:30px;
padding-right:30px;
font-size:11pt;
}
.upgrade_div table {
	font-size: 11pt;
	width: 400px;
}
.upgrade_div input.radio {
	display: block;
	height: 25px;
	line-height: 1.5em;
	margin:0px 0px 0px 3px;
	width: 25px;
}


/* ---  Credit Card Form --- */
#cc_form_box {
	text-align:left;
}
#cc_form table {
width:100%;
padding-right:30px;
padding-left:30px;
}
#cc_form div.input {
margin-right:5px;
margin-bottom:5px;
margin-left:5px;
}
#cc_form div.terms {
padding-top:5px;
padding-bottom:5px;
}
#cc_form_box div.input.terms span a{
font-size:11px;
}
#cc_form input, #cc_form select {
	font-size:10pt;
	display:inline-block;
}
#cc_form div.input span {
	margin-left:5px;
	display:inline-block;
	margin-top:3px;
}
#cc_form label{
	width:100px;
	display:inline-block;
	margin-left:20px;
	font-size:10pt;
	
	text-align:left;
	margin-top:3px;
}
#cc_form_box div.submit {
	padding-top:10px;
	padding-bottom:10px;
	padding-left:2px;
}
#comm_form_box div.submit {
}
.button.button-use_comm {
	background-color:#00820a;
	color:#fff;
	padding-top:5px;
	padding-bottom:5px;
	border:1px solid #ccc;
	cursor: pointer;
	min-width: 200px;
}
.button.button-use_comm:hover {
	background-color:#00b90f;
}
#cc_form .section_head{
	font-size: 11pt;
}
#cc_form .flash_error, #cc_form .flash_success {
	margin-bottom:15px;
	

}




/* --- SPECIFIC PER FORM --- */
#fulfillment_form label {
	display:inline-block;
	margin-top:3px;
}
#search_affiliates label {
	display:inline-block;
	margin-top:4px;
}
#signup input.field.text {
	width:160px;
}

#offer1_form label.checkbox_text {
	display:inline-block;
	margin-top:2px;
font-size:8pt;
}
#offer1_form table {
	padding-right:20px;
	padding-left:20px;
}
#offer1_form th {
	text-align:left;
	font-size:10pt;
}
#offer1_form td {
	font-size:10pt;
}
#ccv_link{
	position:relative;
	display:inline-block;
	top:5px;
	left:3px;
}

#upgradeTimer{
	font-weight:bold;
	font-size:11pt;
	margin-top:5px;
	color:#16007f;
}
#fulfillment_form select {
position:relative;
bottom:3px;
}



.cc_form .flash_error {
margin-right:60px;
margin-left:60px;
}






#liberty_reserve_btn{
margin-left:45px;
border-style:solid;
border-color:#808080;
padding:4px 20px 5px;
margin-top:2px;
}