/*  THIS STYLESHEET FOR DIV-BASED LAYOUT*/
/* 5.4.0 */

html, body
{
    margin: 0px;
    padding: 0px;
    height: 100%;
}
/* THIS WAS SET UP SO THAT DARK BACKGROUND COLORS DON'T AFFECT AUXILIARY PAGES*/
/* Background Image URL is ../../ReferenceFileHandler.ashx?FileName=xyz */
.body
{
    background-color: #DEDED4;
    color: #313131;
}

/* BRANDING ELEMENT */
.PoweredBy
{
    border: 0px;
    margin: 0 1px 0 0;
    padding: 0px;
    text-align: right;
    width:140px;
    position:relative;
    float:right;
}

/* NATIVE HTML TAG DEFINITIONS */

p
{
    margin: 0 0 1.5em;
    line-height:1.4;
}
td {}

/* Lists */
li ul, li ol
{
    margin: 0;
}
ul, ol
{
    margin: 0 0 1.5em 0;
    padding-left: 1.5em;
}
ul
{
    list-style-type: disc;
}
ol
{
    list-style-type: decimal;
}
/* for 2nd level of bullets */
ul ul li
{
    list-style-type: square;
}

/* Inline List */
.inline-list {
  margin: 0 auto 0.94444rem auto;
  margin-left: -1.22222rem;
  margin-right: 0;
  padding: 0;
  list-style: none;
  overflow: hidden; }
  .inline-list > li {
    list-style: none;
    float: left;
    margin-left: 1.22222rem;
    display: block; }
    .inline-list > li > * {
      display: block; }

      
/* Headers */
h1, h2, h3, h4, h5, h6
{
    text-align: left;
    font-weight: normal;
}
h1 /* Used for Page Headers */
{
    font-size: 2.0em;
    margin-bottom: 0.5em;
    /*text-transform:uppercase;*/
}
h2
{
    font-size: 1.5em;
    margin-bottom: 0.75em;
    font-weight: normal;
    color: #0065b3;
}
h3
{
    font-size: 1.3em;
    line-height: 1;
    margin-bottom: 1em;
    font-weight: bold;
}
h4
{
    font-size: 1.1em;
    font-weight:bold;
    line-height: 1.25;
    margin-bottom: 0.4em;
}
h5
{
    font-size: 1em;
    font-weight: bold;
}
h6
{
    font-size: 1em;
    font-weight: bold;
}

a img {border:0;}
/* LINKS */
a 
{
    color: #0065b3;
}
a:hover 
{
    color: #1E9E98;
}

