@charset "UTF-8";
/* CSS Document */

body {
	background: #e1e1e1 url(/images/new/bg.jpg) top center repeat-x;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
}

img {
	border: 0;
	margin: 0px;
	padding: 0px;
}

div.course_wrapper {
	background: #e9e9e9 url(/images/new/header_stripes.png) repeat-x top left;
	border: solid 1px #ddd;
	height: 500px;
	width: 200px;
	padding: 3px 3px 20px 3px;
	margin-bottom: 20px;
}

.course_wrapper h2 {
	font-size: 1.2em;
	margin: 10px 0px 15px 10px;
    color: #fff;
	text-shadow: 1px 1px 3px #777;
}

div.vids_wrapper {
	float: right;
	width: 650px;
}

div.course_prices {
	width: 600x;
	min-height: 110px;
	margin-bottom: 15px;
	border:1px solid white;
}

ul.comments {
	list-style: none outside none;
}

ul.comments .date {
	font-size: 0.8em;
}

ul.comments .username {
	font-size: 0.8em;
	font-style: italic;
}

.blacklink {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

#page {
	background: #fff;
	width: 950px;
	margin: 0 auto;
	position: relative;
}

#header {
	background: #fff;
	height: 100px;
	padding-top: 10px;
}
#header .searchbar {
	background: transparent url(/images/new/search_bg.jpg) no-repeat;
	margin: 14px 0 0 60px;
	height: 52px;
	width: 335px;
	margin-left: 60px;
	margin-top: 20px;
	padding-left: 10px;
	padding-top: 8px;
	float: left;
}

#header .title {
	/*background: url(/images/new/header_logo.jpg) no-repeat left top; */
	background: transparent;
	margin: 10px 0 0 20px;
	color: #fff;
	font-size: 1.1em;
	height: 74px;  /* Make sure the #header h1 a height is the same as this */
	position: relative;
	width: 205px;  /* Make sure the #header h1 a width is the same as this */
	float: left;
}

#header .title a {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100px;  /* Make sure this is the same as #header h1 height */
	width: 210px;  /* Make sure this is the same as #header h1 width */
}

#header .title span {
	display: none;
}

/*  NO MORE MARQUEE!
#marquee {
	position: absolute;
	top: 38px;
	left: 230px;
	width: 410px;
}
*/

#accountspace {
	float: left;
	margin-left: 60px;
	margin-top: 20px;
	width: 250px;
}
#accountspace a {
	color: #fa2;
	text-decoration: none;
}

#accountspace a:hover {
	color: #29f;
}
/* Doing this a little differently.
#header form#login {
	position: absolute;
	top: 80px;
	right: 10px;
}

#header form label {
	color: #fff;
	display: block;
	font-size: 0.9em;
	padding: 0 0 2px 2px;
}

#header form .unused {
	color: #666;
}
*/

#header #signout {
	border: 1px solid #f60;
	position: absolute;
	top: 29px;
	right: 22px;
	margin: 0;
	padding: 8px 20px;
	overflow: auto;
}

#header #signout a {
	color: #f60;
	text-decoration: none;
}

#menu ul {
	/* background: #eee; */
	height: 60px;
	list-style-type: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
	padding-left: 5px;
}

#menu ul li {
	background: url(/images/new/grey_block.jpg);
	float: left;
	padding: 0;
	margin: 0;
	width: 156px;
	height: 72px;
	vertical-align: middle;
}

#menu ul li.menu_active{
	background: url(/images/new/orange_block.jpg);
}

#menu ul li a {
	color: #aaa;
	display: block;
	font-size: 1.3em;
	padding: 1.3em 0.1em 1.3em 0.1em;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	font-weight: bold;
}
#menu ul li a.curpage {
	color: #000;
}

#menu ul li a:hover {
	color: #000;
}

#container {
	/*background: #666 url(/images/default/container_background.png) top left repeat-x; */
	background: #fff;
	/* overflow: auto; */
}

#search {
	border: 2px solid #ccc;
	color: #999;
	font-size: 16px;
	font-style: italic;
	padding-left: 5px;
	padding-top: 2px;
	height: 29px;
	width: 270px;
	float: left;
	line-height: 29px;
}

#searchButton {
	background: url(/images/new/search_go.jpg) no-repeat;
	cursor: pointer;
	height: 36px;
	width: 34px;
	margin: 0;
	padding: 0;
	border: 2px solid #ccc;
	border-left: 0;
}

#searchButton:hover {
	background: url(/images/new/search_go_mo.jpg) no-repeat;
}

#sidebar {
	float: right;
	margin: 10px 10px 10px 0;
	width: 270px;
}

#sidebar form {
	background: #fff;
	padding: 10px 8px;
	opacity: 1;
}

#sidebar form p {
	margin: 0 0 4px 0;
	opacity: 1;
}

#sidebar h2 {
	background: url(/images/default/sidebar_h2_background.png) top left no-repeat;
	font-size: 1.2em;
	margin: 0;
	padding: 2px 10px;
}

#sidebar h3 {
	background: url(/images/default/sidebar_h3_background.png) top left repeat-x;
	font-size: 1.2em;
	margin: 0;
	padding: 2px 10px;
}

#sidebar h4 {
	background: url(/images/default/sidebar_h4_background.png) top left repeat-x;
	font-size: 1.2em;
	margin: 0;
	padding: 2px 10px;
}

#sidebar .box {
	background: #fff;
	padding: 5px;
}

#sidebar .box h3 {
	background: none;
	font-size: 1em;
	padding: 3px 0;
}

#sidebar .box h4 {
	background: none;
	font-size: 1em;
	padding: 3px 0;
	font-style: italic;
}

#sidebar .box p {
	margin: 0;
	padding: 3px 0;
}

#sidebar .video_details {
	border: 1px solid #ccc;
	margin: 0 0 10px 0;
}

#sidebar .video_details h2 {
	background: none;
	margin: 6px 6px;
	padding: 0;
}

#sidebar .video_details h3 {
	margin: 0px 6px;
	padding: 0;
}

#sidebar .video_details p {
	margin: 6px 6px;
	padding: 0;
}

#sidebar .options h3 {
	background: url(/images/default/sidebar_options_h3_background.png) top left repeat-x;
	font-size: 0.86em;
	margin: 0;
	padding: 0;
}

#sidebar .options h3 a {
	color: #000;
	display: block;
	padding: 3px 5px 1px 5px;
	text-decoration: none;
}

#sidebar .options ul {
	background: #fff;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 270px;
	overflow: auto;
}

#sidebar .options ul li {
	padding: 2px 0 0 0;
	margin: 0;
}

#sidebar .options ul li a {
	background: #fff;
	border-bottom: 1px solid #ddd;
	color: #000;
	display: block;
	padding: 3px;
	text-decoration: none;
}

#sidebar .options ul li a:hover {
	background: #ccc;
}

#sidebar .options ul li h4 {
	font-size: 0.8em;
	font-style: normal;
	margin: 0;
	padding: 0;
}

#sidebar .options ul li img.thumb {
	float: right;
	margin: 4px 5px 0 0;
	height: 44px;
	width: 70px;
}

#sidebar .options ul li p {
	font-size: 0.8em;
	margin: 0;
	padding: 0;
}

#accountspace p {
	margin: 0px;
}
/*
#container {
	margin: 10px 290px 0 10px;
	overflow: auto;
	width: 660px;
}
*/

#main_content a {
	color: #fa2;
	font-weight: bold;
	text-decoration: none;
}

#main_content a.blacklink {
	color: #000;
}

#main_content a:hover {
	color: #777;
}

#main_content_grey a {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

#main_content_grey a:hover {
	color: #29f;
}

/*
#container h1 {
	background: url(/images/default/content_h1_background.png) top left no-repeat;
	color: #000;
	font-size: 1.2em;
	margin: 0;
	padding: 2px 10px;
}
*/
#container h1 {
	margin: 0;
	padding: 2px 10px 2px 0px;
	font-size: 1.6em;
	color: #000;
}

/*Added by Hanmi on 2011-Jun-06 for vertical aligning of lock.jpg and the text on the right*/
#container h1.membership_required {
	margin: 0;	
	padding: 8px 10px 2px 0px; 
	font-size: 1.6em;
	color: #000;
}

#container h2.title {
	/*background: url(/images/default/content_h2_full_background.png) top left no-repeat;*/
	font-size: 1.2em;
	margin: 0;
	padding: 2px 10px 2px 0px;
}

#container h3 {
	background: transparent;
	font-size: 1.2em;
	margin: 0;
	padding: 6px 10px 4px 0px;
}

#container h4 {
	color: #000;
	font-size: 1.2em;
	margin: 0;
	padding: 6px 10px 4px;
}

#container p {
	margin: 0.4em 0;
}

#container .full_box {
	background: #fff;
	color: #000;
	clear: both;
	padding: 5px;
	margin: 0 0 10px 0;
}

