/*
######################################################################################
######                                                                        #######
######     STANDARD/MARKUP STYLES                                            #######
######                                                                      #######
##################################################################################
*/

/********************************************************************************/
/***** GLOBAL RESET STYLES *****************************************************/
/******************************************************************************/

/***** FULL SELECTOR RESET *****/

* { background-repeat:no-repeat; }

/***** TAG RESET *****/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del , dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-family: inherit;
	vertical-align: baseline;
	background: transparent;
	font-size: 100%;
	}

/***** ADDITIONAL RESETS *****/

ol, ul { list-style: none; }
del { text-decoration: line-through; }
blockquote, q { quotes: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; } 
img { border: 0; }
body strong, body b { color: white; }


/********************************************************************************/
/***** MARKUP STYLES ***********************************************************/
/******************************************************************************/

/** For max height properties **/
html, body {
	height: 100%;
	}
html {
	overflow-y: scroll;
	}

body {
	font: normal 75% Arial, Verdana, Helvetica, sans-serif;
	background-color: black;
	background-image: url(../images/home_bg.gif);
	background-position: 0 154px;
	background-repeat: repeat-x;
	color: #9da9c4;
	}
body#index {
	background-position: 0 246px;
	}
a {
	text-decoration: none;
	color: #fdff7c;
	}
a:hover { text-decoration: underline; }
hr { display: none; }
p { margin-bottom: 10px; line-height: 1.6em; }


/********************************************************************************/
/***** HEADER STYLES ***********************************************************/
/******************************************************************************/

h1 {
	margin: 0 0 4px 0;
	padding: 0;
	color: white;
	font: normal 20px Arial, Helvetica, sans-serif;
	}
h2 {
	margin: 0 0 7px 0;
	padding: 0;
	color: white;
	font: normal 17px Arial, Helvetica, sans-serif;
	}
h3 {
	margin: 0 0 5px 0;
	padding: 0;
	color: white;
	font: bold 1.4em Arial, Helvetica, sans-serif;
	}
h4 {
	margin: 0 0 4px 0;
	padding: 0;
	color: white;
	font: bold 1.2em Arial, Helvetica, sans-serif;
	}
h5 {
	margin: 0;
	padding: 0;
	font: bold 1.1em Arial, Helvetica, sans-serif;
	}
h6 {
	margin: 0;
	padding: 0;
	font: bold 1em Arial, Helvetica, sans-serif;
	font-style: italic;
	}


/********************************************************************************/
/***** MEDIA STYLES ************************************************************/
/******************************************************************************/

.notforscreen {	display: none; }	/* Everything except for screen */
.notforprint {  }			/* Everything except for print */
.notforhandheld {  }			/* Everything except for handheld */

.screenonly {  }			/* Only for screen */
.printonly {	display: none; }	/* Only for print */
.handheldonly {	display: none; }	/* Only for handheld */


/********************************************************************************/
/***** MISC STYLES *************************************************************/
/******************************************************************************/

/***** RED ERROR / GREEN ALERT MESSAGE *****/

.error_message,
.alert_message { 
	display: block;
	padding: 7px 7px 1px 7px;
	background-color: #3D0F0F;
	border: 1px solid #EC3F57;
	margin: 0px 0px 10px 0px;
	color: #EC3F57;
	}
	.error_message a {
		color: #EC3F57;
		text-decoration: underline;
		}
	.error_message em,
	.alert_message em { 
		font-style: normal;
		}
	.error_message p,
	.alert_message p {
		margin-bottom: 6px;
		}
	.error_message ul,
	.alert_message ul {
		margin: 0px 0px 6px 20px;
		padding: 0px;
		}
		.error_message ul li,
		.alert_message ul li {
			padding: 0px;
			margin: 0px;
			list-style: disc;
			}
.alert_message {
	background-color: #10300C;
	border: 1px solid #3C9431;
	color: #2BB319;
	}

/***** CLEAR *****/

.clear {   height: 0; overflow: hidden; clear: both; }	/* for clearing break tags */
.clear_l { clear: left; }
.clear_r { clear: right; }
.clear_n { clear: none; }
.clear_b { clear: both; }

/***** FLOAT *****/

.float_l { float: left; }
	img.float_l { margin-right: 10px; margin-bottom: 10px; }
.float_r { float: right; }
	img.float_r { margin-right: 10px; margin-bottom: 10px; clear: right; }
.float_n { float: none; }

/***** TEXT ALIGN *****/

.align_l { text-align: left; }
.align_r { text-align: right; }
.align_c { text-align: center; }
.align_j { text-align: justify; }

/***** DISPLAY *****/

.display_n { display: none; }
.display_b { display: block; }
.display_i { display: inline; }



/********************************************************************************/
/***** LINK STYLES *************************************************************/
/******************************************************************************/

