/*#-----------------#*/
/*##    VIDEO      ##*/
/*#-----------------#*/

a {
	outline: none !important;
}

a:active {
	border: 0;
}

a:focus {
	border: 0;
}

textarea {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif !important;
}

hr {
	background-color: #ddd;
	border: 0;
	color: #ddd;
	height: 1px;
	
}

.silver-button  {
	background: transparent url(/images/silver-button-l.png) 0 0 no-repeat;
	display: inline-block;
	overflow: hidden;
	margin: .5em 0;
	padding: 0 0 0 5px;
	text-align: center;
}

.silver-button:hover {
	cursor: pointer !important;
	text-decoration: none !important;
}

.silver-button span {
	background: transparent url(/images/silver-button-r.png) right 0 no-repeat;
	color: #666;
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	line-height: 32px;
	overflow: hidden;
	padding: 0 10px 0 5px;
	text-transform: uppercase;
	vertical-align: top;
}

.silver-button:hover span {
	color: #5588bb !important;
}

#videoMain {
	float: left;
	width: 512px;
	position: relative;
}


#videoChannelWrap {
	background-color: #ddd;
	margin-top: 16px;
	overflow: auto;
}

#videoChannelNav {
	list-style: none;
	margin: 0;
	padding: 0;
}

#videoChannelNav li {
	float: left;
	padding: 5px 10px;
}

#videoChannelResults {
	list-style: none;
	margin: 0;
	padding: 0;
}

#videoChannelResultsControls {
	border: 1px solid #fff;
	clear: left;
	font-size: 80%;
	padding: 5px 10px;
	text-align: right;
}

#videoSB {
	float: left;
	font-size: 80%;
	padding: 0 0 8px 16px;
	width: 232px; /* 248 - 16 from padding */
}

#videoSB .videoSBBlock {
	background-color: #eee;
	border: 1px solid #ddd;
	margin-bottom: 16px;
	padding: 8px 16px;
}

#v_channelBarFull {
	background: transparent url(http://ccsd.net/images/ltGrey-white.jpg) 0 -20px repeat-x;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ddd;
	font-size: 14px;
	height: 44px;
	overflow: visible;
	text-transform: uppercase;
}

#v_channelBarFullListWrap {
	float: left;
	width: 520px;
}

#v_channelBarFullList {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

#v_channelBarFullList li {
	float: left;
	height: 43px;
	line-height: 43px;
}

#v_channelBarFullList li a {
	border-left: 1px solid #eee;
	border-right: 1px solid #ccc;
	color: #666;
	display: block;
	padding: 0 10px;
}

#v_channelBarFullList li a:hover {
	background-color: #fff;
	text-decoration: none;
}

#v_channel-title {
	font-size: 180% !important;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif !important;
	font-weight: bold !important;	
	letter-spacing: normal !important;
	margin: 0 0 .5em 10px !important;
	padding: 0 !important;
}

#v_searchBarWrap {
	float: right;
	line-height: 27px;
	padding: 8px;
	width: 224px; /* 240px - 16px padding */
}

#videoSearch {
	margin: 0;
	padding: 0;
}

#videoSearch input {
	border: 1px solid #aaa;
}

#vq {
	font-size: 110%;
	width: 170px;
}

#autoSearchSuggestionsWrap {
	position: relative;
	z-index: 5;
}

#autoSearchSuggestions {
	background-color: #fff;
	border: 2px solid #bbb;
	border-top: 0;
	margin: 0;
	padding: 0;
	position: absolute;
}

#autoSearchSuggestions li {
	font-size: 80%;
	list-style: none;
	text-align: left;
}

#autoSearchSuggestions li a {
	color: #777;
	display: block;
	padding: .2em .5em;
	text-transform: none;
}

#autoSearchSuggestions li a:hover {
	color: #444;
	background-color: #eee;
	text-decoration: none;
}

#v_accountControls {
	border-bottom: 1px solid #ccc;
	color: #ddd;
	font-size: 12px;
	
	padding: 1em 0;
	text-align: right;
}

#v_accountNav a {
	margin: 0 1em;
}

#v_login-wrap {
	position: relative;
	z-index: 5;
}

#v_login-btn {
	padding: 2px 12px;
}

#v_login-btn:hover {
	text-decoration: none;
}

.active-login {
	background-color: #DDDDBB;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#v_loginForm {
	text-align: left;
}

#v_loginForm label {
	color: #777755;
	font-size: 105%;
	font-weight: bold;
}

#v_loginDiv {
	background-color: #ddddbb;
	padding: 16px;
	position: absolute;
	right: 0;
	width: 188px; /* 220px - 32px */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#v_login-loader {
	float: right;
}

.v_loginField {
	border: 2px solid #ccccbb;
	font-size: 110%;
	padding: 3px 4px;
	width: 176px;
}

#v_login-submit-wrap {
	margin-top: 1em;
	text-align: right;
}

.forgotpw {
	color: #446688;
	font-size: 80%;
	font-weight: normal;
	text-decoration: none;
}

#channelBarHalf {
	background-color: #ddd;
	line-height: 20px;
	margin: 0;
	padding: 0;
	overflow: auto;
}

#channelBarHalf ul {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

#channelBarHalf ul li {
	float: left;
}

#channelBarHalf ul li a {
	display: block;
	padding: 5px;
}

#contentDiv {
	clear: both;
}

.vcr-item {
	background: transparent url(/images/ltGrey-white.jpg) 0 -30px repeat-x;
	clear: left;
	overflow: auto;
	padding: 10px 20px;
}

