/* 
    Document   : style-popup.css
    Created on : 8-nov-2009, 11.09.22
    Author     : matteo
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body { font-family: Arial, FreeSans, Sans-Serif, Helvetica; font-size:8pt;  margin:0px; padding:0px; background: #1A140F url('../images/bg.png') repeat-y top center; }

img { border:0px; }
a {text-decoration:none; color:#000}
font {font-size:8pt;} /* for IE6-7*/
p {margin:0px; line-height:16px; }

#container {width:1030px; margin-left:auto; margin-right:auto;}

.content {width:1010px; margin-left:auto; margin-right:auto; text-align:center; background:url('../images/popup/main_bg.png')}
.content-bottom {height:43px; padding-top:10px; background: url('../images/popup/main_bottom.png') no-repeat;}
.content-bottom a{font-size:7pt; text-transform:uppercase; color:#000; font-weight:bold;}
.content-bottom a:hover{text-decoration:underline;}

.content img {width:200px; height:135px; margin-top:30px; margin-bottom:20px; }
#black-bar { width:1030px; height:123px; margin-left:-11px; background:url('../images/home/black_bar.png') no-repeat; text-align:left;}
#black-bar p {color:#efeae6;}

/*input-text*/
.div-input-text {width:223px; height:28px; float:left; background: url('../images/footer/input_text.png') }
.div-input-text-login {margin-top:5px; margin-left:-2px;}
.input-text {background-color:transparent; font-size:8pt; margin-left: 10px; margin-top:4px; width:200px; color:#efeae6;; border-style: inset; border-width:0px;}

/*input-submit*/
.input-container {padding-top:30px; height:70px; float:left;}
.username {width:250px; padding-left:230px;}
.password {width:350px; padding-left:0px;}
.input-submit { font-family:Arial, FreeSans, Sans-Serif, Helvetica; font-weight:bold; padding-bottom:7px; font-size:8pt; background: transparent url('../images/footer/submit.png'); cursor:pointer; float:left; border-style: inset; border-width:0px; color: #efeae6; text-shadow: 0px -1px 1px #000000}
.input-submit-login { width:87px; height:31px; margin-left:15px; margin-top:4px;}
.input-submit-login:hover {color: #9dccd7;}

#back {width:700px; height:60px; padding-left:270px; padding-top:27px;}
#back a {background-image: url('../images/popup/back_out.png'); width:65px; height:64px; margin:0px;}
#back a .hover { background-image:url('../images/popup/back_on.png'); display:block; opacity: 0; position: relative; top: 0; left: 0;	height: 100%; width: 100%;}
#back p {padding-top:12px; margin-left:80px;}

.separator {height:2px; background: url('../images/popup/separator.png')}
.separator-popup {width:400px; margin-left:auto; margin-right:auto; margin-top:10px; }

#ie-body {font-family: Arial, FreeSans, Sans-Serif, Helvetica; margin:0px; padding:0px; background: #1A140F }
#ie-warning-container {height:300px; width:650px; margin:auto; margin-top:150px; color:#efeae6; overflow:visible;}
#ie-warning-container h1 {display:inline; margin-bottom:0px;}
#ie-warning-container p {font-size:13pt; vertical-align:middle;}
#ie-warning-container form {width:100px; padding-left:10px; float:left;}
#ie-form-container {float:left; height:20px; padding-top:9px;}
ul#icon-container {padding:0px; margin:10px 0 15px 0; list-style:none; }
ul#icon-container li {display:inline; margin-right:5px;}

.ie-input-submit {width:87px; height:31px; font-family: Arial, FreeSans, Sans-Serif, Helvetica; font-weight:bold; padding-bottom:3px; background:transparent url('../images/ie6/submit.png') no-repeat; margin-top:4px; cursor:pointer; float:left; border-style: inset; border-width:0px; color: #efeae6; text-shadow: 0px -1px 1px #000000;}