/*******************************************************************************/
/* Cascade stiles shhets for IXC Web interface */ 
#ajax-loader{

}

/** {
margin: 0;
padding: 0;
}*/


html, body
{
    margin: 				0;
    padding: 				0;
    text-align: 			center;
    height:                  100%;        
}


div.Container {
    font-family:  			Tahoma, Verdana,Arial, Helvetica, sans-serif;
    font-size: 				0.7em;
    position:relative; /* needed for footer positioning*/
    margin:0 auto; /* center, not in IE5 */
    width:100%;    
    min-height:100%; /* real browsers */
    background:                 url("../images/menu_sub.jpg");
    background-repeat:         repeat-y;     
}

* html #Container {
    height: 100%;
}



table
{
    font-size:             1em;
}

/*********************************For Autocomplete**********************************************/




.login-form{
    background-color: #efebde;
    width:      400px;
    margin-top: 200px;
}

.Page .tab td a{
    display:block;
}
.Page .tab td{    	
    background-color: 		#D6DEE4;        
    padding: 3px;
    width:200px; 
}
.Page .tab td:hover{
    background-color: 		#FBB957;
    border-top: 1px solid #C17604;
    border-left: 1px solid #C17604;
    border-right: 1px solid #C17604;
}
.Page .tab .active{
    background-color: 		#FBB957;
    border-top: 1px solid #C17604;
    border-left: 1px solid #C17604;
    border-right: 1px solid #C17604;
}
.Page .tab .padding{
    background-color: 		#FFF;
    padding:2px;
    width:2px;
}

.Page .box {
    /* background-color:#F6F6F6;*/
    border:1px solid #E4E4E4;
    padding: 5px;
}

.Page .no-box {
    /* background-color:#F6F6F6;*/
    border:0px;
    padding: 5px;
}

.Page .box fieldset {
    border:1px solid #E4E4E4;
    margin:0;
}

.Page .margin_page{
    margin-bottom: 25px;
}

fieldset legend{
    font-weight:   bold;
    color:         #505050;
    font-size:     1.2em;
    padding-left:  3px;
    padding-right: 3px;
}
/*
fieldset legend input{
    font-size:0.8em;
}
*/


fieldset.collapsible {border-width: 1px 0 0 0; border-color: #E4E4E4;  border-style: solid; width: 60%; }
fieldset.collapsible legend { padding-left: 16px; background: url(../images/arrow_expanded.png) no-repeat 0% 40%; cursor:pointer; }
fieldset.collapsible legend:HOVER {color:navy; }

fieldset.collapsible.collapsed legend {
 background-image: url(../images/arrow_collapsed.png);
 width: 60%;
 }


.login-form Table{
    border: 2px solid #cdcdcd;
}
.login-form Table th{
    border :0px;    
    padding:5px;    
    vertical-align: top;
    text-align: left;
    color: #FFF;
    font-weight: bold;
    font-size: 13px;
    background:     url("../images/menu_main_login.gif");    	
    background-repeat: repeat-x;
    border-bottom: 2px solid #cdcdcd;
}
.login-form Table td{
    padding:5px;
    height: 30px;
}
.login_submit{
    width: 80px;
}

div.auto_complete{
    border-left:1px solid #7f9db9;
    border-bottom:1px solid #7f9db9;
    cursor:default;

    height:100px;
    background: #fff;
    overflow-y: auto;
}
div.auto_complete ul{

    margin:0;
    padding:0;

    list-style-type:none;
}
div.auto_complete ul li {
    font-weight:bold;
    margin:0;
    padding:3px;
}
div.auto_complete ul li.selected{
    background-color:#316ac5;
    color:#fff;
    font-weight:bold;
}
div.auto_complete ul strong.highlight{

    margin:0;
    padding:0;
}
.auto_complete_link{
    position:relative; 
    top:4.5px;
    right:4px;
}
/*******************************************************************************/
#selectbox{
    width:                  120px;
    /*
    background-color:       cyan;
    */
    border:                 0px;
    color:                  navy;
    text-align:             center;
    font-size:              11pt;
    font-family:            garamond;
}

h1, h2, h3, h4
{
    margin:                0;
    font-family:  			Tahoma, Verdana,Arial, Helvetica, sans-serif;

}

p
{
    line-height:           1.4em;
}

