#wrap {
    min-height: 100%;
}
.modal-overlay {
    background: rgba(0,0,0,0.75);
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 10000;
}
.modal-panel {
    background: rgb(255,255,255);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    left: 30%;
    height: 40%;
    margin-left: -20px;
    padding: 20px;
    position: absolute;
    top: 10%;
    width: 40%;
}

/* LineBreaker */
.linebreaker {
	background: transparent;
	clear: both;
	display: block;
	height: 1em;
}
.break {
	clear: both;
	display: block;
	height: 0;
}
.clear {
	clear: both;
	font-size: 0;
	overflow: hidden;
}

#header {
	background: #F6D825;
	height: 72px;
}
#header #logo {
	width: 220px;
	height: 66px;
	float: left;
	margin: 5px 10px 0px 10px;
	display: block;
	background: url('/elements/logo.png') no-repeat;
}
#header #logo span {
	display: none;
}

/* CONTENT LINE */
DIV#idContentLine { padding: 1em 0em; text-align: center; background-color: #FFFFFF; clear: both;}

/* MAIN DIV [Defines the Width Of The Document ] */
DIV#idMain { width: 770px; margin-left: auto; margin-right: auto; background-color: #FFFFFF; }

/* Left & Right Columns */
DIV#idLeftColumn { width: 500px; background-color: #FFFFFF; float: left;}
DIV#idRightColumn { width: 260px; _width: 250px; padding: 0px 0px 0px 10px; background-color: #FFFFFF; float: left;}

/* BOTTOM LINE */
DIV#idBottomLine { clear: both; height: 30px; border-top: 1px solid #EFC500; background-color: #FFFFFF; }
DIV#idBottomLine P.pCopyright { float: right; margin: 0.5em; text-align: right; font-size: 0.6em; color: #333333; }
DIV#idBottomLine P.pButtons { float: left; margin: 0.5em; text-align: right; font-size: 0.6em; color: #333333; }
DIV#idBottomLine P.pCopyright A:link { text-decoration: underline; color: #333333; }
DIV#idBottomLine P.pCopyright A:visited { color: #999999; }
DIV#idBottomLine P.pCopyright A:hover, DIV#idBottomLine P.pCopyright A:active { color: #CD1414; }







/* New Wrappers to match span8 - span4 configuration */
/*
.cwrp {
    left:                           0;
    position:                       relative;
    width:                          632px;
}
.swrp {
    border-left:                    1px solid #ccc;
    left:                           631px;
    margin:                         0 -100% 0 0;
    padding-left:                   24px;
    position:                       relative;
    width:                          304px;
}
.cwrp:after,
.swrp:after {
    clear:                          both;
    content:                        '';
    display:                        block;
}

.cwrp .content {
    float:                          left;
    left:                           -656px;
    margin-left:                    0;
    margin-right:                   -656px;
    padding-right:                  24px;
    position:                       relative;
    width:                          608px;
}
.cwrp .sidebar {
    width:                          304px;
}
.cwrp .content > article {
    margin:                         10px 0 10px 10px;
}
*/
.content > article {
    margin:                         10px 0px 10px 10px;
}





/* Sideblock */
.sideblock {
    background:					    #ffeeb2;
    -moz-border-radius:			    3px;
    -webkit-border-radius:		    3px;
    border-radius:				    3px;
    margin:						    0 0 20px 0;
    padding:                        20px;
}
.sideblock header {
    border-bottom:                  1px solid #fed74c;
    padding:                        0 0 10px 0;
}
.sideblock header h1 {
    color:                          #666666;
    text-shadow:                    0 1px 0 #FFFFFF;
}





/* Recent Blog / Recent News */
.recent-blog article header,
.recent-news article header {
    padding-right:                  120px;
}
.recent-blog article header:after,
.recent-news article header:after {
    clear:                          both;
    content:                        '';
    display:                        block;
}
.recent-blog article header h1,
.recent-news article header h1 {
    color:                          #0C83BD;
    float:                          left;
    font-size:                      20px;
    font-weight:                    bold;
    line-height:                    24px;
    margin:                         0;
}
.recent-blog article header a,
.recent-news article header a {
    border-bottom-width:            1px;
    display:                        block;
    float:                          right;
    font-size:                      11px;
    line-height:                    18px;
    margin:                         6px -120px 0 0;
}
.recent-news article header a:link,
.recent-news article header a:visited,
.recent-blog article header a:link,
.recent-blog article header a:visited {
    color:                          #0C83BD;
}
.recent-news article {
    margin:                         40px 40px 40px 10px;
}
.recent-blog article {
    margin:                         40px 10px 40px 40px;
}
.recent-blog article p,
.recent-news article p {
    margin:                         10px 0;
}


#navigation {
	width: 100%;
	height: 34px;
	background: #f8e25c;
	border-top: 1px solid #efc500;
}
#navigation ul {
	display: block;
	padding: 0;
	margin: 2px 425px 0 20px;
	list-style: none;
	height: 31px;
}
#navigation ul li {
	height: 32px;
	padding: 0;
	display: block;
	float: left;
}
#navigation ul li:hover,
#navigation ul li.current {
	background-color: #fff;
}
#navigation ul li a:link,
#navigation ul li a:visited {
	display: block;
	_width: 0%;
	white-space: nowrap;
	padding: 7px 10px 5px 10px;
	_padding: 7px 10px 6px 10px;
	height: 20px;
	font-size: 0.875em;
	color: #1964c8;
	text-decoration: none;
}
#navigation ul li a:hover,
#navigation ul li a:Active {
	color: #efc500;
	background-color: #fff;
}


/* Button Menu */
.ButtonMenu { margin: 10px 0; padding: 0; overflow: hidden; }
.ButtonMenu:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ButtonMenu UL { list-style: none; margin: 0; padding: 0; }
.ButtonMenu UL LI { display: block; float: right; font-size: 0.7em;}
.ButtonMenu UL LI A:link, .ButtonMenu UL LI A:visited { display: block; border: 1px solid #0c83bd; color: #0c83bd; text-decoration: none; font-weight: bold; padding: 3px 10px; margin-left: 5px; }
.ButtonMenu UL LI A:hover, .ButtonMenu UL LI A:active { border-color: #efc500; color: #efc500; }



#idOnlineInfo {
	width: 402px;
	_width: 405px;
	display: block;
	height: 105px;
	position: absolute;
	top: 10px;
	right: 10px;
	border: 1px solid #efc500;
	background-color: #f9e777;
	}
#idOnlineProfile {
	width: 85px;
	height: 105px;
	float: left;
	border-right: 1px solid #efc500;
}
#idOnlineParams {
	width: 220px;
	height: 105px;
	float: left;
}
#idOnlineStat {
	width: 95px;
	height: 105px;
	float: left;
	border-left: 1px solid #efc500;
}

/* Online Profile */
#idOnlineProfile #idBuddyIcon {
	margin: 5px;
	width: 75px;
	height: 75px;
}
#idOnlineProfile #idBuddyIcon img {
	border-width: 0;
	width: 75px;
	height: 75px;
}
#idOnlineInfo .icon-bg {
	display: block;
	overflow: hidden;
	height: 16px;
	width: 16px;
	float: left;
	background-image: url(/img/icons.gif);
	background-repeat: no-repeat;
}
#idOnlineInfo .icon-blank {
	height: 16px;
	width: 16px;
	border-width: 0;
}

#idOnlineStat .cnt {
	margin: 5px;
	width: 85px;
	overflow: hidden;
}
#idOnlineStatInfo ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#idOnlineStatInfo ul li {
	margin: 0;
	padding: 3px 0 2px 0;
	//padding: 0;
	height: 16px;
	clear: both;
	text-align: left;
}
#idOnlineStatInfo #id-online {
	margin-right: 5px;
	float: right;
	background-position: 0px -64px;
}
#idOnlineStatInfo #id-onlinenow {
	float: right;
	font-weight: bold;
	font-size: 1em;
	line-height: 1em;
}
#idOnlineStatInfo #id-time {
	margin-right: 5px;
	float: right;
	background-position: 0px -48px;
}
#idOnlineStatInfo #id-timenow {
	float: right;
	font-weight: bold;
	font-size: 1em;
	line-height: 1em;
}

#idUsefulLinks {
	clear: both;
	margin-top: 5px;
}
#idUsefulLinks ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#idUsefulLinks ul li {
	margin: 0;
	padding: 3px 0 2px 0;
	height: 16px;
	//padding: 0;
}
#idUsefulLinks ul li div {
	min-width: 16px;
	margin-left: 5px;
	float: left;
}
#id-shop {

	background-position: 0px -176px;
}
#id-items {
	background-position: 0px -192px;
}
#id-preferences {
	background-position: 0px 0px;
}
#id-mail {
	background-position: 0px -32px;
}
#id-mail_new {
	background-position: -16px -32px;
}
#id-logout {
	background-position: 0px -16px;
}

#idOnlineParams .cnt {
	margin: 5px 0px 5px 5px;
	height: 95px;
	width: 215px;
}
#idOnlineParams ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#idOnlineParams ul li {
	padding: 3px 0 2px 0;
	//padding: 0;
	height: 16px;
	line-height: 16px;
	margin: 0;
	clear: both;

}
#idOnlineParams ul li span {
	margin-right: 10px;
	float: left;
}
#id-energy {
	margin-right: 2px;
	background-position: 0px -80px;
}
#id-hunger {
	margin-right: 2px;
	background-position: 0px -96px;
}
#id-tidiness {
	margin-right: 2px;
	background-position: 0px -112px;
}
#id-money {
	margin-right: 2px;
	background-position: 0px -128px;
}
#id-gold {
	margin-right: 2px;
	background-position: 0px -144px;
}
#id-premium {
	margin-right: 2px;
	background-position: 0px -160px;
}

#idOnlineInfo a:link,
#idOnlineInfo a:visited {
	font-weight: bold;
	color: #2A2A2A;
	text-decoration: none;
}
#idOnlineInfo a:hover,
#idOnlineInfo a:active {
	color: #178ACD;
}
#idOnlineInfo span {
	padding: 2px 0 0 0;
	font-size: 0.6875em;
	line-height: 1.03125em;
	}
#idOnlineInfo p {
	padding: 5px;
	font-size: 0.6875em;
	line-height: 1.18em;
}




/* Cathome Logo */
h1#cathome-logo {
    display:                block;
    float:                  left;
    height:                 50px;
    overflow:               hidden;
    margin:                 0px 10px;
    padding:                0;
    position:               relative;
    width:                  160px
}
h1#cathome-logo a {
    background:             url('../images/cathome-logo.png') no-repeat top left;
    display:                block;
    height:                 100px;
    left:                   0;
    overflow:               hidden;
    position:               absolute;
    text-indent:            -9999px;
    top:                    0;
    width:                  160px;
}
h1#cathome-logo a:hover,
h1#cathome-logo a:active,
h1#cathome-logo:hover a {
    left:                   0;
    top:                    -50px;
}



/* Grid */
.container {
    margin: 0 0 62px 0;
    width: 100%;
}
.container:after {
	clear: both;
	content: '';
	display: block;
}


header:after {
    clear: both;
    content: '';
    display: block;
}
header div.context-menu {
    position: relative;
}
header div.context-menu:after {
    clear: both;
    content: '';
    display: block;
}
header ul.context-menu {
    float: right;
    margin: 19px 10px 0 10px;
}
header ul.context-menu:after {
    clear: both;
    content: '';
    display: block;
}
header ul.context-menu li {
    float: left;
}
header ul.context-menu li a {
    border-bottom-style:            solid;
    border-bottom-width:            1px;
    text-decoration:                none;
}
header ul.context-menu li a:link,
header ul.context-menu li a:visited {
    border-bottom-color:            #68a6ce;
    color:                          #0c83bd;
}
header ul.context-menu li a:hover,
header ul.context-menu li a:active {
    border-bottom-color:            #678aa2;
    color:                          #08577d;
}





header ul.ch_context-menu{
    float: right;
    margin: 19px 10px 0 10px;
}
header ul.ch_additional-info {
    float: right;
    margin: 12px 10px 0 10px;
}
header ul.ch_context-menu:after,
header ul.ch_additional-info:after {
    clear: both;
    content: '';
    display: block;
}
header ul.ch_context-menu li,
header ul.ch_additional-info li {
    float: left;
    margin: 0 10px;
}
header ul.ch_context-menu li a,
header ul.ch_additional-info li a {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    text-decoration: none;
}
header ul.ch_additional-info li.dropdown a {
    border-bottom-width: 0;
}
header ul.ch_additional-info li.dropdown a span {
    border-bottom-style: dotted;
    border-bottom-width: 1px;
}
header ul.ch_additional-info li.dropdown a span.caret {
    border-bottom-style: solid;
    border-bottom-width: 0;
}
header ul.ch_context-menu li a:link,
header ul.ch_context-menu li a:visited,
header ul.ch_additional-info li a:link,
header ul.ch_additional-info li a:visited {
    border-bottom-color: rgb(109,150,189);
    color: rgb(76,129,171);
}
header ul.ch_context-menu li a:hover,
header ul.ch_context-menu li a:active,
header ul.ch_additional-info li a:hover,
header ul.ch_additional-info li a:active {
    border-bottom-color: rgb(79,101,130);
    color: rgb(65,91,119);
}
header ul.ch_additional-info li.dropdown ul {
    margin: 9px -10px 0 0;
}
header ul.ch_additional-info li.dropdown a:link span,
header ul.ch_additional-info li.dropdown a:visited span{
    border-bottom-color: rgb(109,150,189);
}
header ul.ch_additional-info li.dropdown a:hover span,
header ul.ch_additional-info li.dropdown a:active span {
    border-bottom-color: rgb(79,101,130);
}
header ul.ch_additional-info li.dropdown a:link span.caret,
header ul.ch_additional-info li.dropdown a:visited span.caret {
    border-top-color: rgb(76,129,171);
}
header ul.ch_additional-info li.dropdown a:hover span.caret,
header ul.ch_additional-info li.dropdown a:active span.caret {
    border-top-color: rgb(65,91,119);
}
header ul.ch_additional-info li.online-status span {
    background: #ededed;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 10px;
    padding: 4px 6px;
}
header ul.ch_additional-info li.online-status span.online {
    background: rgb(129,189,104);
    color: rgb(255,255,255);



}


/* Dec 19, 2012 */
/* Typography */
span.label.online {
    background:                     #00C763;
}
p,
ul.p,
ol.p,
ul,
ul li,
ol,
ol li
{
    color:					        #292929;
    font-size:				        13px;
    line-height:			        18px;
}
span {
    color:					        #292929;
}

ul, ol {
    list-style:                     none;
}
div.title {
    background-color:               transparent;
    color:                          #FEC600;
    margin:                         0 10px 12px 10px;
    padding:                        0;
}
div.title:after {
    clear:                          both;
    content:                        '';
    display:                        block;
}
div#main div.title {
    margin:                         18px 10px 12px 10px;
}
div.title div.additional-info {
    float:                          right;
    margin:                         -3px 0 0 20px;
}
div.title div.additional-info > ul {
    margin:                         0;
}
div.title div.additional-info > ul:after {
    clear:                          both;
    content:                        '';
    display:                        block;
}
div.title div.additional-info > ul > li {
    float:                          left;
    padding:                        10px;
}

div.title div.context-menu {
    float:                          right;
    max-width:                      480px;
    margin:                         0;
}
div.title div.context-menu ul {
    margin:                         0;
    padding:                        0;
}
div.title div.context-menu ul.btn-group {
    height:                         28px;
}
div.title div.context-menu > ul:after {
    clear:                          both;
    content:                        '';
    display:                        block;
}
div.title div.context-menu > ul > li {
    float:                          left;
    margin:                         0 0 0 10px;
    padding:                        0;
}
div.title div.context-menu > ul > li > a {
    font-size:                      12px;
}
div.title div.context-menu > ul.btn-group > li > a.btn-medium {
    font-size:                      12px;
    height:                         12px;
    line-height:                    12px;
    margin:                         -1px 0;
    padding:                        8px 12px;
}

.section-title {
    color:                          #0C83BD;
}
.table-title {
    margin-left:                    8px;
}
a.dropdown-toggle:link,
a.dropdown-toggle:visited,
a.dropdown-toggle:hover,
a.dropdown-toggle:active {
    text-decoration:                none;
}
a:link {
    border-bottom-color:            #68a6ce;
}
a:hover,
a:active {
    border-bottom-color:            #678aa2;
}
a.underline {
    border-bottom-style:            solid;
    border-bottom-width:            1px;
    text-decoration:                none;
}
a.underline:link,
a.underline:visited,
a.underline:link span,
a.underline:visited span {
    border-bottom-color:            #68a6ce;
    color:                          #0c83bd;
}
a.underline:hover,
a.underline:active,
a.underline:hover span,
a.underline:active span{
    border-bottom-color:            #678aa2;
    color:                          #08577d;
}
a.partial {
    border-bottom-style:            solid;
    border-bottom-width:            0;
    text-decoration:                none;
}
a.partial span {
    border-bottom-style:            solid;
    border-bottom-width:            1px;
    text-decoration:                none;
}
a.partial span.icon {
    border-bottom-width:            0;
}
a.partial:link span,
a.partial:visited span {
    border-bottom-color:            #68a6ce;
    color:                          #0c83bd;
}
a.partial:hover span,
a.partial:active span {
    border-bottom-color:            #678aa2;
    color:                          #08577d;
}
a.btn {
    text-decoration:                none;
}
.label,
.badge {
    background-color:               #999999;
    color:                          #ffffff;
    display:                        inline-block;
    font-size:                      12px;
    font-weight:                    bold;
    line-height:                    14px;
    padding:                        2px 4px;
    text-shadow:                    0 -1px 0 RGBA(0, 0, 0, 0.25);
    vertical-align:                 baseline;
    white-space:                    nowrap;
}
.label-link {
    -webkit-border-radius:          3px;
    -moz-border-radius:             3px;
    border-radius:                  3px;
    color:                          #fff;
    display:                        inline-block;
    padding:                        3px 5px;
    font-size:                      12px;
    font-weight:                    normal;
    line-height:                    16px;
    text-decoration:                none;
}
.label-link span {
    border-bottom-style:            solid;
    border-bottom-width:            1px;
}
.label-link:link,
.label-link:visited {
    background:                     #0c83bd;
    color:                          #fff;
    text-decoration:                none;
}
.label-link:link span,
.label-link:visited span {
    border-bottom-color:            #fff;
    color:                          #fff;
}
.label-link:hover,
.label-link:active {
    background:                     #08577d;
    color:                          #fff;
    text-decoration:                none;
}
.label-link:hover span,
.label-link:active span {
    border-bottom-color:            #fff;
    color:                          #fff;
}




.content-body {
    clear:                          both;
    margin:                         0 auto;
    width:                          960px;
}
.body {
    padding:                        20px 0;
}
.body:after {
    clear:                          both;
    content:                        '';
    display:                        block;
}
.body-striped {
    background-color:               #F9F9F9;
}
.closing-body {
    background-image:               url('/images/separator-closing.png');
    background-position:            top center;
    background-repeat:              no-repeat;
    height:                         15px;
    position:                       relative;
    top:                            -14px;
}
.opening-body {
    background-image:               url('/images/separator-opening.png');
    background-position:            top center;
    background-repeat:              no-repeat;
    bottom:                         -14px;
    height:                         15px;
    position:                       relative;
}
.row-960 {
    margin:                         0 auto;
    width:                          960px;
}
.content-wrapper {
    left:                           0;
    position:                       relative;
    width:                          640px;
}
.content-wrapper:after {
    clear:                          both;
    content:                        '';
    display:                        block;
}
.sidebar-wrapper {
    border-left:                    1px solid #ccc;
    left:                           100%;
    margin:                         0 -100% 0 0;
    position:                       relative;
    width:                          50%;
}
.sidebar-wrapper:after {
    clear:                          both;
    content:                        '';
    display:                        block;
}
.content-wrapper .content {
    float:                          left;
    left:                           -200%;
    margin-left:                    0;
    margin-right:                   -200%;
    position:                       relative;
    width:                          200%;
}
.content {
    width:                          960px;
}
.content > .inner {
    margin:                         0 40px 0 10px;
}
.sidebar {
    width:                          100%;
}
.sidebar div.title {
    background:                     transparent;
    border-bottom:                  1px solid #CCCCCC;
    margin:                         10px 10px 0 20px;
    padding:                        0;
}




/* Tabbed Navigation */
.sidebar-nav {
    font-weight:                    normal;
    list-style:                     none;
    margin:                         20px;
}
.sidebar-nav li {
    margin:                         0;
    padding:                        0;
}
.sidebar-nav li a {
    display:                        inline-block;
    font-size:                      14px;
    font-weight:                    bold;
    line-height:                    18px;
    margin-left:                    -21px;
    padding:                        6px 0px 6px 21px;
    text-decoration:                none;
}
.sidebar-nav li a span {
    border-bottom-style:            solid;
    border-bottom-width:            1px;
}
.sidebar-nav li a:link span,
.sidebar-nav li a:visited span {
    border-bottom-color:            #68a6ce;
    color:                          #0c83bd;
}
.sidebar-nav li a:hover span,
.sidebar-nav li a:active span {
    border-bottom-color:            #678aa2;
    color:                          #08577d;
}
.sidebar-nav li a:hover,
.sidebar-nav li a:active {
    background-image:               url('/images/sidebar-selected-in.png');
    background-position:            left center;
    background-repeat:              no-repeat;
}
.sidebar-nav li a.current {
    background-image:               url('/images/sidebar-selected-in.png');
    background-position:            left center;
    background-repeat:              no-repeat;
    font-weight:                    bold;
}
.sidebar-nav li a.current span {
    border-bottom-color:            #f3d465;
    color:                          #FEC600;
}



.infographic-table {
    background:                     #ededed;
    padding:                        10px 20px;
    margin-bottom:                  20px;
}
.infographic-table p {
    font-size:                      0.75em;
    line-height:                    1.2;
}
.infographic-table .legend {
    display:                        block;
    font-size:                      0.75em;
    line-height:                    1.2;
}
.infographic-table .value {
    font-size:                      2em;
    font-weight:                    normal;
    letter-spacing:                 -2px;
    line-height:                    1.2;
}
.infographic-table .unit {
    font-size:                      0.75em;
    line-height:                    2.4;
    margin-left:                    4px;
}


/*
    Redefining Bootstrap Forms
*/
.button {
    padding:                        8px 10px;
    text-align:                     center;
}
.button.fullwidth {
    width: 100%;
}

label,
span.form-label,
input,
button,
select,
textarea {
    font-family:                    'Lucida Grande', 'Lucida Sans Unicode', 'Trebuchet MS', Helvetica, Arial, Verdana, sans-serif
    font-size:                      14px;
    font-weight:                    normal;
    line-height:                    18px;
}
label .detailed {
    font-size:                      12px;
}


