body {
	background-color: #F3F2F1;
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #252f35;
	behavior: url("styles/csshover.htc")
}

*a {
	position: relative
}

p {
	font-size: 12px;
	line-height: 20px;
	margin: 10px 0;
}

.asep {
	display: none;
}



#container {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/header_bg.png);
	background-position: left top;
	background-repeat: repeat-x
}

#container #header {
	height: 189px;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	background-position: left top;
	background-repeat: no-repeat
}

#container #header #head {
	height: 135px
}

#container #header #head #logo {
	height: 83px;
	float: left;
	margin-left: 0;
	margin-top: 0;
	padding-top: 0;
	width: 347px
}
#container #header #head #status img {
	border: none;
}
#container #header #head #status {
	width: 450px;
	float: right;
	text-align: right;
	padding: 6px 25px 5px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 13px;
	border: none !important;
	color: #252f35;
}

#container #header #head #status p {
	margin-top: 5px;
}

#container #header #head #status p a, #topline div.savelogout a {
	color: #252f35;
	font-size: 13px;
	text-decoration: none;
	font-weight: bold;
}

#container #header #head #status p a:hover, #topline div.savelogout a:hover{
	color: white;
	font-size: 13px;}


#status p strong span.save {
	background: url(../images/buttons/btn_savelogout.png) no-repeat;
	width: 121px;
	height: 54px;
}

#topline div.user {
	width: 163px;
	float: right;
	padding-top: 4px;
	margin-right: 8px;
	color: #252f35;
	border: none !important;
	font: bold 13px Verdana, Arial, sans-serif;
}

#topline div.savelogout {
	width: 122px;
	float: right;
	height: 24px;
	background: url(../images/buttons/btn_savelogout.png) no-repeat;
	text-align: center;
	padding-top: 4px;
}

#topline {
	height: 30px;
	margin-top: 6px;
}

#container #header #head #status p span.normal {
	text-indent: -777px;
}

#container #header #head #status p .large {
	font-size: 20px
}

#container #header #head #status p .larger {
	font-size: 24px
}

#container #header #nav,#container #header #navrow {
	height: 53px;
	background-image: url(../images/nav_bg.png);
	background-repeat: repeat-x;
	width: 960px;
	float: left
}

#container #header #nav .menuitem-on .left {
	background-image: url(../images/tab-left.png);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	width: 14px;
	height: 53px
}

#container #header #nav .menuitem-on .right {
	background-image: url(../images/tab-right.png);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	width: 14px;
	height: 53px
}

#container #header #nav .menuitem-on .link {
	background-image: url(../images/tab-bg.png);
	background-repeat: repeat-x;
	background-position: left top;
	float: left;
	padding: 23px 20px 2px;
	height: 28px
}

#container #header #nav .menuitem-on .link a {
	color: #F5822B;
	text-decoration: none;
	font: bold 15px Arial, Helvetica, sans-serif
}

#container #header #nav .menuitem,#container #header #nav .menuitem-on {
	height: 53px;
	float: left
}

#container #header #nav .menuitem .right,#container #header #nav .menuitem .left {
	float: left;
	width: 14px;
	height: 53px
}

#container #header #nav .menuitem .link {
	float: left;
	padding: 23px 20px 2px;
	height: 28px
}

#container #header #nav .menuitem .link a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #4D4D4D;
	text-decoration: none
}

#container #header #nav .menuitem .link a:hover {
	color: #4D4D4D;
	text-decoration: underline
}

#container #footer {
	width: 100%;
	height: 220px;
	float: left;
	background-image: url(../images/footer_bg.png);
	background-position: left top;
	background-repeat: repeat-x
}

#container #footer #footer-area {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	height: 92px;
	background-image: url(../images/footer.png);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 128px 0 0 0px;
}

#container #footer #footer-area .footer-box {
	width: 275px;
	height: 62px;
	float: left;
	background: url(../images/btn_invite.png) no-repeat 0px 0px;
	padding-top: 30px;
	padding-left: 125px;
}

#container #footer .footer-box a {
	color: #000000;
	text-decoration: none;
	font: bold 14px Arial, Helvetica, sans-serif;
}

#footer-area div.footer-box a span {
	font-weight: normal;
	font-style: normal;
}

#footer-area div.footer-box a span:hover {
	font-weight: normal;
	font-style: normal;
	color: #6BA342;
}

#container #footer .footer-box a:hover {
	color: #6BA342;
	font: bold 14px Arial, Helvetica, sans-serif}

#container #copyright {
	height: 33px;
	background-image: url(../images/copyright_bg.png);
	background-position: left top;
	background-repeat: repeat-x;
	float: left;
	width: 100%
}

#container #copyright #copy {
	height: 24px;
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	padding-top: 9px;
	color: #757D84;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px}

#container #copyright #copy a {
	color: #757D84;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none
}

#container #copyright #copy a:hover {
	color: #757D84;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline
}

#titlearea {
	width: 100%;
	float: left;
	padding-top: 15px;
	padding-bottom: 20px;
	border-bottom: solid 2px #e5e5e5;
	background: #F3F2F1;
	margin-top: 5px;
	margin-bottom: 0;
}

/* IE7 hacks to move the progress bar up below the header*/
html>body #titlearea {
 *padding-bottom: 5px !important;
}

html>body #titlearea .progressBar {
 *margin-top:-20px !important;
}

