@charset "utf-8";
/**
 *
 * Generic CSS for CakePHP
 *
 * CakePHP(tm) : Rapid Development Framework (http://cakephp.org)
 * Copyright 2005-2012, Cake Software Foundation, Inc. (http://cakefoundation.org)
 *
 * Licensed under The MIT License
 * Redistributions of files must retain the above copyright notice.
 *
 * @copyright     Copyright 2005-2012, Cake Software Foundation, Inc. (http://cakefoundation.org)
 * @link          http://cakephp.org CakePHP(tm) Project
 * @package       app.webroot.css
 * @since         CakePHP(tm)
 * @license       MIT License (http://www.opensource.org/licenses/mit-license.php)
 */

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #CECBBF;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #CECBBF;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #CECBBF;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #CECBBF;
}

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

/* begin custom icon */
[class^="icon-"], [class*=" icon-"] {
	display: inline;
	padding-right: 5px;
	font-size: 16px;
	vertical-align: text-bottom;
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

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

/*begin icomoon*/
.icon-image:before {
    content: "\e903";
}
.icon-price-tag:before {
    content: "\e904";
}
.icon-map2:before {
    content: "\e905";
}
.icon-history:before {
    content: "\e906";
}
.icon-search:before {
    content: "\e907";
}
.icon-cog:before {
    content: "\e908";
}
.icon-link:before {
    content: "\e900";
}
.icon-eye:before {
    content: "\e901";
}
.icon-eye-blocked:before {
    content: "\e902";
}
.icon-arrow-up-right2:before {
    content: "\e909";
}
.icon-share:before {
    content: "\e90a";
}
.icon-embed2:before {
    content: "\e90b";
    vertical-align: -2px;
    margin-left: -2px;
}
.icon-file-pdf:before {
    content: "\e90c";
}

/*end icomoon*/


.icon-redo {
    fill: #81807D;
    width: 16px;
    height: 16px;
}
.icon-redo:hover {
    fill: #0d93f0;
}

[class^="icon-"].small, [class*=" icon-"].small {
	font-size: 11px;
}
[class^="icon-"].small:hover, [class*=" icon-"].small:hover {
	color: #49AEF4;
}

.icon-price-tag_after {
	vertical-align: 0px;
	font-family: 'Roboto', serif !important;
	color: #FFFFFF !important;
}
.icon-price-tag_after:after {
	content: "\e904";
	vertical-align: -1px;
	font-family: 'icomoon';
	color: #0D93F0;
	margin-left: 3px;
}
.icon-price-tag_after:hover:after {
	color: #49AEF4;
}

html { height: 100%; }

* {
	margin:0;
	padding:0;
}

/** General Style Info **/
body {
	background: #fff;
	color: #000;
	font-family: 'Roboto', serif;
	text-rendering: optimizeLegibility;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    min-height:100%;
    font-weight: 300;
}

body:after{
    display:none;
    content: url('/img/icons_save_hover.svg') url('/img/icons_add_hover.svg');
}

a {
	color: #0d93f0;
	text-decoration: none;
	cursor: pointer;
}
a:hover {
	color: #000;
	text-decoration:none;
}
a img {
	border:none;
}
h1, h2, h3, h4 {
	font-weight: 300;
/*
	font-weight: normal;
	margin-bottom:0.5em;
*/
}
h1 {
/*
	background:#fff;
	color: #003d4c;
	font-size: 100%;
*/
}
h2 {
/* color: #81807D; */
	font-family: 'Roboto', serif;
	text-rendering: optimizeLegibility;
/* font-size: x-large; */
	font-size: 1.4em;
	font-weight: 300;
	margin-top: 20px;
/* margin: 20px;
   text-align: center; */
}
h3 {
	color: #2c6877;
/*	font-family:'Gill Sans','lucida grande', helvetica, arial, sans-serif;*/
font-family: 'Roboto', serif;
text-rendering: optimizeLegibility;
	font-size: 165%;
}
h4 {
	color: #993;
	font-weight: normal;
}
iframe{
	border:none;
}
li, ul, ol, cl{
	margin: 0 2em;
}
li.diffmod p{
list-style: none;
display: inline;
}
leaf ol li,
leaf ul li, #body ul li,
leaf ul li, #TopicBodyDiff ul li,
leaf cl li, #body cl li,
leaf cl li, #TopicBodyDiff cl li{
	list-style: initial;
}
leaf ol li{
	list-style-type: decimal;
}
p, ul, ol, cl {
	margin: 0.5em 0 0 0;
/*
	display: inherit;
*/
	display: block;
}
ul ul, li ol, li ul{
	margin: 0;
/*
	list-style: none;
*/
}
ol li {
	list-style-type: decimal;
}
blue{
 color: #0d93f0;
}
strong {
	font-weight: 500;
}
checked, unchecked,checked_change, unchecked_change{
width: 18px;
height: 18px;
vertical-align: -2px;
display: inline-block;
background-size: contain !important;
}
checked, unchecked{
margin: 0 5px 0 0;
}
checked{
	background: url('/img/icons_checkbox_checked.svg') center no-repeat;
}
#body  checked:hover{
	background: url('/img/icons_checkbox_checked_hover.svg') center no-repeat;
}
unchecked{
	background: url('/img/icons_checkbox_unchecked.svg') center no-repeat;
}
#body  unchecked:hover{
	background: url('/img/icons_checkbox_unchecked_hover.svg') center no-repeat;
}
checked_change{
	background: url('/img/icons_checkbox_checked_change.svg') center no-repeat;
}
unchecked_change{
	background: url('/img/icons_checkbox_unchecked_change.svg') center no-repeat;
}
ins.diffins checked, ins checked, toggle checked{
	background: url('/img/icons_checkbox_checked_added.svg') center no-repeat;
}
ins.diffins unchecked, ins unchecked, toggle unchecked{
	background: url('/img/icons_checkbox_unchecked_added.svg') center no-repeat;
}
del checked{
	background: url('/img/icons_checkbox_checked_removed.svg') center no-repeat;
}
del unchecked{
	background: url('/img/icons_checkbox_unchecked_removed.svg') center no-repeat;
}
toggle checked, toggle unchecked{
margin:0;
}
/** Layout **/
#container {
	text-align: left;
	min-height: 100%;
	height: 100%;
}

#header{
	position: fixed;
	width: 100%;	
	z-index: 4;
	color: #81807D;
	background: #f0f0ef;
/*
	min-height: 41px;
*/
	height: 41px;
	text-align: center;
}
#header h1 {
	line-height:20px;
	background: #003d4c url('../img/cake.icon.png') no-repeat left;
	color: #fff;
	padding: 0px 30px;
}
#header h1 a {
	color: #fff;
	background: #003d4c;
	font-weight: normal;
	text-decoration: none;
}
#header h1 a:hover {
	color: #fff;
	background: #003d4c;
	text-decoration: underline;
}
#content{
	background: #fff;
	clear: both;
	color: #81807d;
	padding: 0 10px 15px;
	overflow: hidden;
	padding-top: 41px;
}
#footer {
	clear: both;
	padding: 10px 20px;
	min-height: 17px;
	background: #f0f0ef;
	text-align: center;
	position: relative;
	height: 21px;
	overflow: hidden;
}

/** containers **/
div.form,
div.index,
div.view {
	width:100%;
	max-width: 950px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
div.view{
	margin-top: 25px;
/*
	text-align: center;
*/
}
div.actions {
	float:right;
/*	width:16%;*/
	width:auto;
	padding:10px 1.5%;
	position: relative;
}
div.actions h3 {
	padding-top:0;
	color:#777;
}


/** Tables **/
table {
	border-right:none;
	border-left:none;
	border-top: 1px solid #92928F;
	border-bottom: 1px solid #92928F;
	clear: both;
	color: #444;
	margin: 10px 0;
	width: 100%;
	border-collapse: collapse;
}
th {
	border:0;
	border-bottom:2px solid #555;
	text-align: left;
	padding:4px;
}
th a {
	display: block;
	padding: 2px 4px;
	text-decoration: none;
}
th a.asc:after {
	content: ' ⇣';
}
th a.desc:after {
	content: ' ⇡';
}
table tr td {
	padding: 6px 4px 6px 0;
	text-align: left;
	vertical-align: top;
	word-break: normal;
	border: none;
}
tr + tr{
	border-top:1px solid #92928F;
}
td +td {
	border-left: 8px solid #fbf7ed !important;
}
table tr:nth-child(even) {
/*	background: #FFFFCC;*/
}
td.actions {
	text-align: center;
	white-space: nowrap;
}
table td.actions a {
	margin: 0px 6px;
	padding:2px 5px;
}

table.list tr td a {
    display:in-line;
    height:100%;
    width:100%;
    text-decoration:none;
    color: black;
    font-weight:normal;
}
holder{
    float: left;
    line-height: 1.9em;
    padding-left: 8px 
}
/* SQL log */
.cake-sql-log {
	background: #fff;
}
.cake-sql-log td {
	padding: 4px 8px;
	text-align: left;
	font-family: 'Roboto', serif;
}
.cake-sql-log caption {
	color:#fff;
}

/** Paging **/
.paging {
	background:#fff;
	color: #ccc;
	margin-top: 1em;
	clear:both;
}
.paging .current,
.paging .disabled,
.paging a {
	text-decoration: none;
	padding: 5px 8px;
	display: inline-block
}
.paging > span {
	display: inline-block;
	border: 1px solid #ccc;
	border-left: 0;
}
.paging > span:hover {
	background: #efefef;
}
.paging .prev {
	border-left: 1px solid #ccc;
	-moz-border-radius: 4px 0 0 4px;
	-webkit-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
}
.paging .next {
	-moz-border-radius: 0 4px 4px 0;
	-webkit-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
}
.paging .disabled {
	color: #ddd;
}
.paging .disabled:hover {
	background: transparent;
}
.paging .current {
	background: #efefef;
	color: #c73e14;
}

/** Scaffold View **/
dl {
	line-height: 2em;
	margin: 0em 0em;
	width: 60%;
}
dl dd:nth-child(4n+2),
dl dt:nth-child(4n+1) {
	background: #f4f4f4;
}

dt {
	font-weight: bold;
	padding-left: 4px;
	vertical-align: top;
	width: 10em;
}
dd {
	margin-left: 10em;
	margin-top: -2em;
	vertical-align: top;
}

/** Forms **/
form {
	clear: both;
/*	margin-right: 20px;*/
	padding: 0;
/*	width: 95%;*/
}
fieldset {
/*
	margin-bottom: 1em;
	padding: 3px 10px;
*/
	border: none;
	padding: 0px;
}
fieldset legend {
	color: #f7ba02;
	font-size: 160%;
	font-weight: bold;
}
fieldset fieldset {
	margin-top: 0;
	padding: 10px 0 0;
}
fieldset fieldset legend {
	font-size: 120%;
	font-weight: normal;
}
fieldset fieldset div {
	clear: left;
	margin: 0 20px;
}
form div {
	clear: both;
/*	margin-bottom: 5px;
	padding: .5em;*/
	vertical-align: text-top;
}
form .input {
	color: #444;
}
form .input:hover{
	color: #000;
}
form .required {
/*
	font-weight: bold;
*/
}
form .required label:after {
	color: #f7ba02;
	content: '*';
/*	display:inline;*/
	display:none;
}
form div.submit {
/*
	border: 0;
	clear: both;
	margin-top: 10px;
*/
	float:right;
	display: inline-block;
	margin: 10px 0;
}
label {
	display: block;
	font-size: 110%;
/*	margin-bottom:3px;*/
}
input, textarea {
	clear: both;
	font-size: 100%;
	line-height: 1.5em;
	font-family: 'Roboto', serif;
	font-weight: 300;
	text-rendering: optimizeLegibility;
	padding: 1% 5px;
	width:98%;
	background:transparent;
	max-width: 746px;
	border:thin solid #0D93F0;
}
input {
	border:thin solid #0D93F0;
}
textarea {
	resize: none;
}
input:focus,
textarea:focus {
	color:#000;
}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
    color: transparent;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
    color: transparent;
}
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder {
    color: transparent;    
}​


select {
	clear: both;
	font-size: 120%;
	vertical-align: text-bottom;
}
select[multiple=multiple] {
	width: 100%;
}
option {
	padding: 0 3px;
	font-family: 'Roboto', serif;
	text-rendering: optimizeLegibility;
}
input[type=file] {
	border:none;
	width: 58%;
}
input[type=checkbox] {
/*	clear: left;
	float: left;
	margin: 2px 6px 7px 0px;
	width: 2em;
	height: 2em;*/
	display: none;
}
input[type="checkbox"] + label.settings{
	background:url(/img/icons_checkbox_unchecked.svg) left center no-repeat;
}
input[type="checkbox"]:hover + label.settings{
	background:url(/img/icons_checkbox_unchecked_hover.svg) left center no-repeat;
}
input[type="checkbox"]:checked + label.settings{
    background:url(/img/icons_checkbox_checked.svg) left center no-repeat;
}
input[type="checkbox"]:hover:checked + label.settings{
    background:url(/img/icons_checkbox_checked_hover.svg) left center no-repeat;
}
input[type="checkbox"]:checked + label{
    background:url(/img/icons_checkbox_checked.svg) left top no-repeat;
	display: inline-block !important;
}
input[type="checkbox"]:hover:checked + label{
    background:url(/img/icons_checkbox_checked_hover.svg) left top no-repeat;
}
input[type="checkbox"] + label{
	display: inline-block !important;
	min-height: 23px;
    background:url(/img/icons_checkbox_unchecked.svg) left top no-repeat;
    padding:0 0 0 28px;
    vertical-align:middle;
    cursor:pointer;
}
input[type="checkbox"]:hover + label{
    background:url(/img/icons_checkbox_unchecked_hover.svg) left top no-repeat;
}
div.checkbox label {
	display: inline;
}
li.chckbx, cl li{
	list-style-type: none !important;
	margin-left: 0px;
	padding-left: 25px;
}
.page_view li.chckbx,.page_view cl li{
	padding-left: 21px;
	margin-left: 4px;
}
leaf li.chckbx,leaf cl li{
	padding-left: 18px;
}
leaf img.toggle_chk, .page_view img.toggle_chk{
	width: 14px;
}
leaf li.chckbx{
	background-size: 15px;
	padding-left: 18px;
	background-position: 0 2px;
}
.page_view li.chckbx{
	background-size: 16px;
	padding-left: 21px;
	background-position: 0 2px;
}
li.chckbx0{
	background: url(/img/icons_checkbox_unchecked.svg) no-repeat left 4px;
}
#body  li.chckbx0:hover{
	background: url(/img/icons_checkbox_unchecked_hover.svg) no-repeat left 4px;
}

li.chckbx1{
	background: url(/img/icons_checkbox_checked.svg) no-repeat left 4px;
/*
	text-decoration:line-through;
*/
}
#body  li.chckbx1:hover{
	background: url(/img/icons_checkbox_checked_hover.svg) no-repeat left 4px;
}

/*styling cl-checklist*/
cl li:before {
	cursor: pointer;
	margin-left: -25px;
	padding-left: 25px;
	content: "";
	display: inline-block;
	height: 25px;
	margin-bottom: -6px;
}
cl li:before {
	background: url(/img/icons_checkbox_unchecked.svg) no-repeat left;
}
#body  cl li:hover:before {
	background: url(/img/icons_checkbox_unchecked_hover.svg) no-repeat left;
}
cl li.diff_checked:before {
	background: url(/img/icons_checkbox_checked_change.svg) no-repeat left;
}
cl li.diff_unchecked:before{
	background: url(/img/icons_checkbox_unchecked_change.svg) no-repeat left;
}
cl li.diff_unchecked_added:before{
	background: url(/img/icons_checkbox_unchecked_added.svg) no-repeat left;
}
cl li.diff_checked_added:before{
	background: url(/img/icons_checkbox_checked_added.svg) no-repeat left;
}
/*
li>x{
	background: url('/img/icons_checkbox_checked.svg') no-repeat left;
	margin-left: -25px;
	padding-left: 25px;
}
*/

li > x:before{
    background: url("/img/icons_checkbox_checked.svg") no-repeat scroll 0 3px rgba(0, 0, 0, 0);
/*
    left: 43px;
*/
    position: absolute;
}
#body  li > x:hover:before{
    background: url("/img/icons_checkbox_checked_hover.svg") no-repeat scroll 0 3px rgba(0, 0, 0, 0);
}
li > x.diff:before{
	background: none;
}
lx{
	display: none;
}
x:before {
	cursor: pointer;
	margin-left: -25px;
	padding-left: 25px;
	content: "";
	display: inline-block;
	height: 19px;
}