select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    -webkit-border-radius:          1px;
    -moz-border-radius:             1px;
    border-radius:                  1px;
    -webkit-box-shadow:             inset 0 1px 2px RGBA(0, 0, 0, 0.2);
    -moz-box-shadow:                inset 0 1px 2px RGBA(0, 0, 0, 0.2);
    box-shadow:                     inset 0 1px 2px RGBA(0, 0, 0, 0.2);
    color:                          #333;
    font-size:                      14px;
    height:                         auto;
    line-height:                    18px;
    margin:                         0;
    padding:                        4px 5px;
    -webkit-transition:             border 0.3s ease-in;
    -moz-transition:                border 0.3s ease-in;
    -ms-transition:                 border 0.3s ease-in;
    -o-transition:                  border 0.3s ease-in;
    transition:                     border 0.3s ease-in;
}
.iselect {
    -webkit-border-radius:          1px;
    -moz-border-radius:             1px;
    border-radius:                  1px;
    -webkit-box-shadow:             inset 0 1px 2px RGBA(0, 0, 0, 0.2);
    -moz-box-shadow:                inset 0 1px 2px RGBA(0, 0, 0, 0.2);
    box-shadow:                     inset 0 1px 2px RGBA(0, 0, 0, 0.2);
    color:                          #333;
    font-size:                      0.875em;
    font-weight:                    normal;
    height:                         auto;
    line-height:                    1.2857;
    padding:                        3px 5px;
    position:                       relative;
    outline:                        none;
    width:                          auto;
}
.iselect {
    border-color:                   #CCCCCC;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    border-color:                   #D4A92A;
    -webkit-box-shadow:             0 0 0 2px rgba(212, 169, 42, 0.25), 0 1px 2px rgba(0, 0, 0, 0.20) inset;
    -moz-box-shadow:                0 0 0 2px rgba(212, 169, 42, 0.25), 0 1px 2px rgba(0, 0, 0, 0.20) inset;
    box-shadow:                     0 0 0 2px rgba(212, 169, 42, 0.25), 0 1px 2px rgba(0, 0, 0, 0.20) inset;
    outline:                        none;
}

input.large {
    font-size:                      20px;
    height:                         22px;
    line-height:                    1;
    padding:                        6px 5px;
}
textarea.large {
    font-size:                      20px;
    line-height:                    1;
    padding:                        6px 5px;
}

select.large {
    font-size:                      20px;
    height: 36px;
    line-height: 24px;
    padding:                        6px 5px;
}
input.small-digital {
    width:                          2em;
}
select.small-digital {
    width:                          2em;
}
input.medium-digital,
select.medium-digital {
    width:                          4em;
}
input.large-digital,
select.large-digital {
    width:                          6em;
}

ul.radiogroup {
    list-style:                     none;
    margin:                         0;
}
ul.radiogroup li {
    margin:                         4px 0;
}
ul.radiogroup li:after {
    clear:                          both;
    content:                        '';
    display:                        block;
}
ul.radiogroup li input[type="radio"],
ul.radiogroup li input.iradio {
    float:                          left;
    margin:                         2px 10px 0 -6px;
}
ul.radiogroup li label {
    float:                          none;
    margin:                         5px 0;
    width:                          auto;
}



/* Tabs */
.nav-tabs > li > a,
.nav-pills > li > a {
    color:                          #0c83bd;
    font-size:                      14px;
    font-weight:                    bold;
    line-height:                    16px;
    margin-right:                   2px;
    padding-right:                  16px;
    padding-left:                   16px;
    text-decoration:                none;
}

.nav-tabs {
    border-bottom:                  1px solid #CCCCCC;
}

.nav-tabs > li > a {
    padding-top:                    10px;
    padding-bottom:                 6px;
    -webkit-border-radius:          2px 2px 0 0;
    -moz-border-radius:             2px 2px 0 0;
    border-radius:                  2px 2px 0 0;
    outline:                        none;
}

.nav-tabs > li > a:hover {
    border-color:                   #ccc #ccc #ddd;
}




/* Creogen Form Layout */
form {
    margin:                         0;
}
form.form {
    margin-bottom:                  20px;
}
legend {
    border:                         0;
    border-bottom:                  1px solid #cccccc;
    color:                          #0C83BD;
    display:                        block;
    float:                          left;
    font-size:                      18px;
    font-weight:                    bold;
    line-height:                    32px;
    margin:                         0;
    overflow:                       hidden;
    padding:                        0;
    width:                          100%;
}
legend:after {
    clear:                          both;
    content:                        '';
    display:                        block;
}
legend small {
    color:                          #999;
    font-size:                      15px;
}
label,
span.form-label {
    color:                          #3d4044;
    display:                        block;
    font-size:                      0.875em;
    line-height:                    1.2857em;
    margin:                         1.2857em 0.4285em;
    max-width:                      50em;
}
label small {
    font-size:                      0.7857em;
    line-height:                    1;
}
span.field-unit {
    margin: 0 10px;
}

.field {
    clear:                          both;
    margin:                         10px 0;
}
.field:after {
    clear:                          both;
    content:                        '';
    display:                        block;
}
div.field.info {
    margin:                         20px 0;
}

.hint {
    background:                     #F0E4AF;
    border:                         1px solid #ededed;
    -webkit-box-shadow:             0 0 10px 0 RGBA(0, 0, 0, 0.05) inset;
    -moz-box-shadow:                0 0 10px 0 RGBA(0, 0, 0, 0.05) inset;
    box-shadow:                     0 0 10px 0 RGBA(0, 0, 0, 0.05) inset;
    margin:                         10px 0;
    padding:                        10px 20px;

}
div.inline .hint {
    clear:                          left;
    float:                          left;
    margin-left:                    -6px;
}
div.hint p {
    color:                          #666666;
    font-size:                      12px;
    line-height:                    18px;
    margin:                         0;
}
div.hint ul {
    list-style:                     square;
    margin:                         0;
    padding:                        0 0 0 20px;
}
div.hint ul li {
    color:                          #666666;
    font-size:                      12px;
    line-height:                    18px;
    margin:                         0;
}
div.hint ul li:last-child {
    margin-bottom:                  0;
}
div.field-group .field {
    clear:                          none;
}
div.field-group .field-half {
    float:                          left;
    margin-right:                   5%;
    margin-left:                    5%;
    width:                          45%;
}
div.field-group .field-half.left {
    margin-left:                    0;
}
div.field-group .field-half.right {
    margin-right:                   0;
}
div.radiogroup .inner,
.inline .inner {
    margin:                         0 6px 0 186px;
}
div.short-label .inner {
    margin:                         0 6px 0 116px;
}
.short .inner {
    margin:                         0 6px 0 116px;
}
.xshort .inner {
    margin:                         0 6px 0 86px;
}
.xshort p.detailed {
    margin:                         10px 6px 10px 86px;
}
.short .inner span.large,
.xshort .inner span.large {
    font-size:                      1em;
    line-height:                    1.25;
}
.block .inner {
    margin:                         0 6px;
}
.inline .inner input,
.block .inner input,
.inline .inner textarea,
.block .inner textarea,
.inline .inner select,
.block .inner select {
    margin:                         0 -6px;
}
.inline .checkbox input[type="checkbox"],
.inline .radio input[type="radio"] {
    margin:                         6px 10px 0 -20px;
}
.block .checkbox input[type="checkbox"],
.block .radio input[type="radio"]{
    margin:                         2px 10px 0 -20px;
}
.control-group .input,
.control-group .textarea,
.control-group .select
{
    margin:                         0;
}
.block .control-group,
.inline .control-group {
    margin:                         0 -6px;
}
.inline label,
.inline span.form-label {
    display:                        block;
    float:                          left;
    margin:                         5px 0;
    width:                          170px;
}
.short-label label,
.short-label span.form-label {
    width:                          100px;
}
.short label,
.short span.form-label {
    width:                          100px;
}
.xshort label,
.xshort span.form-label {
    width:                          70px;
}
.short input,
.xshort input {
    width:                          auto;
}

.block label,
.block span.form-label {
    display:                        block;
    float:                          none;
    margin:                         5px 0;
    width:                          auto;
}
.fullwidth input.fullwidth,
.fullwidth select.fullwidth,
.fullwidth textarea.fullwidth {
    width:                          100%;
}

.inline label.right-align {
    text-align:                     right;
    width:                          160px;
}
.block label.large,
.inline label.large,
.block span.form-label.large {
    font-size:                      1em;
    line-height:                    1.25;
    margin-top:                     7px;
}
span.field-unit.large {
    font-size: 1em;
    line-height: 1.25;
}

.inline label.large small {
    display:                        block;
    font-size:                      0.6em;
    line-height:                    1.5;
}
label span.detailed {
    display:                        block;
}
.inner div.detailed {
    display:                        block;
    margin:                         0px -6px;
}
.inner .detailed span {
    font-size:                      12px;
    line-height:                    18px;
}
.inline .img-antibot.large {
    height:                         34px;
    margin:                         0 0 0 6px;
}
.inline .inner .antibot-set {
	margin-left: -6px;
}
ul.control-group {
    margin:                         0;
    padding:                        0;
}
ul.control-group:after {
    clear:                          both;
    content:                        '';
    display:                        block;
}
ul.control-group li {
    float:                          left;
    margin:                         0 10px 0 0;
}
.control-group.inline input,
.control-group.inline span {
    float:                          left;
}
.control-group.inline span.large {
    margin:                         7px 10px;
}
.control-group:after {
    clear:                          both;
    content:                        '';
    display:                        block;
}
.inner .control-group input {
    margin:                         0;
}
p.detailed {
    font-size:                      13px;
    line-height:                    18px;
}

.form-2-col:after {
    clear:                          both;
    content:                        '';
    display:                        block;
}
.form-2-col .col {
    float:                          left;
    margin:                         0 5% 0 0;
    padding-left:                   4%;
    width:                          41%;
}
.form-2-col .col:nth-of-type(2n) {
    margin-right:                   0;
}
.form-2-col .col:nth-of-type(2n+1) {
    clear:                          both;
}




/* Radio Field */
.inner .form-2-col {
    margin-left: -6px;
    margin-right: -6px;
}
.form-2-col .ch_radio-field input[type=radio] {
    float:                          left;
    margin:                         12px 0 0 -9.7560976%;
}
.form-2-col .ch_radio-field label {
    float: none;
}





/* Field Hint */
ul.ch_field-hint {
    list-style:                     disc;
    margin:                         0 0 0 20px;
    padding:                        0;
}
ul.ch_field-hint li {
    font-size:                      14px;
    line-height:                    1.5;
}
span.ch_field-hint {
    display:                        block;
    font-size:                      14px;
    line-height:                    1.5;
}



/* Message */
div.msg {
    border:                         1px solid #ededed;
    -webkit-border-radius:          2px;
    -moz-border-radius:             2px;
    border-radius:                  2px;
    background:                     #f9f9f9;
    padding:                        20px 40px;
    margin-bottom:                  20px;
}
legend + div.msg {
    margin-top:                     20px;
}
div.msg p {
    font-size:                      14px;
    line-height:                    20px;
}
div.msg p:last-child {
    margin-bottom:                  0;
}
div.msg ul {
    font-size:                      14px;
    line-height:                    20px;
    list-style:                     none;
    margin:                         20px 0 20px 20px;
}
div.msg ul li {
    color:                          #3d4044;
    list-style-image:               url('/images/li-dash-regular.gif');
    margin:                         0 0 0 4px;
    padding:                        0 0 0 4px;
}
div.msg p + ul {
    margin-top:                     0;
}
div.msg.info {
    background:                     #FFFBED;
    border:                         1px solid #FFECA9;
}
div.msg h3 {
    color:                          #777777;
}
div.msg div.action-block {
    margin:                         0 -20px;
}


/* Table */
.table tr:last-child th,
.table tr:last-child td {
    border-bottom:                  1px solid #dddddd;
}

/* Form Table */
table th span,
table td span {
    font-size:                      0.875em;
    line-height:                    1.2857;
}
table.table-form th span.form-label,
table.table-form td span.form-label {
    display:                        block;
    margin-top:                     5px;
}




/* Stats */
a.stats {
    font-size:                      1em;
    line-height:                    1.25;
    margin:                         7px 10px 0 10px;
    text-decoration:                none;
    text-align:                     center;
    width:                          1.25em;
}
a.stats:link,
a.stats:visited {
    color:                          #333;
}
a.stats:hover,
a.stats:active {
    color:                          #333;
}






/* Object Info */
.object-attack {
    float:                          right;
    margin-right:                   10px;
    position:                       relative;
    top:                            -1px;
}
.object-info {
    margin:                         20px 0;
}
.object-info .row-fluid {
    border-top:                     1px solid #DDDDDD;
    border-bottom:                  1px solid #fff;
    margin:                         0;
    min-height:                     16px;
    padding:                        5px 0;
}
.object-info .row-fluid:first-child {
    border-top-width:               0;
}
.object-info .row-fluid [class*="span"] {
    min-height:                     16px;
}
.object-info .row-fluid span {
    font-size:                      0.75em;
    line-height:                    1.3333;
}




/* Profile Thumbnail */
.profile-thumbnail  {
    border: 				        1px solid #EFC500;
    -moz-box-shadow: 		        0px 0px 2px 0 RGBA(0, 0, 0, 0.2);
    -webkit-box-shadow:             0px 0px 2px 0 RGBA(0, 0, 0, 0.2);
    box-shadow:                     0px 0px 2px 0 RGBA(0, 0, 0, 0.2);
    display:                        block;
    position:				        relative;
}
.profile-thumbnail img {
    display:                        block;
    height:                         auto;
    width:                          100%;
}




/* Sidebar */
.side-block {
    background:					    #FFEBA6;
    -moz-border-radius:			    3px;
    -webkit-border-radius:		    3px;
    border-radius:				    3px;
    margin:						    10px;
    padding:                        20px;
}
div.side-container {
    margin:                         10px 10px 10px 20px;
}
div.side-container div.title {
    border-width:                   0;
    margin:                         20px 0 4px 0;
    padding:                        0;
}
div.blog-block {
    margin:                         0 0 20px 0;
}
div.blog-block p {
    margin:                         9px 0;
}
div.blog-block span.date {
    color:                          #6f6f6f;
    display:                        block;
    font-size:                      11px;
    line-height:                    18px;
    text-align:                     right;
}


.side-block div.title {
    background:                     transparent;
    border-bottom:                  1px solid #FFF9E4;
    margin:                         -20px -19px 0 -19px;
    padding:                        10px 20px;
}
.side-block div.title h3 {
    color:                          #292929;
    font-size:                      1em;
    font-weight:                    bold;
    line-height:                    1.25em;
    margin:                         20px 0 0 0;
    padding:                        0;
}

.side-block div.title h3:first-child {
    margin-top:					    0px;
}
.side-block div.title h2 {
    color:                          #292929;
    font-size:                      1.25em;
    line-height:                    1.2;
    margin:                         24px 0 0 0;
    padding:                        0;
}
.side-block div.title h2:first-child {
    margin-top:                     6px;
}
.side-block div.title h3 + h2 {
    margin-top:                     6px;
}




/* Side Block Accordion */
div.side-block div.accordion-group {
    border-color:                   #FFF9E4;
    -moz-border-radius:             0;
    -webkit-border-radius:          0;
    border-radius:                  0;
    border-style:                   solid;
    border-width:                   0 0 1px 0;
    margin:                         0 -19px 20px -19px;
    padding:                        0 19px;
}
div.side-block div.accordion-group div.title a {
    display:                        inline;
    padding:                        0;
    text-decoration:                none;
}
div.side-block div.accordion-group div.accordion-body {
    max-height:                     200px;
    overflow:                       auto;
}




/* Area Info */
.area-info > ul {
    list-style:                     none;
    margin:                         20px 0 10px 0;
}
.area-info > ul + ul {
    margin:                         10px 0;
}
.area-info > ul li {
    font-size:                      0.75em;
    line-height:                    1.3333;
    margin:                         5px 0;
}



/* Map */
#map {
    background:                     url('/img/map_large.jpg') no-repeat;
    height:                         600px;
    margin:                         20px 0;
    width:                          600px;
}

#map ul {
    list-style:                     none;
    margin:                         0;
    padding:                        0;
}

*:first-child + html #map ul {
    diplay:                     inline-block;
}

#map ul:after {
    clear:                      both;
    content:                    '';
    display:                    block;
}

#map ul li {
    display:                    block;
    float:                      left;
    height:                     120px;
    width:                      120px;
}

#map ul li a {
    background-position:        top left;
    background-repeat:          repeat;
    display:                    block;
    height:                     120px;
    text-indent:                -9999px;
    width:                      120px;
}

#map ul li.odd a {
    background-image:           url('/elements/t_50.png');
}

#map ul li.even a {
    background-image:           url('/elements/t_25.png');
}

#map ul li.current a {
    background-image:           url('/elements/map_current.png');
}

#map ul li.selected a {
    background-image:           url('/elements/map_selected.png');
}







/* Logs */
ul.logs {
    border-bottom:              1px solid #DDDDDD;
    list-style:                 none;
    margin:                     0;
    padding:                    0;
}
ul.logs li {
    border-top:                 1px solid #DDDDDD;
    border-bottom:              1px solid #FFFFFF;
    clear:                      both;
    margin:                     0;
    padding:                    0;
}
ul.logs li:after {
    clear:                      both;
    content:                    '';
    display:                    block;
}
ul.logs li:nth-child(even) {
    background:                 #FFFFFF;
}
ul.logs li:nth-child(odd) {
    background:                 #FAFAFA;
}
ul.logs li:hover {
    background-color:           #F5F5F5;
}
ul.logs li span,
ul.logs li p {
    font-size:                  12px;
    line-height:                18px;
}
ul.logs li > span {
    float:                      left;
    margin:                     10px -100% 10px 0;
    padding:                    0 10px;
    width:                      110px;
}
ul.logs li > p {
    float:                      left;
    margin:                     10px 10px 10px 130px;
    padding:                    0;
    position:                   relative;
}
ul.logs li > span a,
ul.logs li > p a {
    border-bottom-style:            solid;
    border-bottom-width:            1px;
    text-decoration:                none;
}
ul.logs li > span.date a:link,
ul.logs li > span.date a:visited {
    border-bottom-color:            #68a6ce;
    color:                          #0c83bd;
}
ul.logs li > span.date a:hover,
ul.logs li > span.date a:active {
    border-bottom-color:            #678aa2;
    color:                          #08577d;
}
/*
ul.logs li > span a:link,
ul.logs li > span a:visited,
ul.logs li p a:link,
ul.logs li p a:visited {
    border-bottom-color:            #68a6ce;
    color:                          #0c83bd;
}
ul.logs li > span a:hover,
ul.logs li > span a:active,
ul.logs li p a:hover,
ul.logs li p a:active {
    border-bottom-color:            #678aa2;
    color:                          #08577d;
}
*/


ul.objects {
    border-top:                 1px solid #dddddd;
    border-bottom:              1px solid #dddddd;
    margin:                     0;
    padding:                    0;
}
ul.objects li {
    border-top:                 1px solid #dddddd;
    margin:                     0;
    padding:                    5px 0;
}
ul.objects li:first-child {
    border-top-width:           0;
}
ul.objects li:nth-child(odd) {
    background:                 #f9f9f9;;
}
ul.objects li:hover {
    background-color:           #f5f5f5;
}
ul.objects li div.name {
    padding:                    5px 10px 0 10px;
}
ul.objects li div.name span {
    font-size:                  0.875em;
    line-height:                1.2857;
}
ul.objects li div.info {
    padding:                    3px 10px 2px 10px;
}
ul.objects li div.info span {
    font-size:                  0.75em;
    line-height:                1.5;
}




/* Badge */
.badge-wrapper {
    background-color:           #999;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    display:                    inline-block;
    font-size:                  12px;
    font-weight:                bold;
    line-height:                14px;
    padding:                    0;
    vertical-align:             baseline;
    white-space:                nowrap;
}
.badge-wrapper:after {
    clear:                      both;
    content:                    '';
    display:                    block;
}
.badge-wrapper .badge {
    display:                    inline-block;
}
.sup-badge {
    border-width:               0;
    font-size:                  9px;
    font-weight:                normal;
    padding:                    2px 6px;
    position:                   relative;
    text-shadow:                none;
    top:                        -5px;
}
.sup-badge-wrapper {
    position:                   relative;
    top:                        -5px;
}
.sup-badge-wrapper .sup-badge {
    top:                        0;
    margin:                     0 -2px;
}
.badge-left {
    -webkit-border-radius:      9px 0 0 9px;
    -moz-border-radius: 9px 0 0 9px;
    border-radius: 9px 0 0 9px;
}
.badge-right {
    -moz-border-radius-topleft:            0;
    -moz-border-radius-bottomleft:         0;
    -webkit-border-top-left-radius:        0;
    -webkit-border-bottom-left-radius:     0;
    border-top-left-radius:                0;
    border-bottom-left-radius:             0;
}
.badge-middle {
    -moz-border-radius-topright:            0;
    -moz-border-radius-bottomright:         0;
    -moz-border-radius-topleft:            0;
    -moz-border-radius-bottomleft:         0;
    -webkit-border-top-right-radius:        0;
    -webkit-border-bottom-right-radius:     0;
    -webkit-border-top-left-radius:        0;
    -webkit-border-bottom-left-radius:     0;
    border-top-right-radius:                0;
    border-bottom-right-radius:             0;
    border-top-left-radius:                0;
    border-bottom-left-radius:             0;
}
.increment {
    background:                 #EFC500;
    color:                      #0c83bd;
    text-shadow:                none;
}
h1 .sup-badge {
    font-size:                  12px;
    font-weight:                normal;
    padding:                    5px 10px;
}




/* Cat Info */
div.cat-info-extended {
    margin:                     20px 0;
    width:                      960px;
}
div.cat-info {
    margin:                     0;
    width:                      640px;
}
div.cat-info div.levels-wrap {
    width: 						240px;
    left: 						0;
    position: 					relative;
}
div.cat-info div.parameters-wrap {
    border-left: 				1px solid #ededed;
    border-right: 				1px solid #ededed;
    width: 						160px;
    position: 					relative;
    left: 						240px;
    margin: 					0 -160px 0 0;
}
div.cat-info div.skills-wrap {
    width: 						240px;
    position: 					relative;
    left: 						160px;
    margin: 					0 240px -0 0px;

}
div.cat-info div.column {
    float:                      left;
    position:                   relative;
}
div.cat-info div.levels {
    left:                       -400px;
    margin-right:               -240px;
    padding:                    10px;
    width:                      220px;
}

div.cat-info div.parameters {
    left:                       -160px;
    margin-right:               -160px;
    padding:                    10px;
    width:                      140px
}
div.cat-info div.skills {
    padding:                    10px;
    width: 						220px;
}

div.cat-info ul.parameters,
div.cat-info-extended ul.parameters {
    list-style:                 none;
    margin:                     0;
    padding:                    0;
}
div.cat-info ul.parameters li,
div.cat-info-extended ul.parameters li {
    font-size:                  12px;
    line-height:                20px;
    margin:                     4px 0;
}
div.cat-info ul.parameters li a.title,
div.cat-info-extended ul.parameters li a.title {
    margin:                     0 5px 0 0;
}
div.cat-info ul.parameters li span.level,
div.cat-info ul.parameters li span.value,
div.cat-info-extended ul.parameters li span.level,
div.cat-info-extended ul.parameters li span.value {
    font-size:                  14px;
    font-weight:                bold;
    line-height:                18px;
}
div.cat-info ul.parameters li span.experience,
div.cat-info-extended ul.parameters li span.experience{
    font-size:                  11px;
    line-height:                18px;
}
div.cat-info ul.parameters li span.title,
div.cat-info-extended ul.parameters li span.title {
    color:                      #3D4044;
    font-size:                  12px;
    font-weight:                normal;
    line-height:                18px;
    margin:                     0 10px 0 0;
}

