/* Stylesheet "Jouwbabywebsite Sunshine" :: v1 (14-02-2007) */
/* Coded by "WeCode.fr"  */
/* You may learn from this CSS and use its techniques in your own projects, but the unique combination of images, colors, sizes, typography, and positioning ("the design") is copyright (c) 2007 "ViaMichelin" and may not be used by anyone but us. */ 

/*
	Style Index
	---------------------
	
	$1 - Site Structure Styles
		$1.1 - General Styles
		$1.2 - Main Layout Styles
		$1.3 - Blocks Layout Styles
		$1.4 - Extra Blocks Styles
		
	$2 - Content Styles
		$2.1 - General Content Styles
		$2.2 - Heading Styles
		$2.3 - Paragraph Styles
		$2.4 - Link Styles
		
	$3 - List Styles
		$3.1 - General Lists
		$3.2 - Main Navigation
		$3.3 - Sidebar Lists
		$3.4 - Extra Lists
		
	$4 - Image Styles
		$4.1 - General Image Styles
		$4.2 - Image Buttons
		$4.3 - Content Images
		
	$5 - Form Styles
		$5.1 - General Form Styles
		$5.2 - Login Form
		$5.3 - Signup Form
		
*/ 







/*** $1 - Site Structure Styles ***/

		/* 1.1 - General Styles */
		
			* {
				padding:0;
				margin:0;
			}
			
			.clear {
				clear:both;
			}
						
		/************************/
	
		/* 1.2 - Main Layout Styles */
				
			body {
				background:url(../images/bg_body3.png) repeat-x top center #eff5fb;
				font-size:0.9em;
				line-height:1.25em;
				font-family:Arial, Helvetica, sans-serif;
				color:#333333;
				width:100%;
			}
			
			#container {
				margin:0 auto;
				min-height:600px;
				width:90%;
			}
			
			#main {
				background:#fff;
				border:1px solid #6aaae4;
				display:table;
				min-height:350px;
				padding: 1.5em 1em 1.5em 1em;
				width:95%;
			}				
			
			#content {
				float:left;
				margin:0 auto 2.2em auto;
				width:70%;
			}
			
			#navigation {
				margin:50px auto 1px auto;
				*margin:70px auto 1px auto;
				_margin:70px auto 6px auto;
				padding: 0 2em 0 0;
				width:95%;
			}
			
			#subnavigation {
				background:#F0F0EE;
				border:1px solid #ccccc5;
				float:left;
				margin:0 2em 0 auto;
				padding: 0 0 0 0;
				vertical-align:middle;
				width:20%;
			}				
					
			#footer {
				border-top:1px solid #cbe0f3;
				clear:both;
				font-size:0.7em;
				color:#666666;
				margin:0 auto;
				padding: 1em;
				width:85%;
			}
						
		/************************/

	.picture_big {
		width:470px;
		padding:0.5em;
		background-color:#fdf2ba;
		border:3px solid #FFDE37;
		margin:2.5em 0;
		font-weight:bold;
		text-align:center;
	}





