/*-----------------------------------------------
'	Company:MassMedia (www.massmedia.com.au)
'	Copyright © 2004, All rights reserved.
'	Date Created: June 2004
'
'	Last Modified Date: 11th June, 2004
'	Last Modified By: Benjamin -> ben@massmedia.com.au
'
'	DO NOT MODIFY THIS DOCUMENT WITHOUT
'	NOTIFYING THE AUTHOR FIRST
'
------------------------------------------------*/


/*- - - - - - - - - - - Structure - - - - - - - - - - -*/
#skiptonav{
                    display:                        none!important;
}

#globalWrap{
                    width:                          740px;
                    margin:                         0 auto;
                    text-align:                     left;
                    background:                     url(../images/global_bg_wrap.gif) repeat-y left;
                   
}

#header{
                    background:                     #333;
                    width:                          744px;
                    widt\h:                         741px;
                    height:                         75px;
                    margin-left:                    2px;
                    margi\n-left:                   -1px;

}

* html #header{
                    widt\h:                         744px;
}

#flash{
                    width:                          740px;
                    height:                         260px;
                    margin:                         0 auto;
                    text-align:                     center;
                    text-alig\n:                    left;
}

#flash img{

                    float: left;
}

#noflash{
                    width:                          740px;
                    height:                         260px;
                    margin:                         0 auto;
                    text-align:                     center;
}
/* hide from ie mac \*/
* #noflash {overflow: hidden; }

/* end hack */ 

#flashImg{
    display: none;
}

#trailer{
                    width: 400px;
                    height: 308px;
}

#navigation{

                    width:                          728px;
                    background:                     url(../images/nav_bg_noFlicker.jpg) no-repeat top left;
                    height:                         65px;
                    margin:                         0 auto;
                    text-align:                     center;
                    text-alig\n:                    left;
}
#navigation a span{
                    visibility:                     hidden;
}

#navigation a:hover span{
                    display: none;
                    text-decoration:                none;
}

#mainContent{

                    background:                     #303030 url(../images/content_bg_columns.gif) repeat-x top left;
                    margin:                         0 auto;
                    text-align:                     center;
                    text-alig\n:                    left;
                    width:                          700px;               
}
/*- - - - - - - - - - - Left column - - - - - - - - - -*/
#colLeft{
                    float:                          left;
                    width:                          425px;
                    padding:                        20px 0 0 25px;
                    text-align:                     left;

}

#colLeft h1, #colLeft h1.first{
                    display:                        block;
                    height:                         40px;
                    width:                          425px;
                    widt\h:                         415px;
                    margin:                         0;
                    padding:                        0;
}




#colLeft h2{
                    background:                     #272727 ;
                    font:                           bold 12px arial, helvetica, sans-serif;
                    color:                          #fff;
                    text-transform:                 uppercase;
                    margin:                         0;
                    padding:                        10px 0 0 10px;
                    margin:                         0;
                    
}

#colLeft p{
                    background:                     #272727 ;
                    margin:                         0;
                    padding:                        20px 10px 5px 10px;
                    color:                          #ccc;  
                    width:                          425px;
                    widt\h:                         405px;

}


#colLeft p.last{
                    background:                     #272727 url(../images/content_bg_contentLrgBtm.gif) no-repeat bottom left;
                    margin:                         0 0 20px 0;
                    padding:                        20px 10px 30px 10px ;
}

#colLeft img.article{

                    float:                          right;
                    border:                         5px solid #303030;
                    margin:                         5px 0 10px 10px;

}

#colLeft img.noBorder{
                    float:                          right;
                    margin:                         -10px -10px 0 0!important;
                    text-align:                     right;
                    
                    
}

#colLeft img.inviteImg{
                    float:                          right; 
                    margin:                         -20px -13px 0 0!important;
                    margi\n:                        -13px -10px 0 0!important;
}

* html #colLeft img.inviteImg{
                    margi\n:                        -20px -10px 0 0!important;
}

#colLeft img.content{
                    padding:                        5px;
}

#colLeft strong, #colRight Strong{
                    color:                          #fff;
}

#colLeft em{
                    margin:                         0;
                    padding:                        0;
                    font:                           bold 12px arial, helvetica, sans-serif;
                    color:                          #FF6600                   
}

#colLeft h1.tabNav{
                    background:                     #272727;
                    width:                          425px;
                    widt\h:                         415px;
                    height:                         43px;
                    padding:                        20px 0 0 10px;

}

#colLeft h1.content{
                    background:                     #272727;
                    margin:                         0px;
                    padding:                        0 0 0 10px;
                    height:                         28px;
                    heigh\t:                        auto;
}

