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

body
{
	color: #666;
	font-family: Arial, Tahoma, Sans-Serif;
	font-size: 12px;
	line-height: 18px;
	text-align: left;
	font-weight: normal;
}

h1
{
	color: #E75A06;
	font-family: Arial, Tahoma, Sans-Serif;
	font-size: 13px;
	line-height: 20px;
	font-weight: normal;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
}

h2
{
	color: #000;
	font-size: 14px;
	padding: 0 0 0 20px;
	margin: 0;
}

h3
{
	color: #006699;
	font-size: 14px;
	padding: 5px 0 8px 20px;
	margin: 0;
}

img { border-width: 0; }

em
{
	color: #E75A06;
	font-style: normal;
}

#page
{
	width: 100%;
	margin: 0 auto 0 auto;
	background-color: #F4F4F4;
}

#page.pro { background-color: #BEE1A1; }
#page.prv { background-color: #C8E3EC; }

#container
{
	width: 802px;
	overflow: visible;
	max-height: none;
	padding: 0;
	margin: 0 auto 0 auto;
}

#privacyterms
{
	width: 650px;
	padding: 0;
	margin: 0 auto 0 auto;
}

/* Navigation and Tabs ---------------------------------------- */
#tabs
{
	float: right;
	padding: 0;
	margin: 32px 0px -3px 0px;
}

#nav
{
	float: left;
	margin: 0 113px 0 0;
	padding: 0;
	display: inline;
}

#nav ul
{
	margin: 0;
	padding: 0;
}

#nav li
{
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#nav a
{
	float: left;
	padding: 4px 0 0 0;
	margin: 0;
}

#nav a:hover, #nav a.active
{
	text-decoration: underline;
	color: #FFF;
}

/* Teaser ---------------------------------------- */
#teaser
{
	float: left;
	width: 600px;
	background-color: #FFF;
	padding: 0 0 5px 0;
	margin: 0;
}

#teaser h1
{
	float: left;
	color: #E75A06;
	font-size: 16px;
	line-height: 21px;
	padding: 10px 0 0 20px;
	font-weight: bold;
}

#teaser h2
{
	float: left;
	padding: 10px 0 1px 20px;
	margin: 0;
	clear: left;
}

#teaser ol
{
	padding: 0 0 0 20px;
	margin: 3px 0 10px 25px;
}

#teaser li
{
	padding: 1px 0 1px 0;
	margin: 0;
}

#teaser .date
{
	float: right;
	color: #E75A06;
	font-size: 12px;
	font-weight: bold;
	padding: 10px 10px 0 0;
	margin: 0;
}

#teaser p
{
	clear: both;
	padding: 5px 20px 0 20px;
	margin: 0;
}

#teaser table
{
	clear: both;
	padding: 5px 20px 0 20px;
	margin: 0;
}

#teaser .right { text-align: right; }

.teaser
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 12px;
	line-height: 21px;
	font-weight: bold;
}

/* Content ---------------------------------------- */
#wrapper
{
	float: left;
	width: 800px;
	border-color: #969696;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	background-color: #FFFFFF;
	margin: 0 0 10px 0;
	min-height: 600px;
}

#content, #instructions
{
	float: left;
	width: 600px;
	background-color: #FFF;
	padding: 0 0 5px 0;
	margin: 0;
	
}

#exam
{
	min-height: 100px;
	overflow: visible;
	height: auto;
	max-height: none;
	float: left;
	background-color: #FFF;
	padding: 0 0 10px 0;
	margin: 0;
	width: 600px;
}

#content h1
{
	float: left;
	color: #E75A06;
	font-size: 16px;
	line-height: 21px;
	padding: 10px 0 0 20px;
	font-weight: bold;
}

#content h2
{
	float: left;
	padding: 10px 0 1px 20px;
	margin: 0;
	clear: left;
}

#content ol
{
	padding: 0 0 0 20px;
	margin: 3px 0 10px 25px;
}

#content li
{
	padding: 1px 0 1px 0;
	margin: 0;
}

