﻿

/*---------Popup Content Menu------------*/
.frontEnd .editable
{
	position:relative;
	border:none;
	padding-top:0px !important;
	padding-right:2px !important;

}
.frontEnd .editable:hover
{
	
}
.frontEnd .over
{
	border-color:#5790EE;
}
.frontEnd div.inlinePopupLabel
{
	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	position:absolute ;
	z-index:100;
	top:0;
	right:0;
	text-align:right;
	margin:2px 4px 0 0;
}
.frontEnd div.inlinePopupLabel a,
.frontEnd ul.inlinePopupFrontEnd a
{
	text-decoration:none !important;
	margin:3px 3px 0 0;
	padding:1px 8px 2px 20px !important;
	text-transform:capitalize !important;
	display:inline-block !important;
	background: url(/images/layout/buttons.gif) top right no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1.2em !important;
	color:#FFF;
	white-space:nowrap;
	text-align:left;
	position: relative;
}

.frontEnd div.inlinePopupLabel a:hover,
.frontEnd ul.inlinePopupFrontEnd a:hover
{
	/*background-position: left -40px;*/
	color: #FFF !important;
}
.Site .inlinePopupContainerFrontEnd
{
	text-align: right;
}
.frontEnd ul.inlinePopupFrontEnd a .editableTr
{
	background: url(/images/layout/buttons.gif) 0 -40px no-repeat;
	height: 25px;
	width: 15px;
	position: absolute;
	top:0;
	left: 0;
}
.frontEnd ul.inlinePopupFrontEnd a:hover .editableTr
{
	background-position: 0 -65px;
}
.frontEnd ul.inlinePopupFrontEnd a.addSmall,
.frontEnd ul.inlinePopupFrontEnd a.addSmall .editableTr
{
	background: none;
	color: #31588f !important;
}
.frontEnd div.inlinePopupLabel  a.options
{
	background: #FFF url(/ewcommon/images/admin/options.gif) left center no-repeat !important;
}
.frontEnd h2 .inlinePopupLabel  a.options
{
	font-weight: normal;
	font-size: 0.75em;	
}
.frontEnd h2 .inlinePopup a.add
{
	font-weight: normal;
	font-size: 0.6em;
}
.frontEnd ul.inlinePopup
{
	list-style:none;
	margin-bottom:3px;
	text-align:right;
	list-style-type:none !important;
}
.frontEnd ul.inlinePopup li
{
	list-style-type:none !important;
}
.frontEnd ul.inlinePopup a
{
	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	border:1px solid #F00;
	padding:0 4px 0px 15px;
	margin:3px 3px 0 0;
	text-transform:capitalize;
	font-size:.8em;
	color:#000;
	white-space:nowrap;
	text-align:left;
}
.frontEnd ul.inlinePopup  a.add
{
	background:#FFCC00 url(/ewcommon/images/admin/add.gif) left 2px no-repeat;
}
.frontEnd ul.inlinePopup  a.find
{
	background: #FFF url(/ewcommon/images/admin/find.gif) left top no-repeat;
}
.frontEnd ul.inlinePopup li
{
	list-style: none !important;
	background: none !important;	
}
#popup_menu 
{
	position:absolute;
	z-index:100;
}
.overpop 
{
	display:block !important;
}
.frontEnd ul.item
{
	z-index:0;
	clear:right;
	position:static;
	float:right;
	width:200px;
	display:block;
	background-color:#6C82A5;
	margin-bottom:.5em;
}
.frontEnd ul.item .adminbutton
{
	height:15px;
	position:relative;
	margin:1px 3px 0 0!important;
	padding-right:3px;
	display:block;
	float:left;
}
.frontEnd ul.item .arrowbutton
{
	border:1px solid #fff;
}
.frontEnd ul.item li a
{
	color:#fff;
}


