/*

General comments/License Statement if any.
.
*/

/* 

/*  Information---------------------------- 
	Company			: Pharmeon B.V.
	Author			: Mitchel van de Poll
	Design			: UDO - Selectable Design 2010 Blue
	Version			: 1
*/


/* Import Standard Styles */
@import "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");

/* End of Import */

/* Standard Classes----------------------- */
.clear {clear : both;}
.floatLeft {float:left;}
.floatRight {float:right;}

body,html {
	margin					: 0;
	padding					: 0;
	height					: 100%;
	font-family				: Arial, Helvetica, sans-serif !important;
	font-size				: 12px;
	background				: white; 		
}
html {
	background-color		: #f9f9f7;
}
a {
	outline:none; /*All links do not have borders!!*/	
}

/*------Style-------*/

#wrapper {
	height					: 100%;
	background-image		: url(../../images/udo_2010/blue/wrapperbg.jpg);
	background-repeat		: repeat-x;
	background-position		: left top;
	background-color		: #f9f9f7;
}

#wrapper #container {
	height					: auto !important;
	height					: 100%;
	min-height				: 100%;
	margin					: 0 auto -100px/*Negative for footer if needed*/;
	width					: 887px;
	background-color		: white;
	border-left				: 1px solid #dcdcd0;
	border-right			: 1px solid #dcdcd0;
}

#container:after, div.clear {
	content				: "";
    display				: block;
    clear				: both;
}

#footer, #push {
	height				: 100px; 
}


#footer {
	position			: relative;
	width				: 885px;
	margin				: 0 auto;
	background-image	: url(../../images/udo_2010/blue/footerbg.png);
	background-position	: left top;
	background-repeat	: no-repeat;
	background-color	: #e0e0dc;
}

#footer div.logos {
	float				: left;
	display				: block;
	width				: 150px;
	height				: 40px;
	margin				: 25px;
}

#footer div.footerinfo {
	margin				: 0 auto 7px;
 	display				: block;
	position			: absolute;
	bottom				: 0;
	left				: 24px;
	width				: 839px;
	height				: 14px;
	overflow			: hidden;
	padding				: 0;
	text-align			: center;
}

#footer div.footerinfo div {
	display				: inline;	
}

#footer div.footerinfo h1{
	color				: #6E7073;
	font-size			: 12px;
	font-weight			: bold;
	padding				: 0;
	margin				: 0;
}
#footer div.footerinfo h1 a {
	color				: #646669;
	text-decoration		: none;
}
#footer div.footerinfo h1 a:hover {
	text-decoration		: underline;
}

#container div#header {
	background-image	: url(../../images/udo_2010/blue/headerbg.png);
	background-repeat	: no-repeat;
	background-position	: left top;
	background-color	: #E0E0DC;
	float				: left;
	display				: block;
	width				: 885px;
	height				: 214px;
}
#header div.upload_img {
	float				: left;
	position			: relative;
	width				: 180px;
	height				: 175px;
}
#header div.img_mask {
	position			: absolute;
	overflow			: hidden;
	display				: block;
	width				: 180px;
	height				: 175px;
	bottom				: 0;
}
#header div.uploading_layer {
	/*background-image	: url(../../images/udo_2010/blue/default_logo.jpg);
	background-repeat	: no-repeat;
	background-position	: left top;*/
	width				: 180px;
	height				: 175px;
	position			: absolute;
	overflow			: hidden;
	display				: block;
}
div.loading {
	background-image	: url(../../images/udo_2010/blue/spinner.gif);
	background-repeat	: no-repeat;
	background-position	: center 76px;
}
div.uploading_layer img.default_logo {
	width				: 116px !important;
	height				: 176px !important;
}
#header div.uploading_layer img {
	width				: 100%;
	height				: 100%;
	position			: relative;
	top					: 0;
	z-index				: 5;
	float:left;
}
div.uploading_layer a.BackOffice_Link {
	background-image	: url(../../images/udo_2010/blue/opacity.png);
	background-repeat	: repeat;
	background-position	: left top;
	bottom				: 0;
	display				: none;
	width				: 180px;
	height				: 30px;
	margin				: 0;
	padding-top			: 13px;
	text-align			: center;
	position			: absolute;
	text-decoration		: none;
	color				: #6E7073;
	font-family			: Arial, Helvetica, sans-serif;
	font-size			: 14px;
	font-weight			: bold;
	z-index				: 10;
}
#container div#header div.companyname {
	float				: left;
	display				: block;
	width				: 678px;
	height				: 120px;
	overflow			: hidden;
}
#container div#header div.companyname td.naam {
	width				: 721px;
	height				: 157px;
	vertical-align		: middle;
}

#container div#header div.companyname h1{
	padding-bottom		: 14px;
	color				: #E0E0DC;
	font-family			: Arial;
	font-size			: 44px;
	font-weight			: normal;
	text-transform		: uppercase;
	letter-spacing		: -3px;
	float				: left;
	display				: block;
	position			: relative;
	width:100%;
}

