/* ---------------------------------------------------------------------------------------------
    CHAMPIONCHIP RESULTS SYSTEM STYLESHEET
   --------------------------------------------------------------------------------------------- */
BODY									
{
    background: #FFFFFF url('IMG/bgPage.gif') repeat-x top; 
    padding:0px 20px 5px 20px; 
    margin:0px;
    SCROLLBAR-FACE-COLOR:#FFFFFF; 
    SCROLLBAR-SHADOW-COLOR:#FFFFFF; 
    SCROLLBAR-HIGHLIGHT-COLOR:#FFFFFF;
    SCROLLBAR-ARROW-COLOR:#DDDDDD; 
    SCROLLBAR-TRACK-COLOR:#DDDDDD; 
    SCROLLBAR-3DLIGHT-COLOR:#DDDDDD; 
    SCROLLBAR-DARKSHADOW-COLOR:#DDDDDD;
    }

TD, select, P, A, LEGEND, H1, H2, H3, H4, H5, H6, TH, input, textarea, legend, div 
{
    font-family: arial, verdana; 
    color: #000000; 
    font-size:11px;
    } 
P,LI									
{
    text-align: justify;
    }

a:link								{ color:#2D559F; text-decoration:none;} 
a:visited							{ color:#2D559F; text-decoration:none;} 
a:active							{ color:#808080; text-decoration:none;} 
a:hover								{ color:green;   text-decoration:underline; border-bottom:none;} 
a.NoBorder:link, a.NoBorder:visited, a.NoBorder:hover { border: 0px;}

.res_hint							{font-size:10px; color: #A1040B; font-weight:normal;}

a.imglink							{font-family:arial;}
a.imglink:link					img {border-color:#C1D2EE;}
a.imglink:visited			img {border-color:#C1D2EE;}
a.imglink:active				img {border-color:#C1D2EE;}
a.imglink:hover				img {border-color:#000000;}


/* ---------------------------------------------------------------------------------------------
    PAGE LAYOUT
   --------------------------------------------------------------------------------------------- */
.res_tab_lay					
{
    width:100%; 
    border-collapse:collapse;
    }
.res_tab_lay_hdr			
{
    height:45px;
    }
.res_tab_lay_navbar	
{
    height:34px; 
    vertical-align:bottom;
    }
.res_tab_lay_navbarl	{font-family: Verdana;  font-size:12pt;  font-weight:bold; color:#FFFFFF;}
.res_tab_lay_main		{vertical-align:top;}

.res_tab_main				{width:100%; border-collapse:collapse; border:1px solid #6E0308;}
.res_tab_main_ttl			{background-color:#A1040B; border-bottom:1px solid #6E0308; color:#FFFFFF; font-size:12px; font-weight:bold;}
.res_tab_main_lbl			{background-color:#EEEEEE; color:#666666; font-size:10px; }
.res_tab_main_dat		{font-size:11px; vertical-align:top; padding:10px;}

.res_tab_cont					{height:100%; width:100%; border-collapse:collapse;}
.res_tab_cont_main		{padding-right:40px; vertical-align:top;}
.res_tab_cont_side		{width:200px; vertical-align:top;}


/* HEADER */
.res_tab_hdr					
{
    height:100%; 
    width:100%; 
    border-collapse:collapse;
    }
.res_tab_hdr_ename	
{
    font-size:16px; 
    font-weight:bold; 
    font-variant:small-caps
    }
.res_tab_hdr_edate		
{
    font-size:12px; 
    font-weight:normal; 
    font-variant:normal
    }
.res_tab_hdr_search		
{
    width:310px; 
    text-align:right; 
    }

.res_tab_navl					{width:100%; border-collapse:collapse;}
.res_tab_navl_main		{}
.res_tab_navl_side		{width:200px;}

/* NAVIGATION */
a.res_nav:link				{color:#FFFFFF; text-decoration:none; font-family:Verdana; font-size:11px; font-weight:bold; margin:0px 8px 0px 8px;} 
a.res_nav:visited			{color:#FFFFFF; text-decoration:none; font-family:Verdana; font-size:11px; font-weight:bold; margin:0px 8px 0px 8px;} 
a.res_nav:active			{color:#FFFFFF; text-decoration:none; font-family:Verdana; font-size:11px; font-weight:bold; margin:0px 8px 0px 8px;} 
a.res_nav:hover			{color:#000000; text-decoration:none;  font-family:Verdana; font-size:11px; font-weight:bold;  margin:0px 8px 0px 8px; border-bottom:none;} 


/* ---------------------------------------------------------------------------------------------
    SEARCH CONTROLS
   --------------------------------------------------------------------------------------------- */
.res_navsearch_fld		
{
    background:#FFFFFF url('IMG/bgSearchField.gif') no-repeat; 
    height:22px; 
    width:200px; 
    font-family: "MS Sans Serif", Arial, sans-serif; 
    color:#000000; 
    font-size:9px; 
    font-weight:normal; 
    border:0px; 
    padding:4px; 
    }
.res_navsearch_fld_focus
{
    background:#FFFFFF url('IMG/bgSearchFieldFocus.gif') no-repeat; 
    height:22px; 
    width:200px; 
    font-family: "MS Sans Serif", Arial, sans-serif; 
    color:#000000; 
    font-size:11px; 
    font-weight:bold; 
    border:0px; 
    padding:4px; 
    }
.res_navsearch_btn		
{
    background:#FFFFFF url('IMG/bgSearchButton.gif') no-repeat; 
    height:22px; 
    width:100px; 
    font-family: "MS Sans Serif", Arial, sans-serif; 
    color:#000000; 
    font-size:9px; 
    font-weight:normal; 
    border:0px; 
    padding:4px; 
    }
.res_navsearch_btn_hover		
{
    background:#FFFFFF url('IMG/bgSearchButtonHover.gif') no-repeat; 
    height:22px; 
    width:100px; 
    font-family: "MS Sans Serif", Arial, sans-serif; 
    color:#000000; 
    font-size:9px; 
    font-weight:normal; 
    text-decoration:underline;
    border:0px; 
    padding:4px; 
    }
    
.res_search_fld		
{
    background:#FFFFFF url('IMG/bgFormField.gif') no-repeat; 
    height:22px; 
    width:300px; 
    font-family: "MS Sans Serif", Arial, sans-serif; 
    color:#000000; 
    font-size:9px; 
    font-weight:normal; 
    border:0px; 
    padding:4px; 
    }
    

/* ---------------------------------------------------------------------------------------------
    GRID
   --------------------------------------------------------------------------------------------- */
.ccGrid_tab_list 
{
    width:100%; 
    border-collapse:collapse;
    border-top:2px solid #333333;
    border-bottom:2px solid #333333;
    }
.ccGrid_tab_list_hdr			
{
    font-size:12px; 
    font-weight:bold; 
    background: #FFFFFF url('IMG/bgGridTtl.gif') repeat-x top; 
    padding:3px; 
    vertical-align:middle; 
    height:26px;
    border-bottom:1px solid #333333;
    }
.ccGrid_tab_list_ttl
{
    font-size:12px; 
    font-weight:bold; 
    border-bottom:1px solid #CCCCCC; 
    padding:10px 5px 5px 2px; 
    vertical-align:top;
    }
.ccGrid_tab_list_dat			
{
    font-size:12px; 
    border-bottom:1px solid #EEEEEE; 
    padding:4px 5px 1px 2px; 
    vertical-align:top;
    }
.ccGrid_tab_list_tot 
{
    border-left:1px solid #FFFFFF; 
    border-right:1px solid #FFFFFF; 
    border-top:1px solid #000000; 
    padding:4px 5px 1px 2px; 
    vertical-align:top; 
    font-size:12px; 
    font-weight:bold; 
    }
.ccGrid_tab_list_filter
{
    font-size:11px; 
    border-bottom:1px solid #CCCCCC; 
    padding: 10px 5px 0px 2px; 
    vertical-align:bottom;
    }
.ccGrid_tab_list_page
{
    background: #FFFFFF url('IMG/bgGridFtr.gif') repeat-x bottom; 
    padding:5px; 
    }
.ccGrid_tab_list_nodat		
{
    border-top:1px solid #EEEEEE; 
    padding:10px; 
    font-size:11px; 
    color:red; 
    font-weight:bold;
    }
.ccGrid_tab_list_rowf		
{
    background-color:#FFFFFF;
    }
.ccGrid_tab_list_rowv		
{
    background-color:#EEEEEE;
    }


.ccGrid_tab_list_filter
{
    font-size:12px; 
    font-weight:bold;
    text-align:right;
    background-color:#EEEEEE;
    padding:25px 0px 25px 0px; 
    }
.ccGrid_filterfld 
{
    color:#000000; 
    background-color:#CCFF00; 
    font-size:12px; 
    font-weight:bold; 
    border:1px solid #CCCCCC; 
    height:18px; 
    padding-top:1px; 
    padding-left:5px; 
    width:100px;
    margin:0px 5px 0px 5px;
    }
.ccGrid_filterOK
{
    margin:0px 0px 0px 15px;
    }
.ccGrid_filterCross
{
    margin:0px 12px 0px 5px;
    }


/* ---------------------------------------------------------------------------------------------
    DETAILS TABLE
   --------------------------------------------------------------------------------------------- */
.ccDetails_tab 
{
    width:100%; 
    border-collapse:collapse;
    border-top:2px solid #333333;
    border-bottom:2px solid #333333;
    }
.ccDetails_tab_hdr			
{
    font-size:12px; 
    font-weight:bold; 
    background: #FFFFFF url('IMG/bgGridTtl.gif') repeat-x top; 
    padding:3px; 
    vertical-align:middle; 
    height:26px;
    border-bottom:1px solid #333333;
    }
.ccDetails_tab_tag
{
    font-size:12px; 
    font-weight:bold; 
    border-bottom:1px solid #CCCCCC; 
    padding:10px 5px 5px 2px; 
    vertical-align:top;
    }
.ccGrid_tab_list_dat			
{
    font-size:12px; 
    border-bottom:1px solid #EEEEEE; 
    padding:4px 5px 1px 2px; 
    vertical-align:top;
    }



/* STYLES FOR FORM QUESTIONS & FIELDS */
.res_fld_man					{color:#000000; background-color:#FCF1E9; font-size:12px; font-weight:bold; border:1px solid #999999; height:18px; padding-top:1px; padding-left:5px; width:100%;}
.res_fld_opt						{color:#000000; background-color:#E9EFFC; font-size:12px; font-weight:bold; border:1px solid #CCCCCC; height:18px; padding-top:1px; padding-left:5px; width:100%;}
.res_fld_err						{color:#FFFFFF; background-color:#FF0000; font-size:12px; font-weight:bold; border:1px solid #000000; height:18px; padding-top:1px; padding-left:5px; width:100%;}
.res_fld_age					{color:#FFFFFF; background-color:#000000; font-size:12px; font-weight:bold; border:1px solid #000000; height:18px; padding-top:1px; padding-right:5px; width:40px; text-align:right;}
.res_btn							{height:22px; width:150px; background-color:#333366; color:#FFFFFF; font-size:11px; font-weight:bold; border:1px solid #000000; margin-top:5px;}
.res_btn_ovr					{height:22px; width:150px; background-color:#FFCC33; color:#000000; font-size:11px; font-weight:bold; border:1px solid #000000; margin-top:6px;}
.res_hint							{color:#999999; font-size:10px; padding-top:2px; padding-bottom:8px;}
.res_error						{color:#FF0000; font-size:10px; font-weight:bold; padding-top:2px; padding-bottom:8px;}




/* ---------------------------------------------------------------------------------------------
    TAB STRIP
   --------------------------------------------------------------------------------------------- */
.tabTable
{
    height:26px;
    }
.tabNormal 
{
    background: transparent url('IMG/bgTabNormal.gif') no-repeat right; 
    vertical-align:bottom;
    padding:0px 20px 5px 2px;
    }
.tabNormalL 
{
    background: transparent url('IMG/bgTabNormalL.gif') no-repeat; 
    width:10px; 
    vertical-align:middle;
    }
.tabSelected 
{
    background: transparent url('IMG/bgTabSelected.gif') no-repeat right; 
    vertical-align:bottom;
    padding:0px 20px 5px 2px;
    }
.tabSelectedL 
{
    background: transparent url('IMG/bgTabSelectedL.gif') no-repeat; 
    width:10px; 
    vertical-align:middle;
    }

.tabImg
{
	border:0;
	vertical-align:middle;
	width: 16px;
}
.tabLink 
{
    padding-left:3px; 
    color: #669900;
    }
.tabLink:hover {color: #CC3300;}


/* ---------------------------------------------------------------------------------------------
    BUTTON BAR
   --------------------------------------------------------------------------------------------- */
.butnCellCert
{
    width:300px;
    height:32px;
    background: transparent url('IMG/butnCertificate.gif') no-repeat; 
    text-align:center;
    font-size:12px;
    }
.butnCellLaps
{
    width:300px;
    height:32px;
    background: transparent url('IMG/butnLaps.gif') no-repeat; 
    text-align:center;
    font-size:12px;
    }


/* ---------------------------------------------------------------------------------------------
    ACCESS-STYLE RECORD NAVIGATION
   --------------------------------------------------------------------------------------------- */
.accessdb_table				{background-color:#EEEEEE; border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; margin-top:2px;}
.accessdb_dfrec				{font-family: arial; font-size: 10px; color:#000000; background-color:#CCFFCC; border: 1px solid #666666; width:50px; height:16px; text-align:right; padding-top:1px; padding-right:4px;}
.accessdb_table_filter	{font-family: arial; font-size: 11px; color:#000000; }
.accessdb_table_tab		{width:350px; text-align:right;}


/* ---------------------------------------------------------------------------------------------
    CLOCK DIGITS
   --------------------------------------------------------------------------------------------- */
.digitIMG1 {margin-left:14px; vertical-align:top;}
.digitIMG2 {margin-left:0px; vertical-align:top;}
.digitIMG4 {margin-left:0px; vertical-align:top;}
.digitIMG5 {margin-left:0px; vertical-align:top;}
.digitIMG7 {margin-left:0px; vertical-align:top;}
.digitIMG8 {margin-left:0px; vertical-align:top;}
.flapIMG {margin-left:1px;}
.flap1 {margin-left:15px;}
.flap3 {margin-left:17px;}
.flap6 {margin-left:7px;}
.flap9 {margin-left:7px;}

/* ---------------------------------------------------------------------------------------------
    PLACINGS
   --------------------------------------------------------------------------------------------- */
.placeTitle 
{
    height:26px;
    background: transparent url('IMG/bgPlaceTitle.gif') no-repeat right; 
    vertical-align:middle;
    padding-left:5px;
    }
.placeMain
{
    height:50px;
    vertical-align:middle;
    padding:5px;
    text-align:center;
    font-size:16px;
    border-left:solid 1px #DDDDDD;
    border-right:solid 1px #DDDDDD;
    border-top:solid 1px #DDDDDD;
    }
.placeFin
{
    height:20px;
    padding-right:10px;
    text-align:right;
    vertical-align:top;
    font-size:12px;
    border-left:solid 1px #DDDDDD;
    border-right:solid 1px #DDDDDD;
    }
.placeMeter
{
    height:14px;
    background: transparent url('IMG/bgPlaceMeter.gif') no-repeat center top; 
    padding:0px 0px 0px 10px;
    border-left:solid 1px #DDDDDD;
    border-right:solid 1px #DDDDDD;
    }
.placeMeterText
{
    height:25px;
    padding:1px 0px 0px 10px;
    text-align:center;
    vertical-align:middle;
    font-size:12px;
    border-left:solid 1px #DDDDDD;
    border-right:solid 1px #DDDDDD;
    border-bottom:solid 1px #DDDDDD;
    }
.placeSpacer
{
    height:10px;
    }