/************************************************************
*	 			INTEGRATED SYSTEMS LLC Web Site				*
*************************************************************															*
* 				Copyright © 2003 - Saed Hamdan 				*
*		   e-Mediated Solutions (http://eMedSol.com)		*
*				-------------------------------				*
*				 CSS settings: Custom Styles				*
*************************************************************/

/* <><><><><><><><><><><><><><><><><><><><><><><><><><><><> */
/*   				H O M E    P A G E 						*/
/* <><><><><><><><><><><><><><><><><><><><><><><><><><><><> */

.WelcomeBG			{			
					background-color: #FFFFFF; 
					background-image: url(../../main/HomePg_Art/Welcome_BG.gif);
					background-repeat: no-repeat;
}
.WelcomeTxt			{			
					vertical-align: top;
					padding-top: 50px;
					padding-left: 18px;
					padding-right: 33px;
}
.Award_Holder		{			
					vertical-align: bottom;
					text-align: center;
					padding-right: 35px;
}
.Award				{			
					border: solid #b2b2b2 1px;
/*					margin-bottom: 5px;*/
}

.DottedBorder		{border: 2px dotted #999999;}
/*****************************************/
/* Featured Products Layers */
#Square_Dots		{
					width: 216px;
					height: 265px;
					position: relative;
					left: 42;
					top: 42;
					z-index: 3;
					background-color: #FFFFFF;
					visibility: visible;

}

#Prod_Promo			{
					width: 305;
					height: 305;
					position: absolute;
					left: -42;
					top: -42;
					z-index: 4; 
					visibility: visible;
}
#Featured			{
					width: 85;
					height: 85;
					position: absolute;
					left: 0;
					top: 0;
					z-index:4;
					visibility: inherit;
}
/* Main animation @ centre */
#Animation			{
					width: 170;
					height: 130;
					position: absolute;
					left: 46;
					top: 86;
					z-index:4;
					visibility: inherit;
}
/* Products list */
#Prod1				{
					width: 85;
					height: 85;
					position: absolute;
					left: 220;
					top: 0;
					z-index:4;
					visibility: inherit;
}
#Prod2				{
					width: 85;
					height: 85;
					position: absolute;
					left: 220;
					top: 110;
					z-index:4;
					visibility: inherit;
}
#Prod3				{
					width: 85;
					height: 85;
					position: absolute;
					left: 220;
					top: 220;
					z-index:4;
					visibility: inherit;
}
#Prod4				{
					width: 85;
					height: 85;
					position: absolute;
					left: 110;
					top: 220;
					z-index:4;
					visibility: inherit;
}
#Prod5				{
					width: 85;
					height: 85;
					position: absolute;
					left: 0;
					top: 220;
					z-index:4;
					visibility: inherit;
}
/* disable hover effect of Product list layers */
#Prod1 a:hover 		{position: relative; top: 0px; left: 0px;}
#Prod2 a:hover 		{position: relative; top: 0px; left: 0px;}
#Prod3 a:hover 		{position: relative; top: 0px; left: 0px;}
#Prod4 a:hover 		{position: relative; top: 0px; left: 0px;}
#Prod5 a:hover 		{position: relative; top: 0px; left: 0px;}

/* <><><><><><><><><><><><><><><><><><><><><><><><><><><><> */
/*   			I N S I D E    P A G E S 					*/
/* <><><><><><><><><><><><><><><><><><><><><><><><><><><><> */

/* -------------------------------------------------------- */
/* Navigation Menus											*/
/* -------------------------------------------------------- */
/* Main Navigation Menu @ top of page */
#TopMenu			{
					width: 485px;
					height: 18px;
					background-color: #004182; 
					background-image:      url(../images/header/TopMenu_BG.gif);
					font-weight: bold; 
					color: #FFCC00;
					text-align: center;
}
#TopMenu a:link		{color: #FFFFFF; font-weight: normal; text-decoration: none}
#TopMenu a:visited	{color: #FFFFFF; font-weight: normal; text-decoration: none}
#TopMenu a:hover	{
					color: #FFCC00; 
					font-weight: bold; 
					text-decoration: none; 
					position: relative; 
					top: 1px; 
					left: 1px;
}
/*****************************************/
/* Navigation Menu @ Bottom of page	*/
#BtmMenu 			{
					padding-top: 2px;
					padding-bottom: 2px;
					border-top: 1px dotted #999999;
					border-bottom: 1px dotted #999999;
					color: #7F7F7F;
					font-weight: Bold;
}
#BtmMenu a:link		{color: #0000FF; font-weight: normal; text-decoration: underline}
#BtmMenu a:visited	{color: #0000FF; font-weight: normal; text-decoration: underline}
#BtmMenu a:hover	{
					color: #0000FF; 
					font-weight: normal; 
					text-decoration: none; 
					position: relative; 
					top: 1px; 
					left: 1px;
}
/* -------------------------------------------------------- */
/* Top of Page												*/
/* -------------------------------------------------------- */
/* Border of Header (top of page) */
.Border_Head		{
					border-left: 1px solid #666666;
					border-top: 1px solid #666666;
					border-right: 1px solid #666666;
}

