head { font-size: 16px }

.subhead { font-size: 14px }

.table2 {
	border: 2px solid #5A005A;
}

.nomargin {
	margin: 0;
	padding: 0;
	border: 0px;
}

text {
	font-size: 14px;
	font-family: arial,helvetica,sans-serif;
}
			
.textsm {
	font-size: 11px;
	font-family: arial,helvetica,sans-serif;
}
				
html, body { margin:0; padding:0; height:100%; }

body { 
	font: 11px verdana, arial, sans-serif; 
	margin:0;
	color: #3C3C3C; 
}

textarea, select {
	border: solid 1px #999999;
	font: 11px verdana, arial, sans-serif; 
}
input[type=text], input[type=password], input[type=file] {
	border: solid 1px #999999;
	font: 11px verdana, arial, sans-serif; 
}
/* IE <7 doesn't support attribute selectors */
input {
	border-color: #999999; /* color must be separate to allow changing it by inline style */
	border: expression((this.type=="text" || this.type=="password" || this.type=="file") ? 'solid 1px':'none');
	font: 11px verdana, arial, sans-serif; 
}

input[type=radio] {
	vertical-align:-4px;
}

label {
	vertical-align: middle;
	font-weight: bold;
}

.input_readonly {
	background-color:#EEE;
	color:#555;
}

.input_text {
	margin: 0;
	padding: 0;
	vertical-align: middle;
        height: 12px;
        border: none 0px #3C3C3C;
        background: #FFFFFF;
        font-family: verdana, arial, sans-serif;
        font-size: 9px;
        color: #3C3C3C;
        cursor: text;
}

.input_button {
	margin: 0;
	padding: 0;
	border: none;
	vertical-align: middle;
        height: 14px;
        background: #FFFFFF;
        font-family: verdana, arial, sans-serif;
        font-size: 13px;
        color: #3C3C3C;
/*        cursor: hand; */
}

.input_error {
	background-color:#FDD;
	border:solid 1px #D00;
	background-color:#FDD !important;
	border:solid 1px #D00 !important;
}

.loginForm {
	height: 18px;
	font-family: verdana, arial, sans-serif;
        font-size: 10px;
        color: #3C3C3C;

}

.loginForm.text {

	height: 10px;
        border: solid 1px #3C3C3C;
        background: #FFFFFF;
        font-family: verdana, arial, sans-serif;
        font-size: 11px;
        color: #3C3C3C;	
}

#logoutForm *, #loginForm * {
	margin: 0px;
	padding: 0px;
}

#logoutForm table, #loginForm table {
	border: none;
	border-collapse: collapse;
}

#logoutForm table td, #loginForm table td {
	padding: 0px;
	vertical-align: middle;
	text-align: left;
	color:#FFF;
	font-size:11px;
	font-weight:bold;
}

#loginForm .userid_text, #loginForm .password_text {
	color:#FFF;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	padding-right:5px;
}

#loginForm .userid_input,#loginForm .password_input {
	/* more than 9px don't fit for IE and gives odd line after navbar */
	font-size:9px;
	padding:1px 2px 0 0;
	border:none;
	margin-top:1px;
	text-align:left;
}

#loginForm .submit_but, #logoutForm .submit_but {
	font-size:10px;
	color:#000;
	background:#FFF;
	border:none;
	padding:0px 3px;
	text-align:center;
	margin-top:1px;
}

#logoutForm #Username {
	color:#FFF;
	font-size:11px;
	font-weight:bold;
}



/* horizontal menu styling */
#udm ul li { width:auto; float:left !important; }
#festivalbiz ul li, #partners ul li, #aboutus ul li { float:right !important; }
#udm ul li a { white-space:nowrap; }
/* top border tweak to make deeper menu levels merge together */
#udm ul ul { border-top:none !important; }

/* link heights corresponds with image height */
.navButton, .navButton:visited {
        height:27px;
        position:relative !important;
        }
/* link and list-item widths correspond with image widths */
#events, #eventsButton, #eventsButton:visited {
        width:83px;
        }
#resources, #resourcesButton, #resourcesButton:visited {
        width:85px;
        }
#promoters, #promotersButton, #promotersButton:visited {
        width:85px;
        }
#join, #joinButton, #joinButton:visited {
        width:86px;
        }
#members, #membersButton, #membersButton:visited {
        width:86px;
        }
#festivalbiz, #festivalbizButton, #festivalbizButton:visited {
        width:86px;
        }
#partners, #partnersButton, #partnersButton:visited {
        width:86px;
        }
#aboutus, #aboutusButton, #aboutusButton:visited {
        width:86px;
        }
/* span is same dimensions as link and positioned to superimpose */
.navButton span, .navButton:visited span {
        display:block;
        height:27px;
        width:100%;
        position:absolute;
        left:0;
        top:0;
        z-index:1;
        background-repeat:no-repeat;
        }

/* button images are span background images */
#eventsButton span, #eventsButton:visited span {
        background-image:url(/images/images-top/fno-top_2x1b.jpg);
        }
.topbit2 #eventsButton span, .topbit2 #eventsButton:visited span {
        background-image:url(/images/images-top/fno-top_2x1bc.jpg);
        }
#resourcesButton span, #resourcesButton:visited span {
        background-image:url(/images/images-top/fno-top_2x2b.jpg);
        }
#promotersButton span, #promotersButton:visited span {
        background-image:url(/images/images-top/fno-top_2x3b.jpg);
        }
