/*
	global:
*/
* {
	padding: 0px;
	margin: 0px;
}

body {
	font-family: Verdana;
	background-image: url(images/background.png)
}

body.popup {
	font-family: Verdana;
	background-image: none;
	background-color: #e4e3ff;
}

h1 {
	font-size: 16px;
	font-weight: bold;
	padding: 8px 0px 5px 0px;
}

h2 {
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
	padding: 8px 0px 5px 0px;
}

p {
	font-size: 14px;
	padding: 0px;
}

img {
	border: 0px;
	padding: 5px 2px 5px 2px;
}

a {	
	font-size: 14px;
	font-weight: bold;
	color: #045ce0;
	text-decoration: none;
	padding-right: 10px;
}

a:visited {
	color: #045ce0;
	text-decoration: none;
}

a:hover {
	color: #003b94;
	text-decoration: none;
}

p.plink {	
	font-size: 14px;
	font-weight: bold;
	color: #045ce0;
	text-decoration: none;
	padding-right: 10px;
}

textarea {
	font-family: Arial;
	font-size: smaller;
}

/*
	container:
*/
#content {
	top: 0px;
	left: 0px;
	width: 1000px;
	height: 600px;
}

#header {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 28px;
	width: 980px;
	padding-left: 20px;
	background-image: url(images/bg_header.png);
	border-bottom: solid 1px silver;
	border-right: solid 1px black;
	color: white;
}

#navigation_top {
	position: absolute;
	top: 26px;
	left: 0px;
	width: 980px;
	height: 30px;
	padding-left: 20px;
	background-image: url(images/bg_navigation.png);
	border-right: solid 1px black;
	border-bottom: solid 1px black;
}

#projects {
	position: absolute;
	left: 20px;
	top: 4px;
	height: 80px;
	padding: 0px;	
}

#logout {
	position: absolute;
	right: 40px;
	top: 4px;
	height: 80px;
	padding: 0px;	
}

#slidemenu {
	position: absolute;
	top: 50px;
	left: 0px;
	width: 150px;
	height: 490px;
	padding: 10px;
}

#login {
	position: absolute;
	top: 55px;
	left: 5px;
	width: 150px;
	padding: 5px;
}

#slidemenu_welcome {
	position: absolute;
	top: 220px;
	left: 0px;
	width: 150px;
	padding: 10px;
}

#welcome {
	position: absolute;
	top: 65px;
	left: 165px;
	width: 805px;
	background-color: white;
	border: solid 1px silver;
	border-right-color: black;
	border-bottom-color: black;
	padding: 5px 15px 5px 15px;
}

#treeview {
	position: absolute;
	padding: 10px;
	top: 65px;
	left: 160px;
	width: 270px;
	height: 500px;
	border: solid 1px black;
	background-color: #f4f8ff;
	overflow: scroll;
}

#details {
	position: absolute;
	top: 65px;
	left: 455px;
	width: 545px;
	height: 520px;
	padding: 0px;
	border: solid 1px silver;
	border-right-color: black;
	border-bottom-color: black;
	background-color: #f4f8ff;
}

#details_full {
	overflow: auto;
	position: absolute;
	top: 65px;
	left: 160px;
	width: 840px;
	padding: 0px;
	border: solid 1px silver;
	border-right-color: black;
	border-bottom-color: black;
	background-color: #f4f8ff;
}

#filter {
	position: absolute;
	padding: 10px;
	top: 65px;
	left: 160px;
	width: 820px;
	border: solid 1px black;
	background-color: #f4f8ff;
	z-index: 2;
}

#grid {
	position: absolute;
	padding: 0px;
	top: 175px;
	left: 160px;
	height: 440px;
	z-index: 1;
}

#export {
	position: absolute;
	left: 630px;
	top: 10px;
	width: 200px;
	text-align: right;
}

#logo {
	position: absolute;
	top: 0px;
	left: 950px;
}

table.SubMenu {
	 vertical-align: top;
	 text-align:center;	
}

tr.SubMenu {
	 vertical-align: top;
	 text-align: center;	
}

td.SubMenu {
	 vertical-align: top;
	 text-align:center;	
}

/*
	tables:
*/
table.login {
	table-layout: fixed;
	width: 145px;
	text-align: center;
}

th.login {
	background-image: url(images/bg_menuheader.png);
	background-repeat: no-repeat;
	font: 12px arial;
	color: white; 
	text-align: center; 
	padding: 4px;
}

