/*
Theme Name:		ScribeForce Static
Theme URI:		http://scribeforce.com
Description:	A 3-column design with emphasis on content visibility.
Version:		1.0
Author:			Mudasser Sulehria
Author URI:		http://obscure.pk/
*/


@import 'reset.css';


body{
	background: #333333;
	font-family: "Helvetica", "sans serif", Georgia, "Times New Roman", Times, serif;
	color:#666666;
	font-size:14px;
}

a{
color:#55A3FF;
text-decoration:none;
}
a:hover{
color:#333;
}
p{
padding:10px;
line-height:1.5em;}

h1{
font-size:32px;
color:#55A3FF;
padding:5px;
font-weight:normal;
}

h2{
font-size:21px;
color:#666666;
font-family:"Helvetica", "sans serif", Georgia, "Times New Roman", Times, serif;
padding:10px;
font-weight:normal;
}

h3{
font-size:18px;
color:#666666;
font-family:Georgia, "Times New Roman", Times, serif;
padding:10px;
font-style:italic;
font-weight:normal;
}

img{
border:0;
}
.form_label{
font-size:16px;
color:#333;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-weight:normal;
}

.form_element
{
font-size:18px;
color:#666666;
font-family:"Helvetica", "sans serif", Georgia, "Times New Roman", Times, serif;
font-weight:normal;
padding:3px;
}
.form_element_div{
clear:both;
margin-bottom:10px;
}

.form_element_div_captch{
clear:both;
margin-bottom:10px;
border:2px #ABE3FE dashed; 
width:300px; 
padding:20px;
}

.form_btn{
width:162px;
height:67px;
background:url(images/btn_signup.png) no-repeat;
border:none;
cursor:pointer;
}


.price{
color:#55A3FF;
font-size:20px;
}
.tag{
color:#999999;
font-size:20px;

}


.quote
{
font-size:16px;
color:#FF9900;
font-family:Georgia, "Times New Roman", Times, serif;
padding:10px;
font-style:italic;
font-weight:normal;
}

.people_talk
{
padding:10px;
border-bottom:#E1EAFF 1px solid;
margin-bottom:35px;
}
.people_talk p
{
font-size:11px;
line-height:1.2em;
color:#999999;
}
.people_talk h3
{
font-size:14px;
color:#666666;
font-family:Georgia, "Times New Roman", Times, serif;
padding:10px;
font-style:italic;
font-weight:normal;
}

#wraper{
	margin:0px auto;
	width:960px;
	background:#FFF;
}

#product_list{
margin:0 auto;
width:600px;
border:1px dashed #00CCFF;

}
#toptabs{
width:99%;
position:absolute;
height:18px;
padding:7px 5px 5px 5px;
font-size:11px;
top:0;
text-align:right;
color:#999999;
}
#toptabs a{
color:#FFF;
}
#toptabs a:hover{ color:#FFFF99;}

#toptabs .signin_top_btn a{
background:#99FF00; color:#000000; padding:5px;
}

#toptabs .signin_top_btn a:hover{
background:#666; color:#FFF; padding:5px;
}

/* Header section */
#header{
	margin:30px auto 0px auto;
	width:935px;
	height:125px;
	padding:10px 5px 5px 20px;
	background:url(images/bodybg.jpg) repeat-x;
}

#header .main_heading{
	font-size:31px;
	color:#D9F0FF;
	line-height:22px;
	padding:0;
	margin:10px 0 0 0;
	font-family:Georgia, "Times New Roman", Times, serif;

}

#header .sub_heading{
	font-size:24px;
	color:#FFFFFF;
	font-family:Georgia, "Times New Roman", Times, serif;
}


.margin{
height:10px; 
background:#333333;
}
/* Header section */

/* NAV section */

#top_navlist {
    background:#FFFFFF;
    font-size:15px;
    font-weight:normal;
    width:100%;
    }


#top_navlist ul { 
	float:left;
    list-style:none;
    line-height:20px;
    padding:5px 0 0 0;
    margin:0;
    width:100%;
	border-bottom:1px #0099FF solid;
 }
 
#top_navlist li {
    float:left;
    padding:0;
	margin-left:5px;
	}
	 #top_navlist a {
    display:block;
    color:#0099FF;
    text-decoration:none;
    padding:5px 20px;
	font-weight:normal;
    }
	
	#top_navlist a:hover {
    display:block;
    color:#0099FF;
    text-decoration:none;
    padding:5px 20px;
	font-weight:normal;
	background:#FFFFCC;
    }
	
	#top_navlist .current_page_item a{ 
