﻿body 
{
}

.css_textbox
{
	font: 12px Verdana;
}

.css_textbox_right
{
	font: 12px Verdana;
	text-align: right;
}

.command_text
{
	font-family: Arial;
	font-weight: bold;
}

.subtitle_text
{
	font-size: 13px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica;
	color:#666666;
}

td.page_title
{
	height: 36px;
	font-size: 24px;
	font-family: 'Times New Roman', Times, serif;
	font-weight: bold;
	color: #8891ad;
	padding: 6px 0px 6px 0px;
	vertical-align: middle;
}

td.user_row
{
	font-size: 11px;
	font-family: Arial;
	padding: 4px 0px 4px 0px;
	background-color: #EFEFEF;
	border-top: border-top-style: inset;
	border-top-width: 1px;
	border-style: solid none none none;
	border-color: #C9C2B0;
	vertical-align: middle;
}

td.sub_title_Row
{
	padding-top: 12px;
	padding-bottom: 12px;
	font-size: 15px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
}

/*
** ISG Web Styles
*/

.isg_formToolbar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #496D8C;
	vertical-align: top;
	height: 20px;
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 5px;
	background-color: #F1f1f1;
	border-top: 1px solid #FCFCFC;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 0px solid #CCCCCC;
}

.isg_formData {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	padding-top: 5px;
	padding-right: 6px;
	padding-bottom: 3px;
	padding-left: 6px;
	background-color: #F8F8F8;
	height: 23px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: inset;
	border-right-style: inset;
	border-bottom-style: inset;
	border-left-style: inset;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	vertical-align: top;
}

.isg_productTitle {
	font-size: 12px;
	font-weight: bold;
}

.isg_separator {
	font-size: 1px;
	height: 1px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #D76B00;
	border-left-color: #FFFFFF;
	line-height: 1px;
}

.isg_heigth5px {
	font-size: 1px;
	line-height: 1px;
	height: 5px;
}

.isg_heigth10px {
	font-size: 1px;
	line-height: 1px;
	height: 10px;
}

.isg_formDataWhite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	padding-top: 5px;
	padding-right: 6px;
	padding-bottom: 3px;
	padding-left: 6px;
	background-color: #FFFFFF;
	vertical-align: top;
}

.isg_horizontalLine {
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	font-size: 1px;
	line-height: 1px;
	height: 2px;
}

.isg_price {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #D76B00;
	padding: 5px 5px 2px;
}
.isg_priceNonMember {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #333333;
	padding: 5px 5px 0px;
}

.preview_subtitle
{
	border-top: solid 1px #C9C2B0;
	border-bottom: solid 1px #C9C2B0;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: 12px;
	margin-bottom: 8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	width: 800px;
}

/*
** Recognition Styles
*/

strong
{
    font-weight: bold;
}

fieldset
{
	position: relative;
	margin-top: 1em;
	padding-top: .75em;
	padding: 10px 5px 5px 5px;
	background-color: #fff;
	width: 650px;
}

