/* General style for the whole HTML body */
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
background-color: #82c7ea;
color: #333333;
}

/* Styles for the table cells, if there are still any around */
td, .td {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
}

/* "Labels", for title text in profile pages, etc */
.label {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #333333;
}

/* Tags Cloud */
a.cloudtags, div.cloudtags, cloudtags  {
color: #000000;
text-decoration: none;  
}
a.cloudtags:hover, td.cloudtags:hover, td.a.cloudtags:hover,
div.cloudtags:hover, div.a.cloudtags:hover, cloudtags:hover {
color: #FFFFFF;
border-bottom: 1px #868686 dashed;
background-color: #7DB335;
text-decoration: none;
background: #7DB335;
}

/* Styles for links */
a:link {
color:#333333;
text-decoration: none;
}
a:visited {
color:#5C5C5C;
text-decoration: none;
}
a:hover {
text-decoration: underline;
color: #7DB335;       
}
a:active {
text-decoration: none;
color: #7DB335;
}

/* Style for general input fields */
input, select, textarea, .input, .select, .textarea, td.input, td.select, td.textarea {
font-family: Helvetica,Tahoma,Verdana,Arial;
font-size: 11px;
font-weight: normal;
color: #666666;
border: #C4C0C0 1px solid;
background-color: #E7E7E7;
}

/* No margin and no padding class, for elements such as forms, etc */
.nowrap{
padding: 0px;
margin: 0px;
}

/* Style for some form input fields */
forminput, .forminput, div.forminput {
width: 460px;
text-align: left;
font-weight: normal;
padding: 3px;
}

/* The tab links on the header */
.toplinks{
margin-left: -1px;
margin-top: 9px;
margin-bottom: 0;
font: bold 12px Verdana,Arial;
list-style-type: none;
text-align: left;
}
.toplinks li{
display: inline;
margin: 0;
text-decoration: none;
text-align: center;
color: #FFFFFF;
padding: 0px;
}
.toplinks li a{
text-decoration: none;
color: #FFFFFF;
background: white url(../../images/toptab_back.png) top left repeat-x;
text-align: center;
padding-top: 8px;
width: 89px;
height: 19px;
display: block;
float: left;
}
.toplinks li a:visited{
color: #FFFFFF;
text-decoration: none;
}
.toplinks li a:hover{
background-image: url(../../images/toptab_back2.png);
text-decoration: none;
color: #FFFFFF;
}
.toplinks li.selected{
color: #FFFFFF;
text-decoration: none;
}
.toplinks li.selected a{
background-image: url(../../images/toptab_back2.png);
text-decoration: none;
color: #FFFFFF;
}
.toplinks li.selected a:hover{
background-image: url(../../images/toptab_back2.png);
text-decoration: none;
color: #FFFFFF;
}

/* Style for the "head_bottom" links" */
head_bottom, .head_bottom {
font-size: 12px;
font-weight: normal;
text-decoration: none;
background-color: #FFC157;
text-align: center;
margin-top: 0px;
padding: 3px;
color: #FFFFFF;
margin-left: 2px;
width: 783px;
float: left;
display: inline;
}
.head_bottom a, .head_bottom a:hover, .head_bottom a:visited
{
color: #FFFFFF;
}

contents_right, .contents_right {
width: 185px;
float: left;
margin-left: 7px;
display: inline;
}

/* Highlighted text in forms and pages */
.highLight {
font-weight: bold;
color: #7DB35C;
}
.formHighlight {
background-color: #FFFFCC;
border: 1px dashed #CCCC66;
padding-bottom: 10px;
margin-bottom: 5px;
padding-left:7px;
padding-right:7px;
padding-top:7px
}
.hightlight3 {
background-color: #F2FFE3;
border: 1px #CCCCCC dashed;
margin: 7px;
}
.label {
color: #6C6C6C;
font-size: 13px;
}
.label2 {
color: #D87949;
font-size: 13px;
}
.profileLabel {
color: #3A8000;
font-size: 12px;
font-weight: bold;
}

