/*

	HR Checkup main stylesheet

*/

/* =General
---------------------------------------------------------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
	border: 0;
}

ul, ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}

body {
	background: #fff url('../images/background.gif') repeat-x;
	font-family: 'Trebuchet MS', arial, verdana, sans-serif;
	font-size: 14px;
}

table tr td {
	font-family: 'Trebuchet MS', arial, verdana, sans-serif;
	font-size: 13px;
	vertical-align: top;
}

img, a img {
	border: 0;
}

.clearit:after { 
    content: "."; 
    display: block; 
    clear: both; 
    height: 0; 
    visibility: hidden; 
}

.clearit { 
    min-height: 0; 
    height: 0; 
}

html>body .clearit { 
    height: auto; 
}

.clear {
	clear: both;
	display: block;
	width: 100%;
	height: 0;
	font-size: 1px;
}


/* =Branding
--------------------------------------------------------------------------------------------------- */
#wrapper #logout {
	float:right;
	position:absolute;
	right: 10px;
	font-size:10px;
	color: #FFFFFF;
}

#wrapper #logout a {
	text-decoration: none;
	color: #FFFFFF;
	outline: none;
}

#wrapper #branding #logo {
	background:url("../images/hrlogo.png") no-repeat scroll 0 0 transparent;
	float:left;
	height:72px;
	margin-top:30px;
	padding:50px 0;
	text-indent:-9999px;
	width:454px;
}
#wrapper #branding #logo_fr {
	background:url("../images/hrlogo_fr.png") no-repeat scroll 0 0 transparent;
	float:left;
	height:72px;
	margin-top:30px;
	padding:50px 0;
	text-indent:-9999px;
	width:454px;
}
#top_buttons{
	float:right;
	position:relative;
	top:14px;
}



/* =Top navigation
---------------------------------------------------------------------------------------------------- */
#top-nav{
	background:url("../images/cloud_bg.png") no-repeat scroll 0 0 transparent;
	clear:both;
	height:258px;
	width:997px;
	margin:auto;
}
#top-nav h2{
	color:#A72D2C;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:24px;
	padding:50px 60px 10px;
	width:600px;
}
#top-nav p{
	color:#6394ac;
	font-family:Arial, Helvetica, sans-serif;
	padding:0 60px;
	width:550px;
	font-size:16px;
}
#top-nav-smaller{
	background:url("../images/cloud_bg_smaller.png") no-repeat scroll 0 0 transparent;
	clear:both;
	height:258px;
	width:997px;
	margin:auto;
}
#top-nav-smaller h2{
	color:#A72D2C;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:28px;
	padding:50px 60px 10px;
	width:600px;
}
#top-nav-smaller p{
	color:#6394ac;
	font-family:Arial, Helvetica, sans-serif;
	padding:0 60px;
	width:550px;
	font-size:16px;
}
#topArrow{
	margin:0 40px 40px 0;
}
#top-nav-smaller #topArrow{
	margin:0 40px 40px 40px;
}
#hrCheckup{

}
#hrCheckupDiv1{
	width:600px;
	float:left;
}
#hrCheckupDiv2{
	float:left;
	padding-top:60px;
	text-align:center;
	width:380px;
}
#top-nav-smaller #hrCheckupDiv2{
	float:left;
	padding-top:40px;
	text-align:center;
	width:380px;
}
#top-nav-smaller #hrCheckup{

}
#hrcouncilLogo{
	left:110px;
	position:relative;
	top:40px;	
}

/* =Main navigation
---------------------------------------------------------------------------------------------------- */
#main-nav{
	padding:10px 17px 0;
	height:100px;
}
#takenCheckup{
	color:#A7C3CE;
	font-family:Arial,Helvetica,sans-serif;
	font-size:13px;
	font-weight:bold;
	left:10px;
	position:relative;
	top:34px;
	width:250px;
}
#spreadWord{
	position:relative;
	top:10px;
	float:right;
}


/* =Layout
---------------------------------------------------------------------------------------------------- */
#wrapper {
	width: 1020px;
	margin: 0 auto;
}

#wrapper #main-content {
	height:auto !important;
	margin:auto;
	min-height:550px;
	width:990px;
}
/*For the who.cfm page without top cloud*/
#wrapper #main-content-only {
	clear:both;
	height:auto !important;
	margin:auto;
	min-height:550px;
	padding-top:50px;
	width:990px;
}