background:#0099FF;
color:#FFF;
}

#top_navlist .signup_page_item a{ 
background:#99FF00;
color:#FFF;
}

#top_navlist .signup_page_item a:hover{ 
background:#FFFFCC;
color:#0099FF;
}

	/* NAV section */
	
	#main1 {
		margin:10px 0 0 0; padding:0 10px 0 10px;
		}
		
	#main2 {
		margin:0; padding:10px 0 10px 0;

		}
		
	#content{
	padding:0px 20px 10px 20px;
	min-height:520px;
	width:480px;
	margin:0 230px;
	}
	#content ul{
	padding:10px;
	margin-left:20px;
	}
	#content ul li{
	line-height:2em;	}

	#content_wide{
	padding:0px 20px 10px 20px;
	min-height:520px;
	width:680px;
	margin:0 230px;
	}
	
	#content_wide ul{
	padding:10px;
	margin-left:20px;
	}
	#content_wide ul li{
	line-height:2em;	}
	
	#content_wide ol{
	padding:10px;
	margin-left:20px;
	}
	#content_wide ol li{
	line-height:2em;	}	
	
	#content_left{
	padding:0px 20px 10px 20px;
	min-height:520px;
	width:670px;
	float:left;
	margin:0 0 0 10px;
	}	
	

	#content_whysf{
	padding:0px 20px 10px 20px;
	min-height:520px;
	width:900px;
	margin:5px 10px;
	}			

	content_inner_wyhsf{
	float:left; 
	width:650px;
	}

#reliable{}
#quality{display:none;}
#friendly{display:none;}
#hassle{display:none;}

	#left_bar {
		float:left;
		width:180px;
		margin:0; 
		padding:5px 20px 5px 10px;
		font-size:80%;
		}

	#right_bar {
		float:right;
		width:180px;
		margin:0; padding:5px 10px 5px 10px;
		font-size:80%;
		}

	

	#footer{
	clear:both;
	padding:20px 10px 5px 5px;
	height:100px;
	}
	
	.img_right{
	float:right;
	}
	


/*---:[ comment styles ]:---*/

