html, body { margin:0; padding:0; height:100%}

body {
    background: url(sn_bg.jpg) repeat-x 0 100%; 
    font-size: 12px;
    color:#;
    font-family: Arial, Helvetica, sans-serif;  
}

.copyright {
    font-size: 10px;
    color: #aaa;
    font-family: Arial, Helvetica, sans-serif;  
 float: right;
}

table, tr, td { margin: 0 auto; width: 100%; height: 100%; padding: 0; vertical-align: middle; align: center; }

.snPortlet { width: 678px; margin: 0 auto; text-align: left; }

.snPortletHeader 
{ 
    background: #007DC2; 
    padding: 10px; 
    position: relative; 
    color:#fff; 
    margin-bottom: 5px; 
    font-size: 16px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;  

}

.snPortletHeader h1
{
    margin:0;
    font-size: 16px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}

.snPortletArrow { position: absolute; left: 73px; bottom: -11px; width: 18px; height: 11px; background: url(pt_head_arrow.gif) no-repeat 0 0;}

.snPortletBodyBorder { border: 1px solid #000; }

.snPtBoxBorder {
    background:#fff;
    border:1px solid #ccc;
    margin:0;
    padding:5px;
}

.snPtBoxBorder .snPtBoxInner {
    background:transparent url(ptbg_inner.gif) repeat-x 0 100%;
    padding:7px 13px 10px;
}

.submiton {
    border: 1px solid #ccc;
    background:#fff;
    color:#222;
}

.submitoff 
{
    border: 1px solid #ccc;
    background:#fff;
    color:#ccc;    
}

.snPortletFooter {
    padding-top:7px ;
}

.toppic {
    padding-bottom:10px ;
}

.toplogo {
    padding-bottom:6px ;
}

.videothumbnail
{
    border: 1px solid #ccc;
    margin: 4px;
}

/* Gergo added */

ul.videos
{
	clear:both;
	padding:0px;
	
}
.videos li
{
	list-style-type:none;
	float:left;
	width:200px;
	padding-right:13px;
	padding-bottom:20px;
}

.videos li .details
{
	color: #888888;
	text-align:center;
	width:180px;
	margin-left:10px;
}

body
{
	color: #444444;
}
h2
{
	color: #444444;
	clear:both;
}

.snCustomPortletFooter
{ 
    background: #007DC2; 
    padding: 5px; 
    position: relative; 
    color:#fff; 
    margin-bottom: 0px; 
    font-size: 14px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;  

}


.snCustomPortletFooter h1
{
    margin:0;
    font-size: 16px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}

.snCustomPortletFooter ul
{
	margin:0px;
	padding:0px;
	float:right;
}

.snCustomPortletFooter li
{
	float:left;
	list-style-type:none;
	padding-left:10px;
}

.snCustomPortletFooter
{
	margin-top:10px;
	height:30px;
}

.snCustomPortletFooter a
{
	color:white;
	font-size:12px;
}

.videos .title
{
	font-size:16px;
	padding-left:5px;
	color:#ff7840;
	/*font-weight:bold;*/
}

.videos .image
{
	height:180px;
}