/*
* Copyright (c) 2013 Tribalyte Technologies S.L..
* All Rights Reserved. Proprietary and confidential.
* Unauthorized copying of this file via any medium is strictly prohibited.
* Contact: info@tribalyte.com
*/

/* =============== Estilos generales =======================*/

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

input, button, textarea, select{
   font-family: inherit;
   font-size: inherit;
   font-weight: inherit;
}

img {
	border-style: none;
}

/* =============== Contenedor principal=======================*/

.center {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	align: center;
}

#container {
	width: 85%;
	min-width: 1000px;
	max-width:1400px;
	background-color: #FFFFFF;
	margin: auto;
	
	
}
#containercentral {
	margin: 0px;
	border: 1px solid #CCCCCC;
	border-radius:10px;
	vertical-align: top;
	width: 100%;
	
}



/* =============== Cabeceras =======================*/


#header {
	width: 100%;
	padding-top: 0px;
	padding-bottom: 0px;
	overflow: hidden;
	vertical-align: bottom;
	position: relative;
}


#topmenu {
	background-color: #0066CC;
	height: 38px;
	width: 100%;
	margin-bottom: 0px;
	border-top-right-radius:5px;
	-moz-border-top-right-radius:5px;
	-webkit-border-top-right-radius:5px;
	border-top-left-radius:5px;
	-moz-border-top-left-radius:5px;
	-webkit-border-top-left-radius:5px;
	background-position: top;
	clear: left;
	vertical-align: middle;
	position: relative;
	background-image: url(../images/top_back.gif);
	background-repeat: repeat-x;
}
#configuracion {
	font-size: 10px;
	color: #FFFFFF;
	float: right;
	line-height: 38px;
	vertical-align: middle;
	padding-right: 10px;
	padding-left: 10px;
	text-align: left;
}

#welcome {
	font-size: 13px;
	color: #FFFFFF;
	text-align: left;
	vertical-align: middle;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 4px;
	padding-left: 12px;
	float: left;
	height: 38px;
	line-height: 38px;
}
#nombreusuario {
	font-size: 13px;
	font-weight: bold;
	color: #FFCC00;
	padding-top: 0px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: left;
	width: 300px;
	line-height: 38px;
	vertical-align: middle;
	text-align: left;
}
#logo {
	width: 300px;
	float: left;
	text-align: left;
}
#top-right {
	font-size: 14px;
	color: #000066;
	float: left;
	position: absolute;
	bottom: 0px;
	right: 0px;
}

#projectnav {
	overflow: hidden;
	border-top-right-radius:5px;
	-moz-border-top-right-radius:5px;
	-webkit-border-top-right-radius:5px;
	border-top-left-radius:5px;
	-moz-border-top-left-radius:5px;
	-webkit-border-top-left-radius:5px;
	background-image: url(../images/topmenubackground.gif);
	background-repeat: repeat-x;
	height: 88px;
	position: relative;
}
#projectreference {
	margin: 0px;
	width: 150px;
	float:left;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 20px;
}
#project {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 0px;
	text-align: left;
}
#reference {
	font-size: 16px;
	font-weight: bold;
	color: #FFCC00;
	margin-top: 2px;
	margin-bottom: 2px;
	height: 38px;
	text-align: left;
}

/* =============== Content =======================*/
.central {
	width: 100%;
	clear: left;
	overflow: hidden;
}

.configuration-page {
	padding-top: 20px;
	padding-right: 150px;
	padding-bottom: 20px;
	padding-left: 150px;
	max-width:90%;
	text-align: left;
}

.formcontainer {
	margin-left: 1px;
	margin-right: 12px;
	padding-bottom: 15px;
	overflow: hidden;
	display: block;
	width: auto;
}

#formcontainer-users {
	overflow: hidden;
	margin: 0px;
}

.tit {
	font-size: 22px;
	line-height: 63px;
	color: #003366;
	vertical-align: middle;
	height: 41px;
	text-align: left;
}

#central2 {
	margin: 12px;
	border: 1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}


/* =============== Formulario =======================*/

.loading-screen-overlay {
	opacity: 0.75; /* Both are necessary (for IE) */
	filter: Alpha(Opacity=75);
	background-color: white;
	position: absolute;
	left: 0;
    top: 0;
	width: 100%;
	height: 100%;
	z-index: 1001;
	cursor: wait;
}

.formulario {
	margin-left: 50px;
	margin-top: 25px;
	color: #013B5B;
	text-align: left;
	width: 95%;
}

.formulario-minheight {
	min-height: 300px;
	margin-left: 50px;
	margin-r: 50px;
	margin-top: 0px;
	width: 93%;
}

.form-tit {
	color: #003366;
	font-size: 24px;
	vertical-align: middle;
	height: 41px;
	line-height: 41px;
	margin-top: 10px;
	padding-top:12px;
}
	
