/* global */
@font-face {
    font-family: "OpenSans";
    font-style: normal;
    font-weight: 400;
    src:
		url("fonts/opensans/OpenSans-Regular-webfont.eot") format("embedded-opentype"), 
		url("fonts/opensans/OpenSans-Regular-webfont.woff") format("woff"), 
		url("fonts/opensans/OpenSans-Regular-webfont.ttf") format("truetype"), 
		url("fonts/opensans/OpenSans-Regular-webfont.svg") format("svg");
}
@font-face {
    font-family: "OpenSans";
    font-style: normal;
    font-weight: 600;
    src:	
		url("fonts/opensans/OpenSans-Semibold-webfont.eot") format("embedded-opentype"), 
		url("fonts/opensans/OpenSans-Semibold-webfont.woff") format("woff"), 
		url("fonts/opensans/OpenSans-Semibold-webfont.ttf") format("truetype"), 
		url("fonts/opensans/OpenSans-Semibold-webfont.svg") format("svg");
}
@font-face {
    font-family: "OpenSans";
    font-style: normal;
    font-weight: 700;
    src:	
		url("fonts/opensans/OpenSansBold-webfont.eot") format("embedded-opentype"), 
		url("fonts/opensans/OpenSansBold-webfont.woff") format("woff"), 
		url("fonts/opensans/OpenSansBold-webfont.ttf") format("truetype"), 
		url("fonts/opensans/OpenSansBold-webfont.svg") format("svg");
}

@font-face {
    font-family: "RobotoSlab";
    font-style: normal;
    font-weight: 400;
    src:
		url("fonts/robotoslab/RobotoSlab-Regular.eot") format("embedded-opentype"), 
		url("fonts/robotoslab/RobotoSlab-Regular.woff") format("woff"), 
		url("fonts/robotoslab/RobotoSlab-Regular.ttf") format("truetype"); 
}
@font-face {
    font-family: "RobotoSlab";
    font-style: normal;
    font-weight: 700;
    src:
		url("fonts/robotoslab/RobotoSlab-Bold.eot") format("embedded-opentype"), 
		url("fonts/robotoslab/RobotoSlab-Bold.woff") format("woff"), 
		url("fonts/robotoslab/RobotoSlab-Bold.ttf") format("truetype"); 
}

html, button, input, select, textarea, h1, h2, h3, h4, h5, p {
}
a {
	color: #e46443;
	text-decoration: none;
}
a:hover, a:focus {
	color: #cd5434;
	text-decoration: none;
	outline: none;
	outline-offset: 0;	
}
body {
	background: #ffffff;
	font-family: "OpenSans", Arial, Helvetica, sans-serif; 
	font-size: 14px;
}
h1 {
	font-family: "RobotoSlab", Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-weight: 700;
	margin-top: 0;
}
h2 {
	font-family: "RobotoSlab", Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 20px;
}
h3 { 
	font-size: 18px;
	font-weight: 700;	
	line-height: 1.6em;
}
h4 {
	font-size: 16px;
	font-weight: 700;		
}
h5 {
	font-weight: 700;
}

/* bootstrap me */
.a-default {
	color: #333333;
}

