/*== Do not edit or delete anything above this line==*/

/* = ============================================================================= =
   = Zendo Template by: Shawn Padgett  http://www.shawnshouse.com                  =
   = Distributed through PHPmotionTemplates.com http://www.phpmotiontemplates.com  =
   = Last Modified: 05/25/2009                                                     =
   = ============================================================================= = */

@charset "utf-8";

/*----------------------
  -- Main Body Styles --
  ----------------------*/
img { border: 0px; }

body {
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  background: #666666 url(../images/background-main.gif) repeat-x;
  text-align: left;
}

/*--This is the main container of the template.  It sets the overall width of the tempalate as well as centers it--*/
#wrapper {
	color: #fff;
	width: 980px;
	min-height: 700px;
	margin: 0 auto; /*centers the template*/
	background: #000;
}

/*--Cap, This gives the top "shiny" effect--*/
#cap {
	width: 980px;
	height: 10px;
	margin: 0 auto;
	padding: 0px;
	background: transparent url(../images/background-cap.gif) no-repeat;
}

/*--The main header--*/
#header {
  width: 980px;
  height: 72px;
  margin: 0 auto;
  padding: 0px;
  background: #000 url(../images/background-header.gif) repeat-x;
  background-position: top;
}


/*--Set the margin of the logo so that it aligns properly with the left header background--*/
#logo {
  float: left;
  padding: 1px 0px 0px 6px;
}

/*--Greeting (Welcome mesage, login/out links etc...--*/
#top {
 width: 980px;
 height: 25px;
 margin: 5px auto;
}

#greeting {
  color: #e7e7e7;
  float: left;
}

#greeting a:link { color: #C71E1E; }
#greeting a:visited { color: #C71E1E; }
#greeting a:hover { color: #FF6F6F; text-decoration: underline; }

/*--Footer styles--*/
#footer {
  color: #fff;
  width: 1000px;
  height: 50px;
  margin: 0px auto;
  padding: 16px 0px 0px 0px;
  text-align: center;
  background: transparent url(../images/background-footer.gif) no-repeat;
  clear: both;/*Clears all columns and sets the footer at the bottom*/
}

#footer p {
	line-height: 2;
}

#footer2 {
  color: #fff;
  width: 1000px;
  height: 50px;
  margin: 0px auto;
  padding: 16px 0px 0px 0px;
  text-align: center;
  background: transparent url(../images/background-footer.gif) no-repeat;
  clear: both;/*Clears all columns and sets the footer at the bottom*/
}

#footer2 p {
	line-height: 2;
}

#bottom-menu {
  color: #666666;
  text-align: center;
  background-color: #000;
  width: 980px;
  margin: 0 auto;
}

/*--PHPmotionTemplates.com Branding--*/
#phpmotiontemplates-footer {
 color: #fff;
 font-size: 11px;
 font-weight: normal;
 margin-top: 10px;
}


/*----------------------
  -- Link Styles      --
  ----------------------*/
/*-Main Links.  All links will show like this unless specified otherwise-*/
a:link {
  color: #C71E1E;
  text-decoration: none;
}

a:visited {
  color: #C71E1E;
  text-decoration: none;
}

a:hover {
  color: #FF6F6F;
}

#showlink {
	color: #C71E1E;
	font-weight: bold;
}


/*-----------------------
  -- Navigation Styles --
  -----------------------*/
/* Main Navigation */
#navigation {
 width: 940px;
 margin: 0 auto;
 padding: 0px;
 background: transparent url(../images/wrap-back.gif) repeat-y;
}

#nav-bar {
  /*width: 640px;*/
  height: 29px;
  margin: 0 auto;
  float: right;
  text-align: center;
  margin: 5px 0px 3px 0px;
}

#upload {
  width: 40px;
  float: right;
  margin: -9px 0px 3px 0px;
}

.button a { background-image: url(../images/button-nav.gif); background-repeat: no-repeat; height: 15px; width: 80px; float: right; margin: 0px 5px;}
.button a:hover { background-position: 0 -15px;}
.button-text { color: #fff; font-weight: normal; width: 80px; float: right; margin: 1px 5px; }

.button-control a { background-image: url(../images/button-nav.gif); background-repeat: no-repeat; height: 15px; width: 80px; float: right; margin: 0px 5px;}
.button-control a:hover { background-position: 0 -15px;}
.button-control-text { color: #fff; font-weight: normal; width: 80px; float: right; margin: 1px 5px; }

.button-upload a { background-image: url(../images/button-upload.gif); background-position: center 0; background-repeat: no-repeat; height: 34px; width: 40px; float: right; }
.button-upload a:hover { background-position: center -34px; }
.button-upload-text { color: #fff; font-size: 9px; width: 40px; text-align:center; }

a.nav:link {color:#fff; font-family:arial; font-weight: bold; font-size:13px; }
a.nav:visited {color:#fff; font-family:arial; font-weight: bold; font-size:13px; }

.nav2 { color: #C8271F; }
.nav2 a:link {color:#C8271F; font-family:arial; font-weight: normal; font-size:9px; }
.nav2 a:visited {color:#C8271F; font-family:arial; font-weight: normal; font-size:9px; }
.nav2 a:hover {color:#F7B2B1; font-family:arial; font-weight: normal; font-size:9px; }


#search {
 float: left;
 font-size: 12px;
 margin: 15px 0 0 5px;
 clear: both;
}

#search ul {
    list-style-type: none;
	display: inline;
}

#search li {
    list-style-type: none;
    float: left;
	margin: 0 4px 0 0;
}

.search-field {
    width: 180px;
	height: 16px;
}

.search-select {
    height: 20px;
}


#submit-search {
	width: 20px;
	height: 20px;
    background: transparent url(../images/button-search.gif) no-repeat;
	border: 1px solid #666666;
}

#submit-search:hover {
 border: 1px solid #C8271F;
}

#sub-nav {
 width: 968px;
 height: 10px;
 margin: 0px auto;
 float: left;
 padding: 0px 10px 4px 0px;
 text-align: right;
 background: #212121;
 border: 3px solid #515151;
 border-left: none;
 border-right: none;
}

/*--Browse Navigation. (Featured, Most Views, etc...)--*/
.browse-nav {
    text-align: right;
    margin: 0px 0px 0px 0px;
    padding: 0px 5px 0px 0px;
}

.browse-nav-2 {
  text-align: right;
  margin: -15px 0px 0px 0px;
  padding: 0px 5px 0px 0px;
}
.browse-nav a {
  color: #fff;
  font-size: 10px;
  font-weight: bold;
}

.browse-nav a:hover {
  text-decoration: underline;
}

.browse-nav-2 a {
  color: #3983bb;
  font-size: 12px;
}

.browse-nav-2 a:hover {
  text-decoration: underline;
}

/*--Search Bar--*/
#search-bar {
  float: right;
  margin: 7px 5px 0px 0px;
}

/*--Form BUttons--*/
.button-form {
  height: 21px;
  font-size: 11px;
  font-weight: bold;
  font-family: verdana;
  border: 2px solid #666666;
  background: transparent url(../images/button-form.gif) repeat-x;
  padding: 0px 8px 2px 8px;
}

.button-form:hover {
  border: 2px inset #C8271F;
}

/*-----------------------
  -- Advert Styles     --
  -----------------------*/
#advert-top {
  width: 100%;
  margin: 5px 0px;
  float: left;
  text-align:center;
}

#advert-bottom {
  width: 100%;
  margin: 0px;
  text-align:center;
}

