/* CSS Document */

html, body {
	padding: 0px;
	margin: 0px;
	height: 100%;
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
	border: none;
}

form {
	padding: 0px;
	margin: 0px;
}

a {
	text-decoration: none;
}

img, a img {
	border: 0px;
}

#noscript {
	width:100%;
	height:100%;
	background-color:#fff;
	color:#f00;
	font-size:32pt;
	z-index:0;
	position:absolute;
}

#search_box {
	height: 24px;
}

#search_text {
	font-size: 8pt;
	width: 164px;
	margin: 2px;
}

#search_option {
	font-size: 8pt;
	width: 66px;
	margin: 2px;
}

#search_button {
	margin: 2px;
}

#logo_box {
	height: 28px;
	padding-left: 7px;
	padding-bottom: 5px;
}

#top_menu {
	color: #666;
	width: 450px;
	overflow: visible;
}

#top_menu a {
	color: #666;
	text-decoration: none;
}

#top_menu a:hover {
	color: #f00;
}

#top_menu a img {
	border: none;
	margin-bottom: 5px;
	vertical-align: middle;
}

#sysmsg_box {
	font-size: 10pt;
	color: #f00;
	margin: 2px 0px 0px 2px;
}

#userinfo_box {
	color: #999;
	padding: 2px 0px 0px 2px;
}

#userinfo_box a {
	color: #999;
	text-decoration: none;
}

#userinfo_box a:hover {
	color: #f00;
}

#userinfo_cell1 {
	padding-bottom: 5px;
}

#userinfo_cell2 {
	font-size: 12pt;
	color: #000;
	border-bottom: #666 2px solid;
}

#userinfo_cell3 {
	width: 150px;
	text-align: right;
}

#userinfo_cell4 {
	padding:5px 0px 2px 0px;
	text-align: right;
}

#userinfo_cell5 {
	border-top: #666 1px solid;
	padding: 2px 0px 2px 0px;
}

.userlogin {
	width: 200px;
}

.userselect {
	width: 95px;
}

#shopcart_box {
	color: #999;
	margin: 2px 0px 0px 2px;
}

#shopcart_box a {
	color: #999;
	text-decoration: none;
}

#shopcart_box a:hover {
	color: #f00;
}

#shopcart_cell1 {
	color: #666;
	border-bottom: #666 2px solid;
	padding: 10px 0px 2px 0px;
}

#shopcart_cell2 {
	color: #000;
	border-bottom: #666 2px solid;
	padding: 10px 0px 2px 0px;
	font-weight: bold;
	text-align: center;
}

#shopcart_cell3 {
	color: #666;
	border-bottom: #000 2px solid;
	padding: 10px 0px 2px 0px;
}

#shopcart_cell4 {
	color: #000;
	border-bottom: #000 2px solid;
	padding: 10px 0px 2px 0px;
	font-weight:bold;
	text-align: center;
}

#shopcart_cell5 {
	text-align: left;
}

#shopcart_cell6 {
	padding:5px 0px 2px 0px;
	text-align: right;
}

.shopcart_hcell {
	color: #000;
	font-size: 10pt;
	font-weight: bold;
	border-top: #000 solid 3px;
	border-bottom: #000 solid 3px;
	padding: 4px 7px 4px 7px;
}

#controls_box {
	margin: 2px 0px 0px 2px;
	padding-bottom: 10px;
}

#controls_head {
	font-size: 12pt;
	color: #fff;
	background-color: #000;
	border: #fff solid 1px;
	padding: 3px;
}

.controls_cell, .controls_cell_h {
	color: #fff;
	border-bottom: #fff 1px solid;
	padding: 5px 0px 5px 0px;
}

.controls_cell a {
	color: #fff;
}

.controls_cell a:hover, .controls_cell_h a:hover {
	color: #ed1c24;
	font-weight: bold;
}

.controls_cell_h a {
	color: #ffc;
}