.formtit-icon1 {
	float: left;
	height: 41px;
	width: 50px;
	background: url(../images/P1icotit.gif) no-repeat 0px 0px;
}
.formtit-icon2 {
	float: left;
	height: 41px;
	width: 50px;
	background: url(../images/P2icotit.gif) no-repeat 0px 0px;
}
.formtit-icon3 {
	float: left;
	height: 41px;
	width: 50px;
	background: url(../images/P3icotit.gif) no-repeat 0px 0px;
}
.formtit-icon4 {
	float: left;
	height: 41px;
	width: 50px;
	background: url(../images/P4icotit.gif) no-repeat 0px 0px;
}
.formtit-icon5 {
	float: left;
	height: 41px;
	width: 50px;
	background: url(../images/P5icotit.gif) no-repeat 0px 0px;
}
.formtit-icon6 {
	float: left;
	height: 41px;
	width: 50px;
	background: url(../images/P6icotit.gif) no-repeat 0px 0px;
}
.formtit-icon7 {
	float: left;
	height: 41px;
	width: 50px;
	background: url(../images/P7icotit.gif) no-repeat 0px 0px;
}
.formtit-icon8 {
	float: left;
	height: 41px;
	width: 50px;
	background: url(../images/P8icotit.gif) no-repeat 0px 0px;
}

.form-description {
	color: #333333;
	margin-right: 15px;
	margin-bottom: 15px;
	line-height: 20px;
	text-align: justify;
}

.form-questioncontainer{
	overflow: hidden;
	margin-top: 3px;
	margin-bottom: 3px;
}

.form-line {
	width: 100%;
	float: left;
	margin-top: 3px;
	margin-bottom: 3px;
}
.form-line-button {
	width: 100%;
	float: left;
	margin-top: 15px;
	margin-bottom: 3px;
	position: relative;
}

.form-text-box {
	color: #666666;
	width: 100%;
	max-width: 650px;
}

.form-text-boxlittle {
	text-align: left;
	vertical-align: middle;
	color: #666666;
	width: 150px;
}

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

.form-enunciado {
	font-size: 13px;
	color: #013B5B;
	float: left;
	padding-right: 5px;
	line-height: 30px;
	vertical-align: middle;
	height: 30px;
	width: 120px;
	text-align: left;
}
.form-enunciadobig {
	font-size: 13px;
	color: #013B5B;
	float: left;
	padding-right: 5px;
	width: 210px;
	line-height: 30px;
	vertical-align: middle;
	height: 30px;
	text-align: left;
}

.form-question {
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	line-height: 25px;
	vertical-align: middle;
	background-color: #013B5B;
	padding-left: 25px;
	border-radius:5px;
	-moz-border-right-radius:5px;
	-webkit-border-radius:5px;
	margin-top: 10px;
	float: left;
	width: 90%;
	
}
.question {
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	padding-right: 5px;
	line-height: 20px;
	vertical-align: middle;
	height: 100%;
	background-color: #013B5B;
	max-width: 770px;
	margin-right: 25px;
	border-radius:5px;
	-moz-border-right-radius:5px;
	-webkit-border-radius:5px;
	float: left;
}

.form-answer {
	font-size: 13px;
	color: #013B5B;
	padding-right: 5px;
	line-height: 20px;
	padding-top: 5px;
	padding-left: 35px;
	padding-bottom: 10px;
	width: 90%;
	clear: both;
}

.form-help{
	font-size: 13px;
	color: #013B5B;
	float: left;
	padding-right: 0px;
	width: 40px;
	line-height: 30px;
	vertical-align: middle;
	height: 30px;
}

.graph-help{
	font-size: 13px;
	color: #013B5B;
	float: left;
	padding-right: 0px;
	padding-top: 5px;
	width: 30px;
	line-height: 30px;
	vertical-align: middle;
	height: 32px;
}


.form-box {
	color: #666666;
	float: left;
	vertical-align: middle;
	height: 30px;
	width: 70%;
	max-width: 650px;
	margin-top: 4px;
}
.form-boxlittle {
	color: #666666;
	float: left;
	vertical-align: middle;
	height: 30px;
	width: 200px;
	max-width: 650px;
	margin-top: 4px;
}




.form-boxmultiline {
	color: #666666;
	float: left;
	vertical-align: middle;
	width: 70%;
	max-width: 650px;
	margin-top: 4px;
}
.form-multiline {
	width: 100%;
	float: left;
	margin-top: 3px;
	margin-bottom: 3px;
	padding-bottom: 10px;
}
.relleno {
	background-color: #3399FF;
	float: left;
}

/* =============== Menús =======================*/

/* == Menú superior ==*/

#topnav {
	float:left;
	height: 88px;
	width: 755px;
	margin-left: 45px;
}

