/* Fonts */
@font-face
{
	font-family : 'camcorderregular';
	src         : url('../fonts/camcorder_reg-webfont.woff2') format('woff2'),
	url('../fonts/camcorder_reg-webfont.woff') format('woff');
	font-weight : normal;
	font-style  : normal;
}

@font-face
{
	font-family : 'schluber';
	src         : url('../fonts/schluber-webfont.woff2') format('woff2'),
	url('../fonts/schluber-webfont.woff') format('woff');
	font-weight : normal;
	font-style  : normal;
}

body
{
	background  : #0c0c0c;
	font-family : 'camcorderregular', sans-serif;
	color       : #ffffff;
	font-size   : 16px;
}

.tooltip
{
	font-family : 'camcorderregular', sans-serif;
	font-size   : 10px;
}

.ft-controls
{
	z-index : 2;
}

/* HEADER */
#mainnav
{
	position         : fixed;
	left             : 0;
	top              : 0;
	height           : 50px;
	width            : 100%;
	z-index          : 1000;
	background-color : rgba(0, 0, 0, 0.5);
}

#logo
{
	width    : 30px;
	position : relative;
	top      : 8px;
	left     : 10px;
	float    : left;
}

#logo img
{
	width : 100%;
}

#mapname
{
	font-family : 'schluber', sans-serif;
	color       : #ffffff;
	font-size   : 36px;
	float       : left;
	padding     : 3px 0 0 30px;
}

#nav
{
	float : left;
}

#nav ul
{
	list-style : none;
	padding    : 0;
	margin     : 0;
	position   : relative;
	top        : 9px;
}

#nav ul li
{
	float : left;
}

#nav ul li a:link, #nav ul li a:active, #nav ul li a:visited
{
	border        : 1px solid #ffffff;
	border-radius : 6px;
	padding       : 5px 12px;
	margin        : 0 0 0 8px;
	display       : inline-block;
	color         : #ffffff;
}

#nav ul li a:hover, #nav ul li.active a:link, #nav ul li.active a:active, #nav ul li.active a:visited
{
	border          : 1px solid #ffdc00;
	color           : #ffdc00;
	text-decoration : none;
}

/* CONTENT */
#content
{
	margin-bottom : 100px;
}

.sb-container
{
	width  : 1600px;
	margin : 0 auto;
}

h1
{
	font-family : 'schluber', sans-serif;
	font-size   : 80px;
	text-align  : center;
	padding     : 0;
	margin      : 0;
	line-height : 100%;
}

h2
{
	font-family    : 'schluber', sans-serif;
	font-size      : 40px;
	text-align     : center;
	color          : #ffdc00;
	padding        : 0 0 0 0;
	margin         : 0;
	line-height    : 100%;
	letter-spacing : 3px;
}

h3
{
	font-family : 'camcorderregular', sans-serif;
	text-align  : center;
	font-size   : 30px;
	padding     : 0 0 10px 0;
	margin      : 0;
	line-height : 100%;
	color       : #ffdc00;
}

h4
{
	font-family : 'camcorderregular', sans-serif;
	font-size   : 16px;
	padding     : 15px 0 5px 0;
	margin      : 0;
	line-height : 100%;
	color       : #ffdc00;
}

.alert-info
{
	border-color     : rgba(255, 255, 255, 0.5) !important;
	background-color : rgba(255, 255, 255, 0.5) !important;
}

.alert a:link, .alert a:visited, .alert a:active
{
	color : rgba(0, 0, 0, 0.5);
}

.grey
{
	color : #b4bcc2 !important;
}

#intro
{
	margin-top    : 150px;
	margin-bottom : 100px;
}

.sb-map
{
	position      : relative;
	z-index       : 0;
	margin-bottom : 50px;
}

.floor-name
{
	background                 : #ffdc00;
	color                      : #000000;
	display                    : inline-block;
	position                   : absolute;
	top                        : 10px;
	left                       : -2px;
	font-size                  : 24px;
	padding                    : 3px 8px 3px 8px;
	border-top-right-radius    : 5px;
	border-bottom-right-radius : 5px;
}

