/* Main Content Box */

div.topShadow
{
	width:57.6em;
	height:1.2em;
	background: url(../kunde/grafikk/Reaktor/mainPanel_top_left.png) no-repeat top right;
	margin-top:0em;
	float: right;
}

/*div.topLeftShadow
{
	width: 1.2em;
	height: 1.2em;
	margin-left: 1em;
	background: url(../kunde/grafikk/Reaktor/mainPanel_top_left.png) no-repeat left top;
	float: left;
}

div.topRightShadow
{
	width:56.4em;
	height:1.2em;
	background: url(../kunde/grafikk/Reaktor/mainPanel_top_left.png) no-repeat top right;
	margin-top:0em;
	float: left;
}*/

div.leftShadow
{
	width:2em;
	background: url(../kunde/grafikk/Reaktor/mainPanel_1px.png) repeat-y scroll left;
	margin-top:0em;
	float:left;
}

div.bottomLeftShadow
{
	width:1.4em;
	height:2em;
	background: url(../kunde/grafikk/Reaktor/mainPanel_bottom_left.png) no-repeat scroll left;
	margin-top:0em;
	float:left;
}

div.bottomRightShadow
{
	height:2em;
	width:56.8em;
	background: url(../kunde/grafikk/Reaktor/mainPanel_bottom_right.png) no-repeat top right;
	margin-top:0em;
	float:left;
}



/* Webparts */

.webPart
{
}

.WebPartInnhold
{
}

.WebPartTittel
{
}

.collapsibleWebPartHeader
{
	width:26.6em;
	height:2.4em;
	background-color: #91a2be;
	/*background-color: #BAD8D5;*/
	margin-left:-1.2em;
	border-bottom: 0.1em solid #FFFFFF;
	/*border-bottom: 0.1em solid #FFF;*/
}

.collapsibleWebPartCollapsedImage
{
	width:1em;
	height:0.7em;
	background: url(../kunde/grafikk/Reaktor/arrowSmall_collapsed.png) no-repeat top left;
	margin-top:0.8em;
	margin-left:1em;
	float:left;
}

.collapsibleWebPartExpandedImage
{
	width:1em;
	height:0.7em;
	background: url(../kunde/grafikk/Reaktor/arrowSmall_expanded.png) no-repeat top left;
	margin-top:0.8em;
	margin-left:1em;
	float:left;
}

.collapsibleWebPartTitle
{
	height: 1.1em;
	/*height:1.1em;*/
	text-align: left;
	padding: 0em;
	margin: 0.6em 0em 0.2em 1em;
	float:left;	
	font-size: 1.1em;
	/*font-size: 1.1em;*/
	color: #000000;
	font-weight: bold;
}

.WebPartBanner_Padding 
{
    padding: 0px !important;    
}
.WebPartBanner
{
    margin: 0px; 
    padding: 0px;
}

div.container
{
	position: relative;
    width: 100%;
}

div.container ul, div.container ol
{
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: none;
}

div#skjema .collapsibleWebPartHeader, div#minSide .collapsibleWebPartHeader, div#mainContent .collapsibleWebPartHeader
{
	width:55.8em;
}

div#skjema .webPart th
{
	display: none;
}


/* Collapsible Panels */

.barTopLeft
{
	width:1.4em;
	height:4.6em;
	float: left;
	background: url(../kunde/grafikk/Reaktor/topBar_left.png) no-repeat left top;
}

.barTopCenter
{
	height:4.6em;
	width:25.4em;
	float: left;
	background: url(../kunde/grafikk/Reaktor/topBar_1px.png) repeat-x;
	cursor:pointer;	
	vertical-align: middle;
}

.barTopRight
{
	width:2.2em;
	height:4.6em;
	float: left;
	background: url(../kunde/grafikk/Reaktor/topBar_right.png) no-repeat left top;
}

.barArrowExpanded 
{
	width:1.4em;
	height:0.8em;
	background: url(../kunde/grafikk/Reaktor/arrowBig_expanded.png) no-repeat top left;
	margin-top:2.3em;
	margin-left:0.4em;
	float:left;
}

.barArrowCollapsed 
{
	width:1.4em;
	height:0.8em;
	background: url(../kunde/grafikk/Reaktor/arrowBig_collapsed.png) no-repeat top left;
	margin-top:2.3em;
	margin-left:0.4em;
	float:left;
}

.barTopImage
{
	display: inline;
	padding-right: 10px;
}

.barContent
{
	position: relative; top: 40%;	
	font-size: 1.6em;
	font-weight: bold;
	color: #000000;
	text-align: left;
}

.collapsiblePanelLeft
{
	width:2em;
	background: url(../kunde/grafikk/Reaktor/mainPanel_1px.png) repeat-y top left;
	margin-top:0em;
	float:left;
}

.collapsiblePanelRight
{
	width:25em;
	background: url(../kunde/grafikk/Reaktor/mainPanel_1px.png) repeat-y top right;
	margin-top:0em;
	padding-left: 0em;
	padding-right: 2em;
	float:left;
}

.collapsiblePanelContent
{
	width: 83.4em;
	background: url(../kunde/grafikk/Reaktor/mainPanel_1px.png) repeat-y top right;
	margin-top:0em;
	padding-left: 2em;
	padding-right: 2em;
	float:left;
}

div.collapsiblePanel
{
	/*height:0em;*/
	width:29em;
	float:left;
	overflow: hidden;
}

.collapsiblePanelBottomLeft{
	width:1.4em;
	height:2em;
	background: url(../kunde/grafikk/Reaktor/mainPanel_bottom_left.png) no-repeat top left;
	margin-top:0em;
	float:left;
}

.collapsiblePanelBottomRight
{
	height:2em;
	width:27.6em;
	background: url(../kunde/grafikk/Reaktor/mainPanel_bottom_right.png) no-repeat top right;
	margin-top:0em;
	float:left;
}

/*
div#contentRight .barTopCenter{
	width:25.4em;	
}

div#contentRight .collapsiblePanelRight{
	width:25em;
}

div#contentRight div.collapsiblePanel{
	width:29em;
}

div#contentRight .collapsiblePanelBottomRight
{
	width:27.6em;
}
*/


div#skjema .barTopCenter, div#minSide .barTopCenter{
	width:54.6em;
}

div#skjema .collapsiblePanelRight, div#minSide .collapsiblePanelRight{
	width:54.2em;
}

div#skjema div.collapsiblePanel, div#minSide div.collapsiblePanel{
	width:58.2em;
}

div#skjema .collapsiblePanelBottomRight, div#minSide .collapsiblePanelBottomRight
{
	width:56.8em;
}

.aktuelt
{
	width:29.0em;
	float:left;
}

.annonse
{
	width:29.0em;
	float:right;
}

div#innhold .barTopCenter
{
	width: 83.8em;
}

div#innhold div.collapsiblePanel
{
	width: 87.4em;
}

div#innhold .collapsiblePanelBottomRight
{
	width: 86.0em;
}

/*
.collapsePanelHeader
{
	width: 400px;
	height: 20px;
	color: Black;
	background-color: White;
	font-weight: bold;
	padding: 5px;
	cursor:pointer;
	vertical-align: middle;
}

.collapsePanel
{
	width: 400px;
	height: 0px;
	background-color: White;
	overflow:hidden;
}
*/