/* Layout of Search Box area */
.Search_Box			{
					width: 97;
					height: 20;
					background-image:      url(../images/header/SearchBox_Bg.gif);
					background-position: right top;
					background-repeat: no-repeat;
					background-color: #004182; 
					text-align: left;
					padding-left: 2px;
}
.Search_Btn			{
					width: 43;
					height: 20;
					background-image:      url(../images/header/Search_RT.gif);
					background-position: right top;
					background-repeat: no-repeat;
					background-color: #004182; 
}
.Search_Btn a:hover	{							/* disable hover effect of GO search button */
					position: relative; 
					top: 0px; 
					left: 0px;
}

/*#IntPg_Body			{
					width: 760px;
					position: absolute;
					visibility: visible;
					z-index: 2;
					background-color: #FFFFFF; 
					background-image: url(../Images/Header/Slogan.gif);
					background-repeat: no-repeat;
					background-position: right top;
					border-left: 1px solid #666666;
					border-top: 1px solid #FFFFFF;
					border-right: 1px solid #666666;
}*/
/*****************************************/
/* Slogan */
.Slogan				{
					height: 20;
					width: 616;
					background-color: #FFFFFF;
					background-image:     url(../images/header/Slogan.gif);
					background-repeat: no-repeat;
					background-position: right top;
}
/*****************************************/
/* Logo of Product Vendor */
.Vendor_Logo		{
					text-align: right; 
					padding-right: 35px;
					padding-bottom: 4px;
					vertical-align: bottom;
}
/*****************************************/
/* Product Category Description/Page Sub-Title */
.Cat_Desc			{
					height: 30px;
					font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
					font-size: 14px;
					color: #B2B2B2;
					font-weight: bold; 
					text-transform: uppercase; 
					letter-spacing: 2px;
					text-align: right;
					vertical-align: top;
					padding-top: 1px;
					padding-right: 30px;
}

/* -------------------------------------------------------- */
/* Right-side Panel											*/
/* -------------------------------------------------------- */
/*  Subject/Product Category Image @ top */
.BG_ImgFrm_Grey		{							/* Background Frame  Grey */
					height: 85px;
					background-image:      url(../images/general/Frame_Grey.gif);
					background-position: center center;
					background-repeat: no-repeat;
}
.BG_ImgFrm_Orng		{							/* Background Frame  Orange */
					height: 85px;
					background-image:      url(../images/general/Frame_Orng.gif);
					background-position: center center;
					background-repeat: no-repeat;
}
/*****************************************/
/* Links to Page Sections (Anchor) */
.Side_Link 			{
					border-top: 1px dashed #999999;
					padding-top: 2px;
					padding-bottom: 5px;
					text-align: center;
}
/*****************************************/
/* Links to other Products of same category */
.Prod_Select		{
					font-size: 10px;
					padding-left: 0px;
					padding-top: 12px;
					padding-bottom: 10px;
}
.Prod_Select P		{
					font-size: 10px;
					color: #004182;
					font-weight: bold;
					margin-left: 0px;
					margin-top: 0px;
					margin-bottom: 6px;
}
.Prod_Select a		{font-size: 9px; font-weight: normal;}
}
/*****************************************/
/* Text */
.RtSideText			{
					font-size: 9px;
					color: #004182;
					text-align: center;
					padding-top: 12px;
					padding-right: 2px;
					padding-bottom: 12px;
					padding-left: 2px;
					border-top: 1px dashed #999999;
					border-bottom: 1px dashed #999999;
}
/*****************************************/
/* List */
.RtSideText UL		{
					font-size: 9px;
					text-align: left;
					margin-left: 0px;
					margin-top: 6px;
					margin-bottom: 16px;
					list-style-type: nne;
					list-style-position: outside;
}
.RtSideText LI		{
					list-style-image:     url(../images/bullets/Dot2_Orng.gif);					
					margin-left: 16px;
					margin-top: 0px;
					margin-bottom: 5px;
}
/*****************************************/
/* Download Cell */
.Download			{
					height: 18px;
					background-color: #999999;
					font-weight: normal;
					text-transform: uppercase;
					color: #FFFFFF;
					text-align: center;
}
/*****************************************/
/* The header of Product Category Jump Menu */
.Prod_Cat			{
					height: 15;
					background-color: #004182;
					text-align: center;
					color: #FFFFFF;
}
/*****************************************/
/* Stamps (images at left and right bottoms of each page (watermarks)) */
.Host_by			{
					background-image: url(../../main/products/Logos/HostBy.gif);
					background-repeat: no-repeat;
					background-position: 4px bottom;
}

