/* Main Styles */

@import url(//fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic);

body, html {
	font-family: 'Roboto', Arial, Helvetica, Sans-Serif;
	font-weight: 400;
	font-size:  14px;
	line-height: 1.5em;
	height: 100%;
	color: #444;
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
}

html {
    width: 100%;
    height: 100%;
	overflow-x: auto;
	overflow-y: auto;
}

body {
	min-width: 1900px;
}

main {
	display: block;
	width: 100%;
	height: 100%;
	height: calc(100% - 91px);
	min-width: 1400px;
	overflow: hidden;
    box-sizing: border-box;
}

h2, h3, h4 {
	border-width: 0 !important;
    line-height: normal !important;
}

/* Convert site p color to black for readability */

main section p {
    color: black;
}

/* Header */

header {
	width: 100%;
	display: table;
	height: 90px;
	background-color: #004f97;
	padding: 0;
	color: #cdcdcd;
    border-bottom: 1px solid #00274b;
    position: relative;
}

header h2, header .clock {
    vertical-align: middle;
    display: table-cell;
}

header h2 {
	margin: 0 0 0 ;
	line-height: 180%;
	color: inherit;
    color: #fff;
    font-size: 3.5em;
    width: auto;
    text-transform: none;
}

header p {
	margin-top: -1em;
}

.clock {
    width: 16em;
    text-align: center;
}

.clock span:first-child {
    font-size: 1.25em;
}

.clock span:last-child {
    font-size: 1.75em;
}

/* Login styles */

#message {
	position: absolute;
	top: 30%;
	transform: translateY(-50%);
	opacity: 1;
	z-index: 20;
	width: 100%;
	text-align: center;
	transition: all .6s .1s ease-in-out;
}

#message.hide {
	top: calc(30% + 2em);
	opacity: 0;
	z-index: 0;
    pointer-events: none;
}

.loginCenter {
    position: relative;
    vertical-align: middle;
}

#login {
	width: 36em;
	position: relative;
	top: -46px;
	/*transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);*/
	margin: 0 auto;
}

#login form {
    display: block;
    width: 100%;
    overflow: hidden;
}

#login label {
	font-size: 1em;
}

#login input[type="text"], #login input[type="password"] {
	font-size: 2em;
	text-align: center;
	border: 1px solid rgba(100,178,255,0.5);
	border-radius: 1.2em;
	padding: .2em;
	margin: 0 10% .3em;
	float: left;
	clear: both;
	width: 80%;
	color: #666;
	transition: border .2s ease-in;
}

#login.error input[type="text"], #login.error input[type="password"] {
	border: 1px solid red;
}

#login input[type="checkbox"] {
	position: relative;
	top: 2px;
	margin-right: .5em;
}

#login button, #message button {
	font-size: 1.3em;
	padding: 8px 1em;
	background-color: rgb(100,178,255);
	color: white;
	border-radius: calc(1.3em + 4px);
	border: 1px solid rgba(100,178,255,0.3);
	margin: 1em 40% 0;
	width: 20%;
	/*position: relative;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);*/
	cursor: pointer;
    float: left;
    clear: both;
}

#login button:hover {
	opacity: 0.8;
}

#login div {
	display: table;
	clear: both;
	float: left;
	width: 80%;
	margin: 0 10%;
    overflow: hidden;
}

#login div div, #login div a {
	display: table-cell;
	width: auto;
	margin: 0;
}

#login a {
	float: right;
	text-decoration: none;
}

#login h3 {
	font-size: 1.5em;
	text-align: center;
}

.loggedIn label, .loggedIn a, .loggedIn input[type="checkbox"], .loggedIn button {
	opacity: 0;
	transition: all .2s ease-in;
}

.loggedIn h3 {
	opacity: 0;
	margin: -1em 0;
	transition: opacity .2s ease-in, margin .3s .2s ease-in;
}

#login.loggedIn input[type="text"] {
	margin: 8em 0;
	transition: all .5s .2s ease-in;
}

.loggedIn {
	opacity: 0;
	transition: opacity .2s .3s ease-in;
}

.loginInstructions {
    width: 100%;
    text-align: center;
}

.loginList {
    margin: 1em 0 2em;
}

.loginList li {
    margin: 0 1.5em 1em;
    list-style-type: circle;
}

/* Sidebar Menu Styles */

a:link {
	color: rgb(100,178,255);
}

a:visited{
	color: rgb(100,178,255);
}

a:hover  {
	color: rgb(100,178,255);
}

a:active{
	color: rgba(100,178,255,0.3);
}

.linkList a, .edit_buttons > p, .edit_options > div > p {
	display: block;
	text-decoration: none;
	color: inherit;
	padding: .75em 2em;
	/*border-radius: 1.25em;*/
}

.linkList li a, .edit_options div > p {
	padding: .4em 1em;
}

.linkList ol > li a {
	padding: .1em 1em;
}

.linkList a:link {
	color: inherit;
}

.linkList a:visited{
	color: inherit;
}

.linkList a:hover, .linkList a.primary:hover {
	color: inherit;
	background-color: #004f97;
	cursor: pointer;
}

.contentContainer .linkList a:hover, .contentContainer .linkList a.primary:hover {
	background-color: #eee;
}

.edit_options .linkList a:hover, .edit_options .linkList a.primary:hover {
	background-color: #EDEDED;
}

.edit_options p.cancel:hover {
    color: #cdcdcd;
	cursor: pointer;
}

.subnav.linkList a:hover {
    background-color: rgba(255,255,255,0.8);
}

.linkList a:active {
	/*color: inherit;*/
}

.linkList a.primary {
	background-color: transparent;
    border-top: 1px solid #006fae;
    border-bottom: 1px solid #00274b;
    color: #cdcdcd;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
	/*margin: 0 2.5em .5em 0;
	border-radius: 0 1.5em 1.5em 0;*/
}

