/* =GLOBAL
------------------------------------------------------- */

html
{
    overflow-y: scroll; /* force scrollbar to fix page shift issue */
}

html, body, h1
{
    margin: 0;
    padding: 0;
}

strong
{
    font-size: 14px;
    font-weight: bold;
}

legend
{
    color: #2E6E9E;
    font-weight: bold;
}

.clear
{
    clear: both;
}

.hidden
{
    display: none;
}

a
{
    color: #2E6E9E;
}

h3
{
    margin-top: 1.5em;
    margin-bottom: 0.5em;
}


/* =STRUCTURE
------------------------------------------------------- */

body
{
    background: #76A5D3 url(../images/eapp_bg.png) repeat-x;
    font-family: Arial, sans-serif;
    font-size: 16px;
}

#root
{
    margin: 0 auto;
    width: 966px;
}

#content
{
    min-height: 300px;
    padding: 10px 20px;
}

#main-wrapper
{
    background: url(../images/content_back_repeat.png) repeat-y;
}

#main
{
    background: url(../images/content_back.png) no-repeat;
    margin: 20px 0 0 0;
}

/* =HEADER
------------------------------------------------------- */

#ucsb-header
{
    background: url(../images/header_graddiv.jpg) no-repeat;
    display: block;
    height: 120px;
    margin: 0 auto;
    overflow: hidden;
    text-indent: -9999px;
    width: 770px;
}

#banner-address
{
    background: url(../images/banner_address.png) no-repeat;
    display: block;
    height: 20px;
    left: 42px;
    overflow: hidden;
    position: relative;
    text-indent: -9999px;
    top: 41px;
    width: 400px;
}

#banner-ucsblogo
{
    background: url(../images/ucsblogo_banner.png) no-repeat;
    display: block;
    height: 60px;
    left: 778px;
    overflow: hidden;
    position: relative;
    text-indent: -9999px;
    top: -23px;
    width: 145px;
}

/* =NAVIGATION
------------------------------------------------------- */

#navigation
{
    background: url(../images/nav_back.png) no-repeat 0 12px;
    height: 66px;
    list-style: none;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    width: 938px;
}

#page-title
{
    color: #2E6E9E;
    float: left;
    font-size: 20px;
    letter-spacing: 2px;
    margin: 25px 0px 0px 20px;
    padding: 0;
}

.nav-controls
{
    float: right;
    margin: 25px 20px 0px 0px;
}

.nav-controls a
{
    margin-left: 10px;
}

.nav-list 
{
    width: 200px;
}



/* =CONTENT
------------------------------------------------------- */

#content h2
{
    font-size: 20px;
    letter-spacing: 5px;
}

#content h4
{
    font-size: 14px;
    margin: 0px;
}

#content a, #content a:hover, #content a:visited
{
    text-decoration: none;
}

#content .ui-buttonset
{
    display: block;
    margin: 0.5em auto;
}

#content .ui-buttonset label
{
    padding: 5px;
}

#content .indent
{
    margin-left: 10px;
}


/* =FORMS
------------------------------------------------------- */

.input-label 
{
    display: block;
    letter-spacing: 1px;
    font-size: 12px;
    /*font-weight: bold;*/
    text-align: left;
    margin: 0 0 0.5em 0;
    padding: 0 0 0 5px;
}

.info-label
{
    font-size: 14px;
    font-weight: bold;
    color: #2E6E9E;
}

.label-required
{
    text-indent: 2px;
}

.label-required .ui-icon
{
    margin: -2px 0 0 -5px;
}

button .ui-button-icon-primary, a.ui-button .ui-button-icon-primary
{
    margin-top: -3px;
}

