html, body {
	margin: 0px;
	padding: 0px;
	font: 12px verdana, normal;
	line-height: 16px;
	vertical-align: middle;
	background-color: #9c633d;
}

.requiresJS, .irequiresJS {
	display: none;
}

.hasJS .requiresJS {
	display: block;
}

.hasJS .irequiresJS {
	display: inline;
}

.hasJS .noscript {
	display: none;
}

a img {
	border: none;
}

body {
	background-image: url("/images/backgroundLeft.jpg");
	background-repeat: repeat-y;
	background-position: top left;
}

#pageBGRight {
	background-image: url("/images/backgroundRight.jpg");
	background-repeat: repeat-y;
	background-position: top right;
}

#pageBGTR {
	background-image: url("/images/backgroundTopRight.jpg");
	background-position: top right;
	background-repeat: no-repeat;
}

#pageBGTL {
	background-image: url("/images/backgroundTopLeft.jpg");
	background-position: top left;
	background-repeat: no-repeat;
}

#pageBGBR {
	background-image: url("/images/backgroundBottomRight.jpg");
	background-position: bottom right;
	background-repeat: no-repeat;
}

#pageBGBL {
	background-image: url("/images/backgroundBottomLeft.jpg");
	background-position: bottom left;
	background-repeat: no-repeat;
}


#pageBodyWrapper {
	clear: both;
	position: relative;
	top: 0px; left: 0px;
	margin: 0px 0px;
	background: #ededed url("/images/navBackground.gif") repeat-y;
}

#pageFooterArea {
	margin: 20px 20px;
	text-align: center;
}

#pageFooterArea p {
	margin: 0px;
}

.shim {
	clear: both;
	position: relative;
	border: 1px solid transparent;
	visibility: hidden;
}

.borderShim {
	border: none;
	visibility: visible;
	height: 1px;
	background: url("/images/dottedbg.gif");
	overflow: hidden;
}


#pageHeaderArea {
	padding-top: 10px;
	height: 100px;
}

#schoolLogoArea, #studentPhotoArea, #studentInformationArea {
	float: left;
	height: 100px;
	background-image: url("/images/dottedbg_vert.gif");
	background-position: top right;
	background-repeat: repeat-y;
}

#schoolLogoArea {
	width: 150px;
	text-align: center;
	line-height: 100px;
	vertical-align: middle;
}

#schoolLogoArea img {
	vertical-align: middle;
}

#studentPhotoArea {
	width: 20%;
	position: relative;
}

#studentPhotoArea img {
	height: 100px;
	z-index: 5;
	margin-left: 2em;
}

#studentPhotoArea .SPFPhotoActions {
	position: absolute;
	text-align: right;
	top: 0px;
	right: 0px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	margin-right: 5px;
	z-index: 10;
}

#studentInformationArea {
	background: none;
	width: 65%;
	float: left;
}

#studentInformationArea p {
	margin: 0px; 
	padding: 0px;
}

#pageNavigationArea {
	width: 150px;
	float: left;
	overflow: hidden;
}

#pageContentArea {
	margin-left: 150px;
	background: white;
	min-height: 600px;
}

#pageContentArea .floatFix {
	padding: 5px;
}

.floatFix .floatFix {
	padding: 0px;
	display: inline-block;
	width: 100%;
}

#popupPageContentArea {
	padding: 25px 5px;
	margin: 10px;
}

#insetDiv {
	margin: 0px 10px;
}

#pageNavigationArea a {
	color: blue; 
	text-decoration: none;
}

#pageNavigationArea a:visited {
	color: purple; 
	text-decoration: none;
}

#pageNavigationArea a:hover {
	color: green; 
	text-decoration: underline;
}

#pageNavigationArea a:active {
	color: red; 
	text-decoration: underline;
}

span.inactive {
	text-decoration: line-through;
}

.exceptionDetails {
	background-color: black;
	color: white;
	margin: 0px auto;
	width: 80%;
	border: 2px groove gray;
	padding: 5px 10px;
	overflow: auto;
	height: 500px;
}

fieldset.borderless {
	border: 0px;
	padding-left: 2em;
}

/*fieldset.borderless fieldset {
	padding-left: 1em;
}
*/

fieldset.titleless legend {
	display: none;
}

