@charset "utf-8";
* { margin:0px; padding:0px;}


@font-face {
  font-family: "Dekko";  
  src: local("Dekko"), url( /fonts/Dekko-Regular.ttf) format("truetype");
}
@font-face {
  font-family: "Mouse Memoirs";  
  src: local("Mouse Memoirs"), url( /fonts/MouseMemoirs-Regular.ttf) format("truetype");
}
@font-face {
  font-family: "Yanone Kaffeesatz";  
  src: local("Yanone Kaffeesatz"), url( /fonts/YanoneKaffeesatz-VariableFont_wght.ttf) format("truetype");
}

.font2 { font-family: "Dekko", "Dekko", Impact, Arial, Helvetica, Verdana, sans-serif;}  
.font3 { font-family: "Mouse Memoirs", "Mouse Memoirs", "Comic Sans MS", cursive, sans-serif;}  
.font1 { font-family: "Yanone Kaffeesatz", "Yanone Kaffeesatz", "Times New Roman", Times, serif;}  


body {
	background-color: #003a6f;
	margin:0px;
	font-family: 'Yanone Kaffeesatz',"Comic Sans MS", sans-serif;
	font-size: 48px;
	background: radial-gradient(#8080f8, #003a6f);
	x-border: 4px double #c0c0c0;
	x-border-radius: 15px;
}
input {
    background-color:black;
	color:white;
}
input[readonly] {
    background-color:gray;
	color:black;
}
a:link {
	color: black;
	text-decoration: none;
}
a:visited {
	color: black;
	text-decoration: none;
}
a:hover {
	color: red;
	text-decoration: none;
}
a:active {
	color: black;
	text-decoration: none;
}
a.link:link {
	color: white;
	text-decoration: none;
}
a.link:visited {
	color: white;
	text-decoration: none;
}
a.link:hover {
	color: yellow;
	text-decoration: none;
}
a.link:active {
	color: white;
	text-decoration: none;
}
a.whiteyellow:link {
	color: white;
	text-decoration: none;
}
a.whiteyellow:visited {
	color: white;
	text-decoration: none;
}
a.whiteyellow:hover {
	color: yellow;
	text-decoration: none;
}
a.whiteyellow:active {
	color: white;
	text-decoration: none;
}
a.blackwhite:link {
	color: black;
	text-decoration: none;
}
a.blackwhite:visited {
	color: black;
	text-decoration: none;
}
a.blackwhite:hover {
	color: white;
	text-decoration: none;
}
a.blackwhite:active {
	color: black;
	text-decoration: none;
}
a.blackyellow:link {
	color: black;
	text-decoration: none;
}
a.blackyellow:visited {
	color: black;
	text-decoration: none;
}
a.blackyellow:hover {
	color: yellow;
	text-decoration: none;
}
a.blackyellow:active {
	color: black;
	text-decoration: none;
}
a.footref:link {
	color: black;
	text-decoration: none;
}
a.footref:visited {
	color: black;
	text-decoration: none;
}
a.footref:hover {
	color: white;
	text-decoration: none;
}
a.footref:active {
	color: black;
	text-decoration: none;
}

.footref {
	display:inline-block;
	padding:10px;
	position:relative;
}

.white-outline {
	text-shadow:-1px 1px 2px #fff, 1px 1px 2px #fff, 1px -1px 2px #fff, -1px 1px 2px #fff
}
.black-outline {
	text-shadow:-1px 1px 2px #000, 1px 1px 2px #000, 1px -1px 2px #000, -1px 1px 2px #000
}

DIV.abs {
position:absolute;
left:0px;
top:0px;
}

DIV.rel {
position:relative;
left:0px;
top:0px;
}

.rank-badge {
	width:40px;
	height:40px;
	border:2px solid gray;
	background:#003a6f;
	color:white;
	border-radius:40px;
	position:absolute;
	top:0px;
	right:-8px;
	line-height:40px;
	font-size:12px;
	font-weight:900;
}

.caption {
	font-family: 'Yanone Kaffeesatz',"Comic Sans MS", sans-serif;
	color:#EBFFD0;
	font-style:italic;
}
.myfont {
	font-family: 'Yanone Kaffeesatz',"Comic Sans MS", sans-serif;
	padding-top:6px;
	padding-bottom:6px;
	padding-right:2px;
	padding-left:2px;
}
.menu {
	font-size:15px;font-weight:bold;text-align:center;
}
.submenu {
	font-size:15px;font-weight:bold;text-align:center;
}

.bg0 {
	background-color: black;
}
.bg1 {
	background-color: red;
}
.bg2 {
	background-color: green;
}
.bg3 {
	background-color: yellow;
}
.bg4 {
	background-color: blue;
}
.bg5 {
	background-color: magenta;
}
.bg6 {
	background-color: cyan;
}
.bg7 {
	background-color: black;
}
.bg8 {
	background-color: #516551;
}
.bg9 {
	background-color: #EBFFD0;
}
.bgHeader {
	background-color: #272215;
}
.bgBannerHeader {
	background-color: #272215;
	border-left: 2px outset black;
	border-right: 2px outset black;
	box-shadow: 0px 12px 24px 0px black;
}

.bgtrans {
	background-color: transparent;
}
.bg99 {
	background-image: url(images/bg99.png);
}
.bgbb {
	background-image: url(images/bgbb.png);
}
.bgdd {
	background-image: url(images/bgdd.png);
}

.col1 {
	color: #c7e4bf;
}
.col2 {
	color: #272215;
}
.col3 {
	color: #373123;
}
.col4 {
	color: #c0c0c0;
}
.col5 {
	color: #757560;
}
.col6 {
	color: red;
}
.col7 {
	color: black;
}
.col8 {
	color: #516551;
}
.col9 {
	color: #EBFFD0
}

img.framed {
	border-style:double;
	border-color:black;
	border-width:4px;
	background-color:white;
}

.im48 {
	min-width:48px;
	min-height:48px;
	width:48px;
	height:48px;
}

.im64 {
	min-width:64px;
	min-height:64px;
	width:64px;
	height:64px;
}

.im96 {
	min-width:96px;
	min-height:96px;
	width:96px;
	height:96px;
}

.shadow {
  -moz-box-shadow:    8px 8px 8px 0px #001000;
  -webkit-box-shadow: 8px 8px 8px 0px #001000;
  box-shadow:         8px 8px 8px 0px #001000;
}

.outline-black
{
    text-shadow:
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000;  
}

.outline-white
{
    text-shadow:
    -1px -1px 0 white,
    1px -1px 0 white,
    -1px 1px 0 white,
    1px 1px 0 white;  
}

.glow-black
{
    text-shadow:
    -4px -4px 8px #000,
    4px -4px 8px #000,
    -4px 4px 8px #000,
    4px 4px 8px #000;  
}

.glow-yellow
{
    text-shadow:
    -4px -4px 8px yellow,
    4px -4px 8px yellow,
    -4px 4px 8px yellow,
    4px 4px 8px yellow;  
}

.glow-white
{
    text-shadow:
    -4px -4px 8px white,
    4px -4px 8px white,
    -4px 4px 8px white,
    4px 4px 8px white;  
}

.popitem {
    background-color: #3c9944;
    color: #FFFFFF;
    text-align: left;
    border: transparent;
    width: auto;
    height: auto;
    line-height: 36px;
    margin: 0px 4px 0px 4px;
    padding: 4px 4px 4px 4px;
    font-size: 22px;
    font-weight: bold;
	padding-top:16px;
	padding-bottom:16px;
}

.btns {
    background-color: #3c9944;
    border: 1px solid #404040;
    color: #FFFFFF;
    text-align: center;
    width: 80px;
    height: 36px;
    line-height: 36px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 1px 1px 1px 1px #000000;
    box-shadow: 1px 1px 1px 1px #000000;
    margin: 0px 4px 0px 4px;
    padding: 4px 4px 4px 4px;
    color: #FFFFFF;
    font-size: 16px;
}

.sidebtn {
    background: #3c9944;
    border: 1px solid #404040;
    color: #FFFFFF;
    text-align: center;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 1px 1px 1px 1px #000000;
    box-shadow: 1px 1px 1px 1px #000000;
	padding:20px;
	font-size:18px;
	font-weight:900;
	width:80%;
 }

.infobox {
    background: #ffffbb;
    border: 1px solid black;
    color: #884411;
    text-align: center;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 1px 1px 1px 1px #000000;
    box-shadow: 1px 1px 1px 1px #000000;
    margin: 20px 20px 20px 20px;
	padding: 20px 20px 20px 20px;
    font-size: 32px;
}

.infoboxinv {
    background: #ffffbb;
    border: 1px solid black;
    color: #884411;
    text-align: center;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 1px 1px 1px 1px #000000;
    box-shadow: 1px 1px 1px 1px #000000;
    margin: 20px 20px 20px 20px;
	padding: 20px 20px 20px 20px;
    font-size: 32px;
}

.but-pic {
	width:200px; 
	height:200px; 
	position:absolute; 
	top:0px; 
	right:0px; 
	font-size:42px; 
	line-height:50px;
	border: 2px solid #f0f0f0;
	border-radius: 40px;
	cursor:pointer;
	background-color:black;
	color:white;
	text-align:center;
}

.polaroid {
  position: relative;
  width: 220px;
}
 
.polaroid img {
  border: 10px solid #fff;
  border-bottom: 45px solid #fff;
  -webkit-box-shadow: 3px 3px 3px #777;
     -moz-box-shadow: 3px 3px 3px #777;
          box-shadow: 3px 3px 3px #777;
}
 
.polaroid p {
  position: absolute;
  text-align: center;
  width: 100%;
  bottom: -6px;
  font: 400 12px "Comic Sans MS", sans-serif;
  color: black;
  overflow:hidden;
  text-overflow:ellipsis;
}

.vignette {
  xbackground: url("IMAGE URL HERE");
  width: 400px; height: 200px;
  -webkit-box-shadow:
            inset 0 0 50px #000,
                inset 0 0 50px #000,
                inset 0 0 50px #000;
   
     -moz-box-shadow:
            inset 0 0 50px #000,
                inset 0 0 50px #000,
                inset 0 0 50px #000;
   
          box-shadow:
            inset 0 0 50px #000,
                inset 0 0 50px #000,
                inset 0 0 50px #000;
}

.upload-msg-hint {
	font-size:16px;
	padding:20px;
}

.trigger {
    background: url(images/plus.gif) no-repeat scroll 0px 18px transparent;
    cursor: pointer;
    padding: 13px 0px 18px 30px;
}

.active {
    background: url(images/minus.gif) no-repeat scroll 0px 18px transparent !important;
}

.toggle_container {
}

.roundcell {
    background: #3c9944;
    display: table-cell;
    padding: 1em 2em;
    border: 3px solid black;
    border-radius: 25px; /* Standard */
    -o-border-radius: 25px; /* Opera 10.x */
    -moz-border-radius: 25px; /* Mozilla/Firefox */
    -icab-border-radius: 25px; /* iCab */
    -khtml-border-radius: 25px; /* KHTML/Konqueror */
    -webkit-border-radius: 25px; /* Webkit/Safari/Chrome/etcetera */
}

.roundsm {
    border-radius: 6px; /* Standard */
    -o-border-radius: 6px; /* Opera 10.x */
    -moz-border-radius: 6px; /* Mozilla/Firefox */
    -icab-border-radius: 6px; /* iCab */
    -khtml-border-radius: 6px; /* KHTML/Konqueror */
    -webkit-border-radius: 6px; /* Webkit/Safari/Chrome/etcetera */
    -webkit-box-shadow: 1px 1px 1px 1px #000000;
    box-shadow: 1px 1px 1px 1px #000000;
}

.grad {
  background: -webkit-gradient(linear, 0% 0%, 0% 0%, from(rgba(0,0,0,0.89)), to(rgba(18,36,114,1)));
  background: -webkit-linear-gradient(top, rgba(0,0,0,0.89), rgba(18,36,114,1) ); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(top, rgba(0,0,0,0.89), rgba(18,36,114,1) ); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(top, rgba(0,0,0,0.89), rgba(18,36,114,1) ); /* For Firefox 3.6 to 15 */
  background: linear-gradient(top, rgba(0,0,0,0.89), rgba(18,36,114,1) ); /* Standard syntax */
}


.smdev#sidebar {
	padding:0px;
	width:1px;
	height:1px;
	visibility:hidden;
	overflow:hidden;
	font-size:12px;
}
.smdev#share {
	left:344px;
	top:166px;
	cursor:pointer;position:absolute;z-index:9999;
}
.smdev#tTabs {
	float:right;
	width:100%;
}
.smdev#banner {
	background-color:#1d180f;
	width:100%;
	height:122px;
	background-image:url(images/banner3bg.png);
	visibility:visible;
	overflow:auto;
}
.smdev#iVid {
	width:280px;
	height:158px;
}
.meddev#sidebar {
	padding:0px;
	width:1px;
	height:1px;
	visibility:hidden;
	overflow:hidden;
	font-size:12px;
}
.meddev#share {
	left:344px;
	top:166px;
	cursor:pointer;position:absolute;z-index:9999;
}
.meddev#tTabs {
	float:right;
	width:100%;
}
.meddev#banner {
	background-color:#1d180f;
	width:100%;
	height:122px;
	background-image:url(images/banner3bg.png);
	visibility:visible;
	overflow:auto;
}
.meddev#iVid {
	width:560px;
	height:315px;
}
.lgdev#sidebar {
	padding:20px;
	width:250px;
	height:auto;
	visibility:visible;
	overflow:auto;
	font-size:12px;
}
.lgdev#share {
	left:344px;
	top:44px;
	cursor:pointer;position:absolute;z-index:9999;
}
.lgdev#tTabs {
	float:right;
	width:auto;
}
.lgdev#banner {
	height:1px;
	visibility:hidden;
	overflow:hidden;
}
.lgdev#iVid {
	width:560px;
	height:315px;
}
.lgdev#mobSocial {
	display:none;
}
#fbshare
{
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  /* IE 5-7 */
  filter: alpha(opacity=80);
  /* Netscape */
  -moz-opacity: 0.8;
  /* Safari 1.x */
  -khtml-opacity: 0.8;
  /* Good browsers */
  opacity: 0.8;
}


