/*-------------------------------------------------
	Sitename:		UPO Selectable Design 08/09 
	Author: 		Allan Sonnenberg
	Design By: 		Allan Sonnenberg
	Company:		Pharmeon B.V.
	Company URI:	http://www.pharmeon.nl
---------------------------------------------------*/

/* --- Laste edited: 29-10-2009-------*/


/* Import Standard Styles */
@import url("../new/resetALL.css");
@import url("/css/default/OService-default.css");
@import url("/css/default/default-consumed.css");
@import url("/css/default/default-datalist.css");
@import url("/css/default/default-headers.css");
@import url("/css/default/default-webshop.css");

body,html {
	padding:0;
	margin:0;
	height:100%;
}
body{
	margin: 0px;
	font-size: 12px;
}
#bodybg{
	background-image	:url(../../../images/upo_s0809/shadow.jpg);
	background-position	: center 307px;
	background-repeat	:no-repeat;
	display: block;
	z-index: 10;
}


/*wrapper*/

#wrapper{
	background-image: url(../../../images/upo_s0809/header2_bg.jpg);
	background-repeat: repeat-x;
	background-position: top left;
	position:relative;
	z-index:2;
}


/*maintables*/

#maintable{
	width: 1001px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../../../images/upo_s0809/bg.png);
	background-position: top left;
	background-repeat: repeat-y;
}
/*header items
#header{
	background-image: url(../../../images/upo_s0809/header2_frame.png);
	background-repeat: no-repeat;
	background-position: top left;
	width: 1000px;
	height: 302px;
	padding: 0 0 36px;
}*/
/*#photo_frame{
	height: 304px;
	width: 530px;		
	float: left;
	left: 10px;
	z-index: 50;
	position: relative;
}

#photo_frame #photo_upload {
	background-color: #FFF;
	height	:213px;
	margin-left:42px;
	margin-top:46px;
	width:446px;
	z-index:25;
}*/
/*#buttons{
	background-image:url(../../../images/upo_s0809/button_underline.png);
	background-position: 85px 52px;
	background-repeat:no-repeat;
	float: left;
	height: 90px;
	width: 420px;
	margin: 18px 0 0 14px
}*/
div#buttons a.bt_home{
	background-image: url(../../../images/upo_s0809/button_home.png);
	background-repeat: no-repeat;
	background-position: top left;
	display: block;
	height: 26px;
	width: 84px;
	float: right;
	margin: 15px 0 0;
}
div#buttons a.bt_home:hover{
	background-image: url(../../../images/upo_s0809/button_home.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	_background-position: bottom left;
	display: block;
	height: 26px;
	width: 84px;
	float: right;
	margin: 15px 0 0;
	_margin: 14px 0 0;
}
div#buttons a.bt_login{
	background-image: url(../../../images/upo_s0809/button_login.png);
	background-repeat: no-repeat;
	background-position: top left;
	display: block;
	height: 26px;
	width: 84px;
	float: right;
	margin: 15px 0 0;
	padding: 0 0 0 39px;
}
div#buttons a.bt_login span{
	display: none;	
}
div#buttons a.bt_logout span{
	display: none;	
}
div#buttons a.bt_logout{
	display: block;
	background-image: url(../../../images/upo_s0809/button_login.png);
	background-repeat: no-repeat;
	background-position: top left;
	height: 26px;
	width: 84px;
	float: right;
	margin: 15px 0 0;
	padding: 0 0 0 39px;
}
div#buttons a.bt_login:hover{
	background-image: url(../../../images/upo_s0809/button_login.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	display: block;
	height: 26px;
	width: 84px;
	float: right;
	margin: 15px 0 0;
	padding: 0 0 0 39px;
}
div#buttons a.bt_logout:hover{
	background-image: url(../../../images/upo_s0809/button_login.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	display: block;
	height: 26px;
	width: 84px;
	float: right;
	margin: 15px 0 0;
	padding: 0 0 0 39px;
}
/*
#editor{
	float: right;
	width: 400px;
	color: #FFF;
	margin-top : 20px;
	padding-top:7px;
	width:456px;
	margin:0; 
}*/

div#editor h1 {
	font-size:22px;
	font-weight:bold;
	margin-bottom:24px;
	text-shadow:1px 1px 0 #B9D6E7;
}
div#editor span.title {
 	margin 			: 10px 0px;
	display 		: block;
}
div#editor ul {
	font-size 		: 11px;
	float 			: left;
	width 			: 100%;
}