.topnav-sep {
	background-image: url(../images/topnav-bot-sep.gif);
	background-repeat: no-repeat;
	height: 88px;
	width: 2px;
	float: left;
}
/* == Botones ==*/


/* = Desactivo =*/

.button.sfmenu {
	font-size: 11px;
	height: 88px;
	float:left;
	vertical-align: bottom;
	text-align: center;
	clear: none;
	display: block;
    color: #013957;
    line-height: 13px;
    font-weight: bold;
	padding-top: 54px;
   
}

/* = Activo =*/

a.button {
text-decoration: none;
height:88px;
float: left;
vertical-align: bottom;
text-align: center;
clear: none;
display: block;
color: #fff;
line-height: 13px;
font-size: 11px;
font-weight: normal;
padding-top: 54px;
}



a.button:hover {
width: 91px;
display: block;
font-weight: bold;
}

.button.icon1 {
height: 88px;
width: 91px;
background: url(../images/icons.png) no-repeat -10px 0px;

}

.button.icon1:hover {
height: 88px;
width: 91px;
background: url(../images/iconson.png) no-repeat -10px 0px;

}

.button.icon1.current {
height: 88px;
width: 91px;
background: url(../images/iconsoff.png) no-repeat -10px 0px;
}

.button.icon2 {
height: 88px;
width: 91px;
background: url(../images/icons.png) no-repeat -122px 0px;
}

.button.icon2:hover {
height: 88px;
width: 91px;
background: url(../images/iconson.png) no-repeat -122px 0px;
}
.button.icon2.current {
height: 88px;
width: 91px;
background: url(../images/iconsoff.png) no-repeat -122px 0px;
}

.button.icon3 {
height: 88px;
width: 91px;
background: url(../images/icons.png) no-repeat -232px 0px;
}

.button.icon3:hover {
height: 88px;
width: 91px;
background: url(../images/iconson.png) no-repeat -232px 0px;
}

.button.icon3.current {
height: 88px;
width: 91px;
background: url(../images/iconsoff.png) no-repeat -232px 0px;
}

.button.icon4 {
height: 88px;
width: 91px;
background: url(../images/icons.png) no-repeat -344px 0px;
}

.button.icon4:hover {
height: 88px;
width: 91px;
background: url(../images/iconson.png) no-repeat -344px 0px;
}

.button.icon4.current {
height: 88px;
width: 91px;
background: url(../images/iconsoff.png) no-repeat -344px 0px;
}

.button.icon5 {
height: 88px;
width: 91px;
background: url(../images/icons.png) no-repeat -453px 0px;
}

.button.icon5:hover {
height: 88px;
width: 91px;
background: url(../images/iconson.png) no-repeat -453px 0px;
}

.button.icon5.current {
height: 88px;
width: 91px;
background: url(../images/iconsoff.png) no-repeat -453px 0px;
}

.button.icon6 {
height: 88px;
width: 91px;
background: url(../images/icons.png) no-repeat -562px 0px;
}

.button.icon6:hover {
height: 88px;
width: 91px;
background: url(../images/iconson.png) no-repeat -562px 0px;
}

.button.icon6.current {
height: 88px;
width: 91px;
background: url(../images/iconsoff.png) no-repeat -562px 0px;
}

.button.icon7 {
height: 88px;
width: 91px;
background: url(../images/icons.png) no-repeat -670px 0px;
}

.button.icon7:hover {
height: 88px;
width: 91px;
background: url(../images/iconson.png) no-repeat -670px 0px;
}

.button.icon7.current {
height: 88px;
width: 91px;
background: url(../images/iconsoff.png) no-repeat -670px 0px;
}

.button.icon8 {
height: 88px;
width: 91px;
background: url(../images/icons.png) no-repeat -778px 0px;
}

.button.icon8:hover {
height: 88px;
width: 91px;
background: url(../images/iconson.png) no-repeat -778px 0px;
}

.button.icon8.current {
height: 88px;
width: 91px;
background: url(../images/iconsoff.png) no-repeat -778px 0px;
}

/* == Menú izquierda contenidos ==*/

#leftnavcontainer{
	height: auto;
	width: 203px;
	margin-top: 12px;
	margin-right: 12px;
	margin-bottom: 12px;
	margin-left: 12px;
	float: left;
	display: block;
}

#leftnav {
	background-image: url(../images/leftnavbackground.gif);
	background-repeat: repeat-y;
	text-align: left;
	padding: 15px 0px 20px 0px;
	width: 203px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

#leftnav.fixed {
	position: relative;
	top: 15px;
}


/* =============== Users page special =======================*/

.left-columnas {
	width: 150px;
	float: left;
}

.leftnav-separation {
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../images/leftnavsep.gif);
	height: 2px;
}