#playlist_box {
	color: #fff;
	margin: 20px 0px 0px 2px;
}

#panel_box {
	/*background: #888A89 url(images/bg_panel.jpg) left top no-repeat;*/
	margin-top: 10px;
}

#download_box {
	color: #999;
	margin: 2px 0px 0px 2px;
}

.download_cell1 {
	border-bottom: #000 solid 1px;
	padding-right: 7px;
}

.download_cell2 {
	border-bottom: #000 solid 3px;
	padding-right: 7px;
}

.download_hcell {
	color: #000;
	font-size: 10pt;
	font-weight: bold;
	border-bottom: #000 solid 3px;
	padding: 4px 7px 4px 7px;
}

#today_box, #topview_box, #topdown_box, #chat_box {
	color: #fff;
	padding: 5px 2px 5px 3px;
	width: 245px;
	overflow: hidden;
}

#today_box a, #topview_box a, #topdown_box a, #chat_box a {
	color: #fff;
	text-decoration: none;
}

#today_box a:hover, #topview_box a:hover, #topdown_box a:hover, #chat_box a:hover {
	color: #f00;
}

.chat_table1 {
	font-size: 9pt;
	border-bottom: #fff 3pt solid;
}

.chat_table2 {
	border-bottom: #666 1pt solid;
}

.topdown_table1 {
	font-size: 12pt;
	color: #666;
	width: 20px;
	padding-top: 5px;
	text-align: center;
	vertical-align: top;
	border-bottom: #666 1pt solid;
}

.topdown_table2 {
	padding-top: 2px;
	text-align: left;
	vertical-align: top;
	border-bottom: #666 1pt solid;
}

.topdown_table3 {
	font-size: 7pt;
	color: #666;
	text-align: right;
	vertical-align: bottom;
	border-bottom: #666 1pt solid;
}

.topdown_table3 a {
	color: #666;
	text-decoration: none;
}

.topdown_table3 a:hover {
	color: #f00;
}

#stat_box {
	color: #999;
	margin: 2px 0px 0px 2px;
}

#fl_tab1 {
	font-size: 12pt;
	color: #ccc;
	background-color: #000;
	text-align: center;
	vertical-align: middle;
}

#fl_tab2 {
	font-size: 12pt;
	background-color: #333;
	text-align: center;
	vertical-align: middle;
}

#fl_tab3 {
	font-size: 12pt;
	background-color: #666;
	text-align: center;
	vertical-align: middle;
}

#fl_tab1 a, #fl_tab2 a, #fl_tab3 a {
	color: #ccc;
	text-decoration: none;
}

#fl_tab1 a:hover, #fl_tab2 a:hover, #fl_tab3 a:hover {
	color: #fff;
}

#fl_page0 {
	height: 16px;
	padding-top: 5px;
	color: #999;
	background: #000 url(images/rnd_flpage0.gif) top right no-repeat;
	text-align: center;
}

#fl_page1 {
	height: 16px;
	padding-top: 5px;
	color: #999;
	background: #333 url(images/rnd_flpage1.gif) top right no-repeat;
	text-align: center;
}

#fl_page2 {
	height: 16px;
	padding-top: 5px;
	color: #999;
	background: #666 url(images/rnd_flpage2.gif) top right no-repeat;
	text-align: center;
}

#fl_page0 a, #fl_page1 a, #fl_page2 a {
	color: #fff;
	text-decoration: none;
}

#fl_page0 a:hover, #fl_page1 a:hover, #fl_page1 a:hover {
	color: #f00;
}

#ml_tab1 {
	width: 170px;
	color: #b4b8c3;
	/*background: #fff url(images/tab_ml01.gif) top left no-repeat;*/
	background-color: #000;
	font-size: 14pt;
	padding-left: 5px;
}

#ml_tab2 {
	color: #999;
	background-color: #000;
}

#ml_tab3 {
	/*background: #000 url(images/tab_ml03.gif) top right no-repeat;*/
	background-color: #000;
	padding-right: 5px;
	width: 90px;
}