#advert-right {
  width: 338px;
  height: auto;
  padding: 2px 0px;
  margin: 5px 0px;
  text-align: center;
  border: 2px solid #666666;
  text-align:center;
}

#advert-left {
  width: 336px;
  padding: 2px 0px;
  margin: 0px 0px 0px 5px;
  text-align: center;
  border: 2px solid #666666;
  text-align:center;
}


/*-----------------------
  -- Column Styles     --
  -----------------------*/
#inner-templates-container {
  width: 100%;
  float: left;
  /* margin: 0px auto; */
}

#column-wide {
  width: 970px;
  margin: 15px 0px 5px 5px;
  float: left;
}

#column-left-1 {
  width: 608px;
  float: left;
  margin: 0px 0px 10px 5px;
}

#column-right-1 {
  width: 336px;
  float: right;
  margin: 0px 10px 10px 0px;
}

#column-left-2 {
  width: 336px;
  float: left;
  margin: 0px 0px 10px 0px;
}

#column-right-2 {
  width: 608px;
  float: right;
  margin: 0px 10px 10px 0px;
}

#column-left-3 {
  width: 465px;
  padding: 5px;
  float: left;
  margin: 5px 0px 0px 0px;
}

#column-right-3 {
  width: 465px;
  padding: 5px;
  float: right;
  margin: 5px 0px 0px 0px;
}

/*-----------------------
  -- Input Styles      --
  -----------------------*/
input, textarea, button
{
	color: #fff;
	font-size: 15px;
	background-color: #212121;
	border: 2px solid #666666;

}
input, button
{

}

input:focus, textarea:focus {
    color: #fff;
	border: 2px inset #C71E1E;
}

textarea {
	font-size: 100%;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
}

/* All input elements that are checkboxes or radio buttons. */
input.check
{
}

/* Selects are a bit smaller, because it makes them look even better 8). */
select {
	font-weight: normal;
	font-size: 12px;
	width: 70px;
	height: 21px;
	color: #ccc;
	background-color: #212121;
	border: 2px solid #666666;
}


.embed {
  width: 306px;
}

#submit {
    ;
	width: 100px;
	height: 20px;
    background: transparent url(../images/button-submit.gif) no-repeat;
	border: none;
}

#submit:hover {
 border: 2px solid #C8271F;
}

/*------------------------------------
  -- Containers, Headers and Blocks --
  ------------------------------------*/
#heading-browse-videos {
	color: #C8271F;
	width: 612px;
    height: 30px;
    padding: 8px 10px 0px 0px;
    margin: 10px 0px -10px 0px;
    text-align: right;
    background: transparent url(../images/heading_browse-videos.gif) no-repeat;
}

#heading-browse-images {
	color: #C8271F;
	width: 612px;
    height: 30px;
    padding: 8px 10px 0px 0px;
    margin: 10px 0px -10px 0px;
    text-align: right;
    background: transparent url(../images/heading_browse-images.gif) no-repeat;
}

#heading-now-playing {
	width: 608px;
    height: 30px;
    padding: 6px 4px 0px 0px;
    margin-bottom: -8px;
    text-align: right;
    background: transparent url(../images/heading_now-playing.gif) no-repeat;
}

.heading-wide {
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	width: 608px;
    height: 30px;
    padding: 6px 14px 0px 0px;
    margin-bottom: -8px;
    text-align: right;
    background: transparent url(../images/heading_wide-blank.gif) no-repeat;
}

#heading-now-playing h1, .heading-wide h1 {
	color: #fff;
	font-size: 17px;
	margin-right: 3px;
}

/*--Wide Container Header--*/
.header-wide {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  width: 608px;
  height: 24px;
  margin: 0px 0px 0px 0px;
  padding: 8px 0px 0px 8px;
}

.header-wide-2 {
  color: #1f5176;
  font-size: 14px;
  font-weight: bold;
  width: 608px;
  height: 24px;
  margin: 0px 0px 0px 0px;
  padding: 8px 0px 0px 8px;
}

.header-wide-comments {
  width: 608px;
  color: #1f5176;
  border: 2px solid #666666;
}



.header-wide h1 {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  margin: -15px 0px 0px 0px;
  padding: 0px 5px 0px 0px;
  text-align: right;
}

.header-wide h2 {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  margin: 0px;
  padding: 0px 0px 0px 5px;
  text-align: left;
}

/*--Wide Container--*/
.container-wide {
  width: 602px;
  text-align: center;
  border: 2px solid #666666;
  padding: 2px 3px;
}



.container-wide-player {
  width: 608px;
  text-align: center;
  border: 2px solid #666666;
  border-top: none;
  padding: 2px 0px;
  margin: 0px 0px 5px 0px;
}

.container-player {
  color: #666666;
  width: 608px;
  text-align: center;
  background: #000000;
  border-bottom: 1px solid #666666;
  padding: 0px;
}

