/* ######### CSS for Shade Tabs. ######### */

.shadetabs{
clear:both;
padding: 5px 0;
margin: 30px 0 0 0;
font: bold 12px Arial, Helvetica, sans-serif;
text-transform:uppercase;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 5px 40px;
margin-right: 5px;
border: 1px solid #999;
color:#FFF;
background: #CCC;

}

.shadetabs li a:hover{
text-decoration: none;
background:#999;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
background:#F98E25;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}
.tabcontentContainer {
border:1px solid #999;
width:100%;
padding: 0;
margin-bottom:10px;
}
.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}
table.toolsOverview, table.toolsComparison {
width:100%;
font: normal 12px/18px Arial, Helvetica, sans-serif;
padding:0;
border-collapse:collapse;
}
table.toolsOverview td, table.toolsComparison td{
padding:10px;
width:50%;
}
table.toolsOverview th, table.toolsComparison th{
background:#FDDDBE;
color:#004B8D;
text-transform:uppercase;
font-weight:bold;
padding:5px 10px;
text-align:left;
}
table.toolsOverview td.info, table.toolsComparison td.info{
color:#666;
padding-left:30px;
}
table.toolsComparison td.info{
background:#F2F2F2;
border-top:5px solid #FFF;
border-right:5px solid #FFF;
border-bottom:5px solid #FFF;;
}
table.toolsOverview td.infoSecured, table.toolsComparison td.infoSecured{
color:#666;
padding-left:30px;
background-image:url(../../images/tools/lock.gif);
background-repeat:no-repeat;
background-position:10px 8px;
}
table.toolsComparison td.infoSecured{
background-color:#F2F2F2;
border-top:5px solid #FFF;
border-right:5px solid #FFF;
border-bottom:5px solid #FFF;
}
#overview table.toolsOverview h3, #comparison table.toolsComparison h3 {
color:#00A5D3;
font: bold 12px Arial, Helvetica, sans-serif;
margin:0;
}
table.toolsOverview h3 a, table.toolsComparison h3 a{
text-decoration:none;
}
table.toolsOverview h3 a:hover, table.toolsComparison h3 a:hover{
text-decoration:underline;
}
table.toolsOverview td.footer, table.toolsComparison td.footer{
color:#666;
border-top: 5px solid #CCC;
font-size:11px;
}
table.toolsComparison td.nonreg {
background-color:#E6EDF4;
background-image:url(../../images/tools/checkmark.gif);
background-position:center;
background-repeat:no-repeat;
border-top:5px solid #FFF;
border-right:5px solid #FFF;
border-bottom:5px solid #FFF;
width:130px;
}
table.toolsComparison td.nonregNo {
background-color:#E6EDF4;
border-top:5px solid #FFF;
border-right:5px solid #FFF;
border-bottom:5px solid #FFF;
width:130px;
}
table.toolsComparison td.reg {
background-color:#FEF4EA;
background-image:url(../../images/tools/checkmark.gif);
background-position:center;
background-repeat:no-repeat;
border-top:5px solid #FFF;
border-bottom:5px solid #FFF;
width:130px;
}
table.toolsComparison td.regNo {
background-color:#FEF4EA;
border-top:5px solid #FFF;
border-bottom:5px solid #FFF;
width:130px;
}
table.toolsComparison td.head {
color:#666;
text-transform:uppercase;
text-align:center;
font-weight:bold;
width:130px;
}


.bwfh2 {
color: rgb(0,157,217);
font-size: 170%;
line-height: 155%;
font-weight: normal;
margin-top: 0;
margin-bottom: 15px;
padding-right: 155px;
}
.bwfh3 {
font-size: 105%;
line-height: 160%;
color:#326096;
font-weight: bold;
}
#bwfintro {
	border: 1px solid #a9abac;
	background:#fff url(/siteflow/gif/bodyCopyBlockBackground.gif) bottom left repeat-x;
	padding: 5px;
	margin: 20px 0;
}
.bwfintroContentH1{
	padding: 10px;
font-size: 130%;
line-height: 140%;
	font-weight: normal;
	color:#77797a;
	margin: 0;
}
#bwfCallout {
	border: 1px solid #a9abac;
	background:#fff url(/siteflow/gif/bodyCopyBlockBackground.gif) bottom left repeat-x;
	padding: 5px;
	margin-top:10px;
}
.bwfcallouttext {
color: rgb(104,104,104);
	padding: 10px;
font-size: 120%;
line-height: 160%;
	font-weight: normal;
	margin: 0;

}
.bwfcallouttext ul{
	margin-top: 0;
	margin-bottom:0;

}



.mobileBanner {
	width:650px;
	background-color:#E6E6E6;
	margin: 0;
	padding:0;
}
.mobileBanner .bannerLeft {
	width:265px;
	float:left;
	margin:0;
	padding:0;
}
.mobileBanner .bannerRight {
	width:385px;
	float:left;
	margin:0;
	padding:0;
}
.mobileBanner .bannerRight .buttonContainer {
	width:385px;
}
.mobileBanner .bannerRight .buttonContainer .button {
	width:120px;
	background:url(../../images/tools/blue_button.jpg) no-repeat;
	height:35px;
	float:left;
	margin: 0 10px 0 5px;
}
.mobileBanner .bannerRight .buttonContainer .button a {
	width:100px;
	height:25px;
	text-align:center;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:13px;
	display:block;
	text-decoration:none;
	padding: 5px 10px;
}
.mobileBanner .bannerRight .buttonContainer .other {
	width:100px;
	float:left;
	margin: 0 0 0 15px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:11px;
	line-height:14px;
}
* html .mobileBanner .bannerRight .buttonContainer .other {
	margin: 0 0 0 5px;
}
.mobileBlue {
	width:390px;
	background:url(../../images/tools/blue_grad_bkgrd.jpg) repeat-x;
	float:left;
	margin: 20px 20px 0 0;
	padding:20px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:14px;
	line-height:20px;
}
.mobileOrange {
	width:160px;
	background:url(../../images/tools/orange_grad_bkgrd.jpg) repeat-x;
	float:left;
	margin:20px 0 0 0;
	padding:20px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:12px;
	line-height:18px;
}
.mobileBlue .mobileh1, .android .mobileh1 {
	color:#004B8E;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	line-height:30px;
	margin-top:0;
	font-weight:normal;
}
.mobileBlue .mobileh2, .mobileOrange .mobileh2 {
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
	margin-top:0;
	font-weight:bold;
}
.mobileBlue ul, .mobileOrange ul {
	margin-left:0;
	padding-left:15px;
}

.mobileBlue ul li, .mobileOrange ul li {
	margin-bottom:15px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.blue {
	color:#004B8E;
}
.android {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
	color:#666;
	padding:10px;
}
.android ol {
	margin-left:0;
	padding-left:15px;
}

.android ol li {
	margin-bottom:15px;
}
.androidFooter {
	font-size:11px;
}
.android a { color: rgb(0,157,217); }
.android a:hover { color: rgb(0,102,153); }