/* begin form style */
div.form
{
	border: 1px solid #D5E3F5;
	background: #EBF3FD;
	margin: 0;
	padding: 5px;
	width: 710px;
}

div.form-plain
{
	border: 1px solid #D5E3F5;
	background: #EBF3FD;
	margin: 0;
	padding: 8px 12px;
	width: 1474px;
}

div.form-wide
{
	width: 1485px;
}

div.form-wide-850
{
	width: 850px;
}

div.portlet div.form
{
	border: none;
	background: transparent;
	margin: 0;
	padding: 5px;
	width: 100%;
}

div.form table.double td,
div.form table.multiple td
{
	padding: 0 20px 0 0;
	vertical-align: top;
}

div.form table.double td
{
	width: 45%;
}

div.form table.linear td
{
	padding: 2px 3px 2px 3px;
	text-align: center;
	vertical-align: middle;
}

div.form p.hint
{
	color: gray;
	margin: 0 0 0 110px;
}

div.form div.menu
{
	text-align: right;
	color: #D5E3F5;
}

div.form div.group
{
	clear: left;
	padding: 3px;
	margin: 10px 0 10px 0;
	background: #D5E3F5;
	font-weight: bold;
}

div.form div.group a
{
	font-size: 8pt;
	font-weight: normal;
}

div.form label
{
}

div.form div.cancel-bold
{
	font-weight: bold;
	margin: 3px 15px 0;
}

div.form div.action
{
	clear: left;
	margin-left: 150px;
	padding: 5px 0;
}

div.form div.action-right
{
	text-align: right;
	margin-right: 80px;
	padding: 5px 0;
}

div.form div.simple,
div.form div.complex
{
	clear: left;
	padding: 4px 0 ;
}

div.form div.simple label,
div.form div.complex span.label,
div.form div.complex span label
{
	display: block;
	float: left;
	margin-right: 10px;
	position: relative;
	text-align: right;
	width: 140px;
}

div.form div.simple div,
div.form div.complex div.panel
{
	margin-left: 150px;
}

div.form div.complex label
{
	vertical-align: top;
}

div.form div.complex table.grid td
{
	padding: 0 5px 5px 0;
	vertical-align: top;
}

div.form div.complex table.grid td label
{
	display: block;
}

div.form div.complex table.grid2 td
{
	padding: 0 10px 0px 0;
	vertical-align: top;
}

div.form div.complex table.grid2 td label
{
	vertical-align: top;
}

div.form div.cpanel
{
}

div.form div.cpanelContent
{
	padding: 5px 0 10px 0;
}

div.form div.rpanelContent,
div.form div.spanelContent,
div.form div.rpanelContent>label.error,
div.form div.spanelContent>label.error,
div.form div.rpanelContent>div.errorMessage,
div.form div.spanelContent>div.errorMessage
{
	display: inline;
}

/* end of form style */

/* begin common style */
form
{
	margin: 0;
}

input[type=text],
input[type=password],
textarea,
select
{
	background: white;
	border: 1px solid #a6c9e2;
}

input[type=text],
input[type=password],
textarea
{
	padding: 2px;
}

select
{
	padding: 1px;
}

input.autocomplete
{
	background: #FFFFE0;
}

input.readonly,
textarea.readonly,
select.readonly
{
	background: #F0F0F0;
}

input[disabled],
checkbox[disabled],
select[disabled],
textarea[disabled]
{
	background: #DDD;
}

label.required
{
}

span.required
{
	color: red;
}

label.error,
span.error
{
	color: #C00;
}

input.error,
textarea.error,
select.error
{
	background: #FEE;
	border-color: #C00;
}

input.efis,
textarea.efis,
select.efis
{
	background: #cfd;
	border-color: #0c4;
}

input.newefis,
textarea.newefis,
select.newefis
{
	background: #fc9;
	border-color: #940;
}

div.errorSummary
{
	border: 2px solid #C00;
	padding: 7px 7px 12px 7px;
	margin: 0 0 20px 0;
	background: #FEE;
}

