/* General */
body a,body a:hover,body a:visited,body a:focus,body a:link,body a:first-child{
	color:#0000cc;
}

input, select, textarea, button{
	border:1px solid #adadac;
	background-color:#ffffff;
	
	border:1px solid #ADADAC;
}
input, textarea{
	padding:2px 0 2px 2px;
}


/* buttons & links */
input.button{
	border:0px;
	padding:0px;
	vertical-align:middle;
	width:auto;
}

input.savebutton{
	height:22px;
	padding:0;
	margin:0 6px 0 0;
	border:0;
	vertical-align:middle;
}

input.checkbox {
	border:0 none;
	margin:0;
	padding:0;
	vertical-align:middle;
	width:auto !important;
}

.cancelbutton{
	font-weight:normal;
	font-size:11px;
	line-height:inherit;
	text-decoration:none;

	color:#0000cc;		
	cursor:pointer;
}
	
.helpbutton{
	vertical-align:middle;
}
/* end buttons & links  */


/* decorations */
.errors{
	padding:0 0 0 5px;
	display:inline-block; 
}
	.errormessage{
		color:#ff0000;
		font-weight:bold;
		display:none;
	}
	.error .labels{ color:#ff0000; }
		input.error, textarea.error, select.error{ 
			color:#000;
			background-color:#ffaaaa; 
			border:1px solid #ff0000;
		}


.tooltip {
	background-color:#eef2f8;
	border-color:#7196c8;
}

#content .linkspacer{
	vertical-align:baseline;
	padding:0 2px 0 2px;
}
/* end decorations */


/* JSF component resets */
.selectManyCheckbox td input, .selectManyCheckbox td label{
	width:auto !important;
	vertical-align:middle;
	border:0;
	padding:0;
	margin:0;
}

.selectOneRadio td input, .selectOneRadio td label{
	width:auto !important;
	vertical-align:middle;
	border:0;
	padding:0;
	margin:0;
}
	.selectOneRadio td label{ margin:0 5px 0 0; }

.selectOneMenu{}
/* END JSF component resets */


/* general column setup */
.layout{ margin:0; }
.layout li{ margin-bottom: 10px; }
.layout .leftmargin, .layout .leftpadding{ padding-left:6px; }
.layout .leftmargin label,  .layout .leftmargin span, .layout .leftmargin input, .layout .leftmargin textarea, .layout .leftpadding label,  .layout .leftpadding span, .layout .leftpadding input, .layout .leftpadding textarea{
	vertical-align:middle;
}
.layout .submission{ margin-top:5px; }
	.layout .submission a{ vertical-align:baseline; }
	.layout .submission a span{ vertical-align:baseline; }

	.labels, .inputs, .badges{
		display:table-cell;/*ff2*/
		display:inline-block;
		vertical-align:middle;
		margin-right:-3px;/*reset label spacing*/
	}
	.labels{
		font-weight:bold;
		text-align:right;
		padding-right:6px;
	}
	.multi .labels, .multi .inputs{	vertical-align:top; }
		.multi .labels{	padding-top:1px; }
		
	.labels span, .inputs label{ vertical-align:middle; } 	
		.labels .subtext{
			text-align:left;
			font-weight:normal;
		}
		.labels .subtext span{
			vertical-align:middle;
		}




/* GENERAL STYLING FOR COMMONLY USED RICHFACES COMPONENTS */	
.rich-panel-body .editDiv, .rich-modalpanel .rich-panel-body .editDiv{
	width:716px;
	height:12px;
	line-height:12px;
	margin:-4px 0 0 0;
	font-weight:bold;
	text-align:right;
	z-index:100;
	position:absolute;
}
	
	
/* (component) RICHFACES MODALPANELS */
.rich-modalpanel{
	position:relative;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background-color:transparent !important;
}

