body
{
	/*   background: #ffffff url(/op2/images/background-body.png) fixed center repeat-x;   */
	background: #ffffff;
	background-image: url(/op2/images/spread_background_charcoal.png);
	background-repeat: repeat;
	background-position: top center;
	font-size: 12px;
	font-family:arial, Tahoma,"Lucida Grande",Verdana,Helvetica,sans-serif;
}

.button_gap
{
	height: 5px;
}

.heading_row_clear
{
	padding: 0;
	margin: 0;
	height: 25px;
}

.small_gray
{
	font-family: arial,Tahoma,"Lucida Grande",Verdana,Helvetica,sans-serif;
	font-size: 10px;
	padding: 0;
	margin: 0;
	color: #909090;
}

.divclear
{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	line-height: 15px;
	color: #000000;
	background: #ffffff;
}

.divclear table
{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	line-height: 15px;
	color: #000000;
	background: #ffffff;
}

.divclear tr
{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	line-height: 15px;
	color: #000000;
	background: #ffffff;
}

.divclear td
{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	line-height: 15px;
	color: #000000;
	background: #ffffff;
}



#homepage
{
	
}

#homepage h1
{
	border:solid 1px #DEDEDE;
	background:#CEEEB0 8px 6px no-repeat;
	color:#000000;
	padding:4px;
	text-align:left;
	height: 18px;
	font-size: 12px;
	font-weight: bold;
}

#homepage h2
{
	border:solid 1px #DEDEDE;
	background:#FCF9CE 8px 6px no-repeat;
	color:#666666;
	padding:4px;
	text-align:left;
	height: 18px;
	font-size: 12px;
	font-weight: bold;
}

.blue
{
	color: #000080;
}

/* --------------------------- page validation (error) classes --------------------------------- */
.errorSummary
{
	font-size: 12px;
	font-weight: bold;
	color: #800000;
	background-color: #FFFFA4;
	padding: 3px 5px 4px 3px;
	height: 20px;
}


/* ---------------------------------- subModal classes ----------------------------------------- */
#popupMask {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:200;
	background-color:#000;
	-moz-opacity: 0.7;
	opacity:.70;
	filter: alpha(opacity=70);
}
#popupContainer {
	position: absolute;
	z-index: 201;
	top: 0px;
	left: 0px;
	display:none;
	padding: 0px;
}
#popupInner {
	border: 1px solid #000000;
	background-color: #FFFFFF;
}
#popupFrame {
	margin: 0px;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 202;
}
#popupTitleBar {
	background-color: #5CA811;
	color: #FFFFFF;
	font-weight: bold;
	height: 1.3em;
	padding: 5px;
	border-bottom: 2px solid #606060;
	border-top: 1px solid #a0a0a0;
	border-left: 1px solid #a0a0a0;
	border-right: 1px solid #606060;
	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('/op2/js/close.gif') no-repeat;
}

#subModalHeading
{
	clear: both;
	font-size: 12px;
	font-weight: bold;
	background-color: #e0e0e0;
}
#subModalForm
{
	padding: 4px 5px 5px 5px;
	font-size: 12px;
}

#subModalForm a.link, a.active, a.visited
{
	color: red;
	font-size: 12px;
	cursor: hand;
	text-decoration: none;
	line-height: 25px;
}

#subModalForm a.hover
{
	text-decoration: underline;
}

#subModalForm tr
{
	height: 30px;
}
/* ---------------------------------- end of subModal classes ----------------------------------------- */


#onpoint_container
{
	width: 980px;
	margin: 0px auto -1px auto;
	background: #ffffff url(/op2/images/background_body.jpg) repeat-x;
	padding: 3px 0 0 0;
}

/* ---------------------------------- in order of appearance on page ------------------------------------ */
#header_details
{
	width: 980px;
	display: inline;
}

#header_user
{
	width: 298px;
	float: left;
	display: inline;
	font-weight: bold;
	padding: 0 0 0 2px;
}

