body{ margin:0 auto; font-size:100%; /*background-color:#282828;*/ background-image:url(/imgs/bg.gif); background-repeat:repeat; /*overflow-y:scroll;*/ /*overflow-x:hidden;*/ font-family:Helvetica,Arial,Verdana,sans-serif; color:#eee; }

/*body {
	margin:0;
	padding:0;
	font-family: 'Roboto Slab', serif;  
}*/

img{ border-style:none; }
p{padding:0 0 0 0px;}
#wrapper{overflow-x:hidden;/*overflow-y:scroll;*/}
a {color:#09F}

* { -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;/*-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -o-user-select: none; user-select: none; -webkit-touch-callout: none; -ms-user-select: none;*/ -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; }
/*input { -webkit-user-select: text; -khtml-user-select: text; -moz-user-select: text; -o-user-select:text; user-select:text;*/ }
/*textarea { -webkit-user-select: text; -khtml-user-select: text; -moz-user-select: text; -o-user-select:text; user-select:text;*/ }
/*main form used throughout the site */
/*.form1{ text-align:center; margin-left:auto; margin-right:auto; width:320px; margin-bottom:30px; }
.form1 label {font-size:90%;}
.form1 input{ background-color:#fff; font-size:large; border:none; height:38px; text-align:center; vertical-align:middle; color:#333; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius: 4px;}
.field{ padding:4px 0 10px 0; display:block; }/* used in most of the forms TO-DO - make classname smaller*/*/