.vcr-thumb-div {
	float: left;
	position: relative;
	width: 120px; /* 100px for image + 10px for padding */
}

.vcr-thumb {
	background: transparent url(http://ccsd.net/images/ltGrey-white.jpg) 0 -10px repeat-x;
	border: 1px solid #ccc;
	padding: 5px !important;
}

.vcr-duration {
	background-color: #333;
	color: #ddd;
	font-size: 75%;
	padding: 1px 5px;
	position: absolute;
	bottom: 0;
}

.vcr-details-div {
	float: left;
	width: 300px;
}

.vcr-details-title {
	font-weight: bold;
	font-size: 100%;
}

.vcr-details-desc {
	margin-top: 5px;
	color: #666;
	font-size: 85%;
}

.vcr_thumb {
	padding: 5px;	
}

#videoRelatedWrap {
	background-color: #fff;
	border: 1px solid #ddd;
	margin-bottom: 16px;
	
}

#videoRelatedWrap h3 {
	background: transparent url(http://ccsd.net/images/ltGrey-white.jpg) 0 -20px repeat-x;
	border-bottom: 1px solid #ccc;
	margin: 0 !important;
	padding: 4px 16px;
}

#videoRelated {
	overflow: visible;
	overflow-x: hidden;
	overflow-y: auto;
	height: 350px;
}

#v_related-list {
	margin: 0;
	padding: 0;
}

#v_related-list li {
	border-bottom: 1px solid #ddd;
	list-style: none;
	clear: both;
	overflow: auto;
}

#v_related-list .rel-thumb {
	background: transparent url(http://ccsd.net/images/ltGrey-white.jpg) 0 -30px repeat-x;
	border: 1px solid #ccc;
	float: right;
	margin-left: 5px;
	padding: 5px !important;
}

.v_rel-item-link {
	display: block;
	overflow: auto;
	padding: 8px 16px;
}

#v_related-list .v_rel-item-link:hover {
	background-color: #eee;
	text-decoration: none;
}

#v_related-list .v_rel-item-link:hover .rel-thumb {
	border: 1px solid #336699;
	background: #5588bb !important;
}

.v_rel-title {
	font-size: 110%;
}

.v_rel-info {
	color: #777;
	font-size: 90%;
}

/* MAIN FEATURED BOX */
.featuredWrap {
	position: relative;
	overflow: hidden !important;
	height: 230px; /* ~190px img */
}

#mainContent {
	padding: 0 16px 0 0 !important;
	width: 476px !important;
}

#mainContent-noSidebar {
	padding: 0 !important;
	width: 760px !important;
}

.featuredInfoList, .featuredImgList {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	top: 0; /* needed for js script */
}

#featuredList {
	margin: 0 !important;
	padding: 0 !important;
}

.featuredListItem {
	clear: both;
	line-height: 1em;
	list-style: none;
	margin: 0 !important;
	padding: 0 !important;
	width: 476px !important;
	overflow: auto;
}

.featuredInfoWrap, .featuredImgWrap {
	float: left;
}

.featuredInfoWrap {
	padding: 10px;
	width: 154px;
}

.featuredImgWrap {
	margin: 0 !important;
	padding: 10px !important;
	width: 282px; /* 282px + 20px pad */
}

.featuredImgDiv {
	background: #fff url(http://ccsd.net/images/ltGrey-white.jpg) 0 -20px repeat-x;
	border: 1px solid #ccc;
	height: 190px;
	overflow: hidden;
	padding: 10px;
	width: 260px; /* 260px img */
}

.featured-title-link {
	display: block;
	font-size: 110%;
	font-weight: bold;
	line-height: 1.25em;
	margin-bottom: .5em;
	text-decoration: none;
}

.featuredDesc {
	color: #777;
	font-size: 80%;
	line-height: 1.3em;
}


/*
.featuredInfoList {
	float: left;
	width: 186px;
}

.featuredInfoList li {
	font-size: 100%;;
	padding: 10px !important;
	height: 212px;
}

.featured-title-link {
	display: block;
	font-weight: bold;
	margin-bottom: .5em;
	text-decoration: none;
}

.featuredDesc {
	color: #777;
	font-size: 80%;
	line-height: 1.3em;
}

.featuredImgList {
	float: left;
	height: 212px;
	width: 290px;
}

#featuredImgList li, #featuredImgList img {
	margin: 0 !important;
	padding: 0 !important;
}

.featuredImgList li {
	margin: 0 !important;
	padding: 0 !important;
}
*/

.featuredControlsWrap {
	background: transparent url(http://ccsd.net/images/ltGrey-white.jpg) 0 -20px repeat-x;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ccc;
	clear:left;
	margin-bottom: 1em;
	padding: 5px;
	height: 16px; /* 25px height + 10px padding */
	line-height: 16px;
	text-align: center;
}

/* VIDEO LISTS FOR SIDEBAR */
.vcr-header-sb {
	background: #eee url(http://ccsd.net/images/ltGrey-white.jpg) 0 -80px repeat-x;
	color: #888;
	font-size: 125%;
	font-weight: bold;
	padding: 8px;
	text-transform: uppercase;
}

#vcr-ul-sb {
	margin: 0;
	padding: 0;
	width: 267px; /* 268px - 1 from border on sidebar */
}

