html,body{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	font-size: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

h3 {
	margin-bottom: 6px;
}


.Header {
	border-bottom: #000000;
	background: #e1e1e1;
	font-size: 18px;
	font-weight: bold;
	padding: 10px;
	height: 40px;
	border-bottom: solid 1px #c0c0c0;
	margin-bottom: 20px;
}

.siteHeader {
	height: 15px;
	/*  background-image: url(../images/backgrounds/siteHeaderBG.gif);  */
	background-image: url(../images/backgrounds/navBG.jpg); 
	padding-right: 5px;
	text-align: right;
	font-size: 10px;
	color: white;
}

.siteHeader .siteHeaderLink {
	color: yellow;
	background: none;
	font-weight: bold;
}



.PageContent {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 25px;

}

a {
	color: red;
}

a:hover {
	color: red;
	background: #ffff00;
}

a:visited {
	color: Maroon;
}

a#selectedLetter {
	font-size: 14px;
	font-weight: bold;
	color: black;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 0px;
	margin-right: 0px;
}

a#otherLetter {
	font-size: 14px;
	font-weight: bold;
	color: white;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 0px;
	margin-right: 0px;
}	

a#otherLetter:hover {
	font-size: 14px;
	font-weight: bold;
	color: black;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 0px;
	margin-right: 0px;
	background: yellow;
}	

a#selectedMenu {
	font-size: 14px;
	font-weight: bold;
	color: black;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 0px;
	margin-right: 0px;
}

a#otherMenu {
	font-size: 14px;
	font-weight: bold;
	color: yellow;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 0px;
	margin-right: 0px;
}	

a#otherMenu:hover {
	font-size: 14px;
	font-weight: bold;
	color: black;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 0px;
	margin-right: 0px;
}	

a#activeLink {
	font-weight: bold;
	color: red;
}

a#inactiveLink {
	font-weight: bold;
	color: Silver;
}

a#inactiveLink:hover {
	font-weight: bold;
	color: red;
}

a#activeLink:visited {
	font-weight: bold;
	color: maroon;
}

th {
	text-align: left;
	background: #e1e1e1;
	font-weight: bold;
}

.Rolodex .selectedBox {
	background: #ffffff;
	width: 20px;
	height: 20px;
	float: left;
	clear: none;
}



.Rolodex th {
	background: #e1e1e1;
	text-align: left;
}

.Rolodex .otherBox {
	background: inherit;
	width: 20px;
	height: 20px;
	float: left;
	clear: none;
}

.SiteName {
	color: #000099;
	float: left;
}

a#HomeLink {
	color: #000099;
}

.ExitRoute {
	float: right;
}

.FinePrint {
	font-size: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

.Message {
	font-weight: bold;
	background: #ffff00;
	
}

.softMessage {
	font-weight: bold;
	background: #e1e1e1;
	
}

.Rolodex {
	width: 970px;
	/*  height:  100%;  */
	margin-top: 0px;
	border: solid 1px #000000;
	color: #000099;
	background: white;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	
}


.Rolodex .letterTab {
	background: #000099; 
	width: 100%;
	clear: both;
	border-bottom: solid 1px #000099;
	height: 19px;
}

.Rolodex .rolodexContent {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 25px;
	width: 100%;
	clear: both;
}

.Rolodex .rapidReportMenu {
 	width: 100%; 
	clear: both; 
	float: left;
}

.Rolodex .description {
	color: #c0c0c0;
	font-weight: bold;
}

.Rolodex .rolodexFilterSettings {
	margin-top: 3px;
	margin-bottom: 10px;
}

.rolodexRecordSettings {
	margin-top: 3px;
	margin-bottom: 10px;
	background: #e1e1e1;
	padding: 3px;
	
}

.Rolodex .rolodexHeader {
	width: 950px;
	clear: both;
	height:  50px;
}

.Rolodex .rolodexHeader .memberNameHeader {
   width:  650px;
	clear: none;
	float: left; 
}

.wizardBox {
	border-top: solid 1px #000000;
	border-left: solid 1px #000000;
	border-right: solid 3px #000000;
	border-bottom: solid 3px #000000;
	/* background: #FFCCCC; */
	background: #e1e1e1;
	padding: 3px;
	text-align: center;

}

.wizardBox form {
	margin: 0px;
	padding: 0px;
}

.wizardBox h3 {
	font-size: 14px;
	
	font-weight: bold;
	margin: 0px;
}


.wizardBox select {
	background: #ffffcc;
	color: #0000ff;
	font-weight: bold;
	font-size: 12px;
	
}




/*
.Rolodex .wizardMenu {
	width:  300px;
	float: left; 
}
*/

form {
	clear: none;
}



form#filterForm {
	width: 968px;
	background: #000099;
	
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	font-size:  11px;

	border-top: solid 1px #000099;
	border-left: solid 1px #000099;
	border-right: solid 1px #000099;
	border-bottom: solid 1px #000099;
	padding-left: 2px;
	padding-right: 0;
	padding-top: 0;
	padding-bottom: 2px;
	color: white;
	
	font-weight: bold;
}

