@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;
} 

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

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

.header_nav {
	background-image:url(../images/header_nav_bg.png);
	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;
	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: 25px;
}

.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: #CCC;	
}

/* Header MyJamabi dropdown menu */

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

.header_myjamabi {  //dropdown navigation menu
	width:205px;
	position:absolute;
	left:12px;
	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;
}	

/* 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: 20px;
	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 {
width:606px; float:left;
padding-left:12px;
}

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

.maincontent_columnspacer {
	height: 45px;	
}

.maincontent_header_generic {
	background-image: url(../images/header_center_generic_bg.png);
	background-position: left;
	background-repeat: no-repeat;
	height: 45px;
	font-family: Tahoma, Geneva, sans-serif;
	color: #666;
	font-size: 18px;
	padding-left: 39px;
	overflow: hidden;
	line-height: 44px;
}

.maincontent_header_viewpage {
	background-image: url(../images/stage_generic.png);
	background-position: left;
	background-repeat: no-repeat;
	height: 50px;
	font-family: Tahoma, Geneva, sans-serif;
	color: #FFF;
	font-size: 24px;
	padding-left: 52px;
	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;
}

/* ----- 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 {
	background-color:#F60;	
}

.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 */