
::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 8px;
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

html,body {
	font-family: 'Amiri', serif;
	background-color: #f6f6f6;
	color:#000;
	width:100%;
	margin:0;
	line-height: 1;
}

#top_title {
	float: left;
	clear: none;
	margin: 0;
	cursor: pointer;
	background-image: url(/images/ZLogo_te.png);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

input {
	line-height: 1.1;
}
/* 	z-index:9; */
.content_wrap {
	padding-bottom:100px;
}

.content_wrap a {
	color:#E2A718;	
	text-decoration: none;
	cursor:pointer;
}
.content_wrap a:hover {
	color:#500;	
	text-decoration: none;
}

.content_wrap h1 {
    font-family: 'Amiri', serif;
    font-weight: 700;
    margin: 0px 0 0 0;
    clear: both;
    font-size: 28px;
    line-height: 1.1;
}
.content_wrap h2 {
	font-family: 'Amiri', serif;
	font-weight: 700;
	margin: 6px 0;
	clear:left;
	font-size: 18px;
	line-height:1.1;
}
.content_wrap h3 {
	font-family: 'Amiri', serif;
	position:relative;
	float:left;
	clear:left;
	font-weight: 700;
	margin-top: 2px;
	margin-bottom: 0;
	font-size: 16px;
	line-height:1.1;
	width:100%;
}
.content_wrap strong {
	font-weight:700;
}
.content_wrap p,
.content_wrap li {
	font-family: 'Amiri', serif;
	float:left;
	clear:left;
	font-weight: 100;
	margin-top: 6px;
	font-size: 15px;
	line-height:1.1;
}
.content_wrap td,
.content_wrap th {
	font-family: 'Amiri', serif;
	position:relative;
	vertical-align:top;
	font-size: 14px;
	margin: 0;
	border:none;
	padding: 6px;
	line-height:1.1;
}
.content_wrap td.centered,
.content_wrap th.centered {
	text-align:center;
}
.content_wrap p.small {
	margin:0;
	font-size: 10px;
}
.content_wrap p.note {
	font-style: italic;
	margin: 6px;
	font-size: 12px;
}
.content_wrap p.disclaimer {
	width: 100%;
	margin-top:30px;
	font-size: 10px;
	line-height:1.1;
	text-align:center;
}

.content_wrap ul {
	margin-top: 0;
	margin-bottom: 4px;
}
.content_wrap .bolder {
	font-weight: bold;
}

form#top_login,
form#forgot_form{
	position:relative;
	width:100%;
}
.js_message {
	display:none;
	position:absolute;
	top:10px;
	right:0px;
	width:238px;
	background-color:#28241e;
	text-align:center;
	padding: 10px;
	z-index: 1;
}


form#forgot_form{
	display:none;
}

form#forgot_form>h2 {
	font-size: 14px;
	text-align:left;
	font-color:#fff;
}
form#forgot_form>p {
	float:left;
	clear:left;
	font-size: 11px;
	text-align:left;
	width:100%;
	color: #fff;
	font-family:OpenSans,sans-serif;
	font-size:10px;
}


form#top_login input[type=submit],
form#forgot_form input[type=submit] {
	-moz-appearance: none;
	-webkit-appearance: none;
	border-radius: 3px;	
	border:none;
	background-color: #fff;
	font-family: "FontAwesome";
	position:relative;
	float:left;
	clear:none;
	font-size: 20px;
	padding: 5px 4px;
	height: 26px;
	line-height: .9;
	margin-top: 7px;
}
form#top_login input#search, 
form#top_login input#login_email_address, 
form#top_login input#login_password,
form#forgot_form input#forgot_email_address {
	font-family: 'Amiri', serif;
	border-radius: 3px;	
	border:none;
	background-color: #fff;
	font-size: 12px;
	padding: 5px 12px;
	color: #999;
	position:relative;
	float:left;
	clear:none;
	height:25px;
	margin-top: 8px;
	margin-bottom:0;
	margin-right: 2px;
	line-height: 1.1;
}

form#top_login input#login_email_address {
	width:120px;
}
form#top_login input#login_password {
	width:80px;
}
form#forgot_form input#forgot_email_address {
	width:200px;
	color:#000;
}

form#top_login div.remember {
	font-family: 'OpenSans',sans-serif;
	font-size: 10px;
	color:#fff;
	width: 120px;
	position:relative;
	float:left;
	clear:left;
	margin-top: 15px;
	text-align:left;
}
form#top_login div.forgot {
	font-family: 'OpenSans',sans-serif;
	font-size: 10px;
	color:#fff;
	width: 110px;
	position:relative;
	float:right;
	clear:none;
	cursor:pointer;
	margin-top: 15px;
	margin-right:6px;
}
#top_login div.forgot:hover{
	color: #fcc;
}


#top_band>#top_band_content>#top_nav {
	position:relative;
	float:right;
}
#top_band>#top_band_content>#top_nav>.icon {
	position:relative;
	float:left;
	clear:none;
	color:#fff;
	font-family: "FontAwesome";
	padding-bottom:8px;
	cursor:pointer;
}

#top_nav>#notifications>.window_wrap>.info_window>.content>.member_info>.icon.delete {
	position:absolute;
	top:2px;
	right:2px;
	font-size:11px;
}

#top_band>#top_band_content>#top_search {
	position: relative;
	float: left;
	clear: none;
}

#top_band>#top_band_content>#top_nav>.icon>.window_wrap {
	position:absolute;
	top: 0;
	right:0px;
	width:190px;
	display:none;
	margin-top:20px;
}
.icon>.window_wrap>.arrow {
	width: 0;
	height: 0;
	position:absolute;
	top:0px;
	left:172px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 10px solid white;
}
#top_band>#top_band_content>#top_nav>.icon>.window_wrap>.info_window {
	position:absolute;
	top: 8px;
	right:-20px;
	width:190px;
	padding: 2px 4px;
	background-color: #fff;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	color: #000;
}
#top_band>#top_band_content>#top_nav>.icon>.window_wrap>.info_window>.title {
	position:relative;
	float:left;
	clear:left;
	width:120px;
	margin: 2px 0;
	font-family: OpenSans, Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align:left;
	padding: 2px 4px;
	color: #000;
}

#top_band>#top_band_content>#top_nav>#messages.icon>.window_wrap>.info_window>.title {
	clear:none;
	width:80px;
	margin: 2px;
	text-align:center;
	padding: 2px 4px;
	color: #000;
	border: 1px solid #999;
}

#top_band>#top_band_content>#top_nav>.icon>.window_wrap>.info_window>.title:hover {
	background-color: #fefef3;
}

#top_band>#top_band_content>#top_nav>.icon>.window_wrap>.info_window>.bottom_title {
	position:relative;
	float:left;
	clear:left;
	width:190px;
	margin-bottom: 6px;
	font-family: OpenSans, Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align:left;
	padding: 2px 4px;
	color: #000;
}
#top_band>#top_band_content>#top_nav>.icon>.window_wrap>.info_window>.content,
#top_band>#top_band_content>#top_nav>.icon>.window_wrap>.info_window>.lower_content {
	position:relative;
	float:left;
	clear:left;
	width:190px;
	min-height:20px;
	margin-bottom: 6px;
}
#top_band>#top_band_content>#top_nav>.icon>.window_wrap>.info_window>.content>p,
#top_band>#top_band_content>#top_nav>.icon>.window_wrap>.info_window>.lower_content>p {
	width: 100%;
	text-align:center;
	font-size:10px;
}

#top_band>#top_band_content>#top_nav>.icon>.alert_bubble {
	position:absolute;
	top: -2px;
	right:-6px;
	font-family: OpenSans, Helvetica, Arial, sans-serif;
	font-size: 8px;
	font-weight: bold;
	padding: 2px 4px;
	background-color: #fff;
	border-radius: 4px;
	color: #fff;
	background-color: #F00;
	box-shadow: 1px 1px 1px #000;
}