div.cat-info-extended div.wrap {
    border-left: 				1px solid #ededed;
    border-right:               1px solid #ffffff;
    left:                       192px;
    margin: 					0 -192px 0 0;
    position:                   relative;
    width:                      191px;
}
div.cat-info-extended div.levels-wrap {
    border-left-width:          0;
    left: 						0;
    width: 						191px;
}
div.cat-info-extended div.column {
    float:                      left;
    margin-right:               -192px;
    padding:                    10px;
    position:                   relative;
    width:                      170px;
}
div.cat-info-extended div.levels {
    left:                       -768px;
}
div.cat-info-extended div.parameters {
    left:                       -576px;
}
div.cat-info-extended div.skills {
    left:                       -384px;
}
div.cat-info-extended div.fight-parameters {
    left:                       -192px;
}
div.cat-info-extended div.items {
    left:                       0px;
}

div.news-wrap {
    border-right:               1px solid #ededed;
    width: 						479px;
    left: 						0;
    position: 					relative;
}
div.blog-wrap {
    border-left: 				1px solid #ffffff;
    width: 						479px;
    position: 					relative;
    left: 						480px;
    margin: 					0;
}
div.latest-social div.column {
    float:                      left;
    position:                   relative;
}
div.latest-social div.news-block {
    left:                       -480px;
    margin-right:               -480px;
    padding:                    20px 40px 20px 10px;
    width:                      430px;
}
div.latest-social div.blog-block {
    left:                       0px;
    margin-right:               0px;
    padding:                    20px 10px 20px 40px;
    width:                      430px;
}

div.latest-social div.column div.title {
    background:                 transparent;
    margin:                     4px 0 8px 0;
    padding:                    0;
}
div.latest-social div.column div.title a.btn {
    float:                      right;
    margin-top:                 -2px;
}

div.latest-social div.column p {
    font-size:                  14px;
    line-height:                18px;
    margin:                     18px 0;
}
div.latest-social div.column h2 + p {
    margin-top:                 0;
}
div.latest-social div.column div.info {
    text-align:                 right;
}
div.latest-social div.column p + div.info {
    margin-top:                 -12px;
}
div.latest-social div.column div.info span {
    font-size:                  12px;
    line-height:                18px;
}






/* Tabbed Block */
.tabbed-block {
    -moz-border-radius:         0;
    -webkit-border-radius:      0;
    border-radius: 				0;
    padding:                    0;
}
.tabbed-block .inner {
    border-color:               #ccc;
    border-style:               solid;
    border-width:               0;
    -moz-border-radius:         0;
    -webkit-border-radius:      0;
    border-radius: 				0;
    padding: 					5px 10px;
}

.tabbed-block .inner.control-group {
    display: flex;
    align-items: center;
    padding: 0;
}

/*
.users-friends,
.users-things {
    margin:                     10px 20px;
}
*/





/* Gamebar */
#gamebar {
    /* Original Colors:
    - top : rgba(255,214,67,1)
    - bottom : rgba(254,198,0,1)
    */
    background:             rgb(255,203,13);
    background:             linear-gradient(to bottom, rgba(255,203,13,1) 0%, rgba(252,200,13,1) 100%);
    box-shadow:             0px 0px 15px -5px rgba(0,0,0,0.25);
    height:                 50px;
    margin:                 0;
    padding:                0;
    top:                    0;
    width:                  100%;
    z-index:                1000;
}
#gamebar:after {
    clear: both;
    content: '';
    display: block;
}
#gamebar ul.nav {
    right: 1px solid rgba(252,200,13,1);
    float: right;
    margin: 0 10px 0 0;
    padding: 0;
}
#gamebar ul.nav li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    float: left;
    height: 50px;
    padding: 9px 15px 9px 10px;
}

#gamebar ul.infobar {
    float:                  right;
    margin:                 0;
    padding:                0;
}
#gamebar ul.infobar:after {
    clear:                  both;
    content:                '';
    display:                block;
}
#gamebar ul.infobar li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display:                block;
    float:                  left;
    height:                 50px;
    padding:                9px 15px 9px 10px;
}
#gamebar ul.infobar li.dropdown {
    padding:                0;
}
#gamebar ul.infobar li a.dropdown-toggle {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display:                block;
    height:                 50px;
    padding:                4px 15px 4px 10px;
    text-decoration:        none;
    width:                  100%;
}
#gamebar ul.infobar li span img.avatar {
    border-radius:          42px;
    display:                inline-block;
    height:                 42px;
    margin:                 0;
    padding:                0;
    width:                  42px;
}
#gamebar ul.infobar li.dropdown span.caret {
    margin:                 19px 0;
}
#gamebar ul.infobar li#datetime {
    padding-right:          20px;
}
#gamebar ul.infobar li#datetime span.datetime {
    color:                  rgb(41,41,41);
    display:                block;
    font-size:              24px;
    font-weight:            normal;
    line-height:            24px;
    letter-spacing:         -0.5px;
    margin:                 4px 0;
}

#gamebar ul.infobar li#messages a {
    display:                block;
    height:                 32px;
    min-width:              32px;
    position:               relative;
}
#gamebar ul.infobar li#messages a span.icon {
    background:             url('../images/icon-envelope.png') no-repeat top left;
    display:                block;
    height:                 32px;
    left:                   0;
    position:               absolute;
    top:                    0;
    width:                  32px;
}
#gamebar ul.infobar li#messages a span.badge {
    background:             #cd1414;
    color:                  #fff;
    font-weight:            normal;
    margin-left:            24px;
    min-width:              10px;
    padding:                2px 4px;
    position:               relative;
    text-align:             center;
    text-shadow:            none;
    top:                    -6px;
    z-index:                1000;
}
#gamebar ul.infobar li.parameters-block span.legend {
    font-size:              11px;
}
#gamebar ul.infobar li.parameters-block span.parameter {
    font-size:              13px;
    line-height:            16px;
}
#gamebar ul.infobar li.parameters-block span.parameter span.value {
    font-size:              15px;
    line-height:            16px;
    margin-right:           2px;
}
#gamebar ul.infobar li.parameters-block span.parameter span.unit,
#gamebar ul.infobar li.parameters-block span.parameter span.max-value {
    font-size:              11px;
}


/* Dropdown Menu */
#gamebar ul.infobar li.dropdown ul {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background:             rgb(255,255,255);
    border:                 1px solid rgba(0,0,0,0.15);
    border-radius:          4px 0 4px 4px;
    box-shadow:             2px 2px 8px -4px rgba(0, 0, 0, 0.25);
    margin:                 -1px 0 0 0;
    padding:                5px 0;
    position:               absolute;
    right:                  0;
    width:                  220px;
    z-index:                1001;
}
#gamebar ul.infobar li.dropdown ul {
    display:                none;
}
#gamebar ul.infobar li.open ul {
    display:                block;
}
#gamebar ul.infobar li.dropdown ul li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float:                  none;
    height:                 26px;
    line-height:            16px;
    padding:                5px 1px;
}
#gamebar ul.infobar li.dropdown ul li.link:hover {
    background-color:       rgba(255,203,13,0.3);
}
#gamebar ul.infobar li.dropdown ul li a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display:                inline;
    margin:                 0;
    padding:                0;
    position:               relative;
}
#gamebar ul.infobar li.dropdown ul li a:link,
#gamebar ul.infobar li.dropdown ul li a:visited {
    color:                  rgb(41,41,41);
    text-decoration:        none;
}
#gamebar ul.infobar li.dropdown ul li a:hover,
#gamebar ul.infobar li.dropdown ul li a:active {
    color:                  rgb(8,51,76);
    text-decoration:        none;
}
#gamebar ul.infobar li.dropdown ul li a.fullwidth {
    display:                block;
    font-size:              11px;
    height:                 26px;
    line-height:            16px;
    margin:                 -5px 0;
    padding:                5px 9px;
    position:               relative;
    width:                  100%;
}
#gamebar ul.infobar li.dropdown ul li a.sublink {
    display:                block;
    float:                  right;
    font-size:              10px;
    line-height:            13px;
    margin:                 2px 9px 0 10px;
    padding:                0;
}
#gamebar ul.infobar li.dropdown ul li a.sublink:link,
#gamebar ul.infobar li.dropdown ul li a.sublink:visited {
    color:                  rgb(116,116,116); /* 65% opacity of rgb(41,41,41); */
    border-bottom-color:    rgb(148,148,148); /* 50% opacity of rgb(41,41,41) or 23% opacity of rgb(116,116,116); */
}
#gamebar ul.infobar li.dropdown ul li a.sublink:hover,
#gamebar ul.infobar li.dropdown ul li a.sublink:active {
    color:                  rgb(8,51,76);
    border-bottom-color:    rgb(65,98,117); /* 23% opacity of rgb(8,51,76); */
}

#gamebar ul.infobar li.dropdown ul li a.mainlink {
    display:                block;
    float:                  left;
    font-size:              11px;
    line-height:            16px;
    margin:                 -5px 9px;
    padding:                5px 0;
}
#gamebar ul.infobar li.dropdown ul li a.mainlink:link,
#gamebar ul.infobar li.dropdown ul li a.mainlink:visited {
    color:                  rgb(41,41,41);
}
#gamebar ul.infobar li.dropdown ul li a.mainlink:hover,
#gamebar ul.infobar li.dropdown ul li a.mainlink:active {
    color:                  rgb(8,51,76);
}
#gamebar ul.infobar li.dropdown ul li a span.badge {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;


    background:             rgb(126,126,126);
    color:                  rgb(255,255,255);
    font-size:              10px;
    font-weight:            normal;
    height:                 18px;
    line-height:            14px;
    margin:                 0;
    padding:                2px 6px;
    position:               absolute;
    right:                  10px;
    text-shadow:            none;
    top:                    4px;
}
#gamebar ul.infobar li.dropdown ul li a span.badge,
#gamebar ul.infobar li.dropdown ul li a:hover span.badge,
#gamebar ul.infobar li.dropdown ul li a:active span.badge {
    background-color:       rgb(8,51,76);
}
#gamebar ul.infobar li.dropdown ul li.greetings {
    padding:                5px 9px;
}
#gamebar ul.infobar li.dropdown ul li.greetings span {
    color:                  rgb(41,41,41);
    font-size:              12px;
    font-weight:            bold;
    line-height:            16px;
}
#gamebar ul.infobar li.dropdown ul li.delimeter {
    border-top:             1px solid rgb(221,221,221);
    border-bottom:          1px solid rgb(250,250,250);
    font-size:              0;
    height:                 0;
    margin:                 5px 8px;
    padding:                0;
}








/* Profile
    - used for objects or players profile
*/
div.profile {
    min-height:                 180px;
    padding:                    0 0 0 180px;
}
div.profile h1:first-child {
    margin:                     0 10px 10px 10px;
}
div.profile div.avatar,
div.profile div.thumbnail {
    float:                      left;
    margin:                     0 -180px;
    width:                      160px;
}
div.profile div.avatar img.avatar {
    border:                         1px solid #FEC600;
    -moz-box-shadow: 		        0px 0px 2px 0 RGBA(0, 0, 0, 0.2);
    -webkit-box-shadow:             0px 0px 2px 0 RGBA(0, 0, 0, 0.2);
    box-shadow:                     0px 0px 2px 0 RGBA(0, 0, 0, 0.2);
    display:                        block;
    margin:                         0 -1px 20px -1px;
    height:                         160px;
    width:                          160px;
}
div.profile div.avatar p {
    margin:                         0 10px;
}
div.profile div.avatar p span.cat-type {
    color:                          #5c5c5c;
}
div.profile div.avatar p span.cat-name {
    color:                          #05364d;
    font-weight:                    bold;
}
div.profile div.info {
    float:                      left;
}
div.content-wrapper div.content div.inner div.profile div.info {
    width:                      410px;
}
.profile .info p {
    font-size:                  12px;
    line-height:                18px;
    margin:                     9px 10px;
}
div.profile div.info ul.info-list {
    margin:                     18px 10px;
}

.profile .statuses {
    padding-right:              30px;
    margin-right:               -30px;
    margin-bottom:              20px;
}
.profile .status {
    background: #ffeba6;
    margin: 1px 0;
    padding: 12px 10px 12px 70px;
    position: relative;
}
.profile .status .status-label {
    background: #fec600;
    float: left;
    margin: 0 0 0 -60px;
    position: relative;
    text-shadow: 0 0 -1px RGBA(0, 0, 0, 0.25);
}
.profile .status p {
    font-size:                  12px;
    line-height:                16px;
    margin:                     0;
}

div.profile span {
    font-size:                  12px;
    line-height:                18px;
}
div.profile span.status-label {
    background:                 #FEC600;
    text-shadow:                0 0 -1px RGBA(0, 0, 0, 0.25);
}
div.profile div.set-status {
    display:                    none;
    margin:                     10px 0;
}
.profile .recent-status {

}
.profile .status-1 {
    background-color:           #fff0ba;
}
.profile .status-2 {
    background-color:           #fff5cf;
}
.profile .status-3 {
    background-color:           #fff9e4;
}
.profile .status-4 {
    background-color:           #fffcf1;
}
.profile .status-5 {
    background-color:           #fffdf8;
}
.profile .recent-status .next-statuses {
    bottom:                     0;
    position:                   absolute;
    right:                      -30px;
}

.next-statuses {
    background-color:           #ffeba6;
    -moz-border-radius:         12px;
    -webkit-border-radius:      12px;
    border-radius:              12px;
    display:                    none;
    height:                     24px;
    margin:                     0;
    padding:                    0;
    position:                   relative;
    width:                      24px;
}
.next-statuses span.icon {
    display:                    block;
    height:                     24px;
    overflow:                   hidden;
    position:                   relative;
    width:                      24px;
}
.next-statuses span.icon ins {
    background-image:           url('/images/more.png');
    background-position:        0 0;
    background-repeat:          no-repeat;
    display:                    block;
    height:                     48px;
    left:                       0;
    position:                   absolute;
    top:                        0;
    width:                      24px;
}

.next-statuses:hover,
.next-statuses:active {
    background-color:           #ffe176;
}
.next-statuses:hover span.icon ins,
.next-statuses:active span.icon ins {
    top:                        -24px;
}

.profile .hidden-status {
    display:                    none;
}





/* Additional Info */
div.title div.additional-info ul li.health {
    background:                 url('/images/energy.png') no-repeat left center;
    padding-left:               28px;
}
div.title div.additional-info ul li span {
    color:                      #6f6f6f;
    font-size:                  14px;
    line-height:                20px;
}
div.title div.additional-info ul li.online-status {

}
div.title div.additional-info ul li.online-status span {
    font-size:                  14px;
    line-height:                20px;
}
div.title div.additional-info ul li.in-fight {
    padding:                    4px 0 4px 10px;
}
div.title div.additional-info ul li span.sup-badge,
div.title div.additional-info ul li span.sup-badge-wrapper {
    color:                      #fff;
    font-size:                  12px;
    line-height:                16px;
    margin:                     0 5px;
    text-shadow:                none;
}
div.title div.additional-info ul li span.sup-badge-wrapper span.sup-badge {
    margin:                     0 -2px;
}
div.title div.additional-info ul li a.underline span {
    color:                      inherit;
    font-size:                  14px;
    line-height:                20px;
}


/* Player Parameters */
span.legend {
    display:                    block;
    font-size:                  12px;
    line-height:                16px;
    margin-bottom: 4px;
}
span.parameter {
    display:                    block;
    font-size:                  14px;
    line-height:                16px;
}
span.action {
    display:                    block;
    font-size:                  11px;
    line-height:                16px;
    text-align:                 right;
}
span.parameter > span.value {
    font-size:                  14px;
    margin-right:               4px;
}
span.parameter > span.unit,
span.parameter > span.max-value {
    font-size:                  12px;
}
span.large > span.value {
    font-size:                  18px;
}
span.large > span.unit,
span.large > span.max-value {
    font-size:                  14px;
}
div.player-parameters {
    border-color:               #EDEDED;
    border-style:               solid;
    border-width:               1px 0;
    margin:                     20px 0 0 0;
    width:                      410px;
    border-bottom: none;
}
div.player-parameters:after {
    clear:                      both;
    content:                    '';
    display:                    block;
}
div.player-parameters div.parameters-block {
    float:                      left;
    padding:                    10px;
    width:                      80px;
}

div.sidebar div.financial-statistics div.parameters-block,
div.sidebar div.fighting-statistics div.parameters-block {
    float:                      left;
    padding:                    10px;
    width:                      110px;
}

div.sidebar div.financial-statistics div.left,
div.sidebar div.fighting-statistics div.left {
    padding-left:               0;
    width:                      120px;
}
div.sidebar div.financial-statistics div.right,
div.sidebar div.fighting-statistics div.right {
    padding-left:               0;
    width:                      120px;
}
div.sidebar div.financial-statistics div.parameters-block span.action,
div.sidebar div.fighting-statistics div.parameters-block span.action {
    padding-right:               20px;
}



/* Thumbnail View */
ul.thumbnail-view {
    margin:                     0;
    padding:                    0;
}
ul.thumbnail-view:after {
    clear:                      both;
    content:                    '';
    display:                    block;
}
ul.thumbnail-view li {
    display:                    block;
    float:                      left;
}

ul.items {
    margin:                     0 -2px;
}
ul.items li {
    border:                     1px solid #EDEDED;
    height:                     52px;
    margin:                     2px;
    width:                      52px;
}
ul.items li img {
    display:                    block;
    height:                     52px;
    width:                      52px;
}





/* User Description */
.user-description {
    color:                      #292929;
    font-size:                  12px;
    line-height:                18px;
    overflow:                   hidden;
    width:                      100%;
}
.user-description p {
    color:                      #292929;
    font-size:                  12px;
    line-height:                18px;
}




/* Info List */
ul.info-list {
    margin:                     18px 0;
    padding:                    0;
}
ul.info-list li {
    color:                      #292929;
    font-size:                  12px;
    line-height:                18px;
    margin:                     4px 0;
}





/* Sidebar */
/* Promo */
div.siterp {
    background:				    #FEF0BF;
    margin:					    0 10px;
    padding:				    20px;
}
div.siterp p {
    font-size:                  12px;
    line-height:                16px;
}
div.siterp span.rp-link {
    background:                 #ffe3a1;
    -webkit-box-shadow:         inset 0 1px 2px RGBA(0, 0, 0, 0.05);
    -moz-box-shadow:            inset 0 1px 2px RGBA(0, 0, 0, 0.05);
    box-shadow:                 inset 0 1px 2px RGBA(0, 0, 0, 0.05);
    -moz-border-radius:         3px;
    -webkit-border-radius:      3px;
    border-radius:              3px;
    display:                    block;
    font-size:                  12px;
    margin:                     10px -10px;
    padding:                    10px;
    text-align:                 center;
}

.last-employment {
    background:				    #FEF0BF;
    margin:                     10px;
    padding:                    10px;
}



/* XSOLLA */
#paystation-wrapper {
    min-height:                 600px;
    width:                      960px;
}
#paystation {
    border-width:               0;
}






/* Messages */
.messages .group-actions {
    background:                 #f9f9f9;
    border-bottom:              1px solid #ffffff;
    padding:                    0 10px;
}
.messages .group-actions:after {
    clear:                      both;
    content:                    '';
    display:                    block;
}
.messages {

}
.messages ul {
    clear:                      both;
    list-style:                 none;
    margin:                     0;
    padding:                    0;
}
.messages ul li {
    clear:                      both;
    padding:                    0 10px;
}
.messages ul li:nth-child(odd) {
    background:                 #f9f9f9;
}
.messages ul li:nth-child(even) {
    background:                 #fff;
}
.messages ul li:after {
    clear:                      both;
    content:                    '';
    display:                    block;
}
.messages ul li span {
    font-size:                  12px;
    line-height:                16px;
    margin:                     0;
    padding:                    10px 0;
}
.messages ul li span.mngr,
.messages .group-actions span.mngr {
    display:                    block;
    float:                      left;
    left:                       0;
    margin:                     0 -100% 0 0;
    overflow:                   hidden !important;
    position:                   relative;
    text-overflow:              ellipsis;
    white-space:                nowrap;
    width:                      5%;
}
.messages ul li span.mngr:after {
    clear:                      both;
    content:                    '';
    display:                    block;
}
.messages ul li span.mngr input[type="checkbox"],
.messages ul li span.mngr input.icheckbox {
    float:                      left;
    margin:                     3px -100% 0 0;
}
.messages ul li span.mngr a.important {
    left:                       20px;
    position:                   relative;
}

.messages ul li span.author {
    display:                    block;
    float:                      left;
    font-weight:                bold;
    left:                       10%;
    margin:                     0 -100% 0 0;
    overflow:                   hidden !important;
    position:                   relative;
    text-overflow:              ellipsis;
    white-space:                nowrap;
    width:                      20%;
}
.messages ul li span.subject {
    display:                    block;
    float:                      left;
    left:                       25%;
    margin:                     0 -100% 0 0;
    overflow:                   hidden !important;
    position:                   relative;
    text-overflow:              ellipsis;
    white-space:                nowrap;
    width:                      55%;
}
.messages ul li.unread span.subject {
    font-weight:                bold;
}
.messages ul li.unread span.subject a {
    border-bottom-width:        0;
    text-decoration:            none;
}
.messages ul li.unread span.subject a:link,
.messages ul li.unread span.subject a:visited {
    border-bottom-width:        0;
    color:                      #292929;
}
.messages ul li span.subject a {
    border-bottom-width:        0;
    text-decoration:            none;
}
.messages ul li span.subject a:link,
.messages ul li span.subject a:visited {
    border-bottom-width:        0;
    color:                      #646464;
}
.messages ul li span.subject a:hover,
.messages ul li span.subject a:active,
.messages ul li.unread span.subject a:hover,
.messages ul li.unread span.subject a:active {
    color:                      #08577D;
}
.messages ul li span.date {
    display:                    block;
    float:                      left;
    left:                       80%;
    margin:                     0;
    position:                   relative;
    text-align:                 right;
    width:                      20%;
}

.messages .group-actions span {
    padding:                    10px 0;
}
.messages .group-actions span.action {
    display:                    block;
    float:                      left;
    left:                       5%;
    margin:                     0 0 0 0;
    position:                   relative;
    text-align:                 left;
    width:                      95%;
}


a.important {
    display:                    block;
    height:                     16px;
    width:                      16px;
}
a.important span.icon {
    display:                    block;
    height:                     16px;
    overflow:                   hidden;
    padding:                    0;
    position:                   relative;
    width:                      16px;
}
a.important span.icon ins {
    background:                 url('/images/icon-important.png') no-repeat top left;
    display:                    block;
    height:                     32px;
    position:                   relative;
    width:                      16px;
}
a.false span.icon ins {
    top:                        0;
}
a.true span.icon ins {
    top:                        -16px;
}