#wrapper #text-content {
	padding: 26px 22px;
}

/* =Main Content
---------------------------------------------------------------------------------------------------- */
/*----------------------LANDING PAGE STUFF-----------------------------------------------------------*/
.bucket{
	background:url(../images/bucket.png) no-repeat;
	width:270px;
	padding:10px 21px;
	float:left;
}
.bucketMargin{
	margin-right:25px;
}
.bucketBlock{
	padding:10px 20px 20px;
	/*background:url("../images/bucketBlockBottom.png") repeat-x scroll center bottom transparent;*/
}
.bucketTitle{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#78b05f;
	font-size:22px;
	border-bottom:1px dashed;
	line-height:45px;
}
.bucketHeading{
	margin-top:10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color:#505c43;
}
.bucketText{
	font-family:Arial, Helvetica, sans-serif;
	color:#898888;
	font-size:12px;
	margin-top:10px;
	padding-right:30px;
}
.bucketButton{
	float:right;
	margin-top:15px;
}
.bucketTextLink{
	color:#a72d2c;
}
.readMoreLink{
	text-align:right;
}
.readMoreLink a{
	text-align:right;
	text-decoration:none;
	color:#6394ac;
}
/*-----------------STUFF FOR SPREAD THE WORD PAGE-----------------------------------------------------*/
.spreadWordContentBlock{
	width:95%;
	min-height:150px;
}
.spreadWordIcon{
	float:left;
	width:30%;
	text-align:center;
	clear:left;
}
.spreadWordIcon p{
	color:#78B05F;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:22px;
}
.spreadWordText{
	float:left;
	width:70%;
	font-family:Verdana, Geneva, sans-serif;
	padding-top:20px;
	color:#898888;
}
.rightAngleQuoteLink{
	color:#A7C3CE;
	font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
	text-decoration:none;
}
.rightAngleQuoteLinkSmaller{
	color:#78a2b7;
	font-family:Verdana, Geneva, sans-serif;
	font-size:15px;
	text-decoration:none;
}
.smallBlueLink{
	color:#6394ac;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	text-decoration:none;
}
.redLink{
	color:#A72D2C;
}
.styledul{
	margin:10px 20px;	
}
.styledul li{
	list-style:disc; 	
}
/*----------------------------MISC STYLING----------------------------------------------------------*/
.greyParaText{
	color:#898888;
	margin-top:10px;
}
.greyHeadingText{
	color:#898888;
	margin-top:10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
}
.greenHeadingText{
	color:#78B05F;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:18px;
	font-weight:bold;
}
.greenText{
	color:#78B05F;
	font-family:Georgia, "Times New Roman", Times, serif;
}
.largeNumberText{
	color:#78B05F;
	font-family:Georgia,'Times New Roman',Times,serif;
	font-size:70px;
	margin-top:15px;
	display:inline;
}
#largeNumberContainer{
	width:280px;
}
#viewPrescription{
	position:relative;
	right:-260px;
	top:-70px;
	left:245px;
}
.redHeadingText{
	color:#A72D2C;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:24px;
	margin-bottom:5px;
}
.redText{
	color:#A72D2C;
	font-family:Georgia,"Times New Roman",Times,serif;
}
.textPageContainer{
	clear:both;
	margin-top:30px;
	padding-top:50px;
}
#centerResults{
	width:450px;
	margin:auto;
	height:110px;
}
#prescription{
	padding:20px;
	margin-top:30px;
	background:none;
}
#prescription h2{
	color:#32748E;
	font-family:georgia;
	font-size:16px;
	margin-bottom:10px;
}
#prescription ul li{
	color:#32748E;
	font-family:georgia;
}
#prescription a{
	color:#a52d2c;
	font-family:georgia;
}
#resultsUl li{
	float:left;
	margin-right:5px;
	list-style:none;
}
#resultsUl {
	clear:left;
	padding:0;
	margin-top:20px;
}

