/************************************************************************
	
	Site:		Working Mums
	Author:		Wide Area Communications // Viral Ganatra
	File:		Global Stylesheet
	
	Created: 07-09-09
  	Last updated: 06-10-09
	

	Listing Order:
	==============

	1 - Universal
	2 - Header
	3 - Main Navigation
	4 - Sub Navigation
	5 - Breadcrumbs
	6 - Footer
	7 - Footer
	8 - Testimonials

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


/***********************************************************************
	1 - UNIVERSAL STYLES
************************************************************************/

*           		{ padding:0; margin:0; outline:0; }
body        		{ font:76% Helvetica, Arial, sans-serif; color:#000; }
h1,h2,h3,
h4,h5,h6 			{ font-weight:normal; }
fieldset    		{ border:0; padding:0; margin:0; }
legend span 		{ position:absolute; left:0px; top:-5000px; width:1px; height:1px; overflow:hidden; }
/*label       		{ cursor:pointer; vertical-align:middle; outline:0; display:block; float:left; }
input,
select				{ float:left; }*/
img					{ border:none; }
p,dt,dd				{ font:13px/18px Helvetica, Arial, sans-serif; color:#333; margin:0 0 10px 0; }
a           		{ text-decoration:none; color:#00A0C6; }
a:hover     		{ text-decoration:underline; }
a img       		{ border:0; text-decoration:none; }
/* For hiding content intended only for screenreaders */
.screenreader		{ position:absolute; left:0; top:-5000px; overflow:hidden; }
.clear      		{ clear:both !important; height:0; display:block; margin:0 !important; float:none!important; }
.error,
#page-error	p		{ color:red; font:bold 11px Helvetica, Arial, sans-serif; margin:10px 0; display:block; clear:both; }
.bold 				{ font-weight:bold !important; }
.left				{ float:left; }
.right				{ float:right; }
.fb-close 			{ cursor:pointer; }

/* Highlight text */
::selection         { background:#00A0C6; color:#fff; /* Safari */ }
::-moz-selection    { background:#00A0C6; color:#fff; /* Firefox */ }

p,
dd,
dt, 
span, 
form, 
p div,
table,
.box div,
.narrow-module li a { 
    font:12px/130% Arial, Helvetica, sans-serif; 
    color:#666; 
}


/***********************************************************************
	2 - HEADER
************************************************************************/

#wrapper {
	width:990px;
	margin:10px auto;
}
#header {
	width:990px;
	margin-bottom:5px;
}
#logo {
	float:left;
}
#logo img {
	display:block;
	margin-top:19px;
}
.leaderboard {
	float:right;
	width:728px;
	height:90px;
}


/***********************************************************************
	3 - MAIN NAVIGATION
************************************************************************/

#main-navigation-container {
	height:36px;
}
#main-navigation {
	overflow:hidden;
	width:990px;
	background:url(/images/bg-menu.png) no-repeat right 5px;
}
#main-navigation li,
.snav li {
	list-style-type:none;
	float:left;	
	font:bold 12px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
#main-navigation li {
	height:36px;
}
#main-navigation a {
	display:block;
	color:#fff;
	text-align:center;
}
#main-navigation .tab a {
	margin:5px 0 1px 0;
	border-bottom:solid 1px #88076c;
	height:29px;
}
#main-navigation span,
.snav li a  {
	display:block;
	padding:8px 10px 0 10px;
	color:#fff;
}
#main-navigation span {
	padding:8px 0 6px 0;
	background:url(/images/bg-menu-pipe.png) no-repeat center right;
	font:bold 12px Arial, Helvetica, sans-serif;
}
#main-navigation .home-tab {
	background:url(/images/bg-menu-first.png) no-repeat 0 5px;
	width:63px;
}
#main-navigation .jobs-tab {
	width:59px;	
} 
#main-navigation .advice-and-support-tab {
	width:142px;	
} 
#main-navigation .franchise-zone-tab {
	width:128px;
}
#main-navigation .wm-magazine-tab {
	width:113px;
}
#main-navigation .my-account-tab {
	width:102px;
}
#main-navigation #sign-in,
#main-navigation #sign-out {
	width:88px;
}
#main-navigation #post-a-job {
	width:94px;
}
#main-navigation #candidates {
	width:101px;
}
#main-navigation #employers {
	width:102px;
}
#main-navigation .last span {
	background:none;
}
#main-navigation .tab a:hover,
#main-navigation .tab a.on,
#main-navigation .home-tab a:hover {
	background:url(/images/bg-menu-on-right.png) no-repeat top right !important;
	margin:0;
	border-bottom:none;
	text-decoration:none;
	height:36px;
}
#main-navigation a:hover span,
#main-navigation .on span {
	background:url(/images/bg-menu-on-left.png) no-repeat top left !important;
	padding:13px 0 8px 0;
	height:15px;
}
#main-navigation .home-tab a:hover span,
#main-navigation .home-tab .on span {
	background:url(/images/bg-menu-first-on-left.png) no-repeat top left !important;
}
#main-navigation .no-pipe span {
	background:none;
}
#main-navigation #for-employers,
#main-navigation #menu-search,
#main-navigation #sign-in,
#main-navigation #sign-out {
	padding-top:10px;
	height:24px;	
}
#main-navigation #for-employers,
#main-navigation #menu-search,
#main-navigation #sign-in,
#main-navigation #sign-out {
	border-bottom:solid 1px #88076c;
}
#main-navigation #for-employers {
	padding-left:9px;
}
#main-navigation #for-employers a {
	background:url(/images/bg-for-employers.png) no-repeat 0 0;
	width:124px;
	height:20px;
	text-indent:-999em;
}
#main-navigation #for-employers a:hover {
	background-position:0 -40px;
	text-decoration:none;
}
#menu-search fieldset {
	width:264px;
	overflow:hidden;
}
.employer #menu-search fieldset {
	width:199px;
	overflow:hidden;
}
.candidate #menu-search fieldset {
	margin-left:31px;
}
#menu-search fieldset input {
	width:163px;
	height:18px;
	border:solid 1px #88076c;
	margin-left:10px;
	float:left;
}
.employer #menu-search fieldset input {
	width:100px;
	margin-left:8px;
	float:left;
}
#menu-search fieldset .button-search {
	width:78px !important;
	height:20px;
	border:none;
	margin-left:6px !important;
	cursor:pointer;
	background:url(/images/bg-button-search.png) no-repeat 0 0;
	padding-top:20px;
}
#menu-search fieldset .button-search:hover {
	background-position:0 -40px;
}
#sign-in a,
#sign-out a,
a.btn-close {
	background:url(/images/bg-button-sign-in.png) no-repeat 0 0;
	width:78px;
	height:20px;
	text-indent:-9999em;
}
#sign-out a {
	background-image:url(../images/bg-button-sign-out.png);
}
#sign-in a:hover,
#sign-out a:hover,
a.btn-close:hover {
	background-position:0 -40px;
}
a.btn-close {
	background-image:url(../images/bg-button-close.png);
	display:block;
	cursor:pointer;
	margin-top:20px;
}