#container .full_box h2 {
	background: none;
	font-size: 1.1em;
	padding: 2px 0;
}

#container .full_box h3 {
	background: none;
	font-size: 1em;
	padding: 2px 0;
}

#container .split_box {
	clear: both;
	margin: 0 0 10px 0;
	overflow: auto;
}

#container .left_half,
#container .right_half {
	width: 326px;
}

#container .left_half {
	float: left;
}

#container .right_half {
	float: right;
}

#container .split_box h2 {
	background: transparent;
	font-size: 1.2em;
	margin: 0;
	padding: 2px 10px;
}

#container .split_box h3 {
	background: url(/images/default/container_h3_half_background.png) top left no-repeat;
	font-size: 1.2em;
	margin: 0;
	padding: 2px 10px;
}

#container .half_box {
	background: #fff;
	color: #000;
	padding: 5px;
}

/* An override for the main_content_grey area */
#container .half_box.grey {
	background: #eee;
}

#container a.course_header {
	color: #333;
}

#container h3.course_header {
	font-size: 1.2em;
	padding: 6px 10px 4px 0px;
	border-bottom: solid 1px #ddd;
}

#container div.course_list {
	padding: 0 5px;
}

#container ul.course_list {
	list-style-type: none;
	margin: 0;
	padding: 10px 0 0 0;
}

#container ul.course_list ul {
	list-style: none;
	/*margin: 2px 0 10px 0;*/
	padding: 2px 0 0 18px;
}

#container .course_list li {
	color: #666;
	font-weight: bold;
	margin: 0;
	margin-right: 10px;
	padding: 0;
}

#container ul.course_list li a {
	color: #333;
}


#container .course_list li ul {
	border-top: 1px solid #666;	
	list-style-type: none;
	margin: 2px 0 10px;
	padding: 2px 0 0 18px;
}

#container .course_list li ul li {
	font-size: 0.9em;
}

#container ul.course_list li ul li a {
	color: #FA2;
}

#container .search_results {
	background: #fff;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: auto;
}

#container .search_results li {
	padding: 2px 0 0 0;
	margin: 5px;
	width: 420px;
	float: left;
	font-size: 0.8em;
}

/* An override for the show video page */
#main_content_grey .search_results li {
	width: 400px;
}

/* An override for the videos index page */
#videotabs .search_results li {
	width: 285px;	
}

/* An override for the new library */
#videotabs ul{
	margin: 0;
	padding: 1px 1px 0px 1px;
	list-style: none outside none;	
}

/* An override for the new library */
#videotabs div.pane ul.search_results li {
	width: 828px;	
}	

#lessontabs .search_results li {
    width: 265px;
}
#lessontabs .ui-tabs-panel {
	border: 1px solid #000;
}

#container .search_results li a {
	background: #ececec;
	border: 1px solid #ddd;
	color: #000;
	display: block;
	padding: 3px; /* 3px 16px 3px; */
	text-decoration: none;
}

#container .search_results li a:hover {
	background: #ccc;
	border-color: #777;
}

#container .search_results li h4 {
	font-size: 0.8em;
	font-style: normal;
	margin: 0;
	padding: 0;
}

#container .search_results li img.thumb {
	float: right;
	margin: 2px 2px;
	height: 44px;
	width: 70px;
}

#container .search_results li p {
	font-size: 0.8em;
	margin: 0;
	padding: 0;
}

#container .details th {
	text-align: left;
	vertical-align: top;
	padding: 2px 6px 3px 0;
}

#container .details td {
	text-align: left;
	vertical-align: top;
	padding: 2px 0px 3px 6px;	
}

#container ul.featurelist {
	list-style: none outside none;
	padding: 0;
}

#container ul.featurelist li {
	padding: 5px 0;
}

#container ul.featurelist li img {
	vertical-align: middle;
}

#footer {
	background: #ccc;
	border-top: 2px solid #fff;
	clear: both;
	font-size: 10px;
	height: 32px;
	margin: 0px;
	padding: 15px 15px 0 15px;
	overflow: auto;
}

#footer ul {
	float: left;
	list-style: none;
	margin: 0 0 0 10px;
	padding: 0 0 10px 0;
}

#footer ul li {
	border-left: 1px solid #f6ad1e;
	float: left;
	margin: 0;
	padding: 0;
}

#footer a {
	color: #000;
	/*display: block;*/
	text-decoration: none;
	/* padding:  8px 10px 2px 8px; */
}

#footer a:hover {
	color: #39f;
}

#main_content {
	margin: auto;
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 5px;
	padding-left: 30px;
}

#main_content_grey {
	background-color: #eee;
	margin: auto;
	padding-top: 10px;
	padding-right: 25px;
	padding-bottom: 10px;
	padding-left: 25px;
}

#featured_pricing {
	float: right;
	display: block;
	margin-right: 10px;
}

#featured_pricing img {
	display: block;
}

#free_videos {
	width: 636px;
	height: 200px;
	overflow: hidden;
	background: #000;
	margin: 0;
	padding: 0;
	float:right;
}

#free_videos_nav {
	width: 636px;
	text-align: left;
	margin: 0 0 20px;
	padding: 0;
	display: block;
	background: url(/images/new/banner_bottom.png) no-repeat top right;
	float: right;
}

#free_videos_nav ul {
	margin: 0;
	padding: 0;
	list-style: none outside none;
	margin: 0;
	margin-left: 2px;
	padding: 0;
	display: block;
	width: 636px;
	height: 30px;
}

#free_videos_nav ul li {
	padding: 0 5px 0 5px;
	list-style: none outside none;
	position: relative;
	float: left;
	display: block;
	margin:0;
	height: 30px;
}

#free_videos_nav ul li img {
	margin-top: 2px;
}

#bottomLinks { 
	float: left;
	font-size: 10px;
	margin-top: 2px;
}

#socialLinks { 
	float: left;
	margin-left: 95px;
}

#socialLinks img {
	margin-left: 2px;
	margin-right: 2px;
}

#copyright {
	margin-top: 2px;
	float: right;
	font-size: 10px;
}

#new_vid_wrapper {
	margin-top: 10px;
	clear: both;
	float: none;
	display: block;
	text-align: center;
	height: 150px;
}

#nv_outer {
	clear: both;
	overflow: hidden;
	width: 800px;
	margin: 0 auto;
	padding: 0;
}

#nv_controls {
	width: 600px;
	margin: 0 auto;
	padding: 0;
}

#left_arrow {
	float: left;
	clear: right;
	height: 30px;
	width: 30px;
}
#description_text {
	float:left;
	height: 30px;
	width: 540px;
}

#right_arrow {
	float: left;
	height: 30px;
	width: 30px;
}

#new_videos {
	float: left;
	width: 1800px;
	height: 90px;
	list-style: none outside none;
	margin: 0;
	padding:0;
}

#new_videos li {
	margin: 0;
	padding: 0;
}

#purchasedetails {
    float: left;
    width: 400px;
    padding: 10px;
    margin-left: 30px;
    margin-bottom: 10px;
}

/* NO! 
#ratings {
	overflow: auto;
}
*/

#vote_here {
	vertical-align: center;
}


#cart {
    background: #f1f1f1 url(/images/new/dragndrop.png)  no-repeat center 50px;
    width: 400px;
    min-height: 850px;
    margin-right: 20px;
    float: right;
}

#courses {
    width: 400px;
    float: left;
}

#alacarte h3 {
    background: url(/images/new/bg_black.jpg) repeat-x;
    color: #fff;
    padding: 5px 5px;
}

.toprated {
	overflow: auto;
	text-align: left;
	padding-left: 60px;
}

.toprated ul {
	list-style:none outside none;
	margin: 0;
	margin-top: 20px;
	padding: 0;
}

.toprated ul li {
	background: transparent;
	position: relative;
	width: 180px;
	height: 150px;
	float: left;
	margin: 0;
	padding: 10px 3px 5px;
	display: inline;
}

.toprated ul li h4 {
	margin: 0px;
	padding: 0px;
	
}

.toprated ul li p {
	text-align: left;
}


.go_button {
	background: url(/images/new/go_button.png) no-repeat center center;
	border: none;
	height: 19px;
	width: 20px;
}

.notice {
	color: #33aa33;
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
}
/* NOT USED
.ui-widget-shadow {
	margin: -8px 0 0 -8px;
	padding: 8px;
	background: #aaaaaa url(/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
	opacity: .30;
	filter:Alpha(Opacity=30);
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
*/

.ui-widget-shadow {
    -moz-box-shadow: 0px 0px 15px #ccc;
    -webkit-box-shadow: 0px 0px 15px #ccc;
    box-shadow: 0px 0px 15px #ccc;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=15, Direction=0, Color='#cccccc')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=15, Direction=0, Color='#cccccc');
}

.paneflow {
	list-style: none outside none;
	width: 636px;
	margin: 0;
	padding: 0;
}