leaf cl li:before,
leaf li>x:before,
leaf cl li.diff_unchecked:before,
leaf cl li.diff_checked:before{
    background-size: 15px auto;
    height: 18px;
/*
    left: 28px;
*/
    margin-left: -18px;
    position: absolute;
    background-position: 0 2px;
}
.page_view cl li:before,
.page_view li>x:before,
.page_view cl li.diff_unchecked:before,
.page_view cl li.diff_checked:before{
	background-size: 16px;
	height: 22px;
	background-position: 0 3px;
	position: absolute;
/*
	left: 52px;
*/
}
/* end styling cl-checklist*/

input[type=radio] {
	float:left;
	width:auto;
	margin: 6px 0;
	padding: 0;
	line-height: 26px;
}
.radio label {
	margin: 0 0 6px 20px;
	line-height: 26px;
}
input[type=submit] {
	display: inline;
	font-size: 110%;
	width: auto;
	font-family: 'Roboto Slab', sans-serif;
	font-weight: 400;
}
form .submit input[type=submit] {
	-webkit-appearance: none;
    background: none repeat scroll 0 0 #0D93F0;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    font-size: large;
    font-weight: normal;
    text-decoration: none;
    white-space: normal;
	line-height: normal;
}
form .submit input[type=submit]:hover{
	background: #49aef4;
	color: #FFFFFF;
}
/* Form errors */
form .error {
	background: #FFDACC;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-weight: normal;
}
form .error-message {
	-moz-border-radius: none;
	-webkit-border-radius: none;
	border-radius: none;
	border: none;
	background: none;
	margin: 0;
	padding-left: 4px;
	padding-right: 0;
}
form .error,
form .error-message {
	color: #9E2424;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	text-shadow: none;
}

/** Notices and Errors **/
.message {
	clear: both;
	color: #fff;
	margin: 0 0 1em 0;
	padding: 10px 40px 10px 10px;
	position: relative;
}
.message_delete, .hide_hiostory, .hide_search{
	background-image: url('/img/icons_cross_grey.svg');
	position:absolute;
	right:12px;
	top:12px;
	width: 12px;
	height: 12px;
}
.message_delete:hover, .hide_hiostory:hover, .hide_search:hover{
	background-image: url('/img/x-blue.png');
}
.success,
.message,
.cake-error,
.cake-debug,
.notice,
p.error,
.error-message {
    border: 1px solid #0D93F0;
    color: #000000;
    font-weight: 300;
    margin: 15px auto;
    max-width: 900px;
}
.edit_message {
    border: 1px solid #0D93F0;
    color: #000000;
    font-weight: 300;
    margin: 0 0 20px 0;
}
.push_message {
    border: 1px solid #0D93F0;
    color: #939598;
    font-weight: 300;
   	border: none;
	position: fixed;
	padding: 10px 25px 10px 10px;
	width: 95px;
	display: none;
	background-image: url('/img/shadow-pile-long-title-edit.png');
	background-repeat: repeat-y;
	background-position: right;
}
.push_message:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	border-bottom: 6px solid transparent;
	border-left: 6px solid #fff;
	width: 75%;
	height: 0;
}

