/*	BACKOFFICE MENU AND TOOLBAR  */

body 
{
background: black url(images/background.png); /* #161616 */
background-position: top left;
background-repeat:repeat-x;
font-family: Arial;
font-size: 13px;
margin: 0;
padding: 0;
}

#wrapperLeft 
{
background: url(images/shadowLeft.png);
background-position: top left;
background-repeat:repeat-y;
width: 970px;
margin: 0 auto;
}

#wrapperRight 
{
background: url(images/shadowRight.png);
background-position: top right;
background-repeat:repeat-y;
width: 970px;
}

#wrapper 
{
width: 962px;
margin: 0 auto;
background: black url(images/backgroundWrapper.png);
background-position: top left;
background-repeat:repeat-x;
min-height: 1050px;
position: relative;
}

.customContentInside 
{
padding: 10px;
}

.customContent h1 
{
font-size: 28px;
font-weight: bold;
color: White;
margin: 20px 0 0 0;
padding: 0;
}

.customContent h3 
{
font-size: 14px;
font-weight: normal;
color: #f8f8f8;
margin:5px 0 0 0;
padding:0;
}

.headerImage 
{
margin: -10px;
/*background: url(headerImage.jpg);
background-repeat: no-repeat;
background-position: top left;*/
width: 962px;
/*height: 260px;*/
}

.wrapperDivBackOfficeMenu 
{ 	
top:0px;
width:962px;
position:absolute;
overflow:hidden;	
height:30px;
background-color:Black;
text-align:center;	
z-index:6000;
vertical-align:middle;
font-family: Arial;
font-size: 12px;
}

.wrapperDivBackOfficeMenu table
{
margin-left:auto;
margin-right:auto;
}

.wrapperDivBackOfficeMenu tr 
{ 		
margin: 10px;
padding: 0;	
}

.wrapperDivBackOfficeMenu tr td
{ 		
padding: 5px 10px;
text-align: left;
}

.wrapperDivBackOfficeMenu a 
{
color: #959595;
text-decoration: none;
font-weight: bold;
}

.wrapperDivBackOfficeMenu a:hover
{
color: #C0C3AE;
}

.wrapperDivToolbar
{
padding-top:30px;
/*height:106px;*/
background-color:black;
width:962px;
margin: 0 auto;
}

.wrapperDivToolbarButtonsLeft
{
	float:left;	
}

.wrapperDivToolbarButtonsMiddle
{
color:white;
float:left;
font-size:10px;
width: 525px;
/*margin-left: 10px;*/
/*padding-left:20px;	*/
}

.wrapperDivToolbarButtonsRight
{
	float:right;
	margin-right:5px;	
}

.wrapperDivToolbarButton
{
	float:left;	
	background: url(images/addButton.png);
	background-position: top left;
	background-repeat:no-repeat;
	width: 100px;
	height: 101px;
	color: White;
	position: relative;
	cursor: pointer;
	margin-left:5px;
}

.wrapperDivToolbarButton .addWord 
{
position: absolute;
bottom: 10px;
width: 100%;
}

.wrapperDivToolbarButton .addWord span 
{
background: url(images/addArrow.png);
background-repeat: no-repeat;
background-position: 100% 64%;
margin-left:10px;
padding:0 18px;
font-size: 13px;
color: #9E9E9E;
}

.wrapperDivToolbarButtonExtendedPanel
{	
	/* this z-index is not ok, but the theme is making trouble without it. Please remove it when the theme will be fixed*/
	z-index:5000;
	position:absolute;
	width:200px;
	height: 234px;
	background-color:#323232;
	display:none;
	padding: 10px 10px 20px 10px;
	/*top: 0px;*/
}

.wrapperDivToolbarButtonExtendedPanel h1 
{
color: #E4E4E4;
font-size: 20px;
font-weight: bold;
margin:13px 0;
}

.wrapperDivToolbarButtonExtendedPanel a 
{
color: #9E9E9E;
font-size: 14px;
}

.wrapperDivToolbarButtonExtendedPanel a:hover
{
color: white;
}

.wrapperDivToolbarButtonExtendedPanel li 
{
margin-bottom:8px;
color: #9e9e9e;
list-style-type: none;
}