.paneflow li {
	width: 636px;
	height: 200px;
	overflow: hidden;
	float: left;
	display: block;
	position: relative;
	line-height: 0px;
	display: none;
}
.paneflow li:first-child {
	display: block;
}

.paneflow li a {
	border: 0;
	margin: 0;
	padding: 0;
}

.paneflow li a img {
	border: 0;
	margin: 0;
	padding: 0;
}

.infobox {
	display: inline-block;
	margin: 0;
	min-height: 300px;
	margin-right: 30px;
	width:550px;
	float:left;
	clear:left;
}

.infobox p {
	margin-bottom: 0;
	padding-bottom: 5px;
	vertical-align: top;
}

.infobox h3 {
	margin: 0;
}

.newsfeed {
	background: transparent;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
	width: 260px;
	float:right;
	clear:right;
	min-height: 295px;
	display: block;
}

.newsfeed h3 {
	border-bottom: 2px #000 solid;
}

.newsfeed ul {
	padding: 0;
	margin: 0;
	list-style:none;
}

.newsfeed ul li {
	background: url(/images/new/news_item.png) no-repeat left center;
	padding-top: 15px;
	padding-left: 35px;
	margin: 0;
	margin-right: 15px;
	border-bottom: 1px #ddd solid;
}
.newsfeed ul li a {
	vertical-align: top;
	margin-bottom: 5px;
}

.register {
	background: url(/images/new/shadowbox_register.jpg) no-repeat left top;
	width: 230px;
	float: right;
	padding: 10px 40px;
}

.trial_register {	
	background: url(/images/new/shadowbox_register.jpg) no-repeat left top;
	width: 230px;
	height: 400px;
	float: right;
	padding: 10px 40px;
}

#container .trial_register h2 {
	margin-top: 15px;
}


/************ avalanche ************/
.avalanche_register {	
	/*background: url(/images/new/shadowbox_register_avalanche.jpg) no-repeat left top;*/
	width: 230px;			
	padding: 0;
	margin: 0;
}

.avalanche_register_form {	
	padding-top: 0px;
	padding-left: 50px;
	/*float: right;*/
}

div.avalanche_vids_wrapper {
	float: right;
	width: 650px;
}

div.avalanche_vids_wrapper .course_prices{
	padding: 0;
	margin: 0;
	min-height: 82px;
}

div.avalanche_vids_wrapper .course_prices h2 {
	color: #000;
}

div.avalanche_vids_wrapper .course_prices p {
	color: #000;	
}
/*
#avalanche_split_box {
	clear: both;
	margin: 20px 10px;
	overflow: auto;
}

#avalanche_split_box .left_half,
#avalanche_split_box .right_half {	
	background: #eee;	
	width: 302px;
}

#avalanche_split_box .left_half {
	float: left;
}

#avalanche_split_box .right_half {
	float: right;
}

#avalanche_split_box h2 {
	background: transparent;
	font-size: 1.2em;
	margin: 0;
	padding: 10px;
	color: #c00000;
}

#avalanche_split_box .half_box {
	background: #eee;	
	padding: 0 20px 10px;
}

#avalanche_split_box .half_box i{
	color: #c00000;
}

#avalanche_split_box .half_box ul{
	margin: 0;
	padding: 0 0 0 7px;
}
*/
/************ avalanche ************/



.subscr_option {
    background: url(/images/new/shadowbox_cart.png) no-repeat left top;
    width: 255px;
    float: left;
    padding: 20px;
    margin: 0px;
}

.subscr_option h1.subscr_head {
    text-align:center;
}

.subscr_pricing {
    margin-top: 30px;
    margin-bottom: 10px;
}

.subscr_pricing img {
    float: left;
}

.subscr_pricing p {
    padding: 20px 10px 20px 95px;
}

.subscr_option a {
    background: url(/images/new/bg_yellow.jpg) repeat-x left top;
    text-align: center;
    color: #000;
    padding: 7px 15px;
    margin-top: 20px;
    margin-left: 60px;
    display: inline-block;
}
/* The #container rule overrides this one...*/
#container .register h3 {
	margin-top: 10px;
}

#container .register p {
	margin-top: 10px;
	margin-bottom: 10px;
}

.registertable {
	margin-bottom: 50px;
	color: #777;
}

.registertable th {
/*background-image: url(/images/new/table_bg.png);
	height: 28px;
	padding: 0px 8px;
	color: #7e7e7e;
	text-shadow: 1px 1px 2px #eee;
	border: none;*/
	text-align: left;
	font-size: 16px;
	padding-bottom: 10px;
	color: #000;
}

.registertable td{
	padding-top: 7px;
}


.newvid {
	float: left;
	padding: 5px;
}

.bigunderline {
	border-bottom: 2px #000 solid;
}

.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
.ui-icon { width: 16px; height: 16px; background-image: url(/images/new/ui-icons_222222_256x240_orange.png); float: left; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-state-hover { opacity: 0.8; }
.ui-tabs { padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; margin: 0 .2em -1px 0; padding: 0; border-right: solid 1px #CCC; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { border-bottom: 0; background-color: #FFF; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; color: #000; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; color: #000; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 0.5em; display: block; background: #fff; }
.ui-tabs .ui-tabs-hide { display: none !important; }
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
.ui-datepicker { width: 17em; padding: .2em .2em 0;  background: #fff;}
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }
/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-corner-all { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}
/*
#showvidtabs .ui-tabs-nav li {
	background: url(/images/new/video_tabs.jpg) repeat-x 0px 0px;
}

#showvidtabs .ui-tabs-nav li.ui-state-hover {
	background: url(/images/new/video_tabs.jpg) repeat-x 0px -30px;
}

#showvidtabs .ui-tabs-nav li.ui-state-active {
	background: url(/images/new/video_tabs.jpg) repeat-x 0px -30px;
}
*/
#shovidtabs .toprated {
	width: 830px;
}

/*  Probably can get rid of all these workarounds
#videotabs .ui-tabs-nav li {
	background: url(/images/new/video_tabs.jpg) repeat-x 0px 0px;
}

#videotabs ui-tabs-nav li.ui-state-hover {
	background: url(/images/new/video_tabs.jpg) repeat-x 0px -30px;
}

#videotabs .ui-tabs-nav li.ui-state-active {
	background: url(/images/new/video_tabs.jpg) repeat-x 0px -30px;
}

#lessontabs .ui-tabs-nav li {
	background: url(/images/new/video_tabs.jpg) repeat-x 0px 0px;
}

#lessontabs ui-tabs-nav li.ui-state-hover {
	background: url(/images/new/video_tabs.jpg) repeat-x 0px -30px;
}

#lessontabs .ui-tabs-nav li.ui-state-active {
	background: url(/images/new/video_tabs.jpg) repeat-x 0px -30px;
}

table.detail td {
	padding-left: 20px;
}
*/

.hbg-bar { padding-left: 5px; background-color: #369; color: #fff; font-weight: bold; }
.hbg-title { text-align: center; font-weight: bold; }
.bigtip {
	background: url(/images/new/tow_bg_big.png) transparent no-repeat top left;
	/*width:585px;*/
	width:862px;
	padding: 0px;
	padding-left: 5px;
	margin-top: 15px;
	margin-left: 18px;
	clear:both;
}
#container .bigtip h1 {
	/*padding-top: 55px;
	padding-left: 10px;*/
	padding-top: 60px;
	padding-left: 40px;
}
#container .bigtip p {
	/*padding-left: 10px;*/
	padding-left: 40px;
}
.bigtip img {
	float: right;
	/*margin: 15px 20px;*/
	margin: 15px 40px;
}
.smalltip {
	float:left;
	background: url(/images/new/tow_small_bg.png) no-repeat transparent top left;
	width: 190px;
	/*margin-left: 7px;*/
	margin-left: 25px;
	margin-top: 10px;
	padding-top: 10px;
	height: 150px;
	text-align: center;
	display: inline;
}
#container .smalltip p {
	text-align: left;
	margin-left: 38px;
}
#container .smalltip span.date {
	color: #888;
}
#container .smalltip span.title {
	color: #fa0;
}
#container .smalltip span.course {
	color: #000;
}
.first-small-tip {
	/*margin-left: 19px !important;*/
	margin-left: 32px !important;
}
/*
#showvidtabs ul.comments li {
	background: transparent;
}

#showvidtabs .toprated ul li {
	background: transparent;
}
*/