.vcr-item-sb {
	background: transparent url(http://ccsd.net/images/ltGrey-white.jpg) 0 -60px repeat-x;
	border-top: 1px solid #ddd;
	clear: left;
	list-style: none;
	overflow: auto;
	padding: 10px 12px;
	width: 243px; /* 267 - 24 from padding */
}

.vcr-div-sb a:hover {
	text-decoration: none;
}

.vcr-title-sb {
	font-weight: bold;
	font-size: 85%;
	line-height: 1.3em;
}

.vcr-details-div-sb {
	color: #777;
	font-size: 85%;
	margin-top: 5px;
	line-height: 1.25em;
	width: 228px; /* 268 - 40 from padding */
}

.vcr-thumb-div-sb {
	float: right;
	margin: 5px 0 0 5px;
	position: relative;
	width: 70px; /* 60px for image + 10px for padding */
}

.vcr-thumb-sb {
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 5px !important;
}

.vcr-thumb-hover, .vcr-thumb-sb-hover {
	background: #222;
	border: 1px solid #222;
}

.vcr-duration-sb {
	background-color: #333;
	color: #ddd;
	font-size: 85%;
	padding: 1px 5px;
	position: absolute;
	bottom: 0;
}


/* STAR RATINGS */
.star-image {
	height: 14px;
	vertical-align: middle;
	width: 14px;
}

.star-active {
	background: transparent url(/images/rating-stars-sprite.gif) 0 -15px no-repeat;
}

.star-inactive {
	background: transparent url(/images/rating-stars-sprite.gif) 0 -1px no-repeat;
}

.star-half {
	background: transparent url(/images/rating-stars-sprite.gif) 0 -29px no-repeat;
}

.star-image-full {
	width: 70px;
	height: 14px;
}

.rating-0 {
	background: transparent url(/images/rating-stars-sprite-full.gif) 0 0 no-repeat;
}

.rating-0-5 {
	background: transparent url(/images/rating-stars-sprite-full.gif) 0 -14px no-repeat;
}

.rating-1 {
	background: transparent url(/images/rating-stars-sprite-full.gif) 0 -28px no-repeat;
}

.rating-1-5 {
	background: transparent url(/images/rating-stars-sprite-full.gif) 0 -42px no-repeat;
}

.rating-2 {
	background: transparent url(/images/rating-stars-sprite-full.gif) 0 -56px no-repeat;
}

.rating-2-5 {
	background: transparent url(/images/rating-stars-sprite-full.gif) 0 -70px no-repeat;
}

.rating-3 {
	background: transparent url(/images/rating-stars-sprite-full.gif) 0 -84px no-repeat;
}

.rating-3-5 {
	background: transparent url(/images/rating-stars-sprite-full.gif) 0 -98px no-repeat;
}

.rating-4 {
	background: transparent url(/images/rating-stars-sprite-full.gif) 0 -112px no-repeat;
}

.rating-4-5 {
	background: transparent url(/images/rating-stars-sprite-full.gif) 0 -126px no-repeat;
}

.rating-5 {
	background: transparent url(/images/rating-stars-sprite-full.gif) 0 -140px no-repeat;
}

.v_imageDetailsDesc, .v_gridDetailsDesc, .v_textDetailsDesc {
	font-size: 90%;
}

/* IMAGE LISTS */
.v_imageHeader {
	background: #eee url(http://ccsd.net/images/ltGrey-white.jpg) 0 -80px repeat-x;
	border-top: 1px solid #ddd;
	color: #888;
	font-size: 125%;
	font-weight: bold;
	padding: 8px;
	text-transform: uppercase;
}

#v_imageList {
	margin: 0 !important;
	padding: 0 !important;
	/*width: 760px;*/
}

.v_imageItem {
	background: transparent url(http://ccsd.net/images/ltGrey-white.jpg) 0 -60px repeat-x;
	overflow: auto;
	margin-bottom: .5em;
	padding: 10px 12px;
	list-style: none;
	list-style-image: none !important;
	/*width: 736px;*/
}

.v_imageThumbWrap {
	background-color: #eee;
	float: left;
	height: 125px;
	padding: 5px 10px;
	overflow: auto;
	width: 90px;
}

.v_imageThumbWrap-u {
	background-color: #eee;
	float: left;
	height: 100px;
	padding: 10px;
	overflow: auto;
	width: 90px;
}

.v_imageThumbDiv {
	float: left;
	position: relative;
	width: 90px;
	margin-bottom: .5em;
}

.v_imageThumbDiv a:hover img, .v_gridThumbDiv a:hover img, .v_imageThumbDiv-u a:hover img, .v_gridThumbDiv-u a:hover img, .v_thumbHover {
	background-color: #5588bb !important;
	border: 1px solid #336699 !important;
}

.v_imageThumbControls {
	background-color: #fff;
	clear: left;
	margin: 0 auto;
	padding: 4px 8px;
	width: 74px;
	text-align: center;
}

.v_imageThumbDiv a:hover {
	text-decoration: none !important;
}

.v_imageThumb {
	background-color: #fff;
	border: 1px solid #bbb;
	padding: 5px !important;
	width: 80px !important;
}

.thumbSelected {
	background-color: #5588bb !important;
	border: 1px solid #336699 !important;
}

.v_imageDuration {
	background-color: #333;
	color: #ddd;
	font-size: 75%;
	padding: 0px 5px;
	position: absolute;
	bottom: 0;
}

.v_imageInfoWrap {
	float: right;
	padding: 0 20px;
	width: 586px; /* 760 - 32px - 110px - 20px padding */
}

.v_imageInfoWrap-u {
	float: right;
	padding: 8px 20px;
	width: 326px; /* 476px - 90+20px - 40px */
}

.v_imageProcess {
	text-align: center;
}

.v_imageProcessMsg {
	color: #555;
	font-size: 75%;
	font-weight: bold;
}

.v_imageTitle {
	color: #FF7700;
	clear: both;
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	font-size: 105%;
	font-weight: bold;
}


.v_imageVideoDetailsWrap {
	color: #999;
	font-size: 85%;
	padding: 4px 0;
	height: 14px;
	
}

.v_imageVideoDetailsWrap span {
	padding-right: 2em;
	vertical-align: middle;
	height: 14px;
}

.v_imageDetailsDesc {
	color: #555;
	padding: .5em 0 1em;
}

.v_imageAuthorDetailsWrap {
	color: #999;
	font-size: 85%;
}

.v_imageAuthorDetailsWrap span {
	padding-right: 2em;
}

/* GRID LISTS */
.v_gridHeader {
	background: #eee url(http://ccsd.net/images/ltGrey-white.jpg) 0 -80px repeat-x;
	border-top: 1px solid #ddd;
	color: #888;
	font-size: 125%;
	font-weight: bold;
	padding: 8px;
	text-transform: uppercase;
}

#v_gridList {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none;
}