/* Small text, for explanatory notes, in input fields */
.small {
color: #6C6C6C;
font-size: 11px;
}

/* We need the 2 following properties, for the index news block, in case the new text is too big */
#scroller {
margin-top: 3px;
margin-left: -11px;
width: 276px;
height: 198px;
overflow: auto;
}
#scroller p {
border: 0px #000000 solid;
margin: 0px;
padding: 2px 2px 2px 2px;
font-size: 12px;
text-align: left;
font-weight: normal;
}

/* GENERAL BLOCK PROPERTIES, FOR MAIN CONTENT */
/* The header for most content blocks */
content_head, .content_head, div.content_head {
background-image: url('../../images/content_head_back.png');
background-repeat: repeat-x;
text-align: left;
color: #666666;
font-weight: bold;
font-size: 12px;
height: 24px;
margin-left: 5px;
margin-right: 5px;
padding-left: 5px;
padding-top: 5px;
border-left: #CCCCCC 1px solid;
border-right: #CCCCCC 1px solid;
float: left;
display: block;
}

/* The header for RIGHT blocks */
head_right, .head_right, div.head_right {
background-image: url('../../images/content_head_back.png'); background-repeat: repeat-x;
text-align: center;
color: #666666;
font-weight: bold;
font-size: 12px;
width: 193px;
height: 17px;
padding-top: 5px;
border-left: #CCCCCC 1px solid;
border-right: #CCCCCC 1px solid;
border-bottom: #CCCCCC 1px solid;
float: left;
display: block;
}
/* Links for content header */
a.headlink, a.headlink:visited, a.headlink:hover {
color: #666666;
text-decoration: none;
}

/* FOOTER */
/* Place-holder, for the footer elements */
footer, .footer, div.footer {
text-align: left;
font-size: 11px;
padding-top: 5px;
float: left;
display: block;
width: 783px;
margin-top: 7px;
float: left;
}
/* Separator, for footer items */
footersep, .footersep {
width: 100%;
text-align: center;
margin-left: 0px;
margin-top: 15px;
float: left;
border-bottom: 1px #CCCCCC dashed;
}
/* Footer styles, for links and copyright info */
bottomnotice, .bottomnotice {
color: #CCCCCC;
font-weight: bold;
font-size: 11px;
}