.login_button,
.join_button {
	position:relative;
	float:right;
	clear:none;
	text-align:right;
	width: auto;
	color: #fff;
	margin:10px;
	font-weight: bold;
	cursor:pointer;
}
#login_window {
	position:absolute;
	top: 30px;
	right:6px;
	width: 200px;
	height: min-100px;
	padding: 10px;
	display:none;
	background-image: -moz-linear-gradient(top, #ff0000 0%, #ad0606 100%);
	background-image: -ms-linear-gradient(top, #ff0000 0%, #ad0606 100%);
	background-image: -webkit-linear-gradient(top, #ff0000 0%, #ad0606 100%);
	background-image: -o-linear-gradient(top, #ff0000 0%, #ad0606 100%);
	background-image: linear-gradient(top, #ff0000 0%, #ad0606 100%);
	background-repeat: no-repeat;
}
#join_window {
	position:absolute;
	top: 30px;
	right:6px;
	width: 200px;
	min-height: 350px;
	padding: 10px;
	display:none;
	background-image: -moz-linear-gradient(top, #ff0000 0%, #ad0606 100%);
	background-image: -ms-linear-gradient(top, #ff0000 0%, #ad0606 100%);
	background-image: -webkit-linear-gradient(top, #ff0000 0%, #ad0606 100%);
	background-image: -o-linear-gradient(top, #ff0000 0%, #ad0606 100%);
	background-image: linear-gradient(top, #ff0000 0%, #ad0606 100%);
	background-repeat: no-repeat;
}

.content_wrap>.column.left {
	z-index:100;
	display:none;
}

.content_wrap>.column.left>.main_menu>.menu_title {
	position:relative;
	float:left;
	clear:left;
	width: 160px;
	color: #000;
	cursor:pointer;
}
.content_wrap>.column.left>.main_menu>.menu_item {
	position:relative;
	float:left;
	clear:left;
	padding: 1px 2px;
	color: #000;
	cursor:pointer;
	width: 160px;
	display:none;
}

.content_wrap>.column.left>.main_menu>.menu_item.sub {
	font-size: 12px;
	margin: 0 0 0 12px;	
}

.content_wrap>.column.left>.main_menu>.menu_item.show {
	display:block;
}
.content_wrap>.column.left>.main_menu>.menu_title.current,
.content_wrap>.column.left>.main_menu>.menu_title:hover,
.content_wrap>.column.left>.main_menu>.menu_item.current,
.content_wrap>.column.left>.main_menu>.menu_item:hover {
	background-color: #fefef3;
	text-decoration: none;
}
.content_wrap>.column.left>.main_menu>.menu_title,
.content_wrap>.column.left>.main_menu>.menu_item>span>a {
	color: #000;
}
.content_wrap>.column.left>.main_menu>.menu_title:hover,
.content_wrap>.column.left>.main_menu>.menu_item>span>a:hover {
	color: #000;
	text-decoration: none;
}


.content_wrap>.column.left>.main_menu>.menu_item.more,
.content_wrap>.column.left>.main_menu>.menu_item.less {
	margin: 0 0 2px 50px;	
}
.content_wrap>.column.left>.main_menu>.menu_item>.menu_alert {
	position:absolute;
	right:0;
	top:0;
	font-size: 10px;
	font-weight: bold;
	color: #F00;
}
.content_wrap>.column.left>.main_menu>.menu_item>.icon {
	position:absolute;
	right:0;
	top:3px;
	color:#000;
	font-family: "FontAwesome";
	font-size: 12px;
}
.content_wrap>.column.left>.main_menu>.menu_item>.icon.chat {
	right:16px;
}
.content_wrap>.column.left>.main_menu>.menu_item>.icon.activity.submissions {
	right:4px;
}
.content_wrap>.column.left>.main_menu>.menu_item>.icon.activity.submissions {
	right:24px;
}
.content_wrap>.column.left>.main_menu>.menu_item>.icon.activity.hidden {
	display:none;
}
.content_wrap>.column.left>.main_menu>.menu_item>.icon.activity.minutes {
	display:block;
	color: #F00;
}
.content_wrap>.column.left>.main_menu>.menu_item>.icon.activity.hours {
	display:block;
	color: #900;
}
.content_wrap>.column.left>.main_menu>.menu_item>.icon.activity.days {
	display:block;
	color: #999;
}

.content_wrap>.column.left>.ad {
	position: relative;
	float:left;
	clear:left;
	border: 1px solid black;
	width:170px;
	height:140px;
	background-position:left top;
	background-repeat: no-repeat;
	background-size:cover;
	background-image: url('/images/ads/claret_300x250.jpg');
	margin-top: 10px;
}

.content_wrap>.column.right.ads>.ad {
	position: relative;
	float:left;
	clear:left;
	border: 1px solid black;
	width:200px;
	height:160px;
	background-position:left top;
	background-repeat: no-repeat;
	background-size:cover;
	background-image: url('/images/ads/claret_300x250.jpg');
	margin-top: 10px;
}


.content_wrap>.column.wide .item,
.content_wrap>.column.center .item {
	position:relative;
	float:left;
	clear:left;
	margin-bottom: 10px;
	padding: 10px;
	width:100%;
	background-color: #fff;
	height:auto;
}
.content_wrap>.column.wide>.item.twothirds {
	width: calc(67%);
	margin:0;
	float:left;
}


.content_wrap>.column.wide>.column.third>h2 {
	text-align:center;
	font-family: 'Oswald';
	color:#E2A718;
	font-size: 22px;
	font-weight:bold;
}
.content_wrap>.column.wide>.column.third>.item>.front>h2 {
	text-align:left;
	font-family: 'Oswald';
	color:#E2A718;
	font-size: 22px;
	font-weight:bold;
	margin: 2px 0 0 0;
}
.content_wrap>.column.wide>.column.third>.item>.front>p {
	font-size: 12px;
}


.content_wrap>.column .item.third.az {
	width:100%;
	height: 412px;
	background-color: #666;
	color:#fff;
	line-height:1;
}

.column.third.workshops {
/* 	background-color: #eee; */
}
.news_image {
	float:left;
	clear:left;
	width:100%;
	margin: 6px 0;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}

.item.third.news>.news_item>.news_image {
	height: 90px;	
}

.column.wide>.item>.news_item>.news_image {
	height: calc(100vh - 800px);
	min-height: 120px;
	max-height: 300px;
}


.content_wrap>.column .item.third.az>.rear {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 1;
}
.content_wrap>.column .item.third.az>.rear>.poster_image {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	display:none;
}
.content_wrap>.column .item.third.az>.middle {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:25%;
	min-height:90px;
	background-color: #000;
	opacity:0.5;
	z-index:2;
}
.content_wrap>.column .item.third.az>.front {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	width: calc(100% - 20px);
	margin-left: 10px;
	margin-top: 10px;
	z-index: 3;
}
.content_wrap>.column .item.third.az>.front>p {
	font-family: OpenSans, Helvetica, Arial, sans-serif;
}
.content_wrap>.column .item.third.az>.front>.button {
	position: absolute;
	right:0;
	bottom: 0;
}
p.stats {
	font-family: OpenSans, Helvetica, Arial, sans-serif;
	line-height: 1.2;
	font-size: 10px;
	margin:0;
	padding:0;
}

.subpane {
	width:100%;
	margin:0;
	padding:0;
	position:relative;
	float:left;
	clear:left;
	display:none;
}

.home_text_box {	
	position:relative;
	float:left;
	clear:none;
	width: 100%;
	padding: 0px;
	margin-top: 12px;
}

.home_blurb_box {
	position:relative;
	float:right;
	clear:none;
	padding: 0;
	width: 100%;
	min-height:335px;
}
.home_blurb_box>.blurb {
	position:relative;
	top:0;
	left:0;
	display:none;
}
.home_blurb_box>.blurb>p {
	font-size: 12px;
	line-height: 1.2;
	margin: 0;
}
.home_blurb_box>.blurb>p.author_name {
	width:100%;
	text-align:right;
	font-style: normal;
}


/*
.content_wrap>.column.center>.item.title {
	width:100%;
}
*/
.content_wrap>.column.center>.item.title>h2 {
	float:left;
	clear:none;
}

.content_wrap>.column.center>.item.empty,
.content_wrap>.column.center>.item.loader {
	min-height: 200px;
}
.content_wrap>.column.wide>.item.promo,
.content_wrap>.column.wide>.item.delete {
	margin-top:0;
	min-height: 20px;
	width:99%;
	padding: 1%;
	height:auto;
	display:block;
}
body.chat>.content_wrap>.column.center.wide>.item.promo {
	display:none;
}

.content_wrap>.column.center.half>.item {
	width:100%;
}
.content_wrap>.column.wide {
	width:100%;
	min-height:20px;
}
.content_wrap>.column.wide>.item {
	width:100%;
	background-color: #fff;
/* 	min-height: 300px; */
}
.content_wrap>.column.wide>.item.title {
	width:100%;
	min-height: 0;
}

.content_wrap>.column.wide>.item.nav {
	margin-bottom: 0;
	min-height: 20px;
	padding-bottom:0;
}
.content_wrap>.column.center>.item>.item_content {
	position:relative;
	float:left;
	width:100%;
}
.content_wrap>.column.center>.item>.item_content>.avatar {
	position:relative;
	float:left;
	width:36px;
	height:36px;
	border: 1px solid black;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	cursor:pointer;
}
.content_wrap>.column.center>.item>.item_content>.text_box {
	position:relative;
	float:right;
	width:100%;
}
.content_wrap>.column.center>.item>.item_content>.text_box>.time_info {
	font-size: 10px;
	color: #BBB;
}


.content_wrap>.column.right {
	width:260px;
	min-height:400px;
}
.content_wrap>.column.right>.item {
	margin-bottom: 10px;
	padding: 10px;
	width:254px;
	background-color: #fff;
}

.content_wrap>.column.right>.item>p {
	font-size: 12px;
	margin:	0 0 4px 0;
}
.content_wrap>.column.right>.item>.button{
	float:right;
	clear:none;
	left:0;
	margin-left:10px;
	margin-top:0;
}

.content_wrap>.join_window,
.content_wrap>.contest_window {
	width:96%;
	min-height:500px;
	margin-top: 40px;
	margin-left: 2%;
}

.content_wrap>.contest_window h2 {
	font-size: 24px;
}

.public_content {
	position:relative;
	float:left;
	clear:left;
	min-height:500px;
	background-color: #fff;
}

.public_content.full {
	position:relative;
	width:100%;
}
.public_content.left {
	position:relative;
	width:55%;
}
.public_content.right {
	position:relative;
	width:45%;
}

.public_content>.inner_padding {
	position:relative;
	min-height:460px;
	margin:5%;
}
.inner_padding.forgot {
	display:none;
}

.public_content.full>.inner_padding {
	width:90%;
}
.public_content.left>.inner_padding {
	width:90%;
}
.public_content.right>.inner_padding {
	width:92%;
}

.public h2,
.public_content h2 {
	font-family:  'Amiri', serif;
	font-size: 22px;
	color:#000;
	margin: 0 0 4px 0;
	font-weight: bold;
}
.public_content p {
	float:left;
	clear:left;
	font-size: 15px;
	line-height: 20px;
	color:#000;
	margin: 2px 0 10px 0;
	width:100%;
}
.public_content.right h2 {
	color:#fff;
	line-height:1;
}
.public_content.right p {
	color:#fff;
}
.public_content p.warning {
	font-size:11px;
	font-weight:bold;
	margin: 2px;	
}

#public_contact_form input[type=submit] {
    -webkit-appearance: none;
    -moz-appearance: none;
	font-family:  'OpenSans',sans-serif;
    border-radius: 0;
    border-style: solid;
    border-width: 0;
    cursor: pointer;
    font-weight: normal;
    line-height: normal;
    margin: 0 0 1.25rem;
    position: relative;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    padding: 4px;
    font-size: 1rem;
    background-color: #E2A718;
    border-color: #E2A718;
    color: #fff;
    transition: background-color 300ms ease-out;
}
#public_contact_form input[type=submit]:hover {
    background-color: #900;
}

.news_item { 
	position:relative;
	float:left;
	width:100%;
}
a.more { 
	font-size: 12px;
	font-weight:bold;
}

.public_content.right {
	position:relative;
	float:right;
	clear:none;
	background-image: -moz-linear-gradient(top, #ff0000 0%, #ad0606 100%);
	background-image: -ms-linear-gradient(top, #ff0000 0%, #ad0606 100%);
	background-image: -webkit-linear-gradient(top, #ff0000 0%, #ad0606 100%);
	background-image: -o-linear-gradient(top, #ff0000 0%, #ad0606 100%);
	background-image: linear-gradient(top, #ff0000 0%, #ad0606 100%);
	background-repeat: no-repeat;
}
.public_content.right.full {
	width:100%;	
}

.public_content input[type=text],
.public_content input[type=password],
#join_window input[type=text],
#join_window input[type=password] {
	position:relative;
	float:left;
	clear:left;
	border-radius: 3px;	
	border:none;
	background-color: #fff;
	font-size: 16px;
	padding: 6px 12px;
	color: #999;
	margin: 2px 0;
	width:88%;
}
.public_content input[type=text] {
	width: 172px;
}
.public_content input[type=password] {
	width: 172px;
}
.public_content select {
	position:relative;
	float:left;
	clear:left;
	border-radius: 3px;	
	border:none;
	background-color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding: 2px;
	color: #000;
	padding: 2px;
	margin: 2px 0;
}

.public_content input[type=submit],
#top_band>#top_band_content #join_window input[type=submit] {
	-moz-appearance: none;
	-webkit-appearance: none;
	font-family: OpenSans, Helvetica, Arial, sans-serif;
	position:relative;
	float:left;
	clear:none;
	border-radius: 3px;	
	border:none;
	background-color: #eee;
	font-size: 16px;
	padding: 3px 8px;
	margin: 2px;
	cursor:pointer;
}
.public_content input[type=submit]:hover {
	background-color: #ddd;
	color: #999;
}

#forgot_form {
	display:none;
}
#forgot_form>h2,
#forgot_form>p {
	color:#fff;
}

#forgot_form>input#join_submit {
	-moz-appearance: none;
	-webkit-appearance: none;
	border-radius: 3px;	
	border:none;
	background-color: #fff;
	font-family: "FontAwesome";
	position:relative;
	float:left;
	clear:none;
	font-size: 20px;
	padding: 5px 4px;
	line-height: 1;
	color:#000;	
}

#public_contact_form .error {
	position:relative;
	float:left;
	clear:left;
	width: 90%;
	display:none;
	margin: 6px 0;
	font-weight: bold;
}

#join_form>.error, 
#reset_form>.error, 
#forgot_form>.error {
	position:relative;
	float:left;
	clear:left;
	display:none;
	width: 100%;
	color: #F00;
	font-size: 13px;
	margin: 0;
	line-height: 1.1;
	text-align:left;
}
#join_form>.forgot, 
#forgot_form>.back_to_join,
#reset_form>.back_to_join {
	position:relative;
	float:left;
	clear:left;
	width:200px;
	color:#fff;
	margin-top:4px;
	font-size: 11px;
	cursor: pointer;	
	font-family:OpenSans,sans-serif;
	font-size:10px;
}
#forgot_form>.back_to_join:hover {
	color: #fcc;
}

.join_form_wrap {
	position:relative;
	float:left;
	clear:both;	
	margin-top: 0;
	width:100%;
}
.join_form_wrap h2 {
	text-align:left;
	font-family: 'Oswald';
	color:#E2A718;
	font-size: 22px;
	font-weight:bold;
	margin: 2px 0 8px 0;
}

#join_form p.agree {
	position:relative;
	float:left;
	font-size: 10px;
	line-height:1;
	margin-bottom:0;
	width:100%;
}
#join_form p.agree>a {
	text-decoration:underline;
}
#join_form input[type="text"] {
	line-height: 1.1;
	margin-bottom: 4px;
	clear:left;
}

#join_form input.name {
	float:left;
	clear:none;
}
#join_form input.name#join_middle_name,
#join_form input.name#join_first_name {
	margin-right: 12px;
}

#join_form input#join_email_address,
#join_form input#join_email_address2,
#join_form input#join_password,
#join_form input#join_password2 {
	width:calc(50% - 5px);
	float:left;
	clear:none;
}
#join_form input#join_email_address,
#join_form input#join_password {
	clear:left;
}
#join_form input#join_email_address,
#join_form input#join_password {
	margin-right: 10px;
}


.az_menu>.button {
	-moz-appearance: none;
	-webkit-appearance: none;
	position:relative;
	float:left;
	clear:none;
	background-color: #eee;
	color:#000;
	border: 1px solid #999;
	font-weight: bold;
	cursor:pointer;
	margin-left: 0;
	margin-right: 2px;
	z-index:10;
	border-radius: 0;
	font-size: 12px;
	padding: 4px 8px;
}
.button.right {
	position:relative;
	float:right;
	clear:none;
	margin-left: 2px;
	margin-right: 0;
	margin-top:0;
}
.reply_wrap>form>.button.right {
	margin-top:6px;
}

.button.contest.submit {
	left: 50%;
	margin-left: -50px;
	margin-top: 20px;
}
.button.contest.submit:hover {
	color: #fff;
	background-color: #999;
}


.inactive {
	color: #ccc;
	border: 1px solid #ccc;
	cursor:default;
}

.button.current {
	background-color: #fefef3;
}

input.button,
.button {
	position:relative;
	float:left;
	clear:left;
	background-color: #eee;
	border: 1px solid #999;
	font-weight: bold;
	font-size: 13px;
	padding: 4px 8px;
	cursor:pointer;
	margin-top: 12px;
	color:#000;
}

.button.back,
.button.cancel,
.button.another {
	float:left;
	clear:none;
	margin-left:12px;
}

.button.centered {
	left: 50%;
	margin-left: -60px;
}
.button.contest.disabled,
.button.disabled {
	color:#ccc;
	background-color: #eee;
	border: 1px solid #999;
	cursor:default;
}



 #top_nav .button {
	float:left;
	clear:none;
	font-size: 10px;
	padding: 2px;
	cursor:pointer;
	margin-left: 10px;
	margin-top: 6px;
	left:0;
}

.ajax_loader {
	position:absolute;
	top:0;
	left:0;
	background-color:#DDD;
	width:100%;
	height:100%;
	min-height:30px;
	opacity: .7;
	background-image: url(/images/ajax-loader-3.gif);
	background-position: center center;
	background-repeat: no-repeat;
	z-index:100;
	margin:0;
	padding:0;
}
.ajax_loader.smaller {
	background-size: 60%;
	opacity: .9;
}


.small_ajax_loader {
	position:relative;
	float:right;
	clear:none;
	width:30px;
	height:30px;
	background-image: url(/images/ajax-loader-3.gif);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 70%;
	margin:4px;
	display:none;
}
.small_ajax_loader.left {
	float:left;
}


.main_menu>.loader {
	position:relative;
	float:left;
	clear:left;
	width: 170px;
	height: 80px;
}


.blurb_info {
	position:relative;
	float:left;
	width:180px;
	min-height: 36px;
	margin-top:10px;
	margin-bottom:2px;
}
.blurb_info>.avatar {
	position:relative;
	float:left;
	width:64px;
	height:64px;
	border-radius:32px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	cursor: default;
	margin:2px;
}

.blurb_info>.member_name {
	position:relative;
	float:left;
	margin-top: 22px;
	margin-left: 6px;
	width:100px;
}
.blurb_info>.member_name>p {
	font-size: 12px;
	margin:0;
	font-weight:bold;
}
.blurb_info>.member_name>p.since {
	font-weight:normal;
}


.member_info {
	position:relative;
	float:left;
	width:180px;
	min-height: 36px;
	margin-bottom:2px;
}
.member_info.new {
	background-color: #fefef3;
}
.member_info:hover {
	background-color: #fefef3;
}

.member_info>.avatar {
	position:relative;
	float:left;
	width:36px;
	height:36px;
	border: 1px solid black;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	cursor:pointer;
	margin:2px;
}
.collapsed>.member_info>.avatar {
	width:28px;
	height:28px;
}
.expandedå>.member_info>.avatar {
	width:36px;
	height:36px;
}


.member_info>.member_name {
	position:relative;
	float:right;
	width:136px;
}

.member_info>.member_name>p {
	position:relative;
	float:left;
	clear:left;
}
.member_info>.member_name>p.name {
	font-size: 12px;
	line-height: 12px;
	font-weight: bold;
	margin: 6px 0 0 4px;
	cursor: pointer;
}
.member_info>.member_name>p.date {
	font-size: 10px;
	line-height: 12px;
	margin: 0 0 0 4px;
	cursor: pointer;
}
.member_info>.member_name>p.name:hover {
/* 	color: #F66; */
}
.member_info>.member_name>p.info {
	font-size: 10px;
	line-height: 10px;
	font-weight: bold;
	margin: 2px 0 0 4px;
}

.member_info>.member_name>p.info>a {
	font-size: 10px;
	font-weight: bold;
}
.member_info>.text_message {
	position:relative;
	float:left;
	clear:left;
	font-size: 11px;
	text-align:left;
	margin:4px;
	padding:4px;
	background-color: #eee;
	width:172px;
}
.member_info>.date_line {
	position:relative;
	float:left;
	clear:none;
	font-size: 10px;
	text-align:left;
	margin:0 4px;
	padding:0 2px;
	width:120px;
}
.member_info>.subject_line {
	position:relative;
	float:left;
	clear:none;
	font-size: 10px;
	text-align:left;
	margin:0 4px;
	padding:0 2px;
	width:120px;
}
#notifications .member_info>.subject_line {
	width:170px;
}
.member_info>.subject_line>.name {
	font-weight: bold;
}

.info#logout {
	margin-top:6px;
	cursor: pointer;
}
.info#logout:hover {
	color:#f00;	
}

#messages .member_info {
	margin:2px;
}
#messages .member_info>.member_name>p.name {
	text-align:left;
	margin: 0px 0 0 4px;
}

.scrim {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color: #222;
	opacity: .9;
	z-index: 100;
	display:none;
}

