/*  
Theme Name: WP-SERVICE
Theme URI: www.proseo.dk
Description: This is WP-SERVICE theme.
Version: 1.0
Author: Peter Kiregbaum
Author URI: www.proseo.dk

*/

body{
	background-image: url(images/bg.jpg);
	margin: 0px;
	padding: 0px;
	background-color: #517082;
	background-repeat: repeat-x;
}
#marginauto {
	text-align: center;
}
#container {
	margin: 0px auto;
	padding: 0px;
	width: 822px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align: left;
}
#left {
	float: left;
	width: 202px;
	color: #000;
	padding: 0px;
	margin: 0px;
}
#logo {
	height: 127px;
	background: url(images/logo.png) no-repeat 50px 50px;
}
#leftspace {
	background-image: url(images/leftcontent.png);
	background-repeat: repeat-y;
	width: 202px;
	display: block;
}
#lefttop  {
	background-image: url(images/lefttop.png);
	background-repeat: no-repeat;
	width: 202px;
	background-position: top;
}


#leftcontent {
	width: 170px;
	margin-top: 35px;
	margin-left: 2px;
	color: #000;
}
#leftbottom {
	height: 26px;
	background-image: url(images/leftbottom.png);
}


#right {
	float: left;
	width: 610px;
}
.user_box {
}
.user_top {
}
.user_content {
}
#right_top {
	height: 48px;
	width: 610px;
	float: left;
}
.date {
	float: left;
	text-align: right;
	font-size: 11px;
	font-weight: bold;
	font-family: Tahoma, Arial, Verdana;
	width: 580px;
	margin-top: 30px;
}
#right_topmenu {
	height: 65px;
	width: 610px;
	float: left;
	background-image: url(images/right_top_bg.png);
	background-position: bottom;
}
#right_top_left {
	width: 610px;
	height: 65px;
	float: left;
	background-image: url(images/right_top_left.png);
	background-repeat: no-repeat;
}
#right_top_right {
	width: 610px;
	height: 65px;
	float: right;
	background-image: url(images/right_top_right.png);
	background-repeat: no-repeat;
	background-position: right;
}
#right_topmenu_content {
	float: left;
	height: 65px;
	width: 550px;
	overflow: hidden;
	padding-left: 15px;
}
#right_header {
	height: 185px;
	background-color: #5093BD;
	background-image: url(images/banner_right.png);
	background-repeat: repeat-y;
	background-position: right;
	float: left;
	width: 610px;
}
#banner {
	background-image: url(images/banner.jpg);
	width: 576px;
	height: 156px;
	margin-left: 6px;
}
#right_bottom {
	height: 185px;
	background-image: url(images/right_bottom.png);
	width: 610px;
	background-position: bottom;
	background-repeat: no-repeat;
}
#maincontent {
	width: 600px;
	float: left;
	padding-left: 15px;
}
#content {
	color: #FFFFFF;
	width: 570px;
	float: left;
}
#footer {
	width: 800px;
	height: 20px;
	line-height: 20px;
	float: left;
	text-align: left;
	margin-top: 20px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #38424E;
}
#othermenu {
	float: right;
}
#copyright {
	float: left;
}


.moduletable_menu {
	padding: 0;
	margin: 0;
}
#left .moduletable th, #left h3 {
	font-size: 14px;
	color: #000;
	padding: 0px 0px 0px 10px;
	text-align: left;
}
#left .moduletable td {
	width: 185px;
	text-align: center;
	color: #000;
}
#left p {
	font-size: 12px;
}
#content  a:link, #content a:visited {
	color: #61C600;
	text-decoration: none;
}
#content a:hover  {
	text-decoration: underline;
	padding: 0px;
}
#footer   a:link, #footer  a:visited, #footer a:hover {
	color: #61C600;
	text-decoration: none;
	padding: 0px;
}

.contentpane  {}
.contentpaneopen {}
.contentheading {
	font-size: 20px;
	height: 30px;
	background-image: url(images/contentheading.gif);
	background-repeat: repeat-x;
	width: 100%;
}
.componentheading {
	background-image: url(images/componentheading.gif);
	width: 570px;
	height: 25px;
	line-height: 25px;
	font-size: 14px;
	background-repeat: no-repeat;
	padding-left: 15px;
	margin-bottom: 10px;
}
.input {
	padding: 0px 0px 0px 10px;
	margin: 0px;
	border: none;
}
.input p{
	color: #000000;
}
.button {
	font-size: 14px;
	font-weight: bold;
	border: 2px outset #fff;
	background-image: url(images/button.png);
	background-repeat: repeat-x;
	color: #fff;
	margin: 5px 0px;
	background-color: #5BC503;
} 
.createdate {
	color: #999;
}
.modifydate {
	color: #999;
}
.searchbox {
	width: 170px;
}
.small {
	color: #999999;
}
.sectiontableheader {
	background-color: #CFE3EC;
	color: #5294BD;
	padding-left: 10px;
	font-size: 14px;
}
.latestnews ul, .latestnews li {
	padding: 0px 0px 0px 5px;
	margin: 0 15px;
}
.latestnews {
	margin: 0px;
	padding: 0px;
}
td, tr, p, div   {
	font-size: 12px;
	color: #fff;
}


