html { font-family:roboto;
background-size:cover;
}
@font-face {
font-family:bebas;
src: url('bebas.otf') format("truetype");
}
@font-face {
font-family:kano;
src: url('Roboto.otf') format("truetype");
}
@font-face {
font-family:roboto;
src: url('Roboto.ttf') format("truetype");
}
body {margin:0px;
padding:0px;}
footer {background:black;
width:100%;
height:65%;
position:absolute;
font-family:roboto;
font-size:120%;
vertical-align: bottom;
}
div.home { background: url(../images/coffee.jpg) center top no-repeat;
background-size:auto 70vh;
background-position:70% 0%;
background-color: black;
}
div.livepage {
background: url(../images/iphoneblacklivetrans.png) left top no-repeat;
background-size:95%;
background-position:center 85%;
background-color:white;
height:95vh;
width:100%;
clear:both;
}
div.buypage {
background: url(../images/iphoneredbuy.png) no-repeat;
background-size:auto 105vh;
background-position:50% 0px;
background-color:#1a1b1a;
height:95vh;
width:100%;
clear:both;
}
div.createAccount {
background: url(../images/createAccount.png) left no-repeat;
background-size:175%;
background-position: 50% 150px;
background-color:white;
height:93vh;
width:100%;
}
div.premiumBanner {
background: url(../images/iphonexPremium.png) no-repeat;
background-size: 175% auto;
background-position:53% 36vh;
background-color:#181818;
height:93vh;
width:100%;
padding-top:50px;
margin-top:25px;
}
div.newDeal {
background: url(../images/newDeal.png) no-repeat;
background-size:150%;
background-position: 50% 80%;
background-color:#1d1d1f;
height:93vh;
width:100%;
}
div.redeempage {
background: url(../images/iphonexredeemtrans.png) center no-repeat;
background-size:auto 90vh;
background-position:center 100px;
background-color:white;
height:95vh;
width:100%;
clear:both;
}
div.statistics {
background: url(../images/statisticsPage.png) no-repeat;
background-size:35%;
background-position: 50% 80%;
background-color:#1d1d1f;
height:93vh;
width:100%;
}
div.glass { background: url(../images/glass.jpg) center top fixed repeat;
background-size:350% 100%;
}
div.fundraiser { background: url(../images/rexLove.jpg) center top fixed no-repeat;
background-size:100% auto;
background-position:0 50px;
}
div.fundraiserHeader { width:100%; height:225px;
background-color:none;
color:white;
line-height:30px;
}
div.business { background: url(../images/darktable.png) no-repeat;
background-size: 265%;
background-position:30% -4%;}
div.jobs { background: url(../images/studying.jpg) fixed no-repeat;
background-size:250% auto;
background-position:top center;
}
div.job-portal { background: url(../images/hustle.jpg) fixed no-repeat;
background-size: auto 500px;
background-position: 0% 0%;
}
div.login { background: url(../images/city.jpg) center top fixed no-repeat;
background-size:250% 100%;
}
div.contact {width:100%;
height:auto;
margin:auto;
margin-top:10%;
background:none;
text-align:left;}
div.contact input {width:80%;
padding:3px;
margin:10px;
margin-left:0;
border:none;
border:solid .5px black;
background:none;
color:#F28D00;
font-size:4vw;
text-align:center;
}
div.navigation {width:100%;
height:50px;
position:fixed;
top:0;
background:black;
display:none;
}
div.navsmall {width:100%;
height:auto;
position:fixed;
top:0;
background:white;
display:inline;
z-index:2;
box-shadow: 1px 1px 3px 2px rgba(0,0,0,0.1);
}
div#image_preview {
position:relative;
width:100%;
height:auto;
/*overflow-x:hidden;*/
margin:0;
max-height:66vh;
overflow-y:hidden;
}
img.discount {
width:90%;
height:100%;
border-radius:20px;
box-shadow: 2px 2px 8px 2px rgba(0,0,0,0.3);
margin-bottom:10px;
}
img.dropbtn {
padding:0px;
margin-left:5%;
margin-top:5%;
cursor: pointer;
width: 19px;
position:fixed;
top:0;
}
.dropdown-content {
padding:0;
margin: 0px;
display: none;
text-align:left;
position: absolute;
background-color: white;
min-width: 100%;
box-shadow: 1px 1px 3px 2px rgba(0,0,0,0.1);
top:48px;
border-top:none;
border-bottom:none;
}
.dropdown-content a {
color: grey;
padding:10px 5%;
text-decoration: none;
display: block;
text-align:left;
font-size: 4vw;
width:100%;
border-top:none;
border-bottom:none;
}
.show {display:block;}
div.footer {width:100%;
height:auto;
clear:both;}
div.header { width:100%; height:430px;
background-color:none;
color:white;
line-height:30px;
}
div.stuff1 {width:100%; height:auto;
background-color:white;
margin-bottom:.2em;
clear:both;
}
div.stuff2 {width:100%; height:auto;
background-color:white;
color: #01DFD7;
font-size:1.7vw;
color:black;
padding-bottom:15px;
margin:0px;
clear:both;
}
div.small {width:100%;
height:250px;
background-color:#1d1d1f;
text-align:center;
clear:both;
padding:0%;
}
div.smallcard{
width: 90%;
height:400px;
margin:5% 0;
margin-right:0;
border-radius:10px;
box-shadow: 2px 4px 8px 2px rgba(0,0,0,0.3);
position:relative;
z-index:0;
}
div.smallercard {
width: 75%;
height:200px;
margin:5% 0;
margin-right:0;
border-radius:10px;
box-shadow: 2px 4px 8px 2px rgba(0,0,0,0.3);
position:relative;
z-index:0;
}
div.card{
width: 1075px;
height:700px;
margin:1.5% 2.5%;
border-radius:25px;
box-shadow: 2px 4px 8px 2px rgba(0,0,0,0.3);
}
div.thirdcontainer {
width:auto;
height:auto;
background:white;
display:table;
}
div.third {
width:100%;
float:left;
background:white;
text-align:center;
display:inline-block;
padding:3% 0;
}
div.price {width:100%;
height:auto;
background-color:#1d1d1f;
}
div.break {height:0%;
background:none;
clear:both;
display:none;}
div.break-big {height:50vw;
background:none;
clear:both;}
div.process {width:auto;
height:auto;
background-color:white;
text-align:left;
margin:0;
padding:0;
}
div.processcontainer {
width:100%;
height:auto;
display:inline-block;
background:white;
}
div.card-content {
width: 90%;
height:400px;
margin:5% 0;
margin-right:0;
border-radius:10px;
box-shadow: 2px 4px 8px 2px rgba(0,0,0,0.3);
position:relative;
z-index:0;
}
div.container {position:center center;
width:100%;
height:auto;
margin:auto;
margin-top:6%;
background-color:white;}
div.premiumCard {
margin-left:0;
margin-bottom:50px;
background:white;
width:200px;
height:300px;
box-shadow: 1px 1px 4px;
border-radius:25px;
}
p.premiumcard {
text-align:center;
width:200px;
font-size:9pt;
letter-spacing:1.1pt;
color:black;
padding-top:6px;
font-weight:bold;
margin:0px;
}
#black {
background:black;
width:200px;
height:275px;
border-radius:25px;
border-bottom-right-radius:0px;
border-bottom-left-radius:0px;
}
img#premiumCard {
width:75px;
margin-top:100px;
}
div.grey_centered_text {
text-align:center;
width:100%;
background:#f8f8f8;
padding-top:50px;
padding-bottom:50px;
font-size:3vw;
}
p.greyBox {
width:72%;
background:#f8f8f8;
padding:7%;
font-size:4vw;
border-radius:25px;
}
p.grey_centered_text {
font-size:.5vw;
text-align:center;
color:black;
max-width:400px;
margin:auto;
margin-left:5%;
margin-right:5%;
}
div.legal {margin-right:25px;
}
div.logo img{max-height:100px;
max-width:100px;}
div.login-form {width:80%;
height:25%;
text-align:center;
margin:auto;
border:solid white;}
div.form {width:90%;
height:auto;
margin:auto;
background-color:none;
text-align:center;
color:black;
font-size:4.5vw;
}
div.form2 {width:100%;
height:auto;
margin:auto;
background-color:rgba(1,1,1,0.3);
text-align:center;
color:black;
font-size:4.5vw;
}
div.orange {width:100%;
height:auto;
margin:auto;
text-align:center;
color:white;
font-size:4.5vw;
background: #1d1d1f;}
div.fundraiser-signup {width:100%;
height:auto;
margin:auto;
text-align:center;
color:white;
font-size:4.5vw;
background: url(../images/darktable.png) center top fixed no-repeat;
background-size:250%;
}
section.radio input {
padding:8px;
margin:10px;
color:white;
}
section.text input {width:75%;
padding:3px;
margin:10px;
border:none;
border-bottom:solid .5px black;
background:none;
color:black;
font-size:4.5vw;
text-align:left;
}
section.text-login input {width:70%;
padding:3px;
margin:10px;
border:none;
border-bottom:solid .5px white;
background:none;
color:white;
font-size:4.5vw;
text-align:left;
}
section.textS input {width:70%;
padding:0;
margin:0;
border:none;
border-bottom:solid .5px black;
background:none;
color:black;
font-size:5vw;
text-align:left;
}
section.fund input {width:30%;
padding:3px;
margin:10px;
border:none;
border-bottom:solid .5px white;
background:none;
color:white;
font-size:1.5vw;
}
textarea {background: none;
color:black;
border:.5px solid black;
width:86%;}
text-area::-webkit-placeholder {
color:grey;
}
input::-webkit-input-placeholder {
color:grey;
letter-spacing:1.1pt;
}
input.login::-webkit-input-placeholder {
color:white;
}
input.login {
border-bottom:solid .5px white;
}
select {background:none;
background-color:none;
color:black;
font-size:6vw;
border:solid .5px black;
margin-left:10px;
}
select.billing {
width:70%;
font-size:5vw;
margin:0;
border:none;
border-bottom:solid .5px black;
font-family:bebas;
}
select option {background:rgba(0,0,0,0.3);}
table {text-align:center;
width:90%;
height:auto;
margin:auto;
color:white;
font-size:5vw;
border:1px solid black;
}
table.header {
width:100%;
border:none;
padding-top:5px;
padding-bottom:5px;
}
td {height:25px;
border-bottom:.5px solid black;
border-right:.5px solid black;
font-family:bebas;
font-size:3vw;}
td.header {
font-family:roboto;
color:grey;
font-size:14pt;
text-align:left;
border:none;
padding-left:15px;
margin-top:0px;
letter-spacing:;
font-weight:bold;
}
td.billing {
border:none;
text-align:center;
}
img.small {width:15%; height:auto;}
img.content {width:75%; height:auto;}
p {color:black;
text-align:left;
margin-left:25px;
margin-right:25px;
font-size:10pt;
}
p.small {color:white;
text-align:left;
margin-left:25px;
margin-right:25px;
font-size:5vw;
}
p.center {color:white;
text-align:center;
margin:0;
padding:10px 25px;
font-size:5vw;
width:auto;
border:none;
}
p.black {color:black;
width:auto;
margin-left:15px;
margin-right:15px;
font-size:12pt;
text-align:left;
border:none;
}
p.article {
width: 86%;
margin:auto;
color:black;
font-size:4.5vw;
}
p.grey_centered_text {
font-size:14pt;
text-align:center;
color:black;
}
p.appname {
text-align:center;
font-family:Bebas;
font-size:7vw;
letter-spacing:1.1pt;
margin:0;
margin-bottom:3%;
color:white;
}
p.blank {border:none;
border-top: solid .5px white;
width:75%;
display:block;
margin:auto;
margin-top:20px;
text-align:center;}
p.screenshot-L, p.screenshot-R {
float:left;
width:90%;
border:none;
background:;
text-align:center;
margin:auto;
padding:5%;
padding-top:10%;
color:#1d1d1f;
font-size:18pt;
line-height:18pt;
/*box-shadow: 1px 1px 1px 2px rgba(53,227,247,1);*/
}
p.screenshot-L {
padding-top:;
}
span.description {
font-size:14pt;
}
h1.black {color:grey;
border:none;
display:block;
text-align:center;
margin:0;
padding:4% 0%;
width:auto;
font-size:9vw;}
h1.header {text-align:center;
font-size:30pt;
margin-top:10px;
margin-bottom:10px;
line-height:1em;
width:100%;
}
h1.white {color:white;
border:none;
display:block;
width:75%;
text-align:center;
margin:auto;
margin-bottom:0px;
border-bottom:solid .5px white;
font-size:11vw;}
h2 {text-align:center;
color:#3BD0ED;
font-size:10vw;
text-align:center;
margin:auto;
}
h2.form {color:black;
border:none;
border-bottom:solid .5px black;
margin-left:25px;
margin-right:25px;
margin-top:0px;
padding-bottom:5px;
font-size:10vw;
text-align:center;}
h2.smallercard {
font-size:16pt;
}
h3 {
color:#F28D00;
font-size:7vw;
margin-right:25px;
margin-left:25px;
margin-top:25px;
text-align:left;
}
h3.process {text-align:center;
color:#F28D00;
font-size:6vw;
margin-right:25px;
margin-left:15px;
margin-top:25px;
text-align:left;
}
h3.black {margin-left:100px; color:#F78605;
margin-right:100px;
}
h4 {color:#3BD0ED;
font-size:7vw;
margin-bottom:10px;
margin-top:10px;
letter-spacing:2pt;
font-family:bebas;
}
h4.center {color:#3BD0ED;
font-size:5vw;
margin-bottom:10px;
margin-top:10px;
text-align:center;
}
h4.process {font-size:7vw;
margin-left:25px;
display:inline;}
h5 {display:block inline;
width:90%;
text-align:right;
font-size:5vw;
margin-bottom:30px;
margin-top:5px;
color:#3BD0ED;
}
a {color:white;
text-decoration: none;
text-align:center;
}
a.login {margin:0;
font-style:italic;
padding:0;
float:right;
margin-right:25px;}
a.form {color:black;
text-decoration:underline;
}
br.hide {
display:none;
}
img.bullet {display:inline;
margin-left:25px;}
img.article {
width:86%;
}
button {background:none;
color: #3BD0ED;
display: inline-block;
padding: 8px 20px;
font: normal 700 20px/1 "Open Sans", sans-serif;
text-align: center;
margin-left:;
text-shadow: none;
border: solid white;
margin-bottom:25px;
}
button.black {background:none;
color: black;
display: inline-block;
padding: 8px 20px;
font: normal 700 20px/1 "Open Sans", sans-serif;
text-align: left;
text-shadow: none;
border: 1px solid black;
margin-bottom:25px;
}
button.left {background:none;
color: #3BD0ED;
display: inline-block;
padding: 8px 20px;
font: normal 700 20px/1 "Open Sans", sans-serif;
text-align: center;
margin-left:0;
text-shadow: none;
border: solid white;
margin-bottom:25px;
}
img.appstore {
display:inline-block;
width:25%;
color:white;
border:none;
margin-top:0px;
margin:0% %;
font-size:5vw;
}
button:hover {
background-color: #3BD0ED;
}
button.black:hover {
background-color: white;
}
button.dropbtn {
color:grey;
border:none;
border-radius:20px;
font-size:12pt;
box-shadow: 1px 0px 2px 1px rgba(0,0,0,0.1);
float:right;
margin:5px;
margin-right:15px;
margin-top:-5px;
font-weight:500;
}
button.dropbtn:hover {
background-color: #f4f4f4;
}
button.dropbtn:focus {
outline:none;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
li {Color: white;
display:inline;
padding-right:3%;
padding-left:3%;
text-decoration: none;
text-align:center;
}
li.title {
float:left;
font-size:14pt;
font-weight:bold;
color:grey;
margin-top:0px;
margin-left:7px;
letter-spacing:1.05pt;
}
ul.topnav {
border: 1px solid black;
width:100%;
height:30px;
position:fixed;
list-style-type: none;
margin: 0;
padding:0;
padding-top:16px;
padding-bottom:5px;
overflow: hidden;
background-color: black;
display: inline-block;
color: white;
text-decoration: none;
transition: 0.3s;
font-size:4vw;
text-align:center;
}
/*-------------------ADMIN PAGES-------------------*/
div.admin {
background: url(../images/coloredLandscape.jpg) fixed no-repeat;
background-size:cover;
height:100vh;
}
h1.login-title {
font-size:430%;
font-weight:bold;
margin:10%;
color:white;
}
hr.fade {
color:white;
border: 0;
height: 1px;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}
form.admin {
width:80%;
margin-top:30%;
padding:5% 0;
padding-bottom:1%;
background: rgba(1,1,1,0.65);
backdrop-filter: saturate(180%) blur(7px);
border-radius:25px;
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
border:none;
}
input.admin {
width:85%;
background:#4a919e;
height:15px;
margin:3.5%;
padding:3.5%;
padding-left:7%;
border:none;
font-size:4vw;
outline:none;
border-radius:25px;
box-shadow: none;
}
input.admin::-webkit-input-placeholder {
color:white;
}
button.admin {
background:blue;
color:white;
border-radius:25px;
width:85%;
}
button.admin:focus {
background:black;
color:white;
margin:0;
padding:3.5%;
}
a.admin {
background:#2d2d2d;
width:85%;
height:15px;
padding:3.5%;
display:block;
border-radius:25px;
font-family:roboto;
letter-spacing:1.1pt;
font-size:4vw;
text-align:center;
color:white;
margin-bottom:3.5%;
}
a.adminoption {
background:white;
width:85%;
height:auto;
padding:3.5vw;
display:inline-block;
font-family:roboto;
letter-spacing:1.1pt;
font-size:125%;
box-shadow: 2px 2px 4px 1px rgba(0,0,0,0.3);
margin:;
margin-top:10vw;
margin-bottom:-25vw;
border-radius:;
color:black;
}
img.admin {
width:20%;
display:inline-block;
}
input.discount {
width:93%;
height:25px;
background:white;
border-radius:5px;
border:none;
-webkit-box-shadow: inset 0px 1px 2px 0px grey;
-moz-box-shadow: inset 0px 1px 2px 0px grey;
box-shadow: inset 0px 1px 2px 0px grey;
outline:none;
font-family:Kano;
padding-left:2%;
margin-top:2%;
}
input[type="checkbox"].discount {
width:93%;
height:25px;
background:white;
border-radius:5px;
border:none;
box-shadow:none;
font-family:Kano;
}
textarea.discount {
width:93%;
height:75px;
background:white;
border-radius:5px;
border:none;
-webkit-box-shadow: inset 0px 1px 2px 0px grey;
-moz-box-shadow: inset 0px 1px 2px 0px grey;
box-shadow: inset 0px 1px 2px 0px grey;
outline:none;
font-family:Kano;
}
label.discount {
font-family:bebas;
font-size:4vw;
}
table.discount {
border:none;
}
tr.discount {
border:none;
}
td.discount {
border:none;
font-size:3vw;
color:#303030;
}
table.fundraiserInfo {
width:90%;
border:none;
margin:auto;
display:none;
}
table.fundraiserInfoMobile {
display:block;
border:none;
}
tr.fundraiserInfo {
text-align:left;
}
td.fundraiserInfo {
border:none;
padding:35px 0px;
text-align:left;
width:45%;
}
p.tableHeader {
font-size:16pt;
color:black;
letter-spacing: 1.1pt;
font-family:roboto;
}
span.tableDescription {
color:grey;
font-size:12pt;
letter-spacing:0pt;
}
/*
* jQuery UI CSS Framework 1.8.9
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Theming/API
*/
/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; }
.ui-corner-tr { -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; }
.ui-corner-br { -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; }
.ui-corner-top { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; }
.ui-corner-right { -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; }
.ui-corner-left { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; }
.ui-corner-all { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/*
* jQuery UI CSS Framework 1.8.9
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Theming/API
*
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial,sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=6px&bgColorHeader=cc0000&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=15&borderColorHeader=e3a1a1&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=eeeeee&fcContent=333333&iconColorContent=cc0000&bgColorDefault=eeeeee&bgTextureDefault=04_highlight_hard.png&bgImgOpacityDefault=100&borderColorDefault=d8dcdf&fcDefault=004276&iconColorDefault=cc0000&bgColorHover=f6f6f6&bgTextureHover=04_highlight_hard.png&bgImgOpacityHover=100&borderColorHover=cdd5da&fcHover=111111&iconColorHover=cc0000&bgColorActive=ffffff&bgTextureActive=01_flat.png&bgImgOpacityActive=65&borderColorActive=eeeeee&fcActive=cc0000&iconColorActive=cc0000&bgColorHighlight=fbf8ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcd3a1&fcHighlight=444444&iconColorHighlight=004276&bgColorError=f3d8d8&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=75&borderColorError=cc0000&fcError=2e2e2e&iconColorError=cc0000&bgColorOverlay=a6a6a6&bgTextureOverlay=09_dots_small.png&bgImgOpacityOverlay=65&opacityOverlay=40&bgColorShadow=333333&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=10&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
*/
/* Component containers
----------------------------------*/
.ui-widget { font-family: Discreet; font-size: 1.1em; letter-spacing:1; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Bebas; font-size: 1em; display:inline-block; }
.ui-widget-content { border: none; background: #f2f2f2; /*background of WINDOW*/ color: black; }
.ui-widget-content a { color: #333333; }
.ui-widget-header { border: none; background: #f2f2f2; /*background of header*/ color: black; font-weight: bold; text-align:center; }
.ui-widget-header a { color: #ffffff; }
/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: none; background: #28CAE5; box-shadow: 0px 2px 3.5px 0 rgba(0, 0, 0, 0.35);/*"Cancel" button background*/ font-weight: bold; color: white; font-family:Bebas; letter-spacing:2.5pt;}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: white; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: none; background: #28CAE5; box-shadow: 0px 2px 3.5px 0 rgba(0, 0, 0, 0.35); /*Delete button background*/ font-weight: bold; color: white; font-family:Bebas; outline:none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #111111; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: none; background: none; font-weight: bold; color: white; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #cc0000; text-decoration: none; }
.ui-widget :active { outline: none; }
/* Overlays */
.ui-widget-overlay { background:black; opacity: .70;filter:Alpha(Opacity=40); } /*background behind windows*/
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #333333 url(images/ui-bg_flat_0_333333_40x100.png) 50% 50% repeat-x; opacity: .10;filter:Alpha(Opacity=10); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/*
* jQuery UI Resizable 1.8.9
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Resizable#theming
*/
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/*
/*
* jQuery UI Button 1.8.9
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Button#theming
*/
.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; }
button.ui-button-icons-only { width: 3.7em; }
/*button text element */
.ui-button .ui-button-text { display:inline-block; line-height: 1.4; }
.ui-button-text-only .ui-button-text { padding: .4em 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .4em 1em; }
/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
/*button sets*/
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }
/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */
/*
* jQuery UI Dialog 1.8.9
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Dialog#theming
*/
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; }
.ui-dialog .ui-dialog-title { float: ; margin: .1em 16px .1em 0; /*position of title*/ }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialo;g-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; /*background of error text*/ overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: 1em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { text-align:center; margin:0; width:100%; /*position of buttons*/}
.ui-dialog .ui-dialog-buttonpane button { margin: .1em 3%; cursor: pointer; height:6%; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }