/*** BODY STUFF ***/

* { margin:0; padding:0; }

body { margin:0;padding:0; font-family: "Trebuchet MS", arial, helvetica, sans-serif; font-size:12px; color:#444; behavior:url("js/csshover2.htc"); }

ul, li, img, h1, h2, h3, h4, h5, h6, p, a, form, fieldset {
	margin:0;
	padding:0;
	border:0;
}

p { margin-bottom:10px; }

/*** MAIN LAYOUT ***/

#topgfx {
	width:100%;
	height:156px;
	background: url(images/topfx.jpg);
	background-repeat: repeat-x;
}

#content {
	width:100%;
	background: url(images/bkgfx.jpg);
	background-repeat: repeat-x;
	padding-top:40px;
}

#imagebefcontent {
	width:100%;
	padding-top:5px;
	background-color: #F6F6F6;
}

#imageuploadcontent {
	width:798px;
	height: 398px;
	background: url(images/bkgfx.jpg);
	background-repeat: repeat-x;
}

#imagec { padding:20px; }

#maincontent {
	margin-left: 320px;
	width: 650px;
	min-height: 300px;
	height:auto !important;
	height: 300px;
}

#imageuploadmaincontent {
	margin-left: 10px;
	width: 790px;
	height: 300px;
	
}

#imagebefmaincontent {
	margin-left: 5px;
	width: 180px;
	background-color: #F6F6F6;
}


#imageuploadcontent iframe  
{
    border-color: #999; 
    background: #f6f6f6; 
    width:230px; 
    height: 385px; 
    border: 1px solid #ccc;
    position: absolute;
    right: 10px;
    top:5px;

}
  
#imageuploadcontent iframe:hover { border-color: #666; background: #f6f6f6; }
    

#maincontent iframe { border-color: #999; background: #f6f6f6; }
#maincontent iframe:hover { border-color: #666; background: #f6f6f6; }
#maincontent iframe:focus { border-color: #000; background: #f6f6f6; }


#sidebar {
	position: absolute;
	width: 210px;
	left: 60px;
	border-right: 1px dashed #ccc;
	padding-right:20px;
	min-height: 400px;
	height:auto !important;
	height: 400px;
}

#sidebar.loginplats { border:0; }

.sideimg-menu { margin-top:15px; }
.sideimg-menu img { padding-bottom:2px; padding-top: 2px;}

/* Version */

.version { position: absolute; top: 5px; right: 10px; color: #666; }

/* #footer {
	position:fixed;
	bottom:10px;
	right:0px;
} */

/* FOOTER MED IE-HAX */

* html div#footer {position: absolute;
top:expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollTop
+(documentElement.clientHeight-this.clientHeight) 
: document.body.scrollTop
+(document.body.clientHeight-this.clientHeight));}

#footer { position:fixed; bottom:0px; right:10px; }


/* login */

.login {
	position:relative;
	margin: auto;
	padding:auto;
	width: 226px;
}

.login input.loginput {
	width:215px;
	height: 37px;
	border:1px solid #999;
	font-size: 24px;
	padding-left: 5px;
	padding-right:4px;
	padding-top:7px;
	color: #999;
}