#video-info {
  width: 608px;
  padding: 5px;
}

.menu-list {
  list-style-type: none;
  text-align: left;
  margin: 0px 0px 0px 8px;
  padding: 5px 0px 0px 0px;
}

.menu-list li {
  line-height: 2;
  padding-bottom: 5px;
}

.video-details-list {
  width: 600px;
  list-style-type: none;
  float: left;
  text-align: left;
}

.video-details-list li {
 	margin-bottom: 8px;

 	/*
 	padding: 1px 0px;
 	margin: 4px 0px;
 	*/
}

#media-buttons {
	width: 585px;
	height: 25px;
	background: #222;
	padding: 5px 5px;
	border-bottom: 1px solid #e7e7e7;
}

.video-details-button {
	margin: 0px 18px;
	float: left;
}

.video-details-button:hover {
	background: #666666;
}

#video-details {
	text-align:center;
}

.video-details-list-2 {
  width: 322px;
  list-style-type: none;
  text-align: left;
  background-color: #222;
  border: 1px solid #999;
  margin: 10px 0px 3px 0px;
  padding: 2px 5px;
}

.video-details-list-2 li {
 	margin-bottom: 8px;

 	/*
 	padding: 1px 0px;
 	margin: 4px 0px;
 	*/
}

#share-button {
	border-top: 1px dashed #e7e7e7;
	text-align: right;
	padding-top: 3px;
	margin-bottom: -2px;
}

.li-spacer {
}

#longdesc{
        visibility: hidden;
        display: none;
}

#shortdesc{
        display: block;
}

.rating { float: left; }
.functions { float: right; }


/*--Narrow Column Header--*/
#heading-sm_login {
	color: #C8271F;
	width: 336px;
    height: 30px;
    margin: 0px 0px -3px -2px;
    padding: 3px 0px 0px 6px;
    background: transparent url(../images/heading-sm_login.gif) no-repeat;
}

#heading-sm_latest-news {
	color: #C8271F;
	width: 336px;
    height: 30px;
    margin: 0px 0px -4px 0px;
    padding: 3px 0px 0px 8px;
    background: transparent url(../images/heading-sm_latest-news.gif) no-repeat;
}

#heading-sm_featured-audios {
	color: #C8271F;
	width: 336px;
    height: 30px;
    margin: 0px 0px -3px 0px;
    padding: 3px 0px 0px 8px;
    background: transparent url(../images/heading-sm_featured-audios.gif) no-repeat;
}

#heading-sm_featured-blogs {
	color: #C8271F;
	width: 336px;
    height: 30px;
    margin: 10px 0px -3px 0px;
    padding: 3px 0px 0px 8px;
    background: transparent url(../images/heading-sm_featured-blogs.gif) no-repeat;
}

#heading-sm_popular-media {
	color: #C8271F;
	width: 336px;
    height: 30px;
    margin: 10px 0px -3px 0px;
    padding: 3px 0px 0px 8px;
    background: transparent url(../images/heading-sm_popular-media.gif) no-repeat;
}

#heading-sm_popular-tags {
	color: #C8271F;
	width: 336px;
    height: 30px;
    margin: 10px 0px -3px 0px;
    padding: 3px 0px 0px 8px;
    background: transparent url(../images/heading-sm_popular-tags.gif) no-repeat;
}

#heading-sm_stats {
	color: #C8271F;
	width: 336px;
    height: 30px;
    margin: 10px 0px -3px 0px;
    padding: 3px 0px 0px 8px;
    background: transparent url(../images/heading-sm_stats.gif) no-repeat;
}

.header-narrow {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  width: 336px;
  height: 26px;
  margin: 0px 0px -4px 5px;
  padding: 7px 0px 0px 8px;
  background: transparent url(../images/heading-sm_blank.gif) no-repeat;
}


/*-- Narrow Container.  These are used in the right column--*/
.container-narrow {
  width: 332px;
  border: 2px solid #666666;
  padding: 0px 2px 0px 4px;
  margin: 0px 0px 10px 0px;
}


/*--Container List Styles--*/
.container-narrow ul {
  list-style-type: none;
}

.container-narrow h2 {
	color: #666666;
	font-weight: bolde;
	font-size: 14px;
	margin-bottom: 2px;
	border-bottom: 1px solid #fff;
}

/*--The Stats Container--*/
.container-stats {
  width: 334px;
  border: 2px solid #666666;
  border-top: none;
  padding: 0px 2px;
}
.container-stats ul {
  list-style-type: none;
}

.container-stats li {
  float: left;
  width: 100%;
  line-height: 1.8;
}

/*--The Login Form Container--*/
#login-box {
  color: #fff;
  width: 338px;
  height: 160px;
  border: 2px solid #666666;
  border-top: none;
  margin: 0px 0px 5px 0px;
}

#login-box ul{
  display: block;
  list-style-type: none;
  margin: 0px 0px 0px 10px;
  padding: 8px 0px 0px 0px;
}

.login-box li{
  list-style-type: none;
  margin: 5px 20px 5px 0px;
  text-align: right;
}

#login-box a {
  color: #3c8ec1;
  font-weight: bold;
}

#login-box a:hover { color: #FF6F6F; }

.username { margin:0px 0px 0px 12px; }

.password { margin:0px 0px 0px 12px; }

.howlong { margin: 0px 12px 0px 12px; }

.login-button { margin: 0px 0px 0px 18px; }

.login-button-index { margin: -8px 0px 0px 0px; }

/*--The Index Player Container--*/
#index-player-container {
  width: 608px;
  text-align: center;
  border: 2px solid #666666;
  padding: 0px 0px 1px 0px;
  margin: 0px 0px 10px 0px;
}

/*--Upload Video Container--*/
#upload-video {
 width: 708px;
 padding: 5px;
}

#upload-video ul {
  list-style-type: none;
}

#upload-video li {
  display: inline-block;
  margin: 8px 0px;
  float: left;
}

#upload-video-response {
 width: 500px;
 padding: 5px;
}

#upload-video-response ul {
  list-style-type: none;
}

#upload-video-response li {
  margin: 8px 0px;
}

.upload-video-form-input {
  width: 300px;
  margin-left: 5px;
}