.Dev_by				{
					background-image: url(../../main/products/Logos/DevelopedBy.gif);
					background-repeat: no-repeat;
					background-position: center bottom;
}

/* -------------------------------------------------------- */
/* Main Body Area											*/
/* -------------------------------------------------------- */
/* Border of main Body */
.Border_Body		{
					border-left: 1px solid #666666;
					border-right: 1px solid #666666;
					border-bottom: 1px solid #666666;
}

/*****************************************/
/* Body Table */
#Main				{
					background-image:     url(../images/general/BodyBG.gif);
					background-repeat: no-repeat;
					border-top: 1px dashed #999999;
					border-right: 1px dashed #999999;
}

/*****************************************/
/* Section Header */
.SecHdr 			{
					height: 18px;
					background-color: #004182;
					background-image:     url(../images/general/ParaHdr_Bg.gif);
					background-repeat: no-repeat;
					font-weight: bold;
					text-transform: uppercase;
					color: #FFFFFF;
					letter-spacing: 2px;
					text-indent: 15px;
}

/*****************************************/
/* Section/paragraph Spacing */
.SpacingTop 		{
					padding-top: 6px; 
					vertical-align: top;
}
.SpacingTopBtm 		{
					padding-top: 
					6px; vertical-align: top; 
					padding-bottom: 20px;
}
.SpacingBtm			{
					padding-bottom: 20px; 
					vertical-align: top;
}

/*****************************************/
/* Special Section/Block Entry */
.EntryBlue			{							/* Override default setting using Navy Blue */
					font-family: "Verdana", Arial, Helvetica, sans-serif; 
					font-size: 10px;
					color: #004182;
}
.EntryBlue P		{
					font-size: 10px;
					padding-left: 15px;
					margin-top: 0px;
					margin-bottom: 0px;
					text-align: left;
}
.EntryBlue UL		{
					font-size: 10px;
/*					text-align: justify;*/
					margin-left: 0px;
					margin-top: 0px;
					margin-bottom: 0px;
					list-style-type: none;
					list-style-position: outside;
}
.EntryBlue LI		{
					font-size: 10px;
					text-align: left;
					margin-left: 16px;
					margin-top: 0px;
					margin-bottom: 8px;
					list-style-type: none;
					list-style-position: outside;
}
.EntryBlue LI LI	{
					list-style-image:     url(../images/bullets/Arrow_Grey.gif);
					font-size: 10px;
					text-align: left;
					vertical-align: middle;
					margin-left: 15px;
					margin-top: 0px;
					margin-bottom: 0px;
					list-style-type: none;
					list-style-position: outside;
}
.EntryBlueNrm		{							/* Override default setting using Navy Blue-no padding */
					font-family: "Verdana", Arial, Helvetica, sans-serif; 
					font-size: 10px;
					color: #004182;
}
.EntryBlueNrm P		{
					font-size: 10px;
					padding-left: 0px;
					margin-top: 0px;
					margin-bottom: 0px;
					text-align: left;
}
.EntryBlueNrm UL	{
					font-size: 10px;
					text-align: justify;
					margin-left: 0px;
					margin-top: 0px;
					margin-bottom: 0px;
					list-style-type: none;
					list-style-position: outside;
}
.EntryBlueNrm LI	{
					font-size: 10px;
					text-align: left;
					margin-left: 16px;
					margin-top: 0px;
					margin-bottom: 0px;
					list-style-type: none;
					list-style-position: outside;
}

