* {
margin: 0;
padding: 0;
}

#header, #nav {
	border-bottom: 1px solid #DBD7CC;
}

#leftCol, #centreCol, rightCol {
	padding: 15px;
	align: left;
}
 
#leftCol {
	background-color: #DDDDDD;
}

#centreCol {
	background-color: #EFF0F0;
	text-align: left;
}

#rightCol {
	background-color: #DDDDDD;
}

body {
font-family: verdana, arial, helvetica;
}

ul {
list-style-type: none;
}

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac */
.clearfix {display:block;}
/* End hide from IE Mac */


.left a, .content a {
text-decoration: none;
}

.left a:hover, .content a:hover {
text-decoration: underline;
}

.left {
padding: 10px 15px;
width: 330px;
float: left;
background-color: #DDD;
}

.content {
float: left;
background-color:#EFF0F0;
padding:  10px 15px;
width: 356px;
}

.right {
float: left;
background-color: #EDEDED;
padding: 8px;
width: 176px;
}

#playlist {
background-color: #E6E8E8;
height: 217px;
}

h1 {
font-family: Georgia, Verdana, Arial, Helvetica, Sans-serif;
color: #4389AB;
margin: 10px;
font-size: 13px;
}

#cliptabs {
padding: 0;
margin: 0;
background: #DDD url(/Images/PGA_Pro_TV/tab-box-menu-back.gif);
width: 100%;
}

#cliptabs li {
float: left;
}

#cliptabs li a {
display:block;
padding: 7px 12px;
font-family: arial, helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #000;
}

#cliptabs a.selected {
background: #E6E8E8;
}

#cliptabs li {
float: left;
}

#sectionsponsor {
height: 50px;
background-color: #E6E8E8;
}

#clipList, #playlist {
overflow: auto;
scrollbar-3dlight-color:#FFF;
scrollbar-arrow-color:#0061A3;
scrollbar-base-color:#EFEFEF;
scrollbar-darkshadow-color:#A8ADB4;
scrollbar-face-color:#DBDEE7;
scrollbar-highlight-color:#DBDEE7;
scrollbar-shadow-color:#DBDEE7;
}

#clipList {
height: 525px;
background: #E6E8E8;
}

.clip {
padding: 8px 10px;
border-top: 1px solid #D9D4CB;
border-bottom: 1px solid #FFF;
clear: left;
}

#playlist .clip {
padding: 3px 10px;
}

.clip h2 {

}

.clip img {
border: 2px solid #FFF;
float: left;
margin-right: 6px;
width: 40px;
height: 40px;
}

.clip p {
font-size: 10px;
line-height: 14px;
}

.clip h2 a {
font-size: 14px;
color: #000;
background: url(/Images/PGA_Pro_TV/arrows.gif) center right no-repeat;
padding-right: 10px;
}

#playlist .clip h2 a {
font-size: 11px;
background: none;
}

.clip ul {
padding-top: 9px;
}

#playlist .clip ul {
padding-top: 3px;
}

.clip ul li {
float: left;
}

.clip li a {
display: block;
height: 12px;
padding: 2px;
font-size: 10px;
color: #FFF;
margin-right: 5px;
float: left;
padding-right: 17px;
border-right: 3px solid #A8ADB4;
}

.clip li a.playnow {
background: #A8ADB4 url(/Images/PGA_Pro_TV/bt-play.gif) right no-repeat;
}

.clip li a.playlist {
background: #A8ADB4 url(/Images/PGA_Pro_TV/bt-add.gif) right no-repeat;
}

.clip li a.showall, .clip li a.down  {
background: #A8ADB4 url(/Images/PGA_Pro_TV/bt-down.gif) right no-repeat;
}

.clip li a.remove {
background: #A8ADB4 url(/Images/PGA_Pro_TV/bt-delete.gif) right no-repeat;
}

.clip li a.up {
background: #A8ADB4 url(/Images/PGA_Pro_TV/bt-up.gif) right no-repeat;
}

.clip .sublist {
background-color: #A8ADB4;
clear: left;
margin-top: 10px;
padding: 6px 13px;
display:none;
}

.clip .sublist .subclip {
clear: left;
margin-bottom: 8px;
float: left;
width: 100%;
}

.clip .sublist .subclip p {
font-size: 9px;
color: #EFEFEF;
padding-left: 2px;
}

.clip .sublist ul {
padding-top: 1px;
}

.clip .sublist h2 a {
font-size: 11px;
color: #000;
background: none;
padding-left: 2px;
}