html>body #titlearea .progressLabel {
 *margin-top:-25px !important;
}
/* end IE7 hacks */

#titlearea .title {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	color: #73C800;
	font: bold 18px Verdana, Arial, sans-serif
}
#titlearea .progress {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px !important;
	font: 11px Verdana, Arial, sans-serif;
	line-height: 11px;
	height: 14px;
	color: #7F868D;
}
#titlearea .progress .progressBar #spaceused1_percentText {
	font: 11px Verdana, Arial, sans-serif;
	line-height: 11px;
	height: 12px;
	float: left;
	width: 50px;
	padding-left: 5px;
}

#titlearea .progress .progressLabel {
	float: left;
	width: 120px;
	font-size: 12px;
	line-height: 18px;
}
#titlearea .progress .progressBar {
	float: left;
	width: 250px;
	margin-top: 3px;
}
#titlearea .progress .progressBar img {
	float: left;
}

#titlearea .screenreader
{
	float: right;
	font-size:12px;
}

#titlearea .screenreader a, #titlearea .screenreader a:link, #titlearea .screenreader a:hover
{
	color: #73C800;
	text-decoration: none;
}

#titlearea .screenreader img
{
	border: 0;
	padding-left:5px;
	padding-bottom:5px;
}

.login {
	height: 100%;
	width: 616px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/login_mid.gif);
	background-position: left top;
	background-repeat: repeat-y;
	margin-top: 10px;
}

.login .header {
	float: left;
	width: 616px;
	background-image: url(../images/login_head.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	height: 116px;
}
	.login .header .title {
		padding-top: 35px;
		float: right;
		width: 250px;
		font-size: 12px;
		font-family: verdana, arial;
	}
		.login .header .title strong {
			font-size: 16px;
			line-height: 30px;
	color: #000000;
}

		.login .header .title p {
	margin-top: 2px;
	color: #000000;
}
		.login .header .title a {
			color: #273A96;
			font-weight: bold;
			text-decoration: none;
		}
			.login .header .title a:hover {
				color: #273A96;
				font-weight: bold;
				text-decoration: underline;
			}

.login-details {
	background-color: #FFF5DA;
	padding: 20px 5px 20px 50px;
	border: solid 2px #FEE296;
	width: 455px;
	float: left;
	font-family: verdana, arial;
	font-size: 12px;
	margin-right: 100px;
	margin-bottom: 20px;
	margin-top: 20px;
	background-image: url(../images/login_exclaim.gif);
	background-position: 10px 17px;
	background-repeat: no-repeat;
}

.login .login-msg, .login .login-msg-email {
	background-color: #FFF5DA;
	padding: 8px 5px 10px 40px;
	border: solid 2px #FEE296;
	width: 455px;
	float: left;
	font-family: verdana, arial;
	font-size: 12px;
	margin-left: 50px;
	margin-bottom: 10px;
	background-image: url(../images/login_exclaim.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

.login .footer {
	float: left;
	width: 616px;
	height: 184px;
	background-image: url(../images/login_foot.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
}

.login .footer-mid {
	float: left;
	width: 616px;
	background-image: url(../images/login_mid.gif);
	background-position: left bottom;
	background-repeat: repeat-y;
}

.login .footer .field, .login .footer-mid .field {
	float: left;
	width: 470px;
	padding-left: 50px;
	padding-bottom: 5px;
	padding-top: 5px
}
.login .footer .fields, .login .footer-mid .fields {

	width: 470px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 5px;
	padding-top: 5px
}

.login .footer .field label, .login .footer-mid .field label {
	float: left;
	width: 100%;
	text-align: left;
	padding-right: 10px;
	line-height: 40px;
	color: #000000;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	margin-top: 14px;
	position: relative;
}

.login .footer .field input, .login .footer-mid .field input {
	border: solid 2px #CCC;
	padding: 10px;
	width: 450px;
	color: #000000;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	float: left;
	margin-left: 0px !important;
}

.login .footer .button {
	margin-left: 20px;
	padding-left: 25px;
	float: left;
	width: 360px;
	padding-top: 0px;
	padding-bottom: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px
}

	.login .footer .button a {
		color: #273A96;
		font-weight: bold;
		text-decoration: none;
	}
		.login .footer .button a:hover {
			color: #273A96;
			font-weight: bold;
			text-decoration: underline;
		}

.login .footer-mid .forgot,.login .footer-mid .remember {
	margin-left: 50px;
	padding-left: 0px;
	float: left;
	width: 360px;
	padding-top: 5px;
	padding-bottom: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

.login .footer-mid .forgot a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #273A96
}

.login .footer-mid .forgot a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #273A96;
	text-decoration: none
}

.login .footer .field, .login .footer-mid .field {
	font-size: 12px;
	font-family: verdana, arial;
}
.login .footer-mid .field .check {
	width: auto;
	border: none;
}
.login .footer-mid .field .check2, .interactive .field .check2 {
	width: auto;
	border: none;
	margin-bottom: 65px;
	float: left;
	margin-right: 5px;
}

.login .footer-mid .field .smaller {
	font-size: 11px;
}

.login .footer-mid .field a {
	color: #273A96;
	text-decoration: none;
	font-weight: bold;
}
	.login .footer-mid .field a:hover {
		color: #252f35;
		text-decoration: underline;
	}

#container #content {
	width: 100%;
	float: left;
	background-color: #FFF;

}

#container #content #page {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	padding-top: 25px;
	font-size: 12px;
	/*color: #4D5761;*/
	line-height: 24px;
	overflow: visible;
}

#page-legals {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	padding-top: 5px;
	font-size: 12px;
	color: #000000;
	line-height: 24px;
	overflow: visible;
}



