/* CSS Document */

html,body
{
    margin: 0;
    padding: 0;
}

body 
{
    font: 11px verdana, helvetica, sans-serif;
    color: #000;
}
h2,h3,h4{margin: 0 0 .5em;}
h2{font-size: 16px;}
h3 
{
    font-size:14px;
    color:#001959;
}
h4 
{
    color:#FF9321;
    padding:0px;
    margin:0px;
    font-size:11px;
}

a,
a:link,
a:visited
{
    text-decoration:underline;
    color: #455FA2;
}

a:hover {color:#000; text-decoration: underline;}

p 
{
    margin:7px 0px;
    line-height:16px;
}
hr
{
    height: 1px;
    border: none;
    color: #ccc;
    background-color: #ccc;
    margin: 1em 0;
    clear: both;
}
img {

border:none;

}

p.subnav
{
	font-weight:bold;
	text-transform: uppercase;
	white-space:nowrap;

}

/* ~~~ === POSITIONING SELECTORS ============================================================== ~~~ */

#container 
{  
    position: relative;
    width:930px;
     background: url(../images/inner_container.gif) repeat-y 0 0;
    
    margin: 10px auto;    
}

#containerInner 
{
    background: url(../images/container_bg.gif) no-repeat 0 100%;
}
#header 
{    
    height:172px;
    background: url(../images/header_bg.gif) no-repeat 0 0;
}
#main 
{
    width:930px;
    padding-bottom: 100px;
    min-height: 400px;
}

#content 
{
    position:relative;
    width:685px;
    margin:0px 5px 0 62px;
}

#right 
{
    position:absolute;
    top: 172px;
    right: 24px;    
    width:157px;
    height:24px;
    background:#FFD9B1 url(../images/member_bkgd.gif) no-repeat 0 0;
}
#right a 
{
    display:block;
    margin:5px 0px 4px 15px;
    font-weight:bold;
    text-decoration:none;
    color:#001959;
}
#right a:hover{color:#EC2E38;}

/* ~~~ === MAIN NAVIGATION ====================================================================== ~~~ */
#nav 
{
   position: absolute;
    width:645px;    
    top:128px;    
    left:58px;
}

#nav ul 
{
    list-style-type:none;    
    margin:0;    
    padding:0;
}
#nav ul li 
{
    display:inline;    
    padding:0;    
    margin:0;
}
#nav ul li a 
{    
    display:block;    
    float:left;    
    height:27px;    
    margin:0px 3px;    
    padding:13px 0px 0px 19px;    
    background-image:url(../images/arrow_grey.gif);    
    background-repeat:no-repeat;    
    color:#001959;    
    font-weight:bold;    
    text-decoration:none;
}

#nav ul li a:hover 
{
    background-image:url(../images/arrow_red.gif);    
    background-repeat:no-repeat;    
    color:#EC2E38;
}
#links 
{
    position:absolute;
    top: 24px;
    right: 32px;         
    color:#001959;    
    font-weight:bold;    
    font-size:10px;
}
#contentOptions{margin-bottom: 12px; width:680px; }
#contentOptions div.right{float: right;}
p.contentNav{line-height: 21px;}
p.contentNav a
{
    font-weight: bold;
    margin-right: 10px;
    float: left;
}

/* ~~~ === PROVIDERS ========================================================================== ~~~ */
#providerDetail div.contentLeft
{
    width: 360px;
    float: left;
}
#providerDetail div.contentRight
{
    width: 318px;
    float: right;
}
#providerDetail div.contentLeft h3,
#providerDetail div.contentRight h3,
#locationMap h3
{
    font-size: 12px;
    color: #000;
}
#providerLogo,
#mainImage{text-align: right;}
#mainImage img
{
    border: 1px solid #ccc;
    padding: 8px;
    background-color: #fff;
}
#locationMap
{
    clear: both;
}
#map_canvas
{
    border: 1px solid #979797;
    width: 682px;
    height: 360px;
}
#providerDetail table.formtable th
{
    font-weight: normal;
}
/* ~~~ === IMAGE POPUP ========================================================================= ~~~ */
#iframeOverlay
{
    position: absolute;
    top: 0;
    left: 0;
}
#overlay
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #000;
    opacity: .5;
}
#imagePopupPositioner
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
#imagePopupContainer
{
    position: relative;
    width: 500px;
    margin: 0 auto;
}
#imagePopupTop
{
    height: 6px;
    background: url(../images/image_popup_top.gif) no-repeat 0 0;
}
#imageContainer
{
    background-color: #fff;
    padding: 41px 0;
}
#imagePopupBottom
{
    height: 6px;
    background: url(../images/image_popup_btm.gif) no-repeat 0 0;
}
#popupImage
{
    display: block;
    border: 1px solid #ccc;
    padding: 8px;
    background: #fff;
    margin: 0 auto;
}
#imageTitle
{
    position: absolute;
    top: 16px;
    left: 41px;
    font-weight: bold;
    margin: 0;
}
#close
{
    position: absolute;
    top: 16px;
    right: 21px;
    font-weight: bold;
}

