/*
 Aylestone Park Football Club
 APFC constants

 File created 30/01/07
 (c) All contents of the file remains the property of Aylestone Park Football Club.
*/

* 
   { }
   
html 
   { padding:0; 	margin:0; 	border:2px solid red; }

body 
  { height:100%; 		font-family: Verdana, Arial, sans-serif;   
    font-size: 14px;   	color: orange;  		margin: 0px;	padding:0px; 	border:0px;
    background: black url(images/backstrip.gif) repeat-x;}
       

h1,h2, h3, h4, p 
   { font-family: Verdana, Arial, sans-serif;     font-weight:normal; font-size:12px; color: #FFFFFF }

h1
   { font-size: 28px; margin:4px 0px 0px 0px; padding:0px; }

h2
   { font-style:italic;   padding:0px; margin:0px;}

h3
   { font-weight:bold;  padding:0px; margin:2px;}


p 
   { max-width:1000px; padding:0px; margin:0px;}

/* header row in tables */
hr
   { color:#FFFFFF; background-color:#000000; width:90%;  }

th 
   { border:2px solid black; color: white; margin: 0px; padding: 0px;font-size: 12px;  background-color:black;}

table, tr, td
   { color: #ffffff; margin: 0px; padding: 0px;font-size: 12px; }
   
img, img a 
   {  border: 0px; }

.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
}


a { font-family: Verdana, Arial, sans-serif;
    font-size: 14px;
	 font-weight: bold;
    color: #ffffff;
    text-decoration: underline;
}

a:link {
	color: #ffffff;
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;
	color: #ffffff;
}
a:visited {
	color: #ffffff;
	text-decoration: underline;
}
a:visited:hover {
	color: #ffffff;
	text-decoration: underline;
}
.title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
 	text-decoration: none;
	color: #FFFFFF;
}

ul
{
	margin:0px; padding:0px;
}

li
{
   list-style: none;
   margin-top:4px;
   /*height:120px;*/
    
}

/* Home Page Layout */
div
   { padding:0px; }
   
div.container
   { width:100%; border:0px solid red; margin:0px; }

div.menu
   /*{ float:left;   		width:150px;  padding:3px 0px 0px 6px;	}*/
   { position : absolute;
        top:111px;
        /*background-color:orange;*/
        margin-left:6px;
width: 100px;}

div.middle
   { margin-right:310px;   /* background-color:orange; */   }

div.right1
   { float:right; 		width:150px; 	margin:0px 2px 0px 4px; /*background-color:red; */} 

div.right2
   { float:right; 		width:150px; 	/* background-color:yellow; */ }

div.mainContent
   { margin-left:154px; /* background-color:magenta; */ }

div.clearBoth
   { clear:both;   		}   
   
div.clearRight
   { clear:right;  		}   
   

div.pageBorder
  {	width:100%;  padding:0px;  margin:0px;  border:0px solid red;    }

div.pageHeader
  { }
  
div.emptyContainer
  { border:0px solid lime; }
   
#loginBox 
   { float:left;	padding:2px; color:white;	   width:150px;   text-align:center; }   

#APFCLogo 
   { float:left;    width:100px;    /*border:1px solid lime;*/ }

#APFCTitle
   { text-align:center; margin-left:auto; margin-right:auto; border:0px dashed silver;}

#LARCLogo 
   { float:right;   width:100px;    padding-right:6px;/*border:1px dashed cyan;*/  }
   
/* tab bar */
ul.tabBar 
   { margin: 0px;	padding:0px;  }
   
.tabBar li
   { display: inline; list-style-type: none;  color:white;  font-size:12px;}

.tabBar li.text
   { background-image: url('./images/topMiddle.png'); padding:0px 2px;}

.tabBar li.left
   { background-image: url('./images/topLeft.png') ; }

.tabBar li.right
   { background-image: url('./images/topRight.png') ; }
   
   

/* specials */
.sectionHeader
   { border-top: 1px solid red;	border-bottom: 1px solid red; 	padding: 1px;
	 background-color:black; 					margin: 8px 0px 0px 0px; }
	 
.sectionHeader h3, h4
   { background-color:white; 	color:black; 	margin:0px;		padding: 0px 0px 0px 0px; }
.sectionHeader h3
   { font-size:120%;}
.sectionHeader h4
   { font-size:80%; }

   

li.newsPanel
   { position:relative;    border:1px solid red; background:#060606;} 

div.newsPanelImage
   { float:left;	  font-size:80%;	  padding:2px;	color:white;} 

h3.newsPanelHeader
   { padding:2px;  font-weight:bold;  margin-left:100px;  } 

p.newsPanelText
   { padding:2px;  margin-left:100px;  top:16px; } 
   

div.panelImage
   { float:left;	  font-size:80%;	  padding:2px;	color:white;} 

div.newsPanelClear
{
	clear:left;
}

.clearFloats
{
	clear:both;
}

/*      Header         */
 

#contentArea
{
  
  display:inline;
   /*border:1px dashed cyan;*/
   padding-top: 0px;
   padding-left:148px;
   
     height: auto !important;
   height: 100%;
   margin-right: 168px;
}



#rightPane {
  position:relative;
  top:100px;
  right:100px;
}

.headerText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #282762;
}





