/*
---------------------------------------------------------
Title:        Video Hits Stylesheet
Version:    0.1
---------------------------------------------------------
*/
/*
---------------------------------------------------------
Contents:
1.0            Global Elements
2.0            Network Ten Header
3.0            Header
4.0            Common form elements
5.0            Navigation
6.0            Multiple items, same styles
7.0            Small listing
8.0            Large listing
9.0            Content block
10.0           Footer
11.0           Competitions
---------------------------------------------------------
*/

/*
---------------------------------------------------------
1.0 Global elements
---------------------------------------------------------
*/
body {
    /*background: #FFF url(http://videohits.com.au/css/images/bgGradient.jpg) 0 0 repeat-x;*/
    background: #e5e5e5 url(VH_reSkin_blue_updated_v2.1.jpg) repeat-x scroll center -8px;
    font-size: 62.5%;
    font-family:Arial,Verdana,Helvetica,sans-serif; /*changed as per Jira VH-190 - ATS*/
    color: #151515;
    line-height: 1.4;
}
em {
    font-weight: normal; /*changed as per Jira VH-190 - ATS*/
    font-style: italic;
}
p, ul, ol, label {
    font-size: 1.2em;
    margin-bottom: 1em;
    margin-top: 0;
    color: #151515;
    list-style: none;
}
.title, .note, .text {
    font-size: 1.2em;
    color: #151515;
}
.text p, .note p, .text ul, .note ul, .text ol, .note ol, .text label {
    font-size: 1em;
}
ul, ol {
    padding-left: 1.5em;
    padding-right: 1.5em;
    margin-left: 0;
}
h1, h2, h3, h4, h5, h6, 
h3 a:link, h3 a:visited {
    margin: 0 0 0 0;
    color: #151515;
}
h3 {
    font-size: 1.6em;
}
h2.tab, .content-block h2, .article-head h2, .large-listing h2, .titleBar h2 {
    font-size: 1.6em;
    margin: 0 10px;
}

h2 {
    font-size: 2.8em;
}
h2.greenPageHeading, h2.bluePageHeading, 
h2.redPageHeading, h2.yellowPageHeading {
    background: transparent url(http://videohits.com.au/css/images/panelHeader.gif) 100% 0 no-repeat;
    margin: 0;
    line-height: 40px;
    padding: 0 10px;
    display: block;
    border: none;
}
h2.greenPageHeading{
    color: #89c96b;
}
h2.bluePageHeading{
    color: #1e8cf9;
} 
h2.redPageHeading {
    color: #f85959;
}
h2.yellowPageHeading {
    color: #dddf1d;
}
h4 {
    font-size: 1.2em;
}
a:link, a:visited {
    color: #000;
    text-decoration: none;
    font-weight: bold;
}
a:hover, a:active {
    color: #7dd321;
    text-decoration: none;
}
a.blueArrow {
    background: transparent url(http://videohits.com.au/css/images/arrowRoundBlue.gif) 100% 50% no-repeat;
    padding-right: 20px;
}
.flash-promo {
    margin-bottom: 5px;
}
.flashScroller {
    margin-bottom: 5px;
}
.playlist dl {
    border-bottom: 2px dotted #CCC;
    padding: 10px 0;
}
.playlist dt {
    float: left;
    font-weight: bold;
}
.playlist dd {
    margin-left: 150px;
}
.playlist .button {
    text-align:right;
}
.bigBanner {
    margin-top: 10px;
}
.left {
    float: left;
}
.right {
    float: right;
}
/* Coloured links */
.yellow .links a:link, .yellow .links a:visited, a.yellow:link, a.yellow:visited {
    color: #dddf1d;
    background: none;
    border: none;
}
.blue .links a:link, .blue .links a:visited, a.blue:link, a.blue:visited {
    color: #1e8cf9;
    background: none;
    border: none;
}
.red .links a:link, .red .links a:visited, a.red:link, a.red:visited {
    color: #f85959;
    background: none;
    border: none;
}
.green .links a:link, .green .links a:visited, a.green:link, a.green:visited;  {
    color: #89c96b;
    background: none;
    border: none;
}
/* Layout */
#page-layout {
    width: 980px;
    margin: 0 auto;
    position: relative;
}
#content {
    margin: 2px 0 20px 0;
}




/*
---------------------------------------------------------
2.0 Network Ten Header
---------------------------------------------------------
*/
#network-ten-header {
    position: absolute;
    right: 0;
    height: 92px;
    width: 726px;
/*    background: transparent url(http://videohits.com.au/css/images/hostPic.jpg) 0 0 no-repeat; */
}
#network-ten-header ul {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100;
}
#network-ten-header li {    
    font-size: 0.92em;
    display: inline;
}
#network-ten-header li a {
    color: #000;
    padding: 16px 10px 16px 11px;
    display: block;
    float: left;
    background: transparent url(http://videohits.com.au/css/images/pipe.gif) 3px 50% no-repeat;
}
#network-ten-header li.home a {
    padding-left: 46px;
    background: transparent url(http://videohits.com.au/css/images/tenLogo.gif) 0 50% no-repeat;
}
/*
---------------------------------------------------------
3.0 Header
---------------------------------------------------------
*/
#header {
    height: 160px;
    position: relative;
    margin-bottom: 5px;
}
#header h2 {
    width: 363px;
    height: 117px;
    /*background: transparent url(http://videohits.com.au/css/images/vhLogo.gif) 0 0 no-repeat;*/
    position: absolute;
    top: 38px;
    left: -135px;
}
#header h2 a {
    width: 363px;
    height: 117px;
    display: block;
    text-indent: -9999px;
    top: 38px;
    left: -135px;
}
#header-search {
    position: absolute;
    right: 10px;
    top: 50px;
}
.header-search-button, #gig-search-button {
    margin-left: 5px;
}
#header-search input.text, #gig-search input.text {
    width: 160px;
    margin-left: 5px;
}
#header #banner-ad {
    position: absolute;
    right: 0;
    top: 52px;
}
/* Members section */
#members-section {
    position: absolute;
    bottom: 0;
    width: 100%;
}
#members-section .name {
    font-weight: bold;
    font-size: 1.4em;
    float: left;