.v_gridItem {
	background: transparent url(http://ccsd.net/images/ltGrey-white.jpg) 0 -60px repeat-x;
	border-left: 1px solid #fff;
	border-right: 1px solid #ddd;
	float: left;
	height: 220px;
	overflow: auto;
	padding: 10px 12px;
	width: 226px !important; /* 252px - 24px padding - 2px border */
}

.v_gridItem-u {
	background: transparent url(http://ccsd.net/images/ltGrey-white.jpg) 0 -60px repeat-x;
	border-left: 1px solid #fff;
	border-right: 1px solid #ddd;
	float: left;
	height: 220px;
	overflow: hidden;
	padding: 10px 12px !important;
	width: 212px !important; /* 238px - 24px padding - 2px border */
}

.v_gridThumbWrap {
	background-color: #eee;
	margin-top: 5px;
	height: 90px;
	padding: 10px;
	overflow: auto;
	text-align: center;
}

.v_gridThumbWrap-u {
	background-color: #eee;
	margin-top: 5px;
	height: 80px;
	padding: 10px;
	overflow: auto;
	text-align: center;
	width: 192px; /* 212 - 20px padding */
}

.v_gridThumbControls {
	background-color: #fff;
	float: right;
	padding: 8px;
	width: 60px;
	text-align: center;
}

.v_gridThumbControls hr {
	border: 0;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #ccc;
}

.v_gridThumbDiv {
	float: left;
	position: relative;
	width: 90px;
}

.v_gridThumbDiv-u {
	float: left;
	position: relative;
	width: 90px;
}

.v_gridThumbDiv a:hover img {
	background-color: #bbb;
}

.v_gridVideoDetailsWrap-u {
	color: #888;
	float: right;
	font-size: 70%;
	width: 102px; /* 192 - 90px */
}

.v_gridVideoDetailsWrap-u span {
	display: block;
	margin-top: .5em;
}

.v_gridThumbDiv a:hover {
	text-decoration: none !important;
}

.v_gridThumb {
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 5px !important;
}

.v_gridThumbHover {
	background: #222;
	border: 1px solid #222;
}

.v_gridDuration {
	background-color: #333;
	color: #ddd;
	font-size: 75%;
	padding: 0px 5px;
	position: absolute;
	bottom: 0;
}

.v_gridAlert {
	color: #F73;
}

.v_gridProcess {
	text-align: center;
}

.v_gridProcessMsg {
	color: #555;
	font-size: 85%;
	font-weight: bold;
}

.v_gridTitle {
	clear: both;
	font-weight: bold;
	font-size: 85%;
	margin-top: 8px;
}

.v_gridDetailsDiv {
	color: #777;
	font-size: 85%;
	margin-top: 5px;
	width: 210px;
}

/* TEXT LISTS */
.v_textHeader {
	background: #eee url(http://ccsd.net/images/ltGrey-white.jpg) 0 -80px repeat-x;
	border-top: 1px solid #ddd;
	color: #888;
	font-size: 125%;
	font-weight: bold;
	padding: 8px;
	text-transform: uppercase;
}

#v_textList {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none;
	/*width: 760px;*/
}

.v_textItem {
	background: transparent url(http://ccsd.net/images/ltGrey-white.jpg) 0 -60px repeat-x;
	overflow: auto;
	margin-bottom: .5em;
	padding: 10px 12px;
}

.v_textDuration {
	background-color: #333;
	color: #ddd;
	font-size: 75%;
	padding: 0px 5px;
	position: absolute;
	bottom: 0;
}

.v_textThumbControls {
	background-color: #fff;
	float: left;
	padding: 8px;
	width: 30px;
	text-align: center;
}

.v_textThumbControls hr {
	border: 0;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #ccc;
}

.v_textInfoWrap {
	float: right;
	padding: 0 10px;
	width: 670px; /* 760 - 24px - 20px padding - 46px controls */
}

.v_textInfoWrap-u {
	float: right;
	padding: 8px 20px;
	width: 436px; /* 476px - 40px */
}

.v_textProcess {
	text-align: center;
}

.v_textProcessMsg {
	color: #555;
	font-size: 75%;
	font-weight: bold;
}

.v_textTitle {
	color: #FF7700;
	clear: both;
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	font-size: 105%;
	font-weight: bold;
}

.v_textVideoDetailsWrap {
	color: #999;
	font-size: 85%;
	padding: 8px 0;
	height: 14px;
	
}

.v_textVideoDetailsWrap span {
	padding-right: 2em;
	vertical-align: middle;
	height: 14px;
}

.v_textDetailsDesc {
	color: #555;
	padding: .5em 0 1em;
}

.v_textAuthorDetailsWrap {
	color: #999;
	font-size: 85%;
}

.v_textAuthorDetailsWrap span {
	padding-right: 2em;
}

/* PAGER */
.pagerDiv {
	background-color: #ccccdd;
	text-align: center;
}

/* SIDEBAR */
#addChanVid {
	background-color: #EEEECC;
	border: 1px solid #CCCCAA;
	font-size: 110%;
	margin-bottom: 16px;
}

#addChanVid hr {
	border: 0;
	border-top: 1px solid #CCCCAA;
}