/*CLASSES FOR FORM FIELDS*/
fieldset
{
    padding: 0.5em 0;
    margin: 1.0em 0;
    border-style:solid;
    border-color: #d6d6d6;
    border-width:1px 0 0 0;
}
legend
{
    margin: -0.2em 0 1em 0;
    font-size: 1.3em;
    padding:0 0.5em 0 0;
    color:inherit;
}
input
{
    font-weight: bold;
}
input[type="checkbox"]
{
    background-color: transparent;
}
input[type="radio"]
{
    background-color: transparent;
}
input, textarea, select {
    box-sizing: content-box;
    -ms-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; 
}

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  background-color: white;
  /*font-family: inherit;*/
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  color: #000000;
  margin: 0.2em;
  padding: 0.4em;
  -webkit-transition: -webkit-box-shadow 0.45s, border-color 0.45s ease-in-out;
  -moz-transition: -moz-box-shadow 0.45s, border-color 0.45s ease-in-out;
  transition: box-shadow 0.45s, border-color 0.45s ease-in-out; }
  input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="date"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="month"]:focus,
  input[type="week"]:focus,
  input[type="email"]:focus,
  input[type="number"]:focus,
  input[type="search"]:focus,
  input[type="tel"]:focus,
  input[type="time"]:focus,
  input[type="url"]:focus,
  textarea:focus {
    -webkit-box-shadow: 0 0 5px #999999;
    -moz-box-shadow: 0 0 5px #999999;
    box-shadow: 0 0 5px #999999;
    border-color: #999999; 
    background: #fafafa;
    border-color: #999999;
    outline: none; }
  input[type="text"][disabled],
  input[type="password"][disabled],
  input[type="date"][disabled],
  input[type="datetime"][disabled],
  input[type="datetime-local"][disabled],
  input[type="month"][disabled],
  input[type="week"][disabled],
  input[type="email"][disabled],
  input[type="number"][disabled],
  input[type="search"][disabled],
  input[type="tel"][disabled],
  input[type="time"][disabled],
  input[type="url"][disabled],
  textarea[disabled] {
    background-color: #dddddd; }

select
{
    font-weight: bold;padding:0.4em;border: 1px solid #cccccc;
    margin: 0.2em;
}
.selectSm {font-size:0.9em;}
.inputQty
{
    width: 30px;
    margin:0 !important;
    border:0 !important;
}
.input50
{
    width: 50px;
}
.input100
{
    width: 100px;
}
.input150
{
    width: 150px;
}
.input180
{
    width: 180px;
}
.input300
{
    width: 300px;
}


/* GENERAL FORMATTING CLASSES */
.row {background-color:#f6f6f6;}
.altrow {background-color:#e6e6e6;}
.rolloverrow {border-bottom: #d6d6d6;}
.selectrow {border-bottom: #ffffff;}

.error {color: #C4161C;}
.refund {color: #313131;font-weight: bold;}

/* CLASSES TO CONTROL POSITION  */
.left {text-align: left !important;}
.ctr, .center {text-align: center !important;}
.right {text-align: right !important;}
.top {vertical-align: top;}
.bottom {vertical-align: bottom;}
.middle {vertical-align: middle;}
.hide {display: none;}

.clrflt, .clear {clear: both;height: 0px;font-size: 1px;line-height: 0px;}
.floatleft {float:left;}
.floatright {float:right;}

.nowrap {white-space:nowrap;}
.inline {display:inline;}

.mTop {margin-top:1.0em;}
.mBot {margin-bottom:1.0em;}
.mLeft {margin-left:1.0em;}
.mRight {margin-right:1.0em;}
.mAll {margin:1.0em;}
.mAuto {margin:1.0em auto;}

/* WEB LAYOUT */
.ContainerStd
{
    width: 960px;
    margin: 0px auto;
}
.ContainerWide
{
    width: 960px;
    margin: 0px auto;
}
.PageHeader
{
    padding: 0;
    background-color:transparent;
    overflow:hidden;
}
.PageHeader img {max-width:100%;}

.PageContent
{
    background-color: #ffffff;
    margin: 0;
    padding:20px;
   
}
.PageFooter, #PageFooter
{
    background-color: #fff;
    padding: 0px;
    margin: 0 0 10px 0;
}
.PageFooter a, #PageFooter a 
{
    color: #0166b4;
}
.PageFooter a:hover, #PageFooter a:hover 
{
    color: #E7B220;
}
/*Right Column*/
#TDSidebar
{
    position:relative;
    float: right;
    padding: 0px;
    width: 220px;
    margin: 1em 0 0 0;
   /* display:none;*/
}

/*Positions and sets attributes of main content areas */
#MainContent
{
    position:relative;
    float: left;
    width: 680px;
    margin: 1em 1em 0 0;
    min-height: 400px;
    height: auto !important;
    padding: 0px;
    /* display:none;*/
    z-index: 100;
}
#MainContentWide
{
    position:relative;
    float: left;
    width: 680px;
    margin: 1em 1em 0 0;
    min-height: 400px;
    height: auto !important;
    padding: 0px;
    /* display:none;*/
    z-index: 100;
}

.PagePop
{
    width: 575px;
    background-color: #fff;
    padding: 10px;
}

/* PROGRESS BAR*/
.ProgressBar
{
    padding: 0;
    margin: 6px 0px;
    vertical-align:middle;
}
.ProgressBar ul {margin: 0;padding: 0;list-style-type: none;}
.ProgressBar ul li { display: inline;vertical-align:middle;}

.ProgressBarSelf {height:26px;}
.Progress {border-left: 1px solid #fff;}

/* THERMOMETER-STYLE PROGRESS INDICATOR*/
.tblProg {border: 1px solid #d6d6d6;font-size:1px;}
.tblProgComp {background-color: #F6A828;}
.tblProgIncomp {background-color: #ffffff;}
.StepImage {width:8px;height:8px;}

/*TOPNAV AND ROLLOVERS USED IN GROUP/BLOCK REG AND HOUSING*/
.topTabs ul {border-bottom:1px solid #cccccc;margin-top:1.0em;}
.inline-menu {
  margin: 0;
  padding: 0 0 0 0.5em;
  list-style: none;
  overflow: hidden; 
  font-size:1.1em;
  }
.inline-menu > li {
    list-style: none;
    float: left;
    margin-right:0.2em;
    display: block; 
}
.inline-menu > li > * {
      display: block; 
}
.inline-menu > li > a {background-color:#0065b3;padding:0.5em 1.0em;color:#ffffff;text-decoration:none;font-weight:normal;}
.inline-menu > li > a:hover {background-color:#F6A828;padding:0.5em 1.0em;color:#ffffff;text-decoration:none;font-weight:normal;}
.inline-menu > li > a.active {background-color:#ffffff;padding:0.5em 1.0em;color:#0065b3;text-decoration:none;font-weight:normal;}

/* Sets height of login controls */
.fsLogin {min-height: 12em;
    height: auto !important;}
.fsMemLookup {min-height: 22em;
    height: auto !important;
    height: 22em;}

/* Adds space above and below the Required Field Legend */
.requiredLegend { margin-top: 12px;margin-bottom: 6px;font-style: italic;}

/*Subnav Steps - Below Page HeaderTopNav*/
.subnavtext {text-transform: uppercase;padding: 4px;margin:0px;}
.subnavtext a {text-decoration: underline;}
.subnavtextactive {text-transform: uppercase;padding: 4px;margin:0px;color:#0065b3;}


.button {font-weight: normal;}
.PayNow {color: #C4161C;text-transform: uppercase;}

/*TEXT CLASSES*/

.smalltext {font-size: 0.8em;font-weight: bold;}

/* Classes for modifying other text classes */
.caps {text-transform: uppercase;}
.rev, .rev a, .rev a:link, .rev a:hover, .rev a:visited .rev a:active {color: #ffffff;}

.WarningText {font-size: 1.0em;
    display: block;
    padding: 4px;
    background-color: #ffcc99;
    margin: 0;
    height:40px;
    text-align:center;
    }
.TestingText
{
    font-size: 1.0em;
    display: block;
    text-align:center;
    padding: 4px;
    background: #cc0000 url(../../ReferenceFileHandler.ashx?FileName=imgTesting.png) no-repeat center center;
    margin: 0;
    height:40px;
}
.TestingFlag {position:fixed;left:0;bottom:0;width:200px;height:40px;}
.faqQuest {font-weight: bold;color: #000;}
.faqAnswer {padding-right: 10px;padding-left: 20px;padding-bottom: 10px;}

.watermarked {color: #d1d1d1;}
.BalDue { color: #C4161C;}

/*** TABLE AND GRID STYLES ***/

.basictable
{
    background-color: #fff;
    border: 0px;
    border-spacing: 0px;
}
.basictable td
{
    border-bottom: 1px solid #d6d6d6;padding: 4px;
}
.basictable th
{
    font-weight: bold;
    text-align: left;
    padding: 4px;
}

/* VLF - for RegTypePage */
/*Classes for Fee Tables*/
.FeeGeneral
{
    vertical-align: middle;
    text-align: right;
    padding: 2px;
}
.FeeDesc
{
    vertical-align: middle;
    padding: 2px;
}
.FeeCurrent 
{
    font-weight: bold;
    text-align: left;
    color:#000000;
    background-color:transparent;
    width:80px;
}
.FeeExpired 
{
    color:#cccccc !important;
    text-align: left;
    background-color:transparent;
     width:80px;
}
.FeeFuture 
{
    color:#cccccc !important;
    text-align: left;
    background-color:transparent;
     width:80px;
     font-style:italic;
}
.RegTypeTableCell
{
    border-bottom: 1px solid #DCDDDE;
    /*width: 100px;*/
    text-align: left;
    padding:12px !important;
    vertical-align:top;
    line-height:1.4;
    cursor:pointer;  
    
}
.RegTypeTableCell span {font-size:15px;}
.RegTypeTableCell span span {display:block;font-size:10px;font-weight:normal;line-height:1.2;}
.RegTypeTableCellDesc
{
    /*width: 150px;*/
    text-align: left;
    line-height:1.2;
    border-bottom: 1px solid #DCDDDE;
    padding:8px;
}
/* RegType highlight class */
table.regTypeControl td {padding:4px;}
td.RegTypeChoice {width:185px;}
.itemSelected {background-color:#ffffd9;}
.itemSelected td.FeeCurrent {background-color:#fff0b2;border-bottom:1px solid #DCDDDE;}

.FieldLabel {font-weight: normal;text-align: left;}
.FieldLabelBlock {font-weight: normal;text-align: left;display:block;}
.FieldDetail {font-weight:bold;}

.RequiredFieldIndicator {vertical-align:baseline;margin:0 2px;}
table.RegTypeNote {border:0;padding:0;margin-left:40px;}
table.RegTypeNote td {border:0;}


/*Data Grid Classes*/
.datagrid
{
    width: 100%;
    border-spacing: 1px;
    background-color:#ffffff;
}
/*.datagrid a, .datagrid a:link, .datagrid a:hover, .datagrid a:visited {color:#313131;}*/
.datagrid td
{
   padding: 4px;
   border-collapse: collapse;
   border-spacing:1px;
   vertical-align:middle;
}
.datagrid th
{
    font-weight: bold;
    background-color:#d6d6d6;
    border: 0px;
    text-align: left;
    padding: 4px;
    font-size: 0.9em;
    border-spacing:1px;
}

/*  THIS SHOULD BE STYLED SAME AS DATAGRID TH*/
.datagridHdr td
{
    font-weight: bold;
    background-color:#d6d6d6;
    border: 0px;
    text-align: left;
    padding: 4px;
    font-size: 0.8em;
    border-spacing:1px;
}

.datagridFtr {font-weight: normal;text-align: left;}
.datagridPgr {font-weight: normal;text-align: left;}

.NoBorder {border: 0px;}
.NoBorder td {border: 0px;}
.NoWidth {width: auto;}

.hiddenBlock {display: none;}

/* Pager Controls */
table.Pager {margin-bottom: 1px;width:100%;background-color:#eeeeee;border:1px solid #cccccc;}
table.Pager td {padding:3px;width:33.3%;vertical-align:middle;white-space:nowrap;font-size:0.9em;}
table.Pager select {font-size:0.9em;padding:2px;}

/* DIVS USED IN MAIN CONTENT -- USED FOR WIDTH, PADDING AND MARGIN ONLY*/

#SearchBlock {background-color: #f6f6f6;}
#SearchBlock td {padding: 2px;}
#SearchBlock div.item {float:left;margin:1em;}

/*Warning and Error Messages*/

.ExecutionMessageSummary, .ClientValidationSummary
{
    border:0px solid #C4161C;background:#F8EAE9 url(images/iconError.gif) no-repeat 8px center;padding:10px 10px 10px 40px;margin-bottom:10px;
}
.ExecutionMessageSummaryNoBullet {
    border:0px solid #C4161C;background:#F8EAE9 url(images/iconError.gif) no-repeat 8px center;padding:10px 10px 10px 40px;margin-bottom:10px;
}
.ExecutionMessageError, .ExecutionMessageWarning, .ExecutionMessageUser, .ExecutionMessageUnknown
{    color: #C4161C;font-weight: bold;}

/* Utility classes for message sections */
.instruction {border:0px solid #FFBF00;background:#FFF5D9 url(../../ReferenceFileHandler.ashx?FileName=iconInfo.gif) no-repeat 8px center;padding:10px 10px 10px 40px;color:#774400;}
.complete {border:0px solid #39B339;background:#E5FFE5 url(../../ReferenceFileHandler.ashx?FileName=iconComplete.gif) no-repeat 8px center;padding:10px 10px 10px 40px;color:#0F700F;}
.alert {border:0px solid #ff8000;background:#FFEAD5 url(../../ReferenceFileHandler.ashx?FileName=iconAlert.gif) no-repeat 8px center;padding:10px 10px 10px 40px;margin-bottom:10px;}
.errormessage {border:0px solid #C4161C;background:#F8EAE9 url(../../ReferenceFileHandler.ashx?FileName=iconError.gif) no-repeat 8px center;padding:10px 10px 10px 40px;margin-bottom:10px;}
.instruction ul li, .complete ul li, .alert ul li, .error ul li {padding:0;line-height:1.2;}

/*HOUSING RELATED CLASSES*/
/*Occupant Grid Classes*/
.occupantGrid
{
    background-color: #f6f6f6;
    width: 100%;
    color:#313131;
}
.occupantGridAlt
{
    background-color: #d6d6d6;
    width: 100%;
}

.occupantGrid td
{
    padding: 2px;
}
.occupantGrid th
{
}
.occupantGridHdr
{
    background-color: #0065b3;
    font-weight: bold;
    text-align: left;
    padding: 2px 4px;
    color: #ffffff;
}
.occupantGridHdr a
{
}
.occupantGridFtr
{
    background-color: #74797E;
    font-weight: normal;
    color: #fff;
    text-align: left;
}
.occupantGridPgr
{
    background-color: #fff;
    font-weight: normal;
    color: #000000;
    text-align: left;
}

a.LinkButtonWaitlistClass:visited
{
    color: #C4161C;
    font-weight: bold;
}
a.LinkButtonWaitlistClass:link
{
    color: #C4161C;
    font-weight: bold;
}
a.LinkButtonWaitlistClass:active
{
    color: #C4161C;
    font-weight: bold;
}


/* TOOLTIP. Create a link with a span between the anchor tags. The Span will be shown only on hover. */
a.tooltipped
{
    position: relative;
    border-bottom: 1px dashed #313131;
    color: #000000;
    text-decoration: none;
    z-index: 0;
}

a.tooltipped:hover
{
    z-index: 1;
}

a.tooltipped span.tip
{
    display: none;
}

a.tooltipped:hover span.tip
{
    /*the span will display just on :hover state*/
    display: block;
    position: absolute;
    top: 2em;
    left: 2em;
    width: 15em;
    border: 1px solid #c1c1c1;
    background-color: #e1e1e1;
    color: #0065b3;
    text-align: center;
    z-index: 1000;
}

/* FOR PERSON GRID IN BLOCK/GROUP */
.PersonnelSearchContactRow
{
    background-color: #f6f6f6;
}

.NoBack
{
    border:1px solid #C4161C;
    margin: 10px 0;
    padding:10px 10px 10px 30px;
    background:#f6f6f6 url() no-repeat;
}

.mstrViewControl
{
    border-bottom: 1px solid #d6d6d6;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.divHorzRule {border-bottom:1px solid #e1e1e1;height:2px;margin:4px 0px;font-size:1.2em;}
.Badge {border:1px solid #d6d6d6;}

/* MISC */
.Social {margin:10px 0px;}
.Social img {margin-right:4px;border:0px;}
.Social a {text-decoration:none;}

/* JQUERY ADJUSTMENTS*/

.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {font-family:inherit !important;}
/* To adapt jquery calendar for sidebar */
.module { width: auto;text-align: center;}
.module .ui-widget {font-family: inherit;font-size: 1.0em;}
.module .ui-datepicker {width:auto;}
.module .ui-datepicker-group {float:none;margin:0 auto;}
.module .ui-datepicker-group .ui-datepicker-title {margin: 0px;padding: 0px;}
.module .ui-datepicker-group td span, .module .ui-datepicker td a {padding: 0.1em;}

#TDSidebar div.ui-accordion-content {padding:1.0em 0.5em;}

/* To allow hotel images to fit side-by-side in tabbed panel */
.ui-tabs .ui-tabs-panel { padding: 1em .5em; }

.HotelName {font-size:1.3em;font-weight:bold;}

/* For jquery-style buttons and links */
.jq_button {font-size:1.2em !important;}
.jq_button2 {font-size:1.0em !important;}
.jq_button3 {font-size: 0.9em !important;
    margin:0.1em;
}
.jq_buttonHome {width:250px;font-size:1.2em;float:right;margin:0px 0px 0px 10px; /* For default page links */}
.jq_buttonSelf {margin:6px;font-size:1.3em;}
/*  */
.jq_accOpen, .jq_accClosed {margin-bottom:4px;}
.ui-accordion-header {font-size: 1.1em;}

/* For the jQuery character counter DIV on text input elements. (appears beneath the input element) */
.jq-maxLengthIndicator { font-size: 0.9em; font-weight: bold; padding: 0.2em; }
/* Encompasses both the text input element and the jQuery character counter DIV. */
.jq-maxLengthIndicatorContainer { vertical-align: top; }

/* Fix for spinner inside tabs. */
/* VLF 2013-0628 - causing issues */
/*.ui-tabs .ui-tabs-hide { display: block !important; position: absolute; left: -10000px; }*/

/* Remove background images and border radius from all jQuery elements */
.ui-button, input.ui-button, input[type="submit"], .ui-state-default, .ui-state-active a,
ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom ui-accordion-content-active,
.ui-corner-top, .ui-corner-all, .ui-widget-content, .ui-datepicker .ui-datepicker-header, .ui-widget-header, .ui-widget-overlay, .ui-widget-shadow
{
    background-image:none;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}
 
/* Overrides core.css and lets ui-state-disabled rule */
.aspNetDisabled {opacity: 1.0;filter:Alpha(Opacity=50);}
.ui-state-disabled {opacity:0.7 !important;filter:Alpha(Opacity=70) !important;}

/* required for newer jquery and old webforms */
.ui-dialog {z-index:9999;}

/* END JQUERY STUFF*/

/*Formats and aligns the bottom buttons and bar*/
.ButtonBar {text-align: center;padding: 2.0em 0;}
.ButtonBarSelf {background-color:transparent;text-align:center;padding:4px;}
.ButtonBar input {font-size:1.4em;margin-right: 4px;border-radius:100px;padding:0.3em 2.0em}

.ButtonNext {background-color:#04860B !important;color:#ffffff !important;border-color:#04860B;}
.ButtonNext:hover, .ButtonBack:hover {background-color:#05a50d !important;}
.ButtonBack {background-color:#d6d6d6 !important;border-color:#bbbbbb;color:#fff !important;}

.ButtonSecurePay {font-size:1.4em !important;background-color:#05a50d !important;background-image:none;color:#ffffff !important;}
.buttonSecurePay:hover {}

/* TOOLBAR */
ul.divTB {list-style-type:none;padding:0;margin:0;}
ul.divTB li {display:block;}
ul.divTB li a, ul.divTB li a:link {text-decoration:none;display:block;margin:0px;}
ul.divTB li a img {border:0;margin-bottom:6px;vertical-align:middle;}

hr.Fade {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
}

/* To Disable Translate Toolbar in SelfReg */
.bodySelf #MSTTSpacer, .bodySelf #MicrosoftTranslatorToolbar {height:0;display:none !important;}

/* Top Bar */
.top-bar {
    *zoom: 1;
    overflow: hidden;
    height: 45px;
    line-height: 45px;
    position: relative;
    background: #313131;
    margin-bottom: 0;
  }
  .top-bar:before, .top-bar:after {
    content: " ";
    display: table;
  }
  .top-bar:after {
    clear: both;
  }
  .top-bar .title-area {
    float: left;
  }
 .top-bar .name {
      height: 45px;
      margin: 0;
      font-size: 16px;
      white-space:nowrap;
      color:#ffffff;
      line-height: 45px;
      font-size: 1.0em;
    }
  }
  .top-bar-section {
    -webkit-transition: none 0 0;
    -moz-transition: none 0 0;
    transition: none 0 0;
    left: 0 !important;
  }
  .top-bar-section ul {
    width: auto;
    height: auto !important;
    display: inline;
    list-style-type:none;
  }
  .top-bar-section ul li {
    float: left;
    line-height:45px;
    font-size:13px;
  }
  .top-bar-section ul li a, .top-bar-section ul li span {text-decoration:none;color:#ffffff;padding:0 8px;}
  .top-bar-section ul li:last-child a, .top-bar-section ul li:last-child span {padding-right:0;}
  .top-bar-section > ul > .divider {
    border-bottom: none;
    border-top: none;
    border-right: solid 0px #4b4b4b;
    border-left: solid 0px #181818;
    clear: none;
    height: 45px;
    width: 0px;
  }

/* SELF REGISTRATION */

/* No Customizations Section */

.ContainerSelf 
{background-color:#fff;font-family: OpenSansBold, Arial, Helvetica, sans-serif;font-size:16px !important;color:#5a5a5a;overflow:hidden;}

.ContainerSelf h1, .ContainerSelf h2, .ContainerSelf h3, .ContainerSelf h4
{font-family: OpenSansLight, Arial, Helvetica, sans-serif;font-weight:400;text-align:center;}

.ContainerSelf h2
{font-size:28px;color:#004276;padding-bottom:20px;border-bottom:1px solid #cccccc;font-family: OpenSansBold, Arial, Helvetica, sans-serif !important;}

.ContainerSelf legend, .ContainerSelf .datagridHdr td
{text-transform:uppercase;color:#004276;}

.PageHeaderSelf, #PageHeaderSelf
{color: #fff; height: 200px !important;width:100%;margin: 0;padding:0;background: #0065b3 url(../../ReferenceFileHandler.ashx?FileName=selfheaderbg.png) repeat-x;text-align:center;box-shadow:0 8px 6px -6px #666;}

.PageContentSelf, .PageContentSelf
{margin:20px 220px 0 220px;padding:0px 20px 0px 20px;background-color:transparent;z-index:99;position:relative;overflow:auto;}


/* Back and Next Buttons*/
.fixedNext
{
    background-color: transparent!important;
    position: fixed;
    display: inline-block;
    top: 50%;
    right: 0px;
    margin-top: -80px;
    padding: 0.5em 0;
    text-align: center;
    width: 80px;
    z-index: 1000;
}
.fixedBack
{
    background-color: transparent!important;
    position: fixed;
    display: inline-block;
    top: 50%;
    left: 0px;
    margin-top: -80px;
    padding: 0.5em 0;
    width: 80px;
    z-index: 1000;
}

.fixedNext input
{
    border: 0px solid red;
    width: 80px;
    height: 160px;
    padding:0!important;
    background: transparent url(../../ReferenceFileHandler.ashx?FileName=SelfButtons.png) no-repeat left top!important;
}
.fixedBack input
{
    border: 0px solid red;
    width: 80px;
    height: 160px;
    padding:0!important;
    background: transparent url(../../ReferenceFileHandler.ashx?FileName=SelfButtons.png) no-repeat left -160px!important;
}
.fixedNext input:hover, .fixedNext input:focus
{
    background-color: transparent!important;
    border: 0;
    background-position:  right top!important;
    cursor:pointer;
    outline:none;
}
.fixedBack input:hover, .fixedBack input:focus
{
    background-color: transparent!important;
    border: 0;
    background-position: right -160px!important;
    cursor:pointer;
    outline:none;
}

.fixedIcons { position:fixed;top: 0;right: 0;height:100px;min-width:300px;max-width:40%;padding: 10px 20px 0 0; margin:0; color: #fff;}
div.icon {float:right;margin:40px 20px 0 10px;}


.ContainerSelf .testing_text {position:fixed;left:0;bottom:25px;width:200px;height:40px; text-align:left;}

.self_profile
{position:fixed;bottom:25px;right: 0; height:30px;min-width:500px;max-width:60%; padding: 10px 20px 0px 0px;z-index: 1000;
margin:0;color:#5a5a5a !important;text-align:right;}

.ContainerSelf .datagrid td
{vertical-align:middle;padding:6px;text-align:left;border:none;}

.ContainerSelf .datagrid .row, .ContainerSelf .datagrid .altrow, .ContainerSelf .datagrid td
{border:none; padding:20px; }
    
.ContainerSelf .FieldLabel
  {vertical-align:middle; }
  
.ContainerSelf input[type="text"], .ContainerSelf input[type="password"], .ContainerSelf select, 
.ContainerSelf .company_search
{ padding:9px; background-color: #e9e9e9;border:2px solid #ffffff !important;font-size:18px;color:#343232;}
    
.ContainerSelf input[type="text"]:focus, .ContainerSelf input[type="password"]:focus, .ContainerSelf select:focus
{background-color:#ffffff; border:2px solid #343232 !important; }    

/*Adapt following colors according to show: Find/Replace: Primary #223E8B Accent #006da8*/

.icon a {font-family:Pictos;font-size:36px;text-decoration:none;color:#fff !important;}
.icon a:hover {cursor:pointer;color:#ccc !important;}

.PageContentSelf input[type="submit"], .ContainerSelf .ui-dialog .ui-dialog-buttonpane input[type="submit"], 
.ContainerSelf .ui-dialog .ui-dialog-buttonpane a, .ContainerSelf .datagrid td input[type="submit"], 
.PageContentSelf .datagrid input[type="submit"], .selfRegButton
{ font-family: OpenSansBold, Arial, Helvetica, sans-serif !important;font-size: 24px;text-align: center;display:inline-block;
  background-color: #004276; color: #fff; border-color: #000;text-transform:uppercase;border-radius:5px;
}
.PageContentSelf input[type="submit"]:hover, .ContainerSelf .ui-dialog .ui-dialog-buttonpane input[type="submit"]:hover, 
.ContainerSelf .ui-dialog .ui-dialog-buttonpane a:hover, .ContainerSelf .datagrid td input[type="submit"]:hover, 
.PageContentSelf .datagrid input[type="submit"]:hover, .selfRegButton:hover
{ font-family: OpenSansBold, Arial, Helvetica, sans-serif !important;font-size: 24px;text-align: center;display:inline-block;
  background-color: #006da8; color: #fff; border-color: #004276;
}

.PageContentSelf input[type="submit"]:hover, .PageContentSelf input[type="submit"]:focus, 
.ContainerSelf .ui-dialog .ui-dialog-buttonpane input[type="submit"]:hover, 
.ContainerSelf .ui-dialog .ui-dialog-buttonpane a:hover, .ContainerSelf .ui-dialog .ui-dialog-buttonpane input[type="submit"]:focus, 
.ContainerSelf .ui-dialog .ui-dialog-buttonpane a:focus, 
.ContainerSelf .datagrid td input[type="submit"]:hover, .PageContentSelf .datagrid input[type="submit"]:hover,
.ContainerSelf .datagrid td input[type="submit"]:focus, .PageContentSelf .datagrid input[type="submit"]:focus,
.ContainerSelf .datagrid td input[type="submit"]:visited, .PageContentSelf .datagrid input[type="submit"]:visited,
.ContainerSelf .datagrid td input[type="submit"]:selected, .PageContentSelf .datagrid input[type="submit"]:selected
{}

.ContainerSelf .tblProg {border: 2px solid #ffffff;}
.ContainerSelf .tblProgComp {background-color: #02a552 !important; height:25px;}

.ContainerSelf .selfRegButton.green{background-color:#02a552;color:#fff;border-color:#02a552;}
.ContainerSelf .selfRegButton.green:hover{background-color:#1ac26c;}

/* New Registrant */

.ContainerSelf #ContentPlaceHolderMainContent_WizardTaskLayoutControl1 {max-width:1020px;}
.ContainerSelf .input180,.ContainerSelf .input150{width:220px;}



/*Multi-Start Page*/

.ContainerSelf .byname, .ContainerSelf .byid, .ContainerSelf .registered
{
    border: 1px solid #aaa;
    background-color: #fff;
    margin: 20px 20px;
    padding: 40px 60px 10px 60px;
    border-radius: 8px;
    -moz-box-shadow: 4px 4px 8px #515151;
    -webkit-box-shadow: 4px 4px 8px #515151;
    box-shadow: 4px 4px 8px #515151;
}

.ContainerSelf .byname:hover, .ContainerSelf .byid:hover, .ContainerSelf .registered:hover,
.ContainerSelf .byname:focus, .ContainerSelf .byid:focus, .ContainerSelf .registered:focus
{    
    background-color: #fff;
    border: 1px solid #aaa;
    cursor: pointer;
    -moz-box-shadow: inset 2px 2px 12px #313131;
    -webkit-box-shadow: inset 2px 2px 12px #313131;
    box-shadow: inset 2px 2px 12px #313131;

}


.ContainerSelf .scanbarcode
{height:300px;}

.byname img, .byid img,.registered img
{height:90px;max-width:100%;}

.scanbarcode img
{height:160px;max-width:100%;}

.intro h2
{color:#004276;border-bottom:1px solid #004276;font-size:1.5em;}

.intro p
{color:#004276;}

.intro.scanbarcode h2 {font-size:2.25em;border-bottom:1px solid #ddd;color:#004276;}

.teamlogin .selfRegButton {font-size:1.5em;padding:.8em 1.2em;}

.teamsearch h3 {font-family: OpenSansBold, Arial, Helvetica, sans-serif;padding-bottom:20px;margin-bottom:10px;border-bottom:1px solid #ddd;}

.teamdetail span{font-family: OpenSansLight, Arial, Helvetica, sans-serif;font-weight:500;padding-right:40px;padding-left:10px;}

.teamdetailgrid input[type="checkbox"]{width:28px;height:28px;}

.teamdetailgrid label {margin-left:10px;}

.teamdetailgrid .selfRegButton.Edit.ui-button.ui-state-default {font-size:1.2em!important;padding:10px 10px;width:auto;background-color:#019cd5;}

.teamdetailgrid .selfRegButton.Edit.ui-button.ui-state-hover{background-color:#01a7e4;}

.teamdetail .selfRegButton.upper.ui-button.ui-state-default{font-size:0.8em!important;width:180px;}

.teamdetailgrid .selfRegButton.bottom{width:260px;margin-top:40px;}

/*SHOW CUSTOMIZATIONS GO BELOW HERE*/

/*** translator ***/
#MicrosoftTranslatorWidget * 
{
    font-family: inherit !important;
}
#MicrosoftTranslatorWidget {
    font-family: inherit !important;
    font-size: inherit !important;
    height: auto !important;
    width: 100%;
}
#WidgetLauncher {
    margin: 0.5em 0 !important;
    width: auto !important;
    height: auto !important;
}
#LauncherTranslatePhrase {
    padding: 0.7em !important;
    height: auto !important;
    background-color: #fff !important;
    border: 1px solid #d6d6d6 !important;
}
#WidgetLauncher #LauncherTranslatePhrase:hover 
{
    background-color: #eee !important;
}
#TranslateSpan {
    letter-spacing: normal !important;
    font-size: inherit !important;
    color: #313131 !important;
}
#LauncherLogo 
{
    display: none !important;
}