@font-face {
  font-family: 'Chunkfive';
  src:  url('Chunkfive.otf') format('embedded-opentype');
}

@font-face{
	font-family: 'chunkfiveroman';
	src: url('chunkfive-webfont.eot');
	src: url('chunkfive-webfont.eot?#iefix') format('embedded-opentype'),
 			 url('chunkfive-webfont.woff2') format('woff2'),
			 url('chunkfive-webfont.woff') format('woff'),
			 url('chunkfive-webfont.ttf') format('truetype'),
			 url('chunkfive-webfont.svg#chunkfiveroman') format('svg');
	font-weight: normal;
	font-style: normal;
}

body, html {
	padding: 0;
	margin: 0;
}

.faux-link {
	color: rgb(0, 0, 238);
	text-decoration: underline;
	cursor: pointer;
}

body, input, textarea, button {
	font-family: 'Open sans', sans-serif;
}

body {
	font-size: 12px;
	color: #000;
	min-width: 1000px;
}

.content, .head-wrap, .subhead-wrap {
	width: 80%;
	max-width: 1200px;
	margin: 0 auto;
}

main, section {
	display: block;
	background: #fff;
	margin-bottom: 100px;
}

main.home {
	background: #0090d6;
	color: #fff;
	margin-bottom: 0px;
}

main {
	padding: 100px 0 0 0;
}

body.printable main{
	padding: 20px 0 0 0;
}

header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 80px;
	background-color: #0090D6;
}

/*header.scrolled {
	top: -1px;
}*/

.head-wrap {
	background: #0090d6;
	height: 100%;
	overflow: hidden;
	z-index: 1000;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

/*header.scrolled .head-wrap {
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	transform: scale(0.9);
	-webkit-transform-origin: top center;
	-moz-transform-origin: top center;
	transform-origin: top center;
	box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.5);
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}*/

header .logo {
	display: block;
	float: left;
	font-size: 36px;
	font-weight: bold;
	background: #0b7fb8;
	color: #fff;
	padding: 16px 10px;
	text-decoration: none;
}

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

nav li {
	margin: 0;
	padding: 0;
}

nav a, header a, .func-resource-cattab a {
	color: #fff;
	text-decoration: none;
}

nav.header {
	background: gray;
	display: block;
}

nav.header li {
	float: left;
	font-size: 1em;
	font-weight: normal;
	color: #fff;
	padding: 33px 0;
	width: 80px;
	text-align: center;
}
nav.header li:first-child{
	width: 100px;
}

nav.header li:hover {
	font-weight: bold;
}

.signin, .signout {
	float: right;
	width: 40%;
	padding: 20px 0;
	color: #fff;
	font-weight: bold;
}

.signout {
	text-align: right;
}

.signout button {
	margin: 1px 6%;
}

form.signin input, form.signin button, form.signout button {
	width: 27%;
	height: 40px;
	background-color: #0b7fb8;
	border: 0;
}

form.signin input {
	margin-right: 3%;
	border: 1px solid #006494;
	border-bottom: 1px solid #39a3d6;
	border-right: 1px solid #39a3d6;
	color: #fff;
	padding: 0 1%;
}

form.signin input.password {
}

form.signin button, form.signout button {
	border: 1px solid #39a3d6;
	border-bottom: 1px solid #006494;
	border-right: 1px solid #006494;
	color: #fff;
	font-weight: bold;
	background: #009fed;
}

/*
::-webkit-input-placeholder {
	color: #fff;
}
::-moz-placeholder {
	color: #fff;
}
:-ms-input-placeholder {
	color: #fff;
}
*/

main h1 {
	font-size: 3em;
	font-weight: normal;
	text-align: center;
	margin-bottom: 60px;
}

#video .caption {
	display: none;
}

#video iframe {
	margin: 0 auto;
	display: block;
}

#video {
}

section.detail {
	margin-top: 100px;
	background: #0b7fb8;
	overflow: auto;
}

section.detail aside {
	width: 30%;
	padding: 1%;
	float: left;
	text-align: center;
}

section.detail h2 {
	color: #f3d071;
	font-size: 1.8em;
	text-align: center;
	font-weight: 600;
}

section.detail p {
	font-size: 1.3em;
	line-height: 130%;
	text-align: center;
}

.rocket-icon {
	margin: 20px 0 0 0;
}

.cloud-icon {
	margin: 28px 0 8px 0;
}

.plane-icon {
	margin: 20px 0 0 0;
}

section.signup {
	background: #fff;
	color: #000;
	overflow: auto;
}

.joinform {
	width: 80%;
	min-width: 700px;
	margin: 100px auto;
	border: 2px solid #ccc;
}

.tab-nav {
}

.tab-nav ul, .func-resource-cattabs {
	display: table;
	width: 100%;
	background-color: #eee;
	border-collapse: separate;
	border-spacing: 5px 5px;
	border: 1px solid #ccc;
	box-sizing: border-box;
	border-width: 1px 1px 0 1px;
}

.tab-nav li, .func-resource-cattab {
	display: table-cell;
	background: #fff;
	text-align: center;
	box-shadow: 0 1px 1px rgba(100, 100, 100, 0.5);
}

.tab-nav li a, .func-resource-cattab a {
	font-size: 1.4em;
	color: #666;
	display: block;
	padding: 7px;
}

.tab-nav li.active, .func-resource-cattab.active {
	background: #0090d6;
	font-weight: bold;
}

.tab-nav li.active a, .func-resource-cattab.active a {
	color: #fff;
}

.tab-nav li:hover, .func-resource-cattab:hover {
	background: #0090d6;
}

.tab-nav li:hover a, .func-resource-cattab:hover a {
	color: #fff;
}

.tab-content {
	display: none;
}

.joinform h2 {
	font-size: 1.8em;
	font-weight: normal;
	text-align: center;
}

.joinform .tab-content {
	padding: 50px 8%;
}

.individual-form, .func-renew-form {
	margin-top: 50px;
}

.func-renew-form .error{
	min-width: 100px;
}

.joinform .individual-form fieldset, .institution-form fieldset,
.func-instjoin-form fieldset,
.joinform .func-renew-form fieldset{
	width: 50%;
	float: left;
	border: none;
	padding: 0;
	margin: 0 0 50px 0;
}

.joinform label {
	width: 40%;
	float: left;
	font-size: 1.2em;
	text-align: right;
	clear: left;
	padding-right: 10px;
	vertical-align: middle;
	padding-top: 17px;
}

.joinform input,
.joinform fieldset select,
.joinform fieldset div.pricedisplay,
#instjoin-price,
.joinform textarea,
.contact-form input[type="text"],
.contact-form textarea
{
	width: 50%;
	border: 1px solid #000;
	padding: 8px;
	display: inline-block;
	vertical-align: middle;
	margin: 10px 0;
	font-size: 1.2em;
}

.joinform fieldset div.pricedisplay,
#instjoin-price{
	border: none;
}

.joinform textarea{
	height: 80px;
}

.joinform label.wide {
	width: 95%;
	text-align: right;
}

.joinform input[type=checkbox] {
	width: auto;
	margin: 5px;
}

.joinform .buttons {
	clear: both;
	margin: 50px auto 0 auto;
	text-align: center;
}

.joinform button{
	background: #00BD9C;
	color: #fff;
	padding: 20px;
	font-size: 1.6em;
	margin: 0 20px;
}

section.comments {
	background: #f6f6f6;
	color: #000;
	overflow: visible;
}

section.comments .comment-icon {
	background: center top no-repeat url('/images/speechbubble.png');
	height: 64px;
	position: relative;
	top: -32px;
}

section.comments .content {
	position: relative;
	overflow: hidden;
	height: 220px;
}

section.comments blockquote {
	margin: 0;
	padding: 0;
	width: 80%;
	margin: 0 auto;
	font-size: 1.5em;
	font-style: italic;
	text-align: center;
}

section.comments blockquote:before {
	content: open-quote;
}

section.comments blockquote:after {
	content: close-quote;
}

aside.comment {
	position: absolute;
	text-align: center;
	overflow: auto;
	width: 100%;
}

aside.comment img {
	margin: 20px 10px 0;
	width: 64px;
	height: 64px;
}

aside.comment .attribute {
	color: #666;
	font-size: 1.4em;
	font-weight: 600;
}

aside.comment {
	display: none;
}