.error {
    color: #d22;
}
/* UI Menu  FOR AUTOCOMPLETE */
.ui-autocomplete { position: absolute; cursor: default; max-height:300px; overflow:hidden;}	
* html .ui-autocomplete { height: 300px; } /* override for IE6 */

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
.ui-widget { font-family: Arial, Helvetica, sans-serif; font-size: 1em; background-color: #FFF; }
.ui-widget .ui-widget { font-size: 76%; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial, Helvetica, sans-serif; font-size: 76%; }
.ui-widget-content { border: 1px solid #dddddd; background: #fff 50% top repeat-x; color: #333333; background-color: #e9e9e9; }
.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
	float: left;
}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item { margin:0; padding: 0; zoom: 1; float: left; clear: left; width: 100%; }
.ui-menu .ui-menu-item a { text-decoration:none; display:block; padding:.2em .4em; line-height:1.5; zoom:1;}
.ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; background:#ccc}
/*Added by Hanmi on 2011-Jun-06*/
table.detail input[type="text"], table.detail input[type="password"] {
	width: 390px;
	height: 28px;
	/*margin-bottom: 7px;*/
	border-top: solid 1px #AAA;
	border-bottom: solid 1px #AAA;
	border-left: solid 1px #AAA;
	border-right: solid 4px #f8c72d;
	padding-left: 5px;
	background-image: url(/images/design4/formbg.png);
}

/* Added by Hanmi on 2012-Feb-24 */
table.report input[type="text"] {
	width: 160px;
	height: 15px;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 10px;
	border-top: solid 1px #AAA;
	border-bottom: solid 1px #AAA;
	border-left: solid 1px #AAA;
	border-right: solid 4px #f8c72d;
	background-image: url(/images/design4/formbg.png);	
}

/* Playlist additions */
#playlists {
  padding: 0px;
}

#playlists h2 {
  margin: 0;
  margin-bottom: 5px;
  color: #333;
  padding: 5px 10px;
  font-size: 0.1em;
  visibility: hidden;
}

h3#playlist_title {
	font-size: 18px;
	margin: 20px 0px 5px 0px;
}

#playlists ul.playlist_results {
	list-style: none outside none;
	padding: 0px;
	margin: 0px;
}

#playlists ul.playlist_results li a.playlist_link {
	color: #666;
	display: block;
	padding: 5px 5px 5px 35px;
	margin: 0px;
	overflow: hidden;
	border-top: solid 1px #DDD;
	background-image: url(/images/new/playlist_icon.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}

#playlists .playlist_link .listname {
	display: block;
	float:left;
	margin-top:3px;
}

#playlists ul.playlist_results li a.playlist_link:hover {
	color: #333;
	background-color: #e9e9e9;
	text-shadow: none;
}

#playlists ul.playlist_results li .playlist_link.current_playlist {
	background-color: #ffbe3c;
	color: #FFF;
	text-shadow: 1px 1px 2px #555;
}

#playlists ul.playlist_results li a .deletelist {
	background: url(/images/new/close.png) no-repeat top left;
	height: 21px;
	width: 21px;
	color: #f00;
	font-size: 0.8em;
	display: block;
	float: right;
}

#playlists ul.playlist_results li a .renamelist {
	background: url(/images/new/playlist_edit.png) no-repeat top left;
	display: block;
	float:left;
	font-size: 0.8em;
	height: 21px;
	width: 21px;
	visibility: hidden;
}

#playlists ul.playlist_results li a .playlist {
	background: url(/images/new/playlist_play.png) no-repeat top left;
	display: block;
	float:left;
	font-size: 0.8em;
	height: 21px;
	width: 21px;
	visibility: hidden;
}

#playlists ul.search_results li {
	/*width: 370px;*/
	width: 365px;
}

/* An override for the new library */
.vids_wrapper_new #playlists ul.search_results li {
	width: 420px;
}

/** ovrride speciically for the show vids page.. grr.. */
#showvidtabs #playlists ul.search_results li {
	width: 295px;
}

#playlists .playlist_menu {
	width: 250px;
	float: left;
}

/* An override for the new library */
.vids_wrapper_new #playlists .playlist_menu {
	width: 49%;
}

#playlists .playlist_menu a:link {
	color: #000;
}

#playlists .playlist_menu a:hover {
	color: #777;
}

#playlists #newlist_name {
	display:block;
	font-size:10pt;
	font-style: italic;
	color: #999;
	margin: 0px auto 5px auto;
	width:200px;
	padding: 5px;
}

#playlists #playlist_name {
	display:block;
	font-size:12pt;
	margin: 0 auto;
	width:200px;
}

#playlists .playlist_menu_button {
	background: url(/images/new/orangebg.png) repeat-x center center;
	border: 3px #b5b5b5 solid;
	color: #333;
	display: block;
	margin: 5px auto 15px auto;
	padding: 8px;
	border-radius: 20px;
	-moz-border-radius: 20px;
	font-size: 10pt;
	font-weight: bold;
	text-align: center;
	width: 90px;
	text-shadow: 1px 1px 1px #FFEA76
}

#playlists .playlist_contents {
	float:left;
	display:block;
	width:630px;
	border-left: solid 2px #DDD;
	padding: 0px 0px 0px 5px;
	min-height: 400px;
}

/* An override for the new library */
.vids_wrapper_new #playlists .playlist_contents {
	width: 50%;
}

#playlists #editor_controls .control {
	height: 21px;
	padding-top: 3px;
	padding-left: 0px;
	padding-bottom: 3px;
	margin-right: 5px;
}

#playlists #editor_controls #playlist_playall_link {
	background: url(/images/new/button_playall.png) no-repeat top left;
	font-size: 0px;
	height: 19px;
	width: 57px;
	display: block;
	float: left;
}

#playlists #editor_controls #playlist_rename_link {
	background: url(/images/new/button_rename.png) no-repeat top left;
	font-size: 0px;
	height: 19px;
	width: 63px;
	display: block;
	float: left;
}

#playlists #editor_controls #playlist_delete_link {
	background: url(/images/new/button_delete.png) no-repeat top left;
	font-size: 0px;
	height: 19px;
	width: 57px;
	display: block;
	float: left;
}

#playlists #editor_controls #playlist_save_link {
	background: url(/images/new/button_save.png) no-repeat top left;
	font-size: 0px;
	height: 19px;
	width: 50px;
	display: block;
	float: left;
}

/* override for the video index page */
.vids_wrapper #videotabs #playlists .playlist_contents {
	width: 380px;
}

#playlistWidget {
	background: #eee;
	border: 2px solid #aaa;
	padding: 0;
	box-shadow: 0px 0px 10px #222;
	-moz-box-shadow: 0px 0px 10px #222;
	-webkit-box-shadow: 0px 0px 10px #222;
	border-radius: 10px;
	-moz-border-radius: 10px;
}

#playlistWidget h3 {
	background: #ddd;
	border-bottom: 2px solid #aaa;
	margin: 0;
	padding: 1em;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	-moz-border-radius: 10px 10px 0 0;
}

#playlistWidget a {
	color: #000;
	text-decoration: none;
}

#playlistWidget a:hover {
	text-decoration: underline;
}

#playlistWidget a.delete  {
	color: #C00;
	font-size: 1.5em;
	padding: 1em;
}

#playlistWidget a.remove {
	color: #c00;
	font-size: 1.2em;
	padding: 0.8em;
}

#playlistWidget p {
	padding: 10px;
}
#playlistWidget .playlist_list {
	list-style: none outside none;
	padding: 5px;
}

#playlistWidget .playlist_list li {
	padding: 2px 5px;
	border-bottom: 1px solid #ccc;
}

#playlistWidget input.playlist_rename_name {
  display: block;
  width: 95%;
  margin-left: 5px;
}

#playlistWidget .playlist_menu_button {
	background: url(/images/new/yellowbg.png) repeat-x top left;
	border: 1pt #aaa solid;
	color: #333;
	display: inline;
	margin: 5px 10px;
	padding: 2px 10px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	font-size: 10pt;
	font-weight: bolder;
	text-align: center;
}

#playlistWidget span.close {
	background: transparent url(/images/new/close.png) no-repeat top left;
	height: 21px;
	width: 21px;
	float: right;
	/*margin-left: 130px;*/
	margin-left: 20px;
	margin-top:-3px;
	cursor: pointer;
}

#playlistWidget .confirm_button {
	background: url(/images/new/yellowbg.png) repeat-x top left;
	border: 1pt #aaa solid;
	color: #333;
	display: inline;
	margin: 5px 10px;
	padding: 2px 10px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	font-size: 10pt;
	font-weight: bolder;
	text-align: center;
}

ul.search_results li span.playlist_append_button {
	float: right;
	background: url(/images/new/playlist_button.png) no-repeat top left;
	margin: 0;
	margin-top: 14px;
	width: 30px;
	height: 20px;
}

ul.search_results li span.playlist_append_button:hover {
	background-position: 0 -20px;
}

ul.search_results li span.playlist_remove_button {
	float: right;
	background: url(/images/new/playlist_remove_button.png) no-repeat top left;
	margin: 0;
	margin-top: 14px;
	width: 30px;
	height: 20px;
}

ul.search_results li span.playlist_remove_button:hover {
	background-position: 0 -20px;
}


/****** Taking a quiz *******/
#quiz_title {
	margin: 0px 0px 16px 0px;
}
#quiz_jump {
	margin: 16px 0px 16px 0px;
}
#quiz_question {
	margin: 0px 0px 10px 0px;
}
#quiz_question h1 {
	color: #f8c72d;
	font-size: 24px;
}
#quiz_question p {
	font-style: italic;
	font-weight: bold;
}
#quiz_answers {
	margin: 0px 0px 16px 0px;
}
#quiz_next_prev {
	margin: 0px 0px 16px 0px;
}
/*******************************/