.wrapperDivToolbarButton 
{
float: left;
}

.wrapperDivToolbarButton span 
{
float: left;
bottom:0px;
position:absolute;
right:27px;
color:#9E9E9E;
font-size:13px;
}

.wrapperDivToolbarButtonPreviewMode
{
height:100%;
background-color:Orange;
background: url(images/previewButton.png);
background-position: top left;
background-repeat: no-repeat;
width: 100px;
height: 101px;
position: relative;
text-align: center;
}

.wrapperDivToolbarButtonPreviewMode span 
{
bottom:10px;
position:absolute;
right:27px;
color:#9E9E9E;
font-size:13px;
}

.wrapperDivToolbarButtonAdminMode 
{
float: left;
background: url(images/adminButton.png);
background-position: top left;
background-repeat: no-repeat;
width: 100px;
height: 101px;
position: relative;
}

.wrapperDivToolbarButtonAdminMode span 
{
bottom:10px;
position:absolute;
right:13px;
color:#9E9E9E;
font-size:13px;
}

.divClickableToolbarButton
{
	height: 100%;
	background-color: Lime;
	background-position: left top;
	background-repeat: no-repeat;
	width: 100px;
	height: 101px;
	position: relative;
	text-align: center;
	margin-right: 5px;	
}

.divClickableToolbarButton span 
{
bottom:10px;
position:absolute;
right:0px;
color:#9E9E9E;
font-size:13px;
width: 100px;
}

.SelectedBackOfficeMenu
{	
	color: Black;
	background-color: Silver;
	padding: 2px;
}

.hiddenBackOfficeMenu
{
	display:none;
}


/**********MENU************/

.wrapperDivBackOfficeMenu .AspNet-Menu-Horizontal 
{
margin: 0 auto;
width: 962px;
text-align: left;
}

.wrapperDivBackOfficeMenu ul.AspNet-Menu,
.wrapperDivBackOfficeMenu .AspNet-Menu ul{
padding: 0;
cursor: default;
list-style-type: none;
display: inline;
font-size:12px;
font-weight:bold;
background-color:Transparent !important;
}

.wrapperDivBackOfficeMenu ul.AspNet-Menu
{
display: table !important;
width:909px;
table-layout: fixed;
text-align:left;
margin: 0 auto !important;

}

.wrapperDivBackOfficeMenu ul.AspNet-Menu>li
{
display: table-cell;
position: relative;
color: #888888;
padding: 6px 15px 6px 0px;
white-space:nowrap;
width: 100px;
}

.wrapperDivBackOfficeMenu ul.AspNet-Menu>li:hover 
{
background-color: #2e2e2e;
width: 100px;
}

.wrapperDivBackOfficeMenu ul.AspNet-Menu li a 
{
padding: 6px 17px 6px 15px;
display: block;
width: 83px;
height: 20px;
}

.wrapperDivBackOfficeMenu ul.AspNet-Menu li a:hover
{
padding: 6px 17px 6px 15px;
background-color: #2e2e2e;
}

.wrapperDivBackOfficeMenu ul.AspNet-Menu ul 
{
display: block !important;
}

/******sub******/

.wrapperDivBackOfficeMenu ul.AspNet-Menu li>ul
{
/*Make the sub list items invisible*/
position: absolute;
width: 80px;
top:30px;
left:0px;
text-align:left;
}

.wrapperDivBackOfficeMenu ul.AspNet-Menu li>ul li 
{
display: block;
width: 83px;
}

.wrapperDivBackOfficeMenu ul.AspNet-Menu li:hover>ul
{
/*When hovered, make them appear*/
display : block;
}

.wrapperDivBackOfficeMenu .AspNet-Menu ul li a
{
/*Make the hyperlinks as a block element, sort of a hover effect*/
display: block;
}

.wrapperDivBackOfficeMenu .AspNet-Menu ul li span
{
/*Make the hyperlinks as a block element, sort of a hover effect*/
display: block;
padding: 6px 17px 6px 15px;
}


/*** Menu colors (customizable) ***/

