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

body {
 	font:normal 13px/18px Tahoma, verdana, sans-serif; 
	color:#2b3333;
 	background: url(/img/ana/bg_body.jpg) repeat-x #fff; height: 100%;
 	padding: 0;
	margin: 0;
	text-align: center;
 }
body.small {
 	font:normal 10px/18px Tahoma, verdana, sans-serif; 
	color:#2b3333;
 	background: url(/img/ana/bg_body.jpg) repeat-x #fff; height: 100%;
 	padding: 0;
	margin: 0;
	text-align: center;
 }
 
p{
	margin:5px 0 10px 0; line-height: 1.6em; }

p.s{
	margin:5px 0 0px 0; line-height: 1.6em; }
	
a{
	color:#36428d; text-decoration:none; }
	
a:hover{
	color:#4189d6; text-decoration:none;	}

/*
Base, dark grey: #333
Red: #eee333e
Blue: #36428d
hover; #5a68c2
*/

h1{
font:normal 22px/22px Tahoma, verdana, sans-serif; color: #666 ;border-bottom: 1px solid #d3d2d2; padding: 10px 0 5px 0; margin-top: 5px;	}

h1.noline{
font:normal 22px/22px Tahoma, verdana, sans-serif; color: #666 ;border-bottom: none; padding: 0; margin-top: 5px; float:left	}

h2{
font:normal 18px/18px Tahoma, verdana, sans-serif; color: #36428d; }
	.home_promo h2 {margin: 10px 0;	}
	
h3{
font: normal 15px/16px Tahoma, verdana, sans-serif;color:  #36428d; }

h4{
font:normal 14px/20px Tahoma, verdana, sans-serif; color:#333; }

h5{
	font:bold 13px/15px Tahoma, verdana, sans-serif;color: #36428d;margin: 0 0 5px 0; padding:0;	}
	
h6{
	font:normal 20px/20px Tahoma, verdana, sans-serif; color: #EE333E; }
	.home_promo h6 {margin: 10px 0;	}

ul  li.bullet{
	margin-left: 20px;
	list-style-type: disc;
	color: #555555;  }	

ul .nobullet{
	margin-left: 20px;
  list-style-type: none;
  color: #555555;  }

ol {
	margin-left: 20px;
  list-style-type: decimal;
  color: #555555;  }
  
ol.noliststyle, ol li.noliststyle {
	margin-left: 20px;
	list-style-type: none;
	color: #555555;	}
		
ol.d {

	list-style-type: lower-alpha;	}

blockquote {
		margin-left: 35px;
		}
	
.hr {
  border-bottom-color: rgb(214, 214, 206);
  border-bottom-width: 1px;
  border-bottom-style: solid;
  padding-bottom: 50px}
	
tr{
	border-bottom: 1pt solid #bac2f2;	}

td.center{
	width: 25%;
	text-align: center;	}
	
td.top{
	text-valign: top;	}
	
td.vcenter{
	text-align: center;
	text-valign: center;	}

/*------------------
header
---------------------*/

.topwrapper { height: 124px; overflow: hidden; }
.header { height: 124px; margin: 0; padding: 0; background: url(/img/ana/bg_header.jpg) no-repeat; }

.identity { margin: 0; padding: 0; background: url(/img/ana/img_ana_identity.jpg) no-repeat; width: 148px; height: 124px; float: left; }
.branding_box { float: right; width: 832px; }

.topnav { width: auto; height: 50px; text-align: left; margin: 0; }
.topnav ul { float: left; margin: 0; padding: 20px 0 0 0; list-style: none; }
.topnav li { display: inline; margin: 0; background: url(/img/ana/bg_dotted_pipe.gif) 0 50% no-repeat; }
.topnav li.first { border-left: none; background: none; }
.topnav li a { color: #fff; text-decoration: none; padding: 5px 6px 5px 9px; font-size: 92%; margin: 1px; }
.topnav li a:hover { border: solid 1px #8691d7; margin: 0; background: #36428d; -moz-border-radius: 3px 3px 3px #6675cb; -webkit-border-radius: 3px 3px 3px #6675cb; border-radius: 5px; -moz-box-shadow: 3px #6675cb; -webkit-box-shadow: 3px 3px 3px #6675cb; box-shadow: 3px #6675cb; text-decoration: none; }

.branding { float: left; margin: 10px 0 0 10px; padding: 0; }
.functional { float: right; width: 460px; height: 80px; text-align: right; margin: 0; }
.functional ul { float: right; margin: 0; padding: 0; list-style: none; clear: both; width: 460px; }
.functional li { display: inline; margin: 0; }
.functional li a.first { border-left: none; }
.functional li a { color: #666; text-decoration: none; padding: 0 5px; background-position: 0; border-left: 1px solid #999; font-size: 92%; }
.functional li a:hover { color: #5a68c2; }

.search { float: right; width: 470px; height: 30px; margin: 0; padding: 5px 5px 5px 0px; }




.wrapper {
	margin: 0;
	text-align: left;
}


/*****************************************
 * Navbar: Top Horizontal Navigation Bar
 ****************************************/
.navbar {
  height: 44px;
  margin-top: 0;
  margin-bottom: 10px;
  padding: 0;
  margin: 0; }
  .navbar ul {
    display: inline-block;
    margin: 0;
    padding: 0; }
    .navbar ul li {
      font-weight: normal;
      font-size: 12px;
      float: left;
      margin: 0;
      /* divider between navigation items */
      border-right-color: #999;
      border-right-width: 1px;
      border-right-style: solid; }
      .navbar ul li a {
        color: #333;
        display: block;
        margin: 0;
        padding: 1em; }
        .navbar ul li a:link, .navbar ul li a:active, .navbar ul li a:visited {
          color: #333;
          display: block;
          margin: 0;
          padding: 1em; }
        .navbar ul li a:hover {
	      color: red;
          text-decoration: underline; }
img.mainnavaction {
margin: 6px 0;
float: right;
}
/***************************************
 * 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, left column
 ************************************************/
.programinfo {
  border-color: #cccccc;
  border-width: 1px;
  border-style: solid;
  margin: 10px 0;
  padding: 10px;
  }
  
.programinfoD {
  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: 20px;
    margin: 10px -10px; }
  .programinfo h4.programtitle {
    color: #012248;
    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 ol {
    margin: 0 0 0 1.5em;
	}
    .programinfo ol li h4 {
      color: #012248;
      margin: 0;
      padding: 0; }
    .programinfo ol li a {
      background-color: #e3e3e3;
      border-color: #cccccc;
      border-width: 1px;
      border-style: solid;
      padding: 3px 10px; }
    .programinfo ol li div {
      padding: 0 10px;
      margin: 0 0 1em 0; }

.programinfo .rules {
	margin: 1em 0;
}
.programinfo .rules li {
	list-style-type: disc;
	margin: 0.2em 0 0.2em 1.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; }

/****************************************
 * 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; }
		
.collapse ul {
	margin-left: 20px;
	}
	
#steps li ol.abstract li {
	list-style-type: decimal;
	}
	#steps li ol.abstract li ol li {
		list-style-type: lower-alpha;
		margin-left: 20px;
		}
	
.programinfo ol#steps {
	margin-left: 0px;
	}
	
/******************************************************
 * Sidebar Section -- topsection column with login
 *****************************************************/
.login, .sidebar {
  background: url(/img/ana/bg_sidebar_box.jpg) repeat-x;
  margin: 10px 0;
  padding: 0 15px 10px;
  border-color: #cccccc;
  border-width: 1px;
  border-style: solid; }

.login h4, .sidebar h4 {
  padding: 5px 0 10px 0; }

.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; }
  
/*******************************************************
 * 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 */
.programinfo, .login, .sidebar {
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px; }

/* 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: 7px;
  -webkit-border-bottom-right-radius: 7px;
  -moz-border-radius-bottomleft: 7px;
  -moz-border-radius-bottomright: 7px;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px; }

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


/*********************************************/
.find_it { margin: 0 0 20px 0; text-align: center; }
.find_it_col { border-right: 1px solid #CCC; height: 7.5em; vertical-align: middle; padding: 0 16px 0 0; overflow: visible; }
.find_it_col.first { }
.find_it_col.last { border-right: none; }
.find_it ul { margin: 10px 0; padding: 0 ; list-style: none; }
.find_it li { display: block; margin: 0; padding: 0; list-style: none; }
.find_it li.title { margin: 0 0 5px 0; }

/*------------------
footer
---------------------*/

.footer_wrapper { text-align: left; margin: 20px 0 0 0; padding: 0; width: 100%; background: #36428d url(/img/ana/footer-bg.gif) repeat-x; min-height: 200px; clear: both; }
.footer { width: 960px; margin: 0 auto; padding: 20px 0; font:normal 10px/16px verdana, Arial, sans-serif; color:#fff;}
.address { width: 500px; }
.follow_us { float: right; width: 200px; }
.follow_us img { padding: 0 0 0 5px; }

.footer_nav { float: right; margin: 0 0 15px 0; width: 500px; }
.footer_nav ul { float: right; margin: 0; padding: 0; list-style: none; clear: both; }
.footer_nav li { display: inline; margin: 0; }
.footer_nav li a.first { border-left: none; }
.footer_nav li a { color: #fff; text-decoration: none; padding: 0 5px; background-position: 0; border-left: 1px solid #999; font-size: 92%; }
.footer_nav li a:hover { text-decoration: underline; }
.footer a{ color:#666;}

.pagetools { width: 205px; float: right; margin: 0 0 20px 0; padding: 5px 0 0 0; }

.icon { padding: 5px 0px 0 16px; }