body {
color: #333;
font-family: Arial, Helvetica, Geneva, sans-serif;
}
.hidden {
    display:none;
}
p {font-size: 12px; line-height:17px}
td {font-size: 12px}
th {font-size: 12px;color:#3B4E4E}
b {color:#3B4E4E;}
hr {border: 3px #ccc solid;padding: 0}
a, .linkclass {color:#004992;text-decoration: underline}
.linkclass:visited {color: #606;text-decoration: underline}
a:hover, .linkclass:hover, #pageslist a:hover {text-decoration: none}

/********************* Administration *********************/
/* background style of divs */
.GrayContainer {
border-top:1px solid #E2E2E2;
border-bottom:1px solid #E2E2E2;
background:#fff url('images/Webshop/gradering_webshop.jpg') repeat-y left top;
width:861px;
padding:10px 5px 10px 15px
}
.GrayContainerPages {
border-top:1px solid #E2E2E2;
border-bottom:1px solid #E2E2E2;
background:#fff url('images/gradering_sider.gif') repeat-y left top;
width:1100px;
padding:10px 5px 10px 15px
}
.GrayContainerPages table {clear:both;}
.fnTextClass table {clear:none;}
.graybuttonclass {
background-color:#aaa;
border-bottom:solid 1px #626364;
border-right:solid 1px #626364;
border-left:solid 1px #C8C8C8;
border-top:solid 1px #C8C8C8;
color:#fff;
font-size:10px;
font-family:Verdana, Arial;
height:20px
}
.InsideTable {width:100%;}
.InfoText {color: #793D7D;font-size:12px;}
.heading1{font: bold 15px Verdana, Arial, Helvetica, sans-serif; }
.heading2{font: bold 13px Verdana, Arial, Helvetica, sans-serif; }
td.rightCell {
    text-align:right;
    vertical-align:top;
    width:150px}
td.leftCell {
    text-align:left;
    vertical-align:top;
    width:150px}
/********************* GRIDVIEW *********************/
.gridview {
    border:1px solid #a7bac5;
    background:#fff;
    color:#333}
.gridviewSub {
    border:1px solid #f0f0f0;
    background:#fff;
    color:#333}
.gridviewHeader {
    background:url(images/gridview/headerBg.gif) repeat-x  #f1f2f4;
	border-bottom:1px solid #d5d5d5;
	text-align:left;
	font: 12px Arial, Helvetica, sans-serif; 
	color:#000}
.gridviewRowAlternative {
    background:#fcfcfc}

/********************* Modal Popup *********************/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7}
.modalPopup {
	/*background-color:#ffd;*/
	background-color: #eee;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
	position:relative}
.input, .buttonMedium, .dginput, .label, .mediumtextheader {font-size: 12px;}
.lstInput, .button, .select, .lblEmployeeModul, .smalltextheader {font-size: 11px;}
.button{height: 25px; font: 13px Arial, Verdana; padding:0 10px}
.labellarge{font-size: 14px;}
.smalltext {font-size: 10px;}
.headline1{font: bold italic 15px;color: #3B4E4E}
.headline2 {font: bold 13px;color: #3B4E4E}
.collapsePanel {background-color: #fff;overflow:hidden;}
.formbutton {
    background: #E6E6E6;
	width: 40px;
	height: 22px;
	border:1px;
    cursor:pointer}

.labelCategoryname {background-color:#CCC;}

/********************* ARTICLE *********************/
.newsArchive {font-size: 11px;}
.newsArchiveHeader {
	font-size: 10px;
	color:#3B4E4E}
.newsArchivelink {
	font-size: 11px;
	color: Blue; 
	text-decoration: underline}
.newsArchivelink:visited { 
    color: Blue; text-decoration: underline}
.newsArchivelink:hover { color: Blue; text-decoration: none }

/******************* IMAGE ***************************/
.gr_expandable	{z-index:2; background-color:#fff; border:1px solid #fff; position:absolute }
.gr_expanded 	{z-index:3; background-color:#fff; border:1px solid #069; position:absolute }

.WebshopAdminMenu {
    border: solid 1px #B191B3; 
    border-top:0;
    padding:2px 0 0 5px}

div.wrapContainer {float:left }
div.mal32Container .fnTextImgCell .fnTextClass {margin-top:15px}
div.mal29Container .fntextClass,div.mal30Container .fntextClass {margin:20px 20px 0 10px}
div.mal31Container .fntextClass,div.mal32Container .fnTextClass {margin:20px 20px 0 0}

/**************** NEW CONTENT TEMPLATES ****************/
.centeredImage{
    text-align:center;
    display:block;
    vertical-align:middle} 
.alignright {
    float: right;
    clear: right}
.alignleft {
    float: left;
    clear: left}
.aligncenter {
    clear: both;
    text-align: center}
.imgWrapper {
    margin: 20px;
    width: auto;
    margin-top:0;
    position:relative}
.imgWrapper p {
	color: #111;
	font-weight: 700;
	text-align: left;
	margin: 0;
	padding: 5px;
	position: relative;
	background: #ccc url(../Images/webshop2/shadow_bottom_176.png) no-repeat top right}	
.imgWrapper .text {
    top: 20px;
    left: 0;
    right:0;
    position: absolute;
	z-index: 100;
	text-align:center}
.imgWrapper .textOnImage {
	position:absolute;
	z-index: 100;
}
.imgWrapper .textOnImage span{display:block;}
.linkTextOnImage{
    background-color:#ccc;
    text-decoration: none;
    color: #000;
}
.fntextClass {padding: 0 20px}

.containerWrapper {
	margin: 0;
	height: 100%;
	width: 99%;
	float: left;}

.containerWrapper, .container100, .container75, .container50, .container33, .container25 {border: 1px #999 dotted;}
.container100, .container75, .container50, .container33, .container25 {float: left;}
.container100{width:99%}
.container75{width:74%}
.container50{width:49%}
.container33{width:32%}
.container25{width:24%}
.container25 .imgWrapper{margin:0 19px 19px}

.categoryBox1 {
	background: #eee;
	margin: 0 20px 0;
	display: block;
	float: left;}
	
.title {
	color: #000;
	background: #666;
	font-size: 1.4em}
	
.title .fntextClass {
	margin: 0;
	font-weight: 700;
	padding: .3em 1em;}
.title a {color: #fff;}
.categoryBox1 .fntextClass .more {margin-top: 10px;}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0}
	
.clearfix:after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}
.clearfix {
    display: inline-block
}
html[xmlns] .clearfix {
    display: block
}
* html .clearfix {
    height: 1%
}

/*ENDRINGER START TORKILL*/
#pageViewDesign a,
#pageView2 a{
color: #3ea6f0;
font-weight: 700;
background: #111;
padding: 0 .5em;
margin: .2em;
text-decoration: none;
}
/*KNAPPER START TORKILL*/
a:link.buttonTextSmall,
a:link.buttonTextLarge,
a:link.AddTemplateButton{
	color: #fff;
	text-decoration: none;}
a:link.buttonTextSmall
{
    font-size: 0.9em;
    line-height: 1.6em;
}
a.buttonText {
	text-decoration: none;
	color: #333;}
a.deleteTempateButton {
	color: #fff;
	padding: 3px 0;}
/*MAC CLASSES START korrigerer Floating*/
.GrayContainerPages,.GrayContainer,
#_ctl4_PWRelation table,
#PWEditProduct,#PWEditProduct table,
#pageViewDesign,#pageViewEditPage,
#pageView2, #pageView1,
#pageViewArkiv,
#PVNew, #PVEdit, #PVNewPostcard{float: left; clear:both}
#PWEditProduct .button {
	background-image: url(Images/admin/bg_grey_a.gif);
    border: 0;
    height: 22px;}
#PVEdit tr {
	margin: 10px;}
#PVNewPostcard span,
#PageViewMenu, #PVNew th span, .Heading1 {
	color: #606;
	font-size: 25px;
	margin: 10px;}
.GrayContainerPages {
	margin-bottom: 5px;}
	
/* new design */
#page {
	margin: 0 auto; 
	padding: 10px;
	width: 980px;
	z-index: 0;}
#header {
	width: 100%;
	z-index: 1;}
#sub_header {
	padding: 20px;
	overflow: hidden;}
#navigation_horisontal {
	display: none;}
.logo {
	float: left;
	max-width: 350px;
	max-height: 100px;
	padding: 10px;
	z-index: 100;}
#language {
	margin: 12px 10px;
	padding: 0;
	float: right;}
#userwrapper {
	float: left;
	margin: 10px;}
#content {
	margin: 0;
	width: 100%;
	overflow: hidden;
	height: 100%;}
#maincontent {
	overflow: hidden;
	font-size: 1em;
	min-height: 550px;}
#sidebar1{
	float: left;
	padding: 0 10px;
	width: 210px;}
#sidebar2{
	width: 210px;
	float: right;
	padding: 10px;}
#sidebar1, #sidebar2 {
	margin-bottom: -4000px; padding-bottom: 4000px;
	min-height: 550px;}
#fnopenarea {
	float: left;
	margin: 0 0 10px 0;
	padding: 10px;
	width: 190px;
	background: transparent;
	font-size: .8em;}
#footer, #footer2 { 
    padding: 10px;
    font-size: .7em;}
#footer2 {
	width: 730px!important;
	float: right;}