.hoverzoom {
	transition-property: all;
	transition-duration: 0.2s;
	transition-timing-function: linear;
}
.hoverzoom:hover { 
	scale: 1.05;
	cursor:pointer;
}
.shiftdown {
	cursor:pointer;
	border-top:none;
	border-bottom:2px solid transparent;
}
.shiftdown:hover { 
	border-top:2px solid transparent;
	border-bottom:none;
}
.shiftright {
	cursor:pointer;
	border-left:none;
	border-right:2px solid transparent;
}
.shiftright:hover { 
	border-left:2px solid transparent;
	border-right:none;
}

.arrow-up {
  width: 0; 
  height: 0; 
  margin-top: 3px;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 18px solid white;
}
.arrow-down {
  width: 0; 
  height: 0; 
  margin-top: 3px;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 18px solid white;
}

.fadedImg {
  xxxxbackground: url("images/black20.png") no-repeat center center;
  background-size:cover;
  opacity: 0.2;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;  
  border-radius:16px;
  -webkit-border-radius:16px; 
  xxxx-webkit-filter: grayscale(1); /* Old WebKit */
  xxxxfilter: grayscale(1);
  }

.tFooter {
	background-color:#CEE0E0;
	color:black;
	border-top:1px solid black;
	border-bottom:1px solid black;
	opacity:0.25;
}