#joinButton span, #joinButton:visited span {
        background-image:url(/images/images-top/fno-top_2x4b.jpg);
        }
#membersButton span, #membersButton:visited span {
        background-image:url(/images/images-top/fno-top_2x8b.jpg);
        }
#festivalbizButton span, #festivalbizButton:visited span {
        background-image:url(/images/images-top/fno-top_2x5b.jpg);
        }
#partnersButton span, #partnersButton:visited span {
        background-image:url(/images/images-top/fno-top_2x6b.jpg);
        }
#aboutusButton span, #aboutusButton:visited span {
        background-image:url(/images/images-top/fno-top_2x7b.jpg);
        }
/* rollovers are background position so that no preloading is necessary */
.navButton span, .navButton:visited span {
        background-position:0 0;
        }

.navButton:hover span, .navButton:focus span, .navButton:visited:hover span, .navButton.udmR span, .navButton.udmR:visited span, .navButton:active span {
        background-position:0 -100px;
        }


/* former content_styles.css CSS Document */

/* NOTE: DEFAULT TEXT COLOR IS ALREADY DEFINED IN "fnostyle2.css". */


/* This adds the image to the content cell that completes the header design */
td#content-cell {
	background: url(/images/images-top/fno-top_3x2_1x1.jpg) top left no-repeat;
	padding: 0;
	margin: 0;
	}

/* This controls the width of the content and the margin around it */
#content-main {
	padding: 0;
	margin: 20px 0 20px 2.5%;
	width: 630px;
	line-height: 1.3em;
	}

#bottom {
	padding: 0;
	line-height: 1.4em;
	}

/* This is used instead of #content-main to make the content scale to the page width */
#content-main-expanding {
	padding: 0;
	margin: 20px 20px 20px 1.5%;
	min-width: 630px;
	line-height: 1.2em;
	}


/* These 2 set a fixed left margin for the content in IE 6 and below, rather than the percentage, which causes problems because of bugs in IE */
* html #content-main {
	margin: 20px 0 20px 25px;
	}

* html #content-main-expanding {
	margin: 20px;
	}

/* 01-04-08 K changed link color from #395B9F, added no underline on hover */
#content-main a:link, #content-main-expanding a:link {
	color: #453284;
	} 

#content-main a:visited, #content-main-expanding a:visited {
	color: #810081;
	}

#content-main a:hover, #content-main-expanding a:hover {
	text-decoration: none;
	color: #0066FF;
	} 

#content-main a:active, #content-main-expanding a:active {
	color: #3366CC;
	}
		


/* BUTTON ADS (LEFT COLUMN, NOT IN CONTENT CELL) */

#button-ads {
	margin: 0;
	padding: 2px 0 0 0;
	}
	
#button-ads a {
	display: block;
	margin: 0;
	padding: 0 0 10px 2px;
	}

#button-ads a.with_text {
	padding-bottom: 0;
}

#button-ads a.below {
	padding-top: 3px;
	padding-right: 2px;
	color: #FFFFFF;
	text-align: center;
}
	
#button-ads a img {
	border: none;
	}



/* Used for banner ads */
div.banner-ad {
	width: 630px;
	margin: 0 auto;
	padding: 0 0 13px 0;
	text-align: center;
	}

div.banner-ad p {
	margin: 0;
	padding: 2px 0 0 0;
	}

div.banner-ad a img {
	border: none;
	}
	
	
/* These styles hold the "Festival Network Online" heading, used on the home page and event.html */

/* This is the main container */
#header-row {
	margin: 0;
	padding: 0 0 4px 0;
	position: relative;
	white-space: nowrap;
	display: inline;
	float: left;
	vertical-align: bottom;
	}

/* Text to the right of the name on home page ("Find music festivals, craft shows...") */	
#header-row h1 {

	font-size: 11px;
	font-style: italic;
	font-weight: bold;
	margin: 0;
	padding: 5px 0 0 10px;
	vertical-align: bottom;
	}

#header-row table {
	margin: 0;
	padding: 0;
	}

#header-row img {
	padding: 5px 0 0 5px;
}

/*
#OLDheader-row h1 {

	font-size: 10px;
	font-style: italic;
	font-weight: bold;
	margin: 0;
	padding: 3px 0 0 0;

	/* for old mozilla *
	display:-moz-inline-block;
	float: top;
	/* for decent browsers *
	display:inline-block;
	/* trigger hasLayout for IE *
	zoom:1;
	/* hack for IE *
	*display:inline;
	}
*/

/* Makes linked words in tagline match rest of text */
#header-row a {
	color: #3C3C3C;
	}	

#after-header h1 {

	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	margin: 0;
	padding-top: 15px;
	padding-bottom: 5px;
	display: block;
	}





/* Box at the top of home page, below the name.
Spacing between name and this box is defined here by top margin.
This box will scale horizontally, but not vertically */
#intro-box {
	height: 45px;
	width: 630px;
	padding: 0;
	margin: 5px 0 4px 0;
	background: url(/images/images_content/intro-box-bkg.gif) top repeat-x;
	position: relative;
	}

	
#intro-box a {
	color: #000000;
	}

/* Left side of the box (rounded corners) */		
#intro-box-left {
	height: 45px;
	width: 10px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(/images/images_content/intro-box-left.gif) top left no-repeat;
	}

/* Right side of the box (rounded corners) */
#intro-box-right {
	height: 45px;
	width: 14px;
	position: absolute;
	top: 0;
	right: 0;
	background: url(/images/images_content/intro-box-right.gif) top right no-repeat;
	}