.wrapperDivBackOfficeMenu ul.AspNet-Menu,
.wrapperDivBackOfficeMenu .AspNet-Menu ul,
.wrapperDivBackOfficeMenu .AspNet-Menu ul li a{
	background-color: black;
	color: #888888 !important;
	width: 100%;
}

.wrapperDivBackOfficeMenu ul.AspNet-Menu li:hover,
.wrapperDivBackOfficeMenu .AspNet-Menu ul li a:hover{
	color: white !important;
}

.wrapperDivBackOfficeMenu ul.AspNet-Menu li:active,
.wrapperDivBackOfficeMenu .AspNet-Menu ul li a:active{
	color: #ffffff;
}

.wrapperDivBackOfficeMenu .AspNet-Menu-Selected 
{
background-image: url(images/menu-selected.png);
background-repeat: repeat-x;
padding-right:19px !important;
}

.howToUseBackOffice 
{
width: 200px !important;
}

.howToUseBackOffice a 
{
width: 183px !important;
}

.test 
{
background-color: #2e2e2e;
}

.test3 a:hover, li.test3 li:hover 
{
background-color: #2e2e2e;
}

/*********END-MENU**********/


/***********CRM START ************/

.panelHolder,.panelHolder1,.panelHolder2,.panelHolder3,.panelHolderNew
{
position:absolute;
left:72%;
background-color:#333;
color:#fff;
padding: 0px;
border:1px solid #444;	
font-size:12px;
font-family:Trebuchet MS;
}
.panelHolder table td,.panelHolder1 table td,.panelHolder2 table td,.panelHolder3 table td    
{
padding:3px 10px;	
}

/***********END_CRM **************/

/*********DASHBOARD-BOXES***********/

.help 
{
background: url(images/bgHelp.png);
background-repeat: no-repeat;
background-position: top left;
width: 266px;
height: 342px;
float: right;
}

.help .inside 
{
padding: 10px 10px 10px 15px;
}

.help h1 
{
color: #919191;
font-size: 16px;
font-weight: bold;
margin: 10px 0 5px 0px;
}

.help .text 
{
color: #919191;
font-size: 11px;
margin: 10px 0 15px 0px;
}

.help .guidedTourButton 
{
background: url(images/guidedTourButton.png);
background-position: 0 0;
background-repeat: no-repeat;
width: 230px;
height: 51px;
text-align: center;
display: table-cell;
vertical-align: middle;
}

.help .guidedTourButton a 
{
color: White;
font-size: 14px;
font-weight: bold;
text-decoration: none;
}


.ecommerce 
{
background: url(images/bgEcommerce.png);
background-repeat: no-repeat;
background-position: top left;
width: 266px;
height: 172px;
float: left;
margin-bottom:7px;
}

.ecommerce .inside 
{
padding: 10px 10px 10px 15px;
}

.ecommerce h1 
{
color: #919191;
font-size: 16px;
font-weight: bold;
margin: 10px 0 5px 0px;
}

.ecommerce .text 
{
color: #919191;
font-size: 12px;
margin: 10px 0 15px 0px;
}

.ecommerce .manageEcommerceButton 
{
background: url(images/manageEcommerceButton.png);
background-repeat: no-repeat;
background-position: top left;
width: 231px;
height: 22px;
display: table-cell;
text-align: center;
vertical-align: middle;
color: White;
font-size: 14px;
font-weight: bold;
float: left;
padding-top: 3px;
margin-top: 5px;
}

.ecommerce .pendingOrdersButton  
{
background: url(images/pendingOrdersButton.png);
background-repeat: no-repeat;
background-position: top left;
width: 135px;
height: 23px;
display: table-cell;
text-align: center;
vertical-align: middle;
margin-right: 5px;
float: left;
padding-top: 3px;
}

.ecommerce .manageButton 
{
background: url(images/manageButton.png);
background-repeat: no-repeat;
background-position: top left;
width: 75px;
height: 22px;
display: table-cell;
text-align: center;
vertical-align: middle;
color: White;
font-weight: bold;
float: right;
padding-top: 3px;
}

.ecommerce .bothButton 
{
margin: 5px 5px 5px 0;
width:220px;
}


