/**************************************************
                Base HTML Styles Overrides
***************************************************/
* 
{ 
    font-family: Arial,Helvetica,sans-serif; 
    font-size: 12px;        
    margin: 0px;
    padding: 0px;
} 

html, body, form { height: 100%; }

body { background: #DADADA url(/Resources/Images/body-bg.gif) center top repeat-y; }

a { text-decoration: none; }
a:hover { text-decoration: underline; }
a:visited { color: inherit; }
h1 {  font-size: 20px; }
h2 { font-size: 18px; }
h3 { font-size: 14px; }
p { margin: 5px 0px; }
strong { font-size: inherit; }

/***************************************************
            Common Css Classes
***************************************************/
span.prompt { font-weight: bold; }

.buttonBar 
{ 
    clear: both;
    text-align: center; 
}

.primary a, .primary a:visited, .primary h1, 
.primary .prompt { color: #006699; }

.primary h2, .primary h2, .primary h3, 
.primary h4, .primary h5, .primary h6 
{
    color: #0096D8;
    margin: 0px 0px 5px 0px;
}

.primary a:hover { color: #E6864F; }

.primary ul
{
    clear: both;
    margin: 0px 0px 0px 25px;
    list-style-image: url(/Resources/Images/Controls/ListItems/orange.gif);    
}

.primary li
{     
    list-style-position: outside;
    margin: 5px 0px; 
    text-align: justify
}

.primary .section
{
    border: 4px solid #DDF4FF;        
    padding: 5px;
}

.primary .section .subSection { border-bottom: inherit; }

div.row 
{ 
    padding: 5px 0px;     
    clear: both;              
}

div.row span.prompt
{
     float: left;
     text-align: right;         
}

div.row div.dataInput, div.row input.dataInput
{
    float: right;
    text-align: left;        
}

.secondary { color: #006699; }
.secondary h1, .secondary h2, .secondary h3, 
.secondary h4, .secondary h5, .secondary h6 { color: #639629; }

.secondary .section
{    
    border: 4px solid #E6F5D8;    
    padding: 5px;
}

.step
{    
    padding: 13px 45px;        
    margin: 10px 0px;        
}          

.step1 { background: url(/Resources/Images/Controls/ListItems/circle_1.png) no-repeat; }      
.step2 { background: url(/Resources/Images/Controls/ListItems/circle_2.png) no-repeat; }                 
.step3 { background: url(/Resources/Images/Controls/ListItems/circle_3.png) no-repeat; }                 
.step4 { background: url(/Resources/Images/Controls/ListItems/circle_4.png) no-repeat; } 

.spacer { clear: both; }

.title { font-weight: bold; }

/***************************************************
                Main Section Styles
***************************************************/

#content, #footer
{
    margin-left: auto;
    margin-right: auto;        
}
    
#content
{ 
    background-color: #FFFFFF;     
    min-height: 100%;         
    position: relative;                    
    width: 900px;                
}

#devSection { 
	padding: 10px 15px; 
    clear: both;
}

#devContent 
{     
    float: right;
    clear: right;
    margin: 0px 5px;     
    width: 700px;        
}

#devContent h2 
{ 
    background:#0098D5 url(/Resources/Images/corner1.gif) no-repeat;
    background-position:right top;    
    border-left:1px solid #005B7D;
    border-style:none none none solid;
    color:#FFFFFF;    
    font-size:14px;    
    padding:4px;
    text-decoration:none;
}

#footer
{     
    border-top: 4px solid #E6F5D8;       
    border-right-width: 0px;
    border-left-width: 0px;
    border-bottom-width: 0px;     
    bottom: 0;            
    width: 880px;        
}
                
#footer ul
{    
    display: block;
    left: 50%;
    list-style-type: none;
    margin: 5px 0px 5px -295px;
    padding: 10px 0px;
    position: relative; 
    width: 630px;                     
}

#footer li
{
     float: left;
     margin: -5px 3px;
}

#footer li, #footer a
{
    color: #934415;
    font-size: 11px;                        
}

#header
{                    
    background: url(/Resources/Images/banner.jpg) no-repeat;    
    height: 135px;                            
}

#homeNav
{
    height: 130px; 
    width: 205px;        
}

#navSection { float: left; }

#search
{
    background: #FFFFFF url(/Resources/Images/Controls/Search/bar.png) no-repeat;        
    margin-left: 10px;
    height: 45px;
    padding: 5px;                   
}

/***************************************************
           Master Page Styles
***************************************************/
.homeLnk
{
    display: block;
    height: 100%;
    width: 220px;                
}

/***************************************************
			Toggle Panel Styles
***************************************************/
#cityList {
	width: 300px;
}

.panel_list {
	margin: 0px;
	padding: 0px;
}

.panel {
	float:left;
	padding-left: 25px;
	width: 250px;
}

.panel_head {
	padding: 5px 10px;
	font-weight: bold;
	cursor: pointer;
	position: relative;
	margin:1px;
}

.panel_body {
	padding: 5px 10px 15px;
	width: 250px;
}

/***************************************************
           Misc Styles
***************************************************/
.topAlign {
	vertical-align: top;
}

.searchMessage {
	display: none;
}

.whatIsVerifiedLink
{
	cursor:pointer;
}

.buyerHelpGuide {
	font-size:10px;
	margin-top:3px;
	text-decoration:underline;
}
a.printableReceipt 
, a.printableReceipt:hover
, a.printableReceipt:visited
{
	font-size:14px;
	font-weight:bold;
	
}