﻿/* ************************************* */
/*                                       */
/* .ORG UI WRAPPER                       */
/*                                       */
/* ************************************* */
div,table
{
    margin:0px;
    padding:0px;
}

#header  
{
    margin: 0px;
    border:0px solid green;
}

#wrapper
{
    background: #FFFFFF url(/library/images/com_delta_bg.gif) repeat-y -9px 0px;
    width:991px;
    padding:0px;
    border-left:5px solid #FFFFFF;
}

#wrapper td
{
    vertical-align:top;
}

#sidebar
{
    border:0px solid purple !important;
    border-left:0px solid #FFFFFF;
    width:200px;
    vertical-align:top;
}

#content
{
    background-color:#FFFFFF;
    border:0px solid green;
    padding:0px;
    width:100%;
    vertical-align:top;
}

#content .innertext
{
    border: 1px solid red;
    padding:16px 0px 16px 20px;
}

#innercontent
{
    padding:16px 0px 16px 20px;
}

#footer 
{
    clear: both;
    border:0px solid green;

}

#loginview
{
    background-color:#CBD6DF;
    border-left:0px solid #FFFFFF;
    padding:4px;
    width:205px;
}

.searchText
{
    line-height:20px;
}

.searchButton
{
    line-height:18px;
}

/* ************************************* */
/*                                       */
/* .ORG REVISED ELEMENTS                 */
/*                                       */
/* ************************************* */
table
{
    font-size:100%; 
}

input
{
    vertical-align:middle;
}

a
{
    color:#438FB3;
}

h1.gry, h1
{
    background: #6A737B none no-repeat;
    padding:5px;
    color:#FFFFFF;
}

h1 a
{
    color:#FFFFFF;
}

h1.small, h2
{
    height:auto;
    font: normal normal bold 16px/22px Verdana, Helvetica, sans-serif !important;
    background: transparent none no-repeat;
    padding:0px;
    text-indent: 0px;
    color:#464646;
}

fieldset h2
{
    height:auto;
    font: normal normal bold 10px/22px Verdana, Helvetica, sans-serif !important;
    background: #6A737B none no-repeat;
    padding:0px 0px 0px 5px;
    margin:6px 0px 6px 0px;
    text-indent: 0px;
    color:#FFFFFF;
}

h2 a.btn 
{
    font: normal normal normal 9px/11px Verdana, Helvetica, sans-serif;
    border:1px solid #FFFFFF;
    background-color:#CBD6DF;
    padding:1px 2px 1px 2px;
}

h2 a.ie7btn 
{
    font: normal normal normal 9px/11px Verdana, Helvetica, sans-serif;
    border:1px solid #FFFFFF;
    background-color:#CBD6DF;
    padding:1px 2px 1px 2px;
}

h3
{
    height:auto;
    font: normal normal bold 14px/22px Verdana, Helvetica, sans-serif !important;
    background: transparent none no-repeat;
    padding:0px;
    text-indent: 0px;
    color:#535353;
}

h4
{
    font: normal normal bold 13px/15px Verdana, Helvetica, sans-serif !important;
    margin:0px;
    color:#969696;
}

h5, h5 a
{
    font: normal normal bold 12px/15px Verdana, Helvetica, sans-serif !important;
    margin:0px;
    color:#535353;
}


h6
{
    font: normal normal bold 11px/12px Verdana, Helvetica, sans-serif !important;
    margin:0px;
    color:#969696;
}

blockquote
{
    /*border:1px solid green;*/
    /*border-left:13px solid #E6D022; */
    border-left:13px solid #E1DEE0;
    padding:0px 10px 0px 10px;
    margin:10px 28px 10px 28px;
    /*width:100%;*/
}
blockquote H3, blockquote H4,blockquote H5,blockquote H6
{
    margin-top:0px;
}

blockquote.calloutRight
{
    width:200px;
    float:right;
    padding:0px 10px 0px 10px;
    margin:0px 0px 10px 10px;
}

blockquote.calloutLeft
{
    width:200px;
    float:left;
    padding:0px 10px 0px 10px;
    margin:0px 0px 10px 10px;
}

ol
{
    margin-top:10px;
    margin-bottom:10px;
}

ol li
{
    list-style-image:none;
}

ol li, ul li
{
    border:0px solid green;
    margin-bottom:4px;
    margin-left:0px;
}

