/*********************************************************************

			1. BACKGROUND

**********************************************************************/

body {
	background-color:  #dfeaf4!important;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	margin: 0px;
	background-image: url("../images/background/stripe_background.gif");
}


/**************************************************************************************************************** 

			2. HEADER BAR 
					
*****************************************************************************************************************/
#header_bar{
	height: 72px;
	background: url(../images/admin/bg.jpg) repeat-x;
}
#header_logo{
	height: 72px;
	width: 175px;
	float: left;
	background: url(../images/admin/logo.jpg) no-repeat;
}
#header_buttons{
	height: 72px;
	width: 650px;
	float: left;
}
#header_buttons ul{
	height: 72px;
	margin-top: 0px;
	margin-left: 5px;
	padding-left: 0px;
}
#header_buttons ul li{
	float: left;
	width: 85px !important;
	height: 72px;
	list-style-type: none;
}
/*Fix to get Admin Centre working in Statistics pages*/
#header_buttons ul li a img{
	width: 85px !important;
}

/* Header Buttons */
.myHomeRO img{
	width: 208px;
	height: 72px;
	border: 0px;
} 
.myHomeRO a img{ 
	background-image: url(../images/admin/Home.jpg); 
	background-repeat: no-repeat;
} 
.myHomeRO a:hover img{ 
	background-image: url(../images/admin/Home.jpg);
	background-repeat: no-repeat;
	background-position: 0 -72px ;
}


.myInventoryRO img{
	width: 208px;
	height: 72px;
	border: 0px;
} 
.myInventoryRO a img{ 
	background-image: url(../images/admin/myInventory.jpg); 
	background-repeat: no-repeat;
} 
.myInventoryRO a:hover img{ 
	background-image: url(../images/admin/myInventory.jpg);
	background-repeat: no-repeat;
	background-position: 0 -72px ;
}

.myUsersRO img{
	width: 208px;
	height: 72px;
	border: 0px;
} 
.myUsersRO a img{ 
	background-image: url(../images/admin/myUsers.jpg); 
	background-repeat: no-repeat;
} 
.myUsersRO a:hover img{ 
	background-image: url(../images/admin/myUsers.jpg);
	background-repeat: no-repeat;
	background-position: 0 -72px ;
}

.myOnlineStoreRO img{
	width: 208px;
	height: 72px;
	border: 0px;
} 
.myOnlineStoreRO a img{ 
	background-image: url(../images/admin/myOnlineStore.jpg); 
	background-repeat: no-repeat;
} 
.myOnlineStoreRO a:hover img{ 
	background-image: url(../images/admin/myOnlineStore.jpg);
	background-repeat: no-repeat;
	background-position: 0 -72px ;
}

.myWebsitesRO img{
	width: 208px;
	height: 72px;
	border: 0px;
} 
.myWebsitesRO a img{ 
	background-image: url(../images/admin/myWebsites.jpg); 
	background-repeat: no-repeat;
} 
.myWebsitesRO a:hover img{ 
	background-image: url(../images/admin/myWebsites.jpg);
	background-repeat: no-repeat;
	background-position: 0 -72px ;
}

.myMarketingRO img{
	width: 208px;
	height: 72px;
	border: 0px;
} 
.myMarketingRO a img{ 
	background-image: url(../images/admin/myMarketing.jpg); 
	background-repeat: no-repeat;
} 
.myMarketingRO a:hover img{ 
	background-image: url(../images/admin/myMarketing.jpg);
	background-repeat: no-repeat;
	background-position: 0 -72px ;
}

.myStatisticsRO img{
	width: 208px;
	height: 72px;
	border: 0px;
} 
.myStatisticsRO a img{ 
	background-image: url(../images/admin/myStatistics.jpg); 
	background-repeat: no-repeat;
} 
.myStatisticsRO a:hover img{ 
	background-image: url(../images/admin/myStatistics.jpg);
	background-repeat: no-repeat;
	background-position: 0 -72px ;
}