/*    margin-bottom: 14px;*/
}
#members-section ul {
    list-style: none;
    margin-bottom: 14px;
}
#members-section li a {
    color: #000;
    padding: 1px 10px 0 11px;
    display: block;
    float: left;
    background: transparent url(http://videohits.com.au/css/images/pipe.gif) 3px 50% no-repeat;
}
#header-login .links, #header-login h3, #header-login input {
    font-size: 1.2em;
    float: left;
    margin: 0 10px 0 0;
}
#header-login h3 {
    line-height: 2;
}
.member-login-button {
    background: transparent url(http://videohits.com.au/css/images/btnMemberLogin.gif) 0 0 no-repeat;
    height: 16px;
    width: 16px;
    border: none;
    float: left;
    margin: 0 10px 0 0;
}
#header-login .checkbox {
    margin-right: 5px;
    display: block;
}
.member-forgot-details {
    font-size: 1.1em;
}
.remember {
    font-size: 1.1em;
}
/* Header links (RSS) */
#rss {
    position: absolute;
    right: 0;
    bottom: 0;
}
#rss.loggedIn {
    position: absolute;
    right: 0;
    top: 0;
}
#rss.loggedIn li {
    font-size: 1em;
    float: left;
}
#rss a {
    display: block;
    font-size: 1.1em;
    line-height: 16px;
}
#rss.loggedIn a.homepageLink {
    background: transparent url(http://videohits.com.au/css/images/iconMakeHome.gif) 0 0 no-repeat;
    padding-left: 20px;
    margin-bottom: 0;
}
#rss a.homepageLink {
    background: transparent url(http://videohits.com.au/css/images/iconMakeHome.gif) 0 0 no-repeat;
    padding-left: 20px;
    margin-bottom: 2px;
}
#rss a.rssLink {
    background: transparent url(http://videohits.com.au/css/images/iconRss.gif) 0 0 no-repeat;
    padding-left: 20px;
}
#rss a.facebookLink {
    background: transparent url(http://videohits.com.au/css/images/iconFacebook.gif) 0 0 no-repeat;
    padding-left: 20px;
}
#rss a.deliciousLink {
    background: transparent url(http://videohits.com.au/css/images/iconDelicious.gif) 0 0 no-repeat;
    padding-left: 20px;
}
#rss a.diggLink {
    background: transparent url(http://videohits.com.au/css/images/iconDigg.gif) 0 0 no-repeat;
    padding-left: 20px;
}
#rss a.stumbleLink {
    background: transparent url(http://videohits.com.au/css/images/iconStumble.gif) 0 0 no-repeat;
    padding-left: 20px;
    padding-right: 0;
}
/*
---------------------------------------------------------
4.0 Form elements
---------------------------------------------------------
*/
input.text {
    padding: 2px;
    font-size: 1.2em;
}
form#member-login label {
    float: left;
    width: 80px;
    clear: both;
    margin: 3px 0 0 0;
    font-size: inherit;
}
form#member-login input {
    display: block;
    float: left;
    margin-bottom: 10px;
    width: 260px;
    border: 1px #CCC solid;
}
form#member-login input.checkbox {
    margin-left: 80px;
    clear: left;
    display: inline;
    float: left;
    margin-bottom: 10px;
    width: auto;
    border: none;
}
form#member-login label.remember {
    width: auto;
    float: left;
    display: inline;
    clear: none;
}
form#member-login a {
    clear: both;
    margin-left: 0px;
    font-size: 0.92em;
    width: 100%;
    display: block;
}
form#member-login .member-login-button {
    width: 80px;
    height: 30px;
    float: right;
    background: #FFF url(http://videohits.com.au/css/images/butMemberLogin.gif) 0 0 no-repeat;
    clear: both;
}

/* Registration iFrame */
body#video {
    background: none;
}
.registrationIframeContainer {
    background: #fff url(http://videohits.com.au/css/images/fadeYellow.jpg) 0 0 repeat-x;
    border-top: dotted 2px #dddf1d;
}
.registrationIframeContainer p {
    padding: 10px;
}
.members-registration-form {
    width: 100%;
    overflow: hidden;
}
.members-registration-form fieldset {
    border: none;
    padding: 0;
    margin-bottom: 10px;
}
.members-registration-form fieldset h3 {
    background: transparent url(http://videohits.com.au/css/images/panelHeader.gif) 100% 0 no-repeat;
    padding: 0 10px;
    line-height: 30px;
    display: block;
    clear: both;
}
.members-registration-form fieldset p.note {
    padding: 0 10px 10px 10px;
    display: block;
    border-right: 1px solid #efefef;
    margin: 0;
}
label span.note {
    font-size: 0.92em;
}
.members-registration-form label {
    width: 120px;
    float: left;
    clear: both;
    padding-top: 3px;
}
.members-registration-form fieldset .fieldsetInner {
    background: #fff url(http://videohits.com.au/css/images/fadeYellow.jpg) 0 0 repeat-x;
    border-top: dotted 2px #dddf1d;
    padding: 20px 10px 10px;
}
.registrationIframeContainer h2 {
    font-size: 1.8em;
    padding: 10px 10px 0;
}
.members-registration-form .line.col1 input.textbox, .members-registration-form .line.col2 input.textbox {
    display: block;
    float: left;
    width: 220px;
}
.members-registration-form .line input {
    display: block;
    float: left;
    width: 320px;
}
.members-registration-form .line {
    clear: both;
}
.members-registration-form .col1 {
    clear: left;
    float: left;
}
.members-registration-form .col2 {
    clear: right;
    float: left;
    margin-left: 20px;
}
.inline label {
    display: inline;
    width: auto;
    clear: none;
}
.inline input.radio {
    width: auto;
    border: none;
}
label.accessible {
    display: none;
}
input#daytime_phone_area, input#daytime_phone, input#postcode, label.postcode {
    width: auto;
}
input#daytime_phone_area {
    margin-right: 10px;
}
label.postcode {
    margin-right: 15px;
}
.members-registration-form input, .members-registration-form select {
    border: 1px #CCC solid;
}
.checkboxes {
    clear: both;
    border: none;
}
.checkboxes label {
    width: auto;
    margin-left: 10px;
    clear: right;
    padding-top: 1px;
}
.checkboxes input {
    margin-bottom: 5px;
    float: left;
    border: none;
}
.members-registration-form .line.col1-5 {
    clear: none;
    float: left;
    margin-top: -2px;
    margin-left: 20px;
}
.members-registration-form .checkboxes.terms {
    padding-top: 10px;
}
.members-registration-form .button input {
    border: 0;
}
/* Online profile */
#onlineProfile {
    clear: both;
    float: left;
    width: 100%;
}
#onlineProfile label {
    width: 120px;
    float: left;
    clear: both;
    padding-top: 3px;
}
#onlineProfile select, #onlineProfile textarea {
    display: block;
    float: left;
    width: 200px;
    margin-bottom: 5px;
    border: 1px #CCC solid;
}
#onlineProfile #avatar {
    display: block;
    float: left;
    width: 200px;
    margin-bottom: 5px;
}
#onlineProfile #avatar img {
    display: block;
}
/* yellow gig search */
input#gig-search-textbox.text {
    width: 150px;
}
button.gig-search-button {
    background: url(http://videohits.com.au/css/images/btn-go-yellow.gif) 0 0 no-repeat;
    width: 48px;
    height: 18px;
    border: 0;
    padding: 0;
    margin: 0;
    cursor: pointer;
    position: relative;
    top: -7px;
}
* html button.gig-search-button {
    top: -2px;
}
/* red artist search */
input#artist-search-textbox.text {
    width: 206px;
}
button.artist-search-button {
    background: url(btn-go.gif) 0 0 no-repeat;
    width: 43px;
    height: 18px;
    border: 0;
    padding: 0;
    margin: 0;
    cursor: pointer;
    position: relative;
    top: -5px;
}
* html button.artist-search-button {
    margin-left: 5px;
    top: -1px;
}
#artistSearchLists {
    overflow: hidden;
    width: 300px;
}
#artistSearchLists ul {
    width: 70px;
    float: left;
    padding: 0 10px;
    margin: 10px 0 0 0;
    list-style: none;
}
#artistSearchLists ul li {
    font-size: 1.17em;
    font-weight: bold;
}

