body, table {
   color: #ccc;
   font-size: 13px;
   font-family: Tahoma;
}

body {
   background-color:#000;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
}

a:link, a:active, a:visited {
   color: #f00;
   font-weight: bold;
   text-decoration:none;
}
a:hover {
   color:#BC0000;
   text-decoration:underline;
}

.top_bg {
    background-image: URL('../images/top_bg.jpg');
    background-repeat: repeat-x;
    height: 10px;
}

.top_line_bg {
    background-image: URL('../images/top_line_bg.png');
    background-repeat: repeat-x;
    height: 12px;
    text-align: center;
}

.play_bg {
    height: 26px;
    background-image: URL('../images/play_borders.png');
    background-repeat: no-repeat;
    background-position: top center;
    text-align: center;
    padding-top: 4px;

    font-size:   13px;
    font-weight: bold;
    color:       #fff;
}

.designed {
    padding: 5px;
    vertical-align: bottom;
    text-align:     right;
}


a.designed_link:link, a.designed_link:active, a.designed_link:visited {
   color: #9f9f9f;
   font-size: 11px;
   font-weight: bold;
   text-decoration:none;
}
a.designed_link:hover {
   color:#BC0000;
   text-decoration:underline;
}

.bottom_line_bg {
    background-image: URL('../images/bottom_line_bg.png');
    background-repeat: repeat-x;
    height: 12px;
    text-align: center;
}

.bottom_bg {
    background-image: URL('../images/bottom_bg.jpg');
    background-repeat: repeat-x;
    height: 10px;
}

.content_section {
    background-image: URL('../images/content_bg.jpg');
    background-position: top left;
    background-repeat: no-repeat;
    padding: 10px
}

.you_here {
    font-family: Tahoma;
    font-size:   11px;
    font-weight: bold;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0px 0px 0px 0px;
}

.header, h1, h2, h3, h4, h5, h6 {
    color: #ffa900;
    font-weight: bold;
}

.header {
    font-size: 14px;
}

.left_content {
    background-color: #000;
    padding: 20px;
}

th.header {
    background-color: #cccccc;
    color: #000000;
}

.border {
    border: 3px outset #404040;
}

.border_image {
    border: 1px solid #4d4d4d;
}

input {
    border: 2px solid #cccccc;
}

.submit {
    border: 2px outset #cccccc;
    background-color: #ffffff;
    color: #000000;
    width: 80px;
    font-weight: bold;
    font-size: 11px;
    font-family: Tahoma
}

li {
    margin-top: 5px;
}

.error {
   color: #ff0000;
   font-size: 11px;
   font-weight: bold;
}


/* ---- PREVIEW STYLES ---- */
.border_preview{
z-index:100;position:absolute; background-color: #000;min-width:100px; border: 1px solid #888;
min-height:100px;
height:auto !important;
height:160px;
text-align: center;
}
.title_h2 {
  border-top: 1px solid #4d4d4d;
  margin: 0px;
  padding: 0px;
  text-align: left;
}

#interface1 {
z-index:1;
}
#loader_container {text-align:center;position:absolute;top:40%;width:100%}
#loader {
font-family:Tahoma, Helvetica, sans;
font-size:10px;
color:#000000;
background-color:#FFFFFF;
padding:10px 0 16px 0;
margin:0 auto;
display:block;
width:135px;
border:1px solid #6A6A6A;
text-align:left;
z-index:255;
}
#progress {
height:5px;
font-size:1px;
width:1px;
position:relative;
top:1px;
left:10px;
background-color:#9D9D94
}
#loader_bg {background-color:#EBEBE4;position:relative;top:8px;left:8px;height:7px;width:113px;font-size:1px}


/* Calendar */
table.calendar {
    width:              100%;
}
table.calendar td {
    text-align:         center;
}
table.calendar td a {
    display:            block;
}

table.calendar td a:hover {
    background-color:   #BC0000;
    color:              #ffffff;
}

table.calendar th {
    background-color:   #cccccc;
    color:              #000000;
}

table.calendar td.selected {
    background-color:   #FFCC99;
}

img.calendar {
    border:             none;
}
form.clock {
    text-align:         center;
}
/* end Calendar */