﻿body
{
	background-color: #F1F2F5;
	margin-right: 3px;
	margin-left: 3px;
	margin-top: 0px;
	margin-bottom: 0px;
}
table, td, div
{
	border-collapse: collapse;
	font-family: Arial;
	font-size: 11px;
}
a
{
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
a.link:hover
{
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
input, select, textarea
{
	border: 1px solid #727272;
	font-size: 11px;
}
.hdr
{
	background-color: #FFFFFF;
	padding-right: 25px;
	padding-left: 25px;
	background-image: url(images/brdr-line.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.message
{
	font-weight: bold;
	color: Red;
}
.white-bg
{
	background-color: #FFFFFF;
}
/******************** TOP NAVIGATION ********************/
#TopNav
{
	background-color: #004457;
	background-image: url(images/but-up.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height: 30px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
}
#TopNav ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#TopNav li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
	text-align: center;
	border-right: 1px solid #fff;
	width: 12.4%;
}
#TopNav li a
{
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding: 7px 0 7px 0;
	background: url(images/but-up.gif) top left repeat-x;
}
#TopNav li a:hover
{
	color: #fff;
	text-decoration: none;
	background: url(images/but-dwn.gif) top left repeat-x;
}
#TopNav li a:visited
{
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
#TopNav .active
{
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding: 7px 0 7px 0;
	background: url(images/but-dwn.gif) top left repeat-x;
}
#TopNav .Inactive
{
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding: 7px 0 7px 0;
	background: url(images/but-up.gif) top left repeat-x;
}

/***********************************************************/
.left_nav
{
	/*background-color: #E4F0F0;*/
	background-color: #FFFFFF; /*background-image: url(images/left-nav-bg.gif);*/
	background-repeat: repeat-y;
	background-position: right top;
}
.left_nav input
{
	color: #fff;
	border: none;
}

.right_nav
{
	background-color: #FDFDFD;
	background-image: url(images/right_nav.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #D0D0D0;
	border-right-color: #D0D0D0;
	border-bottom-color: #D0D0D0;
	border-left-color: #D0D0D0;
}
.footer
{
	background-color: #F1F2F5;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CFCFCF;
	border-right-color: #CFCFCF;
	border-bottom-color: #CFCFCF;
	border-left-color: #CFCFCF;
	font-size: 10px;
	color: #004557;
}
.footer a
{
	background-color: #F1F2F5;
	font-size: 10px;
	color: #004557;
	text-decoration: underline;
}

.footer a:hover
{
	background-color: #F1F2F5;
	font-size: 10px;
	color: #7B9F0F;
}

.ribbonBar
{
	background-color: #337F91;
}
.dlRibbionItem
{
	border-right-width: 1px;
	border-right-color: #337F91;
	border-right-style: solid;
	width: 80px;
}
.ribbionItem-title
{
	font-size: 8px;
	color: #FFFFFF;
	text-decoration: none;
}
.ribbionItem-title_Hover
{
	font-size: 8px;
	color: #C0C0C0;
	text-decoration: none; /* 	font-size: 10px; 	color: #FFFFFF; 	text-decoration: none; 	background-color: #C6CBCC; */
}
.icons-bg
{
	background-image: url(images/icons-bg.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 65px;
}
.icn-div-line
{
	background-image: url(images/div-line.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.sub_botm
{
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #20525E;
	text-align: center;
	vertical-align: middle;
	height: 24px;
}
.ribbionItem
{
	background-color: #337F91;
	border: solid 1px #99BFC8;
	padding: 5px;
}
#right_nav
{
	padding: 10px;
	color: #004557;
}
#right_nav a
{
	color: #004557;
	text-decoration: none;
}
#right_nav a:hover
{
	color: #004557;
	text-decoration: underline;
}
#right_nav a:visited
{
	color: #004557;
	text-decoration: none;
}
/*login css*/
#login
{
	background-color: #004557;
	color: #fff;
	padding: 5px;
	height: 105px;
	font-weight: bold;
}
#login a
{
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
#login a:hover
{
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}
#login a:visited
{
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
.white-Text
{
	color: #fff;
	font-weight: bold;
}
.spacer
{
	background-image: url(images/spacer.gif);
}
.treeNode
{
	color: #000000;
	text-decoration: none; /*text-transform: capitalize;*/
}
.treeNodeSelected
{
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	background-color: #BCBCBC;
}
.selectCss
{
	color: #FFFFFF;
	background-color: #FF9966;
}
.tab-hdr
{
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #337F91;
	text-align: center;
	vertical-align: middle;
	padding: 5px;
}
.tab-con
{
	color: #333333;
	text-decoration: none;
	background-color: #F5FDFF;
	text-align: left;
	padding: 5px;
	vertical-align: top;
}
.popup-hdr
{
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #20525E;
	text-align: left;
	padding: 5px;
}
.popup-cont
{
	font-weight: normal;
	text-decoration: none;
	background-color: #F7FDFF;
	text-align: left;
	vertical-align: top;
	border: 1px solid #337F91;
}
.overlay
{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #FBFBFB;
	z-index: 50;
	-moz-opacity: 0.2;
	opacity: .20;
	filter: alpha(opacity=20);
}
.overlayContent
{
	display: none;
	position: absolute;
	top: 25%;
	left: 35%;
	width: 100%;
	height: 100%;
	z-index: 51;
}
.overlayContentDownload
{
	padding: 10px;
	border: thin solid #336600;
	display: none;
	position: absolute;
	top: 25%;
	left: 25%;
	width: 250;
	height: 10%;
	z-index: 51;
	vertical-align: middle;
	text-align: center;
	background-color: AliceBlue;
}
/***********Grid Css*****/
.gridItem, .grd
{
	background-color: #F6FCFC;
	padding-left: 3px;
	padding-right: 3px; #494949;
}
.gridAlternativeItem
{
	color: #333333;
	text-decoration: none;
	background-color: #F5FDFF;
	text-align: left;
	padding: 5px;
	vertical-align: top;
}
.gridSelectedItem, .grd-sub
{
	background-color: #72B8B4;
	padding-left: 3px;
	padding-right: 3px; #505152;color:#fff;
}
.gridHeader, .tab1
{
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #20525E;
	text-align: left;
	padding: 5px;
}
.gridHeader a
{
	color: #FFFFFF;
}
/*
.GridPagerStyle
{
	width: 686px;
	height: 36px;
	background-image: url(images/photonav.gif);
	background-repeat: no-repeat;
	margin-bottom: 5px;
	text-align: center;
}
*/
.GridPageNumber
{
	font-family: Arial;
	font-size: 11px;
	color: White;
	font-weight: bold;
}
.GridPagerStyle .plyr-left
{
	background-image: url(images/plyer-left-bg.gif);
	width: 3px;
}
.GridPagerStyle .plyr-right
{
	background-image: url(images/plyer-rgt-bg.gif);
	width: 3px;
}
.GridPagerStyle .plyr-bg
{
	background-image: url(images/plyer-bg.gif);
	background-repeat: repeat-x;
	height: 30px;
	background-color: #3D9596;
	background-position: left top;
	font-weight: bold;
}
/*Accodation Control Css*/
.accordationHeader
{
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(images/tab-bg.jpg);
	background-repeat: repeat-x;
	text-align: left;
	vertical-align: middle;
	height: 23px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 8px;
}

.accordationHeaderSaveSearch
{
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(images/tab-bg.jpg);
	background-repeat: repeat-x;
	text-align: left;
	vertical-align: middle;
	height: 23px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.overlayProgress
{
	position: absolute;
	top: 0%;
	left: 0%;
	background-color: #FBFBFB;
	z-index: 809;
	-moz-opacity: 0.2;
	opacity: .20;
	filter: alpha(opacity=20);
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight+        'px' );
	width: expression(document.body.scrollWidth > document.body.offsetWidth ? document.body.scrollWidth : document.body.offsetWidth+        'px' );
}
.overlayProgressContent
{
	position: absolute;
	top: expression((document.body.scrollHeight/2)+      'px' );
	left: 25%;
}


/*---------------- pop up css  Begin--------------*/
.pp-hdr
{
	background-color: #003333;
	border-left: solid 1px #99CCCC;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 8px;
	padding-left: 15px;
	background-image: url(images/pp-hdr-bg.png);
	background-repeat: repeat-y;
	background-position: right top;
}
.pp-cont
{
	background-color: #F2F9FF;
	background-image: url(images/pp-mid-right.png);
	background-position: right top;
	background-repeat: repeat-y;
	border-left: solid 1px #B3C5D3;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
}
.pp-btm-mid
{
	background-image: url(images/pp-bttm-mid.gif);
	background-repeat: repeat-x;
	background-position: left top;
	text-align: right;
	vertical-align: top;
}
.pop-up-btm-mid
{
	background-image: url(images/bttm-mid.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	border-left: solid 1px #B3C5D3;
}

.wht-bold
{
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
}
/*---------------- pop up css End --------------*/
/********************Clipboard dragging css************/
.regular
{
}
.drag
{
	/*z-index: 100;*/
}
.dragHandle
{
	cursor: move;
}

/********* Ribbon Group Div **********/
#Ribbon-Group
{
	width: 100%;
	padding: 1px;
}
#Ribbon-Group .Ribbon-Group-Item
{
	background-image: url(images/icons-bg.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 45px;
	margin: 0 0 0 10px;
	float: left;
	padding-top: 10px;
	width: 195px;
}
#Ribbon-Group .td
{
	padding: 0 1px 0 1px;
}
#Ribbon-Group .td1
{
	background-image: url(images/div-line.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0 5px 0 5px;
}
/********* Ribbon Group Div **********/
/*********FreeText Box Editor********/
.overlayContentEditor
{
	display: none;
	position: absolute;
	top: 20px;
	left: 10px;
	z-index: 51;
}
/*********FreeText Box Editor********/
/**************Help css*************/
.pp-hdr-help
{
	border-left: solid 1px #99CCCC;
	padding: 8px 5px 8px 15px;
	background-color: #007072;
	background-image: url(images/pp-hdr-bg.png);
	background-repeat: repeat-y;
	background-position: right top;
}
.pp-hdr-help a
{
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
}
.pp-hdr-help a:hover
{
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
.pp-sub-hdr-help
{
	border-left: solid 1px #99CCCC;
	padding: 8px 5px 8px 15px;
	background-color: #007072;
	font-weight: bold;
	color: #fff;
}
.pp-cont-help
{
	background-color: #F2F9FF;
	background-image: url(images/pp-mid-right.png);
	background-position: right top;
	background-repeat: repeat-y;
	border-left: solid 1px #B3C5D3;
	padding: 5px 15px 5px 15px;
}

.pp-td-help
{
	padding: 5px;
	border: solid 1px #003333;
	border-left: none;
}
.pp-td1-help
{
	padding: 5px;
	font-weight: bold;
	border: solid 1px #003333;
}
.pp-btm-mid-help
{
	background-image: url(images/pp-bttm-mid.gif);
	background-repeat: repeat-x;
	background-position: left top;
	text-align: right;
	vertical-align: top;
}
.pop-up-btm-mid-help
{
	background-image: url(images/bttm-mid.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	border-left: solid 1px #B3C5D3;
}
.wht-bold-help
{
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
}
/**************Helpcss*************/