#news hr
{
	border-color : rgba(255, 255, 255, 0.2);
}

/* Startseite */
#configuration
{
	height : 550px;
}

.map-img
{
	height             : 150px;
	position           : relative;
	box-sizing         : border-box;
	border             : 1px solid rgba(255, 255, 255, 0.5);
	margin-bottom      : 30px;
	transition         : all 0.5s ease;
	-moz-transition    : all 0.5s ease;
	-ms-transition     : all 0.5s ease;
	-webkit-transition : all 0.5s ease;
	-o-transition      : all 0.5s ease;
	cursor             : pointer;
}

.map-img:hover
{
	border-color : #ffdc00;
}

.map-img h4
{
	position   : absolute;
	bottom     : 0;
	left       : 0;
	padding    : 7px 0 7px 7px;
	margin     : 0;
	background : rgba(0, 0, 0, 0.5);
	width      : 100%;
	font-size  : 18px;
	text-align : left;
	color      : #ffffff;
}

.map-img.disabled
{
	opacity      : 0.2;
	border-color : rgba(255, 255, 255, 0.5);
	cursor       : not-allowed;
}

.map-img-bank
{
	background : #000000 url(../img/map-img-bank.jpg) center center no-repeat;
}

.map-img-bartlett
{
	background : #000000 url(../img/map-img-bartlett.jpg) center center no-repeat;
}

.map-img-border
{
	background : #000000 url(../img/map-img-border.jpg) center center no-repeat;
}

.map-img-coastline
{
	background : #000000 url(../img/map-img-coastline.jpg) center center no-repeat;
}

.map-img-chalet
{
	background : #000000 url(../img/map-img-chalet.jpg) center center no-repeat;
}

.map-img-clubhouse
{
	background : #000000 url(../img/map-img-clubhouse.jpg) center center no-repeat;
}

.map-img-consulate
{
	background : #000000 url(../img/map-img-consulate.jpg) center center no-repeat;
}

.map-img-favela
{
	background : #000000 url(../img/map-img-favela.jpg) center center no-repeat;
}

.map-img-herford
{
	background : #000000 url(../img/map-img-herford.jpg) center center no-repeat;
}

.map-img-house
{
	background : #000000 url(../img/map-img-house.jpg) center center no-repeat;
}

.map-img-kafe
{
	background : #000000 url(../img/map-img-cafe.jpg) center center no-repeat;
}

.map-img-kanal
{
	background : #000000 url(../img/map-img-kanal.jpg) center center no-repeat;
}

.map-img-oregon
{
	background : #000000 url(../img/map-img-oregon.jpg) center center no-repeat;
}

.map-img-plane
{
	background : #000000 url(../img/map-img-plane.jpg) center center no-repeat;
}

.map-img-skyscraper
{
	background : #000000 url(../img/map-img-skyscraper.jpg) center center no-repeat;
}

.map-img-themepark
{
	background : #000000 url(../img/map-img-themepark.jpg) center center no-repeat;
}

.map-img-yacht
{
	background : #000000 url(../img/map-img-yacht.jpg) center center no-repeat;
}

#gamemodes, #teams, #locations
{
	display : none;
}

.gamemode-box, .team-box
{
	height             : 300px;
	box-sizing         : border-box;
	border             : 1px solid rgba(255, 255, 255, 0.5);
	transition         : all 0.5s ease;
	-moz-transition    : all 0.5s ease;
	-ms-transition     : all 0.5s ease;
	-webkit-transition : all 0.5s ease;
	-o-transition      : all 0.5s ease;
	cursor             : pointer;
}

.gamemode-box:hover, .team-box:hover, .location-box:hover
{
	border-color : #ffdc00;
}

.gamemode-box h4, .team-box h4
{
	text-align  : center;
	font-size   : 26px;
	padding-top : 130px;
	color       : #ffffff;
}

.team-box.disabled
{
	cursor       : not-allowed;
	opacity      : 0.2;
	border-color : rgba(255, 255, 255, 0.5);
}

#location-img
{
	height              : 510px;
	background-repeat   : no-repeat;
	background-position : center center;
}

