/* File Name: CSS/common.css

   This is where common css design elements go.  Classes can always be overriden in the race specific css files 

   Relevant for ALL pages:

   This file is included in all web pages as listed as the first CSS file in each page
*/

body                  { color:              white; 
                        font-family:        Arial, Verdana;
                        font-size:          10pt; 
                        margin:             0px; 
                        padding:            0px; }

h1                    { text-transform:     capitalize;
                        font-size:          18px; 
                        letter-spacing:     2px;
                        font-weight:        bold;}
h2                    { font-size:          16px; 
                        letter-spacing:     2px;
                        font-weight:        bold; }
h2.News               { font-size:          16px; 
                        letter-spacing:     2px;
                        margin-bottom:      2px;
                        font-weight:        bold; }
h3                    { font-size:          14px; 
                        letter-spacing:     1px;
                        font-weight:        bold; }
h3.forum              { font-size:          14px; 
                        letter-spacing:     1px;
                        font-weight:        normal; }
h3.News               { font-size:          14px; 
                        letter-spacing:     1px;
                        margin-top:         4px;
                        margin-bottom:      2px; }
h4                    { font-size:          12px; 
                        letter-spacing:     1px;
                        font-weight:        bold; }
h4.News               { font-size:          12px; 
                        letter-spacing:     1px;
                        font-weight:        bold;
                        margin-top:         4px;
                        margin-bottom:      2px; }
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:       #222222;}
img.ontableft         { margin:             6px;
                        margin-left:        0px;
                        border-width:       1px; 
                        border-style:       solid;
                        border-color:       #222222;}
img.ontabright        { margin:             6px;
                        margin-right:       0px;
                        border-width:       1px; 
                        border-style:       solid;
                        border-color:       #222222;}

table                 { margin:             0px; 
                        padding:            0px;}
table.smaller td      { font-size:          8pt;}
table.menu            { vertical-align:     top; }
table.footer          { border-top:         1px solid #222222; }
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:   #F8BF24; }
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:     top;
                        color:              #65ABB5;
                        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; 
                         text-decoration: underline;}
a:link                {
	color:              white;
	text-decoration: underline;
}
a:visited { color:              white;
                   text-decoration: underline; }
a:selected            { color:              white;
                                  text-decoration: underline;  }
a:hover  { 
           color:              white;
           text-decoration: underline; }
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 #222222; }

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

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

div.menu a:visited {color: #222222;}
div.menu a:link {color: #222222;}
div.menu a:hover {color: #65ABB5;}
div.menu a:active {color: yellow;}
div.menu a:focus {color: #222222;}

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;}
div.menu a.selected:link {color: #65ABB5;}
div.menu a.selected:hover {color: #65ABB5;}
div.menu a.selected:active {color: #65ABB5;}
div.menu a.selected:focus {color: #65ABB5;}

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

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

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

div.submenu a:visited {color: #222222;}
div.submenu a:link {color: #222222;}
div.submenu a:hover {color: #65ABB5;}
div.submenu a:active {color: yellow;}
div.submenu a:focus {color: #222222;}


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;}
div.submenu a.selected:link {color: #65ABB5;}
div.submenu a.selected:hover {color: #65ABB5;}
div.submenu a.selected:active {color: #65ABB5;}
div.submenu a.selected:focus {color: #65ABB5;}

div.menu img { vertical-align: middle;
               padding: 0px;
               margin: 0px; }
              
hr { color: #222222;
     height: 1px;}

td.WhiteBorderNoPadding{border-style:       solid;
                        border-width:       1px;
                        border-color:       #222222; }

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

td.ForumEvenSquare    { padding:            10px;
                        background-color:   #FAD67E;
                        border-style:       solid;
                        border-width:       1px;
                        border-color:       #222222; }
                        
td.ForumEvenSquareNoPad { margin: 0px;
                        padding: 0px;
                        background-color:   #FAD67E;
                        border-style:       solid;
                        border-width:       1px;
                        border-color:       #222222; }
                        
td.ForumOddSquareNB   { padding:            10px;
                        border-style:       solid;
                        border-width:       1px;
                        border-color:       #222222; 
                        border-bottom:      0px; }

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

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

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

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

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

td.CalendarDisabled    { padding:           4px;
                        background-color:   #F4D788;
                        border-style:       solid;
                        border-width:       1px;
                        border-color:       #222222; }
                        
td.CalendarEnabledNB   { padding:           4px;
                        background-color:   #FCF3DC;
                        border-style:       solid;
                        border-width:       1px;
                        border-color:       #222222; 
                        border-bottom:      0px; }

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

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

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

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

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

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

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

table.ReportTable
{
	background-color: #C75000;
	border-left: Solid 1px #222222;
}

table.ReportTable tr th,
table.ReportTable tr td
{
    border: Solid 1px #222222;
    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;
    text-align:    center;
    background:      #DDDDDD;
    border-style:  solid;
    border-width:  1px;
    border-color:  #222222;
}

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

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:    #222222;
}

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


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

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

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:absolute; 
    left:    600px;
    top:     40px;
    width:   180px; 
    height:  100px; 
    z-index: 1;
}

#Holder2 
{   position:absolute; 
    left: 600px;
    top: 145px;
    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;
}

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

td#Scroller2B
{ 
    width:180px; 
}

/* holder div contains scroller. set height and width */
#Holder1B
{
    position:absolute; 
    left:    800px;
    top:     40px;
    width:   180px; 
    height:  100px; 
    z-index: 1;
}

#Holder2B
{   position:absolute; 
    left: 800px;
    top: 145px;
    width:180px; 
    height:30px; 
    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.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#Countdown
{
    font-size: 8pt;
    color: black;
    font-family: Arial;
    position: absolute;
    left: 790;
    z-index: 0;
    top: 173;
    height: 17px;
    width:auto;
}


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: absolute;
    left: 600;
    top: 173px;
    width: 180px; 
    text-align: center; 
    color: black; 
    font-size: 8pt;
}

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

td.BannerContainer
{
    width:          600px;
    height:         200px;
    vertical-align: top;
}

td.BannerSeparator
{
    height:           200px;
    background-color: White;
}

td.BannerExtender
{
    background-color: White;
    width: 100%;
    height: 100%;
}

table.PageContainer
{
    width:  100%;
    height: 100%;
    vertical-align: top;
}

td.ScrollerHeading
{
    text-align: right;
    vertical-align: bottom;
    width:  100%;
    height: 36px;
}

.EventMenu
{
    display: none;
}

.EventMenu .MenuItem
{
    font-size: 8pt;
}

.submenu .Line
{
    height: 7px;
    display: -moz-inline-block;
    display: inline-block;
    padding: 0px;
    margin: 0px;
    margin-left: 4px;
    margin-bottom: 6px;
    padding-bottom: 0px;
    border-bottom: Solid 1px White;
    width:  140px;
}

.GSARLink
{
    position: absolute;
    top: 11px;
    left: 585px;
}

table.TeamMateFinder
{
    font-size: 8pt; 
    font-style: normal; 
    line-height: 12px; 
    padding: 0px; 
    margin: 0px; 
    border: 0px;
}

table.TeamMateFinder td
{
    font-size: 7pt;
    padding-right: 5px;
}

.nobr
{
    white-space:  nowrap;
}

.TMFSubHeading
{
    font-size: 9pt; 
    text-align: left; 
    font-weight: bold; 
    line-height: 22px; 
    padding: 0px; 
    margin: 0px;
    margin-top: 4px;
    display: block;
}

.AdditionalInformation
{
    font-size: 8pt; 
    font-style: italic; 
    line-height: 16px; 
    vertical-align:top; 
    padding: 0px; 
    margin: 0px; 
    margin-bottom: 2px;
    display: block;
    border: 0px;
}

a.block
{
    font-size: 8pt;
    display: block; 
}

div.InteriorContainer
{
    width: 822px;
}

div.InteriorContainer table.Registration
{
    float: right;
    border: solid 1px White;
    margin-left: 8px;
    margin-bottom: 8px;
}

div.InteriorContainer table.Registration td
{
    padding-left: 8px;
    padding-right: 8px;
}

.numeric
{
    text-align: right;
    padding-right: 2px;
}

span.GalleryThumbnail
{
    display: inline-table;
    display: -moz-inline-box;
    height: 105px;
    width: 105px;
    background-color: White;
    border: Solid 1px White;
    padding: 0px;
    margin: 0px 3px 5px 0px;
    vertical-align: middle;
    text-align: center;
    
}
span.GalleryThumbnail img
{
    display: block;
}