/*
*	xPoll Style Sheet Definitions
*	Version 4.0 | Copyright 2011-15 David M. Schwab, all rights reserved.
*/

@import url("reset.css");
@import url("rebuild.css");
@import url("navigation.css");
@import url("layout.css");
@import url("tags.css");
@import url("views.css");
@import url("scorestrip.css");

html {
	overflow: -moz-scrollbars-vertical;
	overflow-y: scroll;
}

._12 { width: 12px; height: 12px; }
._16 { width: 16px; height: 16px; }
._20 { width: 20px; height: 20px; }
._24 { width: 24px; height: 24px; }
._32 { width: 32px; height: 32px; }
._40 { width: 40px; height: 40px; }
._54 { width: 54px; height: 54px; }
._60 { width: 60px; height: 60px; }
._80 { width: 80px; height: 80px; }

.alert_box {
	position: relative;
	z-index: 150;
	width: 45%;
	margin: 12em auto 0;
	box-shadow: 0px 0px 5px #000;
	border: 2px solid #fc0;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background: #300;
	padding: 18px;
	cursor: default;
}

	.alert_box .a_button {
		display: inline-block;
		padding: 2px 16px;
	}

	.alert_box .three-d {
		padding: 3px 3px 3px 8px;
		background: #700;
		border: none;
	}

	.alert_box .okay {
		text-align: right;
		height: 36px;
	}

.aside .headline h3 {
	font-size: 11pt;
}

.aside h3.h3title
{
	box-shadow: 0 0 5px #000;
	border-top: 2px solid green;
	background-color: #040;
	padding: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	margin: 0 0 14px 0;
}

