/*  Hand coded and authored by Dallas Larsen
	Free for public use(in whole or part) as long as this credit stays intact 
*/
html,body{
	margin:0;
	padding:0;
	}
body{
	font: 62.5% Helvetica, Arial, sans-serif;
	text-align:center;
	background: #2B373F;
	}

h1, h2, h3, h4, h5, div, p, span{
	font-family: Helvetica,arial,sans-serif;
	margin:0px;
	padding:0px;
	text-align: left;
}
h1{padding-bottom: 5px;margin-bottom: 15px;}
img{ border:0px;}
p{
	margin:0px 0px 0px 0px;
	padding-bottom: 20px;
padding-top: 10px;
	text-align:left;
	color:#333;
	line-height:118%;
	}
a{color: #E18026;}
a:visited{color: #E18026 !important;}
a:hover{ text-decoration: underline;color: #E18026; }

/*Page Structure background-image: url('/cmn/img/topbarshdw.jpg');background-repeat: repeat-x;
	background-position: bottom;
===========================================*/
#headerTop{ 
	width:100%;
	background: #20292f; 
	border-bottom: 1px solid #323c42;
	
	height:35px; 
	
}
#headerTop a{ text-decoration: none; color: #E18026; font-size: 12px;  }
#headerTop a:visited{color: #E18026;; }
#headerTop a:hover{text-decoration: underline; }

#topNav{ margin: 0 auto; width: 770px;padding-top: 0px; text-align:right; position: relative;}
#header{ 
	height:190px;
	margin-top:0px;
	padding-top:0px;
	background:#354149;
	background-image: url('/cmn/img/headerbg.jpg');
	background-repeat: repeat-x;
	background-position: top;
	position:relative;
	
}

#signUp, #getHelp-top{ display: inline-block;color:#fff !important; font-weight: bold;}
#getHelp-top{ padding: 12px 13px 12px 13px; background: rgb(56, 149, 30);}
#signUp{  position: absolute; top: 12px; right: 85px;}
#headerInner{
	height:120px;
	display:block;
	margin: 0 auto 0 auto;
	width: 770px;
	font-size: 1.1em;
	border:0px dashed #ff0000;
	position:relative;
	top: 70px;

}
#headerimg{
	height:190px;
	display:block;
	margin: 0 auto;

	width: 790px;
	background: url('/cmn/img/hallbg.jpg') top center no-repeat;
position: relative;
z-index: 25;

}
#logo{
    position: relative;
	background:url('/cmn/img/main_logo.png') no-repeat;
	border:0px dashed #ff0000;
	height:37px;
	text-align: left;
	z-index: 998;
}
#logo a {
position: relative;
	display:block;
	width:186px;
	height:37px;
	z-index: 999;

	}

#contentContainer{
	background: url("/cmn/img/pageTopGrad.jpg") repeat-x top left #fff;
	padding: 3em 0 20px 0;
	z-index: 35;
	
}
#contentContainerInner{
	margin:0 auto;
	padding:0px 0px 0px 0px;
	width: 770px;
	font-size:1.2em;
	z-index: 40;
}

#leftSideBar{
	width:200px;
	text-align:left;
	float:left;
	position:relative;
	border:0px dashed #ff0000;
}



/*Main
==========================*/
#mainContent{
	width:550px;
	float:right;
	border:0px dashed #ccc;
	text-align:left;
	margin-bottom:25px;
	min-height:400px;
}
#mainContent h1, #mainContent h2{ 
	font-weight:normal;
	font-size: 2.4em;
	color:#333;
	padding:0px 0px 5px 0px !important;
	margin-bottom:15px;
	border-bottom:1px solid #e7e7e7;
	}
#mainContent h2, span.text_bold{
	margin-top:0px;
	font-size:1.6em;
	color: rgb(56, 149, 30);
	padding-bottom: 5px;
}
#mainContent h3{
font-weight:normal;
font-size:1.4em;
margin-top:20px;
}

