* {
margin : 0;
padding : 0;
}
body {
background-color : #fff;
text-align : center;
font-family : Arial,Verdana,Tahoma;
}
#video-main {
background-color: #CC99CC;
width : 370px;
padding-top : 5px;
}
.video-play-section {
width: 320px !important ;
width: 320px;
float: left;
background-color: #00FF00;
}
.video-play-section_swf{
}

h1
{
color:#FFF;
font-size: 18px;
padding-left: 5px;
}

div.category
{
background-color: #007AC3;
padding: 5px;
}

.play-left {
background-color: #fff;
width : 480px;
float : left;
text-align:left;
border:0px solid red;
}

/*
.play-left-flash {
position:absolute;
background-color : #ffffff;
top:0px;
left:0px;
}*/

.play-right {
width : 320px;
height: 370px;
/*float: left;*/
border: 1px solid #007AC3;
padding-bottom: 10px;
margin-left: 0px;
background-color:#FFF;
}
.video-desc {
text-align : left;
width : 320px !important ;
width : 320px;
width : 320px;
border : 0px solid #8c8c8c;
margin-left: 0px;
}
.spnr_logo {
padding : 0;
margin : 6px auto;
width : 319px;
}
.video_desc_txt {
font-family : Arial,Verdana,Tahoma;
height : 158px !important ;
height : 158px;
height : 164px;
}

/* video title */
.video_desc_txt h1 {
padding : 7px 7px 0 13px;
font-size : 17px;
color: #007AC3;
line-height : 14px;
font-weight : bold;
}
.video_desc_txt p {
padding : 12px 7px 0 15px !important ;
padding : 14px 7px 0 15px;
padding : 14px 7px 0 15px;
font-size : 13px;
line-height : 14px;
}
.rel_videos {
width : 313px;
float : right;
margin-right : 7px;
text-align : right;
font-size : 12px;
font-weight : bold;
cursor:pointer;
}
.rel_videos span {
margin : 0;
padding : 0;

}
.rel_videos .email {
width : 19px;
float : left;
margin-top : 15px;
padding : 0;
}
.rel_videos .email-link {
float : left;
margin-top : 15px;
padding-left : 5px;
}
.rel_videos .email-link a {
font-family : Arial,Verdana,Tahoma;
color : #535353;
text-decoration : none;
font-size : 11px;
font-weight : normal;
}
.rel_videos .email-link a:hover {
text-decoration : underline;
}
.paginate {
width : 320px;
float : right;
border:0px solid red;
}
.paginate ul {
padding-right : 7px !important ;
padding-right : 7px;
padding-right : 12px;
padding-top : 6px;
float : right;
list-style-type : none;
font-family : Arial,Verdana,Tahoma;
}
.paginate ul li {
float : left;
padding : 2px;
color : #666666;
font-size : 11px;
line-height : 12px;
}
.paginate ul li a {
text-decoration : none;
padding : 0 4px;
font-family : Arial,Verdana,Tahoma;
color : #666666;
font-size : 11px;
line-height : 12px;
border : 1px solid #0F2250;
border-bottom-width : 2px;
}
.paginate ul li a:hover {
text-decoration : none;
background-color : #D30D2E;
color : #ffffff;
}
.paginate ul li .active {
text-decoration : none;
background-color : #D30D2E;
color : #ffffff;
border : 1px solid #0F2250;
border-bottom-width : 2px;
}
.paginate ul li .noborder {
text-decoration : none;
padding : 0;
font-family : Arial,Verdana,Tahoma;
color : #666666;
font-size : 11px;
line-height : 12px;
border : 0 solid #7d856d;
}
.video-list {
width : 768px !important ;
width : 768px;
width : 775px;
float : left;
padding-left : 2px;
padding-right : 2px;
padding-top : 8px;
padding-bottom : 8px;
background-color : #ffffff;

}
.video-sample {
float : left;
width : 124px;
height : 122px;
margin-left : 2px;
background-color : #ffffff;
border : 1px solid #ffffff;

}
.video-clip a {
text-decoration : none;
}
.video-sample_hl {
float : left;
width : 124px;
height : 122px;
margin-left : 2px;
background-color : #fff;
border : 1px solid #007AC3;
}
.video-sample_hl a {
text-decoration : none;
}
.video-clip {
width : 112px;
float : left;
padding : 5px 5px 0 6px;
}
.video-title {
padding : 4px 5px 0 5px;
font-family : Arial,Verdana,Tahoma;
color : #4d4f4c;
font-size : 11px;
line-height : 14px;
text-align : left;
float : left;
}
.video_clip_desc {
margin : 0;
padding : 0;
width : 104px;
height : 76px;
padding : 3px;
border : 1px solid #007AC3;
background-color : #ffffff;
font-family : Arial,Verdana,Tahoma;
color : #007AC3;
font-size : 11px;
font-weight: bold;
line-height : 14px;
text-align : left;
display : block;
cursor:pointer;
}
.video-sample_act {
float : left;
width : 124px;
height : 122px;
margin-left : 2px;
background-color : #c1c194;
border : 1px solid #868d7d;
}
.video-sample_act a {
text-decoration : none;
}


