/*

General comments/License Statement if any.
.
*/

/* 

/*  Information---------------------------- 
	Company			: Pharmeon B.V.
	Author			: Mitchel van de Poll
	Design			: UVO_2010
	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; 			
}
p {
	font-family				: Arial;
	font-size				: 12px;	
}
html  {
	background-image		: url(../../images/uvo_2010/purple/wrapper.jpg);
	background-repeat		: repeat;
}

/*-----------Start Layout--------------*/

#wrapper {
	height					: 100%;
	background-image		: url(../../images/uvo_2010/purple/wrapper.jpg);
	background-repeat		: repeat;
}

#wrapper #container {
	height					: auto !important;
	height					: 100%;
	min-height				: 100%;
	margin					: 0 auto -72px/*Negative for footer if needed*/;
	width					: 974px;
	background-image		: url(../../images/uvo_2010/purple/containerbg.png);
	background-position		: top;
	background-repeat		: repeat-y;
		
}

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

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


#footer {
	position			: relative;
	width				: 960px;
	margin				: 0 auto;
	background-image	: url(../../images/uvo_2010/purple/footerbg.jpg);
	background-position	: top;
	background-color	: #9E85AF;
	background-repeat	: no-repeat;
}
#footer div.footerinfo {
	float				: right;
	position			: relative;
	width				: 770px;
	height				: 70px;
	text-align			: right;
	padding				: 0px 10px;
	display:block; /*hidden for the INT*/
}
#footer div.footerinfo div {
	display				: inline;	
}

#footer div.footerinfo a {
	color				: #846b7c;
	text-decoration		: none;
}
#footer div.footerinfo a:hover {
	color				: #846b7c;
	text-decoration		: underline;
		
}
#footer div.footerinfo h1 {
	font-family			: Verdana, Geneva, sans-serif;
	font-size			: 10px;
	font-weight			: normal;
	text-transform		: none;
	color				: #000;
	margin-top			: 26px;
	text-align			: center;
		
}

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

div.powered {
	float				: left;
	width				: 149px;
	position			: relative;
	left				: 20px;
}
div.powered h1 {
	font-family			: Arial;
	text-transform		: none;
	font-size			: 10px;
	font-weight			: normal;
	margin-top			: 25px;
}

div.powered a:link, div.powered a:visited {
	color				: #846b7c;
	text-decoration		: none;
}
div.powered a:hover {
	color				: #846b7c;
	text-decoration		: underline;
}

#container #header {
	height					: 260px;
	width					: 960px;
	background-image		: url(../../images/uvo_2010/purple/headerbg.jpg);
	background-position		: bottom center;
	background-color		: white;
	background-repeat		: no-repeat;	
	margin					: 0 auto;
}

#header div.companylogo {
	width					: 166px;
	float					: left;
}
#header div.upload_img {
	clear					: both;
	height					: 192px;
	width					: 167px;
}

#header div.img_mask1 {
	background-image		: url(../../images/uvo_2010/purple/mask1.png);
	background-position		: left bottom;
	background-repeat		: no-repeat;
	height					: 192px;
	width					: 192px;
	margin-left				: -25px;
	display					: block;
	position				: relative;
	z-index					: 10;
}

#header div.uploading_layer {
	background-image		: url(../../images/uvo_2010/purple/uploadimg2.jpg) !important; /*default img*/
	background-repeat		: no-repeat;
	background-position		: center;
	height					: 163px;
	width					: 162px;
	margin-top				: -170px;
	display					: block;
	position				: relative;
	z-index					: 5;
	margin-left				: 1px;
}
#header div.uploading_layer img{
	height 			: 100%;
	_height 		: 99%;
	width 			: 100%;
}
/*
div.uploading_layer img {
	background-image		: url(../../images/uvo_2010/purple/spinner.gif);
	background-repeat		: no-repeat;
	background-position		: center center;
	background-color		: white;	
}*/
div.loading {
	background-image		: url(../../images/uvo_2010/purple/spinner.gif);
	background-repeat		: no-repeat;
	background-position		: center center;
	background-color		: white;
	z-index:1;
}

#header div.companyname {
	height					: 187px;
	display					: block;
	width					: 540px;
	float					: left;
	margin-top				: 20px;
}

#header div.companyname h1{
	font-family				: Georgia, "Times New Roman", Times, serif;
	font-size				: 26px;
	color					: #fafafa;
	font-weight				: normal;
	text-transform			: uppercase;
	text-shadow				: 1px 1px 0 #A18CAE;
	margin-top				: 65px;
	margin-left				: 45px;
}
#header div.companyname span {
	color					: #fafafa;
	font-size				: 20px;
}

