/* STYLESHEET FILE DESCRIPTION: Styles for SETTINGS screen */

/* SETTINGS MENU
######################################### */
#settings-menu {
	width: 500px;
	height: 720px;
	left: 80px;
	background: url('../images/generic/opacity-b3.png');
}

#settings-menu-shadow-left {left: -20px;}
#settings-menu-shadow-right {left: 500px;}


#screen.menu-full #settings-menu {left: 265px;}

#settings-menu-title {
	top: 35px;
	left: 20px;
	font-family: BasefontRegular;
	font-size: 38px;
}

#settings-menu .item {
	height: 40px;
	width: 500px;
	background: url('../images/generic/playmenu-item-menu.png') no-repeat 470px 0;
}

#settings-menu .item.i-selected {background-position: 470px -40px;}

#settings-menu .title {
	height: 40px;
	width: 420px;
	padding-left: 40px;
	font-family: BasefontRegular;
	font-size: 23px;
	line-height: 40px;
	white-space: nowrap;
	overflow: hidden;	
	text-overflow: ellipsis;
}

#settings-menu .title span {
	opacity: 0.7;
}

#settings-menu-focus {
	width: 500px;
	height: 40px;
}

#settings-menu .section {
	margin-left: 20px;
	font-family: BasefontRegular;
	font-size: 26px;
	white-space: nowrap;
}

#settings-menu-1,
#settings-menu-focus.settings-menu-1 {top: 100px;}
#settings-menu-2,
#settings-menu-focus.settings-menu-2 {top: 140px;}

#settings-menu-buffer {top: 210px;}

#settings-menu-3,
#settings-menu-focus.settings-menu-3 {top: 250px;}
#settings-menu-4,
#settings-menu-focus.settings-menu-4 {top: 290px; opacity: 0.3;}
#settings-menu-5,
#settings-menu-focus.settings-menu-5 {top: 330px; opacity: 0.3;}


/* LIST
######################################### */
#settings-list {
	height: 720px;
	left: 580px;
	background: url('../images/generic/opacity-b4.png');
}

#settings-list.wide,
.wide #settings-list-focus,
#settings-list.wide .item,
#settings-list.wide .border,
.wide #settings-list-up,
.wide #settings-list-down {width: 490px;}
.wide #settings-list-shadow-right {left: 490px;}

#settings-list.narrow,
.narrow #settings-list-focus,
#settings-list.narrow .item,
#settings-list.narrow .border,
.narrow #settings-list-up,
.narrow #settings-list-down {width: 160px;}
.narrow #settings-list-shadow-right {left: 160px;}



#settings-list-shadow-left {left: -20px;}

#screen.menu-full #settings-list {left: 765px;}

#settings-list-focus {
	height: 40px;
}

#settings-list .item {
	height: 40px;
	font-family: BasefontRegular;
	overflow: hidden;
}

#settings-list .title {
	width: 450px;
	left: 20px;
	font-size: 24px;
	line-height: 40px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#settings-list .border {
	height: 1px;
	margin-top: 39px;
	background: url('../images/generic/opacity-w1.png');
}

#settings-list-1 {top: 40px;}
#settings-list-2 {top: 80px;}
#settings-list-3 {top: 120px;}
#settings-list-4 {top: 160px;}
#settings-list-5 {top: 200px;}
#settings-list-6 {top: 240px;}
#settings-list-7 {top: 280px;}
#settings-list-8 {top: 320px;}
#settings-list-9 {top: 360px;}
#settings-list-10 {top: 400px;}
#settings-list-11 {top: 440px;}
#settings-list-12 {top: 480px;}
#settings-list-13 {top: 520px;}
#settings-list-14 {top: 560px;}
#settings-list-15 {top: 600px;}
#settings-list-16 {top: 640px;}


#settings-list-focus.settings-list-1 {top: 40px;}
#settings-list-focus.settings-list-2 {top: 80px;}
#settings-list-focus.settings-list-3 {top: 120px;}
#settings-list-focus.settings-list-4 {top: 160px;}
#settings-list-focus.settings-list-5 {top: 200px;}
#settings-list-focus.settings-list-6 {top: 240px;}
#settings-list-focus.settings-list-7 {top: 280px;}
#settings-list-focus.settings-list-8 {top: 320px;}
#settings-list-focus.settings-list-9 {top: 360px;}
#settings-list-focus.settings-list-10 {top: 400px;}
#settings-list-focus.settings-list-11 {top: 440px;}
#settings-list-focus.settings-list-12 {top: 480px;}
#settings-list-focus.settings-list-13 {top: 520px;}
#settings-list-focus.settings-list-14 {top: 560px;}
#settings-list-focus.settings-list-15 {top: 600px;}
#settings-list-focus.settings-list-16 {top: 640px;}

#settings-list-up,
#settings-list-down {
	height: 20px;
	background-image: url('../images/generic/list-arrows.png');
	background-repeat: no-repeat;
	background-position: 50% 0;
	display: none;
}

#settings-list.b-focused #settings-list-up,
#settings-list.b-focused #settings-list-down {display: block;}

#settings-list-up {top: 15px;}
#settings-list-down {top: 690px; background-position: 50% -20px;}


/* PERSONAL
######################################### */
#settings-personal {
	height: 720px;
	width: 520px;
	left: 580px;
	background: url('../images/generic/opacity-b4.png');
}

#screen.menu-full #settings-personal {left: 765px;}

#settings-personal-shadow-left {left: -20px;}
#settings-personal-shadow-right {left: 520px;}