/***********************************************************************
	4 - SUB NAVIGATION
************************************************************************/

.subnav-bar-container {
	background:url(/images/bg-sub-nav.png) repeat-x top left;
	height:29px;
	position:relative;
}
.snav-bar {
	position:absolute;
	top:0;
	left:0;
	width:990px;
}
.snav {
	display:table;
	margin:0 auto;
}
.snav ul {
	display:table-cell;
}
.subnav-bar-container li {
	background:url(/images/bg-sub-nav-pipe.png) no-repeat bottom right;
}
.subnav-bar-container li.last {
	background:none;
}
.subnav-bar-container a {
	text-decoration:none;
}
.subnav-bar-container a:hover,
.subnav-bar-container .on a {
	color:#90e4f8;
	text-decoration:none;
}


/***********************************************************************
	5 - BREADCRUMBS
************************************************************************/

#breadcrumbs,
#secondary-links {
	padding-bottom:7px;
	margin-top:10px;
	float:left;
}
#breadcrumbs a,
#breadcrumbs span {
	color:#00A0C6;
	font:normal 12px Arial, Helvetica, sans-serif;
}
#secondary-links {
	float:right;
}
#secondary-links li {
	float:left;
	list-style-type:none;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#00A0C6;
}
#secondary-links a {
	padding:0 3px;
}
#rss a {
	background:url(/images/icon-rss.png) no-repeat center right;
	padding:0 20px 0 5px;
	cursor:pointer;
}
#rss-feed {
	float:right;
	margin-bottom:10px;
}
#rss-feed p {
	text-align:right;
	margin:0;
	line-height:1.5em;
}

/***********************************************************************
	6 - FOOTER
************************************************************************/

#footer {
	margin-top:10px;
}
#fill {
	background-color:#CCECF4;
	height:90px;
	margin-bottom:2px;
}
#copy-bar {
    background:#ccecf4 url(../images/footer-end.gif) bottom right no-repeat;
    padding:6px 16px 6px 10px;
    margin-bottom:10px;
}
#copy-bar p {
    float:left;
    margin-bottom:0 !important;
	color:#666;
}
#copy-bar ul {
    float:right;
}
#copy-bar li {
    display:inline;
	font:bold 12px Arial, Helvetica, sans-serif;
}
#copy-bar,
#copy-bar a {
    color:#666;
}


