/*
This site is designed, constructed and hosted by the people's valley
-------------------- www.thepeoplesvalley.nl --------------------
Stekkenbergweg 4, 1105 AJ Amsterdam, the Netherlands
tel: +31 (0)20 4 51 51 51, fax: +31 (0)20 3 630 630 
the people's valley (c) 2006
*/

/* === TAGS ====================================================================================== */

html /* always show scrollbars in mozilla */ {
	overflow:-moz-scrollbars-vertical;
}
body {
	margin:0px 0px 0px 20px;
}
body, div, table, tr, td, p, ol, ul, li, input, select, textarea {
	font-family:verdana, helvetica, arial, sans-serif;
	color:#000000;
}
td {
	vertical-align:top;
	font-size:11px;
	line-height:1.3;
}
a {
	color:#005b5d;
	text-decoration:none;
}
a:hover {
	color:#005b5d;
	text-decoration:underline;
}
li a:hover {
	color:#005b5d;
	text-decoration:underline;
}
h3 {
	font-weight:bold;
	font-size:16px;
	color:#005b5d;
	margin-bottom:-8px;
	_margin-bottom:-15px;
	clear:both;
}
h1.subtitle {
	height: 35px;
	vertical-align: middle;
}
h2 {
	font-weight:bold;
	font-size:14px;
	color:#005b5d;
	margin-bottom:-8px;
	_margin-bottom:-15px;
	padding-bottom: 5px;
}
h1 {
	font-weight:bold;
	font-size:18px;
	color:#005b5d;
	margin-bottom:-8px;
	_margin-bottom:-15px;
	padding-bottom: 5px;
}
h4 {
	font-weight:bold;
	font-size:12px;
	color:#005b5d;
	margin-bottom:-8px;
	_margin-bottom:-15px;
}
hr {
	height:0;
	border:0;
	border-top:1px solid #ececec;
}
/* === CUSTOM ====================================================================================== */

td.home {
	width:960px;
	padding:0px 0px 15px 0px;
	background:#fff;
}
td.main {
	width:960px;
	padding:0px 0px 15px 0px;
}
td.line {
	border-bottom:1px solid #ececec;
	height:5px;
	_height:3px;
}
td.middleline {
	background: url('/art/middleline.gif');
	width: 400px;
}
td.line img {
	height:10px;
	_height:1px;
}
span.highlight {
	color: #005b5d;
}
td.contentright {
	padding-left: 20px;
	width: 100%;
}
td.contentbottom {
	padding-top: 20px;
}
td.extrainfo {
	padding: 20px;
}
p.date {
	font-size: 11px;
	color: #999999;
}
img.visual {
	border: 1px solid #efefef;
}
/* TOP */

div.logo {
	float:left;
	width:200px;
	margin: 30px 0 0 0;
	padding: 0 0 6px 0;
}
div.topright {
	float:right;
	width:450px;
	text-align:right;
	margin-top:16px;
}
div.taal {
	float:right;
	width:350px;
	text-align:right;
	margin:10px 0px 0px 0px;
	padding-right:0px;
	font-weight:bold;
	color: #cccccc;
	font-size:10px;
}
div.taal a {
	text-decoration:none;
}
div.taal a:hover {
	text-decoration:none;
}
div.meta {
	float:right;
	width:280px;
	text-align:right;
	color:#cccccc;
	margin:10px 10px 0px 0px;
}
div.meta a, div.meta a:hover {
	font-weight:bold;
	color: #999999;
	font-size:10px;
	padding:0px 3px 5px 3px;
}
div.meta a.menuselected {
	color: #005b5d;
}
a.menuselected {
	color: #005b5d;
}
a.menu {
	color: #999999;
}
div.zoek {
	float:right;
	width:160px;
	margin: 10px 0px 0px 0px;
}
div.zoek input.zoek_field {
	border:1px solid #999999;
	background-color:#ffffff;
	color:#999999;
	font-size:11px;
	width:95px;
}
div.zoek a.zoek_button {
	color: #999999;
	font-weight: bold;
	font-size: 10px;
	text-align: right;
	padding-left: 10px;
}
/* MENU */
td.menu {
	width:100%;
	height:26px;
	_height:26px;
	padding:0px 0px 0px 0px;
	text-align:left;
	background-image:url(/art/bg_a.gif);
	background-position:top left;
	background-repeat:repeat-x;
}

