body { background:#f9f9f9; }

#helpTop {
	margin:0;
	padding:0;
	border:0;
	border-bottom:none;
	background:url('../img/topBackground.gif') 0 0;
	padding-top:0px !important;
	height:auto !important;
	height:0px;
	min-height:0px;
	width:auto;
}

/* end of height filters */
#helpTop img {
	margin:0;
	padding:0;
	display:block;
}
#helpTop h1 {
	margin:0;
	padding:4px 0;
	background:url('/wastatic/help/img/helpTopTitle.gif') no-repeat 0 0;
	text-indent:-9999px;
}

.helpTopBorder {
	margin:0 0 0.5em 0;
	padding:0;
	background:url('../img/topBorder4Small.gif') repeat-x 1px 0;
	height:30px;
}

#helpNavContainer {
	margin:0;
	padding:12px 0 0 0;
	border-bottom:1px solid #aaa;
	width:auto;
}

.webTitle {
	top:-8px;
	font:normal 32px arial, helvetica, sans-serif;
	color:#f2f9fd;
	position:relative;
	display:inline;
	
}

.assignTitle { 
	margin:0 0 0 -3px;
	font:32px "arial black", arial, helvetica, sans-serif;
	color:#f2f9fd;
	position:relative;
	display:inline;
	top:-8px;
}
table th {
	font: bold 14px/18px arial, helvetica, sans-serif;
}

.trade { 
	margin:0;
	font:8px "arial black", arial, helvetica, sans-serif;
	color:#f2f9fd;
	position:relative;
	display:inline;
	top:-8px;
}

.topTitle { 
	margin:0 0 0 6px;
	font:normal 32px arial, helvetica, sans-serif;
	color:#f2f9fd;
	position:relative;
	display:inline;
	top:-8px;
}

#middle {
	margin:0;
	padding:0;
	width:905px;
}

#middleWrap {
	margin:0;
	padding:0;
	width:600px;
	float:left;
}

.widgetBox {
	margin:3px 0 0 1em;
	padding:0;
	width:280px;
	float:left;
}

.rightAlignImageBox {
	margin:0 0 0.5em 0;
	padding:0;
}

.rightAlignImageBox img {
	margin:0 0 0 1em;
	padding:0;
	display:block;
	float:right;
}

.leftAlignImageBox {
	margin:0.5em 0 0.5em 0;
	padding:0;
}

.leftAlignImageBox img {
	margin:0 1em 0 0;
	padding:0;
	display:block;
	float:left;
}

.largeImage {
	margin:0 0 1em 0;
	padding:0;
	width:400px;
}

.largeImage p {
	text-align:center;
	font:bold 0.6em arial, helvetica, sans-serif;
	color:#666;
}

.largeImage img {
	margin:0.5em 0;
	padding:0;
	display:block;
	border:0;
}

.rightBoxContent .imgLink img {
	padding:0;
	margin:0;
}

.rightBoxContent .imgLink {
	display:block;
	margin:0;
	padding:0.5em 0 0 0;
	clear:both;
}

.rightBoxContent .img {
	display:block;
	float:left;
	margin:0;
	padding:0;
	width:20px;
}

.rightBoxContent .link {
	margin:0;
	padding:0;
	display:block;
	float:left;
	width:200px;
}

.searchField {
	margin:0.3em 0;
	padding:0;
	display:block;
}

.searchField input {
	margin:0.1em 0 0 0;
}

.rightBoxContent .form .selectSearch {
	margin:0.3em 1em 0 0;
	padding:0;
	position:relative; 
	top:0; 
	left:0; 
	clear:both;
}

.rightBoxContent .form .selectSearch select { 
	margin:0;
	padding:0;
	float:left;
}

.rightBoxContent .form .radio {
	margin:0.3em 1em 0.3em 0;
	padding:0;
	display:block;
	position:relative; 
	top:0; 
	left:0; 
	width:225px; 
	clear:both;
}

.rightBoxContent .form .radio input {
	margin:0;
	padding:0;
	clear:left;
}

.rightBoxContent .form .radio label { 	
	vertical-align:middle; 
	display:inline; 
	font:normal 0.75em/1em arial, helvetica, sans-serif; 
	color:#333; 
}

.rightBoxContent .form .radio span { 
	margin:0;
	padding:0;
	display:block; 
	width:auto; 
}

/*** rightBox StudentSide ***/
.rightBoxContent {
	margin:0;
	padding:0 0 0.3em 0;
	border:1px solid #0e4faf; 
	border-top:none; 
	border-bottom:none;
	overflow:hidden;
	background:white;
}

.rightBox .bar {
	margin:0;
	padding:0;
	height:1.5em;
	border-bottom:solid 1px #0e4faf;
	background:#0e4faf;
}

.rightBox .bar h4 {
	margin:0 1.4em 0 1.4em;
	font:bold 0.75em/1.6em arial, helvetica, sans-serif;
	color:#fff;
}

.rightBox .noTitle {
	height:0.75em;
}

* html .rightBox .bar h4 {
	margin:-1.2em 0 0 1.5em;
	padding:0 0 0.2em 0;
}

.rightBox .lTopCorner {
	margin:0;
	padding:0;
	height:4px;
}

.rightBox .roundtop {
	margin:0;
	padding:0;
	height:4px;
}

.rightBox .bBox { 
	height:4px;
}

.rightBox .borderWrap {  
	height:4px;
}

.rightBox .bBorder {
	margin:0 4px;
	padding:3px 4px 0 4px;
	border-bottom:1px solid #0e4faf;
}

