#updown {
	height:			 0;
	margin:			 0;
}

#contextmenu {
	text-align:		 left;
	position:		 absolute;
	line-height:	 1.5;
	color:			 InfoText;
	font:			 StatusBar;
	font:			 Status-Bar;
	padding:		 2px;
	width: 			 144px;
	border: 		 1px Solid GrayText;
	background: 	 Menu;
	filter:			 progid:DXImageTransform.Microsoft.Shadow(color="#777777", Direction=135, Strength=3);
	z-index:		 10000;
	visibility:		 hidden;
}

#contextmenu div {
	height:			 -1px;
	border-bottom:	 1px Solid GrayText;
	margin-top:		 5px;
	margin-bottom:	 5px;
}

#contextmenu a {
	padding-left:	 18px;
	color:			 Black;
	display:		 block;
	text-decoration: none;
}

#contextmenu a:hover {
	color:			 White;
	background:		 Highlight ;
	text-decoration: none;
	width:			 auto;
	width =			 100%
}

.litetformfalt {
	font-family: 	 Arial, Helvetica, sans-serif;
	font-size: 		 12px;
	width: 			 80px;
}

.smalltext {
	font-family: 	 Arial, Helvetica, sans-serif;
	font-size: 		 11px;
	margin: 		 5px;
}

.rgbfalt {
	font-family: 	 Arial, Helvetica, sans-serif;
	font-size: 		 12px;
	width: 			 50px;
}

.formfalt {
	font-family: 	 Arial, Helvetica, sans-serif;
	font-size: 		 12px;
	width: 			 170px;
}

.kalenderformfalt {
	font-family: 	 Arial, Helvetica, sans-serif;
	font-size: 		 12px;
	width: 			 282px;
	width =			 278px;
}

.agruppfalt {
	font-family: 	 Arial, Helvetica, sans-serif;
	font-size: 		 12px;
	width: 			 230px;
}

.mellanformfalt {
	font-family: 	 Arial, Helvetica, sans-serif;
	font-size: 		 12px;
	width: 			 160px;
}

.storformfalt {
	font-family: 	 Arial, Helvetica, sans-serif;
	font-size: 		 12px;
	width: 			 350px;
}

.storstyckeformfalt {
	font-family: 	 Arial, Helvetica, sans-serif;
	font-size: 		 12px;
	width: 			 435px;
}

.styckeformfalt {
	font-family: 	 Arial, Helvetica, sans-serif;
	font-size: 		 12px;
	width: 			 212px;
}

.storformfalt2 {
	font-family: 	 Arial, Helvetica, sans-serif;
	font-size: 		 12px;
	width: 			 300px;
}

.radformfalt {
	font-family: 	 Arial, Helvetica, sans-serif;
	font-size: 		 12px;
	width: 			 190px;
}

.textarea {
	font-family: 	 Arial, Helvetica, sans-serif;
	font-size: 		 12px;
	height:			 96px;
	width: 			 350px;
}

.tunntextarea {
	font-family: 	 Arial, Helvetica, sans-serif;
	font-size: 		 12px;
	width: 			 350px;
}

.litentextarea {
	font-family: 	 Arial, Helvetica, sans-serif;
	font-size: 		 12px;
	width: 			 160px;
}

.noteringtextarea {
	font-family: 	 Arial, Helvetica, sans-serif;
	font-size: 		 12px;
	width: 			 190px;
	height: 		 152px;
}

.stortextarea {
	font-family: 	 Arial, Helvetica, sans-serif;
	font-size: 		 12px;
	height: 		 256px;
	width: 			 435px;
}

.grouprow {
	color:			 #000000;
	background:		 #DDDDDD;
}

.jamnliten {
	color:			 #000000;
	background:		 White;
	cursor:			 pointer;
	cursor: 		 hand;
}

.uddaliten {
	color:			 #000000;
	background:		 #EEEEEE;
	cursor:			 pointer;
	cursor: 		 hand;
}

.jamnlitennohand {
	color:			 #000000;
	background:		 White;
}

.uddalitennohand {
	color:			 #000000;
	background:		 #EEEEEE;
}

.button {
	font-family: 	 Arial, Helvetica, sans-serif;
	font-size: 		 12px;
	width: 		 	 66px;
	width =		 	 67px;
}

.largerbutton {
	font-family: 	 Arial, Helvetica, sans-serif;
	font-size: 		 12px;
	width: 		 	 90px;
}

.filefield {
	font-family: 	 Arial, Helvetica, sans-serif;
	font-size: 		 12px;
	width: 		 	 275px;
	width =			 280px;
}

