/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.5; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }


/* -------------------------------------------------------------- 
  
   body.wapolabs_identity
   * General styles for all modal views
   
-------------------------------------------------------------- */
body.wapolabs_identity {
	display:inline;
	width:629px;
	
	background-color:#fff;
	
	font-size:62.5%;
}

/* links - thanks http://dbaron.org/css/1999/09/links */
body.wapolabs_identity :link, :visited {}
body.wapolabs_identity :link:focus, :visited:focus {}
body.wapolabs_identity :link {}
body.wapolabs_identity :visited {}
body.wapolabs_identity :link:hover, :visited:hover { text-decoration: underline; }
body.wapolabs_identity :link:active, :visited:active {}


body.wapolabs_identity div.view {
	position:relative;
	width:600px;
	margin:20px auto 0px;
	padding:0px;
	
	/* min-height fast hack */
	/*
	min-height:450px;
	height:auto !important;
	height:450px;
	*/
	
	background-color: #fff;
	
	/* font-family: Arial,"Georgia",garamond,serif; */  /* w? */
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	line-height:1.4em;
}

body.wapolabs_identity fieldset legend {
	display:none; 
}

body.wapolabs_identity h1 {
	position: absolute;
	text-indent: -9999px;
	font-family: sans-serif;
	font-size: 1.3em;
	top: 0;
	left: 0;
	overflow:hidden;
}

/** Forms **/
body.wapolabs_identity form label {
  font-size: 1.4em;
  font-weight: bold;
  line-height: 2em;
  padding-right: 0.5em;
}

body.wapolabs_identity form ol, body.wapolabs_identity form ul {
  width: 450px;
  list-style-type: none;
}

body.wapolabs_identity form ol li {
  clear: both;
  /* margin-bottom: 4px; */
  display: block;
}

body.wapolabs_identity form input.text, body.wapolabs_identity form span.multi-input, body.wapolabs_identity form select.select {
  display: inline;
  width: 150px;
  margin-top: 0.4em;
}

/* override that */
body.wapolabs_identity form span.multi-input {
  width: auto;
}

/* ride these a little lower on error */
body.wapolabs_identity form li.error input.text, body.wapolabs_identity form li.error span.multi-input, body.wapolabs_identity li.error form select.select {
  margin: 0.8em 0.5em 0 0;
}

body.wapolabs_identity form input.text {
  border: 2px solid #ddd;
  padding: 2px;
}

body.wapolabs_identity form li.multiselect select {
  margin-bottom: 1em;
}

body.wapolabs_identity form li.therootnewsletter label {
  font-size: inherit;
  *font-size:12px;
}

/** Buttons **/
body.wapolabs_identity form input.button,
body.wapolabs_identity input#save,
body.wapolabs_identity input.save {
	margin:0;
	padding:2px 5px;
	border: none;
	background-color: #67712a;
	color: #fff;
	font-size: 1.2em;
	line-height: 1.5em;
}

/* Inline Form Error messaging */
body.wapolabs_identity form li.error {
  background-color: #FF7474;
  color: #fff;
}

body.wapolabs_identity form li span.error_msg {
  display:block;
  font-family:Georgia,serif;
  font-size:1em;
  font-style:italic;
  line-height:1em;
  /* margin-top:-0.6em; */
  /*padding: 0 1em 0.2em 1em;*/
  text-align: right;
  font-family: Georgia, serif;
}


/* a tag for password change */
body.wapolabs_identity form a.pwchange {
  display:inline; 
  float:right; 
  margin-top:0.4em; 
  width:150px;
  padding:2px;
}
 

/**
 *
 *  Most forms
 *  
 **/
body.wapolabs_identity form ol {
  margin: 0 auto;
  list-style: none;
  width: 355px;
}

body.iframe {
  background-color: transparent;
}


/*** Cancel Button ***/
#wapolabs_wrapperCancel {
	position:absolute;
	width: 6em;
	right:0px;
	top:0px;
}

#wapolabs_CloseCancel {
	background:none;
	color:#67712a;
}


html>body #wapolabs_wrapperCancel {
  position: absolute;
  bottom: 0;
  right: 10px
}

#wapolabs_wrapperCancel a, #wapolabs_wrapperCancelTop a {
  text-decoration: none;
  font-size: 1.2em;
  color: #67712a;
}

#wapolabs_wrapperCancel a:hover, #wapolabs_wrapperCancelTop a:hover {
  text-decoration: underline;
}


/* -------------------------------------------------------------- 
  
   Individual modals
   * Styles for individual modal views
   
-------------------------------------------------------------- */

/* Smaller forms */
#wapolabs_wrapperLogin form input.text {
  float: left;
  width: 120px;
  position: static;
  right: auto;
  display: inline;
}

#wapolabs_wrapperLogin form ul {
  width: auto;
}


/* override most forms' width */
#wapolabs_wrapperForgotPassword ol {
  width: auto;
}


/**
 *
 * WapoLabs Login options /identity/login/options
 *
 **/
 
