html, body {
	margin: 0;
}

html {
  height: 100%;
  overflow: hidden;
 
}

body {
	width: 100%;
	height: inherit;
    
}
.topDiv{
        background-image: none;
    background-color: #23238e;
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    width: 100%;
    height: 38px;
    
    
}
.urlBox{
    width: calc(100% - 60px);
  height: auto;
   margin-right: 5px;
    float: right;
    background: #23238e;
    padding: 3px 0px 3px 5px;
    border-radius: 4px;
}
.urlForm input[type="url"]{
    background: none;
    border: none;
    outline: none;
    font-family: 'Open Sans', sans-serif;
    color: #000000;
    font-size: 15px;
    padding: 5px;
    width: 68.5%;
    margin: 0;
    
    
}
.urlForm input[type="button"]{
   
    border: none;
    border-radius: 3px;
    padding: 7px 13px;
    outline: none;
    cursor: pointer;
    float: right;
    margin-right: 3px;
}
.xiframe{
    background-color: white;
    width: 100%;
    height: calc(100% - 73px);
    border: none;
    
    
}
.loading{
        border: none;
    border-radius: 0px 3px 3px 0px;
    padding: 7px 13px;
    outline: none;
    cursor: pointer;
    width: 32px;
    height: 30px;
    margin-left: 0px;
    margin-top: 4px;
    background: url(../image/load2.gif) no-repeat #23238e; 
    background-position: center;
    
}
.bottomDiv{
    
    background-color: #f8cc07;
   	width: 100%;
	height: 35px;
    bottom: 0px;
    position: fixed;
    
	

}
.back{
    height: 80%;
    width: 30px;
    border-radius: 5px;
    border: none;
    margin-left: 3px;
    margin-top: 3px;
    background: url(../image/back.png) no-repeat #23238e 50%;
    outline: none;
    float: left;
}


.back:active{
    background-color:#23238e;
}
.forward{
    height: 80%;
    width: 30px;
    border-radius: 5px;
    border: none;
    margin-left: 3px;
    margin-top: 3px;
    float: left;
    background: url(../image/forward.png) no-repeat #23238e 50%;
    outline: none;
}
.forward:active{
    background-color:skyblue;
}
.up{
    width: 90px;
    height: 60px;
    background: url(../image/fuulscreen.png) no-repeat #23238e;
    background-size: 40px;
    background-position:top;
    border-style: none;
    border-radius: 0px;
   padding-top: 40px;
    color: #000000;
    overflow: hidden;
   
     font-family: segoe UI SemiLight;
   
       
}
.up:active{
    background-color:#23238e;
}
.down{
     width: 90px;
    height: 60px;
    background: url(../image/fuulscreen.png) no-repeat #23238e;
    background-size: 40px;
    background-position:top;
    border-style: none;
    border-radius: 0px;
   padding-top: 40px;
    color: #000000;
    overflow: hidden;
    
     font-family: segoe UI SemiLight;
   
       
}
.down:active{
    background-color:#efefef;
}

.fb{
    height: 100px;
    width: 100px;
    background-color: aqua;
    
}


.listul{
    background-color: none;
    color: blue;
    list-style-type:none;
    cursor: pointer;
    width: calc(100% - 10px);
    height: auto;
    margin-top: 37px;
    margin-left: -35px;
    
    -moz-transform: rotate(180deg);
    
}
.remove{
    background-image: none;
    background-color: #dedede;
    color: azure;
    float: left;
    margin-left: -30px;;
    border-style: none;
    border-radius: 1px;
    color: darkgray;
    padding-bottom: 2px;
    margin-top: -34px;
    height: 35px;
    border-style: solid;
    border-bottom-width: 1px;
    
    border-color: #ee6aa7;
   
    
}
.listli{
    height: 25px;
    background-color: #ee6aa7;
    padding-top: 7px;
    border-style: solid;
    border-bottom-width: 1px;
    border-width: 1px;
    border-color: #a2cd5a;
    color: #ee6aa7;
    padding-left: 7px;
    font-family: segoe UI SemiLight;
    width: calc(100% - 55px);
    -moz-transform: rotate(180deg);
    overflow: hidden;
    white-space: nowrap;
    
    
}
.hisdiv{
    height: calc(100% - 65px);
    overflow: hidden;
    overflow-y: scroll;
    
    
}


.hp{
    text-align: center;
    font-family: tahoma;
    margin-top: -0px;
    font-size: 15px;
    position: fixed;
    z-index: 1;
    width: 100%;
    height: 30px;
    background-color: darkgray;
}
.slidex{
    height: auto;
    width: 100%;;
    background-color: #eea642;
    margin-top: -64px;
    padding-top: 5px;
    text-align: center;
   
   
}
.openSlidex{
    height: 80%;
    width: 30px;
    border-radius: 5px;
   border: none;
    margin-right: 3px;
    margin-top: 3px;
    background: url(../image/nav.png) no-repeat #ee6aa7 50%;
    outline: none;
    float: right;
}

.homebut{
   width: 50px;
    height: 60px;
    background: url(../image/home.png) no-repeat #eea642;
    background-size: 40px;
    background-position:top;
    border-style: none;
    border-radius: 0px;
   padding-top: 40px;
    color: #000000;
    overflow: hidden;
   font-family: segoe UI SemiLight;
    margin-left: 1px;
    
}
.homebut:active{
    background-color:#efefef;
}
.hisbut{
    width: 50px;
    height: 60px;
    background: url(../image/history.png) no-repeat #eea642;
    background-size: 40px;
    background-position:top;
    border-style: none;
    border-radius: 0px;
   padding-top: 40px;
    color: #000000;
    overflow: hidden;
    margin-left: 7px;
     font-family: segoe UI SemiLight;        
   
}
.hisbut:active{
    background-color:#efefef;
}


.exithis{
    width: 95px;
    height: 30px;
    float: left;
   
    background-image: none;
    font-family: segoe UI SemiLight;
    color:dimgrey;
    background-color: #dedede;
    
}
.clearhis{
    width: 95px;
    height: 30px;
    float: right;
    background-image: none;
    font-family: segoe UI SemiLight;
    color:dimgrey;
    background-color: #dedede;
        
}