#header_help{
	height: 72px;
	float: right;
	width: 72px;
}
#header_help img{
	width: 72px;
	height: 72px;
	border: 0px;
} 
#header_help a img{ 
	background-image: url(../images/admin/help.jpg); 
	background-repeat: no-repeat;
} 
#header_help a:hover img{ 
	background-image: url(../images/admin/help.jpg);
	background-repeat: no-repeat;
	background-position: 0 -72px ;
}
#header_logout{
	height: 72px;
	width: 85px;
	float: right;
}

.logoutBtnRO img{
	width: 85px;
	height: 72px;
	border: 0px;
} 
.logoutBtnRO a img{ 
	background-image: url(../images/admin/logout.jpg); 
	background-repeat: no-repeat;
} 
.logoutBtnRO a:hover img{ 
	background-image: url(../images/admin/logout.jpg);
	background-repeat: no-repeat;
	background-position: 0 -72px ;
}


/*****************************************************************************************************************

			3. Content

******************************************************************************************************************/

#content{
	margin-top: 0px;
	margin-left: 10px;
	margin-right: 10px;
}
#content_result{
	min-width: 960px;
	min-height: 650px;
}

/*****************************************************************************************************************

			4. General

******************************************************************************************************************/
/*Top Heading*/
.adminHeader{
	color: #276E9B;
	font-size: 26px;
	font-weight: bold;
	font-family: Arial;
}

a.adminHeader{
	color: #276E9B;
	font-size: 26px;
	font-weight: bold;
	font-family: Arial;
	text-decoration: none;
}
.adminHeader a:link{
	color: #276E9B;
	font-size: 26px;
	font-weight: bold;
	font-family: Arial;
	text-decoration: none;
}
.adminHeader a:hover{
	color: #276E9B;
	font-size: 26px;
	font-weight: bold;
	font-family: Arial;
}
.adminHeader a:visited{
	color: #276E9B;
	font-size: 26px;
	font-weight: bold;
	font-family: Arial;
	text-decoration: none;
}
.adminHeader a:active{
	color: #276E9B;
	font-size: 26px;
	font-weight: bold;
	font-family: Arial;
	text-decoration: none;
}

.admin_fill{
	background-image: url(../images/admin/headerFILL.jpg);
	background-repeat: repeat-x;
}


.bd ul{
 	margin:0px;
}

/* Heading */
.heading{   
	padding: 0px 0px 0px 5px;
	font-family: sans-serif, Helvetica, Arial;
	font-size: 14px;
	color: #000000;
	text-decoration: none;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
}

/* Sub Heading */
.subheading{  
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
}
.subheading a:link {  
	color: #000000; 
	text-decoration: none; 
	font-size: 12px;
}
.subheading a:visited{ 
	color: #000000; 
	text-decoration: none; 
	font-size: 12px;
}
.subheading a:active { 
	color: #000000; 
	text-decoration: none; 
	font-size: 12px;
}
.subheading a:hover {  
	color: #D64131; 
	text-decoration: none; 
	font-family: Helvetica, Arial, sans-serif; 
	font-size: 12px; 
	font-style: normal; 
	cursor: hand;
}

/* Text */
.text{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
}
.text a:link{
	color: #000000;
	text-decoration:none; 
	font-size: 10px;
}
.text a:visited {
	color: #000000;
	text-decoration:none; 
	font-size: 10px;
}
.text a:active {
	color: #000000;
	text-decoration:none; 
	font-size: 10px;
}
.text a:hover{
	color: #D64131;
	text-decoration: none;
	font-size: 10px;
}


