/*
biketec CSS File


 File created 07/02/07
 (c) All contents of the file remains the property of Jojatech Limited
*/




body {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
color: #C4EDED;
background-color: black;
text-align: center;

background: url(images/background.gif) repeat;
}

p, ul, li {   
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
color: #C4EDED;
max-width:1000px;

}

h1 { font-family: Verdana, Arial, sans-serif; font-size: 14px;
     color: white; padding: 4px 4px 0px 4px; margin: 0px 0px 0px 0px;
     font-weight: normal;}
h2 { font-family: Verdana, Arial, sans-serif; font-size: 10px;
     color: #C4EDED; padding: 0px 4px 4px 4px; margin: 0px 0px 0px 0px; 
     font-weight: normal;}

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

table, tr, td, th {
font-family: Verdana, Arial, sans-serif;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;


}

img
{
   border:0;
}


.compact,
.compact tr,
.compact td,
.compact th 
{
	border-collapse:collapse;
	margin:0px;
	padding:0px;
   border:0px;
	
	}

.testimonial,
.testimonial th,
.testimonial tr,
.testimonial td
{
	border-collapse:collapse;
	margin:0px;
	padding:0px;
    border:0px;
}
	

.testimonial tr
{

    border-bottom:8px solid black;
}



.grid
{

	border: black solid 1px;
}
 	

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

}

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


}

tr, td {
font-size: 	12px;  
color: #C4EDED; 
}

/* th back is the background area in headers */
th.back
{
	color: white;
	font-size:110%;
	background-image:url('./images/menuBack16x2.png');
    background-repeat:repeat-x;
    text-align: center;
    border: 0px;

}



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


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

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

/* id */
#rightPane {
  position:absolute;
  top:100px;
  right:100px;
}

#headerText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	color: white;
	background-image: none;
	background-color: #6c6c6c;
}

.pageFooterText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	text-align: right;
	max-width:1280px;
	color: #B3E0E0;

}



.tableBorder { border:2px solid #111; }
.smallText    { font-size:90%;}

#smallTableText  { font-size:90%;}
#tableHdr, #bold { font-weight:bold;}

#error           { color : red; 
                   font-size:85%;}

#panelBorder     { border:0px solid #282762; }
#panelHdr{
		font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 11px;
		font-weight:bold;
		}

/* class for small text used in tables for help text */
.panelText, 
.panelText p
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size:9px;
   font-weight: normal;
}		
		  

.indexPanel
{
	
  margin:40px auto;
  width: 800px;
  text-align: center;
}

.bannerArea
{	
   position:relative;
   font-family:Verdana,Tahoma,Arial,Sans-Serif;
   height:125px;
   text-align:left;
   vertical-align:top;
  
   margin: 10px 0px 0px 0px;
   width:100%;
   top:0px;
   background-color:black;
   background-image:url('./images/bannerBackdrop.png');
   background-repeat:repeat-x; 
   z-index:0;
    /*  border: 2px solid green;*/
}

#logo
{
	position:absolute;
	top:5px;
	left:3px;
	z-index:2;					
}

#address
{
    position:absolute;
	top:5px;
	right:20px;
	z-index:2;
	text-align:right;	
}

.mainContainer
{
   position: relative;
   text-align: left;
   margin: 0px 0px 0px 0px;
   padding: 2px 2px 0px 2px;
   width: 100%;
  /* border: 2px solid red;*/
}

.centerContainer
{
   position: relative;
   text-align: center;
   margin: 0px auto;
   padding: 2px 2px 0px 2px;
   width: 400px;
     
}

/* login area */

#login
{
	color: #C4EDED;
	position:absolute;
	top:122px;
	right:33px;
	text-align:right;
	z-index:3;
	   font-size:70%;
} /* end of login */

#login a

{

   font-size:80%;
}

.fp_img 
{
   padding:1px;
   border:1px solid red;
   background-color:black;
	width:95%;
}