#v_chan-select-wrap {
	background-color: #DDDDBB;
	padding: 8px;
}

#v_chan-list-wrap {
	padding: 8px;
}

.v_chan-title {
	color: #666655;
	font-weight: bold;
}

#videoChannels {
	margin: 0 0 0;
	padding: .5em 0 0;
}

#videoChannels li {
	list-style: none;
}

.video-channel-item {
	color: #666;
	display: block;
	padding: 3px 8px;
}

.video-channel-item:hover {
	background-color: #DDDDBB;
	
	display: block;
	text-decoration: none;
}

.video-channel-f {
	font-size: 80%;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	text-transform: lowercase;
}

.video-channel-delete {
	background: transparent url(/images/deleteButton.gif) 0 0 no-repeat;
	height: 16px;
	width: 16px;
}

.video-channel-delete-active {
	background: transparent url(/images/deleteButton.gif) 0 -16px no-repeat !important;
}

/* LIST BUTTONS */
#videoListStyle {
	background-color: #eee;
	border: 1px solid #ddd;
	height: 25px;
	font-size: 85%;
	padding: 5px 8px;
	margin-bottom: 1em;
	overflow: hidden;
}

.videoPaging {
	clear: left;
	font-size: 85%;
	padding: 0 0 10px;
	text-align: right;
}

.videoPaging a {
	color: #888;
	padding: 3px 5px;	
}

.videoPaging a:hover {
	background-color: #eee;
	text-decoration: none;
}

.videoPaging a.v_paging-active {
	border: 1px solid #ddd;
	color: #666;
	font-weight: bold;
}

#v_list-order {
	float: left;
	margin: 5px 0 0 !important;
	padding: 0 !important;
}

#v_list-order li {
	float: left;
	list-style: none !important;
	list-style-image: none !important;
	vertical-align: bottom;
}

#v_list-order li a {
	border: 1px solid #eee;
	color: #777;
	font-weight: bold;
	/*height: 25px;
	line-height: 25px;*/
	padding: 5px 8px;	
}

#v_list-order a.v_list-order-active {
	background-color: #fff;
	border: 1px solid #ddd;
}

.v_more-list {
	background-color:#ccc;
	display:none;
	position:absolute;
	z-index: 5;
}

#v_list-style-options {
	float: right;
	height: 25px;
}

#videoListStyle .listButton {
	height: 25px;
	width: 25px;
}

#videoListStyle .imageList {
	background: transparent url(/images/list-choice-icons-sprite.gif) 0 0 no-repeat;
}

#videoListStyle .imageListOn {
	background: transparent url(/images/list-choice-icons-sprite.gif) -26px 0 no-repeat;
}

#videoListStyle .gridList {
	background: transparent url(/images/list-choice-icons-sprite.gif) -52px 0 no-repeat;
}

#videoListStyle .gridListOn {
	background: transparent url(/images/list-choice-icons-sprite.gif) -78px 0 no-repeat;
}

#videoListStyle .textList {
	background: transparent url(/images/list-choice-icons-sprite.gif) -104px 0 no-repeat;
}

#videoListStyle .textListOn {
	background: transparent url(/images/list-choice-icons-sprite.gif) -130px 0 no-repeat;
}

/* UPLOAD VIDEO FORM */
#v_uploadVideoDiv {
	border: 1px solid #ddd;
	display: block;
	overflow: auto;
}

.v_dash-upload-wrap {
	margin-bottom: 1em;
}

#v_uploadStatusWrap {
	float: left;
	padding: 8px 16px;
	width: 347px;
	text-align: center;
}

#v_uploadInfoWrap {
	background-color: #eee;
	float: right;
	padding: 8px 16px;
	width: 347px;
}

#videosubmit label {
	color: #555;
	font-size: 90%;
	text-transform: uppercase;
}

.v_uploadInfoField {
	border: 2px solid #ccc;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
	width: 323px;
}

#taglistWrap {
	padding-bottom: 1em;
	overflow: visible;
	width: 323px;
}

#taglist {
	margin: .5em 0 0;
	padding: 0;
	width: 323px;
}

#taglist li.tagtest {
	float: left;
	font-size: 10px;
	height: 20px;
	list-style: none !important;
	list-style-image: none !important;
	margin-right: .5em;
	margin-bottom: .5em;
}

.tagtest a {
	color: #fff;
	display: inline-block;
	height: 20px;
	line-height: 20px;
	background: #55AA44 url(/images/tag-bg-l.png) 0 0 no-repeat;
	padding: 0 0 0 3px;
	/*padding: 3px 0 3px 5px;*/
	/*padding: 0 0 0 5px;*/
	text-decoration: none;
}

.tagtest a span {
	background: #55AA44 url(/images/tag-bg-r.png) 100% 0 no-repeat !important;
	height: 20px;
	line-height: 20px;
	padding: 3px 4px; /* top/bot must match .tagtest a padding */
}