#pagebottom {
	width: 100%;
	font-size: 12px;
	color: #000000;
	line-height: 24px;
	overflow: visible;
	float: left;
	margin-top: 25px;
}

#pagebottom .page {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	font-size: 12px;
	color: #000000;
	line-height: 24px;
	overflow: visible;
}

#container #content #page a, #pagebottom a, #video a, #pagebottom div.page p a {
	color: #273A96;
	text-decoration: none;
	font-weight: bold;
}

#container #content #page a:hover, #pagebottom a:hover, #video a:hover, #pagebottom div.page p a:hover{
	text-decoration: underline;
}

#exercise div.howdid {
	float: left;
	width: 100%;
}

#menu,#container #header #nav #links {
	width: 960px;
	margin-left: auto;
	margin-right: auto
}

.section_header {
	float: left;
}

#menu .menu-section {
	width: 615px;
	height: 32px;
	float: left;
	border-top: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	padding: 5px 0 10px 20px;
	background-image: url(../images/menu_trig_bg.png);
	background-repeat: repeat-x;
	margin-top: 10px
}

#menu .menu-section-review {
	width: 870px;
	height: 32px;
	float: left;
	border-top: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	padding: 5px 0 5px 20px;
	background-image: url(../images/menu_trig_bg.png);
	background-repeat: repeat-x;
	margin-top: 10px
}

#menu .menu-section .title, #menu .menu-section-review .title{
	width: 320px;
	height: 28px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 10px
}

#menu .menu-section .title img, #menu .menu-section-review .title img {
	float: left;
	margin-right: 5px;
	margin-top: 4px
}

#menu .menu-section .title a, #menu .menu-section-review .title a {
	color: #F5822B !important;
	text-decoration: none;
	line-height: 16px;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif
}

#menu .menu-section .title a:hover,#container #header #nav .menuitem-on .link a:hover, #menu .menu-section-review .title a:hover {
	color: #F5822B;
	text-decoration: underline
}

#menu .menu-section .info {
	width: 234px;
	height: 28px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 10px;
	line-height: 16px
}

#menu .menu-section .status {
	width: 41px;
	height: 48px;
	float: left;
	text-align: right
}

#menu .menu-panel {
	width: 635px;
	float: left;
	margin-bottom: 10px;
	border-bottom: solid 1px #F7D191
}
#menu .menu-panel-review {
	width: 860px;
	float: left;
	margin-bottom: 10px;
	background-color: #FFFFFF;
	padding: 20px 10px 10px 20px;
}

#menu .menu-panel .menu-item {
	width: 635px;
	border-top: solid 1px #F7D191;
	background-image: url(../images/menu_item_bg.png);
	background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	float: left;
	height: 35px
}

#menu .menu-panel .menu-item:hover {
	background-image: url(../images/menu_item_over.png);
	background-repeat: repeat-x
}

#menu .menu-panel .menu-item .title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #273A96;
	float: left;
	width: 635px
}

#menu .menu-panel .menu-item .title-fade {
	text-decoration: none;
	display: block;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 15px
}

#menu .menu-panel .menu-item .title a {
	text-decoration: none;
	display: block;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #273A96 !important;
	line-height: 15px
}

#menu .menu-panel .menu-item .title-done a {
	text-decoration: none;
	display: block;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #273A96;
	background-image: url(../images/menu_tick_sm.gif);
	background-position: center right;
	background-repeat: no-repeat;
	line-height: 15px
}

#menu .menu-panel .menu-item .title a:hover,#menu .menu-panel .menu-item .title-done a:hover {
	text-decoration: underline;
	background-image: url(../images/menu_arrow.gif);
	background-position: center right;
	background-repeat: no-repeat
}

#menu .menu-panel .menu-item .status {
	float: left;
	width: 41px;
	padding: 0;
	margin: 0
}

#menu .menu-panel .menu-item .title2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #273A96;
	float: left;
	width: 315px
}

#menu .menu-panel .menu-item .title2 a {
	text-decoration: none;
	display: block;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #273A96;
	line-height: 16px
}

#menu .menu-panel .menu-item .review,#menu .menu-panel .menu-item .review-done {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #63AB00;
	float: left;
	width: 320px
}

#menu .menu-panel .menu-item .review a {
	text-decoration: none;
	display: block;
	padding-left: 25px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #252F35 !important;
	line-height: 16px;
	font-weight: normal !important
}

#menu .menu-panel .menu-item .review-done a {
	text-decoration: none;
	display: block;
	padding-left: 25px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #252F35 !important;
	background-image: url(../images/menu_tick_sm.gif);
	background-position: center right;
	background-repeat: no-repeat;
	line-height: 16px;
	font-weight: normal !important
}

#menu .menu-panel .menu-item .review a:hover {
	text-decoration: none !important;
	background-image: url(../images/menu_arrow.gif);
	background-position: center right;
	background-repeat: no-repeat;
	color: #252F35 !important;
	font-weight: 400
}

#menu .menu-panel .menu-item .review-done a:hover {
	text-decoration: none !important;
	background-image: url(../images/menu_arrow.gif);
	background-position: center right;
	background-repeat: no-repeat;
}

