/* Minification failed. Returning unminified contents.
(1369,29): run-time error CSS1046: Expect comma, found '0'
(1369,33): run-time error CSS1046: Expect comma, found '/'
(1490,36): run-time error CSS1030: Expected identifier, found ','
(1490,78): run-time error CSS1031: Expected selector, found ')'
(1490,78): run-time error CSS1025: Expected comma or open brace, found ')'
 */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* JH - 19/03/2015 - Commented out as breaks old tables using cellpadding attribute */
/*
td,
th {
  padding: 0;
}

*/
/*
 * Timepicker stylesheet
 * Highly inspired from datepicker
 * FG - Nov 2010 - Web3R 
 *
 * version 0.0.3 : Fixed some settings, more dynamic
 * version 0.0.4 : Removed width:100% on tables
 * version 0.1.1 : set width 0 on tables to fix an ie6 bug
 */

.ui-timepicker-inline { display: inline; }

#ui-timepicker-div { padding: 0.2em; background-color: #fff; }
.ui-timepicker-table { display: inline-table; width: 0; }
.ui-timepicker-table table { margin:0.15em 0 0 0; border-collapse: collapse; }

.ui-timepicker-hours, .ui-timepicker-minutes { padding: 0.2em;  }

.ui-timepicker-table .ui-timepicker-title { line-height: 1.8em; text-align: center; }
.ui-timepicker-table td { padding: 0.1em; width: 2.2em; }
.ui-timepicker-table th.periods { padding: 0.1em; width: 2.2em; }

/* span for disabled cells */
.ui-timepicker-table td span {
	display:block;
    padding:0.2em 0.3em 0.2em 0.5em;
    width: 1.2em;

    text-align:right;
    text-decoration:none;
}
/* anchors for clickable cells */
.ui-timepicker-table td a {
    display:block;
    padding:0.2em 0.3em 0.2em 0.5em;
    width: 1.2em;
    cursor: pointer;
    text-align:right;
    text-decoration:none;
}


/* buttons and button pane styling */
.ui-timepicker .ui-timepicker-buttonpane {
    background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0;
}
.ui-timepicker .ui-timepicker-buttonpane button { margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
/* The close button */
.ui-timepicker .ui-timepicker-close { float: right }

/* the now button */
.ui-timepicker .ui-timepicker-now { float: left; }

/* the deselect button */
.ui-timepicker .ui-timepicker-deselect { float: left; }


/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-timepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}
.FormErrorElem {
	background-color: #FFC6C6;
}

.hidden
{
	display: none;
}

.leftHidden
{
	position:absolute;
	left: -9999px;
	top: -9999px;
}

header {
	overflow:auto;
	padding: 0.5em;
}

header .page-title {
	font-size: 14px;
	font-weight: bold;
	line-height: 26px;
	padding-left: 1em;
}

header .header-right {
	padding-right: 3em;
}

.main-content {
	padding: 0.5em 1em;
}

header ul#HeaderMenu {
 
    margin: 0 0 5px;
    padding: 0;
    padding-top:5px;
    text-align: right;
}

    header ul#HeaderMenu li {
        display: inline;
        list-style: none;
        padding: 8px 10px;
    }

        header ul#HeaderMenu li a {
            background: none;
            text-decoration: none;
        }

        header ul#HeaderMenu li a:hover {
            text-decoration: none;
        }



footer {
	overflow: auto;
}

footer #VersionInfo {
	box-sizing: border-box;
	width: 100%;
	text-align: center;
	padding: 0.5em;
}

.float-left {
	float: left;
}
.float-right {
	float: right;
}
.float-clear {
	clear: both;
}

.box-fix {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.strike-through {
	text-decoration: line-through;
}


.loadmask {
	z-index: 100;
	position: absolute;
	top:0;
	left:0;
	-moz-opacity: 0.4;
	opacity: .40;
	filter: alpha(opacity=40);
	background-color: #999;
	width: 100%;
	height: 100%;
	zoom: 1;
}
.loadmask-msg {
	z-index: 20001;
	position: absolute;
	top: 0;
	left: 0;
	border:1px solid #6593cf;
	background: #c3daf9;
	padding:2px;
}
.loadmask-msg div {
	padding:5px 10px 5px 25px;
	background: #fbfbfb url('/images/loadmask.gif') no-repeat 5px 5px;
	line-height: 16px;
	border:1px solid #a3bad9;
	color:#222;
	font:normal 11px tahoma, arial, helvetica, sans-serif;
	cursor:wait;
}
.masked {
	overflow: hidden !important;
}
.masked-relative {
	position: relative !important;
}
.masked-hidden {
	visibility: hidden !important;
}


/*  MT - no idea why this is here, shouldn't be - but will break legacy pages if removed :( - you'll have to override in the page */
input, select, textarea {
	border: 1px solid #a3bad9;
	box-sizing:content-box;
	-ms-box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box; 
}
textarea {
	margin-bottom: 4px;
}

.informationText p {
	padding: 5px;
}

.clickable {
	cursor: pointer;
}

.fbsInfoClickable {
	text-decoration: underline;
	cursor: help;
}

.PrintPrev table tbody th {
    color: #FFFFFF;
    font-family: Verdana;
    font-size: small;
    font-style: normal;
    background: #424242;
}

li[role="tab"] .ui-icon-close {
    float: left;
    margin: 0.4em 0.2em 0px 0px;
    cursor: pointer;
}

.FileListItem {
	line-height: 40px;

}
.FileListItem > a {
	display: inline-block;
	padding: 0px 10px 0px 5px;
}
.FileListItem > a:hover {
	text-decoration: none;
	background-color: #eee;
}
.FileListItem > a > img {
	vertical-align: middle;
}
.FileListItem > a > span {
	display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
    max-width: 400px;
}


.alphaPattern {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGUlEQVQYlWNoamr6j44ZsIGhoHCQOYcihQDECX37NKaczwAAAABJRU5ErkJggg==) repeat;
}



/*
########################################################################################
###########
##### Original Tabs.css 
###########
###########
*/

