@import url("../reset-fonts-grids.css");
/*@import url("../base.css");*/

/*
=============================================================================
  FONTS:
=============================================================================
  Per Yahoo! recommendations, specify all font sizes in percentages, which
  render more consistently across browsers, and scale properly when users
  resize text.  Use the chart below to determine the correct percentage to
  use, and only use values from the chart if possible.  Do not use
  pixels (px), points (pt), ems (em), or any other unit.  Ems can be used
  for margins and line heights.

  Pixel  =  Percentage
  --------------------
  10px   =  77%
  11px   =  85%
  12px   =  93%
  13px   =  100%
  14px   =  108%
  15px   =  116%
  16px   =  123.1%
  17px   =  131%
  18px   =  138.5%
  19px   =  146.5%
  20px   =  153.9%
  21px   =  161.6%
  22px   =  167%
  23px   =  174%
  24px   =  182%
  25px   =  189%
  26px   =  197%
*/

html, body, #PageTable
{
	margin: 0;
	padding: 0;
	border: none;
	text-align: center;
}

html
{
	height: 100%;
	overflow-y: scroll;
}

body
{
	background-color: #084b76;
	background-image: url("images/page_bkgd.png");
	min-height: 100%;
}



/*===========================================================================*\
    _SECTION_GLOBAL_TAGS: Defines global styles after YUI reset applied
\*===========================================================================*/

h1{font-size:138.5%}
h2{font-size:123.1%}
h3{font-size:108%}
h1,h2,h3,h4,h5,h6{color:#003366;margin:1em 0px;font-weight:bold}
p+p{margin-top:0.75em}
a{text-decoration:underline}
a:active,a:link,a:visited{color:#003366}
strong{font-weight:bold}
em{font-style:italic}
ul,ol,dl{margin:1em 0 1em 3em}
ol li,ul li{list-style-position:outside}
ol li{list-style-type:decimal}
ul li{list-style-type:disc}
dl dd{margin-left:1em}
th,caption{text-align:center}
th{font-weight:bold}
caption{margin-bottom:0.5em}
textarea{font:normal 100% verdana}
blockquote{margin:0px 18px;}
/*
*/

input.button{cursor:pointer;}



#aspnetForm
{
	height: 100%;
	width: 985px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

#PageTable
{
	width: 975px;
	margin-right: auto;
	margin-left: auto;
	table-layout: fixed;
}

#PageHeader
{
	background-image: url("images/header/header_bkgd.png");
	background-repeat: repeat-x;
	width: 100%;
	height: 85px;
	table-layout: fixed;
}

#PageHeader .LeftLogoSpacer
{
	width: 25px;
}

#PageHeader .Logo
{
	background-image: url("images/header/beheard_logo.png");
	background-position: center;
	background-repeat: no-repeat;
	width: 219px;
}

#PageHeader .RightLogoSpacer
{
	width: 25px;
}

#HeaderContentCell
{
	background-image: url("images/header/flag_bkgd.png");
	background-position: right;
	background-repeat: no-repeat;
	width: auto;
}

#HeaderContent
{
	height: 85px;
	width: 100%;
	table-layout: fixed;
}

#HeaderContent .TopRightBlock
{
	vertical-align: top;
	padding: 3px 10px;
}

#HeaderContent .TopRightItem, #HeaderContent a.TopRightLink:active, #HeaderContent a.TopRightLink:link, #HeaderContent a.TopRightLink:visited
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 93%;
	font-weight: normal;
	color: #FFFFFF;
}

#HeaderContent .TopRightItem
{
	padding: 0 0 0 20px;
}

#HeaderContent a.TopRightLink:active, #HeaderContent a.TopRightLink:link, #HeaderContent a.TopRightLink:visited
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 93%;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}
 
#HeaderContent a.TopRightLink:hover
{
	text-decoration: underline;
}

#HeaderContent .BottomRightBlock
{
	vertical-align: bottom;
	padding: 0;
}

#HeaderContent .BottomRightItem, #HeaderContent a.BottomRightLink:active, #HeaderContent a.BottomRightLink:link, #HeaderContent a.BottomRightLink:visited
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 93%;
	font-weight: normal;
	color: #FFFFFF;
}

