input, select {
   font-size: 1.08em;
}

div.Note {
   margin-left: .60em;
   margin-right: .60em;
   margin-bottom: .60em;
   margin-top: .90em;
   position: relative;
}

div.Directions {
   margin-bottom: .60em;
   margin-top: .60em;
   position: relative;
}

div.Note_Head {
   color:#FF0000;
   font-weight:bold;
   background-color:#FFFFFF;
   margin-left:.30em;
   display:inline;
   position:absolute;
   top:-0.7em;
}

div.Note_Box {
   border: .085em solid #FF0000;
   padding: .30em;
}

ul.Directions {
   color:#000000;
   margin-top:0px;
   margin-bottom:0px;
   padding-top:0px;
   padding-bottom:0px;
}

ul.Notes {
   color:#FF0000;
   font-weight:bold;
   margin-top:0px;
   margin-bottom:0px;
   padding-top:0px;
   padding-bottom:0px;
}

ul.Notes li, ul.Directions li {
   margin: 0px 0px 0px 0px;
   padding: .16em 0px .16em 0px;
}

strong.highlight {
	color: red;
}

div.Success {
   margin-left: 0em;
   margin-right: 0em;
   margin-bottom: .60em;
   margin-top: .90em;
   position: relative;
}
div.Success_Head {
   color: green;
   font-weight:bold;
   background-color:#FFFFFF;
   margin-left:.30em;
   display:inline;
   position:absolute;
   top:-0.7em;
}

div.Success_Box {
   border: .085em solid green;
   padding: .30em;
   color: green;
}

div.Error {
   margin-left: 0em;
   margin-right: 0em;
   margin-bottom: .60em;
   margin-top: .90em;
   position: relative;
}
div.Error_Head {
   color:#FF0000;
   font-weight:bold;
   background-color:#FFFFFF;
   margin-left:.30em;
   display:inline;
   position:absolute;
   top:-0.7em;
}

div.Error_Box {
   border: .085em solid #FF0000;
   padding: .30em;
   color: red;
}

#Guidelines {
   margin: .60em;
}

#NavigationBack {
   position: relative; /* Damn IE hack */
   background-color: #DEE3EA;
	font-size: 1.08em;
	font-weight: bold;
	text-align: left;
	padding: .30em;
   margin: 0px 0 10px;
   border: .085em solid #333333;
}

#Entrance {
   border: .085em solid #333333;
   overflow: hidden;
   position: relative;
}

#EntranceWithPadding {
   border: .085em solid #333333;
   margin-bottom: .60em;
   overflow: hidden;
   position: relative;
}

table.guidelines {
   border: .085em solid #333333;
}

table.guidelines .firstCol, table.guidelines .secondCol {
   border-right: .085em solid #333333;
}

label, .FakeLabel {
   display: block;
   float: left;
   margin: 0;
   padding: 0;
   margin-top: .16em;
   margin-right: .30em;
   text-align: right;
   font-weight: bold;
}

input, select, .FakeInput {
   display: block;
   margin: 0;
   padding: 0;
   float: left;
   text-align: left;
}

.FakeInput {
   margin-top: .16em;
}

#Submit {
   float: right;
   text-align: center;
   margin-right: .5em;
}

#GetEmail {
   float: right;
   text-align: center;
}

#Reset {
   float: left;
   text-align: center;
   margin-left: .5em;
}

#Yes, #No {
   display: inline;
   float: none;
   text-align: center;
}

#SubmitAdd, #SubmitDelete, #SubmitCancel, #SubmitSave, #SubmitReset {
   text-align: center;
}

#SubmitSave {
   float: right;
}

#frmUserLoginForm, #frmAdminLoginForm {
   margin: auto;
   width: 25em;
}

#frmUserLoginForm label, #frmAdminLoginForm label {
   width: 10em;
}

#LoginContainer {
   padding: 1em;
   border: .085em solid #333333;  
   border-top-width: 0;
   border-bottom-width: .09em;
}

#LoginButtonArea {
   text-align: center;
}

#LoginButtonArea #Submit, #LoginButtonArea #Reset{
   display: inline;
   float: none;
}

#LoginButtonArea #Reset{
   margin-right: .60em;
}

