@media print {

	#header
	,#sidebar
	,#footer
	,#menubar
	,#tabs11 {
				visibility: hidden;
				display:none;
	}
	#content {
		positon:absolute;
		top:10px;
		width:100%;
		padding:10px;
	}
}

html	{overflow: -moz-scrollbars-vertical;}
body {margin:0px;padding:0px;font:11px Verdana,Arial,sans-serif;background-color: #fff;}
a, a:hover, a:active {text-decoration: none;color: #000;}

.ellipsis {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* ID styles*/
#pagecontent {padding:5px;}
#pagecontent p {line-height:1.5em;}
#pagecontent p a {color:#333;text-decoration:underline;}
#pagecontent p a:hover {color:#000;text-decoration:none;}
#pagemenu {}


/* CLASS styles */
.onrow{background-color: #fff;}
.overrow{background-color: #F4F4F4;}
.selectedrow{background-color: #f8c752;}
.nowrap {display: block;overflow: hidden;white-space: nowrap;}
.fieldwarning{background-color: #FFF77C;}
.warning, .warning td,.warning a {background-color: red;color: #FFF;padding:2px;}
.datepicker{padding:5px;text-decoration:none;padding-left:17px;background: url(/images/system/calendar.gif) no-repeat 0 50%;}

/* OVERVIEW styles */
#overview {width:100%;border-collapse: collapse;}
#overview caption {font-size:14px;font-weight:bold;padding-bottom:5px;text-align: left;text-transform: capitalize;}
#overview thead {background-color: #666;color: #fff;}
#overview thead th {padding:5px;text-align:left;text-transform: capitalize;}
#overview tfoot {background-color: #fff;text-align:right;}
#overview tbody {background-color: #fff;cursor:pointer;}
#overview tbody td {padding:5px;}
#overview tr {vertical-align: top;}
#overview td {padding:5px;border: 1px solid #CCC;}
#overview a,#overview a:active {border-bottom:1px dotted #CCC;}
#overview a:hover {border-bottom:1px solid #CCC;color:#C00;}
/*#overview tbody tr:nth-child(even) td { background: #FFE;}*/


/* FORMVIEW styles */
#formview {padding:10px;margin:0px;border:0;}
#formview legend {font-size:12px;font-weight:bold;padding:5px;margin-bottom:0;margin-left:-5px;}
#formview form {padding:5px;margin:0px;background-color: #F4F4F4;border:1px solid silver;}
#formview form div {display:block;text-align:left;padding:2px;}
#formview form div label {float:left;width:150px;margin-right:10px;clear:both;font-weight:bold;white-space:nowrap;overflow:hidden;text-transform: capitalize;}
/* Form controls */
#formview form div input {width:250px;}
#formview form div input.small {width:100px;}
#formview form div select {width:250px;}
#formview form div select option {border-bottom:1px solid silver;}
#formview form div select.small {width:auto;}
#formview form div textarea {width:250px;}
/* Checkbox */
#formview form div input.cb {width:auto;}
#formview form div input.rb {}
#formview form div input.txt {}
#formview form div input.txtarea {}

/* NAVIGATION styles */
    #tabs11 {
      float:left;
      width:100%;
          background:#F9F7F3;
      font-size:93%;
      line-height:normal;
          border-bottom:1px solid #C2BDAE;
      }
    #tabs11 ul {
          margin:0;
          padding:10px;
          list-style:none;
      }
    #tabs11 li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs11 a {
      float:left;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabs11 a span {
      float:left;
      display:block;
      padding:5px 15px 4px 6px;
      color:#9F9584;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs11 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs11 a:hover span {
      color:#FFF;
      }
    #tabs11 a:hover {
      background-position:0% -42px;
      }
    #tabs11 a:hover span {
      background-position:100% -42px;
      }

      #tabs11 #current a {
              background-position:0% -42px;
      }
      #tabs11 #current a span {
              background-position:100% -42px;
			  color:#ffffff;
      }
-->


/* NAVIGATION styles */
#pagemenu ul {margin:0px;padding:5px 15px;}
#pagemenu ul li {list_style:none;display:inline;}
#pagemenu ul li a {color: silver;border-bottom:0;padding:5px;text-decoration:none;padding-left:17px;background: url(/images/system/bw/folder.gif) no-repeat 0 50%;}
#pagemenu ul li a:hover {color: #000;border-bottom:0;background: url(/images/system/color/folder.gif) no-repeat 0 50%;}
#pagemenu ul li a.backlnk {background: url(/images/system/bw/arrow_l.gif) no-repeat 0 50%;}
#pagemenu ul li a.savelnk {background: url(/images/system/bw/save.gif) no-repeat 0 50%;}
#pagemenu ul li a.newlnk {background: url(/images/system/bw/add.gif) no-repeat 0 50%;}
#pagemenu ul li a.editlnk {background: url(/images/system/bw/edit.gif) no-repeat 0 50%;}
#pagemenu ul li a.deletelnk {background: url(/images/system/bw/trash.gif) no-repeat 0 50%;}
#pagemenu ul li a.refreshlnk {background: url(/images/system/bw/refresh.gif) no-repeat 0 50%;}
#pagemenu ul li a.closewindowlnk {background: url(/images/system/bw/folder_open.gif) no-repeat 0 50%;}

#pagemenu ul li a.backlnk:hover {background: url(/images/system/color/arrow_l.gif) no-repeat 0 50%;}
#pagemenu ul li a.savelnk:hover {background: url(/images/system/color/save.gif) no-repeat 0 50%;}
#pagemenu ul li a.newlnk:hover {background: url(/images/system/color/add.gif) no-repeat 0 50%;}
#pagemenu ul li a.editlnk:hover {background: url(/images/system/color/edit.gif) no-repeat 0 50%;}
#pagemenu ul li a.deletelnk:hover {background: url(/images/system/color/trash.gif) no-repeat 0 50%;}
#pagemenu ul li a.refreshlnk:hover {background: url(/images/system/color/refresh.gif) no-repeat 0 50%;}
#pagemenu ul li a.closewindowlnk:hover {background: url(/images/system/color/folder.gif) no-repeat 0 50%;}


#navigation {
	* position:relative; /*style for IE*/
	top:20px;float:right;
}
#navigation ul {margin:0px;padding:5px;}
#navigation ul li {list_style:none;display:inline;}
#navigation ul li a.prev {padding:5px;text-decoration:none;padding-left:17px;background: url(/images/system/arrow_l.gif) no-repeat 0 50%;}
#navigation ul li a.prev:hover {background: url(/images/system/arrow_l_over.gif) no-repeat 0 50%;color: #003851;}
#navigation ul li a.next {padding:5px;text-decoration:none;padding-right:17px;background: url(/images/system/arrow_r.gif) no-repeat right}
#navigation ul li a.next:hover {background: url(/images/system/arrow_r_over.gif) no-repeat right;color: #003851;}

#filter{background-color:#d4d4d4;border:1px solid gray;padding:5px 10px;}
#filter table td {border:0;}
#filter form{margin:0px;padding:0px;}
#filter input{display:block;}
#filter select{display:block;}

/* LOGIN style */
#login {text-align: center;height: 100%;display:block;}
#login fieldset {padding:10px;text-align: left;width:350px; margin: 0px auto;vertical-align:middle;border:1px dotted silver;}
#login fieldset legend {padding:2px;font-weight:bold; padding-left:20px;background: #FFF url(/images/system/login.gif) no-repeat;}
#login fieldset form {padding:5px;background-color: #F4F4F4;border:1px solid silver;}
#login fieldset form div {display:block; padding:2px;}
#login fieldset form div label {width:100px;float:left;}

/* Dashboard */
.main {width:60%;float:left;padding:0 10px 20px;}
.right {width:30%;float:left;padding:0 10px 20px;}

div.employee {float:right;padding:10px;font-weight: bold;}

.main table, .right table {width:98%;border: 1px solid #CCC;border-width:1px 0 0 1px;}
.main table td, .right table td {padding:5px;border: 1px solid #CCC;border-width:0 1px 1px 0;}
.main table td a, .right table td a, .main table td a:active, .right table td a:active {border-bottom:1px dotted #CCC;}
.main table td a:hover, .right table td a:hover {border-bottom:1px solid #CCC;color:#C00;}

p.meer {text-align:right;padding:0 20px;}
p.meer a {text-decoration:underline;}
p.meer a:hover {text-decoration:none;}

a.infohours {position:relative;z-index:24;}
a.infohours:hover {z-index:25;}
a.infohours span {display:none;}
a.infohours:hover span {display:block;position:absolute;top:2em;left:2em;border:1px solid #999;background-color:#FFC;color:#000;line-height:1.5em;padding:5px 10px;width:200px;text-align:left;}