.upload-video-tags {
  background-color: #333;
  border: 1px solid #fff;
  padding: 3px;
}

/*--The Video Browser Container--*/
.browse-videos {
  width: 608px;
  margin: 0px 0px 0px 0px;
}

.browse-videos ul {
  list-style-type: none;
  display: inline;
  clear: both;
}

.browse-videos li {
  display: inline;
  width: 120px;
  text-align: center;
  float: left;
  padding: 2px;
  margin: 5px 13px;
}

.browse-videos-title {
  color: #C71E1E;
  font-size: 11px;
  font-weight: bold;
  text-align: left;
}

.browse-videos-duration {
  color: #666666;
  font-size: 9px;
  font-weight: bold;
  text-align: left;
  margin-top: 4px;
}

.browse-videos-member {
  color: #666666;
  font-size: 9px;
  font-weight: bold;
  text-align: left;
  margin-bottom: 4px;
}

.browse-videos-rating {
  text-align: right;
  margin-top: -10px;
}

.browse-videos-date {
  color: #666666;
  font-size: 9px;
  font-weight: bold;
  text-align: left;
  margin-top: -4px;
}

/*--The Audio Browser Container--*/
.browse-audios {
  width: 338px;
  border: 2px solid #666666;
  border-top: none;
  border-bottom: none;
  padding: 5px 0px;
  margin: 0px 0px -4px 0px;
}

.browse-audios ul {}

.browse-audios li {
  list-style-type: none;
  padding: 2px;
  margin: 1px 0px;
  line-height: 1.8;
}

.browse-audios a {
  font-weight: bold;
  padding: 0px;
  margin: 0px;
}

.browse-bottom {
	border-top: 2px solid #666666;
	width: 340px;
	margin-top: 2px;
}

/*--The Blog Browser Container--*/
.browse-blogs {
  width: 338px;
  border: 2px solid #666666;
  border-top: none;
  border-bottom: none;
  padding: 5px 0px 0px 0px;
  margin: 0px 0px -4px 0px;
}

.browse-blogs ul {}

.browse-blogs li {
  list-style-type: none;
  padding: 2px;
  margin: 1px 0px;
  line-height: 1.8;
}

.browse-blogs a {
  font-weight: bold;
  padding: 0px;
  margin: 0px;
}


/*--What's Showing Menu Container--*/
.whats-showing {
  width: 338px;
  border: 2px solid #666666;
  border-top: none;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 10px 5px;
}

.whats-showing ul {}

.whats-showing li {
  list-style-type: none;
  padding: 7px 0px 0px 8px;
  margin: 1px 0px;
  height: 23px;
  background: #222;
  border: 1px solid #444;
}

.whats-showing li:hover { background: #666666; }

.whats-showing a {
  font-weight: bold;
  padding: 0px;
  margin: 0px;
  display: block;
  height: 23px;
}

.whats-showing2 {
  width: 338px;
  border: 2px solid #666666;
  border-top: none;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 10px 0px;
}

.whats-showing2 ul {}

.whats-showing2 li {
  list-style-type: none;
  padding: 7px 0px 0px 8px;
  margin: 1px 0px;
  height: 23px;
  background: #222;
  border: 1px solid #444;
}

.whats-showing2 li:hover { background: #666666; }

.whats-showing2 a {
  font-weight: bold;
  padding: 0px;
  margin: 0px;
  display: block;
  height: 23px;
}

.whats-showing3 {
  width: 338px;
  border: 2px solid #666666;
  border-top: none;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 10px 5px;
}

.whats-showing3 ul {}

.whats-showing3 li {
  list-style-type: none;
  padding: 7px 0px 0px 8px;
  margin: 1px 0px;
  height: 23px;
  background: #cccccc;
  border: 1px solid #444;
}

.whats-showing3 li:hover { background: #bbb; }

.whats-showing3 a {
  font-weight: bold;
  padding: 0px;
  margin: 0px;
}

/*--Groups Containers--*/
.groups-list {
  width: 590px;
  padding: 2px 10px;
  margin: 0px 0px 8px 0px;
  border: 2px solid #666666;
  float: left;
}

.groups-thumb {
  display: inline;
  text-align: left;
  margin: 0px;
  float: left;
}

.groups-thumb li { list-style-type: none; border: 2px solid #ccc; }

.groups-info {
  color: #666666;
  width: 410px;
  list-style-type: none;
  display: block;
  text-align: left;
  padding: 5px;
  float: left;
  margin: 0px 0px 8px 18px;
}

.groups-info li { padding: 2px 0px; }

/*--The Video Browser Container--*/
.groups-videos {
  width: 608px;
  margin: 0px;
  text-align: center;
}

.groups-videos ul {
  list-style-type: none;
  display: inline;
  clear: both;
}

.groups-videos li {
  display: inline;
  text-align: center;
  float: left;
  border:1px solid #ccc;
  padding: 5px;
  width: 160px;
  height: 170px;
  margin: 5px 15px;
}

.groups-videos-duration {
  color: #333;
  margin-top: 4px;
  font-size: 11px;
}

.groups-videos-rating {}

.groups-videos-date {
  color: #333;
  font-size: 11px;
}

.groups-form {
  width: 580px;
  padding: 5px 10px;
  border: 2px solid #666666;
  text-align: left;
}

.groups-form ul {
  list-style-type: none;
}

.groups-form li {
  margin: 10px 0px;
  font-weight: bold;
}

/*--Members Info--*/
.member-info {
  list-style-type: none;
  text-align: left;
  line-height: 0.5px;
}

/*--Member Details--*/
.member-details {
  padding: 2px 2px 3px 4px;
  width: 336px;
}

#member-title {
	margin-bottom: 4px;
    border-bottom:1px solid #dddcdc;
}

#member-title h2 {
	color: #C71E1E;
	font-size: 14px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}

.member-details a {
	color: #C71E1E;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

.member-details-list {
  float: left;
}

.member-details-list ul{
  list-style-type: none;
}

.member-details-list li {
  margin: 2px 0px;
}

#member-details-thumb {
  float: left;
  width: 170px;
}

#member-details-thumb img { border: 2px solid #ffffff; }
#member-details-thumb img:hover { border: 2px solid #C71E1E; }

#member-status { margin: 5px 3px; float: left; }

#member-content {
  width: 258px;
  float: left;
  font-weight: bold;
  text-align:center;
  padding: 5px 0px 0px 0px;
}

.member-others {
  float: left;
  margin: 5px 30px;
  text-align: center;
}

#others {
	width: 336px;
	text-align: center;
}

