/* DEFAULTS
----------------------------------------------------------*/

body   
{
    background: #b6b7bc;
    font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: Black;
    /*color: #696969;*/
}
input[type="text"], textarea, select 
{
     border:1px solid Gray;
    /*border:1px solid Black;#696969;Silver;Gray;*/
}
a:link, a:visited
{
    color: #034af3;
}

a:hover
{
    color: #1d60ff;
    text-decoration: none;
}

a:active
{
    color: #034af3;
}

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}
.MobileHeader {
    background: rgb(59,101,153); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(59,101,153,1) 0%, rgba(15,27,58,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(59,101,153,1)), color-stop(100%,rgba(15,27,58,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(59,101,153,1) 0%,rgba(15,27,58,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(59,101,153,1) 0%,rgba(15,27,58,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(59,101,153,1) 0%,rgba(15,27,58,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(59,101,153,1) 0%,rgba(15,27,58,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b6599', endColorstr='#0f1b3a',GradientType=0 ); /* IE6-9 */
    z-index:2;
}
.AutoTextBox
{
    width:100%;    
}
.IANoteBox
{
    width:100%;
    height:100px;    
}
.IntentDisciplineNoteBox
{
    width:100%;
    height:150px;    
}
.IntentDisciplineBox
{
    width:95%;    
}
.AutoDropDown
{
    width:100%;    
}
.AutoContact
{
    width:100%;
}
.AutoCivilServices
{
    width:95%;
    
}
.AutoCivilServicesNoteBox
{
    width:95%;
    height:100px;    
}
.AutoGrievance
{
   width:95%;    
}
.AutoGrievanceNoteBox
{
    width:95%; 
    height:100px;
}
.hide
{
 display:none;    
}
.modalBg {background-color:#cccccc;filter:alpha(opacity=80);opacity:0.8;}
/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #666666;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1
{
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2
{
    font-size: 1.5em;
    font-weight: 600;
}
.important-notice-content {
    text-align:center; padding-left:75px;padding-right:75px;padding-top:20px;
    font-size: 1.5em;
    color: #666666;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 600;
    margin-bottom: 0px;
}
h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
.page
{
    width: 1100px;
    background-color: #fff;
    margin: 0px auto 0px auto;
    border: 1px solid #496077;
}

.header
{
    position: relative;
    margin: 0px;
    padding:0px 0px 5px 0px;
background: rgb(59,101,153); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(59,101,153,1) 0%, rgba(15,27,58,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(59,101,153,1)), color-stop(100%,rgba(15,27,58,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(59,101,153,1) 0%,rgba(15,27,58,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(59,101,153,1) 0%,rgba(15,27,58,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(59,101,153,1) 0%,rgba(15,27,58,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(59,101,153,1) 0%,rgba(15,27,58,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b6599', endColorstr='#0f1b3a',GradientType=0 ); /* IE6-9 */
    width: 100%;
}

.header h1, .page .MobileHeader h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 2em;
    
}

.main
{
    padding: 0px 12px;
    margin: 12px 8px 8px 8px;
    min-height: 900px;
}
.main-buttons-list {
        width:40%;margin-left:30%;
    }
.ACmain
{
    padding: 0px 12px;
    margin: 12px 8px 8px 8px;
    min-height: 600px;
}

.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer
{
    color: #4e5766;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}


/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink
{
    background-color:#3a4f63;
    width:100%;
}
.AdvocacyListMenu 
{
    list-style:none;
    background-color: #465c71;
    margin-right: 2px;
    text-align:center;
    min-width:100px;
    border: 1px #4e667d solid;
    color: #dde4ec;
    display: block;
    line-height: 1.35em;
    padding:5px 5px 5px 5px;
    text-decoration: none;
    white-space: nowrap;
}
.AdvocacyListMenuSelected 
{
   border:1px solid black;
}

div.menu
{
    padding: 4px 0px 4px 8px;
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}
MenuSelected
{
    background-color: #bfcbd6;
    color: #465c71;
    border: 1px #4e667d solid;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;
}
div.menu ul li a
{
    background-color: #465c71;
    border: 1px #4e667d solid;
    color: #dde4ec;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;
}
div.menu ul li a:visited
{
    background-color: #bfcbd6;
    color: #465c71;
    border: 1px #4e667d solid;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;
}

div.menu ul li a:hover
{
    background-color: #bfcbd6;
    color: #465c71;
    text-decoration: none;
}

div.menu ul li a:active
{
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
}

/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    margin: 0px;
    padding:0em 1em 1em 1em;
    border: 1px solid #ccc;
}

fieldset p 
{
    margin: 0px 12px 0px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 0px 4px 0px 4px;
}
input.textEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo
{
    width: 400px;
}

/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.title
{
    display: block;
    float: left;
    text-align: left;
    width: auto;
}

.loginDisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: White;
}

.loginDisplay a:link
{
    color: white;
}

.loginDisplay a:visited
{
    color: white;
}

.loginDisplay a:hover
{
    color: white;
}

.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.bold
{
    font-weight: bold;
}

.submitButton
{
    text-align: right;
    padding-right: 10px;
}
.loginTime
{
    font-size:x-small;
    font-style:italic;
}
/*AutoComplete flyout */
.autocomplete_completionListElement 
{  
    margin-left: 0px; margin-top:0px;
	background-color : white;
	color : Black;
	border-color : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : pointer;
	overflow:hidden;
    text-align : left; 
    list-style-type : none;
    width:200px !important;
}
/* AutoComplete highlighted item */
.divwidth
        {
          width: 150px !important;   
        } 
.divwidth div
       {
        width: 150px !important;   
       }

.autocomplete_highlightedListItem
{
	background-color: #ffff66;
	color: black;
	
}

/* AutoComplete item */

.autocomplete_listItem 
{
	background-color : white;
	color : #696969;
    
}

.SortIcon
{
     width:10px;
     height:15px; 
     float:right;   
}
.GridRowItem
{
     background:white;
}
.GridRowItemAlternate
{
     background:Silver;
}
.GridRowItemAlternate:hover
{
    background: #b6b7bc;
    color: Black;    
    cursor:pointer;
}

.GridRowItem:hover
{
    background: #b6b7bc;
    color: Black;    
    cursor:pointer;
}
.GridRowSelected
{
    background: #b6b7bc;
    color: Black;    
    
}
.StewardGridLayout
{
        border-collapse:collapse; 
        border:none; 
}
.StewardGridLayout td
{
     border-collapse:collapse; 
     border-bottom:1px solid black;
     border-left:1px solid black;
     border-right:1px solid black; 
}
/*Manual stylesheet*/
/*Note cell header in CallNoteTab*/
.NoteGrid_Note_Header
{
    text-decoration:underline;    
}
/*Case# for CivilServiceHeader*/
.Case_no_Header
{
   text-decoration:none;      
}
/*FacilityDetailPage*/
.FacilityDetail
{
  text-align:left;
  text-decoration:underline;  
  padding-left:2px; 
  vertical-align:top;
}
.FacilityDetailNoUnderLine
{
  text-align:left;
  text-decoration:none;  
  padding-left:2px; 
  vertical-align:top;
}
.FacilityDetailData
{
  font-weight:bold;  
  text-align:left;
  border:1px solid Gray;
  padding-left:5px; 
}
.InternalInputTextBox 
{
    font-weight:bold;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;

}
.TextBoxInGrid
{
    border:1px solid Transparent;
    width:95%;
    font-weight:bold;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;  
}
.MailSubject 
{
  padding:2px 0px 2px 2px;
  /* fallback */
  background-color: #D9DDFB;
  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#D9DDFB), to(#EDECFF));
  
  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #EDECFF, #D9DDFB);
  
  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #EDECFF, #D9DDFB);
  
  /* IE 10 */
  background: -ms-linear-gradient(top, #EDECFF, #D9DDFB);
  
  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #EDECFF, #D9DDFB);
  /* IE 6- 9*/
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#D9DDFB',GradientType=0 ); /* IE6-9 */ 

}
.SavedMailSubject
{
  padding:2px 0px 2px 2px;
  /* fallback */
  background-color: #FFFF99;
  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFF99), to(#FFFFFF));
  
  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #FFFFFF, #FFFF99);
  
  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #FFFFFF, #FFFF99);
  
  /* IE 10 */
  background: -ms-linear-gradient(top, #FFFFFF, #FFFF99);
  
  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #FFFFFF, #FFFF99);
  /* IE 6- 9*/
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#FFFF99',GradientType=0 ); /* IE6-9 */ 
    
}
.EmailMenu
{
    background-color:White;
    color:Black;
    text-align:center;
    width:33%;
    border:1px solid black;
}
.ComcouncilMenu
{
   background-color:#4B6C9E;
   padding:5px 0px 5px 0px;
   width:100px;
   color:White;
   font-weight:bold;    
   text-align:center;
}
.ComcouncilMenu a
{
   color:White;    
}
.EmailMenu:hover
{
    cursor:pointer;
}
.EmailMenuSelected
{   
    background-color:#465c71;
    color:White;
    text-align:center;
    width:33%; 
    border:1px solid black;
    cursor:pointer;

    
}
.SEIUButton
{
    border-radius:5px;
    border:1px solid Silver;
    color:White;
    vertical-align:central;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
background: rgb(59,101,153); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(59,101,153,1) 0%, rgba(15,27,58,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(59,101,153,1)), color-stop(100%,rgba(15,27,58,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(59,101,153,1) 0%,rgba(15,27,58,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(59,101,153,1) 0%,rgba(15,27,58,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(59,101,153,1) 0%,rgba(15,27,58,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(59,101,153,1) 0%,rgba(15,27,58,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b6599', endColorstr='#0f1b3a',GradientType=0 ); /* IE6-9 */



}
.SEIUButton:hover
{
background: rgb(70,122,168); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(70,122,168,1) 0%, rgba(58,127,183,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(70,122,168,1)), color-stop(100%,rgba(58,127,183,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(70,122,168,1) 0%,rgba(58,127,183,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(70,122,168,1) 0%,rgba(58,127,183,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(70,122,168,1) 0%,rgba(58,127,183,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(70,122,168,1) 0%,rgba(58,127,183,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#467aa8', endColorstr='#3a7fb7',GradientType=0 ); /* IE6-9 */

}
@media screen and (max-width: 1100px) {
    .page {
        box-sizing:border-box;
     width:100%;
    }
    .MobileHeader h1, .MobileHeader h1 a{
        font-size:large;
        text-align:center;
    }
    .important-notice-content {
        padding-left:2px; padding-right:2px; padding-top:20px;
        text-align:center;
        font-size:small;
    }
    .main-buttons-list {
        width:100%;margin-left:0;
    }
}