/*
[Member Site Style Sheet]
-----------------------------------------------------------------------------
	site:			caravan-camping.com.au
	version:		1.0
	Last change:    24/03/2010
	description:	Member Site
	author:			Copticom Pty Ltd
	author email:	info@copticom.com
	author website:	http://www.copticom.com/
-----------------------------------------------------------------------------
																			*/

/* Import Main CSS File
-----------------------------------------------------------------------------*/
@import url(global-p_ccia.css);



/* Member Content Layout - Public Landing Page
-----------------------------------------------------------------------------*/
#intPageTitlePanel { /* Member Purpel Panel */
	background: url(../images/gn/hd/hd-divs/int_hd-divider_mem.gif) top left no-repeat;
	background-color: #982d7a; /* Purpel */
	height: 3.69em;
	width: 100%;
	float:left;
	padding-top: 1.31em;
	padding-bottom: 0.50em;
	margin-bottom: 0.50em;
	position: relative;
}

/* Member Login  - Public Page
-----------------------------------------------------------------------------*/
#memLogin { /* Login Form */
	background-color: #eeeeee;
	border: #eeeeee 1px solid;
	width:17.50em;
	height: auto;
	margin: 0 0.31em 0.50em 0.63em;
	float:left;
	color:#FFFFFF;
	font-size: 0.81em;
	overflow:visible;

}


#memLogin h4 {
	font-size: 0.85em;
	padding: 0.94em 0 0.50em 0.60em;
	color: #0099cc;
	text-transform:uppercase;
	font-weight:bold;
}



#memCnt-1 { /* Middle Content Area */
	width: 35.0em;
	height:auto;
	margin: 0 0.50em 0.50em 0.50em;
	float:left;
	font-size: 0.81em;	
}

	#memCnt-1 h2.introduction {
		color: #184884;
		font-size: 1.56em;
		font-weight:bold;
		line-height: 26px;
		margin-bottom: 0;
		padding: 0;
	
	}


#memCnt-2 { /* Right container Area */
	width: 15.41em; /*27.63em*/
	height:auto;
	margin: 0 0.50em 0.50em 0.30em;
	float:right;
}

	#memCnt-2a { /* Become a Member */
		background:#7491b5;
		width: auto;
		height:auto;
		padding: 0.50em 0.50em;
		color:#FFFFFF;
		font-size: 0.80em;
	}

	#memCnt-2b { /* Gumnut Awards */
		background:#DDF4D2;
		width: auto;
		height:auto;
		padding: 0.50em 0 0.50em 0.50em;
		font-size: 0.80em;
	}




																  			 /*
################################################################
                +++  M E M B E R   S I T E  +++
################################################################
																			 */

/* Greeting, Logout & My Account Panel
-----------------------------------------------------------------------------*/
#mem_greeting-logoutPanel {
	background: url(../images/mem/creatives/greeting-logout-bkg.gif) bottom right no-repeat;
	position:absolute;
	bottom: 0;
	right: 0;
	width: 409px;
	height: 53px;
}

#mem_greeting-logoutPanel h4 {
	color: #FFFFFF;
	font-size: 0.75em;
	font-weight: normal;
	position:absolute;
	bottom:15px;
	right: 15px;
}

#mem_greeting-logoutPanel h4 a {
	color: #FFFFFF;
	text-decoration: underline;
}


/* SecNav
-----------------------------------------------------------------------------*/
/*SecNav below inherits other properties from global*/
#secNav h2 {
	background-color: #ad5795;
}

#secNav h3 { 
	background-color: #f4eaf1;
}


#secNav h3.selected { /* Select SecNav Item */
	background-color: #C180AF; /* Dark Blue */
}



/* Overview Page
-----------------------------------------------------------------------------*/
#memOvwCnt1 p, #memOvwCnt2 p, #memOvwCnt3 p {
	font-size: 0.85em;
	padding: 0 0.50em;
}

#memOvwCnt1 { /* Left */
	width: 22.75em;
	height: auto;
	margin: 0.31em 0.31em 0.31em 0;
	float:left;
}

#memOvwCnt2 { /* Middle */
	width: 17.50em;
	height: auto;
	margin: 0.31em 0.31em;
	float:left;
}

#memOvwCnt3 { /* Right */
	width: 13.0em;
	height: auto;
	margin: 0.31em 0.31em;
	float:left;
}

.memOvwCntBox {
	width: 95%;
	height: auto;
	border: #2193c9 1px solid;
	background-color: #f7fbfd;
	margin: 0 auto;
	line-height: 15px;
}

