@import url("/style/shared/fontawesome.css");

/****************************************
 * GENERAL STYLES
 **************************************/
body {
  background-color: #F9F9F9;
  color: #505050;
  margin: 0 auto;
  font-family: 'Open Sans',sans-serif;
  font-size: 14px;
  padding: 0;
  text-align: center; }

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

.footerwrapper {
  background-color: #005698;
  color: #fff;
}

.containerwrapper {
  background-color: #fff;
}

main#maincontent {
  min-height: 550px;
}

a {
  color: #1162b7;
  text-decoration: none; }
  

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

ul {
  list-style-type: none;
  margin-bottom: 10px; }

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

p {
  margin-bottom: 11px;
  margin-top: 11px;
}
/*****************************************
 * BANNER
 ****************************************/

 .banner {
  text-align: center;
 }
  .banner img {
  	height: 70px;
  	}


	html#range_1 .banner img {
		width: 400px;
    height: 70px;
  }
	html#range_0 .banner {
		display: block!important; 
		}



    
  }
.banner .banner1 { }
.banner .banner2 { }
.banner .banner3 { }



/*************************************************
 * Programinfo - Main top section, left column
 ************************************************/
section.container_12 {
	/*display: flex;*/
    width: 96%;
    max-width: 1024px;
    margin: 0 auto 1em auto;
   /* flex-wrap: nowrap;
    align-content: space-between;*/
}
 
section.container_12 section.grid_8 {
	width: 64%;
    margin: 0 2% 0 0;
	float: left;
}

#instructions h1 {
	margin-top: 0;
}

  .programinfo h4.programtitle {
    color: #012248;
    background-color: #e3e3e3;
    border-color: #cccccc; }
  .programinfo .beginsubmission {
    margin-bottom: 10px;
    margin: 10px -10px; }
  .programinfo h4.programtitle {
    color: #164e6c;
    background-color: #e3e3e3;
    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 .collapse ol{
	margin: 0 0 0 0;
	list-style-type: disc;
	padding: 0.5em 0;
	}
	.programinfo ul li, .programinfo .collapse ul li, .programinfo .collapse ol li  {
	list-style-type: disc; }
	.programinfo ol {
	padding-left: 1.5em;
	}
	.programinfo ol li{
	list-style-type: decimal;
	margin: 0 0 0 0;
	margin-top: 4px;
	padding-left: 0.5em;
	}
  .programinfo ol#steps {
    list-style-type: none;
	margin: 0 0 0 1.5em;
    padding: 0.5em 0; }
    .programinfo ol li h4 {
      color: #012248;
      margin: 0;
      padding: 0; }
    .programinfo ol#steps li a {
      background-color: #e3e3e3;
      border-color: #cccccc;
      border-width: 1px;
      border-style: solid;
      padding: 3px 10px; }
    .programinfo ol#steps li div {
      padding: 0 10px;
      margin: 0 0 1em 0; }
    .programinfo hr {
  	background: #005698;
  	margin: 10px;
  	height: 2px;
}
	.programinfo td{
	padding: 2px;
	}
.deadline {
color: #FCB955;
 font-weight: bold;}
	

/****************************************
 * 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: #e3e3e3;
  border-color: #cccccc;
  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;
	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,
	.programinfo #steps .expand a:link, 
	.programinfo #steps .expand a:active, 
	.programinfo #steps .expand a:visited, 
	.programinfo #steps .expand a:focus, 
	.programinfo #steps .expand a:hover	{ /* added at the request of AG to make links stand out better -- KM 3/15/13 */
		text-decoration: underline; }
/*****************************************
* Styles for ordered and unordered lists *
*****************************************/

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

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

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

/******************************************************
 * Sidebar Section -- topsection right column with login
 *****************************************************/
section.container_12 aside.grid_4 {
	background-color: #f9f9f9;
	width: 32%;
	margin: 0 0 0 2%;
	float: right;
}
.login, .sidebar {
  margin: 10px 0;
  padding: 0 10px 10px; }

.login {
  
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; 
}

.sidebar {
  border-color: #cccccc;
  border-width: 1px;
  border-style: solid; }

.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: auto;
  min-width: 30%;
  margin: 1em 0; }
  
.login .note.reminder {
	clear: both;
	margin: 0.5em 0;
}



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


/* all 4 corners */
.programinfo, .login, .sidebar {
}

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

/* bottom corners only */
.col1, .col2, .col3, .col4, .col5, .col6 {
}
@media (max-width: 980px) {
	
	.programinfo h3, .login h3, .sidebar h3 {
		font-size: 1em;
	}
	.cfplogin input, .cfplogin label {
		width: 90%;
	}
	.cfplogin input.btn {
		width: 100%;
	}
}
@media screen and (max-width: 640px) {
	section.container_12 section.grid_8 {
		width: 96%;
		margin: 0 2%;
		float: left;
	}
	section.container_12 aside.grid_4 {
		background-color: #f9f9f9;
		width: 96%;
		margin: 0 2%;
		float: right;
	}

}