/*-------------------------------------IFRAME STYLING------------------------------------------------*/
.iframeContainer{
	background:url(../images/iframe_bg.png) repeat-x;
	padding:30px;
	min-height:300px;
}
.hrinput{
	border:1px solid #CCC;
	padding:2px;
	margin-bottom:10px;
}
.floatLeftCircle{
	float:left;
	width:60px;
	padding-top:15px;
}
.floatRightCircle{
	float:left;
	width:800px;
}
.floatedContentContainer{
	clear:left;
	min-height:100px;
}
.leftArrowNav{
	float:left;
	clear:left;
}
.rightArrowNav{
	float:right;
	
}
.lefttd{
	color:#78B05F;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	padding-bottom:5px;
	text-transform: uppercase;
}
.righttd{
	color:#898888;
	padding-bottom:20px;
}
.quiztd{
	width:200px;
}
.quiztd input{
	margin-top:10px
}
#aboutYouTable1 .hrinput{
	width:146px;
}
#aboutYouTable2 .hrinput{
	width:300px;
}
#aboutOrganizationTable input, select{
	width:200px;
	margin-right:10px;
}
/* =Footer
---------------------------------------------------------------------------------------------------- */
/*left and right footer images*/
#leftFooter{
	background:url(../images/left_footer.png) no-repeat;
	width:350px;
	height:170px;
	float:left;
}
#rightFooter{
	background:url(../images/right_footer.png) no-repeat;
	width:350px;
	height:170px;
	float:right;
}
#preFooter{
	height:170px;
	width:100%;
	background:url(../images/pre_footer.png) repeat-x;
	clear:both;
}
	
/*green footer itself*/
#footer{
	background:#78b05f;
	height:121px;
	width:100%;
	clear:both;
}
#footerText{
	width:960px;
	margin:auto;
	font-size:10px;
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	padding-top:30px;
}
#footerText a{
	color:#FFF;
}
#leftFooterText{
	float:left;
}
#rightFooterText{
	float:right;
}
#canadaFooter{
	float:right;
	margin:5px 0 0 10px;
}


/* =Lists
----------------------------------------------------------------------------------------------------*/

.iframeContainer ul li{
	padding: 0 0 0 26px;
	margin: 0;
	list-style:square;
}
.iframeContainer ul li{
	padding: 0 10px 10px 0;
}

/* =Tabs
---------------------------------------------------------------------------------------------------- */

ul.tabs {
	margin: 0;
	padding: 0;
	float: right;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
}

ul.tabs li {
	float: left;
	margin-left: 10px;
	display: block;
	background:url(../images/greyTabRight.png) no-repeat top right;
	
}

ul.tabs li span {
	
	background:url(../images/greyTabLeft.png) no-repeat top left;
	display: block;
	padding:6px 7px 5px 9px;
	color:#fff;
	line-height:21px;
}

ul.tabs li a {
	text-decoration: none;
	display: block;
	outline: none;
}

ul.tabs li.active, ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	
	background: #fff;
	background:url(../images/greenTabRight.png) no-repeat top right;
}

ul.tabs li.active span {
	background:url(../images/greenTabLeft.png) no-repeat top left;
	padding:6px 7px 5px 9px;
	color:#fff;
	line-height:21px;
}
.tab_container {
	border-top: none;tab
	overflow: hidden;
	clear: both;
	float: left; 
	width: 100%;
}
.who_tab_container {
	border-top: none;tab
	overflow: hidden;
	clear: both;
	float: left; 
	width: 100%;
	background:url(../images/whoBucket.png) no-repeat;
	min-height:240px;
}
.who_tab_container  a{
	color:#32748e;
	text-decoration:none;	
}
.who_tab_container  a:hover{
	color:#333;
	text-decoration:none;	
}
.tab_content {
	padding: 20px;
	margin-top:60px;
}
#WhoTabsBlock ul{
	float:left;
	padding:0 10px;
}
#TabsBlock ul{
	float:right;
	padding:0 20px;
}
#TabsBlock ul li{
	margin:0 10px 0 0;
}
.tab_content table td.separator{
	background:url("../images/whoBucketSeparator.png") repeat-y scroll right 0 transparent;
	text-align:center;
}
/* =Top Arrows
---------------------------------------------------------------------------------------------------- */
#arrowContainer {
	display: block;	
	font-size: 12px;
	margin-bottom: 20px;
}