.linkList a.primary:hover {
	background-color: #003566;
}

.linkList a.primary.selected {
    border-top-color: #004f97;
    border-bottom-color: #003566;
    background-color: #003566;
}

.linkList a.primary.selected + ul {
    background-color: #003566;
}

.linkList ul ul a {
	padding: .25em;
    font-size: 12px;
}

.linkList ul ul ul a {
	padding: .15em;
}

.linkList li.main, #content .linkList .websiteContent > li /*, .options > li*/ {
	margin: 0 0 .5em 0;
	/*border-radius: 1.5em;*/
	/*background-color: rgba(255,255,255,0.3);*/
}

.subnav .websiteContent > li.main:nth-child(even) {
    background-color: #d9d9d9;
    border-radius: 1em 0 0 1em;
}

.subnav .websiteContent > li.main.focus {
    background-color: rgba(255,255,255,0.7);
    border-radius: 1em 0 0 1em;
}

.subnav .websiteContent > li.main.focus > ul > li.focus > a {
    border-radius: 0;
}

.subnav ol {
    background-color: rgba(255,255,255,0.75);
    border-radius: 1em 0 0 1em;
}

:not(#sidebar).linkList ul > li.hasSub:before { 
    content: "";
    border-color: transparent #004F97;
    border-style: solid;
    border-width: 0.3em 0 0.3em 0.4em;
    display: block;
    height: 0;
    width: 0;
    left: 1em;
    top: 1em;
    position: relative;
	margin: 0 0 -.5em;
	transition: all .3s ease-in;
}

/*:not(#sidebar).linkList li.hasSub:hover:before {
    border-color: transparent #CDCDCD;
}*/

:not(#sidebar).linkList li ul > li.hasSub:before { 
    left: 2em;
    top: 10px;
    position: relative;
}

:not(#sidebar).linkList li li li.hasSub:before { 
    left: 3em;
    top: .75em;
}

:not(#sidebar).linkList li li li li.hasSub:before { 
    left: 4em;
    top: .75em;
}

.linkList li a {
	padding-left: 1em;
    border-radius: 2em 0 0 2em;
}

.contentContainer .linkList li a {
	padding-left: 2em;
    border-radius: 2em;
}

.edit_options .linkList li a {
    border-radius: 2em;
}

.subnav.linkList li a {
    padding-left: 2em;
}

.linkList li li a {
	padding-left: 3em;
}

.subnav.linkList li li a {
    padding-left: 3.5em;
}

.contentContainer .linkList li a {
    padding-left: 2em;
}

.contentContainer .linkList li li a {
    padding-left: 4em;
}

.contentContainer .linkList li li li a {
	padding-left: 5em;
}

.subnav.linkList li ol > li a {
    position: relative;
    padding-left: 1em;
}

.subnav.linkList li ol > li {
    margin: 0 0 0.5em;
}

.linkList li li li a {
	padding-left: 4em;
}

.subnav.linkList li li li a {
	padding-left: 4.5em;
}

.linkList li li li li a {
	padding-left: 4.5em;
}

.subnav.linkList li li li li a {
	padding-left: 5.5em;
}

.linkList li li li li li a {
	padding-left: 5.5em;
}

.subnav.linkList li li li li li a {
	padding-left: 5.5em;
}

.subnav.linkList li li ol li a {
	padding-left: 1em;
    position: relative;
    top: -1px;
}

.linkList ul li, .linkList ul li.focus ul li, .linkList ul li.focus ul li ul li, .linkList ul li.focus ul li.hasSub:not(.focus) ul li {
	max-height: 0;
	display: block;
	margin: 0;
	opacity: 0;
	transition: max-height .4s ease-in, opacity .2s ease-in;
	-webkit-transition: max-height .4s ease-in, opacity .2s ease-in;
	pointer-events: none;
}

.linkList ul li.focus, .linkList ul li.focus ul li, .linkList ul li.focus ul li.focus ul li, .linkList ol li.focus, .linkList ul li.focus ol li, .linkList ul li.focus ul li.focus ol li, .linkList .main, #content .linkList .websiteContent > li {
	max-height: 300em;
	opacity: 1;
	transition: max-height .1.2s .2s ease-in, opacity .3s .5s ease-in;
	-webkit-transition: max-height 1.2s .2s ease-in, opacity .3s .5s ease-in;
	pointer-events: auto;
}

.linkList ul li.focus ul li.hasSub:not(.focus) ul li {
	transition: max-height .4s ease-in, opacity .2s ease-in;
	-webkit-transition: max-height .4s ease-in, opacity .2s ease-in;
}

.linkList ul > li.focus:before {
	transform:rotate(90deg);
}

.linkList a.selected {
	background-color: #cdcdcd;
}

.subnav.linkList a.selected {
	background-color: #fff;
}

.linkList li a.selected:link, .linkList li a.selected:visited, .linkList li a.selected:hover, .linkList li a.selected:active {
    color: #003566;
}

.linkList li a:link, .linkList li a:visited, .linkList li a:hover, .linkList li a:active {
    text-decoration: none;
}

li.main.hasSub ul li {
    display: inline-block;
    opacity: 1;
    pointer-events: auto;
    width: 100%;
}


/* Main Body */

main {
    display: table;
    vertical-align: top;
}

main nav, main section, main .loginCenter, main .edit_options{
    display: table-cell;
}

nav {
	/*border: 1px solid purple;*/
	width:16em;
	background-color: #004f97;
	padding: 0;
	box-sizing: border-box;
	overflow-y: auto;
	overflow-x: hidden;
	-ms-overflow-y: auto;
	-ms-overflow-x: hidden;
	color: #cdcdcd;
	transition: left .5s ease-in-out;
	/*position: relative;*/
	left: 0;
	z-index: 100;
    vertical-align: inherit;
}

