/*
 * Style sheet (c) 2006 Steven Ellis <support@openmedia.co.nz>
 *
 * Enhancements by Michael Lynch <lynchmv@gmail.com>
 *
 * Published under http://creativecommons.org/licenses/by/2.5/
 */

body {
	width:300px; 
	margin:10px 0 0 10px;
	padding 3px;
	behavior:url('csshover.htc');
}

#narrow {
	width:300px; 
}

.mypda {
	width:285;
	background-color:#fff;
	color:#000;
}

#subround {
	width:100%;
	min-height:40px;
	height:40px;
	padding-top:1%;
	padding-right:1%;
	padding-bottom:1%;
	padding-left:1%;
}

#subwide {
	width:100%;
	min-height:25px;
	height:25px;
	padding-top:1%;
	padding-right:1%;
	padding-bottom:1%;
	padding-left:1%;
}

#subpda {
	width:100%;
	height:auto;
	padding:3px 2px 3px 2px;
}

#halves {
	float:left;
	width:49%;
}

#thirds {
	float:left;
	width:32.5%;
}

#fourths {
	float:left;
	width:24%;
}

#fifths {
	float:left;
	width:19%;
}

#sixths {
	float:left;
	width:15%;
	border:1px solid black;
}

input.txt {
	background:none;
	border-style:none;
	width:80px;
	height:24px;
	text-align:center;
	font-size:8pt;
	font-weight:normal;
	background:url(images/button_text.png) no-repeat;
}

input.txt:hover {
	background:url(images/button_textg.png) no-repeat;
}
input.txt:active {
	background:url(images/button_textr.png) no-repeat;
}
input.tiny {
	border:1px solid #f6f6f6;
	background-color:#2991c7;
	width:86px;
	color:#fff;
	text-align:center;
	font-size:8pt;
	font-weight:normal;
}

input.tiny:hover {
}

input.halfleft {
	background:none;
	border-style:none;
	width:80px;
	height:24px;
	text-align:center;
	font-size:8pt;
	font-weight:normal;
	background:url(images/button_text.png) no-repeat;
	float:right;
}

input.halfleft:hover {
	background:url(images/button_textg.png) no-repeat;
}
input.halfleft:active {
	background:url(images/button_textr.png) no-repeat;
}

input.halfright {
	background:none;
	border-style:none;
	width:80px;
	height:24px;
	text-align:center;
	font-size:8pt;
	font-weight:normal;
	background:url(images/button_text.png) no-repeat;
	float:left;
}

input.halfright:hover {
	background:url(images/button_textg.png) no-repeat;
}
input.halfright:active {
	background:url(images/button_textr.png) no-repeat;
}

input.notxt {
	visibility:hidden;
	background:none;
	border-style:none;
	width:80px;
	height:24px;
	text-align:center;
	font-size:8pt;
	font-weight:normal;
	background:url(images/button_text.png) no-repeat;
}

input.image {
	background:#fff;
	width:40px;
	height:40px;
	padding:2px;
}

input.record {
	background:url(images/rec.png) no-repeat;
	width:40px;
	height:40px;
	padding:2px;
}

input.record:hover {
	background:url(images/rec_g.png) no-repeat;
}

input.record:active {
	background:url(images/rec_r.png) no-repeat;
}

input.stop {
	background:url(images/stop.png) no-repeat;
	width:40px;
	height:40px;
	padding:2px;
}

input.stop:hover {
	background:url(images/stop_g.png) no-repeat;
}

input.stop:active {
	background:url(images/stop_r.png) no-repeat;
}

input.pause {
	background:url(images/pause.png) no-repeat;
	width:40px;
	height:40px;
	padding:2px;
}

input.pause:hover {
	background:url(images/pause_g.png) no-repeat;
}

input.pause:active {
	background:url(images/pause_r.png) no-repeat;
}

input.rewind {
	background:url(images/fast_rewind.png) no-repeat;
	width:40px;
	height:40px;
	padding:2px;
}

input.rewind:hover {
	background:url(images/fast_rewind_g.png) no-repeat;
}

input.rewind:active {
	background:url(images/fast_rewind_r.png) no-repeat;
}

