/*
 * These styles are !important because they're the CUSP application rules that make the CUSP interface consistent'
 * Without making the rules !important, it's hard to predict how the Faculty CSS will override these and how the interface will look.
 * To override these on a case-by-case inline basis, you'll need to add !important to inline rules
 */

 .col-table td {
     vertical-align: top;
}

.help-tip img {
    padding: 0 !important;
}

.ui-cluetip-content li {
    list-style-type: none;
}
.cluetip-close a {
    color: white !important;
}

 /*.cusp_user_html is the default class added to a wrapper div around user input sections that are treated as HTML, see StrUtil::purifyHtml()*/
 .cusp_user_html ul, .cusp_user_html ol {
     margin:5px !important;
     padding:0 0 0 30px !important;
 }
 .cusp_user_html table, .cusp_user_html tbody, .cusp_user_html thead, .cusp_user_html tr, .cusp_user_html tr td, .cusp_user_html tr th {
     border: black solid 1px !important;
     background: none !important;
     color: black !important;
 }

 /*.cusp_style is added to wrapper DIVs around cusp content, everything outside is university template*/
 .cusp_style ul {
     padding:0 0 0 15px !important;
 }

.cusp-indent {
    margin-left: 30px !important;
 }

.cusp-msg {
     width: 98%;
     margin-top: 5px;
     margin-bottom:5px;
}

.cusp-no-page-break {
    page-break-inside: avoid !important;
}

.cusp-msg-note {
     padding: 0 0.5em 0 0.5em;
     border: #F9CF66 solid 1px;
     background-color: #FFF9C4;
}

.cusp-msg-alert {
     padding: 0 0.5em 0 0.5em;
     border: #AB2B34 solid 1px;
     background-color: #ffd7d7;
}

 /*** ATTRIBUTE REPORT CELL SHADING *********************************************/
 .cusp-att-sum {background:#D8D8D8 !important; font-style:italic !important}
 .cusp-att {text-align:center !important;}
 .cusp-att-yes{background:#A9F5A9 !important}
 .cusp-att-no{background:#F5D0A9 !important}
 .cusp-att-not-relevant{background:#D8D8D8 !important; font-style:italic !important}

 /*******************************************************************************/

 /*** APPLICATION MENU ***********************************************************/
 #application-menu-placeholder {
     margin:0;
     padding:0;
     text-align:left;
     vertical-align:bottom;
     height:100%;
 } #application-menu-table {
     margin:0;
     padding:0;
     text-align:left;
     height:35px !important;
 } #application-menu-table > tbody > tr > td {
     height:35px !important;
 }#application-menu-table >tbody > tr > td{
     height:100%;
     vertical-align:bottom;
 } 
 /*** END APPLICATION MENU *******************************************************/

 table.cusp_align {
     width: auto !important;
} table.cusp_align td {
     width: auto !important;
}

 /*** DIALOGS ********************************************************************
  *  The following styles are used to control formatting inside floating dialogs */
 .cusp_dialog {
     display:none;      /*start out invisible, the dialog JS code will render when necessary*/
     width:100%;        /*let dialog content DIV scale to dialog dimension, initial size set by dialog code*/
     text-align:left;
 }.cusp_dialog a {
     color:blue !important;
     text-decoration:underline !important;
 }.cusp_dialog_form_table {
     width:100%;
 }.cusp_dialog_form_table th{
     border:0;
     text-align:left;
     min-width: 100px;
     vertical-align:top;
 }.cusp_dialog_form_table td{
     border:0;
     width:100%;
     text-align:left;
 }.cusp_dialog_content_table {
     width:100%;
 }.cusp_dialog_content_table th{
     border:0;
     text-align:left;
     min-width: 100px;
     vertical-align:top;
 }.cusp_dialog_content_table td{
     border:0;
     width:100%;
     text-align:left;
 }div.cusp_dialog_content {
     border:0;
     width:100%;
     text-align:left;
 }.cusp_dialog ul, .cusp_dialog ol{
     padding:0 0 0 20px;
 }.cusp_dialog form input {
     width:100%;
 }.cusp_dialog form select {
     width:100%;
     height:auto;
     font-size:inherit;
 }.cusp_dialog form textarea {
     width:100%;
 }.cusp_dialog_response {
    text-align:right;
    color:red;
    font-style:italic;
}
 /*** END DIALOGS ****************************************************************/

 /*** jQUery UI accordion overrides and hacks ************************************/
