/* -------------------- Resets --------------------- */
body, address, blockquote, dl, ol, ul, li, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre {
	margin: 0;
	padding: 0;
}

img {
	border: 0; /* kills Gecko bug when img's are placed inside links */
	vertical-align: bottom; /* set vertical align to bottom for IE */ 
}
/* --------------- Document Defaults -------------- */
body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10pt;
	background: #FFF;
}
/* ------------------ Typography ------------------- */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, address {
	margin: 0;
}
p, ul, ol {
	font-size: 1em;
}

p { margin: 1em 0; }

ul {
	margin:0 0 1em 25px;

}
ul ul { /* fixes nested lists */
	font-size: 100%;
	font-weight: normal;
}
h1 {font-size:2.2em;}
h2 {font-size:2em;}
h3 {font-size:1.8em;}
h4 {font-size:1.6em;}
h5 {font-size:1.4em;}
h6 {font-size:1.2em;}
/* -------------------- Forms ---------------------- */

input, label {
	vertical-align: middle;
}
label {
	cursor: default;
}
input, select, textarea {
	font-size: 1em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
input, textarea {
	padding: 2px 4px;
}
textarea { /* removes scrollbar from IE when none is needed */
	overflow: auto;
}	

/* ------------------- Links ---------------------- */
a {
	text-decoration: underline;
	outline: 0; /* removes dotted border in FX */
}
a:active, a:focus, a:hover {
	visibility: visible; /* kills IE6 a:hover bug */
	text-decoration: none;
}


/* ----------------- Wrapper for float's ------------ */
div.wrapper { clear: both; }

body { background: #E7F1F7 url('../images/background.gif') left top repeat-x; }
div#container { width: 1000px; margin: 0 auto; }

a#page_tip_btn { position: fixed; right: 0; bottom: 0; z-index: 100; }
* html a#page_tip_btn { position: absolute; }

/* Header */
div#header { position: relative; height: 100px; overflow: hidden; }
div#header div.logo { width: 338px; height: 111px; background: url('../images/header-logo-bg.gif') left top; position: relative; left: 0; top: 0; }
div#header div.logo img { position: relative; top: 32px; }
div#header div.tools { position: absolute; right: 0; top: 25px; text-align: right; width: 700px; }
div#header div.tools a { text-decoration: none; }

div#header div.tools div.newsletter p { margin-top: 0; margin-bottom: 5px; }
div#header div.tools div.newsletter label { font-weight: bold; color: #121b20; margin-left: 0.5em; cursor: pointer; }

/* Navigation */
div#navigation { position: relative; border-bottom: 4px solid #f3f7f9; height: 87px; }
div#navigation p { position: absolute; top: 0; right: 40px; text-align: right;  }
div#navigation ul,
div#navigation li { list-style: none; margin: 0; padding: 0; }
div#navigation li { float: left; }
div#navigation li a { text-decoration: none; }
div#navigation p a { color: #e25c00; }
div#navigation p a.username { color: #000; }

    /* Main navigation */
    div#navigation div.navigation { background: #e9f1f6 url('../images/header-nav-spacer.gif') 0 45px repeat-x; height: 46px; overflow: hidden; }
    div#navigation div.navigation li a { padding: 15px 17px 16px 17px; display: block; color: #121b20; }
    div#navigation div.navigation li a.active { background-color: white; font-weight: bold; }
    div#navigation div.navigation li a:hover { text-decoration: underline; }

    /* Subnavigation */
    div#navigation div.subnavigation { background-color: white; height: 40px; border-bottom: 1px solid #e1ecf2; }
    div#navigation div.subnavigation li { padding: 8px 14px 6px 14px;  }
    div#navigation div.subnavigation li span,
    div#navigation div.subnavigation li a { padding: 3px; display: block; color: #78a1b9; }
    div#navigation div.subnavigation li span { color: #e25c00; text-decoration: underline; }
    div#navigation div.subnavigation li a:hover { text-decoration: underline; }

/* Content */
div#content_box { background-color: #fff; padding: 20px 25px 15px 25px; border-bottom: 1px solid #d4e3ed; position: relative; }

/* Footer */
div#content_box div.footer { position: relative; margin-top: 3em; }
div#content_box div.footer p { margin-bottom: 0; }
div#content_box div.footer p.links { text-align: right; position: absolute; right: 0; top: 0; margin-top: 0; }
div#content_box div.footer p.links a { color: #e25c00; text-decoration: none; }
div#content_box div.footer p.links a:hover { text-decoration: underline; }

/* IE6 */
* html div#content_box div.footer p.links { right: 25px; }

a { color: #1B4E6A; }
h1 { font-size: 1.6em; }
h1, h2 { margin-bottom: 10pt; }
h2 { font-size: 12pt; color: #FF4F00; margin-bottom: 0; }
div.relative { position: relative; z-index: 5; }
p { line-height: 1.5em; }
p.first { margin-top: 0; }
p.last { margin-bottom: 0; }
p.error { color: #c00; }

.green { color: #3B942B; }
.red { color: #c00; }
.grey { color: #999; }
.darkgrey { color: #666; }
.orange { color: #E25C00; }

.help_prototip { border-bottom: 1px dashed #666; cursor: help; }

ul.no_list_item,
ul.no_list_item li { list-style: none; margin: 0; padding: 0;  }

/* Notice Box */
p.flash_notice { border-color: #6dcc00; background-color: #e5f5d3; color: #346101; padding: 8px; }
p.flash_warning { border-color: #D29C34; background-color: #f5e9d3; color: #613f01; padding: 8px; }
p.flash_error,
pre.exception { border-color: #c00; background-color: #f5d2d2; color: #610101; padding: 8px; }

div.pagination.right { text-align: right; }
div.pagination { padding: 3px; margin: 8px 3px; }
div.pagination a,
div.pagination span.disabled,
div.pagination span.current { padding: 1px 5px; margin: 0 1px; color: #666; border: 1px solid #c0dced; text-decoration: none; }
div.pagination span.current { background-color: #e2eef5; color: #121B20; border-color: #93bad2; }
div.pagination a:hover { background-color: #93bad2; color: #fff; border-color: #c0dced; }
div.pagination span.disabled { border-color: #ccc; color: #ccc; }

table.simpleform { margin: 0.5em 0; }
table.simpleform tr td { vertical-align: top; padding-bottom: 5px; padding-left: 1em; }
table.simpleform tr td.mceToolbar { padding: 5px 5px 2px 3px; }
table.simpleform tr td.mceIframeContainer,
tablel.simpleform tr td.mceStatusbar { padding: 0; }
table.simpleform tr td.label { text-align: right; padding: 2px 1em 0 0.5em; border-right: 1px solid #ccc; }
table.simpleform tr td.label label { color: #003469; }
/*
table.simpleform tr td { vertical-align: top; padding-bottom: 5px; }
table.simpleform tr td.label { text-align: right; padding-right: 1em; padding-top: 2px; }
*/
table.simpleform tr td div.fieldWithErrors input,
table.simpleform tr td div.fieldWithErrors textarea { border: 1px solid #c00; }
table.simpleform tr td div.formError { color: #c00; }
table.simpleform tr td div.fieldWithErrors,
table.simpleform tr td div.formError { display: inline; }

/* In overview table, bv: ajax subscribers */
table.simpleform.in_simple_overview tr td { padding: 0em 0 5px 0; border: none; }
table.simpleform.in_simple_overview tr td.label { padding: 2px 1em 0 0; }
table.simpleform.in_simple_overview tr td a { color: #06c; }
table.simpleform.in_simple_overview tr td a:hover { background-color: #06c; color: #fff; }

table.simpleform.in_simple_overview.show_data tr td.name { color: #666; padding-right: 1em; text-align: right; }
table.simpleform.in_simple_overview.show_data tr td { padding: 2px; color: #000; }

/* Overzichts paginas */
table.simple_overview { border-collapse: collapse; width: 100% }
table.simple_overview tr th { text-align: left; padding: 0.5em; border-bottom: 1px solid #ccc; }
table.simple_overview tr th a { color: #1B4E6A; }
table.simple_overview tr th a:hover { color: #fff; background-color: #1B4E6A; }
table.simple_overview tr td { color: #636363; padding: 0.5em 0.5em 0.5em 0.5em; border-bottom: 1px solid #ccc; }
table.simple_overview tr:hover td { background-color: #ffc; }
table.simple_overview tr.error { background-color: #fcc; }
table.simple_overview tr th.number,
table.simple_overview tr td.number { text-align: right; }
table.simple_overview tr td.name { color: #000; }
table.simple_overview tr td.name a { color: #06c; }
table.simple_overview tr td.name a:hover { background-color: #06c; color: #fff; }
table.simple_overview tr td.actions span.disabled { font-size: 0.9em; color: #ccc; }
table.simple_overview tr td.actions a { color: #636363; font-size: 0.9em; }
table.simple_overview tr td.actions a:hover { background-color: #636363; color: #fff; }
table.simple_overview tr#loading td { text-align: center; font-weight: bold; background: #eee; padding: 1em 0; }

div.auto_complete { position: absolute; left: 0; top: 2em; width: 410px; background: #fff; z-index: 100; }
div.auto_complete ul { border:1px solid #888; margin:0; padding:0; width:100%; list-style-type:none; z-index: 150; }
div.auto_complete ul li { margin:0; padding:3px; }
div.auto_complete ul li.selected { background-color: #ffc; cursor: pointer; }
div.auto_complete ul strong.highlight { color: #800; margin:0; padding:0; }
div.auto_complete_indicator { position: absolute; left: 415px; top: 2px;}

/* Verbruik balken */
div.usage_box p { margin-bottom: 0; }
div.usage_box div.usage_bar { width: 350px; background: #efefef; border: 1px solid #dbdbdb; height: 16px; position: relative; }
div.usage_box div.usage_bar div.corner { background: white; height: 1px; width: 1px; font-size: 1px; position: absolute; }
div.usage_box div.usage_bar div.corner.left { left: -1px; }
div.usage_box div.usage_bar div.corner.top  { top: -1px; }
div.usage_box div.usage_bar div.corner.bottom { bottom: -1px; }
div.usage_box div.usage_bar div.corner.right  { right: -1px; }
div.usage_box div.usage_bar div.perc_text { position: absolute; top: 0; left: 102%; height: 100%; color: #000; }
div.usage_box div.usage_bar.red div.perc_text { color: #bd0000; font-weight: bold; }
div.usage_box div.usage_bar.orange div.perc_text { color: #e35f00; font-weight: bold; }
div.usage_box div.usage_bar div.bar { width: 0%; position: relative; height: 100%; background: #87db00 url('/images/cms/progressbar_green.gif') left top repeat-x; }
div.usage_box div.usage_bar.yellow div.bar { background: #edd900 url('/images/cms/progressbar_yellow.gif'); }
div.usage_box div.usage_bar.orange div.bar { background: #e35f00 url('/images/cms/progressbar_orange.gif'); }
div.usage_box div.usage_bar.red div.bar    { background: #bd0000 url('/images/cms/progressbar_red.gif'); }
div.usage_box div.usage_bar.grey div.bar   { background: #b9b9b9 url('/images/cms/progressbar_grey.gif'); }
div.usage_box div.usage_bar.blue div.bar   { background: #4cabe5 url('/images/cms/progressbar_blue.gif'); }


/* Stappenplan */
ol.steps { margin-left: 20px; line-height: 30px; }
ol.steps,
ol.steps li { list-style: none; position: relative; padding-bottom: 1em; }
ol.steps li img.stepicon { position: absolute; left: -40px; top: 0; }
ol.steps li ul { margin-left: 1.5em; }
ol.steps li ul,
ol.steps li ul li { line-height: 1.5em; padding-bottom: 5px; }

/* Actieknop */
a.action_btn img { margin-right: 0.5em; position: relative; top: -1px; }
a.action_btn { border: 1px solid #e2eef5; background-color: #e2eef5; color: #121B20; padding: 0.5em 1em; float: right; text-decoration: none }
a.action_btn:hover { border-color: #c0dced; }
a.action_btn.before_head { position: relative; top: -30px;}
a.action_btn.active { background-color: #c0dced; border: 1px solid #c0dced; }
a.action_btn.no_float { float: none; }

#lightwindow_overlay {
	/* REQUIRED */
	display: none;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	z-index: 500;
	/* REQUIRED */
}

#lightwindow {
	/* REQUIRED */
	/* Of Note - The height and width of this element are set to 0px */
	display: none;
	visibility: hidden;
	position: absolute;
	z-index: 999;
	line-height: 0px;
	/* REQUIRED */
}

	#lightwindow_container {
		/* REQUIRED */
		display: none;
		visibility: hidden;
		position: absolute;
		/* REQUIRED */
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}

	/* IE6 needs this or it messes with our positioning */
	* html #lightwindow_container {
		overflow: hidden;
	}

	#lightwindow_contents {
		overflow: hidden;
		z-index: 0;
		position: relative;
		border: 10px solid #ffffff;
		background-color: #ffffff;
	}		

#lightwindow_loading {
	/* REQUIRED */
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	z-index: 9999;
	position: absolute;
	/* REQUIRED */
	background-color: #f0f0f0;
	padding: 10px;
}

	#lightwindow_loading_shim { 
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
	}

	#lightwindow_loading span {
    	font-size: 12px;
		line-height: 32px;
		color: #444444;
		float: left;
		padding: 0 10px 0 0;
	}

	#lightwindow_loading span a,
	#lightwindow_loading span a:link, 
	#lightwindow_loading span a:visited {
		color: #09F;
		text-decoration: none;
		cursor: pointer;
	}

	#lightwindow_loading span a:hover,
	#lightwindow_loading span a:active {
		text-decoration: underline;
	}


	#lightwindow_loading img {
   		float: left;
   		margin: 0 10px 0 0;
	}


/*-----------------------------------------------------------------------------------------------
	I liked the Navigation so much from http://www.huddletogether.com/projects/lightbox2/
	I mean let's face it, it works really well and is very easy to figure out.
-----------------------------------------------------------------------------------------------*/

#lightwindow_navigation {
	/* REQUIRED */
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	/* REQUIRED */
}
	/* We need to shim the navigation for IE, though its more of a sub-floor */
	#lightwindow_navigation_shim { 
		/* REQUIRED */
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
		/* REQUIRED */
	}

	#lightwindow_navigation a,
	#lightwindow_navigation a:link,
	#lightwindow_navigation a:visited,
	#lightwindow_navigation a:hover,
	#lightwindow_navigation a:active { 
		/* REQUIRED */
		outline: none;
		/* REQUIRED */
	}

	#lightwindow_previous, 
	#lightwindow_next {
		width: 49%;
		height: 100%;
		background: transparent url(../images/lightwindow/blank.gif) no-repeat; /* Trick IE into showing hover */
		display: block;
	}
	
	#lightwindow_previous { 
		float: left;
		left: 0px;
	}

	#lightwindow_next { 
		float: right;
		right: 0px;
	}

	#lightwindow_previous:hover, 
	#lightwindow_previous:active { 
		background: url(../images/lightwindow/prevlabel.gif) left 15% no-repeat;
	}

	#lightwindow_next:hover, 
	#lightwindow_next:active { 
		background: url(../images/lightwindow/nextlabel.gif) right 15% no-repeat;
	}
	
	#lightwindow_previous_title,
	#lightwindow_next_title {
		display: none;
	}
	 	
#lightwindow_galleries {
	width: 100%;
	position: absolute;
	z-index: 50; 
	display: none;
	overflow: hidden;
	margin: 0 0 0 10px;
	bottom: 0px;
	left: 0px;
}

	#lightwindow_galleries_tab_container {
		width: 100%;
		height: 0px;
		overflow: hidden;
	}

	a#lightwindow_galleries_tab,		
	a:link#lightwindow_galleries_tab,
	a:visited#lightwindow_galleries_tab {
		display: block;
		height: 20px;
		width: 77px;
		float: right;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		font-size: 11px;
		color: #ffffbe;
		background: url(../images/lightwindow/black-70.png) repeat 0 0 transparent;
	}
	
	* html a#lightwindow_galleries_tab,		
	* html a:link#lightwindow_galleries_tab,
	* html a:visited#lightwindow_galleries_tab {	
		background: none;
		background-color: #000000;
		opacity: .70;
		filter: alpha(opacity=70);
	}

	a:hover#lightwindow_galleries_tab,
	a:active#lightwindow_galleries_tab {
		color: #ffffbe;

	}

	#lightwindow_galleries_tab_span {
		display: block;
		height: 20px;
		width: 63px;
		padding: 0 7px 0 7px;
	}
	
	#lightwindow_galleries_tab .up	{
		background: url(../images/lightwindow/arrow-up.gif) no-repeat 60px 5px transparent;
	}

	#lightwindow_galleries_tab .down {
		background: url(../images/lightwindow/arrow-down.gif) no-repeat 60px 6px transparent;
	}

	#lightwindow_galleries_list {
		background: url(../images/lightwindow/black-70.png) repeat 0 0 transparent;
		overflow: hidden;
		height: 0px;
	}

	* html #lightwindow_galleries_list {
		background: none;
		background-color: #000000;
		opacity: .70;
		filter: alpha(opacity=70);
	}	

	.lightwindow_galleries_list {
		width: 200px;
		float: left;
		margin: 0 0 10px 0;
		padding: 10px;
	}

	.lightwindow_galleries_list h1 {	
		color: #09F;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 10px 0 5px 0;
		font-size: 16px;
	}

	.lightwindow_galleries_list li {
		margin: 5px 0 5px 0;
		list-style-type: none;
	}

	.lightwindow_galleries_list a, 
	.lightwindow_galleries_list a:link, 
	.lightwindow_galleries_list a:visited {
		display: block;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 0 0 0 10px;
		font-size: 11px;
	}

	.lightwindow_galleries_list a:hover, 
	.lightwindow_galleries_list a:active {
		background: #000000;
		color: #ffffbe;
		border-left: 3px solid #ffffbe;
		padding: 0 0 0 7px;
	}
		
#lightwindow_data {
	/* REQUIRED */
	position: absolute;
	/* REQUIRED */
}

	#lightwindow_data_slide {
		/* REQUIRED */
		position: relative;
		/* REQUIRED */
	}

	#lightwindow_data_slide_inner {
		background-color: #ffffff;
		padding: 0 10px 10px 10px;
	}

	#lightwindow_data_caption {
		padding: 10px 0 0 0;
		color: #666666;
		line-height: 25px;
		background-color: #ffffff;
		clear: both;
	}

	#lightwindow_data_details {
		background-color: #f0f0f0;
		padding: 0 10px 0 10px;
		height: 20px;
	}
	
	#lightwindow_data_author_container {
		width: 40%;
		text-align: right;
		color: #666666;
	 	font-style: italic;
		font-size: 10px;
		line-height: 20px;
		float: right;
		overflow: hidden;
	}
	
	#lightwindow_data_gallery_container {
		font-size: 10px;
		width: 40%;
		text-align: left;
		color: #666666;
		line-height: 20px;
		float: left;
		overflow: hidden;
	}
	
#lightwindow_title_bar {
	height: 25px;
	overflow: hidden;		
}

	#lightwindow_title_bar_title {
		color: #ffffbe;
		font-size: 14px;
		line-height: 25px;
		text-align: left;
		float: left;
	}

	a#lightwindow_title_bar_close_link,	
	a:link#lightwindow_title_bar_close_link,
	a:visited#lightwindow_title_bar_close_link {
		float: right;
		text-align: right;		
		cursor: pointer;
		color: #ffffbe;
		line-height: 25px;
		padding: 0;
		margin: 0;
	}
	
	a:hover#lightwindow_title_bar_close_link,
	a:active#lightwindow_title_bar_close_link {
		color: #ffffff;
	}

/*-----------------------------------------------------------------------------------------------
	Theme styling stuff
-----------------------------------------------------------------------------------------------*/	

#lightwindow p {
	color: #000000;
	padding-right: 10px;
}




/* CSS to go with Prototip.Styles */
.prototip {
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
}

/* the default style */
.prototip .default {
	width: 250px;
	color: #808080;
}
.prototip .default .toolbar {
	background: #f1f1f1;
	font-weight: bold;
}
.prototip .default .title { padding: 5px; }
.prototip .default .content {
	padding: 5px;
	background: #fff;
}

/* basic */
.prototip .basic {
	width: 250px;
	color: #808080;
}
.prototip .basic .toolbar {
	background: #f1f1f1;
	font-weight: bold;
}
.prototip .basic .title { padding: 5px; }
.prototip .basic .content {
	padding: 5px;
	background: #fff;
}

/* basic */
.prototip .hint {
	width: 250px;
	color: #313120;
	background: #fff6aa;
}
.prototip .hint .toolbar {
	background: #fdf1a0;
	font-weight: bold;
}
.prototip .hint .title,
.prototip .hint .content { padding: 5px; }

/* mwtoolsblue */
.prototip .mwtoolsblue {

	color: #fff;
        font-size: 1.2em;
}
.prototip .mwtoolsblue .toolbar {
	background: #0066cc;
	font-weight: bold;
        border-bottom: 1px solid #fff;
        padding-bottom: 3px;
        margin-bottom: 3px;
}
.prototip .mwtoolsblue .title { padding: 5px; }
.prototip .mwtoolsblue .content {
	background: #0066cc;
	padding: 3px;
        line-height: 1.5em;
}

/* protoblue */
.prototip .protoblue {
	width: 250px;
	color: #fff;
}
.prototip .protoblue .toolbar {
	background: #0d7cd0;
	font-weight: bold;
}
.prototip .protoblue .title { padding: 5px; }
.prototip .protoblue .content {
	background: #1e90ff;
	padding: 5px;
}

/* creamy */
.prototip .creamy {
	width: 250px;
	color: #bb9c61;
}
.prototip .creamy .toolbar {
	background: #f3edc2;
	font-weight: bold;
}
.prototip .creamy .title { padding: 5px; }
.prototip .creamy .content {
	background: #f8f4ca;
	padding: 5px;
}

/* darkgrey */
.prototip .darkgrey {
	width: 250px;
	color: #fff;
}
.prototip .darkgrey .toolbar {
	background: #5f5f5f;
	font-weight: bold;
}
.prototip .darkgrey .title { padding: 5px; }
.prototip .darkgrey .content {
	background: #808080;
	padding: 5px;
}

/* protogrey */
.prototip .protogrey {
	width: 250px;
	color: #fff;
	background: #fff;
}
.prototip .protogrey .toolbar {
	background: #969c92;
	font-weight: bold;
}
.prototip .protogrey .title { padding: 5px; }
.prototip .protogrey .content {
	color: #808080;
	padding: 5px;
}
/* This is how to resize the close button for a style */
.prototip .protogrey .toolbar .close {
	width: 14px;
	height: 14px;
}


/* loader gif */
.prototipLoader {
	position: absolute;
	top: -1000px;
	left: -1000px;
	height: 16px;
	width: 16px;
	border: 1px solid #dddddd;
	overflow: hidden;
}


/* Required for all tooltips, do not modify */
.prototip{position:absolute;overflow:hidden;}.prototip .tooltip,.prototip .toolbar,.prototip .toolbar .title{position:relative;}.prototip .content{clear:both;}.prototip .toolbar .close{position:relative;text-decoration:none;float:right;width:19px;height:15px;display:block;line-height:0;font-size:0;border:0;cursor:pointer;}.prototip .tooltip{clear:both;float:left;}.prototip .borderLeftWrapper,.prototip .borderRightWrapper{position:absolute;top:0;left:0;width:300px;height:20px;}.prototip .borderFrame{height:100%;width:100%;float:left;margin:0;padding:0;position:relative;}.prototip .borderTop,.prototip .borderBottom{overflow:hidden;}.prototip .borderRow{list-style-type:none;float:left;width:100%;position:relative;clear:both;margin:0;padding:0;}.prototip_CornerWrapper{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;clear:both;}.prototip_Corner{float:left;position:relative;}.prototip canvas{position:relative;float:left;}.prototip_CornerTr,.prototip_CornerBr{float:right;}.prototip_BetweenCorners{position:absolute;top:0;left:0;width:100%;overflow:hidden;clear:both;}.prototip .borderMiddle{position:relative;float:left;}.prototip .borderCenter{position:relative;float:left;height:100%;}.prototip_StemWrapper{position:relative;width:100%;height:auto;clear:both;}.prototip_StemBox{float:left;position:relative;}.prototip_Stem{width:100%;position:absolute;overflow:hidden;}.iframeShim{position:absolute;border:0;margin:0;padding:0;background:none;overflow:hidden;}.prototip .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.prototip .clearfix{display:inline-block;}/* IE Mac Hide \*/ .prototip .clearfix{display:block;}/* IE Mac Hide End */