aside.comment.active {
	display: block;
}

footer {
	background: #888;
	color: #000;
	text-align: center;
	padding: 20px 0 10px;
}

footer a {
	color: #000;
	font-weight: bold;
}

footer nav {
	overflow: auto;
	padding: 0 0 80px;
}

footer nav li {
	width: 33%;
	float: left;
}

.selector {
	text-align: center;
}

.selector input {
	width: 100px;
	text-align: center;
	border: none;
	font-size: 3em;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

.selector select {
	width: 150px;
	border: 1px solid #888;
	height: 30px;
	font-size: 1.2em;
}

.slider-container {
	width: 80%;echo("WTF");
exit();

	background: #fff;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ccc), to(#fff));
	background: -webkit-linear-gradient(#ccc, #fff);
	background: -moz-linear-gradient(#ccc, #fff);
	background: -ms-linear-gradient(#ccc, #fff);
	background: -o-linear-gradient(#ccc, #fff);
	background: linear-gradient(#ccc, #fff);

	border-radius: 4px;
	border: 1px solid #bebebe;
	height: 8px;
	margin: 10px auto 40px auto;
	position: relative;
}

.slider-handle {
	width: 40px;
	height: 40px;
	background: #0090D6;
	position: absolute;
	margin: -15px 0 0 -15px;
	cursor: pointer;
	background-image:url('/images/slider.png');
	background-repeat:no-repeat;
	background-position:center;
    -webkit-box-shadow: #838383 1px 2px 4px;
    -moz-box-shadow: #838383 1px 2px 4px;
    box-shadow: #838383 1px 2px 4px;
}

.pricesummary, .savingsummary {
	width: 200px;
	height: 80px;
	display: inline-block;
	border-radius:20px;
	margin: 10px 30px;
	font-size: 1.6em;
	padding: 10px 0;
}

.pricedisplay, .savingdisplay {
	font-size: 2em;
}

.pricesummary {
	background: #339933;
}

.savingsummary {
	background: #de0100;
}

.selector .buttons {
}

.selector button {
	display: inline-block;
}

article.question {
	border: 1px solid #000;
	padding: 0.5em;
	margin-bottom: -1px;
	height: 1.5em;
	overflow: hidden;
	background: #ddd;
	cursor: pointer;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

article.question:hover {
	background: #eee;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

article.question.open {
	height: 150px;
	max-height: auto;
	background: #fff;
	cursor: auto;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

article h3 {
	margin: 0;
	font-size: 1.2em;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.tab-container.console .tab-content {
	border: 1px solid #ccc;
	padding: 2%;
	border-width: 0 1px 1px 1px;
}

.stream-content {
	overflow: hidden;
}

section.stream {
	width: 30%;
	float: left;
	padding: 0 0 9999px 0;
	margin: 0 0 -9999px 0;
	border-right: 1px solid #ccc;
}

section.stream-detail {
	margin-left: 34%;
}

section.stream h3 {
	margin: 0;
}

nav.feednav {
	margin: 0 8px 8px 0;
	min-height: 60px;
}

nav.feednav ul {
}

nav.feednav li {
	display: block;
	float: left;
	width: 48%;
	text-align: center;
}

nav.feednav li:first-child{
	margin-right: 4%;
}

nav.feednav a {
	display: block;
	background: green;
	padding: 20px 8px;
	border: 1px outset;
}

nav.feednav a.displaytype0{
	background-color: #3498db;
}

.stream-list li.displaytype0{
	background-color: #3498db;
}

nav.feednav a.displaytype1{
	background-color: #e74c3c;
}

.stream-list li.displaytype1{
	background-color: #e74c3c;
}

.stream-list li.displayshare{
	background-color: #1abc9c;
}

.func-stream-search {
	clear: both;
	width: 96%;
	margin: 8px 0;
}

ul.stream-list {
	clear: both;
	margin: 8px 8px 0 0;
	padding: 0;
}

.stream-list li {
	display: block;
	clear: both;
	margin-bottom: 4px;
	overflow: auto;
	color: #fff;
}

.stream-list li:hover {
	/*background: #f8f8f8;*/
}

.stream-list img {
	float: left;
	margin: 0 6px 0 0;
	height: 60px;
	width: 60px;
	background-color: #fff;
}

.stream-list .func-stream-attachment img,
.stream-list .func-stream-attention img{
	margin: 20px;
	width: 20px;
	height: 20px;
	background: none;
}

.stream-list h4 {
	margin: 10px 0 4px 0;
	overflow: hidden;
	height: 18px;
}

.stream-list .age {
	float: right;
	width: 24px;
	height: 16px;
	text-align: center;
/*	border: 1px solid #aaa;
*/	background: #e8e8e8;
border-radius:8px;
	color: #666;
	margin: 10px 10px 2px 10px;
	font-size: 0.8em;
	padding-top: 4px;
	cursor: default;
}

.stream-list .func-stream-attachment,
.stream-list .func-stream-attention
{
	float: right;
}

.stream-list .func-stream-attachment img,
.stream-list .func-stream-attention img{
	margin: 10px -10px 0 0;
	padding: 0;
}

.stream-list .func-stream-attention img{
	margin: 10px 5px 0 0;
}

.stream-list .attribute {
	display: block;
	color: #FFF;
	font-size: 0.9em;
}

section.stream-detail section {
	margin-bottom: 0;
	overflow: auto;
}

.stream-detail .userpic {
	float: left;
	margin: 0 10px 10px 0;
	width: 60px;
	height: 60px;
}

nav.message-tools {
	float: right;
}

.message-tools li {
	display: block;
	float: left;
}

.message-tools a {
	color: #aaa;
	display: block;
	border: 1px solid #aaa;
	padding: 6px;
	margin: 2px;
}

.message-tools .approve a{
	color: #0a0;
	border-color: #0a0;
	background-color: #efe;
}

.message-tools .delete a{
	color: #a00;
	border-color: #a00;
	background-color: #fee;
}

article.stream {
	display: block;
	overflow: auto;
	padding-left: 110px;
}

article.stream h3 {
	margin: 0 0 10px -110px;
}

article.stream .attribute,
aside.response .attribute {
	color: #888;
}

section.user .userpic {
	margin-top: -20px;
}

section.responses {
	margin-top: 30px;
}

aside.response {
	overflow: auto;
	padding: 0 0 20px 70px;
}

.response .userpic {
	margin: 0 10px 10px -70px;
}

section.user {
	padding: 20px 0 0 0;
}

.image-holder {
	max-width: 200px;
	float: right;
	margin: 0 10px 10px 10px;
}

.image-holder img {
	width: 100%;
	height: auto;
}

form.response {
	padding: 0 0 20px 70px;
}

form.response textarea {
	width: 97%;
	height: 60px;
}

form.response button {
	float: right;
	border: 1px solid #00bd9c;
	color: #00bd9c;
	background: #fff;
	padding: 8px;
	margin: 10px 2% 10px 10px;
	border-radius: 2px;
}

div.error{
	color: #d00;
	margin: -5px 12px 0 40%;
	padding-left: 10px;
}

div.error.wide{
	margin-left: 20px;
}

.resource_tabs{
  position: relative;
  width: 100%;
  height: 600px;
  display: block;
  padding: 0;
  margin: 0;
}

.resource_tabs li{
  display: inline-block;
  zoom: 1; *display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
	width: 25%;
}

.resource_tabs li a{
  /*width: 219px;*/
  display: block;
  height: 42px;
  line-height: 42px;
  text-align: center;
  color: #FFFFFF;
  font-family: source-sans-pro,sans-serif;
  font-size: 17px;
  text-decoration: none;
}

.resource_tabs li.selected a{
  font-weight: bold;
}

.resource_tabs ul{
  display: none;
}

.resource_tabs .selected ul{
  display: block;
  position: absolute;
  left: 0;
  padding: 18px 0;
  width: 100%;
  min-height: 500px;
}

.resource_tabs ul li a{
  height: auto;
}

.resource_tabs ul img{
  margin: 18px 0 18px 0;
  box-shadow: 0 4px 2px rgba(0, 0, 0, 0.3);
}

.resource_tabs #rtab1{
  background-color: #1BA1E2;
}

.resource_tabs #rtab1:hover {
  background-color: #32ABE5;
}

.resource_tabs #rtab1.selected, .resource_tabs #rtab1.selected:hover, .resource_tabs #rtab1 ul{
  background-color: #79C5E9;
}

.resource_tabs #rtab2{
  background-color: #DE0100;
}

.resource_tabs #rtab2:hover {
  background-color: #E11B1A;
}

.resource_tabs #rtab2.selected, .resource_tabs #rtab2.selected:hover, .resource_tabs #rtab2 ul{
  background-color: #E66060;
}


.resource_tabs #rtab3{
  background-color: #339933;
}

.resource_tabs #rtab3:hover {
  background-color: #48A348;
}

.resource_tabs #rtab3.selected, .resource_tabs #rtab3.selected:hover, .resource_tabs #rtab3 ul{
  background-color: #6CAA6C;
}

.resource_tabs #rtab4{
  background-color: #F0960B;
}

