/***********************************************/
/* Edit Mode Styles                            */
/***********************************************/ 
fieldset {
		font-size: 11px;
}
#editBar
{
	width: 100%;
	height: 21px;
	background: #ff8a00 url(/img/editable_bg.gif) repeat-x top center;
	font-size: 10px;
	padding-top: 4px;
	color:#565656;
}

#editBar select
{
	height: 16px;
	font-size: 10px;
}

#editBar ul, #accountBar ul
{
	list-style: none;
	margin: 0; padding: 0;
}

#editBar ul li, #accountBar ul li
{
	padding-right: 10px;
	display: inline;
	margin: 0;
}

#accountBar
{
	width: 100%;
	height: 16px;
	border-top: 1px solid gray;
	font-size: 10px;
	padding-top: 2px;
	color: #565656;
	background-color: #EFEFEF;
}

#accountBar a
{
	font-weight: normal;
	text-decoration: underline;
}

.button
{
    display:block;
    margin:0 4px 0 4px;
    background-color:#f5f5f5;
    border:1px solid #000;
    border-top:1px solid #000;
    border-left:1px solid #000;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold; 
    cursor:pointer;
    padding:1px 7px 1px 7px; /* Links */
}

.addButton
{
    display:block;
	color:#FFFFFF;
    margin:0;
	background: #ff8a00 url(/img/add_bg.gif) repeat-x top center;
    border:1px solid #000;
    border-top:1px solid #000;
    border-left:1px solid #000;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:90%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold; 
    cursor:pointer;
    padding:1px 7px 1px 7px; /* Links */	
    text-align: left;
}

.button:hover
{
    background-color:#dff4ff;
    /*border:1px solid #c2e1ef;*/
    color:#336699;
}

.button:active, .buttonActive
{
    background-color:#6299c5;
    border:1px solid #000;
    color:#fff;
}

.buttonPositive{
    background-color:#529214;
    /*border:1px solid #C6D880;*/
    color:#fff;
}

.buttonNegative{
    background-color:#d12f19;
    /*border:1px solid #fbc2c4;*/
    color:#fff;
}


/***********************************************/
/* Editable Region Styles                     */
/***********************************************/ 

/* next two styles are for the edit mode top menu */
#levelOneNav .levelOneEdit
{
  margin: 0; padding: 11px 2px 11px 2px; 
  background: #ff8a00 url(/img/editable_bg.gif) repeat-x top center;
}

/* we need the background-image rule in here to ensure the arrows are not highlighted on mouseover */
#levelOneNav a.levelOneEdit:hover
{
  background: none;
  background: #ff8a00 url(/img/editable_bg.gif) repeat-x top center;
}

/*********** admin edit mode side menu arrow/delete button styles ***********/

#levelTwoNav .sideArrows
{
  float: left;
  background: #ff8a00 url(/img/editable_bg.gif) repeat-x top center;
  padding: 0;
  height: 23px;
  border-bottom: 1px solid #333;
}

#levelTwoNav .sideArrows a
{
  margin: 5px 1px; padding: 0;
  display: block;
  width: 7px;
  height: 4px;
  background: #ff8a00 url(/img/editable_bg.gif) repeat-x top center;
  border: none;
}

#levelTwoNav .sideDel
{
  float: right;
  height: 23px;
}

#levelTwoNav div.sideDel a
{
  margin: 0; padding: 1px 1px;
  background: #ff8a00 url(/img/editable_bg.gif) repeat-x top center;
}

#levelTwoNav .sideArrows a:hover, #levelTwoNav .sideDel a:hover
{
  background: #ff8a00 url(/img/editable_bg.gif) repeat-x top center;
}

#levelThreeNav .sideArrows
{
  float: left;
  background: #ff8a00 url(/img/editable_bg.gif) repeat-x top center;
  padding: 0;
  height: 23px;
  border-bottom: 1px solid #333;
}

#levelThreeNav .sideArrows a
{
  margin: 5px 1px; padding: 0;
  display: block;
  width: 7px;
  height: 4px;
  background: #ff8a00 url(/img/editable_bg.gif) repeat-x top center;
  border: none;
}

#levelThreeNav div.sideDel
{
  float: right;
  height: 20px;
}

#levelThreeNav div.sideDel a
{
  margin: 0; padding: 1px 1px;
  background: #ff8a00 url(/img/editable_bg.gif) repeat-x top center;
}

#levelThreeNav .sideArrows a:hover, #levelThreeNav .sideDel a:hover
{
  background: #ff8a00 url(/img/editable_bg.gif) repeat-x top center;
}

.clear
{
  clear: both;
  display: block;
  font-size: 0;
  content: '.';
  visibility: hidden; 
  width:0;
  height: 0;
  margin: 0;
  padding: 0;
}

/***********************************************/
/* Edit Basic Page Styles                      */
/***********************************************/ 

#addElementsLink
{
	padding: 10px 0 10px 0;
}

.bpeWrapper
{
	width: 96%;
	border: 1px dashed black;
	border-top: none;
	padding: 4px;
	margin: 0 auto;
	margin-bottom: 15px;
}

.bpeCommands
{
	padding: 4px;
	width: 96%;
	height: 16px;
	border-left: 1px dashed black;
	border-right: 1px dashed black;
	border-top: 1px dashed black;
	background: #ff8a00 url(/img/editable_bg.gif) repeat-x top center;
	margin: 0 auto;
	font-size: 11px;
	color: #000;
}

.bpeCommands ul
{
	list-style: none;
	float: right;
	margin: 0;
	padding: 0;
}