#intro-box h1 {
	color: #000000;
	display: block;
	font-size: 11px;
	font-weight: bold;
	margin-left: 15px;
	margin-right: 15px;
	padding: 8px 0 5px 0;
	width: 600px;
	}




/* Holds rows of content, which contain floated elements.
Must be cleared by:
<br class="clearboth">
Spacing between rows controlled by top margin here
 */	
.content-row {
	width: 630px;
	padding: 0;
	margin: 5px 0 0 0;
	position: relative;
	}



	
/* Styles text to the left of the Search box on the home page ("If you are an...") 
Space between this text and the search box is acheived with right padding on #home-text1.
This right padding must be at least 310px to clear the width of the search box, which floats to the right */

#home-text1 {
	padding: 0 320px 0 10px;
	margin: 0;
	font-size: 11px;
	}

#home-text1 p {
	margin: 0;
	padding: 0 0 5px 0;
	line-height: 1.2em;
	}
	
#home-text1 ul {
	padding: 0 0 0 15px;
	margin: 0;
	font-weight: bold;
	}

#home-text1 ul li {
	margin: 0;
	padding: 0 0 3px 0;
	}

#home-text1 a {
	color: #3C3C3C;
	}

#home-text1 p.red a {
	color: #DA004C;
	}

#home-text1 a.search-our-db {
	color: #DA004C;
	}

#home-text1 h2 {
	display: block;
	font-size: 11px;
	font-weight: bold;
	margin: 0px;
	padding-top: 10px;
	}


/* SEARCH BOX */

#search-box {
	width: 310px;
	padding: 0;
	margin: 0 -4px 0 0;
	float: right;
	font-size: 10px;
	display: inline;
	}

#search-box p {
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	}

#search-box form {
	margin: 0;
	padding: 0;
	}
	
#search-box select, #search-box input {
	font-size: 10px;
	}

/* Top of search box */		
#search-box-top {
	width: 310px;
	height: 30px;
	background: url(/images/images_content/search-box-top.gif) top left no-repeat;
	padding: 0;
	margin: 0;
	text-align: left;
	}

/* "Search for Events" heading */
#search-box-top img {
	padding: 5px 0 0 7px;
	margin: 0;
	font-weight: bold;
	color: #ffffff;
	font-size: 11px;
	}

/* Bottom of search box */
#search-box-bottom {
	width: 310px;
	height: 12px;
	background: url(/images/images_content/search-box-bottom.gif) top left no-repeat;
	padding: 0;
	margin: 0;
	}

/* First part of search (by Month and by State) */
#search-box-row1 {
	/* position: relative; */
	width: 310px;
	padding: 0 0 10px 0;
	margin: 0;
	background: url(/images/images_content/search-box-bkg1.gif) top left repeat-y;
	line-height: 1.2em;
	}

/* Search by state */	
#search-box-row1-left {
	margin: 0;
	padding: 0;
	width: 49%;
	float: left;
	text-align: center;
	display: inline;
	}

/* Search by month */	
#search-box-row1-right {
	margin: 0;
	padding: 0;
	width: 48%;
	float: right;
	text-align: center;
	display: inline;
	}

/* Second part of search (within #miles of ZIP) */
#search-box-row2 {
	width: 310px;
	background: url(/images/images_content/search-box-bkg2.gif) top left repeat-y;
	padding: 10px 5px 10px 0;
	margin: 0;
	text-align: center;
	}

/* Third part of search (submit button and Advanced Search link) */	
#search-box-row3 {
	width: 310px;
	background: url(/images/images_content/search-box-bkg3.gif) top left repeat-y;
	padding: 10px 5px 5px 0;
	margin: 0;
	text-align: center;
	}	


/* Top of gray box under search */	
#undersearch-top {
	width: 310px;
	height: 10px;
	padding: 0;
	margin: -3px 0 0 0;
	}

/* Content of gray box under search */		
#undersearch {
	background: url(/images/images_content/undersearch-bkg.gif) left repeat-y;
	padding: 0;
	margin: 0;
	width: 310px;
	text-align: center;
	}

#undersearch p {
	padding: 0 15px 10px 10px;
	margin: 0;
	}

/* Bottom of gray box under search */		
#undersearch-bottom {
	width: 310px;
	height: 12px;
	padding: 0;
	margin: 0;
	}







/* MAP on home page - this does not scale in either direction */

/* Main container for map */
#map-box {
	width: 400px;
	margin: 0 -4px 0 0;
	padding: 0;
	display: inline;
	}

/* Top of map box */	
#map-top {
	width: 400px;
	height: 30px;
	margin: 0;
	padding: 0;
	background: url(/images/images_content/map-top.gif) top left no-repeat;
	}

/* "Click a state to visit our featured events" is contained in <span> tags */
#map-top  img {
	padding: 5px 0 0 7px;
	margin: 0;
	font-weight: bold;
	color: #ffffff;
	font-size: 11px;
	}

/* Holds the actual map */	
#map {
	width: 400px;
	margin: 0;
	padding: 0;
	}

#map img {
	border: none;
	}







/* "FNO Features" box on home page */

/* Main container */
#features-box {
	float: right;
	width: 200px;
	padding: 0;
	margin: 0;
	background: url(/images/images_content/features-bkg.gif) left repeat-y;
	display: inline;
	}
	
#features-box a {
	color: #3C3C3C;
	}