.tagtest a img {
	background: transparent url(/images/close-tag-sprite.png) 0 0 no-repeat;
	height: 12px;
	width: 12px;line-height: 20px;
	vertical-align: middle;
}

.tagtest a:hover img {
	background: transparent url(/images/close-tag-sprite.png) 0 -13px no-repeat;
}

.tagtest a:hover strong {
	
}

.hover-pointer {
	cursor: pointer;
}

/* PLAYER PAGE */
#videoOptionsWrap {
	background: transparent url(/images/ltGrey-white.jpg) 0 -20px repeat-x;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ddd;
	font-size: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
	text-align: center;
}

#videoOptionsWrap a {
	color: #666;
}

#v_email-video-wrap {
	float: left;
	height: 25px;
	margin-left: 8px;
	padding: 2px 0;
	width: 200px;
	text-align: left;
}

#v_flag-video-wrap {
	float: right;
	height: 25px;
	margin-right: 8px;
	padding: 2px 0;
	width: 200px;
	text-align: right;
}

#flagVideo {
	text-align: center;
}

#reason {
	width: 250px;	
}

#reason-select {
	width: 250px;
}

#reason-comments {
	border: 1px solid #bbbb99;
	height: 100px;
	margin: 4px 0;
	padding: 3px 5px;
	width: 240px;
}

.v_email-video-link {
	background: transparent url(/images/email-video-icon.gif) 0 3px no-repeat;
	height: 20px;
	padding: 5px 10px 5px 30px;
}

.v_email-video-link-active, .v_flag-video-link-active {
	background-color: #DDDDBB !important;
}

.v_flag-video-link {
	background: transparent url(/images/flag-icon.gif) 0 3px no-repeat;
	height: 20px;
	padding: 5px 5px 5px 15px;
}

#v_video-ratings-wrap {
	background-color: #fff;
	border-top: 1px solid #ccc;
	clear: left !important;
	color: #666;
	font-size: 80%;
	padding: 5px 10px;
	overflow: auto;
}

.v_video-title {
	font-weight: bold;
	font-size: 130%;
}

.v_video-desc {
	font-size: 115%;
}

.v_video-date, .v_video-embed {
	color: #666;
}

.video-embed-code {
	background-color: #fff;
	font-size: 85%;
	overflow: hidden;
	width: 180px;
}

.v_video-embed-code {
	border: 2px solid #ccc;
	width: 180px;
}

#flagVideoWrap {
	position: absolute;
	background-color: #DDDDBB;
	margin-top: 22px;
	padding: 8px 16px;
	width: 250px;
	right: 8px; /* offset to compensate padding */
	top: inherit;
}


#emailThisWrap {
	position:absolute;
	background-color: #DDDDBB;
	margin-top: -8px;
	padding: 8px 16px;
	width: 350px;
	top: inherit;
	left: inherit;
}

#share-this, #flag-this {
	display: block;
	width: 70px;
}

#flag-this {
	text-align: right !important;
	float: right;clear: both;
}

#share-this:hover, #flag-this:hover {
	text-decoration: none !important;
}

.share-this-close-wrap, .flag-this-close-wrap {
	margin-bottom: 8px;
	text-align: right;
}


#v_email-this-tabs {
	height: 15px;
	padding-top: 5px;
}

a.share-this-tab {
	font-size: 80%;
	font-weight: bold;
	margin-right: .5em;
	padding: 5px 15px;
}

a.share-this-tab:hover {
	text-decoration: none;
}

a.active-tab, a.active-tab {
	background-color: #bbbb99;
}

#findStaff, #enterEmail {
	background-color: #bbbb99;
	padding: 5px;
}

#findStaff img, #enterEmail img {
	vertical-align: middle;
}

#enterEmail input {
	border: 1px solid #bbbb99;
	color: #555;
	font-size: 14px;
	height: 20px;
	padding: 3px 5px;
	width: 300px;
	vertical-align: middle;
}

#findStaff input {
	border: 1px solid #bbbb99;
	color: #555;
	font-size: 14px;
	height: 20px;
	padding: 3px 5px;
	width: 326px;
	vertical-align: middle;
}

#enterMsg textarea {
	border: 1px solid #bbbb99;
	padding: 3px 5px;
	width: 336px;
}

#users_found {
	background: #fff url(http://ccsd.net/images/ltGrey-white.jpg) 0 -20px repeat-x;
	border: 1px solid #ddd;
	border-top: 0;
	height: 200px;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	width: 336px;
}

#users_found li {
	font-size: 80%;
	list-style: none;
}

#users_found li a {
	display: block;
	padding:  .2em .5em;
}

#users_found li a:hover {
	color: #fff;
	background-color: #bbbb99;
	text-decoration: none;
}

#emailTheseWrap {
	background-color: #bbbb99;
	color: #666644;
	font-size: 85%;
	padding: 0 10px;
}

#emailThese {
	margin: .5em;
	padding: 0;
}

#emailThese li {
	color: #666644;
	list-style: none;
	padding: 2px 5px;
}

.sharing-instructions, .reason-title {
	background-color: #eeeecc;
	border-bottom: 1px dotted #999977;
	border-top: 1px dotted #999977;
	color: #666644;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 90%;
	font-style: italic;
	margin-bottom: 4px;
	padding: .3em .5em;
	text-align: center;
}

.share-submit-wrap {
	text-align: center;
}

a .v_close-window {
	background: transparent url(/images/close-window-sprite.gif) 0 0 no-repeat;
	width: 16px;
	height: 16px;
}

