@charset "utf-8";
/* Master Jamabi CSS Stylesheet - Includes all CSS styles, except for the player, which is included in player.css */
/* Revision 1.0 pre-beta - September 2009 */
/* Author: Michael J. Buehler: mbuehler@jamabi.com */

/* ----- Global Styles ----- */
body  {
	/*background: #2D2F32;*/
	margin: 0;
	padding: 0;
	text-align: center;
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 12px;
	line-height: 1.4em;
	background:url("../images/bg_background_large.png") repeat-x scroll 0 0 transparent;
} 

/* ----- Utility Classes ----- */
/* Classes used for claring floats, etc. as well as handling browser specific corrections */

/* clearfloat should be placed on a div or break and should be immediately preceeding the close of a container that should fully contain a float */
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* ----- Base Layout Elements ----- */

/* Containers */
/* Used to force page content in center of page */
.container  {
	width: 980px;  
	background: #FFFFFF;
	text-align: left; /* overrides the text-align: center on the body element. */
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

/* Used to house content between the header and footer containers */
.maincontent {
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 10px;
}

/* Headers */

/* mainheader used to contain all elements within the page header */
.mainheader {
	/*background: #2D2F32;	*/
}
/* header_top is the top portion of the header, containing the logo and login area */
.header_top {
	height: 48px;
	font-weight: bold;
	color: #666;
	text-align: right;
	padding-right: 15px;
	line-height: 60px;
}

/** changed by HTP **/
.header_top b {

	color: #000;
}
/** changed by HTP **/


/*.header_top a {
	text-decoration:none;
	color: #FFA902;
}*/

.header_top a {
	text-decoration:none;
	color: #08a2ef;
}

.header_top span {
	
	color: #FFA902;
}


.header_nav {
	background-color:#333333;
	background-repeat:no-repeat;
	background-position:left;
	height: 31px;
}

.header_nav ul {
	margin:0px;
	padding: 0px;
	text-decoration: none;
}

.header_nav li {
	display: block;
	font-weight: bold;
	color: #FFFFFF;
	
	/*padding-right: 14px;
	padding-left: 14px;*/
	
	/**changed by HTP ***/

	padding-right: 9px;
	padding-left: 9px;
		
	/**changed by HTP ***/

	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #66CCFF;
	height: 18px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 2px;
	float: left;
	text-decoration: none;
	list-style-type: none;
	line-height: 18px;
}

.header_nav li a.selected{
	color:#FFFFFF;
}


/****transaction menu ****/
.header_nav li a.transaction{
	color: #FFA902; 
	
}


.header_nav li.no-bor { border-right:0; background-image:url(images/img-yellow-arrow.gif);
}
.header_nav li.no-bor a {color: #FFA902;}

.header_nav a:link {
	color: #66CCFF;
	text-decoration: none;
}

.header_nav a:visited {
	color: #66CCFF;
	text-decoration: none;
}

.header_nav a:hover {
	color: #FFA902;
	text-decoration: none;
}	

.header_nav a:active {
	color: #FFA902;
	text-decoration: none;
}

.header_search {
	display:block;
	background-image:url(../images/header_nav_search_bg.png);
	background-repeat:repeat-x;
	float:right;
	}
	
.header_search_txt {
	width: 140px;
	font-size:10px;
	border: 0px;
	height: 13px;
	padding-bottom: 3px;
	padding-top: 2px;
	}

/* header bottom height may be overrided inline on specific pages that deviate from the standard height, such as index.php */
/* header background image is always set via inline styles on a specific page */
.header_bottom {
	background: #336699;	
}

/* Header MyJamabi dropdown menu */

/* ------------------------------------------------ */
/* !!!!! MAIN NAVIGATION MENU POPUP CLASSES AND IDS */
/* ------------------------------------------------ */

.header_myjamabi {  //dropdown navigation menu
	width:205px;
	position:absolute;
	top:79px;
	z-index:6;
	visibility:hidden;
	display:none;
	background-color:#3f4143;
	text-align: left;
	padding-left: 0px;
	margin-left: 0px;
	padding-right: 0px;
	margin-right: 0px;
}

.header_myjamabi_internal {  //for internal padding of myjamabi dropdown
	padding-left: 8px;
	padding-right: 8px;
	margin-left: 8px;
	margin-right: 18px;
	margin-bottom: 10px;
	color: #FFF;
}

.header_myjamabi_internal a:link {
	color: #66CCFF;
	text-decoration: none;
}

.header_myjamabi_internal a:visited {
	color: #66CCFF;
	text-decoration: none;
}

.header_myjamabi_internal a:hover {
	color: #FFA902;
	text-decoration: none;
}	

.header_myjamabi_internal a:active {
	color: #FFA902;
	text-decoration: none;
}



/*** Learn More menu class ****/


.header_learnmore {  //dropdown navigation menu
	width:205px;
	position:absolute;
	top:79px;
	z-index:1000;
	visibility:hidden;
	display:none;
	background-color:#3f4143;
	text-align: left;
	padding-left: 0px;
	margin-left: 0px;
	padding-right: 0px;
	margin-right: 0px;
}

.header_learnmore_internal {  //for internal padding of myjamabi dropdown
	padding-left: 8px;
	padding-right: 8px;
	margin-left: 8px;
	margin-right: 18px;
	margin-bottom: 10px;
	color: #FFF;
}

.header_learnmore_internal a:link {
	color: #66CCFF;
	text-decoration: none;
}

.header_learnmore_internal a:visited {
	color: #66CCFF;
	text-decoration: none;
}

.header_learnmore_internal a:hover {
	color: #FFA902;
	text-decoration: none;
}	

.header_learnmore_internal a:active {
	color: #FFA902;
	text-decoration: none;
}

/********************************/






	

/* Advertising */
.ad_skyscraper_center {
	text-align: center;	
}

/* Footers */

/* mainfooter div to contain all elements within the page footer */
.mainfooter {
	background: #FFF;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 20px;
}

.mainfooter a {
	text-decoration: none;
	color:#999;		
}

.footer_columnheader {
	color:#666;	
}

.footer_columnbody {
	color:#999;	
	text-decoration: none;
}


.footer_col_1 {
	margin: 0 0 0 12px; /* Puts a 12 pixel space between columns (left side) - think cellspacing */
	width: 18%; /* Allows for fluid design. Can be set to pixels */
	float: left;
}

.footer_col_2 {
	margin: 0 0 0 15px; /* Puts a 10 pixel space between columns (left side) - think cellspacing */
	width: 18%;
	float: left;
}

.footer_col_3 {
	margin: 0 0 0 15px; /* Puts a 10 pixel space between columns (left side) - think cellspacing */
	width: 18%;
	float: left;
}

.footer_col_4 {
	margin: 0 0 0 15px; /* Puts a 10 pixel space between columns (left side) - think cellspacing */
	width: 18%;
	float: left;
}

.footer_col_5 {
	margin: 0 0 0 15px; /* Puts a 10 pixel space between columns (left side) - think cellspacing */
	width: 18%;
	float: left;
} 

/* ----- Left Navigation Bar ----- */

.leftnav {
	background: #2D2F32;
	color:#FFF;
	margin-bottom: 15px;
	padding: 0px;
	margin-top: 0px;
}

.leftnav_browse_head {
	padding-left: 8px;
	font-weight: bold;
}

.leftnav_browse_head a {
	text-decoration: none;	
	color: #FFF;
}

.leftnav_browse_links {
	padding-left: 8px;	
	padding-right: 8px;
	color: #66CCFF;
}

.leftnav_browse_links a {
	text-decoration: none;	
	color: #66CCFF;
}

/* ----- Page Layouts ----- */
/* Layouts house content elements inside maincontent container (between header and footer) */

/* Standard 3 Column Layout */
/* Used in: Blog, Browse, Home, Login, Product Creation (Upload), Terms of Service, User Channels, Video Upload Pages */

.maincontent_3col_left {
	float:left;
	width:160px;
}

.maincontent_3col_center {
float: left;
padding-left: 6px;
border-left: 1px solid #999;
margin-left: 6px;
border-right: 1px solid #999;
width: 610px;
}

.maincontent_3col_right {
	float: right;
	width: 160px;	
}

.maincontent_columnspacer {
	height: 45px;	
}

.maincontent_header_generic {
	background-position: left;
	background-repeat: no-repeat;
	height: 45px;
	font-family: Tahoma, Geneva, sans-serif;
	color: #666;
	font-size: 18px;
	padding-left: 9px;
	overflow: hidden;
	line-height: 44px;
}

.maincontent_header_generic a {
	font-family: Tahoma, Geneva, sans-serif;
	color: #666;
	font-size: 18px;
	overflow: hidden;
	line-height: 44px;
	text-decoration:none;
}



.maincontent_header_generic-new {

	background-position: left;
	background-repeat: no-repeat;
	height: 45px;
	font-family: Tahoma, Geneva, sans-serif;
	color: #666;
	font-size: 14px;
	overflow: hidden;
	line-height: 44px;
	font-weight:bold;
}

.maincontent_header_generic-new a {
	font-family: Tahoma, Geneva, sans-serif;
	color: #666;
	font-size: 14px;
	overflow: hidden;
	line-height: 44px;
	text-decoration:none;
}




.maincontent_header_viewpage {
	background-position: left;
	background-repeat: no-repeat;
	height: 50px;
	font-family: Tahoma, Geneva, sans-serif;
	color: #FFF;
	font-size: 24px;
	padding-left: 10px;
	overflow: hidden;
	line-height: 46px;
}

/* Standard 2 Column Layout */
/* Used for view page */

.maincontent_2col_left {
	float:left;
	width:160px;
}

.maincontent_2col_right {
	float: right;
	width: 775px;
	margin-right: 0px;
padding-left: 1px;
border-left: 1px solid #999;
margin-left: 6px;
border-right: 1px solid #999;	
}

/* ----- Content Element Layouts ----- */
/* Content elements contained inside maincontent layout containers */

/* Featured content (home page) */
/* Main featured content container -- large left column, small right column */
.content_featured {

}

.content_featured_left {
	float: left;
	width:393px;
}

.content_featured_right {
	float: right;
	width:192px;
}

.content_featured_left_title {
	margin-top: 5px;
	color:#333;
	font-weight:bold;
	font-size:14px;
}

.content_featured_left_description {
	color:#666;
	font-size:11px;
	
}

.content_featured_left_viewcount_stars {
	float: right;
	text-align: right;
	font-size: 11px;
	color:#333;
}

.content_featured_left_author {
	float: left;
	font-size: 11px;
	color: #0033CC;
	margin-bottom:10px;
	
}

.content_featured_top_left_author{
	clear:both;
	float: left;
?font-size: 11px;
	color: #0033CC;
	margin-bottom:10px;
	
}


.content_featured_right_title {
	margin-top: 5px;
	color:#333;
	font-weight:bold;
	font-size:12px;
}

.content_featured_right_description {
	color:#666;
	font-size:11px;
}

.content_featured_right_viewcount {
	color:#666;
	font-size:11px;
}

.content_featured_right_stars {
	color:#666;
	font-size:11px;
	margin-bottom: 15px;
	margin-top: 2px;
}

/* Featured Categories - Home Page */

.content_featured_categories {
line-height:15px;
}

.content_featured_categories_title{
	clear:both;
	padding-top:5px;
	margin-top: 5px;
	color:#0033CC;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;	
}


.content_featured_categories_title a {
clear:both;
	
	margin-top: 5px;
	color:#0033CC;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;	
}

.content_featured_categories_title a:hover {
	margin-top: 5px;
	color:#0033CC;
	font-weight:bold;
	font-size:12px;
	text-decoration:underline;	
}


.content_featured_categories_viewcount {
	color:#666;
	font-size:11px;

	float: left;
}

.content_featured_categories_stars {
	color:#666;
	font-size:11px;
	float: right;
	margin-right: 10px;
	margin-top: 4px;
}

/* Validator styles */

.signup_alert {
color:red;
font-weight:bold;	
}

.signup_alert_disabled {
}

/* ------------------------ */
/* !!!!! SWFUPLOAD ELEMENTS */
/* ------------------------ */
/* Perhaps move this into a separate CSS file as it is not needed on every page. */


div.flash {
	width: 375px;
	margin: 10px 5px;
	border-color: #D9E4FF;

	-moz-border-radius-topleft : 5px;
	-webkit-border-top-left-radius : 5px;
    -moz-border-radius-topright : 5px;
    -webkit-border-top-right-radius : 5px;
    -moz-border-radius-bottomleft : 5px;
    -webkit-border-bottom-left-radius : 5px;
    -moz-border-radius-bottomright : 5px;
    -webkit-border-bottom-right-radius : 5px;

}

.progressWrapper {
	width: 357px;
	overflow: hidden;
}

.progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}
/* Message */
.message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
/* Error */
.red {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}

/* Current */
.green {
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}

/* Complete */
.blue {
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}

.progressName {
	font-size: 8pt;
	font-weight: 700;
	color: #555;
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url(../images/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}

a.progressCancel:hover {
	background-position: 0px 0px;
}

.swfupload {
	vertical-align: top;
}

.author{
	
	color:#0033CC;
}

a.link{
	
	text-decoration:none;
	color:#0033CC;
}
a.link:hover{
text-decoration:underline;
}

a.videotitle{
font-weight:bold;
color:#0033CC;
text-decoration:none;
}
a.videotitle:hover{
font-weight:bold;
text-decoration:underline;
}

.error-msg{
     font-size: 11px; color:#ff0000; font-weight:bold; font-style:italics;
}
/* End SWFUPLOAD elements */


/* CSS Start for Home Page Header Bar */
#edu_bar{
width: 980px; height: 100px; font-family: Arial, sans-serif; color: #333; line-height: 1;
background: url(../images/bg-main.jpg) no-repeat; position: relative
}
#edu_bar_inside{height: 80px;padding: 15px; position: relative; overflow: hidden; _zoom: 1}
.rectangle, .phrase1 , .phrase2, .phrase3, .phrase4, .phrase1glow, .phrase2glow, .phrase3glow, .button1, .button2, .button3 {position: absolute}
.rectangle {
width: 696px; height: 70px; background: url(../images/rectangle.png); top: 15px; left: 15px
}
.phrase1 , .phrase2, .phrase3, .phrase1glow, .phrase2glow, .phrase3glow {top: 24px; height: 50px}
.phrase1, .phrase1glow {
width: 200px; left: 35px; background: url(../images/phrase1.png)
}
.phrase2, .phrase2glow {
width: 233px; left: 244px; background: url(../images/phrase2.png)
}
.phrase3, .phrase3glow {
width: 194px; left: 490px; background: url(../images/phrase3.png)
}
.phrase1glow {background: url(../images/phrase1glow.png)}
.phrase2glow {background: url(../images/phrase2glow.png)}
.phrase3glow {background: url(../images/phrase3glow.png)}
.phrase4 {
width: 144px; height: 10px; top: 7px; left: 774px; background: url(../images/phrase4.png)
}
.button1, .button2, .button3 {
width: 169px; height: 20px; left: 762px; cursor: pointer
}
.button1 {top: 23px; background: url(../images/button1.png)}
.button2 {top: 48px; background: url(../images/button2.png)}
.button3 {top: 73px; background: url(../images/button3.png)}

/* END  for Home Page Header Bar */



/***********css By abhishek***********/
.slide-2{}
.slide-2 table tr td a{ text-decoration:none;}


a.index-link{
	
	color:#0033CC;
	 text-decoration:none;
}

a.index-link:hover{
	
	text-decoration:underline;
}

.ele-desc{
font-size:11px;
}

.bg-button{
	background:url(/images/btn-createacc.gif) no-repeat;
	width:84px;
	height:20px;
	border:0;
	cursor:pointer;
}

.bg-submit-button{
	background:url(/images/btn-submit.gif) no-repeat;
	width:84px;
	height:20px;
	border:0;
	cursor:pointer;
}

.mandatory{
color:red;
font-weight:bold;
	
	
}

.whitebody{
background-color:#FFFFFF;
background-image:none;
	
}


.faq-q-title{
	font-style:italic;
	font-weight:bold;
}

a.faq-head{
	
	color:#0033CC;
	 text-decoration:none;

}

a.faq-head:hover{
	
	color:#0033CC;
	text-decoration:underline;

}


span.button input{ background:url(/images/message/btn-bg.gif) top left no-repeat; width:84px; height:20px; border:0;  font-weight:bold;   cursor:pointer; }


.grayTextKeyword{color:gray}

a.button {
    /* Sliding right image */
background: transparent url('/images/btn_r.png') no-repeat scroll top right; 
display: block;
float: left;
height: 32px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
margin-right: 6px;
padding-right: 15px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
color: #ffffff;
font-family: Verdana;
font-size:14px;
font-weight:bold;
}
a.button span {
/* Background left image */ 
background: transparent url('/images/btn_l.png') no-repeat; 
display: block;
line-height: 22px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
padding: 4px 0 5px 18px;
} 
a.button:hover span{
text-decoration:underline;
}