div.errorSummary p
{
	margin: 0;
	padding: 5px;
}

div.errorSummary ul
{
	margin: 0;
	padding: 0 0 0 20px;
}

div.errorSummary ul li
{
	list-style: square;
}

div.errorMessage
{
	color: #C00;
}

label.error
{
    display: block;
}

div.preview
{
	border: 1px solid #DDD;
	padding: 7px 7px 12px 7px;
	margin: 0 0 20px 0;
	background: #FFFFE0;
}

div.add
{
    cursor: pointer;
    width: 60px;
    padding: 2px;
    border: 1px solid #a6c9e2;
    color: #0066a7;
    text-align: center;
}

div.update, div.remove, div.up, div.down, div.author
{
    cursor: pointer;
    width: 16px;
    padding: 2px 2px 1px;
    border: 1px solid #a6c9e2;
    color: #0066a7;
    text-align: center;
	/*background: #D5E3F5;*/
}

div.add-update
{
    cursor: pointer;
    width: 100px;
    padding: 2px;
	margin: 3px;
    border: 1px solid #a6c9e2;
    color: #0066a7;
    text-align: center;
}

a.a-remove
{
    padding: 2px;
    border: 1px solid #a6c9e2;
	margin: 1px;
    color: #0066a7;
    text-align: center;
	/*background: #D5E3F5;*/
}

a.a-remove-border-0
{
    padding: 2px;
	margin: 1px;
    color: #0066a7;
    text-align: center;
}

a.a-add
{
    padding: 2px 15px;
	border: 1px solid #a6c9e2;
    color: #0066a7;
    text-align: center;
	background: #D5E3F5;
}

img.tab-img
{
	padding: 2px 2px 1px;
	border: 1px solid #a6c9e2;
}

div.tab-input
{
	border-bottom: 1px solid #a6c9e2;
	padding-bottom: 10px; 
	margin-bottom: 10px;
}

textarea.template
{
	display: none;
}

.group {
	cursor: pointer;
}

div.wspace {
	white-space: pre;
}

div.form hr
{
	border: 0;
	height: 1px;
	background: #a6c9e2;
}

tr.td-top
{
	vertical-align: top;
}
/* end of common style */

/* begin jquery ui extra */
#ui-datepicker-div /* bugfix */ {
	display: none;
}

.ui-autocomplete {
	max-height: 200px;
	overflow-y: auto;
	overflow-x: hidden;
	padding-right: 30px;
}

.ui-autocomplete li.ui-menu-item {
	padding: 1px;
	/* needed to prevent the item sizes from changing on hover */
}

.ui-autocomplete a.ui-menu-item-alternate {
	background-color: #eee;
}

.ui-autocomplete-loading {
	background: url('loading.gif') right center no-repeat;
}
/* end jquery ui extra */

input.public-search {
  display: inline-block;
  vertical-align: middle;
  /*font-family: "Helvetica Neue", Helvetica, Tahoma, sans-serif;
  font-size: 1.1em;*/
  font-weight: 400;
  line-height: 1.55em;
  text-decoration: none;
  color: #222222;
  -webkit-appearance: none;
  outline: none;
  margin: 0;
  border: 1px solid #a6c9e2;
  border-radius: 4px;
  box-shadow: none;
  padding: 0.25em 0.5em;
}

