

/*

div.monsorstu{

	overflow:hidden;

	font-family: "Lucida Grande", arial;

	background-color: #FFEDB7;

}



div.monsorstu div.title{

	font-size: 20px; 

	border-bottom: 1px solid #565656;

	padding-bottom: 2px;

}



div.monsorstu div.msg{

	font-weight: bold;

	margin-top:4px;

	margin-bottom: 4px;

}

div.monsorstu div.msg.error{

	color: #DDFFFF;

}

*/



div.monsorstu-banner{

	background-color: rgba(37,37,37,0.9) /*#8BC733*/;

	overflow:hidden;

	position: fixed;right: 0;bottom: 0px;

	width:100%;	

	/*opacity: 0.9;*/

	z-index:1000;

	display:none;

}



div.monsorstu-banner-psst{

	background-color: rgba(37,37,37,0.9) /*#8BC733*/;

	overflow:hidden;

	position: fixed;right: 0;bottom: 0px;

	z-index:1000;

	font-size:14px;

	font-weight:bold;

	color:white;

	cursor:pointer;

	display:none;

}



div.monsorstu-banner div.content{

	padding:8px 4px 4px 4px;

	text-align:center;

}



div.monsorstu-banner-psst div.content{

	padding:10px 14px 8px 14px;

	text-align:center;

}





div.monsorstu-banner div.content span.text{

	color:white;font-size:18px;

}



div.monsorstu-banner-psst div.content span.text{

	color:white;font-size:12px;

}



/*

div.monsorstu-banner .email_address_input{

	border: 1px solid #ccc;

	font-size: 14px;

	padding: 6px;

	width: 200px;

	background-color:white;

	opacity:1;

}



div.monsorstu-banner .email_address_button{

	border: 1px solid #8BC733;

	font-size:14px;

	font-weight:normal;

	color: white;

	padding: 5px 8px;

	font-family: 'Lucida Grande', verdana;

	background: #8BC733;

}





html > body div.monsorstu-banner .email_address_input{

	border-radius: 5px 0px 0px 5px;

}



html > body div.monsorstu-banner .email_address_button{

	border-radius: 0px 5px 5px 0px;

}



body.safari div.monsorstu-banner .email_address_button, body.chrome div.monsorstu-banner .email_address_button{

	padding: 6px 8px;

	margin-left:-1px;	

}

*/



div.monsorstu-banner .email_address_input{

	border: 1px solid #ccc;

	font-size: 14px;

	padding: 6px;

	width: 360px;

	background-color:white;

	opacity:1;

}



div.monsorstu-banner .email_address_button{

	border: 1px solid #8BC733;

	font-size:14px;

	font-weight:normal;

	color: white;

	padding: 5px 12px;

	font-family: 'Lucida Grande', verdana;

	background: #8BC733;

}



body.safari div.monsorstu-banner .email_address_button, body.chrome div.monsorstu-banner .email_address_button{

	padding: 6px 8px;

}



/*************/

div.unsubscribe{

	border:1px solid #ccc;width:164px;margin:4px;margin-top:20px;overflow:hidden;float:left;

}



div.unsubscribe.selected{

	background-color: #FFD3D3;

	border: 1px solid #EAADAD;

}



div.unsubscribe-error{

	font-size:16px;text-align:center;

	color:#AF4B4B;background-color:#FFD3D3;border:1px solid #EAADAD;

	padding:20px 12px;

	font-weight:bold;

	margin-bottom:20px;

	margin-top:20px;

}



div.unsubscribe-success{

	font-size:16px;text-align:center;

	color:#56B24C;background-color:#D7FFD3;border:1px solid #B5EDAF;

	padding:20px 12px;

}



/*****/

#page-alert-subscription-block input{

   border: 1px solid #ccc;

   font-size: 14px;

   padding: 6px;

   width: 541px;

   background-color:white;

   opacity:1;

}



#page-alert-subscription-block .visual-preview-container{

   overflow:hidden;

   margin-top:12px;   

}



#page-alert-subscription-block label {

   display:block;margin-top:12px;margin-bottom:4px;font-weight:bold;font-size:14px

}



#page-alert-subscription-block .visual-preview-container .visual-preview{

   width:134px;height:134px;background-color:#fff;float:left;margin-bottom:5px;position:relative;cursor:pointer; 

}



#page-alert-subscription-block .visual-preview-container .visual-preview.empty{

   width:132px;height:132px;border: 1px dashed #ddd;cursor:default; 

}



#page-alert-subscription-block .visual-preview-container .visual-preview.empty div.position{

   font-size:30px;

   font-weight:bold;

   margin-top:50px;

   text-align:center;

   color: #d5d5d5;

}



#page-alert-subscription-block .visual-preview-container .visual-preview:nth-child(4n-2){

   margin-left:5px;margin-right:3px;

}



#page-alert-subscription-block .visual-preview-container .visual-preview:nth-child(4n-1){

   margin-left:3px;margin-right:5px;

}



#page-alert-subscription-block .visual-preview-container .visual-preview img{

   width:134px;height:134px;

}



#page-alert-subscription-block .visual-preview-container .visual-preview div.artist-details{

   opacity: 0;

   position:absolute;

   bottom:0px;

   background: url(https://sorstu.ca/wp-content/uploads/sorstu/fond_trans50.png);

   color:white;

   width:100%;

}



#page-alert-subscription-block .visual-preview-container .visual-preview div.artist-details div.artist-text{

   text-align: left; font-size: 11px; font-weight: bold; margin-top: 0px;

   padding: 4px;min-height:28px;    

}
