﻿/* COMMON */
* 									{ margin: 0; padding: 0; }
.cleaner							{ clear: both; }
input, select						{ float: left; padding: 1px; }
.ImageButton						{ border: 0!Important; margin: 0; position: relative; top: -1px; }
fieldset 							{ border: 0; }
fieldset br							{ clear: both; }
.FloatedLeft						{ float: left; }
ol										{ list-style-type: decimal!Important; margin-bottom: 1.3em; margin-left: 20px; }
ol li									 { background-image: none!Important; list-style-position: outside!Important; list-style-type: decimal!Important; }
.JSLink								{ color: #646464; cursor: hand; cursor: pointer; }
/* CORE LAYOUT */
#Container							{
	background: url(../Images/bg.gif) repeat-y -1px 0;
	color: #646464;
	font: 70% Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0 auto 0 8px;			
	width: 939px;
}
body								{padding-bottom:20px;}
#Header								{
	background: url(../Images/HeaderLogo.gif) no-repeat #F4F4F4;
	height: 77px; /*margin-bottom: 15px;*/
	position: relative;
	width: 928px;
}
#Header a							{ display: block; height: 30px; left: 10px; position: absolute; top: 10px; width: 142px; }
#LeftSideBar						{ float: left; /*background: #F7F7F7;*/ height: 470px; margin-right: 12px; width: 176px; }
#RightSideBar						{ float: left; margin-left: 12px; margin-top: 15px; width: 186px; }
/* CONTENT */
#Content							{ float: left; margin-bottom: 2em; margin-top: 15px; width: 552px; }
#Content #Column					{ margin: 0 auto; width: 536px; }
/* #Column */
#Content #WelcomeTitle						{
	background: url(../Images/BlueHDot.gif) repeat-x 0 26px;
	color: #739EE7;
	font: normal 200% Arial, Helvetica, sans-serif;
	height: 30px;
	letter-spacing: 0;
	margin-top: 15px;
	padding-bottom: 20px;
	padding-left: 12px;
	position: relative;
	width: 520px;
}
#WelcomeTitle { display: block; height: 30px; margin: 0!Important; position: relative; width: 210px; }
#Content #Column h2 				{ margin-top: 15px!Important; }
#WelcomeTitle span				{
	background: url(../Images/TitleTextImage.gif) no-repeat 0;
	display: block;
	height: 30px;
	left: 12px;
	position: absolute;
	top: -4px;
	width: 210px;
	z-index: 1;
}
#Content p						{ margin-bottom: 1.3em; }
#Content a						{ color: #08107B!Important; font-weight: normal; text-decoration: none; }
#Content a:hover				{ color: #646464!Important; }
/* CONTENT ITEM */
#Content .Item					{
	background: url(../Images/dot.gif) repeat-y 156px 0;
	float: left;
	margin-right: 32px;
	margin-top: 20px;
	width: 157px;
}
#Content .Item h3				{
	background: url(../Images/ContentItemHeaderBg.gif) no-repeat;
	color: #424D9C;
	font-size: 110%;
	padding-bottom: 8px;
	padding-left: 14px;
	padding-top: 6px;
}
.SmallerColumn .Item h3		{ margin-bottom: 0!Important; }
.SmallerColumn .Item			{ margin-right: 15px!Important; }
.SmallerColumn .Item img		{ margin-bottom: 0!Important; }
.SmallerColumn .Item h3		{ font-weight: normal; }
.SmallerColumn .Item h3 a		{ color: #08107B!Important; font-size: 90%; }

#Content .Item img			{ border: 0; margin-bottom: 5px; }
#Content .Item p				{ line-height: 14px; width: 145px; }

/* MESS */
.OlympusCaS						{
	background: url(../Images/subnav_corp_1.gif) no-repeat 0 15px #FFFFFF;
	height: 25px;
	margin-bottom: 10px;
	padding-top: 15px;
	width: 176px;
}
/* HORIZONTAL RULES */
.hr 							{
	background: url(../Images/BlueHDot.gif) repeat-x 0 19px;
	font-size: 1px;
	height: auto;
	padding-top: 20px;
	width: 520px;
}
.hrMidget						{ background: url(../Images/line_ocs.gif) repeat-x 0 10px; height: 30px; width: 500px; }
.hrBlue								{ background-color: #729BCC; font-size: 1px; height: 3px; margin-bottom: 10px; width: 500px; }
/* UNORDERED LISTS */
ul									{ list-style: none; margin-left: 10px; }
ul li								{
	background: url(../Images/UP.gif) no-repeat 0 0 #FFFFFF;
	display: block;
	margin-bottom: 4px;
	padding-left: 25px;
	width: 127px;
}
/* BLUE NATURAL ORDERED LIST */
.BlueNatural					{ }
.BlueNatural li				{ list-style-type: none!Important; margin-bottom: 1em!Important; padding: 0 0 0 1px!Important; position: relative; }
.BlueNatural li span			{
	background-color: #4F7EE2;
	color: #FFFFFF;
	font-weight: bold;
	left: -20px;
	padding: 0 0.3em;
	position: absolute;
	top: 0;
}
#RightSideBar ul li,
.SmallerColumn ul li			{ background-image: url(../Images/subnav_but.gif); }
.SmallerColumn ul li			{ width: 300px; }
li a 								{ color: #646464; text-decoration: none; }
li a:hover						{ color: #08107B; text-decoration: none; }
/* RIGHT SIDE BAR ITEM */
#RightSideBar .Item			{ background: url(../Images/dot.gif) repeat-y 0 0; margin-bottom: 12px; overflow: auto; width: 100%; }
#RightSideBar .Item h3		{
	background: url(../Images/dottedcurve.gif) no-repeat 0 0;
	color: #08107B;
	font-size: 95%;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-top: 10px;
}
#RightSideBar .Item input,
#RightSideBar .Item select,
#RightSideBar .Item label 	{ margin-left: 10px; }
#RightSideBar .ImageButton { margin-left: 5px!Important; }
#RightSideBar .Item input,
#RightSideBar .Item select {
	background: #F7F7F7;
	border: solid 1px #CCCCCC;
	color: #646464;
	font-size: 95%;
	letter-spacing: 1px;
	margin-bottom: 5px;
	margin-top: 2px;
}
#RightSideBar .Item li		{ margin-bottom: 0; }
#RightSideBar .FormField	{ width: 100px; }
#RightSideBar .Item select	{ width: 104px; }
#RightSideBar p				{ margin-bottom: 4px; margin-left: 10px; }
/* SmallLoginForm */
.SmallLoginForm				{ float: left; margin-right: 34px; width: 251px; }
.SmallLoginForm h3			{ color: #08107B; font-size: 95%; margin-bottom: 12px; margin-top: 10px; }
.SmallLoginForm fieldset	{
	background: url(../Images/TopGrayCurveShape.gif) no-repeat 0 0 #F4F4F4;
	margin-top: 15px;
	padding-bottom: 20px;
	padding-left: 10px;
	padding-top: 10px;
}
.SmallLoginForm .TextBox	{ border: solid 1px #CCCCCC; color: #646464; font-size: 95%; margin: 4px 0; padding: 1px; width: 165px; }
.SmallLoginForm p			{ }
.SmallLoginForm .Button		{ margin-left: 5px; margin-top: 3px; }
/* FOOTER */
#Footer						{
	background-color: #090F7B;
	clear: both;
	color: #808AC8;
	font-size: 80%;
	height: 12px;
	/*margin-bottom: 15px;*/
	padding: 0.5em 0;
	padding-left: 1em;
}
/* SmallerColumn */
.SmallerColumn					{
	display: inline;
	float: left;
	margin-left: 38px;
	margin-top: 20px;
	overflow: hidden;
	padding: 0 10px;
	padding-top: 35px;
	position: relative;
	width: 500px;
}
.SmallerColumn	.hr			{ left: 0; position: absolute; top: 0; width: 520px; }
.SmallerColumn h2				{ color: #424D9C; font-size: 100%; margin: 0 0 1.3em 0; }
.SmallerColumn h3				{ color: #646464; font-size: 100%; margin: 0 0 1.3em 0; }
.SmallerColumn p				{ margin: 0 0 0.4em 0; text-align: left; }
/*.SmallerColumn img			{ padding-top: 0.7em; }
*/
.SmallerColumn a				{ color: #646464!Important; }
.SmallerColumn a:hover			{ color: #08107B!Important; }
a.Inverted 						{ color: #08107B!Important; }
a.Inverted:hover 				{ color: #646464!Important; /*HOVER TURNS COLOR TO GRAY */ }
.SmallerColumn li				{ background-position: -4px 0; padding-left: 15px; }
.SmallerColumn li,
.SmallerColumn ul				{ list-style: none; margin: 0; }
.SmallerColumn ul ul			{ margin-bottom: 1em; }
.SmallerColumn .Indented	{ margin-left: 1em; }
/* PRODUCTS AND SERVICES TREE */
.SmallerColumn ul ul			{ margin-left: 1em; }
.SmallerColumn ul ul li		{ background: url(../Images/bullet.gif) no-repeat 2px 2px; }
#OfferList li					{ cursor: pointer; cursor: hand; }
#OfferList .h2					{
	background-image: none;
	color: #424D9C;
	cursor: default;
	font-size: 100%;
	font-weight: bold;
	left: -16px;
	margin: 1em 0;
	position: relative;
}
/* SmallerColumn NewsItem*/
.SmallerColumn ul ul ul 	{ margin-left: 2.7em; }
.SmallerColumn ul ul ul li	{ background: url(../Images/doublebullet.gif) no-repeat 2px 2px; padding-left: 2.3em; }
/* NEWS ITEM*/
.NewsItem						{
	background: url(../Images/BlueHDot.gif) repeat-x 0 0;
	margin: 0 0 0 0em!Important;
	overflow: hidden;
	padding-top: 1em;
	width: 500px;
}
.NewsItem img			 		{ margin: 0; padding: 0; }
.NewsItem h3, .NewsItem span		 { margin-bottom: 5px!important; margin-left: 95px!important; }
.NewsItem h3					{ color: #646464; }
.NewsItem p						{ margin-top: 0; }
.NewsItem span						{ display: block; }
.NewsItem a						{ color: #08107b!Important; font-weight: bold!Important; }
.NewsItem a:hover				{ color: #646464!Important; }
/* NEWS ITEM DETAIL */
.NewsItemDetail				 { background: url(../Images/BlueHDot.gif) repeat-x 0 0; margin: 0 0 0 0; padding-top: 1em; width: 500px; }
.NewsItemDetail	img		{ float: right; margin: 0.5em 0; margin-left: 1em; }
.NewsItemDetail a				{
	background: url(../Images/dot_blue.gif) no-repeat 0 0;
	color: #08107B !Important;
	font-weight: bold!Important;
	padding-left: 2em;
}
.NewsItemDetail p				{ }
.NewsItemDetail a:hover		{ color: #646464!Important; }
/* NotifyAboutUs */
.NotifyAboutUs					{ width: 348px; }
.NotifyAboutUs input,
.NotifyAboutUs label			{ color: #646464; float: left; margin: 1px; }
.NotifyAboutUs label			{ font: 100% Arial,Helvetica,sans-serif; margin-top: 4px; width: 80px; }
.NotifyAboutUs input			{ background-color: #F7F7F7; border: solid 1px #CCCCCC; width: 250px; }
.NotifyAboutUs .submit		{ border: 0; float: right; margin-right: 10px; width: 51px; }
/* GRAY LIST */
.GrayList						{ margin: 0 0 1.3em 2em!Important; }
.GrayList li					{ background: url(../Images/GrayCircle.gif) no-repeat 0 3px!Important; width: 400px!Important; }
/* WAP TABLE */
.WapTable						{ font-family: Arial,Helvetica,sans-serif; margin-bottom: 50px; width: 500px; }
.WapTable, .WapTable td		{ border: solid 1px #DADADA; }
.WapTable td					{ padding: 5px 4px; }
/* BlueYellowLink */
a.BlueYellowLink 				{ color: #0084D6 !Important; }
a.BlueYellowLink:hover		{ color: #EAB129 !Important; }
/* Banners */
#Banners							{ border: 0; float: left; margin: 5px 0 0 16px; text-align: center; width: 176px; }
/* WALLPAPERS */
#Wallpapers a					{ font-weight: bold; }
/* IN NEWS SECTION */
.InNewsSection					{
	float: left!Important;
	margin-left: 20px!Important;
	margin-top: 29px!Important;
	overflow: hidden!Important;
	width: 160px!Important;
}
.InNewsSection .Item			{ margin-top: 9px!Important; overflow: hidden!Important; }
.InNewsSection h3				{ margin-bottom: 4px!Important; }
/* paging */
.paging a 						{ color: #000000; font-size: 110%!Important; text-decoration: underline!Important; }
.paging a:hover				{ text-decoration: none!Important; }
.paging							{ position: relative; text-align: center; }
/* Diagnostic */
#DiagnosticHeader				{
	background: url(../Images/HeaderLogoDiagnostika.gif) no-repeat #F4F4F4;
	height: 77px;
	position: relative;
	width: 927px;
}
#DiagnosticHeader a			{ display: block; height: 30px; left: 10px; position: absolute; top: 10px; width: 142px; }
#diagnosticflash 			{ position: absolute; top:90px; left:10px; width: 729px; height: 200px;}
.DiagnosticForm				{ width:275px; margin-right: 21px; background: url(../Images/Dot.gif) repeat-y 274px 2px; margin-top: 10px;}
.DiagnosticForm h3			{ background: url(../Images/DiagnosticItemHeaderBg.gif) no-repeat; padding: 8px 0 5px 15px; margin-top: 0; }
.DiagnosticShorterForm		{ width:240px; background: url(../Images/Dot.gif) repeat-y 237px 2px; margin:0px; margin-top: 10px;}
.DiagnosticShorterForm h3	{ background: url(../Images/DiagnosticItemHeaderShorter.gif) no-repeat; padding: 8px 0 5px 15px; margin-top: 0; }
.DiagnosticForm fieldset	{ width: 250px; }
.DiagnosticShorterForm a	{ display: block; width: 200px; font-size: 95%;} 
.DiagnosticShorterForm li	{ background-image: url(../Images/subnav_but.gif); padding-left: 20px; margin: 1px;}

/* Application Solutions */
#AppSolutionsFlash 			{ position: absolute; top:88px; left:9px; width: 720px; height: 200px;}

.FormField  {
	background: #F7F7F7;
	border: solid 1px #CCCCCC;
	color: #646464;
	font-size: 95%;
	letter-spacing: 1px;
	margin-bottom: 5px;
	margin-top: 2px;
}
.ContactTable td			{ padding: 4px 3px; color:black; }

/* Mikroskopy */
#MicroscopsHeader				{
	background: url(../Images/HeaderLogoMikroskopy.gif) no-repeat #F4F4F4;
	height: 77px;
	position: relative;
	width: 927px;
}
#MicroscopsHeader a			{ display: block; height: 30px; left: 10px; position: absolute; top: 10px; width: 142px; }
#MicroscopsFlash 			{ position: absolute; top:87px; left:10px; width: 729px; height: 200px; }
.DotBlueLink				{ background: url(../Images/dot_blue.gif) no-repeat 0 0; text-decoration:none;
							  color: #08107B !Important; font-weight: bold!Important; padding-left: 2em;}
.MicroscopeShorterForm		{ width:242px; background: url(../Images/Dot.gif) repeat-y 239px 2px; margin:0px; margin-top: 10px; margin-right:40px;}
.MicroscopeShorterForm h3	{ background: url(../Images/DiagnosticItemHeaderShorter.gif) no-repeat right top; padding: 8px 0 5px 15px; margin-top: 0; }
.MicroscopeShorterForm a	{ display: block; width: 200px; font-size: 95%;} 
.MicroscopeShorterForm li	{ background-image: url(../Images/subnav_but.gif); padding-left: 20px; margin: 1px;}

/* Mikroskopy */
#EndoscopsHeader				{
	background: url(../Images/HeaderLogoEndoskopy.gif) no-repeat #F4F4F4;
	height: 77px;
	position: relative;
	width: 927px;
}
#EndoscopsHeader a			{ display: block; height: 30px; left: 10px; position: absolute; top: 10px; width: 142px; }
#EndoscopsFlash 			{ position: absolute; top:87px; left:10px; width: 729px; height: 200px; }
.DotBlueLink				{ background: url(../Images/dot_blue.gif) no-repeat 0 0; text-decoration:none;
							  color: #08107B !Important; font-weight: bold!Important; padding-left: 2em;}

/* Heamoccult */
.Column strong					{ color: #4444A1; }
/* COMMON */
*							{margin:0; padding:0;}
#HeamoccultForm				{font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;color: #646464; }
#HeamoccultForm fieldset input,
#HeamoccultForm fieldset label,
#HeamoccultForm fieldset textarea {float:left; margin:1px; margin-bottom:3px;}	
#HeamoccultForm fieldset input,
#HeamoccultForm fieldset textarea {background-color: #F7F7F7; border: solid 1px #CCCCCC;color: #646464; letter-spacing: 1px; font-size:11px;
								 padding:1px;	  }
#HeamoccultForm fieldset textarea {overflow:auto; width:230px; height:43px;}
#HeamoccultForm fieldset label	{width:90px;}
#HeamoccultForm h1			{color:Black;}
#HeamoccultForm	h2			{font-size:11px;margin-bottom:7px;}
#HeamoccultForm	p			{position:relative; top:-10px;}
#HeamoccultForm	.Required   {background: url(../images/dot_blue_rev1.gif) no-repeat 0 3px; float:left; width:17px; height:15px; margin-left:2px; }
#HeamoccultForm .Buttons	{font-size:11px;}
#HeamoccultForm .ButtonsContainer {margin-left:103px;}
br							{clear:both;}
fieldset					{border: 0; margin:1em;}
/* GRID OF REGISTRATIONS */
.GridOfRegistrations		{font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;color: #08107B; margin: 0 10px; border: solid 1px #08107B; }
.GridOfRegistrations td,
.GridOfRegistrations th		{padding:2px 1px; }
#HeamoccultForm a,
.GridOfRegistrations a		{color:blue; }		
#HeamoccultForm a:hover,
.GridOfRegistrations a:hover {color:blue; }		
.GridButtons a				{margin: 0 0.3em;color:#08107B;} 
/* ADMIN HEADER */
#AdminHeader				{width:927px; height:77px; background: url(../images/header-logo-diagnostika.jpg) no-repeat 0 0;
							 margin: 10px 0 5px 10px; position:relative;}
#AdminHeader h1				{position:absolute; bottom:3px; left: 3px; color:#08107B!Important; text-decoration:none;
							 font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;}
/* LOGIN STATUS */ 
.LoginStatus				{position:absolute; bottom:3px; right: 3px; color:#08107B!Important; text-decoration:none;
							 font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;}
.LoginStatus:hover			{color:Blue!Important;}
.RefreshpageLink			{position:absolute; bottom:3px; right: 96px; color:#08107B!Important; text-decoration:none;
							 font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;}
.RefreshpageLink:hover		{color:Blue!Important;}
/* REFRESH BUTTON */

/* LOGIN */
.LoginForm					{margin: 40px;margin-left:374px;}
.LoginForm label, .LoginForm input {font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif!Important;}
.LoginForm .CheckBox input	{ float:left; height:13px; width:13px; margin: 1px;  }					
/* EDIT FORM */
.EditForm .Header			{background-color:#08107B;color: White; padding:2px;}
.EditForm h2				{background-color: #EFF3FF;padding:2px;}
/* NEW THREE COLUMN LAYOUT WITH TWO COLUMNS IN MIDDLE */
#NewContainer				{color: #646464;
							 font: 70% Verdana, Geneva, Arial, Helvetica, sans-serif;
							 margin: 0 auto 0 8px;			
							 width: 939px;}
#NewContainer #LeftSideBar  {float: left; height: 470px; margin-right: 12px; width: 176px; 
							 margin-top: 200px; height: 320px; background-color:#F4F4F4;}
#NewContainer #Column		{margin: 0 auto; width: 536px; padding-top: 224px;}
.InnerColumn				{width: 230px; float:left; background: url(../images/dot.gif) repeat-y 237px 0;
							 margin-bottom: 20px; padding-right: 10px; padding-top: 30px; position: relative;}
#NewContainer #Column .Right{margin-right:0;}		
.InnerColumn h3				{background: url(../images/DiagnosticItemHeaderShorter.gif) no-repeat left top; color:#08107B; font-size:100%; 
							 padding-left:14px; padding-top:8px; margin-bottom:8px; position: absolute; top: 0; left: 0; width: 240px;}				
/* INNER COLUMNS TABLE */
#InnerColumns				{width:515px;}
#InnerColumns, #InnerColumns td	{border-collapse:collapse; vertical-align:top;}
#InnerColumns td			{width:240px; }
#InnerColumns td.RightTableColumn {padding-left:30px;}
#InnerColumns ul li			{background-image: url(../Images/subnav_but.gif);}

/* WIDE COLUMNS */
.WideColumn					{
	display: inline;
	float: left;
	margin-left: 38px;
	margin-top: 20px;
	overflow: hidden;
	padding: 0 10px;
	padding-top: 35px;
	position: relative;
	width: 680px;
}
.WideColumn .Item h3		{ margin-bottom: 0!Important; }
.WideColumn .Item			{ margin-right: 15px!Important; }
.WideColumn .Item img		{ margin-bottom: 0!Important; }
.WideColumn .Item h3		{ font-weight: normal; }
.WideColumn .Item h3 a		{ color: #08107B!Important; font-size: 90%; }
.WideColumn ul li			{ background-image: url(../Images/subnav_but.gif); }
.WideColumn ul li			{ width: 550px; }
.WideColumn	.hr				{ left: 0; position: absolute; top: 0; width: 690px; }
.WideColumn .hrMidget		{ background: url(../Images/line_ocs.gif) repeat-x 0 10px; height: 30px; width: 680px; }
.WideColumn h2				{ color: #424D9C; font-size: 100%; margin: 0 0 1.3em 0; }
.WideColumn h3				{ color: #646464; font-size: 100%; margin: 0 0 1.3em 0; }
.WideColumn p				{ margin: 0 0 0.4em 0; text-align: left; }
.WideColumn a				{ color: #646464!Important; }
.WideColumn a:hover			{ color: #08107B!Important; }
a.Inverted 					{ color: #08107B!Important; }
a.Inverted:hover 			{ color: #646464!Important; /*HOVER TURNS COLOR TO GRAY */ }
.WideColumn li				{ background-position: -4px 0; padding-left: 15px; }
.WideColumn li,
.WideColumn ul				{ list-style: none; margin: 0; }
.WideColumn ul ul			{ margin-bottom: 1em; margin-left: 1em; }
.WideColumn .Indented		{ margin-left: 1em; }
.WideColumn ul ul li		{ background: url(../Images/bullet.gif) no-repeat 2px 2px; }
.WideColumn ul ul ul 		{ margin-left: 2.7em; }
.WideColumn ul ul ul li		{ background: url(../Images/doublebullet.gif) no-repeat 2px 2px; padding-left: 2.3em; }


