/* +----------------------------------------------------------------------+
   | CSS level 2                                                          |
   +----------------------------------------------------------------------+
   | W3c Specification                                                    |
   | http://www.w3.org/TR/REC-CSS2/                                       |
   +----------------------------------------------------------------------+
   | Default Style Sheets for erexmakin.co.uk                             |
   +----------------------------------------------------------------------+
   | Authors:    antonminnion [at] yahoo.co.uk      			  |
   |                               					  |
   +----------------------------------------------------------------------+
*/



/********Text Styles******/

p	{

	font-family: verdana,ariel,helvetica;
	font-size: small;

}


h1	{

	font-family: serif;

}


h2	{

	font-family: serif;

}

h3	{
	
	font-family: serif;


}


p.terms	{

	font-size: x-small;
	

}


textarea	{

	font-family:verdana,ariel,helvetica;
	font-size: small;
}

/*Used for menu headers*/
h3	{

	font-family: verdana,ariel,helvetica;
	font-size: small;
	font-weight: bold;
	color: black;
	padding-left: 3px;
	padding-bottom:0px;
	padding-top:0px;
	margin:0px;
}

/*Controls size and style of Capped initial*/
.allCaps	{

	font-weight:900;
	font-variant:small-caps;
	/*font-size:medium;*/
	
}



.smallprint	{
	font-size: smaller;
}


.address {

	padding-bottom:0px;
	font-size:medium;
	font-weight:bold;
	margin:0px;
	padding-top:5px;

}

.disclaimer	{

	margin-bottom:0px;
	margin-top:5px;

}

/********Lists**********/

li	{

	font-family: verdana,ariel,helvetica;
	font-size: small;

	}


/********LINKS*********/

a {
	font-family: verdana,ariel,helvetica;
	font-size: small;
	color: #00F;
	font-weight: bold;
	text-decoration: underline;

}


a.inv	{


	/*color:#C6DEFF;*/
	
}



/*External Link(beginning with 'http:') and adds logo*/
a[href$=".pdf"] 
{

	padding-right:25px;
	line-height:24px;
	
	background: url(../images/pdf.gif) right center no-repeat; 

}

/*****THis is to fix the deficiencies in Internet Explorer***Use Mozilla coz IE is w*nk******/
.external {

}



a[href^="http:"] 
{

	padding-right:15px;
	line-height:18px;
	background: url(../images/ext-link.png) right center no-repeat;
	!background: url(../images/spacer.png) right center no-repeat;

}


/********STYLES*******/
/*Defines box that contains content*/
.mainbox
{


	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;	
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;

}

.rightcol	{

	padding-left:15px;
	padding-right:10px;
	

}
	
.logobar
{
	background-color: #000000;
}

/********TABLES*********/

th	{
	font-family: verdana,ariel,helvetica;
	font-size: small;
	color:white;
	}

.menutd	   {

	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	
	margin-top: 0px;
	
	vertical-align:top;
	
	border-collapse:collapse;
		
}

.centrecol	{
	padding-left: 15px;
	text-align: left
		}



/********BORDERS********/
.fade	 {
	width:15px;
	height:450px;
}


/*********MENU*********/
#menu {
	
	
	/*Edit width of right sided menu with this variable*/
	width: 160px;
}

#menu td {

	/*thickness of border between menu elements*/
	border-bottom: 1px solid #FFFFFF;
	
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	
}

#menu td.header {

	border-bottom: 1px solid #FFFFFF;
	border-top: 10px solid #FFFFFF;
	
	background: #FFFFFF;
	
	
	
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	

}


#menu a {

	background: #DDDDDD;
	display: block;
	margin: 0;
	padding-left: 5px;
	
	/*Use these padding variables to set height of menu element and vertical position of link*/
	padding-bottom:2px;
	padding-top:3px;
	
	color: #00F;
	text-decoration: underline;
	
}

#menu a:hover {

	background: #BBBBBB;
	color: #00F;
	/*padding: 5px 5px;*/
	
}   


.topBox	{

	vertical-align:bottom;
	padding-bottom:8px;
	!padding-bottom:10px;
	padding-left:9px;


}



/**********FOOTER*********/

