/**********************************************************************************************************************/
/*********************** GRID GENERAL  ***********************/

/*Reset*/

BODY, IMG, P, H1, H2, H3, H4, H5, H6, UL, OL {
	margin: 0;
	padding: 0; 
	text-decoration: none;
	list-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	border:none;
}

/*End Reset*/

BODY {
	margin-bottom: 2em;
}

H2 {
	font-weight: normal;
	text-decoration:none;
}

/*********************** MENSAJE DEL TOP Y FLOTANTE (TIPS, WARNING, ERROR, ADVERTISE) ****************************/

#ContentMsgAlert, #ContentFloatMsgAlert{
	background:url("/images/grid/entorno_azul/mensaje-top-bg.png") no-repeat scroll 0 0 transparent;
	color:#00005A;
	font-size:10px;
	height:57px;
	left:100%;
	margin-left:-512px;
	position:absolute;
	text-align:left;
	width:483px;
}
#ContentFloatMsgAlert{
	background:url("/images/grid/entorno_azul/mensaje-float-bg.png") no-repeat scroll 0 0 transparent;
	position:fixed;
}
#ContentMsgAlert #MsgAlertTxt, #ContentFloatMsgAlert #FloatMsgAlertTxt{
	background:none;
	margin:12px 3px 0;
	padding:3px 3px 0;
	height:39px;
	*height:42px;
	-moz-border-radius:3px 3px 3px 3px;
}

#ContentMsgAlert.AlertMessageW #MsgAlertTxt, #ContentFloatMsgAlert.AlertMessageW #FloatMsgAlertTxt{
	background:#585D96;
	color:#fff;
}
#ContentMsgAlert.AlertMessageE #MsgAlertTxt, #ContentFloatMsgAlert.AlertMessageE #FloatMsgAlertTxt{
	background:#00005A;
	color:#fff;
}
#ContentMsgAlert.AlertMessageT #MsgAlertTxt, #ContentFloatMsgAlert.AlertMessageT #FloatMsgAlertTxt{

}
#ContentMsgAlert.AlertMessageA #MsgAlertTxt, #ContentFloatMsgAlert.AlertMessageA #FloatMsgAlertTxt{
	background:#fff;
	color:#00005A;
}

/*********************** FIN DE MENSAJE DEL TOP Y FLOTANTE (TIPS, WARNING, ERROR, ADVERTISE) ****************************/




/****************************** HELP *************************/

#help {
	position: fixed;
	display:none;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
	border:#012F7A solid 1px;
}

#MainHelp h1 {
	color:#00005A;
}

#HelpTitle {
	height:25px;
	padding-top:10px;
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	background-color:#00005A;
}

#HelpTitle span a{
	padding:7px;
	margin:0px 0px 0px 10px;
	font-size:12px;
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
}

#HelpTitle span a:hover{
	background-color:#FFFFFF;
}

#HelpTitle img{
	margin:-4px 5px 0px 0px;
	float:right;
}

#MainHelp input {
	float:left;
}

#MainHelp a{ 
	color:#012F7A;
}

#RememberPreferences { 
	height:15px;
	margin-bottom:5px;
	margin-top:-10px;
	text-align:left;
	width:400px;
	float:left;
}

#RememberPreferences label {
	color:#012F7A;
}

#RememberPreferences input {
	float:left;
	width:14px;
	margin-top:5px;
}


#HelpTitle span a{
	background-color:#00005A;
	color:#FFFFFF;
}

#HelpTitle span a:hover{
	background-color:#FFFFFF;
	color:#00005A;
}

#DataNames li {
	color:#00005A;
}

#SmsComandsTable th{
	border-bottom:solid 1px #00005A;
}

#SmsComandsTable td {
	border-bottom:solid 1px #00005A;
}

/****************************** GENERAL STYLES FOR HELP ***************************/

#MainHelp {
	padding:8px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	overflow-y:scroll;
	overflow-x:hidden;
	height:454px;
}	


#MainHelp span {
	font-style:italic;
}

#MainHelp span p{
	font-style:normal;
}

#MainHelp span p:first-line{
	font-weight:bold;
}

#MainHelp h1 {
	font-size:21px;
	font-weight:bold;
	text-align:center;
}

#MainHelp h2 {
	color:#012F7A;
	font-size:16px;
	font-weight:bold;
}	