/* Style for "pagination" blocks, in most content blocks */
paging, .paging, div.paging, a.paging, a.paging:hover, a.paging:visited {
text-align: right;
color: #0048C0;
font-weight: normal;
font-size: 12px;
height: 20px;
margin-left: 5px;
margin-right: 5px;
padding-left: 5px;
padding-top: 3px;
background-color: #F2FFE3;
border-left: #CCCCCC 1px solid;
border-right: #CCCCCC 1px solid;
border-bottom: #CCCCCC 1px solid;
float: left;
}
/* Style for the div elements of the main LEFT content */
results, .results, div.results, a.results {
text-align: center;
font-size: 12px;
margin-left: 5px;
margin-right: 5px;
padding-left: 5px;
padding-top: 3px;
border-left: #CCCCCC 1px solid;
border-right: #CCCCCC 1px solid;
border-bottom: #CCCCCC 1px dashed;
display: block;
float: left;
}
/* Style for the div elements of the RIGHT-box content */
content_right, .content_right, div.content_right {
text-align: left;
font-size: 12px;
padding: 2px;
border-left: #CCCCCC 1px solid;
border-right: #CCCCCC 1px solid;
border-bottom: #CCCCCC 1px solid;
width: 189px;
display: block;
float: left;
}
/* Results wrapper for video details */
.resultswrapper {
background-image: url('../../images/video_thumb_back.png');
background-repeat: no-repeat;
display: block;
float: left;
width: 190px;
height: 250px;
}
/* Results wrapper for smaller-height content */
.contentwrapper {
background-image: url('../../images/content_thumb_back.png');
background-repeat: no-repeat;
display: block;
float: left;
width: 190px;
height: 177px;
}
/* Results wrapper, no style */
.plainwrapper {
text-align: left;
display: block;
float: left;
width: 190px;
}
.topleft{
text-align: left;
display: block;
float: left;
width: 269px;
margin-left: -3px;
}
.toploginlinks {
width: 225px;
float: right;
display: inline;
margin-top: 19px;
text-align: right;
margin-right: -9px;
}
/* Video thumbnails, in main content */
.moduleEntryThumb {
border: 0px;
padding-right: 2px;
margin-left: 2px;
margin-top: 6px;
margin-bottom: 6px;
}
/* Video details output, within other, wrapper blocks */
.resultstats {
background-image: url('../../images/thumb_bg.png');
background-repeat: no-repeat;
background-position: top;
background-color: transparent;
text-align: center;
font-weight: bold;
font-size: 11px;
width: 187px;
display: block;
float: left;
margin-top: 5px;
margin-bottom: 21px;
padding-bottom: 7px;
border: 0px;
}
/* Video statistics output, in main content */
.resultdetails {
font-weight: normal;
text-align: left;
margin-left: 23px;
float: left;
}
/* Wrapper box for main content blocks */
.main_content{
border: 0px;
float: left;
display: block;
}
/* Wrapper Box for right content */
.right_content {
font-weight: normal;
text-align: left;
width: 192px;
margin-right: 7px;
float: right;
display: block;
}
/* A simple graphic wrapper for a one-line top-right message-link */
right_top_msg, .right_top_msg, div.right_top_msg {
background-image: url('../../images/right_box_msg.png');
background-repeat: no-repeat;
width: 192px;
height: 27px;
display: block;
float: left;
text-align: center;
margin-bottom: 5px;
}
a.right_top_msg, a.right_top_msg:visited, a.right_top_msg:hover{
font-weight: bold;
text-decoration: none;
padding-top: 5px;
}
/* Topic posts details, in Channels */
topicdetails, .topicdetails {
float: left;
display: block;
border-bottom: 1px #CCCCCC dashed;
background-color: #F2FFE3;
}
/* A simple separator, when viewing video details */
.video_details_separator {
margin-top: 111px;
width: 777px;
height: 5px;
border-bottom:
1px #CCCCCC dashed;
}

/* Styles for the "Last Watched" etc tabs in the index */
/* Paging info for the "Laast Watched" etc videos in the index" */
tabinfo, .tabinfo {
width: 574px;
float: left;
margin-left: 0px;
border-top: 1px #CCCCCC solid;
border-bottom: 1px #CCCCCC solid;
text-align: right;
color: #0048C0;
font-weight: normal;
font-size: 12px;
height: 20px;
padding: 3px;
background-color: #F2FFE3;
}
/* Thumbs and links blocks for the "Last Watched" etc videos in the index */
tabthumbs, .tabthumbs{
width: 580px;
text-align: left;
display: inline;
float: left;
}
/* Wrapper for thimbs and links results */
tabthumbswrapper, .tabthumbswrapper{
display: block;
float: left;
width: 136px;
padding: 4px;
font-size: 11px;
text-align: center;
}
/* "Wrapper" for results (video thumbs AND paging) in the previous-mentioned tabs */
tabswrapper, .tabswrapper {
float: left;
width: 580px;
height: 127px;
margin-left: 3px;
margin-bottom: 5px;
margin-right: 0px;
padding: 0px;
border-left: 1px #CCCCCC solid;
border-right: 1px #CCCCCC solid;
border-bottom: 1px #CCCCCC dashed;
}

/* "Wrapper" for the top content of the index page */
topwrap, .topwrap {
width: 585px;
margin-left: 17px;
margin-bottom: 5px;
text-align: left;
display: inline;
float: left;
}
 
/* "Tips" and info blocks */
tips, .tips {
text-align: left;
background-color: #FFF4C6;
border: 1px #CCCCCC dashed;
margin-left: 5px;
margin-right: 7px;
margin-bottom: 7px;
padding: 2px;
}