a.link1,
ul.link1 a {
	background-image: url(../images/arrow_icon2.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
	color: #feffcc;
	padding-left: 14px;
	}
a.link1:hover,
ul.link1 a:hover {
	text-decoration: underline;
	background-image: url(../images/arrow_icon2.gif);
	color: #feffcc;
	}
ul.link1 a.active {
	background-image: url(../images/arrow_icon2.gif);
	font-weight: bold;
	color: #feffcc;
	}
ul.link1 {
	margin-bottom: 15px;
	}

.content_left ul.link1 {
	margin-bottom: 20px;
	}
.content_left ul.link1 a {
	background-image: url(../images/arrow_icon2.gif);
	color: #feffcc;
	text-decoration: none;
	filter:alpha(opacity=55);
	opacity: 0.55;
	-moz-opacity:0.55;
	}
.content_left ul.link1 a:hover,
.content_left ul.link1 a.active {
	background-image: url(../images/arrow_icon2.gif);
	color: #feffcc;
	filter:alpha(opacity=99);
	opacity: 0.99;
	-moz-opacity:0.99;
	text-decoration: none;
	}
.content_left ul.link1 a.active {
	font-weight: bold;
	}

ul.link1 li.float_l {
	margin-right: 12px;
	margin-bottom: 10px;
	}


/********************************************************************************/
/***** LINE STYLES *************************************************************/
/******************************************************************************/

.dots_horizontal {
	clear: both;
	background-image: url(../images/dots.gif);
	background-repeat: repeat-x;
	height: 1px;
	overflow: hidden;
	font-size: 0.2em;
	line-height: 0.2em;
	margin-bottom: 10px;
	}
.line_horizontal {
	clear: both;
	overflow: hidden;
	font-size: 0.2em;
	line-height: 0.2em;
	height: 17px;
	width: 623px;
	margin-bottom: 5px;
	background-image: url(../images/line_horizontal.png);
	background-position: center center;
	}


/********************************************************************************/
/***** SIMPLE COLOR STYLES *****************************************************/
/******************************************************************************/

.blue {	 color: blue; }
.red {	 color: red; }
.green { color: green; }



/*
######################################################################################
######                                                                        #######
######     WEB TEMPLATE STYLES                                               #######
######                                                                      #######
##################################################################################
*/

/********************************************************************************/
/***** WRAPPER STYLES **********************************************************/
/******************************************************************************/

#wrapper {
	position: relative;
	font-size: 0.9em;
	width: 900px;
	margin: 0 auto;
	}

/********************************************************************************/
/***** TOP STYLES **************************************************************/
/******************************************************************************/

/***** TOP *****/

#top {
	position: relative;
	clear: both;
	margin: 0 auto;
	width: 900px;
	height: 116px;
	background-image: url(../images/top_bg.jpg);
	}

	#top .logged_in {
		position: absolute;
		right: 10px;
		bottom: 10px;
		color: #9da9c4;
		text-align: right;
		}
		#top .logged_in strong {
			color: white;
			font-weight: normal;
			}
	
#index #top {
	height: 208px;
	background-image: url(../images/top_bg-index.jpg);
	}
	#top .logo {
		display: none;
		}
		#top .logo img {
			display: none;
			}


/***** TAB STYLES *****/

#tabs {
	margin: 0;
	padding: 0 25px;
	clear: both;
	width: 850px;
	height: 38px;
	background-image: url(../images/tabs_bg.gif);
	background-repeat: no-repeat;
	}
	#tabs li {
		height: 38px;
		margin: 0 15px;
		padding: 0;
		list-style-type: none;
		}
		#tabs li a {
			margin-top: 14px;
			height: 10px;
			text-indent: -6767px;
			overflow: hidden;
			background-repeat: no-repeat;
			background-position: 0 0;
			}
		#tabs li a:hover,
		#tabs li a.active {
			background-position: 0 -10px;
			text-decoration: none;
			}

.tabs_left {
	float: left;
	min-width: 20px;
	}
	.tabs_left li {
		float: left;
		}
.tabs_right {
	float: right;
	min-width: 20px;
	}
	.tabs_right li {
		float: left;
		}

/** Left links **/
	.tabs_left li.mainnav_home { 		width: 45px; float: left; }
	.tabs_left li.mainnav_stories { 	width: 57px; float: left; }
	.tabs_left li.mainnav_poems { 		width: 49px; float: left; }
	.tabs_left li.mainnav_contact { 	width: 71px; float: left; }
	.tabs_left li.mainnav_home a { 		background-image: url(../images/mainnav/mainnav_home.gif); width: 45px; float: left; }
	.tabs_left li.mainnav_stories a { 	background-image: url(../images/mainnav/mainnav_stories.gif); width: 57px; float: left; }
	.tabs_left li.mainnav_poems a { 	background-image: url(../images/mainnav/mainnav_poems.gif); width: 49px; float: left; }
	.tabs_left li.mainnav_contact a { 	background-image: url(../images/mainnav/mainnav_contact.gif); width: 71px; float: left; }

/** Right links **/
	.tabs_right li.mainnav_login { 			width: 47px; float: left; }
	.tabs_right li.mainnav_logout {			width: 61px; float: left; }
	.tabs_right li.mainnav_registration { 	width: 106px; float: left; }
	.tabs_right li.mainnav_workshop { 		width: 83px; float: left; }
	.tabs_right li.mainnav_my-account { 	width: 99px; float: left; }
	.tabs_right li.mainnav_login a { 		background-image: url(../images/mainnav/mainnav_login.gif); width: 47px; float: right; }
	.tabs_right li.mainnav_logout a { 		background-image: url(../images/mainnav/mainnav_logout.gif); width: 61px; float: right; }
	.tabs_right li.mainnav_registration a { background-image: url(../images/mainnav/mainnav_registration.gif); width: 106px; float: right; }
	.tabs_right li.mainnav_workshop a { 	background-image: url(../images/mainnav/mainnav_workshop.gif); width: 83px; float: right; }
	.tabs_right li.mainnav_my-account a { 	background-image: url(../images/mainnav/mainnav_my-account.gif); width: 99px; float: right; }


/********************************************************************************/
/***** HEADER STYLES ***********************************************************/
/******************************************************************************/

#header {
	clear: both;
	}
	#header img {
		display: block;
		}


/********************************************************************************/
/***** MIDDLE STYLES ***********************************************************/
/******************************************************************************/

.middle {
	height: auto !important;
	min-height: 200px;
	height: 200px;
	background-image: url(../images/middle_bg.gif);
	background-repeat: no-repeat;
	}


/********************************************************************************/
/***** CONTENT FULL ************************************************************/
/******************************************************************************/

.content_full {
	clear: both;
	width: 900px;
	padding-top: 15px;
	}


/********************************************************************************/
/***** CONTENT LEFT ************************************************************/
/******************************************************************************/

