/*@import 'c-css.php';*/

h3 span.iu_control_header_button_right, h5 span.iu_control_header_button_right,
h2 span.iu_control_header_button_right, h4 span.iu_control_header_button_right, 
h6 span.iu_control_header_button_right
{            
    float:right;
    cursor: pointer;
    height:16px;
    padding-left: 5em;
}

h3 span.iu_control_header_button_right .ui-icon, 
h5 span.iu_control_header_button_right .ui-icon,
h2 span.iu_control_header_button_right .ui-icon,
h4 span.iu_control_header_button_right .ui-icon,
h6 span.iu_control_header_button_right .ui-icon
{
    position: static !important;
    float: right;
    margin-top: 0px !important;
}

td.alignRight{
    text-align: right;
}
td.alignCenter, th.alignCenter{
    text-align: center;
}
.detail_requirement_position
{
    display:inline-block;
    width:100%;
    /*margin-left:40px;*/
}

.credit_hour_string_position
{
    float:right;
}

.toolbar_container{
    padding: 4px 4px;
    width:100%;
    float:left;
    font-size:0.9em !important;
}

.toolbar_button{
    width:8%;
    font-size:0.9em !important;
}

body{
    padding-bottom: 50px;
}

div.footer{
    color:white;
    margin: 0;
    padding: 0;
    height: 75px;
    background: #555 url(iu_theme/images/footer-bg-tile.jpg) repeat-x;
}

div.top-nav{
    color:white;
    margin: 0;
    padding: 0;
    height: 90px;
    background-color: #8B1009;
}

#left-nav{
    color: white;
    /*background-color: #BCBEC0;*/
    margin-right: 0px;
    font-weight: bold;
    padding-top: 0em;
}

textarea {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

textarea.IuTextBox{
    width: 100%;
    max-height: 100px;   
    min-height: 20px;
    resize:none;
}

.IuControlHeader{
    color: black;
    font-weight: bold;
}

.DefaultFontFamily{
    font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
}

form h6.ui-state-hover.ui-state-default{
    /*background: #0066FF !important;*/
    color: white !important;
}

form h6.ui-state-hover.ui-state-default a{    
    color: white !important;
}

form h6.ui-state-default{
    /*background: #CCFFFF !important;*/
}

form h6.ui-state-active{
    /*background: #0000FF !important;*/
}

form h5.ui-state-hover.ui-state-default{
    /*background: #0099FF !important;*/
    color: white !important;
}

form h5.ui-state-hover.ui-state-default a{    
    color: white !important;
}

form h5.ui-state-default{
    /*background: #66CCFF !important;*/
}

form h5.ui-state-active{
    /*background: #0066FF !important;*/
}

form h4.ui-state-hover.ui-state-default{
    /*background: #33CC99 !important;*/
    color: white !important;
}

form h4.ui-state-hover.ui-state-default a{    
    color: white !important;
}

form h4.ui-state-default{
    /*background: #99FF99 !important;*/
}

form h4.ui-state-active{
    /*background: #009999 !important;*/
}

form li.ui-state-default{

}

form li.ui-state-default.ui-state-hover{

}

form li.ui-state-active{
    /*background: #CC0000 !important;*/
}

form li.ui-state-hover.ui-state-default a{    
    color: #a9a9a9 !important;
}

form h3.ui-state-default{

}

form h3.ui-state-default.ui-state-hover{

}

form h3.ui-state-active{
    /*background: #CC0000 !important;*/
}

form h3.ui-state-hover.ui-state-default a{    
    color: white !important;
}

/*div hr{
    background:black;
    height:2px;
}*/

div.top-nav{
    height:75px;
    background-image: url('images/slide2.png');
}

li a span span{
    display: block;
}

#tblDegree{
    bottom: 0px;
    z-index: 100;
    position:fixed;
    height:38px;
}

div#tblDegree.ui-widget-header{
    background-color: #EBE0CB !important;
    background-image:none;
}

#tblDegree button{
    margin: 2px 2px 2px 2px;
    padding: 0px 0px 0px 0px !important;
}

#tblDegree button.ui-state-default{
    /*background-image: none;*/
    /*background-color:#8B1009;*/
    color: black;
}

#tblDegree button.ui-state-hover.ui-state-default{
    /*background-image: none;*/
    /*background-color:white;*/
    /*color: #8B1009;*/
}

#tblDegree button span.ui-button-text,
#tblDegree button span.ui-button-text-only{
    padding: .6em .3em .6em .3em;
}

#blockiu{
     display: block;
     float: left;
     height: 28px;
     position: relative;
     width: 22px;
     margin-right: 5px;
}

.footer p{
    font-size:.688em;
    padding-top:20px;
}

.footer p a{
    color:white;
    text-decoration: none;
}

#maccordion-ReqList.ui-widget-content{
    border:none;
}

#tblWorkingVersionList button{
    background: transparent;
    border:none;
}

.iu-instruction{
    font-weight: bold;
    padding: .3em 0em .3em .3em;
}

span.iu-instruction-item{
    display: block;
}

span.iu-ui-text-button{
    margin: .5em .3em .5em .3em;
    padding: 0em .3em 0em 0em;
    /*background: blue !important;*/
    color:blue !important;
    text-decoration: underline;
    cursor: pointer;
}

