/* CCSTheme v 3.x */
/* General */

/* BEGIN Common */

        html
        {
            margin: 0px 0px 0px 0px;
            padding: 10px 10px 10px 10px;
            height: 100%;
            width: 100%;
            border: none 0px transparent;
        }
        body
        {
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
            height: 100%;
            width: 100%;
            border: none 0px transparent;
            font-family: Arial; font-size: 11px;
        }

        .Canvas100x100Transparente
        { 
        	height: 100%; 
        	width: auto; 
        	background-color: Transparent;
        }
        .CanvasScroll
        {
        	position: relative; 
        	height:90%; 
        	width: auto; 
        	background-color: lightgoldenrodyellow;
            overflow: scroll; 
            border-top: solid 1px Navy; 
            border-left: solid 1px Navy; 
            border-right: solid 1px Navy;             
            padding: 5px 0px 5px 0px;
        }
        
        .CanvasNavegacion
        {
        	position: relative; 
        	bottom: 0px; 
        	height: 22px; 
        	width: auto; 
        	padding:2px 2px 2px 2px;
        	background-color: White;
            border-bottom: solid 1px Navy; 
            border-left: solid 1px Navy; 
            border-right: solid 1px Navy; 
        }




span.lblInfoStatus{padding:4px 2px 4px 8px; visibility:visible; font-family:Verdana; font-size:1em; font-weight:bold; background-color:Green; color:White; display:block;height:1.2em; border: solid 2px Yellow;}
	

.text { 
	color: #000000 
	}

a.menulink:link { 
	color: Navy; text-decoration:none;
	}

a.menulink:visited { 
	color: Navy; text-decoration:none;
	}

a.menulink:hover { 
	color: Green; text-decoration: underline;
	}

a.menulink:active { 
	color: Green; text-decoration:underline;
	}

a:link { 
	color: Navy; text-decoration:none;
	}

a:visited { 
	color: Navy; text-decoration:none;
	}

a:hover { 
	color: Green; text-decoration:underline;
	}
	
a:active { 
	color: Green; text-decoration:underline;
	}

ul, ol, blockquote { 
	margin-top: 5px; 
	margin-bottom: 10px; 
	margin-left: 20px 
	}

form {
	margin: 0px;
	}

h1	{
	font-size: 30px;
	margin-top: 5px; 
	margin-bottom: 5px;
	}

h2	{ 
	font-size: 25px;
	margin-top: 15px; 
	margin-bottom: 5px; 
	}

h3	{ 
	font-size: 20px; font-style: italic;
	margin-top: 15px; 
	margin-bottom: 5px; 
	}

h4	{ 
	font-size: 15px;
	margin-top: 15px; 
	margin-bottom: 5px; 
	}

h5	{ 
	font-size: 17px; font-style: italic;
	margin-top: 15px; 
	margin-bottom: 5px; 
	}

h6	{ 
	font-size: 13px;
	margin-top: 15px; 
	margin-bottom: 5px; 
	}

th	{ 
	font-family: Arial; font-size: 11px;
	}

td { 
	font-family: Arial; font-size: 11px;
	}

/* END Common */

.Header {
	width: 100%;
	}

.Header th { 
	font-size: 15px;
	padding: 2px;
	background-image: url('Images/HeaderBg.gif');  color: #ffffff;
	width: 100%;
	white-space: nowrap;
	}

.Header a:link { 
	color: #ffffff;
	}

.Header a:visited { 
	color: #ffffff;
	}

.Header a:hover, .Caption a:active { 
	color: #ffffff; text-decoration: none;
	}

.HeaderLeft { 
	background-image: url('Images/HeaderLeft.gif');
	}

.HeaderRight { 
	background-image: url('Images/HeaderRight.gif');
	}

.HeaderLeft img{
	width: 4px;
	}

.HeaderRight img{
	width: 9px;
	}


/* Grid Options */
.Grid { 
	border-left: 1px solid Navy; border-bottom: 1px solid Navy;border-right: 1px solid Navy; 
	width: 100%;
	}