.login input.loginput:hover { border-color: #777; color: #666; background: #fafafa; }
.login input.loginput:focus { color: #000; border-color: #000; background: #fff;  }

.logintxt { font-size: 18px; margin-bottom:5px; margin-top:15px;}

.loginsubmit input { width:auto; border:0; }
.loginsubmit { margin-top:30px; }
.loginklar { margin-right:7px; }

.login h1 { margin-bottom: 10px; }

#loginglomt { margin-top:20px; }
#loginglomt p { margin-bottom:10px; }

/* plats */

.loginplats {

}

.loginplats select {
	font-family: "trebuchet ms", arial, helvetica, sans-serif;
	border: 1px solid #999;
	color: #999;
	padding:2px; 
	margin-top:5px;
}

.loginplats select:hover { border-color: #666; color: #666; }
.loginplats select:focus { border-color: #000; color: #444; }

.loginplats option { padding-left:5px; }

.logincheck { margin-top:15px; }

.f-checkbox {padding:6px 25px; cursor: pointer; }

.unchecked{
	background-image:url(images/check.gif);
	background-repeat: no-repeat;
	background-position: 0 6px;
}

.unchecked:hover { 
	background-image:url(images/check3.gif);
	background-repeat: no-repeat;
	background-position: 0 6px;
}

.checked{
	background-image:url(images/check2.gif);
	background-repeat: no-repeat;
	background-position: 0 6px;
}

/* radio */

.f-radio {padding:4px 18px; cursor: pointer; display:block; padding-bottom:0; }

/*special standardform */
.forminput .f-radio { display:block; float:left; padding-right:0; margin-right:10px; padding-bottom:9px; }
.forminput>.f-radio { padding-bottom:7px;} /* Detta till vänster sätter rätt padding för riktiga browsers */

.f-radio a:focus { color: #000;}
.deselected:focus { background-image:url(images/check3.gif); }
.f-radio,.f-checkbox { text-decoration:underline; color: #0062b5;}
.f-radio:hover,.f-checkbox:hover { color: #000; }

.deselected{
	background-image:url(images/radio.gif);
	background-repeat: no-repeat;
	background-position: 0 6px;
}

.deselected:hover{
	background-image:url(images/radio3.gif);
	background-repeat: no-repeat;
	background-position: 0 6px;
}

.selected {
	background-image:url(images/radio2.gif);
	background-repeat: no-repeat;
	background-position: 0 6px;
}

/*** MENU ***/

ul.menu { position:absolute; top:127px; left:50px; }
ul.menu li { display: inline;	margin: 0; margin-right:3px;}

ul.menu,
ul.menu li a { padding: 5px 7px 6px; }

ul.menu li a { font-size: 12px; color: #fff; margin: 0;	background: #095C9F; }
ul.menu li a:hover {	background: #00467F; color: #fff !important; text-decoration: none; }
ul.menu li.on a,
ul.menu li.on a:hover {	color: #444 !important;	background: #e5e5e5; text-decoration: none; }

.menu a em {
color:#3389CF;
background: #095C9F;
font-style:normal;
padding:3px;
padding-top:1px;padding-bottom:1px;
margin-right:3px;
font-size:11px;
}

.menu a { text-decoration:none }
.menu .on a em { color:#666; background:#e5e5e5; }

.menu .quit { margin-left: 30px; }

/* hover */

.menu a:hover em { background: #00467F; }
.menu .on a:hover em { background: #e5e5e5; }

/* focus */

.menu a:focus em { background: #00467F; }
.menu .on a:focus em { color:#666; background:#e5e5e5; }
.menu a:focus { background:#00467f; }




/*** DEFAULT CONTENT ***/

/* headers */
h1, h2, h3, h4, h5, h6 { font-weight: normal; }

h1 { font-size: 31px; letter-spacing:-1px;}
h2 { font-size: 18px; }
h3 { font-size: 14px; font-weight: bold; }
h4 { font-size: 10px; }
h5 { font-size: 10px; font-weight: bold; }

.bold { font-weight: bold; }


/*** NEWS ***/

.newsitem { margin-top: 20px; }
.newstext {  }
h2.news { margin-top: 40px; }
h3.news { color: #666; }
h4.news { color: #666; float:left; margin-top:3px; margin-right: 4px; border-right: 1px solid #888; padding-right: 5px; line-height: 12px; }

/*** OTHER HEADERS ***/

.done { margin-top:15px; padding:10px; border:2px solid green; color: green; margin-bottom:10px; }
.done .introtext { margin:0px; margin-top:5px; font-style:normal; }

.redborder { border-color: red; }
.redborder { color: #dd0000; }

/*** STARTSIDA ***/

.status {
	width: 210px;
	margin-top:10px;

}

.img-menu { margin-top:35px; }
.img-menu img { margin-right:13px; }
.no-margin { margin:0; }

.status ul { list-style-type: none; }
.status li { clear:both; margin-bottom:5px; }
.status strong { float:left; width: 130px; border-bottom: 1px dashed #ccc; font-weight:normal; }
.status em { font-style:normal; border-bottom:1px dashed #ccc; }
li.filler { visibility:hidden; margin:0; line-height: 14px;}

.red { color: #9F3131; }
.green { color: #499545; }

.introtext { font-style:italic; font-size:13px; margin-top:10px; }
.introtext2 { font-size:13px; margin-top:10px; }


/*** NY KUND ***/

h1.h1marginbottom { margin-bottom: 10px; }
h3 em { font-size: 11px; color: #999; }
.nykund { font-size:10px; margin-bottom:20px;}
.nykund strong { font-weight:bold; width: 75px; }

.nykund-comment strong { clear:both; float:none; margin-right:5px; border:0;}
.nykund-comment em { border:0; }
.nykund-comment { padding:0 0 3px 0; border-bottom:1px dashed #ccc; }
.nykund .bild { width:200px; height:200px; border:1px solid #ccc; }

.arrowdown {
	padding-right: 10px;
	background: url(images/arrowdown.gif);
	background-repeat: no-repeat;
	background-position: right;
}

.arrowdown:hover {
	background: url(images/arrowdown2.gif);
	background-repeat: no-repeat;
	background-position: right;
}


/* PAGE FORM, STANDARD */

h1 em { color: #999; font-size: 18px; }
h2.page { margin-top:30px; margin-bottom:10px;}

.pageform input,textarea {
	font-family: "trebuchet ms", arial, helvetica, sans-serif;
}

.forminput { width:180px; padding:5px; padding-bottom:10px; margin-left:0; margin-right:8px; margin-top:5px; margin-bottom:10px; }
.forminputupload { width:400px; padding:5px; padding-bottom:10px; margin-left:0; margin-right:8px; margin-top:5px; margin-bottom:10px; }
.forminput em { font-style:normal; line-height:26px; font-size: 13px; font-weight:bold; }


.forminput input,textarea {
	border: 1px solid #999;
	width:160px;
	height:25px;
	font-size:16px; font-weight:normal;
	color:#666;
	padding-left:5px; padding-right:5px;
	padding-top:2px;
	color: #999;
}

.forminput textarea { 
	height: 160px;
	width: 550px;
	overflow:auto;
}

.textarea .forminput { width: 562px; }

.forminput input:hover { border-color: #666; background: #fff; color: #777; }
.forminput input:focus { border-color: #000; background: #fff; color: #000; }

.forminput textarea:hover { border-color: #666; background: #fff; color: #777; }
.forminput textarea:focus { border-color: #000; background: #fff; color: #000; }

.forminput select {
	border: 1px solid #999;
	width:160px;
	height:27px;
	font-size:16px; font-weight:bold;
	color:#444;
	padding-left:5px; padding-right:5px;
	padding-top:2px;
	color: #444;
	font-family: "trebuchet ms", arial, helvetica, sans-serif;
}

.forminput.#select { height:57px; width: 180px;}

.radiocheck .forminput { width: 180px; }

body>#select { height:53px; } /* Detta till vänster sätter rätt padding för riktiga browsers */

.toggled .forminput { float:none; }

.form-adv { margin-bottom:5px; clear:left; float: none;}

.nykund-toggled .forminput { float:left; padding-bottom:10px; }

.nykund-toggled { width:600px;	height: 230px; }
.nykund-toggled2 { width: 600px; height: 380px; }
.nykund-toggled3 { width: 600px; height: 310px; }

.clearboth { clear: both; }
.padtop10 { padding-top:10px; }
.margtop0 { margin-top:0px; }

.pages { margin-bottom:20px; position:relative; left:-5px;}
.pages a { padding-left:5px; padding-right:5px; border:1px solid #fff; }
.pages a:hover { border:1px solid #000; }
.margintop20 { margin-top:20px; }

/* filefield */

.filefield .forminput { width: 180px; float:none; }
.filefield input { width: 350px;}
.filefield input { font-family: "trebuchet ms", arial, helvetica, sans-serif; font-size:16px; font-weight: bold; }

.krav { padding-right:13px; background: url(images/krav.gif); background-repeat: no-repeat; background-position: top right;}
.formbuttons { margin-top:10px; margin-left: 5px; }

/* SIDEBAR FORM */

.sideform input { font-family: "trebuchet ms", arial, helvetica, sans-serif; margin-bottom:5px; }
.sideform h3 { margin-bottom:3px; margin-top:2px;}
.sideform .formbuttons input { width:auto; height: auto; border:0; padding:0; margin:0; padding-bottom:0;}
.sideform .formbuttons { margin-top:10px; margin-bottom:0;}
.sideform select { width:175px; margin-bottom:5px; }
.sideform .forminput { padding-bottom:5px; }
.sideform h5 { margin-bottom:3px; }
.bytlista h5 { margin-top:10px; margin-bottom:3px; }

/* SEARCH TABLE */

.searchtable { margin-top:30px; margin-bottom:30px; }
.searchtable table { width:100%; border-collapse: collapse; }
.searchtable thead td { font-weight:bold; }
.searchtable td { border: 1px solid #ccc; padding:4px; padding-left: 6px; padding-right:1px; margin-right:2px;}
td.foretag { width: 190px; }

.searchtable ul { list-style-type:none; list-style-position:inside; float:left; padding-bottom:10px;}
.searchtable ul strong { font-weight:bold; float:left; clear:none; width: 95px; }
.searchtable ul em { font-style:normal; }
.table-ul { margin-right: 40px; }

.tr-hidden { min-height:120px; padding-left:10px; padding-top:10px; }
.searchtable li { padding:1px; padding-right:0px; padding-left:0px; border-bottom:1px dashed #ccc; }

.searchmenu { margin-left:-5px; }
.searchmenu img { padding:5px; }
.searchmenu { clear:both; }

.gb-header { background-color: #efefef; }

/* specific for report page */

.headtd td { height:8px; vertical-align:bottom; font-weight:bold; border-bottom:1px solid #fff; line-height:6px; padding-top:10px;}
.listtable { margin-bottom:30px;}

/* mootools focus-tr & focus-tr2 */
table .orangebkg a,a.visited { color:#fff;}
table .orangebkg a:hover { color:#fff;} 
.orangebkg td { color: #fff; background: orange; border-color: #fff;}
.orangebkg li { border-color: #fff; }

/* Produktbilder */
.productImages 
{
    width: 490px;
    height: 184px;
    border: 0px solid #999;
    padding: 1px;
    margin-top: 10px;
    margin-left: 5px;
    margin-bottom: 20px;
}
.image 
{
    background-color: White;
    width: 92px;
    height: 92px;
    float: left;
    padding: 0px;
    margin: 1px;
    border: 1px solid #ccc;
    text-align: center;
}
.image:hover {border:1px solid #0062B5; padding:0px; }

/* Systemikoner */

a.focus-tr img { padding-right: 4px;}


/*** CALENDER ***/

#calendarDiv {
	display: block;
	display: none;
	position: relative;
	border: 1px solid #999;
	border-top: orange;
}

#calendarDiv a {
	cursor: pointer;
}

#calendar {
	background: #fff;
	clear: both;
	text-align: center;
}

#calendar, #linksTable {
	width: 220px;
}

#calendar .calendarHeader {
	padding-top:5px; padding-bottom:5px;
	color: #444;
}

#calendar .weekDaysTitleRow {
	background: orange;
	color: #fff;
}
#calendar .weekDaysRow {
	background: #fff;
}
#calendar .weekDaysCell {
	border: 1px solid #dfdfdf;
	padding:3px;
}
#calendar .weekDaysCellOver {
	border: 1px solid #000;
}
#closeCalender {
	position: absolute;
	right: -1px;
	top: 100%;
	width:220px;
	display: block;
	padding-top:3px;
	padding-bottom:3px;
	cursor: pointer;
	border:1px solid #999;
	text-decoration:underline;
	text-align:center;
	margin-top:5px;
}

#linksTable {
	border-top:2px solid orange;
	background: #fff;
}
#linksTable a {
	display: block;
	text-decoration:underline;
}

#prevMonth {
position:absolute;
top:9px;
left:6px;
width:70px;
font-size:10px;
}

#nextMonth {
position:absolute;
top:9px;
right:-30px;
width:70px;
font-size:10px;
}

#today { background: #666; }
#today a { color: #fff; }

/* SIDEBAR MENU */

.sidemenu { margin-top:20px;}
.sidemenu ul { list-style-type: none; list-style-position: inline; }
.sidemenu h2 { margin-bottom:5px; font-size: 14px; font-weight: bold; }
/* .sidemenu li { padding-left:10px; background: url(images/ddpil.gif) 0 6px no-repeat; } */

.sidemenu a { padding-left: 10px; background: url(images/ddpil.gif) 0 6px no-repeat; }
.sidemenu a:hover { padding-left: 10px; background: url(images/ddpil2.gif) 0 6px no-repeat; }

/* searchtable arrows */

.arrow a { padding-left: 10px; background: url(images/ddpil.gif) 0 6px no-repeat; }
.arrow a:hover { padding-left: 10px; background: url(images/ddpil2.gif) 0 6px no-repeat; }

/* REGULAR LINKS */

a, a.visited { color: #0062B5; }
a:hover { color: #000; }
a:focus { color: #000; }

/* WYMeditor */

/* Röd text */
.red p {
  color: red;
  /* color:red; */
}

/* Understruken */
.underline p {
     text-decoration: underline;
    /* text-decoration: underline; */
}
    
/* /WYMeditor */

/* Bilhanteringen */

.imagepres 
{
	width:175px;
	height:115px;
	border:1px solid #999;
	margin-top: 10px;
	background-color: #fdfdfd;
	padding: 5px;
}
.imagelinks 
{
    width: 60px;
    padding-top: 5px;
    padding-left: 5px;
    border-top:1px solid #999;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    margin-left: 55px;
    background-color: #f6f6f6;
    position: absolute;
    margin-top: 94px;
}

.imagediv
{
    position:absolute;
    
}
            /* Original PBBAcpBox styles */
            #PBBAcp-Box {
                    padding-bottom: 24px;
                    background: url('images/bg-box-bottom.png') bottom left no-repeat !important;
                    background: url('images/bg-box-bottom.gif') bottom left no-repeat;
            }
            
            #PBBAcp-InBox {
                    padding-top: 15px;
                    background: url('images/bg-box-top.png') top left no-repeat !important;	
                    background: url('images/bg-box-top.gif') top left no-repeat;	
            }
            
            #PBBAcp-BoxContent {
                    background: url('images/bg-box-body.png') top left repeat-y !important;
                    background: url('images/bg-box-body.gif') top left repeat-y;
                    padding: 0 20px 0 20px;
            }

            #PBBAcp-Box input {
                margin: 10px;             
            }
            
            #PBBAcp-Box .BoxAlert {
                    text-align: center;
            }
            
            #PBBAcp-Box .BoxConfirm {
                    text-align: center;
            }
            
            #PBBAcp-Box .BoxPrompt {
                    text-align: left;
            }



/* image browser specific */

#imagec .sidemenu {
	float:left;
	border-right:1px dashed #ccc;
	width:250px;
	min-height: 320px;
	height:auto !important;
	height: 320px;
}

#imagec .imgcontent { float:right; width: 490px; margin-top:30px;}
#imagec .done { margin-top:0; }


#imagec div.gallery { height: 240px; border:1px solid #ccc; overflow: auto; padding:5px; background:#fff;}
#imagec div.gallery div { float: left; width:92px; height:92px; overflow: hidden; padding:6px; border:1px solid #aaa; margin:4px; }
#imagec div.galleryt div { float: left; width:92px; height:112px; overflow: hidden; padding:6px; border:1px solid #aaa; margin:4px; }
#imagec div.gallery div:hover { border:2px solid #0062B5; padding:5px; }