/*Text  Boxes*/
.text input{
	text-align:left;
	background-color: #FFFFFF;
	border: 1px solid;
	border-color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

/*Text Area*/
textarea{
	text-align:left;
	background-color: #FFFFFF;
	border: 1px solid;
	border-color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

/*Combo boxes*/
select{
	text-align:left;
	background-color: #FFFFFF;
	border: grove 4px navy;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

/*Checkboxes and Radio Buttons*/
input{
	color: #000000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.link{
	border: 0px solid #FFFFFF;
	cursor: pointer;
}
 
/* Tables */
.border {
	border-bottom: 1px solid #AEB1B4;
    border-left: 1px solid #AEB1B4;
    border-right: 1px solid #AEB1B4;
}
.border-bottom{
	border-bottom: 1px solid #2282B5;
}
.border-right{
	border-right: 1px solid #2282B5;
}
.table {
	background-color: #ffffff;
	width: 100%;
	
	background-image: url("../images/background/panel_emboss.jpg");
	background-position: center bottom;
	background-repeat: repeat-x;
	padding-bottom: 10px;
}
.table td{
	padding:3px;
}

.tablenopad {
	background-color: #ffffff;
	width: 100%;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 0px;
}
.tablenopad td{
	padding: 0px;
}

.fieldshading{
	background-color: #DCEFF8;
}

.fieldshadingborder{
	border: 1px solid #2282B5;
}

.darkfieldshading{
	background-color: steelblue;
}

.adminBorder {
	border: 2px solid #2282B5;
}

.resultspacer{
	border-bottom-width:1px;
	border-bottom-color:#E0E0E0;
	border-bottom-style:solid;
}

/**********************************************************************************

			5. TABLE HEADERS
			
*************************************************************************************/
.mainHeader{
	background-color: #2282B5;
	background-image: url(../images/admin/main_bg.jpg);
	background-repeat: repeat-x;
	line-height: 22px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	text-decoration: none;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	border-bottom: 1px solid #2282B5;
}

.managerHeader{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18pt;
	color: #000000;
	text-decoration: none;
	font-style: normal;
	line-height: 28pt;
	font-weight: normal;
	font-variant: normal;
	padding-bottom: 5px;
}


.myInventoryHeader{
	background-color: #000000;
	background-image: url(../images/admin/myInventory_bg.jpg);
	background-repeat: repeat-x;
	line-height: 22px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	text-decoration: none;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	border-bottom: 1px solid #000000;
}

.myUsersHeader{
	background-color: #751177;
	background-image: url(../images/admin/myUsers_bg.jpg);
	background-repeat: repeat-x;
	line-height: 22px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	text-decoration: none;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	border-bottom: 1px solid #751177;
}

.myOnlineStoreHeader{
	background-color: #C45002;
	background-image: url(../images/admin/myOnlineStore_bg.jpg);
	background-repeat: repeat-x;
	line-height: 22px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	text-decoration: none;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	border-bottom: 1px solid #C45002;
}

.myWebsitesHeader{
	background-color: #2282B5;
	background-image: url(../images/admin/myWebsites_bg.jpg);
	background-repeat: repeat-x;
	line-height: 22px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	text-decoration: none;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	border-bottom: 1px solid #2282B5;
}

.myMarketingHeader{
	background-color: #8E3126;
	background-image: url(../images/admin/myMarketing_bg.jpg);
	background-repeat: repeat-x;
	line-height: 22px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	text-decoration: none;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	border-bottom: 1px solid #8E3126;
}

.myStatisticsHeader{
	background-color: #14CD13;
	background-image: url(../images/admin/myStatistics_bg.jpg);
	background-repeat: repeat-x;
	line-height: 22px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	text-decoration: none;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	border-bottom: 1px solid #14CD13;
	padding: 3px;
}

.lightfieldheader{
	background-image: url(../images/admin/lightMyUsers_bg.jpg);
	background-repeat: repeat-x;
}
.transparent{
	background: none;
}

.results{
	border: 1px solid #751177;
	width: 100%;
	padding: 0px;
}

/*****************************************************************************

			6. TABLE BORDERS
			
**********************************************************************************/
.myInventoryBorder {
	border-bottom: 1px solid #AEB1B4;
    border-left: 1px solid #AEB1B4;
    border-right: 1px solid #AEB1B4;
}

.myUsersBorder {
	border-bottom: 1px solid #AEB1B4;
    border-left: 1px solid #AEB1B4;
    border-right: 1px solid #AEB1B4;
}

.myOnlineStoreBorder {
	border-bottom: 1px solid #AEB1B4;
    border-left: 1px solid #AEB1B4;
    border-right: 1px solid #AEB1B4;
}

.myWebsitesBorder {
	border-bottom: 1px solid #AEB1B4;
    border-left: 1px solid #AEB1B4;
    border-right: 1px solid #AEB1B4;
}

.myMarketingBorder {
	border-bottom: 1px solid #AEB1B4;
    border-left: 1px solid #AEB1B4;
    border-right: 1px solid #AEB1B4;
}

.myStatisticsBorder {
	border-bottom: 1px solid #AEB1B4;
    border-left: 1px solid #AEB1B4;
    border-right: 1px solid #AEB1B4;
}


/****************************************************************************

			7. BUTTON SET
			
******************************************************************************/

/*Main Buttons*/
input.adminButton{
	color: black;
	font-weight: 600;
	font-family: Arial;
	font-size: 12px;
	text-align: center;
	cursor: pointer;
	background-image: url(../images/admin/btn_background.jpg); 
	background-repeat: repeat-x;
	border: 1px solid #AFAFB0;
	border-bottom: 1px solid #8f8f8f;
	padding: 2px 6px;
}
input.adminButton:hover {
	color: #575757;
	font-weight: 600;
	font-family: Arial;
	font-size: 12px;
	text-align: center;
	cursor: pointer;
	background-image: url(../images/admin/btn_background.jpg); 
	background-repeat: repeat-x;
	border: 1px solid #AFAFB0;
	border-bottom: 1px solid black;
	padding: 2px 6px;
}

/*My Inventory Buttons*/
input.myInventoryButton, button.myInventoryButton{
	color: black;
	font-weight: 600;
	font-family: Arial;
	font-size: 12px;
	text-align: center;
	cursor: pointer;
	background-image: url(../images/admin/btn_background.jpg); 
	background-repeat: repeat-x;
	border: 1px solid #AFAFB0;
	border-bottom: 1px solid #8f8f8f;
	padding: 2px 6px;
}
input.myInventoryButton:hover, button.myInventoryButton:hover  {
	color: #575757;
	font-weight: 600;
	font-family: Arial;
	font-size: 12px;
	text-align: center;
	cursor: pointer;
	background-image: url(../images/admin/btn_background.jpg); 
	background-repeat: repeat-x;
	border: 1px solid #AFAFB0;
	border-bottom: 1px solid black;
	padding: 2px 6px;
}

/*My Users Buttons*/
input.myUsersButton, button.myUsersButton{
	color: black;
	font-weight: 600;
	font-family: Arial;
	font-size: 12px;
	text-align: center;
	cursor: pointer;
	background-image: url(../images/admin/btn_background.jpg); 
	background-repeat: repeat-x;
	border: 1px solid #AFAFB0;
	border-bottom: 1px solid #8f8f8f;
	padding: 2px 6px;
}
input.myUsersButton:hover, button.myUsersButton:hover {
	color: #992cb9;
	font-weight: 600;
	font-family: Arial;
	font-size: 12px;
	text-align: center;
	cursor: pointer;
	background-image: url(../images/admin/btn_background.jpg); 
	background-repeat: repeat-x;
	border: 1px solid #AFAFB0;
	border-bottom: 1px solid #992cb9;
	padding: 2px 6px;
}

/*My Online Store Buttons*/
input.myOnlineStoreButton, button.myOnlineStoreButton{
	color: black;
	font-weight: 600;
	font-family: Arial;
	font-size: 12px;
	text-align: center;
	cursor: pointer;
	background-image: url(../images/admin/btn_background.jpg); 
	background-repeat: repeat-x;
	border: 1px solid #AFAFB0;
	border-bottom: 1px solid #8f8f8f;
	padding: 2px 6px;
}
input.myOnlineStoreButton:hover, button.myOnlineStoreButton:hover {
	color: #ec7801;
	font-weight: 600;
	font-family: Arial;
	font-size: 12px;
	text-align: center;
	cursor: pointer;
	background-image: url(../images/admin/btn_background.jpg); 
	background-repeat: repeat-x;
	border: 1px solid #AFAFB0;
	border-bottom: 1px solid #ec7801;
	padding: 2px 6px;
}

/*My Website Buttons*/
input.myWebsitesButton, button.myWebsitesButton{
	color: black;
	font-weight: 600;
	font-family: Arial;
	font-size: 12px;
	text-align: center;
	cursor: pointer;
	background-image: url(../images/admin/btn_background.jpg); 
	background-repeat: repeat-x;
	border: 1px solid #AFAFB0;
	border-bottom: 1px solid #8f8f8f;
	padding: 2px 6px;
}
input.myWebsitesButton:hover , button.myWebsitesButton:hover{
	color: #2b82b7;
	font-weight: 600;
	font-family: Arial;
	font-size: 12px;
	text-align: center;
	cursor: pointer;
	background-image: url(../images/admin/btn_background.jpg); 
	background-repeat: repeat-x;
	border: 1px solid #AFAFB0;
	border-bottom: 1px solid #2b82b7;
	padding: 2px 6px;
}

/*My Marketing Buttons*/
input.myMarketingButton, button.myMarketingButton{
	color: black;
	font-weight: 600;
	font-family: Arial;
	font-size: 12px;
	text-align: center;
	cursor: pointer;
	background-image: url(../images/admin/btn_background.jpg); 
	background-repeat: repeat-x;
	border: 1px solid #AFAFB0;
	border-bottom: 1px solid #8f8f8f;
	padding: 2px 6px;
}
input.myMarketingButton:hover, button.myMarketingButton:hover {
	color: #b22930;
	font-weight: 600;
	font-family: Arial;
	font-size: 12px;
	text-align: center;
	cursor: pointer;
	background-image: url(../images/admin/btn_background.jpg); 
	background-repeat: repeat-x;
	border: 1px solid #AFAFB0;
	border-bottom: 1px solid #b22930;
	padding: 2px 6px;
}

/*My Statistics Buttons*/
input.myStatisticsButton, button.myStatisticsButton{
	color: black;
	font-weight: 600;
	font-family: Arial;
	font-size: 12px;
	text-align: center;
	cursor: pointer;
	background-image: url(../images/admin/btn_background.jpg); 
	background-repeat: repeat-x;
	border: 1px solid #AFAFB0;
	border-bottom: 1px solid #8f8f8f;
	padding: 2px 6px;
}
input.myStatisticsButton:hover, button.myStatisticsButton:hover {
	color: #28a428;
	font-weight: 600;
	font-family: Arial;
	font-size: 12px;
	text-align: center;
	cursor: pointer;
	background-image: url(../images/admin/btn_background.jpg); 
	background-repeat: repeat-x;
	border: 1px solid #AFAFB0;
	border-bottom: 1px solid #28a428;
	padding: 2px 6px;
}

/*Bin */
.binRO img{ 
	width: 21px;
	height: 17px;
	border: 0px;
} 
.binRO a img{ 
	background-image: url(../images/icons/bin.gif); 
	background-repeat: no-repeat;
} 
.binRO a:hover img{ 
	background-image: url(../images/icons/bin.gif); 
	background-repeat: no-repeat;
	background-position: 0 -17px ;
}

.interfaceInformation {
  background-color:#E6E6E6;
  background-image: url(../images/icons/info.png); 
  background-repeat: no-repeat;
  border:3px solid #F5F5F5;
  padding-left:3em;
  padding-top:0.4em;
  padding-bottom:0.6em;
}

.interfaceInformation ul{
	padding-left: 1.5em;
	margin:0;
}

/****************************************************************************
		CONTENT MANAGEMENT
*****************************************************************************/
/* styles for the tree */
span.TreeviewSpanArea a {
	  font-size: 10pt; 
	  font-family: Arial, Helvetica, sans-serif; 
	  text-decoration: none;
	  color: black
}
span.TreeviewSpanArea a:hover {
	  color: #D64131;
}

.linkPanesContainer td{ 
	vertical-align:top;
}