/* Pagination */
.pagination {
    margin:                     0;
    padding:                    10px 0;
}
.pagination:after {
    clear:                      both;
    content:                    '';
    display:                    block;
}
.pagination .location,
.pagination .actions {
    margin-top:                 0;
    margin-bottom:              0;
}
.pagination .location span {
    display:                    block;
    float:                      left;
    font-size:                  12px;
    line-height:                18px;
    margin:                     4px 0 4px 10px;
}
div.pagination form.form {
    float:                      right;
    margin:                     0;
}

div.pagination form.form label {
    display:                    block;
    float:                      left;
    font-size:                  12px;
    line-height:                18px;
    margin:                     4px 20px 4px 0;
}
div.pagination form.form select {
    display:                    block;
    float:                      left;
    font-size:                  12px;
    height:                     24px;
    line-height:                24px;
    margin:                     0 8px 0 0;
    padding-bottom:             3px;
    padding-top:                5px;
}
div.pagination form.form input[type=submit] {
    font-size:                  12px;
    line-height:                14px;
    margin-right:               10px;
    padding:                    5px 10px 3px 10px;
}












/* Table Header */
.table-header {
    background-color:           #F5F5F5;
    border-top:                 1px solid #EDEDED;
    border-bottom:              1px solid #FFFFFF;
}
.table-header span {
    color:                      #585858;
    display:                    block;
    font-size:                  11px;
    font-weight:                bold;
    line-height:                14px;
    margin:                     10px;
}





.messages-unread {
    background-color:           #CD1414;
    color:                      #fff;
}
div.message-info {
    font-size:                  12px;
    line-height:                16px;
}
div.message-info:after {
    clear:                      both;
    content:                    '';
    display:                    block;
}
div.message-info div.message-from {
    float:                      left;
    left:                       0;
    margin:                     0 -100% 0 0;
    padding:                    10px;
    position:                   relative;
    width:                      180px;
}
div.message-info div.message-from img.avatar {
    border-color:               #ddd;
    border-style:               solid;
    border-width:               0px;
    border-radius:              42px;
    -webkit-box-shadow:         0 0 2px 0 RGBA(0, 0, 0, 0.1);
    -moz-box-shadow:            0 0 2px 0 RGBA(0, 0, 0, 0.1);
    box-shadow:                 0 0 2px 0 RGBA(0, 0, 0, 0.1);
    -webkit-box-shadow:         none;
    -moz-box-shadow:            none;
    box-shadow:                 none;
    display:                    inline;
    float:                      left;
    height:                     42px;
    margin:                     0 -100% 0 -52px;
    width:                      42px;
}
div.message-info div.w-avatar {
    float:                      left;
    left:                       0;
    margin:                     0 -100% 0 0;
    padding:                    10px 10px 10px 52px;
    position:                   relative;;
    width:                      138px;
}
div.message-info div.message-date {
    float:                      left;
    left:                       200px;
    margin:                     0;
    padding:                    10px;
    position:                   relative;
    text-align:                 right;
    width:                      740px;

}
div.message-body {
    border-color:               #e7e7e7;
    border-style:               solid;
    border-width:               0;
    overflow:                   hidden;
    padding:                    20px 0;
    text-overflow:              ellipsis;
}
div.message-footer {
    padding:                    10px 0;
}





/* In Page Navigation */
div.inpage-navbar {
    background:                 #f9f9f9;
    border-color:               #EDEDED;
    border-style:               solid;
    border-width:               1px 0 1px 0;
    padding:                    10px 0;
    margin:                     0;
}
div.inpage-navbar ul {
    list-style:                 none;
    margin:                     0;
    padding:                    0;
}
div.inpage-navbar ul li {
    display:                    block;
    float:                      left;
    padding:                    0 10px;
}
div.inpage-navbar ul li a {
    font-size:                  14px;
    font-weight:                bold;
    line-height:                18px;
}






/* Shop */
div.content > div.shopping-list {
    margin:                     0 10px;
    width:                      620px;
}
div.shopping-list div.item {
    border-top:                 1px solid #ededed;
    padding:                    10px 0 10px 0;
    width:                      620px;
}
div.shopping-list div.item:first-child {
    border-top-width:           0;
}

div.shopping-list div.item div.description {
    float:                      left;
    padding:                    0 20px 0 110px;
    position:                   relative;
    width:                      190px;
}
div.shopping-list div.item div.description img {
    display:                    block;
    float:                      left;
    height:                     96px;
    margin:                     0 -100% 0 -110px;
    width:                      96px;
}
div.shopping-list div.item div.description h3 {
    font-size:                  12px;
    font-weight:                bold;
    line-height:                18px;
    margin:                     18px 0 0 0;
}
div.shopping-list div.item div.description ul {
    margin:                     0;
}
div.shopping-list div.item div.description ul li {
    font-size:                  12px;
    line-height:                18px;
}
div.shopping-list div.item div.purchase-cnt {
    float:                      left;
    width:                      300px;
}
div.shopping-list div.item div.purchase-cnt div.buy {
    float:                      left;
    padding:                    0 0 0 10px;
    width:                      140px;
}
div.shopping-list div.item div.purchase-cnt div.wide {
    float:                      none;
    padding:                    0 0 0 160px;
    width:                      140px;
}
div.shopping-list div.item div.purchase-cnt div.sell {
    float:                      left;
    padding:                    0 10px 0 0;
    width:                      140px;
}
div.shopping-list div.item div.purchase-cnt div.buy h3,
div.shopping-list div.item div.purchase-cnt div.sell h3 {
    color:                      #FEC600;
    font-size:                  12px;
    font-weight:                bold;
    line-height:                18px;
    margin:                     18px 0 0 0;
}
div.shopping-list div.item div.purchase-cnt div.buy ul.list,
div.shopping-list div.item div.purchase-cnt div.sell ul.list {
    margin:                     0;
    padding:                    0;
}
div.shopping-list div.item div.purchase-cnt div.buy ul.list li,
div.shopping-list div.item div.purchase-cnt div.sell ul.list li {
    font-size:                  12px;
    line-height:                18px;
}

div.shopping-list div.item div.purchase-cnt div.buy div.inner,
div.shopping-list div.item div.purchase-cnt div.sell div.inner {
    padding:                    0 6px;
}





/* Registration Specific */
.itext.antibot-input {
    font-size: 1.25em;							/* 20px */
    line-height: 1.3em;						/* 26px */
    padding: 0.35em 0.35em 0.5em 0.35em;	/* 7px 7px 10px 7px; */
}
.registration .antibot {
    width: 240px;
}
.antibot {}
.antibot label {
    display: block;
}
.antibot-set {}
.antibot-set:after {
    clear: both;
    content: '';
    display: block;
}
.antibot-image {
    height:                 45px;
    overflow:               hidden;
    position:               relative;
    text-align:             center;
    vertical-align:         middle;
    width:                  120px;
}
.antibot-image img {
    height:                 43px;
    left:                   0px;
    position:               absolute;
    top:                    0px;
}
.antibot-set .antibot-image {
    float:                  left;
    margin-right:           0;
}
.antibot-set .antibot-input {
    float: left;
}
.registration-button .inner {
    margin: 28px 20px 20px 20px;
}
#invited-by {
    border-top: 1px dotted #898989;
    color: #787878;
    font-size: 0.6875em;
    margin: 0 20px;
    padding: 12px 20px;
}
#invited-by a:link,
#invited-by a:visited {
    color: #898989;
    text-decoration: underline;
}
#invited-by a:hover,
#invited-by a:active {
    color: #898989;
    text-decoration: none;
}





/*

*/
ul.list {
    border-bottom:          1px solid #ededed;
    margin:                 20px 0 40px 0;
}
h2 + ul.list {
    margin-top:             10px;
}
ul.current-fights {
    margin-left:            10px;
    margin-right:           40px;
    width:                  590px;
}
ul.past-fights {
    margin-left:            10px;
    margin-right:           40px;
    width:                  590px;
}
ul.group-fights {
    margin-left:            10px;
    margin-right:           40px;
    width:                  590px;
}
ul.fights li.fight {
    border-top:             1px solid #ededed;
    border-bottom:          1px solid #FFF;
    margin:                 0;
    padding:                5px 0;
}
ul.fights li.fight:nth-child(even) {
    background:             #f9f9f9;
}
ul.fights li.fight:nth-child(odd) {
    background:             #fff;
}
ul.fights li:after {
    clear:                  both;
    content:                '';
    display:                block;
}
:first-child + html ul.fights li {
    display:                inline-block;
}
ul.fights li.fight div.date,
ul.current-fights li.fight div.date {
    float:                  left;
    font-size:              12px;
    line-height:            18px;
    padding:                6px 10px 2px 10px;
    width:                  70px;
}
ul.past-fights li.fight span.date {
    float:                  left;
    font-size:              12px;
    line-height:            18px;
    padding:                6px 10px 2px 10px;
    width:                  110px;
}
ul.fights li.fight div.date a,
ul.past-fights li.fight span.date a {
    border-bottom-style:    solid;
    border-bottom-width:    1px;
    font-size:              12px;
    line-height:            18px;
    text-decoration:        none;
}
ul.fights li.fight div.date span {
    font-size:              12px;
    line-height:            18px;
}
ul.fights li.fight div.player {
    float:                  left;
    font-size:              12px;
    line-height:            18px;
    padding:                6px 10px 2px 10px;
    width:                  300px;
}
ul.fights li.fight div.player ul.weapons-list {
    margin:                 0;
    padding:                0;
}
ul.fights li.fight div.player ul.weapons-list li {
    font-size:              12px;
    line-height:            18px;
}
ul.fights li.fight div.opponent {
    float:                  left;
    font-size:              12px;
    line-height:            18px;
    padding:                2px 20px 2px 0;
    width:                  160px;
}
ul.fights li.fight div.opponent span {
    line-height:            26px;
}
ul.fights li.fight div.date a:link,
ul.fights li.fight div.date a:visited {
    border-bottom-color:    #68a6ce;
    color:                  #0c83bd;
}
ul.fights li.fight div.date a:hover,
ul.fights li.fight div.date a:active {
    border-bottom-color:    #678aa2;
    color:                  #08577d;
}
ul.current-fights li.fight div.team1 {
    float:                  left;
    margin-right:           20px;
    padding:                0 20px 0 0;
    width:                  220px;
}
ul.current-fights li.fight div.team2 {
    float:                  left;
    padding:                0 20px 0 0;
    width:                  220px;
}
ul.past-fights li.fight p {
    float:                  left;
    font-size:              12px;
    line-height:            26px;
    margin:                 0;
    padding:                2px 20px 2px 0;
    overflow:               hidden;
    width:                  440px;
}
ul.past-fights li.fight p a {
    border-bottom-style:    solid;
    border-bottom-width:    1px;
    text-decoration:        none;
}
ul.past-fights li.fight p a:link,
ul.past-fights li.fight p a:visited {
    border-bottom-color:    #68a6ce;
    color:                  #0c83bd;
}
ul.past-fights li.fight p a:hover,
ul.past-fights li.fight p a:active {
    border-bottom-color:    #678aa2;
    color:                  #08577d;
}

ul.past-fights li.fight p span.winner a:link,
ul.past-fights li.fight p span.winner a:visited {
    border-bottom-color:    #d66e78;
    color:                  #C82137;
}
ul.past-fights li.fight p span.winner a:hover,
ul.past-fights li.fight p span.winner a:active {
    border-bottom-color:    #d66e78;
    color:                  #C82137;
}

ul.past-fights li.fight p span.loser a:link,
ul.past-fights li.fight p span.loser a:visited {
    border-bottom-color:    #66737c;
    color:                  #042B3D;
}
ul.past-fights li.fight p span.loser a:hover,
ul.past-fights li.fight p span.loser a:active {
    border-bottom-color:    #66737c;
    color:                  #042B3D;
}

ul.past-fights li.fight p span.team1,
ul.past-fights li.fight p span.team2 {
    display:                block;
    float:                  left;
    line-height:            16px;
    padding:                5px 0;
    position:               relative;
    width:                  180px;
}

ul.past-fights li.fight p span.team1 {
    left:                   0;
    margin:                 0 -100% 0 0;
}
ul.past-fights li.fight p span.team2 {
    left:                   260px;
    margin:                 0;
}
ul.current-fights ul.userlist {
    margin:                 0;
    padding:                0;
}
ul.current-fights ul.userlist:after {
    clear:                  both;
    content:                '';
    display:                block;
}
:first-child + html ul.current-fights ul.userlist {
    display:                inline-block;
}
ul.current-fights ul.userlist li.user {
    border-top-width:       0;
    display:                block;
    float:                  left;
    margin:                 2px 15px 2px 0;
    padding:                0;
}
ul.current-fights li ul.userlist li.user a.userlink {
    line-height:            24px;
    position:               relative;
    text-decoration:        none;
}
ul.current-fights li ul.userlist li.user a.w-image span {

    margin-left:            34px;
}
ul.current-fights li ul.userlist li.user a.userlink img {
    border:                 1px solid #FEC600;
    display:                block;
    float:                  left;
    height:                 24px;
    margin:                 -1px -34px -1px 0;
    position:               relative;
    width:                  24px;
}
ul.current-fights li ul.userlist li.user span {
     font-size:              12px;
     font-weight:            bold;
     line-height:            26px;
}
ul.current-fights li ul.userlist li.user a.userlink span {
    border-bottom:          1px solid ;
    font-size:              12px;
    font-weight:            bold;
    line-height:            26px;
}
ul.current-fights li ul.userlist li.user a.userlink:link span,
ul.current-fights li ul.userlist li.user a.userlink:visited span {
    border-bottom-color:    #68a6ce;
    color:                  #0c83bd;
}
ul.current-fights li ul.userlist li.user a.userlink:hover span,
ul.current-fights li ul.userlist li.user a.userlink:active span{
    border-bottom-color:    #678aa2;
    color:                  #08577d;
}

ul.group-fights div.participants {
    float:                  left;
    font-size:              12px;
    line-height:            26px;
    padding:                0;
    width:                  500px;
}
ul.group-fights div.description {
    clear:                  left;
    float:                  left;
    padding:                4px 20px 4px 100px;
    width:                  470px;
}
ul.group-fights div.description span {
    font-size:              12px;
    line-height:            16px;
}
ul.group-fights div.participants div.team1,
ul.group-fights div.participants div.team2,
ul.group-fights div.participants div.team {
    padding:                4px 90px 4px 90px;
    width:                  320px;
}
ul.group-fights div.participants div.team1:hover,
ul.group-fights div.participants div.team2:hover {
    background:             #f9f9f9;
}
ul.group-fights div.participants div.team a.btn-small {
    float:                  right;
    margin:                 0 -80px 0 0;
    position:               relative;
}

ul.group-fights span.team-info {
    margin:                 0 10px 0 -80px;
    position:               relative;
}
ul.group-fights span.team-no {
    background:             #499EC8;
    color:                  #fff;
    font-weight:            normal;
    text-shadow:            none;
}
ul.group-fights span.team-size {
    font-weight:            normal;
    text-shadow:            none;
}
ul.group-fights span.team-levels {
    font-weight:            normal;
    text-shadow:            none;
}
ul.group-fights a.team-club {
    background:             #FEC600;
    color:                  #0c83bd;
    font-weight:            bold;
    text-shadow:            none;
}
ul.group-fights a.team-club:link,
ul.group-fights a.team-club:visited {
    text-decoration:        none;
}
ul.group-fights a.team-club:hover,
ul.group-fights a.team-club:active {
    text-decoration:        none;
}


div.content > div.inner > ul.list {
    margin-left:            0;
    margin-right:           0;
    width:                  590px;
}
ul.list > li.item {
    border-top:             1px solid #ededed;
    border-bottom:          1px solid #FFF;
    font-size:              12px;
    line-height:            16px;
    margin:                 0;
    padding:                5px 0;
}
ul.list > li.item:after {
    clear:                  both;
    content:                '';
    display:                block;
}
ul.members > li.member > div.name {
    float:                  left;
    padding:                4px 10px;
    width:                  200px;
}
ul.members > li.member > div.status {
    float:                  left;
    padding:                4px 20px 4px 10px;
    width:                  340px;
}
ul.members > li.member span.label {
    font-size:              11px;
    font-weight:            normal;
    line-height:            14px;
    padding:                2px 4px 3px 4px;
}
ul.manage-members > li.member > div.count {
    float:                  left;
    padding:                6px 10px;
    width:                  20px;
}
ul.manage-members > li.member > div.name {
    padding:                6px 10px;
    width:                  160px;
}
ul.manage-members > li.member > div.status {
    float:                  left;
    padding:                1px 10px 1px 0;
    width:                  270px;
}
ul.manage-members > li.member > div.action {
    float:                  left;
    padding:                1px 10px 1px 0;
    width:                  80px;
}
ul.manage-members > li.member > div.action a.btn,
ul.manage-members > li.member > div.status a.btn {
    position:               relative;
    margin:                 0;
}
ul.manage-members > li.member > div.status input.itext {
    font-size:              14px;
    height:                 16px;
    line-height:            16px;
    margin:                 0;
    position:               relative;
    width:                  179px;
}
ul.manage-members > li.member > div.status > ul {
    margin:                 0;
    padding:                0;
    width:                  270px;
}
ul.manage-members > li.member > div.status > ul > li {
    margin:                 0;
    padding:                0;
}
ul.manage-members > li.member > div.status > ul > li.status-input {
    margin-right:           5px;
    width:                  189px;
}
ul.manage-members > li.member > div.status > ul > li.status-action {
    width:                  76px;
}
ul.manage-members > li.member > div.status > span.status-result:empty {
    display:                none;
}
ul.list.objects {
    border-top-width:       0;
}
ul.objects > li.object > div.count {
    float:                  left;
    padding:                6px 10px;
    width:                  20px;
}
ul.objects > li.object > div.info {
    float:                  left;
    padding:                6px 10px;
    width:                  530px;
}

/* Forms */
div.action-block {

}
div.action-block > ul.action-options {
    float:                  right;
    list-style:             none;
    margin:                 0;
    padding:                0;
}
div.action-block > ul.action-options > li.action {
    float:                  right;
    list-style:             none;
    margin-left:            5px;
}




/* Buttons */
.btn.confirm {
    font-weight:            bold;
}
.btn.cancel {
    color:                  #777;
}
a.btn.confirm:link,
a.btn.confirm:visited {
    color:                  #0c83bd;
}
a.btn.confirm:hover,
a.btn.confirm:active {
    color:                  #09618A;
}
a.btn.cancel:link,
a.btn.cancel:visited {
    color:                  #0c83bd;
}
a.btn.cancel:hover,
a.btn.cancel:active {
    color:                  #09618A;
}




/* Group Fight Form */
div.team1-wrapper {
    left:                   0;
    position:               relative;
    padding:                0 15px 0 0;
    width:                  280px;
}
div.team2-wrapper {
    border-left:            1px solid #ccc;
    left:                   295px;
    margin:                 0 -100% 0 0;
    padding:                0 0 0 15px;
    position:               relative;
    width:                  280px;
}
div.team1-wrapper div.team2-wrapper div.team {
    float:                  left;
    width:                  280px;
}
div.team1-wrapper div.team2-wrapper div.team1 {
    left:                   -310px;
    margin-left:            0;
    margin-right:           -295px;
    position:               relative;
}

div.team1-wrapper div.team2-wrapper div.team2 {

}





/* Clubs */
div.financial-statistics,
div.fighting-statistics{
    border-top:             1px solid #FFE3A1;
}









/* Forum */
section.category {
    margin:                     20px 0;
}
section.category > header > h1 {
    max-width:                  100%;
    padding:                    10px;
}





section.category > ul,
section.forum > ul,
section.theme > ul {
    border-bottom:              1px solid #DDDDDD;
    list-style:                 none;
    margin:                     0;
    padding:                    0;
}
section.category > ul > li,
section.forum > ul > li,
section.theme > ul > li {
    border-top:                 1px solid #DDDDDD;
    border-bottom:              1px solid #FFFFFF;
}
section.category > ul > li:nth-child(even),
section.forum > ul > li:nth-child(even) {
    background:                 #FFFFFF;
}
section.category > ul > li:nth-child(odd),
section.forum > ul > li:nth-child(odd) {
    background:                 #FAFAFA;
}
section.category > ul > li:after,
section.forum > ul > li:after,
section.theme > ul > li:after {
    clear:                      both;
    content:                    '';
    display:                    block;
}



