body {
font-family: Helvetica;
background-color:#646464;
background:url(shade.png);

color: #494949;
}

h1 {
font-size:200%;
}

h3 {
color: #27a;
}

#header {
color:#fff;
background-color:#646464;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border:0 dashed maroon;
height:auto;
width:900px;
margin-top:5px;
margin-right:auto;
margin-left:auto;
}

#container {

font-size:17px;
background-color:#fff;
/* background:url(grids.gif); */
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;

height:220px;
width:330px;
margin-top:20px;
margin-right:auto;
margin-left:auto;

padding: 10px 50px 0px 40px;
    border:1px solid gray;
}

#shadow{
background:url(shadow.png);
background-repeat:no-repeat;
height:15px;
width:330px;
top: 108px;
left: 135px;
position: relative;
z-index:-1;

}

#container2 {



height:300px;
width:450px;
margin-top:-11px;
margin-right:auto;
margin-left:auto;


    
}

#containerBottom {
font-size:13px;
text-align:center;
height:15px;
width:330px;

margin-right:auto;
margin-left:auto;
position:relative;
top:-52px;
    
}



#errorBox {

font-size:16px;
background-color:#fff;
/* background:url(grids.gif); */
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;

height:30px;
width:395px;
margin-top:20px;
margin-right:auto;
margin-left:auto;

padding: 10px;
border-left: 6px solid red; 
visibility: hidden;  
    border:1px solid gray;
border-left:10px solid red;
}




.clear{
clear: both;

}

#buttonBox{
margin-top: 10px;
float: left;
width: 400px;
height: 70px;

}


.textbox{
margin-top: 30px;
width: 350px;
height: 25px;
margin-right:auto;
margin-left:auto;
}

.textbox label{
color: #333;
font-weight: bold;
}

.textbox input{

}

.buttonClass {
	cursor:pointer;
margin-top: 15px;
-moz-box-shadow:inset 0 1px 0 0 #fff;
-webkit-box-shadow:inset 0 1px 0 0 #fff;
box-shadow:inset 0 1px 0 0 #fff;
background:0;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed',endColorstr='#dfdfdf');
background-color:#ededed;
-webkit-border-top-left-radius:6px;
-mo-border-radius-topleft:6px;
border-top-left-radius:6px;
-webkit-border-top-right-radius:6px;
-moz-border-radius-topright:6px;
border-top-right-radius:6px;
-webkit-border-bottom-right-radius:6px;
-moz-border-radius-bottomright:6px;
border-bottom-right-radius:6px;
-webkit-border-bottom-left-radius:6px;
-moz-border-radius-bottomleft:6px;
border-bottom-left-radius:6px;
text-indent:0;
border:1px solid #dcdcdc;
display:inline-block;
color:#777;
font-family:arial;
font-size:15px;
font-weight:700;
font-style:normal;
height:40px;
line-height:40px;
width:100px;
text-decoration:none;
text-align:center;
text-shadow:1px 1px 0 #fff;
}

.buttonClass:hover {
background:0;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf',endColorstr='#ededed');
background-color:#dfdfdf;
}

.buttonClass:active {
position:relative;
top:1px;
}

input[type=text], textarea {
-webkit-border-top-left-radius:6px;
-mo-border-radius-topleft:6px;
border-top-left-radius:6px;
-webkit-border-top-right-radius:6px;
-moz-border-radius-topright:6px;
border-top-right-radius:6px;
-webkit-border-bottom-right-radius:6px;
-moz-border-radius-bottomright:6px;
border-bottom-right-radius:6px;
-webkit-border-bottom-left-radius:6px;
-moz-border-radius-bottomleft:6px;
border-bottom-left-radius:6px;

  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  padding: 3px 0px 3px 3px;
  margin: 0px 1px 3px 0px;
  border: 1px solid #DDDDDD;
width: 250px;
height: 25px;
float:right;

font-size: 16px;

}

input[type=text]:focus, textarea:focus {
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  padding: 3px 0px 3px 3px;
  margin: 0px 1px 3px 0px;
  border: 1px solid rgba(81, 203, 238, 1);
}

input[type=password], textarea {
-webkit-border-top-left-radius:6px;
-mo-border-radius-topleft:6px;
border-top-left-radius:6px;
-webkit-border-top-right-radius:6px;
-moz-border-radius-topright:6px;
border-top-right-radius:6px;
-webkit-border-bottom-right-radius:6px;
-moz-border-radius-bottomright:6px;
border-bottom-right-radius:6px;
-webkit-border-bottom-left-radius:6px;
-moz-border-radius-bottomleft:6px;
border-bottom-left-radius:6px;

  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  padding: 3px 0px 3px 3px;
  margin: 0px 1px 3px 0px;
  border: 1px solid #DDDDDD;
width: 250px;
height: 25px;
float:right;

font-size: 25px;

}
 
input[type=password]:focus, textarea:focus {
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  padding: 3px 0px 3px 3px;
  margin: 0px 1px 3px 0px;
  border: 1px solid rgba(81, 203, 238, 1);
}


select {
-webkit-border-top-left-radius:6px;
-mo-border-radius-topleft:6px;
border-top-left-radius:6px;
-webkit-border-top-right-radius:6px;
-moz-border-radius-topright:6px;
border-top-right-radius:6px;
-webkit-border-bottom-right-radius:6px;
-moz-border-radius-bottomright:6px;
border-bottom-right-radius:6px;
-webkit-border-bottom-left-radius:6px;
-moz-border-radius-bottomleft:6px;
border-bottom-left-radius:6px;

  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  padding: 3px 0px 3px 3px;
  margin: 0px 1px 3px 0px;
  border: 1px solid #DDDDDD;
width: 205px;
float:right;
}
 
select:focus {
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  padding: 3px 0px 3px 3px;
  margin: 0px 1px 3px 0px;
  border: 1px solid rgba(81, 203, 238, 1);
}

.clear {
clear:both;
}
	
.ImgLoading{ position:absolute; width:90px; height:90px; z-index:200; margin: 200px auto 0; right:0; left:0;}


#PageDimmer{  
background-color: rgb(0, 0, 0);
opacity: 0.7; /* Safari, Opera */
-moz-opacity:0.70; /* FireFox */
filter: alpha(opacity=70); /* IE */
z-index: 20;
height: 100%;
width: 100%;
background-repeat:repeat;
position:fixed;
top: 0px;
left: 0px;
display:none;
}