/* Custom CSS Additions for Customer Sites */

/* Over-ride only the elements you need to for custom styles */

/* DO NOT COPY PASTE AN ENTIRE CSS FROM SMART OR FIRSTBAG IN TO HERE! */

#CustomerLogo
{
   /* Use ../images because we are in the site folder */
   background-image: url('../images/zafire.png'); 
   /* Make sure these match the logo dimensions exactly and/or resize logo so that it is 52px high */
   width: 206px;
   height: 52px;
}   

.MainRegistrationFormBox
{
   border: none; 
   float: none;
   width: 800px;
   height: 180px;
   padding: 0px;
   min-height: 180px;
   background: white;
}         

.MainForm
{
	margin: auto;
}
.loginForm
{   
   background-image: url('../images/display/Piccadilly_Circus-colour.jpg');
}

.imageTooltipPortrait
{
	width: 500px !important;
	height: 290px !important;	
	max-width: 500px !important;
	max-height: 290px !important;
	-ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Safari */
    transform: rotate(90deg);
}

.imageTooltipLandscape
{
	width: 500px !important;
	height: 290px !important;
	max-width: 500px !important;
	max-height: 290px !important;
}


.smart-template-area-hover:hover
{
   border: 1px solid #dddb39;
}

.smart-playlist-hover
{
   border: 2px solid gray;
}

.smart-playlist-hover:hover
{
   border: 2px solid #dddb39;
}

.smart-playlist-add-hover
{
   background-color: #f7f7f7;
}

.smart-playlist-add-hover:hover
{
   background-color: #f1f1f1;
}


/* Widget styling */

.widgetHeader, .WidgetHeader, .WIDGETHEADER, .Widgetheader {
 FONT-SIZE: 12px;
 FONT-weight: bold;
 COLOR: black;
 Vertical-Align:center;
 padding:2px;
}

.widgetInfo, .WidgetInfo, .WIDGETINFO, .Widgetinfo {
font: 60px Verdana;
text-decoration:none;
color:#000000;
border:none;
background:transparent;
}

.widgetSuccess, .WidgetSuccess, .WIDGETSUCCESS, .Widgetsuccess {
font: 60px Verdana;
text-decoration:none;
color:#8BBA00;
border:none;
background:transparent;
}

.widgetWarning, .WidgetWarning, .WIDGETWARNING, .Widgetwarning {
font: 60px Verdana;
text-decoration:none;
color:#F68D0F;
border:none;
background:transparent;
}

.widgetError, .WidgetError, .WIDGETERROR, .Widgeterror {
font: 60px Verdana;
text-decoration:none;
color:#FF0000;
border:none;
background:transparent;
}

.widgetButton, .WidgetButton, .WIDGETBUTTON, .Widgetbutton {
font:inherit;
text-decoration:inherit;
color:inherit;
border:inherit;
background-color:transparent;
cursor:pointer;
height:100%;
width:100%;
}

.TopMenuDropDownContainer {
    font-size: 9pt;
}
/* End of widget styling */

.ui-tooltip2 {
	-webkit-box-shadow: 0 0 5px #aaa;
	background: white !important;
	border-radius: 0.3em;
	box-shadow: 0 0 5px #aaa;
	max-width: 300px;
	padding: 8px;
	position: absolute;
	z-index: 1000;
}

.loginInput{
	border:1px solid #ccc;
	border-radius: 4px;
}