#header div.companyname h2{
	font-family				: Arial;
	font-size				: 13px;
	font-style				: normal;
	color					: #f6e8f2;
	text-transform			: none;
	margin-top				: -17px;
	margin-left				: 47px;
	overflow				: hidden;
	height					: 34px;
}

#header div.companyname em {
	font-style				: normal;
	/*padding					: 0 0 0 10px;*/
	margin					: 0;
}

#header div.uploadpics {
	height					: 220px;
	width					: 236px;
	float					: right;
	margin-right			: -20px;
	!margin-right			: -16px; /*IE7 fix*/
	_margin-right			: -22px; /*IE6 fix*/
	
}

#header div.uploadpics div.buttons {
	float					: right;
	height					: 28px;
	width					: 225px;	
	margin-top				: 40px;
}

#header div.uploadpics div.buttons a.home {
	background-image		: url(../../images/uvo_2010/purple/home.png);
	background-repeat		: no-repeat;
	background-position		: left top;
	display					: block;
	height					: 27px;
	width					: 87px;
	float					: left;
	padding-right			: 3px;
	
}
#header div.uploadpics div.buttons a.home:hover {
	background-position		: left bottom;
	
}

#header div.uploadpics div.buttons a.login {
	background-image		: url(../../images/uvo_2010/purple/login.png);
	background-repeat		: no-repeat;
	background-position		: left top;
	display					: block;
	height					: 27px;
	width					: 87px;
	float					: left;
}
#header div.uploadpics div.buttons a.login:hover {
	background-position		: left bottom;
}
#header .uploadpics div.upload_img2 {
	background-image		: url(../../images/uvo_2010/purple/mask22.png);
	width					: 242px;
}

div.uploadpics .upload_img2 div.img_mask2,
div.uploadpics .upload_img2 div.uploading_layer2,
div.uploadpics .upload_img3 div.img_mask3,
div.uploadpics .upload_img3 div.uploading_layer3 {
	background-image		:none;
}
#header .uploadpics div.upload_img2 {
	margin-left				: -4px;
	float					: left;
	background-position		: right 13px;
	_background-position	: right 12px; /*IE6*/
	background-repeat		: no-repeat;
	width					: 242px;/*for the purple base*/
	height					: 166px;
}
/*-----
div.uploadpics .upload_img2 div.img_mask2 {
	background-image		: url(../../images/uvo_2010/purple/mask2.png);
	background-repeat		: no-repeat;
	background-position		: right bottom;
	display					: block;
	position				: relative;
	height					: 164px;
	width					: 239px;
	z-index					: 10;
}

div.uploadpics .upload_img2 div.uploading_layer2 {
	background-image		: url(../../images/uvo_2010/purple/2.jpg);
	float					: right;
	background-repeat		: no-repeat;
	display					: block;
	position				: absolute;
	width					: 133px;
	height					: 145px;
	margin-top				: -150px;
	margin-left				: 82px;
	.margin-left			: -35px;
	z-index					: 5;
}

#header .uploadpics div.upload_img3 {
	float					: left;
}

div.uploadpics .upload_img3 div.img_mask3 {
	background-image		: url(../../images/uvo_2010/purple/mask3.png);
	background-position		: left bottom;
	background-repeat		: no-repeat;
	display					: block;
	position				: relative;
	width					: 118px;
	height					: 119px;
	margin-top				: -142px;
	z-index					: 20;
}

div.uploadpics .upload_img3 div.uploading_layer3 {
	background-image		: url(../../images/uvo_2010/purple/1.jpg);
	background-repeat		: no-repeat;
	float					: left;
	display					: block;
	position				: absolute;
	height					: 118px;
	width					: 111px;
	margin-top				: -119px;
	z-index					: 10;
}
*/
/* Start The Menu  ---------------- */

/* Hover Menu For All Browsers */
/* Use the plugin to add animations */

#container div.mainleft {
	float					: left;
	width					: 195px;
	margin					: 15px 0px;
}
ul#mainnav, ul#mainnav ul {
	width		: 198px; /* Menu Width */
	margin		: 0 0 0 0.5px;
	padding		: 0;
	list-style	: none;
	float		: left;
}
ul#mainnav li {
	display 	: block;
	position	: relative;
	width		: 100%;
	padding		: 0px;
	!margin-bottom: -3px; /*IE7 fix*/
	_margin-bottom: -7px; /*IE6 fix*/
}
ul#mainnav li.iehover {
	z-index		: 1000; /* IE z-index bugfix */
}
ul#mainnav ul {
	display		: none;/*hover not show*/
	position	: absolute;
	top			: 0px;
	left		: 99%;
	z-index		: 9999;
	width 		: 204px;
	_left:98%; /*IE6 fix*/
}
/* Root Menu */
/*Its important that u use the same img for the hover function!! "so u only write position at the hover"*/
ul#mainnav a {font-size:12px; font-weight:bold;}
ul#mainnav a {
	background-image		: url(../../images/uvo_2010/purple/mainnavbg.jpg);
	background-position		: left top;
	background-repeat		: repeat-y;
	color					: #FFFFFF;
	padding					: 2px 0 3px 30px;
	display					: block;
	text-decoration			: none;
	height 					: 100%;
	width 					: 165px;
}

