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

body
{
    background: #b6b7bc;
    font-size: .8em;
    font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px; /*color: #696969;*/
    color: Black;
}

a:link, a:visited
{
    color: #034af3;
    text-decoration: none;
}

a:hover
{
    color: #1d60ff;
}

a:active
{
    color: #034af3;
    text-decoration: none;
}

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}


/* HEADINGS   
----------------------------------------------------------*/


h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em; /*color: #666666;*/
    color: Black;
    margin-bottom: 0px;
}

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

h2
{
    font-size: 1.5em;
    font-weight: 600;
}

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
{
    position: relative;
    background-color: #fff;
    width: 1430px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    padding-bottom: -150px;
    padding-top: -150px;
    border: thin solid #000;
}

.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    background: #2B5882;
    width: 1430px;
    border-bottom: thin solid #000;
    height: 75px;
    z-index: 1;
    background-image: url(../Images/Header.jpg);
}

.header h1
{
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #000;
    border: none;
    font-size: 2em;
}

.main
{
    padding: 12px;
    margin: 0px 0px 70px 0px;
    min-height: 300px;
    float: left;    
    width: 1245px;
    /* width:100%;*/
}

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

.title
{
    /*display: block;     float: left;     text-align: left;     width: auto;     margin-top: 30px;*/
}

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

#navigation a 
{   
    display: block;
    height: 0px;
   
}

#navigation
{
    float: left;
    top: 0px;
    width: 152px;    
}

.parentmenuItem
{
    background-color: #2B5882;
}

.childmenuItem
{
    background-color: #E8E8E8;
    margin: 0 !important;
    padding: 0 !important;
}

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

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

fieldset p
{
    margin: 2px 12px 10px 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: 2px 4px 8px 4px;
}

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

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

div.accountInfo
{
    width: 49%;
}


/* Forms Authentication Item Styles  
----------------------------------------------------------*/

.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;
    margin-top: 6px;
}


/* Key/Legend for Tracker.aspx  
----------------------------------------------------------*/

.key
{
    margin: 1px;
    padding: 2px;
    border: 1px solid #ccc;
    position: absolute;
    top: 400px;
    left: 0px;
    width: 147px;
    height: 260px;
}

.keyTitle
{
    position: relative;    
    font-weight: bold;
    padding-left: 10px;
    font-size: 18px;
    height: 12px;
    width: 20px;
}

.keyItem
{
    height: 40px;
    padding-top: 5px;
    margin: 12px 5px;
    width: 140px;
}

.keyBox
{ 
    float: left;
    border: 1px solid #000;
    margin: 6px 10px 5px 5px;
    height: 25px;
    width: 30px;
}

.keyText
{
    float: left;
    font: Ariel 8px Normal Black;
    text-align: left;
    padding: 2px 2px 2px 0px;
    height: 30px;
    width: 90px;
    vertical-align: middle;
    
}

.keyitemoneColor
{
    background-color: #BEE7D7;
}

.keyitemtwoColor
{
    background-color: #EBC49C;
}

.keyitemthreeColor
{
    background-color: #FBFDAD;
}

.keyitemfourColor
{
    background-color: #FFC3C9;
}

.heightforKey
{
  min-height: 475px;   
  height: auto;
}

/* Configuration Page Button Styles  
----------------------------------------------------------*/

.configurationItem
{
    border: 1px solid #000;
    padding: 12px 10px 5px 10px;
    margin: 18px 5px;
    width: 625px;
    height: 25px;
    vertical-align: middle;
    text-align: left;
    text-decoration: none !important;
    color: Black;
}

.configurationItem:hover
{
    background-color: #F2F6F9;
    text-decoration: none !important;
}

.underlineonHover:hover
{
    text-decoration: underline !important;
}


/* AJAX Calender Extender item styles  More info athttp://www.asp.net/ajax/ajaxcontroltoolkit/samples/calendar/calendar.aspx
----------------------------------------------------------*/

.datepickerImg
{
    vertical-align: middle;    
}

.MyCalendar .ajax__calendar_container /* Child Css classes: .ajax__calendar_header,.ajax__calendar_body,.ajax__calendar_footer */
{
    /*border: 1px solid #646464;*/
    background-color: #F2F2F2;
    color: black;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border-color: #000;
    border-width: 1px;
    border-style: solid;
}

.ajax__calendar_day
{
    text-decoration: none;
    font-weight: normal;
    color: Navy;
    background-color: #fff;
    border-bottom: thin solid black;
    border-right: thin solid black;
}

.ajax__calendar_day:hover
{
    text-decoration: underline;
    font-weight: bold;
    color: #fff;
    background-color: Navy;
}

.ajax__calendar_body /* Child Css class: .ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years */
{
    border: 1px solid #646464;
    background-color: #CCCCCC;
}

.ajax__calendar_other /* Child Css classes: .ajax__calendar_day, .ajax__calendar_year */
{
    background-color: #CCCCCC;
}

.ajax__calendar_active /* Child Css classes: .ajax__calendar_day, .ajax__calendar_month, .ajax__calendar_year */
{
    background-color: White;
}

.ajax__calendar_hover /* Child Css classes: .ajax__calendar_day, .ajax__calendar_month, .ajax__calendar_year */
{
}

.ajax__calendar_today
{
}

.ajax__calendar_header /* Child Css classes: .ajax__calendar_prev, .ajax__calendar_title, .ajax__calendar_next */
{
}

.ajax__calendar_prev
{
}

.ajax__calendar_next
{
}

.ajax__calendar_footer /* Child Css classes: .ajax__calendar_today */
{
}

.ajax__calendar_title
{
}

.ajax__calendar_days /* Child Css classes: .ajax__calendar_dayname, .ajax__calendar_day */
{
}

.ajax__calendar_dayname
{
}

.ajax__calendar_months /* Child Css classes: .ajax__calendar_month */
{
}

.ajax__calendar_month
{
}

.ajax__calendar_years /* Child Css classes: .ajax__calendar_year */
{
}

ajax__calendar_year
{
}

/* Performance Indicator Configuration & Archive table  
----------------------------------------------------------*/

.archivedItem
{
    width: 18%;
    float: left;
}

.archiveitemSpace
{
    padding-top: 8px;
    padding-bottom: 15px;
}

.archiveitemTextbox
{
    width: 65px;
}

.archiveitemLabel
{
    width: 60px;
}

/* General Styles  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.lbltxtSpacing
{
    text-align: left;
    height: 40px;
}

.doublelinelblSpacing
{
    text-align: left;
    height: 32px;
}

.tworadioitemsSpacing
{
    text-align: left;
    height: 70px;
}

.threeradioItemsSpacing
{
    text-align: left;
    height: 85px;
}

.smallerbottomSpacing
{
    height: 35px;
    vertical-align: top;
}

.largerbottomSpacing
{
    margin-bottom: 30px;
    vertical-align: top;
}

.smallertopSpacing
{
    margin-top: 15px;
    vertical-align: top;
}

.largertopSpacing
{
    margin-top: 30px;
    vertical-align: top;
}

.largertopbottomSpacing
{
    margin: 30px 0;
    vertical-align: top;
}

.smallertopbottomSpacing
{
    margin: 15px 0;
    vertical-align: top;
}

.smallertoplargerbottomSpacing
{
    margin-bottom: 30px;
    margin-top: 10px;
    vertical-align: top;
}

.smallbottomlargetopSpacing
{
    margin-top: 30px;
    margin-bottom: 10px;
    vertical-align: top;
}

.leftrightContainer
{
    width: 750px;
    float: left;
}

.leftContent
{
    float: left;
    width: 150px;
    margin-left: 0px;
    vertical-align: top;
    text-align: left;
}

.rightContent
{
    float: left;
    width: 600px;
    vertical-align: top;
    text-align: left;
}

.fourcolumnleftrightContainer
{
    width: 357px;
    float: left;
}

.fourcolumnleftContent
{
    float: left;
    width: 100px;
    margin-left: 0px;
    vertical-align: top;
    text-align: left;
}

.fourcolumnrightContent
{
    float: left;
    width: 250px;
    vertical-align: top;
    text-align: left;
}

.bold
{
    font-weight: bold;
}

.buttonStyle
{
    text-align: right;
    margin: 30px 10px 10px;
}

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

.alignRight
{
    text-align: right;
}

.alignLeft
{
    text-align: left;
}

.alignTop
{
    vertical-align: top;
}

.alignBottom
{
    vertical-align: bottom;
}

.mediumfixedpageWidth
{
    width: 600px;
}

.smallfixedpageWidth
{
    width: 465px;
}

.smallerfixedpageWidth
{
    width: 420px;
}

.smallestfixedpageWidth
{
    width: 315px;
}

.customWidth1
{
    width: 150px;
}

.customWidth2
{
    width: 45px;
}

.customHeight1
{
    height: 30px;
}

.largerrelativepageWidth
{
    width: 90%;
}
.largerrelativepageWidthedittracker
{
    width: 35%;
}

.hoverbold
{
    font-weight: bold;
}

.smallerhorizontalRule
{
    width: 50%;
    text-align: left;
    margin-top: 5px;
    margin-bottom: 2px;
}

.largerhorizontalRule
{
    width: 90%;
    text-align: left;
    margin-top: 5px;
    margin-bottom: 2px;
}

.largesthorizontalRule
{
    width: 100%;
    text-align: left;
    margin-top: 15px;
    margin-bottom: 12px;
}

.heightTen
{
    height: 10px;
}

.paddingbottomTen
{
    padding-bottom: 10px;
}

.paddingtopbottomTen
{
    padding-top: 10px;
    padding-bottom: 10px;
}

.paddingtopTen
{
    padding-top: 10px;
}

.marginbottomTen
{
    margin-bottom: 10px;
}

.margintopbottomTen
{
    margin-top: 10px;
    margin-bottom: 10px;
}

.margintopTen
{
    margin-top: 10px;
}

.margintopFive
{
    margin-top: 5px;
}

.margintopSeven
{
    margin-top: 7px;
}

.smallertopSpacing
{
    text-align: left;
    height: 35px;
    vertical-align: bottom;
}

.largertopSpacing
{
    text-align: left;
    height: 55px;
    vertical-align: bottom;
}

.floatRight
{
    float: right;
}

.floatLeft
{
    float: left;
}

.positionRelative
{
    position: relative;
}

.positionAbsolute
{
    position: absolute;
}

.lblalignwaligntopandTextbox
{
    padding-top: 3px;
}

.padleftten
{
    margin-left: 10px;
}

.padrightten
{
    margin-right: 10px;
}

.displayNone
{
    display: none;
}

.overflowAuto:
{
    overflow: auto;
}

/* Automated Email Section
----------------------------------------------------------*/

