/*   -----------------------------------------
Theme Name: UAO DESIGNS 2009 BASE
Theme URI: http://www.vbv.uwapothekeronline.nl
Description: The Colorbased Themes for the UAO(Uw Arts Online)
Author: Amir Swaleh
Author URI: http://www.pharmeon.nl
Version: 1.6
Updates
15/02/10
	- Improve The Uploaded Image
	- Improved the CSS 
	- Fixed some designs issues (Mostly for IE6)
	- Improved the Menu.


General comments/License Statement if any.
.
*/

/* 

/*  Information---------------------------- 
	Company			: Pharmeon B.V.
	Designed by		: Amir Swaleh
	Design			: UAO DESIGNS 2009 Base
*/


/* 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;}
.clear-block {clear:both;position:relative;zoom:1;overflow:hidden;}
/* Layout -------------------------------- */
body,html {
	font-family			: Arial,Helvetica,sans-serif;
	font-size			: 12px;
	width 				: 100%;
	margin 				: 0px;
	height 				: 100%;
	background-color 	: white;
}

html {
	background-image: url(../../images/NMT-2009/blue/gradientbg.jpg);
	background-repeat: repeat-x;
	background-position: top left;
	background-color: #b9c3d0;

}

div#wrapper {
	text-align 		: center;
	min-height 		: 100%;
	height 			: auto !important;
	height 			: 100%;
	width 			: 100%;
	background-image: url(../../images/NMT-2009/blue/gradientbg.jpg);
	background-repeat: repeat-x;
	background-position: top left;
	background-color: #b9c3d0;

}
div#maintable {
	background-image: url("../../images/NMT-2009/blue/maintablebg.png");
	background-repeat: repeat-y;
	background-position: -1px 0px;
	.background-position: 0;
	width 			: 1002px;
	margin 			: 0 auto;
	text-align 		: left;
	min-height 			: 100%;
	height 			: auto !important;
	height 			: 100%;
}
div#container {
	height 			: 1%;
	position 		: relative;
	zoom 			: 1;
	display 		: block;
}
div#container:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
div#header {
	height 			: 285px;
	background-image: url("../../images/NMT-2009/blue/header.png");
	background-repeat: no-repeat;
	background-position: -22px 0px;
}

div#header ul.topshape {
	float			: right;
	width 			: 280px;
	margin-right 	: 12px;
	background-image: url("../../images/NMT-2009/topline.gif");
	background-repeat: no-repeat;
	background-position:  top center;
	overflow 		: auto;
}
div#header ul.topshape li {
	display			: block;
	width 			: 135px;
	height 			: 74px;
	float 			: left;
	font-size 		: 10px;
	color 			: #69a1b7;
}
div#header ul.topshape li#home {float:left;}
div#header ul.topshape li#login {float:right;}
div#header ul.topshape li a:link,
div#header ul.topshape li a:active,
div#header ul.topshape li a:visited {
	text-decoration : none;
	display 		: block;
	width 			: 94px;
	height 			: 54px;
	padding-left 	: 41px;
	padding-top 	: 20px;
	color 			: #69a1b7;
	font-size		: 14px;
	background-image: url(../../images/NMT-2009/blue/topnavselected.png);
	background-repeat: no-repeat;
	background-position: top left;
	font-weight 	: bold;
	position 		: relative;
	float 			: left;
}

div#header ul.topshape li a:hover {
	background-position: bottom left;
	color 			: #bfd8e2;
	display 		: block;
}

div#header ul.topshape span {
	display 		: block;
	font-size 		: 10px;
  	width 			: 100%;
	clear 			: both;
}
div#header ul.topshape li:hover,
div#header ul.topshape li.hovered{
	color 			: #bfd8e2;
}

div#header_editor {
	clear			: both;
	height			: 206px;
	overflow		: hidden;
	position 		: relative;
}
div#header_editor div.upload_img {
	float 			: left;
	width 			: 315px;
}