#frmCourseEditForm, 
#frmClassEditForm, 
#frmFacultyInfoForm, 
#frmSelectDivisionForm, 
#frmFacultyUpdateReportForm, 
#frmSelectSubjectTermForm, 
#frmSectionUpdateReportForm, 
#frmSettingsForm {
	border: .085em solid black;
}

#frmClassEditForm label, #frmFacultyInfoForm label {
   width: 10em;
}

#frmClassEditForm .FakeLabel, #frmFacultyInfoForm .FakeLabel {
   width: 10em;
}

#frmCourseEditForm label, #frmCourseEditForm .FakeLabel {
   width: 14em;
}

#frmCourseEditForm input, #FullName, #Email, #Division, #Department, #Phone, #WebSite {
   width: 30em;
}

#frmCourseEditForm #Submit, #frmCourseEditForm #Reset {
	width: auto;
}

#frmSettingsForm label, #frmSettingsForm .FakeLabel {
   width: 14em;
}

#frmSettingsForm input {
   width: 30em;
}

#frmSettingsForm #Submit, #frmSettingsForm #Reset {
	width: auto;
}

#frmCourseAddForm label, #frmCourseAddForm .FakeLabel {
   width: 14em;
}

#frmCourseAddForm input {
   width: 10em;
}

#frmCourseAddForm #Submit, #frmCourseAddForm #Reset {
	width: auto;
}

#frmSelectDivisionForm label {
	margin-left: 1em;
}

#frmSelectDivisionForm #Submit, #frmSelectDivisionForm label, #frmSelectDivisionForm #Division {
	float: none;
	display: inline;
}

#frmSelectSubjectTermForm label {
	margin-left: 1em;
	width: 6em;
}

#frmSelectSubjectTermForm #Submit {
	float: left;
	margin-left: 1em;
}

#frmFacultyUpdateReportForm {
	margin-top: .5em;
}

#FacultyUpdateReportForm .body{
	margin: .5em;
}

#FacultyUpdateReportForm table {
	border: .085em solid black;
	width: 100%;
}

#frmSectionUpdateReportForm {
	margin-top: .5em;
}

#SectionUpdateReportForm .body{
	margin: .5em;
}

#SectionUpdateReportForm table {
	border: .085em solid black;
	width: 100%;
}

#Comments {
	width: 38em;
	height: 15em;
}

#CommentsContainer {
	width: 42em;
	height: 17em;
	margin-left: 10em;
}

#frmCourseEditForm #CommentsContainer {
	width: 42em;
	height: 17em;
	margin-left: 14em;
}

#CommentType {
	width: 42em;
}

#CommentType label {
	width: auto;
}

.CMSExplination {
   display: block;
   float: left;
   margin: 0;
   padding: 0;
   margin-top: .16em;
   margin-right: .30em;
   text-align: right;
   font-weight: bold;
   width: 20em;
}

#UseCCentral, #UseCCentralLabel, #ListEmail, #ListEmailLabel,
#OverrideEmail, #OverrideEmailLabel, #OverridePhone, #OverridePhoneLabel,
#OverrideWebSite, #OverrideWebSiteLabel, #OverrideCMS, #OverrideCMSLabel,
#OverrideComments, #OverrideCommentsLabel {
	display: inline;
	float: none;
}

#ListEmail {
	margin-left: .2em;
}

#UseCCentralLabel, #ListEmailLabel,
#OverrideEmailLabel, #OverridePhoneLabel,
#OverrideWebSiteLabel, #OverrideCMSLabel,
#OverrideCommentsLabel {
	width: auto;
	margin-left: .2em;
	margin-top: 0;
}

.FormRow {
   margin-top: .30em;
   margin-bottom: .30em;
   margin-right: 1px;
   border: 1px solid white;
}

#ClassList table {
	border: .085em solid #333333;
	width: 100%;
}

#AdminFacultyInfo{
   margin-top: .60em;
   border: .085em solid #333333;
   position: relative;
}

#AdminFacultyInfo label, #AdminFacultyInfo .FakeLabel {
   width: 13em;
}

#CloseOutStatusContainer label, #CloseOutStatusContainer .FakeLabel {
   display: inline;
   float: none;
   width: auto;
}

#CloseOutStatus {
   display: inline;
   float: none;
}

#CloseOutStatusContainer {
   padding-left: 13em;
}

#ProcessCloseOut #SubmitAccept {
   display: inline;
   float: none;
}

#ProcessCloseOut {
   border: .085em solid #333333;
   margin-bottom: .60em;
}

#StartOverride, #DeadlineOverride, #CloseOverride {
   width: 15em;
}

#OverrideReason {
   width: 35em;
}

#ActivityList {
   /*border: .085em solid #333333;
   border-bottom: 0px solid #333333;
   border-right: .10em solid #333333;
   border-right: 0;*/
   margin-top: .60em;
   margin-bottom: .60em;
}

#ActivityList table{
   border: .085em solid #333333;*/
   border-bottom: 0px solid #333333;
}

#Activity {
   margin-top: .60em;
   margin-bottom: .60em;
   border: .085em solid #333333;
   position: relative;
   zoom: 1;
}

#Activity label {
   width: 17em;
}

#Activity .FakeLabel {
   width: 17em;
}


#Description, #Location.FakeInput, #Dates.FakeInput, #Hours.FakeInput  {
   width: 40.8em;
}

#HowMeetsGuidelines {
   width: 22.5em;
}

#GuidelineSelectorArea {
   padding-left: 1em;
}

.InnerTopLeftFaculty #HoursRequired.FakeInput, .InnerTopRightFaculty #HoursRequired.FakeInput {
   width: 18.3em;
}

#Location {
   width: 22.5em;
}

#Dates {
   width: 22.5em;
}

#Hours {
   width: 3em;
}

#HoursContainer {
   float: left;
   width: 15em;
}

#HoursContainer label {
   width: 10em;
}

#HoursNote {
   position: absolute;
   top: 6.5em;
   left: 45.3em;
   width: 15em;
   color: red;
}

#CommitteeComment, .CommitteeComment {
   color: red;
   font-weight: bold;
}

#ActivityButtonArea #SubmitSave {
   margin-left: .60em;
   text-align: center;
}

#ActivityProcessArea {
   float: right;
}

#SubmitReject, #SubmitReturn, #SubmitAccept {
   margin-left: .60em;
   text-align: center;
}

#CommitteeComment, #FacultyComment {
   width: 40em;
}

#ApplicationSelect {
   margin-top: .60em;
   margin-bottom: .60em;
   border: .085em solid #333333;
   position:relative;
}

#ApplicationSelect label {
   width: 13em;
}

#ApplicationSelect #ApplicationSetID {
	width: 30em;
}

#ApplicationSelect #Submit {
   float: left;
   margin-left: .60em;
}

#Logout, #SystemMessage {
   border: .10em solid #333333;
}

#SystemMessage p {
   padding: 0 1em;
}

#Center {
   padding: 5em 15em;
}

#ListFaculty {
	margin-top: 1em;
}

#ListFaculty .FakeLabel {
   width: 8.5em;
}

#ListFaculty .FakeInput {
   text-align: left;
   width: 20em;
}

#ListCourses {
	margin-top: 1em;
}

#ListCourses .FakeLabel {
}

#ListCourses .FakeInput {
   text-align: left;
}

#UserInfo {
   border: .085em solid #333333;
   position: relative;
}

#UserInfo .FakeLabel, #UserInfo label {
   width: 8.5em;
}

#UserInfo #EMail {
   width: 20em;
}

#UserInfo #Division, #UserInfo #Department {
   width: auto;
}

#SearchFaculty .FakeLabel, #SearchFaculty .FakeInput, #SearchFaculty label, #SearchFaculty input, #SearchFaculty select{
   width: auto;
   display: inline;
   float: none;
}

#SearchFaculty {
   margin-left: .60em;
}

#NewApplicationSearch {
}

#NewApplicationSearch label {
   width: 8em;
}

#NewApplicationSearch #FirstName, #NewApplicationSearch #LastName {
   width: 49em;
}

#NewApplicationSearchArea #Submit, #NewApplicationSearchArea #Reset {
   display: inline;
   float: none;
   margin-left: 1.20em;
   position:relative;
}


#NewApplicationSearchArea {
   text-align: center;
}

#ApplicationSet label, #ApplicationSet .FakeLabel {
   width: 10em;
}

#StartDate, #DeadlineDate, #CloseDate {
   width: 15em;
}

#Name {
   width: 30em;
}