/****** Quiz Summary *************/
#quiz_sum_title {
	margin: 0px 0px 16px 0px;
}
#quiz_sum_title h1 {
	margin: 0px 0px 16px 0px;
}
#quiz_sum_title p {
	margin: 0px;
}
#quiz_sum_instructions {
	color: #AAA;
}
#quiz_sum_score {
	font-size: 16px;
}
#quiz_sum_percent {
	color: #F00;
}
hr.quiz_divider {
	margin: 16px 0px;
}
.quiz_sum_wrong {
	color: #e82222;
}
.quiz_sum_correct {
	color: #70d800;
}
#view_option {
	margin: 0px 0px 20px 0px;
}
.error_box {
	background-color: #ffd3d3;
	padding: 10px 10px 10px 40px;
	border: solid 1px #F00;
	margin: 20px 0px;
	color: #F00;
	background-image: url(/images/quizzes/warning.png);
	background-repeat: no-repeat;
	background-position: 10px 8px;
}
.success_box {
	background-color: #deffc4;
	padding: 10px 10px 10px 40px;
	border: solid 1px #529f00;
	margin: 20px 0px;
	color: #529f00;
	background-image: url(/images/quizzes/success.png);
	background-repeat: no-repeat;
	background-position: 10px 8px;
}
/**********************************/

/********Quiz History**************/
#quiz_history_left {
	float: left;
}
#quiz_history_right {
	float: right;
	width: 262px;
	background-Image: url(/images/quizzes/shadowbox.png);
	background-position: 0px 20px;
	padding: 0px 25px 16px 25px;
}
#quiz_history_right h1 {
	text-align: center;
	margin: 0px 0px 20px 0px;
}
#quiz_history_table{
	margin: 10px 0px 10px 0px;
}
#quiz_history_table table tr td {
	padding: 6px;
}
#quiz_history_table table tr {
	height: 32px;
	background-image: url(/images/quizzes/light_grey_bg.png);
}
#quiz_history_table table #quiz_table_header {
	background-image: url(/images/quizzes/dark_grey_bg.png);
	color: #8d8d8e;
}
#quiz_history_menus select {
	width: 98%;
	height: 25px;
	margin: 0px 0px 10px 0px;
}
#quiz_history_takequizbutton {
	text-align: center;
	margin: 5px 0px 15px 0px;
}
#quiz_history_title {
	text-align: center;
}
/**********************************/

/********Quiz Print Cert.**************/
#printBody {
	background: #ffffff url(none);
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
}
#certificate {
	margin: auto;
	width: 1000px;
	height: 773px;
	background-image: url(/images/quizzes/otv_cert_bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
#cert_course {
	text-align: center;
	padding-top: 100px;
	font-size: 35px;
	margin: 0px;
}
#cert_date {
	text-align: center;
	margin: 0px;
	font-size: 20px;
	font-weight: normal;
}
#cert_name {
	text-align: center;
	padding-top: 300px;
	font-size: 35px;
}
#printIcon {
	margin-top: 20px;
	text-align: center;
}
/**********************************/


/*** START GROUP STYLES ***/
#group {
	padding: 0;
	margin: 0;
}

#group_users table {
	width: 100%;
	text-align: left;
	margin-top: 10px;
}

#group_users table th {
	background-image: url(/images/new/table_bg.png);
	height: 28px;
	padding: 0px 8px;
	color: #7e7e7e;
	text-shadow: 1px 1px 2px #eee;
	border: none;
}

#group_users table td {
	border-bottom: solid 1px #DDD;
	padding: 3px;
}

#group_users table tr:hover {
	background-color: #e6eeee;
}

#group .group_menu {
	width: 220px;
	float:left;
	margin: 0px 20px 0px 0px;
	background-image: url(/images/new/header_stripes.png);
	background-repeat: repeat-x;
	background-position: top center;
	border: solid 2px #DDD;
	min-height: 340px;
}

#groups .ui-tabs-nav a:link {
	color: #000;
}

#group .group_menu a:link {
	color: #000;
}

#group .group_menu a:hover {
	color: #777;
}

#group .group_menu h2 {
	color: #FFF;
	font-size: 1.2em;
	margin: 10px 0px 15px 10px;
	text-shadow: 1px 1px 3px #777;
	padding: 3px;
}

#group .group_menu_button {
	background: url(/images/new/orangebg.png) repeat-x center center;
	border: 3px #b5b5b5 solid;
	color: #333;
	display: block;
	margin: 5px auto 20px auto;
	padding: 8px;
	border-radius: 20px;
	-moz-border-radius: 20px;
	font-size: 10pt;
	font-weight: bold;
	text-align: center;
	width: 90px;
	text-shadow: 1px 1px 1px #FFEA76
}

#group #newgroup_name {
	display:block;
	font-size: 10pt;
	font-style: italic;
	color: #999;
	width: 180px;
	padding: 5px;
	margin: 20px auto 0px auto;
}

#group ul.group_results {
	margin: 0;
	padding: 0;
	list-style: none outside none;
}

#group ul.group_results li.placeholder {
	text-align: center;
}

#group ul.group_results li a.group_link {
	overflow: hidden;
	color: #666;
	display: block;
	padding: 10px 5px 10px 35px;
	margin: 0px;
	overflow: hidden;
	border-top: solid 1px #DDD;
	background-image: url(/images/design4/groupsicon.png);
	background-repeat: no-repeat;
	background-position: 5px 8px;
}

#group ul.group_results li a.current_group {
	background-color: #ffbe3c;
	color: #FFF;
	text-shadow: 1px 1px 2px #555;
}

#group ul.group_results li a.group_link:hover {
	background-color: #e9e9e9;
	text-shadow: none;
	color: #777;
}

#group .group_editor {
	width: 630px;
	float: right;
	margin: 0px 0px 20px 0px;
}

#group .group_editor a:link {
	color: #000;
}

#group .group_editor a:hover {
	color: #777;
}

#group #group_details {
	min-height: 300px;
	overflow: auto;
}

#group #group_users .group_user .controls span {
	height: 20px;
	display: block;
	
}

#group #group_users .group_user .controls .remove {
	background: url(/images/new/delete_yellow.png) no-repeat center center;
}

#group #all_user_list {
	width: 100%;
	border: none;
	font-size: 12px;
	padding: 5px;
	height: 350px;
}

#gcontrol_rename {
	font-size: 0px;
	width: 63px;
	height: 19px;
	display: block;
	float: left;
	background-image: url(/images/new/button_rename.png);
	margin-right: 5px;
}

#gcontrol_save {
	font-size: 0px;
	width: 50px;
	height: 19px;
	display: block;
	float: left;
	background-image: url(/images/new/button_save.png);
	margin-right: 5px;
}

#gcontrol_delete {
	font-size: 0px;
	width: 57px;
	height: 19px;
	display: block;
	float: left;
	background-image: url(/images/new/button_delete.png);
	margin-right: 5px;
}

h2#groups_heading {
	margin: 0px;
}

#backbutton_myaccount {
	display: block;
	margin: 0px 0px 20px 0px;
	width: 150px;
}

h3.group_name {
	font-size: 18px;
	margin: 10px 0px 5px 0px;
}

#backtoaccount {
	width: 150px;
	text-align: left;
	margin: 0 auto 20px auto;
}
.centertitle {
	text-align: left;
	margin: 0px 0px 5px 0px;
}


/* Group Widget styles */

#groupWidget {
	background: #eee;
	border: 2px solid #aaa;
	padding: 0;
	box-shadow: 0px 0px 10px #222;
	-moz-box-shadow: 0px 0px 10px #222;
	-webkit-box-shadow: 0px 0px 10px #222;
	border-radius: 10px;
	-moz-border-radius: 10px;
}

#groupWidget h3 {
	background: #ddd;
	border-bottom: 2px solid #aaa;
	margin: 0;
	padding: 1em;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	-moz-border-radius: 10px 10px 0 0;
}

#groupWidget a {
	color: #000;
	text-decoration: none;
}

#groupWidget a:hover {
	text-decoration: underline;
}

#groupWidget p {
	padding: 10px;
}

#groupWidget input.group_name {
  display: block;
  width: 95%;
  margin-left: 5px;
}

#groupWidget .group_menu_button {
	background: url(/images/new/yellowbg.png) repeat-x top left;
	border: 1pt #aaa solid;
	color: #333;
	display: inline;
	margin: 5px 10px;
	padding: 2px 10px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	font-size: 10pt;
	font-weight: bolder;
	text-align: center;
}

#groupWidget span.close {
	background: transparent url(/images/new/close.png) no-repeat top left;
	height: 21px;
	width: 21px;
	float: right;
	/*margin-left: 130px;*/
	margin-left: 20px;
	margin-top:-3px;
	cursor: pointer;
}
/*** END GROUP STYLES ***/