.Caption th { 
	font-size: 11px; text-align: left; vertical-align: top;
	padding: 2px;
	border-top: 1px solid Navy; border-right: 1px solid Navy;
	background-color: #bfedbb; color: #000000;
	white-space: nowrap;
	}

.Caption td { 
	font-size: 11px; text-align: left; vertical-align: top;
	padding: 2px;
	border-top: 1px solid Navy; border-right: 1px solid Navy;
	background-color: #bfedbb; color: #000000;
	white-space: nowrap;
	}

.Caption a:link { 
	color: #000000;
	}

.Caption a:visited { 
	color: #000000;
	}

.Caption a:hover, .Caption a:active { 
	color: #ff0000;
	}

.Caption img {
	margin: 2px; 
	vertical-align: middle;
	}

.Caption input {
	vertical-align: middle;
	}

.Row th { 
	font-size: 11px; font-weight: normal; 
	text-align: left; vertical-align: top;
	padding: 2px;
	border-top: 1px solid Navy; border-right: 1px solid Navy;
	background-color: White; color: #000000;
	white-space: nowrap;
	color: #000000;
	}

.Row td { 
	font-size: 11px;
	padding: 2px;
	vertical-align: top;
	background-color: White; 
	color: #000000;
	}

.Row a:link { 
	color: Navy; text-decoration:none;
	}

.Row a:visited { 
	color: Navy; text-decoration:none;
	}

.Row a:hover { 
	color: Green; text-decoration:underline;
	}

.Row a:active { 
	color: Green; text-decoration:underline;
	}


.Separator{
	background-color: Navy;
	}

.Separator td{
	height: 1px;
	}


.AltRow th { 
	font-size: 11px; font-weight: normal; text-align: left; vertical-align: top;
	padding: 2px;
	border-top: 1px solid Navy; border-right: 1px solid Navy;
	background-color: White; color: #000000;
	white-space: nowrap;
	color: #000000;
	}

.AltRow td { 
	font-size: 11px;
	padding: 2px;	
	vertical-align: top;
	background-color: White; 
	color: #000000;
	}

.AltRow a:link { 
	color: Navy; text-decoration: none;
	}

.AltRow a:visited { 
	color: Navy; text-decoration: none;
	}

.AltRow a:hover { 
	color: Green; text-decoration: underline;
	}
	
.AltRow a:active { 
	color: Green; text-decoration: underline;
	}


.NoRecords td { 
	font-size: 11px;
	padding: 2px;
	border-top: 1px solid Navy;
	background-color: White; 
	color: #000000;
	vertical-align: top;
	}

.Footer td { 
	font-size: 11px;
	padding: 2px;
	border-top: 1px solid Navy;
	background-color: White; color: #000000;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	color: #000000;
	}

.Footer a:link { 
	color: Navy; text-decoration: none;
	}

.Footer a:visited { 
	color: Navy; text-decoration: none;
	}

.Footer a:hover { 
	color: Navy; text-decoration: underline;
	}
	
.Footer a:active { 
	color: Navy; text-decoration: underline;
	}	

.Footer img {
	margin: 2px; 
	vertical-align: middle;
	}

.Footer input {
	margin: 2px;
	vertical-align: middle;
	}

/* Record Options */
.Record { 
	border: 1px solid Navy;
	width: 100%;
	}

.Error td { 
	font-size: 11p;
	padding: 2px;
	border-top: 1px solid Navy;
	color: #FF0000;
	vertical-align: top;
	background-color: White; 
	}

.Controls th { 
	font-size: 11px; font-weight: normal; 
	text-align: left; vertical-align: middle;
	padding: 2px;
	background-color: White; color: #000000;
	white-space: nowrap;
	color: #000000;
	}

.Controls td { 
	font-size: 11px;
	padding: 2px;
	vertical-align: top;
	background-color: White; 
	color: #000000;
	}

.Bottom td { 
	font-size: 11px;
	padding: 2px;
	border-top: 1px solid Navy;
	background-color: White; color: #000000;
	text-align: right;
	vertical-align: middle;
	white-space: nowrap;
	color: #000000;
	}