.white_box {
	position:absolute;
	top: 40px;
	background-color: #fff;
	background-position: center center;
	background-size:contain;
	background-repeat: no-repeat;
	border: 1px solid black;
	overflow:hidden;
	z-index: 101;
	display:none;
	height:calc(100% - 50px);
}
.white_box_content {
	position:absolute;
	top:0;
	left:0;
	margin-top: 50px;
	margin-left:40px;
	overflow:scroll;
	border: 1px solid #ddd;
	padding: 20px;
	height:calc(100% - 130px);
	width:calc(100% - 120px);
}

.white_box>.white_box_bottom_buttons {
	position:absolute;
	left: 2%;
	bottom: 10px;
	width:96%;
}

.white_box#remove_review_box {
	z-index:101;
}

.image_viewer {
	position: absolute;
	top: 180px;
	left: 0;
	width: 98%;
	min-height: 100px;
	margin-left: 1%;
	background-color: #000;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	overflow: hidden;
	z-index:200;
}
.image_viewer>.avatar_button {
	position:absolute;
	top:10px;
	left:10px;
	background-color: #eee;
	border: 1px solid #999;
	font-weight: bold;
	font-size: 13px;
	padding: 4px 8px;
	cursor:pointer;
	z-index:105;
	display:none;
}

.avatar_editor {
	position:absolute;
	width: 400px;
	height: 500px;
	top:50%;
	left:50%;
	margin-top:-270px;
	margin-left:-200px;
	background-color:#000;
	background-position: center center;
	background-size:contain;
	background-repeat: no-repeat;
	display:none;
	overflow: hidden;
}

.avatar_description {
	position:absolute;
	width:200px;
	height:60px;
	top:50%;
	margin-top: -120px;
	left:710px;
	display:none;
}

.avatar_editor>.ok_button,
.avatar_editor>.cancel_button {
	position:absolute;
	top:460px;
	background-color: #eee;
	border: 1px solid #999;
	font-weight: bold;
	font-size: 13px;
	padding: 4px 8px;
	cursor:pointer;
	z-index:105;
}
.avatar_editor>.ok_button {
	right: 20px;
}
.avatar_editor>.cancel_button {
	left: 20px;
}

.avatar_editor>.draggable {
	position:absolute;
	top:0;
	left:0;	
	z-index:101;
}
.avatar_editor>.dragger {
	position:absolute;
	top:0;
	left:0;	
	z-index:104;
	cursor: pointer;
}

.avatar_editor>.mask {
	position:absolute;
	top:0;
	right:0;
	width: 400px;
	height: 500px;
	background-image:url(/images/mask.png);
	background-position: center center;
	background-size:cover;
	background-repeat: no-repeat;
	opacity: .7;
	z-index:102;
}
.avatar_editor>.slider {
	width: 300px;	
	margin-left: 50px;
	margin-top: 420px;
	z-index:105;
}


.image_list {
	position: absolute;
	top: 60px;
	left: 0;
	width: 98%;
	height: 110px;
	margin-left: 1%;
	overflow-y: scroll;
	background-color: #eee;
}
.image_list>.image {
	position:relative;
	float:left;
	clear:none;
	width: 100px;
	height: 100px;	
	margin: 4px 0 4px 4px;
	border: 1px solid black;
	cursor:pointer;
	background-position: center center;
	background-size:cover;
}
.image_list>.image.current {
	border: 1px solid #F00;	
}

.image_add {
	position: absolute;
	top:7px;
	right: 70px;
	width: 120px;
	height: 42px; 
	cursor: pointer;
	background-position: center center;
	background-size: cover;
	background-color: #eee;
	border: 1px solid #999;
}
.image_add.welcome {
	margin-top: 60px;
	left:50%;
	margin-left: -60px;
}

.image_add>.title {
	position:relative;
	float:left;
	clear:left;
	width:120px;
	text-align: center;
	font-weight: bold;
	font-size: 11px;
	margin-top:2px;
}
.image_add>.icon {
	position:relative;
	float:left;
	clear:left;
	color:#000;
	width:120px;
	text-align: center;
	font-family: "FontAwesome";
	font-size: 20px;
	z-index: 102;
}
.image_add:hover>.title,  
.image_add:hover>.icon {
	color:#F00;	
	z-index: 102;
}
.image_viewer>.icon,
.avatar_editor>.icon,
.discuss_image_viewer>.icon {
	position:absolute;
	top:6px;
	right:6px;
	color:#FFF;
	background-color:#000;
	padding: 4px;
	border-radius: 3px;
	font-family: "FontAwesome";
	font-size: 20px;
	z-index:106;
	cursor:pointer;
}
.image_viewer>.icon:hover,
.avatar_editor>.icon:hover,
.discuss_image_viewer>.icon:hover {
	color:#F00;	
}
.image_viewer>.icon.delete,
.avatar_editor>.icon.delete {
	right:6px;
}
.image_viewer>.icon.rotate.left,
.avatar_editor>.icon.rotate.left {
	right:86px;
}
.image_viewer>.icon.rotate.right,
.avatar_editor>.icon.rotate.right {
	right:46px;
}
.avatar_editor>.ajax_loader {
	z-index:106;
}

.image_add>.progress_bar {
	position:absolute;
	top:2px;
	left:10px;
	height:14px;
	width:100px;
	background-color:#666;
	border-radius: 4px;
	display:none;
}
.image_add>.progress_bar>.inner_bar {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:0%;
	background-color:#ccc;
}

input#photo {
	position:absolute;
	top:0;
	left:0;
	opacity: 0;
	height:40px;
	width:120px;
	z-index: 103;
	border: 1px solid black;
	cursor:pointer;
}

.close,.close_remove_review {
	position:absolute;
	top:6px;
	right:6px;
	background-color: #eee;
	border: 1px solid #999;
	font-weight: bold;
	font-size: 12px;
	padding: 2px 4px;
	cursor:pointer;
	z-index:10;
}

.search_results {
	position:absolute;
	top:28px;
	left:0px;
	background-color: #fff;
	box-shadow: 1px 1px 5px #000000;
	width:428px;
	z-index: 100;
}
.search_results>.member_info {
	position:relative;
	float:left;
	clear:left;
	margin: 2px 0 2px 6px;
	width:420px;
	min-height:40px;
}
.member_info.current {
	background-color: #fefef3;
}

.search_results>.member_info>.member_name {
	position:relative;
	float:left;
	clear:none;
	width:370px;
	margin-top: 6px;
	font-size: 14px;
}
.notification_window {
	position:absolute;
	top:90px;
	width:180px;
	min-height:80px;
	background-color: #fff;
	border: 1px solid #999;
	z-index:300;
	box-shadow: 2px 2px 5px #000000;
	padding: 10px;
	display:none;
	right: 10px;
}

.notifications_item {
	position:relative;
	float:left;
	clear:left;
	width: 400px;
	margin:6px 20px;
}
.notifications_item>input[type=checkbox] {
	position:relative;
	float:left;
	clear:left;
	margin-top: 6px;
	margin-left: 12px;
}

.notifications_item>.title {
	position:relative;
	float:left;
	clear:none;
	width: 340px;	
	margin-left: 12px;
}

.notifications_item>.button.done {
	margin-top: 10px;
	margin-left: 40px;
}


span.date, span.countdown {
	color:#000;
}
span.date.light {
	color:#fff;
}
td.name>span.date {
	float:right;
}
td.name>span.date, 
span.date.leftSpace {
	margin-left: 12px;
}
.date_line>span.date {
	font-size: 9px;
}


span.minutes {
	color: #F00;
}
span.hours {
	color: #C00;
}
span.days {
	color: #900;
}


.delete_confirm {
	position:absolute;
	top:20px;
	right:0;
	width: 200px;
	min-height:100px;
	background-color: #900;
	display:none;
	z-index:2;
	padding: 12px;
}

.delete_confirm>p {
	color: #fff;
	text-align:center;
	font-size:11px;
}

.delete_confirm>.small_button {
	position:relative;
	float:left;
	clear:none;
	padding:4px;
	border-radius:2px;
	background-color: #fff;
	color: #000;
	font-size: 11px;
	font-weight: bold;
	margin: 6px;
}

.delete_confirm>.small_button.no {
	margin-left: 70px;
}

.image_viewer>.icon.delete>.delete_confirm {
	top:28px;
}

.small_progress_bar_wrapper {
	position:relative;
	float:left;
	clear:none;
	width: 122px;
	height: 20px;
	background-color:#FFF;
	margin-left: 0px;
	margin-top:13px;
	display:none;
}
#welcome_box .small_progress_bar_wrapper {
	clear:left;
	left: 50%;
	margin-left:-60px;
	margin-top:2px;
}

#image_box>.small_progress_bar_wrapper {
	margin-top:17px;
}

.small_progress_bar_wrapper>.progress_bar {
	position:absolute;
	top:0;
	left:0;
	height:30px;
	width:122px;
	background-color:#666;
	border-radius: 4px;
	overflow:hidden;
	display:block;
}
.small_progress_bar_wrapper>.progress_bar>.inner_bar {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:0%;
	background-color:#B00;
}
form#new_subject>.input_wrapper>.icon,
.reply_wrap>form>.input_wrapper>.icon,
form#edit_post>.input_wrapper>.icon {
	position:relative;
	float:left;
	clear:none;
	color:#000;
	font-family: "FontAwesome";
	font-size: 20px;
}

.reply_wrap>form>.input_wrapper.icon,
form#edit_post>.input_wrapper.icon {
	margin: 14px 8px 4px 0px;
}


form#new_subject .icon:hover, 
.reply_wrap .icon:hover,
form#edit_post .icon:hover {
	color:#900;
	cursor:pointer;

}
.icon>input#add_photo,
.icon>input#add_photo1,
.icon>input#add_file,
.icon>input#add_file1 {
	position:absolute;
	left:0;
	width:100%;
	height:100%;
	opacity:0;
	z-index:2;
	cursor: pointer;
}

input[type="submit"] {
	-moz-appearance: none;
	-webkit-appearance: none;
}

.button.right.small {
	float:right;
	clear:none;
	margin: 0;
	left:0;
	font-size: 11px;
	padding: 2px 6px;
}
.info_panel .button.right.submit {
	margin-top:12px;
}

.button.right.small.show {
	margin-top: 6px;	
	margin-right: 60px;	
}
.button.right.small.hide {
	margin-top: 6px;	
	margin-right: 10px;	
}

.button.right.reply {
	position:absolute;
	bottom:10px;
	right:10px;
	display:none;
}
.progress_bar_wrapper {
	position:relative;
	float:left;
	clear:none;
	width: 594px;
	height: 100px;
	border:1px solid #eee;
	background-color:#FFF;
	border-radius: 5px;
	margin-left: 20px;
	margin-top: 20px;
	display:none;
}
.progress_bar_wrapper>.title {
	position:absolute;
	top:8px;
	left:10px;
	height:30px;
	width:500px;
	font-size:16px;
	font-weight: bold;
}
.progress_bar_wrapper>.progress_bar {
	position:absolute;
	top:40px;
	left:10px;
	height:30px;
	width:570px;
	background-color:#666;
	border-radius: 4px;
	display:block;
}
.progress_bar_wrapper>.progress_bar>.inner_bar {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:0%;
	background-color:#B00;
}
.post_block {
	position:relative;
	float:left;
	clear:left;
	margin: 0 0 12px 0;
	background-color:#f9f9f9;
	width:96%;
	margin-left:2%;
}
.reply_wrap>.post_block {
	background-color:#fff;
}
.reply_scrim {
	position: absolute;
	background-color: #000;
	opacity: .75;
	height: 100%;
	width: 100%;
	z-index: 101;
}
.post_block.collapsed {
	margin: 0 0 4px 0;
}
.post_block.expanded {
	margin: 0 0 12px 0;
}
.post_block.threaded {
	width:300px;
}
.post_block.current {
	background-color: #fefef3;
}
.post_block#review {
	width: 90%;
	margin: 0 5%;
	background-color:#fff;
}
.post_block#new_post {
	margin: 0 30px;
	background-color:#fff;
}
.post_block>.member_name {
	float:left;
	clear:none;
	margin:0;
	font-size: 13px;
	font-weight:700;
}
.post_block>.post_date {
	position:relative;
	font-size: 11px;
	font-weight:200;
	margin-left: 2px;
}
.post_block>.rate,
.post_block>.icon {
	position:relative;
	float:right;
	clear:none;
	margin:10px 16px 0 0;
	font-size:14px;
	font-family: "FontAwesome";
	cursor: pointer;
}
.post_block>.rate.rated {
	color:#E2A718;
}

.post_block>.icon.delete {
	z-index: 1;
}
.post_block>.rate.up {
	z-index: 2;
}

.post_block .count_bubble {
	position:absolute;
	top:-10px;
	left:9px;
	padding:2px 4px;
	border-radius:3px;
	font-size: 11px;
	font-weight:700;
	color:#3593e1;
}
.post_block>.edit_block>.downrate>.count_bubble {
	top: 0px;
	left: 20px;
}
.post_block>.rate>.count_bubble>.like_names_list {
	width: 140px;
	position:absolute;
	top:26px;
	right:12px;
	background-color:#fff;
	padding: 6px;
	text-align:left;
	border: 1px solid #eee;
	display:none;
	font-size:11px;
	font-weight:normal;
}
.post_block>.rate:hover>.count_bubble>.like_names_list {
	display:block;
}
.post_block.expanded:hover>.button.right.reply {
	display:block;
}

.post_block>.message {
	float:left;
	clear:none;
	margin-top:10px;
	margin-bottom: 6px;
	padding: 10px 10px;
	width:96%;
	min-height: 20px;
	overflow: hidden;
}
.post_block>.message.hidden {
	font-style: italic;
	text-align:center;
	min-height: 10px;
	font-size: 12px;
	font-weight:100;
}
.post_block>.replies {
	float:left;
	clear:left;
	margin:0;
	font-size: 13px;
	font-weight:700;
	width: 500px;
}
.post_block>.replies>label {
	float:left;
	clear:left;
	margin:10px 0;
	font-size: 13px;
	font-weight:700;
	width: 70px;
}
.post_block>.replies>.replies_names {
	float:left;
	clear:none;
	margin:10px 0;
	font-size: 12px;
	font-weight: 200;
}
.post_block>.replies>.replies_names>p {
	float:left;
	clear:left;
	margin:2px 0;
	font-size: 12px;
	font-weight: 200;
}

.post_block>.attachments {
	position:relative;
	float:left;
	clear:none;
	width: 250px;
}
.post_block>.attachments>.file>.icon{
	margin:0 6px 0 0;
	font-size:14px;
	font-family: "FontAwesome";
}
.post_block>.attachments>.file {
	position:relative;
	float:left;
	clear:left;
	font-size: 12px;
	cursor: pointer;
	margin-left: 20px;
}
.post_block>.attachments>.file_title  {
	position:relative;
	float:left;
	clear:none;
	font-size: 12px;
	font-weight: bold;
}

