@charset "UTF-8";
/* CSS Document */
/* RESET */
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* END OF RESET */
body {
	background-image:url(/images/background.gif);
	background-repeat: repeat-x;
	margin: auto;
	/*text-align: center;*/
	background-color: #003156;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica;
	color: #676767;
	font-size: 12px;
	line-height: 18px;
}
strong, b {
	font-weight:bold;
}
.container {
	width: 976px;
	margin: auto;
	/*text-align: center;*/
}
.header {
	width: 976px;
	height: 104px;
}
.workmatters-logo {
	width: 238px;
	height: 104px;
	float: left;
}
.unum-logo {
	width: 97px;
	height: 104px;
	float: right;
}
.nav {
	width: 976px;
}
/* FHD */
div.sub-nav {
	background:#CCC url(/images/top-bar_background.gif);
}
div.sub-nav ul{
	font:normal 12px/120% "Trebuchet MS", Verdana, Arial, Helvetica;
	margin:0 0 0 12px;
	padding:0;
	height:33px;
}
div.sub-nav ul li{
	display:inline;
	margin:1px 3px 0 5px;
	padding:0;
	float:left;
	}
div.sub-nav ul li a{
	display:block;
	text-decoration:none;
	padding: 0 12px 0 0;
	margin:8px 12px 8px 0;
	width:auto;
	color:#676767;
	border-right:1px solid #676767;
}
div.sub-nav ul li a.end{
	border-right:none;
}
div.sub-nav ul li.selected a, div.sub-nav ul li a:hover{
	color:#000;
}
/* FHD */
div.sub-nav ul.contact{
	font:normal 12px/120% "Trebuchet MS", Verdana, Arial, Helvetica;
	margin:0;
	padding:0;
	height:33px;
	float:right;
}
div.sub-nav ul.contact li{
	display:inline;
	margin:1px 6px 0 5px;
	padding:8px 12px;
	float:left;
	color:#676767;
	}
/* FHD */
div.nav ul{
	font:bold 12px/120% "Trebuchet MS", Verdana, Arial, Helvetica;
	margin:0;
	padding:0;
}
div.nav ul li{
	display:inline;
	margin:0 3px 0 0;
	padding:0;
	float:left;
	}