.contactBox {
    background-color: #003566;
    border-radius: .5em;
    margin: 4em 1em 1em;
    padding: 1em 1em 1.5em;
    color: #cdcdcd;
}

.logo {
    border-bottom: 1px solid #cdcdcd;
    text-align: center;
}

.logo, .address, .phone{
    display: block;
    margin: 0 auto;
    width: 151px;
}

.phone {
    font-size: 1.85em;
    color: #fff;
    text-align: center;
    margin: 6px auto 8px;
}

nav.subnav {
    border-top: 1px solid #dddddd;
    color: #003566;
}

.messageBar {
    border-top: 1px solid #dddddd;
    background-color: #cdcdcd;
    height: 3em;
    width: 100%;
}

.subnav > ul:first-child {
    margin-top: 3em;
}

.subnav > ul:first-child li.hasOL {
    margin-top: -1px;
}

.subnav.linkList .main.thisList {
    /*padding: .5em 1em 1.5em 3em;*/
    font-weight: 500;
    margin-bottom: 1.5em;
}

nav li {
    font-family: inherit;
}

nav.hide {
	left: -23em;
}
/* Don't hide menus -  Make this customizable in settings

nav.show {
	left: -20.5em;
	background-color: rgba(100,178,255,0.5);
	transition: all .3s ease-in;
} */
nav.show {
	left: 0;
	background-color: #004f97;
}

nav.subnav {
    background-color: #cdcdcd;
    width: 5px;
    height: 100%;
    overflow-y: auto;
}

nav.subnav.show {
}

header .copyVer {
    display: block;
    position: absolute;
    bottom: -5px;
    right: 1em;
    font-size: 12px;
    line-height: 130%;
}

.copyVer span {
    color: #fff;
}

#actions {
	display: block;
	right: -20.5em;
	padding: 0;
	height: 100%;
	width: 23em;
	z-index: 50;
	background-color: rgb(100,178,255);
	transition: all .3s ease-in-out;
	position: absolute;
	overflow-y: auto;
	overflow-x: hidden;
	-ms-overflow-y: auto;
	-ms-overflow-x: hidden;
}

.linkList .logout {
    border-radius: 2em;
    padding: .25em 1em;
    width: 60px;
    text-transform: uppercase;
    display: block;
    text-align: center;
    margin: 2em auto 0;
    background: #ededed; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZGNkY2QiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ededed 0%, #cdcdcd 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#cdcdcd)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ededed 0%,#cdcdcd 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ededed 0%,#cdcdcd 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ededed 0%,#cdcdcd 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ededed 0%,#cdcdcd 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#cdcdcd',GradientType=0 ); /* IE6-8 */
}

.linkList .logout:link, .linkList .logout:hover, .linkList .logout:visited, .linkList .logout:active {
    color: #004F97;
    font-weight: 500;
}

.linkList .logout:hover {
    background: #ededed; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: #cdcdcd; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NkY2RjZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #cdcdcd 0%, #ededed 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdcdcd), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #cdcdcd 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #cdcdcd 0%,#ededed 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #cdcdcd 0%,#ededed 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #cdcdcd 0%,#ededed 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdcdcd', endColorstr='#ededed',GradientType=0 ); /* IE6-8 */
}

/* Don't hide menus -  Make this customizable in settings 
#actions:hover */ #actions {
	right: 0;
	background-color: rgba(255,255,255,0.7);
}

#actions.hide {
	right: -23em;
	pointer-events: none;
}

/*.edit_buttons button,*/ .edit_buttons > p, .edit_buttons ul, .edit_buttons :not(ul) > * {
	float: left;
	clear: both;
	/*margin-left: 1em;*/
}

.edit_buttons > p, .edit_options > div > p {
    background-color: #004F97;
    margin: 1em 0 0;
    border-radius: 0 2em 2em 0;
    display: inline-block;
    text-transform: uppercase;
    padding-right: 5em;
    color: #fff;
}

 .edit_options > div > p:first-child {
    margin-top: 0;
    background-color: white;
    width: auto;
     color: #000;
 }

.edit_buttons > p:first-child, .edit_options > div > p:first-child {
	margin-top: 3em;
}

.edit_buttons button b, .edit_buttons button i, .edit_buttons button span {
	margin-left: 0;
}

#actions svg {
	width: 2.5em;
	height: 2.5em;
	margin: .25em 0;
	clear: left;
	vertical-align: middle;
}

.edit_options {
	padding: 0;
	max-width: 5px;
	transition: max-width .3s ease-in-out;
	-webkit-transition: max-width .3s ease-in-out;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #cdcdcd;
    vertical-align: top;
    border-top: 1px solid #dddddd;
}

.edit_options.show {
	max-width: 18em;
}

.edit_buttons > button {
	position: relative;
	display: block;
	float: left;
	clear: both;
	background-color: rgba(100,178,255,0.35);
	border: 0 solid;
	margin: 0 0 1em 2em;
	border-radius: 1.5em;
	color: #444;
	padding: 0 1em;
}

.edit_buttons > .bLeft {
	border-radius: 1.5em 0 0 1.5em;
}

.edit_buttons > .bCenter {
	border-radius: 0;
	margin-left: 1px;
}

.edit_buttons > .bRight {
	border-radius: 0 1.5em 1.5em 0;
	margin-left: 1px;
}

.edit_buttons button.textOnly {
	padding: .75em 1em;
}

.edit_buttons #center, .edit_buttons #right, .edit_buttons #italic, .edit_buttons #underline, .edit_buttons #ol, .edit_buttons #sup, .edit_buttons #sub {
	clear: none;
}

.edit_buttons #sub, .edit_buttons #sup {
	padding-right: 1.5em;
}

.edit_buttons button h3, .edit_buttons button h4 {
	margin: 0;
}