fieldset.borderless legend {
	font-weight: bold;
	font-size: larger;
	margin: 0px;
	padding: 0px;
	margin-left: -1em;
}


fieldset.borderless fieldset legend {
	font-weight: bold;
	font-size: 95%;
	margin: 0px 5px;
	padding: 0px 10px;
}

fieldset.topBorderOnly {
	border-left: none;
	border-right: none;
	border-bottom: none;
}

table.borderless {
    border-collapse: collapse;
    border: 0px;
}

table.borderless tbody tr td {
    text-align: left;
    border: 0px;
}

/*
table.borderless tbody tr td.tanbg {
    border-bottom: 1px solid #fff;
}
*/

.FormELERow {
	margin: 0px auto;
}

.FormNVRow, .FormCHKRow {
	clear: both;
	display: block;
	width: 100%;
	margin: 5px 0px;
}


.FormNVRow label {
	float: left;
	text-align: right;
	width: 20%;
	display: block;
}

.FormCHKRow {
	padding-left: 20%;
	position: relative;
}

.FormCHKRow input {
	position: absolute;
	top: 0px;
	left: 0px;
	margin-left: 15%;
}

.FormCHKRow label {
	margin-left: 20px;
}

.FormNVRow label.smaller {
	width: 5em;
}

.FormNVRow label.larger {
	width: 15em;
}

.FormNVRow input, .FormNVRow select, .FormNVRow textarea, .FormNVRow .inputSub {
	float: left;
	margin-left: 20px;
}

.inputSub input, .inputSub select, .inputSub label, .inputSub textarea {
	display: inline;
	float: none;
	margin-left: 0px;
	width: auto;
	vertical-align: top;
}

input, select, textarea {
	vertical-align: middle;
}

.FormBTNRow {
	text-align: left;
	margin: 5px 0px;
}

.FormBTNRow input {
	margin: 0px 10px;
}

.FormBTNRow .firstButton, .FormBTNRow .first {
	margin-left: 20%;
}

.FormBTNRow.contentCentered .first {
	margin-left: 0px;
}

.contentCentered {
	text-align: center;
}

.blockCentered {
	margin-left: auto;
	margin-right: auto;
}

#pageNavigationArea li.expanded {
	font-weight: bold;
}

#pageNavigationArea li.notexpanded {
	font-weight: normal;
}


#pageNavigationArea ul {
	margin: 0em;
	margin-right: 1px;
	padding: 0px 5px;
	list-style-type: none;
	background: url('../images/navItemBg.gif');
}

#pageNavigationArea ul ul {
	margin: 0px 5px;
	background: transparent;
}

#pageNavigationArea li {
	white-space: nowrap;
	padding-top: 2px;
	line-height: 20px;
}

select, option {
	font-family: monospace;
	white-space: pre;
}

select[disabled] option[selected] {
	color: white;
}


.monospace {
	font-family: monospace;
}

p.tight {
	margin: 0px;
}

thead .subHeader {
	font-size: 70%;
	text-align: center;
}

.emptyTableNotice {
	text-align: center;
}


.notice, .errorMessage {
	font-size: 110%;
	color: red;
}

.rowUnsaved {
	background: #008F50;
}

.rowDeleted {
	background: #AF2020;
}

/*table {
	border-collapse: collapse;
	border-color: #ACABAB;
	border: 0px solid;
}*/

option.allPagesOption {
	font-style: italic;
	font-weight: bold;
}


/*
tfoot td[colspan] {
	text-align: center;
}
*/

optgroup {
	background: #ddd;
}

option {
	background: white;
}

tbody.yui-hidden {
	display: none;
}

.ajaxLoaderHidden {
	visibility: hidden;
}

.ajaxLoaderInline {
	display: inline;
	width: 1.25em;
	height: 1.25em;
	padding: 2px 5px;
}

.fakeLink {
	color: blue;
	text-decoration: underline;
	cursor: pointer;
}

.smallLink {
	font-size: 80%;
	display: inline-block;
	margin-bottom: 5px;
}

.clickable {
    cursor: pointer;
}

tr.mouseover {
	background: #000;
	color: #fff;
}

.ngl-removed {
	display: none;
}
.ngl-hidden { visibility: hidden; }