.leftnav-buttom {
	height: 50px;
	width: 203px;
}
.leftnav-buttom-users {
	height: 50px;
	width: 150px;
}


/* == Botones ==*/

a.leftmenu {
	text-decoration: none;
	width: 150px;
	height:50px;
	float: left;
	display: block;
	color: #fff;
	line-height: 50px;
	font-size: 13px;
	vertical-align: middle;
	padding-left:56px;

}
a.leftmenu2 {
	text-decoration: none;
	width: 151px;
	height:50px;
	float: left;
	display: block;
	color: #fff;
	line-height: 50px;
	font-size: 13px;
	vertical-align: middle;
	padding-left:52px;

}
a.leftmenu-user {
	text-decoration: none;
	width: 99px;
	height:50px;
	float: left;
	color: #fff;
	line-height: 50px;
	font-size: 13px;
	vertical-align: middle;
	padding-left:56px;
}


#leftnav-users {
	background-color: #003366;
	width: 155px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding-top: 15px;
	padding-bottom: 15px;
	background-image: url(../images/leftnavbackground.gif);
	background-repeat: repeat-y;
	margin-top: 0px;
	margin-right: 12px;
	margin-bottom: 12px;
	margin-left: 12px;
	float: left;
	text-align: left;
}

.leftnav_config {
	background-color: #003366;
	width: 203px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding-top: 15px;
	padding-bottom: 20px;
	background-image: url(../images/leftnavbackground.gif);
	background-repeat: repeat-y;
	margin-right: 12px;
	margin-bottom: 12px;
	margin-left: 12px;
	text-align: left;
}

.leftnavcontainer_config{
	padding: 0;
	margin: 0;
	height: 300px;
	float: left;
}

.leftmenu2.lbot1 {
	width: 147px;
	height: 50px;
	background: url(../images/icons_left.png) no-repeat 0px -12px;
}

.leftmenu2.lbot1:hover {
width: 147px;
font-weight: bold;
background: url(../images/icons_left_on.png) no-repeat 0px -12px;
}

.leftmenu2.lbot2 {
height: 50px;
width: 151px;
background: url(../images/icons_left.png) no-repeat 0px -64px;
}

.leftmenu2.lbot2:hover {
width: 151px;
font-weight: bold;
background: url(../images/icons_left_on.png) no-repeat 0px -64px;
}

.leftmenu2.lbot3 {
height: 50px;
width: 151px;
background: url(../images/icons_left.png) no-repeat 0px -114px;
}

.leftmenu2.lbot3:hover {
width: 151px;
font-weight: bold;
background: url(../images/icons_left_on.png) no-repeat 0px -114px;
}
.leftmenu2.lbot4 {
height: 50px;
width: 151px;
background: url(../images/icons_left.png) no-repeat 0px -167px;
}

.leftmenu2.lbot4:hover {
font-weight: bold;
background: url(../images/icons_left_on.png) no-repeat 0px -167px;
}

.leftmenu2.lbot5 {
height: 50px;
width: 151px;
background: url(../images/icons_left.png) no-repeat 0px -219px;
}

.leftmenu2.lbot5:hover {
font-weight: bold;
background: url(../images/icons_left_on.png) no-repeat 0px -219px;
}

.leftmenu.lbot1 {
width: 151px;
height: 50px;
background: url(../images/icons_left.png) no-repeat 0px -9px;
}

.leftmenu.lbot1:hover {
width: 151px;
font-weight: bold;
background: url(../images/icons_left_on.png) no-repeat 0px -9px;
}

.leftmenu.lbot2 {
height: 50px;
width: 151px;
background: url(../images/icons_left.png) no-repeat 0px -61px;
}

.leftmenu.lbot2:hover {
width: 151px;
font-weight: bold;
background: url(../images/icons_left_on.png) no-repeat 0px -61px;
}

.leftmenu.lbot3 {
height: 50px;
width: 151px;
background: url(../images/icons_left.png) no-repeat 0px -113px;
}

.leftmenu.lbot3:hover {
width: 151px;
font-weight: bold;
background: url(../images/icons_left_on.png) no-repeat 0px -113px;
}
.leftmenu.lbot4 {
height: 50px;
width: 151px;
background: url(../images/icons_left.png) no-repeat 0px -166px;
}

.leftmenu.lbot4:hover {
font-weight: bold;
background: url(../images/icons_left_on.png) no-repeat 0px -166px;
}

.leftmenu.lbot5 {
height: 50px;
width: 151px;
background: url(../images/icons_left.png) no-repeat 0px -219px;
}

.leftmenu.lbot5:hover {
font-weight: bold;
background: url(../images/icons_left_on.png) no-repeat 0px -219px;
}

.leftmenu.lbot6 {
height: 50px;
width: 151px;
background: url(../images/icons_left.png) no-repeat 0px -492px;
}