div#editor ul li {
	display:block;
	float:left;
	margin-bottom:1px;
	width:220px;
}
div#editor ul li span {
	display			: block;
	float			: left;
	width			: 56px;
	font-weight 	: bold;
}
div#editor ul li em {
	margin-left		: 10px;
	font-style		: normal;
	}
div#editor ul li em a{
	font-size		: 11px;
	}
div#editor ul li.float {
	float 			: left;
	/*margin-left		: 15px;*/
	width			: 220px;
}
div#editor ul li.floats {
	float 			: left;
	width			: 200px;
}
div#editor ul li.floatse {
	display: none;
	float 			: left;
	width			: 430px;
}
div#editor a:link, 
div#editor a:active{
	text-decoration 	: none;
	color 				: white;
}
div#editor a:hover {
	text-decoration 	: none;
	color 				: white;
}

/*white space span
#maintable .white_space{
	display: block;
	height: 36px;
	width: 100%;
}
*/

/*body items*/

#bodytable{
	display: block;
}
#bodytable:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/*
span.white_space {
	display			: block;
	height			: 90px;	
}*/

ul#mainnav {
	border:none !important;
	float:left;
	font-weight: 900;
	margin-left:6px;
	_margin-left:3px;
	width:227px;	
}

ul#mainnav li.submenu {
	list-style	: none;
	display 	: block;
	width		: 227px;
	min-height  : 27px;
	height 		: auto !important;
	height 		: 40px;
}
ul#mainnav li a {
	text-decoration: none;
}

ul#mainnav li ul {
	background-color:#aac1d5;
	border		: 1px solid #98adbf;
	width 		: 226px;
	display		: none;
	padding: 5px 0 10px;
	list-style-type: none;
	margin: 5px 0 0 0;
}

ul#mainnav li a {
	display		: block;
/*	min-height  : 30px;*/
	height 		: auto !important;
	height 		: 30px;
	padding-top : 10px;
	color 		: #6087a6;
}

ul#mainnav li a:hover {
	color 		: #e49b26;
}

ul#mainnav li.selected a.lefttabs_selected {
	display 	: block;
	width 		: 227px;
	color 		: #e49b26;
}
ul#mainnav li.notselected a.lefttabs_notselected,
ul#mainnav li.selected a.lefttabs_selected {
	font-size 	: 12px;
	font-weight : bold;
	padding-left: 35px;
	width 		: 197px;
}
/*ul#mainnav li.submenu selected a.lefftabs_selected {background:none;} If there is no ul.submenu hide bg*/

ul#mainnav li.class a.lefttabs_selected {
	background-image:url("../../../images/upo_s0809/color/blue/selectedtabs.gif");
	background-position:13px 13px;
	background-repeat:no-repeat;
}
ul#mainnav li.notselected.class a.lefttabs_notselected {
	background-image:url("../../../images/upo_s0809/color/blue/notselectedtabs.gif");
	background-position:13px 9px;
	background-repeat:no-repeat;
}
ul#mainnav li.class ul {
	display: block ;
}
ul#mainnav li.notselected ul {
	display 	: none;
}


/* Submenu */
ul#mainnav ul.submenu li {
	padding-left: 35px;
	width		: 197px;
}
ul#mainnav ul.submenu a {
	color 		: white;
	display		: block;
	/*width 		: 197px;*/
	font-size	: 12px;
	font-weight : bold;
	
}
ul#mainnav ul.submenu a:hover {
	color 		: #1480b6;
}
ul#mainnav ul.submenu a.uppertabs_selected {
	color 		: #1480b6;
}

/*content items*/

#contentarea{
	width: 710px;
	float: left;
	color: #3d3d3d;
	padding: 0px 20px 20px 20px;
	font-size: 12px;
	white-space: normal;
	border-left:1px solid #DBDBDB;
	margin-bottom:36px;
	_width: 650px
}

#contentarea td,
#contentarea tr {
	white-space:normal;
}

#contentarea h1{
	font-size: 18px;
	font-weight: normal;
	color: #317798;
}
/*---------------only for pe!!*/
table#cntContaineroEdit1ul {
	margin-left		: 25px;
	padding			: 0;
}
#contentarea ul li {}

/*news items*/

