/* 

	CREATIONAL

	CSS / GENERAL STYLES 

	COPYRIGHT © 2007 / CREATIONAL / WWW.CREATIONAL.NL / ALL RIGHTS RESERVED

*/

* { margin: 0; padding: 0; }

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 84%;
	color: #000; background: #FFF;
	}

html, body { height: 100%; }

body#home,
body#page {
	text-align: center;
	background: #5A5F62 url(../img/ply_background.gif) repeat-x left top;
	}

a, a:link, a:visited, a:active { color: #F06C00; text-decoration: underline; }
a:hover { color: #F56E00; text-decoration: none; }
a:focus, a:active { outline: none; -moz-outline-style: none; }

img, a img { border: 0; }

ul { padding-left: 1.2em; padding-bottom: 1em; }
ol { padding-left: 1.8em; }
li { }

h1 { font-size: 1.2em; padding-bottom: 1em; color: #F56E00; }
h2 { font-size: 1.1em; padding-bottom: .5em; color: #F56E00; }
h3 { font-size: 1em; color: }
h4 { font-size: 1em; }

p { font-size: 1em; padding-bottom: 1em; }

.clear { clear: both; height: 1%; visibility:hidden; font-size: 1px; }

u { text-decoration: none; }

.orange { color: #F06C00; }

/* CONTAINER */

#container {
	margin: 0 auto; width: 780px;
	text-align: left;
	background:url(../img/ply_main_background.gif) repeat-y left top;
	min-height: 100%; height: auto;
	}
* html #container {
	height: 100%;
	}
	
/* HEADER */
#header {
	padding-left: 54px;
	}

#logo { float: right; padding-right: 70px; }

#logo_print { display: none; }

/* TOPNAV */
#topnav {
	padding-top: 80px; font-size: 10px;
	}

#topnav ul { list-style: none; margin: 0; padding: 0; }
#topnav li { float: left; }

#topnav li a,
#topnav li a:link,
#topnav li a:visited {
	padding: 0 1em;
	text-decoration: none; text-transform: uppercase;
	color: #595959;
	}
#topnav li a:hover {
	color: #F56E00;
	}
#topnav li.first a,
#topnav li.first a:link,
#topnav li.first a:visited {
	padding-left: 0;
	background: none;
	}
#topnav li.current a,
#topnav li.current a:link,
#topnav li.current a:visited {
	color: #F56E00;
	}

#topnav li.current li a,
#topnav li.current li a:link,
#topnav li.current li a:visited {
	color: #595959;
	}
#topnav li.current li a:hover {
	color: #FFF;
	}

#topnav li.current li.current a,
#topnav li.current li.current a:link,
#topnav li.current li.current a:visited {
	color: #F56E00;
	background: none;
	}
#topnav li.current li.current a:hover {

	}

/* SUCKERFISH MENU */	
#nav, 
#nav ul { 
	padding: 0; margin: 0; list-style: none; line-height: 1; 
	}
#nav li a,
#nav li a:link, 
#nav li a:visited { 
	display: block; height: 15px; 
	background: #FFF url(../img/ply_nav_border.gif) no-repeat left top; 
	}
* html #nav li a, 
* html #nav li a:link, 
* html #nav li a:visited { 
	width: 3em; 
	}
#nav li li a,
#nav li li a:link,
#nav li li a:visited { 
	padding: .5em 1em; height: auto; width: 7em; 
	background: none; 
	text-transform: none; 
	}
#nav li li a:hover { 
	color: #FFF; background: #F56E00 url(../img/ply_nav_hover.gif) repeat-x left top; 
	}
#nav li { 
	float: left; xwidth: 7em; margin: 0; padding: 0; 
	}
#nav li ul { 
	position: absolute; width: 9em; left: -999em; 
	border: 1px solid #beb9b1; border-right: 1px solid #a6a19a; border-bottom: 1px solid #a6a19a;
	background: url(../img/ply_nav_background.png) !important;
	background: #FFF; 
	}
