/** Really strange Safari attribute selector bug workaround!
/*  http://stackoverflow.com/questions/6655364/css-attribute-selector-descendant-gives-a-bug-in-webkit
 */
[data-state] {}

.sketch {
    position:relative;
}

div.sketchRoundBadge {
	background:url('https://cdn.gosupermodel.com/images/games/sketch/round_badge.png') 0 0 no-repeat;
	width:64px;
	height:39px;
	color:#ffffff;
}

div.sketchRoundBadge .text{
    width:64px;
    text-align:center;
    margin-top:7px;
    font-weight:bold;
    line-height: 10px;
}

div.sketchRoundBadge .round_number{
    width:64px;
    text-align:center;
    font-weight: bold;
}

.active_games_position{ 
    position:absolute;
    top:-44px;
    left:184px;
}


#sketchGame, #sketchGame > * {
	position:relative;
}

#sketchGame {
	width:689px;
	height:583px;
	user-select:none;
	-ms-user-select:none;
	-moz-user-select:none;
	-webkit-user-select:none;
}

#sketchGame #sketchWordSelector {
	display:none;
}

#sketchGame #sketchWordSelector h2{
    font-size:15px;
}

#browserNotSupported{
    background:black;
    width:443px;
    display:block;
    position:absolute;
    top:100px;
    left:100px;
    z-index:100;
    padding:14px;
    color:white;
}

#browserNotSupported h2{
    color:white;
}


#sketchGame[data-state=selectword] #sketchWordSelector {
	background:url('https://cdn.gosupermodel.com/images/games/sketch/word_selector_bg.jpg') 0 0 no-repeat;
    width:443px;
    height:121px;
    display:block;
    position:absolute;
    top:210px;
    left:116px;
    z-index:100;
    box-shadow:5px 5px 5px 0 rgba(121, 114, 98, 0.3);
    padding:7px;
}

#sketchWordSelector span.difficulty{
    display:inline-block;
    width:135px;
}

#sketchWordSelector span.word{
    display:inline-block;
    font-weight:bold;
}

#sketchWordSelector li:hover{
   background-color:#86bfc5;
    border-radius:10px;
}



#sketchGame #stateDescription {
	position:absolute;
	top:24px;
	left:30px;
	font-family:Verdana, sans-serif;
	font-size:15px;
	color:white;
}

#sketchGame #modButtons {
	position:relative;
	z-index:10;
	display:none;
}

#sketchGame[data-state=guess] #modButtons {
	display:inline-block;
}

#sketchWordSelector ul{
    margin: 18px 0 0 0;
}
#sketchWordSelector li{
    color:white;
    font-size:15px;
    cursor:pointer;
    position:relative;
    padding: 2px 7px 2px 17px;
    width:417px;
}


#sketchWordSelector h2{
    color:white;
}


#sketchGame[data-state=selectword] #sketchDrawing {
	display:block;
}

#sketchGame[data-state=selectword] #sketchGuessing {
	display:none;
}

#sketchGame[data-state=draw] #sketchDrawing {
	display:block;
}

#sketchGame[data-state=draw] #sketchGuessing {
	display:none;
}

#sketchGame[data-state=guess] #sketchDrawing {
	display:block;
}

#sketchGame[data-state=guess] #sketchGuessing {
	display:block;
}

#sketchGame[data-state=draw] #sketchTools {
	display:block;
}

#sketchGame #sketchDrawing {
	position:absolute;
	top:82px;
	left:30px;
	width:630px;
	height:410px;
	overflow:hidden;
	touch-action: none;
}

#sketchGame .tips {
	color:#86BFC5;
	font-family:verdana, sans-serif;
	font-size:16px;
	text-align:center;
	position:absolute;
	top:200px;
	left:0;
	width:100%;
	pointer-events:none;
	display:none;
}

#sketchGame[data-state=draw] .tips {
	display:block;
}

#sketchGame #sketchDrawing canvas {
	position:absolute;
	top:0;
	left:0;
	width:630px;
	height:410px;
}