.menu-hover {
	background-image: url(../images/menu_arrow.gif) !important;
	background-position: center right;
	background-repeat: no-repeat;
	color: #63AB00 !important
}

.interactive, .interactive-help {
	width: 930px;
	min-height: 220px;
	border-top: solid 1px #C1C1C1;
	background-image: url(../images/widget_bg.png);
	background-position: left top;
	background-repeat: repeat-x;
	float: left;
	padding-top: 20px;
	margin: 0px 0px 0px 0px;
	padding-left: 30px;
	padding-bottom: 20px;
	color: /*#4d5761*/ #000000 !important;
}

p.togglelink {
	width: 900px;
	padding: 10px 30px 10px 0;
	float: left;
	margin-top: 0;
	margin-bottom: 0;
	background: url(../images/icn_qmark_aqua.png) no-repeat 0 12px
}

#container #content #page #exercise div.interactive p.togglelink a,#exercise div.interactive p.field a {
	color: #00B5C9;
	text-decoration: none;
	font-weight: bold;
	background: url(../images/icn_qmark_aqua.gif) no-repeat;
	padding-left: 20px;
	padding-bottom: 4px
}

#container #content #page #exercise div.interactive p.togglelink a:hover,#menu .menu-panel .menu-item .title2 a:hover,#container #content #page a:hover {
	text-decoration: underline
}

p.leftfield {
	width: 459px;
	float: left;
	color: #000000;
	font: bold 12px/1.8em Verdana, Arial, Helvetica, sans-serif
}

#toolbar {
	margin-top: 25px;
	float: left;
	width: 930px;
	margin-bottom: 25px;
}

a#returnToMenu
{
	margin-top: 7px;
	float: left;
	font-size:12px !important;
}

#toolbar2 {
	float: left;
	width: 930px;
	margin-bottom: 25px;
}

#toolbarsee, .toolbarsee {
	margin-top: 20px;
	width: 900px;
	float: left;
}

#toolbarsee2, .toolbarsee2 {
	margin-top: 20px;
	width: 900px;
	float: left;
	padding-left: 25px;
}

div#thestatus.saveSuccess, div#thestatus.saveFailed {
	width: 810px;
}

div#thestatus.saveSuccess2, div#thestatus.saveFailed2 {
	width: 840px;
}

.saveSuccess3, .saveFailed3 {
	padding-left: 35px !important;
	width: 840px;
	margin-left: 10px;
}

#starttoolbar {
	margin-top: 25px;
	float: left;
	width: 960px;
	margin-bottom: 25px
}

#exercise div.interactive div.step p.field {
	margin-bottom: 20px;
}

.btn_save {
	background-image: url(../images/buttons/btn_save.gif);
	background-position: left top;
	background-repeat: no-repeat;
	height: 38px;
	width: 100px;
	float: left;
	margin-right: 5px
}

.btn_check,.btn_check {
	background-image: url(../images/buttons/btn_checkanswers.gif);
	background-position: left top;
	background-repeat: no-repeat;
	height: 38px;
	width: 167px;
	float: left;
	margin-right: 5px
}

.btn_check {
	margin-bottom: 15px
}

.btn_print {
	background-image: url(../images/buttons/btn_print.gif);
	background-position: left top;
	background-repeat: no-repeat;
	height: 38px;
	width: 100px;
	float: left;
	margin-right: 5px
}

.btn_next {
	background-image: url(../images/buttons/btn_next.gif);
	background-position: left top;
	background-repeat: no-repeat;
	height: 38px;
	width: 100px;
	float: left;
	margin-right: 5px
}

#toolbar a span, .btn_check a span, #toolbar2 a span, .toolbar a span, .btn_check a span, .toolbar2 a span{
	visibility: hidden;
}

.btn_back {
	background-image: url(../images/buttons/btn_back.gif);
	background-position: left top;
	background-repeat: no-repeat;
	height: 38px;
	width: 100px;
	float: left;
	margin-right: 5px
}

.btn_back:hover,.btn_next:hover, .btn_print:hover,.btn_check:hover,.btn_check:hover, .btn_save:hover {
	background-position: left bottom;
	text-decoration: none
}

.btn_back a,.btn_next a,.btn_print a,.btn_check a,.btn_check a,.btn_save a {
	display: block;
	text-decoration: none;
	padding-top: 11px;
	padding-bottom: 12px;
	line-height: 15px
}

.btn_back a:hover, .btn_next a:hover, .btn_print a:hover, .btn_check a:hover,.btn_check a:hover, .btn_save a:hover {
	text-decoration: none !important
}

.widget_area {
	float: left;
	padding-left: 0;
	/*padding-top:10px;*/
	/*padding-bottom:20px;*/
	color: #000000;
	/*width: 900px;*/
}

.widget_area-hidden
{
	display: none;
}

#intro1st {
	/*width: 64%;*/
	display: block;
	float: left
}

/* Video */

#video {
	width: 100%;
	float: left;
	background: #F3F2F1 url(../images/video_bg.gif) repeat-x left top;
	margin-top: 20px;
	border-bottom: 1px solid #CCCCCC;
	border-top-style: none;
	padding-bottom: 10px;
}

	#video #video-info {
		width: 960px;
		margin-left: auto;
		margin-right: auto;
		padding-top: 26px;
		padding-left: 4px;
		background: url(../images/icn_video.png) no-repeat 0 25px;

}


