body {font-family: arial, helvetica, sans-serif; font-size: 12px;}
h3 {font-size: 14px; margin: 0;}
.clear {clear: both;}
.invisible {display:block;position:absolute;top:0;left:0;text-indent:-3000px;}
span.checked {display:block; width:14px; height:15px; background:transparent url(/images/Pro/checkmark.gif) 0 0 no-repeat;}
#homelink {background: url('/images/pro/Nav_PClogo_home.gif') top left no-repeat; display: block; height: 39px; text-indent: -5000px; width: 385px; float: left; margin-top: 20px;}
#container {width: 840px; margin: 0 auto;}
#sitetop {height: 100px;}
#sitenav {position: relative; height: 30px; clear: both; }
#navigation {height: 30px; margin: 0; padding: 0; position: absolute; top: 0; left: 6px;}
#navigation li {margin: 0; padding: 0; list-style: none; float: left; top: 0; height: 30px; display: block;}
#navigation a {display: block; height: 30px; text-indent: -3000px; background: url('/images/pro/ProCtrNav_both2.gif') no-repeat;}
#StudentsandGroups{width: 137px;}
#StudentsandGroups a {background-position: 0 -30px;}
#StudentsandGroups a:hover {background-position: 0 0;}
#Reports {width: 84px;}
#Reports a {background-position: -137px -30px;}
#Reports a:hover {background-position: -137px 0;}
#Resources {width: 114px;}
#Resources a {background-position: -221px -30px;}
#Resources a:hover {background-position: -221px 0;}
#Communication {width: 119px;}
#Communication a {background-position: -335px -30px;}
#Communication a:hover {background-position: -335px 0;}
#Transcripts {width: 97px;}
#Transcripts a {background-position: -454px -30px;}
#Transcripts a:hover {background-position: -454px 0;}
#Administration {width: 120px;}
#Administration a {background-position: -551px -30px;}
#Administration a:hover {background-position: -551px 0;}
#sitebottom {width: 836px; height: 37px; background: url('/images/pro/SolidBkgrdWht_bottom.gif'); clear: both;}
#sitebody {width: 836px; background: url('/images/pro/SolidBkgrdWht.gif') top left repeat-y; clear: both;}
#componentmain {padding: 5px 10px 10px 10px;}
#componentmain h2 {margin: 0;}
#proSectionHeader {width: 836px; height: 18px; background: url('/images/pro/SolidBkgrdWht_top.gif') top left no-repeat; position: relative;}
#proSectionHeader h1 {font-size: 20px; position: absolute; top: 30px; left: 100px;}
#proSectionHeader h2 {font-size: 14px; position: absolute; top: 20px; left: 90px;}

#userinfo {height: 64px; width: 280px; float: right; text-align: right; right: 0; top: 0; background: url('/images/Pro/user/userid_bkgrd.gif') no-repeat;}
#userlogout {display: block; width: 73px; height: 64px; background: url('/images/Pro/user/Avatar_Black.gif') no-repeat; float: right;}
#userlogout a.logoffButtonSmall {display: block; width:73px; height:64px; overflow: hidden; text-indent: -5000px; background: transparent; border-style:none; cursor:pointer; cursor:hand;}
form>#userinfo .logoffbuttonsmall {padding: 0px;}
#userinfo #userdisplay {margin: 5px 10px 0 0;}
#userinfo #userdisplay span.label {margin-right: 5px; font-weight: bold; font-style: italic;}
#userinfo #userresource {margin-right: 10px;}
#userinfo #userresource input.PulldownLink {font-size: 10px; width: 11px; height: 13px; background: url('/images/Pro/user/DropdownArrow.gif') top right no-repeat; text-indent: -5000px; border-style: none; cursor:pointer; cursor:hand;}
* html #userinfo #userresource input.PulldownLink {padding-top: 14px;}
*:first-child+html #userinfo #userresource input.PulldownLink {padding-top: 14px;}
#userinfo #userprofile {margin-right: 10px;}

