/* CSS Document */
	/*Estilos de los objetos de tipo fecha*/
.componentBox {
    float: left;
    padding: 0 0 0 0;
}

.exampleBox {
    margin: 15px 15px 0 0;
    padding: 15px;
    background: #FFF;
    border: 1px solid #d9d9d9;
    display: block;
    float:left;
}

.selectInputDateContainer{
    width:475px;
}

.weekend a {
    background-color: #999999;
}

.weekend a span {
    color: white;
}

.august span {
    font-weight: bold;
}

ul {
    margin-left: 15px;
    padding: 0;
}

li {
    list-style: none;
    background: url( '../xmlhttp/css/xp/rime/css-images/bullet.gif' ) no-repeat 0 3px;
    padding-left: 22px;
    padding-bottom: 3px;
}
/*
----------- Calendar Component classes
*/
.iceSelInpDate {
/* calendar outline & background color */
    background-color: #F2F5F9; 
    border: 1px solid #ABABAB; /* removed margin from calendar outline - better absolute positioning of popup */
/*margin:10px;*/
}

.iceSelInpDateIFrameFix, .iceIEIFrameFix {
   z-index: -1;
   position: absolute;
   display: block;
   filter: mask();
}

.iceSelInpDatePopup {
    min-width: 106px;
}

.iceSelInpDateInput {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
    width: 95px !important;
}

.iceSelInpDateOpenPopup {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
    display: inline;
    text-decoration: none;
    background-color: transparent;
    background-image: url( "../img/calendar_select_day.png" );
    background-repeat: no-repeat;
    text-align: center;
    border: none;
    width: 16px;
    height: 16px;
	vertical-align:middle;
}

.iceSelInpDateClosePopup {
    display: inline;
    text-decoration: none;
    background-color: transparent;
    background-image: url( "../img/bullet_cross.png" );
    background-repeat: no-repeat;
    text-align: center;
    border: none;
    width: 16px;
    height: 16px;
	vertical-align:middle;
}

.iceSelInpDateMonthYear {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
    background-color: #F2F5F9;
    /*background-image: url( "../xmlhttp/css/xp/css-images/table_col_header.gif" );*/
    background-position: bottom;
    background-repeat: repeat-x;
    font-weight: bold;
    text-align: center;
    color: #000000;
    padding-left: 1px;
    padding-right: 1px;
    padding-top: 4px;
    padding-bottom: 4px; /*border-right:1px solid #CCCCCC;*/
}

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

.iceSelInpDateMonthYear img {
    border: none;
}

.iceSelInpDateMovePrev {
    text-decoration: none;
    display: inline;
    background-color: transparent;
    background-image: url(../img/reverse_blue.png);
    background-repeat: no-repeat;
    text-align: center;
    border: none;
    width: 17px;
    height: 16px;
}

.iceSelInpDateMoveNext {
    text-decoration: none;
    display: inline;
    background-color: transparent;
    background-image: url(../img/play_blue.png);
    background-repeat: no-repeat;
    text-align: center;
    border: none;
    width: 17px;
    height: 16px;
}

.iceSelInpDateWeek {
/* the days of the week row */
    font-weight: normal;
    color: #2A6CC2;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
    border-bottom: 1px solid #000000;
}

/* set the look for the days of the week backgrounds */
.iceSelInpDateDay, .iceSelInpDateCur {
/* the background & alignment for the days */
    padding: 3px;
    text-align: center;
}

.iceSelInpDateDay iceCmdLnk {
/* the background & alignment for the days */
	background-color: #F2F5F9;
} 

.iceSelInpDateCur .iceOutTxt{
	color:#F2F5F9;
}

/* now set the attributes for the numbers for each day of the week */
.iceSelInpDateDay a {
/* the day text */
    text-decoration: none;
    background-color: #F2F5F9;
    color: #000000;
    width: 100%;
    height: 100%;
    padding: 0px;
    display: block;
}

.iceSelInpDateCur a {
    text-decoration: none;
    background-color: #2A6CC2;
    color: #FFFFFF;
    width: 100%;
    height: 100%;
    padding: 0px;
    display: block;
}

/* now set the color attributes for the hover effect on non-current days */
.iceSelInpDateDay a:hover {
/* the day text */
    text-decoration: none;
    color: #000000;
}

/*
----------- Data Table Component classes
*/
.iceDatTbl { /* was iceDataTblOutline */
    background-color: #FFFFFF;
    border: 1px solid #ABABAB;
    /*margin: 10px;*/
}

.iceDatTbl table{
	border-collapse:collapse;
}

.iceDatTblColHdr , .iceDatTblColHdr1, .iceDatTblColHdr2, .iceDatTblColGrpHdrCol, .iceDatTblFtr {
/* was iceTblHeader */
    background-color: #EFEFEF;
    /*background-image: url( "../xmlhttp/css/xp/css-images/table_col_header.gif" );*/
    background-position: bottom;
    background-repeat: repeat-x;
    font-weight:bold;
    text-align: center;
    color: #000000;
    border-right: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.iceDatTblColFtr, .iceDatTblColGrpFtrCol {
    background-color: #B2CCE5;
    /*background-image: url( "../xmlhttp/css/xp/css-images/table_col_header.gif" );*/
    background-position: bottom;
    background-repeat: repeat-x;
    font-weight:bold;
    text-align: center;
    color: #000000;
    border-right: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.iceDatTblResHdlr {
    margin:0px;;
    padding:0px;
    border-width: 0px;
    width:2px;
    background-color:transparent;

}

.iceDatTblResBor {
    margin:0px;;
    padding:0px;
    background-color: #EFEFEF;
    background-position: bottom;
    background-repeat: repeat-x;
    width:2px;
}

.iceDatTblBlkTd {
    border-bottom: 1px solid #CCCCCC;
    background-color: #EFEFEF;
}
	/* data tables are rendered with alternating row colors */
.iceDatTblRow1 { /* was iceTblRow1 */
    background-color: #FFFFFF;
}

.iceDatTblRow2 { /* was iceTblRow2 */
    background-color: #FFFFFF;
}

/* set the common attributes for the column classes */
.iceDatTblCol, .iceDatTblCol1, .iceDatTblCol2 {
/*was column, column1, column2, column3*/
    color: #000000;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
	text-align:left;
}

.iceDatTblHdr{} /*was iceTblHeader */
.iceDatTblFtr {
    background: none;
    border-top: 1px solid #CCCCCC;
}

.iceDatTblScrlSpr{
    /*background: url( '../xmlhttp/css/xp/css-images/table_col_header.gif' ) repeat-x bottom left;*/
    background-color: #EFEFEF;
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
}

.iceDatTblScrlSprFtr{
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
}

.iceDatTblScrlSprFtr .iceDatTblFtr{
    border-bottom: none;
}

.iceDatTblScrlSpr .iceDatTblColHdr1, .iceDatTblScrlSpr .iceDatTblColHdr2 {
    border-left-style: none;
    border-top-style: none;
}

.iceDatTblActvSrtHdr{}
/*
----- for datatable when cell content length exceeds-----
*/
.iceDatTbl td span.iceOutTxt{
	overflow: hidden;
	display: block;
	padding: 2px 0px;
}