/*
---------------------------------------------------------
5.0 Navigation
---------------------------------------------------------
*/
#navigation {
    width: 100%;    
}
/* Primary */
#nav-primary ul li.current.yellow a {
    /*background: transparent url(http://videohits.com.au/css/images/navRight.gif) 100% -40px no-repeat;*/
    text-decoration: none;
}
/* Stops weird inheritance issue with IE6 */
#nav-primary ul li.current.yellow, #nav-primary ul li.current.red, 
#nav-primary ul li.current.green, #nav-primary ul li.current.blue {
    background: none;
    border: none;
}
#nav-primary ul li.current.green a {
    /*background: transparent url(http://videohits.com.au/css/images/navRight.gif) 100% -80px no-repeat;*/
    text-decoration: none;
}
#nav-primary ul li.current.red a {
    /*background: transparent url(http://videohits.com.au/css/images/navRight.gif) 100% -120px no-repeat;*/
    text-decoration: none;
}
#nav-primary ul li.current.blue a {
    /*background: transparent url(http://videohits.com.au/css/images/navRight.gif) 100% -160px no-repeat;*/
    text-decoration: none;
}
#nav-primary {
/*
    border-top: 2px #CCC dotted;
    border-bottom: 2px #CCC dotted;
*/
    font-weight: bold;
    padding: 0;
    height: 29px;
    /*margin-bottom: 1em;*/
    background: #000;
}
#nav-primary ul li, #nav-secondary ul li {
    float:left;
}
#nav-primary ul li {
    text-align:center;
}
#nav-primary ul li a {
    float:left;
    /*background: transparent url(http://videohits.com.au/css/images/navRight.gif) 100% 0 no-repeat;*/
    background-color: #151515;
    display: block;
    line-height: 29px;
    padding:0px;
    font-size: 16px;
    padding:0px 9px 0px 9px;
    color: #FFF;
    text-decoration: none;
    text-align:center;
    min-width:100px;
    _width:100px; /* IE6 has no min-width */
    overflow:visible;
    text-transform: uppercase;
}
#nav-primary ul li a:hover {
    text-decoration: none;
    color: #7dd321;
}
#nav-primary ul li.current a {
    text-decoration: none;
    background: #7dd321;
    color: #151515;
}
/* Secondary */
#nav-secondary ul li.current a {
    text-decoration: none;
}
/* Stops weird inheritance issue with IE6 */
#nav-secondary ul li.current.yellow, #nav-secondary ul li.current.red, 
#nav-secondary ul li.current.green, #nav-secondary ul li.current.blue {
    background: none;
    border: none;
}
#nav-secondary {
    background: #7dd321;
    clear: both;
    display: block;
    margin: 0 0 2px;
    width: 100%;
    height: 23px;
}
#nav-secondary ul li {
    float: left;
    background: transparent;
    display: block;
    line-height: 29px;
    padding: 0 10px;
    color: #dddf1d;
    font-size: 1.4em;
}
#nav-secondary ul li a {
    float: left;
    background: transparent;
    line-height: 23px;
    padding: 0 10px;
    color: #fff;
    font-size: 0.8em;
    text-decoration: none;
    font-weight: bold;
}
#nav-secondary ul li a:hover {
    text-decoration: none;
    color: #000;
}
#navigation #nav-secondary li.green a {
    color: #000;
}
#navigation #nav-secondary li.blue a {
    color: #000;
}
#navigation #nav-secondary li.red a {
    color: #000;
}
#navigation #nav-secondary li.yellow a {
    color: #000;
}
/*
---------------------------------------------------------
6.0 Multiple items, same styles
---------------------------------------------------------
*/