.rich-mp-content{
	top:150px;
	position:relative;
	width:755px;
}
	.rich-mpnl_panel iframe{ display:none; }
	.rich-mpnl-mask-div{
		position:fixed !important;
		top:0;
		left:0;
		bottom:0;
		right:0;
		background-color:#fff;
		opacity:0.5;
		filter: alpha(opacity=50);
		z-index:-100 !important;
	}
	*:first-child+html .rich-mpnl-mask-div{ position:absolute !important; } 
	* html .rich-mpnl-mask-div{ position:absolute !important; }

		.rich-mpnl-mask-div button{
			border:10px solid red;
			width:10px;
			height:1px;
			top:0;
			left:-100000px;
			outline-style:none;
			position:absolute;
			z-index:-300;
		}

	.rich-mpnl_panel{ width:755px; }
	*:first-child+html .rich-mpnl_panel{ position:relative !important; } 
	* html .rich-mpnl_panel{ position:relative !important; }
		.rich-mpnl-resizer{ display: none; }
		.rich-mpnl-shadow{ display:none; }
		.rich-mp-content{
			/*position:static !important;*/
			z-index:1000 !important;
			background-color:transparent !important;
		}

			.rich-mp-content table{}
				.rich-mp-content table tbody{}
					.rich-mp-content table tr{}
					.rich-mp-content table tbody tr td.rich-mpnl-body{ 
						z-index:10000;
						background-color:transparent;
						
						width:755px;
					}





/* (component) RICHFACES PAGINATION / DATA SCROLLER */
	.rich-dtascroller-table{
		float:right;
		margin:0 20px 0 0;
	}

	.rich-dtascroller-table tbody tr{
		position:relative;
	}

	.rich-datascr-inact, .rich-datascr-act{
		height:11px;
		line-height:11px;
		
		padding:0 7px 0 7px;

		border:1px solid #0000cc;
		border-width:0 0 0 1px;

		text-decoration:underline;
		cursor:pointer;
		color:#0000cc;

		position:relative;
	}

		.rich-datascr-button span{
			height:11px;
			line-height:11px;
			
			padding:0;
			border-style:none;
		}
		
		.rich-datascr-button{
			height:11px;
			line-height:11px;
			
			text-decoration:underline;
			cursor:pointer;
			color:#0000cc;
		}
			.rich-datascr-button .dataScrollPrevious{
				width:55px;
				padding:0 7px 0 0;
				text-align:right;
				
				display:block;
			}
			.rich-datascr-button .dataScrollNext{
				width:25px;

				padding:0 0 0 7px;
				text-align:left;

				border:1px solid #0000cc;
				border-width:0 0 0 1px;

				display:block;
			}

		.rich-datascr-act{
			font-weight:bold;
			text-decoration:none;
		}

	.rich-datascr-inact:hover, .rich-datascr-button:hover{
		font-weight:bold;
	}

	.rich-datascr-button-dsbld{
		background-color:#fff;
		width:5px;
		height:12px;
		position:absolute;
		margin:-9px 0 0 -1px;
		z-index:1000;
	}



/* (component) RICHFACES PROFILE % COMPLETE CONTROL - RICHFACES PROGRESS BAR */
.rich-progress-bar-block{
	background:url(../images/richfaces/progressbarbg.png) 0px 0px repeat-x;
	border:1px solid #999999;
}
	.rich-progress-bar-remained{ display:none; }
	.rich-progress-bar-uploaded-dig{ background-color:transparent; }
		.rich-progress-bar-completed{ background:url(../images/richfaces/progressbarfiller.png) repeat-x; }
.rich-progress-bar-completed{
	height:11px;
	line-height:0;
	font-size:0px;
}


/* (component) RICHFACES AUTO-SUGGESTION DROPDOWNS */
.rich-sb-int-decor-table colgroup{ display:none; }
.rich-sb-ext-decor-2{ margin:3px 0 0 2px; }
.rich-sb-ext-decor-3 tbody tr td{
	background-color:#fff;
	border:4px solid #eef0f4;
}
.rich-sb-int-sel .rich-sb-cell-padding{
	text-decoration:underline;
	background-color:#eef0f4;
	border-width:0px;	
}


