/*---------------------------------------------#
# Cobalt3.css - Jamroom Control Panel Skin
# Original Design by Oinkba - www.oinkba.com
# copyright 2003 - 2007 Talldude Networks, LLC
# http://www.jamroom.net
#----------------------------------------------*/

a:link, a:active, a:visited {
color:#FFF;
text-decoration:none;
}

a:hover {
color:#9C0;
text-decoration:underline;
}

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

input.error, select.error, textarea.error {
background:#FFA;
}

img {
vertical-align:middle;
border:0px;
padding:1px;
}

form {
margin: 0px;
}

.inf {
color:#009933;
}

.min {
color:#FFFF00;
}

.maj {
color:#CC6600;
}

.cri {
color:#FF0000;
}

.pager {
font-size:10px;
}

.jmFont1 {
color:#CCC;
}

.jmFont2 {
color:#C30;
font-weight:bold;
}

.jmFont3 {
color:#FC0;
}

.jmItalic {
font-style:italic;
}

.jmBody {
font-family:Tahoma,Geneva,Verdana,sans-serif;
text-align:center;
background-color:#000;
background-position:center;
margin:10;
margin-left:10;
}

.jmTable {
background:#000;
width:100%;
}

.jmAdminTable {
background-color:#000;
width:154px;
}

.jmAltTable {
width:80%;
background-color:#000;
}

.jmHeader {
text-align:center;
vertical-align:middle;
height:23px;
}

.jmError {
background-color:#C30;
text-align:center;
padding-right:5px;
height:60px;
font-variant:small-caps;
font-weight:bold;
font-size:18px;
color:#FFF;
}

.jmSuccess {
background-color:#069;
text-align:center;
padding-right:5px;
height:60px;
font-variant:small-caps;
font-weight:bold;
font-size:18px;
color:#FFF;
}

.jmInputLeft {
background-color:#069;
text-align:right;
padding-right:5px;
height:30px;
font-variant:small-caps;
font-size:12px;
color:#FFF;
text-transform:capitalize;
}

.jmInputRight {
background-color:#0D4C72;
padding:5px;
font-size:10px;
color:#FFF;
vertical-align:middle;
}

.jmButton {
background-color:#000;
text-align:center;
border:1px #00192F solid;
margin:0px;
font-size:11px;
color:#FFF;
}

.jmRefresh {
background-color:#00192F;
height:40px;
text-align:center;
font-variant:small-caps;
font-size:13px;
}

.jmBandBanner {
background-color:#000;
text-align:center;
height:46px;
font-variant:small-caps;
font-size:14px;
font-weight:bold;
color:#9C0;
}

.jmWarning {
background-color:#00192F;
text-align:center;
padding-right:5px;
height:60px;
font-variant:small-caps;
font-weight:bold;
font-size:18px;
color:#FFF;
}

.jmTextBanner_back {
background-color:#00192F;
background-position:center;
text-align:center;
vertical-align:middle;
height:15px;
padding:2px;
}

.jmTextBanner_font {
font-variant:small-caps;
font-size:11px;
font-weight:bold;
letter-spacing:1px; 
color:#FC0;
}

.jmTextBanner_cell {
background-color:#000;
text-align:center;
font-size:9px;
color:#CCC;
border-right:1px solid #00192F;
}

.jmDivider {
background-color:#00192F;
}

.jmRepHead {
background-color:#069;
text-align:center;
height:40px;
padding:5px;
font-family:Verdana;
font-size:18px;
font-weight:bold;
color:#FC0;
}

.jmRepTitle_left {
background-color:#999;
text-align:right;
height:20px;
padding-right:5px;
}

.jmRepTitle_right {
background-color:#999;
text-align:left;
height:20px;
padding-left:5px;
}

.jmRepTitle_font {
font-family:Verdana;
font-size:12px;
font-weight:bold;
text-decoration:underline;
color:#FFF;
}

.jmRepRow {
background-color:#999;
height:20px;
font-family:Verdana;
font-size:10px;
color:#CCCCCC;
}

.jmInput_font {
font-size:10px;
color:#C0C0C0;
}

.jmInputSubmit { 
font-size:10px;
color:#9C0;
background-color:#000;
font-weight:bold;
cursor:pointer;
border:1px solid #333;
width:150px;
}

.jmInputText {
font-size:11px;
color:#000;
background-color:#CCC;
border:1px solid #CFCFCF;
width:300px;
}

.input {
font-size:11px;
color:#000;
background-color:#CCC;
border:1px solid #CFCFCF;
}

