/* CSS Document */
/* @2007 Will Kessel, Ideastar, Inc. All Rights Reserved. */
/* http://www.ideastar.com */

/* Structure -- cleared, defined and styled */

* {
margin: 0;
padding: 0;
}
.bold {
font-weight: bold;
}
img,
img a {
border: 0px solid #fff;
}
body {
background: #fff url(/images/brick.jpg) top left repeat;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.0em;
line-height: 140%;
color: #000;
margin: 0;
position: relative;
}
#wrapper { 
width: 760px; 
background: transparent url(/images/bg_gradient.png) repeat-y;
margin-left: auto; 
margin-right: auto; 
padding: 0 10px; 
} 
#wrap #logofloat {
float: left;
margin: 0 0 0 6px;
width: 265px;
height: 115px;
top: 0px;
position: relative;
z-index: 700;
}
/*  Fix IE6  */
#wrap #logofloat img {
border: none;
margin-top: 0;
}
#wrap > #logofloat img {
margin: 0;
}
#homelink {
float: left;
clear: none;
top: 11px;
left: 250px;
position: absolute;
}
/*  End IE6 fix   */
#wrap #masthead { 
top: 0px;
clear: none;
width: 740px;
height: 236px;
position: relative;
background: transparent url(/images/random/bg_header3.jpg) top center no-repeat;
} 
/*  Bring IE6 into line.   */
#wrap #masthead {
margin-top: -118px;
}
#wrap > #masthead {
margin-top: 0;
}
/*  End IE6 fix   */
#certificate,
#classlist,
#curriculum,
#degrees,
#exam,
#login,
#register,
#results { 
clear: both;
background-color: #fff;
padding: 10px 0 0 0;
margin-bottom: 0;
width: 740px;
}
#footer { 
clear: both; 
padding: 5px 0; 
width: 740px;
height: 75px;
margin: 0 !important; 
color: #a0a0a0;
background-color: #000; 
}

/* Masthead inner structure */

#wrap #curr_button_div img#vu_curr {
float: right;
/*clear: none;*/
top: 0;
right: 0;
position: relative;
border: none;
margin: 15px 25px 0 0;
z-index: 200;
}
#wrap #curr_button_div img#vu_curr a {
border: none;
}

/* Header inner structure */

#masthead ul#breadcrumbNav {
clear: left;
top: 130px;
left: 0px;
position: relative;
list-style: none;
z-index: 1000;
}
#masthead > ul#breadcrumbNav {
top: 0px; /* 30px */
}
#masthead ul#breadcrumbNav li {
clear: none;
left: 10px;
top: 5px;
position: relative;
display: inline;
font-size: 0.7em;
list-style: none;
margin: 0;
padding: 0 5px 0 0;
font-weight: 700;
}
#breadcrumbNav li,
#breadcrumbNav li a {
color: #999;
}
li.active,
li.active a:link {
color: red;
}
ul#breadcrumbNav li.active {
color: red;
}
ul#breadcrumbNav li.active a:link {
color: red;
}
ul#breadcrumbNav li a:link {
text-decoration: none;
}
ul#breadcrumbNav li a:hover {
text-decoration: underline;
}
#masthead h1 {
font-size: 1.0em;
margin: 0;
clear: left;
top: 155px;
left: 10px;
position: relative;
z-index: 50;
} 
#masthead > h1 {
top: 25px; /* 45px */
}
#masthead h2 {
font-size: 0.75em;
font-weight: 100;
left: 10px;
top: 165px;
padding: 6px 0 0 0;
position: relative;
z-index: 50;
}
#masthead > h2 {
top: 20px; /* 50px */
}
input {
color: #000;
}

/* Footer inner structure */

