/****************************************
 * GENERAL STYLES 
 **************************************/

body.cfp {
	background-color: orange;
	margin: 20px auto;
	font-family: Arial, sans-serif;
	font-size: 14px;
	padding: 0;
	text-align: center; 
	background: url('/img/gsa/page_background_2012am.jpg') repeat-x fixed top;
	background-size: auto 100%; }
	
.wrapper {
	background-color: white;
	text-align: left;
	-moz-box-shadow: 0px 0px 15px 10px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0px 15px 10px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 15px 10px rgba(0,0,0,0.3);  }
p {
  font-size: 0.8em/1.4em;
  margin: .2em 0 .3em; }
  p#headlineText {
    font-size: 0.9em/1.4em; }

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

h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  }

h1 {
  margin: 0 -10px;
  padding: 0 10px 5px;
  text-align: left; 
  font: bold 1.3em Arial, sans-serif;
  color: #C64026;
}

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

h3 {
  background-color: #999;
  color: white;
  margin: 0 -10px 10px;
  padding: 5px 10px;
  text-transform: uppercase;  }

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

ul {
  list-style-type: none; }

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

.banner {
	background: url('/img/gsa/banner_large_2012am.jpg') no-repeat top left;
	margin: 0 -10px;
	padding: 0;
	height: 150px;
	width: 960px;
	overflow: visible;
	}
.banner a {
	text-decoration: none;
	display: block;
}
.banner img {
	margin: 30px 0 0 30px;
}
.banner h1 {
	visibility: hidden;
	margin-left: -9999px;
	position: absolute;
	font-size: 1px;
}

/*****************************************
 * Navbar: Top Horizontal Navigation Bar
 ****************************************/
.navbar {
  background-color: #f2e3c6;
  margin: 10px -10px;
  padding: 0; }
  .navbar ul {
    display: inline-block;
    margin: 0;
    padding: 0; }
    .navbar ul li {
      font-weight: normal;
      font-size: 1.1em;
      float: left;
      margin: 0;
      /* divider between navigation items */
      border-right-color: #ccc;
      border-right-width: 1px;
      border-right-style: solid; }
      .navbar ul li a {
        color: #666;
        display: block;
        margin: 0;
        padding: 5px 15px 3px; }
        .navbar ul li a:link, .navbar ul li a:active, .navbar ul li a:visited {
          color: #666;
          display: block;
          margin: 0;
          padding: 5px 15px 3px; }
        .navbar ul li a:hover {
          background-color: rgba(0, 0, 0, .5);
          color: #fff;
          text-decoration: underline; }
	/* addthis styles in navbar */	  
	.navbar li.addthis_item .addthis_toolbox {
		margin: 4px 0 1px 1px;
		float: right;
		width: 180px;
	}
	.navbar li.addthis_item .addthis_toolbox a {
		float: left;
	}
	.navbar  ul li.addthis_item {
		border-right: none;
	}
	.navbar ul li .addthis_toolbox a:link, .navbar ul li .addthis_toolbox a:active, .navbar ul li .addthis_toolbox a:visited, .navbar ul li .addthis_toolbox a:hover {
		padding: 0 2px;
		display: inline-block;
	}
	
/***************************************
 * Buttons 
 **************************************/
.login input.btn, .programinfo input.btn {
  color: #ccc;
  background-color: #000;
  border-top-color: #cccccc;
  border-left-color: #999999;
  border-right-color: #666666;
  border-bottom-color: #333333;
  padding: 10px;
  border-width: 1px;
  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: #00A2ED;
    color: white; }