.others-nav {
	color: #C71E1E;
	font-size: 14px;
	font-weight: bold;
	width: 336px;
    text-align: center;
}

.others-nav a:link, a:visited { color: #C71E1E; }

/*--Member List--*/
.member-list {
	width: 970px;
  	margin: 0px;
  	text-align: center;
}

.member-list ul {
  list-style-type: none;
  display: inline;
  clear: both;
}

.member-list li {
  display: inline;
  float: left;
  border:1px solid #dddcdc;
  padding: 5px;
  width: 177px;
  margin: 5px 5px 0px 0px;
}

/*--Content List Container--*/
#content-list {
  width: 608px;
  display: inline-block;
  list-style-type: none;
  border: 2px solid #666666;
  margin-bottom: 5px;
  float: left;
}

#content-list li {
  list-style-type: none;
}


#content-list-narrow {
  width: 330px;
  padding: 5px 4px;
}

#content-list-narrow li {
  margin: 0px;
}

#content-list a:link { color: #C71E1E; text-decoration: none; }
#content-list a:visited { color: #C71E1E; text-decoration: none; }
#content-list a:hover { color: #FF6F6F; }

.content-list-thumb {
  width: 125px;
  list-style-type: none;
  float: left;
  padding: 2px 0px 0px 2px;
  margin: 2px 5px 2px 0px;
  border-right: 1px solid #666666;
}

.content-list-thumb li {
  display: inline;
  
}

.content-list-info {
	float: left;
    display: inline-block;
    list-style-type: none;
    margin: 2px 0px;
}

.content-list-info li {
  padding: 2px;
}

/*--Comment List Container--*/
.comment-list {
  width: 710px;
}

.comment-list-block {
  display: inline-block;
  list-style-type: none;
}

.comment-list-block li {
  padding: 5px 0px;
  margin-bottom: 3px;
}

.comment-list-thumb {
  width: 118px;
  list-style-type: none;
  float: left;
}

.comment-list-thumb img { border: 2px solid #666666; }
.comment-list-thumb img:hover { border: 2px solid #dddcdc; }

.comment-list-thumb li {
  display: inline;
  list-style-type: none;
}

.comment-list-info {
  display: inline;
  list-style-type: none;
  width: 588px;
  float: right;
  border: 1px solid #dddcdc;
  text-align: left;
}

.comment-list-info li {
  padding: 4px 5px;
}

/*--FCK Editor Container--*/
.fck-block {
  width: 608px;
  margin: 0px auto 3px auto;
  border: 2px solid #666666;
}

/*--User Info--*/
.user-info-list {
  list-style-type: none;
  display: inline;
}

.user-info-list li {
  display: inline;
  float: left;
  margin: 0px 4px;
}


/*--Signup/Login Form Container--*/
#Signup{
	background-color: #333;
	text-align: left;
}

#Signup ul{
	list-style-type: none;
	padding: 0px;
	margin: 25px 0px 0px 25px;
	width: 340px;
}

#Signup li{
	display:block;
	margin: 0px 0px 10px 6px;
}

.signup-left {
  width: 460px;
  margin: 5px 2px;
  padding: 2px 0px 0px 10px;
  background: #333;
  border: 3px solid #666666;
  float: left;
}

.signup-left p {
  font-weight: bold;
}

.signup-left ul {
  margin: 5px 0px 5px 30px;
}

.signup-right {
  width: 460px;
  margin: 5px 2px;
  padding: 5px;
  background: #333;
  border: 3px solid #666666;
  float: right;
}

.signup-right a { color: #317eb8; font-weight: bold; }
.signup-right a:hover { text-decoration: underline; }

.login-button { margin-left: 78px; }

/*--Email Container--*/
.email-list {
  width: 590px;
  padding: 2px 10px;
  margin: 0px 0px 8px 0px;
  border: 1px solid #dddcdc;
  float: left;
}

.email-list ul { list-style-type: none; }

.email-list li {
  margin: 10px 0px;
  padding: 5px 2px;
  border-bottom: 1px dashed #ccc;
}

.email-list-2 {
  width: 590px;
  padding: 2px 10px;
  margin: 0px 0px 8px 0px;
  border: 1px solid #dddcdc;
  float: left;
}

.email-list-2 ul { list-style-type: none; }

.email-list-2 li {
  margin: 2px 0px;
  padding: 0px;
}

/*--Misc--*/
#album_view {
  padding: 2px 0px;
}

#album-title {
	float: left;
	margin-left: 4px;
}

#mycarousel { margin:0px auto; }

/*--Warning Message Container--*/
.warning-message {
  width: 100%;
  height: 23px;
  float: left;
  margin: 2px auto;
  text-align:center;
  border: 1px dashed #ee0000;
  color: #ee0000;
  font-weight: bold;
  font-size: 14px;
  line-height: 15px;
  padding: 3px 0px 0px 0px;
}

/*--Welcome Page Container--*/
#welcome-container {
  width: 960px;
  border: 2px solid #666666;
  text-align: left;
  height: 256px;
  font-weight: bold;
  margin: 0 auto;
}

#welcome-container ul {
  list-style-type: none;
  margin: 24px 0px;
}

#welcome-container li {
  margin: 0px 0px 10px 90px;
  display: inline;
  width: 320px;
  float: left;
}

/*--Member Search Container--*/
#members-search {
	text-align: center;
	margin: 10px 0px;
	border: 1px solid #E3E3E3;
}

#members-search ul {
    margin: 0px;
	padding: 5px 0px;
	background-color: #333333;
}

#members-search li {
	display: inline;
	margin-right: 15px;
}

/*--Generic Container--*/
#generic-container {
  border: 2px solid #666666;
  padding: 5px;
}

#generic-container p {
  line-height: 2;
}

#blog-read {
  width: 608px;
  border: 2px solid #666666;
}

#blog-read a { color: #C71E1E; font-weight: bold; }
#blog-read a:hover { text-decoration: underline;  }