hr
{
    border:                0;
    border-top:            1px solid #505050;
    height:                1px;
}

a
{
    text-decoration:       none;
    color:                 navy;

}

a:visited
{
    color : navy; 
}

a:hover
{ 
    text-decoration:       underline;
    color:                 navy; 
}

a:active
{
}

img
{
    border-width: 0;
    vertical-align: middle;
}

input,select,textarea
{
    font-size:                 8pt;
    font-family:               Tahoma, Arial, Helvetica, sans-serif;
    font-weight:               bold;
    margin-bottom:1px;
    margin-top:1px;
    vertical-align:middle;

}
/*
input[type="text"]:focus, textarea:focus, select:focus {
    background: #ffe;
}


input:valid {
  background-color: palegreen;
}

input:invalid {
  background-color: lightpink;
}
*/
input.fieldWithErrors {
  padding: 2px;
    border: red solid 1px;
    display: table;
    background-color: #ffd2d5;    
}

.odd
{
  background-color: 		#FFFFFF;
}

.even {
  background-color:#ebf2fa;
}

.Bold
{
    font-weight:               bold;
}

.Title {
    /*    padding: 1px 0.5em 1px 0.5em;*/
    padding-left:0.5em;
    padding-right:0.5em;
    height:  26px;
    background-color:           #000c62;
    background-position: left center;
    color:                      #FFFFFF;
/*    background-image:          url("../images/title_bg_gradient.png");   */
    background-image:           url("../images/menu_main.gif");
    background-repeat:         repeat-x;
    font-weight:                bold;
}

.Title a
{
    text-decoration:       none;
    color:                 yellow;
}

.Title #left-title{
    float:left;
    margin-top: 3px;

}

.Title #center-title{
}

.Title #right-title{
    float:        right;
    font-weight:  normal;
    display: block;
    margin-top: 2px;
}

.Title #right-title a{
    padding-left: 5px;
}

.Title #right-title a:hover{
    text-decoration:underline;    
}
/*
DIV.Footer {
    position:absolute;
    width:100%;
    bottom:  0px;
    height:  16px;    
    color:                      #FFFFFF;
    background-image:          url("../images/title_bg_gradient.png");
    background-position: left center;
    background-repeat:         repeat-x;
    font-weight:                bold;    
}
*/

DIV.Footer {    
    width:100%;
    bottom:  0px;
    height:  16px;
    color:                      #FFFFFF;
    background-image:          url("../images/title_bg_gradient.png");
    background-position: left center;
    background-repeat:         repeat-x;
    font-weight:                bold;        
    position: relative;
    margin-top: -16px; 
    font-size: 0.7em;
}

.end_content {
    position: relative;
    height: 16px;
}

.MainMenu
{


      width: 100%;        
/*    padding-top:3px;*/
    font-weight:                bolder;
    font-size:                  8pt;
    font-family:                Tahoma, Verdana, Arial, Helvetica, Serif;
/*    background-image:           url("../images/menu_main.gif");*/
    display: table;

}
.MainMenu #main-tr{
display: table-cell;
vertical-align: bottom;
    display: table-row;
    height:54px;
    text-align: left;   



}



.MainMenu A{

          background-size: 72%;
    color:              #178feb;    
/*    padding-top:30px;*/
    background-repeat:   no-repeat;
    background-position: top center;
    text-align: center;
/*    opacity: 0.8;*/
    /*filter:alpha(opacity=50);*/
    display: table-cell;
/*    padding-left: 1.5em;
    padding-right: 1.5em;*/
    min-width: 69px;    
        vertical-align: bottom; 
         font-size:                  10pt;  
         padding-top: 55px;   
}


.MainMenu A:hover{
    opacity: 1;
    /*filter:alpha(opacity=100);*/
}




.MainMenu #main { 

       background-image:  url('../images/circle2.png');
 /*    background-position: 1em 0;
    padding-left:0.5em;
    min-width: 0px;*/

  
}
.MainMenu #card_types        		{background-image:  url('../images/card.png');}
/*.MainMenu #reload_config         {float:right;background-image:  url('../images/reload.png');}*/

/*.MainMenu #reload_config         {float:right;background-image:  url('../images/all40.png');}
.MainMenu #reload_config_part         {float:right;background-image:  url('../images/reloadnoclock.png');}*/