#video-info div.videocontent {
	padding-left: 40px;
	display: block;
	float: left;
	margin-right: 10px;
	width: 900px;
}
	#video #video-info h2 {
		font-size: 12px;
		color: #252f35;
		padding-left: 40px;
	padding-bottom: 10px;
}

	#video #video-info h3 {
		font-size: 12px;
		font-weight: bold;
		color: #252f35;
		margin: 0;
	}

	#video #video-info p {
		font-size: 12px;
}

p.watch {
	padding-left: 40px;
	width: 920px;
}

	#video #video-info ol {
		font-size: 12px !important;
		width: 60%;
		margin-left: 50px;
		list-style-position: outside !important;
		list-style-image:none !important;
		list-style-type: decimal !important;
		padding-left: 30px;
	}
		#video #video-info ol a {
			color: #273A96;
			text-decoration: none;
			font-weight: bold;
			font-size: 1em;
		}
			#video #video-info ol a:hover {
				text-decoration: underline;
			}


	#vidthumbs {
	display: inline;
	width: 300px;
	float: left;
}

#vidthumbs div.vthumb {
	margin-bottom: 8px;
	margin-left: 2px;
	float: left;
	width: 320px;
}

.slowvideo {
	width: 600px;
	float: left;
}

#vidthumbs div.vthumb img {
	float: left;
	border: none;
	/*width: 110px;*/
}

#vidthumbs div.vthumb div.vthumblink {
	background: url(../images/icn_play.png) no-repeat 5px 0;
	float: left;
	width: 180px;
	display: inline;
	padding-left: 25px;
	padding-bottom: 5px;
}

#vidthumbs div.vthumb a {

	font-size: 12px;
}

/* End Video */



#introleft {
	width: 58%;
	float: left
}

#intro1st h2 {
	font-size: 14px;
	border-color: #000;
	color: #252F35;
	font-weight: bold
}

#intro1st h2 span {
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
	color: #000000;
}

#introleft h4 {
	margin: 20px 0 10px;
	font: bold 12px Verdana;
	color: #252F35
}

#introleft ul {
	padding-left: 20px;
	margin-left: 0;
	margin-top: 0;
	margin-bottom: 20px
}

#right {
	float: right;
	width: 26%;
	display: inline;
	margin-top: 10px;
}

#right img {

}

#visitorjourney {
	float: left;
	width: 100%;
	height: 660px;
	background: url(../images/vj_complete.gif) no-repeat 110px 80px
}

p.visitor1 {
	margin-bottom: 20px;
	width: 55%
}

#visitortext {
	width: 66%;
	margin-top: 255px
}

#visitorjourney img {
	padding-left: 110px
}

#readmorelinks {
	margin-bottom: 20px;
	width: 100%;
	border-color: #B9D6FF;
	border-width: 1px;
	margin-top: 0;
	background-position: 0 0;
	background-repeat: no-repeat;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	float: left;
	margin-left: 0}

#readmorelinks ul, #readmorecontent ul, #thefacts ul {
	margin-left: 20px;
	padding-left: 20px;
	margin-top: 10px;
	padding-bottom: 0;
}

#readmorelinks h3 {
	color: #000000;
}

div.list, div.list ul, #readmorecontent div.list ul {
	margin-bottom: 20px;
	margin-top: 0;
	padding-top: 0;
}

#question {
	background: url(../images/icn_widgetexercise.gif) no-repeat 0 4px;
	width: 930px;
	margin-top: 10px;
	margin-bottom: 20px !important;
	min-height: 35px;
	float: left;
	padding-right: 0;
	padding-left: 39px;
}

#exercise {
	/*color: #273a96;*/
}


#exercise h3 {
	font-size: 14px;
	font-weight: bold;
	color: #252f35;
	margin-bottom: 0;
	display: inline;
}

#pagebottom div.page h3 {
	font-size: 12px;
	font-weight: bold;
	color: #252f35;
	margin-bottom: 0;
	display: inline;
}

p.emotions, span.emotions {
	background: url(../images/bullet_num1.gif) no-repeat;
	padding-left: 20px;
	font-weight: normal;
}
span.emotions {
	padding-bottom: 5px;
}
p.motivations, span.motivations {
	background: url(../images/bullet_num2.gif) no-repeat;
	padding-left: 20px;
	font-weight: normal;
}

p.priorities, span.priorities {
	background: url(../images/bullet_num3.gif) no-repeat;
	padding-left: 20px;
	font-weight: normal;
}

p.emotions strong, p.motivations strong, p.priorities strong, span.priorities, span.motivations, span.emotions {
	color: #00B5C9;
	padding-bottom: 10px;
	font-weight: normal;
}


p.margin {
	width: 100%;
	padding-top: 20px;
}


#journey_hints p {
	margin-bottom: 0;
	margin-top: 10px !important;
	margin-left: 22px;
}

p.field2 {
	margin: 50px 0 0;
	font-weight: bold;
	float: left;
	border-color: #273a96
}

p.access {
	margin: 20px 0 0;
	font-weight: bold;
	float: left;
	border-color: #273a96;
	color: #000000;
	width: 100%}


#left div.tip {
	margin-top: 20px;
}

p.tip {
	/*background-color: #F3F2F1;
	border: 1px solid #dfdfdf;
	width: 95%;
	padding: 10px 10px 10px 15px;
	margin: 0 0 20px*/
}

