@import url(tabstyle.css);

body, html, table{
	border: 0px;
	margin: 0px;
	padding:0px;
	font-family: Verdana, "Times New Roman", serif;
	font-size: 10px;
	height:100%;
	background-color:#2E333B;
	background-color:#555555	;
}


body{
	padding-left:50px;
	padding-right:50px;
}

form{
	margin:0;
}

#top{
	width:100%;
	background-color:#40608C;
	background-color:#536885;
	background-color:#555555;
	height:110px;
}

#logo{
	background-image: url(../images/frabit-green.png);
	background-repeat: no-repeat;
	height:100px;
	margin:0px;
	margin-left:30px;
	_margin-left:15px;
	margin-top:6px;
	padding:0px;
	border:0px;
	display:block;
	width:149px;
	float:left;
}



#menu{
	width:100%;
	background-color:#767B76;
	height:36px;
	color:#000000;
	background:url("../images/rightcorner.png") no-repeat scroll right top #FF7B38;
}

#contents{
	margin:0;
	padding:0;
	border:0;
	width:100%;
	height:100%;
	border-collapse:collapse;
}
tr, td{
	margin:0;
	padding:0;
	border:0;
	vertical-align:top;
	background-color:#CCDDB8;
	background-color:#ECEBE5;

}
#content{
	display:block;
	width:100%;
	background-color:#CCDDB8;
	background-color:#ECEBE5;

	color:#000;
	padding:20px 0 0;
}

#content table{
	margin:0;
	padding:0;
	text-align:center;
}



#footer{
	width:100%;
	background-color:#ECEBE5;
	text-align:center;
	height:20px;
	padding-top:8px;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#menu li {
	float: left;
	margin: 0;
	padding: 0;
	}
#menu li a {
	float: left;
	margin: 0 0 0 0;
	padding-top: 9px;
	font-size: 1em;
	font-weight: normal;
	text-decoration: none;
	color: #000000;
}

#menu li a:hover {
	color: #000000;
}

#menu li a.active {
	font-weight: bold;
	color: #000000;
	border-bottom: 1px solid #27384F;
	border-right: 1px solid #27384F;
	
	}

.floatLeft{
	float:left;
	margin-right:3px;
}
.field{
	position:absolute;
	z-index:10;
	text-align:center;
	padding-top:3px;
	cursor:move;
}

.menuInput{
	border-color: #C0C0C0;
	border-style: solid;
	border-width: 1px;
	font-family: Verdana;
	font-size: 0.8em;
    padding: 1px;
	width:50px;
	float:left;
	margin-right:3px;
	margin-top:7px;

}

#menu label{
	padding: 9px 9px;
	display:block;
	width:60px;
	float:left;
	font-weight:normal;
	text-align:right;
	margin-right:5px;
	color:#000000;
}

#menu select {
	border-color: #C0C0C0;
	border-style: solid;
	border-width: 1px;
	font-family: Verdana;
	font-size: 1em;
    width:150px;
	margin-top:9px;
}

#menu input {
	border-color: #C0C0C0;
	border-style: solid;
	border-width: 1px;
	font-family: Verdana;
	font-size: 1em;
    width:40px;
	margin-top:9px;
}


a.dontprint{
	display:block;
	width:300px;
	height:125px;
	padding-left:4px;
	padding-top:4px;
	padding-bottom:4px;
	float:left;
	text-decoration:none;
	color:#000;
	background:url(../images/dontprint.jpg) no-repeat 30px 13px;
}

a.templatelinkImg{
	display:block;
	width:300px;
	height:125px;
	padding-left:4px;
	padding-top:4px;
	padding-bottom:4px;
	float:left;
	text-decoration:none;
	color:#000;
}
a.templatelinkImg:hover{
	background:url(../images/bgselect.gif) no-repeat 0px 0px;
	color:#FFF;
}
.skiltName{
	width : 175px;
	float : left;
}

