/* DMS don't want the new styles to go live. So reverting the Style changes from SVN versions 9435 to 9464 inclusive*/

/* ####################################
   Page Elements
   ################################## */

#TrailNav {
    position: relative;
    padding: 1em 0;
    
    font-size: 91.7%;
    
    border-bottom: #e0e0e0 1px solid;
}
    
#PagingTop, #PagingBottom {
    clear: both;
    margin: 1em 0;
    border: #f0f0f0 1px solid;
    padding: 8px;
}

    #PagingTop .summary, #PagingBottom .summary {
    }

    #PagingTop .totalpages, #PagingBottom .totalpages {
    }

    #PagingTop .pages, #PagingBottom .pages {
    }

    #PagingTop .pageslabel, #PagingBottom .pageslabel {
    }

    #PagingTop .pagelinks, #PagingBottom .pagelinks {
    }

    #PagingTop .previouspage, #PagingBottom .previouspage {
        margin: 0 0.25em;
    }

    #PagingTop .nextpage, #PagingBottom .nextpage {
        margin: 0 0 0 0.25em;
    }

/* ####################################
   User Login Commponents
   ################################## */

#Login {
}

.LoginForm {
    /*margin: -19px 0 0 -20px;*/
    width: 280px;
    height: 151px;
    background: #ffffff url('./images/box230_151.gif') left top no-repeat;
    color: #ffffff;
    float: left;
}

    .LoginForm table {
        margin: 7px;
    }
    
    .LoginForm table tr {
    }

    .LoginForm table tr td {
        text-align: left;
    }
    
    .LoginForm table tr td table, .LoginForm table tr td table tr, .LoginForm table tr td table tr td {
    }

    .LoginForm td table tr td {
        padding: 1px;
    }
    
    .LoginForm input {
        width: 160px;
	margin-bottom: 2px;
    }
    
    .LoginForm #ctl00_cplPage_URLogin_RememberMe {
        /* The RememberMe checkbox */
        width: auto;
    }
    
    .LoginForm #ctl00_cplPage_URLogin_LoginButton {
        background: transparent url(/App_Themes/Default/images/login_button.gif) no-repeat;
       /* width: 57px;
        height: 34px;  */ 
		text-indent: -3000px;
        border: 0px;
        color: transparent;
        text-transform: capitalize;    
        cursor: pointer;
    }
    
    #forgotenPw {
        
    }
    
.RecoverForm {
    margin: 2em 0;
    width: 230px;
    height: 151px;
    background: #ffffff url('./images/box230_151.gif') left top no-repeat;
}
    .RecoverForm input {
        width: 140px;
    }
    
    .LoginForm #ctl00_cplPage_PasswordRecovery1_UserNameContainerID_Button{
        width:auto;
    }

/* ####################################
   Boxes
   ################################## */

.required_marker {
    position: relative;
    float: left;
    margin: 0 4px;
    padding-top: 4px;
}

.appbutton {
    position: relative;
    float: left;
    margin: 0 0.5em 0 0;
    border: #e0e0e0 1px solid;
    padding: 4px 4px 4px 24px;
    background-color: #f8f8f8; 
    background-position: 4px 4px;
    background-repeat: no-repeat;   
}

    .appbutton:hover {
        background-color: #ffffff;
    }
 
 .appbuttonWidget {
    /*position: relative;
    float: right;*/
    margin: 0 0 4px 0;
    border: #e0e0e0 1px solid;
    padding: 4px 4px 4px 24px;
    background-color: #f8f8f8; 
    background-position: 4px 4px;
    background-repeat: no-repeat;   
}

    .appbuttonWidget:hover {
        background-color: #ffffff;
    }




.selectbutton {
    position: relative;
    float: left;
    margin: 0 0 0 4px;
    padding: 4px 4px 4px 24px;
    background-position: 4px 4px;
    background-repeat: no-repeat;   
}

.apptoolbar {
    position: relative;
    float: left;
    margin: 0;
    padding: 8px;
    border: #c3c3f3 1px solid;
    background: #f5f5f5;
}

    .apptoolbar .appbutton {
        position: relative;
        float: none;
    }

.apptoolbar_page {
    position: relative;
    float: left;
    width: 100%;
    margin: 0 0 1em;
}

.gridtoolbar {
    position: relative;
    float: right;
    margin: 0 4px 4px 0;
    padding: 2px 2px 2px 2px;
    border: #c3c3f3 1px solid;
    border-top:none;
    background: #f5f5f5;
}

