/*
PURPOSE = Provide style for screen media

TABLE OF CONTENTS
1. COMMON
2. INFORMATION
3. HEADER
4. MESSAGE AREA
*/


	/*--- 1. COMMON ---*/
	BODY, TABLE { margin:0; padding:1em; font:medium arial, sans-serif; }
	INPUT, BUTTON { font-family:tahoma, verdana, arial, sans-serif;  }
    .EmphNumber { font-weight:bold; }
    #BoardContent { width:30em; }
    
    
    /*--- 2. INFORMATION ---*/
    .Information {
		border:0.1em solid;
		width:100%;
		margin:0em; margin-top:1em; padding:0.5em; 
		font-size:75%; font-family:times, serif; text-align:left;
    }
    .Information .Section { padding-bottom:1em; }
    .Information .Title { 
		padding-bottom:0.5em;
		font-weight:bold; font-size:115%;
	}
    .Information .Content { 
		padding-bottom:0.5em;
		font-weight:normal; 
		text-indent:1em; text-align:justify;
		
	}
	.Information BUTTON { text-indent:0em; margin-left:0.5em; margin-right:0.5em; }
    .Information .Links { text-align:right; font-size:100%; }       
    .Information UL { margin-top:0.25em; margin-bottom:0.25em; }
    #txtExportImport { width:100%; }
    
    
    /*--- 3. HEADER ---*/
    .Header { 
		margin:0em; padding:0.5em;
		font:75% times, serif; text-align:left;
		border:0.2em solid;	
	}
    .Header	.Title { 
        margin-bottom:0.25em;
        font:bold 175% verdana, arial, sans-serif;
	}
    .Header	.Version { font-size:50%; margin-left:1em; }	
    .Header .Subtitle { font-style:italic; }
    
    .Navigation { 
		padding-left:0.5em; padding-top:0.25em;
		font:bold 65% arial, serif; text-align:left;
		margin-bottom:1em;
	}
	.Navigation A, .Navigation SPAN { margin-right:1em; }
    
    
    /*--- 4. MESSAGE AREA ---*/
    #UserMessage {
		position:relative;
		height: 2em;
        margin:0em; margin-bottom:0.5em; padding:0em;
        text-align:right;
        border:0.2em solid;
    }
    
    #UserMessage #MessageText 
    {
		position:relative;
		width:34em;
		margin:0em; padding:0.5em;
		font-style:italic;
		font-weight:bold;
		font-size:85%;
		text-align:center;
		text-transform:capitalize;
    }
    
    #UserMessage #MessageNavigation 
    {
		position:relative;
		width:2em; 
		margin:0em; padding:0.15em;
		font-weight:bold;
		font-size:75%;		
		text-align:right;
    }
    
    .MsgNavEnabled {text-decoration:underline; cursor:pointer; }
    .MsgNavDisabled {text-decoration:none; cursor:default; }
    
    
    /*--- MAIN TABLE ---*/
    
    TABLE.MainTable {
        margin: 0em; padding: 0em;    
        border: 0em; border-collapse:collapse;
    }
    
    TABLE.MainTable TR TD{
        margin: 0em; padding: 0em;
        border: 0em solid; 
    }
    
    TABLE.PuzzleBoard {
		border-collapse:collapse;
		border: 0.1em solid;
    }
    
    
    /*--- ACTION BUTTONS ---*/
    
    TABLE.MainTable TR TD.Actions {
		padding:0em; margin:0em; border:0em;
		border-right:0.5em solid;
		height:100%;
    }
    
    TABLE.MainTable TR TD.NumberButtons {
        padding:0em; margin:0em; border:0em;
		border-left:0.5em solid;
		height:100%;
    }
    
    DIV.Actions {
        width:6em; height:100%;
        margin:0em; padding: 0.5em; 
        border:0.15em solid;
        text-align: center;
    }

    DIV.ButtonSection, DIV.NumberSection { padding-bottom:0.5em; }
    DIV.ButtonSection BUTTON { font-size:85%; width:5em; margin-bottom:0.1em; padding:0em; }
    DIV.NumberSection BUTTON { font-size:85%; width:1.67em; margin:0em; padding:0em; }
    DIV.NumberSection .LegalNumber { font-weight:bold; }
    
    DIV.SectionTitle {
		font-weight:bold; font-size: 100%;
		padding-bottom: 0.25em;
		cursor:default;
    }
    
    #HelpSection BUTTON { cursor:help; }
	#btnUnlock { width:2em; }
	#btnLock { width:3em; }
	#DigitIndex15 { width:5em; margin-top:0.1em; }	
	
	
	/*--- REGION ---*/
	
    TABLE.Region {
        margin:0em; padding:0em;
        border:0.1em solid; border-collapse:collapse;
    }
    
    TABLE.Region TR TD {
        margin:0em; padding:0em;
        border:0.03em solid;
    }
    
    TABLE.Region TR TD INPUT {
		margin:0em; border:0em; padding:0em;
		width:1.5em;
		font:bold 150% verdana, arial, sans-serif;
		text-align:center;            
    }
    
    
    /*--- BELOW BOARD ---*/
    #PlayInformation {
        margin:0em; margin-top:0.5em; padding:0.5em; 
        font-size:75%; text-align:left;
        border:0.2em solid;
    }

    .ProgressBar {
		width:0em; height:1.5em;
		border:0.1em solid;
		text-align:left; vertical-align:middle;
    }
    .ProgressBar SPAN { height:100%; text-align:center; }
    .ProgressBar SPAN.Value { border-right:0.1em solid; }
    
    #Difficulty { text-align:center; }
    #DifficultyBar { margin-left:0.5em; margin-right:0.5em; display:none; font-size:90%; }
    #DifficultyBarAmount { width:0%; }
	#DifficultyBarRemainder { width:0%; }
	
	/*--- SCORE ---*/
    #spnScoreUpdates { padding-left:0.5em; font-weight:bold; }   
	#spnComboBonusNumber { padding-left:1em; font-weight:bold; }
	
	#Settings {
		font-size:75%;
		margin:0em; margin-top:1em; padding:0.5em; 
		font-family:times, serif; text-align:left;
        border:0.1em solid;
	}
	
	#NotesArea { display:none; }
	
	
    /*--- FOOTER INFO ---*/
    .FooterInformation { margin:0em; margin-top:4em; font-size:65%; }  	
    #divW3Icons { margin-top:0.25em; display:none;  }
    #divIconLinks { margin-top:0.25em; display:none;  }