#thequiz {
	margin: 20px 0 0 20px;
	float: left;
	/*background-color: #f7f7f7;*/
}

#thereviewquiz {
	padding-top: 15px;
	padding-left: 20px;
	padding-bottom: 10px;
	float: left;
	width: 880px;
	margin-top: 10px;
	background: #f7f7f7 url(../images/bg_furtherinfo.gif) repeat-x;
}


#thequiz div.widget_area p {
	width: 60%
}

#exercise div.interactive p {
	margin-top: 0;
}

#exercise div.interactive div.learnt div.learntlist {
	margin-top: 30px;
}

#exercise div.interactive div.reviewpara {
	width: 850px;
	float: left;
}

.needhelp {
	background: url(../images/icn_screencast.gif) no-repeat 0px 0px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 0px;
	padding-left: 33px;
}

.needhelp-top {
	background: url(../images/icn_screencast.gif) no-repeat 0px 0px;
	margin-top: 20px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-left: 33px;
}
.needhelp a {
	/*font-weight: normal !important;*/
}

#exercise div.interactive div.needhelp a {

	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin-left: 0px;
}

#thereviewquiz div.question div.needhelp a {
	background: url(../images/icn_screencast.gif) no-repeat 5px 0;
	padding-top: 10px;
	padding-left: 50px;
	padding-bottom: 10px;
	margin-left: 0;
}

/* My Comment */

#checkbox1 table,#checkbox2 table,#checkbox3 table,#checkbox4 table,#checkbox5 table,#checkbox6 table {
	width: 720px
}

#introright {
	display: inline;
	float: right;
	width: 35%
}

span.boldorange {
	color: #F5822B;
	font-weight: bold
}

#left, #pagebottom div.page div.left {
	width: 100%;
	float: left
}


#pagebottom div.page div.left p {
}

#pagebottom div.page div.left p strong {
	color: #252f35;
}


#facts h2 {
	width: 730px;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	margin-top: 10px;
	margin-bottom: 0;
	margin-left: 0;
	color: #000000;
}

span.h2bold {
	font-weight: bold;
	color: #252f35;
}

#facts {
	margin-top: 10px;
}

#thefacts h3 {
	color: #252F35;
	font-size: 14px !important;
	font-weight: bold;
	padding: 2px 0 0;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin: 0;
}


#thefacts h4, #pagebottom div.page div.left h4 {
	color: #252f35;
	font-weight: bold;
	margin: 20px 0 0;
	font-size: 14px;
}

#thefacts {
	/*background: url(/images/icn_facts32px.gif) no-repeat;
	padding-left: 40px*/
}

#readmore {

}

#readmorecontent, #furtheradivcecontent, #usefulcontactscontent {
	/*margin-left: 40px;
	width: 630px; */
}

#readmore h2 {
	color: #000000;
	font-size: 14px !important;
	font-weight: bold;
	background-repeat: no-repeat;

	line-height: 18px;
	margin-bottom: 20px;
}

h3.read {
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	margin: 0
}


#readmorelinks h4 {
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	margin: 0
}



h3.readtopmargin {

	font-size: 12px;
	font-weight: bold;
	margin: 20px 0 0
}

#furtheradivce {
	/*
	background: url(../images/icn_further.gif) no-repeat;
	margin-top: 10px;
	*/
}

#furtheradivce h2, #usefulcontacts h2, #thankyou h2  {
	color: #252f35;
	font-size: 14px;
	font-weight: bold;
	background-repeat: no-repeat;
	line-height: 18px;
	margin-bottom: 17px;
	margin-top: 0;
	padding-top: 3px;
}

#furtheradivcecontent h3, #usefulcontactscontent h3 {
	color: #252f35;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0;
}

#furtheradivcecontent ul {
	margin-bottom: 20px !important;
}

#usefulcontacts {
	/*background: url(../images/icn_contacts.gif) no-repeat;*/
	margin-top: 10px;
}
#thankyou {
	margin-top: 10px;
}

#usefulcontactscontent ul {
	list-style-type: none;
	list-style-image: none;
	padding-left: 0;
	margin-bottom: 40px !important;
	margin-top: 0!important;
}



#readmorecontent p {
	margin-top: 0;
}

p.read, p.thefacts {
	margin-bottom: 20px;
	margin-top: 10px;
	font-weight: normal;
}
#extra {
	margin: 40px 5px 0px 0px;
	display: inline-block;
}

#extra img {
	float: right;
	border: 1px solid #bebebe;
	margin-bottom: 40px
}


#left img {
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 10px;
	border: 1px solid #ccc;
}

#thefacts div.floatright, #left div.floatright, #readmorecontent div.floatright {
	margin-left: 20px;
	margin-bottom: 22px;
	float: right;

}

#thefacts div.floatright img, #left div.floatright img, #readmorecontent div.floatright img {
	margin-bottom: 0;
}

#left div.floatright p.imginfo {
	margin-left: 0;
}


#left div.noborder p img {
	border-style: none;
	margin-bottom: 0;
}

#thefacts div.floatright img {
	margin-bottom: 0;
}

#thefacts div.floatright {
	float: right;
	margin-left: 20px;
	margin-bottom: 30px;
}

#left div.noborder p img {
	border-style: none;
	margin-bottom: 0;
}

p.imginfo, p.brackets, p.credit  {
	margin: 0 0 10px;
	color: #9d9ea2;
}

