/*** WedShare.com and Control Panel style definitions CONTENT ***/
body { font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #533519;
	bgcolor: #D9E4F0;
	margin:5px; } 

p { font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #533519;
	margin:0 0 .5em 0; }

td, tr, span, div { font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #533519;
	margin:0 0 0 0; }
	
ul, ol { font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	margin: 0 0 1em 0;
	padding-left:2em; }

li { font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size:11;
	color: #0066CC;
	font-weight: normal;
	list-style-type: square; }
	
hr {
    color: #fff;
    background:transparent;
    margin: 0 0.2em 0.5em 0;
    padding: 0 0 0.5em 0;
    border:0;
    border-bottom: 2px #9FCF70 dotted;
}

/* HEADERS  */
h1, h2, h3, h4, h5, h6 { font: normal "Century Gothic", Arial, Helvetica, sans-serif;
	clear: left; }

/*** Brighter Blue Royal Blue Headers Big ***/
h1 { font-size:3em;
	margin: 0 0 .3em 0;
	color:#1B6FC0; }

/*** Green Headers Big in Pricing Page ***/	
h2 { font-size:1.5em;
	margin: .5em 0 .5em 0;
	color:#8b2; }

/*** Website Green Headers Features and Planning Tools Page ***/
h3 { font-size:1.3em;
	margin: .5em 0 .5em 0;
	color: #8b2; }

/*** Dark Blue HEADERS ***/ 
h4 { font-size:1.5em;
    line-height: 21px;
	margin: 0 0 .3em 0;
	color:#369; }
	
/*** Dark Brown HEADERS ***/ 
h5 { font-size:1.8em;
	margin: 0 0 .3em 0;
	color:#533519; }

/*** EVENT CALENDER HEADERS ***/
h6	{ margin: 0 0 .3em 0;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	text-indent: 0;
	letter-spacing: 0;
	margin-bottom: 2px;
	color: #336699; }
 	
.menudivider { font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 17.5px; }

/*  Floating Images in the Footer Menu Pages  */
.action{ margin:15px;
	float:right;
	border:0px solid #666666;}

	
/*  Newsletter Ticker Home Page  */
#cont { position:relative;
	width:260px;
	height:70px;
	overflow:hidden;}
	
.news { position:absolute;
	width:260px;
	height:68px;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif; 
	font-size:10px;
	visibility:hidden;}
	
.yescheck { font-size: 12px;
	color: #669933;
	line-height: 16px;}
	
.nocheck { font-size: 12px;
	color: #C76BAA;
	line-height: 16px;}

/*  Flash on Home Page  */
div.homepageFlash { margin: 0px 0px 0px 0px;
	float: left; }
	
div.homepageFlash img { border: 0;
	display: block;
	width: 425px;
	height: 250px; }
	
/*  Right Column Content to Start Free Trial on Home Page  */
div.rightColumn { margin: 0px 0px 0px 0px;
	float: right; }
	
div.rightColumn img { border: 0;
	display: block;
	width: 90px;
	height: 150px; }
	
/*  e-Stationery on Home Page  */
div.stationery_cards { margin: 0px 0px 0px 0px;
	float: left; }
	
div.stationery_cards img { border: 0;
	display: block;
	width: 237px;
	height: 162px; }
	
	
/*  Computer Couple on Home Page Aligned Right  */
div.couplePhoto { margin: 0px 0px 2px 0px;
	float: right; }
	
div.couplePhoto img { border: 0;
	display: block;
	width: 280px;
	height: 230px; }
	
/* Testimonial Photo Left Aligned in Homepage */
.testimonial_text { font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	color: #2F3C57;
	font-size: 11px;}
	
div.testimonial_left { width: 212px;}

div.testimonialPhoto { margin: 0px 0px 0px 0px;
	float: left; }

div.testimonialPhoto img { border: 0;
	display: block;
	width: 110px;
	height: 106px; }

/*** LINKS ***/
a 	{ font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#06c;
	font-weight: normal;
	text-decoration: none; }

a:visited {	color: #06c;}
		
a:active { color: #06c;}

a:hover { color: #06c;
			text-decoration: underline; }
		
/*** SITE MENU LINKS FOR Main Site
	background-image : url(images/button_bg.gif);  ***/
	
.sitemenu { font-family: "Century Gothic", Arial, Helvetica, sans-serif;
		font-size: 13px;
		color: #FFFFFF;
		line-height: 17.5px;
		font-weight: normal;
		text-decoration: none;
		border-bottom: 0px }
		
a.sitemenu { font-family: "Century Gothic", Arial, Helvetica, sans-serif;
		font-size: 13px;
		color: #FFFFFF;
		line-height: 17.5px;
		font-weight: normal;
		text-decoration: none;
		border-bottom: 0px }
		
a:visited.sitemenu { font-family: "Century Gothic", Arial, Helvetica, sans-serif;
		font-size: 13px;
		color: #FFFFFF;
		line-height: 17.5px;
		font-weight: normal;
		text-decoration: none;
		border-bottom: 0px }
		
a:active.sitemenu { font-family: "Century Gothic", Arial, Helvetica, sans-serif;
		font-size: 13px;
		color: #FFFFFF;
		line-height: 17.5px;
		font-weight: normal;
		text-decoration: none;
		border-bottom: 0px }
		
a:hover.sitemenu { font-family: "Century Gothic", Arial, Helvetica, sans-serif;
		font-size: 13px;
		color: #FFFFFF;
		line-height: 17.5px;
		font-weight: normal;
		text-decoration: underline;
		border-bottom: 0px }

/*** SITE FOOTER MENU LINKS */
	
a.footermenu { font-family: "Century Gothic", Arial, Helvetica, sans-serif;
    font-size: 12px;
	line-height: 17px;
	color: #369;
	font-weight: normal;
    text-decoration: none;
	border-bottom: 0px }

a:visited.footermenu { font-family: "Century Gothic", Arial, Helvetica, sans-serif;
    font-size: 12px;
	line-height: 17px;
	color: #369;
	font-weight: normal;
    text-decoration: none;
	border-bottom: 0px }
	
a:active.footermenu { font-family: "Century Gothic", Arial, Helvetica, sans-serif;
    font-size: 12px;
	line-height: 17px;
	color: #369;
	font-weight: normal;
    text-decoration: none;
	border-bottom: 0px }
	
a:hover.footermenu { font-family: "Century Gothic", Arial, Helvetica, sans-serif;
    font-size: 12px;
	line-height: 17px;
	color: #369;
	font-weight: normal;
    text-decoration: underline;
	border-bottom: 0px }

/*  Feedback Fusia small link text */
.feedback { font-size: 12px;
  color: #BA0F53;
  font-weight: bold;
  text-decoration: none; }
 
a:link.feedback { font-size: 11px;
  	color: #BA0F53;
	font-weight: bold;
	CURSOR: hand;
	text-decoration: none; }

a:visited.feedback { font-size: 11px;
  	color: #BA0F53;
	font-weight: bold;
	CURSOR: hand;
	text-decoration: none; }

a:hover.feedback { font-size: 11px;
  	color: #BA0F53;
	font-weight: bold;
	CURSOR: hand;
	text-decoration: underlined; }

a:active.feedback { font-size: 11px;
  	color: #BA0F53;
	font-weight: bold;
	CURSOR: hand;
	text-decoration: none; }

.error { font-size: 11px;
  color: #FF0000;
  font-weight: bold;
  text-decoration: none; }
  
.alert {
  font-family: "Century Gothic", Arial, Helvetica, sans-serif; 
  font-size: 11px; 
  color: #CC0000; }

.disclaimer, p.disclaimer, div.disclaimer {  font-family: "Century Gothic", Arial, Helvetica, sans-serif;
  font-size: 10px; 
  text-decoration: none;
  font-weight: normal;
  color: #533519 }  

/*  Small Blue Text - for Features text and homepage text on index.html */

.smalltext { font-family: "Century Gothic", Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #336699;
		line-height: 17.5px;
		font-weight: normal;
		text-decoration: none;
		border-bottom: 0px }
		
a.smalltext { font-family: "Century Gothic", Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #336699;
		line-height: 17.5px;
		font-weight: normal;
		text-decoration: none;
		border-bottom: 0px }
		
a:visited.smalltext { font-family: "Century Gothic", Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #336699;
		line-height: 17.5px;
		font-weight: normal;
		text-decoration: none;
		border-bottom: 0px }
		
a:active.smalltext { font-family: "Century Gothic", Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #336699;
		line-height: 17.5px;
		font-weight: normal;
		text-decoration: none;
		border-bottom: 0px }
		
a:hover.smalltext { font-family: "Century Gothic", Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #336699;
		line-height: 17.5px;
		font-weight: normal;
		text-decoration: underline;
		border-bottom: 0px }
	
/*  Footer text and Reference Links */
.reference { font-family: "Century Gothic", Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #533519;
		line-height: 17.5px;
		font-weight: normal;
		text-decoration: none;
		border-bottom: 0px }
		
a.referencelinks { font-family: "Century Gothic", Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #533519;
		line-height: 17.5px;
		font-weight: normal;
		text-decoration: none;
		border-bottom: 0px }
		
a:visited.referencelinks { font-family: "Century Gothic", Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #533519;
		line-height: 17.5px;
		font-weight: normal;
		text-decoration: none;
		border-bottom: 0px }
		
a:active.referencelinks { font-family: "Century Gothic", Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #533519;
		line-height: 17.5px;
		font-weight: normal;
		text-decoration: none;
		border-bottom: 0px }
		
a:hover.referencelinks { font-family: "Century Gothic", Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #533519;
		line-height: 17.5px;
		font-weight: normal;
		text-decoration: none;
		border-bottom: 0px }


.smaller { font-size: 11px;
  font-weight: bold;
  color: #003366;
  text-decoration: none; }
	
/*  Back to Top link text  */

.backtotop { font-size: 11px;
	color: #6699CC;
	font-weight: normal; }
	
a:link.backtotop { font-size: 11px;
  	color: #6699CC;
	font-weight: normal;
	cursor: hand;
	text-decoration: none; }

a:visited.backtotop { font-size: 11px;
  	color: #6699CC;
	font-weight: normal;
	cursor: hand;
	text-decoration: none; }

a:active.backtotop { font-size: 11px;
  	color: #6699CC;
	font-weight: normal;
	cursor: hand;
	text-decoration: none; }

a:hover.backtotop { font-size: 11px;
  	color: #6699CC;
	font-weight: normal;
	cursor: hand;
	text-decoration: underline; }

/*** FEATURES Links Page ***/
a.featurelist:link { font-size: 12px;
  	color: #336699;
	line-height: 17.5px;
	font-weight: normal;
	text-decoration: none;
	border-bottom: 0px }
	
a.featurelist:visited { font-size: 12px;
  	color: #336699;
	font-weight: normal;
	cursor: hand; }
	
a.featurelist:focus { font-size: 12px;
	color: #CC33CC;
	cursor: hand;
	font-weight: normal;
	text-decoration: underline; }
			
a.featurelist:hover { font-size: 12px;
	color: #336699;
	font-weight: normal;
	cursor: hand;
	text-decoration : underline; }
	
a.featurelist:active { font-size: 12px;
	color: #CC33CC;
	font-weight: normal;
	cursor: hand;
	text-decoration: underline; }

.bluetxt { font-size: 12px;
  font-weight: normal;
  color: #336699;
  text-decoration: none; }
  
.headerfusia { font-size: 11px;
  	color: #CC33CC;
	font-weight: normal; }

.whatsnew { font-size: 12px;
  	color: #BA0F53;
	font-weight: bold;
	CURSOR: hand;
	text-decoration: none; }
	
.specialheader { font-size: 12px;
  text-indent: 0px;
  color: #0087CD;
  font-weight: bold; }

/* Control Panel Headers underlined in blue */
.cpheader { font-size: 12px;
  text-indent: 0px;
  color: #336699;
  font-weight: bold;
  border-bottom-width: 1px; 
  border-bottom-style: solid; 
  border-bottom-color: #0087CD; }

.line { border-width: 0px 0px 1px 0px; 
  border-style: solid; 
  border-color: #6699CC; }

.line2 { border-bottom-width: 1px; 
  border-bottom-style: solid; 
  border-bottom-color: #CCCCCC; }

.button { font-size: 11px; 
	font-weight: bold; 
	CURSOR: hand;
	border: 1 solid #336699; 
	background-color: #EEF4FB; }

/*** Sort Order Options in Photo Gallery ***/
.sortorder_options { margin: 0px;
    white-space: nowrap; }
	
		
/*** ADMIN MENU LINKS FOR CONTROL PANEL - PHOTO GALLERY 
	background-image : url(images/button_bg.gif);  ***/
.admin_menu { font-family: "Century Gothic", Arial, Helvetica, sans-serif;
        border: 1px solid #999999;
		color: #6699CC;
		background-color: #EEF4FB;
        background-position : bottom;
        margin-top: 2px;
        margin-bottom: 2px;
        text-align: center;
		padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 2px;
        padding-right: 2px; }

.admin_menu a { color: #336699;
        text-decoration: none;
        position: relative;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 2px;
        padding-right: 2px; }

.admin_menu a:visited { color: #336699;
        text-decoration: none;
        position: relative;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 2px;
        padding-right: 2px; }

.admin_menu a:hover { color: #6699CC;
        text-decoration: none;
		padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 2px;
        padding-right: 2px; }
		
.admin_menu a:active { color: #336699;
        text-decoration: none;
        position: relative;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 2px;
        padding-right: 2px; }

/*** ADMIN MENU LINKS FOR CONTROL PANEL - POLLS, BUDGET MANAGER, ETC 
	background-image : url(images/button_bg.gif);  ***/
.admin_menu_general { color: #FFFFFF;
		font-size: 12px;
		font-weight: bold;
        border: 1px solid #999999;
		background-color: #6699CC;
        background-position : bottom;
        margin-top: 2px;
        margin-bottom: 2px;
        text-align: center;
		padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 4px;
        padding-right: 4px; }

.admin_menu_gen a { color: #6699CC;
        text-decoration: none;
		border: 1px solid #999999;
        background-color: #EEF4FB;
		position: relative;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 2px;
        padding-right: 2px; }

.admin_menu_gen a:visited { color: #6699CC;
        text-decoration: none;
		border: 1px solid #999999;
        background-color: #EEF4FB;
		position: relative;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 2px;
        padding-right: 2px; }

.admin_menu_gen a:hover { color: #336699;
        text-decoration: none;
		border: 1px solid #999999;
		background-color: #EEF4FB;
		padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 2px;
        padding-right: 2px; }
		
.admin_menu_gen a:active { color: #6699CC;
        text-decoration: none;
		border: 1px solid #999999;
        background-color: #EEF4FB;
		position: relative;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 2px;
        padding-right: 2px; }
		
.pagemenu_active { font-size: 14px;
  	color: #BA0F53;
	font-weight: bold;
	text-decoration: none; }
	
.pagemenu_inactive { font-size: 11px;
	color: #333333;
	font-weight: normal;
	text-decoration: none; }		
		
.new { font-size: 11px;
  	color: #BA0F53;
	font-weight: normal;
	text-decoration: none; }

a.new { font-size: 11px;
  	color: #BA0F53;
	font-weight: normal;
	CURSOR: hand;
	text-decoration: none; }

a.new:visited { font-size: 11px;
  	color: #BA0F53;
	font-weight: normal;
	CURSOR: hand;
	text-decoration: none; }

a.new:hover { font-size: 11px;
  	color: #BA0F53;
	font-weight: normal;
	CURSOR: hand;
	text-decoration: underline; }
	
a.new:active { font-size: 11px;
  	color: #BA0F53;
	font-weight: normal;
	CURSOR: hand;
	text-decoration: none; }

.toplinks { font-size: 11px;
  	color: #0087CD;
	font-weight: normal;
	CURSOR: hand;
	text-decoration: none; }

a.toplinks { font-size: 11px;
  	color: #0087CD;
	font-weight: normal;
	CURSOR: hand;
	text-decoration: none; }

a.toplinks:visited { font-size: 11px;
  	color: #0087CD;
	font-weight: normal;
	CURSOR: hand;
	text-decoration: none; }

a.toplinks:hover { font-size: 11px;
  	color: #0087CD;
	font-weight: normal;
	CURSOR: hand;
	text-decoration: underline; }
	
a.toplinks:active { font-size: 11px;
  	color: #0087CD;
	font-weight: normal;
	CURSOR: hand;
	text-decoration: none; }

/* ----------------------------------------------- */
/*                                                 */
/*             		FORM STYLES                	   */
/*                                                 */
/* ----------------------------------------------- */  		

INPUT { font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #336699;
	font-size: 11px;
	padding-left: 4px;}

.textinput {  font-family: "Century Gothic", Arial, Helvetica, sans-serif;
    font-size: 12px;
	font-weight: bold;
    border: 1px solid #6699CC;
    padding-right: 3px;
    padding-left: 3px; }

.listbox { font-family: "Century Gothic", Arial, Helvetica, sans-serif;
    font-size: 100%;
    border: 1px solid #6699CC;
    vertical-align : middle; }

.comment_button { font-family: "Century Gothic", Arial, Helvetica, sans-serif;
    font-size: 85%;
    border: 1px solid #336699;
    background-position : bottom;
    padding-left: 3px;
    padding-right: 3px; }

INPUT.colorborder { font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #336699;
	font-size: 11px;
	padding-left: 4px;
	border-right: 1px solid #6699CC;
    border-top: 1px solid #6699CC;
    border-left: 1px solid #6699CC;
    border-bottom: 1px solid #6699CC; }

INPUT.buttontext { font-family: "Century Gothic", Arial, Helvetica, sans-serif;
    color: #336699;
	font-weight: bold;
    font-size: 12px;
 	background-color: #EEF4FB;
    cursor: hand;
	border-right: 2px solid #336699;
    border-top: 1px solid #6699CC;
    border-left: 1px solid #6699CC;
    border-bottom: 2px solid #336699;
	padding-left: .30em;
    padding-right: .30em;
	overflow:visible; }
	
html>/**/body input.buttontext { overflow:auto;} 

INPUT.buttontext:hover { font-family: "Century Gothic", Arial, Helvetica, sans-serif;
    color: #336699;
	font-weight: bold;
    font-size: 12px;
	background-color: #EEF4FB;
	cursor: hand;
	border-right: 2px solid #003366;
    border-top: 1px solid #003366;
    border-left: 1px solid #003366;
    border-bottom: 2px solid #003366; }
	
INPUT.button { font-family: "Century Gothic", Arial, Helvetica, sans-serif;
    color: #336699;
	font-weight: bold;
    font-size: 12px;
 	background-color: #EEF4FB;
    cursor: hand;
	border-right: 2px solid #336699;
    border-top: 1px solid #6699CC;
    border-left: 1px solid #6699CC;
    border-bottom: 2px solid #336699; }

INPUT.button:hover { font-family: "Century Gothic", Arial, Helvetica, sans-serif;
    color: #336699;
	font-weight: bold;
    font-size: 12px;
	background-color: #EEF4FB;
	cursor: hand;
	border-right: 2px solid #003366;
    border-top: 1px solid #003366;
    border-left: 1px solid #003366;
    border-bottom: 2px solid #003366; }

select { font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	color: #336699;
    font-weight: normal;
    font-size: 11px;
    background-color: #FFFFFF;
	border-right: 1px solid #6699CC;
    border-top: 1px solid #6699CC;
    border-left: 1px solid #6699CC;
    border-bottom: 1px solid #6699CC; }

CHECKBOX { font-family: "Century Gothic", Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #6699CC;
	background-color: #F0F8FF;}

RADIOBUTTON { font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 11px;
    border-right: none;
    border-top: medium none;
    border-left: medium none;
    border-bottom: medium none; }

TEXTAREA { font-family: "Century Gothic", Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #336699;
	scrollbar-base-color: #EEF4FB;
	scrollbar-face-color: #EEF4FB;
    scrollbar-3dlight-color: #EEF4FB;
    scrollbar-arrow-color: #336699;
    scrollbar-darkshadow-color: #A9C2DB;
    background-color: #FFFFFF;
	padding-left: 4px; }

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* x                                              x */
/* x     	OUTLINE BLOCK                     	  x */
/* x                                              x */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */    
  
.outline { border: 1px solid #CCCCCC; }
.outline_blue { border: 1px solid #A9C2DB;
				border-top: medium none;}
.outline2 { border: 3px solid #A9C2DB }  /* Save-The-Date Border Planning Tool */
.outline3 { border: 1px solid #A9C2DB; } /* Border on small right column pictures throughout the wedshare site */
.outline4 { border: 1px solid #6699CC; } /* Border budget block items on Control Panel */
.dotted { border: 2px dotted #9DCE78; } /* Dotted border or line */
.dashed { border: 1px dashed #96C573; } /* Dashed border or line */

.outline_side {
	margin: 0px 0px 0px 0px;
	border-width: 0 1px 0 0px;
	border-color: #6699CC;
	border-style: solid;}

.outline_left {
	margin: 0px 0px 0px 0px;
	border-width: 0 0px 0 1px;
	border-color: #6699CC;
	border-style: solid;}
	
.outline_sides {
	margin: 0px 0px 0px 0px;
	border-width: 0 1px 0 1px;
	border-color: #6699CC;
	border-style: solid;}
	
.outline_topandsides {
	margin: 0px 0px 0px 0px;
	border-width: 1px 1px 0px 1px;
	border-color: #6699CC;
	border-style: solid;}
	
.outline_bottomandsides {
	margin: 0px 0px 0px 0px;
	border-width: 0px 1px 1px 1px;
	border-color: #6699CC;
	border-style: solid;}

.background_1  { background-color: #FFFFFF; } /* White Background Reference */
.background_2  { background-color: #CCCCCC; } /* Main Site Box Border - Light Gray */
.background_3  { background-color: #A9C2DB; } /* Main Header Border Box - Medium Blue */
.background_4  { background-color: #EEF4FB; } /* Main Header and Forms Background Box - Light Blue */
.background_5  { background-color: #EFF7E8; } /* Right Column Box Background - Light Green */
.background_6  { background-color: #336699; } /* Right Column Box Border - Blue */
.background_7  { background-color: #CCCCCC; } /* Division Line Between Body and Right Column - Light Gray  */
.background_8  { background-color: #F2F2FC; } /* Right Column Box Background - Light Purple */
.background_9  { background-color: #FFF0F5; } /* Light Pink Background  */
.background_10  { background-color: #F5F5F5; } /* Control Panel Light Gray Background */
.background_11  { background-color: #6699CC; } /* TOP MENU BAR BLUE Background */
.background_12  { background-color: #F8F8FF; } /* Control Panel Light Lavender Background */
.background_13  { background-color: #FCFDFF; } /* Poll results bg extra light blue */

/* This colors the outside rows and columns to this Design Block. */

.DarkGrayCell {  
  font-size: 11px;
  font-weight: bold;
  background-color: #CCCCCC;
  padding-top: 5px;
  margin-left: 0px;
  margin-right: 0px;
  padding-bottom: 5px}

.LiteGrayCell {  
  font-size: 11px;
  font-weight: normal;
  background-color: #F5F5F5;
  padding-top: 5px;
  margin-left: 0px;
  margin-right: 0px;
  padding-bottom: 5px}

.DarkBlueCell { 
  font-size: 11px;
  color: #336699;
  font-weight: bold;
  background-color: #B0CDEA}
  
.DarkerBlueCell { 
  font-size: 11px;
  font-weight: bold;
  background-color: #B0CDEA}

.MedBlueCell {  
  font-size: 11px;
  font-weight: normal;
  background-color: #E4EFFB}

.LiteBlueCell {  
  font-size: 11px;
  font-weight: normal;
  background-color: #EEF4FB;}

.LiterBlueCell { 
  font-size: 11px;
  font-weight: normal;
  background-color: #FCFDFF}

.otherCell {  
  font-size: 11px;
  font-weight: normal;
  background-color: #EEF4FB;
  border-top-width: 1px; 
  border-top-style: solid; 
  border-top-color: #666666;
  border-bottom-width: 1px; 
  border-bottom-style: solid; 
  border-bottom-color: #666666;
  border-bottom: 1px solid #CCCCCC;
  border-top: 1px solid #CCCCCC;}

.DarkGreenCell {  
  font-size: 11px;
  font-weight: normal;
  background-color: #CAE3AE}

.MedGreenCell {  
  font-size: 11px;
  font-weight: normal;
  background-color: #E1EED6}

.LiteGreenCell { 
  font-size: 11px;
  font-weight: normal;
  background-color: #EDF6E5}

.MedPinkCell {  
  font-size: 11px;
  font-weight: normal;
  background-color: #F6DAE3}

.LitePinkCell { 
  font-size: 11px;
  font-weight: normal;
  background-color: #FFF0F5}

.date  { font-size:11px; font-weight: bold; color:#B91E55}
.search { font-family: "Century Gothic", Arial, Helvetica, Verdana, sans-serif; color: #FFFFFF; font-size: 8pt; font-weight: normal; height: 20px; border: 1 solid #003366; background-color: #000000;}


/*  Background Color and Font for File 1/2 Top Header  */
.navmenu { font-family: "Century Gothic", Arial, Helvetica, sans-serif;
        color: #FFFFFF;
        font-weight: bold;
        background : #336699 ;
        border-style: none; }

.thumbnails { background: #FFFFFF ;
        padding: 5px; }

.image { border-style: solid;
        border-width:1px;
        border-color: #000000;
        margin: 2px; }

.imageborder { border: 1px solid #000000;
        background-color: #FFFFFF;
        margin-top: 30px;
        margin-bottom: 30px; }
		
.imagecaption { font-family: "Century Gothic", Arial, Helvetica, sans-serif;
  font-size: 11px; 
  text-decoration: none;
  color: #082078; 
  background-color: #f2f3f5;
  margin-top: 6px;
  margin-left: 9px;
  margin-right: 9px;
  margin-bottom: 6px }
  
.img_caption_table { border: none;
        background-color: #FFFFFF;
        width : 100%;
        margin : 0px; }

.img_caption_table th { background: #336699 ;
        font-size: 100%;
        color : #FFFFFF;
        padding-top: 4px;
        padding-right: 10px;
        padding-bottom: 4px;
        padding-left: 10px;
        border-top : 1px solid #003366; }
		
/* day.php Mini Calendar Day Number */
.dayviewminical, th.date {
	text-align: center;
	background-color: #FFFFFF;
	font-size: 47px;}

/*** NAVIGATION ***/
.nav, a.nav:link, a.nav:visited, a.nav:active, a.nav:hover { 
  font-family: "Century Gothic", Arial, Helvetica,, sans-serif; 
  font-size: 11px;
  text-decoration: none;
  color: #336699;
  margin-top: 2px;
  margin-bottom: 2px; }

.navline { background-color: #6699CC;
  CURSOR: hand; }
.bgnavactive { background-color: #CAE3AE;
  CURSOR: hand; }
.bgnav { background-color: #EEF4FB;
  CURSOR: hand; }
.bgnavover { background-color: #E1EED6;
  CURSOR: hand; }

a.sectionlink { font-family: "Century Gothic", Arial, Helvetica, sans-serif;
  font-size: 9pt;
  font-weight: bold;
  text-decoration: none;
  color: #FFFFFF }

a.sectionlink.active { font-family: "Century Gothic", Arial, Helvetica, sans-serif;
  font-size: 9pt;
  font-weight: bold;
  text-decoration: none;
  color: #FFFFFF } 

a.sectionlink:visited  { font-family: "Century Gothic", Arial, Helvetica, sans-serif;
  font-size: 9pt;
  font-weight: bold;
  text-decoration: none;
  color: #FFFFFF } 

a.sectionlink:hover { font-family: "Century Gothic", Arial, Helvetica, sans-serif;
  font-size: 9pt;
  font-weight: bold;
  text-decoration: none;
  color: #D9EBF9 }

a.sectionlinkblue { font-family : "Century Gothic", Arial, Helvetica, sans-serif;
  font-size: 9pt;
  font-weight: bold;
  text-decoration: none;
  color: #082078 }

a.sectionlinkblue.active { font-family : "Century Gothic", Arial, Helvetica, sans-serif;
  font-size: 9pt;
  font-weight: bold;
  text-decoration: none;
  color: #082078 } 

a.sectionlinkblue:visited  { font-family : "Century Gothic", Arial, Helvetica, sans-serif;
  font-size: 9pt;
  font-weight: bold;
  text-decoration: none;
  color: #082078 } 

a.sectionlinkblue:hover { font-family : "Century Gothic", Arial, Helvetica, sans-serif;
  font-size: 9pt;
  font-weight: bold;
  text-decoration: none;
  color: #0087CD }

A.crumbtrail:Visited  { font-family : "Century Gothic", Arial, Helvetica, sans-serif;
  font-size: 8pt;
  text-decoration: none;
  font-weight: normal;
  color: #0087CD }

a.top {font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color:#C8D200}
a.top:active {font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color:#C8D200}
a.top:visited {font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color:#C8D200}
a.top:hover {font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color:#C8D200}

/*** Pricing Content ***/
.pricingcontent {
	font-size: 12px;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif; 
	color: #336699;}

.pricingemph {
	font-size: 14px;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	color: #769d4f;}

/*  Photo Gallery Control Panel  */
.maintable { border: 1px solid #666666;
        background-color: #EEF4FB;
        margin-top: 1px;
        margin-bottom: 1px;		
		padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-left: 5px;}

/*  BG Color and Text for Random Files and Last Additions Headers for Photo Gallery -Control Panel  */
.tableh1 { font-size: 12px;
		color: #336699;
		background: #D1D7DC;
        padding-top: 2px;
		font-weight: bold;
        padding-right: 10px;
        padding-bottom: 2px;
        padding-left: 10px;}

/*  BG Color and Text for E-Card From, To, Greetings and Message Headers  */
.tableh2 { font-size: 12px;
		background: #CCCCCC ;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;}

/*  BG Color and Text for Rate this file, File information, Name of User, Add your Comment Headers  */
.tableh2_compact { background: #D1D7DC ;
        color : #666666;
        padding-top: 5px;
        padding-right: 5px;
        padding-bottom: 5px;
        padding-left: 5px;}

/*  Background Color for Picture View Alone, SlideShow, E-Card Form BG,  */
.tableb { background: #EDEDED ;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;}