#headermenu
{
	float: right;
	padding: 0 2px 2px 0;
	width: 678px;
	text-align: right;
	font-size: 11px;
	font-family:arial, Tahoma,"Lucida Grande",Verdana,Helvetica,sans-serif;
}

#headermenu a:link, #headermenu a:active, #headermenu a:visited
{
	font-family:arial, Tahoma,"Lucida Grande",Verdana,Helvetica,sans-serif;
	font-size:11px;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
	cursor: hand;
}

#headermenu a:hover
{
	font-family:arial, Tahoma,"Lucida Grande",Verdana,Helvetica,sans-serif;
	font-size:11px;
	color: #000080;
	font-weight: normal;
	text-decoration: underline;
	cursor: hand;
}




/*			HEADER			*/
#onpoint_header
{
	background-image:url(/op2/images/header.png);
	background-repeat: no-repeat;
	overflow:hidden;
	width: 980px;
	height: 38px;
	clear: both;
}




/*			MENUBAR			*/
.menu_item
{
	padding: 9px 0 0 0;
	width: 107px;
	height: 38px;
	overflow: hidden;
	background-image:url(/op2/images/menu_item.png);
	text-align: center;
	font-family:arial, Tahoma,"Lucida Grande",Verdana,Helvetica,sans-serif;
	font-size:11px;
	font-weight: bold;
	color: #ffffff;
}

.menu_item_hover
{
	padding: 9px 0 0 0;
	width: 107px;
	height: 38px;
	overflow: hidden;
	background-image:url(/op2/images/menu_item_hover.png);
	text-align: center;
	font-family:arial, Tahoma,"Lucida Grande",Verdana,Helvetica,sans-serif;
	font-size:11px;
	font-weight: bold;
	color: #ffffff;
}

.menu_item_sel
{
	padding: 9px 0 0 0;
	width: 107px;
	height: 38px;
	overflow: hidden;
	background-image:url(/op2/images/menu_item_sel.png);
	text-align: center;
	font-family:arial, Tahoma,"Lucida Grande",Verdana,Helvetica,sans-serif;
	font-size:11px;
	font-weight: bold;
	color: #000000;
}

a.menubar:link, a.menubar:active, a.menubar:visited
{
	font-family:arial, Tahoma,"Lucida Grande",Verdana,Helvetica,sans-serif;
	font-size:11px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	cursor: hand;
}

a.menubar:hover
{
	font-family:arial, Tahoma,"Lucida Grande",Verdana,Helvetica,sans-serif;
	font-size:11px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: underline;
	cursor: hand;
}





/*			DASHBOARD			*/
.dash_main_left
{
	background-image:url(/op2/images/dash_main_left.png);
	background-repeat: no-repeat;
	overflow:hidden;
	width: 5px;
	height: 109px;
	padding: 0 0 0 0;
}

.dash_main_center
{
	width: 970px;
	background-image:url(/op2/images/dash_main_center.png);
	height: 109px;
	overflow:hidden;
	background-repeat: repeat-x;
	padding: 0 0 0 0;
}

.dash_main_right
{
	background-image:url(/op2/images/dash_main_right.png);
	background-repeat: no-repeat;
	overflow:hidden;
	width: 5px;
	height: 109px;
	padding: 0 0 0 0;
}

.dash_sub_logobox
{
	width: 100px;
	height: 109px;
	overflow: hidden;
	padding: 10px 0 0 0;
	font-family:arial, Tahoma,"Lucida Grande",Verdana,Helvetica,sans-serif;
	font-size:11px;
	color: #000000;
	font-weight: bold;
	text-align: center;
}

#dash_sub_inline
{
	
	height: 109px;
	overflow: hidden;
	width: 980px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}


.dash_sub_left
{
	background-image:url(/op2/images/dash_sub_left.png);
	background-repeat: no-repeat;
	overflow:hidden;
	width: 15px;
	height: 109px;
	padding: 0 0 0 0;
}

