/* File Name: CSS/Otways.css

   This is where common Otway Odyssey design elements go. This should be reserved for overrides and site specific classes.

   Relevant for:
   . EventId = 1 (Otway Odyssey)

   Follows:
   . common.css
*/
body                  {
	color: #ffffff;
	font-family:        Century Gothic, Verdana, Arial;
	font-size:          10pt;
	background-image:   url(../OtwayOdyssey/images/back3.jpg);
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #000000;
	background-repeat:repeat;
}
						

hr {                    color:              white;
                        height:             1px;}

h1, h2, h3, h4, h5
{
	color: #FFFFFF;
	letter-spacing: 0px;
}

h2.News,
h3.News,
h4.News
{
	color: #FFFFFF;
	font-size: 14pt;
	font-family: Weltron Urban, Croobie, Arial;
	font-variant: small-caps;
	margin-bottom: 3px;
	margin-top:  13px;
}

h3.News
{
    font-size: 13pt;
}

h4.News
{
    font-size: 12pt;
}
h5                    { font-size:          11px; 
                        letter-spacing:     1px;
                        font-weight:        bold; }

img                   { border-width:       0px; 
                        margin:             0px; 
                        padding:            0px;}
img.ontab             { margin:             6px;
                        border-width:       1px; 
                        border-style:       solid;
                        border-color:       white;}
img.ontableft         { margin:             6px;
                        margin-left:        0px;
                        border-width:       1px; 
                        border-style:       solid;
                        border-color:       white;}
img.ontabright        { margin:             6px;
                        margin-right:       0px;
                        border-width:       1px; 
                        border-style:       solid;
                        border-color:       white;}

table                 { margin:0; 
                        padding:            0; }
table.smaller td      { font-size:          8pt;
                                      font-color: white;}
table.menu            { vertical-align:     top; }
table.footer          { border-top:         1px solid white; }
img.photothumbnail    { border-width:       2px; 
                        border-style:       inset;
                        border-color:       #CCCCCC;
                        margin:             3px;}
img.photopreview      { border:             solid 8px White; }

table.photothumbnail  { text-align:         center;
                        vertical-align:     middle;
                        background-color:   White;
                        width:              140px;
                        height:             140px;
                        display:            inline-block;
                        border-width:       2px; 
                        border-style:       solid;
                        border-color:       #CCCCCC;
                        margin-right:       8px;
                        margin-bottom:      8px;
                        }
                        
td.photothumbnail  
{                       vertical-align:     middle;
}

