@CHARSET "UTF-8";

a img {border:0}

#guide {
	position:absolute;
	top:300px;
	width:100%;
	height:180px;
	background-color:#A8AAAC;
	z-index:100;
	.left:0px;
}

#guideLabel {
	width:32px;
	height:121px;
	background-image:url(../img/label_guide.png);
	top:50%;
	margin-top:-65px;
	position:relative;
	margin-left:3%;
	float:left;
}

#guideBox {
	width:9%;
	height:70%;	
	margin-top:10px;
	float:left;
	border-right:1px solid #fff;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:9%;
	margin-bottom:10px;
	margin-left:5%;
	.margin-left:3%;
	.padding-right:4%;
	*padding-right:9%;;
}

#guideBoxLast {
	width:9%;
	height:70%;	
	margin-top:10px;
	float:left;
	padding:10px;
	margin-bottom:10px;
	margin-left:5%;
}

#guideText {
	width:180px;
	height:35%;	
	float:left;
	text-align:left;
	text-indent: -13px;
}

#guideImg {
	width:180px;
	height:80px;	
	float:left;
	border:1px solid #fff;
	margin-top:15px;
}

#guideImgLast {
	width:180px;
	height:80px;	
	float:left;
	margin-top:15px;
}

.txtBox {
	font-family: "Arial narrow", Arial, Helvetica;
	font-size:14px;
	color:#ffffff;
	text-align:left;
	font-weight:bold;
	text-indent: -10px;
	.text-indent: 0px;
}


/* MENU */

#menu {
	z-index: 1010;
	position: absolute;
	display: block;
	height: auto;
	clear:both;
}


.menuBox{
	width:25%;
	height:100%;
	border-bottom:2px solid #fff;
	.border-bottom:0px;
}

.menuBox h3{
	margin:0px;
	padding:0px;
	border-bottom:2px solid #fff; 
	font-weight: bold;
	padding-left:15px;
	background-color:#099db7;
}


.menuBox h3 a{
	display:block;
	padding:10px;
	color: #fff;
	font-weight: bold;
	background-color:#099db7;
}

.menuBox h3 a:hover{
	color: #fff;
	font-weight: bold;
	background:#f6b12d;
	padding-left:25px;
	margin-left:-15px;
}

.ui-state-active{
	background:#f6b12d;
	display:block;
	font-weight: bold;
}

.subMenu {
	width:100%;
	height:auto;
	color: #ccc;
	background-color:#E9E9E9;
}

.subMenu ul {
	list-style:none outside none;
	margin:	 0;
	padding: 0;
	padding-left:15px;
	
}

.subMenu ul li{
	
	width: 95%;	
	text-align:left;
	padding: 5px;
}

ul li a.subMenuTxt {
	font-family: "Arial narrow", Arial, Helvetica;
	font-size:12px;
	color:#000000;
	text-align:left;
	font-weight:100;
}

ul li a.subMenuTxt:hover{
	font-family: "Arial narrow", Arial, Helvetica;
	font-size:14px;
	color:#000000;
	text-align:left;
	font-weight:bold;
}

/* METADATO */

#metaAll {
	margin-left:auto;
	margin-right:auto;
	width:90%;
	height:600px;
}

#closeMeta {
	width:21px;
	height:21px;
	float:right;
	background-image:url(../img/closeMeta.png);
	background-repeat:no-repeat;
	background-position:center;
	background-color:#E20227;
}

#metaBkg {
	width:100%;
	height:auto;
	background-color:#E7E7E7;
	float:right;
}

#contMetaLft {
	width:45%;
	height:auto;
	float:left;
	margin-left:15px;
	margin-top:15px;
	margin-bottom:15px;
}

.contMetaRght {
	width:45%;
	height:auto;
	float:right;
	margin-right:15px;
	margin-top:15px;
	margin-bottom:15px;
}

#metaCountry {
	width:100%;
	height:auto;
	background-color:#E20227;
}