.jmInputPassword {
font-size:11px;
color:#000;
background-color:#CCC;
border:1px solid #CFCFCF;
width:175px;
}

.jmInputUser {
font-size:11px;
color:#000;
background-color:#CCC;
border:1px solid #CFCFCF;
width:175px;
}

.jmInputFile {  
font-size:11px;
color:#000;
background-color:#CCC;
border:1px solid #CFCFCF;
cursor:pointer;
width:300px;
}

.jmInputCheck {
font-size:11px;
color:#FFF;
background-color:#0d4c72;
border:1px solid #CFCFCF;
cursor:pointer;
border:0px;
vertical-align:middle;
}

.jmInputArea {
font-size:11px;
font-family:"Bitstream Vera Sans Mono", sans-serif;
color:#000;
background-color:#CCC;
border:1px solid #CFCFCF;
width:300px;
height:100px;
}

.jmInputSelect {
font-size:11px;
background-color:#CCC;
border:1px solid #CFCFCF;
cursor:pointer;
width:300px;
}

.jmInputChoose {
color:#9C0;
font-size:11px;
background-color:#000;
border:1px #000 solid;
cursor:pointer;
width:300px;
}

.jmSubmit_back {
background-color:#00324b;
border-style:none;
border:0px;
height:40px;
text-align:center;
}

.jmSubmit_font {
font-size:11px;
text-transform:capitalize;
margin:2px;
}

.jmPlayCell {
background-color:#000;
color:#CCC ;
padding-left:4px;
font-size:10px;
}

.jmPlayCell_image {
background-color:#000;
text-align:center;
vertical-align:middle;
padding:8px;
}

.jmSpanCell_left {
background-color:#00324b;
padding-left:2px;
font-variant:small-caps;
font-size:12px;
font-weight:bold;
color:#FFF;
}

.jmSpanCell_right {
background-color:#00324b;
padding-right:2px;
text-align:right;
font-size:10px;
color:#FFF;
}

.jmShowLine {
background-color:#00192F;
text-align:center; 
height:25px;
padding:3px;
font-size:11px;
color:#C0C0C0;
}

.jmNoteText {
font-weight:bold;
font-size:11px;
color:#FC0;
}

.jmLog_table {
background-color:#CCC;
padding:0px;
margin:0px;
}

.jmLog_header {
height:25px;
text-align:center;
text-transform:capitalize;
padding:2px;
background-color:#00192F;
font-size:11px;
color:#FFF;
}

.jmLog_line {
height:20px;
padding:2px;
background-color:#000;
font-size:11px;
color:#C0C0C0;
}

.jmDisk_table {
background-color:#333;
}

.jmDisk_header {  
height:20px;
text-align:center;
padding:2px;
background-color:#212121;
font-family:Verdana;
font-variant:small-caps;
font-size:11px;
color:#FFF;
}

.jmDisk_number {  
height:20px;
text-align:center;
padding:2px;
background-color:#000;
font-family:Verdana;
font-variant:small-caps;
font-size:11px;
color:#FFF;
}

.jmDisk_line {  
height:20px;
text-align:left;
padding:2px;
background-color:#000;
padding-bottom:1px;
padding-top:4px;
font-family:Verdana;
font-variant:small-caps;
font-style:italic;
font-size:10px;
color:#C0C0C0;
}

.jmSongStat_table {
background-color:#333;
}

.jmSongStat_title {
height:20px;
text-align:center;
padding:2px;
background-color:#202020;
font-variant:small-caps;
font-weight:bold;
font-size:14px;
color:#FC0;
}

.jmSongStat_header {
height:20px;
text-align:center;
padding:2px;
background-color:#202020;
font-variant:small-caps;
font-size:12px;
color:#FFF;
}

.jmSongStat_row {
padding:2px;
background-color:#000;
font-variant:small-caps;
font-family:Verdana;
font-size:11px;
color:#FFF;
}

.jmPageStat_table {
background-color:#333;
}

.jmPageStat_header {
height:20px;
text-align:center;
padding:2px;
background-color:#202020;
font-variant:small-caps;
font-size:12px;
color:#FC0;
}

.jmPageStat_row {
padding:2px;
background-color:#000;
font-variant:small-caps;
font-family:Verdana;
font-size:11px;
color:#FFF;
height:15px;
}

.jmTheme_table {
background-color:#000;
}

.jmTheme_header {
height:20px;
text-align:center;
padding:2px;
background-color:#069;
font-size:16px;
color:#FFF;
}