.bedrijfsnaam {
	left				: -2000px;
	position			: absolute;
	top					: -2000px;
}
.color0,
.color1,
.color2,
.color3,
.color4,
.color5,
.color6,
.color7,
.color8,
.color9,
.color10{
	float				: left;
	display				: block
}

.color0 {
	color				: #79daea;	
}
.color1 {
	color				: #6e7073;	
}
.color2 {
	color				: #e0e0dc;	
}

#container div#header div.extralinks {
	float				: right;
	display				: block;
	width				: 175px;
	height				: 27px;
	margin-top			: 56px;
}
#container div#header div.extralinks h1 {
	color				: white;
	font-size			: 14px;
	font-weight			: bold;
	padding				: 5px 0px;
	margin				: 0 0 0 27px;
	letter-spacing		: -1px;
}
#container div#header div.extralinks a {
	font-size			: 13px;
	text-decoration		: none;
	color				: #6E7073;
	padding				: 0 6px;
}
#container div#header div.extralinks a:hover {
	color				: #79daea;	
} 
#container #mainleft {
	float				: left;
	display				: block;
	width				: 178px;
	padding				: 0px;
	margin				: 0px;
}

/*----------------Menu---------------*/
ul#mainnav * {
	z-index					: 10;	
}
ul#mainnav {
	background-image		: url(../../images/udo_2010/blue/menuborder.jpg);
	background-repeat		: no-repeat;
	background-position		: right top;
	float					: left;
	display					: block;
	padding					: 0;
	margin					: 0 0 0 -9px;
	_position				: relative;/*IE6*/
	width					: 184px;
	z-index					: 9;
	letter-spacing:-0.1px;
}

ul#mainnav a {
	font-family				: Arial, Helvetica, sans-serif;
	font-size				: 13px;
	font-weight				: bold;
	text-decoration			: none;
	color					: #646669;
			
}

ul#mainnav li.submenu {
	list-style				: none;
	width					: 176px;
	padding-top				: 0;
	margin-left				: 0;
	display					: block;
}
ul#mainnav ul.submenu a {
	padding					: 4px 0px !important;
	font-size				: 12px;
	width					: 124px !important;
}
ul#mainnav ul.submenu li {
	background-image		: url(../../images/udo_2010/blue/bullet.jpg);
	background-repeat		: no-repeat;
	background-position		: 44px center;
	list-style				: none;
	margin					: 0;
	padding					: 0 0 0 58px;
	width					: 124px;
}
ul#mainnav ul.submenu {
	display					: none;
	font-style				: normal;
	!padding-left			: 40px; /*IE6 fix*/
	width					: 183px;
	padding					: 0;
	margin					: 0;
	color					: #646669;
}
ul#mainnav li.selected ul.submenu {
	display					: block; /*show submenu*/
}

ul#mainnav li.submenu a {
	height					: 100%;
	display					: block;
	padding					: 6px 0 6px 36px;
	width					: 147px;
}

ul#mainnav li.submenu a.lefttabs_selected {
	display					: block;
	background-color		: #79daea;/**/
	margin-left				: 0;
	color					: white;
	position				: relative;
} 
ul#mainnav li.submenu a.lefttabs_selected:hover {
	color					: #646669;		
}

ul#mainnav li.submenu a.lefttabs_notselected:hover {
	background-color		: #79daea;
	margin					: 0 0 0 0;
	color					: white;
	display					: block;
	position				: relative;
		
}
	
ul#mainnav li.submenu .lefttabs_notselected,
ul#mainnav li.submenu .lefttabs_selected  	{
	text-decoration			: none;
	
}

ul#mainnav li.submenu .lefttabs_selected,
ul#mainnav li.submenu .lefttabs_notselected:hover{
	color					: #79DAEA;
	text-decoration			: none;
}

ul#mainnav ul.submenu .uppertabs_notselected {
	text-decoration			: none;
	
	
}

ul#mainnav ul.submenu .uppertabs_selected,
ul#mainnav ul.submenu .uppertabs_notselected:hover{
	color					: #79DAEA;
	text-decoration			: none;
		
}
/*----------------End Menu---------------*/

#container #contentarea {
	height				: auto !important;
	height				: 100%;
	min-height			: 100%;
	float				: left;
	display				: block;
	width				: 685px;
	height				: 500px;
	padding				: 0;
	margin				: 0;
}
#container #contentarea div.padding {
	padding				: 0 20px 0 15px;		
}


/*-----------Powered by Pharmeon--------*/

div.powered {
	float				: left;
	display				: block;
	width				: 84px;
	height				: 20px;

}
div.powered h1 {
	font-size			: 8px;
	font-weight			: bold;
	float				: left;
	display				: block;
	width				: 140px;
	text-align:left;
}
div.powered h1 a {
	float				: left;
	padding				: 10px 0;
	display				: block;
	position			: relative;
}