/*** $2 - Content Styles ***/

		/* 2.1 - General Content Styles */
		
			a {
				color:#6AAAE4;
				text-decoration:none;
			}
			
			a:hover {
				text-decoration:underline;
			}
			
			/************************/
	
		/* 2.2 - Heading Styles */
				
			#content h1 {
				color:#6AAAE4;
				font-family: Arial, Helvetica, sans-serif;
				font-size:1.2em;
				font-weight:bold;
				line-height:1em;
				margin:0 0 1.5em 0;
			}
				
			#content h2 {
				color:#555;
				font-size:1.1em;
				font-weight:bold;
				line-height:2em;
			}			
				
			#content h3 {
				color:#555;
				font-size:1em;
				font-weight:bold;
				line-height:2em;
				margin:1em 0 0.5em 0;
			}			

			#content h4 {
				color:#555;
				font-size:1em;
				font-weight:bold;
				line-height:2em;
			}	
			
			#editable h5 {
				font-size:1.3em;
				margin:1em 0;
			}
		
		/************************/
	
		/* 2.3 - Paragraph Styles */
	
			#footer p {
				display:inline;
				float:left;
				margin-right:0.4em;
			}
			
			.actions {
				font-size:0.8em;
				text-align:right;
			}
			
			.date {
				background:url(../images/icon_date_mini.png) no-repeat 0 0.7em;
				display:block;
				font-size:0.7em;
				margin:0 0 0 0.4em;
				padding:0 0 0 1.8em;
			}
			
			#items li p {
				border:1px solid #eee;
				border-width:1px 0 0 0;
				font-size:0.9em;
				margin:0.4em 0;
				padding:0.4em 0 0.4em 0.5em;
			}
			
			#editable h5 span {
				color:#0063DC;
			}				
				
		/************************/
	
		/* 2.4 - Link Styles */
	
			#header li a {
				color:#BAB9B9;
				font-size:0.8em;
			}
			
			#header li.current a, #nav li.current a {
				color:#fff;
			}
			
			#nav li a {
				color:#333;
			}
			
			#footer a {
				color:#666666;
			}
			
			#footer .current a {
				text-decoration:underline;
			}	
					
			a.remote_delete, a.remote_delete_2{
				background:url(../images/icon_delete.png) no-repeat;
				padding:0 0 0 1.8em;
			}
			
			a.remote_approve{
				background:url(../images/icon_accept.png) no-repeat;
				padding:0 0 0 1.8em;
			}			
			
			a.remote_edit{
				background:url(../images/icon_edit.png) no-repeat;
				padding:0 0 0 1.8em;
			}			

			.colors li img {
				border:1px solid #D0D0D0;
				padding:2px;
				text-decoration:none;
			}

			.designs li img {
				border:2px solid #D0D0D0;
				padding:5px;
				width:200px;
				text-decoration:none;
			}
			
			.designs li img.active {
				border:2px solid #000;
			}
			
			.actions a:link, .actions a:visited, .picture a:link, .picture a:visited {
				font-weight: normal;
				font-size:1em;
			}
				
		/************************/






/*** $3 - List Styles ***/

		/* 3.1 - General Lists */
		
			ul li {
				list-style:none;
			}
			
		/************************/
	
		/* 3.2 - Main Navigation */
			
			#header ul {
				text-align:right;
			}
			
			#navigation ul {
				clear:both;
				margin:0 0 0 0;
			}
			
			#navigation li {
				display:inline;
				line-height:2em;
			}
			
			#navigation li a:link, #navigation li a:visited{
				text-decoration:none;
				background:#B7D5F1;
				border:1px solid #6aaae4;
				border-bottom:0;
				color:#444;
				font-size:0.9em;
				left:-1px;
				line-height:1em;
				margin:0 0 0 0;
				padding:0.5em 1em;
				position:relative;
				top:1px;
			}

			#navigation li a:hover {
				color:#000;
			}
			
			#navigation li.current a:link, #navigation li.current a:visited {
				background: #fff;
				border:1px solid #fff;
				color:#000;
				font-weight:bold;
				margin:0 0 0 0;
				padding:0.5em 1em 0.5em 1em;
				position:relative;
				top:2px;
			}
			
			#subnavigation ul {
				margin:0 0 0 0;
				padding:1em;
			}	
			
			#subnavigation li {
				display: block;
			}	

			#subnavigation a {
				background:url(../images/bg_subnavigation_li.gif) repeat-x center bottom;
				display:block;
				font-size:0.9em;
				color:#666666;
				margin:0 0 0 0;
				padding:0.8em 0 0.8em 0;
			}		
			
			#subnavigation a:hover {
				background:url(../images/bg_subnavigation_li.gif) repeat-x center bottom #f7f7f7;
				text-decoration:none;
			}			
			
			#subnavigation li.current a:link, #subnavigation li.current a:visited {
				font-weight:bold;
				color:#000;
			}
			
			#header li, #nav li, #footer li {
				display:inline;
			}


			#gallery li {
				background: #f8f8f8;
				border:2px solid #e9e9e9;
				margin:0.5em 0.5em 0.5em 0;
				padding:1em 1em;
			}
			
			#actions {
				margin:2em 0 1em 0;
			}
			
			#actions li {
				background:url(../images/icon_arrow_right_blue.png) no-repeat;
				margin:0.5em 0;
				padding:0 0 0 1.8em;
			}
			








