/* ******************************************************************** */ 
/*                  Pioneer Page Styles                 */
/* ******************************************************************** */

body{min-width: 1024px !important;}

/* Header Section Starts */
.headerContent{
	background: url("../images/header_logo_bg.png") no-repeat scroll 0 0 transparent;
    height: 49px;
    margin: 0 auto;
    width:100%!important;
}
.logoContainer, a.logo, h2.pageHeading{float:left;}
.logoContainer{width:675px;height:49px;}
a.logo{margin:13px 0 0 26px;}
h2.pageHeading{    margin-left: -7px; margin-top: 12px;}
/* Header Section Ends */


.dhx_acc_item_label{text-align:left!important}

.ExportAs{ text-align:left; margin-right:20px; font-weight:bold}
.ExportAs ul{ list-style:none; float:right}
.ExportAs ul li{float:left; margin-right:20px}
.ExportAs ul li.exptext{margin-right:10px!important; color:#c4c4c4!important;font-size:12px;line-height:21px;}

.footer-term-cont{width:97%; margin:0 auto;text-align:left; }
.footer-term-cont a{font-size:9px; color:#000; text-decoration:none}

/*Top Nav Section Starts 
#nav {margin-top:10px;  width: 100%;}
#nav ul li a{float:left; background: url("../images/nav_normal.png") no-repeat scroll 0 0 transparent; height:31px; width:108px; color:#646464; font-weight:bold;  font-size: 9pt; padding-top:6px}
#nav ul li a.selected{background: url("../images/nav_selected.png") no-repeat scroll 0 0 transparent; color:#002e68;}*/

/*Top Nav Section Ends */

#nav {
	margin: 0;
	padding: 7px 6px 0;
}
#nav li {
	margin: 0 5px;
	padding: 0 0 8px;
	float: left;
	position: relative;
	list-style: none;
}


/* main level link */
#nav a {
	font-weight: bold;
	color: #e7e5e5;
	text-decoration: none;
	display: block;
	padding:  8px 20px;
	margin: 0;
}
#nav a:hover {
float:left; background: url("../images/nav_normal.png") no-repeat scroll 0 0 transparent; height:31px; width:108px; color:#646464; font-weight:bold;  font-size: 9pt; padding-top:6px
}

/* main level link hover */
#nav .current a, #nav li:hover > a {
	background: url("../images/nav_selected.png") no-repeat scroll 0 0 transparent; color:#002e68;
}

/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a {
	background: none;
	border: none;
	color: #666;
}
#nav ul a:hover {
	background: #0078ff url(img/gradient.png) repeat-x 0 -100px !important;
	color: #fff !important;
}

/* dropdown */
#nav li:hover > ul {
	display: block;
}

/* level 2 list */
#nav ul {
	display: none;

	margin: 0;
	padding: 0;
	width: 185px;
	position: absolute;
	top: 35px;
	left: 0;
	background: #ddd url(img/gradient.png) repeat-x 0 0;
	border: solid 1px #b4b4b4;
}
#nav ul li {
	float: none;
	margin: 0;
	padding: 0;
}

#nav ul a {
	font-weight: normal;
	text-shadow: 0 1px 0 #fff;
}

/* clearfix */
#nav:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}


#wrapper{overflow:hidden!important;}


/*Left Nav Section Starts */
.welcomeText{font-weight:bold;font-size:8pt; color:blue; margin:8px 0;}
.headingText{color: #FFFFFF;
    float: right;
    font-size: 10pt;
    font-weight: bold;
    margin: 0;
    padding-right: 15px;
    padding-top: 12px;}
