/********************************************************************
* Bootleggers - game.css
* Main styling for game
*
* If you are looking for the profile background color:
*  #4A4A4A
********************************************************************/
html {
	font-size: 10px;
}

body {
	background-repeat: repeat-x;
	background-attachment: fixed;
	background-color: #000000;
	color: #FFFFFF;
	font-size: 10px;
	font-family: verdana;
	scrollbar-arrow-color:#111111; scrollbar-track-color:#000000; margin: 0;
	padding: 0;
	min-height: 100vh;
}

html.desktop.time-dusk body {
	background-image: url('../images/game/template/background_dusk.jpg');
}

html.desktop.time-day body {
	background-image: url('../images/game/template/background_day.jpg');
}

html.desktop.time-night body {
	background-image: url('../images/game/template/background_night.jpg');
}

html.desktop.time-dawn body {
	background-image: url('../images/game/template/background_dawn.jpg');
}

html.show-game-intro body {
	background: #000 !important;
}

html.new-buzz .menu-link.link-buzz,
html.new-update .menu-link.link-updates,
html.new-ticket .menu-link.link-help-desk {
	color: yellow;
	font-weight: bold;
}

.BL-result-message {
	position: fixed;
	padding: .5em 1em;
	z-index: 10000;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
	top: 30%;
	left: 50%;
	transform: translate(-50%, -50%);
	line-height: 1.5;
	text-align: center;
	cursor: default;
	border: 1px solid transparent;
	width: 97%;
	max-width: 30em;
	box-sizing: border-box;
}

.BL-result-message.error {
	/* background: #542926; */
	/* background: rgba(84, 41, 38, .92); */
	/* color: #ef8282; */
	background: #6B2626;
	border-color: #D22020;
}

.BL-result-message.success {
	/* background: #46603d; */
	/* background: rgba(70, 96, 61, .92); */
	/* color: #b6efa4; */
	background: #296B26;
	border-color: #28D220;
}

.RX-countdown {
	background: rgba(0, 0, 0, 0.62);
	padding: 1em;
	position: absolute;
	right: 1px;
	top: 12px;
	width: 23em;
	text-align: left;
}

.RX-countdown > p {
	margin: 0 0 3px;
	font-weight: bold;
}

.RX-countdown > .countdown {
	color: #b3b3b3;
}

.countdown-wrapper .RX-countdown {
	position: relative;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
	top: 0;
	right: 0;
}

.youtubeVideo {
	width: 340px;
	height: 255px;
}

@media only screen and (max-width: 400px) {
	.youtubeVideo {
		width: 252px;
		height: 189px;
	}
}

.insideTables {
	margin-top: 24px;
}

.featureBox {
	cursor: pointer;
	position: relative;
	text-align: center;
	background-color: #223548;
	border: 1px solid #3185d4;
	border-radius: 5px;
	width: 150px;
	height: 45px;
	display: inline-block;
}

.featureBoxCommunityChallenge {
	background-color: #223548;
	border: 1px solid #3185d4;
}

.featureBoxMission {
	background-color: #483522;
	border: 1px solid #d47a31;
}

.featureBoxAssignment {
	background-color: rgba(203,193,24,0.3);
	border: 1px solid #cbc118;
}

.communityChallenge {
	cursor: pointer;
	position: relative;
	right: -50px;
	text-align: center;
	background-color: #223548;
	border: 1px solid #3185d4;
	border-radius: 5px;
	width: 150px;
	height: 45px;
}

.currentMission {
	cursor: pointer;
	position: relative;
	right: -50px;
	text-align: center;
	background-color: #483522;
	border: 1px solid #d47a31;
	border-radius: 5px;
	width: 150px;
	height: 45px;
}

