@charset "UTF-8";
/* CSS Document */
/*Theme Name:IFA TELECOM
  Author:crystalASP
  Author url: https://crystalasp.com/
  Version: 1.0*/


/*DASHBOARD================================================================*/
    /*DASHBOARD FEEDS - Configuration panel-----------------------------*/
        /*Configuration panel container*/
        .yui-b {width:100%;}

        /*Widget configuration panel*/
        #wcphs{
            position:relative; 
            float:right; 
            width:auto!important;
            font-size:13px; 
            font-weight:bold; 
            vertical-align: middle;
            color:#333; 
            padding:5px; 
            padding-left:0px;
            margin-right:1.5em;
            -webkit-border-radius: 4px 4px 0px 0px;
			-moz-border-radius: 4px 4px 0px 0px;
			border-radius: 4px 4px 0px 0px; 
			cursor:pointer;
			background-position: 0 0;
			background-repeat: repeat;
		    display: inline-block;
		    _display: inline; /* inline-block hack for IE7 */
			text-decoration: none;
			background-position: top left;
			background-repeat: repeat-x;
		    border-top: solid 1px #cacaca;
			border-left: solid 1px #cacaca;
			border-right: solid 1px #cacaca;
			background-color: #fff;
			background-image: url("../img/img_2012_secondary_cta_bg.gif");
			background-position: top left;
			background-repeat: repeat-x;
			background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E1E1E1), to(#ffffff));
			background-image: -webkit-linear-gradient(top, #E1E1E1, #ffffff); 
			background-image: -moz-linear-gradient(top, #E1E1E1, #ffffff);
			background-image: -ms-linear-gradient(top, #E1E1E1, #ffffff);
			background-image: -o-linear-gradient(top, #E1E1E1, #ffffff);
			}
            
        #wcphs:hover{
			-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.65);
    		-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.65);
    		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.65);
    		
    		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#E1E1E1));
			background-image: -webkit-linear-gradient(top, #ffffff, #E1E1E1); 
			background-image: -moz-linear-gradient(top, #ffffff, #E1E1E1);
			background-image: -ms-linear-gradient(top, #ffffff, #E1E1E1);
			background-image: -o-linear-gradient(top, #ffffff, #E1E1E1);
			background-position: bottom left;}
        
        #wcphs span{
            padding-left:30px; 
            background-image: url(../images/ico_dash.png); 
            background-position:0.75em center; 
            background-repeat: no-repeat;}
       
       /*Panel*/     
       #feeds{
            float:left;
            min-height: 170px;
            padding: .5em;
            padding-bottom: 1px;
            position: relative;
            width:985px;
            display:block;
    
            background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f1f1f1));
		    background-image: -webkit-linear-gradient(top, #ffffff, #f1f1f1); 
		    background-image: -moz-linear-gradient(top, #ffffff, #f1f1f1);
		    background-image: -ms-linear-gradient(top, #ffffff, #f1f1f1);
		    background-image: -o-linear-gradient(top, #ffffff, #f1f1f1);
		    background-image: url(../images/bg_widget_configuration.png)\0/;
		    
		    /*border*/
		    border-left: 1px solid #cacaca;
            border-right: 1px solid #cacaca;
            border-top: 1px solid #cacaca;

            -moz-border-radius: 5px 5px 0px 0px;
            -webkit-border-radius:5px 5px 0px 0px;
            border-radius: 5px 5px 0px 0px;
    
            -moz-box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.15) inset;
            -webkit-box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.15) inset;
            box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.15) inset;
            
            
            /*IE8*/
            width:979px\0/;
            background-repeat:repeat-x\0/;
            
            /*IE7*/
            *width:980px!important;
            *background-color:#fff!important;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f1f1f1)}

        #feeds p{padding-left:5px; padding-bottom:0.2em;}

        #feeds ul li{
            padding:5px;
            margin:5px;
            cursor: move;
            zoom: 1;
            background-color:#eee;
            float:left;
            width:175px;
            
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 3px;
            border:1px solid #cacaca;
    
            /*IE 8*/
            width:170px\0/;}
            
        #feeds ul li.disabled {
            opacity: .5;
            filter: alpha(opacity=50);
            -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		    -moz-opacity:0.5;
            cursor: default;}
            
       /*Dashboard container-----------------------------*/
			
	       /*global styles*/
	       #doc, 
           #doc2, 
           #doc3, 
           #doc4, 
           .yui-t1, 
           .yui-t2, 
           .yui-t3, 
           .yui-t4, 
           .yui-t5, 
           .yui-t6, 
           .yui-t7 {text-align: left;}
           
           /*Dashboard Container*/
           #doc3{
            margin: auto 10px;
            width: auto;
            float:left;
            position:relative;
            height:auto;}
            
           /*Widget container*/
           .yui-t1 #yui-main, 
           .yui-t2 #yui-main, 
           .yui-t3 #yui-main {float: right;}
           
           #yui-main, 
           .yui-g .yui-u .yui-g {width: 100%;}
           
           .yui-t2 #yui-main .yui-b {margin-left: 0em;}
           
           #yui-main .yui-b{float:none;width: auto;}
           #yui-main .yui-b {position: static;}
           
           #hd::after, 
           #bd::after, 
           #ft::after, 
           .yui-g::after, 
           .yui-gb::after, 
           .yui-gc::after, 
           .yui-gd::after, 
           .yui-ge::after, 
           .yui-gf::after {
            content: ".";
            display: block;
            height: 0;
            clear: both;
            visibility: hidden;}
            
            #hd {
            background: #f5f5f5; /* old browsers */
            background: -moz-linear-gradient(top, #dcdbd9 0%, #F6F5F3 100%); /* firefox was...(top, #ddd 0%, #f8f8f8 100%)*/
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dcdbd9), color-stop(100%,#F6F5F3)); /* webkit */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcdbd9', endColorstr='#F6F5F3',GradientType=0 ); /* ie */

            border-bottom: 1px solid #dfdfdf;
            *zoom: 1;
            padding: 1em;}
            
            #hd h1 {
            font-size: 116%;
            font-weight: bold;
            color: #000;}
            
            #ft {
            font-size: 85%;
            font-style: italic;}
            
            /*Widget list*/
            #play1 {margin-top: .75em;zoom: 1;}
            #play1:after { display: block; clear: both; visibility: hidden; content: '.'; height: 0;}
            #play1 li{}
            #play1 li.moving {
            background: #F9F9FC;/*E6E9F5*/
            border: 1px solid #D4D8EB;}
            
                li {list-style: none;}
            
                ul.list {
                    border: 1px dashed transparent;
                    margin: .5em;
                    width: 310px;
                    float: left;
                    /*min-height: 500px;
                    *height: 500px;*/
                    zoom: 1;}
                   
            /*Drag and Drop*/
            .yui3-dd-proxy {
                text-align: left;
                padding-left: 20px;
                padding: 5px;
                margin: 2px;}

            .yui3-dd-proxy li{}
            
            /*WIDGET MODULE*/
            div.mod{
                position: relative;
                zoom: 1;
	            background-color:#f8f8f8;
	            margin-bottom:15px;
	            overflow: hidden;
                
                -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
		        -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
		        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
		        
		        -webkit-border-radius:5px;
                -moz-border-radius: 5px;
                border-radius:5px;
		        
		        border:solid 1px #CACACA;}
		        
		        /*WIDGET MODULE --- HEADER*/
		        div.mod h2 {
                    position: relative;
                    zoom: 1;
                    cursor: move;
                    zoom: 1;
                    /*-moz-border-radius: 4px 4px 0 0;
                    -webkit-border-radius: 4px 4px 0 0;
                    border-radius: 4px 4px 0 0;*/
                    color: #333;
                    font-weight: bold;
                    font-size:14px!important;
                    margin: 0;
                    padding:10px 4px 10px 8px!important;
                    clear:both;}

                div.mod h2 strong {
                    font-weight: bold;
                    float:left; 
                    width:235px;}
                    
                        /*WIDGET MODULE --- HEADER ICONS*/ 
                
                        div.mod h2 a.close, 
                        div.mod h2 a.min,
                        div.mod h2 a.full{
                            color: #fff;
                            text-align: center;
                            display: block;
                            height: 17px;
                            width: 17px;
                            text-decoration: none;
                            font-weight: bold;
                            right: 4px;
                            top: 4px;
                            position: absolute;
                            font-size: 80%;
                            margin: 2px;
                            padding: 0;
                            background-repeat: no-repeat; 
                            background-position:center center;
                            font-size: 1px;
                            text-indent:-999px;}
                    
                        div.mod h2 a.min  {right:45px;}
                        div.mod h2 a.full {right:25px;}
                
                        div.minned h2 {border-bottom:0px solid #ccc;}
                        div.minned h2 a.min {right:45px;}
                
                        div.mod h2 a:hover.close, 
                        div.mod h2 a:hover.min,
                        div.mod h2S aS:hover.full {border-color: #D4D8EB;}

                        div.mod h2 a.close{background-image:url(../images/ico_close.png);}
                        div.mod h2 a.min{background-image:url(../images/ico_min.png);}
                        div.mod h2 a.full{background-image:url(../images/ico_full.png);}

                /*WIDGET MODULE --- CONTENT*/
                div.mod div.inner{
                    position:relative; 
                    float:left;
                    width:94%;
                    padding:0px!important; 
                    padding-top:0px!important;}
                    
                #play1 div.mod div.inner ul li {padding-left: 20px;font-size: 80%;}
                div.mod div.inner ul li a {color: #000;}
                    
                div.mod div.inner table{
                    width:310px!important;
                    /*height:300px!important;
                    *height:300px!important;
                    height:300px\0/;*/}
                    
                /*Widget Loading images*/
                span.spin{
                    background-image: url(../images/loading.gif);
                    background-position:left top!important;
                    background-repeat: no-repeat;}
    
                .spinner{
                    position:relative; 
                    margin: 0 auto; 
                    width:100%; 
                    text-align:center; 
                    top:50px;}
                    
                div.mod div.inner div.loading{
                    background-position: 5px 5px;
                    padding: 5px 5px 5px 25px;
                    position:relative!important;
                    margin-right:10px;}
                 
                 div.widgetc{
                    padding-left:0px!important; 
                    padding-bottom:0px!important; 
                    padding-top:0px!important; 
                    width:280px!important; 
                    margin-bottom:0px!important;}
                    
                    #cgw2, 
                    #cgw1{padding-left:10px!important; padding-top:10px!important;}
                    
                    #ol0{ padding-top:10px!important;}

                    /*Widget Datatable*/

                    /*from the datatable-message.css*/
                    .yui3-skin-sam .yui3-datatable-message-content,
                    .message-content{
                        margin:0 auto; 
                        text-align:center;
                        font-size:12px;}
                    
                    .message-content{
                        position:relative; 
                        float:left; 
                        width:100%; 
                        text-align:center;
                        top:20px; 
                        font-size:12px;}
                        
                    .yui3-datatable-y-scroller-container{background-color:#ccc;}
                    
                    /*WIDGET MODULE FULL VERSION*/
                        .yui3-panel {outline: none;}
                        .yui3-skin-sam .yui3-widget-mask{
                            background-color: #000;
                            opacity: 0.5;}
                        
                        
                        /*WIDGET MODULE FULL VERSION --- HEADER*/
                            .yui3-skin-sam .yui3-panel .yui3-widget-hd{
	                            padding: 10px 4px 10px 8px!important;
	                            min-height: 13px;
	                            _height: 13px;
	                            color:#333!important;
	                            background-color: #fff!important;
	                            background:none!important;
	                            background:none!important;
	                            font-size:14px!important;
	                            font-weight:bold;
	                            border-bottom: solid 1px #cacaca;
	                            clear: both;
	                            width:99%!important;}
	
                            @media all\0 {
                                .yui3-skin-sam .yui3-panel .yui3-widget-hd{
                                    float:left;
                                    width:auto;
                                    position:relative!important;}
                                #overlaywhd{
                                    width:auto!important;
                                    float:left;
                                    position:relative!important;} 
                             }	
                        
                            /*WIDGET MODULE FULL VERSION --- HEADER BUTTONS*/
                            .yui3-skin-sam .yui3-panel .yui3-widget-hd .yui3-widget-buttons{
                                float:right!important;
                                width:20px!important;
                                padding:0px!important; 
                                top:10px;right:3px;}
	
	                        .yui3-skin-sam .yui3-panel .yui3-widget-hd .yui3-button-close{
	                            width:15px!important; 
	                            height:17px!important; 
	                            position:relative; 
	                            float:left;
	                            background-image:url(../images/ico_close.png)!important; 
	                            background-repeat:no-repeat; 
	                            background-position:-10px 10px; 
	                            text-indent:-999px!important;}
	    
	                        .yui3-skin-sam .yui3-panel .yui3-widget-hd .yui3-button-close:before{
	                            padding:0em!important; 
	                            content:none!important;
	                            position:relative;
	                            float:left;}
	    
	                    /*WIDGET MODULE FULL VERSION --- CONTENT*/
	                        .yui3-widget-bd,
                            .yui3-widget-stdmod{}
                            
                            .yui3-skin-sam .yui3-panel-content{
                                background-color:#f8f8f8!important;
                                margin: 15px 0;
                                padding-bottom: 1px;
        
                                -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
		                        -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
		                         box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
		 
		                         border:solid 1px #CACACA!important;
   
                               -webkit-border-radius:5px;
                               -moz-border-radius: 5px;
                                border-radius:5px;}
        
                            #panelContent .yui3-widget-hd {
                                font-weight: bold;
                                padding: 5px;
                                background-color: rgba(12, 175, 238, 0.96);}

                            #panelContent .yui3-widget-bd {
                                    padding: 15px;
                                    background: white;
                                    text-align: center;}
                            
                            /*Loading*/
                            #panelContent.yui3-widget-loading{display: none;}
                           
                           /*Containers*/
                            span.diagram{
                                float:left;
                                height:380px!important;
                                position:relative; 
                                margin-right:10px; 
                                margin-top:10px;} 

                            span.datatable{
                                position:relative; 
                                float:left;
                                margin-left:0px; 
                                margin-top:10px;}

                            .yui3-skin-sam div.yui3-datatable-table{
                                position:relative; 
                                float:left;
                                width:100%; 
                                height:400px;
                                border-collapse: separate;
                                border-spacing: 0;
                                border:none!important;}	

                            .yui3-skin-sam .yui3-datatable-cell, 
                            .yui3-skin-sam .yui3-datatable-header{ font-size:12px!important;}

                            .yui3-skin-sam .yui-datatable td,
                            .yui3-skin-sam .yui-datatable th{padding:0px 5px 0px 5px;}

                            .yui3-skin-sam .yui3-datatable-header{
                                color:#fff!important;
                                background-image:none!important; 
                                background-color:#0055A4!important;
                                text-shadow:none!important;}
                                
                            .yui3-skin-sam .yui3-datatable-even .yui3-datatable-cell{background-color:#e7eaef!important;}
                            .yui3-skin-sam .yui3-datatable-odd .yui3-datatable-cell{ background-color:#ffffff!important;}
                            
                            /* POP UP --- OVERLAY LOOK/FEEL*/
                            
                                /*POP UP --- OVERLAY LOOK/FEEL --- HEADER*/
                                .yui3-overlay-content .yui3-widget-hd {  
                                    color: #000;
                                    font-size: 120%;
                                    font-weight: bold;
                                    padding: 0.2em 0.5em 0.3em;
                                
                                    border-radius: 2px 2px 0 0;}
                                    
                                /*POP UP --- OVERLAY LOOK/FEEL --- CONTENT*/
                                .yui3-overlay-content {
                                    background-color: #eee;  
                                    border: 1px solid #ccc;
                                
                                    -webkit-border-radius:3px;
                                    -moz-border-radius: 3px;
                                     border-radius:3px;
                                
                                    -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.25);
		                            -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.25);
		                             box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.25);}
		                             
                                .yui3-overlay-content .yui3-widget-bd {padding: 0.4em 0.6em 0.5em;}
                                
                                .yui3-overlay-content div.descr{text-align:center;}
                                .yui3-overlay-content div.descr #aolcancel{
				                    font-weight: normal;
				                    color: #fff;
				                    border-bottom: 0.1em solid #01315f;
				                    border-left: 0.1em solid #01315f;
				                    border-top: 0.1em solid #014689;
				                    border-right: 0.1em solid #014689;
				                    background-color:#5472c2;
				                    margin-right:10px;}
				                    
                                .yui3-overlay-content div.descr #aolcancel:hover,
                                .yui3-overlay-content div.descr #aolcancel:active{
				                    -moz-box-shadow: 0 0 0px rgba(171, 180, 0, 0.4)!important;
				                    -webkit-box-shadow: 0 0 0px rgba(71, 180, 0, 0.4)!important;
				                     box-shadow: 0 0 0px rgba(71, 180, 0, 0.4)!important;}
				                                
                                .yui3-overlay-content div.descr #tdelete{
                                    -webkit-align-items: flex-start;
                                    text-align: center;
                                    cursor: default;
                                    color: buttontext;
                                    padding: 2px 6px 3px;
                                    border: 2px outset buttonface;
                                    border-image-source: initial;
                                    border-image-slice: initial;
                                    border-image-width: initial;
                                    border-image-outset: initial;
                                    border-image-repeat: initial;
                                    background-color: buttonface;
                                    box-sizing: border-box;
                                    cursor:pointer!important;}
		
                                .yui3-overlay-content div.descr #tdelete:hover,
                                .yui3-overlay-content div.descr #tdelete:active{
		                             border-top:1px solid #404040!important;
		                             border-left:1px solid #404040!important;
		                             border-right:2px solid #fff!important;
		                             border-bottom:2px solid #fff!important;
		                             cursor:pointer!important;
		                             
	                                -moz-box-shadow: 0 0 0px rgba(171, 180, 0, 0.4)!important;
	                                -webkit-box-shadow: 0 0 0px rgba(71, 180, 0, 0.4)!important;
	                                 box-shadow: 0 0 0px rgba(71, 180, 0, 0.4)!important;}
                            
                            .yui3-widget-content-expanded{ position:relative!important; float:left; width:100%;}
                            
                            /*MONTH NAVIGATION --- CAROUSEL*/
                            .content-nav{
                                margin-top:10px\0/; 
                                position:relative; 
                                float:left;}
                            .content-nav > a{
                                float: left;
                                display: block;
                                padding-right:5px;}
                            .month{
                                font-size: 14px!important; 
                                font-weight:bold; 
                                clear:both; 
                                padding-left:5px; 
                                padding-top:10px; 
                                padding-bottom:10px;}

                         /*WIDGET MODULE FULL VERSION --- FOOTER*/     
                            .yui3-skin-sam .yui3-panel .yui3-widget-ft  {
                                background-color:transparent!important;
                                padding: 0.4em 0.6em 0.5em;
                                border-radius: 0 0 2px 2px;}
                                
                