.emailbodySpacing
{
    text-align: left;
    height: 220px;
    vertical-align: top;
}

.leftcontentEmails
{
    float: left;
    width: 125px;
    margin-left: 0px;
    vertical-align: top;
    text-align: left;
}

.rightcontentEmails
{
    float: left;
    width: 575px;
    vertical-align: top;
    text-align: left;
}

.emaillogLocation
{
    top: 195px;
    left: 625px;
}

.emaillogheaderContainer
{
    height: 25px;
    width: 285px;
    border: 1px solid black;
    vertical-align: top;
    background-color: #F2F2F2;
}

.emaillogTitle
{
    position: relative;
    top: 5px;
    left: 6px;
}

.emaillogitemTemplate
{
    height: 60px;
    width: 285px;
    border-bottom: 1px solid black;
    border-left: 1px solid black;
    border-right: 1px solid black;
    vertical-align: top;
}

.emaillogcontentContainer
{
    width: 275px;
    height: 45px;
    padding: 5px;
}

/* Edit Indicator Section
----------------------------------------------------------*/

.indicatorwidthLeft
{
    width: 40%;
}

.indicatorwidthRight
{
    width: 60%;
}

.editindicatordocuploadPosition
{
    top: -25px;
    left: 10px;
    height: auto;
   /* overflow:visible;*/
}

/* Async File Upload Styles  
----------------------------------------------------------*/

.asyncuploadlabelStyle
{
    font-family: Arial;
    font-size: small;
}

.uploadcontrolSpacing
{
    height: 40px;
    text-align: left;
    margin-bottom: 10px;
}
.uploadcontrolSpacingDoc
{
    height: auto;
    text-align: left;
    margin-bottom: 10px;
}

/* Modal Pop Up Styles  
----------------------------------------------------------*/

.modalBackground
{
    background-color: gray;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.modalPopup
{
    background-color: #F2F2F2;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border-width: 1px;
    border-style: solid;
    border-color: Black;
    min-width: 250px;
    max-width: 450px;
    width: 400px;
}

.modalUploadPopup
{
    background-color: #F2F2F2;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border-width: 1px;
    border-style: solid;
    border-color: Black;
    width: 450px;
    padding: 5px;
}

.modalIndicatorPopup
{
    background-color: #F2F2F2;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border-width: 1px;
    border-style: solid;
    border-color: Black;
    min-width: 650px;
    max-width: 1550px;
  /*  width: 1000px;*/
    text-align: center;
}

.modalCenter
{
    padding: 20px;   
    text-align: center;
    margin: 0 auto;
    
}

.modalCenterIndicator
{
    padding: 20px;   
    text-align: center;
    margin: 0 auto;
    height:400px;
   overflow-y:scroll;
   
       
}

.modalStyle
{
    width: 60px;
    vertical-align: top;
}

.topHandle
{
    background-color: #F2F2F2; /* This should be set to the same color as the background of the box otherwise the rounded corners of the top handel border are sqare in Firefox. */
    border-color: #000;
    border-width: 1px;
    border-style: solid;
    color: #fff;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.popupbuttonStyle
{
    margin: 15px 25px;
}

#MainContent_PnlPopup_DropShadow /* Used this to override default modal popup CSS. A black box was appearing beside the model. This fixed it. */
{
    /*background-color: transparent !important;*/
}

#MainContent_tdCaption /* Used this to override default modal popup CSS. The 'top handle' style didn't fully work. */
{
    background-color: #2B5882;
    border-color: #000;
    border-width: 1px;
    border-style: solid;
    color: #fff;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.horizontalScrollTracker {
    
    width: 94%;
    height: 90vh;
    overflow-x: scroll;
}

.horizontalScrollIndicator
{
    overflow-x:auto;
    width:585px;   
}

.alignCenter
{
    text-align: center;   
}

.noBullets
{
    list-style-type: none;
}

.validationLoc
{
    top: 153px;
    left: 721px;
    width: 230px;
}

.validationLoc2
{
    top: 140px;
    left: 610px;
    width: 300px;
}

.CBLCols tr td 
{ 
    width: 600px;
    
   
}