/* CSS Document */
@import url(/css/new/autocomplete.css);

.datasource {
	font-family: verdana, sans-serif;
	font-size: 9px;
}


#bannernav {margin-top: 1em; text-align:center;}
.bannerlink {margin: 0 1em; padding: 0; display: inline;}
.bannerlink img {display: none;}
.bannerlink a:link, .bannerlink a:visited, .bannerlink a:active {color: #aaa; text-align: center; margin: 0; padding: 0; text-decoration: none;}
.bannerlink a.activeSlide {color: #000; font-weight: bold}
.bannerlink a:focus {background-color: #fff;}


.hidden, .printonly {
	display:none;
}

.pdfprint {clear: right; float: right; width: 95px; margin: 0 0 4em 4em;}
.pdfprint img {vertical-align: top; margin-right: .5em}

input[type="text"]  {
	padding: 5px;
	font-size: 90%;
	border: 1px solid #999;
	margin: 0 0 1em 0;
	min-width: 180px;
	vertical-align: middle;
}

input[type="button"]  {
	margin: 0 0 1em 0;
	vertical-align: middle;
}

a {
   outline: none;
}

.module input[type="text"]  {width: 400px;
}

div.error {
		background-image: url(/layouts/bptw/images/error.png);
		background-repeat: no-repeat;
		background-position: 12px 12px;
		padding: 1em;
		margin: 2em 0;
		text-indent: 2em;
		background-color: #FFC;
		
}

/* begin css tabs */

.clutch #content_main ul#tabnav {
text-align: left;
margin: 3em 0  1em 0;
font: 12px "Lucida Sans", "Lucida Grande", sans-serif, verdana, sans-serif;
border-bottom: 1px solid #999; 
list-style-type: none;
padding: 8px 11px 8px 11px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { /* do not change */
display: inline;
}

#tab1 li.tab1, #tab2 li.tab2, #tab3 li.tab3 { /* settings for selected tab */
border-bottom: 1px solid #fff; 
background-color: #fff; 
}



ul#tabnav li a { /* settings for all tab links */
padding: 8px 8px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #999; 
background-color: #ccc; 
color: #666; 
margin-right: 5px;
text-decoration: none;
border-bottom: none;
}

ul#tabnav li.active a { /* settings for selected tab link */
background-color: #fff; 
color: #000; 
position: relative;
top: 1px;
padding-top: 9px; /* must change with respect to padding (X) above and below */
}

.clutch #content_main ul#tabnav a:hover { /* settings for hover effect */
background: #ddd; 
}

.clutch #content_main ul#tabnav li.active a:hover { /* settings for hover effect */
background: #fff; 
cursor: default;
}


/* end css tabs */








/* begin JTM edits for star ratings */

ul.rate2 {
  margin: 0;
  padding: 0;
  float:right;
  width: 100px;
  height: 18px;
}


ul.rate2 li{
  	float:left;
  	display: inline;
	height:15px;
	width: auto;
  	padding: 0;
	margin: 0 0 0 8px;
	text-decoration:none;		
}

ul.rate2 li a.rating {
	display: block;
	height:15px;
	background:url(/layouts/bptw/images/li_dotstar.png) repeat-x;
	background-repeat:no-repeat;
	width: 15px;
	text-decoration:none;
	border:none;
}

ul.rate2 li a.hover{
	background-position: -15px 100%;
}
ul.rate2 li a.selected{
	background-position: -30px 100%;
}

ul.rate2 li a.clear {
	display: block;
	height:15px;
	background:url(/layouts/bptw/images/li_clear.png) repeat-x;
	background-repeat:no-repeat;
	background-position: -15px 100%;
	width: 15px;
	border:none;
}

ul.rate2 li a.visible{
	background-position: 0px 100%;
}

/* end JTM edits for star ratings */

.divider3 {
font: 12px "Lucida Sans", "Lucida Grande", sans-serif, verdana, sans-serif;
	padding: 0 ;
	margin: .2em 0;
	height: 40px;
	border-bottom: 2px dotted #bbb;
	width: 360px;
	vertical-align: middle;
}
.divider3 ul{position: relative; top: 10px}
.divider3 p{position: relative; top: 10px}



.legendColorBox {width: 3em;}
td.legendLabel {
	text-align: left;
}





.blue{
	background-image:url(images/blue_bg.gif);
	width:95px;
	padding: 10px 10px;
	font: normal 35px/35px georgia, serif;
	text-align:center;
	vertical-align: baseline;
	color:#fff;
	float:right;
	margin: 0 0 0 2em;
} 

.red{
	background-image:url(images/block_red.png);
	width:95px;
	padding:5px 10px;
	font: normal 14px/17px georgia, serif;
	text-align:center;
	vertical-align: middle;
	color:#fff;
	float:right;
	clear:both;
	margin: 0 0 2em 2em;
	} 

	
	
.contentside_top {
	padding: 8px 8px 4px;
	margin: 8px 8px 16px;
	background: #F5F5F5;
	border: 1px solid #CCC;
	width: 267px;
}

.contentside_controls {
	
	background: url(/layouts/bptw/images/leftmodule3.png) bottom left repeat-x;	
	background-color: #dcdcdc;
	padding: 8px 8px 8px;
	margin: 8px 8px 8px;
	border: 1px solid #CCC;
	width: 267px;
}

.contentside_standard {
	
	padding: 8px 0 8px;
	margin: 8px 8px 8px;
	border: 0px;
	width: 283px;
}


td.top {
	font-weight: bold;}
	
h1.module{
	font: normal 20px/20px georgia, serif;
	color: #00275C;
	margin: 0;
	padding: 0;
}


.moduleinputinput[type="text"]{
	width:400px;
}

ul.navlist {
		list-style-type: none;
		margin: .5em 0 1em 0;
		padding: 0;
		}
ul.navlist li {
		border-top: 1px dotted #ccc;
		padding: .5em 0 .5em .5em;
}
ul.navlist li ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		}
ul.navlist li ul li {
		border-top: 0px dotted #ccc;
		padding: .5em 0 0 2em;
}

ul.navlist li a {
		font: bold 11px/13px arial, verdana, sans-serif;
	color: #333;
}






ul.navlist_top {
		list-style-type: none;
		margin: .5em 0 1em 0;
		padding: 0;
		}
ul.navlist_top li {
		padding: .5em 0 .5em 0;
}

ul.navlist_top li a {
		font: bold 11px/13px arial, verdana, sans-serif;
	color: #333;
}