#search {
	margin: 15px 10px 10px 0;
	width: 210px;
	height: 30px;}

#userwrapper_trans #search {
	float: right;
}
.fndesignpicture-big {
	float: left;
	padding: 5px;
	z-index: 5;}
.fndesignpicture-small {
	float: right;
	margin: 10px 0 0 30px;
	padding: 5px;
	height: auto;
	z-index: 5}
	
.chooseDesign{width:565px; float:left;}
.thumbdesign{width:466px; float:left;}
.flappdesign{float:left; width:88px; height:335px;
background:url(images/Thumbnail/designmaler/thumbs-designmal_flapp.gif) repeat-x  #f1f2f4;}

.flappdesign span{font: 25px Verdana, Arial, Helvetica, sans-serif;
                  color:Black;
padding: 18px 0 0 18px; display:block; }
.InfoText .prodText{font-family:Verdana; font-size:12px;}
.selectedDesign {
    border: 2px solid red;
    filter: alpha(opacity=60);
	-moz-opacity: .60;
	opacity: .60;
 }
 
 /* NYE KONTROLLER FOR WEBSHOP*/
#catlist,#catContent,#boxContent,#boxlist{width: 400px; float:left;}
.list ul, #footerContainer ul{
    display: block;
    list-style-type: none;
    padding:0;
    margin: 0;}
