/* -------------------------------------------------------------- 
  
   Explainer DC Screen Styles
   * Version:   0.1 (03-12-2008)
   
   
-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";


/* Page
-------------------------------------------------------------- */
body {
	margin:0px;
	padding:0px;
	line-height:16px;
	background:url(../../images/general/body_bg.gif) repeat-x;
	}

div {
	text-align:left;
	
	
	}

.clear {
	position:relative;
	clear:both;
	float:left;
	width:100%
	}
	
.container {
	position:relative;
	margin:0px auto 0px auto; 
	padding:0px 0px 0px 0px;
	width:980px;
	font-size:12px;
	height:auto !important;
	min-height:32px;
	height:32px;
	border:0px
	}
	
.leftCol, .midCol, .rightCol,
.homePtn, .innerPtn, .logo, .topNav, .nav, .welcome,
.box260, .oneItem, .emailRates, .emailRates div, .topImg, 
.minHeight, .minHeight2, .minHeight3,
.subNav,
.pagination, .paginationLeft, .paginationRight,
.itemList, .oneItem, .oneItem div, .newsSum, 
.faqList, .oneFaq, .faqAns,
.contactForm, .branches, .oneBr, .lab, .field,
.xRate, .intRate, .xRateSearch, .xRateSearchResults { 
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	width:0px;
	/*background:none*/
	}
	
.topNav {
	width:980px;
	/*float:left;*/
	clear:both;
	color:#fff;
	height:33px;
	text-align:right;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase

	}
	

.topNav ul {
	margin:6px 0px 0px 0px;
	padding:0px;
	list-style-type:none
	}

.topNav ul li {
	padding:0px 15px 0px 14px;
	margin:0px;
	background:url(../../images/general/topnav_sep.gif) no-repeat 100% 2px;
	display:inline
	}
	
.topNav ul li.noShow {
	display:none
	}	
	
.topNav ul li.last {
	padding-right:0px;
	background:none
	}

	
.topNav li a {
	color:#fff;
	text-decoration:none;
	margin:0px 0px 0px 0px;
	
	}
	
.topNav li a:hover, .topNav li a.active {
	color:#fff;
	text-decoration:underline
	}
	

.logo {
	width:980px;
	clear:both;
	height:63px;
	}




	

	
	

		
.homePtn, .innerPtn  {
	width:980px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background:url(../../images/general/home_bg.gif) no-repeat 0% 90px;
	height:auto !important;
	min-height:455px;
	height:455px;
	}
	
.innerPtn  {
	background:none
	}	
	
.homePtn .leftCol, .innerPtn .leftCol {
	width:340px;
	
	}	
	
.innerPtn .leftCol {
	width:700px;
	margin:0px 20px 0px 0px;
	
	}		
	
.homePtn .midCol {
	width:340px;
	margin:0px 20px 0px 20px;
	padding:0px 0px 0px 0px;
	}	
	
.homePtn .rightCol, .innerPtn .rightCol {
	width:260px;
	padding:0px 0px 0px 0px;
	}	
	
	
.innerPtn .rightCol {
	padding:4px 0px 0px 0px;
	}	


.nav {
	width:976px;
	height:102px;
	padding:13px 0px 0px 4px;
	}
	
.innerPtn .nav {
	width:976px;
	height:24px;
	padding:0px 0px 0px 4px;
	text-align:right;
	}	
	
.homePtn .mainNav, .innerPtn .kwicks {
	display:none
	}

.mainNav {
	float:left;
	margin:6px 0px 0px 0px;
	padding:0px;
	list-style-type:none;
	text-align:right;
	width:976px;
	}

.mainNav li {
	padding:0px 0px 0px 10px;
	margin:0px;
	display:inline;
	}
	
.mainNav li.last {
	padding-right:0px;
	background:none
	}

.mainNav li a {
	color:#fff;
	text-decoration:none;
	margin:0px 0px 0px 0px;
	}
	


/* This css file serves as a template for styling your kwicks.  Feel free to modify, but please make note of the comments - some of them are important. */
.kwicks {
	/* recommended styles for kwicks ul container */
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
	}
	
