/*
MainButtonStyles.css is only for styling the Main Top CMS Nav and the Edit Buttons that appear on the frontend when logged in.
This CSS is kept seperate because the control appears on the frontend and backend. So the stylesheet is included in fontend and back.
We dont want other backend CSS styles (in FusioCMSStyles.css) affecting the frontend and vice versa.
*/

body {
}

.mainButtons 
{
	padding:15px 10px 15px 10px;
	height:20px; 
	background-color:#F0F0F2;}

.mainButtons a 
{
	color:#075C95;
	font-weight:bold;
	text-decoration:none;
	padding:0px 10px 0px 10px;
}


.mainCMSNavigation
{
	padding:15px 10px 15px 10px;
	height:20px; 
	background-color:#F0F0F2;
	font-size:12px;
	font-weight: bold;
	color:#666;
	font-family: Arial, Helvetica, sans-serif;
}

.mainCMSNavigation .welcome
{
	margin:0px 0px 0px 230px;
}


/* Main Top CMS Navigation */

.mainCMSNavigation ul { 
	list-style: none;
	margin: 0;
	padding: 0;

}

.mainCMSNavigation li {
	list-style:none;
    float:left;
	position: relative;
	padding-left:15px;
	background-image: url(/images/2009/navdiv.gif);
	background-repeat: no-repeat;
	background-position: left;
	z-index:1000;
	
}

.mainCMSNavigation li.first {
	background-image:none;
	
}

.mainCMSNavigation li a {
	display:block;
	padding:0px;
	text-decoration:none;
	line-height:normal;
	color:#666;
	
	}

.mainCMSNavigation li a:hover {
	color:#ED1C24;
	text-decoration:underline;
}

.mainCMSNavigation li:hover ul,
.mainCMSNavigation li.hover ul  {
	display: block !important;
	
}

.mainCMSNavigation li ul {
	display: none;
	position: absolute;
	text-align:left;
	font-size:12px;
	left: 10px;
	top: 15px;
	width: 140px;
	border: 1px solid #666;
	background-color:#fff;
	z-index:1;
}

.mainCMSNavigation li ul li {
	position: relative;
	height:auto;
	float:none;
	border-top: 1px dotted #ED1C24;
	background-image: none;
	padding-right: 0px;
	padding-top:4px;
	padding-bottom:4px;
}

.mainCMSNavigation li ul li:hover,
.mainCMSNavigation li ul li.hover {
	position: relative;
	height: auto;
	float: none;
	border-top: 1px dotted #ED1C24;
	background-image: none;
	background-color: #eee;
	padding-right: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.mainCMSNavigation li ul li ul,
.mainCMSNavigation li:hover ul li ul, 
.mainCMSNavigation li.hover ul li ul {
	display: none !important;
	position: absolute;
	left: 130px;
	top: 0;
}

.mainCMSNavigation li ul li:hover ul,
.mainCMSNavigation li ul li.hover ul  {
	display: block !important;
}

.mainCMSNavigation li ul a {
	color:#666;	
	font-size:12px;
	font-weight:normal;
}

.mainCMSNavigation li ul a:hover {
	text-decoration:underline;
}

/* END: Main Top CMS Navigation */




/* CLIENT SITE EDIT BUTTONS *****************************************************/
.clientButtons a
{
	position:relative;
	z-index:1000;
}
.clientButtons .pageEditButtons 
{
	height:40px;
	margin:1px 0px 1px 0px;
}

.clientButtons .imageEditButtons 
{
	height:40px;
	margin:1px 0px 1px 0px;
}

.clientButtons .imageGalleryEditButtons 
{
	height:40px;
	margin:1px 0px 1px 0px;
}

.clientButtons .newsEditButtons 
{
	height:40px;
	margin:1px 0px 1px 0px;
}

.clientButtons .eventEditButtons 
{
	height:40px;
	margin:1px 0px 1px 0px;
}



.clientButtons .add 
{
	color:#6F6F6F;
	text-decoration:none;
	background-color:#FF822F;
	border:1px solid #6F6F6F;
	display:inline;
	padding:5px 5px 5px 5px;
	text-transform:uppercase;
	font-weight:bold;
	display:block;
	float:left;
}

.clientButtons .edit 
{
	color:#6F6F6F;
	text-decoration:none;
	background-color:#FF822F;
	border:1px solid #6F6F6F;
	display:inline;
	padding:5px 5px 5px 5px;
	text-transform:uppercase;
	font-weight:bold;
	display:block;
	float:left;

}

.clientButtons .delete
{
	color:#6F6F6F;
	text-decoration:none;
	background-color:#FF822F;
	border:1px solid #6F6F6F;
	display:inline;
	padding:5px 5px 5px 5px;
	text-transform:uppercase;
	font-weight:bold;
	display:block;
	float:left;

}

.clientButtons .order
{
	color:#6F6F6F;
	text-decoration:none;
	background-color:#FF822F;
	border:1px solid #6F6F6F;
	display:inline;
	padding:5px 5px 5px 5px;
	text-transform:uppercase;
	font-weight:bold;
	display:block;
	float:left;

}

/*AJAX EDIT BUTTONS -----------------------------------------------------------------------------*/

.clientEditButtons
{

}

.clientEditButtons a
{
	display:block!important;
	color:#6F6F6F!important;
	text-decoration:none!important;
	background-color:#FF822F!important;
	height:20px!important;
	border:1px solid #6F6F6F!important;
	padding:2px 2px 2px 2px!important;
	text-transform:uppercase!important;
	font-weight:bold!important;
	margin:0px!important;
    position:relative;
    z-index:1001;
	
}

/* EDIT ICON ---------------------------------------------------------------------------*/

.imgEdit
{
	position:absolute;
	z-index:1000;
}

.imgEditPage
{
	position:absolute;
	z-index:1000;
}

/* DEFAULT ADMIN INFO BOX STYLE IF THE INFOBOX IS NULL ---------------------------------------------------------------------------*/
.admininfobox
{
	height:30px;
}


 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */