/*
    Modified: 08/01/2002, phaedrus
    Modified: 12/15/2002, phaedrus
    	added background color for TD style="quicklinks"
    	changed default and footer visited links colors
    Modified 2/10/2005, pclark for phaedrus
	added purple, blue, magenta, and yellow bkg box definitions
*/

BODY {
	color: #666699;
	border : 0;
	margin : 0;
	padding : 0;
	/* background-color : #ffffff; */
}

/* content styles */

A:link { color : #6699cc; }
A:visited { color : #666699; }
A:active { color : #ff0066; }

A.login:link { color : #cbfefe; }
A.login:visited { color : #cbfefe; }
A.login:hover { color : #666699; }
A.login:active { color : #666699; }

/* A.footer:link { color : #666699; } */
A.footer:link { color : #CCCCFF; }
A.footer:visited { color : #99ccff; }
A.footer:hover { color : #ffffcc; }
A.footer:active { color : #ffffcc; }

/* For the left nav, display the link we're showing in red */
A.clinic-snav-n-sub:link { color : #FF0000; }
A.clinic-snav-n-sub:visited { color : #FF0000; }

P {
	font : 12px/16px Verdana, Arial, Helvetica, sans-serif;
	color : #666699;
	margin-left : 10px;
	margin-right : 10px;
	margin-top : 10px;
	margin-bottom : 10px;
}

SPAN {
	font : 12px/16px Verdana, Arial, Helvetica, sans-serif;
	color : #666699;
}

TD {
	font : 12px/16px Verdana, Arial, Helvetica, sans-serif;
	color : #666699;
}

P.footer {
	font-size : 9px;
	line-height : 14px;
	color : #ffffcc;
	margin-top : 0px;
	margin-bottom : 0px;
}

P.title {
	font-size : 14px;
	font-weight : bold;
	text-transform : uppercase;
	margin-top : 14px;
}

P.quicklinks_head {
	font-size : 12px;
	line-height : 12px;
	font-weight : bold;
	color : #FF0066;
	text-transform : lowercase;
	text-align : center;
	margin : 0px;
	padding-top : 3px;
	padding-bottom : 3px;
}

P.clinic_snav_n {
	font-weight: bold;
	line-height : 11px;
	vertical-align : middle;
	margin : 0px;
	margin-left : 5px;
	padding-top : 4px;
	padding-bottom : 6px;
}

P.clinic_snav_r {
	font-weight : bold;
	line-height : 11px;
	vertical-align : middle;
	color : #FF0066;
	margin : 0px;
	padding-top : 4px;
	padding-bottom : 6px;
}


P.clinic_useroptions {
	line-height : 21px;
	vertical-align : middle;
	margin : 0px;
	padding : 0px;
}

SPAN.search {
	font-weight : bold;
	font : 9px/11px Verdana, Arial, Helvetica, sans-serif;
}

SPAN.list_head {
	margin-left : -16px;
}

.header {
	font-weight: bold;
	text-transform: uppercase;
}

.mouseprint {
	font-size : 10px;
	line-height : 12px;
}

/* layout styles */

TD {
	vertical-align : top;
}

UL {
	font : 12px/14px Verdana, Arial, Helvetica, sans-serif;
	color : #666699;
	margin-top : 0px;
}

/* background styles */

TD.index_bnr {
	background : #6699cc;
	background-image : url(../assets/home/bkg_index_banner.gif);

}

TD.index_picturebar {
	background : #ffffff;
	background-image : url(../assets/home/bkg_index_whitestars.gif);
	align : left;

}

TD.bnr {
	background : #6699cc;
	background-image : url(../assets/home/bkg_banner.gif);
}

TD.picturebar {
	background : #ffffff;
	align : left;

}

TD.clinic_search {
	background : #ffffcc;
	background-image : url(../assets/home/bkg_yellowstars.gif);
}

TD.clinic_snav {
	background : #ffffcc;
}

TD.clinic_snav_header {
	background : #ccccff;
}

TD.clinic_snav_r {
	background : #ffffff;
}

TD.pnav {
	background : #666699;
}

TD.footer {
	background : #6699cc;
}

TD.quicklinks {
	background : #ffffff;
}

TD.quicklink_line {
	background : #ff0066;
}

TD.quicklink_line_clinic {
	background : #ccccff;
}

TD.calendar_dayofweek {
	background : #6699CC;
	font-family:  verdana, arial; font-size: 16px; color: #FFFFFF; text-decoration: none; font-weight: normal;
}

TD.calendar_date {
	background : #FFFF99;
	font-family:  verdana, arial; font-size: 14px; color: #6699CC; text-decoration: none; font-weight: bold;
}

TD.calendar_dayinfo {
	background : #CCCCFF;
}

TD.content {
	font : 12px/14px Verdana, Arial, Helvetica, sans-serif;
	background : #ffffff;
	color : #666699;
	margin-left : 10px;
	margin-right : 10px;
	margin-top : 10px;
	margin-bottom : 10px;
}

.content {
	font : 12px/14px Verdana, Arial, Helvetica, sans-serif;
	background : #ffffff;
	color : #666699;
	margin-left : 10px;
	margin-right : 10px;
	margin-top : 10px;
	margin-bottom : 10px;
}

TD.link {
	font : 12px/14px Verdana, Arial, Helvetica, sans-serif;
	background : #ffffff;
	color : #6699CC;
}

TD.linkdesc {
	font : 10px/12px Verdana, Arial, Helvetica, sans-serif;
	background : #ffffff;
	color : #666699;
	margin-left : 60px;
	margin-right : 10px;
	margin-top : 10px;
	margin-bottom : 40px;
}


.link {
	font : 12px/14px Verdana, Arial, Helvetica, sans-serif;
	background : #ffffff;
	color : #6699CC;
}

.calendar_time { font-family:  verdana, arial; font-size: 11px; color: #666699;
	text-decoration: none; font-weight: bold;}
.calendar_event { font-family:  verdana, arial; font-size: 11px; color: #6699CC;
	font-weight: normal;}

TD.event-title {
	font-family:  verdana, arial;
	font-size: 14px;
	text-align : left;
	font-weight: bold;
	font-color : #666699;
}

TD.event-heading {
	font-family:  verdana, arial;
	font-size: 11px;
	text-align : right;
	font-weight: bold;
	font-color : #666699;
}

TD.event-details {
	font-family:  verdana, arial;
	font-size: 11px;
	font-weight: normal;
	font-color : #6699CC;
}


P.bio-title {
	font-size : 12px;
	font-weight : bold;
	text-transform : uppercase;
	margin-top : 14px;
}

.admin_leftnav {color: #666666; font-family: verdana, sans-serif; font-size: 10pt; font-weight: normal; line-height: 11pt;text-decoration: none; background: EEEEEE;}
A.admin_leftnav:hover {text-decoration: underline;}

/* print view styles */

a.printIcon
{
	float : right;
	margin-left : 1em;
	margin-right : 2em;
}


/* clinic_leftnav styles */

TD.clinic_left_background {
	background : #CCCCFF;
}

/* clinic_leftnav_header is for the 'Welcome:username' text */
TD.clinic_left_header {
	background : #6699CC;
}

P.clinic_left_header {
	color : #FFFFFF;
}

A.clinic_left_header:link { color : #FFFFFF; }
A.clinic_left_header:visited { color : #FFFFFF; }
A.clinic_left_header:hover { color : #FF0000; }
A.clinic_left_header:active { color : #FF0000; }

/* clinic_leftnav_selected is used to display the link we're showing */

TD.clinic_leftnav_selected {
	background : #EBEBFF;
}

P.clinic_leftnav_selected {
	font-weight: bold;
	line-height : 12px;
	vertical-align : middle;
	color : #FF0000;
	margin : 0px;
	padding-top : 3px;
	padding-bottom : 12px;
}

A.clinic_leftnav_selected:link { color : #FF0000; }
A.clinic_leftnav_selected:visited { color : #FF0000; }

/* clinic_leftnav_toplevel is used to display the top item in the clinic_leftnav - For Clinics, For Providers, For Families, etc...
 * They're displayed with a light-purple background, and dark-purple text
 */

TD.clinic_leftnav_toplevel {
	background : #CCCCFF;
}

P.clinic_leftnav_toplevel {
	font-weight: bold;
	line-height : 11px;
	vertical-align : middle;
	color: #666699;
	margin : 0px;
	padding-top : 3px;
	padding-bottom : 12px;
}

A.clinic_leftnav_toplevel:link { color : #666699; }
A.clinic_leftnav_toplevel:visited { color : #666699; }
A.clinic_leftnav_toplevel:hover { color : #FF0000; }
A.clinic_leftnav_toplevel:active { color : #FF0000; }

/* clinic_leftnav_section is used to display the main subsections - all the immediate children of the toplevel section
 * They're displayed with a dark-purple background, and white text
 */

TD.clinic_leftnav_section {
	background : #CCCCFF;
}

P.clinic_leftnav_section {
	font-weight: bold;
	line-height : 12px;
	vertical-align : middle;
	color : #666699;
	margin : 0px;
	padding-top : 3px;
	padding-bottom : 12px;
}

P.clinic_leftnav_selected {
	font-weight: bold;
	line-height : 12px;
	vertical-align : middle;
	color : #666699;
	margin : 0px;
	padding-top : 3px;
	padding-bottom : 12px;
}

A.clinic_leftnav_section:link { color : #666699; }
A.clinic_leftnav_section:visited { color : #666699; }
A.clinic_leftnav_section:hover { color : #FF0000; }
A.clinic_leftnav_section:active { color : #FF0000; }

/* clinic_leftnav_subsection is used to display the children nodes of sections
 * They're displayed with a light-purple background, and blue text, underlined
 */

TD.clinic_leftnav_subsection {
	background : #EBEBFF;
}
P.clinic_leftnav_subsection {
	font-weight : bold;
	line-height : 12px;
	vertical-align : middle;
	text-decoration : underline;
	color : #6699CC;
	margin-left : 12px;
	margin-right : 0px;
	margin-top : 0px;
	margin-bottom : 0px;
	padding-top : 4px;
	padding-bottom : 6px;
}

A.clinic_leftnav_subsection:link { color : #6699CC; }
A.clinic_leftnav_subsection:visited { color : #6699CC; }
A.clinic_leftnav_subsection:hover { color : #FF0000; }
A.clinic_leftnav_subsection:active { color : #FF0000; }

/* clinic_leftnav_item is used to display the children nodes of subsections
 * They're displayed with a light-purple background, and dark-purple text
 */

TD.clinic_leftnav_item {
	background : #EBEBFF;
}

P.clinic_leftnav_item {
	font-weight : normal;
	line-height : 11px;
	vertical-align : middle;
	color : #6699CC;
	margin : 0px;
	padding-top : 4px;
	padding-bottom : 6px;
}

A.clinic_leftnav_item:link { color : #6699CC; }
A.clinic_leftnav_item:visited { color : #6699CC; }
A.clinic_leftnav_item:hover { color : #FF0000; }
A.clinic_leftnav_item:active { color : #FF0000; }

/* clinic_leftnav_subitem is used to display all the lower-level subsections
 * They're displayed with a light-purple background, and dark-purple text
 */

TD.clinic_leftnav_subitem {
	background : #EBEBFF;
}

P.clinic_leftnav_subitem {
	font : 11px/14px Verdana, Arial, Helvetica;
	font-style : italic;
	line-height : 11px;
	vertical-align : middle;
	color : #6699CC;
	margin : 0px;
	padding-top : 4px;
	padding-bottom : 6px;
}

A.clinic_leftnav_subitem:link { color : #6699CC; }
A.clinic_leftnav_subitem:visited { color : #6699CC; }
A.clinic_leftnav_subitem:hover { color : #FF0000; }
A.clinic_leftnav_subitem:active { color : #FF0000; }

/* clinic_left_useropts is for user options */
TD.clinic_left_userotpts_header {
	background : #6699CC;
}

TD.clinic_left_useropts {
	background : #CCCCFF;
}

P.clinic_left_useropts {
	font : 10px/14px Verdana, Arial, Helvetica;
	font-weight : normal;
	line-height : 10px;
	vertical-align : middle;
	text-decoration: underline;
	color : #666699;
	margin : 5px;
	padding-top : 0px;
	padding-bottom : 8px;
}

A.clinic_left_useropts:link { color : #666699; }
A.clinic_left_useropts:visited { color : #666699; }
A.clinic_left_useropts:hover { color : #FF0000; }
A.clinic_left_useropts:active { color : #FF0000; }

/* end clinic_leftnav items */

/* Style used to show 'submit' buttons as links in CSS-aware browsers. Used in table_search_results.jsp. See http://tom.me.uk/scripting/submit.asp*/
.submitLink {
   color: #00f;
   background-color: transparent;
   text-decoration: underline;
   border: none;
   cursor: pointer;
   cursor: hand;
}

/* BEGIN Directory search */

.dirSearchOptions {
	padding-left : 30px;
	font : 10px/12px Verdana, Arial, Helvetica;
}

.dirSearchResultsTitle {
	width : 580px;
}

.dirSearchResults {
	vertical-align : top;
	margin-left : 10px;
	font : 10px/12px Verdana, Arial, Helvetica;
	width : 580px;
}

.dirSearchResults P {
	font : 10px/12px Verdana, Arial, Helvetica;
}

.dirSearchResults .header {
	background-color : #666699;
	color : #ffffff;
}

.dirSearchResults TR.alt {
	background-color : #ccccff;
}

.dirSearchResults TD {
	padding-top : 2px;
	padding-bottom : 2px;
	padding-left : 8px;
	padding-right : 8px;
	margin : 0px;
}

.dirSearchResults TD.notes {
	width : 25%;
}

.dirSearchResults TD.clinicNotes {
	width : 33%;
}

.dirSearchResults A.clinicName {
	color: #666699;
}

.dirProvDet {
	width : 500px;
	vertical-align : top;
	margin-left : 10px;
	font : 10px/12px Verdana, Arial, Helvetica;
}

.dirProvDet P {
	font : 10px/12px Verdana, Arial, Helvetica;
}

.dirProvDet TD {
	padding-top : 2px;
	padding-bottom : 2px;
	padding-left : 4px;
	padding-right : 4px;
	margin : 0px;
}

.dirProvDet A.clinicName {
	color: #666699;
}


.dirClinicDet {
	width : 500px;
	vertical-align : top;
	margin-left : 10px;
	font : 10px/12px Verdana, Arial, Helvetica;
}

.dirClinicDet P {
	font : 10px/12px Verdana, Arial, Helvetica;
	margin-left : 0px;
	margin-right : 0px;
}

.dirClinicDet TD {
	width : 50%;
	padding-top : 2px;
	padding-bottom : 2px;
	padding-left : 4px;
	padding-right : 4px;
	margin : 0px;
}

.dirClinicDet A.clinicName {
	color: #666699;
}

.clinicServices {
	font : 10px/12px Verdana, Arial, Helvetica;
	border : 1px #666699 solid;
}

.clinicServices TD {
	margin : 0px;
	border : 1px #666699 solid;
}

/* END Directory search */

/* Begin styled content for CPN use */

.contentLeft
{
        float : left;
        width : 49%;
}

.contentRight
{
        float : right;
        width : 49%;
}

.trcFramedImage img
{
        border-width:0px 0px 1px 1px;
        border-color:#6699cc;
        border-style:solid;
}

.purpleBox
{
        position : relative;
        background-color : #ebebff;
        border : 4px #666699 solid;
        margin-left : 10px;
        margin-bottom : 0.5em;
}

.purpleBkgBox
{
        position : relative;
        background-color : #ebebff;
        margin-left : 10px;
        margin-bottom : 0.5em;
}

.purpleBox .header
{
        color : #666699;
}

.purpleBox .header a
{
        color : #666699;
}

.purpleBox .trcFramedImage img
{
        border-color:#666699;
}
	

.blueBox
{
        position : relative;
        background-color : #ddeeff;
        border : 4px #6699cc solid;
        margin-left : 10px;
        margin-bottom : 0.5em;
}

.blueBkgBox
{
        position : relative;
        background-color : #ddeeff;
        margin-left : 10px;
        margin-bottom : 0.5em;
}

.blueBox .header
{
        color : #6699cc;
}

.blueBox .header a
{
        color : #6699cc;
}

.blueBox .trcFramedImage img
{
        border-color:#6699cc;
}


.magentaBox
{
        position : relative;
        background-color : #ffccee;
        border : 4px #ff0066 solid;
        margin-left : 10px;
        margin-bottom : 0.5em;
}

.magentaBkgBox
{
        position : relative;
        background-color : #ffccee;
        margin-left : 10px;
        margin-bottom : 0.5em;
}

.magentaBox .header
{
        color : #ff0066;
}

.magentaBox .header a
{
        color : #ff0066;
}

.magentaBox .trcFramedImage img
{
        border-color:#ff0066;
}


.yellowBox
{
        position : relative;
        background-color : #ffffcc;
        border : 4px #ffcc00 solid;
        margin-left : 10px;
        margin-bottom : 0.5em;
}

.yellowBkgBox
{
        position : relative;
        background-color : #ffffcc;
        margin-left : 10px;
        margin-bottom : 0.5em;
}

.yellowBox .header
{
        color : #ffcc00;
}

.yellowBox .header a
{
        color : #ffcc00;
}

.yellowBox .trcFramedImage img
{
        border-color:#ffcc00;
}

.blueText
{
        color : #6699cc;
}

.magentaText
{
        color : #ff0066;
}

.yellowText
{
        color : #ffcc00;
}

.purpleLeftInsetBox
{
        float : left;
        width : 150px;
        padding-top : 8px;
        padding-bottom : 8px;
        margin-right : 10px;
        margin-top : 10px;
        margin-bottom : 10px;
        border-top : 2px #666699 solid;
        border-bottom : 2px #666699 solid;
        background-color : #ebebff;
}

.blueLeftInsetBox
{
        float : left;
        width : 150px;
        padding-top : 8px;
        padding-bottom : 8px;
        margin-right : 10px;
        margin-top : 10px;
        margin-bottom : 10px;
        border-top : 2px #6699cc solid;
        border-bottom : 2px #6699cc solid;
        background-color : #ddeeff;
}

.magentaLeftInsetBox
{
        float : left;
        width : 150px;
        padding-top : 8px;
        padding-bottom : 8px;
        margin-right : 10px;
        margin-top : 10px;
        margin-bottom : 10px;
        border-top : 2px #ff0066 solid;
        border-bottom : 2px #ff0066 solid;
        background-color : #ffccee;
}

.yellowLeftInsetBox
{
        float : left;
        width : 150px;
        padding-top : 8px;
        padding-bottom : 8px;
        margin-right : 10px;
        margin-top : 10px;
        margin-bottom : 10px;
        border-top : 2px #ffcc00 solid;
        border-bottom : 2px #ffcc00 solid;
        background-color : #ffffcc;
}

.purpleRightInsetBox
{
        float : right;
        width : 150px;
        padding-top : 8px;
        padding-bottom : 8px;
        margin-right : 10px;
        margin-top : 10px;
        margin-bottom : 10px;
        border-top : 2px #666699 solid;
        border-bottom : 2px #666699 solid;
        background-color : #ebebff;
}

.blueRightInsetBox
{
        float : right;
        width : 150px;
        padding-top : 8px;
        padding-bottom : 8px;
        margin-right : 10px;
        margin-top : 10px;
        margin-bottom : 10px;
        border-top : 2px #6699cc solid;
        border-bottom : 2px #6699cc solid;
        background-color : #ddeeff;
}

.magentaRightInsetBox
{
        float : right;
        width : 150px;
        padding-top : 8px;
        padding-bottom : 8px;
        margin-right : 10px;
        margin-top : 10px;
        margin-bottom : 10px;
        border-top : 2px #ff0066 solid;
        border-bottom : 2px #ff0066 solid;
        background-color : #ffccee;
}

.yellowRightInsetBox
{
        float : right;
        width : 150px;
        padding-top : 8px;
        padding-bottom : 8px;
        margin-right : 10px;
        margin-top : 10px;
        margin-bottom : 10px;
        border-top : 2px #ffcc00 solid;
        border-bottom : 2px #ffcc00 solid;
        background-color : #ffffcc;
}

/* END styled content for CPN use  */