td.login {
    background-image: url(images/bg_sidebar.png);
    background-repeat: no-repeat;
    border-bottom: 1px solid silver;
    border-left: 1px solid silver;
    border-right: 1px solid silver;
}

table.popup {
	table-layout: fixed;
	text-align: center;
	padding: 0;
	margin: 0;
	width: 98%;
}

tr.popup {
	vertical-align: top;
	padding: 2px;
	margin: 0;
}

th.popup {
	background-image: url(images/bg_header.png);
	font: 12px arial; 
	font-weight: bold;
	color: white;
	text-align: center; 
    text-align: left;
    padding: 2px;
    margin: 0;
    vertical-align: middle;
}


th.popup2 {
	background-image: url(images/bg_header2.png);
	font: 12px arial; 
	font-weight: normal;
	color: white;
	text-align: center; 
    text-align: left;
    padding: 2px;
    margin: 0;
    vertical-align: middle;
}

td.popup {
	font: 12px arial; 
	background-color: #f6f6f6;
    border-bottom: 1px solid silver;
    border-left: 1px solid silver;
    border-right: 1px solid silver;
    text-align: left;
    padding: 0;
    vertical-align: middle;
}

td.popup_priority1 {
	background-color: #cf0000;
    border-bottom: 1px solid silver;
    border-left: 1px solid silver;
    border-right: 1px solid silver;
    text-align: left;
    padding: 0;
    vertical-align: middle;
}

td.popup_priority2 {
	background-color: #ff4000;
    border-bottom: 1px solid silver;
    border-left: 1px solid silver;
    border-right: 1px solid silver;
    text-align: left;
    padding: 0;
    vertical-align: middle;
}

td.popup_priority3 {
	background-color: #ff8000;
    border-bottom: 1px solid silver;
    border-left: 1px solid silver;
    border-right: 1px solid silver;
    text-align: left;
    padding: 0;
    vertical-align: middle;
}

td.popup_priority4 {
	background-color: #ffc000;
    border-bottom: 1px solid silver;
    border-left: 1px solid silver;
    border-right: 1px solid silver;
    text-align: left;
    padding: 0;
    vertical-align: middle;
}

td.popup_priority5 {
	background-color: #ffff00;
    border-bottom: 1px solid silver;
    border-left: 1px solid silver;
    border-right: 1px solid silver;
    text-align: left;
    padding: 0;
    vertical-align: middle;
}

td.popup_priority6 {
	background-color: #0000ff;
    border-bottom: 1px solid silver;
    border-left: 1px solid silver;
    border-right: 1px solid silver;
    text-align: left;
    padding: 0;
    vertical-align: middle;
}

/*
	header & navigation bar:
*/
p.header {
	padding-top: 5px;
	font-size: 12px;
	font-weight: bold;
}

a.navigation_top {	
	font-size: 14px;
	font-weight: bold;
	color: #045ce0;
	text-decoration: none;
	padding-right: 10px;
}

a.navigation_top:visited {
	color: #045ce0;
	text-decoration: none;
}

a.navigation_top:hover {
	color: #003b94;
	text-decoration: none;
}

table.navigation_top {
	margin-top: -10px;
}

/*
	useraccount:
*/
h1 {
	text-align: center;	
}

p.useraccount {
	font-size: 12px;
}

iframe.details {
	width: 545px;
	height: 520px;
	border-width: 0px;
}

/*
	special buttons:
*/
input.close {
	background: transparent url(images/closebutton.png) no-repeat top left;
	width: 23px;
	height: 23px;
	cursor: pointer;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: 0;
}

input.clear {
	background: transparent url(images/clear.png) no-repeat top left;
	width: 23px;
	height: 23px;
	cursor: pointer;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: 0;
}

input.calendar {
	background: transparent url(images/calendar.png) no-repeat top left;
	width: 23px;
	height: 23px;
	cursor: pointer;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: 0;
}

input.help {
	background: transparent url(images/help.png) no-repeat top left;
	width: 26px;
	height: 26px;
	cursor: pointer;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: 0;
}

input.pdf {
	background: transparent url(images/pdf.png) no-repeat top left;
	width: 26px;
	height: 26px;
	cursor: pointer;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: 0;
}

input.excel {
	background: transparent url(images/excel.png) no-repeat top left;
	width: 26px;
	height: 26px;
	cursor: pointer;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: 0;
}
/*
	calendar control:
*/
div.calendar {
	position: relative;
}