/*****************************************/
.EntryGrey			{							/* Override default setting using Grey */
					font-family: "Verdana", Arial, Helvetica, sans-serif; 
					font-size: 10px;
					color: #666666;
}
.EntryGrey P		{
					font-size: 10px;
					padding-left: 15px;
					margin-top: 0px;
					margin-bottom: 0px;
					text-align: justify;
}
.EntryGrey UL		{
					font-size: 10px;
					text-align: justify;
					margin-left: 0px;
					margin-top: 0px;
					margin-bottom: 0px;
					list-style-type: none;
					list-style-position: outside;
}
.EntryGrey LI		{
					font-size: 10px;
					margin-left: 16px;
					margin-top: 0px;
					margin-bottom: 0px;
}
.EntryGrey H1		{
					font-family: "Verdana", Arial, Helvetica, sans-serif; 
					font-size: 11px;
					color: #004182;
					font-weight: bold; 
					margin-left: 0px;
					margin-top: 0px;
					margin-bottom: 2px;
}
.EntryGrey H2		{
					font-family: "Verdana", Arial, Helvetica, sans-serif; 
					font-size: 11px;
					color: #004182;
					font-weight: bold; 
					margin-left: 0px;
					margin-top: 0px;
					margin-bottom: -1px;
					text-transform: uppercase; 
					letter-spacing: 2px;
}
.EntryGrey H3		{
					font-family: "Verdana", Arial, Helvetica, sans-serif; 
					font-size: 10px;
					color: #7F7F7F;
					font-weight: bold;
					text-align: center; 
					margin-top: 0px;
					margin-bottom: 0px;
					margin-left: 0px;
					padding-left: 0px;
}
.EntryGrey H3.Norm	{
					text-align: left;
					margin-bottom: -4px;
					padding-left: 8px;
}
.EntryGreyNrm			{							/* Override default setting using Grey-no padding */
					font-family: "Verdana", Arial, Helvetica, sans-serif; 
					font-size: 10px;
					color: #666666;
}
.EntryGreyNrm P		{
					font-size: 10px;
					padding-left: 0px;
					margin-top: 0px;
					margin-bottom: 0px;
					text-align: left;
}
.EntryGreyNrm H2	{
					font-family: "Verdana", Arial, Helvetica, sans-serif; 
					font-size: 11px;
					color: #004182;
					font-weight: bold; 
					margin-left: 0px;
					margin-top: 0px;
					margin-bottom: -1px;
					text-transform: uppercase; 
					letter-spacing: 2px;
}
.EntryGreyNrm UL	{
					font-size: 10px;
					text-align: justify;
					margin-left: 0px;
					margin-top: 0px;
					margin-bottom: 0px;
					list-style-type: none;
					list-style-position: outside;
}
.EntryGreyNrm LI	{
					font-size: 10px;
					margin-left: 16px;
					margin-top: 0px;
					margin-bottom: 0px;
}
/*****************************************/
/* Text-based Lines to separate inline text blocks */

.Dashed_Line		{							/* Very thin Dashed line (thickness < 1px) */
					font-size: 8px;
					color: #666666;
					text-align: left;
}
.Dashed_LineRt		{
					font-size: 8px;
					color: #666666;
					text-align: right;
}
/*****************************************/
.Solid_Line			{							/* A solid line (thickness = 1px) */
					font-family: "Arial", Helvetica, sans-serif; 
					font-size: 8px;
					color: #999999;
					text-align: left;
}

/*****************************************/
/* Product List (last section of page) */
.Products P			{
					font-size: 10px;
					text-aligh: left;
					padding-left: 15px;
					padding-bottom: 4px;
					margin-top: 0px;
					margin-bottom: 0px;
}
.Products H1		{
					font-family: "Verdana", Arial, Helvetica, sans-serif; 
					font-size: 11px;
					color: #004182;
					font-weight: bold; 
					margin-left: 0px;
					padding-top: 30px;
					margin-bottom: -4px;
}
.Products H1.NoPd	{padding-top: 0px;}

/* Footer of page including Copyright notice */
.Footer				{
					height: 20;
					background-color: #666666;
					background-image:    url(../images/general/BG_Cross_Grey2.gif);
					font-size: 10px;
					color: #FFFFFF;
					text-align: center;
}

/* -------------------------------------------------------- */
/* Product Specific Rules/Styles							*/
/* -------------------------------------------------------- */

/* Bioscrypt Products */
/*****************************************/
/* Product brief overview  */
.Prod_Overview		{
					height: 160;
					vertical-align: top;
					color: #004182;
					padding-left: 12px;
					padding-top: 10px;
}

/* Image of Product */
.Prod_Img			{
					background-image: url(../../main/products/TileGridGrey.gif);
					background-position: right;
					background-repeat: repeat-y;
					vertical-align: top;
					text-align: right;
					padding-right: 13px;
					padding-top: 29px;
}
.Prod_ImgPlain		{							/* In case other image is also needed (e.g. award) */
					background-image: url(../../main/products/TileGridGrey.gif);
					background-position: right;
					background-repeat: repeat-y;
					vertical-align: bottom;
}

/* Product Name & Caption  */
.Prod_Name			{
					height: 52;
					text-align: center;
					vertical-align: top;
					border-bottom: 2px dotted #b2b2b2;
}