.Bottom a:link { 
	color: Navy; text-decoration: none;
	}

.Bottom a:visited { 
	color: Navy; text-decoration: none;
	}

.Bottom a:hover { 
	color: Green; text-decoration: underline;
	}
.Caption a:active { 
	color: Green; text-decoration: underline;
	}


.Bottom img {
	margin: 2px;
	vertical-align: middle; 
	}

.Bottom input {
	margin: 2px;
	vertical-align: middle;
	}

/* Report */
.GroupCaption th{
	font-size: 11px;
	padding: 2px;
	border-top: 1px solid Navy; border-right: 1px solid Navy;
	white-space: nowrap;
	text-align: left; 
	vertical-align: top;
	font-weight: bold;
	background-color: #e6eff7; 
	color: #000000;
	}

.GroupCaption td{
	font-size: 11px;
	padding: 2px;
	border-top: 1px solid Navy; border-right: 1px solid Navy;
	vertical-align: top;
	font-weight: bold;
	background-color: White; 
	color: #000000;
	}

.GroupCaption a:link {
	color: #000000;
	}

.GroupCaption a:visited{
	color: #000000;
	}

.GroupCaption a:hover, .GroupCaption a:active{
	color: #ff0000;
	}

.GroupFooter td{
	font-size: 11px;
	padding: 2px;
	border-top: 1px solid Navy; border-right: 1px solid Navy;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	background-color: #bfedbb; 
	color: #000000;
	}

.GroupFooter a:link {
	color: #0033cc;
	}

.GroupFooter a:visited{
	color: #840000;
	}

.GroupFooter a:hover,.GroupFooter a:active{
	color: #ff0000;
	}

.GroupFooter img {
	margin: 2px; 
	vertical-align: middle;
	}

.GroupFooter input {
	margin: 2px;
	vertical-align: middle;
	}

.SubTotal td{
	font-size: 11px;
	padding: 2px;
	border-top: 1px solid Navy; border-right: 1px solid Navy;
	vertical-align: top;
	font-weight: bold;
	background-color: #e6eff7; 
	color: #000000;
	border-bottom: 2px solid Navy;
	}

.SubTotal a:link {
	color: #0033cc;
	}

.SubTotal a:visited{
	color: #840000;
	}

.SubTotal a:hover, .SubTotal a:active{
	color: #ff0000;
	}

.Total td{
	font-size: 11px;
	padding: 2px;
	border-top: 1px solid Navy; border-right: 1px solid Navy;
	vertical-align: top;
	white-space: nowrap;
	font-weight: bold;
	background-color: #e6eff7; 
	color: #000000;
	}

.Total a:link {
	color: #0033cc;
	}

.Total a:visited{
	color: #840000;
	}

.Total a:hover, .Total a:active{
	color: #ff0000;
	}

/* Form Options */
.Button { 
	background-color: Navy; color: #ffffff; border-left: solid 1px #EDEDED; border-top: solid 1px #EDEDED; border-right: solid 1px #848284; border-bottom: solid 1px #848284; padding: 2px; font-weight: bold; font-size: 11px; font-family: Tahoma;
	}

/* Calendar */

.Calendar { 
	border: 1px solid Navy;
	width: 100%;
	}

.CalendarWeekdayName{
	font-size: 11px;
	padding: 2px;
	border-top: 1px solid Navy; border-right: 1px solid Navy;
	text-align: center; 
	vertical-align: top;
	white-space: nowrap;
	background-color: #e6eff7; 
	color: #000000;
	}

.CalendarWeekdayName a:link {
	color: #0033cc;
	}

.CalendarWeekdayName a:visited{
	color: #840000;
	}

.CalendarWeekdayName a:hover, .CalendarWeekdayName a:active{
	color: #ff0000;
	}

.CalendarWeekendName{
	font-size: 11px;
	padding: 2px;
	border-top: 1px solid Navy; border-right: 1px solid Navy;
	white-space: nowrap;
	text-align: center; 
	vertical-align: top;
	background-color: #e6eff7;	
	color: #000000;
	}