fieldset.blue
{
    background-image: url(images/gradient_blue.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    border: solid 1px #b3cccd;
    color: Black;
}

fieldset.orange
{
    background-image: url(images/gradient_orange.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    border: solid 1px #f4a842;
    color: Black;
}

fieldset p
{
    margin-left: 10px;
}

a.button
{
    display: block;
    float: right;
    line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
    height: 24px; /* Height of button background height */
    padding-left: 11px; /* Width of left menu image */
    text-decoration: none;
}

#interiorContentWide a.button span, a.button span
{
    display: block;
    padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
    font: bold 10pt Tahoma;
    color: #494949; /*button text color*/
}

a.button:hover
{
    /* Hover state CSS */
    background-position: bottom left;
}

#interiorContentWide a.button:hover span, a.button:hover span
{
    /* Hover state CSS */
    background-position: bottom right;
    color: black;
}

.button_bar
{
    /* Container you can use to surround a CSS button to clear float */
    overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
    width: 100%;
    margin-top: 10px;
    text-align: center;
}

a.orange
{
    background: transparent url(images/buttonOrangeLeft.gif) no-repeat top left;
}

a.orange span
{
    background: transparent url(images/buttonOrangeRight.gif) no-repeat top right;
}

a.blue
{
    background: transparent url(images/buttonBlueLeft.gif) no-repeat top left;
}

a.blue span
{
    background: transparent url(images/buttonBlueRight.gif) no-repeat top right;
}

.FixListItemWrapping td input
{
    float: left;
}
.FixListItemWrapping td label
{
    display: block;
    margin-left: 25px;
}
.FixCheckboxWrapping input
{
    float: left;
}
.FixCheckboxWrapping label
{
    display: block;
    margin-left: 25px;
}

table.form
{
    margin: 10px;
}

table.form td
{
    border-collapse: collapse;
    border-bottom: 1px dashed #ccc;
    padding: 3px;
}

table.form td table td
{
    border-bottom: none;
}

table.form td.label
{
    background-color: #F0F8FF;
    border: 1px solid #ccc;
    font-weight: bold;
    text-align: right;
    white-space: nowrap;
}

table.form td.input
{
    vertical-align: top;
    text-align: left;
    width: 100%;
}

table.form td.required
{
    background: #FEEEE1 url(images/required_bg.png) top left no-repeat;
    border: 1px solid #F37716;
    font-weight: bold;
    text-align: right;
    padding-left: 20px;
}

table.form td.subheader
{
	background-image: url(images/gradient_orange.gif);
	border: 1px solid #F37716;
	color: #F37716;
	font-weight: bold;
	text-align: left;
	padding-left: 6px;
}

.pageError span
{
    color: Red !important;
    display: block !important;
    border: dashed 1px red;
    background-color: #FFFFCC;
    background-position: left top;
    background-image: url(images/exclamation.gif);
    background-repeat: no-repeat;
    padding: 3px 3px 3px 56px;
    margin-top: 3px;
    overflow: hidden;
    line-height: 18px;
    font-size: 9pt;
    font-family: Arial, Verdana, Sans-Serif;
    min-height: 40px;
}

.greyBox
{
    background-color: #e4e4e4;
    background-image: url(images/question_mark.gif);
    background-position: 5px 5px;
    background-repeat: no-repeat;
    border: dashed 1px #ccc;
    min-height: 24px;
    line-height: 24px;
    padding: 5px 5px 5px 35px;
    font-family: Verdana;
    font-size: 12pt;
    color: #ccc;
    letter-spacing: 1.5px;
    margin-bottom: 10px;
    vertical-align: middle;
}

/*
** Web Site Administration Styles
*/

table.webadmin_border
{
	border-style: solid solid solid solid;
	border-width: 1px;
	border-color: #336699;
	font-size: 12px;
	font-family: Verdana;
}

td.webadmin_title
{
	vertical-align: middle;
	font-size: 12px;
	font-family: Verdana;
	font-weight: bold;
	width: 97%;
	height: 38px;
	padding: 0px 6px 0px 6px;
	background-color: #336699;
	color: #FFFFFF;
}

td.webadmin_subtitle
{
	vertical-align: middle;
	font-size: 12px;
	font-family: Verdana;
	font-weight: bold;
	width: 100%;
	height: 24px;
	padding: 0px 6px 0px 6px;
	background-color: #99CCFF;
	color: #000000;
}

td.webadmin_bottom_button_row
{
	text-align: right;
	vertical-align: middle;
	font-size: 12px;
	font-family: Verdana;
	width: 99%;
	height: 32px;
	padding: 0px 6px 0px 6px;
	border-top: solid 1px #336699;
}

/* 
** Green Style
*/

.green_panel_standard
{
	border: 1px solid #C9C2B0;
	font-size: 12px;
	font-family: Verdana;
	width: 97%;
	height: 360px;
	padding: 12px 8px 12px 8px;
}

table.green_border
{
	border-style: solid solid solid solid;
	border-width: 1px;
	border-color: #C9C2B0;
	font-size: 12px;
	font-family: Verdana;
}

th.green_header_row
{
	border-style: solid none solid none;
	border-width: 1px;
	border-color: #C9C2B0;
	vertical-align: middle;
	text-align: left;
	font-size: 10px;
	font-family: Verdana;
	font-weight: bold;
	background-color: #99FF99;
}

td.green_gradient_title
{
	vertical-align: middle;
	font-size: 12px;
	font-family: Verdana;
	font-weight: bold;
	width: 97%;
	height: 38px;
	padding: 0px 6px 0px 6px;
	background-image: url(images/green_grad_bkgd1.gif);
	background-repeat: repeat-x;
}

td.green_bottom_button_row
{
	vertical-align: middle;
	font-size: 12px;
	font-family: Verdana;
	width: 99%;
	height: 32px;
	padding: 0px 6px 0px 6px;
	border-top: solid 1px #C9C2B0;
	border-bottom: solid 1px #C9C2B0;
}

td.green_section_row
{
	border-style: solid none none none;
	border-width: 1px;
	border-color: #C9C2B0;
	vertical-align: middle;
	font-size: 12px;
	font-family: Arial;
	font-weight: bold;
	width: 97%;
	margin-top: 2px;
	padding: 6px 0px 4px 0px;
}

td.green_page_subtitle_row
{
	vertical-align: middle;
	font-size: 14px;
	font-family: Arial;
	font-weight: bold;
	width: 97%;
	margin-top: 2px;
	padding: 4px 0px 4px 0px;
}

td.green_row_bottom_border
{
	border-bottom: solid 1px #C9C2B0;
}

#introContainer ol {margin:0 0 0 20px;}

td.green_row_progress
{
	vertical-align: middle;
	font-size: 10px;
	font-family: Verdana;
	width: 97%;
	height: 30px;
	padding: 2px 8px 2px 8px;
}

td.green_question_row
{
	vertical-align: top;
	font-size: 12px;
	font-family: Verdana;
	width: 97%;
	height: 300px;
	padding: 2px 8px 0px 8px;
}

td.green_question_col
{
	text-align: left;
	vertical-align: top;
	padding-bottom: 6px;
}

td.green_error_row
{
	vertical-align: middle;
	text-align: center;
	font-size: 12px;
	font-family: Verdana;
	font-weight: bold;
	color: Red;
	width: 97%;
	height: 30px;
	padding: 0px 6px 0px 6px;
}

/* 
** GridView - Green Style
*/

.gv_green
{
	font-size: 12px;
	font-family: Verdana;
}

.gv_green td, .gv_green th
{
	padding: 4px;
}

.gv_green_header
{
	vertical-align: middle;
	font-size: 12px;
	font-family: Verdana;
	font-weight: bold;
	padding: 0px 6px 0px 6px;
	background-image: url(images/green_grad_bkgd1.gif);
	background-repeat: repeat-x;
}

.gv_green_row td
{
	border-bottom: solid 1px #C9C2B0;
}

.gv_green_altrow
{
	background-color: #eeeeee;
}

.gv_green_altrow td
{
	border-bottom: solid 1px #C9C2B0;
}

/* Reorder List */  
.drag_handle
{
	width: 10px;
	height: 15px;
	background-color: #C9C2B0;
	cursor:move;
	border: outset thin white;
 }
 
.call_back
{  
	border: thin blue inset;  
}  
 
.call_back table  
{  
	background-color: #5377A9;  
	color: Black;  
}  

.reorder_list li
{
	list-style: none;
/*	
	margin: 2px;
	background-image: url(images/bg_nav.gif);  
	background-repeat: repeat-x;
*/
	color: Black;
	padding-bottom: 4px;
	border-bottom: solid 1px #C9C2B0;
}  

.reorder_list li a  
{  
	color: Black !important;  
	font-weight: bold;  
}  

.reorder_cue  
{  
	border: dashed thin black;  
	width: 100%;  
	/*height: 25px;*/  
}  

.item_area
{
	margin-left: 12px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.2em;
	text-align: left;
}  

