/*************************************
**	oapharma.com STYLES
**************************************/
@import "mainstyles.layout.css";

body, table, .bodyText, ul, li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}

p {
	margin: 0px;
	margin-bottom: 8px;
}

p.topmargin {
	margin-top: 8px;
}

form {
	margin:0px;
}

.formItemText {
	font-weight:bold;
}

img, table {
	border:0px;
}

/* scrollbar-base-color: #E6F2F8; */
body {
	background-color:#ffec9d;
}

body.blank {
	margin:6px 16px 6px 16px;
}

a { 
	color:#c21800;
	text-decoration:none; 
}

a:hover {
	text-decoration:underline;
}

a.u {
	htmlarea_name: Underlined Link;
	text-decoration:underline;
}

label {
	font-weight:bold;
}

/*************************************
**	Styles for Ordered Lists
**************************************/
ul {
	margin-top:10px;
	list-style-image:url(images/bullet_3.gif);
}

li {
	padding-bottom:4px;
}

hr {
	border: 0;
	margin: 0px;
}

/* empty HR tag (wrap around with a <div> tag */
hr.empty {
	display: none; 
}

/* 
	Used for div tag to create an empty line... 
	example1 : make a line and apply a style class "newStyle" on top of it:
		<div class="newStyle"><div class="line"></div></div>
	example2 : make an empty spacer
		<div class="invoiceTable"><div class="line"></div></div>
	example2 : make a line and apply a color style to it:
		<div class="line" style="background-color: #C2CCFF;"></div>
*/
div.line { width:100%; height:1px; overflow: hidden; }

input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #202352;
}

select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #202352;
}

div.spacer {
	overflow:hidden;
}

/* ERROR TEXT */
.error {
	color:#FF3300;
}

/*************************************
**	Styles for Bulleted Products List on products module
**************************************/
	li.productslist {
		font-size:14px;
		padding-bottom:10px;
	}
	/* The description div under each list item */
	.productslist_desc {
		font-size:10px;
	}
	.productsName {
		font-size:14px;
		font-weight:bold;
	}
	
/*************************************
**	Styles for Conditions List on conditions module
**************************************/
	/* The description div under each list item */
	.conditionsList_Desc {
		font-size:11px;
	}
	.conditionsList_Name {
		font-size:12px;
		font-weight:bold;
	}
	
	
	
/*************************************
**	Styles for Bulleted Products List on products_menu module
**************************************/
	li.menu_list {
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		font-weight:bold;
		padding-top:4px;
		padding-bottom:3px;
		margin-left:0px;
		list-style-image:url(images/page_ico.png);
		list-style-position:outside;

	}
	/** When it's Selected */
	li.menu_list_selected {
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		font-weight:bold;
		padding-top:4px;
		padding-bottom:3px;
		margin-left:0px;
		list-style-image:url(images/page_ico_sel.png);
		background-image:url(images/lmenu_arrow_dotted.png);
		background-attachment:scroll;
		background-position:bottom right;
		background-repeat: no-repeat;
	}
	li.menu_list2 {
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		font-weight:bold;
		padding-top:4px;
		padding-bottom:3px;
		margin-left:0px;
		list-style-image:url(images/page_ico2.png);
		list-style-position:outside;

	}
	/** When it's Selected */
	li.menu_list2_selected {
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		font-weight:bold;
		padding-top:4px;
		padding-bottom:3px;
		margin-left:0px;
		list-style-image:url(images/page_ico2_sel.png);
		background-image:url(images/lmenu_arrow_dotted.png);
		background-attachment:scroll;
		background-position:bottom right;
		background-repeat: no-repeat;
	}
	
	

/*************************************
**	Styles for Main Page Banner Boxes
**************************************/
table.banner1 {
	background-color: #CDDFE9;
	font-family:Arial, Helvetica, sans-serif;
}
td.banner1_head {
	text-align:left;
	background-color: #CDDFE9;
	background-image: url(images/tbl_ban_headback.jpg);
	background-repeat:repeat;
	font-size:12px;
	font-weight:bold;
	color:#189BD1;
}
td.banner1_body {
	text-align:left;
	background-color: #FFFFFF;
	font-size:11px;
}

/*************************************
** Front-Page Products - Cell Style
**************************************/
td.front_products {
	vertical-align:top;
	border-width:1px; 
	border-style:dashed;
	border-color:#CDDFE9; 
	font:Arial, Helvetica, sans-serif; 
	font-size:10px; 
	width:25%;
}

/*************************************
** Disclaimer Text
**************************************/
#disclaimers {
	margin-top:15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}
p.disclaimer, div.disclaimer {
	margin:0px 0 5px 0;
}

