/*------------------------------------------------------------------
Project:		GOGII
Author:			Jay Contonio | GIRAFFE
Last change:	2009-01-26
-------------------------------------------------------------------*/


/* Modal definitions
--------------------------------------------- */
.modal { background:#fff; padding:0 1em; width:415px; }
.modal #toolbar {
	border-bottom:1px dotted black;
	height:6em;
	margin-top:.25em;
	padding-top:1em;
}
	.modal #toolbar p {
		color:#404143;
		display:block;
		float:right;
		font-size:3em;
		line-height:1.8;
		margin:0 .25em 0 0;
	}
	.modal #toolbar p em {
		font-family:Georgia, Times;
		font-size:.9em;
		font-style:italic;
	}
	.modal #close {
		background:url('../images/close-icon.png') no-repeat;
		cursor:pointer;
		height:14px;
		margin:.25em .25em 0 0;
		position:absolute;
		right:0;
		top:0;
		width:14px;
	}
	
.modal h1 {
	color:#404143;
	float:left;
	font-size:3em;
	font-weight:normal;
	line-height:1.8em;
	margin-left:.25em;
}

.modal h1.successHeading {
  font-size: 26px;
}

.modal h2 {
	color:#333;
	font-size:1.8em;
	font-weight:bold;
	margin: 1.25em 0 .5em .25em;
}
.modal h3 {
	color:#333;
	font-size:1.8em;
	font-weight:bold;
	margin:0 0 .5em .25em;
}
.modal a { color:#668b26;text-decoration:underline; }
.modal p {
	color:#333;
	font-size:1.2em;
	line-height:1.2em;
	margin: 1.25em .5em;
}

/* Scrolling list
--------------------------------------------- */
.modal ul {
	background:#eaeaea;
	border-top:1px solid #000;
	border-bottom:2px solid #000;
	overflow-y:auto;
	margin:2em .75em;
}
.modal ul li {
		background:#eaeaea;
		border-top:1px solid #000;
		display:block;
		clear:both;
		padding: 1.25em 0;
		line-height: 1.25;
	}
.modal		ul li a.name {
			float:left;
			font-size:1.4em;
			font-weight:bold;
			width: 250px;
			padding: 0 0 0 1.25em;
			text-decoration:none;
			text-transform:uppercase;
		}
.modal		ul li p.date {
			color:#666;
			float:left;
			margin: 0;
			padding: 0 0 0 10em;
		}
.modal	.options {
		float:right;
		padding: 0 1.25em 0 0;
	}
.modal	.options a { font-size:1em; font-weight:normal; line-height:1.2em; }

/* Form elements
--------------------------------------------- */
.modal fieldset { margin-top:2em; }
.modal fieldset label {
	clear:both;
	color:#333333;
	float:left;
	font-size:1.4em;
	line-height:2em;
	margin:.5em 1em;
	text-align:right;
	width:8.5em;
}
.modal fieldset input, .modal fieldset select { float:left; }

.modal fieldset input.textfield {
	background:url('../images/modal-input_bg.png') no-repeat;
	border:none;
	font-size:1.4em;
	line-height:1.4em;
	margin:.5em 0 0 .5em;
	padding:.5em .25em;
	width: 210px;
}

.modal fieldset input.textfieldRealNames {
  border:none;
  font-size:1.4em;
  line-height:1.4em;
  width: 160px;
  margin: 0;
  padding: .5em 3.5px;
  background:url('../images/modal-input-real.png') no-repeat;
}
	.modal fieldset select { margin:1em .25em .5em .75em; }
	.modal fieldset input.checkbox { clear:both;margin:.75em 0 0 14em; }
	.modal fieldset label.checkbox {
		clear:none;
		line-height:2.25em;
		margin:0 0 0 .5em;
		text-align:left;
	}
.modal fieldset .success {
	background:url('../images/success-icon.png') no-repeat;
	clear:both;
	color:#6c902f;
	min-height: 16px;
	margin:0 0 0 15.5em;
	padding:.25em 0 0 2em;
	text-transform:lowercase;
}

.modal fieldset .error {
	background:url('../images/error-icon.png') no-repeat;
	clear:both;
	color:#6c902f;
	min-height: 16px;
	margin:0 0 0 15.5em;
	padding:.25em 0 0 2em;
}

.modal fieldset .left {
  text-align: left;
  width: 167px;
  margin: .5em 20px .5em .5em;
}

.modal fieldset .left  label {
  width: auto;
  margin: 0 0 .5em 0;
}


/* Next button
--------------------------------------------- */
.modal #next,
.modal .next,
#forgot_password #next {
	height: 52px;
	margin: 2em auto;
	width: 250px;
	background: url('../images/next-step_bg.png') no-repeat;
}

.modal #next a,
.modal .next a,
#forgot_password #next a {
	color :#fff;
	display: block;
	font-size: 2em;
	width: 100%;
	height: 100%;
	line-height: 1em;
	padding-top: .75em;
	text-align: center;
	text-decoration: none;
}

/* Yellowbox
--------------------------------------------- */
.yellowbox {
  font-size: 12px;
  color: #87210B;
  font-weight: bold;
  margin-top: 2em;  
  padding: 10px;
  border: 1px solid #d4d675;
  background: #fff59e;
}

.error .yellowbox {
  margin-top: 0;
}

/* Input instructions
--------------------------------------------- */
.instruct {
  margin-left: 154px;
}