/* Patient Portal CSS */
/*
 * Framework elements are split into five categories, in order of priority:
 * 1. core - should not be changed lest it breaks cross-browser support
 * 2. careful - core feature that can be modified to a certain extent, be careful!
 * 3. standard - follows general Corporate Communication standards
 * 4. recommended - a recommended style that should work in most circumstances
 * 5. custom - style that pertains to an individual web portal, mostly harmless
 */




/* WHOLE PAGE */

body
{
	/* custom */	
	color: black;
	background-color: white;
	font-family: Arial, Helvetica, Geneva, Sans-Serif;
	background-image: url(../Images/Brand/primary_nav_bg.gif);
	background-position: left bottom;
	background-repeat: repeat-y;
	
} /* body */

/* divisions, by default, should have no margins, padding, or borders */
div
{
	/* Same as MCWebFramework */
} /* div */

div.page
{
	/* Same as MCWebFramework */
} /* div.page */

/* END WHOLE PAGE */
/* HEADING SECTION */

div.header
{
	/* Same as MCWebFramework */
} /* div.header */

div.logo
{
	/* custom */
/*	width: auto;
	height: auto;*/
	background-image: url(../Images/Brand/DTC-ctr.gif);
} /* div.logo */

div.search
{
	/* standard */
	width: 168px;

	/* custom */
	padding: 0px;
	padding-top: 10px;
} /* div.search */

/* END HEADING SECTION */
/* TOP NAVIGATION */

div.topNav
{	
	/* custom */
  width: 100%;
  position: absolute;
  top: 67px;
  left: 0px;
  height: 38px;
  background-color: #663366;
  color: White;
} /* div.topNav */

div.topNav a
{
	/* custom */
	color: #ffffff;
	text-decoration: none;
} /* div.topNav a */

div.topNav a:hover
{
	/* custom */
	color: White;
	text-decoration: underline;
} /* a:hover */

div.topNav a:visited
{
	/* custom */
  color: #ffffff;
}

ul.topLink
{
	/* recommended */
	margin: 12px 0 0 12px;
} /* ul.topLink */

ul.topLink li
{
	/* careful */
	padding: 0 0 0 0px;
	margin:  0 0px;

	/* custom */
	background-position: left center;
	background-repeat: no-repeat;
} /* ul.topLink li */

ul.topLink li /* IE 5 and 5.5 ignores this */
{
	/* core */
	voice-family: "\"}\"";
	voice-family: inherit;
	
	/* custom */
	background-image: none; /* This is the correct value. */     
} /* ul.topLink li */

html>body ul.topLink li /* IE 5 and 5.5 ignores this */
{
	/* custom */
   background-image: none; /* Put the correct value here as well. */
} /* html>body u.topLink */

div.topLogin 
{
	/* recommended */
	margin-top: 0px;
	margin-right: 0px;

} /* div.topLogin */
/* END TOP NAVIGATION */
/* THREE COLUMNS */
/* LEFT NAVIGATION */

.leftNav {
	/* custom */
	width: 160px; 
}
.leftSubNav {
	/* custom */
	width: 160px; 
}

.NavHeader 
{
	font-weight: bold;
	background-image: none;
   background-color: #c6c3d6; /* Matches sel_primary_nav_bg.gif */
	padding: 9px 5px 9px 10px;	
}

.selNav0 {
	/* custom */
	background-image: none; 
   background-color: #c6c3d6; /* Matches sel_primary_nav_bg.gif */
	padding: 9px 5px 9px 10px;	
}

.Nav0 {
	/* custom */
	background-image: none;
   background-color: #efeff7; /* Matches primary_nav_bg.gif */
	padding: 8px 5px 8px 10px;	
}

.Nav1, .selNav1 {
	/* custom */
	background-image: none;
   background-color: #efe7ef; /* Matches secondary_nav_bg.gif */
	padding: 4px 5px 5px 18px;	
}

.NavHeader,
.Nav0, 
.Nav0:visited,
.Nav0:hover,
.selNav0,
.selNav0:visited,
.selNav0:hover {
	/* custom */	
	font-weight: bold;
	color: #000066; 
}

.selNav1, 
.selNav1:visited, 
.selNav1:hover {
	/* custom */
	font-weight: normal;
	color: Maroon;
}

.Nav1, 
.Nav1:visited,
.Nav1:hover {
	/* custom */
	font-weight: normal;
	color: #000066;
}
 

.Nav0,
.Nav0:visited,
.Nav1,
.Nav1:visited,
.selNav0,
.selNav0:visited,
.selNav1,
.selNav1:visited {
	/* custom */
	text-decoration: none;
}

.Nav0:hover,
.Nav1:hover, 
.selNav0:hover,
.selNav1:hover {
	/* custom */
	text-decoration: underline;
}

/* END LEFT NAVIGATION */
/* MIDDLE COLUMN */

ul.breadCrumb
{
	/* custom */
	margin: 1em 0 1.2em 0;
	padding: 0;
	border: 0;
} /* ul.BreadCrumb */

ul.breadCrumb li
{
	/* custom */
	display: inline;
}

div.presentation
{
	/* careful */
	left: 165px;
	padding-top: 0px;
	padding-right: 173px;
} /* div.presentation */

div.controlheader
{
	/* custom */
	padding: 0;
	border: 0;
	background-color: White;
}

div.footer
{
	/* custom */
	margin-top: 75px;
	clear: both;
	padding-bottom: 0em;
	text-align: center;
} /* div.footer */

/* END MIDDLE COLUMN */
/* RIGHT NAVIGATION */

div.rightNav
{
	position: absolute;
	top: auto; /* Override MCWebFramework */
	float: right;
	width: 168px; /* Standard */
	margin: 0;
	margin-left: 5px;
	padding: 0 0 0 0;
	border: 0;
	/* Same as MCWebFramework */
} /* div.rightNav */

/* END RIGHT NAVIGATION */
/* END THREE COLUMNS */

/* CUSTOM STYLE */

p {
	margin: .4em 0 1em 0;
	font-size: 106%;
}

img.featureBox
{
	height: 73px;
	width: 82px; 
	margin: 0 43px 0 43px;
} /* img.featureBox */

/*the following classes are to demonstrate better line heights for narrow columns*/	
.narrow1{
	width: 50%;
	line-height: 1.3em;
	}
.narrow2{
	width: 50%;
	line-height: 1.5em;
	}
		

/* can be used to make a line that doesn't have extra space above and below it.  
Good to use instead of <br>'s (as they are an anomaly with out closing 
tags and some validators don't like them).  Also used for other things - MJM*/
p.nomargins, div.nomargins
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
div.medlineheight
{
	margin-top: 0.4em;
	margin-bottom: 0.3em;
	font-size: 1.0em;
}

h1
{
	font-size: 1.5em;
	font-weight: bold;
	color: #000066;
	margin: 1em 0 .25em 0;
} /* h1 */

table h1
{
	margin-top: 0;
}

h2 {	/* in use */
	font-size: 1.3em;
	font-weight: bold;
	color: #663366;	
	padding: 0 0 0 0;	
	margin: 1em 0 .1em 0;
	}
	
h2.UnderLine	/* in use on billing page */
{
	font-size: 1.3em;
	font-weight: bold;
	color: #663366;		
	padding: 0 0 0 0;	
	margin: 0 0 0.5em 0;
	border-bottom: solid 2px black;
	width: 100%;
}

h3 {
	font-size: 1.1em;
	font-weight: bold;
	padding: 0 0 0 0;	
	margin: 0 0 0.5em 0;
}

h3.UnderLine	/* in use on billing page */
{
	font-size: 1.1em;
	font-weight: bold;		
	padding: 0 0 0 0;	
	margin: 0 0 0.5em 0;
	border-bottom: solid 2px black;
	width: 100%;
}

table /* set's the default font size in tables */
{
	font-size: 1.0em;
}	


/*______________________ page/control specific formatting ______________________*/

div.EntitySelector
{
	margin-top: 0.6em;
	margin-bottom: 0.2em;
}

/*for the appointment request screen (and hopefully others) where the left text is right aligned to the middle and bolded */
td.ApptConfirmInfo /* Deprecated - use .Label instead */
{
	font-weight: bold;
	width: 40%;
	height: 2em;
	text-align: right;
	vertical-align: middle;
}

td.MenuColour
{
	background-image: url(../Images/Brand/secondary_nav_bg.gif); 	
}

/*______________________ html input controls ______________________*/
/*class to apply to all html input controls */
.DropDown
{	
	font-size: 1.0em;
	color: black;
	border: gray 1px solid;
}
.CheckBox
{
	font-size: 1.0em;
	color: black;
}
.MultiBox
{
	border: gray 1px solid;
	font-size: 1.0em;
	color: black;
}
/*---------------------------end html input controls----------------------------*/


/*______________________ Lone Classes - Careful ______________________*/
.Error
{
	font-size: 1.0em;
	color: #663366;
}

.ControlHeader
{
	margin: 1em 0 0 0;
	background-color: #FFF;
}

.ControlTitle
{
	font-weight: bold;
	font-size: 1.0em;
	color: #FFF;
	padding: 0 0 0 0;
}
/*for the step text that's on the control headers  (ie.  Step 1 of 3) */
.ControlStep
{
	font-weight: bold;
	font-size: 1.0em;
	color: #000066;
	padding: 0 0 0 0.8em;
}
.Info
{
	font-size: 1.0em;
	font-style: italic;
}

.Label
{
	font-weight: bold;
	width: 40%;
	height: 2em;
	text-align: right;
	vertical-align: middle;
}

.SmallHeader
{
	font-size: 1.0em;	
	font-weight: bold;
	padding: 0;
}
/*this is currently the green text on the request appointment screen */
.takenote
{
	color: #33cc33;
}
	
/*this is currently the red text on the request appointment screen */
.warning
{
	color: Red;
}	


/*______________________ menu formatting ______________________*/

