.boldMenuItem {
	font-weight: bold;	
}

.boldBigMenuItem {
	font-weight: bold;	
	font-size: 150%;
}

.helpPopup {
	z-index: 1;	
	border: 3px solid #747474;
    padding: 3px;
    background: #F5F5F5;
}

.loadingBar {
	border: 3px solid #747474;
	margin-left: 6px;	
	margin-top: 6px;
	background-color: #ffffff;
}

.timelineButton {
	vertical-align:middle; 
}

.rootPanel {
	padding: 0px;
	margin: 0px;
	border: 0px;
}

.leftMargin {
	margin-left: 1px;	
}

.whiteBackground {
	background-color: #ffffff;	
}

.borderColor {
	background-color: #b1b1b1;
	color: #b1b1b1;	
}

.rightMargin {
	margin-right: 1px;	
}
	
.infoBox {
	margin-left: 1px;
	margin-right: 1px;
	border: 1px solid #747474;	
}

.flowButton {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size:14px;
  border:#222 1px solid;
  background-color:#747474;
  margin: 4px;
  padding: 2px 4px 2px 4px;
  color:#DDD;
  cursor: pointer;
  cursor: hand;
}

.flowButton:active {
  border: 1px inset #ccc;
}
.flowButton:hover {
  background-color:#606060;
  border:#222 1px solid;
  color:#fff;
}
.flowButton[disabled] {
  cursor: default;
  color: #888;
}
.flowButton[disabled]:hover {
  border: 1px outset #ccc;
}

.tooltip {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size:12px;
  border:#747474 1px solid;
  background-color:#DDD;
  padding: 2px 2px 2px 2px;
  color:#747474;
}

.iframe { 
	overflow-x: hidden; 
	overflow-y: hidden; 
	padding: 0px;
	margin: 0px;
	border: 0px;
} 

a {
  color: #747474;
  text-decoration: underline;
}

a:hover {
  color: #000;
  text-decoration: underline;
}
/*-------------- playback contral widgets ---------------------*/
.gwt-SliderBar-shell {
}
.gwt-SliderBar-line {
  background-color: #b1b1b1;
  height: 4px;
  width: 95%;
  top: 4pt;	
  overflow: hidden;
}
.gwt-SliderBar-knob {
  top: 0pt;
  width: 11px;
  height: 21px;
  cursor: pointer;
}
.gwt-SliderBar-tick {
  top: 12pt;
  width: 1px;
  height: 0pt;
  background: black;
  overflow: hidden;
}
.gwt-SliderBar-label {
  top: 0pt;
  font-size: 0pt;
  cursor: default;
}
.gwt-SliderBar-shell-focused {
}
.gwt-SliderBar-line-sliding {
  background-color: #747474;
  cursor: pointer;
  cursor: hand;
}

.playButtonInfoBox-up {
 	cursor: hand;
 	cursor: pointer;
  	margin: 1px;
  	padding: 0px 1px 1px 0px;
  	border: 1px solid #222;
	background: #747474;
	color: #747474;
}

.playButtonInfoBox-up-hovering {
	padding: 0px 1px 1px 0px;
	border: 1px solid #222; 
 	cursor: hand;
 	cursor: pointer;
  	margin: 1px;
  	background: #606060;
	color: #606060;
}

.playButtonInfoBox-down, .playButtonInfoBox-down-hovering {
	padding: 1px 0px 0px 1px;
  	border: 1px solid #222; 
	cursor: hand;
 	cursor: pointer;
  	margin: 1px;
  	background: #606060;
	color: #606060;
}

.playButton-up, .playButton-up-hovering, 
.stopButton-up, .stopButton-up-hovering,
.removeButton-up, .removeButton-up-hovering,
.muteButton-up {
	margin: 0;
    text-decoration: none;
	border: 1px dotted #000; 
	border-width: 1px;
	padding: 0px 1px 1px 0px;
	background: #DDD;
 	cursor: hand;
 	cursor: pointer;
}

.playButton-down, .stopButton-down, .removeButton-down {
  border: 1px dotted #000; 
  padding: 1px 0px 0px 1px;
}

.playButton-up-hovering,
.stopButton-up-hovering,
.removeButton-up-hovering  {
	border:#222 1px solid;
	padding: 0px 1px 1px 0px;
}

.playButton-down-hovering,
.stopButton-down-hovering,
.removeButton-down-hovering {
	border:#222 1px solid;
	padding: 1px 0px 0px 1px;
}

.muteButton-down {
  border: 1px dotted #000; 
  padding: 1px 0px 0px 1px;
}