.smallfilefield {
	font-family: 	 Arial, Helvetica, sans-serif;
	font-size: 		 12px;
	width: 		 	 130px;
	width =			 133px;
}

.sizefield {
	font-family: 	 Arial, Helvetica, sans-serif;
	font-size: 		 12px;
	width: 		 	 140px;
}

.arrowbutton {
	font-family: 	 webdings;
	font-size: 		 10px; 
	width: 			 20px;
	height: 		 20px;
	margin-top:	 	 3px;
}

.updownbutton {
	font-family: 	 webdings;
	font-size: 		 12px; 
	width: 			 22px;
	height: 		 22px;
	margin-top:	 	 3px;
}

.adminbutton {
	font-family: 	 Arial, Helvetica, sans-serif;
	font-size: 		 12px;
	width: 		 	 150px;
}

.nospace {
	margin-bottom: 	 0px;
}

.dragHandle {
	cursor:			 pointer; 
	cursor = 		 url("includes/3dwmove.cur");
}

iframe {
	width: 			 430px;
	height: 		 253px;
	border: 		 2px inset;
}

a.adminmenu {
	color: 			 Black;
	text-decoration: none;
}

a.adminmenu:hover {
	color: 			 #C00000;
	text-decoration: none;
}

#title {
	background:		 #000080;
	color:			 White;
	font-family: 	 Tahoma, sans-serif;
	font-size: 		 11px;
	font-weight:	 Bold;
	width:			 auto;
	padding:		 3px;
	margin:			 0px;
}

#divLoggain #content {
	margin:			 5px;
	width: 			 170px;
	height:			 100px;
}

#divForetag #content {
	margin:			 5px;
	width: 			 350px;
	height:			 194px;
}

#divLayout #content {
	margin:			 5px;
	width: 			 350px;
	height:			 170px;
	height =		 176px;
}

#divAnvandare #content {
	margin:			 5px;
	width: 			 350px;
	height:			 260px;
	height =		 267px;
}

#divUndersida #content {
	margin:			 5px;
	width: 			 350px;
	height:			 285px;
}

#divText #content {
	margin:			 5px;
	width: 			 436px;
	width =			 430px;
	height:			 349px;
	height =		 355px;
}

#divRegister #content {
	margin:			 5px;
	width: 			 350px;
	height:			 318px;
}

#divKlotterplank #content {
	margin:			 5px;
	width: 			 190px;
	height:			 163px;
}

#divKlotterplankWrite #content {
	margin:			 5px;
	width: 			 190px;
}

#divKalconfig #groups {
	margin:			 5px;
	width: 			 278px;
	height:			 22px;
}

#divKalconfig #content {
	margin:			 5px;
	width: 			 278px;
	height:			 15px;
}

#divNotering #content {
	margin:			 5px;
	width: 			 190px;
	height:			 154px;
}

#divArbetsgrupper #content {
	margin:			 5px;
	width: 			 230px;
	height:			 87px;
}

#divSkapamapp #content {
	margin:			 5px;
	width: 			 170px;
	height:			 23px;
}

#divHuvudgrupper #content {
	margin:			 5px;
	width: 			 350px;
	height:			 171px;
	height =		 175px;
}

#divSidgrupper #content {
	margin:			 5px;
	width: 			 350px;
	height:			 171px;
	height =		 175px;
}

#divKalenderInner {
	margin:			 5px;
	width: 			 278px;
	height:			 288px;
	overflow: 		 auto;
	border: 		 2px inset white;
	background: 	 White;
}

#divArbetsgrupperInner {
	margin:			 5px;
	width: 			 278px;
	height:			 140px;
	overflow: 		 auto;
	border: 		 2px inset white;
	background: 	 White;
}

#divAnvandareInner {
	margin:			 5px;
	width: 			 278px;
	height:			 140px;
	overflow: 		 auto;
	border: 		 2px inset white;
	background: 	 White;
}

#divFormInner {
	margin:			 5px;
	width: 			 349px;
	height:			 240px;
	overflow: 		 auto;
	border: 		 2px inset white;
	background: 	 White;
}

#divFormContent {
	margin:			 5px;
	width: 			 278px;
	height:			 85px;
}

#divBehorighetTop {
	margin:			 5px;
	width: 			 278px;
}

#divBehorighetInner {
	margin:		 	 5px;
	width: 			 278px;
	height:			 315px;
	overflow: 		 auto;
	border: 		 2px inset white;
	background: 	 White;
}

#divUndersidorInner {
	margin:			 5px;
	width: 			 278px;
	height:			 140px;
	overflow: 		 auto;
	border: 		 2px inset white;
	background: 	 White;
}