#MainHelp p {
	color:#666666;
	font-size:12px;
	line-height:130%;
}


#MainHelp small {
	color:#012F7A;
	font-weight:normal;
	font-size:10px;
}

#MainHelp strong {
	color:#012F7A;
	font-weight:bold;
	font-size:14px;
}

/****************************** STYLES FOR TEXT LISTS ***************************/

#DataNames {
	width:20%;
	float:left;
	margin-top:-8px;
}

#DataNames li {
	list-style-type:none;
	font-weight:bold;
	font-size:12px;
	padding:2px 0px 2px 0px;
}

#DataText {
	width:45%;
	float:left;
	margin-left:0px;
	margin-top:-8px;
}

#DataText li {
	list-style-type:none;
	color:#999999;
	font-weight:bold;
	font-size:12px;
	padding:2px 0px 2px 0px;
}

#DataText li a{
	color:#012F7A;
}

#MainAcountData {
	width:100%; 
	height:70px;
}

#InfoLinks {
	width:100%;
}

#InfoLinks li {
	list-style-type:none;
	color:#012F7A;
	font-size:12px;
	display:inline;
	float:left;
	padding:3px 8px 8px 0px;
	width:30%;
	text-align:center;
}

#InfoLinks li a{
	color:#012F7A;
	text-decoration:underline;
	text-align:center;
}

/****************************** STYLES FOR IMAGES AND TEXT LISTS ***************************/

#MainIconsContent {
	height:700px;
}

#Icons {
	width:20%;
	float:left;
}

#Icons li {
	list-style-type:none;
	color:#74AD13;
	font-weight:bold;
	padding:5px 0px 0px 0px;
}

#IconsText {
	width:60%;
	float:left;
	margin-left:0px;
}

#IconsText li{
	list-style-type:none;
	color:#012F7A;
	font-weight:bold;
	font-size:14px;
	height:53px;
	padding:5px 0px 0px 0px;
}

/****************************** STYLES FOR TABLES ***************************/

#SmsComandsTable th{
	color:#012F7A;
	font-weight:bold;
	font-size:14px;
	text-align:left;
	padding-bottom:6px;
}

#SmsComandsTable th.Border0{
	border-bottom:solid 0px;
	padding-bottom:0px;
}

#SmsComandsTable td {
	color:#666666;
	font-weight:normal;
	font-size:12px;
	padding:10px;
}

/****************************** STYLES FOR DEMO WELCOME ***************************/

#DemoMessage {
	width:640px;
	font-weight:bold;
}

#DemoMessage strong{
	line-height:155%;
}

/*********************** DEMO INVITE ****************************/

#DemoInvite {
	position:fixed;
	top:20%;
	left:30%;
	border:solid 1px #000033;
	background:#FFFFFF;
	z-index:300;
	width:360px;
	padding:20px;
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
}

#DemoInvite h1 {
	font-size:20px;
	text-align:left;
}

#DemoInvite p {
	font-size:14px;
	line-height:140%;
}

#DemoInviteClose {
	float:right;
	margin-top:-10px;
	margin-right:-10px;
	cursor:pointer;
}

/*********************** WELCOME ****************************/

#welcome {
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
	position: fixed;
	background: #FFFFFF;
	z-index: 102;
	text-align:left;
	width:900px;
	height:510px;
	top:2%;
	left:8%;
}
#welcome #WelcomeTitle {
	background-repeat:repeat-x;
	-moz-border-radius: 0 0 8px 8px;
	height:35px;
}
#welcome #WelcomeTitle h1{
	color:#EFEFEF;
	float:left;
	font-size:16px;
	font-style:italic;
	font-weight:bold;
	letter-spacing:2px;
	margin:7px 0 0 12px;
	text-align:center;
	text-shadow:2px 2px 2px #00005A;	
}

#welcome #WelcomeTitle img{
	cursor:pointer;
}

#welcome #MainWelcome {
	padding:5px;
	position:relative;
}
#welcome #MainWelcome .Welcome-tips {
	border-bottom:3px dotted #D9D9D9;
	padding-bottom:20px;
	margin-bottom:10px;
}

#welcome #MainWelcome .Welcome-tips li{
	width:25%;
	float:left;
	text-align:center;
}
#welcome #MainWelcome .Welcome-tips li img{
	padding:0;
}