/***********************************************************************
	6 - CONTENT
************************************************************************/

#mums-main {
	float:left;
	width:800px;
}
#mums-border {
	background:#ce12b0 url(/images/bg-mums-border.gif) no-repeat 0 0;
	padding:10px 10px 0 10px;
}
#mums-box-inner {
	background-color:#fff;
	padding:10px 10px 0 10px;
	min-height:968px;
	height:auto !important;
	height:968px;
}
#mums-border-bottom {
	background:url(/images/bg-mums-border-bottom.gif) no-repeat 0 0;
	height:22px;
}
h2 {
	font-size:30px;
	line-height:110%;
	margin-bottom:10px;
	color:#00A0C6;
}
.mums h4,
.job-title,
.mums p.answer {
	font-size:13px;
}
#mums-pagination {
	padding-bottom:10px;
}
#mums-pagination,
#mums-pagination a {
    color:#00a0c6;
    font-weight:bold;
}
#site-links .button-div {
    padding:20px 0 0 10px;
}
.site-links-box,
.site-links-box1 {
    float:left;
    width:146px;
    padding:0 11px;
    border-left:dotted 1px #c0c0c0;
    margin-top:0!important;
}
.site-links-box1 {
    padding-left:0;
    border-left:0;
}
#site-links h3,
#site-links h3 a,
#site-links h3 a p {
	color:#D010B1;
	font:bold 14px/20px Arial, Helvetica, sans-serif;
	margin-bottom:0;
}
.article-tagged {
	float:left;
	width:390px;
}
.article-copy h3 {
	margin:6px 0 0 0;
	clear:both;
	color:#00A0C6;
	font:16px/140% Arial, Helvetica, sans-serif;
}
.article-copy span {
	color:#333;
}

/*--------------- Email a friend -----------*/
div.email-friend {
    width:726px !important;
    padding:12px 16px 4px;
    margin-bottom:12px;
    background-color:#fae4f6;
    border:dotted 1px #d010b1;
}
.email-friend label {
    float:left;
    width:190px !important;
    margin:4px 0;
}
.email-friend input { 
    float:left !important;
    margin:4px 8px !important;
	width:200px;
}
.email-friend #submit {
    margin-left:0 !important;
	width:auto;
}  

/*--------------- Poll/Comments -----------*/
.mums h3 {
	clear:both;
	color:#00A0C6;
	font:16px/140% Arial, Helvetica, sans-serif;
	margin-bottom:8px;
}
.comment {
	margin-bottom:15px;
	padding-top:12px;
}
.comment-author {
	margin-top:8px;
	color:#00A0C6;
}
.byline {
	color:#888 !important;
	margin-top:12px;
}
a.byline {
	text-decoration:none;
}
#commentform {
	border-bottom:1px dotted #C0C0C0;
	border-top:1px dotted #C0C0C0;
	margin:16px 0;
	padding:14px 0;
}
textarea#comment {
	border:1px solid #C0C0C0;
	float:none;
	height:150px;
	margin:-2px 0 6px;
	width:550px;
}
#anonComment {
	margin:1px 5px 0 0;
	float:left;
}
#form-box {
	float:left;
	width:470px;
}
#form-box textarea {
	border:1px solid #BFBFBF;
	height:90px;
	margin:6px 0;
	width:470px;
}
#form-box input,
#form-box select {
	border:1px solid #BFBFBF;
	clear:right;
	float:right;
	margin:3px 0;
	width:190px;
}
#form-box label {
	float:left;
}
#form-box input#submit,
#form-box input.submit,
#form-box input#please-wait {
	border:0 none;
	float:left;
	margin-top:16px;
	width:auto;
}
#form-box div {
	float:left;
	margin:3px 0;
}


/* Pagination */

.pagination-bottom {
	border-top:solid 1px #00a0c6;
	width:510px;
	overflow:hidden;
	padding-top:10px;
}
.pagination {
	float:right;
	margin-bottom:10px;
	width:auto !important;
	overflow:auto !important;
}
.pagination li {
	list-style-type:none;
	float:left !important;
	margin-right:5px;
	color:#333;
	font:13px Arial, Helvetica, sans-serif !important;
}
.pagination .previous {
	margin-right:10px;
}
.pagination .next {
	margin-left:10px;
}
.pagination a {
	color:#d010b1 !important;
	display:inline !important;
	height:auto !important;
	padding-top:0 !important;
}
.pagination a:hover {
	text-decoration:underline !important;
}
.pagination .page-no {
	margin:0 0 0 10px;
}

/***********************************************************************
	7 - RHS
************************************************************************/

