/************************************************************************
	
	Site:		Working Mums
	Author:		Wide Area Communications // Tyler Hagan
	File:		Top Employer Awards 2010
	
	Created: 26-05-2010
  	Last updated: 03-06-2010
	

************************************************************************/

p { color: #58595b; }
h5 { color: #5392b7; font-size: 1.2em; font-weight: bold; }

div.span-1,div.span-2,div.span-3,div.span-full{
float:left;
margin-top: 10px;
text-align: center;
text-align: left;
}

div.span-3 {
	border-right: 0px;
	}
	
/* The last column in a row needs this class. */
.last, div.last { margin-right: 0; }

/* Use these classes to set the width of a column. */
.span-1  { width: 195px; }
.span-2  { width: 600px; }
.span-full  { width: 100%; }
.span-3  { width: 195px; margin-right: 0; }

/***** LHS NavMENU *****/

#navcontainer {
margin: 0 auto;
text-align: left;
color: #FFFFFF;
}

ul#navlist {
text-align: left;
list-style: disc;
padding: 0;
margin: 0 auto;
width: 90%;
float: left;
}

ul#navlist li {
display: block;
margin: 0;
padding: 2px;
}

ul#navlist li a {
display: block;
width: 100%;
padding: 0.5em 0 0.5em 1em;
text-decoration: none;
background: #5392b7;
color: #FFFFFF;
font-size: 1.2em;
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#top a {
background: transparent url(/images/existing-images/tea/nav-top.png) no-repeat top;
color: #FFF;
padding-top: 0.8em;
}

ul#navlist li#active a {
background: #58595b;
}

ul#navlist li#top a:hover {
background: transparent url(/images/existing-images/tea/nav-top-hover.png) no-repeat top;
}

ul#navlist li a:hover, ul#navlist li#active a:hover {
color: #FFF;
background: #58595b;
}

.span-1 img {
	border: 2px solid #cfcfcf;
	margin: 10px 10px 0px 20px;
	}
	
.span-1 p {
	padding-top: 25px;
	}
	
.media-partners img {
	margin-left: -10px;
}

/***** LISTING PAGE *****/

.listing img {
	float: right;
	padding: 10px;
	}

.listing  {
	float: left;
	padding: 10px;
	border-bottom: 1px solid #ccc;
	width: 560px;
	margin: 10px;
	}
	
.listing h4 {
	color: #818286;
	}

	
.listing p {
	text-align: left;
	margin-bottom: 10px;
	}
	
.listing span {
	color: #2ba0c6;
	font-size: 1.2em;
	}

/***** CONTENT *****/

#tea h2 {
 font-size: 2em;
 }
 
#tea h3 {
 font-size: 3em;
 color: #818286;
 line-height: 0.9em;
 }
 
#tea .intro {
	font-size: 1.3em;
	color: #5392b7;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-right: 10px;
	font-weight: bold;
	}
	
#tea .intro-cat {
	font-size: 1.3em;
	color: #818286;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-right: 10px;
	}
	
.span-2 p {
	color: #818286;
	font-size: 1em;
	margin-top: 20px;
	}
	
.span-2 h4 {
	color: #5392b7;
	font-size: 1.2em;
	margin-top: 20px;
	font-weight: bold;
	}
.span-2 ul {
	color: #818286;
	font-size: 1em;
	list-style: none;
	}

.image {
	float: right;
	padding: 10px 20px 10px 10px;
	}

div.image div {
	margin-top: -5px;
	background: #67686a;
	padding: 5px 5px 5px 10px;
	color: #FFF;
	font-size: 0.8em;
	}
	
.sponsored-image {
	float: right;
	padding: 10px 20px 10px 10px;
	}

div.sponsored-image div {
	margin-top: -5px;
	padding: 5px 5px 5px 10px;
	color: #000;
	font-size: 0.8em;
	}
	
	
/***** SIDEBAR RHS *****/

.span-3 img {
	border: 2px solid #cfcfcf;
	margin: 5px 20px 10px 10px;
	}
	
/***** SPONSORRS *****/

.sponsor img {
	float: left;
	padding: 10px;
	}

.sponsor  {
	float: left;
	padding: 10px;
	border-bottom: 1px solid #ccc;
	width: 560px;
	margin: 10px;
	}
	
.sponsor h4 {
	color: #818286;
	}

	
.sponsor p {
	text-align: left;
	margin-bottom: 10px;
	}
	
.sponsor .logo-sponsor {
	float: left;
	margin-left: -20px;
	}
	
.body_full {
	float: right;
	padding: 10px;
	}
	
/* HOLDING */

.span-full p {
	color: #818286;
	font-size: 1em;
	margin-top: 20px;
	}
	
.span-full h4 {
	color: #5392b7;
	font-size: 1.2em;
	margin-top: 20px;
	font-weight: bold;
	}
.span-full ul {
	color: #818286;
	font-size: 1em;
	list-style: none;
	}

/* ############################ SIGN UP PAGE ############################ */

.download-pdf p {
	float: left;
	text-align: left;
	font-size: 2em;
	margin-right: 40px;
	margin-bottom: 50px;
	}
	