#blog-form {
  border: 2px solid #666666;
  clear: both;
  font-weight: bold;
  padding: 5px;
  margin: 0px;
}

#blog-form ul {
  list-style-type: none;
  width: 700px;
}

#blog-form li {
  display: inline;
  float: left;
}

.blog-title {
  background: #222222;
  padding-left: 18px;
  border-top: 1px solid #dddcdc;
}

.blog-info {
  font-weight: bold;
  background: #666666;
  padding-left: 18px;
  border-bottom: 1px solid #dddcdc;
}

.blog-content { margin: 10px 5px; }
.blog-bookmarks { margin-top: 5px; }

.blog-content-list-thumb {
  width: 102px;
  list-style-type: none;
  float: left;
  vertical-align: middle;
  text-align:center;
  padding: 20px 0px 0px 9px;
}

.news-title {
  width: 596px;
  background: #333333;
  padding-left: 5px;
  margin: 0 auto;
}

.news-info {
  width: 596px;
  font-weight: bold;
  background: #888888;
  margin: 0 auto;
  padding-left: 5px;
  border-bottom: 1px solid #dddcdc;
}

.news-list-info {
  display: inline-block;
  list-style-type: none;
  width: 608px;
  float: right;
  margin: 2px 0px;
}

.news-list-info li {
  padding: 5px;
}

.news ul li {
    list-style-type: disc;
	margin: 0px 20px;
}

/*----------------------
  -- General Styles   --
  ----------------------*/
.thumb {
  border: 2px solid #ccc;
  width: 120px;
  height: 90px;
}

h1 {
  color: #3580b9;
  font-size: 20px;
  font-weight: bold;
  margin: 0px 0px 10px 0px;
}

h2 {
  color: #333;
  font-size: 14px;
  font-weight: bold;
  margin: 0px 0px 10px 0px;
}

h3 {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  margin: 0px;
}

h3 a {
	color: #C71E1E;
}

h4 {
  color: #666666;
  font-size: 12px;
  font-weight: bold;
  margin: 0px;
}

h4 a {
 color: #C71E1E;
}

.moderation {
	width: 588px;
    background-color: #333333;
    border: 1px solid #666666;
    padding: 4px 0px 2px 5px;
    clear: both;
}

.font4_14 { color: #999; font-size: 14px; font-weight: bold; }

.font4_13 { color: #fff; font-size: 12px; font-weight: bold; }

.font4_12 { color: #999; font-weight: bold; }

.font5_14 {	color: #C71E1E;	font-size: 14px; font-weight: bold; }

.font5_15 {	color: #3580b9;	font-size: 16px; font-weight: bold; }

.font5_4B {	color: #C71E1E;	font-size: 12px; font-weight: bold; }

.font5_12 {	font-size: 12px; font-weight: bold; }

.font5_16 {	font-size: 18px; font-weight: bold; }

.popular-lable { color: #666666; font-size: 12px; font-weight: bold; margin: 2px 0px; }

.stats-thumb { float: left; margin: 2px 0px }

.stats-lable { color: #666666; font-size: 12px; font-weight: bold; margin: 5px; float: left; }

.stats-value { float: right; margin: 5px 2px; }

.audio-lable { margin: 0px 0px 0px 5px; }

.signup-lable { font-weight: bold; margin: 0px 17px 0px 0px; }
.signup-lable-user { font-weight: bold; margin: 0px 12px 0px 0px; }
.signup-lable-new { font-weight: bold; width: 100%; background-color: #888; padding: 2px 5px; }

.clear-fix {
  clear: both;
}


/* Pagination */

#pagination {
	margin-top: 28px;
	margin-bottom: 8px;
	clear: both;

}
#pagination ul {
	list-style-type: none;
	padding-left: 0px;
}
#pagination li {
	display: inline;
	margin: 10px 5px 0 0;

}
#pagination li a {
	padding: 4px;
	border: 1px solid #999999;
	text-decoration: none;
}
#pagination li a:hover {
	border: 2px solid #999999;
	background-color: #ffffff;
	font-weight: bold;
	font-size: 12px;
	padding: 5px;

}

/*------------------
  -- Form Styles  --
  ------------------*/
#delmemberform {
  margin: 10px 0px;
}

#addvideoform {
  margin: 10px 0px;
}


#UploadAudio{
	background-color: #222;
	border: 1px solid #ebe8e8;
	text-align:left;
	height: 400px;
}

#UploadVideo{
	background-color: #222;
	border: 1px solid #ebe8e8;
	text-align:left;
}

#UploadVideo ul{
	list-style-type: none;
	padding-left: 0px;
	padding-top: 0px;
	margin-top: 25px;
	margin-left: 0px;

}

#UploadVideo li{
	margin-bottom: 15px;
	display:inline;
	display:block;
	width: 213px;
	float: left;
	margin-left: 6px;
	list-style-type: none;
}

.UploadVideo_Tags{
	background-color: #222;
	line-height: 18px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 5px;
}

#UploadVideo_2{
	background-color: #222;
	
	background-repeat: no-repeat;
	background-position: right bottom;
	border: 1px solid #ebe8e8;
	text-align:left;
	height: 306px;
}

#UploadVideo_2 ul{
	list-style-type: none;
	padding-left: 0px;
	padding-top: 0px;
	margin-top: 25px;
	margin-left: 0px;

}

#UploadVideo_2 li{
	margin-bottom: 15px;
	display:inline;
	display:block;
	width: 213px;
	float: left;
	margin-left: 6px;
	list-style-type: none;
}


#CommentBoxPostNew{
	border: 1px dotted #DFDCDC;
	width: 595px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	background-color: #FFFFFF;
	background-image: url(../images/slice_comments_run.png);
	background-repeat: repeat-x;
	background-position: left top;
	clear: left;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 10px;
}

/* Video Comments thumb */
.ThumbMembersVideos_Comments{
	float:left;
	width:70px;
	height:70px;
	margin-left: 8px;
	margin-top: 0px;
	margin-right: 8px;
	border: 2px solid #fff;
	background-color: #111;
}

.comment-container {
	background-color: #111;
	border: 1px solid #666666;
	padding: 5px 0px 0px 0px;
}

