/* generic yellow sections... e.g. warrants calculator */
div.generic_yellow_section
{
    background: #FFFFFF url(../images/gradients/grey_cell_200h_inv.jpeg) repeat-x top;
	width: 735px;
	height:100%;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 5px;
/*	background-color:#E5E5E5;*/
	border: solid 0px #E5E5E5;
}

/*
div.generic_narrow_section
{
    background: #FFFFFF url(../images/gradients/grey_cell_100h.jpeg) repeat-x bottom;
	width: 735px;
}

div.generic_narrow_section h2
{
    background: #FFCC33 url(../images/design/button_yellow.gif) repeat-x scroll left center;
    border: solid 1px #FFDD99;
	margin: -6px -7px 0 -7px;
	padding: 0px 3px 0px;
	font-size: 13px;
	font-weight:bold;
	font-family:Verdana;
	display: block;
}
*/



div#numberedNavigator
{
    background:url(../images/gradients/grey_cell_18h.jpeg) repeat-x bottom;
    /*border-bottom: solid 1px #EFEFEF;*/
    /*border-top: solid 1px #EFEFEF;*/
    padding: 7px 0px 7px 0;
    width:100%;
    /*width:748px;*/
    overflow: hidden;  /* prevent IE6 to move the inner part of product search page to the bottom when zoom font is set to +3*/
}

div.generic_yellow_section h2
{
    background: #FFCC33 url(../images/design/button_yellow.gif) repeat-x scroll left center;
    border: solid 1px #FFDD99;
	margin: -6px -7px 0 -7px;/*-5px -5px 0px -5px;*/
	padding: 0px 3px 0px;
	font-size: 13px;
	font-weight:bold;
	font-family:Verdana;
/*	background-color: #CCCCCC;*/
	display: block;
	#padding: 5px 3px;
	#height: 10px;
}

div.generic_yellow_section div.body_section
{
	padding: 5px 5px 5px 5px;
}

div.generic_yellow_section div.body_section .data
{
	font-weight: bold;
	font-size: 120%;
	display:inline;
}


div.generic_yellow_section div.body_section input.data
{
	border: #cccccc 1px solid;
	margin:0;
	padding:0px;
	background-color: #EEEEEE;
	
}

div.generic_yellow_section div.body_section input.disableddata
{
	border: #cccccc 1px solid;
	margin:0;
	padding:0px;
	background-color: #FFF5CD;
}

div.generic_yellow_section div.body_section .label
{
	font-weight: bold;
	font-size: 80%;
	display:inline;
}

div.button_section
{
	 height:23px;
}

div.button_section .button
{
    background:#FFFFFF url(../images/design/button_yellow.gif) repeat-x scroll left center;
    border:1px solid #FFCC33;
    display:block;
    float:left;
    font-size:11px;
    font-weight:700;
    line-height:15px;
    padding:1px 5px 2px 4px;
    text-decoration:none !important;
    margin:0px 10px 0px 0px;
}

/* NB Not references anywhere
.flatbutton
{
	border-top: #cccccc 1px solid;
	border-right: #cccccc 1px solid;
	border-bottom: #cccccc 1px solid;
	border-left: #cccccc 1px solid;
	margin: 0px 0px 0px 0px;
	padding: 1px 5px 1px 5px;
	background-color: #ffffff;
	font-weight: bold;
}

.button_yellow{
background:#FFFFFF url(../images/design/button_yellow.gif) repeat-x scroll left center;
border:1px solid #FFCC33;
display:block;
float:left;
font-size:11px;
font-weight:700;
line-height:15px;
padding:1px 5px 2px 4px;
text-decoration:none !important;
padding-right: 10px;
}

.button_yellow a span {
background:transparent url(../images/design/button_arrow.gif) no-repeat scroll right 4px;
padding-right:13px;
}
*/

/* generic buttons */
input.button:hover
{
	cursor: pointer;
}