.content_left {
	float: left;
	display: inline;
	margin-left: 25px;
	margin-bottom: 25px;
	width: 207px;
	padding-top: 15px;
	}

/***** STEPS *****/

	.content_left .steps li {
		margin: 0 0 2px 0;
		background-image: url(../images/arrow_right_medium_dkgrey.gif);
		background-position: 0 4px;
		background-repeat: no-repeat;
		padding-left: 8px;
		font-size: 1.1em;
		color: #666;
		}
	.content_left .steps li.active {
		font-weight: bold;
		color: white;
		background-image: url(../images/arrow_right_medium_white.gif);
		}


/********************************************************************************/
/***** CONTENT EXTENDED ********************************************************/
/******************************************************************************/

.content_extended {
	float: left;
	display: inline;
	width: 623px;
	height: auto !important;
	min-height: 300px;
	height: 300px;
	padding: 20px 0 0 20px;
	margin-bottom: 25px;
	}


/********************************************************************************/
/***** FOOTER STYLES ***********************************************************/
/******************************************************************************/

#footer {
	width: 900px;
	height: 40px;
	background-image: url(../images/footer_bg.gif);
	background-repeat: no-repeat;
	color: white;
	}
	#footer .left {
		position: relative;
		float: left;
		left: 25px;
		top: 17px;
		margin: 0;
		padding: 0;
		}
	#footer .right {
		position: relative;
		float: right;
		right: 16px;
		top: 17px;
		margin: 0;
		padding: 0;
		}
		#footer .right a {
			color: white;
			padding: 0 8px 0 6px;
			}
		#footer .right a:hover {
			text-decoration: underline;
			}
		#footer .right a.active {
			font-weight: bold;
			}




/*
######################################################################################
######                                                                        #######
######     GENERIC COMPONENT STYLES                                          #######
######                                                                      #######
##################################################################################
*/

/********************************************************************************/
/****** SCROLLER STYLES ********************************************************/
/******************************************************************************/

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	}
	.jScrollPaneTrack {
		position: absolute;
		cursor: pointer;
		right: 0;
		top: 0;
		height: 100%;
		width: 10px;
		background-color: #171A1C;
		}
		.jScrollPaneDrag {
			position: absolute;
			background: #666;
			cursor: pointer;
			overflow: hidden;
			}
			.jScrollPaneDragTop {
				position: absolute;
				top: 0;
				left: 0;
				overflow: hidden;
				}
			.jScrollPaneDragBottom {
				position: absolute;
				bottom: 0;
				left: 0;
				overflow: hidden;
				}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background-color: #333A3D;
	height: 10px;
	background-image: url(../images/arrow_up_small_white.gif);
	background-repeat: no-repeat;
	background-position: center 4px;
	}
a.jScrollArrowUp:hover {
	background-color: #4D575C;
	}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background-color: #333A3D;
	height: 10px;
	background-image: url(../images/arrow_down_small_white.gif);
	background-repeat: no-repeat;
	background-position: center 4px;
	}
a.jScrollArrowDown:hover {
	background-color: #4D575C;
	}
a.jScrollActiveArrowButton,
a.jScrollActiveArrowButton:hover {
	background-color: #4D575C;
	}

/********************************************************************************/
/****** SIFR STYLES ************************************************************/
/******************************************************************************/


/* These are standard sIFR styles... do not modify */

.sIFR-flash { visibility: visible !important; margin: 0; }
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}
.sIFR-hasFlash h2 {
	visibility: hidden;
}
.sIFR-hasFlash h3 {
	visibility: hidden;
}
.sIFR-hasFlash h4 {
	visibility: hidden;
}
.sIFR-hasFlash h5#pullquote {
	visibility: hidden;
}


/********************************************************************************/
/****** PAGINATION STYLES ******************************************************/
/******************************************************************************/

.pagination {
	float: left;
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none;
	}
	.pagination li {
		float: left;
		margin: 0;
		padding: 0;
		}
		.pagination li span {
			color: #555;
			}
	.pagination .frm_dropdown {
		float: left;
		}
	.pagination li.prev {
		padding: 3px 7px 0 0;
		}
	.pagination li.next {
		padding: 3px 0 0 7px;
		}
	.pagination a {
		color: #7c89a6;
		text-decoration: none;
		}
	.pagination a:hover {
		color: white;
		}


/********************************************************************************/
/****** HEADER STYLES **********************************************************/
/******************************************************************************/


.ttl {
	font-size: 1.7em;
	margin: 0 0 4px 0;
	line-height: 1em;
	}
/*
.ttl {
	text-indent: -6767px;
	overflow: hidden;
	background-repeat: no-repeat;
	}

/***** HEADER 1 *****

h1.ttl {
	height: 17px;
	margin-bottom: 15px;
	}
.ttl_welcome-to-the-realm { background-image: url(../images/ttl_welcome-to-the-realm.gif); width: 313px; }
.ttl_about-amateur-writing { background-image: url(../images/ttl_about-amateur-writing.gif); width:  172px; }
.ttl_contact-amateur-writing { background-image: url(../images/ttl_contact-amateur-writing.gif); width:  182px; }
.ttl_enter-your-login-details { background-image: url(../images/ttl_enter-your-login-details.gif); width:  167px; }
.ttl_forgotten-password { background-image: url(../images/ttl_forgotten-password.gif); width:  142px; }
.ttl_filters { background-image: url(../images/ttl_filters.gif); width:  44px; }
.ttl_sort-by { background-image: url(../images/ttl_sort-by.gif); width:  62px; }
.ttl_search-by { background-image: url(../images/ttl_search-by.gif); width:  80px; }
.ttl_library-of-stories { background-image: url(../images/ttl_library-of-stories.gif); width:  121px; }

.ttl_messages { background-image: url(../images/ttl_messages.gif); width:  68px; }
.ttl_account-details { background-image: url(../images/ttl_account-details.gif); width:  110px; }
.ttl_my-account { background-image: url(../images/ttl_my-account.gif); width:  83px; }

/***** HEADER 2 *****

h2.ttl {
	height: 17px;
	margin-bottom: 10px;
	}
.ttl_our-stories { background-image: url(../images/ttl_our-stories.gif); width: 80px; }
.ttl_our-poems { background-image: url(../images/ttl_our-poems.gif); width: 79px; }
.ttl_register-now { background-image: url(../images/ttl_register-now.gif); width: 104px; }
.ttl_login { background-image: url(../images/ttl_login.gif); width: 42px; }

.ttl2_messages { background-image: url(../images/ttl2_messages.gif); width:  55px; }
.ttl2_account-details { background-image: url(../images/ttl2_account-details.gif); width: 89px; }
*/