.resource_tabs #rtab4:hover {
  background-color: #F2A124;
}

.resource_tabs #rtab4.selected, .resource_tabs #rtab4.selected:hover, .resource_tabs #rtab4 ul{
  background-color: #F4BF6E;
}

section.invoice{
	font-size: 1.2em;
}

section.invoice table.reference{
	float: right;
	text-align: right;
}

th{
	text-align: left;
}

section.invoice table.items{
	margin-top: 20px;
	width: 100%;
}

section.invoice table.items td.price{
	text-align: right;
}

section.invoice table.items tr.total td{
	border-top: 1px dotted #000;
	font-weight: bold;
}

section.invoice .printable-link{
	margin-top: 20px;
	float: right;
	font-size: 0.75em;
}

.console #details table th, .console #details table td{
	text-align: left;
	padding: 0 50px 10px 0;
}

.console #logins label{
	font-weight: bold;
	margin-right: 5px;
}


.view_subusers{
	border-collapse: collapse;
	width: 100%;
	border: 1px solid #eee;
}

.view_subusers th{
	background-color: #eee;
}

.view_subusers th a{
	text-decoration: none;
	color: #000;
}

.view_subusers th, .view_subusers td,
.edit_logins table th, .edit_logins table td
{
	padding: 2px 5px;
}

#import_text{
	width: 100%;
	height: 300px;
}

.edit_logins table{
	width: 100%;
}

.edit_logins table input{
	width: 100%;
}

.console #logins label{
	margin: 0 0 5px 0;
	display: inline-block;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
	color: #000;
	text-decoration: none;
}

h1.post-title{
	font-weight: bold;
	font-size: 18px;
	text-align: left;
	margin-bottom: 12px;
}

h1.post-title a{
	font-weight: bold;
}

main.wordpress .post{
	margin-bottom: 40px;
}

/*
main.wordpress .post-meta, main.wordpress .post-data{
	color: #888;
}

main.wordpress .post-meta a, main.wordpress .post-data{
	text-decoration: none;
}*/

.contact-form {
	margin: 20px auto;
	border: 2px solid #ccc;
	padding: 40px;
	float: left;
}

.contact-form label{
	display: block;
}

.contact-form label span.label{
	display: inline-block;
	*display: inline;
	zoom: 1;
	font-size: 1.2em;
	width: 120px;
}

.contact-form input[type="text"], .contact-form textarea{
	width: 75%;
}

.contact-form input[type="submit"] {
    background: none repeat scroll 0 0 #00BD9C;
    clear: left;
    color: #FFFFFF;
    display: block;
    font-size: 1.6em;
    margin: 50px auto 0;
    padding: 20px;
}

#details table, #profilepic_details{
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: top;
}

.profilepic_holder{
	border: 1px solid #ccc;
	background-color: #f9f9f9;
	width: 150px;
	height: 150px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;	
}

#profilepic_details .field{
	margin-top: 10px;
}

#profilepic_details label{
	font-weight: bold;
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 140px;
}

.stream .stream-list {
	max-height: 500px;
	overflow: auto;
}

.func-stream-add #post-title, .func-stream-add #post-content, .func-stream-groups #group-name, .func-stream-groups #group-members {
	width: 95%;
}

.func-stream-add #post-content, .func-stream-groups #group-members {
	height: 100px;
}

.func-stream-add #post-target, .func-stream-groups #group-type {
	min-width: 50%;
}

.func-stream-add input[type=submit], .func-stream-groups input[type=submit],
.func-contact-form button,
.func-forgotten-password button,
.button-link {
	margin-top: 20px;
	background: green;
	color: white;
	padding: 8px;
	border: 1px outset;
}
.func-forgotten-password button{
	background-color: #009fed;
	display: block;
}

.button-link{
	display: inline-block;
	font-size: 12px;
	text-decoration: none;
}

.func-stream-groups table {
	width: 95%;
}

.func-stream-groups table tr:nth-child(even) {
	background: #e8e8e8;
}

.func-stream-groups #leave-group {
	float: right;
}

a.attachment{
	display: block;
	font-weight: bold;
}

.no-attachment{
	display: block;
}

.func-saves-file, .func-saves-dir, .func-saves-publicdir, .func-saves-groupdir{
	background-color: rgb(215,175,13);
	padding: 0;
	text-align: right;
	margin: 10px 0;
}

.func-saves-file.legacy{
	background-color: #bbb;
	color: #444;
}

.func-saves-file.legacy button{
	background-color: #c9c9c9;
}

.func-saves-dir, .func-saves-publicdir, .func-saves-groupdir{
	background-color: rgb(22,160,133);
	color: #fff;
}

.func-saves-file{
	color: #000;
}

.func-saves-publicdir{
	background-color: rgb(52,152,219);
}

.func-saves-groupdir{
	background-color: rgb(22,200,219);
}

.func-saves-file .title, .func-saves-dir .title, .func-saves-publicdir .title, .func-saves-groupdir .title{
	font-size: 1.4em;
	float: left;
	margin: 3px 0 0 10px;
}
.func-saves-file .title {
	line-height: 40px;
}

.func-saves-file .icons button {
	margin-top: 10px; 
}

.func-saves-dir .title, .func-saves-publicdir .title, .func-saves-groupdir .title{
	margin-left: 5px;
}

.func-saves-file .apptypename{
	display: inline-block;
	vertical-align: top;
	margin-top: 15px;
	margin-right: 5px;
}

.func-saves-dir .contents, .func-saves-publicdir .contents, .func-saves-groupdir .contents{
	display: block;
	clear: left;
	float: left;
	margin: -8px 0 0 40px;
}

.func-saves-dir .icons, .func-saves-publicdir .icons, .func-saves-groupdir .icons{
	display: block;
	height: 47px;
}

.func-saves-file .icons{
	display: inline;
	height: auto;
}

.func-saves-file button, .func-saves-dir button, .func-saves-publicdir button, .func-saves-groupdir button{
	border: none;
	text-align: center;
	padding: 0;
	height: 25px;
	width: 25px;
	position: relative;
	margin: 5px 5px 5px 0;
}

.func-saves-dir button{
	background-color: rgb(67,178,157);
}

.func-saves-publicdir button{
	background-color: rgb(91,172,226);
}

.func-saves-groupdir button{
	background-color: rgb(91,230,240);
}

.func-saves-file button{
	background-color: rgb(223,190,60);
}

.func-saves-dir button.saves-foldericon, .func-saves-publicdir button.saves-foldericon, .func-saves-groupdir button.saves-foldericon{
	float: left;
	margin: 5px;
}

.func-saves-file button img, .func-saves-dir button img, .func-saves-publicdir button img, .func-saves-groupdir button img{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.func-saves-dir .files, .func-saves-publicdir .files, .func-saves-groupdir .files, #import-form{
	padding: 0 0 10px 15px;
}

.func-saves-dir .func-saves-file,
.func-saves-publicdir .func-saves-file,
.func-saves-groupdir .func-saves-file
{
	margin-right: 5px;
}

.func-saves-file .description,
.func-saves-file .apptype{
	display: none;
}

.func-saves-file.showdesc .description{
	display: block;
	text-align: left;
	padding: 0 10px 5px 10px;
}

.popup{
	background-color: #3498DB;	
	padding: 10px;
	position: absolute;
	top: 0;
	left: 0;
}