.btn {
	padding-left:30px;
	padding-right:30px;
}
.btn-lg {
	padding-left:30px;
	padding-right:30px;
}
.btn-sm {
    padding: 5px 10px;
}
.btn-primary {  
	background-color: #f58238;
/*#f38630;*/
	font-weight:700;
	border:none;
	border-bottom:1px solid #df714b;	
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {  
	background-color: #e87f2e;
	border: none;
	border-bottom:1px solid #df714b;		 
}

.btn-info {
	background-color: #5db0dc;
	font-weight: 700;
	border: none;
	border-bottom: 1px solid #368bb1;
	padding-left: 20px;
	padding-right: 20px;
}

.modal.fade .modal-dialog {
	-webkit-transform: translate(0, 0%);
	-ms-transform: translate(0, 0%);
	transform: translate(0, 0%);
	-webkit-transition: -webkit-transform 0.3s ease-out;
	-moz-transition: -moz-transform 0.3s ease-out;
	-o-transition: -o-transform 0.3s ease-out;
	transition: transform 0.3s ease-out;
	top: 25%;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
	border-top: 1px solid #eaeaea;
}

/* general */
.container-pad {
	padding-top:60px;
	padding-bottom:60px;
}
.container-pad-top {
	padding-top:60px;
}
.container-bg {
	background: #f2f3f4;
}
.gray {
	color: #858585;	
} 
.link-primary {
	color: #333333;
}
.link-sec {
	color: #7f7f7f;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}
.help {
	color: #858585;	
}
.help-sm {
	font-size: 13px;
	color: #858585;	
}
.margin-right {
	margin-right: 30px;
}
.margin-top {
	margin-top: 20px;
}
.margin-bottom {
	margin-bottom: 20px;
} 
.no-margin {
	margin: 0;
}
.no-padding {
	padding: 0;
}

/* template */
.container-header {
	background: #3f3f3f;	
	border-bottom: 1px solid #262626; 
}	
.container-header-strip {
	margin-bottom: 30px;
}
.header {
	position: relative;
	height: 66px;	
}
.header .logo {
	float: left;
	width: 86px;
	height: 66px;
	margin:0 50px 0 0;
	padding:0;
}
.header .logo a {
	display: block;
	width: 86px;
	height: 60px;
	background: url(../images/template_v6/logo_triviala.png) no-repeat left top;
	text-indent: -5000px;
	outline: none;
}
.nav {
	float:left;	
	position:relative;
	list-style:none;
	margin:15px 0 0 0;
	padding:0;	
}
.nav li {
	float: left;
	padding-right: 35px;	
}
.nav li a {	
    font-weight: 700;
	color: #c3c6c7;
	text-decoration: none;
	text-transform: uppercase;
	outline: none;
	padding: 5px 3px;
	border-top: 2px solid #3f3f3f;
}
.nav li a:hover {
	text-decoration: none;
	color:#efefef;	
	background: none;
}
.nav li a.active {
	color: #f38630;
	border-top: 2px solid #f38630;
}

.nav-right {
	float: right;	
	position: relative;
	list-style: none;
	margin: 22px 0 0 0;
	padding: 0;	
}
.nav-right li {
	float: left;
	padding-left: 15px;	
}
.nav-right li a {
	color: #c3c6c7;
	text-decoration: none;
	padding-left: 15px;	
	outline: none;
	border-left: 1px solid #8d8d8d;
}
.nav-right li a:hover {
	text-decoration: underline;	
}
.nav-right li a.first {
	border:none;
}

.nav-menu {
	display: none;
	position: absolute;
	width: 22px;
	height: 21px;
}
.nav-menu-a {
	display: block;
	width: 22px;
	height: 21px;	
	background: url(../images/template_v6/sprite_icons.png) no-repeat 0px 0px;
	outline: none;
} 
.nav-menu-a:hover {
	display: block;
	width: 22px;
	height: 21px;
	background: url(../images/template_v6/sprite_icons.png) no-repeat -28px 0px;
	outline: none;
} 
.nav-menu-a span {
	display: none;
}

/* subnav */
.container-subnav {
	background:#f2f3f4;
	margin-bottom:30px;
}
.container-subnav-empty {
	height:30px;
}
.subnav {
	list-style: none;
	margin: 0;
	padding: 0;
}
.subnav li { 
	float:left; 
	padding:10px 15px 12px 15px; 
	margin-top: 10px;
	margin-right:5px;
}
.subnav li a { 
	float:left; 	 
	padding-top: 0px; 
	text-decoration: none; 
	line-height:normal;	
	font-size: 14px;
	font-weight:600;	
	color:#545454;	
}
.subnav li a:hover { 
	color:#E46443;
}	
.subnav li.active { 
	background-color:#fff; 
	border-radius-topleft: 3px; 
	border-radius-topright: 3px; 
	border-top-left-radius: 3px; 
	border-top-right-radius: 3px; 
}
.subnav li.active a { 
	color:#E46443; 
}

/* user logged */
.user-logged {
	position:absolute; 
	top:7px; 
	right:0px; 
	margin:0;
	padding:4px 0 0 0; 
	color:#ced5d8; 
	list-style:none;
}
.user-logged li {
	float:left;
}
.user-logged-avatar {
	width:40px;
	padding-top:7px;
}
.user-logged-username {
	padding:0px; 
	margin-right:5px;
}
.user-logged-username span {
	font-size:13px; 
	color:#ced5d8; 
	margin:0px; 
	padding:0px; 
	line-height:normal;
}
.user-logged-username .user-logged-links {
	margin-top:0px; padding:0px; line-height:normal;
}
.user-logged-username .user-logged-links a {
	font-size:13px; 
	color:#ced5d8; 
	padding:0px; 
	margin:0px; 
	line-height:normal;
}
.user-logged-status {
	line-height:0px; 
	margin-top:11px; 
	margin-left:0px;
	margin-right:20px; 
	padding:0px;
}
.user-logged-status ul {
	list-style:none;
	line-height:0px; 
	margin:0px; 
	padding:0px;
}
.user-logged-status li {
	float:left;
}
.user-logged-winner a {
	display:block; 
	width:19px; 
	height:19px; 
	background:url(../images/icons/icon_winner.gif) no-repeat left top; 
	text-indent:-5000px; 
	margin-left:0px; 
	margin-right:5px; 
	margin-top:0px;
}
.user-logged-crowns a {
	display:block; 
	background:url(../images/template_v6/sprite_nav_icons.png) no-repeat; 
	color:#f7d333; 
	font-weight:bold; 
	text-decoration:none; 
	padding:1px 15px 0px 20px; 
	line-height:normal;
}
.user-logged-crowns a:hover {
	text-decoration:underline;
}
.user-logged-cash a {
	display:block; 
	background:url(../images/template_v6/sprite_nav_icons.png) 0px -32px no-repeat; 
	color:#9bc211; 
	font-weight:bold; 
	text-decoration:none; 
	padding:1px 0px 0px 20px; 
	line-height:normal;
}
.user-logged-cash a:hover {
	text-decoration:underline;
}

/* notification */
#nav-notification {
	position:relative;
}
#nav-notification-link {
	height:26px; 
	display:block; 
	background:url(../images/template_v6/sprite_nav_icons.png) 2px -96px no-repeat; 
	color:#9bc211; 
	text-decoration:none; 
	margin-top: 0px; 
	padding: 0px 0px 0px 25px; 
}
#nav-notification-link:hover {
	text-decoration:underline;
}
#nav-notification-link.active {
	background:url(../images/template_v6/sprite_nav_icons.png) 2px -128px no-repeat #FFFFFF;
}
#nav-notification-counter {
	font-weight: bold;
	line-height: normal;
}
#nav-notification-content {
	position:absolute; 
	display:none; 
	width:280px; 
	right:0px; 
	top:26px; 
	border:1px solid #3f3f3f; 
	background: #FFFFFF; 
	color: #333333;
	padding: 10px;
	z-index:500;
}
#nav-notification-content h5 {
	font-size: 14px; 
	color: #333;
	font-weight:bold; 
	border-bottom:1px solid; 
	margin: 0 0 10px 0;
	padding-bottom: 5px;
}
#nav-notification-loader {
	float: right;
}
#nav-notification-list {
	padding:0;
}
#nav-notification-list li {
	border-bottom: 1px solid #eaeaea; 
	float: none; 
	color: #333333; 
	padding: 12px 0px 12px 40px;
	margin-bottom: 5px;
}
#nav-notification-list li span {
	font-size:16px;  
	font-weight: 600;
	padding-right:5px;
}
#nav-notification-list li span.active {
	color: #0F8CC5;
}
#nav-notification-list li a {
	color: #F17431; 
	float:right;
}
#nav-notification-list li#nav-notification-1 {
	background:url(../images/template/icons/icons_notif_spr.png) no-repeat 0px 3px;
}
#nav-notification-list li#nav-notification-2 {
	background:url(../images/template/icons/icons_notif_spr.png) no-repeat 0px -27px;
}
#nav-notification-list li#nav-notification-3 {
	background:url(../images/template/icons/icons_notif_spr.png) no-repeat 0px -58px;
}
#nav-notification-list li#nav-notification-4 {
	background:url(../images/template/icons/icons_notif_spr.png) no-repeat 0px -88px; border-bottom:none;
}