.projectExcerpt{ border-bottom:1px solid #ccc;padding-bottom: 5px;}
#footer{
	clear:both;
	width:100%;
	
	background: #2B373F;
	color: #FFF;
	display: block;
	padding-bottom:20px;
	min-height: 190px;

}
#footerInner{
	padding-bottom:10px;
	margin: 0 auto;
	width: 770px;
	border:0px solid #e7e7e7;
	text-align:left;
	position:relative;
}
#footerInner p{
	margin:0;
	padding:5px 10px;
	color:#fff;

}
/*Left Sidebar nav lists
==============================*/
#navcontainer{

margin-left: 10px;
margin-top:35px;
}
#navcontainer h2{
font-size:1em;
font-weight:normal;
padding:0px;
width:190px;
height: 100px;
background:#fff url('/images/subnavbg-new.jpg') ;
background-repeat: no-repeat;
background-position: top left;
color: #f1f1f1;
}
#navcontainer h2.sidebarbg{
background:#fff url('/images/subnavbg-grn.jpg') ;
background-repeat: no-repeat;
}
#navcontainer h2.side-status{
background:#fff url('/images/subnavbg-sys.jpg') ;
background-repeat: no-repeat;
margin-top:30px !important;
}
#navlist, #navlist2
{
padding-left: 15px;
margin-left: 0;
margin-top: -50px;
border-bottom: 0px solid #ccc;
width: 150px;
}

#navlist li,  #navlist2 li
{
list-style: none;
margin: 0;
padding: 0.40em;
border-top: 1px solid #ccc;
}

#navlist li a { text-decoration: none; color:#E18026;}
#navlist li a:visited{ text-decoration: none; color: #E18026;}
#navlist li a:hover{ text-decoration: underline; }
#navlist li a.active{ text-decoration: none;color:#999999; }
.sideNavFirst{
border-top:0px !important;
}

#supportPageIcon{
	position:absolute;
	top:35px;
	right:50px;
}

/*Navigation 
=====================================*/

#tabNav ul {
	position:absolute;
	right:0px;
	bottom:0px;
	margin: 0;
	padding: 0;	
	list-style: none;
	overflow: hidden;
	border:0px solid #ccc;

	}
#tabNav ul li {
	float: left;
	margin: 0;
	padding: 0;
	text-align:right;
	border-right:1px solid #3a4852;

	}
#tabNav ul li a {
	float: left;
	display: block;
	width: 131px;
	line-height: 1.3em;
	padding: .5em .9em .8em .9em;
	margin: 0;
	text-decoration: none;
	color: #7b828c;
	border: none;
	background: url() no-repeat bottom left;
	background-color: #232c33;
	opacity: 0.6;
	-moz-opacity:0.6;
	filter:alpha(opacity=60);
	
	}
#tabNav ul li a strong {
	display: block;
	font-size: 1em;
	font-weight: bold;
	color: #f1f1f1;

	}
#tabNav li a:hover {
	background-image: url(../images/tab-hover.gif);
	background-repeat: repeat-x;
	background-position: bottom left; 
	background-color: rgb(35, 44, 51);
	opacity: 0.9;
	-moz-opacity:0.9;
	filter:alpha(opacity=90);
	
	}
#tabNav ul li a:visited{
color: #7B828C !important;

}	
#tabNav li a.active, #tabNav li.current-menu-item a,  #tabNav li.current-page-ancestor a{
	color: #7b828c;
	background: #232c33; 
	background-image: url('');
	opacity: 1;
	-moz-opacity:1;
	filter:alpha(opacity=100);
	}
#tabNav li a.active:hover, #tabNav li.current-menu-item a:hover,  #tabNav li.current-page-ancestor a:hover{background: #232c33;}
#tabNav ul li a:hover strong {	
	color: #fff;
	}
#tabNav ul li a.active strong, #tabNav li.current-menu-item a strong, #tabNav li.current-page-ancestor strong {
	color: #fff;
	}

/*Footer content
=====================================*/