/*** NEW ACCOUNT PAGE STYLES ***/
#acctdetails {
	float: left;
	width: 200px;
	padding: 3px;
	margin: 0px 20px 20px 0px;
	border: solid 2px #DDD;
	background-image: url(/images/new/header_stripes.png);
	background-repeat: repeat-x;
}

#acctdetails h2 {
	color: #FFF;
	font-size: 1.2em;
	margin: 10px 0px 15px 10px;
	text-shadow: 1px 1px 3px #777;
}

#accounttabs {
	float: left;
	width: 640px;
}

#accounttabs ul a:link {
	color: #000;
}

#youracct #account_actions {
	list-style: none outside none;
	margin: 0px;
	padding: 10px;
}
#youracct .account_action {
	padding: 0;
	float:left;
	height: 85px;
	width: 85px;
	display: block;
	text-align: center;
	font-size: 10px;
	margin: 3px 8px;
}

#acctdetails table {
	padding: 10px;
	width: 180px;
}

#acctdetails th {
	text-align: right;
	padding: 5px 5px 0px 0px;
	border-bottom: solid 1px #DDD;
}

#acctdetails td {
	text-align: left;
	padding: 5px 0px 0px 0px;
	border-bottom: solid 1px #DDD;
}


#youracct .account_action #manage_groups {
	background: url(/images/new/acct_group.png) no-repeat;
	padding-top: 53px;
	display: block;
	color: #000;
	background-position: left top;
}


#youracct .account_action #update_info {
	background: url(/images/new/acct_account_settings.png) no-repeat;
	padding-top: 53px;
	display: block;
	color: #000;
	background-position: left top;
}

#youracct .account_action #update_password {
	background: url(/images/new/acct_password.png) no-repeat;
	padding-top: 53px;
	display: block;
	color: #000;
	background-position: left top;
}

#youracct .account_action #assign_playlist {
	background: url(/images/new/acct_assign_playlist.png) no-repeat;
	padding-top: 53px;
	display: block;
	color: #000;
	background-position: left top;
}

#youracct .account_action #view_reports {
	background: url(/images/new/acct_reports.png) no-repeat;
	padding-top: 53px;
	display: block;
	color: #000;
	background-position: left top;
}

/*
#youracct .account_action #view_reports {
	background: url(/images/new/acct_reports.png) no-repeat;
	padding-top: 53px;
	display: block;
	color: #000;
	background-position: right top;
	cursor: default;
}
*/

#youracct .account_action #fullreport {
	background: url(/images/new/acct_download_reports.png) no-repeat;
	padding-top: 53px;
	display: block;
	color: #000;
	background-position: left top;
}

#youracct .account_action #goto_playlists {
	background: url(/images/new/acct_playlists.png) no-repeat;
	padding-top: 53px;
	display: block;
	color: #000;
	background-position: left top;
}

#youracct .account_action #renew_account {
	background: url(/images/new/acct_renew.png) no-repeat;
	padding-top: 53px;
	display: block;
	color: #000;
	background-position: left top;
}

#youracct .account_action #manage_assignments {
	background: url(/images/new/acct_manage_assignments.png) no-repeat;
	padding-top: 53px;
	display: block;
	color: #000;
	background-position: left top;
}

#youracct .account_action #manage_your_assignments {
	background: url(/images/new/acct_manage_your_assignments.png) no-repeat;
	padding-top: 53px;
	display: block;
	color: #000;
	background-position: left top;
}

#youracct .account_action #view_assignments {
	background: url(/images/new/acct_view_assignments.png) no-repeat;
	padding-top: 53px;
	display: block;
	color: #000;
	background-position: left top;
}

#youracct .account_action #no_assignments {
	background: url(/images/new/acct_view_assignments.png) no-repeat;
	padding-top: 53px;
	display: block;
	color: #000;
	background-position: right top;
	cursor: default;
}

#youracct .account_action #settings {
	background: url(/images/new/acct_details.png) no-repeat;
	padding-top: 53px;
	display: block;
	color: #000;
	background-position: left top;
}

#youracct .account_action #remove_watched {
	background: url(/images/new/acct_remove_watched.png) no-repeat;
	padding-top: 53px;
	display: block;
	color: #000;
	background-position: left top;
}

#youracct .account_action #remove_watched_already {
	background: url(/images/new/acct_remove_watched.png) no-repeat;
	padding-top: 53px;
	display: block;
	color: #000;
	background-position: right top;
	cursor: default;
}

/* Note, this could be done with a single image and changing the background position */

#youracct .account_action:hover {
	background-color: #e6eeee;
}


#recent_vids table {
	width: 100%;
	text-align: left;
	margin-top: 10px;
}

#recent_vids table th {
	background-image: url(/images/new/table_bg.png);
	height: 28px;
	padding: 0px 8px;
	color: #7e7e7e;
	text-shadow: 1px 1px 2px #eee;
	border: none;
}

#recent_vids table td {
	border-bottom: solid 1px #DDD;
	padding: 3px;
}

#recent_vids table tr:hover {
	background-color: #e6eeee;
}







/*** ASSIGNMENT STYLES START ***/
#assignments {
	padding: 0;
	margin: 0;	
}

#assignments ul.assignment_results {
	margin: 0;
	padding: 0;
	list-style: none outside none;	
}

#assignments ul.assignment_results li a.assignment_link {
	color: #666;
	display: block;
	padding: 10px 5px 10px 35px;	
	margin: 0px;
	overflow: hidden;
	border-top: solid 1px #DDD;
	height: 18px;
	background-image: url(/images/new/assignments/icon_assignment.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}

#assignments ul.assignment_results li a.assignment_link:hover {
	background-color: #e9e9e9;
	text-shadow: none;
	color: #777; 
}

#assignments ul.assignment_results li a.your_assignment_link {
	color: #666;
	display: block;
	padding: 10px 5px 10px 35px;	
	margin: 0px;
	overflow: hidden;
	border-top: solid 1px #DDD;
	height: 18px;
	background-image: url(/images/new/assignments/icon_your_assignment.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}

#assignments ul.assignment_results li a.user_assignment_link:hover {
	background-color: #e9e9e9;
	text-shadow: none;
	color: #777; 
}

#assignments ul.assignment_results li a.watched {
	overflow: hidden;
	color: #666;
	display: block;
	padding: 10px 5px 10px 35px;	
	margin: 0px;
	overflow: hidden;
	border-top: solid 1px #DDD;
	height: 18px;
	background-image: url(/images/new/assignments/icon_assignment_watched.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}

#assignments ul.assignment_results li a.current_assignment {
	background-color: #ffbe3c;
	color: #FFF;
	text-shadow: 1px 1px 2px #555;
}

/* My Assignments */
#assignments .assignment_menu {
	width: 220px;
	float:left;
	margin: 0px 20px 20px 0px;
	background-image: url(/images/new/header_stripes.png);
	background-repeat: repeat-x;
	background-position: top center;
	border: solid 2px #DDD;
	min-height: 340px;
}

#assignments .assignment_menu a:link {
	color: #000;
}

#assignments .assignment_menu a:hover {
	color: #777;
}

#assignments .assignment_menu h2 {
	color: #FFF;
	font-size: 1.2em;
	margin: 10px 0px 15px 10px;
	text-shadow: 1px 1px 3px #777;
	padding: 3px;
}

#assignments #newassignment_name {
	/*display:block;
	font-size: 10pt;	
	width: 300px;
	padding: 5px;*/
}

#assignments .assignment_content {
	width: 630px;
	float: right;
	margin: 0px 0px 20px 0px;	
}

#assignments .assignment_content a:link {
	color: #000;
}

#assignments .assignment_content a:hover {
	color: #777;
}

#assignments #assignment_details {
	min-height: 300px;
	overflow: auto;
}

#gcontrol_email {
	font-size: 0px;
	width: 108px;
	height: 20px;
	display: block;
	float: left;
	background-image: url(/images/new/assignments/button_email.png);
	margin-right: 5px;
}

#gcontrol_edit {
	font-size: 0px;
	width: 58px;
	height: 20px;
	display: block;
	float: left;
	background-image: url(/images/new/assignments/button_edit.png);
	margin-right: 5px;
}

#gcontrol_collapse_all {
	font-size: 0px;
	width: 82px;
	height: 20px;
	display: block;
	float: left;
	background-image: url(/images/new/assignments/button_collapse_all.png);
	margin-right: 5px;
}

h3.assignment_name {
	font-size: 18px;
	margin: 10px 0px 5px 0px;
}



.assignment_content .assignment_table1_container {
	height: expression(this.scrollHeight > 391 ? "391px" : "auto"); /*IE6*/
	/*width: expression(this.scrollHeight > 391 ? "98%" : "auto");*/ /*IE6*/
	max-height: 391px;	
	overflow: auto;
}