.leftmenu.lbot6:hover {
font-weight: bold;
background: url(../images/icons_left_on.png) no-repeat 0px -492px;
}


.leftmenu-user.user-bot1 {
	background: url(../images/icons_left.png) no-repeat 0px -9px;
}

.leftmenu-user.user-bot1:hover {
font-weight: bold;
background: url(../images/icons_left_on.png) no-repeat 0px -9px;
}

.leftmenu-user.user-bot2 {
background: url(../images/icons_left.png) no-repeat 0px -326px;
}

.leftmenu-user.user-bot2:hover {
font-weight: bold;
background: url(../images/icons_left_on.png) no-repeat 0px -326px;  
}

.leftmenu-user.user-bot3 {
background: url(../images/icons_left.png) no-repeat 0px -381px;
}

.leftmenu-user.user-bot3:hover {
font-weight: bold;
background: url(../images/icons_left_on.png) no-repeat 0px -381px;
}
.leftmenu-user.user-bot4 {
background: url(../images/icons_left.png) no-repeat 0px -435px;
}

.leftmenu-user.user-bot4:hover {
font-weight: bold;
background: url(../images/icons_left_on.png) no-repeat 0px -435px;
}

.leftmenu-user.user-bot5 {
background: url(../images/icons_left.png) no-repeat 0px -61px;
}

.leftmenu-user.user-bot5:hover {
font-weight: bold;
background: url(../images/icons_left_on.png) no-repeat 0px -61px;
}
.leftmenu-user.user-bot6 {
background: url(../images/icons_left.png) no-repeat 0px -166px;
}

.leftmenu-user.user-bot6:hover {
font-weight: bold;
background: url(../images/icons_left_on.png) no-repeat 0px -166px;
}

.leftmenu-user.user-bot7 {
background: url(../images/icons_left.png) no-repeat 0px -271px;
}

.leftmenu-user.user-bot7:hover {
font-weight: bold;
background: url(../images/icons_left_on.png) no-repeat 0px -271px;
}

.leftmenu-user.user-bot8 {
background: url(../images/icons_left.png) no-repeat 0px -492px;
}

.leftmenu-user.user-bot8:hover {
font-weight: bold;
background: url(../images/icons_left_on.png) no-repeat 0px -492px;
}



/* =============== Footer =======================*/


#footer {
	background-color: #003366;
	height: 35px;
	bottom: 0px;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	background-image: url(../images/top_back.gif);
	position: relative;
	clear: both;
	width: 100%;
}
.footercopyright {
	font-size: 11px;
	color: #FFFFFF;
	vertical-align: middle;
	padding-top: 0px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 12px;
	float: left;
	height: 35px;
	line-height: 35px;
}
a.footermenu {
	font-size: 11px;
	color: #FFFFFF;
	float: right;
	line-height: 38px;
	vertical-align: middle;
	padding-right: 10px;
	padding-left: 10px;
	text-decoration:none;
}
a.footermenu:hover {
	font-size: 11px;
	color: #a2dffc;
	float: right;
	line-height: 38px;
	vertical-align: middle;
	padding-right: 10px;
	padding-left: 10px;
}


/* =============== Header =======================*/

a.headermenu {
	text-decoration: none;
	height:35px;
	float: right;
	padding-left: 27px;
	margin-right:15px;
	display: block;
	color: #fff;
	line-height: 40px;
	font-size: 11px;
	vertical-align: middle;
}

a.headermenu:hover {
color: #a2dffc;
display: block;

}
.headermenu.logg {
background: url(../images/icons3.png) no-repeat -125px 0px;
}

.headermenu.config {
background: url(../images/icons3.png) no-repeat 0px 0px;
}

.headermenu.upgrade {
background: url(../images/icons3.png) no-repeat 0px 0px;
font-weight: bold;
}

 /* =============== Form/Config =======================*/


.help-question {
	background-color: #CC3399;
	float: right;
	width: 50px;
}
.project_cartel {
	width: 188px;
	height: 27px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding-top: 9px;
	padding-bottom: 0px;
	background-image: url(../images/topusers_background.gif);
	background-repeat: repeat-x;
	margin-left: 12px;
	margin-bottom: 12px;
	font-size: 16px;
	color: #FFFFFF;
	padding-left: 15px;	
}