#content .date
{
	float: right;
	color: #E75A06;
	font-size: 12px;
	font-weight: bold;
	padding: 10px 10px 0 0;
	margin: 0;
}

#content p, #instructions p
{
	clear: both;
	padding: 5px 20px 0 20px;
	margin: 0;
}

#content .right { text-align: right; }

.content
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 12px;
	line-height: 21px;
	font-weight: bold;
}

/* Alert ---------------------------------------- */
#alert
{
	float: left;
	width: 600px;
	background-color: #FFFFCC;
	padding: 0;
	margin: 0 0 5px 0;
	border-width: 1px 0 1px 0;
	border-style: solid none solid none;
	border-color: #FFFF00;
}

#alert p
{
	padding: 4px 10px 4px 20px;
	color: #3366FF;
	margin: 0;
	font-size: 12px;
	font-family: Verdana, San-Serif;
}

#alert img
{
	padding: 0 5px 0 0;
	vertical-align: text-bottom;
}

/* Activity ---------------------------------------- */
#activity
{
	float: left;
	width: 600px;
	background-color: #FFFDE7;
	padding: 0 0 10px 0;
	margin: 0;
}

#activity h2
{
	color: #FF3300;
	padding: 5px 0 5px 20px;
}

#activity p
{
	padding: 0 20px 8px 20px;
	color: #000;
	margin: 0;
}

#activity img { vertical-align: text-bottom; }

#activity .error
{
	color: #FF3300;
	font-size: 12px;
}

#activity ul, #activity li
{
	margin: 0 0 0 20px;
	padding: 0 0 3px 0;
}

/* Progress ---------------------------------------- */
#progress
{
	float: left;
	width: 600px;
	background-color: #F4F4F4;
	padding: 0;
	margin: 0;
}

#progress h2
{
	padding: 10px 0 10px 20px;
	margin: 0;
	color: #336633;
}

#progress .bar
{
	padding: 0 0 0 20px;
	margin: 0 0 20px 0;
	width: 580px;
}

#progress .step
{
	color: #336633;
	font-size: 12px;
	width: 310px;
	padding: 0 0 0 10px;
}

#progress ul
{
	padding: 0;
	margin: 10px 0 0 30px;
}

#progress li
{
	padding: 1px 0 0 0;
	float: left;
	display: block;
}

#progress ul li a
{
	float: left;
	background-color: #EEE;
	width: 490px;
	padding: 3px 0 3px 5px;
	text-decoration: none;
}

#progress ul li a:hover, #progress ul li a.alt
{
	background-color: #DDD;
	text-decoration: none;
	color: #333;
}

#progress input, #pro input, #time input
{
	font-family: Arial, Tahoma, Sans-Serif;
	font-size: 10px;
	width: 110px;
}

#progress .select
{
	font-family: Arial, Tahoma, Sans-Serif;
	font-size: 10px;
}

#progress .check
{
	font-size: 10px;
	width: 10px;
}

/* Buttons ---------------------------------------- */
#buttons
{
	float: left;
	width: 600px;
	padding: 0;
	margin: 0;
	background-color: #F4F4F4;
}

#buttons p
{
	padding: 0;
	margin: 0 20px 0 0;
	text-align: right;
}

#buttons img
{
	padding: 3px 0 10px 3px;
	margin: 0;
}

/* Search ---------------------------------------- */
#search
{
	float: left;
	width: 600px;
	padding: 0;
	margin: 0;
	background-color: #F4F4F4;
}

#search table { margin: 0 0 20px 20px; }
#search .caltable { margin: 0; }
#search .caltable td { padding: 0px 3px 0px 0px; }
#search td { padding: 3px 0 3px 5px; }

#search .select
{
	font-size: 10px;
	font-family: Arial, Tahoma, Sans-Serif;
}

#search .submit
{
	font-size: 10px;
	width: 100px;
	font-family: Arial, Tahoma, Sans-Serif;
	margin: 10px 0 0 0;
}