.edit_buttons > button:hover {
	background-color: rgba(100,178,255,0.25);
	cursor: pointer;
}

.edit_buttons button svg, .edit_buttons button p {
	clear: none;
}

.edit_buttons button p {
	margin: .875em .75em 0 .5em;
}

.edit_options div {
	opacity: 0;
	transition: opacity 0s .3s ease-in-out;
	height: 0;
	overflow: hidden;
}

.edit_options .show {
	opacity: 1;
	transition: opacity 0.3s 0s ease-in-out;
	height: auto;
}

.edit_options div button {
	border-radius: 1em;
	padding: .25em 1em;
}

.edit_options input[type="text"] {
	padding: .25em;
	width: auto;
	margin: 0 0.5em 0.25em 1em;
}

.edit_buttons sub, .edit_buttons sup, sub, sup {
	float: none;
	font-size: .7em;
	margin: 0;
	padding: 0 .2em;
	position: absolute;
}

/*.edit_buttons #sup {
	padding-top: .55em;
}

.edit_buttons #sub {
	padding-bottom: .35em;
}*/

sub {
	top: 2em;
}

sup {
	top: .875em;
}

main section {
	border: 0 solid #cdcdcd;
    /*border-right-width: 5px;*/
	padding: 0;
    /*height: 967px;*/
	/*width: 100%;*/
	/*height: calc(100% - 12em);*/
	overflow: hidden;
	/*position: absolute;*/
	/*left: 50%;*/
	/*top: calc(50% + 3.5em);
	transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);*/
	/*top: 10em;*/
	/*transform: translateX(-50%);
	-webkit-transform: translateX(-50%);*/
	/*left: 9rem;*/
}

#menu {
	/*background-color: rgba(100,178,255,0.3);*/
	padding: 0;
	position: relative;
	/*top: 2em;*/
	opacity: 1;
	transition: opacity .3s ease-in-out;
	-webkit-transition: opacity .3s ease-in-out;
	/*left: calc(50% + 1em);
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);*/
}

#menu.hide {
	opacity: 0;
}

#menu .menuCenter {
	/*position: relative;
	
	margin: 0 auto;*/
}

.menuCenter h2 {
	margin: 1em 0 5px; 
    padding-left: 1rem;
    font-size: 2em;
}

#menu .buttons {
	display: block;
	vertical-align: middle;
	height: 60px;
	/*float: left;
	clear: both;*/
    text-align: right;
    border-top: 1px solid #cdcdcd;
    width: 100%;
    padding-top: 8px;
}

#menu h2 {
	clear: left;
}

span.hide {
    display: none;
}

.buttons input, .edit_options button, .list input[type="button"], span.button input[type="button"] {
	border: 0px solid;
	background: #007cdb; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwN2NkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDM1NjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #007cdb 0%, #003566 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#007cdb), color-stop(100%,#003566)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #007cdb 0%,#003566 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #007cdb 0%,#003566 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #007cdb 0%,#003566 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #007cdb 0%,#003566 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007cdb', endColorstr='#003566',GradientType=0 ); /* IE6-8 */
	border-radius: 1.5em;
	padding: 0.2em 1em;
	font-size: 1rem;
	position: relative;
	/*left: -1em;*/
	font-family: inherit;
    text-transform: uppercase;
	color: #fff;
    font-weight: 500;
}

.buttons input.delete {
    background: #b30202; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IzMDIwMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3NDAwMDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #b30202 0%, #740001 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b30202), color-stop(100%,#740001)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #b30202 0%,#740001 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #b30202 0%,#740001 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #b30202 0%,#740001 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #b30202 0%,#740001 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b30202', endColorstr='#740001',GradientType=0 ); /* IE6-8 */
}

.fields .list input[type="button"], span.button input[type="button"] {
    margin-top: .4em;
}

.buttons input:hover, .edit_options button:hover, .list input[type="button"]:hover, span.button input[type="button"]:hover  {
	background: #003566; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMzU2NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDdjZGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #003566 0%, #007cdb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#003566), color-stop(100%,#007cdb)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #003566 0%,#007cdb 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #003566 0%,#007cdb 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #003566 0%,#007cdb 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #003566 0%,#007cdb 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003566', endColorstr='#007cdb',GradientType=0 ); /* IE6-8 */
	cursor: pointer;
}

.buttons input.delete:hover {
    background: #740001; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc0MDAwMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMzAyMDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #740001 0%, #b30202 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#740001), color-stop(100%,#b30202)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #740001 0%,#b30202 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #740001 0%,#b30202 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #740001 0%,#b30202 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #740001 0%,#b30202 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#740001', endColorstr='#b30202',GradientType=0 ); /* IE6-8 */
}

.contentContainer {
    height: 100%;
    box-sizing: border-box;
    overflow-y: auto;
    max-height: 875px;
}

form {
	display: block;
	/*overflow-y: hidden;
	height: auto;
	height: calc(100% - 10em);*/
}

#content {
	/*max-width: 900px; /* should draw from site css */
	display: block;
	position: relative;
	/*box-sizing: border-box;*/
	/*height: calc(100% - 9em - 3px);*/
	/*height: calc(100% - 6px);*/
	margin: 1.5rem 1rem 1rem calc(1rem - 3px);
	border: 3px dashed rgba(255,255,255,0);
	border-radius: 1.5em; 
	transition: border 0.3s ease-in-out, opacity 0.2s ease-in-out;
	padding: 0 0 3em;
	opacity: 1;
}

#content, #menu {
	width: calc(100% - 14em);
	min-width: 700px;
	/*max-width: 724px;
	max-width: 1000px;*/
	margin: 0 auto;
}

#content.hide {
	opacity: 0;
}

#content form {
	height: calc(100% - 1em);
	width: calc(100% - 1em);
	margin: .5em 1em .5em 0;
	display:block;
	overflow-y: auto;
	overflow-x: hidden;
	-ms-overflow-y: auto;
	-ms-overflow-x: hidden;
}

