img{
	border: 0;
}

body{
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, sans-serif;
	font-size: 0.8em;
	background-color: white;
}

#topItems, #topSpace, #topMenu{
	color: white;
}

#topItems{
	height: 20px;
	text-align: right;
	padding: 3px 50px 3px 3px;
	background-color: #ef6600;
	border-bottom: 1px solid #ffffff;
}

#topItems a{
	color: white;
}

#topSpace{
	height: 20px;
	padding: 40px 50px 20px 10px;
	background-image: url(../images/cms/topSpaceBackground.jpg);
	background-repeat: repeat-x;
	text-align: right;
}

#topSpace h1{
	font-size: 1.4em;
}

#topMenu{
	height: 23px;
	padding-left: 25px;
	background-color: #e27f22;
}

#topMenu ul{
	margin: 0;
	padding: 0;
}

#topMenu ul li{
	display: block;
	float: left;
	width: 120px;
	height: 18px;
	margin: 2px 8px 0px 0px;
	border-width: 1px 1px 0px 1px;
	padding-top: 2px;
	background-color: #e27f22;
	border-color: white;
	border-style: solid;
	text-align: center;
}

#topMenu ul li:hover{
	background-color: white;
	border-color: gray;
	color: black;
}

#topMenu ul li a{
	display: block;
	color: white;
	text-decoration: none;
}

#topMenu ul li.current, #topMenu ul li.current a{
	background-color: white;
	border-color: gray;
	color: gray;
}

#topMenu ul li:hover a{
	color: gray;
}

#content{
	padding: 25px;
}

#toolbox{
	background-color: #f2f2f2;
	border: 1px solid gray;
	padding: 15px;
}

#toolbox a{
	color: black;
}

table td.cmstablerecordMain, table td.cmstablerecordSub, table td.cmsinputTop, table td.cmsinputData{
	padding: 3px;
	border: 1px solid silver;
}

table td.cmstablerecordMain, table td.cmsinputTop{
	background-color: #F4D9BE;
	font-weight: bold;
	padding-left: 3px;
}

table td.cmstablerecordSub, table td.cmsinputData{
	background-color: #FFFFFF;
	padding-left: 10px;
}

table td.cmstableTop{
	background-color: #717171;
	font-weight: bold;
	color: white;
	border: 1px solid gray;
}

table td.cmsinputData input, table td.cmsinputData textarea{
	width: 98%;
	padding: 3px;
	background-color: white;
	border: 1px solid black;
}

table td.cmsinputData textarea{
	height: 75px;
}

#content h1, #content h2, #content h3, #content h4{
	color: #ef6600;
}

h1{
	font-size: 1.4em;
}

/* uploader */

#demo-status
{
	background-color:		#F9F7ED;
	padding:				10px 15px;
	width:					420px;
}
 
#demo-status .progress
{
	background:				white url(../images/cms/progress.gif) no-repeat;
	background-position:	+50% 0;
	margin-right:			0.5em;
}
 
#demo-status .progress-text
{
	font-size:				0.9em;
	font-weight:			bold;
}
 
#demo-list
{
	list-style:				none;
	width:					450px;
	margin:					0;
}
 
#demo-list li.file
{
	border-bottom:			1px solid #eee;
	background:				url(../images/cms/file.png) no-repeat 4px 4px;
}
#demo-list li.file.file-uploading
{
	background-image:		url(../images/cms/uploading.png);
	background-color:		#D9DDE9;
}
#demo-list li.file.file-success
{
	background-image:		url(../images/cms/success.png);
}
#demo-list li.file.file-failed
{
	background-image:		url(../images/cms/failed.png);
}
 
#demo-list li.file .file-name
{
	font-size:				1.2em;
	margin-left:			44px;
	display:				block;
	clear:					left;
	line-height:			40px;
	height:					40px;
	font-weight:			bold;
}
#demo-list li.file .file-size
{
	font-size:				0.9em;
	line-height:			18px;
	float:					right;
	margin-top:				2px;
	margin-right:			6px;
}
#demo-list li.file .file-info
{
	display:				block;
	margin-left:			44px;
	font-size:				0.9em;
	line-height:			20px;
	clear
}
#demo-list li.file .file-remove
{
	clear:					right;
	float:					right;
	line-height:			18px;
	margin-right:			6px;
}

#imagesOverview{
	width: 100%;
	height: 300px;
}

/* Login */

#login{
   position:absolute; 
   width: 236px;
   margin-top: -60px;
   margin-left: -118px;
   top: 50%; 
   left: 50%;
   border: 1px solid #727272;
   color: #727272;
}

#logintop{
	padding: 6px 0px 0px 18px;
	background-color: #727272;
	height: 27px;
}

#logintop h2{
	margin: 0;
	font-size: 1em;
	color: white;
	text-transform: uppercase;
}

#loginbody{
	padding: 10px 18px;
}

#loginbody a.forgot{
	text-decoration: none;
	color: #7c7c7c;
	display: block;
}

#loginbody span{
	color: #7c7c7c;
}

#loginbody input.relatie_input{
	width: 100%;
	border-top: 1px solid #bebeb9;
	border-left: 1px solid #bebeb9;
	border-bottom: 1px solid #edefed;
	border-right: 1px solid #edefed;
	background-color: white;
	color: #7c7c7c;
}

#loginbody input.button{
	background-color: #fd6b00;
	border: 0;
	color: white;
	width: 80px;
	padding: 4px 0px;
	font-size: 0.6em;
	font-weight: bold;
	border-right: 1px solid #858585;
	border-bottom: 1px solid #858585;
	margin-left: -1px;
	margin-top: 5px;
}