/* --- basic elements --- */

html, body {
	font: 10pt Verdana, Arial, sans-serif;
	color: black;
	padding: 0; margin: 0;
	text-align: left;
}
body  { background: none !important; background-color: white !important; }
h1, h2, h3, h4, h5, h6, p, li, a { padding: 0; margin: 0; }
h1 { font: bold 21pt/1.3em Tahoma, Verdana, Arial, sans-serif; color: black; margin: .8em 0; }
h2 { font-weight: bold; font-style: normal; font-size: 19pt; color: black; margin: .8em 0; }
h3 { font-weight: bold; font-style: normal; font-size: 16pt; color: black; margin: 1em 0; }
h4 { font: italic bold 14pt/1.3em "Warnock Pro", Georgia, Times, serif; color: black; margin: 1em 0; }
h5 { font-weight: bold; font-style: normal; font-size: 13pt; color: black; margin: 1em 0; }
h6 { font-weight: bold; font-style: italic; font-size: 13pt; color: black; margin: 1em 0; }
p, li, td  { font: 10pt/1.3em Verdana, Arial, sans-serif; }
p  { margin: .8em 0 1.2em; }
li  { padding: 0; margin: .5em 0 .5em 1.5em; }
ol, ul { margin: 10pt 0 1.3em; padding: 0 0 0 1em; }
ul  { list-style: disc; }
ul.none { list-style: none; }
ul.set { padding-left: 0; margin-left: 0; }
blockquote { padding: 0px 15px; margin: 0; }
b, strong { font-weight: bold; }
i, em, cite { font-style: italic; }
.u  { text-decoration: underline; }
a { color: blue; border: none; }
a:hover  { color: #669; }
textarea, input, select {
	font: 10pt/13pt Verdana, Arial, sans-serif;
	border: 2px solid #99acbc;
	padding: 2px; margin: 0;
}
input.go {
	background-color: #FF9;
	color: black;
	border: 1px solid black;
	vertical-align: bottom;
}
input.go-over {
	background-color: #FC3;
	color: black;
	border: 1px solid black;
	vertical-align: bottom;
}
input:focus { background-color: #FFF; }
label {
	font: 10pt Verdana, Arial, sans-serif;
	padding: 0; margin: 0;
}
input.over {
	font-weight: bold;
	background-color: #f3b400;
	vertical-align: middle;
	padding: 3px;
	border: 3px outset #369;
}
input.out {
	font-weight: bold;
	background-color: #f3d700;
	vertical-align: middle;
	padding: 3px;
	border: 3px outset #369;
}
input.down {
	font-weight: bold;
	background-color: #f3d700;
	vertical-align: middle;
	padding: 3px;
	border: 3px inset #369;
}


/* --- containers --- */

div { border: none; padding: 0; margin: 0; }
table { margin: 0 auto; }
form { width: auto; padding: 0; margin: 1em 0; }

body#top { position: relative; }
div#accessibility { display: none; }
div#nav { display: none; width: 915px; text-align: left; }
div#sidebar {
	display: none;
	float: left;
	width: 112px;
	text-align: left;
}
div#social { display: none; }


/* --- tweaks --- */

img { vertical-align: bottom; border: none; padding: 0; margin: 0; }
big, .grow { font-size: 120%; }
small, .shrink { font-size: 85%; }

td.feature_pic {
	background-color: #eff5fc;
	border: 3px double #87b6f9;
	text-align: center;
	vertical-align: top;
}
td.feature_pic ul {	margin-left: 15px; padding-left: 0; }
td.feature_pic li {	padding-left: 0; margin-left: 1.5em; margin-top: 10px; }
td.space { padding-top: 25px; }

div.qa {
	background-color: #DEEEFF;
	padding: 10px;
	border: 1px solid #003;
	margin: 15px auto 0;
}

div.c_header {
	background: white url(http://www.emediamusic.com/images/c_header.gif) 0 0 no-repeat;
	padding: 15px 10px 0;
	margin: 0;
}
div.c_header h3 {
	padding-top: 0;
	margin-top: 0;
}

div.display { padding-left: 225px; width: 435px; height: 211px; margin: 0 0 10px 0; }
div.displaymed { padding-left: 175px; width: 435px; height: 211px; margin: 0 0 10px 0; }
div.displaybig { padding-left: 225px; width: 485px; height: 211px; margin: 0 0 10px 0; }
div.display h3, div.displaymed h3, div.displaybig h3 { margin: 15px 0 2px; }
div.display p.subhead1, div.displaymed p.subhead1, div.displaybig p.subhead1 { margin: 2px 0 5px; font-weight: bold; }
div.display p.subhead2, div.displaymed p.subhead2, div.displaybig p.subhead2 { margin: 5px 0 5px; font-weight: bold; }

td.options { vertical-align: top; }
td.options h3 { margin: 15px 0 2px; }
td.options p.subhead1 { margin: 2px 0 5px; font-weight: bold; }
td.options p.subhead2 { margin: 5px 0 5px; font-weight: bold; }
td.options2 { text-align: center; background-color: #DEEEFF; border: 1px solid #666699; }

div.inner_content { padding: 0px 15px; }

.alignleft { text-align: left; }
.aligncenter { text-align: center; }
.alignright { text-align: right; }
.bigbold { font: bold 14pt Verdana, Arial, sans-serif; }
.block { display: block; padding: 0; margin: 0; }
.noshow { display: none; }
.bottom { vertical-align: bottom; }
.copyright { font: 9pt/1.3em Verdana, Arial, sans-serif; }
.indent { text-indent: 1.5em; }
p.feature {
	font: bold 14pt Verdana, Arial, sans-serif;
	border-bottom: 1px solid #87b6f9;
	padding: 2px 5px;
}
span.feature {
	background-color: #eff5fc;
	padding: 2px 5px;
	border-left: 1px solid #87b6f9;
	border-top: 1px solid #87b6f9;
	border-right: 1px solid #87b6f9;
}
.featurehead { font: italic bold 24pt "Times New Roman", Times, serif; margin: 5px 0 15px; }
.price { font-size: 200%; vertical-align: middle; }
.tight { margin: 0; }
.tinyquote { font-size: 8.5pt; text-indent: -.5em; margin-left: .5em; margin-top: 20px; }
.note {
	text-align: center;
	background-color: #fff7e0;
	padding: 10px;
	border: 1px solid #666699;
}
.frame { border: 1px solid #000033; }
p.language a { color: #9CF; font-weight: bold; }
p.language a:hover { color: #FFF; font-weight: bold; }
.noshow { display: none; }
.red { color: #ee0000; }
.comment { color: #000099; font-style: italic; }
.kidquote { font: 12pt/16pt "Marker Felt Thin", "Marker Felt", "Comic Sans", Chalkboard, cursive; }
table#press { border: 3px double #669; }
table#press td { border: 1px solid #669; }
table#press thead td { padding: 5px; background-color: #CCF; }

div#content { padding-left: 0px !important; background: none !important; }
table#showcase { display: none; }
table#footer p { display: none; } 
table#footer p.copyright { display: block; } 


/* Hides from IE5-mac \*/
* html div.display {
	width: 100%;
	w\idth: 100%;
}
* html div.displaymed {
	width: 610px;
	w\idth: 435px;
}
* html div.displaybig {
	width: 100%;
	w\idth: 100%;
}

* html .bug { height: 1%; }
/* End hide from IE5-mac */



/* --- Tabber Styles --- */
/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide { display: block; }

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber { }
.tabberlive { margin-top: 1em; }
div.tabberlive { width: auto; }
div.tabber { font-size: 50%; }

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav {
	margin: 0;
	padding: 3px 0 7px;
	line-height: .8em;
	border-bottom: 3px solid #87b6f9;
	width: auto;
}

ul.tabbernav li {
	list-style: none;
	line-height: .8em;
	padding: 0;
	margin: 0;
	display: inline;
}

ul.tabbernav li a {
	text-decoration: none;
	padding: 3px .8em 5px;
	background: #e4eefc;
	border-top: 1px solid #8fc2f5;
	border-right: 1px solid #8fc2f5;
	border-bottom: none;
	border-left: 1px solid #8fc2f5;
	margin-left: 4px;
}

ul.tabbernav li a:link { color: #000; }
ul.tabbernav li a:visited { color: #000; }

ul.tabbernav li a:hover {
	color: #000;
	background: #87b6f9;
	border-color: #87b6f9;
}

ul.tabbernav li.tabberactive a {
	background-color: #87b6f9;
}

ul.tabbernav li.tabberactive a:hover {
	color: #black;
	background: #87b6f9;
	border-color: #87b6f9;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
	/* If you don't want the tab size changing whenever a tab is changed you can set a fixed height */
	/* height:200px; */
	/* If you set a fix height set overflow to auto and you will get a scrollbar when necessary */
	/* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h1 { display: none; }

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 { }
.tabberlive#tab2 { }

.tabberlive#tab2 .tabbertab {
	height: 200px;
	overflow: auto;
}