/* HTML tag */
li,  table /*ul, NO DEBERIA*/
{
	padding:0px;
	margin:0px;
}


html {
    height:100%; /* fix height to 100% for IE */
}

body
{
    height :100%; /* fix height to 100% for IE */
    font: 11px/1.2 Arial, Helvetica, sans-serif;
    background: #FFFFFF;
    padding: 0px;
    margin: auto;
    max-width: 1000px;
    min-width: 1000px;
}


.editable_area
{
    border: dashed 1px #ff5555;
    padding: 0px 15px 20px 15px;
}

.editable_area legend
{
    padding-left: 5px;
    padding-right: 5px;
    background-color: #ffffff;
}

.editable_area legend a
{
    color: Green;
    padding:5px;
    text-decoration:none;
}

.editable_area legend a:hover
{
    text-decoration:underline;
}


.cms_fullscreen
{
	font: 11px/1.2 Arial, Helvetica, sans-serif;
    background: #FFFFFF;
    padding: 0px;
    margin: auto;
    max-width:100%;
    min-width:100%;
}

h1
{
	font-size:16px;
	color:#FFFFFF; 
	background: url("/portal/images/h_background.jpg");
	background-repeat: repeat-x;	
	background-color:#636973;
	font-family:Arial;
	padding: 4px 0 4px 8px;
	margin : 4px;
	display: block;
}

h1 span
{
	font-size:16px;
	color:#FFFFFF; 
	font-family:Arial;
	padding: 4px 0 4px 8px;
	margin : 4px;
	display: block;
	text-align:left;
}
h2
{
	font-size:16px;
	color:#FFFFFF;
	background: url("/portal/images/h_background.jpg");
	background-repeat: repeat-x;	
	background-color:#636973;
	font-family:Arial;
	padding: 4px 0 4px 8px;
	display: block;
}


h2 span
{
	font-size:16px;
	color:#FFFFFF;
	font-family:Arial;
	padding: 4px 0 4px 8px;
	display: block;
	text-align:left;
}


.buttons
{
	width:100%;
	text-align:center;
	margin:12px 0;
}

span
{
	font-family:Arial;
	font-size:11px;
	color:#666;
}
input, textarea
{
    font-family:Arial;
	font-size:11px;
	color:#666;
	padding-left: 4px;
	border:solid 1px #999;
}
.textBox
{
	font-family:Arial;
	font-size:11px;
	color:#666;
	padding-left: 4px;
	border:solid 1px #999;
}
.top
{
    vertical-align: top;
}

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

img
{
    border: 0px;
}

pre
{
    font-size: 11px;
    color: blue;
}

select
{
    background-color: White;
    font-size: 10px;
    margin: 2px;
}

/* this is required to fix an issue when the language is changed, an fieldset is added by dotNet into the page */
fieldset
{
    border: 0px;
    margin: 0px;
    padding: 0px;
}

ol
{
    margin-right: 40px;
}

li
{
    margin-bottom: 10px;
}
/* fin HTML tag */

.top
{
    vertical-align: top;
}

.content_back
{
	background: url("/portal/images/content_back.jpg");
	background-repeat: repeat-x;
	padding:14px 10px 14px 10px; 
	min-height: 300px; /*para que no quede cortado el gradiente*/
	text-align:justify;
}

.line
{
	border-top: solid 1px #CCCCCC;
	margin:12px 0;
}

#language
{
    border-bottom: #CCCCCC 1px solid;
    text-align: right;
    color: #666666;
    font-size: 10px;
    padding: 4px 0 4px 0;
}

#language a
{
    color: #999999;
}

#language a:hover
{
    color: #333333;
}

.box
{
    background: url(/portal/images/boxBack.jpg) repeat-x top;
    border: 1px solid #CCCCCC;
    border-top: none;
    margin-top: 4px;
}

.box ul
{
    margin: 0px;
    padding: 0px;
}

.box_title
{
    background: url(/portal/images/boxTitle.jpg) repeat-x;
    height: 18px;
    color: #495677;
    font-weight: bold;
    padding-top: 5px;
    margin-bottom: 8px;
    white-space:nowrap;
}

.Button
{
    background-color: #0096E7;
    font-size: 10px;
    border: solid 1px #999;
    color: White;
    text-align: center;
    margin-left: 2px;
    margin-right: 2px;
    padding: 1px 5px;
}

.Button[disabled]
{
    background-color: #FFF;
    color: #999;
}

.Button_Orange
{
	background-color:#FF8100;
}

.bold
{
    font-weight: bold;
}

.italic
{ 
	font-style:italic;
}

.UserMessagesPlace
{
    width: 96%;
    margin-right: auto;
    margin-left: auto;
    font-size: 12px; 
    font-family: Arial, Verdana, Helvetica, sans-serif; 
    font-weight: bold; 
    text-align: center; 
    margin-top: 5px; 
    margin-bottom: 15px; 
    padding: 4px;
    border-bottom: dashed 1px #999;
    padding-bottom:20px;
}
.SuccessMessage
{
    color: Green;
    font-size:24px;
}

.InformationMessage
{
    color: #FF8200;
    font-size:24px;
}

.ErrorMessage
{
    color: Red;
    font-size:24px;
}

.showBodyDIV
{
    text-decoration: none;
    display: block;
    width: 100%;
    left: 0px;
    padding: 0px 2% 0px 2%;
    margin: 0px;
    border: 2px solid #FADDA9;
    background: #f0f0f0;
    color: Black;
}

.showHeadDIV
{
    text-decoration: none;
    left: 0px;
    display: block;
    width: 100%;
    padding: 0px 2% 0px 2%;
    margin: 0px;
    border: 2px solid #D0E8F4;
    background: #909eba;
    color: White;
    background-color:Black;
}

/* Grids */
.gridHeader
{
    color: #444;
    font-size: 12px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    background-color: #efefef;
    height:25px;
    background: url(/portal/images/menu.gif) repeat-x;
}

.gridHeader th
{
    padding-left:5px;
    border-bottom:solid 1px #CECFCE !important;
}

.Grid
{
    border:solid 1px #CECFCE;
}

.Grid a
{
    text-decoration:none;
}

.Grid a:hover
{
    text-decoration:underline;
}


.gridFooter
{
    color: #444;
    font-size: 10px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    background-color: #efefef;
    text-align: center;
    padding:0 8px;
    border:solid 1px #CECFCE;
    height:25px;
}

.gridRow
{
    color: #666666;
    font-size: 10px !important;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    background-color: #fff;
    text-align: center;
    padding-top: 3px;
    padding-right: 2px;
    padding-left: 2px;
    vertical-align: top;
}
.gridRow td
{
    padding-left:5px !important;
}

.gridAlternatingRow td
{
    padding-left:5px !important;
}


.gridAlternatingRow
{
    color: #666666;
    font-size: 10px !important;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    background-color: #F7F7F7;
    text-align: center;
    padding-top: 3px;
    padding-right: 2px;
    padding-left: 2px;
    vertical-align: top;
}

.gridSelectedRow
{
    color: #999999;
    font-size: 11px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    background-image: url(/images_serv/colItembg.gif);
    text-align: center;
    padding-top: 3px;
    padding-right: 2px;
    padding-left: 2px;
    vertical-align: top;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    border-left: 1px solid #999;
    font-weight: bold;
}

.gridEmptyRow
{
    color: #999999;
    font-size: 10px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    text-decoration: line-through;
    background-color: #fff;
    text-align: center;
    padding-top: 3px;
    padding-right: 2px;
    padding-left: 2px;
    vertical-align: top;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    border-left: 1px solid #999;
}

.gridPager
{
    font-size: 10px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    color:#000000;
}

.gridPager a
{
    color:#999999;
}
/* fin Grids */

.dataList 
{
	width:180px; 
	height: 78px;
}

.LeftTextAlign
{
    text-align: left;
}

.CenterTextAlign
{
    text-align: center;
}

/*white box */
.whiteBox
{
	margin: 3px;
    border: solid 1px #ccc;
    padding: 30px;
    vertical-align:top;
    background-color:White;
    font-family:Arial;
    font-size:11px;
    color:#666;
    width:700px;
}

/* Tables */
.table
{
    margin: 3px;
    border: solid 1px #ccc;
    padding: 20px;
    vertical-align:top;
    background-color:White;
    font-family:Arial;
    font-size:11px;
    color:#666;
    text-align:justify;
    /*width:100%;*/
}

.table td.rowHeader
{
    color: #666666;
    text-align: right;
    width: 30%;
    font-weight: bold;
}

.table td.header2
{
    color: #fff;
    background-color: #42A2D6;
    text-align: center;
    font-weight: bold;
}

.table td.header
{
    color: #666;
    font-size: 14px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-weight: bold;
    background-color:Black;
}

.table td
{
    color: #666;
    font-size: 12px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    text-align: left;
    padding: 1.5px 5px 1.5px 3px;
    vertical-align: top;
}
/* end Tables */

#ValidationSummaryContent
{
    text-align: center;
    font-size: 12px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    color: Red;
}

.ValidatorAndRequiredField
{
    font-size: 12px !important;
    font-family: Arial, Verdana, Helvetica, sans-serif !important;
    color: Red !important;
    padding: 2px 3px !important;
}
.fullWidth
{
	width:100%;
}
.halfWidth
{
	width:50%;
}
.insideTables
{
	left:0px;
	right:0px;
	background-color:Yellow;
	clear:both;
	vertical-align:top;
	text-align:justify;
}
.vAlign
{
	vertical-align:top;
}
/* CMS */
#logo_cms
{
    background: url(/portal/images/logo.jpg) no-repeat top left;
    width: 320px;
    height: 106px;
}
/* fin CMS */


/* Fieldsets */
.FieldsetSection
{
    border: 1px solid #DDDDDD;
  	padding: 5px;
  	font: 11px/1.2 Arial, Helvetica, sans-serif;   
    width: 95%;
    margin-top: 5px;
    margin-bottom: 10px;
}
.FieldsetSection legend , .FieldsetSection legend span
{
	margin-left: auto;
    margin-right: auto;
    margin-bottom: auto;
    margin-top:auto;
	padding: 8px 5px;
	font: 15px/1.2 Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #666666;
}
/* end Fieldsets */

/*ALINEACIONES*/
.centrado
{
	margin-left:auto;
	margin-right:auto;
}
.izq
{
	margin-left:0;
}
.der
{
	margin-right:0;
}
.textoizq
{
	text-align:left;
}
.textoder
{
	text-align:right;
}
/* PopUp */
#mbox{background-color:#eee; padding:8px; border:2px outset #666;}
#mbm{font-family:sans-serif;font-weight:bold;float:right;padding-bottom:5px;}
#ol{background-image: url(/portal/images/overlay.png);}
.popUp {display:none}
.popUpLink {cursor:pointer; color:#0096E7 !important; text-decoration:underline;}
.popUpLink span {cursor:pointer; color:#0096E7 !important; text-decoration:underline;}

* html #ol
{
    background-image:none;
    /*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/portal/images/overlay.png", sizingMethod="scale");*/
}

.popUpTable
{
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	border-spacing: 0pt;
	padding: 0pt;
}
/* end PopUp */

/* InfoBox (con collapse-expande) */
.infoBox
{
    display: block;
    margin-top: 10px;
    margin-bottom: 5px;
    width: 100%;
    padding: 0px;
    border: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
}

.infoBox div
{
    margin: 5px;
    width: 97%;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.infoBoxHeader
{
    background: #94AEBD;
    width: auto;
    padding: 5px;
    height: 30px;
    cursor: pointer;
    background-image: url("/portal/images/collapse.gif");
    background-position: 99% 70%;
    background-repeat: no-repeat;
}

.infoBoxHeader span
{
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    color: White;
    top: 50px;
    width: 97%;
    float: left;
    padding-left: 10px;
}
/* end InfoBox (con collapse-expande) */

/* disclaimer */
.disclaimer
{
    font: 11px/1.4 Arial, Helvetica, sans-serif;
    border-left: solid 2px #BBBBBB;
    background: url("/portal/images/verticalGradient.jpg");
	background-repeat: repeat-y;
    margin: 3px;
    padding: 10px 4px 15px 10px;
}

.disclaimer span
{
    color: #0096E7;
    font-weight: 500;
    margin-left: 5px;
}
/* end disclaimer */

.LogoImage
{
    height: 87px;
    width: 127px;
}

/* User Alternative Emails */
.UserAlternativeEmails_ContentHolder
{
    width: 80%;
}

.UserAlternativeEmails_TableCssClass
{
    width: 100%;
    border: solid 1px #CCCCCC;
}

.UserAlternativeEmails_TableCssClass tr
{
    padding: 1px 5px;
    display: block;
}

.UserAlternativeEmails_RowCssClass
{
    background-color: #FDFDFD;
}

.UserAlternativeEmails_AlternatingRowCssClass
{
    background-color: #CCCCCC;
}

.UserAlternativeEmails_CommandColumnCssClass
{
    width: 100px;
}

.UserAlternativeEmails_FooterCssClass
{
    background-color: #F3F3F3;
}

.UserAlternativeEmails_FooterCssClass input
{
    width: 150px;
}
/* end User Alternative Emails */