.MainMenu #reload_config         {    background-image:  url('../images/reload2.png');}
.MainMenu #reload_config_part         {background-image:  url('../images/reloadnoclock.png');}


.MainMenu #timer_5         {background-image:  url('../images/master5.png');}
.MainMenu #timer_10         {background-image:  url('../images/master10.png');}
.MainMenu #timer_20         {background-image:  url('../images/master20.png');}
.MainMenu #timer_30         {background-image:  url('../images/master30.png');}
.MainMenu #timer_40         {background-image:  url('../images/master40.png');}
.MainMenu #timer_50         {background-image:  url('../images/master50.png');}
.MainMenu #timer_60         {background-image:  url('../images/master60.png');}
.MainMenu #timer_70         {background-image:  url('../images/master70.png');}
.MainMenu #timer_80         {background-image:  url('../images/master80.png');}
.MainMenu #timer_90         {background-image:  url('../images/master90.png');}
.MainMenu #timer_100         {background-image:  url('../images/master100.png');}
.MainMenu #management            {background-image:  url('../images/management.png');}
.MainMenu #financial_tools                 {background-image:  url('../images/bundle_32.png');}
.MainMenu #reports               {background-image:  url('../images/reports.png');}
.MainMenu #configurations        {background-image:  url('../images/configurations.png');}
.MainMenu #service_packages      {background-image:  url('../images/servicepackages.png');}
.MainMenu #network_configurations{background-image:  url('../images/networkconfigurations.png');}
.MainMenu #test_routes {    background-image:  url('../images/test_routes.png');}
.MainMenu #troubleshooting       {background-image:  url('../images/troubleshooting.png');}
.MainMenu #callpath       {      background-image:  url('../images/split2.png');}




.SubMenu
{
    width: 215px;
    font-size:                  10pt;     
    text-align:                left;
}

.SubMenuInfo
{
    font-weight: bolder;
    padding-top: 6px;
    padding-left: 0.5em;

}

#sub_menu
{
    height:                     100%;
    padding:1em;

}

.SubMenu A{
/*    padding-left:1.5em;*/
/*    display:block;*/
    padding-bottom: 0.1em;
/*    width: 195px;*/
}

.SubMenu A:hover,.SubMenu A.current{
    background-color: #FFF;
}


.SubMenu A.title
{
    font-weight:               bold;
    padding-left:0.5em;
    padding-top: 8px;
/*    color: #688fb0;*/
}

.SubMenu A.title_nomarg
{
    font-weight:               bold;
    padding-left:0.5em;

}


.SubMenu #menu_check_box {
  margin:15px 0 0;
}

.SubMenu #menu_check_box input {
  margin:0 5px 0 10px;
}

/*******************************************************************************/
/* Page section */
.Page .middle{
    vertical-align: middle;
}
.Title .red{
    color: red;
}

.Title .green{
   color: #6AD91B;
}

.Page .red_selectbox {
    color:  #e74c3c ;
    background-color: white;
}

.Page .orange_selectbox {
    color:  #eb984e;
    background-color: white;
}

.Page .yellow_selectbox {
    color:  #f4d03f ;
    background-color: white;
}

.Page .red{
    color: #800000;
}

.Page .green{
    color: #008000;
}

.Page .orange{
    color: #a3a300;
}


.Page .is_skip{
    background-color: #ffd18c;  
}
.Page .is_closed{
    background-color: #cfcfcf;  
}

.Page .is_base{
    background-color: #bbddbe;
    color: #fff;   
}


.Page .is_base td A{
    color: #fff;
}
.Page .is_base td A:hover{
    color: red;

}


.Page
{
    text-align: 			    left;
    background-color:           #FFFFFF;

}

.Page h1
{
    height: 				28px;
    color: 					#555555;
    vertical-align: 		middle;
    text-align: 			left;
    font-size: 				1.25em;
    font-weight: 			bold;
    padding-top: 3px;
    background-color:           #FFFFFF;
}

.page_top_hr{
    position: absolute;
    border-bottom: 			#688FB0 3px solid;
    margin-top: 10px;
    width: 100%;
    margin-left: 220px;


}

.Page .Title
{
    border-collapse: collapse;
    height: 	     25px;
    color: 	     #555555;
    text-align:      left;
    font-size: 	     1.25em;
    font-weight:     bold;
    background-color: #FFFFFF;
}

