        .BodyBack { background-color: #CCCCCC; background-image: url('http://www.artistopia.com/Images/Skin/BackPattern.jpg'); background-repeat:repeat-x; }
		.PageBack { background-color: #FFFFFF; }
		.FootBack { height: 30; background-color: #000066; }
		.MainColorLight { background-color: #E6E7F9; }
		.MainColor { background-color:  #6D99B6; }
		.MainColorDark { background-color: #0066CC; }
		.Separator { width: 100%; height: 1px; color: #00009D; }
		.SeparatorOp { width: 100%; height: 2px; color: #FFFFFF; }
		.AltRowColor { background-color: #E6E7F9; }
		
		.xxLeftBorder { background-image: url('http://www.artistopia.com/Images/Skin/LeftBorder.gif'); background-repeat: repeat-y; background-position:left; width:20px; padding-right:30px }
		.xxRightBorder { background-image: url('http://www.artistopia.com/Images/Skin/RightBorder.gif'); background-repeat: repeat-y; background-position:right; width:20px; padding-left:30px }

		.LeftBorder { border-left: 1px solid #6D99B6; width:20px; padding-right:20px }
		.RightBorder { border-right:1px solid #6D99B6; width:20px; padding-right:20px }
		
		.ColumnTitle { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: Navy; font-weight: bold; text-indent: 5px; text-decoration: none; border-top: 1px solid #6D99B6; border-bottom: 1px solid #6D99B6; height: 26px; background:url("http://www.artistopia.com/Images/Skin/Tab_on.gif") repeat-x; }
		.ConsoleTitle { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: Navy; font-weight: bold; text-indent: 5px; text-decoration: none; border-top: 1px solid #6D99B6; border-bottom: 1px solid #6D99B6; height: 26px; background:url("http://www.artistopia.com/Images/Skin/Tab_on.gif") repeat-x; }

		.TabDark { background:url("http://www.artistopia.com/Images/Skin/Tab_off.gif") repeat-x; padding-top:6px; text-align:center; border-right: 2px solid #FFFFFF }
		.TabLight { background:url("http://www.artistopia.com/Images/Skin/Tab_on.gif") repeat-x; padding-top:0px; text-align:center; border-right: 2px solid #FFFFFF; border-top:1px solid #6D99B6 }
		
		.TabLink { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: NAVY; text-align:center; text-decoration: none }
		.TabLink:hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: Bold; color: #660099; text-decoration: none }
		.TabLinkOp { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: Bold; color: blue; text-decoration: none }
		.TabLinkOp:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: Bold; color: #660099; text-decoration: none }
		
		.TabText { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #00009D; text-decoration: none }
		.TabTextOp { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF; text-decoration: none }

        .TabLine { background-color: #6D99B6 }

		.BoxBorderOnly { border: 1px; border-style: solid; border-color: #5D5D5D; border-right: 3px solid #141414; border-bottom: 3px solid #141414; background-color: #F9FFFF }
		.BoxBorderOnly a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #0000FF; line-height:18px; text-decoration: none }
		.BoxBorderOnly a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #660099; text-decoration: none }
		.BoxBorderOnly h1 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: Navy; text-decoration: none }
		.BoxBorderOnly font { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: Navy; text-decoration: none }
		
		.BoxHeading { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: Navy; text-indent: 10px; text-decoration: none; border-bottom: 1px solid #6D99B6; height: 26px; background:url("http://www.artistopia.com/Images/Skin/Tab_on.gif") repeat-x; }
		
		.HeaderLink { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #0033CC; text-decoration: none }
		.HeaderLink:Hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: Bold; color: #660099; text-decoration: underline }
		.PageLink { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #0000FF; text-decoration: none }
		.PageLink:hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: Bold; color: #660099; text-decoration: underline }
		.PageLinkOp { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: Bold; color: #CCFFFF; text-decoration: none }
		.PageLinkOp:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: Bold; color: #CCCCFF; text-decoration: underline }
		.FooterLinks { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: White; text-decoration: none }
		.FooterLinks:Hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: Yellow; text-decoration: underline }
		
		.ContentTable { width: 100%; border-collapse: collapse; border-spacing: 0px; padding: 0em; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #00009D; text-decoration: none }
		
		.PageText { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #00009D; text-decoration: none }
		.PageTextOp { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #CCCCFF; text-decoration: none }
		
		.RequiredText { font-family: Arial, Helvetica, sans-serif; font-size: 12; color: red }
		H1 { font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #00009D; margin: 0px 0px 0px 0px }
		H1 a { font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: blue; margin: 0px 0px 0px 0px }
		H2 { font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #00009D; margin: 0px 0px 0px 0px }
		H2 a { font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: blue; margin: 0px 0px 0px 0px }
		H3 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #00009D; margin: 0px 0px 0px 0px }
		H3 a { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: blue; margin: 0px 0px 0px 0px }
		
		.OnlineTag { font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: green; font-weight: Bold; text-align: center; text-indent: 2px; text-decoration: none }		
		
		a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #0000FF; text-decoration: none }
		a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: Bold; color: #660099; text-decoration: underline }

        select { font-family: Arial, Helvetica, sans-serif; font-size: 12; color: #00009D; background-color: #FFFFFF; border: solid 1px #85b1de; }
		.TextBox { font-family: Arial, Helvetica, sans-serif; font-size: 12; color: #00009D; background-color: #FFFFFF; border: solid 1px #85b1de; }
		.PageButton { font-family: Arial, Helvetica, sans-serif; font-size: 12; font-weight: bold; width: 80; color: #00009D; background-color: #CCCCFF }
		.PageButtonFlex { font-family: Arial, Helvetica, sans-serif; font-size: 12; font-weight: bold; color: #00009D; background-color: #CCCCFF }
		
		.add_fb { background-image: url('http://www.artistopia.com/Images/add_fb.gif'); width:32px; height:32px; margin:0px 0px 11px 0px; cursor:pointer; }
		.add_tw { background-image: url('http://www.artistopia.com/Images/add_tw.gif'); width:32px; height:32px; margin:0px 0px 11px 0px; cursor:pointer; }
		.add_gg { background-image: url('http://www.artistopia.com/Images/add_gg.gif'); width:32px; height:32px; margin:0px 0px 11px 0px; cursor:pointer; }
		.add_my { background-image: url('http://www.artistopia.com/Images/add_my.gif'); width:32px; height:32px; margin:0px 0px 11px 0px; cursor:pointer; }
		.RTuner { font-size:12px;font-weight:bold;color:#FFFFFF;text-align:center;position:absolute;top:1px;left:1px;width:15px;height:77px;background-color:#141414;cursor:pointer }
		.LTuner { font-size:12px;font-weight:bold;color:#FFFFFF;text-align:center;position:absolute;top:1px;left:704px;width:15px;height:77px;background-color:#141414;cursor:pointer }
		.vidthumboff { height:61px;cursor:pointer;opacity:0.75;filter:alpha(opacity=75);margin-top:7px;margin-right:7px }
		.vidthumbon { position:absolute;top:0px;height:75px;cursor:pointer;opacity:1.0;filter:alpha(opacity=100) }

		.vidPlyr { border:1px solid #141414;width:300px;height:248px }
		.vidlist { width:720px;height:79px;overflow:hidden;white-space:nowrap;background-color:#5D5D5D;border-left:1px solid #141414;border-top:2px solid #141414;border-right:1px solid #141414 }	
		.vidopt { width:720px;height:42px;overflow:hidden;white-space:nowrap;background-color:#5D5D5D;border-left:1px solid #141414;border-bottom:2px solid #141414;border-right:1px solid #141414 }
		
		.lnklist { width:100%;background-color:#5D5D5D;border-left:1px solid #141414;border-top:1px solid #141414;border-right:3px solid #141414;border-bottom:3px solid #141414;font-size:10px }	
		.lnklist div { padding:5px;text-align:left;border-bottom:1px solid #FFFFFF }
		.lnklist a { color:white;font-size:10px; text-decoration: none }
		.lnklist a:hover { color:white;font-size:10px; text-decoration: underline }

		.fldctrl { color:#FFFFFF;background-color:#141414;position:absolute;border:1px solid #FFFFFF;font-size:10px;width:180px;top:14px }
		.fldcap { position:absolute;width:150px;color:#FFFFFF;font-size:10px;font-weight:bold }
		.btnctrl { color:#4D6185;background-color:#B1CBFA;position:absolute;border:1px solid #FFFFFF;font-size:9px;font-weight:bold;top:14px;height:17px }
		