/* (component) RICHFACES TAB PANEL */
.rich-tabpanel {
	width:450px;
	padding:0 16px 0 0;
}
	.dr-bottom-line {
		width:100%;
		padding-bottom:2px;
		border-bottom:1px solid #c7c6c3;
	}
	.rich-tab-header{
		padding:0 6px 0 0;
		margin:0 6px 0 0;
		display:block;
		border:1px solid #c7c6c3;
		border-width:0 1px 0 0;
	}

	.rich-tabpanel table td img{ display:none; }
		.rich-tab-active{
			font-size:11px;
			font-weight:bold;
			cursor:pointer;
			text-decoration:underline;
		}
		.rich-tab-inactive{
			font-size:10px;
			cursor:pointer;
			text-decoration:underline;
		}
			.dr-tbpnl-tb-sel{ font-style:italic; }

	.dr-tbpnl-tbcell-act table{
		position:relative;
		top:-2px;
	}



/* (component) RICHFACES PROFILE IMAGE UPLOADER/FILE UPOADER */
.rich-fileupload-list-decor{
	width:auto;
	border:4px solid #EEF0F4;
}
	.rich-fileupload-toolbar-decor{
		border:4px solid #EEF0F4;
		border-width:0 0 4px 0;
		width:100%;
	}
	.rich-fileupload-toolbar-decor tr td{ padding:0 0 2px 0; }
	.rich-fileupload-list-overflow{ overflow:visible; }
		.rich-fileupload-list-overflow table{
			border:1px solid #EEF0F4;
			border-width:0 0 2px 0;
		}
		.rich-fileupload-list-overflow table td{ padding:3px; }
		.rich-fileupload-button-border{ margin:2px 0 0 2px; }

		.rich-fileupload-button, .rich-fileupload-button-dis{ border:1px solid #c1a01d; }
		.rich-fileupload-button-light{ border:1px solid #666; }
		.rich-fileupload-button-press{ border:1px solid #999; }
		.rich-fileupload-button-dis{ opacity:0.5; }
	.rich-fileupload-hidden input{ cursor:pointer; }
 	.rich-fileupload-ico-add, .rich-fileupload-ico-add-dis, .rich-fileupload-ico-start, .rich-fileupload-ico-clear-dis, .rich-fileupload-ico-stop{
		height:20px;
	}
	.rich-fileupload-ico-add, .rich-fileupload-ico-add-dis{
		width:71px;
		background:url(../images/richfaces/filebrowsebtn.png) no-repeat;
	}
	.rich-fileupload-ico-start{
		width:69px;				
		background:url(../images/richfaces/fileuploadbtn.png) no-repeat;
	}
	.rich-fileupload-ico-clear, .rich-fileupload-ico-clear-dis{}
	.rich-fileupload-ico-stop{
		width:53px;
		background:url(../images/richfaces/filestopbtn.png) no-repeat;
	}


/* (component) RICHFACES INPLACE INPUT */
.rich-inplace, .rich-inplace-field {
	cursor:pointer;
	font-size:14px;
	line-height:1.2em;
}
	.rich-inplace{
		position:relative;
		text-decoration:underline;
		color:#0000cc;
	}
		.rich-inplace .rich-inplace-field{
			position:absolute;
			border:1px solid #adadac;
			background-color:#fff;
			padding:2px 0 2px 0;
		}
	.rich-inplace-edit{
		margin:0 0 0 -9999px;
	}
		.rich-inplace-edit .rich-inplace-field{
			margin:-5px 0 0 9999px;
		}


/* (component) RICHFACES TOOLTIP */
.rich-tool-tip{}
	.rich-tool-tip div{
		background-color:#fff;
		border:4px solid #eef0f4;
		padding:3px;
	}


/* ###------------- ONLY MAKE CHANGES BELOW THIS LINE -------------### */


/* PAGES STYLING */

/* (page) LOGIN */
.regLogin li input{ width:270px; }
.regLogin li select{ width:274px; }

.regLogin .labels{ width:320px; }
.regLogin .leftmargin{ margin-left:320px; }

/* (page) FORGOT PASSWORD */
.regForgotpassword li input{ width:270px; }
.regForgotpassword li select{ width:274px; }

.regForgotpassword .labels{ width:320px; }
.regForgotpassword .leftmargin{ margin-left:320px; }

.regForgotpassword input.savebutton{
	height:19px;
}

/* (page) MEMBER PROFILE REGISTRATION CONFIRMED */
.regRegistrationconfirmed .leftmargin{ margin-left:363px; }

/* (page) ACTIVATION CONFIRMED */
.regActivationconfirmed .leftmargin{ margin-left:373px; }

/* (page) MEMBER PROFILE REGISTRATION */
#memberRegistrationlanding{ background:url(../images/memberRegistrationbg.jpg) no-repeat; border-bottom:1px solid #d7d7d7;}
#buddyRegistrationlanding{ background:url(../images/buddyRegistrationbg.jpg) no-repeat; height: 440px;}

.registrationlanding{
	background-color:#efefef;
	margin:-12px 0 12px 0;
}

.registrationlanding .rich-panel{
	background-color:transparent;
}

.registrationlanding .panel.pad, .registrationlanding .rich-panel.pad, .registrationlanding .rich-stglpanel{ border:none; }
.registrationlanding .rich-panel-body, .registrationlanding .pbody, .registrationlanding .rich-stglpanel-body {background:none;}
.registrationlanding .pad .pbody, .registrationlanding .pad .rich-panel-body, .registrationlanding .pad .rich-stglpanel-body{border:none;}
.registrationlanding .grey .pheader, .registrationlanding .grey .rich-panel-header, .registrationlanding .grey .rich-stglpanel-header {border:none;}
.registrationlanding #left {
	width:491px;
	margin:239px 0 0 0;
	padding:0;
	font:normal 12px arial;
	color:#666;
	line-height:16px;
}
.registrationlanding #left img {
	margin:0 19px 0 20px;
}
.registrationlanding #left p {
	margin:33px 29px 12px 20px;
}