.form-results {
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	float: left;
	padding-right: 5px;
	line-height: 30px;
	vertical-align: middle;
	height: 30px;
	padding-left: 5px;
	background-color: #E0E0E0;
	border-top-right-radius:5px;
	-moz-border-top-right-radius:5px;
	-webkit-border-top-right-radius:5px;
	background-image: url(../images/results_background.gif);
	width: auto;
}
.form-enunciadoresults {
	font-size: 13px;
	color: #014672;
	float: left;
	padding-right: 5px;
	width: 250px;
	line-height: 30px;
	vertical-align: middle;
	height: 30px;
	background-color: #CCCCCC;
	padding-left: 5px;
	border-top-right-radius:5px;
	-moz-border-top-right-radius:5px;
	-webkit-border-top-right-radius:5px;
	border-top-left-radius:5px;
	-moz-border-top-left-radius:5px;
	-webkit-top-left-right-radius:5px;
	border-bottom-left-radius:5px;
	-moz-border-bottom-left-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	
}
.form-line-results {
	width: auto;
	margin-top: 3px;
	margin-bottom: 8px;
	position: relative;
	height: 30px;
}

.recuadro-results {
	width: auto;
	border: 1px solid #CCCCCC;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 0px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	position: relative;
	margin-left: 8px;
	margin-top: 8px;
	margin-bottom: 8px;
	margin-right: 8px;
}

.recuadro {
	width: 150px;
	border: 1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	position: relative;
	display: table;
	background-image: url(../images/leftnavbackground.gif);
	float:left;
}

.recuadro2 {
	width: 35px;
	position: relative;
	display: table;
	float:left;
	height:31px;
	padding-top:6px;
}

.floatleft40 {
	float: left;
	width: 100%;
	max-width: 325px;
}
.tit-graphs {
	font-size: 22px;
	line-height: 22px;
	color: #003366;
	vertical-align: middle;
	height: 22px;
	overflow: visible;
	margin-bottom: 10px;
	text-align: left;
}
a.graphmenu {
	text-decoration: none;
	height:35px;
	display: block;
	color: #fff;
	line-height: 35px;
	font-size: 11px;
	vertical-align: middle;
	padding-left: 25px;
}
a.graphmenu:hover {
	color: #a2dffc;
	display: block;
}
.graphmenu.config {
	background: url(../images/graph.png) no-repeat 6px -2px;
}
.project-catalogue {
	font-size: 18px;
	line-height: 88px;
	text-align: left;
	vertical-align: middle;
	float: left;
	height: 88px;
	color: #FFFFFF;
	padding-left: 15px;
	padding-right: 20px;
}
.thanks {
	float: left;
	height: 88px;
	width: 430px;
	text-align: left;
}
.thanks-sub1 {
	font-size: 14px;
	font-weight: bold;
	color: #FFCC00;
	text-align: left;
	vertical-align: bottom;
	height: 46px;
	line-height: 63px;
	padding-left: 15px;
	overflow: hidden;
}
.thanks-sub2 {
	font-size: 14px;
	color: #FFFFFF;
	text-align: left;
	vertical-align: bottom;
	height: 30px;
	line-height: 14px;
	padding-left: 15px;
}
.thanks-sep {
	background-repeat: no-repeat;
	height: 88px;
	width: 2px;
	float: left;
	background-image: url(../images/thanks-bot-sep.png);
}

.update {
	float: left;
	height: 88px;
	width: 700px;
	text-align: left;
}
.form-boxmidle {
	color: #666666;
	float: left;
	vertical-align: middle;
	width: 280px;
}

#top-cartel {
	height: 88px;
	width: 100%;
	background-image: url(../images/topmenubackground.gif);
	background-repeat: repeat-x;
	float: left;
	margin-bottom: 12px;
	vertical-align: middle;
	border-top-right-radius:5px;
	-moz-border-top-right-radius:5px;
	-webkit-border-top-right-radius:5px;
	border-top-left-radius:5px;
	-moz-border-top-left-radius:5px;
	-webkit-top-left-right-radius:5px;
}
.currency {
	color: #666666;
	float: left;
	vertical-align: top;
	width: 150px;
	max-width: 650px;
	margin-top: 4px;
	margin-left: 60px;
}
.first-half {
	width: 300px;
	float: left;
	text-align: left;
	margin-left: 15px;
	margin-bottom: 25px;
}
.second-half {
	width: 300px;
	float: left;
	text-align: left;
	margin-left: 30px;
	margin-bottom: 25px;
}

.form-enunciadomidle {
	font-size: 13px;
	color: #013B5B;
	float: left;
	padding-right: 5px;
	width: 160px;
	line-height: 30px;
	vertical-align: middle;
	height: 30px;
	text-align: left;
}
.tit-config {
	font-size: 14px;
	font-weight: bold;
	color: #FFCC00;
	padding-top: 0px;
	padding-right: 12px;
	padding-bottom: 4px;
	padding-left: 15px;
	line-height: 30px;
	vertical-align: middle;
	text-align: left;
	
}
.tit-config-litle {
	font-size: 14px;
	font-weight: bold;
	color: #FFCC00;
	padding-top: 0px;
	padding-right: 12px;
	padding-bottom: 4px;
	padding-left: 15px;
	float: left;
	width: 250px;
	line-height: 30px;
	vertical-align: middle;
	text-align: left;
}
.config-box-form {
	background-color: #CCCC00;
	width: 100%;
	margin-top: 3px;
	margin-bottom: 3px;
}
.top-config-title {
	background-color: #0066CC;
	height: 30px;
	width: 100%;
	margin-bottom: 5px;
	border-top-right-radius:5px;
	-moz-border-top-right-radius:5px;
	-webkit-border-top-right-radius:5px;
	border-top-left-radius:5px;
	-moz-border-top-left-radius:5px;
	-webkit-border-top-left-radius:5px;
	background-position: top;
	vertical-align: middle;
	background-image: url(../images/top_back.gif);
	background-repeat: repeat-x;
}
.top-config-title.title2 {
	background-image: url(../images/results_background.gif);
	background-repeat: repeat-x;
}