/* System message blocks */
message, .message {
text-align: center;
font-weight: bold;
text-transform: uppercase;
font-size: 14px;
color: #3648CC;
background-color: #F2FFE3;
border: 1px #CCCCCC dashed;
margin-left: 5px;
margin-right: 7px;
margin-bottom: 7px;
padding: 2px;
}

/* System error blocks */
error, .error {
text-align: left;
font-weight: bold;
font-size: 12px;
color: #FF1200;
background-color: #F2FFE3;
border: 1px #CCCCCC dashed;
margin-left: 5px;
margin-right: 7px;
margin-bottom: 7px;
padding: 2px;
}

/* Dimensions for the TinyMCE WYSIWYG editor */
tinymcetextarea,.tinymcetextarea {
width: 450px;
height: 270px;
}

/* Editor's pick box */
editorspickhead, .editorspickhead, editorspickhead {
background-image: url('../../images/content_head_back.png');
background-repeat: repeat-x;
text-align: left;
color: #666666;
font-weight: bold;
font-size: 12px;
margin-left: 5px;
margin-right: 5px;
padding-left: 5px;
padding-top: 5px;
border-left: #CCCCCC 1px solid;
border-right: #CCCCCC 1px solid;
border-bottom: #CCCCCC 1px solid;
float: left;
display: block;
width: 270px;
margin-left: -11px;
margin-top: 11px
}
editorspick, .editorspick, div.editorspick, a.editorspick {
text-align: center;
font-size: 12px;
margin-left: 5px;
margin-right: 5px;
padding-left: 5px;
border-left: #CCCCCC 1px solid;
border-right: #CCCCCC 1px solid;
border-bottom: #CCCCCC 1px dashed;
display: block;
float: left;
width: 270px;
margin-left: -11px;
}

/* The container of the Flash player in the index */
nowplayhead, .nowplayhead {
background-image: url('../../images/content_head_back.png');
background-repeat: repeat-x;
text-align: left;
color: #666666;
font-weight: bold;
font-size: 12px;
height: 24px;
margin-right: 5px;
padding-left: 5px;
padding-top: 5px;
border-left: #CCCCCC 1px solid;
border-right: #CCCCCC 1px solid;
float: left;
display: inline;
width: 284px;
margin-left: 5px;
}
nowplay, .nowplay {
width: 283px;
padding: 3px;
margin: 0px;
text-align: center;
border-left: #CCCCCC 1px solid;
border-right: #CCCCCC 1px solid;
border-bottom: #CCCCCC 1px dashed;
display: inline;
float: left;
margin-left: 5px;
}

/* The containers of the user stats blocks in the index */
userinfohead, .userinfohead {
background-image: url('../../images/content_head_back.png');
background-repeat: repeat-x;
text-align: left;
color: #666666;
font-weight: bold;
font-size: 12px;
height: 24px;
margin-right: 5px;
padding-left: 7px;
padding-top: 5px;
border-left: #CCCCCC 1px solid;
border-right: #CCCCCC 1px solid;
float: left;
display: inline;
width: 279px;
margin-left: 3px;
}
userinfo, .userinfo {
width: 280px;
padding: 3px;
margin: 0px;
text-align: left;
border-left: #CCCCCC 1px solid;
border-right: #CCCCCC 1px solid;
border-bottom: #CCCCCC 1px dashed;
display: inline;
float: left;
margin-left: 3px;
}

/* Blocks for login and signup information */
headlogin, .headlogin {
background-image: url('../../images/content_head_back.png');
background-repeat: repeat-x;
text-align: left;
color: #666666;
font-weight: bold;
font-size: 12px;
height: 24px;
margin-left: -4px;
margin-right: 5px;
padding: 3px;
border-left: #CCCCCC 1px solid;
border-right: #CCCCCC 1px solid;
float: left;
display: inline;
width: 383px;
}
logincontent, .logincontent {
text-align: left;
font-size: 12px;
margin-left: -4px;
margin-right: 5px;
padding-left: 5px;
padding-top: 3px;
border-left: #CCCCCC 1px solid;
border-right: #CCCCCC 1px solid;
border-bottom: #CCCCCC 1px dashed;
display: inline!important;
float: left;
width: 384px;
}
logginbutton, .logginbutton {
width: 200px;
text-align: right;
font-weight: normal;
padding: 3px;
}