.location-box
{
	box-sizing         : border-box;
	border             : 1px solid rgba(255, 255, 255, 0.5);
	transition         : all 0.5s ease;
	-moz-transition    : all 0.5s ease;
	-ms-transition     : all 0.5s ease;
	-webkit-transition : all 0.5s ease;
	-o-transition      : all 0.5s ease;
	cursor             : pointer;
	margin-bottom      : 16px;

}

.location-box h4
{
	color     : #ffffff;
	font-size : 24px;
	padding   : 44px 40px;

}

/* Infos */
#infos
{
	background-color : rgba(255, 255, 255, 0.05);
	padding-bottom   : 30px;
	padding-top      : 30px;
}

/* Footer */
#footer
{
	padding-bottom   : 40px;
	padding-top      : 30px;
	background-color : rgba(255, 255, 255, 0.03);
}

/* EDITOR */
/* Floor Nav */
#floor-nav
{
	padding-top : 15px !important;
}

#floor-nav span
{
	margin-left : 30px;
}

#floor-nav label
{
	margin: 0 5px;
}

/* Operator Auswahl */
#choose-operator
{
	margin-bottom : 50px;
}

#choose-operator .caret
{
	color : #ffffff;
}

h3.h3-p
{
	position : relative;
}

h3.h3-p img
{
	position : absolute;
	left     : 0;
	top      : -20px;
	width    : 80px;
	z-index  : 20;
}

h3.h3-p1
{
	color : #a874ff;
}

h3.h3-p2
{
	color : #00ff00;
}

h3.h3-p3
{
	color : #ff9c00;
}

h3.h3-p4
{
	color : #ff00d2;
}

h3.h3-p5
{
	color : #00ffff;
}

.bootstrap-select
{
	width : 100% !important;
}

.bootstrap-select button
{
	width : 100% !important;
}

.bootstrap-select button .filter-option
{
	color     : #ffffff;
	padding   : 5px 0;
	font-size : 20px;
}

.bootstrap-select .dropdown-menu li a
{
	font-size : 16px;
}

.bootstrap-select .dropdown-menu li a:hover
{
	background-color : rgba(0, 0, 0, 0.2);
}

.bootstrap-select .dropdown-menu li .op-img
{
	width           : 30px;
	height          : 30px;
	background-size : 30px 30px;
	display         : inline-block;
	position        : relative;
	top             : 8px
}

.bootstrap-select .dropdown-menu li .op-img-bandit
{
	background : transparent url(../img/op-bandit.png) center center/30px 30px no-repeat;
}

.bootstrap-select .dropdown-menu li .op-img-ela
{
	background : transparent url(../img/op-ela.png) center center/30px 30px no-repeat;
}

.bootstrap-select .dropdown-menu li .op-img-lesion
{
	background : transparent url(../img/op-lesion.png) center center/30px 30px no-repeat;
}

.bootstrap-select .dropdown-menu li .op-img-mira
{
	background : transparent url(../img/op-mira.png) center center/30px 30px no-repeat;
}

.bootstrap-select .dropdown-menu li .op-img-echo
{
	background : transparent url(../img/op-echo.png) center center/30px 30px no-repeat;
}

.bootstrap-select .dropdown-menu li .op-img-caveira
{
	background : transparent url(../img/op-caveira.png) center center/30px 30px no-repeat;
}

.bootstrap-select .dropdown-menu li .op-img-valkyrie
{
	background : transparent url(../img/op-valkyrie.png) center center/30px 30px no-repeat;
}

.bootstrap-select .dropdown-menu li .op-img-frost
{
	background : transparent url(../img/op-frost.png) center center/30px 30px no-repeat;
}

.bootstrap-select .dropdown-menu li .op-img-mute
{
	background : transparent url(../img/op-mute.png) center center/30px 30px no-repeat;
}

.bootstrap-select .dropdown-menu li .op-img-smoke
{
	background : transparent url(../img/op-smoke.png) center center/30px 30px no-repeat;
}

.bootstrap-select .dropdown-menu li .op-img-castle
{
	background : transparent url(../img/op-castle.png) center center/30px 30px no-repeat;
}

