/*------------------------------------------------------------
	This stylesheet should always be included, it contains
	some basic styles wich should be the same on every site.
	The styles can however be overwritten in de site
	specific stylesheets.
-------------------------------------------------------------*/

.labels-form-style-large label {
	line-height: 33px;
	width: 150px;
	float: left;
}

#activate_container {
	position: relative;
}
#activate_container #activate_text_container {
	width: 620px;
	padding-bottom: 15px;
}
#activate_container a, #activate_container a:hover, #activate_container a:active, #activate_container a:visited {
	text-decoration: underline;
	color: #A1120E;
	font-size: 11pt;
	font-weight: bold;
}
#activate_container #activate_header {
	width: 620px;
	height: 37px;
}

#activate_container #activate_header .leftTopCorner,
#activate_container #activate_header .topCenter,
#activate_container #activate_header .rightTopCorner{
	float: left;
	height: 100%;
}
#activate_container #activate_header .leftTopCorner {
	width: 6px; 
}
#activate_container #activate_header .topCenter {
	width: 608px;
}
#activate_container #activate_header .topCenter div {
	margin-left: 50px;
}
#activate_container #activate_header .rightTopCorner {
	width: 6px;
}
#activate_container .warningIcon {
	position: absolute; 
	left: 10px; 
	top: 10px; 
	width: 40px; 
	height: 40px; 
}

#activate_container #activate_text_container .activate_text_padder {
	padding: 15px;
}
#activate_container #activate_text_container .activate_avater {
	float: left;
	width: 75px;
	height: 75px;
}
#activate_container #activate_text_container .activate_balloon_arrow {
	float: left; 
	width: 21px; 
	height: 75px; 
}
#activate_container #activate_text_container #activate_balloon_top {
	width: 460px; 
	height: 8px; 
}

#activate_container #activate_text_container #activate_balloon_top .leftTopCorner,
#activate_container #activate_text_container #activate_balloon_top .topCenter,
#activate_container #activate_text_container #activate_balloon_top .rightTopCorner,
#activate_container #activate_text_container #activate_balloon_bottom .leftBottomCorner,
#activate_container #activate_text_container #activate_balloon_bottom .bottomCenter,
#activate_container #activate_text_container #activate_balloon_bottom .rightBottomCorner {
	float: left;
	height: 8px;
}
#activate_container #activate_text_container #activate_balloon_top .leftTopCorner,
#activate_container #activate_text_container #activate_balloon_bottom .leftBottomCorner {
	width: 9px;
}
#activate_container #activate_text_container #activate_balloon_top .topCenter,
#activate_container #activate_text_container #activate_balloon_bottom .bottomCenter {
	width: 442px;
}
#activate_container #activate_text_container #activate_balloon_top .rightTopCorner,
#activate_container #activate_text_container #activate_balloon_bottom .rightBottomCorner {
	width: 9px;
}
#activate_container #activate_text_container .text {
	padding: 3px 5px 3px 15px; 
	width: 442px; 
	font-size: 11pt; 
	font-weight: bold; 
}

#activate_container #activate_bottom {
	width: 620px; 
	height: 5px;
}

#activate_container #activate_bottom .leftbottomCorner,
#activate_container #activate_bottom .bottomCenter,
#activate_container #activate_bottom .rightBottomCorner {
	float: left;
	height: 100%;
}
#activate_container #activate_bottom .leftbottomCorner {
	width: 5px;
}
#activate_container #activate_bottom .bottomCenter {
	width: 610px;
}
#activate_container #activate_bottom .rightBottomCorner {
	width: 5px;
}

#progress_tabs {
	width: 100%;
	background-color: #BBAF9F;
	height: 48px;
}

#progress_tabs ul {
	padding: 0;
	margin: 0;
}

#progress_tabs li {
	width: 172px;
	
    height: 48px;
    list-style: none;
    float: left;
	
    background-color: #BBAF9F;
    background-image: url(../images/progress_tabs/tab_bg_arrow_inactive.gif);
    background-repeat: no-repeat;
    background-position: right top;
}

#progress_tabs li a em {
	width: 140px;
	display: block;
	margin: 6px 0 0 10px;
	
	color: #442C14;
	font-family: 'Century Gothic, Verdana';
	font-weight: normal;
	font-size: 12pt;
}

#progress_tabs li a span {
	width: 130px;
	display: block;
	margin-left: 10px;
	
	color: #442C14;
	font-family: 'Century Gothic, Verdana';
	font-weight: normal;
	font-size: 10pt;
}

#progress_tabs li a {
	width: 172px;
	
	height: 48px;
	display: block;
	cursor: pointer;
}

#progress_tabs li.done a span, #progress_tabs li.current a span, #progress_tabs li.nextActive a span,
#progress_tabs li.done a em, #progress_tabs li.current a em, #progress_tabs li.nextActive a em {
	font-weight: bold;
}

#progress_tabs li.current {
	background-color: #ECE4D9;
    background-image: url(../images/progress_tabs/tab_bg_arrow_active.gif);
}
#progress_tabs li.inactive {
    background-color: #BBAF9F;
    background-image: url(../images/progress_tabs/tab_bg_arrow_inactive.gif);
}
#progress_tabs li.nextActive {
	background-color: #ECE4D9;
    background-image: url(../images/progress_tabs/tab_bg_arrow_done.gif);
}
#progress_tabs li.done {
	background-color: #ECE4D9;
    background-image: url(../images/progress_tabs/tab_bg_arrow_done.gif);
}

#city_bg_auto {
	width: 618px;
	background: transparent url('../images/background/city_bg.png') no-repeat right bottom;
	clear: both;
}

.invite {
	display: block;
	overflow: auto !important;
	overflow: scroll;
	height: 400px;
	position: relative;
}

#invite_container h3 {
	color: #000000;
}

.invite ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.invite li label{
	margin: 2px 0;
	width: 99%;
	text-align: left;
}

.invite li{
	position: relative;
}

.support_note_container {
	margin: 0;
	padding: 0;
	background: #B5FFB7;
	border-radius: 7px;
	margin-bottom: 10px;
	padding: 10px;
	font-size: 12px;
}

.support_input_container {
	background: #F0F0F0;
	padding: 10px;
	font-size: 12px;
	border-radius: 7px;
	margin-bottom: 5px;
}

.support_error_message {
	color: #ff0000;
	float: left;
	line-height: 25px;
	padding-left: 5px;
}

.align-right {
	float: right;
	text-align: right;
}