.download-pdf span {
	font-size: 1.2em;
	width: 230px;
	height: 60px;
	float: right;
	text-align: left;
	padding-left: 80px;
	margin-top: 20px;
	background: url("/images/existing-images/tea/pdf_icon.jpg") left no-repeat;
	}


#signup-form label{
	font-size: 13px;
	color:#818286;
	display:block;
	margin-right:10px;
	font-weight: normal;
	padding-bottom: 5px;
	
}

#signup-form input[type=text],#signup-form input[type=password]{
	width:548px;
	height:40px;
	font-size:13px;
	color:#29384c;
	border: 2px solid #1abde9;
}

#signup-form input:focus {
	border: 2px solid #00b80d;
}

#signup-form textarea {
	color:#29384c;
	border: 2px solid #1abde9;
	font-size: 13px;
	height: 150px;
}

#signup-form textarea:focus {
	border: 2px solid #00b80d;
}

#signup-form select{
	font-size:13px;
	color:#29384c;
	margin-bottom:5px;
	margin-top:5px;	
}

#signup-form input#company_url{
	width:290px;
}

#signup-form ul.section{
	width:100%;
	float:left;	
}

#signup-form h3 img{
	margin-bottom: -5px;
}

#signup-form h4{
	font-size:11px;
	color:#011934;
	margin-left:82px;
}	
#signup-form ul.section li{
	font-size:2em;
	color:#a7a6aa;
	margin-top:0px;
}

#signup-form h3 span{
	color:#838383;
	font-size:1em;
	padding:8px;
	position:relative;
	zoom:1;
}

#signup-form ul.section li.incomplete{
	background-color:#fcffc9;	
	color: #fcffc9;
}

#signup-form ul.section li.header{
	border:0;
	background-color:transparent;
	position:relative;
	padding:0;
	
}

#signup-form ul.section li.header span{
	position:absolute;
	display:block;
	width:59px;
	height:62px;
	top:-15px;
	left:15px;
}

span.wrap{
	border:1px solid #f00;
	display:block;
}
#signup-form ul.section li.bottom{
	border:0;
	height:5px;
	background-color:transparent;	
}

#signup-form ul.section li.url b{
	font-size:15px;
	font-weight:bold;
	color:#29384c;
	margin-top:10px;
	margin-left:5px;
	line-height:30px;
}
 
 #signup-form  .form-error{
	width:566px;
	border-radius:5px;
	-moz-border-radius:5px;	
	-webkit-border-radius: 5px;
	border:1px solid #DA3536;
	color:#FFDAD3;
	display:block;
	font-size:18px;
	margin-bottom:25px;
	margin-top:10px;
	padding:10px 10px 10px 50px;
 }
 
#signup-form  .form-error h2{
	font-size:18px;
  }
 
 #signup-form .form-error ul{
	margin-left:1em;
	list-style-type:disc;
 }
 
#signup-form #discount-code-heading{
	background-color:transparent;
	padding-top:10px;
	color:#0350a6;
	padding-left:81px;
	font-size:13px;
 
}

 #signup-form .confirm-result{
	font-size:18px;
	font-weight:bold;
	color:#29384c;
	line-height:30px;
 }
 
 #signup-form ul#confirm-details .bottom{
	height:auto;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:2px;
 }

  #signup-form ul#confirm-details .bottom .signup-button-wrap{
	display:block;
	float:left;
	position:relative;
}
 
 #signup-form ul#confirm-details .bottom #button-sign-up-now{
	width:158px;
	height:41px;
	display:block;
	border:0px;
	background:  url(/images/existing-images/tea/button-sign-up-now.png) no-repeat top left;
	text-indent:-99999px;
	cursor:pointer;
	outline:0;
	line-height:90px
 }

 #signup-form ul#confirm-details .bottom #button-sign-up-now.disabled{
		opacity:0.75;
	}
 
#signup-form ul#confirm-details .bottom #button-sign-up-now:hover{
	background: url(/images/existing-images/tea/button-sign-up-now.png) no-repeat bottom left;
}
 
.radio label {
	text-transform: capitalize;
	display: block;
	margin-top: -10px;
	}
	
.checkbox label {
	text-transform: capitalize;
	display: block;
	margin-top: -10px;
	}

label {
	float: left;
	text-align: left;
	margin-right: 15px;
	font-weight: bold;
}

#signup-form p {
	color: #818286;
	font-size: 15px;
	font-weight: bold;
	}
	
/******* ACCORDION ******/

div#form-accordion{
	background-color:#FFFFFF;
	padding:2px;
}

div.accordion {
	position: relative; /* required for bounding */
	width:100%;
}

div.accordion-toggle{
    position: relative; /* required for effect */
    z-index: 10;		/* required for effect */
	background: #FFF;
	color:#818286;   
    cursor: pointer;
	margin-bottom:1px;
	padding:9px 5px 15px 14px;
	font-size: 2em;
}
div.accordion-toggle:hover, {
	background-color:#0593ba;
	color: #fff;
}

div.accordion-content{
    overflow: hidden;	/* required for effect */
    background: #FFFFFF;
	padding:9px 24px 6px 24px;
	color:#000;
}