/* general body structure and body parts */

* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
* {-webkit-touch-callout: none;-webkit-user-select: none; /* Disable selection/copy in UIWebView */}

html, body {height: 100%}
html {touch-action: manipulation;}
body {touch-action: manipulation; font-size: 17px; color: #000000; font-weight: normal; font-family: SF, sans-serif; text-decoration: none; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;  line-height: 1.4em; text-align: left; background-color: #ffffff; } /*background-image: url(../../graphics/all/gridback50x50.png);*/
.header {position: relative; min-width: 100% width: 100% font-size: 1.3em; font-weight: bold; color: #000000; text-align: left; line-height: 28px; height: 40px; padding: 0; z-index: 100;}	/*  border-bottom: solid rgba(0,0,0,0.3); border-width: 2px; */
.header:nth-child(n) {filter: none;}
.navicon {float: left; margin: 8px 1px 1px 8px; width: 28px; height: 28px; line-height: 28px; background: transparent;}
.content {display: block; position: relative; margin: 2.0em 2.0em; padding: 0; border: solid #999999; border-width: 1px; background: #ffffff;}
.content:nth-child(n) {filter: none;}
/*
a, a:link, a:active, a:visited {color: rgba(0,122,255,1); font-weight: normal; text-decoration: none;}
a:hover {color: #007cc6; font-weight: normal; text-decoration: none;}
*/
a, a:link, a:active, a:visited {color: rgba(0,122,255,1); font-weight: normal; text-decoration: none; outline: none;}
a:hover {color: rgba(0,122,255,1); font-weight: normal; text-decoration: none; outline: none;}

.inlink, .inlink2 {color: rgba(0,122,255,1); font-weight: normal; cursor: pointer;}
.inlink:hover, .inlink2:hover {color: rgba(0,122,255,1); font-weight: normal; cursor: pointer;}

.awe a, .awe a:link, .awe a:active, .awe a:visited, .awe a:hover {line-height: 44px; text-align: center; font: 500 44px/1.0; color: rgba(255,255,255,1);}
.awe-2 a, .awe-2 a:link, .awe-2 a:active, .awe-2 a:visited, .awe-2 a:hover {line-height: 44px; text-align: center; font: 500 44px/1.0; color: rgba(0,122,255,0.9);}

.inner-link {cursor: pointer; color: rgba(0,122,255,1);}
.curse {cursor: pointer;}
.point {cursor: pointer;}

.stroke1 {text-shadow:1px 0 0 rgba(0,0,0,0.2),0 1px 0 rgba(0,0,0,0.2),-1px 0 0 rgba(0,0,0,0.2),0 -1px 0 rgba(0,0,0,0.2);}

/*
p {margin-top: -0.5em; padding: 0;}
img {max-width: 100%; vertical-align: bottom;}   vertical-align: bottom; - if needed to wipeout extra pixels on bottom of img files 
*/  
pre {font-size: 0.8em; width: 100%; overflow: auto; -webkit-overflow-scrolling: touch;}
.bggrad1 {background: -webkit-linear-gradient(left, #ffffff 0%,#e5e5e5 52%,#dddddd 100%); background: linear-gradient(to right, #ffffff 0%,#e5e5e5 52%,#dddddd 100%);}
.bggrad2 {background: -webkit-linear-gradient(left, #fafafa 0%,#eeeeee 70%,#e8e8e8 100%); background: linear-gradient(to right, #fafafa 0%,#eeeeee 70%,#e8e8e8 100%);}
.bggrad3 {background: -webkit-linear-gradient(left, #ffffff 0%,#eeeeee 65%,#dddddd 100%); background: linear-gradient(to right, #ffffff 0%,#eeeeee 65%,#dddddd 100%);}

.vgrad-back-1 {border: 1px solid rgba(255,255,255,0.7); background: -moz-linear-gradient(top, rgba(255,255,255,0.33) 0%, rgba(255,255,255,0.46) 19%, rgba(255,255,255,0.80) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0.33) 0%,rgba(255,255,255,0.46) 19%,rgba(255,255,255,0.80) 100%); background: linear-gradient(to bottom,  rgba(255,255,255,0.33) 0%,rgba(255,255,255,0.46) 19%,rgba(255,255,255,0.80) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54ffffff', endColorstr='#ffffff',GradientType=0 );}
.vgrad-back-2 {background: -moz-linear-gradient(top, rgba(255,255,255,0.23) 0%, rgba(255,255,255,0.36) 19%, rgba(255,255,255,0.70) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0.23) 0%,rgba(255,255,255,0.36) 19%,rgba(255,255,255,0.70) 100%); background: linear-gradient(to bottom,  rgba(255,255,255,0.23) 0%,rgba(255,255,255,0.36) 19%,rgba(255,255,255,0.70) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54ffffff', endColorstr='#ffffff',GradientType=0 );}
.vgrad-back-3 {background: -moz-linear-gradient(top, rgba(255,255,255,0.36) 0%, rgba(255,255,255,0.48) 19%, rgba(255,255,255,0.70) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0.36) 0%, rgba(255,255,255,0.48) 19%, rgba(255,255,255,0.70) 100%); background: linear-gradient(to bottom,  rgba(255,255,255,0.36) 0%,rgba(255,255,255,0.48) 19%,rgba(255,255,255,0.70) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54ffffff', endColorstr='#ffffff',GradientType=0 );}
.vgrad-back-4 {background: -moz-linear-gradient(top,  rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.7) 22%, rgba(255,255,255,0.8) 47%, rgba(255,255,255,0.9) 100%); background: -webkit-linear-gradient(top,  rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.7) 22%,rgba(255,255,255,0.8) 47%,rgba(255,255,255,0.9) 100%); background: linear-gradient(to bottom,  rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.7) 22%,rgba(255,255,255,0.8) 47%,rgba(255,255,255,0.9) 100%); /filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccffffff', endColorstr='#e6ffffff',GradientType=0 );}

.bshadow {-webkit-box-shadow:  1px 1px 6px -1px rgba(0,0,0,0.2); box-shadow:  1px 1px 6px -1px rgba(0,0,0,0.2);}
.bshadow0 {-webkit-filter: drop-shadow(0 0 0 rgba(0,0,0,0.0)); filter: drop-shadow(0 0 0 rgba(0,0,0,0.0));}
.bshadow1 {-webkit-filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.1)); filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.1));}
.bshadow2 {-webkit-filter: drop-shadow(4px 4px 6px rgba(0,0,0,0.3)); filter: drop-shadow(4px 4px 6px rgba(0,0,0,0.3));}
.bshadow3 {-webkit-filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.2)); filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.2));}
.bshadow4 {-webkit-filter: drop-shadow(6px 6px 6px rgba(0,0,0,0.3)); filter: drop-shadow(6px 6px 6px rgba(0,0,0,0.3));}
.tshadow {text-shadow: 2px 2px 3px rgba(0,0,0,0.3);}
.bgtrans {background: transparent;}
.bgwhite {background-color: #ffffff;}
.see {display: block;}
.nosee {display: none;}
.op00 {opacity: 0.0;}
.op01 {opacity: 0.1;}
.op02 {opacity: 0.2;}
.op03 {opacity: 0.3;}
.op04 {opacity: 0.4;}
.op05 {opacity: 0.5;}
.op06 {opacity: 0.6;}
.op07 {opacity: 0.7;}
.op08 {opacity: 0.8;}
.op09 {opacity: 0.9;}
.op10 {opacity: 1;}
.point {cursor: pointer;}
.bold {font-weight: bold;}
.z0 {z-index: 0;}
.z1 {z-index: 1;}
.z2 {z-index: 2;}
.z3 {z-index: 3;}
.z4 {z-index: 4;}
.z5 {z-index: 5;}
.z6 {z-index: 6;}
.z7 {z-index: 7;}
.z8 {z-index: 8;}
.z9 {z-index: 9;}
.z10 {z-index: 10;}
.z11 {z-index: 11;}
.z12 {z-index: 12;}
.z13 {z-index: 13;}
.z14 {z-index: 14;}
.z15 {z-index: 15;}
.z16 {z-index: 16;}
.z17 {z-index: 17;}
.z18 {z-index: 18;}
.z19 {z-index: 19;}
.z20 {z-index: 20;}

.trans100 {-webkit-transition: all 100ms ease-in; transition: all 100ms ease-in;}
.trans150 {-webkit-transition: all 150ms ease-in; transition: all 150ms ease-in;}
.trans200 {-webkit-transition: all 200ms ease-in; transition: all 200ms ease-in;}
.trans250 {-webkit-transition: all 250ms ease-in; transition: all 250ms ease-in;}
.trans300 {-webkit-transition: all 300ms ease-in; transition: all 300ms ease-in;}
.trans400 {-webkit-transition: all 400ms ease-in; transition: all 400ms ease-in;}
.trans500 {-webkit-transition: all 500ms ease-in; transition: all 500ms ease-in;}
.trans600 {-webkit-transition: all 600ms ease-in; transition: all 600ms ease-in;}
.trans700 {-webkit-transition: all 700ms ease-in; transition: all 700ms ease-in;}
.trans750 {-webkit-transition: all 750ms ease-in; transition: all 750ms ease-in;}
.trans800 {-webkit-transition: all 800ms ease-in; transition: all 800ms ease-in;}
.trans900 {-webkit-transition: all 900ms ease-in; transition: all 900ms ease-in;}
.trans1000 {-webkit-transition: all 1000ms ease-in-out; transition: all 1000ms ease-in-out;}
.trans2000 {-webkit-transition: all 2000ms ease-in-out; transition: all 2000ms ease-in-out;}
.trans3000 {-webkit-transition: all 3000ms ease-in-out; transition: all 3000ms ease-in-out;}
.trans4000 {-webkit-transition: all 4000ms ease-in-out; transition: all 4000ms ease-in-out;}
.trans5000 {-webkit-transition: all 5000ms ease-in-out; transition: all 5000ms ease-in-out;}
.trans6000 {-webkit-transition: all 6000ms ease-in-out; transition: all 6000ms ease-in-out;}

.gray0 {background-color: rgba(255, 255, 255, 0.8);}
.gray1 {background-color: rgba(232, 232, 232, 0.8);}
.gray2 {background-color: rgba(221, 221, 221, 0.8);}
.gray3 {background-color: rgba(187, 187, 187, 0.8);}
.gray4 {background-color: rgba(175, 175, 175, 0.8);}
.gray5 {background-color: rgba(152, 152, 152, 0.8);}
.gray6 {background-color: rgba(141, 141, 141, 0.8);}
.gray7 {background-color: rgba(130, 130, 130, 0.8);}

.rborder {border: solid #cccccc; border-width: 0 1px 0 0; z-index: 2;}
.bborder {border: solid #cccccc; border-width: 0 0 1px 0; z-index: 2;}
.tborder {border: solid #cccccc; border-width: 1px 0 0 0; z-index: 2;}
.tbborder {border: solid #cccccc; border-width: 1px 0 1px 0; z-index: 2;}

.cache-con {display: none; position: absolute; visibility: hidden; width: 1px; height: 1px; top: 0; left: -2000px; background: transparent;}