div.powered h1 a img {
	float				: left;
	margin				: -30px 0 0;
	padding				: 0;
	display				: block;
	position			: absolute;
}

div.powered a:link, div.powered a:visited {
	color				: #656565;
	text-decoration		: none;
	display				: block;
}
div.powered a:hover {
	text-decoration		: underline;
}

/*----------------------Corilus--------*/

div.corilus {
	float				: left;
	display				: block;
	width				: 36px;
	height				: 30px;
	padding				: 0;
	margin				: -21px 0 0 -47px;
	position			: relative;
	_margin				: -51px 0 0 20px; /*IE6*/
}


/*-- Headers ----------------------------------------*/

H1 {
	font-weight 	: bold;
	font-style		: ;
	font-size		: 18px;
	color 			: #000000;
	margin			: 0;
}
H2 {
	font-weight 	: bold;
	font-style		: ;
	font-size		: 16px;
	color 			: #000000;
}
H3 {
	font-weight 	: bold;
	font-style		: ;
	font-size		: 14px;
	color 			: #000000;
}
H4 {
	font-weight 	: bold;
	font-style		: ;
	font-size		: 12px;
	color 			: #000000;
}
H5 {
	font-weight 	: bold;
	font-style		: ;
	font-size		: 12px;
	color 			: #000000;
}
H6 {
	font-weight 	: bold;
	font-style		: ;
	font-size		: 12px;
	color 			: #000000;
}

.content_header,
td.content_header,
.content_title,
.news_title,
.bo_header,
.LS_header,
.LS_Title,
td.content_header,
td.content_title,
td.news_title,
td.bo_header,
td.Ls_header,
td.LS_Title,
.LinksPage_Title,
td.LinksPage_Title,
.List_Object_Title,
.ppu_kop_title,
.LS_TopIndex{
	font-weight 	: bold;
	font-size		: 14px;
	color 			: #000000;
	text-align		: left;
} 
#contentarea,
#contentarea p {
	white-space				: normal;
	font-size				: 13px;
	color					: #515151;
}
#contentarea td,
#contentarea tr {
	white-space				: normal;
	font-size				: 13px;
}

/*Links------------------------------------------*/
#contentarea a:link,
#contentarea a:active,
#contentarea a:visited{
	color			: #79DAEA;
	text-decoration	: none;
	font-size 		: 12px !important;
}
#contentarea a:hover {
	color			: #79DAEA;
	text-decoration	: underline;
}

td.ls_title a:link,
td.ls_title a:visited,
td.ls_title a:active {
	font-weight 	: 0;
	font-size		: 12px;
	color 			: #79DAEA;
}
td.ls_title a:hover {
	font-weight 	: 0;
	color 			: #79DAEA;
	text-decoration : underline;
}

/*-------------------newsbox*/

td.content_footer {
	/*display				: inline-block;
	margin-right		: -51px;*/
	padding				: 0;
	position			: relative;
	width				: 184px;
	padding				: 0 151px 0 0;
}
	
.newsbox_table {}


.newsboxcolumn {	/*Newsbox on newspage*/
	display				: block;
	position			: relative;
	padding				: 0;
	margin				: 0;
}
.newsBoxPos {/*Newsbox on newspage*/
	display				: block;
	float				: left;
	width				: 184px;
	!width				: 0px; /*IE7*/
	!margin-left		: -10px;/*IE7*/
	position			: relative;
	margin-right:-33px;
}

#newsbox {
	background-image	: url(../../images/udo_2010/blue/menuborder.jpg);
	background-repeat	: no-repeat;
	background-position	: left top;
	width				: 184px;
	float				: left;
	display				: block;
	margin-left			: 21px;
	position			: absolute;
}

.newsbox_header {
	background-image	: url(../../images/udo_2010/blue/boxtop.jpg);
	background-position	: left top;
	background-repeat	: no-repeat;
	position			: relative;
	float				: left;
	display				: block;
	width				: 184px;
	height				: 28px;	
}
.newsbox_header span {
}
.newsbox_header h1{
	font-size			: 15px;
	text-align			: left;
	color				: white;
	padding-left		: 30px;
	padding-top			: 6px;
	letter-spacing		: -1px;
}
.newsbox_content a {
	text-align			: left;
	color				: #eb7324 !important;
	float				: left;
	display				: block;
	padding				: 6px 8px;
	position			: relative;
	width				: 160px;
}
td.News_Content {
	width				: 500px;
}
td.content_footer div.EditNews_link {
	display				: block;
	margin-left			: -73px;
	position			: absolute;
}
.newsbox_content span {

}

.newsbox_footer {

}

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

table.login_table { 
	border				: 1px solid #eeeeee;
	border-collapse		: separate;
}
table.login_table td {
	border				: 0px;
	padding				: 9px;
}

.Form_Password,
.Form_Text{
	width				: 262px;
}

.login_text {
	padding				: 10px;	
}