.pullquote {
	background: #F7F7F7 url(/images/pullquote.gif) no-repeat scroll 15px 15px;
	color: #000000;
	float: right;
	margin: 0 0 20px;
	padding: 28px 25px 24px 50px;
	width: 200px;
	font-weight: normal;
	font-style: normal;
}

.blockquote {
	color: #000000;
	margin: 20px 0 0;
	padding: 0 0 10px;
	font-weight: 400;
	font-style: normal;
}

#exercise {
	float: left;
	width: 100%
}
	#exercise #exercise-instructions {
		float: left;
		width: 100%
	}

.question {
	float: left;
	margin-bottom: 0px;
	width: 100%
}

#exercise h2 {
	font-size: 14px;
	color: #252f35
}

#question h3 {
	color: #f5822b;
	font: bold 12px/20px Verdana;
	margin-bottom: 0;
	margin-top: 0;
	padding-top: 6px;
}


p.exercise {
	width: 100%;
	margin-bottom: 20px;
}

p.facts, p.left, p.visitor {
	width: 100%;
	margin-bottom: 20px;
	margin-top: 10px;
}

p.intro {
	margin: 0
}

#paraend {
	float: left;
	width: 100%
}

#exercise div#legals ul {
	width: 100%;
}

#legals div.contactdetails ul {
	list-style-image: none;
	list-style-type: none;
	padding: 0;
}

p.nomargins, #legals p.nomargins {
	margin: 0;
	padding: 0;
}

#reviewquestion {
	behavior: url(styles/iepngfix.htc);
	background: url(../images/icn_widgetreview.gif) no-repeat 0px 4px;
	width: 95%;
	margin-top: 10px;
	float: left;
	padding-left: 40px;
	padding-bottom: 20px;
	min-height: 35px;
}

#reviewquestion h3 {
	color: #73c800;
	font: bold 12px/20px Verdana;
	margin: 0px !important;
	padding-bottom: 0px !important;
}

#actions {
	margin-top: 20px;
	float: left
}

#actions h3 {
	color: #000000;
	font-size: 14px;
	font-weight: bold
}

#exercise div.interactive h3.actions  {
	background: url(../images/bullet_num1_grey.gif) no-repeat 0 3px;
	margin-top: 0;
	padding-left: 25px;
	color: #000000;
	float: left;
	margin-bottom: 0;
	width: 700px;
	font-size:12px !important;
}

#exercise div.interactive div.step h3.access, #exercise div.interactive div.learnt h3.access {
	color: #000000;
	background: url(../images/bullet_num2_grey.gif) no-repeat 0 3px;
	padding-left: 25px;
	float: left;
	margin-top: 0;
	font-size:12px !important;
}

#exercise div.interactive div.step h3.accessb {
	background: url(../images/bullet_num2_grey.gif) no-repeat 0 0;
	color: #000000;
	margin-left: 42px;
	padding-left: 25px;
}


#exercise div.interactive div.learnt h3.learnt {
	color: #000000;
	background: url(../images/bullet_num3_grey.gif) no-repeat 0 3px;
	padding-left: 25px;
	float: left;
	margin-top: 0;
	font-size:12px !important;
}

textarea#access_statement {
	color: #000000;
	float: left;
	width: 860px;
	height: 141px;
	font: 12px/20px Verdana, Arial, Helvetica, sans-serif;
}

textarea#journey_info {
	height: 140px;
	margin-top: 5px;
	width: 870px;
}


textarea#prearrival_statement {
	color: #000000;
	float: right;
	margin-right: 55px;
	width: 425px;
	height: 140px;
	font: 12px/20px Verdana, Arial, Helvetica, sans-serif;
}
.field-1 textarea {
	color: #000000;
	float: left;
	width: 425px !important;
	height: 141px;
	font: 12px/20px Verdana, Arial, Helvetica, sans-serif;
}

#exercise div.interactive div.step {
	display: inline;
}

#exercise div.interactive div.stepab {
	display: inline;
	float: left;
	margin-bottom: 32px;
	width: 100%;
}

#exercise div.interactive div.stepab h3.access, #exercise div.interactive div.stepab h3.accessb {
	background: url(../images/bullet_num2_grey.gif) no-repeat 0 3px;
	color: #000000;
	padding-left: 25px;
	float: left;
	margin-top: 0;
	margin-bottom: 10px;
	font-size:12px !important;
}

#exercise div.interactive div.stepab h3.accessb {
	padding-left: 25px;
	margin-left: 193px;
}


#exercise div.interactive div.learnt {
	display: block;
	float: left;
	margin-top: 0;
}


#exercise div.interactive p.reviewstep {
	display: inline;
	float: right;
	margin-right: 60px;
}


#accesstate {
	width: 65%;
	min-height: 35px;
	margin-top: 20px;
	*padding-bottom: 20px;
	float: left;
	background-position: 0 4px;
	background-repeat: no-repeat;
	margin-bottom: 0;
}

#accesstate h4 {
	color: #000000;
	font: bold 12px Verdana;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 0;
	margin: 0
}


#exercise div.interactive div.widget_area h4 {
	margin-bottom: 0;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
}


.interactive .field {
	width: 880px;
	padding: 10px 30px 10px 0;
	float: left;
	margin-top: 0;
	margin-bottom: 0;
	color: #000000;
	font-weight: normal;
}

.interactive .field label {
	color: #000000;
	width: 250px;
	float: left;
	line-height: 40px;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif
}

