/*** Editorial Body Layout Styles ***/

body,html { 
	margin:0; 
	padding:0;
}

a { 
	color:blue;
	cursor:pointer;
}

a:hover { color:blue; text-decoration:underline; }

strong, b { /* Don't use b tag though */
	font-weight:bold;
}

p {
	margin:0;
	padding:0;
	font:normal 0.75em/1.4em arial, helvetica, sans-serif;	 
}

h1,h2,h3,h4,h5,h6 { font-size:100%; }

h3 { 
	color:#333;
	margin:0.5em 0.5em 0 0.5em;
	font:1em/1.4em; 
}

img { border:0; }

div.hr { 
	margin:0.8em 1em;
	height:0;
	border-top:1px solid #999;
}

* html div.hr {
	margin:0;
}

.pop {
	padding:0 0.3em;
	background:url(../img/pop.gif) no-repeat 100% 0;
}

.popAlignLeft {
	padding:0 0.3em 0 0;
	background:url(../img/pop.gif) no-repeat 100% 0;
}

.form .textField .pop {
	padding:0 0.3em 0 0;
}

.pop a {
	cursor:pointer;
}

.nowrap {
	white-space:nowrap;
	font-size:10px;
	font-weight:bold;
	margin-top:0;
	margin-bottom:0;
}

/* Top div containing navigation. Height filters to create consistancy cross browser */
#top {
        margin:0;
        padding:0;
        border:0;
        background:#e6e6dc;
        padding-top:1em !important;
        height:auto !important;
        height:1em;
        min-height:1px;
        width:auto;
        overflow:hidden;
}

*>.top p {
	margin-top:-1em;
}

* html #top {
	overflow:visible;
}
/* end of height filters */


#middle {
	margin:0;
	padding:1em 2em 0 2em;
	border:0;
	margin:0;
}

.container:after { 
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden; 
}
.container { display:inline-block; }

/* Hides from IE-mac \*/
* html .container {height:1%;}
.container {display:block;}
/* End hide from IE-mac */





/*** Visual boxes to put things in ***/

.box {
	margin:0 0 1em 0;
	padding:0;
	background:#fff;
	border:1px solid #aaa;
	width:35em;
	position:relative;
	overflow:hidden;
}



.box .bar {
	margin:0 0 0 0;
	padding:0.35em 0;
	height:0.8em;
	border-bottom:solid 1px #aaa;
	background:#ddd;
	/*background:#bdc6d5;*/
}

.box .bar h4 {
	margin:0 1.3em;
	font:bold 0.75em Arial, Helvetica, Sans-serif;
}

/* margins are not cooperating in IE<7 */
* html .box .bar h4 {
	margin:0 0.65em;
}

.box .bar .left {
	text-align:left;
	float:left;	 
}

.box .bar .right {
	text-align:right;
	float:right;
}

.box .bar .warning {
	padding-right:1.8em;
	background:url(../img/exclamation.png) no-repeat right 0;
}

.innerBox {
	margin:1em;
	padding:0;
	background:#fff;
	border:1px solid #c8c8c8;
	width:auto;
}

.innerBox .bar {
	margin:0;
	padding:0.35em 0;
	height:0.8em;
	border-bottom:solid 1px #ccc;
	background:#e6e6dc;
}

/* margins are not cooperating in IE<7 */
* html .innerBox .bar h4 {
	margin:0 0.65em;
}

.innerBox h4 {
	margin:0 1.3em 0 1.3em;
	font:bold 0.75em Arial, Helvetica, Sans-serif;
}

.innerBox p {
	margin:0 1.3em 0 1.3em;
	font:normal 0.75em Arial, Helvetica, Sans-serif;
}

.innerBox h5 {
	margin:0;
	padding:0.3em 0.4em 0.3em 0.5em;
	font:bold 0.70em arial, helvetica, sans-serif;	 
}

/* Adjust margins for elements inside the innerBox */

/* TextField Filter */
.innerBox .textField {				/* Everyone */
	margin:0.3em 0.3em 0 1.4em;
}

* html .innerBox .textField {		/* IE6 */
	margin:0.3em 0.3em 0 1.8em;	
}

*+html .innerBox .textField {		/* IE7 */
	margin:0.3em 0.3em 0 1.8em;
}
/* end of TextField Filter */

