* { margin:0; padding:0; }

html { font-size:100%; }

body { font-size:62.5%; font-family:verdana; background:#222222; color:#fff; }

h1 { font-size:1.8em; font-weight:600; color:#222222; padding:0em 0em 0.5em 0em; }

h2 { font-size:1.8em; color:#222222; padding:1em 0em 1em 0em; }

h3 { font-size:1.4em; color:#222222; padding:0em 0em 0.5em 0em; }

a { text-decoration:none; color:#cc0066; }

a:hover { text-decoration:underline; }

img { border:0; }

legend { font-size:1.5em; font-weight:bold; }

label { display:block; padding:0.1em; }

.note { font-size:0.9em; color:#cc001d; }

#container { position:relative; margin:0 auto; width:1024px; height:768px; }

#container #logo { position:absolute; width:22%; height:8.5%; left:5%; top:5%; }

#container #logout { position:absolute; width:22%; height:4.5%; left:73%; top:5%; text-align:right; }

#container #breadcrumb { position:absolute; width:50%; height:4%; left:45%; top:9.5%; text-align:right; }

#container #main_content { position:relative; width:90%; height:60%; left:5%; top:14%; }

#container #main_content #login { position:relative; width:50%; left:25%; top:5%; border:3px solid #cc0066; background:#fff; color:#000; padding:2em; }

#container #main_content #account { position:absolute; width:40%; height:85%; left:2.5%; top:5%; border:3px solid #cc0066; background:#fff; color:#000; padding:2em; }

#container #main_content #addons { position:absolute; width:40%; height:85%; left:2.5%; top:5%; border:3px solid #cc0066; background:#fff; color:#000; padding:2em; overflow:scroll; }

#container #main_content #page { position:absolute; width:40%; height:85%; left:52.5%; top:5%; border:3px solid #cc0066; background:#fff; color:#000; padding:2em; }

#container #main_content ul { list-style:none; }

#container #footer { position:absolute; width:90%; height:2.5%; left:5%; top:74%; text-align:center; padding-top:1.5em; color:#fff; }

#container #footer li { display:inline; padding:0em 0.5em 0em 0em; font-size:1.2em; width:16%; color:#fff; }

#container #footer li a { color:#cc0066; }

#container #footer li a:hover { text-decoration:underline; }



/*====[Dashboard]====*/

#main_content #account ul.stack { width:40em; }

#main_content #account li.stack { width:19em; float:left; }

/*====[page edit]====*/

.left { max-width:100px; max-height:100px; }

.sub_page { padding:1em 0em 0em 0em; }