.greenHeadingBar h2.headingBar, .blueHeadingBar h2.headingBar, 
.yellowHeadingBar h2.headingBar, .redHeadingBar h2.headingBar, 
.greenHeadingBar h3.headingBar, .blueHeadingBar h3.headingBar, 
.yellowHeadingBar h3.headingBar, .redHeadingBar h3.headingBar {
    margin: 0;
}
.greenHeadingBar h2.headingBar, .greenHeadingBar h3.headingBar {
    /*border-bottom: dotted 2px #89c96b;    */
}
.redHeadingBar h2.headingBar, .redHeadingBar h3.headingBar {
    /*border-bottom: dotted 2px #f85959;    */
}
.yellowHeadingBar h2.headingBar, .yellowHeadingBar h3.headingBar {
    /*border-bottom: dotted 2px #dddf1d;    */
}
.blueHeadingBar h2.headingBar, .blueHeadingBar h3.headingBar {
    /*border-bottom: dotted 2px #9cc9f8;*/
}
#content .small-listing .item, 
#content .large-listing .item {
    margin: 10px;
    clear: both;
}

h2.headingBarVideo a, h3.headingBarVideo a {
    background: transparent url(heading-video.gif) 100% 0 no-repeat;
    height: 33px;
    text-indent: -9999px;
    width: 300px;
    display: block;
}

h2.headingBarTourDiary a, h3.headingBarTourDiary a {
    background: transparent url(heading-tour_diary.gif) 100% 0 no-repeat;
    height: 33px;
    text-indent: -9999px;
    width: 300px;
    display: block;

}

h2.headingBarComps a, h3.headingBarComps a {
    background: transparent url(heading-comps.gif) 100% 0 no-repeat;
    height: 33px;
    text-indent: -9999px;
    width: 300px;
    display: block;

}

h2.headingBarComingUp a, h3.headingBarComingUp a {
    background: transparent url(heading-coming_up.gif) 100% 0 no-repeat;
    height: 33px;
    text-indent: -9999px;
    width: 300px;
    display: block;

}

h2.headingBarHotTopics a, h3.headingBarHotTopics a {
    background: transparent url(heading-hot_topics.gif) 100% 0 no-repeat;
    height: 33px;
    text-indent: -9999px;
    width: 300px;
    display: block;

}


h2.headingBarWhatsNew a, h3.headingBarWhatsNew a {
    background: transparent url(heading-whatsnew.gif) 100% 0 no-repeat;
    height: 33px;
    text-indent: -9999px;
    width: 300px;
    display: block;
}

h2.headingBarArtistSearch a, h3.headingBarArtistSearch a {
    background: transparent url(heading-Artist-Search.gif) 100% 0 no-repeat;
    height: 33px;
    text-indent: -9999px;
    width: 300px;
    display: block;
}



