/* invitation.css -- CSS Document
------------------------------
- invite friends
- find friends
- select friends
------------------------------
*/

/* TODO: this style needs to be fixed */
#invitation div.error-message {
	background:none !important;
	color:#C73E14;
	padding:0.3em 0;
	font-weight:normal;
	font-size:.7em
}

/* invite friends */
#invite_friends h1{
	border-bottom:1px solid #d7d6da;
	padding-bottom:5px;
	margin-bottom:20px;
}

#invite_friends .invite_title {
	float:left;
	font-weight:bold;
	width:235px;
	margin-bottom:5px;
	margin-right:10px;
	border:1px solid #ffffff;
}

#invite_friends .invite_title.short {
	width:145px;
}

#invite_friends form div {
	margin-bottom:0px;
}

#invite_friends .invite_field {
	float:left;
	clear:none;
	padding:0;
	margin:0;
	margin-right:5px;
	margin-bottom:7px;
}

#invite_friends .invite_field input{
	border:1px solid #d7d6da;
	width:240px;
	padding:0;
	margin:0;
	height:20px;
	font-size:16px;
}

#invite_friends .invite_field.short input{
	width:150px;
}

#invite_friends span.optional{
	font-weight:normal;
	font-style:italic;
}

#invite_friends p {
	margin-top:10px;
}

#invite_friends #buttons {
	margin-top:10px;
	height:25px;
	margin-bottom:20px;
}

#invitation_message {
	float:left;
	clear:none;
	width:190px;
	padding:0;
	margin:0;
	border:1px solid #d7d6da;
	background:#f4f4f4;
	margin-left:70px;
	padding:10px;
	line-height:12px;
}

#invitation_message .title{
	font-weight:bold;
	margin-bottom:10px;
	padding-bottom:3px;
	border-bottom:1px solid;
}

#invitation_message .field{
	margin-bottom:10px;
}

#invitation_message textarea{
	border:1px solid #d7d6da;
	width:180px;
	height:50px;
	padding:3px;
	margin-top:5px;
}

#invite_friends .logo {
	float:left;
	margin-right:15px;
	margin-top:15px;
}

#invite_friends .logo.yahoo {
	background-image:url('/img/glb/mail_logo_yahoo.gif');
	width:80px;
	height:19px;
}

#invite_friends .logo.msn {
	background-image:url('/img/glb/mail_logo_msn.gif');
	width:63px;
	height:25px;
}

#invite_friends .logo.gmail {
	background-image:url('/img/glb/mail_logo_gmail.gif');
	width:61px;
	height:22px;
}

#invite_friends .logo.aol {
	background-image:url('/img/glb/mail_logo_aol.gif');
	width:56px;
	height:23px;
}

/* find friends */
#find_friends h1{
	border-bottom:1px solid #d7d6da;
	padding-bottom:5px;
}

#find_friends form {
	margin-top:30px;
}

#find_friends label {
	float:left;
	font-weight:bold;
	width:185px;
	margin-right:10px;
	margin-top:10px;
	border:1px solid #ffffff;
}

#find_friends input {
	float:left;
	clear:none;
	border:1px solid #d7d6da;
	width:250px;
	margin:0;
	margin-top:10px;
	height:20px;
}

#find_friends #privacy {
	float:left;
	font-weight:bold;
	color:#969696;
	padding:10px;
	background-color:#f1eebe;
	line-height:15px;
	margin-left:20px;
	margin-top:40px;
	bottom:5px;
}

#find_friends #privacy h3 {
	margin-bottom:5px;
	background:#f1eebe;
	font-weight:bold;
}

#find_friends form div {
	margin-bottom:3px;
}

#find_friends form span {
	padding-left:200px;
	font-style:italic;
	font-weight:normal;
}

#find_friends #buttons {
	margin-top:30px;
	margin-left:200px;
}

#find_friends div.error-message {
	background:none !important;
	color:#C73E14;
	padding:0.3em 0;
	font-weight:normal;
	font-size:.8em;
	margin-top:3px;
	padding-left:200px;
}

/* select friends */
#select_friends #select_box {
	width:650px;
	height:auto;
}

#select_friends p {
	margin-top:15px;
	margin-bottom:15px;
}

#select_friends .contact_sj label, #select_friends .contact_email label {
	font-size:0.8em;
	font-weight:bold;
}

#select_friends .contact_sj div, #select_friends .contact_email div {
	padding-left:24px;
	font-size:0.7em;
}

#select_friends .contact_email {
	float:left;
	width:200px;
	padding-bottom:20px;
	overflow:hidden;
}

#select_friends .select_box {
	border:0;
	height:auto;
}

#select_friends .img_user {
	width:64px;
	height:64px;
	border:1px solid #d7d6da;
	margin:5px;
}