/********************************************************************************/
/****** COLUMN STYLES **********************************************************/
/******************************************************************************/

/***** PAGE CONTENT COLUMNS *****/

/** These columns are designed to be used within the normal content of a page **/

.half {
	float: left;
	width: 49.9%;
	width/**/:/**/ 48% !important;
	width/**/:/**/ 47.9%;
	padding-right: 2%;
	}
.third {
	float: left;
	width: 33%;
	width/**/:/**/ 31%;
	padding-right: 2%;
	}
.two_thirds {
	float: left;
	width: 66%;
	width/**/:/**/ 64%;
	padding-right: 2%;
	}
.quarter {
	float: left;
	width: 24.9%;
	width/**/:/**/ 23% !important;
	width/**/:/**/ 22.9%;
	padding-right: 2%;
	}
.three_quarters {
	float: left;
	width: 74.9%;
	width/**/:/**/ 73% !important;
	width/**/:/**/ 72.7%;
	padding-right: 2%;
	}


/***** TEMPLATE STRUCTURE COLUMNS *****/

/** Combinations of these columns can be used to replace 
the main column styles (content_left, content_center ETC) **/

/** IE6 has a problem with exact percentage widths, hence the hack **/

.content_half {
	float: left;
	width: 50% !important;
	width: 49.9%;
	}
.content_third {
	float: left;
	width: 33% !important;
	width: 33.3%;
	}
.content_two_thirds {
	float: left;
	width: 66% !important;
	width: 66.6%;
	}
.content_quarter {
	float: left;
	width: 25% !important;
	width: 24.9%;
	}
.content_three_quarters {
	float: left;
	width: 75% !important;
	width: 74.9%;
	}



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

/***** FORM ELEMENTS *****/

.frm_text,
.frm_text_sml,
.frm_dropdown,
.frm_multi,
textarea {
	font: normal 1em Arial, Helvetica, sans-serif;
	color: #A9B0B8;
	border: 1px solid #2A4255;
	background-color: #14222D;
	padding: 1px 2px;
	font-size: 1em;
	margin-bottom: 6px;
	}

/***** DROPDOWN REPLACEMENT *****/

