body { 
	margin:0; 
	padding:0; 
	font-family:arial, helvetica, sans-serif; 
	color:#000;  
	background:white;
}

strong, b {
	font-weight:bold;
}

p {
	margin:0;
	padding:0;
	font:normal 12px/17px arial, helvetica, sans-serif;	 
}

li {
	margin:0;
	padding:0;
	font:normal 12px/17px arial, helvetica, sans-serif;	 
}

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

img { border:0; }

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

#popupWrap {
	background:#f8f8f8;
}

#top {
	margin:0;
	padding:0;
	border:0;
	background:#005;
	padding-top:0.4em !important;
	height:auto !important;
	min-height:0;
	width:auto;
	overflow:hidden;
}



#topNav {
	margin:0;
	padding:0 1em 0.3em 1em;
	overflow:hidden;
	
}

.topNavBorder {
	margin:0;
	padding:0;
	background:url(/v4images/topNavBorder.gif) repeat-x 0 0;
	height:5px;
}

.topNavContent {
	margin:0;
	padding:0.5em 0 0 0;
	min-height:2em;
	/*border-bottom:1px solid #ccc;*/
}

.noTabs {
	padding:0.5em 0 0.7em 0;
}

.topNavContent h2 {
	padding:0 1.2em;
	margin:0;
	font:normal 0.8em arial, helvetica, sans-serif; 
}


#right {
	float:right;
}

#right a,
#right a:visited,
#right a:active {
	font:1em/1.5em arial, helvetica, sans-serif;
	text-decoration:none;
	font-weight:normal;
	outline:none;
}

#right a:hover {
	text-decoration:underline;
}

#left {
	float:left;
	padding:0;
}

#left p {
	color:white;
	font:bold 0.8em Arial, Helvetica, Sans-serif;
}

#middle {
	margin:0;
	padding:1em;
	border:0;
	background:white;
	margin:0;
	overflow:hidden;
}

.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 */


.info {
	margin:0.5em 0 0 0;
	padding:0;
	display:block;
	background:url(/v4images/infoBack2.png) 0 0;
	height:50px;
	
}

.infoBox {
	margin:0;
	padding:6px 30px;
	height:33px;
	position:relative;
	/*background:url(/v4images/info2.png) no-repeat 300px 1px;*/
	width:500px;
	overflow:hidden;
}

* html .infoBox {
	background:none;
}

.info3 ul {
	margin:0;
	padding:0;
}

.info3 li {
	font:normal .8em/1.4em arial, helvetica, san-serif;
	color:#103b5e;
	list-style:none;
	clear:both;
}

.info .subject {
	margin:0 5em 0 0;
	padding:0;
	float:left;
	
}

.info .value {
	margin:0;
	padding:0;
	float:left;
}


.info2 {
	margin:1em 0 0 0;
	padding:0.5em 1em 0.5em 2em;
	display:block;
	border:1px solid #67a9c1;
	border-left:none;
	background:#edf8fc;
	width:22.5em;
	overflow:hidden;
}

.info2 p {
	font:normal .8em/1.4em arial, helvetica, san-serif;
	color:#103b5e;
}

.info3 {
	margin:1em 0 0 0;
	padding:0.5em 1em 0.5em 2em;
	display:block;
	border:1px solid #67a9c1;
	border-left:none;
	border-right:none;
	background:#edf8fc;
	width:auto;
	
}

.info3 p {
	display:block;
	font:normal .8em/1.4em arial, helvetica, san-serif;
	color:#103b5e;
	border:1px solid #67a9c1;
}


#middle .index {
	margin:0;
	padding:0.5em 0;
}

#middle .index p {
	font:normal 0.75em/1.6em Arial, Helvetica, Sans-serif;
}

#middle .index dl {
	margin:0;
	padding:0 1.3em;
}

#middle .index dt {
	display:block;
    clear:left;
	margin:0;
	padding:0;
	color:#333;
	width:18em;
	float:left;
	font:normal 12px/22px Arial, Helvetica, Sans-serif;
}

#middle .index dd {
	display:block;
	margin:0;
	padding:0;
	color:#111;
	width:12em;
	float:left;
	font:normal 12px/22px Arial, Helvetica, Sans-serif;
}

#middle .index dd a {
	color:#326698;
	font-weight:bold;
	text-decoration:underline;
}

#middle .index .warning {
	color:#d00;
	padding:0 0 0 0.2em;
}


/* dynamic width hr based on popup size */
.hr {
	border-top:1px solid #ddd;
	margin:0.8em 1em;
}

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

.notificationLabel { 
    float:left;
    padding-right: 20px;
	margin:0;
	position:relative; 
	width:8em;
	font:bold 0.85em arial, helvetica, sans-serif;
	color:#333;
}

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

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