/* ######################## Page Layout ######################## */
#adminHeader .pickByImage
{	
	background: #FFF;
}
#adminHeader .pickByImage .choices
{	
	clear: left;
	/*border: 2px solid #E3E3E3;*/
}
.frontEnd .pickByImage .choices h3
{
	clear: both;
	background: #FFF !important;	
	border-bottom: 1px solid #44045B;
	color: #44045B !important;
	padding-top: 10px !important;
}
.frontEnd .pickByImage .layoutOptions
{
	clear: left;
}
.frontEnd .pickByImage .item, .pickByImage .selected
{
	white-space: nowrap;
	width: 270px;
	float: left;
	padding: 5px;
	margin: 5px;
}
.frontEnd .pickByImage .item
{	
	border: 2px solid #E3E3E3;
	background: #F5F5F5;
	color: #000;
}

.frontEnd .pickByImage .selected
{
	background: #BBBBBB;
	border: 2px solid #999999;	
}
.frontEnd .pickByImage h5
{
	width:100%;
	font-size: 1em;
	white-space: normal;
	display: block;
	margin: 0;
	margin-bottom: 3px;
	padding: 0;	
}
.frontEnd .pickByImage .item input, .pickByImage .selected input
{
	float: right;	
}
.frontEnd .pickByImage .description
{
	white-space: normal;
	width: 40%;	
	float: left;
}
.frontEnd .help
{
	font-weight: bold;
	color: #F00;
}
.frontEnd #H3
{
	display: none;	
}



/* ########################## Buttons ########################## */