.popup .save, .func-saves-save .save{
	color: #fff;
	background-color: #0ea286;
	float: right;
	border: 1px outset;
	position: absolute;
	right: 20px;
	height: 40px;
	width: 208px;
	cursor: pointer;
	font-weight: bold;
	text-transform: uppercase;
	border: 0px solid #39a3d6;
	border-bottom: 1px solid #006494;
	border-right: 0px solid #006494;
	font-family: 'Open sans', sans-serif;
	margin-top: 20px;
}
.func-saves-save .save{
	background-color: rgb(215,175,13);
	bottom: 25px;
	margin-top: 0;
}
.ui-widget{
	font-family: 'Open sans', sans-serif;
}

.ui-dialog-title{
	text-transform: uppercase;
}

.popup .cancel{
	background-color: #E74C3C;
	color: #fff;
	border: 1px solid #000;
	height: 40px;
	border: 1px outset;
	font-weight: bold;
	text-transform: uppercase;
	font-family: 'Open sans', sans-serif;
	margin-top: 20px;
}

.ui-dialog-titlebar-close{
	display: none;
}

.func-saves-dir.target, .func-saves-publicdir.target, .func-saves-container.target, .func-saves-groupdir.target{
	outline: 2px solid #EC0;
}

.func-stream-item,
.func-saves-container button,
input[type="submit"],
button{
	cursor: pointer;
}

.saves-display-options{
	float: right;
	padding: 8px 0;
}

#saves-success{
	background-color: #16A085;
	color: #FFF;
	font-size: 1.4em;
	display: inline-block;
	padding: 5px 20px;
	margin-left: 20px;
	opacity: 0;
    	filter: alpha(opacity=0);
	position: absolute;
}

.ui-draggable{
	cursor: move;
}

.ui-draggable.dir-deleted, .ui-draggable.save-deleted {
	cursor: default;
}

.popup label{
	margin-right: 10px;
	display: block;
	float: left;
}

.saves-sharedir-popup label,
.saves-sharefile-popup label,
.saves-editfile-popup label{
	width: 70px;
}

.popup input, .popup textarea{
	width: 250px;
	margin-bottom: 10px;
}

.popup textarea{
	height: 100px;
}

.popup input[type="button"]{
	width: 100px;
}

.func-saves-container > .files, #import-form{
	background-color: #D7EFFF;
	border: 1px solid #ccc;
	padding: 0 10px;
	border-radius: 10px;
	margin-top: 10px;
	/*overflow: auto;
	max-height: 400px;*/
	
}

#import-form{
	background-color: #fff;
	padding-bottom: 10px;
}

#saves .intro{
	margin-bottom: 10px;
}

.func-saves-save{
	background-color: #0090d6;
	color: #fff;
	padding: 10px 20px;
	margin-bottom: 30px;
	position: relative;
}

.func-saves-save .field{
	margin: 10px 0;
}

.func-saves-save label{
	display: inline-block;
	vertical-align: top;
	width: 60px;
	margin-top: 3px;
	
}

.func-saves-save .label{
	margin-right: 7px;
}

.func-saves-save #save-filename-field, .func-saves-save #save-path-field{
	display: inline-block;
	margin-right: 20px;
}

.func-saves-save #save-filename{
	width: 250px;
}

.func-saves-save textarea{
	font-size: 12px;
	width: 500px;
}

#save-data-import{
	height: 400px;
}

#saves-createfolder, #saves-import{
	border: none;
	background: none;
	margin-top: 10px;
}

#saves-createfolder img, #saves-import img{
	vertical-align: middle;
	margin-top: -5px;
}

 .ui-autocomplete-category {
	font-weight: bold;
	padding: .2em .4em;
	margin: .8em 0 .2em;
	line-height: 1.5;
}

.sharedir-sharewith-container,
.sharefile-sharewith-container{
	margin-left: 80px;
}

input.valid, input.invalid{
	background-repeat: no-repeat;
	background-position: 98% 50%;
}

input.valid{	
	background-image: url('/images/tick.png');
}

input.invalid{
	background-image: url('/images/cross.png');
}

footer{
	display: none;
}

section.comments{
	margin-bottom: 0;
	background-color: #0090D6;
	color: #fff;
}

aside.comment .attribute{
	color: #fff;
}

.subheader{
	background-color: #3A3A3A;
	border-top: 10px solid #0090D6;
	margin-top: -20px;
	padding-bottom: 2px;
}

.subheader h1{
	color: #fff;
	text-align: left;
	font-size: 2.2em;
	margin: 13px 0 -10px 0;
	padding: 0;
}

.subheader p{
	color: #777;
	font-size: 1.2em;
}

.col1of2, .col2of2{
	width: 40%;
	display: inline-block;
	vertical-align: top;
	margin-right: 9%;
}

.col1of2 section h1,
.col2of2 section h1{
	text-align: left;
	color: #777;
	font-size: 1.8em;
	border-bottom: 1px solid #CCC;
	padding-bottom: 7px;
	margin-bottom: 14px;
}

.col1of2 form{
	margin: 0;
	padding: 0;
	border: none;
}

.col2of2 section{
	margin-bottom: 50px;
}

.func-contact-form label{
	position: absolute;
	left: -9999px;
}

.func-contact-form input,
.func-contact-form textarea,
.func-forgotten-password input
{
	width: 96%;
	border: 1px solid #CCC;
	font-size: 1em;
	padding: 5px 2%;
	margin-bottom: 10px;
}
.func-forgotten-password input{
	width: 30em;
}
.func-forgotten-resetform label{
	width: 12em;
	display: inline-block;
}

.func-forgotten-password .content{
	padding-top: 2em;
}

.func-forgotten-password label{
	margin-right: 1em;
}

.func-forgotten-password .error{
	color: #f00;
}

.func-contact-form textarea{
	height: 280px;
}

.func-contact-form .error{
	display: none;	
}

.func-contact-form .error.invalid{
	display: block;
	margin: 0 0 10px 0;
}

.twitter-widget{
	border: 1px solid #ccc;
}

.twitter-logo{
	float: left;
	text-decoration: none;
	width: 30%;
	height: 155px;
	background-color: #00B0ED;
	display: inline-block;
}

.twitter-logo img{
	width: 100%;
}

.twitter-logo p{
	text-align: center;
	color: #fff;
	font-weight: bold;
	margin: -40px 0 0 0;
	text-decoration: none;
}

#twitter-widget-0{
	width: 68% !important;
	height: 150px !important;
	padding: 0 0 0 2% !important;
	margin: 0 !important;
}

.func-contact-sent{
	margin-bottom: 10px;
	font-weight: bold;
}

.home-slideshow{
	position: relative;
	width: 560px;
	height: 420px;
	margin: auto;
	overflow: hidden;
}

.home-slideshow > *{
	position: absolute;
	width: 560px;
	height: 315px;
	opacity: 0;
	filter: alpha(opacity=0);
}

.home-slideshow > *:first-child{
	display: block;
	opacity: 1;
	filter: alpha(opacity=100);
}

.func-stream-groups table{
	border-collapse: collapse;
}

#details .col1of2{
	width: 40%;
}

#details .col2of2{
	width: 50%;
	min-width: 550px;
	margin-right: 0;
}

.func-article.stream,
.func-response.response .box{
	display: block;
	border: 1px solid #ccc;
	border-width: 1px 1px 3px 1px;
	background-color: #eee;
	padding: 10px 10px 10px 85px;
	margin-bottom: 5px;
}

.func-article.stream .userpic,
.func-response.response .box .userpic{
	margin-left: -75px;
}

aside.response{
	padding: 0;
}


.func-response .box{
	margin-top: -5px;
	min-height: 60px;
}

.func-article.stream h3{
	margin-left: 0;
}

.stream-reply-arrow{
	margin-left: 30px;	
}

section.responses{
	margin: 0;
}

section.stream-detail .stream-user{
	margin-bottom: 5px;
}

.stream-user{
	color: #888;
}

.stream-comments{
	float: right;
	font-size: 0.8em;
	margin: 0 10px 0 5px;
}

.func-stream-new{
	float: right;
	font-size: 0.8em;
	background: rgb(255,255,255);
	background: rgba(255,255,255,0.3);
	border-radius: 3px;
	padding: 0 5px;
}

.func-invoice{
	font-family: 'Times New Roman', serif;
	font-size: 15px;
	position: relative;
}

.func-invoice h1, .func-invoice th, .invoice-bank-details h2{
	font-family:'Arial',sans-serif; 
}

.func-invoice h1{
	font-weight: bold;
	font-size: 37px;
	line-height: 37px;
	margin: 0;
}

