/* *** 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: #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; */
/****************************************
 * GENERAL STYLES 
 **************************************/


body {
  background-image:url('/img/ashs/body-bkgrd.jpg');
  background-color: white;
  background-repeat:repeat-x;
  margin: 0 auto;
  font-family: paradox,arial,clean,sans-serif;
  font-size: 14px;
  padding: 0;
  text-align: center;
  border-top: 8px solid #9E9286; }
  	

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

p {
  font-size: 0.8em/1.4em;
   }
  p#headlineText {
    font-size: 0.9em/1.4em; }

a {
  color: #A6908F;
  text-decoration: none; }

a:hover {
  text-decoration: underline;}  
	 

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

h1 {
  color: 7C85O7;
  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 {
  color:#4F4F4F; 	
  font-weight: normal;
  font-size: 2.3em;
  margin: .2em 0; }

h3 {
  background-color: #E5E4E0;
  color: grey;
  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: white; }
.banner .banner2 {
  background-color: white;
  font-size: .8em;
  padding: 18px; }

  	 
/*****************************************
 * Navbar: Top Horizontal Navigation Bars
 ****************************************/

          
.nav1 {
	width: 100%;
	float: right;
	margin: 0 0 3em 0;
	padding: 0;
	list-style: none;
	text-align: right; 
	font-family: arial,clean,sans-serif;}
.nav1 li {
	float: right; }    
	
.nav1 li a {
	display: block;
	padding: 0px 10px;
	text-decoration: none;
	color: #A6908F; }	
	
.nav1 ul li a:hover {
    text-decoration: underline; }
	
.nav2 {
	width: 100%;
	float: right;
	margin: 0 0 3em 0;
	padding: 0;
	list-style: none; 
	text-align: right;
	font-family: times new roman;}
.nav2 li {
	float: right; }	
	
.nav2 li a {
	display: block;
	padding: 0px 12px;
	text-decoration: none;
	color: black;
	font-weight: normal;
	font-size: 16px; }	

.nav2 ul li a:hover {
    text-decoration: underline; } 
	
/* left context nav */

.nav3 {
	color: #4F4F4F;
	font-family: times new roman;}	 
	
.nav3 li a {
	display: block;
	padding: 15px 5px;
	text-decoration: none;
	color: #4F4F4F;
	font-weight: normal;
	font-size: 13px;
	border-bottom: 1px solid #adadad; }	
	
.nav3 li.topnav a {
	font-style: italic;
	font-size: 20px;
	border-bottom: 2px solid #adadad; }	
		
.nav3 ul li a:hover {
    text-decoration: underline; }	
	 

/***************************************
 * Buttons 
 **************************************/
.login input.btn, .programinfo input.btn {
  color: #012248;
  background-color: #abc9ea;
  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 0 auto;
  font-weight: bold; }

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

/*************************************************
 * Programinfo - Main top section, middle column
 ************************************************/
.programinfo {
  margin: 0px 0;
  padding: 5px;
  font-family: times new roman;
  /* 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 h2 {
  	font-family: times new roman;}
  .programinfo h3 {
  	color: #5A85D7;
  	font-size: 1.3em;
  	background-color: white;
  	font-family: times new roman;}
  .programinfo h4.programtitle {
    color: #5A85D7;
    background-color: white;
    border-color: #cccccc;
    font-family: times new roman;}
  .programinfo .beginsubmission {
    margin-bottom: 10px;
    margin: 10px -10px;
    font-family: times new roman;}
  .programinfo h4.programtitle {
    color: #5A85D7;
    background-color: white;
    border-color: #ccc;
    border-width: 0px;
    border-style: solid;
    padding: 3px 10px;
    font-family: times new roman;}
    .programinfo h4.programtitle .deadline {
      color: #4F4F4F;
      font-weight: normal;
      font-style: italic; }
  .programinfo .abstractmax {
    float: left;
    margin: 10px auto 0 auto;
    font-family: times new roman;}
  .programinfo .special {
    clear: left;
    margin: 10px 10px 5px;
    color: #4F4F4F;
    font-family: times new roman;}
  .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 {
    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: white;
      color: #4F4F4F;
      border-color: #cccccc;
      border-width: 0px;
      border-style: solid;
      padding: 3px 0px; }
      
    .programinfo ol#steps li div {
      padding: 0 10px;
      margin: 0 0 1em 0;
      color: 4F4F4F; }
      
.mainimg {
      width: 440px; }	

/****************************************
 * 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 {
  color: #4F4F4F; }  
#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: white;
  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; }
	
/******************************************************
 * Sidebar Section -- topsection right column with login
 *****************************************************/
.login, .sidebar {
  margin: 5px 0;
  padding: 0 10px 10px; }
  
.login h3 {
  color: #4F4F5E;
  font-weight: normal;
  padding-top:25px;
  font-size:16px;
  font-family: times new roman;} 
  
.login .text {
  font-family: arial,clean,sans-serif;
  font-size:13px; } 
  
.login hr {color:#AAAAAA;}   

.login {
  background-color: #E5E4E0; }

.sidebar {
  border-color: #E5E4E0;
  border-width: 0px;
  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: 30%;
  margin-left: 0; }
  
.editsub hr {
  color: #AAAAAA; }

/****************************************************
 * EXTRAINFO AND FOOTER SECTIONS
 ***************************************************/
div#footer {
  background-color: #C7C3BA; }
  
.footer-contact  {
  font-size: 12px;
  color: white;
  padding:20px 10px; }
  
.footer-contact a {
  text-decoration: underline;
  color: #384F81; }  

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

.extrainfo {
  background-color: #fff; }

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

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

/* under footer  */

div#copy {
  background-color: #B4ADA3; }

.legal {
  clear: both;
  background-color:#B4ADA3;
  margin: 10px;
  font-family: times new roman;}
  .legal p {
    font-weight: bold;
    text-align: left; }

/*******************************************************
 * 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: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px; }

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

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

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