/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label,
	legend, table, caption, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	/*background: transparent;*/
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/************************************
END OF RESET
************************************/
body {
	background-color: #fff;
	color: #000000;
	font-size: 100%;
	font-family: "Lucida Grande", Arial, Tahoma, Helvetica, sans-serif;
	text-align: center;
	min-width: 800px;
}

strong {
	font-weight: bold;
}

.skip_nav {
	display: none;
}

sup {
	height: 0;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	bottom: 1ex;
	font-size: .85em;
	line-height: 1.75em;
}

p {
	font-size: .75em;
	line-height: 1.50em;
}

a {
	color: #002e6e;
	text-decoration: underline;
}

.clear {
	clear: both;
}

.large-bold {
	font-size: 1.1125em;
	font-weight: bold;
}
/* 
---------------------------- 
STRUCTURE
---------------------------- 
*/
#container {
	padding: 10px 0 0 0;
	width: 800px;
	margin: 0 auto;
	text-align: left;
	background: #fff url(../i/global/bodyBg.gif) repeat-y;
}

#wrapper {
	width: 776px;
	margin: 0 0 0 12px;
}

#header {
	height: 96px;
	position: relative;
	border-bottom: 5px solid #002e6e;
}

#header #loginBox {
	position: absolute;
	background-image: url(../i/hp/loginBox.png);
	width: 350px;
	height: 80px;
	left: 412px;
	padding: 10px 0 0 15px;
}

#header #loginBox #enroll {
	font-size: 11px;
	color: #555555;
	line-height: 1;
	margin-bottom: 15px;
	width: auto;
	float: left;
	margin-top: 5px;
}

#header #loginBox img {
	margin-left: 5px;
}

#header #loginBox .form {
	float: left;
}

#header #loginBox .form input {
	color: #999999;
}

#header #loginBox .employeeLogin {
	font-size: 11px;
	color: #555555;
}

#header #loginBox .employeeLogin a {
	font-size: 11px;
	color: #555555;
}

#border-section {
	margin: 20px 0 20px 0;
	float: left;
	background: #fff url(../i/hp/border-bg.gif) repeat-y 0 0;
}

#footer {
	width: 776px;
}

/* 
---------------------------- 
TOP NAVIGATION
---------------------------- 
*/
#topNav {
	height: 29px;
	position: absolute;
	top: 112px;
	left: 250px;
	width: 432px;
	background: transparent url(../i/global/generalBg.gif) no-repeat 0 0;
}

#home-page #topNav {
	left: 345px;
}

#topNav li {
	float: left;
	margin: 0 0 0 0;
}

#topNav a {
	padding: 10px 0 0 0;
	height: 19px;
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 0.75em;
	overflow: hidden;
}

/*NAV*/
#home-nav {
	width: 89px;
	text-align: center;
}

#home-nav a:hover {
	background: url(../i/global/generalBg.gif) no-repeat 0px -29px;
}

#benefits-nav {
	width: 100px;
	text-align: center;
}

#benefits-nav a:hover {
	background: url(../i/global/generalBg.gif) no-repeat -89px -29px;
}

#employers-nav {
	width: 121px;
	text-align: center;
}

#employers-nav a:hover {
	background: url(../i/global/generalBg.gif) no-repeat -189px -29px;
}

#employees-nav {
	width: 121px;
	text-align: center;
}

#employees-nav a:hover {
	background: url(../i/global/generalBg.gif) no-repeat -310px -29px;
}

/*YOU ARE HERE*/
#home-page #home-nav {
	background: url(../i/global/generalBg.gif) no-repeat 0px -29px;
}

#employees-page #employees-nav {
	background: url(../i/global/generalBg.gif) no-repeat -310px -29px;
}

#employers-page #employers-nav {
	background: url(../i/global/generalBg.gif) no-repeat -189px -29px;
}

#about-page #benefits-nav {
	background: url(../i/global/generalBg.gif) no-repeat -89px -29px;
}

.image-spacing {
	padding: 0 0 15px 0;
}

.homeheader-link {
	position: absolute;
	left: 15px;
	top: 3px;
	height: 67px;
	width: 295px;
}

.header-tagline {
	position: absolute;
	right: 90px;
	top: 10px;
}

/*FOOTER*/
/* 
---------------------------- 
FOOTER ITEMS
---------------------------- 
*/
#footerTopLayer {
	width: 776px;
}