.func-invoice img{
	width: 100px;
	position: absolute;
	top: 0;
	left: 0;
}

.invoice-from-address{
	position: absolute;
	top: 0;
	left: 110px;
	font-size: 22px;
}

.invoice-from-address .name{
	margin-bottom: 0.7em;
}

.func-invoice h1{
	text-align: right;
}

.invoice-date-ref{
	position: absolute;
	right: 0;
	top: 47px;
}

.func-invoice table{
	border-collapse: collapse;
}

.func-invoice th, .func-invoice td{
	border: 2px solid #000;
	padding: 7px 18px;
	text-align: center;
}

.invoice-to-address th, .invoice-to-address td, .invoice-items td.description, .invoice-totals th{
	text-align: left;
}

.invoice-items td.qty,
.invoice-items td.price,
.invoice-items td.amount,
.invoice-items td.vat,
.invoice-totals td
{
	text-align: right;
}

.invoice-to-address td,
.invoice-items td
{
	padding: 2px 3px;
}

.invoice-info td{
	border-bottom: none;
}

.invoice-items td{
	border-width: 0 2px;
}

.invoice-to-address{
	margin-top: 140px;
	margin-left: 40px;
	width: 400px;
}

.invoice-to-address td{
	height: 130px;
	vertical-align: top;
}

.invoice-info{
	float: right;
	width: 500px;
}

.invoice-info td{
	width: 33%;
}

.invoice-items{
	width: 100%;
}

.invoice-items .qty{
	width: 8%;
}

.invoice-items .price, .invoice-items .amount, .invoice-items .vat{
	width: 11%;
}

.invoice-items .blank-item{
	border-bottom: 2px solid #000;
}

.invoice-items td{
	height: 1em;
}

.invoice-items tbody{
	height: 400px;
}

.invoice-items .blank-item td{
	height: auto;
}


.invoice-vat{
	width: 67%;
	float: left;
	height: 150px;
}

.invoice-totals{
	width: 22%;
	height: 150px;
}

.invoice-vat th, .invoice-totals th, .invoice-totals td{
	border-top: none;
}

.invoice-vat th, .invoice-vat td{
	border-right: none;
}

.invoice-totals th{
	border-right: none;
}

.invoice-totals td{
	border-left: none;
}

.invoice-vat thead th, .invoice-vat tfoot td{
	height: 1em;
	width: 25%;
}

.invoice-bank-details{
	margin-top: 40px;
}

.invoice-bank-details h2{
	font-size: 15px;
}

.invoice-bank-details dt, .invoice-bank-details dd{
}

.invoice-bank-details dt{
	font-weight: bold;
	float: left;
	margin-right: 15px;
}

.func-printable-link{
	padding-bottom: 10px;
	margin-bottom: 30px;
	display: block;
	text-align: right;
	border-bottom: 1px solid #ddd;
}

.printable .func-printable-link{
	display: none;
}

.accept_cookies, .foot_message{
	position: fixed;
	bottom: 0;
	background-color: #F4F2CB;
	width: 100%;
	padding: 5px 20px;
	box-shadow: -10px 0 5px #444;
}

.our_address p{
	font-size: 1.25em;
}

#import-form{
	display: block;
}

#import-error, #import-success{
	margin-top: 1em;
}

#import-error{
	color: #f00;
}

#details div.error{
	margin: 5px 0 0 0;
	padding: 0;
	font-weight: bold;
}

.login-error{
	font-weight: normal;
	top: 80px;
	bottom: auto;
	left: 0;
	right: 0;
	position: fixed;
	background-color: #f4f2cb;
	text-align: center;
	padding: 0.5em;
	color: #c00;
	box-shadow: 0 2px 3px #444;
}

.login-error a{
	color: #a00;
	text-decoration: underline;
}

.signin{
	position: relative;
}

.tip-slides{
	height: 3em;
	position: relative;
}

.tip-slide{
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
}

#tip-slide-0{
	display: block;
}

.tip-slide.with-arrow{
	margin-bottom: 10px;
}

.tip-arrow{
	position: absolute;
}

.tip-arrow-1{
	left: 5%;
	bottom: -60px;
}

.tip-arrow-2{
	left: 30%;
	bottom: -50px;
}

.tip-arrow-3{
	left: 60%;
	bottom: -55px;
}

.tip-arrow-4{
	left: 80%;
	bottom: -60px;
}

main.newsignup{
	padding-top: 0;
	text-align: center;
}

main.newsignup section{
	margin: 0;
	padding: 0;
	display: block;
}

main.newsignup .section-wrap{
	width: 80%;
	max-width: 1200px;
	margin: 0 auto;
}

.newsignup section.intro h1, .newsignup section.intro h2{
	font-family: 'chunkfiveroman', 'Rockwell', 'Arial Black', sans-serif;
}

.newsignup section.intro h1{
	color: #fff;
}

.newsignup section.benefits h1,
.newsignup section.plans h1
{
	color: #0090D6;
}

.newsignup section.intro,
.newsignup section.screenshots{
	background-color: #0090D6;
}

.newsignup section.intro h2{
	color: #ffe25c;
}

.newsignup section.benefits .container,
.newsignup section.testimonials article .box{
	background-color: #ffe25c;
}

.newsignup section.testimonials .top{
	margin: 0;
	display: block;
}

.newsignup section.testimonials,
.newsignup section.inspiring{
	background-color: #227fbb;
}

.newsignup section.benefits,
.newersignup section.narrow_benefits,
.newsignup section.plans{
	background-color: #ececec;
}

.newersignup section.narrow_benefits p{
	font-family: 'Open Sans', sans-serif;
	font-size: 17px;
}

.newsignup section.intro .section-wrap{
	padding-top: 190px;
	background-image: url('/images/newsignup/quotetop.png');
	background-repeat: no-repeat;
	background-position: 5% 100%;
}

.newsignup section.intro h1{
	font-size: 135px;
	line-height: 100px;
	margin: 0;
}

.newsignup section.intro h2{
	font-size: 45px;
	margin: 60px 0 0 0;
	padding-bottom: 180px;
}

.newsignup section.intro h2 span{
	display: block;
}

.newsignup section.testimonials .section-wrap{
	padding-top: 25px;
	padding-bottom: 25px;
}

.newsignup section.testimonials article{
	width: 250px;
	display: inline-block;	
	vertical-align: top;
	margin: 25px 3.5% 25px 3.5%;
}

.newsignup section.testimonials article .box{
	box-shadow: #195881 5px 5px 0;
}

.newsignup section.testimonials .face{
	padding-top: 20px;
	height: 101px;
}

.newsignup section.testimonials .line{
	width: 20px;
	height: 1px;
	margin: 20px auto 0 auto;
	background-color: #3e3e3e;
	display: none;
}

.newsignup section.testimonials .quote{
	display: table-cell;
	vertical-align: middle;
	height: 185px;
	padding: 0 18px;
	color: #3e3e3e;
	font-size: 18px;
	font-weight: bold;
}

.newsignup section.testimonials .name{
	color: #fff;
	font-size: 15px;
}

.newsignup section.testimonials .name p{
	margin: 4px;
}

.newsignup section.testimonials .name p:first-child{
	text-transform: uppercase;
	margin: 14px 0 4px 0;
}

.newsignup section.benefits .section-wrap{
	background-image: url('/images/newsignup/quotebottom.png');
	background-repeat: no-repeat;
	background-position: 95% 0;
}

.newsignup section.benefits h1{
	margin: 0;
}

.newsignup section.benefits .section-wrap{
	padding: 180px 0 150px 0;
}

.newsignup section.benefits .container{
	border: 1px solid #0090D6;
	width: 80%;
	margin: auto;
	box-shadow: #a5a5a5 5px 5px 0;
	padding: 30px;
}

.newsignup section.benefits h1{
	margin: 10px 0 30px 0;
	font-size: 45px;
}

.newsignup section.benefits ul{
	list-style: none;
	text-align: left;
	font-size: 22px;
	margin: 0;
	padding: 0;
}

.newsignup section.benefits li{
	padding-left: 50px;
	background-image: url('/images/newsignup/tick.png');
	background-repeat: no-repeat;
	margin-bottom: 1em;
	background-position: 0 5px;
}

.newsignup section.plans .section-wrap{
	border-top: 1px solid #bebebe;
	padding-top: 40px;
	padding-bottom: 50px;
}