div.nav ul li a{
	display:block;
	text-decoration:none;
	padding:8px 10px;
	margin:0;
	width:auto;
	color:#FFF;
}
div.nav ul li.nav-lw a{
	display:block;
	text-decoration:none;
	text-indent:-3000px;
	padding:8px 14px;
	margin:0;
	width:100px;
	color:#FFF;
}
div.nav ul li.nav-cm{
	width:140px;
}
div.nav ul li.selected a, div.nav ul li a:hover{
	color:#000;
}
.nav-h{ background:#5E88A1 url(/images/nav/h.jpg) 0 0 no-repeat;}
.nav-lw{ background:#5E88A1 url(/images/nav/lw.jpg) 0 0 no-repeat;}
.nav-at{ background:#B193A9 url(/images/nav/at.jpg) 0 0 no-repeat;}
.nav-aa{ background:#ABA882 url(/images/nav/aa.jpg) 0 0 no-repeat;}
.nav-rt{ background:#E48C2A url(/images/nav/rt.jpg) 0 0 no-repeat;}
.nav-od{ background:#D6A11F url(/images/nav/od.jpg) 0 0 no-repeat;}
.nav-c{ background:#4F9193 url(/images/nav/c.jpg) 0 0 no-repeat;}
.nav-cm{ background:#009ABC url(/images/nav/cm.jpg) 0 0 no-repeat;}

.banner, .banner img {
	clear:both;
	display:block;
	width: 976px;
	height: 194px;
	margin:0;
	padding:0;
}
.content {
	width: 946px;
	height: auto;
	background-color:#FFFFFF;
	float: left;
	padding:20px 15px;
}
.content p{
	padding:0 10px 18px 0;
}
.content ul{
	list-style-type:square;
	list-style-position:inside;
	margin:0 10px 0 0;
	padding:0;
}
.content ul li{
	margin: 0 0 18px 0;
	padding:0;
}
.content ul ul li{
	font-style:italic;
	margin: 0;
	padding:0;
}
.content ul ul{
	list-style-type:none;
	list-style-position:outside;
}
div.content div.column-2 ul.homepage-products{
	list-style-type:none;
	list-style-position:outside;
	font:bold 14px/120% "Trebuchet MS", Verdana, Arial, Helvetica;
	margin:0 6px 0 0;
	padding:0;
}
div.content div.column-2 ul.homepage-products li{
	margin:0 0 5px 0;
	padding:0 0 0 10px;
}
div.content div.column-2 ul.homepage-products li a{
	display:block;
	height:16px;
	text-decoration:none;
	color:#FFFFFF;
	margin:0;
	padding:10px 0;
}
ul.homepage-products li.nav-lw{background:#5E88A1 url(/images/homepage/lw.jpg) 0 0 no-repeat;}
div.content div.column-2 ul.homepage-products li.nav-lw a {padding:13px 0 7px 140px;}
ul.homepage-products li.nav-at{ background:#B193A9 url(/images/homepage/at.jpg) 0 0 no-repeat;}
ul.homepage-products li.nav-aa{ background:#ABA882 url(/images/homepage/aa.jpg) 0 0 no-repeat;}
ul.homepage-products li.nav-rt{ background:#E48C2A url(/images/homepage/rt.jpg) 0 0 no-repeat;}
ul.homepage-products li.nav-od{ background:#D6A11F url(/images/homepage/od.jpg) 0 0 no-repeat;}
ul.homepage-products li.nav-c{ background:#4F9193 url(/images/homepage/c.jpg) 0 0 no-repeat;}
ul.homepage-products li.nav-cm{ background:#009ABC url(/images/homepage/cm.jpg) 0 0 no-repeat;}
/* the module bits */
ul.modules{
	list-style-type:none;
	list-style-position:outside;
	font:bold 13px/120% "Trebuchet MS", Verdana, Arial, Helvetica;
	margin:15px 0px 15px 5px;
	padding:0;
	border-top:1px solid #CCC;
}
ul.modules li{
	margin:0;
	padding:0 0 0px 10px;
	border-bottom:1px solid #CCC;
}
ul.modules li a{
	display:block;
	height:54px;
	text-decoration:none;
	color:#FFFFFF;
	margin:0;
	padding:20px 0 0 75px;
}
ul.modules li.download{
	background-image: url(/images/modules/download.jpg);
}
ul.modules li.tour{
	background-image: url(/images/modules/tour.jpg);
}
ul.modules li.request{
	background-image: url(/images/modules/request.jpg);
}
ul.modules li.contact{
	background-image: url(/images/modules/contact.jpg);
}
ul.modules li.nav-lw{background-color:#5E88A1; background-position:-1440px 0px;}
ul.modules li.nav-at{background-color:#B193A9; background-position:0px 0px;}
ul.modules li.nav-aa{background-color:#ABA882; background-position:-240px 0px;}
ul.modules li.nav-rt{background-color:#E48C2A; background-position:-480px 0px;}
ul.modules li.nav-od{background-color:#D6A11F; background-position:-720px 0px;}
ul.modules li.nav-c{background-color:#4F9193; background-position:-960px 0px;}
ul.modules li.nav-cm{background-color:#009ABC; background-position:-1200px 0px;}
/**/
ul.modules li.nav-lw:hover{background-color:#5E88A1; background-position:-1440px -75px;}
ul.modules li.nav-at:hover{background-color:#B193A9; background-position:0px -75px;}
ul.modules li.nav-aa:hover{background-color:#ABA882; background-position:-240px -75px;}
ul.modules li.nav-rt:hover{background-color:#E48C2A; background-position:-480px -75px;}
ul.modules li.nav-od:hover{background-color:#D6A11F; background-position:-720px -75px;}
ul.modules li.nav-c:hover{background-color:#4F9193; background-position:-960px -75px;}
ul.modules li.nav-cm:hover{background-color:#009ABC; background-position:-1200px -75px;}
/* modules end */
.content-inner {
	width: 942px;
	height: auto;
	margin: 20px 15px 15px 15px;
	float: left; 
	background-image: url(/images/content-background.gif);
	background-repeat: repeat-y;
}
.content1-inner {
	width: 700px;
	height: auto;
	margin: 0 15px 15px 15px;
	float: left; 
	margin-top: 20px;
	text-align: left;
}
.workmatters-banner {
	width: 978px;
	height: 321px;
}
.column-1 {
	width: 310px;
	height: auto;
	background-color:#FFFFFF;
	float: left;
	border-right: #CCCCCC 1px solid;
	text-align: left;
	margin:0;
	padding:0;
}
.column-1_inner {
	width: 290px;
	margin: 0 10px 10px 0;
}
.column-2 {
	width: 375px;
	height: auto;
	background-color:#FFFFFF;
	float: left;
	border-right: #CCCCCC 1px solid;
	text-align: left;
	padding: 0 0 0 5px;
}
.column-2_inner {
	width: 370px;
	margin: 0 5px 10px 5px;
	padding: 0 0 0 5px;
	text-align: left;
}
.column-3 {
	height: auto;
	width:240px;
	float: left;
	text-align: left;
	margin:0;
	padding: 0 0 10px 5px;
}
.column-3_inner {
	width: 240px;
	margin: 0 0 10px 5px;
	text-align: left;
}	
#video {
	width: 370px;
	padding: 0;
	margin-bottom: 15px;
}
dl.news{
	background-color: #e5eaf0;
	width:245px;
}
dl.news dt{
	color: #013567;
	font: bold 14px/120% "Trebuchet MS", Verdana, Arial, Helvetica;
	padding: 10px;
	background:none;
}
dl.news dd{
	color: #676767;
	font-size: 12px;
	padding: 0 10px 10px 10px;
	text-align: left;
}
.news-title {
	width: 245px;
	height: 38px;
	background-color: #013567;
}
.news-title-text {
	color: #FFFFFF;
	font-size: 14px;
	padding: 10px;
	text-align: left;
}
.news-story_container {
	width: 245px;
	height: auto;
	background-color: #e5eaf0;
}
.news-story_inner-container {
	width: 225px;
	height: auto;
	margin: 10px;
	margin-top:0;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
}
.news-story_inner-container p {
	margin-top: 0;
	padding-top: 0;
}
.news-story_inner-container a {
	font-size: 10px;
	color: #013567;
}
.workmatters-flash {
	width: 714px;
	height: 453px;
	float: left;
	background-color:#FFFFFF;
}
.workmatters-column {
	width: 264px;
	height: 454px;
	float: left;
}
.workmatters-container {
	width: 978px;
	height: 454px;
}
h1 {
	font-size: 15px;
	color: #013567;
	padding:0;
	margin: 0;
}
h2 {
	font:normal 15px/120% "Trebuchet MS", Verdana, Arial, Helvetica;
	color: #013567;
	padding:0;
	margin: 0 0 18px 0;
	background:none;
}
h2.nav-h {
	font-weight:bold;
	color: #013567;
	background:none;
}
h2.nav-lw {
	font-weight:normal;
	color: #015294;
	background:none;
}
blockquote.nav-lw {
	font-weight:bold;
	color: #015294;
	background:none;
}
h2.nav-at {
	color: #B193A9;
	background:none;
}
h2.nav-aa {
	color: #ABA882;
	background:none;
}
h2.nav-rt {
	color: #E48C2A;
	background:none;
}
h2.nav-od {
	color: #D6A11F;
	background:none;
}
h2.nav-c {
	color: #4F9193;
	background:none;
}
h2.nav-cm {
	color: #009ABC;
	background:none;
}
.keyline {
	border-top: #CCCCCC 1px solid;
	padding-top: 5px;
	padding-bottom: 5px;
	width: auto;
}	

/* ABSENCE TRACKER STYLES */
.tracker-titles {
	font-size: 15px;
	color: #9E7E99;
	padding:0;
	margin: 0;
}
.column1_button-container {
	width: 290px;
	height: auto;
	border-top: #CCCCCC 1px solid;
	border-bottom: #CCCCCC 1px solid;
	margin: 10px 0 15px 0;
}
.columnn1_button {
	width: 241px;
	height: 67px;
	padding-top: 10px;
	padding-bottom: 5px;
	margin-left: 20px;
}
.tracker-moreinfo a {
	font-size: 11px;
	color: #9E7E99;
	text-decoration: none;
}
.tracker-moreinfo a:hover {
	color: #9E7E99;
	text-decoration: underline;
}
.tracker-moreinfo-large a {
	color: #9E7E99;
	text-decoration: none;
}
.tracker-moreinfo-large a:hover {
	color: #9E7E99;
	text-decoration: underline;
}
.tracker-benefits-container {
	width: 290px;
	height: 52px;
	background-color: #EBE4EA;
	margin-bottom: 2px;
}
.tracker-benefits-inner {
	width: 270px;
	height: 32px;
	margin: 0 10px 0px 10px;
	padding-top: 10px;

}

/* ABSENCE ASSESSMENT STYLES */
.assessment-titles {
	font-size: 15px;
	color: #9A996E;
	padding:0;
	margin: 0;
}
.assessment-quote, blockquote {
	font-weight:bold;
	font-size: 13px;
	color: #9A996E;
	padding:0;
	margin: 0;
}
.assessment-quote span, blockquote span {
	font-weight:normal;
}
a.wm-links {
	color: #013567;
	text-decoration: none;
}
a.wm-links:hover {
	color: #013567;
	text-decoration: underline;
}
a.assessment-links {
	color: #9A996E;
	text-decoration: none;
}
a.assessment-links:hover {
	color: #9A996E;
	text-decoration: underline;
}

.training-titles {
	font-size: 15px;
	color: #D37A21;
	padding:0;
	margin: 0;
}
a.training-links {
	color: #D37A21;
	text-decoration: none;
}
a.training-links:hover {
	color: #D37A21;
	text-decoration: underline;
}
.opendoor-titles {
	font-size: 15px;
	color: #C59217;
	padding:0;
	margin: 0;
}
.opendoor-links {
	color: #C59217;
	text-decoration: underline;
}
.certification-titles {
	font-size: 15px;
	color: #467d7f;
	padding:0;
	margin: 0;
}
a.lw-links{
	color: #015294;
	text-decoration: none;
}
a.lw-links:hover {
	color: #015294;
	text-decoration: underline;
}
a.certification-links{
	color: #467d7f;
	text-decoration: none;
}
a.certification-links:hover {
	color: #467d7f;
	text-decoration: underline;
}

.casemanagement-titles {
	font-size: 15px;
	color: #0087AD;
	padding:0;
	margin: 0;
}
a.casemanagement-links {
	color: #0087AD;
	text-decoration: none;
}
a.casemanagement-links:hover {
	color: #0087AD;
	text-decoration: underline;
}
.download-container {
	width: 690px;
	height: auto;
	float: left;
}
.download-text {
	width: 690px;
	height: auto;
	text-align: left;
	background-color:#FFFFFF;
}
.download_flash-file {
	width: 690px;
	height: 400px;
}
/* FORM styles */

form {
	margin:0 30px 30px 20px;		
}
fieldset {
	display:block;
	float:left;
	height: 230px;
	width: 280px;
	margin:0 10px 10px 0;
	border:5px solid #8D688A;
		padding:10px;
		}
label {
	padding:3px;
		font-weight:bold;
		}
.textbox {
	width:200px;
	height:20px;
	border:1px solid #DDD;
		}
.textboxbig {
	width:300px;
	height:120px;
		border:1px solid #DDD;
}
legend {
	color:#FFF;
	background:#8D688A;
	border:5px solid #8D688A;
	padding:2px 6px;
	width:120px;
	margin:20px 10px;
	font-size:14px;
	font-weight:bold;
}
.clear_please-note {
	font-size: 11px;
}
.form_column-1 {
	width: 465px ;
	height: auto;
	float: left;
	text-align: left;
	margin-left: 15px;
	margin-top: 15px;
	border-right: #CCCCCC 1px solid;
}
.form_column-2 {
	width: 465px ;
	height: auto;
	float: left;
	text-align: left;
	margin-top: 15px;
	margin-left: 20px;
}


/* FORM Stages */
.stages-container {
	width: 900px;
	height: 29px;
	margin-left: 200px;
	padding: 10px 0 10px 0;
}
.stages {
	width: auto ;
	height: 29px;
	float: left;
}
.arrows {
	width: auto;
	height: 29px;
	float: left;
}
.form-background {
	width: 942px;
	height: auto;
	background-color: #f2f5f9;
}
/* FORM styles */
.footer {
	clear:both;
	padding: 5px 0 10px 0;
	margin: 10px 0 0 0;
	text-align: left;
	color: #FFFFFF;
	font: 11px/100% "Trebuchet MS", Verdana, Arial, Helvetica;;
}	
.footer li {
display:inline;
	font: 11px/100% "Trebuchet MS", Verdana, Arial, Helvetica;;
	padding:0 10px 0 0;
}
.footer a {
	color: #FFFFFF;
	text-decoration: none;
	border-left: 1px solid #FFF;
	padding:0 0 0 10px ;
	margin:0;
	font: 11px/100% "Trebuchet MS", Verdana, Arial, Helvetica;;
}
.footer a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

form.lw .radiolabel {
	display:inline; 
	vertical-align: middle;
	visibility:visible;
	width:auto;
}

form.lw .radiolabel-drop {
	display:inline; 
	vertical-align: middle;
	visibility:visible;
	width:auto;
	margin-left:35px;
}
  
  
form.lw {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  width: 600px;
  margin: 0;
  padding: 0;
  height: auto;
  text-align: left; 
}

form.lw p {
	margin-left: 250px;
}
form.lw a {
	color: #003366;
	text-decoration: none;
}

form.lw a:hover {
	color: #003366;
	text-decoration: underline;
}
form.lw fieldset {
  /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border: none;  
  padding: 0 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
  width: 700px;
  display:block;
  height:auto;
}

form.lw fieldset legend {
	/* bump up legend font size, not too large or it'll overwrite border on left */
    color: #000066;
    font-size:12px;
    font-weight:normal;
    background:none;
    border:none;
    margin:5px 0 0 0;
    padding:5px 0 0 0;
}

form.lw label,.vSpace { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 220px; 
	font-weight:normal;
	padding: 0; 
	margin: 2px 0 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}
form.lw .label1 { 
	color: #003366;
	width: 220px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right;
	font-weight: bold; 
	display:inline;
}
select {
	/*float: left;*/
	padding: 0;
	margin-top: 5px;

}
radio input {
	float: left;
	margin-left: 0px;
	padding: 0;
	margin-top: 5px;

}
checkboxinput {
	float: left;
	margin-top: 5px;
	padding: 0;

}
.input-margin {
	margin-left: 30px;
	float: left;
}

form.lw input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:0px 0 5px 30px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form.lw input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { 
	overflow: auto;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica;
	font-size: 11px;
}
form br {
	clear:left;
	height:1px; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

.ceridian-logo {
	width: 112px;
	height:39px;
	float: left;
	margin-right: 10px;
}
.ceridian-text {
	float: left;
	font-size: 11px;
	padding-top: 13px;
}
.stage2-title {
	font-weight: bold;
	color: #013567;
	padding:0;
	
	text-align: left;
}
.stage2-column_left {
	float: left;
	width: 220px;

	margin-bottom:20px;
	margin-left:10px;
	margin-right:0;
	margin-top: 10px;
}
.stage2-column_left p {
	text-align: right;
	padding: 0;
	margin: 0;
}
.stage2-column_right {
	width: 500px;

	float: left;
	padding:20px 0 0 0;
}
.option-description {
	margin-left: 30px;
	display:block;
}
.option-description-expla {
	margin-left: 30px;
	display:block;
	color:#003366; 
}
.expla {
	color:#003366;
}
.option-description-explax {
	margin-left: 30px;
	display:block;
	color:#003366; 
	}
.option-description-explax {
	margin-left: 0;
	display:block;
	color:#003366; 
}
.option-whatsthis {
	line-height:220%;
	margin-left: 6px;
	color: #676767;
	text-decoration:underline;
}
.form-buttons {
	width: 650px;
	height: 40px;
	margin-left:0;
	text-align: right;
	padding-bottom: 10px;
	clear:both;
}
/*descriptions*/
#desc1,#desc2,#desc3,#desc4,#desc5,#desc6,#desc7,#desc8 {
	visibility:hidden;
	display:none;
}
#p1desc1,#p1desc2,#p1desc3 {
	visibility:hidden;
	display:none;
}
#needlarger {
	/*makes the fieldset larger*/
	width:800px;
}
.errorMessage {
	margin-left: 15px;
	color:#FF0000;
}
.middle {
	vertical-align:middle;
}
.requiredstate {
	position:relative;
	left:250px;
	top:-18px
}
.cleardiv {
	clear:both;
}
/*Tooltip left*/
a.tt{
    position:relative;
    z-index:24;
	line-height:220%;
	margin-left: 6px;
	color: #676767;
	text-decoration:underline;
}
a.tt span{ display: none; background:; }
a.tt:hover{ z-index:25; color: #000;text-indent: 0; 
}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:18px; left:-265px;;
	padding: 4px;
	background-color:#FFFFFF;
	text-decoration:none;
	border:1px solid #ccc;
	width:270px;
	text-align:left;
}
/*Tooltip right*/
a.tttt{
    position:relative;
    z-index:24;
	line-height:220%;
	margin-left: 6px;
	color: #676767;
	text-decoration:underline;
}
a.tttt span{ display: none; background:; }
a.tttt:hover{ z-index:25; color: #000;text-indent: 0; 
}
a.tttt:hover span.tooltip{
    display:block;
    position:absolute;
    top:-5px; left:70px;
	padding: 4px;
	background-color:#FFFFFF;
	text-decoration:none;
	border:1px solid #ccc;
	width:270px;
	text-align:left;
}