﻿html { height: 100%; margin: 0; padding: 0; font-family: Arial,Verdana, Helvetica, sans-serif; font-size: .8em; font-weight: normal; letter-spacing: normal; text-transform: none; background-color: white; }
body { width:980px; margin-left:auto; margin-right:auto; position:relative; margin-top:0px; }

/* TABLE
----------------------------------------------------------*/

table 
{
  border-collapse: collapse;
}

table td 
{
  padding: 5px;   
}

table th
{
  padding: 6px 5px;
  text-align: left;
  background-color: #C3EEFB; 
}

/* Master Page  */
#MasterHeader { margin-top:5px; width:100%; height:130px; background-image:url(/Content/images/chenh.jpg); background-repeat:no-repeat; position:relative; border-top:solid thin black; border-right:solid thin black; border-left:solid thin black; } 
#MasterMenu { width:100%; background-color: #FFFFFF; border-right:solid thin black; border-left:solid thin black; }    
#AdminMenu { width:100%; background-color: #FFFFFF; border-right:solid thin black; border-left:solid thin black; }    
#MasterContent { width:100%; background-color: #FFFFFF; border-right:solid thin black; border-left:solid thin black; overflow:hidden; }
#MasterFooter { width:100%; background-color: #91CAE9; font-size: x-small; text-align: center; border-right:solid thin black; border-left:solid thin black; border-bottom:solid thin black; }

#loginArea { float:right; vertical-align:top; padding-right:5px; }
#nameArea { position:absolute; left:5px; top:5px; color:White; font-size:18pt; font-weight:bold; }

#topCommands { border-left:solid thin black; border-bottom:solid thin black; border-right:solid thin black; padding:5px 5px 5px 5px; }

/* Left Column */
.leftColumn { width:130px; min-height:400px; float:left; padding:5px; text-align:left; }
ul.leftColumnList{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
	font-family:Helvetica,Arial,Verdana,sans-serif;
}
ul.leftColumnList li{
	display:block;
	float:left;
	margin:0;
	padding:5px 20px 0 0;}
ul.leftColumnList li a{
	display:block;
	float:left;
	color:#6d7078;
	text-decoration:none;
	font-weight:bold;
	padding:5px 20px 5px 10px;
	width:90px;
	}
ul.leftColumnList li a:hover{
	background-color:#004c99; color:White;	
	}

/* Sub-Masters */
#bodyContentWrapper { width:100%; min-height:400px; height:100%; }
#bodyContent { margin:0px 0px 0px 130px; padding:0px; height:100%; } 
.bodyPadding { padding:5px 5px 5px 5px; }

/* Pages */
.pageHeader { background-color:#004c99; color:White; font-weight:bold; font-size:12pt; padding:0px 1px 0px 5px; margin:0 0 1px 0; }
.pageHeader a:active { color:White; }
.pageHeader a:hover { color:White; }
.pageHeader a:link { color:White; }
.pageHeader a:visited { color:White; }

.pagePadding { padding: 2px 5px 2px 5px; }

.sectionHeader { width:100%; background-color:#004C99; color:White; font-weight:bold; font-size:12pt; padding:1px 1px 0px 5px; }
.sectionHeader a:active { color:White; }
.sectionHeader a:hover { color:White; }
.sectionHeader a:link { color:White; }
.sectionHeader a:visited { color:White; }

h1 { font-size:12pt; font-weight:normal; }

/* Common settings */

img { border-style:none; }
.watermark { color: #999; }
.errorDisplay { color:Red; font-size:10pt; }
.alternateRow {  } 
.smallText { font-size:8pt; }
.size8 { font-size:8pt; }
.fieldLabel { font-size:10pt; font-weight:bold; text-align:right; }

.requiredAsterisk { color:Red; }

.articleTitle { font-size:12px; font-weight:bold; }
.bolded10pt { font-weight:bold; font-size:10pt; }
.bolded { font-weight:bold; }
.pt10 { font-size:10pt; }
.pt12 { font-size:12pt; }
.italic { font-style:italic; }

.accordionHeader      
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
} 
.accordionHeaderSelected 
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #5078B3;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
 }
.accordionContent 
{
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
 } 
 
.field-validation-error
{
    color: #ff0000;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.centerText { text-align:center; }

 /* Security */
 #accountRegister table { border:none; }
 
 /* Profile */
 .ProfileSectionTable { font-size: 10pt; font-family: Verdana; border:none; width:500px; }
 
 /* Events layout */
 .EventDay { background-color:Aqua; border:solid thin black; text-decoration:none; } 
 .calendarLayout { }
 .calendarDayStyle { }
 .calendarDayStyle A { text-decoration:none; }
 .canceledLine { text-decoration:line-through; }
 .canceledBold { font-weight:bold; }
 .rescheduledBold { font-weight:bold; }

#eventEditor ol { padding:1em 1em 0 1em; list-style:none; }
#eventEditor li { padding-bottom: 1em; }
#eventEditor label { display:block; font-weight:bold; }

 
 /* Support Groups */
 .cityHeading { padding-right:15px; font-weight:bold; }
 
 /* Rating */

.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(img/FilledStar.png);
}

.emptyRatingStar {
    background-image: url(img/EmptyStar.png);
}

.savedRatingStar {
    background-image: url(img/SavedStar.png);
}

/* Popups */
.changeSecurityQuestionPopup
{
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:500px;
}
.resetPasswordPopup
{
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:360px;
}
.changeStatusPopup
{
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:200px;
}

.addTripTopicPopup
{
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:200px;
}

.addResourceTypePopup
{
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:200px;
}

.verifyPanelPopup
{
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:200px;
}

#contactUsDiv label { display:block; }

/* Calendar CSS */
.CheNH_Calendar_Table{
    width: 95%;
    border: 1px solid silver;
    font-size: 0.8em;
    border-collapse: collapse;
}

.CheNH_Calendar_DOWRow { }
.CheNH_Calendar_DOWCell { border: 1px dotted silver; width: 14.2857%; height: 20px; vertical-align: top;
                          text-align:center; font-weight:bold;  }

.CheNH_Calendar_TableRow{ }
.CheNH_Calendar_TableCell{
    border: 1px dotted silver;
    width: 14.2857%; /* Approximately 100/7 */
    height: 70px;
    vertical-align: top;
}

.CheNH_Calendar_TableHeaderCell{
    text-align: center;
    font-weight: bold;
    font-size: 2.5em;
}

.CheNH_Calendar_TableCell_Empty{
    width: 14.2857%;
    vertical-align: top;
}
.CheNH_Calendar_NavigationLinks{
    text-align: center;
    font-size: 1.3em;
    margin: 0em 0em 0.75em 0em;
}
#eventEditor { border:none; } 
#eventEditor label { font-weight:bold; width:200px; }

/* 
--- Field Trips
*/
#fieldTripTable { border:none; }
#fieldTripTable td { border:none; }
#fieldTripTable th { border:none; }