#CCMailList {
   width: 17em;
}

#Address {
   width: 16.8em;
}

#SubmitAdd {
   margin-left: 1em;
}

#SubmitDelete {
   margin-left: 1em;
}

#EmailTypes .FakeLabel{
   width: 31em;
}

#EmailTypes label{
   text-align: left;
}

#EmailTypes input {
   margin-left: 5em;
}



#AdminFacultyInfo img, #ApplicationSet img {
   margin: 0;
   padding: 0;
   border: 0;
}

#AdminFacultyInfo span, #ApplicationSet span {
   margin: .16em .30em 0 .30em;
   float: left;
}

#AdminFacultyInfo span.FakeLabel, #ApplicationSet span.FakeLabel {
   margin-left: 0;
}

#AdminFacultyInfo #HoursRequired {
   width: 3em;
}

#AdminFacultyInfo #HoursApprovedComment {
   width: 45em;
}

#SystemMessage p{
   text-align: left;
}

#Reports {
   border: .085em solid #333333;
}

.Report {
   border: .085em solid #333333;
	margin-top: .60em;
   position: relative;
}

.Report .ReportName {
	float: left;
	position: relative;
}

.Report .ReportLink {
	float: right;
	position: relative;
}

.SelectDepartment, .SelectDivision {
	padding: .30em;
}

.SelectDepartment #ApplicationSetID, .SelectDivision #ApplicationSetID {
	width: 37em;
}


.SelectDepartment #SelectDepartment, .SelectDivision #SelectDivision {
	width: 20em;
}

.SelectDepartment label, .SelectDivision label {
	width: 13em;
}

.SelectDivision .Inactive #Inactive {
	margin: 3px 5px;
}

.SelectDivision .Inactive label {
	width: 17em;
	text-align: left;
}

.SelectDivision #Submit {
	float: right;
	margin-right: 8.5em;
}

* html .SelectDivision #Submit {
	float: right;
	margin-right: 4.25em;
}

.SelectDepartment #Submit {
	float: left;
	margin-left: .60em;
}

