/*

	colors:
	question:rgb(253,143,69);
	idea:#FFCC66;	
	problem:#FF9999;
	praise:rgb(175,234,83);	
	
	gray:808080
	lightgray:A0A0A0
	darkgray:404040

	background:#FFFFCC
*/


.colorLightgray {
	color:#A0A0A0;
}

.colorGray {
	color:#808080;
}

.colorGray2 {
	color:#606060;
}

.colorDarkgray {
	color:#404040;
}

.colorDarkgreen {
	color:#606040;
}

.colorLink {
	color:#0066CC;	
}

.colorLinkActive {
	color:rgb(239,188,62);
}

.colorLinkSoft {
	color:#0086CC;	
}

.colorWarning {
	color:red;	
}

.boxPointerBackground {
	border-color:#CCCCFF;
}

/* BACKGROUND COLORS */

.backgroundYellowLight {
	background-color:#FFF6E0;	
}

/* TYPES */

.backgroundGeneral {
	background-color:#f0f0f0;	
}

.backgroundSearch {
	background-color:rgb(255,235,194);	
}

.colorSearch {
	color:rgb(255,235,194);	
}

.borderSearch {
	border-color:rgb(255,235,194);	
}

.backgroundQuestion {
	background-color:rgb(253,143,69);	
}

.colorQuestion {
	color:rgb(253,143,69);	
}

.borderQuestion {
	border-color:rgb(253,143,69);	
}

.colorIdea {
	color:#FFCC66;			
}

.backgroundIdea {
	background-color:#FFCC66;			
}

.borderIdea {
	border-color:#FFCC66;			
}

.colorProblem {
	color:#FF9999;
}

.backgroundProblem {
	background-color:#FF9999;
}

.borderProblem {
	border-color:#FF9999;
}

.colorPraise {
	color:rgb(175,234,83);			
}

.backgroundPraise {
	background-color:rgb(175,234,83);		
}

.borderPraise {
	border-color:rgb(175,234,83);			
}

.backgroundTicket {
	background-color:#E5E5E5;			
}

.borderTicket {
	border-color:#E5E5E5;			
}

.backgroundKnowledge {
	background-color:#E5E5E5;			
}

.borderKnowledge {
	border-color:#E5E5E5;
}

/* deprecated jb 26 apr 2010
.backgroundQuestionLight {
	background-color:rgb(254,173,116);	
}

.backgroundIdeaLight {
	background-color:#FFECA6;			
}

.backgroundProblemLight {
	background-color:#FFC9C9;
}

.backgroundPraiseLight {
	background-color:#C6FFC6;			
}
*/



/*
 	BASICS
*/

.verticalMiddle {
	vertical-align:middle;	
}

.hidden {
	display:none;	
}

/* for labels that should look like a link */
.link {
			
}
.link:hover {
	text-decoration:underline;	
	cursor:pointer;
}

.rtBox {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding:4px;	
	max-width:800px;
	overflow:hidden;	
}


body {
	font-family:Arial,Helvetica,sans-serif;
	margin:0;
	background-color:rgb(185,199,225); /* rgb(224,225,235);*/
	background-image:url('($settingsfiles)/resource-generalbackground-all/$file/image.jpg');
	background-attachment:fixed; 
	color:#202020;
}


font {
	font-family:Arial,Helvetica,sans-serif;
}

.tundra .dijitTextBox, .tundra .dijitComboBox, .tundra .dijitSpinner, .tundra .dijitTextArea {
	font-family:Arial,Helvetica,sans-serif;
}

.xspInputFieldTextArea {
	font-family:Arial,Helvetica,sans-serif;	
}

table {
	border:0px;
	margin:0px;
	padding:0px;
	border-spacing:0px;	
}

td {
	vertical-align:top;	
	padding:2px;
}

h1 {
	font-size:14pt;
	font-weight:bold;
}

h2 {
	font-size:12pt;
	font-weight:bold;	
}

.h1 {
	font-size:14pt;
	font-weight:bold;
}