a.ui-button, button.ui-button, .ui-corner-all
{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.section-label 
{
    border-bottom: solid 1px black;
    display: block;
    letter-spacing: 0px;
    font-size: 13px;
    text-align: left;
}

.label-small
{
    font-size: 11px;
    letter-spacing: 0px;
}

.input-block 
{
    margin: 0 0 0.6em 0;
    padding: 5px 0px;
}

.input-block-short-half
{
    float: left;
    padding: 5px 0px;
    width: 280px;
}
.input-block-short-half.left
{
    margin-right: 10px;
}

.input 
{
    width: 890px;
    display: block;
}

.accordion-input 
{
    width: 852px;
    display: block;
}

.input.short, .input.ddl.short
{
    width: 570px !important;
}

input.short-half, input.ddl.short-half
{
    width: 250px !important;
}

select.ddl.short-half
{
    width: 440px;
}

select.ddl.short-half + a 
{
    margin-right: 13px;
}

.input.ddl
{
    width: 895px !important;
    margin-top: 3px;
}

.input-tab-fieldset 
{
    width: 845px;
    display: block;
}

.rcInputCell 
{
    padding-right: 0px !important;
            
}

.riTextBox
{
    width: 745px !important;
}

.ruInputs 
{
    list-style: none !important;
    padding: 0 !important;
}

.ruInputs li 
{
    margin: 0 !important;
    padding: 5px 0 !important;
}

.picker-buttons 
{
    border: 1px solid #E0DFE3 !important;
    color: #1E1903 !important;
    background: #f5f5f5 !important;
}

.ruFileWrap
{
    display: block;
    width: 100%;
}

.ruFakeInput
{
    width: 824px;
}

.ui-icon
{
    float: left;
}

.input-block .ui-buttonset label
{
    border-bottom-width: 2px;
}

.input-block .ui-buttonset label.ui-state-active
{
    border-color: #a5ccea;
    border-width: 2px 1px 1px 1px;
    -webkit-box-shadow: inset 0 1px 3px #DFEFFC;
    -moz-box-shadow: inset 0 1px 3px #DFEFFC;
    box-shadow: inset 0 1px 3px #DFEFFC;
    position: relative;
    text-decoration: underline;
    top: 1px;
}

.delete-doc
{
    display: block;
    width: 80px;
}

.buttoned-input {
    width: 738px;
}

select.buttoned-input {
    width: 750px;
    float: left;
}

select.buttoned-input option {
    width: 750px;
}

.add-faculty, .add-research
{
    width: 110px;
    margin-left: 5px;
}

.li 
{
    font-weight: normal;
    list-style-type: none;
    padding: 5px;
    width: 818px;
}

.nom-info-notice 
{
    padding-top: 5px;
}

.inline-block 
{
    display: inline-block !important;
}


#ddlProgram {
    overflow: visible !important;
}


/* =FOOTER
------------------------------------------------------- */

#footer
{
    color: #333;
    background: #76A5D3 url(../images/footer_back.png) no-repeat;
    font-size: 0.6em;
    height: 64px;
    margin: 0 0 20px 0;
    padding: 16px 10px 10px 10px;
    text-align: left;
    width: 966px;
}

#footer a
{
    color: #2D81C2;
    border-bottom: 1px dotted #FFF;
}

#footer .footer-icon
{
    background-repeat: no-repeat;
    border: none;
    float: left;
    margin-right: 8px;
    overflow: hidden;
    text-indent: -9999px;
}

#sa-icon
{
    background: url(../images/footer_sa.gif) no-repeat;
    height: 40px;
    width: 41px;
}

#ucsb-icon
{
    background: url(../images/footer_ucsb.gif) no-repeat;
    height: 40px;
    width: 55px;
}

#footer #copyright
{
    padding: 0 30px 0 0;
    text-align: right;
}

input, textarea
{
    border: 1px solid #8AB8DB;
    background: #FFF;
    font-family: Arial, sans-serif;
    padding: 5px;
}

table.tablesorter input {
    border: none;
    padding: 0px;
    margin: -2px;
}

table.tablesorter td {
    padding: 6px 5px !important;
}

textarea
{
    margin: 0.5em 0;
}

/* =LOGIN
------------------------------------------------------- */

#login-block
{
    margin: 40px 0 0 0;   
}

table.truncated-table 
{
     table-layout:fixed;
}

