@charset "UTF-8";
/* Template: account/account_groups.css */

ul#groups_progress_trail {
	list-style: none; font-size: 1em; line-height: 1em;
	height: 5px; background-color: #8096B8; display: block;
	position: relative; overflow: visible;
	margin: 15px 0px;
}
ul#groups_progress_trail li {
	width: 176px; height: 35px;
	font-size: 14px; line-height: 35px; text-transform: uppercase;
	color: #D9E0EA; text-align: center; font-weight: bold;
	background-color: #8096B8;
	display: block; float: left; margin-left: 20px; position: relative; top: -15px;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}
ul#groups_progress_trail li:first-child { margin-left: 0px; }
ul#groups_progress_trail li.active {
	color: #FFF; background: #00538a;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNTM4YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDJkNzEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #00538a 0%, #002d71 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00538a), color-stop(100%,#002d71));
	background: -webkit-linear-gradient(top,  #00538a 0%,#002d71 100%);
	background: -o-linear-gradient(top,  #00538a 0%,#002d71 100%);
	background: -ms-linear-gradient(top,  #00538a 0%,#002d71 100%);
	background: linear-gradient(to bottom,  #00538a 0%,#002d71 100%);
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00538a', endColorstr='#002d71',GradientType=0 );*/
	-webkit-box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    4px 4px 6px rgba(0, 0, 0, 0.2);
	box-shadow:         4px 4px 6px rgba(0, 0, 0, 0.2);
}
ul#groups_progress_trail li.completed, ul#groups_progress_trail li.completed a { color: #B2E1E6; background-color: #009EAE; }
ul#groups_progress_trail li.completed a:hover { color: #FFF; text-decoration: none; }

p.groups_intro { width: 745px; clear: both; }

#account_login_form, #login_message { display: none; }

#questionnaire_form { width: auto; }
h2.group_questionnaire_heading, h3.group_questionnaire_heading {
	font-size: 1.6em; font-weight: normal; color: #002C71;
	padding-bottom: 5px; border-bottom: 1px solid #002C71;
	margin-bottom: 20px; clear: both;
}
h3.group_questionnaire_heading { font-size: 1.2em; font-weight: bold; margin-bottom: 10px; }
#location_instruction { width: 150px; float: left; }
#location_instruction p { font-size: 1.1em; line-height: 1.2em; margin-bottom: 10px; }
#location_fieldset { width: 450px; float: left; margin-left: 30px; }
#location_fieldset ul.nested_list { margin-bottom: 20px; }
#location_fieldset ul li { margin-bottom: 10px; }
#location_fieldset ul li ul {
	position: relative;
	background-color: #E9F4F8; border: 1px solid #002C71;
	padding: 10px 10px 1px 10px;
	-webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;
	overflow: hidden;
}
#location_fieldset ul li ul li { width: 33%; float: left; padding: 0px; }
#location_fieldset span.country_heading {
	color: #FFF; background-color: #768AAA; padding: 10px 10px 10px 50px; text-transform: uppercase;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	font-weight: bold; line-height: 22px;
	background-image: url(/images/site/flags-sml.gif);
	background-repeat: no-repeat;
	margin: 0px;
}
#location_fieldset ul li.active span.country_heading {
	background-color: #002C71;
	-webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px;
	border-top-left-radius: 5px; border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px;
	border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;
}
#location_fieldset span#countrygroup_8 { background-position: 10px 10px; }
#location_fieldset span#countrygroup_9 { background-position: 10px -40px; }
#location_fieldset span#countrygroup_10 { background-position: 10px -90px; }
#location_fieldset span#countrygroup_11 { background-position: 10px -140px; }
#location_fieldset span.select_links a { color: #FFF; }
#location_fieldset span.select_links { right: 10px; }
#questionnaire_form .label { width: 180px; }
#questionnaire_form label { font-size: 1.2em; color: #000; font-weight: bold; }
#questionnaire_form .field_description { margin-left: 180px; }
#questionnaire_form .radio { padding-top: 8px; }
#questionnaire_form .form_submit { margin-left: 180px; padding-top: 20px; }
#questionnaire_form .form_submit:after { top: 25px; }