.newQuote, .newQuote_l {
	font-size: 10px;
	font-family: verdana;
	position: relative;
	padding: 6px;
	text-align: left;
	margin: 6px 0 25px 0;
	color: #000;
	background: #cecece;
	/* default background for browsers without gradient support */
	/* css3 */
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#cecece));
	background: -moz-linear-gradient(#ffffff, #cecece);
	background: -o-linear-gradient(#ffffff, #cecece);
	background: linear-gradient(#ffffff, #b9b9b9);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	width: 100%;
	box-sizing: border-box;
}

.newQuote a, .newQuote_l a {
	color: #000 !important;
}

.newQuote:after, .newQuote_l:after {
	content: "";
	position: absolute;
	bottom: -20px;
	/* value = - border-top-width - border-bottom-width */
	border-style: solid;
	border-color: #b9b9b9 transparent;
	/* reduce the damage in FF3.0 */
	display: block;
	width: 0;
}

.newQuote:after {
	right: 30px;
	/* controls horizontal position */
	border-width: 20px 20px 0 0;
	/* vary these values to change the angle of the vertex */
}

.newQuote_l:after {
	left: 30px;
	/* controls horizontal position */
	border-width: 20px 0 0 20px;
	/* vary these values to change the angle of the vertex */
}

.newQuoteAuthor {
	color: #fff;
	width: 60%;
	border: 0px solid red;
	top: -20px;
	margin-right: 0;
	margin-left: auto;
	right: 57px;
	text-align: right;
	position: relative;
}

.newQuoteAuthor_l {
	color: #fff;
	width: 100%;
	border: 0px solid red;
	top: -20px;
	left: 57px;
	text-align: left;
	position: relative;
}

.newQuote .newQuoteAuthor .newQuoteAuthor_l {
	color: #484848 !important;
}

.me {
	color: #00D8FF;
}

.newQuote .me, .newQuote_l .me {
	color: #42717a !important;
}

.noTopMargin {
	margin-top: 0px;
}

.insideTables table {
	border: 1px solid #8C867E;
	border-collapse: collapse;
}

.insideTables td {
	border: 1px solid #8C867E;
}

.insideTables_gr table {
	border: 1px solid #489A48;
	border-collapse: collapse;
}

.insideTables_gr td {
	border: 1px solid #8C867E;
}

.insideTables_r table {
	border: 1px solid #8D3030;
	border-collapse: collapse;
}

.insideTables_r td {
	border: 1px solid #8C867E;
}

.insideTables_go table {
	border: 1px solid #DEB039;
	border-collapse: collapse;
}

.insideTables_go td {
	border: 1px solid #8C867E;
}

.insideTables_s table {
	border: 1px solid #EFEFEF;
	border-collapse: collapse;
}

.insideTables_s td {
	border: 1px solid #8C867E;
}

.cat {
	font-size: 9px;
	font-family: verdana;
	color: white;
}

.cat2 {
	font-size: xx-small;
	font-family: arial;
	color: white;
}

.mainContent {
	display: block;
}

.printContent {
	display: none;
}

/* Start of IM bar
*/
.chatInput {
	color : white;
	background : none;
	border : 0px;
	width : 158px;
	right : 3px;
	bottom : 3px;
	position : absolute;
	outline : none;
}

.chatBox {
	overflow-y : auto;
	overflow-x : hidden;
	/*background-color	: #444444;*/
	/*background-image	: url(/game-new/misc/chat_bg.png);*/
	border : 1px solid #B1A89B;
	height : 255px;
	line-height : 180%;
	position : absolute;
	padding-left : 2px;
	padding-right : 3px;
	border-left : 0px;
	border-right : 0px;
	width : 175px;
	font-size : 10px;
	font-family : Verdana;
	word-wrap : break-word;
}

.chatTab {
	float : right;
	width : 180px;
	height : 300px;
	/*background-color	: #444444;*/
	background-image : url(../images/game/template/chat_bg.png);
	border : 1px solid #B1A89B;
	border-bottom : 0px;
	margin-right : 10px;
	position : relative;
	top : -300px;
}

.bar:not(.ignore-old) {
	display : none;
	border : 0px solid red;
	left : 50px;
	right : 50px;
	height : 300px;
	position : fixed;
	bottom : -300px;
	align : right;
	z-index : 10;
	min-width : 450px;
	#width : auto; #background-color : #222; #overflow : hidden; }

.friendTab {
	height : 300px;
	float : right;
	width : 180px;
	background-image : url(../images/game/template/chat_bg.png);
	border : 1px solid #B1A89B;
	border-bottom : 0px;
	position : relative;
	top : -20px;
	/*background-color	: #333333;	*/
}

.friendList {
	overflow-y : auto;
	overflow-x : hidden;
	border : 1px solid #B1A89B;
	height : 278px;
	border-bottom : 0px;
	line-height : 180%;
	position : relative;
	left : 0px;
	width : 180px;
	border-left : 0px;
	border-right : 0px;
	white-space : nowrap;
	/*bottom			: 10px;		*/
	/*padding			: 2px;		*/
	/*background-color	: #444444;	*/
	/*padding			: 3px;		*/
}

#scrollArrow {
	float : right;
	text-align : center;
	padding-top : 3px;
	margin-right : 10px;
	position : relative;
	background-image : url(../images/game/template/chat_bg.png);
	top : -20px;
	width : 45px;
	border : 1px solid #B1A89B;
	border-bottom : 0px;
	height : 20px;
	display : none;
}

/* End of IM bar
*/
.usersonline {
	font-size: 10px;
	font-family: verdana;
	color: white;
	background-color: #333333;
}

.threeimages {
	font-size: 12px;
	font-family: verdana;
	color: white;
}

.header {
	background-image: url(../images/game/template/table-bg/default.gif);
	font-size: 13px;
	font-family: verdana;
	color: white;
	height: 20px;
}

.headerSilver {
	font-size: 13px;
	font-family: verdana;
	color: black;
	background-image: url(../images/game/template/table-bg/silver.gif);
	height: 20px;
}

.headerGold {
	font-size: 13px;
	font-family: verdana;
	color: black;
	background-image: url(../images/game/template/table-bg/gold.gif);
	height: 20px;
}

.headerGreen {
	font-size: 13px;
	font-family: verdana;
	color: white;
	background-image: url(../images/game/template/table-bg/green.gif);
	height: 20px;
}

.headerRed {
	font-size: 13px;
	font-family: verdana;
	color: white;
	background-image: url(../images/game/template/table-bg/red.gif);
	height: 20px;
}

.menu_header {
	vertical-align: bottom;
	font-size: xx-small;
	font-family: verdana;
	color: white;
	background-image: url(../images/game/template/main-menu-heading.gif);
}

.menu_text {
	position: relative;
	top: -2px;
	border: 0px red solid;
}

.menu_main {
	font-size: xx-small;
	font-family: verdana;
	color: white;
}

.sub {
	font-size: 10px;
	font-family: verdana;
	color: white;
}

.sub table {
	border: 0px red solid;
}

.noBorder td {
	border: 0px;
}

.noBorder table {
	border: 0px;
}

.sub td {
	border: 0px red solid;
}

.roulettered {
	background: red;
	border-width: 1px;
	border-color: black;
}

.rouletteblack {
	background: black;
	border-width: 1px;
	border-color: black;
	color: white;
}

.menu {
	font-size: 10px;
	font-weight: bold;
	font-family: verdana;
	color: white;
}

.sub2 {
	font-size: 10px;
	font-family: verdana;
	color: white;
	background-color: #4A4A4A;
}

.centered {
	margin-left: auto;
	margin-right: auto;
}

.oldProfile {
	font-size: 10px;
	font-family: verdana;
	color: white;
	background-color: #737373;
}

.profileSilver {
	font-size: 10px;
	font-family: verdana;
	color: white;
	background-color: #8F8F8F;
	border-color: white;
	border-style: solid;
	border-width: 2px;
}

.profileSalmon {
	font-size: 10px;
	font-family: "Comic Sans MS", cursive, sans-serif;
	color: white;
	background-color: #FF6666;
	border-color: white;
	border-style: solid;
	border-width: 2px;
}

.profileGold {
	font-size: 10px;
	font-family: verdana;
	color: white;
	background-color: #B0A475;
	border-color: #FFD83A;
	border-style: solid;
	border-width: 2px;
}

.profileGreen {
	font-size: 10px;
	font-family: verdana;
	color: white;
	background-color: #4A4A4A;
	border-color: #2D5C2D;
	border-style: solid;
	border-width: 2px;
}

.profileRed {
	font-size: 10px;
	font-family: verdana;
	color: white;
	background-color: #4A4A4A;
	border-color: #E62323;
	border-style: solid;
	border-width: 2px;
}

.msgRed {
	border: 2px solid #E62323;
}

.msgGreen {
	border: 2px solid #37A237;
}

.msgBlue {
	border: 2px solid #3737A2;
}

.sub3 {
	font-size: 10px;
	font-family: verdana;
	color: white;
	background-color: #3E3E3E;
}

.keno {
	border-width: 1px;
	border-color: black;
	font-size: 9px;
	font-family: verdana;
	color: white;
	background-color: #737373;
}

div.saved A:Link {
	color: black;
	text-decoration: none;
}

div.saved A:Visited {
	color: black;
	text-decoration: none;
}

div.saved A:Hover {
	color: black;
	text-decoration: underline;
}

div.saved A:Active {
	color: black;
	text-decoration: none;
}

.savedmessage {
	font-size: 11px;
	font-family: verdana;
	color: black;
	background-color: #FFFFFF;
}

.quotedMessage {
	font-size: 11px;
	font-family: verdana;
	color: black;
	background-color: #FFFFFF;
	text-align: left;
	border: solid #000000;
	border-width: 2px;
	padding: 2px;
	width: 90%;
}

.quotedMessage a {
	color: #000 !important;
}

.notepad {
	font-size: 11px;
	font-family: verdana;
	color: black;
	background-color: #E9DE95;
}

.buzz {
	font-size: 12px;
	font-family: Georgia, Times New Roman;
	color: black;
	background-color: #E5DDC1;
}

.buzzmini {
	font-size: 12px;
	font-family: Georgia, Times New Roman;
	color: black;
	background-color: #B5AC8D;
	line-height: 1.5;
}

.buzz a:link {
	color: black;
	text-decoration: none;
}

.buzz a:visited {
	color: black;
	text-decoration: none;
}

.buzz a:active {
	color: black;
	text-decoration: none;
}

.buzz a:hover {
	color: black;
	text-decoration: underline;
}

.newmessage {
	font-size: xx-small;
	font-family: verdana;
	color: white;
	background-color: #A6A6A6;
}

.alertMessage {
	font-size: xx-small;
	font-family: verdana;
	color: white;
	background-color: #CA0000;
	border-color: #A20000;
	border-style: solid;
	border-width: 2px;
}

h1,h2,h3,h4,h5,h6 {
	color: white;
}

p {
	color: inherit;
	margin: 0;
}

A:Link {
	color: inherit;
	text-decoration: none;
}

A:Visited {
	color: inherit;
	text-decoration: none;
}

A:Hover {
	color: inherit;
	text-decoration: underline;
}

A:Active {
	color: inherit;
	text-decoration: none;
}

input {
	font-family: Verdana;
	font-size: 8pt;
	color: #000000;
}

select {
	font-family: Verdana;
	font-size: 8pt;
	color: #000000;
	border: 1px solid #999999
}

#dhtmltooltip {
	position: absolute;
	width: 125px;
	border: 1px solid black;
	border-color: white;
	padding: 2px;
	background-color: #4A4A4A;
	visibility: hidden;
	z-index: 100;
	font-size: xx-small;
	font-family: verdana;
	color: white;
	text-align: center;
}

#dropinboxv2cover {
	width: 200px;
	/*change width to desired */
	position: absolute;
	/*Don't change below 4 rules*/
	z-index: 100;
	overflow: hidden;
	visibility: hidden;
}

#dropinboxv2 {
	width: 300px;
	/*change width to above width-20. */
	border: 0px solid black;
	/*Customize box appearance*/
	padding: 0px;
	position: absolute;
	/*Don't change below 3 rules */
	left: 0;
	top: 0;
}