.statistics 
{
background: url(images/bgEcommerce.png);
background-repeat: no-repeat;
background-position: top left;
width: 266px;
height: 172px;
float: left;
}

.statistics .inside 
{
padding: 10px 10px 10px 15px;
}

.statistics h1 
{
color: #919191;
font-size: 16px;
font-weight: bold;
margin: 10px 0 5px 0px;
}

.statistics .text 
{
color: #919191;
font-size: 12px;
margin: 10px 0 5px 0px;
}

.statistics .text ul 
{
margin: 0;
padding: 0px;
}

.statistics .text li.upload 
{
background: url(images/upload.png);
background-position: 0 5px;
background-repeat: no-repeat;
padding-left: 15px;
list-style-type: none;
margin: 0px 0 5px 0;
padding-bottom: 3px;
padding-top:3px;
}

.statistics .text li.download 
{
background: url(images/download.png);
background-position: 0 5px;
background-repeat: no-repeat;
padding-left: 15px;
list-style-type: none;
margin: 0px 0 5px 0;
padding-bottom: 3px;
padding-top:3px;
}


.manageSite 
{
background: url(images/bgManagesite.png);
background-repeat: no-repeat;
background-position: top left;
width: 390px;
height: 350px;
float: left;
}

.manageSite .inside 
{
padding: 10px 10px 10px 15px;
}

.manageSite h1 
{
color: #919191;
font-size: 16px;
font-weight: bold;
margin: 10px 0 5px 0px;
}

.manageSite .text 
{
color: #919191;
font-size: 12px;
margin: 10px 0 15px 0px;
}

.manageSite .text ul 
{
margin: 0;
padding: 0px;
}

.manageSite .text li 
{
background: url(images/plus.png);
background-position: 0 8px;
background-repeat: no-repeat;
padding-left: 15px;
list-style-type: none;
margin: 0px 0 5px 0;
border-bottom: 1px solid #212121;
padding-bottom: 3px;
padding-top:6px;
}

.manageSite .text li.upload 
{
background: url(images/upload.png);
background-position: 0 8px;
background-repeat: no-repeat;
padding-left: 15px;
list-style-type: none;
margin: 0px 0 5px 0;
border-bottom: 1px solid #212121;
padding-bottom: 3px;
padding-top:6px;
}

.manageSite .text a 
{
color: #919191;
font-size: 12px;
text-decoration: none;
}

.crm 
{
background: url(images/bgManagesite.png);
background-repeat: no-repeat;
background-position: top left;
width: 390px;
height: 350px;
float: left;
margin-top: 10px;
}

.crm .inside 
{
padding: 10px 10px 10px 15px;
}

.crm h1 
{
color: #919191;
font-size: 16px;
font-weight: bold;
margin: 10px 0 5px 0px;
}

.crm .text 
{
color: #919191;
font-size: 12px;
margin: 10px 0 15px 0px;
}

.btns 
{
clear:both;
margin:0 auto;
width:200px;
}

.btns .manageEcommerceButton 
{
background: url(images/manageEcommerceButton.png);
background-repeat: no-repeat;
background-position: top left;
width: 231px;
height: 22px;
display: table-cell;
text-align: center;
vertical-align: middle;
color: White;
font-size: 14px;
font-weight: bold;
float: left;
padding-top: 3px;
margin-top: 5px;
}

.btns .manageEcommerceButton a 
{
color: White;
text-decoration: none;
}

.btns .sitePreviewButton 
{
background: url(images/sitePreviewButton.png);
background-position: 0 0;
background-repeat: no-repeat;
width: 230px;
height: 44px;
text-align: center;
display: table-cell;
vertical-align: middle;
float: left;
padding-top: 17px;
margin-top: 5px;
}

.btns .sitePreviewButton a 
{
color: White;
font-weight: bold;
font-size: 14px;
text-decoration: none;
}

.wpzNavMenu 
{
margin-top: 15px;
}

.wrapperWidgetHolders 
{
clear:both;
margin-left:10px;
padding-bottom:5px;
padding-right:10px;
padding-top:10px;
}


/*********CRM-PAGE**********/

