/*
Gibbon, Flexible & Open School System
Copyright (C) 2010, Ross Parker

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program.  If not, see <http://www.gnu.org/licenses/>.

----

Theme fundamentals based on Mollio, copyright Daemon Pty Limited 2006, http://www.daemon.com.au
Used under "GNU Creative Commons License", http://creativecommons.org/licenses/GPL/2.0/
*/

/* THE BASICS */
* {
	margin:0;
	padding:0;
}

html {
    height: 100%;
}

body {
	padding: 0 0 20px;
	background: url("../img/backgroundPage.jpg") repeat fixed center top #A88EDB;
	color:#222222;
	font-family: Helvetica, Arial, sans-serif!important;
}

/* LAYOUT */
#wrapOuter {
	width:1130px;
	margin: 0px auto;
	position:relative ;
}
#wrap {
	width:1101px;
	padding-top: 10px;
	padding-left: 1px;
	margin: 10px auto ;
	position:relative ;
	border-radius: 5px;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.4);
}
#wrap-report {
	width:1101px;
	padding-top: 10px;
	padding-left: 1px;
	margin: 10px auto ;
	position:relative ;
}
#header {
	margin: -8px 0 0 -1px ;
	padding: 0 ;
	height: 170px!important ;
	background-color: #ffffff ;
	border-radius: 5px 5px 0 0;
}
#header-logo {
	margin:0 0 0 0px;
	padding:0px 0;
	color:#ccc;
	border:none;
	width: 250px;
}
#header-logo-report {
	margin:0 0 0 0px;
	padding:0px 0;
	color:#ccc;
	border:none;
	width: 250px;
}
#header-menu {
	color:#fff;
	font-weight:bold;
	height: 44px!important;
	margin: 3px 0 0 0 ;
	background-color: rgba(240,240,240,0.9);
	border-top: 1px solid rgba(0,0,0,0.15);
	border-bottom: 1px solid rgba(0,0,0,0.15);
	z-index: 99;
}
#header-finder {
	float: right ;
	color:#fff;
	font-weight:bold;
	position:absolute;
	top:24px;
	right:24px;
	left:auto;
	width:400px;
}
#header-finder h2 {
	text-align: right ;
	border-bottom: none ;
	font-size: 90% ;
	margin-bottom: 0!important ;
	margin-top: 0!important ;
}

#content-wrap {
	width:1102px;
	background-color: rgba(255,255,255,0.9) ;
	margin: 0 0 0 -1px;
}
#content-wrap-report {
	background-color: rgba(255,255,255,0.9) ;
	position:relative;
	width:100%;
}
#content {
	margin: 0 0 0 -1px;
	padding: 0 25px 0 25px;
	min-height: 470px;
	width: 752px;
	max-width: 752px!important;
	position:relative;
    overflow:hidden;
    float:left;
	border-right: 1px solid rgba(0,0,0,0.15);
}
#content-wide {
	margin: 0 0 0 -1px;
	padding: 0 25px 0 25px;
	min-height: 470px;
	width: 1052px;
	position:relative;
    overflow:hidden;
}
#content div.trail {
	text-align: left;
	font-size: 70%;
	margin: 10px 0px 10px -18px;
	height: 16px;
	padding-top: 7px;
	padding-left: 20px;
	font-weight: normal;
	width: 783px;
	color: #3B73AF ;
}
#content-wide div.trail {
	text-align: left;
	font-size: 70%;
	margin: 10px 0px 10px -18px;
	height: 16px;
	padding-top: 7px;
	padding-left: 20px;
	font-weight: normal;
	width: 1087px;
	color: #3B73AF ;
}
div.trailEnd {
	padding-left: 3px;
	float: left;
	color: #3B73AF;
}
div.trailHead {
	float: left;
	white-space: nowrap;
}
div.trailHead a {
	text-decoration: underline;
	font-weight: normal;
	color: #3B73AF;
}
div.trailHead a:hover {
	text-decoration: underline;
	font-weight: normal;
	color: #c00;
}
#sidebar {
	float: right;
   	width:250px;
	padding: 12px 26px 40px 22px;
	margin-top: -12px;
	min-height: 200px
}

div.sidebarExtra {
	padding: 15px 0 ;
	margin-bottom: 10px ;
}
#footer {
	clear:both;
	width:1102px;
	background-color: rgba(255,255,255,0.9) ;
	margin: 0 0 0 -1px;
	padding: 20px 0px 10px 0px;
	font-size:85%;
	color:#fff;
	text-align: center ;
	background-color: rgba(50,50,50,0.6) ;
	line-height: 135% ;
}
#footer-report {
	clear:both;
	width:750px;
	color: #333;
	margin: 0 0 0 -1px;
	padding: 5px 0px 5px 0px;
	font-size:75%;
	text-align: right ;
	font-style: italic ;
}
#footer-logo {
	z-index: 9999;
	margin-top: -82px;
	margin-left: 850px;
	opacity: 0.8;
}
div.minorLinks {
	text-align: right;
	padding-right: 13px;
	padding-top: 0px;
	margin-top: 10px;
	margin-bottom: 0px;
	color: #fff;
	font-size: 80%;
	font-weight: normal;
}
div.minorLinksTopGap {
	margin-top: 25px;
}
img.minorLinkIcon {
	height: 38px ;
	max-height: 38px ;
}
img.minorLinkIconLarge {
	height: 65px ;
	max-height: 65px ;
}
div.minorLinks a {
	color: #fff;
}
div.minorLinks a:hover {
	color: #aaa;
}

/* NAV */
#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#nav {
	height:30px;
	font-weight: bold ;
	font-size: 90% ;
	width: 800px;
	padding-top: 10px;
	padding-left: 15px;
	text-transform: uppercase ;
	float: left;
}
#nav li {
	position:relative;
	background: none;
	float: left;
	display:block;
	margin: 0px 10px 0px 10px;
	padding: 0px 0px 0px 0px;
	text-align: left;
}
#nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
	text-decoration:none;
	cursor:pointer;
	color:#333333;
	display: block;
	padding: 4px 2px 2px
}
#nav a:hover {
	color: #A88EDB;
}
#nav li ul {
	border: 1px dotted #000;
	background-color: rgba(50,50,50,0.85) ;
	font-size:80%;
	margin: 0px 0px 0px -20px;
	padding: 2px;
	position: absolute;
	font-weight:normal;
	left: -999em;
	text-shadow: none;
	width: 180px ;
}
#nav li:hover ul, #nav li.sfhover ul {
	left: 0;
	z-index:99999;
}