td#upo_newsfix {}
#mainright{
	background-repeat: repeat-y;
	background-image: url(../../../images/upo_s0809/news_bg.gif);
	width: 162px;	
	margin: 0px 0 0 18px;
	float: left;
}
#mainright h2{
	display: block;
	background-image: url(../../../images/upo_s0809/news_header.png);
	background-position: left top;
	background-repeat: no-repeat;
	color: #FFF;
	height: 40px;
	padding: 18px 0 0 18px;
	font-size: 16px;
	font-weight: normal;
	text-align:left;
}
#mainright a{
	font-size: 11px;
	text-decoration: none;
	color: #FFF;
	text-align:left;
}
#mainright a:hover{
	font-size: 11px;
	text-decoration: underline;
	color: #FFF;
	text-align:left;
}
#mainright li{
	display: block;
	background-image: url(../../../images/upo_s0809/lines.png);
	background-position:left top;
	background-repeat:no-repeat;
	overflow:auto;
	padding: 12px  0;
	margin: 0 18px;
	list-style-type: none;
	text-align:left;
}
#mainright li.footer{
	height: 18px;
}
#mainright .body a.newsbox_text{
	display: block;
	width: 115px;
	line-height: 18px;
	border-bottom: dashed #85a1b6 thin;
	border-width: 2px;
	margin: 8px 0;
}


/*footer*/

div#footer{
	background-image: url(../../../images/upo_s0809/footer.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 1001px;
	height: 70px;
	display: block;
}
div.powered {
	text-align: left;
	font-size: 11px;
	color: #317798;
	width: 950px;
	height: 25px;
	border-top: #e2e2e2 solid 1px;
	margin: 0 auto 0 auto;
}
div.powered a {
	display: block;
	color: #317798;
	font-size: 11px;
	text-decoration: none;
	font-weight: 25px;
	margin: 18px 0 18px 0;
	width: 155px;
}
div.powered a:hover {
	text-decoration:underline;
}

/*elements*/

h1,h2,h3,h4,h5 {
	color: #317798;
	font-size: 18px;
	display: block;
}
.content_title,.content_header{
	color: #317798;
	font-size: 18px;
	padding: 0 0 18px 0; 
}
.List_Object_Content{
	font-size: 12px;
}
.news_title{
	color: #317798;
	font-size: 12px;
	font-weight: bold;
}
.newsboxcolumn{
	display: none;
}
a.LinksPage_Link{
	color: #1683ba;
}
td.Form_Content{
}
td.News_Content, td.Form_Label, td.Form_Text{
	font-size: 12px;
}
td.LinksPage_Title{
	color: #636363;
	font-weight: bold;
}
a:link,
a:active,
a:visited{
	color: #1683ba;
	font-size: 12px;
}
a:hover{
	color: #e49b26;
	font-size: 12px;
}
a.BackOffice_Link {
	color: #1683ba;
	font-size: 10px;
}
a.BackOffice_Link:hover{
	color: #e49b26;
	font-size: 10px;
}
td.Content_Text{
	height: 1px;
	}
td.Content_Text td{
	font-size:11px; 
	font-weight:lighter; 
	text-align:center;
	}

/*------------login position-----------*/

table.login_table { 
	border: 1px solid lightgray;
	border-collapse: separate;
}
table.login_table td {
	border		:0 none;
	padding		:9px 9px 8px;
}

.Form_Text,
.Form_Label,
.Form_Password{
	margin-bottom		: 1px;
	margin-top			: 2px;
}
.Form_Password {
	width				: 262px;
}

.login_text {
	padding				: 10px;	
}
.bottom_white_space {
	display:	block;
	padding:	0 0 50px 0;
}

/*------------Modification June by Mitch-----------*/
#header{
	background-image	:  url(../../../images/upo_s0809/header_frame_new.png);
	background-repeat	: no-repeat;
	background-position	: -1px top;
	width				: 1000px;
	height				: 302px;
	padding				: 0 0 36px;
}
#photo_frame{
	height				: 304px;
	width				: 415px;		
	float				: left;
	left				: 10px;
	z-index				: 50;
	position			: relative;
}
#photo_frame #photo_upload {
	background-color	: #FFF;
	height				: 213px;
	margin-left			: 42px;
	margin-top			: 46px;
	width				: 332px;
	_width				: 333px;/*IE6 fix*/
	z-index				: 25;
	overflow			: hidden;
}
#buttons{
	background-image	: url(../../../images/upo_s0809/button_underline.png);
	background-position	: 167px 51px;
	background-repeat	: no-repeat;
	float				: left;
	height				: 90px;
	width				: 530px;
	margin				: 19px 0 0 17px;
}
#editor{
	float			: right;
	width			: 400px;
	color			: #FFF;
	margin-top 		: 20px;
	padding-top		: 7px;
	width			: 562px;
	margin			: 0; 
}