/* Global Settings */

html, body {
    margin: 0px;
    padding: 0px;
    font: normal 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    line-height: 18px;
    color:#474038;
    background:#e0e0e0;
}

.outer {
	width:968px;
	background:#f5f5f5;
	text-align:left;
	border-left:1px solid #cdcdcd;
	border-right:1px solid #cdcdcd;
}

a,a.un {
    color: #b00600;
    text-decoration: none;
}

a:hover,a.un:hover {
    color: #d9342f;
    text-decoration: underline;
}

h1 {
	font-size:28px;
	margin:0px;
	padding:0px;
}
h2 {
	font-size:18px;
	margin:0px;
	padding:0px;
}
h3 {
	font-size:18px;
	margin:0px;
	padding:0px;
	text-transform:uppercase;
}
#headbg {
	width:100%;
	background:url(../images/headbg.jpg) repeat-x;
}
#head {
	width:968px;
	height:129px;
	text-align:left;
	
}
#head h1 {
	width:388px;
	height:129px;
	background:url(../templates/cbaplay/images/headlogo.jpg) no-repeat;
	padding:0px;
	margin:0px;
	float:left;
}
#head h1 a {
    display: block;
	width:388px;
	height:129px;
    border: none;
}
#head2 {
	width:580px;
	float:left;
	
}
#head2t {
	width:570px;
	text-align:right;
	height:20px;
	color:#ffffff;
}
#head2t a {
	color:#ffffff;
}
#navbar {
    position: relative;  
    width: 512px;   
    top:20px;
    margin: 0px auto; 
}

#navbar ul {
    margin:0;
    padding: 0;
    list-style-type: none;
    text-align: center;
    font: bold 12px/27px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#navbar li {
    display:inline;
    margin:0;
    padding:0;
}

#navbar a {
    float: left;
    display: block;
    width: 84px;
    height: 88px;
    color: #ffffff;
    margin-right: 1px;
    line-height: 88px;
    text-transform : uppercase;
}

#navbar a:link, #navbar a:visited {
    float: left;
    background: url(../templates/cbaplay/images/navbar_btn.gif) no-repeat left top;
    background-position:0% -88px;
    color: #ffffff;
    text-decoration: none;
    text-transform : uppercase;
    line-height: 88px;
}

#navbar a:hover {
    float: left;
    background: url(../templates/cbaplay/images/navbar_btn.gif) no-repeat left top;
    background-position:0% -176px;
    text-decoration: none;
    line-height: 88px;
}

#navbar li a#currentTab {
    float: left;
    background: url(../templates/cbaplay/images/navbar_btn.gif) no-repeat left top;
    background-position:0% 0px;
    color: #ffffff;
    text-decoration: none;
    line-height: 88px;
}
.clear {
	clear:both;
}
#headnav {
    padding: 0px 0px 10px 0px;
    text-align: left;
    width: 632px;
    background:#c0c0c0;
    border:2px solid #b0b0b0;
}

#navsubbar {
    width: 100%;
    height: 25px;
	line-height: 20px;
}

#searchbar {
    width: 100%;
    height: 25px;
	line-height: 20px;
}
#navsubbar p {
    margin: 0px auto;
    padding: 0px 0;
    text-indent: 20px;
    color: #666666;
}

#navsubbar p a {
    margin: 0px 7px;
    color: #666666;
    font-weight:bold;
}

#searchbar {
    width: 100%;
    height: 25px;
	line-height: 20px;
}

#search form p {
    margin: 0px;
    padding: 0px;
}

#search form input.text, #search form select {
	margin: 0 0 0 0;
    border: 1px solid #d3d3d3;
    font: normal 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #474038;
	
}
#search form input.button {
    margin: -7px 0 0 0;
    padding: 0px;
    vertical-align: middle;
}
#center {
	float:left;
	width:636px;
}
#right {
	float:left;
	width:330px;
	border-left:2px solid #cdcdcd;
	background:#eeeeee;
}
#tagscloud {
	background:#d5d5d5;
	color:#666666;
	padding:10px;
}
#tagscloud a {
	color:#666666;
	text-decoration: none;
	padding: 2px;
}
#tagscloud a:hover {
	text-decoration: none;
	border-bottom: none;
	background: #d9342f;
	color: #ffffff;
	padding: 2px;
}
#toprated_video {
	padding:10px;
}
#toprated_video a.feattitle {
	font-size:16px;
	color:#333333;
}
#mostviewed_video {
	padding:10px;
}
#mostviewed_video a.feattitle {
	font-size:16px;
	color:#333333;
}
#desc {
	color:#666666;
	padding:5px;
}
#rightbox {
	border-top:2px solid #cdcdcd;
	padding:10px;
}

