/* 
    Document   : header
    Created on : May 8, 2011, 5:30:02 PM
    Author     : Michael
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
#headerBGColor{
    background-image:url('image/gradientGreen.jpg');
    background-repeat: repeat-x;
}
#indexHeader{
	position: relative;
	width:1000px;
	height:100px;
	z-index:2;
	padding:0px;
        left:180px;
        top:20px;
}
#indexHeaderLogo{
	position:absolute;
	width:220px;
	height:100px;
	z-index:2;
	padding:0px;
        left:0px;
        top:-10px;
}
#indexHeaderName{
	position:absolute;
	width:400px;
	height:30px;
	z-index:2;
	padding:0px;
        left:250px;
        top:40px;
        font-family: arial;
        font-size: 30px;
        font-weight: bold;
}
#indexHeaderPayment{
	position:absolute;
	width:220px;
	height:30px;
	z-index:2;
	padding:0px;
        left:679px;
}
#txt{
	position:absolute;
	width:220px;
	height:30px;
	z-index:2;
	padding:0px;
        left:789px;
        top:30px;
        font-weight: bold;
}

input.header[type="text"]
{
width:170px;
background-color:gainsboro;
}


#ul1{
	position:absolute;
	width:1100px;
	height:0px;
	z-index:2;
	padding:0px;
        left:100px;
        top:30px;
        background-color: gray;
}

#ul2{
	position:absolute;
	width:350px;
	height:0px;
	z-index:2;
	padding:0px;
        left:930px;
        top:-140px;
        background-color: gray;
}

ul.header
{
list-style-type:none;
margin: 150px 0px 0px 40px;
padding:0px;
overflow:hidden;
}
li.header
{
float:left;
}


a.header:link,a.header:visited
{
display:block;
width:130px;
font-family: arial;
font-size: 15px;
font-weight:600;
color:white;
background-color:gray;
text-align:center;
padding:4px;
text-decoration:none;
text-transform:lowercase;
}
a.header:hover,a.header:active
{
background-color:orange;
}

p.header{
font-family: arial;
font-weight:bold;
}

a.index:link,a.index:visited
{
width:120px;
font-family: arial;
font-weight:bold;
color:black;
text-align:center;
text-decoration:blink;
text-transform:uppercase;
}
a.index:hover,a.index:active
{
color:orange;
text-decoration:none;
font-weight: bolder;
}

a.logout:link,a.logout:visited
{
color:white;
background-color:gray;
display: block;
width: 120px;
height: 25px;
font-family: arial;
font-weight:bold;
text-align:center;
text-decoration:none;
}
a.logout:hover,a.logout:active
{
background-color:orange;
font-weight: bolder;
}