/* footer */
.footer {
	margin-top: 60px;
	background: #d6d6d6;	
	padding: 50px 0px;
	color: #7a7a7a;
	font-size:13px;
}
.footer h6 {
	font-size: 25px;
	font-weight: 700;
	margin-top:0;
}
.footer h6 a {
	color: #7a7a7a;
}
.footer h6 a:hover {
	color: #434343;
}
.footer .footer-tagline {
	font-size: 16px;
	font-weight: 700;
}
.footer ul {
	float:right;
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0;
}
.footer ul li {
	float: left;
	margin-left:20px;
}
.footer ul li a {
	color: #7a7a7a;
	font-size:13px;
}
.footer ul li a:hover {
	color: #434343;
}
.footer .footer-row {
	margin-top:10px;
}
.footer .footer-copyright {
	padding-top:20px;
}

.game-footer {	
	background: #ffffff;
	border-top: 1px solid #eeeeee;
	color: #7a7a7a;
	font-size:13px;
	margin-top: 50px;
	padding: 20px 0px;
}

/* banners */
.banner-right {
	margin-top: 10px;
	text-align: center;
}

/* col-header */
.col-header {
	padding-top: 10px;
}

/* paginate */
.paginate {
}
.paginate .paginate-records {
	text-align: left;
}
.paginate .paginate-links {
	text-align: right;
}