.rightBox {
	margin:0 0 0.5em 0;
}

.right .rightBox {
	margin:0;
}

/*** Blue ***/
.rightBox .lTopCorner { background:url(../img/topLeft.gif) no-repeat 0 0; }

.rightBox .roundtop { background:url(../img/topRight.gif) no-repeat top right; }

.rightBox .bBox { background:url(../img/bottomRight.gif) no-repeat top right; }

.rightBox .borderWrap { background:url(../img/bottomLeft.gif) no-repeat top left; }

/*** help Box Styles ***/
.helpBox {
	margin:0 1em;
	padding:0;
	width:800px;
}

.helpBox .helpBoxRight .helpBoxTop { 
	margin:0;
	padding:0;
	height:8px;
	background:url(../img/helpTop.png) repeat-x;
}

.helpBox .helpBoxLeft {
	margin:0;
	padding:0;
	height:8px;
	width:797px;
	background:url(../img/helpTopLeft.png) no-repeat 2px 0 !important;
}

.helpBox .helpBoxRight {
	margin:0;
	padding:0 8px 0 10px;
	height:8px;
	background:url(../img/helpTopRight.png) no-repeat top right;
}

.helpBox .helpBoxBottomRight .helpBoxBottom {
	margin:0;
	padding:0;
	height:8px;
	background:url(../img/helpBottom.png) repeat-x 0 -10px;
}

.helpBox .helpBoxBottomLeft {
	margin:0;
	padding:0;
	height:8px;
	width:797px;
	background:url(../img/helpBottomLeft.png) no-repeat 2px 0 !important;
}

.helpBox .helpBoxBottomRight {
	margin:0;
	padding:0 8px 0 10px;
	height:8px;
	background:url(../img/helpBottomRight.png) no-repeat top right;
}

.helpBox .helpContentBox {
	float:left;
	margin:0 10px;
	padding:1em 1em;	
	
	background:white;
}

.helpBox .helpContentWrap {
	background:url(../img/helpLeft.png) repeat-y 0 0;
}

.helpBox .helpContent {
	background:url(../img/helpRight.png) repeat-y right 0;
}

.helpBox .helpContentBox p {
	font:normal 0.75em/1.5em arial, helvetica, sans-serif;
	color:#333;
}

.helpBox .helpContentBox h2 {
	margin:0 0 0.5em 0;	
	font:normal 1.5em arial, helvetica, sans-serif;
	color:#333;
	border-bottom:1px dashed #0e4faf;
	width:300px;
}

/* :NOTE: For creating bold red for branding
-------------------------------------*/
.helpBox .helpContentBox h2 strong {
	margin:0 -0.1em 0 0;
	font-weight:bold;
	color:#c00;
}

.helpBox .helpContentBox h3 {
	margin:1em 0 0 0;
	font:bold 1.0em/1.5em arial, helvetica, sans-serif;
	color:#333;
}

/* Definition List Styles
-------------------------------------*/
.helpBox .helpContentBox dl.definition {
	margin:0;
	padding:0 1.3em;
}

.helpBox .helpContentBox .definition dt {
	margin:0 1em 1.6em 0;
	padding:0;
	display:block;
	width:15em;
	float:left;
	clear:left;
	font:normal 0.75em/1.5em arial, helvetica, sans-serif;
	color:#333;
}

.helpBox .helpContentBox .definition dt.heading {
	width:15em;
	margin:0 1em 0.2em 0;
	font-weight:bold;
}

.helpBox .helpContentBox .definition dd {
	display:block;
	margin:0 0 1.6em 0;
	float: left;
	padding:0;
	width:23em;
	font:normal 0.75em/1.5em arial, helvetica, sans-serif;
	color:#333;
}

.helpBox .helpContentBox .definition dd.heading {
	font-weight:bold;
	margin:0 0 0.2em 0;
}

/* Footer / Copyright
-------------------------------------*/
#footerBox {
	border-top:1px dashed #ccc;
	margin:20px;
	text-align:center;
	height:20px;
	width:900px;
}

p#copyright { 
	margin:0;
	padding:0.3em 0 0 0;
	display:inline;
	font:normal 0.6em arial, helvetica, sans-serif;
	color:#666;
}


/* Tutorial link boxes
-- Some code adapted from http://www.dave-woods.co.uk/?p=150
------------------------------------*/ 
a.tutorial {
    background:url("../../common/img/film.png") no-repeat top left;
    padding-left:17px
}

div.tutorial_box div.tutorial_content{
    padding:10px 10px 6px;
}

div.tutorial_box {
    background:#FFF2D9;
    border:1px solid #FFCA79;
    float:right;    
}

.tutorial_box span.tl {
background-image: url(../img/tutorialCorners.gif);
width: 4px;
height: 4px;
float: left;
font-size: 0;
position:relative;
top:-1px;
left:-1px;
}
.tutorial_box span.tr {
background-image: url(../img/tutorialCorners.gif);
background-position: 4px 0px;
width: 4px;
height: 4px;
float: right;
font-size: 0;
position:relative;
top:-1px;
left:1px;
}
.tutorial_box span.bl {
background-image: url(../img/tutorialCorners.gif);
background-position: 0px 4px;
width: 4px;
height: 4px;
float: left;
font-size: 0;
position:relative;
top:1px;
left:-1px;
}
.tutorial_box span.br {
background-image: url(../img/tutorialCorners.gif);
background-position: 4px 4px;
width: 4px;
height: 4px;
float: right;
font-size: 0;
position:relative;
top:1px;
left:1px;
}