/* start html tags */
body, td {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
margin: 0;
color: #444;
}

a {
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #0000FF;
}

form {
margin: 0;
}

legend {
font-weight: bold;
padding: 5px;
}

img {
border: 0;
}

label {
cursor: pointer;
}

h2 {
font-size: 14px;
margin: 0;
}

input, select, textarea {
border: 1px solid #e0d2e8;
font-size: 11px;
}

input.btn {
background: #FAF7FB;
font-family: Arial, Helvetica, sans-serif;
cursor: pointer;
}

/* end html tags*/

/* start header styles */
.header {
	height: 73px;
}

.line {
position: absolute;
top: 68px;
width: 100%;
height: 5px;
background: #FFF url(../images/header_line_bg.png) repeat-x;
}

.icons {
position: absolute;
z-index: 15;
top: 50px;
right: 3px;
}

#menu dl, #menu dt, #menu dd, #menu ul, #menu li {
margin: 0;
padding: 0;
list-style-type: none;
}

#menu {
position: absolute;
z-index: 10;
top: 48px;
background: #EAEAEA url(../images/header_menu_bg.png) repeat-x;
width: 100%;
height: 20px;
}

#menu dl {
float: left;
}

#menu dt {
cursor: pointer;
text-align: center;
height: 20px;
width: 99px;
}

#menu dt a {
font-family: Arial;
font-size: 11px;
color: #000;
padding-top: 5px;
padding-bottom: 3px;
text-decoration: none;
display: block;
width: 100%;
}

#menu dt a:hover, #menu dt a:hover {
background: #9A989A url(../images/header_hover_bg.png) no-repeat;
color: #000000;
}

#menu dd {
position: absolute;

display: none;
background: #F0F0F0 url(../images/header_popup_bg.png) repeat-x;
background-position: bottom;
border-left: 1px solid #D3D3D4;
border-right: 1px solid #D3D3D4;
border-bottom: 1px solid #D3D3D4;
}

#menu dd ul {
padding-top: 5px;
background-image: url(../images/header_popup_line_bg.png);
background-repeat: repeat-x;
width: 97px;
}
#menu dd li {
display: inline;
}
#menu dd a {
display: block;
padding: 4px 5px 4px 5px;
color: #727272;
font-family: Arial;
font-size: 11px;
text-decoration: none;
}
#menu dd a:hover {
padding: 3px 5px 3px 5px;
color: #FFF;
background: #9C9C9C url(../images/header_popup_hover_bg.png) repeat-x;
border-top: 1px solid #727272;
border-bottom: 1px solid #727272;
}
.demo_mode {
margin: 10px;
padding: 5px;
font-weight: bold;
text-align: center;
border: 1px dashed #FF0000;
line-height: 170%;
}
.demo_mode a {
}
/* end header styles */

/* start footer styles */
.footer {
margin-top: 10px;
text-align: center;
padding: 10px;
height: 50px;
}

#debug {
position: absolute;
z-index: 120;
top: 10px;
right: 10px;
border-top: 1px solid #D3D3D4;
border-left: 1px solid #D3D3D4;
border-right: 1px solid #A6A6A6;
border-bottom: 1px solid #A6A6A6;
background: #EFEFEF;
padding: 5px;
width: 600px;
height: 500px;

}

#debug .title {
background: #E3E3E3;
cursor: pointer;
}

#debug_content {
margin-top: 6px;
}

#debug_content ul {
overflow: auto;
height: 436px;
}
/* end footer styles */