.greenButtonLeft  {
	background:url(../images/greenRight.png) no-repeat top right;
	margin-left: 9px;
	display:block;
	float:left;
	padding-right:11px;
	text-decoration:none;
}

.greenButtonRight{
	background:url(../images/greenLeft.png) no-repeat top left;
	margin-left: -9px;
	padding:6px 20px 5px 9px;
	color:#fff;
	line-height:21px;
	display:block;
}

.greenButtonLeft-off{
	background:url(../images/greenRight-off.png) no-repeat top right;
	margin-left: 9px;
	display:block;
	float:left;
	padding-right:11px;
	text-decoration:none;

}
.greenButtonRight-off{
	background:url(../images/greenLeft-off.png) no-repeat top left;
	margin-left: -9px;
	padding:6px 20px 5px 9px;
	color:#fff;
	line-height:21px;
	display:block;
}

.blueButtonLeft  {
	background:url(../images/blueRight.png) no-repeat top right;
	margin-left: 22px;
	display:block;
	float:left;
	padding-right:11px;
	text-decoration:none;
}

.blueButtonRight {
	background:url(../images/blueLeft.png) no-repeat top left;
	margin-left: -22px;
	padding:6px 20px 5px 22px;
	color:#fff;
	line-height:21px;
	display:block;
}

.blueButtonLeft-off  {
	background:url(../images/blueRight-off.png) no-repeat top right;
	margin-left: 22px;
	display:block;
	float:left;
	padding-right:11px;
	text-decoration:none;
}

.blueButtonRight-off {
	background:url(../images/blueLeft-off.png) no-repeat top left;
	margin-left: -22px;
	padding:6px 20px 5px 22px;
	color:#fff;
	line-height:21px;
	display:block;
}

.greyButtonLeft-on  {
	background:url(../images/greyRight-on.png) no-repeat top right;
	margin-left: 22px;
	display:block;
	float:left;
	padding-right:11px;
	text-decoration:none;
}

.greyButtonRight-on {
	background:url(../images/greyLeft-on.png) no-repeat top left;
	margin-left: -22px;
	padding:6px 20px 5px 22px;
	color:#fff;
	line-height:21px;
	display:block;
}

.greyButtonLeft  {
	background:url(../images/greyRight.png) no-repeat top right;
	margin-left: 22px;
	display:block;
	float:left;
	padding-right:11px;
	text-decoration:none;
}

.greyButtonRight {
	background:url(../images/greyLeft.png) no-repeat top left;
	margin-left: -22px;
	padding:6px 20px 5px 22px;
	color:#fff;
	line-height:21px;
	display:block;
}

.greyPointButtonLeft  {
	background:url(../images/greyPointRight-on.png) no-repeat top right;
	margin-left: 22px;
	display:block;
	float:left;
	padding-right:11px;
	text-decoration:none;
}

.greyPointButtonRight {
	background:url(../images/greyPointLeft-on.png) no-repeat top left;
	margin-left: -22px;
	padding:6px 0 5px 9px;
	color:#fff;
	line-height:21px;
	display:block;
}

.greyPointButtonLeft-off  {
	background:url(../images/greyPointRight.png) no-repeat top right;
	margin-left: 22px;
	display:block;
	float:left;
	padding-right:11px;
	text-decoration:none;
}

.greyPointButtonRight-off {
	background:url(../images/greyPointLeft.png) no-repeat top left;
	margin-left: -22px;
	padding:6px 0 5px 9px;
	color:#fff;
	line-height:21px;
	display:block;
}

#arrowContainer div{
	float:left;
}


/* =Line Graphs
---------------------------------------------------------------------------------------------------- */
.bluff-wrapper {
	background:url(../images/bg_chart.jpg) no-repeat 0 0;
}	
#chartcontainer canvas{
	background:url(../images/graph_bg.png) bottom center repeat-x;
	
}	
	