.CommentsBox{
	color: #fff;
	background-color: #222222;
	float: right;
	width: 488px; /*488px;*/
	margin-right: 18px;
}

.comment-user-info {
	background-color: #000;
	height: 20px;
	padding-top: 5px;
}
.CommentBoxList_TopLinks li{
	background-color: #111;
	display:inline;
	margin: 0px;
	padding: 0px;
}


#CommentBoxPostNew{
	border: 1px dotted #DFDCDC;
	width: 595px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	background-color: #FFFFFF;
	background-image: url(../images/slice_comments_run.png);
	background-repeat: repeat-x;
	background-position: left top;
	clear: left;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 10px;
}


.image_form  {
	font-size: 9pt;
	width: 128px;
	height: 20px;
	font-weight: bold;
	color: #666666;
	letter-spacing: 1px;
	border: 1px solid #DFDCDC;
	background-color: #222222;
}

.image_form_tags  {
	font-size: 9pt;
	width: 228px;
	height: 20px;
	font-weight: bold;
	color: #666666;
	letter-spacing: 1px;
	border: 1px solid #DFDCDC;
	background-color: #FDFDFD;
}

.special_textarea  {
	font-size: 9pt;
	font-weight: bold;
	color: #666666;
	letter-spacing: 1px;
	border: 1px solid #DFDCDC;
	background-color: #FDFDFD;
}


.special_file {
	border: 1px solid #FDFDFD;
	background-color: #FDFDFD;
}

.sort_by {
	font-size: 7pt;
	width: 138px;
	height: 16px;
	font-weight: bold;
	color: #888888;
	letter-spacing: 1;
	border: 1px solid #7AB0D8;
	background-color: #FFF;
}

.sort_by:focus {
	color: #FFFFFF;
	border: 1px solid #C71E1E;
	background-color: #C71E1E;
}

#sort_by ul {
  list-style-type: none;
}

#sort_by li {
  display: inline-block;
  margin: 8px 0px;
  float: left;
}
/*==End Main CSS==*/


/*=================
  = Rating Styles =
  =================*/
 .star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating .current-rating{
	background: url(../images/rating_star.gif) left -1000px repeat-x;
}
.star-rating{
	position:relative;
	width:125px;
	height:25px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;
}
.star-rating li{
	display: inline;
}
.star-rating a,
.star-rating .current-rating{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:25px;
	line-height:25px;
	outline:none;
	overflow:hidden;
	border: none;
}
.star-rating a:hover{
	background-position: left bottom;
}
.star-rating a.one-star{
	width:20%;
	z-index:6;
}
.star-rating a.two-stars{
	width:40%;
	z-index:5;
}
.star-rating a.three-stars{
	width:60%;
	z-index:4;
}
.star-rating a.four-stars{
	width:80%;
	z-index:3;
}
.star-rating a.five-stars{
	width:100%;
	z-index:2;
}
.star-rating .current-rating{
	z-index:1;
	background-position: left center;
}

/* SECOND STAR (ALREADY VOTED */


.star-rating2,
.star-rating2 a:active,
.star-rating2 .current-rating{
	background: url(../images/rating_star_2.gif) left -1000px repeat-x;
}
.star-rating2{
	position:relative;
	width:125px;
	height:25px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;
}
.star-rating2 li{
	display: inline;
}
.star-rating2 a,
.star-rating2 .current-rating {
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:25px;
	line-height:25px;
	outline:none;
	overflow:hidden;
	border: none;
	cursor:default;
}

.star-rating2 a.one-star{
	width:20%;
	z-index:6;
}
.star-rating2 a.two-stars{
	width:40%;
	z-index:5;
}
.star-rating2 a.three-stars{
	width:60%;
	z-index:4;
}
.star-rating2 a.four-stars{
	width:80%;
	z-index:3;
}
.star-rating2 a.five-stars{
	width:100%;
	z-index:2;
}
.star-rating2 .current-rating{
	z-index:1;
	background-position: left center;
}


/* END SECOND STAR */

/* for an inline rater */
.inline-rating{
	display:-moz-inline-block;
	display:-moz-inline-box;
	display:inline-block;
	vertical-align: middle;
}
.voted_twice {
	background: #FFDDDD url(../images/rating_warning.gif) no-repeat 5px 50%;
	padding:5px 5px 5px 16px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	width:130px;
	font-size:11px;
	}
.voted {
	background: #E7FFCE url(../images/rating_tick.gif) no-repeat 5px 50%;
	padding:5px 5px 5px 16px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	width:130px;
	font-size:11px;
	}
/* The text that displays the rating information */
.rated_text {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-bottom:5px;
	color:#666;
	}
/* Green text that shows 3.34/5 */
.out5Class {
	color:#00CC00;
	font-weight:bold;
	}
.percentClass {
	/* Insert styles here for the percentage display. Example (74%) */
	}
.votesClass {
	/* Insert styles here for the votes display. Example (2 Votes) */
	}
.topRatedList {
	padding:0;
	margin:0;
	}
.topRatedList li {
	list-style-type:none;
	}
/*==End Rating Styles==*/


/* ===================
   = Thickbox Styles =
   =================== */
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}
/*==End Thickbox Styles==*/


/* ==================
   = Graybox Styles =
   ================== */
 /* Last-Modified: 28/06/06 00:08:22 */
#GB_overlay {
    background-color: #000;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    z-index: 100;
}

#GB_window {
    left: 0;
    top: 0;
    font-size: 1px;
    position: absolute;
    overflow: visible;
    z-index: 150;
}

#GB_window .content {
    width: auto;
    margin: 0;
    padding: 0;
}

#GB_frame {
    border: 0;
    margin: 0;
    padding: 0;
    overflow: auto;
    white-space: nowrap;
}


.GB_Gallery {
    margin: 0 22px 0 22px;
}

.GB_Gallery .content {
    background-color: #fff;
    border: 3px solid #ddd;
}

.GB_header {
    top: 10px;
    left: 0;
    margin: 0;
    z-index: 500;
    position: absolute;
    border-bottom: 2px solid #555;
    border-top: 2px solid #555;
}