.push_message:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	border-top: 6px solid transparent;
	border-left: 6px solid #fff;
	width: 75%;
	height: 0;
}
.success,
.message,
.cake-error,
p.error,
.error-message {
/*	clear: both;
	color: #fff;
	background: #c43c35;
	border: 1px solid rgba(0, 0, 0, 0.5);
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
	background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: linear-gradient(top, #ee5f5b, #c43c35);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);*/
}
.success {
	clear: both;
	color: #fff;
	border: 1px solid rgba(0, 0, 0, 0.5);
	background: #3B8230;
	background-repeat: repeat-x;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#76BF6B), to(#3B8230));
	background-image: -webkit-linear-gradient(top, #76BF6B, #3B8230);
	background-image: -moz-linear-gradient(top, #76BF6B, #3B8230);
	background-image: -ms-linear-gradient(top, #76BF6B, #3B8230);
	background-image: -o-linear-gradient(top, #76BF6B, #3B8230);
	background-image: linear-gradient(top, #76BF6B, #3B8230);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}
p.error {
/*	font-family: Monaco, Consolas, Courier, monospace;*/
font-family: 'Roboto', serif;
	font-size: 120%;
	padding: 0.8em;
	margin: 1em 0;
}
p.error em {
	font-weight: normal;
	line-height: 140%;
}
.notice {
	color: #000;
	display: block;
	font-size: 120%;
	padding: 0.8em;
	margin: 1em 0;
}
.success {
	color: #fff;
}

/**  Actions  **/
.actions ul {
	margin: 0;
	padding: 0;
}
.actions li {
	margin:0 0 0.5em 0;
	list-style-type: none;
	white-space: nowrap;
	padding: 0;
}
.actions ul li a {
	font-weight: normal;
	display: block;
	clear: both;
}

/* Buttons and button links */
input[type=submit],
.actions ul li a,
.actions a {
	-webkit-appearance: none;
	font-weight:400;
	font-size: x-large;
	line-height: 10px;
	padding: 5px 9px 6px 9px;
/*
	background: #0d93f0;
	color:#fff;
*/
	color: #0d93f0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-decoration: none;
	user-select: none;
	border: none;
	cursor: pointer;
}
input[type=submit]:hover:enabled,
.actions ul li a:hover,
.actions a:hover {
/*
	background: #49aef4 !important;
	border-color: #acacac;
*/
	color: #49aef4;
	text-decoration: none;
}
input[type=submit]:active,
.actions ul li a:active,
.actions a:active {
/*
	background: #eee;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#dfdfdf), to(#eee));
	background-image: -webkit-linear-gradient(top, #dfdfdf, #eee);
	background-image: -moz-linear-gradient(top, #dfdfdf, #eee);
	background-image: -ms-linear-gradient(top, #dfdfdf, #eee);
	background-image: -o-linear-gradient(top, #dfdfdf, #eee);
	background-image: linear-gradient(top, #dfdfdf, #eee);
	text-shadow: #eee 0px 1px 0px;
	-moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
	border-color: #aaa;
	text-decoration: none;
*/
}

/** Related **/
.related, .grid {
	position: relative;
	clear: both;
	display: inline;
	width: 101.5%;
	font-size: 0;
}

/** Debugging **/
pre {
	color: #000;
	background: #f0f0f0;
	padding: 15px;
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}
.cake-debug-output {
	padding: 0;
	position: relative;
}
.cake-debug-output > span {
	position: absolute;
	top: 5px;
	right: 5px;
	background: rgba(255, 255, 255, 0.3);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 5px 6px;
	color: #000;
	display: block;
	float: left;
	-moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.25), 0 1px 0 rgba(255, 255, 255, 0.5);
	-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.25), 0 1px 0 rgba(255, 255, 255, 0.5);
	box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.25), 0 1px 0 rgba(255, 255, 255, 0.5);
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
}
.cake-debug,
.cake-error {
	font-size: 16px;
	line-height: 20px;
	clear: both;
}
.cake-error > a {
	text-shadow: none;
}
.cake-error {
	white-space: normal;
}
.cake-stack-trace {
	background: rgba(255, 255, 255, 0.7);
	color: #333;
	margin: 10px 0 5px 0;
	padding: 10px 10px 0 10px;
	font-size: 120%;
	line-height: 140%;
	overflow: auto;
	position: relative;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.cake-stack-trace a {
	text-shadow: none;
	background: rgba(255, 255, 255, 0.7);
	padding: 5px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin: 0px 4px 10px 2px;
/*	font-family: sans-serif;*/
	font-family: 'Roboto', serif;
	font-size: 14px;
	line-height: 14px;
	display: inline-block;
	text-decoration: none;
	-moz-box-shadow: inset 0px 1px 0 rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: inset 0px 1px 0 rgba(0, 0, 0, 0.3);
	box-shadow: inset 0px 1px 0 rgba(0, 0, 0, 0.3);
}
.cake-code-dump pre {
	position: relative;
	overflow: auto;
}
.cake-context {
	margin-bottom: 10px;
}
.cake-stack-trace pre {
	color: #000;
	background-color: #F0F0F0;
	margin: 0px 0 10px 0;
	padding: 1em;
	overflow: auto;
	text-shadow: none;
}
.cake-stack-trace li {
	padding: 10px 5px 0px;
	margin: 0 0 4px 0;
/*	font-family: monospace;*/
font-family: 'Roboto', serif;
	border: 1px solid #bbb;
	-moz-border-radius: 4px;
	-wekbkit-border-radius: 4px;
	border-radius: 4px;
	background: #dcdcdc;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#dcdcdc));
	background-image: -webkit-linear-gradient(top, #fefefe, #dcdcdc);
	background-image: -moz-linear-gradient(top, #fefefe, #dcdcdc);
	background-image: -ms-linear-gradient(top, #fefefe, #dcdcdc);
	background-image: -o-linear-gradient(top, #fefefe, #dcdcdc);
	background-image: linear-gradient(top, #fefefe, #dcdcdc);
}
/* excerpt */
.cake-code-dump pre,
.cake-code-dump pre code {
	clear: both;
	font-size: 12px;
	line-height: 15px;
	margin: 4px 2px;
	padding: 4px;
	overflow: auto;
}
.cake-code-dump .code-highlight {
	display: block;
	background-color: rgba(255, 255, 0, 0.5);
}
.code-coverage-results div.code-line {
	padding-left:5px;
	display:block;
	margin-left:10px;
}
.code-coverage-results div.uncovered span.content {
	background:#ecc;
}
.code-coverage-results div.covered span.content {
	background:#cec;
}
.code-coverage-results div.ignored span.content {
	color:#aaa;
}
.code-coverage-results span.line-num {
	color:#666;
	display:block;
	float:left;
	width:20px;
	text-align:right;
	margin-right:5px;
}
.code-coverage-results span.line-num strong {
	color:#666;
}
.code-coverage-results div.start {
	border:1px solid #aaa;
	border-width:1px 1px 0px 1px;
	margin-top:30px;
	padding-top:5px;
}
.code-coverage-results div.end {
	border:1px solid #aaa;
	border-width:0px 1px 1px 1px;
	margin-bottom:30px;
	padding-bottom:5px;
}
.code-coverage-results div.realstart {
	margin-top:0px;
}
.code-coverage-results p.note {
	color:#bbb;
	padding:5px;
	margin:5px 0 10px;
	font-size:10px;
}
.code-coverage-results span.result-bad {
	color: #a00;
}
.code-coverage-results span.result-ok {
	color: #fa0;
}
.code-coverage-results span.result-good {
	color: #0a0;
}

/** Elements **/
#url-rewriting-warning {
	display:none;
}
/** bindrs specific **/
.title{
	font-family: 'Roboto Slab', sans-serif;
	vertical-align:middle;
	background-color: #ffffff\9;
	border:12px solid;
	border: 12px solid transparent \9;
	-moz-border-image: url(/img/label.png) 12 stretch; /* Old Firefox */
	-webkit-border-image: url(/img/label.png) 12 stretch; /* Safari */
	-o-border-image: url(/img/label.png) 12 stretch; /* Opera */
	border-image: url(/img/label.png) 12 fill stretch;
	white-space: pre-line;
	word-break: normal;
	line-height: 28px;
}
.plus_buddie_button {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	background-image: url(/img/border_label33.png);
	height: 33px;
	width: 33px;
	margin-right:10px;
}
.grid_title{
	font-family: 'Roboto Slab', sans-serif;
	margin: 17% 10px;
	display: block;
	font-weight: 400;
	position: relative;
}
.pile_title{
	font-family: 'Roboto Slab', sans-serif;
    display: inline-block;
    margin-left: 50px;
    max-width: 50%;
    min-width: 20%;
    white-space: nowrap;
    font-weight: 400;
}
.bindrs_list_title:hover{
	color: #000;
}
.bindrs_list_title{
	font-family: 'Roboto Slab', sans-serif;
	font-size: medium;
	vertical-align:middle;
	background-color: #ffffff\9;
	border:4px solid;
	border: 4px solid transparent \9;
	-moz-border-image: url(/img/label.png) 12 stretch; /* Old Firefox */
	-webkit-border-image: url(/img/label.png) 12 stretch; /* Safari */
	-o-border-image: url(/img/label.png) 12 stretch; /* Opera */
	border-image: url(/img/label.png) 12 fill stretch;
	padding: 0 4px;
	color: #0d93f0;
}
.bindrs_list_element{
	padding: 5px 10px;
	display: inline-block;
	direction: ltr;
	min-width: 150px;
}
.topics_list_element{
	display: block;
	padding: 5px 10px;
	height: 21px;
	border-bottom: solid 1px #fff;
	border-left: solid 1px #fff;
	border-right: solid 1px #fff;
	background: #fbf7ed;
	font-weight: 300;
}
.topics_list_title{
	display: inline-block;
}
.buddies_list_element{
	padding: 10px;
	display: block;
	border-bottom: solid 1px #fff;
	border-left: solid 1px #fff;
	border-right: solid 1px #fff;
	white-space: normal;
	background: #f0f0ef;
}
.bindrs_list_element:hover, .topics_list_element:hover, a .buddies_list_element:hover{
	color: #000;
}
.buddies_list_details{
	display: inline-block;
    width: 135px;
}
.options{
	color: #939598;
	display: inline-block;
	vertical-align: top;
	font-family: 'Roboto',sans-serif;
	text-rendering: optimizeLegibility;
	font-size: small;
	float:left;
}
.topic_edit_options{
	width: 100%;
	position: relative;
}
.topic_edit_options a{
}
.leaf{
	position: relative;
	display: inline\9;
	display: inline-block;
	margin-left: 1.5%;
	margin-right: 0;
	margin-bottom: 15px;
	height: 286px;
	overflow: hidden;
	background: #fbf7ed;
	vertical-align:top;
	padding: 10px;
/*	color: #939598;*/
	font-size: small;
	text-align: left;
	cursor: pointer;
	word-break: break-word;
}
/*
.leaf_topbar_shade{
	background-image: url("/img/shadow-topbar.png");
	background-repeat: repeat-x;
	background-attachment: fixed;
	background-position: 0 41px;
}
*/
/*.leaf a{
	color: #939598;
	width: 100%;
}*/

.scroll_note:hover,
.scroll_note:hover ins,
.page_view:hover,
.page_view:hover ins,
leaf.leaf:hover,
leaf.leaf:hover ins{
	color: #444;
}
.scroll_note:hover del,
.page_view:hover del,
leaf.leaf:hover del{
	display: none;
}
.scroll_note:hover cl li.diff_checked:before,
.page_view:hover cl li.diff_checked:before,
leaf.leaf:hover cl li.diff_checked:before{
    background-image: url("/img/icons_checkbox_checked.svg");
}
.scroll_note:hover cl li.diff_unchecked:before,
.page_view:hover cl li.diff_unchecked:before,
leaf.leaf:hover cl li.diff_unchecked:before{
    background-image: url("/img/icons_checkbox_unchecked.svg");
}
/*.leaf a a{
	color: red;
}*/
.big_leaf{
	position: relative;
	display: inline\9;
	display: inline-block;
	width: 45%;
	margin-left: 1.4%;
	margin-bottom: 15px;
	left: -1.4%;
	min-width: 150px;
	height: 572px;
	overflow: hidden;
	background: #fbf7ed;
	vertical-align:top;
	padding: 10px;
	color: #939598;
	font-size: small;
}
.big_leaf a{
	color: #d4d5d6;
}
.page_view{
	position: relative;
	display: inline\9;
	display: inline-block;
/*
	width: 44%;
*/
	width: 100%;
	margin-bottom: 0 0 15px 0;
	min-width: 150px;
/*
	height: 537px;
*/
	overflow: hidden;
	vertical-align:top;
/*
	padding: 1% 25px 25px 25px;
	color: #939598;
*/
	font-size: small;
	cursor: pointer;
}
.page_view a{
}
a.book_leaf{
	width: 100%;
	display: inline-block;
}
.facing_pages{
	display: block;
	margin: 0 33px;
	font-size: 0;
	background: #fbf7ed;
	text-align: left;
	width: auto;
}
.delete_cross{
	width: 10px;
	display: inline;
	position: absolute;
	top:5px;	
	right:5px;
}
.actual{
	display: inline;
}
.previous{
	position: absolute;
	display: none;
	width: 90%;
	height:100%;
}
.edit_box{
/*
	display: none;
	position: absolute;
	background: #f1f1f0;
	margin:0 2%;
	font-size: small;
	z-index: 3;
*/
}
.pile_edit_box{
margin-left: 50px;
right: 0;
background: transparent;
border-right: 0;
margin-right: 0;
width: 93%;
	display: none;
	position: absolute;
	font-size: small;
	z-index: 3;
}
.grid_edit_box_small{
    height: 72%;
    position: absolute;
    right: 20px;
    top: 14.4%;
    width: 71%;
    line-height: 10px;
    display: none;
}
.grid_edit_box_big{
	margin-left: 0;
	width: 80%;
	height: 85%;
	bottom: 25px;
	right: 15px;
	padding: 20px;
}
.edit_title_grid{
	border:none;
	font-family: 'Roboto Slab',serif;
    font-weight: 400;
    line-height: 28px;
    white-space: pre-line;
    word-break: normal;
	height: 70px;
    margin: 0 -12px;
    overflow: hidden;
    padding: 0 12px;
    width: 100%;
	border-bottom: 1px solid #CECBBF;
	padding: 0 12px;
	margin: 0 -12px;
}
div.edit_title_grid_div{
	margin: 0 -12px;
	padding: 0 12px;
	background-image: url('/img/shadow-grid-long-title-edit.png');
	background-repeat: repeat-x;
	background-position: bottom;
}
.edit_title_pile{
width: 200px;
margin: -12px 0;
display: inline-block;
vertical-align: top;
background-image: url('/img/shadow-pile-long-title-edit.png');
background-repeat: repeat-y;
background-position: right;
}
.edit_title_pile input{
	vertical-align: middle;
}
.pile_edit_box input, .pile_edit_box .input{
	display: inline-block;
	border:none;
	font-family: 'Roboto Slab',serif;
    white-space: pre-line;
    word-break: normal;
	width: 200px;
    overflow: hidden;
	padding: 0;
	min-height: 18px;
}
.edit_label{
	display: none;
	position: absolute;
	width: 91%;
	background: #fff;
	margin:10px;
	font-size: small;
	bottom: 0;
	right: 0;
	z-index:2;
	cursor: default;
}
.edit_label input, .edit_label .input{
	display: inline-block;
	margin-right: 5% ;
	background: transparent;
	vertical-align: baseline;
	vertical-align: -webkit-baseline-middle;
	width:25px;
}
.edit_active {
	color: transparent;
	width: 12px;
	height:10px;
	display:inline-block;
	background:#FBF7ED url('/img/icons_hamburger_active.svg') center no-repeat;
	float: right;
}
.edit_active:hover {
	background:#FBF7ED url('/img/icons_hamburger_hover.svg') center no-repeat;
}
.edit_active_bookview,
.edit_active_scrollview{
position: absolute;
bottom: 0;
right: 0;
}
.edit_active_pile{
    position: absolute;
    right: 32px;
    z-index: 2;
}
.edit_active_grid{
position: absolute;
bottom: -12px;
right: -12px;
z-index: 2;
padding: 8px 8px;
background-color: #FBF7ED;
}
.edit_active_small{
/*
	padding-right:0px;
	margin-top:0;
	position: absolute;
	bottom: 0;
	right: 0;
*/
}
.color_tile{
	width: 15%;
	display: inline-block;
}
.color_tile_grid{
	width: 11.5%;
	display: inline-block;
}
.color_tile_pile{
	width: 20px;
	display: inline-block;
}
img.color_tile_pile{
	cursor: pointer;
}
.color_tile_grid input{
	height: 20px !important;
}
.color_tile + .color_tile{
	margin-left: 7px;
}
.previous_arrow, .previous_arrow_disabled{
	position: absolute;
	left: -33px;
	top: 0;
	height: 100%;
	width: 7%;
}
.previous_arrow{
	background: url('/img/icons_bookview_arrow_left.svg') left center no-repeat;
}
.previous_arrow:hover, .previous_arrow:active{
	background: url('/img/icons_bookview_arrow_left_hover.svg') left center no-repeat;
}
.previous_arrow_disabled{
	background: url('/img/icons_bookview_arrow_left_disabled.svg') left center no-repeat;
}
.next_arrow, .next_arrow_disabled{
	position: absolute;
	right: -33px;
	top: 0;
	height: 100%;
	width: 7%;
}
.next_arrow{
	background: url('/img/icons_bookview_arrow_right.svg') right center no-repeat;
}
.next_arrow_disabled{
	background: url('/img/icons_bookview_arrow_right_disabled.svg') right center no-repeat;
}
/*
.last_arrow{
	position: absolute;
	right: -60px;
	top: 0;
	background: url('/img/icons_bookview_arrow_right.svg') right center no-repeat;
	height: 100%;
	width: 25px;
	line-height: 18px;
}
*/
.next_arrow:hover, .last_arrow:hover, .next_arrow:active, .last_arrow:active{
	background: url('/img/icons_bookview_arrow_right_hover.svg') right center no-repeat;
/*
	color: #fff;
*/
}

.save_menu{
	z-index: 0;
	padding: 14px 10px;
	height: 12px;
/*
	width: 16px;
	background:transparent url('/img/icons_hamburger_bigger.svg') center no-repeat;
*/
	display: inline-block;
	vertical-align: bottom;
	cursor: pointer;
}
.tools_menu{
	z-index: 0;
	padding: 14px 10px;
	width: 16px;
	height: 12px;
	background:transparent url('/img/icons_hamburger_bigger.svg') center no-repeat;
	display: inline-block;
	vertical-align: bottom;
	cursor: pointer;
}
.tools_menu:hover{
	background:transparent url('/img/icons_hamburger_bigger_hover.svg') center no-repeat;
}
.tools_menu_active{
	background:transparent url('/img/icons_hamburger_bigger_active.svg') center no-repeat;
}
.tools_menu_active:hover{
	background:transparent url('/img/icons_hamburger_bigger_hover.svg') center no-repeat;
}
.add_items_menu{
	position:absolute;
	right:0px;
	z-index: 0;
	margin: 15px 17px;
	width: 16px;
	height: 16px;
	background:transparent url('/img/plus-blue.png') center top no-repeat;
}
.add_items_menu_edit{
	margin: 0 17px;
}
.add_items_menu:hover,.add_bindr:hover, .add_page:hover,.add_items_menu:active, .add_bindr:active, .add_page:active{
    background: url("/img/plus-lightblue.png") no-repeat scroll center top transparent;
}
.add_bindr, .add_page{
    background: url("/img/plus-grey.png") no-repeat scroll center top transparent;
    display: inline-block;
    height: 16px;
    width: 16px;
    vertical-align: -2px;
}
.favourites_button, .favourites_button_on, .add_bindr_page_button{
    display: inline-block;
    height: 16px;
    width: 16px;
    vertical-align: -2px;
}
.favourites_button{
    background: url("/img/icons_favourite.svg") no-repeat scroll center top transparent;
}
.favourites_button_on{
    background: url("/img/icons_favourite_on.svg") no-repeat scroll center top transparent;
}
.add_bindr_page_button{
    background: url("/img/plus-grey.png") no-repeat scroll center top transparent;
}
.favourites_button_active:hover, .favourites_button:hover, .favourites_button_on:hover{
    background: url("/img/icons_favourite_hover.svg") no-repeat scroll center top transparent;
}
.add_bindr_page_button_active:hover, .add_bindr_page_button:hover{
    background: url("/img/plus-blue.png") no-repeat scroll center top transparent;
}
.favourites_button_active, .favourites_button:active, .favourites_button_on:active{
    background: url("/img/icons_favourite_active.svg") no-repeat scroll center top transparent;
}
.add_bindr_page_button_active, .add_bindr_page_button:active{
    background: url("/img/plus-black.png") no-repeat scroll center top transparent;
}
#add_fav_span{
	color: #0D93F0;
	border-top:solid 1px #fff;
	position:absolute;
}
#add_fav_span:hover{
	color: #000	;
}
.topics_list_element:hover > .favourites_button_on{
	background: url("/img/icons_favourite_active.svg") no-repeat scroll center top transparent;
}
.blackplus{
	background-image: url('/img/plus-black.png');
}
.add_edit_menu_wrap{
	height: 10px;
	padding-top:10px;
}
.add_items_menu_active{
	background:transparent url('/img/plus-black.png') center top no-repeat;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 7px;
    top: 7px;
}
.edit_items_menu{
	position:absolute;
	right:0px;
	z-index: 1;
	margin: 0 18px;
	width: 12px;
	height: 20px;
	background:transparent url('/img/icons_hamburger.svg') center top no-repeat;
}
.edit_items_menu:hover{
	background:transparent url('/img/icons_hamburger_hover.svg') center top no-repeat;
}
.edit_items_menu_active{
	background:transparent url('/img/icons_hamburger_active.svg') center top no-repeat;
    width: 12px;
    height: 10px;
    position: absolute;
    right: 7px;
    top: 7px;
}
.edit_items_menu_active:hover{
	background:transparent url('/img/icons_hamburger_hover.svg') center top no-repeat;
}
#sections{
	min-height: 400px;
}
.add_section_menu_wrap{
	height: 123px;
    border-top: solid 1px white;
    margin: 0 -10px;
    background: #fff;
}
.add_section_menu{
	margin: 13px auto;
    position: relative;
    display: block;
}
#add_section_menu{
	display: none;
    width: 140px;
    margin: auto;
    background-color: #fff;
    position: absolute;
    bottom: 84px;
    left: 50%;
    margin-left: -50px;
}
.add_section_menu_active{
	background:transparent url('/img/plus-black.png') center top no-repeat;
	width: 16px;
    height: 16px;
    display: block;
    margin: auto;
}
.indicate_del_element{
	opacity: 0.2;
	border: #EC1651 solid 2px !important;
	margin: -2px;
    z-index: 1;
}
a.submit{
	background: none repeat scroll 0 0 #0D93F0;
	border-radius: 4px 4px 4px 4px;
	color: white;
	font-weight: normal;
	padding: 1px 5px;
	text-decoration: none;
	margin: 0px 0px 0px 10px;
	font-family: 'Roboto Slab', sans-serif;
}
span.submit{
	background: none repeat scroll 0 0 #f0f0ef;
	border-radius: 4px 4px 4px 4px;
	color: white;
	font-weight: normal;
	padding: 1px 5px;
	text-decoration: none;
	margin: 0px 0px 0px 10px;
}
a.submit:hover{
	background: none repeat scroll 0 0 #49aef4;
	color: #fff !important;
}
a.bindrs_grid{
	color: #0d93f0;
}
.notebook:hover a.bindrs_grid{
	color: #000;
}
.select:hover{ /* for selecting a bindr when moving a page*/
	border: solid 1px #EC1651;
}
.selected{
	display: inline;
	background: none repeat scroll 0 0 #000;
	border-radius: 4px 4px 4px 4px;
	color: white;
	font-weight: normal;
	padding: 1px 5px;
	margin: 0px 0px 5px 10px;
	height: 36px;
}
.editselected{
	display: inline-block;
	padding: 3px 6px;
	line-height: 1.1em;
}
.editsubmit{
	display: inline-block;
	width: 55px;
	font-size: large;
}
.section_del{
	background: #73e3b5;
    opacity: 0.3;
    font-size: 106%;
    padding: 30px 18px 10px !important;
    line-height: 1.5em;
}
.frame_del, .file_del{
    opacity: 0.3;
    border: solid #EC1651 2px;
}
div.section.section_del div.carr_diff.deleted{
	opacity: 1;
}
.section_add{
	background: #73e3b5;
	margin: 0 !important
}
div.visual.frame_add iframe, .file_add{
	border: #73e3b5 solid 2px;
	margin: -2px;
}
div.visual iframe{
    width: 100%;
    min-height: 300px;
}
.section_delete{
    float:left;
    margin-left: 8px;
}
.section_delete a.del_link{
	margin-top: 0;
}
input.colour_button,input.colour_button_pile,input.pattern_button,input.pattern_button_pile{
	width: 100%;
	color: transparent;
	cursor: hand; cursor: pointer;
	border: medium none;
	vertical-align: middle;
	padding: 0;
}
input.colour_button{
	height: 25px;
}
input.colour_button_pile,input.pattern_button_pile{
	height: 20px;
}
.cover_img_link{
	margin-left: 7px;
	cursor: pointer;
	width: 20px;
	vertical-align: middle;
}
div.leaf_title{
	font-family: 'Roboto Slab', sans-serif;
	position: relative;
	font-size: 165%;
	margin-bottom: 5%;
	line-height: 1.1em;
}
leaf .leaf_title{
	font-size: 23px;
}
div.leaf_title_label{
	position: absolute;
	width: 100%;
	height:95px;
	left:0;
	top:0;
	z-index: 0;
}
div.pile{
	position: relative;
}
div.pile a{
    color: #0D93F0;
}
div.pile a:hover{
    color: #000;
}
div.sortview{
	position: relative;
	display: inline;
	float: right;
	left:-1.4%;
	vertical-align:middle;
}
div.comments{
	display: inline-block;
/*	padding-top: 30px;*/
	width: 100%;
/*
	margin-bottom: 50px;
*/
}
legend.comments{
/*	border-top: thin solid #0d93f0;
	width: 100%;
	padding-top: 10px;*/
}
div.comment_name{
	color: #000000;
	display: inline;
	margin-right: 3px;
	font-size: x-small;
	font-family: 'Roboto',sans-serif;
	text-rendering: optimizeLegibility;
	font-weight: 500;
}
span.comment_tos{
	font-weight: 500;
	color: #000000;
}
div.past_comment{
	font-size:x-small;
	font-family: 'Roboto', sans-serif;
	text-rendering: optimizeLegibility;
}
div.note{
	display: inline-block;
	background: #fbf7ed;
	width: 100%;
/* this cannot be since the image slide show will no longer hid behind the page in FF
*/
	position: relative;
/*
	min-height: 450px;
*/
	text-align: left;
	z-index: 2;
/*
	margin-bottom:20px;
	background-image: url("/img/shadow-topbar.png");
	background-repeat: repeat-x;
	background-attachment: fixed;
	background-position: 0 41px;
*/
}
div.scroll_note{
	padding: 3px 10px;
	min-height: 0;
	margin-bottom: 25px;
}
div.wrapper{
	display: inline-block;
	margin-left: 3%;
	position: relative;
}
div.wrapper_view{
	margin-left:0 !important;
	text-align: left;
}
div.scroll_view, div.scroll_view {
	cursor: pointer;
	color: #81807d;
}
div.scroll_view:hover .SectionBodyView, div.scroll_view:hover #TopicTitleDiff, #v_TopicTitleDiff{
	color: #444 !important;
}

div.alerts{
	position: absolute;
	left: 50%;
}
div.alerts_list, div.favourites_list{
	font-family: 'Roboto',sans-serif;
	font-size: 15px;
	width: 301px;
	font-weight: 300;
    overflow-x: hidden;
}
div.alerts_list a, div.favourites_list a{
	color: #444;
}
div.alerts_list a:hover, div.favourites_list a:hover{
	color: #000 !important;
}
div.favourites_list a strong{
	color: #0D93F0;
}
div.favourites_list:hover a strong{
	color: #49AEF4;
}
div.grid_alerts{
	display: inline-block;
	position: absolute;
	margin: 4% 0 0 12%;
}
div.mod{
	background: #000;
	padding: 4px 8px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	font-size: x-small;
	font-weight: 500;
	font-family: 'Roboto', sans-serif;
	text-rendering: optimizeLegibility;
	display: inline-block;
	margin-left: 5px;
}
div.grid_mod{
	margin-left: 15px;
	position: absolute;
	top: 33%;
}
div.mod_label{
	color: #0d93f0;
	display: inline;
}
div.mod_value{
	display: inline;
	color: #fff;
}
div.stats{
	background: #000;
	padding: 0px 8px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	font-size: x-small;
	font-family: 'Roboto', sans-serif;
	text-rendering: optimizeLegibility;
}
div.grid_stats{
	display: inline-block;
	margin-right: 8px;
	margin-bottom: 3px;
	line-height: 21px;
	float: right;
	font-weight: 500;
}
div.pile_stats{
    display: inline-block;
    line-height: 24px;
    font-weight: 500;
    vertical-align: top;
}
div.invite{
	background: #fff;
	padding: 4px 8px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	font-size: x-small;
	font-family: 'Roboto', sans-serif;
	text-rendering: optimizeLegibility;
	color: #0d93f0;
}
/*div.invite:hover{
	background: #0d93f0;
}
div.invite a:hover{
	color: #fff;
}*/
div.pile_invite{
    display: inline-block;
    font-size: 12px;
    font-family: 'Roboto', serif;
    line-height: 21px;
    margin-right: 10px;
}
div.grid_invite a, div.pile_invite a, div.pile_invite a{
	background: url("/img/icons_buddie_small-white.svg") no-repeat scroll 43px #0d93f0;
	color: #ffffff;
	font-size: 12px;
	padding: 4px 20px 4px 7px !important;
}
div.grid_invite a:hover, div.pile_invite a:hover, div.pile_invite a:hover{
	background: url("/img/icons_buddie_small-white.svg") no-repeat scroll 43px #49aef4;
}
div.grid_invite{
	display: inline-block;
    float: left;
    line-height: 21px;
    vertical-align: middle;
}
div.invite_view{
    font-family: 'Roboto', serif;
	display: inline;
	background: #0d93f0;
	padding: 2px 5px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	color: #fff;
	margin: 0px 6px;
	font-size: 12px;
}
div.invite_view a{
	color: #fff;
}
div.invite_view:hover{
	background: #49aef4;
}
#page_total{
	font-family: 'Roboto',sans-serif;
	padding: 1.2% 12px;
	position: absolute;
	/* top: 48.5%; */
	/* width: 25px; */
	bottom: 7px;
}
a #page_total{
	color: #0D93F0;
}
a:hover #page_total{
	color: #49AEF4;
}
#message_link{
    top: 20px;
    display: inline;
    left: 188px;
    position: absolute;
}
#message_link_2{
    top: 25px;
    display: inline;
    left: 135px;
    position: absolute;
}
a.edit{
	display: inline-block;
	width: 12px;
	height: 10px;
	background:transparent url('/img/icons_hamburger.svg') center no-repeat;
}
a.edit:hover{
	background:transparent url('/img/icons_hamburger_hover.svg') center no-repeat;
}
a.edit:active{
	background:transparent url('/img/icons_hamburger_active.svg') center no-repeat;
}
.edit_leaf{
	position:absolute;
	right:0px;
	bottom:0px;
	padding:10px;
	z-index:2;
}
.tw_login, .fb_login, .gl_login, .li_login{
	background: none repeat scroll 0 0 #0D93F0;
	border-radius: 4px 4px 4px 4px;
	color: #FFFFFF;
	display: inline-block;
	font-size: x-small;
	font-weight: normal;
	margin: 10px;
	padding: 10px 5px;
	text-decoration: none;
	white-space: normal;
	width: 50px;
	font-family: 'Roboto',sans-serif;
}
.tw_login:hover, .fb_login:hover, .gl_login:hover, .li_login:hover{
	background: none repeat scroll 0 0 #49aef4;
}
.tw_login_button, .fb_login_button, .gl_login_button, .em_login_button{
	font-family: 'Roboto',sans-serif;
    width: 52px;
    height: 33px;
    display: inline-block;
    background-size: cover;
    padding-top: 55px;
    color: #fff;
    font-size: 10px;
    font-weight: 400;
    text-align: center;
}
.disabled{
	color: #49aef4;
	margin: 0 10px;
}
.disabled:hover{
	color: #fff;
}
.list_elem.invite_channels .message{
	text-align: left;
}
.list_elem.invite_channels{
	padding: 10px !important;
}
.tw_login_button:hover, .fb_login_button:hover, .gl_login_button:hover, .em_login_button:hover{
    background-position: 52px;
}
.fb_login_button{
	background-image: url('/img/fb_button.svg');
}
.tw_login_button{
	background-image: url('/img/tw_button.svg');
}
.gl_login_button{
	background-image: url('/img/gl_button.svg');
}
.em_login_button{
	background-image: url('/img/em_button.svg');
}
.fb_login_button.disabled{
	background-image: url('/img/fb_button_disabled.svg');
}
.tw_login_button.disabled{
	background-image: url('/img/tw_button_disabled.svg');
}
.gl_login_button.disabled{
	background-image: url('/img/gl_button_disabled.svg');
}
.em_login_button.disabled{
	background-image: url('/img/em_button_disabled.svg');
}
#login_button{
    background-image: url('/img/login_button.svg');
    margin-top: 25px !important;
}
#create_button{
    background-image: url('/img/create_button.svg');
    margin-top: 20px !important;
}
#login_button, #create_button{
    background-repeat: no-repeat;
	width: 76px;
    height: 34px;
    background-size: cover;
    background-color: transparent;
}
#login_button:hover, #create_button:hover{
	background-position: right;
}
.new_page{
	display: none;
}
.disconnect{
	position: absolute;
	right: 0;
	line-height: 1.4em;
	top: 17px;
	background:url(/img/plug-blue.png) left center no-repeat;
	padding-left: 21px;
	margin-left: 10px;
	width: 16px;
	height: 16px;
}
.disconnect:hover{
	background:url(/img/plug-red.png) left center no-repeat;
}