#ml_tab4 {
	width: 175px;
}

#ml_tab5 {
	color: #999;
	background: #000 url(images/tab_ml07.gif) left bottom no-repeat;
}

#ml_tab6 {
	/*background: #000 url(images/tab_ml06.gif) bottom right no-repeat;*/
	background-color: #000;
	padding-right: 5px;
	width: 90px;
	background: #000 url(images/tab_ml08.gif) right bottom no-repeat;
}

#ml_tab2 a, #ml_tab5 a {
	color: #999;
	text-decoration: none;
}

#ml_tab2 a:hover, #ml_tab5 a:hover {
	color: #f00;
}

#ml_textbox1, #ml_textbox2 {
	width: 32px;
	height: 18px;
	margin: 0px;
	padding: 0px;
	border: none;
}

#ml_go {
	width: 41px;
	height: 18px;
}

#load_status {
	text-align: center;
	padding: 32px;
}

.rnd_table1 {
	width: 4px;
	height: 4px;
	background: url(images/rnd_table01.gif) left top no-repeat;
}

.rnd_table2 {
	height: 4px;
	background: url(images/rnd_table02.gif) top repeat-x;
}

.rnd_table3 {
	width: 4px;
	height: 4px;
	background: url(images/rnd_table03.gif) right top no-repeat;
}

.rnd_table4 {
	width: 4px;
	background: url(images/rnd_table04.gif) left repeat-y;
}

.rnd_table5 {
	width: 4px;
	background: url(images/rnd_table05.gif) right repeat-y;
}

.rnd_table6 {
	width: 4px;
	height: 4px;
	background: url(images/rnd_table06.gif) left bottom no-repeat;
}

.rnd_table7 {
	height: 4px;
	background: url(images/rnd_table07.gif) bottom repeat-x;
}

.rnd_table8 {
	width: 4px;
	height: 4px;
	background: url(images/rnd_table08.gif) right bottom no-repeat;
}

.rnd_gray1 {
	background: #fff url(images/rnd_grayborder1.gif) left center no-repeat;
	width: 10px;
}

.rnd_gray2 {
	background: #fff url(images/rnd_grayborder6.gif) center repeat-x;
}

.rnd_gray3 {
	background: #fff url(images/rnd_grayborder2.gif) right center no-repeat;
	width: 10px;
}

.rnd_gray4 {
	background: #fff url(images/rnd_grayborder5.gif) left center repeat-y;
	width: 10px;
}

.rnd_gray5 {
	background: #fff url(images/rnd_grayborder5.gif) right center repeat-y;
	width: 10px;
}

.rnd_gray6 {
	background: #fff url(images/rnd_grayborder3.gif) left bottom no-repeat;
	width: 10px;
	height: 10px;
}

.rnd_gray7 {
	background: #fff url(images/rnd_grayborder6.gif) bottom repeat-x;
}

.rnd_gray8 {
	background: #fff url(images/rnd_grayborder4.gif) right bottom no-repeat;
	width: 10px;
	height: 10px;
}

.black_link a {
	text-decoration: none;
	color: #000;
}

.gray_link a {
	text-decoration: none;
	color: #999;
}

.gray_link a:hover, .black_link a:hover {
	color: #f90;
}

.white_link a {
	text-decoration: none;
	color: #fff;
}

.white_link a:hover {
	color: #f90;
}

.form_div2 {
	width: 230px;
}

.form_div3 {
	width: 100px;
}

.form_div4 {
	width: 60px;
}

.media_field1 {
	width: 145px;
}

.media_field2 {
	width: 180px;
}

.heading_3d {
	font-size: 14pt;
	color: #fff;
	background: url(images/bg_head3d.gif) left center repeat-x;
	height: 30px;
	padding: 15px 0px 0px 20px;
}

.tab_light1 {
	background: #e5e5e5 url(images/tab_light1.gif) left top no-repeat;
	width: 5px;
}