/*
.Page .Title input
{
    font-size: 1em;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.Page .Title select
{
    font-size: 1em;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-weight: bold;
}
*/

.Page #scrolling{ 
    width : 1000px;
    height : 400px;
    overflow : auto;
    border : 5px solid #D6DEE4;
    padding: 3px;
}
.Page #log_content{
    font-family:Courier;
    font-size: 0.7em;
    background-color: black;
    color: lime
}

div.fieldWithErrors{
    float: left;
    padding-right:5px;
}
.fieldWithErrors input
{
    padding: 2px;
    border: red solid 1px;
    display: table;
    background-color: #ffd2d5;    
}

.fieldWithErrors select
{
    padding: 2px;
    border: red solid 1px;
    display: table;
    background-color: #ffd2d5;
}

.fieldWithErrors textarea
{
    padding: 2px;
    border: red solid 1px;
    display: table;
    background-color: #ffd2d5;
}
/*******************************************************************************/
/* Table */
.Page .Table
{
    border-collapse: 		collapse;
    font-size: 				9pt;
    font-family: 			Tahoma, Verdana, Arial, Helvetica, Serif;
    color: 					#000000;
}

.Page .Table th
{
    text-align:				center;
    font-size: 				8pt;
    font-weight: 			bold;
    background-color: 		#D6DEE4;
    height: 				16px;
}

/* Table header */
.Page .Table .Header
{
    text-align:				center;
    font-size: 				8pt;
    font-weight: 			bold;
    background-color: 		#D6DEE4;
    height: 				16px;
    white-space:           nowrap;

}

.Page .Table .Headerwrap TD
{
    text-align:center;
    font-size: 8pt;
    font-weight: bold;
    background-color: #D6DEE4;
    height: 16px;
    white-space:           normal;
    border: 1px solid #6B8EB5;
    border-collapse: collapse;
}


.Page .Table .Footer
{
    text-align:				left;
    font-size: 				8pt;
    font-weight: 			normal;
    background-color: 		#D6DEE4;
    height: 				16px;
    color:                  black;
    background-image: none;
}


/* Table header cells */
.Page .Table .Header TD
{
    padding-right: 			3px;
    padding-left: 			3px;
    border-collapse: 		collapse;	
    border: 1px solid 		#6B8EB5;
}

.Page .Table .Footer TD
{
    padding-right: 			3px;
    padding-left: 			3px;
    border-collapse: 		collapse;	
    border: 1px solid 		#6B8EB5;
    font-size:              7pt;
}

.Page .Table .Totals TD
{
    padding-right:  3px;
    padding-left:    3px;
    border-collapse: collapse;
    border:           1px solid #6B8EB5;
    font-size:        7pt;
    font-weight:      bold;
    background-color: 		#D6DEE4;
}

.Page .Table .TotalsLocal TD
{
    padding-right:  3px;
    padding-left:    3px;
    border-collapse: collapse;
    border:           1px solid #6B8EB5;
    font-size:        8pt;
    font-weight:      bold;
    background-color:       #abb1b6;
}


.Page .Table .Header TH
{
    padding-right: 			3px;
    padding-left: 			3px;
    font-size:              7pt;
    border-collapse: 		collapse;	
    border: 				1px solid #6B8EB5;

}

.Page .Table .HeaderHi TH
{
    padding-right:          3px;
    padding-left:           3px;
    font-size:              9pt;
    border-collapse:        collapse;   
    border:                 1px solid #6B8EB5;
    background-color:       #B9D3EE;
}

.Page .Table .Headerwrap TH
{
    text-align:center;
    font-size: 8pt;
    font-weight: bold;
    background-color: #D6DEE4;
    height: 16px;
    white-space:           normal;
    border: 1px solid #6B8EB5;
    border-collapse: collapse;
}


.Page .Table .Header 
{
    padding-right: 			3px;
    padding-left: 			3px;
    border-collapse: 		collapse;	
    border: 				1px solid #6B8EB5;
}

/* Table cells */
.Page .Table TD
{
    padding-bottom:2px;
    padding-top:2px;
    padding-right: 			3px;
    padding-left: 			3px;
    border-left: 			1px solid #E0E7EF;
    border-top: 			1px solid #E0E7EF;
    border-bottom: 			0;
    border-right: 			0;
}