div#header_editor div.img_mask {
	position 		: relative;
	z-index 		: 10;
	background-image: url("../../images/NMT-2009/blue/upload_imgmask.png");
	background-position: -1px 0;
	background-repeat: no-repeat;
	display 		: block;
	height 			: 206px;
	width 			: 293px;
}

div#header_editor div.uploadimg_layer {
	background-repeat: no-repeat;
	display			: block;
	height			: 128px;
	margin-left		: 20px;
	margin-top		: 16px;
	width			: 241px;
	position 		: relative;
	margin-top 		: -182px;
	z-index 		: 5;
	overflow		: hidden;
}

div#header_editor div.uploadimg_layer img{
	height 			: 100%;
	width 			: 100%;
}
div.loading {
	background-image:url(../../images/nmt-2009/spinner.gif);
	background-repeat:no-repeat;
	background-position:center 55px;
	background-color:white;
}

/* Hide This div. It's not needed*/
div#header_editor  div.img_layer {
	background-image: url(../../images/NMT-2009/blue/uploadimg.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	display			: none;
	height			: 128px;
	margin-left		: 20px;
	margin-top		: 16px;
	width			: 241px;
	position 		: relative;
	margin-top 		: -125px;
	z-index 		: 1;

}
div#header_editor div.text_container {
	color			: white;
	float			: left;
	margin-left 	: 40px;
	margin-top		: 20px;
	overflow		: auto;
	width			: 63.5%;
}
div#header_editor div.text_container h1 {
	font-size 		: 24px;
	font-weight 	: normal;
	color 			: white;
	margin-bottom 	: 15px;
	margin-top 		: 1px;
}
div#header_editor div.text_container em {
	font-size 		: 11px;
	font-weight 	: normal;
	font-style 		: normal;
	margin-bottom 	: 20px;
	display 		: block;
	float			: left;
	margin			: 0px 0px 0px 20px;
	padding:0;
}
div#header_editor div.text_container ul {
	font-size 		: 11px;
	font-weight 	: bold;
	float 			: left;
	width 			: 500px;
}
div.text_container ul li.floatse {
	display			: none !important;	
}
div#header_editor div.text_container ul li {
	display 		: block;
	width 			: 235px;
	float 			: left;
}
div#header_editor div.text_container ul li span {
	display:block;
	float:left;
	font-weight:bold;
	width:56px;
}
div#header_editor div.text_container ul li.float {
	float 			: left;
}

div#header_editor div.text_container  a:link, 
div#header_editor div.text_container  a:active, 
div#header_editor div.text_container  a:visited {
	text-decoration 	: none;
	color 				: white;
}
div#header_editor div.text_container  a:hover {
	text-decoration 	: none;
	color 				: white;
}

/* Left Column sidebar -------------------------------- */
div#mainleft {
	float			: left;
	padding 		: 0px;
	position 		: relative;
	width			: 190px;
}
div#mainleft span.menuhead {
	display 		: block;
	width 			: 100%;
	height 			: 30px;
	background-image: url("../../images/NMT-2009/blue/menuhead.png");
	background-repeat: no-repeat;
	background-position: 0px;
}
div#mainleft span.menufoot {	
	display 		: block;
	width 			: 100%;
	height 			: 20px;
	background-image: url("../../images/NMT-2009/blue/menufoot.png");
	background-repeat: no-repeat;
	background-position: 1px 2px;
}
div#mainleft ul#mainnav {
	background-image: url("../../images/NMT-2009/blue/mainnavbg.png");
	background-repeat: repeat-y;
	background-position: 0px 0px;
	width 			: 100%; /* Menu Width */
	padding-top 	: 30px;
	display 		: inline-block;
	position 		: relative;
}

div#mainleft ul#mainnav ul.Hidden {display:none !important;}
ul#mainnav,ul#mainnav li,ul#mainnav ul {
 margin				: 0;
 list-style			: none;
}

ul#mainnav li { 
	position		: relative;  
	width			: 99%;
	z-index 		: 15;
}