#welcome #DaysLeftWrap {
	position:absolute;
	bottom:4px;
	right:50px;
	z-index:500;
}

#welcome #DaysLeft {
	position:absolute;
	right:61px;
	top:37px;
	font-size:46px;
	font-style:italic;
	font-weight:bold;
	color:#AAC81A;
	z-index:500;
}


#welcome #MainWelcome h2 {
	font-size:18px;
	margin:0 0 15px;
	color:#012F7A;
}	

#welcome #WelcomeTitle img{
	margin:4px 5px 0px 0px;
}



#welcome #MainWelcome a{ 
	color:#012F7A;
	margin-top:0px;
}

#welcome #MainWelcome p{ 
	color:#797979;
	font-size:12px;
	font-weight:normal;
	line-height:125%;
	padding:4px 8px 4px 2px;
}
#welcome #MainWelcome p strong{ 
	color:#74AD13;
	font-weight:bold;
}
#welcome #MainWelcome p.Welcome-subtitle{
	color:#999999;
	font-size:12px;
	font-weight:bold;
	margin-bottom:11px;
	margin-left:4px;
	margin-top:2px;
	padding:0;
}


#welcome #MainAcountData{
	border-right:3px dotted #CCCCCC;
	float:left;
	margin-left:20px;
	min-height:90px;
	width:50%;
}

#welcome .Welcome-DataNames{
	float:left;
	line-height:1em;
	width:40%;
	font-weight:normal;
	color:#797979;
	
}
#welcome .Welcome-DataNames li{
	margin:0;
}
#welcome .Welcome-DataText{
	float:left;
	line-height:1em;
	width:60%;
}
#welcome .Welcome-DataText li{
	margin:0;
	color:#74AD13;
}
#welcome #MainWelcome p.WelcomeHelpMessage{
	float:right;
	font-size:10px;
	font-weight:bold;
	margin:20px 20px 0 0;
	padding:0;
	text-align:right;
	width:40%;
	color:#012F7A;
}
#welcome #MainWelcome p.WelcomeHelpMessage a:hover{
	text-decoration:none;
}
#welcome .Welcome-Remember{
	float:right;
	margin:5px 20px 0 0;
	padding:0;
	text-align:right;
	width:40%;
}
#welcome #MainWelcome .Welcome-Remember label {
	color:#012F7A;
	font-size:10px;
	font-weight:bold;
}
#welcome #MainWelcome .Welcome-Remember input {
	float:none;
	display:inline;
}

#CreateAccountMsg { 
	margin-top:-10px;
	width:280px;
	float:right;
}

/*********************** IE Browser Warn ****************************/

#BrowserWarning {
	background-color: #FFFFE1;
	height:2.6em;
	padding:5px;
	margin-bottom:3px;
	border-bottom:#000000 solid 1px;
}

#BrowserWarning p{
	float:left;
	width:95%;
	color:#000000;
	vertical-align:middle;
}

#BrowserWarning p a{
	color:#000000;
	text-decoration:underline;
}

#BrowserWarning img{
	float:right;
	cursor:pointer;
}

/*********************** LAYOUT DE LA GRILLA ****************************/

#GridContent {
	padding-bottom: 5px;
}

#Columns {
	width:988px;
	margin-right: auto;
	margin-left: auto;
	margin-top:10px;
}

#Column1 {
	float:left;
	width:34%;
}

#Column1 #zone1{
	width:100%;
}

#Column2 {
	width:65%; 
	float:left; 
	display:inline;
}

#Column2 #zone2{
	width:100%;
}

#Column2 #zone3 {
	width:50%;
}

#Column2 #zone4{
	width:50%;
}

/*********************** BOTTOM DE LA GRILLA ****************************/

#GridBottom {
	background-color:#FFFFFF;
}

#GridBottom a{
	color:#666666;
	display:block;
	padding-top:4px;
}

/******************     GADGETS BOX    ************************/

.gdgtUnfilledBox {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	behavior: url(border-radius.htc);
	padding: 1px;
}

.gdgtUnfilledBox H1 {
	padding: 4px 0px 4px 5px;
	display: block;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	behavior: url(border-radius.htc);
}

.gdgtUnfilledBox P {

}

.gdgtUnfilledBox H2.folder {
	
}

.gdgtHideBox {
	padding: 1px;
}

.gdgtHideBox H1 {
	visibility: hidden;
	padding: 4px 0px 4px 5px;
}