fieldset
{
    -moz-border-radius: 8px;
    padding: 10px 10px 10px 10px;
    margin:0px 0px 10px 0px;
}

legend
{
    padding: 1px 4px 1px 15px;
    color:#333333;
}

fieldset.staffonly 
{
    position:relative;
    margin-top:20px;
    background:#FFFFCC;
    padding-top:20px;
}

fieldset.staffonly legend
{
    font-weight:bold;
    background-color:#FFFFFF;
    position:absolute;
    top:-10px;
    padding:2px 5px;
    color: #FF9900;
}

img
{
    border-width:0px;
}

label span.valid
{
    margin:0px 0px 0px 215px;
    position:absolute;
}

label input, label select
{
    position:absolute; 
    margin:0px 0px 0px 10px;
    width:200px;
}

br 
{
    clear: left;
}

span
{
    font-family: arial,verdana,helvetica,sans-serif;
}

address
{
    border-left:1px dotted #CCCCCC;
    padding:0px 0px 0px 10px;
    margin:10px 28px 10px 28px;

}

hr
{
    color:#6A737B;
    background: #6A737B; /* req. for FF */
    border: 0px;
    height:1px;
    margin: 0 0 10px;
}

.inputSearch
{
    width:153px;
    padding-left:3px;
}

.cbox input
{
    font: normal normal normal 8pt/11pt Verdana, Arial, Helvetica, sans-serif;
    width:auto !important;
    vertical-align:middle;
}

textarea
{ 
    width:430px; 
}

.companyLogoBackground
{
    border:0px solid green;
    text-align:center;
}


/* ************************************* */
/* Banner                                */
/* ************************************* */
#bannerContainer
{
    border:0px solid green;
    display:none;  /*javascript will change to "block" once page is loaded. */
}

#bannerElement
{
    border:0px solid blue;
    height:150px;
}

#bannerControls
{
    border:0px solid red;
    padding:10px 4px 0px 20px;
    display:none;  /* javascript will change to "block" once page is loaded. */
}

#bannerControls A
{
    font: normal normal normal 9px/9px Arial, Verdana, Helvetica, sans-serif !important;
    border-top:2px solid #D4DDE5;
    border-left:2px solid #D4DDE5;
    border-bottom:2px solid #9BA4AB;
    border-right:2px solid #9CA4AB;
    background-color:#CBD6DF;
    padding:0px 1px 0px 1px;
    text-decoration:none;
    color:#000000;
}

/* ************************************* */
/* Define Language and Search            */
/* ************************************* */
#LangSearchBar
{
    margin:2px 0px 2px 0px
}

#LangSearchBar .lang
{
    background: transparent url(/library/images/langauge_globe.gif) no-repeat 0px 0px;
    padding-left:23px;
    /*visibility:hidden;*/
}
    
#LangSearchBar .search
{
    font: normal normal normal 11px/11px Arial, Verdana, Helvetica, sans-serif !important;
    color:#0951A2;
    margin:0px !important;
    padding:0px !important;
}

#LangSearchBar .search Input
{
    background-color:#E4E1E3;
    border:1px solid #000000;
    color:#464646;
    margin:0pt;
    height:14px;
    width:153px;
}

#LangSearchBar .search A
{
    font: normal normal normal 11px/11px Arial, Verdana, Helvetica, sans-serif !important;
    color:#0951A2;
    margin:0px;
    padding:0px;
    text-decoration:none;
}

/* ************************************* */
/*                                       */
/* Define modules used on homepage       */
/*                                       */
/* ************************************* */
#right_nav_container
{
    float:right;
    width:200px;
}

#right_nav_container div
{
    border:1px solid #CBD6DF;
    margin:0px 0px 10px 10px;
}

#right_nav_container div div
{
    border:0px;
    margin:0px;
}

#right_nav_container div h3
{
    font: normal normal bold 9pt/9pt Arial, Verdana, Helvetica, sans-serif !important;
    margin:0px;
    padding:3px;
    background-color:#CBD6DF;
    color:#6A737B;
}

#right_nav_container div ul
{
    margin:0px;
    padding:5px 0px 0px 0px;
    width:100%;
}

#right_nav_container p
{
    margin:0px;
    padding:3px 6px 3px 6px;
}