#mums-quicklinks {
	float:right;
	width:175px;
}
#mums-quicklinks h3 {
    font-size:18px;
    color:#d010b1;
    margin-bottom:3px;
}
#mums-quicklinks .links {
	border-top:1px dotted #C0C0C0;
}
#mums-quicklinks .links,
#mums-quicklinks #buttons,
#home #mums-quicklinks .links,
#mums-quicklinks #buttons-homepage,
#home #mums-quicklinks #search-buttons,
#home #mums-quicklinks .featured-employer {
    border-bottom:dotted 1px #c0c0c0;
    padding-bottom:14px;
    margin:2px 0 10px 0;
    overflow:hidden;
}
#home #mums-quicklinks .links {
    padding-bottom:4px;
}
#mums-quicklinks #buttons {
    width:140px;
    padding:14px 16px 20px 20px;
    background:#fff url(/images/bg-button-module.png) top left no-repeat;
}
#mums-quicklinks #buttons img,
#mums-quicklinks #buttons-homepage img {
    margin-bottom:4px;
}        
#mums-quicklinks #buttons-homepage {
    padding:0 16px 8px 0;
    margin-top:-1px;
}
#mums-quicklinks .links {
    padding:10px 0 4px 0;
    border-top:dotted 1px #c0c0c0;
}
#mums-quicklinks .links ul {
    margin-bottom:16px;
}
#mums-quicklinks .poll-box-top {
    background:#e6f6f9 url(/images/corner-left-blue.gif) top left no-repeat;
    height:34px;
} 
#mums-quicklinks .poll-box {
    background-color:#e6f6f9;
    margin:-18px 0 10px 0;
    padding:0 14px;
    padding-bottom:4px;
} 
.poll-box form {
    margin:8px 0;
} 
.poll-box label {
    margin-right:4px;
}
.poll-box input {
    margin-right:4px;
}
.poll-box li {
	list-style-type:none;
	font-size:13px;
}
.poll-box input#submit-vote {
    margin-top:10px;
} 
#mums-sky {
    text-align:center;
}
.spacer {
	height:10px;
}
#mums-quicklinks label {
	color:#666;
	font-size:12px;
	line-height:130%;
}


/***********************************************************************
	8 - TESTIMONIALS
************************************************************************/

#testimonials_emp #search-results .box h2,
#testimonials-mums_emp #search-results .box h2 {
	float:left;
	color:#00A0C6;
}
#testimonials_emp #search-results .box p.more,
#testimonials-mums_emp #search-results .box p.more {
	float:right;
	margin-top:1.4em;
}
#testimonials_emp p.more a {
	color:#D010B1;
	font:bold 12px Arial, Helvetica, sans-serif;
}
#testimonials_emp #search-results .box p.more a,
#testimonials-mums_emp #search-results .box p.more a {
	background-color:#D010B1;
	color:#fff;
	padding:0 0.4em;
	text-decoration:none;
}
#testimonials-mums_emp #search-results .box p.more a {
	background-color:#00A0C6;
}
#testimonials-mums_emp .result-entry h4,
#testimonials_emp #search-results .box h3,
#testimonials-mums_emp #search-results h3 {
	color:#D010B1;
	clear:both;
}
#testimonials_emp #search-results .box h2,
#testimonials_emp #search-results .box h3 span,
#testimonials-mums_emp #search-results .box p.more a:hover,
#testimonials-mums_emp #search-results h3,
#testimonials-mums_emp #search-results .box h2 {
	color:#00A0C6;
}
#testimonials_emp .result-entry,
#testimonials-mums_emp .result-entry {
	background-color:#E6F6F9;
	border:1px dotted #00A0C6;
	margin-bottom:14px;
	padding:10px 12px 12px 12px;
}
#testimonials-mums_emp .result-entry {
	background-color:#FAE8F7;
	border:1px dotted #D010B1;
}
#testimonials_emp #search-results h4,
#testimonials-mums_emp #search-results h4 {
	margin-bottom:0.4em;
	font-weight:bold;
	color:#00A0C6;
}
#testimonials-mums_emp #search-results h4  {
	color:#D010B1;
}
#testimonials_emp #search-results blockquote {
	color:#333;
	line-height:140%;
}


.h1-article-floatleft{
	float:left;	
	width:320px;
	}
.h2-floatleft {
	float:left;	
	margin-top:10px;
}
.poll-heading {
	margin:0;
	text-align:center;
}

.associated-with {
 float: right;
 margin-bottom:10px;
}
.associated-with p {
  float:left;
  margin-right:5px;
  color:#333333;
  font:bold 13px/40px Helvetica,Arial,sans-serif;
}
.poll-content {
	width:80px;
	margin:5px auto 10px auto;
	float:none;
}