.tab_light2 {
	background: #e5e5e5 url(images/tab_light2.gif) right top no-repeat;
	width: 5px;
}

.tab_light3 {
	background: #e5e5e5 url(images/tab_light3.gif) left bottom no-repeat;
	width: 5px;
}

.tab_light4 {
	background: #e5e5e5 url(images/tab_light4.gif) right bottom no-repeat;
	width: 5px;
}
.tab_light5 {
	background-color: #e5e5e5;
	border-bottom: #d8d8d8 1px solid;
	border-top: #d8d8d8 1px solid;
	text-align: left;
}

.tab_dark1 {
	background: #ccc url(images/tab_dark1.gif) left top no-repeat;
	width: 5px;
}

.tab_dark2 {
	background: #ccc url(images/tab_dark2.gif) right top no-repeat;
	width: 5px;
}

.tab_dark3 {
	background: #ccc url(images/tab_dark3.gif) left bottom no-repeat;
	width: 5px;
}

.tab_dark4 {
	background: #ccc url(images/tab_dark4.gif) right bottom no-repeat;
	width: 5px;
}

.tab_dark5 {
	background-color: #ccc;
	border-top: #b2b2b2 1px solid;
	text-align: left;
}

.tab_dark6 {
	background-color: #ccc;
	border-bottom: #b2b2b2 1px solid;
	text-align: right;
}

/* Search Form (Safari Only----------------------------------------------------------*/
#wrapper {
	position: relative;
	font-size: 1.2em;
	/*margin: 0 auto;*/
	margin-top: 5px;
	margin-left: 22px;
	text-align: middle;
	width: 200px;
	height: 19px;
}

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

#search_form fieldset {
    margin: 0;
    padding: 0;
    border: 0;
}

#search_form label { 
    color: #999; 
    display: none; 
}

#search_form input { 
    width: 200px; 
    color: #222; 
}

#search_form #submitquery { 
    display: none; 
}

.album_link a {
	color: #fff;
	background-color: #999;
	border-bottom: #999 1px solid;
}

.album_link a:hover {
	color: #fff;
	background-color: #f90;
}

.album_count {
	color: #999;
	background-color: #fff;
	border-right: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
}

/* Overlay search options */
#search_options_box {
	width: 200px;
	background-color:  #FFF;
	position: absolute;
	margin-top: -2px;
	margin-left: 22px;
	z-index: 100;
	color: #333;
	border:1px solid #999;	
	text-align: center;
	font-size: 12px;
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
}


/* Misc Classes //----------------------------------------------------------*/

.clear { 
    clear: both; 
    margin: 0; 
    padding: 0; 
}

#feedback a {
	padding: 5px 0px 0px 0px;
	color:#333;
	font-size:11pt;
}

#feedback a:hover {
	padding: 4px 0px 0px 0px;
	color:#F00;
	font-size: 11pt;
}

.event_body {
	background-color: #E6E6E6;
	border-top: #000 2px solid;
	border-bottom: #000 2px solid;
}

.event_body tr:hover {
	background-color: #fff;
}

.event_body .cell1 {
	border-bottom: #4d4d4d 2px solid;
	text-align: center;
	/*font-size: 14pt;
	font-weight: bold;*/
	height: 38px;
}

.event_body .cell2 {
	border-bottom: #4d4d4d 2px solid;
	text-align: left;
	height: 38px;
}

.event_body .cell2 a {
	color: #000;
	font-weight: bold;
}

.event_body .cell2 a:hover {
	color: #f00;
}

.event_body .cell2 a.past {
	color: #666;
}

.event_body .cell2 a.past:hover {
	color: #fc0;
}

.event_body .cell2 small {
	font-size: 6pt;
	color: #f00;
	float: right;
}

.event_body .cell3 {
	border-bottom: #4d4d4d 2px solid;
	text-align: right;
	vertical-align: bottom;
	font-size: 7pt;
	color: #f00;
	height: 38px;
}