.CalendarWeekendName a:link {
	color: #000000;
	}

.CalendarWeekendName a:visited{
	color: #000000;
	}

.CalendarWeekendName a:link, .CalendarWeekendName a:visited{
	color: #ff0000;
	}

/* Calendar Day */
.CalendarDay{
	font-size: 11px;
	padding: 2px;
	border-top: 1px solid Navy; border-right: 1px solid Navy;
	text-align: center;
	background-color: White;	
	color: #000000;
	}

.CalendarDay a:link {
	color: #0033cc;
	}

.CalendarDay a:visited{
	color: #840000;
	}

.CalendarDay a:hover, .CalendarDay a:active{
	color: #ff0000;
	}

/* Calendar Weekend */
.CalendarWeekend{
	font-size: 11px;
	padding: 2px;
	border-top: 1px solid Navy; border-right: 1px solid Navy;
	text-align: center;
	background-color: #e6eff7;	
	color: #000000;
	}

.CalendarWeekend a:link {
	color: #0033cc;
	}

.CalendarWeekend a:visited{
	color: #840000;
	}

.CalendarWeekend a:hover, .CalendarWeekend a:active{
	color: #ff0000;
	}

/* Calendar Today */
.CalendarToday {
	font-size: 11px;
	padding: 0px;
	border-top: 3px solid Navy; border-right: 3px solid Navy; border-left: 2px solid Navy; border-bottom: 2px solid Navy;
	text-align: center;
	background-color: White;	
	color: #000000;
	}

.CalendarToday a:link {
	color: #0033cc;
	}

.CalendarToday a:visited{
	color: #840000;
	}

.CalendarToday a:hover, .CalendarToday a:active {
	color: #ff0000;
	}

/* Calendar Weekend Today */
.CalendarWeekendToday {
	font-size: 11px;
	padding: 0px;
	border-top: 3px solid Navy; border-right: 3px solid Navy; border-left: 2px solid Navy; border-bottom: 2px solid Navy;
	text-align: center;
	background-color: #e6eff7;	
	color: #000000;
	}

.CalendarWeekendToday a:link {
	color: #0033cc;
	}

.CalendarWeekendToday a:visited{
	color: #840000;
	}

.CalendarWeekendToday a:hover, .CalendarWeekendToday a:active{
	color: #ff0000;
	}

/* Calendar Other Month's Day */
.CalendarOtherMonthDay{
	font-size: 11px;
	padding: 2px;
	border-top: 1px solid Navy; border-right: 1px solid Navy;
	text-align: center;
	background-color: White;	
	color: Navy;
	}

.CalendarOtherMonthDay a:link {
	color: Navy;
	}

.CalendarOtherMonthDay a:visited{
	color: Navy;
	}

.CalendarOtherMonthDay a:hover, .CalendarOtherMonthDay a:active{
	color: #ff0000;
	}

/* Calendar Other Month's Today */
.CalendarOtherMonthToday {
	font-size: 11px;
	padding: 0px;
	border-top: 3px solid Navy; border-right: 3px solid Navy; border-left: 2px solid Navy; border-bottom: 2px solid Navy;
	text-align: center;
	background-color: White;	
	color: Navy;
	}

.CalendarOtherMonthToday a:link {
	color: Navy;
	}

.CalendarOtherMonthToday a:visited{
	color: Navy;
	}

.CalendarOtherMonthToday a:hover,.CalendarOtherMonthToday a:active{
	color: #ff0000;
	}

/* Calendar Other Month's Weekend */
.CalendarOtherMonthWeekend {
	font-size: 11px;
	padding: 2px;
	border-top: 1px solid Navy; border-right: 1px solid Navy;
	text-align: center;
	background-color: #e6eff7;	
	color: Navy;
	}

.CalendarOtherMonthWeekend a:link {
	color: Navy;
	}

.CalendarOtherMonthWeekend a:visited{
	color: Navy;
	}

.CalendarOtherMonthWeekend a:hover, .CalendarOtherMonthWeekend a:active{
	color: #ff0000;
	}