span.tags {
	color: #b00600;
	text-decoration: none;
	font-weight: normal;
	border-bottom:dotted 1px #aaaaaa;
}
#indextop {
	width:616px;
	background:#ececec;
	border-bottom:2px solid #cdcdcd;
	height:auto;
	padding:10px;
	margin:0px;
	float:left;
}

#indextop div a.title {
	font-size:16px;
	color:#333333;
}

img.dl {
	background:url(../images/loading.gif) center center no-repeat;
}

img {
	border:0px;
}

#tabmenucontainer {
    margin: 0px;
    width: 420px;
    clear:both;
    padding-top:15px;
    text-align:center;
}

#tabmenucontainer ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    text-align: center;
}

#tabmenucontainer li {
    display: inline;
    margin: 0px;
    padding: 0px;
}

#tabmenucontainer a {
    float: left;
    display: block;
    width: 125px;
    border: none;
    text-decoration: none;
    padding: 5px;  
    font-size:18px;
    color:#333333;
}
#tabmenucontainer a:hover {
	background: #d9342f;
	color: #ffffff;
}
#tabmenucontainer li a.tabactive {
    float: left;
    background: #666666;
    color: #ffffff;

}
#subcontent {
    padding: 0px;
    width: 606px;
    padding:10px;
}

#subcontent p{
    margin: 0px;
    margin-top:2px;
    padding: 15px;
    float: left;
    display: block;
    width: 586px;
}
#subcontent p a {
	color:#444444;
}
#subcontent p a:hover {
	color:#d9342f;
}
#subcontent span.title {
	font: bold 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	
}

#subcontent span.duration {
	font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#subcontent span.info {
	color: #999999;
}

#subcontent span.tags {
	text-decoration: none;
	font-weight: normal;
	border-bottom:dotted 1px #aaaaaa;
}

#subcontent p a img {
    margin: 0 20px 0 0;
    padding: 1px;
    text-decoration: none;
    border: 1px solid #DDDDDD;
    float: left;
}
#footer {
	background:#4e4e4e;
	width:100%;
	padding:0px;
}
#footcontainer {
	width:948px;
	padding:10px;
	text-align:left;
	color:#ffffff;
}
#videopreview {
	float:left;
	padding:13px;
	width:126px;
	line-height:14px;
}

#videopreview a:hover img {
	border:solid 1px #d9342f;
    text-decoration:none;
}

#videopreview a img {
	padding:4px;
	margin-bottom:4px;
	border:solid 1px #ccc;
	z-index:24;
	width:120px;
	height:90px;
    background-color:#FFF;
    background-image:url(../images/loading.gif);
    background-repeat:no-repeat;
    background-position: center center;	
}

#paging{
    width:496px;
    margin: 0px auto;
    padding: 0px;
    text-align:center;
}

.pagingnav{
width:495px;
font: normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
.pagingnav {
padding: 0;
margin: 0px auto;
line-height: 28px;
text-align: center; 
padding: 2px;
}

.pagingnav a{
color: #333;
padding: 2px 4px;
margin: 2px; 
text-decoration: none;
border: 1px solid #ccc;
display: block:
}

span.pagingnav {
color: #333;
padding: 2px 4px;
margin: 2px; 
text-decoration: none;
border: 1px solid #d9342f;
background-color: #effcff;
display: block:
}
.pagingnav   a:hover{
    text-decoration: none;
    font-weight: normal;
    border:solid 1px #d9342f;
}
#group {
    padding: 10px;
    width: 616px;
    display:block;
    float: left;
}

#groupthumb {
    width: 140px;
    display: block;
    float: left;
    text-align: center;
    margin: 10px 0 0 0;

}
#groupdesc {
    width: 460px;
    display: block;
    float: left;
    margin: 0 0 0 10px;
}
span.video {
    background: transparent url(../images/icon_video.gif) no-repeat;
    letter-spacing: -1px;
    padding-left:20px;
}
span.people {
    background: transparent url(../images/icon_people.gif) no-repeat;
    letter-spacing: -1px;
    padding-left:20px;
}
span.topic {
    background: transparent url(../images/icon_topic.gif) no-repeat;
    letter-spacing: -1px;
    padding-left:20px;
}
#listvideo {
    padding: 0px;
    width: 586px;
    padding:10px;
}

#listvideo p{
    margin: 0px;
    padding: 15px;
    float: left;
    display: block;
    width: 586px;
}
#listvideo p a {
	color:#444444;
}
#listvideo p a:hover {
	color:#d9342f;
}
#listvideo span.title {
	font: bold 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	
}

#listvideo span.duration {
	font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#listvideo span.info {
	color: #999999;
}

#listvideo span.tags {
	text-decoration: none;
	font-weight: normal;
	border-bottom:dotted 1px #aaaaaa;
}