article.forum > .description > h1,
article.theme > .description > h1 {
    font-size:                  16px;
    font-weight:                bold;
    line-height:                24px;
    margin:                     10px 10px 0 10px;
}
li.sticky article.theme > .description > h1 {
    background-image:           url('/elements/icon-sticky.png');
    background-repeat:          no-repeat;
    background-position:        top left;
    padding-left:               28px;
}
li.closed article.theme > .description > h1 {
    background-image:           url('/elements/icon-closed.png');
    background-repeat:          no-repeat;
    background-position:        top left;
    padding-left:               28px;
}
article.theme > .description > h1:last-child {
    margin:                     10px;
}
article.forum > .description > h1 a,
article.theme > .description > h1 a {
    border-bottom-style:        solid;
    border-bottom-width:        1px;
    font-weight:                bold;
    text-decoration:            none;
}
article.forum > .description > h1 a:link,
article.forum > .description > h1 a:visited,
article.theme > .description > h1 a:link,
article.theme > .description > h1 a:visited {
    border-bottom-color:        #6AA7CF;
    color:                      #0C83BD;
}
article.forum > .description > h1 a:hover,
article.forum > .description > h1 a:active,
article.theme > .description > h1 a:hover,
article.theme > .description > h1 a:active {
    border-bottom-color:        #687A86;
    color:                      #05364D;
}
article.forum > .description > p {
    font-size:                  12px;
    font-weight:                normal;
    line-height:                16px;
    margin:                     0 10px 16px 10px;
}
article.forum > .description > p:last-child {
    margin-bottom:              10px;
}
article.forum > .themes-count span.parameter,
article.forum > .messages-count span.parameter {
    display:                    block;
    margin:                     10px 0 0 0;
}
article.forum > .themes-count span.parameter span.value,
article.forum > .messages-count span.parameter span.value {
    color:                      #777777;
    font-size:                  24px;
    font-weight:                normal;
    letter-spacing:             -2px;
    line-height:                24px;
}
article.forum > .themes-count span.legend,
article.forum > .messages-count span.legend {
    font-size:                  11px;
    line-height:                19px;
}
article.forum > .last-theme p {
    font-size:                  12px;
    line-height:                16px;
    margin:                     16px 10px;
}
article.forum > .last-theme a {
    border-bottom-style:        solid;
    border-bottom-width:        1px;
    font-weight:                normal;
    text-decoration:            none;
}
article.forum > .last-theme a:link,
article.forum > .last-theme a:visited {
    border-bottom-color:        #6AA7CF;
    color:                      #0C83BD;
}
article.forum > .last-theme a:hover,
article.forum > .last-theme a:active {
    border-bottom-color:        #687A86;
    color:                      #05364D;
}
article.forum > .last-theme span {
    font-size:                  11px;
}
article.theme > .first-message,
article.theme > .recent-message {

}
article.theme > .first-message > p,
article.theme > .recent-message > p {
    font-size:                  12px;
    line-height:                18px;
    margin:                     10px;
}
article.theme > .first-message > p > .message-number,
article.theme > .recent-message > p > .message-number {
    font-size:                  11px;
    line-height:                18px;
}
article.theme > .recent-message > p > a.message-number {
    border-bottom-style:        solid;
    border-bottom-width:        1px;
    font-weight:                normal;
    text-decoration:            none;
}
article.theme > .recent-message > p > a.message-number:link {
    border-bottom-color:        #6AA7CF;
    color:                      #0C83BD;
}
article.theme > .recent-message > p > a.message-number:visited {
    border-bottom-color:        #9F9F9F;
    color:                      #777777;
}
article.theme > .recent-message > p > a.message-number:hover,
article.theme > .recent-message > p > a.message-number:active {
    border-bottom-color:        #687A86;
    color:                      #05364D;
}
article.theme > .first-message > p > a.message-author,
article.theme > .recent-message > p > a.message-author {
    border-bottom-style:        solid;
    border-bottom-width:        1px;
    font-weight:                normal;
    text-decoration:            none;
}
article.theme > .first-message > p > a.message-author:link,
article.theme > .recent-message > p > a.message-author:link {
    border-bottom-color:        #6AA7CF;
    color:                      #0C83BD;
}
article.theme > .first-message > p > a.message-author:visited,
article.theme > .recent-message > p > a.message-author:visited {
    border-bottom-color:        #9F9F9F;
    color:                      #777777;
}
article.theme > .first-message > p > a.message-author:hover,
article.theme > .first-message > p > a.message-author:active,
article.theme > .recent-message > p > a.message-author:hover,
article.theme > .recent-message > p > a.message-author:active {
    border-bottom-color:        #687A86;
    color:                      #05364D;
}
article.theme > .first-message > p > .message-datetime,
article.theme > .recent-message > p > .message-datetime {
    display:                    block;
    white-space:                nowrap;
}
article.theme > .first-message > p > .message-datetime a,
article.theme > .recent-message > p > .message-datetime a{
    border-bottom-style:        solid;
    border-bottom-width:        1px;
    font-weight:                normal;
    text-decoration:            none;
}
article.theme > .first-message > p > .message-datetime a:link,
article.theme > .recent-message > p > .message-datetime a:link {
    border-bottom-color:        #6AA7CF;
    color:                      #0C83BD;
}
article.theme > .first-message > p > .message-datetime a:visited,
article.theme > .recent-message > p > .message-datetime a:visited {
    border-bottom-color:        #9F9F9F;
    color:                      #777777;
}
article.theme > .first-message > p > .message-datetime a:hover,
article.theme > .first-message > p > .message-datetime a:active,
article.theme > .recent-message > p > .message-datetime a:hover,
article.theme > .recent-message > p > .message-datetime a:active {
    border-bottom-color:        #687A86;
    color:                      #05364D;
}
article.message {
    background:                 none;
    -webkit-border-radius:      0;
    -moz-border-radius:         0;
    border-radius:              0px;
    border-width:               0;
    margin:                     0;
    padding:                    0;
}
article.message div.author div.profile {
    background:                 #FFFFFF;
    border:                     1px solid #EDEDED;
    margin:                     10px 0 10px 10px;
    min-height:                 0;
    padding:                    4px 9px 9px 9px;
    width:                      auto;
}
article.message div.author div.profile a {
    font-size:                  11px;
    font-weight:                bold;
    line-height:                18px;
}
article.message div.author div.profile img {
    height:                     auto;
    margin:                     8px 0;
    width:                      100%;
}
article.message div.author div.profile ul {
    list-style:                 none;
    margin:                     0;
}
article.message div.author div.profile ul:after {
    clear:                      both;
    content:                    '';
    display:                    block;
}
article.message div.author div.profile ul li {
    float:                      left;
    list-style:                 none;
    margin-right:               4px;
}
article.message div.author div.profile ul li a {
    background-position:        left top;
    background-repeat:          no-repeat;
    display:                    block;
    height:                     16px;
    text-indent:                -9999px;
    width:                      16px;
}
article.message div.author div.profile ul li a.profile {
    background-image:           url('/elements/icon-profile.png');
}
article.message div.author div.profile ul li a.pm {
    background-image:           url('/elements/icon-pm.png');
    width:                      17px;
}
article.message div.post div.info {
    border-bottom:              1px solid #EDEDED;
    margin:                     0 24px 20px 0;
    padding:                    15px 10px 9px 10px;
}
article.message div.post div.info datetime {
    font-size:                  11px;
    line-height:                18px;
}
article.message div.post div.info ul {
    float:                      right;
    list-style:                 none;
    margin:                     3px 0 0 0;
    padding:                    0;
}
article.message div.post div.info ul li {
    float:                      left;
    font-size:                  11px;
    line-height:                18px;
    list-style:                 none;
    margin:                     0 4px 0 0;
}
article.message div.post div.info ul li.ip {
    margin:                     0 10px 0 0;
}
article.message div.post div.content {
    background:                 none;
    border-width:               0;
    font-size:                  13px;
    line-height:                18px;
    margin:                     20px 0;
    padding:                    0 10px;
    width:                      auto;
}

article.message div.post div.content p.pSystemMessage {
    background-color:           #FAFAFA;
    border:                     1px solid #EDEDED;
    -webkit-border-radius:      3px;
    -moz-border-radius:         3px;
    border-radius:              3px;
    font-size:                  11px;
    line-height:                16px;
    margin:                     20px auto;
    max-width:                  460px;
    padding:                    10px 20px;
    width:                      460px;
}










/* Icons */
a.trash-message {
    background:                 url('/elements/icon-trash.png') no-repeat center center;
    display:                    block;
    text-indent:                -9999px;
    width:                      18px;
}
a.shred-message {
    background:                 url('/elements/icon-shred.png') no-repeat center center;
    display:                    block;
    text-indent:                -9999px;
    width:                      18px;
}
a.ban-author {
    background:                 url('/elements/icon-ban.png') no-repeat center center;
    display:                    block;
    text-indent:                -9999px;
    width:                      18px;
}
a.edit-message {
    background:                 url('/elements/icon-edit.png') no-repeat center center;
    display:                    block;
    text-indent:                -9999px;
    width:                      18px;
}







/* Message */
div.info-message {
    -moz-border-radius:         5px;
    -webkit-border-radius:      5px;
    border-radius:              5px;
    background:                 url('/elements/message-bg.png') no-repeat left center;
    background-color:           #f0eddf;
    margin:                     20px 0;
    min-height:                 60px;
    padding:                    40px 0;
}
div.info-message p {
    color:                      #444444;
    font-size:                  18px;
    font-weight:                bold;
    line-height:                27px;
    margin:                     0 10px;
    max-width:                  400px;
}
div.info-message p a {
    border-bottom-style:        solid;
    border-bottom-width:        1px;
    text-decoration:            none;
}
div.info-message p a:link,
div.info-message p a:visited {
    border-bottom-color:        #6AA7CF;
    color:                      #0c83bd;
}
div.info-message p a:hover,
div.info-message p a:active {
    border-bottom-color: #687A86;
    color: #05364D;
}
div.ch_info_message p {
    font-size: 14px;
    font-weight: normal;
    line-height: 21px;
    margin: 0 20px 0 160px;
}
div.ch_info_message h2 {
    font-size: 18px;
    font-weight: bold;
    line-height: 21px;
    margin: 0 20px 21px 160px;
}
div.ch_info_message ul.ch_list {
    margin: 0 20px 0 160px;
    padding: 0 0 0 24px;
}
div.ch_info_message ul.ch_list li {
    font-size: 14px;
    font-weight: normal;
    line-height: 21px;
    margin: 0;
}








/* Navbar */
#navbar {
	/* Switch off for now
	background:                 url('/elements/navbar-bg.png') no-repeat center bottom;
	original color: rgb(125,98,0);
	20% opacity rgb(229,224,204);
	40% opacity rgb(208,199,163);

	*/
	background: rgb(229,224,204);
	background-color: rgba(125,98,0,0.2);
	border-bottom: 2px solid rgba(125,98,0,0.2);
	height: 18px;
	margin: 0;
	padding: 10px 0;
	width: 100%;
}
#navbar:after {
	clear: both;
	content: '';
	display: block;
}
#navbar ul {
	list-style:             none;
	margin:                 0 20px;
	padding:                0;
}
#navbar ul li {
	display:                inline-block;
	margin:                 0 25px 0 0;
	padding:                0;
}
#navbar ul li:last-of-type {
	margin:                 0;
}
#navbar ul li a {
	font-size:              13px;
	font-weight:            bold;
	line-height:            18px;
	text-decoration:        none;
}
#navbar ul li a:link,
#navbar ul li a:visited {
	color:                  rgb(41,41,41);
}
#navbar ul li a:hover,
#navbar ul li a:active {
	color:                  rgb(8,51,76);
}