.muteButton-up-hovering {
	border:#222 1px solid;
	padding: 0px 1px 1px 0px;
}

.muteButton-down-hovering {
	border:#222 1px solid;
	padding: 1px 0px 0px 1px;
}

.removeButton-up-disabled, .removeButton-down-disabled  {
	cursor: default;
  	opacity: .25;
  	filter: alpha(opacity=40);
  	zoom: 1;
	padding: 1px 0px 0px 1px;
}
/*-------------- Color for initial tracks ---------------------*/
.track-panel1 {
	background: #DDD;
}

.track-panel2 {
	background: #bbbbbb;
}
/*-------------- linking soundobjects ---------------------*/
.currentButton-up, .currentButton-up-hovering {
	margin: 0;
    text-decoration: none;
	border: 1px dotted #000; 
	border-width: 1px;
	padding: 3px 5px 3px 5px;
	background: #DDDDF2;
 	cursor: hand;
 	cursor: pointer;
}

.currentButton-up-hovering, .currentButton-down-hovering {
	margin: 0;
    text-decoration: none;
	border: 1px solid #000; 
	border-width: 1px;
	padding: 3px 5px 3px 5px;
	background: #DDDDF2;
 	cursor: hand;
 	cursor: pointer;
}

.currentButton-up-disabled {
	margin: 0;
    text-decoration: none;
	border: 1px dotted #FFF; 
	border-width: 1px;
	padding: 3px 5px 3px 5px;
	background: #8080D5;
 	cursor: default;
  	zoom: 1;
  	opacity: .25;
  	filter: alpha(opacity=40);
}

.currentButton-down,
.currentButton-down-hovering,
.currentButton-down-disabled {
  padding: 4px 4px 2px 6px;
}

.prospectiveButton-up {
	margin: 0;
    text-decoration: none;
	border: 1px dotted #000; 
	border-width: 1px;
	padding: 3px 5px 3px 5px;
	background: #DDF2DD;
 	cursor: hand;
 	cursor: pointer;
}

.prospectiveButton-up-hovering, .prospectiveButton-down-hovering {
	margin: 0;
    text-decoration: none;
	border: 1px solid #000; 
	border-width: 1px;
	padding: 3px 5px 3px 5px;
	background: #DDF2DD;
 	cursor: hand;
 	cursor: pointer;
}

.prospectiveButton-down,
.prospectiveButton-down-hovering,
.prospectiveButton-down-disabled {
  padding: 4px 4px 2px 6px;
}

.pastButton-up, .pastButton-up-disabled {
	margin: 0;
    text-decoration: none;
	border: 1px dotted #000; 
	border-width: 1px;
	padding: 3px 5px 3px 5px;
	background: #DDD;
 	cursor: hand;
 	cursor: pointer;
}

.pastButton-up-hovering, .pastButton-down-hovering {
	margin: 0;
    text-decoration: none;
	border: 1px solid #000; 
	border-width: 1px;
	padding: 3px 5px 3px 5px;
	background: #DDD;
 	cursor: hand;
 	cursor: pointer;
}

.pastButton-down,
.pastButton-down-hovering,
.pastButton-down-disabled {
  padding: 4px 4px 2px 6px;
}

.pastButton-up-selected {
	margin: 0;
    text-decoration: none;
	border: 1px solid #000; 
	border-width: 2px;
	padding: 2px 4px 2px 4px;
	background: #DDD;
 	cursor: hand;
 	cursor: pointer;
}

.prospectiveButton-selected {
	margin: 0;
    text-decoration: none;
	border: 1px solid #000; 
	border-width: 2px;
	padding: 2px 4px 2px 4px;
	background: #DDF2DD;
 	cursor: hand;
 	cursor: pointer;
}

.currentButton-selected {
	margin: 0;
    text-decoration: none;
	border: 1px solid #000; 
	border-width: 2px;
	padding: 2px 4px 2px 4px;
	background: #DDDDF2;
 	cursor: hand;
 	cursor: pointer;
}

.gwt-PushButton-selected {
	margin: 0;
    text-decoration: none;
	border: 1px solid #000; 
	border-width: 2px;
	padding: 2px 4px 2px 4px;
	background: #DDD;
 	cursor: hand;
 	cursor: pointer;
}

.gwt-PushButton-disabled-selected {
	margin: 0;
    text-decoration: none;
	border: 1px solid #000; 
	border-width: 2px;
	padding: 1px 3px 1px 3px;
	background: #DDD;
	cursor: default;
  	opacity: .25;
  	filter: alpha(opacity=40);
  	zoom: 1;
}