.menuBar { height:25px; padding: 4px 8px 0 8px; background: url('/art/bg_menubar.gif') no-repeat 8px 4px;}
* html .menuBar { overflow:hidden;}
.menuBar a:hover {
	text-decoration: none;
}
div.menuShadow {
	width:100%;
	float:left;
	height:9px;
}
/*div.menuItems a 
{font-weight:bold; color:#ffffff; text-decoration:none;}
div.menuItems a:hover 
{font-weight:bold; color:#ffffff; text-decoration:none; background-image:url(/art/bg_ahover.gif); background-position:top left; background-repeat:repeat-x; height:26px;}
div.menuItems a:active 
{font-weight:bold; color:#ffffff; text-decoration:none; background-image:url(/art/bg_active.gif); background-repeat:repeat-x; height:26px}
*/
div.knop-tv {
	position:relative;
	top:-34px;
	left: 168px;
	cursor: pointer;
}
.menuItems {
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
	background-repeat:repeat-x;
	height:21px;
	line-height: 19px;
	padding:0px 8px 0px 8px;
	vertical-align: middle;
	font-size: 14px;
	border-bottom: 4px solid #00887f;
	font-family: Arial;
}
.menuItems_f2 {
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
	background-repeat:repeat-x;
	height:21px;
	line-height: 19px;
	padding:0px 8px 0px 8px;
	vertical-align: middle;
	font-size: 14px;
	border-bottom: 4px solid #f2ecb2;
	font-family: Arial;
}
.menuItems_f3 {
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
	background-repeat:repeat-x;
	height:21px;
	line-height: 19px;
	padding:0px 8px 0px 8px;
	vertical-align: middle;
	font-size: 14px;
	border-bottom: 4px solid #facb30;
	font-family: Arial;
}
.menuItems_f4 {
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
	background-repeat:repeat-x;
	height:21px;
	line-height: 19px;
	padding:0px 8px 0px 8px;
	vertical-align: middle;
	font-size: 14px;
	border-bottom: 4px solid #facb30;
	font-family: Arial;
}
div.menuRight a {
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
}
div.menuRight a:hover {
	font-weight:bold;
	color:#fec7c7;
	text-decoration:none;
}
div.submenu {
	border-bottom:1px solid #dfdfdf; 
	width:180px; 
	overflow: hidden; 
	margin-top: 8px;
}
div.submenu_item {
	border-top:1px solid #dfdfdf; 
	width:180px; 
	padding:3px 0px 5px 10px;
}
div.submenu_item a, div.submenu_item a:hover {
	color:#000000;
	font-weight:bold;
}
div.submenu_item a.active {
	color:#005b5d;
	font-weight:bold;
}
div.subsubmenu_item {
	text-transform: lowercase;
	width:170px;
	padding:2px 0px 2px 15px;
}
div.subsubmenu_item a, div.subsubmenu_item a:hover {
	color:#000000;
	font-weight:normal;
}
div.subsubmenu_item a.active {
	color:#005b5d;
	font-weight:normal;
}
div.menuItems a.active {
	color: #000000;
}
/* CONTENT HOME */
div.animatie {
	margin:0px 0px 10px 0px;
}
div.home_txt {
	width:565px;
	_width:585px;
	/*height:150px;*/
	float:left;
	padding:3px 10px 0px 0px;
}
div.home_txt .leesmeer {
	text-align:right;
	background-color:#f7f7f7;
	padding:3px;
}
div.home_block {
	width:175px;
	height:150px;
	float:left;
	padding:3px 3px 3px 10px;
	background-color:#f9f9f9;
	background-image:url(/art/bg_accountmanager.gif);
	background-repeat:repeat-y;
	border:1px solid #ececec;
}
div.home_block_single {
	width:175px;
	height:150px;
	float:left;
	padding:3px 3px 3px 10px;
}