/* wrapper for everything in the view */
#wapolabs_wrapperLoginOptions {
	/* min-height: inherit; */
	/* margin-top: 36px; */
}

	#wapolabs_wrapperLoginOptions h2 {
	  font-size: 1.5em;
	  font-weight:bold;
	  line-height: 2.2em;
	}

	#wapolabs_wrapperOtherFunctions a {
	  font-size: 1.5em;
	  line-height: 1.5em;
	  color: #67712a;
	  text-decoration: none;
	}
	
		#wapolabs_wrapperOtherFunctions a:hover {
		  text-decoration: underline;
		}

/* wrapper for the login form */
#wapolabs_wrapperLogin {
	float: left;
	width: 285px;
	margin-left: 50px;
	border-right: 1px solid #cecece;
	
	/* silly ol' ie */
	display: inline;
}

	#wapolabs_wrapperLogin h2 {
	  margin: 0px 0px 0px 70px;
	}

	#wapolabs_wrapperLogin ol {
	  /*width: 285px;*/
	  width: auto;
	  margin: 0;
	  padding: 0;
	  list-style-type: none;
	}

		#wapolabs_wrapperLogin ol li.username,
		#wapolabs_wrapperLogin ol li.password {
		  text-align: right;
		}
		
		#wapolabs_wrapperLogin ol li.submit	{
		  padding-top: 1em;
		}

	#wapolabs_wrapperLogin label {
	  display: inline;
	  font-size: 1.4em;
	  font-weight: normal;
	  line-height: 2em;
	  text-align: right;
	  width: 7.5em;
	  float: left;
	}

	#wapolabs_wrapperLogin input#username:hover,
	#wapolabs_wrapperLogin input#password:hover	{
	  border-color: #aaa;
	}
	
	#wapolabs_wrapperLogin input#username:focus,
	#wapolabs_wrapperLogin input#password:focus	{
	  border-color: #67712a;
	}
	
	#wapolabs_wrapperLogin input#keeplive {
	  margin-left: -1px;
	  /* line-height: 1.6em; */
	  height: 2.6em;
	}
	
	#wapolabs_wrapperLogin input.button	{
		width: 102px;
		height:42px;
		margin-left: 133px;
		
		background-color:transparent;
		
		text-indent:-9999px;
		background-image:url('http://bunsen.wapolabs.com/identity/theroot/prod/1.2/images/btn_login.gif');
		background-position:0px 0px;
		cursor:default;
		
		/* font-size: inherit; */
	}
	
		#wapolabs_wrapperLogin input.button:focus,
		#wapolabs_wrapperLogin input.button:hover {
			background-position:-102px 0px;
			cursor:pointer;
		}
	
		#wapolabs_wrapperLogin input.button:active {
			background-position:-204px 0px;
			cursor:pointer;
		}

/* wrapper for the sign up or forgot password links */
#wapolabs_wrapperOtherFunctions {
	width:265px;
	margin:20px 0px 0px;
	padding:20px 0px 0px;
	border-top:1px solid #cecece;
}

	#wapolabs_wrapperOtherFunctions h2 {
	  display: none;
	}

	#wapolabs_wrapperOtherFunctions span.txt_helper	{
	  font-size: 1.5em;
	  line-height: 1.5em;
	}

	#wapolabs_wrapperOtherFunctions #wapolabs_wrapperRegister {
		margin:0px 0px 10px;
	}

/* wrapper for partner logins section */
#wapolabs_wrapperOtherLogin {
	float:left;
	width:195px;
	margin:0px 0px 0px 30px;
	
	/* silly ol' ie */
	display:inline;
}

	#wapolabs_wrapperOtherLogin h2 {
		margin-bottom:10px;
	}

	#wapolabs_wrapperOtherLogin ol,
	#wapolabs_wrapperOtherLogin ol li {
		list-style:none;
	}
	
	#wapolabs_wrapperOtherLogin ol li {
		margin-bottom:20px;
		overflow:hidden;
	}
	
		/*
			position the img tags themselves in order to allow 
			the link text to appear in the event that the 
			stylesheet loads but the images do not
		*/
		#wapolabs_wrapperOtherLogin ol li a.id-provider,
		#wapolabs_wrapperOtherLogin ol li a.fb_button {
			display:block;
			position:relative;
			width:182px;
			height:52px;
			overflow:hidden;
			text-indent: 5px;
		}
				
			#wapolabs_wrapperOtherLogin ol li a.id-provider img {
				position:absolute;
				top:0px;
				left:0px;
				width:546px;
				height:208px;
			}
	
				#wapolabs_wrapperOtherLogin ol li a.id-provider:focus img,
				#wapolabs_wrapperOtherLogin ol li a.id-provider:hover img {
					left:-182px;
				}
		
				#wapolabs_wrapperOtherLogin ol li a.id-provider:active img {
					left:-364px;
				}
	
					/*
						facebook needs to use the background-image 
						technique instead of the img tag technique 
						if we use the current markup
					*/
					#wapolabs_wrapperOtherLogin ol li.one a.fb_button{
						width:181px !important;
						background-position:0px 0px;
						background-color:#fff;
						background-image:url('http://bunsen.wapolabs.com/identity/theroot/prod/1.2/images/btn_partners.gif');
						background-position:0px 0px;
						background-repeat:no-repeat;
						
						text-indent:-9999px;
					}
			
						#wapolabs_wrapperOtherLogin ol li.one a.fb_button:focus,
						#wapolabs_wrapperOtherLogin ol li.one a.fb_button:hover {
							background-position:-182px 0px;
						}
			
						#wapolabs_wrapperOtherLogin ol li.one a.fb_button:active {
							background-position:-364px 0px;
						}
			
						#wapolabs_wrapperOtherLogin ol li.one a.fb_button span {
							display:none;
						}
	
					/* da uddah wunz can use the img tag method */
					#wapolabs_wrapperOtherLogin ol li.three a.id-provider img {
						top:-52px;
					}
		
					#wapolabs_wrapperOtherLogin ol li.four a.id-provider img {
						top:-104px;
					}
		
					#wapolabs_wrapperOtherLogin ol li.five a.id-provider img {
						top:-156px;
					}

	#wapolabs_wrapperOtherLogin span.txt_helper	{
		display: none;
	}

	#wapolabs_wrapperOtherLogin a.fb_button	{
		width:208px;
	}

		#wapolabs_wrapperOtherLogin a.fb_button span.fb_button_text	{
			font-size:13px;
		}