#skilte{
	position:relative;
	display:block;
	clear:both;
	height:100%;
}


a.dontprint:hover {
	color: #fff;
	cursor:hand;
	background:url(../images/bgselect50.jpg) no-repeat 0px 0px;
}

#skilte li  a.picture:hover  {
	color: #fff;
	background:#CCDDB8;
	background-color:#FFFFFF;
	cursor:hand;
}

.sInfo {
	margin: 0 5px 0 0;
	padding: 0 0 0 15px;
	font-weight: normal;
	text-decoration: none;
	border-bottom: none;
	background: url(../images/arrow.gif) no-repeat 0 4px;
}

/*create skilt*/

.viewPdf{
	position:absolute;
	top:142px;
	left:512px;
	width:550px;
	height: 785px;
	z-index:1;
}

fieldsetx{
	width:395px;
	border: 1px solid #BBBEB7;
	margin-bottom:10px;
	margin-left:3px;
	line-height:17px;
	padding:3px;

}

fieldset label{
	display:block;
	width:115px;
	text-align:right;
	padding-right:5px;
	float:left;
	font-weight:normal;
	white-space:nowrap;
}


fieldset input {
	border-color: #C0C0C0;
	border-style: solid;
	border-width: 1px;
	font-family: Verdana;
	font-size: 1em;
    padding: 1px;
	
}



fieldset select {
	border-color: #C0C0C0;
	border-style: solid;
	border-width: 1px;
	font-family: Verdana;
	font-size: 1em;
    width:150px;
    margin-bottom:5px;
}

fieldset .checkbox{
	width:15px;
	border-style: none;
	border-width: 0px;
	margin-left:-1px;
}

.widefieldset label{
	width:251px;
}


#a4 div.field{
	
	border: 1px dashed #000;
	position:absolute;
	text-align:center;
}

#preview{
	padding:10px;
}

fieldset ul {
	width:95%;
	margin: 0;
	padding: 0;
	list-style: none;
}
fieldset li {
	margin: 0;
	padding: 0;
}
fieldset li a {
	display:block;
	width:100%;
	margin: 0 0 0 0;
	padding: 2px 9px;
	font-size: 1em;
	font-weight: normal;
	text-decoration: none;
	color: #000;
}

fieldset ul li a:hover {
	display:block;
	width:100%;
	color: #fff;
	background: #354966;
}

a.link{
	background: #2D405B;
	padding: 2px 9px;
	text-decoration: none;
	margin:2px;
	color:#FFF
}

a.link:hover {
	color: #fff;
	text-decoration: none;
	background: #354966;
}

.userinfoInput{
	float:left;
	display:block;
	text-align: left;
	border: 1px solid black;
	margin-bottom:5px;
	border-color: #A5ACB2;
	border-style: solid;
	border-width: 1px;
	font-family: Verdana;
	font-size: 1em;
    padding: 1px;
	width:50%;
 	background: #F2F2F2;

}

.bf_Left{
	width:130px;
	text-align:right;
}

.bf_Right{
	width:250px;
}

.text{
	width:240px;
}


fieldset {
    margin: 0;
	padding:0;
	padding-left:4px;
	margin-left:8px;
	margin-right:8px;
    border: none;
   
    border-top: 1px dotted #879FA9;
	line-height:17px;
	display:block;
}

legend {
    margin: 2px 10px;
    padding: 0px 2px 3px 2px;
    background: transparent;
    font-size: 1.3em;
    font-weight: bold;
}

.halv{
	float:left;
	width:50%;
}
.input {
	width:455px;
	
}


.input input{
	width:325px;
	_width:320px;
	height:16px;
	margin-bottom:5px;
}


.kampagneInfo{
	width:350px;
	float:left;
}

.kampagneInfo input{
	width:200px;
}

.input .checkbox{
	width:20px;
	margin-left:-3px;
}

.input .smallField{
	width:30px;
}