#footerleft {
float: left;
width: 255px;
height: 70px;
margin: 2px 0 0 0;
}
#footerleft img {
margin: 0 5px 0 0;
}
#footerleft img,
#footerleft img a {
border: none;
}
#footer p a:link {
color: #a0a0a0;
text-decoration: none;
}
#footer p a:visited {
color: #a0a0a0;
text-decoration: none;
}
#footer p img {
border: none;
margin: 0 0 -2px 0;
}
#footer p a:hover {
text-decoration: underline;
}
#footer p {
margin: 10px 5px 0 240px;
text-align: center;
font-size: 0.65em;
line-height: 120%;
}

/* Page-Specific Styling */

/* Curriculum Page   */

#mainContentContainer_Bottom {
clear: both;
}
#curriculum {
background: #fff url(/images/blackboard_bg.jpg) top center no-repeat;
padding: 5px 0 0 0;
height: 785px;
}
#curriculum table {
top: 30px;
left: 0px;
position: relative;
height: 520px;
width: 570px;
padding: 5px;
margin: 15px auto 30px auto;
}
#curriculum table td {
vertical-align: top;
padding-top: 50px;
}
#curriculum td#courseList {
width: 370px;
height: 595px;
padding: 0 0 0 10px;
background: transparent url(/images/bboard_currlist_bg1.png) top left no-repeat;
}
#curriculum td#testResults {
background: transparent url(/images/testresults_bg.jpg) top left no-repeat;
width: 200px;
padding: 0;
}
#curriculum #courseList dl {
clear: none;
top: 0;
margin: 62px 0 0 0;
}
#curriculum #testResults dl {
margin: 60px 0 0 35px;
top: 0;
position: relative;
}
#curriculum #courseList dt {
font-size: 0.9em;
font-weight: 700;
margin: 17px 0 0 0;
}
#curriculum #courseList dd {
font-size: 0.8em;
font-weight: 400;
margin: 1px 0 5px 0;
line-height: 18.25px;
}
#curriculum #testResults dt {
font-size: 0.8em;
font-weight: 700;
display: block;
height: 15px;
margin-top: 5px;
width: 100px;
}
#curriculum #testResults dd {
font-size: 0.7em;
font-weight: 400;
display: block;
width: 100px;
}
#curriculum td#testResults dt#ma_finalresult {
margin-top: 50px;
}
#curriculum td#testResults > dt#ma_finalresult {
margin-top: 75px;
margin-bottom: 20px;
}
#curriculum td#testResults dt#phd_finalresult {
margin-top: 95px;
}
#curriculum td#testResults > dt#phd_finalresult {
height: 42px;
padding-top: 21px;
vertical-align: bottom;
margin-top: 95px;
}
dt span.testnottaken_dt {
background: transparent;
}
dd span.testpassed_dd {
color: green;
}
dd span.testfailed_dd {
color: red;
}
dd span.testnottaken_dd {
color: #000;
}
#curriculum table img.button {
left: 180px;
position: relative;
}
#curriculum table > img.button {
right: 30px;
position: relative;
margin-left: 350px;
}

/* Register Page Styles */

#register {
height: 620px; /* 515px */
}
#register table {
background: transparent url(/images/paperback.jpg) top left no-repeat;
margin: 0 auto;
}
#register table th {
height: 72px;
}
#register table tr {
height: 28px;
}
#register table td {
font-size: 0.8em;
font-weight: 800;
}
#register table td.tdleft {
padding-left: 72px;
}
#register table td.tdright {
font-weight: 400;
}
#register table input {
color: #000;
}

/* Login Page Styles */

#login {
background: #fff url(/images/idbadge.jpg) top center no-repeat;
height: 480px;
}
#login table {
width: 260px;
height: 116px;
margin-left: 300px;
margin-top: 225px; /* 275px */
position: absolute;
}
#login img.logout {
float: right;
margin: 0 30px 0 0;
}
/* added for error messages in the login table */
table#getinhere td.errormessage { 
text-align:left;
color:Red;
font-weight:bold;
height:25px;
padding:0 0 0 0;
}
table#getinhere,
table#getinhere td {
font-size: 0.9em;
font-weight: 700;
padding: 2px;
}
table#getinhere td a:link {
text-decoration: none;
color: #006af2;
}
table#getinhere td a:visited {
color: #006af2;
text-decoration: underline;
}
table#getinhere td a:hover {
text-decoration: underline;
}
table#getinhere td a:active {
text-decoration: underline;
}