.h2 {
	font-size:12pt;
	font-weight:bold;	
}

li {
	margin-bottom:0.2em;	
}


A {
	color:#0066CC;	
}

.hidden {
	display:none;	
}

.actionButton {
	font-size:8pt;
	border:1px #A0A0A0 solid;	
	margin-left:4px;
}

.actionbar {
	background-color:#F8F8F8;
	border-bottom:1px #A0A0A0 dotted;	
}

div.topbanner {
	background:url('gradient-topbanner.png') repeat-x; 
	height:52px;
	width:980px;
	margin:0 auto;
	margin-bottom:16px;
	color:#404040;
}

table.topbannerTable {
	width:100%;
	border-right:1px solid #606060;
	border-left:1px solid #606060;
}

.contentBox {
	width:980px;
	background-color:white;
	margin:0 auto;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding-top:16px;
	padding-bottom:16px;
	border:1px solid #e6e6e6;			
}

.contentBoxInner {
	padding:0px 10px 0px 10px;
}

img.avatar {
	border:solid 2px #D0D0D0;
	padding:1px;
	background-color:white;
}

/*
	BUTTONS
*/


.buttonGreen {
	background-color:#E0FFE0;color:#606040;
}

/*
	BOXES
*/

.box1 {
	padding:4px;		
	border:#E0E0E0 4px solid;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.boxRound1 {	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.boxImportantNote {
	background-color:#fffff0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding:0.2em;
	border:1px solid silver;
}

/*
	content popup and dialog wrapper

*/

.contentPopup {
	background-color:white;
	border:solid 1px gray;
	padding:8px;
	padding-top:0px;
	position:fixed;
	top:10%;         
	left:20%;
	width:60%;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;	
	z-index:3;
}


.contentPopupTitle {
	font-size:16pt;
	line-height:1.2em;
}

.moodTableColumn {
	vertical-align:bottom;
	text-align:center;
	width:30px;	
}
.moodTableColumnImg {
	border:solid 1px gray;
}

.dialogWrapper {
	top:10%;  
	position:fixed;	
	width:100%;
	text-align:left;
	left:0;
	z-index:2;
}

/*
	HOMEPAGE
*/

.homeWelcomeTitle {
	font-size:16pt;
}

.homeAreaLinkBox {
	margin-right:4px;
	margin-left:4px;
	margin-bottom:8px;
	border:1px solid #E0E0E0;
	float:left;
}

.homeAreaLinkBoxOrdered {
	width:42%;
	margin-right:4px;
	margin-left:4px;
	margin-bottom:8px;
	border:1px solid #E0E0E0;
	float:left;
}

.homeAreaLinkTD {
	text-align:left;
	vertical-align:middle;	
}

.homeAreaLinkTD:hover {
	background-color:#FBE7A2;
}

.homeAreaLink {
	font-size:16pt;
	line-height:18pt;
	display:block;
	overflow:hidden;
	padding:4px;	
}

.homeAreaLinkBox:hover {
}

.homeAreaLink:hover {
	text-decoration:none;	
}

.homeWelcomeText {
	margin-top:1em;
	font-size:12pt;
}

.homeInputBox {
	border-width:4px;
	border-style:solid;
	border-top-width:8px;
	border-right-width:0px;
	border-left-width:0px;
	border-bottom-width:0px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	width:80%;
	margin:0 10% 0 10%;
	padding:16px;
	padding-top:4px;
	background-image:url('welcome-box-gradient.png');
	box-shadow: 1px 1px 5px #888;
	-webkit-box-shadow: 1px 1px 5px #888;
}

/* action button in the input box */
.buttonWelcome {
	width: auto;  
    line-height: 16px;   
    overflow: visible;  
	border-bottom:0px;
	margin:0 4px 0 4px;
}

.homeSectionTab {
	padding:4px;
	float:left;
	color:#404040;
	background-color:#E0E0E0;
	margin-left:8px;
	border:1px solid #A0A0A0;
	cursor:pointer;
	z-index:1;
	margin-bottom:-1px;
}

