/* 
==============================
FFM Edit/CMS Style Sheet
==============================
This CSS cucumber was pickled by:
>> Kyle Dutka at See Design
>> www.seedesign.ca | kyle [at] seedesign.ca
------------------------------
CSSed in Canada inside an igloo with 
dial-up internet powered by beaver
fur and pemmican that was purchased
with coloured money from the Queen.
------------------------------

==============================
Table of Contents
==============================
1.1 General Styles

------------------------------

==============================
Colour Palette
==============================
#000000 - Black
#FFFFFF - White
#FFC601 - Piano Studio Yellow
#004A39 - Piano Studio Green
#000101 - Deep Forest Green
------------------------------
*/

body{
margin-bottom:26px;

}

img {
  border: 0;
}


a {
	color:#0997DA;
}


/* 
==============================
Admin Navigation
============================== 
*/

/* Hide Regular Footer */
#footer {
	display: none;
	}
	
	
/*Back to Admin Styling */

#an {
	position:fixed;
	bottom:0px;
	left:0px;
	width:100%;
	padding:0;
	height: 25px;	
	background:#000000;
	border-top:#0066FF 1px solid;
	z-index:100;
}


.an_popup{
	position:absolute;
	bottom:25px;
	width:auto;
	text-indent:0px;
	padding:3px;
	color:#0099FF;
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:url(../../images/core/admin_nav.png);
	font-weight:normal;
}

.an_item{
}

.an_item:hover{
	cursor:pointer;
	color:#00CCFF;
}

.an_link{
	margin:0 0 0 0;
	padding:0;
	float:left;
	height: 25px;
	text-indent:-7777777px;
	cursor:pointer;
}

#an_files{
	width: 62px;
	background:url(../../images/core/an_files.png) no-repeat;
	}
	
#an_users{
	width: 62px;
	background:url(../../images/core/an_users.png) no-repeat;
	}
	
#an_logout{
	margin:0 0 0 0;
	padding:0;
	float:right;
	width: 62px;
	height: 25px;
	background:url(../../images/core/logout.png) no-repeat;
	text-indent:-7777777px;
	cursor:pointer;
	}

#an_logout:hover{
	opacity:.80;
}


/*END ADMIN NAVIGATION*/

.form_element{
	display:block;
	margin: 3px;;
}

.form_required{
	color:#FF0000;
	font-size:9px;
}

input {
/*	width: 150px;
	height: 15px;*/
	border: 0;
	border-bottom: 1px #0099FF solid;
	font-family:Helvetica, Arial, sans-serif;
	font-size: 12px;
	cursor:text;
	}
	
input.submit {
	margin:5px 5px 5px 0;
	width: 60px;
	height: 24px;
	background:url(../../images/core/submit.png) no-repeat center;
	text-indent:-7777777px;
	border:#0099FF 1px solid;
	display:block;
	z-index:1000;
	}

input.submit:hover {
	cursor: pointer;
	border: 1px #0099FF dashed;
	}

input.file {
	border: 0;
	}

.add_file{
	margin:0 0 0 0;
	width: 76px;
	height: 20px;
	background:url(../../images/core/add_file.png) no-repeat;
	text-indent:-7777777px;
	}

.remove_file{
	margin:3px 0 3px 0;
	width: 76px;
	height: 20px;
	background:url(../../images/core/remove_file.png) no-repeat;
	text-indent:-7777777px;
}

.change_file{
	margin:3px 0 3px 0;
	width: 76px;
	height: 20px;
	background:url(../../images/core/change_file.png) no-repeat;
	text-indent:-7777777px;
}



.form_file_item{
	text-align:center;
	vertical-align:middle;
	width:165px;
	overflow:visible;
	font-size:10px;
	padding:4px 4px 2px 4px;
	margin:5px 5px 5px 0;
	border:1px solid #0099FF;
	font-weight:bold;

}

.form_file_item img{
padding-left:10px;
	display:block;
}


.admin_delete{
	margin:3px 0 0 0;
	padding:0;
	width: 62px;
	height: 20px;
	background:url(../../images/core/delete.png) no-repeat;
	text-indent:-7777777px;
	}

.admin_delete_inline{
	position:relative;
	float:left;
	display:block;
	margin:3px 0 0 0;
	padding:0;
	width: 62px;
	height: 20px;
	background:url(../../images/core/delete.png) no-repeat;
	text-indent:-7777777px;
	}

.admin_create {
	margin:3px 0 0 0;
	padding:0;
	color:#0997DA;
	font:Arial, Helvetica, sans-serif;
	font-size:14px;
	height:18px;
	}

.admin_create img {
	position:relative;
	top:3px;
	padding:0;
	color:#0997DA;
	font:Arial, Helvetica, sans-serif;
	size:12px;
	width:70px;
	height:18px;
}

.error {  
	color:#FF0000; 
	}

.clear {  
	clear:both;
	height:0;
	margin:0;
	}


.content_edit {
	border:1px dashed #CCCCCC;
	padding:3px;	
	}
.content_edit:hover, div.content_edit_on {
	opacity:.50;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	}

/*overlay stuff*/
#overlay{
	z-index:200; 
	position:fixed; 
	top:40px; 
	left:20%; 
	padding:25px; 
	opacity:1;
	overflow:hidden;
	visibility:hidden;
	
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
}