.dash_sub_center
{
	vertical-align: top;
	background-image: url(/op2/images/dash_sub_center.png);
	text-align: left;
	background-repeat: repeat-x;
	height: 109px;
	overflow: hidden;
	padding: 0 0 0 0;
}

.dash_sub_right
{
	background-image:url(/op2/images/dash_sub_right.png);
	background-repeat: no-repeat;
	width: 15px;
	height: 109px;
	padding: 0 0 0 0;
}

.dash_text_area
{
	padding: 10px 0 0 0;
	vertical-align: top;
	font-family: arial,Tahoma,"Lucida Grande",Verdana,Helvetica,sans-serif;
	font-size:11px; height: 76px;
	<!--[if gte IE 5]>
	padding: 10px 0 0 0;
	height: 66px;
	<![endif]-->

}

.dash_label_area
{
	vertical-align: top;
	font-family:arial, Tahoma,"Lucida Grande",Verdana,Helvetica,sans-serif;
	font-weight: bold;
	font-size:11px;
	color: #008040;
	height: 43px;
	padding: 5px 0 0 0;
}


#dashboard_icon_area
{
	width: 44px;
	height: 60px;
	overflow: hidden;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	float: left;
}


#dashboard_icon
{
	display: inline;
	float: left;
}

#MainContent
{
	background: #ffffff;
	padding: 0 10px 0 10px;
	width: auto;
	margin: 0 0 0 0;
	display: block;
	text-indent: 0px;
}


#MainContent:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
padding: 0 0 0 0;
margin: 0 0 0 0;
}


#MainContent table
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#MainContent form
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#Footer
{
	top: -20px;
	height: 23px;
	background: #ffffff url(/op2/images/background-footer.png) no-repeat;
	font-family: arial, "Segoe UI","Trebuchet MS",Tahoma,Helvectica,sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-align: center;
	vertical-align:bottom;
	padding: 7px 0 0 0;
	margin: 0 0 0 0;
	clear: both;
	overflow: hidden;
}

#bottom
{
	height: 214px;
	background: #ffffff url(/op2/images/background_bottom.jpg) repeat-x;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#messagebox
{
	border:solid 1px #DEDEDE;
	background:#CEEEB0 8px 6px no-repeat;
	color:#000000;
	padding:4px;
	text-align:center;
	height: 32px;
	font-size: 12px;
	font-weight: bold;
}

#messagebox .image
{
	float: left;
	display: inline;
	text-align: center;
}

#messagebox div
{
	vertical-align: middle;
	text-align: center;
	padding: 4px;
	float: left;
	display: inline;
	height: 40px;
	width: auto;
}

/*			Assorted ComponentArt containers			*/
#RibbonContainer {
	font-family:arial,"Segoe UI","Trebuchet MS",Tahoma,Arial,Helvectica,sans-serif;
	font-size:11px;
	width:720px;
	height:142px;
	background-color:#bfdbff;
	background-image:url("../Images/Background.png");
	background-repeat:repeat-x;
	display:block;
	cursor:default;
	margin:10px 0 0px 10px;
}

#TopContainer {
	width:720px;
	height:50px;
	background-image:url("../Images/TitlebarBackground.png");
	background-repeat:no-repeat;
}


#actionform
{
	width: 220px;
	background-color: #f3f3f3;
	border: 1px dotted #999;
	padding: 5px;
	margin: 5px 5px 15px 0;
	float: right;
}


#actionform .blue
{
	color: #000080;
}

#actionform span.label
{
	float: left;
	width: 50px;
	text-align: right;
	margin: 0 10px 0 0;
}

#actionform label
{
	font-family: arial, tahoma, helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #B71C0B;
	text-align: right;
	vertical-align: middle;
}


#actionform td
{
	font-family: arial, tahoma, helvetica, sans-serif;
	font-size: 12px;
	font-decoration: none;
}

#actionform select
{
	font-family: arial, tahoma, helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #000000;
}

#actionform textarea
{
	font-family: arial, tahoma, helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #000000;
}