.config-box {
	color: #01436D;
	text-align: left;
	vertical-align: middle;
	margin-left: 8px;
}
.config-box-left {
	color: #01436D;
	width: 300px;
	border: 1px solid #CCCCCC;
	float: left;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding-bottom: 10px;
	margin-bottom: 15px;
}
.config-enunciado {
	color: #01436D;
	text-align: left;
	width: 270px;
	float: left;
	height: 15px;
	line-height: 15px;
	margin-top: 8px;
	padding-left: 8px;
}

/* =============== Botones sueltos  =======================*/


.prevnext-buttons {
	margin-bottom: 30px;
	margin-right: 85px;
	text-align: right;
}

.next {
	border-radius: 5px;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../images/next_back.gif);
	background-repeat: repeat-x;
	margin-left: 15px;
	padding: 6px 10px;
}
.next:hover {
	color: #a2dffc;
}

.helpqm {
	text-decoration: none;
	margin-left: 10px;
	height: 24px;
	width: 20px;
	display: block;
	vertical-align: bottom;
	float: left;
	background: url(../images/help1.gif) 0px 0px no-repeat;
}

.helpqm:hover {
	background: url(../images/help2.gif) 0px 0px no-repeat;
}
.helpqm span {
    display: none;
}

.clear {
	float: left;
	border-radius:5px;
	text-decoration:none;
	color: #FFFFFF;
	background-image: url(../images/topusers_background.gif);
	background-repeat: repeat-x;
	margin-top: 15px;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	width: 240px;
	text-align: center;
}
.login_pading30 {
	padding-left: 25px;
}

.submitLink {
    height: 20px;
    width: 240px;
    background: none;
    border: none;
    color: white;
}

.clear:hover {
	color: #ffffff;
	background-image: url(../images/top_back.gif);
}
.clear:active {
	position:relative;
	top:1px;
}

	
.save {
	float: right;
	border-radius:5px;
	text-decoration:none;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../images/next_back.gif);
	background-repeat: repeat-x;
	margin-right: 20px;
	padding-top: 8px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 8px;
	width: 440px;
	text-align: center;
}
.save:hover {
color: #a2dffc;	
background-image: url(../images/top_back.gif);
}
.save:active {
	position:relative;
	top:1px;
}
	
	
/* =============== Login =======================*/	
	
.recuadro-login {
	margin: auto;
	width: 300px;
	border: 1px solid #999999;
	height: 260px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}


.enunciado-login {
	color: #01436D;
	text-align: left;
	width: 250px;
	float: left;
	height: 20px;
	line-height: 27px;
	padding-left: 30px;
	vertical-align: text-bottom;
	overflow: hidden;
	margin: auto;
}
.enunciado_forget {
	font-weight: bold;
	color: #0066FF;
	text-align: left;
	width: 250px;
	float: left;
	height: 15px;
	line-height: 15px;
	padding-left: 15px;
	text-decoration:none;
}
.enunciado_forget:hover {
    color: #01436D;

}

.login-register{
	text-align: center;
	width: 100%;
	padding: 5px 0px 0px 0px;
}

.login-register a{
	text-decoration: none;
}

#login-cartel {
	height: 88px;
	width: 100%;
	background-image: url(../images/topmenubackground.gif);
	background-repeat: repeat-x;
	float: left;
	margin-bottom: 12px;
	vertical-align: middle;
	border-top-left-radius:5px;
	-moz-border-top-left-radius:5px;
	-webkit-border-top-left-radius:5px;
	border-top-right-radius:5px;
	-moz-border-top-right-radius:5px;
	-webkit-border-top-right-radius:5px;
	}
