body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
a, a:link, a:visited, a:active, a:hover {outline: none;}

html {
width: 100%;
height: 100%;
}

body {
font-family: Arial,"Bitstream Vera Sans",sans-serif;
font-size: 87.5%;
line-height: 1.428em;
background-color: #eee;
color: #333;
}

/* Vertical centering: make div as large as viewport and use table layout */
#wrapper {       
width: 100%; 
height: 100%;
position: absolute;
display: table;
vertical-align: middle;
}
#wrapper .inner {
display: table-cell; 
vertical-align: middle; 
position: relative;
}


#stage, #footer {
width: 22em;
margin: 0 auto;
}
.signup #stage, .signup #footer {
width: 46em;
}

#stage {
padding: 2em;
padding-bottom: 1em;
margin-top: 2em;

   -moz-border-radius: 6px;
 -khtml-border-radius: 6px;
-webkit-border-radius: 6px;
        border-radius: 6px;

background-color: #fff;
color: #333;
overflow: hidden;

border: 1px solid rgba(0, 0, 0, 0.3);

box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);

}

.col1, .col2 {
width: 22em;
}
.col1 {
float: left;
}
.col2 {
float: right;
}

#footer {
padding: 1em 2em;
text-align: right;
margin-bottom: 1em;
}
#footer p {
margin: 0;
font-size: 0.857em; 
}

a:link, a:visited {
color: #296d95; 
}
a:hover {
color: #1b5473;
}

a.external {
padding-right: 15px;
background-image: url(/admin/images/external_blue.gif);
background-repeat: no-repeat;
background-position: right;
}

p, ul, ol {
margin-bottom: 1.428em;
}

h1, h2 {
font-size: 1.428em;
font-weight: normal;
line-height: 1.25em;
margin-top: 0;
margin-bottom: 1em;
}

h1.seperator {
margin-left: -2em;
padding-left: 2em;
margin-right: -2em;
padding-right: 2em;
padding-bottom:1em;
border-bottom:1px solid #ccc;
}

h3 {
font-size: 1.1667em;
font-weight: bold;
line-height: 1.286em;
/*margin-top: 1.929em;*/
margin-bottom: 0.643em;

}

h4 {
font-size: 1em;
font-weight: bold;
margin-top: 1.428em;
margin-bottom: 0.5em;
}

hr {
border: 1px solid #e0e0e0;
margin: 1em 0;
}

ul {
margin-left: 1.428em;
}

ol {
margin-left: 1.8em;
}

.steps {
margin-left: 0;
list-style-position: inside;
list-style-type: decimal;
}
.steps li {
margin-bottom: 1em;
}
.steps li.selected {
font-weight: bold;
}

.note {
font-size: 0.857em;
line-height: 1.5em;
color: #666;
}

/* forms */

input.button {	
padding: 0.4em 0.8em;
cursor: pointer;
color: #464646;
background-color: #f6f6f6;
border: 1px solid #bbb;        
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;

font-weight: bold;
}

input.button:hover {
background-color: #fff;
color: #000;
border: 1px solid #9b9a9a;
}

input.input_text {
width: 20em;
}
select {
width: 21em;
}
input.input_text_short {
width: 10em;
}

.privatecontentform .input_text {
width: 15em;
}

textarea {
width: 95%;
}
div.field_group {
width: 100%;
overflow: hidden;
margin-bottom: 1.25em;
}

div.field_group .field {
width: 10.5em;
float: left;
margin: 0;
}
div.field_group .input_text {
width: 9.25em;
}
#field_lastname {
margin-left: 0.25em;
}
div.field, form {
line-height: 1.428em;
margin-bottom: 1.25em;  
}
div.field input {
vertical-align: middle;
}
.passwd {
display: block;
}

input, select, button {
padding: 0.4em;
font-size: 100%;
}
option {
font-size: 100%;
}
textarea, input.vTimeField {
padding: 0.4em;
font-size: 1.25em;
}
input.button, button.button {
}
/*input.vTextField, input.vEmailField, input.vPasswordField, select, textarea {
width: 25em;
}*/

textarea {
height: 10em;
}

label {
display: block;
}

#field_captcha img {
margin-top: 0.5em;
}

.errors {
padding: 1.428em;
padding-bottom: 0;
margin-bottom: 1.428em;
background-color: #BF2121;
color: #fff;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;

}
.errors ul {
margin-bottom: 0;
padding-bottom: 1.428em;
}

.error {
color: #A00;
font-weight: bold;
}
.errorlist {
margin-top: 0;
margin-left: 0;
}

/* */

a.external {
background-image: url(/admin/images/external_blue.gif);
}

/* ajdustments for iphone portrait */
@media (max-width: 480px) {
#stage, #footer {width: 21em;}
#stage {padding: 1em;}
}