.bootstrap-select .dropdown-menu li .op-img-pulse
{
	background : transparent url(../img/op-pulse.png) center center/30px 30px no-repeat;
}

.bootstrap-select .dropdown-menu li .op-img-doc
{
	background : transparent url(../img/op-doc.png) center center/30px 30px no-repeat;
}

.bootstrap-select .dropdown-menu li .op-img-rook
{
	background : transparent url(../img/op-rook.png) center center/30px 30px no-repeat;
}

.bootstrap-select .dropdown-menu li .op-img-jäger
{
	background : transparent url(../img/op-jaeger.png) center center/30px 30px no-repeat;
}

.bootstrap-select .dropdown-menu li .op-img-tachanka
{
	background : transparent url(../img/op-tachanka.png) center center/30px 30px no-repeat;
}

.bootstrap-select .dropdown-menu li .op-img-kapkan
{
	background : transparent url(../img/op-kapkan.png) center center/30px 30px no-repeat;
}

.bootstrap-select .dropdown-menu li .op-img-vigil
{
	background : transparent url(../img/op-vigil.png) center center/30px 30px no-repeat;
}

.bootstrap-select .dropdown-menu li .op-img-free
{
	background : transparent url(../img/op-freepick.png) center center/30px 30px no-repeat;
}

.bootstrap-select .dropdown-menu li .op-img-recruit
{
	background : transparent url(../img/op-recruit.png) center center/30px 30px no-repeat;
}

.select-secondgadget
{
	margin-top : 15px;
}

.select-secondgadget button, .select-secondgadget button:hover, .select-secondgadget button:focus, .select-secondgadget button:active
{
	background-color : #000000;
}

.select-secondgadget.open button, .select-secondgadget.open button:hover, .select-secondgadget.open button:focus, .select-secondgadget.open button:active
{
	background-color : #000000 !important;
}

.select-secondgadget button .filter-option
{
	font-size : 16px !important;
}

/* Save Button */
#save
{
	margin-bottom : 150px;
}

#save .btn, .alert
{
	border-radius : 0;
	border-width  : 1px;
}

#save .btn-default
{
	background-color : transparent;
	border-color     : rgba(255, 255, 255, 0.5) !important;
	color            : rgba(255, 255, 255, 0.5) !important;
}

#save .btn-default:hover
{
	background-color : transparent !important;
}

/* Contextmenu */
.context-menu-item
{
	padding-left : 8px;
}

.icon-p1
{
	color : #a874ff;
}

.icon-p2
{
	color : #00ff00;
}

.icon-p3
{
	color : #ff9c00;
}

.icon-p4
{
	color : #ff00d2;
}

.icon-p5
{
	color : #00ffff;
}

.sb-menuicon img
{
	width    : 16px;
	position : relative;
	top      : 0;
}

/* Allgemein */
.castled, .reinforced
{
	background-image : url(../img/sb-wall-reinforced.png) !important;
}

.opened
{
	background : #ffffff url(../img/sb-open-dots.png) !important;
}

/* Objectives */
.sb-objective
{
	width            : 20px;
	height           : 20px;
	border           : 2px solid #ffffff;
	background-color : #bd26ef;
	position         : absolute;
	text-align       : center;
	font-size        : 12px;
	padding          : 3px 0 0 0;
	margin           : 0;
	line-height      : 95%;
}

/* Hatches */
.sb-hatch
{
	position   : absolute;
	background : transparent;
	border     : 2px solid rgba(0, 0, 0, 0.4);
	width      : 39px;
	height     : 39px;
	cursor     : context-menu;
}

.sb-hatch-ceiling
{
	opacity : 0.4;
	z-index : 4;
}

.sb-hatch-ceiling:hover
{
	z-index : 1;
}

.sb-hatch.sb-p
{
	border-color : #ffff00;
}

.sb-hatch.sb-p1
{
	border-color : #a874ff;
}

.sb-hatch.sb-p2
{
	border-color : #00ff00;
}

.sb-hatch.sb-p3
{
	border-color : #ff9c00;
}

.sb-hatch.sb-p4
{
	border-color : #ff00d2;
}

.sb-hatch.sb-p5
{
	border-color : #00ffff;
}