.assignment_content .assignment_table2_container {
	height: expression(this.scrollHeight > 462 ? "462px" : "auto"); /*IE6*/
	/*width: expression(this.scrollHeight > 462 ? "98%" : "auto");*/ /*IE6*/
	max-height: 462px;	
	overflow: auto;
}

#assignment_step2_tables {
	height: expression(this.scrollHeight > 350 ? "350px" : "auto"); /*IE6*/
	max-height: 350px;	
	overflow: auto;
}

#assignment_step3_tables {
	height: expression(this.scrollHeight > 350 ? "350px" : "auto"); /*IE6*/
	max-height: 350px;	
	overflow: auto;
}

/* assignment_content table */
.assignment_content table {
	width: 100%;
	/*width: expression(document.getElementById("assignment_table1_container").scrollHeight > 391 || document.getElementById("assignment_table2_container").scrollHeight > 462  ? "96%" : "100%");*/ /*IE6*/
}

.assignment_content table th {
	background-image: url(/images/new/table_bg.png);
	height: 28px;
	padding: 0px 8px;
	color: #7e7e7e;
	text-shadow: 1px 1px 2px #eee;
	border: none;	
}

.assignment_content table tbody td {
	border-bottom: solid 1px #DDD;
	padding: 3px;
}

.tree_table .collapsed { display: none; }
.tree_table {background-color:#fff; border-collapse:collapse; border: none; padding: 0px; text-align: left; }
/*.tree_table td {margin-left:3px;}*/
/*.tree_table #tree_tbody {background-color:#fff}*/
/*.tree_table #tree_tbody td { font: normal 10pt Arial; padding: 0px 2px 0px 0px; cursor: pointer;}*/
.tree_table .adeimg { border: none; margin: 0px; padding: 0px; vertical-align: bottom; width: 16px; height: 16px; }
.tree_table .ttimage { border: none; margin: 0px; padding: 0px; vertical-align: bottom; width: 16px; height: 16px; }
.tree_table .parimg { border: none; margin: 0px 5px 0px 0px; padding: 0px; vertical-align: bottom; width: 16px; height: 16px; }
.tree_table .preimg { border: none; margin: 0px; padding: 0px; vertical-align: bottom; width: 16px; height: 16px; }
.tree_table .adeimg {cursor: pointer; }
.tree_table .parimg {cursor: pointer; }
.tree_table .even { background-color: #ddd; }
.tree_table .over { background-color: #ddf3ff; }


/* Assignments Tab */
.assignments_container {
	/*height: expression(this.scrollHeight > 530 ? "530px" : "auto");*/ /*IE6*/
	max-height: 510px;		
	overflow: auto;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

h3#assignment_title {
	font-size: 18px;
	margin: 20px 0px 5px 10px;
}

#assignments ul.search_results li {
	/*width: 370px;*/
	/*width: 365px;*/	/* handled by javascript as 356px or 341px as to the content height with scrollbar for only IE6*/
	width: 350px;
}

/* An override for the new library */
.vids_wrapper_new #assignments ul.search_results li {
	width: 420px;	
	padding-left: 5px;
}

#assignments .my_assignments {
	padding-top: 20px;
	width: 260px;
	float: left;
}

.vids_wrapper_new #assignments .my_assignments {
	width: 49%;
}

#assignments .my_assignments a:link {
	color: #000;
}

#assignments .my_assignments a:hover {
	color: #777;
}

#assignments .assignment_contents {
	float:right;
	display:block;
	/*width:378px;*/ /* handled by javascript as 378px or 361px as to the content height with scrollbar */
	width:362px;
	border-left: solid 2px #DDD;
	padding: 0px 0px 0px 0px;
	min-height: 400px;
}

/* An override for the new library */
.vids_wrapper_new #assignments .assignment_contents {
	float:left;
	width:50%;		
}

/* An override for the new library */
.vids_wrapper_new #videotabs h4 {
	color: #ffb301;
	font-size: 1.2em;
	font-style: bold;
	margin: 0;
	padding: 6px 10px 0px;
}

/* An override for the new library */
.vids_wrapper_new p.view_videos {
	color: #555;
	margin: 0;
	padding: 0px 10px 6px;
}

#assignments .my_progress {
	padding-top: 3px;	
}

#assignments ul.assignments_progress {
	margin: 0;
	padding: 0;
	list-style: none outside none;	
}

#assignments ul.assignments_progress li {
	overflow: hidden;
	color: #666;
	display: block;
	margin-top: 5px;
	padding: 10px 5px 10px 10px;	
	margin: 0px;
	border-top: solid 1px #DDD;
	height: 18px;
}

#assignments #editor_controls .control {
	height: 21px;
	padding-top: 3px;
	padding-left: 0px;
	padding-bottom: 3px;
	margin-right: 5px;
}

#assignments #editor_controls #assignment_playall_link {
	background: url(/images/new/button_playall.png) no-repeat top left;
	font-size: 0px;
	height: 19px;
	width: 57px;
	display: block;
	float: left;
}

#assignments #editor_controls #assignment_view_progress {
	background: url(/images/new/assignments/button_view_progress.png) no-repeat top left;
	font-size: 0px;
	height: 20px;
	width: 108px;
	display: block;
	float: left;
}

#assignment_myprogresslink img {
	margin: 0px 70px 15px;
	width: 113px;
}

/* override for the video index page */
#videotabs #assignments .assignment_contents {
	/*width: 380px;*/
	/*width: 340px;*/
}

#assignment_createlink img {
	margin: 15px 50px;
	width: 113px;
}

#assignment_controls {
	margin-bottom: 28px;
}

.tree_table #videos_watched {
	text-align: center;
}

.tree_table #watched_percent {
	text-align: center;
}

.tree_table #watched_details {
	text-align: center;
}

.tree_table tr {
	color: #888;
}

.formfield {
	width: 390px;
	height: 28px;
	border-top: solid 1px #AAA;
	border-bottom: solid 1px #AAA;
	border-left: solid 1px #AAA;
	border-right: solid 4px #F8C72D;
	padding-left: 5px;
	background-image: url(/images/design4/formbg.png);
	font-size: 14px;
}

#assignment_step1 div, #assignment_step2 div, #assignment_step3 div {
	margin-top: 20px;
}

#next_prev_buttons {
	margin-top: 10px;
	margin-bottom: 20px;
}

a#gcontrol_collapse_all {
	margin-bottom: 10px;
}

.checked_course {
	font-weight: bold;
	color: #66ccff;
}

.user_assignment_details {
	cursor: pointer;
}

#assignmentWidget {
	background: #eee;
	border: 2px solid #aaa;
	padding: 0;
	box-shadow: 0px 0px 10px #222;
	-moz-box-shadow: 0px 0px 10px #222;
	-webkit-box-shadow: 0px 0px 10px #222;
	border-radius: 10px;
	-moz-border-radius: 10px;
}

#assignmentWidget h3 {
	background: #ddd;
	border-bottom: 2px solid #aaa;
	margin: 0;
	padding: 1em;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	-moz-border-radius: 10px 10px 0 0;
}

#assignmentWidget a {
	color: #000;
	text-decoration: none;
}

#assignmentWidget a:hover {
	text-decoration: underline;
}

#assignmentWidget a.delete  {
	color: #C00;
	font-size: 1.5em;
	padding: 1em;
}

#assignmentWidget a.remove {
	color: #c00;
	font-size: 1.2em;
	padding: 0.8em;
}

#assignmentWidget p {
	padding: 10px;
}
#assignmentWidget .assignment_list {
	list-style: none outside none;
	padding: 5px;
	max-height: 300px;
	overflow: auto;
}

#assignmentWidget .assignment_list li {
	padding: 2px 5px;
	border-bottom: 1px solid #ccc;
	color: #999999;
}

#assignmentWidget .assignment_list li.user_watched_list {
	color: #40a000;
}

#assignmentWidget input.playlist_rename_name {
  display: block;
  width: 95%;
  margin-left: 5px;
}

#assignmentWidget .assignment_menu_button {
	background: url(/images/new/yellowbg.png) repeat-x top left;
	border: 1pt #aaa solid;
	color: #333;
	display: inline;
	margin: 5px 10px;
	padding: 2px 10px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	font-size: 10pt;
	font-weight: bolder;
	text-align: center;
}

#assignmentWidget span.close {
	background: transparent url(/images/new/close.png) no-repeat top left;
	height: 21px;
	width: 21px;
	float: right;
	/*margin-left: 130px;*/
	margin-left: 20px;
	margin-top:-3px;
	cursor: pointer;
}

/* An override for the new library */
div.pane ul.search_results li span.playlist_append_button {
	margin-top: 2px;
}

div.pane ul.search_results li span.playlist_remove_button {
	float: right;
	background: url(/images/new/playlist_remove_button.png) no-repeat top left;
	margin: 0;
	margin-top: 0px;
	width: 30px;
	height: 20px;
}