/* Table cells with Numeric value */
.Page .Table .Number
{
    text-align: 			right;
    padding-right: 			5px;
}

.Page .Table .NumberRed
{
    text-align: 			right;
    padding-right: 			5px;
    color:					red;
}


/* Even table rows */
.Page .Table .Even
{
    background-color:#F0F0F6;
    height: 				18px;
}

/* Odd table rows */
.Page .Table .Odd
{
    background-color: 		#FFFFFF;
    height: 				18px;
}

.Dis
{
    background-color:     #566573;
}


.Page .Table .Dis
{
    background-color:     #707d89;
}

.Page .Table .Warn
{
    background-color:      #fad7a0;
 ;
}





.Table tr.company td.name a { padding-left: 16px; white-space:nowrap; }
.Table tr.company.parent td.name a{ background: url('../images/bullet_toggle_minus.png') no-repeat; }


.Page .Table tr:Hover
{
    background-color: 		#cedff7;

}


/* Odd table rows */
.Page .Table .group
{
    height: 				18px;
}


.Page .Table .gray
{
    background-color: 		#e5e5e5;

}

/*******************************************************************************/
/* Monitor */



.monitor-page{
    width: 100%;    
}



.monitor-page .monitor{
    border: 1px solid #D6DEE4;
    margin-right: 10px;
    margin-bottom: 20px;
    width: 45%;
 
    clear:both;
     display: inline-block;
}


.fullmonitor {
    width: 100% !important;
}


.halfmonitor {
    margin:2px !important;
    width: 49% !important;
}



.monitor-page .monitor .monitor-title{
    background:             url("../images/monitor_header.gif");
    background-repeat: repeat-y;
    height: 22px;
    padding-right:5px;
    padding-left:5px;
    padding-top: 2px;
    font-size: 1.2em;
}

.monitor-page .monitor .monitor-title img{    
    vertical-align: middle;
}

.monitor-page .monitor .monitor-title a img:hover{
    border:  1px solid gray;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 1px;
    padding-bottom: 1px;
}

.monitor-page .monitor .monitor-title label{
    font-weight: bold;    
    float: left;   
    color: #4153dd;
}

.monitor-page .monitor .monitor-title span{    
    float: right;

}


.monitor-page .monitor .monitor-content{ 
}


.Page .bottom_list{

}
.Page .bottom_list td{
    vertical-align: top;

}

.Page .Monitor .even
{
    background-color:#F0F0F6;
}

.Page .Monitor .odd
{
    background-color: 		#FFFFFF;
}

.Page .TabSheet
{
    margin: 				0;
    border:                 0;
    background:             url("../images/monitor_header.gif");
    padding-right: 			10px;
    padding-left: 			10px;
    text-align: 			left;
    font-weight:            bold;
}

.Page .Monitor .error
{
    color: 			white;
    background-color: 		red;
    font-weight: 		bold;
    text-align: 		center;
}

/*******************************************************************************/
/* SQL Query */
.Page .SQLQueryHeader
{
    margin: 				0;
    border:                 0;
    background:             url("../images/monitor_header.gif");
    padding-right: 			10px;
    padding-left: 			10px;
    text-align: 			left;
    font-weight:            bold;
}

.Page .SQLFieldHeader
{ 
    font-weight:                    bold;
    background:                     url("../images/monitor_header.gif");
}

.Page .SQLQuery TH
{
    border: 			#688FB0 1px solid;

}
.Page .SQLQuery TD
{
    border: 			#688FB0 1px solid;
    font-weight: 			normal;

}



/*******************************************************************************/
/* Form */
.Page .Form
{
    margin: 				0;
    border-top: 			#688FB0 1px solid;
    border-bottom: 			#688FB0 1px solid;
    border-left: 			#688FB0 1px solid;
    border-right: 			#688FB0 1px solid;
    background-color: 		#D6DEE4;
    padding-right: 			10px;
    padding-left: 			10px;    
}

.Page Form
{
    margin-bottom: 10px;
}

.Page .Form .Field
{
    font-weight: 			bold;
}

.Page .Form TD
{
    vertical-align: 				middle;
}

.Page .Form .Red
{
    font-weight: 			bold;
    color:					red;
}

.Page .Form label{
    font-weight: bold;
    float: left;
    text-align: right;
    margin-left: -180px; /*width of left column*/
    width: 175px; /*width of labels. Should be smaller than left column to create some right
    margin*/
}