#content.show {
	/*background-color: rgba(100,178,255,0.3);*/
	/*border: 2px dashed #ededed;*/
}

h2 {
	color: rgb(0,100,200);
	margin: 1.5rem 0 1rem;
	font-size: 2em;
}

h3 {
	color: rgb(0,100,200);
	margin: 1.25rem 0 1rem;
	font-size: 1.5em;
}

h4{
	color: rgb(80,158,235);
	margin: 1rem 0 .5rem;
	font-size: 1.25em;
}

p, .html .focus > ul, .html .focus > ol {
	margin-bottom: 1em;
}

.html ul, .html ol {
	list-style-type: initial;
}

.html > ul, .html > ol {
	margin-left: 2em;
}

.html ol {
	list-style-type: decimal;
}

.html ul li, .html ol li {
	padding-left: .5em;
}

.breadcrumb {
	color: #bbb;
	font-size: 12px;
	margin: 1em 0 0;
	float: left;
	clear: right;
    display: none;
}

.breadcrumb a {
	color: inherit;
	text-decoration: none;
}

.breadcrumb a:hover {
	text-decoration: underline;
}

/* WYSIWYG */

.buttons input {
	display: none;
	margin-right: 1em;
}

.buttons .show {
	display: block;
	float: right;
	clear: none;
}

#content .html{
	height: calc(100% - 6px - 0);
	width: calc(100% - 2rem);
	/*padding: 0 1rem 0.5rem;*/
    padding: 0.25em 0.5em;
	margin: 0;
	overflow-y: auto;
	-ms-overflow-y: auto;
	/*max-height: calc(600px);*/
	position: relative;
}

#content.show  .html{
	/*background-color: #fff;*/
	min-height: 95%;
	min-height: calc(100% - 0.5rem);
}

#content .html > :first-child {
	margin-top: 4px;
}

.html.disable {
	display: none;
}

.subnav ol.list {
    counter-reset: li;
	margin-left: 3em;
    list-style-type: decimal;
    position: relative;
    margin-top: 1.5em;
}

.subnav li li ol.list {
    margin-top: .5em;
    margin-bottom: 1em;
}

.list > li:before {
    content: counter(li)  ".";
    counter-increment: li;
    display: inline;
    width: 1.5em;
    position: absolute;
    left: -1em;
    padding-top: 2px;
}

ol ol.list > li:before {
    content: counter(li, lower-alpha)  ".";
    counter-increment: li;
    display: inline;
    width: 1.5em;
    position: absolute;
    left: -1em;
    padding-top: 2px;
}

.show .list input[type="button"] {
	cursor: pointer;
}

.fields {
	display: table;
	width: 100%;
	margin-bottom: .5em;
    overflow: hidden;
    border-collapse: collapse;
}

/*.mce-container {
    max-width: 800px !important;
    overflow: hidden;
}*/

.fields > div  {
	display: table-row;
	vertical-align: top;
    border-top: 1px dashed #ddd;
}

.fields > div > * {
	display: table-cell;
	font-size: inherit;
	font-family: inherit;
	vertical-align: top;
}

.fields label {
	padding: 6px 3em 6px 1em;
	text-align: right;
    color: #004F97;
    text-transform: uppercase;
    min-width: 6em;
    padding-bottom: 1em;
}

.fields input:not([type="button"]), .fields option {
	min-width: 30em;
	padding: 4px 7px;
	font-family: inherit;
	font-size: inherit;
    line-height: 1.5em;
}

.fields .siteColors option {
    height: 30px;
    width: 30px;
    min-width: 30px;
    box-sizing: border-box;
    padding: 0;
}

.fields .siteColors:hover {
    background-color: white !important;
}

.fields input[type="text"] {
    border: 1px solid #ccc;
}

.fields input[type="radio"] {
    min-width: 1em;
}

.fields .currentFile {
    padding: 4px 7px;
}

.fields input[type="checkbox"] {
	min-width: 0;
	text-align: left;
	float: left;
	position: relative;
	top: 4px;
	left: -4px;
}

.fields textarea {
	min-width: 30em;
    min-height: 5em;
	padding: .25em .5em;
	font-family: inherit;
	font-size: inherit;
    border: 1px solid #ccc;
}

.fields ol {
	padding: .25em .5em;
	margin-left: 1em;
	margin-top: .25em;
	/*max-height: 8em;*/
}

.fields .gallery ol {
	padding-left: 0;
	margin-left: 0;
	/*max-height: 8em;*/
    position: relative;
    overflow: hidden;
}

.fields input[type="button"] {
	min-width: 0;
}

#content:not(.show) .fields input, #content:not(.show) .fields textarea, #content:not(.show) .fields select {
	border-color: transparent;
	pointer-events: none;
}

.options {
	display: block;
	list-style: none;
	position: relative;
	overflow: visible;
}

.options ul {
	font-size: 14px;
	z-index: 1000;
}

.options.show{
	padding: .5em 0;
}

.options > li {
	height: 0;
	overflow: hidden;
	transition: height .4s;
	margin-right: 0;
	cursor: pointer;
}

.options > li > p {
	height: auto;
	padding: 0.4em 2em .4em 3em;
	margin-bottom: 0;
}

.options > li > p:first-child {
	/*width: calc(100% - 2em);
	border-radius: 1.5em;
	background-color: rgba(100,178,255,0.3);
	margin-bottom: 1em;*/
    border-radius: 0 2em 2em 0;
	display: inline-block;
}

.options > li:not(.file) > p:first-child:hover {
	background-color: #ededed;
}

.options.show > li {
	height: 1.5em;
	max-height: 1.5em;
	/*padding: .75em 2em;*/
	padding: .75em 0;
	/*transition: max-height .8s ease-in-out;*/
}
/*
.options  > li > :not(p) {
	display: none;
}*/