.sb-hatch.sb-p.reinforced
{
	background-color : #ffff00;
}

.sb-hatch.sb-p1.reinforced
{
	background-color : #a874ff;
}

.sb-hatch.sb-p2.reinforced
{
	background-color : #00ff00;
}

.sb-hatch.sb-p3.reinforced
{
	background-color : #ff9c00;
}

.sb-hatch.sb-p4.reinforced
{
	background-color : #ff00d2;
}

.sb-hatch.sb-p5.reinforced
{
	background-color : #00ffff;
}

/* Walls */
.sb-wall
{
	position   : absolute;
	background : #e4dfcd;
	box-sizing : border-box;
	border     : 2px solid #000000;
	width      : 14px;
	cursor     : context-menu;
	z-index    : 2;
}

.sb-wall.sb-p.reinforced
{
	background-color : #ffff00;
	border-color     : #ffff00;
}

.sb-wall.sb-p1.reinforced
{
	background-color : #a874ff;
	border-color     : #a874ff;
}

.sb-wall.sb-p2.reinforced
{
	background-color : #00ff00;
	border-color     : #00ff00;
}

.sb-wall.sb-p3.reinforced
{
	background-color : #ff9c00;
	border-color     : #ff9c00;
}

.sb-wall.sb-p4.reinforced
{
	background-color : #ff00d2;
	border-color     : #ff00d2;
}

.sb-wall.sb-p5.reinforced
{
	background-color : #00ffff;
	border-color     : #00ffff;
}

/* Windows / Doors */
.sb-window, .sb-door
{
	position      : absolute;
	box-sizing    : border-box;
	border        : 2px solid #000000;
	width         : 10px;
	border-radius : 5px;
	cursor        : context-menu;
	z-index       : 2;
}

.sb-door
{
	border-radius : 0;

}

.close-default
{
	background : #184b10;
}

.open-default
{
	background : transparent;
}

.closed
{
	background : #184b10;
}

.sb-door.sb-p, .sb-window.sb-p
{
	border-color : #ffff00;
}

.sb-door.sb-p1, .sb-window.sb-p1
{
	border-color : #a874ff;
}

.sb-door.sb-p2, .sb-window.sb-p2
{
	border-color : #00ff00;
}

.sb-door.sb-p3, .sb-window.sb-p3
{
	border-color : #ff9c00;
}

.sb-door.sb-p4, .sb-window.sb-p4
{
	border-color : #ff00d2;
}

.sb-door.sb-p5, .sb-window.sb-p5
{
	border-color : #00ffff;
}

.sb-door.castled.sb-p, .sb-window.castled.sb-p
{
	background-color : #ffff00;
}

.sb-door.castled.sb-p1, .sb-window.castled.sb-p1
{
	background-color : #a874ff;
}

.sb-door.castled.sb-p2, .sb-window.castled.sb-p2
{
	background-color : #00ff00;
}

.sb-door.castled.sb-p3, .sb-window.castled.sb-p3
{
	background-color : #ff9c00;
}

.sb-door.castled.sb-p4, .sb-window.castled.sb-p4
{
	background-color : #ff00d2;
}

.sb-door.castled.sb-p5, .sb-window.castled.sb-p5
{
	background-color : #00ffff;
}

/* DESTRUCTIONS */
.sb-rotation
{
	position   : absolute;
	width      : 30px;
	height     : 20px;
	border     : 2px solid #ffff00;
	background : rgba(255, 0, 0, 0.7);
	cursor     : move;
	z-index    : 3 !important;
}

.sb-killhole
{
	width      : 40px;
	height     : 14px;
	border     : 2px dashed #ffff00;
	background : rgba(255, 0, 0, 0.7) url(../img/sb-killhole-bg.png);
	cursor     : move;
	z-index    : 3 !important;
}

.sb-killhole-floor
{
	width      : 20px;
	height     : 20px;
	border     : 2px dashed #ffff00;
	background : rgba(255, 0, 0, 0.7) url(../img/sb-open-dots.png);
	cursor     : move;
	z-index    : 3 !important;
}