input.frm_dropdown {
	display: block;
	background-image: url(../images/arrow_dropdown.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 14px;
	padding: 0 17px 0 3px;
	cursor: pointer;
	overflow: hidden;
	margin-bottom: 6px;
	}
	.frm_dropdown-options {
		position: relative;
		top: -4px;
		z-index: 2000;
		}
		.frm_dropdown-options ul {
			position: absolute;
			left: 0;
			top: -1px;
			width: auto !important;
			width: 100%;
			min-width: 100%;
			max-height: 300px;
			border-bottom: 1px solid #2A4255;
			border-top: 1px solid #2A4255;
			background-color: #14222D;
			z-index: 2100;
			overflow-y: auto;
			overflow-x: hidden;
			}
			.frm_dropdown-options ul li {
				padding: 0 3px;
				color: #A9B0B8;
				white-space: nowrap;
				display: block;
				border-right: 1px solid #2A4255;
				border-left: 1px solid #2A4255;
				z-index: 2100;
				cursor: pointer;
				}
			.frm_dropdown-options ul li.selected,
			.frm_dropdown-options ul li.current {
				background-color: #2A4255;
				color: white;
				}



/***** RADIO / CHECKBOX REPLACEMENT *****/
	
.frm_check,
.frm_radio {
	width: 13px;
	height: 13px;
	margin: 0;
	padding: 0;
	}

/** Checkbox **/

a.frm_check,
a.frm_check-checked {
	float: left;
	width: 9px;
	height: 9px;
	background-image: url(../images/icon_checkbox.gif);
	background-repeat: no-repeat;
	background-color: #14222D;
	text-decoration: none;
	}
a.frm_check-checked {
	background-color: #99A0A7;
	text-decoration: none;
	}

/** Radio **/

a.frm_radio,
a.frm_radio-checked {
	float: left;
	width: 9px;
	height: 9px;
	background-image: url(../images/icon_radio1.gif);
	background-repeat: no-repeat;
	background-color: #14222D;
	background-position: 0 0;
	text-decoration: none;
	}
a.frm_radio-checked {
	background-position: -9px 0;
	text-decoration: none;
	}



/***** BUTTONS *****/

.frm_button {
	border: 0;
	margin: 0;
	padding: 0;
	}
.frm_submit {
	border: 0;
	margin: 0;
	padding: 0;
	background-image: none;
	background-color: transparent;
	}
label {
	color: #feffcc;
	}
	label em {
		color: red;
		}

	
/***** FLOATING ELEMENTS *****/

.fld_float {
	margin: 0 0 10px 0;
	}
	.fld_float label,
	.fld_float span.label {
		float: left;
		width: 125px;
		padding-top: 2px;
		}
	.fld_float .frm_text, .fld_float .frm_dropdown, .fld_float .frm_multi,
	.fld_float .frm_file, .fld_float textarea, .fld_float .frm_float1 {
		float: left;
		width: 186px;
		margin-bottom: 9px;
		margin-right: 3px;
		}
	.fld_float .frm_dropdown {
		width: 192px;
		}
	.fld_float textarea {
		height: 95px;
		}
	.fld_float .frm_float1 {
		background-color: transparent;
		}

	.fld_float .frm_check,
	.fld_float .frm_radio {
		float: left;
		margin-bottom: 10px;
		}
	.fld_float label.lbl_neutral {
		float: left;
		width: auto;
		z-index: 1;
		}
		.fld_float .lbl_neutral .frm_text,
		.fld_float .lbl_neutral .frm_dropdown,
		.fld_float .lbl_neutral .frm_multi,
		.fld_float .lbl_neutral .frm_file,
		.fld_float .lbl_neutral textarea {
			width: auto;
			}
		/* Can be added to any of the above styles to space the fields out */	
		.fld_float .lbl_neutral .spacer {
			margin-right: 10px;
			}
	
/** Float within a float 1 **/

	.fld_float .frm_float1 {
		margin-bottom: 10px;
		}
		.fld_float .frm_float1 .frm_check,
		.fld_float .frm_float1 .frm_radio {
			float: left;
			margin-bottom: 0;
			margin-right: 5px;
			}
		.fld_float .frm_float1 label {
			float: left;
			width: 150px;
			margin-bottom: 0;
			}


/** Float within a float 2 **/

	.fld_float .frm_float2 {
		float: left;
		width: 50px;
		}
		.fld_float .frm_float2 label {
			float: none;
			width: auto;
			display: block;
			text-align: center;
			}
		.fld_float .frm_float2 .frm_check,
		.fld_float .frm_float2 .frm_radio {
			float: none;
			display: block;
			margin: auto;
			}
	

/***** BLOCK LEVEL ELEMENTS *****/

.fld_block {
	margin: 0;
	}
	.fld_block br {
		display: none;
		}

	.fld_block label {
		display: block;
		margin-bottom: 5px;
		}
	.fld_block .lbl_neutral {
		float: left;
		width: auto;
		font-weight: normal;
		margin-bottom: 5px;
		clear: none;
		}
		.fld_block .lbl_neutral .frm_text,
		.fld_block .lbl_neutral .frm_dropdown,
		.fld_block .lbl_neutral .frm_multi,
		.fld_block .lbl_neutral .frm_file,
		.fld_block .lbl_neutral textarea {
			width: auto;
			margin-bottom: 10px;
			}	
	.fld_block .frm_text,
	.fld_block .frm_dropdown,
	.fld_block .frm_multi,
	.fld_block .frm_file,
	.fld_block textarea {
		display: block;
		width: 300px;
		margin-bottom: 10px;
		}
	.fld_block textarea {
		height: 80px;
		}

/** Error styling **/
	
	.fld_block .frm_text.frm_error,
	.fld_block .frm_dropdown.frm_error,
	.fld_block .frm_multi.frm_error,
	.fld_block .frm_file.frm_error,
	.fld_block textarea.frm_error {
		background-color: #FF5454;
		color: white;
		}


/***** CHECKBOX AND RADIO BUTTON STYLING *****/

/** Left floating INPUT **/
.fld_checkradio {
	margin-bottom: 5px;
	}
	.fld_checkradio .frm_check,
	.fld_checkradio .frm_radio,
	.fld_checkradio .frm_check-checked,
	.fld_checkradio .frm_radio-checked {
		float: left;
		margin-right: 5px;
		}
	.fld_checkradio label {
		float: left;
		margin-bottom: 5px;
		line-height: 1em;
		}

/** Right floating INPUT **/
.fld_checkradio_r {
	margin-bottom: 5px;
	padding-right: 19px;
	}
	.fld_checkradio_r .frm_check,
	.fld_checkradio_r .frm_radio {
		position: absolute;
		right: -19px !important;
		right: 0;
		top: 0;
		}
	.fld_checkradio_r label {
		position: relative;
		display: block;
		margin-bottom: 5px;
		padding-right: 19px;
		}


/***** SUBMIT BUTTON STYLING *****/

.fld_submit {
	width: 311px;
	margin-bottom: 0;
	}
	.fld_submit .visa-verify {
		}
	.fld_submit .frm_message {
		float: left;
		}
		.fld_submit .frm_message em {
			color: red;
			}
	.fld_submit .frm_submit {
		float: right;
		margin-left: 6px;
		}

	.content_left .fld_submit {
		float: left;
		width: auto;
		margin-top: 10px;
		}
		.content_left .fld_submit .frm_submit {
			float: left;
			margin: 0;
			}


/********************************************************************************/
/****** BUTTON STYLES **********************************************************/
/******************************************************************************/

/** The following styles are used in conjuction with the 'button rollover' JavaScript
for full rollovers on INPUT elements **/

/** Form buttons **/

.frm_submit,
.frm_submit-active {
	display: block;
	padding: 0;
	margin: 0;
	border: 0;
	height: 16px;
	background-image: none;
	cursor: pointer;
	}
.frm_submit-active,
.frm_submit:focus,
.frm_submit:hover {
	filter:alpha(opacity=60);
	opacity: 0.60;
	-moz-opacity:0.60;
	}

#btn_login { width: 43px; background-image: url(../images/btn_login.gif); }
#btn_submit { width: 51px; background-image: url(../images/btn_submit.gif); }
#btn_cancel { width: 51px; background-image: url(../images/btn_cancel.gif); }


/********************************************************************************/
/****** BOX BORDER STYLES ******************************************************/
/******************************************************************************/

/***** BOX QUARTER *****/

.box_quarter {
	float: left;
	width: 207px;
	}
	.box_quarter .top {
		float: left;
		width: 207px;
		height: 10px;
		background-image: url(../images/box_quarter_top.png) !important;
		background-image: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='images/box_quarter_top.png');
		}
	.box_quarter .bottom {
		float: left;
		width: 207px;
		height: 10px;
		background-image: url(../images/box_quarter_bottom.png) !important;
		background-image: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='images/box_quarter_bottom.png');
		}
	.box_quarter .content {
		float: left;
		width: 177px;
		padding: 10px 15px 0 15px;
		background-image: url(../images/box_quarter_middle.png) !important;
		background-image: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/box_quarter_middle.png');
		}
		.box_quarter .seperator {
		 	float: left;
			width: 207px;
			height: 1px;
			line-height: 1px;
			overflow: hidden;
			border-top: 1px solid #242C33;
		 	border-bottom: 1px solid #242C33;
			}
		.box_quarter .content .frm_dropdown {
			width: 178px;
			}
		.box_quarter .content .frm_text {
			width: 173px;
			}
		.box_quarter .content input.frm_dropdown {
			width: 156px;
			}
		.box_quarter .content .topttl {
			margin-top: -10px;
			}