#right_nav_container div ol
{
    margin:0px;
    padding:5px 0px 0px 5px;
    width:100%;
}


#right_nav_container div ul li
{
    font: normal normal bold 11px/13px Arial, Verdana, Helvetica, sans-serif !important;
    padding:0px;
    margin:0px 0px 5px 20px;
    border:0px solid red;
}

#right_nav_container div ol li
{
    font: normal normal normal 11px/13px Arial, Verdana, Helvetica, sans-serif !important;
    padding:0px;
    margin:0px 0px 5px 20px;
    border:0px solid red;
}


#right_nav_container div a
{
    color:#6A737B;
    text-decoration:none;
}

#right_nav_container div a:hover
{
    color:#6A737B;
    text-decoration:underline;
}


#right_nav_container table
{
    margin:5px;
}

/* ************************************* */
/*                                       */
/* Define modules used on homepage       */
/*                                       */
/* ************************************* */
.module
{
    margin:10px 10px 0px 0px;
    border:1px dotted #999999;
    position:relative;
}

.module p span, .module p
{
    font: normal normal normal 9pt/9pt Verdana, Arial, Helvetica, sans-serif;
}


.module h2
{
    margin:0px;
    padding:3px;
    background-color:#cdd5de;
    font: normal normal bold 9pt/9pt Verdana, Arial, Helvetica, sans-serif !important;
    overflow: hidden;
    width:auto;
    height:100%;
}

.module th hr
{
    margin:0px;
    padding:0px;
}

.module h2 a.btn
{
    width:auto;
    border:1px solid #FFFFFF;
    background-color:#6A737B; 
    float:right;
    color:#FFFFFF;
    margin:0px 0px 0px 0px;
}

/* IE7 style */
.module h2 a.ie7btn
{
    width:auto;
    border:1px solid #FFFFFF;
    background-color:#6A737B; 
    float:right;
    color:#FFFFFF;
    margin:-12px 0px 0px 0px;
}

.module h2 .link
{
    border:1px solid green;
    float:right;
}

.module h3
{
    margin:3px 6px 3px 6px;
}

.module p
{
    margin:3px 6px 3px 6px;
    font: normal normal normal 8pt/10pt Verdana, Arial, Helvetica, sans-serif;
}

.module .infopanel
{
    margin:0px;
}

.infopanel .date
{
    margin-bottom:0px;
    /*height:11px;*/
    line-height:12px;
}

/* ************************************* */
/*                                       */
/* The infamous infopanel                */
/*                                       */
/* ************************************* */
.infopanel
{
    width:100%;
}

.infopanel a
{
    font: normal normal normal 8pt/11pt Verdana, Arial, Helvetica, sans-serif;
}

.infopanel th
{
    font: normal normal bold 8pt/11pt Verdana, Arial, Helvetica, sans-serif;
    text-align:right;
    background-color:Transparent !important;
    color:#969696;
}

.infopanel tr.header th, .infopanel th.header
{
    font: normal normal normal 8pt/11pt Verdana, Arial, Helvetica, sans-serif;
    text-align:left;
    background-color:#6A737B !important;
    color:#FFFFFF;
    padding:0px 2px 0px 2px;
}


.infopanel th a, .infopanel th.header a
{
    color:#FFFFFF;
}

.infopanel td
{
    font: normal normal normal 8pt/11pt Verdana, Arial, Helvetica, sans-serif;
    background-color:#EFEFF7;
    padding:0px 2px 0px 2px;
    vertical-align:top;
}

.infopanel td span
{
    font: normal normal normal 8pt/11pt Verdana, Arial, Helvetica, sans-serif;
}


.infopanel input, .infopanel select
{
    
    font: normal normal normal 8pt/11pt Verdana, Arial, Helvetica, sans-serif;
    width:200px;
    vertical-align:middle;

}

.infopanel caption
{
    text-align:left;
    font: normal normal normal 8pt/8pt Verdana, Arial, Helvetica, sans-serif;
    background-color:#ebebeb !important;
    margin:0px 2px 0px 2px;
    padding:3px;
}

.infopanel tr.alt td
{
    background-color:#FFFFFF;
}

.infopanel .highlight td, .datapanel .highlight td
{
    background-color:#FFFFCC;
}

.datapanel
{
    width:100%;
}

.datapanel a
{
    font: normal normal normal 8pt/11pt Verdana, Arial, Helvetica, sans-serif;
}