#sketchGame #sketchDrawing .cursor {
	border:1px solid #888;
	border-radius:50%;
}

#sketchGame[data-state=draw] #sketchDrawing canvas {
	cursor:crosshair;
	touch-action: none;
}

#sketchGame #sketchDrawing .overlay {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(255, 255, 255, 0.5);
}

#sketchGame.winPopup #sketchDrawing .overlay, #sketchGame[data-state=selectword] #sketchDrawing .overlay {
	display:block;
}

#sketchGame #sketchDrawing .loader {
	display:none;
	background:url("https://cdn.gosupermodel.com/images/loadinganim/loader_v2_en.gif") no-repeat center center;
	width:424px;
	height:322px;
	margin:0 auto;
	position:relative;
}

#sketchGame.loading #sketchDrawing .loader, #sketchGame .loading .loader {
	display:block;
}

#sketchGame #sketchDrawing .completedReplayImages {
	position:absolute;
	top:0;
	left:0;
}

#sketchGame #sketchDrawing .completedReplayImages img {
	position:absolute;
	top:0;
	left:0;
	display:none;
}

#sketchGame #sketchDrawing #sketchCanvasForeground {
	touch-action: none;
}

#sketchGame #sketchDrawing #sketchCanvasForeground .corner {
	position:absolute;
	background:url("https://cdn.gosupermodel.com/images/games/sketch/canvas_fg.png") no-repeat top left;
	width:20px;
	height:20px;
	pointer-events:none;
}

#sketchGame #sketchDrawing #sketchCanvasForeground .corner.top {
	top:0;
}

#sketchGame #sketchDrawing #sketchCanvasForeground .corner.bottom {
	bottom:0;
}

#sketchGame #sketchDrawing #sketchCanvasForeground .corner.left {
	left:0;
}

#sketchGame #sketchDrawing #sketchCanvasForeground .corner.right {
	right:0;
}

#sketchGame #sketchDrawing #sketchCanvasForeground .corner.top.left {
	background-position: top left;
}

#sketchGame #sketchDrawing #sketchCanvasForeground .corner.top.right {
	background-position: top right;
}

#sketchGame #sketchDrawing #sketchCanvasForeground .corner.bottom.left {
	background-position: bottom left;
}

#sketchGame #sketchDrawing #sketchCanvasForeground .corner.bottom.right {
	background-position: bottom right;
}

#sketchGame #sketchDrawing #sketchCanvasForeground #cornerBottomRight {
	position:absolute;
	bottom:0;
	right:0;
	background-position:bottom right;
}

#sketchGame #sketchDrawing #sketchCanvasForeground #cornerBottomLeft {
	position:absolute;
	bottom:0;
	left:0;
	background-position:bottom left;
}

#sketchGame #sketchDrawing #sketchDrawingWord #selectedWord {
	font-weight:bold;
}

#sketchGame[data-state=draw] #sketchDrawing #sketchDrawingWord {
	display:block;
}


#sketchGame #sketchBackground {
	position:absolute;
	width:689px;
	height:583px;
	background:url("https://cdn.gosupermodel.com/images/games/sketch/canvas_bg.jpg") no-repeat left top;
	top:0;
	left:0;
}

#sketchGame #sketchTools {
	position:absolute;
	top:512px;
	left:30px;
	width:630px;
	height:34px;
	display:none;
}

#sketchGame #sketchTools > * {
	display:inline-block;
}

#sketchGame #sketchTools .tools > * {
	position:relative;
	display:inline-block;
}

#sketchGame #sketchTools .tools .subMenu {
	margin:0;
	padding:0;
	width:52px;
	position:absolute;
	z-index:10;
	bottom:25px;
	left:-10px;
}

#sketchGame #sketchTools .tools .subMenu ul {

}

#sketchGame #sketchTools .tools .subMenu li {
	list-style:none;
	width:46px;
	height:46px;
	line-height:46px;
	text-align:center;
	margin:0 auto;
	border-top:1px solid white;
	border-bottom:1px solid #e0ddd4;
	cursor:pointer;
}

