/* *************************************************************************************************
 * Application:  Website
 *        File:  local/CSCC.css
 *      Author:  Andrew Deans (deansa@clarkstate.edu)
 *     Created:  23 September 2008
 *     Updated:  27 October 2009
 * Description:  Globally included stylesheet.
 *   Changelog:  27 October 2009
 *                 - Added styles for the score tables generated by SportsScores.php.
 *               06 October 2009
 *                 - Added the styles for the popup boxes.
 *               07 October 2008
 *                 - Revised form style. Text form controls, as well as selects, now use have a
 *                   subtle grey gradient as for their backgrounds.
 *                 - Added form error and valiadtion rules.
 *               03 October 2008
 *                 - Added base rules for form controls.
 *               02 October 2008
 *                 - Added selector .Curriculum table tbody tr td.CreditsColumn.
 *               25 September 2008 agd
 *                 - Added styles for the Syllabus controls.
 * *************************************************************************************************/



/* *************************************************************************************************
 * General / Miscellaneous
 * *************************************************************************************************/
 hr
{
    border: solid 1px #007FB1;
    margin: 5px 0;
}
 


/* *************************************************************************************************
 * Form controls
 * *************************************************************************************************/
input[type=text], input[type=password], input[type=file], textarea, select
{
    border:     solid 1px #AAAAAA;
    padding:    2px;
    background: url(/local/Images/InputBackground1.gif) top left no-repeat;
    margin-top: 2px;
    color:      #000000;
}

option
{
    /*background: url(/local/Images/InputBackground2.png) top left repeat-y;*/
    background: #FFFFFF;
}

/*option:hover
{
    background: #007FB1;
}*/

input[type=checkbox], input[type=radio]
{
  width:      15px;
  background: none;
  border:     0;
}

input[type=button]
{
    background: #FFFFFF url(/local/Images/InputBackground1.gif) no-repeat scroll left top;
    border:     solid 1px #AAAAAA;   
    margin-top: 2px;
    padding:    2px;
}

input.FormError, textarea.FormError, select.FormError, table.FormError, td.FormError
{
    border: 2px solid #CC0000;
}

span.FormError
{
    color:       #CC0000;
    font-weight: bold;
}

div.FormError
{
    border:  2px solid #CC0000;
    padding: 3px;
}

input.FormValidated, textarea.FormValidated, select.FormValidated, table.FormValidated
{
    border: 2px solid #00CC00;
}

span.FormValidated
{   color:       #00CC00;
    font-weight: bold;
}

Form table tr td
{
    text-align:     left;
    vertical-align: middle;
}

div.FormTag
{
    position:         absolute;
    top:              0px;
    left:             0px;
    width:            227px;
    height:           50px;
    border:           none;
    background-color: #00FF00;
    background:       url(/local/Images/FormTag.png) no-repeat 0 0;
    z-index:          9000;
}

div.FormTag span
{
    display: block;
    margin:  5px 18px;
}

td.CERemoveCourse
{
    width: 17px;
}

td.CERemoveCourse img
{
    margin: 0 2px 0 0 !important;
}

input.CECourseNumber
{
    width: 100px;
}

input.CECourseName
{
    width: 275px;
}

select.Majors optgroup
{
    background-color: #FFFFFF;
    color: #007FB1;
    font-weight: bold;
    font-style: normal;
}

select.Majors optgroup option
{
    margin-left: 1em;
    color: #000000;
}

select.AppYesNo
{
    width: 60px;
}

td.AppCollegeEntryRemove
{
    vertical-align: top;
    padding-top:    3px;
    padding-left:   3px;
    padding-right:  5px;
}

td.AppCollegeEntryRemove img
{
    margin: 0 !important;
    cursor: pointer;
}

table.AppCollegeEntry
{
    width:           100%;
    border-collapse: collapse;
    table-layout:    fixed;
}

table.AppCollegeEntry tr td input.AppCollegeField
{
    width:      90%;
    margin:     0;
    margin-top: 2px;
}

div.InputScroller
{
    width:        420px;
    height:       200px;
    overflow:     auto;
    overflow-x:   hidden;
    overflow-y:   auto;
    margin-top:   6px;
    padding-left: 12px;
    border:       dotted 1px #CACACA;
}