.blueHeadingBar h2.headingBar, .blueHeadingBar h3.headingBar, 
.greenHeadingBar h2.headingBar, .greenHeadingBar h3.headingBar, 
.redHeadingBar h2.headingBar, .redHeadingBar h3.headingBar, 
.yellowHeadingBar h2.headingBar, .yellowHeadingBar h3.headingBar, 
.flashScroller h3.headingBar, h3.tabHeader, .bigBanner h3.headingBar {
    /*background: transparent url(http://videohits.com.au/css/images/panelHeader.gif) 100% 0 no-repeat;*/
    background: #fff;
    padding: 0 10px;
    line-height: 30px;
    display: block;
    clear: both;
}
.blueHeadingBar h2.noHeadingBar, .blueHeadingBar h3.noHeadingBar, 
.greenHeadingBar h2.noHeadingBar, .greenHeadingBar h3.noHeadingBar, 
.redHeadingBar h2.noHeadingBar, .redHeadingBar h3.noHeadingBar, 
.yellowHeadingBar h2.noHeadingBar, .yellowHeadingBar h3.noHeadingBar {
    background: none;
    border-bottom: none;
}
.blueHeadingBar .links a:link, .blueHeadingBar .links a:visited, .blueNoHeadingBar .links a:link, .blueNoHeadingBar .links a:visited {
    color: #1e8cf9;
}
.greenHeadingBar .links a:link, .greenHeadingBar .links a:visited, .greenNoHeadingBar .links a:link, .greenNoHeadingBar .links a:visited {
    color: #89c96b;
}
.redHeadingBar .links a:link, .redHeadingBar .links a:visited, .redNoHeadingBar .links a:link, .redNoHeadingBar .links a:visited {
    color: #f85959;
}
.yellowHeadingBar .links a:link, .yellowHeadingBar .links a:visited, .yellowNoHeadingBar .links a:link, .yellowNoHeadingBar .links a:visited {
    color: #dddf1d;
}
.small-listing .links, 
.large-listing .links {
    float: right;
    margin-right: 10px;
    font-size: 1.2em;
    clear: both;
}
/* Centred image in small listing */
.smallListingImage, 
.small-listing .preview-image.center {
    width: 100%;
    text-align: center;
    margin: 10px 0;
}
/* More button and back button */
.moreButton, 
.backButton, 
.button {
    overflow: auto; 
    display: block;
}
.moreButton.right, 
.backButton.right, 
.button.right {
    margin-right: 10px;
}
.moreButton span, 
.backButton span, 
.button span {
    background: transparent url(http://videohits.com.au/css/images/butMoreRight.gif) 100% 0 no-repeat;
    float: left;
}
.moreButton span a, 
.backButton span a, 
.button span a {
    float: left;
    display: block;
    height: 25px;
    background: transparent url(http://videohits.com.au/css/images/butMoreLeft.gif) 0 0 no-repeat;
    padding: 0 10px;
    font-size: 1em;
    padding-top: 10px;
}
.text .moreButton span a, 
.text .backButton span a, 
.text .button span a {
    font-size: inherit;
}
.yellow .moreButton span a, 
.yellow .backButton span a, 
.yellow .button span a {
    color: #dddf1d;
}
.blue .moreButton span a, 
.blue .backButton span a, 
.blue .button span a {
    color: #9cc9f8;
}
.red .moreButton span a, 
.red .backButton span a, 
.red .button span a {
    color: #f85959;
}
.green .moreButton span a, 
.green .backButton span a, 
.green .button span a {
    color: #89c96b;
}
/*
---------------------------------------------------------
7.0 Small listing
---------------------------------------------------------
*/
.small-listing h3 {
    padding: 0 10px;
}
#content .small-listing1 .item {
    padding-left: 110px;
}
* html #content .small-listing1 {
    width: 100%;
}
#content .small-listing1 .item h4 {
    font-size: 1.2em;
}
/* Colour specific */
.redHeadingBar {
    /*background: #fff url(http://videohits.com.au/css/images/fadeRed.jpg) 0 32px repeat-x;*/
    background: #fff;
    border-top: none;
}
.greenHeadingBar {
    /*background: #fff url(http://videohits.com.au/css/images/fadeGreen.jpg) 0 32px repeat-x;*/
    background: #fff;
    border-top: none;
}
.yellowHeadingBar {
    /*background: #fff url(http://videohits.com.au/css/images/fadeYellow.jpg) 0 32px repeat-x;*/
    background: #fff;
    border-top: none;
}
.blueHeadingBar {
    /*background: #fff url(http://videohits.com.au/css/images/fadeBlue.jpg) 0 32px repeat-x;*/
    background: #fff;
    border-top: none;
}
.greenNoHeadingBar {
    /*background: #fff url(http://videohits.com.au/css/images/fadeGreen.jpg) 0 0 repeat-x;*/
    background: #fff;
    /*border-top: dotted 2px #89c96b;*/
}
.redNoHeadingBar {
    /*background: #fff url(http://videohits.com.au/css/images/fadeRed.jpg) 0 0 repeat-x;*/
    background: #fff;
    /*border-top: dotted 2px #f85959;*/
}
.yellowNoHeadingBar {
    /*background: #fff url(http://videohits.com.au/css/images/fadeYellow.jpg) 0 0 repeat-x;*/
    background: #fff;
    /*border-top: dotted 2px #dddf1d;*/
}
.blueNoHeadingBar {
    background: #fff url(http://videohits.com.au/css/images/fadeBlue.jpg) 0 0 repeat-x;
    background: #fff;
    /*border-top: dotted 2px #9cc9f8;*/
}
.article-head {
    background-position: 0 0;
}
.green .small-listing .links a, 
.green.small-listing .links a, 
.green, 
a.green {
    color: #89c96b;
}
.red .small-listing .links a, 
.red.small-listing .links a, 
.red, 
a.red {
    color: #f85959;
}
.yellow .small-listing .links a, 
.yellow.small-listing .links a, 
.yellow, 
a.yellow {
    color: #dddf1d;
}
.blue .small-listing .links a, 
.blue.small-listing .links a, 
.blue, 
a.blue {
    color: #1e8cf9;
}
/* Sizing for big tabbed sections */
.redHeadingBarBig .tab-row .tab, .redHeadingBarBig .tab-row h2.tab, 
.greenHeadingBarBig .tab-row .tab, .greenHeadingBarBig .tab-row h2.tab, 
.yellowHeadingBarBig .tab-row .tab, .yellowHeadingBarBig .tab-row h2.tab, 
.blueHeadingBarBig .tab-row .tab, .blueHeadingBarBig .tab-row h2.tab {
    float: left;
    width: 302px;
    /*background: transparent url(http://videohits.com.au/css/images/panelHeader.gif) 100% 0 no-repeat;*/
    border: none;
    margin: 0;
    padding: 0;
    line-height: 30px;
}
.redHeadingBar .tab-row h2.selected, .redHeadingBarBig .tab-row h2.selected {
    /*background: transparent url(http://videohits.com.au/css/images/tabRed.gif) 100% 0 no-repeat;*/
}
.greenHeadingBar .tab-row h2.selected, .greenHeadingBarBig .tab-row h2.selected {
    /*background: transparent url(http://videohits.com.au/css/images/tabGreen.gif) 100% 0 no-repeat;*/
}
.yellowHeadingBar .tab-row h2.selected, .yellowHeadingBarBig .tab-row h2.selected {
    /*background: transparent url(http://videohits.com.au/css/images/tabYellow.gif) 100% 0 no-repeat;*/
}
.blueHeadingBar .tab-row h2.selected, .blueHeadingBarBig .tab-row h2.selected {
    /*background: transparent url(http://videohits.com.au/css/images/tabBlue.gif) 100% 0 no-repeat;*/
}
.greenHeadingBarBig .container, .greenFade {
    /*background: transparent url(http://videohits.com.au/css/images/fadeGreen.jpg) 0 0 repeat-x;*/
}
.redHeadingBarBig .container, .redFade {
    /*background: transparent url(http://videohits.com.au/css/images/fadeRed.jpg) 0 0 repeat-x;*/
}
.blueHeadingBarBig .container, .blueFade {
    /*background: transparent url(http://videohits.com.au/css/images/fadeBlue.jpg) 0 0 repeat-x;*/
}
.yellowHeadingBarBig .container, .yellowFade {
    /*background: transparent url(http://videohits.com.au/css/images/fadeYellow.jpg) 0 0 repeat-x;*/
}
.tab-page .container {
    padding-top: 20px;
    padding-left: 10px;
}
.tab-row h2 a {
    text-decoration: none !important;
}
.tab-row h2 a:hover {
    /*text-decoration: underline !important;*/
}
.tab-page.centred .container ol {
    margin: 0 auto;
    width: 300px;
    font-weight: bold;
    font-size: 1.5em;
}
.redHeadingBar .tab-row, .redHeadingBarBig .tab-row {
    /*border-bottom: dotted 2px #f85959;*/
}
.greenHeadingBar .tab-row, .greenHeadingBarBig .tab-row {
    /*border-bottom: dotted 2px #89c96b;*/
}
.yellowHeadingBar .tab-row, .yellowHeadingBarBig .tab-row {
    /*border-bottom: dotted 2px #dddf1d;*/
}
.blueHeadingBar .tab-row, .blueHeadingBarBig .tab-row {
    /*border-bottom: dotted 2px #9cc9f8;*/
}

/* Gig search */
#gig-search {
    padding: 10px;
    background: #fdfcc7;
}
.fieldDescription {
    margin-top: 0.5em;
    font-size: 1em;
    color: #666;
}    
#gig-search .fieldDescription {
    margin-left: 7em;
}
/* Artist search */
#artist-search {
    /*padding: 10px;*/
    /*background: #febabb;*/
}
/* Generic tabbed sections */
#content .small-listing, #content .tab-pane {
    border: none;
    padding: 0 10px 10px 0;
    margin-bottom: 10px;
    clear: both;
    overflow: auto;
    background: #fff;
  /*min-height:250px;*/
  height:auto !important;
