/***** Standard styling */
html { margin:0px; padding:0px;}
body { font-size:9pt; color: #333333; font-family: verdana, helvetica, sans-serif; background-color:white;}
div { font-size:10px; font-family:verdana,helvetica,sans-serif; }
p { font-size: 12px; font-family: verdana, helvetica, sans-serif; margin: 0px; color:#333333}
hr { color: #d4d4d4; height: 1px; }
img { border: 0px;}
form { margin: 0px; padding: 0px; }

input {	color:#333333; padding-right:3px; padding-left:3px; 
		border-right: #9b9b9b 1px solid; border-top: #9b9b9b 2px solid; border-left: #9b9b9b 2px solid; border-bottom: #9b9b9b 1px solid;
		font-family: verdana, helvetica, sans-serif; font-size: 9pt; vertical-align: middle; background-color: #ffffff; }

select { color:#333333; padding-right:0px; padding-left:0px;
		border-right: #9b9b9b 1px solid; border-top: #9b9b9b 2px solid; border-left: #9b9b9b 2px solid; border-bottom: #9b9b9b 1px solid;		
		font-family: verdana, helvetica, sans-serif; font-size: 9pt; vertical-align: middle; background-color: #ffffff;}
		
textarea { color:#333333; padding-right:3px; padding-left: 3px;
		  border-right: #9b9b9b 1px solid; border-top: #9b9b9b 3333 2px solid; border-left: #9b9b9b 2px solid; border-bottom: #9b9b9b 1px solid;		
		  font-family: verdana, helvetica, sans-serif; font-size: 9pt; vertical-align: middle; 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:11px; color:#2b2b2b; font-family:verdana,helvetica,sans-serif; text-align:left; padding-right:15px; padding-left:5px; padding-bottom:2px; padding-top:1px; }
table td	{ font-weight:normal; font-size:11px; color:#2b2b2b; font-family:verdana,helvetica,sans-serif; text-align:left; padding-right:5px; padding-left:5px; padding-bottom:2px; padding-top:2px; }

.hidden      { display:none; }

h1           { font-size:18px; font-family: verdana, helvetica, sans-serif; margin-top:10px;color:#e47f1d}
h2           { font-size:16px; font-family: verdana, helvetica, sans-serif; margin-top:10px;color:black }
h3 	         { font-size:12px; margin-top:0px; }
h4 	         { font-size:12px; margin-top:0px; }
h5 	         { font-size:12px; margin-top:0px; }

h2           { font-size:12px; margin-top:0px; }

a { font-size:12px; text-decoration:none; color: #e47f1d; }
a:hover { font-size:12px; text-decoration:none; color:#333333; }
a:active { font-size:12px; text-decoration:none; color:#333333; }

.active { font-size:12px; text-decoration:none; color:#333333; }

.errormessage { color: red; }

/***** container */
#container		{ margin-left:auto; margin-right:auto; overflow:hidden; width:100%; padding:0px; margin:0px; }

/***** 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:0%; right:0%; float:right; padding-right:4px; } *****/

	div.left { float:left;   }
	div.right { float:right; } 


.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           { height:25px; background-color: #FFFFFF; }
table.grid tr.hover     { background-color: #F7F3EF; }
table.grid tr.hover td  { }
table.grid th           { font-size:11px; color:#FFFFFF; font-weight:bold; background-color:#E47F1D; white-space: nowrap; 
                          padding-right:5px; padding-left:5px; padding-bottom:1px; padding-top:1px; 
                          border-right:0px solid #FFFFFF; height:20px}
table.grid td           { height: 20px;
                          padding-right:5px; padding-left:5px; padding-top:2px; padding-bottom:2px; 
                          border:1px solid #FFD38E; }

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.gridsearch    { width:100%; border: 1px solid #c9c9c9; margin-top:0px; text-align:left;}
table.gridsearch tr { background-color: #f7f3ef; height:25px; }
table.gridsearch th { border-right: 0px solid white; border-left:0px solid white;  font-weight:bold; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px; }
table.gridsearch td { border-right: 0px solid white; border-left:0px solid white; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px; }

table.detail	{ border:0px solid #336699; margin:0px; }
table.detail tr	{ height: 20px; }
table.detail th	{ font-weight: bold; border:0px solid #336699; background-color:#FFFFFF; color:#000000 ; }
table.detail td	{ background-color:#FFFFFF; border: 0px solid #336699; }

table.input		{ border:0px solid #336699; margin:0px; margin-top:10px; }
table.input tr	{ height: 20px; }
table.input th	{ font-weight: bold; border:0px solid #000000; background-color:#FFFFFF; color:#000000; vertical-align:top; }
table.input td	{ background-color:#FFFFFF; border:0px solid #336699; }

table.input th h1 { font-size:16px;color:black; margin-top:10px; margin-bottom:2px; }

/***** 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(/wsyweb20/res/res_dt/images/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(/wsyweb20/res/res_dt/images/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(/wsyweb20/res/res_dt/images/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(/wsyweb20/res/res_dt/images/dtboks2r.gif); 
	background-repeat: repeat-y;   
	}
.r-insideright { background-position: 100% 0; } 


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

span.btnlorry_add {background:url(/wsyweb20/res/res_dt/images/gridlorry_add.gif) no-repeat left top;height:16px;width:16px;cursor:pointer;display:block}


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

span.btnmoney {background:url(/wsyweb20/res/res_dt/images/gridmoney.gif) no-repeat left top;height:16px;width:16px;cursor:pointer;display:block}

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

span.btnarrow_right {background:url(/wsyweb20/res/res_dt/images/gridfwd.gif) no-repeat left top;height:16px;width:16px;cursor:pointer;display:block}

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

span.btnfwd {background:url(/wsyweb20/res/res_dt/images/gridfwd.gif) no-repeat left top;height:16px;width:16px;cursor:pointer;display:block}


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

span.btnfind {background:url(/wsyweb20/res/res_dt/images/gridfind.gif) no-repeat left top;height:16px;width:16px;cursor:pointer;display:block}


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

span.btnnew {background:url(/wsyweb20/res/res_dt/images/gridnew.gif) no-repeat left top;height:16px;width:16px;cursor:pointer;display:block}


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

span.btnwand {background:url(/wsyweb20/res/res_dt/images/gridviw.gif) no-repeat left top;height:16px;width:16px;cursor:pointer;display:block}

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

span.btnpage_white_copy {background:url(/wsyweb20/res/res_dt/images/gridcpy.gif) no-repeat left top;height:16px;width:16px;cursor:pointer;display:block}


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

span.btnmagnifier  {background:url(/wsyweb20/res/res_dt/images/griddsp.gif) no-repeat left top;height:16px;width:16px;cursor:pointer;display:block}

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

span.btnarrow_left {background:url(/wsyweb20/res/res_dt/images/gridbck.gif) no-repeat left top;height:16px;width:16px;cursor:pointer;display:block}

/* Button Back */
a.btnbck { text-decoration:none;width:auto; overflow:visible;  float:left;height:28px;background:url(/wsyweb20/res/res_dt/images/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(/wsyweb20/res/res_dt/images/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:hover.btnbck{ background-position:0% -28px; }
a:hover.btnbck span{ background-position:100% -28px;cursor:pointer;}

span.btnbck {background:url(/wsyweb20/res/res_dt/images/gridbck.gif) no-repeat left top;height:16px;width:16px;cursor:pointer;display:block}


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

span.btnarrow_up {background:url(/wsyweb20/res/res_dt/images/gridup.gif) no-repeat left top;height:16px;width:16px;cursor:pointer;display:block}

/* Button Up */
a.btnup { text-decoration:none;width:auto; overflow:visible;  float:left;height:28px;background:url(/wsyweb20/res/res_dt/images/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(/wsyweb20/res/res_dt/images/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:hover.btnup{ background-position:0% -28px; }
a:hover.btnup span{ background-position:100% -28px;cursor:pointer; }

span.btnup {background:url(/wsyweb20/res/res_dt/images/gridup.gif) no-repeat left top;height:16px;width:16px;cursor:pointer;display:block}

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

span.btnarrow_down {background:url(/wsyweb20/res/res_dt/images/griddwn.gif) no-repeat left top;height:16px;width:16px;cursor:pointer;display:block}


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

span.btnarrow_right2 {background:url(/wsyweb20/res/res_dt/images/gridfwd.gif) no-repeat left top;height:16px;width:16px;cursor:pointer;display:block}

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

span.btninformation {background:url(/wsyweb20/res/res_dt/images/gridinformation.gif) no-repeat left top;height:16px;width:16px;cursor:pointer;display:block}



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

span.btnaccept {background:url(/wsyweb20/res/res_dt/images/gridok.gif) no-repeat left top;height:16px;width:16px;cursor:pointer;display:block}

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

span.btncancel {background:url(/wsyweb20/res/res_dt/images/griderr.gif) no-repeat left top;height:16px;width:16px;cursor:pointer;display:block}

/* Button Add */
a.btnadd { text-decoration:none;width:auto; overflow:visible;  float:left;height:28px;background:url(/wsyweb20/res/res_dt/images/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(/wsyweb20/res/res_dt/images/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:hover.btnadd{ background-position:0% -28px; }
a:hover.btnadd span{ background-position:100% -28px;cursor:pointer; }

span.btnadd {background:url(/wsyweb20/res/res_dt/images/gridadd.gif) no-repeat left top;height:16px;width:16px;cursor:pointer;display:block}

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

span.btnpencil {background:url(/wsyweb20/res/res_dt/images/gridedt.gif) no-repeat left top;height:16px;width:16px;cursor:pointer;display:block}

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

span.btndelete {background:url(/wsyweb20/res/res_dt/images/griddel.gif) no-repeat left top;height:16px;width:16px;cursor:pointer;display:block}

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

span.btntable {background:url(/wsyweb20/res/res_dt/images/gridtbl.gif) no-repeat left top;height:16px;width:16px;cursor:pointer;display:block}

/* Button */
a.btn { text-decoration:none;width:auto; overflow:visible;  float:left;height:28px;background:url(/wsyweb20/res/res_dt/images/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(/wsyweb20/res/res_dt/images/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:hover.btn{ background-position:0% -28px; }
a:hover.btn span{ background-position:100% -28px;cursor:pointer; }



#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('/wsyweb20/res/res_dt/images/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;
}