/*
 * Common
 * 
 */
li { padding: 0; }
li a { display: block; }


.common{color:#FFFFFF;font-weight:bolder;font-family:Courier, monospace,"Times New Roman";font-size:1.1em;}
.common2{color:#586163;font-weight:bolder;font-weight:bold;font-size:1em;}

@media only screen and (min-width: 1024px) {
   /* Add your custom styles here for Desktop */

}

@media only screen and (max-width: 640px) {
   /* Add your custom styles here for Mobile */
}

@media only screen and (min-device-width : 768px) 
	and (max-device-width : 1024px) 
	and (orientation : portrait)
	and (-webkit-min-device-pixel-ratio: 1)  { 
	/* Mini ipad */ 
}


.common_green{color:#71f323;font-weight:bolder;font-family:Courier, monospace,"Times New Roman";}
.hand{cursor:pointer;hand:pointer;}
.font1{font-size:1.1em;font-weight:bold;}
.font1red{font-size:1.1em;font-weight:bold;color:red;}


ul#topmenu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #888;
    /*border-radius: 25px;*/
}

#topmenu li {
    float: left;
    border-right:1px solid #bbb;
}

#topmenu li:last-child {
    border-right: none;
}

#topmenu li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

#topmenu li a:hover:not(.active) {
    background-color: #111;
}

#topmenu .active {
    background-color: #4CAF50;
}
  
  :-webkit-full-screen {
  /* properties */
}

:-moz-full-screen {
  /* properties */
}

:-ms-fullscreen {
  /* properties */
}

:full-screen { /*pre-spec */
  /* properties */
}

:fullscreen { /* spec */
  /* properties */
}

/* deeper elements */
:-webkit-full-screen video {
  width: 100%;
  height: 100%;
}

/* styling the backdrop*/
::backdrop {
  /* properties */
}
::-ms-backdrop {
  /* properties */
}

#grad {
  -webkit-box-shadow: 5px 6px 12px -4px rgba(0,0,0,0.75);
  -moz-box-shadow: 5px 6px 12px -4px rgba(0,0,0,0.75);
  box-shadow: 5px 6px 12px -4px rgba(0,0,0,0.75);
}
  
  #top, #bottom, #left, #right {
  background: red;
  }
  #left, #right {
    position: fixed;
    top: 0; bottom: 0;
    width: 5px;
    }
    #left { left: 0; }
    #right { right: 0; }
    
  #top, #bottom {
    position: fixed;
    left: 0; right: 0;
    height: 5px;
    }
    #top { top: 0; }
    #bottom { bottom: 0; }
    
@media 

/* Fairly small screens including iphones */
only screen and (max-width: 500px),

/* iPads */
only screen and (min-device-width: 768px) and (max-device-width: 1024px) 

{
  #top, #bottom, #left, #right { display: none; }
  .hidden{ display: none; }
}