.grayscale {
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
  filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
}

.country {
	cursor:pointer;
	font-size:22px;
	color:white;
	text-align:center;
	width:100%;
	background-color: #0D038E;
	border-top:1px solid gray;
	border-bottom:1px solid gray;
	padding:8px 0px 8px 0px;
	margin-bottom:12px;
}

.city {
	font-size:22px;
	color:white;
	text-align:center;
	width:100%;
	background-color:#0D038E;
	border-top:1px solid gray;
	border-bottom:1px solid gray;
	padding:8px 0px 8px 0px;
	margin-bottom:12px;"
 }

.advtype {
	height:48px;
	line-height:48px;
	background-color:#eeffee;
	color:black;
	padding:8px;
	margin:12px 0px 4px 0px;
	border:1px black solid;
 }

.noadv {
	height:36px;
	line-height:36px;
	font-size:20px;
	background-color:#245C29;
	color:white;
	padding:8px 0px 8px 20px;
	margin-bottom:4px;
	border:1px black solid;
	text-align:center;'
}

.advname {
	height:36px;
	line-height:36px;
	cursor:pointer;
	font-size:20px;
	background-color:#3C4499;
	color:white;
	padding:8px 0px 8px 20px;
	margin-bottom:4px;
	border:1px black solid;
}

.location {
	cursor:pointer;
	font-size:22px;
	color:white;
	text-align:center;
	width:100%;
	background-color: #004d00;
	border-top:1px solid gray;
	border-bottom:1px solid gray;
	padding:8px 0px 8px 0px;
	margin-bottom:12px;
}

.clickable {
    background-color: #3c9944;
}

.clickable2 {
    background-color: #3c9944;
	color:white;
}

.costbut {
	cursor:pointer;
	background-color:green;
	color:white;
	height:48px;
	line-height:48px;
	padding:0px 8px 0px 8px;
	overflow:hidden;
}

.editcontent {
	width:100%;
	height:300px;
	background-color:transparent;
	color:black;
	font-size:32px;
	border:dashed 1px gray; 
}

.divToAlbum {
	cursor:pointer;
	font-size:22px;
	color:white;
	text-align:center;
	width:100%;
	border-bottom:1px solid gray;
	padding:8px 0px 8px 0px;
	margin-bottom:12px; 
	background-color:#3c9944;
	border-radius:0px;
	border:2px solid #404040;
}

.thResult {
	background-color:#516551;
	color:black;
}

.tdResult {
	background-color:#758671;
	color:black;
}