li.odd, li.even {border:1px solid silver; border-top:0}
li.odd {background-color: #fcfcfc}
span.linkName{width: 300px;display: inline-block;}
span.heading{width: 200px;display: inline-block;}
span.active, span.edit, span.remove{width: 60px;display: inline-block;}
   
.catHeader{border: 1px solid #d5d5d5;color: #000;background: url(images/gridview/headerBg.gif) repeat-x #f1f2f4;}
#catInfo,#boxInfo {padding-bottom:50px;}
#catContent .heading2,#boxContent .heading2{display:block;}
.header{background-color: #E2E2E2;padding: 5px;width: 1092px;}
.space{height: 40px;}
#catContainer,#firstSiteBoxContainer{
    font: 14px Arial, Verdana;
}

.prod,.product_icon{background: #fff url('images/webshop2/prod_slide.gif') no-repeat 0 4px}
#slideContent,#catContent, #boxContent{
    margin: 0 20px;
    padding: 10px;
    float: left;
    border: 1px solid #E2E2E2;
    background: #fff url('images/Webshop/gradering_webshop.jpg') repeat-y left top;}
#product_slideHeader, #editor_slideHeader{
    clear: both;
    font-weight: 700;
    margin: 10px 0;}
#chooseImage,#chooseLinks,#chooseBoxLinks{
    display: none;
    width: 800px;
    float: left;
    position: absolute;
    top: 50px;
    left: 200px;
    padding:10px 20px;
    background-color: #fff;}
#chooseLinks{top: 700px;}
#chooseBoxLinks{top: 900px;}
#folders{width: 200px;float: left;}
#imageList{width: 600px;float: left;}
.boks{
    width: 190px;
    padding: 5px;
    float: left;
    text-align: center;}
#iconContainer,#catContainer,#firstSiteBoxContainer,.wsSettingsBox{
    padding: 10px;
    float: left;
    border: 1px solid #E2E2E2;
    background: #fff url('images/gradering_sider.gif') repeat-y left top;
    width: 1080px;}
#iconContainer ul{
    display: block;
    margin: 0;}