.newsignup section.plans article{
	display: inline-block;
	vertical-align: top;
	margin-top: 30px;
	width: 48%;
}


.newsignup section.plans .box{
	background-color: #fff;
	color: #555;
	border: 1px solid #d1d2d4;
	border-bottom: none;
	border-radius: 3px;
	width: 450px;
	width: 85%;
	margin: auto;
	font-size: 17px;
}
.newsignup.newersignup section.plans article h1{
	text-align: left;
	padding-left: 30px;
	font-size: 30px;
}

.newsignup.newersignup section.plans .boxbottom{
	display: none;
}

.newsignup.newersignup section.plans h1 img{
	display: none;
}

.newsignup.newersignup section.plans li{
	background-image: none;
	padding-left: 0;
}

.newsignup.newersignup section.plans .box{
	background-color: transparent;
	border: none;
}

.newsignup section.plans article:first-of-type{
	border-right: 1px solid #bebebe;
}

.newsignup section.plans .boxbottom{
	width: 85%;
	margin: auto;
}

.newsignup section.plans ul{
	list-style: none;
	display: block;
	margin: 0;
	padding: 0 30px 20px 30px;
	text-align: left;
	height: 180px;
}

.newsignup.newersignup section.plans p{
	font-style: italic;
	font-size: 17px;
}

.newsignup.newersignup section.plans article p{
	margin-left: 30px;
	margin-right: 30px;
	text-align: left;
}
.newsignup.newersignup section.plans article p.notready{
	text-align: center;
	font-style: normal;
	margin-bottom: -5px;
	font-size: 14px;
}

.newsignup section.plans h1{
	color: #555;
	font-size: 45px;
	margin: 25px 0 20px 0;
}

.newsignup section.plans li{
	padding-left: 50px;
	background-image: url('/images/newsignup/tickgrey.png');
	background-repeat: no-repeat;
	padding-bottom: 1em;
}

.newsignup section.plans .button-container{
	background-color: #fff;
	width: 83%;
	margin: 15px auto;
	padding: 8px;
	box-shadow: #d1d2d4 1px 5px 2px, #d1d2d4 -1px 5px 2px;
}

.newsignup.newersignup section.plans .button-container{
	background-color: transparent;
	width: auto;
	margin: 15px 5px;
	padding: 0;
	box-shadow: none;
	display: inline-block;
}

.newsignup section.plans .button,
.newsignup .signuplink{
	background-color: #00a185;
	border: 0;
	display: block;
	width: 100%;
	font-size: 40px;
	font-family: 'Open Sans Condensed', sans-serif;
	color: #fff;
	box-shadow: inset 1px 4px 2px #7fccbd, inset -2px -4px 2px #00967c;
	text-shadow: 2px 2px 0px #00967c;
	height: 170px;
	line-height: 170px;
	text-decoration: none;
}

.newsignup.newersignup section.plans .button,
.newsignup .signuplink
{
	background-color: #00a185;
	border: 0;
	display: block;
	width: 170px;
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	color: #fff;
	box-shadow: none;
	text-shadow: 2px 2px 0px #00967c;
	height: auto;
	line-height: 1em;
	text-decoration: none;
	padding: 15px;
	border-radius: 5px;
	margin: auto;
}

.newsignup a.signuplink{
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	box-shadow: 1px 1px 2px rgba(255,255,255,0.5), -1px -1px 2px rgba(255,255,255,0.5);
}

.newsignup a.signuplink-top {	
	margin-top: -140px;
}

.newsignup a.signuplink:hover{
	box-shadow: 1px 1px 2px rgba(255,255,255,1), -1px -1px 2px rgba(255,255,255,1);
}

.newsignup section.intro .section-wrap{
	padding-bottom: 120px;
}

.newsignup section.plans .price{
	font-size: 110px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	margin-top: -20px;
}

.newsignup section.plans .smallprint p{
	color: #555;
	font-size: 16px;
	margin: 0.5em;
}

.newsignup section.plans .smallprint .smallest{
	font-size: 12px;
}

.newsignup section.plans a{
	color: #555;
}

.newsignup section.screenshots h1{
	margin: 0;
	color: 0;
	padding-top: 40px;
	color: #fff;
	font-size: 48px;
}
.newsignup section.screenshots h2{
	color: #fff;
	margin: 0;
	font-weight: normal;
}

.newsignup section.screenshots ul{
	list-style: none;
	display: block;
	margin: 0;
	padding: 15px 0 30px 0;	
}

.newsignup section.inspiring{
	text-align: right;
	color: #fff;
	font-size: 20px;
	padding: 20px 0;
}

main.newsignup{
	margin-bottom: 0;
	font-family: 'Open Sans Condensed', sans-serif;
}

main.newsignup.newersignup section.narrow_benefits h1,
main.newsignup.newersignup section.plans h1{
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	color: #474747;
}
main.newsignup.newersignup section.plans{
	font-family: 'Open Sans', sans-serif;
}
main.newsignup.newersignup section.plans h1{
	font-size: 35px;
}

main.signup .joinform{
	margin-top: 0px;
}

#sudelete{
	float: right;
}

main.newjoin{
	background-color: #ececec;
}

div.newjoin{
	background-color: #ececec;
	color: #444;
	margin-top: -50px;
	padding: 50px;
	text-align: center;
	margin-bottom: -100px;
	padding-bottom: 150px;
}

div.newjoin > section{
	max-width: 700px;
	background-color: transparent;
	text-align: center;
	margin: auto;
}

div.newjoin h2{
	text-align: center;
	margin-bottom: 30px;
	margin-top: 60px;
}

div.newjoin .func-contact-form label,
div.newjoin .func-renew-form label,
div.newjoin .func-renew-form .label{
	position: static;
	left: auto;
	font-size: 15px;
	margin: 5px 8px;
	display: block;
	text-align: left;
}

div.newjoin input, div.newjoin textarea, div.newjoin select{
	padding: 8px;
	text-align: left;
	width: 100%;
	border: 1px solid #444;
	margin: 0 8px 10px 8px;
}

div.newjoin button{
	background-color: #01A185;
	border-radius: 5px;
	border: none;
	width: 150px;
	padding: 10px;
	color: #fff;
	font-weight: bold;
	margin-top: 50px;
}

div.newjoin #join-tncs{
	width: auto;
}

div.newjoin button:hover{
	background-color: #187;
}

div.newjoin .error{
	margin-top: 5px;
}

div.newjoin p{
	font-size: 13px;
}

div.newjoin .howwork{
	margin-top: 50px;
	border-top: 1px solid #ccc;
	padding-top: 50px;
}

div.newjoin .whatnext,
div.newjoin .howwork{
	text-align: left;
	margin: 50px 8px 0 8px;
}

div.newjoin .whatnext h3,
div.newjoin .howwork h3
{
	font-size: 16px;
	margin-bottom: 20px;
}

div.newjoin .whatnext .sig
{
	font-style: italic;
	font-weight: bold;
	margin-top: 18px;
}

.top-options-container{
}

.top-options-container .intro, .top-options-container .saves-display-options{
	line-height: 61px;
	padding: 0;
}

.top-options-container button#saves-createfolder{
	float: right;
	height: 40px;
	border: 1px outset;
	background-color: #0ea286;
	margin: 0;
	background-image: url('/images/addfolder.png');
	background-repeat: no-repeat;
	background-position: 15px 50%;
	background-size: auto 70%;
	color: #fff;
	padding: 0 20px 0 55px;
	margin-left: 20px;
	text-transform: uppercase;
	font-weight: bold;
}

a.signuplink{
	text-decoration: none;
	margin-top: -140px;
	padding-bottom: 120px;
	display: block;
}

.no-match{
	display: none;
}

.filtered .contents{
	opacity: 0.5;
}

.saves-search-box{
	border: 1px solid #e3e3e3;
	border-radius: 10px;
	display: table-cell;
	background-color: #f8f8f8;
	height: 40px;
	padding: 0 10px 0;
	vertical-align: middle;
}

.saves-search-box label
{
	display: inline-block;
	margin: 5px 10px 5px 0;
}

#save-description{
	height: 60px;
}

#share-link-url{
	width: 100%;
	background-color: transparent;
	border: none;
}

