/* vim: set tabstop=4 textwidth=120 foldmethod=marker: */


/* {{{ Elements */
* { margin: 0; padding: 0; }

* html body {
/*\*/
	height: 80%;
/* */
}


html {
	overflow:	-moz-scrollbars-vertical; /* DO NOT COMMENT OUT -- always show vertical scrollbar in mozilla */
	height:		100%;
}

body {
	height:				94%;
	color:				#444;
	font-family:		Arial, Verdana,  Helvetica, sans-serif;
	font-size:			9pt;
	background-color:	#FFF;
	padding:			0; 
	margin:				0;
	padding-bottom:		10px;
	background-image: 
url('/images/fading_background_7.png');
background-repeat: repeat-x
}

h1 {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			160%;
	font-weight:		bold;
	color:				#666;
	margin-top:			0em;
	margin-bottom:		0.5em;
}

h2 {
	font-family:	Arial, Helvetica, sans-serif;
	font-size:		120%;
	color:			#FC8901;
	margin-top:		20px;
	margin-bottom:	0.75em;
	margin-bottom:	0.25em;
	line-height: 1.3em;
}

h2.first {
	margin-top:		0;
}

h3 {
	font-family:	Arial, Helvetica, sans-serif;
	font-size:		9pt;
	font-weight:	bold;
	color:			#30659A;
	margin-top:		20px;
	margin-bottom:	0;
}
h3 a {
	color:	#30659A;
}

h3.first {
	margin-top: 	0;
}

p, ol, dl {
	margin-top:		0;
	margin-bottom:	1.0em;
}

a:hover
{
	text-decoration:	underline;
}

ul{
	list-style:		disc;
}

li {
	position: relative;
	margin-top:		0.25em;
	margin-bottom:	0.25em;
}

img {
	border:none;
}

table {
	border:			none;
	margin-top:		0.0em;
	margin-bottom:	1.0em;
}

a {
	color:				#0066CC;
	text-decoration:	none;
}

a.bullet
{
	background-image:		url('../images/sub-nav-bullet.gif');
	background-repeat:		no-repeat;
	background-position:	0px .4em;
	padding-left:			10px;
}

div.hr {
	clear:				both;
	height:				1px;
	margin:				0;
	padding:			0;
	margin-bottom:		1.0em;
	background-color:	#ddd;
}

div.hr hr {
	display:			none;
}
/* }}} Elements */

.relative { position: relative; }

.page {
	position: 			relative;
	float: 				left; 
	width:				750px;
	margin: 			auto;
	padding:			0px 0px 0px 0px;
	text-align:			left;
	background:			url('../images/leftbar.gif') repeat-y 2px 0px;
	border-right:		solid 1px #CFCFCF;
	border-left:		solid 1px #CFCFCF;
	border-bottom:		solid 1px #CFCFCF;
	min-height:			100%;
	z-index: 			0; 
	background-color:	#FFFFFF;
	
}

* html .page {
	height:				100%;
}

.page.nobg {
	background: url('../images/content-bg.gif') repeat-x 0px 100px;
}

.page.homepage {
	min-height:			0;
	background:			0;
	color:				#303030;
}

#header {
	position:			relative;
	float:				left;
	border-left:		2px solid white;
	border-right:		2px solid white;
	height:				102px;
	background-color:	#FFFFFF;
	margin-top:			0px;
}

#body-left{
	position:			relative;
	clear:				left;
	float:				left;
	width:				195px;
	background:			transparent;
	margin:				0px 2px 0px 0px;
	padding-left:		2px;
	_margin-left:		1px;
	_padding-left:		0px;
	top:				0px;
	bottom:				0px;
	_height:			100%;
}

#body-left h3 {
	position:			relative;
}

#search-right {
	position:	relative;
	right: 	-3px;
	float:	right;
	width: 	200px;
}

#search-left {
	position:	relative;
	float:	left;
	left:	2px;
	width:	550px;
}

#body-right{
	position:			relative;
	float:				right;
	_clear:				both;
	width:				549px;
	background:			#fff;
	top:				0px;
	left:				-2px;
	bottom:				0px;
	margin:				0;
	padding:			0px 0px 0px 0px;
}

#body-right-wide {
	width: 730px;
	margin:0px;
	padding:0px;
}

