/* CHANGES HISTORY
'DATE       :   CHANGE                                                                              : BY            : UNIT TESTED 
'-------------------------------------------------------------------------------------------------------------------------------
'14-Mar-08  : Created by transferring all Style attributes from master page to this CSS file.		: Karan Tandon  :   YES
'21-Mar-08  : Updated to conform to the styling used at Portal.PublicHealthRx.com (PHR). Styling	: Karan Tandon  :	YES
'			: info received by email from Peter on 20-Mar-08.										:				:					
'11-Apr-08  : Added DIV based styles for report launch pages.										: Karan Tandon  :	YES
'24-Apr-08  : Created based on Main.CSS, removing PHSB legacy styles, including PHRx styles, and    : Pete Angritt  :
            : updating styles for new Master Page.
'29-Apr-08  : Added following styles from secure web, as part of creating Patient Search page:		: Karan Tandon
'			: 1- subtag
'			: 2- subhead
'			: 3- subtext
'===============================================================================================================================
*/

/*Styles present in PHR and were created during synchronization with PHR*/

* {
	padding:0;
	margin:0;
}

.button
{
	background-color: #993333;
	color: White;
	
}

ErrorLabel
{
	font-family: Helvetica, Arial, Geneva, sans-serif;
	font-size: medium;
	color: Red;	
}

font.LeftMav {
	font-family: Helvetica, Arial, Geneva, sans-serif;
	font-weight: bold;
	font-size: 10pt;
}

font.PageTitle {
	font-family: Helvetica, Arial, Geneva, sans-serif;
	font-size: large;
	font-weight: bold;
	border: none;
}
font.Heading {
	font-family: Helvetica, Arial, Geneva, sans-serif;
	font-size: small;
	font-weight: bold;
	border: none;
}
font.FreeText {
	font-family: Helvetica, Arial, Geneva, sans-serif;
	font-size: 110%;
	border: none;
}
body {
	background-color: #666666;
	font-family: Helvetica, Arial, Geneva, sans-serif;
	font-size: 67.5%;
	border: none;
	color: #333333;
}
p {
	font-size: 120%;
	line-height: 130%;
	padding-bottom: 1em;
}



/*Headers*/

h1 {
	font-size: 140%;
	padding-bottom: 1em;
	font-weight: bold;
}
h2 {
	font-size: 120%;
	padding-bottom: 1em;
	line-height: 12px;
	font-weight: bold;
}
h3 {
	font-size: 110%;
	padding-bottom: 1em;
	line-height: 12px;
	font-weight: bold;
}
h4 {
	font-size: 110%;
	padding-bottom: 1em;
	text-decoration: underline;
	font-weight: normal;
}
h4 a {
	text-decoration: underline;
}
blockquote {
	margin-left: 2em;
}

a {
	text-decoration: none;
	outline: none;
	color: #A61C20;
}
a:hover, a:active {
	text-decoration: underline;
}

.LinkButton 
{
	color: #A61C20;
}

.clear {
	clear: both;
}
.text {
	overflow: auto;
}

#container {
	background-color: #FFFFFF;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 8px;
}
#logo {
	height: 94px;
	width: 300px;
	background-image: url(../../Images/main_logo.gif);
	background-repeat: no-repeat;
	background-position: 20px 25px;
	overflow: hidden;
	float: left;
}
#logo h1 {
	margin-top: -30px;
	margin-left: 20px;
	padding-bottom: 80px;
	padding-right: 30px;
}
#logo h1 a {
	padding-bottom: 80px;
	padding-right: 30px;
}
#masthead {
	height: 94px;
	width: 600px;
	float: left;
}
#masthead ul, .contextuallinks ul {
	list-style-type: none;
	padding-right: 14px;
}
#footer ul {
	list-style-type: none;
	line-height: 20px;
}
#masthead ul li, #footer ul li, #footer ul {
	display: inline;
}
#masthead ul li.programname {
	margin-right: 30px;
	font-size: 130%;
	font-weight:bolder;
}
#masthead ul li a {
	font-weight: bold;
	text-transform: uppercase;
	line-height: 21px;
	padding: 4px;
}
#masthead ul#toplinks {
	margin-top: 10px;
	float: right;
}
#masthead ul#toplinks li a {
	font-size: 9px;
	color: #A61C20;
}
#masthead ul#toplinks li a:link, #masthead ul#toplinks li a:visited {
	border: 1px solid #FFFFFF;
}
#masthead ul#toplinks li a.here:link, #masthead ul#toplinks li a.here:visited {
	color: #FFFFFF;
	background-color: #303030;
	border: 1px solid #FFFFFF;
}
#masthead ul#toplinks li a:hover, #masthead ul#toplinks li a:active, #masthead ul#toplinks li a.here:hover, #masthead ul#toplinks li a.here:active {
	border: 1px solid #A61C20;
	text-decoration: none;
}