* html div.home_block {
	width: 155px;
}
div.home_btn {
	width:370px;
	height:25px;
	float:left;
	padding:3px 3px 10px 10px;
	background-color:#f9f9f9;
	background-image:url(/art/bg_accountmanager.gif);
	background-repeat:repeat-y;
	border:1px solid #ececec;
	margin: 0px 0px 10px 0px;
}
* html div.home_btn {
	width: 350px;
}
div.home_btn img {
	margin: 0px 5px 0px 0px;
	float:left;
}
div.home_btn .text {
	float:right;
	width: 355px;
}
* html div.home_btn .text{
	float:right;
	width: 335px;
}
div.home_btn a {
	font-weight: bold;
}
p.groterdenken {
	padding: 0px 0px 0px 5px;
}
* html p.groterdenken {
	padding: 10px 0px 0px 0px;
}
div.groterdenken_link {
	font-weight:bold;
	padding:0px 3px 3px 15px;
	background-image:url(/art/arrow.gif);
	background-position:3px 4px;
	background-repeat:no-repeat;
}
div.groterdenken_link a {
	font-weight:bold;
	color:#000000;
}
div.home_list 
{
	width:170px;
	_width:170px;
	height:150px;
	float:left;
	padding:3px 0px 0px 15px;
}
div.home_list ul li {
	list-style-image:url(/art/bullet.gif);
	list-style-position:outside;
	margin-top:2px;
	margin-left:-22px;
}
div.home_list ul li a {
	color:#000000;
	font-weight:bold;
}
div.home_list ul li a:hover {
	color:#005b5d !important;
	font-weight:bold !important;
	text-decoration:underline;
}
.home_select {
	background-color:#ffffff;
	width:170px;
	_width:160px;
	margin-bottom:10px;
	font-size:11px;
}
div.home_block input.ok_button {
	background-image:url(/art/button_ok.jpg);
	background-repeat:no-repeat;
	background-color:#f9f9f9;
	border:0px;
	width:50px;
	margin-top:10px;
	cursor:pointer;
	cursor:hand;
}
div.links {
	height: 125px;
}
div.cases div.block_space {
	width: 12px;
	height: 15px;
}
#home div.block {
	margin-top:-3px;
	width:180px;
	border:1px solid #ececec;
	background-image:url(/art/bg_block.gif);
	background-repeat:repeat-y;
}
* html #home div.block {
	margin-top:5px;
}
div.links div.block_space {
	width: 55px;
	height: 55px;
}
div.block {
	float:left;
	margin:10px 0px 15px 0px;
}
div.block_space {
	float:left;
}
div.block_link {
	font-weight:bold;
	padding:5px 3px 8px 15px;
	background-image:url(/art/arrow.gif);
	background-position:3px 8px;
	background-repeat:no-repeat;
	height: 29px;
}
div.block_link a {
	font-weight:bold;
	color:#000000;
}
div.block_text {
	padding:0px 3px 0px 15px;
}
div.klantcases div.block_link {
	height: auto;
}
/* CONTENT PAGE */