input.play {
	background:url(images/right.png) no-repeat;
	width:40px;
	height:40px;
	padding:2px;
}

input.play:hover {
	background:url(images/right_g.png) no-repeat;
}

input.play:active {
	background:url(images/right_r.png) no-repeat;
}

input.ffwd {
	background:url(images/fast_forward.png) no-repeat;
	width:40px;
	height:40px;
	padding:2px;
}

input.ffwd:hover {
	background:url(images/fast_forward_g.png) no-repeat;
}

input.ffwd:active {
	background:url(images/fast_forward_r.png) no-repeat;
}

input.sback {
	background:url(images/skip_back.png) no-repeat;
	width:40px;
	height:40px;
	padding:2px;
}

input.sback:hover {
	background:url(images/skip_back_g.png) no-repeat;
}

input.sback:active {
	background:url(images/skip_back_r.png) no-repeat;
}

input.sfwd {
	background:url(images/skip_forward.png) no-repeat;
	width:40px;
	height:40px;
	padding:2px;
}

input.sfwd:hover {
	background:url(images/skip_forward_g.png) no-repeat;
}

input.sfwd:active {
	background:url(images/skip_forward_r.png) no-repeat;
}

input.navup {
	background:url(images/up.png) no-repeat;
	width:40px;
	height:40px;
	padding:2px;
	display:block;
	margin-left:auto;
	margin-right:auto;
}

input.navup:hover {
	background:url(images/up_g.png) no-repeat;
}
input.navup:active {
	background:url(images/up_r.png) no-repeat;
}


input.navleft {
	background:url(images/left.png) no-repeat;
	width:40px;
	height:40px;
	padding:2px;
	float:right;
}

input.navleft:hover {
	background:url(images/left_g.png) no-repeat;
}

input.navleft:active {
	background:url(images/left_r.png) no-repeat;
}

input.navok {
	background:url(images/ok.png) no-repeat;
	width:40px;
	height:40px;
	padding:2px;
	display:block;
	margin-left:auto;
	margin-right:auto;
}

input.navok:hover {
	background:url(images/ok_g.png) no-repeat;
}

input.navok:active {
	background:url(images/ok_r.png) no-repeat;
}

input.navright {
	background:url(images/right.png) no-repeat;
	width:40px;
	height:40px;
	padding:2px;
	float:left;
}

input.navright:hover {
	background:url(images/right_g.png) no-repeat;
}

input.navright:active {
	background:url(images/right_r.png) no-repeat;
}

input.navdown {
	background:url(images/down.png) no-repeat;
	width:40px;
	height:40px;
	padding:2px;
	display:block;
	margin-left:auto;
	margin-right:auto;
}

input.navdown:hover {
	background:url(images/down_g.png) no-repeat;
}
input.navdown:active {
	background:url(images/down_r.png) no-repeat;
}

input.noimage {
	visibility:hidden;
	border-radius:21px;
	background: #fff;
	width:40px;
	height:40px;
	padding:2px;
}

input.number {
	border: none;
	width: 30px;
	height: 30px;
	background: url(./images/button_30.png) no-repeat;
	font-size: 12pt;
	font-weight: bold;
	padding: 0px;
	display:block;
	margin-left:auto;
	margin-right:auto;
}

input.number:hover {
	background: url(./images/button_30g.png) no-repeat;
}

input.number:active {
	background: url(./images/button_30r.png) no-repeat;
}

div.tabArea {
  font-size: 80%;
  font-weight: bold;
}

a.tab {
  background-color: #f0f0f0;
  border: 1px solid #000000;
  border-bottom-width: 0px;
  padding: 2px .3em 2px .3em;
  position:relative;
  text-decoration: none;
  top:-1px;
  z-index:100;
}

a.tab, a.tab:visited {
  color: #808080;
}

a.tab:hover {
  background-color: #d0d0d0;
  color: #606060;
}

a.tab.activeTab, a.tab.activeTab:hover, a.tab.activeTab:visited {
  background-color: #c0c0c0;
  color: #000000;
  z-index:102;
}

div.tabMain {
  background-color: #c0c0c0;
  border: 1px solid #000000;
  position:relative;
  z-index:101;
}