/*=========================================GENERAL CLASSES==================================================================*/

/*BETA LABEL-------------------------------------------------------------------*/
	.beta,
	.betalogin{
		height: 33px;
		overflow: hidden;
		font-size: 13px;
		text-shadow: -1px -1px 1px rgba(0,0,0,0.25);
		background: url(../images/beta_version.png) no-repeat right 0;
		padding: 3px 6px;
		float: left;
		margin: 0;
		right:0;
		position:absolute;
		right:-8px;
		z-index:2;
		color:#fff;}


	.beta{top:80px;}
	.betalogin{top:40px;}
	
/*CLASSES-------------------------------------------------------------------*/	
body{
    font-family: Arial; 
    font-size: 13px/20px;
    margin:0 auto; 
    z-index:0;
    margin: 0 auto; 
    position:relative;
    width:100%; 
    color:#333; 
    max-width:100em;
    background-color:#eee; 
    background-image:none;}
    
/*Fonts*/
@font-face {
	font-family: "Vodafone Regular";
	src: url('../fonts/VodafoneRg.eot'); /* IE9 Compat Modes */
	src: url("../fonts/VodafoneRg.eot?#iefix") format("embedded-opentype"), 
		 url("../fonts/VodafoneRg.woff") format("woff"), 
		 url("../fonts/VodafoneRg.ttf") format("truetype"), 
		 url("../fonts/VodafoneRg.svg#VodafoneRgRegular") format("svg");
}

@font-face {
	font-family: "Vodafone Light";
	src: url('../fonts/VodafoneLt.eot'); /* IE9 Compat Modes */
	src: url("../fonts/VodafoneLt.eot?#iefix") format("embedded-opentype"), 
		 url("../fonts/VodafoneLt.woff") format("woff"), 
		 url("../fonts/VodafoneLt.ttf") format("truetype"), 
		 url("../fonts/VodafoneLt.svg#VodafoneLtRegular") format("svg");
}

::selection{background: #565087;
    color: #fff;
    text-shadow: none;}

/*H1-h6*/
    h2{
      border-bottom: solid 1px #cacaca;
      padding-bottom: 9px;
      margin-bottom: 10px;
      color: #333;
      font-weight: bold; 
      font-size: 20px; 
      line-height: 1;}

    .h2_signup{
      font-size:20px; 
      font-weight:normal; 
      font-family: Arial, Helvetica, sans-serif;
      font-weight:bold;
      color:#565087;
      padding:10px 0 5px 0px;
      border-bottom:solid 2px #565087;
      margin-bottom:0;
      width:95%;
      text-indent:0;
      margin-left:20px;}
    
/*Links*/
    a{color: #333;text-decoration: underline;}
    a:visited{ color: #333; }
    a:hover{ color: #565087; text-decoration: underline; }
    /*a:focus,
      .focused{ background: #f4f5d5; outline: 0; }*/

    /* Improve readability when focused and hovered in all browsers: h5bp.com/h */
    a:hover, a:active { outline: 0; }
    
/*White elements*/
    /*White text*/
    #reportingperiod span.white,
    #siteaccount     span.white,
    #band            span.white,
    #band ul li label.white,
    #mlhd.white label,
    #category span.white,
    #treeDiv1,
    #srcreport{ color:#000!important;}
    
/*Borders*/
    .b_top_green{border-top:0.1em solid #40a325!important;}
    .b_bot_green{border-bottom:0.1em solid #40a325!important;}  

/*Forms elements - from fonts-min.css*/
    /*Fieldset*/
    fieldset{border:1px solid #ccc;padding:1em; background-color:#eee;}
    fieldset,
    #filter{
        background-color:#ebebeb;
	    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f4f4f4), to(#ebebeb))!important;
	    background-image: -webkit-linear-gradient(top, #f4f4f4,#ebebeb)!important;
	    background-image: -moz-linear-gradient(top, #f4f4f4, #ebebeb)!important;
	    background-image: -ms-linear-gradient(top, #f4f4f4, #ebebeb)!important;
	    background-image: -o-linear-gradient(top, #f4f4f4, #ebebeb)!important;
	    
	    border:1px solid #ebebeb;
	    
	    background-image:none; 
	    background-position:left bottom; 
	    background-repeat:repeat-x;}
  
    /*Labels*/
    label{font-size:11px;}
    
	#filter_panel label span.labels70,
	span.acc_label,
	#ebillingtext,
	#ebillchgmtd,
	.cont_label,
	#paymenttypediv,
	#paymenttypeheader,
	.acc_label,
	.white,
	span.labels100{color:#000!important;}
	
	span.labels100{
	    position:relative; 
	    float:left;
	    padding-left:0em; 
	    padding-top:0.25em; 
	    padding-bottom:0.25em;
	    text-indent:1em; 
	    padding-right:0.5em;}
    
    /*INPUT and SELECT*/
        input, 
        select{
        margin-bottom: 0.2em;
        margin-top: 0.2em;}

        input, 
        select{ 
	        border: solid 1px #CACACA;
	        font-size: 12px;
	        font-family: Arial, Verdana, sans-serif;
	        color: #575757;
	
	        -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
	        -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
	        box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);}
	        
	     input[type="text"],
	     input[type="password"],
	     select{padding:4px;}

        c:hover, 
        input:hover,
        select:focus, 
        input:focus{ 
	        border: solid 1px #ABB400!important;
	
	        -moz-box-shadow: 0 0 4px rgba(171, 180, 0, 0.4);
	        -webkit-box-shadow: 0 0 4px rgba(71, 180, 0, 0.4);
	        box-shadow: 0 0 4px rgba(71, 180, 0, 0.4);
            outline:none;}

        input.error{ border:3px solid #F06F22!important;}
        .errormsg{font-size:12px; color:#F06F22; margin:2px 2px 2px 2px;padding:0px;}
 
/*BUTTONS --- DEFAULT */
        button,
        input[type="button"],
        .yui-skin-sam .yui-dialog .ft button.default,
        .ft input[type="submit"].default,
        #dlg button,
        #emailSel,
        #Emailbtn,
        #CancelModify,
        #dialogUniversal .ft .yui-button button,
        #udaction,
        #cancel_gc,
        #groupchoice,
        #ctl00_ContentPlaceHolder1_deleteUserID,
        #QuizzMNext{
            display: inline-block;
            _display: inline; /* inline-block hack for IE7 */
            color: #333;
            font-size: 13px;
            font-weight: bold;
            text-transform: capitalize;
            text-decoration: none;
            vertical-align: middle;
            width:auto!important;
            height:auto!important;
            margin-bottom:0px!important;
            margin-top:0px!important;
            padding: 2px 14px;
            
            border: solid 1px #cacaca;
            border-radius: 4px;
            
            background-color: #fff;
            
            background-image: url("../img/img_2012_secondary_cta_bg.gif");
            background-position: top left;
            background-repeat: repeat-x;
            
            background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#E1E1E1));
            background-image: -webkit-linear-gradient(top, #ffffff, #E1E1E1); 
            background-image: -moz-linear-gradient(top, #ffffff, #E1E1E1);
            background-image: -ms-linear-gradient(top, #ffffff, #E1E1E1);
            background-image: -o-linear-gradient(top, #ffffff, #E1E1E1);}
         
           button:hover,   
           input[type="button"]:hover,
          .yui-skin-sam .yui-dialog .ft button.default:hover, 
          .ft input[type="submit"].default:hover,
         #dlg button:hover,
         #emailSel:hover,
         #Emailbtn:hover,
         #CancelModify:hover,
         #dialogUniversal .ft .yui-button button:hover,
         #udaction:hover
         #cancel_gc:hover,
         #groupchoice:hover,
         #ctl00_ContentPlaceHolder1_deleteUserID:hover,
         #QuizzMNext:hover{
            color: #333!important;
		    width:auto!important;
		    padding: 2px 14px;
		    
		    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.65);
		    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.65);
		     box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.65);
    			
    		background-position: bottom left;
    		
    		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E1E1E1), to(#ffffff));
    		background-image: -webkit-linear-gradient(top, #E1E1E1, #ffffff); 
    		background-image: -moz-linear-gradient(top, #E1E1E1, #ffffff);
    		background-image: -ms-linear-gradient(top, #E1E1E1, #ffffff);
    		background-image: -o-linear-gradient(top, #E1E1E1, #ffffff);}
    		
 /*BUTTONS --- SPECIAL*/
        input[type="submit"],

        #btnCalc,
        #btnOk,
        #CancelSignup,
        #checkUser,
        #sendMail,
        #calcCalc,
        #refreshdata,
        #cExportSummary,
        #ModifyDetails,
        #SaveContactDetails,
        #btncancel #CancelModify,
        #makeapay,
        #cExportServices,
        #cExportFixedLines,
        #emailinvoices,
        #expinvoices,
        #CExport,
        #dl_template,
        .qq-upload-button,
        #dl_reources,
        div.btn_groupresser,
        div.btn_template_file,
        #btnChange,
        #ctl00_ContentPlaceHolder1_btnChange1,
        #btnCreateUserPanel,
        #ctl00_ContentPlaceHolder1_btnCreateUser,
        #createUser div.bd div.userbutton input[type="button"],
        #filter_panel #btnClear,
        #filter_panel #btnSearch,
        #CExportRecc,
        #btngenreport,
        #btnpluexp,
        #btnparentchild,
        #btndetexp,
        #group_resource_chg,
        .defaultButton,
        #fireFilters{
            position: relative;
            width:auto;
            display: inline-block;
            _display: inline;
            
            font-size: 16px;
            font-weight: bold;
            text-decoration: none;
            vertical-align: middle;
            color: #FFFFFF!important;
            text-transform: capitalize;
            
            line-height:normal;
            min-height:auto;
            height:28px!important;
            
            padding: 4px 14px;
            margin: 0 10px 0 0;
            
            border: solid 1px #BBC61F;
            -webkit-border-radius: 4px 4px 4px 4px;
            -moz-border-radius: 4px 4px 4px 4px;
            border-radius: 4px 4px 4px 4px;
    
            background-color: #BBC61F;
    
            background-image: url(../images/btn_primary.png);
            background-position:top left;
            background-repeat:repeat;
    
            background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#BBC61F), to(#BBC61F));
            background-image: -webkit-linear-gradient(top, #BBC61F, #BBC61F);
            background-image: -moz-linear-gradient(top, #BBC61F, #BBC61F);
            background-image: -ms-linear-gradient(top, #BBC61F, #BBC61F);
            background-image: -o-linear-gradient(top, #BBC61F, #BBC61F);

            /*2018*/
            cursor: pointer;
        }

        #btnCalc:hover,
        #btnOk:hover,
        #CancelSignup:hover,
        #checkUser:hover,
        #sendMail:hover,
        input[type="submit"]:hover,
        #calcCalc:hover,
        #refreshdata:hover,
        #cExportSummary:hover,
        #ModifyDetails:hover,
        #SaveContactDetails:hover,
        #btncancel #CancelModify:hover,
        #makeapay:hover,
        #cExportServices:hover,
        #cExportFixedLines:hover,
        #emailinvoices:hover,
        #expinvoices:hover,
        #CExport:hover,
        #dl_template:hover,
        .qq-upload-button:hover,
        #dl_reources:hover,
        div.btn_groupresser:hover,
        div.btn_template_file:hover,
        #btnChange:hover,
        #ctl00_ContentPlaceHolder1_btnChange1:hover,
        #btnCreateUserPanel:hover,
        #ctl00_ContentPlaceHolder1_btnCreateUser:hover,
        #createUser div.bd div.userbutton input[type="button"]:hover,
        #filter_panel #btnClear:hover,
        #filter_panel #btnSearch:hover,
        #CExportRecc:hover,
        #btngenreport:hover,
        #btnpluexp:hover,
        #btnparentchild:hover,
        #btndetexp:hover,
        #group_resource_chg:hover,
        .defaultButton:hover,
        #fireFilters:hover{
            background-color:#929b18;
            background-image: url(../images/btn_primary.png);
            background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#929b18), to(#929b18));
            background-image: -webkit-linear-gradient(top, #929b18, #929b18);
            background-image: -moz-linear-gradient(top, #929b18, #929b18);
            background-image: -ms-linear-gradient(top, #929b18, #929b18);
            background-image: -o-linear-gradient(top, #929b18, #929b18);
            background-position: -27px left;}
    
/*POP UP CONTAINERS - Containers general styles, from:scripts\build\container\assets\skins\sam-----*/
    .yui-skin-sam .yui-panel{
        border:none;
        position:relative;
        float:left;
        background-color:#ebebeb; /*transparent*/
        background-image:url(../images/bg_popup.gif); 
        background-position:left top; 
        background-repeat:repeat;}
    			
    /*POP UP PARTS---*/
    
    /*POP UP HEADER*/
    .yui-skin-sam .yui-panel .hd{
        color:#fff;
        background-image:url(../images/bg_popup_hd.gif);
        background-position:left bottom; 
        background-color:#84929f; 
        background-repeat: repeat-x;
        font-size:16px; 
        padding:0.5em;
        border-bottom: 0px solid #fff!important;}
        
        /*Close*/
        .yui-skin-sam a.container-close, 
        .Closebutton,
        .Closebutton:hover{
            position:absolute;
            top:5px;
            right:0.5em;
            width:1.7em!important;
            height:1.7em!important;
            border:none!important;
            background-color:transparent!important;
            background-image:url(../images/close_window.gif)!important; 
            background-position:left top; 
            background-repeat:no-repeat;
            cursor:pointer;
            padding:0em!important;
            -webkit-border-radius: 0px;
            -moz-border-radius: 0px;
            border-radius: 0px;
            z-index:2!important;}
            
        .yui-skin-sam a.container-close,
        .yui-skin-sam a.container-close:hover,
        .yui-skin-sam a.container-close:focus,
        {
            background-image:url(../images/close_window.gif)!important; 
            background-position:left top!important; 
            background-repeat:no-repeat;}

    /*POP UP BODY*/
     .yui-skin-sam .yui-panel .bd, 
     .yui-skin-sam .yui-panel .ft{
        margin:0;
        border:0;
        background-color:transparent;
        /*background-color:#fff;*/}
        
    .yui-skin-sam .yui-panel .bd,
    .yui-skin-sam .yui-panel .ft {
        /*padding:1em; */
        padding: 1em 0 1em 1em; /* removed left-right padding , was causing overflow */
        position:relative;
        float:left;
        height:auto!important;}

      /* removed because it was causing customer account data not appeared on pop up panel 10/05/2018  
     .yui-skin-sam .yui-panel .ft{float:none!important}   */
     
      /*POP UP --- ERROR MENSSAGE*/
		        #z{
		  	        position:absolute; 
		  	        display:none;
		  	        top:100px; 
		  	        left: 50%; 
		  	        margin-left: -250px; 
		  	        width:535px; 
		  	        height:auto; 
		  	        z-index:3000;
                    box-shadow: 0 0 0px 1px #F06F22;  
                    }

			    #z{color:#F06F22;}
			    #ztop.hd{color:#fff; background-color:#F06F22!important; background-image:none!important;}
			    
			    #zi{
			        float:left;
			        width:96%; 
			        height:auto;
			        text-align:center;}
		            
		        #z #customerUIMessage{
		            background-image:none!important;
		            font-size:15px; 
		            margin-top:2%; 
		            text-align:left;
		            width:auto; 
		            line-height:1.5em; 
		            position:relative; 
		            float:left!important;}
     


/*TABLES*/
 /*From the datatable.css*/
    /*from the scripts\build3\tabview\assets\skins\sam*/
	.yui3-skin-sam div.yui3-datatable-table{
	    position:relative; 
	    float:left;
	    width:100%; 
	    height:400px;
	    border-collapse: separate;
	    border-spacing: 0;border:none!important;}	
	
	.yui3-skin-sam .yui3-datatable-cell, 
	.yui3-skin-sam .yui3-datatable-header{
        font-size:12px!important; 
        border-left:transparent!important;}
        
	.yui3-skin-sam .yui3-datatable-header{ font-weight:bold!important;}

	.yui3-skin-sam .yui-datatable td,
	.yui3-skin-sam .yui-datatable th,
	.yui3-skin-sam .yui3-datatable td,
	.yui3-skin-sam .yui3-datatable th{/*padding:0px 5px 0px 5px;*/}

	.yui3-skin-sam .yui3-datatable-header {color:#fff!important;text-shadow:none!important;}
	    
	.yui3-skin-sam .yui3-datatable-even .yui3-datatable-cell{background-color:#eee!important;}
	.yui3-skin-sam .yui3-datatable-odd  .yui3-datatable-cell{ background-color:#ffffff!important;}
	
    /*Reset table*/
    #tables table thead tr.yui-dt-first.yui-dt-last th.yui-dt-col-Type{background-image:none!important;}
    .yui3-skin-sam .yui3-datatable-table{border:none!important;}

	/*TABLE --- HEADER*/
	    .yui-skin-sam .yui-dt th{
	        background-color:#0055A4;
	        margin:0;
	        padding:0;
	        border-right:0.1em solid #0462bb;
	        border-left:0.1em solid #01315e;
	        border-bottom:none;
	        border-top:none;}
	
	    .yui-skin-sam .yui-dt th div.yui-dt-liner{
	        white-space:nowrap; 
	        font-weight:bold; 
	        font-size:1.2em;
	        padding:5px 5px 5px 5px;}
	
	    .yui-skin-sam .yui-dt-expansion-expansion .yui-dt th{
	        background-color:#84929F;
	        margin:0;
	        padding:0;
	        border-right:0.1em solid #84929F;
	        border-left:0.1em solid #01315e;
	        border-bottom:none; 
	        border-top:none; 
	        height:8px;}
	
	    .yui-skin-sam .yui-dt-expansion-expansion .yui-dt th div.yui-dt-liner{
	        white-space:nowrap; 
	        font-weight:bold; 
	        font-size:1.2em;
	        padding:2px 15px 2px 2px;}
	
	    .yui-skin-sam .yui-dt-expansion-expansion .yui-dt th, 
	    .yui-skin-sam .yui-dt-expansion-expansion .yui-dt th a{
	        font-weight:normal;
	        font-size:0.9em;
	        text-decoration:none;
	        color:#fff;
	        vertical-align:bottom;}
	
	    /*TABLE --- HEADER - First and last TH*/
	    .yui-skin-sam .yui-dt th.yui-dt-first{
	        border-left:none!important; 
	        z-index:3;}
	    .yui-skin-sam .yui-dt th.yui-dt-last{ border-right:none!important;}

	    .yui-skin-sam .yui-dt th, 
	    .yui-skin-sam .yui-dt th a{
	        text-decoration:none;
	        color:#fff;
	        vertical-align:bottom;}

    /*TABLE --- BODY*/
	.yui-skin-sam .yui-dt td{
	    margin:0;
	    padding:0;
	    border-left:0.1em solid #b7bdc3;
	    border-right:0.1em solid #d4dbe1; 
	    border-top:none;
	    padding:3px 5px 3px 5px;}
	
	    /*TABLE --- BODY - First and last TD*/
	    .yui-skin-sam .yui-dt tr.yui-dt-first td {}
	    .yui-skin-sam .yui-dt tr.yui-dt-last td {}
	    .yui-skin-sam .yui-dt td div.yui-dt-liner{
	        margin:0 auto;
	        font-size:1.1em;padding:0px!important;}
	    
	    .yui-skin-sam .yui-dt-coltarget {width:5px;background-color:red;}
			
	/*TABLE --- BACKGROUNDS*/

	    /*Rows-colors-disactive*/
		    .yui-skin-sam tr.yui-dt-even {background-color:#eee;}
			.yui-skin-sam tr.yui-dt-odd {background-color:#fff;}
			
			.yui-skin-sam #plureportoutput tr.yui-dt-even {background-color:#eee;}
			.yui-skin-sam #plureportoutput tr.yui-dt-odd {background-color:#fff;}
			
			.yui-skin-sam .yui-dt-expansion-expansion  tr.yui-dt-even {background-color:#eee;}
			.yui-skin-sam .yui-dt-expansion-expansion  tr.yui-dt-odd {background-color:#fff;}
			
		/*Background-color in the rows when the colum is selected ascendent or descendent*/
			.yui-skin-sam th.yui-dt-asc, 
			.yui-skin-sam th.yui-dt-desc{background-color:#6e858d;}
				
		/* From the scripts\build3\datatable-sort\assets\skins\sam
		   Background-color in the rows when the colum is selected ascendent or descendent*/
		   .yui3-skin-sam .yui3-datatable-columns .yui3-datatable-sorted{background-color:#6e858d!important;}
		   .yui3-skin-sam .yui3-datatable-sort-indicator{
		       position:absolute;
		       right:0;
		       bottom:.5ex;
		       width:7px;
		       height:10px;
		       background:url(sort-arrow-sprite.png) no-repeat 0 0;
		       _background:url(sort-arrow-sprite-ie.png) no-repeat 0 0;
		       overflow:hidden}
				
				.yui-skin-sam tr.yui-dt-even td.yui-dt-asc, 
				.yui-skin-sam tr.yui-dt-even td.yui-dt-desc {background-color:#d8edf8;}
				
				.yui-skin-sam tr.yui-dt-odd td.yui-dt-asc, 
				.yui-skin-sam tr.yui-dt-odd td.yui-dt-desc {background-color:#ebf6fc;}
			
		 /*Background-color of the raws when the table is inside a list*/
				.yui-skin-sam .yui-dt-list tr.yui-dt-even {background-color:#eee;}
				.yui-skin-sam .yui-dt-list tr.yui-dt-odd {background-color:#FFF;}
			
				.yui-skin-sam .yui-dt-list tr.yui-dt-even td.yui-dt-asc, 
				.yui-skin-sam .yui-dt-list tr.yui-dt-even td.yui-dt-desc {background-color:#d8edf8;}
				
				.yui-skin-sam .yui-dt-list tr.yui-dt-odd td.yui-dt-asc, 
				.yui-skin-sam .yui-dt-list tr.yui-dt-odd td.yui-dt-desc {background-color:#ebf6fc;}
				
		/*Row background when the mouse is over*/
				/*TH*/
				.yui-skin-sam th.yui-dt-highlighted, 
				.yui-skin-sam th.yui-dt-highlighted a {background-color:#fff;}
				
				/*TR*/
				.yui-skin-sam tr.yui-dt-highlighted, 
				.yui-skin-sam tr.yui-dt-highlighted td.yui-dt-asc, 
				.yui-skin-sam tr.yui-dt-highlighted td.yui-dt-desc, 
				.yui-skin-sam tr.yui-dt-even td.yui-dt-highlighted, 
				.yui-skin-sam tr.yui-dt-odd td.yui-dt-highlighted {
					cursor:pointer;
					background-color:#f4fbe0; color:#000;
				}
				
		/*Row background when the mouse is over when the table is inside the list*/
				
				.yui-skin-sam .yui-dt-list th.yui-dt-highlighted, 
				.yui-skin-sam .yui-dt-list th.yui-dt-highlighted a{background-color:#f4fbe0;}
				
				.yui-skin-sam .yui-dt-list tr.yui-dt-highlighted, 
				.yui-skin-sam .yui-dt-list tr.yui-dt-highlighted td.yui-dt-asc, 
				.yui-skin-sam .yui-dt-list tr.yui-dt-highlighted td.yui-dt-desc,
				
				.yui-skin-sam .yui-dt-list tr.yui-dt-even td.yui-dt-highlighted, 
				.yui-skin-sam .yui-dt-list tr.yui-dt-odd td.yui-dt-highlighted {cursor:pointer;background-color:#f4fbe0;}

				.yui-skin-sam th.yui-dt-selected, 
				.yui-skin-sam th.yui-dt-selected a {background-color:#446CD7;}
				
				.yui-skin-sam tr.yui-dt-selected td, 
				.yui-skin-sam tr.yui-dt-selected td.yui-dt-asc,
				.yui-skin-sam tr.yui-dt-selected td.yui-dt-desc {background-color:#426FD9;color:#FFF;}
			
			    .yui-skin-sam tr.yui-dt-even td.yui-dt-selected, 
			    .yui-skin-sam tr.yui-dt-odd td.yui-dt-selected {background-color:#446CD7;color:#FFF;}
			
			    .yui-skin-sam .yui-dt-list th.yui-dt-selected, 
			    .yui-skin-sam .yui-dt-list th.yui-dt-selected a {background-color:#446CD7;}
			
			    .yui-skin-sam .yui-dt-list tr.yui-dt-selected td, 
			    .yui-skin-sam .yui-dt-list tr.yui-dt-selected td.yui-dt-asc, 
			    .yui-skin-sam .yui-dt-list tr.yui-dt-selected td.yui-dt-desc {background-color:#426FD9;color:#FFF;}
			
			    .yui-skin-sam .yui-dt-list tr.yui-dt-even td.yui-dt-selected, 
			    .yui-skin-sam .yui-dt-list tr.yui-dt-odd td.yui-dt-selected {background-color:#446CD7;color:#FFF;}

/*TABS*/			    
/*1. - TABS - Default styles of the tabs in the portal. To redefine them you need overwrite them------------------------------*/
    
    .yui-skin-sam .yui-navset .yui-nav,
    .yui-skin-sam .yui-navset .yui-navset-top .yui-nav{zoom:1;}
    
	.yui-skin-sam .yui-navset .yui-nav li,
	.yui-skin-sam .yui-navset .yui-navset-top .yui-nav li{
	    zoom:1;
	    background-image:url(../images/bg_invviewmenu_link.gif); 
	    background-position:right top; 
	    background-repeat:repeat-x;
	    
		-webkit-border-radius: 5px 5px 0px 0px;
        -moz-border-radius: 5px 5px 0px 0px;
         border-radius: 5px 5px 0px 0px;}

    /*yui-nav li SELECTED*/
	    .yui-skin-sam .yui-navset .yui-nav .selected,
	    .yui-skin-sam .yui-navset .yui-navset-top .yui-nav li.selected,
	    #invViewMenu   ul li.viewMenu_on,
	    #divParentTabs ul li.viewMenu_on{
	        background-image:url(../images/bg_invviewmenu.gif); 
	        background-position:left top;
	        background-repeat: repeat-x;
		    -webkit-border-radius: 5px 5px 0px 0px;
            -moz-border-radius: 5px 5px 0px 0px;
             border-radius: 5px 5px 0px 0px;}
		
	/*yui-nav a*/
		.yui-skin-sam .yui-navset .yui-nav a,
		.yui-skin-sam .yui-navset .yui-navset-top .yui-nav a{color:#cbd0d4;position:relative;text-decoration:none;}
		
		.yui-skin-sam .yui-navset .yui-nav a:hover,
		.yui-skin-sam .yui-navset .yui-nav a:hover,
		.yui-skin-sam .yui-navset .yui-nav a:hover,
		.yui-skin-sam .yui-navset .yui-nav a:focus{outline:0; color:#fff;}
		
		
		.yui-skin-sam .yui-navset .yui-nav a em,
		.yui-skin-sam .yui-navset .yui-navset-top .yui-nav a em{cursor:hand;padding:.25em .75em;position:relative;}
		
	/*TAB SELECTED*/
		.yui-skin-sam .yui-navset .yui-nav .selected a,
		.yui-skin-sam .yui-navset .yui-nav .selected a:link,
		.yui-skin-sam .yui-navset .yui-nav .selected a:visited,
		.yui-skin-sam .yui-navset .yui-nav .selected a:active{}
		
		.yui-skin-sam .yui-navset .yui-nav .selected a,
		.yui-skin-sam .yui-navset .yui-nav .selected a:focus,
		.yui-skin-sam .yui-navset .yui-nav .selected a:hover{color:#fff;}
		
		.yui-skin-sam .yui-navset .yui-nav .selected a em{padding:.25em .75em;}
		
		.yui-skin-sam .yui-navset .yui-nav .selected a,
		.yui-skin-sam .yui-navset .yui-nav .selected a em{}

/*2. - TABS INVVIEWMENU------------------------------*/
		#invViewMenu,
		#divParentTabs{
		    position:relative; 
		    float:left; 
		    width:100%; 
		    margin-bottom:0.5em;}
		#invViewMenu   ul,
		#divParentTabs ul{position:relative; float:left; width:100%;}
		
		#invViewMenu ul li a:hover,
		#invViewMenu ul li a:focus{text-decoration:none!important;}
		
		/*TAB SELECTED*/
		    #invViewMenu   ul li.viewMenu_on, 
		    #divParentTabs ul li.viewMenu_on{
		        position:relative; 
		        float:left;
		        width:auto;
		        background-color:#67ac38!important; 
		        padding-top:0.5em; 
		        padding-bottom:0.4em; 
		        margin-right:0.5em; 
		        text-decoration:none!important;}
		        
		    #invViewMenu   ul li.viewMenu_on span.viewMenult,
		    #divParentTabs ul li.viewMenu_on span.viewMenult{
		        padding-left:0.5em; 
		        padding-top:0.6em;
		        *padding-top:0em!important;}
		        
		    #invViewMenu   ul li.viewMenu_on span.viewMenult span,
		    #divParentTabs ul li.viewMenu_on span.viewMenult span{
		        padding:0.5em;
		        padding-top:0.6em!important;
		        *padding-top:0.7em!important; 
		        padding-right:1em; 
		        color:#fff; 
		        text-decoration:none;}
		
		/*TAB UNSELECTED*/
			/*Link*/
			#invViewMenu   ul li.viewMenu_off a,
			#divParentTabs ul li.viewMenu_off a{
			    position:relative; 
			    float:left;
			    width:auto; 
			    background-image:url(../images/bg_invviewmenu_link.gif); 
			    background-position:left top; 
			    background-repeat:repeat-x; 
			    background-color:#818d99; 
			    padding-top:0.5em; 
			    padding-bottom:0.4em; 
			    margin-right:0.5em;
			    
			    -webkit-border-radius: 5px 5px 0px 0px;
                -moz-border-radius: 5px 5px 0px 0px;
                border-radius: 5px 5px 0px 0px;}
            
            /*to add rounded corners with images*/
	    	    /*Left image*/    
			    #invViewMenu   ul li.viewMenu_off a span.viewMenult,
			    #divParentTabs ul li.viewMenu_off a span.viewMenult{
			        padding-left:0.5em; 
			        padding-top:0.6em;}
			        
			    /*Right image*/    
			    #invViewMenu   ul li.viewMenu_off a span.viewMenult span,
			    #divParentTabs ul li.viewMenu_off a span.viewMenult span{
			        padding:0.5em;
			        padding-top:0.6em!important;
			        padding-right:1em; 
			        color:#cbd0d4;}
			        
			   /*Hover*/ 
			    #invViewMenu   ul li.viewMenu_off a:hover,
			    #divParentTabs ul li.viewMenu_off a:hover{
			    background-image:url(../images/bg_invviewmenu.gif); 
			    background-position:left top; 
			    background-repeat:repeat-x;
			    background-color:#67ac38; 
			    text-decoration:none;}    
			    
			    #divParentTabs ul li.viewMenu_off a:hover,
			    #divParentTabs ul li.viewMenu_off a:active{ text-decoration:none;}
			
			/*to add rounded corners with images*/
	            /*Left image*/   
			    #invViewMenu   ul li.viewMenu_off a:hover span.viewMenult,
			    #divParentTabs ul li.viewMenu_off a:hover span.viewMenult{
			        padding-left:0.5em; 
			        padding-top:0.6em; 
			        text-decoration:none!important;}
			        
			    /*Right image*/
			    #invViewMenu ul li.viewMenu_off   a:hover span.viewMenult span, 
			    #divParentTabs ul li.viewMenu_off a:hover span.viewMenult span{
			        padding:0.5em; 
			        padding-top:0.6em; 
			        padding-right:1em; 
			        color:#fff; 
			        text-decoration:none;}
		
		/*TAB WITHOUT A*/
			#divParentTabs ul li.viewMenu_off{
			    position:relative; 
			    float:left;
			    width:auto; 
			    background-image:url(../images/bg_invviewmenu_link.gif); 
			    background-position:left top; 
			    background-repeat:repeat-x; 
			    background-color:#818d99; 
			    padding-top:0.4em; 
			    padding-bottom:0.4em;
			    margin-right:0.5em;
			
			    -webkit-border-radius: 5px 5px 0px 0px;
                -moz-border-radius: 5px 5px 0px 0px;
                border-radius: 5px 5px 0px 0px;}
            
            /*to add rounded corners with images*/
	    	    /*Left image*/    
			    #divParentTabs ul li.viewMenu_off span.viewMenult{
			        padding-left:0.5em; 
			        padding-top:0.5em; 
			        text-decoration:transparent!important;}
			    
			    /*Right image*/
			    #divParentTabs ul li.viewMenu_off span.viewMenult span{
			        padding:0.5em;
			        padding-top:0.6em!important; 
			        padding-right:1em; 
			        color:#cbd0d4; 
			        text-decoration:none!important;}
	
	                /*CORNERS FOR IE8
	                #divParentTabs ul li.viewMenu_off a:hover,
	                #divParentTabs ul li.viewMenu_off a:active{
	                    text-decoration:none; 
	                    cursor:pointer;}
			
			        #invViewMenu ul li.viewMenu_off{
			            padding-bottom:0em!important;
			            padding-top:0em!important;}
			    
			        #invViewMenu ul li.viewMenu_off a,
			        #invViewMenu ul li.viewMenu_on  a{
			            padding-top:0em!important;
			            padding-bottom:0.1em!important;}
			
			        #invViewMenu ul li.viewMenu_off a span.viewMenult{
			            background-image:url(../images/bg_invviewmenu_link_tl.gif)!important; 
			            background-position:left top; 
			            background-repeat:no-repeat!important; 
			            position:relative; 
			            float:left;
			            padding-top:5px!important;
			            top:0px; 
			            padding-bottom:0em!important;}
			
			        #invViewMenu ul li.viewMenu_off a span.viewMenult span{
			            background-image:url(../images/bg_invviewmenu_link_tr.gif); 
			            background-position:right top; 
			            background-repeat:no-repeat; 
			            padding-top:6px!important;
			            right:0em\0/;
			            right:0em!important; 
			            position:relative; 
			            float:left;
			            padding-bottom:0.5em!important}
			                                                         
			#invViewMenu ul li.viewMenu_off a span.viewMenult{ padding-top:0em!important;}                                                        
			#invViewMenu ul li.viewMenu_on{padding-bottom:0.1em!important;padding-top:0em!important;}
			
			#invViewMenu ul li.viewMenu_on    a span.viewMenult,
			#divParentTabs ul li.viewMenu_off a:hover span.viewMenult,
			#divParentTabs ul li.viewMenu_off a:active span.viewMenult{
			    background-image:url(../images/bg_invviewmenu_tl.gif)!important; 
			    background-position:left top; 
			    background-repeat:no-repeat; 
			    position:relative; 
			    float:left;
			    padding-top:0px!important;
			    top:0px!important; 
			    padding-bottom:0em!important;}
			
			#invViewMenu ul li.viewMenu_on    a span.viewMenult span,
			#invViewMenu ul li.viewMenu_off   a:hover span.viewMenult span,
			#divParentTabs ul li.viewMenu_off a:active span.viewMenult span{
			    background-image:url(../images/bg_invviewmenu_tr.gif); 
			    background-position:right 0px; 
			    background-repeat:no-repeat; 
			    padding-top:6px!important;
			    right:-0.05em\0/;
			    right:0em!important; 
			    position:relative; 
			    float:left; 
			    padding-bottom:0.5em!important;}
			 
			 #invViewMenu ul li.viewMenu_off a:hover span.viewMenult{padding-top:0em!important;} */
	
	        /*3. - TABS YUI3------------------------------*/			
		        .yui3-tab-panel{display:none;}
		        .yui3-tab-panel-selected{display:block}
		        
		        .yui3-tabview-list,
		        .yui3-tab{margin:0;padding:0;list-style:none; border:none;}
		        
		        .yui3-tabview{position:relative}
		        
		        .yui3-tabview,
		        .yui3-tabview-list,
		        .yui3-tabview-panel,
		        .yui3-tab,
		        .yui3-tab-panel{zoom:1}
		        
		        .yui3-tab{display:inline-block;*display:inline;vertical-align:bottom;cursor:pointer}
		        
		        .yui3-tab-label{
		        display:block;
		        display:inline-block;
		        padding:6px 10px;
		        position:relative;
		        text-decoration:none;
		        vertical-align:bottom;
		        background-image:url(../images/bg_invviewmenu.gif)!important;
		        background-position:left top;
		        background-repeat: repeat-x;
		        font-size:12px!important;
		        
		        -webkit-border-radius: 5px 5px 0px 0px;
                -moz-border-radius: 5px 5px 0px 0px;
                border-radius: 5px 5px 0px 0px;}
                
		        .yui3-skin-sam .yui3-tabview-list{
		            border:Transparent!importan;
		            border-width:0 0 1px;
		            border-bottom:1px solid #40a325!important;
		            zoom:1}
		            
		        .yui3-skin-sam .yui3-tab{
		            margin:0 .2em 0 0;
		            padding:1px 0 0;
		            zoom:1}
		            
		        .yui3-skin-sam .yui3-tab-selected{margin-bottom:-1px}
		
		        .yui3-skin-sam .yui3-tab-label{
			        background:transparent url(../images/bg_invviewmenu_link.gif) left top repeat-x!important; 
			        border:solid Transparent;
			        border-width:0px!important;
			        color:#eee!important;
			        cursor:hand;
			        font-size:85%;
			        padding:.4em .75em;
			        text-decoration:none;
			        }
			        
		        .yui3-skin-sam .yui3-tab-label:hover,
		        .yui3-skin-sam .yui3-tab-label:focus{
		            background:transparent url(../images/bg_invviewmenu.gif) left top repeat-x!important;
		            outline:0;
		            color:#fff;}
		
		        .yui3-skin-sam .yui3-tab-selected .yui3-tab-label,
		        .yui3-skin-sam .yui3-tab-selected .yui3-tab-label:focus,
		        .yui3-skin-sam .yui3-tab-selected .yui3-tab-label:hover{
		            background-image:url(../images/bg_invviewmenu.gif)!important; 
		            background-position:left top;
		            background-repeat: repeat-x;
		            color:#fff; 
		            border:none!important;}
		            
		        .yui3-skin-sam .yui3-tab-selected .yui3-tab-label{
		            padding:.4em .75em; 
		            -webkit-border-radius: 5px 5px 0px 0px;
                    -moz-border-radius: 5px 5px 0px 0px;
                    border-radius: 5px 5px 0px 0px;}
                    
		        .yui3-skin-sam .yui3-tab-selected .yui3-tab-label{border-color:#243356}
		        .yui3-skin-sam .yui3-tabview-panel{background:Transparent!important;}
		        
		        .yui3-skin-sam .yui3-tabview-panel{
		            border:1px solid transparent!important;
		            border-top-color:Transparent!important;
		            padding:.25em .5em}
		            
		        /*TAB CONTENT*/
                  .yui-skin-sam .yui-navset .yui-content{
                      padding:0em;margin-top:0em;position:relative; float:left; width:100%!important; /*background-color:#fff;*/}
                  
                  #tabcontent {height:auto;background-color:transparent!important;}
                  
                  /*The content of the unbilled charge*/
                  #cellrange{margin-top:10px;}

/*================================================================MASTERPAGE================================================================*/

/*DEFAULT STRUCTURE------------------------------------------------------------------*/

/* no longer needed*/
#demonlabel {display:none;}

#header {background-color:#eeeeee; margin-top:20px;}

/*For Master page*/
    #myDiv{ position:relative; float:left; width:100em; color:#666; margin-top:10px; margin-bottom:10px;}

    /* removed the width so we can display crystal brand on the rigth side */
    #footer{ position:relative; float:left;/*width:100em;*/background-color:#eee;z-index:0;}

/*For Login page CONTENT*/
    #content{
        position:relative; 
        float:left; 
        width:100%; 
        background-color:#565087 ;
        color:#fff; 
        background-image:none; 
        background-position:left bottom; 
        background-repeat:repeat-x; 
        height:auto;
    
        -webkit-box-shadow: #999 0px 0px 0px 0px;
        -moz-box-shadow: #999 0px 0px 0px 0px; /* color, h-offset, v-offset, blur, spread */
        box-shadow: #999 0px 0px 0px 0px; /* inset is optional */}
        
        /*CONTENT ROUNDEDBOX*/
        div.top_corner,
        div.top_corner div,
        div.bot_corner,
        div.bot_corner div{position:relative;float:left;width:100%; }        
        
        div.top_corner{}
        div.top_corner div{}
        div.bot_corner{}
        div.bot_corner div{}
        
        /*Wattermark*/   
        div.smile_image{}
		#accwrapper div.smile_image{
		    position:absolute; 
		    top:13em; 
		    right:0em;
		    width:340px;
		    height:350px; 
		    z-index:1; 
		    background-image:none; 
		    background-position:left top; 
		    background-repeat:no-repeat;
		    /*opacity in IE*/
		    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
		    filter: alpha(opacity=10);opacity: .1 ;-moz-opacity:0.1 ;}
		
		.yui-overlay div.smile_image{
		    position:absolute;
		    top:0em; 
		    right:-0.75em;
		    width:340px; 
		    height:285px; 
		    z-index:1; 
		    
		    background-image:none; 
		    background-position:left top; 
		    background-repeat:no-repeat;
		    
		    /*opacity in IE*/
		    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
		    filter: alpha(opacity=30);opacity: .3 ;-moz-opacity:0.3 ;}    
        
    /*OPTIONAL BACKGROUND*/
        .bg_lined,
        .cu_bg_lined,
        .bg_lined_white,
        .bg_lined_tl,
        .bg_lined_bl{position:relative; float:left; width:100%;}
        
		.bg_lined,
		.cu_bg_lined{
		    background-image:none;
		    background-position:left top; 
            background-repeat:repeat;}
            
        .bg_lined{height:auto;}
		
		.bg_lined_tl{height:10px;}
		.bg_lined_tl div,
		.bg_lined_bl div{position:relative; float:right; width:auto;}
    
        .cu_bg_lined{height:500px;}
        
/*HEADER------------------------------------------------------------------*/

    /*My Div*/
    #myDiv ul   {position:relative; float:left; width:auto;margin-left:0em;}
    #myDiv ul li{ padding-left:0em;}
    
        /*HELP and NEW Buttons*/
        div.help a,
        div.new  a{
            display: inline-block;
            _display: inline; /* inline-block hack for IE7 */
            font-size: 13px;
            font-weight: bold;
            text-decoration: none;
            vertical-align: middle;
            width:auto!important;
            padding: 2px 14px;
            
            border: solid 1px #cacaca;
            border-radius: 4px;
            
            background-color: #fff;
            
            background-image: url("../img/img_2012_secondary_cta_bg.gif");
            background-position: top left;
            background-repeat: repeat-x;
            
            background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#E1E1E1));
            background-image: -webkit-linear-gradient(top, #ffffff, #E1E1E1); 
            background-image: -moz-linear-gradient(top, #ffffff, #E1E1E1);
            background-image: -ms-linear-gradient(top, #ffffff, #E1E1E1);
            background-image: -o-linear-gradient(top, #ffffff, #E1E1E1);}
				
		div.help a:hover,
		div.new  a:hover{
		    color: #333;
		    width:auto!important;
		    padding: 2px 14px;
		    
		    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.65);
		    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.65);
		    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.65);
    			
    		background-position: bottom left;
    		
    		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E1E1E1), to(#ffffff));
    		background-image: -webkit-linear-gradient(top, #E1E1E1, #ffffff); 
    		background-image: -moz-linear-gradient(top, #E1E1E1, #ffffff);
    		background-image: -ms-linear-gradient(top, #E1E1E1, #ffffff);
    		background-image: -o-linear-gradient(top, #E1E1E1, #ffffff);}
				
		div.logout a{
		    display: inline-block;
		    _display: inline; /* inline-block hack for IE7 */
		    color: #FFFFFF;
		    font-weight: bold;
			font-size: 13px;
			text-decoration: none;
			vertical-align: middle;
			padding: 2px 14px;
			
			border-radius: 4px;
			border: solid 1px #282828;
			
			background-color: #747474;
			background-image: url("../img/img_2012_strong_cta_bg.gif");
			background-position: top left;
			background-repeat: repeat-x;
			background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#747474), to(#282828));
			background-image: -webkit-linear-gradient(top, #747474, #282828);
			background-image: -moz-linear-gradient(top, #747474, #282828);
			background-image: -ms-linear-gradient(top, #747474, #282828);
			background-image: -o-linear-gradient(top, #747474, #282828);
			/*2018*/
			cursor: pointer;
		}

			
						
		div.logout a:hover{
		    padding: 2px 14px;
		    color: #FFFFFF!important;
					
			background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#30252d), to(#717270));
			background-image: -webkit-linear-gradient(top, #30252d, #717270); 
			background-image: -moz-linear-gradient(top, #30252d, #717270);
			background-image: -ms-linear-gradient(top, #30252d, #717270);
			background-image: -o-linear-gradient(top, #30252d, #717270);
			background-position: bottom left;}
    
    /*Logo*/
    #toplabel{
        position:relative; 
        float:left; 
        width:auto; 
        height:auto;
        padding-right:0em;
        margin-right:0em; 
        cursor:pointer; 
        display:block; 
        margin-left:0em;
        top:0em; 
        left:0em; 
        margin-bottom:0px;}

	/*MAIN MENU*/
	    /*Rounded corners*/
	    #menubarcontainer{
	        position:relative; 
	        float:left;        
	        /*width:94%; */
            width:calc(100% - 165px);          
            /*width:82em;*/
	        margin-top:0em;
	        background-image:none!important; 
	        background-color: #565087;
	        margin-bottom:0em;
	        z-index:1; 
	        height:58px;
            display:flex;
            flex-direction:row;
            flex-wrap:nowrap;
            }

	    #menubarcontainer div.left_corner{
	        background-image:none!important; 
	        background-position:left top; 
	        background-repeat:no-repeat!important; 
	        padding-left:5px; 
	        position:relative; 
	        float:left; 
	        display:block;}
	     #menubarcontainer div.right_corner{
	         background-image:none!important; 
	         background-position:right top; 
	         background-repeat:no-repeat!important; 
	         padding-right:5px!important; 
	         position:relative; 
	         float:right; 
	         width:auto; 
	         display:block;
	         height:auto; }
			
	    /*From the menu.css */
	    .yui-skin-sam .yuimenubar{ background:none;}
	    .yuimenubar ul{*zoom:1;position:relative; float:left; width:100%; display:flex;
            flex-direction:row;
            flex-wrap:nowrap; }

        .yuimenubar ul li ul { display:block; }    
			
	    /*MYMENUBAR*/
	    #mymenubar{ position:relative!important;}
	
	        /*#mymenubar ul - this menu are on menu.css*/
	        #mymenubar ul li.menulist{ position:relative; float:left; width:auto;border-right:none;border-left:none;padding:0em;}
			#mymenubar ul li.menulistFirst{ position:relative; float:left; width:auto;border-right:none;border-left:none!important;}
			#mymenubar ul li.menulistLast{ position:relative; float:left; width:auto;border-right:none!important;border-left:none;}
				
			/*Link*/
			#mymenubar ul li.menulist a{
			    font-size: 14px;
			    color:#fff;
			    padding:19px 14px 19px 14px;
			    line-height: 1.40; 
			    font-family:"Arial"; 
			    font-weight:bold;
			   /* background: #565087;*/
			    text-decoration:none; 
			    border-top: solid 1px transparent;
			    border-left: solid 1px transparent;
			    border-right: solid 1px transparent;
			    cursor: pointer;
			    /*-webkit-transition-property:color, background;   
			    -webkit-transition-duration: 300ms, 300ms;   
			    -webkit-transition-timing-function: linear, ease-in;  
			    -moz-transition-property:color, background;   
			    -moz-transition-duration: 300ms, 300ms;   
			    -moz-transition-timing-function: linear, ease-in; 
			    -o-transition-property:color, background;   
			    -o-transition-duration: 300ms, 300ms;   
			    -o-transition-timing-function: linear, ease-in;  
			    transition-property:color, background;   
			    transition-duration: 300ms, 300ms;   
			    transition-timing-function: linear, ease-in;*/}
				
			#mymenubar ul li.menulistFirst a,
			#mymenubar ul li.menulistLast  a{
                -webkit-transition: none; 
                -moz-transition: none;      
                -o-transition: none; 
                transition: none;}
			    
			#mymenubar ul li.menulist      a:hover,
			#mymenubar ul li.menulistFirst a:hover,
			#mymenubar ul li.menulistLast  a:hover{
				background: #3C3767;
				color: #fff;
				border-top: solid 1px #3C3767;
				border-left: solid 1px #3C3767;
				border-right: solid 1px #3C3767;
				z-index: 100;
				position: relative;
				margin-top: 0;
				padding: 19px 14px 19px 14px;
				text-decoration:none;}
			
			#mymenubar ul li.menulist a:focus,
			#mymenubar ul li.menulistFirst a:focus,
			#mymenubar ul li.menulistLast a:focus{text-decoration:none;background: #3C3767; color: #fff;}
			
			    /*Submenu*/
				#editmenu.yui-module{width:170px!important}
				#editmenu{
				    background:#fff;
				    width:200px!important; 
				    border: solid 1px #ccccf0; 
				    position: absolute; 
				    top: -99999em; 
				    z-index:1000;
				    float:left; }
				 @media screen and (
				        -webkit-min-device-pixel-ratio:0){#editmenu{top:58px!important;}
				    }
				
			     #editmenu{
			        top:58px\0/!important;
			        /* ie8 hack */*top:58px!important;/*ie7*/}
				
				 #editmenu ul.first-of-type{ float:left;width:auto; position:relative; height:auto; background: #3C3767; color: #fff;}
	  		     #editmenu ul.first-of-type a:hover{color:#fff!important;background-color: #231F44!important;}
				
				.yuimenubar ul{ height:auto;position: relative;float: left;width: 100%;}
				
				#mymenubar ul li.menulist #editmenu ul li{
				    line-height:1.55;
				    list-style: none;
				    padding:0;
                    width:100%!important;
				    margin-left: 0;
                     
                    border-bottom:solid 1px #ABA3E1;}
				#mymenubar ul li.menulist #editmenu ul li a{
				    text-decoration: none;
				    display: block; 
				    color:#fff; 
				    font-size:13px; 
				    font-family: "Arial"; 
				    font-weight:normal;
                    width: calc(100% - 15px)!important;
                    padding-left:0!important;
                    padding: 8px 0 8px 15px!important;
                    border-top:0!important;
                    border-left:0!important;
				   /* background: url(../images/global-sprite.png) 0 5px no-repeat;*/}
				    
				#mymenubar ul li.menulist #editmenu ul li a:hover{
				    border-top: solid 0px transparent;
				    border-left: solid 0px transparent;
				    border-right: solid 0px transparent; 
				   color:#fff; !important; 
                   background-color: #231F44;

				    font-size:13px;} 
				    
				.yuimenu li.submenulist a{width:auto;padding:0 0 0 15px!important;}
				    
				.yui-skin-sam .yuimenuitem-selected{background-color:transparent!important; color: #ef0000!important;}
				
    /*VIEW USER TABLE*/
    #viewUser{margin-top:10px;}
    #viewUser table tr.first { background-color: #6D679A;}
    #viewUser table{ position:relative; float:left; width:998px;width:992px\0/; border:none;}
    #viewUser table tr.bg_white{/*background-color:#f4f5d1;*/ background-color: #C1EBD6;}
    #viewUser table tr td { border-left:0px; border-right:0px;}

/*CONTENT ELEMENTS------------------------------------------------------------------*/
     /*POP UP ---- Quick menu*/
        #quicknavmenu{
            width:140px; 
            height:auto;  
            background-color:#FFF;
            border:solid 2px #1e4b80; 
            position:relative; 
            float:left;}
            
        #quicknavmenu h6{
            width:120px;
            font-size:12px;
            border-bottom: solid 0px #ccc!important;
            color:#000; 
            text-transform:uppercase;
            letter-space:1px!important;}
			
		#quicknavmenu{
		    width:200px; 
		    height:auto; 
		    background-color:#FFF; 
		    border:1px solid #ccc;
		    position:absolute;
		    left:770px!important;
		    font-family:arial!important;}
		#quicknavmenu div.yui-menu-body-scrolled{height:auto!important;}
		
		#quicknavmenu div.topscrollbar,
		#quicknavmenu div.bottomscrollbar{display:none!important;}
		
		.yui-skin-sam .yuimenu h6{border:0px!important;}
		
		#quicknavmenu h6,
		#quicknavmenu ul li.yuimenuitem{float:left!important;}
		
		#quicknavmenu ul li.yuimenuitem a{
		    padding-top:5px!important; 
			padding-bottom:5px!important;
			padding-left:25px;
		    color:#000; 
			font-weight:normal;
			background: url(../images/global-sprite.png) 10px 7px no-repeat;}
	    #quicknavmenu ul li.yuimenuitem a:hover{
		    color: #ef0000!important;}

    /*PAGINATOR --- From paginator*/
    .yui-skin-sam .yui-pg-container {margin-left:0em; padding:5px;font-size:11px!important;}
    .yui-skin-sam .yui-pg-pages {padding:0;}
    .yui-skin-sam .yui-pg-current {padding:3px 0;}

    .yui-skin-sam a.yui-pg-first{color:#565087!important;}

    .yui-skin-sam a.yui-pg-first:link, 
    .yui-skin-sam a.yui-pg-first:visited, 
    .yui-skin-sam a.yui-pg-first:active, 
    .yui-skin-sam a.yui-pg-first:hover, 
    .yui-skin-sam a.yui-pg-previous:link, 
    .yui-skin-sam a.yui-pg-previous:visited, 
    .yui-skin-sam a.yui-pg-previous:active, 
    .yui-skin-sam a.yui-pg-previous:hover, 
    .yui-skin-sam a.yui-pg-next:link, 
    .yui-skin-sam a.yui-pg-next:visited, 
    .yui-skin-sam a.yui-pg-next:active, 
    .yui-skin-sam a.yui-pg-next:hover, 
    .yui-skin-sam a.yui-pg-last:link, 
    .yui-skin-sam a.yui-pg-last:visited, 
    .yui-skin-sam a.yui-pg-last:active, 
    .yui-skin-sam a.yui-pg-last:hover {color:#565087!important;text-decoration:none;font-weight:bold!important;outline:0;}

    .yui-skin-sam span.yui-pg-first, 
    .yui-skin-sam span.yui-pg-previous, 
    .yui-skin-sam span.yui-pg-next, 
    .yui-skin-sam span.yui-pg-last {
	    color:#999;}
	    
    .yui-skin-sam .yui-pg-page {
	    background-color:transparent;
	    border:0px solid #CBCBCB!important;
	    padding:2px 6px;
	    text-decoration:none;
    }
    
    .yui-skin-sam .yui-pg-current-page {
	    background-color:transparent;
	    border:none;
	    font-weight:bold;
	    padding:3px 6px;
	    color:#000;}
	    
    .yui-skin-sam .yui-pg-page {
	    margin-left:1px;
	    margin-right:1px;}
	    
    .yui-skin-sam .yui-pg-first, .yui-skin-sam .yui-pg-previous {
	    padding-left:0;}
	    
    .yui-skin-sam .yui-pg-next, .yui-skin-sam .yui-pg-last {
	    padding-right:0;}
	    
    .yui-skin-sam .yui-pg-current, .yui-skin-sam .yui-pg-rpp-options {
	    margin-left:1em;
	    margin-right:1em;}

    /*From Paginator-skin.css*/
        .yui-skin-sam .yui-pg-current-page{
            /*background-color: #F89828;*/
            border: none;
            font-weight: bold;
            padding: 3px 6px;
            color:#000; 
            background-image:none!important; 
            background-position:left center; 
            background-repeat:repeat-x;}

       .yui-skin-sam .yui-pg-page {
                margin-left: 1px;
                margin-right: 1px;}
            
       .yui-skin-sam .yui-pg-first,
       .yui-skin-sam .yui-pg-previous {padding-left: 0;}
       
       .yui-skin-sam .yui-pg-next,
       .yui-skin-sam .yui-pg-last {padding-right: 0;}
       
       .yui-skin-sam .yui-pg-current,
       .yui-skin-sam .yui-pg-rpp-options{
            margin-left: 1em;
            margin-right: 1em;
            border:0px solid #ccc!important; 
            background-color:#fff;
            background-image:none!important;}

        .yui-skin-sam a.yui-pg-page:link,       
        .yui-skin-sam a.yui-pg-page:visited,
        td.yui-dt0-col-Sel{text-align:center!important;}

    /*BREADCRUM*/
    .breadcrum{ position:relative; float:left; width:100%;}
    .breadcrum ul{ position:relative; float:left; width:98%;padding-left:0px;background-image:none!important;background-position:left center; background-repeat:no-repeat;}
    .breadcrum ul li{ position:relative; float:left; width:auto;}
    .bg_arrowgrey {background-image:url(../images/bg_right_breadcrum.png);background-position:right center;background-repeat:no-repeat; float:left; z-index:2; padding-right:15px; margin-right:5px;}
    .breadcrum ul li.last{background-image:none!important; background-position:right center; background-repeat:no-repeat; width:auto; height:29px;display:inline-block; float:left; z-index:0; font-size:14px; font-weight:bold;}
    .breadcrum ul li.last span.bg_arrowgrey{ background-image:none!important;}
    .rpttitle{background-color: transparent!important; color:#000!important; height:auto!important; padding-top:0em!important; padding-left:0em!important;}


  			
/*FOOTER------------------------------------------------------------------*/

#footer ul{
    position:relative; 
    float:left;
    background-color:#eee; 
    padding-bottom:10px; 
    padding-top:0px;}
#footer ul li{
    position:relative; 
    float:left; 
    width:auto; 
    padding-left:0.5em; 
    padding-right:0.5em; 
    color:#4E569F;
    font-size:11px;}

#footer ul li:first-child {padding-left:10px;}

.b_right_grey { border-color:rgba(255,255,255,0.3)}
.b_right_grey + .b_right_grey {border-right:none;}

.legal {padding-left:0;}

#footer a{color:#4E569F; text-decoration:none; }
#footer a:hover{ text-decoration:underline;}

  
  
  /*FOOTER ROUNDED CORNERS*/
	#footer div.bg_tl,
	#footer div.bg_bl{
	    position:relative; 
	    float:left; 
	    width:98.5%; 
	    padding-left:1.5em;
	    height:0em;}
	    
	#footer div.bg_tl div,
	#footer div.bg_bl div{
	    position:relative; 
	    float:left;
	    width:100%!important;
	    height:0em;}
	    
	 #footer div.bg_tl{
	    background-image:none; 
	    background-position:left top; 
	    background-repeat:no-repeat;}
	    
	#footer div.bg_tl div{
	    background-image:none; 
	    background-position:right top; 
	    background-repeat:no-repeat;}
	
	#footer div.bg_bl{
	    background-image:none; 
	    background-position:left bottom;
	    background-repeat:no-repeat;}
	    
	#footer div.bg_bl div{
	    background-image:none; 
	    background-position:right bottom; 
	    background-repeat:no-repeat;}
	    
    /*Crystal Logo - New position right hanside so we remove the margin and change the float to right */
	.logo_crystal{float:right; margin-top: 0px;margin-right:10px;}
	.logo_crystal_text {bottom: 1em;color: #4E569F;margin-right: 0.5em;position: relative;}	
	.logo_crystal a img,
	.logo_crystal a img:hover,
	.logo_crystal a img:focus{border:none; vertical-align:super;}


/*=====================================================================================================================
PAGES ELEMENT STYLES
=====================================================================================================================*/
/*LOGIN------------------------------------------------------------------*/
    #loginwrapper{position:relative;width:auto;margin:3.025em 3.025em;}

    #loginwrapper h2 { color:#fff; font-weight:normal; letter-spacing:0.5px;}

    #loginwrapper #login input.c-btn-primary
     {
      background-color: #BBC61F!important; 
      background-image: none;
      font-weight: bold;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 14px;
      color: #fff;
      padding: 6px 30px!important;
     /* width: auto;*/
      width:156px;
      height: auto!important;
      cursor: pointer;
      margin-left:76px;}

    #loginwrapper #login input.c-btn-primary:hover, 
    #loginwrapper #login input.c-btn-primary:focus {

       background-color: #929b18!important;
       background-image: -webkit-linear-gradient(top, #929b18, #929b18)!important;

    }
    
    /*Form elements*/
    #loginwrapper input[type=text],
    #loginwrapper input[type=password]{
	    display: inline-block;	
	    _display: inline; /* inline-block hack for IE7 */
	    display: inline-block;
        width: 99%;
	    vertical-align: middle;
	    border: solid 1px #CACACA;
	    padding: 4px;
	    font-size: 13px;
	    font-family: Arial, Verdana, sans-serif;
	    color: #575757;
	    margin-right: 10px;
	
	    -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
	    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
	    box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);

	    -webkit-transition-property: border;   
 	    -webkit-transition-duration: 300ms;   
 	    -webkit-transition-timing-function: linear, ease-in;  
	    -moz-transition-property: border;   
 	    -moz-transition-duration: 300ms;   
 	    -moz-transition-timing-function: linear, ease-in; 
	    -o-transition-property: border;   
 	    -o-transition-duration: 300ms;   
 	    -o-transition-timing-function: linear, ease-in;  
	    transition-property: border;   
 	    transition-duration: 300ms;   
 	    transition-timing-function: linear, ease-in;}
 	    
 	   /*IE10*/
        @media screen and (min-width:0\0) {	
	        #loginwrapper input[type=text],
	        #loginwrapper input[type=password]{width:200px!important}
        }
	
	
        #loginwrapper input[type=text]:hover,
        #loginwrapper input[type=text]:focus,
        #loginwrapper input[type=password]:hover,
        #loginwrapper input[type=password]:focus{
            border: solid 1px #46416d;
	
	        -moz-box-shadow: 0 0 4px rgba(70, 65, 109, 1);
	        -webkit-box-shadow: 0 0 4px rgba(70, 65, 109, 1);
	         box-shadow: 0 0 4px rgba(70, 65, 109, 1);}
	    
	    /*Links*/
        #login a:link,
        #login a:visited,
        #login a:active{ color:#fff; text-decoration:none;}

        #login a:hover,
        #login a:focus{text-decoration:underline;}
        
        /*Terms*/
        /*.terms{ position:absolute; top:94px; left:120px;}*/
       /* update
         move "not signed up and button on right side"*/
        .terms{ position:absolute; top:13px; left:280px; border-left:solid 1px #6c6799; padding-left:20px; padding-bottom:20px; padding-top:7px;}
        .terms span {display:block; padding-bottom:1px; font-weight:normal; font-size:12px; color:#c3b9cc;}


         #loginwrapper #login button.c-btn-primary-link {
        background: none!important; 
        background-image: none!important;
        font-weight: normal;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color:#c3b9cc!important;
        text-decoration:underline;
        padding: 3px 15px!important;
        /*text-transform:uppercase;*/
        width: auto;
        height: auto!important;
        cursor: pointer;
        border:none!important;
        border-radius:0;
        letter-spacing:0;
      }
      #loginwrapper #login button.c-btn-primary-link:hover, 
      #loginwrapper #login button.c-btn-primary-link:focus {
          background: none!important; 
          background-image: none!important;
          border:none!important;
          border-radius:0; 
          box-shadow:none; 
      }

        .termtext{font-size: 1.2em;color: #000;font-weight: bold;width:60%;line-height:1.5em; padding-bottom:1em;}

        /*Para IE9 y 10*/
        @media screen and (min-width:0\0) {
	        .terms{ position:absolute; top:92px; left:120px;}
        }
        

/*CUSTOMER PAGE------------------------------------------------------------------*/
    #custwrapper{}
    
	    
	 /*POP UP ---CALENDAR*/
	 /*Calendar*/
			#showFirstTrafficDateSelector,
			#showLastTrafficDateSelector,
			#show,
			#showCal,
			#showsd,
			#showed,
			#calcshowsd,
			#calcshowed{
			    background-image: url(../images/ico_calendar.gif)!important;
			    background-position:left top;
			    background-repeat:no-repeat;
			    background-color:transparent;
			    border:none;
			    
			    -webkit-border-radius: 0px 0px 0px 0px!important;
			    -moz-border-radius: 0px 0px 0px 0px!important;
			    border-radius: 0px 0px 0px 0px!important; 
			    
			    padding-bottom:0.75em;
			    cursor:pointer;
			    position:relative; 
			    width:30.5px!important;
			    height:2em;
			    top:0.5em!important;
			    top:0.6em;
                padding-bottom: 18px;}
				
			#showFirstTrafficDateSelector:hover,
			#showLastTrafficDateSelector:hover,
			#show:hover,
			#showCal:hover,
			#showsd:hover,
			#showed:hover,
			#calcshowsd:hover,
			#calcshowed:hover{
			    background-image: url(../images/ico_calendar.gif)!important;
			    background-position:left -50px;
                padding-bottom: 18px;}
			
			/*SAFARI-CHROME*/
			@media screen and (-webkit-min-device-pixel-ratio:0){
			    #showFirstTrafficDateSelector,
			    #showLastTrafficDateSelector,
			    #show,
			    #showCal,
			    #showsd,
			    #showed{top:0em!important;}
			 }
			 /*IE9*/
				#showFirstTrafficDateSelector,
				#showLastTrafficDateSelector,
				#show,
				#showCal,
				#showsd,
				#showed{top/*\**/:0.5em\9!important}
				
        /*POP UP --- CALC*/
            /*Content*/
            #calcinput .bd{ width:96.6%!important;}
            #calcform{float:left;}
            #calcform ul li{font-size:11px;}
            #calcform ul li ul{border-bottom:1px solid #fff;margin-bottom:10px!important;padding-bottom:10px;}
            #calcform ul.calc_data_select li label{top:5px;width:70px;}
            #calcform ul.calc_data_select li input[type="text"]{
                position:relative; 
                float:left; 
                width:100px!important; 
                margin-right:5px;}
            
            #calcform ul.calc_data_select li input[type="text"]{width:150px!important;}
        
            #calcMsg{font-size:11px!important; font-weight:bold!important; color:#ff0000;}
            #calculatedresult span{
                border:1px solid #ccc!important;
                font-weight:bold;
                float:right!important;
                background-color:#fff;
                padding:5px!important;
                width:200px;
                font-size:12px; 
                text-align:right!important; 
                height:12px!important;}
        
            #vatresult{
                border:1px solid #ccc!important;
                font-weight:bold;
                float:right!important;
                background-color:#fff;
                height:auto;
                padding:5px!important;
                width:200px; 
                font-size:12px; 
                text-align:right!important;
                height:12px!important}
            
           .vatrateselect{
               width:150px;
               border:1px solid #ccc!important;
               font-weight:bold;
               float:right;
               background-color:#fff;
               height:20px;
               padding:2px;}
           
            .totalresultinput{
                border:1px solid #ccc!important;
                font-weight:bold;
                float:right!important;
                background-color:#fff;
                height:auto;
                padding:5px!important;
                width:200px; 
                font-size:12px; 
                text-align:right!important;
                height:12px!important}
            
            .totalCalc,
            .vatratelabel,
            .totalvatinc{
                font-size:12px!important; 
                font-weight:bold!important;
                text-transform:uppercase;}

				
/*ACCWRAPPER - CONTWRAPPER - BILLWRAPPER------------------------------------------------------------------*/
    /*Container*/
    #accwrapper,
    #contwrapper,
    #billwrapper,
    #invwrapper,
    #unbilled,
    #alertsetup,
    #miscwrapper,
    #ngawrapper,
    #paywrapper,
    #gscontainer,
    #ngawrapper{}
    
    #accwrapper  fieldset,
	#contwrapper fieldset,
	#paywrapper  fieldset{position:relative;width:98.7%!important; /*2018*/padding-right: 0;}
	
	#editUser   div.bd fieldset.bgON,
	#createUser div.bd fieldset.bgON{
	    background-color:#ebebeb; 
	    border:1px solid #ebebeb;
	    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f4f4f4), to(#ebebeb));
	    background-image: -webkit-linear-gradient(top, #f4f4f4,#ebebeb);
	    background-image: -moz-linear-gradient(top, #f4f4f4, #ebebeb);
	    background-image: -ms-linear-gradient(top, #f4f4f4, #ebebeb);
	    background-image: -o-linear-gradient(top, #f4f4f4, #ebebeb);}
    
	/*The styles that change when you clic on Modify*/
	    /*Modify off*/
	    .bg{
	        background-image:none; 
	        background-position:left bottom; 
	        background-repeat:repeat-x;
	        background-color:#ebebeb;
	        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f4f4f4), to(#ebebeb))!important;
	        background-image: -webkit-linear-gradient(top, #f4f4f4,#ebebeb)!important;
	        background-image: -moz-linear-gradient(top, #f4f4f4, #ebebeb)!important;
	        background-image: -ms-linear-gradient(top, #f4f4f4, #ebebeb)!important;
	        background-image: -o-linear-gradient(top, #f4f4f4, #ebebeb)!important;
	        border:0px solid #eee;}
	        
	    /*Modify on*/    
	    .bgON{
	        background-image:none; 
	        background-position:left bottom; 
	        background-repeat:repeat-x;
	        background-color:#eee;
		    border:0px solid #ebebeb;}
		    
		    	
/*ACCOUNT DETAILS------------------------------------------------------------------*/
/*Form elements --- class*/
    /*Inputs*/
    #accwrapper input.inputhandler{
        position: relative;
		float: left;
	    width: 15px;
	    height: 15px;
	    z-index: 10;
	    background-color:#ffffff;
	    border: solid 1px #CACACA!important;}

/*PAYMENT DETAILS------------------------------------------------------------------*/
a#DDExport{color:#565087!important;}	  

/*SERVICES------------------------------------------------------------------*/ 
    /*POP UP --- BUSINESS LINE ANUAL - REPORT ITEMISED BY ACCOUNT*/
        /*Content*/
        /*#dialogservicebd{height:auto!important;}*/	
        #dialogservicegroup{position:relative; float:left;}
        #dialogdrptser div.smile_image{}
        #dialogservicegroup div.bd{ background-image:none!important;width:100%;}
        
        	
        #dialogdrptser{
            width:auto!important;
            height:auto!important;
            border:1px solid #ccc!important; 
            position:relative; 
            float:left;
        
            -webkit-box-shadow:none!important;
            -moz-box-shadow: none!important;
            box-shadow:none!important;}
            
       
            
            												
/*INVOICE SUMMARY - INVOICE ANALYSIS - UNBILLED CHARGE------------------------------------------------------------------*/
    /*Container --- button*/
    #make_payment{position:absolute;right:1em;margin-top:50px;}
    
    /*POP UP --- ITEMISED INVOICE*/
        
        /*Container*/
        #iresizable{visibility:hidden; z-index:1; position:relative; float:left;}
        
        #iresizable,
	    #dialog1,
	    #dialog2,
	    #dialog3,
	    #overlayspendbd,
	    #overlaypcbd{}	
    	
    	/*Content*/
	    #iresizable .bd,
	    #dialogdrpt .bd{border:medium none;/*float:left;position:relative;*/width:98.5%!important;clear:both;}
	
	    #overlayspendbd,
	    #overlaypcbd{/*position:relative; float:left;width:98%;*/}
	        
	    #iresizable .yui-resize-handle-br { bottom: 0; height: 8px; position: absolute; right: 0; width: 8px; }
	    
	    /*Footer*/
	    #iresizable .ft{padding:0em!important;}

        /*TOTALS CALLS*/
            #grandtotals{
                float: left;
                width:835px; 
                font-size: 12px;
                padding:0.5em;
                /*background-image:url(../images/menu_bg_c2_on.jpg);*/ 
                background-position:left bottom; 
                background-repeat:repeat-x; 
                background-color:#ff8000; 
                margin-left:1em;
                margin-bottom:1em;}
                
            /*total calls from different countries*/  
            .totalcontainer{
                width:99%;
                padding:0.6em; 
                float:left; 
                clear:both; 
                background-color:#5c6878; 
                font-size:12px; 
                text-align:right;}
            
            .tothspan,
            .totaspan{color:#fff;}
            
            .tothspan{font-weight:bold;}

/*INVOICE ANALYSIS = MY INVOICES ------------------------------------------------------------------*/
	
/*UNBILLED CHARGES------------------------------------------------------------------*/

/*RESOURCE MANAGEMENT------------------------------------------------------------------*/
    /*HEADER*/
        #reporttype      h4 span, 
	    #ditabs          h4 span,
	    #usagetype       h4 span,
	    #filters         h4 span,
	    #number_invoice  h4 span, 
	    #reportsource    h4 span,
	    #groupedresource h4 span{
	        padding-top:0.5em; 
	        padding-bottom:0.5em; 
	        padding-left:0.75em; 
	        padding-right:0.75em;
	        display:block;
	        text-align:left; 
	        position:relative; 
	        float:left; 
	        border-bottom:0.1em solid #ccc;
	        background-image:none!important; 
	        background-position:left bottom; 
	        background-repeat:repeat-x;}
	
	    #grgroups    h4,
	    #grresources h4,
	    #grservices  h4{
	        background-image:none; 
	        border-bottom:0.1em solid #ccc;}

        /*ADD Button*/
            .add_group{
                position:relative; 
                float:left;
                width:auto; 
                height:19px;
                color:#000!important;
                font-size:11px!important;
                font-weight:normal!important; 
                background-color:transparent!important; 
                border:none!important;
                background-image:url(../images/add.png)!important; 
                background-position:right top!important; 
                background-repeat:no-repeat!important; 
                margin-right:0.5em;
                margin-top:0.25em; 
                text-indent:0px; 
                text-align:left; 
                padding-right:2em!important;}
                
            .add_group:hover{ text-decoration:underline;}
            
           /*Loop icon*/    
            #loop_resource,
            #loop_resource:hover,
            #loop_service,
            loop_service:hover{
                position:relative; 
                float:left; 
                width:36px!important; 
                height:36px!important; 
                background-color:transparent!important;
                border:none!important;
                background-image:url(../images/ico_loop.png)!important; 
                background-position:left top!important; 
                background-repeat:no-repeat!important;
                text-indent:-999999px;}
                
          /*POP UP --- RESOURCES LIST*/
    /*Header*/
    .yui-widget-hd{
	    background-color: #84929F;
	    background-image: url("../images/bg_popup_hd.gif");
	    background-position: left bottom;
	    background-repeat: repeat-x;
	    color: #FFFFFF;
	    float:left;
	    width:100%!important;}
	 
	 .yui-widget-hd span.hd{
     font-size:1.6em;padding:0.5em;*padding:0em!important; float:left;width:auto;line-height:normal!important;}
     
     
    
     /*Content*/
     .yui-widget-bd{ position:relative; float:left; height:25px;background-color:#FFF;}
     .yui-widget-bd{
	    border: medium none;
	    clear: both;
	    position: relative;
	    background-image: url("../images/bg_popup.gif");
	    background-position: left top;
	    background-repeat: repeat;
	    height: auto !important;
	    padding: 1em;
	    margin:0em!important;
	    float:left;
	    width:92%!important;
	    *width:98%!important;}
	    
    #infoOverlay{position:relative; float:left; min-width:270px;height:auto!important;}
    #hide-infoOverlay,
    #hide-servOverlay{
	    width:20px;
	    top:0.5em!important;
	    height:23px!important;
	    border-top:none!important; 
	    border-bottom:none!important;
	    border-left:none!important; 
	    border-right:none!important;
	    background-color:transparent;
	    background-image:url(../images/close_window.gif); 
	    background-repeat:no-repeat;
	    background-position:left top;
	    margin-right:5px;
	    margin-top:5px;}
	#hide-infoOverlay:hover,
	#hide-servOverlay:hover{border:none!important;}

/*STANDARD REPORTS/CALL ANALYSIS PAGE------------------------------------------------------------------*/
    /*h3*/
    #reportfilterheadline {
        margin-top:0em;
        margin-bottom:10px;
        position: relative;
        float: left;
        width: auto;
        margin-left: 0em!important;
        background-image: url(../images/ico_h3.gif);
        background-repeat: no-repeat;
        background-position: left 5px;
        padding-left:15px;}
  
  /*ICONS*/
        /*Global*/
         #divChildTabs #reportOutbound li.itemised_icon a,
         #divChildTabs #reportOutbound li.consolidated_icon a,
         #divChildTabs #reportOutbound li.summary_account a,
         #divChildTabs #reportOutbound li.summary_destination a,
         #divChildTabs #reportOutbound li.summary_dialled a,
         #divChildTabs #reportOutbound li.summary_month a,
         #divChildTabs #reportOutbound li.summary_day a,
         #divChildTabs #reportOutbound li.summary_hour a{
            position:relative; 
            float:left; 
            width:100%; 
            vertical-align:bottom; 
            padding-top:10em;
            background-repeat: no-repeat;
            background-image: url(../images/ico_itemised_account_off.png); }
        
        #divChildTabs #reportOutbound li.itemised_icon a{background-position:65px top; }    
        #divChildTabs #reportOutbound li.itemised_icon a:active,
        #divChildTabs #reportOutbound li.itemised_icon a:hover{background-position:-187px 1px;}

        #divChildTabs #reportOutbound li.consolidated_icon a {background-position:65px -250px;}
        #divChildTabs #reportOutbound li.consolidated_icon a:active,
        #divChildTabs #reportOutbound li.consolidated_icon a:hover{background-position:-186px -250px;}

        #divChildTabs #reportOutbound li.summary_account a{background-position:65px -500px;}
        #divChildTabs #reportOutbound li.summary_account a:active,
        #divChildTabs #reportOutbound li.summary_account a:hover{background-position:-184px -499px;}

        #divChildTabs #reportOutbound li.summary_destination a{background-position:64px -750px;}
        #divChildTabs #reportOutbound li.summary_destination a:active,
        #divChildTabs #reportOutbound li.summary_destination a:hover{background-position:-185px -751px;}

        #divChildTabs #reportOutbound li.summary_dialled a{background-position:65px -1000px;}
        #divChildTabs #reportOutbound li.summary_dialled a:active,
        #divChildTabs #reportOutbound li.summary_dialled a:hover{background-position:-186px -1001px;}

        #divChildTabs #reportOutbound li.summary_month a{background-position:65px -1250px;}
        #divChildTabs #reportOutbound li.summary_month a:active,
        #divChildTabs #reportOutbound li.summary_month a:hover{background-position:-186px -1250px;}

        #divChildTabs #reportOutbound li.summary_day a{background-position:65px -1500px;}
        #divChildTabs #reportOutbound li.summary_day a:active,
        #divChildTabs #reportOutbound li.summary_day a:hover{ background-position:-186px -1500px;}

        #divChildTabs #reportOutbound li.summary_hour a{background-position:65px -1750px;}
        #divChildTabs #reportOutbound li.summary_hour a:active,
        #divChildTabs #reportOutbound li.summary_hour a:hover{ background-position:-186px -1751px;}
        
        /*REPORTS SELECTOR FILTERS----------*/
            /*BLOCK --- REPORTING PERIOD*/
                /* Time spinner in the Call Analysis*/
                        .yui3-timespinner-content{
                            display:inline;}
                        .yui3-timespinner-timespinner{
                            background-color:#fff; 
                            width:auto;
                            display:inline;}
                            
                        .yui3-timespinner-seconds,
                        .yui3-timespinner-hour_12,
                        .yui3-timespinner-hour_24,
                        .yui3-timespinner-minutes,
                        .yui3-timespinner-am_pm{
                            float:left;
                            height:20px; 
                            width:24px; 
                            border: solid #ccc 1px; 
                            text-align:center; 
                            cursor:hand; 
                            color:#736F6E;}
                            
                        .yui3-timespinner-am_pm{margin-left:2px;}
                        
                        .yui3-timespinner-updown{
                            float:left;
                            width:20px;
                            text-align:center;
                            height:20px;
                            margin-left:2px;}
                        .yui3-timespinner-sep{float:left;width:7px;height:18px;text-align:center;}
                        
                        .yui3-timespinner-plus,
                        .yui3-timespinner-plus:hover,
                        .yui3-timespinner-minus,
                        .yui3-timespinner-minus:hover{
                            width:20px;
                            height:10px;
                            background-color:transparent!important; 
                            -webkit-border-radius: 0px 0px 0px 0px!important;
			                -moz-border-radius: 0px 0px 0px 0px!important;
			                border-radius: 0px 0px 0px 0px!important; 
                            background-image:url("../../../scripts/build/assets/skins/sam/sprite.png")!important;
                            cursor:pointer;}
                        .yui3-timespinner-plus       {background-position:35px -954px!important;}
                        .yui3-timespinner-plus:hover {background-position:35px -979px!important;}
                        .yui3-timespinner-minus      {background-position:35px -854px!important;}
                        .yui3-timespinner-minus:hover{background-position:35px -879px!important;}
                        
                        .yui3-timespinner-lock{background-color:#87CEFA;color:#000;}
        
        /*POP UPS --- OVERLAY DURATION / OVERLAY SPEND*/
            /*Containers*/
            #overlayduration,
            #overlayspend,
            #overlaypc{width:22.55em;}
            
            /*Content*/ 
            #overlayspend    div.bd,
            #overlayduration div.bd,
            #overlaypc       div.bd{
                /*position:relative;
                float:left;*/
                background-color:#fff;
                background-image:url(../images/bg_popup.gif);
                background-position:left top; }
            
            #overlayspend    div.bd{/*width:90%;*/padding:1em;}
			#overlayduration div.bd{/*width:90.5%;*/}
		    #overlaypc       div.bd{/*width:93%!important;*/padding:1em;}
		    
		    /*Header*/
		    .yui-overlay div.hdol{
		        background-image:url(../images/bg_popup_hd.gif);
		        background-position:left bottom; 
		        background-color:#84929f; 
		        background-repeat:repeat-x;
		        text-indent:1em; 
		        color: #fff; 
		        font-size: 12px; 
		        font-weight:normal; 
		        height:auto;
		        padding-bottom:0.5em;
		        padding-top:0.2em;
		        text-indent:0.5em; 
		        position:relative; 
		        float:left; 
		        width:100%;
		        z-index:2}
		        
			.closeleft{position:relative; float:right; margin-right:0.5em!important; margin-top:0.5em!important;}
				
				/*Close button*/
	                #btncloseoldur,
	                #btncloseolsp,
	                #btncloseolpc,
	                #btncloseoldur1,
	                #btncloseolsp1,
	                #btncloseolpc1{
	                    background-image:url(../images/delete.gif)!important; 
	                    background-position:left top; 
	                    background-repeat:no-repeat;
	                    cursor:pointer; 
	                    background-color:transparent!important; 
	                    border-bottom:none!important;
	                    margin-right:0em!important; 
	                    width:20px; 
	                    height:20px; 
	                    position:relative;
	                    float:right;
	                    font-size:0px!important;
	                    text-indent:-999px!important;}

/*PLU REPORTS/SPEND ANALYSIS------------------------------------------------------------------*/
	
	    
	#form1{*height:auto!important; position:relative; float:left;}
	

        .yui3-skin-sam .yui3-accordion{border:none!important;}
        .yui3-accordion-item .yui3-widget-bd{ background-image:none!important;width:100%;}
        .yui3-accordion-item .yui3-widget-bd{padding:0em!important;}
        #dialogservicegroup div.yui3-widget-bd{ border:none!important;}
        
/*ALERT NOTIFICATIONS------------------------------------------------------------------*/
    /*ALERT MESSAGE*/
    #alertmsg.success,
    #alertmsg.warning,
    #alertmsg.error{
        background-position:10px 15px; 
        background-repeat:no-repeat;
        margin-bottom:10px;}
    
    #alertmsg.success{
        border:1px solid #abb400; 
        background-image:url(../images/alert_success.png)!important;}
    #alertmsg.warning{
        border:1px solid #F06F22; 
        background-image:url(../images/alert_warning.png)!important;}
    #alertmsg.error{
        border:1px solid #F06F22; 
        background-image:url(../images/alert_error.png)!important;}
    
    /*BUTTON --- Modify Alert*/
        #amodify{
            *float:left!important;
            width:87.5px!important; 
            height:45px; 
            font-size:11px!important;
            font-weight:normal!important; 
            color:#000!important;
            background-color:transparent!important;
            border:none!important;
            background-image: url(../images/btn_modify.gif); 
            background-position:left -70px; 
            background-position:left -71px\0/;
            background-repeat:no-repeat; 
            padding-left:3em!important;
            margin-top:10px;
            padding-top:10px;
            *margin-right:10px!important;}
				
	    #amodify:hover,
	    #amodify:focus{
	        background-position:left top;
	        background-position:left top\0/;
	        
	        -moz-box-shadow: 0 0 0px rgba(171, 180, 0, 0.4)!important;
	        -webkit-box-shadow: 0 0 0px rgba(71, 180, 0, 0.4)!important;
	        box-shadow: 0 0 0px rgba(71, 180, 0, 0.4)!important;}
				
	/*BUTTON --- Cancel Alert*/
		#acancel{
		    *float:left!important;
		    width:87.5px!important;  
		    height:45px; 
		    font-size:11px!important;
		    font-weight:normal; 
		    color:#000!important;
		    background-color:transparent!important; 
		    border:none!important;
		    background-image: url(../images/btn_cancel.gif)!important; 
		    background-position:left 5px; 
		    background-repeat:no-repeat; 
		    margin-top:10px; 
		    padding-top:10px; 
		    padding-left:3em!important;
		    *margin-right:10px!important;}
		    
		#acancel:hover{ 
		    background-position:left -45px;
		    -moz-box-shadow: 0 0 0px rgba(171, 180, 0, 0.4)!important;
		    -webkit-box-shadow: 0 0 0px rgba(71, 180, 0, 0.4)!important;
		    box-shadow: 0 0 0px rgba(71, 180, 0, 0.4)!important;}
		    
    /*BUTTON --- Save alert*/
        #asetup{
            width:90px; 
            height:38px; 
            font-size:11px!important;
            font-weight:normal; 
            color:#000!important; 
            background-color:transparent!important; 
            border:none!important; 
            background-image: url(../images/btn_save.gif); 
            background-position:3px 3px;
            *background-position:0px 3px!important; 
            background-repeat:no-repeat; 
             padding-top:10px;
            padding-left:3em;
            *padding-left:3em!important;
            margin-top:14px;  
            margin-right:10px;}
            
        #asetup:hover{
            background-image: url(../images/btn_save.gif); 
            background-position:3px -47px;
            *background-position:0px -47px!important;
			
			-moz-box-shadow: 0 0 0px rgba(171, 180, 0, 0.4)!important;
			-webkit-box-shadow: 0 0 0px rgba(71, 180, 0, 0.4)!important;
			 box-shadow: 0 0 0px rgba(71, 180, 0, 0.4)!important;}
				
	    /*BUTTON --- Delete alert*/
	    #adelete{ 
	        width:90px!important; 
	        height:38px; 
	        font-size:11px!important; 
	        font-weight:normal!important;
	        color:#000!important;
	        background-color:transparent!important; 
	        border:none!important; 
	        background-image: url(../images/btn_clear.gif)!important; 
	        background-position:left -50px; 
	        background-repeat:no-repeat;
	        margin-top:14px;
	        margin-right:10px; 
	        padding-top:10px;
	        padding-left:3em!important;}
	        
	   #adelete:hover{
	       background-image: url(../images/btn_clear.gif); 
	       background-position:left top;
	       border: solid 0px #ABB400!important;
		   
		   -moz-box-shadow: 0 0 0px rgba(171, 180, 0, 0.4)!important;
		   -webkit-box-shadow: 0 0 0px rgba(71, 180, 0, 0.4)!important;
		   box-shadow: 0 0 0px rgba(71, 180, 0, 0.4)!important;}

       /*POP UP --- DELETE ALERTS*/
            /*Container*/
            #deleteoldisplay{ position:relative; float:left;}
            
            /*Header*/
            #deleteoldisplay .yui3-widget-hd{
                color:#fff!important;
                background-image:url(../../../images/bg_popup_hd.gif)!important;
                background-position:left bottom; 
                background-color:#84929f; 
                background-repeat: repeat-x;
                text-indent:0px!important;
                font-size:1.6em!important; 
                padding:0.5em; 
                font-family:Arial!important; 
                font-weight:normal!important;
                width:100%!important; 
                float:left; 
                position:relative!important;}
                
            /*Close button*/
            #deleteoldisplay .yui3-widget-hd .yui3-button-close{
                width:15px!important; 
                height:17px!important; 
                position:relative; 
                float:left;
                background-image: url(../images/close_window.gif)!important;
                background-position: left top;
                background-repeat: no-repeat;
                cursor: pointer; 
                text-indent:-999px!important;}
                
	        #deleteoldisplay .yui3-widget-hd .yui3-button-close:before{
	            padding:0em!important; 
	            content:none!important;}
	            	
            /*Content*/
            #deleteoldisplay .yui3-panel-content{
                background: white;
                background-color:Transparent!important;
                border:none!important;
                margin: 15px 0;
                padding-bottom: 1px;
                float:left!important; position:relative!important; width:100%!important}
                
            #deleteoldisplay .yui3-widget-bd{
                background-image: url(../../../images/bg_popup.gif);
                background-position: left top;
                background-repeat: repeat;
                text-align:center!important; 
                position:relative!important; 
                float:left!important;
                width:97%!important;}
    
            /*POP UP --- Buttons*/
            #aolcancel{font-weight: normal;
                        color: #fff;
                        background: url(../../../scripts/build/assets/skins/sam/sprite.png) repeat 0 -1400px;
                        border-bottom: 0.1em solid #01315f;
                        border-left: 0.1em solid #01315f;
                        border-top: 0.1em solid #014689;
                        border-right: 0.1em solid #014689;}
    
            #tdelete{align-items: flex-start;
                    text-align: center;
                    cursor: default;
                    color: buttontext;
                    padding: 2px 6px 3px;
                    border: 2px outset buttonface;
                    border-image-source: initial;
                    border-image-slice: initial;
                    border-image-width: initial;
                    border-image-outset: initial;
                    border-image-repeat: initial;
                    background-color: buttonface;
                    box-sizing: border-box;}
  
/*CHANGE THE PASSWORD------------------------------------------------------------------*/
    /*container*/
    #buttonChanges{ position:relative; float:left; width:auto!important;}
    #buttonChanges1{
        position:relative; 
        float:right;
        width:auto!important;}
        
    #contwrapper input[type="button"],
    #contwrapper input[type="submit"]{width:auto!important;}
    
/*CREATE UPDATE SEARCH USER = SEARCH USERS------------------------------------------------------------------*/


/*NGA DETAILS------------------------------------------------------------------*/
    /*POP UPS*/
        #olnga fieldset.bgON{
            position:relative; 
            float:left; 
            background-color:#ebebeb;  
            border:none;
            width:98%; 
            margin-bottom:10px;}
            
		#olnga fieldset.bgON h4{
		    top:20px!important; 
		    font-weight:bold; 
		    font-size:12px; 
		    border-bottom:1px solid #ccc; 
		    display:block; 
		    padding:10px;}
		#olnga fieldset.bgON div{padding:10px;}
		#olnga fieldset.bgON label{
		    position:relative; 
		    float:left; 
		    width:auto!important;
		    display:block; 
		    margin-right:10px; 
		    clear:both:}
		
		#qatable,
		#qbtable{
		    position:relative; 
		    float:left; 
		    width:96%!important; 
		    background-color:#fff;
		    padding:10px!important; 
		    margin-bottom:10px;}
		
		/*Buttons*/
		#olnga input[type="submit"].button{
			color: #000000!important;
			font-size:11px!important;
			background-image:url(../images/btn_default.gif);
			background-repeat:no-repeat; 
			background-position:left -70px; 
			width:auto;
			text-indent:0px!important;
			background-color:Transparent!important;
			border:none!important;
			height:30px!important;
			margin-right:0em!important;
			margin-top:0em!important;
			margin-bottom:10px!important;}
			
		#olnga input[type="submit"].button:hover{
			background-position:left top;
			cursor:pointer;}   
																						
/*=================================================================BUTTONS=================================================================*/
/*BUTTONS --- CALCULATOR*/
    /*Button --- Pro Rata Calc*/
        #btnCalc{
            color:#000!important;
            position:relative; 
            width:10.5em;
            font-size:11px;
            font-weight:normal!important; 
            background-color:transparent!important;
            border:none!important; 
            background-image: url(../images/btn_calc_customer.png)!important; 
            background-position:left -57px; 
            background-repeat:no-repeat; 
            padding-left:5em!important; 
            padding-top:1.75em!important; 
            padding-bottom:0.75em!important;
            padding-right:0px!important;
            margin-right:0px!important;}
            
        #btnCalc:hover{background-position:left 13px;margin-bottom:0;}
        
    /*Button --- Calc*/
       #calcCalc{
           color:#000!important;
           position:relative; 
           width:8em!important;
           height:auto; 
           font-size:11px;
           font-weight:normal!important;
           background-color:transparent!important;
           border:none!important; 
           background-image: url(../images/btn_calc.gif)!important; 
           background-position:left -60px; 
           background-repeat:no-repeat; 
           padding-left:3em!important; 
           padding-top:1.75em!important; 
           padding-bottom:0.75em!important; }
    
      #calcCalc:hover{
           background-color:transparent!important; 
           background-position:left 10px;
           padding-left:1.5em;}
           
/*BUTTONS --- AUDIT*/
    /*Button --- Refresh data*/
    #refreshdata.refreshButton{
        color:#000!important;
        position: relative;
        float: left;
        width: 126px;
        height: 29px!important;
        font-size:11px!important;
        font-weight:normal!important;
        
        background-color: transparent!important;
        border: none!important;
        background-image: url(../images/btn_refresh_data.gif)!important;
        background-position: left top;
        background-repeat: no-repeat;
        padding-left:3em!important;
        margin-left:10px;}

    #refreshdata.refreshButton:hover{background-position:left -122px!important;}
    
    /*Button --- Export Buttons*/
        /*Container*/
        #btn_export{position:relative;float:right; width:auto;}
		
		/*Export Buttons*/		    
        #cExport,
        #CExport,
        #cExportSummary,
        #cExportServices,
        #cExportBreakdown,
        #cExportFixedLines,
        #CExportRecc{
            position:relative; 
            float:right; 
            width:14em!important;
            height:20px!important;
            color:#000!important; 
            font-size:11px!important;
            font-weight:normal!important;
            background-color:transparent!important;
            border:none!important;
            background-image: url(../images/btn_export.gif)!important; 
            background-position:center top; 
            background-repeat:no-repeat;
            cursor:pointer;
            padding-left:6.5em!important;
            padding-top:3em;
            padding-bottom:1em; 
            text-indent: 0!important;
           }
    
        #cExport:hover,
        #CExport:hover,
        #cExportSummary:hover,
        #cExportServices:hover,
        #cExportBreakdown:hover,
        #cExportFixedLines:hover,
        #CExportRecc:hover{background-position:center -70px; text-decoration:none;}
        
        
        
        .btn_export{position:relative;float:right;width:auto;margin-right:0em;font-size:1.1em;height:5.5em;padding-top:2em;}
				    
/*BUTTONS --- ACCOUNT DETAILS - CONTACT DETAILS*/
    /*Container*/
        #buttonmodify,
        #buttonactions{position:relative; float:right;width:51em; height:auto;padding-top:1em; display:block;z-index:2;}
        #buttonactions{display:none;}

    /*Button --- Modify Button*/
        /*Container*/
            #btnModify{ position:relative; float:right; margin-right:2em;}
    
        /*Modify button*/
	    #ModifyDetails{
	        position:relative; 
	        width:8em!important;
	        height:auto!important;
	        color:#000!important;
	        font-size:11px;
	        font-weight:normal!important; 
	        background-color:transparent!important;
	        border:none!important; 
	        background-image: url(../images/btn_modify.gif)!important; 
		    background-position:left -61px; 
		    background-repeat:no-repeat; 
		    padding-left:3em!important; 
	        padding-top:2.25em; 
		    padding-bottom:0.75em;
		    cursor:pointer;}
        #ModifyDetails:hover{background-position:left 9px;}
        
    /*Button --- Save Button*/
        /*Container*/
			#btnsave{position:relative;float:right;margin-right:10px;}
		
		/*Save Button*/	
			#SaveContactDetails,
			#btnChange,
			#ctl00_ContentPlaceHolder1_btnChange1{
			 position:relative; 
			 width:8em!important;
			 height:auto!important;
			 font-size:11px;
			 font-weight:normal!important;
			 color:#000!important;
			 background-color:transparent!important;
			 border:none!important; 
			 background-image: url(../images/btn_save.gif)!important; 
			 background-position:left 15px; 
			 background-repeat:no-repeat; 
			 padding-left:4.5em!important;
			 padding-top:2.25em; 
			 padding-top:2.25em\9; 
			 padding-bottom:1.75em;
			 cursor:pointer;}
			
			#SaveContactDetails:hover,
			#btnChange:hover,
		    #ctl00_ContentPlaceHolder1_btnChange1:hover{background-position:left -35px; padding-top:2.25em; 
			 padding-top:2.25em\9; 
			 padding-bottom:1.75em;}
		    
    /*Button --- Cancel Button*/
        /*Container*/
            #btncancel{position:relative;float:left;margin-right:2em; display:block;margin-bottom:1em;}
            
        
        /*Cancel Button*/
            #btncancel #CancelModify{
                position:relative; 
                width:8em!important;
                height:auto!important;
                font-size:11px;
                font-weight:normal;
                color:#000!important; 
                background-color:transparent!important;
                border:none!important; 
                background-image: url(../images/btn_cancel.gif)!important; 
                background-position:left 15px; 
                background-repeat:no-repeat; 
                padding-left:3em!important;
                padding-top:2.25em; 
                padding-top:2.25em\9; 
                padding-bottom:0.75em; 
                cursor:pointer;}
            #btncancel #CancelModify:hover{background-position:left -35px;padding-bottom:0.75em; padding-top:2.25em;  }


