/* 0 BASIC TAGS */

table {
	font-size: 1em;
}

h3, h4 {
	margin: 0;
	font-family: tahoma, arial, helvetica, sans-serif;
}

p {
	line-height: 1.4em;
}

hr {
	border: 0;
	border-top: 1px solid #bababa;
	height: 1px;
}

a {
	text-decoration: none;
	color: Blue;
}

a:visited {
	/*color: Blue; */  /* strange saffary behavior */ 
	color: Blue;
}

a:hover {
	/*text-decoration: underline;*/
	color: Blue;
}

a:active {
	color: Blue;
}

body {
	/*background:#fefad7 url('images/container_repeat.jpg') top center repeat-y;*/
	margin: 0;
	padding: 0;
	text-align: center;
    font-family :Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	/*font-family:  verdana,  arial,helvetica, sans-serif;
	font-size: 0.7em;*/
	color: #666666;
} 

img {
	border-width: 0;
}

/* 1 HEADER */


#header {
	background-image: url(Images/cw_header_new_2.jpg); 
	background-repeat: no-repeat;
	position: relative;
	width: 960px;
	height: 180px;
	margin-left: auto;
	margin-right: auto;
}

#rightconnernav
{
	position:absolute;
	right:120px;
	top: 25px;
	font-size:15px;
	color:black;
}

#leftconnernav
{
	position:absolute;
	left: 17px;
	top: 5px;
	font-size:10px;
	color:#073153;

}

#topnav {
	position:relative;
	/*background:#ffffff url('images/navbg.jpg') no-repeat;*/
	background-color: #153E7E;
	height:23px;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 5PX;
}

#subnav{
	position:relative;
	/*background:#ffffff url('images/subnavbg.jpg') no-repeat;*/
	background-color: #6699CC;
	height:29px;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}



.menua {
	position: absolute;
	left: 12px;
	top: 6px;
	color:#ffffff;
	/*font-family:arial;
	font-size:12px;*/
	font-size:11px;
	text-decoration:none;
	font-weight:bold;
}

#smenu{

	position: absolute;
	left: 8px;
	top: 6px;
	color:#ffffff;
	font-family:arial;
	font-size:11px;
	text-decoration:none;
	/*font-weight:bold;*/
}

.menua a, #smenu a , .menub a {
	/*color: #d32525;*/
	color: White;
}


.menua a:visited, #smenu a:visited , .menub a:visited  {
	/*color: #d32525;*/
	color: white;
}

.menua a:active, #smenu a:active , .menub a:active  {
	color: #FF9933;
}

.menua a:hover, #smenu a:hover , .menub a:hover  {
	color: #FF9933;
}


.loginName
{
	position: absolute;
	right: 90px;
	top: 6px;
	color: Black;
	font-size: 12px;
	font-weight:bold;
	font-family :Verdana,Arial,Helvetica,sans-serif;
}

/* 4 FOOTER */

.footer 
{
	
	/*background:url('images/footer_repeat.jpg') repeat-x;*/
	background-color: #153E7E;
	position:relative;
	left: 2px;
	width:960px;
	height:22px;
	margin-left:auto;
	margin-right:auto;
	color:white;
	font-family:verdana, helvetica;
	font-size:11px;
	padding-bottom: 0px;
	padding-left:9px;

}

.footer a
{
	color: White;	
}

.menub {
	margin: 12px auto 5px auto;
}


/* 2.0 PAGE */

.page {
	background-repeat: repeat-y;
	margin-left: auto;
	margin-right: auto;
	text-align: left;

}

.message
{
	font-size: medium;
	font-weight: bold;
}
.sideMessage
{
	margin-top: 15px;
	margin-bottom: 10px;
	text-indent: 800;
	font-family: "Arial";
	background-color: Transparent;
	border-color: White;
	border : solid 	#FFFFFF;
	Font-Size:medium;
	font-weight:700;
	text-align:center;
	font-variant:small-caps;
}


h1 {
	
	font-size: 16px;
	color: #044F8A;
	padding-top: 6px;
	padding-bottom: 4px;
	font-family: Verdana, Arial;
	font-weight: 900;
	text-decoration: none;
}

h2 {
	
	font-size: 13px;
	color: #044F8A;
	padding-top: 6px;
	padding-bottom: 4px;
	font-family: Verdana, Arial;
	font-weight: 700;
	text-decoration: none;
}