#HeaderContent .BottomRightItem
{
	padding: 0 0 0 20px;
}

#HeaderContent a.BottomRightLink:active, #HeaderContent a.BottomRightLink:link, #HeaderContent a.BottomRightLink:visited
{
	text-decoration: none;
}
 
#HeaderContent a.BottomRightLink:hover 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 93%;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: underline;
}

#SearchBarTable
{
	margin: 0;
	padding: 0;
	table-layout: fixed;
}

#SearchBarTable .SearchBarPanel
{
	height: 35px;
}

#SearchBarTable .LeftEndCap
{
	background-image: url("images/search/search_left_end_cap.png");
	background-repeat: no-repeat;
	width: 10px;
	padding: 0;
}

#SearchBarTable .SearchLabel
{
	background-image: url("images/search/search_bkgd.png");
	background-repeat: repeat-x;
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	padding: 0;
}

#SearchBarTable .SearchBox
{
	background-image: url("images/search/search_bkgd.png");
	background-repeat: repeat-x;
	padding: 0 5px;
}

#SearchBarTable .GoButton
{
	background-image: url("images/search/search_bkgd.png");
	background-repeat: repeat-x;
	padding: 0;
}

#SearchBarTable .RightEndCap
{
	background-image: url("images/search/search_bkgd.png");
	background-repeat: repeat-x;
	width: 10px;
	padding: 0;
}

.sw_bkg
{
	display: inline-block;
	color: #000000;
	background: #ffffff url("images/search/backgrounds/desert.jpg") no-repeat 0 -250px;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100px;
}
.sw_pos
{
	vertical-align: middle;
	text-align: center;
}
.sw_bar
{
	display: inline-block;
	background-color: #ffffff;
	border: #acbabd 1px solid;
	width: 80%;
	white-space: nowrap;
}
.sw_tbl
{
	display: inline-table;
	width: 100%;
	vertical-align: middle;
	text-align: center;
}
.sw_td
{
	background: #ffffff;
	margin: 0;
	padding: 2px;
	white-space: nowrap;
}
.sw_td input
{
	margin: 0;
	padding: 0;
	line-height: 120%;
	border-width: 0;
	color: #333333;
	font-size: 138.5%;

	line-height: 24px;
}
.sw_td .sw_qbox
{
	width: 100%;
	padding: 0;
}
.sw_td .sw_qbox .rcbLoading
{
    display: none;
}
.sw_td .sw_qbtn
{
	background: url("images/search/magnifying_glass.png") #f9761d;
	padding: 24px 0 0 0;
	width: 24px;
	height: 24px;
	overflow: hidden;
	cursor: pointer;
}


#PageMenu
{
	background-color: #dcdcdc;
	background-image: url("images/pagemenu/menu_background.png");
	background-repeat: repeat-x;
	width: 100%;
	line-height: 30px;
	padding: 0;
}

#PageMenu a[href$="_SkipLink"]
{
	display: none;
	visibility: hidden;
}

#PageMenu .StaticMenu
{
	margin: 0 5px;
	padding: 0;
	vertical-align: middle;
}

#PageMenu .StaticMenuItem
{
	display: block;
	color: #ffffff;
	font-size: 110%;
	font-weight: bold;
	margin: 0;
	padding: 0 10px;
	text-decoration: none;
}

#PageMenu .DynamicMenu
{
	background-color: #cccccc;
}

#PageMenu .DynamicMenuItem
{
	background-color: #99CCFF;
	display: block;
	margin: 0;
	padding: 0 10px;
	line-height: 30px;
	min-width: 150px;
	color: #ffffff;
	text-decoration: none;
	font-size: 92%;
	font-weight: bold;
}

#PageMenu .StaticSelected, #PageMenu .DynamicSelected
{
	background-color: #cc6600;
	background-image: url("images/pagemenu/menu_selected.png");
	color: #ffffff;
}

#PageMenu .StaticHover, #PageMenu .DynamicHover
{
	background-color: #ffff00;
	background-image: url("images/pagemenu/menu_hover_background.png");
	color: #ffffff;
}