.app_yearinput {
	background: url('/images/yearinputbkg.gif') center white no-repeat;
	color: black;
}

.noclear {
	clear: none;
}


input[disabled], select[disabled], textarea[disabled] {
	color: black;
}


fieldset.ngl-collapsed {
	border: none;
	border-top: 1px solid black;
}

fieldset.ngl-collapsed > * {
	display: none;
}

fieldset.ngl-collapsed > legend {
	display: block;
}


fieldset.collapsable > legend {
	background: url('/images/collapse.gif') 2px 50% no-repeat;
	cursor: pointer;
	text-align: left;
	text-indent: 20px;
}

fieldset.ngl-collapsed > legend {
	background: url('/images/expand.gif') 2px 50% no-repeat;
}

.requiredField label, .requiredField .label {
	background: url('/images/requiredField.gif') no-repeat left top;
	text-indent: 13px;
}

.requiredField .inputSub label, .requiredField .inputSub .label {
	background: none;
	text-indent: 0px;
}

.FormNVRow.requiredField > label, .FormNVRow.requiredField > .label {
	background: none;
}

.FormNVRow.requiredField > label:before, .FormNVRow.requiredField > .label:before {
	content: '*';
	color: red;
}

table {
	border-spacing: 0px;
	border-collapse: collapse;
}

th, td {
	vertical-align: top;
	text-align: left;
}

table.brownBackground {
	border: 1px solid #8B4513;
	background-color: #FFE4B5;
}

table.withBorder {
	border: 2px outset black;
}

tbody th {
	border: none;
	background-color: transparent;
	text-align: right;
	color: black;
}

.thead-th, thead th {
	border: 1px solid white;
	background-color: #9C633D;
	border-color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	color:#FFFFFF;
	font-family: Geneva, Verdana, san-serif;
	text-align: center;
	padding: 0px 5px 0px 5px; 
}

.thead-th { padding: 0px; }

tbody thead th {
	text-align: center;
}

table.whiteBorder td, table.whiteBorder th {
	border: 1px solid white;
	padding: 0px 5px 0px 5px;
}

th.subheader {
	background-color: #bdbdbd;
	color: black;
}

.nowrap {
	white-space: nowrap;
}

.pre-nowrap {
	white-space: pre;
	overflow: auto;
	word-wrap: normal;	
}

.FormNVRow.evenSplit label {
	width: 45%;
}

table.gridStyle {
	border-collapse: separate;
	border-spacing: 2px;
	border: 1px solid black;
}

table.gridStyle th, table.gridStyle td {
	border: 1px solid black;
}

/*
table.whiteGridStyle {
	border-collapse: separate;
	border: 1px solid #fff;
}
*/

table.whiteGridStyle th, table.whiteGridStyle td {
	border: 1px solid #fff;
}

tr.tanbg td {
	background-color: #f5dac9;
}

td.tanbg {
    background-color: #f5dac9;
}

tr.whitebg td {
	background-color: #fff;
}

tr.greybg td {
	background-color: #dadada;
}

tr.greyeee td {
	background-color: #eee;
}

tr.greyddd td {
	background-color: #ddd;
}

tr.greyccc td {
	background-color: #ccc;
}

tr.boldtext td {
	font-weight: bold;
}

tr.italictext td {
	font-style: italic;
}

.alignright {
	text-align: right;
}

.aligncenter {
    text-align: center;
}

/* Clear calendar's float, using dialog inbuilt form element */
#container .bd form {
	clear: left;
}

/* Have calendar sqeeze up to bd bounding box */
#container .bd {
	padding: 0;
}

#container .hd {
	text-align: left;
}

/* Center buttons in the footer */
#container .ft .button-group {
	text-align: center;
}

/* Prevent border-collapse: collapse from bleeding through in IE6, IE7 */
#container_c.yui-overlay-hidden table {
	*display: none;
}

/* Remove calendar's border and set padding in ems instead of px */
#cal {
	border: none;
	padding; 1em;
}

#courseInfoContainer {
	border: 1px solid #000;
	background-color: #eee;
}

#courseInfoContainer .bd {
	padding: 5px;
}

#courseInfoContainer .hd {
	text-align: left;
}

#courseInfoContainer .ft .button-group {
	text-align: center;
}

.box {
	position: relative;
	/*height: 30em;*/
}


