/********************************************************************************/
/*                                                                              */
/*              Saffron Walden Scouts Screen Stylesheet                         */
/*                           Common Styles                                      */
/*                                                                              */
/*                       Author = Peter Wright                                  */
/*                                                                              */
/*                   Creation Date = 31 March 2004                              */
/*                   Updated       = 16 July 2010  01:16                        */
/*                                                                              */
/********************************************************************************/


/********************************************************************************
                            Generic divisions
*********************************************************************************/                      

body              	{
                        direction: ltr;
                  	    font-family: "Palatino Linotype";
                  	    float: left;
                  	    margin: 0px;
                  	    language: EN-GB;
                  	    height: 100%;
                  	    width: 100%;
                    }               

#screen           	{
                        background: GREEN; 
                  	    float: left;
                  	    width: 100%;
                    }               

#frameworkMenu    	{
                  	    position: absolute;
                  	    float: left;
                  	    top:0px;
                  	    left:0px;
                        width: 120px;
                  	    z-index: 1;
                    }               

#frameworkMain   	{
                        float: left;
                  	    position: absolute;
                  	    top: 0px;
                  	    left: 120px;
                    }               

#pageWrapper      	{
                        background: GRAY;
                    }               

#pageHeading      	{
                        background: LIME;
                        height: 22px;
                    }               

#pageContent      	{
                        background: SILVER; 
                  	    border: none;
                  	    padding: 10;
                  	    font-family: "Serif";
                    }               

#pageTitle        	{
                        background: WHITE; 
                  	    text-align: center;
                    }               

#pageInner        	{
                        width: 100%;
                    }               

#pageLeft         	{
                        background: WHITE;
                  	    vertical-align:top;
                  	    padding:5; 
                  	    border: 1px solid BLACK;
                    }               

#pageRight        	{
                        background: GRAY; 
                  	    vertical-align:top;
                  	    padding:5;
                  	    border: 1px solid BLACK;
                    }               

#pageBottom       	{
                        background: FUCHSIA; 
                  	    clear: both;
                  	    padding:00; 
                  	    margin: 0; 
                  	    border: 1px solid BLACK;
                 	    width: 100%;
                    }               

#pageFooting       	{
                        background: AQUA;
                  	    height: 20px;
                    }               

                    
/********************************************************************************
                            Generic classes
*********************************************************************************/                      

.print_only         {
			            display: none;
                    }               

.no_print         	{
			            display: inline;
                    }               

.centre             {
                        text-align: center;
                    }               

.emphasis           {
                        font-weight: bold;
                    }               

.normal             {
                        font-weight: normal;
                        white-space: normal;
                    }               

.nowrap             {
                        white-space: nowrap;
                    }               

.pre                {
                        white-space: pre;
                    }               

                    
/********************************************************************************
                        Specific positioning Classes
*********************************************************************************/                      

h1>span.h1_status,
span.h1_status		{
					    font-size: 50%;
					    float: right;
                        position: relative;
					    top: -3em;
                    }               

                    					  
/********************************************************************************
                        Generic positioning Classes
*********************************************************************************/                      

.centre           	{
                        align: center;
                    }               

.clear_left        	{
                        clear: left;
                    }               

.clear_right       	{
                        clear: right;
                    }               

.float_left        	{
                        float: left;
                    }               

.float_right       	{
                        float: right;
                    }               

.text_centre      	{
                        text-align: center;
                    }               

.text_left        	{
                        text-align: left;
                    }               

.text_right        	{
                        text-align: right;
                    }               

.t100,.t200,.t300,.t400,.t500,.t600,.t700,.t800,.t900,
.t150,.t250,.t350,.t450,.t550,.t650,.t750,.t850,.t950,
.t425,.t475,.t525,.t575,.t625,.t675,.t725,.t775,.t825,
.t875,.t925,.t975,.t999
                	{
                    	position:absolute;
                    	left:100px;
                	}               

.t150       		{left:150px;}               
.t200       		{left:200px;}               
.t250       		{left:250px;}               
.t300       		{left:300px;}               
.t350       		{left:350px;}               
.t400       		{left:400px;}               
.t425       		{left:425px;}               
.t450       		{left:450px;}               
.t475       		{left:475px;}               
.t500       		{left:500px;}               
.t525       		{left:525px;}               
.t550       		{left:550px;}               
.t575       		{left:575px;}               
.t600       		{left:600px;}               
.t625       		{left:625px;}               
.t650       		{left:650px;}               
.t675       		{left:675px;}               
.t700       		{left:700px;}               
.t725       		{left:725px;}               
.t750      		 	{left:750px;}               
.t775       		{left:775px;}               
.t800       		{left:800px;}               
.t825       		{left:825px;}               
.t850       		{left:850px;}               
.t875       		{left:875px;}               
.t900       		{left:900px;}               
.t925       		{left:925px;}               
.t950       		{left:950px;}               
.t975       		{left:975px;}               
.t999       		{left:999px;}               
                    
                    