#sketchGame #sketchTools .tools .subMenu li > * {
	margin-top:50%;
}

#sketchGame #sketchTools .tools .subMenu li > span {
	position:relative;
	display:inline-block;
	border-radius:50%;
	background-color:#678d91;
}

#sketchGame #sketchTools .tools .subMenu li:hover > span {
	background-color:#86bfc5;
}

#sketchGame #sketchTools .tools .subMenu li:first-child {
	border-top:0;
	height:36px;
	line-height:36px;
}

#sketchGame #sketchTools .tools .subMenu li:last-child {
	border-bottom:0;
	height:36px;
	line-height:36px;
}

#sketchGame #sketchTools .tools .subMenu .top {
	position:relative;
	background:url("https://cdn.gosupermodel.com/images/games/sketch/button_menu_top.png") no-repeat top left;
	width:52px;
	height:10px;
}

#sketchGame #sketchTools .tools .subMenu .center {
	position:relative;
	background:url("https://cdn.gosupermodel.com/images/games/sketch/button_menu_bg.png") repeat-y top left;
	width:52px;
}

#sketchGame #sketchTools .tools .subMenu .bottom {
	position:relative;
	background:url("https://cdn.gosupermodel.com/images/games/sketch/button_menu_bottom.png") no-repeat top left;
	width:52px;
	height:28px;
}

#sketchGame #sketchTools .tools .button {
	width:32px;
	padding:0;
}

#sketchGame #sketchTools .tools .undoButton .icon {
	background-image:url('https://cdn.gosupermodel.com/images/games/sketch/button_undo.png');
}

#sketchGame #sketchTools .tools .clearButton .icon {
	background-image:url('https://cdn.gosupermodel.com/images/games/sketch/button_trash.png');
}

#sketchGame .button {
	overflow:hidden;
	display:inline-block;
}

#sketchGame .button.blue {
	text-align:center;
	padding:0 32px;
	border:0;
	border-radius:8px;
	height:32px;
	line-height:32px;
	color:white;
	font-family:verdana, sans-serif;
	font-weight:bold;
	font-size:15px;
	background:transparent url("https://cdn.gosupermodel.com/images/games/sketch/button_bg.png") repeat-x left top;
	box-shadow:0 0 2px 1px rgba(160, 147, 142, 0.5);
	cursor:pointer;
	margin:0;
}

#sketchGame .button.blue:hover {
	background:transparent url("https://cdn.gosupermodel.com/images/games/sketch/button_bg_hover.png") repeat-x left top;
}

#sketchGame .button.white {
	background:rgba(255, 255, 255, 0.8) none;
	box-shadow:0 0 2px 1px rgba(160, 147, 142, 0.3);
	border:0;
	height:32px;
	border-radius:8px;
	margin:0 4px;
	font-size:15px;
	font-family:verdana, sans-serif;
	font-weight:bold;
	text-align:center;
	color:#5b5b5b;
	line-height:32px;
	cursor:pointer;
	padding:0 14px;
}

#sketchGame .button.blue .icon {
	background-repeat:no-repeat;
	background-position:center center;
	width:32px;
	height:32px;
}

#sketchGame #pictureTools {
	position:absolute;
	top:512px;
	width:631px;
	left:29px;
	text-align:right;
	display:none;
}

#sketchGame.shareable #pictureTools {
	display:block;
}

#sketchGame #sketchTools .button.finishButton {
	position:absolute;
	right:0;
	top:0;
	margin:0;
}

#sketchGame #sketchTools .colors {
	position:relative;
	background-color:#86bfc5;
	border-radius:8px;
	box-shadow:0 0 2px 1px rgba(160, 147, 142, 0.5);
	margin-left:6px;
	display:inline-block;
	height:32px;
	padding:0 7px;
}

#sketchGame #sketchTools .colors > * {
	
}

#sketchGame #sketchTools .colors .button {
	width:20px;
	height:19px;
	display:inline-block;
	margin:7px 0;
	cursor:pointer;
}

#sketchGame #sketchTools .colors .button.left {
	background:url("https://cdn.gosupermodel.com/images/games/sketch/button_colours_left.png") no-repeat top right;
}