.connect{
	position: absolute;
	right: 0;
	line-height: 1.4em;
	top: 17px;
	background:url(/img/plug-gray.png) left center no-repeat;
	padding-left: 21px;
	margin-left: 10px;
	width: 16px;
	height: 16px;
}
.connect:hover{
	background:url(/img/plug-lightblue.png) left center no-repeat;
}


.compare{
	position: relative;
	margin-top: 5px !important;
	margin-left: 0  !important;
	padding: 1px 5px !important;
}
#compare{
	position: fixed;
	top: 47px;
	display: none;
}
.back{
	position: relative;
	margin-top: 5px !important;
	margin-left: 0  !important;
	padding: 1px 5px !important;
	display: none;
	font-size: 12px;
}
.back:hover{
}
a.pile_edit, a.grid_edit{
	vertical-align: -1px;
	margin: -10px -10px -10px 0;
	padding: 10px;
}
div.stat_white{
	color: #fff;
	font-weight: 500;
	white-space: nowrap;
	display: inline-block;
}
div.stat_white a:hover{
	color: #49aef4;
}
div.modified_leaf{
	padding-bottom: 10px;
	bottom:0px;
	width: 96%;
/*	z-index: 1;*/
	display: inline;
	left:4%;
	position:absolute;
/*
	background-image: url("/img/shadow-topbar.png");
	background-repeat: repeat-x;
	background-attachment: fixed;
	background-position: 0 41px;
*/
}
div.modified_book{
    bottom: 0;
    display: block;
    margin: 0 20px;
    padding-top: 5px;
    font-size: 11px;
    white-space: nowrap;
    z-index: 1;
}
div.modified_scroll{
    bottom: 0;
    display: block;
    margin: 0 8px;
    padding-top: 3px;
    white-space: nowrap;
    z-index: 1;
}
div.modified_by{
	display: inline;
	font-family: 'Roboto', sans-serif;
	text-rendering: optimizeLegibility;
	color: #000;
	font-size: x-small;
	font-weight: 500;
}
div.modified_view{
	display: inline;
	font-family: 'Roboto', sans-serif;
	text-rendering: optimizeLegibility;
	color: #444;
	font-size: x-small;
	margin-left:5px;
}
div.comment{
	margin:10px 0 0 0;
	word-break: break-word;
}
div.comment_created{
	font-size: x-small;
	font-family: 'Roboto', sans-serif;
	text-rendering: optimizeLegibility;
	padding-top: 5px;
	color: #81807d;
	display: inline;
}
div.comment_sig{
}
div.tw_login a, div.fb_login a{
	color: #FFFFFF;
}
div.publish{
	display: inline-block;
	font-size: x-small;
	border-top:solid 1px #0D93F0;
	margin-top:40px;
	padding-top:10px;
}
div.publish_header{
	font-size: 160%;
	line-height: 1.2em;
	color: #000000;
	margin: 0px 0px 8px 0px;
}
input.publish_link{
	color:#81807d;
	text-align: center;
}
div.notebook{
	box-shadow: 5px 5px #c7c7c4;
}
div.notebook a:hover{
	color: #000;
}
div.notebook a{
	/*color:#0D93F0;*/
}
div.new_bindr_div{
	background: #E6E6E5;
	display: none;
	cursor: default;
}
div.pile_new_bindr_div{
	position: relative;
	height:60px;
	width: 92%;
	margin: 0 4% 2%;
}
#alert_counter{
    margin: 12px 10px 13px;
}
#total_alerts{
	line-height: 13px;	
}
a.alert_counter, div.alert_counter, span.alert_counter{
	display: inline-block;
	background-color: #EC1651;
	font-weight: 500;
	color: white;
	font-size: x-small;
	min-width: 10px;
	padding: 1px 2px 2px 2px;
	margin: -4px 2px 0 0;
	font-family: 'Roboto', sans-serif;
	text-rendering: optimizeLegibility;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
}
.alert_counter img{
	vertical-align: baseline;
}
span.alert_counter{
/*	position: absolute;
	margin-top: 5px;*/
}
span.dropdown_alert{
	line-height: 11px;
}
a.alert_counter:hover{
	color: white !important;
}
div.grid_alert_counter{
	margin: 0 0 -5px -1px;
}
div.pile_alert_counter{
    left: 17px;
    position: absolute;
    top: 37%;
}
.edit_book{
	display: inline;
	z-index: 1;
	padding-top: 14px;
}
.edit_scroll{
	display: inline;
	float: right;
	z-index: 1;
	padding-top: 20px;
}
div.edit_label_book{
	height: 145px;
    bottom: 9px;
}
div.edit_label_scroll{
	height: 145px;
    right: -10px;
    bottom: 12px;
}
div.menu{
	position: absolute;
	display: none;
	font-size: 15px;
/*
	margin-top: 10px;
*/
	max-width: 300px;
}
div.menu_item, div.clear_all, span.extra_menu_item{
	padding:10px;
	display: block;
	border: solid 1px #fff;
	margin-top: -1px;	
/*
	border-bottom: solid 1px #fff;
	border-left: solid 1px #fff;
	border-right: solid 1px #fff;
*/
	white-space: normal;
	background: #f0f0ef;
}
#alerts_list div.menu_item,
#alerts_list div.clear_all{
	background: #f3e2dd;
}
#favourites_list div.menu_item,
#favourites_list div.clear_all{
	background: #E4E1F0;
}
#clear_all_favourites, #clear_all{
	color: #0D93F0 !important;
}
#clear_all_favourites:hover, #clear_all:hover{
	color: #EC1651 !important;
}
div.clear_all{
	text-align: right;
}
div.menu_item:hover,
span.extra_menu_item:hover,
#alerts_list div.menu_item:hover,
#alerts_list div.clear_all:hover,
#favourites_list div.menu_item:hover,
#favourites_list div.clear_all:hover{
	background: #f7f7f5;
}
div.add_menu_item{
	background: no-repeat 10px 5px url('/img/plus-blue.png') #f0f0ef;
	padding-left: 36px;
}
div.add_menu_item:hover{
	background: no-repeat 10px 5px url('/img/plus-black.png') #f0f0ef;
}
div.items_menu_item{
	padding:10px;
	display: block;
}
div.list_elem{/* used in popups*/
	background: none repeat scroll 0 0 #FFFFFF;
	border-top: 2px solid #0d93f0;
	padding: 17px;
	color: #81807D;
	height: 55px;
	position: relative;
}
.use_bindr_item{
	display: block;
	padding: 20px 20px 20px 50px;
}
.use_bindr_item:hover{
	background: url(/img/logo16x16.png) #f7f7f5;
}
.use_bindr_expl{
	font-size: medium;
    margin: 5px 0;
}
div.dialog_message{/* used in popups*/
	border-top: 2px solid #0d93f0;
	padding: 17px;
	color: #444;
	height: 55px;
	background: #FFF;
}
div.list_elem_name{
	color: #000000;
}
div.list_elem_channel, div.list_elem_delete{
	float: right;
	margin:auto o;
	font-size: x-small;
	text-align: center;
	margin-left:15px;
}
div.image_delete{
	position: absolute;
	bottom: 10px;
	right: 10px;
}
div.list_elem_relation{
	font-size: small;
    bottom: 10px;
    position: absolute;
}
div.list_elem_invite{
	margin:auto o;
	font-size: x-small;
	text-align: center;
	margin:0 2px;
	display: inline-block;
	width: 65px;
}
div.list_elem_invite a{
	color: #fff;
}
div.invite_channels{
	padding-bottom:0px;
	padding-top:0px;
	padding-left:25%;
	height:auto;
	text-align:center;
	background: #0d93f0;
	color: #FFFFFF;
	text-align: right;
	padding-right: 29px;
}
div.fb_invites{
	float:none;
	width:80px;
	display: inline-block;
	vertical-align: top;
}
div.tw_contacts, div.li_contacts{
	width: 110px;
	font-size: x-small;
	display: inline-block;
	position: relative;
	margin-bottom:15px;
	overflow: hidden;
}
div.users{
	text-align:center;
	width: 256px;
}
div.user_heading{
	font-family: 'Roboto Slab', sans-serif;
	font-size: 160%;
	margin: 20px auto 20px 10px;
	width: 100%;
	color:#000000;
	line-height: 1.1em;
	font-weight: 600;
}
div.user_heading_light{
	font-family: 'Roboto Slab', sans-serif;
	font-size: 160%;
	margin: 20px auto;
	width: 100%;
	color:#000000;
	line-height: 1.1em;
}
div.user_subheading{
	margin: 20px 0 20px;
	border-bottom: solid 1px #0d93f0;
	font-size: normal;
	text-align: left;
	color: #000000;
}
div.org_edit_expl{
    background: #ffffff;
    display: none;
    font-size: small;
    line-height: normal;
    margin-left: 135px;
    position: absolute;
    border: thin solid #0d93f0;
    padding: 5px;
    z-index: 1;
}
div.login-button-div{
	display: inline-block;
	position: absolute;
	font-weight: 400;
	margin-left: 20px;
}
/*
form.login_inputs{
	display: inline-block;
	background: rgba(255, 255, 255, 0.8);
	width: 100%;
	padding-bottom: 10px;
}
*/
div.login-button-div:hover{
	opacity: 1;
}
div.login-button-div a:hover{
	opacity: 1;
	color: #0d93f0 !important;
	font-weight: 400;
}
.login-button-div span{
	margin: 10px;
}
#enterfb{
	background: no-repeat url(" /img/logo128x128.png");
	width:128px;
	font-weight:400;
	display:block;
	font-size:45px;
	margin:10px;
	padding-top: 150px;
	line-height: 85%;
	font-family: 'Roboto Slab', sans-serif;
	height:225px;
}
#enterfb:hover{
	background-image: url(" /img/logo128x128white.png");
}
div.channel_wrapper{
	position:relative;
	display: inline-block;
	width: 100%;
	line-height: 48px;
	border-bottom: solid 1px #0d93f0;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 20px 0px;
}
div.channel_input_wrapper{
	display: inline-block;
	float: left;
	width: 100%;
}
div.channel_checkbox_wrapper{
	display: inline-block;
	margin-top: 16px;
}
div.users_edit{
	width:460px;
	text-align:left;
	padding-top: 35px;
}
div.email{
  display: inline-block;
  vertical-align: super;
 }