#PageMenu .StaticSelected.StaticHover, #PageMenu .DynamicSelected.DynamicHover
{
	/*background-image: url("images/menu_hover_inverted.png");*/
}

#PageContentArea
{
	background-color: #ffffff;
	width: 100%;
}



#PageHeader .Border, #PageMenu .Border, #PageContentArea .Border
{
	background-color: #cccccc;
	width: 1px;
}



#FeaturedContentRow
{
	background-color: #008bde;
	background-image: url("images/capitol_background_985x301.jpg");
	background-position: top right;
	background-position: 0px -41px;
	background-repeat: no-repeat;
	height: 180px;
}

#FeaturedContentTable
{
	table-layout: fixed;
	width: 100%;
}

#FeaturedPost
{
	padding: 3px 0 5px 25px;
}

#FeaturedPostTable
{
	table-layout: fixed;
	height: 121px;
	width: 700px;
	overflow: hidden;
}

#FeaturedPost .header
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 0 0 5px 0;
	vertical-align: middle;
	text-align: left;
}

#FeaturedPost a.header, #FeaturedPost a.header:active, #FeaturedPost a.header:link, #FeaturedPost a.header:visited
{
	font-weight: bold;
	text-decoration: none;
}

#FeaturedPost a.header:hover
{
	cursor: pointer;
	text-decoration: underline;
}

#FeaturedPost .copy
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 93%;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 140%;
	vertical-align: top;
	text-align: left;
}

#FeaturedPost a.copy, #FeaturedPost a.copy:active, #FeaturedPost a.copy:link, #FeaturedPost a.copy:visited
{
	font-weight: bold;
	text-decoration: none;
}
 
#FeaturedPost a.copy:hover
{
	cursor: pointer;
	text-decoration: underline;
}

.BannerAd
{
	background-color: #ffffff;
	padding: 8px;
	z-index: -32768;
}

td.Ad
{
	background-color: #ffffff;
	padding-top: 7px;
	text-align: center;
	z-index: -32768;
}

td.LeftAdBar
{
	background-color: #ffffff;
	padding: 0 10px 0 10px;
	text-align: center;
	z-index: -32768;
}

td.RightAdBar
{
	background-color: #ffffff;
	padding: 0 10px 0 10px;
	text-align: center;
	z-index: -32768;
}

#PageContent
{
	background-color: #ffffff;
}

#PageFooter
{
	width: 100%;
	table-layout: fixed;
}

#PageFooter .LeftBackground
{
	background-image: url("images/footer/footer_bkgd_left.png");
	background-position: bottom;
	background-repeat: no-repeat;
	height: 50px;
	width: 7px;
	padding: 0;
}

#PageFooter .FooterContent
{
	background-image: url("images/footer/footer_bkgd.png");
	background-position: bottom;
	background-repeat: repeat-x;
	height: 50px;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 77%;
	font-weight: normal;
	color: #ffffff;
}

#PageFooter .RightBackground
{
	background-image: url("images/footer/footer_bkgd_right.png");
	background-position: bottom;
	background-repeat: no-repeat;
	height: 50px;
	width: 7px;
	padding: 0;
}

#PageFooter .Copyright
{
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 93%;
	font-weight: normal;
	padding: 15px;
	vertical-align: middle;
	text-align: center;
}

.Shadow
{
	background-image: url("images/pagemenu/menu_shadow.png");
	background-repeat: repeat-x;
	height: 5px;
}


/* Login Area - BEGIN -------------------------------------------------------------------------- */

.CreateAccountArea
{
	width: 680px;
	margin-top: 50px;
	margin-bottom: 50px;
	background-color: #ffffff;
}

.MessageArea
{
	width: 50%;
	margin-top: 120px;
	margin-bottom: 64px;
	background-color: #ffffff;
}

.MessageTitle
{
	text-align: left;
	font-size: 140%;
	font-weight: bold;
	background-color: #790328;
	color: #fff;
	padding: 2px;
	padding-left: 8px;
	margin: 0px;
	border-style: solid;
	border-width: 1px;
	border-color: #cccccc;
}

