body, textarea, input { 
font-family: sans-serif;
}
table, td, th, textarea, input, button, select { 
font-size: 100%;
}
form { 
margin: 0;
}
textarea {
height: 10em;
width: 20em;
}
a img { 
border: none;
}
#layout-user-info {
font-size: smaller;
text-align: right;
position: absolute;
right: 0;
top: 0;
padding: 0.25em;
}
#layout-user-info .username {
font-weight: bold;
}
.errorpopup { 
visibility: hidden; 
position: absolute; 
left: 0; 
top: 0;
border: solid red 1px; 
width: 300px; 
background: #fee; 
padding: 3px; 
font-size: smaller; 
text-align: center;
z-index: 99;
cursor: pointer;
}
.errorpopup .comment { 
margin: 2px;
font-size: 9px;
}
.confirmation .options { 
margin: 1em;
}
.error { 
color: red;
}
#autocomplete-popup { 
position: absolute;
background: white; 
padding: 3px;
border: solid black 1px;
height: 10em;
overflow: auto;
}
.autocomplete-popup-item { 
cursor: pointer;
}
.autocomplete-popup-item:hover { 
background: yellow;
}
.drag_handle { 
cursor: move;
}
.decor { 
font-size: 1px;
line-height: 1px;
}

.shadow_element { 
position: absolute;
}
.shadow { 
}
.shadow .top_left { 
}
.shadow .top { 
}
.shadow .top_right { 
}
.shadow .left { 
}
.shadow .right { 
}
.shadow .bottom_left { 
}
.shadow .bottom { 
}
.shadow .bottom_right { 
}

#rapid-php-calendar-popup-window { 
position: absolute;
padding: 0;
margin: 0;
left: 0;
top: 0;
font-size: smaller;
width: 14em;
background: #eee;
}
#rapid-php-calendar-popup-window table { 
width: 100%;
}
#rapid-php-calendar-popup-window table td { 
text-align: right;
cursor: pointer;
}
#rapid-php-calendar-popup-window table td.current { 
background-color: yellow;
}
#rapid-php-calendar-popup-window .nav { 
cursor: pointer;
font-weight: bold;
}
#rapid-php-calendar-popup-window .controls { 
position: relative;
top: 0px;
left: 0px;
padding: 0;
margin: 0;
height: 1em;
}
#rapid-php-calendar-popup-window .month { 
text-align: center;
}
#rapid-php-calendar-popup-window .nav-left { 
position: absolute;
top: 0px;
left: 0px;
}
#rapid-php-calendar-popup-window .nav-right { 
position: absolute;
top: 0;
right: 0;
}
#rapid-php-calendar-popup-window .header { 
text-align: right;
}
#rapid-php-calendar-popup-window .header img { 
cursor: pointer;
}
input.help,
.overlay_help { 
color: #777;
}

div.fileinputs {
position: relative;
}
div.fakefile {
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
}
input.file {
position: relative;
text-align: right;
moz-opacity: 0;
filter: alpha(opacity=0);
opacity: 0;
z-index: 2;
}

#system_gui_popup_overlay { 
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1024px;
z-index: 51;
background: #f0f0f0;
opacity: 0.5;
filter: alpha(opacity=50);
}
.system_gui_popup { 
position: absolute;
top: 100px;
left: 100px;
z-index: 60;
}

.input_date select.date_year { 
width: 5em;
}
.input_date select.date_month { 
width: 8em;
}
.input_date select.date_day { 
width: 4em;
}
.input_date select.date_hour { 
width: 3.5em;
}
.input_date select.date_minute { 
width: 3.5em;
}
.input_date select.date_second { 
width: 3.5em;
}
.input_date img { 
vertical-align: bottom;
cursor: pointer;
}
option.default { 
border-bottom: dotted 1px black;
}
.rapid_php_autocomplete_popup { 
position: absolute;
top: 0;
left: 0;
display: none;
margin: 0;
padding: 0;
list-style-type: none;
background: white;
border: solid #777 1px;
}
.rapid_php_autocomplete_popup li { 
display: block;
margin: 0;
padding: 0;
list-style-type: none;
cursor: pointer;
}
.rapid_php_autocomplete_popup li a,
.rapid_php_autocomplete_popup li a:link,
.rapid_php_autocomplete_popup li a:visited,
.rapid_php_autocomplete_popup li a:hover,
.rapid_php_autocomplete_popup li a:active { 
display: block;
width: 100%;
color: black;
text-decoration: none;
}
.rapid_php_autocomplete_popup li a:hover { 
background: #F0F0F0;
}

* { 
margin: 0;
padding: 0;  
}
body { 
background: #e3e3e3;
}
body #wrapper { 
min-height: 0;
height: auto;
background: white;
}
#layout_header .layout_wrapper,
#layout_content .layout_wrapper { 
position: relative;
margin: 0 auto;
width: 1000px;
}
#layout_header { 
background: white top left repeat-x url("../images/background_gradient_white_gray_header.png");
padding-bottom: 20px;
}
#layout_header .wrapper { 
position: relative;
width: 980px;
height: 46px;
margin: 0 auto;
}
#layout_header .logo { 
position: absolute;
top: 7px;
left: 0px;
}
#layout_header .progress_bar { 
position: absolute;
top: 8px;
right: 5px;
height: 22px;
width: 624px;
background: transparent left top no-repeat url("../images/background.signup.progress_bar.png");
}
#layout_content { 
position: relative;
z-index: 10;
}
#layout_content .layout_wrapper { 
min-height: 400px;
}
#layout_content .layout_wrapper .data { 
width: 491px;
margin: 0 135px 0 auto;
padding-bottom: 85px;
min-height: 400px;
_height: 400px;
}
#layout_content .woman { 
position: absolute;
z-index: -1;
bottom: 0px;
left: 0px;
}
#layout_footer { 
height: 100px;
background: transparent left top repeat-x url("../images/background.signup.page_bottom.png");
}
#layout_content .progress { 
position: absolute;
right: 275px;
top: -59px;
width: 361px;
height: 9px;

