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

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

	info:							Interior CSS Layout for new BSG Clearing Design

	*/
/* ******************************************************************** */
/*= Interior Page Templates
/*-------------------------------------------------------- */
.interior #content { min-height: 400px; }
.interior #main,
.interior #sub { display: inline; float: left; position: relative; }
.interior #main-header { display: inline; float: left; width: 100%; margin: 0; border-bottom: 2px solid rgb(213,213,213); }
.interior #main-aside { display: inline; float: left; width: 215px; margin: 0 0 0 -670px; padding: 0; }
.interior #main.full-width-main #main-aside { margin-left: -880px; }

/*= Interior Main Template
/*-------------------------------------------------------- */
.interior #main { width: 680px; margin: 25px 0 0 30px; }
.interior #main.full-width-main { width: 900px; }
.interior #sub { float: right; width: 225px; margin: 30px 12px 0 0; }
.interior #main-content { display: inline; float: left; width: 440px; margin: 25px 0 0 230px; }
.interior #main.full-width-main #main-content { width: 650px; }
/*-------------------------------------------------------- */
/*= [end] Interior Main Template */
/*= One Column Template
/*-------------------------------------------------------- */
.interior-1col #main { width: 905px; }
.interior-1col #main-content { width: 85%; margin-left: 0; }
/*-------------------------------------------------------- */
/*= [end] One Column Template */
/*= Two Column Template
/*-------------------------------------------------------- */
.interior-2col #main { width: 905px; }
.interior-2col #main-content { width: 665px; }
.interior-2col #main-aside { margin-left: -895px;}
/*-------------------------------------------------------- */
/*= [end] Two Column Template */

/*-------------------------------------------------------- */
/*= [end] Interior Page Templates */

/*= Modules/Content
/*-------------------------------------------------------- */
/*= Content
/*-------------------------------------------------------- */
#main-header .heading { margin: 0 0 10px 5px; font-weight: normal; font-size: 24px; color: #132554; }
h2 { font-weight: bold; font-size: 1.5em; line-height: 18px; color: #132554; margin: 0 0 15px 0; }
h3 { font-weight: bold; font-size: 1.3em; color: #2e2929; margin: 0 0 5px 0; }
#main-content p { font-size: 1.2em; line-height: 1.8em; color: #2e2929; margin: 0 0 15px 0; }
#main-content a.button_b2p { background: url(/images/button_b2p.png) no-repeat top left; display: block; width: 187px; height: 41px; font-size: 1.2em; color: #fff; text-align: center; padding: 12px 0 0 0; }
#main-content a.button_b2p:hover { text-decoration: none; }
/*-------------------------------------------------------- */
/*= [end] Content */

/*= Sub Nav
/*-------------------------------------------------------- */
#page-nav li { display: inline; float: left; width: 100%; margin: 0; padding: 0; border-bottom: 2px solid #ddd; }
#page-nav li a:link,
#page-nav li a:visited { display: block; padding: 7px 5px; font-size: 14px; line-height: 19px; text-decoration: none; color: #666; }

#page-nav li.here a { font-weight: bold; color: #132554; }
#page-nav li a:hover { color: #132554; }

#page-nav li ul { margin: 0; padding: 0; list-style: none; }
#page-nav li ul li { display: block; border-top: 2px solid #ddd; border-bottom: 0px; }
#page-nav li ul a:link,
#page-nav li ul a:visited { padding: 7px 0 7px 17px; font-weight: normal; font-size: 1.1em; color: #666; }
#page-nav li ul ul a:link,
#page-nav li ul ul a:visited { padding: 7px 0 7px 34px; font-weight: normal; font-size: 1.1em; color: #666; }
#page-nav li ul ul ul a:link,
#page-nav li ul ul ul a:visited { padding: 7px 0 7px 48px; font-weight: normal; font-size: 1.1em; color: #666; }
#page-nav li ul .parent_here>a:link,
#page-nav li ul .parent_here>a:visited { font-weight: bold; }
#page-nav li ul .here>a:link,
#page-nav li ul .here>a:visited { font-weight: bold; color: #132554; }
#page-nav li ul a:hover { color: #132554; }
/*-------------------------------------------------------- */
/*= [end] Sub Nav */
/*= Product Nav
/*-------------------------------------------------------- */
/*= Small Product Nav
/*-------------------------------------------------------- */
#products-nav { margin: 0; padding: 0; list-style: none; position: absolute; top: -5px; right: 0; z-index: 1; }
#products-nav li { float: left; display: block; }
#products-nav li ul { display: none; }
#products-nav li a { display: block; width: 30px; height: 31px; padding: 0 0 0 3px; }
#products-nav li#products_lec_billing_solutions a { background: url(/themes/site_themes/bsg/images/productnav_lec_thumb.png) no-repeat top left; }
#products-nav li#products_ez_wi a { background: url(/themes/site_themes/bsg/images/productnav_ez_thumb.png) no-repeat top left; }
#products-nav li#products_voicelog a { background: url(/themes/site_themes/bsg/images/productnav_tpv_thumb.png) no-repeat top left; }
#products-nav li#products_bill2phone a { background: url(/themes/site_themes/bsg/images/productnav_ap_thumb.png) no-repeat top left; }
#products-nav li#products_credit_card_processing a { background: url(/themes/site_themes/bsg/images/productnav_ccp_thumb.png) no-repeat top left; }
#products-nav li a span { display: none; position: absolute; color: #666; top: -17px; left: 5px; z-index: 2; }
#products-nav li a:hover span { display: block; width: 200px; }
/*-------------------------------------------------------- */
/*= [end] Small Product Nav */
/*-------------------------------------------------------- */
/*= [end] Product Nav */

/*= Forms
/*-------------------------------------------------------- */
/** Form Formatting **/

.req { color: #800000; }

form { margin: 0; padding: 0; }

form p, form fieldset p { padding: 5px 10px; margin: 15px 0; background-color: #dcdcdc; }

form fieldset { margin: 0 0 15px 0; }

form fieldset legend { font-size: 1.3em; color: #2e2929; font-weight: bold; padding: 0 10px 0 10px; text-transform: uppercase; }

form ol,
form ol li { list-style: none; }

form fieldset ol li fieldset legend { font-size: 1em; }

form fieldset ol li fieldset ol li label, form fieldset ol li fieldset ol li a { font-size: .9em; }

form fieldset ol li fieldset p { padding: 5px 10px 0 10px; margin: 0; background-color: #fff; }

form fieldset ol { margin: 0; padding: 10px; list-style: none; }

form fieldset ol li fieldset ol li { float: left; margin: 0 10px 0 0; list-style: none; }

form fieldset ol li label { color: #333; /*font-weight: bold;*/ }

form fieldset ol li p { font-size: 1em; }

form fieldset.left { border-style: none; }

form fieldset.left ol li label { float: left; color: #333; clear: both; width: 11em; margin-right: 1em; text-align: left; }

form fieldset.wide ol li label { width: 21em; }

form fieldset.left ol li label.req { color: #800000; }

form fieldset.left ol li { clear: both; margin: 0 0 10px 0; }

form fieldset ol li fieldset.nofloat ol li { float: none; }

form fieldset#name ol li { float: left; margin: 0 10px 0 0; }

form fieldset#name ol li label { margin: 0 5px 0 0; }

form fieldset.submit { border-style: none; }

form fieldset ol li span.example { font-style: italic; color: #666; font-size: 1em; padding: 0 0 0 10px; }

form div.instruct { margin: 25px; }
/*-------------------------------------------------------- */
/*= [end] Forms */
/*= Tables
/*-------------------------------------------------------- */
table td { padding: 5px; }
table td, table td table td, table td table td table td { border-spacing: 10px; font-size: 1.2em; color: #2e2929; }
table td table td, table td table td table td  { font-size: 1em; }
table tr.alt td { background-color: #d2d5dc; }
/*-------------------------------------------------------- */
/*= [end] Tables */
/*= Search Results
/*-------------------------------------------------------- */
.search_results { display: inline; float: left; width: 100%; padding: 0; font-size: 1em; border-bottom: 1px solid #999; }
.search_results-content { margin: 10px 0; }
#main-content .search_results-content h2 { margin: 0; }
.search_results-content h2 a { text-decoration: none; }
/*-------------------------------------------------------- */
/*= [end] Search Results */
/*= Testimonials
/*-------------------------------------------------------- */
#testimonials { display: inline; float: left; width: 100%; margin: 15px 0 0 0;  color: #205d88; padding: 0 15px 0 0; }
#testimonials p { font-size: 1.1em; color: #205d88; }
#testimonials p.author { color: #666; margin: 12px 0 12px 0; }
#testimonials a.cta { color: #8cabc0; text-align: right; display: block; }
/*-------------------------------------------------------- */
/*= [end] Testimonials */
/*= Sub Content Styling
/*-------------------------------------------------------- */

#sub h2 { font-size: 1.5em; font-weight: bold; color: #132554; margin: 0 0 10px 0; border-top: #dcdcdc 1px solid; border-bottom: #dcdcdc 1px solid; padding: 5px 0; }
#sub p { font-size: 1.2em; line-height: 1.8em; color: #2e2929; margin: 0 0 15px 0; padding: 0; }
#sub table { width: 212px; }
#sub table td { border-spacing: 10px; padding: 5px; font-size: 1.2em; color: #2e2929; }
#sub table tr.alt td { background-color: #d2d5dc; }
/*-------------------------------------------------------- */
/*= [end] Sub Content Styling */

/*= News/Execs Page
/*-------------------------------------------------------- */
.news_press,.executive { margin: 0 0 15px; font-size: 1em; border-bottom: 1px solid #999; padding: 0; }
.news_press h2,
.news_press h3,
.executive h2,
.executive h3 { font-size: 13px; margin: 0; }
.news_press h3,
.executive h3 { font-style: italic; margin: 0 0 5px 0; color: #2e2929; font-size: 1.2em; }
.interior-news_press #main-content h2 { margin: 0;}
.executive { clear: both; min-height: 173px; }

.interior h3 { margin: 0; }
.interior h4 { font-size: 12px; line-height: 12px; font-style: italic; }

.executive img { float: right; margin: 0 0 0 20px; }
/*-------------------------------------------------------- */
/*= [end] News Page */

/*= Blog Templates
/*-------------------------------------------------------- */
#blog #main { position: relative; }
#blog #main-content { display: inline; float: left; width: 600px; margin: 20px 0 0; }

#blog #main-aside { display: inline; float: right; width: 225px; margin: 30px 12px 0 0;  }

#blog #search { position: absolute; top: 0; right: 0; }

.js #search label { display: block; position: absolute; left: 3px; }
.no-js #search label { display: none; }
#blog #s { display: inline; float: left; width: 215px; height: 15px; margin: 0; padding: 0 0 0 3px; border: 1px solid rgb(204,204,204); border-right: none; background: rgb(255,255,255); }
#blog #searchsubmit { display: inline; float: left; width: 20px; height: 17px; text-indent: -99999px; border: none; background: transparent url(../images/_s/bsg-sprites.png) -16px top;}

#blog #author img { display: inline; float: left; width: 90px; margin: 0 10px 5px 0; }

#blog.blog-listing .blog-item { margin: 20px 0 0; padding: 0 0 20px; font-size: 1em; border-bottom: 1px solid #d5d5d5; }
#blog.blog-listing .blog-item h2,
#blog.blog-listing .blog-item h3 { margin: 0; }
#blog.blog-listing .blog-item h3 { font-size: 1.1em; font-style: normal; font-weight: normal; margin: 0 0 5px 0; color: #2e2929; }
#blog.blog-listing .blog-item p { margin: 0; line-height: 1.4; }

#main-aside .section { margin: 0 0 15px; }

#main-aside .header { border-bottom: 2px solid rgb(213,213,213);}
#main-aside .heading { margin: 0; padding: 0 0 3px; font-size: 15px; line-height: 1; color: #132554; }
#main-aside .list,
#main-aside .list li { width: 100%; margin: 0; padding: 0; }
#main-aside .list li { border-bottom: 1px solid rgb(213,213,213); }
#main-aside .list a:link,
#main-aside .list a:active,
#main-aside .list a:visited { display: block; padding: 8px 0; font-size: 11px; line-height: 1; color: #1274e4; }
#main-aside .list a:hover { text-decoration: none; }

.wp-pagenavi { display: inline; float: left; width: 100%; padding: 15px 0; background: #ebebeb; }
.wp-pagenavi .pages { display: inline; float: left; width: 90px; margin: 0 0 0 90px; font-size: 15px; font-weight: bold; color: #666; }
.wp-pagenavi a:link,
.wp-pagenavi a:active,
.wp-pagenavi a:visited { font-size: 15px; font-weight: bold; color: #666; }
.wp-pagenavi .first { display: inline; float: left; width: 4.5em; margin: 0 0 0 -165px;}
.wp-pagenavi .extend { display: none; }
.wp-pagenavi .last { display: inline; float: right; width: 90px; margin: 0 15px 0 0; text-align: right; }

.blog-detail .blog-item .header { margin-bottom: 15px; }
.blog-detail .entry-content { margin-bottom: 0px; }
#comment-area { display: inline; float: left; width: 100%; margin: 30px 0 0; padding: 15px 0 0; border-top: 1px solid #d5d5d5; }
#comment-area h3 { font-size: 18px; font-weight: normal; color: #132554; }

.ctl-textarea textarea { width:90%; margin: 10px 0 10px 10px;  }

.commentlist,
.commentlist li { display: inline; float: left; width: 100%; margin: 0; padding: 0; list-style: none; }

.commentlist li { margin: 20px 0 0; padding: 0 0 20px; font-size: 1em; border-bottom: 1px solid #d5d5d5; }
#main .comment-meta { display: inline; float: left; width: 200px; margin: 0 15px 5px 0; background: #efefef; }
#main .comment-meta img { display: inline; float: left; width: 60px; margin: 5px 10px 0 5px; }
#main .comment-meta h4 { display: inline; float: left; width: 110px; margin: 5px 0 0 ; font-size: 14px; font-weight: bold; }
#main .comment-meta p.date { font-size: 10px; }
#main .commentlist p { font-size: 11px; }

#commentform .clearfix { display: inline; float: left; width: 100%; margin: 0 0 5px; }
#commentform label { display: inline; float: left; width: 200px; }
#commentform input { display: inline; float: left; width: 200px; }

/*-------------------------------------------------------- */
/*= [end] Blog Templates */

/*= Sitemap
/*-------------------------------------------------------- */
ul#sitemap li { width: 33.3%; list-style: none;}

ul#sitemap { margin: 0; float: left; width: 100%; list-style: none; }

ul#sitemap li { float: left; padding: 0; margin: 0; }

ul#sitemap li:first-child { display: block; float: none; position: relative; z-index: 2; padding: 0 0 15px 0; }

ul#sitemap li a { background: #a0a7ba url('/themes/site_themes/bsg/images/white-highlight.png') top left repeat-x; margin: 0 20px 0 0; display: block; font-size: .9em; font-weight: bold; color: #132554; padding: 3px 7px; }

ul#sitemap li ul { list-style: none; margin: 0; padding: 0; }

ul#sitemap li li, ul#sitemap li li:first-child { width: 95%; float: right; margin: 15px 0 0 0; padding: 0; }

ul#sitemap li li a { background-color: #cbcfd8; font-size: .8em; color: #2e2929; font-weight: normal; margin-top: 0; }

/*ul#sitemap li li:first-child { padding-top: 0; }*/

ul#sitemap li li ul { padding: 0; margin: 0; float: right; width: 100%; padding: 3px 7px; list-style: none; }

ul#sitemap li li li, ul#sitemap li li li:first-child { padding: 0; margin: 5px 0 0 0; background: none; }

ul#sitemap li li li a { font-size: .7em; width: 90%; float: right; background-color: transparent; font-weight: normal; margin: 0; padding: 0; }

ul#sitemap li ul li ul li ul li a { font-size: .6em; width: 85%; float: right; background-color: transparent; font-weight: normal; margin: 0; padding: 0; }

ul#sitemap li li li:first-child { padding-top: 0px; }


/*-------------------------------------------------------- */
/*= [end] Sitemap */

/*-------------------------------------------------------- */
/*= [end] Modules/Content */

/* @group ADDITIONS */

.fancy_header {
	font-size: 20px;
	border-bottom: 3px solid #ccc;
	padding-bottom: 5px;
}

#main-aside .fancy_header {
	margin-top: 46px !important;
}

.fancy_text {
	font-size: 14px !important;
	line-height: 26px !important;
}

.main-inner-two-col {
	padding-top: 10px;
}

.main-inner-two-col-left {
	width: 400px;
	float: left;
	padding-top: 10px;
}

.main-inner-two-col-right {
	width: 210px;
	float: right;
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 65px 10px 10px 10px;
	font-size: 10px !important;
}

.main-inner-two-col-right .fancy_header {
	font-size: 14px;
	border: 0;
	padding-bottom: 7px;
}

.main-inner-two-col-right h2 {
	text-align: center;
	padding: 15px 0 !important;
	color: #000;
	font-weight: bold;
	margin: -65px 0 0 -10px;
	position: absolute;
	width: 230px;
	background: #e0e0e0 url(/images/uploads/case_study_header_bg.png) repeat-x 0 bottom;
	font-size: 18px !important;
}

.main-inner-two-col-right h3 {
	border-bottom: 1px solid #ccc !important;
	color: #0D1943;
	padding-bottom: 2px !important;
	margin-bottom: 5px !important;
}

.main-inner-two-col-left h3 {
	padding-bottom: 4px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
}


/* 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 */
.form_row, .form_row_check {
	margin: 0 0 15px 0;
	text-align: left;
}
.form_row_check label {
	float: right;
	width: 625px;
	padding-top: 2px;
}
.form_row_check input {
	float: left;
}
.form_row label {
	float: left;
	width: 100px;
	padding: 0 10px 0 0;
	text-align: left;
}
.form_row label input {
	float: left;
}
.form_row_check_left label, .form_row_check_left input {
	float: left;
}
.form_row_check_left label {
	padding: 0 10px 0 4px;
}
.form_row .example {
	font-style: italic;
	color: #777;
	padding-left: 10px;
}
.live_app_form {
	font-size: 12px;
}
.live_app_form h3 {
	margin-bottom: 15px;
	padding: 10px 0 3px;
	border-bottom: 1px solid #ddd;
	font-size: 13px;
}
.live_app_form h4 {
	font-style: normal !important;
	padding-bottom: 8px;
}
.live_app_form h4 strong {
	display: block;
	padding-bottom: 10px;
}
.live_app_form p {
	background-color: transparent !important;
	font-size: 12px !important;
	margin: 0 !important;
	padding: 0 0 15px !important;
}
.radio_input {
	float: left;
	padding: 0 15px 15px 0;
}
.form_row_check .clearfix {
	padding: 0 0 5px 0;
}
.form_row .form_row_check_left {
	width: 540px;
	float: right;
}
.form_row .form_row_check_left .radio_input {
	display:block !important;
	float:none !important;
	padding:0 0 3px !important;
}
.live_app_form_modal h2 {
	text-align: left;
	color: #333;
	border-bottom: 1px solid #eee;
	padding: 10px 0 5px;
	margin-top: -35px;
	background-color: transparent;
}
#prod_info_form_logo {
	width: 150px;
	height: 60px;
	margin-left: 490px;
}
.live_app_form_modal {
	background-color: transparent !important;	
}
/* @end */