#iconContainer li{
    -moz-display: inline-block;
    display: inline-block;
    zoom: 1; *display:inline;
    vertical-align:top;}
li.icon{width: 30px}
li.name{width:100px; padding-top:3px}
 #iconContainer .button{margin-left:400px}
.page_icon, .link_icon, .product_icon{
    width:25px; 
    height: 20px;
    display:inline-block;
    filter: alpha(opacity=50);
    -moz-opacity: .50;
    opacity: .50;}
.page_icon{background: #fff url('images/side.gif') no-repeat center bottom}
.link_icon{background: #fff url('images/link_icon.gif') no-repeat center bottom}
    
#footercontainer{font-size:12px;width:100%;margin:10px auto 0}
    
#footerContainer .footer{
    background: #000 url('http://crmdemo.firmanett.no/Images/webshop2/pngbackgrounds/hvitbunn_gradient.png');
    padding: 20px 10px;
    width:100%;}

#footerContainer a:hover{text-decoration: underline;}   
#footerContainer li {
    float: left;
    border-left: solid 1px #2b2b2b;
    width: 160px;
    padding-left: 30px;}
    
.buttonFinished {
    border:1px solid silver; padding:3px 5px;
    height:100%;
    background: #666666 url("images/top_gradient.png");
    color:#fff;
}
#boxlist .remove, #boxNodeList .remove, #catlist .remove, #linkList .remove {
    background:url("images/webshop2/del_a.png") no-repeat scroll 0 0 transparent;
    height:20px; 
    cursor:pointer;}
#boxlist .catHeader .remove, #boxNodeList .catHeader .remove, #catlist .catHeader .remove, #linkList .catHeader .remove{
    background:transparent; 
    cursor:default;}
.buttonNew{
background: silver url("images/top_gradient.png") repeat-x;
text-decoration:none;
padding:3px;
color:#000;
border:1px solid black;
}
a.buttonNew{padding:5px;}
#webshop img{margin:0 10px 0 0}
#webshop input{width:90px}
#webshop .button{width:auto}
.transparrencyBackground
{
	background-image: url("/images/admin/transparrencyBackground.png");
    cursor: pointer;
}
.lr_box {
    background:none repeat scroll 0 0 #F2F2F2;
    margin:15px 0;
    padding: 10px 0;
    width:60%;
}
div.col1, div.col2 {
    float:left;
    width:43%;
    padding:3px 15px;
}
div.col2 input, div.col2 textarea {width: 200px}
.GrayGrid th, .GrayGrid td {
    border: 1px solid #f1f1f1;
    padding: 3px
}
#editImageTable fieldset div.container {
    padding: 15px 10px 10px
}
#editImageTable fieldset legend {
    font-size: 15px;
    font-weight:700
}
#editImageTable fieldset {
    margin: 10px 10px 20px
}

#editImageTable fieldset.border {
    border: 2px solid #ccc;
    -webkit-box-shadow: 10px 10px 5px #888888;
    -moz-box-shadow: 10px 10px 5px #888888;
    box-shadow: 10px 10px 5px #888888;
}