#sketchGame #sketchTools .colors.firstPage .button.left {
	visibility:hidden;
}

#sketchGame #sketchTools .colors .button.right {
	background:url("https://cdn.gosupermodel.com/images/games/sketch/button_colours_right.png") no-repeat top right;
}

#sketchGame #sketchTools .colors.lastPage .button.right {
	display:none;
}

#sketchGame #sketchTools .colors .button.buy {
	background:url("https://cdn.gosupermodel.com/images/games/sketch/button_colours_buy.png") no-repeat top left;
	width:20px;
	height:20px;
	margin:6px 0;
	display:none;
}

#sketchGame #sketchTools .colors.lastPage .button.buy {
	display:inline-block;
}

#sketchGame #sketchTools .colors .colorButtons {
	position:relative;
	display:inline-block;
	width:100px;
	height:34px;
	overflow:hidden;
}

#sketchGame #sketchTools .colors .colorButtons > * {
	-moz-transition:left 300ms;
	-webkit-transition:left 300ms;
	-o-transition:left 300ms;
	-ms-transition:left 300ms;
	transition:left 300ms;
	position:absolute;
	top:0;
	left:0;
}

#sketchGame #sketchTools .colors .colorButton {
	position:relative;
	width:18px;
	height:18px;
	border:0;
	padding:0;
	margin:7px 1px;
	cursor:pointer;
	float:left;
}

#sketchGame #sketchTools .colors .colorButton.active {
	box-shadow:0 0 0 1px white;
}

#sketchGame #sketchGuessing {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

#sketchGame #sketchGuessing #guessLetters {
	top:512px;
	left:29px;
	width:100%;
	position:absolute;
	padding:0;
	margin:0;
}

#sketchGame.shareable #sketchGuessing #guessLetters {
	display:none;
}

#sketchGame #sketchGuessing #guessLetters li {
	display:block;
	float:left;
	margin:0 4px;
}

#sketchGame #sketchGuessing #guessLetters li:first-child {
	margin-left:0;
}

#sketchGame #sketchGuessing #guessLetters li:last-child {
	margin-right:0;
}

#sketchGame #sketchGuessing #guessLetters li .button {
	background:transparent url("https://cdn.gosupermodel.com/images/games/sketch/button_bg.png") repeat-x left top;
	box-shadow:0 0 2px 1px rgba(160, 147, 142, 0.5);
	border:0;
	color:white;
	font-family:verdana, sans-serif;
	font-size:15px;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	line-height:32px;
	width:32px;
	height:32px;
	border-radius:8px;
}

#sketchGame #sketchGuessing #guessForm:not(.disabled) #guessLetters li .button {
	cursor:pointer;
}

#sketchGame #sketchGuessing:not(.guessed) #guessForm:not(.disabled) #guessLetters li:not(.used) .button:hover {
	background:transparent url("https://cdn.gosupermodel.com/images/games/sketch/button_bg_hover.png") repeat-x left top;
}

#sketchGame #sketchGuessing #guessLetters li.used .button {
	background:rgba(255, 255, 255, 0.5) none;
	color:#5b5b5b;
	
}

#sketchGame #sketchGuessing #guessInput {
	position:absolute;
	top:440px;
	width:100%;
	text-align:center;
}

#sketchGame #sketchGuessing #guessInput .wordInput {
	position:relative;
	height:1em;
	display:inline-block;
	margin-right:20px;
	font-size:30px;
}


#sketchGame #sketchGuessing #guessInput .wordInput .letterInput {
	display:block;
	float:left;
	width:32px;
	cursor:default;
	text-transform:uppercase;
	padding:0;
	box-shadow:0 0 2px 1px rgba(160, 147, 142, 0.5);
}

#sketchGame #sketchGuessing #guessForm:not(.disabled) #guessInput .wordInput .letterInput {
	cursor:pointer;
}

#sketchGame #sketchGuessing.wrong #guessInput .wordInput .letterInput {
	background-color:rgba(232, 92, 67, 0.8);
}