#footer{
	clear:				both;	
	padding-top:		10px;
	padding-bottom:		10px;
	background-color:	#FFFFFF;
	color:				#888;
	text-align:			center;
	font-size:			8pt;
}

#logo{
	text-align:				center;
	font-size:				8pt;
	color:					#666;
	text-decoration:		none;
	width:					179px;
	height:					72px;
	display:				block;
	margin-left:			14px;
	padding-top:			12px;
	background-color:	#FFFFFF;
}


#logo a {
	text-align:				center;
	font-size:				8pt;
	color:					#666;
	text-decoration:		none;
	width:					179px;
	height:					72px;
	display:				block;
	margin-left:			14px;
	padding-top:			12px;
	background-color:	#FFFFFF;
}


/* Sub nav */
#top-nav {
	margin:				0;
	padding:			0;
	list-style:			none;
	position:			absolute;
	left: 548px;
	width: 200px;
	top:10px;
	height:56px;
	background-color:	#FFFFFF;
}

#top-nav li {
	float:left;
	width: 62px;
	text-align: center;
	height:	56px;
	padding:0;
	margin:0;
	background-color:	#FFFFFF;
}

#top-nav h1 {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			8pt;
	font-weight:		bold;
	text-decoration:	none;
	letter-spacing:		0px;
	color:				#666;
}

/* Main nav */
#main-nav {
	width:747px;
	height:26px;
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	left:0;
	top:74px;
	background-image:url(../images/bg.gif);
	background-repeat:repeat-x;
}

#main-nav li {
	display:block;
	margin:0;
	margin-top:1px;
	padding:0;
	background:none;
	float:left;
	background-repeat:repeat-x;
	background-image:url(../images/divider.gif);
}

#main-nav li a {
	background-repeat:repeat-x;
	background-image:url(../images/menuback.gif);
	display:block;
	color:#fff;
	font-family:Verdana;
	font-size:10px;
	font-weight:bold;
	height:24px;
	margin:0;
	margin-right:1px;
	text-decoration:none;
	text-align:center;
	line-height:24px;
	overflow:hidden;
}

#First a { 	width:100px; }
#Second a { 		width:91px; }
#Third a { 		width:91px; }
#Fourth a {			width:91px; }
#Fifth a {			width:91px; }
#Sixth a { 			width:91px; }
#Seventh a {	 			width:91px; }
#Eight a { 		width:91px; }

#main-nav #First { margin-left:1px; }

#main-nav #main-nav-resellers a { 
	margin-right:0;
	background-image:url(images/main-nav-item-resellers-bg2.gif);
}

#main-nav li a:hover {
	background-position:0 -24px;
}

#main-nav li a.active,
#main-nav li a.active:hover {
	background-position:0 -24px;
}


/* Sub nav */
div#sub-nav,
div#blogCategoryList {
	margin-bottom:7px;
	position:	relative;
}

#sub-nav h1,
#blogCategoryList h1,
#blogSubscribeWidget h3,
#blogArchiveList h3
{
	background-color:	#6190C3 !important;
	color:				#fff;
	font-size:			11px;
	font-weight:		bold;
	margin:				0;
	padding:			0 7px;
	line-height:		20px;
	letter-spacing:		0px;
	border-bottom:		1px solid #F2F2EB;
}

* html #sub-nav h1,
* html #blogCategoryList h1,
* html #blogSubscribeWidget h3,
* html #blogArchiveList h3
{
	padding-top: 3px;
}

#sub-nav ul, 
#blogCategoryList ul, 
#blogSubscribeWidget ul, 
#blogArchiveList ul
{
	list-style:none;
	margin:0;
	padding:0;
}

#sub-nav li, #blogCategoryList li {
	background-color:#fff;
	border-bottom:1px solid #F2F2EB;
	margin:0;
	padding:0;
}

#sub-nav li a, #blogCategoryList li a {
	font-size:11px;
	text-decoration:none;
	line-height:12px;
	padding:4px 0;
	padding-left:23px;
	display:block;
	margin:0;
	width:156px;
	background-repeat:no-repeat;
	background-image:url(../images/sub-nav-bullet.gif);
	background-position:13px 50%;
}

#sub-nav li a:hover, #blogCategoryList li a:hover {
	color:#333;
	background-color:#FBFBF9;
}

