@CHARSET "ISO-8859-1";
body{font-family: Arial, Verdana, sans-serif;}
h2{font-size:1.3em; color:#3777b5}
h3{font-size:1.1em;line-height:30px}
ul {list-style-type: square;}
li,ul,h2,h3{margin:0}
#header{background-color: #000;line-height:80px;height:80px;color:#fff}

#header h1{margin-left:10px;font-family:"Trebuchet MS";font-size: 2.5em;}
#contentseperator{background-color: #000;height:60px;color:#fff}
#contentseperator h2, #contentseperator p {margin-left:10px}
#footer {border-top:1px solid grey;text-align:right;margin-top:20px}
p.warning{color:#ff4444}

div#main{margin:10px}

div#sidebar h2, #regiondragelement h2{background-color: #F7F3E8}
div#sidebar, #regiondragelement p{background-color: #D5E1DD;margin-top:10px}
#regiondragelement p {margin-top:0;padding:5px;}
div#sidebar ul li {margin-top:5px;margin-left:25px;}

div.item {border:1px solid #ccc;margin-top:5px;padding:5px}
h2.title {font-size: 1.1em}

div#content h3 {padding-left:10px}

ul#genres, .legend{ list-style-type:none;}
ul#genres li label{width:80px;display:inline-block;}
ul#genres li input[type='text']{width:30px}

fieldset legend{font-size:1.2em;padding: 10px 0 10px 0}

.error{color:red}
.newslettercreation{font-size:1.8em}

span.cache{padding:5px;display:block;background-color: #f7f3e8}
#sidebar h2, #regiondragelement h2{line-height:40px;height:40px;padding-left:5px}


#sortable1 {list-style-type: none; margin: 0; padding: 0; padding: 5px;background-color: #D3D3D3;display:block;float:left;border:2px solid #dedede}
#sortable1 li {margin: 2px; padding: 5px; font-size: 1em;border:1px solid #bbb;float:left;background-color:#fff}

#sortable2, #sortable3, #sortable4, #sortable5, #sortable6, #sortable7, #sortable8, #sortable9 { list-style-type: none; margin: 0;margin-right: 5px; background-color: #D3D3D3; padding: 5px;width: 210px;min-height: 50px}
#sortable2 li, #sortable3 li,#sortable4 li,#sortable5 li,#sortable6 li,#sortable7 li,#sortable8, #sortable9 li { margin: 3px; padding: 5px; font-size: 1em; width: 190px;border:1px solid #bbb;background-color:#fff }
div#selectionlist {min-height: 30px;margin-bottom:20px}



#sortable1 li:hover,
#sortable2 li:hover,
#sortable3 li:hover,
#sortable4 li:hover
,#sortable5 li:hover
,#sortable6 li:hover
,#sortable7 li:hover
,#sortable8 li:hover
,#sortable9 li:hover
{cursor:move}



li.tv {border-right:6px solid #add900 !important}
li.comedy   {border-right:6px solid #ff6600 !important}
li.classical {border-right:6px solid #006634 !important}
li.dance {border-right:6px solid #ffcc66 !important}
li.music {border-right:6px solid #999a00 !important}
li.theatre {border-right:6px solid #666698 !important}
li.film {border-right:6px solid #660032 !important}
li.opera {border-right:6px solid #99cccd !important}
li.visual_arts {border-right:6px solid red !important}
li.gaming {border-right:6px solid #328525 !important}


ul.legend {position:relative}

ul.legend li {float:left; margin:5px;background-color:#fff;border:1px solid #bbb;padding: 2px;min-width: 50px}

div.legend_wrapper {background-color: #fff;}
div.legend_wrapper h6 {margin-top: 8px;float:left}
div.legend_wrapper :hover {cursor:help}

.pretty-hover {background-color:#777 !important}

.aToolTip {
    margin: 0;
    padding: 10px;
    background-color: #000;
    color:white;
    border: 2px solid #bbb;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    height: 50px;
    width: 170px;
    text-align: center;
}

.my_rounded_corners{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}

#regiondragelement{
    padding-top:20px;
position: relative;
}

div#regiondragelement div h3 {line-height:1;}
div#regiondragelement div h3 {padding: 5px; cursor:pointer; background: #D3D3D3 url("../images/state.gif") no-repeat 100% 5px; display:block; text-decoration:none; margin:0; margin-top:10px;}  
div#regiondragelement div h3 a {color: #000; text-decoration:none;}
div#regiondragelement div ul {border-bottom: 2px solid #000;margin:0;}
div#regiondragelement div h3.active {background-color: #777;  background-position: 100% -21px;}


.awesome{
background: #222 url(../images/alert-overlay.png) repeat-x;
display: inline-block;
padding: 5px 10px 6px;
color: #fff;
text-decoration: none;
font-weight: bold;
line-height: 1;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0 1px 3px #999;
-webkit-box-shadow: 0 1px 3px #999;
text-shadow: 0 -1px 1px #222;
border-bottom: 1px solid #222;
position: relative;
cursor: pointer;
}