/*
o-music.tv version 1.0 CSS
(c)2003 O-Music Ltd.
*/





/* BASE PROPERTIES */

	BODY {
		color : #000;
		background-color : #fff;
		margin : 0;
		padding : 0;
	}

	a:visited, a:link {
		color : #f63;
		background-color : transparent;
		text-decoration : none;
		font-weight : bold;
	}

	a:hover, a:focus {
		color : #69c;
		background-color : transparent;
		text-decoration : underline;
		font-weight : bold;
	}

	a:active {
		color : #c33
		background-color : transparent;
		text-decoration : underline;
		font-weight : bold;
	}
	
	a img {
		border : 0;
	}

	#wrapper {
		font-family: arial, helvetica, lucida, sans-serif;
		color : #000;
		background-color : #fff;
		padding : 0;
		margin : 0;
	}	
	#tutorialwrapper {
			font-family: arial, helvetica, lucida, sans-serif;
			color : #000;
			padding : 0;
			margin : 0;
		}

	#wrapper2 {
		font-family: arial, helvetica, lucida, sans-serif;
		color : #000;
		background-color : #ffcc00;
		padding : 0;
		margin : 0;
	}



/* SECTION NAVIGATION */

	#navbar {
		margin : 0 0 0 56px;
		border-left : 1px solid #e3e3e3;
	}

	#navbar TABLE {
		padding : 0;
		margin : 0;
	}

	#navbar TD {
		color : inherit;
		background-color : transparent;
		width : 12.5%;
		border-top : 1px solid #e3e3e3;
	}
	

	#navbar A:visited, #navbar A {
		color : #fff;
		background-color : #004DBF;
		display : block;
		width : 100%;
		margin : 0;
		text-align : center;
		border-bottom : 4px solid #ccc;
	}

	#navbar A:hover, #navbar A:active {
		color : #fff;
		background-color : #06c;
		display : block;
		border-bottom : 4px solid #eda618;
	}
	
	#navbar TD #here A, #navbar TD #here A:visited {
		color : #fff;
		background-color : #004DBF;
		display : block;
		width : 100%;
		margin : 0;
		text-align : center;
		border-bottom : 4px solid #eda618;
	}
	


/* HEADER */

	#header {
		color : #fff;
		background : #06c url("../images/banner.jpg") top right no-repeat;
		height : 44px;
		margin : 0;
		padding : 0;
	}
	
	#header img {
		margin : 0;
		padding : 0;
		border-right: 1px solid #e3e3e3;
	}

	#indexgraphic {
		margin : 0 0 0 55px;
	}

	#twographic {
		height : 70px;
		margin : 0 0 0 53px;
	}

	#topgraphic {
		height : 70px;
		margin : 0 0 0 56px;
		border-left : 1px solid #e3e3e3;
	}
	
	#topgraphic2 {
		height : 150px;
		margin : 0 0 0 56px;
		border-left : 1px solid #e3e3e3;
	}
	
	#topgraphic img, img.twoimg {
		margin : 20px 0 23px 10%;
	}

	.biggo {
		margin-left : 5%;
	}


/* SUBMENUS */

	#lcell {
		margin : 0;
		padding : 0;
	}

	#submenu {
		background : #fff url("../images/lineSpine.gif") top left repeat-y;
		padding : 0 0 50px 0;
		margin : 0;
	}
		
	#submenu ul {
		margin : 0;
		padding : 0;
		list-style : none;
	}
	
	#submenu li {
		margin : 0;
		padding : 4px 0;
		list-style-type : none;
	}
		
	#submenu li a{
		background-color : #DC9913;
		color : #fff;
	}
	
	#submenu ul ul {
		margin : 5px 0 10px 15px;
		padding : 0;
		background-color : #fff;
		color : inherit;
		list-style-type : none;
	}
	
	#submenu ul ul li {
		margin : 3px 0;
		padding : 0;
		font-size : 75%;
		list-style-type : none;
	}
	
	#submenu ul ul li a{
		background-color : #fff;
		color : #004DBF;
	}