/* generic tables... set the cellspacing to 1px... bottom and right set by cells */
table.calcTopGrid
{
    border: solid 1px #FFFFFF;
	border-bottom-style: none;
	border-right-style: none;
}

table.calcTopGrid td
{
    background: url(../images/gradients/grey_cell.jpeg) repeat-x;
	border-style: solid;
	border-width: 2px;
	border-color: #FFFFFF;
	border-top-style: none;
	border-left-style: none;
}

table.calcTopGrid td.large
{
    background: url(../images/gradients/grey_cell_50h.jpeg) repeat-x;
	border-style: solid;
	border-width: 2px;
	border-color: #FFFFFF;
	border-top-style: none;
	border-left-style: none;
}

table.cleanGrid
{
	border-style: solid;
	border-width: 1px;
	border-color: #FFFFFF;
	border-bottom-style: none;
	border-right-style: none;
}

table.cleanGrid td
{
	border-style: solid;
	border-width: 2px;
	border-color: #FFFFFF;
	border-top-style: none;
	border-left-style: none;
}

table.cleanGrid td
{
	background-color: White;
}

table.cleanGrid thead
{
	font-weight: bold;
}

table.cleanGrid .highlightColumn
{
	background-color: #EEEEEE;
}

table.cleanGrid .highlightColumnHeading
{
	background-color: #FFCC33;
}

table.cleanGrid .greyedColumn
{
	background: #EEEEEE url();
}

table.cleanGrid .greyedColumnHeading
{
	background-color: #CCCCCC;
}

table.cleanGrid .headingColumn
{
	color: #888888;
	text-align: right;
	padding-right: 10px;
	text-decoration: underline;
}

table.cleanGrid .highlightRow
{
	font-weight: bold;
}

div.errorText,
span.errorText
{
	color: #ff0000;
}
.ajax__calendar_container { z-index : 1000 ; }


/* New Form Section */
div.main_form
{
    background: #FFFFFF url(../images/gradients/grey_cell_200h_inv.jpeg) repeat-x top;
/*	width: 735px;*/
	height:100%;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 5px;
    border-bottom: solid 1px #E5E5E5;
    border-left: solid 1px #E5E5E5;
    border-right: solid 1px #E5E5E5;
    /*border: solid 1px #FFCC33;*/
}

div.main_form h2,
h2.orange_header
{
    background: #FFCC33 url(../images/gradients/orange_cell_36h.jpeg) repeat-x scroll left center;
    border:0;
	display: block;
    margin:0 0 0 0;
	padding: 0px 0px 5px 5px;
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana;
}

div.main_form div.body_section
{
	padding: 5px 5px 5px 5px;
}

div.main_form div.body_section .data
{
	font-weight: bold;
	font-size: 120%;
	display:inline;
}

div.main_form div.body_section input.data
{
	border: #cccccc 1px solid;
	margin:0;
	padding:0px;
	background-color: #EEEEEE;
	
}

div.main_form div.body_section input.disableddata
{
	border: #cccccc 1px solid;
	margin:0;
	padding:0px;
	background-color: #FFF5CD;
}

div.main_form div.body_section .label
{
	font-weight: bold;
	font-size: 80%;
	display:inline;
}


div.form_footer
{
    background: #FFCC33 url(../images/gradients/orange_cell_18h_inv.jpeg) repeat-x scroll left center;
    border:0;
    height:0px;
	display: block;
    margin:0 0 0 0;
	padding: 0px 0px 5px 0px;
}

div.bg_warrants_calculator
{
    background: url(../images/gradients/grey_cell_400h_inv.jpeg) repeat-x top;
}

div.bg_scenario_calculator
{
    background: url(../images/gradients/grey_cell_500h_inv.jpeg) repeat-x top;
}

div.bg_warrants_selector
{
    background: url(../images/gradients/grey_cell_50h_inv.jpeg) repeat-x top;
}