#comments { width: 463px; margin: 4.0em 0 2.0em 0; }

	.comments_intro { padding: 0 20px; border-bottom: 1px dotted #bbb; }

		.comments_intro span { padding: 0 0 0 14px; background: url('images/icon_comment.gif') 0 50% no-repeat; }

	dl#comment_list { margin: 0 0 3.0em 0; }

		dl#comment_list dt.comment { width: 445px; padding: 1.42857em 9px 0.71429em 9px; background: #f8f8f8; font-size: 1.4em; line-height: 1.42857em; }

			.comment_num { padding: 0 0 0 20px; font: bold 0.85714em/1.66667em Verdana, sans-serif; float: right; }

				.comment_num a, .comment_num a:visited { color: #999; text-decoration: none; }

				.comment_num a:hover { color: #237fa1; text-decoration: none; }
				
			.comment_time { font: normal 0.78571em Verdana, sans-serif; color: #999; }
				
		dl#comment_list dd.comment { width: 445px; padding: 0 9px 0.8em 9px; background: #f8f8f8; border-bottom: 1px dotted #bbb; }
		
		dl#comment_list dt.alt, dl#comment_list dd.alt { background: #fff; }

		dl#comment_list dt.author, dl#comment_list dd.author { background: #e7f8fb !important; }
		
			.comment .format_text { padding: 0 10px; }
			
			.comment a.comment_link, .comment a.comment_link:visited { font-style: italic; font-weight: bold; color: #333; background: none; text-decoration: none; }
			
			.comment a.comment_link:hover { color: #333; text-decoration: underline; }
			
			

/*---:[ comment form styles ]:---*/





/*---:[ sidebar styles ]:---*/
	

	.widget h2 { font-size: 15px; margin: 0 0 10px 0; line-height: 1.0em; padding: 0; text-transform: uppercase; letter-spacing: 2px; border-top: 0; border-bottom: 1px solid #ddd; }
	

	ul.sidebar_list { list-style: none; }

	ul.sidebar_list li.widget, ul.sidebar_list li.linkcat { width: 150px; margin: 0 0 2.5em 0;  float: left; }

		li.widget p { margin: 0 0 5px 0; padding:0 5px 0 5px; border-bottom:1px inset #999; }
		
		li.widget ul, li.linkcat ul { list-style: none; }
		
		li.widget ol { margin: 0 0 0 20px; }
		
			li.widget li, li.linkcat li { margin: 0 0 0.75em 0;  }
			
				li.widget li br { display: none; }
			
				li.widget li ul, li.linkcat li ul { margin: 0.75em 0 0 20px; }

			/*---:[ calendar widget ]:---*/

			#calendar_wrap { width: 182px; margin: 0 0 0.83333em 0; padding: 0 8px 0 0; font-family: Georgia, "Times New Roman", Times, serif; }

			table#wp-calendar { width: 182px; border-collapse: collapse; }

				table#wp-calendar caption { font-weight: normal; font-size: 0.91667em; line-height: 1.72727em; text-transform: uppercase; letter-spacing: 2px; background: #e5e5e5; border-bottom: 1px dotted #ddd; }

				table#wp-calendar th { width: 26px; font-size: 0.91667em; line-height: 1.72727em; background: #f2f2f2; border-bottom: 1px dotted #ddd; text-align: center; }

				table#wp-calendar td { width: 26px; line-height: 1.66667em; color: #999; text-align: center; }

				table#wp-calendar td#next, table#wp-calendar td#prev { width: 78px; font-size: 0.83333em; letter-spacing: 1px; text-transform: uppercase; }
				
			/*---:[ search widget ]:---*/

			#search { padding: 0.83333em 0; border: 1px dotted #ddd; border-width: 1px 0; text-align: right; }

				#search #s { width: 184px; padding: 2px; color: #333; background: #f2f2f2; font: normal 0.91667em Verdana, sans-serif; border: 1px solid #aaa; border-right-color: #eee; border-bottom-color: #eee; text-align: left; }

				#search #s:focus { background: #fff; border-color: #777; border-right-color: #ccc; border-bottom-color: #ccc; }

				#search input[type="submit"] { margin: 0.25em 0 0 0; padding: 2px 3px; color: #333; font: bold 1.0em Georgia, "Times New Roman", Times, serif; background: url('images/submit_bg.gif'); border: 3px double #999; border-top-color: #ccc; border-left-color: #ccc; cursor: pointer; }

				#search input[type="submit"]:hover { color: #237fa1; }
				
			/*---:[ default search form styles ]:---*/

			#search_form { }

				#search_form .search_input { width: 184px; padding: 2px; color: #333; background: #f2f2f2; font: normal 0.91667em Verdana, sans-serif; border: 1px solid #aaa; border-right-color: #eee; border-bottom-color: #eee; }

				#search_form .search_input:focus { background: #fff; border-color: #777; border-right-color: #ccc; border-bottom-color: #ccc; }
				
		

/*  ScribeForce navigation styles   */ 


#leftnav{
float:left;
width:250px;
}


/*  Styling of pricing template */
#leftnav_signup{
float:left;
width:700px;
}

#rightnav_signup{
float:right;
width:200px;
}

 th{
background:#3399FF;
color:#fff;
}

/*  Styling of pricing template */

#leftnav ul {
	padding: 0em;
	margin-left: -20px;
	margin-right: 0em;
	list-style: none; /* */

}

#leftnav li {	
list-style:none;
}

#leftnav a {
	padding: 0px; 
	display: block;
	border: 1px solid #C6E9FF;
	text-decoration: none;
	width: 184px;
	height:33px;
	text-align:left;
	color:#0099FF;
	margin-left:20px;
	font-size:14px;	
	padding-left:15px;
	padding-top:15px;
	background:url(images/arrow.png) center right no-repeat #E6FFFF;
	margin-top:1px;

}


#leftnav a:hover {	
	background:url(images/arrow.png) center right no-repeat #FFF;
	color:#0099FF;
	border: 1px solid #C6E9FF;
	
}


#sub_nav{
clear:both;
}
#sub_nav ul{
margin-top:2px;
}
#sub_nav li{
list-style:none;
}