#mainnav {
	height: 19px;
	float: left;
	border-bottom-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: #A61C20;
	margin-bottom: 3px;
	padding-left: 14px; /*100px;*/ /*196px;*/
	width: 886px; /*800px;*/ /*704px;*/
}

#contentarea {
	width: 872px;
	float: left;
	padding: 5px 14px 0 14px;
	border-top-width: 6px;
	border-top-style: solid;
	border-top-color: #666666;
	/* background-image: url(../../Images/hairline.gif); */
	background-repeat: no-repeat;
	background-position: 188px 8px;
}
#nonav_contentarea {
	width: 872px;
	float: left;
	padding: 8px 14px 0 14px;
	border-top-width: 6px;
	border-top-style: solid;
	border-top-color: #666666;
}
#leftcolumn {
	width: 100px;
	float: left;
	padding-right: 10px;
}

#rightcolumn {
	width: 100px;
	float: right;
	padding-left: 4px;
}

.contextualheader {
	background-image: url(../../Images/menus/topleft-gray.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 19px;
	overflow: hidden;
}
.contextualheader h2 {
	padding-bottom: 5px;
	color: #FFFFFF;
	background-color: #666666;
	line-height: 22px;
	display: inline;
	padding-right: 40px;
	background-image: url(../../Images/menus/topright-gray.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 5px;
	margin-left: 10px;
	padding-left: 3px;
}
.contextuallinks {
	padding: 10px;
	width: 144px;
	border: 1px solid #666666;
	margin-bottom: 20px;
}
.contextuallinks ul li {
	margin-bottom: 1em;
}
.contextuallinks ul li a {
	font-weight: bold;
	font-size: 110%;
}
.contextuallinks ul li ul {
	margin-left: 1em;
	margin-top: 1em;
}
.contextuallinks ul li ul li a {
	color: #A61C20;
	font-weight: normal;
}
#pagecontent {
	float: left;
	background-color: #CCCCCC;
	width: 630px;
	padding: 10px;
}
#nonav_pagecontent {
	float: left;
	background-color: #CCCCCC;
	width: 6300px;
	padding: 10px;
}
#pagecontentRLP {
	float: left;
	background-color: #FFFFFF;
	width: 881px;
	padding: 10px;
}
#footer {
	float: left;
	width: 876px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 14px;
	background-color: #666666;
	color:#FFFFFF;
	font-size: 110%;
}
#footer a {
	color: #FFFFFF;
}
#footer ul li {
	padding-right: 5px;
}

#UI_Form
{
	background-color: #ECECEC;/*#F3E2DF*/
	border: 2px solid #A61C20; /*#A61C20;*/
	margin-bottom: 1em;
	float: left;
	padding: 1.2em;
}

#Search_Box
{
	background-color: #ECECEC;/*#F3E2DF*/
	border: solid .3em #A61C20;
	margin-bottom: 1em;
	float: left;
	padding: 1.2em;
}

.RedBorder_Box
{
	background-color: #ECECEC;/*#F3E2DF*/
	border: solid .3em #A61C20;
	margin-bottom: 1em;
	float: left;
	padding: 1.2em;
}

.Error_Box
{
	background-color: #EDC9BF; /*#F3E2DF*/
	border: .2em solid #A61C20;
	float: left;
	padding: 1.2em 3em 1.2em 2em;
	font-weight: bolder;
	color: Black;
	margin-top: 5px;
	margin-bottom: 5px;
}