.datapanel th
{
    font: normal normal bold 8pt/11pt Verdana, Arial, Helvetica, sans-serif;
    background-color:#6A737B !important;
    border:1px solid #6A737B;
    color:#FFFFFF;
    text-align: center;
}

.datapanel th a
{
    font: normal normal bold 8pt/11pt Verdana, Arial, Helvetica, sans-serif;
    color:#FFFFFF !important;
}

.datapanel td
{
    font: normal normal normal 8pt/11pt Verdana, Arial, Helvetica, sans-serif;
    background-color:#EFEFF7;
    border:1px solid #EFEFF7;
    padding:0px 2px 0px 2px;
    vertical-align:top;
}

.datapanel td h2
{
    padding:0px;
    margin:10px 0px 0px 0px;
}

.datapanel tr.alt td, .datapanel tr td.alt, .datapanel tr.odd td 
{
    border:1px solid #EFEFF7;
    background-color:#FFFFFF;
}

.datapanel tr.hilite td, .datapanel tr td.hilite
{
    border:1px solid #cdd5de;
    background-color:#cdd5de;
}

.datapanel tr.even td 
{
    background-color:#EFEFF7;
    border:1px solid #EFEFF7;
}


/* ************************************* */
/*                                       */
/* The innerinfopanel                    */
/*                                       */
/* ************************************* */
.extGridViewBtnExpandCollapse
{
    font: normal normal bolder 7pt/7pt Verdana, Arial, Helvetica, sans-serif !important;
    border: 0px solid #000000;
    color: #000000 !important;
    display:block;
    text-align:center;
    padding:0px;
    margin:3px;
}

.innerinfopanel
{
    width:100%;
}

.innerinfopanel th
{
    font: normal normal bold 8pt/11pt Verdana, Arial, Helvetica, sans-serif;
    text-align:left;
    background-color:#cdd5de !important;
    padding:0px 2px 0px 2px;
}

.innerinfopanel td
{
    font: normal normal normal 8pt/11pt Verdana, Arial, Helvetica, sans-serif;
    background-color:#CBD6DF;
    padding:0px 2px 0px 2px;
    vertical-align:top;
}

.infopanel th a
{
    font-weight:bold;
}

/* ************************************* */
/*                                       */
/* messagebox				 */
/*                                       */
/* ************************************* */
.message
{
    margin:10px 0px 10px 0px;
    padding:10px 10px 10px 30px;
    background: #EEEEEE url(/library/images/icons/info.gif) no-repeat scroll 10px 10px; 
    border:1px solid #999999
}

.message h2
{
    background-color:Transparent;
    margin:0px 0px 10px 0px;
}

.messagemBoxValidation
{
    margin:10px 0px 10px 0px;
    padding:10px 10px 10px 30px;
    background: #FFEEEE url(/library/images/icons/warning.gif) no-repeat scroll 10px 10px; 
    border:1px solid #FF0000;
}

.module .messagemBoxValidation
{
    margin:0px 0px 2px 0px;
    border:0px;
    border-bottom:1px solid #FF0000;
}

.ajaxworking
{
    background:#FFFFFF url(/library/images/ajax_activity.gif) no-repeat 5px 5px;
    padding:5px;
    border:1px solid #6A737B;
    width:32px;
    height:32px;
    position:absolute;
    top:50%;
    left:50%;
    z-index:300;
}

.messagemBoxValidation h2
{
    margin:0px 0px 10px 0px;
}

.messagemBoxValidation ul
{
    padding:10px 10px 10px 0px;
    margin:10px 0px 0px 20px;
}

.messagemBoxValidation li
{
    padding:0px 0px 0px 0px;
    margin:0px 0px 2px 0px;
    list-style-type:none;
    background:  none no-repeat scroll 0px 0px; 
}

/* ************************************* */
/*                                       */
/* Collapseable Fieldsets                */
/*                                       */
/* ************************************* */
.fieldset-expanded
{
    margin:10px 0px 10px 0px;
}

.fieldset-collapsed
{
    border: none;
    padding-bottom: 0;
    padding-top: 0;
    margin:10px 0px 10px 0px;
}

.fieldset-collapsed .form-item 
{
    display: none;
}

