.headerTable {
	BACKGROUND-IMAGE: 		url(/unilever-media/shared/images/banner_management.jpg);
	BACKGROUND-POSITION: 	right; 			
	BACKGROUND-REPEAT: 		no-repeat;
	border-collapse: 		collapse;
}
.headerCellLeft {
	BACKGROUND-IMAGE: 		url(/unilever-media/shared/images/logo.gif);
	BACKGROUND-POSITION: 	center;	
	BACKGROUND-REPEAT: 		no-repeat;
	vertical-align: 		bottom;
	text-align: 			center;
}
.headerCellRight {
	BACKGROUND-IMAGE: 		url(/unilever-media/shared/images/banner_management.jpg);
	BACKGROUND-POSITION: 	2px 0px;	
	BACKGROUND-REPEAT: 		no-repeat;
	vertical-align: 		bottom;
	text-align: 			right;
	font-size: 				11px;
	font-weight: 			bold;
}
.publicHeaderCellRight {
	BACKGROUND-IMAGE: 		url(/unilever-media/shared/images/banner_public.jpg);
	BACKGROUND-POSITION: 	2px 0px;	
	BACKGROUND-REPEAT: 		no-repeat;
	vertical-align: 		bottom;
	text-align: 			right;
	font-size: 				11px;
	font-weight: 			bold;
}

.footerTable {
	BACKGROUND-POSITION: 	top, left; 			
	BACKGROUND-REPEAT: 		no-repeat;
	border-collapse: 		collapse;
}


body {
	font-family: 	Verdana;
	font-size: 		12px;
	color:			#777777;
	background: 	#FFFFFF;
}

table {
	background-color: 	#FFFFFF;
	vertical-align: 	top;
}

td {
	vertical-align: 	top;
	font-size: 			12px;
	color:				#777777;
}

.lableFormColumn {
	vertical-align: 	top;
	width:				150px;
	color:				#666666;
	font-size:			12px;
	font-weight:		bold;
}
.valueFormColumn {
	vertical-align: 	top;
	width:				250px;
	color:				#7777777;
	font-size:			12px;
}

legend {
	color: 				#666666;	
	font-size:			14px;
	border:				1px solid #DDDDDD;
	background: 		#F7F7F7;
	padding-left: 		20px;
	padding-right: 		20px;
}

fieldset {
	color: 				#666666;	
	border:				1px solid #DDDDDD;
	padding-top: 		20px;
	padding-bottom: 	20px;
	padding-left: 		20px;
	padding-right: 		20px;	
	margin-top:			2px;
	margin-bottom:		10px;
	margin-left:		0px;
	margin-right:		0px;
	
}
.monitoringFieldSet {
	border-bottom:		0px;
	border-left:		0px;
	border-right:		0px;
}
	
.fieldSetGap {
	height:				5px;
}

.menuFieldSet {
	border-bottom:		0px;
	border-left:		0px;
	border-right:		0px;
	padding: 			4px;
}

img {
	border:				0px;	
}


.adminMenuSearchFormHeader {
	font-size:			12px;
	color:				#999999;
	margin:				2px;
	padding:			2px;
	height:				30;
}
.imageMenuCell {
	width: 				25px;
	text-align:			left;	
	vertical-align: 	bottom;
}
.textMenuCell {
	width: 				125px;
	font-size:			11px;
	font-weight:		bold;
	text-align:			left;
	vertical-align: 	bottom;
		
}
.firstMenuCell {
	width: 				10px;
}
.lastMenuCell {
	width: 				10px;
}

.navigationLocation {
	color: 			#999999;	
	font-size: 		11px;
}



.listHeaderRowMonitoring {
	background-color:	#F7F7F7;

}
.listHeaderCellMonitoring {
	border-top:			1px solid #CCCCCC;				
	border-bottom:		1px dotted #999999;
	color:				#555555;
	font-size:			13px;
	white-space: 		nowrap;
	text-align: 		center;
	background-color: 	#F7F7F7;
}

/* result list table */
.listTable {
	width:				100%;
	border:				1px solid #999999;
	padding-top: 		10px;
}
.listHeaderRow {
	background-color:	#EEEEEE;

}
.listHeaderCell {
	border-left:		1px dotted #999999;				
	border-right:		1px dotted #999999;
	border-top:			1px solid #999999;				
	border-bottom:		1px solid #999999;
	color:				#555555;
	font-size:			12px;
	white-space: 		nowrap;
	text-align: 		center;
	background-color: 	#F7F7F7;
}
.listRow {
				  			
}
.listCell {
	border-left:		1px dotted #999999;				
	border-right:		1px dotted #999999;
	border-top:			1px solid #999999;				
	border-bottom:		1px solid #999999;
	color:				#555555;
}


    
    