/* Top of box (text is in background image) */
#features-top {
	background: url(/images/images_content/features-top.gif) top left no-repeat;
	width: 200px;
	height: 50px;
	margin: 0;
	padding: 0;
	}

/* Bottom of box */	
#features-bottom {
	width: 200px;
	height: 15px;
	margin: 0;
	padding: 0;
	}	

#features-box ul {
	padding: 0 10px 0 25px;
	margin: 0;
	}






/* Testimonial box (bottom of home page) */

/* Main container - top margin adds space between this and the map & features boxes above it */
#quote-box {
	width: 630px;
	margin: 5px 0 10px 0;
	padding: 0;
	background: url(/images/images_content/quote-box-bkg.gif) top left repeat-y;
	}

/* Top of box */	
#quote-box-top {
	height: 15px;
	margin: 0;
	padding: 0;
	background: url(/images/images_content/quote-box-top.gif) top left no-repeat;
	}

/* Bottom of box */	
#quote-box-bottom {
	height: 15px;
	margin: 0;
	padding: 0;
	background: url(/images/images_content/quote-box-bottom.gif) top repeat-x;
	}
	
/* Body of box (testimonials) */	
#quote-box-center {
	margin: 0;
	padding: 0;
	border: none;
	position: relative;
	}

/* "#quote1" is the quote on the left.
"#quote2" is the quote on the right.
These must be cleared with <br class="clearboth"> */

#quote1 {
	width: 280px;
	margin: 0 0 0 15px;
	padding: 0;
	float: left;
	display: inline;
	}
	
#quote2 {
	width: 280px;
	margin: 0 15px 0 0;
	padding: 0;
	float: right;
	display: inline;
	}

#quote1 p, #quote2 p {
	padding: 0 0 10px 0;
	margin: 0;
	}








/* NEWSLETTER SIGNUP BOX  - can expand horizontallu
Space above this box is defined by top margin*/

/* Main container */
#newsletter-signup {
	height: 80px;
	padding: 0;
	margin: 10px 0 0 0;
	background: url(/images/images_content/newsletter-box-bkg.gif) top repeat-x;
	position: relative;
	}

/* Left side of box */			
#newsletter-signup-left {
	height: 80px;
	width: 15px;
	margin: 0;
	padding: 0;
	background: url(/images/images_content/newsletter-box-left.gif) top left no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	}

/* Left side of box */	
#newsletter-signup-right {
	height: 80px;
	width: 15px;
	margin: 0;
	padding: 0;
	background: url(/images/images_content/newsletter-box-right.gif) top right no-repeat;
	position: absolute;
	top: 0;
	right: 0;
	}

/* Content of box */
#newsletter-signup-form {
	height: 75px;
	margin: 0;
	padding: 0;
	}

#newsletter-signup form {
	margin: 0;
	padding: 0;
	}
			
#newsletter-signup-form p {
	padding: 8px 10px 0 15px;
	margin: 0;
	font-size: 11px;
	line-height: 10px;
	}

#newsletter-signup-form input {
	font-size: 9px;
	padding: 1px 3px 1px 3px;
	}






/* COLUMNS - these are used on join_fno, festival_listings, music_festivals */

#right-column {
	margin: 0 0 0 0;
	padding: 0;
	width: 225px;
	float: right;
	}
	
#left-column {
	margin: 0 0 7px 0;
	padding: 0;
	min-width: 385px;
	}







/* This defines the spacing above and below the text at the top of event.html (below the newsletter signup box) */
p.intro {
	padding: 10px 5px;
	margin: 0;
	line-height: 1.2em;
	}

/* This fixes a quirk in IE that was adding extra space above the text */
* html p.intro {
	padding: 5px 5px 10px 5px;
	}
	
	





/* MEMBERSHIP BOX (used on event.html) - fixed width, does not expand horizontally */

/* Main container */
#membership-box {
	background: url(/images/images_content/membership-box-bkg.gif) top right repeat-y #FFFFE7;
	margin: 0;
	padding: 0;
	width: 390px;
	}

/* Top of box */
#membership-box-top {
	height: 30px;
	padding: 0;
	margin: 0;
	background: url(/images/images_content/membership-box-top.gif) top left no-repeat;
	}
	
/* "Membership Levels" is contained in <h2> tags */		
#membership-box-top h2 {
	color: #ffffff;
	padding: 5px 0 0 15px;
	margin: 0;
	font-size: 12px;
	}
	
/* Content of box */
#membership-box-body {
	padding: 10px 0 0 0;
	margin: 0;
	}

#membership-box-body p {
	margin: 0;
	padding: 0 20px 10px 20px;
	}	

/* Bottom of box */	
#membership-box-bottom {
	height: 12px;
	padding: 0;
	margin: 0;
	background: url(/images/images_content/membership-box-bottom.gif) bottom left no-repeat;
	position: relative;
	}	

#membership-box p.joinnow {
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	color: #DA004C;
	font-size: 12px;
	margin: 0;
	padding: 0;
	}

#membership-box p.joinnow a {
	color: #DA004C;
	}
	
	
	




/* WE OFFER - text below "Membership Levels" on event.html.
Spacing between membership box and this text is defined here by top margin */

/* Main container */
#we-offer {
	padding: 0;
	margin: 20px 0 0 0;
	width: 390px;
	}
	
#we-offer h2 {
	color: #810081;
	font-size: 12px;
	padding: 0 0 1px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #810081;
	}

#we-offer p {
	padding: 0;
	margin: 0 0 15px 0;
	}