.sb-rotation .ui-resizable-se, .sb-killhole .ui-resizable-se, .sb-killhole-floor .ui-resizable-se
{
	display : none !important;
}

.sb-rotation.sb-p1, .sb-killhole.sb-p1, .sb-killhole-floor.sb-p1
{
	border-color : #a874ff;
}

.sb-rotation.sb-p2, .sb-killhole.sb-p2, .sb-killhole-floor.sb-p2
{
	border-color : #00ff00;
}

.sb-rotation.sb-p3, .sb-killhole.sb-p3, .sb-killhole-floor.sb-p3
{
	border-color : #ff9c00;
}

.sb-rotation.sb-p4, .sb-killhole.sb-p4, .sb-killhole-floor.sb-p4
{
	border-color : #ff00d2;
}

.sb-rotation.sb-p5, .sb-killhole.sb-p5, .sb-killhole-floor.sb-p5
{
	border-color : #00ffff;
}

/* GADGETS & */
.sb-gadget
{
	z-index : 1;
}

.ui-rotatable-handle
{
	width              : 14px;
	height             : 14px;
	opacity            : 0;
	-webkit-transition : opacity 0.4s;
	-moz-transition    : opacity 0.4s;
	-o-transition      : opacity 0.4s;
	transition         : opacity 0.4s;
}

.sb-gadget:hover .ui-rotatable-handle, .sb-destruction:hover .ui-rotatable-handle
{
	opacity : 1;
}

/* Battery */
.sb-battery
{
	width      : 24px;
	height     : 16px;
	cursor     : move;
	display    : inline-block;
	background : url(../img/sb-gadget-battery-bg.png) 0 0;
	z-index    : 3;
}

.sb-battery.sb-p1
{
	background-position : 0 80px;
}

.sb-battery.sb-p2
{
	background-position : 0 64px;
}

.sb-battery.sb-p3
{
	background-position : 0 48px;
}

.sb-battery.sb-p4
{
	background-position : 0 32px;
}

.sb-battery.sb-p5
{
	background-position : 0 16px;
}

/* Grzmot Mine */
.sb-grzmot
{
	width      : 9px;
	height     : 13px;
	cursor     : move;
	display    : inline-block;
	background : url(../img/sb-gadget-grzmot-bg.png) 0 0;
	z-index    : 3;
}

.sb-grzmot.sb-p1
{
	background-position : 0 65px;
}

.sb-grzmot.sb-p2
{
	background-position : 0 52px;
}

.sb-grzmot.sb-p3
{
	background-position : 0 39px;
}

.sb-grzmot.sb-p4
{
	background-position : 0 26px;
}

.sb-grzmot.sb-p5
{
	background-position : 0 13px;
}

/* Gu Mine */
.sb-gumine
{
	width      : 11px;
	height     : 11px;
	cursor     : move;
	display    : inline-block;
	background : url(../img/sb-gadget-gumine-bg.png) 0 0;
	z-index    : 3;
}

.sb-gumine.sb-p1
{
	background-position : 0 55px;
}

.sb-gumine.sb-p2
{
	background-position : 0 44px;
}

.sb-gumine.sb-p3
{
	background-position : 0 33px;
}

.sb-gumine.sb-p4
{
	background-position : 0 22px;
}

.sb-gumine.sb-p5
{
	background-position : 0 11px;
}

/* Black Eye */
.sb-blackeye
{
	width      : 13px;
	height     : 13px;
	cursor     : move;
	display    : inline-block;
	background : url(../img/sb-gadget-blackeye-bg.png) 0 0;
	z-index    : 3;
}

.sb-blackeye.sb-p1
{
	background-position : 0 65px;
}

.sb-blackeye.sb-p2
{
	background-position : 0 52px;
}

.sb-blackeye.sb-p3
{
	background-position : 0 39px;
}

.sb-blackeye.sb-p4
{
	background-position : 0 26px;
}

.sb-blackeye.sb-p5
{
	background-position : 0 13px;
}

/* Jammer */
.sb-jammer
{
	width      : 26px;
	height     : 15px;
	cursor     : move;
	display    : inline-block;
	background : url(../img/sb-gadget-jammer-bg.png) 0 0;
	z-index    : 3;
}