* html #colLeft h1.content{

                    heigh\t:                         28px;
}


#colLeft h1.contentNum{
                    background:                     none;
                    margin:                         0px 0px 0 0!important;
                    padding:                        0px!important;
                    height:                         91px;
                    clear:                          left;

}

#colLeft p.content{
                    background-image:               none;
                    background:                     #272727;
                    padding:                        0px 10px!important;

}

.content{
                    background-image:               none;
                    background:                     #272727;
}

ol{

                    color:                          #ccc;
                    font:                           normal 12px arial, helvetica, sans-serif;
                    margin:                         -10px 0 0 0;
                    padding:                        0  30px;

}

ol li{
                    line-height:                    20px;
                    padding:                        5px;
}

li ol{
                    margin:                         10px 0 0 0;
}

#colLeft li ul {
                    list-style:                     none none;
                    margin:                         10px 0;
                    padding:                        0 0 0 20px;
}

#colLeft li ul li{
                    padding:                        0px;       
}
/*- - - - - - - - - - - Right Column - - - - - - - - - */
#colRight{
                    float:                          left;
                    width:                          225px;
                    padding:                        8px 0 10px 10px;
                    text-align:                     left;

                    
}



#colRight h1{
                    background:                     none;
                    margin:                         0!important;
                    padding:                        0!important;
                    width:                          226px;
                    height:                         60px;

}

#colRight h1 img{

}

#colRight p{

                    background:                     #272727 ;
                    margin:                         0;
                    padding:                        20px 10px 10px 15px;
                    paddin\g:                       10px 10px 10px 15px;
                    color:                          #ccc;  
                    width:                          225px;
                    widt\h:                         200px;
   
}

*html #colRight p{
                    paddin\g-top:                   20px!important;
}

#colRight p.last{
                    background:                     #272727 url(../images/content_bg_contentSmlBtm.gif) no-repeat bottom left;
                    margin:                         0 0 20px 0;
                    padding-bottom:                 30px
}

#colRight p.audiA3{
                    background:                     none;
                    margin:                         120px 0 0 0;
                    padding:                        0px;
                    width:                          225px!important;
}

#colRight div.dataContent{
                    width:                          226px;
                    widt\h:                         206px;
                    background:                     #272727;
                    padding:                        0 10px
}
/*- - - - - - - - - - - Footer - - - - - - - - - - - - */
#footer{
                    width:                          780px;
                    margin:                         0 auto;
                    padding:                        0 10px 0 0;
}


#footer img{
                    float:                          left;
                    margin:                         0 -6px 0 0;
                    margi\n:                        0;
}

div.created{

                    background:                     #303030; 
                    color:                          #ccc; 
                    width:                          700px; 
                    widt\h:                         665px; 
                    margin:                         0 auto; 
                    text-align:                     left; 
                    padding:                        10px 0 10px 35px;
                    color:                          #ccc;
                    font:                           normal 12px arial, helvetica, sans-serif;
}

div.created p{
                    float:                          left;
                    margin:                         0;
                    padding:                        0 3px 0 0;
}
/*- - - - - - - - - - - Navigation - - - - - - - - - - */
div.home a{
                    float:                          left;
                    width:                          130px;
                    height:                         65px;
                    display:                        block;
                    background:                     url(../images/nav_btn_home.jpg);
}

div.home a:hover{
                    background-position:            0 -65px;
}

div.quidam a{
                    float:                          left;
                    width:                          116px;
                    height:                         65px;
                    display:                        block;
                    background:                     url(../images/nav_btn_quidam.jpg);
}

div.quidam a:hover{
                    background-position:            0 -65px;
}

div.ticketing a{
                    float:                          left;
                    width:                          116px;
                    height:                         65px;
                    display:                        block;
                    background:                     url(../images/nav_btn_ticketing.jpg);
}

div.ticketing a:hover{
                    background-position:            0 -65px;
}

div.comp a{
                    float:                          left;
                    width:                          116px;
                    height:                         65px;
                    display:                        block;
                    background:                     url(../images/nav_btn_comp.jpg);
}

div.comp a:hover{
                    background-position:            0 -65px;
}

div.downloads a{
                    float:                          left;
                    width:                          116px;
                    height:                         65px;
                    display:                        block;
                    background:                     url(../images/nav_btn_downloads.jpg);
}

div.downloads a:hover{
                    background-position:            0 -65px;
}