#footer p {
	line-height: 1.75em;
	font-size: 0.625em;
	color: #686868;
}

.footerTop_left {
	width: 502px;
	margin-left: 30px;
	float: left;
}

.footerTop_left  .header {
	width: 502px;
}

.footerTop_left  .box {
	float: left;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 5px;
}

.footerTop_left  .first {
	padding-left: 0px;
}

.footerTop_left  .middle {
	border-right: 1px solid #c4c4c4;
	border-left: 1px solid #c4c4c4;
}

.footerTop_left .box .title {
	color: #0068a6;
}

.footerTop_right {
	width: 244px;
	float: right;
}

.footerTop_right .box {
	font-size: 8px;
	margin-left: 10px;
	color: #888888;
	line-height: 1.5em;
}

.footer-tagline {
	position: absolute;
	top: 10px;
	left: 10px;
}

.footer-title {
	color: #002e6e;
	font-weight: bold;
	font-size: 10px;
}

.footer-emphasis {
	color: #0068a6;
}

.footer-col {
	padding: 30px 10px 0 15px;
}

.footer-col-narrow {
	padding: 40px 0 0 55px;
}

#footerMain {
	width: 776px;
	background-image: url(../i/global/footer_gradient.gif);
	background-repeat: repeat-x;
	background-position: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	border-top: 1px solid #a6a6a6;
}

#footerMain #footerLogo {
	width: 100px;
	float: left;
}

#footerMain #footerLinks {
	width: 676px;
	float: left;
}

#footerMain .row {
	height: auto;
}

#footerMain ul li {
	float: left;
	margin: 18px 10px 18px 10px;
}

#footerMain ul li.socialIcons {
	float: left;
	margin: 16px 0 16px 10px;
}

#footerMain ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-decoration: none;
}

#footerMain ul li a:hover {
	text-decoration: underline;
}

#footerMain #accessibility {
	float: right;
}

#footerMain #accessibility .icon {
	float: left;
	margin: 18px 5px 18px 0;
}

#footerMain #accessibility .text {
	float: left;
	margin: 18px 10px 18px 0;
}

#footerMain #accessibility .text a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-decoration: none;
}

#footerMain #accessibility .text a:hover {
	text-decoration: underline;
}

#bottomShadow {
	background: #fff url(../i/global/bottomShadow.gif) no-repeat;
}

#footerRight {
	background: transparent url(../i/global/footerR.gif) no-repeat bottom
		right;
	position: absolute;
	right: 0;
	bottom: 2px;
	height: 41px;
	width: 1px;
}

#footer .logo {
	float: left;
	width: 100px;
	height: 41px;
	margin: 0 0 10px 0px;
	background: #fff url(../i/global/hp_footerLogo.gif) no-repeat;
	text-indent: -9999px;
}

#footer .logo a {
	float: left;
	width: 100px;
	height: 41px;
	text-decoration: none; /*REMOVES BLUE OUTLINE IN MOZILLA 1.7.12*/
}

.listHolder {
	padding: 7px 0 0 10px;
	float: left;
	width: 600px;
}

ul.horList li {
	font-size: .625em;
	float: left;
	padding: 0 20px 0 0;
}

ul.horList li a {
	color: #505050;
	text-decoration: none;
}

ul.horList li.accessability {
	margin: 0 0 0 20px;
	height: 12px;
	padding: 0 0 0 15px;
	background: transparent url(../i/global/accessability.gif) no-repeat 0 0;
}

.two-col-paragraph {
	width: 540px;
}

/*BOX ON HOME PAGE*/
#coloredBox {
	background: #FFF;
	height: 350px;
	width: 100%;
	border-bottom: 5px solid #002e6e;
}

#coloredBox #text {
	margin-top: 0px;
	margin-left: 40px;
}

#coloredBox .header {
	color: #191970;
	font-size: 36px;
	margin-bottom: 10px;
}

#coloredBox .body {
	color: #191970;
	font-size: 22px;
	line-height: 1.25;
}

#coloredBox h1 {
	display: none;
	text-indent: -9999px;
}

#threeBox {
	width: 100%;
	margin-top: 20px;
}

#threeBox .box {
	width: 244px;
	height: 78px;
	float: left;
	background-image: url(../i/buttons/blue_button.png);
	margin-right: 5px;
	margin-left: 5px;
}