.checkbox{
	text-align:left;
}

.login {
	font-size:13px;
	margin-left:auto;
	margin-right:auto;
	margin-top:100px;
	width:540px;
}

.login input{
	font-size:12px;
	width:310px;
}

.login label{
	font-size:13px;
	margin-top:1px;
}

.login fieldset{
   padding-top:20px;
}

.login a{
	display:block;
	font-size:12px;
	height:18px;
	margin-left:121px;
	padding-top:3px;
	text-align:center;
	width:290px;
	_width:94px;
	_margin-left:124px;
}
#outer { overflow: hidden; position: relative;background:#ddd;}
#outer[id] {display: table; position: static;}

#middle {position: absolute; top: 50%;height: 120px; width:110px;} /* for explorer only*/
#middle[id] {display: table-cell; vertical-align: middle; position: static;height: 120px; width:110px;margin-right:auto;margin-left:auto;}


.selected {
	border:1px solid #000;
}

.pagenavigation *{
	display:inline;
	float:left;
	height:16px;
	padding-top:2px;
	text-align:center;


}

div.pagenavigation {
	text-align: center;
	margin-left:auto;
	margin-right:5px;
	margin-bottom:5px;
	float:right;
}


.pagenavigation .pageno {	
	width:22px;
	text-align:center;
	text-decoration:none;
	color:#000;
	margin-right:2px;
	border:1px solid #536885;
}

.pagenavigation a.pageno:hover {	
	background:#F77D1A;
	color:#FFF;
}

.pagenavigation a.previous:hover{
	background:#F77D1A url(../images/prev.png) no-repeat;
}

.pagenavigation a.next:hover{
	background:#F77D1A url(../images/next.png) no-repeat;
}

.pagenavigation .currentpage {	
	width:22px;
	background:#F77D1A;
	text-align:center;
	color:#FFF;
	margin-right:2px;
	border:1px solid #536885;
}


.pagenavigation .previous{
	width:22px;
	text-align:center;
	text-decoration:none;
	color:#000;
	margin-right:2px;
	margin-top:4px;
	border:1px solid #536885;
	background:url(../images/prev.png) no-repeat;
}

.pagenavigation .next{
	width:22px;
	border-left:0;
	margin-top:4px;
	text-align:center;
	text-decoration:none;
	color:#000;
	background:url(../images/next.png) no-repeat;
	border:1px solid #536885;
}

.pagenav{
	width:100%;
}

.picinfo{
	height:120px;
	width:185px;
	float:left;
}

a.piclink{
	display:block;
	width:145px;
	height:100px;
	padding:4px;
	float:left;
	text-decoration:none;
	color:#000;
}

a.piclink:hover{
	background:#536885;
	color:#FFF;
	text-decoration:none;
}

.pictureinfo{
	/*float:left;*/
	width:300px;
}

a.showpicturelink{
	display:block;
	width:140px;
	height:100px;
	padding:2px;
	float:left;
	text-align:center;
}

a.showpicturelink:hover{
	background:#EEE;
}

a.showpicturelink img{
	border:0;
}

a.templatelink{
	display:block;
	
	height:125px;
	padding:0px;
	padding-left:4px;
	padding-top:4px;
	padding-bottom:4px;
	float:left;
	text-decoration:none;
	color:#000;
}

a.templatelinks:hover{
	background:#536885;
	background:url(../images/bgselect.gif) no-repeat;
	color:#FFF;
	text-decoration:none;
	
}

a.templatelink img, a.templatelinkImg img, a.dontprint img{
	
	border:0;
}

.widefieldset{
	width: 600px;
}

.templateinfo{
	height:130px;
	float:left;
}

#menu a{
	padding:9px 9px 0px;
}
div.save{
	background:transparent url(../images/page_save.png) no-repeat;
}

div.view{
	background:transparent url(../images/oversigt.png) no-repeat;
}