.fieldset-expanded legend, .fieldset-collapsed legend 
{
    cursor: pointer;
    color: #000;
    background-repeat: no-repeat;
    background-position: 4px 50%;
}

.fieldset-expanded legend 
{
    padding: 1px 4px 1px 15px;
    background-image: url(/library/images/menu-expanded.gif);
    /* TODO: figure out why this isn't cascading correctly in IE without important */
    border: none !important;
}

.fieldset-collapsed legend 
{
    margin:10px 0px 0px 0px;
    padding: 0px 4px 0px 16px;
    background-image: url(/library/images/menu-collapsed.gif);
    border: 1px solid #999;
}

.fieldset-collapsed.required legend 
{
    border: 1px solid #f00;
}

/* ************************************* */
/*                                       */
/* collapseable div box (header & body)  */
/*                                       */
/* ************************************* */
.panelHeader_open, .panelHeader_close
{
    font: normal normal normal 8pt/8pt Verdana, Arial, Helvetica, sans-serif;
    margin-top:5px;
    background-color:#DDDDDD;
    border:1px solid #999999;
}

.panelBody_open
{
    border:1px solid #CCCCCC;
    border-top-width:0px;
    padding:5px;
}

.panelBody_close
{
    display:none;
}

.resetwidth, .innerinfopanel .resetwidth 
{
    width:auto !important;
}

.activelink a /* darken links in calendar control*/
{
    color:#295A72;
}

.qwsec_TB_Item:hover, .qwsec_TB_Item a:hover, .qwsec_TB_SelectedItem, .qwsec_TB_SelectedItem a:link, .qwsec_TB_SelectedItem a:visited, .qwsec_TB_SelectedItem a:active
{
    background-color:#6A737B !important;
}

/*AutoComplete flyout */

.autocomplete_completionListElement 
{  
    visibility : hidden;
    margin : 0px!important;
    background-color : inherit;
    color : windowtext;
    border : buttonshadow;
    border-width : 1px;
    border-style : solid;
    cursor : default;
    overflow : auto;
    height : 200px;
    text-align : left; 
    list-style-type : none;
    background-image:none !important;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
    cursor: pointer !important;
    background-color: #ffff99;
    color: black;
    padding: 1px;
    background-image:none !important;
    list-style-image:none;
}

/* AutoComplete item */

.autocomplete_listItem 
{
    background-color : window;
    color : windowtext;
    padding : 1px;
    background-image:none !important;
    list-style-image:none;
}

.rblStyle label 
{
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    vertical-align:top;
    height: 20px;
    padding-left: 5px;
    margin: 0px;
    white-space: nowrap;
    width:10px;
}

.rblStyle input
{
    vertical-align:middle;
    width:20px;    
}

.rblStyle table, tr td{
    vertical-align:middle;
}

.required, table span[id*='LoginView_Login'] /* Can't use a skin for the LoginView control since it would affect the text on the left and the asterisk. , .messagemBoxValidationxxx, table span[id*='LoginView_Loginxxxx']*/
{
    color:red;
}

/* Group page div headers */

.module table.header
{
    border-collapse:collapse;
    width:100%;
    background-color:#cdd5de;
    white-space:nowrap;
}

.module table.header td
{
    white-space:nowrap;
    padding:2px;
    vertical-align:middle;
}

.module table.header td.left
{
    text-align:left;
    font: bold 9px Verdana, Arial, Helvetica, sans-serif !important;
    overflow: hidden;
}

.module table.header td.right
{
    text-align:right;
    padding-top:5px;
    padding-right:2px;
}

.module table.header a.modButton
{
    color: White; 
    background-color:#6A737B; 
    border:1px solid White;
    white-space:nowrap;
    padding:1px 2px;
    font: normal 9px Verdana, Helvetica, sans-serif !important;
    line-height:11px;
    text-decoration:none;
}

.module table.header a.modButton:hover
{
   text-decoration:underline;
}

.module table.header .dateUpdated
{
    color: Gray; 
    white-space:nowrap;
    padding:0px;
    font-size:x-small;
}

/* End group page div headers */

.HideThisColumn
{
    display: none;
}

.HideThisRow
{
    display: none;
}

.ShowThisRow {
    display: block;
}

.infopanel .CompanyTabDeactivateButton
{
    width: 100px;
}

.infopanel .CompanyTabUserCheckBox input 
{
    width: 50px;
}