ul#mainnav li.submenu {
	margin-left		: 1.7px;
}
ul#mainnav li.selected {
	top 		: -15px;
	margin-bottom: -15px;
}
ul#mainnav ul {
	display			: none;
	z-index			: 9;
	margin-top 		: -20px;
	overflow  		: hidden;
	background-image: url("../../images/NMT-2009/blue/subnavbg.gif");
	background-repeat: repeat-y;
	background-position: top left;
	position 		: relative;	
	width 			: 183px;
	.width 			: 184px;
}
ul#mainnav li.class ul {
	padding-top 	: 15px;
}
/* Root Menu */
ul#mainnav a {
	display			: block;
	font			: bold 11px Arial, sans-serif;
	text-decoration	: none;
	font-weight 	: bold;
}

li.submenu div.selector a{
	background-image	: url("../../images/NMT-2009/blue/selector.png");
	background-repeat	: no-repeat;
	background-position	: top left;
	background-color 	: none;
	position			: relative;
	width				: 100%;
	height				: 60px;
	z-index 			: 100;
	margin 				: 0px;
	padding 			: 0px;
}
li.submenu div.selector {
	position 			: relative;
	z-index 			: 190;
	.margin-top 		: -4px;
}
li.selected span.more,
li.notselected span.more {
	display				: block;
	height				: 15px;
	position		 	: absolute;
	right				: 32px;
	width				: 14px;
	z-index				: 200;
}

li.selected span.more {
	background-repeat 	: no-repeat;
	background-position : right;	
	top					: 25px;	
}
li.notselected span.more {
	background-repeat 	: no-repeat;
	background-position : right ;
	top					: 9px;
}
li.submenu div.selector a {
	display 			: block;
	width 				: 165px;
	height 				: 35px !important;
	background			: none;
	padding 			: 25px 0 0 21px !important;
}
li.submenu div.selector span.more {
	display 			: none;
}
li.submenu a.lefttabs_selected,
li.submenu a.lefttabs_notselected {
	background-image 	: url("../../images/NMT-2009/Tabs_border.gif");
	background-position : bottom;
	background-repeat	: no-repeat;
	padding				: 10px 40px 9px 21px;
	width				: 127px;
}
ul#mainnav li.first {
	background-image 	: url("../../images/NMT-2009/Tabs_border.gif");
	background-repeat 	: no-repeat;
	background-position : 23px 0;
}

li.lasttab a,
li.submenu .firstab a {
	background 			: none !important;
}
a.uppertabs_notselected,
a.uppertabs_selected {
	padding 			:10px 0 10px 41px;
	display 			: block;
	background-image 	: url("../../images/NMT-2009/Tabs_border.gif");
	background-repeat 	: no-repeat;
	background-position : top;

}

li.submenu a.lefttabs_selected {
	color 			: white;
	font-weight		: bold;
}
li.submenu a.lefttabs_notselected,
li.submenu a.uppertabs_notselected {
	color 			: #0475b2;
}
li.submenu a.uppertabs_selected,
li.submenu a.uppertabs_notselected:hover,
li.submenu a.lefttabs_notselected:hover{
	color 			: #ff7f01;
}
li.submenu a.lasttab {
	background-image: none !important;
}
/* Root Menu Hover Persistence */
ul#mainnav a:hover,ul#mainnav li:hover a,ul#mainnav li.iehover a {
	display:block;
}
/* 2nd Menu */
ul#mainnav ul li:hover ul li a,
ul#mainnav ul li.iehover li a {
	background-image : url("../../images/NMT-2009/blue/subnavbg.gif");
	background-repeat: repeat-y;
	background-position: top left;
}

li.notselected ul.submenu {
	padding-top 		: 6px !important;
}

ul#mainnav ul span {
	background-image	: url("../../images/NMT-2009/blue/subnavfooter.gif");
	background-position	: -1px -1px;
	background-repeat	: no-repeat;
	clear				: both;
	display				: block;
	height				: 7px;
	width				: 224px;
}