a:hover .v_close-window {
	background: transparent url(/images/close-window-sprite.gif) 0 -16px no-repeat;
}

#v_staff-options-wrap {
	padding: 16px 0 8px;
}

#v_staff-options {
	height: 30px;
}

#v_staff-options .v_so-active-tab {
	background: transparent url(/images/comment-tab-triangle.gif) center 20px no-repeat;
}

.v_so-tab {
	float: left;
	height: 30px;
	width: 170px;
	text-align: center;
}

.v_so-link {
	color: #666;
	font-size: 11px;
	height: 22px;
}

.v_so-link:hover {
	text-decoration: none;
}

.v_so-link span {
	vertical-align: top;
}

.v_so-link .v_so-icon {
	height: 18px;
	margin-right: 2px;
	width: 22px;
}

.v_so-comment-icon {
	background: transparent url(/images/staff-options-sprite.gif) 0 0 no-repeat;
}

.v_so-fav-icon {
	background: transparent url(/images/staff-options-sprite.gif) -22px 0 no-repeat;
}

.v_so-sub-icon {
	background: transparent url(/images/staff-options-sprite.gif) -44px 0 no-repeat;
}

a:hover .v_so-comment-icon {
	background: transparent url(/images/staff-options-sprite.gif) 0 -18px no-repeat;
}

a:hover .v_so-fav-icon {
	background: transparent url(/images/staff-options-sprite.gif) -22px -18px no-repeat;
}

a:hover .v_so-rem-fav-icon {
	background: transparent url(/images/staff-options-sprite.gif) -22px -36px no-repeat !important;
}

a:hover .v_so-sub-icon {
	background: transparent url(/images/staff-options-sprite.gif) -44px -18px no-repeat;
}

#v_favorite-link {
	color: #999;
	vertical-align: top;
}

#v_so-status-wrap {
	clear: both;
}

#v_so-fav-status {
	background-color: #EEEECC;
	color: #777755;
	font-weight: bold;
	margin: 0 0 .5em; 
	padding: .5em 0;
}

#comments-wrap {
	background-color: #eee;
	padding: 8px 16px;
}

#comments-list {
	margin: 0;
	padding: 0;
}

#comments-wrap li {
	list-style: none;
}

.comment-info {
	background: transparent url(/images/comment-corner.gif) 15px 20px no-repeat;
	font-size: 80%;
	font-weight: bold;
	padding-bottom: 14px;
}

.comment-date {
	color: #666;
	font-weight: normal;
	float: right;
}

.comment-desc {
	background-color: #fff;
	color: #666;
	font-size: 90%;
	line-height: 1.5em;
	margin-bottom: 1em;
	padding: 1em 1.5em;
}

.no-comments-div {
	color: #666;
	font-size: 90%;
	text-align: center;
}

#commentBox, #subscribeTo {
	background-color: #EEEECC;
	color: #777755;
	padding: 16px;
	text-align: left;
}

#commentBox h6, #subscribeTo h6 {
	font-size: 120%;
	margin: 0 0 .5em;
	padding: 0;	
}

#subscribeTo ul {
	margin: 1em;
	padding: 0;
}

#subscribeTo ul li {
	list-style: none;
}

.v_sub-disabled {
	font-style: italic;
}

.v_sub-active {
	
}

.v_sub-cat {
	color: #999966;
	font-size: 80%;
	text-transform: uppercase;
}

#vid-comment {
	margin: 0;
	padding: 0;	
}

#vid-comment textarea {
	border: 1px solid #ccccaa;
	padding: 5px;
	width: 470px;
}

/* DASHBOARD */
.v_dash-wrap {
	float: left;
	margin-right: 10px;
	margin-top: 1em;
	width: 240px;
}