.FormHORIZRow {
	margin-left: 15%;
}

.FormHORIZRow .FormNVRow {
	float: left;
	clear: none;
	width: auto;
	margin: 0px 15px;
}

.FormHORIZRow .FormNVRow.first {
	margin-left: 0px;
}

.FormHORIZRow .FormNVRow label {
	display: block;
	width: auto;
	float: none;
	clear: none;
	text-align: left;
	margin: 0px;
	padding: 0px;
}

.FormHORIZRow .FormNVRow input, .FormHORIZRow .FormNVRow select, .FormHORIZRow .FormNVRow textarea, .FormHORIZRow .FormNVRow .inputSub {
	display: block;
	float: none;
	clear: none;
	margin: 0px;
	padding: 0px;
	margin-top: 5px;
}

.yui-skin-sam .yui-calendar .calheader {
	color: #000;
}

.yui-skin-sam .yui-calendar .calweekdayrow th {
	color: #fff;
}

.labels50 label { width: 50%; }
.labels40 label { width: 40%; }
.labels30 label { width: 30%; }
.labels20 label { width: 20%; }
.labels10 label { width: 10%; }

.areaMask {
	position: relative;
}

.areaMask.active {
	border: 2px groove black;
}

.maskOverlay, .maskContent {
	display: none;
}

.active .maskOverlay {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: black;
	cursor: pointer;

	text-align: center;
	opacity: .25;
	-moz-opacity: .25;
	filter: alpha(Opacity=25);
}

.active .maskContent {
	display: block;
	position: absolute;
	top: 20%;
	left: 20%;
	font-size: 200%;
	font-weight: bold;
	padding: 25px;
	cursor: pointer;

	opacity: .75;
	-moz-opacity: .75;
	filter: alpha(Opacity=75);
}

.draggableRow {
    color: blue;
    background-color: #ccc;
}


.timerBlock {
	background: white;
	color: black;
	border: 2px solid black;
	padding: 5px;
	height: 20px;
	overflow: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	cursor: pointer;
	z-index: 10000;
}

.timerBlock.show {
	height: auto;
	overflow: auto;
	cursor: text;
}

.timerBlock p, .timerBlock ul, .timerBlock ol {
	margin: 0px;
	padding: 0px;
}

.timerBlock ol, .timerBlock ul {
	list-style-type: none;
	padding: 5px 15px;
	font-weight: bold;
}

.timerBlock ul {
	margin-left: 10px;
	font-weight: normal;
}

table.sectioned tbody td, table.sectioned tbody th {
	background-color: #dfdfdf;
}

table.sectioned tr.bgwhite td, table.sectioned tr.bgwhite th {
	background-color: white;
}

table.sectioned tr.sectionHeaderRow th, table.sectioned tr.sectionHeaderRow td {
	background-color: #ababab;
	font-weight: bold;
	font-size: 120%;
	text-align: center;
}

table.sectioned tr.sectionHeader2Row th, table.sectioned tr.sectionHeader2Row td {
	background-color: #cfcfcf;
	font-weight: normal;
	font-size: 110%;
	text-align: center;
}

table.highlightRows tbody tr:hover td, table.highlightRows tr.highlightRow:hover {
	background-color: #cffccf;
}

table.highlightColumns .highlightColumn {
	background-color: #cffccf;
}

table tr.odd td {
	background-color: #efcdb2;
}

table tr.even td {
	background-color: #d0e6ef;
}

table .subgroup tr.odd td {
	background-color: #fff;
}

table .subgroup tr.even td {
	background-color: #ddd;
}

.dpBucketName {
	width: 100px; 
	height: 100px;
	overflow: hidden;
}

.dpBucketName div {
	position: relative;
	top: 15px;
	left: 0px;
	-webkit-transform: rotate(-75deg); 
	-moz-transform: rotate(-75deg);	
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

table.exploded {
	border-spacing: 2px;
	border-collapse: separate;
}

table.exploded thead th {
	border: none;
}

table.exploded td.empty, table.exploded th.empty {
	border: none;
}

table.exploded th, table.exploded td, table.exploded thead th {
	border: 1px solid black;
}


.selectableOptgroupLabel {
	background-color: #dedede;
}

table tr.hruled td {
	border-bottom: 1px solid black;
}

#divMenuIcons {
    position: absolute;
    width: 200px;
    height: 200px;
    border: 1px solid #777;
    background-color: #fff;
}