/* selectBox Filter */
.innerBox .selectBox {				/* Everyone */
	margin:0.3em 0.3em 0 1.2em;
}

* html .innerBox .selectBox {		/* IE6 */
	margin:0.3em 0.3em 0 1.55em;
}

*+html .innerBox .selectBox {		/* IE7 */
	margin:0.3em 0.3em 0 1.55em;
}
/* end of selectBox Filter */


.innerBox span.required { 
	left:2.7em;	
}

.notes {
	margin:0;
	padding:0.3em 0.4em 0.3em 1.1em;
	font:normal 0.8em arial, helvetica, sans-serif;	 
	height:1.1em;
	position:relative;
	display:inline;

}


.smallBox {
	margin:0.3em 2em 0.3em 0;
	padding:0 1em 0 0;
	display:block;
	position:relative;
	float:left;
	height:auto;
	width:225px;
}

* html .smallBox {
	width:250px;
}

.border {
	border-right:1px solid #ccc;
}

.smallBox h4 {
	margin:0;
	padding:0.3em 0.4em 0.3em 1.1em;
	font:bold 0.75em arial, helvetica, sans-serif;	
	position:relative;
	display:block;
	width:auto;
	height:1.1em;
	border-bottom:solid 1px #ccc;
	background:#bdc6d5;
}

.smallBox p {
	font:normal 0.75em arial, helvetica, sans-serif;	 
	margin:0.8em 1em 0 0;
	padding:0;
}

.floatBox {
	margin:0.3em 0 0 0;
	padding:0;
	display:block;
	position:relative;
	width:0 auto;
}

.floatBox h5 {
	margin:0 1em 0 0;
	padding:0.3em 0.3em 0.3em 0;
	display:block;
	position:relative;
	float:left;
	font:normal 0.75em arial, helvetica, sans-serif;
	color:#333;
}

.floatBox .textBox {
	margin-left:7.1em;
	padding:0;
	display:block;
	position:relative;
	border:1px solid #c8c8c8;
	background:white;
}

.floatBox .textBox p {
	margin:0;
	padding:0.3em;
	font:normal 0.75em arial, helvetica, sans-serif;
	color:#333;
}


.resultBox {
	margin:1em;
	border:1px solid #ccc;
}

.resultBox p {
	margin:0.3em;
}


/*** iframe styles for IE6 ***/

.hideFrame { /*JS alters the iframe's height on the fly*/
	position:absolute; 
	left:-1px; 
	top:0px; 
	width:100%; 
	display:block; 
	filter:alpha(opacity=0); 
	z-index:-1;
	border:0;
}



.oBox_iframe {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0px;
	display:block;
	filter:alpha(opacity=0);
	-moz-opacity:0.80;
	opacity:0.80;
}



/*** Calendar Style ***/
.dateBox {
	margin:0.3em 0;
	padding:0;
	display:block;
	position:relative;
	float:left;
	height:auto;
	width:0 auto;
	z-index:999;

}

.dateBox img {
	margin:4px 0 3px 0;
	position:bottom;
}

* html .dateBox {
	width:225px;
	display:inline;
	z-index:999;
}


.calendarBorder {
	border:3px solid #c6c7cc;
	width:141px;
	position:absolute;
	top:5px;
	left:23px;
	display:none;
	/* filter:alpha(opacity=75); -moz-opacity:.75; */
	z-index:1000000;
}


.calendar {
	width:141px;
	padding:0;
	margin:0;
	border-left:1px solid #A2ADBC;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#616B76;
	text-align:center;
	background-color:#fff;
	
}

.calendar a {
	color:#DF9496;
	text-align:center;
	font:normal 12px/19px Arial, Helvetica, sans-serif;
}

.calendar .nav, .nav a {
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#fff;	
	text-align:center;
	text-decoration:none;
}	


.calendar caption {
	margin:0;
	padding:0;
	width:141px;
	background:#A2ADBC;
	color:#fff;	 
	font:bold 12px Arial, Helvetica, sans-serif;
	text-align:center;
}

.calendar th {
	font:bold 11px/20px Arial, Helvetica, sans-serif;
	color:#616B76;
	background:#D9E2E1;
	border-right:1px solid #A2ADBC;
	border-bottom:1px solid #A2ADBC;
	border-top:1px solid #A2ADBC;
}

