/* TherapyHouse CSS extension */

/*body controls background color of the margins of main page*/
body {background-color: #C2CFE5; }

/* centercolumn controls bkground color of main page*/
td.centercolumn {background-color: #FBEDD3; vertical-align: top;}

/* sidebgcolumn  and rightbgcolumn control width of area between page and window boundary*/
td.sidebgcolumn {width: 300px;}
td.rightbgcolumn {width: 300px;}

a {color: #333333; text-decoration: none;}
a:link {color: #336666; text-decoration: none;}
a:visited {color: #336666; text-decoration: none;}
a:hover {color: #336666; text-decoration: underline;} 


/* These p tags control body text throughout the site */
p {color: #000000; font-family: Verdana, Helvetica, Arial, sans-serif;font-size: 11px;line-height: 145%; }
p A {color: #333333; text-decoration: none;}
p A:link {color: #336666; text-decoration: none;}
p A:visited {color: #336666; text-decoration: none;}
p A:hover {color: #336666; text-decoration: underline;} 

/*use these for expandable tables*/
/*these boxes (resourcebox and topicscenterbox) should have the same width as they are stacked on top of each other in topic centers*/

#resourcebox {width: 300px; border-color: #999966;  }
#topicscenterbox {width:300px; border-color: #999966; }

table.bodyresize 
{
	width: 100%;
}

table.allresize 
{
	width: 900px;
}

#scroll2 {max-height: 300px; height:expression(this.scrollHeight > 300? "300px" : "auto" ); width:inherit; overflow:auto;} 




 /* Home Page */

/* pgheader is not in default.style.css - it controls background color behind the span header to allow page width to increase without insolating span header*/
#pgheader  {background-color: transparent; padding: 0px; }

INPUT.submit { background-color: #261e76; color: #FFFFFF; font-weight: 
bold;   }


/* Box Full Doc */
 /* this is the home page full document box (see document set_properties) */

#boxfulldoc 
{ 
	max-width:1530px; 
	BACKGROUND-COLOR: #FBEDD3; 
	border-width: thin; 
	border-color: transparent; 
	border-style: solid;
}
/* overriding max width from default.style.css- was set to 530 - so bda site
can expand to wider pages */
/* otherwise the featured aricles box on home stopped growing early in
mozilla - ok on IE*/

 .headerfulldoc { FONT-WEIGHT: bold; FONT-SIZE: 12px; TEXT-TRANSFORM:
uppercase; COLOR: #FFFFFF; FONT-FAMILY: Verdana, Helvetica, Arial,
sans-serif;
BACKGROUND-COLOR: #999966; TEXT-ALIGN: left}  

.textboxfulldoc 
{ 
	FONT-SIZE: 11px; 
	COLOR: #000000; 
	FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; 
	BACKGROUND-COLOR: #FBEDD3; 
	padding:0;
	margin:0; 
}

 .textboxfulldoc P { COLOR: #000000; }
 .textboxfulldoc A { COLOR: #003399; TEXT-DECORATION: underline }
 .textboxfulldoc A:link { COLOR: #003366; TEXT-DECORATION: underline }
 .textboxfulldoc A:visited { COLOR: #003366; TEXT-DECORATION: underline }
 .textboxfulldoc A:hover { COLOR: #333333; TEXT-DECORATION: none }

 /* Box 1 */
#box1 { border-color: transparent; border-style: solid; }
 .header1 { FONT-WEIGHT: bold; FONT-SIZE: 12px; TEXT-TRANSFORM: uppercase; COLOR: #FFFFFF;
FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; BACKGROUND-COLOR: #999966;
TEXT-ALIGN: left }


 .textbox1 { FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Verdana, Helvetica,
Arial, sans-serif; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left }
 .textbox1 A { COLOR: #2E3D40; TEXT-DECORATION: underline }
 .textbox1 A:link { COLOR: #2E3D40; TEXT-DECORATION: underline }
 .textbox1 A:visited { COLOR: #C25555; TEXT-DECORATION: underline }
 .textbox1 A:hover { COLOR: #C25555; TEXT-DECORATION: none }

 /* Box 2 */
#box2 { max-width:1530px; border-width: thin; border-color: transparent; }
/* overriding max width from default.style.css- was set to 530 - so bda site can expand to wider pages */
/* otherwise the featured aricles box on home stopped growing early in mozilla - ok on IE */

 .header2 { FONT-WEIGHT: bold; FONT-SIZE: 12px; TEXT-TRANSFORM:
uppercase; COLOR: #FFFFFF; FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif;
BACKGROUND-COLOR: #999966; TEXT-ALIGN: left } 
 .header2 { TEXT-ALIGN: right }

.textbox2 { FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Verdana, Helvetica,
Arial, sans-serif; BACKGROUND-COLOR: #D7DAB5; TEXT-ALIGN: left }
 .textbox2 p { FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Verdana, Helvetica,
Arial, sans-serif; BACKGROUND-COLOR: #D7DAB5; TEXT-ALIGN: left }
 .textbox2 A { COLOR: #2E3D40; TEXT-DECORATION: underline }
 .textbox2 A:link { COLOR: #2E3D40; TEXT-DECORATION: underline }
 .textbox2 A:visited { COLOR: #C25555; TEXT-DECORATION: underline }
 .textbox2 A:hover { COLOR: #C25555; TEXT-DECORATION: none }

 .editorialtitle
{ FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #999966; FONT-FAMILY: Verdana, Helvetica,
Arial, sans-serif }


 /* Box 3 */
 #list0 { BACKGROUND-COLOR: #999966; }
 #list1 { BACKGROUND-COLOR: #999966;  }
 #list2 { BACKGROUND-COLOR: #999966; }

  P.sidebar { PADDING-RIGHT: 6px; PADDING-LEFT: 6px; FONT-SIZE: 10px;
PADDING-BOTTOM: 6px; COLOR: #2E3D40; PADDING-TOP: 6px; FONT-FAMILY: Verdana, Helvetica,
Arial, sans-serif; }
 .sidebar A { COLOR: #FFFFFF; TEXT-DECORATION: underline }
 .sidebar A:link { COLOR: #FFFFFF; TEXT-DECORATION: underline }
 .sidebar A:visited { COLOR: #C25555; TEXT-DECORATION: underline }
 .sidebar A:hover { COLOR: #C25555; TEXT-DECORATION: none }

 /* Footer */
 .footer  { FONT-SIZE: 10px; COLOR: #333333; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
BACKGROUND-COLOR: #FBEDD3; TEXT-ALIGN: center }
 .footer A { COLOR: #2E3D40; TEXT-DECORATION: none }
 .footer A:link { COLOR: #2E3D40; TEXT-DECORATION: none }
 .footer A:visited { COLOR: #C25555; TEXT-DECORATION: none }
 .footer A:hover { COLOR: #C25555; TEXT-DECORATION: underline }

/* Idx=Topics Page */

 /* Box 1 */
 .topics_display_topicstext { FONT-WEIGHT: bold; FONT-SIZE: 12px; TEXT-TRANSFORM: uppercase; COLOR: #ffffff;
FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; BACKGROUND-COLOR: #CCCCCC;
TEXT-ALIGN: left }

 .topics_display_tr  { FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #ffffff;
FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; BACKGROUND-COLOR: #C9C9C9;
TEXT-ALIGN: left }
 .topics_display_tr A { COLOR: #FFFFFF; TEXT-DECORATION: none  }
 .topics_display_tr A:link { COLOR: #FFFFFF; TEXT-DECORATION: none  }
 .topics_display_tr A:visited { COLOR: #FFFFFF; TEXT-DECORATION: none  }
 .topics_display_tr A:hover { COLOR: #FFFFFF; TEXT-DECORATION: underline }

 /* Topic Home Page */

td.topicheader  {
        background-color: #999966; 
        color:#FFFFFF; font-weight: bold;  
        font-family: Verdana, Helvetica, Arial, sans-serif;  font-size: 15px;
        text-align: left;
        text-transform: uppercase;
        width: 100%;
        padding: 3px;
}

a.topicheader:link
{
        background-color: #999966;
        color: #FFFFFF;
        font-weight: bold;
        font-family: Verdana, Helvetica, Arial, sans-serif;
        font-size: 15px;
        text-align: left;
        text-transform: uppercase;
        width: 100%;
        padding: 3px;
        text-decoration: none;
}

a.topicheader:active
{
        background-color: #999966;
        color: #FFFFFF;
        font-weight: bold;
        font-family: Verdana, Helvetica, Arial, sans-serif;
        font-size: 15px;
        text-align: left;
        text-transform: uppercase;
        width: 100%;
        padding: 3px;
        text-decoration: underline;
}

a.topicheader:visited
{
        background-color: #999966;
        color: #FFFFFF;
        font-weight: bold;
        font-family: Verdana, Helvetica, Arial, sans-serif;
        font-size: 15px;
        text-align: left;
        text-transform: uppercase;
        width: 100%;
        padding: 3px;
        text-decoration: none;
}

a.topicheader:hover
{
        background-color: #999966;
        color: #FFFFFF;
        font-weight: bold;
        font-family: Verdana, Helvetica, Arial, sans-serif;
        font-size: 15px;
        text-align: left;
        text-transform: uppercase;
        width: 100%;
        padding: 3px;
        text-decoration: underline;
}


.div_welcome_outer
{
	padding:20px; 
        background-color: #999966;
	width:425px;
	height:507px;
}

.div_welcome
{
        background-image: url(/images/clientid_219/therapyhouse_homepage_sign.jpg);
        background-repeat: no-repeat;
        background-color: transparent;
	height:auto;
	width:365px;
	padding:30px;
        font-family: Verdana, Helvetica, Arial, sans-serif;
        font-size: 16px;
        font-weight: bold;
        text-align: center;
        /*text-transform: uppercase;*/
	line-height: 200%
}

.div_welcome_therapistprofile
{
	margin: 20px; 
	margin-bottom: 0;
	margin-left: 0;
	padding: 5px;
	float: left; 
	border: 1px black solid; 
	display: block; 
	width: 175px;
	height: 190px;
	overflow:hidden;
}

#tools_readings_list
{
	clear:both;
	padding: 10px; 
	overflow: hidden; 
	width: 855px;
	border: 1px solid black;
	float: left;
	margin-bottom: 10px;
}

#tools_readings_list_select
{
	width: auto; 
	overflow:hidden;
}

#tools_readings_body_container
{
	clear:both;
	width:855px; 
	height:auto; 
	overflow:auto;
	background-color:#DDE2E1; 
	border:1px solid black;
	padding: 10px;
}

#tools_readings_description
{
	clear:both;
	padding:0; 
	overflow: hidden; 
	width: 855px;
}

#tools_alert
{
	padding:10px;
	float:right;
}

#tools_readings_datecompleted
{
	display:inline; 
	float:right; 
	padding:5px; 
	border:1px dotted red; 
	margin-left:10px;
}

#tools_readings_usrating
{
	float:right;
	padding:5px;
	border:1px dotted red;
}

#tools_readings_docbody
{
	width: 835px; 
	height: 600px; 
	overflow:auto;
	background-color:#EFF5F4;
	border:1px dotted black;
	padding:10px;
}

td.tools_readings_statistics_cell
{
	padding:2px;
	background-color: #EFF5F4;
}

#tools_readings_get_doc_feedback
{
	width:855px; 
	float:right; 
	margin-bottom:10px; 
	overflow:auto;
}

#tools_readings_iframecontrols
{
	margin-left:20px; 
	margin-right:20px;
}

#tools_readings_iframe
{
	width:855px; 
	height:600px; 
	overflow:auto;
	background-color:#FFFFFF;
}


/* classes to support PHP Photo Album from Dynamic Drive */
/* http://www.dynamicdrive.com/dynamicindex4/php-photoalbum.htm */

.slideshow{ /*CSS for DIV containing each image*/
float: left;
margin-right: 10px;
margin-bottom: 10px;
}

.slideshow img{ /*CSS for each image tag*/
border: 0;
/*width: 200px;*/
/*height: 106px;*/
width: 200px;
height: auto;
}

#navlinks{ /*CSS for DIV containing the navigational links*/
width: 400px;
}

#navlinks a{ /*CSS for each navigational link*/
margin-right: 8px;
margin-bottom: 3px;
font-size: 110%;
}

#navlinks a.current{ /*CSS for currently selected navigational link*/
/*background-color: yellow;*/
}