form#filterForm input {
	
	font-size:  12px;
	font-weight: bold;
	padding: 0px;
	color: #000099;
}

form#filterForm input#navButton {
	width: 25px;
	margin: 0px
}

form input#rapidReportButton {
	background: white;
	color: red;
	font-size: 11px;
	font-weight: bold;
}

form#filterForm  select {
	
	font-size:  11px;
	padding: 0px;
	color: #000099;
	font-weight: bold;
}

form#filterForm fieldset {
	border: none;
}

.clmsData {
	width: 950px;
	
	border-left: solid 2px #000000;
	border-right: solid 2px #000000;
	border-top: solid 2px #000000;
	border-bottom: solid 2px #000000;
	background: #e1e1e1;
	margin: 0px;
	height: 100%;
}


/*
.clmsData th {
	background: #000000;	
	color: #ffffff;
}
*/


.clmsData .editMemberMenu {
	width: 100%;
	background: #000000;
	clear: both;
	float: left;
	font-size: 11px;
}

.clmsData form {
	margin: 0px;
}

form#editDataForm {
	width: 100%;
	height: 100%;
	background: #e1e1e1;
	margin-top: 0px;
	margin-bottom: 0px;
	clear: both;
}

form#editDataForm input, select {
	font-size: 13px;
	font-weight: normal;
	color: #000000;
}

form#editDataForm label {
	width: 140px;
	float: left;
}


form#editDataForm p {
	margin: 0px;
}	

form#editDataForm fieldset {
	padding: 5px;
	border: none;
}	

form#editDataForm fieldset#committee {
	padding: 0px;
	border: none;
}	

form#editDataForm label#committee {
	padding-left: 5px;
	border: none;
}	

form#editDataForm label#coa {
	width: 250px;
	float: left;
	font-weight: bold;
}

form#editDataForm fieldset#dates p {
	margin-bottom: 15px;
	clear: both;
}	

form#editDataForm input[readonly]  {
 	 background: #cccccc; 
	 color: #000000; 
	 font-weight: bold;
}

form#editDataForm textarea[disabled]  {
 	 background: #cccccc; 
	 color: #000000; 
	 font-weight: bold;
}

form#editDataForm textarea[readonly]  {
 	 background-color: #cccccc; 
	 color: #000000; 	 
	 font-weight: bold;
}

form#editDataForm select[disabled]  {
 	 background: #cccccc; 
	 color: #000000; 
	 font-weight: bold;
}

form#editDataForm input#deleteButton {
	background: white;
	color: #000099;
	font-size: 11px;
	margin: 5px;
	font-weight: bold;
}

form#editDataForm input#SendFormAction {
	float: right;
	background: white;
	color: red;
	font-size: 11px;
	margin: 5px;
	font-weight: bold;
}

form#editDataForm .clmsButton {
	font-size: 50px;
	background: white;
	color: red;
	font-size: 11px;
	margin: 5px;
	font-weight: bold;
}

form#editDataForm input#SendFormActionDate {
	float: right;
	background: white;
	color: red;
	font-size: 11px;
	margin: 5px;
	font-weight: bold;
}

form#editDataForm .missingData  {
	 /* background: #ffffff !important; */
	 color: #ff0000 !important; 
	 font-weight: bold;
}