.gdgtHideBox P {

}

.gdgtHideBox H2.folder {
}

.gdgtSolidBox {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	behavior: url(border-radius.htc);
	padding: 1px;
}

.gdgtSolidBox H1 {
	padding: 4px 0px 4px 5px;
	display: block;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	behavior: url(border-radius.htc);
}

.gdgtSolidBox P {

}

.gdgtCrystalBox {
	padding: 1px;
	background: url(/images/grid/entorno_blanco/bgnd_cuadro.png) !important;
	padding: 1px;
}

* HTML .gdgtCrystalBox {
	/*background trasparente para ie*/
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/grid/entorno_blanco/bgnd_cuadro.png');
}

.gdgtCrystalBox H1 {
	display: block;
	padding: 4px 0px 4px 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	behavior: url(border-radius.htc);
}

.gdgtCrystalBox P {

}

/*********************************************************************************************************************
********************** HEAD SECTION ***********************/
#head {
	height: 100px;
	display: inline;
}

#ContentMsgAlert.AlertMessageW #MsgAlertTxt, #ContentFloatMsgAlert.AlertMessageW #FloatMsgAlertTxt{
	background:#585D96;
	color:#fff;
}
#ContentMsgAlert.AlertMessageE #MsgAlertTxt, #ContentFloatMsgAlert.AlertMessageE #FloatMsgAlertTxt{
	background:#00005A;
	color:#fff;
}
#ContentMsgAlert.AlertMessageT #MsgAlertTxt, #ContentFloatMsgAlert.AlertMessageT #FloatMsgAlertTxt{

}
#ContentMsgAlert.AlertMessageA #MsgAlertTxt, #ContentFloatMsgAlert.AlertMessageA #FloatMsgAlertTxt{
	background:#fff;
	color:#00005A;
}

/*********************************************************************************************************************
********************** ZONES SECTION ***********************/
.column {
	float: left;
	width: 25%;
	/*Min-height:*/
	min-height: 20px;
	height: auto !important;
	height: 400px;
}

.column99 {
	float: left;
	width: 25%;
/*Min-height:*/
	min-height: 20px;
	height: auto !important;
	height: 400px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#zone1 .widget {
	margin: 0px 10px 10px;
}

#zone3 .widget {
	margin: 0px 10px 10px;
	margin-left:0px;
}

.widget {
	margin: 0px 0px 10px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.widget .gadget-head {
	height: 25px;
	/*[disabled]line-height:25px;*/
	overflow: hidden;
	/*[disabled]width:100%;*/
	vertical-align: middle;
}

.widget .gadget-content {
	padding: 3px;
	width: 98%;
	line-height: 1.2em;
	overflow: hidden;
}

.widget .gadget-content p {
	padding: 0px;
	word-wrap:break-word;
}

.widget .gadget-content img {
}

.widget .gadget-content PRE {
	padding: 0.5em 5px;
	color: #EEE;
	font-size: 12px;
}

.widget .gadget-content UL {
	list-style: none;
}

.widget .gadget-content UL LI {
	padding: 2px 0;
}

.widget .gadget-content UL.images {
	padding: 7px 0 0;
	height: 1%;
}

.widget .gadget-content UL.images LI {
	display: inline;
	float: left;
}

.widget .gadget-content UL.images IMG {
	display: inline;
	float: left;
	margin: 0 0 7px 7px;
}

/******************** TOP ***********************/

.newgadget {
	background-image:#CCC;
}

#GadgetsNav li span {
	color:#fff;
}

#GadgetsNav li a:hover {
	color:#fff;
}

#GridSkinsNavWrap {
	background:#666;
}

ul#GridSkinsNav span {
	color: #fff;
}

ul#GridSkinsNav li a:hover {
	border-color:#fff;
}

.newgadget .ui-tabs .ui-tabs-nav {
	-moz-border-radius:6px;
	border-radius:6px;
	-webkit-border-radius:6px;
	background:#999999;
}


/*********************** SECCIONES Y PAGINAS DE CONTENIDO ****************************/

.mypages-item .mypages-optionsmenu{
	float:right;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;
}
.mypages-item .mypages-optionsmenu a{
	margin-left:6px;
}
.mypages-item:hover .mypages-optionsmenu{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}


