/* Provide some basic styling for common elements */
h1, h2, h3, h4 { color: #639; padding-bottom: .5em; }
h1 { font-size: 146.5%; font-weight: bold; text-transform: capitalize }
h2 { font-size: 131%; }
h3 { font-size: 116%; }
p { margin: 0 0 1em 0; }
em { font-style: italic; }
strong { font-weight: bold; }
ul, ol { margin-left: 1.5em; }
ol li { list-style: decimal; }
li { margin: 0 .25em .5em; }
/* Define the layout and overall look of the application */
body { color: #333; background: #67548C url(/images/background-tile.gif) repeat-x top left; font-family: "Lucida Sans Unicode","Lucida Grande",Verdana; }
#custom-doc { position: relative; width:59.08em;*width:57.65em;min-width:768px; margin: 5px auto 10px auto; text-align:left; background: #FFF; border: 3px solid #FFF; }
#topLinks { width:59.08em;*width:57.65em;min-width:768px; margin: 2px auto; text-align: right; }
#topLinks li { display: inline; padding-left: .7em;}
#topLinks a { color: #FFF; font-weight: bold; text-decoration: none; }
#logo { width:59.08em;*width:57.65em;min-width:768px; }
#content { margin: .5em; }
#ft { position: relative; clear: both; margin: 10px 25px 0 25px; padding: 1em; border-top: 1px solid #DEDEDE; font-size: 85%; zoom: 1;}
#ft .info { margin: .5em 0 .5em 0px; }
#ft ul.info li { display: inline; margin: 0; padding-right: .5em; border-right: 1px solid; }
#ft ul.info li.last { border-right: none; }
#ft #logos { top: 5px; width: 270px; margin: 0; zoom: 1; }
#ft #disclaimer,
#ft #sponsors { font-size: 85%; }
#ft #logos li { display: inline; margin: 0; }
#ft .version { color: #577DAF; float:right;}
#ftLinks { width: 55%; float: right;}
#ftLogos { width: 40%; }
/* Style the menu bar that appears at the top of every page */
#menu { background: #666; color: #FFF; float: left; width: 100%; margin: 0; }
#menu li { display: inline; margin: 0; }
#menu li a { padding: .6em 2em; background: #666; color: #FFF; text-decoration: none; float: left; border-right: 1px solid #B3B2B2; }
#menu li a:hover { background: #26076C; }
#menu li.last a { border-right: none; }
/* Style the page level help box */
#pageHelp { display: none; position: absolute; left: 10%; z-index: 99; width: 75%; background: #67548C; zoom: 1; }
#pageHelp h3,
#pageHelp .header { color: #FFF; font-size: 116%; font-weight: bold; text-transform: capitalize; padding-bottom: 0; margin: .3em 0 0 .5em; }
#pageHelp .content { width: 96%; height: 15em; overflow: auto; margin: 0 auto .5em auto; padding: .2em .3em; background: #FFF; }
#pageHelp a.close { position: absolute; top: 3px; right: .5em; width: 16px; height: 16px; background: url(/images/close.gif) no-repeat 0 0; }
#pageHelp iframe { position: absolute; left: 0px; top: 0px; z-index: -1; }
/* Style the errors that appear on a page */
#pageErrors, span.pageinfo { color: #00C; font-weight: bold; }
/* Style the pagination buttons at the bottom of the page */
#pagination .navigation { text-align: left; margin-right: 1em; }
#pagination .navigation * { display: inline; font-size: 108%; color: #639; text-transform: lowercase; }
#pagination .navigation input { background: #FFF; border: none; font-family: "Lucida Sans Unicode","Lucida Grande",Verdana; }
#pagination .current { color: #CF885A; font-weight: bold; border-bottom: 1px solid #CF885A; }


#registerFormRequiredCert { padding-bottom: 1px;}
/*#Stop.webform.delete #formButtons #cancel { position: absolute; left: 6em; width: 5em; }*/

#SuperAdminStudentConfirmation.webform.delete #formButtons #cancel { position: absolute; left: 6em; width: 5em; }
#StudentConfirmation.webform.delete #formButtons #cancel { position: absolute; left: 6em; width: 5em; }

.Header dt {float: left; font-weight: bold; padding-right: 2em; }
.SchoolReviewTable th, .SchoolReviewTable td { font-weight: bold; padding: .5em; }
#comments { width: 46em; }


/* Style the jump to navigation used by the wizard */
#wizardnav { clear: both; display: block; margin-top: 1em; height: 5em; clear: both; }
#wizardnav a { color: #FFF; text-decoration: none; }
#wizardnav a:hover { color: #FC3; }
#wizardnav ul { position: relative; width: 100%; white-space: nowrap; list-style: none; margin: 0; zoom: 1; }
#wizardnav ul li { background-image: none; padding: 0; }
/* Style each of the tabs */
#wizardnav .tab { width: 32.5%; float: left; margin-right: 2px; }
#wizardnav .tab a { display: block; padding: .7em 0 .3em 0; background: #597A9B; text-transform: uppercase; text-align: center; font-weight: bold; letter-spacing: 1px; }
/* Style the current tab */
#wizardnav .tab.current a { background: #036; border-bottom: 3px solid #036; }
/* Second level */
/* Hide all of the submenus */
#wizardnav .submenu { display: none; }
/* Unhide the current submenu and style it */
#wizardnav .current .submenu { display: block; position: absolute; top: 2.7em; left: 0px; width: 99.5%; background: #036; }
#wizardnav .current .submenu li { float: left; border-right: 1px solid #FFF; }
#wizardnav .current .submenu li a { padding: 0.3em 1em; width: auto; text-transform: none; font-weight: normal; letter-spacing: none; }
/* Style the current second level item */
#wizardnav .current .submenu .current a { color: #FC3;  }


/* Style the WebWizard */
form.webwizard #formButtons { position: relative; height: 2em; margin: 1em 1em .5em 1em; padding: .5em 1em; background: #F5F5F5; border: 1px solid #CCC; zoom: 1; }
form.webwizard #formButtons input { padding: .1em .5em; }

/* Style the Identifier */
#studentwizardidentifier { height: 4em; clear: both; margin: 1em 1em 2em 1em; padding: .5em; background: #F5F5F5; border: 1px solid #CCC; }
#studentwizardidentifier h2 { font-weight: bold; padding-bottom: 0;text-align: center; font-size: 197%; }
#studentwizardidentifier ul { position: relative; width: 100%; white-space: nowrap; list-style: none; margin: 0; zoom: 1; }
#studentwizardidentifier li { font-weight: bold; float: left; width: 24%; }
#studentwizardidentifier .studentname { text-align: left; }
#studentwizardidentifier .studentid { text-align: center; }
#studentwizardidentifier .userstatus {text-align: center; }
#studentwizardidentifier .wizardstep { text-align: right; }
#minorityGroupId { height: 7em; }
#resumeTypeId {height: 4em; }

form { clear: both; }

/* Adjust the way that the tabbed jump to navigation in the wizard looks */
#wizardnav .tab span { display: block;}
#wizardnav .current .submenu { width: 754px; }