div.add{
	background:transparent url(../images/page_add.png) no-repeat;
}

div.show{
	background:transparent url(../images/show.png) no-repeat;
}

div.print{
	background:transparent url(../images/printer.png) no-repeat;
}

div.refresh{
	background:url(../images/page_refresh.png) no-repeat;
}

div.search{
	background:url(../images/search.png) no-repeat;
}

div.delete{
	background:url(../images/delete.png) no-repeat;
}

div.next{
	background:url(../images/next.png) no-repeat;
}

div.prev{
	background:url(../images/prev.png) no-repeat;
}

div.pictureview{
	background:url(../images/pictures.png) no-repeat;
}

div.addpicture{
	background:url(../images/picture_add.png) no-repeat;
}

div.paperformats{
	background:url(../images/paperformats.png) no-repeat;
}

div.addpaper{
	background:url(../images/paper_add.png) no-repeat;
}

div.company{
	background:url(../images/company.png) no-repeat;
}

div.users{
	background:url(../images/users.png) no-repeat;
}

div.adduser{
	background:url(../images/user_add.png) no-repeat;
}

div.useredit{
	background:url(../images/user_edit.png) no-repeat;
}

div.deleteuser{
	background:url(../images/user_delete.png) no-repeat;
}

div.copy{
	background:url(../images/page_copy.png) no-repeat;
}

div.addField{
	background:url(../images/textfield_add.png) no-repeat;
}
#menu li div, .linkbutton div{
	width:20px;
	height:20px;
	float:left;
	behavior: url(./css/iepngfix.htc);
}

.linkbutton div {
	color:#FFF;
	padding-left:20px;
	width:100px;
	height:15px;
}

.linkbutton{
	background-color:#2D405B;
	border:2px solid #536885;
	display:block;
	height:15px;
	padding:1px;
	text-decoration:none;
	width:120px;
	float:left;
}

.spacerLeft{
	display:block;
	width:120px;
	height:1em;
	float:left;
}

.spacerLeft132{
	display:block;
	width:132px;
	height:1em;
	float:left;
}

.spacersmall{
	display:block;
	width:20px;
	height:1em;
	float:left;
}
#menu a:hover{
	
}

.tooltip{
	position:absolute;
	filter:alpha(opacity=0);
	opacity:0;
	font-family:arial;
	font-weight:bold;
	font-size:11px;
	top:30px;
	left:120px;
	width:200px;
	padding:2px;
	border:1px solid #FFC20D;
	background-color:#FFFBB8;
}

.wrongpassword{
	margin-top:15px;
	font-size:13px;
	width:100%;
	text-align:center;
	color:red;
}

#loader{

	height:32px;
	width:32px;
	margin-left:212px;
	margin-top:65px;
	background:url(../images/ajax-loader.gif);
}

#createSignLoader{
	position:absolute;
	height:32px;
	width:32px;
	left:640px;
	top:300px;
	background:url(../images/ajax-loader.gif);
}

#pdf{
	margin-left:75px;
}


.templateinfo {

width:289px;	
	background:url("../images/dotted.gif") repeat-x scroll left bottom transparent;
margin-bottom:10px;
padding-bottom:10px;
font-size:11px;
margin-right:20px;
}

.signthumb {
	float:right;
height:75px;
margin-right:18px;
position:relative;
width:100px;	
}

.signinfo{
		margin-left:13px;
}

.title{
font:bold 14px arial,sans-serif;
margin:0 0 5px;	
}

.leftcorner{
		background:url(../images/leftcorner.png);
		width:40px;
		height:36px;
		float:left;
}
.rightcorner{
		background:url(../images/rightcorner.png);
		width:40px;
		height:36px;
		float:right;
}

#omfrabit{
	font-size: 13pt;
    padding-top: 60px;
    text-align: center;
}

#frabitlink {
	color: #000000;
    display: block;
    font-size: 15pt;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}