#adminactionform
{
	background-color: #f3f3f3;
	border: 1px dotted #999;
	padding:4px;
	text-align:left;
}

.adminactionform
{
	background-color: #f3f3f3;
	border: 1px dotted #999;
	padding:4px;
	text-align:left;
}


#adminactionform .blue
{
	color: #000080;
}

.sectionheading
{
	width: 100%;
	background-color: #5CA811;
	border: solid 1px #c0c0c0;
	color: #ffffff;
	font-family: arial, tahoma, helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	margin: 0 0 10px 0;
	height: 25px;
	padding: 7px 0 0 0;
}

.nameheading
{
	width: 100%;
	background-color: #B00000;
	border: solid 1px #c0c0c0;
	color: #ffffff;
	font-family: arial, tahoma, helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	margin: 0 0 10px 0;
	height: 28px;
	padding: 3px 0 0 0;
	overflow: inherit;
}

#centerform
{
	width: 435px;
	background-color: #e0e0e0;
	border: 1px dotted #333;
	padding: 5px;
	margin: 5px 5px 15px 272px;
	text-align: center;
}


#inputformandgrid
{
	width: 665px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	float: left;
}

#EmbeddedGridHeader
{
	width: 662px;
	padding: 0 0 0 10px;
	background: #000000;
	color: #ffffff;
	font-size: 16px;
	font-weight: normal;
	height: 22px;
	vertical-align: middle;
}

#EmbeddedGridFooter
{
	width: 662px;
	padding: 0 0 0 10px;
	background: #000000;
	height: 22px;
}

#inputform
{
	width: 690px;
	background-color: #e0e0e0;
	border: 1px dotted #333;
	padding: 5px;
	margin: 5px 5px 15px 0;
	float: left;
	
}

#inputform div
{
	height: 20px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	line-height: 15px;
}

#inputform div ul
{
	height: 20px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	line-height: 15px;
}

#inputform div ul li
{
	height: 20px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	line-height: 15px;
}

#inputform td
{
	height: 35px;
}

#inputform textarea, #centerform textarea
{
	font-family: arial, tahoma, helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #000000;
}

#inputform select, #centerform select
{
	font-family: arial, tahoma, helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #000000;
}

#inputform span.input, #centerform span.input
{

	width: 335px;
	float: right;
	text-align: left;
	margin: 0 0 0 5px;
}

#inputform span.label, #centerform span.label
{
	float: left;
	width: 100px;
	text-align: right;
}

#inputform input, #centerform input
{
	border: 1px inset #FFFFFF;
	/*  background: url(/op2/images/input_background.png) repeat-x #FFFFFF;  */
	font-family: arial, tahoma, helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #000000;
}


#inputform label, #centerform label
{
	font-family: arial, tahoma, helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #B71C0B;
	text-align: right;
	vertical-align: middle;
}

#inputformTree
{
	width: 690px;
	background-color: #e0e0e0;
	border: 1px dotted #333;
	padding: 5px;
	margin: 5px 5px 15px 0;
	float: left;
}

#inputformTree div
{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	line-height: 15px;
}

#inputformTree div ul
{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	line-height: 15px;
}

#inputformTree div ul li
{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	line-height: 15px;
}

#inputformTree td
{

}

#inputformTree textarea, #centerform textarea
{
	font-family: arial, tahoma, helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #000000;
}

#inputformTree select, #centerform select
{
	font-family: arial, tahoma, helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #000000;
}

#inputformTree span.input, #centerform span.input
{

	width: 335px;
	float: right;
	text-align: left;
	margin: 0 0 0 5px;
}

#inputformTree span.label, #centerform span.label
{
	float: left;
	width: 100px;
	text-align: right;
}

#inputformTree input, #centerform input
{
	/*  background: url(/op2/images/input_background.png) repeat-x #FFFFFF;  */
	font-family: arial, tahoma, helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #000000;
}