.gridbutton {
    position: relative;
    float: right;
    margin: 0 0 0 1em;
    border: #e0e0e0 1px solid;
    padding: 2px 2px 2px 14px;
    background-color: #f8f8f8; 
    background-position: 2px 2px;
    background-repeat: no-repeat;   
}

    .gridtoolbar .gridbutton {
            position: relative;
            float: none;
    }
    
.grid_layout_save{
    background:url('./images/icons/16x16/bullet_disk.png') left top no-repeat;
    width:10px;
    height:10px;
}



.floatright {
    float: right;
    margin-right: 0;
}
/* fav page*/

.box940 {
    margin: 0 0 2em;
    width: 100%;
    box-sizing:border-box;
}

    .box940-inner {
    }
/* user page tool bar*/
.box940 .apptoolbar {
    width: 100vw;
    border-top: 4px solid #ff9500 !important;
    padding: 4px;
    border-bottom: 0;
    border-left: 4px solid #ff9500 !important;
    border-right: 4px solid #ff9500 !important;
}

    .box940 h2 {
        margin: 0;
        padding-bottom: 8px;
        height: 16px;
        color:orange;
        font-size: 100%;
        font-weight: bold;
       
    }
    /*custom width for alerts page*/
    .box940 h2.alertsHeading {
        width: 950px;   
    }
    
    /*IE6*/
    *html .box940 h2.alertsHeading {
        width: 920px;
        position: relative;
    }
    
    .box940 h2.tabs {
        margin: 0;
        padding: 8px;
        height: 16px;
        color: #ffffff;
        font-size: 100%;
        font-weight: bold;
        background: url('./images/tabimages/header_940copy.gif') no-repeat;
    }
    
    /*Gas-actual MHQ*/
    .box940.actualMHQ {
        clear: left;   
    }
    
    .box940 table {
    /*    position: relative;
        clear: left; */
    }
    #ctl00_cplPage_pnlCustomer {
        clear: left;
        float: left;   
    }
.box730 {
}

    .box730-inner {
    }

    .box730 h2 {
        margin: 0;
        padding: 8px;
        height: 16px;
        color: #ffffff;
        font-size: 100%;
        font-weight: bold;
        background: url('./images/header_730.gif') no-repeat;
    }

.box199 {
    position: relative;
    float: left;
    clear: left;
    width: 199px;
    margin: 0 0 1em;
    padding: 0 0 1em;
    background: url('./images/box_199_bottom.gif') left bottom repeat-y;
}

    .box199-inner {
        background: url('./images/box_199_top.gif') 0 6px no-repeat;
        padding: 0 8px;
    }

    .box199 h2 {
        margin: 0 -8px 1em;
        padding: 8px;
        height: 16px;
        color: #ffffff;
        font-size: 100%;
        font-weight: bold;
        background: url('./images/header_199.gif') no-repeat;
    }

    .box199 p {
        margin: 0;
    }
    
.dialogueBox {
    position:absolute;
    margin: 0;
    padding: 8px;
    font-size: 100%;
    font-weight: bold;
    text-align:center;
    vertical-align:middle;
    background:#ffffff;
    z-index:1;
    display:none;
}

    #loadReport{
        background: transparent url(./images/loadReportBox.gif) no-repeat scroll 0 0;
        left:200px;
        top:70px;
        width: 400px;
        height: 200px; 
    }
    
        #loadReport img{
            position:relative;
            left:-100px;
            top:100px;
        }
        
    #loadingBox {
        background: transparent url(./images/loadReportBox.gif) no-repeat scroll 0 0;
        position:absolute;
        width: 400px;
        height: 200px;
        left:250px;
        padding:10px;
    }
    
        #loadingBox img{
            position:relative;
            left:-110px;
            top:100px;
        }
        
.box600 {
    position: relative;
    float: left;
    clear: left;
    width: 600px;
    margin: 0 0 1em;
    
    background: url('./images/box_600_content.gif') left bottom repeat-y;

}
    .box600-inner {
        background: url('./images/box_600_top.gif') 0 6px no-repeat;
    }
    .box600-bottom {
        background: url('./images/box_600_bottom.gif') left bottom no-repeat;
        padding: 0 8px 1em;
    }

    .box600 h2 {
        margin: 0 -8px 1em;
        padding: 8px;
        height: 16px;
        color: #ffffff;
        font-size: 100%;
        font-weight: bold;
        background: url('./images/header_600.gif') no-repeat;
    }

    .box600 p {
        margin: 0;
    }
    
    .box915 h2 {
    background:transparent url(./images/header_915.gif) no-repeat scroll 0 0;
    color:#FFFFFF;
    font-size:100%;
    font-weight:bold;
    height:16px;
    margin:0;
    padding:8px;
}

