/* Patient Portal CSS */

/* WHOLE PAGE */
body
{
	color: Black;
	background-color: White;
}

.page
{
	/* Same as MCWebFramework */
}

.header 
{
	height: 122px; /* Height of logo image plus tabBar */
	background-color: White;
}

#logo
{
	position: absolute;
	top: 0;
	left: 0;
}

#seal
{
	position: absolute;
	top: 0;
	left: 164px;
}

#title
{
	position: absolute;
	top: 0;
	left: 278px;
}

#building
{
	position: absolute;
	top: 0;
	right: 0px;
}

.footer
{	
	margin-top: 0px;
	padding-bottom: 0em;
	text-align: center;
	white-space: nowrap;
	padding-right: 173px; /* Width of Right Column + 5px */
}
/* END WHOLE PAGE */

/* TOP NAVIGATION */
/* Audience Tabs */
.tabBar
{
   position: absolute;
   top: 87px;
   left: 0px;
   width: 100%;
   font-weight: bold;
}
.topLink
{
   height: 27px;
}
.bottomBar
{
   height: 8px;
}

/* Off Tabs */
.Tab
{
   background-image: url(/Images/Tabs/Tan/tab-center.gif);
   line-height: 27px !important;
   color: #000;
}
		
.Tab .TabLeft 
{
   background-image: url(/Images/Tabs/Tan/tab-left.gif);
}
		
.Tab .TabRight
{
   background-image: url(/Images/Tabs/Tan/tab-right.gif);
}

.tabRightCol
{
	position: relative;
	float: right;
	width: 170px; /* Standard right column width + 2px */
	z-index: 1;
}

.tabRightCol form
{
	display: inline !important; /* Necessary for IE6 */
}

#go { margin: 5px 0 -5px 5px; }

/* Tab Widths */
.Tab1,
.Bar1
{
	width: 160px;
}

/* End Audience Tabs */
/* END TOP NAVIGATION */

/* LEFT NAVIGATION */
body
{
	background-position: left bottom;
	background-attachment: scroll;
	background-repeat: repeat-y;
}

.leftNav 
{
	position: absolute;
	top: 122px;
	left: 0px;
	width: 160px;
	padding: 0;
}

.leftSubNav
{
	padding: 0;
}

.leftSubNav
{
	width: 153px; /* leftNav width minus borders */
	border-right: 2px solid #B39980; /* Gray-Brown */
	border-bottom: 2px solid #B39980; /* Gray-Brown */
}

.selNav0 /* The selected top level menu item. */
{
	background-color: #B39980; /* Gray-Brown */
}

.Nav0 /* Unselected top level menu items. */
{
   /* Use page background. */
}

.selNav1 /* The selected secondary level menu item */
{
	border-top: solid 1px #B39980; /* Gray-Brown */
	border-bottom: solid 1px #B39980;  /* Gray-Brown */
	background-color: #FFF;
}

.Nav1 /* Unselected secondary level menu items. */
{
	background-color: #FFF;
}

.LogoutButton img
{
   padding-top: 5px; 
}
/* END LEFT NAVIGATION */

/* MIDDLE AND RIGHT COLUMNS */
.presentation
{
	position: absolute;
	top: 122px; /* Height of header. */
	left: 175px; /* Width of leftNav plus margin. */
	right: 0;
	padding-top: 0px;
	padding-right: 0px;
}

.content
{
   padding-right: 173px; /* Width of right column plus margin. */
}

.rightNav
{
   margin-left: 5px; /* Affects .content padding-right. */
}

/* END MIDDLE AND RIGHT COLUMNS */

/* AUDIENCE COLORS */
/* Search Tab */
.Audience1 .TabSearch
{
	background-image: url(/Images/Tabs/EmbossedOrange/tab-center.gif);
	color: #FFF;
} 
.Audience1 .TabSearch .TabLeft
{
	background-image: url(/Images/Tabs/EmbossedOrange/tab-left.gif);
}
.Audience1 .TabSearch .TabRight
{
	background-image: url(/Images/Tabs/EmbossedOrange/tab-right.gif);
}

/* Active Tab */
.Audience1 .Tab1,
.Tab1:hover
{
	background-image: url(/Images/Tabs/EmbossedOrange/tab-center.gif);
	color: #FFF;
} 
.Audience1 .Tab1 .TabLeft,
.Tab1:hover .TabLeft
{
	background-image: url(/Images/Tabs/EmbossedOrange/tab-left.gif);
}
.Audience1 .Tab1 .TabRight,
.Tab1:hover .TabRight
{
	background-image: url(/Images/Tabs/EmbossedOrange/tab-right.gif);
}

/* Active Horizontal Bar */
.Audience1 .bottomBar
{
	background-image: url(/Images/Tabs/EmbossedOrange/bar.gif);
}
.Audience1 .Bar1
{
	background-image: url(/Images/Tabs/EmbossedOrange/bar-center.gif);
}
.Audience1 .Bar1 .TabLeft
{
	background-image: url(/Images/Tabs/EmbossedOrange/bar-left.gif);
}
.Audience1 .Bar1 .TabRight
{
	background-image: url(/Images/Tabs/EmbossedOrange/bar-right.gif);
}


/* Left Column */
.Audience1
{
	background-image: url(/Images/LeftNav/EmbossedOrange/primary_nav_bg_160.jpg);
}
.Audience1 .selNav0
{
	background-color: #D07240; /* Orange */
}
.Audience1 .selNav1
{
	background-color: #F7E8D9; /* Light Orange */
}
/* END AUDIENCE COLORS */

/* ERROR MESSAGES */
.errorBox /* Table */
{
	border: solid 1px #990033;
	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;
}
/* END ERROR MESSAGES */

/* CONTENT STYLES */
.asterisk
{
	background-image: none;
}
.space
{
	height: 8px;
	width: 9px;
}

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

/*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: #A34B1A;
	margin: 1em 0 .25em 0;
}
table h1
{
	margin-top: 0;
}
h2
{
	font-size: 1.3em;
	font-weight: bold;
	color: #000;	
	padding: 0 0 0 0;	
	margin: 1em 0 .1em 0;
}
h3
{
	font-size: 1.1em;
	font-weight: bold;
	padding: 0 0 0 0;	
	margin: 0 0 0.5em 0;
}
table /* set's the default font size in tables */
{
	font-size: 1.0em;
}
.border_orangelg
{
	border:#A34B1A medium solid;
	padding: 20px;
	font-size: 1.3em;
	color: #000;
	margin-right: 15px;
}
.border_orange
{
	border:#A34B1A medium solid;
	padding: 20px;
	margin-right: 15px;
}
/* END CONTENT STYLES */