form#editDataForm th {
	background: #eeeeee;
	/*  padding: 5px;  */
	text-align: center;
	font-weight: bold;
	/*  font-size: larger; */
}

form#editDataForm h5 {
	background: white;
	border: solid 1px #000099;
	padding: 3px;
}

form#editDataForm .formAlert {
	background: white;
	padding: 10px;
	font-weight: bold;
	text-align: center;
}


form#candidateForm {
	background: #ffffcc;
	border: solid 1px #000000;
	padding: 10px;
}

form#compactForm {
	margin: 0px;
}

form#compactForm input, select {
	font-size:  12px;


}

.clmsData .editMemberMenu .selectedBox {
	background: #e1e1e1;
	width: 70px; 
	height: 25px;
	float: left;
	clear: none;
	padding: 3px;
	text-align: center;	
	font-weight: bold;
}


.clmsData .editMemberMenu .otherBox {

	background: inherit;
	width: 70px;
	height: 25px;
	float: left;
	clear: none;
	padding: 3px;
	text-align: center;
	
}

.clmsData .editMemberMenu a {
	color: white;
	font-weight: bold;
	padding: 5px;
}


.clmsData .editMemberMenu a:hover {
	color: red;
	background: #ffffcc;
	font-weight: bold;
	padding: 5px;
}


/*
.clmsData input#SendFormAction {
	float: right;
	
	color: red;
	background: white;
}
*/

.clmsData input#flagSubmit {
	float: right;
	font-size: 14px;
}

.clmsData input#SendFormActionDATE {
	float: right;
	font-size: 14px;
}

.optionMenu h2 {
/*
	color: white;
	background: #000099;
*/
	color: black;	
	font-size: 14px;
	padding: 3px;
	margin-bottom: 0px;
}

.optionMenu ul {
	margin-top: 6px;
	font-weight: bold;
	line-height: 150%;
}

.content {
	margin-left: auto;
	margin-right: auto;
	width: 970px;
	color: #000099;
	clear: both;
	padding-top: 0px;
	
}

.textPage {
	width: 600px;
}

/*
.content input#SendFormAction {
	float: right;
	
	color: red;
	background: white;
}
*/



.report {
	margin-left: auto;
	margin-right: auto;
	width: 970px;
	color: #000099;
	clear: both;
	/* padding-top: 0px; */
	font-size: 12px;
}


.report th {
	text-align: left;
	background: #000000;
	color: #ffffff;
	font-size: 12px;
	padding: 3px;
}

.report td {
	font-size: 12px;
}

.report h3 {
	font-size: 18px;
	margin-bottom: 0px;
}

.report .alert {
	font-weight: bold;
	color: red;
}

.report .totalRow {
	background: #e1e1e1;
	font-weight: bold;	
}

.report .subheader {
	background: #e1e1e1;
	border-bottom: solid 1px #000000;
}

.report .subheader h3 {
	text-align: left;
	
}

.report .filterLabel {
	background: #e1e1e1; 
	margin-bottom: 20px; 
	clear: both;
}

.pdfFormat {
	text-align: right;
}

table#menu {
	font-size: 16px;
	
}
table#menu th {
	background: #e1e1e1;
	text-align: left;
	font-weight: bold;
}
table#menu em {
	font-size: small;
	font-weight: bold;
	padding-left: 15px;
}

form#reportFilter {
	background: #e1e1e1;
	border: solid 1px #c0c0c0;
	padding: 6px;
}

.readOnlyDate {
	font-weight: bold;
	/*
	width: 125px;
	float: left;
	clear: none;
	display: inline;
	*/
}

.supplementalData {
	font-size: 10px;
	/*  color: #636363;  */

}


.identities input {
	float: left;
	margin-right: 10px;
}

.identities select {
	float: left;
	margin-right: 10px;
}

.identities label {
	width: 75px !important;
}


.identities p {
	width: 100%;
	clear: both;
}

.lowKey {
	font-size: 11px;
	color: GrayText;
}

.decline {
	background: #FFAEAE;
}

.increase {
	background: #AAFEFF;
}