/*BUTTONS --- INVOICE SUMMARY - INVOICE ANALYSIS*/
    /*Button --- Make Payment*/
        /*Container*/
        #makeapay{float:right; position:relative;z-index:2;} 
        
        /*Make Payment Button*/
        .btnmakeapayment{
            position:relative;
            float:left;
            width:135px!important;
            height:28px!important;
            font-size:0px!important;
            font-weight:normal!important;
            color:#000!important;
            background-color:transparent!important;
            border:none!important; 
            background-image: url(../images/btn_payment.gif)!important; 
            background-position:left top; 
            background-position:left top\9; 
            background-repeat:no-repeat!important;
            cursor:pointer; 
            padding-top:15px; 
            padding-bottom:15px; 
            padding-left:3em!important; 
            padding-right:20px;
            text-indent:-999px;}
    
        .btnmakeapayment:hover,
        .btnmakeapayment:focus{
            background-position:left -50px!important; 
            background-position:left -50px\9;}
				
	        /*FOR Firefox*/
	        html>/**/body .btnmakeapayment:link, 
	        x:-moz-any-link, 
	        x:default,
	        html>/**/body .btnmakeapayment:visited, 
	        x:-moz-any-link, 
	        x:default {padding-left:130px;}
	
	        html>/**/body .btnmakeapayment:hover, 
	        x:-moz-any-link, 
	        x:default,
	        html>/**/body .btnmakeapayment:focus, 
	        x:-moz-any-link, x:default{padding-left:130px;}
	        