.welcomeText span{font-weight:bold;font-size:8pt; color:#2C659F; margin:8px 0;}
 #leftNav .controls{font-size:8pt; color:#9f9d9d; margin:8px 0;}
 #leftNav .controls span{margin:0 5px}
  #leftNav .controls a{color:#9f9d9d;}
  
 .controls{font-size:8pt; color:#9f9d9d; margin:1px 0!important;float:right}
 .controls span{margin:0 5px}
 .controls a{color:#9f9d9d;}
 .unauthorisedentry{
   border:1px solid #2C659F;
   padding:25px;
   width:400px;
   height:200px;
   margin:0px auto;
   margin-top:100px;
   float:center;
 }
 .unauthorisedentry #content1{
 	color: #2C659F;
 	size:19px; 	
    font-weight: bold;
    padding-left: 10px;
    padding-top: 37px; 
  }
 .logoutconfirm{
   border:1px solid #2C659F;
   padding:25px;
   width:400px;
   height:200px;
   margin:0px auto;
   margin-top:100px;
 }
 .logoutconfirm #content1{
 	color: #2C659F;
 	size:19px; 	
    font-weight: bold;
    padding-left: 10px;
    padding-top: 37px; 
  }
  .logoutconfirm #content2
    {
    color: #ff0000;
 	size:19px; 	
    font-weight: bold;   
   }
 .logoutconfirm a{ color:#9f9d9d; font-weight:bold;}

/* Accordion Controls */
.accordion{float:left; width:174px;}
.todolist{}
.todolist h3{}
.accordion h3{background: url("../images/leftnav_closed.png") no-repeat scroll 0 0 transparent; width:174px; height: 26px; padding-top: 8px; color:#7f7f7f; font-weight:bold;}
.accordion h3.opened{background: url("../images/leftnav_opened.png") no-repeat scroll 0 0 transparent; }
.accordion h3 a{float: left; text-indent: -10000px; cursor: pointer;  margin-left: 10px; margin-right: 8px;width:16px; height: 16px; }
.accordion h3 a.editIcon{background: url("../images/edit_icon.png") no-repeat scroll 0 0 transparent;}
.accordion h3 a.alertsIcon{background: url("../images/alert_icon.png") no-repeat scroll 0 0 transparent;}
.accordion h3 a.favoritesIcon{background: url("../images/fav_icon.png") no-repeat scroll 0 0 transparent; height: 17px; }

.accordion h3 a.openedIcon{ background: url("../images/leftnav_opened_icon.png") no-repeat scroll 0 0 transparent; float: right !important;
    height: 9px;
    margin-left: 0;
    margin-right: -32px;
    margin-top: 5px;
    width: 9px;}
.accordion h3 a.closedIcon{background: url("../images/leftnav_closed_icon.png") no-repeat scroll 0 0 transparent; float: right !important;
    height: 9px;
    margin-left: 0;
    margin-right: -32px;
    margin-top: 5px;
    width: 9px;}

.accordion .favorites h3 a.closedIcon{background: url("../images/leftnav_closed_icon.png") no-repeat scroll 0 0 transparent; margin-right: 9px;}

.todolist h3 span{ background: url("../images/grey_warning_icon.png") no-repeat scroll 0 1px transparent;
    color: #FFFFFF;
    float: right;
    font-weight: normal;
    height: 18px;
    margin-right: 24px;
    text-indent: 5px;
    width: 17px;}
.todolist .content{border-left:1px #959ba2 solid; padding: 1px; border-right:1px #959ba2 solid;}
.todolist .content ul{border: 1px #1a5189 solid; background:#3b70a6; padding: 2px 0 0 2px;}
.todolist .content li{padding:5px 0px 5px 14px; background: url("../images/left_nav_li_bg.png") no-repeat scroll left bottom transparent}
.todolist .content li.last{background:none;}
.alert{}
.alert h3{}


.alert h3 span{ background: url("../images/warning_icon.png") no-repeat scroll 0 1px transparent;
    color: #FFFFFF;
    float: right;
    font-weight: normal;
    height: 18px;
    margin-right: 24px;
    text-indent: 5px;
    width: 17px;}


.favorites{}
.favorites h3{}

/* End of Accordion Controls */

/*Left Nav Section Ends */

.mainContent-sub {
    border: 1px solid background;
    float: left;
    width: 100%;
}

td.footpage{height: 50px!important;
    line-height: 50px!important;}


.content{padding-bottom:15px!important;}


.purchase-cont{padding: 0 10px!important;}
td.comp-name{ font-size:15px; font-weight:bold; color:#000;}
img.logo{ border:1px solid #c4c4c4}

.lblBold{font-weight: bold !important;
    padding-right:5px;
    text-align: justify;
    width: auto;color:black;}
    
#pagingArea1{float: left;
    margin-bottom: 0;
    margin-left: 15px;
    margin-top: 0;
    text-align: left;
    width: 200px;}
    
  
   
#pagingArea2{float: right;
    margin-bottom: 0;
    margin-left: 15px;
    margin-top: 0;
    text-align: left;
    width: 230px;}
 
    
.H-Bold{font-weight: bold !important;
    padding-right: 25px;
    text-align:left;
    width: auto;}    



.H-purCont{ background: none repeat scroll 0 0 #F0F3F7;
    color: #000000;
    height: 34px;
    line-height: 34px;
    margin-bottom: 10px;}


/* Main Content Starts */
.mainContent .heading a.dragWidget, .mainContent .heading a.moreOptions{float:right; padding:0px;}
.mainContent .heading  a.dragWidget{background: url("../images/content_header_drag.png") no-repeat scroll 0 0 transparent; width:19px; height:13px;  margin-top: 9px; margin-right: 10px;}
.mainContent .heading  a.moreOptions{background: url("../images/content_header_more_option.png") no-repeat scroll 0 0 transparent; width:11px; height:5px; margin-top: 15px;  margin-right: 10px;}
.keyPerformanceIndicators{float:left;}
.keyPerformanceIndicators .heading, .otherUpdates .heading{background: url("../images/content_header_bg.png") no-repeat scroll 0 0 transparent; height:31px;}
.keyPerformanceIndicators .heading a, .otherUpdates .heading a{color: #2C659F;
    float: left;
    font-weight: bold;
    padding-left: 14px;
    padding-top: 7px;}
/*.keyPerformanceIndicators .content, .otherUpdates .content{border:1px #3d72a8 solid; border-top:none; padding:6px; float:left; width: 757px; background: #fff;}*/
.otherUpdates{ float: left;}
.otherUpdates .heading{margin-top:10px;}
.otherUpdates .heading a.selected{background: url("../images/content_header_nav_selected_bg.png") no-repeat scroll 1px 1px transparent; width:145px; height: 24px; color:#2c65a0;}
.otherUpdates .heading a{color:#838383;}
.otherUpdates .content{font-size:8pt; color:#3c74ac;}
.otherUpdates .content a{ color:#3c74ac; font-weight:bold;}
.otherUpdates .content h4 span{color:#9e9e9e; font-size:7.5pt; }
.otherUpdates .content ul li{background: url("../images/content_bullet.png") no-repeat scroll 1px 6px transparent; padding-left:18px; border-bottom:1px #f0f0f0 solid; padding-bottom:10px; margin-bottom:10px;}
.otherUpdates .content ul li.last{ border-bottom:none; margin-bottom:0px;}

.otherUpdates .slidePrev,.slideNext{float:right; width:19px; height:18px; background: url("../images/slide_next_prev.png") no-repeat scroll 0px 0px transparent; text-indent:-10000px;}
.otherUpdates .slidePrev{background-position: 0 0;}
.otherUpdates .slideNext{background-position: -19px 0;}

.chartArea{
    margin-bottom: 10px !important;
    margin-left: 0;
    margin-top: 15px;
    width: 100% !important;}
.chartImage{border:1px #5a8d04 solid;  float:left;  padding: 10px 10px 38px; background: none repeat scroll 0 0 #FFFFFF;}
.chartControls{float:left; width: 158px;}
.chartControls a{ color:#5e5e5e;  padding-left:6px; text-decoration:none;}
.chartControls a:hover{ text-decoration:none;}
.chartControls a.opened{background: url("../images/chart_control_opened.png") no-repeat scroll 0px 0px transparent; width: 152px; height:55px; float:left; margin-bottom:4px; margin-left: -1px;}
.chartControls a.opened.down{}
.chartControls a.opened span.high{background: url("../images/chart_control_arrows.png") no-repeat scroll 0px 0px transparent; width: 29px; height:54px; float:left; text-indent:-10000px}
.chartControls a.closed{background: url("../images/chart_control_closed.png") no-repeat scroll -1px 0px transparent; width: 151px; height:53px; float:left; margin-bottom:4px;}
.chartControls a.closed span.high{float:left; text-indent:-10000px; background: url("../images/chart_control_arrows.png") no-repeat scroll 0px -101px transparent; height: 54px; width: 29px;}
.chartControls a.closed span.down{float:left; text-indent:-10000px;background: url("../images/chart_control_arrows.png") no-repeat scroll 0px -55px transparent; height: 54px; width: 29px;}
.chartControls a .chartControlDetails{float: left; width: 122px;}
.chartControls a .chartControlDetails .details{float: left;
    font-size: 12px;
    font-weight: bold;
    width: 118px; padding-left: 7px;
    padding-top: 5px;}
.chartControls a .chartControlDetails .percentage{color: #DEDEDE;
    float: left;
    font-size: 26px;
    font-weight: bold;
    padding-left: 7px;
    padding-top: 3px;
    width: 118px;}
    
 .rightTab-List{ float: left;
    width:75%;}
    
/* Main Content Ends */
.po_area {width:740px; border-bottom:1px solid #ccc; height:140px;}
.po_head { font-size:14px; font-weight:bold;}
.po_head_left {float:left; width:350px; font-size:11px;}
.po_head_right {float:right; width:350px; font-size:11px; text-align:right}
.section { margin: 0; padding: 0; width:740px;}
.section p{ font-size: 11px; padding:0px;}
.section .ph {float: left; margin-right: 10px;  width:31%; text-align:left; padding-top:10px; }
.to_heading { color:#3a6fa5}
.grid_area {width:740px; padding-top:10px}

 .logintxt
 {		
	font-family: Tahoma;
	size:123pt;
	color: #256187;
	font-size: inherit;
	font-weight: normal;
 }
 .loginlbl1{
 font-family: Tahoma;
	size:123pt;
	color: #256187;
	font-size: inherit;
	font-weight: bold;
 }