*{ 
margin:0; 
padding:0; 
border:0px none; 
}
html{margin-bottom:1px; height:100%;}
body {
	font:12px Verdana, Arial, tahoma;
	color:#707A87;
	margin:0px 0px 0px 0px;
}

/*
img {
	behavior:	url("pngbehavior.htc");
}
*/
#wrapper
{
	width: 100%;
	float: none;
	margin:0px;
	padding:0px;
}

        
.head-sap
{
	background: url( '../../img/top-saperator.jpg' ) repeat-y right;
}
.logo
{
	float: left;
	padding: 18px 0px 17px 20px;
}

.label
{
	width: 35%;
	float: left;
	padding: 2px 0px 0px 0px;
	color:#019DF4;
}
.field
{
	width: 65%;
	float: left;
	padding: 2px 0px 0px 0px;
}
.font
{
	width: 10%;
	height: 75px;
	float: left;
	font: 11px Verdana, Arial, Tahoma;
	color: #252525;
	text-align: center;
}
.font-r1
{
	width: 100%;
	float: left;
	padding: 14px 0px 15px 0px;
}
.font-r2
{
	width: 100%;
	float: left;
	padding: 10px 0px 10px 0px;
}

.txtBox
{border:1px solid #261C1D; font:11px Verdana, Arial, tahoma; color:#000000; padding:2px 2px 2px 2px;}


#content
{
	width: 100%;
	float: left;
	min-height: 350px;
	padding:0px;
	margin:0px;
	
}
/** FOOTER */

.menu
{
	z-index: 100;
	float: right;
	width: 100%;
	min-height:25px;
	background: url( '../../img/topnav-bg.jpg' ) repeat-x;
}

#footer_new
{
	float:left; width:100%; background:url('../../img/footer-bg.jpg') repeat-x left top #E0F6FE; border-top:3px solid #40A9CF; text-align:center; padding:15px 0px 15px 0px;
}

#footer p
{
	margin: 0px;
	padding: 13px 20px 0px 20px;
	color: #97AAB9;
}

#footer .legal
{
	float: left;
}

#footer .links
{
	float: right;
	padding-right: 0px;
}

#footer a
{
	padding: 0px 15px;
	text-decoration: none;
	color: #97AAB9;
}

#footer a:hover
{
	text-decoration: underline;
}

.pageTitle
	{
		font: Bold 14px "Segoe UI" , Arial, sans-serif;
		color:#019DF4;
		padding:2px;
	}



strong {
	color: #2C4864;
}


.LeagendHead{font-size:16px;color:#339AE2; font-weight:bold;}

.legentPadding{padding:10px;border:0px;border-style:none;height:100%;}

a {color:#555555; text-decoration:none; font-weight:bold;}
a:hover {color:#555555; text-decoration:none; font-weight:bold;}

.link_new {color:#007EA6; text-decoration:none; font-weight:normal;}
.link_new:hover {color:#007EA6; text-decoration:none;font-weight:normal;}
/*.pageview{background-color:#FFFAEC ; border: solid 1px #ECE8E0;margin-top: -1px;}*/

select
{
	border-style: solid;
	border-color: #252525;
	border-width: 1px;
	height: 20px;
	font-family: Verdana, Arial, Tahoma;
	font-size:11px;
}
.buttonHeader 
{
	color: #3D3D3D;
    font: bold 14px "Segoe UI" , Arial, sans-serif;
    background: url('../../img/btn_bg.jpg' ) repeat-x top;
    padding: 0px 5px 5px 5px;
    height:25px;
    display:inline-block;
    cursor:pointer;
    border:solid 2px #C1C1C1 !important;
}
.buttonHeader:hover, .buttonSelHeader
{        	
	color: #3D3D3D; 
	font: bold 14px "Segoe UI" , Arial, sans-serif; 
	background: url('../../img/btn_bg_over.jpg' ) repeat-x top;
	padding: 0px 5px 5px 5px;
	height:25px;
	display:inline-block;
	cursor:pointer;
    border:solid 2px #E0C394 !important;
}
.buttonHeaderBlue 
{
	color: #128DB9;
    font: bold 14px "Segoe UI" , Arial, sans-serif;
    background: url('../../img/ItemSelectedBg.png' ) repeat-x top;
    padding: 0px 5px 5px 5px;
    height:25px;
    display:inline-block;
    cursor:pointer;
    border:solid 1px #128DB9 !important;
}

/* Added on 16th Sep'09 for New template*/
#header_new{width:100%; height:102px; background:url('../../img/header-bg.jpg') repeat-x left top;}
.logosec{width:140px; float:left; padding:18px 0px 17px 20px;}
.headercol1{width:58%; float:left;}
.headercol2{width:42%; float:right;}
.header-rgt{width:390px; float:none; margin:0px 20px 0px auto;}
.lang{width:390px; float:left; padding:13px 0px 14px 0px; #padding:15px 0px 15px 0px; text-align:right;}
.lang-c1{width:320px; float:left; text-align:right; padding:0px 10px 0px 0px;}
.lang-c2{width:60px; float:left;}
.login{width:410px; float:left;}
.login-left{width:46px; height:52px; float:left; background:url('../../img/login-left.jpg') no-repeat left top;}
.login-bg{width:348px; height:37px; float:left; background:url('../../img/login-bg.jpg') repeat-x left top; padding:15px 0px 0px 0px;}
.logincol{width:95px; float:left; padding:0px 0px 0px 10px;}
.loginbut{width:auto; float:left; padding:0px 0px 0px 10px;}
.login-right{width:6px; height:52px; float:left; background:url('../../img/login-right.jpg') no-repeat left top;}
.inputfld{width:95px; border:1px solid #261C1D; font:11px Verdana, Arial, tahoma; color:#000000; padding:2px 2px 2px 2px;}
h1{background:#E0F6FE; font:20px Verdana, Arial, tahoma; color:#3D3D3D; margin:0px; padding:8px 5px 8px 10px;}

h2 {
	background:#E0F6FE; font:15px Verdana, Arial, tahoma; color:#3D3D3D; margin:0px; padding:8px 5px 8px 10px;}

h3 {
	margin-bottom: 10px; font:12px Verdana, Arial, tahoma; color: #3D3D3D;}

h4 {
	font-size: 10px; font:11px Verdana, Arial, tahoma; color: #3D3D3D; font-weight:normal;}

.middle{vertical-align:middle;}    

.corner-bg{background:url('../../img/corner-bg.jpg') repeat-x left top; border-left:1px solid #DADADA;}
.boxblock{background:url('../../img/yellow-grd.jpg') repeat-x left top; border-left:1px solid #DADADA; border-right:1px solid #DADADA; border-bottom:1px solid #DADADA; padding:10px 10px 10px 10px;}
/*.title{ }*/
.title{background:url('../../img/blocktitle-bg.jpg') repeat-x left top; font:18px Verdana, Arial, tahoma; color:#0D7094; padding:3px 0px 0px 10px;}

ul.list{margin:0px; padding:0px;}
ul.list li{list-style:none; background:url('../../img/bullet.jpg') no-repeat 0px 9px; color:#555555; padding:4px 0px 4px 10px;}
ul.list li a{color:#555555; text-decoration:none; font-weight:bold;}

.option{padding:5px 0px 15px 0px;}
.option a {color:#555555; text-decoration:none; font-weight:bold;}
.option a:hover {color:#555555; text-decoration:none; font-weight:bold;}

.icon-bg{background:#FFF9EF; border:1px solid #E2CEAE; padding:3px 4px 2px 4px;}
.grey-but{height:20px; line-height:20px; background:url('../../img/grey-but-bg.jpg') repeat-x left top; border:1px solid #B3B3B3; font:11px Verdana, Arial, tahoma; color:#050505; text-transform:uppercase; font-weight:bold;padding:0px !important;}
.black-but{height:20px; line-height:20px; background:url('../../img/black-but-bg.jpg') repeat-x left top; border:1px solid #000; font:11px Verdana, Arial, tahoma; color:#FFF; text-transform:uppercase; font-weight:bold;padding:0px !important;}
.buttonGen
{height:20px; line-height:20px; background:url('../../img/black-but-bg.jpg') repeat-x left top; border:1px solid #000; font:11px Verdana, Arial, tahoma; color:#FFF; text-transform:uppercase; font-weight:bold;padding:0px !important;}

.buttonGenSelected, .buttonGen:hover
{
	/*background-color: #D59B9B; height: 26px; float:inherit; text-align: center; font-family: Helvetica, Calibri, Arial, sans-serif; font-size: 100%; text-decoration: none; border:1px;cursor:pointer; 
	color: #A4D64D;
	border-color: #A4D64D;*/
	cursor: hand;
}


.tab{height:31px; float:left; background:url('../../img/tab-blue-right.jpg') no-repeat right top; margin-right:5px;}
.tab b{height:26px; float:left; background:url('../../img/tab-blue-left.jpg') no-repeat left top; text-align:center; font:18px Arial, Verdana, Tahoma; color:#0D7094; padding:5px 10px 0px 10px;}
.tab_on{height:31px; float:left; background:url('../../img/tab-yellow-right.jpg') no-repeat right top; margin-right:5px;}
.tab_on b{height:26px; float:left; background:url('../../img/tab-yellow-left.jpg') no-repeat left top; text-align:center; font:18px Arial, Verdana, Tahoma; color:#3C3C3C; padding:5px 10px 0px 10px;}

.classtab{height:31px; float:left; margin-right:5px;}
.classtab a{height:26px; float:left; background:url('../../img/tab-blue-right.jpg') no-repeat right top; text-decoration:none; font:18px Arial, Verdana, Tahoma; color:#0D7094; border-left:1px solid #9DC7D6; padding:5px 10px 0px 10px;}
.classtab a:hover{height:26px; float:left; background:url('../../img/tab-yellow-right.jpg') no-repeat right top; text-decoration:none; font:18px Arial, Verdana, Tahoma; color:#3c3c3c; border-left:1px solid #DADADA;}
.classtab a.on{height:26px; float:left; background:url('../../img/tab-yellow-right.jpg') no-repeat right top; text-decoration:none; color:#3C3C3C; border-left:1px solid #DADADA;}

.tabsbg{background: url('../../img/tab-border-bg.jpg') repeat-x 0px -1px;}

.tabmed{height:26px; float:left; background:url('../../img/tab-blue-right.jpg') no-repeat right top; margin-right:5px;}
.tabmed b{height:21px; float:left; background:url('../../img/tab-blue-left.jpg') no-repeat left top; text-align:center; font:14px Arial, Verdana, Tahoma; color:#0D7094; padding:5px 10px 0px 10px;}

.tabsmall{height:21px; float:left; background:url('../../img/tab-blue-right.jpg') no-repeat right top; margin-right:5px;}
.tabsmall b{height:16px; float:left; background:url('../../img/tab-blue-left.jpg') no-repeat left top; text-align:center; font:12px Arial, Verdana, Tahoma; color:#0D7094; padding:5px 10px 0px 10px;}
.penbordersmall
        {
            border: solid 1px #DADADA !important;
            overflow: hidden !important;
            background: url(../../img/boxbg.jpg) repeat-x;
            padding: 5px;
        }

.newborder
        {
            border-left: solid 1px #DADADA !important;
            border-right: solid 1px #DADADA !important;
            border-bottom: solid 1px #DADADA !important;
            overflow: hidden !important;
            background: url(../../img/boxbg.jpg) repeat-x;
            padding: 5px;
        }

.penborder
        {
            border-left: solid 1px #DADADA !important;
            border-right: solid 1px #DADADA !important;
            border-bottom: solid 1px #DADADA !important;
            overflow: hidden !important;
            background: url(../../img/boxbg.jpg) repeat-x;
            padding: 5px 5px 5px 5px !important;
            
            min-height: 300px;
            max-height: 100%; /*background: url(../../img/boxbg.jpg) repeat-x;*/
        }
        
        .penborder1
        {
            border: solid 1px #DADADA !important;
            overflow: hidden !important;
            background: url(../../img/boxbg.jpg) repeat-x;
            padding: 5px;
            min-height: 300px;
            max-height: 100%; /*background: url(../../img/boxbg.jpg) repeat-x;*/
        }
        .penborder-new
        {
            border: solid 1px #DADADA !important;
            overflow: hidden !important;
            background: url(../../img/boxbg.jpg) repeat-x;
            padding: 0px;
            min-height: 300px;
            max-height: 100%; /*background: url(../../img/boxbg.jpg) repeat-x;*/
        }
        .penBg
        {
            background: #FDF5D9;
        }
        
.monthname{background:url('../../img/yellow-grd.jpg') repeat-x top; font:18px Verdana, Arial, Tahoma; color:#353535; font-weight:bold; padding:5px 0px 5px 10px;}
.tblheadbg{background:url('../../img/tblhead-bg.jpg') repeat-x top; font:12px Verdana, Arial, Tahoma; color:#353535; font-weight:bold; padding:5px 5px 5px 5px;}
.bdr-a{border:1px solid #BCC6C9;}
.bdr-l{border-left:1px solid #BCC6C9;}
.bdr-t{border-top:1px solid #BCC6C9;}
.bdr-r{border-right:1px solid #BCC6C9;}
.bdr-b{border-bottom:1px solid #BCC6C9;}
.tbldata{font:12px Verdana, Arial, Tahoma; color:#353535; padding:5px 5px 5px 5px;}
.tbldata a{color:#007EA6; text-decoration:underline;}

table#ckbTasks td{width:33%;}

.weekend{background:#EDFAFF;}  
.mon{background:#C5F0FF;}  
.today{background:#FFE697;}

/*
.tab{height:31px; float:left; margin-right:5px;}
.tab a{height:31px; float:left; background:url('../../img/tab-blue-right.jpg') no-repeat right top; text-decoration:none;}
.tab a span{height:26px; float:left; background:url('../../img/tab-blue-left.jpg') no-repeat left top; text-align:center; font:18px Arial, Verdana, Tahoma; color:#0D7094; padding:5px 10px 0px 10px;}
.tab a:hover{height:31px; float:left; background:url('../../img/tab-yellow-right.jpg') no-repeat right top; text-decoration:none;}
.tab a:hover span{height:26px; float:left; background:url('../../img/tab-yellow-left.jpg') no-repeat left top; text-align:center; font:18px Arial, Verdana, Tahoma; color:#3C3C3C; padding:5px 10px 0px 10px;}
.tab a.on span{height:31px; float:left; background:url('../../img/tab-yellow-right.jpg') no-repeat right top; text-decoration:none; color:#3C3C3C;}
.tab a.on:hover span{height:26px; float:left; background:url('../../img/tab-yellow-left.jpg') no-repeat left top; text-align:center; font:18px Arial, Verdana, Tahoma; color:#3C3C3C; padding:5px 10px 0px 10px;}
*/

/* Manage resources */

.subtabsec{width:215px; float:left; background:url('../../img/border.jpg') repeat-x bottom;}
.subtab{height:26px; float:left; margin-left:5px;}
.subtab a{height:20px; float:left; background:url('../../img/subtab.jpg') repeat-x right bottom; text-decoration:none; font:12px Arial, Verdana, Tahoma; color:#0D7094; font-weight:bold; padding:5px 10px 0px 10px; border-left:1px solid #DADADA; border-left:1px solid #818181; border-right:1px solid #818181; border-top:1px solid #818181;}
.subtab a:hover{height:20px; float:left; background:url('../../img/subtab-on.jpg') repeat-x right bottom; text-decoration:none; font:12px Arial, Verdana, Tahoma; color:#3c3c3c; font-weight:bold; border-left:1px solid #818181; border-right:1px solid #818181; border-top:1px solid #818181;}
.subtab a.on{height:20px; float:left; background:url('../../img/subtab-active.jpg') repeat-x right bottom; text-decoration:none; color:#3C3C3C; border-left:1px solid #818181; border-right:1px solid #818181; border-top:1px solid #818181;}

.mainbody{padding:10px 10px 10px 10px;}
.subheading{font:16px Verdana, Arial, Thaoma; color:#219CC8; font-weight:bold; padding:2px 0px 5px 0px;}
.addcal p{font:12px Verdana, Arial, Thaoma; color:#353535; font-weight:bold; padding:5px 0px 5px 0px;}
.addcal ul{margin:0px; padding:0px;}
.addcal ul li{list-style:none; background:url('../../img/yellow-arrow.jpg') no-repeat 0px 6px; font:12px Verdana, Arial, Thaoma; color:#138EBA; padding:4px 0px 4px 15px;}
.addcal ul li a{color:#138EBA; text-decoration:underline;}

/* Add new css 13-10-9 */

.tblbluehead
{background:url('../../img/btn_bg.jpg') repeat-x 0px 0px; font:11px Verdana, Arial, Thaoma; color:#3D3D3D; font-weight:bold; padding:0px 10px 0px 10px; min-height:25px;
 display:inline-block;cursor:pointer;border:solid 2px #E0C394 !important; line-height:22px}
 
.DataGridHeader
{background:url('../../img/btn_bg.jpg') repeat-x 0px 0px; font:11px Verdana, Arial, Thaoma; color:#3D3D3D; font-weight:bold; padding:0px 10px 0px 10px; min-height:25px;
 display:inline-block;cursor:pointer;border:solid 1px #DADADA !important; line-height:22px}

	
.altbg1{background:#FFF6DB; font:11px Verdana, Arial, Thaoma; color:#303030; padding:5px 0px 5px 10px;}
.altbg2{background:#E0F6FE; font:11px Verdana, Arial, Thaoma; color:#303030; padding:5px 0px 5px 10px;}
a.bluelink{color:#007EA6; text-decoration:underline;}
a.bluelink:hover{color:#007EA6; text-decoration:underline;}

.analysis-type-bg
{	
	background:url('../../img/analysis-type-bg.jpg') repeat-x top #FFEFBF; 
	font:11px Verdana, Arial, Thaoma; color:#3D3D3D; font-weight:bold; border-bottom:1px solid #BCC6C9;
}

.blueheadtxt{font:15px Verdana, Arial, Thaoma; color:#1C97BE; font-weight:bold; border-bottom:1px solid #BCC6C9; padding:5px 0px 5px 0px;}
ul.dalist{border:0px; padding:0px;}
ul.dalist li{list-style:none; float:left; display:block; background:#DEE9EC; margin-right:10px; padding:5px 5px 5px 5px;}
ul.dalist li a{font:11px Verdana, Arial, Thaoma; color:#4C4C4C; font-weight:bold; text-decoration:underline;}
.queryinfo{background:#FFFBEF; border:1px solid #DADADA; font:11px Verdana, Arial, Thaoma; color:#565656; padding:10px 10px 10px 10px;}
.pad3{padding:0px 0px 10px 0px;}

.bluebox{background:#FFF6DB; border:1px solid #BCC6C9; padding:10px;}
.yellowbox{background:#E0F6FE; border:1px solid #BCC6C9; padding:10px;}

.arrowtop{background:url('../../img/arrow-topbg.jpg') repeat-x bottom; padding:0px 0px 0px 20px;}

.icon-bg1{background:#FFF9EF; border:1px solid #E2CEAE; font:14px Verdana, Arial, tahoma; color:#EF9500; padding:3px 4px 2px 4px;}
.title1{background:url('../../img/blocktitle-bg.jpg') repeat-x left top; font:14px Verdana, Arial, tahoma; color:#0D7094; padding:7px 0px 0px 5px;}
.showhide{background:url('../../img/blocktitle-bg.jpg') repeat-x left top; font:10px Verdana, Arial, tahoma; color:#0D7094; padding:5px 0px 0px 2px;}
.showhide a{color:#0D7094; text-decoration:none;}


/* CSS For Paging : Add On -23-10-9 */



.paging{background:url('../../img/paging-bg.jpg') repeat-x left top; border-bottom:solid 1px; border-left:solid 1px; border-right:solid 1px}
.pgno{font:12px Verdana, Arial, tahoma; color:#353535; padding:7px 10px 0px 10px;}
.totalrec{font:12px Verdana, Arial, tahoma; color:#353535; padding:10px 10px 10px 10px;}

/*.pgno image:hover{background:url('../../img/pgno-bg-on.jpg') repeat-x left top; border:1px solid #C09D3B;}*/
ul.pagelist{margin:0px; padding:0px 5px 0px 10px;}
ul.pagelist li{width:22px; height:22px; list-style:none; display:block; float:left; text-align:center; padding:0px;}
ul.pagelist li a{height:17px; list-style:none; display:block; float:left; text-align:center; font:bold 12px Verdana, Arial, tahoma; color:#353535; text-decoration:none; margin-right:2px; padding:4px 4px 1px 4px;}
ul.pagelist li a:hover{height:17px; list-style:none; display:block; float:left; background:url('../../img/pgno-bg.jpg') repeat-x left top; border:1px solid #1B799B; text-align:center; font:bold 12px Verdana, Arial, tahoma; color:#353535 !important; text-decoration:none; margin-right:2px; padding:3px 3px 0px 3px;}
ul.pagelist li a.pageactive{height:14px; list-style:none; display:block; float:left; background:url('../../img/pgno-bg-2active.jpg') repeat-x left top aqua; border:1px solid #000000; text-align:center; font:bold 12px Verdana, Arial, tahoma; color:#fff !important; text-decoration:none;}
ul.pagelist li a.active{height:17px; list-style:none; display:block; float:left; background:url('../../img/pgno-bg-active.jpg') repeat-x left top; border:1px solid #000000; text-align:center; font:bold 12px Verdana, Arial, tahoma; color:#fff !important; text-decoration:none; margin-right:2px; padding:3px 3px 0px 3px;}

/* For Dta Module pages / Field , User Selector */
.dtatabsec{width:100%; float:left; background:url('../../img/border.jpg') repeat-x bottom;}
.dtatab{height:26px; float:left; margin-left:5px;}
.dtatab a{height:20px; float:left; background:url('../../img/subtab.jpg') repeat-x right bottom; text-decoration:none; font:12px Arial, Verdana, Tahoma; color:#0D7094; font-weight:bold; padding:5px 10px 0px 10px; border-left:1px solid #DADADA; border-left:1px solid #818181; border-right:1px solid #818181; border-top:1px solid #818181;}
.dtatab a:hover{height:20px; float:left; background:url('../../img/subtab-on.jpg') repeat-x right bottom; text-decoration:none; font:12px Arial, Verdana, Tahoma; color:#3c3c3c; font-weight:bold; border-left:1px solid #818181; border-right:1px solid #818181; border-top:1px solid #818181;}
.dtatab a.on{height:20px; float:left; background:url('../../img/subtab-active.jpg') repeat-x right bottom; text-decoration:none; color:#3C3C3C; border-left:1px solid #818181; border-right:1px solid #818181; border-top:1px solid #818181;}
.dtaBorder {
            border-left: solid 1px #818181 !important;
            border-right: solid 1px #818181 !important;
            border-bottom: solid 1px #818181 !important;
            overflow: hidden !important;
            background: url(../../img/boxbg.jpg) repeat-x;
            padding: 5px 5px 5px 5px !important;
            min-height: 250px;}
            
.tabsborder {
            border-left: solid 1px #818181 !important;
            border-right: solid 1px #818181 !important;
            border-bottom: solid 1px #818181 !important;
            border-top: solid 1px #818181 !important;
            overflow: hidden !important;
            padding: 5px 5px 5px 5px !important;
            min-height: 250px;}

.collapsePanelHeader
            {background:url('../../img/btn_bg.jpg') repeat-x 0px 0px; font:11px Verdana, Arial, Thaoma; color:#3D3D3D; font-weight:bold; padding:0px 10px 0px 10px; min-height:25px;
			display:inline-block;cursor:pointer;border:solid 1px #DADADA !important; line-height:22px}

.detailhead
{
	font: bold 14px Verdana, Arial, tahoma; color:#3D3D3D;
}

.detailbody
{
	font: 11px Verdana, Arial, tahoma; color:#000;
}

.skiPopup
{
    border: solid 1px #DADADA !important;
    overflow: hidden !important;
    background: url(../../img/boxbg.jpg) repeat-x;
    padding: 5px;
    font: 12px/18px Segoe UI, Arial, sans-serif;
    color: #000;
}

.row{background:#FFFAEA; height:30px;}
.altrow{background:#EFFDFE; height:30px;}

.row:hover {background:#fff;}
.altrow:hover{background:#fff;}