.jmTheme_desc {
background-color:#000;
vertical-align:top;
padding:6px;
font-size:11px;
color:#FFF;
}

#thumbBox{
position:absolute;
left:0px;
top:0px;
width:646px;
padding:10px;
padding-bottom:0;
background:#111;
visibility:hidden;
z-index:10;
cursor:pointer;
}

#thumbBox .footerbar{
font:bold 16px Tahoma;
letter-spacing:5px;
line-height:1.1em;
color:#FFF;
padding:5px 0;
text-align:right;
}

#thumbBox #thumbImage{
background:#000;
color:#FFF;
padding:2px;
}

#thumbLoading{
position:absolute;
visibility:hidden;
border:1px solid #000;
background:#111;
color:#FFF;
padding:5px;
z-index:5;
}

/* The main calendar widget.  DIV containing a table. */
.calendar {
position: relative;
display: none;
border: 1px solid;
border-color: #fff #000 #000 #fff;
font-size: 11px;
cursor: default;
background: Window;
color: WindowText;
font-family: tahoma,verdana,sans-serif;
}

.calendar table {
border: 1px solid;
border-color: #fff #000 #000 #fff;
font-size: 11px;
cursor: default;
background: Window;
color: WindowText;
font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */
.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
text-align: center;
padding: 1px;
border: 1px solid;
border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
background: ButtonFace;
}

.calendar .nav {
background: ButtonFace url(menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
font-weight: bold;
padding: 1px;
border: 1px solid #000;
background: ActiveCaption;
color: CaptionText;
text-align: center;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}

.calendar thead .daynames { /* Row <TR> containing the day names */
}

.calendar thead .name { /* Cells <TD> containing the day names */
border-bottom: 1px solid ButtonShadow;
padding: 2px;
text-align: center;
background: ButtonFace;
color: ButtonText;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
color: #f00;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
border: 2px solid;
padding: 0px;
border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
}

.calendar thead .active { /* Active (pressed) buttons in header */
border-width: 1px;
padding: 2px 0px 0px 2px;
border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
width: 2em;
text-align: right;
padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
font-size: 80%;
color: #aaa;
}
.calendar tbody .day.othermonth.oweekend {
color: #faa;
}

.calendar table .wn {
padding: 2px 3px 2px 2px;
border-right: 1px solid ButtonShadow;
background: ButtonFace;
color: ButtonText;
}
.calendar tbody .rowhilite td {
background: Highlight;
color: HighlightText;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
padding: 1px 3px 1px 1px;
border-top: 1px solid #fff;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #fff;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
padding: 2px 2px 0px 2px;
border: 1px solid;
border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}

.calendar tbody td.selected { /* Cell showing selected date */
font-weight: bold;
border: 1px solid;
border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
padding: 2px 2px 0px 2px;
background: ButtonFace;
color: ButtonText;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
color: #f00;
}

.calendar tbody td.today { /* Cell showing today date */
font-weight: bold;
color: #00f;
}

.calendar tbody td.disabled { color: GrayText; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
display: none;
}

/* The footer part -- status bar and "Close" button */
.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
background: ButtonFace;
padding: 1px;
border: 1px solid;
border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
color: ButtonText;
text-align: center;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
border-top: 1px solid #fff;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #fff;
padding: 1px;
background: #e4e0d8;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
padding: 2px 0px 0px 2px;
border-top: 1px solid #000;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
border-left: 1px solid #000;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
position: absolute;
display: none;
width: 4em;
top: 0px;
left: 0px;
cursor: default;
border: 1px solid;
border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
background: Menu;
color: MenuText;
font-size: 90%;
padding: 1px;
z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
text-align: center;
padding: 1px;
}

.calendar .combo .label-IEfix {
width: 4em;
}

.calendar .combo .active {
padding: 0px;
border: 1px solid #000;
}

.calendar .combo .hilite {
background: Highlight;
color: HighlightText;
}

.calendar td.time {
border-top: 1px solid ButtonShadow;
padding: 1px 0px;
text-align: center;
background-color: ButtonFace;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
padding: 0px 3px 0px 4px;
border: 1px solid #889;
font-weight: bold;
background-color: Menu;
}

.calendar td.time .ampm {
text-align: center;
}

.calendar td.time .colon {
padding: 0px 2px 0px 3px;
font-weight: bold;
}

.calendar td.time span.hilite {
border-color: #000;
background-color: Highlight;
color: HighlightText;
}

.calendar td.time span.active {
border-color: #f00;
background-color: #000;
color: #0f0;
}