/*BUTTONS --- INVOICE ANALYSIS*/	        
	/*Button --- Emails Buttons*/
	    /*Email Button*/
	        #emailinvoices{
		        position:relative; 
				float:left; 
				width:130px!important;
				font-size:11px;
				font-weight:normal!important;
				color:#000!important;
				background-color:transparent!important;
				border:none!important; 
				background-image: url(../images/btn_send_email.gif)!important; 
				background-position:center 21px; 
				background-repeat:no-repeat;
				cursor:pointer;
				padding-top:3em;
				padding-bottom:1em; 
				padding-left:5.5em!important;
			 text-indent: 0!important;}
				
		    #emailinvoices:hover{background-position:center -95px;text-decoration:none;}
		    
    /*Button --- Export Selected Invoices*/
    
        /*Export Selected invoices button*/
            #expinvoices.btnselected_invoices{
                position:relative; 
                float:right; 
                width:160px!important;
                font-size:11px!important;
                font-weight:normal!important;
                color:#000!important;
                background-color:transparent!important;
                border:none!important; 
                background-image: url(../images/btn_selected_invoices.gif)!important; 
                background-position:center 0px; 
                background-repeat:no-repeat;
                cursor:pointer;
                padding-top:3em;
                padding-bottom:1em; 
                padding-left:5.5em!important;
                text-indent: 0!important;}
                
            #expinvoices.btnselected_invoices:hover{ 
                background-position:center -145px;
                padding-bottom:0.75em; 
                padding-left:0em; 
                text-decoration:none;}		
                
           #cExportSummary{float:left; margin-right:0em!important;}
           