.attached_files_list>.file>.icon {
	margin:3px 8px 0 8px;
	font-size:12px;
	font-family: "FontAwesome";
	float:left;
	clear:none;
	cursor:none;
}
.post_block>.images  {
	position:relative;
	float:left;
	clear:left;
	margin-left: 1%;
	margin-top: 10px;
	width: 98%;
	min-height:100px;
	background-color: #f2f2f2;
}
#new_subject>.input_wrapper>.images,
.reply_wrap>form>.input_wrapper>.images {
	position:relative;
	float:left;
	clear:none;
	width: 95%;
	margin-left: 1%;
	min-height:100px;
	display:none;
	background-color:#ddd;
}

#new_subject>.input_wrapper>.images>.image_file,
.post_block>.images>.image_file  {
	position:relative;
	float:left;
	clear:none;
	margin:1px;
	width:120px;
	height:120px;
	background-color:#ccc;
	cursor:pointer;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
#new_subject>.input_wrapper>.images>.image_file>.icon.delete,
.reply_wrap>form>.input_wrapper>.images>.image_file>.icon.delete,
.post_block>.images>.image_file>.icon.delete  {
	position:absolute;
	top:2px;
	right:2px;
	font-size:11px;
	color:#fff;
	font-family: "FontAwesome";
	cursor:pointer;
	padding: 1px 3px;
	display: none;
	background-color: #000;
}
#new_subject>.input_wrapper>.images>.image_file:hover>.icon.delete,
.reply_wrap>form>.input_wrapper>.images>.image_file:hover>.icon.delete,
.post_block>.images>.image_file:hover>.icon.delete  {
	display: block;
}

.input_wrapper>.images>.image_file {
	position:relative;
	float:left;
	clear:none;
	margin:1px;
	width:100px;
	height:100px;
	background-color:#ccc;
	cursor:pointer;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.attach_window {
	position:absolute;
	top: 0px;
	left:10px;
	max-width:604px;
	height:150px;
	z-index:10;
	display:none;
	padding-left: 10px;
}

.attach_window>.files_box {
	position:relative;
	float:left;
	clear:none;
	width:300px;
	height:150px;
	font-size:12px;
	border-right: 1px solid #eee;
	color:#000;
	background-color:#fff;
	border: 1px solid #ddd;
	display:none;
}
.attach_window>.files_box>.inner {
	position:relative;
	float:left;
	clear:none;
	width:150px;
	height:150px;
	overflow: scroll;
}
.attach_window>.files_box>.inner>p.title {
	font-size:14px;
	font-weight:700;
	margin:2px 0 0 4px;	
	text-align:left;
	width:94%;
}
.attach_window>.files_box>.inner>p {
	font-size:12px;
	font-weight:700;
	margin:2px 0 0 8px;
	text-align:left;
}

.attach_window>.files_box>.inner>.image {
	width: 43px;
	height: 43px;
	border:1px solid black;
	margin:1px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	float:left;
	clear:none;
}
.attach_window>.uploads_box {
	position:relative;
	float:left;
	clear:none;
	width:150px;
	height:150px;
	font-size:12px;
	color:#000;
	background-color:#fff;
	border: 1px solid #eee;
}

.attach_window>.uploads_box>input#add_file,
.attach_window>.uploads_box>input#add_file1 {
	position:absolute;
	left:0;
	width:100%;
	height:100%;
	opacity:0;
	z-index:2;
	cursor: pointer;
}
.attach_window>.uploads_box>.icon {
	position:absolute;
	margin-top:-15px;
	margin-left:-15px;
	top:40%;
	left:50%;
	z-index:1;
	font-family: "FontAwesome";
	font-size: 30px;
}

.attach_window>.uploads_box>.text {
	position:absolute;
	top:64%;
	z-index:1;
	font-size:12px;
	font-weight:700;
	text-align:center;
	width:100%;
}

.attach_window>.uploads_box:hover {
	color:#E2A718;	
}

.attach_window>.uploads_box>.small_progress_bar_wrapper {
	margin-left: 15px;
	margin-top: 13%;
	display:none;
}

.attached_files_wrap {
	position:relative;
	float:left;
	clear:none;
	margin-left: 20px;
	margin-top: 12px;
	display:none;
	width:410px;
}

.attached_files_wrap>.title {
	position:relative;
	float:left;
	clear:left;
	font-size:12px;
	font-weight:700;
	margin-right: 6px;
	width: 90px;
}
.attached_files_wrap>.attached_files_list {
	position:relative;
	float:left;
	clear:none;
	width:320px;
	min-height:14px;
	margin:0;
}

.attached_files_wrap>.attached_files_list>.file {
	position:relative;
	float:left;
	clear:left;
	margin: 0 0 2px 2px;
	font-size:12px;
}


.tinymce_wrapper {
	position:relative;
	float:left;
	clear:left;
	border: 1px solid black;
	height:300px;
}
textarea.tinymce.new_post {
	height:320px;
}
input#subject {
	position:relative;
	float:left;
	clear:left;
	width: 760px;	
	margin: 10px 0;
	font-size: 16px;
	font-weight: bold;
	padding: 4px;
	color: #666;
}

form#new_subject {
	width: 100%;
	height:auto;
}

div.input_wrapper {
	position:relative;
	float:left;
	clear:left;
	width:90%;
	margin: 10px 5%;
}

.workshop_content {
	position:relative;
	float:left;
	clear:left;
	width:100%;
	border-spacing: 0;
	min-height: 40px;
}
.workshop_content.discuss {
	min-height:300px;
}
.workshop_content.new_subject {
	margin-bottom: 30px;
	width:800px;
	display:none;
}

.groups_list_wrap>table,
.workshop_content>table {
	position:relative;
	float:left;
	clear:left;
	width:100%;
	border-spacing: 0;
	margin-bottom:20px;
}
.groups_list_wrap>table>thead>tr>th,
.workshop_content>table>thead>tr>th {
	text-align:left;
	font-weight:700;
	margin: 0;
	border:none;
	background-color: #E5E5E5;
	padding: 2px 12px 2px 4px;
	vertical-align: top;
}
.workshop_content>table>thead>tr>th.right {
	text-align:right;
}
.groups_list_wrap>table>thead>tr>th.centered,
.workshop_content>table>thead>tr>th.centered {
	text-align:center;
}
.workshop_content>table>thead>tr>th.title {
	text-align:left;
	cursor: pointer;
	position:relative;
}
.workshop_content>table>thead>tr>th.title.added {
	width:10%;
}
.workshop_content>table>thead>tr>th.title.posts {
	min-width: 60px;
}

.workshop_content>table.awards_list {
	width:99%;
	margin:0.5%;
	float:left;
	clear:left;
}
.workshop_content>table.cast_list {
	width:49%;
	margin:0.5%;
	float:left;
	clear:left;
}
.workshop_content>table.crew_list {
	width:49%;
	margin:0.5%;
	float:left;
	clear:none;
}
.workshop_content>table.awards_list td,
.workshop_content>table.cast_list td,
.workshop_content>table.crew_list td {
	padding: 2px;
}
.workshop_content>table.awards_list td.title,
.workshop_content>table.cast_list td.title,
.workshop_content>table.crew_list td.title {
	font-weight:bold;
}

.workshop_content>table.awards_list>tbody>tr>td.icon {
	text-align:center;
	font-size: 12px;
}

table,
table>thead,
table>thead>tr,
table>thead>tr>th.title,
table>thead>tr>th.sorting-asc,
table>thead>tr>th.sorting-desc {
	position:relative;
	cursor:pointer;
}

table>thead>tr>th.sorting-asc {
	background-color: #fde2c8;
}
table>thead>tr>th.sorting-desc {
	background-color: #fde2c8;
}
table>thead>tr>th>.icon.right.arrow {
	position: absolute;
	right: 1px;
	top: 6px;
	font-family: "FontAwesome";
	font-size: 10px;
}


table.discussion_list>tbody>tr.current>td {
	background-color: #fefef3;
}
table.discussion_list>tbody>tr:hover>td {
	background-color: #fefef3;
}
table.discussion_list>tbody>tr>td.name:hover {
	background-color: #fdedc8;
}
table.discussion_list>tbody>tr>td.posts {
	width: 1%;
}


.workshop_content>table>tbody>tr.new>td.icon,
.workshop_content>table>tbody>tr>td.icon,
.workshop_content>table>tbody>tr.new>td.icon>.icon,
.workshop_content>table>tbody>tr>td.icon>.icon {
	position:relative;
	font-family: "FontAwesome";
	font-size: 14px;
	padding: 6px;
	font-weight:normal;
	cursor: pointer;
}

.groups_list_wrap>table>tbody>tr.odd,
.workshop_content>table>tbody>tr.odd {
	background-color: #F5F5F5;
}
.groups_list_wrap>table>tbody>tr.even,
.workshop_content>table>tbody>tr.even {
	background-color: #FAFAFA;
}
.workshop_content>table>tbody>tr.odd:hover, 
.workshop_content>table>tbody>tr.even:hover {
	background-color: #fefef3;
}
.workshop_content>table>tbody>tr>td.title,
.workshop_content>table>tbody>tr>td.name,
.workshop_content>table>tbody>tr>td.thumb {
	cursor:pointer;
	text-align:left;
}

table.discussion_list>tbody>tr>td.title {
 	font-weight: bold; 
}
.workshop_content>table>tbody>tr>td.title {
	width:46%;
}
.workshop_content>table>tbody>tr>td.title.filename {
	width:25%;
}
.workshop_content>table>tbody>tr>td.file_title {
	cursor:pointer;
}

.workshop_content>table>tbody>tr>td.file_title {
	font-weight: bold;
	font-size: 15px;
	width:30%;
	text-align:left;
}
.workshop_content>table>tbody>tr>td.ratings {
	font-weight: bold;
	color:#E2A718;
}
.workshop_content>table>tbody>tr>td.ratings:hover {
	color:#F00;
}

.workshop_content>table>tbody>tr>td.thumb {
	width:1%;
}

.workshop_content>table>tbody>tr>td.thumb>.thumbnail {
	width:100px;
	height:100px;
	background-position:center center;
	background-repeat: no-repeat;
	background-size: cover;
	float:left;
	clear:none;
}
.workshop_content>table>tbody>tr>td.title>h2 {
	font-size: 16px;
	font-weight: bold;
}
.workshop_content>table>tbody>tr>td.title>.promo {
	position:relative;
	float:left;
	clear:left;
	font-size: 12px;
	font-weight:normal;
	margin-top: 6px;	
	display:none;
	width: 100%;
}

.workshop_content>table.jpg>tbody>tr>td.title>.promo {
	display:block;
}
.workshop_content>table>tbody>tr>td.title>.promo>.button.read {
	font-size: 10px;
}
.workshop_content>table.jpg>tbody>tr>td.title>.promo>.button.read {
	display:none;
}
.workshop_content>table>tbody>tr>td.title>.live_date {
	float:right;
	clear:none;
	text-align:right;
	width: 100px;
	font-size: 10px;
}
.workshop_content>table>tbody>tr>td>p>.submission_title {
	font-weight: bold;
	margin-right:6px;
}
.workshop_content>table>tbody>tr>td>p>.submission_author {
	font-weight: normal;
}
.workshop_content>table>tbody>tr>td.show_all {
	text-align:right;
	cursor: pointer;
}

.workshop_content>table>tbody>tr.loader>td {
	position:relative;
	height: 30px;
}

.item.title>h2 {
	font-family:  'Amiri', serif;
	color:#E2A718;
	font-weight: bold;
	line-height: 1;
}
#dynamic_page_title {
	float:left;
	clear:none;
	margin-bottom: 2px;
	font-family:  'Amiri', serif;
	color:#E2A718;
	font-weight: bold;
	line-height: 1;
	font-size: 18px;
}
#static_page_title {
	float:left;
	clear:none;
	margin: 0;
	font-family:  'Amiri', serif;
	font-size: 18px;
	color:#E2A718;
	font-weight: bold;
}

body.discuss .button.discuss {
	background-color: #fefef3;	
}
body.files .button.files {
	background-color: #fefef3;	
}
body.intro .button.intro {
	background-color: #fefef3;	
}
body.chat .button.chat {
	background-color: #fefef3;	
}
body.group_admin .button.group_admin {
	background-color: #fefef3;	
}

.icon.add_user {
	position:absolute;
	top:10px;
	right:10px;
	font-size:22px;
	font-family: "FontAwesome";
	cursor: pointer;
	z-index:2;
}
.icon.add_user:hover {
	color:#E2A718;
}

.member_add_window {
	width: 430px;
	min-height: 100px;
	background-color: #fff;
	border: 1px solid #999;
	position:absolute;
	top:32px;
	right: 12px;
	z-index: 10;
	margin-left: 10px;
	display:none;
}
	
.member_add_window>.column {
	position:relative;
	float:left;
	clear:none;
	width:200px;
	float:left;
	clear:none;
	margin-left: 10px;
}
.member_add_window>.column>h2 {
	margin: 6px 0 14px 0;
}

.member_add_window>.column>.search_list,
.member_add_window>.column>.friends_list {
	position:relative;
	float:left;
	clear:left;
	min-height:40px;
	max-height:290px;
	overflow-y: scroll;
	width:208px;
}

.member_add_window>.column>input#search_input {
	position:relative;
	float:left;
	clear:left;
	width: 186px;	
	margin: 6px 0;
	font-size: 16px;
	font-weight: bold;
	color: #999;
}

.member_add_window>.column>.search_list>.member_info>.icon,
.member_add_window>.column>.friends_list>.member_info>.icon {
	position:absolute;
	top:-2px;
	right:-2px;
	color:#149903;
	font-family: "FontAwesome";
	font-size: 22px;
	cursor:pointer;
	z-index: 2;
}


img.thumb {
	width:200px;
}

#top_nav .member_info>.icon {
	float:left;
	clear:none;
	font-family: "FontAwesome";
	font-size: 16px;
	cursor:pointer;
	margin: 2px 0 0 8px;
	color:#000;
}

#top_nav .member_info>.icon:hover {
	color:#E2A718;
}

.button.delete.yes {
	margin-left: 340px;
}
.button.delete.no {
	margin-left: 50px;
}

.member_image_list>.image {
	position:relative;
	float:left;
	clear:none;
	width: 66px;
	height: 66px;	
	margin: 1px 0 1px 2px;
	border: 1px solid black;
	cursor:pointer;
	background-position: center center;
	background-size:cover;
}


.medals {
	position:relative;
	float:left;
	clear:left;
	margin:10px 0 0 20px;
	width:120px;	
	height:20px;
	font-size: 12px;
	font-weight: bold;
}
.medals.nomargin {
	margin:0;
}

table.mostHelpful .medals,
.item.friends .medals,
.post_block .medals {
	margin:0px;
	width:130px;	
	height:14px;
	font-size: 12px;
	font-weight: bold;
}
.medals>.icon {
	position:relative;
	float:left;
	clear:none;
	font-family: "FontAwesome";
	font-size: 16px;
	margin:2px;
	width:16px;	
	color:#000;
}
.medals>.icon.percentile10 {
	color:#34ad08;
}
.medals>.icon.percentile1 {
	color:#e1c50a;
}
.medals>.title {
	position:relative;
	float:left;
	clear:none;
	color:#000000;
	font-family: OpenSans, Helvetica, Arial, sans-serif;
	font-size: 9px;
	font-weight:700;
	width:100px;	
	margin-top:3px;
}