#we-offer2 {
	padding: 0;
	margin: 2px 0 0 0;
	width: 630px;
	}

#we-offer2 div.header {
	color: #810081;
	font-size: 12px;
	font-weight: bold;
	padding: 0 0 1px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #810081;
	}


	
/* SIDEBAR  - In right column of event.html */	

/* Main container
Top margin is used to align top of this box with the main part of the "Membership Levels" box */	
#sidebar {
	margin: 20px 0 10px 0;
	padding: 0;
	width: 225px;
	background: url(/images/images_content/sidebar-bkg.gif) top left repeat-y;
	}

/* Top of box */
#sidebar-top {
	height: 12px;
	width: 225px;
	margin: 0;
	padding: 0;
	background: url(/images/images_content/sidebar-top.gif) top left no-repeat;
	}

/* Each section of the sidebar is contained in
<div class="sidebar-section">
which adds the line that separates the sections */
.sidebar-section {
	margin: 0 10px;
	padding: 10px 0 5px 0;
	border-bottom: 1px solid #10B4AC;
	}

/* This is added to the first section (Guarantee) */
#sidebar-section-first {
	padding-top: 0;
	text-align: center;
	font-weight: bold;
	}

/* Added to last section to remove line below it. Also centers the text. */
#sidebar-section-last {
	padding-bottom: 0;
	border-bottom: none;
	text-align: center;
	}


#sidebar h2 {
	font-size: 11px;
	color: #DB094B;
	}

/* Our Guarantee */
#sidebar-section-first h2 {
	font-size: 12px;
	}

.sidebar-section h2 {
	margin: 0;
	padding: 0 0 5px 0;
	}	
	
#sidebar ul {
	padding: 0 0 10px 20px;
	}
			
.sidebar-section p, .sidebar-section ul {
	margin: 0;
	padding: 0 0 10px 0;
	}

/* Bottom of box */
#sidebar-bottom {
	height: 12px;
	width: 225px;
	margin: 0;
	padding: 0;
	background: url(/images/images_content/sidebar-bottom.gif) bottom left no-repeat;
	}






/* Holds "Tell Your Friends" button */
#tell-friends {
	margin: 0;
	padding: 0;
	text-align: center;
	}

#tell-friends a img {
	border: none;
	}
	





/* partners BOX (used on partners.html) - fixed width, does not expand horizontally */

/* Main container */
#partners-box {
	background: url(/images/images_content/partners-bkg.gif) top right repeat-y;
	margin: 10px 0 20px 0;
	padding: 0;
	width: 630px;
	}

/* Top of box */


/* OLD VERSION OF partners-box-top - OK TO DELETE
#partners-box-top {
	height: 70px;
	padding: 0;
	margin: 0;
	background: url(/images/images_content/partners-top.gif) top left no-repeat;
	position: relative;
	}
*/

#partners-box-top {
	padding: 0;
	margin: 0;
	background: url(/images/images_content/partners-intro-bkg.gif) bottom right no-repeat #FFD5A6;
	position: relative;
	}
	
#partners-box-tabs {
	height: 29px;
	padding: 0;
	margin: 0;
	background: url(/images/images_content/partners-tabs.gif) top left no-repeat;
	position: relative;
	}

#partners-box-tabs ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}

#partners-box-tabs ul li {
	margin: 0;
	padding: 5px 0 0 0;
	float: left;
	width: 154px;
	text-indent: 10px;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	}	

#partners-box-tabs a:link, #partners-box-tabs a:visited {
	color: #ffffff;
	text-decoration: none;
	}

#partners-box-tabs a:hover, #partners-box-tabs a:active {
	text-decoration: underline;
	}
		
/* the text just under tabs in partners page */	
#partners-box-top p {
	padding: 0 25px 10px 10px;
	margin: 0;
	font-size: 11px;
	}	


	
/* FNO Partners in <h2> tags */		
#partners-box-top h2 {
	color: #ffffff;
	padding: 0;
	margin: 0;
	font-size: 12px;
	position: absolute;
	top: 8px;
	left: 10px;
	}

/* Text above partners (in box) */		



/* OLD VERSION _ OK TO DELETE
#partners-box-top p {
	color: #ffffff;
	padding: 0 25px 0 0;
	margin: 0;
	font-size: 10px;
	position: absolute;
	top: 32px;
	left: 10px;
	}
*/

#partners-box-top a {
	color: #ffffff;
	}
			
/* Content of box */
table.box-body {
	padding: 0;
	margin: 0;
	width: 100%;
	}

table.box-body td {
	height: 100px;
	width: 50%;
	text-align: center;
	margin: 0;
	padding: 0;
	display: table-cell;
	vertical-align: middle;
	border-bottom: 1px solid #D4B9DB;
	}

table.box-body-wide td {
	width: auto;
}

table.box-body td.left {
	border-right: 1px solid #D4B9DB;
	}
	
table.box-body tr.last td {
	border-bottom: none;
	}
	
#partner-link img {
		}

/* Bottom of box */	
#partners-box-bottom {
	height: 15px;
	padding: 0;
	margin: 0;
	background: url(/images/images_content/partners-bottom.gif) bottom left no-repeat;
	position: relative;
	}	




/* CONTENT BELOW BOX (DIVIDED BY HORIZONTAL LINES) */

.info-section {
	padding: 0 0 5px 0;
	margin: 0 0 15px 0;
/*	border-bottom: 1px solid #D4B9DB; */
	text-align: center;
	line-height: 1.5em;
	}




/* COMMON STYLES */