div.bc_menu {
	text-transform: lowercase;
	margin-left:195px;
	height:20px;
	color:#999999;
	background:#fff;
}
div.bc_menu.nosub
{
    margin-left:0;
}
div.bc_menu a {
	color:#999999;
	text-decoration:none;
}
div.readmore {
	text-align: right;
}
table.block_text {
	padding:0px 0px 0px 0px;
}
table.triple {
	padding: 8px 0px 0px 0px;
}
td.triple {
	padding:10px 0px 0px 0px;
	width: 180px;
	font-size: 11px;
}
table.double {
	padding: 13px 0px 0px 0px;
}
table.block_text td.column {
	padding:10px 0px 0px 0px;
	width: 280px;
}
td.picture {
	padding: 0px;
}
td.space {
	width:15px;
}
table.block {
	width:183px;
}
table.block.large {
    width:373px;
}
td.boxMenus {
	padding: 8px 0px 0px 0px;
	_padding: 21px 0px 0px 0px;
}
td.boxMenus.academy
{
    padding-top: 41px;
}
td.boxShadeLeft {
	background-image:url(/art/box_left.gif);
	background-repeat:repeat-y;
}
td.boxContent {
	border-right:1px solid #ebebeb;
	padding:0px 5px 10px 5px;
}
td.boxContent ul li {
	list-style-image:url(/art/bullet.gif);
	list-style-position:outside;
	margin-top:2px;
	margin-left:-22px;
}
td.boxContent ul {
	margin-bottom:0px;
	padding-bottom:0px;
}
td.boxContent ul li a, div.home_list ul li a:hover {
	color:#000000;
	font-weight:normal;
}
.boxContent .text, .boxContent .image, .boxContent .readmore
{
    float:left;
}
.boxContent .text
{
    width:149px; 
    padding: 0 4px 0 2px;  
}
.boxContent .image
{
    margin-top: 12px;
    width:200px;
}
.boxContent .readmore
{
    text-align:left;
    width:358px;
    padding-top: 6px;
}
.boxContent .image img
{
    border: 1px #e3e3e3 solid;
}
td.boxBottom {
	padding: 0px 0px 20px 0px;
}
td.footer {
	padding:0px 0px 15px 0px;
	line-height:10px;
}
td.footer a, td.footer a:hover {
	color:#7f7f7f;
}
td#footer {
	padding: 40px 0 0 0;
}
td#footer a, td#footer a:hover {
	color: #000000;
}
table.stappenplan {
	margin:20px 0px 0px 0px;
	width:100%;
}
* html div.stappen_block {
	width:98%;
	height:150px;
	float:left;
	padding:10px 3px 3px 10px;
	height:230px;
	background-color:#f9f9f9;
	border:1px solid #ececec;
}
div.stappen_block {
	width:93%;
	height:150px;
	float:left;
	padding:10px 3px 3px 10px;
	height:230px;
	background-color:#f9f9f9;
	border:1px solid #ececec;
}
div.stappen_block select.stappen_select {
	background-color:#ffffff;
	border:1px solid #999999;
	width:170px;
	_width:160px;
	margin-bottom:10px;
	font-size:11px;
	margin:5px 0px 8px 0px;
}
table.stappenplan table.oplossingen {
	margin:15px 0px 0px 0px;
}
table.accountmngr {
	background: #f9f9f9;
	border: 1px solid #ececec;
	padding: 5px;
}
.slider {
	width:90%;
	height:16px;
	float:left;
	background-image:url(/art/sliderbalk.gif);
	background-repeat:repeat-x;
	background-position:top;
}
.sliderPointer {
	cursor:pointer;
	cursor:hand;
	height:16px;
	width:18px;
	background-image:url(/art/slider.gif);
	background-repeat:no-repeat;
	background-position:top;
}
div.leaseadviseurvraag {
	margin-bottom: 5px;
}
select.leaseadviseurantwoorden {
	width: 350px;
	margin-bottom: 10px;
	font-size: 11px;
}
/* KLANTCASES */
div.cases_intro {
	width:650px;
	margin:0px 0px 0px 15px;
}
div.klantcases {
	width:650px;
	height:65px;
	border:1px solid #ececec;
	margin:0px 0px 0px 15px;
}
div.klantcases a {
	color:#000000 !important;
	font-weight:bold !important;
	text-decoration:none;
}
div.klantcases a:hover {
	color:#005b5d !important;
	font-weight:bold !important;
	text-decoration:underline;
}
div.klantcases_img {
	width:180px;
	float:left;
}
div.klantcases_btn {
	width:450px;
	height:65px;
	float:left;
	background-image:url(/art/case_bg.gif);
	background-repeat:repeat-y;
	cursor:pointer;
	padding:0px 3px 0px 15px;
}
div.klantcases_btn_f2 {
	width:450px;
	height:65px;
	float:left;
	background-image:url(/art/case_hover_bg.gif);
	background-repeat:repeat-y;
	cursor:pointer;
	padding:0px 3px 0px 15px;
}
/* === FORMS ====================================================================================== */

input.pollbutton
{
	font-weight:bold;
	font-size:12px;
	color:#ffffff;
	line-height:1.5;
	border-style:none;
	margin-top:10px;
	text-align:center;
	text-transform:uppercase;
	cursor:pointer;
	cursor:hand;
	background-color:#C0001A;
	border-right:2px solid #7C001A;
	border-bottom:2px solid #7C001A;
	border-left:2px solid #7C001A;
	border-top:2px solid #7C001A;
}

input.button {
	font-weight:bold;
	font-size:90%;
	color:#ffffff;
	line-height:1.5;
	border-style:none;
	margin-top:10px;
	text-align:center;
	text-transform:uppercase;
	cursor:pointer;
	cursor:hand;
	background-color:#094FA3;
	border-right:3px solid #003676;
	border-bottom:3px solid #003676;
	border-left:3px solid #3376C6;
	border-top:3px solid #3376C6;
}
a.loginbutton, a.loginbutton:hover {
	height:18px;
	border:1px solid #999999;
	background-color:#ffffff;
	color:#999999;
	font-size:11px;
	width:80px;
	text-align:center;
	text-decoration: none;
	font-weight:bold;
}
input.info {
	width:200px;
	margin-top:10px;
}
input.form {
	width:260px;
}
input.form_s1 {
	width:50px;
}
input.form_s2 {
	width:30px;
}
input.radio {
	margin-right:10px;
}
input {
	background-color:#ffffff;
}
input.field {
	border: 1px solid #999999;
	background-color:#ffffff;
	color:#000000;
	font-size:11px;
}
select {
	border:1px solid #999999;
	background-color:#ffffff;
	width:150px;
}
textarea {
	background-color:#ffffff;
	width:200px;
}
textarea.form {
	background-color:#ffffff;
	width:260px;
	float:left;
	margin-top:4px;
	border: 1px solid #999999;
	font-size:11px;
}
table.form td.space {
	height: 10px;
	font-size: 1px;
}
table.form td.spacebig
{
	height: 30px;
}