.post_block .medals>.title {
	margin-top:4px;
	margin-left: 2px;	
	width: 108px;
}

.admin>.ui-widget {
	font-size: .8em;
}

div.contest_wrap {
	float: left;
	clear: left;
	width: calc(100% - 40px);
	border: none;
	padding: 6px;
	margin: 0 10px 20px 10px;
}

div.contest_wrap>h3 {
	margin-top:0;
}
div.contest_wrap>h3>a {
	font-family:  'Amiri', serif;
	font-size: 15px;
	font-weight: bold;
}

div.contest_wrap>p {
	font-size: 14px;
	line-height:16px;
	margin: 4px 0 2px 0;
}


table.contest_info {
	float:left;
	clear:left;
	width: 90%;
	margin-left: 5%;
	margin-top:10px;
}
table.contest_info th,
table.contest_info .title {
	text-align: left;
	font-weight: bold;
}


.agreement_wrap {
/* 	margin-top: 70px; */
	width: 90%;
	margin-left: 5%;
	display:none;
}

table tr.warning:nth-of-type(even),
tr.warning {
	background-color: #ffc9c9;
}

.submission_wrap,
.payment_wrap,
.info_wrap {
	margin-top: 30px;
	width: 90%;
	margin-left: 5%;
	display:none;
}
.submission_wrap input[type=text],
.payment_wrap input[type=text],
.info_wrap input[type=text] {
	border: 1px solid #999;
	font-size: 16px;
}

.submission_wrap table,
.payment_wrap table,
.info_wrap table{
	width: 100%;
	font-size: 13px;
	float:left;
	clear:left;
}

.submission_wrap table td.title,
.payment_wrap table td.title,
.info_wrap table td.title {
	width: 30%;
	text-align:right;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 4px;
}
.payment_wrap table td.text,
.info_wrap table td.text {
	font-size: 12px;
	padding-top: 10px;
	font-size: 14px;
}
.submission_wrap textarea {
	width: 600px;
	height:120px;
	font-size: 16px;
}


.payment_wrap select {
	float:left;
	clear:none;
	width: 100px;
}
.payment_wrap .slash {
	position:relative;
	float:left;
	clear:none;
	margin: 0 6px;
}

td.form_header {
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	padding-top: 10px;
}

.info_wrap a#contest_logout {
	font-size:10px;	
	margin-left: 6px;
}

.submit_header {
	position: relative;
	float: left;
	clear: left;
	width: 842px;
	margin: 30px 0 6px 0;
	padding: 2px;
	font-weight: bold;
	font-size: 22px;
	display: none;
}

.progress_tracker {
	position:relative;
	float:left;
	clear:left;
	width: 100%;
	min-height: 20px;
	margin:0;
	padding:0;
}
.progress_tracker.stories>#agreement {
	display:none;
}
.progress_tracker.stories>div {
	width:20%;
}
.progress_tracker>div {
	width:16%;
	position:relative;
	float:left;
	clear:none;
	margin:10px 0;
	padding:0;
	font-weight:bold;
	text-align:center;
}
.progress_tracker>div.complete {
	cursor:pointer;
}
.progress_tracker>div.inactive {
	border: 1px solid #999;
	background-color: #eee;
}
.progress_tracker>div.active {
	color: #000;
	border: 1px solid black;
	background-color: #fff;
}
.progress_tracker>div.complete {
	color: #FFF;
	border: 1px solid black;
	background-color: green;	
}
.progress_tracker>div>div.icon {
	position:absolute;
	top: 2px;
	left: 2px;
	color:#fff;
	font-family: "FontAwesome";
	font-size: 13px;
}

.progress_tracker>div>.info {
	position:relative;
	float:left;
	clear:left;
	background-color:#fff;
	text-align:left;
	font-size: 13px;
	color:#000;
	width:96%;
	margin: 1%;
	padding:1%;
	min-height:60px;
}
.progress_tracker>div>.info>p {
	margin: 6px;
	font-size: 13px;
	line-height: 16px;
}
.button.upload:hover {
	color: #fff;
	background-color: #999;
}
.button.upload>input[type=file] {
	position:absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	opacity:.0;
	cursor:pointer;
}

.contest_form td.text>.small_progress_bar_wrapper {
	margin-left: 5px;
	margin-top: 3px;
}

input#cc_cvv2 {
	width:60px;
}

table.message_list {
	position:relative;
	float:left;
	clear:left;
	width:100%;
	border-spacing: 1px;
}
table.message_list>thead>tr>th {
	text-align:left;
	font-weight:700;
	margin: 0;
	border:none;
	background-color: #E5E5E5;
	padding: 2px 4px;
}
table.message_list>thead>tr>th.wide,
table.message_list>thead>tr>td.wide {
	width: 50%;
}
table.message_list>thead>tr>th.medium,
table.message_list>thead>tr>td.medium {
	width: 20%;
}
table.message_list>thead>tr>th.narrow,
table.message_list>thead>tr>td.narrow {
	width: 10%;
}


table.message_list>tbody>tr>td {
	text-align:left;
	margin: 0;
	border:none;
	padding: 2px 4px;
	cursor: pointer;
	vertical-align: top;
}

table.message_list>tbody>tr.new>td.icon,
table.message_list>tbody>tr>td.icon {
	font-family: "FontAwesome";
	padding: 2px 12px;
	font-weight:normal;
	text-align:center;
}
table.message_list>tbody>tr.odd {
	background-color: #F5F5F5;
}

table.message_list>tbody>tr.even {
	background-color: #EEEEEE;
}
table.message_list>tbody>tr.current,
table.message_list>tbody>tr:hover {
	background-color: #fefef3;
}
table.message_list>tbody>tr.new>td {
	font-weight: 700;
}

table.message_list>tbody>tr.loader>td {
	position:relative;
	height: 40px;
}

.nav {
	position:relative;
	float:left;
	clear:both;
	min-height: 20px;
	background-color:#fff;
	margin:0;
	width: 100%;
}
.nav.single {
	display:none;
	width: 50%;
}
.nav.single>.left {
	width:100%;
}
	
.nav>.left {
	width: 60%;
	float:left;
	clear:none;	
	font-size: 14px;
}

.nav>.right {
	width: 40%;
	float:right;
	clear:none;	
}

.nav>.right>input {
	width: 30%;
	float:right;
	clear:none;	
	border-radius:3px;
	border: 1px solid #999;
	padding: 4px 10px;
	color:#999;
}
.nav>.left .icon {
	position:relative;
	float:right;
	clear:none;
	color:#666;
	font-family: "FontAwesome";
	font-size: 16px;
	margin:2px 6px;
	cursor:pointer;
}

.item.content {
	min-height:500px;
}

.pane {
	position:relative;
	left:0;
	clear:left;
	background-color:#fff;
	width:100%;
}

.white_box#message_box {
	overflow-y: hidden;
}
.white_box#message_box>.white_box_content {
	width:96%;
	height:90%;
	overflow-y: scroll;
	margin:4%
}

.white_box#message_box>.white_box_content>div {
	position:relative;
	float:left;
	clear:left;
	width:96%;
	min-height: 20px;
	margin:0.6%;
}
.white_box#message_box>.white_box_content>.ajax_loader {
	width:93%;
	height:100%;
}

.white_box#message_box>.white_box_content>div.message_text {
	min-height: 80px;
	background-color:#f5f5f5;
	width: 85%;
	padding: 4%;
}

.white_box#message_box>.white_box_content>div.message_date {
	width: 50%;
	clear:none;
}

.white_box#message_box>.white_box_content>div.title,
.white_box#message_box>.reply_wrap>div.title {
	position:relative;
	float:left;
	clear:left;
	font-weight:bold;
	font-weight: 700;
}
.white_box#message_box>.white_box_content>div.title.date, 
.white_box#message_box>.white_box_content>div.title.from {
	clear:left;
}
.white_box#message_box>.white_box_content>div.response_to>div.title,
.white_box#message_box>.white_box_content>div.responses>div.title {
	float:left;
	clear:left;
	font-weight:bold;
}
.white_box#message_box>.white_box_content>.response_to>.title,
.white_box#message_box>.white_box_content>.responses>.title {
	float:left;
	clear:left;
}
.white_box#message_box>.white_box_content>.response_to>.responses_list,
.white_box#message_box>.white_box_content>.responses>.responses_list {
	float:left;
	clear:none;
}
.white_box#message_box>.white_box_content>.response_to>.responses_list>.list_message,
.white_box#message_box>.white_box_content>.responses>.responses_list>.list_message {
	width: 100%;
	float:left;
	clear:left;
	color:#E2A718;	
	text-decoration: none;
	cursor:pointer;
}

.white_box#message_box>.white_box_content>div.message_name,
.white_box#message_box>.reply_wrap>div.message_name {
	float:left;
	clear:none;
}
.white_box#message_box>.white_box_content>div.message_to,
.white_box#message_box>.reply_wrap>div.message_to {
	clear:none;
}

.white_box#message_box>.white_box_content>div.message_subject, 
.white_box#message_box>.white_box_content>div.reply_to {
	width: 70%;
	float:left;
	clear:none;
}

.response>.button {
	float:right;
	clear:none;
	margin-left: 12px;		
}

.dropdown_box {
	position:relative;
	float:left;
	clear:left;
	margin:0;
	background-color: #fff;
	width:100%;
	display:none;
	padding-top:20px;
}


.message_item  {
	position:relative;
	float:left;
	clear:left;
	width: 100%;
	margin:6px 0px;
	display:none;
}

.new>.message_item {
	margin-left: 100px;
}

#message_form {
	width: 480px;
}
.message_item>#message_form>.title {
	position:relative;
	float:left;
	clear:none;
	width: 70px;
	font-weight: 700;
}
.message_item>#message_form>textarea {
	position:relative;
	float:left;
	clear:left;
	width: 100%;
	height: 140px;	
	margin: 12px 0 6px 0;
	font-size: 14px;
	color: #666;
}
.message_item>#message_form>input.subject, 
.message_item>#message_form>input#to_input {
	position:relative;
	float:left;
	clear:left;
	width: 530px;	
	margin: 6px 0;
	font-size: 14px;
	color: #999;
}
.message_item>#message_form>.button.send {
	margin-top: 10px;
	margin-left: 490px;
	left:0;
}
.button.left.reply,
.button.left.reply_all {
	margin-left:0;
	left:0;
}


.message_text img {
	width:100%;
}


.to_results {
	position:relative;
	float:left;
	clear:left;
	width: 100%;
}
.to_list {
	position:relative;
	float:left;
	clear:left;
	width: 570px;
	font-size:11px;
}
.to_list>p {
	font-size:11px;
	margin-top: 5px;
}

.to_list>.member_info{
	border: 1px solid #eee;
	margin-right:6px;
	margin-bottom:6px;
}
.to_list>.member_info>.icon {
	position:absolute;
	top:4px;
	right:4px;
	color:#000;
	font-family: "FontAwesome";
	font-size: 14px;
	cursor:pointer;
}


.white_box>.white_box_bottom_buttons {
	position:absolute;
	left: 2%;
	bottom: 10px;
	width:96%;
/* 	display:none; */
}
.new_message {
	position:relative;
	float:left;
	clear:left;
	margin-bottom: 30px;
	display:none;
}

textarea.tinymce {
	position:relative;
	float:left;
	clear:left;
	width:70%;
	height:300px;
}

input#subject, input#to_input {
	position: relative;
	float: left;
	clear: left;
	width:99%; 
	margin-top: 10px;
	font-weight: 700;
	padding: 4px;
	color: #666;
}

.left>.button.left{
	position:relative;
	float:left;
	clear:none;
	left:0;
	margin:6px;
}

.pl {
	font-size: 12px;
	float:left;
	clear:left;
}



/* Member Page  */

.member_info_header {
	position:relative;
	float:left;
	clear:left;
	background-color: #fff;
	margin-bottom: 10px;
}
.large_avatar {
	position:relative;
	float:left;
	clear:none;
	border: 1px solid black;
	background-position:center center;
	background-size: cover;
	background-repeat: no-repeat;
	width:128px;
	height:128px;
}
.large_avatar.owner {
	cursor:pointer;
}
table.activity_table {
	width:100%;	
}
table.activity_table>thead>tr>th {
	text-align:left;
	font-weight:700;
	background-color:#eee;
}
table.activity_table>tbody>tr>td {
	text-align:left;
	background-color:#f7f7f7;
}
.name_block {
	width:calc(100% - 140px);
	position:relative;
	float:right;
	clear:none;
}
.name_block>h2 {
	float:left;
	clear:none;
	width:50%;
	color: #E2A718;
}
.name_block>.buttons_block {
	float:right;
	clear:none;
	width: 50%;
	margin:0
}


.member_info_header>.dropdown_box {
	position:relative;
	float:left;
	clear:left;
	margin:0;
	background-color: #fff;
	width:100%;
	display:none;
	padding-top:20px;
}

.info_item {
	position:relative;
	float:left;
	clear:left;
	width: 400px;
	margin:6px 20px;
}
.info_item>input[type=checkbox] {
	position:relative;
	float:left;
	clear:none;
	margin-top: 6px;
	margin-left: 12px;
}
.info_item>.title {
	position:relative;
	float:left;
	clear:none;
	width: 100px;	
	margin-left: 12px;
}
.info_item>select {
	position:relative;
	float:left;
	clear:none;
	width: 200px;
	background-color: #eee;
	border: 1px solid #999;
	font-weight: bold;
	font-size: 13px;
	padding: 4px 8px;
	cursor:pointer;
	border-radius: 0;
}
.privacy_item {
	position:relative;
	float:left;
	clear:left;
	width: 400px;
	margin:6px 20px;
}
.privacy_item>.title {
	position:relative;
	float:left;
	clear:none;
	width: 240px;	
}
.privacy_item>select.privacy_profile {
	position:relative;
	float:right;
	clear:none;
	width: 160px;
	background-color: #eee;
	border: 1px solid #999;
	font-weight: bold;
	font-size: 13px;
	padding: 4px 8px;
	cursor:pointer;
	border-radius: 0;
}
.privacy_item>.button.done {
	margin-top: 10px;
	margin-left: 240px;
}
.friend_item, 
.message_item  {
	position:relative;
	float:left;
	clear:left;
	margin:6px 20px;
	background-color: #fefef3;
	padding: 6px;
	width:90%;
}
.friend_item>.title,
.message_item>#send_message_form>.title {
	position:relative;
	float:left;
	clear:none;
	width: 400px;	
}
.friend_item>textarea {
	position:relative;
	float:left;
	clear:left;
	width: 85%;	
	height: 140px;	
	margin: 6px 0;
	font-size: 14px;
}
.message_item>#send_message_form>input[type=text] {
	position:relative;
	float:left;
	clear:left;
	width: 530px;	
	margin: 6px 0;
	font-size: 14px;
}
.notifications_item {
	position:relative;
	float:left;
	clear:left;
	width: 400px;
	margin:6px 20px;
}
.notifications_item>input[type=checkbox] {
	position:relative;
	float:left;
	clear:left;
	margin-top: 6px;
	margin-left: 12px;
}
.notifications_item>.title {
	position:relative;
	float:left;
	clear:none;
	width: 340px;	
	margin-left: 12px;
}

