/* @group html */

html, body {
	margin: 0;
	padding: 0;
	color: #333;
	background: #fff url(../images/bg.gif) repeat-x 0 0;
	font: 11pt/1.5em Verdana, "Lucida Grande", Lucida, sans-serif;
}

h1, h2, h3, h4, p, div, form {
	margin: 0;
	padding: 0;
}

a.contentskip {
	display: none;
}

/* @end */

/* @group Container */


/* @group Header */

.header {
	display: none;
}

/* @group Primary Logo */

/* @end */

/* @group Secondary Logos */

/* @end */

/* @end */

/* @group Navigation */

.navigation {
	display: none;

}

/* @end */

/* @end */

/* @group Content */


/* @group Page Content */

/* @group Links (with icons) */

.video,
.podcast,
.friend,
.print,
.phone,
.document,
.mail,
.save {
	display: block;
	padding-left: 20px;
	margin: 3px 0;
	text-decoration: none;
	color: #333;
}

/* @group Phone */

.phone {
	background: #fff url(../images/icon_phone.gif) no-repeat 0 center;
}

/* @end */

/* @group video */

#maincontent .panel ul li a.video {
	background: #fff url(../images/icon_film.gif) no-repeat 2px center;
}

#maincontent .panel ul li a:hover.video {
	background: #a9cf38 url(../images/icon_film_hover.gif) no-repeat 3px center;
}

/* @end */

/* @group mail */

#maincontent .panel ul li a.mail {
	background: #fff url(../images/icon_mail.gif) no-repeat 2px center;
}

#maincontent .panel ul li a:hover.mail {
	background: #a9cf38 url(../images/icon_mail_hover.gif) no-repeat 3px center;
}

/* @end */

/* @group Save */

a.save {
	background: #fff url(../images/icon_save.gif) no-repeat 2px center;
}

/* @end */

/* @group podcast */

#maincontent .panel ul li a.podcast {
	background: #fff url(../images/icon_podcast.gif) no-repeat 2px center;
}

#maincontent .panel ul li a:hover.podcast {
	background: #a9cf38 url(../images/icon_podcast_hover.gif) no-repeat 3px center;
}

/* @end */

/* @group email */

#maincontent .panel ul li a.email {
	background: #fff url(../images/icon_email.gif) no-repeat 2px center;
}

#maincontent .panel ul li a:hover.email {
	background: #a9cf38 url(../images/icon_email_hover.gif) no-repeat 3px center;
}

/* @end */

/* @group document */

#maincontent .panel ul li a.document {
	background: #fff url(../images/icon_doc.gif) no-repeat 2px center;
}

#maincontent .panel ul li a:hover.document {
	background: #a9cf38 url(../images/icon_doc_hover.gif) no-repeat 3px center;
}

/* @end */

/* @group friend */

a.friend {
	background: #fff url(../images/icon_friend.gif) no-repeat 0 center;
}

a:hover.friend {
	text-decoration: underline;
}

/* @end */

/* @group print */

.print, 
a.print {
	background: #fff url(../images/icon_fax.gif) no-repeat 0 center;
}

a:hover.print {
	text-decoration: underline;
}

/* @end */

/* @end */

.pagecontent {
	position: relative;
	float: none;
	margin: 0 5px;
	padding: 0;
}

.bottom {
	display: none;
}

/* @group Dashboard */

.dashboard {
	display: none;
}

/* @end */

/* @group Main */

#maincontent {
	float: none;
	width: 100%;
	display: block;
}

#maincontent div {
	float: none;
}

#maincontent .rapper {
	padding: 15px;
	display: block;
	float: none;
	height: 100%;
}



#maincontent a {
	color: #88a72b;
	text-decoration: none;
}

#maincontent a.restore{
	float: none;
	width: 16px;
	padding: 2px 8px;
	height: 16px;
	line-height: 16px;
	overflow: hidden;
	background: url(../images/icon_arrow_refresh.gif) no-repeat center center;
}

#maincontent a:hover {
	text-decoration: underline;
}

#maincontent #breadcrumbs {
	color: #999	;
	display: block;
	width: 90%;
	font-size: 1em;
	margin: 1em 15px 0.5em;
	padding: 0;
	float: none;
}

#maincontent #breadcrumbs span{
	color: #666;
}


#maincontent #breadcrumbs a{
	color: #999;
}

/* @group Buttons */

a.button-white,
a.button-white span,
span.button-white,
span.button-white input {
	background: url(../images/btn_white.gif);
	background-repeat: no-repeat;
}

a.button-green, 
a.button-green span,
span.button-green,
span.button-green input {
	background: url(../images/btn_green.gif);
	background-repeat: no-repeat;
}

a.button-green,
a.button-white,
span.button-green,
span.button-white {
	background-position: 0 -3px;
	cursor:pointer;
	height: 25px;
	border: none;	
	font-style:normal;
	padding: 0;	
	text-decoration: none;
	vertical-align: middle;
    font-size:0;
    line-height: 0;
}

a.button-green span.large,
a.button-white span.large{ 
	padding-top: 4px;
	font-size: 14px !important;
}

a.button-green span,
a.button-white span,
span.button-green input,
span.button-white input {
	background-position: right -3px;
	border: none;
	cursor: pointer;
	font-size: 11px !important;
	line-height: 1.5em;
	letter-spacing: 0;
	padding: 6px 12px 0 0;
	margin: 0 0 0 12px;
	white-space: nowrap;
	vertical-align: text-top;
	color: #fff;
	height: 19px;
	font-style: normal;
	letter-spacing: 0pt !important;
	line-height: 1;
}