/* responsive form code */
/* keep this input password here as well as repeated below. The css screws up if it's taken away, and I haven't figured out why yet */
input[type=password]{ margin-bottom:20px; margin-top:10px; width:100%; padding:15px; border-radius:5px; border:1px solid #7ac9b7; }
div.formEnvelope{ width:55%; margin:30px auto 10px auto;padding:10px 0; border:2px solid gray; border-radius:10px;	background-color:#1f1f1f; } 	
.responsiveForm{ width:70%; margin:4% 15%; } 
/* these used for the individual ad forms on the Ads and Ads Rotation screen, so they have nice padding,    */
.responsiveFormPadded{ width:70%; margin:4% 15%; background-color:#2f2f2f; padding:20px; } 
.constrainImg{ max-width:496px; max-height:240px; }
header{	background-color:#4180C5; text-align:center; padding:12px 10% 8px 10%; margin-top:-11px; margin-bottom:-8px; border-radius:10px 10px 0 0; color:aliceblue; } 
/* Makes responsive fields.Sets size and field alignment.*/
input[type=text]{ margin-bottom:20px;	margin-top:10px; width:100%; padding:15px; border-radius:5px; border:1px solid #7ac9b7; }
input[type=password]{ margin-bottom:20px;	margin-top:10px; width:100%; padding:15px; border-radius:5px; border:1px solid #7ac9b7; }
input[type=file]{ margin-bottom:20px;	margin-top:10px; width:100%; padding:15px; border-radius:5px; border:1px solid #7ac9b7; }
input[type=submit]{ margin-top:20px; margin-bottom:20px; width:100%; padding:15px; border-radius:5px; border:1px solid #7ac9b7; background-color:#4180C5; color:aliceblue; font-size:15px; cursor:pointer; }
#submit:hover { background-color:black; }
div#formEnvelope textarea{ width:100%; padding:15px; margin-top:10px; border:1px solid #7ac9b7; border-radius:5px; margin-bottom:20px; resize:none; } 

/*smaller desktops */
@media screen and (max-width: 1200px) and (min-width: 601px)
{
	div.formEnvelope{ width:80%; margin:30px 30% 10px 11%; }
}

/* tablets */
@media screen and (max-width: 600px) and (min-width: 351px)
{
	h2{ font-size:18px; }
	p{ font-size:14px; }
	label{ font-size:12px; }
	input[type=submit]{	 padding:5px; }
	input[type=text]{ padding:8px; }
	input[type=file]{ padding:8px; }
	input[type=password]{ padding:8px; }
	div.formEnvelope{ width:80%; margin:30px auto 10px auto; }	
}

/* phones */
@media screen and (max-width: 350px)
{
	header{ padding:8px 4% 6px 4%; }
	.responsiveForm{ width:84%; margin:4% 8%; }
	.responsiveFormPadded{ width:84%; margin:4% 8%; }
	input[type=submit]{	margin-top:12px; padding:4px; font-size:12px; }
	input[type=text]{ padding:8px; }
	input[type=file]{ padding:8px; }
	input[type=password]{ padding:8px; }
	label{ font-size:12px; }
	h2{	font-size:15px;	}
	p{ font-size:12px; }
	div.formEnvelope{ width:94%; margin:30px auto 10px auto; }
}
/* END responsive form code */

h1 { font-size:18px; text-align:center; margin:12px 0 30px; 0px }
h2 { font-size:110%; text-align:center; }
h3 { font-size:22px; float:left; margin:6px 0 6px 10px }
h3a { font-size:18px; float:left; margin:14px 0 0 10px }
h4 { font-weight:normal; font-size:12px; margin-top:4px; }
h6 { font-size:19px; text-align: center; margin:24px 0 0 10px; }
h7 { font-size:75%; color:#CCC; }
h8 { font-weight:bold; color:#222; }
.ita { font-style:italic; }
.yel { color:#FF9; }
.blu { color:#affeb4; }
.gry1 { color:#CCC; }
.gry2 { color:#999; }
.bld { font-weight:bold; }
.f80 { font-size:80%; color:#777; }
.f150 { font-size:150%; }
.grLink A:link{ color:#affeb4; text-decoration:none; font-weight:bold; } 
.grLink A:active{ color:#CFADF5; text-decoration:none; font-weight:bold;} 
.grLink A:visited{ color:#FF9; text-decoration:none; font-weight:bold;} 
.grLinkBld{ color:#affeb4; font-weight:bold; text-decoration:none;} 
.blkYelBG{ background-color:#FF0; color:#000; padding:2px; font-weight:normal; }
.center{ text-align:center; }
.left{text-align:left;}
.w300{padding:10px;}/* text on a few pages eg terms, registration pages.  Sets it off edge 10px */
.padW3{padding: 10px 3% 0 3%; margin: auto}
.margin30{margin:30px 0 20px 0}
.c{clear:both;}
.cPnt { cursor:pointer; }
.cPntGreenUL { cursor:pointer; text-decoration:underline; color:#affeb4 !important; }
/* hidden divs... */
#aVer{display:none}
.main{display:none; position:absolute; top:48px; left:0px; right:0px; bottom:0px;}
#rotHd{display:none}
.exCont{display:none}
#repeatEditVenuePasswordWrapper{display:none}
#ext{display:none; position:absolute; top:48px; left:0px; right:0px; bottom:0px; /*overflow-y:auto;*/ /*overflow-x:hidden;*/}
.testing{display:none}

#account{ display:none; position:absolute; top:48px; left:0px; right:0px; bottom:0px; /*overflow-y:auto;*/ /*overflow-x:hidden;*/}

#sO1{margin-top:16px; }
#sODD{width:96%; }
#sOT1{width:96%; }
#trialMsg{display:none}
#login{display:none; position:absolute; top:48px; left:0px; right:0px; bottom:0px;}
#venueSelect{display:none; position:absolute; top:48px; left:0px; right:0px; bottom:0px;}
#contact{display:none; position:absolute; top:48px; left:0px; right:0px; bottom:0px;}
#mainMenu{display:none; position:absolute; top:48px; left:0px; right:0px; bottom:0px;}
#welcomeScreen{display:none; position:absolute; top:48px; left:0px; right:0px; bottom:0px;}
#addNewAd{display:none; position:absolute; top:48px; left:0px; right:0px; bottom:0px;}
#stats{display:none; position:absolute; top:48px; left:0px; right:0px; bottom:0px;}
#adRotation{display:none; position:absolute; top:48px; left:0px; right:0px; bottom:0px;}

.recRnd { -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; border:1px solid; padding:6px; margin-left:auto; margin-right:auto;  }
.errRnd { -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:1px solid; padding:6px; border-color:#ff7171; }

.main{display:none; position:absolute; top:48px; left:0px; right:0px; bottom:0px;}/*keeps the main screens below the header menu*/ 
.shim{clear:both; background-color:#111; width:100%; height:20px;}
.stopScroll {  height: 100%;  overflow: hidden; }
.XT { display:none; } /* used in honeypot code */

table.table1 { width:96%; margin-left:2%;  margin-right:2%; background-color:#444; word-wrap: break-word;
word-break: break-all;
table-layout: fixed;}

table.table2 { width:90%; margin-left:5%;  margin-right:5%; background-color:#444; word-wrap: break-word; table-layout: fixed;}

.ui-dialog-titlebar-close { visibility: hidden; }
/*.ui-dialog { z-index: 100000 !important ;}*/
/*.ui-front { z-index: 10000 !important; }*/

/* Main Header Menu */

#mainHeader{position:fixed; top:0px; margin:auto; z-index:1000;display: table;width: 100%;border-collapse: collapse;border: none;background-color:#111;height:46px;}
nav { position:fixed; top:0px; margin:auto; z-index:1000;display: table;width: 100%;border-collapse: collapse;border: none;background-color:#111;}
nav ul {display: table-row;}
nav li {display: table-cell;margin: 0;}
nav a { height:54px;display: block; border: 0px solid red; text-align: center; margin: 0 1px;padding:10px;background: #444;text-decoration:none;color:#fff;}
nav a:link {color:#f5f5f5;}      /* unvisited link */
nav a:visited {color:#f5f5f5;}  /* visited link */
nav a:hover {color:#f5f5f5; background: #999; }  /* mouse over link */
nav a:active {color:#affeb4;}

#logoTitle{ float:left; padding:10px; text-decoration:none; color:#fff; width:150px; text-align:center; }
#Mmenu{ cursor:pointer; float:right; background-color:#444; padding:10px; text-decoration:none; color:#fff; width:150px; text-align:center; }

#hd2{ position:fixed; top:42px; margin:0 auto 2px auto; z-index:1000; width:100%; background-color:#111;}
#env{ background-color:#ddd; display:inline-block; margin-left:.5em; font-size:70%; color:#111; padding:2px;}/* message count (red) - only shows if there are unread messages */

#status{background-color:#09F; width:100%; height:3px; margin-bottom:2px;}
/*#sRed{background-color:#6F0000;float:left;width:33%;height:3px;}#sOr{background-color:#643200;float:left;width:33%;height:3px;}#sGr{background-color:#1D6518;float:left;width:34%;height:3px;}*/

.sOrON{background-color:#F90 !important;}
.MinboxON{background-color:#6100D7 !important;}

A.linkG { color:#affeb4; font-weight:bold; }/* bold green links */

.error { text-align:center; color:#ff7171; }/* error! */
.suc { text-align:center; color:#7DFF9A; }/* success! TO-DO - combine error suc */
.green { color:#A5FF6F }
ul.error { text-align:left; }

/* Menu - drop down */
ul#MBmenu {	padding:0; margin:0; list-style-type:none; text-align:center;	}
ul.MB2menu { padding:0;	margin:0;}
ul#MBmenu li { border:1px #444 solid; background-color:#fff; }
/*ul.MB2menu { display:none; }*/
ul.MB2menu li {	clear:both;	}
#MBmenu a, #MBmenu a:active, #MBmenu a:visited { text-decoration:none; display:block; padding:14px;	color:#444;	}

/* request box css */
.{ cursor:pointer; text-align:center; background-color:#CCC; color:#444; width:48%; float:left; height:40px; line-height:40px;  margin:8px 1% 5px 1%; font-size:110%; font-weight:bold; }/*SHOW NEXT button*/
.reqCont { background-color:#666;  width:100%; float:left; height:auto; margin:2px 0 0 0; padding:0px; }/* container for each request, and also for singer folder */
.canceled { background-color:#DD7937; width:100%; float:left; height:auto; margin:2px 0 0 0; padding:0px; }/* cancelled request */
.reqMsgCont {  float:left; width:81%;}/* container for div that displays request details (or div for singer's name if singer folder) */
.reqMsg {  width:89%; margin:5px auto 5px auto; float:left;}/* displays request details (or singer's name if singer folder) */
.btnCont {  float:right; width:19%; margin:0px; padding:0px; }/* container for add/delete button divs (or blue expand button if singer's folder)*/
.nxt{float:right; text-align:center; background-color:#454545; color:#bbb; width:8%; height:100px; line-height:25px; font-weight:bold; box-shadow: 0 0 0 1px #bbb inset;}
.addBtn { cursor:pointer; display:block; text-decoration:none; color:#fff; width:100%; float:right; height:100px; font-size:135%; line-height:100px; text-align:center; background-color:#6100D7; box-shadow: 0 0 0 2px #666 inset;}
.delBtn { cursor:pointer; display:block; text-decoration:none; color:#fff; width:100%; float:right; height:100px; font-size:200%; line-height:100px; text-align:center; background-color:#F06; box-shadow: 0 0 0 2px #666 inset;}
.ok { cursor:pointer; display:block; text-decoration:none; color:#fff; width:100%; float:right; height:200px; font-size:200%; line-height:200px; text-align:center; background-color:#F06; box-shadow: 0 0 0 2px #666 inset;}
.exCont {clear:both; float:right; width:100%; background-color:#666; } /* X/MAKE NEXT buttons container - opened whenever DJ expands a singer folder */
.exDel { cursor:pointer; float:right; background-color:#F06; text-decoration:none; color:#fff; width:19%; height:66px; font-size:160%; line-height:66px; text-align:center; box-shadow: 0 0 0 2px #666 inset; } /* X button (folder) */
.exMov { cursor:pointer; float:right; background-color:#090; text-decoration:none; color:#fff; width:19%; height:66px; font-size:90%; line-height:66px; text-align:center; box-shadow: 0 0 0 2px #666 inset;} /* MOVE button (folder) */
.exMN { cursor:pointer; float:right; background-color:#454545; text-decoration:none; color:#eee; width:19%; height:66px; font-size:90%; line-height:16px; text-align:center; box-shadow: 0 0 0 2px #666 inset;} /* MAKE NEXT button (folder) */
.addSng { cursor:pointer; float:right; background-color:#369; text-decoration:none; color:#eee; width:19%; height:66px; font-size:90%; line-height:16px; text-align:center; box-shadow: 0 0 0 2px #666 inset;} /* ADD SONG button (folder) only shown on folders that were manually added */

.expCont { background-color:#555;  width:95%; float:right; height:auto; margin:2px 0 0 0; padding:0px; }/* container for each request when a singers folder is expanded (holds just ONE song, it's not the container for ALL of the singer's songs - 'expSngs' does that */
.expFold { cursor:pointer; display:block; text-decoration:none; color:#fff; width:100%; float:right; position:relative;  height:100px; font-size:135%; line-height:100px; text-align:center; background-color:#6100D7; box-shadow: 0 0 0 2px #666 inset;} /* blue button for expanding or collapsing a singer's folder*/
/*.expSngs {margin-left:10px;}*/
.expMsgCont {  float:left; width:75%; }/* container for div that displays request details */
.expMsg {  width:92%; margin:5px auto 5px auto; }/* displays request details */
.expBtnCont {  float:right; width:20%; margin:0px; padding:0px; }/* container for BUZZ/MOVE/delete button divs */
.sMov { cursor:pointer;  display:block; text-decoration:none; color:#fff; width:100%; float:right; height:66px; line-height:66px; text-align:center; background-color:#090; box-shadow: 0 0 0 2px #555 inset;}
.buzz { cursor:pointer; text-decoration:none; color:#fff; width:100%; float:right; height:66px; line-height:66px; text-align:center; background-color:#6100D7; box-shadow: 0 0 0 2px #555 inset;}/* BUZZ button - not shown on folders that were manually added  */
.expDelBtn { cursor:pointer; text-decoration:none; color:#fff; width:100%; float:right; height:66px; font-size:160%; line-height:66px; text-align:center; background-color:#F06; box-shadow: 0 0 0 2px #555 inset;}
/* Playlist */
.delBtnP { cursor:pointer; display:block; text-decoration:none; color:#fff; width:100%; float:right; height:66px; font-size:160%; line-height:66px; text-align:center; background-color:#F06; box-shadow: 0 0 0 2px #666 inset;}/* Delete button */
.ban { cursor:pointer; display:block; text-decoration:none; color:#eee; width:100%; float:right; height:66px; line-height:66px; text-align:center; background-color:#111; box-shadow: 0 0 0 2px #666 inset;} /* BAN button (folder) not shown on folders that were manually added  */

td{vertical-align:top;}
pre { }

.logMsg { background-color:#FF0; color:#111; margin:12px 2% 0 2%; padding:2px; width:96%; text-align:center;}

/*FAQ anchor list*/
.menuList ul{margin: 0;padding: 0 ;list-style-type: none;}
.menuList li{margin: 0;padding: 0 0 10px 0;list-style-type: none;}
.menuList a{display:block; color:#affeb4; font-weight:bold; padding:3px 3px 10px 17px; text-decoration:none;}

.faqContent{clear:both; float:left; text-align:left;}
.indentL{padding-left:12px;}

.ui-widget-overlay{ position:fixed; z-index: 0 !important; }

.btn1 {	text-align:center; display:block; margin:20px auto; -moz-border-radius:4px; -webkit-border-radius:4px; border-color:#09F; border-radius: 4px; line-height:40px; height:40px; width:260px; background-color:#09F; font-size:110%; color:#fff; border-color:#ddd; border-style:solid; border-width:2px; cursor:pointer; text-decoration:none;	} /*rounded blur buttons on home page*/

.EH { cursor:Pointer; border:#999 1px solid; background-color:#222; padding:16px; margin:20px 19px 0 19px; text-align:center; -moz-border-radius:4px; -webkit-border-radius:4px; border-color:#09F; border-radius: 4px; } /* expandable boundary box for each edit process */
.iC2 { display:none; padding:0; height:auto; margin:12px auto 20px auto; clear:both; } /* found on Login page */
/*.ED li { height:30px; width:200px; display:block; position:absolute; display:inline-block; list-style:none; background: url(../imgs/E.png) 0 0 no-repeat; background-size:271px 120px; }*/
.ED li { /*height:30px; width:200px; display:block; position:absolute; display:inline-block; list-style:none; cursor:pointer;*/ /*background-size:271px 120px;*/ }

#statsSummary{margin:0 auto 50px auto; width:80%; text-align:center;}