.notifications_item>.button.done {
	margin-top: 10px;
}
.edit_icon {
	position:absolute;
	bottom: 12px;
	right:12px;
	color:#000;
	font-family: "FontAwesome";
	font-size: 20px;
	margin:8px  0 0 18px;
	cursor:pointer;
}
.large_avatar:hover>.edit_icon {
	color:#F00;
}
.bio_block {
	padding: 12px 0;
	position:relative;
	float:left;
	clear:left;
    width: 98%;
}
.bio_block.owner:hover {
	background-color: #fefef3;
}
.bio_block>.edit_icon {
	top: -6px;
	right: -6px;
	display:block;
}
.bio_block.no_edit:hover>.edit_icon {
	display:block;
}
.bio_block.edit:hover>.edit_icon {
	display:none;
}

.bio_block>.bio_text_block {
	width:100%;
	max-height:300px;
	overflow-y: scroll;
	min-height: 20px;
}
.bio_block>.bio_text_block>textarea {
	width:98%;	
	height:100px;
	font-size: 14px;
}
.bio_block>.bio_text_block>.button.done {
	margin-top: 10px;
	margin-left: 330px;
}
.item.friends>.member_info {
	width: 184px;
}
.item.friends>.member_info>.member_name {
	width: 140px;
}

.buttons_block {
	float:left;
	clear:both;
	width: 98%;
	margin-left: 1%;
}
.buttons_block>h3 {
	float:left;
	clear:none;
	font-size: 18px;
	width: 40%
}
.name_block>p {
	margin:0;
}

div#discuss_content {
	position:relative;
}

.admin_box>table>tbody>tr>td {
	padding: 2px;
}



/* Groups  */

select#pl {
	font-weight:700;
	font-size: 16px;
}
.pl>select {
	float:left;
	clear:none;
}
.pl>div.description{
	width: 500px;
	float:left;
	clear:none;
	margin-left: 4px;
	margin-left: 4px;
	font-size: 12px;
	margin-top:2px;
}

td.title>img.thumb {
	width:120px;
}

.item.edit.delete>.group_info {
	float:left;
	clear:both;
	display:none;
}
.item.edit.delete>.group_info>p {
	margin: 2px;
}

.request_wrap {
	position:relative;
	float:left;
	clear:left;
	width:96%;
	margin-left:2%;
	height:300px;
	margin-top:20px;
	display:none;
}
#requests_title, #pending {
	display:none;
}
#pending>.request {
	position:relative;
	float:left;
	clear:left;
	margin-bottom: 10px;
	padding: 10px;
    width: 816px;
}
#pending>.request>.member_info>.button {
	float:left;
	clear:none;
	font-size: 10px;
	padding: 2px;
	cursor:pointer;
	margin: 6px 10px 6px 6px;
	left:0;
}
#pending>.request>.note {
	position:relative;
	float:left;
	clear:none;
	padding: 10px;
    width: 600px;
    background-color: #f6f6f6;
}


#chat_message_window {
	overflow: scroll;
	width: 100%;
}
#chat_message_window>.chat_inner,
#chat_message_window>.chat_inner>p{
	position:relative;
	float:left;
	clear:left;
	width: 100%;
}

#chat_message_window>.chat_inner>.message_wrap {
	position:relative;
	float:left;
	clear:left;
	background-color: #f9f9f9;
	margin-bottom: 4px;	
	border-radius: 10px;
	padding:1%;
	margin-left: 1%;
	display:none;
	width: 97%;
}
#chat_message_window>.chat_inner>.message_wrap>.message {
	margin-top: 4px; 
	width:75%;
	float:left;
	clear:none;
}
#chat_message_window>.chat_inner>.message_wrap>.icon {
	position:absolute;
	top:6px;
	right:6px;
	color:#666;
	cursor:pointer;
	display:none;
}
form#chat_add_form {
	position:relative;
	float:left;
	clear:left;
	width: 100%;
}
#chat_add_form>textarea {
	position:relative;
	float:left;
	clear:left;
	width: 80%;
	height:30px;
	margin:4px 0 0 5%;
	border:solid 1px #eee;
	padding: 4px;
	font-size: 14px;
}

#chat_add_form>input[type=submit] {
	position:relative;
	float:left;
	clear:none;
	margin:2px 0;
	-moz-appearance: none;
	-webkit-appearance: none;
	border-radius: 3px;	
	border:none;
	background-color: #fff;
	color:#E2A718;	
	font-family: "FontAwesome";
	font-size: 24px;
	padding: 7px;
	cursor: pointer;
}
#chat_add_form>input[type=submit]:hover {
	color:#000;	
}

textarea.status {
	position:relative;
	float:left;
	clear:left;
	width:544px;
	min-height:50px;
	color: #999;
	font-size: 15px;
	padding: 6px;
	outline:none;
	resize:none;
    overflow: hidden;
    border: 1px solid #DDD;
}
.noscroll {
    overflow: hidden;
}
.hiddendiv {
    display: none;
    white-space: pre-wrap;
    width: 544px;
    min-height: 50px;
	font-size: 15px;
	padding: 6px;
    word-wrap: break-word;
}

input#group_name, textarea#promo,input#invite_input {
	position:relative;
	float:left;
	clear:left;
	width: 80%;	
	margin: 10px 10%;
	font-size: 16px;
	font-weight: 700;
	padding: 4px;
	color: #999;
}
textarea#promo {
	height: 80px;
	font-weight: 200;
}
.item.intro>.icon,
.item.group_name>.icon,
.item>.promo_wrap>.icon {
	position:relative;
	float:right;
	clear:none;
	margin:0 0 0 20px;
	font-size:22px;
	font-family: "FontAwesome";
	cursor: pointer;
}
.item>.icon:hover {
	color:#E2A718;	
}
.invite_results {
	position:relative;
	float:left;
	clear:left;
	width: 580px;
	min-height: 30px;
}
.invite_list {
	position:relative;
	float:left;
	clear:left;
	width: 95%;
	font-size:11px;
}
.invite_list>p {
	font-size:11px;
	margin-top: 5px;
}

.invite_list>.member_info>.icon {
	position:absolute;
	top:4px;
	right:4px;
	color:#000;
	font-family: "FontAwesome";
	font-size: 14px;
	cursor:pointer;
}
.privacy_levels {
	position:relative;
	float:left;
	clear:left;
}

.privacy_levels>.radio_button {
	position:relative;
	float:left;
	clear:none;
	width: 60px;
	vertical-align: top;
	text-align: center;
}
.privacy_levels>.text_holder {
	position:relative;
	float:left;
	clear:none;
	width: 490px;
	vertical-align: top;
}

.item.edit.members>.member_wrap {
	position:relative;
	float:left;
	clear:left;
	width:100%;
	min-height: 10px;
	margin-bottom:10px;
	z-index:1;
}

.search_list>.member_info,
.friends_list>.member_info,
.item.edit.members>.member_wrap>.member_info {
	margin:0 4px 4px 0;
	border: 1px solid #eee;
	z-index: 1;
}
.item.edit.members>.member_wrap>.member_info>.icon {
	position:absolute;
	top:0;
	right:0;
	padding: 4px;
	color:#999;
	font-family: "FontAwesome";
	font-size: 16px;
	cursor:pointer;
	line-height:100%;
	z-index: 2;
}
.item.edit.members>.member_wrap>.member_info>.member_name {
	z-index: 1;
}
.item.edit.members>.member_wrap>.member_info>.info_window {
	position:absolute;
	top: 24px;
	right:10px;
	width:120px;
	padding: 2px 4px;
	background-color: #fff;
	border: 1px solid #999;
	color: #000;
	z-index:10;
}

.item.edit.members>.member_wrap>.member_info>.info_window>.icon {
	float:left;
	clear:left;
	width:20px;
	height:20px;
	font-family: "FontAwesome";
	font-size: 14px;
	margin-top:10px;
	margin-left:10px;
	cursor:pointer;
}

.item.edit.members>.member_wrap>.member_info>.info_window>.title {
	float:left;
	clear:none;
	width:90px;
	height:20px;
	font-size: 12px;
	margin-top:10px;
	cursor:pointer;
}


.post_block>.edit_block {
	position:absolute;
	top: 26px;
	right:30px;
	width:120px;
	padding: 2px 4px;
	background-color: #fff;
	border: 1px solid #999;
	color: #000;
	z-index:11;
	display:none;
}
.post_block>.edit_block>.icon {
	float:left;
	clear:left;
	width:20px;
	height:20px;
	font-family: "FontAwesome";
	font-size: 14px;
	margin-top:10px;
	margin-left:10px;
	cursor:pointer;
}
.post_block>.edit_block>.icon:hover {
	color: #E2A718;
}
.post_block>.edit_block>.title {
	float:left;
	clear:none;
	width:90px;
	height:20px;
	font-size: 12px;
	margin-top:10px;
	cursor:pointer;
}
.new_group_wrap {
	display:none;
}

.button.request_access {
	clear:left;
	margin-top: 10px;
	margin-left: 40%;
}
.button.never_mind {
	margin-top: 10px;
}





/* workshops  */

.column.right>.item>table {
	border-spacing:0;
}
.column.right>.item>table>tbody>tr>td {
	text-align:left;
	font-size: 11px;
	margin: 0;
	border:none;
	padding: 6px;
	vertical-align: top;
	text-align:center;
}
.column.right>.item>table>tbody>tr {
	position:relative;
	font-family: "FontAwesome";
	font-size: 14px;
	padding: 6px;
	font-weight:normal;
	cursor: pointer;
}
.column.right>.item>table>tbody>tr.odd {
	background-color: #F5F5F5;
}
.column.right>.item>table>tbody>tr.even {
	background-color: #FAFAFA;
}
.column.right>.item>table#top5>tbody>tr.odd:hover,
.column.right>.item>table#top5>tbody>tr.even:hover {
	background-color: #fefef3;
}
.column.right>.item>table>tbody>tr>td {
	cursor:pointer;
	text-align:left;
}

.title>#workshop_menu {
	float:right;
	clear:none;
	margin: 0;
}
.title>.button, .title>#workshop_menu>.button {
	float:right;
	clear:none;
	margin-left: 6px;
	margin-top:2px;
	left:0;
	margin-bottom:0;
}
.button.more,
.button.join,
.button.enter {
	float:left;
	clear:none;
	margin-left: 10px;
}
/*
.title>.button.current,
.title>.button:hover {
	background-color: #fefef3;
}
*/

.nav.list.discuss {
	margin-bottom:10px;	
}

.nav.list.discuss>.left {
	display:block;
}
.nav>.right {
	width: 40%;
	float:right;
	clear:none;	
}

.nav>.right>input {
	width: 120px;
	float:right;
	clear:none;	
	border-radius:3px;
	border: 1px solid #999;
	padding: 4px 10px;
	color:#999;
}
.nav>.left .icon {
	position:relative;
	float:right;
	clear:none;
	color:#666;
	font-family: "FontAwesome";
	font-size: 16px;
	margin:2px 6px;
	cursor:pointer;
}
.nav>.left>.button {
	left:0;
	top:0;
	margin-left:0;
	margin-top:0;
}



.home #workshop_menu>.button.home {
	background-color: #fefef3;	
}
.list #workshop_menu>.button.list {
	background-color: #fefef3;	
}
.submit #workshop_menu>.button.submit {
	background-color: #fefef3;	
}
.review #workshop_menu>.button.review {
	background-color: #fefef3;	
}
.submissions #workshop_menu>.button.submissions {
	background-color: #fefef3;	
}

.white_box.mpr#read_box>.white_box_content {
	padding:0;
	overflow:hidden;
}

.white_box#discuss_box {
	overflow:hidden;	
}
.white_box#discuss_box>.white_box_content {
	position:absolute;
	top:0;
	left:0;
	width:94%;
	padding:10px;
	min-height:100px;
	margin-top:48px;
	margin-left:2%;
	overflow:scroll;
}
.white_box#discuss_box>.white_box_title {
	width:94%;
	padding:10px;
	margin: 10px 0 0 2%;
}

.white_box#read_box>.white_box_title {
	width: 80%;
	margin: 16px 0 0 40px;
}

.white_box#read_box>.white_box_title>#submission_title,
.white_box#discuss_box>.white_box_title>#discuss_title {
	font-size: 16px;
	font-weight: 700;
	margin-right:6px;
}
.white_box#read_box>.white_box_title>#submission_author {
	margin-top:5px;
}
.white_box#read_box>.white_box_content>#submission_text_content,
.white_box#discuss_box>.white_box_content>#discuss_content {
	position:relative;
	float:left;
	clear:left;
	width:100%;
	height:100%;
	margin-top:0px;
}
#discuss_content {
	padding-bottom:400px;
}

.white_box#read_box>.white_box_content>#submission_text_content>p,
.white_box#read_box>.white_box_content>#discuss_content>p {
	font-size: 1.2em;
	line-height:1.5em;
}

.white_box#read_box.jpg>.white_box_title {
	margin: 10px;
	padding:10px;
	border: 1px solid #999;
	background-color: #fff;
}


.white_box#read_box.jpg>.white_box_title, 
.white_box#read_box.jpg>.white_box_bottom_buttons, 
.white_box#read_box.jpg>.close {
	display:none;
}
.white_box#read_box.jpg:hover>.white_box_title, 
.white_box#read_box.jpg:hover>.white_box_bottom_buttons, 
.white_box#read_box.jpg:hover>.close {
	display:block;
}


#read_box.white_box.pdf>.white_box_content>#submission_text_content {
	border: 1px solid #999;
}

#submission_text_content>#pdf {
	width:100%;
	height:100%;
}

object#pdf_content {
	position:relative;
	float:left;
	clear:left;
	width:100%;
	height:100%;
}
	

div.image_view {
	width:100%;
	height:100%;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}

.submit_pane_wrap {
	position:relative;
	float:left;
	clear:left;
	width:100%;
	min-height:570px;
}

.binary_preview_wrap {
	position:relative;
	float:left;
	clear:left;
	width:100%;
	min-height:570px;
	display:none;
}

.binary_preview_wrap>.binary_preview {
	position:relative;
	float:left;
	clear:left;
	border-radius: 8px;
	width:780px;
	margin: 16px;
	padding:12px;
	border: 1px solid #BBB;
	min-height:400px;
}

.binary_preview_wrap>.binary_preview.mp4 video {
	width: 100%;
	height: 400px;
	background-color: #000;
}
#submission_text_content video {
	width: 100%;
	height: 500px;
	background-color: #000;
}