.kwicks li{
	/* these are required, but the values are up to you (must be pixel) */
	width: 240px;
	height: 291px;
	/*do not change these */
	display: block;
	overflow: hidden;
	padding: 0;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */
	/*border:1px solid #ccc;*/
	}


.kwicks li a {
	width: 148px;
	height: 60px;
	/*border-right:1px solid #ff0000 ;*/
	display: block;
	/*border:1px solid #fff*/
	}



.kwicks.horizontal li {
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-right:15px; /*Set to same as spacing option. */	
	float: left;
	}

.kwicks.horizontal li.last {
	margin:0px;
	}

.kwicks.vertical  li{
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-bottom: 28px; /*Set to same as spacing option. */	
	}



	

.welcome {
	width:340px;
	height:284px;
	padding:0px 0px 10px 0px;
	}
	
h1 {
	color:#333;
	font-size:16px;
	margin:0px 0px 3px 0px;
	padding:0px 0px 7px 0px;
	}
	
.innerPtn h1 {
	margin:0px 0px 6px 0px;
	padding:0px 0px 8px 0px;
	background:url(../../images/general/h1_bg.gif) no-repeat left bottom;
	}
	
h1 a {
	color:#333;
	text-decoration:none;
	}
	
h1 a:hover{
	color:#333;
	text-decoration:none;
	}	
	
.innerPtn h2 {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	color:#0052a6;
	font-size:13px;
	}
	
h2 a {
	color:#333;
	text-decoration:none;
	}
	
h2 a:hover{
	color:#333;
	text-decoration:none;
	}
	
	
.box260, .subNav {
	width:260px;
	margin:0px 0px 10px 0px;
	}	
	
.box260 h2, .subNav h2 {
	color:#005984;
	font-size:13px;
	margin:0px 0px 6px 0px;
	padding:0px 0px 4px 5px;
	background:url(../../images/general/h2_hd_bg.gif) no-repeat left bottom;
	}

.subNav h2 {
	color:#333;
	margin:0px;
	background:url(../../images/general/h2_hd_bg2.gif) no-repeat left bottom;
	}	

.box260 div.oneItem {
	width:230px;
	padding:0px;
	margin:0px 0px 10px 5px;
	padding:0px 10px 0px 15px;
	background:url(../../images/general/list_bg.gif)  no-repeat 0% 5px;
	}
	
.box260 div.seeMore {
	text-align:right
	}	
	
	
	
.box260 ul, .subNav ul {
	width:255px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 5px;
	}	
	
.subNav ul {
	width:255px;
	padding:6px 0px 0px 5px;
	
	/*border:1px solid #ccc;*/
	
	border-top:none;
	height:auto !important;
	min-height:20px;
	height:20px;
	
	width:254px;
	padding:5px 0px 0px 4px;
	border:1px solid #ccc;
	border-top:none
	}	


.box260 li, .subNav li {
	margin:0px 0px 6px 0px;
	padding:0px 0px 0px 15px;
	list-style-type:none;
	background:url(../../images/general/list_bg.gif)  no-repeat 0% 6px;
	}	
	
	
	

.box260 li a, .subNav li a {
	color:#666;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-weight:bold;
	text-decoration:none
	}
	
.box260 li a:hover, .subNav li a:hover, .subNav li a.active {
	color:#666;
	text-decoration:underline
	}
	
	
.emailRates, .emailRates div {
	width:260px;
	
	}
	
.emailRates {
	margin:0px 0px 5px 0px;
	}	
	
.emailRates div.email {
	width:184px; 
	height:24px;
	padding:4px 0px 0px 5px;
	background:url(../../images/general/rate_email_bg.gif) #3399CC no-repeat;
	}	
	
.emailRates div.submit {
	width:64px; 
	height:24px;
	padding:4px 0px 0px 5px;
	background:url(../../images/general/sub_bg.gif) no-repeat;
	}	

.emailRates input {
	width:175px;
	}	
	
.emailRates div.email input {
	border:none;
	background:url(../../images/general/envelope.gif) 99% 50% no-repeat;
	}	
	
.emailRates div.submit input {
	width:58px; 
	
	height:15px;
	
	
	border:none;
	background:none;
	color:#000;
	font-weight:bold
	}	
	
	
	
	
	
	
.emailRates label {
	line-height:normal;
	margin:0px 10px 0px 1px;
	color:#005a84
	}
	
	
.emailRates div.rateSel {
	margin:5px 0px 0px 5px;
	width:255px;
	}		
	
	
.emailRates div.rateSel input {
	height:15px;
	width:15px;
	margin:0px;
	padding:0px;
	vertical-align:text-bottom
	}	
	
	
	
	

.title {
	color:#444;
	font-weight:bold;
	}
	
.itemList a.title, .oneFaq a.title{
	color:#0052a6;
	}

a.title, a.seeMore {
	text-decoration:none;
	margin:0px;
	padding:0px;
	color:#333
	}

a.title:hover {
	text-decoration:underline;
	color:#444
	}	
	
p.seeMore {
	text-align:right;
	margin:0px 0px 6px 0px;
	padding:0px;
	}
	
a.seeMore {
	background:url(../../images/general/more_bg.gif) no-repeat 100% 6px;
	padding:0px 10px 0px 0px;
	margin:0px 0px 0px 0px;
	display:inline-block;
	font-weight:bold
	}	

a.seeMore:hover {
	background:url(../../images/general/more_bg.gif) no-repeat 100% 6px;
	text-decoration:underline
	
	}/**/

.date {
	color:#f0cc01;
	text-decoration:none;
	font-size:11px;
	}
	
a.date {
	color:#f0cc01;
	text-decoration:none;
	}
	
a.date:hover, a.linkText:hover {
	color:#333;
	text-decoration:none;
	}
	
.intro { 
	color:#7c7c76;
	}


a.intro, a.venue {
	color:#7c7c76;
	text-decoration:none;
	}
	
a.intro:hover {
	color:#000;
	text-decoration:none
	}	
	
	
	
	
.url {
	color:#669922
	}
	
a.url {
	color:#669922;
	text-decoration:underline;
	}
	
a.url:hover {
	color:#669922;
	text-decoration:none;
	
	}




.footerPtn {
	position:relative;
	background:url(../../App_Themes/lbbf/Images/general/footer_bg.gif) #CCCCCC repeat-x 0% 10px;
	background:url(../../images/general/footer_bg.gif) repeat-x;
	height:40px;
	clear:both;
	padding:50px 0 0 0;
	}

.copyright {
	position:relative;
	width:980px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-size:12px;
	}
	
	
.footer span {
	display:inline;
	display:inline-block;
	line-height:normal;
	margin:0px 30px 0px 0px;
	vertical-align:text-top;
	height:20px;
	padding:4px 0px 0px 0px;
	}
	
.footer span.xdcLogo {
	padding:0px;
	padding-top:3px;
	}	

.footer a {
	color:#666;
	text-decoration:none;
	margin:0px 10px 0px 0px;
	font-weight:bold;
	}
	
.footer a:hover, .footer a.active {
	color:#333;
	text-decoration:none
	}	
	
.footer img {
	vertical-align:middle;
	vertical-align:text-bottom
	}	

.copyright {
	position:relative;
	clear:both;
	padding:2px 0px 10px 0px;
	}




	
.topImg {
	width:980px;
	clear:both;
	height:auto !important;
	min-height:120px;
	height:120px;
	padding:0px 0px 16px 0px;
	margin:0px 0px 0px 0px;
	background:url(../../images/general/home_bg.gif) no-repeat left bottom;
	
	}	
	

	

	
	
	
	
/*	
.subNav li {
	
	padding:0px;
	margin:0px;
	list-style-type:none;
	background:
	
	}

.subNav li a {
	padding:0px;
	margin:0px;
	color:#FF0066;
	
	}*/
	
.minHeight, .minHeight2, .minHeight3 {
	border-bottom:1px solid #ccc;
	width:700px;
	margin:0px 0px 5px 0px;
	padding:0px 0px 10px 0px;
	height:auto !important;
	min-height:143px;
	height:143px;
	}	
	
.minHeight2 {
	height:auto !important;
	min-height:233px;
	height:233px;
	}
	
.minHeight3 {
	height:auto !important;
	min-height:233px;
	height:233px;
	}	
	
	

	
.itemList, .oneItem, .oneItem div, .newsSum, .faqList, .oneFaq, .faqAns {
	width:700px;
	margin:15px 0px 0px 0px;
	}	
	
.oneItem, .newsSum {
	margin:0px 0px 10px 0px;
	}
	
.oneItem div {
	margin:0px 0px 0px 0px;
	}
	
.faqList {
	margin:0px 0px 0px 0px;
	}	
	
.oneFaq {
	margin:10px 0px 0px 0px;
	}	
	
.faqAns {
	width:680px;
	padding:3px 10px 3px 10px;
	margin:2px 0px 0px 0px;
	background:#f0f0f0;
	color:#333;
	height:auto !important;
	min-height:15px;
	height:15px;
	}
	
.pagination { 
	width:700px;
	height:auto !important;
	min-height:17px;
	height:17px;
	font-weight:bold;
	}
	
.pagination a { 
	text-decoration:none;
	}	

.pagination a:hover, .pagination a.active { 
	color:#CCCCCC
	}	

.paginationLeft {
	width:280px;
	margin:0px 20px 0px 0px;
	} 

.paginationRight {
	width:400px;
	text-align:right;
	}	
	
.next {
	background:url(../../images/general/next_arr.gif) no-repeat 100% 5px;
	text-decoration:none;
	padding:0px 8px 0px 0px;
	
	}	
	
.prev {
	background:url(../../images/general/prev_arr.gif) no-repeat 0% 5px;
	text-decoration:none;
	padding:0px 0px 0px 9px;
	
	}	
	
a.next:hover, a.prev:hover {
	text-decoration:underline;
	color:#444;
	}	
	
	
.contactForm, .branches {
	width:345px;
	/*width:645px;*/
	margin:15px 0px 0px 0px;
	/*background:#FFCCFF;*/
	}	
	
.contactForm h2, .branches h2, .xRateSearch h2, .xRateSearchResults h2 {
	margin-bottom:10px;
	}	
	
.contactForm label, .xRateSearch label {
	float:left;
	width:90px;
	padding:4px 5px 0px 0px;
	display:inline-block;
	}	
	
.xRateSearch label {
	width:80px;
	}		

.contactForm p, .xRateSearch p {
	margin-bottom:4px;
	}
	
.xRateSearch p.btn {
	text-align:right;
	margin-top:5px;
	
	}	
	
.contactForm input {
	width:242px;
	}	
	
.xRateSearch input {
	width:126px;
	}	
	
.xRateSearch p.btn input {
	background:url(../../images/general/search.gif) no-repeat;
	width:68px;
	height:27px;
	border:none
	}
	
.xRateSearch input.CalendarIcon {
	width:15px;
	height:15px;
	margin-left:5px;
	margin-right:5px;
	}	

.xRateSearch select {
	width:185px;
	}	

.contactForm textarea {
	width:242px;
	height:100px;
	}	
	
.contactForm .clear {
	width:645px;
	margin:0px;
	padding:0px;
	}

.contactForm .leftCol {
	width:345px;
	margin:0px;
	padding:0px;
	
	}	
		
.contactForm .rightCol {
	margin:0px 0px 0px 5px;
	padding:0px;
	width:295px;
	}	
	
.EditingFormControlNestedControl {
	padding:5px 12px 8px 12px;
	margin:0px 0px 0px 0px;
	padding:0px;
	text-align:right;
	
	
	
	/*width:380px;
	float:left;
	position:relative;
	clear:both*/
	}		
	

input.FormButton {
	border:none;
	margin-top:3px;
	background:url(../../images/general/btn_bg.gif) no-repeat;
	width:68px;
	height:27px;
	color:#FFFFFF;
	font-weight:bold;
	float:right
	}	
	
	
	

.EditingFormErrorLabel {
	color:#f20502;
	text-align:right
	}
	
span.ErrorLabel {
	color:#f20502;
	text-align:left
	}

	
.branches, .xRateSearchResults {
	width:325px;
	margin:15px 0px 0px 30px;
	}
	
.xRateSearchResults {
	width:400px;
	margin-left:0px
	
	}	
	