a.button-green,
a.button-white,
span.button-green,
span.button-white,
a.button-green span,
a.button-white span,
span.button-green input,
span.button-white input {
	display: -moz-inline-box;
	display: inline-block;
}

span.button-green,
span.button-white {
	background-position: 0 0;
	height: 28px;
	margin: 0 7px 0 0;
}

span.button-green input,
span.button-white input {
	height: 28px;
	background-position: right 0;
	padding: 6px 7px 0 0;
	margin: 0 0 0 7px;
}

a.button-green:hover,
a.button-white:hover {
	background-position: 0 -30px;
}

span.button-green:hover,
span.button-white:hover {
	background-position: 0 -28px;
}

a.button-green:hover span,
a.button-white:hover span {
	background-position: right -30px;
}

span.button-green:hover input,
span.button-white:hover input {
	background-position: right -28px;
}

span.button-green input,
span.button-white input {
	height: 28px;
	background-position: right 0;
}

a.button-white span,
span.button-white input {
	color: #666;
}

span.button-green input,
span.button-white input {
	line-height: 2.5em;
	padding-top: 0px;	
}

#maincontent a.button-green,
#maincontent a.button-white,
#maincontent a.button-green span,
#maincontent a.button-white span {
	text-decoration: none;
}

#maincontent .fullcontent .form .pagination .steps li a.button-white, #maincontent .leftcontent .pagination .steps li a.button-white {
	color: #333;
	display: block;
	padding: 5px 0pt 0.25em;
	text-decoration: none;
	width: 18px;
}

.form {
	overflow: auto;
}

/* @end */

/* @group Pagination */

.pagination {
	width: 100%;
	margin: 1.5em 0;
	padding: 0;
}
#maincontent .fullcontent .form .pagination ul,
#maincontent .fullcontent .pagination ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float: none;
	display: block;
}



#maincontent .fullcontent .form .pagination ul.steps,
#maincontent .leftcontent .pagination ul.steps {
	float: none;	
	width: 100%;
	margin: 1em 0;
	padding: 0.5em 0;	
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
}

#maincontent .fullcontent .form .pagination .steps li,
#maincontent .leftcontent .pagination .steps li {
	margin: 0;
	padding: 0 3px;
	list-style: none;
	float: none;
	text-align: center;
	border: none;
	width: auto;
	clear: none;
	background: none;
}

#maincontent .fullcontent .form .pagination .steps li a,
#maincontent .leftcontent .pagination .steps li a {
	display: block;
	width: 18px;
	padding: 5px 0 0.25em;
	text-decoration: none;
	color: #333;
}

#maincontent .fullcontent .form .pagination .steps li a.button-white span,
#maincontent .leftcontent .pagination .steps li a.button-white span,
#maincontent .fullcontent .form .pagination .steps li a.button-white,
#maincontent .leftcontent .pagination .steps li a.button-white {
	display: -moz-inline-box;
	display: inline-block;
}

#maincontent .fullcontent .form .pagination .steps li a.button-white,
#maincontent .leftcontent .pagination .steps li a.button-white {
	width: auto;
	padding: 0;
}

#maincontent .fullcontent .form .pagination .steps li a.button-white span,
#maincontent .leftcontent .pagination .steps li a.button-white span {
	padding: 4px 12px 0pt 0pt;
}

#maincontent .fullcontent .form .pagination .steps li span,
#maincontent .leftcontent .pagination .steps li span {
	display: block;
	padding: 5px 0 0.25em;
	text-decoration: none;
	color: #333;
}

#maincontent .leftcontent .pagination .steps li.intro a{
	width: 40px;
	color: #ccc;
}

#maincontent .leftcontent .pagination .steps li.intro .current {
	color: #fff;
	background: #a9cf38 url(../images/icon_intro.gif) no-repeat center top;
}

#maincontent .fullcontent .form .pagination .steps li a:hover,
#maincontent .leftcontent .pagination .steps li a:hover {
	text-decoration: underline;
}

#maincontent .leftcontent .pagination .steps li .current {
	color: #fff;
	background: #a9cf38 url(../images/icon_number.gif) no-repeat center top;
}

#maincontent .leftcontent .pagination .steps li .completed {
	padding-left: 4px;
	padding-right: 6px;
	color: #ccc;
	width: 12px;
	text-align: left;
	background: url(../images/icon_tick.gif) no-repeat right center;
}

#maincontent .fullcontent .form .pagination .steps li .current {
	color: #fff;
	background: #a9cf38 url(../images/icon_number_form.gif) no-repeat center top;	
}

#maincontent .leftcontent .pagination .save {
	display: block;
	clear: both;
	float: none;
}

#maincontent .leftcontent .pagination a.button-green {
	float: none;
}

/* @end */

/* @group rapper */

#maincontent .rapper{
	width: 100%;
}
#maincontent .rapper img {
	float: right;
	margin: 0 0 10px 10px;
}

/* @end */

/* @group List */


#maincontent ul.list li,
#maincontent .rapper ul.list li {
	float: none;
	clear: left;
	border-bottom: 1px solid #ccc;
	margin-bottom: 1em;
	padding-bottom: 1em;
	background: none;
	padding-left: 0;
}

#maincontent ul.list li.last {
	border: none;
	margin: 0;
	padding: 0;
}