/*BUTTONS --- RESOURCE MANAGEMENTS*/
    /*Button --- Upload_button*/
        .qq-upload-button {
            position:relative;
            display:block;/* or inline-block */ 
            float:left;
            width:120px!important; 
            height:18px!important;
            font-size:11px!important;
            font-weight:normal!important;
            color:#000!important;
            background-color:transparent!important;
            border:none!important;
            background-image:url(../images/btn_upload.png)!important; 
            background-position:left top; 
            background-repeat:no-repeat; 
            cursor:pointer;
            padding-bottom:5px;
            padding-left:3em!important;
            padding-top:5px;}
        .qq-upload-button-hover,
        .qq-upload-button-focus{ background-position:left bottom;}

    /*Button --- Download Template file*/
        #dl_template{
            position:relative;
            float:left;
            width:200px!important; 
            height:18px!important;
            font-size:11px!important;
            font-weight:normal!important;
            color:#000!important;
            background-color:transparent!important;
            border:none!important;
            background-image:url(../images/btn_download_template.gif)!important; 
            background-position:left top; 
            background-repeat:no-repeat!important; 
            cursor:pointer;
            padding-bottom:5px;
            padding-top:5px;
            padding-left:3em!important;}
        #dl_template:hover{ background-position:left bottom;}

    /*Button --- Download Current file*/
        #dl_reources{
            position:relative;
            float:left;
            width:200px!important; 
            height:18px!important;
            font-size:11px!important;
            font-weight:normal!important;
            color:#000!important;
            background-color:transparent!important;
            border:none!important;
            background-image:url(../images/btn_download_current_file.gif)!important; 
            background-position:left top; 
            background-repeat:no-repeat!important;
            cursor:pointer;
            padding-bottom:5px;
            padding-top:5px;
            padding-left:3em!important;}
        #dl_reources:hover{ 
            background-position:left bottom;}

    /*Button --- Download Group Resources Services*/
        #dl_groups{
            position:relative;
            float:left; 
            width:350px!important; 
            height:18px!important;
            font-size:11px!important;
            font-weight:normal!important;
            color:#000!important;
            background-color:transparent!important;
            border:none!important;
            background-image:url(../images/btn_gr_res_ser.gif)!important; 
            background-position:left top; 
            background-repeat:no-repeat;
            cursor:pointer;
            padding-bottom:5px;
            padding-top:5px;
            padding-left:3em!important;}
        #dl_groups:hover{background-position:left bottom;}
        