#settings-personal .g-form .label,
#settings-personal .g-form .control {margin-top: 10px;}

#settings-personal .g-form .label {margin-left: 20px;}
#settings-personal .g-form .control {margin-left: 160px;}
#settings-personal .g-form .textinput,
#settings-personal .g-form .select {width: 330px;}

#settings-personal .g-form .error {margin: 17px 0 0 180px;}

#settings-personal-separator {
	width: 485px;
	margin-left: 18px;
	border-top: 1px solid #fff;
	opacity: 0.4;
}

#settings-personal-focus {
	width: 520px;
	height: 55px;
}

#settings-personal-focus.settings-personal-1, #settings-personal-1 {top: 80px;}
#settings-personal-focus.settings-personal-2, #settings-personal-2 {top: 135px;}
#settings-personal-focus.settings-personal-3, #settings-personal-3 {top: 190px;}
#settings-personal-separator {top: 272px;}
#settings-personal-focus.settings-personal-4, #settings-personal-4 {top: 300px;}
#settings-personal-focus.settings-personal-5, #settings-personal-5 {top: 355px;}
#settings-personal-focus.settings-personal-6, #settings-personal-6 {top: 410px;}
#settings-personal-button {top: 490px;}

#settings-personal-country,
#settings-personal-region,
#settings-personal-city {
	width: 335px;
	height: 400px;
	top: 70px;
	left: 160px;
}

#settings-personal-country-focus,
#settings-personal-country-up,
#settings-personal-country-down,
#settings-personal-region-focus,
#settings-personal-region-up,
#settings-personal-region-down,
#settings-personal-city-focus,
#settings-personal-city-up,
#settings-personal-city-down {width: 333px;}

#settings-personal-country .item,
#settings-personal-region .item,
#settings-personal-city .item {width: 323px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}


#settings-personal-country-focus.settings-personal-country-1, 
#settings-personal-country-1,
#settings-personal-region-focus.settings-personal-region-1, 
#settings-personal-region-1,
#settings-personal-city-focus.settings-personal-city-1, 
#settings-personal-city-1 {top: 21px;}

#settings-personal-country-focus.settings-personal-country-2, 
#settings-personal-country-2,
#settings-personal-region-focus.settings-personal-region-2, 
#settings-personal-region-2,
#settings-personal-city-focus.settings-personal-city-2, 
#settings-personal-city-2 {top: 57px;}

#settings-personal-country-focus.settings-personal-country-3, 
#settings-personal-country-3,
#settings-personal-region-focus.settings-personal-region-3, 
#settings-personal-region-3,
#settings-personal-city-focus.settings-personal-city-3, 
#settings-personal-city-3 {top: 93px;}

#settings-personal-country-focus.settings-personal-country-4, 
#settings-personal-country-4,
#settings-personal-region-focus.settings-personal-region-4, 
#settings-personal-region-4,
#settings-personal-city-focus.settings-personal-city-4, 
#settings-personal-city-4 {top: 129px;}

#settings-personal-country-focus.settings-personal-country-5, 
#settings-personal-country-5,
#settings-personal-region-focus.settings-personal-region-5, 
#settings-personal-region-5,
#settings-personal-city-focus.settings-personal-city-5, 
#settings-personal-city-5 {top: 165px;}

#settings-personal-country-focus.settings-personal-country-6, 
#settings-personal-country-6,
#settings-personal-region-focus.settings-personal-region-6, 
#settings-personal-region-6,
#settings-personal-city-focus.settings-personal-city-6, 
#settings-personal-city-6 {top: 201px;}

#settings-personal-country-focus.settings-personal-country-7, 
#settings-personal-country-7,
#settings-personal-region-focus.settings-personal-region-7, 
#settings-personal-region-7,
#settings-personal-city-focus.settings-personal-city-7, 
#settings-personal-city-7 {top: 237px;}

#settings-personal-country-focus.settings-personal-country-8, 
#settings-personal-country-8,
#settings-personal-region-focus.settings-personal-region-8, 
#settings-personal-region-8,
#settings-personal-city-focus.settings-personal-city-8, 
#settings-personal-city-8 {top: 273px;}

#settings-personal-country-focus.settings-personal-country-9, 
#settings-personal-country-9,
#settings-personal-region-focus.settings-personal-region-9, 
#settings-personal-region-9,
#settings-personal-city-focus.settings-personal-city-9, 
#settings-personal-city-9 {top: 309px;}

#settings-personal-country-focus.settings-personal-country-10, 
#settings-personal-country-10,
#settings-personal-region-focus.settings-personal-region-10, 
#settings-personal-region-10,
#settings-personal-city-focus.settings-personal-city-10, 
#settings-personal-city-10 {top: 345px;}


#settings-personal-country-down,
#settings-personal-region-down,
#settings-personal-city-down {top: 380px}

/* Keyboard */
#kb.settings-fname {top: 46px; left: 128px;}
#kb.settings-sname {top: 102px; left: 128px;}
#kb.settings-email {top: 156px; left: 128px;}


/* HELP
######################################### */
#settings-help {
	width: 700px;
	height: 720px;
	left: 500px;
	background: url('../images/generic/opacity-b3.png');
	display: none;
}

.b-focused #settings-help {display: block;}

#settings-help-title {
	top: 38px;
	left: 20px;
	font-family: BasefontRegular;
	font-size: 34px;
}

#settings-help-text {
	top: 100px;
	left: 20px;
}

#settings-help-text p {
	margin-bottom: 20px;
	font-size: 21px;
	line-height: 28px;
}