/*
=====================================
Generic
=====================================
*/
html { height: 100%; }
img {border:0;}
br.breaker {clear:both;}
div.fileDialog {display:none;}
table th, table td {vertical-align:top;}
.fLeft{ float:left; margin-right:2px; white-space:nowrap; }
.fRight{ float:right; margin-left:2px; white-space:nowrap; }
div.breaker{
	clear:both !important;
	height:1px !important;
	border:0px !important;
	background:transparent !important;
}

/*
=====================================
Administration styles
=====================================
*/
#AdministrationP{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:30px;
	background:url(../Images/16px50percentblack.png);
	z-index:100;
}
#AdministratorPSpaceP{
	height:30px;
}
#AdministrationP ul.horizontalMenu {
	margin: 0 5px;
	padding: 0;
	display: block;
	background: none;
	position: relative;
	float: left;
	right:0;
	width:auto;
}
#AdministrationP ul.horizontalMenu li {
	list-style: none;
	margin: 0;
	float: left;
	position: relative;
	left:0;
}
#AdministrationP ul.horizontalMenu li a {
	border-top: 0 none;
	border-bottom: 0 none;
	display: block;
	background: none;
	text-decoration: none;
	cursor: pointer;
	padding: 5px 10px;
	text-transform: uppercase;
	font: bold 11px/20px Arial, Sans-Serif;
}
#AdministrationP ul.horizontalMenu li a, ul.horizontalMenu li a:link, ul.horizontalMenu li a:visited, ul.horizontalMenu li a:active, ul.horizontalMenu li a:hover {
	color: #FFFFFF;
}
#AdministrationP ul.horizontalMenu a.selected {
	border-top: 0 none;
	border-bottom: 0 none;
	background: url(../Images/16px50percentblack.png);
}
#AdministrationP ul.horizontalMenu a.hover, ul.horizontalMenu a.selectedhover {
	border-top: 0 none;
	border-bottom: 0 none;
	background: url(../Images/16px50percentblack.png);
}
#AdministrationP ul.horizontalMenu ul {
	z-index: 1000;
	margin: 0;
	padding: 0;
	position: absolute;
	display: none;
}
#AdministrationP ul.horizontalMenu ul li {
	list-style: none;
	margin: 0;
	background: url(../Images/16px50percentblack.png);
}
#AdministrationP ul.horizontalMenu ul li a {
	border: 0;
	display: block;
	color: #FFFFFF;
	background: #url(../Images/16px50percentblack.png);
	text-decoration: none;
	cursor: pointer;
	padding: 5px 10px;
	text-transform: uppercase;
	font: bold 11px Arial, Sans-Serif;
	width: 200px;
}
#AdministrationP ul.horizontalMenu ul li a.selected {
	border: 0;
	background: url(../Images/16px50percentblack.png);
}
#AdministrationP ul.horizontalMenu ul li a.hover {
	border: 0;
	background: url(../Images/16px50percentblack.png);
}

/*
=====================================
MagicBox styles
=====================================
*/
.blackBox{
	background:transparent url(../Images/16px50percentblack.png);
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	min-height:100%;
	text-align:left;
	z-index:10000;
}
.innerBlackBox{
	background:transparent url(../Images/16px50percentblack.png);
	position:absolute;
	float:left;
	border-radius:10px;
}
.magicBoxOuter{
	margin:10px;
}
.magicBoxInner{
	background:#FFFFFF;
	padding:10px;
	width:500px;
	overflow:auto;
	border-radius:5px;
}
.magicBoxInner .top{
	height:0px;
	line-height:0px;
	font-size:0px;
}
.magicBoxInner .trc{
	float:right;
}
.magicBoxInner img.closeButton{
	float:right;
	cursor:pointer;
}
.magicBoxInner div.content{
	margin:0;
}
/*
=====================================
Message styles
=====================================
*/
h1.messagesHeader{
	font:18px/24px arial;
}
div.message{
	background:#ffffff;
	border-top:2px solid #f0f0f0;
	margin-top:5px;
	padding-top:5px;
	clear:both;
}
div.commands{
	float:right
}
div.sender{
	float:left;
	width:80%;
	margin:0 10px 0 0;
}
div.content{
	clear:both;
	margin-top:12px;
}
img.messageImage{
	float:left;
	margin-right:5px;
}
div.messageSent{
	font:9px arial;
	background:#ffffff;
}
div.messageHeader{
	font:14px/18px Arial;
	font-weight:normal;
	color:#6699cc;
}
p.messageText{
	font:14px/18px Arial;
	margin:0;
	display:block;
}
/*
=====================================
FormDiv
=====================================
*/
div.form{
}
div.form .maxWidth{
	width:100%;
}
div.form input{
	float:left;
}
div.form label{
}
div.form .buttons input{
	float:none;
}
div.form span.checkbox *{
	float:none;
}