div.mainleft ul#mainnav li.submenu a.lefttabs_selected {
	color					: #4f1878;
	text-decoration			: none;
}
ul#mainnav li .head {
	background-image		: url(../../images/uvo_2010/purple/headbg.png);
	background-position		: left top;
	background-repeat		: no-repeat;
	display 				: block;
	width					: 195px;
	height 					: 12px;
	_margin-bottom:-3px;/*IE6 fix*/
}

ul#mainnav li .foot {
	background-image		: url(../../images/uvo_2010/purple/footbg.png);
	background-position		: left top;
	background-repeat		: no-repeat;
	display 				: block;
	width					: 195px;
	height 					: 10px;
}
.Firsttab .first{
	background-image		: url(../../images/uvo_2010/purple/firsttab.png);
	background-position		: left top;
	background-repeat		: no-repeat;
	height					: 6px;
	margin					: -6px 0 0;
	position				: absolute;
	width					: 6px;
}
.lastTab .last{
	background-image		: url(../../images/uvo_2010/purple/LastTab.png);
	background-position		: left top;
	background-repeat		: no-repeat;
	height					: 7px;
	margin					: 0 -1px 0;
	position				: absolute;
	width					: 7px;
	_margin					: -4px -1px;
}

/*-------------Hover*/

div.mainleft ul#mainnav li:hover a.lefttabs_notselected,
div.mainleft ul#mainnav li:hover a.lefttabs_selected{
	background-position		: right top;
	padding					: 0px 0px 0px 30px; 
	_margin-bottom:-1px;

}

ul#mainnav li:hover .head {
	background-position		: left bottom;
	height					: 14px;
}
ul#mainnav li:hover .foot{
	background-position		: bottom left;
	height					: 13px;
	_margin-bottom:4px;/*IE6 fix*/
}

li.class:hover{ /*Fill bg color behind the mainnav */
	background-color		: #8d70a2;
	_background-color		: none;/*IE6 fix*/
}



/*-----------------Uppernav*/
/* Root Menu Hover Persistence */
ul#mainnav a:hover, ul#mainnav li:hover a, ul#mainnav li.iehover a {display:block;}
/* Hover Function - Do Not Move */
ul#mainnav li:hover ul ul, ul#mainnav li:hover ul ul ul, ul#mainnav li.iehover ul ul, 
ul#mainnav li.iehover ul ul ul {display:block;}
ul#mainnav li:hover ul, ul#mainnav ul li:hover ul, ul#mainnav ul ul li:hover ul, 
ul#mainnav li.iehover ul, ul#mainnav ul li.iehover ul, ul#mainnav ul ul li.iehover ul {
	display		: block;
}

/*---------------------------Uppertabs*/
div.mainleft ul#mainnav ul.submenu li{
	padding:0;
	margin:0;
}

div.mainleft ul#mainnav ul.submenu li a{
	color					: white;
	text-decoration			: none;
	display					: block;
	background				: none;
	padding					: 13px 11px 14px;
	margin-left				: 14px;
	background-image		: url(../../images/uvo_2010/purple/subborder.jpg);
	background-repeat		: no-repeat;
	background-position		: left bottom;
	width					: 168px;
}

div.mainleft ul#mainnav ul.submenu li a:hover {
	color					: #f6acd0;	
	text-decoration			: none;
	display					: block;
}
div.mainleft ul#mainnav ul.submenu li a.uppertabs_selected {
	color					: #f6acd0;	
	text-decoration			: none;
	display					: block;
}
li.class ul.submenu .top {/*Shows only if u have submenu*/
	background-image		: url("../../images/uvo_2010/purple/uppertabs_top.png")!important;
	background-position		: left top;
	background-repeat		: no-repeat;
	margin-bottom 			: -6px;
	display 				: block;
	width					: 204px;
	height					: 11px;
}
li.class ul.submenu div.bg {/*Shows only if u have submenu*/
	background-color		: #8d70a2;
	margin-top				: 1px;
}
li.class ul.submenu .bottom {/*Shows only if u have submenu*/
	background-image		: url("../../images/uvo_2010/purple/uppertabs_foot.png");
	background-position		: left top;
	background-repeat		: no-repeat;
	width					: 204px;
	height					: 11px;
	margin-top				: -4px;
	display 				: block;
	position				: relative;
}