#maincontent ul.list li h3,
#maincontent ul.list li h3 a {
	color: #88a72b;
	margin-bottom: 0;
}

#maincontent ul.list li h3 a {
	text-decoration: none;
	padding: 0;
	margin: 0;
	background: none;
}

#maincontent ul.list li h3 a:hover {
	text-decoration: underline;
}

#maincontent ul.list li .dateline {
	margin-bottom: 0.7em;
}

#maincontent ul.list li p {
	margin: 0;
}

#maincontent ul.list li a {
	text-decoration: none;
	padding: 0 0 0 20px;
	margin: 0;
	color: #88a72b;
	background: url(../images/icon_arrow_link.gif) no-repeat 3px center;
}

#maincontent ul.list li a:hover {
	text-decoration: underline;
}

#maincontent ul.list img {
	float: none;
	margin: 0 10px 0 0;
}


#maincontent ul.list li div {
	float: none;
} 

#maincontent .fullcontent ul.list li,
#maincontent .leftcontent ul.list li,
#maincontent .fullcontent li div,
#maincontent .leftcontent li div {
	width: 100%;
}

/* @end */

/* @group Page Heading */
#maincontent #pageheading {
	margin: 0 0 0 15px;
	float: none;
	width: 100%;
	clear: both;
}

#maincontent #pageheading h2 {
	font-size: 2.0em;
	line-height: 1.5em;
	margin-top: 33px;
	
	float: none;	
}

#maincontent #pageheading img {
	display: none;
	float: none;
	width: 100px;
	margin-right: 0;
}

#maincontent #pageheading img.logo{
	width: auto;
	margin-right: 10px;
}

/* @end */

/* @group Full */

#maincontent .fullcontent {
	width: 100%;
}

#maincontent .fullcontent h3 {
	margin-bottom: 0.5em;
}

#maincontent .fullcontent p, #maincontent .fullcontent ul {
	margin-bottom: 1.5em;
}

#maincontent .fullcontent .description,
.description {
	text-align:left;
	width: 320px;
	float: none;
	font-size: 0.85em;
	margin-bottom: 0;
	
}

/* @group Sections */

#maincontent .fullcontent .rapper{
	padding-top: 0;
}

/* @end */

/* @end */

/* @group Left */

.dateline {
	display: block;
	margin-bottom: 0;
	color: #999;
}

.biline {
	font-size: 1.2em;
}

#maincontent .leftcontent {
	width: 100%;
}

#maincontent .leftcontent h3 {
	margin: 0 0 0.5em;
	font-size: 1.2em;
}

#maincontent .leftcontent h4 {
	margin: 1.5em 0 0.3em;
	font-size: 1.0em;
}

#maincontent .leftcontent p, 
#maincontent .leftcontent ul {
	margin-bottom: 1.2em;
}

#maincontent .leftcontent td h3,
#maincontent .leftcontent td h4 {
	margin: 0 0 0.3em;
}


/* @group pagetitles */

#maincontent .leftcontent .pagetitle h3 {
	margin-bottom: 0.15em;
}

.pagetitle {
	float: none;
	width: 100%;
	margin-bottom: 10px;
}

.pagecontent .pagetitle a {
	color: #999;
}

.pagetitle .left {
	float: none;
	width: 60%;
}

.pagetitle .right {
	display: none;
}

.pagetitle .left span {
	color: #999;
}

/* @end */

/* @group Sections */

#maincontent .leftcontent h2.resources {
	margin: 0;
	padding: 30px 15px 30px 100px;
	background: url(../images/icon_heading_resources.jpg) no-repeat 15px center;
}

#maincontent .leftcontent h2.news {
	margin: 0;
	padding: 30px 15px 30px 100px;
	background: url(../images/icon_heading_news.jpg) no-repeat 15px center;
}
#maincontent .leftcontent h2.contact {
	margin: 0;
	padding: 30px 15px 30px 100px;
	background: url(../images/icon_heading_contact.jpg) no-repeat 15px center;
}

/* @end */

/* @group Scenarios */

#maincontent.scenario .leftcontent h2.scenario1 {
	margin: 0;
	padding: 30px 15px 30px 100px;
	background: url(../images/icon_heading_scenario1.jpg) no-repeat 15px center;
}

#maincontent .leftcontent #scenariolearn,
#maincontent .leftcontent #scenarioadvice {
	width: 255px;
	margin: 0 5px 0 0;
	color: #fff;
	background: #9bbe32 url(../images/bg_advicefor_sub_bottom.jpg) no-repeat 0 bottom;
}

#maincontent .leftcontent #scenariolearn h3,
#maincontent .leftcontent #scenarioadvice h3 {
	width: 255px;
	background: #a9cf38 url(../images/bg_advicefor_sub.jpg) no-repeat 0 top;
	height: 0px;
	padding: 70px 0 0 0;
	color: #fff;
	display: block;
	overflow: hidden;
	text-transform: capitalize;
}

#maincontent .leftcontent #scenarioadvice h3 {
	background-position: -255px top;
}

#maincontent .leftcontent #scenarioadvice a {
	background-color: #9bbe32;
	color: #fff;
	background: url(../images/icon_arrow_link_hover.gif) no-repeat scroll 0 center;
}

#maincontent .leftcontent #scenarioadvice a:hover {
	text-decoration: none;
	color: #333;
	width: auto;
	background: #fff url(../images/icon_arrow_link.gif) no-repeat scroll 0 center;
}

