/* bootstrap fixes */
.navbar-default { background: #EBEBEB; }
.nav > li > a { padding: 15px 9px; }
.row:before, .row:after { content: normal !important; }
div.row, div.rowalt { margin: 1em 0; padding: .5em; background: #eee; border-radius: 5px; }
input[type="checkbox"],input[type="radio"] { margin: 0 .3em; }
input[type="file"] {display: inline;}
label { width: 25%; text-align: right; }



h1 {
    font-size: 26px;
    font-family: inherit;
    color: inherit;
    font-weight: normal;
 }
 h4{
 	font-weight:bold;
 }
/* project specific */
body { background: #eee; }
body {
    font: 13px/1.45em Arial, Helvetica, sans-serif;
    color: #333333;
    background: #CFCFCF;
}
h1,h2,h3,h4,h5,h6 { }
#wrapper { margin: 0 auto 2em auto; padding: 0; width: 90%; background: #fff; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-radius: 0 0 7px 7px; -mox-border-radius: 0 0 7px 7px; -webkit-border-radius: 0 0 7px 7px; box-shadow: 0 0 12px #ccc; }
#blankcontent { padding: 1em; background: #fff; padding: .6em; }
#header { margin: 0 auto; padding: 0 0 0 1em; width: 100%; height: 250px; background: #fff url() repeat-x top left;  }
.heroLogo {width:390px;}
#content { padding: 0 1em .4em 1em; min-height: 200px; }
#footer { margin: 0 auto; text-align: right; width: 90%; color: #ccc; }
#footer a { color: #000; font-size: 95%; }
#footer a:hover { color: #000; text-decoration: none; }
#support { margin-top: 2em; font-size: 95%; }
.navbar { margin: 0 auto; width: 98%; }
.navbar-default .navbar-brand, .navbar-default .navbar-nav > li > a { color: #017AC3; font-weight: bold; }

/* Abstract navigation list */
#navcontainer  {margin-top:3px; background: transparent; border-bottom: 3px solid #ccc;}
ul#navlist {margin: 0; padding: 0; list-style-type: none; white-space: nowrap; border: none; background: transparent;}
ul#navlist li {display:inline-table; font-family: verdana, arial, sans-serif; font-size: 11px; font-weight: normal; margin: 2px 0px 2px 0px; padding: 5px 0 4px 0; background-color: #eef4f1;}
#navlist a, #navlist a:link { margin: 0; padding: 5px 9px 5px 9px; color: #004979; text-decoration: none; border-top: 2px solid #B0B0B0; border-right: 2px solid #B0B0B0; border-left: 2px solid #B0B0B0; }
ul#navlist li.active {color: #FFFFFF; border: 1px solid #FF7400;}
#navlist a:hover {color: #004979; background-color: #e1f6c4;}
#navlist a.active{color: #004979; background-color: #e1f6c4;}
#navcontainer .navtitle {font-weight: bold; font-size: 1em; margin: 0; padding: 5px; color: #017AC3;}
.current{color: #FFFFFF; background-color: #8CC400;}
#navcontainer .incomplete {padding: 3px;}
#navcontainer .status {background-color: #F2F2F2; color: #004979; text-align: left; font-weight: normal; font-size: 0.8em; margin: 0; padding: 2px;}
#navcontainer .status .incomplete {font-size: 1.1em; padding: 3px;}
#navcontainer .message {padding: 3px;}
#navlist a.stepRequired {color: #660000; background-color: #EED5D2;}
#navlist a.stepCompleted {color: #F0F0F0; background-color: #017AC3;}
#navlist a.stepOptional {color: #004979; background-color: #C6E2FF;}
#navlist a.stepCurrent { font-weight: bold; }
#navlist a.stepOptional:hover, #navlist a.stepCurrent:hover,#navlist a.stepCompleted:hover, #navlist a.stepRequired:hover {text-decoration: underline;}
.username {padding: 16px 9px;}

form div, .formedit div { margin: .4em 0; }
.formedit label, .signin label, #FinalizeSubmission fieldset label { width: 25%; text-align: right; }
.formedit dd { padding-left: 25px; }
#EditAbstract label { width: auto; text-align: left; }
#editOrderTable th { font-size: 110%; text-align: center; }
#SignIn div { margin: .5em 0; }
#SignIn label { width: 150px; }
#FinalizeSubmission label { width: auto; }
.formedit div.dataentryhint {left: 27%; width: 73%; position: relative; padding: 0 0 0 5px; font-weight: normal; padding: 0 5px 0 0; font-size: 90%;}
span label { width: auto; }

/*grid */
#grid {font-size: 10px; margin: 0px; width:100%; text-align: center; border-collapse: collapse; table-layout: fixed;}
#grid th {width:120px;font-size: 10px; font-weight: normal; padding: 12px 5px; border-right: 1px solid #fff; border-left: 1px solid #fff; color: #039;}
#grid td {text-align:left;width:120px; padding: 8px 5px; border-right: 1px solid #fff; border-left: 1px solid #fff; border-bottom: 1px solid #fff; color: #669;}

#grid .roweven {background: #e8edff;}
#grid th {color:#fff; /*background: #d0dafd;*/ border-bottom: 1px solid #c8d4fd;}
#grid .coleven {background: #dce4ff; border-bottom: 1px solid #d6dfff;}

/*commented out the following two head and row settings. Now using nth-child settings to do striping.*/

/*#grid .head1  {color:#fff; background: #9F8E82; border-bottom: 1px solid #c8d4fd;}
#grid .head2 {color:#fff; background: #F03F22; border-bottom: 1px solid #d6dfff;}
#grid .head3 {color:#fff; background: #B8D432; border-bottom: 1px solid #c8d4fd;}
#grid .head4 {color:#fff;background: #666699; border-bottom: 1px solid #d6dfff;}
#grid .head5 {color:#fff;background: #006600; border-bottom: 1px solid #c8d4fd;}
#grid .head6 {color:#fff;background: #6699CC; border-bottom: 1px solid #d6dfff;}
#grid .head7 {color:#fff;background: #9F8E82; border-bottom: 1px solid #c8d4fd;}
#grid .head8 {color:#fff;background: #0000A6; border-bottom: 1px solid #d6dfff;}
#grid .head9 {color:#fff;background: #666600; border-bottom: 1px solid #c8d4fd;}
#grid .head10 {color:#fff;background: #996666; border-bottom: 1px solid #d6dfff;}*/


/*#grid .row1, #grid .row11 {background: #DED6CF;}
#grid .row2, #grid .row12 {background: #FBC4AA;}
#grid .row3 {background: #E7F0C1;}
#grid .row4 {background: #ADADC9;}
#grid .row5 {background: #00B900;}
#grid .row6 {background: #B8CFE7;}
#grid .row7 {background: #999999;}
#grid .row8 {background: #C4C4FF;}
#grid .row9 {background: #FFFFD9;}
#grid .row10 {background: #DCCBCB;}*/


#grid .horheader{background: #074C85; color:#fff; border-bottom: 1px solid #fff; width:15px}
#grid td.horheader{width:48px; text-align:center}
#grid th.horheader{width:auto; text-align:center}
/*#grid tr:hover td {border:1px dotted #fff; color: #339;   background: #EFFCFF;*/}
#grid .rowall {background: #ADADC9;}
#grid .colall {background: #ADADC9; vertical-align:middle; text-align:center;font-size:1.8em; font-weight:bold; ;writing-mode: lr-tb}
#grid a {color:#000; }
#grid a:hover {color:#000}
.errormsg {color:#E8E8E8; border:1px outset #8F1111; text-align:left; font-size: 1.1em;font-weight: bold; padding:2px; display:block; background:#900D0D; margin:4px ; font-variant:normal;  }
.errormsg strong{ font-size:1.5; margin-top:2px; border-bottom:1px solid #DFD1D1}
.errorText {color:#E8E8E8;}
.optionform{width:100%; margin:0 auto; padding:3px; text-align:left;}
.dottedborder{border:1px dotted #3F3F3F}

/*new 2016 grid styles. blue headers and alternative grey stripes.*/
#grid tbody tr:nth-child(2n) td {background-color: #cccccc; color: #000000;}
#grid tbody tr:nth-child(2n+1) td {background-color: #eeeeee; color: #000000;}
#grid tbody tr td:first-child {background-color: #074C85; color: #ffffff;}



/* Classes */
.action {color: #273363;}
.alignright {text-align: right;}
.alignleft {text-align: left;}
.aligncenter {text-align: center;}
.aligncenterwithpad {text-align: center; padding: 10px;}
.answer {font-size: 90%; color: #666666; background-color: transparent; font-weight: normal;}
.answertext {color: #666666; background-color: transparent;  margin: 0 0 5px 0; padding: 0 0 0 10px; font-size: 0.9em;}
.backtotop {font-size: 90%; padding: 0 10px 0 0; text-align: right;}
.breadcrumbtrail {font-size: 80%; padding: 0 0 5px 0;}
.boldred {color: #D52B1E; background-color: transparent; font-weight: bold;}
.centerwithpad {text-align: center; padding: 10px 0;}
.centerwithoutpad {text-align: center;}
.clear { clear: both; height: 0px;}
.circuitcontent{text-align: left; margin: 5px 0 0 5px;}
.colorprimary {color: #02559A;}
.colorsecondary {color: #02559A;}
.colortertiary {color: #81BC41;}
.columntitle {color: #666666; background-color: #EDF3F6; font-weight: bold;}
.conflict {font-size: 90%; background-color: #FFF000;}
.content {text-align: left; width: 100%;}
.contentcenter{text-align: center;}
.contentright{text-align: right;}
.contentnav {font-size: 90%; vertical-align: middle; color: #273363; font-weight: bold; text-align: center; white-space: nowrap; border-bottom: 1px dotted #273363;  padding: 2px 0 2px 0; margin: 0 0 8px 0; width: 95%;}
.crossout {text-decoration: line-through; color: #666666;}
.disclosureadd {width: 40px; height: 40px; font-weight:bold;}
.disclosureanswer {vertical-align: middle; font-size: 1.2em; text-align: center; border: 1px black solid; padding: 2px;}
.disclosureremove {text-decoration: none; font-weight: bold; color: #D52B1E; padding-bottom: 10px;}
.disclosureresponse {vertical-align: middle; text-align: left; border: 1px black solid; padding: 2px;}
.disclosuretable {border: 1px black solid;}
.downloadselection { background-color: #e6e6e6; border: 1px solid #9f9f9f; padding: 4px; }
.downloadselection a { color: #000 !important; }
.editnote {font-size: 85%; color: #B6B6B6; background-color: transparent; font-weight: bold;  vertical-align: middle; text-decoration: none;}
.editpreview {font-size: 130%; color: #D52B1E; font-weight: bold;}
.floatleft {float: left; margin: 0 0px 0 0px;}
.floatright {float: right; margin: 0 0px 0 0px;}
.floatnone {float:none}
.fontnormal {font-size:normal}
.fontsmall {font-size: small;}
.fontmedium {font-size: medium; }
.fontlarge {font-size: large;}
.fontxlarge {font-size: x-large;}
.fontprimary {font-family: Verdana;}
.fontsecondary {font-family: Tahoma;}
.fonttertiary {font-family: Arial;}
.formrow, .formskinnyrow {font-size: 95%; padding: 1px 0 1px 0; clear: both; vertical-align: middle; clear:both; }
.formnote {padding: 0 0 0 0; margin: 0 0 0 0; display: inline;}
.formtitle {margin-left: 10px; color: #666666;}
.green {color: #81BC41;}
.hidden {height: 0; width: 0; overflow: hidden; position: absolute;}
.highlightdetail {color: #990000;}
.incomplete {color: #D52B1E; font-weight: bold;}
.indent {padding-left: 15px;}
.message { text-align: center; }
.messagealert { text-align: center; }
.message ol, .messagealert ol { text-align: left; }
.navigationoptions { text-align: right; }
.nowrapping { white-space: nowrap;}
.previewmultiline {left: 25%; width: 75%; position: relative; padding: 0 0 0 5px;}
.previewmessageline {left: 21%; width: 75%; position: relative; padding: 0 0 0 0px;}
.previewbar {color: #273363; border-bottom: 1px dotted; margin: 10px 0 10px 0; text-align: left;}
.question dt { margin: 1em 0 0 0; }
.question dd { margin: .4em 0; }
.questiontext {width: 100%; margin: 0 0 5px 0; padding: 0 0 0 10px; font-size: 0.9em; /*color: #003263; border-bottom: 1px solid #666666; font-size: 1.25em; font-weight: bold;*/}
.red {color: #D52B1E;}
.required {color: #D52B1E; font-weight: bold; padding: 0 2px 0 0;}
.results {width: 100%;}
.pluslink {padding:0px 1px 0px 1px; margin:0px 2px 0px 2px ; background:#fff; font-size:.8em; text-decoration: none; border:1px solid #666666; color:#666666; text-align:center; vertical-align: middle;}
.resultscount { font-weight: bold; text-align: center; margin: 0 0 10px 0;}
.scrolltext {font-family: courier,monospace; color: black; border: thin solid #666666; background-color: #CCCCCC; overflow-x: auto; overflow-y: auto; max-height: 200px; padding: 4px 4px 4px 4px; line-height: 15px; margin: 5px 0pt 5px 0pt;}
.searchcriteria {width: 100%;}
.sectionbar {color: #FFFFFF; background-color: #273363; font-weight: bold; text-align: center; margin: 0 0 10px 0;}
.sectiondesc {font-size: 90%;}
.sectiontitle {font-size: 1em; font-weight: bold;  font-variant: small-caps;}
.small {font-size: 85%; font-weight: normal;}
.smallbold {font-size: 85%; color: #666666;  background-color: transparent; font-weight: bold;  vertical-align: middle; text-decoration: none;}
.smallcapitols {font-variant: small-caps;}
.smallcaps {font-size:90%; height: 90%; color: #273363;  background-color: transparent; font-weight: bold;  font-variant: small-caps;  vertical-align: middle;}
.smallwarning {color: #D52B1E; font-size: 85%; font-weight: normal;}
.sponsor{font-size: 150%; height: 150%; color: #D52B1E;  background-color: transparent; font-weight: bold;  vertical-align: middle; padding: 0 0 10px 0;}
.title {font-size: 150%; height: 150%; color: #273363;   background-color: transparent; font-weight: bold;  vertical-align: middle; padding: 0 0 10px 0;}
.underline {text-decoration: underline;}


#00CC66

#017AC3

#itinerary {font-size: 1em;}
#itinerary .selectday {font-size: 1.2em; color: #003263; font-weight: bold; text-align: center; border-bottom: 1px dotted #003263; padding: 3px 0 5px 0; margin: 0 0 3px 0;}
#itinerary .selectday a {font-size: .8em; text-decoration: none;}
#itinerary .selectday a:hover {text-decoration: underline;}
#itinerary .selectday a.active {font-size: 1em; color: #900D0D; text-decoration: none;}
#itinerary .selectday a.active:hover {text-decoration: underline;}
#itinerary .rollover {left:0px; position:absolute; top:0pt; visibility:hidden; z-index:2; color: #000000; background-color: #FFFFFF; width:200px; height:100px;} 

#itinerary table {width: 100%; padding: 3px 5px 5px 0;}
#itinerary th {text-align: center;}
#itinerary th.time {color: #000000; background-color: #A5C0DB; padding: 0 3px 0 5px; width: 60px;	white-space: nowrap;} /* #DDDDDD */
#itinerary td {color: #000000; background-color: #EDF3F6; font-size: .8em; height: 10px; text-decoration: none; border: solid 1px #cccccc;}
#itinerary td.time {color: #000000; background-color: #EDF3F6; width: 60px; font-size: .8em; white-space: nowrap;}
#itinerary .abstract {color: #000000; background-color: #FFFF00; }
#itinerary .confirmed {color: #000000; background-color: #00C9CC;}
#itinerary .delete {color: #FFFFFF; background-color: #000000;}
#itinerary .empty {color: #FFFFFF; background-color: #FFFFFF;}
#itinerary .event {color: #ffffff; background-color: #017AC3;}
#itinerary .event a{text-decoration: underline;}
#itinerary .exhibitor {color: #000000; background-color: #3399FF;}
#itinerary .pending {color: #000000; background-color: #900D0D;}
#itinerary .personal {color: #000000; background-color: #ff9933;}
#itinerary .rollover {color: #000000; background-color: #FFFFFF;}
#itinerary .legend div {margin: 2px 0 2px 0;}
table#viewDayPlaner a {color: #ffffff;}


@media print {
    #header, #menu, .navigationoptions, .breadcrumbtrail, #footer, #poweredby, .onpagenavigationoptions, .backtotop {display: none;}    
    #primarycontent {width: 95%; margin: 0; min-height: 500px;}
    a {text-decoration:none; color: #000000;}
    .scrolltext {font-family: monospace; color: black; border: none; background-color: #FFFFFF; overflow-x: visible; overflow-y: visible ; max-height: none; line-height: normal; font-size: 0.9em;}    
    select {font-size: 90%;}
    input {color: #000000; background-color: #FFFFFF; font-size: 90%}
    kbd {font-size: 105%;}
    optgroup {font-size: 95%;}
    select {font-size: 90%;}
    textarea {font-size: 90%;}
    dl, dt, dd {clear:both;}
    a[href]:after { content: none !important; }
}


@media only screen and (max-width: 767px) {
	h1 { font-size: 26px; }
	h2 { font-size: 24px; }
	h3 { font-size: 22px; }
	h4 { font-size: 20px; }
	h5 { font-size: 18px; }
	h6 { font-size: 16px; }
	label { display: block; width: 100%; text-align: left; }
	#abs-steps-dropdown-label { display: block !important; margin: 1em 0 0 0; }
	#abs-steps-dropdown { display: block !important; margin: 0 0 1em 0; font-size: 140%; }
	#content { font-size: 95%; }
	#navlist { display: none; }
	input.form-control, select.form-control, textarea.form-control { width: 100%; }
	.container-fluid { padding-left: 15px; }
	.navigationoptions { text-align: center; }
	.navigationoptions a { margin: 1em 0; }
	.navigationoptions a, input { display: block; width: 100%; }
}

.btn-success, a.submitPresentationLink, .printPlannerCertificate a, #registerButton, table[summary="I display the earned Credits"] .actionCell a, .navigationoptions a, #content .navigationoptions a, #content .enduring-continue a, .btn-primary {
    display: inline-block;
    margin-bottom: 0.5em;
    padding: 8px 18px;
    font-size: 14px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    vertical-align: middle;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    color: #FFF;
    background-color: #484872;
    border-color: #171746;
    text-decoration: none !important;