.bannerBox {
   position:absolute;
   top:16px;
   left:160px;
   border:1px solid green;
	z-index:2;
}


.area
{
   border:3px solid #fe0000;
}
/*
   min-height: 100%;
   height: auto !important;
   height: 100%;
   margin: 0 auto -4em;

}*/

.contentBox
{
   position:absolute;
   top:160px;
   left:160px;
   border:1px solid blue;
   
   height: auto !important;
   height: 100%;
   margin-right: 160px;

}

.pageFooter
{
	height:100px;
	border:purple 1px solid;
}
	
.pageFooterText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	text-align: center;
	max-width:1280px;
	color: #FE0000;
}




.loginAreaText {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

.loginAreaText a {
   text-decoration: underline;
}


#tableBorder, #tableGrid
{ 
   border-collapse:collapse;
   border:1px solid red;
   padding:4px 10px 4px 10px;
   margin:0px; 
}
   
#tableGrid
{  
   padding:1px 10px 1px 10px;
 
}

#tableNoGrid
{  
   border:0px solid red;
   padding:1px 3px 1px 5px;
   border-collapse:collapse;
   margin:0px;
} 	
 						 
						 
#smallTableBorder
                 { border:1px solid red;
                   padding: 0px;
				   margin:0px; }						 
						 
#smallTableText  { font-size:85%;}
#tableHdr        { font-weight:bold;} 


.tableBorder, .tableGrid
{ 
   border-collapse:collapse;
   border:1px solid red;
   padding:4px 10px 4px 10px;
   margin:0px; 
}
   
.tableGrid
{  
   padding:1px 10px 1px 10px;
 
}

.tableNoGrid
{  
   border:0px solid red;
   padding:1px 3px 1px 5px;
   border-collapse:collapse;
   margin:0px;
} 	
 	

.tableLine1
{
	background-color: #292929;
	padding:4px 3px 4px 5px;
	border: black solid 2px;
	color: #e4fDfD; 

}

.tableLine-1
{
	background-color: #101010;
	padding:4px 3px 4px 5px;
	border:black solid 2px;
	color: #d4eDeD; 
}




.bold { font-weight:bold;}


#error           { color : red; 
                   font-size:85%;}
                   
.errStr          { color : red; 
                   font-size:85%;}
.readOnly 
{ 
	color: #888;
}


.panelBorder     
{ 
   padding-top: 2px;
   padding-right: 2px;
   padding-bottom: 2px;
   padding-left: 2px;
   border:1px solid red; 
   background: #403f3d;
}

.panelHdr
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight:bold;
}
		
.panelText, .panelText p
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size:9px;
   font-weight: normal;
}		
		  
.panelMiddle 
{
	  background-repeat:repeat-x;
     text-align:center;
     font-family:Verdana,Tahoma,Arial,Sans-Serif;
     font-weight:bold;
     color : red;
}
		  
.panelMiddle.a { color : white; }


.databaseRow1
{
   background: #ffe0e0;
   color:black;
   font-size:90%;
}

.databaseRow2
{
   background: #f9f0f0;
   color:black;
   font-size:90%;
}

.bullet
{
   vertical-align:middle; 
   padding:8px; 
}