.border, .searchborder{
	border:1px solid #e9e9e9;
	border-top:1px solid #cccccc;
	margin:0;
	padding:2px;
	background:#FFFFFF;
	float:none;
}
.border input, .border textarea, .border select, .searchborder input, .searchborder textarea{
	width:100%;
	float:none !important;
	border:0 none;
	padding:0;
	margin:0;
}
.border textarea{
	height:100px;
}
.searchborder{
	position:relative;
	padding:2px 18px 2px 2px;
}
.searchborder input.search{
}
.searchborder input.image{
	width:auto;
	position:absolute;
	top:1px;
	right:2px;
}

/*
=====================================
 NoteringsBoxar
=====================================
*/
div.note{
	border:1px solid #bcccfc;
	background:#eef6fe url(../Images/information.png) no-repeat 4px 4px;
	line-height:16px;
	padding:4px 4px 4px 25px;
	margin:5px 0;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
div.error{
	border:1px solid #fcccbc;
	background:#fef6ee url(../Images/exclamation.png) no-repeat 4px 4px;
	line-height:16px;
	padding:4px 4px 4px 25px;
	margin:5px 0;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
div.success{
	border:1px solid #a0eea0;
	background:#ddf6dd url(../Images/accept.png) no-repeat 4px 4px;
	line-height:16px;
	padding:4px 4px 4px 25px;
	margin:5px 0;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/*
=====================================
 Error
=====================================
*/
body#error {
	margin: 0;
	padding: 50px;
	font: 16px/20px Helvetica, Arial, Sans-Serif;
}
body#error h1 {
	font: bold 22px/26px Helvetica, Arial, Sans-Serif;
	margin: 0 0 10px 0;
}
div.exception {
	font: 11px/14px Courier New, Sans-Serif;
	border: 1px solid #FCCCBC;
	background: #FEF6EE;
	white-space: pre;
	overflow: scroll;
	padding: 4px;
}

/*
=====================================
 Viddboxar
=====================================
*/
div.percent80{
	width:80%;
	float:left;
}
div.percent65{
	width:65%;
	float:left;
}
div.percent35{
	width:35%;
	float:left;
}
div.percent66{
	width:66%;
	float:left;
}
div.percent50{
	width:50%;
	float:left;
}
.p40{
	width:40%;
	float:left;
}
.p40r{
	width:40%;
	float:right;
}
div.percent33{
	width:33%;
	float:left;
}
div.percent25{
	width:25%;
	float:left;
}
.p20{
	width:20%;
	float:left;
}
div.percent16{
	width:16%;
	float:left;
}
div.percent10{
	width:20%;
	float:left;
}
div.p30r{
	width:30%;
	float:right;
}
div.m2{
	margin-left:2px;
}
div.m5{
	margin-left:5px;
}
div.m2r{
	margin-right:2px;
}
div.m5r{
	margin-right:5px;
}
/*
=====================================
 Generell Style för grid
=====================================
*/
table.grid{
	width:100%;
}
table.grid tr th{
	white-space:nowrap;
}
table.grid tr td{
}
table.grid tr td.cellForm{
}
table.grid tr td.cellForm input,table.normalGrid tr td.cellForm select{
	width:100%;
}
table.grid tr.header{
}
table.grid tr.header td{
}
table.grid tr.header td.first{
}
table.grid tr.header td.last{
}
table.grid tr.pager{
}
table.grid tr.pager td{
	white-space:nowrap;
}
table.grid tr.alternatingItem{
}
table.grid tr.item{
}
table.grid tr.selectedItem{
}
table.grid tr.alternatingItem th{
}
table.grid tr.item th{
}
table.grid td.maxWidth {
	width:100%;
} 
table.grid td.icon {
	width:1px;
	margin:0px;
	padding:2px 0;
	vertical-align:top;
	padding-left:1px;
	padding-right:1px;
}
table.grid td.wrap{
	white-space:normal !important;
}
table.grid td.icon img{
}
/*
=====================================
 About styles
=====================================
*/
img.aboutLogo {
	float: right;
	margin-left: 20px;
}
p.about {
	margin: 20px 50px 30px 15px;
	float: left;
}

/*
=====================================
 Print styles
=====================================
*/

@media print {
	body {
		height: 100%;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	h1, h2, h3 {
		page-break-after: avoid;
	}
	td {
		font: 18px Arial, Sans-Serif;
	}
	hr {
		border-top: 0px; 
		border-right: 0px;
		border-left: 0px;
		border-bottom: 1px solid; 
	}
	*, .note, .important {
		color: #000000 !important;
	}
	div#right {
		width: 100%;
	}
	.dontPrint, div#pageHeader, div#pageMenu, div#pageFooter, div#left {
		display: none;
	}
}