.binary_preview_wrap>.binary_preview>.preview_title>#submission_title {
	font-size: 20px;
	font-weight: 700;
}
.binary_preview_wrap>.binary_preview>.preview_title>#submission_author {
	font-size: 15px;
	margin-left:6px;
	margin-top:5px;
}
.binary_preview_wrap>.binary_preview>.preview_title>#submission_promo {
	margin-top:6px;
	font-style: italic;
}
.binary_preview_wrap>.binary_preview>.preview_title.info {
	margin:20px;
	font-style: italic;
	font-size: 11px;
}
.binary_preview_wrap>.binary_preview>#pdf {
	width:320px;
	height:410px;
	position:relative;
	float:right;
	clear:none;
	border: 2px solid #999;
}
.binary_preview_wrap>.binary_preview>#pdf>#pdf_content {
	width:320px;
	height:410px;
}
.binary_preview_wrap>.binary_preview>#jpg {
	width:500px;
	height:400px;
	position:relative;
	float:right;
	clear:none;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	margin-left:10px;
	padding:2px;
	background-color:#999;
	border: 4px solid #999;
}

#mp3>audio {
	margin-top: 12px;
	width:100%;
}


.binary_preview_wrap>.binary_preview.jpg>.button_block {
	position:absolute;
	left: 0px;
	bottom: 14px;
}

.binary_preview_wrap>.binary_preview.pdf>.button_block {
	position:absolute;
	left: 80px;
	bottom: 14px;
}
.binary_preview_wrap>.binary_preview>.button_block>.button {
	left: 0;
	margin-left:30px;
}


.submit_pane_wrap>#submit_form>.submit_pane {
	position:absolute;
	top:0;
	left:0;
	width:96%;
	margin:2%;
	min-height:500px;
	display:none;
}
.submit_pane_wrap>#submit_form>.submit_pane#pane1 {
	display:block;
}
.submit_pane_wrap>#submit_form>.icon {
	position:relative;
	float:right;
	clear:none;
	margin: 10px;
	color:#B00;
	font-family: "FontAwesome";
	font-size: 30px;
	z-index:1;
	cursor: pointer;
}
.submit_pane_wrap>#submit_form>.icon:hover {
	color:#000;
}
.submit_pane_wrap>#submit_form>.text_page {
	position: relative;
	float: left;
	clear: none;
	padding: 10px;
	border: 1px solid black;
	width: 84%;
	margin-left: 4%;
	display:none;
}

.submit_title {
	margin-bottom:10px;
}

#story_title,
#news_item_title,
#new_submission_title {
	position:relative;
	float:left;
	clear:left;
	width: 90%;
	height: 28px;
	border:1px solid #eee;
	color: #999;
	border-radius: 5px;
	font-size: 20px;
	font-weight: 700;
	padding: 8px;
}
#news_item_summary,
#new_submission_promo {
	position:relative;
	float:left;
	clear:left;
	width: 90%;
	height: 70px;
	border:1px solid #eee;
	color: #999;
	border-radius: 5px;
	font-size: 15px;
	font-style: italic;
	padding: 8px;
}

.sub_info {
	width:85%;
	margin-top:10px;
}
.sub_info>.words_text {
	position:relative;
	float:left;
	clear:left;
	width:90%;
}
.sub_info>.words_text>p>span,
.sub_info>.words_text>p {
	font-size: 16px;
	margin:0;
}
.sub_info .icon {
	position:absolute;
	top:6px;
	right:6px;
	color:#000;
	font-family: "FontAwesome";
	font-size: 14px;
	z-index:1;
}
.sub_info .icon:hover {
	color:#B00;
}

.sub_info .date_right {
	font-size: 12px;
	font-weight: normal;
	position:relative;
	float:right;
	clear:none;	
}

.review .rev_date {
	position:relative;
	float:left;
	clear:none;
	margin:2px 0 0 0;
	font-size: 12px;
	font-weight:200;
}

#wordcounter,#rev_wordcounter {
	font-size: 30px;
	color: #900;
}
#wordcounter.ok,#rev_wordcounter.ok {
	color: #090;
}
#wordcount_message {
	font-size: 12px;
}
.preview_text {
	position:absolute;
	bottom:22px;
	width: 650px;
	margin-left: 50px;
	font-size: 13px;
	font-weight: 700;
}
.button.preview_window {
	position:absolute;
	bottom:12px;
}

.button.preview_window.revise {
	left: 810px;
}

.button.preview_window.post {
	left: 950px;
}

p.promo {
	font-style: italic;
}

.binary_upload_widget, .update_title_button {
	position:relative;
	float:left;
	clear:left;
	width: 150px;
	height: 100px;
	border:1px solid #eee;
	color: #FFF;
	background-color:#B00;
	border-radius: 5px;
	margin-left: 40px;
	margin-top: 20px;
	cursor: pointer;
	display:none;
}
.update_title_button {
	height:60px;
}

.binary_upload_widget:hover,
.update_title_button:hover {
	background-color:#B44;
}
.binary_upload_widget>input {
	position:absolute;
	top:0;
	left:0;
	width:150px;
	height:100px;
	opacity:0;
	z-index:2;
	cursor: pointer;
}
.binary_upload_widget>.icon {
	position:relative;
	float:left;
	clear:left;
	margin: 16px 60px 4px 60px;
	color:#FFF;
	font-family: "FontAwesome";
	font-size: 30px;
	z-index:1;
}
.binary_upload_widget>.title, 
.update_title_button>.title {
	position:relative;
	float:left;
	clear:left;
	font-size: 12px;
	margin:0 12px;
	text-align:center;
	z-index:1;
	width:126px;
}
.update_title_button>.title {
	margin: 12px;
}

.review_block {
	position:relative;
	float:left;
	clear:left;
	margin: 0 0 12px 0;
	padding: 12px;
	background-color:#f9f9f9;	
	width:890px;
}

.review_block>.message {
	float:left;
	clear:none;
	margin-top:10px;
	padding:20px;
	width:850px;
	min-height: 40px;
/* 	background-color: #fff; */
}

.review_block>.post_date {
	position:relative;
	float:left;
	clear:none;
	margin:2px 0 0 20px;
	font-size: 11px;
	font-weight:200;
}
.review_block>.rate,
.review_block>.icon {
	position:relative;
	float:right;
	clear:none;
	margin:0 0 0 20px;
	font-size:14px;
	font-family: "FontAwesome";
	cursor: pointer;
}

div.button.left.post {
	left:0;
	margin-left:0;
}

.reply_wrap {
	position: absolute;
	width: 90%;
	margin-left: 2%;
	padding: 2%;
	height: 480px;
	margin-top: 10px;
	z-index: 101;
	background-color: #fff;
}
.new_post_wrap {
	position:absolute;
	bottom:-310px;
	left:0px;
	background-color:#fff;	
	width:1040px;
	height:300px;
	border-top:1px solid #999;
	z-index:10;
}
.review_wrap {
	position:absolute;
	bottom:-500px;
	left:0px;
	background-color:#fff;	
	width:100%;
	height:380px;
	border-top:1px solid #999;
	z-index:10;
}

.review_wrap.entered {
	overflow:scroll;
}

#review_form {
	position:relative;
	float:left;
	clear:left;
	width:100%;
	margin-top: 12px;
}

.numeric_title {
	position:relative;
	float:left;
	clear:left;
	width:160px;
	height:30px;
}

.numeric_title>h2 {
	font-size: 15px;
}
.numeric_rating_wrap {
	position:relative;
	float:left;
	clear:none;
	width: 300px;
	height: 26px;
	overflow: hidden;
	z-index:10;
	margin-top: 5px;
}
.rate_this_review>.numeric_rating_wrap {
	width: 150px;
}

.numeric_rating_wrap>.star {
	position:relative;
	float:left;
	clear:none;
	text-align:center;
	font-family: "FontAwesome";
	font-size: 18px;
	margin-left: 12px;
	color:#E2A718;
	cursor:pointer;
}
.numeric_rating_text {
	float: left;
	clear: none;
	margin-top: 10px;
	margin-left:6px;
	font-size: 12px;
	font-weight: bold;
}

.bottom_tab {
	height: 25px;
	width: 178px;
	background-color: #FFF;
	position: absolute;
	bottom:0;
	right:12px;
	border-top: 1px solid #eee;	
	border-left: 1px solid #eee;	
	border-right: 1px solid #eee;	
	cursor: pointer;
	z-index:11;
}

.bottom_tab>.title {
	position:relative;
	float:left;
	clear:none;
	margin-top:3px;
	margin-left:10px;
	font-weight: bold;
}

.bottom_tab>.icon {
	position:relative;
	float:right;
	clear:none;
	font-family: "FontAwesome";
	font-size: 18px;
	margin:0 10px;
}
td.ratings_link {
	color:#E2A718;	
	text-decoration: none;
	cursor:pointer;
	font-weight: 700;
}
td.ratings_link:hover {
	color:#f99;	
	text-decoration: underline;
}
#workshopped_title, #reviewed_title, p.review {
	color:#E2A718;	
	text-decoration: none;
	cursor:pointer;
}
#workshopped_title:hover, #reviewed_title:hover, p.review:hover {
	color:#f99;	
	text-decoration: underline;
}

p.review {
	font-size:10px;
	margin-bottom:4px;
}

.review_text {
	float:left;
	clear:left;
	margin-top:14px;
}
.review_rating_box {
	position:absolute;
	top:60px;
	right:54px;
	clear:none;
	width:300px;
	height:36px;
}

.pdf>.download_box {
	position:relative;
	float:left;
	clear:none;
	font-family: "FontAwesome";
	font-size: 18px;
	margin:16px 0 0 40px;
}
.pdf>.dowload_box>.text {
	position:relative;
	float:left;
	clear:none;
	font-family: "FontAwesome";
	font-size: 18px;
	margin:6px;
}
.pdf>.dowload_box>.icon {
	position:relative;
	float:left;
	clear:none;
	font-family: "FontAwesome";
	font-size: 18px;
	margin:6px;
}

.binary_download_widget {
	position:relative;
	float:right;
	clear:none;
	width: 160px;
	height: 29px;
	border:1px solid #eee;
	color: #FFF;
	background-color:#B00;
	border-radius: 5px;
	margin-right: 70px;
	margin-top: 9px;
	cursor: pointer;
}
.binary_download_widget:hover{
	background-color:#B44;
}
.binary_download_widget>.icon {
	position: relative;
	float: right;
	clear: none;
	margin: 2px 4px 4px 6px;
	color: #FFF;
	font-family: "FontAwesome";
	font-size: 22px;
	z-index: 1;
}
.binary_download_widget>.title {
	position:relative;
	float:left;
	clear:none;
	font-size: 11px;
	margin-top: 8px;
	margin-left: 10px;
	text-align:center;
	z-index:1;
	width:110px;
	font-weight:700;
}

table.info_panel {
	width:100%;
	padding:0;
	margin:0;
	border:none;
}
table.message_panel {
	width:100%;
	padding:0;
	margin:0;
	border:none;
}
table.info_panel>tbody,
table.info_panel>tbody>tr,
table.info_panel>tbody>tr>td{
	margin: 0;
	padding: 0;
	border: none;
	font-size: 11px;
}
table.message_panel>tbody>tr>td {
	margin: 0;
	border: none;
	padding: 2px;
	text-align:right;
	font-size: 10px;
}

table.info_panel>tbody>tr>td.panel_title {
	text-align:left;
}


div#panel_wrap {
	position:relative;
	float:left;
	clear:left;
	width:100%;	
}

div#panel_wrap>div.panel {
	width: 100%;
	margin:0;
	font-size: 11px;
}

div.panel.last>.submit_message {
	width: 80%;	
}


table.sub_info {
	float:left;
	clear:none;
	width: 32%;	
	margin-right: 1%;
}
table.sub_info>thead>tr>th {
	font-weight: 700;
	font-size: 14px;
	text-align:center;
	background-color: #eee;
	padding: 4px;
}

table.sub_info>tbody>tr>td {
	font-size: 12px;
	width:50%;
	padding: 2px;
}

table.sub_info>tbody>tr>td.left {
	font-weight: 700;
	text-align:right;
}

table.sub_info>tbody>tr>td.right {
	text-align:left;
	font-weight: 700;
}
table.sub_info>tbody>tr>td.right.review_name.current {
	font-weight: 700;
	color: #E2A718;
}

table.sub_info>tbody>tr>td.right>span.date {
	font-size: 12px;
	text-align:left;
}

.revs_review_wrap {
	position:relative;
	float:left;
	clear:left;
	width: 98%;
	margin-top: 20px;
}

.revs_review_wrap>.review {
	position:absolute;
	top:0;
	left:0;
	width: 100%;
	display: none;
}

.revs_review_wrap>.review>.comment_head {
	position:relative;
	float:left;
	clear:left;
	width:100%;
	border-top: 1px solid #ddd;
	padding-top: 10px;
}

.revs_review_wrap>.review>.comment_content {
	position:relative;
	float:left;
	clear:left;
	margin-top: 6px;
	width:96%;
	padding: 2%;
}
.rate_this_review {
	float: right;
	clear: none;
	width: 310px;	
}

.malicious_box {
	position:absolute;
	top:44px;
	right:20px;
	width: 200px;
	min-height:100px;
	background-color: #900;
	z-index:2;
	padding: 12px;
	display:none;
}
.malicious_box>p {
	color: #fff;
	text-align:center;
	font-size:11px;
}
.malicious_box>.small_button {
	position:relative;
	float:left;
	clear:none;
	padding:4px;
	border-radius:2px;
	background-color: #fff;
	color: #000;
	font-size: 11px;
	font-weight: bold;
	margin: 6px;
	cursor:pointer;
}

.malicious_box>.small_button.no {
	margin-left: 70px;
}

div.pagecount_popup {
	width: 400px;
	height: 200px;
	background-color:#fff;
	position:absolute;
	top:50%;
	left:50%;
	margin-top: -100px;
	margin-left: -200px;
	border-radius:6px;
	box-shadow: 2px 2px 6px #000;
	padding: 20px;	
	z-index: 101;
}
div.pagecount_popup>input[type=text] {
	width: 40px;
	margin-left: 120px;
	float:left;
	clear:left;
}
div.pagecount_popup>.button {
	float:left;
	clear:none;
	margin-left: 6px;
}
p.more {
	text-align:right;
	color: #E2A718;
	font-size: 12px;
	font-weight:bold;	
	cursor: pointer;
}
p.more:hover {
	text-decoration:underline;
	color: #000;
}

table.hof_list {
	margin: 0;
	border:none;
	border-spacing:0;
	float:left;
}
table.hof_list>thead>tr>th {
	background-color: #F0F0F0;
}

table.hof_list>thead>tr>th,
table.hof_list>tbody>tr>td {
	font-size:12px;
	text-align:left;
	vertical-align: top;
	margin: 0;
	border:none;
	padding: 4px;
	border-spacing:0;
}
table.hof_list>tbody>tr.odd {
	background-color: #F5F5F5;
}
table.hof_list>tbody>tr.even {
	background-color: #FAFAFA;
}

