body {}
a { text-decoration:none;}
a:hover { text-decoration:underline;}
a img { border: 0 none; vertical-align: middle;}
p.comment { font-size:80%;}
img { border: 0 none; padding:0; margin:0;}
td { vertical-align:top; background-repeat:no-repeat;}
th { background-repeat:no-repeat;}
h1 { font-weight:bold; margin-bottom:5px;}
h2 { margin-bottom:5px; margin-top:5px;}
.del, div.del span, .del div { color:red; text-decoration: line-through;}
.inline { display: inline;}
.color3 { background-color:#D6DCFE;}
.colorSpecial, .cPlay { background-color:#EAD2F4 !important;}
.inputFull input[type='text']:not(.date), .inputFull select, .fullInput { width: 98% !important;}
:target { border-bottom:2px dotted #99C;}
input, select, textarea { font-family:Verdana;}
textarea { overflow:scroll;}
input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] { background-color: #eeeeee;
border-color: #ddd; cursor: not-allowed;}
input[type='text'] { color: #333; border: 1px solid #ccc; -webkit-border-radius: 3px;
-moz-border-radius: 3px; border-radius: 3px;}
input[type='radio'], input[type='checkbox']{ padding:0; margin:0;}
ul.djBrowse { font-size: 120%;}
table.navi { width:auto;}
table.navi td { padding:5px 0 5px 0;}
tr.naviNoPad td { padding:0;}
table.detail td { vertical-align:top;}
table.register td { padding:10px;}
table.full th { font-size: 110%;}
table.hover tr:hover>td { background-color:#D6DCFE;}
.hiddenHoverAction:hover .unvisible { display:inline-block;}

table.detail tr:hover>td { background-color:#D6DCFE;}
table.tlBrowse tr:hover>td { background-color:#D6DCFE;}
table.small tr:hover>td { background-color:#D6DCFE;}
table.tl tr:hover>td { background-color:#D6DCFE;}
table.tdHover td:hover { background-color:#D6DCFE;}
table.comments { text-align:left;}
.noborder { border:0 none !important; border-spacing:0;}
table.noborder td, table.noborder tr, table.create td { border:0 none;}
table.edit { margin-left:auto; margin-right:auto; border-spacing:0px;}
table.edit td, table.edit tr { border:0 none; vertical-align: middle !important;}
table.nohover tr:hover>td { background-color:inherit !important;}
table tr.nohover:hover>td { background-color:inherit !important;}
.nohover:hover { background-color:inherit !important;}
table.small { font-size:80%; line-height:1.2em; text-align:center; vertical-align: bottom;}
#user_status table.small { margin-bottom:2px;}
table.small input { font-size:110%;}
table.left td { text-align:left;}
table.sidesub { width:100%; border:0 none; border-collapse:collapse; border-spacing:0px; margin-left:auto; margin-right:auto; background-color:inherit;}
table.sidesub th { border:0 none; background-color:inherit; padding:0;}
table.sidesub tr { border:0 none;}
table.sidesub tr:hover>td { background-color:#D6DCFE;}
table.sidesub td { border:0 none;}
table.input td { padding-top:5px; padding-left:2px;}
table.login { font-size:120%; line-height:2em; vertical-align:middle; text-align: center;}
table.login tr { border:0 none;}
.sideinput td { text-align: left; font-size: 80%;}
table.sideinput table { padding:2px;}
table.create { table-layout:auto; text-align:left; margin: 0 auto;}
table.create .specialHidden { display:none;}
table.create th { text-align:left; border-top:1px solid #99C; height:2em; vertical-align:middle; font-weight: bold;}
table.create tr { padding:1px 5px 1px 5px;}
.topBorder { border-top:1px solid #88F !important;}
table#createSteps { text-align:left; font-size:80%;}
table#createSteps th { border-top:1px solid #99C; border-bottom:1px solid #99C;}
table#createSteps tr { border: 0 none;}
table#createSteps input[type='text'] { height: 1.6em; font-size: 100%}
table#createSteps select { height: 1.8em; font-size: 100%;}
table#createSteps input[type='button'], table#createSteps input[type='submit'] { height: 32px; font-size: 100%}
#mailTbl { table-layout: fixed;}
#mailTbl td.mailHeader { width:5em; height:20px;}
div.createSub { padding:0 2px}
table.createSub th { font-weight:normal; text-align: left;}
#naviProfil { margin:0 0 10px 0;}
.adminAction div.actionImgDiv { margin:10px 10px;}
td.editlabel { font-size: 90%;}
.searchFieldBtn:hover { color:#000;}
.searchFieldSel:hover { color:#000;}
.searchFieldSel option { text-align: center;}
.sprite { background: url(/images/sprite16_v2.png) no-repeat top left ;}

.sprite-aaa{ background-position: 0 0; width: 16px; height: 16px;}
.sprite-add{ background-position: 0 -17px; width: 16px; height: 16px;}
.sprite-add_overlay{ background-position: 0 -34px; width: 16px; height: 16px;}
.sprite-alarm{ background-position: 0 -51px; width: 16px; height: 16px;}
.sprite-apache{ background-position: 0 -68px; width: 16px; height: 16px;}
.sprite-arrow_down{ background-position: 0 -85px; width: 16px; height: 16px;}
.sprite-arrow_left{ background-position: 0 -102px; width: 16px; height: 16px;}
.sprite-arrow_right{ background-position: 0 -119px; width: 16px; height: 16px;}
.sprite-arrow_up{ background-position: 0 -136px; width: 16px; height: 16px;}
.sprite-audio_pause{ background-position: 0 -153px; width: 16px; height: 16px;}
.sprite-award_user_bronze_1{ background-position: 0 -170px; width: 16px; height: 16px;}
.sprite-award_user_bronze_2{ background-position: 0 -187px; width: 16px; height: 16px;}
.sprite-award_user_bronze_3{ background-position: 0 -204px; width: 16px; height: 16px;}
.sprite-award_user_gold_1{ background-position: 0 -221px; width: 16px; height: 16px;}
.sprite-award_user_gold_2{ background-position: 0 -238px; width: 16px; height: 16px;}
.sprite-award_user_gold_3{ background-position: 0 -255px; width: 16px; height: 16px;}
.sprite-award_user_silver_1{ background-position: 0 -272px; width: 16px; height: 16px;}
.sprite-award_user_silver_2{ background-position: 0 -289px; width: 16px; height: 16px;}
.sprite-award_user_silver_3{ background-position: 0 -306px; width: 16px; height: 16px;}
.sprite-beatport{ background-position: 0 -323px; width: 16px; height: 16px;}
.sprite-cache{ background-position: 0 -340px; width: 16px; height: 16px;}
.sprite-cancel{ background-position: 0 -357px; width: 16px; height: 16px;}
.sprite-check_overlay{ background-position: 0 -374px; width: 16px; height: 16px;}
.sprite-comment{ background-position: 0 -391px; width: 16px; height: 16px;}
.sprite-comments{ background-position: 0 -408px; width: 16px; height: 16px;}
.sprite-contact{ background-position: 0 -425px; width: 16px; height: 16px;}
.sprite-cross{ background-position: 0 -442px; width: 16px; height: 16px;}
.sprite-datepicker{ background-position: 0 -459px; width: 16px; height: 16px;}
.sprite-del_overlay{ background-position: 0 -476px; width: 16px; height: 16px;}
.sprite-dj{ background-position: 0 -493px; width: 16px; height: 16px;}
.sprite-download{ background-position: 0 -510px; width: 16px; height: 16px;}
.sprite-media{ background-position: 0 -510px; width: 16px; height: 16px;}
.sprite-edit{ background-position: 0 -527px; width: 16px; height: 16px;}
.sprite-edit_overlay{ background-position: 0 -544px; width: 16px; height: 16px;}
.sprite-error{ background-position: 0 -561px; width: 16px; height: 16px;}
.sprite-exclamation{ background-position: 0 -578px; width: 16px; height: 16px;}
.sprite-fav{ background-position: 0 -595px; width: 16px; height: 16px;}
.sprite-fav_overlay{ background-position: 0 -612px; width: 16px; height: 16px;}
.sprite-group_overlay{ background-position: 0 -629px; width: 16px; height: 16px;}
.sprite-id_overlay{ background-position: 0 -646px; width: 16px; height: 16px;}
.sprite-idea{ background-position: 0 -663px; width: 16px; height: 16px;}
.sprite-info{ background-position: 0 -680px; width: 16px; height: 16px;}
.sprite-label{ background-position: 0 -697px; width: 16px; height: 16px;}
.sprite-label_overlay{ background-position: 0 -714px; width: 16px; height: 16px;}
.sprite-like{ background-position: 0 -731px; width: 16px; height: 16px;}
.sprite-link{ background-position: 0 -748px; width: 16px; height: 16px;}
.sprite-link_overlay{ background-position: 0 -765px; width: 16px; height: 16px;}
.sprite-lock{ background-position: 0 -782px; width: 16px; height: 16px;}
.sprite-message{ background-position: 0 -799px; width: 16px; height: 16px;}
.sprite-message_read{ background-position: 0 -816px; width: 16px; height: 16px;}
.sprite-micro{ background-position: 0 -833px; width: 16px; height: 16px;}
.sprite-mixcloud{ background-position: 0 -850px; width: 16px; height: 16px;}
.sprite-move{ background-position: 0 -867px; width: 16px; height: 16px;}
.sprite-musicstyle{ background-position: 0 -884px; width: 16px; height: 16px;}
.sprite-new_bullet{ background-position: 0 -901px; width: 8px; height: 8px;}
.sprite-new_overlay{ background-position: 0 -910px; width: 16px; height: 16px;}
.sprite-play{ background-position: 0 -927px; width: 16px; height: 16px;}
.sprite-play_overlay{ background-position: 0 -944px; width: 16px; height: 16px;}
.sprite-podomatic{ background-position: 0 -961px; width: 16px; height: 16px;}
.sprite-question{ background-position: 0 -978px; width: 16px; height: 16px;}
.sprite-question_mark{ background-position: 0 -995px; width: 14px; height: 16px;}
.sprite-rebroadcast{ background-position: 0 -1012px; width: 16px; height: 16px;}
.sprite-save{ background-position: 0 -1029px; width: 16px; height: 16px;}
.sprite-search{ background-position: 0 -1046px; width: 16px; height: 16px;}
.sprite-search_overlay{ background-position: 0 -1063px; width: 16px; height: 16px;}
.sprite-soundcloud{ background-position: 0 -1080px; width: 16px; height: 16px;}
.sprite-spellcheck{ background-position: 0 -1097px; width: 16px; height: 16px;}
.sprite-statistic{ background-position: 0 -1114px; width: 16px; height: 16px;}
.sprite-statistic2{ background-position: 0 -1131px; width: 16px; height: 16px;}
.sprite-submit{ background-position: 0 -1148px; width: 16px; height: 16px;}
.sprite-tick{ background-position: 0 -1165px; width: 16px; height: 16px;}
.sprite-tick_blue{ background-position: 0 -1182px; width: 16px; height: 16px;}
.sprite-tl{ background-position: 0 -1199px; width: 16px; height: 16px;}
.sprite-trash{ background-position: 0 -1216px; width: 16px; height: 16px;}
.sprite-user{ background-position: 0 -1233px; width: 16px; height: 16px;}
.sprite-user_overlay{ background-position: 0 -1250px; width: 16px; height: 16px;}
.sprite-video{ background-position: 0 -1267px; width: 16px; height: 16px;}
.sprite-view{ background-position: 0 -1284px; width: 16px; height: 16px;}
.sprite-wait{ background-position: 0 -1301px; width: 16px; height: 16px;}
.sprite-wait_overlay{ background-position: 0 -1318px; width: 16px; height: 16px;}
.sprite-world{ background-position: 0 -1335px; width: 16px; height: 16px;}
.sprite-youtube{ background-position: 0 -1352px; width: 16px; height: 16px;}
.sprite-star{ background-position: 0 -1369px; width: 16px; height: 16px;}
.sprite-star_overlay{ background-position: 0 -1385px; width: 16px; height: 16px;}


.sprite-arrow_up_small { background-position: 0 -867px; width: 8px; height: 16px;}
.sprite-arrow_down_small { background-position: -8px -867px; width: 8px; height: 16px;}
.sprite-check_small { background-position: -4px -381px; width: 12px; height: 11px;}

.s32{ background: url(/images/sprite32_v4.png) no-repeat top left; width: 32px; height: 32px;}

.s32-aaa{ background-position: 0 0;}
.s32-add{ background-position: 0 -33px;}
.s32-add_overlay{ background-position: 0 -66px;}
.s32-alarm{ background-position: 0 -99px;}
.s32-audio_mute{ background-position: 0 -132px;}
.s32-audio_unmute{ background-position: 0 -165px;}
.s32-beatport{ background-position: 0 -198px;}
.s32-cache{ background-position: 0 -231px;}
.s32-cancel{ background-position: 0 -264px;}
.s32-check_overlay{ background-position: 0 -297px;}
.s32-comment{ background-position: 0 -330px;}
.s32-contact{ background-position: 0 -363px;}
.s32-cross{ background-position: 0 -396px;}
.s32-datepicker{ background-position: 0 -454px;}
.s32-db{ background-position: 0 -487px;}
.s32-del_overlay{ background-position: 0 -520px;}
.s32-dj{ background-position: 0 -553px;}
.s32-media{ background-position: 0 -586px;}
.s32-edit{ background-position: 0 -619px;}
.s32-edit_overlay{ background-position: 0 -652px;}
.s32-error{ background-position: 0 -685px;}
.s32-exclamation{ background-position: 0 -718px;}
.s32-facebook{ background-position: 0 -751px;}
.s32-fav{ background-position: 0 -784px;}
.s32-fav_overlay{ background-position: 0 -817px;}
.s32-filter{ background-position: 0 -850px;}
.s32-group_overlay{ background-position: 0 -883px;}
.s32-id_overlay{ background-position: 0 -916px;}
.s32-idea{ background-position: 0 -949px;}
.s32-info{ background-position: 0 -982px;}
.s32-key{ background-position: 0 -1015px;}
.s32-label{ background-position: 0 -1048px;}
.s32-label_overlay{ background-position: 0 -1081px;}
.s32-like{ background-position: 0 -1114px;}
.s32-link{ background-position: 0 -1147px;}
.s32-live{ background-position: 0 -1180px;}
.s32-lock{ background-position: 0 -1213px;}
.s32-logout{ background-position: 0 -1246px;}
.s32-message{ background-position: 0 -1279px;}
.s32-message_read{ background-position: 0 -1312px;}
.s32-micro{ background-position: 0 -1345px;}
.s32-mixcloud{ background-position: 0 -1378px;}
.s32-move{ background-position: 0 -1411px;}
.s32-new_overlay{ background-position: 0 -1462px;}
.s32-open_overlay{ background-position: 0 -1495px;}
.s32-pause{ background-position: 0 -1528px;}
.s32-play{ background-position: 0 -1561px;}
.s32-play_overlay{ background-position: 0 -1594px;}
.s32-podomatic{ background-position: 0 -1627px;}
.s32-question{ background-position: 0 -1660px;}
.s32-question_mark{ background-position: 0 -1693px;}
.s32-rebroadcast{ background-position: 0 -1726px;}
.s32-reload{ background-position: 0 -1759px;}
.s32-rss{ background-position: 0 -1792px;}
.s32-save{ background-position: 0 -1825px;}
.s32-search{ background-position: 0 -1858px;}
.s32-search_overlay{ background-position: 0 -1891px;}
.s32-soundcloud{ background-position: 0 -1924px;}
.s32-spam{ background-position: 0 -1983px;}
.s32-spellcheck{ background-position: 0 -2016px;}
.s32-star{ background-position: 0 -2049px;}
.s32-star_overlay{ background-position: 0 -2082px;}
.s32-statistics{ background-position: 0 -2115px;}
.s32-submit{ background-position: 0 -2148px;}
.s32-system{ background-position: 0 -2181px;}
.s32-tick{ background-position: 0 -2214px;}
.s32-tick_blue{ background-position: 0 -2247px;}
.s32-tl{ background-position: 0 -2280px;}
.s32-trash{ background-position: 0 -2313px;}
.s32-trash_overlay{ background-position: 0 -2346px;}
.s32-twitter{ background-position: 0 -2379px;}
.s32-user{ background-position: 0 -2412px;}
.s32-user_overlay{ background-position: 0 -2445px;}
.s32-video{ background-position: 0 -2478px;}
.s32-wait{ background-position: 0 -2511px;}
.s32-wait_overlay{ background-position: 0 -2544px;}
.s32-world{ background-position: 0 -2577px;}
.s32-youtube{ background-position: 0 -2610px;}

.s32-cross_small{ background-position: 0 -429px; width: 24px; height: 24px;}
.s32-navi_arrow{ background-position: 0 -1444px; width: 12px; height: 17px;}
.s32-arrow_up_small { background-position: 0 -1411px; width: 16px; height: 32px;}
.s32-arrow_down_small { background-position: -16px -1411px; width: 16px; height: 32px;}
.s32-new_bullet { background-position: 0 -1462px; width: 14px; height: 32px;}
.s32-new_bullet_half { background-position: 0 -1462px; width: 14px; height: 16px;}
.s32-soundcloud_thin{ background-position: 0 -1957px; width: 40px; height: 25px;}

.itunesFreeImg { background: url(/images/static/itunes_free.png) no-repeat top left; width: 88px; height: 32px;}
.itunesImg { background: url(/images/static/itunes.png) no-repeat top left; width: 44px; height: 15px;}
.myspaceImg { background: url(/images/static/myspace.png) no-repeat top left; width: 16px; height: 16px;}
.podbeanImg { background: url(/images/static/podbean.png) no-repeat top left; width: 16px; height: 16px;}
.rightBGImg { padding-right:18px; min-height:16px;}
.leftBGImg { padding-left:18px; min-height:16px;}
.leftBGImg32 { padding-left:36px; min-height:32px;}
.smallImgDiv { width:14px; height:14px;}
.arrowSmallDiv { width:10px;}
.verticalIcon { margin:0 2px 10px 2px !important;}
.actionImgDiv, .actionHoverImgDiv { cursor:pointer; margin-left:3px; margin-right:3px; vertical-align: middle;}
.actionHoverImgDiv { opacity:.30; filter:alpha(opacity=30);}
.actionHoverImgDiv:hover { opacity:1; filter:alpha(opacity=100);}
.infoImgDiv { margin:0 5px 0 0px; padding:0; vertical-align: middle;}
.infoImgDiv, .iconImg { cursor:default;}
.clickImg { margin:0 4px 0 4px;}
form { margin:0; padding:0;}
.message { text-align:center; font-weight:bold;}
span.message, .error { font-weight:bold;}
iframe.defaultPlayer { border: 2px solid green;}
.error { color:red;}
.tlFontLarge { font-size:140%;}
.tlFont { font-size:110%;}
.tlFontSmall { font-size:95%;}
.cueValueField { font-size:80%;}
.tlEditInput { width:15px; height:30px !important;}
div.tlSug:hover { background-color:#F5F5FF !important;}
.tlHover { display:none;}
.tlpItem:hover .tlHover { display:block;}
.tlRowActive .tlHover, .tlRowActive .hidden { display:block;}
.tlRowActive { background-color: #D6DCFE;}
.iconHeight32 { vertical-align: middle; line-height:32px;}
.h32 { line-height:32px;}
.input32 { margin: 6px 0px;}
span.italic, .mashupTrack { font-style:italic;}
span.favItem { font-size:120%; vertical-align: bottom;}
.centered { text-align:center;}
.inputLabel { font-weight:bold; font-size:80%;}
.toggleSideDiv { display: block; margin:15px 5px 10px 5px;}
div.contentFull { padding:0 10px 0 10px; margin-right:0;}
div#user_status { padding-bottom:0px !important;}
.sideTop th { padding-top:2px; padding-bottom:3px; font-weight: bold; font-size: 110%; min-height: 34px;}
.sideTop td { font-size: 110%;}
div.thIconText { padding:8px 0;}
div.label { width:auto; float:left; text-align:right; margin-top:0.5em; padding-right:5px;}
div.input { width:auto; float:left; padding-right:5px; margin-top:0.3em;}
div.button { width:auto; float:left; padding-right:5px; margin-top:0.3em;}
div.tlInfo { font-size:110%; margin:0; padding:0; padding-bottom:5px;}
div.tlUserInfo { padding:1px 0 0 0;}
div.tlViewCount { min-width:2.5em; text-align: right;}
div.tlLikeCount { text-align: right;}
div.tlUser { min-width:12em;}
div.tlIdedCount { min-width:3em;}
div.execTime { width:60px; height:20px; margin:auto;}
div.usrMsgSub {height: 1.5em; overflow:hidden;}
div.social { margin:auto; width:100%; padding-top:10px;}
div.fbIlike { margin:0 auto 0 auto;}
div.twitterBtn { margin:0 auto 0 auto;}
div.plusOneBtn { margin:0 auto 0 auto;}
div.bottomSocial { width:33%;}
.inputArea { border: 2px solid #cccccc;}
.inputArea:focus { border-color: #aaa;}
.iconBg { padding-left:18px; min-height:16px; padding-top:2px;}
.icon, .iconempty { height:16px; width:16px;}
.icon32 { height:32px; width:32px; margin-right:5px;}
.bubble { position:relative; width:auto; height:auto; padding:15px; border:2px solid #99C; background-color:white; margin:10px 10px 10px 10px; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px;}
.bubbleArrowTop { z-index:999; border-color:transparent transparent white transparent; border-style:solid; border-width:15px; height:0; width:0; position:absolute; top:-27px; left:30px;}
.bubbleArrowTopBorder { border-color:transparent transparent #99C transparent; border-style:solid; border-width:15px; height:0; width:0; position:absolute; top:-30px; left:30px;}
.bubbleArrow { z-index:999; border-color:white transparent transparent transparent; border-style:solid; border-width:15px; height:0; width:0; position:absolute; bottom:-27px; left:30px;}
.bubbleArrowBorder { border-color:#99C transparent transparent transparent; border-style:solid; border-width:15px; height:0; width:0; position:absolute; bottom:-30px; left:30px;}
.commentRow { border:0 none !important;}
div#recaptcha_widget_div { margin-left:auto; margin-right:auto; width:310px;}
div.navi { margin:8px 0 5px 0;}
div.navi span { margin-left:8px;}
ol.action { display:block; padding:0;margin:0;}
ol.action li { display:block;}
ol.action a, span.imgList { padding-left:20px; line-height: 2em;}
div.errorMessages { position:absolute; left:0; bottom:0px; width:100%; height:auto; position: fixed;}

.combo { background-image:url(/images/static/comboarrow_32.png); background-repeat:no-repeat; background-position:right center;
margin-right:10px; height: 26px !important;}
.combo:hover { background-image:url(/images/static/comboarrow_hover_32.png);}
/* ETC */
#prompt_overlay { display:none; position:fixed; top:0px; left:0px; width:100%; height:100%; background-color:black; z-index:1001;
opacity:.75; filter:alpha(opacity=75);}
* html #prompt_overlay { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');} /*ie6*/
#prompt_box { display:none; position:absolute; width:auto; height:auto; padding:5px; padding-top:20px; border:6px solid #99C;
background-color:white; z-index:1003; overflow:auto;}
#prompt_close { position:absolute; width:36px; height:32px; right:0; top:0; text-align:right; vertical-align: bottom; padding:0; margin:0;}
.inputPaneDiv, .messagePaneDiv { position:absolute; width:auto; max-width: 450px; padding:10px; padding-top:32px; z-index:1004; background-color:white;
border:6px solid #99C; margin:0 auto;}
.messagePaneDiv { z-index: 1006;}
div.messageBoxContent { padding-left:32px; margin:0; margin-top:5px; text-align: center; font-size:110%; word-break: break-word;}
.messageBoxContent li { margin-bottom:10px;}
.inputPaneDiv li { margin-bottom:2px;}
.inputPaneDiv ol { padding:0; margin:0;}
.inputPaneDiv p.rule { margin:0; padding: 0; margin-top:10px;}
.inputPaneField { font-size:110%;}
div.mlActionButtons { line-height: 32px;}
div.msgBoxIcon { margin:16px 10px 0 0;}
div.msgBoxButtons { margin:16px 0 0 32px; text-align: center;}
.boxShadow { -moz-box-shadow:5px 5px 5px #AAA; -webkit-box-shadow:5px 5px 5px #AAA; box-shadow:5px 5px 5px #AAA;}
div.overlay { position:fixed; top:0px; left:0px; width:100%; height:100%; background-color:black; z-index:1001; opacity:.80; filter:alpha(opacity=80); display:block;}
div.overlayinput { position:relative; z-index: 1002; background-color:#FFFFFF;}
div.showMedia { position:relative; width:auto; height:auto; padding:1px; border:4px solid #99C; background-color:white;
z-index:1002; overflow:auto; margin:5px 0 10px; clear:both;}
.roundBorder { border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px;}
div.mediaPlayer { margin-left:auto; margin-right:auto; margin-bottom:10px;}
div.tidPlayer { background:url(http://www.trackitdown.net/stickers/1/sticker_track_bg.png) top left no-repeat; width:300px; height:118px;}
div.videoDiv { padding:20px 5px 5px; margin:0 auto;}
div.serverMessage, div.soundControl { position: fixed; bottom: 0; left: 0; right: 0;
-webkit-border-radius: 1em 1em 0 0; -moz-border-radius: 1em 1em 0 0; border-radius: 1em 1em 0 0; -moz-box-shadow: 0 0 0.5em black;
-webkit-box-shadow: 0 0 0.5em black; box-shadow: 0 0 0.5em black; padding: 5px 10px; text-align: center;}
div.serverMessage { background: maroon; color: yellow; margin: 0 25% 0 25%; width: 50%; z-index: 1007;}
div.soundControl { background: #D6DCFE; color: black; height: 120px; margin: 0 10% 0 10%; width: 80%; z-index: 1006;}
div.playerInfoFields { height:3em; position:absolute; top:5px; left:10px;}
div.playerInfoButtons { height:3em; position:absolute; top:5px; right:10px; background: #D6DCFE;}
#playerInfoCurrentTime { font-size: 160%;}
div.playerInfoTxt { height:20px; overflow: hidden; margin: 0 5px;}
div.playerInfoVolume { width:10px; height: 32px; margin:0 2px; background-color: green; display:block; cursor: pointer; margin: 0px;}
div.playerInfoVolumeOff { background-color: gray;}
div.playerInfoMessage { margin:0; padding:0; height:20px; position:absolute; top:100px; left:0px; width:100%;}
div.playerInfoMessage marquee { margin:0 10px; font-size: 110%;}
div.playerInfoWaveForm { margin:0 ; padding:0; height:50px; position:absolute; top:50px; left:0; width: 100%;}
div.playerInfoWaveFormProgress { margin:0; padding:0; height: 50px; background-color:#AAF; width: 0;}
div.playerInfoWaveForm img, div.playerInfoWaveFormFull, div.waveFormClickMap { width:98%; height:100%; margin: 0 auto; cursor: pointer;}
div.waveFormClickMap img { width:100%; height:100%; margin: 0 auto;}
div.waveFormSeekToCueDiv { height:20px; width:60px; vertical-align:center; background-color: white; opacity: 0.8; position:absolute; top:50px;
font-weight: bold; z-index: 2;}
div.waveFormSeekToIndicator { height:50px; width:2px; position:absolute; top:50px; background-color: #FF7F00; opacity:0.9;}
div.playerInfoWaveFormFull { background-color: #666;}
div.infoMessage { font-size: 110%;}
hr { clear:left;}
table.tl td { vertical-align: top; text-align: left;}
#editcomment { width:100%; height:100px; text-align:left;}
span.tlLink { margin-right:5px; float:left;}
.secondRowTest { background-color:#F8F800;}
.action { cursor:pointer;}
.listImg { margin-left:1px; margin-right:1px; vertical-align:top !important;}
img.button { vertical-align:bottom;}
button { cursor: pointer; margin:0 4px; padding:0 2px 0 1px; height:40px; vertical-align: top; font-size: 120%;}
button:hover span { opacity:1; filter:alpha(opacity=100);}
button.small, button.smallIcon { height:20px; margin:0; padding:0px 2px; vertical-align: middle; line-height:15px; letter-spacing: 0;}
button.smallIcon { height:23px;}
.buttonImg { margin: 0 10px 0 5px;}
.buttonTxt { line-height: 32px; float: right;}
.disabledAction { cursor: not-allowed; opacity:.50; filter:alpha(opacity=50);}
.smallButtonTxt { vertical-align:top; line-height:12px;}
.imgOverlay { position:relative; top:0; left:0;}
.inputPaneH1 { font-size:110%; font-weight:bold; margin-bottom:20px; text-decoration: underline;}
.inputPaneSmall { margin-top:10px; font-size: 80%;}
.nomargin { margin:0;}
.centerMargin { margin:0 auto;}
.tlBottomItem { margin:10px 0;}
.underlined { text-decoration:underline;}
.underlinedHover:hover { text-decoration:underline;}
.bottomRoundBorder { border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;}
.topAlign { vertical-align:top !important;}
.bottomAlign { vertical-align:bottom !important;}
.bottomBorder { border-bottom:1px solid #99C !important;}
.middleAlign { vertical-align:middle !important;}
.noTopBorder { border-top:0 none !important;}
.centerBg { background-position:center !important; background-repeat:no-repeat;}
.leftBg { background-position:left center !important;}
.rightBg { background-position:right center !important;}
.green { background-color:#00FF00 !important;}
.red { background-color:#FF0000 !important;}
.gray { background-color:#D3D3D3 !important;}
.redTxt, .redTxt a { color:red;}
.greenTxt, .greenTxt a { color:green;}
.blueTxt { color:blue;}
.grayTxt { color:#666;}
.bold { font-weight: bold;}
.redBorder { border:3px solid red;}
.unvisible { display:none !important;}
.unvisibleU { display:none !important;}
.qOpacity { opacity:.25; filter:alpha(opacity=25);}
div.userNavi:hover .qOpacity { opacity:0.5; filter:alpha(opacity=50);}
.userNaviHidden { width: 300px; position:absolute; z-index:1000; font-size:90%;}
.userNaviHidden table { background-color: #FFF;}
.halfOpacity, .halfOpacityOver { opacity:.50; filter:alpha(opacity=50);}
.halfOpacityOver:hover, .halfOpacityOver:focus, .halfOpacityOver:active{ opacity:1; filter:alpha(opacity=100);}
.noPointer { cursor:default;}
.thinsp { margin:0 0.12em; letter-spacing: 0;}
.pageBrowse { font-size: 110%;}
.autoWidth { width:auto !important;}
.noOverflow { overflow:visible !important;}
.inline { display:inline;}
.banner { background: none !important; padding:10px 0px !important;}
.bannerRow { background: #EEEEEE; padding:10px 0px !important;}
.msgBoxDefault { width: 300px;}
.tlExport { width: 50%;}
.msgEditor { width: 500px;}
.mediaSubmit { width: 600px;}
textarea.noResize { resize:none;}
button.imageOnly, button.imageOnly32 { border: 0 none; background-color:transparent; margin:0; padding:0;}
button.imageOnly { height:16px; width:16px;}
button.imageOnly32 { height:32px; width:32px;}
select.country {}
input.image { vertical-align: middle;}
.titleSlogan { letter-spacing: 0.5px; text-transform: uppercase;}
.blink { text-decoration: blink;}
/* AUTOCOMPLETE */
div.autocomplete { background-color:#fff; border:1px solid #888; overflow:hidden; z-index:1005; width:0; text-align: center;
border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
-moz-box-shadow:3px 3px 3px #AAA; -webkit-box-shadow:3px 3px 3px #AAA; box-shadow:3px 3px 3px #AAA;}
div.autocomplete ul li { cursor:pointer; margin:0; padding:5px 2px; display:block; border-top:1px solid #CFCFCF; font-size:100%; min-height: 1.5em;}
div.autocomplete ul li.informal { cursor:default; background-color:#D6D6D6; font-weight:bold;}
div.autocomplete ul li.selected { background-color:#D6DCFE;}
div.autocomplete ul li:hover { background-color:#D6DCFE;}
div.autocomplete ul li.informal:hover { background-color:#D6D6D6;}
div.autocomplete div.closeLi { background-color:#D6D6D6; text-align:right; vertical-align:top; padding-bottom:1px; padding-right:25px; background-image:url(/images/static/cross_small2.png); background-position:right center; background-repeat:no-repeat; height:24px; cursor:pointer; border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px;}
/* Spinner */
@-webkit-keyframes spinner {
0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);}
100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg);}
}
@-moz-keyframes spinner {
0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);}
100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg);}
}
@-o-keyframes spinner {
0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);}
100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg);}
}
@keyframes spinner {
0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);}
100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg);}
}
.spinner { -webkit-animation: spinner 1500ms infinite linear; 	-moz-animation: spinner 1500ms infinite linear; -ms-animation: spinner 1500ms infinite linear; -o-animation: spinner 1500ms infinite linear; animation: spinner 1500ms infinite linear; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; -ms-border-radius: 0.5em; -o-border-radius: 0.5em; border-radius: 0.5em; -webkit-box-shadow: rgba(0, 0, 51, 0.3) 1.5em 0 0 0, rgba(0, 0, 51, 0.3) 1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) 0 1.5em 0 0, rgba(0, 0, 51, 0.3) -1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) -1.5em 0 0 0, rgba(0, 0, 51, 0.3) -1.1em -1.1em 0 0, rgba(0, 0, 51, 0.3) 0 -1.5em 0 0, rgba(0, 0, 51, 0.3) 1.1em -1.1em 0 0; -moz-box-shadow: rgba(0, 0, 51, 0.3) 1.5em 0 0 0, rgba(0, 0, 51, 0.3) 1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) 0 1.5em 0 0, rgba(0, 0, 51, 0.3) -1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) -1.5em 0 0 0, rgba(0, 0, 51, 0.3) -1.1em -1.1em 0 0, rgba(0, 0, 51, 0.3) 0 -1.5em 0 0, rgba(0, 0, 51, 0.3) 1.1em -1.1em 0 0; box-shadow: rgba(0, 0, 51, 0.3) 1.5em 0 0 0, rgba(0, 0, 51, 0.3) 1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) 0 1.5em 0 0, rgba(0, 0, 51, 0.3) -1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) -1.5em 0 0 0, rgba(0, 0, 51, 0.3) -1.1em -1.1em 0 0, rgba(0, 0, 51, 0.3) 0 -1.5em 0 0, rgba(0, 0, 51, 0.3) 1.1em -1.1em 0 0; display: inline-block; font-size: 10px; width: 1em; height: 1em; margin: 1.5em; overflow: hidden; text-indent: 100%;}
/* Datepicker */
div.datepicker { position:absolute; text-align:center; border: 1px #C4D5E3 solid; font-family:arial; background:#FFF; font-size:1.1em; padding:0;
	-moz-border-radius:15px; -webkit-borderradius:15px; border-radius:15px; -moz-box-shadow:3px 3px 3px #AAA; -webkit-box-shadow:3px 3px 3px #AAA; box-shadow:3px 3px 3px #AAA;}
div.datepicker-calendar table { font-size:1.1em; border:1px solid #FFF; margin:0; padding:0;	text-align:center;}
div.datepicker div.datepicker-header { font-size:1.1em; font-weight:bold; background:#E9F5FF; border-bottom:1px solid #CCE9FF; padding:2px; text-align:center;}
div.datepicker div.datepicker-header { border-top-left-radius:15px; -moz-border-radius-topleft:15px; -webkit-border-top-left-radius:15px;
	border-top-right-radius:15px; -moz-border-radius-topright:15px; -webkit-border-top-right-radius:15px;}
div.datepicker div.datepicker-footer { border-bottom-left-radius:15px; -moz-border-radius-bottomleft:15px; -webkit-border-bottom-left-radius:15px;
	border-bottom-right-radius:15px; -moz-border-radius-bottomright:15px; -webkit-border-bottom-right-radius:15px;}
div.datepicker table.header { border:0; padding-left:5px; padding-right:5px; text-align:center; margin:0 auto;}
td.prev, td.prev_year, td.next, td.next_year { width:24px; color:#F7B72E;	cursor:pointer;	font-weight:bold; line-height:24px;}
td.prev:hover, td.prev_year:hover, td.next:hover, td.next_year:hover { color:#FF6600;}
td.header { text-align:center; width:68%; font-weight:bold;	line-height:24px;}
div.datepicker-header { height:24px;}
div.datepicker-calendar table tbody tr { border:1px solid #FFF; margin:0; padding:0;}
div.datepicker-calendar table tbody tr td { border:1px #EAEAEA solid; margin:0; padding:0; text-align:center; height:24px; line-height:24px; width:21px; cursor:pointer;}
div.datepicker-calendar table tbody tr td:hover,
div.datepicker-calendar table tbody tr td.outbound:hover,
div.datepicker-calendar table tbody tr td.today:hover { border:1px #CCE9FF solid; background:#E9F5FF; cursor:pointer;}
div.datepicker-calendar table tbody tr td.wday { border:1px #CCE8FE solid; background:#E9F5FF; cursor:text; width:2.2em; height:24px; line-height:24px; font-weight:bold;}
div.datepicker-calendar table tbody tr td.outbound { background:#F4F3F3;}
div.datepicker-calendar table tbody tr td.today { border:1px #CCE9FF solid;	background:#E9F5FF; width:21px; height:24px; line-height:24px; font-weight: bold;}
div.datepicker-calendar table tbody tr td.today:hover { border:1px #CCE9FF solid; background:#E9F5FF;}
div.datepicker-calendar table tbody tr td.notAllowed { border:1px #CCE9FF solid;background:red;}
div.datepicker-calendar table tbody tr td.nclick,
div.datepicker-calendar table tbody tr td.nclick_outbound { cursor:default; color:#aaa; width:21px; height:24px; line-height:24px;}
div.datepicker-calendar table tbody tr td.nclick_outbound { background:#E8E4E4; width:21px; height:24px; line-height:24px;}
div.datepicker-calendar table tbody tr td.nclick:hover,
div.datepicker-calendar table tbody tr td.nclick_outbound:hover { border:1px #EAEAEA solid; background:#FFF;}
div.datepicker-calendar table tbody tr td.nclick_outbound:hover { background:#E8E4E4;}
div.datepicker div.datepicker-footer { font-size:1.1em; background:#E9F5FF; border-top:1px solid #CCE9FF; cursor:pointer; text-align:center;
padding:2px; line-height: 24px;}
.datepicker-opener-img { padding:1px; margin-left:3px; cursor:pointer; vertical-align:top;}
.datepicker-opener-img hover { background-image:url(/images/static/comboarrow.png);}
.datepicker-opener { width:24px; height:24px; margin:0 0 0 3px; cursor:pointer;}