table.form hr
{
	margin-top:12px;
}
/* lease adviseur / product kiezer */

table.leasetable {
	background: #f9f9f9;
	border: 1px solid #ececec;
}
td.leasetab {
	height: 43px;
	vertical-align: middle;
	width: 1%;
}
td.leaseseperator {
	background: url('/art/line_sep.gif');
	background-repeat: repeat-y;
	background-position: center;
	width: 65px;
}
table.leaseselected td {
	color: #005b5d;
}
td.leasetxt {
	font-size: 14px;
	font-weight: bold;
	color: #d8d8d8;
	vertical-align: middle;
}
td.leasenr {
	font-family: Arial, Verdana, Tahoma;
	color: #d8d8d8;
	font-size: 26px;
	vertical-align: middle;
	padding-right: 7px;
}
/* leasecalculator */
div.leaseCalculator {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#565555;
	width:413px;
	height:390px;
	background-image: url(/art/bg_leasecalc.png);
	background-repeat: no-repeat;
	padding: 20px 27px;
	position: relative;
}
div.Calc {
	float:left;
	width:325px;
}
div.closeCalc {
	float:right;
	margin-right: 27px;
	_margin-right: -27px;
	width:31px;
	height:62px;
}
td.leaseTitel
{
	font-weight:bold;
	font-size:14px;
	color:#005b5d;
}
td.leaseContent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#565555;
	padding: 17px 0 18px 0;
}
td.leasecalcTitel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#565555;
	width:137px;
}
td.leaseInfosmall
{
	font-size: 10px;
	color	: #8D8D8D;
}
td.formCalc {
	width:156px;
	padding-bottom:6px;
}

td.formCalc input {
	width:156px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#565555;
	border-top:1px solid #818181;
	border-right:1px solid #d2d8dd;
	border-bottom:1px solid #d2d8dd;
	border-left:1px solid #818181;
	
}
td.uitkomstTitel
{
	color: #005B5D;
}
td.uitkomstCalc {	
	width:100%;
	padding-bottom:4px;
	padding-right: 4px;
	color: Red;
}
td.uitkomstCalc div 
{
	color:Red;
	width:100%;
	height: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	border-top:1px solid #818181;
	border-right:1px solid #d2d8dd;
	border-bottom:1px solid #d2d8dd;
	border-left:1px solid #818181;
	background-color: #ffffff;
}
td.formCalc select {
	width:160px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#565555;
	border-top:1px solid #818181;
	border-right:1px solid #d2d8dd;
	border-bottom:1px solid #d2d8dd;
	border-left:1px solid #818181;
}

/* Tooltip */
div.tooltip {
	width:337px;
	height:172px;
}
div.tooltipTop {
	width:337px;
	height:30px;
	background-image:url(/art/tooltip_top.png);
	background-repeat:no-repeat;
}
div.tooltipContent {
	background-image:url(/art/bg_tooltip.png);
	background-repeat:repeat-y;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#565555;
	overflow:hidden;
	padding:0px 20px 0px 20px;
	margin-left:10px;
}
div.tooltipBottom {
	width:327px;
	height:13px;
	background-image:url(/art/tooltip_bottom.png);
	background-repeat:no-repeat;
	float:right;
	margin-top: -1px;
}

