/*-------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/
/*
/*-------------------------------------------------------------------------------------------------------*/
/*	DR. LEROUX LIVE SITE 
/*-------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/
/*	Header
/*-------------------------------------------------------------------------------------------------------*/
#header
{
	background-color:			#336666;
	background-image:			url( ../images/bg_header.gif );
	background-repeat:			no-repeat;
	padding:				0px 0px 0px 0px;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Home Page Layout
/*-------------------------------------------------------------------------------------------------------*/
table#homelayout
{
	width:					800px;
}

col#homeleftcolumn
{
	width:					127px;
        background-color:                       #336666;
}

col#homecontentcolumn
{
	width:					auto;
}

col#homerightcolumn
{
	width:					auto;
}

/* Home Page Layout Contents */
td#homeleftcontentcell
{
        width:					127px;
        background-color:                       #336666;
}

td#homecontentcell
{
	vertical-align:		                top;
	padding:			        260px 0px 20px 20px;
	margin:				        0px 0px 0px 0px;
	line-height:		                2.0em;
	font-family:		                verdana,arial,sans serif;
	font-size:			        0.70em;
	color:				        black;
        background-image:			url( ../images/bg_home.gif );
	background-repeat:			no-repeat;
}

td#homerightcontentcell
{
	vertical-align:		                top;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Subpage Layout
/*-------------------------------------------------------------------------------------------------------*/
table#layout
{
	width:				       800px;
}

col#leftcolumn
{
	width:				       127px;
}

col#contentcolumn
{
	width:				       auto;
	xbackground-image:		      url( ../images/bg_advice.gif );
	xbackground-repeat:		      no-repeat;
}

col#rightcolumn
{
	width:				       auto;
	background-color:			none;
}

/* Subpage Layout Contents */
td#leftcontentcell
{
	width:				      127px;
	vertical-align:		              top;
	background-color:	              #2F6262;
	padding:			      20px 0px 0px 10px;
	font-family:		              verdana,arial,sans serif;
	font-size:			      10px;
        color:                                #79B8AB;
}

td#contentcell
{
	vertical-align:		              top;
	padding:			      160px 20px 20px 30px;
	margin:				      0px 0px 0px 0px;
	line-height:		              2.0em;
	font-family:		              verdana,arial,sans serif;
	font-size:			      11px;
	color:				      black;
}

td#rightcontentcell
{
	vertical-align:		              	top;
	xbackground-color:			none;
	padding:				0px 0px 40px 0px;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Global Navigation
/*-------------------------------------------------------------------------------------------------------*/
#globalnav
{
	text-align:			     right;
	font-family:		             verdana,arial,sans serif;
	font-size:			     0.65em;
	color:				     black;
	position:			     absolute;
	top:				     10px;
	left:				     198px;
	white-space:		             nowrap;
	width:				     500px;
}

#globalnav a
{
	color:			             white;
        padding:                             0px 10px 0px 0px;
}

.globalnavdivider
{ 
	padding:			     0em 0.7em;
	color:				     white;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Top Navigation 3-Tier DHTML Menu
/*-------------------------------------------------------------------------------------------------------*/
#topnav
{
	clear:				    both;
	width:				    100%;
	border-top:			    0px solid white;
	background-color:	            #C8C4B1;
        background-image:		    url( ../images/bg_nav.gif );
	background-repeat:		    repeat-x;
	text-align:			    left;
}

/* First tier of menu items */
#topnav a,#topnav a.active
{
	/* Adjust space between menu items	*/	
	margin-left:		            0px; 
	display:			    block;
	width:				    auto;
	height:				    22px;
	background-color:	            #C8C4B1;
	padding:			    0px 0px 0px 0px;
	line-height:		            22px;
	white-space:		            nowrap;
	font-family:		            verdana,arial,sans serif;
	font-weight:		            bold;
	font-size:			    11px;
	color:				    white;
}

#topnav a:hover,
#topnav a.active,
#topnav a.active:hover
{
	background-color:	            #C8C4B1;
}

/* Top nav menu items */
ul.menublock
{
	/*	Customizeable options */
	width:					auto;
	border-bottom:                          4px solid #3BA093;
        border-right:                           4px solid #3BA093;
        border-left:                            4px solid #3BA093;
	background-color:	                #CCCCCC;
	margin:				        1px 0px 0px 0px;

	/*	Do not modify */
	position:			        absolute;
	z-index:			        200;
	visibility:			        hidden;
	margin:				        0px;
	padding:			        0px;
	list-style-type:	                none;

}

ul.menublock li
{
	/*	Do not modify	*/
	display:			        inline;
}

ul.menublock a
{
	display:			        block;
	width:				        auto;
	height:				        26px;
	border-bottom:		                0px solid white;
	padding:			        0px 8px 0px 8px;
	line-height:		                26px;
	white-space:		                nowrap;
	font-family:		                verdana,arial,sans serif;
	font-size:			        10px;
	color:				        #525252;
}

ul.menublock a:hover
{
	background-color:	                #326699;
	color:				        white;
}

ul.submenublock
{
	/*	Customizeable options */
	width:				175px;
	border-top:			0px solid white;
	border-bottom:		none;
	background-color:	#3BA093;
	padding:			3px 0px;

	/*	Do not modify */
	position:			absolute;
	z-index:			200;
	visibility:			hidden;
	margin:				1px 0px 0px 0px;
	padding:			0px;
	list-style-type:	none;

}

ul.submenublock li
{
	/*	Do not modify	*/
	display:			inline;
}

ul.submenublock a
{
	display:			block;
	width:				auto;
	padding:			0px 8px 0px 15px;
	white-space:		nowrap;
	font-family:		verdana,arial,sans serif;
	font-size:			10px;
	color:				white;
	border-bottom:		none;
	background-color:	#3BA093;
	height:				22px;
	line-height:		22px;

}

.submenublock a:hover
{
	background-color:	#326699;
	color:				white;
}

a.showsub,a.showsub:hover
{
	/*	Makes arrow indicator for links with submenu */
	background-image:		url( ../images/arrow1.gif );
	background-position:	center right;
	background-repeat:		no-repeat;
}

a.showsub:hover
{
	/* submenu arrow */
	background-image:		url( ../images/arrow1.gif );
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Bread Crumb Navigation 
/*-------------------------------------------------------------------------------------------------------*/
#breadcrumbnav
{
	clear:				both;
	display:			block;
	width:				auto;
	height:				26px;
	line-height:		26px;
	padding:			0em 1.0em;
	white-space:		nowrap;
	font-family:		verdana,arial,sans serif;
	font-size:			11px;
}

#breadcrumbnav .text
{
	font-weight:		bold;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Left Side Navigation
/*-------------------------------------------------------------------------------------------------------*/
#sidenav
{
}

#sidenav ul
{
	margin:				0px;
	padding:			0px 10px 0px 0px;
	list-style-type:	none;
}

#sidenav ul.sub
{
	/*	indent submenu	*/
	padding:		0px 0px 0px 0px;
	list-style-type:	none;
}

#sidenav li
{
	display:			inline;
	list-style-type:	none;
}

#sidenav a.top
{
	display:			      block;
        width:                                100px;
	padding:			      0px 10px 10px 0px;
	margin-bottom:		              0.4em;
	border-bottom:		              1px solid #3BA093;
	font-weight:		              bold;
	color:                                #3BA093;
}

#sidenav a
{
	display:			block;
	padding:			0px 0px 0px 0px;
	color:				#3BA093;
}

#sidenav a:hover
{
	display:			block;
	color:				#79B8AB;
}

#sidenav a.active, #sidenav a.sub-active,
{
	/*	highlight active section items	*/
	color:				#79B8AB;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Page Title 
/*-------------------------------------------------------------------------------------------------------*/
a#pagetitle
{
	display:			none;
	margin:				0em;
	margin-bottom:		15px;
	padding:			0em;

	line-height:		1.0em;
	font-family:		times new roman,serif;
	font-weight:		normal!important;
	font-size:			2.1em;
	color:				rgb(0,82,156)!important;
}

a#pagetitle:hover
{
	font-weight:		normal!important;
	color:				rgb(0,82,156)!important;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Document Attachments
/*-------------------------------------------------------------------------------------------------------*/
#documents
{
	font-family:		verdana,arial,sans serif;
	font-size:			0.9em;
	font-weight:		normal;
	line-height:		2.0em;
}

#documents a
{
	font-weight:		bold;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Widget
/*-------------------------------------------------------------------------------------------------------*/
table#widget
{
	margin-top:			190px;
	width:				251px;
        background-image:		url( ../images/bg_widget.gif );
	background-repeat:		no-repeat;
	line-height:		        16px;
	font-family:		        verdana,arial,sans serif;
	font-size:			10px;
	border:				0px solid rgb(189,189,189);
	padding:			0px 0px 0px 0px;
}

td#widgettitle
{
	padding:			10px 0px 10px 10px;
	color:				white;
	text-align:			left;
	font-weight:		        normal;
        font-family:                    times new roman;
        font-size:                      18px;
}


td#widgetcontent
{
	padding:			20px 10px 20px 10px;
}

#widgetcontent a
{
	color:				#447A9D;
	text-decoration:	        bold;
}

#widgetcontent a:hover
{
	color:				#477E9E;
	text-decoration:	        bold;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Image Attachments
/*-------------------------------------------------------------------------------------------------------*/
/* Images 1 & 2 in the content area (wrap enabled)*/
.imagecaption-wrap
{
	color:				rgb(115,115,115);
	width:				160px;
	padding:			5px 0px;

	line-height:		15px;
	font-family:		verdana,arial,sans serif;
	font-size:			10px;
	float:				right;
	margin:				45px 0px 20px 20px;

	text-align:			center;
}

.imagecaption-wrap img
{
	display:			block;
	margin-bottom:		10px;
}


/* Images 1 & 2 in right column (wrap disabled)*/
.imagecaption
{
	color:				rgb(115,115,115);
	width:				160px;
	padding:			5px 0px;

	line-height:		1.3em;
	font-family:		verdana,arial,sans serif;
	font-size:			0.65em;
	float:				right;
	margin:				25px 0px 20px 20px;

	text-align:			center;
}

.imagecaption img
{
	display:			block;
	margin-bottom:		10px;
}

/* Formatter */
img.right
{
	float:				right;
	margin:				0px 0px 20px 20px;
}

img.left
{
	float:				left;
	margin:				0px 20px 20px 0px;
}


/*-------------------------------------------------------------------------------------------------------*/
/*	Footer Navigation
/*-------------------------------------------------------------------------------------------------------*/
#footernav
{
	clear:				both;
	margin:				0px 0px 0px;
	border-top:			1px solid rgb(187,187,187);
	padding:			1em 2em;
	line-height:			1.9em;
	font-family:			verdana,arial,sans serif;
	font-size:			0.65em;
	color:				rgb(119,119,119);
}

#footernav a

{
	padding:			0px 0px;
	white-space:		nowrap;
	color:				rgb(0,136,102);
}

.footernavdivider
{
	padding:			0em 1em;
	color:				rgb(187,187,187);
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Footer Text Content
/*-------------------------------------------------------------------------------------------------------*/
#footertext
{
	clear:				both;
	margin:				0px 0px 50px;
	padding:			1em 2em;
	line-height:		1.9em;
	font-family:		verdana,arial,sans serif;
	font-size:			0.65em;
	color:				black;
	background-color:		#669999;
}

#footertext a
{
	padding:			0px 0px;
	white-space:		nowrap;
	font-weight:			bold;
	color:				#2F6262;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Content List Page 
/*-------------------------------------------------------------------------------------------------------*/
.listpagetable
{
	/*	Entire list table */
	font-family:		verdana,arial,sans serif;
	line-height:		1.4em;
	margin-top:			2.0em;
	margin-bottom:		1.3em;
	font-size:			1.0em;
	color:				black;
}

.listpagetable td
{
	/* All cells of the table */
	padding:			2px 2px 20px 2px;
}

.listpagetable td img
{
	/* All images in the list table cell */
	padding-right:		20px;
	padding-top:		5px;
}

.listpagetable td a.titlelink
{
	/* The title link of the list item */
	font-weight:		bold;
	margin-right:		10px;
}

/* When there is no details page */
.listpagenodetails
{
	font-weight:		bold;
	display:			block;
}

.listpagebacklink
{
	display:			block;
	padding-top:		10px;
	font-weight:		bold;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Popup Window Page
/*-------------------------------------------------------------------------------------------------------*/
body.popup
{
	margin:				0px;
	padding:			0px;
	
	background-color:	white;
}

table#poplayout
{
	width:				auto;
}

col#popupcolumn
{
	width:				auto;
}

td#popupcolumncontent
{
	vertical-align:		top;
	width:				auto;
	padding:			20px 20px 20px 30px;

	margin:				0em 0em 1.6em 0px;
	line-height:		2.0em;
	font-family:		verdana,arial,sans serif;
	font-size:			0.70em;
	color:				black;
}

/* Images 1 & 2 in popup window */
.imagecaptionpopup
{
	display:			block;
	color:				rgb(115,115,115);
	width:				160px;

	line-height:		1.3em;
	font-family:		verdana,arial,sans serif;
	font-size:			1em;
	float:				none;
	margin:				10px;
}

a#popuppagetitle
{
	display:			none;
	margin:				0em;
	margin-bottom:		15px;
	padding:			0em;

	line-height:		1.0em;
	font-family:		times new roman,serif;
	font-weight:		normal!important;
	font-size:			2.1em;
	color:				rgb(0,82,156)!important;
}

a#popuppagetitle:hover
{
	font-weight:		normal!important;
	color:				rgb(0,51,102)!important;
}


#popupclosebutton
{
	display:			block;
	padding-top:		10px;
	font-weight:		bold;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	HTML Elements
/*-------------------------------------------------------------------------------------------------------*/
body
{
	margin:				0px;
	padding:			0px;
	background-color:		white;
	xbackground-image:		      url( ../images/bg_advice.gif );
	xbackground-repeat:		      no-repeat;
}

hr
{
	/*	Do not show <hr> tags */
	display:			none;
}

p
{
	/*	Disable margin when <p> tags used */
	margin:				0px;
}

a
{
	text-decoration:	none;
	color:				rgb(0,136,102);
}

a:hover
{
	color:				rgb(187,34,51);
	text-decoration:	none;
}

h1
{
	margin:				0px 0px 0px 0px;
	padding:			0px 0px 0px 0px;
	line-height:		        1.0em;
	font-family:		        times new roman,serif;
	font-weight:		        bold;
	font-size:			14px;
	color:				#2F6262;
}

h2, h3
{
	margin:				0em;
	padding:			0em;
	
	line-height:		        1.0em;
	font-family:		        verdana,arial,sans serif;
	font-weight:		        bold;
	font-size:			12px;
	color:				#326699;
}

h4
{
	margin:				0px 0px 0px 0px;
	padding:			0px 0px 0px 0px;
	line-height:		        14px;
	font-family:		        verdana,arial,sans serif;
	font-weight:		        normal;
	font-size:			11px;
	color:				black;
}

h5
{
	margin:				0px 0px 0px 0px;
	padding:			0px 0px 0px 0px;
	line-height:		        14px;
	font-family:		        verdana,arial,sans serif;
	font-weight:		        bold;
	font-size:			12px;
	color:				#2F6262;
}

blockquote
{
	margin:			1em 3em;
	border-top:		1px solid rgb(221,204,204);
	border-bottom:	1px solid rgb(221,204,204);
	padding:		0.5em 0em;
	font-family:	times new roman,times;
	font-size:		1.15em;
	font-style:		italic;
	line-height:	1.4em;
	color:			rgb(153,51,51);
}


/*-------------------------------------------------------------------------------------------------------*/
/*	Form Elements
/*-------------------------------------------------------------------------------------------------------*/
form
{
	margin:				0em;
}

label
{
	display:			block;
	margin-top:			1.0em;
	font-family:		verdana,arial,sans serif;
}

label.checkbox, label.radio
{
	display:			inline;
	font-family:		verdana,arial,sans serif;
}

input.text, select
{
	font-family:		verdana,arial,sans serif;
}

input.button
{
	margin-top:			20px;
	font-family:		verdana,arial,sans serif;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Calendar
/*-------------------------------------------------------------------------------------------------------*/
/*	Main calendar table	*/
table#calendar
{
	margin-right:		10px;
	font-size:			1.0em;
}

/*	Month headers	*/
table#calendar th
{
	vertical-align:		top;
	padding:			2.0em 0em 0em;
	text-align:			left;
	font-family:		arial,sans serif;
	font-size:			1.5em;
	color:				black;
}

/*	Calendar row	*/
table#calendar td
{
	vertical-align:		top;
	padding:			1.0em 1.0em 0.5em 0em;
	line-height:		1.4em;
}

/*	New day row (border) */
table#calendar td.newday
{
	border-top:			1px solid rgb(187,187,187);
	padding-top:		0.25em;
}

/*	Large numerical day number	*/
.day-number
{
	padding-top:		0.1em;
	text-align:			center;
	line-height:		0.8em;
	font-family:		arial,sans serif;
	font-weight:		bold!important;
	font-size:			2.4em;
	color:				black;
}

/*	Day number color	*/
.day-number a,
.day-number a:hover
{
	color:				rgb(0,85,153);
}

/*	Weekday abbreviation	*/
.day-weekday
{
	text-align:			center;
	text-transform:		uppercase;
	font-family:		arial,sans serif;
	font-size:			0.8em;
}

/*	Thumbnail calendar (month view)	*/
table.calendar-thumbnail
{
	width:				100%;
}

/*	Thumbnail calendar month header	*/
table.calendar-thumbnail th
{
	padding-top:		1.5em;
	
	line-height:		1.8em;
	text-align:			center;
	font-family:		verdana;
	font-weight:		bold;
	font-size:			0.68em;
	color:				black;
}

/*	Thumbnail calendar day block	*/
table.calendar-thumbnail td
{
	width:				1.4em;
	height:				1.4em;
	
	text-align:			right;
	font-family:		verdana;
	font-size:			0.65em;
	color:				rgb(153,153,153);
}

table.calendar-thumbnail td a
{
	color: rgb(187,34,51);
}

/*	Thumbnail calendar previous 	*/
table.calendar-thumbnail td.previous
{
	width:				50%;
	text-align:			left;
}

/*	Thumbnail calendar next		*/
table.calendar-thumbnail td.next
{
	width:				50%;
	text-align:			right;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Extranet
/*-------------------------------------------------------------------------------------------------------*/
/* The table surrounding the login form */
#logintable
{
	margin-left:		auto;
	margin-right:		auto;
	margin-top:			40px;
	margin-bottom:		50px;
}

/* UserID, Password labels */
label.login
{
	font-family:		verdana,arial,sans serif;
	font-size:			0.70em;
	color:				black;
	
	vertical-align:		top;
	height:				20px;
	margin-right:		10px;
}

/* The login button */
input.loginbutton
{
	font-size:			0.8em;
	margin-top:			1.0em;
}

/* Located at the bottom of each secure page */
a.logout
{
	display:			block;
	padding-top:		1px;
	padding-bottom:		3px;
	background:			rgb(189,189,189);
	color:				white;
	width:				75px;
	margin-top:			20px;
	height:				17px;
	
	text-align:			center;
	font-weight:		bold;
	line-height:		17px;
}

/* Appears if a login fails */
.statusmessage
{
	display:			block;
	text-align:			center;

	margin:				30px 20px 0px 20px;
	line-height:		2.0em;
	font-family:		verdana,arial,sans serif;
	font-size:			0.70em;
	color:				red;
	font-weight:		bold;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Calendar
/*-------------------------------------------------------------------------------------------------------*/
/*	Main calendar table	*/
table#calendar
{
	margin-right:		10px;
	font-size:			1.0em;
}

/*	Month headers	*/
table#calendar th
{
	vertical-align:		top;
	padding:			2.0em 0em 0em;
	text-align:			left;
	font-family:		arial,sans serif;
	font-size:			1.5em;
	color:				black;
}

/*	Calendar row	*/
table#calendar td
{
	vertical-align:		top;
	padding:			1.0em 1.0em 0.5em 0em;
	line-height:		1.4em;
}

/*	New day row (border) */
table#calendar td.newday
{
	border-top:			1px solid rgb(187,187,187);
	padding-top:		0.25em;
}

/*	Large numerical day number	*/
.day-number
{
	padding-top:		0.1em;
	text-align:			center;
	line-height:		0.8em;
	font-family:		arial,sans serif;
	font-weight:		bold!important;
	font-size:			2.4em;
	color:				black;
}

/*	Day number color	*/
.day-number a,
.day-number a:hover
{
	color:				rgb(0,85,153);
}

/*	Weekday abbreviation	*/
.day-weekday
{
	text-align:			center;
	text-transform:		uppercase;
	font-family:		arial,sans serif;
	font-size:			0.8em;
}

/*	Thumbnail calendar (month view)	*/
table.calendar-thumbnail
{
	width:				100%;
}

/*	Thumbnail calendar month header	*/
table.calendar-thumbnail th
{
	padding-top:		1.5em;
	
	line-height:		1.8em;
	text-align:			center;
	font-family:		verdana;
	font-weight:		bold;
	font-size:			0.68em;
	color:				black;
}

/*	Thumbnail calendar day block	*/
table.calendar-thumbnail td
{
	width:				1.4em;
	height:				1.4em;
	
	text-align:			right;
	font-family:		verdana;
	font-size:			0.65em;
	color:				rgb(153,153,153);
}

table.calendar-thumbnail td a
{
	color: rgb(187,34,51);
}

/*	Thumbnail calendar previous 	*/
table.calendar-thumbnail td.previous
{
	width:				50%;
	text-align:			left;
}

/*	Thumbnail calendar next		*/
table.calendar-thumbnail td.next
{
	width:				50%;
	text-align:			right;
}