/*
	This file contains all static classes or the static portions 
	of shared classes whos compliment resides in styles.css
*/

/* HTML ELEMENTS */

BODY {
	font-family: verdana, arial, sans-serif; 
	text-align:center;
}

@media screen{
	.Screen_Hidden{
		display:none;
	}
}

@media print{
	.Print_Hidden{
		display:none;
	}
	
	Body{
		background-image:none;
	}
}

/* IE HACK... PNG Fix */
img, div { behavior: url(/css/iepngfix.htc) }

FORM{
	margin: 0px;
}
TD
{
	font: 8pt verdana, arial, sans-serif;
}

H2
{
	margin-bottom: 2px;
	font-size: 16px;
}

H3
{
	margin:0;
	padding:0;
	font-size:14px;
}

P{
	margin: 0px;
}

OL{
	font: 8pt verdana, arial, sans-serif;
}

UL{
	font: 8pt verdana, arial, sans-serif;
}

LI{
	font: 8pt verdana, arial, sans-serif;
}

B{
	font-weight: bold;
}

input, select, submit{
	font: 7pt verdana, arial, geneva, sans-serif;
}


/* HTML/CLASS Definitions */
a.button span {
    background: transparent url(../img/btn_back_lt.gif) no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
		font-weight:bold;
} 

a.button:active span {
    background-position: bottom left;
    /* 
    	2008-03-27 Chris Rickard
    	The rule below causes the layout to get all whacked in IE7 and the button 
	physically moves, causing the click event not to register. 
    */
    /* padding: 6px 0 4px 18px;  push text down 1px */
} 

B.red{
	font: 8pt verdana, arial, sans-serif;
	color: #990000;
	font-weight: bold;
}

B.white{
	font: 8pt verdana, arial, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
}

.light_1{
	color:#555555;
}

.light_2{
	color:#777777;
}

.light_3{
	color:#aaaaaa;
}

.OuterWindow{
	width:1000px;
	text-align:left;
}

.small{
	font-size: 10px;
}

.xsmall{
	font-size: 9px;
}

B.header{
	font: 10pt verdana, arial, sans-serif;
	font-weight: bold;
}

B.msg{
	font-style: italic;
}

B.subHeader{
	font: 8pt verdana, arial, sans-serif;
	font-weight: bold;
}

.Error{
	color: #990000;
	font-size: 11px;
}

.ErrorBox{
	border:1px solid #f3bcb5;
	width:300px;
	text-align:center;
	padding:5px;
	background-color:#ffeeee;
}

.footer{
	font-size:9px;
}

.footer_copywrite{
	font-size:8px;
}

.TopAddress, .Logo{
	padding-bottom:5px;
	padding-top:5px;
}

.TopShadow{
	background: url(../img/top_shadow.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	height: 4px;
}


.selected_step, A.selected_step, A.selected_step:hover, A.selected_step:visited, A.selected_step:active{
	padding-right: 15px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	line-height:20px;
}

.unselected_step, A.unselected_step, A.unselected_step:hover, A.unselected_step:visited, A.unselected_step:active
{
	padding-right: 15px;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	line-height:20px;
}


.disabled_step, A.disabled_step, A.disabled_step:hover, A.disabled_step:visited, A.disabled_step:active
{
	padding-right: 15px;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	line-height:20px;
}

.results_table th
{
	border-bottom:2px solid #cccccc;
}


.CustomerInfo_AddressTable{
	width:100%;
	
}

.CustomerInfo_AddressTable TR TD{
	border-top:2px solid #DFDFDF;
	padding-top:5px;
	padding-bottom:3px;
	
}

.Annotation{
	font-size:9px;
}


/* ************************************* */
/* SHARED CUSTOMIZABLE CLASSES */
/* ************************************* */

A:link
{
	text-decoration: none;
}

A:visited
{
	text-decoration: none;
}

A:hover
{
	text-decoration: underline;
}

a.button {
    background: transparent url('../img/btn_back_rt.gif') no-repeat scroll top right;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button:active {
    background-position: bottom right;
    outline: none; /* hide dotted outline in Firefox */
}


.InnerWindow
{
	font-size: medium;
	font-weight: normal;
	font-style: normal;
}

.TopBorder
{
	height: 18px;
}

.Step1Image{
	background-image:url(../img/1_dis.gif);
	width:20px;
	height:20px;
}

.Step2Image{
	background-image:url(../img/2_dis.gif);
	width:20px;
	height:20px;
}

.Step3Image{
	background-image:url(../img/3_dis.gif);
	width:20px;
	height:20px;
}

.Step4Image{
	background-image:url(../img/4_dis.gif);
	width:20px;
	height:20px;
}

.Step5Image{
	background-image:url(../img/5_dis.gif);
	width:20px;
	height:20px;
}

.Step6Image{
	background-image:url(../img/6_dis.gif);
	width:20px;
	height:20px;
}

.Step7Image{
	background-image:url(../img/7_dis.gif);
	width:20px;
	height:20px;
}