.degree-detail{
    margin-left: 0em;
    margin-top: 2em;
    margin-bottom: 2em;
}

.degree-header{
    background:#e0ffff;
}

input.numerical_textbox{
    text-align: right;
}

.course-list-grade-list{
    float: right;
}

.data-row-align-center{
    text-align: center;
}

td
{
    margin: 0px;

}
td.personal_info_header
{
    font-family: Arial, Helvetica, sans-serif;
    text-align: right;
    font-weight:bold;
    border: 1px solid black;
    background-color:#FFF380;
    font-variant:normal;
}


td.personal_info_data, td.requirement_details
{
    border: 1px solid black;
}

td.personal_info_data
{
    background-color: #FFF380;
}

td.requirement_header
{
    font-weight: bold;
}

tr.requirement_details_header
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: underline;
}

td.requirement_details_data
{
    border:thin solid black;
}

td.requirement_details_data_year, td.requirement_details_data_semester, td.requirement_details_data_grade, td.requirement_details_data_hrs_passed, td.requirement_details_data_GPA_hrs,
td.requirement_details_data_GPA_units
{
    border: thin solid black;
    width:9%
}

td.requirement_details_data_year, td.requirement_details_data_semester, td.requirement_details_data_grade
{
    background-color:#FFFF99;
    text-align:center;
}

td.requirement_details_data_hrs_passed
{
    background-color:#FAF8CC;
}

td.requirement_details_data_GPA_hrs
{
    background-color:#E0FFFF;
}

td.requirement_details_data_GPA_units
{
    background-color:#FBBBB9;
}

table.personal_info, table.degree_requirements
{
    border: 1px solid black;
    border-spacing:0pt;
    width:100%;
    padding: 0px;
    padding-bottom: 0px;
}

caption {
    font-size: 10pt;
}

table.personal_info, table.degree_requirements, table.personal_info caption{
    /*    border: 1px solid black;
        border-spacing:0pt;
        background-color:#FFFFCC;
        padding: 0px;
        padding-bottom: 0px;*/
}

table caption.IU_Advise{
    /*background-color:#003399;
    color: white;
    text-align: left;
    margin:0;*/
    background-color:#c4c4c4;
    color: black;
    text-align: left;
    margin:0;
    height: 16px;
}

table caption.IU_Advise > span.pull-right{
    font-size:8.5pt;
}

table caption.IU_Advise > span.pull-right > button{
    margin-left: .5em;
}

table tfoot tr.IU_Advise td{
    background-color:#CCFFCC;
    color: black;
    font-weight: bold !important;
    text-align: left;
    font-size: 10pt;
    margin:0;
}

table tr th{
    /*
    07.06.2011   Hung Truong     The global css should not control text
                                     align of table column as this will be
                                     locally changed from column to column
    07.06.2011   Hung Truong     Change the color of the label text
    */
    /*text-align: right;*/
    /* 07.06.2011   Hung Truong     Choose a color for the header of table */
    font-weight:normal;
    padding:5px;
    /*background-color: #dfeffc;*/
}

/*
07.06.2011  Hung Truong     For any table class display,
                            the header text alignment will left by default.
*/
table thead tr th{
    text-align: left;
}

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

tbody tr td.colDate, table thead tr th.colDate{
    text-align: center;
}

table thead tr th.number-align{
    text-align: right;
}

.iu-ui-tooltip {
    padding: 10px 20px;
    color: white;
    border-radius: 20px;
    font: bold 10pt "Helvetica Neue", Sans-Serif;
    box-shadow: 0 0 7px black;
}

td.number-align{
    text-align: right;
}

.PassedCourse{
    color:green;
}

.FailedCourse{
    color:#8b0000;
}

.PassedCourse td, .FailedCourse td{

}

.RecommendedCourse{
    display:none;
}

#top-banner{
    background: url("images/slide2.png");
    height:75px
}

.fg-toolbar select, .fg-toolbar input{
    position: relative;
    top: 5px;
}

.table caption{
    padding: .5em;
}

input:focus, textarea:focus
{
    background-color:yellow;
}

.tableHeader{
    background-color: lightgrey;
}

.table{
    margin-top: .5em;
    margin-bottom: 0;
}

#tabCourseSelectionContent > div{
    overflow: hidden;
}

td.has-radio-button{
    text-align: center;
}

#frmCourseSelection .modal-body{
    max-height: 800px;
}

#footer-toolbar{
    position: fixed;
    bottom: 0px;
}

#footer-toolbar > div.navbar{
    margin-bottom: 0px;
}

.disabled-link{
    cursor: default;
}

 #frmEnrollmentCourseSelection .modal-body{
    max-height: 1500px;

}

#frmEnrollmentCourseSelection{
    margin: -70px 0 0 0;
}

#frmCourseSelection{
    margin: -60px 0 0 0;
}

.zoom-img{
    -moz-transition:-moz-transform 0.1s ease-in;
    -webkit-transition:-webkit-transform 0.1s ease-in;
    -o-transition:-o-transform 0.1s ease-in;
}

.zoom-img:hover{
    -moz-transform: translate(-55px) scale(6);
    -webkit-transform: translate(-55px) scale(6);
    -o-transform: translate(-55px) scale(6);
}

.column-center{
    text-align:center;
}

.field-header{
    font-weight: bold;
}