#divMenuIcons div.title {
    float: left;
    width: 180px;
    height: 18px;
    padding-top: 2px;
    background-color: #ccc;
    border-bottom: 1px solid #777;
    text-align: center;
    font-weight: bold;
}

#divMenuIcons div.close {
    float: left;
    width: 20px;
    height: 18px;
    padding-top: 2px;
    background-color: #ccc;
    border-bottom: 1px solid #777;
}

#divMenuIcons div.close img {
    padding: 0;
    margin: 0;
    border: 0;
}

#divMenuIcons div.iconList {
    clear: left;
    width: 198px;
    height: 172px;
    padding-top: 7px;
    padding-left: 2px;
    overflow: auto;
}

#divMenuIcons div.iconList div.icon {
    float: left;
    width: 16px;
    height: 16px;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
}

#divMenuIcons div.iconList div.icon:hover {
    background-color: #ddd;
}

.numeric {
	font-family: monospace;
}

.monitary {
	font-family: monospace;
	text-align: right;
	padding-left: 1em;
	padding-right: 1em;
}

input.monitary {
	padding: 0px;
}

.monitary .symbol {
	display: block;
	float: left;
}

.stackTrace {
	position: relative;
	overflow: auto;
	width: 750px;
	height: 450px;
	background: black;
	color: white;
}

table tbody tr.highlight_bad td {
	background-color: #F66;
}

table.showRowLines {
	border: 1px solid black;
	border-collapse: collapse;
}

table.showRowLines tr td {
	border: none;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}

table.showRowLines thead th {
	border-color: black;
}

table tr.regCourseDescRow.odd td {
	background-color: #efcdb2 !important;
}

table tr.regCourseDescRow.even td {
	background-color: #d0e6ef !important;
}

table tr.regCourseDescRow h3 {
	margin: 0px;
	margin-top: 20px;
}

table tr.regCourseDescRow.first h3 {
	margin: 0px;
	font-size: 110%;
}

table tr.regCourseDescRow h3 .regCourseCredits {
	font-size: 65%;
}

table tr.regCourseDescRow p {
	margin: 0px;
	margin-top: 5px;
	margin-bottom: 10px;
}

.popup-on-hover {
	position: relative;
}

.popup-on-hover:hover .popup {
	visibility: visible;
}

.popup {
	position: absolute;
	visibility:  hidden;
	top: 100%;
	left: 0%;
	background: white;
	padding: 10px;
	border: 2px outset black;
	z-index: 999;
}

.payment-detail-popup, .adjustments-detail-popup {
	width: 500px;
}

.popup-on-hover:hover .adjustments-detail-popup {
	left: -50%;
}


.innerhead {
	font-size: 200%;
	font-weight: bold;
	text-align: left;
	display: block;
}

.sessiontable {
	border: 1px solid black;
	background: #bbb;
	border-spacing: 1em;
	border-collapse: separate;
}

.back {
	font-weight: bold;
}

.tl, .tm, .tr, .ml, .mm, .mr, .bl, .bm, .br {
	background: #ccc;
}

.tl, .tm, .tr {
	border-top: 1px solid black;
}

.bl, .bm, .br {
	border-bottom: 1px solid black;
}

.tl, .ml, .bl {
	border-left: 1px solid black;
}


.tr, .mr, .br {
	border-right: 1px solid black;
}

.bighead {
	font-weight: bold;
	background: #999;
}

.pavoidbreak {
	white-space: nowrap;
}

tr.notcounted td {
	background-color: #BF8080;
}

.moduleSystemDefinition {
	width: 360px;
	margin: 10px;
	float: left;
}

.co-requisite {
	display: inline; 
	margin: 2px 5px;
	padding: 2px 5px;
	border: 1px solid black;
	background: yellow;
	color: black;
	font-size: 6pt;
}

.pre-requisite {
	display: inline;
	margin: 2px 5px;
	padding: 2px 5px;
	border: 1px solid black;
	background: red;
	color: black;
	font-size: 6pt;
}

#pageFooter .lastLogin {
	display: block;
	margin: 5px 10px;
	font-size: 80%;
}