/* -------------------------------------------------- */
/* CSS PROPERTIES ARE LISTED IN ALPHABETICAL ORDER	  */
/* -------------------------------------------------- */

/***********************************
 * Main document elemenets
 ***********************************/

body
{

	font:				normal 12px Tahoma, Verdana, Arial;
}

a
{
	color:				#000066;
	text-decoration:	none;
}

a:hover
{
	color:				#336699;
	text-decoration:	underline;
}

a img
{
	border:				0px;
	text-decoration:	none;
}

a:hover img
{
	text-decoration:	none;
}

#wrapper
{
	background-color:	#FAFAFA;
	border:				1px solid #000000;
	margin:				0px auto 0px auto;
	padding:			0px;
	width:				660px;
}

#content
{
	margin-top:			5px;
	padding:			4px 5px 4px 5px;
}

.clear
{
	clear:				both;
	height:				1px;
}

sup
{
    font:				normal 12px Tahoma, Verdana, Arial;
}

/***********************************
 * Guest login bar styling elements
 ***********************************/

#guestLoginBar
{
	background:			url('./images/loginBarGradient.jpg') repeat-x;
	border:				1px solid #000000;
	color:				#FFFFFF;
	height:				42px;
	margin:				0px auto 0px auto;
	padding:			0px 0px 5px 5px;
	text-align:			center;
	width:				655px;
}

#guestLoginBar label
{
	font-weight:		bold;
	font-variant:		small-caps;
}

#guestLoginBar input.button
{
	background-color:	transparent;
	border:				0px;
	margin:				0px;
	padding:			0px;
}

#guestLoginBar input
{
	background-color:	#FFFFFF;
	padding:			2px;
}

#guestLoginBar select
{
	background-color:	#FFFFFF;
	padding:			2px;
}

/***********************************
 * Nav bar styling elements
 ***********************************/

#navBar
{
    background:			url('./images/navBarGradient.gif') repeat-x;
	border-bottom:		1px solid #000000;
	border-top:			1px solid #000000;
	height:				22px;
    margin:             0px;
    padding:            0px;
}

#navBar li
{
    float:              left;
    font: 				bold 10px Tahoma, Verdana, Arial, sans-serif;
    list-style:         none;
}

#navBar li a
{
    border-right:		1px solid #333333;
    color: 				#FFFFFF;
    display:            block;
    letter-spacing: 	1px;
    padding:            5px 12px;
    text-align:         center;
    text-decoration:    none;
    white-space:        nowrap;
    width:              auto;
}

#navBar li a:hover
{
    color:				#333333;
}

#navBar li ul
{
    border-top:         1px solid #000000;
    margin:             0px;
    padding:            0px;
    position:           absolute;
    visibility:         hidden;
}

#navBar li ul li
{
    float:              none;
    display:            inline;
}

#navBar li ul li a
{
    background:         #F3F3F3;
    border-bottom:		1px solid #333;
    border-left:        1px solid #333;
    border-right:       1px solid #333;
    color:              #444;
    font-weight:        normal;
    text-align:         left;
    width:              auto;
}

#navBar li ul li a:hover
{
    color:				#000000;
}

/***********************************
 * User bar styling elements
 ***********************************/

#userBar
{
	background-color:	#E1E1E1;
	font-size:			10px;
	padding:			4px;
}

/***********************************
 * Breadcrumb styling elements
 ***********************************/

#breadcrumbsHeader
{
	border-bottom:		1px dashed #E1E1E1;
	color:				#555555;
	font-size:			10px;
	margin:				3px 0px 15px 5px;	
	padding-bottom:		5px;
}

#breadcrumbsFooter
{
	border-top:			1px dashed #E1E1E1;
	color:				#555555;
	font-size:			10px;
	margin:				15px 0px 5px 5px;	
	padding-top:		5px;
}

#breadcrumbsHeader a, #breadcrumbsFooter a
{
	color:				#555555;
	text-decoration:	none;
}

#breadcrumbsHeader a:hover, #breadcrumbsFooter a:hover
{
	border-bottom:		1px dashed #336699;
	color:				#336699;
	text-decoration:	none;
}

/********************************************
 * Page number styling
 ********************************************/

.pageNumbers
{
	font-size:			11px;
	text-align:			right;
	width:				99%;
}

