html, body {height:100%}
body {background: #ccc url(../img/background.png) top left repeat-x; margin:0; overflow:auto; } 
h1,h2,h3,p,ul,li {margin:0;padding:0;}
ul,li {list-style:none}
a {text-decoration:none}
a:hover {text-decoration: underline}
a:focus {outline:none}

/* generic styles */
.fl {float:left}
.fr {float:right}
.ml10 {margin-left:10px;}
.clr {clear:both;height:0;overflow:hidden}


/* text styles */
div#panel, div#panel a, div#console, div#privatedlg a {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#888; line-height:27px}
div#panel .menu, div#panel .toggle, div#panel .button, div#privatedlg .button {font-size:10px; line-height:normal}
div#privatedlg {color:#333; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px}
div#privatedlg h3 {font-size:24px; font-weight:normal; padding-top:4px}
div#privatedlg p {line-height:16px}
div#console div#cc_console {color:#333; line-height:normal; font-weight:bold}

/* panels */
div#panel {position:absolute; top:0; left:0; background-color:#ddd; padding-bottom:8px; height:20px; width:100%; z-index:10; -moz-user-select:none;-khtml-user-select:none; cursor:default}
	div#panel a.fl, div#panel div.fl {margin-left:10px}
	div#panel a.fr, div#panel div.fr {margin-right:10px}

div#panel div.control {padding:0 5px 0 10px; line-height:25px}
div#panel div.logout {float:right;padding:0 5px 0 10px; line-height:25px}

div#panel ul {margin-left:3px}
	div#panel ul li.yellow {background-color: #FCFFA3}
	div#panel ul li.blue   {background-color: #EBF9FF}
	div#panel ul li.red    {background-color: #FFEBEB}
	div#panel ul li.green  {background-color: #D9FFC2}
	div#panel ul li.violet {background-color: #FFDFFF}
	
div#panel ul.colour li {float:left; width:24px; height:16px; margin:5px 0 0 5px; border:1px solid #aaa}
div#panel ul.colour li:hover {border:1px solid black;}
	div#panel ul.colour li a {display:block; height:16px}
	
div#panel ul.rate li {float:left; margin-top:9px; border:none; height:11px; overflow:hidden}
	div#panel ul.rate li a {display:block; height:11px; width:11px; background:#eee url(../img/ic_star.gif) 0 0}
	div#panel ul.rate li a:hover {background-position:0 11px}
	div#panel ul.rate li a.star {background-position:0 11px}

div#panel .menu, div#panel .toggle, div#panel .button, div#privatedlg .button {float:left; padding:2px 5px; margin:5px 0 0 8px; cursor:default;}
div#panel .menu:hover, div#panel .toggle:hover, div#panel .menu:focus {border-color:#333; color:#333; background-color:white; text-decoration:none}
div#panel .menu:hover, div#panel .menu:focus {background-position:right -16px}
div#panel .button:hover, div#privatedlg .button:hover {padding:1px 7px; border-width:2px; text-decoration:none; cursor:pointer}
div#panel .toggle {width:8px}
div#panel .button, div#privatedlg .button {padding-left:8px; padding-right:8px}
div#panel .sep {width:2px; height:20px; margin-top:4px; background-image:url(../img/sp_cc.png)}

div#panel .menu1, div#panel .toggle1, div#panel .button1, div#privatedlg.button1 {background-color:#eee; border:1px solid #aaa}
div#panel .menu1 {background:#eee url(../img/ic_select.gif) no-repeat top right}

div#panel .menu2, div#panel .toggle2, div#panel .button2 {background-color:#BF02F9; color:#fff;  border:1px solid #aaa}
div#panel .menu2 {background:#BF02F9 url(../img/ic_select_p.gif) no-repeat top right}

div#panel .button1, div#privatedlg .button1 {border:1px solid #888; background-color:#eee}
div#panel .button3, div#privatedlg .button3 {border:1px solid #F8CC00; background-color:#FCE476; color:#666666}


/* console */
div#console {position:fixed; bottom:0; left:0; background:transparent url(../img/bk_console.png) 0 0 repeat-x; padding-top:14px; height:20px; width:100%; overflow:hidden; z-index:10; }
	div#console div#cc_console {background:transparent none no-repeat 5px 5px; padding:3px 0 0 20px; opacity:0}
	div#console div#cc_console.cc_error {color:#A70004}


/* desktop */
div#desktop {height:100%; background-image: url(../img/_.gif)}


/* panel shadow */
div#panel_shadow {position:absolute; top:29px; left:0; height:7px; width:100%; overflow:hidden; background:transparent url(../img/sh_panel.png) 0 0 repeat-x; z-index:10}


/* menus */
div#U_options {border:1px solid #333; background-color:white; font-family:verdana; font-size:10px}
	div#U_options a {display:block; padding:4px 5px; cursor:pointer; color:#333}
	div#U_options a:hover {background-color:#eee; text-decoration:none}


/* alert */
div#privatedlg {position:absolute; top:23px; left:430px; width:308px; z-index:9999; cursor:default}
	div#privatedlg .tp {background:transparent url(../img/bk_tp_alert.gif) no-repeat top left; height:7px; overflow:hidden}
	div#privatedlg .ct {background-color:#FBFDDC; padding:5px 10px 10px}
		div#privatedlg .ct img {margin-right:10px}
		div#privatedlg .ct p {padding-bottom:8px}
	div#privatedlg .bt {background-color:#FBFDDC; margin:0 1px; height:1px; overflow:hidden}
	div#privatedlg .button {margin:0 10px 0 0; width:40px; text-align:center}

/* dim background */
div#dim_background {position:absolute; top:0; left:0; width:100%; height:100%; background-image:url(../img/bk_dim.png); z-index:9998}