.memOvwCntBox h2 {
	font-size: 1.0em;
	font-weight: bold;
	color:#067ab1;
	background-color: #e7f6fd;
	padding: 0.50em 0.13em 0.50em 0.50em;
	position:relative;
}


.memOvwCntBox h2 a {
	font-size: 0.85em;
	font-weight: normal;
	text-align:right;
	position:absolute;
	right:5px;
	top: 6px;
}


.memOvwCntBox h3 {
	font-size: 1.0em;
	font-weight: bold;
	color:#000000;
	padding: 0.44em 0 0.13em 0.50em;
}


.memOvwCntBox h4 {
	font-size: 0.91em;
	font-weight: normal;
	color: #990000;
	padding: 0.44em 0 0.13em 0.50em;
}


.memOvwCntBox2 {
	width: 95%;
	height: auto;
	border: #379907 1px solid;
	background-color: #ebf5e6;
	margin: 0 auto;
	line-height: 15px;
}

.memOvwCntBox2 h2 {
	font-size: 1.31em;
	font-weight: bold;
	color:#379907;
	padding: 0.50em 0.13em 0.50em 0.50em;
	position:relative;
	text-align:center;
}


.memOvwCntBox2 h2 a {
	font-size: 0.85em;
	font-weight: normal;
	text-align:right;
	position:absolute;
	right:5px;
	top: 6px;
}


.memOvwCntBox2 h3 {
	font-size: 1.0em;
	font-weight: bold;
	color:#000000;
	padding: 0.44em 0 0.13em 0.50em;
}


.memOvwCntGumnut {
	width: 95%;
	height: auto;
	border:#ddf4d2 1px solid;
	background-color: #ddf4d2;
	margin: 0 auto;
	padding: 0.38em 0;
}



/* Registration Form - Annual Conference
-----------------------------------------------------------------------------*/
#regWrapper {
	width:70.0em;
	height: auto;
	margin: 0 0.31em 0.50em 1.5em;
	float:left;
	font-size: 0.81em;
}

#regWrapper li {
	padding:0.09em 0 0.26em 0;
}

/* General Classes
-----------------------------------------------------------------------------*/
.tableDisplay {
	font-size: 0.84em;
	border: #2193c9 1px solid;
	border-collapse:collapse;
	background-color:#f7fbfd;
	width: 98%;
}

.tableDisplay th {
	background-color: #e7f6fd;
	text-align:left;
	height: 26px;
	padding-left:8px;
	font-size: 1.31em;
	color:#067ab1;
}


.tableDisplay td {
	padding: 5px 8px;
	border-bottom: #EEEEEE 1px dotted;

}

.memCntBox1 {
	width: 70%;
	height: auto;
	border: #2193c9 1px solid;
	background-color: #f7fbfd;
	margin: 0 0 12px 0;
	line-height: 18px;
	padding: 4px 4px;
	font-size: 0.89em;
}



#formLayout label {
	text-align: right;
	font-size: 0.90em;
	font-weight: bold;
	float: left;
	width: 11em;
	padding-right: 0.5em;
}

#formLayout label.indent {
	width:250px;
	margin-left:15px;
	margin-top:3px
}

#formLayout label.indent2 {
	text-align:left;
	width:250px;
	margin-left:15px;
	margin-top:0px;
	font-weight: normal;
}

#formLayout select.indent {
	margin-left: 60px;
}

#formLayout p.introduction {
	font-size: 0.90em;
	margin-left: 0.84em;
	margin-right: 0.84em;
}


#sideUpsellBox {
	width: 23%;
	height: auto;
	border: #CD98BE /*#2193c9*/ 1px solid;
	background-color: #FCF8FB /*#f7fbfd*/;
	margin: 0 0 12px 12px;
	line-height: 18px;
	padding: 10px 10px;
	float:right;
}

#memAlertBox {
	width: 85%;
	height: auto;
	border: #CD98BE /*#2193c9*/ 1px solid;
	background-color: #FCF8FB /*#f7fbfd*/;
	margin: 0;
	line-height: 18px;
	padding: 10px 10px;
	text-align:center;
}

#memAlertBox2 {
	width: 75%;
	height: auto;
	border: #CD98BE /*#2193c9*/ 1px solid;
	background-color: D7F4C8 /*#f7fbfd*/;
	margin: 10px 0 10px 0;
	line-height: 18px;
	padding: 10px 10px;
}


																							/*
##################################### END OF CSS ############################################
							-------------------------------
																							*/