#inputformTree label, #centerform label
{
	font-family: arial, tahoma, helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #B71C0B;
	text-align: right;
	vertical-align: middle;
}

#formContentBox
{
	border:solid 1px #DEDEDE;
	background:#f0f0f0 8px 6px no-repeat;
	color:#000000;
	padding:4px;
	text-align:center;
	font-size: 12px;
	font-weight: bold;
}

.formsubheading
{
	background: #000000;
	color: #c0c0c0;
	padding:4px;
	text-align:center;
	font-size: 12px;
	font-weight: bold;
	height: 15px;
}

.forceheight
{
	height: 35px;	
}

.row
{
	line-height: 25px;
	text-align: left;
}

.row label
{
	margin: 0 10px 0 0;	
}

.rowgap
{
	height: 10px;
}

#display
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.displayheader
{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-weight: bold;
	background-color: #C3DBFF;
}

.displaycell
{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.displayend
{
	clear: both;
}



#gap
{
	height: 30px;
}


.redrow
{
	color: red;
}

/*						`				ComponentArt SPECIFIC styles										*/

/* Form elements */
.sel { width:304px; }
.sel .file { height:25px;width:304px;cursor:default;margin:0 0 10px 0; }
.sel div.filename { width:146px;height:21px;border:1px solid #999;background-color:#fff;padding:2px 0 0 4px;margin:0;display:block;float:left;margin:0 1px 0 0; }
.sel div input { background-color:transparent;width:144px;padding:2px !important;margin:0;font-family:Tahoma,"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;font-size:11px;border:none;color:#666;cursor:default !important; }
.sel div.empty { background-color:#e6e6e6; }
.sel div.empty input { color:#999; }
.sel a.browse { text-decoration:none;color:#333;cursor:default !important;display:block;float:left;background:none;width:68px;height:25px;border:0; }
.sel a.browse img { border:0; }
.sel a.remove,.sel a.remove-d { text-decoration:none;color:#333;cursor:default !important;display:block;float:right;background:url("images/static.png") no-repeat -113px -83px;width:76px;height:25px; }
.sel a.remove:hover { background-position:-113px -108px; }
.sel a.remove:active { background-position:-113px -133px;outline:none; }
.sel a.remove-d { background-position:-113px -158px; } /* Disabled class */

.actions { height:25px;width:304px;cursor:default; }
.actions a.add,.actions a.add-d { text-decoration:none;color:#333;cursor:default !important;display:block;float:left;background:url("images/static.png") no-repeat -113px -183px;width:219px;height:25px; }
.actions a.add:hover { background-position:-113px -208px; }
.actions a.add:active { background-position:-113px -233px;outline:none; }
.actions a.add-d { background-position:-113px -258px; } /* Disabled class */
.actions a.add-d:active { outline:none; } /* Disabled class */

.actions input { color:#333; font-size: 11px; font-family:Tahoma,arial,verdana; }
.actions a.upload,.actions a.upload-d { text-decoration:none;color:#333;cursor:default !important;display:block;float:right;background:url("images/static.png") no-repeat -189px -83px;width:76px;height:25px; }
.actions a.upload:hover { background-position:-189px -108px; }
.actions a.upload:active { background-position:-189px -133px;outline:none; }
.actions a.upload-d { background-position:-189px -158px; } /* Disabled class */

/* Dialogue titlebar */
.ttl { width:100%;height:40px;cursor:move; }
.ttl a { margin-top:4px;display:block;float:right;width:35px;height:25px;background:transparent url("images/static.png") no-repeat -18px 0;cursor:default; }
.ttl a:hover { background-position:-18px -25px; }
.ttl a:active { background-position:-18px -50px;outline:none; }

.ttlt { width:100%;height:32px; }
.ttlt-l { width:9px;height:100%;background:transparent url("images/static.png") no-repeat;float:left; }
.ttlt-m { height:100%;background:#000 url("images/horizontal.png") repeat-x;float:left; }
.ttlt-r { width:9px;height:100%;background:transparent url("images/static.png") no-repeat -9px 0;float:left; }
.ttlt span { cursor:inherit;margin-left:4px;line-height:32px;color:#fff;font-weight:bold;font-family:Tahoma,"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;font-size:11px; }

.ttlb { width:100%;height:8px;overflow:hidden; } /*** overflow:hidden to prevent IE6 from rendering the div at the current font height ***/
.ttlb-l { width:9px;height:100%;background:#000 url("images/static.png") no-repeat 0 -38px;float:left; }
.ttlb-m { height:100%;background:#fff url("images/horizontal.png") repeat-x 0 -38px;float:left; }
.ttlb-r { width:9px;height:100%;background:#000 url("images/static.png") no-repeat -9px -38px;float:left; }


/* Dialogue contents */
.con { background:#fff url("images/vertical.png") repeat-y;font-family:Tahoma,"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;font-size:11px;padding:4px 7px;min-height:20px; }

/* Dialogue footer */
.ftr { width:100%;height:37px;font-family:Tahoma,"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;font-size:11px; }
.ftr-l { width:9px;height:100%;background:transparent url("images/static.png") no-repeat 0 -83px;float:left; }
.ftr-m { height:100%;background:#eee url("images/horizontal.png") repeat-x 0 -83px;float:left; }
.ftr-r { width:9px;height:100%;background:transparent url("images/static.png") no-repeat -9px -83px;float:left; }

/* Footer buttons */
.ftr .btns { float:right;margin-top:4px; }
.ftr .btns a { text-decoration:none;color:#333;cursor:default !important;display:inline; }
.ftr .btns a span.l { display:block;float:left;width:10px;height:25px;background:transparent url("images/static.png") no-repeat -93px 0;margin-left:2px; }
.ftr .btns a span.m { display:block;float:left;padding:0;height:25px;line-height:25px;background:transparent url("images/horizontal.png") repeat-x 0 -120px; }
.ftr .btns a span.r { display:block;float:left;width:10px;height:25px;background:transparent url("images/static.png") no-repeat -103px 0; }
.ftr .btns a:hover { text-decoration:none;color:#000; }
.ftr .btns a:hover span.l { background-position: -93px -25px; }
.ftr .btns a:hover span.m { background-position:0 -145px; }
.ftr .btns a:hover span.r { background-position: -103px -25px; }
.ftr .btns a:active span.m { height:23px;line-height:24px;padding-top:2px; }

/* Upload dialogue styles */
.dlg-up { color:#999;cursor:default !important; }
.dlg-up .ttlt-m,.dlg-up .ttlb-m,.dlg-up .ftr-m { width:440px; }

.dlg-up .stat,.dlg-up .list { padding:0 15px; }

.dlg-up h3 { margin:0;font-weight:normal;font-size:11px;padding:0 0 4px 0;color:#666; }
.dlg-up .red { color:#dd3409; }
.dlg-up strong { color:#ea6b4a;font-weight:normal; }

.dlg-up .files { height:auto;margin:0 8px 8px 8px;}
.dlg-up .list ul { margin:0;padding:0;list-style-type:none; }
.dlg-up .list ul li { line-height:16px;background:#fff url("images/static.png") no-repeat -384px -32px;padding-left:16px; }
.dlg-up .list ul li.done { color:#000;background-position:-384px 0; }
.dlg-up .list ul li.cur { color:#dd3409;background-position:-384px -16px;}

.dlg-up .info { float:left;font-size:11px;cursor:default !important;margin:0 0 0 8px;height:34px;line-height:34px;font-size:10px; }

/*   for all buttons throughout site	*/
.button { height:25px;width:100%;cursor:default; text-align: center;overflow: hidden;vertical-align: middle;}
.button a
{
	vertical-align: middle;
}
.button a.act,.actions a.act-d 
{
	text-decoration:none;
	color:#FFF;
	cursor:hand !important;
	display:block;
	float:left;
	background:url("/op2/images/button_background.png") no-repeat 0px -1px;
	width:125px;
	height:25px;
	vertical-align: middle;
	padding: 5px 0 0 0;
	text-align: center;
}
.button a.act:hover { background-position:-0px -26px; outline: none; color: #ffffff; }
.button a.act:active { background-position:-0px -0px;outline:none; color: #ffffff; }
.button a.act-d { background-position:-113px -258px; } /* Disabled class */
.button a.act-d:active { outline:none; }

.white
{
	color: #ffffff;
}

#buttondiv
{
	text-align: center;
	vertical-align: middle;
	line-height: 30px;
}


/* Progress bar and related elements */
.prog { width:412px;height:18px !important;border:1px solid #ccc;border-bottom-color:#ddd;border-right-color:#ddd;padding:0;margin:0;float:left;display:inline;overflow:hidden; }
.prog .con { width:410px;height:16px !important;background:transparent url("images/horizontal.png") repeat-x 0 -170px;border:0;margin:0;padding:1px; }
.prog .con .bar { height:16px;background:transparent url("images/horizontal.png") repeat-x 0 -188px; }

/* Calendar Style  */
.picker
{
  background-color: #FFFFFF;
  border: 1px gray solid;
  font-size: 11px;
  font-weight: bold;
  font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
  padding: 2px;
  cursor: pointer;
}

.calendar_button
{
	border:none;
	cursor:pointer;
}

.calendar td
{
  font-size:11px;
}

.title
{
  font-weight:bold;
  background-color:#D7D7E5;
}

.day
{
  width:25px;
  cursor:pointer;
  text-align:center;
  border-width:1px;
  border-color:#F6F6F6;
  border-style:solid;
}

.dayhover
{
  width:25px;
  cursor:pointer;
  text-align:center;
  text-decoration:underline;
  border-width:1px;
  border-color:#F6F6F6;
  border-style:solid;
}

.dayheader
{
  width:25px;
  text-align:center;
  border-width:1px;
  border-color:white;
  border-style:solid;
  font-weight:bold;
  background-color:#FFFFFF;
}

.othermonthday
{
  color:#999999;
}

.selectedday
{
  width:25px;
  background-color:#FBE694;
  color:#000000;
  border-width:1px;
  border-color:#BB5503 !important;
  border-style:solid;
  font-weight:bold;
}

.calendar
{
  border-style:solid;
  border-width:1px;
  border-color:Black;
  border-collapse:collapse;
  background-color:#FFFFFF;
  cursor:default;
}

.month
{
  background-color:#F6F6F6;
  margin-left:5px;
  margin-right:5px;
  margin-bottom:5px;
  margin-top:0px;
}

.nextprev
{
  cursor:pointer;
  height:25px;
  vertical-align:center;
  padding:0px 5px 0px 5px;
}

.editdatacell
{
	font-size: 11px;
	
}

/*	ComponentArt TreeView	*/
.TreeView 
{ 
  background-color:White;
  padding-top:4px; 
  padding-left:1px; 
  border: #7C7C94 1px solid; 
  cursor:default;
}

.TreeNode 
{ 
  font-family: tahoma; 
  font-size: 11px; 
  padding-top:2px;
  padding-bottom:1px;
  padding-left: 3px; 
  padding-right: 3px; 
}

.GrayedTreeNode 
{ 
  font-family: tahoma; 
  font-size: 11px; 
  padding-top:2px;
  padding-bottom:1px;
  padding-left: 3px; 
  padding-right: 3px; 
  color:gray; 
  cursor:default;
}

.HoverTreeNode 
{ 
  font-family: tahoma; 
  font-size: 11px; 
  text-decoration:underline; 
  padding-top:2px;
  padding-bottom:1px;
  padding-left: 3px; 
  padding-right: 3px; 
  cursor: default; 
}

.SelectedTreeNode 
{ 
  font-family: tahoma; 
  font-size: 11px; 
  background-color: gray; 
  color:white; 
  padding-top:2px;
  padding-bottom:1px;
  padding-left: 3px; 
  padding-right: 3px; 
  cursor: default; 
}

.NodeEdit 
{
  border:1px gray solid;
  font-family: tahoma; 
  font-size: 11px;
}

/* ComponentArt Hierarchal Grid	*/

.grid_label
{
	border:solid 1px #DEDEDE;
	background:#CDDCFE 8px 6px no-repeat;
	/* CDDCFE */
	color:#000000;
	padding:4px;
	text-align:center;
	vertical-align: middle;
	height: 22px;
	font-size: 14px;
	font-weight: bold;
	width: 690px;
	margin: 25px 0 0 0;
}

.grid_label_top
{
	border:solid 1px #DEDEDE;
	background:#CDDCFE 8px 6px no-repeat;
	color:#000000;
	padding: 4px;
	text-align:center;
	vertical-align: middle;
	height: 22px;
	font-size: 14px;
	font-weight: bold;
	width: 690px;
	margin: 0 0 0 0;
}

.grid_label_graphic
{
	padding: 0 0 0 0;
	width: 700px;
	margin: 0 0 0 0;
}

.GridClass
{
  CURSOR: default
}

.RowClass
{
  BACKGROUND-COLOR: #fafafa;
  COLOR: #333333;
  BORDER-BOTTOM: #666666 1px solid;
}

.DataCell 
{
  BORDER-RIGHT: #E8E7E6 1px solid;
  PADDING-RIGHT: 4px;
  FONT-SIZE: 11px;
  CURSOR: default;
  FONT-FAMILY: Arial, Sans-Serif, Helvetica, Verdana;
}

.AlternatingRowClass 
{
  BACKGROUND-COLOR: #E6F3FF
}

.HeaderClass 
{
  FONT-WEIGHT: bold;
  FONT-SIZE: 12px;
  FONT-FAMILY: Arial, Sans-Serif, Helvetica, Verdana;
}

.HeadingCellClass 
{
  PADDING-RIGHT: 10px;
  PADDING-LEFT: 4px;
  HEIGHT: 20px
}

.HeadingTextClass 
{
  PADDING-LEFT: 5px;
  FONT-WEIGHT: bold;
  FONT-SIZE: 12px;
  FONT-FAMILY: Arial, Sans-Serif, Helvetica, Verdana;
  WHITE-SPACE: nowrap
}

.HeadingRowClass 
{
  BACKGROUND: url(images/blue_bg.gif)
}

.SelectorCell 
{
  BORDER-RIGHT: 0px;
  BORDER-TOP: 0px;
  BACKGROUND: url(images/blue_bg.gif);
  BORDER-LEFT: 0px;
  BORDER-BOTTOM: 0px;
  HEIGHT: 20px
}

.SelectedRowClass 
{
  BORDER-RIGHT: #404040 1px solid;
  BORDER-TOP: #404040 1px solid;
  BORDER-LEFT: #404040 1px solid;
  BORDER-BOTTOM: #404040 1px solid;
  BACKGROUND-COLOR: #FBFDB3;
}

.SelectedRowClass TD.DataCell 
{
  BORDER-RIGHT: #D3D1D1 1px solid
}

.IndentCell 
{
  BORDER-RIGHT: 0px;
  BACKGROUND: #BCE2FE;
  HEIGHT: 20px
}


/*		Document Versions chart	*/
#selection_list
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 520px;
}

.selection_list_td
{
	margin: 0 0 0 0;
	padding: 4px 8px 4px 8px;
	
}

.selection_list_th
{
	margin: 0 0 0 0;
	padding: 4px 8px 4px 8px;
	background: #DEFECF;
}

.selection_list_caption
{
	font-weight: bold;
	height: 30px;
	background: #E0FEFD;
	padding: 4px 10px 4px 10px;
	width: 540px;
	margin: 0 0 0 0;
}

.alt_row
{
	background-color: #f0f0f0;
}