/********************************************************/
/* Standard Style Sheet for EvenTech 					*/
/* Copyright 2002 by MSO.net 							*/
/* By Andrew Dixon 										*/
/* 					 									*/
/* File Created on 23rd December 2002					*/
/* Last Edited on 23rd December 2002					*/
/********************************************************/

/* Tag Styles */
A
{
		color			: #797879;
	font-family					: arial, sans-serif; 
	font-size  					: 10pt;
	font-weight					: bold;
	text-decoration				: none;
}

A:hover
{
		color			: #797879;
	font-family					: arial, sans-serif; 
	font-size  					: 10pt;
	font-weight					: bold;
	text-decoration				: underline;
}

BODY
{
	scrollbar-3dlight-color		: #000000;
	scrollbar-arrow-color		: #000000;
	scrollbar-darkshadow-color	: #FFFFFF;
	scrollbar-face-color		: #BDC3C6;
	scrollbar-highlight-color	: #FFFFFF;
	scrollbar-shadow-color		: #000000;
	scrollbar-track-color		: #EFEFEF;
	color						: #666666;
	font-family: Arial, sans-serif;
	font-size: 12px;
}
p
{
		color			: #797879;
}
TD
{
	font-family					: arial, sans-serif; 
	font-size  					: 10pt;
}

textarea, select, input
{
	font-family					: arial, sans-serif;
	font-size					: 10pt;
}
	
.loginIntroText
{
	color: #666666;
	font-size: 15px;
}
.loginLabel
{
	color: #999999;
	font-size: 12px;
}