.branches .oneBr{
	width:325px;
	margin:0px 0px 15px 0px;
	}
	
.branches div {
	width:325px;
	margin:0px 0px 3px 0px;
	}	
	
.branches .lab {
	width:70px;
	margin:0px 5px 0px 0px;
	padding:0px;
	font-weight:bold
	}	
	
.branches .field {
	width:250px;
	margin:0px 0px 0px 0px;
	padding:0px
	}	
	
.noShow {
	display:none;
	}	
	

.xRate, .intRate {
	width:260px;
	margin:0px 0px 0px 0px;
	
	}
	
.homePtn .intRate {
	display:none
	}	
	
.xRate table, .intRate table{
	font-size:12px;
	}	
	
.xRate table, .intRate table, .intRateTab, .xRateSearchResults table {
	border-top:1px solid #ccc;
	padding:0px;
	margin:0px 0px 5px 0px;
	}	
	
.xRateSearchResults table {
	width:400px;
	}		
	
	
.intRateTab {
	margin-top:15px;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	}
	
.xRateSearchResults table  {
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	}			
		
	
.xRate td, .intRate td, .intRateTab td, .xRateSearchResults td {
	border-bottom:1px solid #ccc;
	padding:4px 3px 4px 5px;
	margin:0px;
	text-align:right
	}	
	
		
	
.xRate th, .intRate th, .intRateTab td/*, .xRateSearchResults th*/ {
	
	padding:10px 3px 0px 5px;
	
	}
	
.intRateTab td, .intRateTab th, .xRateSearchResults td, .xRateSearchResults td, .xRateSearchResults th  {
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:4px 3px 4px 5px;
	}	
	
	
	
	
.xRate th.first, .intRate th.first, .intRateTab th.first {
	text-align:left;
	padding-left:5px;
	}	
	
.xRateSearchResults td.date {
	text-align:left
	}	
	
.xRate td.first, .intRate td.first, .intRateTab td.first, .xRateSearchResults td.first {
	text-align:left;
	padding-left:20px;
	background:url(../../images/general/list_bg.gif) 5px 10px no-repeat
	}
	
.hdLinks {
	font-weight:bold;
	height:22px;
	}	


.hdLinks a, .hdLinks a.ntActive {

	text-decoration:none;
	color:#666;
	padding:3px 8px 3px 8px;
	margin:0px 4px 0px 0px;
	background:#ebebeb;
	
	display:inline-block
	
	}
	
.hdLinks a.ntActive {

	/*padding:2px 7px 3px 7px;*/
	border-bottom:none
	}	
	
	
.hdLinks a:hover, .hdLinks a.active {
	padding:2px 7px 3px 7px;
	border:1px solid #cccccc;
	border-bottom:none;
	background:#FFF;
	color:#333;
	}	

.hdLinks a.active {
	padding:2px 7px 3px 7px;
	border:1px solid #cccccc;
	background:#FFF;
	color:#333;
	border-bottom:none;
	}	
	
.siteMap ul {
	margin:0px;
	padding:0px;
	}	
	
.siteMap li {
	margin:0px 0px 5px 0px;
	padding:0px;
	list-style-type:none
	}	
	
.siteMap li a {
	font-weight:bold;
	text-decoration:none;
	background:url(../../images/general/list_bg.gif) no-repeat 0% 4px; 
	padding:0px 0px 0px 13px;
	}	
	
	
.siteMap li ul {
	margin:0px 0px 0px 10px;
	padding:0px;
	}	
	
.siteMap li li {
	margin:0px;
	padding:0px;
	list-style-type:none
	}	
	
.siteMap li li a {
	font-weight:normal;
	background:none
	}	
	
.siteMap li a:hover {
	text-decoration:underline
	}	
	
#showCase1 {
	width:339px;
	height: 455px;
	background:#fff
	}


.xRateSearch {
	margin:10px 0px 0px 0px;
	width:270px;
	}
	
.myTab {
	border-top:1px solid #999999;
	border-left:1px solid #999999;
	}
	
.myTab td {
	border-bottom:1px solid #999999;
	border-right:1px solid #999999;
	padding:3px;
	}