BODY {
	background: #d7d7d7 url(../_gfx/bg_page.gif) repeat-x;
	padding: 0px;
	margin: 0px;
	font: normal 11px Verdana;
	color: #222;
}

TD {
	font: normal 11px Verdana;
	color: #222;
}

INPUT {
	font: normal 11px Verdana;

}

INPUT[type] {
	font: normal 11px Verdana;
	border: 1px solid #68a;
	padding: 2px;
}

INPUT[type=button] {
	outline: 1px solid #68a;
	border: 0;
	padding: 2px 6px 2px 6px;
	background: #ccc url(../_gfx/bg_button_grey.gif) repeat-x;
}

INPUT[type=button]:hover {

	outline: 1px solid #36a;
	border: 2px solid #fc6;
	padding: 0px 4px 0px 4px;
	background: #ccc url(../_gfx/bg_button_grey.gif) repeat-x;
}

INPUT[type=submit] {
	outline: 1px solid #36a;
	border: 0;
	padding: 2px 6px 2px 6px;
	background: #ccc url(../_gfx/bg_button_grey.gif) repeat-x;
}

INPUT[type=submit]:hover {

	outline: 1px solid #36a;
	border: 2px solid #fc6;
	padding: 0px 4px 0px 4px;
	background: #ccc url(../_gfx/bg_button_grey.gif) repeat-x;
}

INPUT[type=submit].small { font-size: 10px; }
INPUT[type=button].small { font-size: 10px; }

SELECT {
	font: normal 11px Verdana;
	border: 1px solid #68a;
	padding: 0px;
	margin: 0px;
}
OPTION {
	padding: 0px 2px 2px 2px;
	margin: 1px;

}
TEXTAREA {
	font: normal 11px Verdana;
	border: 1px solid #68a;
	padding: 2px;
}

FORM { padding: 0px; margin: 0px; }

IMG { border: 0px; }