#container div#contentarea {
	float					: right;
	width					: 743px;
	margin-right			: 7px;
	padding-right			: 10px;
	padding-top				: 17px;
	!padding-top			: 27px; /*IE7*/
	padding-bottom			: 17px;
}

/*--------------End Layout----------------*/



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

H1 {
	font-family:"Times New Roman", Times, serif;
	text-transform	: uppercase;
	font-weight 	: bold;
	font-style		: ;
	font-size		: 18px;
	color 			: #000000;
}
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;
}
td.content_title {
	text-align		: center !important;	
}
.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 {
	font-family:"Times New Roman", Times, serif;
	font-weight 	: bold;
	font-size		: 14px !important;
	color 			: #000000 !important;
	text-align		: left;
	text-transform:uppercase;
} 
#contentarea,
#contentarea p,
#contentarea td,
#contentarea tr {
	white-space				: normal;
	font-size				: 13px;
	color					: #000000;
	font-family				: Arial;
}
p {
	font-weight				: normal;
	text-transform			: none;
}
/*Links------------------------------------------*/
div#contentarea a:link,
div#contentarea a:active,
div#contentarea a:visited,
a.BackOffice_Link{
	color			: #846b7c;
	text-decoration	: none;
	font-size 		: 12px !important;
}
div#contentarea a:hover,
a.BackOffice_Link:hover{
	color			: #846b7c;
	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 			: #846b7c;
}
td.ls_title a:hover {
	font-weight 	: 0;
	color 			: #846b7c;
	text-decoration : underline;
}

/*-------------------newsbox*/
div#newsbox_div {
	margin-left			: 5px;
	display				: block;
	float				: right;
	position			: relative;
	width				: 219px;
	
}
.newsBoxPos{
	width				: 220px; /*newsbox width*/
	float				: left;
	display				: block
	!left:-35px			; /*IE7*/

}
#newsbox {
	display				: block;	
}
.newsbox_table {

}
td.newsboxcolumn {
}

.News_Content h2,
.News_Content p{
	display				: block;
	padding				: 0;
	margin				: 0;
	font-size			: 14px;
	text-transform		: none;
	font-family			: Arial, Helvetica, sans-serif;
}

td.newsbox_header {
	background-image	: url("../../images/uvo_2010/purple/boxtop.jpg");
	background-position	: left top;
	background-repeat	: no-repeat;
	float				: right;
	display				: block;
	position			: relative;
	height				: 47px;
	margin-bottom		: -3px;
	padding-bottom		: -3px;	
	width				: 219px;
	z-index				: 200;
}
td.newsbox_header span {
	padding				: 0;
}
td.newsbox_header h1{
	font-weight			: bold;
	text-align			: left;
	text-transform		: uppercase;
	color 				: #846b7c;
	font-size			: 14px;
	background-image	: url(../../images/uvo_2010/purple/newsborder.jpg);
	background-position	: center bottom;
	background-repeat	: no-repeat;
	width				: 175px;
	height				: 27px;
	padding-top			: 10px;
	margin-left			: 24px;
	float				: left;
	display				: block;
}
td.newsbox_content a {
	float				: left;
	margin-left			: 25px;
	padding				: 7px 0;
	text-align			: left;
	width				: 160px;
	_padding:1px 0px; /*IE6 fix*/
}
td.newsbox_content {
	background-image	: url(../../images/uvo_2010/purple/boxbg.jpg);
	background-position	: left top;
	background-repeat	: repeat-y;
	width				: 219px;
	float				: right;
	display				: block;
	position			: relative;
}
.newsbox_content span {
	background-image	: url(../../images/uvo_2010/purple/contentborder.jpg);
	background-position	: center center;
	background-repeat	: no-repeat;
	display				: block;
	float				: left;
	height				: 2px;
	width				: 219px;
}
.newsbox_content span.Firsttab {display:none !important;}

td.newsbox_footer {
	background-image	: url(../../images/uvo_2010/purple/boxfoot.jpg);
	background-position	: left top;
	background-repeat	: no-repeat;
	width				: 219px;
	height				: 18px;
	float'				: right;
	display				: block;
	position			: relative;
}
/*------------login position-----------*/

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

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

.login_text {
	padding				: 10px;
}