/*************************************
** Quick Search Table
**************************************/
table.quick_search {
	background-color:#8BC6E4;
}
td.quick_search {
	background-color:#F8FBFD;
}
input.quick_search {
	width: 136px;
	height: 16px;
	background-color:#F8FBFD;
	border:none;
	color:#003300;
	padding-left:2px;
	padding-right:2px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
}

/*************************************
** Current Location Cell
**************************************/
td.location {
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	font-size:9px;
	background-image: url(images/row2_location_back.jpg);
	background-repeat: no-repeat;
	padding-left:4px;
}

/*************************************
** Left Menu Cell
**************************************/
td.lmenu {
	vertical-align:top;
	text-align:left;
	padding:0px;
	background-image: url(images/lmenu_back.gif);
	background-repeat: no-repeat;
	border-right: 1px solid #8BC6E4;
}
/* Left Menu Paded */
td.lmenu_paded {
	padding:5px;
}
th.lmenu_heading {
	padding-top:22px;
	padding-left:4px;
	text-align:left;
	background-image:url(images/lmenu_grad_under.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}
/* First Level Menu Item */
td.lmenu_item
{
	padding-top:6px;
	padding-left:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}
/* Second Level Menu Item */
td.lmenu_item2
{
	padding-top:6px;
	padding-left:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}
/* Menu Spacer */
td.lmenu_spacer
{
	padding:0px;
	height:6px;
}
/* First Level Menu Bullet */
.lmenu_bullet
{
	font-size:16px;
}
/* Second Level Menu Bullet */
.lmenu_bullet2
{
	font-size:14px;
}

/*************************************
** Button Indicator (Page Indicator) Cell
**************************************/
td.button_ind_on {
	height:5px;
	background-image:url(images/btn_s_downarrow.gif);
	background-position:center;
	background-repeat:no-repeat;
}
td.button_ind_off {
	height:5px;
	background-image:none;
	background-position:center;
	background-repeat:no-repeat;
}



/*************************************
** Main Body Cell
**************************************/
td.mainbody {
	vertical-align:top;
	background-image: url(images/body_background.gif);
	background-repeat: no-repeat;
	padding:4px;
	height:100%;
}
td.pagebody {
	vertical-align:top;
	padding:4px;
	height:100%;
}


/**
 * TEST CLASSES (For using in test result formating)
 */
.testanswer_correct_selected {
	htmlarea_name: Correct Selected Test Answer;
	color:#00AA00;
	font-weight:bold;
}
.testanswer_incorrect_selected {
	htmlarea_name: Incorrect Selected Test Answer;
	color:#CC0000;
	font-weight:bold;
}
.testanswer_correct {
	htmlarea_name: Real Correct Test Answer;
	font-style:italic;
}
ol.testanswers {
	font-style:normal;
	font-weight:normal;
}


/*************************************
** COPYRIGHT (C) Cell at the bottom of the table
**************************************/
.copyright {
	htmlarea_name: Copyright Text;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #464646;
	background-color:#F8FBFD;
}

/*************************************
** Title Heading
**************************************/
H1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	/*color: #186d1a;
	margin:2px 0px 12px 0px;
	font-weight:normal;*/
	color: ff2600;
	margin:2px 0px 12px 0px;
	font-weight:bold;
}

/*************************************
** Heading 2
**************************************/
H2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	/*color: #186d1a;*/
	color: #ff2600;
	font-weight:bold;
/*	margin:18px 0 10px 0;*/
}

/*************************************
** Heading 2
**************************************/
H2.blue {
	htmlarea_name: Blue Heading 2;
	color: #189BD1;
	background-image: url(images/tbl_ban_headback.jpg);
	border: 1px solid #CDDFE9;
	margin-bottom:6px;
	padding-left:3px;
	padding-top:2px;
	height:22px;
}

/*************************************
** Heading 2 - for Green Table
**************************************/
H2.heading2 {
	/*color:#5E991C;*/
	color: #ff2600;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:13px; 
	font-weight:bold; 
	vertical-align:text-top; 
	padding-top:4px; 
}
td.heading2 {
	background-image:url(images/h3_g_m.gif);
	background-repeat:repeat-x;
	width:100% 
}


/*************************************
** Heading 4 - Not Used but similar to the Advanced Search Subheadings
**************************************/
H4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11pt;
	/*color: #317FA7;*/
	color: #ff2600;
	font-weight:bold;
	margin:0px;
	margin-top:5px;
	margin-left:5px;
	border-bottom:1px solid #317FA7;
}