.MessageContent
{
	font-size: 100%;
	color: #000000;
	padding: 8px;
	text-align: left;
	border-style: solid;
	border-width: 1px;
	border-top-width: 0px;
	border-color: #cccccc;
	margin-bottom: 0px;
	min-height: 250px;
}
.JoinArea, .ForgetPasswordArea
{
	font-size: 100%;
	color: #000000;
	padding-top: 18px;
	text-align: left;
}
.ForgetPasswordArea
{
	margin-left: 160px;
	width: 370px;
}
.TextButtonBigArea
{
	margin-top: 20px;
}
.TextButtonBig, .TextButtonSmall
{
	border: solid 1px #999;
	border-top-color: #ccc;
	border-left-color: #ccc;
	font-size: 18px;
	font-weight: lighter;
	white-space: nowrap;
	text-decoration: none;
	background-color: #eee;
	margin: 3px;
	padding: 7px 6px 7px 6px;
}
.TextButtonBig:hover, .TextButtonSmall:hover
{
	background-color: #ddd;
}
.TextButtonSmall
{
    font-size: 11px;
    padding: 3px 6px 3px 6px;
}
.BigErrorMessage
{
	font-size: 18px;
	color: #FF0000;
	line-height: 18px;
}
.LoginBoxBig
{
	height: 24px;
	width: 250px;
	font-size: 18px;
	
}
.LoginFailureMessageArea
{
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 14px;
	font-weight: bold;
}
.WelcomeBodyArea
{
	width: 680px;
	margin-top: 85px;
	margin-bottom: 20px;
	background-color: #ffffff;
	min-height: 300px;
}
.formLabelsText
{
	text-align: right;
}
.formSectionTitle
{
	width: 220px;
	text-align: right;
	font-size: 16px;
	font-weight: bold;
}
.WelcomeArea
{
	margin: 6px;
}
.WelcomeTitle
{
	font-size: 16px;
	font-weight: bold;
}
.FormFieldDescription
{
	margin-left: 30px;
}

.AutoCompleteList
{
	padding: 2px;
	white-space: nowrap;
	overflow: hidden;
	z-index: 32768;
}


/*===========================================================================*\
    _Billy's_CSS: Mockup_v2
\*===========================================================================*/

a:active, a:link, a:visited
{
	text-decoration: none;
}

a:hover 
{
	text-decoration: underline;
}

a.copy:active, a.copy:link, a.copy:visited 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 93%;
	font-weight: bold;
	color: #000000;
}
 
a.copy:hover 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 93%;
	font-weight: bold;
	color: #000000;
}

a.topmenu1:active, a.topmenu1:link, a.topmenu1:visited 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 93%;
	font-weight: bold;
	color: #FFFFFF;
}
 
a.topmenu1:hover 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 93%;
	font-weight: bold;
	color: #99CCFF;
}

a.blackboldlinks:active, a.blackboldlinks:link, a.blackboldlinks:visited 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 93%;
	font-weight: bold;
	color: #000000;
}
 
a.blackboldlinks:hover 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 93%;
	font-weight: bold;
	color: #0000000;
}

a.redboldlinks:active, a.redboldlinks:link, a.redboldlinks:visited 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 93%;
	font-weight: bold;
	color: #990000;
}
 
a.redboldlinks:hover 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 93%;
	font-weight: bold;
	color: #990000;
}

.blacktitle, .blacksubtitle, .redtitle, .redsubtitle
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.blacktitle, .redtitle
{
	font-size: 123.1%;
}

.blacksubtitle, .redsubtitle
{
	font-size: 100%;
}

.blacktitle, .blacksubtitle
{
	color: #000000;
}

.redtitle, .redsubtitle
{
	color: #990000;
}

.boldredbodycopy
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 93%;
	font-weight: bold;
	color: #990000;
	line-height: 14px;
}

.blackbodycopy
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 93%;
	font-weight: normal;
	color: #000000;
	line-height: 18px;
}

.boldblackbodycopy
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 98%;
	font-weight: bold;
	color: #000000;
	line-height: 18px;
}

.smallblackbodycopy
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	font-weight: normal;
	color: #000000;
}

.graybodycopy
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 93%;
	font-weight: normal;
	color: #666666;
	line-height: 18px;
}