h3 {
	margin-top: 1.0em;
	margin-bottom: 1.12em;
	font-size: 1.5em;
	font-weight: bold;
	color: #044F8A;
}
h4 {
	margin-top: 1.0em;
	margin-bottom: 1.12em;
	font-size: 1.3em;
	font-weight: bold;
	color: #044F8A;
}

.hb1
{
	margin-top: 0.6em;
	margin-bottom: 0.6em;
	font-size: 1.4em;
	font-weight: bold;
	font-family:Verdana;
	color: #044F8A;
}




/* 4. 0 ALL OTHERS COMMON ONCE  AND HOME*/

/* Common Look */

/*With Side bar*/
#home_unloged, #links, #register, #memberpage, #passwordpage, #taskeditor, #advisor, #account, #editprofile, #SA, #artcile, #newsletter{
	background-image: url(images/body-repeat.gif);
	/* position: relative; */  /*Removed to make all AJAX work in IE 6 what seemed to have  conflict, wired IE bug where it works on IE 7 but not IE6 */
	width: 940px; 
	padding: 1px 20px 40px 0px;
}

/* no side bar*/
#home_loged,#task, #questionnaireTMP, #report, #subluxation, #visitschedule, #wforum, #schedule,#CreatingFocus
{
	position: relative;
	width: 940px;
	padding: 0px 0px;
	padding-top: 1px; /* Weird Mozilla Bug */
	padding-bottom: 40px; /* Weird Mozilla Bug */
}
#questionnaire
{
	position: relative;
	width: 686px;
	padding: 0px 37px;
	padding-top: 1px; /* Weird Mozilla Bug */
	padding-bottom: 40px; /* Weird Mozilla Bug */
}

#sidebar 
{
	float: left;
	width: 214px;
	height: 100%;
	border-bottom-width: medium;
}

#content {
	margin-left: 256px;
}

#whatsnew {
	float: left;
	width: 200px;
	height: 100%;
}

#coollinks {
	margin-left: 220px;
}

#resume h4, #links h4 {
	margin-top: 0;
	border-top: 1px solid #bababa;
	padding-top: 1.0em;
	position: absolute;
	left: 37px;
	width: 214px;
}

#action1, #action2
{
	margin-left: 5px;
	margin-right: 5px;
}
#action3
{
	margin-left: 5px;
}


#photo {
	position: absolute;
	left: 37px;
	top: 20px;
	width: 214px;
}

#MainPhoto
{
	/*position: relative;
	width: 379.5px;
	height: 429px;   OLD IMAGE */
	position: relative; 
	margin-left: 0px;
}

dl {
	margin-top: 0;
	margin-bottom: 0;
	border-top: 1px solid #bababa;
	padding-top: 1.5em;
	padding-bottom: 1.5em;
	position: relative;
}

dt {
	position: absolute;
	left: 0;
}

dd {
	margin-left: 150px;
	height: 2.0em;
}

.emptydata td {
	padding: 50px;
	color: #aeaeae;
}

.photo_198 {
	border: 4px solid #FFFFFF;
	width: 150px ;
	height:100; 
}
.photo_side_main 
{
	
	border: 4px solid #FFFFFF;
	width: 215.46px;
	height: 472.473px;
}

.item h4 {
	margin-bottom: 0.4em;
}


.sideNav 
{
	background:#e6eff8;
	border:1px solid #94bfe2; 
	width: 190px; 
	height: 40px;
}

.sideNav ul 
{
	float:left;
	padding: 0px 0px 0px 0px;  /*mozilla bug*/
	margin:  0px 0px 20px 0px;
}

.sideNav ul li 
{
	float:left;
	color:#ffffff;
	display: block;
}

.sideNav ul li a {
	float:left;
	width:170px;
	color:#374484;
	padding:6px 0px 6px 20px;
	border-bottom:1px solid #94bfe2;
	border-top:1px solid #ffffff;
	font-family:arial;
	font-size:12px;
	font-weight:900;
	text-decoration:none;
}

.sideNav ul li a:hover {
	background:#d1e5f7;
}

.sideNav ul li a.current {
	background:#d1e5f7;
}

.section
{
	border: 1px ridge #BFBDE0; 
	width: auto;
    background: #E8F0FA;
    margin: 10px auto 10px auto;
    padding: 10px 5px 10px 5px;
    text-align: left;
    font-weight:500;
    font-size:small;
    
}

.warning
{
	font-size: 14px;
	color: Red;
}

