body
{
	overflow-y: scroll !important;
}

/**********************
*	ERRORS
**********************/
*
{
	outline: none;
}

.error
{
	border: 1px solid red;
}

label.error
{
	color: red;
	border: 0;
}

.message-area
{
	clear: both;
	display: none;
	background: #FFCFCF;
	background: #C2EFEE;
	padding: 7px;
	margin: 5px;
	line-height: 16px;
}

.message-area .error
{
	display: block;
	color: red;
	border: 0;
	font-weight: lighter;
	margin-left: 15px;
	font: 10px Verdana;
	line-height: 12px;
}

.message-area .error .fieldname
{
	font-style: italic;
}

/****************************************************************
*	FORMS
****************************************************************/
ins
{
	text-decoration: none;
}

label
{
	display: block;
	color: #000;
	margin-bottom: 3px;
}

label small
{
	color: gray;
}

select, input, textarea
{
	width: 97%;
}

.date-input
{
	width: 225px;
}

.trigger
{
	margin-right: 7px;
}

p
{
	clear: both;
	padding: 4px 0 7px 7px;
}

.form p
{
	padding: 4px 0 7px 7px;
	margin: 0 10px;
}

.form .children p
{
	width: 90%;
	clear: left;
}

.form fieldset
{
	border: 0;
}

.column,
.form .column,
.preview  .column
{
	width: 470px;
	float: left;
	clear: none;
}

.preview  .column
{
	width: 350px;
	margin-right: 25px;
}

.preview  .column p
{
	width: 98%;
}

.row
{
	width: 100%;
	clear: both;
	margin-left: 0/*-10px*/;
	
	/*padding: 0;
	margin: 0;*/
}

.row p
{
	width: 300px;
	float: left;
	clear: none;
}

.form .column .column
{
	width: auto;
}

/*form p:hover input, 
form p:hover select, 
form p:hover textarea */
form p:hover
{
	/*background: #EFEFEF;
	background: #EFEAD1;
	background: #FFF9DF;
	background: #DFDFDF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	*/
}

.form p.tight
{
	clear: none;
	float: left;
	width: 31%;
}

.form input,
.form textarea,
.form select,
.form .selection
{
	border: 1px solid #fff;
	border-bottom: 1px solid #e7e7dd;
	color: blue;
	
	font: 1em Tahoma;
	font: 1em Georgia;
	
	font-style: italic;
}

.form .selection
{
	display: block;
}

.form textarea
{
	border: 0;
	background: url( '../textarea_bgr.png' );
}

.form label,
.preview label
{
	display: block;
	background: #DFDFDF;
	color: #000;
	font-size: 0.9em;
	padding: 1px 7px;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: auto;
}

.form p input:focus, 
.form p select:focus, 
.form p textarea:focus
{
	/*border: 1px solid green;*/
	background-color: #E1FFDF;
	background-color: #FFF9DF;
	background-color: #FCFFDF;
}

.form .checkbox label
{
	float: left;
	padding: 0;
	padding-right: 10px;
	background: transparent;
	
	font: normal;
	color: darkblue;
	font-style: normal;
}

.form p:hover .checkbox label
{
	background: transparent;
}

.form .checkbox input
{
	width: 15px;
	float: left;
}

.form span
{
	font-weight: bolder;
}

.form input.button
{
	width: 150px;
}

.form .mouseover
{
	background: #CDEFC2;
	background: #ffce18;
}


.form label.required
{
	background: #ffce18;
	background: #950000;
	color:#ffffff;
}

.form label.required.mouseover
{
	background: #ffce18;
	color:#000000;
}

.section-title
{
	clear: both;

	background: #02478C;
	color: #fff;
	margin-top: 20px;
	margin-bottom: 10px;
	padding: 2px 5px;
}


/****************************************************************
*	TABLESORTER
****************************************************************/

.tablesorter
{
	border-collapse: collapse;
	border: 1px solid #EFEFEF;
	margin-top:20px;
}

.tablesorter tbody tr.odd
{
	background: #F0F0F6;
	border:1px solid #EFEFEF;
}

.tablesorter tbody tr td
{
	padding: 6px 3px;
	border:1px solid #EFEFEF;
}