.crmTable 
{
border:1px solid #454545;
color: White;
border-collapse: collapse;
}

.crmTable th 
{
background-color: #242424;
height: 31px;
}

.crmTable tr 
{
border:1px solid #454545;
background-color: #1c1c1c;
height: 31px;
}

.crmTable td 
{
border-top:1px solid #454545;
border-bottom:1px solid #454545;
}

/*********END-CRM-PAGE**********/

/*********ADD-CONTACT-CRM-PAGE**********/

.lblKategoryLabel 
{
color: White;
font-size: 28px;
font-weight: bold;
display: block;
margin-bottom: 20px;
}

.divTableHolder 
{
width: 430px; 
float: left; 
border-top: 1px solid #454545;
border-left: 1px solid #454545;
border-right: 1px solid #454545;
display: table;
border-collapse: collapse;
margin-right: 10px;
color: #8b8b8b;
background-color: #242424;
}

.divRowHolder 
{
border-bottom: 1px solid #454545;
height: 31px;
display: table-row;
vertical-align: middle;
}

.divRowHolder span 
{
float: left;
width: 165px;
margin-top:6px;
margin-left: 10px;
}

.divRowHolder input[type="text"] 
{
width:237px !important;
margin-top:4px;
}

.divRowHolder select 
{
width:243px !important;
margin-top:4px;
}


/*********END-ADD-CONTACT-CRM-PAGE**********/

/******ORANGE-BUTTON********/

.buttonOrangeLeft 
{
background: url(images/buttonOrangeLeft.png);
background-repeat: no-repeat;
background-position: 0 0;
width: 7px;
height: 22px;
float: left;
}

.buttonOrangeMiddle 
{
background: url(images/buttonOrangeMiddle.png);
background-repeat: repeat-x;
background-position: 0 0;
height: 22px;
float: left;
text-align: center;
padding-top: 3px;
color: White;
font-weight: bold;
}

.buttonOrangeRight 
{
background: url(images/buttonOrangeRight.png);
background-repeat: no-repeat;
background-position: 0 0;
width: 7px;
height: 22px;
float: left;
}

.btnOrange75px 
{
background: url(images/orange75px.png);
background-repeat: no-repeat;
background-position: 0 0;
width: 75px;
height: 22px;
border: none;
color: White;
font-weight: bold;
cursor:pointer;
}

.btnOrange110px 
{
background: url(images/orange110px.png);
background-repeat: no-repeat;
background-position: 0 0;
width: 110px;
height: 22px;
border: none;
color: White;
font-weight: bold;
cursor:pointer;
}

.btnOrange140px 
{
background: url(images/orange140px.png);
background-repeat: no-repeat;
background-position: 0 0;
width: 140px;
height: 22px;
border: none;
color: White;
font-weight: bold;
cursor:pointer;
}

.btnOrange155px 
{
background: url(images/orange155px.png);
background-repeat: no-repeat;
background-position: 0 0;
width: 155px;
height: 22px;
border: none;
color: White;
font-weight: bold;
cursor:pointer;
}

.btnOrange180px 
{
background: url(images/orange180px.png);
background-repeat: no-repeat;
background-position: 0 0;
width: 180px;
height: 22px;
border: none;
color: White;
font-weight: bold;
cursor:pointer;
}






/******END-ORANGE-BUTTON********/

/*********E-COMMERCE-PRODUCTS***********/

.eCommerceProducts 
{
color: Black;
}

.eCommerceProducts .productsText  
{
padding: 0 10px;
}

.eCommerceProducts .productsText h1 
{
color: Black;
font-size: 16px;
margin: 0;
padding: 0px;
}

.eCommerceProducts .productsText a 
{
color: Black;
font-size: 16px;
margin: 0;
padding: 0px;
}

.eCommerceProducts .productsText .buyButton 
{
clear: both;
float: right;
background-color: White;
padding: 5px;
position: absolute;
right: 0;
bottom: 0;
}

/***********MyAccount-PAGE**********/

.transparentBg 
{
/*width: 60%; */
}

.transparentBg .title {
color:White;
display:block;
font-size:28px;
font-weight:bold;
margin-bottom:20px;
}