/* *************************************************************************************************
 * Programs and Majors
 * *************************************************************************************************/
.Programs { margin-left: 2em; }

.Programs a { color:     #000000 !important; }

.ProgramDescription { line-height: 16px; }

.ProgramDescription ul
{
    margin-top:    10px !important;
    margin-right:  0 !important;
    margin-bottom: 10px !important;
    margin-left:   25px !important;
}

.Curriculum
{
    margin-left: 1.0em;
    /*width:       48em;*/
}

.Curriculum p
{
    line-height: 11px;
    margin: 0;
    padding: 0;
}

.Curriculum table
{
    margin:          0;
    border:          none;
    border-collapse: collapse;
}

.Curriculum table thead th
{
    text-align:  left;
    font-weight: bold;
}

.Curriculum table tbody tr.term
{
    /*background-color: #E1E1E1;*/
}

.Curriculum table tbody tr td
{
    text-align:     left;
    vertical-align: top;
}

.Curriculum table tbody tr td.CreditsColumn
{
    text-align:     right;
    vertical-align: bottom;
}

.Curriculum .Footnote, .Curriculum .Footnote *
{
    font-size: 11px !important;
    color:     #606060 !important;
}


.Programs .Category
{
    font-size:     16px;
    font-weight:   bold;
    color:         #007FB1;
    margin-bottom: 1em;
}

.Programs .Program
{
    font-size:     12px;
    font-weight:   bold;
    color:         #000000;
    margin-bottom: 1em;
}


.Programs .Subprogram
{
    color:         #000000;
    margin-bottom: 1em;
}



/* *************************************************************************************************
 * Class Schedule
 * *************************************************************************************************/
.Schedule
{
    z-index: 3000;
}

/*.Schedule select
{
    border: 1px solid #000000;
}*/

.Schedule .Course
{
    padding-bottom: 1.5em;
}

.Schedule .Course .Title
{
    font-weight: bold;
    display:     block;
}

.Schedule .Course p
{
    display: inline;
}

.Schedule .Sectionbar,
.Schedule .SectionBar
{
    position:         relative;
    display:          block;
    margin-top:       .3em;
    background-color: #DADADA;
    height:           19px;
    line-height:      19px;
    padding-left:     19px;
    
    -moz-user-select: none;
    -khtml-user-select: none;
}

.Schedule .Sectionbar a,
.Schedule .SectionBar a
{
    color:           #1B3E94;
    outline:         0;
    text-decoration: none;
}

.Schedule .Sectionbar a.Collapsed,
.Schedule .SectionBar a.Collapsed
{
    position:            absolute;
    top:                 2px;
    _top:                1px;
    left:                2px;
    _left:               -17px;
    width:               15px;
    height:              15px;
    background-image:    url(Images/expand_cn.gif);
    background-position: center center;
    background-repeat:   no-repeat;
}

.Schedule .Sectionbar a.Collapsed:hover,
.Schedule .SectionBar a.Collapsed:hover
{
    background-image: url(Images/expand_ch.gif);
    cursor:           pointer;
}

.Schedule .Sectionbar a.Expanded,
.Schedule .SectionBar a.Expanded
{
    position:            absolute;
    top:                 2px;
    _top:                1px;
    left:                2px;
    _left:               -17px;
    width:               15px;
    height:              15px;
    background-image:    url(Images/expand_en.gif);
    background-position: center center;
    background-repeat:   no-repeat;
}

.Schedule .Sectionbar a.Expanded:hover,
.Schedule .SectionBar a.Expanded:hover
{
    background-image: url(Images/expand_eh.gif);
    cursor:           pointer;
}

.Schedule .Sections
{
    /*margin-left: 2em;*/
}

.Schedule .Sections table
{
    border-collapse: separate;
    border-spacing:  1em 0;
    /*border-spacing:  expression (cellspacing:8);*/
    text-align:      left;
    min-width:       470px;
}

.Schedule .Sections thead th
{
    text-decoration: none;
    font-size:       10pt;
    font-weight:     bold;
    text-align:      left;
}

.Schedule .Sections tr td[colspan]
{
    text-align: center;
}

.Schedule .Full
{
    color: #FF0000;
}



/* *************************************************************************************************
 * Syllabus
 * *************************************************************************************************/
table.SyllabusControls
{
    table-layout:    fixed;
    border-collapse: collapse;
}

table.SyllabusControls tbody tr td.BlankRow
{
    line-height: 3em;
}
 
table.SyllabusControls tbody tr td select
{
    width: 100%;
}

table.SyllabusControls tbody tr td input
{
    width: 100%;
}
 


/* *************************************************************************************************
 * Popup Boxes
 * *************************************************************************************************/
div.Popup
{
    background-color: #B0DFEF;
    border:           2px #017EAE solid;
    display:          none;
    height:           200px;
    position:         absolute;
    width:            300px;
}

div.Popup, div.Popup *
{
    cursor:  default;
    z-index: 999999;
}

div.Popup div.PopupTitle
{
    background-color: #017EAE;
    border:           1px solid #B0DFEF;
    overflow:         hidden;
    padding:          1px 0 2px 3px;
}

div.Popup div.PopupTitle span
{
    color:       #FFFFFF;
    font-weight: bold;
    height:      16px;
    line-height: 16px;
}

div.Popup div.PopupTitle a
{
    background-color: #B0DFEF;
    color:            #017EAE;
    display:          inline;
    font-weight:      bold;
    margin:           1px;
    position:         absolute;
    right:            3px;
    text-align:       center;
    text-decoration:  none;
    top:              3px;
    width:            14px;
}

div.Popup div.PopupTitle a:hover {  }

div.Popup div.PopupContent
{
    color:   #000000;
    padding: 3px 5px;
}



/* *************************************************************************************************
 * Sports Scores
 * *************************************************************************************************/
 table.SportsScores
{
    border:          none;
    border-collapse: collapse;
    width:           447px;
}

table.SportsScores col.Column0 { width: 18px; }
table.SportsScores col.Column1 { width: 40px; }
table.SportsScores col.Column2 { width: auto; }
table.SportsScores col.Column3 { width: 37px; }
table.SportsScores col.Column4 { width: 57px; text-align: right; }
table.SportsScores col.Column5 { width: 90px; }
table.SportsScores col.Column6 { width: 25px; }

table.SportsScores thead tr th
{
    background-color: #273174;
    border:           none;
    color:            #FFFFFF;
    font-weight:      bold;
    padding:          2px;
    padding:          1px 10px 1px 0;
    text-align:       left;
    vertical-align:   bottom;
}

table.SportsScores thead tr,
table.SportsScores tbody tr
{
    height: 17px;
}

table.SportsScores tbody tr td
{
    border:         none;
    height:         14px;
    padding:        1px 10px 1px 0;
    vertical-align: top;
}

table.SportsScores tbody tr td.Points,
table.SportsScores thead tr th.Points,
table.SportsScores tbody tr td.OppPoints,
table.SportsScores thead tr th.OppPoints
{
    text-align: right;
}

table.SportsScores tbody tr td.Details
{
    text-align: center;
}

table.SportsScores tbody tr td.Winner
{
    font-weight: bold;
}

table.SportsScores tbody tr.HomeGame td.HomeGame
{
    background: transparent url(Images/Home.png) no-repeat scroll 0 0;
    border:     none;
    width:      13px;
}

table.SportsScores tbody tr.Alternate td,
table.SportsScores tbody tr.Alternate td.HomeGame
{
    background-color: #EBEBEB;
}

/*table.SportsScores thead tr th.HomeGame
{
    background-color: transparent;
}*/

/*table.SportsScores thead tr th.HomeGame,
table.SportsScores tbody tr td.HomeGame,
table.SportsScores thead tr th.Details,
table.SportsScores tbody tr td.Details
{
    border: none;
}*/

table.SportsScores tr.NoScores td
{
    color:       #606060;
    text-align:  center;
}

span.Footnote
{
    color:       #606060;
    display:     block;
    font-size:   smaller;
    padding-top: 6px;
}