/* global styles */
body{
	font-family: Georgia, Times, "Times New Roman";
	color:#545550;
	background: #fff;
	border-top:0.4em solid #545550;	
}

a {color: #7D7E77;}
a:hover, a.more-link:hover {color: #C2B25E;}
a:hover{text-decoration:none;}

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #131312; }

.sidebar .inner {
	/*font-size: 13px; 
	line-height: 20px;*/ 
	color: #4A4C47; 
	border-bottom: solid 2px #7b9b18;
	background-color: #e8ecdd;
}

.sidebar .inner p {margin: 8px 0 15px 0;}
.sidebar .inner h6 {
	color: #545550; 
	font-size: 14px; 
	line-height: 20px; 
	margin-top: 20px; 
	font-weight: bold;
}

.sidebar .inner .header {
	font-size: 20px; 
	letter-spacing: 0;
	/*font-family: Verdana, Arial; */
	font-weight: normal; 
	margin: 0 0 20px 0;
	color: #8B8E85; 
}
.sidebar .inner h1.header {font-size: 26px; color: #545550;}

/* errors */
.errorlist li { list-style-type: none; margin-bottom: -1em; color: red;}
.errorlist { margin-top: 1em;}
.error { color: #E53012;}

.icon {
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: left center;
}

.twitter {background-image: url(https://twitter.com/favicon.ico)}

/******************** 
menu 
*********************/
ul.menu li {
	display: block;
	float: left;
}

ul.menu a {display: block; padding: 0 8px;  text-decoration: none; color: #8B8E85;}
ul.menu a:hover {color: #545550; }
ul.menu a.active {
	color: #fff; 
	background-color: #8B8E85; 
	cursor: default;	
}


/* mobile / desktop */
@media (min-width: 769px) {
	.mobile {
		display: none;
	}
}

@media (max-width: 768px) {
	.desktop {
		display: none;
	}
}

/* header / footer */
#header {    border-bottom: 2px solid #8B8E85; }
#footer {border-top: 1px solid #8B8E85;}

/********************
 Users 
*********************/
.users-list { margin: 23px 0 0 -0.5em;}
.users-list td{
	/*border-bottom: 1px solid #dddddd;*/
	padding: 1px 0.5em;
}

/********************
 Words page
*********************/
.words-list { list-style: none !important;}

/****************
 game page 
*****************/
#game-view {
	min-width: 620px;
}
body.game #content {min-width: 940px}

.column { float: left; }
.col1 { width: 290px; text-align: right;}
.col2 { width: 35px; text-align: center;}
.col3 { width: 290px; text-align: left;}
.rame_log_right_info {
	position: absolute;
	right: 5px;
	top: 2px;
	bottom: 2px;
	width: 200px;
	opacity: 0.6;
	text-align: right;
}
.game_log_row, .label {clear: both}
.game_log_row {margin-bottom: 1px;  position: relative}
.label {color: #aaa; font-size: 0.8em; padding-top: 1em;}
.word-row {
	font-size: 1.8em;
	line-height: 1.2em;
	margin: 0;
	color: #111111;
	padding: 1px 2px;
	text-transform: capitalize;
}
#word {
	background-repeat: repeat-x;
	background-position: left top;
}
.loading {background-image: url(../img/ajax-loader3.gif); }
#association {
	display: block;
	float: left;
	border: solid 1px #8B8E85;
	margin-right: 32px;
	width: 250px;
	padding: 0 1px;
	color: #111111;
}
a.add {
	vertical-align: middle;
	display: block;
	float: left;
	width: 1.2em;
	text-decoration: none;
	background-color: #7B9B18;
	color: #ffffff;
	margin: 0 -30px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	text-align: center;
	font-family: Verdana, Arial, Sans-serif;
}
#add-assoc-form {margin: 0; padding: 0;}
.buttons {padding-top: 3px;}
#game-log {padding-top: 1.2em; clear: both;}
#game-log .game_log_row { padding: 2px 5px; margin-left: -5px}
.user-link {float: left}
.game_log_row.answer {background-color: #e6eff5; opacity: 0.8}


.word-warning {
	color: #fff;
	background-color: #E53012;
	font-size: 12px;
	line-height: 12px;
	vertical-align: super;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 2px 5px;
}

.rules {padding-left: 16px; }
.rules span.good, span.bad {border-left: solid 0.5em; padding-left: 0.2em;}
.rules span.good {border-color: #a7bb67;}
.rules span.bad {border-color: #E47C64;}

.rules span.button {
	padding: 0.08em 0.5em;
	margin-right: 0.2em;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #fff;
	white-space:nowrap;
}

.rules span.red {background-color: #E47C64;}
.rules span.green {background-color: #a7bb67;}
.rules span.orange {background-color: #ebc07e;}


#game-log p {margin: 0;}

#game-log .popularity{
	background-color: #e58712;
	color: #ffffff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 0.1em 0.3em;
	margin-left: 1em;
	font-family: verdana, arial, sans-serif;
	font-size: 0.75em;
}


/************
forms 
*************/ 

label, input, textarea {
    display: block;
    font-style:inherit;
    font-size:100%;
    font-family:inherit;
}

input, textarea {
	/*font-family: verdana, arial, sans-serif;     */
}

form p {margin: 0 0 15px 0 !important; clear: both;}

.form label { width: 150px; display: block; float: left;}

/*************
decorators 
*************/
.small {font-size: 0.8em;}

a.ajax-link {text-decoration: none; border-bottom: dashed 1px; outline:none}

a.button {
	text-decoration: none;
	color: #ffffff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	padding: 2px 4px;
	/*font-family: Verdana, Arial, Sans-serif; 
	font-size: 12px;*/
	margin: 0;
	white-space:nowrap;
}

a.button.nomargin {
	margin: 0 -4px;
}

a.green {background-color: #7b9b18;}
a.green:hover {background-color: #a7bb67;}

a.orange {background-color: #e58712;}
a.orange:hover {background-color: #ebc07e;}

a.red {background-color: #EC644D;}
a.red:hover {background-color: #E53012;}



a.black {background-color: #333;}
a.black:hover {background-color: #555;}

.rating-mark {
	color: #ffffff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 0.1em 0.3em;
	margin-left: 1em;
	font-family: verdana, arial, sans-serif;
	font-size: 0.7em;
	text-decoration: none;
}

.bg-word{ background-color: #7b9b18; color: #fff;}
a.bg-word:hover {background-color: #a7bb67;color: #fff;}

a.word{ color: #7b9b18; }
a.word:hover {color: #a7bb67;}
.c-word{ color: #7b9b18; }
.c-word:hover {color: #a7bb67;}

.inactive{ color: #E53012; }
a.word.inactive{ color: #E53012; text-decoration: line-through;}
a.inactive:hover {color: #EC644D;}

.c-assoc {color: #5993C0; }
a.c-assoc:hover {color: #9EBED9; }
.bg-assoc{ background-color: #5993C0; color: #fff;}
a.bg-assoc:hover {background-color: #9EBED9; color: #fff;}

.c-user {color: #e58712; }
.c-user:hover {color: #ebc07e; }
.bg-user{ background-color: #e58712; color: #fff;}
a.bg-user:hover {background-color: #e58712; }

a.c-navigation {color: #8B8E85; text-decoration: none;}
a.c-navigation:hover {color: #545550;}

.arrow {/*color: #8B8E85;*/}

.self-clear:after {
    content: "";
    display: table;
    clear: both;
}

.lefted {
    float: left;
}

.righted {
    float: right;
    text-align: right;    
}

.clear {clear: both;}
.hidden {display: none !important;}

/* overlay */
#word_assoc_overlay { display: none }
#word_assoc_overlay .loading { background: url(../img/ajax-loader.gif) no-repeat center center; }
#word_assoc_overlay .associations a { 
    text-decoration: none; 
    color: #333; 
    margin: 0 5px;
    display: inline-block;
    line-height: 1.1em;
}
#word_assoc_overlay .associations a:hover {border-bottom: dashed 1px #7b9b18; color: #7b9b18; margin-bottom: -1px}

#assoc_view_mode {
	text-align: center;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: solid 1px #8B8E85;
	font-size: 12px;
}

/* pagination */
.pagination {
	margin: 23px 0 23px 0;
	color: #a7bb67;	
}

.pagination .page {
	text-decoration: none;
	background-color: #8B8E85;
	color: #ffffff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	padding: 0.2em 0.3em;
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.75em;
	margin: 0; 	
}

.pagination .page:hover{background-color: #a7bb67;}
.pagination .current { background-color:  #545550; }
.pagination .current:hover { background-color:  #545550; }
.pagination .prev, .pagination .next { text-decoration: none; }
.pagination .prev {margin-right: 8px;}
.pagination .next {margin-left: 8px;}
.pagination .disabled { color: #BFC1BC;}

/* sidebar associations */
.sidebar .assoc_list { list-style: none;}

.word_input_ac {
	border-radius: 3px;
    padding: 2px 4px;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
	line-height: 23px;
    border: solid 1px #8b8e85;
	/*border: solid 1px #d9ddcf;*/
}