/*

	colors:
	question:FFCCFF
	idea:FFCC66
	problem:FF9999
	praise:66FF66
	
	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;
}


/*
 	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;		
}


body {
	font-family:Arial,Helvetica,sans-serif;
	margin:0;		
	background:rgb(185,199,225); /* rgb(224,225,235);*/ 
	color:#202020;
}

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;			
}

.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;
}

/*
	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;
}