/* side wrap */
.side-wrap {
	width: 100%;	
	border: 1px solid #eaeaea;
	margin-top: 5px;
	padding: 0;		
}
.side-wrap .widget {
	padding:15px;
	border-bottom: 1px solid #eaeaea;
}

/* subtabs */
.subtabs {	
	border-bottom: 1px solid #dddddd;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 0;
}
.subtabs ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.subtabs li {
	float: left;
	margin: 0;
	padding: 0px 20px 0px 0px;
}
.subtabs li a {
	display: block;
	color: #333333;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0px 4px 6px 4px;
}
.subtabs li a:hover {
	text-decoration: none;
	color: #777777;
}
.subtabs li a span {
	color: #777777;
}
.subtabs .subtabsActive a {
	color: #F17431;
	border-bottom: 3px solid #F17431;
}
.subtabs .subtabsActive a span {
	color: #F17431;
}
.subtabs .subtabsActive a:hover {
	color: #f38e58;
}

/* table */
.table .table-header {
	font-weight: 700;
	border-top: none;
}
.table .table-summary {
	border-top:none;	
}
.table-form td {
	padding-bottom:10px;
	padding-right:10px;
}

/* scored */
.score {
	font-size: 16px;
	font-weight: bold;
}

/* validation */
.validation-error {
	width:100%; 
	background:#f7e7e7; 		
	border:1px solid #d9534f; 
	text-align:left;
	border-radius:3px;
}
.validation-error span { 
	display:inline-block;
	font-weight:bold; 
	padding-top:10px;
	padding-left:10px;
	color:#ca4045; 
}
.validation-error ul {
	margin:5px 10px 10px 10px; 
	padding-left:20px;
}

.validation-info {
	width:100%;
	background:#FFFFD8;
	border: 1px solid #CACA9D;
	text-align:left;
}
.validation-info span { 
	display:inline-block;
	color:#DCCA00;
	font-weight:bold;	
	padding-top:10px;
	padding-left:10px;
}
.validation-info ul {
	margin:5px 10px 10px 10px;
	padding-left:20px;
}

/* widget-menu */
.widget .widget-menu {
	list-style: none;
	margin: 0;
	padding: 0;
}
.widget .widget-menu li {
	margin-bottom: 10px;
}
.widget .widget-menu li a {
	font-weight: bold;
	text-decoration: none;
	padding-left: 15px;
	color: #333333;
	border-left: 2px solid #ffffff;
}
.widget .widget-menu li a:hover {
	color: #858585;
}
.widget .widget-menu li a.active {
	border-left: 2px solid #e46443;
	font-weight: bold;
	text-decoration: none;
	color: #e46443;
}





/* icons */
@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon_j5vy0j.eot');
	src:url('fonts/icomoon.eot') format('embedded-opentype'),
		url('fonts/icomoon_j5vy0j.woff') format('woff'),
		url('fonts/icomoon_j5vy0j.ttf') format('truetype'),
		url('fonts/icomoon_j5vy0j-icomoon.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-record:before {
	content: "\e600";
}
.icon-delete:before {
	content: "\e612";
}
.icon-check:before {
	content: "\e613";
}
.icon-eye:before {
	content: "\e602";
}
.icon-gift:before {
	content: "\e603";
}
.icon-googleplus:before {
	content: "\e629";
}
.icon-facebook:before {
	content: "\e62a";
}
.icon-twitter:before {
	content: "\e62b";
}
.icon-clock:before {
	content: "\e63a";
}
.icon-envelope:before {
	content: "\f0e0";
}