/*  height:250px;*/

}
.tab-row {
    height: 30px;
    width: auto;
/*    width: 750px;*/
}
/* Sizing for small tabbed sections */
.tab-row .tab, .tab-row h2.tab {
    float: left;
    width: 150px;
    /*background: transparent url(http://videohits.com.au/css/images/panelHeader.gif) 100% 0 no-repeat;*/
    border: none;
    margin: 0;
    /*line-height: 30px;*/
    clear: none;
    padding: 0 10px !important;
}
.tabbed-content-3tabs .tab-row .tab {
    width: 33%;
}
.tab-row .tab a {
    padding: 0 10px;
    display: block;
    color: #000;
}
#content .tab-page .small-listing1 .item {
    min-height: 100px;
}
/*
---------------------------------------------------------
8.0 Large listing
---------------------------------------------------------
*/
.large-listing.green.titleBar {
    border: none;
}
.large-listing.yellow {
    padding: 10px 0;
    border-top: dotted 2px #dddf1d;    
    background: #fff url(http://videohits.com.au/css/images/fadeYellow.jpg) 0 0 repeat-x;
}
#content .large-listing .item {
    border-bottom: 1px #e5e5e5 solid;
    padding-bottom: 5px;
}
h2.tabHeader {
    top: 10px;
}
/* Gallery Pages */
#content .large-listing.large-listing-type2.large-listing-type2-typeA .item {
    min-height:130px;;
    _height:130px;
    padding-left:180px
}
#content .large-listing.large-listing-type2.large-listing-type2-typeA .item h3 {
    padding-top:0px;
}
#content .large-listing.large-listing-type2.large-listing-type2-typeA .preview-image {
    top:10px;
    left:10px;
}
/* Gig search (green - large listing) */
#gig-search.green {
    background: #fff url(http://videohits.com.au/css/images/fadeGreen.jpg) 0 0 repeat-x;
    border-top: dotted 2px #89c96b;
    width: 100%;
    text-align: center;
    padding: 20px 0;
}
#gig-search.green label {
    font-size: 1.6em;
}
#gig-search.green #gig-search-textbox {
    margin: 0 10px;
}
/*
---------------------------------------------------------
9.0 Content block
---------------------------------------------------------
*/
.content-block {
    padding-top: 10px;
}
.content-block .text, .content-block .trivia {
    margin: 10px;
}
.content-block p {
    margin-left: 10px;
    margin-right: 10px;
}
.content-block .text p {
    margin-left: 0;
    margin-right: 0;
}
.blogDate {
    color: #666;
    margin-top: 0;
}
.postedBy a:link, .postedBy a:visited {
    color: #f24d4d;
}
/* Pagination elements */
.pagination {
    text-align: center;
    margin-top: 0;
}
.pagination .previous, .pagination .next {
    color: #f24d4d;
}
.pagination a.current {
    font-weight: bold;
    text-decoration: none;
    color:#89c96b;
}

/* Article head */

.article-head {
    padding: 10px;
    float: left;
    clear: both;
}
.article-head .additional {
    float: left;
}
.article-head .details {
    float: right;
    width: 300px;
}
.article-head .note.artistCredentials p {
    margin: 0;
}
h3.fanUsername, h3.newsTitle {
    font-size: 1.2em;
    margin: 0;
}
h3.newsTitle span {
    font-weight: normal;
    font-size: 0.83em;
}
.content-block {
    overflow: auto;
    clear: both;
    margin-bottom: 10px;
    background: #fff;
}
.articleImage {
    float: left;
    margin-right: 10px;
}
.date {
    font-size: 1em;
    color: #666;
}
/* Artist Bio */
#content .article-head.article-head3 .details h2 {
    /* margin-top:20px; */ /* commented out 02/03/09 AJM */
    color:#403e3e;
    font-size:24px;
}
#content .article-head.article-head3 .note {
    margin-left:10px;
    margin-top:20px; 
}
#content .article-head.article-head3 .note p em {
    margin-right:2px;
}
/* Dotted border content */
.dotsRight {
    border-right: 2px dotted #CCC;
}
#layout-2-2col #sub-columns #sub-column1.dotsRight {
    margin-right: 0;
}
#sub-columns.dots .small-listing {
    border-bottom: 2px dotted #CCC;
}
/* Trivia q's */
.trivia .question h3 {
    color: #f85959;
    font-size: 1.2em;
    float: left;
}
.trivia .question h4 {
    padding-left: 100px;
}
.trivia .question .item {
    padding-left: 100px;
}
.trivia .question .item.last {
    margin-bottom: 20px;
    clear: both;
}
/* trivia results */
.trivia .question .item span {
    margin-left:3px;
    padding-left:32px;
    font-size: 1.2em;
    color: #000;
}
.trivia .question .item span.correct {
    color:#5cce28;
    background:url(http://videohits.com.au/css/images/icon-correct.gif) left bottom no-repeat;
    display:block;
    padding-top:12px;
}
.trivia .question .item span.incorrect {
    color:#f72886;
    background:url(http://videohits.com.au/css/images/icon-incorrect.gif) left bottom no-repeat;
    display:block;
    padding-top: 4px;
    margin-bottom:12px;
}
.trivia .results-table {
    width: 100%;
    margin: 20px 0 0 0;
    border-spacing: 0;
    color: #FFF;
    
}
.trivia .results-table th {
    color: #666;
    font-size: 1.5em;
}
.trivia .results-table td.treated {
    background: #f86464;
    font-size: 2.3em;
    text-align:center;
    font-weight:bold;
    width: 33%;
    padding:8px;
}
.trivia .results-table td.treated .title {
    color: #FFF;
    font-size: 0.70em;
}
.trivia .results-table td.buttons {
    text-align: right;
    padding:12px;
}
.trivia .results-table td.divider {
    border-bottom: 2px dotted #ccc;
    width: 100%;
    height: 10px;
}
/* Music News */
#content .content-block.music-news .items {
    margin:30px 20px;
}
#content .content-block.music-news .items h3 {
    color:#545353;
    font-size:18px;
}
#content .content-block.music-news .items .item p {
    margin-left:0px;
    margin-bottom:0px;
}
#content .content-block.music-news .items .item {
    position:relative;
    padding-bottom:14px;
    margin-bottom:10px;
    _height:.1%;
}
#content .content-block.music-news .items .item .date {
    position:absolute;
    bottom:0px;
}