#share-button{
	    margin-top: 20px;
    background: #009fed;
    color: white;
    padding: 8px;
    font-weight: bold;
    border: 0px solid #39a3d6;
    border-bottom: 1px solid #006494;
    border-right: 0px solid #006494;
}

#join-discount-code{
	width: 230px;
}

.func-renew-form .fields{
	text-align: left;
}

#apply-discount-code{
	margin-top: 0;
}

.newsignup #currency{
	height: 34px;
	padding: 5px 12px;
	font-size: 14px;
	border: 1px solid #ccc;
	border-radius: 4px;
	vertical-align: middle;	
}

#join-discount-code-description div{
	border: 1px dashed #444;
	margin: 10px 8px 15px 8px;
	padding: 8px;
	font-size: 14px;
	width: 100%;
	background-color: rgba(255,255,255,0.5);
}

#edit-renew-button{
    background-color: #0ea286;
    background-position: 15px 50%;
    background-repeat: no-repeat;
    background-size: auto 70%;
    border: 1px outset;
    color: #fff;
    float: right;
    font-weight: bold;
    height: 40px;
    margin: 0 0 0 20px;
    padding: 0 20px 0 20px;
    text-transform: uppercase;
	vertical-align: middle;
}

#edit-renew-form{
	line-height: 40px;
}

.func-members-only{
	width: 500px;
	margin: 50px auto 0 auto;
	font-size: 15px;
}

.func-members-only .field{
	margin: 20px 0;
}

.func-members-only .field label{
	width: 100px;
	display: inline-block;
}

.func-members-only .field input{
	width: 385px;
	border: 1px solid #444;
	padding: 5px;
}

.func-members-only button{
	float: right;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #009fed none repeat scroll 0 0;
    border-color: #39a3d6 #006494 #006494 #39a3d6;
    border-image: none;
    border-style: solid;
    border-width: 0 0 1px;
    color: #fff;
    font-weight: bold;
	padding: 10px;
}

.func-members-only .fpwd{
	font-size: 12px;
	margin-top: 24px;
	display: inline-block;
}

.sharepromo{
	font-family: 'Open Sans Condensed', sans-serif;
	background-image: url('images/shareside.jpg');
	background-repeat: no-repeat;
	padding-left: 417px;
	background-size: contain;
	margin: auto;
	width: 400px;
	margin-top: 40px;
}


.func-temp-share .content .sharepromo p{
	width: 13em;
	font-size: 28px;
}

.func-temp-share .content .sharepromo p .attribute{
	font-size: 18px;
	margin-left: 10px;
}

.func-temp-share .content p{
	font-size: 16px;
}

.hexlogo{
	font-size: 28px;/*
	background-image: url('images/hexlogobg.png');
	background-repeat: no-repeat;
	background-size: contain;
	padding: 10px 22px;
	color: #fff;
	font-weight: strong;*/
}

.hexlogo strong{
}

.func-saves-file{
	min-height: 47px;
}

.narrow_benefits .section-wrapper {
	padding-top: 100px;
}

.narrow_benefits .slideshow-slides div.slideshow-slide {
	display: none;
	background-color: #fbfbfb;
	box-shadow: 5px 2px 5px #ccc;
	padding: 20px;
	width: 500px;
	height: 240px;
	margin: 0 30px;
}
.narrow_benefits .slideshow-slides div.slideshow-slide h1 {
	margin-top: 0;
}

.narrow_benefits .slideshow-slides div.slideshow-slide.active {
	display: inline-block;
}
.slideshow-next, .slideshow-prev, .slideshow-slides {
	display: inline-block;
	vertical-align: middle;
}
.slideshow-next, .slideshow-prev {
	cursor: pointer;
}

.slideshow-nav {
	display: block;
	text-align: center;
	list-style: none;
	margin: 0;
	padding: 0;
	padding: 10px;
}

.slideshow-nav li{
	list-style: none;
	margin: 5px;
	padding: 0;
	width: 21px;
	height: 24px;
	background-image: url('/images/benefit-nav-inactive.png');
	display: inline-block;
	cursor: pointer;
}

.slideshow-nav li.active{
	background-image: url('/images/benefit-nav-active.png');
}

.getstarted h1 {
	font-weight: bold;
	margin: 0 0 10px 0;
}

.getstarted p {
	font-size: 18px;
}

.getstarted {
	background-color: #ececec;
}

section.getstarted .section-wrap{
	border-top: 1px solid #bebebe;
	padding: 30px 30px 100px 30px;	
}

section.screenshots .gallery-thumbs {
	display: block;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	position: relative;
	height: 90px;
	margin-bottom: 50px;
}

section.screenshots .gallery-thumbs ul {
	white-space: nowrap;
	position: absolute;
	left: 67px;
	top: 0;
	margin: 0;
	padding: 0;
}

section.screenshots .gallery-prev {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #fff;
	height: 80px;
	padding: 5px;
}

section.screenshots .gallery-next {
	position: absolute;
	top: 0;
	right: 0;
	background-color: #fff;
	height: 80px;
	padding: 5px;
}

section.screenshots .disabled {
	opacity: 0.5;
}

section.screenshots .gallery-thumbs img{
	height: 80px;
	width: auto;
}

section.screenshots .gallery-thumbs li{
	display: inline-block;
	margin: 5px;
}

section.screenshots .gallery-main img{
	height: 510px;
	width: auto;
}

.newsignup section.screenshots{
	background-color: #fff;
}

.screenshots .gallery-caption {
	font-size: 15px;
	font-family: 'Open sans', sans-serif;
	margin: 5px 0 20px 0;
}

.signup16 {
	font-size: 15px;
	font-family: 'Open Sans Condensed', sans-serif;
}

.signup16 .intro {
	font-size: 17px;
}

.signup16 .content{
	width: 700px;
}

.signup16 section {
	margin: 0 0 30px 0;
	padding: 0;
}

.signup16 .num{
	display: inline-block;
	background-color: #009fed;
	color: #fff;
	width: 33px;
	height: 33px;
	text-align: center;
	border-radius: 33px;
	font-size: 22.5px;
	margin-right: 10px;
}

.signup16 *{
	box-sizing: border-box;
}

.signup16 h2 {
	font-size: 18px;
}

.signup16 .intro h2 {
	font-size: 22.5px;
}

.signup16 .individualinstitution button,
.signup16 .trialormonths button {
	width: 48%;
	color: #999;
	background-color: #fff;
	border: 1px solid #999;
	margin-right: 0;
	height: 100px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 15px;
}

.signup16 #join-individual, .signup16 #join-freetrial {
	margin-right: 4%;
}

.signup16 #join-eighteenmonths {
	width: 100%;
}

.signup16 .trialormonths div.eighteenmonths{
	display: inline-block;
	vertical-align: top;
	width: 48%;
}

.signup16 .trialormonths div.eighteenmonths button {
	font-size: 30px;
}
.signup16 .trialormonths div.eighteenmonths button div {
	font-size: 15px;
	color: #009fed;
}
.signup16 .trialormonths div.eighteenmonths > div {
	color: #000;
	background-color: #ff0;
	text-align: center;
	margin-top: 10px;
}

.signup16 .field {
	margin-bottom: 10px;
}

.signup16 .field.field-firstname, .signup16 .field.field-lastname,
.signup16 .field.field-username, .signup16 .field.field-password{
	width: 48%;
	display: inline-block;
	vertical-align: top;
}

.signup16 .field-firstname, .signup16 .field-username {
	margin-right: 4%;
}

.signup16 .field input,
.signup16 .field select,
.signup16 .field textarea {
	display: block;
	width: 100%;
	padding: 8px;
	border: 1px solid #999;
}
.signup16 .field textarea {
	height: 100px;
}

.signup16 .field label {
	margin-bottom: 5px;
	display: inline-block;
}

.signup16 div.error {
	display: block;
	margin: 5px 0 10px 0;
	text-align: right;	
}

.signup16 #join-discount-code {
	width: 72%;
	margin-right: 2%;
	display: inline-block;
}

.signup16 #apply-discount-code {
	width: 26%;
	height: 30px;
	background-color: #009fed;
	color: #fff;
	font-weight: bold;
	border: none;
	border-bottom: 1px solid #006469;
}

.signup16 .field input[type="checkbox"] {
	margin: 0 0 0 10px;
	padding: 0;
	display: inline-block;
	width: auto;
}