dd { behavior: url('/cmn/js/IEfixes.htc'); } /*This allows the css only menu to work in IE < IE7 by use of some javascript to make IE 'learn' to use :hover with any selector...Ironic?*/
#usefulLinks{
	padding-top:20px;
	text-align:left;
	width:350px;
	font-size:1.2em;
	position:relative;
	
}
#usefulLinks dt, #usefulLinks dd{	border-left:0px solid #e27f00;}

#usefulLinks dt{ 
	padding:10px;
	font-size:1.4em;
	background:#38951E;

	}

#usefulLinks dd{
	margin:0px;
	background:#232C33;
	border-bottom:1px solid #384751;
	padding:6px 6px 6px 10px;
	}
#usefulLinks dd a,#usefulLinks dd a:visited{
	text-decoration:none;
	color:rgb(56, 149, 30);
	background: #232C33;
	width: 100%;
	height: 100%;
	display:block;
}
#usefulLinks dd a:hover, #usefulLinks dd:hover, #usefulLinks dd.hover{
	text-decoration:none;
	color:#fff !important;
	background: rgb(56, 149, 30);
}	
#usefulLinks dd:hover, #usefulLinks dd.hover{
 cursor:default;	
}
#footerLogo{
	 border-bottom: 1px solid #394953;
	position:absolute;
	top:20px;
	right:0px;
	background:#232C33;
	width:400px;
	height:160px;
	text-align:right;
	font-size:1.1em;

}
#footerLogo a{ color:#66cc00;}
#footerLogo ul{ list-style:none;padding-right:15px; padding-top:10px;}
#footerLogo ul li { padding:2px;}
#footerLogo img {
	padding:15px 15px 0px 0px;
}

/*Float clear
=====================================*/
.clearfix:after{
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/*Extra classes
=====================================*/

#extra{
	margin-top:20px;
	margin-bottom: 10px;
}

.msg{
	margin-top:15px;
	width: 300px;

}
.error_msg{
	margin-top:15px;
	color: red;
	width: 300px;
}
.callOut{
	background:#ff9933;
	padding:15px;
	color:#f1f1f1;
	letter-spacing:1px;
	font-size: 1.3em;
	text-align: center;
}
.callOut a{
	color:#333;
}

.imgContainer{
	margin:15px 0px;
}
.ReplaceWithImage {
	margin-left: -999em;
	left: -999em;
	display: block;
	height: 1px;
	width: 1px;
	position: absolute;

}

a:visited{color: #E18026;}
.noshit{
	padding: 10px;
	background: #FFF9DF;
}
#mainContent ul{
	margin-left:0px;
	padding-left: 10px;
}
#mainContent ul li{
	list-style: none;
	padding-bottom: 3px;
	
}
#mainContent ul li:before{
padding-right: 4px;
padding-top: 3px;
	content: url(/wordpress/wp-content/themes/custom-gl/images/ul-arrow.gif);
}
#mainContent ul.docsMain li:before{
padding-right: 0px;
	content: '';
}
a.up{ color: rgb(56, 149, 30) !important; text-decoration: none; }
a.down{ color: #999 !important; text-decoration: none;}
#navlist2 a:hover{ text-decoration: underline; }
.down::before{
content: "▼";
margin-left: -12px;
 margin-right:2px;
}
.up::before{
content: '▲';
 margin-left: -12px; 
 margin-right:2px;

}
.up::before:hover{ text-decoration: none; }

/*BILLING SECTION PAGES*/

.wrapper_steps{
	width:100%;
}
#standard100
	{
	width: 100%;
	}
#standard100 td{ height:35px;}	
#standard768
	{
	margin-left: 3px;
	width: 765px;
	}
.but2{width:100%;border-bottom:1px solid #ccc;padding-bottom:4px}	
select.pricing{ width: 275px;}
.in_progress{ color:#fff !important;}
span.text_gray_bold{ font-weight:bold;}
span.text span.text_bold{ font-size: 14px;}
td.padding_40_bg{ padding:20px;font-weight:bold;}
.verify_order td{ padding:5px;}
span.text2{ font-weight:bold;}

/*client area*/
.text_bold_medium{ font-weight: bold;}
.dashboard_wrapper{ margin-bottom:10px;}
