/*
 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.
*/

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


html 
   { border:0px 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: 32px; margin:4px 0px 0px 0px; padding:0px; }

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

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


p 
   { max-width:2000px; 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; }
  
ul
{
	margin: 0px; 
	padding:0px;
}  
   
li
  /* { display: inline; list-style-type: none;  color:white;  font-size:12px;} */
   { list-style-type: none;  color:white;  font-size:12px;}

.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: 12px;
	 font-weight: bold;
    color: #ffffff;
    text-decoration: underline;
}

a:link {
	color: #ffffff;
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;
	color: red;
}
a:visited {
	color: #ffffff;
	text-decoration: underline;
}
a:visited:hover {
	color: red;
	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;
}

.content
{
	margin:0px; padding:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
 	text-decoration: none;
	color: #FFFFFF;
}
.content ul
{
	margin-right:20px; 
	margin-left:0px;
	padding:0px;

}

.content li
{
   list-style: none;
   margin-top:10px;
   margin-left:10px;
   /*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;
     margin-left:10px;   /* 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:160px; /* background-color:magenta; */ }

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

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: 10px 0px 7px 0px; }
	 
.sectionHeader h3, h4
   { background-color:white; 	color:black; 	margin:0px;		padding: 0px 0px 0px 0px; }

.sectionHeader h4
   { font-size:80%; }


.newsPanel li
   { border:          1px solid red  ;    
     list-style-type: none;  
     background:#060606;  
     margin-top:8px; 
     border-radius:3px;
    -moz-border-radius:3px; /* Firefox 3.6 and earlier */  
   }


.noticePanel li
   { border:          1px solid red  ;    
     list-style-type: none;  
     background:#060606;  
     margin-top:8px;
     padding:2px;
     border-radius:3px;
    -moz-border-radius:3px; /* Firefox 3.6 and earlier */  
    position:relative;

   }

   
.noticePanel .title
{    
    width:30em; 
    left:8px;    
}

.noticePanel .author
{    
    width:30em;  
    position : absolute;
    left:170px;
    width:13em;    
}

.noticePanel .dates
{    
    width:30em;
    padding-left: 10px;
    position : absolute;
    left:280px;
    width:20em;
}

.noticePanel .article
{
    padding-left:10px;
    position : absolute;
    left:520px;
}


/*
.menuList a
{    
     margin:8px;
     color:green;
}*/
   
.menuList li
{           
  padding-bottom:4px;
  margin-left:24px;
  list-style-type: square;  
  list-style-image: url('./images/icons/script_link.png');
  vertical-align:top;
}

/*
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; } 
 
.panel
   { float:left;	padding:0px;      border:0px solid brown;  width:100%;     } 

.panel p
   { padding-right:6px;   padding-bottom:8px;   font-size:50%;	 }

.panel img
   { float:left;	   border:0px solid orange; margin-right:10px  ; margin-bottom:10px;    } 
  
.panel .content
   { 	padding-right:10px;      border:0px solid green;     font-size:90%;  } 

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; 
 vertical-align:middle;
}

.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%;}
                   
.warning 
{
   background-color: #101010;
	padding:4px 3px 4px 5px;
	border:red ridge 2px;
	color: red; 
   font-size:16px;
}                   
                   
                   
.readOnly 
{ 
	color: #888;
}


.panelBorder     
{ 
   padding-top: 2px;
   padding-right: 2px;
   padding-bottom: 2px;
   padding-left: 2px;
   border:1px solid red; 
   background-color: #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:0px 2px 0px 8px; 
}


.bulletinList
{
      padding-bottom:5px;
}


#notice
{
  font-size: 12px;
   position:absolute;
   top:     450px;
   left:    7px;
/*   border:  red dashed 1px;*/
   width:   144px;
}

.noticeHdr
{
   color:white;   
   background-image: url('./images/topMiddleInv.png');
   /*background:red;*/
   text-align:center;
   font-weight:bold;
   border-left:  red solid 1px;
   border-right:  red solid 1px;
   font-size:10px;
   /*padding-bottom:3px;*/

   }

.noticeBody
{
   color:white;   
   background:black;
   text-align:center;
   /*border-top:  red solid 1px;*/
   border-left:  red solid 1px;
   border-right:  red solid 1px;
   
   padding:4px;
   
}

.noticeFtr
{
   color:white;   
   background-image: url('./images/noticeBottom.png');
   /*background:red;*/
   text-align:right;
   font-size:90%;
   border-left:  red solid 1px;
   border-right:  red solid 1px;
   padding-right:4px;
   margin-bottom:4px;

   
}

.highlightArea
{
   padding: 2px;
   border: 1px solid red;
   background-color: #303030;
   border-radius:8px;
   -moz-border-radius:8px; /* Firefox 3.6 and earlier */    
}