/***** BOX HALF *****/

.box_half {
	float: left;
	width: 415px;
	}
	.box_half .top {
		float: left;
		width: 415px;
		height: 10px;
		background-image: url(../images/box_half_top.png) !important;
		background-image: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='images/box_half_top.png');
		}
	.box_half .bottom {
		float: left;
		width: 415px;
		height: 10px;
		background-image: url(../images/box_half_bottom.png) !important;
		background-image: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='images/box_half_bottom.png');
		}
	.box_half .content {
		float: left;
		width: 385px;
		padding: 5px 15px 0 15px;
		background-image: url(../images/box_half_middle.png) !important;
		background-image: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/box_half_middle.png');
		}
		.box_half .content .left {
			float: left;
			width: 182px;
			padding-right: 11px;
			background-image: url(../images/dots_vertical.gif);
			background-position: right top;
			background-repeat: repeat-y;
			}
		.box_half .content .right {
			float: left;
			width: 182px;
			padding-left: 10px;
			}
			.box_half .content .right .fld_submit {
				width: 182px;
				}


/********************************************************************************/
/****** TABLE STYLES ***********************************************************/
/******************************************************************************/

.list_display {
	width: 99%;
	border-left: 1px solid #06171A;
	border-top: 1px solid #06171A;
	margin-bottom: 15px;
	background-color: #0A272B;
	}
	.list_display th,
	.list_display td {
		text-align: left;
		vertical-align: top;
		border-right: 1px solid #06171A;
		border-bottom: 1px solid #06171A;
		padding: 3px 6px;
		}
	.list_display th {
		background-color: #0D3338;
		font-weight: bold;
		}

.row_inactive, .row_inactive a { color: #175D66; }


/********************************************************************************/
/****** POPUP STYLES ***********************************************************/
/******************************************************************************/

/***** BASIC STYLES NEEDED *****/

/** Structural styles **/

#popup { position: absolute; top: 0; left: 0; z-index: 3000; }
	#popup #fade { 
		position: absolute; top: 0; left: 0; background-color: black;
		filter:alpha(opacity=0);
		opacity: 0.0;
		-moz-opacity:0.0;
		}
	#popup #container { position: absolute; top: 0; left: 0; overflow: hidden;
		filter:alpha(opacity=0);
		opacity: 0.0;
		-moz-opacity:0.0;
		}

	/** Popup border styles **/

		#popup .bg_top { float: left; height: 6px; }	* html #popup .bg_top { background-image: none; }
		#popup .bg_middle { float: left; }				* html #popup .bg_middle { background-image: none; }
		#popup .bg_bottom { float: left; height: 6px; }	* html #popup .bg_bottom { background-image: none; }
		
	/** Overlay styles **/
	
		#popup .overlay {
			float: left; 
			padding: 10px 20px;
			margin: auto 6px;
			border: 5px solid #181B1D;
			background-color: #0F1112;
			font-size: 0.9em;
			}
			#popup .overlay .header {}
			#popup .overlay .content { font-size: 1.1em; font-family: Verdana, Arial, Helvetica, sans-serif; }
			#popup .overlay .footer {}
	

/***** UNIQUE STYLES *****/

/** Popup small **/
	
	#popup .popup_small .bg_top { 			width: 458px; background-image: url(../images/popup_top-small.png); }
	#popup .popup_small .bg_middle { 		width: 458px; background-image: url(../images/popup_middle-small.png); }
	#popup .popup_small .bg_bottom { 		width: 458px; background-image: url(../images/popup_bottom-small.png); }
	
	* html #popup .popup_small .bg_top { 	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='/images/popup_top-small.png'); }
	* html #popup .popup_small .bg_middle { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/popup_middle-small.png'); }
	* html #popup .popup_small .bg_bottom { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='/images/popup_bottom-small.png'); }


/** Popup library **/
	
	#popup .popup_library { width: 700px; }
	#popup .popup_library .bg_top { 		width: 700px; background-image: url(../images/popup_top-full.png); }
	#popup .popup_library .bg_middle { 		width: 700px; background-image: url(../images/popup_middle-full.png); }
	#popup .popup_library .bg_bottom { 		width: 700px; background-image: url(../images/popup_bottom-full.png); }
	#popup .popup_library .overlay { 		width: 638px; }
	
	* html #popup .popup_library .bg_top { 		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='/images/popup_top-full.png'); }
	* html #popup .popup_library .bg_middle { 	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/popup_middle-full.png'); }
	* html #popup .popup_library .bg_bottom { 	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='/images/popup_bottom-full.png'); }




/*
######################################################################################
######                                                                        #######
######     UNIQUE PAGE STYLES                                                #######
######                                                                      #######
##################################################################################
*/

/********************************************************************************/
/****** HOME PAGE STYLES *******************************************************/
/******************************************************************************/

/***** TOP LEFT *****/

.column_topleft {
	float: left;
	width: 400px;
	margin: 0 20px 4px 25px;
	padding: 0 0 0 15px;
	}

/***** TOP RIGHT *****/

.column_topright {
	float: left;
	width: 415px;
	margin-bottom: 4px;
	padding-bottom: 10px;
	}
	.column_topright .text {
		float: left;
		width: 198px;
		padding-right: 10px;
		}
	
/***** BOTTOM LEFT *****/
	
.column_bottomleft {
	float: left;
	width: 415px;
	margin: 0 20px 20px 25px;
	padding-top: 15px;
	background-image: url(../images/dots.gif);
	background-repeat: repeat-x;
	font-size: 0.9em;
	}
	.column_bottomleft h2 {
		font-size: 18px;
		}
	.column_bottomleft .right .fld_float {
		width: 182px;
		}
		.column_bottomleft .right .fld_float label {
			width: 67px;
			margin-right: 0;
			}
		.column_bottomleft .right .fld_float .frm_text {
			width: 106px;
			}
	
	.column_bottomleft .your_detail {
		float: left;
		margin-bottom: 6px;
		}
		.column_bottomleft .your_detail .detail_left {
			float: left;
			margin-bottom: 4px;
			width: 110px;
			}
		.column_bottomleft .your_detail .detail_right {
			float: left;
			margin-bottom: 4px;
			width: 60px;
			}

/***** BOTTOM RIGHT *****/

.column_bottomright {
	float: left;
	width: 415px;
	padding-top: 15px;
	margin-bottom: 20px;
	background-image: url(../images/dots.gif);
	background-repeat: repeat-x;
	}
	.column_bottomright .text {
		float: left;
		width: 198px;
		padding-right: 10px;
		}


/********************************************************************************/
/****** LIBRARY STYLES *********************************************************/
/******************************************************************************/

.library_shell {
	position: relative;
	float: left;
	width: 623px;
	}

/***** LISTING *****/

.library_list {
	float: left;
	width: 311px;
	margin: 0;
	padding: 0;
	}
	.library_list li {
		float: left;
		width: 311px;
		height: auto !important;
		min-height: 38x;
		height: 38px;
		margin: 0;
		padding: 0;
		}
		.library_list li a {
			float: left;
			width: 311px;
			height: auto !important;
			min-height: 48px;
			height: 48px;
			text-decoration: none;
			}
			.library_list li a small {
				font-size: 0.9em;
				color: #565f73;
				}
			.library_list li a .image {
				float: left;
				height: 25px;
				background-image: url(../images/library_icon.gif);
				background-repeat: no-repeat;
				filter: alpha(opacity=30);
				opacity: 0.3;
				-moz-opacity: 0.3;
				cursor: pointer;
				margin-right: 8px;
				}
			.library_list li a {
				color: #7c89a6;
				}
			.library_list li a .text {
				float: left;
				width: 275px;
				height: 25px;
				height: auto !important;
				min-height: 35px;
				height: 35px;
				padding: 0;
				color: #7c89a6;
				cursor: pointer;
				}
				.library_list li a .text strong {
					color: white;
					}
			.library_list li a:hover .image,
			.library_list li a.active .image {
				filter: alpha(opacity=100);
				opacity: 1;
				-moz-opacity: 1;
				}
			.library_list li a:hover .text,
			.library_list li a.active .text,
			.library_list li a:hover small,
			.library_list li a.active small {
				color: white;
				text-decoration: none;
				}


/***** DEFAULT STYLES *****/

#library_rollover {
	position: absolute;
	top: 0;
	font-size: 0.9em;
	z-index: 2500;
	}
	#library_rollover .half {
		margin-bottom: 7px;
		} 
	#library_rollover .desc {
		margin: 0;
		padding: 0 0 10px 0;
		}
	#library_rollover .content {
		padding: 10px 10px 0 10px;
		margin: auto 14px;
		border: 5px solid #181B1D;
		background-color: #0F1112;
		}
		#library_rollover .content .img_profile {
			display: block;
			margin: 0 auto 6px auto;
			}
		#library_rollover .content .title {
			color: white;
			font-size: 1.1em;
			}
		#library_rollover .content .half span {
			float: left;
			width: 40%;
			}
		#library_rollover .content .half strong {
			float: left;
			width: 59%;
			font-weight: normal;
			color: white;
			}
		
/** Glow border default **/

	#library_rollover .library_bg_top { height: 15px; }
	* html #library_rollover .library_bg_top { background-image: none; }
	* html #library_rollover .library_bg_middle { background-image: none; }
	#library_rollover .library_bg_bottom { height: 15px; }
	* html #library_rollover .library_bg_bottom { background-image: none; }

	#library_rollover .library_bg_top,
	#library_rollover .library_bg_middle,
	#library_rollover .library_bg_bottom { width: 450px; }
	
	#library_rollover .library_bg_top { 	background-image: url(../images/library_popup_top.png); }
	* html #library_rollover .library_bg_top { 	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='/images/library_popup_top.png'); }
	#library_rollover .library_bg_middle { 	background-image: url(../images/library_popup_centre.png); }
	* html #library_rollover .library_bg_middle { 	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/library_popup_centre.png'); }
	#library_rollover .library_bg_bottom { 	background-image: url(../images/library_popup_bottom.png); }
	* html #library_rollover .library_bg_bottom { 	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='/images/library_popup_bottom.png'); }



/***** POPUP *****/

/** Header **/

#popup_library .header .title {
	float: left;
	width: 90%;
	background-image: url(../images/library_popup_icon.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	line-height: 25px;
	font-size: 1.5em;
	font-weight: bold;
	color: white;
	margin: 0 0 8px 0;
	padding: 0 0 0 34px;
	}
	