/*BUTTONS --- CALL ANALYSIS*/
    /*Button --- Report Menu*/
        #btnselReport{
            position:relative; 
            float:left;
            width:122px!important; 
            height:31px;
            font-size:11px!important;
            font-weight:normal!important;
            color:#000!important;
            background-color:Transparent; 
            border:none;
            background-image: url(../images/btn_report_menu.gif)!important; 
            background-position:left top; 
            background-repeat:no-repeat; 
            padding-left:3em!important;}
        #btnselReport:hover{ background-position:left bottom;} 
        
    /*Button --- Show Report*/
        #btngenreport{
            position:relative; 
            float:left;
            width:150px!important; 
            height:31px; 
            font-size:11px!important;
            font-weight:normal!important;
            color:#000!important;
            background-color:transparent!important;
            border:none!important;
            background-image: url(../images/btn_show_report.gif)!important; 
            background-position:left -1px; 
            background-repeat:no-repeat;
            padding-left:3em!important; }

        #btngenreport:hover{background-position:left bottom;}  
   
   /*Button --- Select Available Account*/ 
        /*Container*/
            #divparentchild{ text-align:center;}
            
        /*Select Available Account Button*/    
            #btnparentchild{
                position:relative; 
                width:21em!important;
                height:auto!important;
                font-size:11px!important;
                font-weight:normal!important;
                color:#000!important; 
                background-color:transparent!important;
                border:none!important; 
                background-image: url(../images/btn_available_account.gif)!important; 
                background-position:center -35px; 
                background-repeat:no-repeat; 
                padding:1em;
                padding-top:1.25em;
                padding-bottom:2.2em!important;
                padding-left:3em!important;}
                
            #btnparentchild:hover{background-position:center 0px;text-decoration:none;} 
            