.login input.btn {
  border-top-color: #eee; }
.login input.btn:hover {
  background: #00A2ED;
  color: white; }
  

/*************************************************
 * 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 .beginsubmission {
    margin-bottom: 10px;
    margin: 10px -10px; }
  .programinfo h4.programtitle {
    font: bold 120% "Times New Roman", Times, serif;
	color: #012248;
	border-bottom: #999 solid 1px;
    padding: 3px 10px; }
    .programinfo h4.programtitle .deadline {
      font-weight: normal;
      font-style: italic; }
  .programinfo .beginsubmission h5 {
	margin-top: 1em;
	padding-top: 0.3em;
	border-top: 1px solid #ccc; }
  .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 {
      margin: 0;
      padding: 0;
		}
    .programinfo ol li a {
		font: bold 120% "Times New Roman", Times, serif;
		color: black;
		border-bottom: 1px solid #666;
		margin: .5em 0;
		padding: 3px 0;
	  
	  }
    .programinfo ol li div {
      padding: 0 10px;
      margin: 0 0 1em 0; }
.programinfo .beginsubmission {
	text-align: center;
	margin: 0 auto;
}
.programinfo .beginsubmission form {
	margin: 20px auto 10px auto;
	text-align: left;
}

/****************************************
 * 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;
} 
#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%;
  background-color: #f2e3c6;
  border-bottom: 1px solid #ccc; }
#steps .expand a {
  display: block;
  margin: 0 20px 10px 5px;
 }
  #steps .expand a:link, #steps .expand a:visited {
    background: url("/static/img/arrow-down.gif") 98% 50% no-repeat;
    }
  #steps .expand a:hover, #steps .expand a:active, #steps .expand a:focus {
    text-decoration: underline;
	background-color: #f2e3c6;
    outline: 0 none; }
  #steps .expand a.open:link, #steps .expand a.open:visited {
    background: url("/static/img/arrow-up.gif") 98% 50% no-repeat;
    }
#steps p.switch a, #steps .collapse a {
	font-weight: normal;
	font-size: 1em;
	display: inline;
	background-color: transparent;
	border-color: none;
	border-width: 0; }
	
.programinfo ol#steps li a {
	border-bottom: none;
}
	
/******************************************************
 * Sidebar Section -- topsection right column with login
 *****************************************************/
.login, .sidebar {
  margin: 10px 0;
  padding: 0 10px 10px; }

.login {
  background-color: #f2e3c6; }
.cfplogin {
	width: 100%;
	/*background-color: #f2e3c6;*/
	height: auto;	}
.cfplogin form {
	margin: 0 10px 20px;
	padding: 0;
}
.cfplogin label {
  float: left;
  margin: 5px 10px 0 0;
  clear: left;
  width: 100px; 
}
.cfplogin input {
  float: left;
  width: 100px; 
}
.cfplogin input.btn {
  clear: left;
  width: 30%;
  margin-left: 0; }
.login .reminder {
	clear: left;
	margin: 0;
	padding: 10px 0; }
.sidebar {
  border-color: #cccccc;
  border-width: 1px;
  border-style: solid; }


/****************************************************
 * EXTRAINFO AND FOOTER SECTIONS
 ***************************************************/
div#footer {
  background-color: #f2e3c6;
  padding: 2em 20px;
  margin-left: -10px;
  margin-right: -10px;
  }
div#footer h1.small, div#footer p.small {
	font-size: 10px;
}
div#footer a {
	color: #333;
}
/*.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; }
	
/*******************************************************
 * ROUNDED CORNERS
 * These rounded corners are css3 standards and work in 
 * most browsers except for IE.  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 */
.wrapper {
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px; }
.programinfo, .login, .sidebar {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px; }
  
/* top corners only */
.banner {
  -webkit-border-top-left-radius: 20px;
  -webkit-border-top-right-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-topright: 20px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px; }  

.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; }  

/* bottom corners only */
#footer {
  -webkit-border-bottom-left-radius: 20px;
  -webkit-border-bottom-right-radius: 20px;
  -moz-border-radius-bottomleft: 20px;
  -moz-border-radius-bottomright: 20px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px; }

  
/* *************************
 * Category preparation
 **************************/
body.catprep {
	font-size: 0.85em;
}
ol.preparationsteps {
	list-style-type: upper-alpha;
	margin: 10px 0;
}
ol.preparationsteps li {
	margin: 0 0 0 2em;
	padding: 0.5em 0;
	border-bottom: 1px solid #666;
}
ol.preparationsteps li ul li, ol.preparationsteps li ol li {
	border-bottom: none;
	margin: 0 0 0 2em;
	padding: 0.2em 0;
}
ol.preparationsteps li ul, ol.preparationsteps li ul li {
	list-style-type: disc;
}