/*
---------------------------------------------------------
10.0 Footer
---------------------------------------------------------
*/
#footer {
    /*background:url(http://videohits.com.au/css/images/bg-footer-links.gif) left top repeat-x;*/
    text-align: center;
    width: 910px;
    height:23px;
}
#footer li a {
    padding: 0 10px;
    color: #151515;
    font-weight:bold;
    font-size:10px;
    text-decoration:none;
}
#footer li a:hover {
    color: #7dd321;
    text-decoration:none;
}
.enterButton {
    float: right;
    clear: both;
    margin: 0 10px 10px 0;
}
#content .small-listing1 .item {
    min-height: 59px;
    border-bottom: 1px #e5e5e5 solid;
}
/*
---------------------------------------------------------
11.0 Additional dev styles
---------------------------------------------------------
*/
#content .small-listing.borderItems .item {
    /*margin: 0 5px 10px 0;*/
    /*border: 1px solid #e6e4e4;*/
    padding: 0px 10px 10px 110px;
}
sub-column1 .small-listing.borderItems .item {
    margin-right: 5px;
}
#content .small-listing1.borderItems .item .preview-image {
    /*left: 10px;*/
    /*top: 10px;*/
}
.text .links {
    float: right;
}
/* email box, Fuzzy */
#content .small-listing.small-listing4.small-listing4-typeA ul.items {
    list-style-type:none;
}

/*  Artist Search (Tabbed Content)  */
#content .artist-search-form {
    /*background:url(http://videohits.com.au/css/images/bgArtistsearch.gif) repeat-x;*/
    background: #fff;
    padding-top:50px;
    padding-bottom:15px;
}
#content .artist-search-form form {
    width:320px;
    padding-right:100px;
    margin:auto;
    text-align:center;
    position:relative;
}
#content .artist-search-form form button span {
    display:none;
}
#content .artist-search-form form button {
    position:absolute;
    right:0px;
    top:0px;
    border:0px;
    background:url(btn-search.gif) no-repeat;
    width:84px;
    height:24px;
}

#content .artist-search-form form input {
    width:320px;
    border:1px solid #dfdfdf;
}
#content .artist-search-form form label {
    display:block;
    color:#626060;
    font-size:14px;
}

    /* 9 Tabs */
    #content .tab-pane.tabbed-content-9tabs .title {
        float:left;
    }
    
    #content .tab-pane.tabbed-content-9tabs h2.tab {
        display:inline;
        background:url(http://videohits.com.au/css/images/bgArtistSearchTab.gif) right top no-repeat;
        border-bottom:1px solid #dee0db;
        height:25px;
        padding:0px;
        margin:0px 0px 10px 0px;
        width:auto;
    }
    
    #content .tab-pane.tabbed-content-9tabs .container {
        clear:left;
    }
    
    #content .tab-pane.tabbed-content-9tabs h2.tab a {
        color:#626060;
        font-size:16px;
        padding:0px 15px;
        margin:0px;
    }
    
    #content .tab-pane.tabbed-content-9tabs h2.tab.selected a {
        color:#9ad091;
    
    }
    
    #content .tab-pane.tabbed-content-9tabs h2.tab.selected  {
        border-bottom-color:#fff;
    }
    
    /* 14 Tabs */
    #content .tab-pane.tabbed-content-14tabs .title {
        float:left;
    }    
    
    #content .tab-pane.tabbed-content-14tabs h2.tab {
        display:inline;
        /*background:url(http://videohits.com.au/css/images/bgArtistSearchTab.gif) right top no-repeat;*/
        /*border-bottom:1px solid #dee0db;*/
        height:25px;
        width: 106px;
        padding:0px;
        margin:0px;
        width:auto;
        background: #fff;
    }
    
    #content .tab-pane.tabbed-content-14tabs .container {
        clear:left;
        margin-top:10px;
    }
    
    #content .tab-pane.tabbed-content-14tabs h2.tab a {
        color:#151515;
        background: #ccc;
        font-size:8pt;
        font-weight: bold;
        text-transform: uppercase;
        padding:0px 0px 0px 20px;
        width:60px; 
        margin:0px;
        height:18px;
        line-height: 18px;
    }
    
    #content .tab-pane.tabbed-content-14tabs h2.tab a:hover {
        color: #fff;
        background: #151515;
    }

    #content .tab-pane.tabbed-content-14tabs h2.tab.selected a {
        color: #7dd321;
        background: #151515;    
    }
    

    
    #content .tab-pane.tabbed-content-14tabs .tab-row h2.tab:first-child a{
        /*width:89px;  Extends the tabs to remove one gap */
    }
/* Artists List */
#content .artists-list ul {
    list-style-type:none;
    margin:10px 0px 10px 5%;
    padding:0px;
    float:left;
    width:25%;
}
#content .artists-list ul a {
    color:#545353;
    font-size:14px;
}

#content .artists-list ul a:hover {
    color:#7DD321;
}


/* Default Login Button */
.iframe #login input.button-login {
     border:none;
     float: right;
     margin-top: -52px;
     margin-right: 20px;
}
.iframe #login .button-login {
    border:none;
    position: absolute !important;
    top: 190px !important;
    margin-left: 100px !important;
}
 
/*
----------------------------------------------------------
Competitions
----------------------------------------------------------
*/