/* 2nd Menu Hover Persistence */
ul#mainnav li:hover li a:hover,ul#mainnav li:hover li:hover a,ul#mainnav li.iehover li a:hover,ul#mainnav li.iehover li.iehover a {display:block;}
li.submenu .lefttabs_selected ul {display: block;}

/* Contentarea -------------------------------- */
div#contentarea {
	float 				: left;
	width 				: 812px;
	font-size 			: 12px;
	font-weight 		: normal;
}

div#content {
	color				: #3A4A52;
	float				: left;
	padding-left 		: 20px;
	padding-top			: 40px;
	width 				: 630px;
}
div#content table {	text-align : left !important;}

div#content h1,
div#content h2,
div#content h3,
div#content h4,
div#content h5,
div#content h6 {
	margin-top 			: 10px;
	margin-bottom 		: 15px;
}
div#content a:link, 
div#content a:active, 
div#content a:visited {
	text-decoration 	: none;
	color 				: #0071A3;
}
div#content a:hover {
	color 				: #ff7f01;
}

div#content p {
	margin 				: 0px 0px 15px 0px;
	font-size 			: 12px;
	color 				: #3A4A52;
	font-weight 		: normal;

}
div#content table,
div#content table tr,
div#content table td,
div#content table th {
	font-size 			: 12px;
	color 				: #3A4A52;
	font-weight 		: normal;
	vertical-align 		: top;
}
div#content img {
	margin 				: 10px;
}
div#content iframe {
	width 				: 100%;
	height 				: 450px;
}
/*-- Headers ----------------------------------------*/

H1 {
	font-weight 	: bold;
	font-size		: 22px;
	color 			: #0475b2;
}
H2 {
	font-weight 	: bold;
	font-size		: 20px;
	color 			: #0475b2;
}
H3 {
	font-weight 	: bold;
	font-size		: 18px;
	color 			: #0475b2;
}
H4 {
	font-weight 	: bold;
	font-size		: 16px;
	color 			: #0475b2;
}
H5 {
	font-weight 	: bold;
	font-size		: 14px;
	color 			: #0475b2;
}
H6 {
	font-weight 	: bold;
	font-size		: 13px;
	color 			: #0475b2;
}
.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-weight 	: bold;
	font-size		: 16px;
	color 			: #0475b2;
} 
td.ls_title a:link,
td.ls_title a:visited,
td.ls_title a:active {
	font-weight 	: bold;
	font-size		: 16px;
	color 			: #0475b2;
}
td.ls_title a:hover {
	font-weight 	: bold;
	font-size		: 16px;
	color 			:#0475b2;
}


td.newsboxcolumn {
	display 		: none;
}


div.td_style {
	padding 			: 5px;
	margin-top 			: 20px;
}
/* Right Column Sidebar-------------------------------- */
div#mainright {
	float 				: right;
	width 				: 159px;
	display 			: none;
}

div#Mainright_newwsblck {
	float 				: right;
	width 				: 100%;
	position			: relative; 
	display				: block;
}
div.newsboxpos{
	position			: relative;
	top					: -40px;
	right				: -17px;
	display 			: none;
}

div#mainright h2 {
	font-size 			: 15px;
}
div#Mainright_newwsblck ul,
div#mainright ul {
	background-image 	: url("../../images/NMT-2009/blue/newsbg.png");
	background-position : 2px 0;
	background-repeat 	: repeat-y;
	overflow 			: auto;
}
div#Mainright_newwsblck ul h2,
div#mainright ul h2 {
	font-weight 		: bold;
	color 				: #1683ba;
	width 				: 79%;
	margin 				: 20px 0 15px 20px;
}
div#Mainright_newwsblck ul li,
div#mainright ul li  {
	margin 				: 0px 0px 10px 20px;
	list-style 			: none;
	display 			: block;
	width 				: 124px;
	white-space 		: normal;
	overflow 			: hidden;
	border-top 			: 1px dashed #d8dbdc;
	padding-top 		: 5px; 
}