/* Specifications */
.BioSpecs 			{
					font-size: 10px;
					text-align: justify;
}

.BioSpecs P			{
					margin-top: 0px;
					margin-bottom: 0px;
					font-size: 10px;
					font-weight: bold;
					color: #7F7F7F;
					text-align: right;
					padding-right: 14px;
}

/* Disclaimer */
.BioOnBoard			{
					border-top: 1px solid #999999;
					padding-left: 6px;
					padding-top: 4px;
					padding-right: 6px;
					font-size: 9px;
}
.BOB_Icon			{
					display: inline;
					float: left;
					align: absmiddle;
					padding-right: 4px;
}

/* RapidSite Data Centre */
/*****************************************/
.DashTop			{
					border-top: 1px dashed #999999; 
					padding-top: 4px;
}
.ImgFloatRt			{
					height: 120px;
					text-align: right;
					vertical-align: center;
}

/*-------------------------------------------------------*/
/* FORM Rlated      				              	     */
/*-------------------------------------------------------*/
/* 3 Elements to draw the shadow of Form area */
.ShadowTop_B		{
					background-image:  url(../form/VShadow_Top.gif);
					background-position: right top;
					background-repeat: no-repeat;
					background-color: #E6F0FA; /* Light Blue */
					padding-left: 4px;
					padding-top: 20px;
					padding-right: 18px;
					text-align: center;
}
.ShadowTop_G		{
					background-image:  url(../../main/contact/VShadow_Top.gif);
					background-position: right top;
					background-repeat: no-repeat;
					background-color: #F5F5F5; /* Light Grey */
					padding-left: 4px;
					padding-right: 18px;
					padding-top: 20px;
					text-align: center;
}
.ShadowMdl_B		{
					background-image:  url(../form/VShadow_Mdl.gif);
					background-position: right;
					background-repeat: repeat-y;
					background-color: #E6F0FA; /* Light Blue */
}
.ShadowMdl_G		{
					background-image:  url(../form/VShadow_Mdl.gif);
					background-position: right;
					background-repeat: repeat-y;
					background-color: #F5F5F5; /* Light Grey */
}
.ShadowBtm			{
					background-image:    url(../form/Shadow_Btm.gif);
					background-position: right top;
					background-repeat: no-repeat;
}

/*****************************************/
/* 3D effect of Form object boxes */
.3D_Blue			{
					border-style: solid;
					border-color: #8AAACA #CDE1F5 #CDE1F5 #8AAACA; /* #69A5E1 #82A5DC */
					border-width: 2px 1px 1px 2px; 
}
.3D_Grey			{
					border-style: solid;
					border-color: #C4C4C4 #E6E6E6 #E6E6E6 #C4C4C4;
					border-width: 2px 1px 1px 2px; 
}

/*****************************************/
/* The red Asterisk indicating 'required entry' in Forms */
.Required_Low		{color: #FF0000; vertical-align: -20%;}
.Required			{color: #FF0000;}

/*****************************************/
/* Padding */
.PdRight			{padding-right: 22px;}
.PdLeft				{padding-left: 6px;}

/*****************************************/
/* Radio button text */
.MrMrs_B			{
					font-size: 11px;
					color: #004182;
}
.MrMrs_G			{
					font-size: 11px;
					color: #666666;
}

/* -------------------------------------------------------- */
/* Miscellaneous											*/
/* -------------------------------------------------------- */

/* Lower text above Sub and below Super levels - used mainly to lower  
   symbols like asterisk in Footnote */
.LowerText 			{vertical-align: -30%}

/*****************************************/
/* Foot Note */
.FootNote			{
					font-family: "Verdana", Arial, Helvetica, sans-serif;
					font-size: 9px;
					color: #666666;
}

/*****************************************/
/* To colour an inline text Navy Blue (instead of <FONT color> tag) */
.Blue				{color: #004182;}

/*****************************************/
/* Set inline text to Bold Navy Blue (replacing <B> & <FONT color> tags) */
.StrongBlue			{
					color: #004182;
					font-weight: bold;
}

/*****************************************/
/* Format of company name (Integrated System) */
.IS					{
					color: #004182;
					font-weight: bold;
}

/*****************************************/
/* Horizontal Filler to draw 2 thin White lines above and below 
   Blue stripe at top and bottom of page. */
.H_Filler			{
					border-top: 1px solid #FFFFFF;
					border-bottom: 1px solid #FFFFFF;
}

/*****************************************/
/* Dummy Element to reduce height of empty cell below default 19px */
.VSpacer			{font-size: 2px;}

/*****************************************/
.LinkColor			{color: #0000FF;}