/* Design by Razvan Itu */
/* www.damage.ro */

body {
background-color: #f3f2e7;
color: #666666;
margin-top: 20px;
font-family:Cambria,"Georgia",Palatino,Palatino Linotype,Myriad Pro,Serif;
font-size:1.0em;
}

#container {
width: 530px;
overflow: hidden;
margin-left: auto;
margin-right: auto;
background-color:#ecebe1;
}

#wrapper {
margin-left: 10px;
}
#header {
background-image:url(../images/header-bg.jpg);
width: 530px;
height: 66px;
border-bottom:4px #d8dac9 solid;
}

#logo {
/* Logo Here */
}

#nav {
margin-top: 2px;
margin-right: 10px;
float: right;
font: small/1.7em verdana, sans-serif;
color:#FFF;
}

#nav a {
color:#FFF;
text-decoration:none;
}

#nav a:hover {
text-decoration:underline;
}

#box1 {
width: 433px;
overflow: hidden;
clear: both;
margin-top: 10px;
}

#box2 {
width: 433px;
overflow: hidden;
clear: both;
margin-top: 5px;
}

#box3 {
width: 433px;
overflow: hidden;
clear: both;
margin-top: 10px;
margin-bottom: 15px;
padding-left: 50px;
}

#box4 {
width: 433px;
overflow: hidden;
clear: both;
margin-top: 10px;
margin-bottom: 15px;
padding-left: 100px;
}

.textbox {
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
color: #666666;
width: 200px;
padding: 4px 4px 4px 4px;
border-top-color: #c4d1da;
border-bottom-color: #c4d1da;
border-left-color: #c4d1da;
border-right-color: #c4d1da;
border-bottom-style: dotted;
border-top-style: dotted;
border-left-style: dotted;
border-right-style: dotted;
border-bottom-width: 1px;
border-top-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
background-color: #FFFFFF;
}

.textarea {
width: 300px;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
color: #666666;
height: 150px;
padding: 8px;
text-align: left;
border-top-color: #c4d1da;
border-bottom-color: #c4d1da;
border-left-color: #c4d1da;
border-right-color: #c4d1da;
border-bottom-style: dotted;
border-top-style: dotted;
border-left-style: dotted;
border-right-style: dotted;
border-bottom-width: 1px;
border-top-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
background-color: #FFFFFF;
margin-bottom: 3px;
}

.center {
padding-left: 120px;
padding-top: 10px;
padding-bottom: 10px;
width: 273px;
background-color: #CCCCCC;
clear: both;
}

.generated {
width: 100%;
padding: 10px;
/*color: #FFFFFF;
background-color: #8ac6ea;*/
color:#474437;
/*background-color:#FCF2B9;*/
background-color:#F9F7ED;
text-align: center;
}

.generate {
width: 100px;
height: 25px;
background-image: url(../images/generate.jpg);
border: 0px;
overflow: hidden;
}

.clear {
width: 100px;
height: 25px;
background-image: url(../images/clear.jpg);
border: 0px;
overflow: hidden;
}

.login {
width: 100px;
height: 25px;
background-image: url(../images/login.jpg);
border: 0px;
overflow: hidden;
}

.install {
width: 100px;
height: 25px;
background-image: url(../images/install.jpg);
border: 0px;
overflow: hidden;
}

.submit {
width: 100px;
height: 25px;
background-image: url(../images/submit.jpg);
border: 0px;
overflow: hidden;
}

.text {
width: 50px;
float: left;
margin-bottom: 3px;
padding-top: 4px;
clear: left;
}

.text2 {
width:100px;
float: left;
margin-bottom: 3px;
padding-top: 4px;
clear: left;
}

.text3 {
width:150px;
float: left;
margin-bottom: 3px;
padding-top: 4px;
clear: left;
}

.h2 {
font-size:16px;
}

.left {
width: 100%;
float: left;
clear: both;
}