#maincontent .leftcontent #scenariolearn ul,
#maincontent .leftcontent #scenarioadvice ul {
	width: 235px;
}

/* @end */

/* @group Forms */


.form-popup {
	width: 600px;
	margin-top: 1em;
	padding: 10px 10px 0;
	background: #F3F8E4;
	border: 4px solid #fff;
	position: relative;
}


.form {
	margin-top: 1em;
	padding: 10px 10px 0;
	background: #F3F8E4 url(../images/bg_rounded_tops.gif) no-repeat -2440px top;
}

.fullcontent .form {
	width: 705px;
	background: #F3F8E4 url(../images/bg_rounded_tops.gif) no-repeat -2960px top;
}

.formbottom {
	display: none;
}

/* @group Buttons */


.form .buttons,
.form-popup .buttons {
	display: block;
	width: 100%;
	text-align: right;
	margin-bottom: 1em;
}


.form-popup .buttons {
	padding-bottom: 1em;
}

.form a.button-green, 
.form a.button-green span, 
.form span.button-green, 
.form span.button-green input,
.form-popup a.button-green, 
.form-popup a.button-green span, 
.form-popup span.button-green, 
.form-popup span.button-green input {
	background-image: url(../images/btn_green_form.gif);
}

.form a.button-white, 
.form a.button-white span, 
.form span.button-white, 
.form span.button-white input,
.form-popup a.button-white, 
.form-popup a.button-white span, 
.form-popup span.button-white, 
.form-popup span.button-white input {
	background-image: url(../images/btn_white_form.gif);
}

/* @end */

/* @group Search */

.form .search,
.form-popup .search {
	width: 100%;	
}

.form .search .button,
.form-popup .search .button {
	width: 100px;
	text-align: right;
}

.form #news {
	width: 100%;
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}

#newsbottom {
	margin-bottom: 1.5em;
}

#maincontent .form .pagination {
	margin: 0;
}

#maincontent .fullcontent .rapper .form .search ul,
.form .search ul  {
	float: left;
	padding: 0 0 1em 0;
	list-style: none;
	padding-bottom: 1em;
	border-bottom: 1px solid #ccc;
}

#maincontent .fullcontent .rapper .form .search ul.last,
.form .search ul.last  {
	padding: 0;
	border-bottom: none;
}


#maincontent .fullcontent .form .search li,
 .form .search li  {
	position: relative;
	float: none;
	clear: none;
	width: auto;
	border: none;
	padding: 5px 15px 0 0;
	margin: 0;
}

#maincontent .fullcontent .form .search .button,
.form .search .button {
	padding-top: 0;
	width: 150px;
	text-align: right;
	float: none;
}

#SearchCompanyNameLabel,
#SearchNameLabel,
#SearchLoginNameLabel,
#SearchFirstNameLabel,
#SearchLastNameLabel {
	position: absolute;
	left: 5px;
	top: 7px;
	color: #666;
}

#SearchCompanyName,
#SearchName,
#SearchLoginName,
#SearchFirstName,
#SearchLastName {
	border: 1px solid #ccc;
	width: 120px;
}

/* @end */

/* @group ul */

#maincontent .rapper .form ul,
#maincontent .form-popup ul {
	list-style: none;
	margin: 0;
	padding: 0;
	background-image: none;
}

.form li,
#maincontent .rapper .form li,
#maincontent .form-popup li {
	margin-bottom: 1em;
	padding-left: 0;
	padding-bottom: 1em;
	border-bottom: 1px solid #ccc;
	float: none;
	clear: left;
	background-image: none;
}


#maincontent .rapper .form li.last,
#maincontent .form-popup li.last {
	border: none;
	margin-bottom: 0.3em;
	padding-bottom: 0;
	
}

#maincontent .fullcontent .rapper .form ul,
.fullcontent .form li,
#maincontent .fullcontent .rapper .form-popup ul,
#maincontent .fullcontent .rapper .form-popup li {
	width: 100%;
}

/* @end */

/* @group dl */

.form dl,
.form dt,
.form dd,
.form-popup dl,
.form-popup dt,
.form-popup dd  {
	float: none;
}

.form dl,
.form-popup dl {
	width: 100%;
}


.form-popup dl {
	margin-left: 0;
}


#maincontent .form h4,
#maincontent .form-popup h4 {
	font-size: 1.2em;
	margin: 0 0 0.3em;
}

.form dt,
.form-popup dt {
	margin: 0 0 0.5em 0;
	padding: 3px 0 0 0;
	width: 170px;
	clear: left;
	text-align: right;
	color: #666;
}


.form-popup dt {
	width: 140px;
}

.form dd,
.form-popup dd {
	margin: 0 0 0.5em 0;
	padding: 0 0 0 10px;
	width: 300px;
}

.form-popup dd {
	width: 430px;
}

.form dd span,
.form-popup dd span {
	margin: 0 0 0.5em 0;
	padding: 3px 0 0 0;
	display: block;
}


.form .button,
.form-popup .button{
	width: 100%;
	text-align: right;
}

.form dd span.button-green,
.form-popup dd span.button-green {
	padding-top: 0;
}

.fullcontent .form dd {
	width: 500px;
}

/* @end */

/* @group controls */

.form .textbox,
.form .textarea,
.form .short,
.form .small,
.form-popup .textbox,
.form-popup .textarea,
.form-popup .short,
.form-popup .small {
	border: none;
	border: 1px solid #ccc;
	padding: 3px;
	font-size: inherit;
}

.form .textbox,
.form .textarea,
.form-popup .textbox,
.form-popup .textarea {
	width: 292px;
	overflow: auto;
}

.form .textarea,
.form-popup .textarea  {
	height: 75px;
	width: 392px;
}

.form-popup .textbox,
.form-popup textarea,
.form-popup .textarea {
	font-size: 12px;
}

.form .short,
.form-popup .short  {
	width: 120px;
}

.form .small,
.form-popup .small  {
	width: 40px;
}

select {
	border: none;
	border: 1px solid #ccc;
	font-size: inherit;
	padding: 2px
}

.form input.send,
.form-popup input.send  {
	background: #f3f8e3 url(../images/btn_send.gif) no-repeat left top;
	height: 18px;
	border: none;
	width: 44px;
	margin: 0pt;
	float: none;
}

.form input.button,
.form-popup input.button  {
	float: none;
}

.form input.radio,
.form-popup input.radio  {
	margin-top: 0.5em;
}

.form input.submit,
.form-popup input.submit  {
	background: #f3f8e3 url(../images/btn_submit.gif) no-repeat left top;
	height: 18px;
	border: none;
	width: 50px;
	margin: 0pt;
	float: none;
}

/* @end */

/* @group Tables */

#maincontent .leftcontent .form table,
#maincontent .fullcontent .form table,
.form table,
.form-popup table {
	clear: left;
	width: 100%;
}

.form table td,
.form-popup table td{
	background-color: #fff;
}

.fullcontent .form table th,
.form-popup table th {
	text-align: left;
}

.form table th.selected a,
.form-popup table th.selected a {
	font-weight: bold;
	padding-left: 20px;
	display: block;
	background: url(../images/icon_selected.gif) no-repeat 0 bottom;
}

.form table th.normal a,
.form table th.normal,
.form-popup table th.normal a,
.form-popup table th.normal{
	font-weight: normal;
}

#maincontent .fullcontent .form table th a,
.form-popup table th a {
	color: #fff;
}

.fullcontent .form table tr.even td,
.form-popup table tr.even td  {
	background-color: #eef1e4;
}

.form table .tiny,
.form-popup table .tiny {
	width: 30px;
	text-align: center;
}

/* @end */

/* @end */

/* @group Downloads */

.download .pdf {
	color: #88a72b;
	padding: 0.5em 0 0.5em 25px;
	margin: 0;
	display: block;
	background: #fff url(../images/icon_pdf.gif) no-repeat 0 center;
}

.download .viewer {
	color: #999;
	padding-left: 25px;
	display: block;
	font-style: italic;
}

.download a {
	text-decoration: none;
}

.download a:hover {
	text-decoration: underline;
}

/* @end */

/* @group Tables */
#maincontent .fullcontent table,
#maincontent .leftcontent table {
	border-collapse: collapse;
	border: 1px solid #ccc;
	margin-bottom: 1.5em;
}

#maincontent .fullcontent table th,
#maincontent .fullcontent table td,
#maincontent .leftcontent table th,
#maincontent .leftcontent table td {
	border: 1px solid #ccc;
	padding: 5px;
}

#maincontent .fullcontent table th,
#maincontent .leftcontent table th {
	background-color: #9bbe32;
	color: #fff;
	text-align: left;
}

#maincontent .fullcontent table th small,
#maincontent .leftcontent table th small {
	font-weight: normal;
}

#maincontent .fullcontent table tr.total td,
#maincontent .leftcontent table tr.total td {
	background-color: #F3F8E4;
}

#maincontent .fullcontent table td.small,
#maincontent .leftcontent table td.small {
	width: 75px;
}

#maincontent .fullcontent table td.large,
#maincontent .leftcontent table td.large {
	width: 225px;
}

#maincontent .fullcontent table td.break,
#maincontent .leftcontent table td.break {
	padding: 0;
	height: 0.7em;
	line-height: 0;
}

/* @end */

/* @group Workbook */

#maincontent .leftcontent div.myworkbook {
	width: 100%;
	text-align: right;
}

#maincontent .leftcontent div.myworkbook a {
	display: block;
	padding-left: 20px;
	width: auto;
	margin: 3px 0;
	clear: right;
	float: none;
	text-decoration: none;
	color: #333;
	background: url(../images/icon_arrow_link.gif) no-repeat 3px center;
}

#maincontent .leftcontent div.myworkbook a:hover {
	text-decoration: underline;
}

#maincontent .leftcontent div.myworkbook a.save {
	background: #fff url(../images/icon_save.gif) no-repeat 2px center;
}

/* @end */

/* @end */

/* @group Right */

#maincontent .rightcontent {
	display: none;
}

/* @end */

/* @group Home */

#maincontent.home .banner {
	width: 755px;
	margin-bottom: 5px;
}

#maincontent.home .fullcontent {
	width: 755px;
	background: none;
	padding: 0;
}

#maincontent.home .rightcontent {
	margin: 0;
}

#maincontent.home .leftcontent {
	width: 555px;
	background: none;
	padding: 0;
}

/* @group Advice Panels  */

#maincontent.home .leftcontent .scenario {
	float: none;
	width: 180px;
	height: 123px;
	margin: 0 5px 5px 0;
	display: block;
}

#maincontent.home .leftcontent .scenario a {
	float: none;
	width: 180px;
	height: 123px;
	display: block;
	background: #9CBE33 url(../images/bg_advicefor.jpg) no-repeat 0 0;
	text-decoration: none;
	color: #fff;
}