.boldgraybodycopy
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 93%;
	font-weight: bold;
	color: #666666;
	line-height: 14px;
}

.boldwhitebodycopy
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}

.copyright
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 77%;
	font-weight: normal;
	color: #FFFFFF;
}

.DivContainer, .DivContainerNoPad
{
	margin: 10px 0 0 10px;
	border: 1px solid #cccccc;
}

.DivContainer, .InnerContainer
{
	padding: 10px;
}

.DivContainer .HeaderBackground, .DivContainerNoPad .HeaderBackground
{
	background-image: url("images/backgrounds/gray_bkgd.png");
}

.DaylifeNewsListThumbnail
{
	margin-top: 0;
	margin-right: 8px;
	margin-bottom: 5px;
	margin-left: 0;
}

.SearchResults
{
}
.SearchResults tr.SearchResultRow
{
	background-color: #ffffff;
	color: #000000;
}
.SearchResults tr.SearchResultAlternateRow
{
	background-color: #ffffff;
	color: #000000;
}
.SearchResults .SearchResult
{
	padding: 10px;
}
.SearchResults A.SearchResultTitle
{
	color: #0000ff;
	font-family: Trebuchet MS;
	font-size: 124%;
}
.SearchResults A.SearchResultTitle:visited
{
	color: purple;
}
.SearchResults .SearchResultSummary
{
}
.SearchResults .SearchResultExtension
{
	color: #00aa00;
	font-size: 77%;
	white-space: nowrap;
}

.SearchResults OL
{
	margin: 1em 0px 1em 3em;
}
.SearchResults OL LI
{
	list-style-position: outside;
}
.SearchResults OL LI
{
	list-style-type: none;
}
.SearchResults OL.pager
{
	padding-bottom: 0px;
	list-style-type: none;
	margin: 10px 0px;
	padding-left: 0px;
	width: 100%;
	padding-right: 0px;
	float: left;
	clear: both;
	list-style-image: none;
	padding-top: 0px;
}
.SearchResults OL.pager LI
{
	padding-bottom: 0px;
	margin: 0px;
	padding-left: 0px;
	width: auto;
	padding-right: 10px;
	float: left;
	padding-top: 0px;
}
.SearchResults OL.pager LI A
{
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
}
.SearchResults OL.pager LI A[disabled='disabled']
{
	color: #666;
	cursor: default;
	text-decoration: none;
}
.SearchResults OL.pager LI A.sf_PagerSelItem
{
	color: #666;
	cursor: default;
	text-decoration: none;
}