#group_questionnaire_form_wrapper, #group_summary_wrapper, #group_friends_wrapper { float: left; }
.summary_section { margin-bottom: 20px; }
.summary_row { border-bottom: 1px solid #E6E6E6; overflow: hidden; margin-bottom: 10px; }
.summary_label, .summary_content { font-size: 1.2em; padding-bottom: 10px; float: left; }
.summary_label { width: 180px; font-weight: bold; }
.summary_content {}
.summary_content ul { font-size: 1em; }
.summary_content ul li {
	color: #FFF; font-weight: bold; line-height: 22px;
	background: #768AAA url(/images/site/flags-sml.gif) 5px 5px no-repeat;
	min-width: 200px; padding: 5px 15px 5px 45px; margin-bottom: 5px;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	display: block;
}
.summary_content ul li.country_8 {}
.summary_content ul li.country_9 { background-position: 5px -45px; }
.summary_content ul li.country_10 { background-position: 5px -95px; }
.summary_content ul li.country_11 { background-position: 5px -145px; }
.summary_content ul li em { font-weight: normal; font-size: 0.9em; }
.expiry { color: #C00; }
.summary_edit_button { clear: both; border-top: 1px solid #002C71; padding-top: 20px; overflow: hidden; }

#group_details_panel { width: 195px; float: right; }
#group_details_panel h3 { font-size: 1.1em; text-transform: uppercase; font-weight: bold; margin-bottom: 3px; }
#group_details_panel p { color: #002C71; line-height: 1.4em; }
#group_page_buttons { width: 745px; clear: both; overflow: hidden; }
#group_page_buttons .button_lrg { float: right; }

input.field_friends_group_title, textarea.field_friends_group_description {
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.4em; color: #002C71;
	width: 175px; border: 0px; padding: 0px; background: none;
}
textarea.field_friends_group_description { height: 50px; resize: vertical; }
input.field_friends_group_title:focus, textarea.field_friends_group_description:focus {
	border: 1px solid #768AAA; background-color: #FFF;
	width: 163px; padding: 5px;
}
#group_details_panel span.register_note { font-size: 1.1em; font-style: italic; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #768AAA; }
#group_friends_wrapper h2.group_questionnaire_heading { margin-bottom: 10px; }
p.group_form_friends_note { font-size: 1.1em; margin-bottom: 20px; }

#group_form_friends_wrapper { width: auto; overflow: hidden; }
#group_form_friends, #group_form_members { overflow: hidden; margin-bottom: 20px; }
#group_form_friends .group_member_wrapper {
	width: 120px; padding: 10px 5px; margin-left: 7px; margin-bottom: 7px;
	background-color: #EDF7FC; border: 1px solid #C0D1E1;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}
#group_form_friends .group_member_wrapper:first-child, #group_form_friends .group_member_wrapper:nth-child(5n+1) { margin-left: 0px; clear: both; }
#group_form_friends .friends_avatar { border: 1px solid #C0D1E1; padding: 2px; margin-bottom: 5px; }
#group_form_friends .membersbox_name { font-size: 12px; font-weight: bold; color: #002C71; }
#group_form_friends .friends_name { display: block; margin-bottom: 5px; }
#group_form_friends .group_member_wrapper.active { background-color: #8096B8; border: 1px solid #002C71; }
#group_form_friends .group_member_wrapper.active .membersbox_name { color: #FFF; }

#group_form_members .group_form_member_confirmed {
	width: 217px; height: 30px; padding: 5px;
	background-color: #F6F6F6; border: 1px solid #CCC;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	font-size: 1.2em; line-height: 30px; font-weight: bold; color: #666;
	float: left; margin-left: 7px;
}
#group_form_members .group_form_member_confirmed:first-child, #group_form_members .group_form_member_confirmed:nth-child(3n+1) { clear: both; margin-left: 0px; }
#group_form_members .group_form_member_confirmed .friends_avatar { width: 30px; float: left; margin-right: 5px; }
#group_form_members .group_form_member_confirmed .friends_avatar img { max-width: 30px; max-height: 30px; }

.group_form_members_buttons { clear: both; border-top: 1px solid #002C71; padding-top: 10px; padding-bottom: 10px; }
.group_form_members_buttons .form_submit { margin-left: 0px !important; }
.group_form_members_buttons p.account_registration_message { float: right; padding-top: 5px; margin-bottom: 0px; }

#group_referral_wrapper { clear: both; overflow: hidden; }
#group_referral_wrapper.updated_form { width: auto; }
#group_referral_wrapper .group_form_members_buttons { border-top: 0px; }
#group_referral_wrapper .referral_invites_form_wrapper { margin-left: 0px; }
#group_referral_wrapper textarea.formTextarea { width: 670px; }

#group_teaser_panel { width: 195px; float: right; }
#group_teaser_panel .corp_blue_blend { padding: 12px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; }
#group_teaser_panel h2 { font-size: 1.5em; text-transform: uppercase; color: #83CFD6; margin-bottom: 10px; }
#group_teaser_panel ul { list-style: none; font-weight: normal; color: #FFF; margin-left: 0px; }
#group_teaser_panel ul li { padding-left: 17px; position: relative; margin-bottom: 5px; }
#group_teaser_panel ul li:before { content: ""; width: 12px; height: 12px; background: url(/images/site/arrows.png) -8px -100px no-repeat; position: absolute; left: 0px; top: 2px; }

@media (max-width: 959px) {
	#group_teaser_panel, p.groups_intro { width: auto; float: none; margin-bottom: 10px; }
	ul#groups_progress_trail li { width: 18%; margin-left: 2.5%; font-size: 13px; }
	ul#groups_progress_trail li:first-child { margin-left: 0%; }
	#questionnaire_form .field_description, #questionnaire_form .form_submit { margin-left: 0px; }
	#location_instruction, #location_fieldset, #group_details_panel, #group_summary_wrapper, #group_page_buttons, #group_friends_wrapper { width: auto; float: none; clear: both; margin-left: 0px; }
	#questionnaire_form .radio { padding-left: 2px; }
	#group_referral_wrapper textarea.formTextarea { width: auto; }
}
@media (max-width: 767px) {
	ul#groups_progress_trail li { font-size: 10px; height: 30px; line-height: 30px; top: -13px; }
}
@media (max-width: 580px) {
	ul#groups_progress_trail { display: none; }
	#group_form_friends .group_member_wrapper { width: 47%; padding-left: 0px; padding-right: 0px; margin-left: 0px; }
	#group_form_friends .group_member_wrapper:nth-child(even) { float: right; }
	#group_form_members .group_form_member_confirmed { width: auto; float: none; clear: both; }
}