a.TopNav
{
	color: #ffffff;
	font-weight:bold;
	text-decoration: none;
}
a.TopNav:visited 
{
	color: #ffffff;
}

div.Guide
{
	float: right;
/* Hide from IE5 Mac \*/
	position: relative;
	right: -5px; /* This comment resumes IE 5 Mac parsing. Right value must match right padding of presentation. */
}

/* for guides on pages - current use at Immunizations  */
Table.Guide
{
	width: 163px;
/* Hide from IE5 Mac \*/
	width: 168px; /* This comment resumes IE 5 Mac parsing. */
	margin: 0;
	padding: 0;
	background-image: url(../Images/Brand/secondary_nav_bg.gif);
	background-repeat: repeat;
}
Table.Guide th
{
	height: 34px;
	font-weight: bold;
	text-align: left;
	color: #000066;	
	padding: 0.3em 0.4em 0.3em 10px;
	background-image: url(../Images/Brand/sel_primary_nav_bg.gif);
}
Table.Guide td 
{
	height: 24px;
	padding: 0.3em 0.4em 0.3em 18px;
}
Table.Guide td a
{
	font-style: normal;
	text-decoration: none;
	color: #000066;
}

Table.Guide td.sel a
{
	font-style: normal;
	text-decoration: none;
	color: Maroon;
}

Table.Guide td a:visited
{
	color: #000066;
	text-decoration: none;
}

Table.Guide td.sel a:visited
{
	color: Maroon;
	text-decoration: none;
}

Table.Guide td a:hover
{
	text-decoration: underline;
}

Table.Guide td.sel a:hover
{
	text-decoration: underline;
}

.asterisk
{
	background-image: none;
}

.errorBox /* Table */
{
	border: solid 1px #663366;
	background-color: #ffffcc;
	color: Red;
	margin-bottom: 6pt;
	padding: 6px 0 6px 6px;
	font-weight: bold;
}
.errorIcon /* Img */
{
}
.error /* Span */
{
   margin-left: .5em;
   margin-right: .5em; 
   display: block;
	font-weight: bold;
}
.errorList /* Unordered List */
{
   margin: .5em 0 .5em 10px;
   padding: .5em 0 .5em 10px;
}
.faultBox
{
   BORDER-RIGHT: black 1px solid;
   BORDER-TOP: black 1px solid; 
   FONT-WEIGHT: bold; 
   FONT-SIZE: 1.2em; 
   BORDER-LEFT: black 1px solid; 
   WIDTH: 500px; 
   COLOR: white; 
   PADDING: 10px; 
   BORDER-BOTTOM: black 1px; 
   BACKGROUND-COLOR: #663366; 
   text-align: center;
}
.fault
{
   BORDER-RIGHT: black 1px solid; 
   PADDING: 10px; 
   BORDER-LEFT: black 1px solid; 
   WIDTH: 500px; 
   BORDER-BOTTOM: black 1px solid; 
   BACKGROUND-COLOR: white; 
   COLOR: black;
}


/*-------------------------- end menu formatting ---------------------- */

/*______________________ data grid formatting ______________________*/
.DataGrid
{
	border: none 0 white;
}

.DataGridHeadingDetail, tr.DataGridHeadingDetail td
{
	font-weight: bold;
	font-size: 1.0em;
	border-left: black 1px solid;
	color: black;
	background-color: #cccccc;
}

.DataGridHeading, tr.DataGridHeading td
{	
	font-weight: bold;
	font-size: 1.0em;
	border-bottom: black 1px solid;
	color: black;
	background-color: white;	
}
tr.DataGridHeading td a, tr.DataGridHeading td a:visited			/*Column Header Links for sorting */
{	
	font-weight: bold;
	font-size: 1.0em;
	color: black;
	background-color: white;	
	text-decoration: none;
}
tr.DataGridHeading td a:hover			/*Column Header Links for sorting */
{	
	font-weight: bold;
	font-size: 1.0em;
	color: black;
	background-color: white;	
	text-decoration: overline;
}

.DataGridFooting, tr.DataGridFooting td
{	
	font-weight: bold;
	font-size: 1.0em;
	border-top: black 1px solid;
	color: black;
	background-color: white;	
}

.DataGridItem, .DataGridItem0		/* 0 here is for odd/even rows in XSL transforms... makes it a cinch */
{
	font-size: 1.0em;
	background-color: White;
	vertical-align: SUPER;
	border-style: none;
}
.DataGridAltItem, .DataGridItem1  /* 1 here is for odd/even rows in XSL transforms... makes it a cinch */ 
{
	font-size: 1.0em;
	background-color: #dddddd;
	vertical-align: super;
	border-style: none;
}

/*
.DataGridSelected
{
	font-size: 1.0em;
	background-color: #ffffcc;
	vertical-align: top;
}
/*-------------- end data grid formatting -------------------*/

/* END CUSTOM STYLE */

.PrintIcon {
	float:right;
	margin-top: 5px;
}
.SearchBox {
	position: absolute;
	top:0;
	right:0;
}