/* Exam Page Styles */

#examTop {
background: transparent url(/images/clipboardChopTop.png) top center no-repeat;
margin: 0 0 0 1px;
height: 145px;
}
#examContentBack {
background: transparent url(/images/clipboardBack.png) center repeat;
margin-top: 0px;
width: 542px;
margin-left: auto;
margin-right: auto;
padding: 0 0 0 26px;
height: auto;
}
#examContent {
background: #fff url(/images/clipboardClip.png) 30% 0%;
background-repeat: no-repeat; /* Don't ask me why -- it just wouldn't work on the line above!    */
width: 520px;
padding: 60px 0 10px 0;
margin-left: -6px;
height: auto;
}
#examBottom {
background: transparent url(/images/clipboardChopBottom.png) top center no-repeat;
margin: 0 0 0 1px;
height: 75px;
}
#exam img.pencil {
margin-left: 25px;
margin-right: auto;
}
#exam input.submitButton {
margin-left: 180px;
}
#exam p {
font-size: 0.8em;
margin: 15px 25px 0 25px;
line-height: 140%;
}
ul#examination {
font-size: 0.83em;
margin: 5px 25px;
list-style: none;
}
ul#examination {
line-height: 1.3em;
padding-bottom: 5px;
}
li.qhead {
font-weight: 900;
list-style: none;
}
ul.answers {
list-style: none;
font-weight: 500;
margin: 0 0 10px 10px;
}
ul.answers li {
line-height: 180%;
}
#exam span.bold {
margin-left: 5px;
}
#exam input.thistest {
margin: 0 0 -1px 0;
}

/* Degrees Page Styles */

#degrees {
background: #fff url(/images/chalkboard1.jpg) top center no-repeat;
height: 435px;
padding: 38px 0 10px 0;
}
#degrees dl#degreeList {
margin: 0 0 0 32px;
padding: 0 0 0 10px;
}
#degrees dt,
#degrees dd,
#degrees dt a:link,
#degrees dd a:link {
font-weight: 700;
font-family: 'Comic Sans MS', sans-serif;
text-decoration: none;
color: #fff;
}
#degrees dt a:visited,
#degrees dd a:visited {
color: #fff;
}

#degrees dt a:hover,
#degrees dd a:hover {
color: #fff;
}
#degrees dt a:active,
#degrees dd a:active {
color: #fff;
}
#degrees dd {
font-size: 14px;
font-weight: 700;
/*margin-left: 25px;*/
}
#degrees dl {
float: left;
clear: none;
width: 380px;
top: 0;
left: 0;
margin: 0 0 0 20px;
padding: 0 0 0 10px;
font-size: 17px;
position: relative;
z-index: 50;
}
#degrees dt {
padding: 20px 0 0 40px;
width: 385px;
height: 50px;
margin: 0 0 -25px 30px;
}
#degrees dd {
margin-left: 95px;
}
#degrees dt.completed {
background: transparent url(/images/check.gif) top left no-repeat;
z-index: 100;
}
#degrees dd a.degreeActionPassed {
text-decoration: line-through;
color: #fff;
}
.degreeActionNotPassed, 
.degreeActionNotTaken {
text-decoration: none;
}
#degrees #overlay {
float: left;
clear: none;
width: 380px;
height: 400px;
bottom: 82px;
left: 0;
position: relative;
padding-left: 0px;
margin: -220px 0 0 370px;
z-index: 1000;
}
#degrees > #overlay {
bottom: 0px;
}
* html #degrees #overlay {
padding-left: 360px;
top: 0px;
margin: -220px 0 -13px 0px;
position: relative;
}
* + html #degrees #overlay {
top: 0;
margin: -228px 0 0 380px;
position: relative;
}
/* Results Page Styles   */

#results  {
background: #fff url(/images/fishback/tryagain.gif) bottom center no-repeat;
height: 442px;
}