.Form label.floating{
    font-weight: normal;
    margin-left: 0px;
    text-align: left;
    width: 220px;
}

.Form label.dow{
    width: 50px;
}

.Form label.dom{
    width: 100px;
}

.Form label.month{
    width: 200px;
}

.Form label.floating:hover{        

    background-color:#F0F0F6;
    cursor: pointer;
}


.FormFin label{
    font-weight: bold;
    float: left;
    text-align: right;
    margin-left: -180px; /*width of left column*/
    width: 175px; /*width of labels. Should be smaller than left column to create some right
    margin*/
}

.FormFin label.floating{
    font-weight: normal;
    margin-left: 0px;
    text-align: left;
    width: 300px;
}

.FormFin label.floating:hover{
    background-color:#F0F0F6;
    cursor: pointer;
}
/*******************************************************************************/
/* */
.Page .FormFin
{
    margin: 				0;
    border-top: 			#C17604 1px solid;
    border-bottom: 			#C17604 1px solid;
    border-left: 			#C17604 1px solid;
    border-right: 			#C17604 1px solid;
    background-color: 		#FBB957;
    padding-right: 			10px;
    padding-left: 			10px;
}



.Page .FormFin .Field
{
    font-weight: 			bold;
}

.Page .FormFin TD
{
    vertical-align: 				top;
}

.Page .FormFin .Red
{
    font-weight: 			bold;
    color:					red;
}

.Page .FormFin .Tab
{
    background-color:		#FA9D12;
    font-weight: 			bold;
}




.Page .Error
{
    font-weight: 			bold;
    color:			        red;
    text-align:				left;
    border:                 0px;
}

/***** Flash & error messages ****/
#errorExplanation, div.flash, .nodata, .warning {
    padding: 4px 4px 4px 30px;
    /*margin-bottom: 12px;*/
    font-size: 1.1em;
    border: 2px solid;
}

div.flash {margin-top: 8px;}

div.flash.error, #errorExplanation {
    background: url(../images/exclamation.png) 8px 50% no-repeat;
    background-color: #ffe3e3;
    border-color: #dd0000;
    color: #880000;
}

div.flash.notice {
    background: url(../images/true.png) 8px 5px no-repeat;
    background-color: #dfffdf;
    border-color: #9fcf9f;
    color: #005f00;
}

div.flash.warning {
    background: url(../images/warning.png) 8px 5px no-repeat;
    background-color: #FFEBC1;
    border-color: #FDBF3B;
    color: #A6750C;
    text-align: left;
}

.nodata, .warning {
    text-align: center;
    background-color: #FFEBC1;
    border-color: #FDBF3B;
    color: #A6750C;
}

#errorExplanation ul { font-size: 0.9em;}
#errorExplanation h2, #errorExplanation p { display: none; }




.Page .Button
{
    border-top: 			#6b8eb5 1px solid;
    border-bottom: 			#6b8eb5 1px solid;
    border-right: 			#6b8eb5 1px solid;
    border-left: 			#6b8eb5 1px solid; 
    height: 				20px;
    font-size: 				8pt;
    background-color: 		#bacbd6; 
    font-weight:			normal;
    width: 					120px;
}

#admin .entry form, #admin .entry form div {
    display: inline;
}



.pagination span.disabled {

    color:gray;
    margin:4px;
    padding:1px;
}


.pagination {
    font-size:10px;
    font-weight:bold;
    padding: 4px;
}
.pagination a:hover, .pagination a:active {
    background-color: #FFF;
    color:#000000;
}

.pagination a {
    border:1px solid gray;
    color:#000;
    margin:2px;
    padding:2px;
    text-decoration:none;
}

.pagination span.current {
    background-color:#FFF;
    border:1px solid gray;
    color:#000;
    margin:4px;
    padding:2px;
}

.pagination .prev_page{
    border: none;
}
.pagination .next_page{
    border: none;
}

/* Style for show localization language*/
.locales{    
    color:#6ad91b;
    margin-left:10px;
    background-color:#77819b;
    border: 0;
    height:15px;
    font-size: 10px;
}
.locales a {
    color:yellow;
    font-weight:bold;
    padding-left:5px;
    padding-right:5px;

}
#page_content{
    margin-top: 10px;
    margin-left: 5px;
    padding-right: 10px;
}

.Page #page_header{

    /*padding: 3px 5px 5px;*/
    margin-left: 5px;
    margin-top: 2px;
  /*  padding-top : 3px;
    padding-bottom: 3px;*/
    color: 			#555555;
    vertical-align: 	middle;
    text-align: 		left;
    font-size: 		1.5em;
    font-weight: bold;    
    position: relative;
}

.Page #page_header a {
  float:right;
  padding-right: 10px;
}

#hide_flash {
  float:right;
}

.quick-search{
    margin:0 10px;
    float: right;
}

.sub-quick-search{
    /*margin:0 10px;
    float: right;    */
    margin-top: -35px;
    position: absolute;
    right: 10px;
}




.quick-search input[type="text"], .sub-quick-search input[type="text"]{
    background-image:           url("../images/search.png");
    background-repeat: no-repeat;
    background-position: 0% 50%;
    border: 1px solid #a7a6aa;
    padding-left: 17px;
    padding-top: 2px;
    padding-bottom: 2px;

}
/*
.quick-search input[type="text"]:focus{
       background-image:           url("../images/search_active.png");
}
*/

#page_header input, #page_header select{
    width: 150px;
    margin-left: 5px;
}

/***** Icons *****/
.icon {
    background-position: 0% 50%;
    background-repeat: no-repeat;
    padding-left: 20px;
    padding-top: 2px;
    padding-bottom: 3px;
}

.icon-add { background-image: url(../images/add.png); }
.icon-edit { background-image: url(../images/edit.png); background-position: right;padding-left: 0px;padding-right: 20px;}
.icon-spreadsheet { background-image: url(../images/spreadsheet.gif); }
.icon-email { background-image: url(../images/email.png); }
.icon-lock  { background-image: url(../images/locked.png); }
.icon-unlock  { background-image: url(../images/unlock.png); }
.icon-del { background-image: url(../images/delete_record.png); }
.icon-export-csv { background-image: url(../images/icons/csv.gif); }


tr span.expander {background-image: url(../images/bullet_toggle_plus.png); padding-left: 15px; background-repeat: no-repeat; margin-left: 0; cursor: pointer;}
tr.open span.expander {background-image: url(../images/bullet_toggle_minus.png);  background-repeat: no-repeat;}

.Table td.groupm {  background: url(../images/group.png) no-repeat 0% 50%; padding-left: 20px; font-weight: bold;}
.groupm {  background: url(../images/group.png) no-repeat 0% 50%; padding-left: 20px;}
.Table td.user {  background: url(../images/user.png) no-repeat 0% 50%; padding-left: 20px; font-weight: bold;}
.user {  background: url(../images/user.png) no-repeat 0% 50%; padding-left: 20px;}

Table td.buttons {
    text-align:right;
    white-space:nowrap;
    width:15px;
}


.Page fieldset.even{
    background-color: transparent;
    background-color: #FFFFFF;
}
.Page fieldset.even legend{
    background-color: #FFFFFF;
    border-top:    1px solid  #828183;
    border-left:   1px solid  #828183;
    border-right:  1px solid  #828183;
}

.Page fieldset.odd{
    background-color: #E0E7EF;
}

.Page fieldset.odd legend{
    border-top:    1px solid  #828183;
    border-left:   1px solid  #828183;
    border-right:  1px solid  #828183;
    background-color: #E0E7EF;
}

a.sort { padding-right: 16px; background-position: 100% 50%; background-repeat: no-repeat; display:block; }

/*
a.sort{
	background-image: url(../images/bg.png);
	background-repeat: no-repeat;
	background-position: center right;
}
*/
a.sort.asc  { background-image: url(../images/sort_asc.png);}
a.sort.desc { background-image: url(../images/sort_desc.png);}


/***** Ajax indicator ******/
#ajax-indicator {
    position: absolute; /* fixed not supported by IE */
    background-color:#eee;
    border: 1px solid #bbb;
    top:35%;
    left:40%;
    width:20%;
    font-weight:bold;
    text-align:center;
    padding:0.6em;
    z-index:100;
    filter:alpha(opacity=50);
    opacity: 0.5;
}

html>body #ajax-indicator { position: fixed;}

