/* e DISC Profile Stylesheet by Aaron Elliott / forwardtrends.com */

body {
	margin:0px;
	padding:0px;
	background-image:url(../img/body_bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#FFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	text-align:center;
}

h2, h2 a {
	font-size:16px;
	letter-spacing:-1px;
	color:#4EC525;
	border-bottom:1px solid #EFEFEF;
	margin:5px;
	margin-bottom:10px;
	margin-left:0px;
	padding:0px;
	padding-bottom:5px;
	text-decoration:none;
}

a {
	color:#4EC525;
}
a:hover {
	color:#333;
}

#content li {
	margin:5px;
	font-size:12px;
	line-height:20px;
	color:#666;
}

fieldset {
	border:0px;
	padding:20px;
	margin:10px;
	background-color:#EFFFDF;
}
	fieldset p {
		line-height:20px;
		margin-bottom:5px;
	}	

legend {
	font-size:14px;
	font-weight:bold;
	padding:0px;
	margin:0px;
}

h1 {
	font-size:22px;
	letter-spacing:-1px;
	color:#333;
}

td {
	font-size:12px;
}

td.data {
	border-left:1px solid #CCC;
}

/* structure id's */

#wrapper {
	width:800px!Important;
	margin:0 auto;
	position:relative;
	text-align:left;
}

#header {
	height:180px;
}
#logo {
	background-image:url(../img/eDisc-3.jpg);
	background-repeat:no-repeat;
	margin-top:20px;
	width:300px;
	height:90px;
	position:absolute;
}

#nav {
	margin-top:128px;
	float:right;
}
#nav a {
	display:block;
	line-height:32px;
	margin-left:2px;
	float:left;
	text-align:center;
	font-size:12px;
	color:#FFF;
	padding:0px 14px;
}
#nav a:hover {
	background-color:#DDFFB3;
	color:#000;
}
#home #home,
#what #what,
#how #how,
#start #start,
#contact #contact,
#example #example
{
	background-color:#FFF;
	color:#000;
}

#content #sub_nav {
	width:200px;
	float:left;
	clear:left;
	background-color:#FFF;
	margin:0;
	padding:0;
	height:500px;
	margin-right:20px;
}
#content #sub_nav ul {
	margin: 0;
	padding: 0;
	height: 20px;
	text-align: left;
	list-style-type: none;
}
#content #sub_nav li {
	line-height:20px;
	margin: 0;
	padding:0;
	text-decoration: none;
	border-top:1px solid #EFEFEF;
	font-size:12px;
}
#content #sub_nav li a{
	display:block;
	font-size:12px;
	margin-left: 1px;
	padding: 2px 7px;
	text-decoration:none;
	width:186px;
	color:#333;
}
#content #sub_nav li a:hover{
	background-color:#EFEFEF;
	color:#333;
}
#sub_home #sub_home a,
#sub_new_report #sub_new_report a,
#sub_new_user #sub_new_user a,
#sub_manage_users #sub_manage_users a,
#sub_view_reports #sub_view_reports a,
#sub_purchase #sub_purchase a,
#sub_single #sub_single a,
#sub_account #sub_account a,
#sub_favorites #sub_favorites a{
	background-color:#71E62B;
	color:#FFF;
}


#links {
	position:absolute;
	margin-top:60px;
	margin-left:660px;
	
}
#links a {
	color:#FFCC00;
	padding:2px 5px;
	display:block;
	float:left;
	margin-left:5px;
	font-size:18px;
	letter-spacing:-1px;
}

#intro {
	display:block;
	margin:0px;
	padding:0px;
}

#footer_wrapper {
	background-color:#333333;
	position: relative;
	margin: 0;
	padding-top:30px;
}
* html #footer_wrapper
	{
		position:relative;
	}
#footer {
	width:800px;
	margin:0 auto;
	color:#CCC;
	clear:both;
	text-align:left;
}
#footer h1{
	font-size:16px;
	color:#888;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:4px;
	letter-spacing: -1px;
}

#footer a{
	color:#fff;
	display:block;
	padding:4px;
	margin-top:4px;
	margin-bottom:4px;
	font-size:12px;
}
#footer a:hover{
	background-color:#DDFFB3;
	color:#000;
}

#footer #leftcontent {

float:left;
width:24%;
margin-right:5px;

	}
	
	#footer #centerleftcontent {

float:left;
width:24%;
margin-right:5px;

	}

	#footer #rightcontent {

float:left;
width:48%;


	}
	#footer #copyright{
	font-size:11px; 
	color:#666;
	padding-top:40px;
	width:800px;
	margin: 0 auto;
	}
	
#footer #copyright #left{
	font-size:11px; 
	color:#666;
	width:550px;
	float:left;
	}