/*
=====================================
 Tooltip styles
=====================================
*/
div.tooltip{
	border:1px solid #cccc00;	
	background:#ffffcc;
	padding:3px;
	text-align:left;
	-moz-border-radius:5px;
	border-radius:5px;
	
}
div.tooltip div.decoration{
	border:1px solid #cccc00;
	background:white;
	border-top:0px none;
	position:absolute;
	width:2px;
	height:3px;
	bottom:-4px;
	right:50%;
}
/*
=====================================
 Generic shadowed box (white) styles
=====================================
*/
.shadowboxleft{ 
	background:transparent url(../images/boxdesign2/l.png) repeat-y;
	margin:2px 0 4px; /* One px less than actual size of images to account for added padding in outer box. */
}
.shadowbox .topContent{
	margin:0 -1px;
	padding:0 10px;
	background:#f1f1f1;
	border-bottom:1px solid #cccccc;
	border-top:1px solid white;
	height:28px;
	font:11px/28px arial;
}
.shadowbox .topContent .textbox{
	width:100%;
	margin:3px 0;
}
.shadowboxouter{ /* Needed padding to stop margins from collapsing. */
	padding:1px 0;
	margin: 0 -2px;
}
.shadowboxright{
	background:transparent url(../images/boxdesign2/r.png) repeat-y right;
	padding:0 4px ;
}
.shadowboxtop{
	background:transparent url(../images/boxdesign2/t.png);
	border-bottom:1px solid #ffffff;
	position:absolute;
	top:-4px;
	width:100%;
	height:3px;
}
.shadowboxcenter{
	position:relative;
	border-left:1px solid white;
	border-right:1px solid white;
	background:#ffffff;
}
.shadowboxcontent{
	font:12px/14px arial;
	position:relative;
}
.shadowboxbot{
	background:transparent url(../images/boxdesign2/b.png);
	border-top:1px solid white;
	height:5px;
	width:100%;
	position:absolute;
	top:100%;
}
.shadowboxtlc{
	background:url(../images/boxdesign2/corners.png) top left;
	position:absolute;
	right:100%;
	top:-1px;
	width:4px;
	height:5px;
}
.shadowboxtrc{
	background:url(../images/boxdesign2/corners.png) top right;
	position:absolute;
	left:100%;
	top:-1px;
	width:4px;
	height:5px;
}
.shadowboxblc{
	background:url(../images/boxdesign2/corners.png) bottom left;
	position:absolute;
	left:-5px;
	bottom:1;
	width:5px;
	height:6px;
}
.shadowboxbrc{
	background:url(../images/boxdesign2/corners.png) bottom right;
	position:absolute;
	right:-5px;
	bottom:1;
	width:5px;
	height:6px;
}


/*
=====================================
 Generic tabstyles
=====================================
*/
ul.tabControl {
	padding: 0;
	margin: 0;
	float: left;
}
ul.tabControl li.tab {
	float: left;
	border: 1px solid #cccccc;
	line-height:16px;
	padding: 4px 15px;
	border-radius: 5px 5px 0 0;
	margin-right: 1px;
	margin-top:1px;
	position: relative;
	top: 1px;
	background: #f3f3f3;
	color:#666666;
	cursor:pointer;
	list-style:none !important;
}
ul.tabControl li.selected {
	border-bottom: 1px solid white;
	background: #ffffff;
	margin-top:0;
	padding-top:5px;
	color:black;
}
ul.tabControl img {
	vertical-align:bottom;
	margin-left: -8px;
}
div.tabPanel {
	border: 1px solid #cccccc;
	padding: 5px;
	background:white;
}