#nav li li { }
#nav li:hover ul, #nav li.sfhover ul { 
	left: auto; 
	background-position: 0 0; /* for IE7 */
	}

/* MAIN */
#main { padding: 80px 40px 2em 54px; }

/* CONTENT */
#content { }

/* breadcrumbs */
#breadcrumbs { 
	padding-bottom: 2em;
	font-size: 10px;
	color: #bfbfbf;
	}

#breadcrumbs a,
#breadcrumbs a:link,
#breadcrumbs a:visited {
	text-decoration: none;
	color: #b3b3b3;
	}
#breadcrumbs a:hover {
	color: #F56E00;
	}

/* 1 column */
.columns_1 #column_A { padding-right: 200px; overflow: hidden; }
.columns_1 #column_B { display: none; }

/* 1 column wide */
.columns_1_wide #column_A { overflow: hidden; }
.columns_1_wide #column_B { display: none; }

/* 2 columns */
.columns_2 #column_A { float: left; width: 400px; overflow: hidden; }
.columns_2 #column_B { float: left; width: 216px; margin-left: 70px; overflow: hidden; }

/* 2 columns equal width */
.columns_2_equal #column_A { float: left; width: 315px; overflow: hidden; }
.columns_2_equal #column_B { float: left; width: 315px; margin-left: 56px; overflow: hidden; }

/* FOOTER */
#footer { padding: 1em 0; color: #666; font-size: 10px; }

#footer a,
#footer a:link,
#footer a:visited {
	text-decoration: underline;
	color: #666;
	}
#footer a:hover {
	text-decoration: none;
	color: #F56E00;
	}	

/* FORMS */

form { margin: 0; margin-top: 1em; padding: 0; color: #000; font-size: 1em; }

fieldset { border: 0px none; margin: 0; padding: 0; padding-bottom: 1em; }
* html fieldset { padding-bottom: 1em; }
fieldset legend { display: none; }
fieldset div { margin: 10px 0; }
fieldset br { display: none; }
fieldset div br { display: block; }

fieldset input, fieldset textarea, fieldset select {
	width: 300px; padding: 2px; font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #666; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC;
	background: #FAFAFA; color: #000;
	}
fieldset select { width: 306px; }

fieldset textarea { font-size: 100%;}

fieldset label, fieldset div.cr p {
	margin: 0; padding-right: 10px; padding-top: 4px;
	display: block; float: left;
	width: 100px;
	text-align: left;
	}
        
fieldset div.cr label {
	margin-left: 113px;
	text-align: left;
	width: auto;
	float: none;
	}
	
fieldset div span { display: block; margin-left: 108px; padding-top: 4px; }
* html fieldset div span { margin-left: 111px; }

fieldset .removed { display: none !important;}
fieldset .mandatory { color: #F06C00; }

fieldset div.cr input { border: none; width: auto; margin-right: 5px; background: none; }
fieldset div.cr_label input { border: none; width: auto; }

fieldset .remark,
fieldset.footnotes { 
	font-size: 87%;
	color: #666; 
	}

fieldset.buttons { padding-top: 0; clear: both; width: 100%; }
fieldset.buttons label { width: 80px; float: left; }
fieldset.buttons input { 
	width: 110px; font-weight: bold; text-transform: uppercase;
	border: 1px solid #FD7000;
	color: #FFF; background: #EAF4F8 url(../img/cl_button.gif) repeat-x; margin-left: 20px; 
	}
fieldset.buttons input.inactive { 
	border: 1px solid #DDD; border-right: 1px solid #637595; border-bottom: 1px solid #637595;
	color: #000; background: #DBEDF3 url(../img/cl_button_inactive.gif) repeat-x; 
	}
fieldset.buttons .remark {
	display: inline;
	}

fieldset .error { color: #FD7000; font-weight: bold; }

fieldset .badinput { color: #FD7000; }
fieldset input.badinput, fieldset select.badinput, fieldset textarea.badinput {
	background: #fff7e6; color: #000;
	border: 1px solid #FD7000;
	}