#listvideo p a img {
    margin: 0 20px 0 0;
    padding: 1px;
    text-decoration: none;
    border: 1px solid #DDDDDD;
    float: left;
}
#imgprofile {
	width:150px;
	height:120px;
	float:left;
}
#tagsbox {
padding:10px;
}
#tagsbox a {
	text-decoration: none;
	padding: 2px;
	color: #665c50;
}

#tagsbox a:hover {
	text-decoration: none;
	border-bottom: none;
	background: #d9342f;
	color: white;
	padding: 2px;
}
.group {
    margin-top: 10px;
    width: 616px;
    display:block;
    float: left;
}
.groupthumb {
    width: 140px;
    display: block;
    float: left;
    text-align: center;
    margin: 10px 0 0 0;
}
.captcha {
    float: left;
    clear:both;
    margin-left:150px;
    width: 200px;
    margin-right: 0px;
}

.signupstatement {
    float: left;
}

#signup ul li {
    list-style-image: url(../images/tpl_icon_bullet.gif);
}

#sbutton {
    margin-left: 150px;
    padding : 0 0 0 25px;
}
#signup {
    display:block;
    width:556px;
    padding:10px;
}
#signup label {
    float: left;
    width: 150px;
    padding: 0px;
    text-align: right;
    margin-right:5px;
}
#signup div {
	padding:4px;
	clear:both;
}

#myprofile {
    display:block;
    width:616px;
    padding:2px;
    text-align: left;
}

#myprofile form {
    margin: 10px;
    padding: 0px;
}

#myprofile fieldset {
    border: none;
}
#myprofile fieldset div {
    padding:5px;
}

#myprofile legend {
    margin: 1px 0;
    padding: 0 .5em;
    font-size: 19px;
    font-weight: normal;
	color:#b00600;
	letter-spacing: -1px;
}

#myprofile label {
    float: left;
    width: 140px;
    padding: 0 1em;
    text-align: right;
    font-size: 12px;
    font-weight: normal;
}
#myprofile div {
    padding:3px;
}
#contentbox {
	padding:10px;
}
#contentbox fieldset {
    border: none;
}
#contentbox fieldset div {
    padding:5px;
}

#contentbox legend {
    margin: 1px 0;
    padding: 0 .5em;
    font-size: 19px;
    font-weight: normal;
	color:#b00600;
	letter-spacing: -1px;
}

#contentbox label {
    float: left;
    width: 140px;
    padding: 0 1em;
    text-align: right;
    font-size: 12px;
    font-weight: normal;
}
#contentbox div {
    padding:3px;
}
.floatmenu{
    float:left;
    width:125px;
    text-align:left;
    background: transparent url(../templates/cbaplay/images/bullet.gif) no-repeat;
    padding-left:15px;
	line-height: 14px;
	
}
#comments {
	padding:15px;
}
textarea.fullboxtext{
    margin: 0 0 10px 0;
    padding: 3px;
    border: 1px solid #cccccc;
    font: normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    width: 350px;   

}
span.info {
	color: #888888;
	font-size: 13px;
}
#videotabcontainer {
    margin: 0 0 0 5px;
    padding: 20px;
    position: relative;
    top: 0px;
    width: 336px;
}

#videotabcontainer ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    text-align: center;
    font: normal 14px/24px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#videotabcontainer li {
    display: inline;
    margin: 0px;
    padding: 0px;
    text-indent: 0px;
}

#videotabcontainer a {
    float: left;
    display: block;
    width: 110px;
    border: none;
    text-decoration: none;
    padding: 5px;  
    font-size:18px;
    color:#333333;
}

#videotabcontainer li a.tabactive {
    color:#ffffff;
}

#videotabcontainer a:link, #videotabcontainer a:visited, #videotabcontainer a:hover, #videotabcontainer li a.tabactive {
    float: left;
}

#videotabcontainer a:hover {
	background: #d9342f;
	color: #ffffff;
}

#videotabcontainer li a.tabactive {
    float: left;
    background: #666666;
    color: #ffffff;
}
.side_results{
    overflow: auto;
    height: 350px;
    width: 256px;
	display: block;
	padding-left:10px;
	margin-left:10px;
	margin-bottom:5px;
	border:1px solid #c0c0c0;
}
.videolist {
    margin: 0 0 10px 0;
	padding-top: 5px;
	padding-bottom: 5px;
}
.videolistthumbnail {
	padding-left: 5px;
    width: 60px;
    float: left;
    display: block;
    text-align: center;
}

.videolistdesc {
    width: 100px;
    float: left;
    display: block;
    padding-left: 8px;
    text-align:left;
	font: normal 11px/14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
textarea.embed {
	width:500px;
	border:1px solid #c0c0c0;
	font: normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}