﻿pre, tt, code, samp, kbd, xmp, listing, plaintext { font-family: monospace; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none; list-style-position:outside;}
strong{ font-weight:bold;}
em{ font-style:italic;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}


body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#333;
}

a {
	outline: 0;
}

a:link, a:active, a:visited {
	color: #acacac;
}

a:hover {
	text-decoration: none;
}

img {
	border: 0;
	outline: 0;
}

input, select, textarea {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
}

div.clear { /* Float fix */
	clear: both;
	height: 1px; /* Height must be 1 for the wrapping element to actually wrap the containing elements (IE fix) */
	overflow: hidden; /* Style used because MSIE refuses to automatically make div tags less than 1em high when in Standards Compatible mode. */
}

/* clearfix : 
-------------------------------------------------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {display: inline-block;}

html[xmlns] .clearfix {display: block;}

* html .clearfix {height: 1%;}
/* clearfix ^ 
-------------------------------------------------------------------------*/


/*-- base set --*/
h1{}
h2{}
h3{}
h4{}
h5{}
h6{}

#main ul{ list-style:disc; margin-left:0px;}
#main ol{ list-style:decimal; margin-left:15px;}
/*--^base set^--*/

.center{
	width:960px;
	margin:0 auto;
}

#header{
	background:#fff url(../ImagesNET/login-bg-repeat-x.gif) repeat-x;
	height:43px;
	width:100%;
}
#header form{
	text-align:right;
	padding: 9px 0;
}

#formreplace{
	text-align:right;
	padding: 9px 0;
}


#header input{
	height:14px;
	color:#666;
	font-size:10px;
	width:125px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}


#header form input{
	height:14px;
	color:#666;
	font-size:10px;
	width:125px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#div1, #div2{
	display:inline;
}
#header .login-failed{
	float:left;
	display:inline;
	padding-right: 10px;
	margin-left:462px;
}
#header .forgot-password{
	float:right;
	display:inline;
	margin-right:62px;
	padding-right: 6pt;
	
}
#header .forgot-password a{
	color:#000;
	font-size:9px;
}
#header .forgot-password a:hover{
	color: #b1d34a;
	text-decoration:underline;
}
.submit { height:auto !important; width:auto !important; vertical-align: bottom; vertical-align: text-bottom; } 

#main-container{
	
	width:100%;
	margin-top:10px;
}
#main{
	min-height:350px;
	margin: 20px 0 20px 52px; /* changed the left space from 142px to 50px to aligh it to "G" instead of "B" in GradeBeam */
	height:auto !important;
	height:900px;

}

#mainhome{
	min-height:350px;
	margin: 20px 0 20px 0px; /* changed the left space from 142px to 50px to aligh it to "G" instead of "B" in GradeBeam */
	height:auto !important;
	height:900px;

}



#main a:hover{
	color:#b1d34a;
	text-decoration:underline;
}
#main.scroll{
	height:396px;
	width: auto;
	overflow: auto;
}
#logo{
	float:left;
	display:inline;
}
#nav{
	float:right;
	display:inline;
	width:515px;
	border-bottom:solid #dbdcde 2px;
	padding: 8px 0 0 120px;
}
#nav li{
	float:left;
	display:inline;
	width:93px;
	height:17px;
	margin-bottom:-2px;
	text-align:center;
	padding-top:3px;
	
}



#nav li a{
	color:#acacac;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	font-style:italic;
}
#nav li a:hover{
	color: #b1d34a;
}
#nav li.current{
	background: #fff url(../ImagesNET/tab-active.png);
}
#nav li.current a{
	color: #b1d34a;
}

#footer-container{
		
	background:#fff url(../ImagesNET/footer-bg-repeat-x.gif) repeat-x; 
	height:190px;
	width:100%;
}
#footer{
	width:960px;
	padding-left:2px; /* changed the padding-left from 142px to 2px and width from 800px to 1024px  */
}
#footer-bar{
	height:56px;
	margin-bottom:10px;
	padding:8px 0 0 0;
}
.footer-button{
	float:left;
	display:inline;
	margin:5px 26px 0 0;
	padding-left: 30pt;
}
#contact{
	float:right;
	display:inline;
}
#contact h4{
	color:#fff;
	font-size:20px;
	font-weight:bold;
}
#contact a{
	color:#000;
	font-size:10px;
	text-decoration:underline;
	margin-right:10px;
}
#contact a:hover{
	color:#636466;
}
#footer ul{
	float:left;
	display:inline;
	width:170px;	
}
.footer-bucket{
	float:right;
	display:inline;
}
#footer ul a{
	color: #333;
	font-size:10px;
	text-decoration:none;
}
#footer ul h5 a, #footer ul h5{
	font-weight:bold;
	font-size:10px;
	text-decoration:none;
}

