div.hidden_switch{
position: fixed; top:0px; right:0px; width:60px; height:60px; z-index: 100; cursor: pointer;
background-image: url('/images/settings.png');
background-repeat: no-repeat;
}
div.tools_group_1{
    position: relative;
    display: inline-block;
    width:23%;
    vertical-align: top;
    margin-left: 5px;
    margin-right: 5px;
}
div.tools_group_2{
    position: relative;
    display: inline-block;
    width:73%;
    vertical-align: top;
    margin-left: 5px;
    margin-right: 5px;
}
div.tools_group_3{
    position: relative;
    display: inline-block;
    width:49%;
    vertical-align: top;
    
}
div.tools_group_1 p{
    font-size: 16px;
    line-height: 20px;
    
}
div.tools_group_1 p span{
   font-weight: bold;
    
}
#tools{  position: sticky;
    display: none;
    max-width: 1200px;
    width:100%;
    top:0px;
    margin: 0 auto 0 auto;
    text-align: left;
    z-index: 900;
    font-family: Helvetica, Arial, sans-serif
}
.input_inline{
    display: inline-block;
    width: 45%;
    
}

#tools label{
    font-size: 18px;
    line-height: 22px;
    color:#596c7f; font-weight: bold;
    margin-bottom: 5px;
}

#tools input[type=text]{
    width: 98%;
    font-size: 20px;
    line-height: 24px;
    padding: 3px;
    font-family: 'open_sans',Arial, Helvetica, serif;
    border: 1px solid #4e4a4b;

}
#tools select{
    width: 98%;
    font-size: 20px;
    line-height: 24px;
    font-family: 'open_sans',Arial, Helvetica, serif;
    background-color: #ffffff;
    border: 1px solid #4e4a4b;
}

#tools textarea{width: 98%; font-size: 14px; height:80px; resize: none; font-family: inherit;}
#tools input[type=button]{width: 98%; font-size: 16px; height: 30px;}
#tools p{margin: 0px 0px 10px 0px; padding: 0;}
#tools  .error_display{
    display: none;
    background-color: #fcf907 !important;
    padding: 10px;
    margin: 0px 0px 10px 0px;
    text-align: center;
    border-radius: 10px;
}
#tools  #error_p{
   color: #f31200;
   font-size: 22px;
   line-height: 26px;
   font-weight: bold;
   
    
}

#tools .validate_err{
    background-color: #fcf907 !important;
}
.scolor{padding-left: 25px; height: 25px; background-repeat: no-repeat; background-size: 20px;}
a.close{float: right; text-decoration: none;}

#spreview{position: relative; text-align: center; margin-bottom: 10px; width: 100%; padding:5px; overflow: hidden;}
.s_prev{
    position:relative;
    cursor:pointer;
    color:#333;
    left:0px; top:0px;
    float:left;
}
   