#results  h2,
#results  h3 {
text-size: 80%;
margin: 30px auto 0 auto;
text-align: center;
}
#results  h3 {
margin-top: 10px;
}
#results img.goback,
#results img.retake,
#results img.proceed {
margin-top: 110px;
width: 200px;
height: 36px;
}
#results img.goback {
margin-left: 60px;
}
#results img.retake,
#results img.proceed {
margin-left: 210px;
}

/* Certificate Page Styles   */

#certificate  {
background-color: #fff;
}
/*#certificate #wrap #mastheadc { 
background: url(/fishback.bg_youregreat.jpg) no-repeat;
}*/
#certificate #certTable {
margin: 0 0 15px 0;
float: right;
}
#certificate img.bg {
top: 20px;
margin: 0 0 15px 0;
position: relative;
z-index: 5;
}

#certificate #certTable td.top {
/*background-image: url(/images/certificate.jpg);
background-position: top center;
background-repeat: no-repeat;*/
top: 0px;
margin: 0 auto;
position: relative;
/*height: 482px;*/
padding: 0 10px 0 10px;
z-index: 100;
}


#certificate  p {
font-family: "Times New Roman", Times, serif;
font-size: 1.2em;
font-weight: 700;
line-height: 140%;
text-align: center;
top: -215px;
position: relative;
z-index: 100;
}

#certificate span.red {
color: red;
}
#certificate td.print {
padding: 15px 0 0 0;
}
#certificate p span.completedName {
font-size: 1.3em;
line-height: 170%;
}

/* class page  */

#classlist #content_Mid h3 {
color: red;
margin: 10px 0 15px 220px;
font-size: 1.1em;
/*text-indent: -90px;*/
}
* html #classlist #content_Mid h3 {
margin: 10px 0 15px 250px;
}
* + html #classlist #content_Mid h3 {
margin: 10px 0 15px 250px;
}
#classlist  {
padding: 0;
width: 740px;
}
#classlist #content_Top {
background: #fff url(/images/screenTop.jpg) top center no-repeat; 
height: 75px;
width: 740px;
top: 0px;
margin: 0 0 0 0;
position: relative;
}
#classlist #content_Mid {
float: left;
width: 740px;
background: transparent url(/images/screenbk.jpg) top center repeat-y;
top: 0px;
margin: 0 0 0 0;
position: relative;
height: auto;  
}
#classlist #content_Bot {
clear: left;
width: 740px;
background: transparent url(/images/screenbottom.jpg) top center no-repeat;
margin: 0 0 0 0;
height: 100px;
}
#classlist #content_Mid ol,
#classlist #content_Mid ul {
font-size: 0.75em;
margin-left: 0 115px 15px 260px;
padding: 0 140px 0 237px;
list-style-position: outside;
}
* html #classlist #content_Mid ol {
padding: 0 140px 0 247px;
}
* + html #classlist #content_Mid ol {
padding: 0 140px 0 245px;
}
#classlist #content_Mid ol li,
#classlist #content_Mid ul li {
margin-left: 0 115px 15px 240px;
line-height: 140%;
}
#classlist #content_Mid p {
margin: 0 115px 15px 220px;
font-size: 0.75em;
color: #403e3e;
padding: 0;
}
#classlist #content_Mid li img,
#classlist #content_Mid p img {
margin: 5px;
}
#classlist #content_Mid #listTop {
width: 565px;
height: 35px;
padding-left: 100px;
}
#classlist #content_Mid #listTop ul {
list-style: none;
font-size: 0.72em;
font-weight: 700;
margin: 0;
padding: 0;
} 
#classlist #content_Mid #listTop ul li {
display: inline;
vertical-align: top;
margin: 0 4px;
}
li.takeExamImg {
/*padding: 0 0 0 365px;*/
float: left;
left: 365px;
top: -28px; /* 0px */
position: relative;
display: none;
visibility: hidden;
}
#classlist #content_Mid #listLeft {
float: left;
clear: left;
width: 200px;
padding-top: 0;
margin: 10px 0 0 0;
}
#classlist #content_Mid #listLeft ul li {
line-height: 200%;
}
#classlist #content_Mid #listLeft ul {
font-size: 0.75em;
font-weight: 700;
margin-left: 100px;
line-height: 220%;
}
#classlist #content_Mid #listLeft ul.top {
background: transparent none/*url(/images/handi-foam.jpg) top left no-repeat*/;
padding: 5px 0 10px 0;
list-style: none;
}
#classlist #content_Mid #listLeft ul.bottom {
background: transparent url(/images/projector.gif) top left no-repeat;
padding-top: 101px;
list-style: none;
margin: 20px 0 0 100px;
padding: 72px 0 10px 2px;
}
#classlist #content_Mid #listLeft ul li img {
display: block;
margin: 10px;
border: none;
}
#classlist #content_Mid #listLeft ul li img a {
border: none;
}
#classlist #content_Mid #listTop a:link {
color: #5b5b5b;
text-decoration: underline;
font-weight: 900;
}
#classlist #content_Mid #listTop a:hover {
text-decoration: none;
}
#classlist #content_Mid #listTop a:active {
color: red;
}
#classlist #content_Mid #listTop a:visited {
color: #5b5b5b;
}
#classlist #content_Mid #listTop a:active {
color: red;
}
#classlist #content_Mid #listLeft li a:link {
text-decoration: none;
color: #5b5b5b;
}
#classlist #content_Mid #listLeft a:visited {
color: #5b5b5b;
text-decoration: none;
}
#classlist #content_Mid #listLeft a:hover {
text-decoration: underline !important;
}
#classlist #content_Mid #listLeft a:active {
text-decoration: none;
}
#classlist #content_Mid #listTop a:active {
color: red;
}
#classlist #content_Mid #listTop a:active {
color: red;
}
#classlist #content_Mid #listTop li.active a,
#classlist #content_Mid #listLeft li.active a {
color: red;
}

