﻿/*
  	-- -- -- -- -- -- --
  	Help CSS Styles
  	-- -- -- -- -- -- --
*/
/****************************************/
/*** Classes for Main content elements  */
/****************************************/
.helper .header h1 { padding-left:0}

.wrapper-content {
	margin:10px 2% 0;
	width:96%;
	font-size:1.2em;	
}
.wrapper-content h3 {
	font-size:1.3em;
	font-weight:bold;
	color:#447073;
	overflow:hidden;
}
.envelope {
	float:left;
	width:100%;
}
#main-content {
	margin-right:226px;
}
#main-content .help-searcher {
	background-color:#D8E6E9;
	border-bottom:1px solid #B8CDD2;
	
	margin-bottom:30px;
	
}
#main-content .terms-searcher {
	padding:10px 0;
} 
#main-content .terms-searcher a.back  {
	width:74px;
	height:70px;
	text-indent:-90000em;
	background:url(../images/terms-searcher.gif) no-repeat 10px 0 ;
	float:left;
}
#main-content .terms-searcher input {
	font-size:1.3em;
	font-weight:bold;
	margin:2px 0;
}
#main-content .terms-searcher input.terms {
	width:310px;
	border:2px solid #BBD2DA;
	height:22px;
	padding-top:2px;
	padding-left:2px;
}
#main-content .help-searcher label { font-size:1.1em;font-weight:bold;color:#4B6C7B}
#main-content .help-searcher small {font-size:1em;}
#main-content .help-searcher label, 
#main-content .help-searcher small {display:block;}
#main-content .questions												{ margin-right:226px;}
#main-content .questions div											{ width:100%;overflow:hidden;}
#main-content .listing-a, #main-content .listing-b						{ float:left;}
#main-content .listing-a ul												{ margin-right:4%;}

#main-content .listing-a, #main-content .listing-b						{ width:49% !important;}  

.listing-a h4, .listing-b h4				{ margin-top:20px;}
.listing-a ul, .listing-b ul				{ margin-top:10px;}
.listing-a ul li, .listing-b ul li, 
div.results ul li							{ margin-bottom:5px;background:url(../images/li.gif) no-repeat 0 6px;padding-left:10px}

div.results				{ clear:both;margin:0 15px;height:1%}
div.results h3			{ margin-bottom:10px;}
div.results h3 span		{ padding-left:10px;font-weight:normal;font-size:0.8em;color:#333}
div.results h3 em		{ background-color:#FFFCD2;color:#333;font-weight:bold}
div.results p			{ font-size:1.1em;line-height:1.4em;}
div.results ul li h5	{ margin-bottom:10px;font-size:1.1em;}
div.results ul li small	{ font-size:0.8em;margin-left:10px;} 

div.image-help		{ width:auto;margin:20px auto;text-align:center;}
div.video-help		{ width:480px;margin:20px auto;text-align:center;background-color:#B5CED3}
div.video-help span { line-height:296px;height:296px;vertical-align:middle;overflow:hidden;color:#fff;font-size:1.1em;}

#sidebar {
	width:216px; 
	float:right;
    margin-left:-216px;
}
#sidebar h3{
	background-color:#D8E6E9;
	border-bottom:1px solid #B8CDD2;
	padding:10px;
}
#sidebar ul.topics {
	margin:0;
	padding:0;
}
#sidebar ul.topics li {
	background:url(../images/bg-menu.gif) repeat-x left top;
	border:1px solid #B5CED3;
	border-top:0;
	margin:0;
	padding:0;
}
#sidebar ul li h4 {
	margin:0 5px;
	height:36px;
	line-height:36px;
	vertical-align:middle;
	color:#436E7E;
	font-weight:bold;
	font-size:1.1em;	
} 
#sidebar h4 a {text-decoration:none !important; }

#sidebar li h4 a {
	padding-left:30px;
	background-image:url(../images/menu-help.png?v=200805141830);
	background-repeat:no-repeat;
	height:36px;
	line-height:36px;
	vertical-align:middle;
	display:block;
}

#sidebar li.help-theme1			h4 a	{ background-position:0 center; }
#sidebar li.help-theme2			h4 a	{ background-position: -214px center; }
#sidebar li.help-theme3			h4 a	{ background-position: -428px center; }
#sidebar li.help-theme4			h4 a	{ background-position: -647px center; }
#sidebar li.help-theme5			h4 a	{ background-position: -863px center; }
#sidebar li.help-theme6			h4 a	{ background-position: -1079px center;}
#sidebar li.help-theme7			h4 a	{ background-position: -1511px center;}
#sidebar li.help-theme8			h4 a	{ background-position: -1298px center;}
#sidebar li.help-theme9			h4 a	{ background-position: -1752px center;}
#sidebar li.help-theme10		h4 a	{ background-position: -2570px center;}
#sidebar li.help-theme11		h4 a	{ background-position: -2830px center;}
#sidebar li.help-theme12		h4 a	{ background-position: -3138px center;}
#sidebar li.help-theme13		h4 a	{ background-position: -2035px center;}
#sidebar li.help-theme14		h4 a	{ background-position: -2295px center;}
/* Rating Tools */

.rating-tools {
	background:#F4F4F4;
	overflow:hidden;
	width:100%;
	height:32px;
	border-bottom:1px solid #E0E0E0;
}
	.rating-tools h4 {
		float:left;
		padding:0 12px 0 5px;
		height:32px;
		line-height:32px;
		vertical-align:middle;
	}
	
	.rating-tools ul {
		margin:0;
		padding:0;
	}
	
		.rating-tools ul li {
			background:none !important;
			float:left;
			padding-left:0 !important;
			padding-right:6px;
		}
		
			.rating-tools ul li a {
				background-image:url(../images/rating-thumbs.gif);
				background-repeat:no-repeat;
				display:block;
				height:26px;
				width:26px;
				overflow:hidden;
				text-indent:-9000em;
				margin-top:4px;
			}
			.rating-tools ul li a.rate-1 {
				background-position:0 -40px;
			}
			.rating-tools ul li a.rate-1:hover {
				background-position:0 -106px;
			}
			.rating-tools ul li a.rate-0 {
				background-position:0 -170px;
			}
			.rating-tools ul li a.rate-0:hover {
				background-position:0 -237px;
			}