#footer #copyright #right{
	font-size:11px; 
	color:#666;
	float:right;
	text-align:right;
	}
	
	#footer #copyright p{
	line-height:16px;
	margin:0;
	padding:0;
	}
	
	#paragraphs_wrapper {
	background-color:#efefef;
	position:relative;
	margin-top:20px;
}
#paragraphs {
	width:800px;
	margin:0 auto;
	padding-top:24px;
	font-size:14px;
	color:#999;
	line-height:24px;
	text-align:left;
}

#sub_main {
	width:800px;
	height:163px;
	background-image:url(../img/sub_main.jpg);
	background-repeat:no-repeat;
}
#sub_main h1 {
	font-size:24px;
	letter-spacing:-1px;
	color:#333;
	margin:0px;
	padding:0px;
	padding-left:50px;
	padding-top:50px;
}

/*classes*/

.clear {
	display:block;
	clear:both;
	page-break-after:always;
	height:0px;
	margin:0;
	padding:0;
	background-color:none;
}

#block {
	display:block;
	position:relative;
	clear:both;
	height:10px;
}

#formwrapper {
	page-break-after:always;
}
.clearfix:after
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix
{
	min-width: 0;		/* trigger hasLayout for IE7 */
	display: inline-block;
	/* \*/	display: block;	/* Hide from IE Mac */
}
* html .clearfix
{
	/* \*/  height: 1%;	/* Hide from IE Mac */ 
}

.left_33 {
	float:left;
	clear:right;
	width:33%;
}
.left_50 {
	float:left;
	clear:right;
	width:50%;
}
.left_63 {
	float:left;
	clear:right;
	width:63%;
}
.left_33 p {
	margin:5px;
	margin-bottom:10px;
	padding-right:10px;
	font-size:12px;
	line-height:20px;
	color:#666;
}
.left_50 p {
	margin:5px;
	margin-bottom:10px;
	padding-right:10px;
	font-size:12px;
	line-height:20px;
	color:#666;
}
.left_63 p {
	margin:5px;
	margin-bottom:10px;
	padding-right:10px;
	font-size:12px;
	line-height:20px;
	color:#666;
}

.small {
	font-size:10px;
	color:#666;
}
.req {
	color:#FF6600;
	font-weight:bold;
}
.lightgrey {
	background-color:#efefef;
}
.prodDetails {
	display:block;
	padding:10px;
	background-color:#efefef;
	border-bottom:1px solid #CCC;
	border-top:1px solid #CCC;
	margin-bottom:20px;
}

.warning {
	display:block;
	padding:5px 2px;
	background-color:#FFFFCC;
	color:#FF6600!Important;
	font-weight:bold;
}

.prodBox {
	width:17%;
	padding:5px;
	margin:5px;
	float:left;
	background-color:#FFF;
	height:120px;
	overflow:hidden;
}

/* lightbox */

#lightbox{
	display:none;
	position: absolute;
	top:50%;
	left:50%;
	z-index:9999;
	width:730px;
	height:500px;
	margin:-250px 0 0 -365px;
	border:1px solid #666;
	background:#FFF;
	text-align:left;
	overflow:auto;
	overflow-x:hidden;
}
#lightbox[id]{
	position:fixed;
}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5000;
	background-color:#FFF;
	-moz-opacity: 0.7;
	opacity:.70;
	filter: alpha(opacity=70);
}
#overlay[id]{
	position:fixed;
}

#lightbox.done #lbLoadMessage{
	display:none;
	color:#CCC;
	font-size:10px;
}
#lightbox.done #lbContent{
	display:block;
}
#lightbox.loading #lbContent{
	display:none;
}
#lightbox.loading #lbLoadMessage{
	display:block;
	color:#CCC;
	font-size:10px;
}

#lightbox.done img{
	width:100%;
	height:100%;
}
/* sub pages */

.sub_page {
	background-color:#FFF;
	padding:10px;
	font-size:11px;
}
.sub_page p{
	margin-top:0px;
}
.sub_page a{
	color:#333;
}
.sub_page a:hover {
	color:#666;
}
.sub_page span {
	display:block;
	background-color:#333;
	padding:10px;
	margin:5px;
}
.sub_page span h1 {
	font-size:14px;
	font-weight:bold;
	margin:0px;
	padding:0px;
	margin-bottom:10px;
	letter-spacing:-1px;
}
.sub_page span p {
	line-height:10px;
}
.sub_page #close {
	position:absolute;
	right:5px;
	top:5px;
	font-size:12px;
	font-weight:bold;
	z-index:4;
}

.sub_page #close a{
	display:block;
	padding:2px 7px;
	background-color:#FF9900;
	color:#fff;
	text-decoration:none;
}
.sub_page #close a:hover{
	background-color:#666;
}