#nav li li {
	background:none;
	float:none;
	border:none;
	border:1px none #fff;
	text-align: left;
	font-size: 118%;
	text-transform: none ;
	line-height: 105% ;
	background-color: rgba(0, 0, 0, 0.1) ;
	margin: 0 ;
}
#nav li li:hover {
	color:#fff;
	background-color: rgba(168, 142, 219, 0.4) ;
}
#nav li li.last {
	border-bottom:none
}
#nav li li a, #nav li li a:link, #nav li li a:visited, #nav li li a:hover {
	color:#fff;
	padding: 8px 9px;
	min-width: 60px;
}

#nav li.active {
	background: none;
	color: #ffffff;
	border: 1px none #c00
}
#nav li.active ul {
	background-color: rgba(103, 153, 207, 0.90);
	margin: 0px 0px 0px 0px;
	padding: 2px;
	font-weight:normal;
}
#nav li.active a {
	text-decoration: none
}
#nav li.active ul li a {
	text-decoration: none
}

/* MODULE MENU */
ul.moduleMenu {
	list-style: none;
	margin-left: 0px ;
	padding-left: 0px;
}

ul.moduleMenu ul li {
	list-style: none;
	margin-left: 0px ;
	padding-left: 0px;
	text-align: left;
}

ul.moduleMenu ul {
	list-style: none;
	margin-left: 0px ;
	padding-left: 0px
}

ul.moduleMenu h4 {
	margin-top: 10px ;
	padding-top: 20px ;
	padding-bottom: 0px ;
	margin-bottom: 0px ;
	font-size: 95% ;
}

/* LINKS */
a,a:link,a:hover {
	background:transparent;
	text-decoration:underline;
}
a:link {
	color:#c00;
}
a:visited {
	color:#c00;
}
a:hover,a:active {
	color:#069;
}
a.active {
	font-weight: bold ;
	text-decoration: underline ;
	color: #600;
}

a img {
	color: #ffffff;
	border: none;
}

#footer a {
	color: #fff ;
	text-decoration: underline ;
}

/* TYPOGRAPHY */
p {
	margin: 0px 0px 15px 0px;
	text-align: justify;
	font-size: 13px;
}
ul, ol {
	margin: 0 0 1px;
	text-align: justify;
	font-size: 13px;
}
h1, h2, h3, h4, h5, h6 {
	margin: 20px 0 10px 0;
	color:#444;
	background-color: none ;
	padding: 0 0 0 0px;
	line-height: 85%;
	text-align: left;
	text-transform: uppercase;
	padding-bottom: 5px ;
	border-bottom: 1px solid rgba(0,0,0,0.5) ;
}
h1 {
	font-size: 17pt;
}
h1.report {
	font-size: 17pt;
}
h2 {
	font-size: 14pt;
}
#sidebar h2, div.sidebarExtra h2 {
	font-size: 14pt;
	border-left: none ;
	background: none ;
}
h3 {
	font-size: 13pt;
}
h4 {
	margin-top: 30px;
	margin-bottom:10px;
	font-size: 11pt;
}
h5, h6 {
	margin-top:10px;
	margin-bottom:10px;
	font-size: 11pt;
}

div.blockView h1, div.blockView h2, div.blockView h3, div.blockView h4, div.blockView h5, div.blockView h6 {
	border-bottom: 1px solid #ddd ;
	text-shadow: none ;
}

.highlight {
	color:#E17000
}
.subdued {
	color:#999
}
.caption {
	color:#999;
	font-size:11px
}
.date {
	font-weight: bold;
	font-size: 82% ;
	color:#bbb;
	display:block;
	letter-spacing: 1px
}
small {
	font-size:11px
}


/* LISTS */
ul {
	margin: 5px 0px 5px 45px;
	list-style-type:circle
}
ol {
	margin: 5px 0px 5px 45px;
}
ol li {
	margin-left: 5px;
	padding-left: 0;
	background: none;
	list-style-type: decimal
	}
li {
	line-height: 130%;
	padding-left: 5px;
	background: none
}

img.logo {
	margin: 15px 0 6px 0 ;
}

/* TABLES */
table {
	color:#666;
	font-size:12px;
	text-shadow: none;
	background:#eaebec;
	margin:0px;
	border:#ccc 1px solid;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	margin: 5px 0 5px 0;
}
table th {
	padding:15px 5px 15px 5px;
	border-top:1px solid #fafafa;
	border-bottom:1px solid #e0e0e0;
	font-size: 110% ;
	background: #ebebeb;
	background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#dfdfdf));
	background: -moz-linear-gradient(top,  #ebebeb,  #dfdfdf);
	text-align: left;
}
table .heading td:not(:first-child) {
	border-left: 0px;
}
table tr:first-child th:first-child {
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	border-top-left-radius:3px;
	text-align: left;
	padding-left: 15px;
}
table tr:first-child th:last-child {
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	border-top-right-radius:3px;
	padding-left: 5px;
}
table tr {
	text-align: center;
	padding-left:20px;
}
table td:first-child {
	text-align: left;
	padding-left:20px;
	border-left: 0;
}
table td:last-child {

}
table td {
	text-align: left;
	padding:12px;
	border-top: 1px solid #ffffff;
	border-bottom:1px solid #dfdfdf;
	border-left: 1px solid #dfdfdf;
	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}
table tr.even td {
	background: #f0f0f0;
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
	background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);
}
table tr:last-child td {
	border-bottom:0;

}
table tr:last-child td:first-child {
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
}
table tr:last-child td:last-child {
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
}
td.right {
	vertical-align: middle!important;
	text-align: right!important;
	font-size: 11px!important;
	padding: 3px!important ;
}
div.right {
	text-align: right!important;
}
div.odd {
	background-color: #E2DDCA ;
}
tr.current, tr.current td, div.current, td.current {
	background-color: #B3EFC2!important ;
	background: -webkit-gradient(linear, left top, left bottom, from(#B5F1C4), to(#B3EFC2))!important;
	background: -moz-linear-gradient(top,  #B5F1C4,  #B3EFC2)!important;
}
tr.past, tr.past td, div.past, td.past {
	background-color: #F6CECB!important ;
	background: -webkit-gradient(linear, left top, left bottom, from(#F8D1CD), to(#F6CECB))!important;
	background: -moz-linear-gradient(top,  #F8D1CD,  #F6CECB)!important;
}
tr.error, tr.error td, div.error, td.error {
	background-color: #F6CECB!important ;
	background: -webkit-gradient(linear, left top, left bottom, from(#F8D1CD), to(#F6CECB))!important;
	background: -moz-linear-gradient(top,  #F8D1CD,  #F6CECB)!important;
}
tr.warning, tr.warning td, div.warning, td.warning {
	background: none!important ;
	background-color: #FFD2A9!important ;
}
tr.dull, tr.dull td, div.dull, td.dull {
	background: none!important ;
	background-color: #dddddd!important ;
}


/* ALT TABLE STYLES */
table.noIntBorder td {
	border: none!important ;
	padding: 5px!important ;
	background: #EDF7FF ;
}
table.noIntBorder td:last-child {
	text-align: left;
}
table.smallIntBorder td {
	border-left: none!important ;
	padding: 5px!important ;
}
table.smallIntBorder td:last-child {
	text-align: left;
}
tr.break td {
	background: none!important;
}
tr.break h3, tr.break h4 {
	margin-top: 10px!important;
	padding: 0;
}
tr h3, tr h4 {
	border: none!important;
}
table.mini td {
	padding: 5px!important ;
}
table.mini tr.head th {
	padding: 5px!important ;
}
table.blank, table.blank tr {
	border: none!important ;
	padding: 0px!important ;
	background: none!important ;
	box-shadow: none;!important
}
table.blank td {
	border: none!important ;
	padding: 1px!important ;
	background: none!important ;
}
table.mceToolbar td, table.mceToolbar tr {
	padding: 0px!important ;
	background: none;
}
tr.mceFirst td {
	background: none ;
	background-color: #EDF7FF!important ;
}
table.mceToolbar {
	box-shadow:none!important;
	-moz-box-shadow:none!important;
	-webkit-box-shadow:none!important;
}
td.mceIframeContainer {
	background-color: white!important ;
}


/* FORMS */
input[type="text"], input[type="password"], input[type="file"] {
	border: 1px solid #BFBFBF;
	background-color: #ffffff ;
	height: 28px;
	float:right;
	margin-left: 4px ;
	font-size: 13px ;
    box-sizing: border-box;
}

input[type="text"], input[type="password"] {
    padding-left: 4px;
}

input[readonly], textarea[readonly], select[readonly] {
	border: none;
	background: none;
}

textarea[readonly] {
    font-family: inherit;
    resize: none;
}

textarea {
	border: 1px solid #BFBFBF;
	background-color: #ffffff ;
	float:right;
	margin-left: 4px ;
	font-size: 13px ;
    box-sizing: border-box;
    padding: 4px;
}

select {
	border: 1px solid #BFBFBF;
	background-color: #ffffff ;
	height: 28px;
	float:right;
	margin-left: 4px ;
	font-size: 13px ;
    box-sizing: border-box;
}


input[type="button"] {
	border: 1px solid #222222;
	background-color: #eeeeee;
	height: 28px;
	min-width: 55px;
	color: #444444;
	font-weight: bold;
	margin: 2px ;
	font-size: 13px ;
}

input[type="button"].buttonAsLink {
	border: none;
	background: none ;
	color:#c00;
	height: 28px;
	font-size: 13px ;
}
input[type="button"]:hover.buttonAsLink {
	border-bottom: 1px solid #c00 ;
}

input[type="submit"] {
	border: 1px solid #222222;
	background-color: #444444;
	height: 28px;
	min-width: 55px;
	color: #ffffff;
	font-weight: bold;
	margin: 2px ;
	font-size: 13px ;
}

input[type="reset"] {
	border: 1px solid #222222;
	background-color: #eeeeee;
	height: 28px;
	min-width: 55px;
	color: #444444;
	font-weight: bold;
	margin: 2px ;
	font-size: 13px ;
}

input[type="submit"]:hover {
	color: #eeeeee;
}

input[type="submit"].buttonLink,
input[type="button"].buttonLink {
	background: none;
	color: #c00;
	border: none;
	font-weight: normal;
	font-size: 13px;
	text-decoration: underline;
	height: 28px;
}

input[type="submit"].buttonLink:hover,
input[type="button"].buttonLink:hover {
	cursor: pointer;
	background: none;
	color: #069;
	border: none;
	font-weight: normal;
	font-size: 13px;
}


/* MESSAGES */
div.message {
	border-left: 6px solid #3B73AF;
	color: #3B73AF;
	background-color: #D0EAFD;
	font-size: 12px;
	padding: 10px;
	margin: 10px 0px 15px 0px;
	box-shadow: 2px 2px 2px rgba(50,50,50,0.15);
}
div.message a {
	color: #3B73AF;
}
div.message a:hover {
	color: #c00 ;
}

div.error {
	border-left: 6px solid #CC0000;
	color: #CC0000;
	background-color: #F6CECB;
	font-size: 12px;
	padding: 10px;
	margin: 10px 0px 15px 0px;
	box-shadow: 2px 2px 2px rgba(50,50,50,0.15);
}
div.warning {
	border-left: 6px solid #D65602;
	color: #D65602;
	background-color: #FFD2A9;
	font-size: 12px;
	padding: 10px;
	margin: 10px 0px 15px 0px;
	box-shadow: 2px 2px 2px rgba(50,50,50,0.15);
}
div.success {
	border-left: 6px solid #390;
	color: #390;
	background-color: #D4F6DC;
	font-size: 12px;
	padding: 10px;
	margin: 10px 0px 15px 0px;
	box-shadow: 2px 2px 2px rgba(50,50,50,0.15);
}

div.paginationTop {
	text-align: right;
	font-size: 12px;
	margin: 15px 0px 0px 0px
}
div.paginationBottom {
	text-align: right;
	font-size: 12px;
	margin: 0px 0px 15px 0px
}
div.linkTop {
	text-align: right;
    font-size: 12px;
    margin: 15px 0px 5px 0px;
}
div.linkTopLeft {
	text-align: left;
	font-size: 12px;
	margin: 15px 0px 5px 0px
}

/* IMAGES */
img.user {
	background-color: #ffffff ;
	border: 1px solid #000000 ;
	padding: 4px ;
	box-shadow: 2px 2px 2px rgba(50,50,50,0.35);
}

a img.resource, img.resource {
	background-color: #ffffff!important;
	border: 1px solid #000000!important;
	padding: 4px!important;
}

/* jQueryUI Tweaks */
.ui-tabs-nav, .ui-tabs {
	background: none!important ;
}
.ui-widget-content {
	border: none!important;
}
.ui-tabs-panel {
	border: 1px solid rgb(155, 155, 155)!important;
	background: rgba(255,255,255,0.75)!important;
}
.ui-tabs {
	padding: 0px!important;
}
.ui-tabs-active {
	border: 1px solid rgb(155, 155, 155)!important;
	border-bottom: none!important ;
	background: rgba(255,255,255,1)!important;
}
ul.ui-tabs-nav li.ui-state-default {
	background: rgba(0,0,0,0.04);
}
ul.ui-tabs-nav li.ui-state-default a {
	color: rgba(0,0,0,1);
}

div.ui-widget-overlay {
	background-image: none ;
	background-color: #000!important ;
	opacity: 0.7 ;
}
div.ui-dialog {
	font-family: Helvetica, Arial, sans-serif!important;
	font-size: 85% ;
	border-radius: 2px;
}

div.ui-dialog div.ui-dialog-titlebar {
	border-radius: 2px;
	background-image: none ;
	background-color: #A88EDB!important ;
	border: none ;
}

div.ui-dialog button.ui-button {
	font-family: Helvetica, Arial, sans-serif!important;
	font-size: 85% ;
	color: #333 ;
	border-radius: 2px;
}

div#ui-datepicker-div {
	z-index: 1000!important;
}

/* Live Validation */

.LV_validation_message{
    font-weight:bold;
    margin:6px 0px 0px 5px;
    float:right;
	text-align: right;
	font-size: 12px;
}

.LV_valid {
    color:#00CC00;
}

.LV_invalid {
    color:#CC0000;
}

/* From WP for tinymce display */
.zerosize{height:0;width:0;margin:0;border:0;padding:0;overflow:hidden;position:absolute;}
a.edButtonPreview,a.edButtonHTML{height:18px;margin:5px 5px 0 0;padding:4px 5px 2px;float:right;cursor:pointer;border-width:1px;border-style:solid;-moz-border-radius:3px 3px 0 0;-webkit-border-top-right-radius:3px;-webkit-border-top-left-radius:3px;-khtml-border-top-right-radius:3px;-khtml-border-top-left-radius:3px;border-top-right-radius:3px;border-top-left-radius:3px;}
#editorcontainer{border-color:#ccc #ccc #dfdfdf;}
.wp_themeSkin .mceStatusbar{border-color:#dfdfdf;}
.wp_themeSkin .mceStatusbar *{color:#555;}
a.edButtonPreview,a.edButtonHTML{background-color:#f1f1f1;border-color:#dfdfdf #dfdfdf #ccc;color:#999;}
#editor-toolbar .active{border-color:#ccc #ccc #e9e9e9;background-color:#e9e9e9;color:#333;}
#post-status-info{background-color:#EDEDED;}
.wp_themeSkin *,.wp_themeSkin a:hover,.wp_themeSkin a:link,.wp_themeSkin a:visited,.wp_themeSkin a:active{color:#000;}
.wp_themeSkin table.mceLayout{border-color:#ccc #ccc #dfdfdf;}
#editorcontainer #content,#editorcontainer .wp_themeSkin .mceIframeContainer{-moz-box-shadow:inset 1px 1px 2px rgba(0,0,0,0.1);-webkit-box-shadow:inset 1px 1px 2px rgba(0,0,0,0.1);box-shadow:inset 1px 1px 2px rgba(0,0,0,0.1);}
#editorcontainer {margin-top: 15px; border-style:solid;border-width:1px;border-collapse:separate;-moz-border-radius:3px 3px 0 0;-webkit-border-top-right-radius:3px;-webkit-border-top-left-radius:3px;-khtml-border-top-right-radius:3px;-khtml-border-top-left-radius:3px;border-top-right-radius:3px;border-top-left-radius:3px;}
.wp_themeSkin iframe{background:transparent;}
.wp_themeSkin .mceStatusbar{color:#000;background-color:#f5f5f5;}
.wp_themeSkin .mceButton, .wp_themeSkin .mceAction, .wp_themeSkin .mceOpen {border-color:#ccc;background-color:#eee;background-image:-ms-linear-gradient(bottom,#ddd,#fff);background-image:-moz-linear-gradient(bottom,#ddd,#fff);background-image:-o-linear-gradient(bottom,#ddd,#fff);background-image:-webkit-gradient(linear,left bottom,left top,from(#ddd),to(#fff));background-image:-webkit-linear-gradient(bottom,#ddd,#fff);background-image:linear-gradient(bottom,#ddd,#fff);}
.wp_themeSkin a.mceButtonEnabled:hover{border-color:#a0a0a0;background:#ddd;background-image:-ms-linear-gradient(bottom,#ccc,#fff);background-image:-moz-linear-gradient(bottom,#ccc,#fff);background-image:-o-linear-gradient(bottom,#ccc,#fff);background-image:-webkit-gradient(linear,left bottom,left top,from(#ccc),to(#fff));background-image:-webkit-linear-gradient(bottom,#ccc,#fff);background-image:linear-gradient(bottom,#ccc,#fff);}
.wp_themeSkin a.mceButton:active,.wp_themeSkin a.mceButtonEnabled:active,.wp_themeSkin a.mceButtonSelected:active,.wp_themeSkin a.mceButtonActive,.wp_themeSkin a.mceButtonActive:active,.wp_themeSkin a.mceButtonActive:hover{background-color:#ddd;background-image:-ms-linear-gradient(bottom,#eee,#bbb);background-image:-moz-linear-gradient(bottom,#eee,#bbb);background-image:-o-linear-gradient(bottom,#eee,#bbb);background-image:-webkit-gradient(linear,left bottom,left top,from(#eee),to(#bbb));background-image:-webkit-linear-gradient(bottom,#eee,#bbb);background-image:linear-gradient(bottom,#eee,#bbb);border-color:#909090;}
.wp_themeSkin .mceButtonDisabled{border-color:#ccc!important;}
.wp_themeSkin .mceListBox .mceText,.wp_themeSkin .mceListBox .mceOpen{border-color:#ccc;background-color:#eee;background-image:-ms-linear-gradient(bottom,#ddd,#fff);background-image:-moz-linear-gradient(bottom,#ddd,#fff);background-image:-o-linear-gradient(bottom,#ddd,#fff);background-image:-webkit-gradient(linear,left bottom,left top,from(#ddd),to(#fff));background-image:-webkit-linear-gradient(bottom,#ddd,#fff);background-image:linear-gradient(bottom,#ddd,#fff);}
.wp_themeSkin .mceListBox .mceOpen{border-left:0!important;}
.wp_themeSkin table.mceListBoxEnabled:hover .mceOpen,.wp_themeSkin .mceListBoxHover .mceOpen,.wp_themeSkin .mceListBoxHover:active .mceOpen,.wp_themeSkin .mceListBoxSelected .mceOpen,.wp_themeSkin .mceListBoxSelected .mceText,.wp_themeSkin table.mceListBoxEnabled:active .mceText{background:#ccc;border-color:#999;}
.wp_themeSkin table.mceListBoxEnabled:hover .mceText,.wp_themeSkin .mceListBoxHover .mceText,.wp_themeSkin table.mceListBoxEnabled:hover .mceOpen,.wp_themeSkin .mceListBoxHover .mceOpen{border-color:#909090;background-color:#eee;background-image:-ms-linear-gradient(bottom,#ccc,#fff);background-image:-moz-linear-gradient(bottom,#ccc,#fff);background-image:-o-linear-gradient(bottom,#ccc,#fff);background-image:-webkit-gradient(linear,left bottom,left top,from(#ccc),to(#fff));background-image:-webkit-linear-gradient(bottom,#ccc,#fff);background-image:linear-gradient(bottom,#ccc,#fff);}
.wp_themeSkin select.mceListBox{border-color:#B2B2B2;background-color:#fff;}
.wp_themeSkin .mceSplitButton a.mceAction,.wp_themeSkin .mceSplitButton a.mceOpen{border-color:#ccc;}
.wp_themeSkin .mceSplitButton a.mceOpen:hover,.wp_themeSkin .mceSplitButtonSelected a.mceOpen,.wp_themeSkin table.mceSplitButtonEnabled:hover a.mceAction,.wp_themeSkin .mceSplitButton a.mceAction:hover{border-color:#909090;}
.wp_themeSkin table.mceSplitButton td{background-color:#eee;background-image:-ms-linear-gradient(bottom,#ddd,#fff);background-image:-moz-linear-gradient(bottom,#ddd,#fff);background-image:-o-linear-gradient(bottom,#ddd,#fff);background-image:-webkit-gradient(linear,left bottom,left top,from(#ddd),to(#fff));background-image:-webkit-linear-gradient(bottom,#ddd,#fff);background-image:linear-gradient(bottom,#ddd,#fff);}
.wp_themeSkin table.mceSplitButton:hover td{background-image:-ms-linear-gradient(bottom,#ccc,#fff);background-image:-moz-linear-gradient(bottom,#ccc,#fff);background-image:-o-linear-gradient(bottom,#ccc,#fff);background-image:-webkit-gradient(linear,left bottom,left top,from(#ccc),to(#fff));background-image:-webkit-linear-gradient(bottom,#ccc,#fff);background-image:linear-gradient(bottom,#ccc,#fff);}
.wp_themeSkin .mceSplitButtonActive{background-color:#B2B2B2;}
.wp_themeSkin div.mceColorSplitMenu table{background-color:#ebebeb;border-color:#B2B2B2;}
.wp_themeSkin .mceColorSplitMenu a{border-color:#B2B2B2;}
.wp_themeSkin .mceColorSplitMenu a.mceMoreColors{border-color:#fff;}
.wp_themeSkin .mceColorSplitMenu a.mceMoreColors:hover{border-color:#0A246A;background-color:#B6BDD2;}
.wp_themeSkin a.mceMoreColors:hover{border-color:#0A246A;}
.wp_themeSkin .mceMenu{border-color:#ddd;}
.wp_themeSkin .mceMenu table{background-color:#ebeaeb;}
.wp_themeSkin .mceMenu .mceText{color:#000;}
.wp_themeSkin .mceMenu .mceMenuItemEnabled a:hover,.wp_themeSkin .mceMenu .mceMenuItemActive{background-color:#f5f5f5;}
.wp_themeSkin td.mceMenuItemSeparator{background-color:#aaa;}
.wp_themeSkin .mceMenuItemTitle a{background-color:#ccc;border-bottom-color:#aaa;}
.wp_themeSkin .mceMenuItemTitle span.mceText{color:#000;}
.wp_themeSkin .mceMenuItemDisabled .mceText{color:#888;}
a.edButtonPreview,a.edButtonHTML{background-color:#f1f1f1;border-color:#dfdfdf #dfdfdf #ccc;color:#999;}
a.edButtonHTML{ margin-right: 15px}
a,#adminmenu a,a.edButtonPreview,a.edButtonHTML,#the-comment-list p.comment-author strong a,#media-upload a.del-link,#media-items a.delete,.plugins a.delete,.ui-tabs-nav a{color:#21759b; text-decoration: none; color: #c00}


.ui-tooltip, .arrow:after {
	background: rgba(25, 25, 25, 0.9)!important;
	border: none!important;
	box-shadow: 2px 2px 4px rgba(25, 25, 25, 0.9)!important;
}
.ui-tooltip {
	padding: 10px 20px!important;
	color: white!important;
	font-size: 12px!important;
}
.arrow {
	width: 70px;
	height: 16px;
	overflow: hidden;
	position: absolute;
	left: 50%;
	margin-left: -35px;
	bottom: -16px;
}
.arrow.top {
	top: -16px;
	bottom: auto;
}
.arrow.left {
	left: 20%;
}
.arrow:after {
	content: "";
	position: absolute;
	left: 20px;
	top: -20px;
	width: 25px;
	height: 25px;
	box-shadow: 6px 5px 9px -9px black;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	tranform: rotate(45deg);
}
.arrow.top:after {
	bottom: -20px;
	top: auto;
}

ul.ui-tabs-nav {
	font-size: 13px ;
	border-radius: 0px!important ;
	background: none!important ;
	border: none!important ;
}

div#tabs {
	border-radius: 0px!important ;
}

.ui-autocomplete, .ui-autocomplete:hover {
	font-size: 12px ;
	border-radius: 0 ;
	background: rgba(25, 25, 25, 0.9);
	box-shadow: 2px 2px 4px rgba(25, 25, 25, 0.9);
	color: #fff ;!important
}

.ui-autocomplete .ui-menu-item, .ui-autocomplete .ui-menu-item:hover {
	border: none!important;
	border-radius: 0!important ;
}

.ui-autocomplete .ui-corner-all, .ui-autocomplete .ui-corner-all:hover {
	color: #fff!important ;
	background: rgba(25, 25, 25, 0.9)!important;
	border: none!important;
	border-radius: 0!important ;
}

.ui-autocomplete .ui-corner-all:hover {
	color: #6799CF!important ;
}

.ui-autocomplete .ui-state-focus {
	margin: 0!important;
	border: none ;
}
.ui-state-default_dud {
	border: 1px solid rgb(216, 220, 223) ;
}

div.ui-datepicker {
	padding: 10px 10px 5px 10px;
	background: none;
	background-color: rgba(25,25,25, 0.5)!important;
}
table.ui-datepicker-calendar {
	padding: 3px ;
}
table.ui-datepicker-calendar, table.ui-datepicker-calendar td {
	padding: 0px ;
}
table.ui-datepicker-calendar tr:first-child th:first-child {
	padding: 0px ;
}
table.ui-datepicker-calendar tr:last-child th:last-child {
	padding: 0px ;
}
div.ui-datepicker-header {
	background: none;
	background-color: #96BEEA!important;
	border-radius: 0px ;
	border: none ;
}

td.hiddenReveal, div.hiddenReveal, tr.hiddenReveal td {
	background: none;
	background-color: #EDF7FF!important;
}

/* Timetable styles */
th.ttCalendarBar {
	vertical-align: top;
	width: 100%;
	text-align: right!important;
	background-image: none!important;
	background-color: #f2f2f2!important
}
span.ttSchoolCalendar {
	color: #fff;
	font-weight: bold;
	margin: 0px -2px 0px 5px;
	background-color: rgb(51,153,0);
	padding: 5px 7px;
	border: 1px solid #555
}
div.ttSchoolCalendar {
	background-color: rgb(51,153,0) ;
	color: #fff;
	font-weight: bold ;
}
span.ttPersonalCalendar {
	color: #fff;
	font-weight: bold;
	margin: 0px -2px 0px 5px;
	background-color: rgb(103,153,207);
	padding: 5px 7px;
	border: 1px solid #555;
}
div.ttPersonalCalendar {
	background-color: rgb(103,153,207);
	color: #fff;
	font-weight: bold ;
}
span.ttSpaceBookingCalendar {
	color: #fff;
	font-weight: bold;
	margin: 0px -2px 0px 5px;
	background-color: #E5760D;
	padding: 5px 7px;
	border: 1px solid #555;
}
div.ttSpaceBookingCalendar {
	background-color: #E5760D;
	color: #fff;
	font-weight: bold ;
}
div.ttClosure {
	border: 1px solid rgb(136,136,136);
	background-color: rgb(255,196,202);
	color: rgb(255,0,0);
	border: 1px solid rgb(136,136,136) ;
}
div.ttGeneric {
	background-color: rgb(238,238,238);
	color: rgb(0,0,0);
	border: 1px solid rgb(136,136,136) ;
}
div.ttCurrent {
	background-color: rgb(179,239,194) ;
	color: rgb(0,0,0);
	border: 1px solid rgb(136,136,136) ;
}
div.ttLesson {
	background-color: rgb(238,238,238);
	color: rgb(136,136,136) ;
	border: 1px solid rgb(136,136,136) ;
}
div.ttPeriod {
	color: rgb(0,0,0);
	border: 1px solid rgb(136,136,136) ;
	background-color: rgb(150,190,234) ;
}
div.ttPeriodCurrent {
	color: rgb(0,0,0);
	border: 1px solid rgb(136,136,136) ;
	background-color: rgb(179, 239, 194) ;
}

table.chatBox {
	margin-top: 0px ;
	padding: 0px ;
	margin-bottom: -1px ;
	border: 1px solid #333 ;
	background-color: #f9f9f9;
	border-radius:0px;
}

table.chatBoxFirst {
	margin-top: 25px ;
}

table.chatBox tr td {
	color: #444 ;
	word-wrap: break-word ;
	padding: 1px 4px
}

.ttToday {
        background:#fefedd;
}

/* TAG CLOUD STYLE */
.tag_cloud { padding: 3px; text-decoration: none; }
.tag_cloud:link { color: #6799CF; text-decoration: none }
.tag_cloud:visited { color: #1C528C; text-decoration: none }
.tag_cloud { background: none }
.tag_cloud:hover { background: #1C528C; color: #fff }


/* RESOURCE UPLOAD SLIDER */
div.resourceAddSlider {
	min-height: 60px;
	border: 1px solid #C0C0C0;
	text-align: center;
	width: 100%;
	margin-top: 5px;
	margin-bottom: -5px
}

/* v12 NEW CLASSES */
p.emphasis, span.emphasis {
	font-style: italic ;
}
span.small {
	font-size: 93% ;
}

input.standardWidth, textarea.standardWidth, select.standardWidth, div.standardWidth, table.standardWidth {
	width: 300px ;
}
.fullWidth {
	width: 100% ;
}
div.blockOuter {
	text-align: center;
}
h1.bigTop, h2.bigTop, h3.bigTop, h4.bigTop, h5.bigTop, h6.bigTop {
	margin-top: 50px!important;
}

table.colorOddEven tr:nth-of-type(even) > td {
	background: -webkit-gradient(linear, center top, center bottom, from(#F2F2F2), to(#F0F0F0));
	background: -webkit-linear-gradient(center top , #F2F2F2, #F0F0F0);
	background: -o-linear-gradient(center top , #F2F2F2, #F0F0F0);
	background: -moz-linear-gradient(center top , #F2F2F2, #F0F0F0);
	background: linear-gradient(center top , #F2F2F2, #F0F0F0);
}

/* Forms - ignore the colorOddEven stripe on footer */
form table.colorOddEven tr:last-of-type td {
	background: #fbfbfb;
}

/* v13 NEW CLASSES */
td.wordWrap {
	overflow-wrap: break-word;
  	word-wrap: break-word;
  	word-break: break-word !important;
}
div.notificationTray {
	float: right;
	font-size: 13px;
	height: 44px;
	padding-right: 25px;
	padding-top: 3px;
	color: #C0C0C0;
	width: 235px;
}
div.notificationTray a {
	color: #000000;
}
div.notificationTray a.inactive {
	color: #C0C0C0;
	cursor: default;
	text-decoration: none;
}

/* v14 NEW CLASSES */

/* Ensure forms leave enough room in the second column for LiveValidation to fit. Updated to fix nested tables in forms. */
table.standardForm td.standardWidth:last-child:nth-child(2) {
	min-width: 450px;
}

select[multiple] {
	height: auto;
	max-height: 130px;
}

.shortWidth {
	width: 148px;
}

.mediumWidth {
	width: 230px;
}

.phoneNumber input {
	width: 160px;
}

.phoneNumber select[name$="CountryCode"] {
	width: 60px;
}

.phoneNumber select[name$="Type"] {
	width: 70px;
}

.phoneNumber .phoneInputs {
    position: relative;
}

.column > div:after {
  content: "";
  display: table;
  clear: both;
}

.column.inline {
	white-space: nowrap;
}

.column.inline div {
	display:inline-block;
	width:auto;
    vertical-align: middle;
}

.column.stacked div:not(:last-of-type) {
    margin-bottom: 10px;
}

.formTable .standardWidth {
    width: auto;
}

.formTable input,
.formTable select,
.formTable textarea {
	float: left;
    margin-left: 0px;
}


table tr.heading td {
	padding:15px 5px 15px 5px !important;
	border-top:1px solid #fafafa;
	border-bottom:1px solid #e0e0e0;
	font-size: 110% !important;
	font-weight: bold;
	background: #ebebeb;
	background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#dfdfdf));
	background: -moz-linear-gradient(top,  #ebebeb,  #dfdfdf);
	text-align: left;
}

table tr.heading:first-child td:first-child {
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	border-top-left-radius:3px;
	text-align: left;
	padding-left: 15px !important;
}

table tr.heading:first-child td:last-child {
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	border-top-right-radius:3px;
	padding-left: 5px !important;
}

/* Usability tweak to make large data tables like User Permissions easier to read */
table.rowHighlight tr:not(.break):hover td,
table.columnHighlight .hover:not(:first-child) {
	background: #EDF7FF !important;
}

/* Unfloat validation preceded by a phone input, adjust line height for vertical alignment */
input[name*="phone"] ~ .LV_invalid {
    float: none;
    position: absolute;
    left: calc(-100% - 6px);
    text-align: right;
    width: 100%;
}

/* Hide validation preceded by another validation message in the same parent element */
.LV_invalid ~ .LV_invalid {
    display: none;
}

/* Remove the tiny gap that appears near validation elements */
.LV_valid:empty, .LV_invalid:empty {
    margin: 0;
}

/* v15 NEW CLASSES */
.input-box {
	float: right;
	display: table;
	border: 1px solid #BFBFBF;
	background-color: #ffffff;
    box-sizing: border-box;
}

.input-box .inline-label {
	display:table-cell;
	padding: 5px;
	text-align:left;
	vertical-align:middle;
	word-break: break-all;
}

.input-box .inline-button {
	display:table-cell;
	border-left: 1px solid #BFBFBF;
	background: #fafafa;
	background: -moz-linear-gradient(top, #fbfbfb, #fafafa);
	width:48px;
	height:48px;
	vertical-align:middle;
	text-align:center;
	cursor: pointer;
}

.input-box ~ .input-box {
	border-top-width: 0px;
}

.input-box-meta {
	float: right;
	line-height: 22px;
}

.floatLeft {
	float: left!important;
}

.floatRight {
	float: right!important;
}

.floatNone {
	float:none!important;
}

.max-upload {
    font-style: italic;
	color: #c00;
    font-size: 11px;
}

#content .smallIntBorder {
  max-width: 752px;
}
#content-wide .smallIntBorder {
  max-width: 1052px;
}

.matchHighlight table {
    float: right;
}

.matchHighlight > td {
	border-top: 1px dashed #c00;
	border-bottom: 1px dashed #c00;
}

.matchHighlightText {
	color: #e00;
}

tr.head td {
	font-weight: bold;
	font-size: 110%;
}

.right {
	text-align: right!important;
}

.textCenter {
	text-align: center!important;
}

/* Hide breadcrumbs in fullscreen */
#TB_window .trail {
	display: none;
}

.ttDates {
	height: 80px;
	width: 8%;
	vertical-align: top;
	font-size: 10px;
}

td.standardWidth {
	position: relative;
}

input[type="button"],
input[type="submit"],
input[type="reset"] {
	padding: 0px 6px;
}

input[type="button"].alignRight {
	position: absolute;
	right: 5px;
	margin: 0;
}

fieldset {
	border: 0;
}

.displayInlineBlock {
    display: inline-block;
}

/* Fixes an odd colspan-related width bug in Chrome */
td.fullWidth[colspan] {
    width: auto;
}

/* Utility classes - will be part of the larger css refactor soon */
.noMargin {
    margin: 0 !important;
}

.noPadding,
table.smallIntBorder td.noPadding {
    padding: 0!important;
}

.noBorder {
    border: 0!important;
}

/* CUSTOM BLOCKS v16 */
.customBlocks .sortHighlight {
    margin-bottom: 5px;
    min-height: 80px;
    line-height: 1.2em;
    width: 100%;
    border: 1px solid #fcd3a1;
    background: #fbf8ee;
    color: #444444;
}

.customBlocks .sortHandle {
    width: 2px;
    height: 70px;
    margin: 5px;
    border-color: #c7dae9;
    border-style: dotted;
    border-width: 0px 3px 0px 3px;
    cursor: move;
}

.blockPlaceholder {
    color: #ddd;
    font-size: 230%;
    padding: 15px 0 15px 6px;
}

.blockTemplate {
    overflow:hidden;
    background: #EDF7FF;
    border: 1px solid #d8dcdf;
    margin: 0 0 5px;
}

.blockTemplate.ui-sortable-helper {
	max-height: 80px !important;
}

.blockSidebar {
    width: 8%;
}

.blockInputs {
    width:88%;
    padding: 5px;
    box-sizing: border-box;
}

.blockInputs input, .blockInputs textarea, .blockInputs select {
    border: 1px solid #BFBFBF;
    font-style: italic;
}

.blockInputs .readonly {
    color: #222222;
    border: 1px dotted #aaa;
    background: none;
}

.blockInputs select.readonly {
    pointer-events: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.blockInputs .title {
    font-style: normal;
	font-weight: bold;
	font-size: 16px;
}

/* v16 NEW CLASSES */

.displayNone {
    display: none;
}

tr.selected, tr.selected td, div.selected, td.selected {
    background: none!important ;
    background-color: #e2ccf6!important ;
    border-bottom-color: #d2b8ec;
    border-top-color: #f7edff;
}

/* Gibbon Data Table CSS - Will be moved to core.css */
.dataTable .sortable {
	cursor: pointer;
    position: relative;
    padding-right: 20px;
}

.dataTable .sortable:not(.sorting):hover:after,
.dataTable .sortASC:after,
.dataTable .sortDESC:after {
	content: '';
	width: 0px;
	height: 0px;
	border: 5px solid transparent;
	position: absolute;
	top: 15px;
	right: 6px;
}

.dataTable .sortable:not(.sorting):hover:after {
	border-bottom: 5px solid #666666;
	opacity: 0.4;
}

.dataTable .sortASC:after {
	border-bottom: 5px solid #666666;
}

.dataTable .sortDESC:after {
    border-top: 5px solid #666666;
    top: 18px;
}

.dataTable input[type="button"],
.dataTable input[type="button"]:hover {
	font-size: 10px;
	padding: 6px;
	height: auto;
	min-width: auto;
}

.dataTable .filters {
    width: 70px;
    height: 26px;
    margin: 2px 5px 4px 0;
}

.dataTable .limit {
    width: 50px;
    height: 26px;
    margin: 2px 0px 4px 0;
}

.dataTable header small,
.dataTable footer small {
    font-size: 12px;
    line-height: 32px;
}

.dataTable .flexRow {
    display : flex;
    flex-flow: row nowrap;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 5px;
}

.dataTable .expandable {
    border-right: 0px !important;
    padding: 0px !important;
    overflow: visible;
}

.dataTable .expandable + td {
    border-left: 0px !important;
    padding-left: 4px !important;
}

.dataTable .expander {
    display: block;
    padding: 15px 10px;
    cursor: pointer;
}

.dataTable .expander:before {
    content: '';
    border: solid #999;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transition: transform 0.2s;
    pointer-events: none;
}

.dataTable .expander:hover:before {
    border-color: #444;
}

.dataTable .expander.expanded:before {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.dataTable .bulkActionPanel {
    position:absolute;
    z-index:1;
    bottom: -8px;
    right: 0;
    width: 100%;background: #9d7cc6;
    padding: 5px;
    box-sizing: border-box;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.dataTable .bulkActionCount {
    position: relative; 
    right: 10px;
    font-size:13px;
    line-height:32px;
    color:#fff
}

.dataTable .bulkCheckbox {
    position: relative;
    text-align: center;
}

.dataTable .bulkCheckbox label {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.dataTable .linkTop {
    margin: 0;
    line-height: 32px;
}

button, input[type="submit"], input[type="button"] {
	cursor: pointer;
}

button.active, input[type="submit"].active, input[type="button"].active {
	background-color: #bbbbbb;
}

button[disabled], input[disabled], textarea[disabled] {
	cursor: initial;
	filter: alpha(opacity = 65);
	-webkit-box-shadow: none;
	box-shadow: none;
	opacity: .45;
}

@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}

@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}

.submitted::before {
    content: " ";
    display: inline-block;
    background: url("../img/refresh.png") no-repeat 0 0;
    background-size: 100%;
    animation: spin 2s infinite linear;
    position: relative;
    top: 3px;
    right: 5px;
    height: 14px;
    width: 14px;
    opacity: 0.65;
}