.contact_dark {
	background-color: #505050;
	color: #fff;
	font-size: 10pt;
}

.contact_dark label {
	margin-left: 18px;
}

.contact_dark #sender, .contact_dark #email, .contact_dark #phone, .contact_dark select {
	width: 260px;
	margin: 0px 0px 2px 10px;
}

.contact_dark textarea {
	margin: 5px 0px 0px 18px;
	width: 470px;
	height: 116px;
}

.contact_light {
	background-color: #cecece;
	color: #000;
	font-size: 9pt;
}

.contact_light a {
	color: #f15a24;
}

.red {
	color: #f00;
}

.white {
	color: #fff;
}

.sectab {
	padding: 0px 5px 2px 5px;
	white-space: nowrap;
	border-top: #999 solid 1px;;
}

.sectab_active {
	padding: 2px 5px 0px 5px;
	font-weight: bold;
	white-space: nowrap;
	border: #999 solid 1px;;
	border-top: none;
}

.sectab a {
	color: #999;
}

.sectab_active a {
	color: #000;
}

/* For media class */

.media_listbox {
	background-color: #e8eaed;
	font-family: sans-serif;
}

.media_thumb {
	width: 64px;
	vertical-align: middle;
	padding: 8px 0px 8px 0px;
}

.media_thumb img {
	width: 64px;
	height: 64px;
	border: 0px;
}

.media_play {
	width: 32px;
	vertical-align: bottom;
}

.media_playbutton {
	width: 22px;
	height: 22px;
	background: url(images/media_play0.gif) left top no-repeat;
	margin: 8px 5px 8px 5px;
	cursor: hand;
}

.media_playbutton:hover {
	background: url(images/media_play1.gif) left top no-repeat;
}

.media_text {
	vertical-align: middle;
}

.media_text .label1, .media_text .label2 {
	height: 13px;
	font-size: 8pt;
}

.media_text .label1 {
	text-align: right;
	padding-right: 5px;
	color: #aaafb5;
	width: 1%;
}

.media_text .label2 {
	text-align: left;
	color: #878a89;
	width: 99%;
}

.media_text .label2 a {
	color: #878a89;
}

.media_text .label2 a:hover {
	color: #f09;
}

.media_score {
	width: 100px;
	font-size: 7pt;
	color: #878a89;
	text-align: center;
	vertical-align: top;
	white-space: nowrap;
}

.media_score table {
	margin: 1px 0px 3px 0px;
	cursor: hand;
}

.media_score em {
	color: #f30;
	font-style: normal;
}

.media_button {
	width: 100px;
	font-size: 9pt;
	text-align: center;
	vertical-align: bottom;
	color: #000;
	white-space: nowrap;
}

.media_button:hover {
	color: #f09;
}

.media_button img {
	margin: 2px 0px 5px 0px;
	cursor: hand;
}

.media_border1, .media_border2, .media_border3, .media_border4 {
	width: 10px;
	height: 40px;
}

.media_border1 {
	background: url(images/media_border1.gif) left top no-repeat;
}

.media_border2 {
	background: url(images/media_border2.gif) right top no-repeat;
}

.media_border3 {
	background: url(images/media_border3.gif) left bottom no-repeat;
}

.media_border4 {
	background: url(images/media_border4.gif) right bottom no-repeat;
}

.media_upperstat {
	font-size: 6pt;
	color: #fff;
	background-color: #454545;
	border-bottom: #e6e6e6 1px solid;
	height: 12px;
}

.media_lowerstat {
	font-size: 8pt;
	color: #e6e6e6;
	background-color: #8a8a8a;
	height: 20px;
}

/* For media class */

.howto-head {
	color: #fff;
	background-color: #000;
	font-size: 11pt;
	text-align: center;
	padding: 20px 30px;
	white-space:nowrap;
}