#maincontent.home .leftcontent .scenario a:hover {
	text-decoration: none;
	cursor: pointer;
}

#maincontent.home .leftcontent .scenario span {
	width: 160px;
	height: 45px;
	padding: 0 10px;
	overflow: hidden;
	display: block;
	font-size: 0.95em;
	line-height: 1.3em;
}

#maincontent.home .leftcontent .scenario strong {
	width: 180px;
	padding: 0;
	padding-top: 65px;
	height: 0;
	overflow: hidden;
	margin: 0;
	display: block;
}

#maincontent #scenario1 a{
	background-position: 0 0;
}

#maincontent #scenario2 a{
	background-position: -180px 0;
}

#maincontent #scenario3 a{
	background-position: -360px 0;
}

#maincontent #scenario4 a{
	background-position: -540px 0;
}

#maincontent #scenario5 a{
	background-position: -720px 0;
}

#maincontent #scenario6 a{
	background-position: -900px 0;
}

#maincontent #scenario7 a{
	background-position: -1080px 0;
}

#maincontent #scenario8 a {
	background-position: -1260px 0;
}

#maincontent #scenario9 a {
	background-position: -1440px 0;
}

#maincontent #scenario1 a:hover {
	background-position: 0 -123px;
}

#maincontent #scenario2 a:hover {
	background-position: -180px -123px;
}

#maincontent #scenario3 a:hover {
	background-position: -360px -123px;
}

#maincontent #scenario4 a:hover {
	background-position: -540px -123px;
}

#maincontent #scenario5 a:hover {
	background-position: -720px -123px;
}

#maincontent #scenario6 a:hover {
	background-position: -900px -123px;
}

#maincontent #scenario7 a:hover {
	background-position: -1080px -123px;
}

#maincontent #scenario8 a:hover {
	background-position: -1260px -123px;
}

#maincontent #scenario9 a:hover {
	background-position: -1440px -123px;
}

/* @end */

/* @group Advert */

#maincontent .adverts {
	width: 755px;
	margin: 0;
}

#maincontent .adverts a.advert1 {
	width: 365px;
	margin: 0;
	float: none;
}

#maincontent .adverts a.advert2 {
	width: 385px;
	margin: 0;
	float: none;
}

#maincontent .adverts a.advert1 img,
#maincontent .adverts a.advert2 img {
	border: none;
	margin: 0;
}

/* @end */

/* @end */

/* @group Scenarios */

#maincontent.scenario .panel ul li.scenario1 a,
#maincontent.scenario .panel ul li.scenario2 a,
#maincontent.scenario .panel ul li.scenario3 a,
#maincontent.scenario .panel ul li.scenario4 a,
#maincontent.scenario .panel ul li.scenario5 a,
#maincontent.scenario .panel ul li.scenario6 a,
#maincontent.scenario .panel ul li.scenario7 a,
#maincontent.scenario .panel ul li.scenario8 a,
#maincontent.scenario .panel ul li.scenario9 a {
	background: #a9cf38 url(../images/icon_arrow_link_hover.gif) no-repeat 0 center;
}

/* @end */

/* @group News / Search Box*/

#maincontent .fullcontent h3 span {
	font-weight: normal;
}

#maincontent #newssearch,
#maincontent #searchresult {
	width: 300px;
	background: #f3f8e3 url(../images/bg_rounded_bottoms.gif) no-repeat -1940px bottom;
	padding-bottom: 10px;
	position: relative;
	height: 6em;
}

#maincontent #newssearch h3,
#maincontent #searchresult h3 {
	background: #f3f8e3 url(../images/bg_rounded_tops.gif) no-repeat -2140px top;
	color: #333;
	width: 280px;
	font-size: 1.2em;
}

#maincontent #newssearch input.button,
#maincontent #searchresult input.button {
	position: absolute;
	left: 235px;
	top: 3.1em;
	height: 18px;
	border: none;
	width: 44px;
	margin: 0pt;
	cursor: pointer;
}

#maincontent #newssearch strong,
#maincontent #searchresult strong {
	position: absolute;
	left: 10px;
	top: 4em;
	display: block;
	width: 60px;
	height: 1.2em;
	overflow: hidden;
}

#newsearchlabel,
#searchresultlabel {
	position: absolute;
	left: 80px;
	top: 4em;
	display: block;
	overflow: hidden;
	height: 1.2em;
	width: 150px;
}

#newsearch,
#searchresultinput {
	position: absolute;
	left: 75px;
	top: 3.9em;
	width: 140px;
	padding-left: 5px;
	padding-right: 5px;
	height: 1.2em;
	font-size: 1em;
}

/* @end */

/* @group Components */

h3.title {
	color: red;
}

span.notuse {
	color: red;
	clear: both;
	margin-top: 30px;
}

#maincontent .rapper ul.decimal {
	list-style-type: decimal;
}

#maincontent .rapper ul {
	margin: 0 0 1.5em 0;
	padding: 0 0 0 1em;
	clear: both;
}

#maincontent .rapper ul li{
	padding: 0 0 0 13px;
	list-style: none;
	background: url(../images/icon_bullet.gif) no-repeat left 0.6em;
}

#maincontent .rapper ul a {
	color: #88a72b;
	text-decoration: none;
}

#maincontent .rapper ul a:hover {
	text-decoration: underline;
}