#nav ul{
	padding:0 0 0 0px;
	list-style:none;
	width:100%;
}

#nav ul ul {
	background-color:#87BFEE;
	margin-top:0;
	padding-right:20px;
}

#nav #current ul {
	background-color:#4990C8;
}



#nav li a:hover{
	text-decoration: underline;
}

#nav #current {
	background-image:url("../images/tab_left.png");
}
#nav #current a {
	background-image:url("../images/tab_right.png");
	color:#fff;
}

#nav #current li {
background-image:none;
}

#nav #current li a:link, #nav #current li a:visited {
	background-image:none;
	color:#FFFFFF;
	font-weight:normal;
	padding:8px;
}
#nav #current li.slc a:link, #nav #current li.slc a:visited  {
	background:url(../images/bg_submenu_current.gif) no-repeat center bottom;
	color:#FFFFFF;
}
#nav li li {
background-image:none;
color:#FFFFFF;
}

#nav li li a:link, #nav li li a:visited {
	font-weight:normal;
padding:8px;
background-image:none;
color:#FFFFFF;
border:0;
}













		/************************/
	
		/* 3.3 - Extra lists */
		
			.designs li, .colors li {
				display:inline;
			}
			
			#items li {
				background: #f8f8f8;
				border:2px solid #e9e9e9;
				margin:0.5em 0;
				padding:0.5em 1em;
				width:500px;
			}
			
			li.gallery, li.gallery_head {
				margin:0.5em 2em 0.5em 0;
			}

			li.gallery {
				padding:0.6em;
				background-color:#fdf2ba;
				border:3px solid #FFDE37;
				float:left;
				font-weight:bold;
				text-align:center;
				margin:1em 1em 1em 0;
				height:180px;
				width:180px;
			}
			
			li.gallery_head {
				border:3px solid #6AAAE4;
			}











div.message {
	height:30px;
	margin:20px 0;
}

#confirmation_message, .loading_message {
	background-color:#FFFFCC;
	border:2px solid #FFD700;
	font-size:0.8em;
	margin:1em 0;
	padding:0.8em 0.8em 0.8em 2.5em;
	width:auto;
}

.message_ok {
	background:url(../images/icon_accept.png) no-repeat 0.8em 0.8em;
} 

.message_warning {
	background:url(../images/icon_warning.png) no-repeat 0.8em 0.8em;
} 

.message_tip {
	background:url(../images/icon_information.png) no-repeat 0.8em 0.8em;
} 


table.info {
	margin:15px 0 15px 0;
}

table.info td {
	border:1px solid #CCCCCC;
	border-width:0 0 1px 0;
	padding:5px 2px 0 5px;
	margin:0 5px 0 0;
}

td.title {
	background-color:#DFF1FE;
	font-weight:bold;
	text-align:right;
	padding:5px 0 0 0;
				width:150px;
}
			
		/************************/


 			img { behavior: url(/sunshine/management/styles/iepngfix.htc) }

#header img {
	margin:12px 0 0 20px;
}

#header li img {
	margin:0 0 0 0;
}

#navigation img, #subnavigation img, #header img {
border:0;
position:relative;
top:0.2em;
*top:0.5em;
_top:0.2em;
}

#subnavigation img {
	top:0;
}

a.preview_website_nl, a.preview_website_fr {
	float:right;
	display:block;
	height:32px;
	margin:20px 0 0 0;
	width:189px;
}

a.preview_website_nl {
	background:url(../images/button_preview_website_nl.gif) no-repeat;
}

a.preview_website_fr {
	background:url(../images/button_preview_website_fr.gif) no-repeat;
}


a.preview_website_nl:hover, a.preview_website_fr:hover {
	background-position:0 -32px;
}