.GB_header .inner {
    background-color: #333;
    font-family: Arial, Verdana, sans-serif;
    padding: 2px 20px 2px 20px;
}

.GB_header table {
    margin: 0;
    width: 100%;
    border-collapse: collapse;
}

.GB_header .caption {
    text-align: left;
    color: #eee;
    white-space: nowrap;
    font-size: 20px;
}

.GB_header .close {
    text-align: right;
}

.GB_header .close img {
    z-index: 500;
    cursor: pointer;
}

.GB_header .middle {
    white-space: nowrap;
    text-align: center;
}


#GB_middle {
    color: #eee;
}

#GB_middle img {
    cursor: pointer;
    vertical-align: middle;
}

#GB_middle .disabled {
    cursor: default;
}

#GB_middle .left {
    padding-right: 10px;
}

#GB_middle .right {
    padding-left: 10px;
}


.GB_Window .content {
    background-color: #fff;
    border: 3px solid #ccc;
    border-top: none;
}

.GB_Window .header {
    border-bottom: 1px solid #aaa;
    border-top: 1px solid #999;
    border-left: 3px solid #ccc;
    border-right: 3px solid #ccc;
    margin: 0;

    height: 22px;
    font-size: 12px;
    padding: 3px 0;
    color: #333;
}

.GB_Window .caption {
    font-size: 12px;
    text-align: left;
    font-weight: bold;
    white-space: nowrap;
    padding-right: 20px;
}

.GB_Window .close { text-align: right; }
.GB_Window .close span { 
    font-size: 12px;
    cursor: pointer; 
}
.GB_Window .close img {
    cursor: pointer;
    padding: 0 3px 0 0;
}

.GB_Window .on { border-bottom: 1px solid #333; }
.GB_Window .click { border-bottom: 1px solid red; }
/*==End Graybox Styles==*/


/* ====================
   = JCarousel Styles =
   ==================== */
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 120px; /*80px;*/
    height: 80px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}


/*=========================
  = Video Response Styles =
  ========================= */

.jcarousel-skin-ie7 .jcarousel-container {
    -moz-border-radius: 10px;
    background: #111111;
    border: 1px solid #d0d2d4; /*#346F97;*/
	width: 500px;
}

.jcarousel-skin-ie7 .jcarousel-container-horizontal {
    width: 500px; /*500px;*/
    padding: 20px 40px;
}

.jcarousel-skin-ie7 .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-ie7 .jcarousel-clip-horizontal {
    width:  500px; /*500px;*/
    height: 77px;
}

.jcarousel-skin-ie7 .jcarousel-clip-vertical {
    width:  77px;
    height: 245px;
}

.jcarousel-skin-ie7 .jcarousel-item {
    width: 120px; /*75px;*/
    height: 80px; /*75px;*/
    border: 1px solid #fff;
}

.jcarousel-skin-ie7 .jcarousel-item:hover {
    /* border-color: #808080; */
}

.jcarousel-skin-ie7 .jcarousel-item-horizontal {
    margin-right: 7px;
}

.jcarousel-skin-ie7 .jcarousel-item-vertical {
    margin-bottom: 7px;
}

.jcarousel-skin-ie7 .jcarousel-item-placeholder {
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-ie7 .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../thirdparty/jcarousel/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-ie7 .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-ie7 .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal,
.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-ie7 .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../thirdparty/jcarousel/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-ie7 .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-ie7 .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-ie7 .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../thirdparty/jcarousel/next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-ie7 .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-ie7 .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-ie7 .jcarousel-next-disabled-vertical,
.jcarousel-skin-ie7 .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-ie7 .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-ie7 .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../thirdparty/jcarousel/prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-ie7 .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-ie7 .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-ie7 .jcarousel-prev-disabled-vertical,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

/*----------------------
  -- Promoted Videos  --
  ----------------------*/
#promoted-container {
	width: 590px;  
}

.ts-1 {
	border: none;
	height: 120px;
	position: relative;
	text-align: left;
	width: 522px;
}

.ts-1-1 {
	border: none;
	height: 114px;
	left: 10px;
	padding: 1px;
	position: absolute;
	top: 2px;
	width: 126px;
}

.ts-2 {
	border: none;
	height: 114px;
	position: relative;
	text-align: left;
	width: 126px;
}

.ts-2-1 {
	background-color: #222;
	border: none;
	height: 0px;
	left: 0px;
	overflow: hidden;
	padding: 1px;
	position: absolute;
	text-align: center;
	top: 0px;
	width: 124px;
}

.ts-2-2 {
	background-color: #222;
	border: none;
	height: 97px;
	left: 0px;
	padding: 1px;
	position: absolute;
	top: 2px;
	width: 124px;
}

.ts-2-3 {
    font-weight: bold;
	background-color: #222;
	margin: 78px 0px 0px 0px;
	padding: 1px;
	position: absolute;
	text-align: center;
	width: 124px;
}

.ts-2-4 {
    font-weight: bold;
	background-color: #222;
	height: 19px;
	margin: 91px 0px 0px 0px;
	line-height: 19px;
	padding: 1px;
	position: absolute;
	text-align: center;
	width: 124px;
}

.ts-2-5 {
	background-color: #222;
	border: none;
	height: 0px;
	margin: 92px 0px 0px 0px;
	overflow: hidden;
	padding: 1px;
	position: absolute;
	text-align: center;
	width: 124px;
}

.ts-1-2 {
	border: none;
	height: 114px;
	left: 160px;
	padding: 1px;
	position: absolute;
	top: 2px;
	width: 126px;
}

.ts-3-3 {
	background-color: #222;
	border: none;
	height: 18px;
	left: 0px;
	padding: 1px;
	position: absolute;
	top: 101px;
	width: 124px;
}

.ts-3-4 {
	background-color: #222;
	border: none;
	height: 19px;
	left: 0px;
	padding: 1px;
	position: absolute;
	top: 121px;
	width: 124px;
}

.ts-1-3 {
	border: none;
	height: 114px;
	left: 310px;
	padding: 1px;
	position: absolute;
	top: 2px;
	width: 126px;
}

.ts-1-4 {
	border: none;
	height: 114px;
	left: 460px;
	padding: 1px;
	position: absolute;
	top: 2px;
	width: 126px;
}