.truncate 
{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


#btn-new-app
{
    background: url(../images/btn-new-app.png) 0 0;  
}

#btn-existing-app
{
    background: url(../images/btn-existing-app.png) 0 0;  
}

#btn-app-status
{
    background: url(../images/btn-app-status.png) 0 0;  
}

#btn-new-app, #btn-existing-app, #btn-app-status
{  
    height: 75px;  
    width: 650px;  
    display: block;  
    margin: 1.5em auto;
    text-indent: -9999px;
}  

#btn-new-app:hover, #btn-existing-app:hover, #btn-app-status:hover
{  
    background-position: 0 75px;
}  


a.ui-button, button.ui-button
{
    display: inline-block;
    font-size: .8em;
    padding: 5px;
    text-decoration: none;
}

#new-app-login, #existing-app-login
{
    line-height: 1.45em;
}

#new-app-cancel, #existing-cancel
{
    padding-top: 4px;
    padding-bottom: 4px;
}

#new-app-cancel
{
    padding-bottom: 3px;
}

a.logout-link, a.admin-link, a.view-switch-link, a.search-link, a.messages-link
{
    padding-top: 5px;
    margin-top: -5px;
}

#ddlNavigation-button, .logout-link
{
    position: relative;
    top: -3px;
}

a.search-link, a.messages-link {
    position: relative;
    top: 1px;
}

a.logout-link .ui-button-icon, a.logout-link .ui-button-text,
a.admin-link .ui-button-icon, a.admin-link .ui-button-text,
a.view-switch-link .ui-button-icon, a.view-switch-link .ui-button-text,
a.search-link .ui-button-icon, a.view-switch-link .ui-button-text,
a.messages-link .ui-button-icon
{
    position: static !important;
}

a.logout-link .ui-button-icon-primary,
a.admin-link .ui-button-icon-primary,
a.view-switch-link .ui-button-icon-primary,
a.search-link .ui-button-icon-primary,
a.messages-link .ui-button-icon-primary
{
    margin-top: 0;
}

.applicant-search-textbox 
{
    width: 490px;
}

#divEditLink 
{
    margin-left: 5px;
}

button.ui-button
{
    height: 30px;
}

.ui-button-text
{
    font-size: 13px !important;
}

body .ui-widget { font-size: .8em; }

.ui-selectmenu-menu
{
    z-index: 1;
}

.ui-selectmenu-status
{
    color: #2E6E9E;
}

.ui-autocomplete-container
{
    width: 890px;
}

.ui-autocomplete-container ul
{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.ui-autocomplete-container a
{
    display: block;
    padding: 3px 2px;
}

.ui-dialog .ui-buttonset
{
    margin: 5px auto;
    display: block;
}

.ui-dialog .ui-buttonset label
{
    padding: 5px;
}

.ui-dialog .ui-button label
{
    padding: 5px;
}

.ui-dialog-titlebar-close
{
    text-decoration: none;
}

.custom-checkbox input
{
    border-width: 0;
}

/* =OVERVIEW ACCORDION
------------------------------------------------------- */

.info-table
{
    border-collapse: collapse;
    font-size: 12px;
    float: left;
    width: 100%;
}

.info-table td
{
    padding: 12px 0 3px 0;
    vertical-align: top;
}

.info-table td.info-table-empty-cell
{
    border-bottom-width: 0;
}

.info-table .info-table-header
{
    background: url("http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.0/themes/redmond/images/ui-bg_inset-hard_100_f5f8f9_1x100.png") repeat-x scroll 50% 50% #F5F8F9;
    background: #F7FBFF;
    border-bottom: solid 1px #D1E9F9;
    color: #2E6E9E;
    font-weight: bold;
    font-size: 1.3em;
    padding: 12px 0px 5px 0px;
    vertical-align: bottom;
}

.info-table td
{
    border-bottom: solid 1px #D1E9F9;
}

.info-table .info-table-label
{
    font-weight: bold;
    padding-right: 10px;
    text-align: right;
    line-height: 15px;
    width: 35%;
}

.complete
{
    color: #090;
    float: right;
    font-weight: bold;
}

.incomplete
{
    color: #F03;
    float: right;
    font-weight: bold;
}

.update-success
{
    color: #090;
    font-weight: bold;
}

.update-failure
{
    color: #F03;
    font-weight: bold;
}


.section-buttons
{
    margin-top: 10px;
    height: 30px;
}

.section-edit-link
{
    bottom: 20px;
    position: absolute;
    right: 20px;
}

#exam-scores-buttons
{
    float: left;
    padding: 10px 0 0 0;
    width: 100%;
}

.app-section-title
{
    float: left;
}

h3.ui-accordion-header
{
    clear: both;
    float: left;
    padding: 5px 0;
    width: 920px;
}

.ui-accordion div.ui-accordion-content
{
    border: 1px solid #79B7E7;
    border-top-width: 0;
    float: left;
    padding: 28px;
    width: 864px;
}

/* the next two rules below complement the removal of the float:left; above */
.ui-accordion-header.ui-state-active {
    border-bottom: none;
}

.ui-accordion .ui-accordion-content.ui-accordion-content-active {
    top: 0px;
}

#content .ui-accordion .ui-accordion-content
{
    overflow: hidden;
}

.section-edit-link .ui-button-text
{
    text-indent: 20px;
    margin: -1em 0 0 0;
}

.section-edit-link .ui-button-icon-primary
{
    display: block;
}

.comment-buttons 
{
    float:right;
    text-align: right;
    margin: -10px -5px 5px 5px;
}

/* =SCORE REPORTS
------------------------------------------------------- */
#content h4.score-report-title
{
    color: #036;
    font-size: 16px;
}

.score-report, .undergrad-institutions, .grad-institutions
{
    border-collapse: collapse;
    margin: 0px 0px 20px 0px;    
    width: 100%;
}

.score-report tr.score-report-header,
.undergrad-institutions tr.undergrad-institutions-header, 
.grad-institutions tr.grad-institutions-header
{
    height: auto;
}

.score-report th, .undergrad-institutions th, .grad-institutions th
{
    border-bottom: 1px solid #2E6E9E;
    color: #2E6E9E;
    font-weight: bold;
    font-size: 14px;
}

.score-report td, .score-report th, 
.undergrad-institutions td, .grad-institutions td,
.undergrad-institutions th, .grad-institutions th
{
    text-align: left;
    padding: 10px 0;
}

.score-report td, .undergrad-institutions td, .grad-institutions td
{
    border-bottom: 1px solid #CCC;
    height: 40px;
}

/* =RECOMMENDATIONS
------------------------------------------------------------------------*/
#content h4.recommender-list-title
{
    color: #036;
    font-size: 16px;
}

.recommender-list
{
    border-collapse: collapse;
    margin: 0px 0px 20px 0px;    
    width: 100%;
    font-size: 14px;
}

.recommender-list tr.recommender-list-header
{
    height: auto;
}

.recommender-list th
{
    border-bottom: 1px solid #2E6E9E;
    color: #2E6E9E;
    font-weight: bold;
    font-size: 14px;
}

.recommender-list td, .recommender-list th
{
    text-align: left;
    padding: 10px 5px;
}

.recommender-list td
{
    border-bottom: 1px solid #CCC;
    height: 40px;
}

/* =NOMINATION
------------------------------------------------------------------------*/
#content h4.nomination-list-title
{
    color: #036;
    font-size: 16px;
}

.nomination-list
{
    border-collapse: collapse;
    margin: 0px 0px 20px 0px;    
    width: 100%;
    font-size: 14px;
}

.nomination-list tr.nomination-list-header
{
    height: auto;
}

.nomination-list th
{
    border-bottom: 1px solid #2E6E9E;
    color: #2E6E9E;
    font-weight: bold;
    font-size: 14px;
}

.nomination-list td, .nomination-list th
{
    text-align: left;
    padding: 10px 5px;
}

.nomination-list td
{
    border-bottom: 1px solid #CCC;
    height: 40px;
}

.table-options {
    border-collapse: collapse;
    width: 98%;
    font-size: 14px;
}

.table-options tr td, .table-options tr th {
    padding: 3px;
}

.table-options tr.border-row td {
    border: 1px solid #999999;
    padding: 3px;
}

.table-options tr.border-row td:first-child {
    border: 0;
}

/* =AWARDS AND OPTIONS ELECTIONS
------------------------------------------------------------------------*/

div.options-elections {
    margin-left: 20px;
}

div.options-elections input {
    padding: 3px 0 0 3px;
}
h3.options-elections {
    margin-top: 10px;
}
h4.options-elections {
    margin: 10px 0 5px 10px !important;
}

/* =VALIDATION
------------------------------------------------------- */
.validation-message, .validation-summary
{
    color: Red;
}

.input-validator
{
    display: none;
}

/* =TELERIK
----------------------------------------- */

.ruFileInput
{
    cursor: pointer;
}

.ruFileWrap input.ruButton
{
    background: url("http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.0/themes/redmond/images/ui-bg_glass_85_dfeffc_1x400.png") repeat-x scroll 50% 50% #DFEFFC;
    border: 1px solid #C5DBEC;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #2E6E9E;
    cursor: pointer;
    font-size: 1.15em;
    font-weight: bold;
    height: auto;
    line-height: 1.6;
    margin: 0 0 0 4px;
    padding: 3px 0;
}

.ruFileWrap input.ruFakeInput
{
    background: #FFF;
    border: 1px solid #8AB8DB;
    font-family: Arial, sans-serif;
    height: 16px;
    padding: 5px;
}

/* =KITCHEN SINK
------------------------------------------------------- */

/* Override jQuery UI base css to address Chrome radio button positioning bug */
.ui-helper-hidden-accessible {
    left: -9999999px !important; /* removed a 9 */
}

.ui-state-error 
{
    border: 1px solid #cd0a0a; 
    background: #fef1ec url("http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.0/themes/redmond/images/ui-bg_inset-soft_95_fef1ec_1x100.png") 50% bottom repeat-x; 
    color: #cd0a0a;
}

.interest-buttons
{
    /*margin-right: 5px;*/
    float: right;
}

.application-buttons
{
    height: 30px;
    padding: 5px 20px;
}

.application-buttons .btn-overview
{
    float: right;
}

.gcbl-group-header
{
    color: #2E6E9E;
    display: block;
    font-weight: bold;
    font-size: 14px;
    padding: 0px;
    margin: 15px 0px 0px 0px;
}

.locked-degree-program-label
{
    color: #2E6E9E;
    display: block;
    font-weight: bold;
    font-size: 14px;
    padding: 0px;
    margin: -15px 0px 0px 0px;
}

.login-divider
{
    border: none;
    border-top: solid 1px #2E6E9E;
    margin: 10px auto;
    padding: 0px;
    text-align: center;
    width: 700px;
}

.login-divider legend
{
    color: #000;
}

#new-app-login, #existing-app-login, #app-status-login
{
    display: none;
}

.institution-header
{
    font-size: 14px;
    margin: 0px;
}

#institution-fieldset-grad, #institution-fieldseet-undergrad
{
    clear: both;
}

#reqs
{
    font-size: 12px;
}

legend.collapsible
{
    cursor: pointer;
}

fieldset, fieldset.collapsible
{
        padding: 10px;
        border: 1px solid black;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-right-width: 1px;
        margin-bottom: 1em;
}

fieldset.collapsed
{
        border-bottom-width: 0;
        border-left-width: 0;
        border-right-width: 0;
        margin-bottom: 0;
        margin-left: 3px;
}

#letter-service-notice
{
    font-size: 13px;
    color: #2E6E9E
}

table.app-info-table
{
    font-size: 12px;
}

strong.app-info-label
{
    font-size: 12px;
}

.file-input
{
    background: #FFF;
    border: 1px solid #8AB8DB;
    font-family: Arial, sans-serif;
    font-size: 70px !important;
    height: 27px;
    padding: 5px;
    width: 400px;
}

.accordion-file-input
{
    background: #FFF;
    border: 1px solid #8AB8DB;
    font-family: Arial, sans-serif;
    padding: 5px;
    width: 852px;
}

.fake-file-input
{
    background: #FFF;
    border: 1px solid #8AB8DB;
    font-family: Arial, sans-serif;
    height: 16px;
    padding: 5px;
    width: 824px;
}

.note legend {
    font-weight: normal;
    font-size: 14px;
}

.note {
    border: 1px solid #8AB8DB;
}

#institution-accordion-grad, #institution-accordion-undergrad
{
    width: 850px;
}

#institution-accordion-grad h3.ui-accordion-header, #institution-accordion-undergrad h3.ui-accordion-header
{
    width: 900px;
}

#institution-accordion-undergrad.ui-accordion div.ui-accordion-content, #institution-accordion-grad.ui-accordion div.ui-accordion-content
{
    width: 844px;
}

#institution-accordion-grad.ui-accordion a, #institution-accordion-undergrad.ui-accordion a
{
    color: #2E6E9E;
}

.filter-label
{
    display: block;
    padding: 0 0 5px 0;
}

.department-filter { float: left; width: 475px; height: 65px; }
.department-filter .ddl { width: 450px; }

.quarter-filter { float: left; width: 237px; height: 65px; }
.quarter-filter .ddl { width: 213px; }

.objective-filter { float: left; width: 212px; height: 65px; }
.objective-filter .ddl { width: 212px; }

.optional-filter { float: left; width: 450px; height: 65px; }
.optional-filter .ddl { width: 450px; }

.optional-filter-marg-left { margin-left: 25px; }

.filter-block { float: left; width: 460px; height: 65px; }
.filter-block .ddl { width: 450px; }

.action-block
{
    border-top: 1px solid #DDD;
    margin: 15px 0 0 0;
    padding: 15px 0 0 0;
}

.action-block .ddl { width: 680px; }
.btn-apply-action
{
    position: relative;
    top: 2px;
}


#datasheet h3
{
    border-bottom: 1px solid #2E6E9E;
    color: #2E6E9E;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 0px;
}

.datasheet-table
{
    font-size: 14px;
    width: 100%;
}
.datasheet-table .table-label { font-weight: bold; }
.datasheet-table ol
{
    margin: 0px;
    padding-left: 20px;
}

#queue-menu { height: 50px; }

#edit-menu { margin-bottom: 20px;}

.ui-button {
    cursor: pointer;
}

.buttoned-input {
    width: 738px;
}

select.buttoned-input {
    width: 750px;
    float: left;
}

select.buttoned-input option {
    width: 750px;
}

.edit-category,.delete-category, .enable-users, .disable-users, .edit-faculty, .delete-faculty, .edit-research, .delete-research, .delete-users, .toggle-deleted-users
{
    width: 110px;
    margin-left: 5px;
    float: left;
}

.add-user-button, .faculty-button, .research-button
{
    width: 110px;
}

.delete-category, .disable-users, .delete-faculty, .delete-research, .delete-users
{
    margin-top: 5px;
}

.toggle-deleted-users {
    margin-top: 42px;
}

.btn-queue-return, .btn-nominations-return, .btn-awards-return
{
    float: right;
    margin-left: 10px;
}

.btn-edit-app, .btn-view-app, .btn-fellowships
{
    float: right;
    margin-right: 5px;
}


.btn-match-score
{
    float: right;
    width: 85px;
}

.applicant-name { font-size: 18px; }
.review-vote-count
{
    border-collapse: collapse;
    width: 500px;
    text-align: center;
}

.review-vote-count th
{
    font-weight: bold;
    color: #2E6E9E;
    font-size: 14px;
    border-bottom: solid 1px #8AB8DB;
}

div.modal-message
{
    padding:40px 0;
    text-align:center; 
    width:100%; 
}

.exam-match 
{
    color: #090;
}

/* =REPORTS
------------------------------------------------------- */

#report-directory-wrapper
{
    float: left;
    overflow: auto;
    width: 150px;
}

#report-frame
{
    border: 1px solid #DDD;
    display: none;
    height: 700px;
    width: 774px;
}

.report-navigation
{
    float: right;
    width: 100%;
    margin-bottom: 15px;
}

.no-report-selected
{
    color: #2E6E9E;
    float: right;
    font-size: 1.5em;
    height: 660px;
    text-align: center;
    padding-top: 40px;
    width: 774px;
}

.rtImg, .rtIn
{
    cursor: pointer;
}

#print-div
{
    float: right;
}

#print-div a
{
    background: url(../images/print.png) no-repeat;
}

/* =CUSTOM FILE UPLOAD UI
------------------------------------------------------- */

/* .customfile-input is used to convert the file upload input as
a transparent overlay due to browser security restrictions */
.customfile-input 
{
    position: absolute; 
    top: 0;
    text-align: right;
    background: transparent; 
    border: 0; 
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    width: 400px; /* must be same as .customfile width */
    height: 27px;
    /*z-index: 999;*/
}

.customfile {
    width: 400px; 
    background: #DFEFFC;
    cursor: pointer; 
    overflow: hidden; 
    padding: 2px 3px; 
    border: 1px solid #C5DBEC;
    -moz-border-radius:5px; 
    -webkit-border-radius:5px; 
    border-radius:5px;  
    position: relative;
}

.customfile-disabled {
    opacity: .5; 
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); 
    cursor: default;
}

.customfile-feedback {
    display: block; 
    margin: 1px 1px 1px 5px; 
    color: #2E6E9E;
    font-style: italic; 
    padding: .2em .6em;
}

.customfile-feedback-populated {
    color: #2E6E9E; 
    font-style: normal; 
    font-weight: bold; 
    padding-left: 20px; 
    background: url(../images/icon-generic.gif) left 4px no-repeat;
}

.customfile-button {
    display: inline-block;
    height: 1.5em;
    padding: .3em .6em;
    text-decoration: none;
    border: 1px solid #2E6E9E;
    float: right;
    color: #fff;
    background: #8AB8DB;
    font-weight: bold;   
    text-align: center;  
    -moz-border-radius:5px; 
    -webkit-border-radius:5px; 
    border-radius:5px;
}

.customfile-hover .customfile-button, .customfile-focus .customfile-button 
{
    background: url("http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.0/themes/redmond/images/ui-bg_glass_75_d0e5f5_1x400.png") repeat-x scroll 50% 50% #D0E5F5;
    border: 1px solid #79B7E7;
    color: #1D5987;
    font-weight: bold;
    outline: medium none;
    padding: .3em .6em;
}

.customfile-focus .customfile-button {
    outline: 1px dotted #ccc;
}

/*file type icons*/
.customfile-ext-jpg, .customfile-ext-gif, .customfile-ext-png, .customfile-ext-jpeg, .customfile-ext-bmp {
    background-image: url(../images/icon-image.gif);
}

.customfile-ext-mp3, .customfile-ext-mp4, .customfile-ext-mov, .customfile-ext-swf, .customfile-ext-wav, .customfile-ext-m4v {
    background-image: url(../images/icon-media.gif);
}

.customfile-ext-zip, .customfile-ext-tar, .customfile-ext-sit {
    background-image: url(../images/icon-zip.gif);
}

.error { color: Red; }

/*messaging*/
.message-body {
    padding: 10px 0px;
}

.chain-status-filter {
    float: left;
    width: 475px;
    height: 65px;
}

.chain-status-filter .ddl {
    width: 450px;
}

table.chain-info-table
{
    font-size: 12px;
}

strong.chain-info-label
{
    font-size: 12px;
}

.empty-button-hack {
    overflow: hidden;
    display: block;
}

.filter-right-column {
    margin-left: 25px;
}

.payment-status-filter {
    float: left;
    width: 475px;
    height: 65px;
}

.payment-status-filter .ddl {
    width: 450px;
}

.application-status-filter {
    float: left;
    width: 475px;
    height: 65px;
}

.application-status-filter .ddl {
    width: 450px;
}

.payment-type-filter {
    float: left;
    width: 450px;
    height: 65px;
}

.payment-type-filter .ddl {
    width: 450px;
}

.appid-search {
    float: left;
    width: 475px;
    height: 65px;
}

.appid-search .input {
    width: 438px;
}

.appid-search-button {
    float: left;
    width: 450px;
    height: 65px;
}

.btn-search-by-id {
    float: left;
}

.validation-block {
    display: block;
    height: 24px;
}

.dean-signature {
    height: 65px;
    width: 190px;
}

.ucsb-letterhead {
    width: 685px;
    height: 178px;
}


/* =FEE WAIVER REQUESTS */
.input.ddl.modal
{
    width: 582px !important;
    margin-top: 3px;
}

#fee-waiver-request-table *
{
    border: 1px solid black;
}

#fee-waiver-request-table 
{
    border-collapse: collapse;
}

table#fee-waiver-request-table tbody tr td
{
    padding: 0px 5px 0px 5px;
}ma

div.dialog 
{
    margin: 20px 0 0 0;
}

.input.dialog 
{
    margin-top: 15px; 
    width: 572px !important;
}

.input.sir-dialog 
{
    width: 572px !important;
}

.input.sir-dialog-textbox 
{
    width: 562px !important;
}

p.dialog
{
    margin: 30px 0 0 0 !important;
}

.fw-column 
{
    padding-right: 15px !important;
}

div.system-message
{
    padding: 10px;
    border: 1px solid #FF6600;
    background-color: #FFFFDD;
    color: #FF6600;
}

/* =DEPARTMENT OFFERS
------------------------------------------------------------------------*/
.department-offer-checkbox {
    top: -8px;
    position: relative;
}

.dept-offer-complete {
    display: block;
    background-color: #0080001c;
    color: green;
    font-weight: bold;
    padding: 20px;
}

.dept-offer-incomplete {
    display: block;
    background-color: #ff00001c;
    color: red;
    font-weight: bold;
    padding: 20px;
}