/* =Bar Graphs
---------------------------------------------------------------------------------------------------- */
.graph {
		background:url("../images/graph_bg.png") repeat-x scroll center bottom transparent;
		padding: 0 30px 0;
	  }
      
      table.graph {
     	border-left: solid 1px #999999;
     	border-bottom: solid 1px #999999;
      }
      
      .graph td {
		background:url("../images/flyout_bg.png") no-repeat scroll 0 0 transparent;
		color:#6394AC;
		font-family:georgia;
		font-size:17px;
		line-height:32px;
		padding:4px 8px 4px 13px;
      }
      
      .graph thead th {
        border-bottom: double 3px black;
        font-family: verdana, arial, sans serif;
        padding: 1em;
      }
    
      .graph tfoot td {
        border-top: solid 1px #999999;
        font-size: x-small;
        color: #666666;
      }

      .bar {
        background-color: white;
        text-align: right;
        padding-right: 0.5em;
        width: 400px;
      }
	  
	  .graph .bar{
			background-image:none;	
			padding:10px 0;
	  }
	  
	  .graph tfoot td{
			background-image:none;	  
	  }
      
      .bar div { 
        border-top: solid 2px #0077DD;
        background-color: #004080;
        border-bottom: solid 2px #002266;
        text-align: right;
        color: white;
        float: left;
        padding-top: 0;
        height: 1em;
      }
      
      .bar div { 
        text-align: right;
        color: white;
        float: left;
        padding-top: 0;
        height: 34px;
      }
      
      .bar div.score {
		background:url("../images/greenBar_bg.png") repeat-x scroll 0 0 transparent;
		border:medium none;
		height:35px;
      }
      
      .bar div.average {
		background:url("../images/blueBar_bg.png") repeat-x scroll 0 0 transparent;
		border:medium none;
		height:35px;
      }
	  
	  
	  
/* =HomePage Counter
---------------------------------------------------------------------------------------------------- */
#counterContainer{
	background:url("../images/counterBucket.png") no-repeat scroll 0 0 transparent;
	float:left;
	height:90px;
	padding-left:16px;
	width:645px;
	
}
#organization_counter div {
	background:url("../images/counter_bg.png") no-repeat scroll 0 0 transparent;
	color:#FFFFFF;
	float:left;
	font-family:verdana;
	font-size:48px;
	height:56px;
	line-height:51px;
	text-align:center;
	width:41px;
}
#organization_counter div#c3 {
	margin-right:10px;
}
#organization_counter {
	float:left;
	height:60px;
	position:relative;
	top:-7px;
	width:262px;
}
#organization_scroller{
	left:273px;
	top:13px;
	position:relative;
	width:345px;
}
#organization_scroller p{
	font-size:18px;
}
#organization_scroller span{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#aaa;
	width:395px;
	font-size:20px;
}
#sharethis_0 .stico_default{
	color:#A7C3CE;
	font-size:18px;
	text-decoration:none;
}
#main-content-only .bulletedList{
	margin-top:20px;
}
#main-content-only .bulletedList li{
	list-style:square;
	color:#3274a1;
}
#main-content-only .bulletedList li a{
	color:#3274a1;
	text-decoration:none;
	font-family:Georgia, "Times New Roman", Times, serif;
}
#main-content-only .bulletedList li a:hover{
	color:#333;
}

.tagEditor
{
	margin: 4px 0;
	padding: 0;
}

.tagEditor li
{
	background-image: url(../images/minus_small.png);
	background-color: #eef;
	background-position: right center;
	background-repeat: no-repeat;
	list-style-type: none;
	padding: 0 18px 0 6px;
	margin: 0 4px;	
	cursor: pointer;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.tagEditor li:hover
{
	background-color: #eee;
}
/*-------------------webinars styling--------------------------*/
#webinarTable{

}
#webinarTableContainer{
	padding:20px 30px;
	min-height:220px;
	background:url(../images/webinarBucket.png) no-repeat;
	margin-top:20px;
}
#webinarTable td{
	padding-right:50px;
}
#webinarTable td a{
	color:#32748e;
	text-decoration:none;
}
#webinarTable td a:hover{
	color:#333;
}
.webinarsList{
	margin-left:40px;
}
.webinarsList li{
	list-style:square;
}
.greenSeparator{
	margin:30px 0;
}
.hrlink{
	color:#32748e;
	text-decoration:none;
}
.hrlink:hover{
	color:#333;
}
.paraText{
	margin:20px auto;
}
.email-preview p {
	padding-bottom: 10px;
}
#badgedata{
	background:#f8f8f8;
	border:1px solid #ccc;
	padding:20px;
}