#buddyRegistrationlanding #left{margin-top: 270px; width: 436px;}
#buddyRegistrationlanding #left img {margin:0px 0px 0px 95px;}
#buddyRegistrationlanding #left ul {margin:8px 0px 0px 110px;}
#buddyRegistrationlanding #left li {
	list-style-image:url("../images/buddyRegistrationbullet.gif");
	color: #000000;
	font-weight: bold;
	padding: 2px 0px;
	}

.memberRegistrationleft {
	float:left;
	width:234px;
	margin:0;padding:0;
}
.memberRegistrationleft li {
	margin:0;
	background:url(../images/memberRegistrationbullet.png) 20px 6px no-repeat;
}
.memberRegistrationleft li {
	padding:0 12px 8px 35px;
}
.memberRegistrationright {
	float:left;
	width:255px;
	margin:0;padding:0;
}
.memberRegistrationright li {
	margin:0;
	background:url(../images/memberRegistrationbullet.png) 0 6px no-repeat;
	padding:0 19px 8px 15px;
}

.registrationlanding #right {
	width:433px;
	margin:0 0 9px 0;
	padding:0;
	background:url(../images/memberRegistrationformbg.png) repeat-y;
	border-top:9px solid #dddedf;
	border-bottom:9px solid #dddedf;
}
.registrationlanding #right p {
	font:normal 12px arial;
	color:#666;
	text-align:right;
	margin-right:15px;
	margin-top:3px;
}

.registrationlanding #right p.subtitle {
	color:#000000;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}

#buddyRegistrationlanding #right {
	width:488px;
	padding: 5px 0px 20px 0px;
	margin:0 0 9px 0;
	background:url(../images/buddyRegistrationformbg.png) repeat-y;
	border-top:9px solid #dddedf;
	border-bottom:9px solid #dddedf;
}

.registrationlanding #right img.memberregImage {margin:12px 0 12px 22px;}
.registrationlanding .leftmargin {color:#666;}
.registrationlanding .leftmargin a{ text-decoration:underline;}

.regProfileregistration { margin-bottom:0;padding-bottom:0;}
	
.regProfileregistration li input{ width:230px; }
.regProfileregistration li select{ width:234px; }
.regProfileregistration li.leftmargin select{ width:12px; }

.regProfileregistration .labels{ width:154px; }
.regProfileregistration .leftmargin{ margin-left:154px;padding-bottom:0; }