/* VERY IMPORTANT! This is applied to a <br> to clear floats without adding any extra spacing */				
.clearboth {
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
	}
	
.small {
	font-size: 90%;
	}
	
.red {
	font-weight: bold;
	color: #DA004C;
	}

.bigred {
	font-weight: bold;
	color: #DA004C;
	font-size: 120%;
	}	

.big {
	font-size: 120%;
	}



/*box_styles.css CSS Document */

/* BOX WITH TAB HEADING THAT WILL FIT IN THE LEFT COLUMN OF @-COLUMN LAYOUT, LIKE event.html */

/* Main containers
NOTE: SPACE BELOW BOXES IS CONTROLLED BY BOTTOM MARGIN ON #box-bottom */

#box-wide {
	margin: 0;
	padding: 0;
	width: 630px;
	}

#box-wide2 {
	margin: 15px 0 0 0;
	padding: 0;
	width: 750px;
	}
	
#box-left {
	margin: 0;
	padding: 0;
	width: 390px;
	}

#box-right {
	margin: 0;
	padding: 0;
	width: 225px;
	}
	
	
/* Top of box */
/*
#box-left h2, #box-right h2, #box-wide h2, #box-wide2 h2 {
	padding: 6px 0 5px 10px;
	margin: 0;
	background: url(/images/images_content/box-top-left.gif) top left no-repeat;
	white-space: nowrap;
	overflow: hidden;
	}
*/
	
h2.top-left, div.wrapper h2.top-left {
	padding: 6px 0 5px 10px;
	margin: 0;
	background: url(/images/images_content/box-top-left.gif) top left no-repeat;
	white-space: nowrap;
	overflow: hidden;
	text-align: left;
	}
	
/* Box heading is contained in <h2> tags */		
#box-left h2 span, #box-right h2 span, #box-wide h2 span, #box-wide2 h2 span, .box-flexible h2 span, .ratings-box h2 span {
	color: #ffffff;
	margin: 0;
	padding: 6px 15px 5px 0;
	font-size: 11px;
	line-height: 11px;
	background: url(/images/images_content/box-top-right.gif) top right no-repeat;
	}

#content-main a.a-white:link, #content-main a.a-white:visited {
	color: #ffffff;
	text-decoration: none;
}

#content-main a.a-white:hover, #content-main a.a-white:active  {
	color: #ffeeee;
	text-decoration: underline;
}

/* left rounding corner inside multi-tab header */
#box-wide h2.top-left span.top-left-divider, .box-flexible h2.top-left span.top-left-divider, .ratings-box h2.top-left span.top-left-divider {
	color: #ffffff;
	margin: 0;
	padding: 6px 0 5px 0px;
	font-size: 11px;
	line-height: 11px;
	background: url(/images/images_content/box-top-left.gif) top left no-repeat;
	white-space: nowrap;
	overflow: hidden;
	text-align: left;
}

cite.box-quote {
	display: inline;
	font-weight: bold;
	font-style: italic;
	color: rgb(173, 33, 57);
	margin: 0;
	padding: 0;
	background: none;
	}


/* Content of box */
#box-body, .box-body {
	padding: 0;
	margin: 0;
	background: url(/images/images_content/membership-box-bkg.gif) top right repeat-y #FFFFE7;
	position: relative;
	top: -1px;
	}
		
.ratings-box .box-body-inner {
	width: 100%;
	margin: 0;
	padding: 0;
}

.ratings-box .box-body-upper-centerleft {
	width: auto;
	padding-left: 15px;
	background: url(/images/images_content/ratings-box-upper-left.gif) top right repeat-y #FFFFE7;
}

.ratings-box .box-body-upper-right {
	width: 15px;
	background: url(/images/images_content/ratings-box-upper-right.gif) top right repeat-y #FFFFE7;
}

.ratings-box .box-body-middle-centerleft {
	width: auto;
	height: 7px;
	font-size: 0px;
	line-height: 0px;
	padding-left: 15px;
	background: url(/images/images_content/ratings-box-middle-left.gif) top left repeat-y #FFFFE7;
}

.ratings-box .box-body-middle-right {
	width: 15px;
	height: 7px;
	font-size: 0px;
	line-height: 0px;
	background: url(/images/images_content/ratings-box-middle-right.gif) top right repeat-y #FFFFE7;
}

.ratings-box .box-body-lower-centerleft {
	width: auto;
	padding-left: 15px;
	background: url(/images/images_content/ratings-box-lower-left.gif) top right repeat-y #FFFFE7;
}

.ratings-box .box-body-lower-right {
	width: 15px;
	background: url(/images/images_content/ratings-box-lower-right.gif) top right repeat-y #FFFFE7;
}

.single-show-rating {
	border: solid 1px;
	padding: 5px;
	margin: 5px 0 0 0;
}

#box-body p, .box-body p, #box h3, #box h4, #box h5, #box h6 {
	margin: 0;
	padding: 0 20px 10px 20px;
	text-align: left;
	}	

#box-wide2 #box-body p, #box-wide2  #box h3, #box-wide2  #box h4, #box-wide2 #box h5, #box-wide2  #box h6 {
	margin: 0;
	padding: 0 4px 1px 3px;
	text-align: left;
	}	

#box-wide2 #box-body p.html_footer2, #box-body p.html_footer2, .box-body p.html_footer2, p.html_footer2 {
	margin: 0;
	padding: 0;
	text-align: center;
	}	