#sketchGame #sketchGuessing.guessed #guessInput .wordInput .letterInput {
	background-color:rgba(157, 203, 45, 0.8);
}



#sketchGame.winPopup #sketchGuessing #guessedPopup {
	display:block;
}

#sketchGame #sketchGuessing #guessedPopup {
	display:none;
	position:relative;
	width:458px;
	height:240px;
	background:transparent url("https://cdn.gosupermodel.com/images/games/sketch/win_bg.jpg") no-repeat top left;
	box-shadow:5px 5px 5px 0 rgba(121, 114, 98, 0.3);
	margin:150px auto;
	text-align:center;
}

#sketchGame #sketchGuessing #guessedPopup .stars {
	background:transparent url("https://cdn.gosupermodel.com/images/games/sketch/win_stars.png") no-repeat top left;
	position:absolute;
	top:2px;
	left:-15px;
	width:496px;
	height:150px;
}

#sketchGame #sketchGuessing #guessedPopup .winPopupContent {
	position:absolute;
	top:10px;
	left:10px;
	font-family:verdana, sans-serif;
	font-size:20px;
	color:white;
	width:100%;
	text-align:center;
}

#sketchGame #sketchGuessing #guessedPopup .winPopupContent h2 {
	font-family:verdana, sans-serif;
	font-weight:bold;
	font-size:40px;
	color:white;
}

#sketchGame #sketchGuessing #guessedPopup .winPopupContent .winnings {
	font-size:30px;
}

#sketchGame #sketchGuessing #guessedPopup .winPopupContent p {
	margin:0 0 15px;
}

#sketchGame #sketchGuessing #guessedPopup .winPopupContent p span img {
	vertical-align:middle;
	margin:0 5px;
}

#sketchGame #sketchGuessing #guessedPopup #nextTurnButton {
	position:relative;
	margin:186px auto;
}

#sketchGame #sketchGuessing #skipGuessButton, #sketchGame #sketchGuessing #viewGuessContinueButton, #sketchGame #sketchGuessing #passGuessButton {
	display:block;
	position:absolute;
	top:100px;
	right:45px;
	color:#7ca4a8;
}

#sketchGame[data-state="viewguess"] #sketchGuessing.drawingDone #skipGuessButton {
	display:none;
}

#sketchGame #sketchGuessing #viewGuessContinueButton {
	display:none;
}

#sketchGame[data-state="viewguess"] #sketchGuessing.drawingDone:not([data-onlyprevreplay]) #viewGuessContinueButton {
	display:block;
}

#sketchGame[data-state="guess"] #sketchGuessing.drawingDone #skipGuessButton {
	display:none;
}

#sketchGame #sketchGuessing #passGuessButton {
	display:none;
}

#sketchGame #sketchGuessing.drawingDone:not(.guessed) #passGuessButton {
	display:block;
}

.widget_wood_bg{
    background:url('https://cdn.gosupermodel.com/images/games/sketch/wood_bg.jpg') 0 0 repeat-y;
    padding-left:11px;
}

.logo{
    background:url('https://cdn.gosupermodel.com/images/games/sketch/sketzmo_logo.jpg') 0 0 no-repeat;
    width:711px;
    height:70px;
}

.sketchgame_topbar_divider{
    background:url('https://cdn.gosupermodel.com/images/games/sketch/sketchgame_topbar_divider.jpg') 0 0 repeat-x;
    width: 731px;
    height: 2px;
}

.outer_widget{
    background: url('https://cdn.gosupermodel.com/images/games/sketch/page_bg.jpg');
    padding-left:10px;
}

.inner_widget{
    box-shadow: 0 1px 3px #888;
    width:690px;
}

.inner_widget .top{
    width:676px;
}

.inner_widget .content{
   background-color:#f2eee6;
   padding-left:10px;
   padding-top:10px;
   width:680px;
}