#popup_library .header .sub_title {
	float: left;
	width: 70%;
	font-size: 1.3em;
	font-weight: bold;
	margin: 0 0 8px 0;
	padding: 0;
	color: white;
	}
	
#popup_library .header .close {
	float: right;
	color: white;
	text-decoration: none;
	}
#popup_library .header .close:hover {
	text-decoration: underline;
	}
#popup_library .header .action_links {
	float: left;
	margin: 2px 0 10px 0;
	padding: 0;
	}
	#popup_library .header .action_links li {
		float: left;
		margin: 0 0 0 8px;
		padding: 0;
		overflow: hidden;
		}
		#popup_library .header .action_links li a {
			color: #DFE2FF;
			background-repeat: no-repeat;
			background-position: left center;
			padding-left: 15px;
			}
		#popup_library .header .action_links li a:hover {
			color: white;
			text-decoration: underline;
			}
		#popup_library .header .action_links li .bookmark { background-image: url(../images/icon_bookmark.gif); }
		#popup_library .header .action_links li .review { background-image: url(../images/icon_review.gif); }
		

#popup_library .footer {
	padding-top: 10px;
	}

/** Navigation **/

#popup_library .navigation {
	float: right;
	margin: 0 0 10px 0;
	padding: 0;
	}
	#popup_library .navigation label {
		float: left;
		}
	#popup_library .navigation .frm_dropdown-options {
		}
	#popup_library .navigation .frm_dropdown {
		margin-right: 6px;
		float: none;
		display: block;
		}
	#popup_library .navigation input.frm_dropdown {
		margin-right: 6px;
		}
	
	#popup_library .navigation .prev {
		float: left;
		background-repeat: no-repeat;
		background-position: left 5px;
		background-image: url(../images/arrow_left_small_white.gif);
		color: #DFE2FF;
		padding-left: 10px;
		margin-right: 6px;
		margin-top: 1px;
		}
	#popup_library .navigation span.prev {
		background-image: none;
		visibility: hidden;
		}
	#popup_library .navigation .next {
		float: left;
		background-repeat: no-repeat;
		background-position: right 5px;
		background-image: url(../images/arrow_right_small_white.gif);
		color: #DFE2FF;
		padding-right: 10px;
		margin-top: 1px;
		}
	#popup_library .navigation span.next {
		background-image: none;
		visibility: hidden;
		}
		#popup_library .navigation .prev:hover,
		#popup_library .navigation .next:hover {
			color: white;
			}
			
	#popup_library .overlay .content {
		overflow-y: auto;
		overflow-x: hidden;
		height: 100px;
		margin-bottom: 10px;
		}


/***** PHOTO RATED *****/

#photo_star_shell {
	float: left;
	padding-top: 1px;
	}

.photo_rated {
	float: left;
	width: 50px;
	height: 10px;
	margin-top: 1px;
	background-image: url(../images/stars_multiple-rated.gif);
	background-repeat: no-repeat;
	text-indent: -6767px;
	overflow: hidden;
	}
.photo_rated_0 {	background-position: 0 0; }
.photo_rated_5 {	background-position: 0 -10px; }
.photo_rated_10 {	background-position: 0 -20px; }
.photo_rated_15 {	background-position: 0 -30px; }
.photo_rated_20 {	background-position: 0 -40px; }
.photo_rated_25 {	background-position: 0 -50px; }
.photo_rated_30 {	background-position: 0 -60px; }
.photo_rated_35 {	background-position: 0 -70px; }
.photo_rated_40 {	background-position: 0 -80px; }
.photo_rated_45 {	background-position: 0 -90px; }
.photo_rated_50 {	background-position: 0 -100px; }


	/** Photo star rating **/
	.photo_star_label {
		float: left;
		margin-right: 8px;
		color: #DFE2FF;
		}
	small.photo_star_label {
		margin-bottom: 8px;
		color: #9da9c4;
		}
	#photo_star_rating {
		position: relative;
		top: 2px;
		float: left;
		margin: 0 8px 0 0;
		padding: 0;
		width: 50px;
		height: 10px;
		background-image: url(../images/stars_multiple.gif);
		background-repeat: no-repeat;
		}
		#photo_star_rating li {
			float: left;
			width: 10px;
			height: 10px;
			margin: 0;
			padding: 0;
			list-style: none;
			}
			#photo_star_rating li a {
				float: left;
				width: 10px;
				height: 10px;
				text-indent: -6767px;
				overflow: hidden;
				}
		
	.photo_star_0 {	background-position: 0 0; }
	.photo_star_1 {	background-position: 0 -10px; }
	.photo_star_2 {	background-position: 0 -20px; }
	.photo_star_3 {	background-position: 0 -30px; }
	.photo_star_4 {	background-position: 0 -40px; }
	.photo_star_5 {	background-position: 0 -50px; }



/********************************************************************************/
/****** MESSAGE STYLES *********************************************************/
/******************************************************************************/

.list_display .stored, .list_display .stored a { color: #175D66; }
.list_display .deleted, .list_display .deleted a { color: red; }
.list_display .sent, .list_display .sent a { font-style: italic; }




#txt_firstname,
#txt_surname {
	text-transform: capitalize;
	}
#txt_emailaddress,
#txt_emailaddressrepeat {
	text-transform: lowercase;
	}


/********************************************************************************/
/****** SHARE IT STYLES ********************************************************/
/******************************************************************************/

.bmarks { background:#FEFEFE; color:#222; margin:20px; width:350px; text-align:center; }
.bmarks * { margin:0; padding:0; }
.bmarks .inner { padding:10px 25px; }
.bmarks h3 { color:#222; }
.bmarks p { margin:5px 0; }
.bmarks p.tip { margin:0; font-size:11px; }
.bmarks a { padding:5px; }