div#Mainright_newwsblck ul li a:link,
div#Mainright_newwsblck ul li a:active,
div#Mainright_newwsblck ul li a:visited,
div#mainright ul li a:link,
div#mainright ul li a:active,
div#mainright ul li a:visited {
	font-size 			: 11px;
	color 				: #5b6b68;
	text-decoration 	: none;
	display 			: block;
	width 				: 100%;
}
div#Mainright_newwsblck ul li a:hover,
div#mainright ul li a:hover {
	color 				: #FF7F01;
}
div#mainright table.box_table {
	background-image 	: url("../../images/NMT-2009/blue/newsbg.png");
	background-position : 2px 0;
	background-repeat 	: repeat-y;
	overflow 			: auto;
	width 				: 100%;
}
div#mainright table.box_table td {
	width 				: 138px;
	white-space 		: normal;
	padding-left 		: 20px;
}
div#mainright td.box_bullet {
	display 			: none !important;
}
div#mainright td.box_header {
	color 				: #1683ba;
	font-weight			: bold; 
	padding-bottom		: 15px;
	padding-top			: 20px;
}
div#mainright td.box_more {
	display 			: none;
}
div#mainright td.box_content a {
	width 				: 90%;
}
div#mainright td a:link,
div#mainright td a:active,
div#mainright td a:visited {
	font-size 			: 11px;
	color 				: #5b6b68;
	text-decoration 	: none;
	display 			: block;
	padding 			: 5px 0px;
	border-top 			: 1px dashed #D8DBDC;
}

div#mainright td a:hover {
	color 				: #FF7F01;
}

div#Mainright_newwsblck span.head,
div#mainright span.head {
	background-image	: url("../../images/NMT-2009/blue/newsheader.png");
	background-position : 0px 0px;
	background-repeat	: no-repeat;
	display				: block;
	height				: 30px;
}
div#Mainright_newwsblck span.foot,
div#mainright span.foot {
	background-image	: url("../../images/NMT-2009/blue/newsfoot.png");
	background-position	: 0 0;
	background-repeat	: no-repeat;
	display				: block;
	height				: 23px;
}

div#mainright .extrablock {
	margin 				: 25px 0 10px;
	overflow 			: auto;
}

div#mainright .extrablock span.head {
	background-image 	: url("../../images/NMT-2009/blue/blockhead.png");
 	height 				: 28px;
}


div#footer {
	display 			: block;
	background-image 	: url("../../images/NMT-2009/blue/footer.png");
	background-repeat 	: no-repeat;
	background-position : 6px 0;
	height 				: 94px;
	position 			: relative;
	overflow 			: hidden;
}

div#footer ul {
 	margin-left 		: 20px;
}
div#footer ul li {
	display 			: block;
	float 				: left;
	list-style 			: none;
	margin-right 		: 0px;
}

div#footer ul li h1 {
	display 			: block;
	margin-top 			: 0px;
}

div#footer ul li a:link,
div#footer ul li a:active,
div#footer ul li a:visited {
	font-size 			: 11px;
	color 				: #2587bc;
	text-decoration 	: none;
	font-weight 		: normal;
}

div#footer ul li a:hover {
	text-decoration 	: underline;
}

div.login_main {
	border 				: 2px solid #c4c4c4;
	width 				: 400px;
	padding 			: 10px;
	margin				: 10px auto 0px auto;
}

div.login_main table,
div.login_main table tr,
div.login_main table th,
div.login_main table td{
	border 				: 1px solid white !Important;
}

div.login_main table td {
	padding-bottom 		: 5px;
}
div.login_main table td.Form_Label,
div.login_main table td.Form_Text {
	font-size 			: 12px;
	text-align 			: left !important;
}
div.login_main input#loginname,
div.login_main input#password {
	border				: 1px solid #C4C4C4;
	height				: 16px;
	padding				: 2px 0;
	width				: 280px;
	float 				: right;
}

div#newscolumnright {
	display 		: none;
}