.wizard {
	border-top: solid 1px #000000;
	border-left: solid 1px #000000;
	border-right: solid 3px #000000;
	border-bottom: solid 3px #000000;
	background: #e1e1e1;
	
	padding: 10px;
	
}

.wizard a {
	font-weight: bold;
}

.wizard h3 {
	text-decoration: underline;	
}

.wizard h2 {
	background: white;
	border: solid 1px #000000;
	font-size: 14px;
	padding: 3px;
	margin: 0px;
}

.wizard .alert {
	border: solid 1px #000000;
	background: #ffffff;
	color: red;
	font-size: 11px;
	font-weight: bold;
	padding: 10px;
	margin: 15px;
}

form#wizardForm label {
	width: 150px;
	float: left;
	text-align: right;
	font-weight: bold;
}

form#wizardForm input[readonly]  {
 	 background: #cccccc; 
	 color: #000000; 
	 font-weight: bold;
}

form input#wizardAction {
	text-align: center;
	
	background: white;
	color: red;
	font-weight: bold;
	
}




.subWizardMenu {
	width: 300px;
	float: right;
}

.subWizardMenu select {
	font-size: 12px; 
	font-weight: bold;
	color: blue;
	background: #ffffcc;
	margin-right:  0px;
	width: 200px;
}

.removeButton {
	font-size:  11px;
	font-weight: bold;
}

.paymentTable {
	font-size:  11px;
	margin-bottom: 30px;
}

.paymentTable th {
	background: #c0c0c0;
	color: #000000;
}

.paymentTable .paymentLine {
	background: #ffffcc;
	font-weight: bold;
	color: black;
	
}

fieldset#duesButtons {
	border: 0px;

}

fieldset#duesButtons input {
	
	width: 400px;
	text-align: left;

}

.adminOnly {
	background: silver;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}


/*	Helper styles for siteAlert - apply to an infobox	*/
.info { background:url('/images/siteAlert.gif') 15px 10px no-repeat #fff9d8; }
.error { background:url('/images/siteAlert_error.gif') 15px 10px no-repeat #ffe0e0; }

.rightFloat { float:right; padding:0px 0px 20px 20px; text-align:center; clear:both; }
.rightImage { float:right; margin:2px 0 0 20px; }
.iconLeft { float:left; padding:0 15px 5px 0; }
.goButton { height:20px; width:40px; }


.siteAlert {
	width:80%;
	margin:10px auto 20px;
	padding:10px 10px 5px 10px;

	border:1px solid #ccc;

	min-height:65px;

	display:none;
	font-size:  11px;
}

.show {
	display:block;
}

.siteAlert img {
	float:left;
}

.siteAlert div {
	padding-left:70px;
}

.siteAlert ul { padding-left:70px; }
.siteAlert ul li { margin-bottom:5px; }

.siteAlert div h2 {
	clear:none;

	font-size:18pt;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	font-weight:bold;

	margin:0 0 5px 0;
}

.siteAlert p {
	padding:0 0 0 70px;
	margin:0;
}

.focusText {
	color: red;
	font-weight: bold;
}

.menuCount {
	color: #000099;
	font-weight: bold;
}

.pdfLink {
	font-size: 11px;
	text-align: right;
	padding: 5px;
	float: right;
	width: 200px;
	/*  border: solid 1px #000000;  */
}

.reportMenu dt {
	font-weight: bold;
	margin-bottom: 3px;
	padding-left: 20px;
}

.reportMenu dd {
	font-size:  11px;
	font-weight: normal;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-left: 20px;
}
.quickForm {
	border: solid 1px #000000;
	padding: 3px;
	background: #e1e1e1;
}

.generalAlert {
	border: solid 1px #820000;
	background: #eeeeee;
	font-weight: bold;
	padding: 5px;
	width: 95%;
	font-size: 11px;
	
	margin-bottom: 12px;
	color: black;
	
}


.generalAlert p {
	margin-top: 0px;
	margin-bottom: 10px;
}

/*
#helpButton {
	padding: 3px;
	border-bottom: solid 2px #000000;
	border-right: solid 2px #000000;
	border-top: solid 1px #000000;
	border-left: solid 1px #000000;
	float: right;
	margin-right: 50px;
	text-decoration: none;
	font-weight: bold;
	background: #ffffff;
	font-size: 10px;
	margin-top: 20px;
	margin-bottom: 10px;
}
*/

#flagButton {
	padding-left: 5px;
	padding-right: 5px;
	border-bottom: solid 2px #000000;
	border-right: solid 2px #000000;
	border-top: solid 1px #000000;
	border-left: solid 1px #000000;
	float: left;
	text-decoration: none;
	font-weight: bold;
	background: #ffffff;
	font-size: 9px;
	margin-top: 0px;
	margin-bottom: 0px;
	clear: right;
	color: red;
}

/*
#miscButton {
	padding-left: 5px;
	padding-right: 5px;
	border-bottom: solid 2px #000000;
	border-right: solid 2px #000000;
	border-top: solid 1px #000000;
	border-left: solid 1px #000000;
	text-decoration: none;
	font-weight: bold;
	background: #ffffff;
	font-size: 11px;
	color: red;
	clear: none;
	float: left;
	margin: 5px;
}
*/
.miscButton {
	padding-left: 5px;
	padding-right: 5px;
	border-bottom: solid 2px #000000;
	border-right: solid 2px #000000;
	border-top: solid 1px #000000;
	border-left: solid 1px #000000;
	text-decoration: none;
	font-weight: bold;
	background: #ffffff;
	font-size: 11px;
	color: red;
	clear: none;
	float: left;
	margin: 5px;
}

form#editDataForm .functionButton {
	
	background: #ffffff;
	font-size:  11px;
	color: #ff0000;
	font-size: 11px;
	font-weight: bold;
}