div.page_view_right{
	background-image: url("/img/shade-bookview-right.png");
	height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 60px;
    z-index: 3;
}
div.page_view_left{
	background-image: url("/img/shade-bookview-left.png");
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    z-index: 2;
}
div.book_footer{
	position:absolute;
	bottom:5%;
	width:85%;
	margin-left:5%;
}
div.edit_footer_big{
	position: absolute;
	bottom: 2.5%;
	width: 87%;
}
div.new_page_options{
	margin-top:45%;
	text-align:center;
	font-size: 112%;
}
a.add_image_link{
	color:#1697F1;
	cursor:hand;
}
div.label_footer{
	margin-top:10px;
	position: relative;
}
div.bindr_title{
	display:inline-block;
	white-space: nowrap;
	font-weight: 400;
	font-family: 'Roboto Slab', sans-serif;
	padding: 0 0 0 10px;
	border-left: solid 1px white;
	line-height: 21px;
}
div.outer_wrap_book_view{
	height:98%;
	overflow:hidden;
	margin: 1% 0 25px 0;
}
div.inner_wrap_book_view{
	overflow:auto;
	margin-right:-14px;
	padding-right:10px;
	height: 100%;
	font-size: 15px;
}
div.inner_wrap_book_view .leaf_title{
	font-size: 27px;
}
.page_nr{
	text-align: center;
	font-family: 'Roboto', sans-serif;
	padding-top: 5px;
	color: #81807d;
	font-size: 11px;
	font-weight: 500;
}
div.page_view_wrap{
width:50%;display:inline-block;position:relative;
}
div.header_book_view,
div.footer_book_view
{
	position:relative;
	display:inline-block;
	width:100%;
	z-index:3;
	height: 18px;
	padding-bottom: 18px;
}
div.footer_scroll_view
{
	position:relative;
	display:block;
	z-index:3;
	padding-bottom: 20px;
}
div.header_scroll_view{
	position:relative;
	display:block;
	z-index:2;
	height: 18px;
	padding: 0 8px;
}
#topic_edit_left_column_wrapper{
	display:inline-block;
	vertical-align: top;
	font-size: 0;
}
div.topic_edit_left_column {
	margin-top: 20px;
}
div.invite_label{
	margin-top: 20px;
	text-align:left;
	display:inline-block;
	position:absolute;
	left:17px;
	width: 25%;
	font-size: 85%;
}
div.contagious_label{
	text-align:left;
	display:inline-block;
	position:absolute;
	margin: 5px 10px;
	font-size: 85%;
}
div.indirect_contagious_label{
	text-align:left;
	display:inline-block;
	width:155px;
	margin: 5px 10px;
	font-size: 85%;
}
img.cont_button{
	float:left;
	cursor:pointer;
}
img.ind_cont_button{
	float:right;
	cursor:pointer;
	height: 40px;
}
img.cont_button:hover, img.ind_cont_button:hover{
	opacity:1 !important;
}
div.invite_label a{
	color: #FFFFFF;
	text-decoration: underline;
}
div.view_body{
	display: inline-block;
	margin-top:20px;
}
div.add_options{
	position: absolute;
	right: 16px;
	top: 16px;
	font-family: 'Roboto',sans-serif;
	font-size: small;
}
div.rec_not{
	margin-left:135px;
	font-size: small;
}
div.rec_not input[type=checkbox]{
	margin: 20px 10px 0 0;
}
div.section {
/*
    margin: 0 -10px;
    padding: 0 10px 10px;
*/
    padding-bottom: 10px;
    border-top: white solid 1px;
    min-height: 62px;
}
.section.bindr_view{
	padding-top:10px;
	min-height: initial;
	line-height: 1.5em;
}
.section.bindr_book_view{
	padding-left: 50px;
	padding-right: 50px;
	margin-left: -25px;
	margin-right: -25px;
}
.section.bindr_scroll_view{
    padding-left: 18px;
    padding-right: 18px;
}
#section_0{
/*
	min-height: 344px;
*/
}
/*
#embed_section{
*/
[id^="embed_section_"], [id*=" embed_section_"] {
	display: none;
}
/*
#embed_box .textarea{
*/
[id^="embed_box_"] .textarea, [id*=" embed_box_"] .textarea {
    display: inline-block;
    margin-right: 20px;
    vertical-align: middle;
    width: 80%;
}
a.add_option{
/*	margin: 10px 5px;
	background: none repeat scroll 0 0 #0D93F0;*/
	margin-left:20px;
	color: #939598;
	display: inline-block;
	vertical-align: top;
	font-family: 'Roboto',sans-serif;
	text-rendering: optimizeLegibility;
	font-size: small;
}
.bindr_authors{
	display: inline-block;
	padding: 10px;
/*
	border-right: solid 1px white;
*/
	direction: rtl;
	line-height: 21px;
}
label.user_label{
	display: inline-block;
	width: 84px;
	text-align: right;
	color: #94938f;
	margin-right: 51px;
	height: 3em;
}
label.user_checkobx_label{
	font-size: x-small;
    position: absolute;
    top: 0;
}
input.user_input{
	display: inline;
	margin: 10px 0 0;
}
input.organisation{
	width: 60%;
}
input.pass_edit_user {
    margin-left: 135px;
    width: 200px;
}
input.edit_user_checkbox{
/*	display: inline;*/
}
input.tw_check{
	position: absolute;
	top: 32px;
	left: 30px;
}
.input_note_body{
}
a.del_link,a.close_link{
	display: block;
	width: 12px;
	height: 12px;
	background-image:url(/img/icons_cross_grey.svg);
	margin-top: 10px;
}
a.org_bindr_rel, a.org_emaildomain_rel{
	float: right;
	margin-right: 5px;
}

a.del_link:hover{
	background-image:url(/img/icons_cross_red.svg);
}
a.close_link:hover{
	background-image:url(/img/icons_cross_blue.svg);
}
a.disconnect_link{
	display: block;
	width: 19px;
	height: 19px;
	background-image:url(/img/plug-gray.png);
	margin-top: 18px;
}
span.disconnect_link{
	display: block;
	width: 19px;
	height: 19px;
	background-image:url(/img/plug-lightgray.png);
	margin-top: 18px;
}
a.disconnect_link:hover{
	background-image:url(/img/plug-red.png);
}
a.publish_link{
	font-size: 160%;
	line-height: 1.2em;
}
img.gradient-white{
	position: absolute;
	width: 100%;
}
img.gradient-black{
	position: absolute;
	width: 100%;
}
img.contagious_logo{
	height: 17px;
	vertical-align: baseline;
	margin: 0 15px 0 10px;
}
img.nav_icon{
	vertical-align: middle;
}
img.close_icon{
	float: right;
	margin-top:auto;
	margin-bottom:auto;
}
img.user_image{
	height: 48px;
	vertical-align: middle;
}
img.channel_logo{
	margin: 5px;
}
img.note_image{
	/*width: 89%;*/
	margin-bottom: 4px;
	padding: 8px;
}
img.bookside_left{
	height: 100%;
	width: 7px;
	left: -7px;
	position:absolute;
}
img.bookside_right{
	height: 100%;
	width: 7px;
	right: -7px;
	position:absolute;
}
img.carr_image{
	vertical-align: middle;
}
/*
#close_slides{
*/
[id^="close_slides_"], [id*=" close_slides_"]{
	cursor: pointer;
    height: 100%;
    margin-left: 40%;
    position: absolute;
    width: 20%;
    z-index: 1;
}
/*
#slideshow_wrap{
*/
[id^="slideshow_wrap_"], [id*=" slideshow_wrap_"]{
	z-index: -1;
	position: fixed;
    width:100%;
    height:100%;
    top:0;
    left:0;
	background: rgba(152,152,152,0.95);
}
.slideshow {
	width: 100%; 
	height: 100%; 
}
.slideshow img {
	max-width: 100%;
	max-height: 100%;
    -moz-box-shadow:0 0 90px 5px #555;
    -webkit-box-shadow: 0 0 90px #555;
}
div.carr_box{
	height: 270px;
	overflow: hidden;
	overflow: -moz-hidden-unscrollable;
	text-align: center;
	display: inline-block;
	position: relative;
	min-height: 30px;
}
div.leaf_carr_box, div.leaf_carr{
	font-size: 0;
	line-height: normal;
}

/*
#carr{
*/
[id^="carr_"], [id*=" carr_"] {
/*
	width: 98%;
*/
	margin: 8px 18px;
	display: none;
	position: relative;
	font-size: 0;
/*
	padding: 8px 0;
	overflow: auto;
*/
}
div.carr_diff.continued div.carr_box.deleted{
	opacity: 0.2;
	border: solid #EC1651 2px;
    margin: -2px;
    z-index: 1;
}
div.carr_diff.deleted{
	opacity: 0.2;
	border: solid #EC1651 2px;
    margin: -2px 16px;
    z-index: 1;
}
div.carr_diff.continued div.carr_box.added{
	border: solid 2px #00CB78;
	margin: -2px;
}
div.carr_diff.added{
	border: solid 2px #00CB78;
	margin: -2px 16px;
}

#leaf_carr{
	max-height: 280px;
	width: 98%;
	margin-bottom: 4px;
	padding: 8px;
	position: relative;
}
div.book_carr{
	width: 98%;
	margin-bottom: 4px;
	position: relative;
	font-size: 0;
}
#more_images{
	position: absolute;
	bottom: 27px;
	text-align: center;
	font-weight: 500;
}
a.pile_link{
    color: #FFFFFF;
	width: 100%;
	height:100%;
	display: inline-block;
}
a.delete_grid{
	display:inline-block;
	margin-top:9px;
	width:30%;
}
legend.comments{
	color: #000000;
	font-family: 'Roboto Slab', sans-serif;
	font-weight: 300;
	font-size: 140%;
	margin-bottom: 10px;
}
#new_password{
	display: none;
}
#TopicTitle{
	font-family: 'Roboto Slab', sans-serif;
	font-size: 190%;
	resize: none;
	border: none;
	line-height: 1.2em;
	min-height: 1.2em;
	color: #444;
}
#TopicTitle:hover{
	color: #000;
}
#Topic_iFrame {
    position: relative;
/*
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
*/
    padding-bottom: 0px;
    margin: 0px;
    overflow: hidden;
}
#Topic_iFrame iframe,
#Topic_iFrame object,
#Topic_iFrame embed {
    position: static;
    top: 0;
    left: 0;
    width: 100%;
/*
    height: 100%;
*/
}


#public_logo{
	font-family: 'Roboto Slab', sans-serif;
	display: inline-block;
	color: #81807d;
	padding: 0 0 0 20px;
	float: left;
	height: 41px;
}
#public_logo a{
	color: #0d93f0;
	font-weight: 400;
	padding: 10px 10px 10px 0;
	display: inline-block;
}
#public_logo a:hover{
	color: #49aef4;
}
#logo{
	display: inline-block;
	color: #81807d;
	padding: 0 0 0 20px;
	white-space: nowrap;
	float:left;
	line-height: 21px;
}
#logo a {
	vertical-align: 10px;
}
#logo a:hover{
	color: #000;
}
#toolbar{
	padding: 15px 0px;
	color: #81807d;
	display: block;
	text-align: center;
	position: relative;
	height: 22px;
}
#new{
    display: inline-block;
    float: left;
}
#new_topbar, #favourites_hover, #add_bindr_page_hover{
    display: inline-block;
    padding: 10px;
    line-height: 21px;
}
#view_by{
/*
	display: inline;
	margin-left: -14px;
*/
	display: inline-block;
	float:left;
}
#sort_by{
	display: inline;
	position: absolute;
	right: 0;
	top: 16px;
}
a.sort{
	font-family: 'Roboto',sans-serif;
}
/*
#TopicBodyDiff, #TopicBodyView, #body{
*/
[id^="SectionBodyDiff_"], [id*=" SectionBodyDiff_"],
[id^="v_SectionBodyDiff_"], [id*=" v_SectionBodyDiff_"],
[id^="SectionBodyView_"], [id*=" SectionBodyView_"],
[id^="body_"], [id*=" body_"]{
	display: block;
    line-height: 1.5em;
    font-size: 105%;
    max-width: 746px;
/*
    width: 98%;
*/
	border-left:none;
	border-right:none;
	border-bottom:none;
/*
	margin: 0px 8px 0px 8px;
*/
	margin: 0px 18px;
	white-space: pre-wrap;
	word-break: break-word;
}
.SectionBodyView {
	display: block;
    line-height: 1.5em;
    font-size: 105%;
    max-width: 746px;
    width: 98%;
	border-left:none;
	border-right:none;
	border-bottom:none;
	white-space: pre-wrap;
	word-break: break-word;
}
/*
#pdf_object{
*/
.pdf_object,
[id^="pdf_object_"], [id*=" pdf_object_"],
[id^="v_pdf_object_"], [id*=" v_pdf_object_"] {
    max-width: 746px;
	margin: 8px 18px 20px 18px;
/*
    width: 98%;
	height: 400px;
	display: block;
*/
}
/*
#pdf_object p{
*/
[id^="pdf_object_"] p, [id*=" pdf_object_"] p,
[id^="v_pdf_object_"] p, [id*=" v_pdf_object_"] p {
	text-align: center;
	width: 80%;
	margin: 10%;
}
#TopicBodyDiff{
	color:#939598;
	cursor: pointer;
}
#TopicBody{
	display: none;
    line-height: 1.5em;
    font-size: 105%;
	border-left:none;
	border-right:none;
	border-bottom:none;
	border-top: #939597 1px solid;
	padding:8px 0px 8px 0px;
	margin: 0px 8px 0px 8px;
}
#TopicBody a{
	cursor: pointer;
}
#TopicTitleDiff, #v_TopicTitleDiff{
	font-family: 'Roboto Slab', sans-serif;
	cursor: pointer;
	padding:10px 36px 8px 18px;
	display: block;
	font-size: 190%;
	line-height: 1.2em;
	min-height: 1.2em;
}
@-moz-document url-prefix() {
#TopicTitleDiff, #v_TopicTitleDiff {
	font-family: 'Roboto Slab', sans-serif;
	padding:9px 8px 10px 9px;
	word-break: break-all;
}
}
#comment_box{
	width: 98%;
	position: relative;
	border: thin solid #C7C7C4;
}
#TopicLastEditComment{
	padding: 4%;
	width: 92%;
	min-height:50px !important;
	line-height: 1.4em;
	font-size: 15px;
	resize: none;
}
#history_switch, #use_switch{
	font-size: 12px;
	font-family: 'Roboto',sans-serif;
	display:inline-block;
	white-space: nowrap;
	padding: 10px;
	color: #0d93f0;
	cursor: pointer;
	line-height: 21px;
	height: 21px;
	vertical-align: top;
}
#search_button{
	font-size: 12px;
	font-family: 'Roboto',sans-serif;
	display:inline-block;
	padding: 10px;
	cursor: pointer;
	line-height: 21px;
	vertical-align: top;
}
.icon-search{
	color: #92928F;
	padding-right: 0 !important;
}
.icon-search:hover{
	color: #0d93f0;
}
#search_domain{
	display: inline-block;
	margin-left: 20px;
}
#search_domain span,
#search_domain span label
{
	display: inline-block;
	vertical-align: middle;
}
#search_domain span label:hover{
	cursor: pointer;
	color: #000;
}
#search_domain input[type=radio]{
	margin: 3px;
}
#search_domain span input + label
{
	margin-right: 7px;
}
#use_bindr{
/*
	color: #0d93f0;
	cursor: pointer;
	font-size: 21px;
	line-height: 40px;
	padding: 10px;
*/
    cursor: pointer;
    height: 21px;
    width: 21px;
    padding: 10px;
    background-image: url('/img/import-blue.png');
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
}
#use_bindr:hover{
/*
	color: #000;
*/
    background-image: url('/img/import-lightblue.png');
}
.use_menu_active, #use_switch:hover,
.history_switch_active, #history_switch:hover,
.search_switch_active, #search_switch:hover
{
	color: #000 !important;
}

