/******************/
/*Admin Styles */
/*****************


/* Top Tool bar */
.AdminHolderToolbar
{
	background-image: url(../Styles/Images/CMS/FCCMSBar.gif);
	background-repeat: repeat-x;
	width:100%;
	height:30px;	
	padding-top:0px;	
	z-index:999 !important;
}
.AdminHolderToolbarInner
{
	padding-top: 5px;
	padding-left:30px;
	padding-right:3px;	
}
/* Control Tool bar */
.AdminToolbarInner
{
	float:left;	
	height:25px;		
	overflow:hidden;	
	position:relative;
	margin:0;
	width:90%;
	background-image: url(../Styles/Images/CMS/AdminToolbar.gif);
	font: 1em/1em Arial, sans-serif;	
}
.AdminToolbarInner a
{
	text-align:left!important;
	box-shadow:none !important;
	position:relative;
	border:none !important;
	font-weight:normal !important;
	width:inherit !important;
	text-decoration:none!important;
	color:white !important;
	overflow:hidden!important;		
	z-index:2000 !important;
}
.AdminToolbar
{
	position:relative;
	height:25px;
	min-width: 150px;
	z-index:2000 !important;	
}
.AdminToolbarInnerL
{
	float:left;
	height:25px;
	width:3px;
	background-image: url(../Styles/Images/CMS/AdminToolbarL.png);	
}
.AdminToolbarInnerR
{
	float:left;
	height:25px;
	width:3px;
	background-image: url(../Styles/Images/CMS/AdminToolbarR.png);
}
.propertiesLink 
{
	padding-bottom:3px;
}

.selectedHolder
{
	border: solid 2px green;
	display:block;
}
.CMSLogo
{
	float:right;
	background-image: url(../Styles/Images/CMS/CMSLogo.png);
	background-position:center center;
	background-repeat:no-repeat;
	position:absolute;
	top:0;
	right: 30px;
	width:233px;
	height:30px;
}
.ToolbarSpacer
{
	position:relative;
	display:inline;
	padding-left:5px;
	padding-right:5px;
	background-image: url(../Styles/Images/CMS/spacer.png);
	background-repeat:no-repeat;
	background-position:center;
	width:5px;
	height:28px;
}

.AdminHolderToolbarInner p
{
	display:inline;
	padding-right:5px;
	
}
.AdminHolderToolbarInner input
{
	margin-left:5px;
}

#BrowserErrorMessageClose
{
	float: right;
	cursor:pointer;
	font-weight: bold;
	padding-right:10px;	
}