.v_dash-header {
	background: transparent url(http://ccsd.net/images/ltGrey-white.jpg) 0 -20px repeat-x;
	border: 1px solid #ddd;
	border-bottom: 0;
	color: #777;
	display: block;
	font-size: 90%;
	letter-spacing: .1em;
	padding: .5em 10px;
	text-transform: uppercase;
}

.v_dash-list {
	background-color: #fff;
	border: 1px solid #ddd;
	font-size: 90%;
	height: 200px;
	margin: 0;
	overflow: visible;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 0;
	width: 238px;
}

.v_dash-list li {
	list-style: none !important;
	list-style-image: none !important;
	margin: 0;
	padding: 0;
}

.v_dash-no-item {
	list-style-type: none !important;
	padding: 5px !important;
}

.v_dash-item-link {
	border-bottom: 1px solid #ddd;
	clear: left;
	display: block;
	overflow: hidden;
	padding: 5px;
}

.v_dash-item-link:hover {
	background-color: #eee;
	text-decoration: none;
}

.v_dash-thumb-wrap {
	display: block;
	float: left;
}

.v_dash-thumb {
	background-color: #fff;
	border: 1px solid #bbb;
	padding: 3px !important;
	width: 30px;
}

.v_dash-title {
	font-weight: normal;
}

.v_dash-thumb {
	float: left;
}

.v_dash-text-wrap {
	display: block;
	float: left;
	padding: 0 8px;
	width: 155px;
}

.v_dash-info {
	color: #999;
	font-size: 85%;
	text-decoration: none !important;
}

.v_dash-info span {
	margin-right: 1em;
}

/* SUBSCRIPTIONS */
.subscripBrowserWrap {
	border: 1px solid #ddd;
	margin-bottom: 1em;
	overflow: auto;
	width: 758px; /* 760px - 2px border */
}

.subTypeTitle {
	border-bottom: 1px solid #ddd;
	font-size: 125%;
	padding: 10px 16px;
}

.subTypeListWrap {
	height: 200px;
	float: left;
	overflow-x: hidden;
	width: 230px;
}

.subTypeList, .subVideoList {
	margin: 0;
	padding: 0;
}

.subTypeList li, .subVideoList li {
	list-style: none !important;
	list-style-image: none !important;
	margin: 0;
	padding: 0;
}

.item-active {
	background-color: #eee !important;
	font-weight: bold !important;
}

.subVideoList li {
	clear: both;
	overflow: auto;
}

.subTypeList li a {
	display: block;
	padding: 2px 16px;
	margin: 0;
}

.subVideoListWrap {
	background-color: #eee;
	float: left;
	height: 200px;
	overflow: visible;
	overflow-x: hidden;
	overflow-y: auto;
	width: 528px;
}

.subVideoList .v_sub-item-link, .subVideoList .v_grp-item-link {
	border-bottom: 1px solid #ddd;
	display: block;
	overflow: auto;
	padding: 8px 16px;
}

.subVideoList .v_sub-item-link:hover {
	background-color: #ddd;
	text-decoration: none;
}

.v_sub-thumb-wrap {
	display: block;
	float: left;
}

.v_sub-title {
	font-weight: bold;
}

.v_sub-thumb {
	background-color: #fff;
	border: 1px solid #bbb;
	padding: 5px !important;
	float: left;
}

.v_sub-text-wrap {
	display: block;
	float: left;
	padding: 0 8px;
	width: 400px;
}

.v_sub-info {
	color: #999;
	font-size: 85%;
	text-decoration: none !important;
}

.v_sub-info span {
	margin-right: 2em;
}

.v_no-sub-results {
	color: #888;
	display: block;
	font-weight: bold;
	padding: 8px 16px;
	text-align: center;
}

/* MY VIDEOS */
#m_editVideo {
	position: fixed;
	background-color: #ffffdd;
	border: 5px solid #ddddbb;
	font-size: 80%;
	margin-left: -375px;
	width: 740px;
	top: 100px;
	left: 50%;
	z-index: 5;
}

.modal-title {
	border-bottom: 1px solid #ddddbb;
	font-size: 125%;
	padding: 10px 16px;
}

#v_edit-thumb-list {
	margin: 0;
	padding: 0;
}

#v_edit-thumb-list li {
	list-style: none;
	float: left;
	margin-right: 5px;
}

#v_thumbSelWrap {
	float: left;
	overflow: hidden;
	padding: 8px 16px;
	width: 338px;
	text-align: center;
}

.v_current-thumb {
	background-color: #fff;
	border: 1px solid #bbb;
	padding: 5px !important;
	width: 120px;
}

.v_editImageThumb {
	background-color: #fff;
	border: 1px solid #bbb;
	padding: 5px !important;
	width: 67px !important;
}

#v_editInfoWrap {
	background-color: #ffffdd;
	border-left: 1px solid #ddddbb;
	float: right;
	padding: 8px 16px;
	width: 337px;
}

/* GROUPS */
.v_grp-add-user-wrap {
	background-color: #fff; 
	border-bottom: 1px solid #ddd;
	color: #888;
	font-size: 80%;
	padding: 5px 16px;
	position: relative;

	text-transform: uppercase; 
}

.v_grp-add-user-wrap input {
	border: 1px solid #ccc;
	font-size: 14px;
	padding: 2px 3px;
	width: 300px;
}

.v_grp-add-user-wrap button {
	border: 0;
	margin: 0;
	padding: 0;
}

.v_grp-add-user-wrap button span {
	font-size: 12px;
}

#group_users_found {
	background-color: #fff;
	border: 1px solid #ccc !important;
	border-top: 0;
	height: 200px;
	margin: 0;
	padding: 0;
	position: absolute;
	overflow-x: hidden;
	width: 306px;
	top: 41px;
	z-index: 5;
}

#group_users_found li {
	list-style: none;
}

#group_users_found li a {
	color: #666;
	display: block;
	padding: 5px 8px;
}

#group_users_found li a:hover {
	background-color: #eee;
	text-decoration: none;
}

.v_grp-ctrl {
	color: #aaa;
	float: right;
	font-size: 85%;
	text-transform: uppercase;
}

/* HELP */
.help-table td {
	padding-bottom: 24px;
}

.help-title {
	border-bottom: 1px solid #ddd;
	margin-bottom: 1em;
}

.help-step {
	padding-top: 8px;
	width: 400px;
}

.help-step span {
	color: #999;
	font-size: 145%;
	letter-spacing: 0em;
	text-transform: uppercase;
}

/* SEARCH */
.v_search-list {
	margin: 0;
	padding: 0;
}

.v_search-terms {
	color: #666;
	font-size: 90%;
	font-weight: normal;
}

.v_search-item {
	clear: left;
	list-style: none !important;
	list-style-image: none !important;
	margin-bottom: .5em;
	overflow: auto;
}

.v_search-thumb-wrap {
	clear: left;
	float: left;
	width: 72px;
}

.v_search-thumb {
	background: transparent url(http://ccsd.net/images/ltGrey-white.jpg) 0 0 repeat-x;
	border: 1px solid #ccc;
	padding: 5px !important;
}

.v_search-details-wrap {
	float: left;
	padding: 0 10px;
	width: 668px; /* 760px - 72px - 20px padding */
}

.v_search-title {
	font-size: 100%;
}

.v_search-desc {
	color: #777;
	font-size: 90%;
}