#helpButton {
	padding-left: 5px;
	padding-right: 5px;
	border-bottom: solid 2px #000000;
	border-right: solid 2px #000000;
	border-top: solid 1px #000000;
	border-left: solid 1px #000000;
	text-decoration: none;
	font-weight: bold;
	background: #ffffff;
	font-size: 11px;
	color: red;
	clear: none;
	float: right;

}


#helpText {
	padding: 3px;
	border-bottom: solid 2px #000000;
	border-right: solid 2px #000000;
	border-top: solid 1px #000000;
	border-left: solid 1px #000000;
	text-decoration: none;
	font-weight: bold;
	background: #ffffff;
	font-size: 10px;
	line-height: 80%;
	margin-bottom: 20px;
	vertical-align: super;
}

.helpScreen {
	padding: 10px;
}

.helpHeader {
	padding: 6px;
	background: #000099;
	color: white;
}

.helpScreen h4 {
	font-size: 16px;
	font-weight: bold;
}

.helpScreen h5 {
	background: #000099;
	color: #ffffff;
	padding: 3px;
}

.helpTopics {
	font-weight: bold;
}

table#messages {
	border: solid 1px #000000;
	width: 100%;
}
table#messages th {
	background: #e1e1e1;	
	padding: 3px;
	border-bottom: solid 1px #000000;
}


table#messages td {
	padding: 5px;
	
}

table#messages .labelCell {
	background: #e1e1e1;
	border-right: solid 1px #000000;
	border-bottom: solid 1px #000000;
}

table#messages .dataCell {
	border-bottom: solid 1px #000000;
	border-right: solid 1px #000000;
}

table#flags {
	border: solid 1px #000000;
	width: 100%;
	margin-bottom: 25px;
}

table#flags td {
	background: #ffffff;	
	padding: 6px;
	border-bottom: solid 1px #000000;
	
}


form#messagingMenu {
	margin: 0px;
	font-size: 11px;
	clear: none;
	float: left;
}

form#messagingMenu input {
	font-size: 12px;
	font-weight: normal;
	width: 180px;
}

form#messagingMenu input#navButton {
	color: red;
	background: white;
	font-weight: bold;
	font-size: 11px;
	float: right;
}


.flagLink {
	float: right; 
	margin-bottom: 20px; 
	color: red;
	padding: 2px; 
	

	margin-left: 10px;
	margin-bottom: 3px;
	font-size: 11px;
	font-weight: bold
}

.rolodexContent {
	
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	height: 100%;  
}