.quicklinksMain
{
	padding : 1px 0px 1px 0px;
	border-top: 1px dotted black;
	font-weight: bold;
}
.HeaderBar
{
	height: 33px;
	background-image: url('../portal/images/admin_headerBar.gif');
	background-repeat:no-repeat;
}
.HeaderBarTitleLeft
{
	float: left;
	width: 600px;
	color: #666666;
	font-size: 14px;
	padding-left: 30px;
}
.HeaderBarTitleRight
{
	float: right;
	padding-right: 30px;
}
.HeaderBarTitleRight a, .HeaderBarTitleRight a:visited
{
	color: #666666;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}
.HeaderBarTitleRight a:hover
{
	color: #666666;
	font-size: 12px;
	font-weight: normal;
	text-decoration: underline;
}

.portalLogout
{
	padding-right: 25px;
	color: #f82020;
	font-size: 12px;
}
.portalLogout a, .portalLogout a:visited
{
	color: #666666;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}

.portalLogout a:hover
{
	color: #666666;
	font-size: 12px;
	font-weight: normal;
	text-decoration: underline;	
}
.mainmenuLink, .mainmenuLink a, .mainmenuLink a:visited
{
	color: #999999;
	font-size: 12px;
	font-weight: normal;
}
.mainmenuLink a:hover
{
	color: #333333;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}
.mainmenuLinkOn a, .mainmenuLinkOn a:visited
{
	color: #333333;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}
.CMS_submenu
{
	height: 17px;
	padding-left: 53px;
}
.CMS_submenu a, .CMS_submenu a:visited
{
	color: #666666;
	font-weight: normal;
	text-decoration: none;
}
.CMS_submenu a:hover
{
	color: #333333;
	font-weight: normal;
	text-decoration: underline;
}
.CMS_MenuLine
{
	border-top: 1px dotted #666666;
	border-bottom: 1px dotted #666666;
	padding: 5px 5px 5px 5px;
}
/**********************************************************/
/*           CLASSES FOR HEADINGS                          */

.section-headings {
	background-color			: #DADBDB;
	border-top					: 1px solid #000000;
	border-bottom				: 1px solid #000000;
	color 						: #000000;
	font-weight 				: bold;
	letter-spacing				: 5px;
}
.sub-headings
{
	border-top					: 1px solid #000000;
	border-bottom				: 1px solid #000000;
	color 						: black;
	font-family					: arial, sans-serif; 
	font-size  					: 10pt;
	font-weight 				: bold;
}


/**********************************************************/
/*           CLASSES FOR FORM FIELDS                       */

.smalltextField
{
	width: 100 px;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	color			: #000000;
}

.textField
{
	width: 200 px;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	color			: #000000;
}
.longtextField
{
	width: 300 px;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	color			: #000000;
}
.extralongtextField
{
	width: 500 px;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	color			: #000000;
}
.textareaNavigationField
{
	width: 600px;
	height: 500px;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	color			: #000000;
}
.textareaMetatagsField
{
	width: 200px;
	height: 70px;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	color			: #000000;
}

.thumbNailView {
	background-color			: #FFFFFF;
	border-top					: 1px solid #000000;
	border-left					: 1px solid #000000;
	border-right				: 2px solid #000000;
	border-bottom				: 2px solid #000000;
	height						: 103px;
	vertical-align				: middle;
	width						: 103px;
}

.thumbText {
	font-size					: 8pt;
}


/**********************************************************/
/*           CLASSES FOR TEXT                             */

.arial-red
{
	color 						: red;
	font-family					: arial, sans-serif; 
}

.arial-red-bold
{
	color						: red;
	font-family					: arial, sans-serif; 
	font-size					: 10pt;
	font-weight					: bold;
}

.arial-small
{
	color						: black;
	font-family					: arial, sans-serif; 
	font-size					: 8pt;
}

.arial-very-small
{
	color						: black;
	font-family					: arial, sans-serif; 
	font-size					: 8pt;
}
.errorMessage {
	font-family					: arial, sans-serif; 
	font-size  					: 8pt;
	color						: #CC0000;
	padding						: 6px;
	cursor						: hand;
}

/**********************************************************/
/*           CLASSES FOR BUTTONS                           */

.sButton
{
	background					: #B5B6B6;
	border						: 1px solid #000000;
	color						: #000000;
	cursor						: hand;
	cursor						: pointer;
	font-family					: arial,sans-serif;
	font-size					: 11px;
	font-weight					: bold;
	height						: 22px;
	text-decoration				: none;
}

/**********************************************************/
/*           CLASSES FOR MANAGERS                          */

.treeSpacer {
	background-image			: url('/portal/images/tree_background.gif');
	background-repeat			: repeat-x;
	background-position			: center ;
	width						: 6px;
}

.treeImageSection {
	background-image			: url('/portal/images/tree_down_background.gif');
}

.treeRow {
	padding						: 0px;
	margin						: 0px;
	/*height						: 18px; pb in Firefox*/
}
.treeLine {
	padding						: 0px 0px 1px 0px;
	/*border: 1px solid red;*/
}

.treeItemOff {
	color						: #000000;
	background-color			: #FFFFFF;
	cursor						: hand;
	cursor						: pointer;
	font-family					: arial, sans-serif; 
	font-size  					: 10pt;
	padding						: 0px;
	margin						: 0px;
}

.treeItemOn {
	color						: #FFFFFF;
	background-color			: #0A246A;
	cursor						: hand;
	cursor						: pointer;
	padding						: 0px;
	margin						: 0px;
}

.itemHeader {
	background-color			: #D4D0C8;
	border-top					: 1px solid #FFFFFF;
	border-bottom				: 2px solid #808080;
	border-left					: 1px solid #FFFFFF;
	border-right				: 2px solid #808080;
	color						: #000000;
	font-family					: arial, sans-serif; 
	font-size  					: 8pt;
	padding-left				: 5px;
	padding-right				: 5px;
	cursor						: hand;
	cursor						: pointer;
}

.itemRow {
	border-bottom				: 1px solid #000000;
}

.listRow {
	font-family					: arial, sans-serif; 
	font-size  					: 8pt;
	padding-left				: 6px;
	padding-right				: 6px;
	cursor						: hand;
	cursor						: pointer;
}

.listRow A, .listRow A:hover {
	font-family					: arial, sans-serif; 
	font-size  					: 8pt;
	cursor						: hand;
	cursor						: pointer;
}
.firstListRow {
	padding-left				: 2px;
	padding-top					: 1px;
	padding-bottom				: 1px;
	cursor						: hand;
	cursor						: pointer;
}

.listName {
	font-family					: arial, sans-serif; 
	font-size  					: 8pt;
}

.itemRowOff {
	background-color			: #FFFFFF;
	color						: #000000;
	cursor						: hand;
	cursor						: pointer;
}

.itemRowOn {
	background-color			: #0A246A;
	color						: #FFFFFF;
	cursor						: hand;
	cursor						: pointer;
}
.itemRowSuspendedOff {
	background-color			: #FF0000;
	color						: #FFFFFF;
}

.itemRowSuspendedOn {
	background-color			: #CC0000;
	color						: #FFFFFF;
	cursor						: hand;
	cursor						: pointer;
}

.toolbar {
	background-color			: #DBD8D1;
	height						: 30px;
	padding-left				: 2px;
}

.toolButtonOff {
	background-color			: ##DBD8D1;
	border						: 1px solid #DBD8D1;
	padding						: 3px;
}

.toolButtonOn {
	background-color			: #B6BDD2;
	border						: 1px solid #0A246A;
	cursor						: hand;
	cursor						: pointer;
	padding						: 3px;
}
.itemOff {
	background-color			: #FFFFFF;
	color						: #000000;
	padding						: 0px 2px 0px 2px;
	cursor						: hand;
	cursor						: pointer;
}

.itemOn {
	color						: #FFFFFF;
	background-color			: #0A246A;
	padding						: 0px 2px 0px 2px;
	cursor						: hand;
	cursor						: pointer;
}

.suspendedRowOff {
	background-color			: #FF6666;
	color						: #000000;
}

.suspendedRowOn {
	color						: #FFFFFF;
	background-color			: #0A246A;
	cursor						: hand;
	cursor						: pointer;
}

/**********************************************************/
/*           CLASSES FOR SHOP MANAGER                      */

.productShortDescription {
	overflow					: hidden;
	width						: 300px;
	text-wrap: none;
}

.productTitle {
	overflow					: hidden;
	width						: 0px;
}

.homePageImageBox {
	border						: 1px solid black;
	padding						: 30px;
}

/**********************************************************/
/*           CLASSES FOR sortable                         */

span.handle {
	border: 1px solid black;
	color:black;
	cursor: move;
	padding-left: 5px;
	padding-right: 5px;
}
.sortabledemo
{
  padding:10px;
  width:400px;
  text-align:center;
  border:1px solid black;
}
ul.sortablelist {
  list-style-image:none;
  list-style-type:none;
  margin:5px 0px 5px 0px;
}

ul.sortabledemo li {
	padding: 0px;
	margin: 0px;
	font-family: Arial;
	list-style-type: none;
	text-align: left;
}

/**********************************************************/
/*           CLASSES FOR sortable                         */
.questionnaireQuestion
{
	width: 100%;
	border: 1px solid #000000;
	padding-top: 5px;
	padding-bottom: 5px;
}

.shopDescriptionColumn {
	width: 300px;
	overflow: hidden;
	text-wrap: none;

}