/*Stylesheet Created on July 22, 2008 by Biju K.R. Menon*/



/* overall Styles */
*{margin:0;padding:0;border:1;list-style:none}

body {
font:12px/1.2em Verdana,arial,sans-serif;
color:#333;
scrollbar-face-color: #CBCFD2;
scrollbar-highlight-color: #E6EAEB;
scrollbar-3dlight-color: #BCBDBF;
scrollbar-shadow-color: #B8BCBD;
scrollbar-darkshadow-color: #EEEFF0;
scrollbar-arrow-color: #2492A5;
scrollbar-track-color: #E6EAEB;
}

/* ADDED BY TOM */

#featuredVideo {
background-image:url(/redesign/images/videoFeat_bg.jpg);
background-repeat: no-repeat;
width: 650px;
height:280px;
padding-bottom:20px;
}


a:link, a:visited, a:active{color:#7376b8;text-decoration:none}
a:hover{color:#f14d22;text-decoration:none}

h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px; 
font-weight: bold; 
color: #ffffff;
padding-top: 5px;
}

h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px; 
font-weight: bold; 
color: #f30a40;
padding-top: 2px;
padding-bottom: 10px;
}

h4 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px; 
font-weight: bold; 
color: #000000;
padding-top: 2px;
text-align:justify;
}

/*
h5 {
	font-family: Verdana, 'Arial', Helvetica, sans-serif;
	color: #3d5d80;
	font-size: 18px;
	background-color: #d7e4f2;
	border-bottom: 1px dotted #335478;
	padding: 2px;

} */
h5 {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #f30a40;;
	font-size: 18px;
	background-color: #dedede;
	border-bottom: 1px dotted #09233e;
	padding: 2px;
	text-align:center;

}

/*Main blocks
#main-layout{width:100%; margin:0; padding:0; align:right; float: left; vertical-align:top; background-color:#999999; position:relative;}
#container{width:779px;margin:0; padding:0; float: right; position:relative;}
*/
#main-layout{width:100%; height:100%; margin:0; padding:0; text-align:left;  vertical-align:top; background-color:#ffffff;}
#container{width:950px;margin:0; padding:0; background-color:#ffffff; margin-left:auto; margin-right:auto;}
#container_help{width:1150px;margin:0; padding:0; background-color:#ffffff; margin-left:auto; margin-right:auto;}
#header{height:100px;margin:0; padding:0; background-color:#ffffff; margin-left:auto; margin-right:auto; position:relative;}
#vs-logo{float:left; width:350px;}
#top-right{height:50px; float:right; width: 400px; background-color:#ffffff;  padding-top:50px; padding-right:50px;}

#navi-bar{
width:100%; 
height:30px; 
background-color:#bbbbbb; 
border-top: 3px #bfea55 solid;
border-bottom: 3px #bfea55 solid;
vertical-align:middle;
}

#top-navi{
width: 950px;
margin-left:auto; 
margin-right:auto;
padding-left:0px;
vertical-align:middle;
align:left;
padding-top:10px;
text-align: left;
}

#navi_addThis {
width:100px;

}


#top-navi a{
text-indent: 3px;
text-decoration: none;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
color:#333333;
}

#top-navi a:hover{ /*hover background color*/
color: #ffffff;
}

#footer{
width:100%; 
height:100%; 
background-color:#bbbbbb; 
border-top: 3px #bfea55 solid;
vertical-align:middle;
}

#footer-navi{
width: 950px;
margin-left:auto; 
margin-right:auto;
padding-left:0px;
vertical-align:middle;
align:center;
padding-top:10px;
text-align: center;
}

#footer-navi a{
text-indent: 3px;
text-decoration: none;
font-weight: normal;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
color:#000000;
}

#footer-navi a:hover{ /*hover background color*/
color: #ffffff;
}
#footer-navi p{
text-indent: 0px;
text-decoration: none;
font-weight: normal;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
}

.clear { clear: both; background: none; }

/* Main Section - Center part */

#weeklyfeture{
background-image:url(/redesign/images/mainFeat_bg.jpg);
background-repeat: no-repeat;
width:950px;
height:280px;
}

#youTut {
float:left;
width:275px;
padding-top: 25px;
padding-left: 10px;
}

#youTut_content {
float:right;
width:340px;
padding-top: 10px;
padding-left: 0px;
color: #FFFFFF;
text-align:left;
}

#youTube {
float:left;
width:335px;
padding-top: 10px;
padding-left: 10px;
}

#youTube_content {
float:right;
width:305px;
padding-top: 10px;
padding-left: 0px;
color: #FFFFFF;
text-align:left;
}

#youTube_content h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px; 
font-weight: bold; 
color: #ffffff;
padding-top: 5px;
}


#animatedTxt {
float:right;
width:600px;
}

#download-module{
text-align:left;
width:950px;
height:70px;
background:#ffffff url(/redesign/images/download_bg.gif) no-repeat; 
}