#threeBox .middle {
	margin-left: 11px;
	margin-right: 11px;
}

#threeBox .box a {
	width: 204px;
	height: 62px;
	padding: 5px 20px 5px 20px;
	display: block;
	font-size: 12px;
	text-decoration: none;
	color: #FFFFFF;
	line-height: 1.35;
}

#threeBox .box img {
	margin-left: 5px;
}

#threeBox .header {
	color: #555555;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 20px;
	margin-left: 5px;
}

#contentBox {
	width: 776px;	
	background-position: bottom;
	background-repeat: no-repeat;
	margin: 20px 0 20px 0;
}

#contentBox .header {
	color: #555555;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 20px;
	margin-left: 5px;
}

#contentBox .box {
	width: 244px;
	float: left;
	font-size: 12px;
	color: #555555;
	line-height: 1.5;
	margin-bottom: 25px;
	margin-right: 5px;
	margin-left: 5px;
}

#contentBox .middle {
	margin-left: 11px;
	margin-right: 11px;
}

#benefits-headline {
	margin: 10px 0 15px 20px;
	height: 52px;
	width: 474px;
}

.layoutcol {
	float: left;
	color: #555555;
}

#footer .layoutcol a {
	color: #555555;
}

.double-col {
	margin: 0 0 20px 20px;
	width: 570px;
}

.double-col p {
	margin: 0 0 15px 0;
}

.wide-col {
	width: 258px;
}

.padding {
	margin: 0 15px 0 20px;
}

.fullwidth-col .padding {
	margin: 0 0 0 30px;
}

.fullwidth-col .padding p {
	width: 700px;
	margin: 0 0 10px 0;
}

#home-page .wide-col .padding p {
	margin: 0 0 10px 0;
}

.column-border {
	border-left: 1px solid #dddee0;
}

.menu-col {
	width: 175px;
}

.smallpromobox {
	background: url(../i/hp/smallbox1.gif) no-repeat 10px 0;
	height: 183px;
	margin: 0 0 20px 0;
}

/*TYPOGRAPHY*/
h2 {
	font-size: 1em;
	font-weight: normal;
	color: #002e6e;
	margin: 0 0 10px 0;
}

h1 {
	font-size: 1.3em;
	font-weight: normal;
	color: #002e6e;
	margin: 20px 0 10px 0;
}

p.green-text {
	color: #002e6e;
}

/*WHITE*/
.smallpromobox h2 {
	font-size: 1em;
	font-weight: normal;
	color: #fff;
	padding: 15px 0 0 25px;
}

.smallpromobox p {
	color: #fff;
	width: 200px;
	margin: 0 0 0 25px;
}

.latest-alert h3 {
	color: #002e6e;
	font-size: 0.75em;
}

.latest-alert p {
	color: #002e6e;
	font-size: 0.75em;
	margin: 0 0 10px 0;
}

.smallpromobox .buttons {
	margin: 20px 0 10px 20px;
}

/*LISTS*/
ul.dots {
	padding: 10px 0 0 0;
}

.dots li {
	background: url(../i/bullets/arrow.png) no-repeat 0 50%;
	font-size: 0.75em;
	padding: 0 0 0 2px;
}

.dots a {
	padding: 0 0 0 8px;
}

/*FOR GREEN PROMO BOXES*/
ul.white-dots {
	padding: 0 0 0 20px;
	float: left;
}

.white-dots li {
	padding: 0 15px 0 2px;
	background: url(../i/bullets/arrow-white.png) no-repeat -0 50%;
	font-size: 0.75em;
	float: left;
}

.white-dots a {
	font-weight: bold;
	margin: 0 0 0 8px;
	color: #fff;
}

/*HOLDS ICONS WITH NAME UNDER IT*/
ul.iconList {
	position: relative;
	float: left;
	list-style: none;
}

.iconList li {
	height: 60px;
	width: 71px;
	margin: 0 auto;
	padding: 0 3px 0 0;
	float: left;
}

.iconList a {
	text-decoration: none;
	text-align: center;
	display: block;
	padding: 52px 0 0 0;
	line-height: 1em;
}

.iconName {
	font-size: .75em;
}

.icon-ac {
	background: url(../i/icons/icon-ac.gif) no-repeat;
}

.icon-gg {
	background: url(../i/icons/icon-gg.gif) no-repeat;
}

.icon-muni {
	background: url(../i/icons/icon-muni.gif) no-repeat;
}

