/* *** generated with sass ***********************************
 * THIS cfp.css IS MEANT TO WORK WITH THE NEW CFP TT TEMPLATES
 * It will not help you with cfp.epl
 * **********************************************************/

 /****************************************
  * GENERAL STYLES
  **************************************/
 body {
   background-color: #F0F0F0;
   margin: 0 auto;
   font-family: Verdana,Arial,Helvetica,sans-serif, sans-serif;
   font-size: 14px;
   padding: 0;
   text-align: center; }

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

 

 /*****************************************
  * BANNER
  ****************************************/
 .banner img {
 	width: 90%;
 	height: auto;
	display: block;
    margin-left: auto;
    margin-right: auto 
 	}
 	html#range_1 .banner img {
 		width: 100%; /* 0.745 x 940 = 700, where 940 is the pixel width of the banner image. */
 		height: auto; /* 0.745 x 110 = 82, where 940 is the pixel height of the banner image. */
 		}
 	html#range_0 .banner {
 		display:none; /* banner is hidden in mobile widths. */
 		}
 .banner .banner1 { }
 .banner .banner2 { }
 .banner .banner3 { }

 /* 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.
 */




 /***************************************
  * Buttons
  **************************************/
 .login input.btn, .programinfo input.btn {
   color: #012248;
   background-color: #ffffff;
   border-top-color: #cccccc;
   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 5px auto;
   font-weight: bold; }

 .programinfo input.btn {
 
   display: block;
}
   .programinfo input.btn:hover {
     background: #fdf575;
     color: #000000; }
 .login input.btn {
   border-top-color: #eee; }
 .login input.btn:hover {
   background: #fdf575;
  color: #000000; }



 /*******************************************************
  * ROUNDED CORNERS
  * These rounded corners are css3 standards and work in
  * most browsers except for IE-9 Quirks and lower versions.  Someday IE will catch up
  * and they will work for IE too.  In the meantime, we may
  * add some extra scripts to make rounded corners work in IE,
  * but it is not implemented in shared cfp yet.
 *******************************************************/
 /* all 4 corners */
 .programinfo, .login, .sidebar {
   border-radius: 0px;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px; }

 /* input buttons: all 4 corners */
 .cfp .login input.btn, .cfp .programinfo input.btn {
   border-radius: 0px;
   -moz-border-radius: 0px;
   -webkit-border-radius: 0px; }

 /* bottom corners only */
 .col1, .col2, .col3, .col4, .col5, .col6 {
   -webkit-border-bottom-left-radius: 0px;
   -webkit-border-bottom-right-radius: 0px;
   -moz-border-radius-bottomleft: 0px;
   -moz-border-radius-bottomright: 0px;
   border-bottom-left-radius: 0px;
   border-bottom-right-radius: 0px; }

 /* top corners only */
 .programinfo h3, .login h3, .sidebar h3 {
   -webkit-border-top-left-radius: 0px;
   -webkit-border-top-right-radius: 0px;
   -moz-border-radius-topleft: 0px;
   -moz-border-radius-topright: 0px;
   border-top-left-radius: 0px;
   border-top-right-radius: 0px; }




/*************************************************
 * Programinfo - Main top section, left column
 ************************************************/

     .programinfo ol#steps li a, .programinfo ol#steps2 li a {
           padding: 3px 10px;}

     .programinfo ol#steps li h4 a, .programinfo ol#steps li h4 a:hover, .programinfo ol#steps li h5 a:hover {
     		text-decoration:none;
     	}

     .programinfo ol#steps li p.switch {
     		display:none;
     	}

     .programinfo ol#steps2 li p.switch {
     		display:block;
     	}

     .programinfo ol#steps li ol#steps2 li {
     		list-style-type:none;
			
     }

/******************************************************
 * Sidebar Section -- topsection right column with login
 *****************************************************/
.login, .sidebar {
  margin: 10px 0;
   }