/* Place-holder for comments in videos */
#comment_scroller {
width: 391px;
height: auto;
overflow: auto;
}
#comment_scroller p {
margin: 0px;
text-align: left;
font-weight: normal;
}

/* Styles for "view_video" page */
viewvid_header, .viewvid_header {
background-image: url('../../images/content_head_back.png');
background-repeat: repeat-x;
text-align: left;
color: #666666;
font-weight: bold;
font-size: 12px;
height: 24px;
margin-left: 5px;
margin-right: 5px;
padding-left: 5px;
padding-top: 5px;
border-left: #CCCCCC 1px solid;
border-right: #CCCCCC 1px solid;
float: left;
display: inline;
width: 600px;
}
video_left_content, .video_left_content {
margin-left: -35px;
padding: 0px;
float: left;
display: block;
width: 456px;
margin-right: 8px;
}
viewvideo_tabswrapper, .viewvideo_tabswrapper {
margin: 0px;
padding: 0px;
width: 600px;
text-align: left;
display: inline;
float: left;
}
videotab_results, .videotab_results {
width: 470px;
background-color: #EEEEEE;
border: 1px #CCCCCC solid;
float: left;
display: block;
margin-left: 5px;
}
videocomm_head, .videocomm_head {
color: #0048C0;
font-size: 12px;
height: 20px;
margin-left: 5px;
margin-right: 5px;
padding: 3px;
background-color: #F2FFE3;
border-left: #CCCCCC 1px solid;
border-right: #CCCCCC 1px solid;
border-bottom: #CCCCCC 1px solid;
float: left;
width: 464px;
text-align: left;
border-top: 1px #CCCCCC solid;
font-weight: bold;
margin-top: 7px;
}
videocomm_content, .videocomm_content {
font-size: 12px;
margin-left: 5px;
margin-right: 5px;
padding-left: 5px;
padding-top: 3px;
border-left: #CCCCCC 1px solid;
border-right: #CCCCCC 1px solid;
border-bottom: #CCCCCC 1px dashed;
width: 456px;
text-align: left;
padding: 7px;
text-align: left;
float: left;
display: block;
}
videoright_content, .videoright_content {
width: 300px;
float: left;
display: block;
margin-left: 0px;
}
videoright_content2, .videoright_content2 {
width: 300px;
float: left;
display: block;
margin-left: 17px;
}
content_head_video_right, .content_head_video_right {
background-image: url('../../images/content_head_back.png');
background-repeat: repeat-x;
text-align: left;
color: #666666;
font-weight: bold;
font-size: 12px;
height: 24px;
margin-left: 5px;
margin-right: 5px;
padding-left: 5px;
padding-top: 5px;
border-left: #CCCCCC 1px solid;
border-right: #CCCCCC 1px solid;
float: left;
display: block;
width: 300px;
}
content_head_video_results, .content_head_video_results,
div.content_head_video_results, a.content_head_video_results {
font-size: 12px;
margin-left: 5px;
margin-right: 5px;
padding-left: 5px;
padding-top: 3px;
border-left: #CCCCCC 1px solid;
border-right: #CCCCCC 1px solid;
border-bottom: #CCCCCC 1px dashed;
display: block;
float: left;
width: 291px;
text-align: left;
padding: 7px;
}
content_right_video_related, .content_right_video_related {
font-size: 12px;
margin-right: 5px;
padding-left: 5px;
padding-top: 3px;
border-left: #CCCCCC 1px solid;
border-right: #CCCCCC 1px solid;
border-bottom: #CCCCCC 1px dashed;
display: inline!important;
float: left;
width: 293px;
margin-left: 15px;
margin-top: 5px;
text-align: left;
padding: 7px;
border: 0px #FFFFFF solid;
}