.signup16 .buttons button {
	background-color: #01A185;
	border-radius: 5px;
	border: none;
	width: 100%;
	height: 50px;
	font-weight: bold;
	color: #fff;
}

.signup16 .buttons button:hover {
	background-color: #187;
}

.signup16 .trialormonths div.eighteenmonths button.selected div {
	color: #ff0;
}

.signup16 .trialormonths, .signup16 .register {
	display: none;
}

.signup16 button.selected {
	background-color: #009fed;
	color: #fff;
	border: none;
	border-bottom: 1px solid #006494;
}

.signup16 .thankyou {
	font-size: 32px;
	text-align: center;
}

.tips-panel, .tips-panel * {
	box-sizing: border-box;
}

.tips-panel {
	display: block;
	background-color: #fdc306;
	padding: 5px;
	font-family: 'chunkfiveroman', 'Rockwell', 'Arial Black', sans-serif;
	border: 1px solid #c4c4c7;
}

.tips-message-panel {
	display: inline-block;
	width: 50%;
	height: 130px;
	overflow: auto;
	background-color: #fff;
	vertical-align: top;
	border: 1px solid #ceae2d;
}

.tips-remaining-outer {
	display: table-cell;
	padding: 0 5px;
	width: 25%;
	vertical-align: top;
}

.tips-saves-outer {
	display: table-cell;
	width: 25%;
	vertical-align: top;
}

.tips-remaining-panel {
	display: block;
	background-color: #fff;
	height: 100px;
	text-align: center;
	font-size: 16px;
	position: relative;
	margin-bottom: 5px;
	border: 1px solid #ceae2d;
}

.tips-remaining-warning {
	background-color: #e74c3c;
	color: #fff;
}

.tips-split-background {
	position: absolute;
	background-color: #ebebeb;
	height: 51px;
	width: 100%;
	top: 0;
	left: 0;
	border-bottom: 2px solid #d5d5d5;
}

.tips-remaining-warning .tips-split-background {
	background-color: #c0392b;
	border-bottom: 2px solid #a0392b;
}

.tips-remaining-number, .tips-saves-number {
	display: block;
	font-size: 60px;
	padding-top: 10px;
	margin-bottom: -10px;
}

.tips-renew-button {
	display: block;
	height: 30px;
	background-color: #16a085;
	color: #fff;
	height: 35px;
	font-size: 14.5px;
	text-align: center;
	width: 100%;
	font-family: 'chunkfiveroman', 'Rockwell', 'Arial Black', sans-serif;
}

.tips-saves-panel {
	display: block;
	position: relative;
	background-color: #fff;
	height: 100px;
	text-align: center;
	font-size: 16px;
	margin-bottom: 5px;
	border: 1px solid #ceae2d;
}

.tips-groups-panel {
	display: block;
	background-color: #fff;
	height: 35px;
	font-size: 14.5px;
	text-align: center;
	line-height: 35px;
	border: 1px solid #ceae2d;
}

.tips-message-panel {
	text-align: center;
	font-size: 16px;
	display: table-cell;
	vertical-align: middle;
}

.tips-message-panel h1 {
	font-size: 20px;
	margin-bottom: inherit;
}


.func-resource-listing, .func-resource-listing li, .func-resource-listing ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.func-resource-listing {
	width: 765px;
	margin: auto;
}

.func-resource-listing li.func-resource-link {
	display: inline-block;
	width: 25%;
	padding: 5px;
	box-sizing: border-box;
}

.func-resource-listing li.func-resource-link a {
	display: block;
	text-align: center;
	margin-top: 0;
}

.func-resource-listing li.func-resource-link a.active {
	background-color: #f1c40f;
	border-bottom: 1px solid rgba(100, 100, 100, 0.3);
	color: #000;
}

.resource-preview-panel {
	display: block;
	background-color: #f1c40f;
	width: 765px;
	margin: auto;
}

.func-resource-previewimg {
	width: 500px;
	height: 310px;
	margin: 10px;
	display: inline-block;
	vertical-align: top;
}

.resource-preview-text {
	display: inline-block;
	width: 235px;
	vertical-align: top;
}

.resource-preview-text > h3 {
	text-align: center;
	font-size: 18px;
	margin-bottom: 0;
}

.resource-launch.button-link {
	width: 215px;
	background-color: #16a085;
	text-align: center;
}

.resource-preview-description {
	height: 222px;
	overflow: auto;
	font-size: 14px;
}

.func-resource-listing li.func-resource-category {
	border: 1px solid #ccc;
	border-width: 0 1px 1px 1px;
	padding: 10px 10px 5px 10px;
}

.resource-preview-caption {
	margin: 5px 0 15px 0;
}

.func-saves-file.save-deleted {
	background-color: #d7cf86;
	color: #888;
}
.func-saves-file.legacy.save-deleted {
	background-color: #c9d5dd;
	color: #888;
}
.func-saves-dir.dir-deleted {
	background-color: #77c8c2;
	color: #e1e1e1;
}
.func-saves-groupdir.dir-deleted {
	background-color: #5de;
	color: #eeeeee;
	opacity: 0.5;
}
.func-saves-groupdir.dir-deleted .saves-foldericon,
.func-saves-dir.dir-deleted .saves-foldericon,
.func-saves-file.save-deleted .saves-foldericon {
	background-color: rgba(255, 255, 255, 0.3);
}

.func-saves-openopts,
.func-saves-editopts{
	position: absolute;
	float: left;
	background-color: #dfbe3c;
	z-index: 50;
	top: 100px;
	left: 100px;
	padding: 7px 0;
	border-radius: 7px;
	box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.6);
	text-align: left;
	display: none;
}

.func-saves-openopts ul,
.func-saves-editopts ul{
	margin: 3px 0 0 0;
	padding: 0;
	list-style: none;
}

.func-saves-openopts > span,
.func-saves-editopts > span{
	margin: 0 15px;
}

.func-saves-openopts li,
.func-saves-editopts li{
	list-style: none;
	margin: 0;
	padding: 3px 15px;
	font-size: 14px;
}

.func-saves-openopts li:hover,
.func-saves-editopts li:hover{
	cursor: pointer;
	background-color: rgba(255, 255, 255, 0.5);
}

.tab-nav img{
	width: 24px;
	height: 24px;
	opacity: 0.7;
	vertical-align: top;
	margin-right: 5px;
}

.tab-nav .active img,
.tab-nav li:hover img {
	opacity: 1;
}

.func-resource-cattab.active, .func-resource-cattab:hover {
	background-color: #16a085;
}

.tips-nopadding {
	padding: 0;
}

.tips-nopadding img {
	display: block;
	margin: 0;
	padding: 0;
	max-width: 100%;
}

.flash_warning {
	font-weight: bold;
	text-align: center;
	background-color: #ffd;
}

.tips-renew-panel {
	display: none;
}

.tips-renew-panel.show {
	display: block;
	background-color: #fff;
	height: 35px;
	font-size: 12;
	text-align: center;
	line-height: 35px;
	border: 1px solid #ceae2d;
}

.tips-renew-button.hide {
	display: none;
}

.whatnextpanel {
	display: block;
	border: 1px solid #ccc;
	border-width: 1px;
	background-color: #eee;
	padding: 5px 20px 10px 20px;
	margin: 30px 0;
}

.whatnextpanel p {
	font-weight: normal;
}

.subscription-div input {
	position: absolute;
	left: -9999px;
}

.subscription-div label {
	width: 48%;
	color: #999;
	background-color: #fff;
	border: 1px solid #999;
	margin-right: 0;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 20px;
	box-shadow: 0px 5px 2px rgba(0,0,0,0.25), 0px -1px 0px rgba(255,255,255,0.5);
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	margin-right: 28px;
	padding: 10px;
	cursor: pointer;
}

.subscription-div label:last-child {
	margin-right: 0px;
}

div.newjoin .func-renew-form .subscription-div label {
	text-align: center;
	display: inline-block;
	width: 40%;	
}

.subscription-div .label {
	margin-bottom: 5px;
}

.subscription-div input:checked + label {
	background-color: #009fed;
	color: #fff;
	border: 2px solid #006494;
    	box-shadow: 0px 0px 0px rgba(0,0,0,1), 0px 0px 0px rgba(255,255,255,0.5);
}

.subscription-div label .small {
	display: block;
	font-size: 15px;
	color: #333;
	margin-top: 10px;
}