.subnotes
{
	color:Gray;
}


/*3.0 INDIVIDUAL PGAES*/


/*3.1 HomePage*/

.login
{
	margin: 0px 0px 0px 20px;
	
}
.homeIcons
{
	position:relative;
	left: 20px;
	float:left;
	width: 170px;
	font-size: 1.2em;
	font-family:Verdana;
	font-weight: 800;
	color: #044F8A;
	text-align:center;
}

.homeProducts
{
	position:relative;
	margin: 0px 0px 0px 10px;
	left: 10px;
	height: 170px;
	float:left;
	width: 230px;
	text-align:left;
}


#continuum 
{
	
	position:relative;
	background: url('images/continuum.jpg') no-repeat;
	width:630px;
	height:267px;
	margin: 0px,100px,10px,110px;
	left:100px;
	top:0px;
	_top:0px;
	_left:0px;
}

/* Articles */
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #A3D1ED;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeader div
{
	color: Black;
	background: none;
	text-decoration: none;
}

.accordionHeader :hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #7587A8;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeaderSelected div
{
	color: Black;
	background: none;
	text-decoration: none;
}

.accordionHeaderSelected :hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    background-color: #EBF0F7;
    border: 0px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}


/*3.1 ErrorPage*/

.errorpage{
	
	position: relative;
	width: 686px;
	padding: 0px 37px;
	padding-top: 70px; /* Weird Mozilla Bug */
	padding-bottom: 270px; /* Weird Mozilla Bug */
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

/*3.1 MemberPage*/
.mercolaImage
{
	height: 30px; 
	width:70px;
	margin: -35px 0px 50px 120px; /* just a trick to bring image up, later has to be done in cleaner way */
}


/*3.2 ReportPage */

.reportpage{


	position: relative;
	width: 686px;
	padding: 0px 37px;
	padding-top: 1px; /* Weird Mozilla Bug */
	padding-bottom: 40px; /* Weird Mozilla Bug */
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

.WQ
{
	float:left;
	position: relative;
	width: 120px;
	height: 20px;
	text-align: center;
}

.category
{
	float:none;
	position: relative;
	left: 20px;
	top: 40px;
	padding-bottom : 20px;
	text-transform: uppercase;
	font-size: 12pt;
	font-weight:900;
	color: Navy;
	text-align: center;
	clear: both;
}

.description
{
	float:none;
	position: relative;
	left: 20px;
	top: 25px;
	padding-bottom : 40px;
	font-size: 9pt;
	font-style: italic;
	font-style:oblique;
	font-variant:small-caps;
	font-weight:400;
	color: Black;
	clear: both;
}

.factorsLegend
{
	width: 100%;
	top: 20px;
	padding-bottom: 40px;
	clear: both;
}

.factors
{
	width: 100%;
	top: 20px;
	clear: both;
}

.factors1
{
	background-color: #3399CC;
	width: 100%;
	color:White;
	height: 20px;
	clear: left;
	
}
.factors2
{
	background-color: #FFFFCC;
	width: 100%;
	color:Black;
	height: 20px;
	clear:left;
}

.factorColumn
{
	float:left;
	position: relative;
	left: 1px;
	width: 250px;
	height: 20px;
	margin-right: 7px;
	text-align:left;
}
.resultColumn
{
	float:left;
	position: relative;
	width: 85px;
	height: 20px;
	text-align:left;
}

.rateColumnHeader
{
	float:left;
	position: relative;
	left: 27px;
	width: 120px;
}

.rateLegendColumnHeader
{
	float:left;
	position: relative;
	left: 10px;
	width: 135px;
}

.rateColumnSubcategory
{
	float:left;
	position: relative;
	width: 85px;
	text-align:center;
}

img.rateImage
{
	float:left;
	position: relative;
	width: 12%;
	height: 12%;
}

span.error
{
	font-size: 11pt;
	font-style: normal;
	font-weight: 500;
	color: Red;
	text-align:center;
}

span.reportTitle
{
	font-size: 13pt;
	font-variant:small-caps;
	font-style: normal;
	font-weight: 900;
	color: Black;
	text-align:center;
}

.RTitle
{
	text-align:center;
	font-size:large;
	font-variant:small-caps;
	font-weight:800;
	padding-bottom: 30px;
}

span.date
{
	font-size: 8pt;
	font-style: oblique;
	font-weight:500;
	color: Black;

}
span.dateWQ
{
	font-size: 8pt;
	font-weight:500;
	color: Black;
}

span.WQ
{
	font-size: 11pt;
	font-weight:900;
	color:Blue;

}

span.info
{
	font-size:   7.5pt;
	font-style:  italic;
	font-weight: 300;
	color: Black;
}

span.info2
{
	font-size:   9pt;
	font-weight: 700;
	color: Black;
}
span.ReportInfo
{
	float:none;
	font-size:   12pt;
	width: 100%;
	font-weight: 800;
	color: Black;
}


span.sectionTitle
{
	font-size: 9pt;
	font-style: oblique;
	font-variant:small-caps;
	font-weight:700;
	color: Black;
}
span.sectionResult
{
	font-style:italic;
	font-size: 9.5pt;
	font-weight:600;
	color: Black;
}

span.factorTitle
{
	font-size: 8.5pt;
	font-style: normal;
	font-variant:small-caps;
	font-weight:500;
}
span.factorResult
{
	font-style:italic;
	font-size: 7pt;
	font-weight:300;
}



/* 3.3 Questionnaire*/

.questionpage{
	
	position: relative;
	width: 686px;
	padding: 0px 37px;
	padding-top: 1px; /* Weird Mozilla Bug */
	padding-bottom: 40px; /* Weird Mozilla Bug */
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

span.h1
{
	position: relative;
	left: 20%;
	right: 20%;
	top: 12px;
	text-transform: uppercase;
	font-size: 14pt;
	font-weight:200;
	color: Navy;
	text-align: center;
}

span.h2
{
	position: relative;
	left: 25%;
	right: 25%;
	top: 5px;
	font-size: 12pt;
	font-style: italic;
	font-style:oblique;
	font-variant:small-caps;
	font-weight:700;
	color: Black;
	text-align: center;
}
span.Error
{
	position: relative;
	left: 5%;
	top: 5px;
	font-size: 12pt;
	font-style: italic;
	font-style:oblique;
	font-weight:700;
	color: Red;
}

.Title2
{
	height: 50px;
}
.question1
{

	background-color: #EBE8F5;
	color: Black;
	text-indent: 900;
}
.question2
{
	background-color:white;
	text-indent: 900;
}

.questionText
{
	font-size:8.0pt;
	font-weight:800;
	font-variant:small-caps;
}
.response
{
	font-size:7pt;
	font-weight:500;
}

/* 3.4 PASSWORD MANAGER PAGE*/

.passwordpage{

	position: relative;
	width: 686px;
	padding: 0px 37px;
	padding-top: 1px; /* Weird Mozilla Bug */
	padding-bottom: 40px; /* Weird Mozilla Bug */
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

.PW
{
	height:70px;
	padding-bottom:20px;
	padding-top:20px;
	text-align: center;
	font-size: 12pt;
	font-family:Century
}



/* 3.5 TaskTraker Pages*/


.eventmonthtable
{
    width: 694px;
    margin-right: auto;
    margin-left: 12px;
    position: relative;
    margin-bottom: 15px;
    border: 3px solid #000000;
    border-collapse:collapse;
}

.dayNumber
{
    float: right;
    border-bottom: 1px solid #000000;
    border-left: 1px solid #000000;
    clear: none;
    padding: 2px;
}

/* Styles for pop up calendar*/
.PopCalendar .ajax__calendar_container {
    border:2px solid #646464;
    background-color:White;
    color: Blue;
}
.PopCalendar .ajax__calendar_other .ajax__calendar_day,
.PopCalendar .ajax__calendar_other .ajax__calendar_year {
    color: black;
    border: 2px;
}
.PopCalendar .ajax__calendar_hover .ajax__calendar_day,
.PopCalendar .ajax__calendar_hover .ajax__calendar_month,
.PopCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: black;
    font-weight: 800;
}
.PopCalendar .ajax__calendar_active .ajax__calendar_day,
.PopCalendar .ajax__calendar_active .ajax__calendar_month,
.PopCalendar .ajax__calendar_active .ajax__calendar_year {
    color:Blue;
    font-weight:bold;
}


.calcurrentmonth
{
    /* no styles needed at this time */
}
.calothermonth
{
	/*#B0E0E6*/	
    background-color: #CCFFCC;
}
.calcurrentday
{
    background-color: #FFFFCC;
}
.calweekend
{
    background-color: #99FFCC;
  /*  width: 15%; */
}

.calcurrentmonth , .calcurrentmonth , .calothermonth , .calcurrentday , .calweekend
{
    text-align: left;
    border: 2px solid #000000;
    height: 60px;
    vertical-align: top;
    /* needed for positioning the dayNumber part */
    position:relative;
     border-collapse:separate;
     border-spacing: 5px;
     
}

.calnotes
{
	padding: 3px;
	font-size:x-small;
	text-align:left;
	text-indent: 1000;	
}



/*3.6 Sound Advice Page*/

.SADate
{
	float:right;
	font-size: 9px;
	font-weight: 700;
	font-style: italic;
	color: Blue;
}

.SATitle
{
	float:left;
	font-size: 10px;
	font-weight: 800;
}

.SANew
{
	font-weight: bold;
	font-size: 11px;
	float: none;
	color: Red;
}


/* 3.7 ARTICLE */

span.ArticleTitle
{	
	font-size: 16px;
	color: #044F8A;
	font-family: Verdana, Arial;
	font-weight: 900;
}
.ArticleImage
{
	
}
.ArticlePanel
{
	margin: 30px 5px 100px 10px;

}
span.ArticleComment
{
	font-size: 9px;
	font-weight: 700;
}

/* 3.8 Redirect */


/*3.9 Visit Schedule */

.pnInstructions
{
	margin: 50px 70px 50px 70px;
	text-align:center;

}
.pnSchedule
{
	margin: 50px 40px 50px 40px;

}

.pnLocationSelector
{
	margin: 10px 40% 50px 40%;
	text-align:center;
}

.pnDaySchedule
{
	text-align:center;
}

.pnAppointmentWindow
{
	margin: 40px 20% 50px 20%;
	text-align:center;
	color: Black;
	text-decoration: underline;
	font-size: large;
	font-weight: 800;
}

.lblDay
{
	font-size:large;
	font-weight: 900;
	color: Blue;
	
}


.timePanel
{
	margin: 7px 5px 5px 0px;
	width: 50px;
	float: left;
	font-size:medium;
	font-weight: 700;
	border-style: ridge;
	background-color: #99CCFF; 
	color: Black;
	
	
}

/*CONTROLS*/


.calendar_headertext
{
	margin: 30px 20px 30px 20px;
	font-weight: bold;
	font-size: medium;
	text-align: center;
}
.calendar_holder
{
	margin: 10px 20px 10px 20px;
}

.calendar
{
	 border: solid, 40px, red;
	 width: 10px;
	 font-family: Verdana;
	 font-size: 9px;
	
}
.calendar_day
{
	background-color: #CCCCCC;
}
.calendar_today
{
	 background-color: #999999;
	 color: White;

}
.calendar_selectedday
{
	background-color: #333399;
	color: White;
}
.calendar_othermonthday
{
	background-color:#CCCCCC;
	color: #999999;
}
.calendar_nextpreviouse
{
	font-weight: bold;
	font-size: 12px;
	color:White;

}
.calendar_dayhead
{
	font-weight:bold;
	font-size: 8px;
	color:#333333;
	height: 8px;

}
.calendar_title
{
	background-color:#333399;
	border: solid 4px black;
	font-weight:bold;
	font-size: 20px;
	color: White;
	height: 8px
}
.calendar_markedates
{
	background-color: #66CCFF;
	font-weight: bold;
}
.calendar_timePanel
{
	margin: 7px 10px 5px 10px;
	width: 140px;
	float: left;
	font-size:medium;
	font-weight: 700;
	border-style: ridge;
    background-color: #99CCFF; 
	color: Black;
	text-align: center;
}

.calendar_timePanel:hover
{
	background-color: White;
	border-style : outset;
	text-decoration: none;
}

.calendar_timeslotholder
{
	margin: 00px 100px 50px 100px;
}
	


/* 4.1  OTHER */


.buttonbar {
	background-image: url(images/photonav-bg.gif);
	background-repeat: repeat-x;
	margin-left: auto;
	margin-right: auto;
	padding-top: 4px;
	width: 744px;
	height: 33px;
	text-align: center;
}

.buttonbar-top {
	background-image: url(images/photonav-top-bg.gif);
}

#photos .view, #admin-details .view {
	margin-top: 20px;
	margin-bottom: 20px;
}

.modalPopup {
	background-color: #99CCFF;
	border-width:3px;
	border-style:solid;
	border-color:Blue;
	padding:3px;
	width:250px;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.4;
}