.frontEnd a.edit, 
.frontEnd a.find,
.frontEnd a.move,
.frontEnd a.copy,
.frontEnd a.hideButton,
.frontEnd a.hide,
.frontEnd a.hideParent,
.frontEnd a.live,
.frontEnd a.liveParent,
.frontEnd a.show,
.frontEnd a.delete,
.frontEnd a.upDir,
.frontEnd a.upFiles,
.frontEnd a.locations,
.frontEnd div.inlinePopupLabel a.options,
.frontEnd input.add,
.frontEnd input.delete,
.frontEnd input.edit,
.frontEnd a.excel
{
	padding: 4px 4px 3px 20px !important;
	background-position: left top;
	background-repeat: no-repeat;
}
.frontEnd a.show
{
	padding: 1px 8px 1px 22px !important;	
}
.frontEnd a.hideButton
{
	padding: 1px 13px 1px 27px !important;	
}
.frontEnd a.arrowbutton,
.frontEnd input.arrowbutton,
.frontEnd #searchForm input
{
	border: 1px solid #DDDDDD;
	padding: 1px 5px 2px 5px;
	background-position: 5px 4px;
	background-repeat: no-repeat;
	background-color: #FFF;
	margin-right: 5px;
	text-decoration: none;	
}
.frontEnd a.arrowbutton span
{
    display:none;    
}
.frontEnd input.up,
.frontEnd input.down
{
	background-position: 6px 4px;
	padding: 1px 7px 2px 5px !important;	
}
.frontEnd input.top,
.frontEnd input.bottom
{
	padding: 1px 7px 2px 5px !important;
}
/*.frontEnd a.excel
{
	background-image:url(/ewcommon/images/admin/excel.gif) !important;	
}
.frontEnd a.edit
{
	background-image: url(/ewcommon/images/admin/edit.gif) !important;	
}
.frontEnd a.add,
.frontEnd ul.inlinePopup a.add
{
	background: #FFCC00 url(/ewcommon/images/admin/add.gif) left 4px no-repeat !important;
}
.frontEnd a.move
{
	background-image: url(/ewcommon/images/admin/move.gif) !important;	
}
.frontEnd a.copy
{
	background-image: url(/ewcommon/images/admin/copy.gif) !important;	
}
.frontEnd a.hideButton,
.frontEnd a.hide
{
	background-image: url(/ewcommon/images/admin/hide.gif) !important;
}
.frontEnd a.show
{
	background-image: url(/ewcommon/images/admin/show.gif) !important;	
}
.frontEnd a.delete
{
	background: #FFCC00 url(/ewcommon/images/admin/delete_black.gif) no-repeat 2px 3px !important;
	color: #000000;
}
.frontEnd a.delete:hover
{
	background-image: url(/ewcommon/images/admin/delete_grey.gif) !important;
	background-color: #FFCC00;
	color: #383838;	
}
.frontEnd a.top,
.frontEnd input.top,
.frontEnd input.top:hover
{
	background-image: url(/ewcommon/images/admin/top.gif) !important;	
}
.frontEnd a.bottom,
.frontEnd input.bottom,
.frontEnd input.bottom:hover
{
	background-image: url(/ewcommon/images/admin/bottom.gif) !important;	
}
.frontEnd a.up,
.frontEnd input.up,
.frontEnd input.up:hover
{
	background-image: url(/ewcommon/images/admin/up.gif) !important;	
}
.frontEnd a.down,
.frontEnd input.down,
.frontEnd input.down:hover
{
	background-image: url(/ewcommon/images/admin/down.gif) !important;	
}
.frontEnd a.upDir
{
	background-image: url(/ewcommon/images/admin/up.gif) !important;	
	background-position: 5px 5px;
}
.frontEnd a.upFiles
{
	background-image: url(/ewcommon/images/admin/top.gif) !important;
	background-position: 5px 5px;	
}
.frontEnd a.inactive
{
	background-color: #DDDDDD;
}
.frontEnd a.locations
{
	background-image: url(/ewcommon/images/admin/locations.gif) !important;
}
.frontEnd div.inlinePopupLabel a.options
{
	background:#ffcc00 url(/ewcommon/images/admin/options.gif) no-repeat left bottom !important;
	font-size: 10px !important;
}
.frontEnd ul.inlinePopup a.add
{
	float: right;
	margin: 2px !important;	
}
.frontEnd input.add
{
	background: #FFF url(/ewcommon/images/admin/add.gif) 2px 3px no-repeat !important; 	
}
.frontEnd input.add:hover
{
	background: #E6EDF8 url(/ewcommon/images/admin/add.gif) 2px 3px no-repeat !important; 	
}
.frontEnd input.delete
{
	background: #FFF url(/ewcommon/images/admin/delete.gif) 2px 3px no-repeat !important; 	
}
.frontEnd input.delete:hover
{
	background: #F00 url(/ewcommon/images/admin/delete_white.gif) 2px 3px no-repeat !important;
	color: #FFF !important; 	
}
.frontEnd input.edit
{
	background: #FFF url(/ewcommon/images/admin/edit.gif) 2px 3px no-repeat !important;
	padding-top:2px;
	padding-bottom:2px;	
}
.frontEnd input.edit:hover
{
	background: #E6EDF8 url(/ewcommon/images/admin/edit.gif) 2px 3px no-repeat !important; 	
}
.frontEnd input.arrowbutton:hover
{
	background-color: #E6EDF8 !important; 	
}*/
ul.inlinePopupFrontEnd
{
	list-style:none;
	margin-bottom:10px;
	text-align:left;
	list-style-type:none !important;
	margin-top:0 !important;
	padding:0 !important;
	margin-left: 0 !important;
}
.frontEnd ul.inlinePopupFrontEnd li
{
	list-style-type:none !important;
	padding:0 !important;
}
/*.frontEnd ul.inlinePopupFrontEnd  a.add
{
	background: #FFCC00 url(/ewcommon/images/admin/add.gif) left 2px no-repeat;
}
.frontEnd ul.inlinePopupFrontEnd  a.find
{
	background: #FFCC00 url(/ewcommon/images/admin/find.gif) left top no-repeat;
}*/
.Site ul.inlinePopupFrontEnd li
{
	list-style: none !important;
	background: none !important;	
}

.Site .AddMachineButton li
{
	text-align: left;
}
.Site .editable 
{
	position: relative;
	
}
.Site .editable .inlinePopupLabel
{
	float: right;
	display:block;
}