.pageNumberInfo
{
	padding:			2px 2px 2px 5px;
}

.pageNumbers ul
{
	list-style-type:	none;
	margin:				0px 0px 5px 0px;
	padding:			0px;
}

.pageNumbers li
{
	display:			inline;
	margin-right:		2px;	
}

.pageNumbers li.current
{
	background-color:	#F0F0F0;
	border:				1px solid #CCCCCC;
	color:				#000000;
	font-weight:		bold;
	padding:			2px;
}

.pageNumbers li a
{
	background-color:	#E1E1E1;
	border:				1px solid #CCCCCC;
	color:				#000000;
	padding:			2px;
}

.pageNumbers li a:hover
{
	color:				#5472A4;
	text-decoration:	underline;
}

/***********************************
 * Page tab navigation menus
 ***********************************/

.pageTabNavigation
{
	border-bottom:		1px solid #E1E1E1;
	font:				normal 11px Tahoma, Verdana, Arial;
	margin:				25px auto 15px auto;
	padding:			0px 0px 3px 0px;
	width:				100%;
}

.pageTabNavigation ul
{
	list-style-type:	none;
	margin:				0px;
	padding:			0px;
}

.pageTabNavigation li
{
	display:			inline;
}

.pageTabNavigation a
{
	background-color:	#EFEFEF;
	border:				1px solid #E1E1E1;
	color:				#444444;
	margin-left:		5px;
	padding:			3px 10px 3px 10px;
	text-decoration:	none;
}

.pageTabNavigation li a:hover
{
	background-color:	#F4F4F4;
	color:				#222222;
}

.pageTabNavigation a .current
{
	font-weight:		bold;
}

/***********************************
 * Form styling elements
 ***********************************/

.form
{
	margin:				10px auto 0px auto;
	width:				95%;
}

fieldset
{
	border:				0px;
	border-left:		1px solid #EFEFEF;
	border-right:		1px solid #EFEFEF;
	margin:				0px 0px 15px 0px;
	padding:			10px;
}

legend
{
	color:				#000000;
	font-size:			14px;
	font-weight:		bold;
}

.formRowHeader
{
	border-bottom:		1px solid #E1E1E1;
	font-size:			14px;
	font-weight:		bold;
	margin-bottom:		10px;
	padding:			4px 4px 5px 4px;
	text-align:			center;
}

.formRowDescription
{
	margin-bottom:		15px;
	text-align:			center;
}

.formRow
{
	clear:				both;
	margin:				0px auto 0px auto;
	padding:			5px;
}

.formRowSpan
{
	padding:			5px;
    margin-bottom:      10px;
}

.formRowInfo
{
	font-size:			10px;
}

.formRow label
{
	border-bottom:		1px solid #E1E1E1;
	float:				left;
	font-weight:		bold;
	margin-right:		10px;
	padding-bottom:		5px;
	width:				35%;
}

.formRowSpan label
{
    border-bottom:		1px solid #E1E1E1;
	font-weight:		bold;
	padding-bottom:		5px;
}

label.checkbox
{
    display:            block;
    float:              right;
    margin:             0px;
    width:              95%;
}

label.textareaLabel
{
	display:			block;
	float:				left;
	font-weight:		bold;
	margin:				10px 0px 5px 0px;
	width:				100%;
}

.formRowSubmit
{
	clear:				both;
	margin:				15px auto 0px auto;
	text-align:			center;
	width:				100%;
}

/***********************************
 * Error list styling
 ***********************************/

.errorList
{
	color:				#FF0000;
	list-style:			square;
	margin:				0px 0px 15px 25px;
	padding:			0px;
	text-align:			left;
}

/***********************************
 * Form field element styling
 ***********************************/

input, button
{
	background-color:	#EFEFEF;
	border:				1px solid #CCCCCC;
	font:				normal 11px Tahoma, Verdana, Arial;
	padding:			2px 4px 2px 4px;
}

input.image
{
	background-color:   #FAFAFA;
	border:             0px;
	margin:             5px 0px 10px 0px;
}

input.required
{
	background-color:	#CFCFCF;
	border:				1px solid #AAAAAA;
}

input.checkbox
{
    float:              left;
    margin:             0px;
}