.icon-sfmta {
	background: url(../i/icons/icon-sfmta.gif) no-repeat;
}

.icon-bart {
	background: url(../i/icons/icon-bart.gif) no-repeat;
}

.icon-caltrain {
	background: url(../i/icons/icon-caltrain.gif) no-repeat;
}

ul.normal-bullet {
	margin: 0 0 10px 20px;
}

ul.normal-bullet li {
	line-height: 1.125em;
	font-size: .75em;
	background: url(../i/bullets/black-dot.gif) no-repeat 0 5px;
	padding: 0 0 3px 8px;
}

.green-dot {
	margin: 10px 0 0 0;
	height: 1px;
	background: url(../i/global/green-dot-line.gif) repeat-x 0 0;
	line-height: 0;
}

img.bottom-left {
	float: left;
	margin: 10px 0 0 0;
}

img.bottom-right {
	float: right;
	margin: 10px 0 0 0;
}
/*LEFT NAV*/
#leftnav-menu {
	position: relative;
	width: 160px;
}

/*SETS THE ANGLED IMAGE*/
#leftNavModuleTop {
	background: url(../i/global/grey-tip-bordered.gif) no-repeat;
	position: absolute;
	top: 0;
	left: 158px;
	width: 20px;
	z-index: 9;
}

/*SETS THE GRADIENT TO MATCH THE ANGLED TIP*/
.leftNav-grey-tip-menu {
	height: 25px;
	background: #eee url(../i/global/grey-tip-main.gif) repeat-x 0 0;
	width: 158px;
	border-right: 1px solid #d0d0d2;
	border-bottom: 1px solid #d0d0d2;
	border-left: 1px solid #d0d0d2;
}

ul#leftNavModule .leftNav-grey-tip-menu a {
	padding: 5px 0 0 25px;
}

ul#leftNavModule .leftNav-grey-tip-menu a:hover {
	color: #0068a6;
}

/*SETS THE GREEN ANGLED IMAGE*/
#leftNavModuleTop-color {
	background: url(../i/global/blue-tip.gif) no-repeat;
	position: absolute;
	top: 0px;
	left: 157px;
	width: 20px;
	z-index: 9;
}

/*SETS THE GREEN GRADIENT TO MATCH THE ANGLED TIP*/
.leftNav-color-tip-menu {
	line-height: 1.1125em;
	margin: 0;
	background: #0068a6;
	width: 158px;
	padding: 5px 0 5px 0;
	border-right: 1px solid #d0d0d2;
	border-left: 1px solid #d0d0d2;
}

li.leftNav-color-tip-menu a {
	text-decoration: none;
	padding: 5px 5px 5px 10px;
	font-weight: bold;
	color: #fff;
	font-size: 0.75em;
	background-color: #0068a6;
}

.stripebox {
	float: left;
	width: 566px;
	background: transparent url(../i/global/BlueGradientbox-bottom.gif)
		no-repeat bottom left;
}

.stripebox h4 {
	text-align: center;
	background: transparent url(../i/global/Stripebox-top.gif) no-repeat top
		left;
	padding: 15px 0 15px 0;
	color: #FFFFFF;
}

.stripebox a {
	color: #FFFFFF;
}

.green-dots-span {
	background: transparent url(../i/bullets/arrow-white.png) no-repeat 0
		50%;
}

.
h2 {
	font-style: italic;
	line-height: 1.125em;
}

.whitebox-fade h2.larger-h2 {
	padding: 15px 0 0 0;
	font-size: 1.125em;
}

.whitebox-fade-left h2 {
	width: 260px;
}

.whitebox-fade {
	margin: 0 0 10px 0;
	float: left;
	width: 566px;
	background: transparent url(../i/global/whitebox-Bluefade-bottom.gif)
		no-repeat bottom left;
}

.whitebox-fade-top {
	height: 83px;
	background: transparent url(../i/global/whitebox-Bluefade-top.gif)
		no-repeat top left;
}

.whitebox-fade .layoutcol {
	margin: -65px 0 0 0;
}

.whitebox-fade-left {
	width: 320px;
}

.whitebox-fade-right {
	width: 220px;
}

#coloredBox .whitebox-fade-left p {
	border: 1px solid red;
	margin: 20px 0 0 0;
	width: 250px;
	font-size: .75em;
}