P	{ margin: 0px 0px 12px 0px; }
H1	{ margin: 0px 0px 12px 0px; font-size: 18px; color: #36a; font-family: Arial, Helvetica, sans-serif; }
H2	{ margin: 0px 0px 10px 0px; font-size: 16px; color: #36a; font-family: Arial, Helvetica, sans-serif; }
H3	{ margin: 0px 0px 8px 0px; font-size: 14px; color: #36a; font-family: Arial, Helvetica, sans-serif; }
H4	{ margin: 0px 0px 4px 0px; font-size: 12px; color: #36a; font-family: Arial, Helvetica, sans-serif; }

A:link 			{ color: #46c; font-weight: bold; text-decoration: none; }
A:visited 		{ color: #46c; font-weight: bold; text-decoration: none; }
A:hover 		{ color: #f90; font-weight: bold; text-decoration: underline; }


A.white:link	{ font-size: 10px; color: #fff; font-weight: normal; text-decoration: none; }
A.white:visited	{ font-size: 10px; color: #fff; font-weight: normal; text-decoration: none; }
A.white:focus	{ font-size: 10px; color: #f90; font-weight: normal; text-decoration: underline; outline: none; }
A.white:hover	{ font-size: 10px; color: #f90; font-weight: normal; text-decoration: underline; }
A.white:active	{ font-size: 10px; color: #f90; font-weight: normal; text-decoration: underline; outline: none; }

.whiteOff 		{ font-size: 10px; color: #888; cursor: default; }

.infoBox		{ padding: 8px; background: #ffe; border: 1px solid #aaa; }

.small			{ font-size: 9px; }

.topmenuItem			{ float: left; width: 100px; font-family: Verdana; text-align: center; padding: 5px 0px 4px 0px;}
.topmenuItem:link 		{ color: #fff; }
.topmenuItem:visited 	{ color: #fff;}
.topmenuItem:hover 		{ color: #fff; background:url(../_gfx/menu_top_hover.png) no-repeat; text-decoration: none;  }

.topmenuActive			{ float: left; width: 100px; font-family: Verdana; text-align: center; padding: 5px 0px 4px 0px; }
.topmenuActive:link		{ color: #777; }
.topmenuActive:visited 	{ color: #777; }
.topmenuActive:hover 	{ color: #777; text-decoration: none; }

.sidemenuspan		{ float: left; width: 170px; background:url(../_gfx/menu_line_all.gif) repeat-y right; }

.sidemenuItem		{ display: block; padding: 10px 32px 13px 8px; text-align:right; }
.sidemenuItem:hover	{ background:url(../_gfx/menu_hover.jpg) no-repeat; text-decoration: none; }
.sidemenuItem:focus { outline: none; }

.sidemenuActive			{ display: block; padding: 10px 32px 13px 8px; text-align:right; background:url(../_gfx/menu_select.jpg) no-repeat; }
.sidemenuActive:link	{ color: #333; }
.sidemenuActive:visited	{ color: #333; }
.sidemenuActive:hover	{ color: #333; text-decoration: none; }

.shadowleft {
	width: 5px;
	background:url(../_gfx/bg_shadow_left_rep.png) repeat-y;
	vertical-align: top;
}

.shadowright {
	width: 5px;
	background:url(../_gfx/bg_shadow_right_rep.png) repeat-y;
	vertical-align: top;
}


.topcell {
	height: 97px;
	background: #000 url(../_gfx/bg_top.png) repeat-x;
	text-align: left;
	padding: 0px 8px 0px 8px;
	color: #fff;
	border-bottom: 1px solid #444;
	vertical-align: top;
}

.imgcell {
	height: 230px;
	background-color: #FFB800;
	border-top: 0px;
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	
}

.menucell {
	background: #fff url(../_gfx/bg_menu.gif) repeat-y;
	border-left: 1px solid #666;
	vertical-align: top;
	width: 170px;

}

.maincell {
	background: #fff;
	padding: 16px 32px 16px 32px;
	border-right: 1px solid #666;
	vertical-align: top;
	text-align: left;

}


.bottomcell {
	font: normal 10px Verdana;
	color: #eee;
	height: 22px;
	background: #000 url(../_gfx/bg_bottom.png) repeat-x;
	padding: 0px 8px 0px 8px;
	text-align: right;

}


.loginwin {
	border: 1px solid #888;
	width: 400px;
	background-color: #eee;
}

.loginwin H4 {
	color: #a00;
}

.wintitle {
	background: #000 url(../_gfx/bg_dialog.gif) repeat-x;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	padding: 9px 16px 9px 16px;
	text-align: left;

	
}

.winbody {
	padding: 16px;
	white-space: nowrap;
}

.formrow {
	padding: 4px;
}

.fieldname {
	float:left;
	width: 130px;
	font-weight: bold;
	font-size: 11px;
	text-align: left;
	
}

.listTable {
	border-top: 1px solid #aaa;
	border-right: 1px solid #aaa;
	border-left: 1px solid #aaa;
}

.listTitle {
	background: #000 url(../_gfx/bg_list_title.gif) repeat-x;
	color: #fff;
	font-weight: bold;
	padding: 4px 4px 5px 4px;
	border-bottom: 1px solid #aaa;
	border-left: 1px solid #aaa;
	cursor: default;
}

.listCell {

	padding: 5px 4px ;
	border-bottom: 1px solid #aaa;
	cursor: default;
}

.rowEven 			{ background: #fff; }
tr.rowEven:hover 	{ background: #36a; }

.rowOdd 			{ background: #f0f0ff; }
tr.rowOdd:hover 	{ background: #36a; color: #fff; }

tr.rowOdd:hover 	*		{  color: #fff; }
tr.rowEven:hover *		{  color: #fff; }
tr.rowOdd:hover TD *		{  color: #fff; }
tr.rowEven:hover TD *		{  color: #fff; }

.detailTable {
	background: #eee;
	border: 1px solid #aaa;
	
}

.detailTitle {
	background: #000 url(../_gfx/bg_list_title.gif) repeat-x;
	color: #fff;
	font-weight: bold;
	padding: 4px 4px 5px 4px;
	border-bottom: 1px solid #aaa;
	cursor: default;
}

.detailName {
	font-size: 11px;
	padding: 8px 16px 8px 16px;
	font-weight: bold;
	color: #666;
	vertical-align: top;
	text-align: right;
	width: 1%;
	white-space: nowrap;
}

.detailStatus {
	font-size: 10px;
	padding: 9px 16px 8px 0px;
	color: #f00;
	font-weight: bold;
	vertical-align: top;
	text-align: left;
	white-space: nowrap;
}

.detailField { 
	padding: 6px 16px 0px 0px; vertical-align: top;
}

.selectTitle {
	float:left;
	font-weight: bold;
	color: #888;
	margin: 2px 0px 2px 0px;

}

.persCategorie { font-weight: bold; color: #888; }
.persCompany { color: #444; font-style: italic; padding-top: 11px; float:left; }
.persTitle { color: #444; }
.persName { color: #000; font-size: 12px; }

.projTitle { font-size:12px; }
.projDesc { color: #666; font-size: 9px; }
.projJobs { color: #000; font-size: 9px; }

.calTbl { padding:0px; margin: 0px;  cursor: default; border:1px solid #666; background: #fff; width: 170px;}
.calTtl { font-size: 10px; text-align: center; font-weight: bold; background:#000; color:#fff; white-space:nowrap; padding: 3px 0px;}
.calArwL { font-size: 0px; line-height: 0%; width: 0px; border-top: 3px solid #000; border-right: 6px solid #fff; border-bottom: 3px solid #000; }
.calArwR { font-size: 0px; line-height: 0%; width: 0px; border-top: 3px solid #000; border-left: 6px solid #fff; border-bottom: 3px solid #000; margin-right: 4px; }

.days { font-size: 10px; text-align: right; width: 20px; font-weight: bold; background: #ccc; color:#000; }
.xday { font-size: 10px; text-align: right; width: 20px; }
.nday { font-size: 10px; text-align: right; width: 20px; }
.cday { font-size: 10px; text-align: right; width: 20px; background: #ccc; font-weight: bold; }
.sday { font-size: 10px; text-align: right; width: 20px; background: #369; font-weight: bold; color: #fff; }
.wday { font-size: 10px; text-align: right; width: 20px; font-weight: bold; }

.cube1 { float:left;height:8px;width:8px;margin:3px 4px 0px 0px; background: #FC5454; border: 1px solid #aaa; overflow:hidden;}
.cube2 { float:left;height:8px;width:8px;margin:3px 4px 0px 0px; background: #FEC453; border: 1px solid #aaa; overflow:hidden;}
.cube3 { float:left;height:8px;width:8px;margin:3px 4px 0px 0px; background: #FFFF87; border: 1px solid #aaa; overflow:hidden;}
.cube4 { float:left;height:8px;width:8px;margin:3px 4px 0px 0px; background: #C2FF86; border: 1px solid #aaa; overflow:hidden;}
.cube5 { float:left;height:8px;width:8px;margin:3px 4px 0px 0px; background: #56BEFF; border: 1px solid #aaa; overflow:hidden;}

.iefix { position:absolute; z-index:10; overflow:hidden; width:33em; }
.iefix iframe { display:none;display/**/:block; position:absolute;top:0;left:0;z-index:-1;filter:mask();width:3000px;height:3000px; }

