@charset "utf-8";
/* styles for the location selector page */

body {
	background-color:#d1e3ef;  /* overrides baseTemplate background color */
}

/* ---------- logo container ---------- */

#logoContainer {
	width:932px;
	padding:30px 0 12px 23px;
	text-align:left;
}

/* ----------- content container ---------- */

#contentContainer {
	width:955px;
	background:url(/cs/kci/images/gui/location_selector_background.jpg) no-repeat top;
}

/* ---------- left column / page copy ---------- */

#locationLeftColumn {
	float:left;
	width:187px;
	padding:185px 20px 24px 315px;
	text-align:left;
	font-size:75%;
	line-height:150%;
	color:#fff;
}

/* ---------- right column / location lists container ----------- */

#locationRightColumn {
	float:left;
	width:433px;
}

/* ---------- location lists styles ---------- */

.locationList {
	float:left;
	width:123px;
	padding:50px 0 0 14px;
	text-align:left;
	font-size:75%;
	font-weight:bold;
}

.locationList a {
	text-decoration:none;
}

.locationText {
	text-decoration:underline;
}

.flagIcon {
	margin-right:6px;
	vertical-align:middle;
	padding:7px 0 7px 0;  /* instead of using line-height to space the locations, this padding is necessary for consistent look in IE6 */
}
/* ---------- countries confirm box ---------- */

#changeCountryConfirm {
	position:absolute;
	width:490px;
	left:50%;
	margin-left:-250px;
	top:174px;
	font-size:80%;
	text-align:left;
	border:solid 1px black;
	background:#dedede url(/cs/kci/images/gui/countries_menu_background.jpg) repeat-x top left;
	z-index:500;
	padding: 2px 4px 15px 20px;
}

#changeCountryConfirm a.close {
	float:right;
	font-size:80%;
}

#changeCountryConfirm h3 {
	margin: 1px 0 1ex;
	clear:both;
	font-size:95%;
}

#changeCountryConfirm p {
	margin: 3px 12px 1em 0;
	line-height:1.6em;
	font-size:89%;
}

#changeCountryConfirm input {
	position:relative;
	top:2px;
	left:-3px
}

#changeCountryConfirm label {
	font-weight:bold;
	font-size:95%;
}
 
#changeCountryConfirm div {
	text-align:center;
}

#changeCountryConfirm button.primaryButtonSmall {
	margin-right:18px;
}

/* small buttons */
button.primaryButtonSmall {
	background:url(/cs/kci/images/forms/small_button_green_sprite.gif) right no-repeat;
}

button.primaryButtonSmall span {
	height:23px;
	line-height:23px;
	background:url(/cs/kci/images/forms/small_button_green_sprite.gif) left no-repeat;
	color:#fff;
}