background: transparent center center no-repeat url("../images/background.signup.progress_bar.png");
}
#layout_content .progress .completed { 
position: absolute;
top: 3px;
left: 3px;
height: 3px;
background: #c0d7ed;
_font-size: 1px;
}
#layout_content .progress .glow { 
position: absolute;
}
#layout_content .progress .percent { 
position: absolute;
top: 13px;
right: 0px;
color: #ddd;
font-size: 0.7em;
font-weight: bold;
}
div#layout_content h2 { 
color: #055ae8;
font-size: 1.1em;
font-weight: normal;
padding: 15px 9px 5px;
margin: 0;
}
#layout_content .group { 
position: relative;
background: transparent center center repeat-y url("../images/layout_signup_form_bg.png");
width: 491px;
}
#layout_content .group .arrow { 
position: absolute;
top: -6px;
right: 20px;
}
#layout_content .group .top { 
background: transparent center top no-repeat url("../images/layout_signup_form_top.on_transparent.png");
}
#layout_content .group .bottom { 
padding: 15px 30px;
background: transparent center bottom no-repeat url("../images/layout_signup_form_bottom.on_transparent.png");
}
#layout_content form .controls { 
position: absolute;
bottom: 18px;
right: 82px;
text-align: right;
background: transparent top left no-repeat url("../images/layout_signup_next_gray.png");
line-height: 0px;
font-size: 0px;
}
#layout_content h1 { 
position: absolute;
bottom: 24px;
left: 300px;
width: 600px;
text-align: center;
font-size: 1em;
color: white;
font-weight: bold;
} 
#layout_content input.text {
padding: 3px;
border: solid #ddd 1px;
}
#layout_content select { 
padding: 1px 0 1px 3px;
border: solid #ddd 1px;
}
#layout_content form .subgroup { 
overflow: auto;
}
#layout_content form .subgroup .field { 
float: left;
margin-right: 15px;
width: 190px;
}
#layout_content form .name { 
margin: 0.6em 0 0.6em 0;
font-size: 0.75em;
font-weight: bold;
}
#layout_content form .value { 
}
#popup_loading {
position: absolute;
top: 300px;
left: 50%;
margin-left: -50px;
margin-top: -50px;
width: 100px;
height: 100px;
z-index: 50;
background: white;
padding: 10px;
border: solid 1px #ccc;
}
#layout_flash { 
position: fixed;
width: 100%;
left: 0;
bottom: 0;
background: #cc6600;
text-align: center;
color: white;
line-height: 1.4;
overflow: hidden;
_position: absolute;
_top: expression( ( - 0 - layout_flash.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}
#layout_flash.critical { 
background: #CD3333;
}
#layout_flash span.name { 
padding: 5px 0 5px 30px;
background: transparent left center no-repeat url("../images/flash_warning.png");
font-weight: bold;
}
#layout_flash.critical span.name { 
background: transparent left center no-repeat url("../images/flash_critical.png");
}
#layout_flash span.dismiss { 
font-size: 0.8em;
}
#layout_flash span.dismiss a { 
color: white;
}
#layout_flash_info .info { 
padding: 10px;
font-size: 0.9em;
}

#layout_header form { 
position: absolute;
right: 0px;
top: 0px;
background: #BDE0FF left top no-repeat url("../images/login_bg_left.png");
}
#layout_header form div.wrapper { 
height: 36px;
padding: 5px 20px 0 20px;
width: 336px;
background: transparent right top no-repeat url("../images/login_bg_right.png");
}
#layout_header form input.text { 
margin-right: 5px;
padding: 2px;
border: solid 1px #0066cc;
background: white left top no-repeat url("../images/input_bg.png");
font-size: 80%;
width: 120px;
}
#layout_header form input { 
vertical-align: middle;
}
#layout_header form .user { 
position: relative;
top: 0.4em;
text-align: center;
font-size: 0.8em;
font-weight: bold;
}
#layout_header form .user a:link,
#layout_header form .user a:visited,
#layout_header form .user a:hover,
#layout_header form .user a:active { 
color: white;
}
#layout_content form .mode { 
position: relative;
margin: 1.5em 0 1.5em 0;
padding: 0 0 0 20px;
}
#layout_content .progress .glow { 
left: -27px;
top: -14px;
}
#layout_content form .mode .radio { 
position: absolute;
left: 0px;
top: -2px;
vertical-align: bottom;
font-size: 0.9em;
line-height: 1;
height: 20px;
}
#layout_content form .mode h3 { 
font-size: 0.9em;
}
#layout_content .login_failure input { 
border: solid 1px red;
background: #FECACC;
}


form table tbody th { 
vertical-align: baseline;
padding: 0.25em;
text-align: right;
font-weight: normal;
}
form table tbody td { 
vertical-align: baseline;
padding: 0.25em;
}