#sub-nav li a.active,
#sub-nav li a.active:hover,
#blogCategoryList li a.active,
#blogCategoryList li a.active:hover
 {
	color:#333;
	padding-left: 23px;
	background-image:url(../images/sub-nav-bullet-active.gif);
}

#sub-nav .signupStep{
font-size:11px;
color: #999999;
line-height:12px;
padding:4px 0;
padding-left: 25px;
background-image:url(../images/sub-nav-bullet.gif);
background-repeat:no-repeat;
background-position:13px 50%;
}

#sub-nav li a.signupChecked,
#sub-nav li a.signupChecked:hover
{
padding-left: 25px;
background-image:url(../images/check-mark.gif);
}


/* Content */
#body-left div.content {
	padding:8px;
	padding-top:17px;
}

#body-left div.content.homeleft {
	padding: 0;
}

#body-right div.content {
	margin:			0px;
	padding:		0px;
	min-height:		100%;
	background:		url('../images/content-bg.gif') repeat-x top left;
}

/* {{{ Never Fear Widget */

div#neverFear {
	margin-left:		0px;
	margin-top:			7px;
	margin-bottom:		0px;
	padding-left:		7px;
	padding-top:		7px;
	padding-bottom:		5px;
	background-color:	#fff;
	width:				172px;
	border-style:		none;
}

#neverFear .neverFearHeading{
	font-size:		10pt;
	font-weight:	bolder;
	color:			#666;
}

#neverFear div.neverFearSingleElement{
	padding:	3px 0px 0px 0px;
	float:		none;
	clear:		both;
}

#neverFear ul.neverFearContactList{
	list-style-type:	none;
	margin-bottom:		6px;
}

#neverFear li{
	margin-top:			3px;
	padding-top:		2px;
	padding-bottom:		2px;
	padding-left:		33px;
}

#neverFear .neverFearPhone{
	font-size:		16pt;
	font-weight:	bolder;
	color:			#999999;
	margin-top:		3px;
}

#neverFear li.neverFearEmail{
	background:	url('../images/envelope-small-grey.gif');
	background-repeat:		no-repeat;
	background-position:	13px .5em;
}
#neverFear li.neverFearLiveChat{
	background:	url('../images/conversation-bubble-small-grey.gif');
	background-repeat:	no-repeat;
	background-position:	13px .5em;
}
#neverFear li.neverFearCallback{
	background:	url('../images/telephone-small-grey.gif');
	background-repeat:	no-repeat;
	background-position:	13px .5em;
}
#neverFear li.neverFearForm{
	background:	url('../images/form-small-grey.gif');
	background-repeat:	no-repeat;
	background-position:	13px .5em;
}



/* }}} Never Fear Widget */

#newline-signature a {
	display:block;
	width:320px;
	margin:0 auto;
	background-repeat:no-repeat;
	display:block;
	padding-top:36px;
	height:0px !important; /* for most browsers */
    height /**/:36px; /* for IE5.5's bad box model */
	overflow:hidden;
}

/* Forms */
form {
	display:inline;
	margin:0;
	padding:0;
}

form div.controls {
	text-align:center;
	padding:5px 10px 4px 10px;
}

form .required {
	font-weight:normal;
	color:#008000;
}

form .required span {
	font-weight:normal;
	color:#777;
	font-size:75%;
}

form .error span {
	color:#c00;
}

form .error {
	color:#c00;
	font-weight:bold;
}

form div.input-static {
	padding-top:4px;
}

form input {
	font-size:9pt;
	font-family: Arial, Helvetica, sans-serif;
	padding:1px;
}

form input.form-btn {
	font-size: 90%;
	font-weight: bold;
	padding: 1px;
	color: #fff;
	background-color: #FF7800;
	border: 1px solid #013A67;
	border-right: 2px solid #013A67;
	border-bottom: 2px solid #013A67;
}

form input.btn {
	border:none;
	padding:0;
}

div.form-error {
	background-color:#fff;
	border:2px solid #c00;
	margin-bottom:1.0em;
}

div.form-error p.intro {
	background-color:#c00;
	padding:0.5em;
	color:#fff;
	font-weight:bold;
}

.alert{
    color: #CC0000;
    font-weight: bold;
}