tr                    { vertical-align:     top; }
tr.oddrow             { background-color:   #4A7339; }
td                    { font-size:          10pt; 
                        margin:             0px; 
                        padding:            0px;
                        border:             none;
                        font-family:        Arial, Verdana; }
td.footer             { font-size:          7pt; }
td.tab                { vertical-align:     top;
                        font-size:          10pt;
                        padding:            0px;
                        padding-top:        10px;}
td.content            { vertical-align:     top;
                        font-size:          10pt;
                        padding:            10px;}
td.menu               { text-transform:     capitalize;
                        vertical-align:     middle;
                        color:              #504E44;
                        font-size:          8pt; 
                        font-weight:        bold;
                        line-height:        12pt; 
                        letter-spacing:     1px;
                        padding-left:       15px;}
td.line               { font-size:          4pt; 
                        vertical-align:     top;
                        line-height:        4px; 
                        margin:             0px; 
                        padding:            0px;}
td.result             { font-size:          8pt; 
                        text-align:         left;
                        line-height:        12px; 
                        margin:             0px; 
                        padding:            2px;}
td.resultright        { font-size:          8pt; 
                        text-align:         right;
                        line-height:        12px; 
                        margin:             0px; 
                        padding:            2px;}
th                    { font-size:          10pt; 
                        font-weight:        bold; 
                        text-align:         left;
                        margin:             0px; 
                        padding:            1px;}

input                 { font-size:          12px;
                        font-family:        Arial, Verdana;}

input.textbox,
input.password        { border:             solid 1px black;
                        height:             22px;}

select                { height:             24px;
                        font-size:          12px;
                        font-family:        Arial, Verdana; 
                        border:             solid 1px black;}
                        
textarea              { font-size:          12px;
                        font-family:        Arial, Verdana;
                        border:             solid 1px black; }

input.button          { font-family:        Arial, Verdana;
                        text-align:         center;
                        background:         #DDDDDD;
                        border-style:       solid;
                        border-width:       1px;
                        border-color:       #222222; }

input.file            { font-family:        Arial, Verdana;
                        vertical-align:     top;
                        text-align:         left;
                        margin-bottom:      6px;
                        background:         white;
                        border-style:       solid;
                        border-width:       1px;
                        border-color:       #000000; }

a                     { color:              white; }
a:link                { color:              white; }
a:visited             { color:              white; }
a:selected            { color:              white; }
a:hover               { color:              white; }

a.footer              { text-decoration:    none;
                        font-size:          7pt; }
a.footer:link         { text-decoration:    none;
                        font-size:          7pt; }
a.footer:visited      { text-decoration:    none;
                        font-size:          7pt; }
a.footer:selected     { text-decoration:    none;
                        font-size:          7pt; }
a.footer:hover        { color:              #65ABB5; }

a.calendar            { text-decoration:    none;
                        font-size:          8pt; }
a.calendar:link       { text-decoration:    none;
                        font-size:          8pt; }
a.calendar:visited    { text-decoration:    none;
                        font-size:          8pt; }
a.calendar:selected   { text-decoration:    none;
                        font-size:          8pt; }
a.calendar:hover      { color:              #65ABB5; }

a.tab                 { text-decoration:    none; }
a.tab:link            { text-decoration:    none; }
a.tab:visited         { text-decoration:    none; }
a.tab:selected        { text-decoration:    none; }
a.tab:hover           { color:              yellow; }

div p.fixedheight { height:     26px;
                    padding:     0px;
                    margin:      4px;
                    margin-left: 0px;}

div.menu    { padding: 0px;
              margin: 0px;
              display: block;
              width: 160px;
              border-top: 1px solid #BBBBBB; }

div.menu p     {padding: 2px;
                display: inline;
                width: 100%;
                height: 24px;
                line-height: 20px; }

div.menu a     {color: white;
	font-size: 8pt;
	padding: 0px 0px 0px 4px;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration: none;
	height: 15pt;
	width: 160px
	    display: inline-block;
    display: -moz-inline-box;
 
}

div.menu a:visited {color: white;
text-decoration: none; }
div.menu a:link {color: white;
text-decoration: none; }
div.menu a:hover {
	color: #FFFFFF;
	color: white;
	background-color: #999900;
	text-decoration: none;
	height: 15pt;
	width: 160px;
	 display: -moz-inline-box;
    display: inline-block;
}
div.menu a:active {color: white;
text-decoration: none; }
div.menu a:focus {color: white;
text-decoration: none; }

div.menu a.selected {color: #65ABB5;
                     font-size: 8pt;
                     padding: 0px 0px 0px 4px;
                     font-weight: bold;
                     letter-spacing: 1px;
                     text-decoration: none;}

div.menu a.selected:visited {color: #65ABB5;
text-decoration: none; }
div.menu a.selected:link {color: #65ABB5;
text-decoration: none; }
div.menu a.selected:hover {	color: #FFFFFF;
	color: white;
	background-color: #999900;
	text-decoration: none;
	height: 15pt;
	width: 160px; }
div.menu a.selected:active {color: #65ABB5;
text-decoration: none; }
div.menu a.selected:focus {color: #65ABB5;
text-decoration: none; }

div.submenu {padding: 0px;
             margin: 0px;
             display: block;
             padding: 0px 0px 2px 2px;
             width: 160px;}

div.submenu p {padding: 0px;
               margin: 0px;
               height: 18px;
               border: none;
              display: block    ;
               line-height: 15px;}

div.submenu a {color: white;
               font-size: 8pt;
               margin: 0px;
               font-weight: normal;
               letter-spacing: 1px;
               text-decoration: none;}

div.submenu a:visited {color: white;
text-decoration: none; }
div.submenu a:link {color: white;
text-decoration: none; }
div.submenu a:hover {
	color: #FFFFFF;
	color: white;
	background-color: #999900;
	text-decoration: none;
	height: 15pt;
	width: 160px;
}
div.submenu a:active {color: yellow;
text-decoration: none; }
div.submenu a:focus {color: white;
text-decoration: none; }


div.submenu a.selected {color: #65ABB5;
                        font-size: 8pt;
                        margin: 0px;
                        font-weight: normal;
                        letter-spacing: 1px;
                        text-decoration: none;}

div.submenu a.selected:visited 
{color: #65ABB5;
text-decoration: none; }
div.submenu a.selected:link 
{color: #65ABB5;
text-decoration: none; }
div.submenu a.selected:hover 
{	color: #FFFFFF;
	color: white;
	background-color: #999900;
	text-decoration: none;
	height: 15pt;
	width: 160px;}
div.submenu a.selected:active
{color: #65ABB5;
text-decoration: none; }
div.submenu a.selected:focus 
{color: #65ABB5;
text-decoration: none; }

div.menu img { vertical-align: middle;
               padding: 0px;
               margin: 0px; }
              
td.WhiteBorderNoPadding{border-style:       solid;
                        border-width:       1px;
                        border-color:       white; }

td.ForumOddSquare     { padding:            10px;
                        border-style:       solid;
                        border-width:       1px;
                        border-color:       white; }

td.ForumEvenSquare    { padding:            10px;
                        background-color:   #4A7339;
                        border-style:       solid;
                        border-width:       1px;
                        border-color:       white; }
                        
td.ForumOddSquareNB   { padding:            10px;
                        border-style:       solid;
                        border-width:       1px;
                        border-color:       white; 
                        border-bottom:      0px; }

td.ForumEvenSquareNB  { padding:            10px;
                        background-color:   #4A7339;
                        border-style:       solid;
                        border-width:       1px;
                        border-color:       white; 
                        border-bottom:      0px;}

td.ForumOddSquareNR   { padding:            10px;
                        border-style:       solid;
                        border-width:       1px;
                        border-color:       white;  
                        border-right:       0px;  }

td.ForumEvenSquareNR  { padding:            10px;
                        background-color:   #4A7339;
                        border-style:       solid;
                        border-width:       1px;
                        border-color:       white;  
                        border-right:       0px;}

td.ForumOddSquareNBNR { padding:            10px;
                        border-style:       solid;
                        border-width:       1px;
                        border-color:       white; 
                        border-bottom:      0px;  
                        border-right:       0px; }

td.ForumEvenSquareNBNR{ padding:            10px;
                        background-color:   #4A7339;
                        border-style:       solid;
                        border-width:       1px;
                        border-color:       white;  
                        border-right:       0px; 
                        border-bottom:      0px;}
                        
td.CalendarEnabled     { padding:           4px;
                        background-color:   #C65D2A;
                        border-style:       solid;
                        border-width:       1px;
                        border-color:       white; }

td.CalendarDisabled    { padding:           4px;
                        background-color:   #4A7339;
                        border-style:       solid;
                        border-width:       1px;
                        border-color:       white; }
                        
td.CalendarEnabledNB   { padding:           4px;
                        background-color:   #C65D2A;
                        border-style:       solid;
                        border-width:       1px;
                        border-color:       white; 
                        border-bottom:      0px; }

td.CalendarDisabledNB  { padding:           4px;
                        background-color:   #4A7339;
                        border-style:       solid;
                        border-width:       1px;
                        border-color:       white; 
                        border-bottom:      0px;}

td.CalendarEnabledNR   { padding:           4px;
                        background-color:   #C65D2A;
                        border-style:       solid;
                        border-width:       1px;
                        border-color:       white;  
                        border-right:       0px;  }

td.CalendarDisabledNR  { padding:           4px;
                        background-color:   #4A7339;
                        border-style:       solid;
                        border-width:       1px;
                        border-color:       white;  
                        border-right:       0px;}

td.CalendarEnabledNBNR { padding:           4px;
                        background-color:   #C65D2A;
                        border-style:       solid;
                        border-width:       1px;
                        border-color:       white; 
                        border-bottom:      0px;  
                        border-right:       0px; }

td.CalendarDisabledNBNR{ padding:           4px;
                        background-color:   #4A7339;
                        border-style:       solid;
                        border-width:       1px;
                        border-color:       white;  
                        border-right:       0px; 
                        border-bottom:      0px;}

td.News p  { margin-top:    8px; }
td.News h4 { margin-top:    3px; 
             margin-bottom: 2px;}


table.ReportTable
{
    background-color: #4A7339;
    border-left: Solid 1px White;
}

table.ReportTable tr th,
table.ReportTable tr td
{
    border: Solid 1px White;
    padding: 2px;
    padding-right: 3px;
    text-align: left;
    border-left: none;
    font-size: 8pt;
}

table.ReportTable tr td
{
    border-top: none;
}

input.BoldButton
{
    font-family:   Times New Roman;
    font-size:     14px;
    font-weight:   bold;
    background:      #DDDDDD;
    text-align:    center;
    border-style:  solid;
    border-width:  1px;
    border-color:  #000000;
}

input.UnderlineButton
{
    font-family:     Times New Roman;
    font-size:       14px;
    text-align:      center;
    background:      #DDDDDD;
    text-decoration: underline;
    border-style:    solid;
    border-width:    1px;
    border-color:    #000000;
}

input.ItalicButton
{
    font-family:     Times New Roman;
    font-size:       14px;
    text-align:      center;
    background:      #DDDDDD;
    font-style:      italic;
    border-style:    solid;
    border-width:    1px;
    border-color:    #000000;
}

input.ReadOnlyWhite
{
    height:        15px;
    color:         white;
    font-size:     10px;
    font-family:   Arial;
    border-width:  0px;
    background:    #4A7339;
}


@media print
{
    td.hidefromprint {display: none; }
    td.tab {display: none; }
    table.whiteborder { padding: 5px;
                        border:  solid 1px black;}
}

@media screen
{
    img.hideonscreen {display: none; }
    table.whiteborder { padding: 5px;
                        border:  solid 1px white;}
}

p.pagebreakafter {page-break-after: always; }

caption
{
    font-size: 8pt;
}

.smalltext
{
    font-family:     Arial;
    font-size:       7pt;
}

.mediumtext
{
    font-family:     Arial;
    font-size:       8pt;
}

td#Scroller2 
{ 
    width:180px; 
}

/* holder div contains scroller. set height and width */
#Holder1 
{
    position: relative;
    left: 0px;
    top:     9px;
    width:   180px; 
    height:  100px; 
    z-index: 1;
}

#Holder2 
{   position:relative; 
    left: 0px;
    top: 0px;
    width:180px; 
    height: 30px; 
    z-index:1; 
}

div#ScrollContainer1 
{
    position:absolute; 
    width:180px; 
    height:100px; 
    z-index:1;
    clip:rect(0, 180px, 100px, 0); 
    overflow:hidden;
}
div#ScrollerPicture
{ 
    position:absolute; 
    z-index:1 
}
/* remove gaps for mozilla, etc 
   see http://devedge.netscape.com/viewsource/1802/img-table/ */
div#ScrollerPicture td img
{ 
    display:block 
}

div#ScrollContainer2 
{ 
    position:absolute; 
    width:180px; 
    height:30px; 
    z-index:1;
    clip:rect(0, 180px, 30px, 0); 
    overflow:hidden;
}

td#Scroller2B
{ 
    width:180px; 
}

/* holder div contains scroller. set height and width */
#Holder1B
{
    position:relative; 
    left:    210px;
    top:     -128px;
    width:   180px; 
    height:  0px; 
    z-index: 1;
}

#Holder2B
{   position:relative; 
    left: 210px;
    top: -30px;
    width:180px; 
    height:0px; 
    z-index:1; 
}

div#ScrollContainer1B
{
    position:absolute; 
    width:180px; 
    height:100px; 
    z-index:1;
    clip:rect(0, 180px, 100px, 0); 
    overflow:hidden;
}
div#ScrollerPictureB
{ 
    position:absolute; 
    z-index:1 
}
/* remove gaps for mozilla, etc 
   see http://devedge.netscape.com/viewsource/1802/img-table/ */
div#ScrollerPictureB td img
{ 
    display:block 
}

div#ScrollContainer2B
{ 
    position:absolute; 
    width:180px; 
    height:30px; 
    z-index:1;
    clip:rect(0, 180px, 30px, 0); 
    overflow:hidden;
}

div#ScrollerTextB
{ 
    position:absolute; 
    vertical-align: middle;
    text-align:center;
    z-index:1; 
}

div#ScrollerText 
{ 
    position:absolute; 
    vertical-align: middle;
    text-align:center;
    z-index:1; 
}

div.item 
{
    width:180px; 
    height:30px;
    font-family: Arial; 
    font-size:9px; 
    color: #437B83;
}

div.itemlink 
{
    width:180px; 
    height:30px;
    font-family: Arial; 
    font-size:10px; 
    color: #437B83;
}

div.itemlink a
{
    font-family: Arial; 
    font-size:9px; 
    color: #437B83;
    text-decoration: none;
}
div.itemlink a:link
{
    font-family: Arial; 
    font-size:9px; 
    color: #437B83;
    text-decoration: none;
}
div.itemlink a:visited
{
    font-family: Arial; 
    font-size:9px; 
    color: #437B83;
    text-decoration: none;
}
div.itemlink a:selected
{
    font-family: Arial; 
    font-size:9px; 
    color: #437B83;
    text-decoration: none;
}
div.itemlink a:hover
{
    font-family: Arial; 
    font-size:9px; 
    color: #437B83;
    text-decoration: none;
}



div#MajorSponsors
{
    font-size: 8pt;
    color: White;   
    font-family: Arial;
    font-weight: bold;
    position: absolute;
    left: 590px;
    top: 22px;
    height: 17px;
    width:200px;
    overflow: hidden;
}


div#EventPartners
{
    font-size: 8pt;
    color: White;
    font-weight: bold;
    font-family: Arial;
    position: absolute;
    left: 790px;
    top: 22px;
    height: 17px;
    width:200px;
    overflow: hidden;
}
div#VisitorNumber
{
    position: relative;
    left: 0px;
    top:     0px;
    width:   180px; 
    height:  21px; 
    z-index: 1;
    text-align: center; 
    color: black; 
    font-size: 8pt;
	 /*border: 1px solid red;*/
}

div#Countdown
{
    position: relative;
    left: 195px;
	 top: 145px;
    width:   200px; 
    height:  15px; 
    z-index: 2;
    text-align: center; 
    color: black; 
    font-size: 8pt;	 
	/*border: 1px solid red;*/
}

* html div#Countdown
{
	top: 158px;
} 

table.whitewithborder { background:         white; 
                        border:             1px solid black;
                        color: Black; }

#FundRaisingSummaryContainer,
#FundRaisingProfileContainer,
#DonationContainer
{
    display: none;
}

/* Fixed bits ... */


div.InteriorContainer table.Registration
{
    background-color: #4A7339;
}
/*********************************
* additions
*********************************/
#container {
	margin: 0 auto;
	width: 1020px;
	border: 0px
	text-align: left;
	margin-top: 0px;
	background: #OOOOOO;
	margin-bottom: 0px;
	background-image: url(../OtwayOdyssey/images/middle-background.gif);
}

td.BannerContainer
{
	margin: 0 auto;
	padding: 0px 0;
	background-repeat: no-repeat;

}

tr.BannerContainerRow
{
	background-color: #FFFFFF;
	
}



td.BannerExtender
{
	background-image: url(../OtwayOdyssey/images/logo-back.gif);	
}

table.PageContainer
{
	margin: 0 auto;
	width: 1020px;
	border: 0px
	text-align: left;
	margin-top: 0px;
	background: #000000;
	margin-bottom: 0px;
	background-image: url(../OtwayOdyssey/images/middle-background.gif);	
	
}
.GSARLink
{
    position: relative;
    top: -197px;
    left: 425px;
	width:315px;
}

#header{
	margin: 0;
	padding: 0px 0;
	
	background-repeat: no-repeat;
	height: 330px;
	width: 978px;
	margin-right: 17px;
	margin-left: 16px;
		
}
.whitetext {color: #FFFFFF;
                          font-size:12px }
						  
table.Race-HQ
{
    background-color: #979b00;
    
}

table.Race-HQ tr th,
table.Race-HQ tr td
{
	padding: 3px;
	padding-right: 3px;
	padding-left: 3px;
	font-size: 12pt;
}

table.Race-HQ tr td
{

}