#public_contact_form input[type=text],
#contact_form input[type=text] {
	position:relative;
	float:left;
	clear:left;
	width: 90%;	
	margin: 0;
	font-size: 16px;
	font-weight: bold;
	padding: 4px;
	color: #666;
}

#public_contact_form textarea,
#contact_form textarea {
	position:relative;
	float:left;
	clear:left;
	width: 90%;	
	height: 200px;
	margin: 0;
	font-size: 16px;
	font-weight: bold;
	padding: 4px;
	color: #666;
}

.discuss_image_viewer_scrim {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color: #222;
	opacity: .9;
	z-index: 200;
}

.discuss_image_viewer {
	position: absolute;
	width: 90%;
	height: 96%;
	margin-top: 1%;
	margin-left: 5%;
	background-color: #000;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	overflow: hidden;
	z-index:201;
}

.discuss_image_viewer>.image {
	position: absolute;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-size: contain;
	background-repeat:no-repeat;
}

.discuss_image_viewer>.image_nav {
	position: absolute;
	top: 50%;
	margin-top: -10px;
	color: #fff;
	background-color: #333;
	padding: 12px;
	font-size: 30px;
	font-weight:bold;
	border-radius: 6px;
	opacity:.5;
	cursor:pointer;
}
.discuss_image_viewer>.image_nav.left {
	left: 0;
}
.discuss_image_viewer>.image_nav.right {
	right:0;
}
.discuss_image_viewer>.image_nav:hover {
	opacity:1;
}

.discuss_image_viewer>.icon.rotate.left {
	top:10px;
	right:96px;
}
.discuss_image_viewer>.icon.rotate.right {
	top:10px;
	right:56px;
}

.hidden_image {
	display:none;
}

.people_list {
	float:left;
	clear:left;
	width:100%;
	margin-top:10px;
}

.people_list>.person {
	float:left;
	clear:none;
	width: 23%;
	padding: 0.5%;
	margin: 0.1%;
	background-color: #f5f5f5;
	font-size: 14px;
	cursor:pointer;
}
.people_list>.person:hover {
	background-color: #fefef3;
}

.images {
	float: left;
	clear: left;
	width: 100%;
	min-height: 100px;
}
.images>.image {
	float: left;
	clear: none;
	background-position:center center;
	background-repeat: no-repeat;
	background-size: contain;	
	margin: 4px;
	cursor:pointer;
	width:200px;
	height:200px;
}

.discuss_image_viewer>.title {
	position: absolute;
	bottom: 12px;
	left: 12px;
	background-color: #000;
	z-index: 100;
	color:#fff;
	padding: 4px 10px;
	font-size: 12px;
}

.film_nav {
	position:relative;
	max-width:49%;
	font-size: 30px;
	background-color:#eee;
	padding: 4px 10px;
	border-radius: 4px;	
	cursor:pointer;
}
.film_nav.next {
	float:right;
	text-align:right;
}
.film_nav.prev {
	float:left;
	text-align:left;
}
.film_nav>div.text {
	float:left;
	clear:none;
	font-weight:bold;
	font-size: 14px;
}
.film_nav.next>div.text {
	margin-right:10px;
}
.film_nav.prev>div.text {
	margin-left:10px;
}

.film_nav>.icon {
	position:absolute;
	top:0px;
	font-family: "FontAwesome";
	font-size: 17px;
	margin:0;
	cursor:pointer;
}
.film_nav.prev>.icon {
	left:0;
}
.film_nav.next>.icon {
	right:0;
}
.film_nav:hover>.text,
.film_nav:hover>.icon {
	color:#E2A718;	
}

.az_menu {
	width: 350px;
	float: right;
	clear: none;	
}

.sitewide_warning {
	text-align: center;
	padding: 20px;
	background-color: #FCC;
	font-weight: bold;	
}

p.more {
	width:100%;
	text-align:right;
	margin-top:0;
}

div.article {
	position:relative;
	float:left;
	clear:left;
	display:none;
}

.horizontal_ad {
	position:relative;
	float:left;
	clear:left;
	margin: 0 0 10px 0;	
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(/images/claret_728x90.jpg);
	background-size: contain;
	width: 100%;
	height: 80px;
	padding: 4px;
	background-color: transparent;
}

.article img {
	width:100%;
}

.mobile_link {
	position: relative;
	z-index: 100;
	top: 26px;
	float:right;
	margin-right: 20px;
	clear:none;
	z-index: 110;
	color: #fff;
	cursor:pointer;
	font-family: OpenSans, Helvetica, Arial, sans-serif;
}
.mobile_link:hover {
	text-decoration: underline;	
}
.mobile_link>#top_login,
.mobile_link>#forgot_form {
	position: absolute;
	top: 20px;
	right: 00px;
	width: 250px;
	padding: 6px;
	background-color:#000;
	display:none;
}
.mobile_link>#forgot_form>p {
	margin: 2px 0;
}

.preview_button_wrap {
	position:relative;
	float:left;
	clear:left;
	width:100%;
}

#reset_form>input#reset_password,
#reset_form>input#reset_password2 {
	float:left;
	clear:left;
	width:50%;
}

#reset_form>input#join_submit {
	float:left;
	clear:none;
	font-family: FontAwesome;
	font-size: 20px;
	border:1px solid #eee;
	color: #FFF;
	background-color:#333;
	border-radius: 5px;
	margin-left: 10px;
	cursor: pointer;
}


.winners {
	position:relative;
	float:left;
	clear:left;
	margin-bottom: 20px;
	width: 100%;
}
.winners>.winner_entry {
	position:relative;
	float:left;
	clear:none;
	width:calc(50% - 12px);
	margin-right:12px;
	margin-bottom:6px;
}
.contests .content_wrap .item>h2 {
	font-size:24px;
}

div#join_form_window,
div#response_window {
	position:absolute;
	top: 50%;
	left:50%;
	z-index: 10;
	background-color: #eee;
	padding: 20px;
	display:none;
	z-index: 101;
}




/*  desktop_large */
@media only screen and (min-width: 1100px) {

	h1 {
		font-size: 28px;
	}
	h2 {
		font-size: 22px;
	}
	h3 {
		font-size: 16px;
	}
	p, li{
		font-size: 15px;
	}
	p.small {
		font-size: 10px;
	}
	p.note {
		font-size: 12px;
	}
	.button {
		font-size: 12px;
		padding: 4px 8px;
	}
	ul {
		margin-top: 0;
		margin-bottom: 4px;
	}
	td,
	th {
		position:relative;
		vertical-align:top;
		font-size: 14px;
	}


	.content_wrap {
		top: 180px;
		padding-left: 280px;
		width:100%;
		min-height:800px;
		position:absolute;
		line-height:1.1;
	}
	
	.left_logo {
		position:absolute;
		left:0;
		top:0;
		height: 1000px;
		width: 280px;
		background-image: url(/images/azlogo_trns.png);
		background-size: cover;
		background-position: center top;
		background-repeat: no-repeat;
		display:block;	
		z-index:0;
	}
	
	.mobile_link {
		display:none;
	}
	
	#top_band>#top_band_content>#top_title {
		margin-top: 2px;
		width: 210px;
		height:33px;
	}
	
	.content_wrap>.column.wide>.column.third {
		width: calc(33% - 22px);
		padding:6px;
		margin: 0 10px 0 0;
	}

	div#join_form_window,
	div#response_window {
		margin-top: -150px;
		margin-left: -250px;
		width: 500px;
		min-height:310px;
		border-radius: 10px;
	}
	#join_form input.name {
		width: calc(33% - 7px);
	}

}

/*  desktop_medium */
@media only screen and (min-width: 769px) and (max-width: 1099px) {

	h1 {
		font-size: 28px;
	}
	h2 {
		font-size: 22px;
	}
	h3 {
		font-size: 16px;
	}
	p, li{
		font-size: 15px;
	}
	p.small {
		font-size: 10px;
	}
	p.note {
		font-size: 12px;
	}
	.button {
		font-size: 10px;
		padding: 4px 8px;
	}
	ul {
		margin-top: 0;
		margin-bottom: 4px;
	}
	td,
	th {
		position:relative;
		vertical-align:top;
		font-size: 13px;
	}
	
	.content_wrap {
		top: 180px;
		padding-left: 280px;
		width:100%;
		min-height:800px;
		position:absolute;
		line-height:1.1;
	}
	
	.left_logo {
		position:absolute;
		left:0;
		top:0;
		height: 1000px;
		width: 280px;
		background-image: url(/images/azlogo_trns.png);
		background-size: cover;
		background-position: center top;
		background-repeat: no-repeat;
		display:block;	
		z-index:0;
	}
	
	.mobile_link {
		display:none;
	}
	
	#top_band>#top_band_content>#top_title {
		margin-top: 2px;
		width: 210px;
		height:33px;
	}
	
	.home_text_box,
	.home_blurb_box {
		position:relative;
		float:left;
		clear:left;
		width: 100%;
		margin-bottom:12px;
	}

	.content_wrap>.column.wide>.column.third {
		width: calc(33% - 12px);
		padding:6px;
		margin: 0 10px 0 0;
	}

	div#join_form_window,
	div#response_window {
		margin-top: -150px;
		margin-left: -250px;
		width: 500px;
		height:300px;
		border-radius: 10px;
	}
	#join_form input.name {
		width: calc(33% - 7px);
	}

}


/*  desktop_small */
@media only screen and (min-width: 480px) and (max-width: 768px) {
	h1 {
		font-size: 26px;
	}
	h2 {
		font-size: 20px;
	}
	h3 {
		font-size: 14px;
	}
	p, li{
		font-size: 13px;
	}
	p.small {
		font-size: 10px;
	}
	p.note {
		font-size: 12px;
	}
	.button {
		font-size: 10px;
		padding: 4px 8px;
	}
	ul {
		margin-top: 0;
		margin-bottom: 4px;
	}
	td,th {
		position:relative;
		vertical-align:top;
		font-size: 12px;
	}

	.content_wrap {
		top: 200px;
		padding-left: 0;
		width:100%;
		min-height:800px;
		position:absolute;
		line-height:1.1;
	}
	
	.left_logo {
		display:none;	
	}
	
	.content_wrap p {
		font-size: 12px;
		line-height:1.1;
	}
	
	.content_wrap h2,
	.content_wrap h3, {
		font-size: 16px;
		line-height:1.1;
	}
	
	.mobile_link {
		display:block;
	}
	
	#top_band>#top_band_content>#top_title {
		margin-top: 2px;
		width: 210px;
		height:33px;
	}
	
	.public #header {
		height:150px;
		overflow:visible;
	}
	
	.home_text_box,
	.home_blurb_box {
		position:relative;
		float:left;
		clear:left;
		width: 100%;
		margin-top: 12px;
		height:auto;
		min-height: 10px;
	}
	.content_wrap>.column.wide>.column.third {
		width: calc(33% - 14px);
		padding:6px;
		margin: 0 10px 0 6px;
	}

	div#join_form_window,
	div#response_window {
		margin-top: -160px;
		margin-left: -250px;
		width: 500px;
		height:320px;
		border-radius: 10px;
	}
	#join_form input.name {
		width: calc(33% - 7px);
	}

}


/*  iphone6 */
@media only screen and (min-width: 375px) and (max-width: 479px) {
	.content_wrap h1 {
		font-size: 18px;
	}
	.content_wrap h2 {
		font-size: 11px;
	}
	.content_wrap h3 {
		font-size: 10px;
	}
	.content_wrap p,
	.content_wrap>.column>.item>p,
	.content_wrap li,
	.content_wrap div {
		font-size: 9px;
	}
	.content_wrap table.message_list td,
	.content_wrap table.message_list th {
		font-size: 11px;
	}
	.content_wrap td,
	.content_wrap th {
		font-size: 9px;
	}

	.content_wrap {
		top: 200px;
		padding-left: 0;
		width:100%;
		min-height:800px;
		position:absolute;
		line-height:1.1;
	}
	
	.left_logo {
		display:none;	
	}
	
	.content_wrap p {
		font-size: 12px;
		line-height:1.1;
	}
	
	.content_wrap h2,
	.content_wrap h3, {
		font-size: 16px;
		line-height:1.1;
	}
	
	.mobile_link {
		display:block;
	}
	
	#top_band>#top_band_content>#top_title {
		margin-top: 2px;
		width: 210px;
		height:33px;
	}
	
	.public #header {
		height:150px;
		overflow:visible;
	}
	
	.home_text_box {
		position:relative;
		float:left;
		clear:left;
		width: 100%;
		margin-top: 12px;
		height:auto;
		min-height: 10px;
	}	
	.home_blurb_box {
		/* display:none; */
	}

	.content_wrap>.column.wide>.column.third {
		width: calc(100% - 12px);
		padding:6px;
		margin: 0 10px 0 6px;
	}

	div#join_form_window,
	div#response_window {
		margin-top: -130px;
		margin-left: -160px;
		width: 320px;
		height:260px;
		border-radius: 10px;
	}
	#join_form input.name {
		width: calc(33% - 12px);
		font-size: 11px;
	}

}

/*  iphone5 */
@media only screen and (min-width: 300px) and (max-width: 374px) {
	.content_wrap h1 {
		font-size: 18px;
	}
	.content_wrap h2 {
		font-size: 11px;
	}
	.content_wrap h3 {
		font-size: 10px;
	}
	.content_wrap p,
	.content_wrap>.column>.item>p,
	.content_wrap li,
	.content_wrap div {
		font-size: 9px;
	}
	.content_wrap td,
	.content_wrap th {
		font-size: 9px;
	}
	.content_wrap .workshop_content>table>tbody>tr>td {
		font-size: 9px;
	}
	.content_wrap .workshop_content>table>tbody>tr>td.title {
		font-size: 10px;
	}
	.content_wrap p.small {
		font-size: 9px;
	}

	.content_wrap {
		top: 200px;
		padding-left: 0;
		width:100%;
		min-height:800px;
		position:absolute;
		line-height:1.1;
	}
	
	.left_logo {
		display:none;	
	}
	
	.content_wrap p {
		font-size: 12px;
		line-height:1.1;
	}
	
	.content_wrap h2,
	.content_wrap h3, {
		font-size: 16px;
		line-height:1.1;
	}
	
	.mobile_link {
		display:block;
	}
	
	#top_band>#top_band_content>#top_title {
		margin-top: 2px;
		width: 210px;
		height:33px;
	}
	
	.public #header {
		height:150px;
		overflow:visible;
	}
	
	.home_text_box {
		position:relative;
		float:left;
		clear:left;
		width: 100%;
		margin-top: 12px;
		height:auto;
		min-height: 10px;
	}	
	.home_blurb_box {
		display:none;
	}
	.content_wrap>.column.wide>.column.third {
		width: calc(100% - 12px);
		padding:6px;
		margin: 0 10px 0 6px;
	}

	div#join_form_window,
	div#response_window {
		margin-top: -130px;
		margin-left: -150px;
		width: 300px;
		height:260px;
		border-radius: 10px;
	}

	#join_form input.name {
		width: calc(33% - 12px);
		font-size: 11px;
	}

}