/*BUTTONS --- SPEND ANALYSIS*/
    /*Button --- Change group*/            
        #group_resource_chg{
		            position:relative; 
		            float:left; 
		            width:135px!important;
		            font-size:11px!important;
		            font-weight:normal!important;
		            color:#000!important;
		            background-color:Transparent!important; 
		            border:none!important;
		            background-image:url(../images/btn_change_group.gif)!important;
		            background-position:left top; 
		            background-repeat:no-repeat;
		            padding-left:4em!important; 
		            padding-top:0.5em; 
		            padding-bottom:0.5em; 
		            cursor:pointer;
		            margin-left:1em;}
        #group_resource_chg:hover{background-position:left -53px;}
        
        /*Button --- Export Summary*/
        #btnpluexp.btnsummary{
            position:relative;
            width:16em!important;
            height:28px!important;
            font-size:11px!important;
            font-weight:normal!important;
            color:#000!important;
            background-color:transparent!important;
            border:none!important; 
            background-image: url(../images/btn_export_sumarize.png)!important; 
            background-position:0 -150px!important; 
            background-repeat:no-repeat!important; 
            padding:1.75em;
            padding-top:2.5em; 
            padding-left:3em!important;
            cursor:pointer;}
            
            #btnpluexp.btnsummary:hover{ background-position:0 -5px!important; text-decoration:none;}
				
			    /*.Emailbtn{
			        position:relative; 
			        width:18em; 
			        background-color:transparent!important;
			        border:none!important; 
			        background-image: url(../images/btn_send_email.gif); 
			        background-position:left  22px; 
			        background-repeat:no-repeat; 
			        padding-left:0em; 
			        padding-top:2.75em; 
			        padding-bottom:0.75em; 
			        cursor:pointer; 
			        font-size:1.2em;}
			
			    .Emailbtn:hover{
			        position:relative; 
			        width:18em; 
			        background-color:transparent!important;
			        border:none!important;
			        background-image: url(../images/btn_send_email.gif); 
			        background-position:left -94px; 
			        background-repeat:no-repeat;
			        padding-left:0em; 
			        padding-top:2.75em; 
			        padding-bottom:0.75em;
			        cursor:pointer;
			        font-size:1.2em;}*/	