#fixedtipdiv {
	position: absolute;
	padding: 2px;
	border: 1px solid black;
	font: normal 12px Verdana;
	color: #000000;
	line-height: 18px;
	z-index: 100;
}

.btnGrn {
	cursor: pointer;
	color: #FFF;
	border: 2px solid #8EF393;
	background-color: #3E533E;
}

.btnRed {
	cursor: pointer;
	color: #FFF;
	border: 2px solid #FF8080;
	background-color: #533E3E
}

ul.tabs {
	display: block;
	margin: 0px;
	list-style-type: none;
	font-size: 0px;
	padding: 3px 0px;
	margin-top: 7px;
}

ul.tabs li, ul.tabs li.selected {
	padding: 5px;
	display: inline;
	font-size: 10px;
	margin-left: 3px;
}

ul.tabs li {
	color: #969696;
	background-color: #3E3E3E;
}

ul.tabs li.selected {
	border: 1px solid #8C867E;
	border-bottom-width: 0px;
	padding: 7px;
	padding-bottom: 6px;
	color: #FFF;
	background-color: #4a4a4a;
	font-weight: bold;
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
}

ul.tabs li a {
	color: inherit;
}

ul.tabs li a:hover {
	color: #DDD;
	text-decoration: none;
}

ul.tabs li.selected a {
	text-decoration: none;
	cursor: default;
}