#download-module h3{
width:400px;
float:left;
color: white;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 2.7em;
text-align:left;
padding-bottom:20px;
padding-left:20px;
padding-top:20px;
/*background-color:#ff00ff;*/
}

#download-video{
	width:350px;
	float:right;
	padding-bottom:2px;
	padding-right:0px;
	padding-top:2px;
}

#video_upload{
	width:330px;
	float:left;
	color: #CC0066;
	padding-bottom:2px;
	padding-right:0px;
	padding-top:2px;
}

/*
.community-container{
vertical-align:left;
text-align: center;
width:950px;
height:200px;
background:#bfea55;
margin-right:80px;
}
*/

.community-container{
text-align:center;
width:950px;
height:220px;

background:#ffffff url(/redesign/images/community_bg.jpg) no-repeat;
}

.community-container #top{
height:8px;
background:#ffcc66 url(/redesign/images/bg-green-1.gif) no-repeat;
}

.community-container #bottom{
height:8px;
margin-top: -20px;
background:#ffcc66 url(/redesign/images/bg-green-2.gif) no-repeat;
}

.community-containerHD {
float:left;
color: white;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.6em;
text-align:left;
padding-bottom:10px;
padding-left:0px;
}

.thumpnail-container{
text-align:center;
width:950px;
height:259px;
vertical-align:middle;
background:#ffffff url(/redesign/images/white_bg.gif) no-repeat;
}

#video-thumpnails {
	padding-top:10px;
	padding-left:20px;
	/*background:#f23cff;*/
	width:930px;
	height:200px;
}

#video-thumpnails-top{
width:920px;
float:left;
/*background-color:#ff00ff;*/
padding-bottom: 0px;
}

#video-thumpnails-spacer{
width:650px;
float:left;
/*background-color:#ff00ff;*/
padding-bottom:5px;
}

#video-thumpnails-top h3{
float:left;
color: #015660;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.4em;
text-align:left;
padding-bottom:10px;
}
.nxt-prv-box {
width:115px;
float:right;
vertical-align:middle;
/*background-color:#f0f0ff;*/
}
.nxt-prv-boxLEFT {
vertical-align:middle;
height:20px;
width:90px;
float:left;
/*background-color:#55bcb9;*/
color: #000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: .85em;
text-align:right;
}
.nxt-prv-boxRIGHT {
height:20px;
width:25px;
float:right;
/*background-color:#ef9cd0;*/
text-align:right;
}

.thumpnail-1 {
 display: inline;
 color: #333;
 margin-right: 50px;
 padding: 0px;
 width: 174px;
 float: left;
 /* background: #003fff;*/
  font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: .85em;
  text-align:left;

}
.thumpnail-1 br{
height:1px;
/*background-color: #0fff00;*/
}
.thumpnail-2 {
 float: left;
 color: #333;
 margin-right: 50px;
 padding: 0px;
 width: 174px;
 display: inline;
 position: relative;
/*  background: #00ff33;*/
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: .85em;
 text-align:left;
}
.thumpnail-3 {
 display: inline;
 position: relative;
 color: #333;
 margin-right: 50px;
 padding: 0px;
 width: 174px;
 float: left;
/*background: #ff3333;*/
 font-family: Verdana, Arial, Helvetica, sans-serif;

 font-size: .85em;
 text-align:left;
  }
.thumpnail-4 {
 display: inline;
 position: relative;
 color: #333;
 margin-right: 50px;
 padding: 0px;
 width: 174px;
 float: left;
 /*background: #003333;*/
 font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: .85em;
text-align:left;
}
.thumpnail-morevideo{
float:right; 
margin: -7px 10px 0px 0px;
padding-top: 20px;
}

.thumpnail-morevideo2{
float:right; 
margin: -17px 70px 0px 0px;
}

#green-text{
background: url(/redesign/images/Img_semicolon.gif) no-repeat left top;
height:50px;
width:850px;
text-align:left;
margin-top:35px;
margin-left:00px;
padding-top:10px;
text-indent: 3em;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 0.99em;
line-height: 180%;
}
#text-author{
text-align:left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.99em;
padding-top:20px;
padding-left:0px;
}
#greenlinks{
width:250px;
float:right;
margin-top:35px;
margin-right: 5px;
color:#015660;
}
#greenlinks .left{
float:left;
width:100px;
}
#greenlinks .right{
float:right;
width:150px;
}
/* Inner pages styles */

#leftinnercontent{
float:left;
width:690px;
/*background-color:#f3f3f3;*/
}

#leftinnercontent_iframe{
float:left;
width:680px;
/*background-color:#f3f3f3;*/
}

#leftinnercontent_friend{
padding-top: 30px;
float:left;
width:850px;
/*background-color:#f3f3f3;*/
}

#leftinnercontent h3{
	color:#015660;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	text-align:left;
	padding-bottom: 15px;
	
}