.history_switch_active{
	background: #eef7fe;
}
/*
#history_switch:hover{
	color: #0D93F0 !important;
}
#prev_changes {
	color: transparent;
	margin-left: 5px;
	width: 20px;
	height:26px;
	display:inline-block;
	background:transparent url('/img/diff_selected.gif') center top no-repeat;
}
#prev_changes:hover {
   background-image: url('/img/diff_hover.gif');
}
#new_version:hover {
   background-image: url('/img/actual_hover.gif');
}
* */
#new_version {
/*	color: transparent;
	margin-left: 5px;
	width: 20px;
	height:26px;
	display:inline-block;
	background:transparent url('/img/actual_option.gif') center top no-repeat;*/
    vertical-align: middle;
    display: inline;
    padding: 6px 10px;
    font-size: large;
    font-family: 'Roboto Slab', sans-serif;
    margin-bottom: 32px;
    text-rendering: optimizeLegibility;
}
#new_bindr_title{
    font-size: 15px;
    height: 12px;
    line-height: 12px;
    margin-top: 12px;
}
div.comment_big{
	color: #000;
	font-size: 14px;
}
div.comment_small{
	font-size: 15px;
	width:100%;
}
div.comment_checkbox{
	display: block;
	width: inherit;
	padding-top: 10px;
	visibility: hidden;
}
div.image2sketch_button{
	display: inline-block;
}
div.visual{
/*
	width: 97%;
*/
	margin-bottom: 12px;
	padding: 8px 18px;
}
div.visual_view{
	width:100%;
	overflow: hidden;
}
/*
div.login_form{
	padding: 20px;
	margin: auto;
	position: relative;
}
*/
div.note_left:hover, div.note_right:hover{
	color:#000;
}
div.Landing_sheets{
	padding: 30px;
	min-height:200px;
	margin: 20px 0 0 20px;
	vertical-align: top;
	line-height: 1.5em;
    font-size: 105%;
}
div.Landing_sheets img{
/*
		padding: 0 0 30px;
		border-bottom: solid thin #939598;
		margin-bottom: 20px;
*/
}
#free{
    background: #0d93f0;
    color: #FFFFFF;
    padding: 30px;
    margin: 50px -30px -30px;
}
#free a{
	color: #000;
}
#free a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}
div.quote_text{
	font-size: 150%;
	color: #49aef4;
	display: inline;
}
div.quote_name{
	margin-bottom: 25px;
	font-size: small;
	float: right;
}
div.invite_tw_list{
	height:auto;
	text-align:center;
	padding:17px 0;
	background:#fff;
	border-top: 2px solid #0d93f0;
}
div.fb_like_header{
	float: right;
	margin: 10px 20px 10px 0px;
	white-space: nowrap;
}
div.fb-like{
	display: inline;
	top: 4px;
}
.public_mark{
    background: none repeat scroll 0 0 #939598;
    border-radius: 12px;
    color: #FFFFFF;
    display: inline-block;
    font-family: 'Roboto',sans-serif;
    font-size: 10px;
    font-weight: 700;
    height: 12px;
    line-height: 14px;
    text-align: center;
    width: 12px !important;
    vertical-align: 1px;
}
.public_mark_link{
	margin: 0;
	background: #0D93F0;
}
.public_mark_link:hover{
	background: #000;
}
div.pager{
	text-align: center;
	width: 100%;
	margin: 0 auto 20px;
	height: 50px;
	display: none;
	width: 77px;
}
div.login_heading, div.education_heading, div.more_about_heading{
	font-family: 'Roboto Slab', sans-serif;
	color:#0d93f0;
	float:left;
	font-size:75px;
	line-height: 80px;
	letter-spacing: -3px;
}
div.more_about_heading{
	margin: 20px 0px 0px 20px;
}
#abFacebookConnect_0, .twitter-follow-button, .twitter-share-button, .twitter-count-none{
	vertical-align: bottom;
}
span.edit_switch{
	vertical-align:middle;
}
span.view_option{
	width: 23px;
	height: 15px;
/*
	margin-right: 20px;
*/
	vertical-align: middle;
	display: inline-block;
}
span.invite_alert_text{
	width: 83%;
	display: inline-block;
	vertical-align: top;
	margin-left: 5px;
}
span.notification_alert_text{
	width: 85%;
	display: inline-block;
	vertical-align: top;
	margin-left: 10px;
}
/*
span #cke_15{
	display:inline-block;
}
*/
a.publink{
	font-size: 12px;
	font-family: 'Roboto',sans-serif;
}
a.makepublink{
/*
	background: #c7c7c6;
*/
	background: #0d93f0;
	font-size: 12px;
	color: #FFFFFF;
	margin: 10px !important;
	display: inline-block;
	white-space: nowrap;
}
.makepublink_disabled{
	background: #E6E6E5;
	font-size: 12px;
	color: #FFFFFF;
	margin: 10px !important;
	display: inline-block;
	white-space: nowrap;
}
a.makepublink:hover{
/*
	background: #0D93F0;
*/
	background: #49aef4;
}
a.about{
	right: 10px;
	position: absolute;
}
a.stat_label{
	font-weight:500;
	margin-left:5px;
}
a.previous_topic, a.previous_topic_edit{
	height: 50px;
	width: 25px;
	display: inline-block;
	margin-right:10px;
	float:left;
}
a.previous_topic{
	background: url('/img/icons_bookview_arrow_left.svg') right center no-repeat;
}
a.previous_topic_edit{
	background: url('/img/icons_bookview_arrow_left_disabled.svg') right center no-repeat;
}
.previous_topic_disabled, .previous_topic_edit_disabled{
	height: 50px;
	width: 25px;
	display: inline-block;
	margin-right:10px;
	float:left;
}
.previous_topic_disabled{
	background: url('/img/icons_bookview_arrow_left_disabled.svg') right center no-repeat;
}
.previous_topic_disabled{
	background: none;
}
a.previous_topic:hover, a.previous_topic_edit:hover{
	background: url('/img/icons_bookview_arrow_left_hover.svg') right center no-repeat;
}
a.next_topic, a.next_topic_edit{
	float:right;
	margin-left:10px;
	height: 50px;
	width: 25px;
	display: inline-block;
}
a.next_topic{
	background: url('/img/icons_bookview_arrow_right.svg') right center no-repeat;
}
a.next_topic_edit{
	background: url('/img/icons_bookview_arrow_right_disabled.svg') right center no-repeat;
}
.next_topic_disabled, .next_topic_edit_disabled{
	float:right;
	margin-left:10px;
	height: 50px;
	width: 25px;
	display: inline-block;
}
.next_topic_disabled{
	background: url('/img/icons_bookview_arrow_right_disabled.svg') right center no-repeat;
}
.next_topic_edit_disabled{
	background: none;
}
a.next_topic:hover, a.next_topic_edit:hover{
	background: url('/img/icons_bookview_arrow_right_hover.svg') right center no-repeat;

}
a.template_box{
	display: inline-block;
	margin-right: 5px;
}
a.template_box img{
	width: 60px;
}
div.mng_chnl{
	font-size: x-small;
	margin-top: 25px;
}
div.menu_item_delete{
    float: right;
    margin-top: -5px;
}


img.edit_view{
	max-height:540px;
	max-width: 98%;
/*	width: 100%;*/
}
/*
@-moz-document url-prefix() {
	img.edit_view{
		max-width: 77%;
	}
}
*/

img.thumb_view{
	max-width:100%;
/*	max-height:191px;*/
	padding:0;
}
img.book_view{
/*	max-height:283px;
	max-height:240px;*/
	padding:0;
	max-width:100%;
}
img.channel_icon{
	vertical-align: middle;
}
#save_menu{
	position:absolute;
	right:0px;
	top:32px;
	display: none;
	text-align: left;
}
#tools_menu{
	position:fixed;
	margin-top:28px;
/*
	position:absolute;
	top:41px;
*/
	right:0px;
	display: none;
	text-align: left;
}
#use_menu{
	position:fixed;
	margin-top:11px;
	right:37px;
	display: none;
	text-align: left;
}
#items_menu{
	position:absolute;
	right:0px;
	top:4px;
	display: none;
	background: #fff;
}
[id^="add_items_menu_"], [id*=" add_items_menu_"],
[id^="edit_items_menu_"], [id*=" edit_items_menu_"] {
	position:absolute;
	right: 11px;
	margin-top:-7px;
	display: none;
	background: #fff;
	width:130px;
	z-index: 2;
}
#UserLoginForm, #UserPublishForm, #UserAddForm{
	padding-bottom:10px;
	display: inline-block;
}
#UserAddForm, #UserLoginForm{
	width: 100%;
}
#UserPublishForm{
	width: 200px;
	margin-top:25px;
}
#UserEditForm, #OrgEditForm{
	position: relative;
}
#invite_login_message{
	width: 253px;
    font-weight: 300;
    color: #444;
    box-shadow: 10px 10px 30px #444;
    padding: 10px;
    background: rgba(255,255,255,.5);
    margin-left: 10px;
}
#em_create_box, #em_login_box{
    display: inline-block;
    height: 100%;
    padding: 10px 30px;
    width: 200px;
	text-align: left;
	vertical-align: top;
}
#em_boxes{
	clear:none;
	margin: 100px auto 0;
	border: 2px solid #0D93F0;
	background: rgba(255,255,255,1);
	position: relative;
}
#em_boxes input {
	margin-top:13px;
}
#em_overlay{
	background: rgba(102,102,102,0.8);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1001;
    display: none;
}
#BindrTitle{
	font-family: 'Roboto Slab', sans-serif;
	border: none;
}
#filter{
    float: none;
    font-size: 14px;
    max-width: 950px;
    display: block;
    margin: 0 auto;
    text-align: left;
}
#filter div.input.text{
	width:80%;
	display:inline-block;
	vertical-align:middle;
	margin: 7px 0;
}
#filterlabels{
	line-height: 14px;
	background: #fff;
	border:none;
}
#filter.options div.input.text ul.token-input-list-facebook	{
	height: 26px !important;
	border: none;
}
.inbindrsearch,
.inbindrsearch div.input.text{
	width: 70% !important;
}
#comment_box_disable{
	height: 75%;
	width: 102%;
	position: absolute;
	z-index: 2;
	background: #fff;
	opacity:0.7;
}
#prev_changes{
	font-size: 12px;
	font-family: 'Roboto', serif;
	text-rendering: optimizeLegibility;
	display: inline-block;
}
#edit_switch_small{
	font-size: large;
	vertical-align: middle;
}
#TopicPublishForm{
	display: none;
	margin-top:10px;
}
#bindrsforeducation:hover,#learnmore:hover,#gologin:hover{
 color: #49aef4;
}
#bindr_point{
	display: inline-block;
    color: #939598;
    font-family: 'Roboto',sans-serif;
    font-size: small;
    text-rendering: optimizelegibility;
    float:left;
}
#donate_button{
	display: inline-block;
	float: right;
	margin: -2px 0 0 5px;
}
input.donate{
	font-size: 12px;
	color: #FFFFFF;
	background: #c7c7c6;
}
input.donate:hover{
	color: #FFFFFF !important;
	background: #0D93F0;
}
#bindr_contact{
	color: #939598;
	font-family: 'Roboto',sans-serif;
	font-size: small;
	text-rendering: optimizelegibility;
	float: right;
	display: inline-block;
}
#bindr_terms{
	color: #939598;
	font-family: 'Roboto',sans-serif;
	font-size: small;
	text-rendering: optimizelegibility;
	text-align: center;
	display: inline-block;
	vertical-align: top;
}
.section_frame{
	margin:8px 18px;
	background: #FFF;
}
.pdf_upload{
	border: thin dashed #0D93F0;
}
#overlay{
    background: none repeat scroll 0 0 transparent;
    display: block;
    position: absolute;
    width: 90%;
}
#prev_changes{
	padding: 0;
}
#limit {
	border: medium none;
	color: #81807D;
	font-size: x-small;
	width: 25px;
	right: 3px;
	direction: rtl;
	position: absolute;
	margin-top: -19px;
}
#limit_tw{
	border: medium none;
	color: #81807D;
	font-size: x-small;
	width: 25px;
	right: 17px;
	direction: rtl;
	position: absolute;
	margin-top: -26px;
}
/*
#delete_bindr, #delete_bindr:hover, #leave, #leave:hover{
	color: #fff;
}
*/
.delete_bindr_grid{
	display: inline-block !important;
	float: right;
	padding-left: 23px;
	border-left: 1px solid #CECBBF;
}
#publish_box{
	display: inline-block;
	height: 41px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	vertical-align: top;
}

#pile_view{
	background:url(/img/pile_option.gif) left top no-repeat;
}
#pile_view:hover{
	background:url(/img/view-pile-rollover.png) left top no-repeat;
}
#grid_view{
	background:url(/img/grid_option.gif) left top no-repeat;
}
#grid_view:hover{
	background:url(/img/view-grid-rollover.png) left top no-repeat;
}
#book_view{
	background:url(/img/two_option.gif) left top no-repeat;
}
#book_view:hover{
	background:url(/img/view-book-rollover.png) left top no-repeat;
}
#scroll_view{
	background:url(/img/scroll_option.gif) left top no-repeat;
}
#scroll_view:hover{
	background:url(/img/view-scroll-rollover.png) left top no-repeat;
}
#chk_alerts{
	background:url(/img/icons/normal/PNG/bell.png) left top no-repeat;
	width: 16px;
	height: 16px;
	display: inline-block;
}
#chk_alerts:hover{
	background:url(/img/icons/hover/PNG/bell.png) left top no-repeat;
}
#new_alerts{
	display: none;
	margin-top: 50px;
}
#new_alerts_count{
	display: inline;
}
/*
#add_image, #open_image_upload_button{
*/
[id^="add_image_"], [id*=" add_image_"], [id^="open_image_upload_button_"], [id*=" open_image_upload_button_"] {
	background:url(/img/icons/normal/PNG/image.png) 10px center no-repeat;
	padding-left: 31px !important;
}
/*
#add_image:hover{
*/
[id^="add_image_"]:hover, [id*=" add_image_"]:hover, [id^="open_image_upload_button_"]:hover, [id*=" open_image_upload_button_"]:hover {
	background:url(/img/icons/black/PNG/image.png) 10px center no-repeat;
}
/*
#add_pdf{
*/
[id^="add_pdf_"], [id*=" add_pdf_"] {
	background:url(/img/icons/normal/PNG/file-pdf.png) 10px center no-repeat;
	padding-left: 31px !important;
}
/*
#add_pdf:hover{
*/
[id^="add_pdf_"]:hover, [id*=" add_pdf_"]:hover {
	background:url(/img/icons/black/PNG/file-pdf.png) 10px center no-repeat;
}
/*
#add_embed{
*/
[id^="add_embed_"], [id*=" add_embed_"] {
	background:url(/img/icons/normal/PNG/code.png) 10px center no-repeat;
	padding-left: 31px !important;
}
/*
#add_embed:hover{
*/
[id^="add_embed_"]:hover, [id*=" add_embed_"]:hover {
	background:url(/img/icons/black/PNG/code.png) 10px center no-repeat;
}
/*
#add_sketch, #image2sketch_button{
*/
[id^="add_sketch_"], [id*=" add_sketch_"], [id^="image2sketch_button_"], [id*=" image2sketch_button_"] {
	background:url(/img/icons/normal/PNG/pencil.png) 10px center no-repeat;
	padding-left: 31px !important;
}
/*
#add_sketch:hover, #image2sketch_button:hover{
*/
[id^="add_sketch_"]:hover, [id*=" add_sketch_"]:hover, [id^="image2sketch_button_"]:hover, [id*=" image2sketch_button_"]:hover {
	background:url(/img/icons/black/PNG/pencil.png) 10px center no-repeat;
}
/*
#add_image:hover a,
#add_pdf:hover a,
#add_embed:hover a,
#add_sketch:hover a,
#image2sketch_button:hover a{
*/
[id^="add_image_"]:hover a,
[id^="add_pdf_"]:hover a,
[id^="add_embed_"]:hover a,
[id^="add_sketch_"]:hover a,
[id^="image2sketch_button_"]:hover a{
	color: #000;
}
/*
#drawimage_button{
*/
[id^="drawimage_button_"], [id*=" drawimage_button_"] {
	background:url(/img/icons/normal/PNG/wrench.png) 10px center no-repeat;
	padding-left: 31px !important;
}
/*
#drawimage_button:hover{
*/
[id^="drawimage_button_"]:hover, [id*=" drawimage_button_"]:hover {
	background:url(/img/icons/hover/PNG/wrench.png) 10px center no-repeat;
}
/*
.delete_section_button{
	background:url(/img/icons/normal/PNG/file-pdf.png) 10px center no-repeat;
	padding-left: 31px !important;
}
*/
.bindr_colours_grid{
	border-top: 1px solid #CECBBF;
	border-bottom: 1px solid #CECBBF;
	margin: 0 -12px;
	padding: 5px 12px;
/*
	text-align: right;
*/
}
.bindr_colours_grid img + img{
	margin-left:5px;
}
.bindr_colours_grid.org_covers{
	line-height: 40px;
	padding: 5px;
}
.bindr_colours_pile,.patterns_pile,.types_pile{
	border-left: 1px solid #CECBBF;
	padding: 0 5px;
	display: inline-block;
	vertical-align: top;
	margin: -12px 0;
	height: 30px;
	text-align: center;
}
.bindr_colours_pile{
	width: 155px;
}
div.bindr_colours_pile img + img{
	margin-left: 5px;
}
.patterns_pile{
	width: 155px;
}
.types_pile{
	width: 48px;
}
.patterns_grid{
padding:5px 0;
/*
text-align: right;
*/
}
.types_grid{
padding:5px 12px;
border-top: 1px solid #CECBBF;
margin: 0 -12px;
/*
text-align: right;
*/
}
.duplicate_bindr,
.leave_bindr_disabled,
.leave_bindr,
.delete_bindr_disabled,
.delete_bindr{
	display: inline-block;
	line-height: initial;
/*
	padding-bottom: 5px;
	padding-top: 5px;
*/
}
.duplicate_bindr{
	background:url(/img/icons_pages_blue.svg) 12px center no-repeat;
	margin: 0 -12px;
	padding: 5px 33px !important;
	border-bottom: 1px solid #CECBBF;
	display: inherit;
}
.duplicate_bindr_pile{
	background:url(/img/icons_pages_blue.svg) left center no-repeat;
	padding-left: 21px;
}
.duplicate_bindr:hover{
	background:url(/img/icons_pages_black.svg) 12px center no-repeat;
}
.duplicate_bindr_pile:hover{
	background:url(/img/icons_pages_black.svg) left center no-repeat;
}
.leave_bindr, .leave_bindr_pile{
	background:url(/img/plug-blue.png) left center no-repeat;
	width: 25px;
    height: 100%;
}
.leave_bindr:hover, .leave_bindr_pile:hover{
	background:url(/img/plug-red.png) left center no-repeat;
    color: #EC1651 !important;
}
.delete_bindr, .delete_bindr_pile{
    background: url(/img/icons/normal/PNG/remove.png) no-repeat 5px center;
}
.delete_bindr:hover, .delete_bindr_pile:hover{
    background: url(/img/icons/red/SVG/remove.svg) no-repeat 5px center;
    color: #EC1651 !important;
}
.delete_bindr_disabled, .delete_bindr_pile_disabled,
.delete_bindr_disabled:hover, .delete_bindr_pile_disabled:hover{
    background: url(/img/icons/disabled/SVG/remove.svg) no-repeat 5px center;
    color: #E6E6E5;
}
.leave_bindr_disabled, .leave_bindr_pile_disabled,
.leave_bindr_disabled:hover, .leave_bindr_pile_disabled:hover{
    background: url(/img/plug-lightgray.png) no-repeat 0px center !important;
    color: #E6E6E5  !important;
}
.leave_bindr_pile,
.duplicate_bindr_pile{
	height: 100%;
	margin: 0 5px 0 10px;
	display: inline-block;
	line-height: initial;
}
.delete_bindr_pile, .delete_bindr_pile_disabled{
	width: 25px;
	height: 100%;
	margin-right: 5px;
	display: inline-block;
	line-height: initial;
}
span.delete_bindr_pile_disabled{
	padding: 0;
}
.leave_bindr:hover{
	background:url(/img/plug-red.png) left center no-repeat;
	color: #EC1651 !important;
}
.delete_page,
.delete_page_disabled,
.move_page,
.move_page_disabled,
.copy{
    padding: 5px 10px 5px 36px;
    vertical-align: text-bottom;
    height: 36px;
}
.move_page,
.move_page_disabled,
.copy{
    display: inline-block;
}
.delete_page,
.delete_page_disabled{
    border-bottom: 1px solid #F1F1F0;
    display: block;
    line-height: 36px;
}