/*=Buttons
---------------------------------*/
.btn,
input[type="submit"].btn {
  display: inline-block;
  vertical-align: middle;
  font-family: "Helvetica Neue", Helvetica, Tahoma, sans-serif;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.65em;
  text-align: center;
  text-decoration: none;
  color: #222222;
  -webkit-appearance: none;
  outline: none;
  margin: 0;
  border: none;
  border-radius: 4px;
  box-shadow: none;
  cursor: pointer;
  padding: 0.15em 1.5em;
  /*padding: 0.55em 2.5em;*/
}
.btn-tight {
  padding: 0.15em 0.5em;
}
.btn-hideshow, .btn-hideshow-2 {
  color: #000000;
  border: 1px solid #a6c9e2;
  background: #ffffff;
  height: 22px;
}
.btn-hideshow-all {
  color: #000000;
  border: 1px solid #a6c9e2;
  background: #ffffff;
  height: 22px;
}
.btn:hover,
input[type="submit"].btn:hover {
  color: rgba(0, 0, 0, 0.5);
  background: #b3b6b7;
}
.btn::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.btn-big,
input[type="submit"].btn-big {
  font-size: 18px;
}
.btn-small,
input[type="submit"].btn-small {
  font-size: 12.75px;
}
.btn-smaller,
input[type="submit"].btn-smaller {
  font-size: 11.25px;
  vertical-align: baseline;
}
.btn-round {
  border-radius: 15px;
}
.btn-outline,
input[type="submit"].btn-outline {
  background: none;
  padding: 0.48750000000000004em 2.5em;
  border: 1px solid #0f0f0f;
}
.btn-outline:hover,
input[type="submit"].btn-outline:hover {
  border-color: #b3b6b7;
}
.btn-outline.btn-active {
  padding: 0.55em 2.5em;
}
.btn-outline.bold {
  border-width: 2px;
  padding: 0.42500000000000004em 2.5em;
}
.btn-active,
.btn[disabled],
.btn-disabled {
  background: none;
  background: #b3b6b7;
  color: rgba(0, 0, 0, 0.5);
}
.btn-active:hover,
.btn[disabled]:hover,
.btn-disabled:hover {
  color: rgba(0, 0, 0, 0.5);
  background: #b3b6b7;
}
.btn-active {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) inset;
}
.btn-outline.btn[disabled],
.btn-outline.btn-disabled {
  background: none;
  box-shadow: none;
  color: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.btn-outline.btn-active {
  background: none;
  color: rgba(0, 0, 0, 0.4);
  border: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset;
}
.btn[disabled],
.btn-disabled {
  cursor: default;
  box-shadow: none;
}
.btn-blue,
input[type="submit"].btn-blue {
  color: rgba(255, 255, 255, 0.9);
  /*background: #5396fb;*/
  background: #2685d9;
}
.btn-blue:hover,
input[type="submit"].btn-blue:hover {
  color: rgba(255, 255, 255, 0.6);
  background: #1a52a5;
}
.btn-blue.btn-active,
input[type="submit"].btn-blue.btn-active {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
}


------------------------------------------------------------------------------*/
/* CSS Created by CSS CHECKBOX */
/**********************************/
/**** www.CSScheckbox.com *********/

/*general styles for all CSS Checkboxes*/
label {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

input[type=checkbox].css-checkbox {
    position: absolute; 
    overflow: hidden; 
    clip: rect(0 0 0 0); 
    height:1px; 
    width:1px; 
    margin:-1px; 
    padding:0;
    border:0;
}

input[type=checkbox].css-checkbox + label.css-label {
	padding-left:20px;
	height:15px; 
	display:inline-block;
	line-height:15px;
	background-repeat:no-repeat;
	background-position: 0 0;
	/*font-size:15px;*/
	vertical-align:middle;
	cursor:pointer;
}

input[type=checkbox].css-checkbox:checked + label.css-label {
	background-position: 0 -15px;
}


/*specific classes related to Checkbox skins*/

.depressed{background-image:url('../images/depressed.png');}

input[type=checkbox].css-checkbox.med + label.css-label.med {
	padding-left:22px;
    height:17px; 
	display:inline-block;
	line-height:17px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:15px;
	vertical-align:middle;
    cursor:pointer;
}

input[type=checkbox].css-checkbox.med:checked + label.css-label.med {

    background-position: 0 -17px;
}
input[type=checkbox].css-checkbox.sme + label.css-label.sme {
	padding-left:22px;
    height:16px; 
	display:inline-block;
	line-height:16px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:15px;
	vertical-align:middle;
    cursor:pointer;
}

input[type=checkbox].css-checkbox.sme:checked + label.css-label.sme{

    background-position: 0 -16px;
}
input[type=checkbox].css-checkbox.lrg + label.css-label.lrg {
	padding-left:22px;
    height:20px; 
	display:inline-block;
	line-height:20px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:15px;
	vertical-align:middle;
    cursor:pointer;
}

input[type=checkbox].css-checkbox.lrg:checked + label.css-label.lrg{
	background-position: 0 -20px;
}

input[type=radio].css-checkbox-rb {
	position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}

input[type=radio].css-checkbox-rb + label.css-label-rb {
	padding-left:18px;
	padding-right:8px;
	height:14px; 
	display:inline-block;
	line-height:14px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:12px;
	vertical-align:middle;
	cursor:pointer;
}

input[type=radio].css-checkbox-rb:checked + label.css-label-rb {
	background-position: 0 -14px;
}

label.css-label-rb {
	background-image:url('../images/radio_blue.png');
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

input.margin-left-k {
	margin-left:3em;
}

div.form div.group-default {
	background-color: #d5e3f5;
}
div.form div.group-pos {
	background-color: #bbbbbb;
}
div.form div.group-neg {
	background-color: #ff8888;
}
div.form div.group-mag {
	background-color: #cc9999;
}
div.form div.group-dbpos {
	background-color: #ccccff;
}
div.form div.group-dbneg {
	background-color: #ffffb3;
}
div.form div.group-hneg {
	background-color: #77ccff;
}
div.form div.group-fail {
	background-color: #99cccc;
}
div.form div.group-tag {
	background-color: #d8e3f2;
}
div.form div.group-heli {
	background-color: #c1e0e0;
}
div.form div.group-video {
	background-color: #bbddff;
}
div.form div.group-dcp {
	background-color: #f5c9e7;
}
div.form div.group-mp4 {
	background-color: #ddeeee;
}

#actionmenu ul { padding: 0; }
#actionmenu ul li { display: inline;  position: relative; height: 22px; }
#actionmenu ul li a { padding: 0.4em 0.1em; text-decoration: none; }
#actionmenu ul li a:hover { color: #red; }
#actionmenu ul li.active-submenu:hover > ul { display: block; }
#actionmenu ul li.not-active-submenu:hover > ul { display: none; }
#actionmenu ul li ul { display: none; position: absolute; top: 100%; background: #fff; height: auto; width: 100%; }
#actionmenu ul li ul li a { padding: 4px 12px; display: block; width: auto;}
#actionmenu ul li ul li.active a, #actionmenu ul li ul li a:hover { color: #red; }
#actionmenu ul li ul li { clear: left;}

#actionmenu-left ul { padding: 0; height: 12px; }
#actionmenu-left ul li { display: inline;  position: relative; float: left; }
#actionmenu-left ul li a { padding: 4px; text-decoration: none; }
#actionmenu-left ul li a:hover { color: #red; }
#actionmenu-left ul li.active-submenu:hover > ul { display: block; }
#actionmenu-left ul li.not-active-submenu:hover > ul { display: none; }
#actionmenu-left ul li ul { display: none; position: absolute; top: 100%; background: #fff; height: auto; width: 100%; }
#actionmenu-left ul li ul li a { padding: 7px 10px 1px; display: block; width: auto;}
#actionmenu-left ul li ul li.active a, #actionmenu ul li ul li a:hover { color: #red; }
#actionmenu-left ul li ul li { clear: left;}

#menu-top ul { list-style: none; margin: 0; padding: 0; position: relative; height: 30px; }
#menu-top ul li { display: block; height: 28px; float: left; overflow: visible; }
#menu-top ul li:hover > ul { display: block; }
#menu-top ul li a { float: left; display: block; }
#menu-top ul li ul { display: none; position: absolute; top: 100%; background: #000; color: #fff; height: auto; }
#menu-top ul li ul li a { color: #ccc; padding: 4px 14px; display: block; }
#menu-top ul li ul li.active a,
#menu-top ul li ul li a:hover { color: #fff; }