#divHuvudgruppInner {
	margin:			 5px;
	width: 			 278px;
	height:			 140px;
	overflow: 		 auto;
	border: 		 2px inset white;
	background: 	 White;
}

#divSidgruppInner {
	margin:			 5px;
	width: 			 278px;
	height:			 140px;
	overflow: 		 auto;
	border: 		 2px inset white;
	background: 	 White;
}

#divInnehallInner {
	margin:			 5px;
	width: 			 278px;
	height:			 140px;
	overflow: 		 auto;
	border: 		 2px inset white;
	background: 	 White;
}

#footer {
	width:			 auto;
	text-align: 	 right;
	margin:			 5px;
}

#footerleft {
	width:			 auto;
	text-align: 	 left;
	margin:			 5px;
}

/* Coolbuttons */

.coolButton,
.coolButtonHover,
.coolButtonActiveHover,
.coolButtonActive,
.coolButtonActiveDisabled,
.coolButtonDisabled,
.coolButtonUpDisabled {
	cursor: 			Default;
	font: 				Icon;
	font-weight: 		normal;
	padding:			2px 5px 2px 5px;
	border:				0px solid ButtonFace;
	white-space:		nowrap;
	vertical-align:		middle;
	background-color:	ButtonFace;
}

.coolButton img {
	filter:				gray();
}

.coolButtonHover {
	border-width:		1px;
	border-left-color:	ButtonHighlight;
	border-right-color:	ButtonShadow;
	border-top-color:	ButtonHighlight;
	border-bottom-color:ButtonShadow;
	padding:			1px 4px 1px 4px;		
}

.coolButtonActiveHover {
	border-width:		1px;
	border-left-color:	ButtonShadow;
	border-right-color:	ButtonHighlight;
	border-top-color:	ButtonShadow;
	border-bottom-color:ButtonHighlight;
	padding:			2px 3px 0px 5px;
}

.coolButtonActive {
	border-width:		1px;
	border-left-color:	ButtonShadow;
	border-right-color:	ButtonHighlight;
	border-top-color:	ButtonShadow;
	border-bottom-color:ButtonHighlight;
	padding:			2px 3px 0px 5px;
	background-image:	url("../images/cbback.gif");
}

.coolButtonUpDisabled,
.coolButtonActiveDisabled,
.coolButtonDisabled {
	padding:			2px 5px 2px 5px;
	color:				GrayText;
	border-width: 		0px;
}

.coolButtonActiveDisabled {
	border-width:		1px;
	border-left-color:	ButtonShadow;
	border-right-color:	ButtonHighlight;
	border-top-color:	ButtonShadow;
	border-bottom-color:ButtonHighlight;
	padding:			2px 3px 0px 5px;
}

.coolButtonUpDisabled {
	border-width:		1px;
	border-left-color:	ButtonHighlight;
	border-right-color:	ButtonShadow;
	border-top-color:	ButtonHighlight;
	border-bottom-color:ButtonShadow;
}

/* My latest build of mozilla crashed with the opacity */
.coolButtonUpDisabled img,
.coolButtonActiveDisabled img,
.coolButtonDisabled img {
	-moz-opacity:		0.5;
}

/* IE specific
 * When the button becomes disbabled the innerHTML is enclosed by two spans
 * This is done so that the image will look disabled using filters
 */
.coolButtonUpDisabled .coolButtonDisabledContainer,
.coolButtonActiveDisabled .coolButtonDisabledContainer,
.coolButtonDisabled .coolButtonDisabledContainer {
	display:			block;
	background:			GrayText;
	filter:				chroma(color=#010101) dropshadow(color=ButtonHighlight, offx=1, offy=1);
	width:				100%;
	height:				100%;
	vertical-align:		center;
}

.coolButtonUpDisabled .coolButtonDisabledContainer .coolButtonDisabledContainer,
.coolButtonActiveDisabled .coolButtonDisabledContainer .coolButtonDisabledContainer,
.coolButtonDisabled .coolButtonDisabledContainer .coolButtonDisabledContainer {
	background:			Transparent;
	filter:				gray()
						/* Remove all bright shades of gray */
						chroma(color=#ffffff) chroma(color=#fefefe) chroma(color=#fdfdfd)
						chroma(color=#fcfcfc) chroma(color=#fbfbfb) chroma(color=#fafafa)
						chroma(color=#f9f9f9) chroma(color=#f8f8f8) chroma(color=#f7f7f7)
						chroma(color=#f6f6f6) chroma(color=#f5f5f5) chroma(color=#f4f4f4)
						chroma(color=#f3f3f3) 
						mask(color=#010101);
}

/* end IE specific */