.tablesorter th
{
	cursor: pointer;
	padding-right: 15px;
	padding-left: 15px;
	border: 1px solid #EFEFEF;
	background:#950000;
	color:#ffffff;
}

table.tablesorter thead tr .headerSortUp,
table.tablesorter thead tr .headerSortDown
{
	background:  #EFEFEF no-repeat right;
}

table.tablesorter thead tr .headerSortUp
{
	background-image: url( "../tablesorter/asc.gif" );
}

table.tablesorter thead tr .headerSortDown
{
	background-image: url( "../tablesorter/desc.gif" );
}

table.list
{
	border-collapse: collapse;
	width: 100%;
	font-size: 0.9em;
}

table.list input
{
	width: 70px;
}

table.list tbody tr .heading, table.list thead tr th
{
	font-size: 11px; 
	/*width: 80px;*/
	
	text-align: left; 
	padding: 7px;
	vertical-align: top; 
	height: 20px;
	overflow: hidden;
}
table.list tbody tr .heading
{
	width: 150px;
	vertical-align: middle;
}

table.tablesorter.list thead tr .headerSortUp,
table.tablesorter.list thead tr .headerSortDown
{
	background-color:  #FFCE18;
}
table.list tbody tr
{
	height: 44px;
}


table.tablesorter.list tbody tr.odd
{
	background-color: #F6F6F6;
	border-color: #fff;
}

table.tablesorter.list tbody tr.hovered
{
	background-color: #FFCE18;
}

table.list tbody tr td
{
	width: 40px;
	overflow: hidden;
}


table.list col.active, table.list tbody tr.active
{
	background: #DFDFDF;
}

table.list tbody tr td.active input
{
	background: #FFF9DF;
}

/*********************
*	DATE INPUT
*********************/
.date_selector, .date_selector * {
  width: auto;
  height: auto;
  border: none;
  background: none;
  margin: 0;
  padding: 0;
  text-align: left;
  text-decoration: none;
}
.date_selector {
  background: #F2F2F2;
  border: 1px solid #bbb;
  padding: 5px;
  margin: -1px 0 0 0;
  position: absolute;
  z-index: 100000;
  display: none;
}
.date_selector_ieframe {
  position: absolute;
  z-index: 99999;
  display: none;
}
  .date_selector .month_nav {
    margin: 0 0 5px 0;
    padding: 0;
    display: block;
  }
    .date_selector .month_name {
      font-weight: bold;
      line-height: 20px;
      display: block;
      text-align: center;
    }
    .date_selector .month_nav a {
      display: block;
      position: absolute;
      top: 5px;
      width: 20px;
      height: 20px;
      line-height: 17px;
      font-weight: bold;
      color: #003C78;
      text-align: center;
      font-size: 120%;
      overflow: hidden;
    }
      .date_selector .month_nav a:hover, .date_selector .month_nav a:focus {
        background: none;
        color: #003C78;
        text-decoration: none;
      }
    .date_selector .prev {
      left: 5px;
    }
    .date_selector .next {
      right: 5px;
    }
  .date_selector table {
    border-spacing: 0;
    border-collapse: collapse;
  }
    .date_selector th, .date_selector td {
      width: 2.5em;
      height: 2em;
      padding: 0;
      text-align: center;
    }
    .date_selector td {
      border: 1px solid #ccc;
      line-height: 2em;
      text-align: center;
      white-space: nowrap;
      background: white;
    }
    .date_selector td.today {
      background: #FFFED9;
    }
    .date_selector td.unselected_month {
      color: #ccc;
    }
      .date_selector td a {
        display: block;
        text-decoration: none !important;
        width: 100%;
        height: 100%;
        line-height: 2em;
        color: #003C78;
        text-align: center;
      }
      .date_selector td.today a {
        background: #FFFEB3;
      }
      .date_selector td.selected a {
        background: #D8DFE5;
        font-weight: bold;
      }
        .date_selector td a:hover {
          background: #003C78;
          color: white;
        }