div.spons a{
                    float:                          left;
                    width:                          134px;
                    height:                         65px;
                    display:                        block;
                    background:                     url(../images/nav_btn_sponsors.jpg);
}

div.spons a:hover{
                    background-position:            0 -65px;
}
/*- - - - - - - - - - - Ticketing Navigation - - - - - */
#ticketingNav{
                    width:                          425px;
                    background:                     #272727 url(../images/ticketNav_bg_noFlicker.gif) repeat-x top center;
                    height:                         58px;
                    padding:                        0 0 20px 0;
}

#sydney, #bris, #melb, #adel, #perth{
                    float:                          left;
                    height:                         58px;
                    width:                          85px;

    
}


#sydney a{
                    background:                     url(../images/ticketNav_btn_sydney.gif) no-repeat;
                    display:                        block;
                    height:                         58px;

}

#sydney a:hover{
                    background-position:            0 -58px;
}

#bris a{
                    background:                     url(../images/ticketNav_btn_bris.gif);
                    display:                        block;
                    height:                         58px;
}

#bris a:hover{
                    background-position:            0 -58px;
}

#melb a{
                    background:                     url(../images/ticketNav_btn_melb.gif);
                    display:                        block;
                    height:                         58px;
}

#melb a:hover{
                    background-position:            0 -58px;
}

#adel a{
                    background:                     url(../images/ticketNav_btn_adel.gif);
                    display:                        block;
                    height:                         58px;
}

#adel a:hover{
                    background-position:            0 -58px;
}

#perth a{
                    background:                     url(../images/ticketNav_btn_perth.gif);
                    display:                        block;
                    height:                         58px;
}

#perth a:hover{
                    background-position:            0 -58px;
}

/*- - - - - - - - - - - Winners Navigation - - - - - - */
#winnersNav{
                background:                     url(../images/winners_bg_noFlicker.gif);
                width:                          425px;
                height:                         48px;
                margin:                         0px 0 0 0;
}

#winnersNav span{
                display:                        none;
}


div.winnersCoord, div.winnersWeekend, div.winnersPortal{
                float:                          left;
}
div.winnersCoord a{
                background:                     url(../images/winners_btn_coord.gif);
                width:                          142px;
                height:                         48px;
                display:                        block;
                
}

div.winnersCoord a:hover{
                background-position:            0 -48px;
}

div.winnersWeekend a{
                background:                     url(../images/winners_btn_weekend.gif);
                width:                          142px;
                height:                         48px;
                display:                        block;
}

div.winnersWeekend a:hover{
               background-position:            0 -48px;
}

div.winnersPortal a{
                background:                     url(../images/winners_btn_portal.gif);
                width:                          141px;
                height:                         48px;
                display:                        block;
}

div.winnersPortal a:hover{
               background-position:            0 -48px;
}
/*- - - - - - - - - - - Data Table - - - - - - - - - - */
div.dataTable{
                    background:                     #272727;
                    padding:                        0 10px 64px; 
                    width:                          425px;
                    widt\h:                         405px;                   
}
div.compTable{
                    background:                     #272727;
                    padding:                        0 10px 64px; 
                    width:                          425px;
                    widt\h:                         405px;  
                    margin-bottom:                  -15px;     
                    margi\n-bottom:                 -10px;                 
}

div.contentTable{
                    background:                     #272727 url(../images/content_bg_contentLrgBtm.gif) no-repeat bottom left;
                    padding:                        0 10px 24px;

                    width:                          425px;
                    widt\h:                         405px;                
}
table.dataTable{
                    width:                          405px;
                    color:                          #ccc;
                    
}

tr.dataHdn td{
                    background:                     #000!important;
                    padding:                        5px 0;
                    font-weight:                    bold!important;
                    color:                          #fff;
}

table.dataTable td{
                    background:                     #303030;
                    font:                           normal 12px arial, helvetica, sans-serif;
                    padding:                        5px 0 5px 10px;
                    paddin\g:                       5px 0 5px 10px;
                    border-bottom:                  1px solid #272727;
}

table.dataTable img{
                    margin:                         0 10px 0 0!important;
}

tr.dataForm td{
                    padding:                        5px 0px 5px 5px;
}

tr.dataBtn td{
                    background:                     #666666;
}

table.contentTable{
                    width:                          405px;
                    color:                          #ccc;
                    
}

table.contentTable td, table.wpTable td{
                    background:                     #303030;
                    font:                           normal 12px arial, helvetica, sans-serif;
}

td.contentNum{
                    font:                           normal 24px arial, helvetica, sans-serif!important;
}

table.wpTable{

                    float:                          left;
                    margin:                         0 31px 0 0px!important;

}