.options > li.show * {
	display: inline-block;
	clear: none;
}

.options.show > li.show {
	height: auto;
	max-height: 1000em;
}

.options.show > li.show:not(.file) > p:first-child {
	background-color: #ededed;
}

.options > li.file {
	height: 5em;
}

.options > li.file button {
	margin-top: .5em;
} 

/* Internal select styles */

.options #internalSelect {
	position: relative;
	left: 0;
	float: left;
	padding: 0;
	border-width: 0;
    margin-left: 3em;
}

.options #internalSelect li {
	float: left;
	clear: both;
	width: 20em;
	margin: 0 4.5em .5em 1.5em;
}

.options .linkList  #internalSelect li {
	max-height: 2.25em;
	margin: 0;
}

.options .linkList  #internalSelect li.focus {
	max-height: 30em;
}

.options .linkList li a {
	padding: .25em 2em;
}
/*
.options .linkList li li a {
	padding-left: .5em;
}

.options .linkList li li li a {
	padding-left: .5em;
}*/
/*
.options .linkList li  {
	padding-left: 1em;
}*/

.options .linkList li li  {
	padding-left: .75em;
	top: -.25em;
}

.options .linkList li li li  {
	padding-left: 1.5em;
}

.options .linkList li.hasSub {
	margin-top: -1em;
}

.options .linkList li.hasSub:before, .options  .linkList li li.hasSub:before, .options  .linkList li li li.hasSub:before { 
    left: 1em;
	top: .875em;
}

.linkList > ul {
	/*margin: .5em 0 0.5em 1em;*/
    margin: 0;
    padding-left: 1em;
}

/*
.options .linkList #internalSelect li a {
	width: 100%;
}*/

/*
.options #internalSelect ul, .options #internalSelect ul ul {
	display: none;
	margin: 0;
	float: left;
	top: 0;
	background-color: rgb(100,178,255);
}
/*
.options #internalSelect.show li:hover ul ul {
	display: none;
}
*/

.options.show #internalSelect.show li {
	height: auto;
	padding: 0;
}

.options.show .linkList #internalSelect.show li:hover {
	background-color: transparent;
}

/*
.options #internalSelect  a {
	display: block;
	text-decoration: none;
	color: inherit;
	padding: .25em .5em;
	pointer-events: none;
}

.options #internalSelect li:hover, .options #internalSelect li:hover a {
	background-color: rgba(255,255,255,0.3);
}*/

.options #uploadFile {
	max-width: 10em;
}

.options li.show .noShow {
	display: none;
}

.html img {
	min-width: 180px;
	min-height: 180px;
	display: inline-block;
	position: relative;
	margin: 0;
}

.imgOptions {
	position: absolute;
	display: block;
	border: 2px dashed rgb(100,178,255);
	z-index: 100;
	width: 236px;
	height: 176px;
}

.imgOptions input {
	display: inline-block;
	text-align: center;
	top: 50%;
	position: relative;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

.imgOptions .revert {
	display: none;
	top: 50%;
	position: relative;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	text-align: center;
	font-size: 13px;
	text-decoration: underline;
	cursor: pointer;
}

.imgOptions .revert.show {
	display: block;
}

.html img.top {
	vertical-align: text-top;
	margin-bottom: .5em;
}

.html img.bottom {
	vertical-align: text-bottom;
	margin-top: .5em;
}

.html img.left {
	float: left;
	margin-right: 1em;
}

.html img.right {
	float: right;
	margin-left: 1em;
}

.imgOptions div {
	position: absolute;
	pointer-events: none;
}

.imgOptions div svg {
	width: 1.5em;
	height: 3em;
	display: none;
	margin: 0 auto;
	position: relative;
	top: calc(50% - 1.5em);
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	fill: rgb(0,100,200);
}

.imgOptions .delete svg {
	height: calc(100% - 1em);
	width: calc(100% - 1em);
	margin: .5em;
	top: 0;
	transform: none;
}

.imgOptions div {
	pointer-events: default;
}

.imgOptions.change div:hover {
	background-color: rgba(255,255,255,0.8);
	cursor: pointer;
}

.imgOptions .change {
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	display: none;
}

.imgOptions .change p {
	display: none;
	text-align: center;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	color: rgb(0, 100, 200);
	font-size: 1.25rem;
	text-shadow: 0 0 5px white;
}

.imgOptions.change .change:hover p {
	display: block;
}

.imgOptions.change div:hover svg {
	display: block;
}

.imgOptions.change .change {
	display: block;
}

.imgOptions .top {
	top: 0;
	height: 3em;
	width: 100%;
}

.imgOptions .bottom {
	bottom: 0;
	height: 3em;
	width: 100%;
}

.imgOptions .left {
	top: 0;
	left: 0;
	height: 100%;
	width: 3em;
}

.imgOptions .right {
	top: 0;
	right: 0;
	height: 100%;
	width: 3em;
}

.imgOptions .top svg {
	transform: rotate(-90deg);
}

.imgOptions .bottom svg {
	transform: rotate(90deg);
}

.imgOptions .left svg {
	transform: rotate(180deg);
}

.imgOptions .right svg {
	top: 50%;
}

.imgOptions .delete {
	top: 0;
	right: 0;
	width: 3em;
	height: 3em;
}

/*
.chevron { 
	position: relative; 
	text-align: center; 
	padding: 4px; 
	margin: 0 auto; 
	height: .5em; 
	width: 3em; 
} 

.imgOptions .left .chevron {
	transform: rotate(90deg);
}

.imgOptions .right .chevron {
	transform: rotate(-90deg);
}

.imgOptions .top .chevron {
	transform: rotate(180deg);
}

.chevron:before, .chevron:after {
	content: ''; 
	position: absolute; 
	top: 0; 
	background: rgb(100,178,255); 
	height: 100%;
}*/

.imgOptions input.hide {
	display: none;
}

.imgOptions.load {

}

.bar {
    height: 18px;
    background: green;
}

.progress {
	top: 0;
	left: 0;
	display: block;
	width: 100%;
}

.underline {
	text-decoration: underline;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.center {
	text-align: center;
}
/*
.chevron:before { 
	left: 0;  
	width: 51%; 
	-webkit-transform: skew(0deg, 12deg); 
	-moz-transform: skew(0deg, 12deg); 
	-ms-transform: skew(0deg, 12deg); 
	-o-transform: skew(0deg, 12deg); 
	transform: skew(0deg, 12deg); 
} 

.chevron:after { 
	right: 0; 
	width: 50%; 
	-webkit-transform: skew(0deg, -12deg); 
	-moz-transform: skew(0deg, -12deg); 
	-ms-transform: skew(0deg, -12deg);
	-o-transform: skew(0deg, -12deg); 
	transform: skew(0deg, -12deg); 
}​*/

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.underline {
	text-decoration: underline;
}

/*  Superuser styles  */

#message div {
	width: 28rem;
	margin: 0 auto;
}

#message input {
	width: 28rem;
	pointer-events: auto;
}