/****************************************************************
*	DATE INPUT
****************************************************************/
/* Some resets for compatibility with existing CSS 
.date_selector, .date_selector * {
  width: auto;
  height: auto;
  border: none;
  background: none;
  margin: 0;
  padding: 0;
  text-align: left;
  text-decoration: none;
}
.date_selector {
  background: #F2F2F2;
  border: 1px solid #bbb;
  padding: 5px;
  margin: -1px 0 0 0;
  position: absolute;
  z-index: 100000;
  display: none;
}
.date_selector_ieframe {
  position: absolute;
  z-index: 99999;
  display: none;
}
  .date_selector .month_nav {
    margin: 0 0 5px 0;
    padding: 0;
    display: block;
  }
    .date_selector .month_name {
      font-weight: bold;
      line-height: 20px;
      display: block;
      text-align: center;
    }
    .date_selector .month_nav a {
      display: block;
      position: absolute;
      top: 5px;
      width: 20px;
      height: 20px;
      line-height: 17px;
      font-weight: bold;
      color: #666666;
      text-align: center;
      font-size: 120%;
      overflow: hidden;
    }
      .date_selector .month_nav a:hover, .date_selector .month_nav a:focus {
        background: none;
        color: #636363;
        text-decoration: none;
      }
    .date_selector .prev {
      left: 5px;
    }
    .date_selector .next {
      right: 5px;
    }
  .date_selector table {
    border-spacing: 0;
    border-collapse: collapse;
  }
    .date_selector th, .date_selector td {
      width: 2.5em;
      height: 2em;
      padding: 0;
      text-align: center;
    }
    .date_selector td {
      border: 1px solid #ccc;
      line-height: 2em;
      text-align: center;
      white-space: nowrap;
      background: white;
    }
    .date_selector td.today {
      background: #FFFED9;
    }
    .date_selector td.unselected_month {
      color: #ccc;
    }
      .date_selector td a {
        display: block;
        text-decoration: none !important;
        width: 100%;
        height: 100%;
        line-height: 2em;
        color: #003C78;
        text-align: center;
      }
      .date_selector td.today a {
        background: #FFFEB3;
      }
      .date_selector td.selected a {
        background: #D8DFE5;
        font-weight: bold;
      }
        .date_selector td a:hover {
          background: #003C78;
          color: white;
        }

/****************************************************************
*	Dialog
****************************************************************/

#jDialogOverlay
{
	background:#000;
	filter:alpha(opacity=85);
	-moz-opacity:.85;
	opacity:.85;
	z-index:1000;
	display:none;
}

#jDialogContainer
{
	z-index: 1001;
 	position: absolute;
 	
   
	/*left: 30%;*/
	top: 30px;
    width: 800px;
    margin: 0 auto;
    position: relative;
    
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 5px;
    
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	text-align: left;
}

.DialogTitleContainer
{
	height: 20px;
	
	color:#FFF;
	background: #666666;
	margin-bottom: 5px;
	padding:6px 12px;
}
.DialogTitle
{
	color: #FFF;
	letter-spacing:1px;
	
	float: left;
	line-height: 20px;
	margin: 0;

	font-size:12pt;
	font-weight:bold;
}

.jDialogContent
{
	color: #02478C;
	color: #000;
	font:11px/14pt arial;
	padding:5px 20px 5px;
	
	letter-spacing: 0px;
}

.DialogTitle span{
	font-size:18px;	
}

.jDialogCloseButton
{
	width:20px;
	height:20px;
	display:block;
	float:right;
	clear:right;
	color: #fff;
	font-size: 20px;
	font-weight: bolder;
	text-decoration: none;
}

/****************************************************************
*	TABS
****************************************************************/
.tab-container
{
 width: 30%;
 float: left;
}

.tab-content
{
 margin: 7px;
}

.tab-content .children
{
 width: 100px;
}
.tab-content .children .column
{
 width: auto;
}

.tab{
}

.tab.active label
{
	background: #C2EFEE;
	font-weight: bolder;
}

.tab label
{
 
}

.tab input
{ 
	width: 15px;
	float: left;
}

.disabled,
.disabled label,
.disabled .checkbox label
{
	 color: gray;
}

.preview p
{
	width: 45%;
}