.homeSectionTabHover {
	background-color:#F0F0F0;	
}

.homeSectionTabActive {
	background-color:white;	
	cursor:default;
	border-bottom-color:white;	
}

.homeSections {
	padding-right:10px;
	padding-left:10px;
	border-top:1px solid #A0A0A0;	
}

.homeSectionContainer {
	width:226px;
	float:left;
	margin-top:16px;
	margin-left:4px;
	margin-right:4px;	
	background-color:#F8F8F8;
	background-image:url('gradient-welcome-bottom.png');
	background-position:bottom;
	background-repeat:repeat-x;
	box-shadow: 1px 1px 5px #888;
	-webkit-box-shadow: 1px 1px 5px #888;
}

.homeSectionTitle {
	text-align:center;
	font-size:12pt;
	height:23px;
	padding-top:2px;
	background-image:url('gradient-box-title.png'); 
	border:solid 1px #A0A0A0;
	border-bottom:0px;
}

.homeSectionTitleNoBg {
	text-align:center;
	font-size:12pt;
	height:23px;
	padding-top:2px;
	border:solid 1px #A0A0A0;
	border-bottom:0px;
	background-image:url('gradient-box-title-transparent.png');
}
 
.homeSectionContent {
	border:solid 1px #A0A0A0;		
	border-top:0px;
	margin-top:-5px;
	padding-top:5px;
	overflow:hidden;
}


.homeSectionContentPanel {
	padding:4px;	
}


.homeSectionContentTop {
	background-color:#FFF6E0;
	margin-bottom:8px;
	padding:4px;			
	border-bottom:#C0C0C0 solid 1px;	
}

.homeSectionListLink {
	display:block;	
}

.homeSectionListSubtitle {
	font-size:8pt;
	color:gray;
}

.homeSectionDownloadList {
	
}


/*

	***** ENTRIES ****
	
*/

/* box contain the entry  */
.feedbackBox {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	padding:16px;
}

.boxPointerLeft {
	position:absolute;
	margin-left:-29px;
	width:0; 
	height:0; 
	border-left: 0; 
	border-right-style:solid;
	border-right-width:16px;
	border-top:10px solid;
	border-bottom:10px solid;		
}



/* first line in the box, containing area and date */
.entryBoxTopline {
	padding:4px;
	border-bottom:1px solid #C0C0C0;
	margin:0 -4px 8px -4px;
}

/* last line in the box, after the text, containing buttons */
.entryBoxBottom {
	padding:8px 4px 4px 4px;
	border-top:1px solid #C0C0C0;
	margin:24px -4px 8px -4px;
}

/* title of entry */
.feedbackTitle {
	font-size:16pt;
	line-height:1.1em;
	font-weight:bold;
	margin-bottom:10px;
	display:block;
}


.entryTableLabel {
	text-align:right;
	color:#404040;
	padding-top:4px;
	padding-right:0.4em;
	padding-left:0.4em;
	width:10em;	
}

.entryTableValue {
	color:#404040;	
	padding-top:4px;
	padding-bottom:0.4em;
	padding-right:1em;
}

.entryTableHelp {
	color:#808080;	
	padding-bottom:0.4em;
	padding-right:1em;
}

.entryPanelSolution {
	background-color:white;
	padding:4px;
	font-size:9pt;	
}

.entrySolutionHD {
	font-size:12pt;
	margin-bottom:0.4em;	
	display:block;
}

/*
	LABELS	
*/

/* Example: login box */
.labelTable1 {
	text-align:right;
	padding-right:4px;
}

/*
	ERROR MSG
*/

.errorMsg {
	background-color:#FFF6E0;	
	border:1px solid #808080;
	padding:8px;
	color:red;
}

table.xspMessage td {
	padding-bottom:0.2em;	
}

/*
	show cursor in repeat control entry
*/
#tableRepeat,.tableRepeat {
	border:0px;
	margin:0px;
	padding:0px;
	border-spacing:0px;	
}

