/* CSS Document */
body { margin: 0; padding: 0; }

/*Titles*/
@font-face {
    font-family: 'bamtangsuriferozgordisbold';
    src: url('../images/ui_fonts/bamtang_suri_feroz_gordis-webfont.eot');
    src: local('☺'), url('../images/ui_fonts/bamtang_suri_feroz_gordis-webfont.woff') format('woff'), url('../images/ui_fonts/bamtang_suri_feroz_gordis-webfont.ttf') format('truetype'), url('../images/ui_fonts/bamtang_suri_feroz_gordis-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*Buttons_numbers*/
@font-face {
    font-family: 'bamtangcuyferozgordisBdIt';
    src: url('../images/ui_fonts/bamtang_cuy_feroz_gordis-webfont.eot');
    src: local('☺'), url('../images/ui_fonts/bamtang_cuy_feroz_gordis-webfont.woff') format('woff'), url('../images/ui_fonts/bamtang_cuy_feroz_gordis-webfont.ttf') format('truetype'), url('../images/ui_fonts/bamtang_cuy_feroz_gordis-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*Info*/
@font-face {
    font-family: 'bamtangllamagenialgordisXBd';
    src: url('../images/ui_fonts/bamtang_llama_genial_gordis-webfont.eot');
    src: local('☺'), url('../images/ui_fonts/bamtang_llama_genial_gordis-webfont.woff') format('woff'), url('../images/ui_fonts/bamtang_llama_genial_gordis-webfont.ttf') format('truetype'), url('../images/ui_fonts/bamtang_llama_genial_gordis-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*-----------------------------------------------------------------------------*/
/*Container*/
.ui_general_container {
    top:0;
    left:0;
    width: 750px;
    height: 500px;
    position:relative;
}

/*Container*/
.ui_general_container_hud {
    top:0;
    left:0;
    position:relative;
}

/*-----------------------------------------------------------------------------*/
/*Screen Background*/
.ui_general_screen_bg {
    top:0;
    left:0;
    width: 750px;
    height: 500px;
    background:url(../images/ui_images/common/gui_common_background.jpg);
}
/*Title*/
.ui_general_screen_title {
    position: absolute;
    left: 180px;
    top: 40px;
    width: 400px;
    height: 50px;
    color: #6e1506;
    font-family: 'bamtangsuriferozgordisbold';
    font-size: 28px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-smooth: always;
    padding-top: 5px;
}

/*-----------------------------------------------------------------------------*/
/*Popup background*/
.ui_general_popup_bg {
    top:0;
    left:0;
    width: 750px;
    height: 500px;
    background:#000;
    opacity: 0.8;
}
.ui_general_popup_support {
    position: absolute;
    top:0px;
    left:30px;
    width: 635px;
    height: 500px;
    background:url(../images/ui_images/popups/gui_popups_support.png) no-repeat right top;
}
/*Popup title*/
.ui_general_popup_title {
	position: absolute;
	left: 140px;
	top: 130px;
	width: 400px;
	height: 106px;
	z-index: 2;
	color: #6e1506;
	font-family: 'bamtangsuriferozgordisbold';
	font-size: 28px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-smooth: always;
}

/*-----------------------------------------------------------------------------*/
/*Button Back*/
/*PATHER*/
.ui_general_button_back {
    position: absolute;
    top: 200px;
    left: 10px;
    width: 87px;
    height: 82px;
    background: url(../images/ui_images/buttons/gui_buttons_icons.png) no-repeat right top;
    cursor: pointer;
}
/*CHILDREN*/
.ui_general_button_back.b1 {
    background-position: 0px 0px;
}
.ui_general_button_back.b1:hover {
    background-position: -87px 0px;
}
/*-----------------------------------------------------------------------------*/
/*Button Next*/
/*PATHER*/
.ui_general_button_next {
    position: absolute;
    top: 200px;
    left: 650px;
    width: 87px;
    height: 82px;
    background: url(../images/ui_images/buttons/gui_buttons_icons.png) no-repeat right top;
    cursor: pointer;
}
/*CHILDREN*/
.ui_general_button_next.b1 {
    background-position: -1044px 0px;
}
.ui_general_button_next.b1:hover {
    background-position: -1131px 0px;
}
/*--------------------------------------------------------------------------------------*/
/*Buttons_zones*/
/*PATHER*/
.ui_general_zones {
    background: url("../images/ui_images/buttons/gui_buttons_zone.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    height: 120px;
    position: absolute;
    text-align: center;
    width: 130px;
}

/*CHILDREN*/
.ui_general_zones.r1 {
    top: 10px;
}
.ui_general_zones.c1 {
    left: 130px;
}
.ui_general_zones.c2 {
    left: 330px;
}
.ui_general_zones.c3 {
    left: 530px;
}
/*--------------------------------------------------------------------------------------*/
.ui_general_zones.r1.c1{
    background-position: 0px 0px;
}
.ui_general_zones.r1.c2{
    background-position: -260px 0px;
}
.ui_general_zones.r1.c3{
    background-position: -520px 0px;
}

/*-----------------------------------------*/

.ui_general_zones.r1.c1:hover{
    background-position: -130px 0px;
}
.ui_general_zones.r1.c2:hover{
    background-position: -390px 0px;
}
.ui_general_zones.r1.c3:hover{
    background-position: -650px 0px;
}
/*--------------------------------------------------------------------------------------*/
/*Alert*/
.ui_general_zonesselect {
	top: 10px;
    position: absolute;
    height: 120px;
    width: 130px;
    background:url(../images/ui_images/buttons/gui_buttons_zone.png) no-repeat right top;
}
.ui_general_zonesselect.z1{
	left: 130px;
    background-position: -130px 0px;
}
.ui_general_zonesselect.z2{
	left: 330px;
	background-position: -390px 0px;
}
.ui_general_zonesselect.z3{
	left: 530px;
    background-position: -650px 0px;
}

/*--------------------------------------------------------------------------------------*/
/*Alert*/
.ui_general_alert {
    position: absolute;
    top:10px;
    width: 130px;
    height: 120px;
    background:url(../images/ui_images/buttons/gui_buttons_zone_alert.png) no-repeat right top;
    cursor: pointer;
}
.ui_general_alert.z1{
    left: 130px;
}
.ui_general_alert.z2{
    left: 330px;
}
.ui_general_alert.z3{
    left: 530px;
}

/*--------------------------------------------------------------------------------------*/
/*Popup metamap*/

.ui_general_popup_metamapalert {
    position: absolute;
    top:142px;
    right:0px;
    width: 225px;
    height: 357px;
    background:url(../images/ui_images/popups/gui_popups_howard.png) no-repeat right top;
}
.ui_general_popup_randy {
    position: absolute;
    top:142px;
    right:0px;
    width: 225px;
    height: 357px;
    background:url(../images/ui_images/popups/gui_popups_randy.png) no-repeat right top;
}
.ui_general_text_metamapalert {
	position: absolute;
	right: 14px;
	top: 149px;
	width: 176px;
	height: 120px;
	z-index: 2;
	color: #000000;
	font-family: 'bamtangllamagenialgordisXBd';
	font-size: 15px;
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	font-smooth: always;
}
/*Alert level*/
.ui_general_alertlevel {
    position: absolute;
    width: 29px;
    height: 57px;
    background:url(../images/ui_images/buttons/gui_buttons_zone_alert2.png) no-repeat right top;
}
.ui_general_alertlevel.l1{
	top:165px;
    left:345px;
}
.ui_general_alertlevel.l2{
	top: 165px;
    left: 505px;
}
.ui_general_alertlevel.l3{
	top: 275px;
    left:345px;
}
.ui_general_alertlevel.l4{
	top:275px;
    left:505px;
}
.ui_general_alertlevel.l5{
	top:165px;
    left:345px;
}
.ui_general_alertlevel.l6{
	top: 165px;
    left: 505px;
}
.ui_general_alertlevel.l7{
	top: 275px;
    left:345px;
}
.ui_general_alertlevel.l8{
	top:275px;
    left:505px;
}
.ui_general_alertlevel.l9{
	top:165px;
    left:345px;
}
.ui_general_alertlevel.l10{
	top: 165px;
    left: 505px;
}
.ui_general_alertlevel.l11{
	top: 275px;
    left:345px;
}
.ui_general_alertlevel.l12{
	top:275px;
    left:505px;
}