#maincontent .rapper table td.button {
	text-align: center;
	padding: 10px;
}

#maincontent .rapper table td {
	vertical-align: middle;
}

#maincontent .rapper .component-image-table,
#maincontent .rapper .component-grid,
#maincontent .rapper .component-four-radio, 
#maincontent .rapper .component-two-text-restore,
#maincontent .rapper .component-two-text-restore table,
#maincontent .rapper .component-four-two-text,
#maincontent .rapper .component-three-radio,
#maincontent .rapper .component-question-answer,
#maincontent .rapper .component-two-two-table,
#maincontent .rapper .component-input-select-button,
#maincontent .rapper .component-two-text-calculation,
#maincontent .rapper .component-three-radio-wide,
#maincontent .rapper .component-three-radio-wide table,
#maincontent .rapper .component-checkbox-other,
#maincontent .rapper .component-checkbox-other table,
#maincontent .rapper .component-radio-other  {
	width: 100%;
	margin-bottom: 1em;
}

#maincontent .rapper p.hide {
	display: none;
}

#maincontent .rapper .component-checkbox-other .textbox {
	width: 250px;
	margin-left: 5px;
}

/* @group Component: Image + Table */

#maincontent .rapper .component-image-table img {
	float: none;
	margin: 0 20px 0 0;
	width: 100px;
}

#maincontent .rapper .component-image-table table {
	width: 320px;
}

#maincontent .rapper .component-image-table table th {
	width: 120px;
	background: #F3F8E4;
	color: #333;
}

/* @end */

/* @group Component: Personality Layout Grid */

#maincontent .rapper .component-grid .panel {
	width: 165px;
	margin: 0 10px 10px 0;
	padding-bottom: 3px;
	color: #fff;
	background: #88a72b url(../images/bg_money_masters_bottom.jpg) no-repeat 0 bottom;
	height: 123px;
}

#maincontent .rapper .component-grid #panel1 h4,
#maincontent .rapper .component-grid #panel2 h4,
#maincontent .rapper .component-grid #panel3 h4,
#maincontent .rapper .component-grid #panel4 h4,
#maincontent .rapper .component-grid #panel5 h4,
#maincontent .rapper .component-grid #panel6 h4,
#maincontent .rapper .component-grid #panel7 h4,
#maincontent .rapper .component-grid #panel8 h4,
#maincontent .rapper .component-grid #panel9 h4 {
	height: 0;
	overflow: hidden;
	padding: 72px 0 0 0;
	margin: 0;
	line-height: 1em;
	width: 165px;
	display: block;
	background: #88a72b url(../images/bg_money_masters.jpg) no-repeat 0 0;
}

#maincontent .rapper .component-grid #panel1 h4 {
	background-position: 0 0;
}

#maincontent .rapper .component-grid #panel2 h4 {
	background-position: -165px 0;
}

#maincontent .rapper .component-grid #panel3 h4 {
	background-position: -330px 0;
}

#maincontent .rapper .component-grid #panel4 h4 {
	background-position: -495px 0;
}

#maincontent .rapper .component-grid #panel5 h4 {
	background-position: -660px 0;
}

#maincontent .rapper .component-grid #panel6 h4 {
	background-position: -825px 0;
}

#maincontent .rapper .component-grid #panel7 h4 {
	background-position: -990px 0;
}

#maincontent .rapper .component-grid #panel8 h4 {
	background-position: -1155px 0;
}

#maincontent .rapper .component-grid #panel9 h4 {
	background-position: -1320px 0;
}

#maincontent .rapper .component-grid #panel3,
#maincontent .rapper .component-grid #panel6,
#maincontent .rapper .component-grid #panel9 {
	margin: 0 0 10px 0;
}

#maincontent .rapper .component-grid .panel p {
	width: 145px;
	height: 65px;
	margin: 0;
	padding: 0 10px 0;
	overflow: hidden;
	font-size: 0.9em;
	line-height: 1.2em;
}

/* @end */

/* @group Component: 4 Column Table with Radio */

#maincontent .rapper .component-four-radio table {
	width: 520px;
}

#maincontent .rapper .component-four-radio table td {
	text-align: center;
}

#maincontent .rapper .component-four-radio table .wide {
	width: 250px;
	text-align: left;
}

/* @end */

/* @group Component: 4 Column Table with 2 Column text input */

#maincontent .rapper .component-four-two-text table {
	width: 520px;
}

#maincontent .rapper .component-four-two-text table .total {
	font-weight: bold;
}

#maincontent .rapper .component-four-two-text table td {
	width: 90px;
}

#maincontent .rapper .component-four-two-text table input {
	width: 60px;
}

#maincontent .rapper .component-four-two-text table .wide {
	width: 250px;
}

/* @end */


/* @group Component: 2 Column Table + text input + restore */

#maincontent .rapper .component-two-text-restore table td {
	width: 200px;
}

#maincontent .rapper .component-two-text-restore table input {
	width: 60px;
}

#maincontent .rapper .component-two-text-restore table a {
	text-decoration: none;
	color: #88a72b;
}

#maincontent .rapper .component-two-text-restore table a:hover {
	text-decoration: underline;
}

/* @end */

/* @group Component: 3 Column Table with 2 Radio */
#maincontent .rapper .component-three-radio td.correct,
#maincontent .rapper .component-three-radio td.wrong {
	height: 30px;
}

#maincontent .rapper .component-three-radio td.correct input,
#maincontent .rapper .component-three-radio td.wrong input {
	display: none;
}

