/** Add css rules here for your application. */

/*
body {
background: #E3E3E3;
font: 62.5%/1.5 'Lucida Grande',Lucida,Verdana,Arial,Helvetica,sans-serif;
color: #4D4D4D;
line-height: 1.2em;
width: auto;
height: auto;
margin: 0;
padding: 0 0 0 0;
}

h1 {
  font-size: 2em;
  font-weight: bold;
  color: #777777;
  margin: 20px 20px 16px;
}

h2 {
  color: #4D4D4D;
  font-size: 16px;
  letter-spacing: -1px;
  line-height: 26px;
  margin-bottom: .75em;
}
*/

.linkHolder
{
  margin: 20px 20px 16px;
}
	
.playButton {
    padding:2px;
    width: 40px;
    font-family:Verdana,Bitstream Vera Sans,sans-serif; font-size:11px; background-color:#CCCCCC;
    border-left:1px solid white; border-top:1px solid white;
    border-right:1px solid #808080; border-bottom:1px solid #808080;
    filter:"progid:dximagetransform.microsoft.gradient(gradientType=0, startColorStr=#AAAAAA, endColorStr=#EEEEEE)";
}
.playButtonOver {
    padding:2px;
    font-family:Verdana,Bitstream Vera Sans,sans-serif; font-size:11px; background-color:#CCCCCC;
    border-left:1px solid #808080; border-top:1px solid #808080;
    border-right:1px solid white; border-bottom:1px solid white;
    filter:"progid:dximagetransform.microsoft.gradient(gradientType=0, startColorStr=#EEEEEE, endColorStr=#AAAAAA)";
}
.playButtonDown {
    padding:2px;
    font-family:Verdana,Bitstream Vera Sans,sans-serif; font-size:11px; background-color:#AAAAAA;
    border-left:1px solid #666666; border-top:1px solid #666666;
    border-right:1px solid white; border-bottom:1px solid white;
    filter:"progid:dximagetransform.microsoft.gradient(gradientType=0, startColorStr=#CCCCCC, endColorStr=#888888)";
}
.playButtonDisabled {
    padding:2px;
    font-family:Verdana,Bitstream Vera Sans,sans-serif; font-size:11px; color:#666666;
    background-color:#CCCCCC;
    border-left:1px solid #CCCCCC; border-top:1px solid #CCCCCC;
    border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC;
    filter:"progid:dximagetransform.microsoft.gradient(gradientType=0, startColorStr=#888888, endColorStr=#CCCCCC)";
}

.sendButton {
  display: block;
  font-size: 16pt;
}

/** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
  width: 400px;
}

.dialogVPanel {
  margin: 5px;
}

.serverResponseLabelError {
  color: red;
}

/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
  margin: 15px 6px 6px;
}

.audioGridCell {
	color: #4D4D4D;
	font-size: 10px;
	line-height: 26px;
	margin-bottom: .75em;
    font-family:'Lucida Grande',Lucida,Verdana,Arial,Helvetica,sans-serif;
    border-bottom:1px solid #c0c0c0; border-top:1px solid #ffffff;
    background-image: url('images/cell_bg.png');
}

.audioGridCellOver {
    color: #333333;
	font-size: 10px;
	line-height: 26px;
	margin-bottom: .75em;
    font-family:'Lucida Grande',Lucida,Verdana,Arial,Helvetica,sans-serif;
    border-bottom:1.4px solid #c0c0c0; border-top:1px solid #ffffff;
    background-color:#ffffff;
}

.audioGridCellSelected {
	color: #333333;
	font-size: 10px;
	line-height: 26px;
	margin-bottom: .75em;
    font-family:'Lucida Grande',Lucida,Verdana,Arial,Helvetica,sans-serif;
    border-bottom:1.4px solid #c0c0c0; border-top:1px solid #ffffff;
    background-color: #ffffff;
}

.audioGridCellSelectedOver {
    color: #333333;
	font-size: 10px;
	line-height: 26px;
	margin-bottom: .75em;
    font-family:'Lucida Grande',Lucida,Verdana,Arial,Helvetica,sans-serif;
    border-bottom:1.4px solid #c0c0c0; border-top:1px solid #ffffff;
    background-color: #ffffff;
}

.audioTitleCell
{
	color: #4D4D4D;
	font-size: 11px;
	line-height: 26px;
	padding-left: 10px;
	font-weight: bold;
	font-family:'Lucida Grande',Lucida,Verdana,Arial,Helvetica,sans-serif;
    border-bottom:1px solid #c0c0c0; border-top:1px solid #ffffff;
    background-image: url('images/cell_bg.png');
}

.audioTitleCellOver
{
    color: 5278ab;
	font-size: 11px;
	line-height: 26px;
	font-weight: bold;
	padding-left: 10px;
    font-family:'Lucida Grande',Lucida,Verdana,Arial,Helvetica,sans-serif;
    border-bottom:1.4px solid #c0c0c0; border-top:1px solid #ffffff;
    background-color:#ffffff;
}

.audioTitleCellSelected {
	color: #2f5589;
	font-size: 11px;
	line-height: 26px;
	margin-bottom: .75em;
	font-weight: bold;
	padding-left: 28px;
    font-family:'Lucida Grande',Lucida,Verdana,Arial,Helvetica,sans-serif;
    border-bottom:1.4px solid #c0c0c0; border-top:1px solid #ffffff;
    background-color: #ffffff;
    background-image: url('images/speaker_icon.png');
    background-repeat: no-repeat;
    background-position: 8px 6px;
}

.audioTitleCellSelectedOver {
	color: #2f5589;
	font-size: 11px;
	line-height: 26px;
	margin-bottom: .75em;
	font-weight: bold;
	padding-left: 28px;
    font-family:'Lucida Grande',Lucida,Verdana,Arial,Helvetica,sans-serif;
    border-bottom:1.4px solid #c0c0c0; border-top:1px solid #ffffff;
    background-color: #ffffff;
    background-image: url('images/speaker_icon.png');
    background-repeat: no-repeat;
    background-position: 8px 6px;
}

.descriptionTitleText {
	color:#ffffff;
	font-weight: bold;
	font-size: 16px;
	font-family:'Lucida Grande',Lucida,Verdana,Arial,Helvetica,sans-serif;
}

.descriptionText,
.descriptionSmallText {
	color:#ffffff;
	font-size: 11px;
	font-family:'Lucida Grande',Lucida,Verdana,Arial,Helvetica,sans-serif;
}

.descriptionSmallText {
	color: #c0c0c0;
	text-decoration: italic;
	font-size: 10px;
}

.smallHead {
	color:#666666;
	font-size: 9px;
	font-family:'Lucida Grande',Lucida,Verdana,Arial,Helvetica,sans-serif;
}

.smallMainHead {
	color:#666666;
	font-size: 9px;
	text-decoration: italic;
	font-family:'Lucida Grande',Lucida,Verdana,Arial,Helvetica,sans-serif;
}

.contactLink {
	color:#c0c0c0;
	font-size:9px;
	border-bottom: 1px #c0c0c0 solid;
	font-family:'Lucida Grande',Lucida,Verdana,Arial,Helvetica,sans-serif;
}

.sliderRange,
.rangebarRange {
    color:#333333;
    display:none;
}