#leftinnercontent_friend h3{
	color:#015660;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	text-align:left;
	padding-bottom: 15px;
}

#leftinnercontent_iframe h3{
	color:#015660;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	text-align:left;
	padding-bottom: 15px;
	
}

#leftinnercontent h4{
	color:#015660;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:bold;
	text-align:left;
	text-indent: 10pt;
	padding:20px 0px 20px 0px;
}

/*
#leftinnercontent li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 150%;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-align: left;
	text-indent: 40pt;
	white-space: normal;
	display: block;
	list-style-position: outside;
	list-style-image: url(/redesign/images/bullet-star.gif);
	list-style-type: circle;
}
*/



#rightinnercontent{
float:right;
width:250px;

}

#inner-right-content-1{
background: url(/redesign/images/bg-green-right.gif) no-repeat;
height:70px;
text-align:left;
vertical-align:middle;
padding: 8px 0px 0px 8px;
}
#inner-right-content-text{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
	font-weight:bold;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	}
#inner-right-content-text a {
	color: #000000;
	text-decoration:underline;
}
#inner-right-content-text a:hover {
	text-decoration:underline;
	color: #e43a1e;
}



#inner-right-content-small-text{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size:9px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	}
#inner-right-content-small-text a {
	color: #000000;
	text-decoration:underline;
}
#inner-right-content-small-text a:hover {
	text-decoration:underline;
	color: #e43a1e;
}






#theRightGrey-featuredspins{
background-color:#ffffff;
}
#theRightGrey-featuredspins h5{
	color:#015660;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #dedede;
	border-bottom: 0px dotted #09233e;
	padding: 0px;
}
#theRightGreyTop{
background: url(/redesign/images/grey-right-top.gif) no-repeat;
height:9px;

}


#theRightGreyBottom{
background: url(/redesign/images/grey-right-bottom.gif) no-repeat left bottom;
height:9px;
}
#theRightGreyTutorialBox{
background-color: #dedede;
padding: 0px 0px 0px 10px;
height:145px;
}
#theRightGreyTutorialBox h6{
	color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #dedede;
	border-bottom: 0px dotted #09233e;	
	text-align:left;
	padding: 0px 0px 5px 0px;

}

#theRightGreyTutorialImg{
	width:100px;
	float:left;
}
#theRightGreyTutorialTxt{
	width:120px;
	float:left;
	padding: 0px 0px 0px 10px;
	color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align:left;
	line-height:170%;
}

#theRightGreyTutorialTxt a{
	padding-top: 5px;
	color:#015660;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;

}
#theRightGreyTutorialTxt a:hover{
	color:#ffc600;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
}

#theRightGreyTutorialReadmore{
	padding: 30px 10px 0px 0px;
	text-align:right;
	height:20px;
	vertical-align:bottom;
	background-color: #dedede;
}
#leftinnercontentNextPrevious{
	float:left;
	
	width:600px;
}
#leftinnercontentNext{
float:right;
}
#leftinnercontentPrev{
float:left;
}

/*old styles */

.nav,.mainNavDropDn,li.Promo1 {line-height:1.0;}
.nav,.nav ul{z-index:100;}
.nav ul,.mainNavDropDn ul {position:absolute;top:-999em;}
.nav ul li,.nav ul li a{width: 100%;}
.nav li,.mainNavDropDn li {float:left;position:relative;z-index:99;}
.nav a,.mainNavDropDn a {display:block;}
.nav li:hover ul,ul.nav li.sfHover ul{left:2px;top:1.9em;width:149px}
.nav li:hover li ul,.nav li.sfHover li ul,.mainNavDropDn li:hover li ul,.mainNavDropDn li.sfHover li ul {top:-999em;}
.nav li li:hover ul,ul.nav li li.sfHover ul {left:149px;top:-1px;}
.superfish li:hover ul,.superfish li li:hover ul {top: -999em;}
ul.mainNavDropDn li:hover ul,ul.mainNavDropDn li.sfHover ul{left:5px;top:0.3em;}
/*ORIGINAL SKIN*/
.nav {float:right;margin-bottom:1em;margin-left:50px;background:url('/redesign/images/misc/btnSlCountry.jpg') no-repeat;width:149px;height:24px;}
.nav ul{width:149px; height: 178px; background:transparent url('/redesign/images/misc/slCountrynavbg.gif') no-repeat;padding-bottom:15px;}
.nav li {font-size:0.85em;color:#333;padding-left:10px;padding-top:4px;text-align:left;}
.nav li a,.nav li li a{width:149px}
.nav a, .nav a:hover {color:#333}
.nav li li {padding:0.5em 1em;font-size:1em;}
.nav li li a{display:block;width:150px;color:#4bade0;padding:3px 0;}
.nav li li a:hover{color:#f2f2f2}
.nav li li li {background:#636363;}


/*old styles */