#classlist #content_Mid p {
margin: 0 115px 15px 220px;
}
#classlist #content_Mid span.bold {
color: #000;
}
#classlist #content_Mid p.screenButtonBottom {
margin-left: 220px;
clear: left;
}
#classlist #content_Mid p.screenButtonBottom img {
display: inline;
margin: 0 6px 0;
}
dt {
font-size: 0.9em;
font-weight: 700;
}

/*   Thank You Page Styles   */

#thanks {
background: #fff url(../images/fishback/goodjob1.gif) bottom center no-repeat;
height: 442px;
width: 740px;
}
#thanks h2 {
font-size: 1.0em;
text-align: center;
margin-top: 20px;
}
#thanks h5 {
font-size: 0.8em;
text-align: center;
margin-top: 15px;
}
#thanks img.moveahead {
margin: 170px 0 0 209px;
}
/* Added for the Video List page */
#videolist {
	padding: 0 0 20px 57px;
}

#videolist a {
	font-size:12px;
}

/* Top menu (Logout, Edit Profile) */
#masthead ul#menu {
	clear: left;
	left: 0px;
	position: relative;
	list-style: none;
}

#masthead ul#menu li {
	clear: none;
	top:3px;
	left: 10px;
	position: relative;
	display: inline;
	font-size: 0.7em;
	list-style: none;
	margin: 0;
	padding: 0 5px 0 0;
}

#menu li,
#menu li a {
	color: red;
	font-weight:bold;
}

.message {
text-align:center;
font-weight:bold;
}

/* Certificate Page Print Styles  */

@media print {
#wrap,
#masthead,
#footer,
td.print {
display: none;
}
@page {size: landscape;}
body {background: #fff none;}
#certificate img.bg {
width: 9.0in;
height: 6.75in;
top: 0;
left: 0;
margin: auto;
position: absolute;
}
#certificate p {
top: 140px;
margin-left: -30px;
}
* + html #certificate p {
margin: 0.75in 0 0 1.35in;
}
}