@font-face {
	font-family: 'FrugalSansRegular';
	src: url('../fonts/ftl_____-webfont.eot');
	src: local('?'), url('../fonts/ftl_____-webfont.woff') format('woff'), url('../fonts/ftl_____-webfont.ttf') format('truetype'), url('../fonts/ftl_____-webfont.svg#webfontkIgqO6eN') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ToshnaStdBookDemoRegular';
	src: url('../fonts/toshna-std-b_demo-webfont.eot');
	src: local('?'), url('../fonts/toshna-std-b_demo-webfont.woff') format('woff'), url('../fonts/toshna-std-b_demo-webfont.ttf') format('truetype'), url('../fonts/toshna-std-b_demo-webfont.svg#webfontfoTS8M0E') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'meslo_lg_mregular';
    src: url('../fonts/meslolgm-regular-webfont.eot');
    src: url('../fonts/meslolgm-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/meslolgm-regular-webfont.woff') format('woff'),
         url('../fonts/meslolgm-regular-webfont.ttf') format('truetype'),
         url('../fonts/meslolgm-regular-webfont.svg#meslo_lg_mregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Frugal Sans Hinted';
    src: url('../fonts/hinted-FrugalSans-LightItalic.eot');
    src: url('../fonts/hinted-FrugalSans-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/hinted-FrugalSans-LightItalic.woff') format('woff'),
        url('../fonts/hinted-FrugalSans-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Frugal Sans Hinted';
    src: url('../fonts/hinted-FrugalSans-Light.eot');
    src: url('../fonts/hinted-FrugalSans-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/hinted-FrugalSans-Light.woff') format('woff'),
        url('../fonts/hinted-FrugalSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

/*
@font-face {
    font-family: 'Frugal Sans Hinted';
    src: url('../fonts/hinted-FrugalSans-BoldItalic.eot');
    src: url('../fonts/hinted-FrugalSans-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/hinted-FrugalSans-BoldItalic.woff') format('woff'),
        url('../fonts/hinted-FrugalSans-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}
*/

/* //This doesn't render the font properly.
@font-face {
    font-family: 'Frugal Sans Hinted';
    src: url('../fonts/hinted-FrugalSans-Bold.eot');
    src: url('../fonts/hinted-FrugalSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/hinted-FrugalSans-Bold.woff') format('woff'),
        url('../fonts/hinted-FrugalSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
*/

/***********
    Page Loading
*/

.pageloading{
width: 100%; height: 100%;
max-width: 100%; max-height: 100%;
padding: 0px; margin: 0px;
background-color: #111111;
z-index: 1;
position: absolute;

filter:alpha(opacity=95);
-moz-opacity:0.95;
-khtml-opacity: 0.95;
opacity: 0.95;
}

.attentionspan{
width: 100%; max-width: 100%;
height: 300px;
position: absolute;
top: 75px;

background-color: #000000;
text-align: left;

border-top: #56b4ab solid 3px;
border-bottom: #56b4ab solid 3px;

filter:alpha(opacity=95);
-moz-opacity:0.95;
-khtml-opacity: 0.95;
opacity: 0.95;
}

.attentioncontent{
 padding: 32px; padding-left: 200px;
 color: #dcdcdc;
}

.attentioncontent a:link { color: #dcdcdc; }
.attentioncontent a:visited { color: #dcdcdc; }
.attentioncontent a:active { color: #dcdcdc; }


body{
margin: 0px;
padding: 0px;
color: #000000;
/* background-image: url('../graphics/back.jpg'); */
background-image: url('../graphics/back1_mini.jpg');
font-family: 'Frugal Sans Hinted', FrugalSansRegular, Tahoma;
}

.header{
    /* color: rgb(255, 84, 41); */
    color: rgb(186,118,35);
    font-weight: bold;
    font-size: 1.85em;
}

.bookmark {
    padding: 16px;
    background-color: #dcdcdc;
    background-image: url('../graphics/back3.png');
    color: #111111;
    margin: 16px;
    margin-left: 32px;
    display: table; width: 90%;
    
    border: 3px ridge rgb(186,118,35);
    box-sizing: border-box;
}

.he
/* .row { background-color: #B9C0D0; } */

img{
border: 0px;
}

div.headerpane{
width: 100%; 
/*  background-image: url('../headerback-2.png');    */
/* background-color: #537F88;  */
padding-top: 75px;
padding-top: 75px;
margin-bottom: 5px;
}

div.widespan{
border-top: 8px solid #537F88;
border-bottom: 8px solid #537F88;
background-color: #B9C0D0;
padding: 8px;
margin-left: auto;
margin-right: auto;
width: 100%;
height: 300px;
vertical-align: middle;
position:absolute;
top: 15%;
}

div.tallspan{
border-left: 8px solid #537F88;
border-right: 8px solid #537F88;
background-color: #B9C0D0;
padding: 8px;
margin-left: auto;
margin-right: auto;
width: 650px;
min-height: 100%;
vertical-align: middle;
position:absolute;
left: 15%;
}


font.headline{
font-family: Georgia;
color: #ffffff;
font-style: italic;
text-decoration: none;
word-spacing: normal;
text-align: left;
letter-spacing: 0;
line-height: 1.2em;
font-size: 2.5em;
}

font.headline2{
font-family: Georgia;
color: #537F88;
font-style: italic;
text-decoration: none;
word-spacing: normal;
text-align: left;
letter-spacing: 0;
line-height: 1.2em;
font-size: 2.5em;
}

.notice{
text-align: center;
color: #0c0c0c;
font-weight: bold;
background-color: #ffcc66;
width: 100%;
padding: 8px;
border: solid #000000 0px;
}

/* ----------------- dastatbox and daplaybox -----------------  */
        
    .dastatbox{ background-image: url('../back.png'); color: black; }

    .daplaybox, .dastatbox{
    padding-right: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
    margin: 0px;
    border: solid #000000 1px;
    display: inline-block;
    color: #000000;
    max-width: 700px;
    }   
    
    .daplaybox{ background-color: rgb(209, 0, 47) ; color: white ; background-image: transparent ; border-color: #dddddd ; border: 3px solid ; }
    .daplaybox:hover { background-color: rgb(242, 157, 0) ; font-size: 1.2em; color: white; }
    
    .daplaybox a:link { color: #dddddd; }
    .daplaybox a:visited { color: #dddddd; }
    .daplaybox a:active { color: #dddddd; }
    
    div.widespan{
    border-top: 8px solid ;
    border-bottom: 8px solid;
    background-color: rgb(255, 235, 201);
    border-color: rgb(209, 0, 47);
    padding: 8px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 300px;
    vertical-align: middle;
    position:absolute;
    top: 15%;
    }
.nicenotice{
background-image: url('../themes/one/1205.png'); color: white;
padding: 8px;
margin: 0px;
border: solid #000000 0px;
display: inline-block;
color: #000000;
width: 100%;
}

.box{
background-image: url('../themes/one/1205.png'); color: white;
padding: 3px;
color: #ffffff;
border: solid #000000 1px;
font-size: 12px;
}

.minibox{
background-image: url('../themes/one/1205.png'); color: white;
padding: 3px;
border: solid #000000 0px;
font-size: 10px;
}




a:link{ color: #000000; text-decoration: underline; }
a:hover{ color: #000000; text-decoration: underline; }
a:active{ color: #000000; text-decoration: underline; }
a:visited{ color: #000000; text-decoration: underline; }

.darkback{
background-image: url('../darkback.jpg');
}

.greenback{
background-image: url('../greenback.jpg');
}

.amberback{
background-image: url('../amberback.jpg');
}

.redback{
background-image: url('../redback.jpg');
color: white;
}

.whiteback { background-color: white; }

.lighterback{
background-color: #B9C0D0;
}

.darkerback{
background-color: #9AA5BC;
}


table.stylish{
border-spacing: 5px;
}

table.stylish th{
background-color: #cccccc;
padding: 5px;
}

table.stylish td{
background-color: white;
padding: 5px;
margin: 10px;
}



/* ----------------- forms -----------------  */

  /* form builder forms */
  .FormBuilder, .InputfieldForm { font-family: inherit !important; }
  label { color: #c0c0c0 !important; }
  textarea, input[type="text"], input[type="email"] { font-family: meslo_lg_mregular, 'Courier New', Verdana !important; background-color: #333333 !important; border: 3px ridge rgb(186,118,35); color: #c0c0c0; }
  button { background-color: rgb(255, 84, 41); border: 3px ridge rgb(186,118,35); font-family: inherit !important; }

  /* ///// */

.bigbutton { 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 24px; 
 background-color: #cccccc; 
 color: #666666; 
 margin-right: 6px; 
}

.mediumbutton { 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 16px; 
 background-color: #cccccc; 
 color: #666666; 
 margin-right: 6px; 
}

.minibutton { 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 12px; 
 background-color: #cccccc; 
 color: #666666; 
 margin-right: 6px; 
}


.bigtext {
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 24px; 
 margin-right: 6px; 
 background-color: #CCCCCC;
 border: 1px solid #666666;
}


.mediumtext {
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 16px; 
 margin-right: 6px; 
 background-color: #CCCCCC;
 border: 1px solid #666666;
}

.minitext {
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 12px; 
 margin-right: 6px; 
 background-color: #CCCCCC;
 border: 1px solid #666666;
}

textarea { font-family: meslo_lg_mregular !important; }

/* ----------------- tape -----------------  */

.tape {
  position: relative;
  background-image: url('../graphics/tapeleft.png'),
                    url('../graphics/taperight.png');
  background-repeat: no-repeat;
  background-position: left, right;
  font-size: 1.05em;
  min-height: 32px;
  min-width: 75px;
  line-height: 32px;
  text-align: center;
  display: inline-block;
  color: black;
}
.tape::before {
  content: '';
  position: absolute;
  top: 0;
  left: 10px; 
  right: 10px;
  height: 32px;
  background: url('../graphics/tapemiddle.png') center;
  z-index: -1
}

.tape span {
  padding-left: 16px;
  padding-right: 16px;
}

/* ----------------- buttons -----------------  */

.window { width: 264px; background-color: #1f1f1f; margin-left: auto; margin-right: auto; border: 2px solid #000000; margin-bottom: 24px; }
.buttonl1 { width: 115px; height: 34px; border: 2px solid #000000; margin: 0px; display: inline-block; margin-right: 8px; margin-bottom: 12px; overflow: hidden; }
.buttonl2 { width: 25px; height: 32px; line-height: 2.8em; border-bottom: 3px ridge #2c2c2c; border-right: 3px ridge #2c2c2c; padding-left: 0px; /* padding for toggle */ display: inline; float: left; }
.buttonl2 span { margin-left: 35px; }
.step .texthere { background-color: #1f1f1f; }
.titlebar { text-align: center;  vertical-align: middle;  }
.titlebar { margin-top: 6px; }
.switchedon .texthere { background-color: #444; height: 20px; line-height: 1.4em; 
border-radius: 0px 3px 3px 0px; border-right: 1px solid black; border-left: 1px solid black; border-top: 1px solid black; border-bottom: 1px solid black; color: #99ccff; cursor: pointer; box-shadow: 0px 0px 3px 0px #696969;}

.texthere a:link, .texthere a:hover, .texthere a:visited, .texthere a:active { color: #99ccff; text-decoration: none; }

 .glowme {
  /* background-image: url('../graphics/cellback.png'); */
  border-bottom: 1px solid #000000;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  box-shadow: 3px 3px 90px #333333;
  /* margin-bottom: 32px; */
  /* filter:alpha(opacity=55);
  -moz-opacity:0.55;
  -khtml-opacity: 0.55;
  opacity: 0.55; */
} 

.bookmark ul { display: table; list-style-type: square; }

/* ----------------- listamatic menu -----------------  */
#navcontainer ul
{
text-align: left;
padding-bottom: 5px;
padding-top: 0px;
padding-left: 0;
margin-top: 0;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
width: 100%;
/* font-family: Tahoma,Helvetica,sans-serif; */
line-height: 18px;
/* fixes Firefox 0.9.3 */
}

#navcontainer ul li
{
/* display: inline; */
padding-left: 0;
padding-right: 0px;
padding-bottom: 5px;
/* matches link padding except for left and right */
padding-top: 5px;

/* background-color: rgb(255, 84, 41); */
background-color: rgb(186,118,35);

}

#navcontainer ul li a
{
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
padding-top: 5px;
text-decoration: none;
}

#navcontainer .viewdis { 
	background-color: #5D8E98;
}

#navcontainer ul li a:hover{
/* background-color: rgb(255, 106, 26); */
background-color: rgb(255, 84, 41);
color: #cc0000;
}


#navcontainer ul #active { 
background-color: #537f88;
/* text-decoration: underline; */
} 

/*      
ul{
list-style-type: none;
padding: 0;
margin: 0;
}

li{
padding: 0;
margin: 0;
}

li:hover { 
background-color: #555952; 
background-image: url('../themes/one/1205.png'); color: #cc0000;

}

li.selected { 
background-color: #555952; 
background-image: url('../themes/one/1205.png'); color: white;

}
*/

/* ----------------- responsive mobile compatible -----------------  */

.mobilemenu { display: none; background-color: rgb(186,118,35); /* background-color: rgb(255, 84, 41); */  }
.sizeimage { max-width: 40%; }
.mobile { display: none; }
.desktop { display: auto; }
.onefocus { margin-top: 150px; margin-left: 300px; border: 3px ridge rgb(186,118,35); }
@media screen and (max-width: 720px) {
    .grid_2 { display: none; }
    .headerpane { padding: 0px !important; }
    .row { width: 100% !important; overflow: auto !important; }
    body { overflow-y: auto; }
    .mobilemenu { display: block; }
    .loweronmobile {  margin-top: 100px; }
    .bookmark { margin: 3px !important; font-size: 1.15em; margin-bottom: 2em !important; width: 99% !important; }
    .grid_10 { width: 95% !important; }
    .sizeimage { width: 100% !important; margin-bottom: 8px; max-width: initial; }
    .mobile { display: block; }
    .desktop { display: none; }
    .onefocus { margin-top: 75px !important; margin-left: 16px !important; }
    
    /* form builder forms */    
    textarea, input[type="text"], input[type="email"] { font-size: 1.15em; }
    label { font-size: 1.15em; }
}