#ajax-indicator span {
    background-position: 0% 40%;
    background-repeat: no-repeat;
    background-image: url(../images/loading.gif);
    padding-left: 26px;
    vertical-align: bottom;
}

.highlight{
    background-color: #fffccc;
    margin: 1px;
}

.highlight_price{
    background-color: #a3c7e8;
    margin: 1px;
}

/***** Tabs *****/
#page_content .tabs {height: 2.6em; margin-bottom:1em; position:relative; overflow:hidden;}
#page_content .tabs ul {margin:0; position:absolute; bottom:0; padding-left:1em; width: 2000px; border-bottom: 1px solid #bbbbbb;}
#page_content .tabs ul li {
    float:left;
    list-style-type:none;
    white-space:nowrap;
    margin-right:8px;
    background:#fff;
    position:relative;
    margin-bottom:-1px;
}



/*
#page_content .uni_tab .tabs ul li {
    background: #999999;
}

#page_content .uni_tab .tabs ul li a:hover {
    background-color:yellow;

}

#page_content .uni_tab .tabs ul li a{
    background-color: gray;
}

#page_content .uni_tab .tabs ul li a.selected {
    background-color: #D6DEE4;
}

#page_content .uni_tab .tabs ul li a.selected:hover {
    background-color: #fff;
}
*/



#page_content .tabs ul li a{
    display:block;

    text-decoration:none;
    line-height:1.3em;
    padding:4px 6px 4px 6px;
    border: 1px solid #ccc;
    border-bottom: 1px solid #bbbbbb;
    background-color: #e6e6e6;
    color:#4d4d4d;
    font-weight:bold;
}

#page_content .tabs ul li a:hover {
    background-color: #ffffdd;
    text-decoration:none;
}

#page_content .tabs ul li a.selected {
    background-color: #fff;
    border: 1px solid #bbbbbb;
    border-bottom: 1px solid #fff;
}

#page_content .tabs ul li a.selected:hover {
    background-color: #fff;
}

#page_content .tabs ul li.back a{
    background-color: #FFFFFF;
    border: 0;
    color: #008000;
}

#page_content .tabs ul li.back a:hover {
    background-color: #008000;
    color: #FFFFFF;
    text-decoration:none;
}




div.tabs-buttons { position:absolute; right: 0; width: 48px; height: 24px; background: white; bottom: 0; border-bottom: 1px solid #bbbbbb; }

button.tab-left, button.tab-right {
    font-size: 0.9em;
    cursor: pointer;
    height:24px;
    border: 1px solid #ccc;
    border-bottom: 1px solid #bbbbbb;
    position:absolute;
    padding:4px;
    width: 20px;
    bottom: -1px;
}

button.tab-left {
    right: 20px;
    background: #eeeeee url(../images/bullet_arrow_left.png) no-repeat 50% 50%;
}

button.tab-right {
    right: 0;
    background: #eeeeee url(../images/bullet_arrow_right.png) no-repeat 50% 50%;
}

.contextual {float:right; white-space: nowrap; line-height:1.4em;margin-top:2px;margin-right:22px; padding-left: 10px; font-size:0.8em;}
/*.contextual input, .contextual select {font-size:0.9em;}*/





.SubMenu ul {
    list-style:none;
    padding:0px;
    margin:0px;
}

.SubMenu ul li {	
    margin:0px;
    padding:0px;    
}

.SubMenu ul li a {
    padding-left:1em;
    display:block;
    padding-bottom: 0.1em;
    width: 195px;
}

.SubMenu ul li a.title
{
    font-weight: bold;    
}


/*****  UL  UL  UL  ****/
.SubMenu ul ul {
    margin-left:1em;
}


#logblock{
	position:fixed;
	top:20%;
	left:30%;
	z-index:100;
	width:500px;
	background-color:white;
	border: 2px solid #E0E7EF;
	display:none;
	padding:20px;
}
#logwrap {
	width:100%;
	height:300px;
	overflow:auto;	
}
#relativewrap {
	postition: relative;
	width:100%;
	overflow:hidden;
}
.clink {
	position:absolute;
	top:5px;
	left: 5px;
	z-index:100;
}

.calwrap {
	overflow: hidden;
}
.cronlines {
	margin:0 5px 0 250px;
}
span.cronlog {
	color:silver;
}
span.future {
	color: green;
}

#ri_en {
  accent-color: #449434;
}