/* Generated by http://www.cssportal.com */ @import url("reset.css"); .body { margin: 0; padding: 0; } form { display: inline; margin: 0; padding: 0; } label { color: #FFFFFF; font-size: 15px; text-transform: uppercase; letter-spacing: 2px; left: 2px; top: 14px; display: block; margin-left: 4px; margin-top: 6px; padding: 2px; } sublabel { color: #ffcc00; font-size: 14px; letter-spacing: 2px; left: 2px; top: 14px; display: block; margin-left: 4px; margin-top: 2px; padding: 2px; } /* unvisited link */ a:link { color: #FFFFFF; } /* visited link */ a:visited { color: #FFFFFF; } /* mouse over link */ a:hover { color: #FFCC00; } /* selected link */ a:active { color: #FFFFFF; } p { padding: 2px; } ul { list-style: circle none; cursor: pointer; cursor: pointer; } li { cursor: pointer; } .cordb { font-weight: bold; } .cordunb { font-weight: normal; } .cordli { cursor: pointer; padding: 0px; margin: 0px !important; list-style: none; } * { box-sizing: border-box; } .row { display: flex; } /* Create two equal columns that sits next to each other */ { flex: 50%; padding: 6px; } .keywords { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border: 2px dashed #CC0000; padding: 4px; display: inline-block; margin: 4px; font-size: 1.2rem; color: #000000; font-family: Verdana; background-color: #FF9900; vertical-align: text-top; } .fetish { padding: 3px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border: 2px dotted #000000; display: inline-block; margin: 4px; font-size: 13pt; font-family: Courier New; background-color: #FFCC00; vertical-align: text-top; color: #ffffff; text-decoration: none: } .fetish_flash { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border: 2px dashed #CC0000; padding: 2px; display: inline-block; margin: 4px; font-size: 1.1rem; color: #000000; font-family: Verdana; vertical-align: initial; animation: blink 5s infinite; } @keyframes blink { 0% { background: #cc0000; } 20% { background: #FF9900; } 40% { background: #cc0000; } 60% { background: #FF9900; } 80% { background: orange; } 100% { background: #FF9900; } } @-webkit-keyframes fetish_flash { 0% { background: #cc0000; } 20% { background: #FF9900; } 40% { background: #cc0000; } 60% { background: #FF9900; } 80% { background: orange; } 100% { background: #FF9900; } } .fetish:hover { padding: 3px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border: 2px dashed #cc0000; display: inline-block; margin: 4px; font-size: 13pt; font-family: Courier New; background-color: #FFCC00; vertical-align: text-top; color: #000000; text-decoration: none: box-shadow:6px 6px 2px #313131; } .fetish:link { color: #ffffff; text-decoration: none; } .fetish:a { color: #ffffff; text-decoration: none; } .fetish_med { border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border: 1px dotted #FFFFFF; padding: 4px; display: inline-block; margin: 2px; font-size: 14pt; font-family: Courier New, Verdana; background-color: #CC0000; vertical-align: text-top; color: #ffffff; } .fetish_med:hover { border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border: 1px dotted #000000; padding: 4px; display: inline-block; margin: 2px; font-size: 14pt; font-family: Courier New, Verdana; background-color: #cc0000; vertical-align: text-top; color: #FFCC00; } .fetish_med:a { border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border: 1px dotted #000000; padding: 4px; display: inline-block; margin: 2px; font-size: 14pt; font-family: Courier New, Verdana; background-color: #FFCC00; vertical-align: text-top; color: #000000; } .fetish_big { border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border: 1px dotted #CC0000; padding: 2px; display: inline-block; margin: 2px; font-size: 16pt; font-family: Courier New, Verdana; background-color: #CC0000; vertical-align: text-top; color: #ffffff; font-weight: bold; } .fetish_big:hover { border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border: 1px dotted #000000; padding: 2px; display: inline-block; margin: 2px; font-size: 16pt; font-family: Courier New, Verdana; background-color: #FFCC00; vertical-align: text-top; color: #000000; font-weight: bold; } .fetish_big:a { border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding: 2px; display: inline-block; margin: 2px; font-size: 16pt; font-family: Courier New, Verdana; vertical-align: text-top; color: #ffffff; font-weight: bold; } table, th, td { border: 0px; } .icons { vertical-align: text-top; } .footnote_left { margin: 1em; background-color: #ffffff; border-radius: 6px; border: 1px solid #000000; margin: 4px; padding: 1px; color: #ffffff; font-size: 13pt; font-family: "Courier New"; background-repeat: no-repeat; background-attachment: fixed; background-position: 98% 6px; cursor: pointer; vertical-align: text-top; width: 40%; float: left; display: inline-block; } .footnote_div { margin: 1em; border-radius: 6px; border: 1px solid #000000; margin: 4px; padding: 1px; background-repeat: no-repeat; background-attachment: fixed; background-position: 98% 6px; cursor: pointer; vertical-align: text-top; float: left; display: inline-block; } * { box-sizing: border-box; } /* Create three unequal columns that floats next to each other */ .xcolumn { float: left; padding: 10px; height: 300px; /* Should be removed. Only for demonstration */ } .left, .right { width: 25%; } .middle { width: 50%; } /* Clear floats after the columns */ .xrow:after { content: ""; display: table; clear: both; } *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .xcolumnsContainer, xfooter, xheader { position: relative; margin: .5em; } .xleftColumn, .xrightColumn, xfooter, xheader { border: 1px solid #ccc; padding: 1.25em; } .xleftColumn { margin-bottom: .5em; } /* MEDIA QUERIES */ @media screen and (min-width: 47.5em) { .xleftColumn { margin-right: 19.5em; } .xrightColumn { position: absolute; top: 0; right: 0; width: 18.75em; } } /* SECTIONS */ .section { clear: both; padding: 0px; margin: 0px; } /* COLUMN SETUP */ .col { display: block; float: left; margin: 1% 0 1% 1.6%; } .col:first-child { margin-left: 0; } /* GROUPING */ .group:before, .group:after { content: ""; display: table; } .group:after { clear: both; } .group { zoom: 1; /* For IE 6/7 */ } /* GRID OF TWO */ .span_2_of_2 { width: 100%; } .span_1_of_2 { width: 49.2%; } /* GO FULL WIDTH AT LESS THAN 480 PIXELS */ @media only screen and (max-width: 480px) { .col { margin: 1% 0 1% 0%; } } @media only screen and (max-width: 480px) { .span_2_of_2, .span_1_of_2 { width: 100%; } } * { box-sizing: border-box; } /* Create two equal columns that floats next to each other when the screen is less than 600px wide).*/ .rcolumn { float: left; width: 50%; padding: 2px; border: 6px solid #000000; border-radius: 4px; background-color: #000000; color: #ffffff; } /* Clear floats after the columns */ .rrow:after { content: ""; display: table; clear: both; } /* Responsive layout - makes the two columns stack on top of each other instead of next to each other */ @media screen and (max-width: 600px) { .rcolumn { width: fit-content; border: 6px solid #000000; border-radius: 4px; background-color: #000000; padding: 2px; color: #ffffff; } } .cordheader { margin: 1em; background-color: #CC0000; border-radius: 6px; border: 1px solid #000000; margin: 6px; padding: 4px; color: #ffffff; font-size: 1.2rem; font-family: "Courier New"; background-repeat: no-repeat; background-attachment: fixed; background-position: 98% 6px; font-weight: bold; vertical-align: text-top; } .cordheader_yellow { margin: 1em; background-color: #FFCC00; border-radius: 6px; border: 1px solid #000000; margin: 3px; padding: 2px; color: #ffffff; font-size: 1.2rem; font-family: "Courier New"; background-repeat: no-repeat; background-attachment: fixed; background-position: 98% 6px; cursor: pointer; font-weight: bold; vertical-align: text-top; } .cordheaderfit { margin: 1em; background-color: #FFCC00; border-radius: 6px; border: 1px solid #000000; margin: 3px; padding: 2px; color: #000000; font-size: 1.2rem; font-family: "Courier New"; background-repeat: no-repeat; background-attachment: fixed; background-position: 98% 6px; width: fit-content; cursor: pointer; font-weight: bold; vertical-align: text-top; } .cordheader2 { margin: 1em; background-color: #FFCC00; border-radius: 6px; border: 1px solid #000000; margin: 3px; padding: 2px; color: #000000; font-size: 1.2rem; font-family: "Courier New"; background-repeat: no-repeat; background-attachment: fixed; background-position: 98% 6px; cursor: pointer; cursor: pointer; font-weight: bold; vertical-align: text-top; } .cordslim { background-color: #ffffff; border-radius: 6px; border: 1px solid #000000; margin: 1px; padding: 2px; color: #000000; font-size: 13pt; font-family: "Courier New"; cursor: pointer; font-weight: bold; vertical-align: text-top; } .cordblank { margin: 1em; margin: 3px; padding: 2px; display: flex; } .cordmessage { display: inline-block; margin: 1em; background-color: #ffcc00; border-radius: 6px; border: 1px solid #000000; margin: 3px; padding: 3px; color: #000000; font-size: 1.2rem; font-family: "Courier New"; background-repeat: no-repeat; background-attachment: fixed; background-position: 98% 6px; cursor: pointer; cursor: pointer; font-weight: bold; vertical-align: text-top; } .cordmessage:hover { opacity: 0.5; } .cordheader_unbold { background-color: #CC0000; border-radius: 4px; border: 1px solid #000000; margin: 2px; padding: 4px; color: #ffffff; font-size: 1.2rem; font-family: Verdana, Tahoma, Arial, "Courier New"; vertical-align: text-top; } .cordheader_unbold_unify { background-color: #CC0000; border-radius: 4px; border: 1px solid #000000; margin: 4px; padding: 4px; color: #ffffff; font-size: 1.2rem; font-family: Verdana, Tahoma, Arial, "Courier New"; vertical-align: text-top; max-width: 350px; display: inline-box; display: flex; flex-wrap: wrap; } @media screen and (min-width: 600px) { .cordheader_unbold_unify { background-color: #CC0000; border-radius: 4px; border: 1px solid #000000; margin: 4px; padding: 4px; color: #ffffff; font-size: 1.2rem; font-family: Verdana, Tahoma, Arial, "Courier New"; vertical-align: text-top; display: inline-box; width: 900px; max-width: 100%; } } .cordheaderbig { margin: 1em; background-color: #CC0000; border-radius: 6px; border: 1px solid #000000; margin: 3px; padding: 2px; color: #ffffff; font-size: 1.3rem; font-family: "Courier New"; background-repeat: no-repeat; background-attachment: fixed; background-position: 98% 6px; cursor: pointer; cursor: pointer; font-weight: bold; vertical-align: text-top; } .cordheaderslide { ////cordheader slide in bottom margin: 1em; background-color: #CC0000; border-radius: 6px; border: 1px solid #000000; margin: 3px; padding: 2px; color: #ffffff; font-size: 1.2rem; font-family: "Courier New"; background-repeat: no-repeat; background-attachment: fixed; background-position: 98% 6px; cursor: pointer; cursor: pointer; font-weight: bold; vertical-align: text-top; -webkit-animation: slide-in-bottom 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: slide-in-bottom 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; } .cordbounceInDown { ////cordcontext bouncin in margin: 1em; background-color: #ffffff; border-radius: 4px; border: 1px solid #ffffff; margin: 5px; padding: 2px; color: #000000; font-size: 11pt; font-family: Arial, Verdana; font-weight: normal; -webkit-animation: bounce-in-top 1s cubic-bezier(0.600, -0.280, 0.735, 0.045) 0.5s forwards; animation: bounce-in-top 1s cubic-bezier(0.600, -0.280, 0.735, 0.045) 0.5s forwards; } @-webkit-keyframes slide-in-bottom { 0% { -webkit-transform: translateY(1000px); transform: translateY(1000px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes slide-in-bottom { 0% { -webkit-transform: translateY(1000px); transform: translateY(1000px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } .cordbounceInTop { ////cordcontext bouncin in margin: 1em; background-color: #ffffff; border-radius: 4px; border: 1px solid #ffffff; margin: 5px; padding: 2px; color: #000000; font-size: 11pt; font-family: Arial, Verdana; font-weight: normal; -webkit-animation: bounce-in-top 1.5s cubic-bezier(0.600, -0.280, 0.735, 0.045) 0.5s forwards; animation: bounce-in-top 1.5s cubic-bezier(0.600, -0.280, 0.735, 0.045) 0.5s forwards; } /* ---------------------------------------------- * Generated by Animista on 2017-11-25 1:36:59 * w: http://animista.net, t: @cssanimista * ---------------------------------------------- */ /** * ---------------------------------------- * animation bounce-in-top * ---------------------------------------- */ @-webkit-keyframes bounce-in-top { 0% { -webkit-transform: translateY(-500px); transform: translateY(-500px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 38% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; opacity: 1; } 55% { -webkit-transform: translateY(-65px); transform: translateY(-65px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 72% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 81% { -webkit-transform: translateY(-28px); transform: translateY(-28px); -webkit-animation-timing-function: ease-in; } 90% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 95% { -webkit-transform: translateY(-8px); transform: translateY(-8px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @keyframes bounce-in-top { 0% { -webkit-transform: translateY(-500px); transform: translateY(-500px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 38% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; opacity: 1; } 55% { -webkit-transform: translateY(-65px); transform: translateY(-65px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 72% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 81% { -webkit-transform: translateY(-28px); transform: translateY(-28px); -webkit-animation-timing-function: ease-in; } 90% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 95% { -webkit-transform: translateY(-8px); transform: translateY(-8px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } .chatcontent { margin: 1em; background-color: #ffffff; border-radius: 4px; border: 1px solid #ffffff; margin: 5px; padding: 2px; } .cordcontent_sauna { margin: 1em; background-color: #FF9900; border-radius: 4px; border: 1px solid #ffffff; margin: 10px; padding: 2px; color: #000000; font-size: 11pt; font-family: Arial, Verdana; font-weight: normal; } .cordcontent_sauna:hover { margin: 1em; background-color: #cc0000; border-radius: 4px; border: 1px solid #ffffff; margin: 10px; padding: 2px; color: #ffffff; font-size: 11pt; font-family: Arial, Verdana; font-weight: normal; cursor: pointer; } .cordcontent { margin: 1em; background-color: #ffffff; border-radius: 4px; border: 1px solid #ffffff; margin: 5px; padding: 2px; color: #000000; font-size: 11pt; font-family: Verdana, Tahoma, Arial; font-weight: normal; } /* unvisited link */ a.cordcontent:link { color: #CC0000; } /* visited link */ a.cordcontent:visited { color: #CC0000; } /* mouse over link */ a.cordcontent:hover { color: #E58C6E; } /* selected link */ a.cordcontent:active { color: #E58C6E; } .cordcontent_footer { border: 0px; color: #000000; font-size: 11pt; font-family: Verdana, Tahoma, Arial; font-weight: normal; } .cordcontent_nav { margin: 5px; padding: 4px; color: #ffffff; font-size: 1.2rem; font-family: Verdana, Tahoma, Arial; font-weight: normal; } .cordcontent_plain { margin: 1em; background-color: #ffffff; border-radius: 4px; border: 1px solid #ffffff; margin: 5px; padding: 2px; font-weight: normal; font-family: Courier New, Arial; width: fit-content; } .cordcontent a:link, .cordcontent a:visited { color: #000000; text-decoration: bold underline; } .cordcontent a:hover { color: #cc0000; text-decoration: bold underline; } .cordcontenty { margin: 1em; background-color: #006699; border-radius: 4px; border: 1px solid #006699; margin: 5px; padding: 2px; color: #000000; font-size: 14pt; font-family: Verdana; font-weight: normal; } .cordcontent_grey { margin: 1em; background-color: #cccccc; border-radius: 4px; border: 1px solid #ffffff; margin: 4px; padding: 2px; color: #000000; font-size: 11pt; font-family: Arial, Verdana; font-weight: normal; } .cordcontent_black { margin: 1em; background-color: #000000; border-radius: 4px; border: 1px solid #ffffff; margin: 4px; padding: 2px; color: #FFFFFF; font-size: 13pt; font-family: Courier, Verdana; font-weight: bold; } .cordcontent_yellow { margin: 1em; background-color: #FFCC00; border-radius: 4px; border: 1px solid #ffcc00; margin: 4px; padding: 2px; color: #000000; font-size: 13pt; font-family: Courier, Verdana; font-weight: bold; } .cordcontent_green { margin: 1em; background-color: #009900; border-radius: 4px; border: 1px solid #009900; margin: 4px; padding: 2px; color: #ffffff; font-size: 13pt; font-family: Courier, Verdana; font-weight: bold; } .cordbutton { margin: 1em; background-color: #ffffff; border-radius: 6px; border: 0px; margin: 5px; padding: 2px; text-align: right; } .cordbutton { margin: 1em; background-color: #ffffff; border-radius: 6px; border: 0px; margin: 5px; padding: 2px; text-align: right; -webkit-animation: pulse 0.7s cubic-bezier(0.15, 0.26, 0.25, 0.34) 1 alternate; animation: pulse 0.7s cubic-bezier(0.15, 0.26, 0.35, 0.34) 1 alternate; background-color: red; opacity: 1; cursor: default; } .cordcol { margin: 1em; margin: 3px; padding: 2px; font-size: 13pt; font-family: "Courier New"; background-repeat: no-repeat; background-attachment: fixed; background-position: 98% 6px; cursor: pointer; cursor: pointer; font-weight: bold; width: 320px; } .checkbx { color: green; background-color: #ffffff; border-radius: 4px; border: 1px solid #000000; } .cordbreak { margin: 1em; background-color: #ffffff; border-radius: 4px; border: 1px solid #ffffff; margin: 0px; padding: 2px; color: #000000; font-size: 11pt; font-family: Arial, Verdana; font-weight: normal; } /* editable profile fields */ .editbox { border: solid 1px #000000; padding: 2px; margin: 2px; background-color: #FFFFFF; outline: none; border-color: #000000; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; color: #000000; font-size: 11pt; text-align: left; } .tabzwrap { padding: 2px; width: 100%; float: right; } #Tabs .Tab { float: left; padding: 2px 2px; cursor: pointer; } #Tabs .On { color: #ffffff; } #Tabs .Content { clear: left; color: #ffffff; } .headerbox { display: inline-block; margin: 1em; background-color: #CC0000; border-radius: 6px; border: 1px solid #CC0000; margin: 5px; padding: 2px; color: #000000; } .headerbox_logo { float: left; margin: 1em; margin: 5px; padding: 2px; color: #000000; } /** RESPONSIVE * ---------------------------------------- * #headerwrap { max-width: 90%; float: left; margin: 0 auto; } #header { background: #000000; border-radius: 6px; border: 0px solid #000000; margin: 0px; } #contentwrap { max-width: 90%; float: left; margin: 0 auto; } * ---------------------------------------- */ #wrapper { margin: 0 auto; width: 1000px; } #headerwrap { width: 1000px; float: center; margin: auto; } #header { background: #000000; border-radius: 6px; border: 0px solid #000000; margin: 0px; } #contentwrap { width: 750px; float: left; margin: auto; } #content { background: #000000; border-radius: 6px; border: 1px solid #000000; margin: 1px; } #rightcolumnwrap { width: 250px; float: left; margin: 0 auto; } #rightcolumn { background: #CC0000; border-radius: 6px; border: 1px solid #b80000; margin: 5px; } #footerwrap { width: 1000px; margin: 0 auto; clear: both; } #footer { height: 80px; background: #000000; border-radius: 6px; border: 1px solid #000000; margin: 5px; } .phototext { /* force the div to properly contain the floated images: */ position: relative; float: left; clear: none; overflow: hidden; } .phototext img { position: relative; z-index: 0; } .phototext .desc { display: block; position: absolute; width: 100%; top: 30%; left: 0; z-index: 2; text-align: center; } .photo_box { border-radius: 2px; border: 1px solid #000000; } .photo_boxwhite { border-radius: 5px; border: 1px solid #ffffff; margin: 1em; } .online_title { display: inline-block; background-color: #cc0000; color: #ffffff; margin: 1px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border: 1px solid #cc0000; font-size: 9pt; font-family: verdana; float: left; padding: 1px; } .name_title { display: inline-block; background-color: #cc0000; color: #000000; margin: 5px; border-radius: 4px; border: 1px solid #ffffff; font-size: 23pt; font-weight: bold; font-family: Arial; float: left; padding: 2px; } .llabel { position: absolute; background-color: #000000; color: #ffffff; line-height: 1em; border-radius: 4px; border: 1px solid #000000; } .coms { display: inline-block; width: 300px; height: 200px; margin: 1em; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border: 1px solid #cc0000; font-family: Arial; color: #000000; font-size: 14pt; font-weight: bold; background: #ffffff; float: left; padding: 2px; } .fluidbox { display: inline-block; margin: 1em; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border: 1px solid #cc0000; font-family: verdana; color: #000000; font-size: 11pt; background: #ffffff; float: left; padding: 2px; } .chato { position: fixed; bottom: 6%; left: 2%; border-radius: 6px; -moz-border-radius: 8px; -webkit-border-radius: 8px; } .chat_privates { position: fixed; bottom: 6%; right: 2%; border-radius: 6px; -moz-border-radius: 8px; -webkit-border-radius: 8px; } .fluidsquare { display: inline-block; width: 140px; margin: 4px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border: 1px solid #000000; font-family: verdana; color: #000000; font-size: 11pt; background: #ffffff; float: left; padding: 2px; } .fluidonline { width: fit-content; margin-left: 0px; margin-right: 2px; margin-top: 2px; margin-bottom: 0px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border: 3px solid #cc0000; font-family: verdana; color: #000000; font-size: 9pt; background: #ffffff; float: left; padding: 2px; } .fluidonline2 { width: 130px; margin: 6px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border: 1px solid #000000; font-family: verdana; color: #000000; font-size: 9pt; background: #000000; float: left; padding: 0px; display: inline-block; } .fluidonline3 { width: 130px; margin: 4px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border: 1px solid #000000; font-family: verdana; color: #000000; font-size: 9pt; float: left; padding: 0px; display: inline-block; } .fluidonline9 { width: fit-content; margin: 4px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border: 1px solid #000000; font-family: verdana; color: #000000; font-size: 9pt; float: left; padding: 0px; display: inline-block; } .featonline { width: 180px; margin: 0px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border: 1px solid #ffffff; font-family: verdana; color: #000000; font-size: 9pt; background: #ffffff; float: left; padding: 0px; display: inline-block; } .fluidgal { margin: 2px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border: 0px solid #FFFFFF; font-family: verdana; font-size: 9pt; background: #FFFFFF; padding: 2px; display: inline-block; } .fluidgal2 { width: 60px; margin: 2px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border: 0px solid #FFFFFF; font-family: verdana; font-size: 9pt; background: #FFFFFF; padding: 2px; display: inline-block; } .fluidgal_cord { width: 52px; margin: 4px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border: 0px solid #FFFFFF; font-family: verdana; font-size: 9pt; background: #FFFFFF; padding: 4px; display: inline-block; } .uploaded { display: inline-block; margin: 2px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border: 1px solid #000000; font-family: verdana; color: #000000; font-size: 9pt; background: #ffffff; float: left; padding: 2px; } .fluidcity { display: inline-block; width: 20%; height: 100%; margin: 4px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border: 1px solid #cc0000; font-family: verdana; color: #000000; font-size: 11pt; background: #ffffff; float: right; padding: 2px; } .float_title { display: inline-block; background-color: #cc0000; color: #ffffff; line-height: 1em; border-radius: 4px; border: 1px solid #ffffff; font-size: 9pt; font-weight: bold; font-family: verdana; padding: 1px; } .air_title { display: fixed; background-color: #cc0000; color: #ffffff; line-height: 1em; border-radius: 4px; border: 1px solid #ffffff; font-size: 11pt; font-weight: bold; font-family: ARIAL; padding: 1px; } .float_edit { display: inline-block; background-color: #ffffff; color: #ffffff; width: 300px; line-height: 1em; border-radius: 6px; border: 1px solid #ffffff; font-size: 10pt; font-weight: bold; font-family: verdana; float: left; padding: 2px; } .float_info { display: inline-block; background-color: #ffffff; width: 300px; color: #000000; border-radius: 4px; border: 3px solid #000000; font-size: 11pt; font-family: verdana; padding: 4px; margin 2px; } .floatbox { width: 200px; height: 100px; margin: 1em; } .after-floatbox { clear: left; } .fade { opacity: 1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; margin: 3px; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border: 2px solid #000000; } .fade:hover { opacity: 0.5; margin: 3px; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border: 2px solid #000000; } div.floating-menu { position: fixed; background: #FFFFFF; border: 0px; width: 326px; z-index: 100; } .contentBox { display: block; border-width: 0px; padding: 10px; margin-top: 2px; overflow: auto; text-align: left; } #progressbox { border: 1px solid #0099CC; padding: 1px; position: relative; width: 200px; border-radius: 3px; margin: 10px; display: none; text-align: left; } #progressbar { height: 20px; border-radius: 3px; background-color: #cc0000; width: 1%; } #statustxt { top: 3px; left: 50%; position: absolute; display: inline-block; color: #FFFFFF; } #upload-wrapper { width: 50%; margin-right: 300px; margin-left: auto; margin-top: 5px; background: #F5F5F5; padding: 5px; border-radius: 5px; box-shadow: 1px 1px 3px #AAA; } #upload-wrapper h3 { padding: 0px 0px 10px 0px; margin: 0px 0px 20px 0px; margin-top: -30px; border-bottom: 1px dotted #DDD; } #upload-wrapper input[type=file] { border: 1px solid #DDD; padding: 6px; background: #FFF; border-radius: 5px; } #upload-wrapper #submit-btn { border: none; padding: 10px; background: #CC0000; border-radius: 5px; color: #FFF; } #save-btn { border: none; padding: 8px; background: #CC0000; border-radius: 2px; color: #FFF; font-size: 14pt; font-weight: bold; align-self: right; -webkit-align-self: right; /* Safari 7.0+ */ align-self: right; } #output { padding: 5px; font-size: 1.2rem; } #output img { border: 1px solid #DDD; padding: 5px; } /* progress bar style */ #progressbox { border: 1px solid #000000; padding: 1px; position: relative; width: 300px; border-radius: 3px; margin: 10px; display: none; text-align: right; } #progressbar { height: 20px; border-radius: 3px; background-color: #CC0000; width: 1%; } #statustxt { top: 3px; left: 50%; position: absolute; display: inline-block; color: #FFFFFF; } .box { padding: 20px; display: none; margin-top: 20px; border: 1px solid #000; } .red { background: #ff0000; } .green { background: #00ff00; } .blue { background: #0000ff; } //rounded style #rounded_wrapper { width: 645px; } #rounded_contentwrap { width: 325px; float: left; margin: 0 auto; } #rounded_content { background: #FFFFFF; border-radius: 10px; border: 1px solid #ebebeb; margin: 5px; } #rounded_leftcolumnwrap { width: 310px; float: left; margin: 0 auto; } #rounded_leftcolumn { background: #CC0000; border-radius: 10px; border: 1px solid #b80000; margin: 5px; } // member bar box #mbar_contentwrap { width: 410px float: left; margin: 0 auto; } #mbar_content { background: #ffffff; border-radius: 10px; border: 1px solid #ffffff; margin: 0px; } #mbar_rightcolumnwrap { width: 490px; float: left; margin: 0 auto; } #mbar_rightcolumn { border-radius: 10px; border: 0px solid #ffffff; margin: 0px; } .statusbutton { font-family: verdana; font-size: 1.2rem; padding: 4px 4px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 2px solid #000000; background: #CC0000; color: #FFFFFF; font-weight: bold; } .statusbutton:hover { background: #006600; color: #FFFFFF; font-weight: bold; -webkit-animation: pulse 0.7s cubic-bezier(0.15, 0.16, 0.15, 0.24) 1 alternate; animation: pulse 0.7s cubic-bezier(0.15, 0.16, 0.15, 0.24) 1 alternate; background-color: red; opacity: 1; cursor: pointer; } .updatebuttonplain { float: right; position: relative; margin: 0 auto; } .updatebutton { border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border: 1px solid #000000; font-family: Arial; color: #ffffff; font-size: 11pt; background: #cc0000; padding: 2px; margin: 2px; float: right; cursor: pointer; } .updatebutton:hover { border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border: 2px solid #000000; font-family: Arial; color: #ffffff; font-weight: bold; font-size: 11pt; background: #cc0000; padding: 2px; margin: 2px; float: right; box-shadow: 3px 2px 5px #313131; -webkit-animation: pulse 0.7s cubic-bezier(0.15, 0.16, 0.15, 0.24) 1 alternate; animation: pulse 0.7s cubic-bezier(0.15, 0.16, 0.15, 0.24) 1 alternate; background-color: red; opacity: 1; cursor: pointer; } .chat_send_button { border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border: 1px solid #000000; font-family: Arial; color: #000000; font-size: 12pt; background: #ffcc00; padding: 2px; margin: 4px; font-weight: bold; box-shadow: 1px 1px 1px #313131; } .chat_send_button:hover { border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border: 1px solid #000000; font-family: Arial; color: #ffffff; font-weight: bold; font-size: 12pt; background: #cc0000; padding: 2px; margin: 4px; box-shadow: 2px 1px 2px #313131; cursor: pointer; } .updatebutton_yellow { border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border: 1px solid #000000; font-family: Arial; color: #000000; font-size: 10pt; background: #ffcc00; padding: 2px; margin: 2px; vertical-align: text-top; font-weight: bold; float: right; box-shadow: 2px 1px 2px #313131; cursor: pointer; } .updatebutton_yellow:hover { border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border: 1px solid #000000; font-family: Arial; color: #ffffff; font-size: 10pt; background: #cc0000; padding: 2px; margin: 2px; vertical-align: text-top; float: right; box-shadow: 2px 1px 2px #313131; opacity: 1; cursor: pointer; } .statusbox { font-family: Verdana; font-size: 12pt; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 2px solid #000000; background: #FFFFFF; color: #000000; padding: 4px; } .statusbox:hover { box-shadow: 3px 2px 5px #313131; } .statusbox_red { background-color: #FF0000; font-family: Verdana; font-size: 12pt; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 2px solid #000000; color: #FFFFFF; padding: 4px; } .statusboxyellow { background-color: #FFCC00; font-family: Verdana; font-size: 12pt; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 2px solid #000000; color: #000000; padding: 4px; } .statusboxgreen { background-color: #006600; font-family: Verdana; font-size: 12pt; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 2px solid #000000; color: #FFFFFF; padding: 4px; } .citybox { font-family: Verdana; font-size: 12pt; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 2px solid #000000; background: #FFFFFF; color: #000000; } .statusbox_green { font-family: Verdana; font-size: 12pt; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 2px solid #000000; background: #339933; color: #FFFFFF; padding: 4px; } .statusbox_yellow { font-family: Arial; font-size: 12pt; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 1px solid #000000; background: #ffcc00; color: #000000; padding: 4px; } .testbutton { font-family: Arial; margin: 2px; align: right; font-size: 12t; padding: 2px 2px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 2px solid #000000; background: #ffcc00; color: #000000; font-weight: bold; box-shadow: 1px 1px 2px #AAA; } .testbutton2:hover { background: #006600; color: #FFFFFF; font-weight: bold; box-shadow: 1px 4px 4px #AAA; float: right; } .testbutton2 { font-family: Arial; float: right; margin: 2px; font-size: 16pt; padding: 2px 2px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 2px solid #000000; background: #cc0000; color: #ffcc00; font-weight: bold; box-shadow: 1px 1px 2px #AAA; } .testbutton:hover { background: #cc0000; color: #FFFFFF; font-weight: bold; box-shadow: 1px 4px 4px #AAA; } .testbuttonon { font-family: verdana; font-size: 1.2rem; padding: 2px 2px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 2px solid #000000; background: #009900; color: #FFFFFF; font-weight: bold; } .testbuttonon:hover { background: #009900; color: #FFFFFF; font-weight: bold; } #topHeader { display: block; } #suiteBar { float: right; } #ribbon { width: 100%; } #ribbonSub {} #navbars { display: block; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border: 2px solid #000000; font-family: Arial; color: #ffffff; font-size: 14pt; background: #cc0000; padding: 2px; margin: 2px; float: left; box-shadow: 1px 1px 2px #ADADAD; } #navbars_grey { display: block; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border: 1px solid #000000; font-family: Arial; text-decoration: bold; color: #ffffff; font-size: 1.2rem; background: #b1b1b1; padding: 4px; margin-right: 4px; margin-bottom: 4px; float: left; vertical-align: initial; } #navbars_yellow { display: block; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border: 1px solid #000000; font-family: Arial; font-weight: bold; color: #ffffff; font-size: 1.2rem; background: #ffcc00; padding: 4px; margin-right: 4px; margin-bottom: 4px; float: left; vertical-align: initial; } #navbars_red { display: block; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border: 1px solid #000000; font-family: Arial; text-decoration: bold; color: #ffffff; font-size: 1.2rem; background: #cc0000; padding: 4px; margin-right: 4px; margin-bottom: 4px; float: left; vertical-align: initial; } #navbars_red_flash { display: block; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border: 2px dotted #000000; font-family: Arial; text-decoration: bold; color: #ffffff; font-size: 1.2rem; background: #cc0000; padding: 4px; margin-right: 4px; margin-bottom: 4px; float: left; vertical-align: initial; animation: blink 0.5s infinite; } @keyframes blink { 0% { background: #cc0000; } 50% { background: #FF9900; } 50% { background: #cc00000; } } @-webkit-keyframes navbars_red_flash { 0% { background: #cc0000; } 50% { background: #FF9900; } 50% { background: #cc00000; } } #navbars_flash a:link { color: #ffffff; text-decoration: none; font-weight: bold; font-family: Arial; vertical-align: initial; } #navbars_flash a:visited { color: #ffffff; text-decoration: none; font-weight: bold; font-family: Arial; vertical-align: initial; } #navbars_flash a:link, #navbars_red a:link, #navbars_red a:visited { color: #ffffff; text-decoration: none; font-weight: bold; font-family: Arial; vertical-align: initial; } #navbars_red_flash_r { display: block; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border: 2px dotted #000000; font-family: Arial; text-decoration: bold; color: #ffffff; font-size: 1.2rem; background: #cc0000; padding: 4px; margin-right: 4px; margin-bottom: 4px; float: left; vertical-align: initial; animation: blink 1s infinite; } @keyframes blink { 5% { background: #cc0000; } 20% { background: #FF9900; } 70% { background: #cc00000; } } @-webkit-keyframes navbars_red_flash { 5% { background: #cc0000; } 20% { background: #FF9900; } 70% { background: #cc00000; } } #navbars_red:hover a { color: #ffcc00; box-shadow: 4px 6px 8px #020202; border-radius: 8px; } #navbars_redright { display: block; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border: 2px solid #cc0000; font-family: Arial; color: #ffffff; font-size: 1.2rem; background: #cc0000; padding: 4px; margin: 2px; float: right; box-shadow: 1px 1px 2px #ADADAD; } #navbars_black { display: block; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border: 2px solid #000000; font-family: Verdana; color: #ffffff; font-size: 1.2rem; background: #000000; padding: 4px; margin: 2px; float: left; } #navbars_user { display: block; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border: 2px solid #ffffff; font-family: Verdana; color: #000000; font-size: 1.2rem; text-decoration: none; font-weight: bold; background: #ffffff; padding: 4px; margin: 2px; float: left; } #navbars_user a:link, #navbars_user a:visited { border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border: 2px solid #ffffff; font-family: Verdana; color: #000000; font-size: 1.2rem; text-decoration: none; font-weight: bold; background: #ffffff; padding: 4px; margin: 2px; float: left; } #navbars_user:hover a { color: #ffcc00; } #navbars_box { display: block; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border: 2px solid #ffffff; font-family: Arial; color: #ffffff; font-size: 1.2rem; font-weight: bold; background: #ffffff; margin: 2px; float: left; padding: 4px; } .navbars_avail { display: block; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border: 1px solid #cc000000; font-family: Arial; text-decoration: bold; color: #ffffff; font-size: 1.2rem; background: #cc0000; padding: 2px; margin: 2px; position: relative; float: left; } .navbars_chat { border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border: 1px solid #336699; font-family: Arial; text-decoration: bold; color: #ffffff; font-size: 1.2rem; background: #cc0000; padding: 4px; margin: 1px; position: fixed; } .multi-column { -webkit-column-count: 5; -moz-column-count: 5; column-count: 5; -webkit-column-gap: 16px; -moz-column-gap: 16px; column-gap: 16px; font-size: 1.2rem; font-family: arial, helvetica, sans-serif; color: #000000; -webkit-column-rule: 1px solid #DEDADA; -moz-column-rule: 1px solid #DEDADA; column-rule: 1px solid #DEDADA; } /* on-off switch */ .onoffswitch { position: relative; float: none; width: 90px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; margin: 50px auto; } .onoffswitch-checkbox { display: none; } .onoffswitch-label { display: block; overflow: hidden; cursor: pointer; border: 2px solid #000000; border-radius: 5px; } .onoffswitch-inner { width: 200%; margin-left: -100%; -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s; -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s; } .onoffswitch-inner:before, .onoffswitch-inner:after { float: left; width: 50%; height: 30px; padding: 0; line-height: 30px; font-size: 16pt; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .onoffswitch-inner:before { content: "ON"; padding-left: 10px; background-color: #009933; color: #FFFFFF; } .onoffswitch-inner:after { content: "OFF"; padding-right: 10px; background-color: #cc0000; color: #FFFFFF; text-align: right; } .onoffswitch-switch { width: 35px; margin: 0px; background: #FFFFFF; border: 2px solid #000000; border-radius: 5px; position: absolute; top: 0; bottom: 0; right: 51px; -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; background-image: -moz-linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); background-image: -webkit-linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); background-image: -o-linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); background-image: linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); } .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner { margin-left: 0; } .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch { right: 0px; } .70x30container1 { width: 557px; position: relative; border: 0px; background-color: #c2caff; overflow: hidden; } .70x30container2 { float: left; position: relative; right: 208px; border-right: 1px solid #ffffff; background-color: #c2caff; } .70x30content1 { float: left; width: 340px; position: relative; left: 208px; padding: 4px; overflow: hidden; } .70x30content2 { float: left; width: 200px; position: relative; left: 209px; padding: 4px; overflow: hidden; } #topics_wrapper { float: left; margin: 0 auto; width: 580px; } #topics_headerwrap { width: 580px; float: left; margin: 0 auto; } #topics_header { height: 54px; background: #3B5998; border-radius: 10px; border: 1px solid #274584; margin: 2px; padding: 3px; } #topics_navigationwrap { width: 580px; float: left; margin: 0 auto; } #topics_navigation { height: 20px; background: #778ECB; border-radius: 5px; border: 1px solid #b3bcd5; margin: 2px; padding: 5px; } #topics_navthin { height: 16px; background: #627DC4; border-radius: 5px; border: 1px solid #b3bcd5; margin: 2px; padding: 3px; } #topics_borderblank { height: 6px; background: #FFFFFF; border-radius: 5px; border: 1px solid #FFFFFF; margin: 2px; padding: 2px; } #topics_contentwrap { width: 440px; float: left; margin: 0 auto; } #topics_content { background: #FFFFFF; border-radius: 10px; border: 1px solid #ebebeb; margin: 5px; padding: 5px } #topics_sig { background: #FFFFFF; border-radius: 10px; border: 1px solid #ebebeb; margin: 5px; padding: 5px; vertical-align: bottom; text-align: left; } #topics_leftcolumnwrap { width: 135px; float: left; margin: 0 auto; } #topics_leftcolumn { background: #C7D0E9; border-radius: 6px; border: 1px solid #b3bcd5; margin: 1px; padding: 8px; text-align: left; } #topics_footerwrap { width: 580px; float: left; margin: 0 auto; clear: both; } #topics_footer { height: 32px; background: #778ECB; border-radius: 10px; border: 1px solid #637ab7; margin: 5px; padding: 5px vertical-align:top; text-align: left; } #topics_issues { height: 32px; background: #96A8D8; border-radius: 10px; border: 1px solid #b3bcd5; margin: 5px; padding: 5px vertical-align:top; text-align: left; } #board_navthin { height: 32x; background: #778ecb; border-radius: 5px; border: 1px solid #b3bcd5; margin: 2px; padding: 3px; } #board_navthinlight { height: 32x; background: #c2caff; border-radius: 5px; border: 1px solid #b3bcd5; margin: 2px; padding: 3px; } .datagrid table { border-collapse: collapse; text-align: left; width: 100%; } .datagrid { font: normal 12px/150% Arial, Helvetica, sans-serif; background: #fff; overflow: hidden; border: 2px solid #FFFFFF; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .datagrid table td, .datagrid table th { padding: 4px 4px; } .datagrid table tbody td { color: #00496B; border-left: 10px solid #FFFFFF; font-size: 14px; border-bottom: 10px solid #FFFFFF; font-weight: normal; } .datagrid table tbody td:first-child { border-left: none; } .datagrid table tbody tr:last-child td { border-bottom: none; } .texform { height: 28px; border: solid 2px #cc0000; padding: 4px; border-radius: 8px; margin: 6px; background-color: #cc0000; outline: none; border-color: #cc0000; font-family: Verdana, "Helvetica Neue", Helvetica, sans-serif; font-size: 10pt; text-align: left; color: #ffffff; font-weight: normal; } .texlab { height: 28px; border: solid 2px #000000; padding: 4px; border-radius: 8px; margin: 2px; background-color: #000000; outline: none; border-color: #000000; font-family: Verdana, "Helvetica Neue", Helvetica, sans-serif; font-size: 10pt; text-align: left; color: #FFFFFF; } .textox_tiny { border: solid 2px #cc0000; padding: 2px; border-radius: 6px; margin: 2px; box-shadow: inset 0px 2px 2px 1px rgba(230, 230, 230, 0.87); background-color: #FFFFFF; outline: none; border-color: #000000; font-family: Verdana, "Helvetica Neue", Helvetica, sans-serif; color: #000000; font-size: 9px; text-align: left; } .textox { border: solid 2px #cc0000; padding: 2px; border-radius: 6px; margin: 2px; box-shadow: inset 0px 2px 2px 1px rgba(230, 230, 230, 0.87); background-color: #FFFFFF; outline: none; border-color: #000000; font-family: Verdana, "Helvetica Neue", Helvetica, sans-serif; color: #000000; font-size: 1rem; text-align: left; } .textox:hover { box-shadow: 3px 2px 5px #313131; } .textox_med { border: solid 2px #cc0000; padding: 2px; border-radius: 6px; margin: 2px; box-shadow: inset 0px 2px 2px 1px rgba(230, 230, 230, 0.87); background-color: #FFFFFF; outline: none; border-color: #000000; font-family: Courier New, Verdana, "Helvetica Neue", Helvetica, sans-serif; color: #000000; font-size: 1.2rem; text-align: left; font-weight: bold; } .textox_red { border: solid 2px #cc0000; padding: 2px; border-radius: 6px; margin: 2px; background-color: #CC0000; outline: none; border-color: #000000; font-family: Courier New, Verdana, "Helvetica Neue", Helvetica, sans-serif; color: #FFFFFF; font-size: 1.2rem; text-align: left; font-weight: bold; } .textox_med:hover { border: solid 2px #cc0000; padding: 2px; border-radius: 6px; margin: 2px; box-shadow: inset 0px 2px 2px 1px rgba(230, 230, 230, 0.87); background-color: #ffcc00; outline: none; border-color: #000000; color: #000000; font-size: 1.2rem; text-align: left; } .textoxbig { border: solid 2px #cc0000; padding: 2px; border-radius: 6px; margin: 2px; box-shadow: inset 0px 2px 2px 1px rgba(230, 230, 230, 0.87); background-color: #FFFFFF; outline: none; border-color: #000000; color: #000000; font-size: 18pt; font-weight: bold; font-family: "Courier New"; text-align: left; } .selectbig { border: solid 2px #cc0000; padding: 2px; border-radius: 6px; margin: 2px; box-shadow: inset 0px 2px 2px 1px rgba(230, 230, 230, 0.87); outline: none; font-size: 16pt; font-weight: bold; font-family: "Courier New"; text-align: left; } /* tooltip */ .tool-tip { border: solid 2px #000000; color: #000000; background-color: #ffffff; text-shadow: none; font-size: 11pt; visibility: hidden; -webkit-border-radius: 7px; -moz-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px; text-align: left; opacity: 0; z-index: 999; padding: 4px; position: absolute; cursor: default; -webkit-transition: all 240ms ease-in-out; -moz-transition: all 240ms ease-in-out; -ms-transition: all 240ms ease-in-out; -o-transition: all 240ms ease-in-out; transition: all 240ms ease-in-out; } .tool-tip, .tool-tip.top { top: auto; bottom: 114%; left: 50%; } .tool-tip.top:after, .tool-tip:after { position: absolute; bottom: -12px; left: 50%; margin-left: -7px; content: ' '; height: 0px; width: 0px; border: 6px solid transparent; border-top-color: #ffffff; } /* default heights, width and margin w/o Javscript */ .tool-tip, .tool-tip.top { width: 80px; height: 20px; margin-left: -43px; } /* tool tip position right */ .tool-tip.right { top: 50%; right: auto; left: 106%; margin-top: -15px; margin-right: auto; margin-left: auto; } .tool-tip.right:after { left: -5px; top: 50%; margin-top: -6px; bottom: auto; border-top-color: #ffffff; border-right-color: #ffffff; } /* tool tip position left */ .tool-tip.left { top: 50%; left: auto; right: 105%; margin-top: -15px; margin-left: auto; } .tool-tip.left:after { left: auto; right: -12px; top: 50%; margin-top: -6px; bottom: auto; border-top-color: transparent; border-left-color: rgba(0, 0, 0, .7); } /* tool tip position bottom */ .tool-tip.bottom { top: 115%; bottom: auto; left: 25%; margin-bottom: auto; } .tool-tip.bottom:after { position: absolute; top: -30px; left: 50%; margin-left: -7px; content: ' '; height: 0px; width: 0px; border: 6px solid transparent; border-top-color: transparent; } /* tooltip on focus left and right */ .on-focus .tool-tip.left, .on-focus .tool-tip.right { margin-top: -19px; border-color: #000000; } /* on hover of element containing tooltip default*/ *:not(.on-focus):hover>.tool-tip, .on-focus input:focus+.tool-tip { visibility: visible; opacity: 1; -webkit-transition: all 240ms ease-in-out; -moz-transition: all 240ms ease-in-out; -ms-transition: all 240ms ease-in-out; -o-transition: all 240ms ease-in-out; transition: all 240ms ease-in-out; } /* tool tip slide out */ *:not(.on-focus)>.tool-tip.slideIn, .on-focus>.tool-tip { display: block; } .on-focus>.tool-tip.slideIn { z-index: -1; } .on-focus>input:focus+.tool-tip.slideIn { z-index: 1; } /* bottom slideIn */ *:not(.on-focus)>.tool-tip.slideIn.bottom, .on-focus>.tool-tip.slideIn.bottom { top: 50%; } *:not(.on-focus):hover>.tool-tip.slideIn.bottom, .on-focus>input:focus+.tool-tip.slideIn.bottom { top: 115%; } .on-focus>input:focus+.tool-tip.slideIn.bottom { top: 100%; } /* top slideIn */ *:not(.on-focus)>.tool-tip.slideIn, *:not(.on-focus)>.tool-tip.slideIn.top, .on-focus>.tool-tip.slideIn, .on-focus>.tool-tip.slideIn.top { bottom: 50%; } *:not(.on-focus):hover>.tool-tip.slideIn, *:not(.on-focus):hover>.tool-tip.slideIn.top, .on-focus>input:focus+.tool-tip.slideIn, .on-focus>input:focus+.tool-tip.slideIn.top { bottom: 110%; } /* left slideIn */ *:not(.on-focus)>.tool-tip.slideIn.left, .on-focus>.tool-tip.slideIn.left { right: 50%; } *:not(.on-focus):hover>.tool-tip.slideIn.left, .on-focus>input:focus+.tool-tip.slideIn.left { right: 105%; } /* right slideIn */ *:not(.on-focus)>.tool-tip.slideIn.right, .on-focus>.tool-tip.slideIn.right { left: 50%; border-color: #000000; border: 4pt; } *:not(.on-focus):hover>.tool-tip.slideIn.right, .on-focus>input:focus+.tool-tip.slideIn.right { left: 105%; border-color: #000000; } .Three-Dee { font-family: Arial; line-height: 1em; font-weight: bold; color: #cc0000; font-size: 1.2rem; text-shadow: 1px 1px 1px rgba(254, 185, 183, 1); background-color: #FFCC00; padding: 2px; } .Three-Dee-green { font-family: Arial; line-height: 1em; font-weight: bold; color: #009900; font-size: 18px; text-shadow: 1px 1px 1px rgba(254, 185, 183, 1); } #flexcanvas { width: 100%; height: 600px !important; } .rowParent, .columnParent { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .columnParent { -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .flexChild { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; background-color: #FFFFFF; border-radius: 10px; margin: 2px; padding: 4px; } ///////escort page styles #box-wrap-inner { display: -webkit-box; display: -moz-box; display: box; -webkit-box-direction: reverse; -moz-box-direction: reverse; box-direction: reverse; } #box-1 { -webkit-box-flex: 6; -moz-box-flex: 6; box-flex: 6; } #box-2 { -webkit-box-flex: 4; -moz-box-flex: 4; box-flex: 4; } #box-3 { -webkit-box-flex: 3; -moz-box-flex: 3; box-flex: 3; } .lex-container { width: 100%; margin: 0 auto; display: -webkit-flex; /* Safari */ display: flex; /* Standard syntax */ background: #000000; } .lex-container .column { -webkit-flex: 1; /* Safari */ -ms-flex: 1; /* IE 10 */ flex: 1; /* Standard syntax */ margin: 4px; padding: 3px; } .lex-container .column.bg-alt { margin: 4px; padding: 3px; } .modal { opacity: 0; visibility: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; text-align: left; background: rgba(0, 0, 0, .9); transition: opacity .25s ease; } .modal__bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; cursor: pointer; } .modal-state { display: none; } .modal-state:checked+.modal { opacity: 1; visibility: visible; } .modal-state:checked+.modal .modal__inner { top: 0; } .modal__inner { transition: top .25s ease; position: absolute; top: -20%; right: 0; bottom: 0; left: 0; width: 50%; margin: auto; overflow: auto; background: #fff; border-radius: 5px; padding: 1em 2em; height: 50%; } .modal__close { position: absolute; right: 1em; top: 1em; width: 1.1em; height: 1.1em; cursor: pointer; } .modal__close:after, .modal__close:before { content: ''; position: absolute; width: 2px; height: 1.5em; background: #ccc; display: block; transform: rotate(45deg); left: 50%; margin: -3px 0 0 -1px; top: 0; } .modal__close:hover:after, .modal__close:hover:before { background: #aaa; } .modal__close:before { transform: rotate(-45deg); } @media screen and (max-width: 768px) { .modal__inner { width: 90%; height: 90%; box-sizing: border-box; } } /* Other * =============================== */ modalbody { padding: 1%; font: 1/1.5em sans-serif; text-align: center; } .btn { cursor: pointer; background: #27ae60; display: inline-block; padding: .5em 1em; color: #fff; border-radius: 3px; } .btn:hover, .btn:focus { background: #2ecc71; } .btn:active { background: #27ae60; box-shadow: 0 1px 2px rgba(0, 0, 0, .2) inset; } .btn--blue { background: #2980b9; } .btn--blue:hover, .btn--blue:focus { background: #3498db; } .btn--blue:active { background: #2980b9; } p img { max-width: 200px; height: auto; float: left; margin: 0 1em 1em 0; } .tutorialWrapper { width: 100%; } .tutorialWrapper form { background-color: #ffc; border: 1px solid #cc9; padding: 10px; font-family: verdana; width: 75%; font-size: 14pt; } .fieldWrapper { margin: 2px 0 2px 0; padding: 0; } .tutorialWrapper label { float: left; text-align: right; margin: 0 5px 0 0; width: 30%; } .tutorialWrapper input { width: 200px; border: 1px solid #cc9; } .confirmMessage { margin: 0; padding: 0; font-size: .8em; } /** * Tooltip Styles */ /* Add this attribute to the element that needs a tooltip */ [data-tooltip] { position: relative; z-index: 2; cursor: pointer; } /* Hide the tooltip content by default */ [data-tooltip]:before, [data-tooltip]:after { visibility: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; pointer-events: none; } /* Position tooltip above the element */ [data-tooltip]:before { position: absolute; bottom: 150%; left: 50%; margin-bottom: 5px; margin-left: -80px; padding: 7px; width: 160px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #000; background-color: hsla(0, 0%, 20%, 0.9); color: #fff; content: attr(data-tooltip); text-align: center; font-size: 14px; line-height: 1.2; } /* Triangle hack to make tooltip look like a speech bubble */ [data-tooltip]:after { position: absolute; bottom: 150%; left: 50%; margin-left: -5px; width: 0; border-top: 5px solid #000; border-top: 5px solid hsla(0, 0%, 20%, 0.9); border-right: 5px solid transparent; border-left: 5px solid transparent; content: " "; font-size: 0; line-height: 0; } /* Show tooltip content on hover */ [data-tooltip]:hover:before, [data-tooltip]:hover:after { visibility: visible; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .GeneratedMarquee { width: 700px; margin: 0 auto; overflow: hidden; } .u-wrapper { overflow: hidden; } .u-wrapper div { padding: 0px; } #u-one { float: left; margin-right: 20px; width: 360px; } #u-fifty1 { float: left; margin-right: 20px; width: 360px; } #u-fifty2 { overflow: hidden; margin: 0px; width: 360px; } #u-fifty8 { float: left; width: 50%; } #u-fifty9 { overflow: hidden; margin: 0px; width: 40%; } #u-two { overflow: auto; margin: 0px; width: 360px; } @media screen and (max-width: 300px) { #u-one { float: none; margin-right: 0; width: auto; border: 0; } } ///loader bar 2018 .float_center { float: right; position: relative; left: -50%; /* or right 50% */ text-align: left; } #loadFacebookG { width: 106px; height: 106px; display: block; position: relative; margin: auto; padding: 10px; } .facebook_blockG { background-color: rgb(255, 255, 255); border: 2px solid rgb(204, 0, 0); float: left; height: 75px; margin-left: 6px; width: 20px; opacity: 0.1; animation-name: bounceG; -o-animation-name: bounceG; -ms-animation-name: bounceG; -webkit-animation-name: bounceG; -moz-animation-name: bounceG; animation-duration: 1.105s; -o-animation-duration: 1.105s; -ms-animation-duration: 1.105s; -webkit-animation-duration: 1.105s; -moz-animation-duration: 1.105s; animation-iteration-count: infinite; -o-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-direction: normal; -o-animation-direction: normal; -ms-animation-direction: normal; -webkit-animation-direction: normal; -moz-animation-direction: normal; transform: scale(0.7); -o-transform: scale(0.7); -ms-transform: scale(0.7); -webkit-transform: scale(0.7); -moz-transform: scale(0.7); } #blockG_1 { animation-delay: 0.3295s; -o-animation-delay: 0.3295s; -ms-animation-delay: 0.3295s; -webkit-animation-delay: 0.3295s; -moz-animation-delay: 0.3295s; } #blockG_2 { animation-delay: 0.446s; -o-animation-delay: 0.446s; -ms-animation-delay: 0.446s; -webkit-animation-delay: 0.446s; -moz-animation-delay: 0.446s; } #blockG_3 { animation-delay: 0.5525s; -o-animation-delay: 0.5525s; -ms-animation-delay: 0.5525s; -webkit-animation-delay: 0.5525s; -moz-animation-delay: 0.5525s; } @keyframes bounceG { 0% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(0.7); opacity: 0.1; } } @-o-keyframes bounceG { 0% { -o-transform: scale(1.2); opacity: 1; } 100% { -o-transform: scale(0.7); opacity: 0.1; } } @-ms-keyframes bounceG { 0% { -ms-transform: scale(1.2); opacity: 1; } 100% { -ms-transform: scale(0.7); opacity: 0.1; } } @-webkit-keyframes bounceG { 0% { -webkit-transform: scale(1.2); opacity: 1; } 100% { -webkit-transform: scale(0.7); opacity: 0.1; } } @-moz-keyframes bounceG { 0% { -moz-transform: scale(1.2); opacity: 1; } 100% { -moz-transform: scale(0.7); opacity: 0.1; } } .clearfix { overflow: auto; } .unify_flex-container { display: flex; flex-wrap: wrap; text-align: left; margin: 1px; padding: 1px; } .unify_flex-item-left { width: fit-content; max-width: 340px; padding-bottom: 8px; margin: 1px; flex: 50%; text-align: left; } .unify_flex-item-right { width: 330px; padding-bottom: 8px; flex: 50%; text-align: left; margin: 6px; } /* Responsive layout - makes a one column-layout instead of a two-column layout */ @media screen and (max-width: 350px) { .unify_flex-item-right, .unify_flex-item-left { flex: 100%; } } table.rates_table { font-family: "Courier New", Courier, monospace; border: 2px solid #000000; border-radius: 4px; -webkit-border-radius: 3px; -moz-border-radius: 3px; background-color: #EEEEEE; width: fit-content; text-align: left; margin: 6px; } table.rates_table td, table.rates_table th { border: 1px solid #000000; border-radius: 4px; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding: 3px 3px; } table.rates_table tbody td { font-size: 16px; font-weight: bold; color: #121212; } table.rates_table tr:nth-child(even) { background: #F5F5F5; } table.rates_table thead { background: #CC0000; border-bottom: 2px solid #444444; } table.rates_table thead th { font-size: 16px; font-weight: bold; padding: 5px; color: #FFFFFF; border: 2px solid #000000; border-radius: 4px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } table.rates_table thead th:first-child { border-left: 2px; border-radius: 4px; } table.rates_table tfoot td { font-size: 16px; font-weight: bold; } table.rates_table tfoot .links { text-align: right; } table.rates_table tfoot .links a { display: inline-block; background: #1C6EA4; color: #FFFFFF; padding: 2px 2px; border-radius: 5px; }