/**********************************************/
/*	http:/express/res/res_synch/              */
/**********************************************/

/***** Standard styling */
body { font-size:12px; color: #2b2b2b; font-family: verdana, helvetica, sans-serif; background-color:#F7FCFF}
/* BACKGROUND-IMAGE: url(../qcms/dtmainbottom.gif); BACKGROUND-POSITION: bottom; BACKGROUND-REPEAT: repeat-x}  7/9-12 kho */
div { font-size:10px; font-family:verdana,helvetica,sans-serif; }
p { font-size: 12px; font-family: verdana, helvetica, sans-serif; margin: 0px; }
hr { color: #d4d4d4; height: 1px; }
img { border: 0px;}
form { margin: 0px; padding: 0px; }

old_input {max-width:400px; padding-right: 3px; padding-left: 3px; font-family: verdana, helvetica, sans-serif; font-size: 12px; vertical-align:middle; background-color: #ffffff; height:17px;}
old_select { margin-left:2px; padding-left: 1px; font-family: verdana, helvetica, sans-serif; font-size: 12px; vertical-align: middle;  background-color: #ffffff;  height:19px;}
old_textarea { max-width:400px; padding-right: 3px; padding-left: 3px;  font-family: verdana, helvetica, sans-serif; font-size: 12px; vertical-align: middle; background-color: #ffffff;}
input { padding-right: 3px; padding-left: 3px; border-right: #000000 1px solid; border-top: #000000 1px solid; font-family: verdana, helvetica, sans-serif; font-size: 9px; vertical-align: middle; border-left: #000000 1px solid; border-bottom: #000000 1px solid; background-color: #ffffff;}
select { padding-right: 3px; padding-left: 3px; border-right: #000000 1px solid; border-top: #000000 1px solid; font-family: verdana, helvetica, sans-serif; font-size: 9px; vertical-align: middle; border-left: #000000 1px solid; border-bottom: #000000 1px solid; background-color: #ffffff;}
textarea { padding-right: 3px; padding-left: 3px; border-right: #000000 1px solid; border-top: #000000 1px solid; font-family: verdana, helvetica, sans-serif; font-size: 9px; vertical-align: middle; border-left: #000000 1px solid; border-bottom: #000000 1px solid; background-color: #ffffff;}


input.button { border-right: #555555 1px solid; padding-right: 3px; border-top: #999999 1px solid; padding-left: 3px; padding-bottom: 0px; font: bold 9px verdana, helvetica, sans-serif; border-left: #999999 1px solid; color: #ffffff; padding-top: 0px; border-bottom: #555555 1px solid; background-color: #707070; text-decoration: none;}

table	{ border-collapse:collapse; }
table th	{ font-weight:normal; font-size:10px; color:#2b2b2b; font-family:verdana,helvetica,sans-serif; text-align:left; padding-right:0px; padding-left:0px; padding-bottom:2px; padding-top:2px; }
table td	{ font-weight:normal; font-size:10px; color:#2b2b2b; font-family:verdana,helvetica,sans-serif; text-align:left; padding-right:5px; padding-left:2px; padding-bottom:2px; padding-top:2px; }

.hidden      { display:none; }
.active { color:black; }

h1           { font-family: arial, sans-serif; }
h2           { font-family: verdana, helvetica, sans-serif; }
h1, h2, h3   { margin-top:0px; }

a { font-size:12px; color: #2b4f82; }

/***** container */
#container		{ margin-left:auto; margin-right:auto; }

/***** window & section */
.window { margin:0px; padding:0px; width:100%; position:relative; float:left; }

.windowheader { position:relative; float:none; background-color:transparent; height:50px; font-weight:normal; margin-bottom:0px; }
.windowheader h1  { font-size:20px; color:#336699; font-weight:bold; margin:0px; margin-top:0px; padding-right:25px; padding-left:55px; padding-top:15px; padding-bottom:0px; }
.windowheader h2  { font-size:12px; color:#2D3E4B; font-weight:bold; margin:0px; padding-right:25px; padding-left:55px; padding-top:0px; padding-bottom:0px; }
.windowheader p   { font-size:12px; text-align:left; color:black; font-weight:bold; padding-right:25px; padding-left:25px; padding-top:3px; margin:0px; }
.windowheader img { padding-top:2px; padding-right:1px; }

.windowcontent { margin-top:10px; border:0px; padding:0px; padding-left:5px; padding-right:5px; position:relative; float:left;}

.section           { width:100%; position:relative; float:none; margin-top:10px; }
.sectionheader     { height: 20px; position:relative; float:none; font-weight:bold; background-color:#336699; min-width:100%;} 
.sectionheader p   { font-size:11px; padding-left:20px; padding-top:2px; margin:0px; text-align:left; color:#FFFFFF; font-weight:bold;}
.sectionheader img { padding-top:3px; }

.sectioncontent    { position:relative; float:none; padding:0px; display:none; }

.left	{ display:block; position:absolute; top:0%; left:0%; float:left; padding-left:4px; }
.right	{ display:block; position:absolute; top:3%; right:0%; float:right; padding-right:4px; }

.actions		{ width:100%; position:relative;  float:left; margin-top:10px;}
.actions .left	{ float:left; position:relative;  padding:0px;}
.actions .right	{ float:right; position:relative; padding:0px;}

/***** tables */
table td.btn2cell { white-space:nowrap; padding:2px; border:0px solid white; text-align:center; width:1px;}

table.grid              { width:100%; margin-top:10px; }
table.grid tr           { background-color: #FFFFFF; }
table.grid tr.hover     { background-color: #F1F8FE; }
table.grid tr.hover td  { }
table.grid th           { font-size:11px; color:#FFFFFF; font-weight:bold; background-color:#336699; white-space: nowrap; 
                          padding-right:5px; padding-left:5px; padding-bottom:1px; padding-top:1px; 
                          border-right:0px solid white; height:20px;}
table.grid td           { height: 20px;
                          padding-right:5px; padding-left:5px; padding-top:2px; padding-bottom:2px; 
                          border-bottom:1px solid #FFFFFF; border-right:0px solid #FFFFFF; border-left:0px solid #FFFFFF;}

table.grid td.btn2cell   { width:1px; white-space: nowrap; padding: 2px; }

table.gridview		{ width:100%; border: 1px solid #336699; margin:0px; }
table.gridview tr	{ height: 20px;}
table.gridview th	{ font-weight: bold; border: 1px solid #336699; background-color:#F1F8FE; color:#336699; }
table.gridview td	{ background-color:#FFFFFF; border: 1px solid #336699; }

table.detail	{ width:100%; border: 1px solid #336699; margin:0px; }
table.detail tr	{ height: 20px; }
table.detail th	{ width:300px; font-weight: bold; border: 1px solid #336699; background-color:#F1F8FE; color:#336699; }
table.detail td	{ background-color:#FFFFFF; border: 1px solid #336699; }

table.input	{ width:100%; border: 1px solid #FFFFFF; margin:0px; }
table.input tr	{ height: 20px; }
table.input th	{ width:300px; font-weight:bold; border: 1px solid #336699; background-color:#E1EBEF; color:#336699; }
table.input td	{ background-color:#FFFFFF; border: 1px solid #336699; }

/***** fields */
.fld_numeric { text-align: right; }
.fld_password {}
.fld_text {}
.fld_date {}
.fld_time {}
.fld_timestamp {}
.fld_dropdown { }
.fld_checkbox { border: 0px solid black; }
.fld_radiobutton { border:0px solid black; background-color: transparent;}

.defaultbutton { height:0px; width:0px; margin:0px; padding:0px; border:0px; }



/***** Added by IK */

/* Boks Grå*/
.g-top-left, .g-top-right, .g-bottom-left, .g-bottom-right { 
	background-image: url('../qcms/dtboks1g.gif');
	height: 18px;
	font-size: 2px; 
	}
.g-top-left, .g-bottom-left { 
	margin-right: 15px; 
	}
.g-top-right, .g-bottom-right { 
	margin-left: 15px;  
	margin-top: -18px;  
	}
.g-top-right {
	background-position: 100% 0;   
	}
.g-bottom-left  { 
	background-position: 0 -18px;
	}
.g-bottom-right { 
	background-position: 100% -18px; 
	}
.g-inside {
	margin-left: 15px; 
	margin-right: 15px; 
	background: #f1f1f1;
	color: #000000;     
	padding-left: 8px; 
	padding-right:8px; 
	text-align: left;   
	}
.g-notopgap    { margin-top: 0; }
.g-nobottomgap { margin-bottom: 0; }
.g-insideleft, .g-insideright {
	background-image: url('../qcms/dtboks2g.gif'); 
	background-repeat: repeat-y;   
	}
.g-insideright { background-position: 100% 0; } 

/* Boks Rød*/
.r-top-left, .r-top-right, .r-bottom-left, .r-bottom-right { 
	background-image: url('../qcms/dtboks1r.gif');
	height: 18px;
	font-size: 2px; 
	}
.r-top-left, .r-bottom-left { 
	margin-right: 15px; 
	}
.r-top-right, .r-bottom-right { 
	margin-left: 15px;  
	margin-top: -18px;  
	}
.r-top-right {
	background-position: 100% 0;   
	}
.r-bottom-left  { 
	background-position: 0 -18px;
	}
.r-bottom-right { 
	background-position: 100% -18px; 
	}
.r-inside {
	margin-left: 15px; 
	margin-right: 15px; 
	background: #f1f1f1;
	color: #000000;     
	padding-left: 8px; 
	padding-right:8px; 
	text-align: left;   
	}
.r-notopgap    { margin-top: 0; }
.r-nobottomgap { margin-bottom: 0; }
.r-insideleft, .r-insideright {
	background-image: url('../qcms/dtboks2r.gif'); 
	background-repeat: repeat-y;   
	}
.r-insideright { background-position: 100% 0; } 


/* Button View */
a.btnviw { text-decoration:none;overflow:visible; float:left;height:28px;background:url(../qcms/btnviw.gif) no-repeat left top;margin:0;margin-right: 0px; 
padding:0px 0px 0px 25px}
a.btnviw span { float:left; height:21px;display:block; white-space: nowrap;background:url(../qcms/btntail.gif) no-repeat right top; 
padding: 7px 12px 0px 0px;font-size:10px;}
/* Backslash Hack \*/
a.btnviw span {float:none;}
/* End IE5-Mac hack */
a.btnviw:hover{ background-position:0% -28px; }
a.btnviw:hover span{ background-position:100% -28px;cursor:pointer; }

/* Button Copy */
a.btncpy { text-decoration:none;overflow:visible; float:left;height:28px;background:url(../qcms/btncpy.gif) no-repeat left top;margin:0;margin-right: 0px; 
padding:0px 0px 0px 25px}
a.btncpy span { float:left; height:21px;display:block; white-space: nowrap;background:url(../qcms/btntail.gif) no-repeat right top; 
padding: 7px 12px 0px 0px;font-size:10px;}
/* Backslash Hack \*/
a.btncpy span {float:none;}
/* End IE5-Mac hack */
a.btncpy:hover{ background-position:0% -28px; }
a.btncpy:hover span{ background-position:100% -28px;cursor:pointer; }

/* Button Display */
a.btndsp { text-decoration:none;text-decoration:none;overflow:visible; float:left;height:28px;background:url(../qcms/btndsp.gif) no-repeat left top;margin:0;margin-right: 0px; 
padding:0px 0px 0px 25px}
a.btndsp span { float:left; height:21px;display:block; white-space: nowrap;background:url(../qcms/btntail.gif) no-repeat right top; 
padding: 7px 12px 0px 0px;font-size:10px;}
/* Backslash Hack \*/
a.btndsp span {float:none;}
/* End IE5-Mac hack */
a.btndsp:hover{ background-position:0% -28px; }
a.btndsp:hover span{ background-position:100% -28px;cursor:pointer; }

/* Button Back */
a.btnbck { text-decoration:none;width:auto; overflow:visible;  float:left;height:28px;background:url(../qcms/btnbck.gif) no-repeat left top;margin:0;margin-right: 0px; 
padding:0px 0px 0px 25px}
a.btnbck span { float:left; height:21px;display:block; white-space: nowrap;background:url(../qcms/btntail.gif) no-repeat right top; 
padding: 7px 10px 0px 0px;font-size:10px;}
/* Backslash Hack \*/
a.btnbck span {float:none;}
/* End IE5-Mac hack */
a.btnbck:hover{ background-position:0% -28px; }
a.btnbck:hover span{ background-position:100% -28px;cursor:pointer;}

/* Button Up */
a.btnup { text-decoration:none;width:auto; overflow:visible;  float:left;height:28px;background:url(../qcms/btnup.gif) no-repeat left top;margin:0;margin-right: 0px; 
padding:0px 0px 0px 25px}
a.btnup span { float:left; height:21px;display:block; white-space: nowrap;background:url(../qcms/btntail.gif) no-repeat right top; 
padding: 7px 10px 0px 0px;font-size:10px;}
/* Backslash Hack \*/
a.btnup span {float:none;}
/* End IE5-Mac hack */
a.btnup:hover{ background-position:0% -28px; }
a.btnup:hover span{ background-position:100% -28px;cursor:pointer; }

/* Button Forward */
a.btnfwd { text-decoration:none;width:auto; overflow:visible;  float:left;height:28px;background:url(../qcms/btnfwd.gif) no-repeat left top;margin:0;margin-right: 0px; 
padding:0px 0px 0px 8px}
a.btnfwd span { float:left; height:21px;display:block; white-space: nowrap;background:url(../qcms/btnfw2.gif) no-repeat right top; 
padding: 7px 25px 0px 0px;font-size:10px;}
/* Backslash Hack \*/
a.btnfwd span {float:none;}
/* End IE5-Mac hack */
a.btnfwd:hover{ background-position:0% -28px; }
a.btnfwd:hover span{ background-position:100% -28px;cursor:pointer; }

/* Button Ok */
a.btnok { text-decoration:none;width:auto; overflow:visible;  float:left;height:28px;background:url(../qcms/btnok.gif) no-repeat left top;margin:0;margin-right: 0px; 
padding:0px 0px 0px 25px}
a.btnok span { float:left; height:21px;display:block; white-space: nowrap;background:url(../qcms/btntail.gif) no-repeat right top; 
padding: 7px 10px 0px 0px;font-size:10px;}
/* Backslash Hack \*/
a.btnok span {float:none;}
/* End IE5-Mac hack */
a.btnok:hover{ background-position:0% -28px; }
a.btnok:hover span{ background-position:100% -28px;cursor:pointer; }

/* Button Error */
a.btnerr { text-decoration:none;width:auto; overflow:visible;  float:left;height:28px;background:url(../qcms/btnerr.gif) no-repeat left top;margin:0;margin-right: 0px; 
padding:0px 0px 0px 25px}
a.btnerr span { float:left; height:21px;display:block; white-space: nowrap;background:url(../qcms/btntail.gif) no-repeat right top; 
padding: 7px 10px 0px 0px;font-size:10px;}
/* Backslash Hack \*/
a.btnerr span {float:none;}
/* End IE5-Mac hack */
a.btnerr:hover{ background-position:0% -28px; }
a.btnerr:hover span{ background-position:100% -28px;cursor:pointer; }

/* Button Add */
a.btnadd { text-decoration:none;width:auto; overflow:visible;  float:left;height:28px;background:url(../qcms/btnadd.gif) no-repeat left top;margin:0;margin-right: 0px; 
padding:0px 0px 0px 25px}
a.btnadd span { float:left; height:21px;display:block; white-space: nowrap;background:url(../qcms/btntail.gif) no-repeat right top; 
padding: 7px 10px 0px 0px;font-size:10px;}
/* Backslash Hack \*/
a.btnadd span {float:none;}
/* End IE5-Mac hack */
a.btnadd:hover{ background-position:0% -28px; }
a.btnadd:hover span{ background-position:100% -28px;cursor:pointer; }

/* Button Edit */
a.btnedt { text-decoration:none;width:auto; overflow:visible;  float:left;height:28px;background:url(../qcms/btnedt.gif) no-repeat left top;margin:0;margin-right: 0px; 
padding:0px 0px 0px 25px}
a.btnedt span { float:left; height:21px;display:block; white-space: nowrap;background:url(../qcms/btntail.gif) no-repeat right top; 
padding: 7px 10px 0px 0px;font-size:10px;}
/* Backslash Hack \*/
a.btnedt span {float:none;}
/* End IE5-Mac hack */
a.btnedt:hover{ background-position:0% -28px; }
a.btnedt:hover span{ background-position:100% -28px;cursor:pointer; }

/* Button Delete */
a.btndel { text-decoration:none;width:auto; overflow:visible;  float:left;height:28px;background:url(../qcms/btndel.gif) no-repeat left top;margin:0;margin-right: 0px; 
padding:0px 0px 0px 25px}
a.btndel span { float:left; height:21px;display:block; white-space: nowrap;background:url(../qcms/btntail.gif) no-repeat right top; 
padding: 7px 10px 0px 0px;font-size:10px;}
/* Backslash Hack \*/
a.btndel span {float:none;}
/* End IE5-Mac hack */
a.btndel:hover{ background-position:0% -28px; }
a.btndel:hover span{ background-position:100% -28px;cursor:pointer; }

/* Button down */
a.btndwn { text-decoration:none;width:auto; overflow:visible;  float:left;height:28px;background:url(../qcms/btndwn.gif) no-repeat left top;margin:0;margin-right: 0px; 
padding:0px 0px 0px 25px}
a.btndwn span { float:left; height:21px;display:block; white-space: nowrap;background:url(../qcms/btntail.gif) no-repeat right top; 
padding: 7px 10px 0px 0px;font-size:10px;}
/* Backslash Hack \*/
a.btndwn span {float:none;}
/* End IE5-Mac hack */
a.btndwn:hover{ background-position:0% -28px; }
a.btndwn:hover span{ background-position:100% -28px;cursor:pointer; }

/* Button Table */
a.btntbl { text-decoration:none;width:auto; overflow:visible;  float:left;height:28px;background:url(../qcms/btntbl.gif) no-repeat left top;margin:0;margin-right: 0px; 
padding:0px 0px 0px 25px}
a.btntbl span { float:left; height:21px;display:block; white-space: nowrap;background:url(../qcms/btntail.gif) no-repeat right top; 
padding: 7px 10px 0px 0px;font-size:10px;}
/* Backslash Hack \*/
a.btntbl span {float:none;}
/* End IE5-Mac hack */
a.btntbl:hover{ background-position:0% -28px; }
a.btntbl:hover span{ background-position:100% -28px;cursor:pointer; }

/* Button */
a.btn { text-decoration:none;width:auto; overflow:visible;  float:left;height:28px;background:url(../qcms/btnfwd.gif) no-repeat left top;margin:0;margin-right: 0px; 
padding:0px 0px 0px 8px}
a.btn span { float:left; height:21px;display:block; white-space: nowrap;background:url(../qcms/btntail.gif) no-repeat right top; 
padding: 7px 10px 0px 0px;font-size:10px;}
/* Backslash Hack \*/
a.btn span {float:none;}
/* End IE5-Mac hack */
a.btn:hover{ background-position:0% -28px; }
a.btn:hover span{ background-position:100% -28px;cursor:hand; }


span.btndel {background:url(../qcms/griddel.gif) no-repeat left top;height:16px;width:16px;cursor:hand;display:block}
span.btnusr {background:url(../qcms/gridusr.gif) no-repeat left top;height:16px;width:16px;cursor:hand;display:block}
span.btndwn {background:url(../qcms/griddwn.gif) no-repeat left top;height:16px;width:16px;cursor:hand;display:block}
span.btncpy {background:url(../qcms/gridcpy.gif) no-repeat left top;height:16px;width:16px;cursor:hand;display:block}
span.btnedt {background:url(../qcms/gridedt.gif) no-repeat left top;height:16px;width:16px;cursor:hand;display:block}
span.btnadd {background:url(../qcms/gridadd.gif) no-repeat left top;height:16px;width:16px;cursor:hand;display:block}
span.btndsp {background:url(../qcms/griddsp.gif) no-repeat left top;height:16px;width:16px;cursor:hand;display:block}
span.btntbl {background:url(../qcms/gridtbl.gif) no-repeat left top;height:16px;width:16px;cursor:hand;display:block}
span.btnviw {background:url(../qcms/gridviw.gif) no-repeat left top;height:16px;width:16px;cursor:hand;display:block}


#calendarDiv{
	position:absolute;
	width:205px;
	border:1px solid #317082;
	padding:1px;
	background-color: #FFF;
	font-family:arial;
	font-size:10px;
	padding-bottom:20px;
	visibility:hidden;
}
#calendarDiv span,#calendarDiv img{
	float:left;
}
#calendarDiv .selectBox,#calendarDiv .selectBoxOver{
	
	line-height:12px;
	padding:1px;
	cursor:pointer;
	padding-left:2px;
}

#calendarDiv .selectBoxTime,#calendarDiv .selectBoxTimeOver{	
	line-height:12px;
	padding:1px;
	cursor:pointer;
	padding-left:2px;
}

#calendarDiv td{
	padding:3px;
	margin:0px;
	font-size:10px;
}



#calendarDiv .selectBox{
	border:1px solid #E2EBED;		
	color: #E2EBED;
	position:relative;
}
#calendarDiv .selectBoxOver{
	border:1px solid #FFF;
	background-color: #317082;
	color: #FFF;
	position:relative;
}
#calendarDiv .selectBoxTime{
	border:1px solid #317082;		
	color: #317082;
	position:relative;
}
#calendarDiv .selectBoxTimeOver{
	border:1px solid #216072;	
	color: #216072;
	position:relative;
}

#calendarDiv .topBar{
	height:16px;
	padding:2px;
	background-color: #317082;


}
#calendarDiv .activeDay{	/* Active day in the calendar */
	color:#FF0000;
}
#calendarDiv .todaysDate{
	height:17px;
	line-height:17px;
	padding:2px;
	background-color: #E2EBED;
	text-align:center;
	position:absolute;
	bottom:0px;
	width:201px;
}
#calendarDiv .todaysDate div{
	float:left;
}
	
#calendarDiv .timeBar{
	height:17px;
	line-height:17px;
	background-color: #E2EBED;
	width:72px;
	color:#FFF;
	position:absolute;
	right:0px;
}

#calendarDiv .timeBar div{
	float:left;
	margin-right:1px;
}


#calendarDiv .monthYearPicker{
	background-color: #E2EBED;
	border:1px solid #AAAAAA;
	position:absolute;
	color: #317082;
	left:0px;
	top:15px;
	z-index:1000;
	display:none;

}
#calendarDiv #monthSelect{
	width:70px;
}
#calendarDiv .monthYearPicker div{
	float:none;
	clear:both;	
	padding:1px;
	margin:1px;	
	cursor:pointer;
}
#calendarDiv .monthYearActive{
	background-color:#317082;
	color: #E2EBED;
}

#calendarDiv td{
	text-align:right;
	cursor:pointer;
}

#calendarDiv .topBar img{
	cursor:pointer;
}
#calendarDiv .topBar div{
	float:left;
	margin-right:1px;
}
#popupMask { display:none; 	position:absolute;
	top:0; left:0; width:100%; height:100%; z-index:200;
	background-color:#F7FCFF; -moz-opacity:0.7; opacity:.70; filter:alpha(opacity=70); }

#popupContainer { position:absolute; z-index:201; top:0px; left:0px; display:none; }
#popupInner { border:1px solid #000000; background-color:#F7FCFF; }
#popupFrame { margin:0px; width:100%; height:100%; position:relative; z-index:202; }

#popupTitleBar { background-color:#336699; color:#FFFFFF; font-weight:bold; height:1.3em; padding:5px; 
	border-bottom:2px solid #000000;
	border-top:1px solid #78A3F2;
	border-left:1px solid #78A3F2;
	border-right:1px solid #204095;
	position:relative; z-index:203; }

#popupTitle { float:left; font-size:1.1em; }

#popupControls { float:right; cursor:pointer; cursor:hand; }
#popupControls a span { display:block; height:15px; width:15px; text-indent:-9000px; background:url('../qcms/close.gif') no-repeat; }


.mockupdiv {
margin:0px;
padding:0px;
border:1px #B5101A solid;
}
.mockuptext {
margin:0px;
padding:0px;
}
.mockupth {
color:white;
font-weight:bold;
background-color:#B5101A;
}
/*
* http:/express/res/res_synch/tiny_mce is replaced with ..
*/