#container_login {
	height: 100%;
	width: 85%;
	min-width: 750px;
	margin-bottom: 20px;
	background-color: #FFFFFF;
}
.update_login {
	float: left;
	height: 88px;
	width: 600px;
	text-align: left;
}
.login-box {
	color: #01436D;
	text-align: left;
	font-size: 16px;
	width: 250px;
	padding-left: 30px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	float: left;
	height: 35px;
	vertical-align: middle;
}
.remember-login {
	color: #01436D;
	text-align: left;
	width: 250px;
	float: left;
	height: 20px;
	line-height: 27px;
	padding-left: 30px;
	vertical-align: text-bottom;
	overflow: hidden;
	margin: auto;
	padding-bottom: 10px;
}
.login_changelang{
	float: right;
	color: #FFFFFF;
	padding-top: 60px;
	padding-right: 12px;
	text-align: right;
	vertical-align: bottom;
	text-decoration: none;
}
.login_changelang a{
	text-decoration: none;
	color: #FFFFFF;
}
.login_changelang a:hover{
	color: #A2DFFC;
}

.recuadro-results-container {
	float: left;
	margin-right: 7%;
}

.recuadro-graph {
	width: 200px;
	border: 1px solid #CCCCCC;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	display: table;
	margin-top: 8px;
	margin-bottom: 8px;
}
.form-validation {
	color: #333333;
	margin-right: 15px;
	margin-bottom: 15px;
	max-width:770px;
	line-height: 20px;
	text-align: left;
	overflow: hidden;
	height: 640px;
}
.unsaved {
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	color: #CC3300;
	text-align: left;
	height: 35px;
	width: auto;
	padding-top: 5px;
	padding-left: 8px;
}
.saved {
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	color: #009900;
	text-align: left;
	height: 35px;
	width: auto;
	padding-top: 5px;
	padding-left: 8px;
}

.yieldimg {
	padding-right: 8px;
}

.floatright{
	float: right;
}

.form-help_margingtop {
	font-size: 13px;
	color: #013B5B;
	float: left;
	padding-right: 0px;
	line-height: 30px;
	height: 30px;
	margin-top: 2px;
}

.form-help_moremargingtop {
	margin-top: 10px;
}

.config-enunciado-despleg {
	color: #01436D;
	text-align: left;
	width: 80px;
	height: 25px;
	line-height: 25px;
	margin-top: 8px;
	padding-left: 8px;
	float: left;
}
.config-box-litle {
	color: #01436D;
	text-align: left;
	width: 170px;
	height: 25px;
	line-height: 25px;
	margin-top: 8px;
	float: left;
}

.random_container {
	display: table;
	padding-right: 10px;
	padding-left: 30px;
	height: 82px;
	text-align: left;
	line-height: 82;
}
#random_text {
	display: table-cell;
	font-size: 14px;
	line-height: 16px;
	color: #FFFFFF;
	vertical-align: middle;
}

a.disabledLink {
	text-decoration : none;
	cursor: default;
}

/* =============== Extras =======================*/

.errorstatusblock{
	font-size: 13px;
	width: auto;
	vertical-align: middle;
	overflow: hidden;
	margin-top: 12px;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
	width: 40%;
}

.errorstatusblock ol, ul{
	list-style-type: none;
	padding-left: 8px;
	padding-right: 8px;
}

div.errorblock {
	color: #000;
	background-color: #f39a9a;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

div.statusblock {
	color: #013B5B;
}

.popupheader {
	font-size: 22px;
	color: #003366;
	text-align: left;
}

.selectbox {
	margin-left: 20px;
	text-align: center;
}

#uploadPopup {
  display:none;
}

.privacy-checkbox{
	float: left;	
	margin-bottom: 7px;
}
.privacy-checkbox input{
	float: left;
	margin-right: 6px;
	margin-bottom: 10px;
}
.privacy-checkbox span{
	margin-top: 1px;
	display: block;
}

.captchabox {
	float: right;
    margin: 13px 20px;
}

.emailinput{
	color: #666666;
	max-width: 650px;
	width: 200px;
}

#passwordstrengthdiv{
	height: auto;
	display: table;
	padding: 0;
	margin-bottom: 8px;
}

#passwordstrengthdiv div{
	display: table-cell;
	vertical-align: middle;
	text-align: left;
}

#betaprogrammediv {
	position: absolute;
	left: 65%;
    top: 200px;
}

.tutorialtip_content{
	display: none;
}

.ui-tooltip.right-arrow-tootlip {
    background: #00A2E5;
    color: white;
    border: none;
    padding: 0;
    opacity: 1;
}
.ui-tooltip.right-arrow-tootlip .ui-tooltip-content {
    position: relative;
    padding-top: 1em;
	padding-bottom: 1em;
	padding-left: 1em;
	padding-right: 0.5em;
	font-size: 1.2em;
	font-weight: bold;
}
.ui-tooltip.right-arrow-tootlip .ui-tooltip-content::after {
    content: '';
    position: absolute;
    border-style: solid;
    display: block;
    width: 0;
	top: 1em;
    left: -10px;
    border-color: transparent #00A2E5;
    border-width: 10px 10px 10px 0;
}
.bold-text{
	font-weight: bold;
}