#search .multiple
{
	width: 150px;
	height: 80px;
	border-color: silver;
	border-width: 1px;
	border-style: solid;
	font-family: Arial, Tahoma, Sans-Serif;
	font-size: 11px;
}

#search .input
{
	font-size: 10px;
	border-color: #C1C1C1;
	border-width: 1px;
	border-style: solid;
	font-family: Arial, Tahoma, Sans-Serif;
	width: 110px;
}

/* Profile ---------------------------------------- */
#profile
{
	float: left;
	width: 600px;
	background-color: #FFF;
	padding: 0;
	margin: 0;
}

#profile .tabs { padding: 0 0 0 20px; }

#profile .profile
{
	border-color: #C1C1C1;
	border-width: 1px;
	border-style: solid;
	margin: 1px 0 20px 20px;
	width: 560px;
	padding: 5px 0 0 3px;
}

#profile .profile td { padding: 2px 5px 2px 5px; }

#profile .cat
{
	width: 140px;
	vertical-align: top;
}

#profile .input
{
	font-family: Arial, Tahoma, Sans-Serif;
	font-size: 10px;
	border-color: #C1C1C1;
	border-width: 1px;
	border-style: solid;
	padding: 1px 0 1px 3px;
	height: 12px;
}

#profile .select
{
	font-family: Arial, Tahoma, Sans-Serif;
	font-size: 10px;
}

#profile .types
{
	font-family: Arial, Tahoma, Sans-Serif;
	font-size: 10px;
	width: 150px;
	height: 80px;
}

#profile .submit
{
	font-family: Arial, Tahoma, Sans-Serif;
	font-size: 10px;
	margin: 0 0 3px 0;
	width: 100px;
}

#profile .upload
{
	font-family: Arial, Tahoma, Sans-Serif;
	font-size: 10px;
}

#profile .alt { background-color: #EEE; }

#profile .spacer
{
	border-bottom: #C1C1C1;
	border-width: 0 0 1px 0;
	border-style: none none solid none;
	width: 100%;
}

/* Summary ---------------------------------------- */
.summary
{
	float: left;
	width: 600px;
	padding: 0;
	margin: 0;
	background-color: #f4f4f4;
}

.summary.alt
{
	background-color: #FFF;
	width: 95%;
}

.summary table
{
	width: 560px;
	margin: 0 0 20px 20px;
	background-color: #C1C1C1;
}

.summary table.inner
{
	width: 556px;
	margin: 2px;
	background-color: #C1C1C1;
	padding: 0;
	border-width: 0;
}

.summary td
{
	background-color: #FFF;
	padding: 3px 3px 3px 5px;
}

