/* Orders
 * This is a controller-wide css file to customize all views handled by
 * the orders controller.
 */
div#order, div#receipt, div#subBen {
	margin-left:auto;
	margin-right:auto;
	padding:5px;
	border:0px solid #f00;	
}
div#receipt, div#subBen {
	width:30%;
}
div#order {
	width:71%;
}

.form_field a {
	border:0px solid #f00;
	float:right;
}

#no_table_subscription_type {
	border:0px solid #f00;
}

label {
	display:inline;
	float:left;
	border:0px solid #0f0;
}

.form_field {
	display:inline;
	float: left;
	vertical-align:top;
	width:90%;
	border:0px solid #00f;
}



.button_field input[type='submit'], .button_field input[type='button'] {
	float:right;
	margin-right: .35em;
}
.ordersCardImg {
	padding: .5em .5em 0em 0em;
	float:right;
	clear: both;
}
.form_field input[type='checkbox'] {
	float:right;
	margin-right:5%;	
	border:0px solid #f00;
}

.form_field select {
	float:right;
	margin-right:5%;	
}

.decimal_value {
	display:inline;
	float:right;	
}

div#order div#body {
	border-bottom:1px solid #333;
	padding-bottom:10px;
	margin-bottom:10px;
	height:260px;
}


/**
 * Receipt
 */
div#receipt, div#subBen {
	width:50%;
	border:0px solid #f00;
}

div#receipt label {
	height:24px;
	width:45%;
	vertical-align:top;
	padding:0px;
	border:0px solid #f0f;
}

div#receipt .data_field {
	height:24px;
	border:0px solid #00f;
}

div#receipt .data_value {
	width:50%;
	height:24px;
	float:right;
	text-align:right;
	border:0px solid #ff0;	
}


div#receipt #header, div#receipt #item_list, div#receipt #totals, div#receipt #cc {
	margin-bottom:10px;
	border-bottom:1px solid #333;	
}

div#receipt #total_field {
	border-top:1px solid #333;	
}

div#receipt #total {
	font-weight:bold;
}

div#receipt #buttons {
	float:right;
}

div#receipt .button {
	width:60px;
	padding:3px;
	float:right;
	text-align:center;
	border:1px solid #333;
}

.button_field {
	width:95%;
	margin-right: 0;
}

#email_button_form {
	display:inline;
}

#continue_button_form {
	display:inline;
}

div#receipt #thank_you {
	line-height:1.5em;
	padding-bottom:15px;
}
#subsBenefit tr td {
	border: 1px solid #045E52;
	padding: .5em 1em .5em 1em;
	text-align: center;
}
#subsBenefit tr td.benCol {
	text-align: left;
}
.subBenSectHead {
	color: #045E52;
	font-weight: bold;
	text-decoration: underline;
	font-size: 110%;
}
.subRates {
	padding-left: 1em;
}

#purchL {
	width: 25%;
}
#purchR {
	width: 45%;
	padding-top: 3em;
	padding-left: 2em;
}

.sub_matrix > *, .sub_matrix * * {margin: 0; padding: 0; border: 0; border-spacing: 0; font-weight: normal;}
.sub_matrix  table, .sub_matrix  td, .sub_matrix * table, .sub_matrix * td {border: ridge #045E52;}
.sub_matrix table, .sub_matrix * table {border-width: 2px 0 0 2px;}
.sub_matrix td, .sub_matrix * td {border-width: 1px 3px 3px 1px; height: 40px; padding: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight: bold; text-align: center;}
.sub_matrix .feature, .sub_matrix .footnote, .sub_matrix * .feature, .sub_matrix * .footnote {text-align: left;}
.sub_matrix .shade, .sub_matrix * .shade {background-color: #FFF1AF;}
.sub_matrix * #popout {width: 81px; background-color: #FFF4DF; position: absolute; top: -14px; left: -5px; border-left: solid 4px #000000; border-bottom: solid 6px #000000;}
/* for Internet Explorer */
/*\*/
* html * .sub_matrix * td {
height: 40px;
}
* html * #popout {
margin-left: -34px;
}
/**/
.sub_matrix .header, .sub_matrix * .header {height: 35px; background-color: #B5CFC2; color: #045E52; font-size: 15px; text-align: left;}
.sub_matrix .footnote, .sub_matrix * .footnote {font-size: 11px; font-weight: normal;}