/**
 *
 * Forgot Password form
 *
 **/
body.wapolabs_identity #wapolabs_wrapperForgotPassword form input.text {
  float: none;
}

#wapolabs_wrapperForgotPassword input#save {
	width: 192px;
	height:42px;
	margin-left: 332px;
	margin-top:20px;
	
	background-color:transparent;
	
	text-indent:-9999px;
	background-image:url('http://bunsen.wapolabs.com/identity/theroot/prod/1.2/images/btn_password.gif');
	background-position:0px 0px;
	cursor:pointer;
	
	/* font-size: inherit; */
	
	/* silly ol' ie */
	*display:block;
}



/**
 *
 * Registration Form
 *
 **/
#wapolabs_wrapperRegistrationForm p.welcome, #wapolabs_wrapperEditProfile p.welcome {
  margin: -1.2em 0 0 10em;
  width: 400px;
}

#wapolabs_wrapperRegistrationForm ol li, #wapolabs_wrapperEditProfile ol li {
  text-align:right;
}

#wapolabs_wrapperRegistrationForm li.birthdate, #wapolabs_wrapperEditProfile li.birthdate {
  position: relative;
}
#wapolabs_wrapperRegistrationForm li.birthdate span.txt_helper, #wapolabs_wrapperEditProfile li.birthdate span.txt_helper {
  display: block;
  clear: both;
}

#wapolabs_wrapperRegistrationForm li.therootnewsletter, #wapolabs_wrapperEditProfile li.therootnewsletter {
  text-align: left;
}

#wapolabs_wrapperRegistrationForm  ul.errors li {
  background-color: #FF7474;
  padding: 4px;
  float: right;
}
	
#wapolabs_wrapperRegistrationForm input#save {
	width: 192px;
	height:42px;
	margin-top:10px;
	margin-left: 286px;
	
	background-color:transparent;
	
	text-indent:-9999px;
	background-image:url('http://bunsen.wapolabs.com/identity/theroot/prod/1.2/images/btn_register.gif');
	background-position:0px 0px;
	cursor:default;
	
	/* font-size: inherit; */
	
	/* silly ol' ie */
	*display:block;
}

	#wapolabs_wrapperRegistrationForm #wapolabs_wrapperCancel #wapolabs_CloseCancel,
	#wapolabs_wrapperEditProfile #wapolabs_wrapperCancel #wapolabs_CloseCancel {
		background:none;
		
		color:#67712a;
	}

/*** wapolabs_wrapperChangePassword ***/
#wapolabs_wrapperChangePassword ol li {
  text-align: right;
}

	#wapolabs_wrapperChangePassword #wapolabs_wrapperCancel #wapolabs_CloseCancel {
		background:none;
		
		color:#67712a;
	}


/*** Email confirmation ***/
#wapolabs_wrapperConfirmEmail, #wapolabs_wrapperRequestPassword p {
  color: #666;
  font-size: 1.5em;
  line-height: 1.5em;
  font-weight: bold;
  width: 300px;
  margin: 30px auto;
}

#wapolabs_wrapperConfirmEmail {
  width: 600px;
  margin: 20px auto;
}

	#wapolabs_wrapperConfirmEmail #wapolabs_wrapperCancel #wapolabs_CloseCancel,
	#wapolabs_wrapperRequestPassword #wapolabs_wrapperCancel #wapolabs_CloseCancel {
		background:none;
		
		color:#67712a;
		font-size:14px;
		font-weight:normal;
	}


/* hot fix for production - 06/03/2010 - gl */
#wapolabs_wrapperEditProfile #wapolabs_wrapperCancelTop {
  display: none;
}