@import url("admin-buttons.css?cb=111");/* the import has to be first  in any css, double quotes required */
BODY {margin:0px; padding:0px; 	font-family: Arial, Helvetica, san-serif;font-size: 13px; }
td, p {font-size: 13px; font-family: Arial, Helvetica, san-serif; color:#000000; color:#000000;}
 
a, a:link, a:active, a:visited { color: #004040; text-decoration: underline; } 
a:hover { color: #4533AF; text-decoration:none; }
 
 
 .roundedCornerGrayBox {
background-color:#f7f7f7;
border:1px solid #dddddd;
padding:10px;
border-radius:10px;
-moz-border-radius:10px;
}
.nodisp{display:none;}
 
 #w3scLeftMenuSpace { 
 padding-left:1px;
 width:131px;
 overflow-x:hidden;
 }
 
div.menMain {
cursor:pointer;
margin:0 2px 8px 0;
padding:10px 1px 10px 2px;
background:#eeeeee;
border:1px solid #dddddd;
}
div.menMain img {/* icon */
width:23px;
border:0;
float:left;
margin-right:5px;
vertical-align:middle;
}
div.menMain span {/*big words by icon */
font-size:14px;
font-weight:bold;
}

.icon12 {
width:12px;
height:12px;
border:0;
}

.icon22 {
width:22px;
height:20px;
border:0;
}
.icon24 {
width:24px;
height:24px;
border:0;
}

.bodyHalf {
width:50%;
float:left;
margin:0;
padding:0;
border:0;
}
.bodyPad {
padding:20px;
}


div.menSub {
margin:0 0 20px 1px;
display:none;
}
table.subMenTable { 
margin-left:auto;
margin-right:auto;
width:99%;
}
table.subMenTable tr td {
cursor:pointer;
}
table.subMenTable tr td div { 
padding:10px 0px 10px 4px;
border-bottom:1px solid #eeeeee;
color: #004040;
overflow:hidden;
} 
table.subMenTable tr:last-child td div { 
border-bottom:0;  
}
 

.menTdOver { 
color:#000000;
border-radius:7px;
-moz-border-radius:7px;
 /* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%);
/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%);
/* Opera */ 
background-image: -o-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%);
/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #EEEEEE));
/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%);
/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #FFFFFF 0%, #EEEEEE 100%); 
}
.menTdOn { 
color:#005992; 
background:#E6EFFA;/* text color above does not work, so have to try a background color I like */
border-radius:7px;
-moz-border-radius:7px; 
}
.menTdOut {
background:#ffffff;
color: #004040;
}
 
h1 {
	font-size: 18px; 
	margin:10px 0px 0px 2px; 
	text-align: center;
	color:#000000;
	font-family: Arial, Helvetica, san-serif;
} 
h1.admin {
	font-size: 18px; 
	margin:10px 0px 0px 2px; 
	text-align: center;
	color:#000000;
	font-family: Arial, Helvetica, san-serif;
}  
h2 {
	font-size: 16px; 
	text-align: center;
} 
h2.admin {
	font-size: 16px;  
	text-align: center;
	color:#000000;   
	font-family: Arial, Helvetica, san-serif;
}
h3 {
	font-size: 14px; 
	text-align: center; 
} 
h3.admin {
	font-size: 13px; 
	text-align: center;
	color:#000000;   
	font-family: Arial, Helvetica, san-serif;
}
table {border-collapse:collapse} 

input { 
	font-family: Arial, Helvetica, san-serif;
	}
textarea { 
	font-family: Arial, Helvetica, san-serif;
	}
select { 
	font-family: Arial, Helvetica, san-serif;
	}
FORM {margin:0px}

div#divLoginErrSpace {
	color:red;
	height:15px;
	display:block;
}

.roundedCorners {
	border-radius:10px;
	-moz-border-radius:10px;
}
.roundedCorners8 {
	border-radius:8px;
	-moz-border-radius:8px;
}
img#arrowStatus {
	width:28px;
	height:28px;
	border:0px;
}
.arrowStatus {
	margin-left:auto;
	margin-right:auto;
	width:28px; 
}
.ajaxlink, a.ajaxlink, a.ajaxlink:link, a.ajaxlink:visited, a.ajaxlink:hover, a.ajaxlink:active {
	text-decoration:none;
	border-bottom:1px dotted gray;
	cursor:pointer;cursor:pointer;
}
img#arrowUpDown {
width:12px;
height:12px;
vertical-align:middle;
border:0;
}
 
.tdTop { vertical-align: top; } /* for td's only */
.tdBottom { vertical-align: bottom; } /* for td's only */
.tdMiddle { vertical-align: middle; } /* for td's only (and images which replaces absmiddle) */
.blockCenter  {margin-left:0px auto;margin-right:0px; auto} 
.nobr {white-space:nowrap;}
.canwrap {
white-space:normal !important;
} 