/* Leasecalc box */
div.calcbox {
	width:460px;
	height:420px;
}
div.calcboxTop {
	width:460px;
	height:39px;
	background-image:url(/art/leasecalc_topbox.png);
	background-repeat:no-repeat;
}
.calcboxTable
{
	background-image:url(/art/leasecalc_contbox.png);
	background-repeat:repeat-y;
}
.calcboxContent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#565555;
	overflow:hidden;
	margin-left:20px;
}
div.calcboxBottom {
	width:460px;
	height:4px;
	background-image:url(/art/leasecalc_botbox.png);
	background-repeat:no-repeat;
	float:right;
}
.calcboxLink 
{
	text-decoration:none;
}
div.calcboxDiv
{
	text-align: left;
	width: 100%;
	height: 100%;
	border: 1px solid #F3F3F3;
	padding: 4px 4px 4px 4px;
	cursor: pointer;
}
div.calcboxDivActive
{
	text-align: left;
	width: 100%;
	height: 100%;
	border:1px dotted #717171;
	padding: 4px 4px 4px 4px;
	cursor: pointer;
} 
div.artikel {
	background: #f9f9f9;
	border: 1px solid #ececec;
	margin-top: 12px;
	padding: 8px 13px 13px 13px;
	overflow:hidden;
}
div.artikel p {
	margin: 0 0 12px 0;
	line-height: 18px;
	font-size: 12px;
	color: #3e3e3e;
}
div.artikel p img {
	margin: 0 0 0 10px;
}
h2.artikelHeader {
	color: #005b5d;
	font-size: 20px;
	font-weight: normal;
	margin: 0 0 12px 0;
	padding: 0;
}
div.artikel p a {
	text-decoration: underline;
}
div.artikel p a:hover {
	text-decoration: none;
}
td.boxContent {
	text-align: left;
}
td.boxContent ul.inhoudsopgave {
	padding: 0;
	margin-top: 7px;
	list-style: none;
	margin-left: 0;
}
td.boxContent ul.inhoudsopgave li {
	padding: 0;
	margin: 0 0 10px 0;
	list-style:none;
	list-style-image: none;
}
td.boxContent ul.inhoudsopgave li a {
	font-weight: bold;
	color: #005b5d;
	background: url('/art/bullet.gif') no-repeat;
	display: block;
	padding-left: 17px;
	margin: 0;
	text-align: left;
}
h2.inhoudsHeader {
	font-size: 18px;
	font-weight: normal;
	margin-left: 17px;
	margin-bottom: -6px;
	margin-top: 0;
}
h3.editienr {
	margin: 0 0 0 17px;
	padding: 0;
	font-weight: bold;
	font-size: 12px;
}
a.leesMeer {
	background: url('/art/button-leesmeer-right.gif') top right no-repeat;
	display: inline-block;
	height: 21px;
	padding: 0 11px 0 0;
	margin-top: 4px;
}

a.leesMeer span {
	font-size: 13px;
	font-family: Verdana;
	color: #ffffff;
	background: url('/art/button-leesmeer-left.gif') top left no-repeat;
	display: inline-block;
	height: 19px;
	padding: 2px 8px 0 11px;
	cursor: pointer;
}

/* quiz */
#quizHolder {
    background: url(/include/images/quiz/bg-quiz.png) no-repeat 0 0;
    width: 960px;
    height: 419px;
    position: relative;
}
#blur {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