/*** $5 - Form Styles ***/
	
		/* 5.1 - General Form Styles */
						
			 form {
				background: #f8f8f8;
				border:2px solid #e9e9e9;
				margin:2em 0 3em 0;
				width:90%;	
			}
			
			 fieldset {
			 	border:0;
				padding: 10px 10px 10px 10px;

			}
			
			 legend {
				background-color:#fff;
				border: 2px solid #E9EAE4;
				color: #555;
				font-size: 1em;
				font-family:Arial, Helvetica, sans-serif;
				font-weight:bold;
				margin:-12px 0 10px 0;
				padding:0.3em 1em;
				
			}
			
			 label {
			 	clear:both;
				color:#555555;
				display:block;
				float:left;
				font-size:1.1em;
				margin:1.3em 0.6em 0 0;
				padding:0.1em 0 0 0;
				font-weight:bold;
				text-align:right;
				width:10em;
			}
			
			 label.long {
				color:#000000;
				width:auto;
			}
			
			 input  {
				border:1px solid #7F9DB9;
				font-family:Arial, Helvetica, sans-serif;
				font-size:1.1em;
				font-weight:bold;
				line-height:1.1em;
				margin:1.1em 0 0 0;
				padding:0.2em 0.4em 0 0.4em;
				width:250px;
			}
			
			 input.small {
				width:100px;
			}
			 input.long {
				width:200px;
			}
			
			 input.required,  select.required {
				border: 1px solid #F89828;
			}
			
			textarea {
				font-family:Arial, Helvetica, sans-serif;
				font-size:1.1em;
				font-weight:bold;
				margin:1.1em 0 0 0;
				padding:0.3em 0.4em 0 0.3em;
				width:250px;
				height:250px;
			}	

			 select{
				border:1px solid #7F9DB9;
				font-family:Arial, Helvetica, sans-serif;
				font-size:1.1em;
				font-weight:bold;
				line-height:1.2em;
				margin:1.1em 0 0 0;
				padding:0.1em 0 0.1em 0.4em;
				width:265px;
			}
			
			 select.small {
				width:auto;
			}
			
			 select.no_label {
				display:inline;
				margin:0 0 0 165px;
			}	
			
			option {
				padding:0 0.4em;
			}
			
			 fieldset.large label {
				display:inline;
				float:none;
				margin:0 0 0 15px;
				padding:2px 0 0 0;
				width:auto;
			}
			
			 label.legend_label {
				display:block;
				float:left;
				font-weight:bold;
				padding:0 0 0 0px;
				margin:5px 0 0 0;
				width:166px;
				_width:162px;
			}
			
			 input.inline {
				border:none;
				display:inline;
				float:left;
				margin:5px 0 0 0;
				width:auto;
			}
			*>  fieldset.large input{
				margin:5px 0 0 12px;
			}
			
			 input.submit {
				border:none;
				height:20px;
				margin:0 0 0 10em;
				_margin:0 0 0 145px;
			}
			
			 form .bold {
				font-weight:bold;
			}

			input.disabled {
				border: 1px solid #F2F2F2;
				background-color: #F2F2F2;
			}
			
			input.required {
			}
			input.validation-failed {
				border: 1px solid #FF3300;
				color : #FF3300;
			}
			input.validation-passed, textarea.validation-passed {
				border: 1px solid #00CC00;
				color : #000;
			}
			.dropcontent{
				display:block;
			}

form #content {
width:inherit;}
.button {
	background:url(../images/bg_button.png) repeat-x 0 0;
	border:4px solid #fff;
	cursor:pointer;
	color:#FFFFFF;
	font-size:1em;
	font-weight:bold;
	margin:0 0 0 11em;
	padding:0.4em 2em;
	width:auto;
	float:right;
}

.left {
	margin:0 0 0 0;
}

.button:hover {
	background:url(../images/bg_button.png) repeat-x 0 -40px;
	text-decoration:underline;
}

		/* 5.2 - Editable Form Styles */
						
			
			#editable .eip_mouseover {
				background-color: #ff9;
			}
			#editable .eip_empty {
				color: #afafaf;
			}
			#editable .eip_savebutton {
				background-color: #0063dc;
				color: #fff;
				text-transform: uppercase;
				font-weight: bold;
			}
			#editable .eip_cancelbutton {
				background-color: #ddd;
				color: #666;
				font-weight: bold;
			}
			#editable .eip_saving img{
				vertical-align:text-top;
			}
			#editable .eip_saving{
				color: #aaa;
			}