#box-body ul, #box-body ol, .box-body ul, .box-body ol {
	margin: 0;
	padding: 0 20px 10px 35px;
	}

#box-body form, .box-body form {
	margin:0; padding:0;
}

#box-top, .box-top{
	height: 12px;
	padding: 0;
	margin: 0;
	}

.copyright-bottom{
	clear: both;
	height: 12px;
	padding: 15px 0 20px 10px;
	margin: 0;
	font: 10px arial, sans-serif;
	color: #400040;
	}

#box-bottom{
	height: 12px;
	padding: 0;
	margin: 0 0 20px 0;
	}

.box-bottom-nomargin{
	height: 12px;
	padding: 0;
	margin: 0;
	}

.ratings-box .box-bottom-nomargin{
	height: 15px;
	padding: 0;
	margin: 0;
}

/* Specific to wide box */

#box-wide #box-body #box-top{
	background: url(/images/images_content/box-wide-top.gif) top left no-repeat;
	}

#box-wide #box-body #box-bottom, #box-wide #box-body .box-bottom-nomargin{
	background: url(/images/images_content/box-wide-bottom.gif) top left no-repeat #ffffff;
	}

/* Specific to wide box2 */

#box-wide2 #box-body #box-top{
	background: url(/images/images_content/box-wide3-top.gif) top left no-repeat;
	}

#box-wide2 #box-body #box-bottom, #box-wide2 #box-body .box-bottom-nomargin{
	background: url(/images/images_content/box-wide3-bottom.gif) top left no-repeat #ffffff;
	}		

/* Specific to Left box */

#box-left #box-body #box-top{
	background: url(/images/images_content/box-left-top.gif) top left no-repeat;
	}

#box-left #box-body #box-bottom, #box-left #box-body .box-bottom-nomargin{
	background: url(/images/images_content/box-left-bottom.gif) top left no-repeat #ffffff;
	}



/* Specific to Right box */

#box-right #box-body #box-top{
	background: url(/images/images_content/box-right-top.gif) top left no-repeat;
	}

#box-right #box-body #box-bottom, #box-right #box-body .box-bottom-nomargin{
	background: url(/images/images_content/box-right-bottom.gif) top left no-repeat #ffffff;
	}



	
/* FNO_compare_levels */

.nounder a:link {
color: #ff0000;
background-color: #ffffcc;
text-decoration: none;
font-weight: bold;
}

.nounder a:visited {
color: #cc0000;
background-color: #ffffcc;
text-decoration: none;
font-weight: bold;
}

.nounder a:hover {
color: #6666ff;
background-color: #ffcc99;
text-decoration: underline;
font-weight: bold;
}

#Username a:link {
color: #ffffff;
text-decoration: none;
font-weight: bold;
font-size: 9px;
margin-left: 27px;
}

#Username a {
color: #ffffff;
text-decoration: none;
font-weight: bold;
font-size: 9px;
margin-left: 27px;
}

#logoutForm #MyAccount a, #logoutForm #MyAccount a:link {
color: #ffffff;
text-decoration: none;
font-weight: bold;
font-size: 11px;
margin-left: 27px;
}

.pro_search_result_notes1, .pro_search_result_notes1 p {
	text-align: center;
	margin-top: 12px;
	width: 750px;
}

.pro_search_submit_buttons {
	margin: 5px 0 0 0;
}

.html_search_options2 {
	margin: 0 0 0 14px;
	text-align: left;
	clear: both;
}

br.zero_height {
height:0; line-height:0; display:block; float:none; position:static; clear:both; background: red;
} 

table.myCalendar table.results-info2-inside {
	width: 100%;
	border-right: 2px; border-bottom: 2px; border-style: solid; border-color: #d4b9db;
	}

table.search-results2 table.results-info2-inside {
	width: 100%;
	border-width: 1px; border-style: solid; border-color: #d4b9db;
	}

table.search-results2 td.results-info2-inside {
	padding-left: 10px; vertical-align: top; text-align: left;
	}

#pro-search-box-inside img {
	vertical-align: middle;
}
#pro-search-box-inside input, #pro-search-box-inside select {
	vertical-align: middle;
	margin: 0px 4px; 
	padding: 0px; 
}
#pro-search-box-inside label {
	vertical-align: middle;
	margin: 0px; 
	padding: 0px; 
}
#pro-search-box-inside div.pagebreak label {
	font-size: 12px;
}
#pro-search-box-inside select, #pro-search-box-inside select {
	vertical-align: middle;
	margin-top: 0; margin-bottom: 0;
	padding-top: 0; padding-bottom: 0;
}
td.pro-search-section-outer {
	vertical-align: top; width: 33.33%;
}
table.pro-search-section {
	text-align: left;
	width: 224px;
}
table.pro-search-section td {
	border-bottom: solid 1px rgb(255, 255, 231);
	width: 100%;
	height: 21px;
	line-height: 1.0em;
	vertical-align: middle;
}
span.highlighted-option, .highlighted-option input {
	background-color: rgb(246, 247, 129);
}
span.highlighted-option {
	padding: 2px 0px;
}

table.iframe_table { width: 100%; }
tr.iframe_tr td { height: 100%; }

#Benefits_of_V img {
background:url(/gifs/we_are_VIP.jpg)
}

.help {
position:absolute;
float:right;
z-index:1;
visibility:hidden;
padding:10px;
width:250px;
background:#00334D;
border:0px solid #000;
font-size:12px;
text-align:left;
}

.hintwrap2 ul, .hintwrap2 ol {
	padding-left:12px;
	padding-right:5px;
	margin:0px;
}


