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

body {
	
  background:url('../../img/sim/35th/bg.gif');
  margin: 0 auto;
  font-family: Tahoma, "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
  font-size: 14px;
  padding: 0;
  text-align: center; 
 }

.wrapper {
  background-color: white;
  text-align: left; 
  padding-top:20px;
  }
   

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

a {
  color: #129AC8;
  text-decoration: none; }

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

h1 {
  color: #28425f;
  font-weight: bold;
  font-size: 1.5em;
  margin: 0 -10px;
  padding: 0 10px 5px;
  text-align: center; }

h2 {
  font-weight: bold;
  font-size: 1.3em;
  margin: .2em 0;
  text-align: center;
  color:#067499;  }

h3 {
  background-color: #129AC8;
  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: #e3e3e3; }
.banner .banner2 {
  background-color: #cccccc; }
.banner .banner3 {
  background-color: #e3e3e3; }

/* 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
 ****************************************/
/*************** Very Top Nav Bar *****************/

.navbar {
  background-image:url('../../img/sim/35th/top-bg.gif');
  margin-top: 0;
  margin-bottom: 10px;
  width:100%;
  height:53px;
  padding: 0;
  margin: 0;
 -webkit-box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.75);
 -moz-box-shadow:    0px 1px 2px rgba(50, 50, 50, 0.75);
  box-shadow:         0px 1px 2px rgba(50, 50, 50, 0.75);
  }
  .navbar ul {
    display: inline-block;
    margin: 0;
    padding: 0; }
    .navbar ul li {
      font-weight: normal;
      font-size: 1em;
	  line-height:.1em;
      float: left;
      margin-top: 17px;
      /* divider between navigation items */
      border-right-color: #ffffff;
      border-right-width: 1px;
      border-right-style: solid; }
	 ul li.noborder{
	  border:none;
	  margin-right:5px;
	  }
      .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 {
          color: #fff;
          text-decoration: underline; }
/******************************
**** Top Nav Social media buttons
*****************************/
.socialButtons{
	width:22px;
	height:22px;
	overflow:hidden;
	background:url('../../img/sim/35th/bg-social-header.png') no-repeat;
}	  

 .facebook{background-position:0 0;}

 .rss{background-position:-28px 0;}

 .linkedin{background-position:-55px 0;}

 .twitter{background-position:-83px 0;}

 .facebook:hover{background-position:0 -32px;}

 .rss:hover{background-position:-28px -32px;}

 .linkedin:hover{background-position:-55px -32px;}

 .twitter:hover{background-position:-83px -32px;}

/**************************************
 Second Nav Bar controlled by jqueryslidemenu.css 
 **************************************/


/***************************************
 * Buttons 
 **************************************/
.login input.btn, .programinfo input.btn {
  color: #012248;
  background-color: #D5EBF3;
  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;
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); 
 }
 .login input.btn:active, .programinfo input.btn:active{
  background-color:#909191;
  color:#E3E4E5;
  padding:2px 0 -2px 0;
  text-shadow:0 -1px 1px rgba(0,0,0,0.5);
 -moz-box-shadow: none;
  -webkit-box-shadow:none; }

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

/*************************************************
 * Programinfo - Main top section, left column
 ************************************************/
 .programinfo {
 border-left:1px solid #CFCCC4; 
  margin: 10px 0;
  padding: 10px;
  padding-left:30px;
  /* 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: #fff;
    border:none; }
  .programinfo .beginsubmission {
    margin-bottom: 10px;
    margin: 10px -10px; }
  .programinfo h4.programtitle {
    color: #012248;
    background-color: #fff;
    border:none;
    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 {
    list-style-type: none;
	margin: 0 0 0 1.5em;
    padding: .5em 0  }
    .programinfo ol li h4 {
      color: #012248;
      margin: 0;
      padding: 0; }
    .programinfo ol#steps li a {
      background-color: #d5ebf3;
      border:none;
      padding: 3px 10px; }
    .programinfo ol#steps li div {
      padding: 0 10px;
      margin: 0 0 1em 0; }
	.programinfo p {
	line-height:1.5em;
	}
/****************************************
 * Expand / Collapse Steps
 ****************************************/
#steps {
  list-style-type: none;
  margin: 0;
  padding: 0; }
#steps li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  border:1px solid #fff;  }
#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: #d5ebf3;
  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: 10px 0;
  padding: 0 10px 10px; }

.login {
  background-color: #fff; }


.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
 ***************************************************/
.footer {
  background:url('../../img/sim/35th/footer.gif') repeat-x;
  position: relative;
  margin-top: -269px; /* negative value of footer height */
  height: 270px;
  clear:both;
  }
html, body, page {height: 100%;}

body > .page { height: auto; min-height: 100%; }

/* must be same height as the footer */
.wrapper { overflow: auto; padding-bottom: 270px; width:100% } 

.innerfoot{ /** wrapper to enforce page width **/
 width:960px;
 margin: 0 auto;
 text-align: left; 
 padding-top:30Px;
 }
/****************************
** Footer Links section
****************************/

 .footertext h1{ 
 color:#93C718;
 background:none;
 text-align: left;
 border-bottom:1px solid #fff;
 width:160px;
 margin-bottom:10px;

 }
 .footertext li a{
  color:#E1DFDA;
  }
  .footertext li a:hover{
  text-decoration:underline;
  }
  
  .footertext h1 b{
  
  }
 .foot1 {
 width:523px;
 float:left;
}
 .foot1 li {
 line-height:25px;
 }
 /******** method of creating 3 column ul ********/
  li.fcol1 {
  margin-left: 0; 
  }
  li.fcol2 {
  margin-left: 200px; 
  }
  li.fcol3 {
  margin-left: 350px; 
  }
  .reset /****** needed to pull link columns up to line ****/
  {
    margin-top: -125px;;
  }
 /******************* 
 **** Social Media Section 
 ****************************/ 
 .foot2  {
 width:219px;
 float:left;
}
.foot2 img {
float:left;
}
.foot2 ul {
 float:left;
 line-height:39px;
 color:#fff;
 margin-left:-35px;
}
.foot2 li a{ 
padding: 9px 0 9px 40px;

}
  

/* under footer and under page wrapper */
.copyright {
   width:217px;
   color:#E1DFDA;
   text-align:center;
   float:left;
   }

/*******************************************************
 * 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 */
 .login,  {
  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 */
.login{
  -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; }