#message button {
	left: 0;
	transform: none;
}

.html .websiteContent {
	position: relative;
	left: -1.5em;
	width: 25em;
}

nav .websiteContent {
	max-height: 0;
	transition: max-height .2s;
	-webkit-transition: max-height;
	overflow-x: hidden;
    overflow-y: auto;
}

.subnav .websiteContent {
	height: 0;
	transition: height .2s;
	-webkit-transition: height .2s;
}

nav .websiteContent.focus {
	/*max-height: 1000em;*/
    max-height: 930px;
	transition: max-height .8s;
	-webkit-transition: max-height .8s;
	transition-delay: .4s;
	-webkit-transition-delay: .4s;
    /*padding-bottom: 1em;*/
}

.subnav .websiteContent {
	max-height: auto;
    height: 0;
	transition: height .2s;
	-webkit-transition: height .2s;
}

.subnav .websiteContent.focus {
	/*max-height: 1000em;*/
    height: 875px;
	transition: height .8s;
	-webkit-transition: height .8s;
	transition-delay: .4s;
	-webkit-transition-delay: .4s;
    /*padding-bottom: 1em;*/
}

.imgBlock {
	width: 100px;
	height: 100px;
	padding: 1em;
	margin: .5em;
	border: 2px dashed rgba(100,178,255,0.3);
	border-radius: 1em;
	text-align: center;
	vertical-align: middle;
	float: left;
	clear: none;
	box-sizing: border-box;
	cursor: pointer;
}

section p .imgBlock {
	color: #444;
	line-height: 1.5em;
}

.imgBlock + :not(.imgBlock), :not(.imgBlock) .imgBlock {
	clear: left;
}

.imgBlock.center {
	margin: 1em auto;
	float: none;
}

/*.imgContainer .imgCell div {
	display: block;
}*/

section .html .imgRow img {
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
	float: none;
}

#content.show .html img {
	cursor: pointer;
}

/* Date Picker */

input.datePicker {
    background: url(images/calendar.png) no-repeat 98% center;
    cursor: pointer;
}

.ui-datepicker {
	background: white;
	border: 1px solid rgb(100,178,255);
	border-radius: .5em;
	padding: 1em;
	text-align: center;
	display: none;
}

.ui-datepicker-next, .ui-datepicker-prev, .ui-datepicker-next {
	display: inline-block;
}

.ui-datepicker-next {
	float: right;
}

.ui-datepicker-prev {
	float: left;
}

.ui-datepicker-title {
	width: 100%;
	font-weight: bold;
}

.ui-datepicker-calendar {
	margin-top: 1em;
    width: 16em;
    cursor: pointer;
}

.ui-datepicker-calendar * {
	text-align:	center;
}

.ui-datepicker-current-day > :first-child {
	background-color: rgba(100,178,255,0.3);
	border-radius: .15em;
}

/* Sortable */
.sortable a {
    padding-right: 2em;
}

.sortable-placeholder {
    height: 2em;
    border: 2px dashed #004F97;
}

.sortable li span {
	cursor: pointer;
	display: inline-block;
	clear: none;
}

.sortable li .handle, .subnav .sortable li .handle {
	opacity: 0;
	transition: opacity .2s;
	-webkit-transition: opacity .2s;
	padding: 0 0 0 2em;
}

.show:not(.subnav) .sortable li > a > .handle, .show .sortable li:hover > a > .handle {
	opacity: 1;
}

.subnav .sortable .handle {
    position: absolute;
    top: 2px;
    right: 4px;
}

.listFields {
	max-height: 0;
	opacity: 0;
	transition: all .6s;
	-webkit-transition: all .6s;
	pointer-events: none;
}

.listFields.show {
	opacity: 1;
	max-height: 20em;
	pointer-events: auto;
}

/* html edit buttons */
.html_btn {
    padding-top: 1em;
}

.btn_group {
    display: inline-block;
    float: left;
    clear: none;
    margin: 0 12px 0 0;
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s ease-in;
    -webkit-transition: opacity .3s ease-in;
}

.html_btn.show .btn_group {
    opacity: 1;
    pointer-events: auto;
    vertical-align: top;
}

.html_btn button h3, .html_btn button h4 {
    margin: 0 3px;
    font-size: 17px;
}

main section .html_btn img {
    height: 23px;
    width: 23px;
    border-width: 0;
    margin: 0;
    padding: 0;
}