.create_game_container{
    background: url('https://cdn.gosupermodel.com/images/games/sketch/create_game_bg.jpg') no-repeat 0 0;
    width:711px;
    height:192px;
    position:relative;
}
.create_game_container a {
	text-decoration:none;
}
.create_game_container .header{
    position:absolute;
    width:100%;
    top:29px;
    text-align:center;
    font-size:15px;
    color:#ffffff;
    text-transform: uppercase;
}

.playercard .delete_button{
    display:none;
}
.playercard:hover .delete_button, .mobile .playercard .delete_button {
    display:block;
}

.create_button{
    position: absolute;
    top: 88px;
    height: 60px;
}
.create_game_friends{
    left: 46px;
    width: 206px;
}

.create_game_random{
    left:254px;
    width:205px;
}

.create_game_sendgame{
    left: 461px;
    width:205px;
}

.create_game_friends:hover{
    background:url('https://cdn.gosupermodel.com/images/games/sketch/create_buttons_hover.jpg') 0 0 no-repeat ;
}

.create_game_random:hover{
    background:url('https://cdn.gosupermodel.com/images/games/sketch/create_buttons_hover.jpg') -208px 0 no-repeat ;
}

.create_game_sendgame:hover{
    background:url('https://cdn.gosupermodel.com/images/games/sketch/create_buttons_hover.jpg') -415px 0 no-repeat ;
}

.create_game_button_header{
    position:absolute;
    top:20px;
    left:90px;
    font-size:15px;
    font-weight:bold;
    color:#ffffff;
}

.sketzmo_polaroid_outer_frame{
    width:330px;
    height:271px;
    border:1px solid #e1dbd3;
    background-color: #ffffff;
    position: relative;
    margin-bottom:10px;
    display: inline-block;
}

.sketzmo_polaroid_outer_frame .sketzmo_polaroid_inner_frame{
    margin:10px 11px 0 10px;
    border:1px solid #cac5bc;
}

.sketzmo_polaroid_outer_frame .sketzmo_thumbnail_image{
    width:306px;
    height:199px;
}

.sketzmo_polaroid_outer_frame .report_button{
    display:none;
    position: absolute;
    top:237px;
    left:216px;
    width:102px;
}

.sketzmo_polaroid_outer_frame:hover .report_button{
    display:block;
}

.sketzmo_polaroid_outer_frame .sketzmo_word{
    margin:15px 0 0 12px;
    color:#d97b64;
    font-size:15px;"
}

.sketzmo_polaroid_outer_frame .modelname{
    margin: 0 0 0 12px;
    font-weight: bold;
}

.color_set{
    width:448px;
    height:66px;
    background-color: #222222;
    border-top: 1px solid #666666;
    border-bottom: 1px solid #5b5b5b;
}

.owned{
    background-color: #343434;
}

.color_set div.color_swatch_container{
    position: relative;
    margin-left: 12px;
}
.color_set div.color_swatch_title{
   font-size: 11px;
   margin-left: 15px;
   padding-top: 13px;
   padding-bottom: 4px;
}
.color_set div.color_swatch{
    width: 19px;
    height: 19px;
    margin-left:4px;
}
.color_set div.color_swatch_owned{
    position: absolute;
    top:-2px;
    left:137px;
    background:url('https://cdn.gosupermodel.com/images/auction/check_icon.png') 0 0 no-repeat;
    width: 25px;
    height: 25px;
    padding-top: 4px;
}
.color_set div.gm_icon{
    position: absolute;
    top:-6px;
    left:266px;
    background:url('https://cdn.gosupermodel.com/images/auction/gomoney_icon.png') 0 0 no-repeat;
    width: 33px;
    height: 33px;
    padding-top: 5px;
}
.color_set div.diamond_icon{
    position: absolute;
    top:-2px;
    left:266px;
    background:url('https://cdn.gosupermodel.com/images/auction/diamond_icon.png') 0 0 no-repeat;
    width: 37px;
    height: 28px;
    padding-top: 4px;
}
.color_set div.buy_now_button_container{
    float: right;
    margin-right: 14px;
}
.color_set div.color_swatch_price{
    position: absolute;
    top:-8px;
    left:169px;
    font-size: 25px;
    width: 90px;
    text-align: right;
}