.sb_pag
{
	padding: 0;
	margin: 0;
	display: inline-block;
}
.sb_pag UL
{
	padding: 0;
	list-style-type: none;
	margin: 0;
}
.sb_pag LI
{
	padding: 0;
	list-style-type: none;
	margin: 0;
}
.sb_pag LI
{
	float: left;
}
.sb_pag H4
{
	display: none;
}
.sb_pag A
{
	border: #d4d4d4 1px solid;
	text-align: center;
	min-width: 12px;
	padding: 0 8px;
	margin: 0px 5px 0px 0px;
	display: block;
	line-height: 26px;
	text-decoration: none;
}
.sb_pag SPAN
{
	border: #d4d4d4 1px solid;
	text-align: center;
	padding: 5px 12px;
	margin: 0px 5px 0px 0px;
	display: block;
	line-height: 26px;
	text-decoration: none;
}
.sb_pag A
{
	color: #f76120;
}
.sb_pag A:visited
{
	color: #f76120;
}
.sb_pag A:hover
{
	border: #ffa615 1px solid;
	background: #fbefdb;
}
A.sb_pagS
{
	border: #ffa615 1px solid;
	background: #fbefdb;
	text-decoration: none;
}
.sb_pag A.sb_pagP, .sb_pag A.sb_pagN
{
	border: #d4d4d4 1px solid;
	color: #008000;
	font-family: Webdings;
	font-size: 138.5%;
	/*line-height: 131%;*/
	padding: 0 5px;
	vertical-align: middle;
}
.sb_pag A.sb_pagP:hover, .sb_pag A.sb_pagN:hover
{
	border: #00BF00 1px solid;
	background-color: #BFFFBF;
}
/*
A.sb_pagP {
	BORDER-BOTTOM-STYLE: none; PADDING-BOTTOM: 0.38em; BORDER-RIGHT-STYLE: none; PADDING-LEFT: 0.5em; PADDING-RIGHT: 0.5em; BORDER-TOP-STYLE: none; COLOR: #03c; BORDER-LEFT-STYLE: none; PADDING-TOP: 0.38em
}
A.sb_pagN {
	BORDER-BOTTOM-STYLE: none; PADDING-BOTTOM: 0.38em; BORDER-RIGHT-STYLE: none; PADDING-LEFT: 0.5em; PADDING-RIGHT: 0.5em; BORDER-TOP-STYLE: none; COLOR: #03c; BORDER-LEFT-STYLE: none; PADDING-TOP: 0.38em
}
SPAN.sb_pagSp {
	BORDER-BOTTOM-STYLE: none; PADDING-BOTTOM: 0.38em; BORDER-RIGHT-STYLE: none; PADDING-LEFT: 0.5em; PADDING-RIGHT: 0.5em; BORDER-TOP-STYLE: none; COLOR: #03c; BORDER-LEFT-STYLE: none; PADDING-TOP: 0.38em
}
A.sb_pagP:visited {
	COLOR: #639
}
A.sb_pagN:visited {
	COLOR: #639
}
A.sb_pagP {
	PADDING-LEFT: 0px; MARGIN-RIGHT: 0.7em
}
A.sb_pagP:hover {
	BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BACKGROUND-COLOR: transparent; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none; TEXT-DECORATION: underline
}
A.sb_pagN:hover {
	BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BACKGROUND-COLOR: transparent; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none; TEXT-DECORATION: underline
}
*/


/*===========================================================================*\
    _SECTION_CONTAINERS: Styles for Credco.eCredco.WebControls.Container controls
\*===========================================================================*/

/* SkinID="TestNotice" */
.ctrtestnotice
{
	margin-bottom: 4px;	
}
.ctrtestnoticenopadding
{
	margin-bottom: 0px;	
}
.ctrtestnotice-hd
{
	background: url("images/gradient_gray.gif") repeat-x;
	height: 21px;
	padding: 0;
	color: #ff0000;
	font-weight: bold;
	font-size: 131%;
	vertical-align: middle;
	text-align: center;
	border: solid 1px #b3c4d1;
}
.ctrtestnotice-hd a
{
	color: #ff0000;
}
.ctrtestnotice-cnt, .ctrtestnotice-cntnopadding
{
	background-color: #ffffff;
	text-align: center;
	padding: 4px;
}
.ctrtestnotice-cntnopadding
{
	padding: 0px;
}

/* SkinID="Skin1" */
.ctr1
{
	margin-bottom: 4px;	
}
.ctr1nopadding
{
	margin-bottom: 0px;	
}
.ctr1-hd
{
	background: url("images/gradient_blue.png") repeat-x;
	padding: 4px;
	color: #ffffff;
	font-weight: bold;
	font-size: 100%;
	vertical-align: middle;
	border: solid 1px #b3c4d1;
}
.ctr1-hd a
{
	color: #ffffff;
}
.ctr1-cnt, .ctr1-cntnopadding
{
	background-color: #efefef;
	padding: 4px;
}
.ctr1-cntnopadding
{
	padding: 0px;
}

/* SkinID="Skin2" */
.ctr2
{
	margin-bottom: 4px;
	vertical-align: top;
}
.ctr2-hd
{
	font-weight: bold;
	font-size: 85%;
	margin: 4px;
	color: #303030;
}
.ctr2-cnt
{
	border: solid 1px #909090;
	background-color: #feffff;
	padding: 4px;
}

/* SkinID="Skin3" */
.ctr3
{
	margin-bottom: 4px;	
}
.ctr3-hd
{
	background-color: #9c9c9c;
	padding: 4px;
	color: #fff;
	font-weight: bold;
	font-size: 100%;
}
.ctr3-hd a, .ctr3-hd a:link, .ctr3-hd a:visited, .ctr3-hd a:active  
{
	color: #fff;
}
.ctr3-cnt
{
	background-color: #e9e9e9;
	padding: 4px;
}