#maincontent .rapper .component-three-radio td.correct {
	background: url(../images/bg_correct.gif) no-repeat center center;
}

#maincontent .rapper .component-three-radio td.wrong label,
#maincontent .rapper .component-three-radio td.correct label{
	display: none;
}

#maincontent .rapper .component-three-radio td.wrong {
	background: url(../images/bg_wrong.gif) no-repeat center center;
}

#maincontent .rapper .component-three-radio table {
	width: 100%
}

#maincontent .rapper .component-three-radio p.answer {
	margin: 0 0;
	padding: 0 0;
	text-align: center;
}
#maincontent .rapper .component-three-radio span.correct,
#maincontent .rapper .component-three-radio span.wrong{
	margin: 10px 0;
	padding: 20px;
	border-style: dashed;
	border-width: 2px;
	font-weight: bold;
	font-size: 1.0em;
	display: block;
}

#maincontent .rapper .component-three-radio span.wrong{
	background-color: #fceded;
	border-color: #ca2828;
}

#maincontent .rapper .component-three-radio span.correct{
	background-color: #F3F8E4;
	border-color: #a9cf38;
}

/* @end */

/* @group Component: Q&A */

#maincontent .rapper .component-question-answer span.correct {
	background: url(../images/bg_correct.gif) no-repeat 0 center;
	display: block;
	padding: 5px 30px;
	width: auto;
}

#maincontent .rapper .component-question-answer span.wrong {
	background: url(../images/bg_wrong.gif) no-repeat 0 center;
	display: block;
	padding: 5px 30px;
	width: auto;
}

#maincontent .rapper .component-question-answer p.correct,
#maincontent .rapper .component-question-answer p.wrong {
	margin: 10px;
	padding: 20px;
	border-style: dashed;
	border-width: 2px;
	font-weight: bold;
	font-size: 1.0em;
}

#maincontent .rapper .component-question-answer p.wrong {
	background-color: #fceded;
	border-color: #ca2828;
	width: auto;
}

#maincontent .rapper .component-question-answer p.correct {
	background-color: #F3F8E4;
	border-color: #a9cf38;
	width: auto;	
}

/* @end */
/* @group Component: 2x 2 Column Tables + image*/

#maincontent .rapper .component-copy table,
#maincontent .rapper .component-two-image-table table {
	width: 100%;
	float: none;
	margin-right: 10px;
}

#maincontent .rapper .component-copy table th.light,
#maincontent .rapper .component-two-image-table table th {
	width: 150px;
	background: #F3F8E4;
	color: #333;
}

#maincontent .rapper .component-copy table th,
#maincontent .rapper .component-two-image-table table th.heading-dark {
	background: #88a72b;
	color: #fff;
}

#maincontent .rapper .component-two-image-table table th.heading {
	background: #fff;
	text-align: center;
}

#maincontent .rapper .component-copy table th img
#maincontent .rapper .component-two-image-table table th.heading img {
	float: none;
}

#maincontent .rapper .component-two-image-table table .button div {
	float: none;
}

#maincontent .rapper .component-two-image-table table td.result {
	font-weight: bold;
}


#maincontent .rapper .component-copy table td {
	vertical-align: top;
}

/* @end */
/* @group Component: 2x 2 Column Tables */

#maincontent .rapper .component-two-two-table table {
	width: 250px;
	float: none;
	margin-right: 10px;
}

#maincontent .rapper .component-two-two-table table th {
	width: 150px;
	background: #F3F8E4;
	color: #333;
}

#maincontent .rapper .component-two-two-table table th.heading {
	background: #9bbe32;
	color: #fff;
}

#maincontent .rapper .component-two-two-table table td.result {
	font-weight: bold;
}

/* @end */

/* @group Component: Input + Select + Button */
#maincontent .rapper .component-input-select-button {
	margin-bottom: 0;
}

#maincontent .rapper .component-input-select-button .amount {
	width: 100px;
}

#maincontent .rapper .component-input-select-button .result {
	padding: 10px 0;
	font-weight: bold;
	font-size: 1em;
}

/* @end */

/* @group Component: 2 Column Table + text input Calculation */

#maincontent .rapper .component-two-text-calculation table {
	width: 300px;
}

#maincontent .rapper .component-two-text-calculation table th {
	width: 200px;
}

#maincontent .rapper .component-two-text-calculation table td {
	width: 100px;
}

#maincontent .rapper .component-two-text-calculation table input {
	width: 60px;
}

#maincontent .rapper .component-two-text-calculation table a {
	text-decoration: none;
	color: #88a72b;
}

#maincontent .rapper .component-two-text-calculation table a:hover {
	text-decoration: underline;
}

/* @end */

/* @group Component: 3 Column Table with 2 Radio (wdie) */

#maincontent .rapper .component-three-radio-wide table {
	width: 500px;
}

#maincontent .rapper .component-three-radio-wide a {
	text-decoration: none;
	color: #333;
}

#maincontent .rapper .component-three-radio-wide a:hover {
	text-decoration: underline;
	color: #88a72b;
}

#maincontent .rapper .component-three-radio-wide table th,
#maincontent .rapper .component-three-radio-wide table td {
	text-align: center;
}

#maincontent .rapper .component-three-radio-wide table .wide {
	width: 380px;
	text-align: left;
}

/* @end */

/* @end */

/* @end */

/* @end */

/* @end */

/* @group Footer */

#footer {
	display: none;
}
/* @end */