textarea
{
	background-color:	#EFEFEF;
	border:				1px solid #CCCCCC;
	font:				normal 11px "Courier New", Courier;
	padding:			2px 4px 2px 4px;
}

textarea.required
{
	background-color:	#CFCFCF;
	border:				1px solid #AAAAAA;
}

select
{
	background-color:	#EFEFEF;
	border:				1px solid #CCCCCC;
	font:				normal 11px Tahoma, Verdana, Arial;
	margin:				0px;
	padding:		    2px 0px 2px 0px;
}

select.required
{
	background-color:	#CFCFCF;
	border:				1px solid #AAAAAA;
}

option
{
	border-bottom:		1px solid #CCCCCC;
}

select.required option
{
	border-bottom:		1px solid #999999;
}

select.multiple
{
	padding:			2px 5px 2px 2px;
}

select.multiple option
{
	padding:			2px 0px 2px 0px;
}

input.button
{
	background-color:	#EFEFEF;
	border:				1px solid #CCCCCC;
	font:				normal 11px Tahoma, Verdana, Arial;
	padding:			2px 10px 2px 10px;
}

.membershipTypeInfo
{
	font-size:			10px;
	padding-left:		25px;
}

.membershipTypeInfoExisting
{
	font-size:			10px;
}

.discountedPrice
{
	color:				#FF0000;
}

.postings
{
	margin:				0px auto 10px auto;
	width:				98%;
}

tr.header td
{
	background-color:	#CCCCCC;
	border:				1px solid #AAAAAA;
	font-weight:		bold;
	padding:			3px;
}

tr.noData td
{
	border:				1px solid #E9E9E9;
	color:				#444444;
	font-weight:		bold;
	padding:			5px;
	text-align:			center;	
}

tr.data td
{
	background-color:	#FAFAFA;
	border:				1px solid #E9E9E9;
	padding:			2px;		
}

tr.dataBg1 td
{
	background-color:	#FAFAFA;
	border:				1px solid #E9E9E9;
	padding:			5px;
}

tr.dataBg2 td
{
	background-color:	#F0F0F0;
	border:				1px solid #CCCCCC;
	padding:			5px;
}

tr.dataBgMiniad td
{
	background-color:	#DFEBFF;
	border:				1px solid #BBBBBB;
	font-size:			11px;
	padding:			4px;
}

.miniAdTitle
{
	color:				#336699;
	font-size:			12px;
	font-weight:		bold;
	margin-right:		5px;
}

#viewPosting, #viewMembership
{
	margin:				0px auto 0px auto;
	width:				98%;	
}

.sectionTitle
{
	border-bottom:		1px solid #E1E1E1;
	font-size:			15px;
	font-weight:		bold;
	margin-bottom:		10px;
}

.emphasize
{
	font-size:			14px;
}

.isPending
{
	color:				#FF0000;
}

.filterBar
{
	border-bottom:		1px solid #E1E1E1;
	color:				#333333;
	font-size:			12px;
	font-weight:		bold;
	padding-bottom:		5px;
}

form.filterBar
{
	border:				0px;
	display:			inline;
}

#redirectMessage
{
	font-weight:		bold;
	text-align: 		center;
	padding:			10px 0px 10px 0px;
	width:				98%;
}

.guestNotice
{
	color:				#FF0000;
	font-weight:		bold;
	margin-bottom:		20px;
	text-align:			center;
	width:				100%;
}

a.icon
{
	font-size:			14px;
}

img.icon
{
	margin-right:		5px;
	vertical-align:		middle;
}

.previewIcon
{
	margin: 			0px 0px 10px 10px;
}

.membershipOption
{
	clear:				both;
	margin-top:			10px;
}

.membershipOptionIcon
{
	float:				left;
	width:				8%;
}

.membershipOptionText a
{
	color:				#000066;
	float:				right;
	font-size:			12px;
	padding-top:		10px;
	text-align:			left;
	width:				92%;
}

.membershipOptionText:hover
{
	color:				#336699;
	text-decoration:	underline;
}

.typeRatingRow
{
    margin-top:         10px;
}

.typeRatingRow img
{
    margin-left:        5px;
}

.addTypeRating
{
    display:            block;
    margin:             15px 0px 10px 0px;
}