.footer  {
	color:white;
	text-align:center;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	
	background-color:black;
	
	padding-top:8px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:8px;
	
	margin-bottom:0px;
	}    
                    
                    
                    
img	{
	border:0px;
	}       

/*******FORMS*********/


fieldset {

	
	background-color:#F0F0F0;
	border:3px double black;
	padding-right:10px\9;
	padding-left:10px\9;
	padding-top:10px\9;
	padding-bottom:10px\9;
	background-color:white\9;
	
	
	margin-top:5px;
	padding-bottom:5px;
	margin-bottom:0px;


}

.rssField	{

background-color:white;
	border:1px solid black;
	padding-right:10px\9;
	padding-left:10px\9;
	padding-top:10px\9;
	padding-bottom:10px\9;
	background-color:white;
	
	
	
	padding-bottom:0px;
	margin-bottom:0px;


}


legend	{

	font-family: verdana,ariel,helvetica;
	font-size: medium;
	font-weight: bold;
}



.formp	{

	margin-top:3px;
	margin-bottom:3px;
	
	
	}


.formElement	{

	padding-right:5px; 
	padding-top:0px;
	padding-bottom:0px;
	margin:0px;
	
	font-family: verdana,ariel,helvetica;
	font-size:small;
	text-align:right;

}

.formOpp	{

	/*background-color:#F0F0F0;*/
	border-top:0px;
	border-bottom:0px;
	border-left:solid black 1px;
	border-right:0px;
	margin:0px;
	padding:0px;
	height:25px;
		}

.formMand	{

	border-top:0px;
	border-bottom:0px;
	border-left:solid black 1px;
	border-right:0px;
	margin:0px;
	padding:0px;
	padding-top:6px;
	//vertical-align:bottom;
	
		}
		
		
.sub		{

	font-family: verdana,ariel,helvetica;
  	border-style:double;
  	border-color:#000000;
  	border-width:3px;
		
		}

.res		{
	font-family: verdana,ariel,helvetica;
	
   	border-style:solid;
   	border-color:#000000;
   	border-width:1px;
	
		}	
		
		
.formTDl		{

	text-align:right;
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
	margin: 0px;
	padding: 0px; 
	border-spacing: 0px;
	vertical-align: bottom;
	!vertical-align: center;

		}
		
.formTDr		{

	text-align:right;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
	margin: 0px;
	padding: 0px; 
	border-spacing: 0px;
	vertical-align: bottom;
		}
		
.formTitles	{

	padding:0px;
	margin:0px;
	
	font-size:small;
	vertical-align:bottom;

		}
			
.quickForm	{
	
	padding:0px;
	margin:0px;

}
/*****************DATE/CLOCK*************/		
		
.clockTD	{


	vertical-align:bottom;
	padding-bottom:8px;
	!padding-bottom:5px;
	padding-right:17px;


}

.clockDiv	{


	color:white;
	/*font-variant:small-caps;*/
	font-size:120%;
	text-align:right;
	vertical-align:bottom;
	!padding-bottom:5px;


}





/***************Context-menu*************/



#myMenu {

	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;

}

#menStyle	{

	background-color:#F0F0F0;
	padding-left:15px;
	border:1px solid black;
	padding-right:10px;
	padding-top:10px;
	!padding-bottom:5px;
	
}



.ctx	{

	color:black;
	font-family:verdana,ariel,helvetica;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:3px;
	padding-right:0px;

	font-weight:300;
	text-decoration:none;
	
}


/***************** POP UP ***************************/

textarea {

     border-style:solid\9;
     border-width:1px\9;
     
}

.text {

	border-style:solid\9;
	border-width:1px\9;
	

}



.department {

	border-style:solid\9;
	border-width:1px\9;

}




.popup1 {
	background-color: white;
	padding:10px;
	
	border: solid 1px black;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        display: none;
        position: fixed;
        !position:absolute;
        top:5%;
        
        left:30%;
        right:10%;
        bottom:4%;
        !height:345px;
        !width:540px;
        z-index: 60;
        max-height:355px;
        
        max-width:540px;
      }
      




/*

#menStyle td:hover	{

	background-color:blue;

}	

#menStyle a:hover	{

	color:white;
	font-weight:bold;
}

*/