/* CSS Document */

fieldset { padding: 0; margin: 10px 0; border: 0; }
input { margin-bottom: 0; }
div.pfbc-radio { padding: 0; }
label.inline { padding-left: 5px; }
select { margin: 0; }
form h3 { margin-top: 10px; }

legend
{
	background: none;
	border: none;
	font-weight: bold;
	left: 0;
    margin: 10px 0 0;
	padding: 0;
    position: relative;
    top: 0;	
	border-radius: 0;
}

form.pfbcCms { margin-bottom: 2em; }

.pfbcCms .pfbc-checkbox input, .pfbcCms .pfbc-radio-buttons input { vertical-align: baseline; }
.pfbcCms div.pfbc-label {margin-top: 10px; }
.pfbcCms div.pfbc-checkbox, .pfbcCms div.pfbc-radio-buttons { padding-left: 8px; line-height: 2em; }
.pfbcCms div.pfbc-buttons { text-align: left;	margin-top: 1em; }
.pfbcCms div.pfbc-element { border-bottom: 0; padding-bottom: 0; }
.pfbcCms select.pfbc-select { width: 24em !important; }

.pfbcCms legend strong { color: #900; }

.pfbcCms div.columns4 div.pfbc-checkboxes div.pfbc-checkbox { display: inline-block; width: 25%; }

ul.thumbnails4 { display: table; }
ul.thumbnails4 li { display: inline-block; width: 22%; height: 150px; text-align: center; vertical-align: bottom; background-image: none; padding: 0; margin: 10px; }

.pfbcCms input.pfbc-time { width: 5em !important; }

input[readonly="1"] { color: #666; }

textarea.rows1 { height: 3em; }
textarea.rows2 { height: 4em; }
textarea.rows3 { height: 5em; }
textarea.rows4 { height: 6em; }
textarea.code { font-family: "Courier New", Courier, monospace; }

div.table
{
	display: table;	
	width: 100%;
}

div.row 
{
	display: table-row;	
}

div.column 
{
	display: table-cell;	
}

form h3, form h4
{
	margin-top: 2em;	
}

form h4 { font-size: 1.1em; font-weight: bold; color: #5f61ff; }

div.column.col1of2 { width: 45%; padding-right: 5%; }
div.column.col1of3 { width: 31%; padding-right: 2%; }
div.column.col2of3 { width: 65%; padding-right: 2%; }
div.column.leftborder { border-left: 1px dashed #ccc; padding-left: 10px; }

.pfbcCms .pfbc-buttons { text-align: left; }

/*
button, a.btn, a.button, input[type="submit"], input[type="reset"], input[type="button"]
{
	border: 3px double #999;
	border-top-color: #ccc;
	border-left-color: #ccc;
	background-image: url(/assets/img/background_form_element.gif);
	background-repeat: repeat-x;
	background-color: #eee;
	font-size: 0.8em;
	font-weight: bold;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #333 !important;
	display: inline-block;
	padding: 0 6px;
	text-decoration: none !important;
}
*/

.ui-autocomplete li { text-align: left; background-image: none; font-size: 14px;}

.pfbcCms .greyOut .pfbc-label em { color: #ccc !important; }
.greyOut { color: #ccc !important; }

.hideOptionsButton
{
	float: left;
	margin-right: 1em; 	
	width: 28px;
	height: 28px;
	font-weight: bold;
}

.pfbcCms input[type="number"] { text-align: right; }
.pfbcCms input[type="number"].digits1 { width: 3em !important; }
.pfbcCms input[type="number"].digits2 { width: 4em !important; }
.pfbcCms input[type="number"].digits3 { width: 5em !important; }
.pfbcCms input[type="number"].digits4 { width: 6em !important; }
.pfbcCms input[type="number"].digits5 { width: 7em !important; }
.pfbcCms input[type="number"].digits6 { width: 8em !important; }
.pfbcCms input[type="number"].digits7 { width: 9em !important; }

.pfbcCms input.pfbc-textbox { width: 32em !important; }
.pfbcCms input.chars2 { width: 2em !important; }
.pfbcCms input.chars5 { width: 3em !important; }
.pfbcCms input.chars10 { width: 6em !important; }
.pfbcCms input.chars15 { width: 9em !important; }
.pfbcCms input.chars20 { width: 12em !important; }
.pfbcCms input.chars30 { width: 18em !important; }
.pfbcCms input.chars40 { width: 24em !important; }
.pfbcCms input.chars50 { width: 30em !important; }
.pfbcCms input.chars60 { width: 36em !important; }
.pfbcCms input.fullWidth { width: 90% !important; max-width: 700px;  }
.pfbcCms input.pfbc-coordinates { width: 16em !important; }

.pfbcCms span.mceEditor + label { margin-top: 1em; }

#cboxLoadedContent { margin: 0 2em; font-size: 0.9em; }
form.pfbcCms#insertPlayer  { margin-bottom: 0; }
form.pfbcCms#insertPlayer .form-actions { margin: 0; }

form label.radioLabel { display: block; height: 40px; width: 40px; }

/* mce */

textarea.tinyMce { max-width: 1140px; min-width: 500px; width: 100%; }

#content table.mceLayout tr:hover td { background-color: #f0f0ee; }
#content table.mceToolbar, #content table.mceListBox { font-variant: normal; margin-bottom: 0; line-height: 1em; }
#content .mcImageManagerBrowserOpener  { display: block; background: url(/assets/img/mcimagemanager.png) left 2px no-repeat; padding-left: 20px; line-height: 1em;  margin-bottom: 0; }

#content img.floatLeft
{
	float: left;
	margin: 0 5px 5px 0;
	background: #f9f9f9;
	clear: inherit;
}

#content img.floatRight
{
	float: right;
	background: #f9f9f9;
	margin: 0 0 5px 5px;
	clear: inherit;
}

#content img.standAlone
{
	margin: auto;
	border: 1px solid #ccc;
	background: #f9f9f9;
	padding: 5px;
	display: block;
}

#content div.standAlone { margin: 0 auto 1.3em; text-align: center; }

div.standAlone img
{
	margin: auto;
}

/* accounts */

#accountLinks, #navigation
{
	border-bottom: 0 none;
    margin: 0;
    padding: 0;
	font-weight: bold;
	color: #fff;
}

#accountLinks ul
{
    list-style: none outside none;
    margin: 0;
	padding: 0;
}

#accountLinks ul li:after
{
    content: "|";
    display: block;
    height: 2em;
    position: absolute;
    top: 0;
}

#accountLinks ul li:after
{
    right: 0.75em;
}

#accountLinks ul li
{
    display: block;
    float: left;
    line-height: 3em;
    padding: 0 4em 0 0;
    position: relative;
}

#accountLinks ul li
{
    line-height: 2em;
    padding: 0 2em 0 0;
}

#accountLinks ul li:last-child:after
{
    content: none;
}

#accountLinks ul a
{
    color: #fbfbfb;
}

/* confirmation messages */

.alertBox {
	color: #555;
	border-radius: 10px;
	padding: 10px 36px;
	margin: 10px 0;
}

.alertBox span {
	font-weight: bold;
	text-transform: uppercase;
}

.error {
	background: #ffecec url(/assets/img/error.png) no-repeat 10px 50%;
	border: 1px solid #f5aca6;
}

.success {
	background: #e9ffd9 url(/assets/img/success.png) no-repeat 10px 50%;
	border: 1px solid #a6ca8a;
}

.warning {
	background: #fff8c4 url(/assets/img/warning.png) no-repeat 10px 50%;
	border: 1px solid #f2c779;
}

.notice {
	background: #e3f7fc url(/assets/img/notice.png) no-repeat 10px 50%;
	border: 1px solid #8ed9f6;
}

/* responsive maps */

.flexibleContainer {
    position: relative;
    padding-bottom: 46%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.flexibleContainer iframe,   
.flexibleContainer object,  
.flexibleContainer embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.googleMap { height: 500px; }

/* To be used with cookieCuttr by Chris Wharton (http://cookiecuttr.com) */

.cc-cookies { position:fixed; width: 100%; left: 0; top: 0; padding: 0.5em 5%; background: #565656; background: rgba(86,86,86,0.95); color: #fff; font-size: 13px; font-weight: 700; text-shadow: 0 -1px 0 rgba(0,0,0,0.35); z-index: 99999; text-align: center; color: #fff; }
.cc-cookies a, .cc-cookies a:hover { color: #fff; text-decoration: underline; }
.cc-cookies a:hover { text-decoration: none; }
.cc-overlay { height: 100%; padding-top: 25%; }
.cc-cookies-error { float: left; width: 90%; text-align: center; margin: 1em 0 2em 0; background: #fff; padding: 2em 5%; border: 1px solid #ccc; font-size: 18px; color: #333; }
.cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: inline-block; color: #fff; text-decoration: none; background: #7DAF3B; padding: 0.5em 0.75em; border-radius: 3px; box-shadow: 0 0 2px rgba(0,0,0,0.25); text-shadow: 0 -1px 0 rgba(0,0,0,0.35); -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline { background: #af3b3b; margin-left: 0.5em; }
.cc-cookies a.cc-cookie-reset { background: #f15b00; }
.cc-cookies a:hover.cc-cookie-accept, .cc-cookies-error a:hover.cc-cookie-accept, .cc-cookies a:hover.cc-cookie-decline, .cc-cookies-error a:hover.cc-cookie-decline, .cc-cookies a:hover.cc-cookie-reset  { background: #000; -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies-error a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-decline { display: block; margin-top: 1em; }
.cc-cookies.cc-discreet { width: auto; padding: 0.5em 1em; left: auto; top: auto; }
.cc-cookies.cc-discreet a.cc-cookie-reset { background: none; text-shadow: none; padding: 0; text-decoration: underline; }
.cc-cookies.cc-discreet a:hover.cc-cookie-reset { text-decoration: none; }

.cc-cookies.cc-inline { position: relative; left: inherit; top: inherit; background: inherit; text-align: left; padding: 0;}
.cc-cookies.cc-inline a:first-child { margin-left: 0; }

@media screen and (max-width: 768px) {
.cc-cookies a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: block; margin: 1em 0; }
}

@media screen and (max-width: 480px) {
.cc-cookies { position: relative; float: left; }
}