/* Divs for static pages: Header(c1), paragpaph title(c3), paragraph text(c2) and separator(c4)) */
div.c1 {
text-align: center;
width: 95%;
font-size: 15px;
font-weight: bold;
}
div.c2 {
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
}
div.c3 {
padding-top: 8px;
padding-left: 5px;
padding-right: 5px;
font-weight: bold
}
div.spacer {
height: 8px;
}
/* dropdown */
#nav {
	margin: 0;
	padding: 0;
	position: relative;
	height: 26px;
	width: 100%;
	background: url(images/tbar_bg.png) repeat-x
}
#nav a {
	font-weight: normal;
	float: left;
	text-decoration: none;
	display: block;
	color: #fff;
	float: left;
	cursor: pointer;
	height: 26px;
	line-height: 26px;
	padding: 0 15px;
  overflow: hidden;
}
#nav a.toptren,
#nav li.active a.toptren {
	background: url(images/tbar_divider2.png) 100% 0 no-repeat;
	padding-right: 25px;
}

#nav ul ul a.tren {
	background: url(images/tbar_divider3.png) 100% 50% no-repeat;
}

#nav li a {
	background: url(images/tbar_divider.png) 100% 0 no-repeat;
}
/* dropdown menu text when rollover */
#nav ul li {
	position: relative;
}
#nav ul li a:hover,
#nav ul li ul li a:hover,
#nav ul li ul li ul li a:hover {
	color: #abffff;
}

#nav li li {
	border-bottom: 1px solid #62665c;
	border-top: 1px solid #7d8177;
}
#nav li li a{
	background: none;
	font-weight: normal;
	padding: 0;
	text-indent: 15px;
}
#nav ul ul a {
	color: #fff;
	display: block;
	text-decoration: none;
	width: 167px;
	text-transform: none;
}
#nav li {
	float: left;
	padding: 0;
  background: none;
  height: 26px;
}
#nav li ul {
	border-right: 1px solid #62665c;
	border-left: 1px solid #7d8177;;
	border-bottom: 1px solid #62665c;
	top: 26px;
	position: absolute;
	left: -999em;
	height: auto;
	width: 170px;
	font-weight: normal;
	border-width: 0;
	margin: 0;
	padding: 0;
}

#nav li:hover a, #nav li.sfhover a {
  color: #ffffff;
}
#nav, #nav ul {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}

#nav li li {
	padding: 0;
	background: none;
	float: left;
	padding: 0;
  width: 170px;
}

#nav li li:hover a, #nav li li.sfhover a {
  color: #ffffff;
}

#nav li.active {
	background: url(images/tbar_select.png) 0 0 repeat-x;
}
/* color of dropdown menu pull down menu */
#nav li:hover ul, 
#nav li li:hover ul, 
#nav li li li:hover ul, 
#nav li li li li:hover ul,
#nav li.sfhover ul, 
#nav li li.sfhover ul, 
#nav li li li.sfhover ul,
#nav li li li li.sfhover ul{
	background: #08688b;
}

span.pathway a {
  background: url(images/arrow.png) 100% 50% no-repeat;
}
#nav ul ul a {
	display: block;
	text-decoration: none;
	width: 167px;
	text-transform: none;
}
/* margin for pullouts */
#nav li ul ul {
	margin: -26px 0 0 170px;
}

#nav li:hover ul ul, 
#nav li:hover ul ul ul,
#nav li:hover ul ul ul ul,  
#nav li.sfhover ul ul, 
#nav li.sfhover ul ul ul, 
#nav li.sfhover ul ul ul ul {
	left: -999em;
}

#nav li:hover ul, 
#nav li li:hover ul, 
#nav li li li:hover ul, 
#nav li li li li:hover ul,
#nav li.sfhover ul, 
#nav li li.sfhover ul, 
#nav li li li.sfhover ul,
#nav li li li li.sfhover ul{
	z-index: 100;
	left: 0;
}

#nav li:hover, #nav li.sfhover {
      left: 0;
}

#nav ul ul a {
	background: none;
}

#nav li li.active {
	background: none;
}