#othermenu ul, #othermenu li {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	display: inline;
}
#othermenu a:link, #othermenu a:visited {
	color: #CFE3EC;
	border-left: 1px solid #fff;
	padding: 0px 5px;
}
#othermenu a:hover {
	text-decoration: underline;
}
ul.menu, ul#mainlevel, ul.menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.moduletable  ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0 10px;
}
#leftcontent .menu a:link, #leftcontent .menu a:visited, #leftcontent .menu a:active  {
	text-align: left;
	color: #406F99;
	text-decoration: none;
	line-height: 24px;
	height: 24px;
	border-bottom: 1px solid #FFFFFF;
	width: 159px;
	display: block;
	padding-left: 25px;
	background-image: url(images/mainlevel.gif);
	background-repeat: no-repeat;
}
#leftcontent .menu a:hover, div.moduletable_menu ul.menu li#current a {
	text-decoration: none;
	text-align: right;
}
#leftcontent ul.menu ul a:link, #leftcontent ul.menu ul a:visited {
	color: #999999;
	background-image: url(none);
	text-decoration: none;
	padding: 2px 0px 2px 10px;
	display: block;
	text-align: right;
	border: none;
}
#leftcontent ul.menu ul a:hover {
	text-decoration: underline;
}
#right_topmenu ul, #right_topmenu li {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	display: inline;
}
#right_topmenu .menu li {
	margin: 0;
	float:left;
	height: 65px;
	padding:0 0 0 22px;
}
#right_topmenu .menu li a {
	display:block;
	padding: 0px 20px 0px 0px;
	font-size: 13px;
	color: #fff;
	text-decoration: none;
	padding: 0px 22px 0 0;
	float: left;
	height: 65px;
	line-height: 65px;
}
#right_topmenu .menu li:hover {
	background-image: url(images/topmenu_over_l.png);
	background-position: bottom left;
	background-repeat: no-repeat;
}
#right_topmenu .menu li:hover a {
	background-image: url(images/topmenu_over_r.png);
	background-position: bottom right;
	background-repeat: no-repeat;
}
#right_topmenu .menu a {
	float:none;
}


/* CSS Guideline to style rokbox */
/* When adding your own theme,make sure to replace "custom" with your theme name */
/* use lowercase characters and no space. For example,we name our theme "mytheme" */
/* we replace every "rokbox-light" with "rokbox-mytheme" */
/* Wrapper,the very outside container of rokbox */
#rokbox-wrapper.rokbox-light{}
#rokbox-wrapper .clr {clear:both;}
#rokbox-close{height:30px;width:20px;display:block;background:url(close.png) 0 0 no-repeat;clear:both;}
#rokbox-close span{display:none;}
/* Table for border look and feel */
#rokbox-top.rokbox-left{background:url(tl.png) 0 0 no-repeat;clear:both;}
#rokbox-top .rokbox-right{background:url(tr.png) 100% 0 no-repeat;}
#rokbox-top .rokbox-center{background:url(top.png) 0 0 repeat-x;height:20px;margin-left:20px;margin-right:20px;}
#rokbox-middle {overflow: hidden;}
#rokbox-middle.rokbox-left{background:url(left.png) 0 0 repeat-y;clear:both;}
#rokbox-middle .rokbox-right{background:url(right.png) 100% 0 repeat-y;}
#rokbox-middle .rokbox-center{background:#fff;margin-left:20px;margin-right:20px;}
#rokbox-bottom.rokbox-left{background:url(bl.png) 0 0 no-repeat;}
#rokbox-bottom .rokbox-right{background:url(br.png) 100% 0 no-repeat;}
#rokbox-bottom .rokbox-center{background:url(bottom.png) 0 0 repeat-x;height:20px;margin-left:20px;margin-right:20px;}
/* Object/Image container */
#rokbox-container{}
/* Spinner class that gets added when loading content and removed when loaded */
#rokbox-container.spinner{background:url(ajax-loader.gif) 50% 50% no-repeat;}
/* Arrows wrapper (for previous and next when visible) */
#rokbox-arrows{margin-top:15px;position:absolute;right:0;width:70px;height:20px;}
#rokbox-arrows a{float:left;display:block;width:20px;height:20px;margin-right:5px;}
/* Previous arrow and its text span */
#rokbox-arrows #rokbox-previous{background:url(prev.png) 0 0 no-repeat}
#rokbox-arrows #rokbox-previous span{display:none;}
/* text wrapper,useful to set as display none when using images */
/* Next arrow and its text span */
#rokbox-arrows #rokbox-next{background:url(next.png) 0 0 no-repeat}
#rokbox-arrows #rokbox-next span{display:none;}
/* text wrapper,useful to set as display none when using images */
#rokbox-arrows #rokbox-previous.inactive,
#rokbox-arrows #rokbox-next.inactive{background-position:0 -20px;}
/* Captions wrapper and titles and descriptions */
#rokbox-caption{padding-top:25px;font-family:Helvetica,Arial,sans-serif;}
#rokbox-caption h2{/* titles */
margin:0 0 10px 0;padding:0;color:#333;font-size:18px;font-weight:bold;}
#rokbox-caption p{/* description */
margin:0;color:#999;font-size:12px;}