.cusp-accordion h3 * {
     color: black !important;
     font-weight: normal !important;
 } .cusp-accordion h3 a {
     background:none !important;
 }
 .cusp-accordion h3 {
     padding: 0 !important;
     margin: 0px 0 0 0 !important;
     font-size: 12px !important;
 }
 .cusp-accordion h3.ui-state-active {background: #FDF6C5 !important;}
 .cusp-accordion h3.ui-state-default {background: #F9CF66 !important;}
 .cusp-accordion h3.ui-state-hover {background: #FDF6C5 !important;}
 .cusp-accordion .ui-accordion-content  {
     border-top:black solid 1px !important;
     padding: 0 !important;
 }
 /********************************************************************************/

  .cusp-debug-mode {
     width:100%;
     background:maroon;
     color:white;
     font-weight:bold;
     text-align:center;
     font-size:25px;
     margin:0;
     padding:10px;
 }

 input.valid {
     background-color: #d1ffd1;
 } input.invalid {
     background-color: #ffe45c;
}
 
 /*** AUTOCOMPLETE PLUGIN STYLE OVERIDES******************************************/
 .cusp_autocomplete_plugin input {
     width:300px !important;
 }.cusp_autocomplete_plugin .token-input-list-facebook {
     width:100% !important;
     height:auto !important;
     overflow:hidden !important;

 }.cusp_autocomplete_plugin .token-input-dropdown-facebook {
     width:300px !important;
     max-height:100px !important;
     overflow:auto !important;
 }
 /*** END AUTOCOMPLETE PLUGIN STYLE OVERIDES**************************************/

.cusp-datatables thead th{
    background: #12416C !important;
    color:white !important;
    font-weight:bold !important;
    border: 1px solid black  !important;
    text-align:left !important;
}

 .cusp-datatables tfoot th{
    background: #12416C !important;
    color:white !important;
    font-weight:bold !important;
    border: 1px solid black  !important;
    text-align:left !important;
}
  
.dataTables_filter {
    float:left !important;
    text-align: left !important;
}
.dataTables_length {
    float:right !important;
    text-align: right !important;
}
.dataTables_wrapper span.next {
    background: #DDDDDD !important;
}


.cusp-datatables > tbody > tr.odd,.cusp-datatables >tbody > tr.odd > td  {
    background: #E2E4FF !important;
}



 table.cusp-stats tr > td {
     vertical-align:top;
     border: black solid 1px;
 }

 /*** UNIT PDF **********************************************/
 body.unit-pdf table.t_b td.th {
     color:#FFFFFF;
     font-weight:bold;
 }
 body.unit-pdf td {
     vertical-align:top !important;
 }

 /*** END UNIT PDF *****************************************/
 .cusp-button {
     font-style:normal !important;
     text-align:center !important;
     font-size:10px  !important;
     border: 1px solid #12416C  !important;
     background:#F9CF66 !important;
     width:auto !important;
     padding: 2px 8px 2px 8px !important;
     margin: 2px 2px 0 1px !important;
 }.cusp-button-disabled {
     font-style:italic !important;
     text-align:center !important;
     font-size:10px  !important;
     border: 1px solid #12416C  !important;
     background:#E0E0E0 !important;
     width:auto !important;
     padding: 2px 8px 2px 8px !important;
     margin: 2px 2px 2px 1px !important;
 }
 .cusp-button:hover {
     background:#FDF6C5 !important;
 }

 .cusp-tree a {
     color:blue !important;
 }

.my_yui_tree div div div table tr td {border:0 !important;}

table.t_form {border: 0px solid black !important;}
table.t_form tr td {
    border: 0px solid black !important;
    margin:0 !important;
    padding:2px 10px 0 0 !important;
    text-align: left !important;
}

.cusp-checkbox { /*IE6 doesn't get attribute selectors'*/
    width:20px !important;
}
 
table.t_data { width:100%  !important; border: 0px solid black !important;}
table.t_data tr td {border: 1px solid black !important;}
table.t_data tr th {
    background: #12416C !important;
    color:white !important;
    font-weight:bold !important;
    border: 1px solid black  !important;
    text-align:left !important;
}table.t_data tfoot tr td {
    border: 1px solid black  !important;
    background: #12416C !important;
    color:white !important;
    text-align:left !important;
}

input.filterText {
    width:100px  !important;
    background: #CCFFFF !important
}

table.t_b {border-collapse:collapse;}
table.t_b tr td {border: 1px solid black  !important; padding:2px !important}
table.t_b tr td.th {
    background: #12416C !important;
    color:white !important;
    font-weight:bold !important;
}table.t_b tr td.lh {
    font-weight:bold  !important;
    width:30%  !important;
    vertical-align:top  !important;
}

.rowEven{background-color: #FFFFFF !important;}
.rowOdd{background-color: #EFF7FF !important;}
.rowFoot{background-color: #FFF9C4 !important;}
.highlight{
    cursor: pointer  !important;
    background-color: #2DB3FF  !important;
    color: white  !important;
} .highlight td {color:white  !important}

table.my_yui_tree tr td {
    border:0 !important;
    padding:0 !important;
    margin:0 !important;
} table.my_yui_tree {
    padding:0 !important;
    margin:0 !important;
}

table.t_no_b {border:0 !important;}
table.t_no_b td {border:0 !important;}
table.t_no_b td.lh {
    font-weight:bold !important;
    vertical-align:top !important;
} table.t_no_b td.th {
    font-weight:bold !important;
    width:auto !important;
} table.t_no_b{width:100% !important;}

.svc_inline_res {
    text-align:right  !important;
    color:red  !important;
    font-style:italic !important;
}

#ok_panel.yui-panel {
    border:0  !important;
    overflow:visible  !important;
    background-color:transparent  !important;
    padding:0  !important;
}

#ok_panel.yui-panel .bd {
    border:0  !important;
    overflow:visible  !important;
    background-color:transparent !important;
    padding:0 !important;
}

.t_form input, .t_form select {width:200px !important;}

.help-icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    border: none;
    background-image: url('/images/help_icon.gif');
    cursor: help;
}

/* This hides the autocomplete drop downs */
.ac_container {display: none  !important;}
label {font-weight:bold  !important;}

/*** MINI BUTTONS ******************************************************/
button.mini {
    width:15px !important;
    height:15px !important;
    max-width:15px !important;
    max-height:15px !important;
    min-width:15px !important;
    min-height:15px !important;
    background-color: transparent !important;
    background-repeat:no-repeat !important;
    background-position:center !important;
    border:0 !important;
    padding:0 !important;
    margin:0 !important;
    font-size:10px !important;
    line-height:10px !important;
    cursor:pointer !important;
}

button.mini-edit {background-image: url('/images/edit_s.gif')   !important;}
button.mini-edit:hover {background-image: url('/images/edit_sh.gif')  !important;}
button.mini-edit:active {background-image: url('/images/edit_sc.gif')  !important;}

button.mini-add {background-image: url('/images/add_s.gif')   !important;}
button.mini-add:hover {background-image: url('/images/add_sh.gif')  !important;}
button.mini-add:active {background-image: url('/images/add_sc.gif')  !important;}

button.mini-del {background-image: url('/images/delete_s.gif')   !important;}
button.mini-del:hover {background-image: url('/images/delete_sh.gif')  !important;}
button.mini-del:active {background-image: url('/images/delete_sc.gif')  !important;}

button.mini-up {background-image: url('/images/up_s.gif')   !important;}
button.mini-up:hover {background-image: url('/images/up_sh.gif')  !important;}
button.mini-up:active {background-image: url('/images/up_sc.gif')  !important;}

button.mini-down {background-image: url('/images/down_s.gif')   !important;}
button.mini-down:hover {background-image: url('/images/down_sh.gif')  !important;}
button.mini-down:active {background-image: url('/images/down_sc.gif')  !important;}

button.mini-equiv {background-image: url('/images/equiv_s.gif')   !important;}
button.mini-equiv:hover {background-image: url('/images/equiv_sh.gif')  !important;}
button.mini-equiv:active {background-image: url('/images/equiv_sc.gif')  !important;}

button.mini-grade {background-image: url('/images/grade_s.gif')   !important;}
button.mini-grade:hover {background-image: url('/images/grade_sh.gif')  !important;}
button.mini-grade:active {background-image: url('/images/grade_sc.gif')  !important;}

button.mini-attribute {background-image: url('/images/attribute_s.gif')   !important;}
button.mini-attribute:hover {background-image: url('/images/attribute_sh.gif')  !important;}
button.mini-attribute:active {background-image: url('/images/attribute_sc.gif')  !important;}

button.mini-add_sub {background-image: url('/images/add_sub_s.gif')   !important;}
button.mini-add_sub:hover {background-image: url('/images/add_sub_sh.gif')  !important;}
button.mini-add_sub:active {background-image: url('/images/add_sub_sc.gif')  !important;}

button.mini-import {background-image: url('/images/import_s.gif')   !important;}
button.mini-import:hover {background-image: url('/images/import_sh.gif')  !important;}
button.mini-import:active {background-image: url('/images/import_sc.gif')  !important;}

button.mini-export {background-image: url('/images/export_s.gif')   !important;}
button.mini-export:hover {background-image: url('/images/export_sh.gif')  !important;}
button.mini-export:active {background-image: url('/images/export_sc.gif')  !important;}

button.mini-help {background-image: url('/images/help_s.gif')   !important;}
button.mini-help:hover {background-image: url('/images/help_sh.gif')  !important;}
button.mini-help:active {background-image: url('/images/help_sc.gif')  !important;}

button.mini-clone {background-image: url('/images/clone_s.gif')   !important;}
button.mini-clone:hover {background-image: url('/images/clone_sh.gif')  !important;}
button.mini-clone:active {background-image: url('/images/clone_sc.gif')  !important;}

/*** END MINI BUTTONS **************************************************/