/*****************************************************************/
/* File : ui.css                                                 */
/*                                                               */
/* This stylesheet is used by all user interface parts within    */
/* the system with the exception of...                           */
/*************************************************************** */

H1 {font-size:28px; font-weight:bold; color:#ccccff; font-family:Arial,Helvetica,sans-serif;}
H2 {font-size:24px; font-weight:bold; color:#eeeeee; font-family:Arial,Helvetica,sans-serif;}
H3 {font-size:20px; font-weight:bold; color:#ccccff; font-family:Arial,Helvetica,sans-serif;}
H4 {font-size:16px; font-weight:bold; color:#ccccff; font-family:Arial,Helvetica,sans-serif;}

DT,DL,DD,TD {font-family:Arial,Helvetica,sans-serif;font-size:12px; color:#eeeeee;}

PRE {font-family:"Courier New",Courier,mono;}
XMP {font-family:"Courier New",Courier,mono;}

BODY { background-color:#00003f; font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#eeeeee; }
.popupBody{ padding:0px; margin:0px; border-width: 0px; }

A:link    { color:#9999CC; font-weight:bold; text-decoration: none; }
A:visited { color:#9999CC; font-weight:bold; text-decoration: none; }
A:active  { color:#9999CC; font-weight:bold; text-decoration: none; }
A:hover   { color:#CCFFFF; font-weight:bold; text-decoration: none; }

.appLink            { color:#9999BB; font-weight:bold; text-decoration: none; }
.inactiveAppLink    { color:#999999; font-weight:bold; text-decoration: none; }

.inlineHeading2 {font-size:22px; font-weight:bold; color:#ccccff; font-family:Arial,Helvetica,sans-serif;}
.inlineHeading3 {font-size:18px; font-weight:bold; color:#ccccff; font-family:Arial,Helvetica,sans-serif;}
.inlineHeading4 {font-size:15px; font-weight:bold; color:#ccccff; font-family:Arial,Helvetica,sans-serif;}
.inlineHeading5 {font-size:14px; font-weight:bold; color:#ccccff; font-family:Arial,Helvetica,sans-serif;}
.logoHeading {font-size:22px; font-weight:bold; color:#ccccff; font-family:Arial,Helvetica,sans-serif;}

.datetime {font-size:12px; color:#ffffff; font-family:"Courier New",Courier,mono; }
.showType { color:#BB66DD; font-weight:bold; }

/**** CROPfm main page ****/
.main_section { padding: 0px 40px 10px 20px; }

.welcome { font-family:Verdana,sans-serif; font-size:12px; color:#dd99ff; padding:13px 20px 20px 0px; }

.subjectDescr {
  margin-left: 40px;
  width: 750px;
  background-color: #000055;
  padding:10px; 
  font-size:14px; 
  font-family:Verdana,sans-serif; 
  color: #bbbbff;
}

.section_heading {
  font-size:18px;
  font-weight:600;
  color:#dadaff;
  font-family:Arial,sans-serif;
  letter-spacing:1px; 
  background-repeat:repeat-x;
  background-position:0px 0px;
  white-space: nowrap;
  padding-left: 0px;
}

/***** CROPfm subpages (podcast page,...) *****/
.subpageContent { 
  width:750px;
  padding:10px 0px 0px 25px;
}

/**** CROPfm Listenlive ****/

.countdown {
  width: 100%;
  font-family:verdana;
  font-weight:300;
  letter-spacing: 2px;
  text-align: center;
  font-size: 27px;
  color: #5555ff;
}

.countdownBar {
   margin-top: 10px;
   font-size:0px;
   height: 2px;
   background-position: -63px -24px;
   border-right-width: 0px;
   border-right-style: dotted;
   border-right-color: 0000aa;
   border-left-width: 0px;
   border-left-style: dotted;
   border-left-color: 0000aa;
}

/**** CROPfm Show Listing ****/

.show_link { font-family:Arial,Helvetica,sans-serif; font-size:16px; font-weight:bold; }

.bulletEgg {float: left; }
.mediaEgg {width:74px; height:44px; margin:0px; padding:0px; float:right;}
.mediaEgg img {  margin:0px; padding:0px; float:left;}

.iconLink {  
  padding:4px 0px 0px 0px;
}

.iconLabel {  
  padding:7px 0px 0px 0px;
  vertical-align:top;
  width:150px;
}

.appIconLink {  
  vertical-align:40%;
}

/* CSS hack for Mozilla, needs more padding to align label */
html>body .iconLabel {
  padding:11px 0px 0px 0px;

}

.showHeader {
  background-repeat:repeat-x;
  background-position:0px 0px;
  width:100%; 
  padding:0px; 
  margin: 0px;
}

.showText { margin-left: 45; padding-right: 30px; }


.loading,
.loadingText { font-family:Arial,Helvetica,sans-serif; font-size:16px; font-weight:bold; color:#9999FF;}
.loadingIconContent { position:absolute; left: 700; }
.loadingIcon { float:left; }

/**** CROPfm Search ****/

.tabTable { 
  width:232px;
  margin: 0px;
  padding: 0px;
}

.formTable {
  height:300px; 
  width:227px;
  margin: 0px;
}

.formElem {
  padding: 0px;
}

.cropfmTabLinkSelected { 
  border:#0000ff solid 1px;
  height:20px; 
  width: 100%;
  vertical-align:middle;
  text-align:center; 
  font: bold 14px arial;
  color:#aaaaff;
  padding:0px;
}

.tabDescription {
  color: ccccff;
  font: normal 12px arial;
  background-color: 000055;
  margin: 0px 0px 10px 0px;
  padding: 3px;
}

.inputLabel {
  color: #aaaaff;
  font: bold 12px arial;
}

.checkboxLabel {
  color: bbbbff;
  font: normal 12px arial;
}

/***** CROPfm input elements *****/

input.cropfmInput {
  color:#aaaaff;
  background-color:#00003f;
  border: 1px solid #3333ff;
} 

select.cropfmInput {
  color:#aaaaff;
  font: normal 12px arial;
  background-color:#00003f;
  border: 0px;
  outline: 0px;
  padding: 0px;
} 

/**** CROPfm paging ****/

.pageActive { 
  border:#000099 solid 1px;
  color: #4444ff;
  background-color: #000088;
  height:18px; 
  vertical-align:middle;
  text-align:center;
  font: bold 13px arial;
  cursor:hand;
  padding:0px 4px 0px 4px;
}

.pageActiveOver { 
  border:#0000AA solid 1px;
  color: #ccccff;
  background-color: #000088;
  height:18px; 
  vertical-align:middle;
  text-align:center;
  font: bold 13px arial;
  cursor:hand;
  padding:0px 4px 0px 4px;
}

.pageSelected { 
  border:#00003f solid 1px;
  color:#bbbbff;
  background-color:#00003f;
  height:18px; 
  vertical-align:middle;
  text-align:center; 
  font:bold 13px arial;
  cursor:default;
  padding:0px 4px 0px 4px;
}

.activePaging { 
  font-size:14px;
}

.inactivePaging { 
  font-size:14px;
  color:#999999; 
}
/**** CROPfm Main Header ****/

.newsTickerContent {
  white-space:nowrap;
  border:#0000AA solid 1px;
  color: #2222ff;
  background-color: #000050;
  height:18px; 
  font: bold 13px arial;
  cursor:hand;
  width:250;
}

.news_item { 
  font-family:Arial,Helvetica,sans-serif; 
  font-weight:bold; 
  color:9999CC; 
}

.news_item_active { 
  font-family:Arial,Helvetica,sans-serif;
  font-size:13px;
  font-weight:bold;
  color:CCFFFF;
}

.news_sub_item { 
  font-family:Arial,Helvetica,sans-serif; 
  font-size:90%; 
  font-weight:bold;
}

/**** CROPfm header bar ****/

.headerBar { background-color:#000077; width:100%; height:25px; }

.barLeft { 
  font: bold 16px arial;
  vertical-align:middle;
  text-align:left;
  font-weight:bold;
  color:#7777ff;
  padding:0px;
  margin:0px;
  color:#8888bb;
}

.headerButtonTable {
  padding:8px 12px 8px 0px;
}
 
.barRight { 
  vertical-align:middle; 
  text-align:right; 
  padding:0px; 
  margin:0px;
}

.pageHeader {
  width:99%;
  height:96px;
  background-color:#00003f;
}
  
/**** CROPfm button styles ****/

/* CROPfm standard button */

.cropfmButtonActive {
  border:#0000AA solid 1px;
  color: #4455ff;
  background-color: #000060;
  height:18px; 
  vertical-align:middle;
  text-align:center; 
  font: bold 13px arial;
  cursor:hand;
  padding:0px 4px 0px 4px;
}

.cropfmButtonOver {
  border:#0000AA solid 1px;
  color: #5539ff;
  background-color: #000088;
  height:18px; 
  vertical-align:middle;
  text-align:center; 
  font: bold 13px arial;
  cursor:hand;
  padding:0px 4px 0px 4px;
}

.cropfmButtonInactive { 
  border:#222244 solid 1px;
  height:18px; 
  vertical-align:middle;
  text-align:center; 
  font: bold 13px arial;
  background-color:#222233;
  color:#444444;
  padding:0px 4px 0px 4px;
  cursor:default;
}

/* CROPfm options button */

.cropfmOptionsButtonActive {
  border:#0000AA solid 1px;
  color: #aaac41;
  background-color: #000060;
  height:18px; 
  vertical-align:middle;
  text-align:center; 
  font: bold 13px arial;
  cursor:hand;
  padding:0px 4px 0px 4px;
}

.cropfmOptionsButtonOver {
  border:#0000AA solid 1px;
  color: #ccac41;
  background-color: #000088;
  height:18px; 
  vertical-align:middle;
  text-align:center; 
  font: bold 13px arial;
  cursor:hand;
  padding:0px 4px 0px 4px;
}

a.cropfmButton:link {color: #7777ff; text-decoration: none; }
a.cropfmButton:visited {color: #0000ff; text-decoration: none; }
a.cropfmButton:hover { color:#000066; background-color:#0000ff; text-decoration: none; }

/**** Option Window ****/

.optionsHeading {
  font-size:14px;
  font-weight:bold;
  color:#ccccff;
  font-family:Arial,Helvetica,sans-serif;
  padding: 20px 0px 10px 8px;
}

.optionsHeading2 {
  font-size:14px;
  font-weight:bold;
  color:#ccccff;
  font-family:Arial,Helvetica,sans-serif;
}

.footer {
  width: 100%;
  text-align: right;
  position: relative;
}

/* CSS hack for Mozilla, needs less width */
html>body .footer {
  width: 92%;
  bottom: -24px;
  right: -15px;
}

.outerFrameContent {
  background-color: #000049;
}

.controlGroup {
  padding: 0px 0px 0px 35px;
  font: bold 13px arial;
  color: #9999ff;
}

.controlGroup2 {
  font: bold 13px arial;
  color: #9999ff;
}

.controlGroup3 {
  text-align: center;
  padding: 1px 6px;
  font: bold 13px arial;
  color: #9999ff;
}

.textSize {
  font-weight:bold;
  font-family:Arial,Helvetica,sans-serif;
  color: #4444ff; 
  cursor: pointer;
  cursor: hand;
}

#searchTd { display:table-cell; padding:0px; vertical-align:top; }
#contentTd { vertical-align:top; padding:5px 0px 20px 0px; }
#mainTable { }