/* ******************************************************************** */
	/*

	project:					BSG & R2 Integrated - BSG Clearing Re-Skin
	file:							bsg.css
	creator:					Benjamin Kutil <ben@make-things.com>
	creation date:		Mon Jul 19 13:36:06 EDT 2010
	copyright:				(c) 2010 - Make Things Studio http://make-things.com
										All rights reserved.

	info:							BSG Sitewide CSS
	
	TOC:							Structure
										Header
											Navigation

	*/
/* ******************************************************************** */

/*= Resetz
/*-------------------------------------------------------- */
html { height: 100%; overflow-y: scroll; margin: 0; padding: 0; font-size: 100%; text-align: center; background: rgb(247,246,246) url(../images/_s/bg-html.png) left top repeat-x; }
body { width: 960px; margin: 0 auto; padding: 0 0 15px; font: normal 62.5%/1.5 Arial, Helvetica, sans-serif; text-align: center; }
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-size: 30px; line-height: 1.4; font-weight:normal; }
p, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, button, textarea, blockquote, th, td { margin: 0; padding: 0; }
p,ol,dl,ul { margin: 0 0 1.5em; font-size: 12px; letter-spacing: 0.03em; color: #5f6567; }
p { line-height: 18px; }
p.above_list { margin-bottom: 5px; }
p.heading_more { margin-top: -8px; }

sub { vertical-align: sub; font-size: smaller; }
sup { color: #666; font-size: 9px; vertical-align: top; }
pre, tt, code, kbd, samp, var { font-family: "Courier New", Courier, monospace; }
code {color: #06f;}
code, pre {font-size: small; }
blockquote, q, em, cite, dfn, i, cite, var, address { font-style: italic; }
blockquote p:before, blockquote p:after, q:before, q:after {content: ''; }
th, strong, dt, b { font-weight: bold; color: rgb(0,0,0); }
ins { text-decoration: none; border-bottom: 3px double #333; }
del { text-decoration: line-through; } 
abbr, 
acronym { border-bottom: 1px dotted #333; font-variant: normal; }

ul,ol { margin: 0 0 20px 1.5em; font-size: ;}
ol li { margin: 0 0 10px; list-style-type: decimal; color: #2e2929;}
ol li:first-child { margin-top: 0; }
ul li { margin: 0 0 10px 0; list-style-type: disc; }
ul li:first-child { margin-top: 0; }
ul ul li {list-style-type: circle;}
ul ul ul li {list-style-type: square;}
ol ol li {list-style-type: lower-alpha;}
ol ol ol li {list-style-type: lower-roman;}

.nav,
.nav li { margin: 0; padding: 0; list-style: none; }

dl { font-size: 12px; }
dl strong { color: #00344d; font-weight: bold; }
dl dt { margin: 10px 0 2px; }
dl dt.first { margin-top: 0; }
dl dt a { font-weight:  bold; }
dl dd.detail { color: #454a4b; }

table { border-collapse: collapse; border-spacing: 0; }
caption { position: absolute; text-indent: -99999px; }
th {text-align: center; vertical-align: top; } 
tbody th { text-align: left; font-weight: normal; color: rgb(0,0,0);} 
tr, td { vertical-align: top; }
td,th { padding: 0 5px 5px 0; }

img[align="left"] { margin: 0 10px 10px 0; }
img[align="right"] { margin: 0 0 10px 10px; }
a img { border: none; }

legend { position: absolute; display: none; color: #000; padding-bottom: .5em; }
label { }
fieldset {line-height: 1;}
input, button, textarea, select, optgroup, option { vertical-align: baseline; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
input[type="radio"] {vertical-align: text-bottom;}
input { _vertical-align: text-bottom; }
button,
input[type="submit"],
input[type="reset"],
input[type="button"],
.inputButton { *overflow: visible; _width: 0; padding: .2em .4em; }

a:link,
a:active,
a:visited { text-decoration: none; outline: none; border: none; color: #1B5985; }
a:hover { text-decoration: underline; outline: none; border: none; color: #1B5985; }
a:focus {text-decoration: none; outline: none; border: none;  color: #1B5985; }
a:focus, :focus { outline: none;}

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */
.cufon { position: relative; z-index: 1; }
/*-------------------------------------------------------- */
/*= [end] Resets */

/*= Forms
/*-------------------------------------------------------- */
.ctl { display: inline; float: left; position: relative; width: 100%; }
.ctl input { font-size: 11px; line-height: 15px; }
/*-------------------------------------------------------- */
/*= [end] Forms */

/*= Structure
/*-------------------------------------------------------- */
#wrap-site { width: 980px; border: 1px solid rgb(233,232,232); border-top: none; background: #e7e6e6;}
#header { position: relative; z-index: 1000; width: 960px; height: 110px; margin: 0 auto 4px; text-align: left; background: rgb(6,56,196) url(../images/_s/bg-header.jpg) left top no-repeat;  }
#content { width: 960px; margin: 0 auto 10px; padding: 0 0 12px; text-align: left; border: 1px solid rgb(232,231,231); background: rgb(255,255,255); }
#footer { display: inline; float: left; width: 100%; text-align: left; }
/*-------------------------------------------------------- */
/*= [end] Structure */

/*= Header
/*-------------------------------------------------------- */
/*= Branding
/*-------------------------------------------------------- */
#branding { display: inline; float: left; width: 344px; height: 81px; margin: 15px 0 0 49px; }
#branding-logo,
#branding-logo a { display: block; width: 344px; height: 81px; }
#branding-logo a { background: url(../images/_s/bill_services_group-logo.png) left top no-repeat; }
#branding-logo span,
#branding-tagline { position: absolute; text-indent: -99999px; }
/*-------------------------------------------------------- */
/*= [end] Branding */

/*= Navigation
/*-------------------------------------------------------- */
#site-nav,
#site-utility { display: inline; float: right; width: 550px; }
#site-nav { position: absolute; top: 60px; right: 10px; z-index: 1000; }
.js #site-nav { width: 520px; }
#site-nav li,
#site-utility li { position: relative; display: inline; float: left; margin: 0 0 0 4px; }
#site-nav li { margin-left: -8px; }
#site-nav a:link,
#site-nav a:visited,
#site-nav a:active { display: block; padding: 4px 10px 2px 16px; font-size: 12px; line-height: 15px; text-decoration: none; color: rgb(255,255,255); border: 1px solid transparent; border-bottom: none;
	border-top-right-radius: 3px; border-top-left-radius: 3px;  -moz-border-radius-topright: 3px; -moz-border-radius-topleft: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-top-left: 3px;
	}

#site-nav>.hover>a { border-color: #2C56D6; background: url(../images/_s/bg-tier2.png) left top repeat;}

.js #site-nav>li:hover>ul,
.js #site-nav>li.hover>ul { display: block; }
#site-nav li ul ul { display: none; } /* hides 3 level and deeper nav */

#site-nav ul { display: inline; float: left; position:absolute; z-index: 1000; width: 100%; min-width: 132px;margin: 0; padding: 4px; border: 1px solid #2C56D6; border-top: none; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left: 3px; background: url(../images/_s/bg-tier2.png) left top repeat; }

#site-nav ul li { position: relative; z-index: 1000; display: inline; float: left; width: 100%; min-width: 126px; margin: 0; padding: 4px 0; background: rgb(255,255,255);}
#site-nav ul a:link,
#site-nav ul a:visited { display: block; margin: 0 4px 0 12px; padding: 0; font-size: 11px; line-height: 12px; text-decoration: none; color: rgb(120,120,120); border: none; }
#site-nav ul a:hover { text-decoration: underline; color: rgb(0,26,96); border: none; background: none; }
#site-nav ul { display: none; }

#site-utility { width: 205px; margin-top: 30px; }
#site-utility li { display: inline; float: left; margin: 0 3px 0 0; padding: 0 3px 0 0; font-size: 11px;  }
#site-utility a:link,
#site-utility a:visited { text-decoration: none; color: rgb(130,250,240); }
#site-utility a:hover { color: rgb(255,255,255); }

#site-util-search { width: 160px; }
#ctl-keywords { width: 142px; }
#ctl-keywords label { display: none; }
.js #ctl-keywords label.over { display: block; position: absolute; left: 3px; }
.no-js #ctl-keywords label { display: none; }
#ctl-keywords input { display: inline; float: left; width: 142px; height: 15px; margin: 0; padding: 0 0 0 3px; border: 1px solid rgb(204,204,204); background: rgb(255,255,255); }
#ctl-search-submit label { display: none; }
#ctl-search-submit { width: 18px; }
#ctl-search-submit input { width: 18px; height: 17px; text-indent: -99999px; border: none; background: transparent url(../images/_s/bsg-sprites.png) -16px top; }
#site-utility #site-util-home { width: 15px; margin: 0; padding: 0; border: none; }
#site-util-home a { display: block; width: 15px; height: 14px; color: rgb(130,250,240); background: url(../images/_s/bsg-sprites.png) left top no-repeat; }
#site-util-home a:hover { color: rgb(255,255,255); background-position: left -14px; }
#site-util-home span { position: absolute; text-indent: -9999px; }
/*-------------------------------------------------------- */
/*= [end] Navigation */
/*-------------------------------------------------------- */
/*= [end] Header */
/*= Footer
/*-------------------------------------------------------- */
#copyright-info { display: inline; float: left; width: 280px; margin: 18px 0 0 10px; }
#copyright-info p { margin: 0; font-size: 11px; line-height: 14px; letter-spacing: 0px; color: rgb(90,89,89); }
#sitemap-nav { display: inline; float: right; width: 650px; margin: 18px 0 0 0; }
#sitemap-nav li { display: inline; float: left; margin: 0 8px 0 0; padding: 0 8px 0 0; font-size: 10px; line-height: 1; border-right: 1px solid rgb(173,172,172); }
#sitemap-nav li.last { margin: 0; padding: 0; border: none; }
#sitemap-nav a:link,
#sitemap-nav a:active,
#sitemap-nav a:visited { color: rgb(90,89,89); text-decoration: none; }
#sitemap-nav a:hover { text-decoration: none; color: rgb(0,0,0); }

/*-------------------------------------------------------- */
/*= [end] Footer */