ul.tabs li.selected a:hover {
	color: inherit;
}

#awardWrapper {
	position: fixed;
	z-index: 130;
	top: 50%;
	height: 630px;
	margin-top: -315px;
	left: 50%;
	width: 350px;
	margin-left: -115px;
}

.awardCell {
	height: 210px;
}

.awardBox {
	height: 130px;
	width: 350px;
	background-color: #323232;
	-webkit-box-shadow: 0px 0px 50px 3px rgba(200, 200, 200, .7);
	-moz-box-shadow: 0px 0px 50px 3px rgba(200, 200, 200, .7);
	box-shadow: 0px 0px 50px 3px rgba(200, 200, 200, .7);
}

.awardBoxH1 {
	font-size: 26px;
}

.awardBoxH2 {
	font-size: 18px;
}

.awardBoxH3 {
	font-size: 14px;
}

.awardPromotion {
	opacity: 1.0;
	position: absolute;
	width: 215px;
	height: 221px;
	margin-left: -115px;
	margin-top: -105px;
	left: -10px;
}

.awardImage {
	opacity: 1.0;
	position: absolute;
	width: 200px;
	height: 200px;
	margin-left: -110px;
	margin-top: -100px;
	left: -15px;
}

#dimmer {
	background-color: #000000;
	opacity : .6;
	filter : alpha(opacity=60);
	-moz-opacity : .6;
	z-index : 120;
	position : fixed;
	width : 100%;
	height : 100%;
	top : 0px;
	left : 0px;
}