.GridViewCss td
{
	padding: 4px;
}

.GridViewCss th
{
	padding: 4px;
	background-color: #FFFFDD;
}

.GridViewFreezeHeaderCss td
{
	padding: 4px;
}

.GridViewFreezeHeaderCss th /*div-gridview must exist in order for this to work*/
{
	padding: 4px;
	background-color: #FFFFDD;

	border-right: 1px solid silver;
	position:relative;
	cursor: default;
	/*IE5+ only*/
	top: expression(document.getElementById("div-gridview").scrollTop-2);
	z-index: 10;

	/*
	position: relative; 
	top: expression(this.offsetParent.scrollTop-5); 
	z-index: 10;
	*/
}

/* for freezing header row */
div#div-gridview 
{
	width: 650px;
	border: 2px solid #999999;
	height: 200px;
	overflow: auto;
	scrollbar-base-color:#ffeaff;
}

/* These 2 are used for pages that have multiple gridviews in them, or multiple modals that use gridviews */
.GridViewFreezeHeaderCss_2 th /*div-gridview must exist in order for this to work*/
{
	padding: 4px;
	background-color: #FFFFDD;

	border-right: 1px solid silver;
	position:relative;
	cursor: default;
	/*IE5+ only*/
	top: expression(document.getElementById("div-gridview_2").scrollTop-2);
	z-index: 10;

	/*
	position: relative; 
	top: expression(this.offsetParent.scrollTop-5); 
	z-index: 10;
	*/
}

/* for freezing header row */
div#div-gridview_2 
{
	width: 650px;
	border: 2px solid #999999;
	height: 300px;
	overflow: auto;
	scrollbar-base-color:#ffeaff;
}

/* Keeps the header as the top most item. Important for top left item*/
th.locked {z-index: 99;}


.SearchResultsBorder
{
	/*
    position:relative ;
    top:expression(this.offsetParent.scrollTop-5);
	z-index: 10;
	*/
	border: 2px solid #999999;
}


.AddNew
{
	font-weight: bold;
	font-size: 130%;
}

/*Styles called by AJAX controls BEGINS*/
/*TextBoxWatermarkExtender*/
.unwatermarked {
	height:18px;
	width:148px;
}

.watermarked {
	/*height:20px;
	width:150px;*/
	padding:2px 0 0 2px;
	border:1px solid #BEBEBE;
	background-color:#F0F8FF;
	color:gray;
}	
/*Calendar Extender*/
.MyCalendar  {
    border:1px solid #646464;
    background-color: blue;
    color: Yellow;
    direction:rtl;
}

.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
    color: black;
    font-weight:bold;
}

.AjaxTabs 
{
	position: relative;
	margin-top: 10px;
}

.AjaxTabs .ajax__tab_body 
{
	background-color:#ECECEC;
	padding:8px;
	border-top-width: 2px; 
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-bottom-style: solid;
	border-top-color: #A61C20;
	border-right-color: #A61C20;
	border-left-color: #A61C20;
	border-bottom-color: #A61C20;
}

.AjaxTabs .ajax__tab_tab {
cursor:pointer;
display:inline-block;
line-height:18px;
margin-right:4px;
text-align:center;
}


.AjaxTabs .ajax__tab_header
{
	font-size: 120%;
    background:url(../../Images/tabs/tab-line.png) repeat-x bottom;
    display:block;
}

.AjaxTabs .ajax__tab_header .ajax__tab_outer
{
	background-color:#ECECEC;
	color:#222222;
	margin-right:3px;
	padding-left:10px;
}
.AjaxTabs .ajax__tab_header .ajax__tab_inner
{
	padding:3px 10px 2px 0;
}
.AjaxTabs .ajax__tab_hover .ajax__tab_inner 
{
	color: #A61C20;
}
.AjaxTabs .ajax__tab_active .ajax__tab_outer 
{
	background-color:#A61C20;
}
	
.AjaxTabs .ajax__tab_active .ajax__tab_inner 
{
	background-color:#A61C20;
	color:#FFFFFF;
	padding:3px 10px 2px 0;
}

/*Styles added for AJAX controls END*/

/*Begin Div based Styling*/
/*Report Launch Pages*/
#qRepLaunchMastDiv
{
	/* width: 604px; 
position: relative; 
	 left: 164px; 
top: 0px; height: 650px*/
position:relative; top: 0px; left: 86px;
}
#qOptDiv
{

            z-index: 103; left: 10px;  width: 583px;
            position: relative; top: 8px; height: 546px	;
}
#repOptDiv
{
	z-index: 102;  width: 501px; 
    position: relative;  height: 320px;left: 607px; top: -540px
}
#cmdOptDiv
{
	z-index: 104; left: 343px; width: 505px; 
            position: relative; top: -510px; height: 100px;  
}
#displayOptDiv
{
	 left: 608px; 
	 width: 499px; 
	 position: relative; 
	 top: -531px;
	 height: 211px; 
	 z-index: 101;
}
.BorderDiv
{
	border-right: #cccccc thin solid; border-top: #cccccc thin solid;border-left: #cccccc thin solid; border-bottom: #cccccc thin solid;

}
.btmBorderDiv
{
	border-bottom-color: gray; border-bottom-style: solid;

}
.cushonedBtmBorderDiv
{
BORDER-BOTTOM: #cccccc thin solid;
position:relative; padding:10px;

}
.LRTBordersDiv
{
	BORDER-RIGHT: #cccccc thin solid; BORDER-TOP: #cccccc thin solid; BORDER-LEFT: #cccccc thin solid;POSITION: relative;
	top: 0px;
	left: 79px;
	width: 560px;
}
.LRTBBordersDiv
{
	BORDER-RIGHT: #cccccc thin solid; BORDER-TOP: #cccccc thin solid; BORDER-LEFT: #cccccc thin solid;POSITION: relative;border-bottom-color: gray; border-bottom-style: solid;
}
.form_header
{
    font-weight: bold ;
	font-size: 150%;
	margin-bottom: .2em;
	margin-top: .2em;
	line-height: 120%;

}

/*Styles from SecureWeb*/
/* First Subtag will have a different top from the other subtags #width:29%;LEFT: 3px; TOP: 15px#*/
.shadedHeading
{
	font-size: 110%;
	color: WHITE;
	background: #d59882; /* #d59882;*/
	
}
/*.subtagn
{
	FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR:Black  ;
    background: #9bceff; 
      background:#9bceff;
      width:29%;
      position: relative; 
      LEFT: 3px; TOP: -12px
      
}
*/
/*Used to place the filters in Patient Search page*/
.largerText
{
    font-size: 120%; 
}

.fieldlabel
{
    font-size: 14px; 
    color:black;
}

.disabledField
{
	/*font-size: 12px;*/
	color: #666666; /*#333333;*/
	background-color: #ECECEC; /*#faebd7;*/ /*border: 1px solid #999999;*/
}
input.enabledField, select.enabledField
{
	/*border-style: inset;*/
	background-color: #FFFFDD;
}

input.enabledField:focus, select.enabledField:focus    
{
	background-color: #FFFFAB;
}

.coloredtext
{
	FONT-SIZE: 10px;
	background-color: White;
    /*COLOR: blue;*/
}
.coloredlabel
{
	font-size: 10px;
	color: #990000;
}

.whiteBody
{
	background:white;
}

.legendHeader {
	font-weight: bold;
	font-size: 120%;
	color:Black;
}

.modalBackground {
      background-color:Gray;
      filter:alpha(opacity=70);
      opacity:0.7;
}
.modalPopup 
{
    background-color:#ECECEC; /*#ffffdd;*/
    border-width:3px;
    border-style:solid;
    border-color:Gray;
    padding:10px;
    width:300px;
    z-index:1000;
}

.modalLabel {
	font-weight: bold;
	font-size: 120%;
	color:Black;
}

.modalListPopup
{
    background-color:#ECECEC;
    border-width:3px;
    border-style:solid;
    border-color:Gray;
    padding:10px;
    width:750px;
    z-index:1001;
}

/*End Styles from SecureWeb*/

/*******************************************************************************

DROPDOWN MENUS

 *******************************************************************************/

/*******************************************************************************

 LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/

/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal {
	margin: 0;
	padding: 0;
	list-style-type: none;
	cursor: default;
	width: auto;
	font-size: 88%;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive {
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li {
	font-size: 110%;
	list-style-type: none;
	position: relative;
	text-align: left;
	float: left;
	margin: 0;
	padding: 0;
}
ul.MenuBarHorizontal li ul {
	background-image: url(../../Images/menus/bottom-pink.gif);
 *background-image: url(../../Images/menus/bottom-pinkIE.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: none;
	padding-bottom: 12px;
	width:110px;
	font-size: 88%;
}
ul.MenuBarHorizontal li#thissection ul {
	background-image: url(../../Images/menus/bottom-red.gif);
 *background-image: url(../../Images/menus/bottom-redIE.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: none;
	padding-bottom: 12px;
	width:110px;
}
ul.MenuBarHorizontal li ul li {
	background-image: none;
}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	z-index: 1020;
	cursor: default;
	position: absolute;
	left: -1000em;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible {
	left: auto;
}
ul.MenuBarHorizontal ul ul {
	position: absolute;
	margin: -5% 0 0 95%;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible {
	left: auto;
	top: 0;
}
/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/


ul.MenuBarHorizontal li a {
	display: block;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 16px;
	width: 100px;
	text-transform: uppercase;
	color: #FFFFFF;
	font-weight: bold;
	padding-left: 10px;
	padding-top: 3px;
}
ul.MenuBarHorizontal li a:hover, ul.MenuBarHorizontal li a:active {
	text-decoration: none;
}
ul.MenuBarHorizontal li a:link, ul.MenuBarHorizontal li a:visited {
	background-image: url(../../Images/menus/top-gray.gif);
}
ul.MenuBarHorizontal li#thissection a:link, ul.MenuBarHorizontal li#thissection a:visited {
	background-image: url(../../Images/menus/top-red.gif);
}
ul.MenuBarHorizontal li a:hover, ul.MenuBarHorizontal li a:active {
	background-image: url(../../Images/menus/top-pink.gif);
}
ul.MenuBarHorizontal li#thissection a:hover, ul.MenuBarHorizontal li#thissection a:active {
	background-image: url(../../Images/menus/top-red.gif);
}
ul.MenuBarHorizontal li ul li a {
	background-image: none;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #A61C20;
	border-left-color: #A61C20;
	width: 90px;
	padding-left: 9px;
	padding-right: 9px;
	padding-top: 4px;
	padding-bottom: 4px;
	height: auto;
	text-transform:none;
}
ul.MenuBarHorizontal li ul li a:link, ul.MenuBarHorizontal li ul li a:visited, ul.MenuBarHorizontal li ul li a:active {
	background-image: none;
	background-color: #CB836F;
	color: #FFFFFF;
}
ul.MenuBarHorizontal li#thissection ul li a:link, ul.MenuBarHorizontal li#thissection ul li a:visited, ul.MenuBarHorizontal li#thissection ul li a:active {
	background-image: none;
	background-color: #A61C20;
	color: #FFFFFF;
}
ul.MenuBarHorizontal li ul li a:hover, ul.MenuBarHorizontal li#thissection ul li a:hover {
	background-image: none;
	background-color: #FFFFFF;
	color: #303030;
}
/*Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover {
	background-image: url(../../Images/menus/top-pink.gif)!important;
	background-repeat: no-repeat;
	background-position: left bottom;
}
ul.MenuBarHorizontal li#thissection a.MenuBarItemSubmenuHover {
	background-image: url(../../Images/menus/top-red.gif)!important;
	background-repeat: no-repeat;
	background-position: left bottom;
}
/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe {
	position: absolute;
	z-index: 1010;
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection {
ul.MenuBarHorizontal li.MenuBarItemIE {
	display: inline;
	float: left;
	background: #FFF;
}
}

.lblFontClass
{
	font-family : Verdana;
	font-size	: 1.3em
}