/* Calendar Other Month's Weekend Today */
.CalendarOtherMonthWeekendToday {
	font-size: 11px;
	padding: 0px;
	border-top: 3px solid Navy; border-right: 3px solid Navy; border-left: 2px solid Navy; border-bottom: 2px solid Navy;
	text-align: center;
	color: Navy;
	background-color: #e6eff7;	
	}

.CalendarOtherMonthWeekendToday a:link {
	color: Navy;
	}

.CalendarOtherMonthWeekendToday a:visited{
	color: Navy;
	}

.CalendarOtherMonthWeekendToday a:hover, .CalendarOtherMonthWeekendToday a:active{
	color: #ff0000;
	}

/* Calendar Selected Day (for DatePicker) */
.CalendarSelectedDay{
	font-size: 11px;
	padding: 2px;
	border-top: 1px solid Navy; border-right: 1px solid Navy;
	background-color: #bfedbb;
	color: #000000;
	text-align: center;
	font-weight: bold;
	}

.CalendarSelectedDay a:link {
	color: #000000;
	}

.CalendarSelectedDay a:visited{
	color: #000000;
	}

.CalendarSelectedDay a:hover, .CalendarSelectedDay a:active{
	color: #ff0000;
	}

/* Calendar Navigator */
.CalendarNavigator {
	font-size: 11px;
	padding: 2px;
	background-color: White; color: #000000;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	color: #000000;
	}

.CalendarNavigator a:link {
	color: #0033cc;
	}

.CalendarNavigator a:visited{
	color: #840000;
	}

.CalendarNavigator a:hover, .CalendarNavigator a:active{
	color: #ff0000;
	}

.CalendarNavigator img{
	margin: 2px;
	vertical-align: middle; 	
	}

/* Calendar Extra */
.CalendarEvent{
	font-size: 13px;
	text-align: left;
	}

.CalendarEvent a:link {
	color: #0033cc;
	}

.CalendarEvent a:visited{
	color: #840000;
	}

.CalendarEvent a:hover, .CalendarEvent a:active{
	color: #ff0000;
	}
	
	
	
	
	
table.listado
{
	border-style: solid;
	border-width: 1px;
	border-color: Navy;
	width: 100%;
	background-color: White;
	color: #000000;
	font-size: 11px;
}



table.listado tr.normalRow
{
	background-color: #FFFFFF;
}
table.listado tr.alternateRow
{
	background-color: lightgoldenrodyellow;
}
table.listado tr.selectedRow
{
	background-color: #C0C0FF; 
}




table.listado th
{	
	border-top: 1px solid Navy;
	background-color: #FFE5A5; 
	padding:2px 10px 2px 2px; 
 	text-align: left; 
 	vertical-align: top;
	white-space: nowrap;
}
table.listado td
{
	padding:2px 10px 2px 2px; 
}






table.listado tr.pagerRow {font-size:11px; text-align:center;}
table.listado tr.pagerRow strong{font-size:11px; font-weight:bold;}
table.listado tr.pagerRow a{font-size:11px;padding-right:4px;text-decoration:underline;}
table.listado tr.pagerRow span{ font-size:11px;font-weight:bold;}
table.listado tr.pager span.Tpgs{font-size:11px;font-weight:bold;}

table.listado input{background-color:Transparent;}

span.Etiqueta
{
	font-weight:bold;
	padding-right: 10px;
}
span.Valor
{
	padding-right: 20px;
}

div.PanelAceptarCancelar
{
	width:auto; padding:2px 2px 4px 2px; background-color:Yellow; border:solid 1px Navy;	
}

select.combo
{
	 background-color:White;
}

span.oblig{color:Red; font-family:Verdana; font-size:x-small; font-weight:bold;padding-left:4px;}


input.disabledControl{background-color:#c0c0c0;color:Black;}
select.disabledControl{background-color:#c0c0c0;color:Black;}
textarea.disabledControl{background-color:#c0c0c0;color:Black;}
radio.disabledControl{background-color:#c0c0c0;color:Black;}

input.TxtAsLabel{background-color:transparent;color:Black;border: solid 0px transparent;}