@CHARSET "ISO-8859-1";

/*
 * black		#000000		default texts
 * darkgrey		#1d1d1d		system bars
 * grey			#282828->#eeeeee		menu backgrounds, titles, 
 * lightgrey	#dddddd ibland ->#ffffff		sub menu backgrounds, list title items (counters)
 * white		#ffffff		background, menu text
 * orange		#f5832a		selected background, selection markers
 * lightorange	#ffb676		extra information background
 * lightorange	#fde2d1		extra information icon colors, extr.info border
 * green		#88bc19		block titles (area titles)
 * lightgreen	#a1cd6e		extra information background
 * blue			#4882b4		link
 */

/*
 * Core styles
 */

iframe {
	margin:0px;
}

div {}

.title{
		font-family: FuturaEmbed, Verdana, Trebuchet MS, Lucida Grande, Arial, Helvetica, sans-serif;
		font-size: 13px;
		text-transform: uppercase;
		font-weight: normal;
		color: #000000;
		letter-spacing:0.3px;
		line-height: 160%;
		margin-left:0px;
        margin-bottom:13px;
		margin-top:0px;
}

table,th,td,input,textarea {
	font-size:100%;
}

/*
 * general styles
 */
.glass {
	background-color: #999999;
	opacity:.40;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
	-moz-opacity:.40;
}

/*
 * Class based styles
 */

/* BEGIN: Dialog */
.cs-Dialog {
	border: 3px solid #eeeeee; // 	282828	
	background-color: #ffffff;
}
.cs-Dialog .Caption {
	background-color: #eeeeee;	//	282828
	color: #ffffff;
	font-size: larger;
	font-weight: bolder;
	padding: 5px;
	border-bottom: 1px solid #1d1d1d;
}

.cs-Dialog .container {
	padding: 5px;
}

.cs-Dialog .buttonList {
	background-color: #dddddd;
	border-top: 1px solid #eeeeee;	//	282828
	padding: 5px;
}

.cs-Dialog .buttonList .cs-Button {
	margin: 3px;
	width: 75px;
}


.cs-DecoratorContainer .middleCenter {
	width: 100%;
	height: 100%;
}
/* END: Dialog */


/* BEGIN: Wizard */
.cs-Dialog .wizard {
	width: 500px;
	height: 250px;
	overflow: auto;
}

.cs-Dialog .header {
	background-color: #dddddd;
}

.cs-Dialog .header .caption {
	background-color: #dddddd;
	font-size: larger;
	color: #1d1d1d;
	white-space: nowrap;
	padding: 0px;
	border-bottom: none;
}

.cs-Dialog .header .description {
	color: #eeeeee;	//	282828
	padding: 0px;
	white-space: nowrap;
}

.cs-Dialog .header .step {
	color: #eeeeee;	//	282828
	white-space: nowrap;
}

/* END: Wizard */


/* BEGIN: Login dialog */
.cs-LoginDialog {
	border: 2px solid #eeeeee;	//	282828
	background-color: #ffffff;
}

.cs-LoginDialog .Caption {
	border-bottom: 1px solid #eeeeee;	//	282828
	background-color: #1d1d1d;
	color: #ffffff;
	margin-bottom: 5px;
	font-weight: bolder;
}

.cs-LoginDialog .username {
	width: 200px;
}

.cs-LoginDialog .password {
	width: 200px;
}

.cs-LoginDialog .information {
	color: #4466bb;
	white-space: nowrap;
}

.cs-LoginDialog .error {
	color: #ff8888;
	font-weight: bolder;
	white-space: nowrap;
}
/* END: Login dialog */


/* BEGIN: Folding menu */
.cs-FoldingMenu {
	background-color: #eeeeee;	//	282828
}

.FoldingMenuHeader {
	padding: 5px;
	background-color: #eeeeee;	//	282828
	color: #111111;	// dddddd
	font-weight: bolder;
	cursor: pointer;
}

.FoldingMenuHeader_open {
	background-image: url('http://www.newcomers.se/dms4home/images/almega/spikeIG.gif');
	background-position: bottom center;
	background-repeat: no-repeat;
}
/* END: Folding menu */





/*
 * Special named styles
 */

.cs-Label{
		margin-right:10px;
		margin-bottom:10px;
}

label{
		margin-left:10px;
		margin-right:20px;
		margin-bottom:10px;
}

img{
		cursor:pointer;
}



/* BEGIN: header */
.header {
	background-color: #eeeeee;	//	282828
	color: #ffffff;
}

.header .logo {
	margin: 5px;
}

.header .info {
	padding: 5px;
	margin-right: 25px;
	margin-bottom: 5px;
	background-color: #1d1d1d;
	color: #dddddd;
}

.header .info .userFullName {
	
}

.header .info .userName {
	font-weight: bolder;
	font-size: x-small;
}

/* END: header */


/* BEGIN: Menu Item */
.HMenuItem {
	color: #000000;
	background-color: #ffffff;	// dddddd
	border-bottom: 1px solid #d0d0d0;
}

.HMenuItem .icon {
	margin: 5px;
	margin-left: 20px;
	cursor: pointer
}

.HMenuItem .text {
	cursor: pointer
}

.VMenuItem {
	margin: 5px;
}

.VMenuItem .icon {
	margin-bottom: 5px;
	cursor: pointer
}

.VMenuItem .text {
	cursor: pointer
}
/* END: Menu Item */


/* BEGIN: left side menu */
.leftmenu {
	background-color: #eeeeee;	//	282828
}
/* END: left side menu */