#tp_navi .icon {
	margin: 3px;
	padding: 7px;
	height: 50px;
	float: left;
	display: block;
	width: 125px;
	text-align: center;
	padding-top: 15px;
}

#tp_navi .icon a {
	display: block;
	width: 150px;
	text-decoration: none;
	color: #000000;
	filter: alpha(opacity=50);
	opacity: 0.6;
}

#tp_navi .icon a:hover {
	color: #FFFFFF;
	display: block;
	filter: alpha(opacity=100);
	opacity: 1;
}

#cpanel .icon {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	background-color: #cccccc;
     /* for non-css3 browsers */
	vertical-align: middle;
    /*Older CSS*/
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#cccccc');
    /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), color-stop(white), to(#cccccc));
    /* for webkit browsers */
    /*Newer CSS*/
	background: -webkit-linear-gradient(top, #cccccc, white, #cccccc);
    /* for webkit browsers */
	background: -moz-linear-gradient(top, #cccccc, white, #cccccc);
    /* for firefox 3.6+ */
	background: -ms-linear-gradient(top, #cccccc, white, #cccccc);
    /* IE 10 */
	background: -o-linear-gradient(top, #cccccc, white, #cccccc);
    /*Opera*/
	background: linear-gradient(top, #cccccc, white, #cccccc);
	border: solid 1px gray;
	color: #24587A;
	margin: 10px;
	height: 61px;
	width: 95px;
	text-align: center;
	float: left;
	display: block;
	padding: 0px;
}

#cpanel .icon:hover {
	background-color: #EFEFFA;
 /* for non-css3 browsers */
    /*Older CSS*/
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#EFEFFA');
 /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#EFEFFA), color-stop(0.8, white), to(#EFEFFA));
 /* for webkit browsers */
	text-align: center;
/*Newer CSS*/
	background: -webkit-linear-gradient(top, #EFEFFA, white 80%, #EFEFFA);
 /* for webkit browsers */
	background: -moz-linear-gradient(top, #EFEFFA, white 80%, #EFEFFA);
 /* for firefox 3.6+ */
	background: -ms-linear-gradient(top, #EFEFFA, white 80%, #EFEFFA);
 /* IE 10 */
	background: -o-linear-gradient(top, #EFEFFA, white 80%, #EFEFFA);
 /*Opera*/
	background: linear-gradient(top, #EFEFFA, white 80%, #EFEFFA);
	color: #333;
	border: 1px solid #000;
}

#cpanel2 .icon {
	white-space: normal;
    /* for non-css3 browsers */
	vertical-align: middle;
    /*Older CSS*/
    /*Newer CSS*/
	margin: 10px;
	height: 61px;
	width: 95px;
	text-align: center;
	float: left;
	display: block;
	padding: 0px;
}

#cpanel2 .icon:active {
	margin: 12px 8px 8px 12px;
}

#pfinder {
	text-align: center;
	padding: 60px 0px 60px 0px;
	position: relative;
}

#pfinder .icon {
	margin: 3px;
	background-color: #FBF5F5;
	width: 100px;
	text-align: center;
	/*float: left;*/
}

#pfinder .icon a {
	display: block;
	height: 60px;
	text-decoration: none;
	padding: 15px 5px 5px 5px;
	background-color: #FBF5F5;
	border: 1px solid #DDD;
	cursor: pointer;
}

#pfinder .icon a:hover {
	color: #333;
	background-color: #EFEFFA;
	padding: 17px 4px 3px 6px;
	cursor: pointer;
}

#cpanel .icon2 {
    /*border-radius: 3px;*/
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-o-border-radius: 0px;
	vertical-align: middle;
	color: #24587A;
	margin: 10px;
	height: 77px;
	width: 95px;
	text-align: center;
	float: left;
	display: block;
	padding: 0px;
}

	#cpanel .icon2:hover
	{
		background-color: #EFEFFA;
		/* for non-css3 browsers */ /*EFEFFA*/
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EFEFFA', endColorstr='#FFFFFF');
		/* for IE */
		background: -webkit-gradient(linear, left top, left bottom, from(#EFEFFA), color-stop(0.8, white), to(#FFFFFF));
		/* for webkit browsers */
		background: -webkit-linear-gradient(top, #EFEFFA, white 80%, #FFFFFF);
		/* for webkit browsers */
		background: -moz-linear-gradient(top, #EFEFFA, white 80%, #FFFFFF);
		/* for firefox 3.6+ */
		background: -ms-linear-gradient(top, #EFEFFA, white 80%, #FFFFFF);
		/* IE 10 */
		background: -o-linear-gradient(top, #EFEFFA, white 80%, #FFFFFF);
		/*Opera*/
		background: linear-gradient(top, #EFEFFA, white 80%, #FFFFFF);
		color: #333;
	}

/*
###########  END
*/

/*
########################################################################################
###########
##### Original styles.css 
###########
###########
*/


/* RadAjax - load user controls stylesheet */
.panelHead{
	line-height:30px;
	font-weight:bold;	
	font-size:14px;
	color: #000000;
	display: block;
	padding-top:0px;
}
.panelContainer
{
	background: transparent url(../images/PanelContainer.png) no-repeat left bottom;
	width: 355px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #a6a896;
	margin:0 auto;
	height: 186px;
	padding-top:130px;
	font-size:11px;
}

.tabsContainer
{
	width: 355px;
	height: 72px;
	text-align: center;
}

.tabsContainer img
{
	border: 0px;
}

.tabsContainer a
{
	margin-right: 1px;
}

.contentContainer
{
	height: 80px;
	min-height: 80px;
	cursor: default;
}

.panelContent
{
	margin-left: 15px;
	margin-top: 18px;
}

.contentContainer .inputText
{
	width: 154px;
	border: solid 1px #7f9db9;
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #7f9db9;
}

.contentContainer table
{
	/*font: normal 11px Arial, Verdana, Sans-serif;*/
	color: #7f9db9;
}

.exampleButton
{
	width: 85px;
	height: 22px;
	color: #52534b;
	border: 0px;
	background: transparent url(../Images/buttonBg.gif) no-repeat;
	padding: 0px;
	font-size:11px;
}

/* asp:datagrid related */
.callBackDataGrid
{
	border: 0px;
}
.callBackDataGrid tr
{
	background: transparent url(../Images/DataGridBg.gif) repeat-x;
	line-height: 29px;
}
.deleteButton
{
	width: 13px;
	height: 15px;
	cursor: hand;
	cursor: pointer;
}

.fbs-export-table-button {
    -moz-opacity: 0.2;
    opacity: 0.2;
    position: relative;
    top: -50px;
    right: 10px;
    float: right;
    -moz-transition: opacity .1s ease-in-out;
    -o-transition: opacity .1s ease-in-out;
    -webkit-transition: opacity .1s ease-in-out;
    transition: opacity .1s ease-in-out;
}

.fbs-export-table-button:hover {
    cursor: pointer;
    -moz-opacity: 0.8;
    opacity: 0.8;
}

/*
###########  END
*/

/*
########################################################################################
###########
##### Original style.css 
###########
###########
*/

/* Added style sheet for Red Font July 7, 2009*/
.redText{font-family: Verdana, Arial, Helvetica, sans-serif; 
         font-size: small; font-weight: bold; font-style: normal; 
         color: #CC0000; display:block; padding-left:15px;}
/* Added style sheet for Red Font July 7, 2009*/
.midSection{width:100%; margin:0 auto; padding:10px 0px 10px 0px;}
.tag01{font-family: Verdana; font-size: medium; 
       font-weight: bolder; color: #FFFFFF; 
       background-color:#0066cc;}
html.fbs-obg body, body.fbs-obg {
    padding: 0px;

    font-family: Tahoma,Geneva,Verdana, Arial, Helvetica, sans-serif;	
    
    font-size: 9pt;
	line-height: normal;
}

input, select{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:8pt;}


.bdr{border: 1px solid #CCCCCC; margin:2px;}
.clear{clear:both;}
.left_float{ float:left;}
.right_float{ float:right;}
form{ margin:0px; padding:0px;}
p{padding-right: 10px; padding-left: 10px; margin:0px;}

#header{ 
/*background-image:url(../images/head_bg.jpg); */

height:40px;font-size:8pt;line-height:40px;
padding-right: 5px; padding-left: 5px;}

#header_title 
{
  line-height:40px; 
    font-size: 14px;
    font-weight: bold;
}

/*#header{height:40px; /*131px; */
/*        line-height:40px;
background-image:url(../images/head_bg.jpg); 
padding-left:20px;}


.headerBg{background-image:url(../images/head_bg.jpg);}
.txtBox{
    width:200px;
    border:#D5D5F0 solid 1px;
    background-color:#FFFFFF;
}*//*FFFFFF;
}*/

#logo_bg{ background-image:url(../images/logo_bg.jpg); height:146px; width:331px;}
#login_box{
    width:450px;
    padding-top: 150px;
    padding-bottom: 20px;
}
#login_inner{
    background-image: url(../images/loginBlockBg.gif);
    background-position: bottom left;
    background-repeat: no-repeat;
}
.login_head{background-image: url(../images/login_head.gif);
    background-repeat: no-repeat; line-height:35px;
    text-align:right;
    padding-right:15px;
    font-weight:bold;
    color:#29135e;
}
.nextBtn{
 background-image:url(../images/nextBtn.gif);
 width: 60px;
 height: 26px;
 color:Black;
}

.midBg{
    background-image:url(../images/Login-Main-image.jpg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
}
.midBgbedales{
    background-image:url(bedales.jpg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
}
.midBgST-MARYS{
    background-image:url(log.jpg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
}
.midBgbir{
    background-image:url(bir.jpg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
}
.midBgDOLPHINSCHOOL{
    background-image:url(logDolphin.jpg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
}
.midBgMORETON{
    background-image:url(lacrosse.jpg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
}
.midBgsd{
    background-image:url(sd.jpg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

.midBgPGS{
    background-image:url(pgs.jpg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
}
.blankBtn{
 background-image:url(../images/btnBg.gif);
 width: 90px;
 height: 26px;
 text-align:center;
 border:none;
 background-repeat:no-repeat;
 background-color:#E6FFFF;
 color:Black;
  padding: 0px;
}

.blankBtn_Spellcheck{
 background-image:url(../images/btnBg.gif);
 width: 90px;
 height: 26px;
 text-align:center;
 border:none;
 padding-left:5px;
 padding-top:5px;
 background-repeat:no-repeat;
 background-color:#E6FFFF;
 color:Black;
}


.blankBtnBig{
 background-image:url(../images/btnsBig.gif);
 width: 110px;
 height: 26px;
 text-align:center;
 border:none;
 background-repeat:no-repeat;
 background-color:#E6FFFF;
 color:Black;
 padding: 0px;
}
.smallBtnNext{
 background-image:url(../images/btnBg.gif);
 width: 25px;
 height: 26px;
 text-align:center;
 border:none;
 background-repeat:no-repeat;
 background-color:#E6FFFF;
 background-position:right top;
 border-left:#ccc solid 1px;
 color:Black;
 padding:0px
}
.smallBtnBack{
 background-image:url(../images/btnBg.gif);
 width: 25px;
 height: 26px;
 text-align:center;
 background-position:left top;
 border:none;
 background-repeat:no-repeat;
 background-color:#E6FFFF;
 border-right:#ccc solid 1px;
 color:Black;
 padding:0px
}


.login_down{ background-image:url(../images/login_center_bg.gif); background-repeat:repeat-x; 
height:138px; background-color:#FBF4F4;}

#tp_navi{
    padding-top:30px;
    height:40px;  /* 100 */
    float: right;
}

.dot{ 
    float:left; text-align:center;
    padding-top:10px;
    }


#footer a{ color:#CCCCCC; text-decoration:none;}
#footer a:hover{color:#ffffff; text-decoration:underline;}

    .mGrid { width: 100%; background-color: #fff; margin: 5px 0 10px 0; border: solid 1px #CCCCCC; border-collapse:collapse; }
    .mGrid td { padding: 2px; border: solid 1px #c1c1c1; }

    /*.mGrid .alt { background: #fcfcfc url(grd_alt.png) repeat-x top; }*/
    .mGrid .alt { background: #fcfcfc; }
    .mGrid .pgr {background: #424242 url(grd_pgr.png) repeat-x top; }
    .mGrid .pgr table { margin: 5px 0; }
    .mGrid .pgr td { border-width: 0; padding: 0 6px; border-left: solid 1px #666; font-weight: bold; color: #fff; line-height: 12px; }   
    .mGrid .pgr a { color: #666; text-decoration: none; }
    .mGrid .pgr a:hover { color: #000; text-decoration: none; }
    
    
    .grd_mGrid { width: 100%; background-color: #fff; margin: 5px 0 10px 0; border: solid 1px #CCCCCC; border-collapse:collapse; }
    .grd_mGrid td { padding: 2px; border: solid 1px #c1c1c1; color: #717171; }
    .grd_mGrid th { padding: 4px 2px; color: #000; background: #424242 url(grd_head1.png) repeat-x top; border-left: solid 1px #cccccc; font-size: 0.9em; }
    .grd_mGrid .grd_alt { background: #fcfcfc url(grd_alt1.png) repeat-x top; }
    .grd_mGrid .grd_pgr {background: url(grd_pgr1.png) repeat-x top; }
    .grd_mGrid .grd_pgr table { margin: 5px 0; }
    .grd_mGrid .grd_pgr td { border-width: 0; padding: 0 6px; border-left: 1px #ccc; font-weight: bold; color: #000; line-height: 12px; }   
    .grd_mGrid .grd_pgr a { color: #666; text-decoration: none; }
    .grd_mGrid .grd_pgr a:hover { color: #000; text-decoration: none; }
    
    


iframe.fillBox 
{
    height:100%;
    width:100%;
    border: 0px;
}
.hiddenP
{
    display: none;
}

.loadmask {
    z-index: 100;
    position: absolute;
    top:0;
    left:0;
    -moz-opacity: 0.4;
    opacity: .40;
    filter: alpha(opacity=40);
    background-color: #999;
    width: 100%;
    height: 100%;
    zoom: 1;
}
.loadmask-msg {
    z-index: 20001;
    position: absolute;
    top: 0;
    left: 0;
    border:1px solid #6593cf;
    background: #c3daf9;
    padding:2px;
}
.loadmask-msg div {
    padding:5px 10px 5px 25px;
    background: #fbfbfb url('../images/loadmask.gif') no-repeat 5px 5px;
    line-height: 16px;
    border:1px solid #a3bad9;
    color:#222;
    font:normal 11px tahoma, arial, helvetica, sans-serif;
    cursor:wait;
}
.masked {
    overflow: hidden !important;
}
.masked-relative {
    position: relative !important;
}
.masked-hidden {
    visibility: hidden !important;
}

.GroupBox 
{
    border: 1px solid black;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color:White;
}

.GroupBox .GroupBoxInner
{
    min-height:1em;

}

.GroupBox .GroupBoxLabel
{
    background-color:White;
}

.GroupBox
{
	border-color: #8884B8;
	background-color: #FFFFFF;
}

.GroupBox .GroupBoxLabel
{
    background-color: #FFFFFF;
	color: #8884B8;
}

/*
###########  END
*/

/* Fix close icon in jqueryUI dialog */
/* .ui-dialog .ui-dialog-titlebar-close span {
	top: 0px;
	margin: 0px 0px 0px 0px;
}*/

.ui-no-close .ui-dialog-titlebar-close {
  display: none;
}

/*
    Normalize sets various form controls to inherit color
    from the parent. This is all fine and dandy buy breaks form controls in headers/dialogs
    where the background is a dark colour and the text is white.
    This de-normalizes them to black.
*/
button, input, optgroup, select, .ui-datepicker-title > select, textarea {
  color: #000; 
}

body .ui-widget-overlay {
    opacity: 0.6;
    background-color: #000;
    background-image: none;
}

.ui-dialog-fake-uk
{
	border-radius: 4px !important;
	box-shadow: 0 0 10px rgb(0 0 0 / 30%) !important;/*2px 2px 2px 2px rgba(171,171,171,1) !important;*/
	border: 0px !important;
    position: fixed !important;
}

.fbs-scroll-y {
	overflow-y: auto;
}

.mainContentLoading
{
	-moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);
	-webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);
	box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ui-dialog-fake-uk > .ui-dialog-titlebar.ui-widget-header {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin: -3px -3px 0;
	padding:0;
	border-radius: 0 !important;
	background-color: white;
	border-color: white;
    z-index:1;
}

.ui-dialog-fake-uk > .ui-dialog-titlebar > .ui-dialog-title {
	height: 5px;
    width: 100%;
}

.ui-dialog-fake-uk .ui-widget-content {
    border: 1px solid white;
}

.ui-dialog-fake-uk .ui-dialog-buttonpane .ui-dialog-buttonset button {
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 4px;
    text-shadow: 0 1px 0 #fff;
    color: #444 !important;
    background: #f5f5f5;
}

.controltext-mouseover {
    background-color:yellow !important;
}
.post-it {
  background-color: #F8F2AB;
  border: 1px solid #999;
  padding: 8px;
  border-radius: 4px;
}

.griditemdanger {
  background-color: #da314b !important;
  color: #fff;
}

.griditemselected {
  background-color: #00a8e6 !important;
  color: #fff;
}

tr.fbs-row-danger {
  background-color: #fff1f0 !important;
}

tr.fbs-row-warning, .griditemwarning {
  background: #fffceb !important;
  color: #e28327;
  border-color: rgba(226,131,39,.3);
}

tr[disabled="true"] {
  color: lightgrey;
}


.uk-nav-dropdown > li.danger > a:hover, .uk-nav-dropdown > li.danger > a:focus {
  background-color: #f0506e;
}

.has-error {
  border-color: #dc8d99 !important;
  background: #fff7f8 !important;
  color: #d85030 !important;
}

.has-error + .select2-container .select2-selection {
  border-color: #dc8d99 !important;
  background: #fff7f8 !important;
  color: #d85030 !important;
}

fbs-html5datepicker.has-error input {
  border-color: #dc8d99 !important;
  background: #fff7f8 !important;
  color: #d85030 !important;
}

.input-disabled {
  background-color: #f6f6f6;
}

.uk-table-fixed {
  table-layout: fixed;
  width: 100%;
}

.uk-table-fixed td span:not(.k-icon, .k-select, .k-dropdown-wrap, .k-dropdown) {
  max-width: 99%;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
  display: block;
}

.downloaderDlg {
  width: 600px;
  z-index: 8888 !important;
}
.downloaderOverlay {
  z-index: 8888 !important;
}

.EmailHelpOverlay {
  z-index: 1002 !important;
}

fbs-kendo-dd {
  display: inline-block;
}

fbs-kendo-dd div.fbsKendoDD {
  position: relative;
  display: inline-block;
  width: 100%;
}

fbs-kendo-dd div.fbsKendoDD i.uk-icon-close {
  position: absolute;
  top: 7px;
  right: 21px;
  cursor: pointer;
}

fbs-kendo-dd div.fbsKendoDD.canClear span.k-dropdown-wrap {
  padding-right: 2.5em;
}

fbs-datetimepicker {
    display: inline-block;
}

fbs-datetimepicker div.fbsDateTimePicker {
    position: relative;
    display: inline-block;
    width: 100%;
}

fbs-kendo-datepicker {
    display: inline-block;
}

fbs-kendo-datepicker div.fbsDatePicker {
    position: relative;
    display: inline-block;
    width: 100%;
}

.qmDlg {
  width: 90vw !important;
  max-width: 1200px;
  height: 90vh !important;
}

.fbs-kendo-tabstrip-right.k-tabstrip:focus {
	box-shadow: none;
}

.fbs-kendo-tabstrip-right .k-tabstrip .k-sprite.fad {
	font-size: initial;
	line-height: initial;
	width: auto;
	height: auto;
}

.fbs-kendo-tabstrip-right .k-tabstrip-items .k-tabstrip-item:not(.k-active) .k-link>span {
	color: #0077dd;
}

.fbs-kendo-tabstrip-right .k-link {
	width: 100%;
}

.fbs-kendo-tabstrip-right .k-link>span {
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.fbs-kendo-tabstrip-right .k-tabstrip-items .k-item:not(.k-active) {
	background-color: unset;
}

.fbs-kendo-tabstrip-right .k-tabstrip-items .k-item {
	border-top-right-radius: 0px;
}

.fileupload-buttonbar .ui-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  border: solid transparent;
  border-width: 0 0 100px 200px;
  opacity: 0;
  filter: alpha(opacity=0);
  -o-transform: translate(250px, -50px) scale(1);
  -moz-transform: translate(-300px, 0) scale(4);
  direction: ltr;
  cursor: pointer;
}

.fileinput-button {
  overflow: hidden;
}

/* Fix for IE 6: */
*html .fileinput-button {
  padding: 2px 0;
}

/* Fix for IE 7: */
*+html .fileinput-button {
  padding: 2px 0;
}

.fileupload-buttonbar {
  padding: 0.2em 0.4em;
  overflow: hidden;
}

.fileupload-buttonbar .ui-button {
  vertical-align: middle;
}

.fileupload-content {
  padding: 0.2em 0.4em;
  border-top-width: 0;
}

.fileupload-content .ui-progressbar {
  width: 75px;
  height: 20px;
}

.fileupload-content .ui-progressbar-value {
  background: url(/images/pbar-ani.gif);
}

.fileupload-content .fileupload-progressbar {
  width: 400px;
  margin: 10px 0;
}

.files {
  margin: 10px 0;
  border-collapse: collapse;
}

.files td {
  padding: 5px;
  border-spacing: 5px;
}

.files img {
  border: none;
}

.files .name {
  padding: 0 10px;
}

.files .size {
  padding: 0 10px 0 0;
  text-align: right;
  white-space: nowrap;
}

.ui-state-disabled .ui-state-disabled {
  opacity: 1;
  filter: alpha(opacity=100);
}

.ui-state-disabled input {
  cursor: default;
}
#razor-page, #academytab-pupil , #conditions-medi, #consents-medi, #consultants-medi,
#generalinfo-medi, #treatments-medi, #vaccinations-medi, #addressMatch-adul, #record-adul,
#companyFM-adul, #activities-pupil, #alumniNotes-pupil, #application-pupil,
#assessmentlist-pupil, #basicinfo-pupil, #bususage-pupil, #checkpoints-pupil, #communication-pupil,
#consents-pupil, #curriculum-pupil, #daybookentrypupilrecord-pupil, #educationtodate-pupil, #emailviewer-pupil,
#entranceExam-pupil, #externalexams-pupil, #extracurricular-pupil, #familyinfo-pupil, #features-pupil, 
#futureEducation-pupil, #languages-pupil, #marketing-pupil, #miscellaneous-pupil, #movementhistory-pupil,
#passport-pupil, #prospect-pupil, #pupiloutofschool-pupil, #rewardsan-pupil, #securenoteadd-pupil, 
#secureNotes-pupil, #shadow-pupil, #specialneeds-pupil, #testTrack-pupil, #timetable-pupil
{
    width:950px;
}

#actionviewer-pupil
{
    width:850px;
}

#exclusion-acad, #characteristics-acad, #homeinfo-acad, #identifiers-acad,
#post16-acad, #sen-acad, #status-acad
{
width:900px;
}


.headertext
{
font-size:14px;
font-weight:bold;
}

.mGrid th
{
    font-size:12px;
}

.saveButtonClass
{

border:none;
text-align: center;
text-transform: uppercase;
font-size: 75%;
opacity: 0.4;

}

/*#divBasicSave #divActivSave
{
    position: relative;
    top: -32px; 
    margin-bottom: -32px;
}

.visibleSaveBut
{
    position: relative;
    top: -32px; 
    margin-bottom: -32px;
}*/


/*.testClass
{
    
    background-color: blueviolet;
}*/


    
.ui-tabs-vertical { width: 200px; }
.ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 200px; }
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
.ui-tabs-vertical .ui-tabs-nav li a { position: relative; display:inline-block; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; }
.ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: left; width: 800px; vertical-align: top;}




/*Styles for Staff Record*/

#basicinfo-staff 
{
    width:950px;
}

.datePicker .datePicker2
{
    background-image: url('/Images/calendar.png'); background-repeat: no-repeat; background-position:right;
}

#record-staff, #overview-staff, #contactinfo-staff,
#archive-staff, #emailLog-staff, #emergeInfo-staff, #otherInfo-staff, #addInfoFeature-staff,
#school-staff, #systemUsage-staff, #features-staff, #emailReceived-staff, #smsLog-staff, 
#addInfo-staff, #checks-staff, #pensionDfes-staff

{
    width: 950px;
    height: 380px;
    align-content: center;
}

#finder-staff
{
    width: 100%;
    height: 100%;/*600px;*/
    align-content: center;
}

#finderReportBasic-staff, #finderReportFull-staff, #finderFunctions-staff,
#finderMailmerge-staff, #finderTags-staff, #finderHrFunctions-staff
{
    width: 310px;
    height:550px;
    align-content: center;
}
    


/***
Spectrum Colorpicker v1.5.1
https://github.com/bgrins/spectrum
Author: Brian Grinstead
License: MIT
***/

.sp-container {
    position:absolute;
    top:0;
    left:0;
    display:inline-block;
    *display: inline;
    *zoom: 1;
    /* https://github.com/bgrins/spectrum/issues/40 */
    z-index: 9999994;
    overflow: hidden;
}
.sp-container.sp-flat {
    position: relative;
}

/* Fix for * { box-sizing: border-box; } */
.sp-container,
.sp-container * {
    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box;
}

/* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */
.sp-top {
  position:relative;
  width: 100%;
  display:inline-block;
}
.sp-top-inner {
   position:absolute;
   top:0;
   left:0;
   bottom:0;
   right:0;
}
.sp-color {
    position: absolute;
    top:0;
    left:0;
    bottom:0;
    right:20%;
}
.sp-hue {
    position: absolute;
    top:0;
    right:0;
    bottom:0;
    left:84%;
    height: 100%;
}

.sp-clear-enabled .sp-hue {
    top:33px;
    height: 77.5%;
}

.sp-fill {
    padding-top: 80%;
}
.sp-sat, .sp-val {
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}

.sp-alpha-enabled .sp-top {
    margin-bottom: 18px;
}
.sp-alpha-enabled .sp-alpha {
    display: block;
}
.sp-alpha-handle {
    position:absolute;
    top:-4px;
    bottom: -4px;
    width: 6px;
    left: 50%;
    cursor: pointer;
    border: 1px solid black;
    background: white;
    opacity: .8;
}
.sp-alpha {
    display: none;
    position: absolute;
    bottom: -14px;
    right: 0;
    left: 0;
    height: 8px;
}
.sp-alpha-inner {
    border: solid 1px #333;
}

.sp-clear {
    display: none;
}

.sp-clear.sp-clear-display {
    background-position: center;
}

.sp-clear-enabled .sp-clear {
    display: block;
    position:absolute;
    top:0px;
    right:0;
    bottom:0;
    left:84%;
    height: 28px;
}

/* Don't allow text selection */
.sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button  {
    -webkit-user-select:none;
    -moz-user-select: -moz-none;
    -o-user-select:none;
    user-select: none;
}

.sp-container.sp-input-disabled .sp-input-container {
    display: none;
}
.sp-container.sp-buttons-disabled .sp-button-container {
    display: none;
}
.sp-container.sp-palette-buttons-disabled .sp-palette-button-container {
    display: none;
}
.sp-palette-only .sp-picker-container {
    display: none;
}
.sp-palette-disabled .sp-palette-container {
    display: none;
}

.sp-initial-disabled .sp-initial {
    display: none;
}


/* Gradients for hue, saturation and value instead of images.  Not pretty... but it works */
.sp-sat {
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";
    background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0));
}
.sp-val {
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";
    background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0));
}

.sp-hue {
    background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000));
    background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}

/* IE filters do not support multiple color stops.
   Generate 6 divs, line them up, and do two color gradients for each.
   Yes, really.
 */
.sp-1 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00');
}
.sp-2 {
    height:16%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00');
}
.sp-3 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff');
}
.sp-4 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff');
}
.sp-5 {
    height:16%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff');
}
.sp-6 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000');
}

.sp-hidden {
    display: none !important;
}

/* Clearfix hack */
.sp-cf:before, .sp-cf:after { content: ""; display: table; }
.sp-cf:after { clear: both; }
.sp-cf { *zoom: 1; }

/* Mobile devices, make hue slider bigger so it is easier to slide */
@media (max-device-width: 480px) {
    .sp-color { right: 40%; }
    .sp-hue { left: 63%; }
    .sp-fill { padding-top: 60%; }
}
.sp-dragger {
   border-radius: 5px;
   height: 5px;
   width: 5px;
   border: 1px solid #fff;
   background: #000;
   cursor: pointer;
   position:absolute;
   top:0;
   left: 0;
}
.sp-slider {
    position: absolute;
    top:0;
    cursor:pointer;
    height: 3px;
    left: -1px;
    right: -1px;
    border: 1px solid #000;
    background: white;
    opacity: .8;
}

/*
Theme authors:
Here are the basic themeable display options (colors, fonts, global widths).
See http://bgrins.github.io/spectrum/themes/ for instructions.
*/

.sp-container {
    border-radius: 0;
    background-color: #ECECEC;
    border: solid 1px #f0c49B;
    padding: 0;
}
.sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear {
    font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.sp-top {
    margin-bottom: 3px;
}
.sp-color, .sp-hue, .sp-clear {
    border: solid 1px #666;
}

/* Input */
.sp-input-container {
    float:right;
    width: 100px;
    margin-bottom: 4px;
}
.sp-initial-disabled  .sp-input-container {
    width: 100%;
}
.sp-input {
   font-size: 12px !important;
   border: 1px inset;
   padding: 4px 5px;
   margin: 0;
   width: 100%;
   background:transparent;
   border-radius: 3px;
   color: #222;
}
.sp-input:focus  {
    border: 1px solid orange;
}
.sp-input.sp-validation-error {
    border: 1px solid red;
    background: #fdd;
}
.sp-picker-container , .sp-palette-container {
    float:left;
    position: relative;
    padding: 10px;
    padding-bottom: 300px;
    margin-bottom: -290px;
}
.sp-picker-container {
    width: 172px;
    border-left: solid 1px #fff;
}

/* Palettes */
.sp-palette-container {
    border-right: solid 1px #ccc;
}

.sp-palette-only .sp-palette-container {
    border: 0;
}

.sp-palette .sp-thumb-el {
    display: block;
    position:relative;
    float:left;
    width: 24px;
    height: 15px;
    margin: 3px;
    cursor: pointer;
    border:solid 2px transparent;
}
.sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active {
    border-color: orange;
}
.sp-thumb-el {
    position:relative;
}

/* Initial */
.sp-initial {
    float: left;
    border: solid 1px #333;
}
.sp-initial span {
    width: 30px;
    height: 25px;
    border:none;
    display:block;
    float:left;
    margin:0;
}

.sp-initial .sp-clear-display {
    background-position: center;
}

/* Buttons */
.sp-palette-button-container,
.sp-button-container {
    float: right;
}

/* Replacer (the little preview div that shows up instead of the <input>) */
.sp-replacer {
    margin:0;
    overflow:hidden;
    cursor:pointer;
    padding: 4px;
    display:inline-block;
    *zoom: 1;
    *display: inline;
    border: solid 1px #91765d;
    background: #eee;
    color: #333;
    vertical-align: middle;
}
.sp-replacer:hover, .sp-replacer.sp-active {
    border-color: #F0C49B;
    color: #111;
}
.sp-replacer.sp-disabled {
    cursor:default;
    border-color: silver;
    color: silver;
}
.sp-dd {
    padding: 2px 0;
    height: 16px;
    line-height: 16px;
    float:left;
    font-size:10px;
}
.sp-preview {
    position:relative;
    width:25px;
    height: 20px;
    border: solid 1px #222;
    margin-right: 5px;
    float:left;
    z-index: 0;
}

.sp-palette {
    *width: 220px;
    max-width: 220px;
}
.sp-palette .sp-thumb-el {
    width:16px;
    height: 16px;
    margin:2px 1px;
    border: solid 1px #d0d0d0;
}

.sp-container {
    padding-bottom:0;
}


/* Buttons: http://hellohappy.org/css3-buttons/ */
.sp-container button {
  background-color: #eeeeee;
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
  background-image: linear-gradient(to bottom, #eeeeee, #cccccc);
  border: 1px solid #ccc;
  border-bottom: 1px solid #bbb;
  border-radius: 3px;
  color: #333;
  font-size: 14px;
  line-height: 1;
  padding: 5px 4px;
  text-align: center;
  text-shadow: 0 1px 0 #eee;
  vertical-align: middle;
}
.sp-container button:hover {
    background-color: #dddddd;
    background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: linear-gradient(to bottom, #dddddd, #bbbbbb);
    border: 1px solid #bbb;
    border-bottom: 1px solid #999;
    cursor: pointer;
    text-shadow: 0 1px 0 #ddd;
}
.sp-container button:active {
    border: 1px solid #aaa;
    border-bottom: 1px solid #888;
    -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    -moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    -ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    -o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
}
.sp-cancel {
    font-size: 11px;
    color: #d93f3f !important;
    margin:0;
    padding:2px;
    margin-right: 5px;
    vertical-align: middle;
    text-decoration:none;

}
.sp-cancel:hover {
    color: #d93f3f !important;
    text-decoration: underline;
}


.sp-palette span:hover, .sp-palette span.sp-thumb-active {
    border-color: #000;
}

.sp-preview, .sp-alpha, .sp-thumb-el {
    position:relative;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}
.sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner {
    display:block;
    position:absolute;
    top:0;left:0;bottom:0;right:0;
}

.sp-palette .sp-thumb-inner {
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=);
}

.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=);
}

.sp-clear-display {
    background-repeat:no-repeat;
    background-position: center;
    background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==);
}
/* 
   Plupload
------------------------------------------------------------------- */

.plupload_wrapper * {
	box-sizing: content-box;
}

.plupload_button {
	display: -moz-inline-box; /* FF < 3*/
	display: inline-block;
	font: normal 12px sans-serif;
	text-decoration: none;
    color: #42454a;
    border: 1px solid #bababa;
    padding: 2px 8px 3px 20px;
	margin-right: 4px;
    background: #f3f3f3 url('/Content/PlupLoad/img/buttons.png') no-repeat 0 center;
	outline: 0;

    /* Optional rounded corners for browsers that support it */
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.plupload_button:hover {
	color: #000;
	text-decoration: none;
}

.plupload_disabled, a.plupload_disabled:hover {
  color: #737373;
  border-color: #c5c5c5;
  background: #ededed url('/Content/PlupLoad/img/buttons-disabled.png') no-repeat 0 center;
  cursor: default;
}

.plupload_add {
	background-position: -181px center;
}

.plupload_wrapper {
	font: normal 11px Verdana,sans-serif;
	width: 100%;
}

.plupload_container {
  padding: 8px;
  background: url('/Content/PlupLoad/img/transp50.png');
  /*-moz-border-radius: 5px;*/
}

.plupload_container input {
	border: 1px solid #DDD;
	font: normal 11px Verdana,sans-serif;
	width: 98%;
}

.plupload_header {
  background: #2A2C2E url('/Content/PlupLoad/img/backgrounds.gif') repeat-x;
}
.plupload_header_content {
  background: url('/Content/PlupLoad/img/backgrounds.gif') no-repeat 0 -317px;
  min-height: 56px;
  padding-left: 60px;
  color: #FFF;
}
.plupload_header_title {
	font: normal 18px sans-serif;
	padding: 6px 0 3px;
}
.plupload_header_text {
	font: normal 12px sans-serif;
}

.plupload_filelist {
	margin: 0;
	padding: 0;
	list-style: none;
}

.plupload_scroll .plupload_filelist {
	height: 185px;
	background: #F5F5F5;
	overflow-y: scroll;
}

.plupload_filelist li {
  padding: 10px 8px;
  background: #F5F5F5 url('/Content/PlupLoad/img/backgrounds.gif') repeat-x 0 -156px;
  border-bottom: 1px solid #DDD;
}

.plupload_filelist_header, .plupload_filelist_footer {
	background: #DFDFDF;
	padding: 8px 8px;
	color: #42454A;
}
.plupload_filelist_header {	
	border-top: 1px solid #EEE;
	border-bottom: 1px solid #CDCDCD;
}

.plupload_filelist_footer {border-top: 1px solid #FFF; height: 22px; line-height: 20px; vertical-align: middle;}
.plupload_file_name {float: left; overflow: hidden}
.plupload_file_status {color: #777;}
.plupload_file_status span {color: #42454A;}
.plupload_file_size, .plupload_file_status, .plupload_progress {
	float: right;
	width: 80px;
}
.plupload_file_size, .plupload_file_status, .plupload_file_action {text-align: right;}

.plupload_filelist .plupload_file_name {
	width: 205px;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.plupload_file_action {
	float: right;
	width: 16px;
	height: 16px;
	margin-left: 15px;
}

.plupload_file_action * {
	display: none;
	width: 16px;
	height: 16px;
}

li.plupload_uploading {
  background: #ECF3DC url('/Content/PlupLoad/img/backgrounds.gif') repeat-x 0 -238px;
}
li.plupload_done {color:#AAA}

li.plupload_delete a {
  background: url('/Content/PlupLoad/img/delete.gif');
}

li.plupload_failed a {
  background: url('/Content/PlupLoad/img/error.gif');
  cursor: default;
}

li.plupload_done a {
  background: url('/Content/PlupLoad/img/done.gif');
  cursor: default;
}

.plupload_progress, .plupload_upload_status {
	display: none;
}

.plupload_progress_container {
	margin-top: 3px;
	border: 1px solid #CCC;
	background: #FFF;
	padding: 1px;
}
.plupload_progress_bar {
	width: 0px;
	height: 7px;
	background: #CDEB8B;
}

.plupload_scroll .plupload_filelist_header .plupload_file_action, .plupload_scroll .plupload_filelist_footer .plupload_file_action {
	margin-right: 17px;
}

/* Floats */

.plupload_clear,.plupload_clearer {clear: both;}
.plupload_clearer, .plupload_progress_bar {
	display: block;
	font-size: 0;
	line-height: 0;	
}

li.plupload_droptext {
	background: transparent;
	text-align: center;
	vertical-align: middle;
	border: 0;
	line-height: 165px;
}

.chardinjs-overlay {
  position: absolute;
  z-index: 999999;
  background-color: #000;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

.chardinjs-helper-layer {
  position: absolute;
  z-index: 9999998;
  color: white;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }
  .chardinjs-helper-layer.chardinjs-left {
    border-left: solid white 1px;
    margin-left: -10px; }
  .chardinjs-helper-layer.chardinjs-right {
    border-right: solid white 1px;
    padding-right: 10px; }
  .chardinjs-helper-layer.chardinjs-bottom {
    border-bottom: solid white 1px;
    padding-bottom: 10px; }
  .chardinjs-helper-layer.chardinjs-top {
    border-top: solid white 1px;
    padding-top: 10px; }

.chardinjs-tooltip {
  position: absolute;
  -webkit-transition: opacity 0.1s ease-out;
  -moz-transition: opacity 0.1s ease-out;
  -ms-transition: opacity 0.1s ease-out;
  -o-transition: opacity 0.1s ease-out;
  transition: opacity 0.1s ease-out;
  max-width: 200px; }
  .chardinjs-tooltip.chardinjs-left {
    margin-left: -135px;
    padding-right: 10px; }
  .chardinjs-tooltip.chardinjs-right {
    margin-right: -135px;
    padding-left: 10px; }
  .chardinjs-tooltip.chardinjs-bottom {
    margin-bottom: -50px;
    padding-top: 10px; }
  .chardinjs-tooltip.chardinjs-top {
    margin-top: -50px;
    padding-bottom: 10px; }
  .chardinjs-tooltip.chardinjs-right:before, .chardinjs-tooltip.chardinjs-left:after, .chardinjs-tooltip.chardinjs-bottom:before, .chardinjs-tooltip.chardinjs-top:after {
    content: ".";
    display: inline-block;
    background-color: white;
    height: 1px;
    overflow: hidden;
    position: absolute; }
  .chardinjs-tooltip.chardinjs-right:before, .chardinjs-tooltip.chardinjs-left:after {
    width: 100px;
    top: 50%; }
  .chardinjs-tooltip.chardinjs-bottom:before, .chardinjs-tooltip.chardinjs-top:after {
    width: 1px;
    height: 50px;
    left: 50%; }
  .chardinjs-tooltip.chardinjs-bottom:before {
    top: -50px; }
  .chardinjs-tooltip.chardinjs-top:after {
    bottom: -50px; }
  .chardinjs-tooltip.chardinjs-right:before {
    left: -100px; }
  .chardinjs-tooltip.chardinjs-left:after {
    right: -100px; }

.chardinjs-show-element {
  z-index: 9999999;
  opacity: 0.8; }

.chardinjs-relative-position {
  position: relative; }