#coloredBox .whitebox-fade-right p {
	margin: 20px 0 0 0;
	width: 220px;
	font-size: .75em;
	border: 1px solid red;
}

p.footnote {
	color: #999999;
	font-size: .625em;
	padding: 20px 0 0 0;
	margin: 0 20px 10px 20px;
}

.fullwidth-col {
	width: 750px;
	margin: 0 0 20px 0;
}

/*STATUS BAR: TEXT
ul#statusbar-text {
	float: left;
	padding: 20px 0 0 0;
}

#statusbar-text li {
	padding: 0 20px 0 0;
	float: left;
	font-size: .625em;
}

/*GRAPHIC BAR
ul#statusbar {
	float: left;
}

#statusbar li {
	text-indent: -9999px;
	height: 7px;
	float: left;
	background: #f6f6f7;
}

#statusbar li.bar-left {
	width: 4px;
	height: 7px;
	background: url(../i/statusbar/bar-left.gif) no-repeat top left;
}

#statusbar li.bar-right {
	width: 4px;
	height: 7px;
	background: url(../i/statusbar/bar-right.gif) no-repeat top right;
}

.stage1 {
	float: left;
	width: 100%;
	border: 1px solid pink;
}

*/
ul#statusbar {
	float: left;
}

.status-active {
	color: #0068a6;
}

#statusbar li {
	padding: 0 20px 0 0;
	float: left;
	font-size: .625em;
}

#statusbar-bg {
	overflow: hidden;
	margin: 10px 0 5px 0;
	text-indent: -9999px;
	height: 7px;
}

.program-details {
	background: url(../i/statusbar/statusbar-progress-bg.gif) no-repeat 0 0;
}

.employer-details {
	background: url(../i/statusbar/statusbar-progress-bg.gif) no-repeat 0
		-8px;
}

.admin-details {
	background: url(../i/statusbar/statusbar-progress-bg.gif) no-repeat 0
		-16px;
}

.payment-details {
	background: url(../i/statusbar/statusbar-progress-bg.gif) no-repeat 0
		-24px;
}

.agreement-details {
	background: url(../i/statusbar/statusbar-progress-bg.gif) no-repeat 0
		-32px;
}

.summary-details {
	background: url(../i/statusbar/statusbar-progress-bg.gif) no-repeat 0
		-40px;
}

/*FORM*/
.form-alert {
	font-size: .875em;
	color: #cc0000;
	font-weight: normal;
}

.form_title {
	margin: 0 0 10px 0;
	width: 730px;
	height: 34px;
	clear: both;
	background: transparent url(../i/global/form-header.gif) repeat-x 0 0;
}

.form-width {
	width: 440px;
}

.form_title h2 {
	color: #FFFFFF;
	font-size: 1em;
	font-weight: bold;
	padding: 8px 0 0 10px;
}

.label-span {
	margin: 4px 0 0 10px;
	font-size: .75em;
	font-weight: bold;
	float: left;
	width: 200px;
}

.label-span-replacement {
	margin: 4px 0 0 10px;
	font-size: .75em;
	font-weight: bold;
	float: left;
	width: 200px;
}

.form-input {
	margin: 0 5px 5px 0;
	width: 135px;
	float: left;
}

.form-input-replacement-new {
	font-size: .75em;
	margin: 5px 0 5px 5px;
	padding: 0 0 10px 0;
	width: 440px;
	float: left;
}

.form-input-replacement {
	font-size: .75em;
	margin: 5px 0 5px 0;
	padding: 0 0 10px 0;
	width: 210px;
	float: left;
}

.form-input-replacement-small {
	font-size: .75em;
	margin: 5px 0 5px 0;
	padding: 0 0 10px 0;
	width: 110px;
	float: left;
}

.radio-input {
	float: left;
	font-size: .75em;
	margin: 0 0 5px 0;
	width: 210px;
}

#STYLES ADDED BY SRI FOR new look and feel

#leftnav-menu li.colored-link {
	height: 28px;
}

#leftnav-menu li.colored-link a {
	padding: 5px 5px 0 25px;
	font-weight: bold;
	color: #0068a6;
	overflow: hidden;
}

#leftnav-menu li.colored-link a:hover {
	text-decoration: underline;
}

h4.faqQuestion {
	color: #000000;
	line-height: 1.5em;
	text-decoration: none;
	width: 800px;
	font-size: 0.75em;
}

