/*  Mediplay additions | AjZ / 5.11  */
/*  Modify and add to existing styles for Subscriber Portal  */

@import url(https://fonts.googleapis.com/css?family=Oxygen:400,700);

p, fieldset, table, pre, label {margin-bottom:1em;}
hr {clear:both; height:1px;}
hr.dot {
	margin:.5em 0;
	padding:0;
	border:none;
	border-top:1px dotted #F89829;
	line-height:0;
}

/*  TYPE  */
#page-title h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	margin:.2em 0 0 0;
	padding:0;
	line-height:2.1em;
}
h1.welc {width:100%; float:left;}
h1 .welcome {
	float:right;
	clear:both;
	margin:.25em 0 0 0;
	padding:7px 10px;
	border:1px solid #C5C5C5;
	background:#FFF;
	font-size:16px;
	font-weight:normal;
	text-align:center;
	line-height:1.1em;
	display:inline;
	color:#666;
}
.welcome .spacer {color:#C5C5C5; padding:0 .5em;}
h2 .action, h3 .action {float:right; clear:both; font-weight:bold; font-style:normal; font-size:14px; letter-spacing:0; margin:0 .5em 0 0;}
h2, h3, h4, h5, h6 {margin-bottom:.5em;}
.action a, .und {text-decoration:underline;}
.action a:hover {color:#ED972F;}
strong, .bold {font-weight:bold;}
.normal, .normal th {font-weight:normal;}
em, .ital {font-style:italic;}
sup {vertical-align:super;}
sub {vertical-align:sub;}
del {text-decoration:line-through;}
abbr, acronym {border-bottom: 1px dotted #000; cursor: help;}
.blue {color:#6CADBE;}
.gray {color:#666;}
.orange {color:#F89829;}
.addressText {font-size:16px; line-height:1.3em;}
.addressText .title {color:#6CADBE; font-weight:bold; font-size:18px; letter-spacing:.1em;}
.smallText, .smallText a {font-size:11px;}
.msgTxt {font-size:11px; font-style:italic; color:#F89829; letter-spacing:.15em;}
tt {font-family:monospace;}

/*  --  FORMS  --  */
input, textarea, select {
	height:auto;
	border:1px solid #CCC;
	margin-top:.1em;
	padding:.5em;
	*padding:.25em;
	color:#666;
	font:12px Helvetica, Arial, sans-serif;
	background:white;
}
.dijitTextArea, .tundra .dijitTextArea, .dijitTextBox, .tundra .dijitTextBox {background:white; border:1px solid #CCC;}
textarea, textarea.dijitTextArea {width:500px; height:105px; line-height:1.5em; margin-bottom:2px;}
textarea.medium {width:350px;}
input.dijitReset {padding:3px;}
select {padding:2px;}
select option {height:auto; padding:1px 0;}
table select {margin-right:1em;}
input[type="checkbox"], input[type="radio"], input[type="file"] {border:none; width:auto; height:auto;}
input[type="text"], input[type="password"] {height:16px; margin-bottom:2px;}
input[type="checkbox"] {margin-right:4px; *background:none;}
input[type="file"] {border:1px solid #CCC; outline: none;}
label input[type="hidden"] {display:none;}
input[type="image"] {background:transparent; border:none; padding:0;}
input[type="radio"] {margin:4px 4px 4px 0; *margin:0 4px; *background:none;}
input[readonly="readonly"] {color:#999;}
.errorForm {background-color:#EEF3F9;}
input {width:350px; border:1px solid #CCC; padding:2px;}
.button, .button:hover {
	min-width:80px;
	width:auto;
	border-radius: 4px;
	*min-width:auto;
	color:#FFF;
	letter-spacing:.1em;
	background-image:none;
	background-color:#6CADBE;
	border:1px solid #CCC;
	font-size:14px;
	margin:.4em .5em 1em 0;
	*margin:0 .5em 1em 0;
	padding:3px 8px 2px 8px;
	*padding:1px 2px;
	filter:chroma(color=#000000);
}
.button:hover {background-color:#ED972F; border:1px solid #CCC; cursor:pointer;}
input.alt, input.alt:hover {background:#94CDDC;}
input.alt:hover {background:#F1AA54;}
label {float:left; margin-right:1.5em;}
input.dis, a.dis {background-color:#DADADA!important; cursor:default;}
/*  --  Multi-Select  --  */
#multi {float:left; padding:1px 0 0; *padding-bottom:1.5em;}
#multi p {
	width:auto;
	max-width:900px;
	min-width:300px;
	height:auto;
	max-height:105px;
	white-space:nowrap;
	overflow-y:scroll;
	overflow-x:normal;
	border:1px solid #CCC;
	background:#FFF;
	color:#666;
	margin:.1em 1.5em 1.5em 0;
	padding:1px 0 0;
	float:left;
	clear:both;
	line-height:1.3em;
}
#multi label {margin:0; padding:0 0 0 2px;}
#multi p label {clear:both; margin:0;}
label .spacer {padding:0 .4em;}
label .xSpacer {padding:0 .6em;}
/*  --  Multi-Select Skills Specific  --  */
#multi p.skills {height:350px; max-height:350px; width:800px;}
#multi p.skills label {
	width:97%;
	margin-bottom:.5em;
	padding-bottom:.5em;
	border-bottom:1px dotted #CCC;
	line-height:1.4em;
}
p.skills label span {float:left; margin-left:1.3em;}
/*  --  FORMS SIZES  --  */
input.form2 {width:15px;}
input.form3 {width:25px;}
input.form4 {width:33px;}
input.form5 {width:40px;}
input.small {width:100px;}
input.med {width:150px;}
input.large {width:300px;}
input.xlarge {width:450px;}
.tall {height:300px;}


/*  -- TABLES  --  */
table {
	width:100%;
	font-size:inherit;
	font:100%;
	border:1px solid #CCC;
	border-collapse:collapse;
	margin-bottom:1em;
	background-color:#FFF;
	line-height:1.5em;
}
table label {margin:0 .5em 0 0;}
tr, td {vertical-align:top; font-weight:normal; white-space:normal;}
td, th {border-right:1px solid #DDD; padding:3px 5px; border-bottom:1px solid #DDD;}
th {
	border-top:1px solid #CCC;
	background:#6CADBE;
	font-weight:normal;
	font-size:1.1em;
	color:#FFF;
	white-space:nowrap;
}
th a {color:#FFF !important;}
th .spacer {padding:0 1em; color:#CCC;}
.subHead th {background:#94CDDC;}
/*  --  Content Table Styles  --  */
.shaded, tr.shaded {background:#F2F2F2;}
.shaded {background:#92CCDD}
.noBorder {border:none; background:none;}
.borderBot {border-bottom:1px solid #CCC;}
.topLine, tr.topLine {border-top:1px solid #CCC;}
.botLine {border-bottom:1px solid #CCC;}
.bothLines {border-top:1px solid #CCC; border-bottom:1px solid #CCC; line-height:0.5em;}
.mid {text-align:center;}
.forceS {width:1px;}
.force1-3 th, .force1-3 td {width:33%;}
.force1-4 th, .force1-4 td {width:25%;}
.force1-5 th, .force1-5 td {width:20%;}
.drop {margin:1em 1em .5em 1em;}
table .spacer {padding:0 .5em;}
.thumb {margin-right:5px; max-height:60px; width:auto; height:auto;}


/*  --  Portal Unique Nav Styles  --  */
#topnav-wrap {background:url("/mediplay/static/images/navGrad.gif") repeat-x transparent; border:1px solid #808080;}
#topnav.subtext #nav ul.menu li ul li a {line-height:1.25em;}
#topnav .menu ul li:hover, #topnav .menu ul li.sfHover, #topnav .menu ul a:focus, #topnav .menu ul a:hover {background:url("/mediplay/static/images/navGradH.gif") repeat scroll 0 0;}
#topnav .menu li:hover, #topnav .menu li.sfHover, #topnav .menu a:focus, #topnav .menu a:hover {background:url("/mediplay/static/images/navGradH.gif") repeat-x transparent;}
#topnav ul a, #topnav ul li span.separator {color:#FFF;}
#topnav li a:hover, #topnav .menu ul li {background-color:#3e3e3e;}
#topnav .menu .active {background-color:#3e3e3e;}
#topnav.subtext ul a.top-level, #topnav.subtext ul a.mainlevel-nav, #topnav.subtext ul li span.separator {border-left:1px solid #808080; border-right:1px solid #222;}
#topnav ul#mainlevel-nav li.first, #topnav #nav ul li.first a.top-level {border-left:1px solid #808080;}


/* -- Overall Content Styles -- */
.clearFloat {clear:both; height:0; font-size:1px; line-height:0;}
.clear {float:left; clear:both;}
.right {float:right;}
.left {float:left;}
.center {text-align:center;}
.noWrap {white-space:normal;}
.spacer {padding:0 1.5em; color:#999;}
.show {display:block;}
.hide {display:none;}
.bgwhite {background-color:#FFFFFF;}
.marginL {margin:0 1.5em;}
.marginR {margin-right:1.5em;}
.noMargin {margin:0;}
.fixH {line-height:2em; *line-height:1.5em;}
a.underline {text-decoration:underline;}
/* -- Message Styles -- */
#bd .message {
	width:100%;
	margin-bottom:1em;
	padding:4px;
	font-weight:bold;
	-webkit-border-radius:4px;
    -moz-border-radius:4px;
}
#bd .message img {margin-right:.5em;}
#bd .message ul {font-weight:normal; margin-bottom:0;}
#bd .message ul li {background:transparent url("/mediplay/static/images/ballC.gif") 1px 6px no-repeat;}
#bd .confirm {color:#2F8F2F; border:1px solid #2F8F2F; background-color:#EFFCEF;}
#bd .important {color:#C88800; border:1px solid #C88800; background-color:#FFFBE9;}
#bd .important ul li {background-image:url("/mediplay/static/images/ballI.gif");}
#bd .error {color:#CC4528; border:1px solid #CC4528; background-color:#FCF1EF; padding:2px;}
#bd .error ul li {background-image:url("/mediplay/static/images/ballE.gif");}
#bd .info {color:#03C; border:1px solid #03C; background-color:#F6F6FF;}
#bd .info ul li {background-image:url("/mediplay/static/images/ballB.gif");}


/*  Specific Content Styles  */
/*  Cancels out existing styles within body / fixes in IE  */
#loginWrap, #entryWrap, #playWrap {clear:both; width:100%;}
#logIn {float:left; width:40%; margin-top:8px;}
#play1 {float:left; width:40%;}
#play2, #play3 {width:550px; float:right; position:relative; top:-60px; overflow:hidden; }
#play3 {top:-15px;}
#new {width:450px; float:right; clear:right; font-size:12px; line-height:1.6em;}
#bd img {float:left; background:none; border:none; background-color:#F6F6FF;}
#bd ul, #bd ol {list-style-type:none; margin:0 0 1em 1em; line-height:1.2em;}
#bd ol {line-height:1.5em; margin-left:2.2em;}
#bd ol li {list-style:decimal outside; margin:.4em 0;}
#bd ul li {
	list-style-type:none;
	margin:.4em 0;
	padding-left:14px;
	background:transparent url("/mediplay/static/images/ball1.gif") 1px 6px no-repeat;
}
#bd ul ul {margin:.5em 1em;}
#bd ul ul li {
	padding-left:13px;
	_padding-left:0;
	background:transparent url("/mediplay/static/images/ball2.gif") 4px 7px no-repeat;
	_background-position:0 7px;
}
#bd table ul {margin:0 0 0 .3em;}
#half {
	float:left;
	width:40%;
	margin:0 1em;
	padding:1em 18px;
	*padding:18px;
	border:1px solid #CCC;
	-webkit-border-radius:8px;
    -moz-border-radius:8px;
}
#mainLogin #half {min-height:300px;}


/* -- Main Page Navigation Images -- */
#entryWrap {padding-top:.6em;}
#entryWrap h4 {margin-bottom:0;}
#entryWrap p {line-height:1.5em;}
.yui-gb div {clear:right;}

.x3 a {width:222px; height:169px; display:block;}
.x3 a:hover {text-decoration:none; background-position:0 -169px;}
.ac a, .cu a, .cu2 a, .fa3 a, .mc a, .mg a, .mp a, .ms a, .mt a, .mu a, .pl a, .rl a, .sc a, .to a, .to2 a, .bv a, .uv a {background:transparent url("/mediplay/static/images/QL_cu.jpg") no-repeat;}
.ac a {background-image:url("/mediplay/static/images/QL_ac.jpg");}
.cu2 a {background-image:url("/mediplay/static/images/QL_cu2.jpg");}
.fa3 a {background-image:url("/mediplay/static/images/QL_fa3.jpg");}
.mg a {background-image:url("/mediplay/static/images/QL_mg.jpg");}
.mp a {background-image:url("/mediplay/static/images/QL_mp.jpg");}
.ms a {background-image:url("/mediplay/static/images/QL_ms.jpg");}
.mt a {background-image:url("/mediplay/static/images/QL_mt.jpg");}
.mu a {background-image:url("/mediplay/static/images/QL_mu.jpg");}
.pl a {background-image:url("/mediplay/static/images/QL_pl.jpg");}
.rl a {background-image:url("/mediplay/static/images/QL_rl.jpg");}
.to a {background-image:url("/mediplay/static/images/QL_to.jpg");}
.to2 a {background-image:url("/mediplay/static/images/QL_to2.jpg");}
.bv2 a {background-image:url("/mediplay/static/images/QL_bv2.jpg");}
.uv2 a {background-image:url("/mediplay/static/images/QL_uv2.jpg");}

.x4 a {width:167px; height:166px; display:block;}
.x4 a:hover {text-decoration:none; background-position:0 -166px;}
.ad a, .co a, .cu4 a, .fa4 a, .mu4 a, .su a {background:transparent url("/mediplay/static/images/QL_ad.jpg") no-repeat;}
.co a {background-image:url("/mediplay/static/images/QL_co.jpg");}
.cu4 a {background-image:url("/mediplay/static/images/QL_cu4.jpg");}
.fa4 a {background-image:url("/mediplay/static/images/QL_fa4.jpg");}
.mu4 a {background-image:url("/mediplay/static/images/QL_mu4.jpg");}
.su a {background-image:url("/mediplay/static/images/QL_su.jpg");}

.x5 a {width:160px; height:122px; display:block;}
.x5 a:hover {text-decoration:none; background-position:0 -122px;}
.hc a, .wc a, .mc a, .sc a, .fc a {background:transparent url("/mediplay/static/images/QL_hc.jpg") no-repeat;}
.wc a {background-image:url("/mediplay/static/images/QL_wc.jpg");}
.mc a {background-image:url("/mediplay/static/images/QL_mc.jpg");}
.sc a {background-image:url("/mediplay/static/images/QL_sc.jpg");}
.fc a {background-image:url("/mediplay/static/images/QL_fc.jpg");}
.cb a {background-image:url("/mediplay/static/images/QL_cb.jpg");}

/* -- Operating Hours -- */
.day {width:auto; float:left; margin:0 4em 1.5em 0;}
.day p {float:left; clear:both; margin:0; white-space:nowrap;}
.day input {min-width:5px;}
.day select {width:50px; min-width:50px; margin-left:4px; *margin-bottom:1px;}
.day label {float:left; margin:0;}
.day .spacer {padding:0 .3em;}


/* -- Amends existing sortable code -- */
ul#sortable1 {margin:-1em 0 0 0; padding:0; float:left; width:100%; cursor:pointer; border:none; line-height:normal;}
ul#sortable1 li {background:none; list-style-type:none;  padding:5px; z-index:10; color:#444;}
ul#sortable1 li a:hover {text-decoration:underline;}
ul#sortable1 li table {margin:0;}
#bd .ui-state-default {border:none; margin:-1px 0 0  0; padding:0;}
table .sizer {width:100px;}

/* -- topic related -- */
.preVis a {display:block;width:320px;height:180px;}
#topicInfo {background-color:#FFF; float:left; padding:0 3px 1em 3px; white-space:normal;}
#topicInfo table {border:none; margin-top:0;}
#topicInfo h6 {margin:0;}
#topicInfo td, #topicInfo th {border:none; padding:2px 3px 0 0;}
#topicInfo label {white-space:normal; margin:0;}
div.top1 {width:550px; float:left;}
div.top2 {float:left; margin-left:1em;}
.preVis {
	width:350px;
	min-height:3em;
	background: transparent url("/mediplay/static/images/noPre.gif") no-repeat center center;
}
.outerTable td {padding:1em 1em 0 1em;}
.musicTable td {padding: 1em 0em 1em 0.5em;}
.top2 img {width:350px; height:200px;}
div.top3 {width:275px; float:left; margin:0 20px 1.5em 0;}
.top3 hr {margin:.5em 0; *margin:.3em 0; width:90%}
.top3 label {margin-bottom:.5em;}

/* -- themes / templates related -- */
.theme, .temp {margin:0 1.25em 1em 0; }
.layout {margin:0 5em 1em 0; }
.temp p, .fournplusone, .temp:nth-child(5n+1), .temp0:nth-child(5n+1), .temp1:nth-child(5n+1), .temp2:nth-child(5n+1) { 
    clear: both !important;
    float: left !important;
}

.theme, .temp0 {width:171px; margin:0 1.25em 1em 0;}
.theme, .temp1 {width:171px; margin:0 1.25em 1em 0;}
.theme, .temp2 {width:171px; margin:0 1.25em 1em 0;}
.tempspacer1 {height: 160px;}
.tempspacer0 {height: 100px;}
.tempspacer2 {height: 100px;}
.theme img, .temp img {width:171px; height:110px;}
.theme img, .temp2 img {width:171px; height:110px;}
.theme img, .temp1 img {width:95px; height:171px;}
.theme img, .temp0 img {width:171px; height:110px;}
.temp {margin-bottom:1em;}
.layout img {width:245px; height:150px;}

/* -- pop-up related -- */
#hidePop {display:none;}
#viewPlayers, #viewTopic {
	width:400px;
	height:200px;
	text-align:left;
	padding:1px 0 0 2px;
	overflow:auto;
}
#viewTopic {width:950px; height:auto;}

/* -- icons -- */
.back, .down, .downTH, .plus, .prev, .up, .upTH {
	width:1em;
	height:1em;
	border:1px solid #F89829;
	float:left;
	margin-right:.5em;
	background:#FFF url("/mediplay/static/images/plus.gif") no-repeat center center;
	text-decoration:none;
}
.back {background-image: url("/mediplay/static/images/back.gif");}
.down, .up, .downTH, .upTH, .prev {border:none; background:transparent url("/mediplay/static/images/down.gif") no-repeat center center; padding:3px 0;}
.up {background-image: url("/mediplay/static/images/up.gif");}
.downTH {background-image: url("/mediplay/static/images/downTH.gif");}
.upTH {background-image: url("/mediplay/static/images/upTH.gif");}
.prev {background-image: url("/mediplay/static/images/prev.gif"); float:none; margin:0 auto;}
label .prev {
	margin-left:.5em;
	padding-left:1em;
	background-position:left;
}

label a:hover {text-decoration:none;}

/* -- Image ToolTip Related -- */
a.showTip, a:link.showTip, a:visited.showTip {
	margin:2px auto 0 auto;
	display:block;
}
a:hover.showTip {background-position:0 -13px;}
/* Tooltip Styles */
#tipDiv {
	padding:4px 4px 0 4px;
	color:#333;
	font-size:11px;
	background:#FFF url("/mediplay/static/images/noImage.gif") no-repeat center center;
	width:auto;
	height:auto;
	min-height:67px;
	min-width: 67px;
	border:1px solid #DDD;
}
.searchResult {background:url("/mediplay/static/images/noImage.gif") no-repeat center center; *border:1px solid #DDD;}

*html div#tipDiv {height:240px; h\eight:auto;}

div#tipDiv div.img {text-align:center;}
div#tipDiv div.txt {text-align:center; margin-top:4px;}

.upload_process{
z-index:100;
/*position:absolute;*/
visibility:hidden;
text-align:center;
width:240px;
margin:0px;
padding:0px;
background-color:#fff;
border:1px solid #ccc;
}

/*  -- JCrop --  */
/* Fixes issue here http://code.google.com/p/jcrop/issues/detail?id=1 */
.jcrop-holder {
	background-color: white !important;
	border: 1px solid #aaaaaa !important;
	margin: 0 auto;
	text-align: left; 
}

.jcrop-vline, .jcrop-hline
{
    font-size: 0px;
    position: absolute;
    background: white url('/mediplay/static/images/Jcrop.gif') top left repeat;
}
.jcrop-vline { height: 100%; width: 1px !important; }
.jcrop-hline { width: 100%; height: 1px !important; }
.jcrop-vline.right { right: 0px; }
.jcrop-hline.bottom { bottom: 0px; }
.jcrop-handle {
    font-size: 1px;
    width: 7px !important;
    height: 7px !important;
    border: 1px #eee solid;
    background-color: #333;
}

.jcrop-tracker { width: 100%; height: 100%; }

.custom .jcrop-vline,
.custom .jcrop-hline
{
    background: yellow;
}
.custom .jcrop-handle
{
    border-color: black;
    background-color: #C7BB00;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:73em;
  height:80%;
  display:none;
  z-index:10001;
  padding:10px;
  background-color:#ffffff;
}

#themeImageContainer img {
	background: none repeat scroll 0 0 #F6F6FF;
	color: #6CADBE;
/*	margin: 0 15px; */
}

span.showTip img { max-width:240px; }

p.imageCroppingInstructions {
	margin-bottom: 0em;
}
#imageCroppingInstructions {
	width: 350px;
}

#loadingImageContainer {
	position: relative;
}

.jcrop-container {
	overflow: hidden;
}

#delayCounter {
	display: none;
}

.customContentQuickLinks {
	float: left;
	margin-right: 2em;
}

#deleteConfirmInputText {
	width: 7em;
}

.noJqueryUIDialogTitle .ui-dialog-titlebar {
	display:none;
}

#cropWaitingDialog img, #saveWaitingDialog img {
	width: 40px;
}

#formats {
	font: 14px 'Oxygen', Arial, Helvetica, sans-serif;
	color: #FFF;
	display: inline-block;
	margin: 1em;
	width: auto;
	max-width: 500px;
	border-radius: 10px;
	background: -webkit-linear-gradient(top, #547FB0 0%, #43658A 100%);
	background: linear-gradient(to bottom, #547FB0, #43658A);
	background-color:#43658A\9;
	letter-spacing: .02em;
	line-height: 1.5em;
}

#formats .up1,#formats .up2 {
	width: auto;
	min-width: 70px;
	float: left;
	text-align: left;
	padding: .5em 1em;
    overflow: hidden;
}

#formats .up2 {
	text-align: center;
	font-size: 16px;
	line-height: 2.5em;
	padding-left: 0;
}

#formats .lower {
	clear: both;
	text-align: center;
	padding: .5em 1em .75em 1em;
	border-top: 2px solid #FFF;
}

#formats b {
	font-family: 'Oxygen', Arial, Helvetica, sans-serif;
}

.imgNoBackground a img {
	background-color: inherit !important;
}