/*BUTTONS --- ACCOUNT SETTINGS*/
    /*Button --- Create User*/
            /*Container*/
            #editUser   div.bd div.userbutton,
            #createUser div.bd div.userbutton{position:relative; float:left; width:auto;}
            
            /*create user button*/			
            #ctl00_ContentPlaceHolder1_btnCreateUser, 
		    #btnCreateUserPanel{
		            position: relative;
                    width: 12em!important;
                    height:auto!important;
                    font-size:11px!important;
                    font-weight:normal!important;
                    color:#000!important;
                    background-color: transparent!important;
                    border: none!important;
                    background-image: url(../images/btn_create_user.png)!important;
                    background-position: left 18px!important;
                    background-repeat: no-repeat;
                    padding-left: 3em!important;
                    padding-top: 2.25em;
                    padding-bottom: 1.25em;
                    cursor: pointer;}
                
            #ctl00_ContentPlaceHolder1_btnCreateUser:hover, 
	        #btnCreateUserPanel:hover{
	            background-position: left -154px!important;
	        
	            -webkit-box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.65);
    		    -moz-box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.65);
    		    box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.65);}	
	    
    /*Button --- Cancel User*/
        #editUser   div.bd div.userbutton input[type="button"],
        #createUser div.bd div.userbutton input[type="button"]{
            position:relative; 
            width:8em; 
            height:auto!important;
            font-size:11px!important;
            font-weight:normal!important;
            color:#000!important;
            
            background-color:transparent!important;
            border:none!important; 
            
            background-image: url(../images/btn_cancel.gif)!important; 
            background-position:left 14px!important; 
            background-repeat:no-repeat; 
            padding-left:3em!important; 
            padding-top:2.25em; 
            padding-bottom:0.75em; 
            cursor:pointer;}
            
        #editUser   div.bd div.userbutton input[type="button"]:hover,
        #createUser div.bd div.userbutton input[type="button"]:hover{
                background-position:left -36px!important;
                
                -webkit-box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.65);
    		    -moz-box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.65);
    		     box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.65);}   
        
   /*Button --- Update User*/
        #ctl00_ContentPlaceHolder1_btnUpdateUser{
            position:relative; 
            width:135px!important; 
            height:auto!important;
            font-size:11px!important;
            font-weight:normal!important;
            color:#000!important;
            
            background-color:transparent!important;
            border:none!important; 
            
            background-image: url(../images/btn_create_user.gif)!important; 
            background-position:left 16px!important; 
            background-repeat:no-repeat; 
            padding-left:3em!important; 
            padding-top:2.25em; 
            padding-bottom:0.75em;
            cursor:pointer;}
        
        #ctl00_ContentPlaceHolder1_btnUpdateUser:hover{
                background-position:left -34px!important;
                
                -webkit-box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.65);
    		    -moz-box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.65);
    		     box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.65);}
        
  /*Button --- Delete User*/
  
        /*Container*/
        td[headers="yui-dt0-th-delete"] div input[button]{text-align:center!important;}
        /*Delete User button*/
        div.yui-dt-liner input[value="Delete"]{
            position:relative;
            width:1.5em;
            height:auto!important; 
            
            background-color: transparent; 
            border:none!important;
            
            background-image:url(../images/delete.gif); 
            background-repeat:no-repeat; 
            background-position:center center;  
            cursor:pointer; 
            text-indent:-999px;}  
            
   /*Button --- Edit User Icon*/
        /*Container*/
        #yui-dt0-th-edit{text-align:center!important;}
        
        /*Edit User Button*/
        div.yui-dt-liner input[value="Edit"],
        #btnEdit{
            position:relative; 
            /*float:left;*/ 
            width:1.5em;
            height:auto;
            background-color: transparent; 
            border:none!important; 
            background-image:url(../images/edit.gif); 
            background-position:center center;
            background-repeat:no-repeat; 
             
            
            cursor:pointer; 
            text-indent:-999px; 
            margin-left:0.5em;}         		
    
    
					
#checkUser,
#checkUser:hover{width:auto!important;}





            


    
			

			
		    
			
			
				
				
						
			
			


				    
/*Buttons*/

#divsavecustreport #btnsavecust{ position:relative; float:left; width:21em; background-color:#ff9900;}


 
 /*Export Detailed
.btndetailed{
    position:relative;
    background-color:transparent!important;
    border:none!important; 
    background-image: url(../images/btn_export_detailed.png); 
    background-position:0 -150px; 
    padding:1.75em;
    padding-top:2.5em; 
    padding-left:3.5em; 
    background-repeat:no-repeat;
    color:#000; 
    width:16em;
    margin-right:0.25em;}
 
 .btndetailed:hover{ 
     background-position:0 -5px; 
     text-decoration:none;}*/
 

				
/*Save Customer Report
#btnsavecust{
    position:relative;
    background-color:transparent!important;
    border:none!important; 
    background-image: url(../images/btn_bg_savecust.gif); 
    background-position:center 15px; 
    padding:1.75em; 
    padding-left:3.5em; 
    background-repeat:no-repeat;
    color:#000; 
    width:21em;}

#btnsavecust:hover{ 
    background-position:center -35px;
    text-decoration:none;}*/


/* LIST STYLES FOR DOWNLOADS */
.c-list {
 margin-left: 40px;
 width: 90%;
 clear: both;
 margin-bottom: 15px;
 margin-top: 5px;
}

.c-list li{list-style-type: disc;}
.c-list-item a:link, .c-list-item a:visited {}
.c-list-item a:hover, .c-list-item a:focus {}



.login-page #container #header { margin-top:60px!important;}


#form p { margin-top:20px;}

#loginLbl {background-image: none;}

/* update
move error message to form top area so we can place "not signed up and button on right side"*/
#loginLbl {
    background-color:#F06F22!important;
    color:#fff;
    left:0;
    top:-11px;
    border:solid 1px #F06F22;
    font-size:11px;
    letter-spacing:0.3px;
    text-align:center;
    padding:0;
    width:270px;
}

/* update
move forgot password message to form top area*/
#lblValidSent {
     background-color:#F06F22!important;
     color:#fff;
     background-image:none;
     padding:0;
     border:solid 1px #F06F22;
     font-size:11px;
     text-indent:0;
     padding:5px;
}


/* resetPassword error labels */
#reqPassword span,
#passwordCustomReq span,
#RegularExpressionValidatorPassword span {
    background-color:#F06F22!important;
    color:#fff;
    padding:1px 5px 2px 5px;
}
#lblError {
    background-color:#F06F22!important;
    color:#fff;
    padding:1px 5px 2px 5px;
}

/* ticket screen form wrapper */
.c-form-wrapper {
    position: relative;
    float: left;
    width: 100%;
    background-color: #ebebeb;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f4f4f4), to(#ebebeb))!important;
    background-image: -webkit-linear-gradient(top, #f4f4f4,#ebebeb)!important;
    background-image: -moz-linear-gradient(top, #f4f4f4, #ebebeb)!important;
    background-image: -ms-linear-gradient(top, #f4f4f4, #ebebeb)!important;
    background-image: -o-linear-gradient(top, #f4f4f4, #ebebeb)!important;
    border: 1px solid #ebebeb;
    background-image: none;
    background-position: left bottom;
    background-repeat: repeat-x;
}
.c-form-container{
    position: relative;
    width: 98%;
    padding-top: 1em;
    margin: 0 auto;
    padding-left: 0.5em;
    padding-right: 0.5em;
}
.u-mt-20 { margin-top:20px;}

.c-form-container textarea { padding:8px 4px 4px 4px; margin-top:5px;}
.btn-left-container { text-align:left;}
.btn-left-container #btnsave {
    float: left;
    margin-left:13em;
}
#alertmsg.success p { margin-top:0;}

.c-btn {
    display: inline-block;
    color: #000;
    font-size: 11px;
    font-weight: normal;
    text-transform: capitalize;
    text-decoration: none;
    vertical-align: middle;
    width: auto!important;
    height: auto!important;
    margin-bottom: 0px!important;
    margin-top: 0px!important;
    padding: 6px 20px;
    border: none;
    border-radius: 4px;
   
    background-position: top left;
    background-repeat: repeat-x;

    background-image: -webkit-linear-gradient(top, #e0e1e2 0%, #a9acae 100%);
    background-image: -moz-linear-gradient(top, #e0e1e2 0%, #a9acae 100%);
    background-image: -ms-linear-gradient(top, #e0e1e2 0%, #a9acae 100%);
    background-image: -o-linear-gradient(top, #e0e1e2 0%, #a9acae 100%);
}

.c-btn:focus  {outline:none;}
.c-btn:hover {
    background-image: -webkit-linear-gradient(top, #cbdef0 20%, #21569d 100%);
    background-image: -moz-linear-gradient(top, #cbdef0 20%, #21569d 100%);
    background-image: -ms-linear-gradient(top, #cbdef0 20%, #21569d 100%);
    background-image: -o-linear-gradient(top, #cbdef0 20%, #21569d 100%);
    padding: 6px 20px;
    cursor: pointer;
}

/* Remove outline border for elements*/
img[src="images/ico_audit.gif"]:focus, img[src="images/ico_view.gif"]:focus, img[src="images/ico_users.gif"]:focus { outline:none;}
button:focus { outline:none;}
table tbody:focus {outline:none;}

/* tweaks*/
#calcform #calcCalc { padding-bottom:2.75em!important} /* adjust for Pro Rata Calculator modal */
#calcform ul.calc_data_select li #calcshowsd, #calcform ul.calc_data_select li #calcshowed {
    top: 0.5em!important;
    padding-bottom: 18px!important;
}
/*checkbox alignment*/
#accwrapper #electenticer input.inputhandler {margin-right: 6px;margin-top: 0px;}
/* bg shadow*/
#dialogdrptser div.bd {width:96%;}
/*center col selection input */
#yui-dt0-th-Sel.yui-dt-col-Sel.yui-dt-first {text-align:center}
/*modal buttons alignment*/
.yui-skin-sam .yui-panel .ft { padding:1em 0 1em 0;}
/*itemised icon link*/
#reportOutbound li a:link, #reportOutbound li a:visited { color:#333;}
/*call analysis*/
.bgON div.queryGH { height: auto;}
/*report spend alert save button*/
#abuttons #asetup { padding-bottom:18px; padding-left:3em; text-indent:20px!important;}
#abuttons #asetup:hover { padding-bottom:18px; padding-left:3em; text-indent:20px!important;}
#abuttons #inmodify #acancel {padding-bottom: 19px!important; padding-top: 19px!important; padding-left:0!important; }
#abuttons #typemodify #amodify {padding-bottom: 19px!important; padding-top: 19px!important; padding-left:0!important; }
#abuttons #typemodify #adelete {padding-bottom: 15px!important; padding-top: 14px!important; padding-left:0!important; }

/* sign up form changes*/
#questionhandler { margin-top:0;}
#questionhandler .feedbackmsg {width:62%; line-height: inherit;
padding: 2px 0 2px 10px; background-color: #F06F22!important;color: #fff;margin-bottom: 5px;}
.c-termtext-container p.termtext { width:100%;color:#565087;}

/*next button*/
 #overlay1 #btnNext button.c-btn-primary {
      background-color: #BBC61F!important; 
      background-image: none;
      font-weight: bold;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 14px;
      color: #fff;
      padding: 6px 30px!important;
      width:auto;
      height: auto!important;
      cursor: pointer;
    }

    #overlay1 #btnNext button.c-btn-primary:hover,
    #overlay1 #btnNext button.c-btn-primary:focus {
       background-color: #929b18!important;
       background-image: -webkit-linear-gradient(top, #929b18, #929b18)!important;
       color: #fff!important;
    }   

  /* cancel button*/
  #overlay1 #btncancel button.c-btn-primary-link {
        background: none!important; 
        background-image: none!important;
        font-weight: normal;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        color:#565087!important;
        text-decoration:underline;
        padding: 3px 15px!important;
        /*text-transform:uppercase;*/
        width: auto;
        height: auto!important;
        cursor: pointer;
        border:none!important;
        border-radius:0;
        letter-spacing:0;
  }   

  #overlay1 #btncancel button.c-btn-primary-link:hover,
  #overlay1 #btncancel button.c-btn-primary-link:focus {
       background: none!important; 
       background-image: none!important;
       border:none!important;
       border-radius:0; 
       box-shadow:none; 
  } 

  /* sign up elements position */
  div.buttonactions { margin-top:20px; margin-left:-15px;}
  #overlay1 #btncancel { margin-top:0em; padding-top:5px; margin-bottom:1em;margin-right:0;}

    @-webkit-keyframes opacity {
        0% { opacity: 1; }
        100% { opacity: 0; }
    }
    @-moz-keyframes opacity {
        0% { opacity: 1; }
        100% { opacity: 0; }
    }

    #csschecking {
        text-align: center; 
        margin: 100px 0 0 -20px;
         color:#565087;
        font-weight:bold;
    }

    #csschecking span {
        -webkit-animation-name: opacity;
        -webkit-animation-duration: 1s;
        -webkit-animation-iteration-count: infinite;
        
        -moz-animation-name: opacity;
        -moz-animation-duration: 1s;
        -moz-animation-iteration-count: infinite;
    }

    #csschecking span:nth-child(2) {
        -webkit-animation-delay: 100ms;
        -moz-animation-delay: 100ms;
    }

    #csschecking span:nth-child(3) {
        -webkit-animation-delay: 300ms;
        -moz-animation-delay: 300ms;
    }

 /* sign up add user page overwrite changes*/ 
 /* new class added to main container .c-add-user-container */
.c-add-user-container p.dark_grey.justify { margin-left:20px!important;}
.c-add-user-container #buttonChanges { margin-bottom:20px;}
.c-add-user-container #buttonChanges span { margin-left:0;}
.c-add-user-container #btnCreateUser { color: #000!important;font-size: 11px; padding-bottom:2.5em;width:15em!important;}
.c-add-user-container #btnCreateUser:focus, .c-add-user-container #btnCreateUser:hover {padding-bottom:2.5em; box-shadow:none; }
.c-add-user-container #header { margin-top:60px;}

.c-add-user-container fieldset {background-color: #ebebeb;border: 1px solid #eee; padding-right:0!important;width:98%!important;}
.c-add-user-container #content_user { background-color: #fff;}

/* Password Guidelines area styles */
.c-pass-guide {width: 44em; float: left;margin-top: -55px;}	
.c-pass-guide-content {margin: 0 0px 10px 10px; padding:20px 20px 30px 20px;color:#565087; background-color: #D3D1E2; border-radius:5px;}
#loginwrapper .c-pass-guide-content h2 {
      margin-top: 0;padding-top: 0;
      font-size: 14px;font-weight: normal;letter-spacing:0;
      line-height:20px;color:#565087;
      border-bottom: none; margin-bottom: 0; font-weight:bold;}
.c-pass-guide-list {margin-left: 15px;}
.c-pass-guide-list li {font-size: 12px;line-height: 14px;margin-bottom: 8px;list-style-type: disc;}
.c-pass-guide-list li ul {margin-left: 20px; margin-top: 8px;}


/* Cookies theme */

/* COOKIE NOTIFICATION */
.c-cookies {	
	min-width: 332px; background-color: #D3D1E2;position: fixed;bottom: 0px;
    left: 0%;right: 0%;padding: 40px 20px;z-index: 99999;
}

.c-cookies-container {
	margin:auto; display: flex;
    flex-direction: column;align-items: center; width: 100%; margin: 0 auto;
}

.c-cookies-text {width:100%;}

.c-cookies-text p {color:#565087;font-size:12px;font-weight:normal;line-height:16px;margin-left:10px;}
.c-cookies-text a:link,
.c-cookies-text a:visited {text-decoration:underline;color:#565087;font-size:13px;font-weight:bold;}

.c-cookies-text a:hover,
.c-cookies-text a:active,
.c-cookies-text a:focus {color:#39355A;}

.c-cookies-buttons {margin-top:20px;} 

.c-cookies-buttons button.c-cookie-btn {
	min-width: 100px;background: #565087;color:#fff;
	border:none;font-size:13px;font-weight:bold;padding:5px 0;margin:0 5px;cursor: pointer;
}

.c-cookies-buttons button.c-cookie-btn:hover,
.c-cookies-buttons button.c-cookie-btn:focus {outline:none;background: #39355A;color:#fff!important;}


@media only screen and (min-width: 890px) {
	.c-cookies-container {
		margin:auto;
		max-width: 100em;
		flex-direction: row;
		justify-content: space-between;
	}
	.c-cookies-text {
		width: calc(100% - 200px);
        max-width: 700px;
	}
	.c-cookies-buttons {
		margin-top:0;
	}

}