.delete_page{
    background: url(/img/icons/normal/PNG/remove.png) no-repeat 10px center;
}
.delete_page_disabled{
    background: url(/img/icons/disabled/SVG/remove.svg) no-repeat 10px center;
    color: #E6E6E5;
}
.delete_frame,
.delete_gallery,
.delete_file,
.delete_section{
	background: url(/img/icons/normal/PNG/remove.png) 0px center no-repeat;
    padding-left: 21px;
    display: inline-block;
}
.move_page{
	background:url(/img/icons/normal/PNG/arrow-up-right.png) 10px center no-repeat;
    border-left: 1px solid #F1F1F0;
}
.move_page_disabled{
	background:url(/img/icons/disabled/SVG/arrow-up-right.svg) 10px center no-repeat;
    border-left: 1px solid #F1F1F0;
    color: #E6E6E5;
}
.copy{
	background: url(/img/icons_pages_blue.svg) 10px center no-repeat;
	line-height: 36px;
}
.delete_page:hover{
    background: url(/img/icons/red/SVG/remove.svg) no-repeat 10px center;
    color: #EC1651;
}
.delete_frame:hover,
.delete_gallery:hover,
.delete_file:hover,
.delete_section:hover{
    background: url(/img/icons/red/SVG/remove.svg) no-repeat 0px center;
    color: #EC1651;
}
.move_page:hover{
	background:url(/img/icons/black/SVG/arrow-up-right.svg) 10px center no-repeat;
}
.copy:hover{
	background: url(/img/icons_pages_black.svg) 10px center no-repeat;
}
/*
#sketch_button,
#remove_frame_button, 
#image_button, 
#pdf_button, 
#remove_image_button, 
#remove_pdf_button
*/
[id^="sketch_button_"], [id*=" sketch_button_"],
[id^="image_button_"], [id*=" image_button_"],
[id^="pdf_button_"], [id*=" pdf_button_"],
/*
[id^="remove_frame_button_"], [id*=" remove_frame_button_"],
[id^="remove_image_button_"], [id*=" remove_image_button_"],
[id^="remove_pdf_button_"], [id*=" remove_pdf_button_"]
*/
{
	background:url(/img/icons/normal/PNG/remove.png) 10px center no-repeat;
	padding-left: 32px !important;
	width: 16px;
	display: inline-block;
	vertical-align: text-bottom;
}
#delete_bindr:hover{
	background:url(/img/icons/black/SVG/remove.svg) 5px center no-repeat;
}
/*
#sketch_button:hover, 
#remove_frame_button:hover, 
#image_button:hover, 
#pdf_button:hover, 
#remove_image_button:hover, 
#remove_pdf_button:hover, 
*/
[id^="sketch_button_"]:hover, [id*=" sketch_button_"]:hover,
[id^="remove_frame_button_"]:hover, [id*=" remove_frame_button_"]:hover,
[id^="image_button_"]:hover, [id*=" image_button_"]:hover,
[id^="pdf_button_"]:hover, [id*=" pdf_button_"]:hover,
[id^="remove_image_button_"]:hover, [id*=" remove_image_button_"]:hover,
[id^="remove_pdf_button_"]:hover, [id*=" remove_pdf_button_"]:hover
#delete_account:hover,
#delete_page:hover{
	background:url(/img/icons/black/SVG/remove.svg) 10px center no-repeat;
}
#delete_account{
background: url(/img/icons/normal/SVG/remove.svg) 10px center no-repeat;
display: inline-block;
width: 25px;
height: 16px;
}
#move_page:hover{
	background:url(/img/icons/black/SVG/arrow-up-right.svg) 10px center no-repeat;
}
#copy:hover, #copy:active{
	background:url(/img/icons_pages_black.svg) 10px center no-repeat;
}
#logout,#my_settings, #my_organisation, #my_organisations,#exp_pdf,#get_link,#get_embedcode, #public_private{
	padding-left: 31px;
	display: block;
	height: 40px;
	line-height: 40px;
	width: 90px;
	border-bottom: 1px solid #fff;
	font-size: 16px;
    font-family: 'Roboto', serif;
    font-weight: 300;
}
#my_settings, #my_organisation, #my_organisations{
	background:url(/img/icons/normal/PNG/cog.png) #f0f0ef 10px center no-repeat;
}
#my_settings:hover, #my_organisation:hover, #my_organisations:hover{
	background:url(/img/cog-black.png) #f7f7f5 10px center no-repeat;
}
#exp_pdf{
	background:url(/img/icons/normal/PNG/file-pdf.png) #f0f0ef 10px center no-repeat;
}
#exp_pdf:hover{
	background:url(/img/icons/black/PNG/file-pdf.png) #f7f7f5 10px center no-repeat;
}
#get_link, #get_embedcode, #public_private{
	background-color:#f0f0ef;
}
#get_link:hover, #get_embedcode:hover, #public_private:hover{
	background-color:#f7f7f5;
}
.menu_icon-link{
	position: absolute;
	left: 10px;
	margin-top:10px
}
#editable_copy, #readonly_copy, #embed, #public_link{
    background-position: 20px 20px;
    background-repeat: no-repeat;
}
#editable_copy, #readonly_copy{
	background-image: url(/img/logo16x16.png);
}
#embed:before{
	font-family: 'icomoon';
	content: "\e90b";
	left: 20px;
    position: absolute;
}
#public_link:before{
	font-family: 'icomoon';
	content: "\e900";
	left: 20px;
    position: absolute;
}
#logout{
	background:url(/img/icons/normal/PNG/exit.png) #f0f0ef 10px center no-repeat;
}
#logout:hover{
	background:url(/img/exit-black.svg) #f7f7f5 10px center no-repeat;
}
#use_menu a span{
	width:150px;
}
/*
#use_menu a span:hover span, 
*/
#public_private:hover span,
#topbar_bindr_name_short:hover span,
.topics_list_element:hover span{
	background: #000;
}
/*
#submit_signin {
	display: inline-block;
}
#submit_create {
	display: inline-block;
	float:right;
}
*/
#clear_all{
	color: #0d93f0;
}
#clear_all_wrapper{
	display: none;
}
#avatar{
	vertical-align: top;
	margin-bottom: 20px;
}
#new_avatar{
}
#del_avatar, #del_logo{
	display: inline-block;
	margin-top: 0;
	vertical-align: top;
}
#new_avatar_button{
	float: right;
	width: auto;
	top: 5px;
	left: 0;
	margin: 0px;
	cursor: pointer;
	white-space: nowrap;
}
#login_input, #signup_input{
	width: 160px;
	text-align: center;
	display: block;
	margin: 0 auto 10px;
}
#keep_chckbx label{
	padding: 5px 0 0 30px;
	font-size: x-small;
}
#submit_button,#save_settings{
	background: url("/img/save.svg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
#submit_notify_button{
	background: url("/img/icons_savenotify.svg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
#add_button{
	background: url("/img/add.svg") no-repeat scroll 0 0 rgba(0, 0, 0, 0)
}
#add_notify_button{
	background: url("/img/icons_addnotify.svg") no-repeat scroll 0 0 rgba(0, 0, 0, 0)
}
#make_public{
	background: url('/img/make_public.png') 90px;
}
#yes{
	background: url('/img/yes.png') 90px;
}
#remind_me{
	background: url('/img/remind_me.png') 90px;
}
#no_thanks{
	background: url('/img/no_thanks.png') 90px;
}
#submit_button, #add_button{
	width: 90px;
	height: 40px;
/*
	position: fixed;
	top: 76px;
*/
}
#submit_notify_button, #add_notify_button, #make_public, #yes, #remind_me, #no_thanks{
	width: 90px;
	height: 23px;
	margin-top: 10px;
}
#yes, #remind_me, #no_thanks{
	display: inline-block;
}
#save_settings{
	width: 90px;
	height: 40px;
	top: 76px;
}
#submit_button:hover,#save_settings:hover,#submit_button:active,#save_settings:active{
	background: url('/img/save.svg') 180px;
}
#submit_notify_button:hover,#submit_notify_button:active{
	background: url('/img/icons_savenotify_hover.svg');
}
#add_button:hover,#add_button:active{
	background: url('/img/add.svg') 180px;
}
#add_notify_button:hover,#add_notify_button:active{
	background: url('/img/icons_addnotify_hover.svg');
}
#make_public:hover,#make_public:active{
	background: url('/img/make_public.png');
}
#yes:hover,#yes:active{
	background: url('/img/yes.png');
}
#remind_me:hover,#remind_me:active{
	background: url('/img/remind_me.png');
}
#no_thanks:hover,#no_thanks:active{
	background: url('/img/no_thanks.png');
}
#submit_button:disabled, #save_settings:disabled{
	background: url('/img/save.svg') 90px;
}
#submit_notify_button:disabled{
	background: url('/img/icons_savenotify_disabled.svg');
}
#add_notify_button:disabled{
	background: url('/img/icons_addnotify_disabled.svg');
}
#add_comment{
	float: right;
	background: url('/img/icons_postnotify.svg');
	width: 90px;
	height: 23px;
	margin: 10px 2px 0;
}
#add_comment:hover,#add_comment:active, #add_comment.hover{
	background: url('/img/icons_postnotify_hover.svg');
}
#add_comment.disabled{
	background: url('/img/icons_postnotify_disabled.svg');
}
#comments_list{
	padding-bottom: 250px;
}
#buttons{
	float:left;
	width: 90px;
}
#myIframe{
	width: 100%;
	border: none;
	height: 200px;
}
#bindrs_list{
	margin-left: -13px;
	padding-left: 16px;
	overflow-x: hidden;
	direction:rtl;  /* Right To Left */ 
	text-align:left; /* Override direction */
	width: 300px;
}
#bindrs_list_wrapper{
	display: none;
	position: fixed;
	left: 0px;
	overflow: hidden;
	max-width: 300px;
/*
	margin-top:1px;
*/
}
#add_bindr_page_list_wrapper{
	display: none;
	position: fixed;
	overflow: hidden;
	margin-left: -70px;
	width: 301px;
	text-align: left;
	margin-top:1px;
}
#topics_list_wrapper, #favourites_list_wrapper{
	display: none;
	position: fixed;
	overflow: hidden;
	margin-left: -11px;
	width: 301px;
	text-align: left;
	margin-top:1px;
}
#alerts_list_wrapper{
	display: none;
	position: fixed;
	overflow: hidden;
	margin-left: -13px;
	width: 301px;
	text-align: left;
	margin-top:1px;
}
#alerts_list_wrapper{
margin-top: 29px;
}
#favourites_list_wrapper, #add_bindr_page_list_wrapper{
margin-top: 11px;
}
#buddies_list_wrapper{
	display: none;
	position: fixed;
	overflow: hidden;
	margin-right: -11px;
	width: 201px;
	direction: ltr;
	margin-top: 10px;
	text-align: left;
}
#topics_list{
	overflow-x: hidden;
	width: 301px;
}
#buddies_list{
	overflow-x: hidden;
	width: 201px;
	padding-top: 1px;
}
#adv_settings_wrapper{
	display: none;
	border-bottom: solid 1px #0d93f0;
}
#bindrs_list_button,#topics_list_button,#buddies_list_button,#adv_settings_button{
	display: inline-block;
	width: 15px;
	height: 15px;
	background: url("/img/icons_dropdown_arrow.svg") no-repeat center;
	cursor: pointer;
}
#bindrs_list_button,#topics_list_button,#buddies_list_button{
	padding: 10px 10px 8px 12px;
}
#adv_settings_button{
	padding: 0 10px;
}
#alert_buddies_button{
	display: inline-block;
	width: 15px;
	height: 15px;
	background: url("/img/icons_dropdown_arrow.svg") no-repeat center;
	cursor: pointer;
	float:right;
	margin-top: -1px;
}
#bindrs_list_button:hover,
#topics_list_button:hover,
#buddies_list_button:hover,
#adv_settings_button:hover,
#alert_buddies_button:hover{
	background: url("/img/icons_dropdown_arrow_hover.svg") no-repeat center;
}
#alert_buddies_drop{
	padding: 2px 0px 0px 1px;
}
#bindr_plus_span{
	height:17px;
	padding-top:4px;
/*
	padding-left:15px;
*/
	float:left;
	margin-left: -1px;
}
#selected_heading{
	color:#0D93F0;
	font-size:x-small;
	display:block;
	border-top:thin solid #0D93F0;
	padding: 5px;
}
#selected{
	border-bottom:thin solid #0D93F0;
	display:none;
	padding: 5px;
}
#not_selected{
	padding: 5px;
}
#submit_wrap{
	margin-bottom: 20px;
}
#settings_from_relations{
	background: url('/img/cog-drakgrey.png') no-repeat center;
	width:16px;
	height:16px;
	position: absolute;
	right: 18px;
}
#settings_from_relations:hover{
	background: url('/img/cog-lightblue.png') no-repeat center;
}
#settings_from_relations:active{
	background: url('/img/cog-black.png') no-repeat center;
}
#templates{
	display:inline-block;
}
#slider{
	height: 0;
	border-bottom: 1px solid #0d93f0;
	padding-top: 20px;
	background: transparent;
}
#slider a{
	top: 8px;
	width: 14px;
	height: 14px;
	background-size: 22px 22px;
	background-color: transparent;
	border: 4px solid;
	-moz-border-image: url(/img/icons_timeline_avatar.png) 4 stretch;
	-webkit-border-image: url(/img/icons_timeline_avatar.png) 4 stretch;
	-o-border-image: url(/img/icons_timeline_avatar.png) 4 stretch;
	border-image: url(/img/icons_timeline_avatar.png) 4 fill stretch;
	
}
.media, .templates{
	width: 70px;
	height: 70px;
	display: block;
	background-size: contain !important;
}
#video{
	background: url('/img/Video4.png');
}
#video:hover{
	background: url('/img/Video4-lightblue.png');
}
#map{
	background: url('/img/Map4.png');
}
#map:hover{
	background: url('/img/Map4-lightblue.png');
}
#code{
	background: url('/img/embed4.png');
}
#code:hover{
	background: url('/img/embed4-lightblue.png');
}
#pdf{
	background: url('/img/Pdf4.png');
}
#pdf:hover{
	background: url('/img/Pdf4-lightblue.png');
}
#images{
	background: url('/img/Image4.png');
}
#images:hover{
	background: url('/img/Image4-lightblue.png');
}
#week{
	background: url('/img/Week4.png');
}
#week:hover{
	background: url('/img/Week4-lightblue.png');
}
#june{
	background: url('/img/June4.png');
}
#june:hover{
	background: url('/img/June4-lightblue.png');
}
#july{
	background: url('/img/July4.png');
}
#july:hover{
	background: url('/img/July4-lightblue.png');
}
#august{
	background: url('/img/August4.png');
}
#august:hover{
	background: url('/img/August4-lightblue.png');
}
#september{
	background: url('/img/Sept4.png');
}
#september:hover{
	background: url('/img/Sept4-lightblue.png');
}
#october{
	background: url('/img/Oct4.png');
}
#october:hover{
	background: url('/img/Oct4-lightblue.png');
}
#november{
	background: url('/img/Nov4.png');
}
#november:hover{
	background: url('/img/Nov4-lightblue.png');
}
#december{
	background: url('/img/Dec4.png');
}
#december:hover{
	background: url('/img/Dec4-lightblue.png');
}
#january{
	background: url('/img/Jan4.png');
}
#january:hover{
	background: url('/img/Jan4-lightblue.png');
}
#february{
	background: url('/img/Feb4.png');
}
#february:hover{
	background: url('/img/Feb4-lightblue.png');
}
#march{
	background: url('/img/Mar4.png');
}
#march:hover{
	background: url('/img/Mar4-lightblue.png');
}
#april{
	background: url('/img/Apr4.png');
}
#april:hover{
	background: url('/img/Apr4-lightblue.png');
}
#may{
	background: url('/img/May4.png');
}
#may:hover{
	background: url('/img/May4-lightblue.png');
}
#season{
	background: url('/img/Halfyear4.png');
}
#season:hover{
	background: url('/img/Halfyear4-lightblue.png');
}
#meeting{
	background: url('/img/Meeting4.png');
}
#meeting:hover{
	background: url('/img/Meeting4-lightblue.png');
}
#rem_chck{
	margin: 3px;
}
#toolbar_editor{
	display: none;
	width: 92px;