.howto-pinkdot {
	background: url(images/bg_pinkball.gif) center no-repeat;
	font-size: 48pt;
	font-family: Courier New, Courier, monospace;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	width: 100px;
	height: 100px;
}

.howto-arrow {
	background: url(images/icn_bigarrow_right.gif) center no-repeat;
	width: 20px;
}

.howto-text1 {
	font-size: 11pt;
	font-weight: bold;
	padding: 16px 0px 2px 0px;
	margin-left: 10px;
}

.howto-text2 {
	font-size: 9pt;
	padding: 2px 0px 2px 42px;
	background-color: #e7e7e9;
	margin-left: 10px;
}

.howto-text1 a, .howto-text2 a, .howto-text3 a {
	color: #ed008C;
	text-decoration: none;
}

.howto-text1 a:hover, .howto-text2 a:hover, .howto-text3 a:hover {
	color: #ed7fc0;
	/*text-decoration: underline;*/
}

.howto-text3 {
	font-size: 9pt;
	margin: 25px 10px;
}

.whybuy-table th {
	color: #fff;
	background-color: #000;
}

.search-key {
	color: #999;
	text-decoration: none;
}

.search-key:hover {
	color: #000;
}

#shoutbox {
	margin-top: 10px;
	/*padding-right: 10px;
	border:#000 1px solid;*/
	width:510px;height:240px;
	overflow:auto;
}

#shoutbox .item-left {
	margin-bottom: 10px;
	padding-left: 7px;
	background: url(images/rnd_balloon2.gif) left top no-repeat;
	width: 398px;
}

#shoutbox .item-right {
	margin-bottom: 10px;
	padding-right: 7px;
	background: url(images/rnd_balloon1.gif) left top no-repeat;
	width: 398px;
}

#shoutbox .info {
	padding: 10px 10px 5px 10px;
	font-style: italic;
	font-size: 7pt;
}

#shoutbox .content {
	padding: 0px 10px 10px 10px;
	font-size: 10pt;
	background: url(images/rnd_balloon3.gif) left bottom no-repeat;
}

#shoutbox .content img {
	margin: 0px 5px;
}

#shoutbox a {
	text-decoration: underline;
	color: #666;
}

#shoutbox a:hover {
	color: #f00;
}

#shoutbox .pic-left {
	width: 48px;
	margin-right: 10px;
}

#shoutbox .pic-right {
	width: 48px;
	margin-left: 10px;
}

#shoutbox .rem-button {
	margin: 5px 15px;;
	border: none;
}

#avatarbox {
	padding: 0px 10px;
}

#sb_name {
	width: 50px;
	font-weight: bold;
}

#sb_text {
	width: 250px;
}

.browse-head {
	color: #999;
	background-color: #000;
	padding: 0px 10px;
	white-space: nowrap;
	font-size: 10pt;
	border-right: #fff 1px solid;
}

.browse-menu {
	border-top: #000 solid 4px;
	border-bottom: #000 solid 4px;
	padding: 0px 10px;
	white-space: nowrap;
	font-size: 10pt;
	font-weight: bold;
}

.browse-menu a {
	color: #000;
}

.browse-active {
	background-color: #000;
	padding: 0px 10px;
	white-space: nowrap;
	font-size: 10pt;
	font-weight: bold;
}

.browse-active a {
	color: #fff;
}

.browse-cell {
	color: #666;
	border-bottom: #900 solid 1px;
}

.browse-cell a {
	color: #666;
}

.browse-newcat {
	color: #000;
	border-bottom: #900 solid 2px;
}

.browse-newcat a {
	color: #000;
}

.browse-menu a:hover, .browse-active a:hover, .browse-cell a:hover, .browse-newcat a:hover {
	color: #f00;
}

.browse-end {
	border-top: #000 solid 4px;
	border-right: #000 solid 4px;
	border-bottom: #000 solid 4px;
}

.whazzupbody img {
	display: block;
	margin: 0px auto;
	/*width: 480px;*/
}