/* CONTENT */

	#content {
		font-family: arial, helvetica, lucida, sans-serif;
		color : inherit;
		background-color : #fff;
		float : left;
		width : 100%;
		margin : 0 0 60px 0;
		padding : 0;
	}
	
	#content2 {
		font-family: arial, helvetica, lucida, sans-serif;
		color : inherit;
		background-color : #ffcc00;
		float : left;
		width : 100%;
		margin : 0 0 60px 0;
		padding : 0;
	}
	
	#content h4 {
		font-size : 75%;
		font-weight : bold;
		margin : 5px 0 5px 12px;
		padding : 0;
	}
	
	#content h3 {
		font-size : 80%;
		font-weight : bold;
		margin : 15px 0 5px 0;
		padding : 0;
	}

	#content h2 {
		font-size : 120%;
		font-weight : bold;
		padding : 0 0 18px 0;
		margin : 10px 0 0 0;
	}

	#midcell p {
		margin : 7px 8px 6px 0px;
		padding : 0;
		font-size : 80%;
	}
	
	.chunk {
		width : 100%;
		padding : 0 0 10px 0;
		border-bottom : 1px solid #999;
	}
	
	.endchunk  {
		width : 100%;
		padding : 0 0 0px;
	}
	
	
	.gotop a {
		float : right;
		font-size : 80%;
		margin : 0 10% 0 0;
	}
	
	h1 {
		padding : 0;
		margin : 0;
	}
	
	h1 a, h2 a, h3 a, h4 a, h5 a {
		margin : 0;
		padding : 0;
	}
	
	#content .hsub {
		display : block;
		font-size: 65%;
		margin : 5px 0 0 12px;
	}
	
	#midcell {
	color : #000;
	background-color : #fff;
	margin : 0;
	padding : 0;
	border: 0px;
	}
	
	#midcell2 {
		color : #000;
		background-color : #ffcc00;
		margin : 0;
		padding : 0;
	}
	
	#midcell td img {
		margin-left : 0px;
	}
	
	#midcell td h2 img {
		margin: 10px 0 0 0;
	}
	
	#midcell th {
		text-align: left;
		padding: 0;
		margin: 0;
	}
	
	#midcell th.labels {
		text-align: normal;
		background-color: #06c;
		color: #fff;
	}
	
	#midcell th img{
	  margin: 0;
	  padding: 0;
	 }
	
	
	#midwrap {
		color : inherit;
		background-color : transparent;
		margin : 0 0 0 10px;
		padding : 0px 0 5px 5px;
	}
	
	#grafwrap {
		color : inherit;
		background-color : #fff;
		margin : 0;
		padding : 15px 15px 40px 15px;
	}
	
	#midwrap em {
		font-weight : bold;
		font-style : normal;
	}

	#midwrap dl dt {
		margin : 5px 0 0 0;
		padding : 0;
		font-size : 75%;
	}

	#midwrap dl dd {
		margin : 2px 10px 4px 8px;
		padding : 0 0 0 15px;
		font-size : 70%;
	}

	#midwrap td ul, #midwrap td ol {
		margin : 5px 0;
	}
	
	#midwrap ul li, #midwrap ol li {
		margin : 0 10px 0 15px;
		padding : 0;
		font-size: 75%;
	}
	
	#midwrap ul ul li  {
		font-size: 100%;
	}



/* FOOTER + OTHERS */

	#footer {
		color : #999;
		background-color : #fff;
		border-top: 2px solid #69c;
		float : left;
		width : 100%;
		margin : 30px 0 0 0;
		padding : 0;
	}

	#globalnav {
		float : left;
		width : 50%;
		margin : 0;
		padding : 7px;
		font : 11px/14px arial, helvetica, lucida, sans-serif;
		white-space : nowrap;
	}

	label, span.quest {
		font-size : 80%;
		font-weight : bold;
	}
	
	label.radio {
		font-weight : normal;
	}
	
	input {
		margin : 3px;
	}
	
	textarea {
		font-family: arial, helvetica, lucida, sans-serif;
		margin : 3px;
	}

	#subShop_a {
		font-family: arial, helvetica, lucida, sans-serif;
		padding : 20px 0px 10px 0px;
		font-size : 100%;
		font-weight : bold;
		white-space : nowrap;
	}
	
	#subShop_b {
		font-family: arial, helvetica, lucida, sans-serif;
		padding : 20px 0px 10px 0px;
		font-size : 80%;
		font-weight : bold;
		white-space : nowrap;
	}
	
	#prodShop_a {
		font-family: arial, helvetica, lucida, sans-serif;
		margin : 0px 0 20px 0;
		font-size : 80%;
		font-weight : normal;
		white-space : nowrap;

	}
	
	#prodShop_b {
		font-family: arial, helvetica, lucida, sans-serif;
		margin : 0px 0 20px 0;
		font-size : 80%;
		font-weight : normal;


	}
	
	#formField_a {
		background-color : #FFD39B;
	}
	#formField_b {
		background-color : #BFEFFF;
	}
	#formField_c {
		border : 1px solid #999;
	}


	#check_a {

		width: 264px;

	}
	
	#check_b {

		width: 249px;
	}
.yellowText {
	color: #FC0;
}
.smallYellowText {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FC0;
}