/*************************************
** Heading 5 - USED on the Products Page for brochures etc.
**************************************/
H5 {
	border-width:0px; 
	border-color: #5E991C; 
	border-style:solid; 
	border-bottom-width:1px; 
	border-right-width:1px; 
	color:#5E991C; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:11pt; 
	font-weight:bold;
	margin:0px;
	background-color:#F7FFED;
	padding:0px 2px 0px 5px;
}
H5.linked {
	border-color: #00A4E7; 
	color:#00A4E7; 
	background-color:#F5F9FB;
}


/*************************************
** Used on Advanced Search Subheadings
**************************************/
.searchresult_subheading {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11pt;
	font-style:italic;
	color: #597eb4;
	font-weight:bold;
	margin:7px 5px 0px 0px;
	padding-right:5px;
	border-bottom:1px solid #597eb4;
	width:100%;
}
.searchresult_subheading td.fromToOf {
	text-align:right;
	font-style:italic;
	font-size:9pt;
}


/* Divider Class for cells that should be divided on listing pages */
.rec_list_divider {
	border-top:1px dotted #f38342;
}


/*************************************
** Heading 3
**************************************/
H3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	/*color: #2C681A;*/
	color: #ff2600;
	font-weight:bold;
	margin:0px;
	margin-bottom:6px;
}

/*************************************
** Heading 2 Paragraph
**************************************/
p.h2 {
	padding-left:4px;
}
p.h2_table {
	padding-left:12px;
	margin-bottom:18px;
}

/*************************************
** Picture Formating on Detail Page
**************************************/
img.detail {
	border: 0px solid #CDDFE9;
}



/*************************************
** Green Information Table
**************************************/
td.greenwindow_head {
	font:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#487713;
	border:1px solid #CBE492;
	padding-left:4px;
	background-image:url(images/wing_h_back.gif);
	height:30px;
	vertical-align:middle;
	overflow:hidden;
}
td.greenwindow_body {
	border:1px solid #CBE492;
	border-top:none;
	background-color:#EEF6DD;
}
.greenwindow_text {
	color:#003300;
}
.greenwindow_subheading {
	font:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#487713;
	border-bottom:1px solid #CBE492;
}
.greenwindow_error {
	color:#D54600;
	font-weight:bold;
}

/*************************************
**	The Input Required asterix on forms
**************************************/
.inputRequirementText {
	htmlarea_name: Input Requirement for Forms;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF6000;
}

/*************************************
**	Styles for Bulleted Site Map
**************************************/
	ul.sitemap {
		padding-top:0px;
		margin-left:20px;
		list-style-image:url(images/bullet_brown.gif);
	}
	li.sitemap {
		margin-top:10px;
		padding-bottom:0px;
		font-weight:bold;
	}
	li.sitemap_item {
		margin-top:3px;
		padding-bottom:0px;
		list-style-image:url(images/bullet_folder_green.gif);
		list-style-position:inside;
	}
	li.sitemap_item2 {
		font-size:10px;
		margin-top:3px;
		padding-bottom:0px;
		list-style-image:url(images/bullet_file_green.gif);
		list-style-position:inside;
	}

	/** Graphical Dialog **/
	table.dialog1 {
		font-size:16px; 
		color:#5e8eff; 
		font-weight:bold; 
		height:36px;
	}
	table.dialog1 .lft {
		background-image:url(images/h5_l.gif); 
		padding-left:10px; 
		background-repeat:no-repeat;
	}
	table.dialog1 .mid {
		width:100%; 
		background-image:url(images/h5_m.gif); 
		background-repeat: repeat-x; 
		vertical-align:middle 
	}
	table.dialog1 .rgt {
		background-image:url(images/h5_r.gif); 
		padding-right:10px; 
		background-repeat:no-repeat;
	}
	table.dialog1_body {
		width:100%;
	}
	table.dialog1_body td.dialog1_body {
		padding:5px 15px 5px 15px;
	}
	.dialog1_body input.text {
			border:1px solid #6d98ff;
			padding: 3px;
			font-size:12px;
			height:22px;
			background-color:#FFFFFF;
		}
	
	/*************************************
	** tabs for products page (products info, specs etc) Lada
	**************************************/
	a.tabs {
	color:#4378bd;
	text-decoration:none;
	font-weight:bold;
	}
	
	a.tabs_active {
	color:#ff6600;
	text-decoration:none;
	font-weight:bold;
	}
	/*************************************
	** tabs for products page (products info, specs etc) - display and hide divs Lada
	**************************************/
	.tabs_div {
	display:none;
	}
	
	.tabs_div_active {
	display:inline;
	}
	
	.span_nowrap{
		white-space:nowrap;
	}
	
	.block_resources{
		font-size:11px;;
	}