.subTotal {
	background: #eeeeee;
}

.total {
	background: #cccccc;
	font-weight: bold;
	
}

.labelRow {
	background: black;
	color: white;
	font-weight: bold;
	padding: 10px;
}



.dataTable td {
	border-bottom: solid 1px #c0c0c0;
	
}

.clmsData#padded {
	padding: 5px;	
 
}

div#curtain1 {
	background: #ffffcc;	
}

div#curtain2 {
	background: #eeeeee;
	display: none;
}

.MajorContent {
	width: 65%; 
	float: left;
}

.MinorContent {
	width: 35%; 
	float: left;
}

/*
.MinorContent h2 {
	padding-left: 5px;
	border-bottom: solid 2px #ff0000;
	font-size: 16px;
	
}
*/

.NewsList .NewsIntro {
	font-size:  12px;
	margin-top: 5px;
	margin-bottom: 15px;
	
}


.PageContent {
	padding-left: 20px;
	padding-right: 20px;
}


iframe 
{ 
	
	width: 100%;
	height: 550px;
	/*
	overflow-x: hidden;
	overflow-y: scroll;
	*/
	
}

#loading
{
	position:absolute;
	top: 0;
	left: 0;
	
	padding-top: 100px;
	
	/*  margin-left: 150px;  */
	/*  padding-left: -150px;  */
	/*  margin-bottom: 100px;  */
	/*  padding-bottom: -100px;  */
	
	font-size: 24px;
	text-align: center;
	background-color: #e1e1e1;
	layer-background-color: #e1e1e1;
	
	height: 80%; 
	width: 100%;
	
	z-index: 500;
}

.syncLineCLMS {
	font-size:  10px;
	font-weight: bold;
	background: #e1e1e1;
}

.syncLineMemSys {
	font-size:  10px;
	font-weight: bold;
	background: #ffffcc;
}

.syncLineComments {
	font-size:  10px;
	font-weight: bold;
	color: #ff0000;
	height: 50px;
}

.windowOptions {
	
	float: left;
	width: 100%;
}

.NewItem {
	background: #ffff00;
	color: red;
	font-weight: bold;
}

.totalRow {
	font-weight: bold;
}

.EditingArea {
	background: #e1e1e1;
	padding: 5px;
	border: solid 1px #000000;
	height: 100%;
}

.EditingArea .MenuLinks
{
	text-align: right;
}

.EditingArea .IntroText
{
	margin-bottom: 10px;
}

.EditingArea label {
	float: left;
	margin-left: 0px;
	margin-right: 6px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	text-align:right;
	width:200px;
}

.EditingArea fieldset {
	border: none;  
	margin: 3px;  
	padding: 0px; 
}

.EditingArea input.EditDeleteStory {
	font-size: 11px;
	width: 50px;
	margin: 0px;
	padding: 0px;
}

.EditingArea div.FormRow {
	padding-top: 3px;
	clear: both;
	text-align: left;
}

.EditingArea input.NewOrUpdateButton {
	font-size: 11px;
	margin: 0px;
	padding: 0px;
}

.EditingArea fieldset.NewOrUpdateButtons {
	border: none;
	float: right;
	font-size:  11px;
	padding: 0px;
}

.EditingArea form {
	padding: 0px;	
	margin: 0px;
	border: none 1px #000000;

}

.EditingArea label.headline {
	width: 600px;
	float: left;
	text-align: left;
	margin: 0px;
	padding: 0px;

}

.EditingArea em {
	font-size: smaller;
}

.contentBox {
	border: solid 1px #c0c0c0;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	overflow: auto;
	padding: 5px;
}

.contentTitle {
	border-left: solid 1px #c0c0c0;
	border-right: solid 1px #c0c0c0;
	border-top: solid 1px #c0c0c0;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 0px;
	overflow: auto;
	font-size: 18px;
	font-weight: bold;
	background: #eeeeee;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}


.contentBox p {
	padding-left: 10px;
	padding-right: 10px;
}

.tinyMenu {
	background: #ffff00;
	font-size: 10px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: right;
}

.inactiveRecord {
	color: #474747;
}

.activeRecord {

}

.syncLogForm {
	border-top: 1px solid #000000; 
	border-left: 1px solid #000000; 
	border-right: 3px solid #000000; 
	border-bottom: 3px solid #000000; 
	padding: 5px;
	margin: 5px;
	
	
}

#videoList {
	list-style-image: url("/graphics/icons/television.png"); 
}	 