.sb-jammer.sb-p1
{
	background-position : 0 80px;
}

.sb-jammer.sb-p2
{
	background-position : 0 64px;
}

.sb-jammer.sb-p3
{
	background-position : 0 48px;
}

.sb-jammer.sb-p4
{
	background-position : 0 32px;
}

.sb-jammer.sb-p5
{
	background-position : 0 16px;
}

/* Welcome Mat */
.sb-welcomemat
{
	width      : 17px;
	height     : 12px;
	cursor     : move;
	display    : inline-block;
	background : url(../img/sb-gadget-welcomemat-bg.png) 0 0;
	z-index    : 3;
}

.sb-welcomemat.sb-p1
{
	background-position : 0 60px;
}

.sb-welcomemat.sb-p2
{
	background-position : 0 48px;
}

.sb-welcomemat.sb-p3
{
	background-position : 0 36px;
}

.sb-welcomemat.sb-p4
{
	background-position : 0 24px;
}

.sb-welcomemat.sb-p5
{
	background-position : 0 12px;
}

/* ADS */
.sb-ads
{
	width      : 19px;
	height     : 16px;
	cursor     : move;
	display    : inline-block;
	background : url(../img/sb-gadget-ads-bg.png) 0 0;
	z-index    : 3;
}

.sb-ads.sb-p1
{
	background-position : 0 80px;
}

.sb-ads.sb-p2
{
	background-position : 0 64px;
}

.sb-ads.sb-p3
{
	background-position : 0 48px;
}

.sb-ads.sb-p4
{
	background-position : 0 32px;
}

.sb-ads.sb-p5
{
	background-position : 0 16px;
}

/* Mira Window */
.sb-mira-window
{
	width      : 30px;
	height     : 10px;
	cursor     : move;
	border     : 1px solid #ffff00;
	display    : inline-block;
	background : rgba(255, 255, 0, 0.6) url(../img/sb-gadget-mirawindow.png) no-repeat;
	z-index    : 3;
}

.sb-mira-window.sb-p1
{
	background   : rgba(168, 116, 255, 0.6) url(../img/sb-gadget-mirawindow.png) no-repeat;
	border-color : #a874ff;
}

.sb-mira-window.sb-p2
{
	background   : rgba(0, 255, 0, 0.6) url(../img/sb-gadget-mirawindow.png) no-repeat;
	border-color : #00ff00;
}

.sb-mira-window.sb-p3
{
	background   : rgba(255, 156, 0, 0.6) url(../img/sb-gadget-mirawindow.png) no-repeat;
	border-color : #ff9c00;
}

.sb-mira-window.sb-p4
{
	background   : rgba(255, 0, 210, 0.6) url(../img/sb-gadget-mirawindow.png) no-repeat;
	border-color : #ff00d2;
}

.sb-mira-window.sb-p5
{
	background   : rgba(0, 255, 255, 0.6) url(../img/sb-gadget-mirawindow.png) no-repeat;
	border-color : #00ffff;
}

/* Barbwire */
.sb-barbwire
{
	width         : 40px;
	height        : 40px;
	border-radius : 50%;
	border        : 2px solid #ffff00;
	background    : rgba(255, 255, 0, 0.6);
	z-index       : 1;
	cursor        : move;
	display       : inline-block;
}

.sb-barbwire img
{
	width    : 20px;
	position : relative;
	top      : 8px;
	left     : 8px;
}

.sb-barbwire.sb-p1
{
	background   : rgba(168, 116, 255, 0.6);
	border-color : #a874ff;
}

.sb-barbwire.sb-p2
{
	background   : rgba(0, 255, 0, 0.6);
	border-color : #00ff00;
}

.sb-barbwire.sb-p3
{
	background   : rgba(255, 156, 0, 0.6);
	border-color : #ff9c00;
}

.sb-barbwire.sb-p4
{
	background   : rgba(255, 0, 210, 0.6);
	border-color : #ff00d2;
}

.sb-barbwire.sb-p5
{
	background   : rgba(0, 255, 255, 0.6);
	border-color : #00ffff;
}