.a_button {
	padding: 2px 8px;
	border: 1px solid #070;
	background: #154714; /* Old browsers */
	background: -moz-linear-gradient(top, #154714 0%, #154714 48%, #013700 52%, #013700 55%, #1a4b19 87%, #1e4e1d 94%, #1f4e1e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#154714), color-stop(48%,#154714), color-stop(52%,#013700), color-stop(55%,#013700), color-stop(87%,#1a4b19), color-stop(94%,#1e4e1d), color-stop(100%,#1f4e1e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #154714 0%,#154714 48%,#013700 52%,#013700 55%,#1a4b19 87%,#1e4e1d 94%,#1f4e1e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #154714 0%,#154714 48%,#013700 52%,#013700 55%,#1a4b19 87%,#1e4e1d 94%,#1f4e1e 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #154714 0%,#154714 48%,#013700 52%,#013700 55%,#1a4b19 87%,#1e4e1d 94%,#1f4e1e 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#154714', endColorstr='#1f4e1e',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #154714 0%,#154714 48%,#013700 52%,#013700 55%,#1a4b19 87%,#1e4e1d 94%,#1f4e1e 100%); /* W3C */
	-moz-box-shadow: 0px 0px 5px #000;
	-webkit-box-shadow: 0px 0px 5px #000;
	box-shadow: 0px 0px 5px #000;
	color: #fc0;
	cursor: pointer;
	line-height: 36px;
}

.blackout {
	position: fixed;
	top: 0; left: 0;
	z-index: 100;
	height: 100%; width: 100%;
	background: url('trans.png');
}

.button, .three-d, .picked {
	padding: 3px 3px 3px 8px;
	border: 1px solid #070;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #154714; /* Old browsers */
	background: -moz-linear-gradient(top, #154714 0%, #154714 48%, #013700 52%, #013700 55%, #1a4b19 87%, #1e4e1d 94%, #1f4e1e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#154714), color-stop(48%,#154714), color-stop(52%,#013700), color-stop(55%,#013700), color-stop(87%,#1a4b19), color-stop(94%,#1e4e1d), color-stop(100%,#1f4e1e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #154714 0%,#154714 48%,#013700 52%,#013700 55%,#1a4b19 87%,#1e4e1d 94%,#1f4e1e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #154714 0%,#154714 48%,#013700 52%,#013700 55%,#1a4b19 87%,#1e4e1d 94%,#1f4e1e 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #154714 0%,#154714 48%,#013700 52%,#013700 55%,#1a4b19 87%,#1e4e1d 94%,#1f4e1e 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#154714', endColorstr='#1f4e1e',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #154714 0%,#154714 48%,#013700 52%,#013700 55%,#1a4b19 87%,#1e4e1d 94%,#1f4e1e 100%); /* W3C */
	-moz-box-shadow: 0px 0px 5px #000;
	-webkit-box-shadow: 0px 0px 5px #000;
	box-shadow: 0px 0px 5px #000;
}

.button {
	padding: 3px 8px;
	margin: 12px 0;
	color: #fc0;
	cursor: pointer;
	height: 36px;
	font-size: 11pt;
}

.clearfix {
	clear: both;
	height: 1px;
}

.hidden {
	display: none;
}

.inline_h3 {
	text-shadow: 1px 1px 2px #000;
	color: #fc0;
	font-size: 15pt;
	font-weight: bold;
	cursor: default;
}

.inline_img {
	border: 0;
	padding: 0;
	margin: 0;
	vertical-align: middle;
}

.body .input-field {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.body .input-field-disabled {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #999;
	font-style: italic;
}
.option-title, .option-field, .option-text {
	vertical-align: middle;
}

.option-title {
	width: 20%;
	text-align: right;
}

.option-field {
	width: 80%;
	padding-left: 6px;
}

.option-text {
	padding-left: 6px;
	padding-bottom: 12px;
	font-style: italic;
	color: #aaa;
}

.monospace {
	font: 8pt Consolas, "Courier New", Courier, monospace;
}

.rounded5 {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.rounded15 {
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

.rounded15-top {
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}

.rounded15-bottom {
	-webkit-border-bottom-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
}

.shadow {
  -moz-box-shadow: 0px 0px 5px #000;
  -webkit-box-shadow: 0px 0px 5px #000;
  box-shadow: 0px 0px 5px #000;
}

.textbox {
	border: 1px solid #060;
	padding: 4px 6px;
	line-height: 1.5em;
	color: #fff;
	background: #010;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.user_online {
	color: #ff0;
}

.user_offline {
	color: #bbb;
}

table.exception
{
	margin-top: 16px;
	width: 100%;
}

table.exception td
{
	margin: 0;
	padding: 20px;
	vertical-align: top;
}

table.exception img._80
{
	text-align: center;
}

table#error_detail
{
	margin: 0;
	width: 100%;
}

table#error_detail td.name
{
	font-weight: bold;
	width: 10%;
	padding: 4px;
}

table#error_detail td.debug
{
	font-family: monospace;
	font-weight: bold;
	color: #AA9900;
	width: 90%;
	padding: 4px;
}

/* -------------------------------------------------------------------------- *\
	USER AVATARS
\* -------------------------------------------------------------------------- */

img.avatar
{
	width: 80px;
	height: 80px;
	border: none;
	vertical-align: middle;
}

/* -------------------------------------------------------------------------- *\
	USER BADGE CSS DEFINITIONS
\* -------------------------------------------------------------------------- */

div#user-chooser {
	margin-top: 8px;
}

div.user-badge-container {
	position: relative;
	display: inline-block;
	margin-top: 6px;
}

label.user-badge {
	height: 58px;
	width: 200px;
	font: 9pt "Helvetica Nue", Helvetica, Arial, sans-serif;
	color: #090;
	cursor: pointer;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 0;
	overflow: hidden;
}

.user-badge-container .name {
    margin-top: 3px;
}

.user-badge-container div.user-badge {
    line-height: 1.2em;
    padding-top: 4px;
}

div.user-badge-container input {
	position: absolute;
	bottom: 5px;
	right: 5px;
	z-index: 12;
}

div.user-badge-container img {
	width: 50px;
	height: 50px;
	border: 1px solid #060;
	padding: 1px;
	margin: 2px 2px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position: absolute;
	z-index: 3;
}

span.name {
	display: inline-block;
	float: left;
	margin-left: 60px;
    font: 11pt 'Helvetica Nue', Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #ccc;
}

span.aside, span.nick {
	display: inline-block;
	float: left;
	margin-left: 60px;
    color: #090;
}

.aside abbr,
.post-dateline abbr{
	border-bottom: none;
	text-decoration: none;
    cursor: pointer;
}

#logon .textbox { font-size: 11pt; }

/* -------------------------------------------- *\
    Users Table Styling
\* -------------------------------------------- */
table#users-table {
	width: 100%;
}
table#users-table th {
	text-align: left;
	vertical-align: middle;
	padding: 8px 8px;
}

table#users-table td {
	text-align: left;
	vertical-align: top;
	padding: 8px 8px;
	border-bottom: 1px #060 solid;
	border-top: 1px #060 solid;
}