.valentines-container {
	position: relative;
	background: #766067;
	padding: .5rem;
	width: 98%;
	box-sizing: border-box;
	margin: .5rem auto;
	border-radius: .5rem;
	border: 1px solid #b0979f;
	display: flex;
	align-items: center;
}

.valentines-container .cupid-icon {
	position: relative;
	top: 0;
}

.valentines-container .cupids-challenge-icon {
	position: relative;
	width: 50%;
	margin: 0;
	text-align: center;
}

.valentines-container .massacre-icon {
	position: relative;
	width: 50%;
	text-align: center;
}

.valentines-container .vday-icon {
	position: relative;
	top: 0;
	width: 87px;
	margin: -8px 0;
}

.vday-icon {
	position: relative;
	width: 105px;
}

.massacre-icon, .cupids-challenge-icon {
	padding: 0 1em;
	cursor: pointer;
	position: relative;
	display: inline-block;
}

.cupids-challenge-icon {
	width: 190px;
	margin-right: 1rem;
	margin-left: -190px;
}

.cupid-icon {
	position: absolute;
	width: 100%;
	left: 0;
	top: 6px;
}

.valentines-widget {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.valentines-widget.mobile {
	position: relative;
	right: unset;
	top: unset;
	transform: unset;
	text-align: center;
}