#metaVar {
	width:100%;
	height:auto;
	background-color:#099DB7;
}

#dataBkg {
	width:100%;
	height:300px;
	background-color:#FFFFFF;
	margin:0px;
	clear:both;
}

#metaTopContLft {
	width:90%;
	height:60px;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:25px;
	text-align:left;
}

#metaTopContRgt {
	width:90%;
	height:60px;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:25px;
	text-align:left;
}

#dataCont {
	width:94%;
	height:auto;
	padding:15px;
	clear:both;
}

#dataGridLft {
	width:100%;
	height:auto;
	margin-bottom:3px;
	clear:both;
}

#dataGridRgt {
	width:100%;
	height:auto;
	clear:both;
}

#countryDataLabel {
	width:100%;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:15px;
	background-color:#047E97;
	font-family: "Arial narrow", Arial, Helvetica;
	font-size:14px;
	color:#fff;
	text-align:left;
	font-weight:bold;
}

#countryVarNumber {
	width:10%;
	padding-top:5px;
	padding-bottom:5px;
	background-color:#666;
	float:left;
	font-family: "Arial narrow", Arial, Helvetica;
	font-size:26px;
	color:#fff;
	text-align:center;
	font-weight:bold;
	margin-bottom:3px;
}

#countryVarLabel {
	width:100%;
	padding-top:10px;
	padding-bottom:11px;
	padding-left: 15px;
	background-color:#9A9B9B;
	float:left;
	font-family: "Arial narrow", Arial, Helvetica;
	font-size:16px;
	color:#fff;
	text-align:left;
	font-weight:bold;
	margin-bottom:3px;
}

#countryVarLabel:hover {
	width:100%;
	padding-top:10px;
	padding-bottom:11px;
	padding-left: 15px;
	background-color:#099DB7;
	float:left;
	font-family: "Arial narrow", Arial, Helvetica;
	font-size:16px;
	color:#fff;
	text-align:left;
	font-weight:bold;
	margin-bottom:3px;
}

#VarDataValue {
	width:20%;
	padding-top:25px;
	padding-bottom:6px;
	background-color:#666;
	float:right;
	font-family: "Arial narrow", Arial, Helvetica;
	font-size:16px;
	color:#fff;
	text-align:center;
	font-weight:bold;
	margin-bottom:3px;
	height:38px;
}

#VarDataLabel {
	width:76%;
	padding-top:5px;
	padding-bottom:14px;
	.padding-bottom:5px;
	padding-left: 10px;
	background-color:#9A9B9B;
	float:left;
	font-family: "Arial narrow", Arial, Helvetica;
	font-size:16px;
	color:#fff;
	text-align:left;
	font-weight:bold;
	margin-bottom:3px;
	height:50px;
	*height:58px;
	*padding-bottom:5px;
}

.countryVarLabel {
	font-family: "Arial narrow", Arial, Helvetica;
	font-size:16px;
	color:#fff;
	text-align:left;
	font-weight:bold;
	text-decoration:none;
}

.topContNormal {
	font-family: "Arial narrow", Arial, Helvetica;
	font-size:18px;
	color:#fff;
	text-align:left;
}

.topContLabel {
	font-family: "Arial narrow", Arial, Helvetica;
	font-size:24px;
	color:#fff;
	text-align:left;
	font-weight:bold;
}

.topContLabelSup {
	font-family: "Arial narrow", Arial, Helvetica;
	font-size:18px;
	color:#fff;
	text-align:left;
	font-weight:bold;
}

/* WELCOME */

#welcomeCont {
    width: 100%;
    height: 58%;
    padding: 0px;
	float:right;
}

#welcomeLabelBkg {
	background-color:#FF2441;
	width:125%;
	float:right;
	height:auto;
	opacity: .9;
	.padding-bottom:15px;
	.margin-left:22px;
	*width:100%;
	*margin-left:0px;
}

