body { font : normal normal normal 10px verdana; margin : 0; padding : 0; background : #dddddd; min-width : 775px; }
.bgtr {background: #CCCC00; font-weight: bold; font-size: 12px; }
.bgth {background: #CCCCCC; }
.bgtb {background: #999999; font-weight: bold; font-size: 12px; text-align: center; }
.response {color: #003366; }
.request {color: #993300;}

/* -------------------------- CONTAINER ------------------------------------*/
div#container { margin: 15px auto; width : 775px; background : url("img/bg_main_content.png") repeat-y 100%; }

/* -------------------------- HEADER ------------------------------------*/
#header { height : 115px; background-color: #FFFFFF; }
.cornerleft { height: 13px; width: 22px; background: url('img/corner_topleft.png'); }
.cornerright { height: 13px; width: 22px; background: url('img/corner_topright.png'); }
.borderleft { height: 102px; width: 22px; background: url('img/border_header_left.png'); }
.logo { height: 102px; width: 277px; background: url('img/logo-namebay-api.png'); }
.borderright { height: 102px; width: 22px; background: url('img/border_header_right.png'); }

/* -------------------------- NAVBAR ------------------------------------*/
#navbar { position: relative; background : url(img/bg_navbar.png) repeat-x 100%; height : 24px; z-index: 500; }
#splashapi { background : url("img/splash_api.png") no-repeat; height : 161px;}

dl, dt, dd, ul, li { margin : 0; padding : 0; list-style-type : none; }
#menu { position: absolute; left : 0; margin : 0; padding : 0; z-index : 500; }
#menu dl { float : left; width : 150px; }
#menu dt { height : 17px; cursor : pointer; text-align : center; font-weight : bold; border-right : 1px solid gray; padding-top: 6px;}
#menu dt a { color: #000000; text-decoration : none; display : block; border : 0 none; }
#menu dt a:hover { }

/* -------------------------- MAIN ------------------------------------*/
#main { background-color : #FFFFFF; float : right; width : 530px; height : 100%; margin: 15px 20px 0 0; }
#main a { font-weight : normal; color : #002A7E; text-decoration : underline; }
#main a:hover { font-weight : normal; color : #000000; text-decoration : none; }
#main a:active, a:visited { font-weight : normal; color : #CCCCCC; text-decoration : none; }

#main h1 { height: 20px; font: bold 14px verdana; color: black; color : black; border-bottom: 1px solid black; padding-top: 10px;}
#main h2 { font-size : 12px; text-align : left; color : #002A7E; margin-bottom: -10px; padding-left: 10px; padding-right: 0px; }
#main p { font-size : 11px; padding : 0 10px; color : #000000; text-align : justify; }
#main ul { font-size : 11px; margin-left : 30px; padding : 3px; }
#main li { font-size : 11px; list-style-type : square; text-align : left; margin-left : 5px; }

/* -------------------------- SIDEBAR ------------------------------------*/
#sidebar { background-color : #FFFFFF; width : 171px; margin: 15px 530px 0 20px; }
html > body #sidebar { width : 175px; }

#sidebar ul {}
#sidebar li { margin-bottom: 3px; }
#sidebar p { font-size : 10px; text-align: justify; padding : 3px; }

#sidebar a { font-size: 11px; font-weight : bold; color : #000000; text-decoration : underline; }
#sidebar a:hover { font-weight : bold; color : #CCCC00; text-decoration : none; }
#sidebar a:active, a:visited { font-weight : bold; color : #666666; text-decoration : none; }

#sidebar h1 { text-align: center; background: #CCCC00; height: 35px; font: bold 14px verdana; color: black; border-top: 2px solid #666666; border-right: 2px solid black; border-bottom: 2px solid black; border-left: 2px solid #666666; }
#sidebar h2 { font: bold 12px verdana; background:#ddd url("img/i_minimize.png") center right no-repeat; border-top: 1px solid #666666; border-right: 1px solid black; border-bottom: 1px solid black; border-left: 1px solid #666666;  }
#sidebar .minimized h2 { background:#ddd url("img/i_maximize.png") center right no-repeat; }
#sidebar .minimized p, #sidebar .minimized ul { display: none; }

/* -------------------------- CONTENT ------------------------------------*/
.accountBalance { background: white; position: relative; width : 530px; height : 100%; margin: 15px 20px 0 0; border: 1px solid black;}

/* -------------------------- FOOTER ------------------------------------*/
#footer { height : 58px; clear : both; background : #CCCCCC url("img/bg_footer.png") no-repeat; }
#footer p { padding : 5px; margin : 0; font-weight : bold; }

/* -------------------------- BOTTOM LINKS ------------------------------------*/
div#links { text-align : center; width : 775px; margin : 0 auto; }
#links p { height : 30px; color : #666666; }
#links a { font-weight : normal; color : #666666; text-decoration : none; }
#links a:hover { color : #FF6600; text-decoration : underline; }
#links a:active, a:visited { color : #FFFFFF; text-decoration : none; }

/* -------------------------- GENERAL LINKS ------------------------------------*/
a { font-weight : bold; color : #FFFFFF; text-decoration : underline; }
a:hover { font-weight : bold; color : #FF6600; text-decoration : none; }
a:active, a:visited { font-weight : bolder; color : #CCCCCC; text-decoration : none; }

/* -------------------------- TEXTS ------------------------------------*/
.orangebold { font-weight : bold; color : #FF6600; font-size : 16px; }