/* *** generated with sass ***********************************
 * THIS cfp.css IS MEANT TO WORK WITH THE NEW CFP TT TEMPLATES
 * It will not help you with cfp.epl
 * **********************************************************/
/* ****************************************
 * VARIABLES
 * ***************************************/
/* Main color: color palette from http://colorschemedesigner.com/ */
/* maincolor: #5DBEAD; */
/* maincolor dark: #28425F; */
/* maincolor darkest: #012248; */
/* maincolor light: #65A4EA; */
/* maincolorlightest: #5DBEAD; */
/* Neutrals */
/* black: #000; */
/* neutral 10%: #191919; */
/* neutral 20%: #333; */
/* neutral 40%: #666; */
/* neutral 60%: #999; */
/* neutral 80%: #ccc; */
/* neutral 90%: #d9d9d9; */
/* neutral 95%: #EAF0F2; */
/* white: #fff; */
/* FONT-FAMILY VARIABLES: Here are some font-family stacks to choose from: */
/* SANS-SERIF */
/* font-family: Arial, "Helvetica Neue", sans-serif; /* font-family: Arial, "Helvetica Neue", sans-serif; /* font-family: Arial, "Helvetica Neue", sans-serif; */
/* font-family: Tahoma, "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif; */
/* font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif; */
/* font-family: Verdana, Geneva, sans-serif; */
/* SERIF */
/* font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; */
/* font-family: Cambria, Georgia, serif; */
/* font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif; */
/* font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; */
/* MONOSPACED */
/* font-family: Monaco, Consolas, "Lucida Console", monospace;*/
/* font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace; */
/****************************************
 * GENERAL STYLES 
 **************************************/
body {
  background-color: #FFFFFF;
  margin: 0 auto;
  font-family: Arial, sans-serif;
  font-size: 14px;
  padding: 0;
  text-align: center; }
  
.wrapper {
  background-color: white;
  text-align: left; }

p {
  font-size: 0.8em/1.4em;
  margin: .2em 0 .3em; }
  p#headlineText {
    font-size: 0.9em/1.4em; }

a {
  color: #00508B;
  text-decoration: none; }
  
a:active, a:visited { color: #000000; }

a:hover { color:#5DBEAD; }


h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  font-family: Arial, sans-serif; }

h1 {
  color: #00508B;
  border-bottom-color: #DBDBDB;
  border-bottom-width: 0px;
  border-bottom-style: solid;
  font-weight: bold;
  font-size: 1.5em;
  margin: 0 -10px;
  padding: 0 10px 5px;
  text-align: left; }

h2 {
  font-weight: bold;
  font-size: 1.3em;
  margin: .2em 0;
  text-align: left; }

h3 {
  background-color: #5DBEAD;
  color: white;
  margin: 0 -10px 10px;
  padding: 5px 10px; }

.small {
  font-size: .7em; }

ul {
  list-style-type: none; }

ol {
  list-style-type: decimal; }
  ol.noliststyle, ol li.noliststyle {
    list-style-type: none; }

/*****************************************
 * BANNER
 ****************************************/
.banner .banner1 {
  background-color: #EAF0F2; }
.banner .banner2 {
  background-color: #DBDBDB; }
.banner .banner3 {
  background-color: #EAF0F2; }

/* Use the above banner1, banner2 and/or banner3 divs 
 if you want to divide your banner up into sections.
 Colors are there now just to show where the blocks are.
 */
/*****************************************
 * Navbar: Top Horizontal Navigation Bar
 ****************************************/
.navbar {
  background-color: #5DBEAD;
  margin-top: 0;
  margin-bottom: 10px;
  padding: 0;
  margin: 0; }
  .navbar ul {
    display: inline-block;
    margin: 0;
    padding: 0; }
    .navbar ul li {
      font-weight: bold;
      font-size: 0.8em;
      float: left;
      margin: 0;
      /* divider between navigation items */
      border-right-color: #5DBEAD;
      border-right-width: 1px;
      border-right-style: dashed; }
      .navbar ul li a {
        color: #fff;
        display: block;
        margin: 0;
        padding: 8px 10px; }
        .navbar ul li a:link, .navbar ul li a:active, .navbar ul li a:visited {
          color: #fff;
          display: block;
          margin: 0;
          padding: 8px 10px;
          font-size: 14px;  }
        .navbar ul li a:hover {
          background-color: #00749F;
          color: #fff;
          text-decoration: underline; }

/***************************************
 * Buttons 
 **************************************/
.btnCenter {
  margin-left: 6em;
}

.login input.btn, .programinfo input.btn {
  color: #FFFFFF;
 /* background-color: #8E8E8E;*/
 background-color: #007FA6;
  border-top-color: #EAF0F2;
  border-left-color: #999999;
  border-right-color: #666666;
  border-bottom-color: #333333;
  padding: 10px;
  border-width: 2px;
  border-style: solid;
  cursor: hand;
  text-align: center;
  padding: 3px 5px;
  margin: 5px auto 0 auto;
  font-weight: bold; }

.programinfo input.btn {
  float: left;
  display: block;
  margin-right: 1em; }
  .programinfo input.btn:hover {
    background: #8E8E8E;
    color: white; }
.login input.btn {
  border-top-color: #eee; }
.login input.btn:hover {
  background: #5DBEAD;
  color: white; }

/*************************************************
 * Programinfo - Main top section, left column
 ************************************************/
.programinfo {
  border-color: #FFFFFF;
  border-width: 1px;
  border-style: solid;
  margin: 10px 0;
  padding: 10px;
  /* the abstract max is floating next to the submit button, so in order to line up the text of both,
	 you'll need to make the top margin of this div equal to .programinfo input.btn top-padding + top-margin + top-border 
	 In this case that is 3+5+2=10px */ }
  .programinfo h4.programtitle {
    color: #012248;
    background-color: #EAF0F2;
    border-color: #EAF0F2; }
  .programinfo .beginsubmission {
    margin-bottom: 10px;
    margin: 10px -10px; }
  .programinfo h4.programtitle {
    color: #012248;
    background-color: #EAF0F2;
    border-color: #ccc;
    border-width: 1px;
    border-style: solid;
    padding: 3px 10px; }
    .programinfo h4.programtitle .deadline {
      font-weight: normal;
      font-style: italic;
      color: #B70100;
      text-align: center; }
  .programinfo .abstractmax {
    float: left;
    margin: 10px auto 0 auto; }
  .programinfo .special {
    clear: left;
    margin: 10px 10px 5px; }
  .programinfo ol {
    margin: 0 0 0 1.5em;
    padding: 0.5em 0; }
    .programinfo ol li h4 {
      color: #012248;
      margin: 0;
      padding: 0; }
    .programinfo ol li a {
      background-color: #EAF0F2;
      border-color: #DBDBDB;
      border-width: 1px;
      border-style: solid;
      padding: 3px 10px; }

   

/****************************************
 * Expand / Collapse Steps
 ****************************************/
#steps {
  list-style-type: none;
  margin: 0;
  padding: 0; }
#steps li {
  list-style-type: none;
  margin: 0;
  padding: 0; }
#steps li li{
  list-style-type: disc;
  margin: auto;
  padding: auto; }
#steps a {
  text-decoration: none;
  display: inline-block;
  padding: 3px 5px; }
#steps .collapse a {
  display: inline; 
  padding: 0;
 }
#steps p.switch {
  padding: -1em 0 0.5em 0;
  margin: 0.3em 0;
  text-align: right; }