table.dataGrid {margin: 10px auto; width: 94%; border-collapse: collapse;}
table.settingsDataGrid {width: 88%;}
.dataGrid th, .simpleForm th, td.tableheader, .innertable th, .settingsDataGrid th {color: #009; border: 1px solid #C1DCFE; border-top: 1px solid #aaccf6; font-weight: bold; height: 22px; padding: 4px 6px 0px 6px; background: url('/images/Pro/theaderback.gif') repeat-x bottom left; margin:0; white-space: nowrap;}
.noradio th {border-left: 1px solid #C1DCFE;}
.dataGrid th:hover, .simpleForm th:hover, td.tableheader:hover, .innertable th:hover { background: url('/images/Pro/theaderback_over.gif') repeat-x bottom left;}
th a {text-decoration: none; color: #009;}
.dataGrid tr {background: #fff; }
.dataGrid tr.dataGridOddRow, tr.dataGridOddRow, .dataGrid tr.oddRow, .settingsDataGrid tr.oddRow {border-bottom: 1px solid #C1DCFE; background-color: #ebf3fd;}
.dataGrid tr.oddRow td {font-size: 10px;}
.dataGrid td {padding: 6px 4px; border: 1px solid #C1DCFE; margin:0; border-collapse: collapse; margin: 0;}
.dataGrid td.dataGridCheckboxList {padding: 0;}
.dataGrid td.dataGridCheckboxList table {width: 100%; margin: 0; padding: 0;}
.dataGrid td.dataGridCheckboxList table td {padding: 0; margin: 0; border-collapse: collapse; border: none;}
.dataGrid td.dataGridElement li {margin-left: 7px; list-style-type: none; font-weight: bold;}

#portfolioView table.dataGrid {border: 1px solid #c1dcfe;}
#portfolioView .dataGrid th, #portfolioView .simpleForm th, #portfolioView td.tableheader, #portfolioView .innertable th, #portfolioView .settingsDataGrid th {color: #009; border: 1px solid #C1DCFE; border-top: 1px solid #aaccf6; font-weight: bold; height: 22px; padding: 4px 6px 0px 6px; background: #ebf3fd; margin:0; white-space: nowrap;}
#portfolioView .dataGrid th:hover, #portfolioView .simpleForm th:hover, #portfolioView td.tableheader:hover, #portfolioView .innertable th:hover { background: #ebf3fd;}
#portfolioView .dataGrid td {border: 1px solid #c1dcfe;}

.dataGrid thead {}
.dataGrid thead tr {background: transparent;}
.dataGrid tbody {}
.dataGridNeutralRow, .dataGridNeutralRow .body {background-color: #efefef; color:#009; font-weight: bold;}
td.dataGridOddRow, .dataGridOddRow .body {border-bottom: 1px solid #76ACF2; background-color: #C1DCFE;}
.selectfrom, .selectto {width: 285px;}
.selectfromholder, .selecttoholder {width: 290px;}
.dateselect {margin: 10px auto; width: 60%;}
.selecteddate {background-color: #009; color: #fff;}
.selecteddate a {color: #fff;}
.normalday {background-color: #ebf3fd;}
.instructiontext {padding: 5px;}
.instructiontext p {margin: 5px 0;}
.label-c {text-align: center;}
.horizSelect {width: 40%;}
.horizSelect select {width: 100%;}

table.simpleForm, table.innertable, table.simpleFormShort, #ProfileTable  {border: 1px solid #98C0F4; width: 98%; background: #EEF5FD; padding: 6px; margin: auto; cell-spacing: none; margin-top: 0;}
table.simpleFormShort {width: 90%;}
table.innertable {width: 100%; border-collapse: collapse; padding: 0; border: none;}
table.simpleForm td.questionLabel, td.questionLabel, td.questionlabel  {border-bottom: 1px solid #568CD1; background-color: #91BBF1; text-align: right; padding-right: 6px; color: #FFF; font-weight: bold;}
td.questionHint {color: #000000; font-size: 10px;}
table.simpleForm td.questionLabelLeft, td.questionLabelLeft, td.questionlabelLeft {text-align: left;}
td.questionLabelLeft {border-bottom: 1px solid #568CD1; background-color: #91BBF1; padding-right: 6px; color: #FFF; font-weight: bold;}
table.simpleForm td.questionAnswer, td.questionAnswer, td.questionanswer, td.questionHint {border-bottom: 1px solid #76ACF2; background-color: #C1DCFE; padding: 6px;}
table.simpleForm td.simpleFormHeader, table.simpleFormShort td.simpleFormHeader {font-size: 14px; font-weight: bold;}
table.simpleFormShort td.questionLabel {width: 50%;}

table.legend {width: 100%; font-size: 11px; font-weight: bold;}

/*buttons*/
.addButton, .removeButton {height: 22px; text-indent: -5000px;; border: 0; margin: 0 auto; cursor: pointer; cursor: hand;  display: block;}
.addButton {width: 58px; background: url('/images/Pro/buttons/add_button.gif') top left no-repeat;}
.removeButton { width: 71px; background: url('/images/Pro/buttons/remove_button.gif') top left no-repeat;}

div.XW_window {border: none; background: transparent;}
.XW_window div.formholder {text-align: center;}
/*.XW_window div.tlcorner {width: 10px; height: 45px; padding: 0; background: url('/images/Pro/lb/lb_liteblue-PNGs/blu-lightbox_hdrLeft.png') top left no-repeat; float: left;}
.XW_window div.trcorner {width: 10px; height: 45px; padding: 0; background: url('/images/Pro/lb/lb_liteblue-PNGs/blu-lightbox_hdrRight.png') top left no-repeat; float: right;}*/
.XW_window div.theader {height: 45px; background: url('/images/Pro/lb/lb_liteblue-PNGs/blu-lightbox_hdrCenter.png') top left repeat-x;/* margin-left: 10px; margin-right: 10px;*/}
.XW_window div.lbbody {background: #fff; padding: 10px; border-left: 3px solid #dfdfdf; border-right: 3px solid #dfdfdf;}
.XW_window div.botlcorner {width: 10px; height: 17px; padding: 0; background: url('/images/Pro/lb/lb_Grey-PNGs/lightbox_footerLeft.png') bottom left no-repeat; float: left;}
.XW_window div.botrcorner {width: 10px; height: 17px; padding: 0; background: url('/images/Pro/lb/lb_Grey-PNGs/lightbox_footerRight.png') bottom left no-repeat; float: right;}
.XW_window div.lbbottom {height: 17px; background: url('/images/Pro/lb/lb_Grey-PNGs/lightbox_footerCenter.png') bottom left repeat-x; margin-left: 10px; margin-right: 10px;}

div.theader h3 {color: #009; padding-top: 15px; padding-left: 10px; font-size: 14px;}

* html .XW_window div {}
* html .XW_window div.tlcorner {background: none;}
* html .XW_window div.trcorner {background: none;}
* html .XW_window div.lbtop {background: url('/images/Pro/lb/lb_liteblue-GIFs/blu-lightbox_hdrCenter.gif') top left repeat-x;}
* html .XW_window div.botlcorner {background: none;}
* html .XW_window div.botrcorner {background: none;}
* html .XW_window div.lbbottom {background: none;}
* html .XW_window div.lbfooter {background: #dfdfdf;}

/*login page styles*/
#logincontainer {width: 861px; margin: 0 auto;}
#logincontainer h1 {height: 40px; width: 386px; text-indent: -5000px; background: url('/images/pro/login/Nav_ProCtrLogo_woHome.gif') top left no-repeat; margin: 0; padding: 0;}
#logincontainer #loginhead {width: 836px; height: 18px; background: url('/images/pro/SolidBkgrdWht_top.gif') top left no-repeat;}
#logincontainer #loginbody {width: 836px; background: url('/images/pro/SolidBkgrdWht.gif') top left repeat-y;}
#logincontainer #loginfooter {width: 836px; height: 37px; background: url('/images/pro/SolidBkgrdWht_bottom.gif') top left no-repeat;}
#logincontainer #loginmain {width: 320px; height: 450px; float: left; background: url('/images/pro/login/Login-photo1.jpg') no-repeat; background-position: 0px 20px; margin-left: 7px; position: relative;}
#logincontainer #logininfo {margin-left: 327px;}
#logincontainer #loginbox {height: 115px; width: 230px; position: absolute; top: 270px; left: 90px; padding: 10px 0 0 7px;}
#logincontainer .loginvalidate {background: #ffffff; padding: 5px; border: 1px solid red; position: absolute; top: -150px; left: 0;}
#logincontainer #loginvalidate .header {color: Red; font-size: 14px; font-weight: bold; border-bottom: 1px solid red; margin: 0 0 5px 0;}
#logincontainer #loginaccount {margin-top: 400px; margin-left: 15px;}
#logincontainer #loginaccount h3 {font-size: 12px; font-weight: bold; margin: 0; padding: 0;}
#logincontainer #whatisheader {width: 498px; height: 49px; background: url('/images/pro/login/LogIn-WhatProCtr_header.gif') top left no-repeat; margin: 0; padding: 0;}
#logincontainer #whatisbody {width: 498px; background: url('/images/pro/login/LogIn-WhatProCtr_bkgrd.gif') top left repeat-y; margin: 0; padding: 0 0 20px 0;}
#logincontainer #whatisbody p.siteinfo {margin: 0; padding: 5px 5px 5px 15px;}
#logincontainer #whatisfooter {width: 498px; height: 13px; background: url('/images/pro/login/LogIn-WhatProCtr_footer.gif') top left no-repeat; margin: 0; padding: 0;}
#logincontainer #whatissections {margin: 0 25px 0 15px; background: #ffffff;}
#logincontainer #whatissections h2 {font-size: 14px; margin: 0; padding: 0;}
#logincontainer #whatissections p {margin: 0; height: 30px; padding: 5px 5px 5px 0;}
#logincontainer #whatissections div {margin: 0;}
#logincontainer #whatissections .sectionicon {width: 80px; height: 60px; float: left; margin: 0; padding: 0;}
#logincontainer #whatissections .divider {width: 241px; height: 13px; clear: right; margin: 0; padding: 0;}
#logincontainer #studentsection .sectionicon {background: url('/images/pro/login/LogIn-WhatProCtr_Studicon.gif') top left no-repeat;}
#logincontainer #studentsection h2 {color: #007090;}
#logincontainer #studentsection .divider {background: url('/images/pro/login/LogIn-WhatProCtr_DividerTeal.gif') top left no-repeat;}
#logincontainer #reportsection .sectionicon {background: url('/images/pro/login/LogIn-WhatProCtr_Reporticon.gif') top left no-repeat;}
#logincontainer #reportsection h2 {color: #ed6d14;}
#logincontainer #reportsection .divider {background: url('/images/pro/login/LogIn-WhatProCtr_DividerOrange.gif') top left no-repeat;}
#logincontainer #toolssection .sectionicon {background: url('/images/pro/login/LogIn-WhatProCtr_Teachicon.gif') top left no-repeat;}
#logincontainer #toolssection h2 {color: #4a53d6;}
#logincontainer #toolssection .divider {background: url('/images/pro/login/LogIn-WhatProCtr_DividerPurple.gif') top left no-repeat;}
#logincontainer #communicationsection .sectionicon {background: url('/images/pro/login/LogIn-WhatProCtr_Commicon.gif') top left no-repeat;}
#logincontainer #communicationsection h2 {color: #00756f;}
#logincontainer #communicationsection .divider {background: url('/images/pro/login/LogIn-WhatProCtr_DividerGreen.gif') top left no-repeat;}
#logincontainer #transcriptssection .sectionicon {background: url('/images/pro/login/LogIn-WhatProCtr_Transicon.gif') top left no-repeat;}
#logincontainer #transcriptssection h2 {color: #178c34;}
.resourceselector, .resourceroleselector {position: absolute; top: -200px; left: 0px;}
.resourceroleselector {width: 810px; left: -85px; border: 1px solid black; background: #ffffff;}
.resourceselector {width: 400px; background: #ffffff; border: 1px solid black; left: 85px;}
.passchange {position: absolute; top: -100px; left: 0px; width: 400px; background: #ffffff; border: 1px solid black; left: 85px; padding: 10px;}
.loginSaveButton {font-weight: bold; color: #21a6b5; border: 1px solid #9de0e9; background: transparent;}
.loginNextButton {border: 1px solid #9de0e9;}
#logincontainer .logonButton, #logincontainer .resourceGoButton {background: #ffffff; border: 1px solid #9de0e9; color: #21a6b5; font-weight: bold; font-size: 10px;}

.tabbedfeature {position:relative; background:transparent url(/Images/Pro/tabbed-feature/profile_bckg_mid.png) 0 10px repeat-y; _background:transparent url(/Images/Pro/tabbed-feature/profile_bckg_mid.gif) 0 0 repeat-y;}
.tftop {height:19px; background:transparent url(/Images/Pro/tabbed-feature/profile_bckg_top.png) 0 0 no-repeat; _background:transparent url(/Images/Pro/tabbed-feature/profile_bckg_top.gif) 0 0 no-repeat; font:1px sans-serif;}
.tftop2 {height: 19px;background-color: transparent;background: url(/Images/Pro/tabbed-feature/profile_bckg_top.png) bottom right no-repeat;font-size: 1px;}
.tfcontrols {width:200px; float:left; _float:none; padding-bottom:150px; _height:1200px; background:transparent url(/Images/Pro/tabbed-feature/profile_bckg_mid.png) 0 0 repeat-y; _background:transparent url(/Images/Pro/tabbed-feature/profile_bckg_mid.gif) 0 0 repeat-y;}
.tfmain {width:600px; float:left; _float:none; margin-top:-12px; _margin-top:0; padding:0 0 0 0; _position:absolute; _top:12px;	_left:200px; background:#fff;}
.tfbottom {clear:both; height:22px;	background:#ffffff url(/Images/Pro/tabbed-feature/profile_bckg_btm.png) 0 0 no-repeat;	_background:transparent url(/Images/Pro/tabbed-feature/profile_bckg_btm.gif) 0 0 no-repeat;	font:1px sans-serif;}

/* Tabs */
.tfnavtabs ul,.tfnavtabs ol {list-style:none; margin:0; padding:0 0 0 14px;}
.tfnavtabs li {margin:0; padding:0; width:181px; height:43px; font:14px arial,helvetica,sans-serif; background:transparent url(/Images/Pro/tabbed-feature/finger_tab_off.png) 0 0 no-repeat; _background:transparent url(/Images/Pro/tabbed-feature/finger_tab_off.gif) 0 0 no-repeat;}
.tfnavtabs li.menuItemActive {background:transparent url(/Images/Pro/tabbed-feature/finger_tab_on.png) 0 0 no-repeat; _background:transparent url(/Images/Pro/tabbed-feature/finger_tab_on.gif) 0 0 no-repeat;}
.tfnavtabs li.menuItemSelected {background:transparent url(/Images/Pro/tabbed-feature/finger_tab_off.png) 0 0 no-repeat; _background:transparent url(/Images/Pro/tabbed-feature/finger_tab_off.gif) 0 0 no-repeat;}
.tfnavtabs li.menuItemDisabled {background:transparent url(/Images/Pro/tabbed-feature/finger_tab_disabled.png) 0 0 no-repeat; _background:transparent url(/Images/Pro/tabbed-feature/finger_tab_disabled.gif) 0 0 no-repeat; color:#29B2C6; padding:5px 10px 0 29px; height:38px; width:142px;}
.tfnavtabs li.menuItemDisabled a,.tfnavtabs li.menuItemDisabled a:hover {padding:0;margin:0;background:none;color:#91bbf1;}
.tfnavtabs li.hidden {display:none;}
.tfnavtabs li a {display:block; text-decoration:none; padding:5px 10px 0 29px; height:41px; background:transparent url(/Images/Pro/blue_arw.png) 10px 8px no-repeat_background:transparent url(/Images/Pro/blue_arw.gif) 10px 8px no-repeat;}
.tfnavtabs li.menuItemActive a,.tfnavtabs li.menuItemActive a:disabled {color:#000000; background:transparent url(/Images/Pro/on-arw.png) 10px 8px no-repeat; _background:transparent url(/Images/Pro/on-arw.gif) 10px 8px no-repeat;}

/* Action Buttons */

.actionbuttonlist {clear:both;list-style:none;margin:0;padding:0;position:relative;height:25px;}
.actionbuttonlist li {margin:0;padding:0;float:left;top:0;position:relative;top:0;left:0;}
.actionbuttonlist li.or {width:30px;text-align:center;font:bold 12px arial,helvetica,sans-serif;padding-top:10px;text-transform:lowercase;}
.actionbutton a {display:block; width:100px; height:22px; background:transparent url(/Images/Pro/buttons/blank_mid_button.gif) 0 0 no-repeat; _background:transparent url(/Images/Pro/buttons/blank_mid_button.gif) 0 0 no-repeat; font:bold 11px verdana,geneva,arial,helevetica,sans-serif; color:#14404c; text-decoration:none; text-align:center; padding-top:4px;}
#actionbuttonon a,.actionbutton a:hover,.actionbutton a:focus,#main a.actionbuttonOn {background:transparent url(/Images/Pro/buttons/blank_mid_button.gif) 0 0 no-repeat; _background:transparent url(/Images/Pro/buttons/blank_mid_button.gif) 0 0 no-repeat; color:#218E9C;}
.actionbuttonwide a {display:block; width:150px; height:22px; background:transparent url(/Images/Pro/buttons/blank_wide_button.gif) 0 0 no-repeat; _background:transparent url(/Images/Pro/buttons/blank_wide_button.gif) 0 0 no-repeat; font:bold 11px verdana,geneva,arial,helevetica,sans-serif; color:#14404c; text-decoration:none; text-align:center; padding-top:4px;}
#actionbuttononwide a,.actionbuttonwide a:hover,.actionbuttonwide a:focus,#main a.actionbuttonOnwide {background:transparent url(/Images/Pro/buttons/blank_wide_button.gif) 0 0 no-repeat; background:transparent url(/Images/Pro/buttons/blank_wide_button.gif) 0 0 no-repeat; color:#218E9C;}
.actionbuttonnarrow a {display:block; width:50px; height:22px; background:transparent url(/Images/Pro/buttons/blank_small_button.gif) 0 0 no-repeat; _background:transparent url(/Images/Pro/buttons/blank_small_button.gif) 0 0 no-repeat; font:bold 11px verdana,geneva,arial,helevetica,sans-serif; color:#14404c; text-decoration:none; text-align:center; padding-top:4px;}
#actionbuttononnarrow a,.actionbuttonnarrow a:hover,.actionbuttonnarrow a:focus,#main a.actionbuttonOnnarrow { background:transparent url(/Images/Pro/buttons/blank_small_button.gif) 0 0 no-repeat; _background:transparent url(/Images/Pro/buttons/blank_small_button.gif) 0 0 no-repeat; color:#218E9C;}
.actionbuttonverywide a {display:block; width:200px; height:22px; background:transparent url(/Images/Pro/buttons/blank_verywide_button.gif) 0 0 no-repeat; _background:transparent url(/Images/Pro/buttons/blank_verywide_button.gif) 0 0 no-repeat; font:bold 11px verdana,geneva,arial,helevetica,sans-serif; color:#14404c; text-decoration:none; text-align:center; padding-top:4px;}
#actionbuttonverywide a,.actionbuttonverywide a:hover,.actionbuttonverywide a:focus,#main a.actionbuttonOnverywide {background:transparent url(/Images/Pro/buttons/blank_verywide_button.gif) 0 0 no-repeat; background:transparent url(/Images/Pro/buttons/blank_verywide_button.gif) 0 0 no-repeat; color:#218E9C;}
.actionlink a {text-decoration:none; background:transparent url(/Images/Pro/buttons/blue_arw.png) 0 4px no-repeat; _background:transparent url(/Images/Pro/buttons/blue_arw.gif) 0 4px no-repeat; padding:2px 0 4px 16px; font-size:11px; font-family:arial,helvetica,sans-serif; color:#14404c;}
.actionlink a:hover {color:#218E9C;}
.inlineactionbutton a {display:block; float: left; width:50px; height:22px; background:transparent url(/Images/Pro/buttons/blank_small_button.gif) 0 0 no-repeat; _background:transparent url(/Images/Pro/buttons/blank_small_button.gif) 0 0 no-repeat; font:bold 11px verdana,geneva,arial,helevetica,sans-serif; color:#14404c; text-decoration:none; text-align:center; padding-top:4px; margin-left: 5px;}
.inlineactionbutton a:hover { background:transparent url(/Images/Pro/buttons/blank_small_button.gif) 0 0 no-repeat; _background:transparent url(/Images/Pro/buttons/blank_small_button.gif) 0 0 no-repeat; color:#218E9C;}
.inlineactionbutton input {float: left;}
.actionlinkbig a {font-weight: bold; text-decoration:none; margin-left: 10px; background:transparent url(/Images/Pro/buttons/blue_arw.png) 0 5px no-repeat; _background:transparent url(/Images/Pro/buttons/blue_arw.gif) 0 5px no-repeat; padding:2px 0 4px 16px; font-size:16px; font-family:arial,helvetica,sans-serif; color:#14404c;}
.actionlinkbig a:hover {color:#218E9C;}


/*pagination*/
.listPageSelector {margin: auto;}
.listPageSelector .pageLinksPrev, .listPageSelector .pageLinksNext, .listPageSelector .pageLinksFirst, .listPageSelector .pageLinksLast {width: 33px;}
.listPageSelector .pageLinksNext a {display: block; width: 32px; height: 22px; background: url('/images/Pro/buttons/nextPage_button.gif') top left no-repeat; text-indent: -5000px;}
.listPageSelector .pageLinksPrev a {display: block; width: 32px; height: 22px; background: url('/images/Pro/buttons/prevPage_button.gif') top left no-repeat; text-indent: -5000px;}
.listPageSelector .pageLinksLast a {display: block; width: 32px; height: 22px; background: url('/images/Pro/buttons/lastPage_button.gif') top left no-repeat; text-indent: -5000px;}
.listPageSelector .pageLinksFirst a {display: block; width: 32px; height: 22px; background: url('/images/Pro/buttons/firstPage_button.gif') top left no-repeat; text-indent: -5000px;}
.listPageSelector .pageLinks, .listPageSelector .pageLinksSelected {width: 22px; text-align: center; background: url('/images/Pro/buttons/pageBackground_button.gif') center center no-repeat;}
.listPageSelector .pageLinks a {text-decoration: none; display: block; color: #999;}
.listPageSelector .pageLinksSelected {font-weight: bold;}
.listPageSelector .pageLinksSelected a {color: #0000ab; font-weight: bold;}


/* Your Portfolio Styles */
#main {padding-bottom:0;}
.dualbox {width:500px;}
.dualbox td {padding:0;margin:0;}
.dualboxleft, .dualboxright {width:235px;}
#main .dualboxleft .sectionbody {padding-right:0;margin-right:0;}
#main .dualboxright .sectionbody {padding-left:0;margin-left:0;}
.orImage {font:1px sans-serif; text-indent:-2000px; width:30px; height:29px; background:transparent url('/images/Pro/or.png') 1px 0 no-repeat; _background:transparent url('/images/transitions/or.gif') 1px 0 no-repeat;}
#main .dualbox .sectionlink {margin-left:30px;}
#main .dualbox .sectionlink a {font-weight:bold;}
.indent20 {display:block;padding-left:20px;}
.indent200 {display:block;padding-left:200px;}

.portfolioIndexList {list-style:none;margin:0;padding:0 0 8px 0;}
.portfolioIndexList li {background:transparent url(/images/Pro/brwn_dot.gif) 15px 4px no-repeat; color:#666; padding:0 0 3px 25px; font:10px arial,helvetica,sans-serif;}
.portfolioSectionBody {padding:0 20px 0 35px;}
.portfolioChangeInfo {font:10px arial,helvetica,sans-serif;color:#999;} 
.portfolioChangeInfo a {text-decoration:underline;color:#21969C;font-size:10px;}
.portfolioSubheader {margin:0;padding:0;font: bold 11px helvetica, arial, sans-serif; color:#18869C; text-decoration: none; margin: 0;}
.portfolioSectionBody .simpleForm,.portfolioSectionBody .portfolioEditPanel {width:100%;}
.portfolioSectionBody .simpleForm td {padding:2px;}
.portfolioEditPanel td {padding:5px;}
.portfolioEditPanel .field input,.portfolioEditPanel select {border:1px solid #21AEBD;background-color:#fff;color:#666;padding:2px;font-size:11px;}
.portfolioEditPanel .field textarea {border:1px solid #21AEBD;background-color:#fff;color:#666;padding:2px;font:11px arial,helvetica,sans-serif;width:350px;}
#portfolioJournal .portfolioEditPanel .field textarea {width:450px;height:100px;}
.simpleForm .hint {color:#FF4110;}
#main .portfolioEditPanel .hint,#main .simpleForm .portfolioEditPanel .hint {color:#999;font-size:11px;}
.portfolioSectionBody tr.portfolioDivider td,.portfolioSectionBody tr.portfolioDivider td tr.portfolioDivider td {border-bottom:1px dotted #84E3F7;}
.portfolioSectionBody tr.portfolioDivider td td {border:0;}

#main .editLink a,.portfolioSectionBody .inputButton,.rightsection .inputButton,.portfolioSectionBody .inputButtonWide {padding:3px 5px;text-align:center;width:50px;text-decoration:none;border:1px solid #18869C;background-color:#21A6B5;padding:0;font:bold 10px verdana,geneva,sans-serif;color:#fff;border-top-color:#ccc;border-left-color:#999;}
.portfolioSectionBody .inputButtonWide {width:auto;}
#main .editLink a {display:block;}
#main .editLink a:hover,#main .editLink a:focus,.portfolioSectionBody .inputButton:hover,.portfolioSectionBody .inputButton:focus,.portfolioSectionBody .inputButtonWide:hover,.portfolioSectionBody .inputButtonWide:focus,.rightsection .inputButton:focus,.rightsection .inputButton:hover {background-color:#fff;color:#21A6B5;cursor:pointer;}
.portfolioDisplayData {color:#666; font-size:10px; font-family:arial,helvetica,sans-serif;}
.portfolioDisplayData strong {font-weight:bold;font-size:11px;}
#main .portfolioDate {display:block;font:10px arial,helvetica,sans-serif;color:#999;padding:0 10px;}
.advisorComments {border:1px solid #29B2BD;padding:10px;background:#EFF7FF;margin-right:10px;}
.portfolioEditPanel {background:#EFF7FF;}
#main .portfolioEditPanel .cancelButton {padding:3px 5px;text-align:center;width:50px;text-decoration:none;border:1px solid #18869C;background-color:#846D5A;padding:0;font:bold 10px verdana,geneva,sans-serif;color:#fff;border-top-color:#ccc;border-left-color:#999;}
#main .portfolioEditPanel .cancelButton:hover,#main .portfolioEditPanel .cancelButton:focus {background-color:#fff;color:#21A6B5;cursor:pointer;}
.portfolioHighlight {background:#D6F3FF;}
.advisorcommenttable {margin-bottom: 10px; margin-top: 5px; border: 1px dotted #ccc;}

#portfolioJournal input:disabled {display:none;}
.previousButton {font-weight:bold;color:#21A6B5;border:0;background:transparent url(/images/Pro/prev_small.gif) 0 6px no-repeat;padding-left:11px;text-transform:lowercase;}
.nextButton {font-weight:bold;color:#21A6B5;border:0;background:transparent url(/images/Pro/next_small.gif) right 6px no-repeat;padding-right:11px;text-transform:lowercase;}
.lastButton {font-weight:bold;color:#21A6B5;border:0;background:transparent url(/images/Pro/last_small.gif) right 6px no-repeat;padding-right:17px;text-transform:lowercase;}
.firstButton {font-weight:bold;color:#21A6B5;border:0;background:transparent url(/images/Pro/first_small.gif) 0 6px no-repeat;padding-left:17px;text-transform:lowercase;}
.previousButton:focus, #main .previousButton:hover, #main .nextButton:focus, #main .nextButton:hover, #main .lastButton:focus,  #main .lastButton:hover, #main .firstButton:focus, #main .firstButton:hover {background-color:#fff;color:#FF3800;cursor:pointer;}
.clusterdescription {padding:0 20px 20px 65px;margin:5px 0;}
.clusterdescription a {font:bold 14px arial,helvetica,sans-serif;}
#workplaceSkills table {width:100%;}
.portfolioRadioList {width:100%;}
.portfolioRadioList td {width:33%;padding:4px 0;margin:0;border-bottom:1px solid #ccc;color:#333;}
#main input:disabled {display:none;}
.portfolioSectionBody .instructions {margin:0;font-weight:bold;color:#806f5c;}
.outcomeLink {background:#fff;font:10px arial,helvetica,sans-serif;	}

#portfolioview table.simpleForm, #portfolioview table.innertable, #portfolioview table.simpleFormShort, .portfolioSectionBody table.simpleForm, .portfolioSectionBody table.innertable, .portfolioSectionBody table.simpleFormShort {border: none; background: none; padding: 0; margin: 0;}
.boxtopwide {background: url('/images/Pro/displaybox/800displaybox_top-liteblu.gif') top center no-repeat; height: 4px; width: 800px; margin: 0 auto;}
.boxbottomwide {background: url('/images/Pro/displaybox/800displaybox_bottom-liteblu.gif') top center no-repeat; height: 4px; width: 800px; margin: 0 auto; margin-bottom: 10px;}
.sectionboxwide {width: 800px; padding: 0; background: url('/images/Pro/displaybox/800displaybox_bkgrd-liteblu.gif') top center repeat-y; margin: 0 auto; position: relative; z-index: 0; clear:both;}
.headerlink .headerfirst, .headerlink .header {color: #114977; font-size: 16px; font-weight: bold;}

.nextprevlinks {margin:auto auto;}
.nextlink a {text-decoration:none;background:transparent url(/Images/Pro/blue_arw.png) right 4px no-repeat;_background:transparent url(/Images/Pro/blue_arw.gif) right 4px no-repeat;padding:2px 16px 4px 16px;font:bold 12px arial,helvetica;}
.prevlink a {text-decoration:none; background:transparent url(/Images/Pro/left_blue_arw.png) 0 4px no-repeat; _background:transparent url(/Images/Pro/left_blue_arw.gif) 0 4px no-repeat; padding:2px 16px 4px 16px;font:bold 12px arial,helvetica;}
.goschoolLink {text-decoration: none; color: #ffffff; font-weight: bold;}
#hmpgsidebar a {text-decoration: none;}
.releaseNumber {display:none;}

p.hsprofilenav {text-align: center; width: 600px; margin: 0 auto; clear: both;}
p.hsprofilenav a {display:block; width:100px; height:22px; background:transparent url(/Images/Pro/buttons/blank_mid_button.gif) 0 0 no-repeat; _background:transparent url(/Images/Pro/buttons/blank_mid_button.gif) 0 0 no-repeat; font:bold 11px verdana,geneva,arial,helevetica,sans-serif; color:#14404c; text-decoration:none; text-align:center; padding-top:4px; float: left;}
p.hsprofilenav a {display:block; width:150px; height:22px; background:transparent url(/Images/Pro/buttons/blank_wide_button.gif) 0 0 no-repeat; _background:transparent url(/Images/Pro/buttons/blank_wide_button.gif) 0 0 no-repeat; font:bold 11px verdana,geneva,arial,helevetica,sans-serif; color:#14404c; text-decoration:none; text-align:center; padding-top:4px;}
p.hsprofilenav a:hover {background:transparent url(/Images/Pro/buttons/blank_wide_button.gif) 0 0 no-repeat; background:transparent url(/Images/Pro/buttons/blank_wide_button.gif) 0 0 no-repeat; color:#218E9C;}
#ProfileTable {margin-top: 20px;}
#displayArticle {padding: 10px 40px;}
.articleTitle {display: none;}
#articleBlurbClass {display: none;}
.hsprofilecontainer .actionButtons input, .hsprofilecontainer #actionButtons input {background: #ece9d8; border: 1px solid #000; font-family: Arial; font-size: 10pt; text-align: center; border-style: outset; text-indent: 0; margin: 0; display: inline; height: auto;}
a.detailsLink {display: block; text-indent: -3000px; height: 18px; width: 19px; background: transparent url(/images/pro/person_icon.gif) top left no-repeat; margin: 0 auto;}
a.pdfLink {display: block; float: left; height: 24px; width: 22px; background: url(/images/pdf.gif) top left no-repeat; text-indent: -3000px; margin-left: 5px; padding: 0;}

#possibleDuplicatesList li {width: 300px;}
#possibleDuplicatesList li a {float: right; margin-right: 10px;}

span.star0 {
background:#000 url(/images/pro/stars/0stars.gif) top center no-repeat;
display:block;
height:20px;
text-indent:-3000px;
width:102px;
}

span.star1 {
background:#000 url(/images/pro/stars/1star.gif) top center no-repeat;
display:block;
height:20px;
text-indent:-3000px;
width:102px;
}

span.star2 {
background:#000 url(/images/pro/stars/2stars.gif) top center no-repeat;
display:block;
height:20px;
text-indent:-3000px;
width:102px;
}

span.star3 {
background:#000 url(/images/pro/stars/3stars.gif) top center no-repeat;
display:block;
height:20px;
text-indent:-3000px;
width:102px;
}

span.star4 {
background:#000 url(/images/pro/stars/4stars.gif) top center no-repeat;
display:block;
height:20px;
text-indent:-3000px;
width:102px;
}

span.star5 {
background:#000 url(/images/pro/stars/5stars.gif) top center no-repeat;
display:block;
height:20px;
text-indent:-3000px;
width:102px;
}

.errorMessage {
color: red;
}

/* end main */




#homelink {
	height: 64px;
	width: 386px;
	background: transparent url(/images/pro/branded/ia/IOWA_ProCtrLogo.gif) top left no-repeat;
}
#hmpgheader {width: 552px; height: 87px; background: url('/images/pro/hmpg/Hmpg_header_box.gif') top left no-repeat; margin: 0;}
#hmpgheader p {margin: 0;}
#hmpgstudents {width: 552px; height: 110px; background: url('/images/pro/hmpg/StudentsGrps_box.gif') top left no-repeat;}
#hmpgreports {width: 552px; height: 110px; background: url('/images/pro/hmpg/Reports_box.gif') top left no-repeat;}
#hmpgtools {width: 552px; height: 110px; background: url('/images/pro/hmpg/TeachingTools_box.gif') top left no-repeat;}
#hmpgcomm {width: 552px; height: 110px; background: url('/images/pro/hmpg/Commun_box.gif') top left no-repeat;}
#hmpgtrans {width: 552px; height: 110px; background: url('/images/pro/hmpg/Transcripts_box.gif') top left no-repeat;}
#hmpgadmin {width: 552px; height: 110px; background: url('/images/pro/hmpg/Admin_box.gif') top left no-repeat;}
#proSectionHeader {background-image: url('/images/pro/SolidBkgrdMargin_top.gif');}
#sitebottom {background-image: url('/images/pro/SolidBkgrdMargin_bottom.gif');}
#sitebody  {background-image: url('/images/pro/SolidBkgrdMargin.gif');}
#componentmain {position: relative;}
#hmpgsections {width: 550px;}
#hmpgsidebar {width: 255px; height: 300px; margin-left: 10px; position: absolute; top: 0; left: 565px; _left: 555px;}
.hmpgcontent {width: 477px; height: 110px; margin-left: 75px; _margin-left: 85px; position: relative;}
.hmpgcontent p {width: 430px; height: 40px; margin: 0 0 0 10px; padding 5px 0 0 10px;}
.hmpgcontent a {display: block; height: 25px; text-indent: -5000px; width: 100px; position: absolute; top: 70px; _top: 75px; left: 5px;}
#hmpgstudents .hmpgcontent a {width: 131px;}
#hmpgreports .hmpgcontent a {width: 102px;}
#hmpgtools .hmpgcontent a {width: 107px;}
#hmpgtrans .hmpgcontent a {width: 103px;}
#hmpgcomm .hmpgcontent a {width: 110px;}
#hmpgadmin .hmpgcontent a {width: 105px;}
.hmpgcontent h3 {font-size: 16px; font-weight: bold; margin: 0; padding: 20px 0 0 10px;}

/* END HOMEPAGE */
#logincontainer h1 {
	height: 64px;
	width: 386px;
	background: transparent url(/images/pro/branded/ia/IOWA_ProCtrLogo.gif) top left no-repeat;
}