.summary .alt0 td { background-color: #FFF; }
.summary .alt1 td { background-color: #EEE; }

.summary th
{
	text-align: left;
	padding: 2px 0 2px 5px;
	background-color: #DDDDDD;
}

.summary th.center
{
	text-align: center;
	padding: 2px 3px 2px 5px;
	background-color: #DDDDDD;
}

.summary th.right
{
	text-align: right;
	padding: 2px 3px 2px 2px;
	background-color: #DDDDDD;
}

.summary h2, #search h2
{
	padding: 10px 0 4px 20px;
	margin: 0;
}

.summary .delete
{
	font-size: 10px;
	color: #FFF;
	background-color: #E75A06;
	border-style: solid;
	border-width: 2px;
	border-color: #FFF;
	width: 50px;
}

.summary .subject, #search .subject
{
	width: 540px;
	font-size: 10px;
	line-height: 14px;
	font-family: Arial, Tahoma, Sans-Serif;
}

.summary p
{
	padding: 0;
	margin: 10px 0 5px 0;
	text-align: right;
}

.summary .save { margin: 0 20px 10px 0; }
.summary .actual { font-weight: bold; }

.summary p.instructions
{
	padding: 5px 15px 5px 20px;
	margin: 0;
	text-align: left;
}

.summary p.message
{
	padding: 0px 20px 5px 0px;
	margin: 0;
	text-align: left;
	line-height: 20px;
}

.summary .cat { width: 150px; }

.summary .submit
{
	font-family: Arial, Tahoma, Sans-Serif;
	font-size: 10px;
	margin: 0;
	width: 50px;
}

.summary .input, .summary .tarea
{
	font-size: 10px;
	border-color: #C1C1C1;
	border-width: 1px;
	border-style: solid;
	font-family: Arial, Tahoma, Sans-Serif;
	padding: 1px 0 1px 3px;
}

.summary .select
{
	font-family: Arial, Tahoma, Sans-Serif;
	font-size: 10px;
}

.summary .select-small
{
	font-family: Arial, Tahoma, Sans-Serif;
	font-size: 10px;
	width: 100px;
}

.summary .select-large
{
	font-family: Arial, Tahoma, Sans-Serif;
	font-size: 10px;
	width: 180px;
	font-weight: normal;
}

.summary .rightAlign
{
	float: right;
	padding: 0;
	margin: -24px 20px 0 0;
}

.summary .types
{
	font-family: Arial, Tahoma, Sans-Serif;
	font-size: 10px;
	width: 100px;
	font-weight: normal;
}

.summary .remove
{
	width: 70px;
	text-align: center;
}

.summary .add
{
	vertical-align: text-bottom;
	padding: 0 0 0 5px;
}

.summary table.alt
{
	width: 560px;
	margin: 0 0 20px 20px;
	background-color: #F4F4F4;
}

.summary .alt td
{
	background-color: #F4F4F4;
	padding: 3px 3px 3px 5px;
}

.summary .pagi
{
	text-align: center;
	background-color: #F8F8F8;
}

/* Forum Alts ---------------------------------------- */
#forum
{
	font-size: 11px;
	clear: both;
}

#forum td { vertical-align: top; }

#forum .user a
{
	color: #15568E;
	text-decoration: none;
	font-weight: bold;
}

#forum .user a:hover
{
	color: #76B5E8;
	text-decoration: underline;
}

#forum .date
{
	white-space: nowrap;
	color: #333333;
	font-weight: bold;
}

#forum .date a
{
	color: #333333;
	text-decoration: none;
}

#forum .date a:hover
{
	color: #666;
	text-decoration: underline;
}

#forum a.thread
{
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}

#forum p
{
	text-align: left;
	margin: 0 0 5px 25px;
	padding: 0;
	font-size: 11px;
}

/* Forumtabs ---------------------------------------- */
#forum table.alt
{
	width: 560px;
	margin: 0 0 -3px 20px;
	background-color: #F4F4F4;
}

#forumtabs
{
	float: left;
	font-size: 11px;
	line-height: normal;
	background-color: #F4F4F4;
	list-style: none;
	padding: 0;
	margin: 0px 0 0px -5px;
	display: inline;
}

#forumtabs ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

#forumtabs li
{
	float: left;
	margin: 0;
	padding: 0 2px 0 7px;
	background-image: url("../i/pv/cal_left_off2.gif");
	background-repeat: no-repeat;
	background-position: left top;
}

#forumtabs a
{
	float: left;
	display: block;
	padding: 8px 12px 5px 5px;
	text-decoration: none;
	font-weight: bold;
	color: #999;
	background-image: url("../i/pv/cal_right_off2.gif");
	background-repeat: no-repeat;
	background-position: right top;
}

#forumtabs a:hover { color: #E67E13; }
#forumtabs #active { background-image: url("../i/pv/cal_left_on2.gif"); }

#forumtabs #active a
{
	background-image: url("../i/pv/cal_right_on2.gif");
	color: #FFF;
	padding-bottom: 5px;
}

/* Settings ---------------------------------------- */
#settings
{
	padding: 5px 25px 10px 0;
	text-align: right;
	font-size: 11px;
}

#settings a.active
{
	text-decoration: none;
	color: #666666;
	font-weight: bold;
}

/* Breadcrumbs ---------------------------------------- */
#crumbs
{
	font-size: 11px;
	padding: 0;
	margin: 0 0 -15px 0;
}

#crumbs .pages { text-align: right; }
#crumbs .pages a { text-decoration: none; }

/* Calendar Legend ---------------------------------------- */
#legend
{
	float: left;
	width: 590px;
	height: 30px;
	padding: 10px 0 0 0;
	margin: 0;
	text-align: right;
}

/* Summary Responses ---------------------------------------- */
.summary .none td { padding: 0; }

.summary .r1 td
{
	background-color: #EEFFDE;
	padding: 1px 2px 0 2px;
}

.summary .r2 td
{
	background-color: #F8E6D3;
	padding: 1px 2px 0 2px;
}

.summary .r1 table, .summary .r2 table
{
	padding: 0;
	margin: 0;
	color: #555;
}

.summary .r1 strong { color: #7EB34C; }
.summary .r2 strong { color: #DB8022; }

#note
{
	width: 560px;
	padding: 0;
	margin: 0 0 0 20px;
}

/* Footer ---------------------------------------- */
#footer
{
	clear: both;
	width: 790px;
	height: 30px;
	line-height: 30px;
	text-align: right;
	color: #FFF;
	font-size: 10px;
	background-color: #434343;
	padding: 0px 10px 0px 0px;
	margin: 0 auto 0px auto;
	border-color: #969696;
	border-width: 0 1px 0 1px;
	border-style: solid;
}

#footer a { color: #FFF; }
#footer a:hover { color: #CCC; }

#footer span.tc
{
	float: left;
	padding: 4px 0 0 10px;
}

/* Styles for tooltip's  */
div#tipDiv
{
	position: absolute;
	visibility: hidden;
	left: 0;
	top: 0;
	z-index: 10000;
	background-color: #EEEEEE;
	width: 130px;
	padding: 3px;
	color: #000;
	font-size: 11px;
	line-height: 16px;
	overflow: default;
	border-color: #DDD;
	border-width: 1px;
	border-style: solid;
}

/* Copyright ---------------------------------------- */
#copyright
{
	clear: both;
	width: 790px;
	height: 30px;
	color: #666;
	font-size: 9px;
	line-height: 30px;
	text-align: right;
	background-color: #FFF;
	padding: 0px 10px 0px 0px;
	margin: 0px auto 10px auto;
	border-color: #969696;
	border-width: 0 1px 1px 1px;
	border-style: solid;
}

#copyright p
{
	padding: 0;
	margin: 0;
}

/* Roll ---------------------------------------- */
.roll
{
	border-width: 0;
	padding: 0;
	margin: 0;
}

.roll table { border-collapse: collapse; }

.roll .rtable
{
	background-color: #D9EEFF;
	border-width: 0;
	padding: 0;
	margin: 0;
}

.roll .topline
{
	height: 5px;
	border-color: #87C057;
	border-style: solid;
	border-width: 1px 0 0 0;
	background-color: #8DC5F4;
}

.roll .start1 { background-color: #FFF; }
.roll .start2 { background-color: #D9EEFF; }

.roll .rbox
{
	border-bottom: #87C057;
	border-style: none none solid none;
	border-width: 0 0 1px 0;
	margin: 0;
	padding: 0;
}

#rolls ul
{
	float: left;
	padding: 0;
	margin: 0;
}

#rolls li
{
	float: left;
	padding: 0;
	margin: 0 0 0 -40px;
	list-style-type: none;
	display: inline;
}

#rolls p
{
	margin: 0;
	padding: 5px 10px 5px 30px;
}

#rolls strong
{
	color: #003366;
	font-size: 16px;
	line-height: 30px;
	padding: 0 10px 5px 10px;
}

#rolls h2
{
	color: #003366;
	font-size: 16px;
	line-height: 30px;
	padding: 0 0 0px 30px;
}

#rolls .icon
{
	padding: ;
	vertical-align: text-bottom;
}

#rolls a
{
	float: left;
	background-color: #D9EEFF;
	text-decoration: none;
	width: 600px;
	height: 100px;
	color: #333;
	margin: 0;
	padding: 0 0 5px 0;
}

#rolls a:hover
{
	background-color: #EDF7FF;
	text-decoration: none;
}