/*** modification of latest button design ***/
.verificationButton  {
	/* margin:0 0 0 0.3em; */
	margin:0 0 0 0em;
	border:1px solid #aaa; /* System Controlled */
	border-color:#ccc #aaa #aaa #ccc;
	/*background:#eee;  System Controlled */
	background:url(../img/sButtonBackground.gif) repeat-x 0 0;
	color:#333;
	cursor:pointer;
	display:block;
	float:left;
}

.verificationButton:hover {
	border-color:#a2ddff #64c6ff #64c6ff #a2ddff;
	outline:none;
	color:#000;
}

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


.verificationWarning p {
	color:#cc9933;
	font:bold 0.75em Arial, Helvetica, sans-serif;
    text-align: center;
}

.verificationWarning a {
	color:#326698;
	font-weight:bold;
	text-decoration:underline;
}

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

.options h1 {
	font-weight:bold;
	font-size:13px;
}

.optionsDirections {
	padding:0.3em 0 1em 0; 
	font-size:13px;
    font-style:italic;
    width:500px;
}

.optionsError {
	font-size:13px;
    color:#c00
}

.optionsMessage {
	font-size:13px;
    color:#006400
}

.optionsField {
	padding:0.3em 0 0 0; 
	margin:0 0 0 1em;
	position:relative; 
	top:0; 
	left:0; 
	width:820px; 
	clear:both; 
}

.optionsInfo { 
	padding:.3em 0em .2em 0em;
	margin:0 0 0 1em;
	/* width:410px; */
	width:120px;
	font:normal 0.8em/1.8em arial, helvetica, sans-serif;
	color:#333;
 
}

/*
.options label { 
	margin:0;
	padding:.3em 0em .2em 0em;
	float:left;
	width:120px;
	font:normal 0.8em/1.8em arial, helvetica, sans-serif;
	color:#333;
 }
 */

/*** latest button design ***/
.optionsButton  {
	margin:0 0 0 0.3em;
	border:1px solid #aaa; /* System Controlled */
	border-color:#ccc #aaa #aaa #ccc;
	/*background:#eee;  System Controlled */
	background:url(../img/sButtonBackground.gif) repeat-x 0 0;
	color:#333;
	cursor:pointer;
}

/*** Styles for "Email Students" popup ***/
.emailStudents {
    margin:0; 
    padding:0;
    font-size:12px;
}

.emailStudents label {
    width:100px;
    float:left;
    padding: 0 0 5px 0;
}

.emailStudents .recipientsRow {
    margin:0 0 15px 0;
}

.emailStudents .recipientsRow a {
    color:#00f;
    text-decoration:none;
}

.emailStudents .sendCopyRow {
    margin: 0 0 15px 100px;
}

.emailStudents .sendCopyRow label {
    width:400px;
    float:left;
    display:inline; 
    color:#333; 
}

.emailStudents .sendCopyRow input {
    margin:0 10px 0 0;
    vertical-align:middle;
    display:inline;
    width:auto;
    height:auto;
}

.emailStudents .recipients {
    float:left;
}

.emailStudents .textField input {
    width:475px;
	font:normal 15px arial, helvetica, sans-serif;
    padding:0;
}

.emailStudents .textField textarea {
    width:475px;
    margin:0 0 15px 0;;
    height:225px;
    padding:0;
	font:normal 15px arial, helvetica, sans-serif;
}

.emailStudents .noAddressesWarning { 
    margin: 0;
	color:#cc9933;
	font:bold 12px Arial, Helvetica, sans-serif;
}

.emailStudents .noAddressesWarning img {
    margin:0 4px 0 0;
}

.emailStudents .noAddresses { 
    margin: 0 0 15px 24px;
}

.emailStudents .sendPrivateMsgRow {
    margin: 0 0 15px 100px;
}

.emailStudents .sendPrivateMsgRow label {
    width:400px;
    float:left;
    display:inline; 
    color:#333; 
}

.emailStudents .sendPrivateMsgRow input {
    margin:0 10px 0 0;
    vertical-align:middle;
    display:inline;
    width:auto;
    height:auto;
}

.emailStudents .centeredButtons {
    width:180px; 
    margin:0 auto;
}

.waiveDirections {
    font:normal 13px arial, helvetica, sans-serif;
    margin:0;
    padding:15px 0px;
}

.waiveStudentList {
    width:600px;
    font:normal 13px arial, helvetica, sans-serif;
    margin:0;
    padding:0;
    overflow: scroll;
}

.waiveStudentList th {
    margin:0;
    padding:5px;
    text-align:left;
}

.waiveStudentList .checkbox {
    margin:0;
    padding:5px;
}

.waiveStudentList .name {
    margin:0;
    padding:5px;
    text-align:left;
}

.waiveStudentList .score {
    margin:0;
    padding:5px;
    text-align:center;
}