div.pane ul.search_results li span.playlist_remove_button:hover {
	background-position: 0 -20px;
}

ul.search_results li span.assignment_watched_button {
	float: right;
	background: url(/images/new/assignments/icon_watched.png) no-repeat top left;
	margin: 0;
	margin-top: 13px;
	margin-right: 2px;
	width: 22px;
	height: 22px;
}

ul.search_results li span.assignment_watched_button:hover {
	background-position: 0 -22px;
}

/* An override for the new library */
div.pane ul.search_results li span.assignment_watched_button {
	margin-top: 1px;
}

.assignment_content #loading {
	position: relative; 
	top:120px; 
	left:260px;
}

.sorting {
	cursor: pointer;
}
#email_active {
	cursor: pointer;
}

#weekend {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 76%;
}

#assignment_myprogresslink span {
	display: block;
	height: 29px;
	padding: 10px 0px 0px 34px;
	color: #777;
	border-top: solid 1px #DDD;
	background-image: url(/images/new/assignments/icon_myprogress.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}
#assignment_myprogresslink span:hover {
	background-color: #E9E9E9;
}

#assignments .my_assignments span.myprogress_selected {
	background-color: #ffbe3c;
	color: #FFF;
	text-shadow: 1px 1px 2px #555;
}

/*** ASSIGNMENT STYLES END ***/


#testimonials{
	position:relative;
	top: 130px;
	left: 570px;	
	width: 220px;
}
.textItem{
	position:absolute;
	display:none;
}




/************************* TEMPLATE_CONTENT STYLES START *************************/
#template_content {
	padding: 0;
	margin: 0;	
}

#template_content .left_menu {
	width: 220px;
	float:left;
	margin: 0px 20px 20px 0px;
	background-image: url(/images/new/header_stripes.png);
	background-repeat: repeat-x;
	background-position: top center;
	border: solid 2px #DDD;
	min-height: 340px;
}

#template_content .left_menu h2 {
	color: #FFF;
	font-size: 1.2em;
	margin: 10px 0px 8px 10px;
	text-shadow: 1px 1px 3px #777;
	padding: 3px;
}

#template_content .left_menu a:link {
	color: #000;
}

#template_content .left_menu a:hover {
	color: #777;
}

#template_content .left_menu ul {
	margin: 0;
	padding: 0;
	list-style: none outside none;
}

#template_content .left_menu ul li a.menu_link {
	color: #666;
	display: block;
	padding: 10px 5px 10px 35px;	
	margin: 0px;
	overflow: hidden;
	border-top: solid 1px #DDD;
	height: 18px;
	background-image: url(/images/new/assignments/icon_your_assignment.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}

#template_content .left_menu ul li a.menu_link:hover {
	background-color: #e9e9e9;
	text-shadow: none;
	color: #777; 
}

#template_content .left_menu ul li a.course_link {
	color: #666;
	display: block;
	padding: 10px 5px 10px 35px;	
	margin: 0px;
	overflow: hidden;
	border-top: solid 1px #DDD;
	height: 18px;
	background-image: url(/images/new/assignments/icon_your_assignment.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}

#template_content .left_menu ul li a.course_link:hover {
	background-color: #e9e9e9;
	text-shadow: none;
	color: #777; 
}

#template_content .left_menu ul li a.current_menu {
	background-color: #ffbe3c;
	color: #FFF;
	text-shadow: 1px 1px 2px #555;
}

#template_content .right_tabs {
	width: 630px;
	float: right;
	margin: 0px 0px 20px 0px;
	min-height: 340px;	
}

#template_content .right_tabs a:link {
	color: #000;
}

#template_content .right_tabs a:hover {
	color: #777;
}

#template_content #tab_1 {
	min-height: 296px;
	overflow: auto;
}

#template_content #tab_2 {
	min-height: 296px;
	overflow: auto;
}

#template_content #tab_3 {
	min-height: 296px;
	overflow: auto;
}

#template_content #tab_4 {
	min-height: 296px;
	overflow: auto;
}

#template_content .tab_contents ul{
	margin: 0;
	padding: 1px 1px 0px 1px;
	list-style: none outside none;
}

#template_content .search_results li {
	width: 290px;
}

#template_content .search_results li a:hover {	
	color: #000;
}

/*** TEMPLATE_CONTENT Widget Styles ***/
#mainWidget {
	background: #eee;
	border: 2px solid #aaa;
	padding: 0;
	box-shadow: 0px 0px 10px #222;
	-moz-box-shadow: 0px 0px 10px #222;
	-webkit-box-shadow: 0px 0px 10px #222;
	border-radius: 10px;
	-moz-border-radius: 10px;
}

#mainWidget h3 {
	background: #ddd;
	border-bottom: 2px solid #aaa;
	margin: 0;
	padding: 1em;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	-moz-border-radius: 10px 10px 0 0;
}

#mainWidget a {
	color: #000;
	text-decoration: none;
}

#mainWidget a:hover {
	text-decoration: underline;
}

#mainWidget .confirm_button {
	background: url(/images/new/yellowbg.png) repeat-x top left;
	border: 1pt #aaa solid;
	color: #333;
	display: inline;
	margin: 5px 10px;
	padding: 2px 10px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	font-size: 10pt;
	font-weight: bolder;
	text-align: center;
}

#mainWidget span.close {
	background: transparent url(/images/new/close.png) no-repeat top left;
	height: 21px;
	width: 21px;
	float: right;
	/*margin-left: 130px;*/
	margin-left: 20px;
	margin-top:-3px;
	cursor: pointer;
}
/*** TEMPLATE_CONTENT Widget Styles ***/

/************************* TEMPLATE_CONTENT STYLES END *************************/



/* ----------------------------------------------------
	ACCORDIONS
------------------------------------------------------- */
.accordion {
	border-left:1px solid #eee;
	border-right:1px solid #eee;
	border-bottom:1px solid #eee;
	-background:#fff;
	float:none;
	clear:both;
	margin:0 0 20px 0;
}

/* left aligned small accordion */ 
.accordion.small._left{
	width:220px !important;
	float:left !important;
	margin:0 20px 20px 0 !important;
}

/* right aligned small accordion */ 
.accordion.small._right{
	width:220px !important;
	float:right !important;
	margin:0 0 20px 20px !important;
}

/* accordion header */
.accordion .title {
	background: rgb(232,232,232); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(232,232,232,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(232,232,232,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(232,232,232,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(232,232,232,1) 0%,rgba(255,255,255,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(232,232,232,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(232,232,232,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
	margin:0;
	font-size:12px;
	font-weight:normal;    
	border-top:1px solid #eee;
	cursor:pointer;
	-moz-box-shadow:inset 0 1px 0 #fff;		
	-webkit-box-shadow:inset 0 1px 0 #fff;		
	box-shadow:inset 0 1px 0 #fff;			
}

.accordion .title span {
	padding:3px 15px 3px 18px;
	display:block;
	background: url(/images/plusminus_dark.png) 5px 9px no-repeat;
}

.accordion .title.current span {
	background: url(/images/plusminus_dark.png) 5px -26px no-repeat;
}

/* currently active header */
.accordion .title.current {
	/*cursor:default;*/
	cursor:pointer;	/* edited by hanmi */
	border-bottom: solid 1px #eee;
	background: rgb(246,246,246); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(246,246,246,1) 0%, rgba(249,249,249,1) 49%, rgba(241,241,241,1) 50%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,246,246,1)), color-stop(49%,rgba(249,249,249,1)), color-stop(50%,rgba(241,241,241,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(246,246,246,1) 0%,rgba(249,249,249,1) 49%,rgba(241,241,241,1) 50%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(246,246,246,1) 0%,rgba(249,249,249,1) 49%,rgba(241,241,241,1) 50%,rgba(255,255,255,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(246,246,246,1) 0%,rgba(249,249,249,1) 49%,rgba(241,241,241,1) 50%,rgba(255,255,255,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(246,246,246,1) 0%,rgba(249,249,249,1) 49%,rgba(241,241,241,1) 50%,rgba(255,255,255,1) 100%); /* W3C */
	color: #646464 !important;
	text-shadow: 0 1px 0 #F4F4F4;
	-moz-box-shadow:inset 0 1px 0 #fff;		
	-webkit-box-shadow:inset 0 1px 0 #fff;		
	box-shadow:inset 0 1px 0 #fff;		
}

/* accordion pane */
.accordion div.pane { 
	background:#fff;
	border-width:0 2px;
	display:none;
	height:auto;
	padding:15px;
	font-size:12px;
}

/*top link*/
span.top{
	font-size:10px;
	float:right;
	position:relative;
	right:0;
	top:-10px;
	padding-left:10px; 
	text-decoration:none; 
	letter-spacing:1px; 
	cursor:pointer;
}

span.top:hover{ 
	text-decoration:none; 
}

.quiz_review {
	cursor:pointer;
	color:#fa2;
	font-weight:bold;
}
.quiz_review:hover {	
	color:#777;
}