.calendar, .calendar table {
  border: 0px solid #556;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #eef;
  font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 2px;          /* Make the buttons seem like they're pressing */
}

.calendar .nav {
  background: #778 url(menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;      /* Pressing it will take you to the current date */
  text-align: center;
  background: #fff;
  color: #000;
  padding: 2px;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
  background: #778;
  color: #fff;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
  background: #bdf;
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #556;
  padding: 2px;
  text-align: center;
  color: #000;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #a66;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  background-color: #aaf;
  color: #000;
  border: 1px solid #04f;
  padding: 1px;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  background-color: #77c;
  padding: 2px 0px 0px 2px;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  color: #456;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #bbb;
}
.calendar tbody .day.othermonth.oweekend {
  color: #fbb;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #bdf;
}

.calendar tbody .rowhilite td {
  background: #def;
}

.calendar tbody .rowhilite td.wn {
  background: #eef;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  background: #def;
  padding: 1px 3px 1px 1px;
  border: 1px solid #bbb;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  background: #cde;
  padding: 2px 2px 0px 2px;
}

.calendar tbody td.selected { /* Cell showing today date */
  font-weight: bold;
  border: 1px solid #000;
  padding: 1px 3px 1px 1px;
  background: #fff;
  color: #000;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #a66;
}

.calendar tbody td.today { /* Cell showing selected date */
  font-weight: bold;
  color: #00f;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
  text-align: center;
  background: #556;
  color: #fff;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #fff;
  color: #445;
  border-top: 1px solid #556;
  padding: 1px;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  background: #aaf;
  border: 1px solid #04f;
  color: #000;
  padding: 1px;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  background: #77c;
  padding: 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border: 1px solid #655;
  background: #def;
  color: #000;
  font-size: 90%;
  z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .hilite {
  background: #acf;
}

.calendar .combo .active {
  border-top: 1px solid #46a;
  border-bottom: 1px solid #46a;
  background: #eef;
  font-weight: bold;
}

.calendar td.time {
  border-top: 1px solid #000;
  padding: 1px 0px;
  text-align: center;
  background-color: #f4f0e8;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #fff;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #667;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}

/*
	obout datagrid:
*/
.ob_gMCont /*.ob_gridMainContainer*/ {
	border: 1px solid black;			
	padding: 0;
}

.ob_gMContC	
{
	padding: 0;
}
		
		
/* Styles for the Header */
.ob_gHCont /*.ob_gridHeaderContainer*/ {
	overflow: hidden;
	background-image: url(images/bg_flyout.png);
	
}

.ob_gH /*.ob_gridHeader*/ {			
	border-collapse: collapse;
	height: 23px;
}	

.ob_gH td /*.ob_gridHeader td*/ {				
	border-bottom: 1px solid #FFFFFF;
	padding-top: 1px;
	height: 23px;
}	

.ob_gH td table td /*.ob_gridHeader td table td*/ {											
	border-right: 0px;
	border-bottom: 0px;
	border-left: 0px;
	border-top: 0px;
	padding: 0px;
}				

.ob_gCH /*.ob_gridColumnHeader*/ {
	font-family: Tahoma;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	border: 0px;		
	cursor: pointer;
	padding-left: 20px;
}

.ob_gHA /*.ob_gridHeaderArrow*/ {		
	border: 0px;		
	cursor: pointer;
	text-align: right;
	width: 100%;
}	

.ob_gHA img /*.ob_gridHeaderArrow img*/ {
	margin-left: 8px;
	width: 13px;
	height: 13px;		
}	

.ob_gRB /*.ob_gridResizeButton*/ {
	font-size: 3px;		
	width: 3px;
	padding: 0px;
	border: 0px;
	margin-left: 0px;
	margin-right: 0px;		
}

.ob_gRT /*.ob_gridResizeTooltip*/ {
	cursor: default;		
	margin: 0px;
	padding: 1px;
	border: 1px solid #000000;
	font-family: Verdana;
	font-size: 10px;
	color: #000000;	
	height: 12px;
	margin-top: 30px;		
	vertical-align: middle;
	background-color: #F5F5DC;
}

.ob_gRT span /*.ob_gridResizeTooltip span*/ {
	padding-left: 3px;
}

.ob_gBH /*.ob_gridBodyHeader*/ {	
	display: none;
	height: 1px;		
	background-color: #5299C0;	
}

.ob_gBH td /*.ob_gridBodyHeader td*/ {		
	width: 100%;
	font-size: 1px;
	border-top: 3px solid #195A7E;
	border-bottom: 3px solid #195A7E;
}

.ob_gBH div /*.ob_gridBodyHeader div*/ {
	height: 1px;
}

.ob_gGA /*.ob_gridGroupingArea*/ {
	font-family: Tahoma;
	font-size: 10px;
	font-weight: bold;		
	color: #FFFFFF;
	text-align: left;				
	border:0px solid #FFFFFF;
	padding-left: 20px;
	background-image: url(grid/styles/style_6/grouping_area.gif);		
	height: 26px;
}

.ob_gGADC /*.ob_gridGroupingAreaDefaultColumn*/ {
	font-family: Tahoma;
	font-size: 10px;
	font-weight: bold;		
	color: #FFFFFF;
	text-align: left;				
	border:0px solid #FFFFFF;		
}

.ob_gGDC /*.ob_gridGroupDraggingColumn*/ {
	font-family: Tahoma;
	font-size: 10px;
	font-weight: bold;		
	color: #FFFFFF;
	text-align: left;				
	border: 1px solid #FFFFFF;
	padding-left: 20px;
	background-image: url(grid/styles/style_6/header.gif);		
	vertical-align: middle;
	height: 24px;		
}

.ob_gGAC /*.ob_gridGroupingAreaColumn*/ {
	font-family: Tahoma;
	font-size: 10px;
	font-weight: bold;		
	color: #666666;
	text-align: left;				
	border: 1px solid #666666;		
	background-image: none;
	vertical-align: middle;
	background-color: #F6F6F8;
	height: 12px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	padding-right: 10px;
	float: left;
	cursor: move;
}

.ob_gGACS /*.ob_gridGroupingAreaColumnSpacer*/ {
	width: 15px;
	height: 1px;
	border-top: 1px solid #FFFFFF;
	font-size: 1px;		
}

.ob_gGATA /*.ob_gridGroupingAreaTopArrow*/ {
	background-image: url(grid/styles/style_6/group_arrow_top.gif);
	width: 9px;
	height: 9px;
	font-size: 1px;
	padding: 0px;
}

.ob_gGABA /*.ob_gridGroupingAreaBottomArrow*/ {
	background-image: url(grid/styles/style_6/group_arrow_bottom.gif);
	width: 9px;
	height: 9px;
	font-size: 1px;
	padding: 0px;
}

.ob_gHCHWG /*ob_gridHeaderColumnHighlightedWhenGrouping*/ {
	background-image: none;
	background-color: #333333;
}

.ob_gGACHWD /*ob_gridGroupingAreaColumnHighlightedWhenDragging*/ {
	font-family: Tahoma;
	font-size: 10px;
	font-weight: bold;		
	color: #FFFFFF;
	text-align: left;				
	border: 1px solid #FFFFFF;		
	background-image: none;
	vertical-align: middle;
	background-color: #333333;
	height: 12px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	padding-right: 10px;
	float:left;
	cursor: move;
}
	
/* Styles for the Body */
.ob_gBCont {
	overflow: auto;
	overflow-x: hidden;
}

.ob_gBody {
	empty-cells: show;
	overflow: hidden;
}	

.ob_gRGH /*.ob_gridRecordGroupHeader*/ {
	background-image: url(grid/styles/style_6/record_group_header.gif);
	height: 24px;
}

.ob_gRGHC /*.ob_gridRecordGroupHeaderCell*/ {					
	cursor: default;
	margin: 0px;
	padding-right: 0px;		
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-left: 0px solid #7BB8D9;
	border-top: 0px solid #7BB8D9;
	border-bottom: 0px solid #4783A7;
	border-right: 0px solid #7BB8D9;
	font-family: Verdana;
	font-size: 10px;
	color: #666666;	
	height: 24px;	
	vertical-align: middle;
	font-weight: bold;
	cursor: pointer;
}

.ob_gRGHB /*.ob_gridRecordGroupButton*/ {	
	padding-left: 3px;
	padding-right: 3px;	
	text-align: left;
	white-space: nowrap;
	vertical-align: middle;
}	

.ob_gRGHB img /*.ob_gridRecordGroupButton img*/ {
	cursor: pointer;
	vertical-align: middle;
}

.ob_gRGBS /*.ob_gridRecordGroupButtonSpacer*/ {
	width: 17px;
	font: 1px;
	float: left;
}

.ob_gR /*.ob_gridRecord*/ {
	background-color: #FFFFFF;
}

.ob_gRA /*.ob_gridRecordAlternate*/ {
	background-color: #e4e3ff;
}		

.ob_gRS /*.ob_gridRecordSelected*/ {
	background-color: #ffffe0;		
}

.ob_gRH /*.ob_gridRecordHover*/ {
	background-color: #ffffe0;		
}

.ob_gCP /*.ob_gridCellPadding*/ {
	width:19px;
	float:left;
	font-size:1px;
}

.ob_gC /*.ob_gridCell*/ {
	cursor: default;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-right: 0px;
	border-top: 1px solid #E6E6E6;				
	font-family: Verdana;
	font-size: 10px;
	color: #5E5E70;	
	height: 24px;	
	vertical-align: middle;		
}	

.ob_gIE /*.ob_gridInvisibleElement*/ {
	display: none;
}

.ob_gRC /*.ob_gridResizableContent*/ {
	overflow: hidden;		
	white-space: nowrap;
	display:inline-block;
}

.ob_gRCW /*.ob_gridResizableContentWithWrap*/ {
	overflow: hidden;		
	white-space: normal;
	display:inline-block;
}

.ob_gSA /*.ob_gridSelectionArea*/ {
	background-color: #CCCCCC;
	border: 1px solid #CCCCCC;
	font-size: 1px;
	z-index: 0;
}

a.ob_gAL /*a.ob_gridActionLink*/ {
	font-family: Verdana;
	font-size: 10px;
	color: #5E5E70;
	font-weight: bold;
	text-decoration:none;
}

a.ob_gAL:hover /*a.ob_gridActionLink:hover*/ {
	font-family: Verdana;
	font-size: 10px;
	color: #420af8;
	font-weight: bold;				
	text-decoration:underline;		
}		

.ob_gL /*.ob_gridLoading*/ {		
	padding: 3px; 		
	font-family: Verdana;
	font-size: 10px;
	color:#5E5E70;
	border: 0px;
	background-color: #eeedff;
}	

.ob_gNRM /*.ob_gridNoRecordsMessage*/ {
padding: 3px; 		
	font-family: Verdana;
	font-size: 10px;
	color:#5E5E70;
	border: 0px;
	background-color: #eeedff;
}	

.ob_gEC /*.ob_gridEditControl*/ {
	padding: 0px;
	font-family: Verdana;
	font-size: 10px;
	color: #5E5E70;			
	background-color: #FFFFFF;
	width: 96%;
	border: 1px solid #5E5E70;
}	

.ob_gRL /*.ob_gridResizeLines*/ {
	background-color: #5E5E70;
	width: 1px;
}	

.ob_gD /*.ob_gridData*/ {
	display: none;
}

/* Styles for the Footer */
.ob_gF /*.ob_gridFooter*/ {			
}

.ob_gFContent /*.ob_gridFooterContent*/ {
	background-color: #f4f8ff;
	padding: 0px;
	height: 28px;
	margin-top: 2px;
	padding-left: 20px;
}	

.ob_gF td /*.ob_gridFooter td*/ {
	cursor: default;		
	border: 0px;
	font-family: Verdana;
	font-size: 10px;
	color: #5E5E70;
	border-top: 1px solid #FFFFFF;		
}

.ob_gBF /*.ob_gridBodyFooter*/ {	
	height: 3px;
	display: none;
	background-color: #CC2564;	
}

.ob_gBF td /*.ob_gridBodyFooter td*/ {		
	width: 100%;
	font-size: 1px;		
	border-bottom: 1px solid #FFFFFF;
}	

.ob_gBF div /*.ob_gridBodyFooter div*/ {
	height: 1px;
}

.ob_gF td table td /*.ob_gridFooter td table td*/ {
	border-top: 0px;
	padding: 0px;
	padding-left:0px;
	padding-right:0px;
	vertical-align: middle;		
}

.ob_gPST /*.ob_gridPageSizeText*/ {		
	/*width: 185px;
	text-align: right;	*/
}

.ob_gPSS /*.ob_gridPageSizeSelector*/ {
	cursor: default;			
	font-family: Verdana;
	font-size: 10px;
	color:#323232;
	background-color: #F5F5F5;
	margin-left: 7px;
}			

a.ob_gALF /*a.ob_gridActionLinkFooter*/ {
	font-family: Verdana;
	font-size: 10px;
	color: #5E5E70;
	font-weight: bold;
	text-decoration:none;
}

a.ob_gALF:hover /*a.ob_gridActionLinkFooter:hover*/	{
	font-family: Verdana;
	font-size: 10px;
	color: #5E5E70;
	font-weight: bold;				
	text-decoration: underline;		
}

.ob_gA_FS /*.ob_gridAdd_FilterSpacer*/ {
	width: 30px;
	text-align: center;
}

.ob_gFRP /*ob_gridFooterRecordsPages*/ {		
}

.ob_gNL /*.ob_gridNavigationLink*/ {
	font-family: Verdana;
	font-size: 10px;
	color: #5E5E70;
	font-weight: bold;
	text-decoration:underline;
	cursor: pointer;
	padding-left: 2px;
	padding-right: 2px;
}

.ob_gNS /*.ob_gridNavigationSeparator*/ {
	font-family: Verdana;
	font-size: 10px;
	color:#5E5E70;
	font-weight: normal;
	text-decoration:none;
	cursor: default;
	padding-left: 2px;
	padding-right: 2px;
}

.ob_gNT /*.ob_gridNavigationText*/ {
	font-family: Verdana;
	font-size: 10px;
	color:#5E5E70;
	font-weight: normal;		
	cursor: default;
	padding-left: 2px;
	padding-right: 2px;
}

.ob_gNI /*.ob_gridNavigationImage*/ {
	vertical-align: middle;
	padding-left: 8px;
	padding-right: 8px;
	cursor: pointer;
}

.ob_gHFC /*.ob_gridHeaderFilterCell*/ {
	background-color: #D4D4D9;
	font-family: Verdana;
	font-size: 10px;
	margin: 0px;				
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	color: #FFFFFF;	
	background-image: none;	
}

.ob_gHFC div {
	padding-right: 2px;
	padding-left: 1px;		
}

.ob_gHFC div table td {		
}

.ob_gFCB /*.ob_gridFilterCriteriasButton*/ {
	cursor: pointer;
	vertical-align: middle;
	width: 8px;
	text-align: right;
}

.ob_gFCB img {
	cursor: pointer;
	width: 7px;
	margin-right: 1px;
}

.ob_gFCC /*.ob_gridFilterCriteriasContainer*/ {
	padding: 0px;
	font-family: Verdana;
	font-size: 10px;
	color: #5E5E70;
	background-color: #F6F6F8;
	width: 150px;
	border: 1px solid #5E5E70;
	position: absolute;
	cursor: pointer;
	vertical-align: middle;
}

.ob_gFCC div {
	width: 149px;
}

.ob_gHFC div table td {
	padding-top: 1px;
	padding-bottom: 1px;		
}

.ob_gFC_N /*.ob_gridFilterCriteria_Normal*/ {
	background-color: #F6F6F8;
}

.ob_gFC_H /*.ob_gridFilterCriteria_Highlighted*/{
	background-color: #CCCCCC;
}

.ob_gFCT /*ob_gridFilterControlTextbox*/ {
	padding: 0px;
	font-family: Verdana;
	font-size: 10px;
	color: #5E5E70;			
	background-color: #FFFFFF;
	width: 100%;
	border: 1px solid #5E5E70;
	height: 14px;
	cursor: pointer;		
}

.ob_gFDiv {
	overflow: hidden;
	padding: 0px;
	margin: 0px;
}

.ob_gEwO /*.ob_gridElementWithOverflow*/ {
	overflow: hidden;
}

.ob_gDFSC /*.ob_gridDummyFilterScrollingColumn*/ {
	background-color: #D4D4D9;
}

.ob_gDFSC div {
	font-size: 1px;
	width: 0px;
}
		
/*
	flyout:
*/
.transparent_styleFlyoutContentBox {
	background-color: black;
    overflow:hidden;
    filter:alpha(opacity=85);
    -moz-opacity:0.85;
    opacity:0.85;
}

.transparent_styleFlyoutMovingBox {
    border-style:solid;
    border-width:thin;
    border-color:Gray;
    filter:alpha(opacity=85);
    -moz-opacity:.85;
    opacity:.85; 
}

.transparent_styleFlyoutBelowLayer {
    background-color:black;
    overflow:hidden;
    filter:alpha(opacity=1);
    -moz-opacity:.1;
    opacity:.1;
}