/********************************************************************************
                    Generic text colour Classes (some with positioning)
*********************************************************************************/                      
                  
.normal      		{
                        background: WHITE; 
                        color: BLACK;
                    }
                                  
.small_advisory,
.advisory			{
                        color: GREEN;
                    }

.small_advisory	    {
                        font-size: 75%;
                    }
                    
.alert            	{
                        color: RED;
                    }
                                   
.caution			{
                        color: #f8c473;
                    }
                                   
.lo_advisory		{
                        background: LIME;
                    }
                                  
.lo_alert           {
                        background: #f0888a;
                    }
                                  
.lo_caution			{
                        background: #facd8a;
                    }
                                   
.label_advisory,
.label_alert,                                   
.label_caution		{
                        position:absolute;
                        font-size:75%;
                        padding-top:0em;
                        left:400px;
                    }
                    
.label_advisory,
.hi_advisory		{
                        background: GREEN;
                        color: WHITE;
                    }
                                   
.label_alert,
.hi_alert			{
                        background: RED;
                        color: WHITE;
                    }
                                   
.label_caution,
.hi_caution			{
                        background: #f8c473; 
                        color: BLACK;
                    }
                                   
.inverse,
.inverse_bk,
.inverse1,
.inverse2			{
                        background: BLACK; 
                        color: WHITE;
                    }                
#form               {
                        font-family:"Trebuchet MS", Verdana, sans-serif;
                        width:40em;
                    }

h2                  {
                        margin:0 0 0 0;
                        padding:0;
                    }

                    
/********************************************************************************
            Default fieldset with associated 'legend' paragraph
*********************************************************************************/                      
                    
fieldset            {
                        background:;
                        border:outset ;
                        font-size:1.1em;
                        margin-bottom:1em;
                        padding: 1.5em 0.5em 0.5em 0.5em;
                        width:43em;
                    }

p.legend            {
                        color:BLACK;
                        font-size:1.2em;
                        position:relative;
                        margin-bottom:-1em;
                        margin-left:1em;
                        margin-top:1em;
                        padding:.2em .3em;
                        width:15em;
                    }

label               {
                        font-size:100%;
                        position:absolute;
                        padding-top:0em;
                        left:48px;
                    }


/********************************************************************************
                            General Pick-lists
*********************************************************************************/                      
#pick_list          {
                        background:#a5d8f6;
                        border:outset #00b5ef;
                        padding: 0.5em 0em 0.5em 0.5em;
                    }

#pick_list label,
#pick_list select,
#pick_list input.inverse1,
#pick_list input.inverse2,
#pick_list input.hi_alert,
#pick_list input.hi_advisory
                    {
                        position:absolute;
			            padding-top:0;
				        left:20px;
                        line-height:1.4em;
                        margin-bottom:.2em;
                    }
                    
#pick_list select  
				    {
                        left:15em;
                    }
				                      
#pick_list input.inverse1
                    {
                        left:40em;
                    }
                  
#pick_list input.inverse2,
#pick_list input.hi_alert
                    {
                        left:46em;
                    }

                                        
/********************************************************************************
                        General Multi-column displays 
*********************************************************************************/                      
#multi_cols		    {
                        background: GREEN;
                        border:outset LIME;
			            color: BLACK;
			            font-size:1.0em;
                        width:720px;
                        padding: 1.5em 0em 2.5em 0.5em;
                    }

#multi_cols span.col1,
#multi_cols span.col2,
#multi_cols span.col3,
#multi_cols span.col4,
#multi_cols span.col5,
#multi_cols span.col6
                    {
                        position:absolute;
				        padding-top:0;
				        left:25px;
                        line-height:1.4em;
                        margin-bottom:.2em;
                    }
                    
#multi_cols span.col2  
				    {
                        left:100px;
                    }
				                      
#multi_cols span.col3
                    {
                        left:200px;
                    }

#multi_cols span.col4
                    {
                        left:300px;
                    }

#multi_cols span.col5
                    {
                        left:400px;
                    }

#multi_cols span.col6
                    {
                        left:500px;
                    }