#welcomeContBkg {
	background-color:#FF2441;
	width:99%;
	float:right;
	height:100%;
	right:0px;
	clear:both;
	opacity: .9;
	.margin-left:150px;
	*position:relative;
	*clear:both;
	*width:80%;	
	*margin-left:0px;
}

#welcomeLabelTxt {
	width:auto;
	height:auto;
	float:left;
	margin-top:15px;
	margin-bottom:15px;
	margin-left:25px;
	text-align:left;
}

#welcomeContTxt {
	width:auto;
	height:auto;
	float:left;
	margin-left:20px;
	margin-right:20px;
	text-align:left;
}

.welcomeLabel {
	font-family: "Arial narrow", Arial, Helvetica;
	font-size:32px;
	color:#fff;
	text-align:left;
	font-weight:bold;	
}

.welcomeCont {
	font-family: "Arial narrow", Arial, Helvetica;
	font-weight:bold;
	font-size:16px;
	color:#fff;
	text-align:left;
}

/* POP UP */

#popAll {
	margin-left:auto;
	margin-right:auto;
	width:90%;
	height:480px;
}

#closePop {
	width:21px;
	height:21px;
	float:right;
	background-image:url(../img/closeMeta.png);
	background-repeat:no-repeat;
	background-position:center;
	background-color:#E20227;
}

#popBkg {
	width:100%;
	height:auto;
	background-color:#E7E7E7;
	float:right;
}

#contPop {
	width:97%;
	height:auto;
	float:left;
	margin-left:15px;
	margin-right:15px;
	margin-top:15px;
	margin-bottom:15px;
}

#popLabel {
	width:50%;
	height:130px;
	background-color:#E20227;
	float:left;
}

#popVar {
	width:49%;
	height:auto;
	float:right;
}

#popTopContLft {
	width:90%;
	height:auto;
	padding-top:30px;
	padding-bottom:15px;
	padding-left:25px;
}

#dataCont {
	width:  90%;
	height: 270px;
	padding:15px;
	clear:both;
	overflow-y: auto;
}

#dataBkg {
	width:100%;
	height:auto;
	background-color:#FFFFFF;
	margin:0px;
	clear:both;
	margin-bottom:15px;
}

#popGridRgt {
	width:100%;
	height:auto;
	clear:both;
}

#popVarLabel {
	width:97%;
	padding-top:5px;
	padding-bottom:5px;
	padding-left: 15px;
	float:left;
	font-family: "Arial narrow", Arial, Helvetica;
	font-size:16px;
	color:#fff;
	text-align:left;
	font-weight:bold;
	margin-bottom:3px;
	background-color:#099DB7;
}

#popVarLabel:hover {
	width:97%;
	padding-top:5px;
	padding-bottom:5px;
	padding-left: 15px;
	background-color:#9A9B9B;
	float:left;
	font-family: "Arial narrow", Arial, Helvetica;
	font-size:16px;
	color:#fff;
	text-align:left;
	font-weight:bold;
	margin-bottom:3px;
}

.popVarLabel {
	font-family: "Arial narrow", Arial, Helvetica;
	font-size:16px;
	color:#fff;
	text-align:left;
	font-weight:bold;
	text-decoration:none;
}

.topContNormal {
	font-family: "Arial narrow", Arial, Helvetica;
	font-size:18px;
	color:#fff;
	text-align:left;
}

.topContLabel {
	font-family: "Arial narrow", Arial, Helvetica;
	font-size:24px;
	color:#fff;
	text-align:left;
	font-weight:bold;
}

.topContLabelSup {
	font-family: "Arial narrow", Arial, Helvetica;
	font-size:18px;
	color:#fff;
	text-align:left;
	font-weight:bold;
}

.popContTxt {
	font-family: "Arial narrow", Arial, Helvetica;
	font-size:16px;
	color:#fff;
	text-align:left;
}

/* POP UP */

#popAll {
	margin-left:auto;
	margin-right:auto;
	width:90%;
	height:480px;
}

#closePop {
	width:21px;
	height:21px;
	float:right;
	background-image:url(../img/closeMeta.png);
	background-repeat:no-repeat;
	background-position:center;
	background-color:#E20227;
}

