/* 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: 20px;
	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;
}