#BrowserErrorMessage {
     position: absolute; 
     right: auto; 
     bottom: auto;
     height: 50px; 
     width: 100%;
     z-index: 5;
     padding:0;
	 margin:0;
     background-image: url(../Styles/Images/CMS/OldBrowserBackground.gif);
     background-repeat:repeat-x;
     left: expression( ( -0 - BrowserErrorMessage.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
     top: expression( ( +0 - BrowserErrorMessage.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );     
}
#BrowserErrorMessageText
{
	width: 100%;
	color:Red;
	text-align:center;
	text-decoration:none;
	padding:0;
	margin:0;
	font: 0.8em/0em Arial, sans-serif;
}
#BrowserErrorMessageText p
{	
	padding:0;
	margin:0;
	text-align:center;
	color:Red;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
}





body > div#BrowserErrorMessage {
     /* used by Netscape6+/Mozilla, Opera 5+, Konqueror, Safari, OmniWeb 4.5+, ICEbrowser */
     position: fixed;
}


/* CMS Style Sheet*/
/* OForm Control - Calendar*/
.ajax__calendar_container {
    border:1px solid Black;
    background-color: White;
    color: Black;
}
/* OForm Control - Capthca*/
.captchaControl .FieldTitle
{
    Float:left;       
}
.captchaControl .FormField
{
    Float:left;       
}

/* Image Control */
.modalBackground
{
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;  
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	text-decoration: none;
	cursor:pointer;	
}
.modalPopup .PopUpImage
{
    border:0px;
    display:inline;
}

.modaltitlebar
{
    color:Black;
    text-decoration:none;
}
.modaltitleleft
{
    float:left;
    width:10px;
    height:20px;
}
.modaltitlemiddle
{
    float:left;
    height:20px;
}
.modaltitleright
{
    float:right;
    width:10px;
    height:20px;
}



/* Admin CMS Style Sheet*/
.DataTable 
{
    margin-top: 10px;
    border:solid 1px #890000;
    border-collapse:collapse;
    width:100%;
}
.DataTable th
{
    background-color:#890000;
    color:White;
    margin:0px;
}
.DataTable td
{
    padding-left:3px;
    padding-right:3px;
    border:solid 1px #890000;
    border-collapse:collapse;
}
/********************/
/* Side Menu */
/********************/
.SMenu
{
	width:170px;	
	margin-top:20px;
}
.SMenuItem
{
	color:White;
	padding-left:5px;
	padding-right:5px;	
	padding-top:3px;
	padding-bottom:3px;
	margin-right: -30px;
	border-bottom: 1px solid white;
	display:block;
	overflow:hidden;
}
.SHover
{
	background-color:#615a4b; 
	color:#CC9933;
	text-decoration:none !important;	
}


/* Hover Colour*/
.DAdminHover
{
	background-color:#615a4b; 
}
/*Dynamic Main Container*/
.DMenuItem
{
	color:#890000;
	Padding-left: 10px;
	Padding-right:10px;
	display:inline-block;
	z-index:100;
}
.DMenu
{
	border-right: #890000 1px solid;
	border-top: #890000 1px solid;
	border-left: #890000 1px solid;
	border-bottom: #890000 1px solid;
	Padding-Top: 2px;
	padding-bottom:5px;
	margin-left:0;
	z-index:100;
}


/********************/
/* Selector Controls */
/********************/

.modalSelectorBackground
{
    
}
.modalSelectorPopup
{
    border: solid 1px #890000;
    background-color:White;
    display:block;
}

.modalSelectorPopup .HeaderBanner
{
    font-weight:bold;   
    background-color:#890000;
    color:White;    
    display:block;
    height:20px;   
}

.modalSelectorPopup .HeaderBanner .Title
{
    padding: 2px 5px 2px 5px;
}
.modalSelectorPopup .HeaderBanner .closeBtn
{
    padding: 2px 15px 2px 5px;
    margin-right:10px;
}

/* CMS Style Sheet*/
/* OForm Control - Calendar*/
.ajax__calendar_container {
    border:1px solid Black;
    background-color: White;
    color: Black;
}
/* OForm Control - Capthca*/
.captchaControl .FieldTitle
{
    Float:left;       
}
.captchaControl .FormField
{
    Float:left;       
}

/* Image Control */
.modalBackground
{
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;  
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	text-decoration: none;
	cursor:pointer;	
}
.modalPopup .PopUpImage
{
    border:0px;
    display:inline;
}

.modaltitlebar
{
    color:Black;
    text-decoration:none;
}
.modaltitleleft
{
    float:left;
    width:10px;
    height:20px;
}
.modaltitlemiddle
{
    float:left;
    height:20px;
}
.modaltitleright
{
    float:right;
    width:10px;
    height:20px;
}

/*Image Gallery*/
#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:506px; margin:50px auto; display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:500px; height:300px; padding:2px; border:1px solid #ccc; background:#000}
#information {position:absolute; bottom:0; width:500px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:500px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(styles/images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(styles/images/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(styles/images/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:81px; background:url(styles/images/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:81px; background:#222 url(styles/images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:456px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}

/********************/
/* Toolbar           */
/********************/

.FCMSFadeOut

{
	background-color:black;
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */
	margin-top:30px;
	}
	
.FCMSPanel

{	border:solid 1px #811417;
	background-color:#CCC !important;
	width:380px;
	max-height:400px;
    overflow-y:auto;
    overflow-x:hidden;    
	}
.PopTitle
{
	background-image:url(Images/CMS/FCCMSBar.gif);
	background-repeat:repeat-x;
	text-align:center;
	font: 1.2em/1.0em verdana, sans-serif;color:white;
	text-shadow: black 0.1em 0.1em 0.2em; 
	padding:6px 0px 8px 0px;
	margin:-3px -7px 0px -3px;}
.ContainerField
{
	padding-left:10px;}
	
.groupingAccordian

{	background-color:white !important;
	border: solid 1px #999;
	margin-left:3px;
	margin-bottom:5px;

}

.CMSAccordionHeader
{	
	text-transform:uppercase;
	cursor:pointer;
	padding:5px 5px 5px 10px;
	width:350px;
	border-bottom:dotted 1px #666;
	}
	
.CMSAccordionHeaderSelected

{
	color:red !important;
	text-transform:uppercase;
	cursor:pointer;
	padding-left:10px;
	}
	
.CMSAccordionContent
{	
    width:360px;
	height:100px !important;
	background-color:#dfe1dd;
	padding-left:3px;
	margin-left:1px;
	overflow-y:auto;
	}
.CMSAccordionContent a

{	padding-left:12px;
	color:#333 !important;
	text-decoration:none!important;
	}
.CMSAccordionContent a:hover

{	background-image:url(Images/CMS/AddControl.png);
	background-repeat: no-repeat;
	background-position:left;
	color:black !important;
	text-decoration: underline!important;
}