.Status_Accepted  { color: #008000; font-weight: bold; }
.Status_Automatic { color: #008000; font-weight: bold; }
.Status_Rejected  { color: #ff0000; font-weight: bold; }
.Status_Returned  { color: #ff6600; font-weight: bold; }
.Status_Submitted { color: #008000; font-weight: bold; }
.Status_Saved     { color: #ff6600; font-weight: bold; }

.ObligationComplete    { color: #008000; font-weight: bold; }
.ObligationNotComplete { color: #ff0000; font-weight: bold; }

.HoursApproved    { color: #008000; font-weight: bold; }
.HoursNotApproved { color: #ff0000; font-weight: bold; }

h3 {
   margin: 0;
}

span.clear, span.mozclear {
	display:block;
}

.ieclearfix {
   border-bottom: 1px solid;
   border-bottom-color: white;
   margin-bottom: -1px;
}

.LeftFaculty {
   float:left;
   width:31.5em;
   position:relative;
}
.InnerLeftFaculty {
   border:1px solid #333333;
   position:relative;
   margin: 0 2px 4px 4px;
}
.InnerTopLeftFaculty {
   border:1px solid #333333;
   border-bottom: 0px solid #333333;
   position:relative;
   margin: 0 2px 0px 4px;
}
.InnerBottomLeftFaculty {
   border:1px solid #333333;
   border-top: 0px solid #333333;
   position:relative;
   margin: 0 2px 4px 4px;
   padding-top:4px;
}
.RightFaculty {
   float:right;
   width:31.5em;
   position:relative;
}
.InnerRightFaculty {
   border:1px solid #333333;
   position:relative;
   margin: 0 4px 4px 2px;
}
.InnerTopRightFaculty {
   border:1px solid #333333;
   border-bottom: 0px solid #333333;
   position:relative;
   margin: 0 4px 0 2px;
}
.InnerBottomRightFaculty {
   border:1px solid #333333;
   border-top: 0px solid #333333;
   position:relative;
   margin: 0 4px 4px 2px;
   padding-top:4px;
}

.LeftCourse {
   float:left;
   width:31.5em;
   position:relative;
}
.InnerLeftCourse {
   border:1px solid #333333;
   position:relative;
   margin: 0 2px 4px 4px;
}
.InnerTopLeftCourse {
   border:1px solid #333333;
   border-bottom: 0px solid #333333;
   position:relative;
   margin: 0 2px 0px 4px;
}
.InnerBottomLeftCourse {
   border:1px solid #333333;
   border-top: 0px solid #333333;
   position:relative;
   margin: 0 2px 4px 4px;
   padding-top:4px;
}
.RightCourse {
   float:right;
   width:31.5em;
   position:relative;
}
.InnerRightCourse {
   border:1px solid #333333;
   position:relative;
   margin: 0 4px 4px 2px;
}
.InnerTopRightCourse {
   border:1px solid #333333;
   border-bottom: 0px solid #333333;
   position:relative;
   margin: 0 4px 0 2px;
}
.InnerBottomRightCourse {
   border:1px solid #333333;
   border-top: 0px solid #333333;
   position:relative;
   margin: 0 4px 4px 2px;
   padding-top:4px;
}

#GuidelineTabView {
    width:100%;
	font-size: .8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#GuidelineTabView .yui-content {
    padding:5px;
}

#GuidelineTabView .yui-nav {
	font-size: .9em;
}

#GuidelineTabView .yui-nav a {
}


#GuidelineTabView .loading {
    background-image:url('https://ccentral.sbccd.cc.ca.us/Forms/Faculty/FlexTrack/Valley/jscripts/yui/examples/tabview/img/loading.gif');
    background-position:center center;
    background-repeat:no-repeat;
}

#GuidelineTabView .loading * {
    display:none;
}

.Guidelines li {
	margin-bottom: 5px;
}

.Guidelines li:hover {
}

.Guidelines li input {
    margin-right: 5px;
    margin-top: 3px;
}

body .yui-panel {
	border: 0px solid black;
}

body .yui-panel .bd {
    background-color: white;
    color: black;
    border-width: 0px 1px 1px 1px;
    border-style: solid;
    border-color: black;
}

body .yui-panel .hd {
    background-color: #DEE3EA;
    color: black;
    border-width: 1px 1px 0px 1px;
    border-style: solid;
    border-color: black;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: .8em;
}

body .yui-panel .container-close {
    background: none;
    width: auto;
    color: #032A4C;
	font-weight: bold;
	text-decoration: underline;
	height: auto;
	top: 3px;
	right: 5px;
	font-size: .8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

body .yui-panel .container-close:hover {
	color: #C0C0C0;
}

body .yui-navset .yui-nav .selected a, body .yui-navset .yui-nav a:hover, body .yui-navset .yui-content {
    background-color:white; /* active tab, tab hover, and content bgcolor */
}

body .yui-navset .yui-nav a, body .yui-navset .yui-nav a:hover {
    background-color:#DEE3EA; /* active tab, tab hover, and content bgcolor */
}

.Guidelines label {
   display: inline;
   float: none;
   margin: 0;
   padding: 0;
   text-align: left;
   font-weight: normal;
}

.Guidelines input{
   display: inline;
   float: none;
   margin: 0;
   padding: 0;
   text-align: left;
   font-weight: normal;
}

.Report {
   position: relative;
}

.GuidelinesDisplay .GuidelinesHeader {
	float: left;
	position: relative;
}

.GuidelinesDisplay .GuidelinesPDF {
	float: right;
	position: relative;
}

#Class fieldset {
   margin: 1em;
}

legend {
   font-weight: bold;
}

.divider {
	position: relative; /* Damn IE hack */
	background-color: #DEE3EA;
	margin: 1em 0em;
	height: .5em;
}

.Left {
	float: left;
	width: 49%;
}

.Left h3 {
	text-align: left;
	margin-top: .5em;
	margin-bottom: .5em;
}

.Right {
	float: right;
	width: 50%;
}

.Right h3 {
	text-align: left;
	margin-top: .5em;
	margin-bottom: .5em;
}

.HeaderColumn {
	background-color: #DEE3EA;
	float: left;
	/*font-weight: bold;*/
	width: 13em;
	text-align: right;
	padding: .3em;
}

.DataColumn {
	float: left;
	width: 48em;
	padding: .3em;
}

.DataColumn ul {
	margin-top: 0; 
	margin-bottom: 0; 
	padding-top: 0;
	padding-bottom: 0;
}