/* === dark theme test === */
body {
  //padding: 25px;
  //font-size: 25px;
  
  //background-color: white;
  //color: black;
}

.dark-mode {
  background-color: black;
  //
  color: green;
}
/* === dark theme test === */




#contentdark {
  max-width: 640px;
  font-size: 10px;
  font-family: Verdana, Geneva, Arial, Helvetica;
    
  background-color: black;
  //background-color: grey;
  color: #77ff77;

}

#contentsdark {
  font-family: Verdana, Geneva, Arial, Helvetica;
  font-size: 12px;
  background-color: black;
  color: #77ff77;
}









/* Locate prefs.htm gear */
div.absolute {
  position: relative;// fixed absolute relative static sticky
  top: 300px;//140px   top bottom
  left: 200px;//100px right left
  width: 50px;//100px
  height: 50px;//100px
  // border: 0px dashed #000000;
}
/*
    static
    relative
    absolute
    fixed
    sticky

*/


/* Facebook style test
https://facebook.github.io/react-native/docs/stylesheet.html

*/
var styles = StyleSheet.create({ container: { borderRadius: 4, borderWidth: 1.5, borderColor: '#d6d7da', }, title: { fontSize: 19, fontWeight: 'bold', }, activeTitle: { color: 'red', }, });




/*

font {font-family: Verdana, Geneva, Arial, Helvetica;font-size: 12px;}
*/


/* css 
https://css-tricks.com/creating-clickable-divs/

*/
div.link {
cursor: pointer;
text-decoration: underline;
    background-color: transparent;
    color: #333333;
    background:#fff url("http://www.HostChoice.net/images/bg-tile-green.gif") ;

}




#myDIV {
    margin: auto;
    border: 0px solid black;
    width: 100px;
    height: 40px;
    background-color: transparent;
    color: white;
    -webkit-animation: mymove 5s infinite; /* Chrome, Safari, Opera */
    animation: mymove 5s infinite;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes mymove {
    50% {-webkit-transform: rotate(180deg);}
}

/* Standard syntax */
@keyframes mymove {
    50% {transform: rotate(180deg);}
}

#borders {
  background:#fff url("http://www.HostChoice.net/images/back-02.jpg") ;
bordercolor="red";
}

#content {
  max-width: 640px;
  font-size: 10px;
  font-family: Verdana, Geneva, Arial, Helvetica;

}

#contents {
  font-family: Verdana, Geneva, Arial, Helvetica;
  font-size: 12px;
}

#error {
  background:#fff url("http://www.HostChoice.net/images/bg-error.jpg") ;
  bordercolor="red";
}


#errorborder {
  background:#fff url("http://www.HostChoice.net/images/bg-error.jpg") ;
  bordercolor="red";
}

#index {
  // max-width: 640px;
  font-size: 8px;
  font-family: Verdana, Geneva, Arial, Helvetica;

}





/* SmallTitle */
#SmallTitle {
  font-family : Arial, Helvetica, Verdana, sans-serif;
  font-size : 11px;
  font-weight : plain;
  color : #000000;
  border: solid, 5px;
  }










/* ==== round buttons ==== */


 .round-button-text {
 display:block; width:50px; height:50px; line-height:50px; border: 2px solid #f5f5f5; border-radius: 50%; color:#f5f5f5; text-align:center; text-decoration:none; background: #464646; box-shadow: 0 0 3px gray; font-size:20px; font-weight:bold;
 }

.round-button {
 width: 10%;
 height: 0;
 padding-bottom: 10%;
 border-radius: 50%;
 border: 2px solid #f5f5f5;
 overflow: hidden;
 background: #464646;
 box-shadow: 0 0 3px gray;
 }







 .round-button:hover {
 background: #262626;
 }

 .round-button img {
 display: block;
 width: 76%;
 padding: 12%;
 height: auto;
 }

/* ==== round buttons ==== */