.myAccount 
{
border:1px solid #454545;
color: White;
}

.myAccount th 
{
background-color: #242424;
height: 31px;
}

.myAccount tr 
{
border:1px solid #454545;
background-color: #1c1c1c;
height: 31px;
}

.myAccount td 
{
border-top:1px solid #454545;
border-bottom:1px solid #454545;
background-color: #1c1c1c;
padding: 0 10px;
}

.myAccount .first 
{
width: 150px;
background-color: #242424;
}

.myAccount .second 
{
width: 450px;
background-color: #242424;
}

.myAccount table.checkboxlistrolesjquery td 
{
border: none;
padding: 0;
background-color: #242424;
}

.myAccount table.checkboxlistrolesjquery tr 
{
height: 20px;
}

.adminUsers .fieldsetLeft 
{
width: 655px;
}

.adminUsersUsers 
{
width: 657px;
clear: both;
border-collapse:collapse;
border:1px solid #454545;
color: White;
margin: 10px 0 0 10px;
}

.adminUsersUsers th 
{
background-color: #242424;
height: 31px;
text-align: left;
padding: 0 10px;
}

.adminUsersUsers tr 
{
border:1px solid #454545;
background-color: #1c1c1c;
height: 31px;
}

.adminUsersUsers td 
{
border-top:1px solid #454545;
border-bottom:1px solid #454545;
background-color: #1c1c1c;
padding: 0 10px;
}

.adminUsersEdit 
{
text-align: center !important;
}

/**********E-COMMERC-PAGE**********/

.eCommercProducts h1 
{
color:White;
font-size:28px;
font-weight:bold;
margin: 10px 0;
padding:0;
}

.eCommercProducts .myAccount 
{
width: 650px;
}

/**********MANAGE-MENU-PAGE**********/

.sectionList ul 
{
margin: 0 0 10px 0;
padding: 0;
border:1px solid #454545;
border-bottom:0px solid #454545;
/*width: 300px;*/
}

.sectionList li 
{
list-style-type: none;
margin: 0;
padding: 5px 10px;
background-color:#242424;
border-bottom:1px solid #454545;
}

.fieldsetLeft .titleLabelOrange 
{
color: White;
}

/*******MANAGE-AFFILIATE-GROUPS********/


.mag
{
border:1px solid #454545;
color: White;
}

.mag th 
{
background-color: #242424;
height: 31px;
padding: 0 10px;
}

.mag tr 
{
border:1px solid #454545;
background-color: #1c1c1c;
height: 31px;
}

.mag td 
{
border-top:1px solid #454545;
border-bottom:1px solid #454545;
background-color: #1c1c1c;
padding: 0 10px;
}

.mag .first 
{
width: 150px;
background-color: #242424;
}

.mag .second 
{
width: 450px;
background-color: #242424;
}

/*
###################################
######Reorder List START###########
###################################

*/
.dragHandle
{
	width: 10px;
	height: 15px;
	background: transparent url(../../Images/reorderListDragHandle.png);
	background: #8b6410;
	cursor: move;
	margin-right: 5px;
	border: outset thin white;
}



.callbackStyle
{
	border: thin blue inset;
}

.callbackStyle table
{
	background-color: #5377A9;
	color: Black;
}
.reorderListDemo
{
	padding: 10px;
	clear: both;
	border: thin solid #FE9600;
	display: block;
	float: none;
	width: 480px;
	margin: auto;
}

.reorderListDemo li
{
	list-style: none;
	margin: 5px;
	padding-left: 15px;
	color: #A84B08;
	font-family: Trebuchet MS;
}

.reorderListDemo li a
{
	color: #A84B08 !important;
	font-weight: bold;
	padding-left: 10px;
	margin: 5px;
	display: block;
}

.reorderCue
{
	border: dashed thin black;
	width: 100%;
	height: 25px;
	list-style: none;
}

.itemArea
{
	margin-left: 15px;
	font-size: 1em;
	text-align: left;
}
/*
###################################
######Reorder List  END###########
###################################

*/

/*.manageUsersHolder td 
{
padding: 2px 0px;
}*/