.box915-inactive {
    background: #CCCCCC;
    border: solid 1px #CCCCCC;
}

.box915-inactive:hover {
    background: #0ca0af;
}

.box915-inactive h2 {
    background:transparent none repeat scroll 0 0;
    color:#000000;
    font-size:100%;
    font-weight:bold;
    height:16px;
    margin:0 -8px;
    padding:8px;
}
    
    
/* ####################################
   Global Interface elements
   ################################## */

.ReportOptionsBox{
}
    /*ie 7*/
    *:first-child+html #aggregateReportType, *:first-child+html #aggregation {
        clear: both;   
    }
    /*ie6*/
    *html #aggregateReportType, *html #aggregation {
        clear: both;   
    }
.selectDropdown{
    border:1px solid orange;
    background:#ffffff url('/App_Themes/Default/images/select_dropdown_button.gif') no-repeat top right;
    float:left;
    height:20px;
    margin:2px 10px 2px 8px;
    min-width:290px;
    max-width: 290px;
}

.dropdownContainer{
    border:none;
    background:none;
    position:relative;
    float:left;
    margin:2px 10px 2px 8px;
    min-width:290px;
    max-width: 290px;
}


* html .selectDropdown{
    position: relative;
    top: 0;
    left: 0;
}

.selectDropdown:hover{
    background:#ffffff url('/App_Themes/Default/images/select_dropdown_buttonhover.gif') no-repeat top right;
}

.selectDropdown .selectBox-inner{
    background:url('/App_Themes/Default/images/select_dropdown_button.gif') no-repeat top right;
    width:100%;
    height:20px;
    padding: 2px;
}

* html .selectDropdown .selectBox-inner{
    width: 290px;
    height: auto;
    padding: 0px;
    }
 *:first-child+html .selectDropdown .selectBox-inner {
    width: 290px;
    cursor: default;
 }   
    .selectDropdown .selectBox-inner label{
        padding-right: 22px;
    }

.OptionsMenuBox{
    display:none;
    background:#ff9500 repeat-x bottom left;
    width:290px;
    padding:0;
    margin-top: -2px;
    position:relative;
    float: left;
    color:#ffffff;
    z-index: 100;
}

* html .OptionsMenuBox{
    width: 290px;
    margin-top: 0px;
}

    .OptionsMenuBox ul {
        border: solid 1px #55bcc6;
        background: #ff9500 repeat-x bottom left !important;
        position: relative;
        float: left;
        margin: 0;
        list-style: none;
        padding: 0;
        width: 290px;
    }

/*fix for weird ghosting issue in ie6 - className added via default.js*/
*html .OptionsMenuBox ul.ieBorderFix {
    border:0px;
}
* html .OptionsMenuBox ul{
    width: 290px;
}

    .OptionsMenuBox ul li{
        padding: 0.6em 10px;
        font-weight: bold;
    }
    /*turn off padding for first options*/
    #ReportTypeSelect .OptionsMenuBox ul li{
        padding: 0;
    }
      /* * html .OptionsMenuBox ul li{
        padding: 0px;
}*/
            
    .OptionsMenuBox ul li:hover{
   		/*background-color: #333333;
   		color: #ffffff;*/
		text-decoration: none;
    }

        .OptionsMenuBox ul li a, .utilityType {
    	    color: #ffffff;
    	 }
	        
	     /*turn on padding for first drop down*/
	     #ReportTypeSelect .OptionsMenuBox ul li a, #ReportTypeSelect .OptionsMenuBox ul li.utilityType {
	        padding: 0.6em 10px; 
	     }
	        
	    .OptionsMenuBox ul li a:visited{
    	    color: #ffffff;
	    }
	    
	    .OptionsMenuBox ul li a:visited:hover{
    	    color: #00646E;
	    }

		.OptionsMenuBox ul li:hover a{
			/*color: #ffffff;
			background-color: #333333;*/
		}

.OptionsMenuBox .OptionsMenuBox-inner{
    background:#ccc;
    width:100%;
    height:100%;
}


/* ####################################
   Management Reports Menu
   ################################## */