.html_btn button {
    border-radius: 5px;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    height: 26px;
    border: 1px solid #b7b7b7;
    border-color: #d7d7d7 #b7b7b7 #b7b7b7 #d7d7d7;
    background: #e6e6eb; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZTZlNmViIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(-45deg,  #e6e6eb 0%, #f9f9fb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#e6e6eb), color-stop(100%,#f9f9fb)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  #e6e6eb 0%,#f9f9fb 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  #e6e6eb 0%,#f9f9fb 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  #e6e6eb 0%,#f9f9fb 100%); /* IE10+ */
    background: linear-gradient(135deg,  #e6e6eb 0%,#f9f9fb 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6eb', endColorstr='#f9f9fb',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}

.html_btn button:hover {
    cursor: pointer;
    border-color: #b7b7b7 #d7d7d7 #d7d7d7 #b7b7b7;
    background: #f9f9fb; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZjlmOWZiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(-45deg,  #f9f9fb 0%, #e6e6eb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f9f9fb), color-stop(100%,#e6e6eb)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  #f9f9fb 0%,#e6e6eb 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  #f9f9fb 0%,#e6e6eb 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  #f9f9fb 0%,#e6e6eb 100%); /* IE10+ */
    background: linear-gradient(135deg,  #f9f9fb 0%,#e6e6eb 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9fb', endColorstr='#e6e6eb',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}

/* .fields and .list styles */

.fields .list li {
    position: relative;
    vertical-align: middle;
}

.fields .list span {
    display: inline-block;
}

.fields .list span.currently {
    min-width: 5em;
}

.list:not(.gallery) .editing:after {
    content: url('images/now_editing.png');
    position: absolute;
    left: -3em;
    top: 5px;
}

.fields .list span.index {
    width: 16em;
    padding: 3px 0 3px 1em;
    border-radius: 2em;
}

.show .fields .list span.index {
    border-radius: 2em 0 0 2em;
}

.fields .list span.handle {
    position: relative;
    top: 3px;
    padding: 0 1em 0 0;
    border-radius: 0 2em 2em 0;
}

.fields .list span img {
    opacity: 0;
    transition: opacity .2s ease-in;
    -webkit-transition: opacity .2s ease-in;
    position: relative;
    top: 3px;
}

.fields .list li:hover span img {
    opacity: 1;
}

.fields .list li:hover span {
    background-color: #ededed;
}

.fields .gallery li:hover span {
    background-color: #004F97;
    box-shadow: 0 0 3px 1px white;
}

.fields .gallery li:hover span.handle, .fields .gallery li:hover span.close {
    opacity: 0;
}

#content.show .fields .gallery li:hover span.handle, #content.show  .fields .gallery li:hover span.close {
    opacity: .7;
    transition: opacity .2s ease-in;
    -webkit-transition: opacity .2s ease-in;
}

#content.show .fields .gallery li:hover span.handle:hover, #content.show .fields .gallery li:hover span.close:hover {
    opacity: 1;
}

.fields .gallery li:hover span.close {
    background-color: #b10102;
}

section .fields .gallery li, img.currentImg {
    display: block;
    width: 7em;
    height: 7em;
    /*float: left;
    clear: none;*/
    display: inline-block;
    margin: 0 10px 8px 0;
    padding: 0;
    box-sizing: border-box;
    overflow: hidden;
    border: 1px solid #cdcdcd;
}

img.currentImg {
    width: auto;
}

section .fields .gallery li span.index {
    display: block;
    width: 100%;
    height: 100%;
    background: #fff  no-repeat center center;
    background-size: cover;
    background-size: contain;
    border-radius: 0;
    padding: 0;
    margin: 0;
    position: relative;
}

.show .fields .gallery span.index {
    border-radius: 0;
}

.fields .list .index span.handle, .fields .list .index span.close {
    display: block;
    position: absolute;
    height: 26px;
    padding: 0 8px;
}

.fields .list .index span.close {
    top: 0;
    left: auto;
    bottom: auto;
    right: 0;
    border-radius: 0 0 0 5px;
}

.fields .list .index span.handle {
    top: auto;
    left: auto;
    bottom: 0;
    right: 0;
    border-radius: 5px 0 0 0;
}

.recurringOpts, .recurringOptsSub, .recurringCont {
    display: block;
    float:left;
    clear: both;
}

.fields .recurringOpts option, .fields .recurringOpts input {
    min-width: 10px;
}

.gallery li.add {
    background: #e6e6e6 url('images/add_image.png') no-repeat center center;
    cursor: pointer;
    pointer-events: none;
}

#content .gallery li span {
    pointer-events: none;
}

#content.show .gallery li.add, #content.show .gallery li span {
    pointer-events: auto;
}

section .fields .gallery .editing {
    border: 2px solid #004F97; 
}

.gallery .listFields {
    display: block;
    /*float: left;
    clear: left;*/
}

.current_img {
    font-style: italic;
}

/* Superuser */

.siteSearch {
    width: 30%;
    margin: 0 40%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.siteSearch input, .siteSearch button, .siteSearch select {
    float: left;
    clear: both;
    font-size: 2em;
    margin-bottom: 1em;
}

.siteSearch input {
    width: 100%;
    padding: .5em;
    box-sizing: border-box;
}

.siteSearch select {
    box-sizing: border-box;
    padding: 0 .5em;
}

.siteSearch button {
    padding: .5em;
}

.siteSearch option {
    padding: .5em;
}

.siteSearch ul {
    height: 500px;
    overflow-y: auto;
    float: left;
    clear: both;
}

.siteSearch li {
    padding: .5em 0;
}

.siteSearch a {
    color: inherit;
    font-size: 2em;
    text-decoration: none;
}

header #topLevel {
    margin: 0;
    width: 20em;
    position: absolute;
    right: 1em;
    top: 1em;
    /*height: 50px;
    width: 50px;
    background: url('topLevel.png') no-repeat center center;*/
    cursor: pointer;
    text-align: right;
}