/* bootstrap fixes */
.nav > li > a { padding: 15px 9px; }
div.row, div.rowalt, div.itineraryitems { margin: 1em 0; padding: .5em; background: #E8E7E7; border-radius: 5px; }
input[type="checkbox"],input[type="radio"] { margin: 0 .3em !important; }
td, th{
    transition: all .3s ease-out;
}
td:before, td:after, th:before, th:after, tr:before, tr:after{
    content: normal !important;
}
#functionreq-acceptedflag{text-align: left !important; border-top: 1px dashed #ccc; border-bottom: 1px dashed #ccc; margin: 20px 0}
#functionreq-acceptedflag label{width: auto !important}
.show-name {
    display: block;
    font-weight: bold;
    font-size: 24px;
    text-align: center;
    margin-top: 25px;    
}

.updateRoomSetOnsiteStatus{position: fixed; top:-10px ;left:0; border-bottom:2px solid #ccc; margin-bottom: 140px; clear:both; width:100%; background-color:#F5F5F5; padding:0 3px 10px 3px;}
.updateRoomSetOnsiteStatus label{text-align:left !important; width:auto !important;  padding:0 3px;}
.updateRoomSetOnsiteStatus #onsiteNotes{width: 40%;}

.updateRoomSetOnsiteStatus{position: fixed; top:-10px ;left:0; border-bottom:2px solid #ccc; margin-bottom: 140px; clear:both; width:100%; background-color:#F5F5F5; padding:0 3px 10px 3px;}
.updateRoomSetOnsiteStatus label{text-align:left !important; width:auto !important;  padding:0 3px;}.updateRoomSetOnsiteStatus #trackOnsiteNotes{width:auto; padding:3px;min-width:72%;}
#EditRoomSet  div.updateOnsiteStatusOptions  div.ai-text-count-wrapper-left-label{text-align: left;color: grey;font-size: 11px !important;}
.updateOnsiteStatusOptions{width:60%;float:left;border-right: 1px solid gray}
.updateOnsiteStatusLog {width: 40%;float: right;padding: 0px 4px !important;height: 220px;overflow-y:auto;}

#updateRoomSetOnsiteStatus #EditRoomSet div{margin:0; padding: 0; font-size: 0.9em}
#updateRoomSetOnsiteStatus #EditRoomSet h1{font-size:15px; padding-top: 5px;}
#editSuppliesTabCont > div.navigationoptions.closed > ul > li:nth-child(3) > a{display: none;}

.functionrequestfilednotes{font-style: italic; margin-left: 3px; font-size: 14px}
.editFunctionRequestLink{margin-top: 2px !important; font-size: 12px  !important; padding: 3px 5px !important}
.ui.selection.dropdown{width:40% !important; }
/* project specific */
#signinform{padding: 8px; margin: 0px auto;border-radius: 6px;border: 1px solid #BCB9AB;background: #FFF8E9; margin-bottom:15px;}
#signin input{width:40%;}
span.certificationSectionInstructions {width: 100%; display: block;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {color: white;}
a.active{ font-weight: bold; color:#113372; border-bottom: 1px solid #113372}
#editCatAssignements label {display: inline; margin-right: 5px;}
body { background: #d7d5d6 !important;  font-family:"Helvetica Neue", Verdana, sans-serif; color: #000000; }
div#body-wrapper {background: #d7d5d6; height: 100%;}
#blankcontent{ background: #fff !important}
h1 { color: #065c88;}
h1,h2,h3,h4,h5,h6  {
    letter-spacing: -1px;
  }
h2,h3,h4,h5,h6, #EditAttendee legend {color: #065c88;   padding-bottom: 8px; margin-bottom: 10px;} /* line-height: 15px*/
#EditAttendee legend, h2{font-size:1.7em;}
.form-inline.input .form-control.input {
    min-width: 20%;
    width: 30%;
}
.symbolsList{text-align:right; font-size:0.9em;}
#symbolsList, #SpecailCharList {width:auto; }
#username ,#password {width:40%;}
textarea.form-control , textarea.form-inline{width:100% !important; min-width: 100%}
.blank-content form textarea {
    min-height: 50px !important;
    width: 50% !important;
     min-width:50% !important;
    /* width: 100%; */
}
.btn-success, .btn-success:active, .btn-success:focus {background-color: #00704A; border-color: #005041;}
.btn-success:hover,.btn-succes:focus {background-color: #005041; border-color: #00704A;}
.alert-success {background-color: #3b903d; color: #ffffff;}
#wrapper { margin: 0 auto; padding:0 0 15px 0 ; width: 100%; background: #ffffff; border-bottom: 3px solid #000000; max-width: 1400px; }
#blankcontent { padding: 1em; background: white;  }
#header { margin: 0 auto 0 0; width: 100%; background: #fff;
}


#addAssignRole > table > tbody > tr:nth-child(1) > th:nth-child(1){ width:130px; }
#content div.askOnceForms ,#content div.askOnceForms div.requiredForm{height:auto !important; border:none; }

.conference-info { position: absolute; top: 0px; right: 38px; text-align: right; 

 -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border: none;
  font: normal normal normal 30px/1 "artifika", Helvetica, sans-serif;
  color: rgba(252,252,252,1) !important;
  -o-text-overflow: clip;
  text-overflow: clip;
  -webkit-transform: rotateX(45deg)  translateX(6px) ;
  transform: rotateX(45deg)  translateX(6px) ; 
}
.conference-name {   font: normal normal bold 35px/1 "artifika", Helvetica, sans-serif !important;
  font-weight: bold; color: rgba(252,252,252,1) !important ; padding: 10px 0px 0px 0px; margin-bottom: 10px}
 a.conference-name:hover{color:#BDBF41 !important} 
a.conference-links { margin-top: 0px; text-align:right; font-size:20px ; color: rgba(252,252,252,1) !important;
}
a.conference-links:hover {text-decoration: none; color:#BDBF41 !important }


#header img {width: 100%; height: auto; margin: 0;}
img#weflogo{float:right; max-width:200px; margin: 40px 5px 0 0}
#content { margin: 0 auto; padding: 1em; width: 100%; min-height: 200px; opacity: .94; background: transparent; margin-top:2px; border-radius:0 0 8px 8px ; max-width: 1400px;}
#content a{color: #417898; text-decoration: none; border-bottom:1px solid #D8D8D8;}
#content a:hover, #blankcontent a:hover{ text-decoration: none; border-bottom:1px solid #05324C;}
#content a.btn, #content a.btn:hover  {color:#fff; border:1px solid transparent; }
#footer { margin: 0 auto; text-align: right; width: 100%; padding:3px; max-width: 1400px}
#footer a { color: #000; font-size: 95%; }
#footer a:hover { color: #000; text-decoration: none; }
#support { margin-top: 2em; font-size: 95%; }
.username a , .username a:hover {color:#BCBE42 !important; }
li.username, li.username:hover {border-right:1px solid #fff !important; background: #BEDCF1 !important;}
.navbar-default { background: #002D62;}
.navbar { margin: 0 auto; width: 100%; border-radius: 0; border: none;}
.navbar-default .navbar-brand, .navbar-default .navbar-nav > li > a { color: #ffffff !important; font-size: 1.2em; font-weight: normal; margin-top:4px margin-bottom: -4px;transition: all .3s ease-out;   }
.navbar-nav > li:hover, .navbar-nav > li > a:hover , .currentTab{ background:rgb(58, 156, 218); }
.currentTab{color: #0177C1}
.navbar-default .navbar-brand, .navbar-default .navbar-nav > li:first-child > a {border:none;}
a.uploadfilelink, a.submitPresentationListLink, .submitPresentationLink, .submitPresentationLink:hover , .activity a[title="Upload Course Materials"], .activity a[title="Upload Course Materials"]:hover{
    color: #fff !important;
    text-decoration: :none;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border:none !important;
}

a.submitPresentationListLink, a.uploadfilelink {
  background: #113372;
  border-radius: 6px;
  padding: 10px 20px 10px 20px;
}



.navbar-nav > li > a, .navbar-brand {
    padding-top:8px !important;
    padding-bottom:0 !important;
    min-height: 36px;
}
.navbar {min-height:36px !important;}

.container-fluid { width: 80%; margin: 0 auto; }
.navbar-toggle { border-color: #5b9cc3 !important }
.navbar-toggle:hover { background-color: #5b9cc3 !important }
.navbar-collapse { border-color: #5b9cc3 !important }
.icon-bar { background: #5b9cc3 !important; }
.navbar-toggle:hover .icon-bar { background-color: #fff !important }

/* Abstract navigation list */

#navcontainer  {margin:3px 0 30px 0 ; background: transparent; border-bottom: 3px solid #ccc; font-size:11px;}
ul#navlist {margin: 0 0 2px 0; padding: 0; list-style-type: none; white-space: normal; border: none; background: transparent;}
ul#navlist li {display:inline-table;    letter-spacing: -1px; font-size: 1.3em; font-weight: normal; margin: 10px 0px 2px 0px; padding: 2px 0 4px 0; }
#navlist a, #navlist a:link { margin: 0; padding: 5px 9px 9px 9px; color: #004979; text-decoration: none; border-top: 2px solid #B0B0B0; border-right: 2px solid #B0B0B0; border-left: 2px solid #B0B0B0; border-radius: 5px 5px 0 0 ; transition: all .1s ease-out;}
ul#navlist li.active {color: #FFFFFF; border: 1px solid #FF7400;}
#content #navlist a:hover {text-decoration:none; border-bottom:none; border-bottom:1px solid #E7E6E1; padding-bottom:12px}
#navlist a.active{color: #004979; background-color: #e1f6c4;}
#navcontainer .navtitle {  font-weight: bold; font-size: 1.3em;  background: #B3B3B3; padding: 5px; color: #194368;}
#navcontainer .navtitle  span.incomplete{
    background: #F44336;
    color: #fff;
    border-radius: 50px;
    border: 1px solid #6E0E0E;
    padding: 4px 10px;
    margin: 4px 0 0 0;
    font-size: .9em;
}
.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;}
div.viewAbstract img {max-width: 95%; width:auto; height:auto;}

#navlist a.stepRequired, span.stepRequired { color: #ececec; background-color: #F7061E; }
#navlist a.stepCompleted, span.stepCompleted {color: #FFF; background-color: #4098BA; }
#navlist a.stepOptional, span.stepOptional {color: #45565b; background-color: #dae2e4; }
#navlist a.stepCurrent { color: #FFF; font-weight: bold; }
#content #navlist a.stepCurrent { font-weight: bold; background:#6f6f6f;   color: white;}

#navlist a.stepOptional:hover, #navlist a.stepCurrent:hover,#navlist a.stepCompleted:hover, #navlist a.stepRequired:hover {text-decoration: underline;}
#navstepmessage { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; text-align: center; background-color: #ffffcc; border-color: #DFDFAE; color: #990000; }

.abstractSubmissionsPanel ol {
    list-style-type: none;
    list-style-type: decimal !ie; /*IE 7- hack*/
    margin: 5em;
    padding: 0;
    counter-reset: li-counter;
}
.abstractSubmissionsPanel ol> li{
    position: relative;
    margin-bottom: 20px;
    padding-left: 0.5em;
    min-height: 3em;
    border-left: 2px solid #D5D5D5;
    margin:5px 0px 15px 0px;
    padding: 1em;
    background-color: none;
    transition: all .3s ease-out;
    font-size:1em;
    border-radius: 0px 8px 8px 0px
}

.abstractSubmissionsPanel ol li:hover{
    background: #D5D5D5;
    border-left: 2px solid #E8E8E8;
  border-radius:8px;
}
.abstractSubmissionsPanel ol > li:before, ol >li.row:before {
    position: absolute;
    top: 0;
    left: -1.3em;
    width: 0.8em;
    font-size: 3em;
    line-height: 1;
    text-align: right;
    color: #103A57;
    content: counter(li-counter);
    counter-increment: li-counter;
}
.row::before {
    display: initial !important;
    content: " ";
}

form#newSubmission > label {display: inline;}
.navigationoptions input#submit.button.btn.add.btn.btn-success {
    margin-bottom: 5px;
  }
form div, .formedit div { margin: .4em 0; }
.formedit label, .signin label, #FinalizeSubmission fieldset label {  text-align: left; }
#FinalizeSubmission fieldset label { width: auto%; text-align: left; }
.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, #EditAttendee label , #paymentInfoDiv label{
    width: auto;
    text-align: left;
}

#FinalizeSubmission label { width: auto; }
.formedit div.dataentryhint {left:45px ; top:-165px; width: 73%; position: relative; padding: 0 0 0 5px; font-weight: normal; padding: 0 5px 0 0; font-size: 95%; font-style: italic; }
span label { width: auto; }

#EditRSVP label {width: auto;}

/* Itinerary items */
#itinerary {font-size: 1em;}
    #itinerary .selectday {font-size: 0.8em; color: #fff; font-weight: bold; text-align: center; border-bottom: 1px solid #004F78; padding: 3px 0 2px 0; margin: 20px 0 10px 0;}
    #itinerary .rollover {left:0px; position:absolute; top:0pt; visibility:hidden; z-index:2; color: #000000; background-color: #FFFFFF; width:200px; height:100px;}

    .eventgriddateheader  { color:#fff}
    .eventgriddateheader a , .onpagenavigationoptions a , #itinerary .selectday a{
      margin:0 -5px;

      padding-top: 6px;
      padding-right: 12px;
      padding-bottom: 6px;
      padding-left: 12px;
      border: 1px solid #004F78;
      border-bottom: none;
      background-color: #8A8C8F;
      border-top-left-radius: 6px;
      border-top-right-radius: 6px;
      border-bottom-right-radius: 0px;
      border-bottom-left-radius: 0px;
      font-weight: bold;
      text-transform: uppercase;
      color: #fff;
      cursor: pointer;
      text-decoration:none
    }
    .eventgriddateheader a:hover ,.eventgriddateheader a.currentday , .onpagenavigationoptions a:hover,  #itinerary .selectday a:hover  {background-color: #D1D0D0;,color:#fff ; text-shadow:1px 1px 1px #8A8C8F;text-decoration: none;}
    #itinerary .selectday a.active { background-color: #004F78; text-decoration: none;}
    #itinerary .selectday a.active:hover {text-decoration: none;}
    #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;}
    #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: #000000; background-color: #00CC66;}
    #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  {margin: 2px 0 2px 0;border-top: 1px solid #004F78;}
    #itinerary .legend div {margin: 2px 0 2px 0;}
/*
/* 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: #E51937; background-color: transparent; font-weight: bold;}
.blue {color: #0000FF; }
.centerwithpad {text-align: center; padding: 10px 0;}
.centerwithoutpad {text-align: center;}
.certificationSectionInstructions{ padding:8px; margin:2px ;font-size:1em; line-height: 1.7em;  background:#D8D1AC; border-radius: 4px; border:1px solid #708099 border-right:0px ; border-left:0px;
    letter-spacing:-0.5px;}
.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: #E51937; padding-bottom: 10px;}
.disclosureresponse {vertical-align: middle; text-align: left; border: 1px black solid; padding: 2px;}
.disclosuretable {border: 1px black solid;}
.editnote {font-size: 85%; color: #B6B6B6; background-color: transparent; font-weight: bold;  vertical-align: middle; text-decoration: none;}
.editpreview {font-size: 130%; color: #E51937; 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;}
.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: #4B6D24;}

.hidden {height: 0; width: 0; overflow: hidden; position: absolute;}
.highlightdetail {color: #990000;}
.incomplete {color: #E51937; font-weight: bold;}
.indent {padding-left: 15px;}
.message { text-align: center; }
.messagealert { text-align: center; }
.messagealert a.content{text-decoration: none;  border-bottom: 1px solid #05324C !important}
.message ol, .messagealert ol { text-align: left; }
.navigationoptions { text-align: right; margin-bottom:2px; }
.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: #E51937;}
.required {color: #E51937; 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 { 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;}
.certificationSectionInstructions.red {color: #60490C;}
.yellow {color: #60490C;}
.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: #E51937; font-size: 85%; font-weight: normal;}
.sponsor{font-size: 150%; height: 150%; color: #E51937;  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;}
.products {width: 100%;}
.products td {padding: 2px;}
.products td .product {width: 100%;}
.products .quantity {width: 15%; text-align: center; padding: 0 3px 0 0;}
.products .price { text-align: right; padding: 0 3px 0 0;}
.product {color: #676767;}
.products strong a {color: #655D51; text-decoration: underline; font-weight:normal} /*text-decoration: none;*/
.products stong a:hover {color: #655D51;text-decoration: underline; font-weight:normal} /*text-decoration: underline;*/

.footerrow .text-left {float:left;}
.messagealert ol> li{
    position: relative;
    min-height: 1em;
    border-left: 2px solid #D5D5D5;
    margin: 1px 0px 10px;
    padding: 0em;
    transition: all 0.3s ease-out 0s;
    font-size: 1em;
    border-radius: 0px 8px 8px 0px;
}
.messagealert ol > li:before, .messagealert  ol >li.row:before {
    font-size: 1.1em;
}

.messagealert ol  {
    margin:1em;
}

.results th  {color:#002D62 !important; background:#D5D5D5 !important; font-size:1.4em}

.downarrow {
    width: 15px;
    height: 15px;
    padding: 0px 2px;
    font-size: 0.5em;
    margin: 8px 0px 0px 4px;
    display: inline-block;
    vertical-align: top;
    color: #383838;
}
.downarrow:hover {
  color: #5F534C;
    cursor: pointer;
}
label, .signin label, #EditAttendee label, #paymentInfoDiv label {
    width: 100%;
    text-align: left;
}


/*FUNCTION PREVIEW*/
.preview_headerWrapper {font-weight: bold; font-size: 1.3em; border-bottom: solid 1px #000;}

#sessioning{line-height:1.5em}
.smallwarning {color:#C12327;}
#sessioning .status, #sessioning .options {background:#DAD7C9 ; padding:6px 4px; color:#000;  border-radius:3px}
#sessioning .status .floatright {color: #DAD7C9; margin-top:-3px;}
#sessioning .status a, #sessioning .options a{color: #000; background-color: #CCC; border-radius:3px; text-decoration: none  background-image: -moz-linear-gradient(center bottom , #E7E7E7 10%, #FAFAFA 79%); font-size:1em ; padding:3px; border:1px solid #E7DEDE;  font-size:0.8em; }
#sessioning .status a:hover, #sessioning .options a:hover {color:#000; background:#F0F0F0;text-decoration: none; }
#sessioning .activityAction{color:#EEEEEE; font-size:0.7em}
#sessioning .activityAction em {color:#000}
#sessioning .activityAction a {color:#000;  background:#ACD9EC ; border-radius:3px ; padding:3px; text-decoration: none}
#sessioning .activityAction a:hover {background:#05324C ; text-decoration: none; color:#fff;}
#sessioning .activityTitle{font-weight:bold; margin-top:8px; border-top: 1px solid #E7DEDE  }
#sessioning .activityAction{font-weight:normal; margin-left:10px}

#sessioning div > .button {font-size:1em; float:right; clear:both; margin-bottom:10px; padding:3px}
#sessioning .options {clear:both; color:#DAD7C9;  text-align: right}

table.results label{text-align: left; display:inline;}
#sessioning textarea{width:100%}
.searchcriteria div select#categoryID{height:auto;}

/*
.speakers {float: right; text-align: left; width: 34%; border:2px solid #484D51; font-size: 90%; margin:4px; min-height: auto; padding:4px; border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none; background:#FDFDFD ; margin:4px 0;}
.speakers h4.formtitle {padding-top: 15px; margin:4px; color: #7c1b1c; font-size: 1em; background: #D1D1D1;}
.speakerinfo {clear: both !important; margin-bottom:14px; float: none;}
.speakerphoto {padding:2px; border:2px groove #666; margin:0px 4px 14px 0px; background:#DCE0EF; float:right;}
.viewEvent .event {
    float: left;
    width: 63%;
}
*/

@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 {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;}
}

@media screen and (min-width : 320px) and (max-width : 850px) {
  #content{margin:0px 2px 0px 2px;}
  #header img{width:100% !important; margin:0 auto !important; display:block; clear:both;}
.conference-info { display:block; text-align: center; position:relative; top:auto; left:auto; right:auto; margin-top: 0px;}
.conference-name { font-size: 35px !important; margin-top:3px;}

a.conference-links { font-size:15px ; text-align: center}
}




@media screen and (min-width : 1200px) {
    #header {height:auto;}
}
@media screen and (min-width : 1400px) {
    #header {height:auto;}
}

@media screen and (min-width : 1300px) {
    #header {height:atuo;}
}
@media screen and (min-width : 1700px) {
    #header {height:auto;}
}
@media only screen and (max-width: 1024px) {
  #content {width:100%; margin:0px auto;}
  #header, .container-fluid { width: 100% ; }
}
@media only screen and (max-width: 567px) {
    #header {height:auto !important;}
    #header img{width:100%;}
}

@media only screen and (max-width: 767px) {
    #header {height:auto;}
    #header img{width:100%;}
  h1 { font-size: 26px; }
  h2 { font-size: 24px; }
  h3 { font-size: 22px; }
  h4 { font-size: 20px; }
  h5 { font-size: 18px; }
  h6 { font-size: 16px; }

  .formedit label, .signin label, #FinalizeSubmission fieldset 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[type="text"], input[type="submit"] { display: block; width: 100%; }
  #header { margin: 0 auto; }
}
@media only screen and (min-width: 1050px) {
        #header {background-size: contain;
                background-position: center right;}
}
@media only screen and (max-width: 1050px) {
        #header {background-size: cover}
}
@media only screen and (max-width: 600px) {
        background: rgba(103,130,160,1);
background: -moz-linear-gradient(top, rgba(103,130,160,1) 0%, rgba(98,125,155,1) 25%, rgba(61,94,129,1) 42%, rgba(31,74,109,1) 71%, rgba(31,74,109,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(103,130,160,1)), color-stop(25%, rgba(98,125,155,1)), color-stop(42%, rgba(61,94,129,1)), color-stop(71%, rgba(31,74,109,1)), color-stop(100%, rgba(31,74,109,1)));
background: -webkit-linear-gradient(top, rgba(103,130,160,1) 0%, rgba(98,125,155,1) 25%, rgba(61,94,129,1) 42%, rgba(31,74,109,1) 71%, rgba(31,74,109,1) 100%);
background: -o-linear-gradient(top, rgba(103,130,160,1) 0%, rgba(98,125,155,1) 25%, rgba(61,94,129,1) 42%, rgba(31,74,109,1) 71%, rgba(31,74,109,1) 100%);
background: -ms-linear-gradient(top, rgba(103,130,160,1) 0%, rgba(98,125,155,1) 25%, rgba(61,94,129,1) 42%, rgba(31,74,109,1) 71%, rgba(31,74,109,1) 100%);
background: linear-gradient(to bottom, rgba(103,130,160,1) 0%, rgba(98,125,155,1) 25%, rgba(61,94,129,1) 42%, rgba(31,74,109,1) 71%, rgba(31,74,109,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6782a0', endColorstr='#1f4a6d', GradientType=0 );
}
@media only screen and (max-width: 420px) {
    #content {width:100%; margin:0px auto;}
    #content .reviewAbstract {width:100% !important;float:none !important;border-right:0px !important;}
    #editFormSubmission div {width:100% !important;margin-left:0px !important;}
    .footerrow .text-left {width:120px;margin:0px auto;float:none;}
    .footerrow .text-right {width:231px;margin:0px auto;text-align:center;}
    .footerrow .text-right a {width:120px;margin:0px auto;}
}

.viewEvent .event a[title^='View Abstract'] {
    display: none;
}