/*  Category Menu  */
#categoryMenu ul {list-style: none; display:inline-block; font-size: 11px; font-weight: bold; border: 0px solid #00FF00; padding: 5px;}
#categoryMenu ul li{float:right;}
#categoryMenu ul a{ color: #FFF; background-color: #999965; margin-right: 2px; padding: 5px; margin-bottom: 15px; text-decoration:none;}
#categoryMenu ul a:hover {background-color: #007AC3;}


/*added by sangeetha */

.responsemsg {
font-family : Arial,Verdana,Tahoma;
font-size: 11px;
color: #002F75;
}

.mattblacktabs{
width: 100%;
overflow: hidden;
border-bottom: 2px solid #007AC3; /*bottom horizontal line that runs beneath tabs*/
}

.mattblacktabs ul{
margin: 0;
padding: 0;
padding-left: 10px; /*offset of tabs relative to browser left edge*/
font: bold 12px Verdana;
list-style-type: none;
}

.mattblacktabs li{
display: inline;
margin: 0;
}

.mattblacktabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
border-right: 2px solid white; /*right divider between tabs*/
color: white;
background: #999965; /*background of tabs (default state)*/
}

.mattblacktabs li a:visited{
color: white;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: #007AC3; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}








.ubercolortabs{
padding: 0;
width: 100%;
overflow: hidden;
background: transparent;
}

.ubercolortabs ul{
font: bold 11px Arial, Verdana, sans-serif;
margin: 0;
padding: 0;
list-style: none;
}

.ubercolortabs li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
}


.ubercolortabs a{
float: left;
color: white;
background: #999965 url(../images/roundleft.gif) no-repeat left top; /*default background color of tabs, left corner image*/
margin: 0 2px 0 0;
padding: 0 0 1px 3px;
text-decoration: none;
letter-spacing: 1px;
}

.ubercolortabs a span{
float: left;
display: block;
background: transparent url(../images/roundright.gif) no-repeat right top; /*right corner image*/
padding: 7px 9px 3px 6px;
cursor: pointer;
}

.ubercolortabs a span{
float: none;
}


.ubercolortabs a:hover, .ubercolortabs li.selected a{
background-color: #007AC3; /*background color of tabs onMouseover*/
color: white;
}

.ubercolortabs a:hover span{
background-color: transparent;
}


.ubercolordivider{ /*CSS for horizontal line.*/
clear: both;
padding: 0;
width: 100%;
height: 2px;
line-height: 2px;
background: #007AC3; /*background color of horizontal line*/
border-top: 0px solid #fff; /*Remove this to remove border between bar and tabs*/
}











/********** MORE CRAP *************/