#quizHolder h1 {
    position: absolute;
    left: 180px;
    top: 48px;
    font-family: Verdana, Arial, Sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: #333333;
    width:710px;
}
#quizHolder ul {
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute;
    left: 80px;
    top: 155px;
    overflow: hidden;
}
#quizHolder ul li {
    border: 1px solid #9BA1A4;
    background: #ffffff;
    padding: 2px;
    margin: 0 20px 20px 0;
    float: left;
    box-shadow: 0 0 3px #333333;
    position: relative;
    behavior: url(/include/script/PIE.htc);
}
#quizHolder ul li.correct, #quizHolder ul li.incorrect {
    background: #004D41;
}
#quizHolder ul li.correct a, #quizHolder ul li.incorrect a {
    background: url(/include/images/quiz/bg-correct.png) no-repeat 15px 12px #ffffff;
    color: #004D41;
}
#quizHolder ul li.incorrect a {
    background: url(/include/images/quiz/bg-incorrect.png) no-repeat 15px 20px #ffffff;
    color: #666666;
}
#quizHolder ul li a {
    text-align: center;
    font-size: 16px;
    font-family: Verdana, Arial, sans-serif;
    display: block;
    color: #ffffff;
    width: 364px;
    height: 62px;
    padding: 15px 10px 0;
    background: #00A993;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#00A993), to(#004D41));
    background: -webkit-linear-gradient(#00A993, #004D41);
    background: -moz-linear-gradient(#00A993, #004D41);
    background: -ms-linear-gradient(#00A993, #004D41);
    background: -o-linear-gradient(#00A993, #004D41);
    background: linear-gradient(#00A993, #004D41);
    -pie-background: linear-gradient(#00A993, #004D41);
    position: relative;
    behavior: url(/include/script/PIE.htc);    
}
#quizHolder ul li a:hover {
    background: #004D41;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#004D41), to(#00A993));
    background: -webkit-linear-gradient(#004D41, #00A993);
    background: -moz-linear-gradient(#004D41, #00A993);
    background: -ms-linear-gradient(#004D41, #00A993);
    background: -o-linear-gradient(#004D41, #00A993);
    background: linear-gradient(#004D41, #00A993);
    -pie-background: linear-gradient(#004D41, #00A993);
    position: relative;
    behavior: url(/include/script/PIE.htc);   
    text-decoration: none;
}
#quizHolder ol {
    position: absolute;
    overflow: hidden;
    list-style: none;
    top: 370px;
    text-align: center;
    width: 100%;
    padding: 0;
    margin: 0 auto;
    height: 29px;
    *zoom: 1;
}
#quizHolder ol li {
    color: #999999;
    border: 1px solid #999999;
    background: #ffffff;
    padding: 1px 2px 2px;
    text-align: center;
    border-radius: 20px;
    display: inline-block;
    *display: inline;
    margin-right: 10px;
    width: 24px;
    height: 24px;
    position: relative;
    behavior: url(/include/script/PIE.htc);
    font-size: 18px;
}
#quizHolder ol li.correct {
    background: url(/include/images/quiz/bg-correct-small.png) no-repeat 50% 50% #ffffff;
    color: #ffffff;
}
#quizHolder ol li.incorrect {
    background: url(/include/images/quiz/bg-incorrect-small.png) no-repeat 50% 50% #ffffff;
    color: #ffffff;
}
#quizHolder ol li.active {
    background: #00A993;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#004D41), to(#00A993));
    background: -webkit-linear-gradient(#004D41, #00A993);
    background: -moz-linear-gradient(#004D41, #00A993);
    background: -ms-linear-gradient(#004D41, #00A993);
    background: -o-linear-gradient(#004D41, #00A993);
    background: linear-gradient(#004D41, #00A993);
    -pie-background: linear-gradient(#004D41, #00A993);
    position: relative;
    behavior: url(/include/script/PIE.htc);
    color: #ffffff;
    border: 0;
    width: 25px;
    height: 25px;
}
.article h2, .article p {
    margin-left: 7px;
}
.article a {
    padding-left: 7px;
    font-weight: bold;
    color: #000000;
    background: url(/include/images/quiz/bg-arrow.png) no-repeat 0 5px;
}

#answerboxHolder {
    display: none;
    background: url(/include/images/quiz/bg-popin-correct.png) no-repeat 0 0;
    height: 232px;
    left: 200px;
    position: absolute;
    top: 209px;
    width: 614px;
    z-index: 2000;
}
#answerboxHolder.incorrect {
    background: url(/include/images/quiz/bg-popin-incorrect.png) no-repeat 0 0;
}
#answerboxHolder.end {
    background: url(/include/images/quiz/bg-popin-end.png) no-repeat 0 0;
    height: 380px;
    left: 200px;
    position: absolute;
    top: 135px;
    width: 614px;
    z-index: 2;
}
#answerboxHolder .article {
    margin: 50px 250px 0 30px;
}
#answerboxHolder.end .article {
    margin: 70px 250px 0 30px;
}
#answerboxHolder .article h2 {
    font-size: 20px;
}
#answerboxHolder.end .article h2 {
    font-size: 24px;
    font-weight: normal;
}
#answerboxHolder.end .article p {
    font-size: 15px;
}
#answerboxHolder.end .article .buttons {
    top: 190px;
}
#answerboxHolder .article .buttons {
    position: absolute;
    right: 30px;
    top: 140px;
}
#answerboxHolder.end .article .buttons {
    top: 190px;
}
#answerboxHolder .article .buttons a {
    display: block;
}
#answerboxHolder .article .buttons .button {
    border: 1px solid #9BA1A4;
    background: #ffffff;
    padding: 2px;
    box-shadow: 0 0 3px #333333;
    text-decoration: none;
    margin-bottom: 10px;
    position: relative;
    behavior: url(/include/script/PIE.htc);
    width: 195px;
}
#answerboxHolder .article .buttons .button span {
    text-align: center;
    font-size: 14px;
    font-family: Verdana, Arial, sans-serif;
    display: block;
    color: #ffffff;
    padding: 5px 10px 7px;
    background: #00A993;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#00A993), to(#004D41));
    background: -webkit-linear-gradient(#00A993, #004D41);
    background: -moz-linear-gradient(#00A993, #004D41);
    background: -ms-linear-gradient(#00A993, #004D41);
    background: -o-linear-gradient(#00A993, #004D41);
    background: linear-gradient(#00A993, #004D41);
    -pie-background: linear-gradient(#00A993, #004D41);
    position: relative;
    behavior: url(/include/script/PIE.htc);
    cursor: pointer;
}
#answerboxHolder.end .article .buttons .button span {
    font-size: 13px;
}
#answerboxHolder .article .buttons .button:hover span {
    background: #004D41;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#004D41), to(#00A993));
    background: -webkit-linear-gradient(#004D41, #00A993);
    background: -moz-linear-gradient(#004D41, #00A993);
    background: -ms-linear-gradient(#004D41, #00A993);
    background: -o-linear-gradient(#004D41, #00A993);
    background: linear-gradient(#004D41, #00A993);
    -pie-background: linear-gradient(#004D41, #00A993);
    position: relative;
    behavior: url(/include/script/PIE.htc);   
    text-decoration: none;
}
#answerboxHolder.end .article .scores {
    position: absolute;
    bottom: 41px;
}
#answerboxHolder.end .article .scores .score {
    width: 140px;
    display: inline-block;
    *display: block;
    *float: left;
    text-align: center;
    margin: 0 23px;
}
#answerboxHolder.end .article .scores .score span {
    color: #cccccc;
    font-size: 32px;
}
#answerboxHolder.end .article .scores .score span strong{
    color: #F8B407;
}
#answerboxHolder.end #scoreboard {
    font-size: 42px;
    position: absolute;
    right: 90px;
    top: 56px;
    color: #ffffff;
}

#answerboxHolder.end #scoreboard span {
    color: #F8B407;
}

#endboxHolder {
    background: url(/include/images/quiz/bg-popin-end.png) no-repeat 0 0;
    height: 380px;
    left: 200px;
    position: absolute;
    top: 135px;
    width: 614px;
    z-index: 2;
}
#endboxHolder .article {
    margin: 70px 250px 0 30px;
}
#endboxHolder .article h2 {
    font-size: 24px;
    font-weight: normal;
}
#endboxHolder .article p {
    font-size: 15px;
}
#endboxHolder .article .buttons {
    top: 190px;
}
#endboxHolder .article .buttons {
    position: absolute;
    right: 30px;
    top: 190px;
}
#endboxHolder .article .buttons a {
    display: block;
}
#endboxHolder .article .buttons .button {
    border: 1px solid #9BA1A4;
    background: #ffffff;
    padding: 2px;
    box-shadow: 0 0 3px #333333;
    text-decoration: none;
    margin-bottom: 10px;
    position: relative;
    behavior: url(/include/script/PIE.htc);
    width: 195px;
}
#endboxHolder .article .buttons .button span {
    text-align: center;
    font-size: 13px;
    font-family: Verdana, Arial, sans-serif;
    display: block;
    color: #ffffff;
    padding: 5px 10px 7px;
    background: #00A993;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#00A993), to(#004D41));
    background: -webkit-linear-gradient(#00A993, #004D41);
    background: -moz-linear-gradient(#00A993, #004D41);
    background: -ms-linear-gradient(#00A993, #004D41);
    background: -o-linear-gradient(#00A993, #004D41);
    background: linear-gradient(#00A993, #004D41);
    -pie-background: linear-gradient(#00A993, #004D41);
    position: relative;
    behavior: url(/include/script/PIE.htc);
    cursor: pointer;
}
#endboxHolder .article .buttons .button:hover span {
    background: #004D41;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#004D41), to(#00A993));
    background: -webkit-linear-gradient(#004D41, #00A993);
    background: -moz-linear-gradient(#004D41, #00A993);
    background: -ms-linear-gradient(#004D41, #00A993);
    background: -o-linear-gradient(#004D41, #00A993);
    background: linear-gradient(#004D41, #00A993);
    -pie-background: linear-gradient(#004D41, #00A993);
    position: relative;
    behavior: url(/include/script/PIE.htc);   
    text-decoration: none;
}
#endboxHolder .article .scores {
    position: absolute;
    bottom: 41px;
    width: 558px;
}
#endboxHolder .article .scores .score {
    width: 140px;
    display: block;
    float: left;
    text-align: center;
    margin: 0 11px;
}
#endboxHolder .article .scores .score span {
    color: #cccccc;
    font-size: 32px;
}
#endboxHolder .article .scores .score span strong{
    color: #F8B407;
}
#endboxHolder #scoreboard {
    font-size: 42px;
    position: absolute;
    right: 74px;
    top: 61px;
    color: #ffffff;
}

#endboxHolder #scoreboard span {
    color: #F8B407;
}
li.pie_first-child > css3-container, .buttons a.pie_first-child > css3-container {
    left: 2px !important;
    top: 2px !important;
}
div.home_block_single img {
    border:0;
}