table.wpTable td{
                    color:                          #ccc;
                    padding:                        5px;                    
}
table.wpTable *{
                    margin:                         0;
                    padding:                        3px 0;
}
table.wpTable, table.monoTable dd{
                    margin:                         0;
                    padding:                        3px 0;
}

table.wpTable img{
                    text-align:                     center;
}

td.note, .note{
                    color:                          #999!important;
                    font:                           normal 11px arial, helvetica, sans-serif!important;
                    line-height:                    20px;
}

table.rightColForm{
                    background:                     #303030;
                    font:                           normal 12px arial, helvetica, sans-serif;
                    padding:                        0px;
                    width:                          205px;

}

table.rightCol{
                    float:                          left;
                    background:                     #303030;
                    font:                           normal 12px arial, helvetica, sans-serif;
                    padding:                        10px;                  
}

table.mlogo{
                    float:                          left;
                    background:                     #303030;
                    font:                           normal 12px arial, helvetica, sans-serif;
                    padding:                        10px;
                    width:                          205px;
                    margin-top:                     -10px;
}

* html table.mlogo{
                    widt\h /**/:                    185px;
}

table.mlogo td{
                    padding:                        10px 0px!important;
                    text-align:                     center;
}

table.monoTable{
                    float:                          left;
                    background:                     #303030;
                    font:                           normal 12px arial, helvetica, sans-serif;
                    padding:                        10px;
                    margin:                         10px 22px 0 0;
                    width:                          120px;
                    color:                          #ccc;

}

table.monoTable img{
                    margin:                         10px 0 0 13px;
}

table.monoTable dd,dt{
                    text-align:                     center;
}

table.sponsors{
                    width:                          405px;
                    padding:                        0px;
}

tr.sponLogo{
                    background:                     #ccc;
                    text-align:                     center;
}

.tonePreview{
                    padding:                         0 0 0 15px!important
}   
/*- - - - - - - - - - - Form Class - - - - - - - - - - */
input.inputField{
                    width:                          115px;
                    background:                     #999;
                    border:                         1px inset #404040;
                    border-right:                   1px solid #808080!important;
                    border-bottom:                  1px solid #808080!important;
                    font:                           normal 12px arial, helvetica, sans-serif;
                    color:                          #000;
}

.dropDown{
                    width:                          115px;
                    background:                     #999;
                    border:                         1px inset #404040;
                    border-right:                   1px solid #808080!important;
                    border-bottom:                  1px solid #808080!important;
                    font:                           normal 12px arial, helvetica, sans-serif;
                    color:                          #000;
}

.textArea{
                    width:                          383px;
                    height:                         120px;
                    background:                     #999;
                    border:                         1px inset #404040;
                    border-right:                   1px solid #808080!important;
                    border-bottom:                  1px solid #808080!important;
                    font:                           normal 12px arial, helvetica, sans-serif;
                    color:                          #000;
}

input.submit{
                    background:                     #F15A0B;
                    color:                          #fff;
                    padding:                        1px 3px;
                    border-top:                     1px solid #F68042;
                    border-left:                    1px solid #F68042;
                    border-right:                   1px solid #4B1D04!important;
                    border-bottom:                  1px solid #4B1D04!important;
}

.phone{
                    width:                          195px;
                    background:                     #999;
                    font:                           normal 12px arial, helvetica, sans-serif;
                    color:                          #000;
                    padding:                        0px!important;
                    margin:                         0px!important;
                    height:                         20px
}
/*- - - - - - - - - - - Global Class - - - - - - - - - */

body{
            background:                     #000 url(../images/body_bg_main.gif) repeat-x top;
            margin:                         0;
            text-align:                     center;
}

.cDiv{
            clear:                          left;
}

br.cDiv{
            clear:                          left;
            height:                         0px;
}

p{
            font:                           normal 12px arial, helvetica, sans-serif!important;
            line-height:                    20px!important;
}


a{
            text-decoration:                none;
            color:                          #FFCC00
}   

a:hover{
            text-decoration:                underline;
}

img{
            border:                         none;
}

form{
            margin:                         0;
            padding:                        0;
}

.showFlash{
            display:                        block;
}

div.hideFlash{
            display:                        none;
}

sup{
            font:                           normal 8px arial, helvetica, sans-serif;
}

em.italic{
            font-style:                    italic!important;
            font-weight:                   normal!important;
            color:                         #ccc!important; 
}

h2 em.italic{
            font-style:                    italic!important;
            font-weight:                   bold!important;
            color:                         #fff!important; 
}