/* ~~~ ==== TABLES ===================================================== ~~~ */
table.recordstable
{
    clear: both;
    width: 100%;
    border-collapse: collapse;
    background-color: #fff; 
    margin-bottom: 1em;   
}

table.recordstable thead th input{vertical-align: middle;}
table.recordstable thead th
{
    background-color: #F2F2F2;
    padding: 4px 12px;
    border: 1px solid #ccc;
    font-size: 11px;
}
table.recordstable tbody tr.even{background-color: #F8F8F8;}
table.recordstable tbody td,
table.recordstable tfoot td
{
    padding: 4px 8px;
    border: 1px solid #ccc;
    font-size: 11px;    
}
table.recordstable tbody td.noborder{border: none;}
table.formtable{border-collapse: collapse;}
table.formtable th
{
    padding: 2px 4px;
    text-align: right;
    white-space: nowrap;
    width: 1%;
}
table.formtable td{padding: 2px 4px;}
#payments tbody input
{
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    border: 1px solid #ccc;
}
#payments{width: 685px;}

/* ~~~ === FORMS ============================================================================ ~~~ */
/* JOIN and CONTACT FORM SPECIFIC STYLES */
form{width: 548px;}
fieldset 
{
    border:1px solid #FCB131;    
    width:630px;    
    margin:0;
    padding: 0 24px;
}
fieldset legend 
{
    font-weight:bold;
    color:#233288;
    font-size:13px;
}
fieldset fieldset 
{
    position:relative;
    margin:0;
    padding:0;
    border-style:none;
    color:#000000;
    width:280px;
}
fieldset fieldset legend 
{
    color:#000000;
    font-weight:bold;
    font-size:12px;
}
fieldset fieldset
{
    margin: 12px 0;
}
fieldset ol 
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.input
{
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    border: 1px solid #999;
}
.button
{
    font: bold 11px Verdana, Arial, Helevetica, sans-serif;    
}
fieldset  table.formtable{margin: 12px 0 24px;}
.netAmount{background-color: #ebebeb;}
.grossAmount, .point_percent, .netAmount{text-align:right}
.saveInvoice, .submitInvoice{
float:left;
width:368px;
padding:3px 0px;
text-align:center;
background-color:#F2F2F2;

}
.saveInvoice{
border-right:1px solid #BCB99F;
}

/* ~~~ === CLASSES ========================================================================== ~~~ */
.link
{
    display: block;
    width: 133px;
    height: 24px;
    background: url(../images/link_bg.gif) no-repeat 0 0;
    text-align: center;
}

.cmsImagePopup img
{
    border: 1px solid #ccc;
    padding: 6px;
    background-color: #fff;
}
.small {font-size:10px;}
img#newsletter_image {margin-right:15px;}
img.thumb {margin:5px 20px;}
.left{text-align: left;}
.center{text-align: center;}
.right{text-align: right;}

.img-left
{
    float: left;
    margin: 0 12px 4px 0;
}
.img-right
{
    float: right;
    margin: 0 0 4px 12px;
}
.border-none{border: none;}
.border-thin{border: 1px solid #000;}
.border-thick{border: 2px solid #000;}

.deleteLink{
	background:url(../images/delete.png) 0 0 no-repeat;
	padding:2px 2px 2px 19px;

}

a.printLink {
	top: -10px;
	float:right;
	width: 80px;
	display: block;
	position: relative;
	
}

.selectedYear{

float:left;
}
.YearSelector{
float:right;
}
.previouTaxInvoices{
font-size:12px;
text-align:right;
}
.clear{clear: both;}

dl.addressLabels{
margin:0;
padding:0;
float:left;
width:220px;
margin-bottom:24px;

}
dl.addressLabels dt{
margin:0;
padding:0;


}
dl.addressLabels dd{
margin:0;
padding:0;
}