.mypages{
	background:#fff;
	-moz-border-radius:8px;
	padding:20px 20px 30px;
	border:1px solid #CDD8DE;
}
.mypages p, .mypages p a, .mypages li a{
	color:#333;
}
.mypages h3{
	font-family:Georgia, 'Times New Roman', Times, serif;
	color:#999;
	font-size:32px;
	margin:0px;
	line-height:1em;
	display:inline;
}
.mypages h4{
	font-family:Georgia, 'Times New Roman', Times, serif;
	color:#00005a;
	font-size:24px;
	margin:0px;
	line-height:1.5em;
	display:inline;
}
.mypages h4 a{
	font-family:Georgia, 'Times New Roman', Times, serif;
	color:#00005a;
	font-size:18px;
}
.mypages-items{
	margin-top:15px;
	border-top:1px dotted #CDD8DE;
}
.mypages-items .mypages-item{
	margin-bottom:5px;
	border-bottom:1px dotted #CDD8DE;
}


.mypages-items-leermas{
	width:100%;
	text-align:right;
	margin-bottom:10px;
}


.mypages-detail{
	background:#fff;
	-moz-border-radius:8px;
	padding:20px 20px 30px;
	border:1px solid #CDD8DE;
}
.mypages-detail .mypages-beforetitle{
	font-size:15px;
	text-decoration:underline;
	color:#585D96;
	padding:0;
}
.mypages-detail .mypages-beforetitle a{
	color:#585D96;
}
.mypages-detail h3{
	font-family:Georgia, 'Times New Roman', Times, serif;
	color:#999;
	font-size:32px;
	margin:0px;
	line-height:1em;
	display:inline;
}
.mypages-bodytext{
	background-color:#FFFFFF;
	color:#333333;
	padding:10px 0 0;
	font-size:13px;
	line-height:1.6em;
	border-top:1px dotted #CDD8DE;
	margin-top:5px;
}

/*********************** FIN DE SECCIONES Y PAGINAS DE CONTENIDO ****************************/


/**********************************************************************************************************************/
						/*********************** NUEVO GADGETS ***********************/

.newgadget {
	background-attachment: fixed;
	background-repeat: no-repeat;
}

.newgadget .ui-widget-content {
	background:none;
	padding:0 !important;
}

.newgadget .ui-state-active, .ui-widget-content .ui-state-active {
	border: none;
}

.newgadget .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	border:none;
}

#GadgetsNav {
  width: 555px;
  height:500px;
  overflow: auto;
  padding: 10px;
  margin:0px;
  list-style:none;
  background:none;
}

#TB_ajaxContent {
  background:none;
}

#TB_ajaxContent .TB_modal {
  background-color:#FFFFFF;
}


#GadgetsNav .GadgetsNavIn{
  width: 515px;
  height:400px;
  overflow: auto;
  padding: 0px;
  margin:0px;
  list-style:none;
}

#GadgetsNav li {
	padding:3px;
	float:left;
	margin:5px;
	width:110px;
	height:115px;
	display:block;
	text-align:center;
}

#GadgetsNav li a {
	margin:1px;
	display:block;
	padding:5px;
	text-align:center;
	text-decoration:none;
	font-size:11px;
}

#GadgetsNav li a:hover {
   -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
 	behavior:url(border-radius.htc);
	border:solid 1px;
	margin:0px;
}

#GadgetsNav li img {
	margin:0px;
	line-height:1em;
	border:none;
	margin-top:7px;
}

#GadgetsNav li span {
	text-decoration:underline;
	display:block;
	text-align:center;
	margin-top:-8px;
	font-weight:200;
}

.moregadgets {
	float: right;
	display: inline;
}

.moregadgets a {
	text-decoration: none;
	color: #FFFFFF;
	border: 0px solid #666666;
}

#GridSkinsNavWrap {
	height:180px;
	padding:35px;
}


#GridSkinsNav div {
	width: 180px;
}

ul#GridSkinsNav li {
	float:left;
	margin:0 17px 0 0;
	padding:0px;
}

ul#GridSkinsNav li a {
	margin:1px;
	display:block;
	padding:5px;
	text-align:center;
}

ul#GridSkinsNav li a:hover {
	margin:0px;
	border:1px solid;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
 	behavior:url(border-radius.htc);
 	cursor: hand;
}

ul#GridSkinsNav span {
	font-size:11px;
	display:block;
	text-align:center;
}