/* Header */
header > h1 {
    margin:                     10px;
}
header .breadcrumbs {
    padding:                    10px 0;
}
header .actions {
    padding:                    10px 0;
}
header .breadcrumbs h1,
header .breadcrumbs span {
    margin-left:                10px;
}
header .breadcrumbs h1 {
    max-width:                  100%;
}
header .breadcrumbs span {
    font-size:                  12px;
    line-height:                18px;
}
header .breadcrumbs a {
    border-bottom-style:        solid;
    border-bottom-width:        1px;
    font-weight:                normal;
    text-decoration:            none;
}
header .breadcrumbs a:link,
header .breadcrumbs a:visited {
    border-bottom-color:        #6AA7CF;
    color:                      #0C83BD;
}
header .breadcrumbs a:hover,
header .breadcrumbs a:active {
    border-bottom-color:        #687A86;
    color:                      #05364D;
}
header .actions div.btn-group {
    float:                      right;
    margin:                     6px 10px 6px 10px;
}
footer .actions div.btn-group {
    float:                      right;
    margin:                     0 10px;
}
header .actions ul {
    float: right;
    margin: 6px 10px;
    padding: 0;
}
header .actions ul:after {
    clear: both;
    content: '';
    display: block;
}
header .actions ul li {
    float: left;
    margin-left: 20px;
}
header .actions .btn,
footer .actions .btn {
    background-color:           #f0bc00;
    background:                 -moz-linear-gradient(0deg,  #f0bc00 0%, #f2cb3f 100%);
    background:                 -webkit-gradient(linear, left bottom, left top, color-stop(0%, #f0bc00), color-stop(100%, #f2cb3f));
    background:                 -webkit-linear-gradient(0deg, #f0bc00 0%, #f2cb3f 100%);
    background:                 -o-linear-gradient(0deg, #f0bc00 0%, #f2cb3f 100%);
    background:                 -ms-linear-gradient(0deg, #f0bc00 0%, #f2cb3f 100%);
    background:                 linear-gradient(0deg, #f0bc00 0%, #f2cb3f 100%);
    padding:                    6px 10px;
}
header .actions a.btn,
footer .actions a.btn {
    padding:                    6px 16px;
}

header .actions a.btn:link,
header .actions a.btn:visited,
header .actions a.btn:hover,
header .actions a.btn:active,
footer .actions a.btn:link,
footer .actions a.btn:visited,
footer .actions a.btn:hover,
footer .actions a.btn:active{
    color:                      #FFFFFF;
    text-shadow:                0 1px 1px rgba(0, 0, 0, 0.75)
}









/* Form */
.action-form {
    -moz-border-radius:         5px;
    -webkit-border-radius:      5px;
    border-radius:              5px;
    background:                 #f0eddf;
    margin:                     20px 0;
    padding:                    30px 0;
}
.action-form form,
.action-form h2 {
    margin:                     0 10px;
}
.action-form header {
    margin:                     24px 10px;
}

.action-form h2 {
    color:                      #0c83bd;
    font-size:                  18px;
    font-weight:                bold;
    line-height:                24px;
    margin:                     24px 10px;
}
.action-form h2 a {
    border-bottom-style:        solid;
    border-bottom-width:        1px;
    text-decoration:            none;
}
.action-form h2 a:link,
.action-form h2 a:visited {
    border-bottom-color:        #6AA7CF;
    color:                      #0c83bd;
}
.action-form h2 a:hover,
.action-form h2 a:active {
    border-bottom-color:        #687A86;
    color:                      #05364D;
}
.action-form header h2 {
    margin:                     0;
}
.action-form header ul {
    margin:                     10px 20px;
}
.action-form header ul li {
    color:                      #666666;
    font-size:                  14px;
    line-height:                18px;
    margin-bottom:              4px;
}
.action-form header ul li a {
    border-bottom-style:        solid;
    border-bottom-width:        1px;
    text-decoration:            none;
}
.action-form header ul li a:link,
.action-form header ul li a:visited {
    border-bottom-color:        #6AA7CF;
    color:                      #0c83bd;
}
.action-form header ul li a:hover,
.action-form header ul li a:active {
    border-bottom-color:        #687A86;
    color:                      #05364D;
}
.action-form label {
    font-size:                  13px;
    line-height:                18px;
}
.action-form textarea {
    font-size:                  13px;
    line-height:                18px;
}
.action-form .submit{
    text-align:                 center;
}
.action-form .submit .btn {
    background-color:           #f0bc00;
    background:                 -moz-linear-gradient(0deg,  #f0bc00 0%, #f2cb3f 100%);
    background:                 -webkit-gradient(linear, left bottom, left top, color-stop(0%, #f0bc00), color-stop(100%, #f2cb3f));
    background:                 -webkit-linear-gradient(0deg, #f0bc00 0%, #f2cb3f 100%);
    background:                 -o-linear-gradient(0deg, #f0bc00 0%, #f2cb3f 100%);
    background:                 -ms-linear-gradient(0deg, #f0bc00 0%, #f2cb3f 100%);
    background:                 linear-gradient(0deg, #f0bc00 0%, #f2cb3f 100%);
    color:                      #FFFFFF;
    font-size:                  14px;
    height:                     34px;
    line-height:                20px;
    padding:                    6px 16px;
    text-shadow:                0 1px 1px rgba(0, 0, 0, 0.75)
}
.action-form article.forum-message {
    background:                 #FFFFFF;
    border-top:                 1px solid #DDDDDD;
    border-bottom:              1px solid #DDDDDD;
    margin:                     10px 0;
}
.action-form article.forum-message .post {
    font-size:                  11px;
    line-height:                14px;
    margin:                     10px;
}






/* Winners and Losers */
span.winner a:link,
span.winner a:visited,
a.winner:link,
a.winner:visited {
    border-color:                   #D66E78;
    color:                          #C82137;
}

span.loser a:link,
span.loser a:visited,
a.loser:link,
a.loser:visited {
    border-bottom-color:            #66737C;
    color:                          #042B3D;
}










/* Friends and Enemies */
.friends header h1,
.enemies header h1 {
    margin:                         14px 10px;
}
.friends .message,
.enemies .message {
    background:                     #F0EDDF;
    border-color:                   #e3e0d3;
    -moz-border-radius:             0;
    -webkit-border-radius:          0;
    border-radius:                  0;
    border-style:                   solid;
    border-width:                   1px 0;
    margin:                         0;
    padding:                        10px;
}
.friends .message p,
.enemies .message p {

    color:                          #666666;
    font-size:                      16px;
    font-weight:                    bold;
    line-height:                    20px;
    margin:                         20px 10px;
    text-align:                     center;
}
.friends ul,
.enemies ul {
    border-bottom:                  1px solid #DDDDDD;
    margin:                         0;
    padding:                        0;
}
.friends ul li,
.enemies ul li {
    border-bottom:                  1px solid #FFFFFF;
    border-top:                     1px solid #DDDDDD;
    padding:                        10px;
}
.friends ul li:nth-child(odd),
.enemies ul li:nth-child(odd) {
    background:                     #FAFAFA;
}
.friends ul li:nth-child(even),
.enemies ul li:nth-child(even) {
    background:                     #FFFFFF;
}
.friends ul li .user,
.enemies ul li .user {
    height:                         20px;
    padding:                        10px 100px 12px 52px;
}
.friends ul li img,
.enemies ul li img {
    float:                          left;
    height:                         42px;
    margin:                         -10px -100% -12px -52px;
    width:                          42px;
}
.friends ul li .user a,
.enemies ul li .user a {
    border-bottom-style:            solid;
    border-bottom-width:            1px;
    font-size:                      12px;
    line-height:                    20px;
    text-decoration:                none;
}
.friends ul li .user a:link,
.friends ul li .user a:visited,
.enemies ul li .user a:link,
.enemies ul li .user a:visited{
    border-bottom-color:            #68a6ce;
    color:                          #0c83bd;
}
.friends ul li .user a:hover,
.friends ul li .user a:active,
.enemies ul li .user a:hover,
.enemies ul li .user a:active {
    border-bottom-color:            #678aa2;
    color:                          #08577d;
}
.enemies ul li .action,
.friends ul li .action {
    float:                          right;
    padding-top:                    10px;
}
a.remove-user {
    color:                          #515257;
    font-size:                      11px;
    line-height:                    20px;
    padding-left:                   20px;
    position:                       relative;
    text-decoration:                none;
}
a.remove-user span {
    height:                         16px;
    left:                           0px;
    position:                       absolute;
    top:                            0;
    overflow:                       hidden;
    width:                          16px;
}
a.remove-user u {
    border-bottom-style:            solid;
    border-bottom-width:            1px;
    text-decoration:                none;
}
a.remove-user span ins {
    background:                     url('/elements/icon-remove.png') no-repeat top left;
    height:                         32px;
    position:                       absolute;
    width:                          32px;
}
a.remove-user:link u,
a.remove-user:visited u {
    border-bottom-color:            #B6B6B8;
    color:                          #515257;
}
a.remove-user:link span ins,
a.remove-user:visited span ins {
    left:                           0;
    top:                            0;
}
a.remove-user:hover u,
a.remove-user:active u {
    border-bottom-color:            #515257;
    color:                          #515257;
}
a.remove-user:hover span ins,
a.remove-user:active span ins {
    left:                           -16px;
    top:                            -16px;
}





/* Table List */
table.list {
    border-top:                 1px solid #DDDDDD;
    border-bottom:              1px solid #DDDDDD;
    border-collapse:            separate;
    width:                      100%;
}
table.list thead th,
table.list tfoot th {
    font-size:                  13px;
    line-height:                20px;
    padding:                    10px;
}
table.list tbody th,
table.list tbody td {
    font-size:                  12px;
    line-height:                20px;
    padding:                    8px 10px;
}
table.list tbody tr {
    border-bottom:              1px solid #FFFFFF;
    border-top:                 1px solid #DDDDDD;
}
table.list tbody tr:hover {
    background:                 #F5F5F5;
}
table.list tbody tr:nth-child(odd) {
    background:                 #FAFAFA;
}
table.list tbody tr:nth-child(even) {
    background:                 #FFFFFF;
}
table.list tfoot tr {
    background-color:           #f5f5f5;
    border-bottom:              1px solid #FFFFFF;
    border-top:                 1px solid #DDDDDD;
}
table.list thead tr {
    background-color:           #f5f5f5;
    border-bottom:              1px solid #FFFFFF;
    border-top:                 1px solid #DDDDDD;

}
table.list span {
    font-size:                  13px;
    line-height:                18px;
}
table.list a {
    border-bottom-style:            solid;
    border-bottom-width:            1px;
    text-decoration:                none;
}
table.list a:link,
table.list a:visited,
table.list a:link span,
table.list a:visited span {
    border-bottom-color:            #68a6ce;
    color:                          #0c83bd;
}
table.list a:hover,
table.list a:active,
table.list a:hover span,
table.list a:active span{
    border-bottom-color:            #678aa2;
    color:                          #08577d;
}



/* Parameters List */

ul.parameters {
    margin:                         20px -10px;
}
ul.parameters > li {
    margin:                         0;
    padding:                        4px 10px 6px 10px;
}
ul.parameters > li:hover {
    background:                     #f0ecdf;
}
ul.parameters > li > .parameter {
    float:                          left;
    margin:                         0 -100% 0 0;
    width:                          120px;
}
ul.parameters > li > .parameter > span,
ul.parameters > li > .parameter-value > span {
    font-size:                      12px;

    line-height:                    18px;
}
ul.parameters > li > .parameter > span {
    font-weight:                    bold;
}
ul.parameters > li > .parameter-value {
    margin:                         0 20px 0 120px;
}







/* List
    Used for almost any list on the website with occasional tweaks to the look of it
*/
ul.list {
    border-top:                 1px solid #DDDDDD;
    border-bottom:              1px solid #DDDDDD;
    list-style:                 none;
    margin:                     20px 0;
    padding:                    0;
}
ul.list > li.item {
    border-width:               0 0 0 0;
    /*
    border-top:                 1px solid #DDDDDD;
    border-bottom:              1px solid #FFFFFF;
    */
    clear:                      both;
    margin:                     0;
    padding:                    8px 10px;
}

ul.list > li.item:after {
    clear:                      both;
    content:                    '';
    display:                    block;
}
ul.list > li.item:nth-child(even) {
    background:                 #FFFFFF;
}
ul.list > li.item:nth-child(odd) {
    background:                 #FAFAFA;
}
ul.list > li.item:hover {
    background-color:           #F5F5F5;
}
ul.list > li.row-fluid {
    padding:                    8px 0;
}
ul.list > li.item [class*="span"] {
    min-height:                 0;
}
ul.list > li.item > ul.list {
    margin:                     10px 0 0 0;
}
ul.list > li.item > ul.integrated {
    border-bottom-width:        0;
    margin:                     10px -10px -11px 0;
}

ul.list > li.extra,
ul.list > li.header,
ul.list > li.footer {
    background:                 #F5F5F5;
    border-top:                 1px solid #DDDDDD;
    border-bottom:              1px solid #FFFFFF;
    clear:                      both;
    margin:                     0;
    padding:                    6px 10px;
}
ul.list > li.header.row-fluid {
    padding:                    6px 0;
}
ul.list > li.extra:after,
ul.list > li.header:after,
ul.list > li.footer:after {
    clear:                      both;
    content:                    '';
    display:                    block;
}
ul.list > li span,
ul.list > li a,
ul.list > li time {
    font-size:                  12px;
    line-height:                18px;
}
ul.list > li.hidden {
    display:                    none;
}
ul.list > li.selected {
    background:                 #FBF7E9!important;
}






/* List for Parameters */
ul.list div.parameter span {
    font-size:                  13px;
    line-height:                18px;
    margin:                     0 10px;
}
ul.list div.parameter-value span.value {
    font-size:                  15px;
    line-height:                18px;
}
ul.list div.parameter-value span.unit {
    font-size:                  13px;
    line-height:                18px;
}
table.list span.value {
    font-size:                  15px;
    line-height:                18px;
}
table.list span.unit {
    font-size:                  13px;
    line-height:                18px;
    margin-left:                4px;
}



/* Sales */
.sale-location {
    margin:                     40px 0 0 0;
}
.sale-location h1 {
    margin:                     0 10px;
}
.sale-location table.list {
    margin:                     20px 0;
}
.sale-location table.list tbody td.price {
    text-align:                 right;
}
.sale-location table.list tbody td.qty {
    text-align:                 right;
}
.sale-location table.list tbody td.name,
.sale-location table.list thead th.name,
.sale-location table.list tfoot th.name
{
    text-align:                 left;
}
.sale-location table.list thead th.qty,
.sale-location table.list thead th.price {
    text-align:                 center;
}



.item-parameters h1 {
    margin:                     0 10px;
}







/* Pat */
.pat img {
    height: auto;
    width: 100%;
}
.pat p {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.25;
    margin: 20px 0;
    text-align: center;
}
.sidebar .pat-action h1 {
    font-size: 32px;
    letter-spacing: -1px;
    line-height: 1.125;
    margin: 10px 0;
    text-align: center;
}
.sidebar .pat-action p {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.25;
    margin: 20px;
    text-align: center;
}
.sidebar .pat-action form {
    margin: 20px 0;
}
form .antibot.large {
    text-align: center;
}
form .antibot.large input {
    font-size: 32px;
    line-height: 1;
    padding: 5px 8px;
    text-align: left;
    width: auto;
}
form .submit.center {
    text-align: center;
}
form .submit.large .btn {
    background-color:           #f0bc00;
    background:                 -moz-linear-gradient(0deg,  #f0bc00 0%, #f2cb3f 100%);
    background:                 -webkit-gradient(linear, left bottom, left top, color-stop(0%, #f0bc00), color-stop(100%, #f2cb3f));
    background:                 -webkit-linear-gradient(0deg, #f0bc00 0%, #f2cb3f 100%);
    background:                 -o-linear-gradient(0deg, #f0bc00 0%, #f2cb3f 100%);
    background:                 -ms-linear-gradient(0deg, #f0bc00 0%, #f2cb3f 100%);
    background:                 linear-gradient(0deg, #f0bc00 0%, #f2cb3f 100%);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
    padding: 9px 18px;
    text-shadow: 0 1px 1px rgba(0,0,0, 0.5);

}
form .submit.center .btn {
    margin: 0 auto;
}






/* Log */
.log {
    padding: 0 10px;
}
.ch_battle p {
    font-size: 13px;
    line-height: 18px;
    margin: 9px 0;
}
.ch_battle p.system {
    color: #0A4766;
    margin: 5px 0 4px 44px;
}
.ch_battle p.system b {
    font-weight: bold;
    border-bottom: 1px solid #6C91A3;
}
.ch_battle p.system:first-child {
     margin-top: 18px;
 }
.ch_battle p.system + p.chat,
.ch_battle p.system + p.turn,
.ch_battle p.system + p.battleend {
    margin-top: 18px;
}
.ch_battle p.battleend {
    color: #800D0D;
    margin: 5px 0 4px 44px;
}

.ch_battle p.turn {
    color: #3D474D;
}
.ch_battle p.turn {
    margin: 5px 0 4px 0;
    padding: 0 0 0 88px;
    text-indent: -88px;
}
.ch_battle p.turn span.date {
    color: #0F6B99;
}
.ch_battle p.deathreport {
    color: #800D0D;
    margin: 9px 80px 9px 44px;
}

.ch_battle p.chat {
    color: #777777;
    margin: 5px 0 4px 44px;
}
.ch_battle p.chat span.participant {
    color: #777777;
    font-style: italic;
}
.ch_battle p.chat span.observer {
    color: #6C91A3;
    font-style: italic;
}
.ch_battle p.turn + p.chat {
    margin-top: 18px;
}
.ch_battle p.chat + p.turn,
.ch_battle p.deathreport + p.turn {
    margin-top: 18px;
}
.ch_battle p.battlestart {
    color: #0D8030;
    margin: 5px 0 4px 44px;
}
.ch_battle p.battlestart b {
    color: #0D8030;
}
.ch_battle p.battlestart span.date {
    color: #777777;
    font-style: italic;
}
.ch_battle p.chat + p.battlestart,
.ch_battle p.turn + p.battlestart {
    margin-top: 18px;
}
.ch_battle p.battleend + p.deathreport {
    margin-top: 5px;
}



/* Battle Page Layout */
div.ch_team {
    margin-bottom: 60px;
    min-width: 180px;
    width: 18%;
}
.ch_allies {
    float: left;
    margin: 0 2% 0 0;
}
.ch_enemies {
    float: right;
    margin: 0 0 0 2%;
}
.ch_allies ul.ch_team {
    margin-left: 10px;
}
.ch_enemies ul.ch_team {
    margin-right: 10px;
}
.ch_battle {
    float: left;
    margin-bottom: 60px;
    width: 60%;
}






/* Parameters List */
.ch_params {
    list-style: none;
    margin: 0;
    padding: 0;
}
.ch_params > li {
    clear: both;
    display: flex;
    flex-direction: row;
    font-size: 11px;
    line-height: 18px;
}
.ch_params > li:after {
    clear: both;
    content: '';
    display: block;
}
.ch_params > li > span.legend {
    display: inline-block;
    float: none;
    font-size: 11px;
    line-height: 18px;
    margin-right: 10px;
    width: 60px;
}
.ch_params > li > span.long-legend {
    width: 100px;
}
.ch_params > li > span.parameter {
    display: inline-block;
    float: none;
    font-size: 13px;
    line-height: 18px;
}
.ch_params > li > span.parameter > span.value,
.ch_params > li > span.parameter > span.unit {
    display: inline;
    font-size: 13px;
    line-height: 18px;
}




/* Def List */
.ch_def_list {
    list-style: none;
    margin: 10px 0;
    padding: 0;
}
.ch_def_list > li {
    font-size: 11px;
    line-height: 18px;
    padding-left: 20px;
}
.ch_def_list > li > span.legend {
    display: inline;
    float: none;
    font-size: 11px;
    line-height: 18px;
    margin-left: -20px;
}
.ch_def_list > li > span.value,
.ch_def_list > li > a.value {
    font-size: 11px;
    line-height: 18px;
}
.ch_def_list > li > ul.ch_def_value {
    list-style: none;
    margin: 0;
    padding: 0;
}
.ch_def_list > li > ul.ch_def_value > li {
    margin-bottom: 9px;
    line-height: 14px;
}
.ch_def_list > li > ul.ch_def_value span.value,
.ch_def_list > li > ul.ch_def_value a.value {
    font-size: 11px;
    line-height: 14px;
}

/* List */
.ch_list {
    list-style: square;
    margin: 10px 0;
    padding: 0 0 0 10px;
}
.ch_list > li {
    font-size: 11px;
    line-height: 18px;
}




/* Battle Chat */
.ch_battle_chat {
    padding: 20px 10px;
}




/* Field */
.button-field .inner {
    margin: 0 126px 0 6px;
}
.button-field .inner input.fullwidth {
    margin: 0 -6px;
    width: 100%;
}
.button-field input.button {
    float: right;
    margin-right: -126px;
    margin-left: -100%;
    width: 116px;
}
.itext.ch_large {
    font-size: 18px;
    line-height: 24px;
    padding: 4px 5px;
}
input.ch_button,
a.ch_button {
    border-width: 1px;
    background: rgb(255,214,67); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZDY0MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWM2MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgb(255,214,67) 0%, rgb(254,198,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,214,67)), color-stop(100%,rgb(254,198,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgb(255,214,67) 0%,rgb(254,198,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgb(255,214,67) 0%,rgb(254,198,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgb(255,214,67) 0%,rgb(254,198,0) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgb(255,214,67) 0%,rgb(254,198,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd643', endColorstr='#fec600',GradientType=0 ); /* IE6-8 */
    border-color: rgba(0, 0, 0, 0.05) rgba(0, 0, 0, 0.05) rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.05);

    text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.1);
}
input.ch_button:hover,
input.ch_button:active,
a.ch_button:hover,
a.ch_button:active {
    background: rgb(242,200,65); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyYzg0MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmI3MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgb(242,200,65) 0%, rgb(239,183,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(242,200,65)), color-stop(100%,rgb(239,183,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgb(242,200,65) 0%,rgb(239,183,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgb(242,200,65) 0%,rgb(239,183,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgb(242,200,65) 0%,rgb(239,183,0) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgb(242,200,65) 0%,rgb(239,183,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2c841', endColorstr='#efb700',GradientType=0 ); /* IE6-8 */
    border-color: rgba(0, 0, 0, 0.05) rgba(0, 0, 0, 0.05) rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.05);
    text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.2);
}
.ch_button.ch_large {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-size: 16px;
    line-height: 24px;
    padding: 5px 10px 4px 10px;
}




/* Battle Refresh */
.ch_battle_refresh:after {
    clear: both;
    content: '';
    display: block;
}
.ch_battle_refresh div.battle_status {
    float: left;
    left: 0;
    margin: 0 -100% 0 0;
    position: relative;
    width: 75%;
}
.ch_battle_refresh div.refresh {
    float: left;
    left: 75%;
    position: relative;
    width: 25%;
}
.ch_battle_refresh h2 {
    color: rgb(254, 198, 0); /* FEC600 */
    font-size: 22px;
    line-height: 20px;
    text-align: center;
}
.ch_battle_refresh a {
    display: inline-block;
    font-size: 20px;
    line-height: 20px;
    margin: 10px 0 10px 0;
    padding-left: 38px;
    position: relative;
}
.ch_battle_refresh a span.icon {
    display: block;
    height: 32px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: -6px;
    width: 32px;
}
.ch_battle_refresh a span.icon ins {
    background: url('/img/icon-refresh.png') no-repeat 0 0;
    background-size: 100%;
    display: block;
    height: 200%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.ch_battle_refresh a:hover span.icon ins,
.ch_battle_refresh a:active span.icon ins {
    top: -100%;
}




/* Fight Stats */
ul.list li div.user div.ch_user {
    margin: 0 10px;
}
ul.list li div.damage span,
ul.list li div.kills span {
    display: block;
    font-size: 16px;
    font-weight: bold;
    line-height: 18px;
    margin: 5px 10px 7px 10px;
}
ul.list li.header {
    border-top:                 1px solid #FFFFFF;
    border-bottom:              1px solid #DDDDDD;
}
ul.list li.header div.damage span,
ul.list li.header div.kills span {
    font-size: 12px;
    line-height: 18px;
}





/* Parameter */
span.parameter.block {
    display: block;
    margin-top: 10px;
}
span.parameter.block span.value {
    font-size: 18px;
    line-height: 18px;
}
span.parameter.block span.unit {
    font-size: 12px;
    line-height: 18px;
}




a.ch_button {
    background: rgb(255,214,67); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZDY0MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWM2MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgb(255,214,67) 0%, rgb(254,198,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,214,67)), color-stop(100%,rgb(254,198,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgb(255,214,67) 0%,rgb(254,198,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgb(255,214,67) 0%,rgb(254,198,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgb(255,214,67) 0%,rgb(254,198,0) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgb(255,214,67) 0%,rgb(254,198,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd643', endColorstr='#fec600',GradientType=0 ); /* IE6-8 */

    border: 1px solid rgb(254, 206, 37);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: block;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    padding: 8px 6px;
    position: relative;
    text-align: center;
}
a.ch_button:link,
a.ch_button:visited {
    border: 1px solid rgb(254, 206, 37);
    color: #FFFFFF;
    text-decoration: none;
    text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.1);
}
a.ch_button:hover,
a.ch_button:active {
    background: rgb(242,200,65); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyYzg0MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmI3MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgb(242,200,65) 0%, rgb(239,183,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(242,200,65)), color-stop(100%,rgb(239,183,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgb(242,200,65) 0%,rgb(239,183,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgb(242,200,65) 0%,rgb(239,183,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgb(242,200,65) 0%,rgb(239,183,0) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgb(242,200,65) 0%,rgb(239,183,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2c841', endColorstr='#efb700',GradientType=0 ); /* IE6-8 */

    border: 1px solid rgb(217, 170, 0);
    color: #FFFFFF;
    text-decoration: none;
    text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.2);
}
a.ch_button:focus {
    top: 1px;
}
a.ch_button.fullwidth {
    width: 100%;
}
input.ch_button {

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: rgb(255,255,255);
    padding: 4px 8px;
}

/* Object Build */
ul.object-build div.button-container {
    margin: 0 7px 0 57px;
}
ul.object-build div.button-container .ch_button {
    margin: 3px -7px;
}
ul.object-build .ch_button {
    font-size: 14px;
    line-height: 18px;
}

ul.object-build .ch_object_title,
ul.object-build .ch_object_product_title
{
    line-height: 16px;
}
ul.object-build .ch_object_title h2 {
    font-size: 16px;
    line-height: 20px;
    margin: 10px 40px 10px 0;
}
ul.object-build .ch_object_product_title span {
    display: block;
    font-size: 12px;
    line-height: 16px;
    margin-top: 13px;
    margin-right: 30px;
}
ul.object-build .ch_object_parameter span.parameter {
    text-align: right;
    white-space: nowrap;
}
ul.object-build li.header .ch_object_production_rate span.title {
    display: block;
    margin: 0 -10px 0 -10px;
    text-align: center;
}
ul.object-build .ch_object_production_rate span.parameter {
    margin-left: -10px;
}
ul.object-build li.header .ch_object_building_period span.title {
    display: block;
    margin: 0 -30px 0 10px;
    text-align: center;
}
ul.object-build .ch_object_building_period span.parameter {
    margin-right: -20px;
}
ul.object-build .ch_object_parameter span.parameter span.value {
    font-size: 16px;
    line-height: 20px;
    margin: 10px 0 0 0;

}
ul.object-build .ch_object_parameter span.parameter span.unit {
    line-height: 14px;
    margin: 0;
}
ul.object-build li.header .ch_object_license_price span.title {
    display: block;
    margin: 0 -50px 0 30px;
    text-align: center;
}
ul.object-build .ch_object_license_price span.parameter {
    margin-right: -50px;
}


ul.object-build .ch_object_product_title strong {
    font-size: 12px;
    line-height: 18px;
    margin: 0 0 0 20px;
}
ul.object-build .ch_object_product_title ul.ch_object_properties {
    list-style: square;
    margin: 0 0 0 20px;
}
ul.object-build .ch_object_product_title ul.ch_object_properties li {
    font-size: 11px;
    line-height: 14px;
    margin: 5px 0 4px 0;
    padding: 0;
}

/* Heading */
h1.ch_title,
header h1.ch_title {
	color: rgb(254,198,0);
    font-size: 26px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 32px;
    max-width: 100%;
}

.ch_title h1 + h2 {
    color: rgb(203,161,55);
    font-size: 20px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 1;
    margin: 0 0 12px 0;
}

header .ch_section-nav {

}
header .ch_section-nav ul.ch_nav-group {
    float: right;
    margin-top: 17px;
}
header .ch_section-nav ul.ch_nav-group:after {
    clear: both;
    content: '';
    display: block;
}
header .ch_section-nav ul.ch_nav-group li {
    float: left;
    margin: 0 0 0 16px;
}
header .ch_section-nav ul.ch_nav-group li.ch_choice {
    margin-left: 8px;
}
header .ch_section-nav ul.ch_nav-group li.ch_choice + li {
    margin-left: 8px;
}

header .ch_section-nav ul.ch_nav-group li.ch_choice span {
    font-size: 12px;
    line-height: 22px;
}
header .ch_section-nav ul.ch_nav-group li a {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    font-size: 16px;
    line-height: 20px;
    text-decoration: none;
}
header .ch_section-nav ul.ch_nav-group li a:link,
header .ch_section-nav ul.ch_nav-group li a:visited {
    border-color: rgb(104, 166, 206);
    color: rgb(12, 131, 189);
}

header .ch_section-nav ul.ch_nav-group li a.cta {
    margin: -10px 0;
}
header .ch_section-nav ul.ch_nav-group li a.cta:link,
header .ch_section-nav ul.ch_nav-group li a.cta:visited {
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    color: rgb(255,255,255);
}
header .ch_section-nav ul.ch_nav-group li a:hover,
header .ch_section-nav ul.ch_nav-group li a:active {
    border-color: rgb(103, 138, 162);
    color: rgb(8, 87, 125);
}

header .ch_section-nav ul.ch_nav-group li a.cta:hover,
header .ch_section-nav ul.ch_nav-group li a.cta:active {
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: rgb(255, 255, 255);
}
header h1.ch_title {
    margin: 0;
    max-width: 100%;
}


header.ch_title h1.ch_title {
    font-size: 32px;
    font-weight: bold;
    line-height: 48px;
}
header.ch_title div.breadcrumbs {
    margin: 0;
    padding: 0;
}





/* CTA */
.cta {
    background: rgb(255,207,51);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmY2YzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmN2JmMDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgb(255,207,51) 0%, rgb(247,191,7) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(255,207,51)), color-stop(100%, rgb(247,191,7)));
    background: -webkit-linear-gradient(top, rgb(255,207,51) 0%, rgb(247,191,7) 100%);
    background: -o-linear-gradient(top, rgb(255,207,51) 0%, rgb(247,191,7) 100%);
    background: -ms-linear-gradient(top, rgb(255,207,51) 0%, rgb(247,191,7) 100%);
    background: linear-gradient(to bottom, rgb(255,207,51) 0%, rgb(247,191,7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcf33', endColorstr='#f7bf07',GradientType=0 );

    border-color: rgba(0,0,0,0.075) rgba(0,0,0,0.075) rgba(0,0,0,0.125);
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow:  inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);
    box-shadow:  inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);
    display: inline-block;
    font-size: 18px;
    line-height: 20px;
    padding: 8px 16px;
    text-decoration: none;
    text-shadow: 1px 1px 0px rgba(0,0,0,0.25);
}
.cta:link,
.cta:visited {
    color: rgb(255,255,255);
}
.cta:hover,
.cta:active {
    background: rgb(248,202,54);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4Y2EzNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMGJhMTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgb(248,202,54) 0%, rgb(240,186,25) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(248,202,54)), color-stop(100%, rgb(240,186,25)));
    background: -webkit-linear-gradient(top,  rgb(248,202,54) 0%, rgb(240,186,25) 100%);
    background: -o-linear-gradient(top, rgb(248,202,54) 0%, rgb(240,186,25) 100%);
    background: -ms-linear-gradient(top, rgb(248,202,54) 0%, rgb(240,186,25) 100%);
    background: linear-gradient(to bottom, rgb(248,202,54) 0%, rgb(240,186,25) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ca36', endColorstr='#f0ba19',GradientType=0 );
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.15);
    color: rgb(255,255,255);
}




/* Blog Posts */
ul.ch_posts {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.ch_posts > li {
    border-top: 1px solid rgb(237,237,237);
    border-bottom: 1px solid rgb(255,255,255);
    margin: 0;
    padding: 0 20px;
}

ul.ch_posts li article h1 {
    color: rgb(12,131,189);
    font-size: 20px;
    line-height: 28px;
    margin: 14px 0 0 0;
    max-width: 100%;
}
ul.ch_posts li article h1 a {
    border-bottom-style: solid;
    border-bottom-width: 1px;
}
ul.ch_posts li article h1 a:link,
ul.ch_posts li article h1 a:visited {
    border-bottom-color: rgb(104,166,206);
    color: rgb(12,131,189);
}
ul.ch_posts li article h1 a:hover,
ul.ch_posts li article h1 a:active {
    border-bottom-color: rgb(103,138,162);
    color: rgb(8,87,125);
}
ul.ch_posts li article p {
    color: rgb(48,48,48);
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 20px 0;
}
ul.ch_posts li article img {
    margin: 20px auto;
    max-width: 100%;
}
ul.ch_posts li article div.tags {
    border-top: 1px solid rgb(244,244,244);
    padding: 10px 0 0 64px;
}



/* User */
.ch_user {
    height: 20px;
    margin: 10px 0;
    padding: 5px 0 7px 40px;
}
.ch_user.large {
    height: 20px;
    margin: 10px 0;
    padding: 16px 0 12px 64px;
}
.ch_user.small {
    height: 20px;
    padding: 3px 0 3px 32px;
}
.ch_user img {
    border: 1px solid #ededed;
    border-radius: 500px;
    box-shadow: 0 0 5px -2px rgba(0, 0, 0, 0.1);
    float: left;
    height: 32px;
    margin: -6px -100% -8px -40px;
    max-width: 32px;
    width: 32px;
}
.ch_user.large img {
    height: 48px;
    margin: -14px -100% -14px -64px;
    max-width: 48px;
    width: 48px;
}
.ch_user.small img {
    height: 24px;
    margin: -3px -100% -3px -32px;
    width: 24px;
}

.ch_user a {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    font-size: 12px;
    line-height: 20px;
    text-decoration: none;
}
.ch_user a:link,
.ch_user a:visited {
    border-bottom-color: rgb(104,166,206);
    color: rgb(12,131,189);
}
.ch_user a:hover,
.ch_user a:active {
    border-bottom-color: rgb(103,138,162);
    color: rgb(8,87,125);
}
.ch_user span.level {
    margin: 0 0 0 4px;
}
.ch_user.large a {
    font-size: 16px;
    line-height: 20px;
}
.ch_user.small a {
    font-size: 12px;
    line-height: 14px;
}




/* Meta */
.ch_post div.meta {
    margin: 0 0 20px 0;
}
.ch_comment div.meta {
    margin: 0;
}
.ch_post div.meta:after,
.ch_comment div.meta:after {
    clear: both;
    content: '';
    display: block;
}
.ch_post div.meta .ch_user,
.ch_post-comments article.ch_comment div.meta .ch_user {
    float: left;
}
.ch_post div.meta ul.ch_meta,
.ch_post div.meta ul.ch_extended-menu {
    float: right;
    height: 20px;
    margin: 27px 0 26px 0;
}
.ch_post div.meta ul.ch_extended-menu {
    margin-left: 20px;
}
.ch_post-comments article.ch_comment div.meta ul.ch_extended-menu,
.ch_post-comments article.ch_comment div.meta ul.ch_meta {
    font-size: 12px;
    height: 20px;
    margin: 16px 0 16px 20px;
}
.ch_post-comments article.ch_comment div.meta ul.ch_extended-menu {
    float: right;
}
.ch_post div.meta ul.ch_meta-following,
.ch_post-comments article.ch_comment div.meta ul.ch_meta-following {
    float: left;
}
.ch_post div.meta ul.ch_meta li {
    float: left;
    font-size: 13px;
    line-height: 20px;
    margin: 0 0 0 20px;
}

.ch_post div.meta ul.ch_meta li.tags {
    clear: left;
}

div.social div {
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    float:left;
}

div.social div.fb-like {
    margin-right: 10px;
}




.ch_post div.meta ul.ch_extended-menu li {
    float: left;
    font-size: 11px;
    line-height: 20px;
    margin: 0 0 0 10px;
}




article.ch_post p {
    color: rgb(48,48,48);
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 20px 0;
}



section.ch_post-comments {
    border-top: 1px solid rgb(237,237,237);
}
section.ch_post-comments h1 {
    color: rgb(128,128,128);
    font-size: 24px;
    letter-spacing: -1px;
    line-height: 32px;
    margin: 24px 0 0 0;
    max-width: 100%;
}
ul.ch_post-comments {
    margin: 0;
}
ul.ch_post-comments > li {
    border-top: 1px solid rgb(237,237,237);
    border-bottom: 1px solid rgb(255,255,255);
    margin: 0;
    padding: 0 20px;
}
ul.ch_post-comments > li:first-child {
    border-top-width: 0;
}
ul.ch_post-comments article.ch_comment p {
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 18px 0;
}

.ch_police-form {
    margin: 40px 0;
}

div.tab-nav {
    padding: 36px 0;
}
ul.tab-nav {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.tab-nav li {
    margin-right: -9.0908990082%;
    width: 109.09089900828%;
}
ul.tab-nav li a {
    display: block;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    padding: 8px 20px 8px 20px;
    text-decoration: none;
}
ul.tab-nav li.active a {
    background: rgb(240,237,223);
    -webkit-border-radius: 3px 0 0 3px;
    moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}
div.tab-content {
    background: rgb(240,237,223);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    min-height: 232px;
}

/* Section Clone Users */
section.ch_clone-users {
    background: rgb(250,250,250);
    margin: 20px 0;
    padding: 20px;
}
section.ch_clone-users h1,
section.ch_clone-users h2 {
    color: rgb(119,119,119);
}
section.ch_clone-users ul.ch_user-list {
    list-style: none;
    margin: 20px 0 20px 20px;
    padding: 0;
}
section.ch_clone-users ul.ch_user-list li {
    float: left;
    margin-right: 2%;
    width: 23%;
}
section.ch_clone-users ul.ch_user-list:after {
    clear: both;
    content: '';
    display: block;
}
section.ch_clone-users ul.ch_user-list li .ch_user {
    margin: 0;
}
table.ch_clonefinder-logins thead tr th {
    text-align: left;
}

/* Lottery */
.lottery {
    margin: 20px 0;
}
.lottery .message {
    background: rgb(246,191,23);
    border-width: 0;
    padding: 20px;
}
.lottery .message p {
    color: rgb(255,255,255);
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
}
.lottery .message p a {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    text-decoration: none;
}
.lottery .message p a:link,
.lottery .message p a:visited {
    border-bottom-color: rgb(253,240,214);
    color: rgb(255,255,255);
}
.lottery .message p a:hover,
.lottery .message p a:active {
    border-bottom-color: rgb(255,255,255);
    color: rgb(255,255,255);
}





/* Object */
.ch_object {
    margin: 10px 0;
    padding: 5px 0 7px 40px;
}
.ch_object img {
    border: 1px solid #ededed;
    border-radius: 500px;
    box-shadow: 0 0 5px -2px rgba(0, 0, 0, 0.1);
    float: left;
    height: 32px;
    margin: -6px -100% -8px -40px;
    max-width: 32px;
    width: 32px;
}
.ch_object a {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    font-size: 12px;
    line-height: 20px;
    text-decoration: none;
}
.ch_object a:link,
.ch_object a:visited {
    border-bottom-color: #68a6ce;
    color: #0c83bd;
}
.ch_object a:hover,
.ch_object a:active {
    border-bottom-color: #678aa2;
    color: #08577d;
}
.ch_object a.title {
    font-size: 16px;
    line-height: 22px;
}
.ch_object span.type {
    margin-top: 6px;
}
.ch_object span.type,
.ch_object span.location {
    display: block;
    font-size: 12px;
    line-height: 16px;
}


.ch_lottery_purchase {
    padding: 30px 30px 20px 30px;
}
.ch_lottery_purchase form {
    margin: 0;
}



.ch_lottery_info,
.ch_recent_lottery_info {
    padding: 0 10px;
}
.ch_lottery_info:after,
.ch_recent_lottery_info:after {
    clear: both;
    content: '';
    display: block;
}
.ch_lottery_info dl,
.ch_recent_lottery_info dl {
    margin: 0;
    padding: 0;
}
.ch_lottery_info dl:after,
.ch_recent_lottery_info dl:after{
    clear: both;
    content: '';
    display: block;
}
.ch_lottery_info dt,
.ch_recent_lottery_info dt {
    display: block;
    clear: both;
    float: left;
    margin: 10px 20px 0 0;
    width: 160px;
}
.ch_lottery_info dd,
.ch_recent_lottery_info dd {
    display: block;
    float: left;
    margin: 10px 0 0 0;
    width: 412px;
}
.ch_lottery_info dt span,
.ch_recent_lottery_info dt span {
    display: block;
    font-size: 13px;
    font-weight: normal;
    line-height: 18px;
}
.ch_lottery_info dt span.promo,
.ch_recent_lottery_info dt span.promo {
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    margin-top: 15px;
}
.ch_lottery_info dd .ch_object,
.ch_recent_lottery_info .ch_object {
    padding-left: 0;
}
.ch_lottery_info dd span.value,
.ch_recent_lottery_info dd span.value {
    font-size: 18px;
}
.ch_lottery_info dd span,
.ch_recent_lottery_info dd span {
    display: block;
    font-size: 16px;
    font-weight: normal;
    line-height: 18px;
}
.ch_lottery_info dd a {
    font-size: 12px;
    line-height: 18px;
}
.ch_recent_lottery_info dd .ch_user.large {
    padding: 6px 0 22px 64px;
}
.ch_recent_lottery_info dd .ch_user.large img {
    margin: -4px -100% -24px -64px;
}





.ch_lottery_info_panel {
    background: rgb(254,240,191);
    margin-top: 48px;
    padding: 25px 20px 16px 20px;
}
.ch_lottery_info_panel p.ch_message {
    color: rgb(12,131,189);
    font-size: 18px;
    font-weight: bold;
    line-height: 22px;
    margin: 0 0 22px 0;
    text-align: center;
}



.ch_lottery_info_panel .ch_params > li {
    border-bottom: 1px solid rgba(246,191,23, 0.75);
    padding: 8px 0 6px 0;
}
.ch_lottery_info_panel .ch_params > li:last-child {
    border-bottom-width: 0;
}
.ch_lottery_info_panel .ch_params > li > span.long-legend {
    margin-top: 2px;
    margin-right: 20px;
    width: 140px;
}
.ch_lottery_info_panel .ch_params > li > span.legend {
    font-size: 14px;
    line-height: 18px;
}
.ch_lottery_info_panel .ch_params > li > span.parameter {
    text-align: right;
}
.ch_lottery_info_panel .ch_params > li > span.parameter > span.value {
    font-size: 18px;
    line-height: 18px;
}
.ch_lottery_info_panel .ch_params > li > span.parameter > span.unit {
    font-size: 12px;
    line-height: 18px;
}




.ch_footer_actionlink {
    text-align: right;
}
.ch_footer_actionlink a {
    font-size: 12px;
    line-height: 18px;
}



ul.ch_cloud_list {
    margin: 20px 0;
    padding: 0;
}
ul.ch_cloud_list:after {
    clear: both;
    content: '';
    display: block;
}
ul.ch_cloud_list li {
    float: left;
    margin: 0 32px 0 0;
}

/* Pagination */
div.ch_pagination {
    border-top: 1px solid #EDEDED;
    margin: 10px 0 0 0;
    padding: 20px 0;
}
div.ch_pagination ul {
    margin: 0;
    padding: 0;
    text-align: center;
}
div.ch_pagination ul li {
    display: inline-block;
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;
    margin: 0 5px;
}
div.ch_pagination ul li a {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding: 3px 6px;
    text-decoration: none;
}
div.ch_pagination ul li a:link,
div.ch_pagination ul li a:visited {
    border-bottom-color:            #68a6ce;
    color:                          #0c83bd;
}
div.ch_pagination ul li a:hover,
div.ch_pagination ul li a:active {
    border-bottom-color:            #678aa2;
    color:                          #08577d;
}
div.ch_pagination ul li.current span {
    background: rgb(8,87,125); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA4NTc3ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYzgzYmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgb(8,87,125) 0%, rgb(12,131,189) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(8,87,125)), color-stop(100%,rgb(12,131,189))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgb(8,87,125) 0%,rgb(12,131,189) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgb(8,87,125) 0%,rgb(12,131,189) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgb(8,87,125) 0%,rgb(12,131,189) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgb(8,87,125) 0%,rgb(12,131,189) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#08577d', endColorstr='#0c83bd',GradientType=0 ); /* IE6-8 */
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #FFFFFF;
    display: inline-block;
    padding: 3px 10px;
}





/* Meta */
ul.ch_meta:after {
    clear: both;
    content: '';
    display: block;
}
ul.ch_meta li {
    float: left;
}
ul.ch_meta li.date {
    padding: 15px 20px 17px 0;
}
ul.ch_meta li.date span {
    font-size: 12px;
    line-height: 20px;
}
ul.ch_meta li.date.large {

}



/* News List */
ul.ch_news_list {
    margin: 0;
    padding: 0;
}
ul.ch_news_list > li {
    border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid #EDEDED;
    margin: 0;
    padding: 0 20px;
}
ul.ch_news_list li article h1 {
    color: #0C83BD;
    font-size: 20px;
    line-height: 28px;
    margin: 14px 0 0;
    max-width: 100%;
}
ul.ch_news_list li article h1 a {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    text-decoration: none;
}
ul.ch_news_list li article h1 a:link,
ul.ch_news_list li article h1 a:visited {
    border-bottom-color:            #68a6ce;
    color:                          #0c83bd;
}
ul.ch_news_list li article h1 a:hover,
ul.ch_news_list li article h1 a:active {
    border-bottom-color:            #678aa2;
    color:                          #08577d;
}
ul.ch_news_list ul.ch_meta:after {
    clear: both;
    content: '';
    display: block;
}
ul.ch_news_list ul.ch_meta li {
    float: left;
}
ul.ch_news_list ul.ch_meta li.date {
    padding: 15px 20px 17px 0;
}
ul.ch_news_list ul.ch_meta li.date span {
    font-size: 12px;
    line-height: 20px;
}
ul.ch_news_list li article p {
    font-size: 16px;
    line-height: 22px;
    max-width: 45em;
}








/* Breadcrumbs */
.breadcrumbs {
    padding:                    10px 0;
}
.breadcrumbs span {
    margin-left:                10px;
}
.breadcrumbs span {
    font-size:                  12px;
    line-height:                18px;
}
.breadcrumbs a {
    border-bottom-style:        solid;
    border-bottom-width:        1px;
    font-weight:                normal;
    text-decoration:            none;
}
.breadcrumbs a:link,
.breadcrumbs a:visited {
    border-bottom-color:        #6AA7CF;
    color:                      #0C83BD;
}
.breadcrumbs a:hover,
.breadcrumbs a:active {
    border-bottom-color:        #687A86;
    color:                      #05364D;
}




/* News Article */
article.ch_news p {
    font-size: 16px;
    line-height: 22px;
    max-width: 45em;
}

/* Fights List */
.ch_fights_list {
    border-top: 1px solid #EDEDED;
    margin: 10px 0 0 0;
}
.ch_fights_list li {
    border-bottom: 1px solid #EDEDED;
    clear: both;
    padding: 0 10px;
}
.ch_fights_list li:after {
    clear: both;
    content: '';
    display: block;
}
.ch_fights_list .ch_user.large {
    height: 48px;
    padding-top: 6px;
    padding-bottom: 10px;

}
.ch_fights_list .ch_user.large img {
    margin: 0 -100% 0 -64px;
}
.ch_fights_list .ch_user.large span.details {
    font-size: 11px;
    line-height: 14px;
    margin-top: 4px;
}
.ch_fights_list .ch_user.large span.details + span.details {
    margin-top: 0;
}

.ch_fights_list .ch_user_container {
    float: left;
    width: 50%;
}
.ch_fights_list .ch_fight_levels,
.ch_fights_list .ch_fight_bet {
    float: left;
    padding: 24px 0;
    width: 17.5%;
}
.ch_fights_list .ch_fight_accept {
    float: left;
    padding: 24px 0;
    width: 15%;
}
.ch_fights_list .ch_fight_accept a {
    float: right;
}
.ch_fights_list .ch_fight_levels span.parameter,
.ch_fights_list .ch_fight_bet span.parameter {
    display: block;
    margin: 0 10px;
}
.ch_fights_list .ch_fight_levels span.parameter span.value,
.ch_fights_list .ch_fight_bet span.parameter span.value {
    font-size: 22px;
    letter-spacing: -1.5px;
    line-height: 32px;
}
.ch_fights_list .ch_fight_levels span.parameter span.delimeter {
    font-size: 14px;
}
.ch_fights_list .ch_fight_bet span.parameter span.unit {
    font-size: 16px;
    line-height: 32px;
}
.ch_fights_list li.header .ch_fight_levels {
    padding: 12px 0 6px 0;
    position: relative;
    margin-left: 50%;
}
.ch_fights_list li.header .ch_fight_bet {
    padding: 12px 0 6px 0;
    position: relative;
}
.ch_fights_list li.header .ch_fight_levels span,
.ch_fights_list li.header .ch_fight_bet span {
    display: block;
    font-size: 12px;
    line-height: 18px;
    margin: 0 10px;
}






/* Form */
.ch_form {
    -moz-border-radius:         5px;
    -webkit-border-radius:      5px;
    border-radius:              5px;
    background:                 #f0eddf;
    margin:                     20px 0;
    padding:                    30px 0;
}
.ch_form header {
    margin:                     0 30px;
}
.ch_form header > h1 {
    margin:                     0;
}
.ch_form form {
    margin:                     0 30px;
}
.ch_form .ch_field,
.ch_form .ch_field_group,
.ch_form .ch_item,
.ch_form .ch_hint {
    margin: 10px 0;
}
.ch_form .field .ch_field_group {
    margin: 0;
}
.ch_form .ch_field .inner {
    margin: 0 6px;
}
.ch_form .ch_field.inline .inner {
    margin: 0 6px 0 186px;
}
.ch_form .submit {
    text-align: center;
}
.ch_field_group:after {
    clear: both;
    content: '';
    display: block;
}
.ch_field_group.inline .field {
    clear: none;
    margin: 0;
}

.ch_form .ch_hint {
    text-align: center;
}
.ch_form .ch_hint span {
    font-size: 14px;
    line-height: 20px;
    text-align: center;
}
.ch_form .ch_cta.large {
    font-size: 16px;
    height: 34px;
    padding: 6px 20px;
}



/* Totalizator Forms */
.ch_totalizator_create:after {
    clear: both;
    content: '';
    display: block;
}
.ch_totalizator_bet {
    clear: none;
    float: left;
    width: 20%;
}
.ch_totalizator_levels {
    clear: none;
    float: left;
    width: 45%;
}
.ch_totalizator_levels .field {
    float: left;
    width: 45%;
}
.ch_totalizator_action {
    clear: none;
    float: left;
    width: 35%;
}
.floated-label label {
    float: left;
    width: auto;
}
.floated-label .inner {
    float: left;
    margin: 0 10px;
}
.floated-label label.large-input {
    line-height: 40px;
}
.floated-label.inline label {
   margin: 0 6px -4px 0;
}
.ch_totalizator_action .ch_button {
    color: #FFFFFF;
    float: right;
    height: 36px;
    margin-top: 32px;
    padding-left: 20px;
    padding-right: 20px;
}





/* Message Options */
ul.ch_message_options {
    float: right;
    margin: 0 40px 0 0;
}
ul.ch_message_options li {
    float: left;
}
ul.ch_message_options li a {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    text-decoration: none;
}
ul.ch_message_options li a:link,
ul.ch_message_options li a:visited {
    border-bottom-color: #68a6ce;
    color: #0c83bd;
}
ul.ch_message_options li a:hover,
ul.ch_message_options li a:active {
    border-bottom-color: #678aa2;
    color: #08577d;
}







/* Sidebar Nav */
div.ch_sidebar_nav {
    margin: 20px 0;
    padding: 34px 20px 20px 20px;
}
ul.ch_sidebar_nav {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.ch_sidebar_nav li {
    margin: 2px 0;
    padding: 0;
}
ul.ch_sidebar_nav li a {
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    line-height: 21px;
    margin: 0 26px 0 16px;
    padding: 5px 0 5px 0;
    text-decoration: none;
}
ul.ch_sidebar_nav li a span {
    border-bottom-style: solid;
    border-bottom-width: 1px;
}
ul.ch_sidebar_nav li a:link span,
ul.ch_sidebar_nav li a:visited span {
    border-bottom-color: #68a6ce;
    color: #0c83bd;
}
ul.ch_sidebar_nav li a:hover span,
ul.ch_sidebar_nav li a:active span {
    border-bottom-color: #678aa2;
    color: #08577d;
}
ul.ch_sidebar_nav li a.current {
    background: rgb(8,87,125); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA4NTc3ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYzgzYmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgb(8,87,125) 0%, rgb(12,131,189) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(8,87,125)), color-stop(100%,rgb(12,131,189))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgb(8,87,125) 0%,rgb(12,131,189) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgb(8,87,125) 0%,rgb(12,131,189) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgb(8,87,125) 0%,rgb(12,131,189) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgb(8,87,125) 0%,rgb(12,131,189) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#08577d', endColorstr='#0c83bd',GradientType=0 ); /* IE6-8 */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 0;
    padding: 5px 26px 5px 16px;
}
ul.ch_sidebar_nav li a.current:link,
ul.ch_sidebar_nav li a.current:visited,
ul.ch_sidebar_nav li a.current:hover,
ul.ch_sidebar_nav li a.current:active {
    border-width: 0;
    color: rgb(255,255,255);
}
ul.ch_sidebar_nav li a.current:link span,
ul.ch_sidebar_nav li a.current:visited span,
ul.ch_sidebar_nav li a.current:hover span,
ul.ch_sidebar_nav li a.current:active span {
    border-width: 0;
    color: rgb(255,255,255);
}
ul.ch_sidebar_nav li a span.badge {
    background: rgb(255,207,51);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmY2YzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmN2JmMDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgb(255,207,51) 0%, rgb(247,191,7) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(255,207,51)), color-stop(100%, rgb(247,191,7)));
    background: -webkit-linear-gradient(top, rgb(255,207,51) 0%, rgb(247,191,7) 100%);
    background: -o-linear-gradient(top, rgb(255,207,51) 0%, rgb(247,191,7) 100%);
    background: -ms-linear-gradient(top, rgb(255,207,51) 0%, rgb(247,191,7) 100%);
    background: linear-gradient(to bottom, rgb(255,207,51) 0%, rgb(247,191,7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcf33', endColorstr='#f7bf07',GradientType=0 );
    border-color: rgba(0,0,0,0.075) rgba(0,0,0,0.075) rgba(0,0,0,0.125);
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    border-radius: 11px;
    border-bottom-width: 0;
    float: right;
    font-size: 12px;
    font-weight: bold;
    line-height: 12px;
    margin-left: 10px;
    padding: 5px 6px 4px 6px;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25);
    top: 0;
}
ul.ch_sidebar_nav li a:link span.badge,
ul.ch_sidebar_nav li a:visited span.badge {
    color: #FFFFFF;
}
ul.ch_sidebar_nav li a:hover span.badge,
ul.ch_sidebar_nav li a:active span.badge {
    color: #FFFFFF;
}
ul.ch_sidebar_nav li a.current:link span.badge,
ul.ch_sidebar_nav li a.current:visited span.badge,
ul.ch_sidebar_nav li a.current:hover span.badge,
ul.ch_sidebar_nav li a.current:active span.badge {
    background: rgb(255,255,255);
    color: #0c83bd;
    text-shadow: none;
}



ul.ch_sidebar_subnav {
    margin: 0 0 0 20px;
}
ul.ch_sidebar_subnav li {
    margin: 2px 0;
}
ul.ch_sidebar_subnav li a {
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    line-height: 21px;
    margin: 0 26px 0 16px;
    padding: 5px 0;
    text-decoration: none;
}
ul.ch_sidebar_subnav li a.current {
    margin: 0;
    padding: 5px 26px 5px 16px;
}






/* Sidebar Info Block */
.ch_side_info_block {
    background: #fef5e4;
    padding: 20px;
}
.ch_side_info_block h1 {
    font-size: 22px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 24px;
    padding: 0 10px;
}




/* Totalizator Parameters */
.ch_totalizator_params {
    background-color: #fffaf0;
    border-top: 1px solid #fdeecf;
    margin: 10px 0 0 0;
}
.ch_totalizator_params:after {
    clear: both;
    content: '';
    display: block;
}
.ch_totalizator_params .parameters-block {
    float: left;
    padding: 10px 3.7593985%;
    width: 25.8145363%;
}
.ch_stats_list {
    border-top: 1px solid #fdeecf;
    margin: 0;
}
.ch_stats_list li {
    border-bottom: 1px solid #fdeecf;
}
.ch_stats_list li:nth-child(even) {
    background-color: #fffaf0;
}
.ch_stats_list li:after {
    clear: both;
    content: '';
    display: block;
}
.ch_stats_list li .parameters-block {
    padding: 10px 0 2px 0;
}
.ch_stats_list li .parameters-block.inline:after {
    clear: both;
    content: '';
    display: block;
}
.ch_stats_list li .parameters-block.inline span.legend {
    float: left;
    line-height: 20px;
    padding: 0 3.75939849624%;
    width: 42.4812030075%;
}
.ch_stats_list li .parameters-block.inline span.parameter {
    float: left;
    padding: 0 3.75939849624% 0 0;
    width: 46.2406015038%;
}






/* Recent Fights */
.ch_recent_fights_list {
    border-top: 1px solid #EDEDED;
    margin: 10px 0 0 0;
}
.ch_recent_fights_list li {
    border-bottom: 1px solid #EDEDED;
    clear: both;
    padding: 0;
}
.ch_recent_fights_list li:after {
    clear: both;
    content: '';
    display: block;
}
.ch_recent_fights_list .ch_date {
    float: left;
    padding: 15px 1.579778830963665% 17px 1.579778830963665%;
    width: 17.377567140600316%;
}
.ch_recent_fights_list .ch_bet {
    float: left;
    padding: 15px 1.579778830963665% 17px 3.15955766192733%;
    width: 11.058451816745656%;
}
.ch_recent_fights_list .ch_bet span.value {
    font-size: 18px;
    line-height: 16px;
}
.ch_recent_fights_list .ch_bet span.unit {
    font-size: 13px;
    line-height: 16px;
}
.ch_recent_fights_list .ch_user_container {
    float: left;
    padding: 0 1.579778830963665%;
    width: 28.436018957345972%;
}
.ch_recent_fights_list .ch_user_container .ch_user {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 4px 0;
    padding: 11px 8px 13px 48px;
}
.ch_recent_fights_list .ch_user_container .ch_user.looser {
    background-color: #f7e3da;
}
.ch_recent_fights_list .ch_user_container .ch_user.winner {
    background-color: #f1f7e7;
}

/* Form stuff */
.block label.large,
.inline label.large {
    font-size: 16px;
    line-height: 20px;
}
form label span.hint {
    background: transparent;
    border-width: 0;
    box-shadow: none;
    color: rgb(119,121,124);
    display: block;
    font-size: 12px;
    line-height: 16px;
    margin: 0;
    padding: 0;
}
.field.error {
    background: none;
}
.error label {
    background: none;
    color: rgb(179,50,51);
}
.error label span.hint {
    color: rgb(220,90,90);
}
.field.error input[type=text],
.field.error input.itext,
.field.error select {
    background-color: rgb(250,231,231);
    border-color: rgb(230,137,137);
}

ul.errors {
    list-style: square;
    margin: 4px 0;
    padding: 0 0 0 16px;
}
ul.errors li {
    color: rgb(220,90,90);
    font-size: 12px;
    line-height: 16px;
}



/* Form Error Message */
form div.error-message {
    background-color: rgb(245,208,208);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05) inset;
    margin: 0 -20% 20px -20%;
    padding: 20px 20% 20px 20%;
}
form div.error-message p {
    color: rgb(179,50,51);
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    margin: 0;
    max-width: 400px;
}



.side-block ul li {
    font-size: 12px;
    line-height: 16px;
    margin: 2px 0;
}

/* Clubs List */
ul.clubs-list {
    border-bottom: 1px solid #DDDDDD;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
ul.clubs-list > li {
    border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid #DDDDDD;
    clear: both;
    margin: 0;
    padding: 0;
}
ul.clubs-list > li:after {
    clear: both;
    content: "";
    display: block;
}
ul.clubs-list > li:nth-child(2n) {
    background: none repeat scroll 0 0 #FFFFFF;
}
ul.clubs-list > li:nth-child(2n+1) {
    background: none repeat scroll 0 0 #FAFAFA;
}
ul.clubs-list > li:hover {
    background-color: #F5F5F5;
}

ul.clubs-list li div.count {
    float: left;
    padding: 10px 0;
    width: 10%;
}
ul.clubs-list li div.count span {
    color: #777777;
    font-size: 18px;
    font-weight: bold;
    margin: 10px 20px;
}
ul.clubs-list li div.club {
    float: left;
    padding: 10px 0;
    width: 70%;
}
ul.clubs-list li div.action {
    float: left;
    padding: 10px 0;
    width: 20%;
}
ul.clubs-list li div.action ul.action-options {
    float: right;
    margin: 0 20px;
}








/* Chat */
.ch_chat_userlist {
    background: none repeat scroll 0 0 #FEF6E5;
}
.ch_chat_userlist header {
    padding: 20px 20px 10px 20px;
}
.ch_chat_userlist h1 {
    color: #F6BF17;
    font-size: 28px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 1;
    margin: 0;
    padding: 0;
}
.ch_chat_userlist {
    height: 200px;
    padding: 0;
}
.ch_chat_userlist header ul.context-menu {
    margin: 0;
}
.ch_chat_userlist header ul.context-menu a.ch_button {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: rgb(255,255,255);
    font-weight: normal;
    padding: 4px 8px;
}
.ch_chat_userlist .userlist {
    overflow-y: auto;
}
.ch_chat_userlist .userlist ul {
    margin: 10px 20px;
}
.ch_chat_userlist .userlist ul li.user {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 2px -10px;
    padding: 5px 90px 5px 10px;
}
.ch_chat_userlist .userlist ul li.user:hover {
    background: rgba(255,255,255,0.5);
}
.ch_chat_userlist .userlist ul li.user:after {
    clear: both;
    content: '';
    display: block;
}
.ch_chat_userlist .userlist ul li.user .ch_user {
    float: left;
    margin: 0 -100% 0 0;
    width: 100%;
}
.ch_chat_userlist .userlist ul li.user .ch_user a.private {
    background: rgb(12,131,189);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border-width: 0;
    color: rgb(255,255,255);
    font-size: 12px;
    height: 16px;
    line-height: 16px;
    padding: 0 4px;
    width: 8px;
}

.ch_chat_userlist .userlist ul li.user .ch_user_actions {
    float: right;
    margin-right: -80px;
    width: 80px;
}
.ch_chat_userlist .userlist ul li.user .ch_user_actions:after {
    clear: both;
    content: '';
    display: block;
}
.ch_chat_userlist .userlist ul li.user .ch_user_actions ul {
    float: right;
    margin: 3px 0 0 0;
    padding: 0;
}
.ch_chat_userlist .userlist ul li.user .ch_user_actions ul:after {
    clear: both;
    content: '';
    display: block;
}
.ch_chat_userlist .userlist ul li.user .ch_user_actions ul li {
    float: left;
    margin: 0 6px 0 0;
}
.ch_chat_userlist .userlist ul li.user .ch_user_actions ul li a {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    font-size: 11px;
    line-height: 14px;
    text-decoration: none;
}
.ch_chat_userlist .userlist ul li.user .ch_user_actions ul li a:link,
.ch_chat_userlist .userlist ul li.user .ch_user_actions ul li a:visited {
    border-bottom-color: #68a6ce;
    color: #0c83bd;
}
.ch_chat_userlist .userlist ul li.user .ch_user_actions ul li a:hover,
.ch_chat_userlist .userlist ul li.user .ch_user_actions ul li a:active {
    border-bottom-color: #678aa2;
    color: #08577d;
}
.ch_chat_window {
    height: 200px;
    padding: 0;
}
.ch_chat_window .inner {
    height: 160px;
    overflow-y: auto;
}
.ch_chat_window p {
    border-radius: 3px;
    font-size: 12px;
    line-height: 18px;
    margin: 1px 10px;
    padding: 3px 70px 3px 50px;
}

.ch_chat_window p:after {
    clear: both;
    content: '';
    display: block;
}
.ch_chat_window p:hover {
    background: rgb(250,250,250);
}
.ch_chat_window p span.ch_message {
    display: inline;
    font-size: 12px;
    line-height: 18px;
    padding: 0;
}
.ch_chat_window p:nth-of-type(5n+1) span.ch_date {
    visibility: visible;
}
.ch_chat_window p span.ch_date {
    color: rgb(119,119,119);
    display: block;
    float: right;
    font-size: 11px;
    font-style: italic;
    line-height: 18px;
    margin-right: 6px;
    margin-right: -60px;
    visibility: hidden;
}
.ch_chat_window p:hover span.ch_date {
    visibility: visible;
}
.ch_chat_window p span.ch_author {
    display: inline-block;
    font-size: 11px;
    line-height: 18px;
    margin-right: 4px;
    margin-left: -40px;
}
.ch_chat_window p span.ch_author a {
    font-weight: bold;
    text-decoration: none;
}
.ch_chat_window p span.ch_author a:link,
.ch_chat_window p span.ch_author a:visited {
    color: rgb(51,51,51);
}
.ch_chat_window p span.ch_author a:hover,
.ch_chat_window p span.ch_author a:active {
    color: rgb(5,54,77);
}


/* Messages variations */
.ch_chat_window p.ch_my_message {
    color: rgb(119,119,119);
    padding-left: 60px;
}
.ch_chat_window p.ch_my_message span.ch_author {
    font-style: italic;
    font-weight: normal;
}
.ch_chat_window p.ch_my_message span.ch_author a {
    font-weight: normal;
}
/* Messages to me */
.ch_chat_window p.ch_message_to_me {
    background-color: rgb(248,248,248);
}
.ch_chat_window p.private {
    background-color: rgb(254,235,229);
}
.ch_chat_window p.private span.ch_author a {
    color: rgb(150,29,15);
}


.ch_chat_window .footer {
    background-color: #FEF6E5;
    height: 28px;
    margin-bottom: -40px;
    padding: 10px 156px 10px 16px;
}
.ch_chat_window .footer .field {
    float: left;
    margin: 0 -100% 0 0;
    width: 100%;
}
.ch_chat_window .footer input.itext {
    margin: 0 -6px;
    width: 100%;
}
.ch_chat_window .footer ul {
    float: right;
    margin: 0 -146px 0 0;
    width: 136px;
}
.ch_chat_window .footer ul:after {
    clear: both;
    content: '';
    display: block;
}
.ch_chat_window .footer ul li {
    float: left;
    margin-right: 6px;
}
.ch_chat_window .footer ul li.autoscroll {
    margin-right: 0;
}
.ch_chat_window .footer ul li.autoscroll input,
.ch_chat_window .footer ul li.autoscroll label {
    float: left;
    line-height: 12px;
    margin: 8px 4px 6px 0;
}

.ch_chat_window .privmsg_check {
    background: rgb(238,254,229);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 10px;
    padding: 4px 20px 4px 100px;
    text-align: left;
}
.ch_chat_window .privmsg_check p {
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    margin: 8px 0;
}
.ch_chat_window .privmsg_check p:hover {
    background-color: transparent;
}
.ch_chat_window .privmsg_check p a {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    text-decoration: none;
}
.ch_chat_window .privmsg_check p a:link,
.ch_chat_window .privmsg_check p a:visited {
    border-bottom-color: #68a6ce;
    color: #0c83bd;
}
.ch_chat_window .privmsg_check p a:hover,
.ch_chat_window .privmsg_check p a:active {
    border-bottom-color: #678aa2;
    color: #08577d;
}
.moderator-panel {
    left: 32%;
    margin-left: -50px;
    padding: 20px 50px;
    width: 36%;
}
.moderator-panel .columns {
    margin: 0;
    width: 100%;
}
.moderator-panel .columns:after {
    clear: both;
    content: '';
    display: block;
}
.moderator-panel .columns .column {
    float: left;
    margin: 0 2.5%;
    width: 30%;
}
.moderator-panel .columns .column:nth-child(3n+1) {
    margin-left: 0;
}
.moderator-panel .columns .column:nth-child(3n+3) {
    margin-right: 0;
}
.moderator-panel .columns .column ul {
    margin: 20px 0;
}





/* Announcement */
.ch_announcement.important {
    background-color: rgb(245,208,208);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05) inset;
    margin: 20px 0;
    padding: 10px 20px;
}
.ch_announcement.important h2 {
    color: rgb(179,50,51);
    font-size: 20px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 24px;
}
.ch_announcement.important p {
    color: rgb(128,31,31);
    font-size: 14px;
    line-height: 18px;
    margin: 6px 0 18px 0;
}
.ch_announcement.important p a {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    text-decoration: none;
}
.ch_announcement.important p a:link,
.ch_announcement.important p a:visited {
    border-bottom-color: rgb(165,113,113);
    color: rgb(128,31,31);
}
.ch_announcement.important p a:hover,
.ch_announcement.important p a:active {
    border-bottom-color: rgb(217,43,43);
    color: rgb(204,20,20);
}










/* PROFILE
    Used for user profile, cat profile and object profile
*/
div.ch_profile {
    padding: 0 0 0 25%; /* 160 of 640 */
}
div.ch_profile div.ch_userid,
div.ch_profile div.ch_catid,
div.ch_profile div.ch_thumbnail {
    float: left;
    margin: 0 -100% 0 -33.333333%; /* 160 of (640-160) */
    width: 29.166667%; /* 140 of (640-160) */
}
div.ch_profile div.ch_userid img {
    -moz-box-shadow: 0px 0px 2px 0 rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 0px 2px 0 rgba(0,0,0,0.2);
    box-shadow: 0px 0px 2px 0 rgba(0,0,0,0.2);
    border: 2px solid rgb(254,198,0);
    display: block;
    margin: -2px -2px 18px -2px;
    height: auto;
    width: 100%;
}
div.profile div.avatar p {
    margin:                         0 10px;
}
div.profile div.avatar p span.cat-type {
    color:                          #5c5c5c;
}
div.profile div.avatar p span.cat-name {
    color:                          #05364d;
    font-weight:                    bold;
}
div.profile div.info {
    float:                      left;
}
div.content-wrapper div.content div.inner div.profile div.info {
    width:                      410px;
}
.profile .info p {
    font-size:                  12px;
    line-height:                18px;
    margin:                     9px 10px;
}
div.profile div.info ul.info-list {
    margin:                     18px 10px;
}





.ch_action_form {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: rgb(240,238,228);
    margin: 20px 0;
    padding: 30px 0;
}
.ch_action_form .ch_form,
.ch_action_form header,
.ch_action_form > .ch_message {
    margin: 0 30px;
}
.ch_register_form header {
	margin: 0 30px 20px 30px;
}
.ch_register_form .ch_form {
	margin: 20px 30px 30px 30px;
	padding: 0;
}
.ch_login_form .ch_form {
    padding: 0;
}
.ch_action_form header > h1 {
	margin: 0;
}

.ch_action_form .ch_hint {
	background: #F0E4AF;
	border: 1px solid #ededed;
	-webkit-box-shadow: 0 0 10px 0 RGBA(0, 0, 0, 0.05) inset;
	-moz-box-shadow: 0 0 10px 0 RGBA(0, 0, 0, 0.05) inset;
	box-shadow: 0 0 10px 0 RGBA(0, 0, 0, 0.05) inset;
	margin: 10px 0;
	padding: 10px 20px;
	text-align: left;
}
.ch_action_form .ch_hint {
	margin: 4px 0 4px 180px;
}
.ch_action_form .ch_hint span,
.ch_action_form .ch_hint p,
.ch_action_form .ch_hint ul,
.ch_action_form .ch_hint ul li {
	font-size: 12px;
	line-height: 18px;
}
.ch_action_form .ch_hint ul {
	list-style-type: square;
	margin: 0 10px;
}
.ch_action_form label.large small {
	font-size: 12px;
}





.ch_message {
    padding: 10px;
}

.ch_loader,
.ch_error {
    min-height: 40px;
    padding: 10px 36px 10px 64px;
}
.ch_loader .loader,
.ch_error .icon {
    display: block;
    float: left;
    height: 40px;
    margin-left: -54px;
    width: 40px;
}
.ch_loader {
    background: url('/elements/loader.large.gif') no-repeat 10px center;
}
.ch_error {
    background: rgb(247,217,217) url('/elements/icon.error.png') no-repeat 12px center;
}
.ch_success {
    background: rgb(220,247,214);
}
.ch_loader:after,
.ch_error:after {
    clear: both;
    content: '';
    display: block;
}
.ch_loader p {
    color: rgb(137,137,137);
    font-size: 20px;
    font-weight: bold;
    letter-spacing: -0.5px;
    line-height: 25px;
    margin: 0;
}
.ch_error h2 {
    color: rgb(188,79,63);
    font-size: 20px;
    font-weight: bold;
    letter-spacing: -0.5px;
    line-height: 25px;
    margin: 0;
}
.ch_success h2 {
    color: rgb(64,189,68);
    font-size: 20px;
    font-weight: bold;
    letter-spacing: -0.5px;
    line-height: 25px;
    margin: 0;
}
.ch_error ul:empty {
    display: none;
    margin: 0;
}
.ch_error ul {
    list-style: square;
    margin: 8px 0 0 0;
    padding: 0 0 0 16px;
}
.ch_error ul li {
    color: rgb(188,79,63);
    font-size: 14px;
    line-height: 18px;
}
.ch_error span.close {
    background: url('/elements/icon.error-close.png') no-repeat center center;
    height: 16px;
    margin-right: -26px;
    width: 16px;
}
.ch_success ul li {
    color: rgb(64,189,68);
    font-size: 14px;
    line-height: 18px;
}
.ch_success span.close {
    background: url('/elements/icon.error-close.png') no-repeat center center;
    height: 16px;
    margin-right: -26px;
    width: 16px;
}









.ch_cta {
    background: rgb(254,198,0);
    border-color: rgba(0,0,0,0.075) rgba(0,0,0,0.075) rgba(0,0,0,0.125);
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: rgb(255,255,255);
    display: inline-block;
    font-size: 16px;
    height: 22px;
    line-height: 22px;
    padding: 8px 16px;
    text-decoration: none;
    text-shadow: 1px 1px 0px rgba(0,0,0,0.25);
}
.ch_cta:link,
.ch_cta:visited {
    color: rgb(255,255,255);
}

.play {
	margin: 10px;
}
.play h1 {
	color: #0c83bd;
}
.play .cta_block {
	margin: 10px 0;
}
.cta_block .cta-play {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	text-align: center;
	width: 100%;
}
.cta-play {
	background: rgb(254,198,0);
	border-color: rgba(0,0,0,0.075) rgba(0,0,0,0.075) rgba(0,0,0,0.125);
	border-style: solid;
	border-width: 1px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	color: rgb(255,255,255);
	display: block;
	font-size: 16px;
	line-height: 22px;
	padding: 8px 16px;
	text-shadow: 1px 1px 0px rgba(0,0,0,0.25);
}
.cta-play:link,
.cta-play:visited {
	color: rgb(255,255,255);
	border-color: rgba(0,0,0,0.075) rgba(0,0,0,0.075) rgba(0,0,0,0.125);
	text-decoration: none;
}

.cta-play:hover,
.cta-play:active {
	color: rgb(255,255,255);
	border-color: rgba(0,0,0,0.075) rgba(0,0,0,0.075) rgba(0,0,0,0.125);
	text-decoration: none;
}





/* MOVE */
.map-move {
    min-height: 538px;
    margin: 20px 0;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.move {
    position: relative;
}
@-webkit-keyframes slide {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: -10000px 0;
    }
}
@keyframes slide {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: -10000px 0;
    }
}
.move:before {
    content : '';
    position : absolute;
    top : -10px;
    right : -10px;
    left : -10px;
    height : 538px;
    background: transparent url('/elements/move-background.png') repeat-x -20% 0;
    -webkit-transition : -webkit-filter .5s 0 ease-in;
    background-position : 0 0;
    -webkit-animation : slide 100s linear infinite;
    -moz-animation : slide 100s linear infinite;
    -ms-animation : slide 100s linear infinite;
    -o-animation : slide 100s linear infinite;
    animation : slide 100s linear infinite;
    -webkit-transform : translate3d(0,0,0);
    transform : translate3d(0,0,0); }

.move:hover:before {
    -webkit-filter : blur(5px);
}
.travelling-cat {
    background: url('/elements/cat-travelling.png') no-repeat top left;
    background-size: 314px 305px;
    height: 305px;
    margin-top: 180px;
    position: relative;
    width: 314px;
}
.move-countdown {
    background: rgba(255,255,255,0.8);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 20px;
    position: absolute;
    right: 20px;
    text-align: center;
    top: 20px;
    width: 200px;
}
.move-countdown p.countdown {
    color: rgb(119,119,119);
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
    margin: 20px 0;
    text-align: center;
}
.move-countdown p.countdown span#time-left {
    color: rgb(254,198,0);
    display: block;
    font-size: 48px;
    font-weight: bold;
    letter-spacing: -4px;
    line-height: 36px;
}
.move-countdown p {
    color: rgb(119,119,119);
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 0;
}
.move-countdown ul {
    margin: 0 0 20px 0;
}
.move-countdown ul li {
    display: inline;
    margin: 0 5px;
}





table.hunting-map {
    border-collapse: collapse;
    background-image: url('/img/hunting/map.png');
    background-size: 100%;
    width: 100%;
}

table.hunting-map tbody tr td {
    border: 1px dotted rgba(255,255,255,0.5);
    width: 25px;
    height: 25px;
}

/*.action-move {*/
    /*display: none;*/
/*}*/
#hunting-chat {
    height: 425px;
}
#chat-messages{
    height: 360px;
    overflow-y: auto;
}

#hunting-chat #chat p {
    border-radius: 0;
    font-size: 11px;
    line-height: 14px;
    margin: 1px 0;
    padding: 3px 0 3px 20px;
}
#hunting-chat #chat p:hover {
    background-color: transparent;
}
#hunting-chat #chat span.ch_author {
    font-weight: bold;
    margin-left: -20px;
}
#hunting-chat span.ch_message {
    padding: 0;
}
#hunting-chat .footer {
    background-color: #FEF6E5;
    display: none;
    height: 45px;
    margin-bottom: -65px;
    padding: 10px 16px;
}
#hunting-chat .footer input.itext {
    font-size: 11px;
    line-height: 14px;
    margin: 0 -6px;
    width: 100%;
}
#hunting-chat .footer a.btn {
    display: block;
    font-size: 11px;
    line-height: 14px;
    margin: 0 -6px;
}






#bottom-margin {
    clear: both;
    height: 62px;
}
#bottom-wrapper {
    background: rgba(125,98,0,0.2);
    border-top: 2px solid rgba(125,98,0,0.2);
    clear: both;
    height: 60px;
    margin-top: -62px;
    overflow: hidden;
    position: relative;
}
#bottom-wrapper p {
    float: left;
    font-size: 12px;
    line-height: 18px;
    margin: 18px 20px;
}
#bottom-wrapper p a {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    text-decoration: none;
}
#bottom-wrapper div.counters {
    float: right;
    margin: 18px 20px;
}






/* Redefined Styles */
.ch_body {
    clear: both;
    margin: 0 auto;
    padding: 20px 0;
    width: 960px;
}
.ch_body:after {
    clear: both;
    content: '';
    display: block;
}



li.dropdown ul {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: rgb(255,255,255);
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 4px 0 4px 4px;
    box-shadow: 2px 2px 8px -4px rgba(0, 0, 0, 0.25);
    margin: -1px 0 0 0;
    padding: 5px 0;
    position: absolute;
    right: 0;
    width: 220px;
    z-index: 1001;
}
li.dropdown ul li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: none;
    height: 26px;
    line-height: 16px;
    margin: 0;
    padding: 5px 1px;
}
li.dropdown ul li.link:hover {
    background-color: rgba(255,203,13,0.3);
}
li.dropdown ul li a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: transparent;
    display: inline;
    margin: 0;
    padding: 0;
    position: relative;
}
li.dropdown ul li a:link,
li.dropdown ul li a:visited {
    background: none;
    color: rgb(41,41,41);
    text-decoration: none;
}
li.dropdown ul li a:hover,
li.dropdown ul li a:active {
    background: none;
    color: rgb(8,51,76);
    text-decoration: none;
}
li.dropdown ul li a.fullwidth {

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    font-size: 11px;
    height: 26px;
    line-height: 16px;
    margin: -5px 0;
    padding: 5px 9px;
    position: relative;
    width: 100%;
}





.ch_text_message {
	margin: 20px 0;
}
.ch_text_message h2 {
	color: rgb(254,198,0);
}
.ch_text_message p {
	font-size: 14px;
	line-height: 20px;
	margin: 20px 0 0 0;
}
.ch_text_message h2 + p {
	margin-top: 10px;
}
.ch_text_message ul {
	font-size: 14px;
	line-height: 20px;
	list-style: disc;
	margin: 20px 0 0 0;
	padding: 0 0 0 20px;
}
.ch_text_message ul li {
	font-size: 14px;
	line-height: 20px;
}
.ch_text_message p + ul {
	margin-top: 10px;
}
.tab-pane {
	padding-left: 10px;
}

/* Новогодняя ёлка */

.new-year-tree-container {
    text-align:center;
}

.new-year-toys {
    background-color:white;
    border:1px solid #ccc;
    box-shadow:0 0 30px rgba(0,0,0,0.7);
    left: -359px;
    padding:5px;
    position: absolute;
    top: 0;
    width:340px;;
}

.new-year-toy {
    background: rgba(255, 255, 255, 0.9);
    box-shadow: inset 0px 0px 10px rgba(0,0,0,0.8);
    float:left;
    height:48px;
    position:relative;
    width:48px;
    border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
}

.new-year-tree-url input {
    text-align: center;
    width: 100%;
}

.new-year-tree-url span {
    color: #6f6f6f;
    display: block;
    font-size: 11px;
    line-height: 18px;
    text-align: center;
}

.forum-no-read {
	background-color: #ffeeb2;
}