/**************************************
*	      Class : Home CSS 
*	Application : IntranetSites
*	     Author : Andrew Scott (km0ti0n)
*	       Date : 15/09/2006
*********************************/

 
TABLE.Cal{  width:150px !important; height:90px; background-Color:ButtonFace; cursor:hand; border:solid 1px black;}
TABLE.Cal TD{width:14%; font-size:10px; text-align:center;}
TABLE.Cal TD.month{font-size:10px; background-color:ButtonFace; color:#F1F1F1; text-align:center; border:solid 1px black;}
TABLE.Cal TD.year{width:20px; font-size:10px; text-align:center;color:ButtonFace; }
TR.Cal{height:15px; background-Color:ButtonFace; color:#F1F1F1;font-size:10px; border-bottom:solid 1px ButtonFace; border-top:solid 2px #f1f1f1; }

.XAPDialog { float:left; position:relative; z-index:2001; width:150; background-color:ButtonFace; border:solid 1px black; text-align:center;  line-height:10px; height:130px; }
.XAPDialog DIV.XAPTitleBar	{ border-bottom:solid 1px black; font-size:13px; font-weight:bold; width:100%; height:25px; background-color:ButtonFace; color:black; line-height:25px}
A.DialogButton { display:block; width:100px; height:20px; border:solid 1px green; background-color:White; text-decoration:none; color:Highlight; font-size:12px; font-weight:bold; text-align:center; margin:10px; line-height:17px;}
A.DialogButton:hover { background-color:Highlight; color:White; }

.XAPDataList { position:relative; width:500px; height:200px; overflow:auto; margin:0px; padding:0px; border:inset 1px ButtonHighlight; background-color:Window;  display:inline-block;}
.XAPDataList span { width:100%; height:20px; line-height:20px; font-size:12px; padding: 0px 0px 0px 5px; background-color:White; overflow:hidden; cursor:default;}
.XAPDataList span.hover { background-color:InfoBackground; }
.XAPDataList span.selected { background-color:HighLight; color:White !important;}
.XAPDataList div { width:100%; height:20px; line-height:20px; font-size:12px; padding: 0px 0px 0px 5px; background-color:White; overflow:hidden; cursor:default; float:left; }
.XAPDataList div.hover { background-color:InfoBackground; }
.XAPDataList div.selected { background-color:HighLight; color:White !important;}



/* XAPTree */
.XAPTree { width:100%; height:100%; background-color:White; font-size:11px; border:inset 1px black; overflow:auto; padding:5px; text-transform:capitalize;}
.XAPTree * { color:black !important; }
.XAPTree ul { margin:0px; padding:0px;  }
.XAPTree ul li { width:100%; overflow:hidden; height:24px;  cursor:pointer; _cursor:hand; padding:0px; margin:0px; text-overflow:ellipsis; position:relative; top:0px; left:0px;}
.XAPTree ul li img { float:left; cursor:hand; }
.XAPTree ul li span { font-size: 20px; height:16px; padding:0px 5px 0px 2px; line-height:16px; }

.XAPTree ul li.selected {  background-color:White; }
.XAPTree ul li.selected span {  background-color:HighLight; color:White !important; }

#iPageDocholder span.token { display:-moz-inline-box; display:inline-block;*width:120px; *height:25px;  min-height:25px; min-width:120px; background-color:#bbbbbb;  }
#iPageDocholder span.tokenActive { border:solid 1px #636b6b;display:-moz-inline-box; display:inline-block; *width:120px; *height:25px;  min-height:25px; min-width:120px; overflow:visible; background-color:#dddddd;  }

div.tokenSelector { position:absolute; top:0px; left:0px; width:125px; height:100px; border:inset 2px buttonface; background-color:buttonface; }

#CrumbRow td {position:relative; width:100%; }
div.CrumbRowExpander { position:absolute; top:0px; right:5px; color:black; background-color:white; width:130px; height:22px; line-height:22px;  text-decoration:none; font-weight:bold; border:solid 1px black; white-space:nowrap; text-align:center; }
		 
div#GenCabOrder { position:relative; width:100%; text-align:center; font-family:arial; font-size:13px; }
table.orderContent { border-collapse:collapse;  border:solid 1px black; width:900px; font-size:13px; }
table.orderContent table.orderContent { border:solid 0px black; }
/* Top Row */
table.orderContent thead  { background-color:#666a6f; color:white; }
table.orderContent thead tr th { border-bottom:solid 1px black; border-top:solid 1px black !important; height:28px; text-align:center; font-size:13px; }
table.orderContent tbody tr td { height:25px;   }
table.orderContent tbody tr.spacer td{ border-top:dashed 1px black; background-color:#eeeeee;  }
table.orderContent tbody tr.divider td{ background-color:#eeeeee; height:15px;}
table.orderContent tbody tr.blank td{ border:dashed 1px #eeeeee; }

table#orderContent { border-collapse:collapse;  border:solid 1px black; width:900px; font-size:13px; }
table#orderContent table.orderContent { border:solid 0px black; }
/* Top Row */
table#orderContent thead  { background-color:#666a6f; color:white; }
table#orderContent thead tr th { border-bottom:solid 1px black; border-top:solid 1px black !important; height:28px; text-align:center; font-size:13px; }
table#orderContent tbody tr td { height:25px;   }
table#orderContent tbody tr.spacer td{ border-top:dashed 1px black; background-color:#eeeeee;  }
table#orderContent tbody tr.divider td{ background-color:#eeeeee; height:15px;}
table#orderContent tbody tr.blank td{ border:dashed 1px #eeeeee; }


.legend { text-align:right;  width:150px; padding-right:5px; font-size:11px; }
.value { text-align:left;  width:300px; }
div#orderHeader { position:relative; width:100%; text-align:center; font-family:arial; font-size:21px; font-weight:bold; margin:-30px 0px 20px 0px; }

div.XAPSuggestList { width:145px; height:350px; border:solid 1px #666666; background-color:#cccccc; color:black; padding:0px; overflow:auto; overflow-x:hidden; overflow-y:auto; }
div.XAPSuggestList div { height:19px; line-height:19px; width:139px; padding:0px 5px 0px 5px; margin:2px; overflow:hidden; border:solid 1px #666666; background-color:#eaeaea; font-size:11px;} 
div.XAPSuggestList div.selected { background-color:white; }
div.XAPSuggestList div:hover { background-color:white; }
div.XAPSuggestList div.hover { background-color:white; }


div.contactDetails { width:980px; border:solid 1px black;  padding:20px; font-family:arial; text-align:center; }

div.contactDetails a { text-decoration:none; color:red; }
div.contactDetails a:hover { text-decoration:underline  ; color:red; }

div.contactDetails h2 { margin:0px; padding:0px; float:left;   }

div.contactDetails table.tbContact { width:820px; background-color:#d2d2d2; margin:20px; border-collapse:collapse; border:solid 1px black;  }

div.contactDetails table.tbContact thead tr th{ text-align:left; font-size:16px; font-weight:normal; padding:0px 0px 0px 20px; height:25px; line-height:25px; position:relative;}
div.contactDetails table.tbContact thead tr th div.thToolBar { width:400px; float:right; margin:-27px 5px 0px 0px; font-size:10px; font-weight:normal; text-align:right;} 

div.contactDetails table.tbContact thead tr th div.thToolBar a {margin:7px 0px 0px 0px;}
div.contactDetails table.tbContact thead tr th div.thToolBar a.contactToggle { width:24px; height:22px; background-image:url(contactToggle.png); overflow:hidden;  background-position:0 66px; font-size:0px; color:white;   } 
div.contactDetails table.tbContact thead tr th div.thToolBar a.contactToggle:hover { background-position:0 22px;   } 
div.contactDetails table.tbContact thead tr th div.thToolBar a.contract { background-position:0 0px;   } 
div.contactDetails table.tbContact thead tr th div.thToolBar a.contract:hover { background-position:0 44px;   } 

div.contactDetails table.togglable tbody { /*display:none;*/ } 

div.contactDetails table tbody tr td.tdLeg { color:white; text-align:right; font-size:10px; width:145px;  }
div.contactDetails table tbody tr td.tdVal { color:black; text-align:left ; font-size:12px; width:255px; }

div.contactDetails table tbody#tbISHistory { text-align:center; } 
div.contactDetails table tbody#tbISHistory table.tbActHis{ width:480px; margin:10px 0px 20px 0px; padding:0px 0px 10px 0px;  border:0px; font-size:12px;  border:solid 1px black;}

div.contactDetails table tbody#tbISHistory table.tbActHis thead tr th { background-color:#949494; color:white; padding:0px; font-size:12px; font-weight:bold; text-align:center; border-bottom:solid 1px black;}

div.contactDetails table.tbContact tbody#tbISHistory table.tbActHis tbody { display:block; background-color:white; } 
div.contactDetails table.tbContact tbody#tbISHistory table.tbActHis tbody tr.odd { background-color:#e7e6de } 
div.contactDetails table.tbContact tbody#tbISHistory table.tbActHis tbody tr td { height:22px; } 
div.contactDetails table.tbContact tbody#tbISHistory table.tbActHis tbody tr td.valLink { width:285px;  padding:0px 0px 0px 10px;} 
div.contactDetails table.tbContact tbody#tbISHistory table.tbActHis tbody tr td.valAct { width:60px; text-align:center; } 
div.contactDetails table.tbContact tbody#tbISHistory table.tbActHis tbody tr td.valDate { width:125px; text-align:right;  padding:0px 10px 0px 0px; }


p.ListGridInfo span {  font:style varant weight size family; display:-moz-inline-box; display:inline-block; width:100px; height:20px; line-height:12px; border:solid 1px black; font-size:9px;  text-align:center; white-space:no-wrap; padding:0px; overflow:hidden; }

span.sharedUser { background-image:url(/images/sharebg.gif); }
span.DataGridAssignee {  display:-moz-inline-box; display:inline-block; width:100px; height:15px; line-height:15px; border:solid 1px black; font-size:10px;  text-align:center; white-space:no-wrap; font-weight:bold;; text-align:center; margin:0px 0px 0px 0px; float:left;}

span.NOTNOTIFIED 	{ background-color:white; }
span.NOTIFIED 		{ background-color:#bbcfce;}
span.VIEW 			{ background-color:#d8ecb9; }
span.REPLY 			{ background-color:#f1cf5b; }
span.UPDATE 		{ background-color:#f1cf5b; }
span.NO 			{ background-color:#bf5454; }
span.YES 			{ background-color:#a0c568; }
span.DELAY 			{ background-color:#fbf172; }


div#contextMenu { width:160px; background-color:buttonface; border:outset 2px #cccccc; height:100px; overflow:visible; position:absolute; top:1px; left:0px;  }
div#contextMenu h2 { font-size:13px; text-align:left; padding:5px; width:160px; background-color:white; border-bottom:solid 5px #a0c568; margin:0px; height:25px; line-height:25px; }
div#contextMenu a { width: 160px; display:block; text-decoration:none; padding:5px 5px 5px 15px; height:22px; line-height:22px; color:black; }
div#contextMenu a:hover { text-decoration:underline; color:white; background-color:#bf5454;   }




div.RecentList div { width:100%; height:23px; overflow:hidden; line-height:23px; margin:0px 0px 0px 0px; background-color:#dcdcdc; border-bottom:dashed 1px #cccccc; border-top:dashed 1px #cccccc; white-space:no-wrap;  }
div.RecentList div a { margin:0px 5px 0px 5px;  }

.childHtmlHeading{
	font-weight: bold;
	background-color: #f0f0f0;
	border: 1px solid black;
	margin: 12px 0 0 0;
	padding: 2px 0 0 0;
}







body ul.Menu {
	background-color:buttonface;
}
body ul.Menu li  {
}

body ul.Menu li a {
}


div.ISContextMenu { position:absolute; top:0px; left:0px; width:130px; background-color:buttonface; border:outset 2px #cccccc; padding:5px; }
div.ISContextMenu div { width:100%; height:23x; padding:2px; font-size:11px;  }

body ul.Menu li  {
}

div#ISNav a { padding-left:25px; display:block; clear:both; padding:2px 5px 1px 5px;; text-decoration:none; color:darkblue; cursor:pointer; font-size:14px; white-space:nowrap; }
div#ISNav a:hover { text-decoration:underline;   }

div#ISNav a.img { background-position:5px 0px; background-repeat:no-repeat; }
div#ISNav a.img:hover { background-position:5px -19px;}

div#crumbs{ font-size:.8em; }


div.TasksLink { background-color:White; }
div.DivTaskList div.List { position:relative; width:100%; height:100%; overflow:hidden; background-color:white; border:inset 1px black; padding:5px; }
div.DivTaskList div.List div.TaskItem { position:relative; height:25px; width:100%; border-bottom:solid 1px #eeeeee; font-size:0.9em}
div.DivTaskList div.List div.TaskItem img { position:absolute; top:-5px; left:-5px; } 
div.DivTaskList div.List div.TaskItem div.DueTime { position:absolute; top:7px; left:25px; width:40px; height:20px; white-space:nowrap; overflow:hidden; text-align:right;  font-size:0.8em;}
div.DivTaskList div.List div.TaskItem div.Subject { position:absolute; top:5px; left:70px; width:180px; height:20px; white-space:nowrap; overflow:hidden; }
div.DivTaskList div.List div.TaskLink div.Subject { left:25px !important;  }
div.DivTaskList div.List div.TaskItem div.commentIcon { position:absolute; top:3px; right:0px; background-image:url(../images/icons/comment.png); width:22px; height:22px; background-color:white; }

/* Tasks Popup */

div.TaskPopupList { position:absolute; top:0px; left:0px; width:255px; background-color:white; border:outset 2px #cccccc; padding:5px; }
div.TaskPopupList div.TaskItem { position:relative; height:25px; width:100%; border-bottom:solid 1px #eeeeee; font-size:0.9em}
div.TaskPopupList div.TaskItem img { position:absolute; top:-5px; left:-5px; } 
div.TaskPopupList div.TaskItem div.Subject { position:absolute; top:5px; left:25px; width:180px; height:20px; white-space:nowrap; overflow:hidden; }