/* days left or days future */
.daysLeftZero {
	color:			red;
	font-weight: 	normal;
}
.daysLeftFuture {
	color:			green;
	font-weight: 	normal;
}
.daysLeftOneDayFuture {
	color:			orange;
	font-weight: 	normal;
}
.daysLeftOneDayPast {
	color:			red;
	font-weight: 	normal;
}
.daysLeftPast {
	color:			red;
	font-weight: 	bold;
}

textarea {
	color: 			#0E0E9A;
	font-size:		12px;
	border:			1px solid #999999;
	width:			300px;
	height:			80px;
}
.generalTextarea {
	color: 			#0E0E9A;
	font-size:		12px;
	border:			1px solid #999999;
	width:			250px;
	height:			120px;	
}
.contactTextarea {
	color: 			#0E0E9A;
	font-size:		12px;
	border:			1px solid #999999;
	width:			300px;
	height:			150px;	
}

.mediumTextarea {
	font-size:		11px;
	border:			1px solid #999999;
	width:			230px;
	height:			120px;
}
.smallTextarea {
	font-size:		11px;
	border:			1px solid #999999;
	width:			120px;				
	height:			40px;
}

.menuHeaderRow {
	border-top: 	1px solid #CCCCCC;
	border-bottom: 	1px dotted #999999;
	color:			#555555;
	font-size:		14px;
	width:			100%;
	background: 	#F7F7F7;
}

.welcomeAction {
	font-family:		Verdana, Arial;
	font-size: 			14px;
	color:				#555555;		
}
.action {
	font-family:		Arial;
	font-size: 			13px;
	color:				#999999;	
}
.actionAdvise {
	font-family:		Arial;
	font-size:			12px;
	color:				#999999;	
}
.indexHeaderRow {
	background-color: 	#D1DBEA;	
	font-family:		Arial;
	font-size: 			14px;
	height:				25px;
	color:				#0E0E9A;	
	border-collapse: 	collapse;	
}

.loginTable {
	border:				1px dotted #999999;	
}

.smallFooterText {
	font-family:		Arial;
	font-size:			11px;
	color:				#999999;	
}

/* general links */
a:link {
	color:				#000066;
	text-decoration:	none;
	font-size: 			12px;	
}
a:visited {
	color:				#000066;	/*#0E0E9A;*/
	text-decoration:	none;
	font-size: 			12px;	
}
a:hover {
	color:				#000066;
	cursor:				hand;
	text-decoration: 	underline;
	font-size: 			12px;
}
a:active {
	color:				#000066;
	text-decoration:	none;
	font-size: 			12px;	
}


/* header links*/
a.headerLink:link {
	color:				#000066;
	text-decoration:	none;
	font-size: 			12px;	
}
a.headerLink:visited {
	color:				#000066;
	text-decoration:	none;
	font-size: 			12px;	
}
a.headerLink:hover {
	color:				#000066;
	cursor:				hand;
	text-decoration: 	underline;
	font-size: 			12px;
}
a.headerLink:active{
	color:				#000066;
	text-decoration:	none;
	font-size: 			12px;	
}

/* menu links*/
a.textMenuCell:link {
	color:				#000066;
	text-decoration:	none;
	font-size: 			13px;	
}
a.textMenuCell:visited {
	color:				#000066;
	text-decoration:	none;
	font-size: 			13px;	
}
a.textMenuCell:hover {
	color:				#000066;
	cursor:				hand;
	text-decoration: 	underline;
	font-size: 			13px;
}
a.textMenuCell:active{
	color:				#000066;
	text-decoration:	none;
	font-size: 			13px;	
}


a.action:link {
	color:				#000066;
	text-decoration:	none;
	font-size: 			12px;	
}
a.action:visited {
	color:				#000066;
	text-decoration:	none;
	font-size: 			12px;	
}
a.action:hover {
	color:				#000066;
	cursor:				hand;
	text-decoration: 	underline;
	font-size: 			12px;
}
a.action:active {
	color:				#000066;
	text-decoration:	none;
	font-size: 			12px;	
}

hr { 
  	border:				1px solid #AAAAAA;
}


.clickableThumbImage {
	border:				1px solid #000066;
}

.onlyVisibleForDeveloper {
	color:				#AA00AA;
}

.fileUploadInputField {
	width: 				365px;
	color:				#000066;
}

.errorTable {
	width:				100%;
	height:				400px;
	vertical-align: 	middle;	
}
.errorCell {
	font-weight: 		bold;
	font-size:			14px;
	color:				red;
	vertical-align: 	middle;
	text-align: 		left;
}

.error {
	color:				red;
	font-weight: 		bold;
	font-size:			12px;
}

.startFrame {
	border: 			1px solid #AAAAAA;
	padding: 			0px;
	margin:				0px;
	width:				800px;
	height:				400px;
}

.selectExpanded {
	width:				100%;
}

.contentGross {
	text-size:			16px,
}

.welcome {
	color:				#000066;
	font-size: 			14px;		
}