#ReportTopMenu .dxeButtonEditButton 
{
    width:22px;
    background:url('/App_Themes/Default/images/select_dropdown_button.gif') no-repeat;
    padding:0px;
    margin:0px;
    border:none;
}

#ReportTopMenu .dxeButtonEditButton:Hover
{
    background:url('/App_Themes/Default/images/select_dropdown_buttonhover.gif') no-repeat;
}

#ReportTopMenu .dxeButtonEdit {
    width:100%;
}
#ReportTopMenu .dxeButtonEdit .dxeEditArea {
    font-size: 12px;
}
td.dxeListBoxItem {
    font-size: 12px!important;
    background-color:#ff9500;
    color: #ffffff; 
    font-weight:bold!important;
font-family:Arial, Helvetica, sans-serif!important;
}

td.dxeListBoxItemHover 
{
  	text-decoration:underline;
}

/* ####################################
   Dashboard Menu
   ################################## */

 div.dashMenu a {
	margin-left:50px; 
	font-size:large;
}
 div.dashMenu a.firstelement {
	margin-left:0px; 
}
 div.dashMenu a.connpointselement {
	margin-left:55px; 
}
 div.dashMenu a.alertselement {
	margin-left:77px; 
}
div.dashMenu a img.menuIcon {
	vertical-align:middle;
	border:none;
	margin-right:3px;
}

div.newslogo{
    font-weight: bold;
    float: right;
    padding:70px 0 0 0;
    margin-right:-210px;
}
#newslogo img{
        margin: 0 5px 0 10px;
    }

 #ctl00_cplPage_submit_favorite,
 #ctl00_cplPage_submit_schedule,
 #ctl00_cplPage_Submit_Feedback,
 #ctl00_cplPage_validateUser,
 #ctl00_cplPage_addWidget,
 #ctl00_cplPage_btnSubmit,
 #ctl00_cplPage_updatemydetails,
 #ctl00_cplPage_updatedetails,
 #ctl00_cplPage_btnAssign,  
 #ctl00_cplPage_btnCancel,
#ctl00_cplPage_Submit_SaveSettings 
{
      margin-top:5px;
 }

 #ctl00_cplPage_btnDashboard {
      margin-left:15px;
 }

/* top bar image - Manage Customers */
#Page.usersSection img#ctl00_cplPage_ImageBar1 {
    background: transparent url(/App_Themes/Default/images/tabmenu/top_bar_electricity_selected.gif) no-repeat;
    height: 0;
    overflow: hidden;
    padding-top: 32px;
    width: 100%;
}

#Page.usersSection img#ctl00_cplPage_ImageBar2 {
    background: transparent url(/App_Themes/Default/images/tabmenu/top_bar_customerusers_selected.gif) no-repeat;
    height: 0;
    overflow: hidden;
    padding-top: 32px;
    width: 100%;
}

#Page.usersSection img#ctl00_cplPage_ImageBar3, #Page.usersSection img#ctl00_cplPage_Image1 {
    background: transparent url(/App_Themes/Default/images/tabmenu/top_bar_managecustomers_selected.gif) no-repeat;
    height: 0;
    overflow: hidden;
    padding-top: 32px;
    width: 100%;
}

/*-----------------------------------------------

users and connection points custom tabs
before uncommenting add comments.
-------------------------------------------------*/

/*top bar image - electricity or internal users 
img#ctl00_cplPage_ImageBar1 {
   background: transparent url(/App_Themes/Default/images/tabmenu/top_bar_electricity_selected.gif) no-repeat 1px 0;
   height:0;
   overflow:hidden;
   padding-top: 32px;
   width: 100%; 
   border-left: 1px solid #99cae7;
}
top bar image - gas or customer users 
img#ctl00_cplPage_ImageBar2 {
   background: transparent url(/App_Themes/Default/images/tabmenu/top_bar_gas_selected.gif) no-repeat;
   height:0;
   overflow:hidden;
   padding-top: 32px; 
   width: 100%; 
}
top bar image - water
Bar3 {
   background: transparent url(/App_Themes/Default/images/tabmenu/top_bar_water_selected.gif) no-repeat;
   height:0;
   overflow:hidden;
   padding-top: 32px; height of top bar 
   width: 100%;
}

td#ctl00_cplPage_menuTabsn0 img {
margin-left: 1px;
}
#Page.usersSection td#ctl00_cplPage_menuTabsn0 img {
margin-left: 0px;
}
#ctl00_cplPage_ValidationExportOptions
{
    margin-left:800px;
}
*/