/*Default Classes Begin*/
BODY
{
    margin:0;
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    BACKGROUND-IMAGE: url('/client/Assets/Images/bg_perf_central.gif');
    background-repeat: repeat-y; 
    WORD-SPACING: normal;
    TEXT-TRANSFORM: none;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    LETTER-SPACING: normal;
    BACKGROUND-COLOR: white;
}

.pcdiffs_table 
{
	margin:0px;
	padding:0px;
	border:1px solid #b2b2b2;
	border-collapse: collapse;
}
.pcdiffs_table tr td
{
	vertical-align:top;
	background-color:#efefef;
	border:1px solid #b2b2b2;
	border-width:1px;
	text-align:left;
	padding:4px;
	font-size:9px;
	color:#000000;
}

.pcdiffs_table tr td.val_cell
{
    background-color:#ffffff;
}

.pcdiffs_table tbody tr th
{
	background:-o-linear-gradient(bottom, #f9e1b3 5%, #ffd481 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9e1b3), color-stop(1, #ffd481) );
	background:-moz-linear-gradient( center top, #f9e1b3 5%, #ffd481 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#f9e1b3", endColorstr="#ffd481");	background: -o-linear-gradient(top,#f9e1b3,ffd481);

	background-color:#f9e1b3;
	border:0px solid #b2b2b2;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:11px;
	font-weight:bold;
	color:#000000;
}

.pcdiffs_table thead tr th
{
	background-color:#ffffff;
	text-align:left;
	font-size:11px;
	font-weight:bold;
	padding: 4px;
	color:#f30000;
}

button, textarea, input, select   
{
	FONT-SIZE: 10px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}

hr
{
    width:100%; color:#003468;
}

TD 
{
	FONT-SIZE: 11px;
}
TR 
{
	FONT-SIZE: 11px;
	color: Black;
}

A:link
{
    COLOR: #064d9f;
    TEXT-DECORATION: underline
}
A:visited
{
    COLOR: #064d9f;
    TEXT-DECORATION: underline
}
A:active
{
    COLOR: #064d9f;
    TEXT-DECORATION: underline
}
A:hover
{
    COLOR: #2c72c3;
    TEXT-DECORATION: underline
}

table#menubar
{
    background-color: #586E93;
    border-bottom:solid #000000 1px;
    border-collapse:collapse;
    width:100%;
}

table#headers
{
    border-bottom:solid #000000 1px;
    border-collapse:collapse;
    width:100%;
    background-color: #FFF;
}

/*Default Classes End*/

/*Basic Classes Begin*/

table .header_user_table
{
    border-collapse:separate;
    border-spacing:1;
    width:100%;
}

table .header_user_table tr td
{
    padding:1px;
}

.pageheading
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 13pt;
    PADDING-BOTTOM: 0px;
    COLOR: #2c4a74;
    LINE-HEIGHT: 15pt;
    PADDING-TOP: 5px;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}

.pageheading2
{
	font-weight: bold;
	font-size: 10pt;
	color: #8798BE;
	line-height: 12pt;
	font-family: Arial, Helvetica, sans-serif;
	PADDING-BOTTOM: 6px;
	PADDING-TOP: 0px;
}
.formheading
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: #cc6600;
    LINE-HEIGHT: 12pt;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
     
}
.formheading2
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: #2c4a74;
    LINE-HEIGHT: 12pt;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    background-color:#E9EFF6; 
    border-bottom:solid 1px #333366; 
}
.formheading4
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: #2c4a74;
    LINE-HEIGHT: 12pt;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
       
}
.formheading3
{
	width:100%;
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: #2c4a74;
    LINE-HEIGHT: 12pt;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    background-color:#E9EFF6; 
    border-bottom:solid 1px #333366; 
}
.maintable
{
	padding:10px;
	vertical-align:top;
}
.context_keys 
{
	FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #333333;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
.label_add 
{
	text-align:right;
	font-weight:bold;
	padding-bottom:1px;
}
.link_add 
{
	padding-bottom:4px;
	vertical-align:bottom;
	padding-left:4px;
}
.reqd_field 
{
	color:Red;
	font-size:10pt;
	POSITION: relative; 
	TOP: 2pt;
} 
.tbltop
{
	FONT-WEIGHT: normal;
    FONT-SIZE: 7.5pt;
    COLOR: #333333;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    vertical-align:bottom;
}

.tbllbl
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #333333;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
.tblval
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px; 
    COLOR: #1e1e1e;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
.tbl_amount
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #339933;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
.tbl_note
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px; 
    COLOR: #1e1e1e;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
.tr1
{
    PADDING-LEFT: 2px;
    FONT-SIZE: 11px;
    BACKGROUND: #ffffff;
    COLOR: #3c3c3c;
    height:20;
    vertical-align:top;
    
}
.tr2
{
    PADDING-LEFT: 2px;
    FONT-SIZE: 11px;
    BACKGROUND: #f4f4f4;
    COLOR: #3c3c3c;
    height:20;
    vertical-align:top;
    
}
.tr1c
{
    PADDING-LEFT: 2px;
    FONT-SIZE: 11px;
    BACKGROUND: #ffffff;
    COLOR: #3c3c3c;
    height:20;
    vertical-align:top;
    text-align:center;
    
}
.tr2c
{
     PADDING-LEFT: 2px;
    FONT-SIZE: 11px;
    BACKGROUND: #f4f4f4;
    COLOR: #3c3c3c;
    height:20;
    vertical-align:top;
    text-align:center;
    
}
.tr1b
{
    PADDING-LEFT: 2px;
    FONT-SIZE: 11px;
    BACKGROUND: #ffffff;
    COLOR: #3c3c3c;
    height:20;
    vertical-align:top;
    font-weight:bold;
    
}
.tr2b
{
    PADDING-LEFT: 2px;
    FONT-SIZE: 11px;
    BACKGROUND: #f4f4f4;
    COLOR: #3c3c3c;
    height:20;
    vertical-align:top;
    font-weight:bold;
}

.tr1red
{
    PADDING-LEFT: 2px;
    FONT-SIZE: 11px;
    BACKGROUND: #ffffff;
    COLOR: #ff0000;
    height:20;
    vertical-align:top;
    font-weight:bold;
}
.tr2red
{
    PADDING-LEFT: 2px;
    FONT-SIZE: 11px;
    BACKGROUND: #f4f4f4;
    COLOR: #ff0000;
    height:20;
    vertical-align:top;
    font-weight:bold;
}
.tr1_amount
{
    PADDING-LEFT: 2px;
    FONT-SIZE: 11px;
    BACKGROUND: #ffffff;
    COLOR: #3c3c3c;
    height:20;
    text-align:right;
    vertical-align:top;
    
}
.tr2_amount
{
    PADDING-LEFT: 2px;
    FONT-SIZE: 11px;
    BACKGROUND: #f4f4f4;
    COLOR: #3c3c3c;
    height:20;
    text-align:right;
    vertical-align:top;
}

.tr_ov
{
	padding-left: 2px;
	font-size: 11px;
	background: #ffffcc;
	color: #3c3c3c;
	height: 20px;
	vertical-align:top;
	font-weight:bold;
}


.tr_orange
{
	padding-left: 2px;
	font-size: 11px;
	background: #FFCC99;
	color: #000000;
	height: 20px;
	vertical-align: top;
	font-weight: bold;
}

.tr_ov2
{
	padding-left: 2px;
	font-size: 11px;
	background: #FFE4B6;
	color: #3c3c3c;
	height: 20px;
	vertical-align:top;
}

.tr_blue 
{
	PADDING-LEFT: 2px; 
	FONT-SIZE: 11px; 
	BACKGROUND: #daedff; 
	VERTICAL-ALIGN: top; 
	COLOR: #000000; 
	HEIGHT: 20px 
}

.tr_green 
{
	PADDING-LEFT: 2px; 
	FONT-SIZE: 11px; 
	BACKGROUND: #daedda; 
	VERTICAL-ALIGN: top; 
	COLOR: #000000; 
	HEIGHT: 20px 
}

.tr_green_red { PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 11px; BACKGROUND: #daedda; VERTICAL-ALIGN: top; COLOR: #ff0000; HEIGHT: 20px }

#red_link { FONT-WEIGHT: bold; COLOR: #ff0000; TEXT-DECORATION: underline }

#red_link:hover { FONT-WEIGHT: bold; COLOR: #ff0000; TEXT-DECORATION: underline }

#red_link:visited { FONT-WEIGHT: bold; COLOR: #ff0000 }

.tr_gray 
{
	PADDING-LEFT: 2px; 
	FONT-SIZE: 11px; 
	BACKGROUND: #DFDFDF; 
	VERTICAL-ALIGN: top; 
	COLOR: #A7A7A7; 
	HEIGHT: 20px 
}

.submitvalue
{
    HEIGHT: 25px;
    TEXT-ALIGN: right;
    
}

INPUT.action
{
    width:120px;
}
INPUT.action_s
{
    width:40px;
}
INPUT.action_m
{
    width:80px;
}
INPUT.action_l
{
    width:120px;
}
INPUT.action_xl
{
    width:160px;
}
INPUT.action_xxl
{
    width:220px;
}
INPUT.action_amount
{
    width:80px;
    text-align:right;
}

SELECT.action
{
    FONT-SIZE: 10px;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
.action2
{
    padding: 0px 3px;
	border-right: 1px solid #000000;
	border-top: 1px solid #416893;
	FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    BACKGROUND-IMAGE: url('/client/Assets/Images/bg_button2.png');
    OVERFLOW: hidden;
    BORDER-LEFT: #416893 1px solid;
   	BORDER-BOTTOM: #000000 1px solid;
   	FONT-FAMILY: Arial, Helvetica, sans-serif;
   	HEIGHT: 17px;
	margin-left: 0px;
}
.actionsave
{
    padding: 0px 3px;
	border-right: 1px solid #000000;
	border-top: 1px solid #416893;
	FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    BACKGROUND-IMAGE: url('/client/Assets/Images/bg_button2.png');
    OVERFLOW: hidden;
    BORDER-LEFT: #416893 1px solid;
   	BORDER-BOTTOM: #000000 1px solid;
   	FONT-FAMILY: Arial, Helvetica, sans-serif;
   	HEIGHT: 17px;
   	width: 100px;
	margin-left: 0px;
}
.confirm_message
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
    COLOR: navy;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    HEIGHT: 45px
}
.zeropadding 
{
	padding-bottom:0px;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	
}
/*Basic Classes End*/

/*Table Classes Begin*/

TABLE.general {
	FONT-SIZE: 12px; 
	WIDTH: 100%; 
	COLOR: #000000; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	BACKGROUND-COLOR: #84b0c7
}

TABLE.general TD {
	FONT-SIZE: 11px;
	VERTICAL-ALIGN: middle; 
	BACKGROUND-COLOR: #f8f8f8; 
	TEXT-ALIGN: left
}

#HeadbarTable
{
    PADDING-LEFT: 7px;
    MARGIN: 0px;
    BORDER-BOTTOM: #000000 1px;
    HEIGHT: 23px;
    BACKGROUND-COLOR: #ffffff;
}
#HeadbarTableClr
{   
    MARGIN: 0px 0px; 
    HEIGHT: 23px;
    BACKGROUND-COLOR: #D3D2D2;
	BORDER-BOTTOM: 1px #000000;
} 

.tbl_blue_border
{
BORDER-RIGHT: background 1px solid; 
BORDER-TOP: background 1px solid; 
BORDER-LEFT: background 1px solid; 
BORDER-BOTTOM: background 1px solid;
padding:5px;
vertical-align:top;
}

.HeadbarTableClr
{   
    MARGIN: 0px 0px; 
    HEIGHT: 23px;
    BACKGROUND-COLOR: #D3D2D2;
	BORDER-BOTTOM: 1px #000000;
} 

/*Table Classes End*/

/* Datagrid classes Begin*/
.data_grid
{
    width:100%;
    MARGIN: 0px 0px; 
    HEIGHT: 23px;
    BACKGROUND-COLOR: #D3D2D2;
	BORDER-BOTTOM: 1px #000000;
}
.list_head
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #ffffff;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    HEIGHT: 20px;
    BACKGROUND-COLOR: #052a56;
    TEXT-ALIGN: left;
    
}

.row1
{
    
    BACKGROUND: #ffffff;
    color: #3c3c3c;
    FONT-SIZE: 11px;
    line-height:16px; 
}

.row2
{
    BACKGROUND: #DFDFDF;
    color: #3c3c3c;
    FONT-SIZE: 11px;
    line-height:16px;
}
/* Datagrid classes End*/
 

/* Navigation classes Begin*/
.topnav {
	BACKGROUND-COLOR:#586E93;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 11;
	font-weight:bold;
	color:white;
	padding:3;
	padding-left:5px;
	display:block;
}
.topnav1 {
	BACKGROUND-COLOR:#586E93;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 11;
	font-weight:bold;
	color:white;
	padding:2;
	padding-left:2px;
	BORDER-BOTTOM: 1px solid #586E93;
	BORDER-TOP: 1px solid #586E93;
	BORDER-LEFT: 1px solid #586E93;
	BORDER-RIGHT: 1px solid #586E93;
	display:inline-block;
}
a.topnav1, a:link.topnav1, a:visited.topnav1 { color:#FFF; text-decoration:none; }
a:hover.topnav1 { color:#FFF; text-decoration:underline; }
#topnav {
	COLOR: #ffffff;
	text-decoration:none;
}
#topnav:hover {
	COLOR: #eeeeee;
	text-decoration:none;
}
.leftnav_bg_color {
	BACKGROUND-COLOR:#888888;
	vertical-align:top;
}

.leftnav_head 
{
	color:#FFD481;
	font-weight:bold;
	font-size:9pt;	
	padding-left:0px;
}

.leftnav {
	BACKGROUND-COLOR:#999999;
	color:white;
	font-weight:bold;
	padding-left:7px;
	vertical-align:top;
}

.leftnav_head_indent7px 
{
	color:#FFD481;
	font-weight:bold;
	padding-left:7px;
	vertical-align:top;
}

.leftnav_indent12px
{
	BACKGROUND-COLOR:#999999;
	color:white;
	font-weight:bold;
	padding-left:12px;
	vertical-align:top;
}

.leftnav A:link { text-decoration: none; color:#ffffff; }
.leftnav A:visited {text-decoration: none;color:#eeeeee; }
.leftnav A:hover { text-decoration: underline; color:#eeeeee; }

.leftnav_indent12px A:link { text-decoration: none; color:#ffffff; }
.leftnav_indent12px A:visited {text-decoration: none;color:#eeeeee; }
.leftnav_indent12px A:hover { text-decoration: underline; color:#eeeeee; }

#leftnav {
	COLOR: #ffffff;
	text-decoration:none;
}

#leftnav:hover {
	COLOR: #eeeeee; 
	text-decoration:underline;
}

#leftnav:visited {
	COLOR: #eeeeee; 
}

.leftnav_sel
{
	padding-left: 7px;
	padding-bottom: 3px;
	font-weight: bold;
	color: black;
	background-color: #C6C6C6;
	text-decoration: underline;
	COLOR: #000000;
}

#leftnav_sel {
	COLOR: #000000;
	text-decoration:underline;
}

#leftnav_sel:hover {
	COLOR: #eeeeee; 
	text-decoration:underline;
}

#leftnav_sel:visited {
	COLOR: #000000;
}

.leftnav2 {
	BACKGROUND-COLOR:#999999;
	color:#666666;
	font-weight:bold;
	padding-left:12px;
	font-size:8pt;	
}
#leftnav2 {
	COLOR: #FFCC66;
	text-decoration:none;
}

#leftnav2:hover {
	COLOR: #FFCC66; 
	text-decoration:underline;
}

#leftnav2:visited {
	COLOR: #FFCC66; 
}

.leftnav3{
	color:#000000;
	font-weight:bold;
	padding-left:12px;
	font-size:8pt;	
}

.leftnav4{
	color:#000000;
	font-weight:bold;
	padding-left:7px;
	font-size:8pt;	
}

.top_pic {
	padding-left:10px;
} 
/* Navigation classes End*/
 

/*Messaging Begin*/
.warning
{
	color:Red;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 15;
	font-weight:bold;
}
.success
{
	color:green;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 15;
	font-weight:bold;
}
.success2
{
	color:green;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 13;
	font-weight:bold;
}

.normal
{
	color:#000000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 15;
	font-weight:bold;
}
.breadcrums
{
	color:black; 
}

.breadcrums2
{
	color:orange;
	font-weight:bold; 
}
.approved_uc
{
	color:green;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 12;
	font-weight:bold;
}
.dgpaging
{
}
/*Messaging End*/