@charset "UTF-8";
/* CSS Document */

/* hmx branding style sheet */


body {
background-color:#eeeeee;
}

p, table {
	color:black;
}

p.vidTitle {
	font-weight:bold;
	color:#000000;
}

p.vidSubTitle {
	font-weight:normal;
	color:#000000;
}

p.vidFeaturing {
	font-weight:normal;
	color:#333333;
}

p.subText {
	color:#000;
}

#pageWrapper {
	background-color: #ffffff;
	border: 1px solid #e0e0e0;
}


/* -- top menu -- */

#topNav li {
	color:#3f3f3f;
	border-left:1px solid #3f3f3f;
}

#topNav li.username {
	border:none;
	color:#105b9e;
}

#topNav a {
	color:#3f3f3f;
	text-decoration:none;
}

#topNav a:hover {
	text-decoration:underline;
	color:#99042E;
}


/* -- main menu -- */

#menuBar {
	border-bottom: 1px solid #dbdcdd;
}

#menuBar a {
	color:#6f6f6f;
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
	text-decoration:none;
	border-left:1px solid #dbdcdd;
}

#menuBar a:hover {
	background-color: #dbdcdd;
	color: #000000;
}

#menuBar a.active {
	background-color: #6f6f6f;
	color: #ffffff;
}

#menuBar a.button0 {
	color:#ff0000;
}

#menuBar a.button0.active {
	color:#ffffff;
	background-color: #cc0000;
}

#menuBar a.button1 {
	color:#36b848;
}

#menuBar a.button1.active {
	color:#ffffff;
	background-color: #36b848;
}

#menuBar a.button2 {
	color:#105b9e;
}

#menuBar a.button2.active {
	color:#ffffff;
	background-color: #105B9E;
}

#menuBar a:hover {
	text-decoration:underline;
}


#searchBar {
	text-transform:uppercase;
	font-weight:bold;
	text-align:center;
	color:#3f3f3f;
	border-left:1px solid #dbdcdd;
}

#searchBar.button2 {
	color:#105b9e;
}

#searchBar input {
	border:1px solid #000000;
	background-color:#f5f5f5;
}




/* -- main panel element styles -- */

.infoPanel .panel-top-1, .infoPanel .panel-top-2 {
	margin:0;
	padding:0;
	text-align:center;
}

.infoPanel .panel-top-1 {
	background-image: url(../images/whiteboard_paper_tapetop.jpg);
	background-position: bottom center;
	background-repeat: no-repeat;
	height: 19px;
}

.infoPanel .panel-top-2 {
	background-color:#f7f6EA;
	background-image: url(../images/whiteboard_paper_tapebottom.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	height: 15px;
}

.infoPanel .divider-line {padding-left:10px; padding-right:10px;}

.infoPanel .panel-footer-style {}


.infoPanel .bodyPane,
.infoPanel .topBar,
#morefromPanel .topBar,
.infoPanel .blankPane {
	background-color:#f7f6EA;
}

.infoPanel h1 {
	font-weight:bold;
	color:#000000;
}

.infoPanel a {
	color:#105B9E;
	text-decoration:none;
}

.infoPanel a:hover {
	color:#105B9E;
	text-decoration:underline;
}


/* about panel */

#aboutPanel .bodyPane td.aboutRow, #newvidsPanel .bodyPane td.vidRow {
	border-bottom:1px solid #999999;
}

#favsPanel .bodyPane td.vidInfo, #resultsPanel .bodyPane td.vidInfo {
	border-left:1px solid #999999;
}

#aboutPanel h1, #aboutVideoPanel h1, #historyPanel h1 {
	color:#3f3f3f;
}

#aboutVideoPanel .bodyPane td.addFaves {
	background-color:#ebebeb;
	border-top:1px solid #d8d8d8;
}

#aboutPanel span.channels-num, #aboutPanel span.favs-num {color:#36B848;}

ul.channelList a {
	color:#7f7f7f;
	text-decoration:none;
}

ul.channelList a:hover {
	color:#99042E;
	text-decoration:underline;
}



/* video stills */

img.videoStill {
	border:1px solid #3f3f3f;
	background-color:#333333;
}

a img.videoStill  {
	border:1px solid #3f3f3f;
}

a:hover img.videoStill {
	border-color:#ff0000;
}


/* new videos panel */

#newvidsPanel p.channelTitle {
	font-weight:bold;
}

body.projects #newvidsPanel p.channelTitle {
	color:#105B9E;
	text-decoration:none;
}

body.projects #newvidsPanel p.channelTitle:hover {
	text-decoration: underline;
}


/* feedback */

textarea#feedback {
	border: 1px solid #666666;
}


/* comments panel */

#commentsPanel .bodyPane td.commentRow {
	border-bottom:1px solid #999999;
}

#commentsPanel .cmtName {
	font-weight:bold;
	color:#000000;
}

#commentsPanel .cmtDate {
	font-weight:normal;
	color:#7f7f7f;
	font-style:italic;
}

#commentsPanel p.comment {
	color:#3f3f3f;
}

#commentsPanel p.delete_link, #commentsPanel p.email_link, #commentsPanel p.edit_link {
	color:#7f7f7f;
	border:1px solid #9f9f9f;
}

/* -- admin specific -- */

#admin .infoPanel p {
	color:#000000;
}

#admin .infoPanel h1 {
	font-weight:bold;
	color:#000000;
}

#admin .infoPanel a {
	color:#105B9E;
	text-decoration:none;
}

#admin .infoPanel a:hover {
	color:#105B9E;
	text-decoration:underline;
}


/* -- video player -- */

#player {
	border:1px solid #3f3f3f;
}


/* -- log in & other inputs elements -- */

body.login input, .infoPanel input, .infoPanel textarea {
	border:1px solid #666666;
}

body.login input#log-in, body.login input#register {
	background-color:#36b848;
	color:#ffffff;
}


/* Footer */

#footerDiv {
	border-top:1px solid #dbdcdd;
}

#links a, #links p {
	text-decoration: none;
	color: #3f3f3f;
	border-left: 1px solid #dbdcdd;
}

#links a:hover { color:#99042E; }

#footerDiv #copyright {
	color: #3f3f3f;
}