.calendar .today, td.today a, td.today a:link, td.today a:visited {
	color:#F6F4DA;
	font-weight:bold;
	background-color:#DF9496;
}

.calendar td {
	border-right:1px solid #A2ADBC;
	border-bottom:1px solid #A2ADBC;
	width:20px;
	height:20px;
	text-align:center;
}

.calendar td a {

	text-decoration:none;
	font-weight:bold;
	display:block;
}

.calendar td a:link, td a:visited {	
	color:blue;
}

.calendar td a:hover, td a:active {
	color:blue;
	/*padding:1px 0 2px 0;*/
	/* background:url(../img/daySelect.png) no-repeat 0 0; */
	/*border:1px solid blue;*/
} 
.calendar td:hover {
	background:yellow;
	cursor:pointer;
}

.calendar .lastMonth {
	background-color:#ddd;
}

.calendar .nextMonth {
	background-color:#ddd;
}











/* Column Layout*/

.leftcontent {
	display:block;
	position: relative;
	float:left;
	
	width:250px;
	background:#fff;
}

.centercontent {
	display:block;
	position: relative;
	background:#fff;
	float:left;
	width:250px;
	height:0 auto;
}

html>body .centercontent {
	width:245px;
}

.rightcontent {
	display:block;
	position: relative;
	float:left;
	width:250px;
	background:#fff;
}



.columnWrap {
	margin:1em 0 1em 0;
	padding:0;
	display:block;
	position:relative;
}

.columns {
	margin:0;
	padding:0;
	display:block;
	position:relative;
	float:right;
}

.columns .tableBorder {
	margin:0 1em 0 0;
}

.columnWrap .columnLabel {
	margin:0.1em 0 0 0;
	padding:0;
	display:block;
	position:relative;
	float:left;
	font:normal 0.75em arial, helvetica, sans-serif;
	color:#666;
}

.columnHeading {
	margin:1em 0;
	padding:0;
}

.columnHeading img {
	margin:0;
	padding:0;
	display:block;
	position:relative;
	top:2px;
	left:4px;
}

.columnHeading p {
	margin:0 0 0 17em;
	padding:0;
	display:block;
	position:relative;
	font:normal 0.65em arial, helvetica, sans-serif;
	color:#333;
	clear:left;
}

.columnHeading input {
	margin:0;
	padding:0.1em 0.3em .1em 0.3em;
	float:left;
	width:17em;
	font:normal 0.8em arial, helvetica, sans-serif;
	color:#666;
	background:#fff;
	border:1px solid #ccc;
}

.columnHeading label {
	margin:0.1em 0 0 0;
	padding:0;
	display:block;
	position:relative;
	float:left;
	font:normal 0.75em arial, helvetica, sans-serif;
	color:#666;
	width:14.2em;
}

.assignmentWidget {
	margin:0;
	padding:0;
}

.assignmentWidget .selectWrap {
	position:relative;
	display:block;
	margin:0.3em 0 0 1.2em; 
	padding:0;
	clear:both;
}

.assignmentWidget label {
	margin:0 0 0 0.1em;
	font:normal .75em arial, helvetica, sans-serif;
}

.assignmentWidget select {
	margin:0 0 0 0.3em;
	position:relative;
	font:normal .7em arial, helvetica, sans-serif;
}

.assignmentWidget img {
	margin:0;
	position:relative;
	float:left;
	top:2px;
}

.assignmentWidget a {
	margin:0 0 0 0.3em;
	font:normal .7em/1.5em arial, helvetica, sans-serif;
}

.firstNotification {
	visibility:hidden;
}


.checkText {
	margin:0.3em 0 0 0;
	padding:0;
	display:block;
	position:relative;
	clear:both;
	width:100%;
}

.checkText label {
	font:normal .75em arial, helvetica, sans-serif;
	color:#666;
}

.checkText input.text {
	margin:0 0 0 0.3em;
	border:1px solid #ccc;
	width:180px;
}

.checkText .radio {

	border:1px solid green;
}

.checkText p {
	display:inline;
	font:normal .75em arial, helvetica, sans-serif;
	color:#666;
}