/* new flexible width box, should replace box-wide and box-wide2 */
.box-flexible, .ratings-box {
	margin: 0;
	padding: 0;
	}

.box-flexible .box-body .box-top, div.wrapper .box-flexible .box-body .box-top, .ratings-box .box-body .box-top, div.wrapper .ratings-box .box-body .box-top {
	padding: 0;
	margin: 0;
	background: url(/images/images_content/box-flexible-top-left.gif) top left no-repeat;
	white-space: nowrap;
	overflow: hidden;
	text-align: left;
	width: 100%;
	}
	
.ratings-box .box-body .box-top, div.wrapper .ratings-box .box-body .box-top {
	background: url(/images/images_content/ratings-box-top-left.gif) top left repeat-x;
	width: auto;
	height: 9px;
}
	
.box-flexible .box-body .box-top div, .ratings-box .box-body .box-top div {
	color: #ffffff;
	margin: 0;
	padding: 0;
	font-size: 0px;
	line-height: 0px;
	background: url(/images/images_content/box-flexible-top-right.gif) top right no-repeat;
	white-space: nowrap;
	overflow: hidden;
	width: 10px;
	height: 8px;
	float: right;
}
.ratings-box .box-body .box-top div {
	width: 15px;
	height: 9px;
	background: url(/images/images_content/ratings-box-top-right.gif) top right no-repeat;
}

.box-flexible .box-body .box-bottom-nomargin, div.wrapper .box-flexible .box-body .box-bottom-nomargin, .ratings-box .box-body .box-bottom-nomargin, div.wrapper .ratings-box .box-body .box-bottom-nomargin {
	padding: 0;
	margin: 0;
	background: url(/images/images_content/box-flexible-bottom-left.gif) bottom left no-repeat;
	white-space: nowrap;
	overflow: hidden;
	text-align: left;
	width: 100%;
	}

.ratings-box .box-body .box-bottom-nomargin, div.wrapper .ratings-box .box-body .box-bottom-nomargin {
	background: url(/images/images_content/ratings-box-bottom-left.gif) bottom left no-repeat;
	width: auto;
}
	
.box-flexible .box-body .box-bottom-nomargin div, .ratings-box .box-body .box-bottom-nomargin div {
	color: #ffffff;
	margin: 0;
	padding: 0;
	font-size: 0px;
	line-height: 0px;
	background: url(/images/images_content/box-flexible-bottom-right.gif) bottom right no-repeat;
	white-space: nowrap;
	overflow: hidden;
	width: 12px;
	height: 12px;
	float: right;
	}

.ratings-box .box-body .box-bottom-nomargin div {
	background: url(/images/images_content/ratings-box-bottom-right.gif) bottom right no-repeat;
	width: 15px;
	height: 15px;
}

table.deadlines {
	width: 98%; text-align: left;
	border: none;
	}

table.deadlines .results-info2-inside {
	padding-left: 10px; vertical-align: top; text-align: left;
	border-right: 1px solid #d4b9db;
	border-bottom: 1px solid #d4b9db;
	}

table.deadlines .results-info2-inside-top {
	border-top: 1px solid #d4b9db;
	}

table.deadlines .results-info2-inside-left {
	border-left: 1px solid #d4b9db;
	}

table.deadlines th.results-info2-inside {
	font: bold 13px verdana, arial, sans-serif ; 
	}

.dversion_highlighted {
	font-weight: bold;
	text-decoration: none;
}

.our-sponsors {
	width: 115px;
	text-align: left;
	margin: 0 0 0 3px;
	padding: 0;
	background-color: rgb(255, 255, 231);
	border-collapse:collapse;
}

.our-sponsors th {
	padding: 0;
	margin: 0;
	background-color: white;
}

.our-sponsors td {
	padding: 3px;
	margin: 0;
	vertical-align: top;
	text-align: center;
}

.signup-elists{ 
	border-collapse: collapse;
	margin-bottom: 20px;
}

.signup-elists td{ 
	font: 11px verdana, arial, sans-serif; 
	padding: 1px;
}

.checkbox {
/* rch: disabled as it creates thick black border for IE6
background-color:#333;*/
font-size:11px;
padding:0px;
vertical-align:-2px;
margin:0px;
color:#FFF;
}

.black{
    color:#000000;
}

.paging_block_item_title {
    width:116px;
}

.truncate_with_ellipsis, .paging_block_item_title {
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    -moz-binding: url('/resources/ellipsis.xml#ellipsis');
}

.addthis_button, .addthis_button img{
vertical-align:middle;
border:0;
}
.addthis_button img{
margin-bottom:1px;
}

.add_rating {
text-decoration:none;
font: bold 10px Verdana,Arial,sans-serif;
margin-left: 10px;
white-space: nowrap;
vertical-align: middle;
border: 0px;
}
.rating_image {
vertical-align: middle;
border: 0px;
}
.show_list_near_promoter_ratings .rating_image {
margin-left: 10px;
}
.rating_select,.rating_input {
width:130px;
}
div.show_list_near_promoter_ratings_scroll {
height: 140px;
overflow: auto;
margin-right: 10px;
}
.show_list_near_promoter_ratings td {
padding:3px 15px 3px 15px;
}
.show_ratings_link_selected{
background: #e7ffff;
}
.show_ratings_fields .upgrade_options {
background-color: #FFFFE7;
}

.mceContentOutput p, .mceContentBody p {
margin:0;
padding:0;
}