/*
	margin-left: 15px;
*/
	margin-top: 30px;
}
#selected_heading_title{
	font-weight: 500;
}
#sliderwrapper{
	position: relative;
	max-width: 600px;
}
#historybar, #searchbar{
	height: 40px;
	position: fixed;
	z-index: 3;
	width: 100%;
	border-top: 1px solid #fff;
	margin-left: -10px;
	display: none;
}
#historybar{
	background: #eef7fe;
}
#searchbar{
	background: #D4E8EA;
	margin-top: -39px;
	text-align: center;
}
#search_result{
    background: #fff;
    max-width: 950px;
    max-height: 500px;
    margin: -25px auto 0;
    padding: 0 25px 25px;
    box-shadow: 0px 10px 25px;
    position: relative;
    display: none;
    overflow: auto;
/*
    left: 10%;
*/
}
#search_bindrs{
	display: block;
	margin-bottom: 10px;
}
#search_box{
	display:inline-block;
	position:relative;
	width:60%;
}
#search_label{
	vertical-align: -2px;
}
.search_start{
	margin-top: 8px;
    width: 12px;
    height: 12px;
    padding: 7px;
    margin-left: -25px;
}
search_str{
	background: #fffab9;
}
a.srchresult {
    display: block;
    font-weight: 400;
    margin-top: 8px;
}
#get_more_bindrs{
	display: block;
	text-align: center;
}
.manage_labels{
	float: right;
    margin-top: 9px !important;
}
#editor_data{
position: absolute;
margin-right: 0px;
top: 7px;
left: 78%;
font-size: 10px;
}
#editor_name{
	font-weight: 500;
}
#edit_form{
	padding-top: 10px;
}
#buddies_button{
	padding: 10px 0;
	background: url('/img/icons_buddie_topbar.svg') no-repeat right;
	padding: 10px 20px 10px 0;
}
#buddies_button:hover{
	background: url('/img/icons_buddie_topbar_hover.svg') no-repeat right;
}
#topbar_right{
	float:right;
}
#topbar_middle{
	margin:0 auto;
	display: inline-block;
}
#topbar_bindr_name_short{
/*
	display: none;
*/
}
#embedded{
	background: #fff;
}
#topbar_home{
	margin-right: 5px;
	display: inline-block;
	margin-top: 10px;
}
#em_val_message_relations{
	display: none;
	text-align: left;
	font-size: medium;
	background: #fde1dd;
	border: 1px #EC1651 solid;
	color: #444;
	padding: 5px;
/*
	margin-left: -110px;
	margin-right: -10px;
*/
	margin-bottom: 10px;
	position: relative;
    max-width: none;
}
#fb_connect_message_relations,
#tw_connect_message_relations,
#em_connect_message_relations,
#gl_connect_message_relations{
	display: none;
	text-align: left;
	font-size: medium;
	background: #fde1dd;
	border: 1px #EC1651 solid;
	color: #444;
	padding: 5px;
/*
	margin-left: -110px;
	margin-right: -10px;
*/
	margin-bottom: 10px;
	position: relative;
    max-width: none;
}
#note_org_bindr_rel_list, #note_org_domain_list{
	font-size:small;
	margin-bottom:10px;
	display:block;
	line-height: normal;
}
#v_note{
    padding-bottom: 25px;
}
#no_org_bindrs{
	display: inline-block;
	margin: 15px 0;
}
.bindr_disc_del_grid{
	display: block;
}
.bindr_disc_del_grid a, .bindr_disc_del_grid span{
	padding: 5px 0 5px 22px;
}
.bindr_disc_del_pile{
display: inline-block;
margin: -12px 0;
border-left: 1px solid #CECBBF;
border-right: 1px solid #CECBBF;
vertical-align: top;
}
.colour_tiles_group{
/*
	position:absolute;
	right:0;
*/
	top:0;
	float:right;
}
/*
div.clear_all{
	position: absolute;
	text-align: right;
	width: 87%;
	right: 0;
	padding: 5px;
	top: -15px;
}
*/
.prev_sketch{
    margin-bottom: 60px;
    margin-left: 12px;
    margin-top: 0;
    width: 87%;
}
.prev_sketchimage{
    margin-bottom: 60px;
    min-height: 305px;
    padding-left: 10px;
    padding-right: 11%;
}
.edit_submit{
	white-space: normal;
	background-color: #0D93F0;
	margin-top: 15px;
	width: 25%;
}
.code_submit{
	white-space: normal;
	background-color: #0D93F0;
	margin: 0 0 10px 7px;
}
.user_input{
	width:155px;
	margin-top:5px;
}
.user_input_area{
	width: auto;
	height: 250px;
	margin-top: 5px;
	vertical-align: top;
}
.round{
	border-radius: 10px 10px 10px 10px !important;
	padding-left: 7px !important;
	padding-right: 7px !important;
	font-family: 'Roboto Slab', sans-serif;
}
.toggle_chk{
	cursor: pointer !important;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	margin:0 5px 0 0;
	width: 18px;
	vertical-align: -2px;
}
.colour_palet{
	padding: 5px 10px;
	border-top: 1px solid #F1F1F0;
}
.bindrs_hover,
.topics_hover,
.buddies_hover,
.alerts_hover{
	display: inline-block;
}
div.alerts_hover{
	border-left: 1px solid #fff;
	vertical-align: top;
}
/*
div.alerts_hover:hover{
	background: #f3e2dd;
}
*/
.message_option{
	margin: 10px 25px 0 0;
	display: inline-block;
}
.offer_option{
	margin: 10px 25px 0 0;
	display: inline-block;
/*
	background: #49AEF4;
*/
}
/*
.offer_option:hover{
	background: #ffffff;
}
.offer_option a{
	color: #FFFFFF !important;
}
.offer_option a:hover{
	color: #0D93F0 !important;
}
*/
#seemoreless{
    display: inline-block;
    font-size: small;
    color: #fff;
    margin-top: 5px;
}
#seemoreless:hover{
	color:#49AEF4;
}
.message_icon{
float: left;
margin: 5px 10px 0 0;
}
.bindr_p_ico{
	margin-right: 10px;
    padding-right: 12px;
	background: no-repeat right url('/img/icons_pages.svg');
	color:#fff;
	display:inline;
}
.tag_mark{
	margin-right: 8px;
	display:inline;
}
a.bindr_rel_ico{
	color: #FFFFFF !important;
}
.bindr_rel_ico{
	margin-right: 10px;
    padding-right: 12px;
	background: no-repeat right url('/img/icons_buddie_small.svg');
}
.bindr_rel_ico:hover{
	background: no-repeat right url('/img/icons_buddie_small_hover.svg');
}
svg{
	width: 100%;
	height: 100%;
}
ins, .diff-html-added{
	text-decoration: none;
	color: #00CB78;
}
del, .diff-html-removed{
	color: #00CB78;
	text-decoration: line-through;
}
a del, .diff-html-removed{
	color: #00CB78;
	text-decoration: line-through;
	border-bottom: 1px double #00CB78 !important;
}
ins.mod, .diff-html-changed{
	text-decoration: underline;
	color: #00CB78;
}
a ins,a .diff-html-changed,
ins.mod a, .diff-html-changed a{
    border-bottom: 1px double #00CB78 !important;
}
span.tip{
	display: none;
}
/*
span.tos{
	display: inline;
	font-style: italic;
}
*/
hr{
	height: 1px;
	background: #92928F;
	border: none;
	margin: 0.8em 0 0.7em;
}

/* iframe for uploading images */
.bar {
	height: 33px;
	background: #0D93F0;
}
#progress{
	margin-top: -33px;
	width: 222px;
}
div.fileinputs {
    display: inline-block;
    margin-top: 15%;
    position: relative;
}

div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
	width: 223px;
}
div.org_list{
	vertical-align: middle;
	position: relative;
}
div.domains{
	line-height: normal;
}
a.add_items_menu.org_list{
	position: relative;
	display: inline-block;
	width: 16px;
}
div.org_stemps{
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 0;
}
div.org_stemps.small{
	height: 10px;
}
div.org_stemps.x-small img{
	width: 8px;
	height: 8px;
	float: right;
}
div.org_stemps.small img{
	width: 10px;
	height: 10px;
}
div.org_stemps.large img{
	width: 15px;
	height: 15px;
}
div.org_emaildomain_listitem{
	display: inline-block;
    line-height: 35px;
    margin-left: 135px;
    vertical-align: top;
}
div.premium_membership_offer{
	background: #0d93f0;
	padding: 25px;
	color: #FFFFFF;
}
div.premium_membership_offer div.big{
	font-size: initial;
	margin-bottom: 25px;
}
div.premium_membership_offer div.big img{
	float:left;
	margin-right: 10px;
}
div.premium_membership_offer div.small{
	font-size: small;
	margin-bottom: 25px;
}

.avatar,.avatar_st {
	width: 48px;
	height: 48px;
	position: relative;
	display: inline-block;
	margin-right: 10px;
	vertical-align: top;
}
.avatar:before, .avatar_st:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	border-bottom: 6px solid transparent;
	border-left: 6px solid #fff;
	border-right: 6px solid #fff;
	width: 75%;
	height: 0;
}
.avatar:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	border-top: 6px solid transparent;
	border-left: 6px solid #fff;
	border-right: 6px solid #fff;
	width: 75%;
	height: 0;
}
.avatar_st:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	border-top: 6px solid transparent;
	border-left: 6px solid #fff;
/*
	border-right: 6px solid #fff;
*/
	width: 75%;
	height: 0;
}
.avatar img, .avatar_st img{
	width:48px;
	height:48px;
}
.avatar_small {
	width: 33px;
	height: 33px;
	position: relative;
	display: inline-block;
	margin-right: 10px;
	vertical-align:top;
}
.avatar_x-small {
	width: 22px;
	height: 22px;
	position: relative;
	display: inline-block;
	margin-right: 5px;
	vertical-align:top;
}

.avatar_small:before, .avatar_x-small:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 70%;
	height: 0;
}
.avatar_small:after, .avatar_x-small:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 70%;
	height: 0;
}
.avatar_small:before {
	border-bottom: 5px solid transparent;
}
.avatar_small:after {
	border-top: 5px solid transparent;
}
.avatar_x-small:before {
	border-bottom: 4px solid transparent;
}
.avatar_x-small:after {
	border-top: 4px solid transparent;
}
.avatar_small_menu:before, .avatar_small_menu:after{
	border-left: 5px solid #f0f0ef;
	border-right: 5px solid #f0f0ef;
}
.avatar_x-small_menu:before, .avatar_x-small_menu:after{
	border-left: 4px solid #f0f0ef;
	border-right: 4px solid #f0f0ef;
}
.avatar_small_white:before, .avatar_small_white:after{
	border-left: 5px solid #fff;
	border-right: 5px solid #fff;
}
.avatar_x-small_white:before, .avatar_x-small_white:after{
	border-left: 3px solid #fff;
	border-right: 4px solid #fff;
}
.avatar_x-small_blue:before, .avatar_x-small_blue:after{
	border-left: 4px solid #daf0ff;
	border-right: 4px solid #daf0ff;
}
.avatar_x-small_blue{
	display: block;
}
.avatar_small img{
	width:33px;
	height:33px;
}
.avatar_x-small img{
	width:22px;
	height:22px;
}
.avatar_medium {
	width: 36px;
	height: 36px;
	position: relative;
	display: inline-block;
	margin-right: 10px;
	vertical-align:top;
}

.avatar_medium:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	border-bottom: 5px solid transparent;
	width: 72.3%;
	height: 0;
}

.avatar_medium:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	border-top: 5px solid transparent;
	width: 72.3%;
	height: 0;
}
.avatar_medium_menu:before, .avatar_medium_menu:after{
	border-left: 5px solid #f0f0ef;
	border-right: 5px solid #f0f0ef;
}
.avatar_medium_white:before, .avatar_medium_white:after{
	border-left: 5px solid #fff;
	border-right: 5px solid #fff;
}
.avatar_medium img{
	width:36px;
	height:36px;
}
.list_elem_avatar{
	display: inline-block;
	font-size: xx-small;
	text-align: center;
	width: 48px;
	margin-right: 10px;
}
.select_buddy_name{
	overflow: hidden;
}
.avatar_alert_select{
	float: left;
	margin-right: 5px;
}
.avatar_alert_select_wrap{
	display:inline-block;
	font-size:x-small;
	font-weight: 300;
	width:50%;
	overflow: hidden;
	cursor: pointer;
	margin-bottom: 5px;
}
#selected .avatar_alert_select_wrap:hover{
	color: #EC1651;
	opacity: 1!important;
}
.avatar_alert_select_wrap:hover{
	color: #000;
	opacity: 1!important;
}
.bindr_meta_pile{
	position: absolute;
    right: 25px;
}
.grid_frame, .book_frame, .scroll_frame{
	background: #fff;
}
.invite_topbar{
	background: url("/img/icons_buddie_small-white.svg") no-repeat scroll 88px #0d93f0 !important;
	font-size: 12px;
	padding: 2px 18px 2px 5px !important;
	vertical-align:2px;
	display: inline-block;
    margin-top: 0px !important;
}
.invite_topbar:hover{
	background: url("/img/icons_buddie_small-white.svg") no-repeat scroll 88px #49aef4 !important;
}
img.li_dropdown, img.tw_dropdown{
	float:left;
	height:48px;
	margin-right:10px; 
}
#br_avatar_selected, #fb_avatar_selected,
#tw_avatar_selected,#gl_avatar_selected,#li_avatar_selected{
	display: none;
	position: absolute;
}
#br_avatar, #fb_avatar,
#tw_avatar,#gl_avatar,#li_avatar{
	cursor: pointer;
}
.topbar_btn + .topbar_btn{
	border-left: 1px solid #fff;
}
#blocker{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	background: #666;
	opacity: .8;
	filter: Alpha(Opacity=80);
    z-index: 1000;
    display: none;
}
#blocker div{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 5em;
	height: 2em;
	margin: -1em 0 0 -2.5em;
	color: #fff;
	font-weight: bold;
}
#new_viewers_message{
	background-color:#f0f0ef;
	font-size: small;
}
#newer_version_message, #new_active_editors_message{
	background-color: #daf0ff;
	font-size: small;
	color: #939598;
}
#new_viewers{
	margin-top: 5px;
}
#videoframe{
}
#videoroom{
	padding: 20px 20px 40px;
	display: none;
	z-index: 10;
	position: absolute;
	background: #f0f0ef;
	width:400px;
	height:500px;
}
#newer_versions{
	font-weight: 500;
}
#page_saved{
	display: inline-block;
	font-size: small;
	top: 81px;
	left: auto;
}
#page_saved{
background-color: #73e3b5;
color: #fff;
}
#other_user{
background-color: #fde1dd;
}
/*
#bckgr_img_credits{
	position: fixed;
	bottom: 41px;
	margin-left:25px;
	color: #81807d;
}
#bckgr_img_licence{
background: url('/img/scrappy-1x-s15430d048f.png') 0 -264px no-repeat;
height: 22px;
width: 49px;
display: inline-block;
vertical-align: bottom;
margin-right: 5px;
}
*/
#gradient, #bckgr_img{
	position: fixed;
	width: 100%;
	height: 100%;
}
#gradient.vert{
    background: -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.95)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.95)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.95)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to top, rgba(255,255,255,0), rgba(255,255,255,0.95)); /* Standard syntax (must be last) */

}
#gradient.horiz{
    background: -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.95)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.95)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.95)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to left, rgba(255,255,255,0), rgba(255,255,255,0.95)); /* Standard syntax (must be last) */

}
#bckgr_img{
	background-size: cover;
	background-image: url('/img/bckgrnd1.jpeg');
	background-position: left;
}
#theme{
    font-family: 'Roboto Slab',serif;
    font-size: 32px;
    font-weight: 600;
    color: #fff;
    text-shadow: 0 0 15px #000;
    position: absolute;
    bottom: 0;
    white-space: nowrap;
    line-height: normal;
    letter-spacing: normal;
}
div[id^="org_cover_group_"]{
	display: none;
}
.video-container {
	position:relative;
	padding-bottom:49.6%;
	padding-top:30px;
	height:0;
	overflow:hidden;
	margin:20px 0 0 20px;
}
.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}