#tableRepeat tr:hover, .tableRepeat tr:hover {
	background-color:#A0A0A0;
	color:#FFFFFF;
	cursor:pointer;
}

/* VIEW, PAGERS */

/* standard views, implemented by repeat control, in all *List.xsp pages */
.listViewPagerBox {
	width:100%;
	padding-top:4px;
	padding-bottom:4px;
	background-color:#F0F0F0;
	height:1.9em;
}

.listViewTable {
}

.listViewTD {
	border-top:1px solid #E0E0E0;
	padding-top:2px;
	padding-bottom:8px;
}

/* example: ticketList.xsp -> ticket detail infos on the right */
.listViewInnerLabel {
	padding:4px;
	font-size:8pt;
}

.listViewInnerValue {
	padding:4px;
	background-color:white;
	font-size:8pt;
}

.listViewInnerImg {
	padding:4px;
	background-color:white;
}

/*
	***** Create Feedback Dialog *****
*/


.feedbackCreateDialog {
	background-color:white;
	border:solid 1px gray;
	padding:8px;
	padding-top:0px;
	width:600px;
	margin:0 auto 0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	z-index:3;
	
}


.buttonFeedback {
	background-image:url('gradient-button-feedback.png');
	border:1px solid rgb(218,173,31);		
	}

.buttonFeedbackActive {
	background-image:url('gradient-button-feedback-active.png');
	border:1px solid rgb(238,193,51);
}


.moodBox1 {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	width:100%;
	padding:8px;
	text-align:center;
	vertical-align:middle;
	font-size:10pt;
}

.moodBox1Pointer {
	position:absolute;
	width:0; 
	height:0; 
	border-left-width:20px;
	border-left-style:solid;
	border-top-style:solid;
	border-top-width:16px;
	border-right-width:20px;
	border-right-style:solid;
	border-bottom:0;		
	margin-top:6px;
}

/*
	****** AREA COMPONENT *****
*/

.areaComponentTitle {
	font-size:12pt;	
	font-weight:bold;
}

.areaComponentText {
	color:#808080;
}


*
	RELATED DOCS
*/

/* DIV for showing related docs while user inputs a feedback */
.relatedPreviewContainer {
	/* position:absolute; */
	color:#404040;
	background-color:#F8F8F0;
	padding:8px;
	width:768px;
	/*margin-right:10px;*/
	margin-left:1px;
	margin-top:-1px;
	border:1px solid #808080;
	text-align:left;
	min-height:8em;
	/*display:none;*/
}

/* in docs: container showing related content */
.relatedDocContainer {
	color:#404040;
	border:1px solid #E0E0E0;
	margin-bottom:10px;	
	padding:8px;
}

/* the UL inside the container */
.relatedDocList {
		
}

/* a link inside a li element of the ul */
.relatedDocLink {
		
}

/*

	BUTTONS
	
*/

.button {
	margin-right:4px;
    line-height: 16px;   
    padding:4px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;		
	cursor:pointer;		
}

.button:hover {
	cursor:pointer;
	border:1px solid rgb(238,193,51);
}

.buttonSmall {
	background-color:#FFF6E0;
	background-image:url('gradient-button.png');
	border:1px solid rgb(218,173,31);
	font-size:8pt;
	padding:0;
	height:2em;	
}

.buttonStandard {
	background-color:#FFF6E0;
	background-image:url('gradient-button.png');
	border:1px solid rgb(218,173,31);	
}

.buttonBig {
	background-color:#FFF6E0;
	font-size:14pt;	
	background-image:url('gradient-button-big.png');
	border:1px solid rgb(218,173,31);	
}

.buttonDisabled {
	background-color:#F0F0F0;
	color:#D0D0D0;
	border-color:#D0D0D0;
}

.buttonImg {
	margin-right:4px;
	border:0px;
}

/* overwrites */

.xspColumn {
	padding:2px !important;
}

.xspMessage {
	display:block;
	margin-left:0;
}