.form-input-small {
	margin: 0 0 5px 0;
	width: 50px;
	float: left;
}

.form-input-small2 {
	margin: 0 0 5px 0;
	width: 80px;
	float: left;
}

.form-input-medium {
	margin: 0 0 5px 0px;
	width: 142px;
	float: left;
}

.label-span-small {
	margin: 0 0 5px 5px;
	font-size: .75em;
	font-weight: bold;
	float: left;
	width: 10px;
}

.radio-input-large {
	float: left;
	font-size: .75em;
	margin: 0 0 5px 0;
	width: 210px;
}

.form_title_doubleCol {
	margin: 0 0 10px 0;
	width: 560px;
	height: 34px;
	clear: both;
	background: transparent url(../i/global/form-header.gif) repeat-x 0 0;
}

.form-width-doubleCol {
	width: 440px;
}

.form_title_doubleCol h2 {
	color: #358912;
	font-size: 1em;
	font-weight: bold;
	padding: 8px 0 0 10px;
}

.label-span-long {
	margin: 4px 0 0 10px;
	font-size: .75em;
	font-weight: bold;
	float: left;
	width: 300px;
}

.form-input-long {
	margin: 0 0 5px 0;
	width: 110px;
	float: left;
}

.left-align {
	text-align: left;
}

/*
CHANGED MAY 11 
BUTTON CLASSES
*/
.formbutton {
	height: 20px;
	border: none;
	color: #fff;
	background: #002e6e;
	font-weight: bold;
	font-size: .75em;
}

.long-button {
	width: 200px;
	background: #002e6e url(../i/buttons/button-blue-long.gif) no-repeat 0
		50%;
	;
}

.medium-button {
	width: 111px;
	background: #002e6e url(../i/buttons/button-blue-md.gif) no-repeat 0 0;
	;
}

.medium-button-140 {
	width: 140px;
	background: #002e6e url(../i/buttons/button-blue-140.gif) no-repeat 0 0;
	;
}

.short-button-75 {
	width: 75px;
	background: #002e6e url(../i/buttons/button-blue-75.gif) no-repeat 0 0;
	;
}

.short-button {
	width: 58px;
	background: #002e6e url(../i/buttons/button-blue-short.gif) no-repeat 0
		0;;
}

.bottom-left {
	float: left;
	margin: 10px 0 0 0;
}

.bottom-right {
	float: right;
	margin: 10px 0 0 0;
}

/*
CHANGED MAY 7
TO ALLOW FOR LABELS ABOVE FORM FIELDS
IN LEFT LOG IN FORM
*/
#leftnav-menu form {
	border-right: 1px solid #d0d0d2;
	border-left: 1px solid #d0d0d2;
	background: #002e6e;
	width: 158px;
	background-image: url(../i/global/blue-tip-main.gif);
}

#leftnav-menu label {
	color: #fff;
	height: 1.125em;
	font-size: .75em;
	margin: 0 0 0 10px;
}

#forgotten {
	position: absolute;
	top: 115px;
	float: right;
	left: 70px;
}

#forgotten p {
	margin: 0px;
	font-size: .625em;
	width: 110px;
	color: #000;
}

#forgotten a {
	line-height: 1.112em;
	color: #fff;
}

#leftnav-menu .form-input {
	height: 15px;
	width: 130px;
	margin: 2px 0 10px 10px;
	font-size: .8em;
	font-weight: normal;
	border: none;
}

#leftnav-menu #form-submit-button {
	margin: 5px 0 15px 10px;
}

/* 
------------------------------------------------- 
ADDED FOR PAGINATION
------------------------------------------------- 
*/
span.pagebanner {
	background-color: #eee;
	border: 1px dotted #999;
	padding: 2px 4px 2px 4px;
	width: 79%;
	margin-top: 10px;
	display: block;
	border-bottom: none;
	font-size: .75em;
}

span.pagelinks {
	background-color: #eee;
	border: 1px dotted #999;
	padding: 2px 4px 2px 4px;
	width: 79%;
	display: block;
	border-top: none;
	margin-bottom: 20px;
	font-size: .75em;
}

table.simple thead tr th {
	font-weight: bold;
	text-align: left;
	padding: 5px 0 5px 7px;
	font-size: .75em;
	color: #fff;
	background: #939393 url(../i/global/table-caption.gif) repeat-x 0 0;
}

