html *{
margin: 0;
padding: 0;
}

body{
margin: 0 auto;
text-align:center;
font: 12px Lucida Sans Unicode, Lucida sans, Verdana;
line-height:16px;
background: #eee url(../css/images/bg_body.jpg) repeat-y center top;
width:960px;
}


div#container{
width:960px;
text-align:center;
margin: 0 auto;
}

div#admincontainer{
width:960px;
text-align:left;
margin: 0 auto;
}

div#head{
background:url(../css/images/header.jpg) top left no-repeat;
height:120px;
margin:0 auto;
text-align:center;
}

div#adminheader{
background:url(../css/images/adminareaheader.jpg) top left no-repeat;
height:120px;
margin:0 auto;
text-align:center;
}

div#content{
width: 960px;
margin: 0 auto;
text-align: center;
}

div#main{
width: 685px;
float:left;
margin:2px 0 0 15px;
padding:0;
text-align:justify;
}

* html div#main{
margin:15px 0 0 8px;
}

div#menu{
margin: 10px 0 0 730px;
padding-top:1px;
color: #000;
text-align:left;
}

div#adminmain{
width: 950px;
margin:10px;
}

div.error{
border:2px solid red;
margin:10px 10px 10px 0;
margin:10px;
}

div.msg{
border:1px dotted black;
margin:10px 10px 10px 0;
}

div.msg p, div.error p{
padding:10px;
}

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

a:hover{
color:black;
text-decoration:underline;
}

div#main a{
color:#000;
}

div#footer a{
color:#000;
}

h1{
font: 18px Lucida Sans Unicode, Lucida sans, Verdana;
color: #020202;
}

div#ca h1{
font: 18px Lucida Sans Unicode, Lucida sans, Verdana;
color: #020202;
padding-top:10px;
margin-left:20px;
}


p{
margin-top:10px;
margin-bottom:10px;
margin-right:0;
}


div#clear, div.clear{
clear:both;
height:1px;
overflow:hidden;
}

div#footer{
width:960px;
text-align: center;
border-top: 1px dotted #1B004D;
margin:0 0 0 0;
padding: 8px 0;
}

img{
padding: 5px 5px 5px 0;
}

img.picker{
padding:0;
}

div#images img{
float:left;
padding:5px;
}

span.size20{
font-size:20px;
}
span.size14{
font-size:14px;
}

div#opt{
background-color:#eee;
line-height:18px;
padding:0 0 0 5px;
border:1px solid black;
font-size:11px;
margin:0 10px 10px 0;
}

div#opt p{
margin-top:2px;
margin-bottom:2px;
}

div#opt a{
color:black;
text-decoration:none;
}

div#opt a:hover{
color:black;
text-decoration:underline;
}

ul.menu{
list-style: none;
margin: 0 0 0 10px;
}

.cat{
background: #ccc;
padding:4px 0 3px 10px;
margin:5px 0;
display: block;
width: 90%;
font-weight:bold;
}

ul.menu li ul{
list-style:none;
margin: 0 0 0 10px;
}

ul.menu li a, ul.menu li ul li a{
text-decoration:none;
}

ul.menu li a:hover{
text-decoration: underline;
}

ul.menu a.cat:hover{
text-decoration:none;
}

div#ticker{
padding-top:37px;
padding-left:15px;
float:left;
}

div#hb{
margin-top:142px;
margin-right:36px;
float:right;
}

* html div#hb{
margin-top:142px;
margin-right:20px;
float:right;
}

div#hb a{
display:block;
width:125px;
height:35px;
float:left;
}

label{
width: 7em;
float:left;
padding: 2px;
margin-top:3px;
}

label.long{
width:15em;
}

input, textarea{
padding:3px;
margin-top:3px;
border: 1px solid black;
}

input.radio{
margin-right:5px;
}

select.margin{
margin-top:3px;
}

span.userinfo{
padding:2px;
margin-top:3px;
}

option.pad{
padding-right:5px;
}

a img{
border:none;
}

div#appearance{
text-align:center;
margin: 15px auto 0 auto;
}

div#imgs {
text-align:left;
margin: 15px auto 0 auto;
}

div#appearance img, div#imgs img{
margin:0;
padding:0;
}

div.admintable table td a {
text-decoration:none;
}

div.admintable table td a:hover {
text-decoration:underline;
}

div.admintable table {
border:1px solid #555;
border-collapse: collapse;
border-spacing: 0px;
}

div.admintable table th {
padding:3px 6px;
font-weight:bold;
color: #000;
border:1px solid #555;
}

div.admintable table td {
border:1px solid #555;
padding:3px 6px;
}

div.admintable table a {
text-decoration:underline;
}

div.admintable table a img{
text-decoration:none;
background-color:none;
border:none;
padding:2px;
}

.green {
background-color: #6BBA70;
}

.red {
background-color: #CD5454;
}


#mini{ COLOR: #999; CURSOR: move; FONT-FAMILY: arial, helvetica, san-serif; FONT-SIZE: 11px; POSITION: absolute; background: #000; padding-bottom: 8px; WIDTH: 148px; HEIGHT: 155px; Z-INDEX: 100; }
#mini div{ margin: 0; padding: 0; }
#mini .north{ background: #111; border-bottom: 1px solid #171717; }
#mini .north div{ color: #999; float: right; padding: 5px 7px; CURSOR: pointer; -moz-user-select: none; -khtml-user-select: none; user-select: none; }
#mini .north div:hover{ COLOR: #DE83AD; }
#mini .south{ margin: 32px 10px 0 10px; cursor: crosshair; -moz-user-select: none; -khtml-user-select: none; user-select: none; }
#mini .south div{ background: url('js/colourpicker/media/miniCurr.gif') no-repeat; position: absolute; height: 9px; width: 9px; z-index: 101; }
#mini .south img{ height: 100%; WIDTH: 100%; position: relative; TOP: -8px; LEFT: -1px; }
#mini #mHEX{ padding: 5px 0 4px 7px; cursor: text; float: left; }
#mini #mHEX:hover{ color: #DE83AD }
#mini #mSize{ float: right; top: -14px; left: 7px; position: relative; height: 14px; width: 14px; cursor: se-resize;padding:0; }

table.ml td a {
text-decoration:none;
}

table.ml td a:hover {
text-decoration:underline;
}

table.ml {
border:1px solid #555;
border-collapse: collapse;
border-spacing: 0px;
}

table.ml th {
padding:3px 6px;
font-weight:bold;
color: #000;
border:1px solid #555;
}

table.ml td {
border:1px solid #555;
padding:3px 6px;
}

table.ml a {
text-decoration:underline;
}