.interactive .field input,.interactive .field select {
	border: solid 2px #C1C1C1;
	padding: 10px;
	width: 500px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}
.interactive .field input {
	color: #000000;
}

.interactive .field .radio {
	width: auto
}

.interactive .field textarea {
	border: solid 2px #C1C1C1;
	padding: 10px;
	width: 870px;
	color: #000000;
	font: 12px/19px Verdana, Arial, Helvetica, sans-serif;
}

textarea#emotions, textarea#motivations, textarea#priorities {
	width: 870px;
	margin-bottom: 0;
}

textarea#work_together {
	width: 875px;
	height: 100px;
}

textarea#guest_arrival {
	width: 870px;
	margin-top: 5px;
}

textarea#my_business {
	width: 870px;
	height: 125px;
	margin-bottom: 20px;
}

textarea#prearrival {
	width: 870px;
	height: 125px;
}



div#info-attraction.togglearea ul {
	padding-left: 22px;
	font-weight: normal;
	margin-top: 5px;
	margin-bottom: 5px;
}

div#info-accommodation.togglearea ul {
	padding-left: 22px;
	font-weight: normal;
	margin-top: 5px;
	margin-bottom: 5px;
}


#exercise div.interactive div.shade, #exercise div.interactive div.light {
	float: left;
	width: 96%;
	padding-left: 20px;
	margin-bottom: 20px;
}

#exercise div.interactive div.shade{
	background-color: #f7f7f7;
}

#exercise div.interactive div.light {
	background-color: #fff;
}

ul {
	margin: 0 20px 10px 25px;
	padding-left: 20px;
	list-style: disc outside url(/images/bullet_orange.png);
}

li {
	line-height: 20px;
	margin-top: 2px;
	margin-bottom: 2px
}

#exercise div.listnostyle ul {
	list-style-type: disc;
	list-style-image: none
}

#left div.nowidth ul {
	width: 97%;
}

#exercise ul, #transcripts ul {
	/*width: 58%*/
	margin-bottom: 20px;
	margin-left: 0;
	padding-left: 20px
}

#left ul {
	margin: 10px 0;

}



#barriers ul,#info-feelings ul {
	width: 80%
}

#info-feelings.togglearea {
	margin-top: 20px;
}


#barriers ol {
	list-style-type: none;
	list-style-position: outside;
	padding: 0;
}

ol li {
background: no-repeat;
margin: 5px;
padding: 0 0 5px 23px;
}

ol li.step1 {
	background: url(../images/bullet_num1.gif) no-repeat 0 3px;
}

ol li.step2 {
	background: url(../images/bullet_num2.gif) no-repeat 0 3px;
}

ol li.step3 {
	background: url(../images/bullet_num3.gif) no-repeat 0 3px;
}

ol li.step4 {
	background: url(../images/bullet_num4.gif) no-repeat 0 3px;
}

ol li.step5 {
	background: url(../images/bullet_num5.gif) no-repeat 0 3px;
}

ol li.step6 {
	background: url(../images/bullet_num6.gif) no-repeat 0 3px;
}

ol li.step7 {
	background: url(../images/bullet_num7.gif) no-repeat 0 3px;
}

ol li.step8 {
	background: url(../images/bullet_num8.gif) no-repeat 0 3px;
}

ol li.step9 {
	background: url(../images/bullet_num9.gif) no-repeat 0 3px;
}

#accesstate ul {
	margin-top: 10px;
	margin-bottom: 0
}

#legals {
	width: 70%;
}

#legals p {
	margin-top: 0;
	margin-bottom: 20px;
}

#transcripts {
	padding-left: 40px;
}

#transcripts h2 {
	font-size: 12px;
	color: #252f35;
	/* padding-top: 5px;*/
padding-left: 40px;
margin-left: -40px;
line-height:32px;
	background: url(../images/icn_transcript.png) no-repeat;
}

#transcripts h3 {
	color: #252f35;
	font-size: 12px;
	margin-bottom: 0;
	padding-bottom: 0;
	font-weight: bold;
}

#transcripts p span.says {
	color: #252f35;
	font-weight: bold;
}

p.vidcomment {
	color: #9d9ea2;
}

p.bottommargin {
	margin-bottom: 20px;
}

#transcripts h4 {
	color: #252f35;
	font-size: 12px;
	margin-bottom: 10px;
	margin-top: 20px;
}

#transcripts h3.subtitle {
	font-weight: bold;
	margin-top: 20px;
	color: #252f35;
	font-size: 12px;
	margin-bottom: 0;
}


#pub img {
		margin-bottom: 25px;
}

textarea#access_statement
{
	font-size: 12px;
	color: #000000;
	line-height: 20px;
	float: left;
}

#exercise div.interactive div.step h3.accessb {
	background: url(../images/bullet_num2_grey.gif) no-repeat 0 0;
	color: #000000;
	margin-left: 42px;
	padding-left: 25px;
}

div#furtherinfo {
	margin-top: 0px;
	padding: 20px;
	background: #f7f7f7 url(../images/bg_furtherinfo.gif) repeat-x;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

#furtherinfo h4 {
	margin: 0;
	font-weight: bold;
	font-size: 12px;

}

label {
	padding-bottom:5px;
}

/* Densen additions */
#logoPrint{
	visibility:hidden;
	display:none;
}

.access_statement
{
	font-size:14px;
}