/* BEGIN: main menu */
.mainMenu {
}

.mainMenu .FoldingMenuHeader {
	background-color: #eeeeee;	//	282828
	color: #111111;	// dddddd
}
/* END: Main menu */

/* BEGIN: Main Tree Tab Panel */
.TreeTabMenu {
	margin-top: 20px;
}

.TreeTabMenu .TabBar {
	background-color: #eeeeee;	//	282828
	border-top: 5px solid #eeeeee;	//	282828
}

.TreeTabMenu .TabBar .gwt-TabBarItem {
	padding: 3px;
	background-image: url('http://www.newcomers.se/dms4home//images/almega/tab_u.gif');
	background-repeat: no-repeat;
	cursor: pointer;
	width: 100px;
	height: 37px;
	overflow: hidden;
}

.TreeTabMenu .TabBar .gwt-TabBarItem-selected {
	padding: 3px;
	background-image: url('http://www.newcomers.se/dms4home//images/almega/tab_s.gif');
	font-weight: bolder;
}

.TreeTabMenu .TabBar .gwt-TabBarItem .icon {}
.TreeTabMenu .TabBar .gwt-TabBarItem .text {
	color: #ffffff;	// dddddd
}
.TreeTabMenu .TabBar .gwt-TabBarItem-selected .text {
	color: #000000;
}
/* END: Main Tree Tab Panel  */

/* BEGIN: Ramps */
.ramp_dd28 {
	background-image: url('http://www.newcomers.se/dms4home//images/almega/ramp_dd28.gif');
	background-position: top left;
	background-repeat: x-repeat;
	background-color: #282828;
	height: 20px;
}

/* END: Ramps */

/* BEGIN: Quick search */
.QuickSearch {
	background-color: #fde2d1;
	border: 1px solid #ffb67b;
}

.QuickSearch .icon {}
	
.QuickSearch .errand {
	padding: 2px;
}

.QuickSearch .errand .text {
	background-color: #ffffff;
	border: 1px solid #ffb67b;
}

.QuickSearch .errand .button {
	background-color: #ffb67b;
	border: 1px solid #ffb67b;
	color: #ffffff;
	font-weight: bolder;
}

.QuickSearch .document {
	padding: 2px;
}

.QuickSearch .document .text {
	background-color: #ffffff;
	border: 1px solid #ffb67b;
}

.QuickSearch .document .button {
	background-color: #ffb67b;
	border: 1px solid #ffb67b;
	color: #ffffff;
	font-weight: bolder;
}

/* END: Quick search */

/* BEGIN: working area */
.WorkingArea {
//	padding: 5px;
}
/* END: working area */


/* BEGIN: Search card */
.SearchIconBar {
	border-top: 1px solid #999999;
	margin-top: 10px;
}
/* END: Search card */



/* BEGIN: Loading screen */
.loadingScreen {
	width: 250px;
	height: 125px;
	padding: 0px;
	margin: 0px;
	background-color: #1d1d1d;
	border: 5px solid #1d1d1d;
	color: #dddddd;
}

.loadingScreen .middleCenter {}

.loadingScreen .middleCenterInner {
	height: 100%;
	width: 100%;
	padding: 0px;
	margin: 0px;
}
.loadingScreen .topLeftInner {}
.loadingScreen .topCenter {}
.loadingScreen .topRightInner {}
.loadingScreen .middleLeft {}
.loadingScreen .middleRight {}
.loadingScreen .bottomLeftInner {}
.loadingScreen .bottomCenter {}
.loadingScreen .bottomRightInner {}

.loadingScreen .image {
	margin-top: 30px;
	margin-bottom: 10px;
}

.loadingScreen .text {
	border-top: 1px solid #1d1d1d;
	border-bottom: 1px solid #1d1d1d;
	background-color: #282828;
	color: #dddddd;
	font-weight: bolder;
	padding: 7px;
	white-space: nowrap;
}
/* END: Loading Screen */

/* BEGIN: Document card */

.required {
	color: red;
}

/* END: Document card */

/* START: Calendar */
.CalendarWidget {
  background-color: #C3D9FF;
  border-left: 2px solid #C3D9FF;
  border-right: 2px solid #C3D9FF;
}

.CalendarWidget .cell {
  cursor:pointer;
  width: 2em;
}

.CalendarWidget .table {
  font: 10pt sans-serif;
  text-align: center;
  border: 1px solid #a2bbdd;
  background-color: #FFFFFF;
}

.CalendarWidget .daytable {
  font: 10pt sans-serif;
  text-align: center;
}

.CalendarWidget .table .days {
  width: 2em;
}

.CalendarWidget .daytable .days {
  width: 2em;
}

.CalendarWidget .today .gwt-HTML {
  background-color: #C3D9FF;
  border: 1px solid #000000;
}

/* END: Calendar */

/* BEGIN: Left menu tree */
.leftmenu .treeContainer {
	background-color: #dddddd;
}
/* END: Left menu tree */

/* BEGIN: Search result tables */
.headercell {
	background-color: #dddddd;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 2px;
	border-bottom: 1px solid #666666;
}
/* END: Search result tables */

/* BEGIN: PDToolbar */
.cs-pdtoolbar {
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	margin-top: 5px;
	margin-bottom: 10px;
	
	background-color: #dddddd;
}

.cs-pdtoolbar .items {
}

.cs-pdtoolbar .item {
	padding: 5px;
}
/* END: PDToolbar */