table.simple tr.even {
	background: #e3f0de;
}

table.simple {
	border-collapse: collapse;
	width: 560px;
}

table.simple td, table.simple th {
	border: 0px solid #ccc;
	text-align: right;
}

th.sorted a, th.sortable a {
	background-position: right;
	display: block;
	color: #fff;
	width: 100%;
}

#mapLegend p {
	padding: 0 0 10px 20px;
}

/* 
------------------------------------------------- 
ADDED FOR SIDE MENU / cheat sheet
------------------------------------------------- 
*/
.widgetSpacer2 {
	height: 50px;
}

.double-small-col {
	margin: 0 0 20px 20px;
	width: 400px;
}

.double-small-col p {
	margin: 0 0 15px 0;
}

.right-table {
	background: #F3F1F4 url(../images/greyfadeShortBg.gif) repeat-x;
	border-left: 1px solid #cfd0d2;
	border-right: 1px solid #cfd0d2;
	margin: 0 15px 0 0;
	float: right;
	width: 155px;
	border: none;
}

table tr.relatedLinksModuleBottom {
	background: #fff url(../images/greyangleBottomReverse.gif) no-repeat 0
		-15px;
}

/* 
---------------------------- 
SITEMAP STYLES
---------------------------- 
*/
.sitemap_first_tier {
	float: left;
	width: 100px;
}

.sitemap_second_tier {
	float: left;
	width: 150px;
}

.sitemap_third_tier {
	float: left;
	width: 200px;
	margin-bottom: 10px;
}

.sitemap_first_tier ul {
	list-style-type: none;
	font-size: .75em;
}

.sitemap_first_tier li {
	margin-left: 5px;
}

.sitemap_second_tier ul {
	list-style-type: none;
	font-size: .75em;
}

.sitemap_second_tier li {
	margin-left: 10px;
}

.sitemap_third_tier ul {
	list-style-type: none;
	font-size: .75em;
}

.sitemap_third_tier li {
	margin-left: 10px;
}

.full-table-small {
	border-collapse: collapse;
	width: 400px;
}

.whitebox-fade-long h2 {
	width: 490px;
}

.whitebox-fade-long {
	width: 540px;
}

#coloredBox .whitebox-fade-long p {
	border: 1px solid red;
	margin: 20px 0 0 0;
	width: 470px;
	font-size: .75em;
}

.form_title_double_small_Col {
	margin: 0 0 10px 0;
	width: 400px;
	height: 34px;
	clear: both;
	background: transparent url(../i/global/form-header.gif) repeat-x 0 0;
}

.form-width-double_small_Col {
	width: 400px;
}

.form_title_double_small_Col h2 {
	color: #358912;
	font-size: 1em;
	font-weight: bold;
	padding: 8px 0 0 10px;
}

.form-input-replacement-medium {
	font-size: .75em;
	margin: 5px 0 5px 0;
	padding: 0 0 10px 0;
	width: 350px;
	float: left;
}

.formbuttongrey {
	height: 20px;
	border: none;
	color: #fff;
	background: #bfbfbf;
	font-weight: bold;
	font-size: .75em;
}

.long-button-grey {
	width: 200px;
	background: #bfbfbf url(../i/buttons/button-grey-long.gif) no-repeat 0 0;
}

.short-button-75-grey {
	width: 75px;
	background: #bfbfbf url(../i/buttons/button-grey-75.gif) no-repeat 0 0;
}

.login_west {
	height: 200px;
	width: 40%;
	border: none;
}

.login_centre {
	height: 200px;
	width: 20%;
	border: none;
}

.login_east {
	height: 200px;
	width: 40%;
	border: none;
}

.logo_left {
	float: left;
	height: 86px;
	width: 113px;
	margin-bottom: 10px;
}

.login_box_centre {
	width: 500px;
}

table th {
	background: #354355;
	color: #FFFFFF;
	padding-bottom: 3.5rem;
	padding-top: 3.5rem;
	text-align: center;
	font-size: 30px;
	height: 20px;
}

table td {
	font-size: 20px;
	padding: 5px;
}

#centre-content {
	position: relative;
	width: 502px;
	height: 502px;
	margin: 0 auto;
	padding: 10px;
	background: red;
}
#loginForm .ui-widget-content {
	background-color: #fff !important;
}

#loginForm .ui-panelgrid {
	margin-left: 35PC;
}