.bpeCommands ul li
{
	display: inline;
	margin-left: 0px;
	padding-right: 1px;
	vertical-align: middle;
}



/***********************************************/
/* BPE Element Styles                          */
/***********************************************/ 

.itemSelector
{
	width: 100%;
}

.itemSelector tr:hover, .itemSelectorHover
{
	background-color: #c4e0fc;
	cursor: pointer;
}

.itemSelector tr td
{
	border-top: 1px solid #c4c4c4;
	vertical-align: top;
}

.itemSelector tr td h4
{
	margin: 0;
	padding: 5px 0;
	font-size: 14px;
	
}

.itemSelector tr td p
{
	margin: 3px 0; padding: 0;
}

.itemSelector .itemSelectorThumb
{
	width: 75px;

}




.quickSelector
{
	width: 100%;
}

.quickSelector tr:hover, quickSelectorHover
{
	background-color: #c4e0fc;
	cursor: pointer;
}

.quickSelector tr td
{
	border-top: 1px solid #c4c4c4;
	vertical-align: top;
}

.quickSelector tr td h4
{
	margin: 0;
	padding: 5px 0;
	font-size: 11px;	
}

.quickSelector tr td p
{
	margin: 3px 0; padding: 0;
	font-size: 10px;
}

.quickSelector .quickSelectorThumb
{
	width: 50px;
}
.bpeStatsLoader {
	background-image:url(/img/bg_stats_loader.jpg);
	background-repeat:repeat-x;
	margin:auto;
	padding:10px;
	font-size:10px;
	color:#333333;
	width: 200px;
	margin-bottom:20px;
}



/***********************************************/
/* Form Styles                                 */
/***********************************************/ 
form {
	clear: both;
	/*margin-right: 20px;*/
	padding: 0;
	width: 98%;
}
fieldset {
	border: 1px solid #ccc;
	margin-top: 10px;
	padding: 10px 15px;
}

fieldset p
{
	margin-top: 0;
	margin-bottom: 4px;
	padding: 0;
}

fieldset legend {
	color: #ff8a00;
	font-size: 140%;
	font-weight: bold;
}

.legend {
	color: #ff8a00;
	font-size: 140%;
	font-weight: bold;
}

fieldset h3
{
	color: #ff8a00; font-weight: normal; font-size: 120%
}

fieldset fieldset {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px 10px;
}
fieldset fieldset legend {
	font-size: 120%;
	font-weight: normal;
	margin-left: 20px;
}
fieldset fieldset div {
	clear: left;
	margin: 0;
}
form div {
	clear: both;
	margin-bottom: 4px;
	padding: 3px;
	vertical-align: text-top;
}
form div.input {
	color: #444;
	margin-left: 0;
	padding-left: 0;
}

form div.required {
	color: #333;
	font-weight: bold;
}
form div.submit {
	border: 0;
	clear: both;
	margin-top: 10px;
}
label {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	display: block;
	font-size: 11px;
	font-weight: normal;
	padding-right: 20px;
	padding-bottom: 4px;
}
input[type=text], textarea {
	clear: both;
}
select {
	clear: both;
	font-size: 110%;
	vertical-align: text-bottom;
}
select[multiple=multiple] {
	width: 100%;
}
option {
	font-size: 120%;
	padding: 0 3px;
}
input[type=checkbox] {
	clear: left;
	float: left;
	margin: 0px 6px 7px 2px;
	width: auto;
}
input[type=submit] {
	display: inline;
	padding: 2px 5px;
	width: auto;
}
input[type=radio]
{
	display: inline;
	padding-right: 5px;
}

.layoutSelector
{
	text-align: center; width: 129px; display: inline-block; margin-right: 3px;
}
 

/***********************************************/
/* Flash Messages                               */
/***********************************************/ 

#flash_ok
{
	width: 100%;
	height: 20px;
	margin: 0;
	padding: 3px 0;
	text-align: left;
	color: #FFF;
	background: #009203 url(/img/ok.gif) no-repeat 5px 2px;
	border-bottom: 1px solid #6c6c6c;
}

.flashMsg {
	margin: 0;
	padding: 0;
	display: block;
	padding-left: 35px;
	height: 20px;
}

#flash_not_ok
{
	width: 100%;
	height: 20px;
	margin: 0;
	padding: 3px 0;
	background: #d41616 url(/img/not_ok.gif) no-repeat 5px 2px;
	text-align: left;
	border-bottom: 1px solid #6c6c6c;
	color: #FFF;
}



.red {
	background-color:#FEBEB6;
}
.green {
	background-color:#D5FEB6;
}

#tutorialsHolder {
	border:2px solid #ccc;
}
#alerts {
	background: #000 url(/img/bg_alerts.jpg) repeat-x top center;
	background-color: #000;
	padding:10px;
	width:986px;
	border:1px solid #ff0000;
	margin-bottom:20px;
	color: #ffffff;
}
#alerts a {
	color: #ff0000;
}
.alert {
		border:1px dashed #666666;
			
		font-size: 14px;
		margin:6px;
		margin-bottom:8px;
		width:966px;
		padding:8px;
}
.tab_button {
		font-size:13px;
		width:120px;
		color:#ffffff;
		background-color:#666666;
		padding:4px;
		text-decoration:none;
		margin-bottom:10px;
		
}
/***********************************************/
/* Page Optoins                         */
/***********************************************/ 

#pageOptions
{
	background: #006600 url(/img/bg_pageoptions.jpg) repeat-x;
	color:#ffffff;
}
.pageOptionsForm {
	margin:0;
	font-size:11px;
}