/* Div container to wrap the datagrid 
div#div-datagrid {
width: 420px;
height: 200px;
overflow: auto;
scrollbar-base-color:#ffeaff;
}
*/
/* Locks the left column */
td.locked, th.locked {
font-size: 12px;
font-weight: bold;
text-align: left;
background-color: White;
color: Black;
border-right: 1px solid silver;
position:relative;
cursor: default; 
left: expression(document.getElementById("div-datagrid").scrollLeft-2); /*IE5+ only*/
}	
/* Locks the left column */
td.locked2, th.locked2 {
font-size: 12px;
font-weight: bold;
text-decoration: underline;
text-align: left;
background-color: White;
color: Blue;
border-right: 1px solid silver;
position:relative;
cursor: default; 
left: expression(document.getElementById("div-datagrid").scrollLeft-2); /*IE5+ only*/
}

/* Locks table header */
th {
font-size: 12px;
font-weight: bold;
text-align: right;
background-color: #B74E4B;
color: White;
border-right: 1px solid silver;
position:relative;
cursor: default; 
top: expression(document.getElementById("div-datagrid").scrollTop-2); /*IE5+ only*/
z-index: 5;
}

/* Keeps the header as the top most item. Important for top left item*/
th.locked {z-index: 50;}

/* DataGrid Item and AlternatingItem Style
.GridRow {font-size: 10pt; color: black; font-family: Arial; background-color:#ffffff; height:35px;}
.GridAltRow {font-size: 10pt; color: black; font-family: Arial; background-color:#eeeeee; height:35px;}
*/

div#main 
{
	background-color:#EEF0EE;
	border-bottom:1px solid #D7D8D9;
	border-left:1px solid #D7D8D9;
	border-right:1px solid #D7D8D9;
	padding:5px;
	width:440px;
	margin-left: 200px;
	font-family: Arial;
	/*margin-right: 190px;*/
}

div#wrapper
{
	background-color:#B8C9D6;
	border-bottom-color:#BAC0C8;
	border-bottom-style:solid;
	border-left-color:#BAC0C8;
	border-left-style:solid;
	border-right-color:#BAC0C8;
	border-right-style:solid;
	border-top-color:#BAC0C8;
	border-top-style:solid;
	width:848px;
}

div#left-bar
{
	float: left;
}

div.youtubevideos {
	float: left;
	position: absolute;
	top: 0px;
	left: 0px;
	/*background-color: #BBCBD8;*/
	width: 320px;
	height: 420px;
	padding-left: 10px;
	padding-top: 20px;
}

div.youtubevideos h1 {
	float: left;
	margin: 0;	
	padding: 0; 
	color: #959597;
	width: 320px;
	text-align: center;
		
}

div.youtubevideos a {
	float: left;
	margin: 3px;
	width: 90px;
	text-decoration: none;
}

div.youtubevideos a span.titulo {
	float: left;
	color: #C3534F;
	text-decoration: none;
	font-size: 12px;
	width: 90px;
	height: 40px;
	font-family: Geneva, Arial;
	padding: 3px;
}

div.youtubevideos img {
	float: left;
	border: none;
}

#efHeader {
	width:856px;
	height:115px;
	position:relative;
	background-image:url(Imagenes/bg_efHeader.png);
	background-repeat:repeat-x;
	background-position:bottom;
	margin-left:3px;
}
#efLogo a {
	width:265px;
	height:75px;
	display:block;
	position:absolute;
	top:10px;
	left:5px;
	background-image:url(Imagenes/bg_efLogo.png);	
}
#efDate {
	height:20px;
	position:absolute;
	top:60px;
	left:280px;
	color:#828282;
	line-height:20px;
	font-size:10px;
}
#efHome a {
	width:80px;
	height:20px;
	display:block;
	position:absolute;
	top:65px;
	right:0px;
	color:#FFF;
	line-height:20px;
	font-size:10px;
	text-align:center;
	background-color:#717274;
}
#efHome a:hover {
	background-color:#6F2040;
}
#efFooter {
	width:990px;
	height:20px;
	margin-top:10px;
	padding-left:15px;
	color:#828282;
	line-height:20px;
	font-size:10px;	
}

/*Compartir*/

#ieNetwork {
    height:20px;
    position:absolute;    
    top:25px;
    left:415px;
    padding:10px;
    border-left:1px solid #B97876;    
}
#ieNetwork .megusta {
    max-width:125px;
    float:left;
    margin-right:10px;
}
#ieNetwork .tweet {
    float:left;
    margin-right:10px;
}

/*Banner*/

#ieSponsor {
    width:120px;
    height:60px;
    position:absolute;
    right:25px;
    top:20px;
    cursor:pointer;
}