/* SkinID="MultiViewContainer" */
.ctrMultiView
{
	margin: 0px;
	padding: 0px;
}
.ctrMultiView-hd
{
	color: #ffffff;
	height: 21px;
	margin: 0px;
	padding: 0px;
}
.ctrMultiView-cnt
{
	background-color: #ffffff;
	border-top: solid 1px #feffff;
	padding: 0px;
}

/* SkinID="Stacked" */
.ctrStacked
{
	margin: 10px 0 0 10px;
}
.ctrStacked-hd
{
	background: url("images/gradient_blue.png") repeat-x;
	padding: 4px;
	color: #ffffff;
	font-weight: bold;
	font-size: 100%;
	vertical-align: middle;
	border: solid 1px #b3c4d1;
}
.ctrStacked-hd a
{
	color: #ffffff;
}
.ctrStacked-cnt
{
	background-color: #efefef;
	padding: 4px;
}


/*===========================================================================*\
    _SECTION_TABLES: Styles for tables
\*===========================================================================*/

/* Table 1 */
table.tbl1
{
	height: 100%;
	width: 100%;
}

tr.tbl1
{
	vertical-align: top;
}

th.tbl1, td.tbl1
{
	color: #444;
	font-size: 100%;
	padding: 3px 3px;
}

th.tbl1
{
	font-weight: bold;
}

td.tbl1
{
	font-weight: normal;
}

td.tbl1.dim
{
	color: #777;
}


/*===========================================================================*\
    _SECTION_TEXT: Defines classes for displaying various text types
\*===========================================================================*/

.info-text
{
	color: #003366;
	font-weight: bold;
	font-size: 93%;
}
.error-text
{
	color: #ff0000;
	font-weight: bold;
	font-size: 93%;
}
.success-text
{
	color: #009900;
	font-weight: bold;
	font-size: 93%;
}
.help-text
{
	color: #444444;
	font-weight: bold;
	font-size: 85%;
}


/*===========================================================================*\
    _SECTION_HELPERS: Shortcuts to commonly used styles
\*===========================================================================*/

.full, .fullheight {height:100%;}
.full, .fullwidth {width:100%;}
.bold {font-weight:bold;}
.float-left {float:left;}
.float-right {float:right;}
.float-none {float:none;}
.clear-left {clear:left;}
.clear-right {clear:right;}
.clear-both {clear:both;}
.display-none {display:none;}
.display-block {display:block;}
.align-left {text-align:left;}
.align-center {text-align:center;}
.align-right {text-align:right;}
.valign-top {vertical-align:top;}
.valign-middle {vertical-align:middle;}
.valign-bottom {vertical-align:bottom;}

.border-none {border: solid 0px #ffffff;}

.nowrap{white-space:nowrap;}
.ellipsis{overflow: hidden;text-overflow: ellipsis;}

.underline, A.underline {text-decoration:underline;}
.nodecoration, A.nodecoration {text-decoration:none;}

.nomrg {margin:0;}
.nomrgtop {margin-top:0;}
.nomrgbottom {margin-bottom:0;}
.nomrgright {margin-right:0;}
.nomrgleft {margin-left:0;}

.nopad {padding:0;}
.nopadtop {padding-top:0;}
.nopadbottom {padding-bottom:0;}
.nopadright {padding-right:0;}
.nopadleft {padding-left:0;}

.pad5 {padding:5px;}
.pad10 {padding:10px;}

.pt5 {padding-top:5px;}
.pb5 {padding-bottom:5px;}
.pr5 {padding-right:5px;}
.pl5 {padding-left:5px;}

.border-test-blue{border: 1px solid blue;}
.border-test-cyan{border: 1px solid cyan;}
.border-test-green{border: 1px solid green;}
.border-test-lime{border: 1px solid lime;}
.border-test-magenta{border: 1px solid magenta;}
.border-test-orange{border: 1px solid orange;}
.border-test-red{border: 1px solid red;}
.border-test-yellow{border: 1px solid yellow;}
.border-test-white{border: 1px solid white;}