.competition-form {
color:#000000;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin-left:14px;
}
.competition-form .item {
margin:6px 12px;
}
.options {
margin:6px 12px 6px 4px;
}
.terms-conditions {
margin:6px 12px;
}
#TenComp1_pnlCompetition .button {
padding-left:460px;
}
.competition-form .item .short {
margin-left:10px;
width:50px;
}
.competition-form .item .medium {
margin-left:10px;
width:240px;
}
.competition-form .item .long {
margin-left:10px;
width:220px;
}
.competition-form .item select {
margin-left:10px;
}
.competition-form #TenComp1_pnl_0 {
margin:6px 12px;
padding-top:20px;
}
.competition-form #TenComp1_pnl_1 {
margin:6px 12px;
padding-top:20px;
}
.competition-form #TenComp1_pnl_2 {
margin:6px 12px;
padding-top:20px;
}
.competition-form #TenComp1_pnl_3 {
margin:6px 12px;
padding-top:20px;
}
.competition-form #TenComp1_pnl_4 {
margin:6px 12px;
padding-top:20px;
}
.competition-form #TenComp1_pnl_5 {
margin:6px 12px;
padding-top:20px;
}
.competition-form #TenComp1_pnl_6 {
margin:6px 12px;
padding-top:20px;
}
.competition-form #TenComp1_pnl_7 {
margin:6px 12px;
padding-top:20px;
}
.competition-form #TenComp1_pnl_8 {
margin:6px 12px;
padding-top:20px;
}
.competition-form #TenComp1_pnl_9 {
margin:6px 12px;
padding-top:20px;
}
.competition-form #TenComp1_pnl_10 {
margin:6px 12px;
padding-top:20px;
}
.competition-form .options, .competition-form .terms-conditions
{
float: left;
width: 561px;
}
 

/* TEN generic header start */
#header ul {
background:transparent url(bg_header.gif) repeat-x scroll 0 0;
height:24px;
list-style-type:none;
width:980px;
padding-left: 0px;
padding-right: 0px;
/*margin-top: 0.6em;*/
margin-bottom: 0;
}


#header li.logoTen {
padding-top:0;
}

#header ul li {
float:left;
margin:0;
padding:4px 0 0 25px;
}

#header ul {
list-style-type:none;
}
#header a {
color:black;
font-weight:bold;
margin:0;
text-decoration:none;
}

#members-panel {
/*color:#666666;*/
/*position:absolute;*/
position: relative;
float: right;
right:12px;
/*top:4px;*/
top: -18px;
font-size: 12px;
line-height: 12px;
height: 24px;
}

/* TEN generic header end */
 
/* Changes to layout for IE, FF, IE6*/
/* No Change */ 
#layout-1col {
    min-height:300px;
    height:auto !important;
    height:300px;    
    padding:5px 0 0;
}
#layout-3col #column1, #layout-3col #column3 {
    width:300px;
}
#layout-3col-wide #column3 {
    width:160px;
}
#layout-3col-wide #column2 {
    margin:0 40px 0 0;
    width:580px;
}
#layout-3col-wide #column1 {
    margin:0 40px 0 0;
    width:160px;
}
#layout-1-3col #column3 {
    clear:both;
    padding:0 5px;
}
#layout-2-2col #sub-columns {
    padding:0;
}

#layout-2-2col #sub-columns #sub-column1 {
float:left;
margin-right:35px;
width:300px;
}

#layout-1-3col #sub-columns {
    /* padding:40px 0 0; */
}
#layout-2col-slim #column2 {
    width:160px;
    margin:0 !important;
}
#layout-1-3col #column1 {
    float:none;
    padding:8px 0 0;
    min-height:300px;
    height:auto !important;
    height:300px;
    width:100%;
}
/* New or Replacements */ 
#layout-2-2col #column2, #layout-2col #column2 {
    float:right;
    margin-left:0  !important;
    width:300px !important;
    overflow:hidden;
}
#layout-2col, #layout-2col-slim, #layout-2-2col,#layout-3col, #layout-3col-slim, #layout-3col-wide {
    padding:7px 0 5px 5px;
}
#layout-1-3col #sub-columns {
    clear:both;
    padding:7px 0 5px 5px;
    width:980px;
}
#layout-3col #column3, #layout-3col-slim #column3, #layout-3col-wide #column3 {
    *float:none;
    margin:0;
}
#layout-2-2col #column1,  #layout-2col #column1  {
    margin-right:30px;
    _margin-right:30px;
    /*overflow:hidden;*/
    width:640px;    
}
#layout-2col-slim #column1 {
     margin-right:40px;
     overflow:hidden;
     width:750px     
}
#layout-2col-slim #column2 {
    float:right;
    margin-left:0  !important;
    width:160px !important;
    overflow:hidden;
}
#layout-3col #column2, #layout-1-3col #sub-columns #sub-column2 {
    margin:0 28px;    
    padding:0;
    width:300px;
    overflow:hidden;
}
#layout-3col #column2, #layout-3col-wide #column2, #layout-3col-slim #column2 {
    _margin-right:37px !important;
}
#layout-3col-slim #column1, #layout-3col-slim #column2 {
    margin:0 40px 0 0;
    width:370px;
}


#layout-1-3col #sub-columns #sub-column3 {
float:right;
}


#layout-1-3col #sub-columns #sub-column1 {
width:300px;
}

/* End Changes to layout for IE, FF, IE6*/
 

/* BUTTONS */
.btnMore a {
    background:url(btn-more.gif) no-repeat;
    display:block;
    height:18px;
    overflow:hidden;
    text-indent:-9999px;
    width:48px;    
}

.btnMore a:hover {
    background-position:bottom;
}
 

.large-listing-type1, .article, .large-listing-type2 {
    background: #fff;
}
 
#content .large-listing-type2 .item .preview-image {
top:10px;
}
 
#content .large-listing-type2 .item h3 {
padding-top:5px;
}
 

/* share and search widget */

.bgSearch {
    background:transparent url(bg_search_box.gif) no-repeat scroll left top;
    height:30px;
    margin:0 0 7px;
    width:300px;
}
.shareThis {
    left:7px;
    position:relative;
    top:6px;
}
.searchInput {
    background:transparent none repeat scroll 0 0;
    border:0 none;
    color:#333333;
    font-size:11px;
    height:16px;
    left:28px;
    overflow:hidden;
    position:relative;
    top:1px;
    width:150px;
}
.bgSearch form {
    display:inline;
}
.searchBtn {
    left:32px;
    position:relative;
    top:4px;
}