.login {
  background-color: #F0F0F0; }

.sidebar {
  float: left;
  width: 100%;
  font-size: 1.15em;
  /* background: #EADCAE; */
  padding-bottom: 10px;
	}
	.sidebar ul {
		list-style: none;
margin-bottom: 15px;
		}
	.sidebar ul li {
		border-bottom: 1px solid #666;
		}
		.sidebar ul li a {
      padding: 5px 5px 5px 15px;
      display: block;
      width: auto;
      text-decoration: none;
      background: #f9f9f5;
      }
			.sidebar ul li a:hover {
				background-color: #fdf575;
        color: #000000;
				}
        ul.nav a:hover, ul.nav a:active, ul.nav a:focus {
background: #fdf575;
color: #000;
}

.cfplogin label {
  float: left;
  margin: 0px 5px 0 10px;
  clear: left;
  width: 40%; 
  font-size: .9em;
}

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

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


.login a {
 text-decoration: underline;
 font-weight: bold;
 font-size: 1em;

}







/* ****************************************
 * VARIABLES
 * ***************************************/
/* Main color: color palette from http://colorschemedesigner.com/ */
/* maincolor: #094E9B; */
/* maincolor dark: #28425F; */
/* maincolor darkest: #012248; */
/* maincolor light: #65A4EA; */
/* maincolorlightest: #ABC9EA; */
/* Neutrals */
/* black: #000; */
/* neutral 10%: #191919; */
/* neutral 20%: #333; */
/* neutral 40%: #666; */
/* neutral 60%: #999; */
/* neutral 80%: #ccc; */
/* neutral 90%: #d9d9d9; */
/* neutral 95%: #e3e3e3; */
/* 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; */

.wrapper {
  background-color: white;
  text-align: left; }

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

a {
  color: #42413C;
  text-decoration: none; }



h1 {
  color: #000000;
  border-bottom-color: #cccccc;
  border-bottom-width: 1px;
  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: center; }

h3 {
/*  background-color: #fdf575;*/
  color: #000;
  margin: 0 0px 10px;
  padding: 5px 10px; 
  font-weight: bold;
  text-align: center;}

.small {
  font-size: .9em; 
   margin: 0 0px 15px 0px;}

ul {
  list-style-type: none; }

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

ol li p {
  padding: 3px 10px;
  margin-bottom: 7px;
}
/*****************************************
 * Navbar: Top Horizontal Navigation Bar
 ****************************************/
.navbar {
  background-color: #094e9b;
  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: #abc9ea;
      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; }
        .navbar ul li a:hover {
          background-color: #012248;
          color: #fff;
          text-decoration: underline; }



/*************************************************
 * Programinfo - Main top section, left column
 ************************************************/
.programinfo {
  border-color: #cccccc;
  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: #e3e3e3;
    border-color: #cccccc; }
  .programinfo .beginsubmission {
    margin-bottom: 10px;
    margin: 10px 0px; }
  .programinfo h4.programtitle {
    color: #012248;
    background-color: #F0F0F0;
    border-color: #ccc;
    border-width: 1px;
    border-style: solid;
    padding: 3px 10px; }
    .programinfo h4.programtitle .deadline {
      font-weight: normal;
      font-style: italic; }
  .programinfo .abstractmax {
    float: left;
    margin: 10px auto 0 auto; }
  .programinfo .special {
    clear: left;
    margin: 10px 10px 5px; }
  .programinfo ul, .programinfo .collapse ul, .programinfo ol, .programinfo .collapse ol{
	margin: 0 0 0 1.5em;
	list-style-type: disc;
	padding: 0.5em 0; }
	.programinfo ul li, .programinfo .collapse ul li, .programinfo ol li, .programinfo .collapse ol li  {
	list-style-type: disc; }
  .programinfo ol#steps, .programinfo ol#steps2 {
    list-style-type: none;
	margin: 0 0 0 0;
    padding: 0.5em 0; }
    .programinfo ol li h4 {
      color: #012248;
      margin: 0;
      padding: 0; }

    .programinfo ol#steps li div, .programinfo ol#steps2 li div  {
      padding: 0 10px;
      margin: 0 0 1em 0; }

/****************************************
 * Expand / Collapse Steps
 ****************************************/
#steps, #steps2, #steps3 {
  list-style-type: none;
  margin: 0;
  padding: 0; }
#steps li, #steps2 li, #steps3 li {
  list-style-type: none;
  margin: 0;
  padding: 0;  }
#steps li li, #steps2 li li, #steps3 li li{
  list-style-type: disc;
  margin: auto;
  padding: auto; }
#steps a, #steps2 a, #steps3 a {
  text-decoration: none;
  display: inline-block;
  padding: 3px 5px; }
#steps .collapse a, #steps2 .collapse a, #steps3 .collapse a {
  /* display: inline; */
  padding: 0;
  color: #42413C;
  text-decoration: underline;
 }
#steps p.switch, #steps2 p.switch, #steps3 p.switch {
  padding: -1em 0 0.5em 0;
  margin: 0.3em 0;
  text-align: right; }
#steps div.collapse, #steps2 div.collapse, #steps3 div.collapse  {
  margin: 0 0 10px 10px; }
#steps li h4, #steps2 li h4, #steps3 li h4 {
  width: 100%; }
#steps .expand a, #steps2 .expand a, #steps3 .expand a {
  display: block;
  background-color: #f0f0f0;
  border-color: #cccccc;
  border-width: 1px;
  border-style: solid;
  background-repeat: no-repeat; }
  #steps .expand a:link, #steps .expand a:visited, #steps2 .expand a:link, #steps2 .expand a:visited {
    background-image: url("/static/img/arrow-down.gif");
    background-position: 98% 50%; }

  #steps2 .expand a:link, #steps2 .expand a:visited {
  	padding-right:35px;
  }
  #steps .expand a:hover, #steps .expand a:active, #steps2 .expand a:hover, #steps2 .expand a:active, #steps2 .expand a:focus  {
    background-color: #fdf575;
    outline: 0 none; }
  #steps .expand a.open:link, #steps .expand a.open:visited, #steps2 .expand a.open:link, #steps2 .expand a.open:visited{
    background-image: url("/static/img/arrow-up.gif");
    background-position: 98% 50%; }
#steps p.switch a, #steps .collapse a, #steps2 p.switch a, #steps2 .collapse a {
	/* display: inline; */
	border-width: 0;
	margin-bottom:5px;}

/*****************************************
* Styles for ordered and unordered lists *
*****************************************/

ol#steps li ul li, .programinfo ul li, ol#steps2 li ul li, .programinfo ul li {
	list-style-type:disc;
	margin-left:15px;
}

ol#steps li ol li, .programinfo li ol li, ol#steps2 li ol li, .programinfo li ol li {
	list-style-type:decimal;
	margin-left:15px;
}

/*********************************************
* END Styles for ordered and unordered lists *
*********************************************/


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

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

.extrainfo {
  background-color: #fff; }

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

.extrainfo h3, .footer h3 {
  background-color: #e3e3e3;
  color: #094e9b;
  margin-top: -10px; }

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

/* Client footer */
.isa_footer {
	font-size: 70%;
	padding: 20px 0;
	margin-bottom: 20px;
	}
	.isa_footer .isa_image {
		display: inline;
		}
		.isa_footer .name {
			display: inline;
			}
			.isa_footer .date {
				display: inline;
				}
				.isa_footer .email {
					margin-bottom: 20px;
					}