#videoList li {
	padding-left: 5px;
}

.LabelRow {
	background: #e1e1e1;
	font-weight: bold;
}


.SmallDataRow {
	font-size:  9px;
	
}

.SmallLabelRow {
	background: #e1e1e1;
	font-weight: bold;
	font-size:  9px;
}

.subLabel {
	width: 80px;
	display: inline-block;
	
}

.articleText {
	font-size: 13px;
}

.highlight {
	background: #ffff00;
}

.bluehighlight {
	background: lightblue;
}

.grayhighlight {
	background: lightgray;
}

a.tooltip{
    position:relative; /*this is the key*/
    z-index:24; 
    text-decoration:none;
	width: 20px;
	height: 14px;
	cursor: help;
	display: inline-block;
	background: url('/images/helpicon.png') no-repeat right;
}

a.tooltip span 
{
	display: none
}

a.tooltip:hover span
{
	display:block;
    position:absolute;
    top:2em; left:2em; 
	width: 250px;
	padding: 4px;
    border:1px solid #666;
    background-color: #b4c2d2; 
	color:#000;
	font-size: 14px;
    text-align: center;
}

.membershipReport {
	margin-left: auto;
	margin-right: auto;
}

.membershipReport h2, h3, h6 {
	text-align: center;
}

.membershipReport h3 {
	color: red;
}

.membershipReport h4 {
	background: #000099;
	color: white;
	margin-top: 12px;
	margin-bottom: 12px;
	padding: 5px;
	
}

.membershipReport h6 {
	margin-top: 12px;
	margin-bottom: 0px;
}

.membershipReport table {
	margin-left: auto;
	margin-right: auto;
	width: 720px;
}

.pageFooter {
	margin-top: 15px;
	text-align: center;
	font-size:  11px;
	font-weight: bold;
	background: #eeeeee;
	width: 100%;
	clear: both;
	line-height: 150%;
}


/*
.coaForm {
	background: #e1e1e1;
	
}

.coaForm label {
	width: 250px;
	float: left;
	font-weight: bold;
}

.coaForm input {
	color: red;
	font-weight: bold;
}


.coaForm input[readonly]  {
 	 background: #cccccc; 
	 color: #000000; 
	 font-weight: bold;
}

.coaForm .current {

	font-size: smaller;
	font-weight: bold;
	color: #343434;
}
*/
.callOutBox {
	
	border: solid 1px #000099;
	padding: 5px;
}

.podTitle {
	font-size: 18px;
	font-weight: bold;
	color: #000099;
}

.clear {
   height: 0;
   font-size: 1px;
   margin: 0;
   margin-bottom: -1px;
   padding: 0;
   line-height: 0;
   clear: both;
}

#leftwrap, #rightwrap, #bothwrap
{
	min-height: 400px;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}

#leftcolumn
{
	float: left;
	width: 200px;
	margin: 0;
	padding: 0;
	display: block;
}

#leftcontent
{
	position: relative;
	margin: 0;
	padding: 0;
	padding-top: 20px;
}


#leftcontent ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

#leftcontent li
{
	border-bottom: 1px solid #fff;
}

#leftcontent li a
{
	width: 170px;
	height: 20px;
	display: block;
	margin: 0;
	padding: 9px 10px 5px 20px;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	background: #336699;
}

#leftcontent li a:hover
{
	color: #232323;	
	background: #f1f1f1;
}

#leftcontent li a.activeMenu
{
	background: #fff;
	color: #000;
}

#leftcontent li div
{
	position: relative;
	visibility: hidden;
	display: none;
	clear: left;
	margin: 0;
	padding: 0;
	border: 1px solid #
}

#leftcontent li div li a
{
	width: 170px;
	height: auto;
	display: block;
	margin-left: 5px;
	padding: 4px 0 4px 25px;
	text-decoration: none;
	font-size:12px;
	font-weight: normal;
	color: #336699;
	background: #eceaea;
}

#leftcontent li div li:hover a:hover
{
	text-decoration: underline;
	color: #800;
	background: #e0e0e0;
}

#leftcontent li div li a.activeSub
{
	color: #000;
	font-weight: bold;
	background: #e0e0e0;
}

#leftcontent li div li.last
{
	border:none;	
}

/* Base styles for the element that has a tooltip */
[data-tooltip],
.tooltip {
  position: relative;
  cursor: pointer;
}

/* Base styles for the entire tooltip */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after {
  position: absolute;
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: 
      opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    -moz-transition:    
        opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    transition:         
        opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform:    translate3d(0, 0, 0);
  transform:         translate3d(0, 0, 0);
  pointer-events: none;
}

/* Show the entire tooltip on hover and focus */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* Base styles for the tooltip's directional arrow */
.tooltip:before,
[data-tooltip]:before {
  z-index: 1001;
  border: 6px solid transparent;
  background: transparent;
  content: "";
}

/* Base styles for the tooltip's content area */
.tooltip:after,
[data-tooltip]:after {
  z-index: 1000;
  padding: 8px;
  width: 160px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  font-size: 14px;
  line-height: 1.2;
}

/* Directions */

/* Top (default) */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after,
.tooltip-top:before,
.tooltip-top:after {
  bottom: 100%;
  left: 50%;
}

[data-tooltip]:before,
.tooltip:before,
.tooltip-top:before {
  margin-left: -6px;
  margin-bottom: -12px;
  border-top-color: #000;
  border-top-color: hsla(0, 0%, 20%, 0.9);
}

/* Horizontally align top/bottom tooltips */
[data-tooltip]:after,
.tooltip:after,
.tooltip-top:after {
  margin-left: -80px;
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after,
.tooltip-top:hover:before,
.tooltip-top:hover:after,
.tooltip-top:focus:before,
.tooltip-top:focus:after {
  -webkit-transform: translateY(-12px);
  -moz-transform:    translateY(-12px);
  transform:         translateY(-12px); 
}

/* Left */
.tooltip-left:before,
.tooltip-left:after {
  right: 100%;
  bottom: 50%;
  left: auto;
}

.tooltip-left:before {
  margin-left: 0;
  margin-right: -12px;
  margin-bottom: 0;
  border-top-color: transparent;
  border-left-color: #000;
  border-left-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-left:hover:before,
.tooltip-left:hover:after,
.tooltip-left:focus:before,
.tooltip-left:focus:after {
  -webkit-transform: translateX(-12px);
  -moz-transform:    translateX(-12px);
  transform:         translateX(-12px); 
}

/* Bottom */
.tooltip-bottom:before,
.tooltip-bottom:after {
  top: 100%;
  bottom: auto;
  left: 50%;
}

.tooltip-bottom:before {
  margin-top: -12px;
  margin-bottom: 0;
  border-top-color: transparent;
  border-bottom-color: #000;
  border-bottom-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-bottom:hover:before,
.tooltip-bottom:hover:after,
.tooltip-bottom:focus:before,
.tooltip-bottom:focus:after {
  -webkit-transform: translateY(12px);
  -moz-transform:    translateY(12px);
  transform:         translateY(12px); 
}

/* Right */
.tooltip-right:before,
.tooltip-right:after {
  bottom: 50%;
  left: 100%;
}

.tooltip-right:before {
  margin-bottom: 0;
  margin-left: -12px;
  border-top-color: transparent;
  border-right-color: #000;
  border-right-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-right:hover:before,
.tooltip-right:hover:after,
.tooltip-right:focus:before,
.tooltip-right:focus:after {
  -webkit-transform: translateX(12px);
  -moz-transform:    translateX(12px);
  transform:         translateX(12px); 
}

/* Move directional arrows down a bit for left/right tooltips */
.tooltip-left:before,
.tooltip-right:before {
  top: 3px;
}

/* Vertically center tooltip content for left/right tooltips */
.tooltip-left:after,
.tooltip-right:after {
  margin-left: 0;
  margin-bottom: -16px;
}