#footer ul a:hover{
	text-decoration:underline;
	color: #b1d34a;
}
.utility-border{
	border-top:solid #acacac 1px;
	margin:10px 0;
	padding:10px 0;
	margin-left:52px; /* added this to have footer align to G */
}
.utility{
	font-size:9px;
	float:left;
	display:inline;
	padding-left: 0px; /* align was done at parent and so, this can be 0 instead of 52px */
}
.utility a{
	color: #acacac;
}
.utility a:hover{
	color: #b1d34a;
	text-decoration:underline;
}
.address{
	font-size:9px;
	float:right;
	display:inline;
}


/**** Custom Styles Begin ****/
.tPageRight {
float:right;
margin:34px 0;
width:340px;
}
.tPageRightIn {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#EDEDED none repeat scroll 0 0;
border-top:0px solid #EDEDED;
padding:0 1px 1px;
}

.tRightBoxTop {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-x-system-font:none;
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #D9D9D9;
clear:both;
font-family:arial,sans-serif;
font-size:14px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:32px;
margin:17px 0 0;
padding:0 15px;
}
.tRightBoxMid .tRightBoxTop {
border-left:0 none;
border-right:0 none;
}
.tRightBoxMid {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
border-color:-moz-use-text-color #D9D9D9 #D9D9D9;
border-style:none solid solid;
border-width:0 0px 0px;
color:#333333;
font-size:12px;
line-height:17px;
margin:0;
padding:15px;
}
.tRightBoxMid ol {
padding:0 15px;
}
.tRightBoxTop ul {
padding:15px 0;
}
.tRightBoxTop ul li {
font-size:12px;
line-height:17px;
list-style-type:none;
margin:0 0 6px;
padding:0;
}
.tRightBoxMid ul li {
list-style-type:none;
margin:0 0 6px;
padding:0;
}
.tRightBoxMid .tRightBulletList li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(sprite-no-repeat.gif) no-repeat scroll -966px -1130px;
list-style-type:none;
padding:0 0 0 17px;
}
.tRightBoxBot {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
border-color:-moz-use-text-color #D9D9D9 #D9D9D9;
border-style:none solid solid;
border-width:0 0px 0px;
color:#999999;
padding:8px 15px;
}
.tRightBoxBot a {
margin:0 2px;
}
.tRightBoxBot a:hover {
text-decoration:none;
}
.tRightBoxBot em {
color:#777777;
font-style:normal;
margin:0 2px;
}


.tBreadcrumb {
background-color:#FFFFFF;
color:#666666;
display:block;
font-size:11px;
padding:13px 0px 5px;
}

.tClear:after {
clear:both;
content:"";
display:block;
height:0;
visibility:hidden;
}

.breadcrumb
{
	list-style:none;
	padding:0;
	margin: 30px 0 0 0;
	height:14px;
}

.breadcrumb .first
{
	width:0px;
	
	margin-right: 10px;
}

.breadcrumb .separator
{
	padding: 0 4px;
}

.breadcrumb li
{
	float:left;
	line-height: 14px;
	color: #000;
}

.breadcrumb li a,
.breadcrumb li a:hover
{
	font: 12px 'Segoe UI', Arial, 'sans-serif';
	color: #000;
	text-decoration:underline;
}

#about, #press, #partnership, #careers {
float:left;
height:102px;
margin-right:34px;
width:400px; /*** changed this from 250px width to 400px after removing the contact box on right ***/
}
#press, #careers {
margin-right:0;
}
#about, #press {
border-bottom:1px solid #D9D9D9;
margin-bottom:5px;
margin-top:10px;
}
#partnership, #careers {
margin-bottom:5px;
}
#about {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(Images/cAbout.png) no-repeat scroll right top;
}
#press {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(Images/cPress.png) no-repeat scroll right top;
}
#partnership {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(Images/cPartnership.png) no-repeat scroll right top;
}
#careers {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(Images/cCareers.png) no-repeat scroll right top;
}
#about dt, #press dt, #partnership dt, #careers dt {
font-size:14px;
margin-bottom:8px;
}
#about dd, #press dd, #partnership dd, #careers dd {
line-height:1.3;
width:200px;
}
.sf_newsList {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

/*Registration page styles Begin */
#accountInfo ul
{
	width: 683px;
	list-style: none;
	padding: 0 0 0 23px;
}

#accountInfo li
{
	margin-right: 5px;
	border-bottom: 1px solid #959485;
	padding: 5px 0px;
}

.formList li.lastListItem
{
	border: none;
}

.formList .textInput,textarea
{
	border: 1px solid;
	border-color: #abadb3 #dbdfe6 #e3e9ef #e2e3ea;
	background: #fff;
}

.formList.textarea
{
	font: normal 11px Verdana,sans-serif;
}

label
{
	margin-top: 4px;
	float:left;
	width:125px;
	color: #666;
}

.nextButton
{
	background: transparent url(imagesnet/button.gif) no-repeat 0 3px;
	border: none;
	width: 93px;
	height: 25px;
	margin-left:613px;
	font: normal 12px Arial, sans-serif;
	color: #fefefe;
}




/*Registration page styles End */

/**** Custom Styles End ****/

.CommunityLink
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 9pt;
    COLOR: #107cf0 !important;
    FONT-FAMILY: Verdana
}