#sub_nav li a{
padding:7px 3px 3px 5px;
margin:0px;
background:#FFF;
margin-left:30px;
border: 1px solid #C6E9FF;
width:170px;
height:18px;
color:#0292D5;
font-size:12px;
background:url(images/arrow_sub.png) center right no-repeat;
}
#sub_nav li a:hover{
padding:7px 3px 3px 5px;
margin:0px;
background:#FFF;
margin-left:30px;
width:170px;
height:18px;
color:#0292D5;
font-size:12px;
background:url(images/arrow_sub.png) center right no-repeat;
border:#FFCC00 1px solid;
font-weight:bold;
}
#sub_nav li .sub_current{
border:#FFCC00 1px solid;
font-weight:bold;

}
#current a {
	background:url(images/selected_nav_bg.png) #333333 no-repeat  ;
	height:35px;
	width:190px;
	margin-left:0px;
	color:#FFFFFF;
	padding-left:30px;
	padding-top:15px;
	margin-top:0px;
	border:none;

	
}
#current a:hover {
	background:url(images/selected_nav_bg.png) #333333 no-repeat  ;
	height:35px;
	width:190px;
	margin-left:0px;
	color:#FFFFFF;
	padding-left:30px;
	padding-top:15px;
	margin-top:0px;
	border:none;
}

#static_nav ul{
margin-top:30px;
}
#static_nav li{
list-style:none;
display:block;
}
#static_nav li a:hover{
background:url(images/static_nav_bg.png) left no-repeat #FFF;
border-bottom:none;
}
#static_nav li a{
	padding: 0px; 
	margin:0px;
	display: block;
	border: 1px solid #C6E9FF;
	text-decoration: none;
	width: 174px;
	height:25px;
	text-align:left;
	color:#0099FF;
	margin-left:20px;
	font-size:14px;	
	padding-left:25px;
	padding-top:13px;
	background:url(images/static_nav_bg.png) left no-repeat #E6FFFF;
	border-bottom:none;

}


/*  ScribeForce navigation styles   */ 



/*	Style for accordion   */
	.toggler  { 
	cursor:pointer; 	
	padding:15px 3px 3px 15px;
	padding: 0px; 
	display: block;
	border: 1px solid #C6E9FF;
	text-decoration: none;
	width: 184px;
	height:33px;
	text-align:left;
	color:#0099FF;
	margin-left:20px;
	font-size:14px;	
	padding-left:15px;
	padding-top:15px;
	background:url(images/arrow.png) center right no-repeat #E6FFFF;
	margin-top:1px;	
	
	 }
	
	
	
	.toggler:hover	 { 
	background:url(images/arrow.png) center right no-repeat #FFF;
	color:#0099FF;
	border: 1px solid #C6E9FF;
	}
	
	.toggler_active{
	background:url(images/selected_nav_bg.png) #333333 no-repeat  ;
	height:35px;
	width:190px;
	margin-left:0px;
	color:#FFFFFF;
	padding-left:30px;
	padding-top:15px;
	margin-top:0px;
	border:none;
	}

	#toggler_current{
		background:url(images/selected_nav_bg.png) #333333 no-repeat  ;
		height:35px;
		width:190px;
		margin-left:0px;
		color:#FFFFFF;
		padding-left:30px;
		padding-top:15px;
		margin-top:0px;
		border:none;
	
		
	}
	

	.element	 { 
	padding:15px 0px 0px 30px; 
	width:190px;
	text-align:justify;
	}

#select_signup{
padding:10px;
margin-bottom:15px;
background:#FFFFCC;

}

#select_signup a{
background:#FFFFCC;

}

#select_signup a:hover{
background:#B4DDFF;

}

#select_signup ul{

}

#select_signup li{

}
#select_signup li a{

}
table td{
padding:5px;
}


	
 /*************** styles for message **********/
#fadeblock{
	color:#FFFFFF;
	font-weight:normal;
	width:100%;
	z-index:50000;
	text-align:center; 
	font-size:14px; 
	height:20px; 
	vertical-align:middle; 
	padding:5px 0px 5px 0px;	
	position:absolute;
	background:#0000CC;
}
/********************* Rules for moovalid ***********/

	table.form-table { font-family:"Trebuchet MS"; font-size:11px; margin: 0.1em 0.1em 0.1em 0.1em;  background: white; border-collapse: collapse; width:100%; }
	table.form-table .label { font-weight:bolder; padding-left:10px; background:whitesmoke;}
	table.form-table th, table.form-table td { border: 1px #eee solid; padding: 0.3em; }
	table.form-table th { background: gainsboro; text-align: left; }
	table.form-table .title { font-weight:bold; size:12px; color:green; }
	/*#log{ padding:5px; min-height:200px; border:1px solid whitesmoke;  }*/
	.container {border:1px solid #ccc;}


.image_right{
float:right;
padding:10px;
}