#steps div.collapse {
  margin: 0 0 10px 10px; }
#steps li h4 {
  width: 100%; }
#steps .expand a {
  display: block;
  background-color: #EAF0F2;
  border-color: #DBDBDB;
  border-width: 1px;
  border-style: solid;
  background-repeat: no-repeat; }
  #steps .expand a:link, #steps .expand a:visited {
    background-image: url("/static/img/arrow-down.gif");
    background-position: 98% 50%; }
  #steps .expand a:hover, #steps .expand a:active, #steps .expand a:focus {
    text-decoration: underline;
    outline: 0 none; }
  #steps .expand a.open:link, #steps .expand a.open:visited {
    background-image: url("/static/img/arrow-up.gif");
    background-position: 98% 50%; }
#steps p.switch a, #steps .collapse a {
	display: inline;
	background-color: transparent;
	border-color: none;
	color: #00749F;
	border-width: 0; }
	.programinfo #steps .collapse a:link, 
	.programinfo #steps .collapse a:active, 
	.programinfo #steps .collapse a:visited, 
	.programinfo #steps .collapse a:focus, 
	.programinfo #steps .collapse a:hover {
		text-decoration: underline; }
		
/******************************************************
 * Sidebar Section -- topsection right column with login
 *****************************************************/
.login, .sidebar {
  margin: 10px 0;
  padding: 0 10px 10px; }

.login {
  background-color: #DBDBDB; }

.sidebar {
  background-color: #DBDBDB;
  border-width: 1px;
  border-style: none; }

.cfplogin label {
  float: left;
  margin: 5px 10px 0 0;
  clear: left;
  width: 30%; }

.cfplogin input {
  float: left;
  width: 40%; }

.cfplogin input.btn {
  clear: left;
  width: 30%;
  margin-left: 0; }

/****************************************************
 * EXTRAINFO AND FOOTER SECTIONS
 ***************************************************/
div#footer {
  background-color: #EAF0F2; }

.extrainfo, .footer {
  border-top-color: #5DBEAD;
  border-top-width: 4px;
  border-top-style: solid;
  padding-bottom: 10px; }

.extrainfo {
  background-color: #fff; }

.col1, .col2, .col3, .col4, .col5, .col6 {
  border-color: #DBDBDB;
  border-width: 1px;
  border-style: solid;
  padding: 10px; }

.extrainfo h3, .footer h3 {
  background-color: #EAF0F2;
  color: #303030;
  margin-top: -10px; }

/* under footer and under page wrapper */
.legal {
  clear: both;
  margin: 10px; }
  .legal p {
    font-weight: bold;
    text-align: center; }

    h4.programtile clearfix{
      margin-top: 1em;}
    
   .programSubmission {
      padding-top: 1em;}

      .programDeadline .deadline {
        padding-top: 1.3em;
        margin-bottom: 3em;
      }

      .programinfo input.btn {
        float: left;
        display: block;
        margin: 1em;
      }
      .programinfo h4.programtitle {
        color: #012248;
        background-color: #CFEEE5;
        padding: 3px 10px;
       border: none;}

       .extrainfo, .footer {
        border-top-color: #5DBEAD;
        border-top-width: 0;
        border-top-style: solid;
        padding-bottom: 10px;
        max-width: 918px;
        margin: 0 auto;}
        
        .extrainfo h3, .footer h3 {
        background-color: #CFEEE5;
          color: #303030;
          margin-top: -10px;
          width: 400px;
        }

        .techSupport {
          width: 350px;
          text-align: left;}
        
          .col1, .col2, .col3, .col4, .col5, .col6 {
            background-color: #F1F1F1;
            border-color: #ACDC8C;
            border-width: 1px;
            border-style: solid;
            padding: 10px;
            height: 6em;
          }

html body.cfp .FormFlex_Width_10 ul {
  margin: 1em 0 1em 1em;
}

html body.cfp .FormFlex_Width_10 ul li {
  padding: 0.25em;
}