#tabs{border:0; padding: 10px; background-color: transparent !important;}
#tabs ul{background-color: transparent; border:0;}
#tabs li{font-size: 14px; line-height: 16px; border-top:1px solid  #7d7d7d; border-left:1px solid  #7d7d7d; border-right:1px solid  #7d7d7d;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e4e4', endColorstr='#c6c6c6'); /* for IE */
   background: -webkit-gradient(linear, left top, left bottom, from(#e4e4e4), to(#c6c6c6)); /* for webkit browsers */
   background: -moz-linear-gradient(top,  #e4e4e4,  #c6c6c6); /* for firefox 3.6+ */

}

#tabs li:hover{color:#000000;
   background-color:#fff8ba;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff8ba', endColorstr='#f8dd00'); /* for IE */
   background: -webkit-gradient(linear, left top, left bottom, from(#fff8ba), to(#f8dd00)); /* for webkit browsers */
   background: -moz-linear-gradient(top,  #fff8ba,  #f8dd00); /* for firefox 3.6+ */
}
.ui-state-active a, .ui-state-active a:link {
    color: #000000;
}
.ui-tabs-panel{padding:1px !important; background-color:#e9e9e9 !important; border:1px solid #7d7d7d !important;}
.ui-tabs-active{
  filter: none; /* for IE */
   background:none !important;
    background-color:#e9e9e9 !important;}
    
div.tabs_cf{padding: 10px !important;}

#data_load_container{display: none;}
#data_load{position: relative; height:250px; overflow: auto;}
#open_button{display: none;}

#status_message{position: relative; text-align: center; font-size: 16px;}
#status_message img{vertical-align: middle;}

#edit_but{display: none;}

iframe{
border:1px solid #99a6b4;
width:98.5%;
margin:0 auto 0 auto;
background-color: #b4b4b4;
}

div.doedit_menu{
    position: relative;
    padding: 0px;
    margin: 0px 0px 5px 0px;
    height:24px;
    vertical-align: top;
}


div.doedit_menu > ul {
	margin: 0;
	padding: 0;
        height:24px;
        vertical-align: top;
}

div.doedit_menu ul ul {
	display: none;
}

    div.doedit_menu ul li:hover > ul {
	display: block;
    }

div.doedit_menu ul {
    list-style: none;
    position: relative;
    z-index:920;
    margin: 0;
    padding: 0;

}

	div.doedit_menu ul:after {
	    content: ""; clear: both; display: block;
	}

	div.doedit_menu ul li {
	    display: inline-block;
	    position: relative;
	    min-height: 24px;
            vertical-align: top;
            background: none !important;
            background-color: #ffffff !important;
            border: 1px solid #7d7d7d !important;
            margin: 0px 2px 0px 0px;
            padding: 0;
            list-style-type: none;
	}
		div.doedit_menu ul li:hover {
		   
		}
		
		
		div.doedit_menu ul li a {
			color: #4a4a4a;
			display: block;
			font-size: 14px;
			line-height: 20px;
			padding: 2px;
			text-decoration: none;
			text-align: center;
			height: 20px;
			outline: 0;
                        transition: none;
                        border-radius: 0;
			
			
		}
		div.doedit_menu ul li a:hover {
		 color:#464646;
		 background-color: #ffeb44;
		}
			
		
	div.doedit_menu ul ul {
	    border-top: 0;
	    border-left: 1px solid #4B4864;
	    border-bottom: 1px solid #4B4864;
	    border-right: 1px solid #4B4864;
	    display: none;
	    padding: 0;
	    margin:0;
	    position: absolute;
	    left: -50%;
	    top: 24px;
	    z-index: 99999;
	    background-color: #ffffff;
	
	
	}
	    div.doedit_menu ul ul li {
		padding: 0px;
                background-color: #d8d8d8 !important;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		    box-sizing: border-box;
		   

		}
			div.doedit_menu ul ul li a {
				padding:0px 5px 0px 5px;
				width: 70px;
				border-left:0;
				 text-align:left;
				 outline: 0;
			}	
				div.doedit_menu ul ul li a:hover {
				  background-color: #ffeb44;	
				}
		
    

a.content_but{width:24x;}
a.content_but_dbl {width:38px;}
span.edit_menu_divider{
    display: inline-block;
    width: 5px;
    height: 20px;
    background-image: url('/images/button_separator.gif');
    background-repeat: no-repeat;
    background-position: top;
}
div.indicator{
    position: relative;
    margin: 0;
    padding: 0;
    border-radius: 3px;
}
a.row_edit{
    position: absolute;
    display: inline-block;
    right: 25px;
    top: -15px;
    width: 30px;
    height: 30px;
 }
a.row_edit img{
    border:0;
    outline: none;
}
a.row_delete{
    position: absolute;
    display: inline-block;
    right: -15px;
    top: -15px;
    width: 30px;
    height: 30px;
 }
a.row_delete img{
    border:0;
    outline: none;
}
div.edit_container{
    position: relative;
    margin: 0;
    padding: 0;

}
div.edit_container h2{
    margin: 20px 0px 5px 0px;
    padding: 0;

}
div.input3_container{
    position: relative;
    margin: 0;
    padding:0;
}
p.input3{
    display: inline-block;
    width:31%;
}
div.edit_container label{
    font-size: 14px;
    line-height: 16px;
    color:#596c7f; font-weight: bold;
    margin-bottom: 5px;
}

div.edit_container input[type=text]{
    width: 98%;
    font-size: 20px;
    line-height: 24px;
    padding: 3px;
    font-family: 'open_sans',Arial, Helvetica, serif;

}

#input_stab{
    display: none;
}
div.edit_container select{
    width: 98%;
    font-size: 20px;
    line-height: 24px;
    font-family: 'open_sans',Arial, Helvetica, serif;
}

a.std_button{
    display:block;
    background-color: #ffffff;
    color: #ee1100;
    border: 1px solid #ee1100;
    font-size: 18px;
    line-height: 36px;
    height: 36px;
    width:100%;
    max-width:270px;
    border-radius: 18px;
    text-decoration: none;
    text-align: center;
}

a.std_button:hover{
    background-color: #ee1100;
    color: #ffffff;
    text-decoration: none;
}
a.std_button_grey{
    display:block;
    background-color: #efefef;  
    color: #ee1100;
    border: 1px solid #ee1100;
    font-size: 18px;
    line-height: 36px;
    height: 36px;
    width:100%;
    max-width:270px;
    border-radius: 18px;
    text-decoration: none;
    text-align: center;
}

a.std_button_grey:hover{
    background-color: #ee1100;
    color: #ffffff;
    text-decoration: none;
}

a.del_button{display:block;
width:95%;
min-height:35px;
font-size:16px; font-weight:bold; line-height:35px; 
text-align:center;
color: #ee1100;
border: 1px solid #ee1100;
margin:10px auto 5px auto; text-decoration:none; 
background-color: #ffffff;
}

a.del_button:hover{color:#ffffff;
   background-color: #ee1100;
}
#but_save{display: block;}
#but_copy{display: none;}

#backup_lists{
    display: none;
}
#server_pw {height: 220px;  background-color:#ffffff !important;
 border: 1px solid #000000 !important;
 padding: 5px;
 overflow: auto;
}
#server_pw .ui-selecting { background: #253efd;  color: #ffffff; }
#server_pw .ui-selected { background: #001cef; color: #ffffff; }
#server_pw { list-style-type: none; margin: 0; width: 96%; }
#server_pw li {
    background: none;
    margin: 3px; padding: 5px;
    font-size: 18px; line-height: 20px;
    border: 1px solid #939393;
    overflow: hidden;
    white-space: nowrap;
     }
#server_pw li:hover {background: #253efd;  color: #ffffff;}

#local_pw {height: 220px;  background-color:#ffffff !important;
 border: 1px solid #000000 !important;
 padding: 5px;
 overflow: auto;
}
#local_pw .ui-selecting { background: #253efd;  color: #ffffff; }
#local_pw .ui-selected { background: #001cef; color: #ffffff; }
#local_pw { list-style-type: none; margin: 0;  width: 96%; }
#local_pw li {
    background: none;
    margin: 3px; padding: 5px;
    font-size: 18px; line-height: 20px;
    border: 1px solid #939393;
    overflow: hidden;
    white-space: nowrap;
}
#local_pw li:hover {background: #253efd;  color: #ffffff;}

.list-header{
     font-size: 18px; line-height: 20px;
     font-weight: bold;
     margin-top:5px;
}

#bk_server{display: none;}
#bk_local{display: none;}

a.share_but {
  display: inline-block;
  width: 60px;
  height: 30px;
  margin-top:5px;
}
#save_status{
    display: none;
}