#popBkg {
	width:100%;
	height:auto;
	background-color:#E7E7E7;
	float:right;
}

#contPop {
	width:97%;
	height:auto;
	float:left;
	margin-left:15px;
	margin-right:15px;
	margin-top:15px;
	margin-bottom:15px;
}

#popLabel {
	width:50%;
	height:130px;
	background-color:#E20227;
	float:left;
	padding-top:9px;
	padding-bottom:10px;
}

#popVar {
	width:49%;
	height:auto;
	float:right;
}

#popTopContLft {
	width:90%;
	height:auto;
	padding-top:30px;
	padding-bottom:15px;
	padding-left:25px;
	text-align:left;
}

#dataContPop {
	width:94%;
	height:auto;
	clear:both;
	background-color:#047E97;
	margin:10px;
	padding:20px;
	text-align:left;
}

#dataBkg {
	width:95%;
	height:90%;
	background-color:#FFFFFF;
	margin:0px;
	clear:both;
	margin-bottom:15px;
	padding:10px;
}

#popGridRgt {
	width:97%;
	height:auto;
	clear:both;
}

#popVarLabel {
	width:97%;
	padding-top:5px;
	padding-bottom:5px;
	padding-left: 15px;
	float:left;
	font-family: "Arial narrow", Arial, Helvetica;
	font-size:16px;
	color:#fff;
	text-align:left;
	font-weight:bold;
	margin-bottom:3px;
	background-color:#099DB7;
}

#popVarLabel:hover {
	width:97%;
	padding-top:5px;
	padding-bottom:5px;
	padding-left: 15px;
	background-color:#9A9B9B;
	float:left;
	font-family: "Arial narrow", Arial, Helvetica;
	font-size:16px;
	color:#fff;
	text-align:left;
	font-weight:bold;
	margin-bottom:3px;
}

.popVarLabel {
	font-family: "Arial narrow", Arial, Helvetica;
	font-size:16px;
	color:#fff;
	text-align:left;
	font-weight:bold;
	text-decoration:none;
}

.topContNormal {
	font-family: "Arial narrow", Arial, Helvetica;
	font-size:18px;
	color:#fff;
	text-align:left;
}

.topContLabel {
	font-family: "Arial narrow", Arial, Helvetica;
	font-size:24px;
	color:#fff;
	text-align:left;
	font-weight:bold;
}

.topContLabelBlue {
	font-family: "Arial narrow", Arial, Helvetica;
	font-size:20px;
	color:#fff;
	text-align:left;
	font-weight:bold;
}

.topContLabelSup {
	font-family: "Arial narrow", Arial, Helvetica;
	font-size:18px;
	color:#fff;
	text-align:left;
	font-weight:bold;
}

.popContTxt {
	font-family: "Arial narrow", Arial, Helvetica;
	font-size:16px;
	color:#fff;
	text-align:left;
}



/* HELP */

#helpBkg {
	width:10%;
	height:23px;
	padding-top:7px;
	background-color: #d2ddd5;
	position:absolute;
	top:60px;
	right:0px;
}

#helpTxt a {
	font-family: "Arial narrow", Arial, Helvetica;
	font-size:14px;
	color: #6c6d6d;
	font-weight:bold;
	text-align:left;
	margin:5px;
	width:auto;
	height:auto;
	text-align:center;
}

/*** Begin Welcome ***/

#welcome{
	width: 	50%;
	height:	480px;
	float:	right;
	color: #fff;	
}

#welcome h2{
	font-size: 16px;
}
#welcome p{
	text-align: left;
	padding: 5px 10px 5px 10px;
	overflow-y: auto;
}

/*** End Welcome ***/

#help{
	z-index: 1009;
	position: absolute;
	display: block;
	width:100%;
	left:0px;
}

.hide{
	display: none;
}
.show{
	display: block;
}
.left{
	float: left;
}
.right{
	float: right;
}