#seefundo #overlay{
	z-index:200; 
	position:relative; 
	top:0px; 
	left:0px; 
	padding:0; 
	opacity:1;
	overflow:hidden;
	visibility:visible;
	
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
}



#overlay_box_top{
	z-index:200; 
	background:url(../../images/core/overlay_top.png) repeat-y;
	height:25px;
	width:650px;
}

#overlay_box_body{
	position:relative;
	clear:both;
	float:left;
	background:url(../../images/core/overlay_body.png) repeat-y;
	width:650px;
	padding:0 0 0 25px;
}

#overlay_content{
	clear:both;
	position:relative;
	float:left;
	background:#FFFFFF;
	width:594px;
	height:300px;
	max-height:300px;
	overflow:scroll;
	z-index:202;
	padding:3px;
	margin:0;
}

#seefundo #overlay_content{
	width:575px;
	max-height:300px;
}

#overlay_box_bottom{
	clear:both;
	position:relative;
	float:left;
	z-index:200; 
	background:url(../../images/core/overlay_bottom.png) repeat-y;
	margin:-8px 0 0 0;
	height:25px;
	width:650px;
}


#overlay_close{
z-index:203;
	position:relative;
	cursor:pointer;
	background:url(../../images/core/close.png) no-repeat;
	text-indent:-7777777px;
	top:13px;
	left:100%;
	height:30px;
	margin:0 0 0 -33px;
}

#overlay_admin_ajax{
	width:500px;
	height:400px;
	background:#FFFFFF;
	z-index:202;
	position:absolute; 
	left:200px;
	opacity:1;
}

/*file listing styling */
.cms_files {
	border: 1px solid #0066FF;
	width:350px;
}


#file_list_loader
{
	position: absolute;
}

#file_list_body{
	overflow:auto;
	height:350px;
	width:230px;
}

.file_list {
	padding:5px;
	border:1px dashed #CCCCCC;
}

.hide{
	visibility:hidden;
	overflow:hidden;
	height:0px;
}

.admin_tabs{
	position:relative;
	float:left;
	font-size:12px;
	display:inline;
	position:relative;
	float:left;
	width:100%;
}

.admin_tabs ul{
	position:relative;
	float:left;
	list-style: none;
	margin:0;
	padding:0;
}

.admin_tabs ul li{
	cursor:pointer;
	position:relative;
	float:left;
	height:16px;
	margin:2px;
	padding:0 5px 0 5px;
	}

.tabs_selected {
	border:#0000FF solid 1px;	
	color:#0033FF;
	}

.tabs_selected a{
	color:#0033FF;
	}

.tabs_selected:hover {
	cursor:text;	
}


.tabs_unselected {
	border:#999999 solid 1px;	
	color:#999999;
}

.tabs_unselected:hover{
	cursor:pointer;
	position:relative;
	border:#0000FF dashed 1px;
	}
	

.admin_tabs_underline{
	clear:both;
	height:1px;
	width:575px;
	background:#006699;
	cursor:pointer;
	position:relative;
	top:-3px;
	left:2px;
	}


#admin_tabs_loader{
	clear:both;
		width:100%;
	}


.admin_tabs_admin
{
	font-size:11px;
	display:inline;
	position:relative;
	float:left;
	top:-4px;
	left:2px;
	width:569px;
	padding:3px;
	border:#999999 solid 1px;
	border-top:#0000FF solid 1px;
}


.admin_tabs_title
{
	display:inline;
	position:relative;
	float:left;
}



.admin_files_list{
	clear:both;
}

.admin_file_list_item{
	text-align:center;
	vertical-align:middle;
	width:63px;
	min-height:63px;
	font-size:8px;
	position:relative;
	float:left;
	padding:4px 4px 2px 4px;
	margin:5px;
	border:1px solid #0099FF;
}


.admin_file_list_item:hover{
	border:1px dashed #003366;
	

}

.admin_file_list_add{
	
	position:absolute;
	background:#666666;
	opacity:.8;
	width:60px;
	height:100%;
	background:url(../../images/core/add.png) no-repeat;
	background-position:center;	
}

.admin_file_list_edit{
	
	position:absolute;
	background:#666666;
	opacity:.8;
	width:60px;
	height:100%;
	background:url(../../images/core/edit_file.png) no-repeat;
	background-position:center;
	
}


.admin_file_list_item img
{
	display:block;
	text-align:center;
}

.admin_file_list_item input
{
	position:absolute;
	display:block;
	left:52px;
	top:-3px;
}

#admin_file_form{
	clear:both;
}

.admin_title{
	font-size:14px;
	font-weight:bold;
}


.admin_title img{
	clear:both;
	display:block;
}


.login{
font-family:Helvetica, sans-serif;
font-size:12px;
}


.admin_list_edit{
	margin:10px;
	height: 20px;
	clear:both;
}

/*
------------------------------------------------------------------------------------------
Your {CREATIVITY} is RESTRICTED [when you think] your creativity is BOUND by your {ABILITY}.
&#1501;&#1465;&#1493;&#1500;&#1464;&#1473;&#1513; 
------------------------------------------------------------------------------------------
*/