.msg {min-height:26px; padding:6px; margin:5px auto 5px auto;width:650px;border: 2px solid green;background-color:#FFFF80;font-weight:bold;color:blue;text-align:left;font-size:13px;border-radius:10px;-moz-border-radius:10px;}
.err {min-height:26px; padding:6px; margin:5px auto 5px auto;width:650px;border: 2px dashed red;background-color:#FFFF80;font-weight:bold;color:red;text-align:left;font-size:13px;border-radius:10px;-moz-border-radius:10px;}
.minorMsg {padding:5px; margin:5px auto 5px auto;width:800px;border: 1px solid green;background-color:#FFFFC0; font-weight:bold;color:blue;text-align:left;font-size:12px;border-radius:8px;-moz-border-radius:8px;}

.errIcon {float:left;width:25px;height:21px;border:0;margin:0 10px 3px 0;}
.msgIcon {float:left;width:25px;height:20px;border:0;margin:0 10px 3px 0;}
	
.publishWarning { color:red;font-weight:bold; font-size:12px;width:350px;border:2px solid yellow; background-color:#FFFFE5;height:20px; }
.publishButton {font-weight:bold;color:green;font-size:10px;width:100px;background-color:#f7f7f7;border:1px solid #cccccc;  } /* #2883BB */
.publishRedButtonSpace { background-color:red; color:white; font-weight:bold; font-size:10px; width:120px; text-align:center; white-space:nowrap; overflow:hidden; padding-bottom:3px; margin:3px;}
.publishGreenButtonSpace { background-color:green; color:white; font-weight:bold; font-size:10px; width:120px; text-align:center; white-space:nowrap; padding-bottom:3px; margin:3px; }

 
#headerw3sc {  
padding-bottom:3px;
}
#menuw3sc {
width:132px; 
}
#mainw3sc {  
width:100%; 
}
#publishingDiv { 
	position:absolute;
	top:2px;
	left:50%; 
	margin:0 0 0 -210px; 
	width:550px;
	height:250px;
	display:none;
	z-index:6;   
	border:2px solid #FFFF00;
	background-color:#f7f7f7;
	padding:8px; 
} 
#recreatingHTMLDiv {
	position:absolute;
	top:2px;
	left:50%; 
	margin:0 0 0 -275px; 
	width:550px;
	height:250px;
	display:none;
	z-index:6;   
	border:2px solid #FFFF00;
	background-color:#f7f7f7;
	padding:8px; 
}
img#smokeScreen { 
	position:absolute;
	display:none;
	z-index:50; 
	top:0px;
	left:0px;
	width:1px;/* sets to screen width in js */
	height:1px;/* sets to screen width in js */ 
	 /* image is already opaque but need more */
	 opacity:0.6;
	 filter:alpha(opacity=60);   /* For IE8 and earlier */ 	 
}	
.deleteButton {
	font-size: 13px;
	font-family: Arial, Helvetica, san-serif;
	text-align: center; 
	font-weight:bold;  
	border: 1px solid #cccccc; 
	background-color:red;
	color:white;
	cursor:pointer; cursor:pointer;
}
.addButton {
	font-size: 16px;
	font-family: Arial, Helvetica, san-serif;
	text-align: center; 
	font-weight:bold;  
	border: 1px solid #cccccc; 
	background-color:green;
	color:white;
	cursor:pointer; cursor:pointer;
}	
.hand {cursor:pointer;}
.underline{text-decoration:underline;} 
.tip {
margin-bottom:5px;
margin-left:auto;
margin-right:auto;
background-color:#F5F5F5;width:700px;border:1px solid #dddddd;padding:7px;text-align:left;display:block;
font-family: Arial,helvetica,sans-serif; font-size: 12px;  font-weight: normal; color:#000000}



.noUnder {text-decoration:none; }
a.noUnder:link {text-decoration:none;}
a.noUnder:visited {text-decoration:none;}
a.noUnder:hover{text-decoration:none;} 

.W3 {font-family:georgia,arial, helvetica; font-weight:bold; font-style:italic; color:#008080; font-size:17px}
a.W3:link {text-decoration:none;color:#008080}
a.W3:visited {text-decoration:none;color:#008080}
a.W3:hover {text-decoration:none; color:#008080}  
.W3nameLarge {font-family:arial, helvetica; font-weight:bold; font-style: normal; color:#800000; font-size:15px} 
a.W3nameLarge:link {text-decoration:none;color:#800000}
a.W3nameLarge:visited {text-decoration:none;color:#800000}
a.W3nameLarge:hover {text-decoration:none }  

.CK {font-family:  Myriad Web Pro Condensed,Arial Narrow,arial, helvetica,sans-serif;  font-weight:bold;color:#FE8600; font-size:20px}
a.CK:link {text-decoration:none;color:#FE8600}
a.CK:visited {text-decoration:none;color:#FE8600}
a.CK:hover {text-decoration:none; color:#FE8600}  

.W3ShoppingCartLarge {font-family:  Myriad Web Pro Condensed,Arial Narrow,arial, helvetica; font-weight:bold; font-style: normal; color:#399252; font-size:17px} 
a.W3ShoppingCartLarge:link {text-decoration:none;color:#399252}
a.W3ShoppingCartLarge:visited {text-decoration:none;color:#399252}
a.W3ShoppingCartLarge:hover {text-decoration:none} 
 
.big		{font-family: Arial,helvetica,sans-serif; font-size: 14px;  font-weight: normal; color:#000000}
a.big:link	{color: #004040; text-decoration: underline;}
a.big:active	{color: #004040;  text-decoration:underline;}
a.big:visited	{color: #025655; text-decoration: underline;}
a.big:hover	{color: #000080; text-decoration: underline }
 
.tiny		{font-family: Arial,helvetica,sans-serif; font-size: 11px;  font-weight: normal; color:#000000; line-height:13px}
a.tiny:link	{color: #000000; text-decoration: underline;}
a.tiny:active	{color: #000000;  text-decoration:underline;}
a.tiny:visited	{color: #000000; text-decoration: underline; }
a.tiny:hover	{color: #404040; text-decoration: underline; } 

.tinyRed		{font-family: Arial,helvetica,sans-serif; font-size: 11px;  font-weight: bold; color:red; line-height:12px}
a.tinyRed:link	{color: Red; text-decoration: underline; }
a.tinyRed:active	{color: Red;  text-decoration:underline; }
a.tinyRed:visited	{color: Red; text-decoration: underline; }
a.tinyRed:hover	{color: #c00000; text-decoration: underline; }
 
.tinyBlueBright		{font-family: Arial,helvetica,sans-serif; font-size: 11px;  font-weight: bold; color:Blue; line-height:12px}
a.tinyBlueBright:link	{color: Blue; text-decoration: underline; }
a.tinyBlueBright:active	{color: Blue;  text-decoration:underline; }
a.tinyBlueBright:visited	{color: Blue; text-decoration: underline; }
a.tinyBlueBright:hover	{color: #0000c0; text-decoration: underline;  } 

.tinyGreen		{font-family: Arial,helvetica,sans-serif; font-size: 11px;  font-weight: bold; color:#008600; line-height:12px}
a.tinyGreen:link	{color: #008600; text-decoration: underline; }
a.tinyGreen:active	{color: #008600;  text-decoration:underline; }
a.tinyGreen:visited	{color: #008600; text-decoration: underline; }
a.tinyGreen:hover	{color: #00c000; text-decoration: underline; } 
  
.tinyBold		{font-family: Arial,helvetica,sans-serif; font-size: 11px; font-weight: bold; color:#000000; line-height:12px}
a.tinyBold:link	{color: #004040; text-decoration: underline;   font-weight: bold;}
a.tinyBold:active	{color: #004040;  text-decoration:underline;  font-weight: bold;}
a.tinyBold:visited	{color: #025655; text-decoration: underline;  font-weight: bold;}
a.tinyBold:hover	{color: #000080; text-decoration: underline;  font-weight: bold; }

.tinyBlue		{font-family: Arial,helvetica,sans-serif; font-size: 11px;  font-weight: bold; color:#0294BE; line-height:12px}
a.tinyBlue:link	{color: #0294BE; text-decoration: underline; }
a.tinyBlue:active	{color: #0294BE;  text-decoration:underline; }
a.tinyBlue:visited	{color: #0294BE; text-decoration: underline; }
a.tinyBlue:hover	{color: #000080; text-decoration: underline;  }
 
.small		{font-family: Arial,helvetica,sans-serif; font-size: 12px;  font-weight: normal; color:#000000;line-height:14px;}
a.small:link	{color: #004040; text-decoration: underline;}
a.small:active	{color: #004040;  text-decoration:underline;}
a.small:visited	{color: #025655; text-decoration: underline;}
a.small:hover	{color: #000080; text-decoration: underline }

.smallRed	{font-family: Arial,helvetica,sans-serif; font-size: 12px;  font-weight: normal; text-decoration: none;color: Red; line-height:14px;}
a.smallRed:link	{color: #004040; text-decoration: underline;color: Red;}
a.smallRed:active	{text-decoration:underline;color: Red;}
a.smallRed:visited	{text-decoration: underline;color: Red;}
a.smallRed:hover	{color: #000080; text-decoration: underline; }

.smallBlue	{font-family: Arial,helvetica,sans-serif; font-size: 12px;  font-weight: normal; text-decoration: none;color: blue;}
a.smallBlue:link	{text-decoration: underline;color: blue;}
a.smallBlue:active	{text-decoration:underline;color: blue}
a.smallBluevisited	{ text-decoration: underline;color: blue;}
a.smallBlue:hover	{color: red; text-decoration: underline }
 
.smallBold	{ font-size: 12px;  font-weight: bold;}
a.smallBold:link	{color: #004040; text-decoration: underline;  font-weight: bold;}
a.smallBold:active	{color: #004040;  text-decoration:underline;  font-weight: bold;}
a.smallBold:visited	{color: #025655; text-decoration: underline;  font-weight: bold;}
a.smallBold:hover	{color: #000080; text-decoration: underline;  font-weight: bold; }
  
.menuTop {
	width:118; 
	height:18;
	background-image:url(images/menuTop.gif);
	background-repeat:no-repeat;  
	font-size: 10px; 
	text-align:center;
	padding-top:1px;
	font-family: Arial, Helvetica, san-serif;
	font-weight:bold;
	color:white; 
}

.menuLeftBoxTitle {
width:118; 
height:18;
background-image:url(images/menuTop.gif);
background-repeat:no-repeat;  
font-size: 10px; 
text-align:center;
padding-top:1px;
font-family: Arial, Helvetica, san-serif;
font-weight:bold;
color:white; 
}

.menuLeftBoxTitleText {font-family: Arial, Helvetica, san-serif; font-weight:bold; color:white; }
a.menuLeftBoxTitleText:link	{font-family: Arial, Helvetica, san-serif; font-weight:bold; color:white; text-decoration:  none;}
a.menuLeftBoxTitleText:active	{color:white; text-decoration:  none;}
a.menuLeftBoxTitleText:visited	{color:white; text-decoration:  none;}
a.menuLeftBoxTitleText:hover	{color:white; text-decoration:  underline;}
	
.menuBottom {
	width:118px; 
	height:5px;
	background:url('images/menuBottom.gif') no-repeat; 
}
	
.menuTopDiv{margin-left:20px;margin-right:0px;margin-bottom:0px;margin-top:0px}
.menuTopText {color:#005992; font-size: 12px; font-weight:normal; line-height:11px }
a.menuTopText:link	{font-family: Arial, helvetica,sans-serif; color:#005992; font-weight: normal; text-decoration:  none;}
a.menuTopText:active	{font-family: Arial, ,helvetica,sans-serif; color:#005992; font-weight: normal; text-decoration: none;}
a.menuTopText:visited	{font-family: Arial,helvetica,sans-serif; color:#005992; font-weight: normal;text-decoration: none;}
a.menuTopText:hover {font-family: Arial,helvetica,sans-serif; color:#005992; font-weight: normal; text-decoration: underline;} 
	
.menuLeftAndRight {background-color:#005992; width:1px}

.menuCenter {background-color:#FFFFFF; width:116; color:#005992; font-size: 11px; font-weight:normal; }
.menuCenterDiv {margin-left:2px;margin-right:1px;margin-bottom:3px;margin-top:2px}

.menuCenterText {color:#000000; font-size: 11px; font-weight:normal; line-height:13px;white-space:nowrap;font-family: Arial,helvetica,sans-serif; font-weight:normal;}
a.menuCenterText:link	{color:#000000;text-decoration: underline;} 
a.menuCenterText:active	{color:#000000; text-decoration: underline;}
a.menuCenterText:visited { color:#000000;  text-decoration: underline;}
a.menuCenterText:hover { color:#000000; text-decoration:none;} 

.menuSiteBuilder {color:#000000; font-size: 12px; line-height:14px;white-space:nowrap; font-weight:normal;}
a.menuSiteBuilder:link	{color:#000000;text-decoration: underline;} 
a.menuSiteBuilderactive	{color:#000000; text-decoration: underline;}
a.menuSiteBuilder:visited { color:#000000;  text-decoration: underline;}
a.menuSiteBuilder:hover { color:#000000; text-decoration:none;} 
 
.evenRow {background: #eeeeee;}
.oddRow {background: #FFFFFF;}
.onRow {background: #FFFFC0 !important; } 
.overRow {background: #FFDFDF; } 

.reportHeaderRow {background: #005992;}  
.reportSubHeaderRow {background: #006BAE;}  
.reportSubHeaderRowLight {background: #D0E4F0;}  
.reportHeaderHighlighted {background: #006BAE;}  
.reportDividerTDRow {background:#FD7802;height:3px;} /* small orange row on a TD colspan="2" that separates sections of a report */

.reportHeaderCellHighlighted {
	background: #0B71B1;
	font-size: 10px; 
	line-height:13px;
	font-family: Arial, Helvetica, san-serif;
	font-weight:bold;
	color:white;
	text-align:left;
}  
	
.reportHeaderText {
	font-size: 10px; 
	line-height:13px;
	font-family: Arial, Helvetica, san-serif;
	font-weight:bold;
	color:white;  
	text-align:left;
	} 
a.reportHeaderText:visited, a.reportHeaderText:active,a.reportHeaderText:link  { 
	color:white;
	text-decoration:underline; 
}
a.reportHeaderText:hover {
	color:yellow;
	text-decoration:underline; 
}	
	
.reportHeaderTextHighlighted {
	font-size: 10px; 
	line-height:13px;
	font-family: Arial, Helvetica, san-serif;
	font-weight:bold;
	color:yellow;
	text-align:left;
	} 
	 
.reportSubText {
	font-size: 10px; 
	line-height:13px;
	font-family: verdana,Arial, Helvetica, san-serif; 
	color:#000000;
	text-align:left;
	}
a.reportSubText:link, a.reportSubText:active, a.reportSubText:visited  { 
	color:#404040;
	text-decoration:underline;
	} 
a.reportSubText:hover {font-size: 10px; line-height:13px; 
	color:#4533AF;
	text-decoration:underline;
	}
	
.reportSubHeaderLightText {font-size: 10px; line-height:13px;
	font-family: Arial, Helvetica, san-serif;
	font-weight:bold;
	color:#000000;
	}
a.reportSubHeaderLightText:link {font-size: 10px; line-height:13px;
	font-family: verdana,Arial, Helvetica, san-serif; 
	color:#000000;
	text-decoration:underline;
	}
a.reportSubHeaderLightText:active {font-size: 10px; line-height:13px;
	font-family: verdana,Arial, Helvetica, san-serif; 
	color:#000000;
	text-decoration:underline;
	}
a.reportSubHeaderLightText:visited {font-size: 10px; line-height:13px;
	font-family: verdana,Arial, Helvetica, san-serif; 
	color:#000000;
	text-decoration:underline;
	}
a.reportSubHeaderLightText:hover {font-size: 10px; line-height:13px; 
	color:red;
	text-decoration:underline;
} 
	
.reportText {
	font-size: 11px;
	font-family: Arial, Helvetica, san-serif;  
	color:#000000;
	text-align:left;
}
a.reportText:link, a.reportText:active, a.reportText:visited { 
	color:#004040;
	text-decoration:underline;
} 
a.reportText:hover { 
	color: #4533AF;
	text-decoration:underline;
}


/* migrating to this on report tables   */
TABLE#reportTable { /* <table id="reportTable" cellspacing="0" cellpadding="0" border="0">   */
	border:1px solid #dddddd;
}
TABLE#reportTable TR.evenRow {
	background: #eeeeee;
}
TABLE#reportTable TR.oddRow {
	background: #FFFFFF;
}
TABLE#reportTable TR.onRow {
	background: #FFFF80;
}
TABLE#reportTable TR.overRow {
	background: #FFDFDF;
} 

TABLE#reportTable TR:nth-child(odd) {
background: #FFFFFF;
}
TABLE#reportTable TR:nth-child(even) {
background: #eeeeee;
} 
/* the following must come AFTER the nth specs above so it overrides if for the first (odd) row */
TABLE#reportTable TR:first-child {
	background-color: #005992; /* like reportHeaderRow above */
}
TABLE#reportTable TR:first-child TD,
TABLE#reportTable TR:first-child TD a,
TABLE#reportTable TR:first-child TD a:link,
TABLE#reportTable TR:first-child TD a:visited,
TABLE#reportTable TR:first-child TD a:active, 
TABLE#reportTable TR:first-child TH,
TABLE#reportTable TR:first-child TH a,
TABLE#reportTable TR:first-child TH a:link,
TABLE#reportTable TR:first-child TH a:visited,
TABLE#reportTable TR:first-child TH a:active
 {/* like report header text above */
		font-size: 10px; 
		line-height:13px;
		font-family: Arial, Helvetica, san-serif;
		font-weight:bold;
		color:white;  
		text-align:left;
		white-space:nowrap;
} 
TABLE#reportTable TR TD.reportHeaderText {/* like report header text above (eventually not needed with TR:first-child TD above */
	font-size: 10px; 
	line-height:13px;
	font-family: Arial, Helvetica, san-serif;
	font-weight:bold;
	color:white;  
	text-align:left;
}
TABLE#reportTable TR:first-child TD a:hover,
TABLE#reportTable TR:first-child Th a:hover
 {/* like report header text above */ 
		color:yellow;  
		text-decoration:none; 
}
TABLE#reportTable TR TD {
	padding:6px;	
	font-size: 12px;
	font-family: Arial, Helvetica, san-serif;  
	color:#000000;
	text-align:left;
}  
TABLE#reportTable TR TD a { 
	color:#004040;
	text-decoration:underline;
} 
TABLE#reportTable TR TD a:hover { 
	color: #4533AF;
	text-decoration:none;
} 
TABLE#reportTable TR:first-child TD { /* like reportHeaderRow above */ 
	font-weight:bold;
	color:white;   
}  
img.absmiddle {
vertical-align:middle; /*replaces align="absmiddle" */
border:0;
}
img.img12x12 {
width:12px;
height:12px;
border:0;
}

img.icon20{
width:22px;
height:20px;
border:0;
vertical-align:middle;
}


.fieldDiv {
margin-top:16px;
font-weight:bold;
}
.fieldDivTitle {
font-weight:bold;
}
 
.fieldErrDiv {
margin-top:1px !important;
min-height:15px;
overflow-x:hidden;
font-weight:normal;
}
.fieldErr { /* inside fieldErrDiv */
color:red;
font-size:12px;
line-height:14px;
font-family:arial,helvetica,sans-serif;
}


/* can use this inside of a reportTable to negate the first tr row being a header row */
TABLE#plainTable {
border:0;
} 
TABLE#plainTableTR.evenRow {
background: transparent; 
}
TABLE#plainTable TR.oddRow {
background: transparent; 
}
TABLE#plainTable TR.onRow {
background: transparent; 
}
TABLE#plainTable TR.overRow {
background: transparent; 
}  
TABLE#plainTable TR:nth-child(odd) {
background: transparent; 
}
TABLE#plainTable TR:nth-child(even) {
background: transparent; 
} 
/* the following must come AFTER the nth specs above so it overrides if for the first (odd) row */
TABLE#plainTable TR:first-child {
background: transparent; 
}  
TABLE#plainTable TR:first-child TD {
	font-weight:normal;
	color:#000000; 
	font-size:12px;
	line-height:normal;
	white-space:wrap;
}
TABLE#plainTable TR:first-child TD a,
TABLE#plainTable TR:first-child TD a:link,
TABLE#plainTable TR:first-child TD a:visited,
TABLE#plainTable TR:first-child TD a:active {/* negate first row link is white */  
	font-weight:normal;
	color:#004040;
	font-size:12px;
	line-height:normal;
	white-space:wrap;
	text-decoration:underline;
}
 
TABLE#plainTable TR TD { /* negate reportHeaderRow above */ 
	font-weight:normal;
	color:#000000;   
	line-height:normal;
}
TABLE#plainTable TR:first-child TD { /* UNlike reportHeaderRow above */ 
	font-weight:normal;
	color:#000000; 
	font-size:12px;
}  
TABLE#plainTable TR TD a { 
	color:#004040;
	text-decoration:underline;
} 
TABLE#plainTable TR TD a:hover { 
	color: #4533AF;
	text-decoration:none;
} 










TABLE#plainTable TR:first-child TD {
	font-size:12px;
	line-height:normal; 
	font-weight:normal; 
	text-align:left;
	white-space:normal;
}
TABLE#plainTable TR:first-child TD a {/* un like report header text above */
	font-size:12px;
	line-height:normal; 
	font-weight:normal;
	color:#004040; 
	white-space:normal;
} 
TABLE#plainTable TR:first-child TD a:hover {/* un like report header text above */ 
	color: #4533AF;
	font-size:12px;
	text-decoration:none; 
}


TABLE.tableCellBorder {}
TABLE.tableCellBorder tr:first-child td {
border-top:1px solid #dddddd;
}

TABLE.tableCellBorder tr td {
border-right:1px solid #dddddd;
border-bottom:1px solid #dddddd;
}
TABLE.tableCellBorder tr td:first-child {
border-left:1px solid #dddddd; 
}
TABLE.tableCellBorder tr td:last-child {
border-right:1px solid #dddddd; 
}
TABLE.tableCellBorder tr:last-child td {
border-bottom:1px solid #dddddd;
}

.normal		{font-family: Arial,helvetica,sans-serif; font-size: 13px;  font-weight: normal; color:#000000} 
.norm		{font-family: Arial,helvetica,sans-serif; font-size: 13px; color: #000000; font-weight: normal; text-decoration: none;}
a.norm:link	{font-family: Arial, helvetica,sans-serif; font-size: 13px; color: #004040; font-weight: normal; text-decoration: underline;}
a.norm:active	{font-family: Arial, ,helvetica,sans-serif; font-size:13px; color: #000000; font-weight: normal; text-decoration:underline;}
a.norm:visited	{font-family: Arial,helvetica,sans-serif; font-size:13px; color: purple; font-weight: normal; text-decoration: underline;}
a.norm:hover	{font-family:Arial,helvetica,sans-serif; font-size: 13px; color: #000080; font-weight: normal; text-decoration: underline }

.normBold		{font-family: Arial,helvetica,sans-serif; font-size: 13px; color: #000000; font-weight: Bold; text-decoration: none;}
a.normBold:link	{font-family: Arial, helvetica,sans-serif; font-size: 13px; color: #004040; font-weight: Bold; text-decoration: underline;}
a.normBold:active	{font-family: Arial, ,helvetica,sans-serif; font-size:13px; color: #000000; font-weight: Bold; text-decoration:underline;}
a.normBold:visited	{font-family: Arial,helvetica,sans-serif; font-size:13px; color: purple; font-weight: Bold; text-decoration: underline;}
a.normBold:hover	{font-family:Arial,helvetica,sans-serif; font-size: 13px; color: #000080; font-weight: Bold; text-decoration: underline }

.Nav		{font-family: Arial,helvetica,sans-serif; font-size: 13px; color: #FFFFFF; font-weight: normal; text-decoration: none;}
a.Nav:link	{font-family: Arial, helvetica,sans-serif; font-size:13px; color: #FFFFFF; font-weight: normal; text-decoration: none;}
a.Nav:active	{font-family: Arial, ,helvetica,sans-serif; font-size: 13px; color: #FFFFFF; font-weight: normal; text-decoration: none;}
a.Nav:visited	{font-family: Arial,helvetica,sans-serif; font-size: 13px; color: #FFFFC0; font-weight: normal; text-decoration: none;}
a.Nav:hover	{font-family:Arial,helvetica,sans-serif; font-size: 13px; color: #FFFFFF; font-weight: normal; text-decoration: underline } 
  
.button	{font-family: Arial,helvetica,sans-serif; font-size: 12px;  font-weight: bold;} /* same as smallBold */

.bold {font-weight:bold;} 
.notBold {font-weight:normal;}
.upper {
text-transform: uppercase;
}

.yellow {color:yellow;}

.red, a.red:link, a.red:active, a.red:visited {
	color:red !important;
}  
a.red:hover {
	color:#c00000 !important;
}

.brown, a.brown:link, a.brown:active, a.brown:visited {
color:#90440C;
}
a.brown:hover {
color:#964910;
}
 
.green, a.green:link, a.green:active, a.green:visited {
	color:green !important;
}  
a.green:hover {
	color:#008000 !important;
}

.gray {color:#404040;}
 
.maroon  {color:#800000} 
.blue    {color:#000080}
a.blue:hover, a.blue:link, a.blue:active, a.blue.visited {color:#000080;}
.white  {color:#FFFFFF}
.orange {color:orange}
.brown {color:brown}
.blueBright {color: #0000C0}
a.blueBright:hover, a.blueBright:link, a.blueBright:active, a.blueBright.visited {color: #0000C0;}

.black {color:#000000}
a.black:link, a.black:active, a.black.visited {color: #000000;}
a.black:hover {color:#202020;}

.purple {color:purple} 
a.purple:hover, a.purple:link, a.purple:active, a.purple.visited {color:purple;}
.mauve {color:#AD4242}
.darkGray {color:#666667} 
.coral { color:#EA2700; }


.newButton {
	background-color:#7E0000;
	color:white;
	font-weight:bold;
	border:1px solid #c0c0c0;
	font-size:14px;	
}


 

/* new Icons, any size can be specified */
div#iconRelative {
	position:relative; 
}
div#iconDiv {
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;  
	background:#22A0CE; 
	-moz-border-radius:7px;
	border-radius:7px; 
	border:2px solid #0693C7;
	-moz-box-shadow: 4px 4px 8px #bbb; /* horizontal, vertical, blur, spread, color, inset */
	-webkit-box-shadow: 4px 4px 8px #bbb;
	box-shadow: 4px 4px 8px #bbb;
}
img#iconImageOver {
	position:absolute;top:0px;left:0px;z-index:3;width:53px;height:53px;
}  
img#iconCoverLink {
	position:absolute;
	top:0px;left:0px;
	z-index:4; 
	cursor:pointer;
}  
img.iconCoverLink { /* I'm switching from id to class 6/2018 */
	position:absolute;
	top:0px;left:0px;
	z-index:4; 
	cursor:pointer;
}
div#iconText { 
	position:absolute;
	left:3px;
	top:0px; 
	text-align:center;
	z-index:3;
	font-family:arial,helvetica,sans-serif; 
	font-weight:bold;
	color:#000000;  
}  
/* end icons */


#gfDiv {
	display:none;
	margin:5px;
	padding:10px;
	border-radius:10px;
	-moz-border-radius:10px;
	background:#eeeeee;
	border:1px solid #dddddd;
	color:#000000;
	white-space:nowrap;
}
#gfDiv #close {
	text-align:right;
	margin:3px;
	font-size:11px;
}
 

/* for html5 CSS3 websites in Site Builder */
#container {
	overflow:auto;
	width:100%;
} 
.blockLeft {
	float:left;
}
.blockRight {
	float:right;
}
.textCenter {
	text-align:center;
}
.textRight {
	text-align:right;
}
.textLeft{
	text-align:left;
}
.blockCenter {
	margin-left:auto;
	margin-right:auto;
}

/* for 2-column form tables */
#formTable2Col { 
border: 1px solid #dddddd;
background-color:#eeeeee;
margin-left:auto;
margin-right:auto;
}
#formTable2Col TR TD {  
text-align:left;
padding:6px;
}
#formTable2Col TR TD:first-child {  
text-align:right; 
font-weight:bold;
padding:6px;
} 



.blogBodyImageDiv { /* keep the same in site.css  templates*/
		float:left;
		margin-right:15px;
		margin-bottom:20px;
		width:285px;
		height:160px;
		overflow:hidden;
		border:8px solid #f7f7f7; 
		background:#ffffff;
		border-radius:10px;
		-moz-border-radius:10px; 
	    -moz-box-shadow: 2px 2px 4px #ccc;
	    -webkit-box-shadow: 2px 2px 4px #ccc;
	    box-shadow: 2px 2px 4px #ccc;
} 
.blogBodyImageDivOver { 
		float:left;
		margin-right:15px;
		margin-bottom:20px;
		width:285px;
		height:160px;
		overflow:hidden;
		border:8px solid #eeeeee;
		background:#ffffff;
		border-radius:10px;
		-moz-border-radius:10px; 
	    -moz-box-shadow: 2px 2px 4px #ccc;
	    -webkit-box-shadow: 2px 2px 4px #ccc;
	    box-shadow: 2px 2px 4px #ccc;
}
#publishingLogo { 
	margin-left:auto;
	margin-right:auto;
	width:112px;
	height:90px;
	border:0;
}


/* for createButton function */ 


/* I CHANGED THESE TO BE CLASSES, NOT ID'S SO 
TAKE THE FOLLOWING OUT AFTER MARCH 31, 2014 :  */
INPUT#submitbutton  { /* same as buttonBlue, except darker blue */
	text-align:center;
	font-weight:bold;
	color:#ffffff;
	border:2px solid #1A1C4E;
	cursor:pointer; 
	cursor:pointer;
	border-radius:7px;
	-moz-border-radius:7px;  
	overflow:hidden; 
	background-color:#1C217B; 
}
div#buttonBlue {  
	text-align:center;
	font-weight:bold;
	color:#ffffff;
	border:1px solid #000000;
	cursor:pointer; 
	cursor:pointer;
	border-radius:7px;
	-moz-border-radius:7px;  
	overflow:hidden; 
	background-color:#378BBF;
}
#buttonBlue a {
	text-decoration:none;
	color:#ffffff;
}
#buttonBlue a:hover {
	text-decoration:none;
	color:#F7F7F7;
} 
div#buttonRed {  
	text-align:center;
	font-weight:bold;
	color:#ffffff; 
	border: 1px solid #cccccc; 
	cursor:pointer; 
	cursor:pointer;
	border-radius:7px;
	-moz-border-radius:7px;  
	background-color:red;
	color:white;
}
#buttonRed a {
	text-decoration:none;
	color:#ffffff;
}
#buttonRed a:hover {
	text-decoration:none;
	color:#F7F7F7;
} 
div#buttonGreen {  
	text-align:center;
	font-weight:bold;
	color:#ffffff; 
	border: 1px solid #008000; 
	border-radius:7px;
	-moz-border-radius:7px;  
	cursor:pointer; 
	cursor:pointer;
	background-color:#02AA02;
	color:white;
}
div#buttonGreen a {
	text-decoration:none;
	color:#ffffff;
}
div#buttonGreen a:hover {
	text-decoration:none;
	color:#F7F7F7;
} 
div#buttonGold {  
	text-align:center;
	font-weight:bold;
	color:#543D00;
	border: 1px solid #8C6600; 
	border-radius:7px;
	-moz-border-radius:7px;  
	cursor:pointer; 
	cursor:pointer;
	background-color:#FFC000; 
}
#buttonGold a {
	text-decoration:none;
	color:#543D00;
}
#buttonGold a:hover {
	text-decoration:none;
	color:#543D00;
} 
div#buttonGreenGradient {
	text-align:center;
	color:#404040;
	cursor:pointer; 
	cursor:pointer;
	border:2px solid #CBE5CB;
	border-radius:7px;
	-moz-border-radius:7px;  
	overflow:hidden; 
	
	background-image: -ms-linear-gradient(top, #FFFFFF 0%, #CBE5CB 100%); 
	
	background-image: -moz-linear-gradient(top, #FFFFFF 0%, #CBE5CB 100%); 
	
	background-image: -o-linear-gradient(top, #FFFFFF 0%, #CBE5CB 100%); 
	
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #CBE5CB)); 
	
	background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #CBE5CB 100%); 
	
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #CBE5CB 100%);
}
#buttonGreenGradient a {
	text-decoration:none;
	color:#404040;
}
#buttonGreenGradient a:hover {
	text-decoration:none;
	color:#000000;
} 
div#buttonGoldGradient {
	text-align:center;
	color:#404040;
	cursor:pointer; 
	cursor:pointer;
	border:2px solid #FFC000;
	border-radius:7px;
	-moz-border-radius:7px;  
	overflow:hidden; 
	 
	background-image: -ms-linear-gradient(top, #EFEFEF 0%, #FFC000 100%); 
	
	background-image: -moz-linear-gradient(top, #EFEFEF 0%, #FFC000 100%); 
	
	background-image: -o-linear-gradient(top, #EFEFEF 0%, #FFC000 100%); 
	
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EFEFEF), color-stop(1, #FFC000)); 
	
	background-image: -webkit-linear-gradient(top, #EFEFEF 0%, #FFC000 100%); 
	
	background-image: linear-gradient(to bottom, #EFEFEF 0%, #FFC000 100%); 
}
#buttonGoldGradient a {
text-decoration:none;
color:#404040;
}
#buttonGoldGradient a:hover {
text-decoration:none;
color:#000000;
} 
div#buttonRedGradient {
	text-align:center;
	color:#FFFFFF;
	cursor:pointer; 
	cursor:pointer;
	border:2px solid #FF0000;
	border-radius:7px;
	-moz-border-radius:7px;  
	overflow:hidden; 
	
	background-image: -ms-linear-gradient(top, #FFD1D1 0%, #FF0000 100%); 
	
	background-image: -moz-linear-gradient(top, #FFD1D1 0%, #FF0000 100%); 
	
	background-image: -o-linear-gradient(top, #FFD1D1 0%, #FF0000 100%); 
	
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFD1D1), color-stop(1, #FF0000)); 
	
	background-image: -webkit-linear-gradient(top, #FFD1D1 0%, #FF0000 100%); 
	
	background-image: linear-gradient(to bottom, #FFD1D1 0%, #FF0000 100%); 
}
#buttonRedGradient a {
	text-decoration:none;
	color:#FFFFFF;
}
#buttonRedGradient a:hover {
	text-decoration:none;
	color:#F7F7F7;
}  
div#buttonGrayGradient { /* light gray */
	text-align:center;
	color:#202020;
	/* grayed out non-clickable button
	cursor:pointer; 
	cursor:pointer;*/
	border:2px solid #c0c0c0;
	border-radius:7px;
	-moz-border-radius:7px;  
	overflow:hidden; 
	
	background-image: -ms-linear-gradient(top, #f7f7f7 0%, #c0c0c0 100%); 
	
	background-image: -moz-linear-gradient(top, #f7f7f7 0%, #c0c0c0 100%); 
	
	background-image: -o-linear-gradient(top, #f7f7f7 0%, #c0c0c0 100%); 
	
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f7f7f7), color-stop(1, #c0c0c0)); 
	
	background-image: -webkit-linear-gradient(top, #f7f7f7 0%, #c0c0c0 100%); 
	
	background-image: linear-gradient(to bottom, #f7f7f7 0%, #c0c0c0 100%); 
}
#buttonGrayGradient a {
	text-decoration:none;
	color:#202020;
}
#buttonGrayGradient a:hover {
	text-decoration:none;
	color:#202020;
} 
div#buttonBlueGradient {
	text-align:center;
	color:#000000;
	cursor:pointer; 
	cursor:pointer;
	border:2px solid #B2CEF2;
	border-radius:7px;
	-moz-border-radius:7px;  
	overflow:hidden; 
	 
	background-image: -ms-linear-gradient(top, #FFFFFF 0%, #B2CEF2 100%); 
	
	background-image: -moz-linear-gradient(top, #FFFFFF 0%, #B2CEF2 100%); 
	
	background-image: -o-linear-gradient(top, #FFFFFF 0%, #B2CEF2 100%); 
	
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #B2CEF2)); 
	
	background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #B2CEF2 100%); 
	
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #B2CEF2 100%); 
}
#buttonBlueGradient a {
	text-decoration:none;
	color:#000000;
}
#buttonBlueGradient a:hover {
	text-decoration:none;
	color:#404040;
} 
div#buttonGreenDarkGradient {
	text-align:center;
	color:#000000;
	cursor:pointer; 
	cursor:pointer;
	border:2px solid #8DC18D;
	border-radius:7px;
	-moz-border-radius:7px;  
	overflow:hidden; 
	
	background-image: -ms-linear-gradient(top, #F7F7F7 0%, #8DC18D 100%); 
	
	background-image: -moz-linear-gradient(top, #F7F7F7 0%, #8DC18D 100%); 
	
	background-image: -o-linear-gradient(top, #F7F7F7 0%, #8DC18D 100%); 
	
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F7F7F7), color-stop(1, #8DC18D)); 
	
	background-image: -webkit-linear-gradient(top, #F7F7F7 0%, #8DC18D 100%); 
	
	background-image: linear-gradient(to bottom, #F7F7F7 0%, #8DC18D 100%);
}
#buttonGreenGradient a {
	text-decoration:none;
	color:#000000;
}
#buttonGreenGradient a:hover {
	text-decoration:none;
	color:#404040;
}
/* END REMOVE ON MARCH 31, 2014 */
 
#VerticalMenuDiv {   
	padding:0px 0px 0px 0px;
}

img.galleryThumbPhoto {
border:0px;
cursor:pointer;
} 
#space5{ height:5px; }
#space10{ height:10px; }
#space15{ height:15px; }
#space20{ height:20px; }
#space25{ height:25px; }
#space30{ height:30px; }

.yellowStringHighlight { /* for showing highlighted yellow fields on search reports */
background-color:#FFFF80;
}

.eventSignupTypeOn {
	width:205px;
	text-align:center;
	padding:5px;
	border:1px solid #005992;
	background:#22A0CE;
	-moz-border-radius:10px;
	border-radius:10px;
	cursor:pointer;
	margin-top:10px;
}
.eventSignupTypeOn span {
	color:white;
	font-size:12px;
	line-height:normal;
}
.eventSignupTypeOn span span {
	font-weight:bold;
	color:yellow;
}
.eventSignupTypeOff {
	width:205px;
	text-align:center;
	padding:5px;
	border:1px solid #888888;
	background:#eeeeee;
	-moz-border-radius:10px;
	border-radius:10px;
	cursor:pointer;
	margin-top:10px;
}
.eventSignupTypeOff span {
	color:#888888;
	font-size:12px;
	line-height:normal;
}
.eventSignupTypeOff span span {
	font-weight:bold;
	color:#888888;
}

div.adminEndingOffer {
	font-size:14px;
	background-color:#035BD3 !important;
	color:white !important;
	padding:10px; 
	margin-top:10px;
	margin-bottom:10px;
} 
div.adminEndingOffer a, 
div.adminEndingOffer a:active,
div.adminEndingOffer a:visited { 
	color: yellow !important; 
}
div.adminEndingOffer a:hover {
	color:white !important;
}
div.adminEndingOffer p,
div.adminEndingOffer ol,
div.adminEndingOffer ul	 {
	margin-top:0px !important;
	margin-bottom:0px !important; 
}
div.adminEndingOffer p,
div.adminEndingOffer li { 
	line-height:normal; 
	font-size:14px; 
	color:white !important; 
}


a.deleteEx, a.deleteEx:hover, a.deleteEx:visited, a.deleteEx:link  {
font-size:15px !important;
color:#ff0000 !important;
font-weight:bold !important;
text-decoration:none !important;;
}

.cbRadioTitleMarginLeft { /* span  or p */
margin-left:3px;
vertical-align:middle;
}


input[type="radio"], /* so the new ripple checkboxes and radio buttons dont have problem with off-center checkmarks */
input[type="checkbox"] {
padding:0 !important;
width:auto;
}
.answerListTable {
border:0 !important;
margin:0 !important;
}
.answerListTable tr td {
border:0 !important;
font-size: 11px;
line-height:13px;
}