html 
{
    height: 100%;  	
}

body
{
    height: 100%;
	margin: 0px;
	padding: 0px;      
	
	font-family: Helvetica;
	font-size: 8pt;	
	color: #333333;
	background-color: #fafafa;		
}

body.mceContentBody 
{
   background: #FFFFFF;
}

img
{
    border: 0px;
}

a
{
    text-decoration: none;
    color: #92278f;
}

.ui-dialog-buttonpane button
{
    min-width: 100px;
}

.actionButton
{
    min-width:100px; 
}

:focus {outline: none;}

a:hover
{
    text-decoration: underline;
    color: #FA980C;
}

fieldset
{
    border: 1px solid #92278f;
    padding-left: 15px;
    /*background-color: #FFFFFF;*/
}

legend {
    color: #92278f;
    font-weight: bold;
}



#page
{
	width: 100%;
	height: 100%;	
	min-height: 100%;
	border: 0px solid yellow;	
    margin: 0px;
    padding: 0px;
}

#content
{
    overflow:auto;
    position: absolute;
    width: 100%;
    margin: 0px;
    padding: 0px;
	top: 55px;
    left: 0;
    bottom: 0;
	border: 0px solid yellow;	
}

.readonly {
    background: #EBEBE4;
    color: #545454;
    border: 1px solid #ABADB3;
    padding: 3px;
}

.preload
{ 
    display: none; 
    z-index:-10; 
}


/* Header   
----------------------------------------------------------*/ 

#header
{
    position: absolute;
    width: 100%;
	height: 53px;
    background: #eeeeee; /* Old browsers */
    background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */

	border: 0px solid red;
	
	/* CSS 3  hor ver blur spread color */
	-moz-box-shadow: 0px 1px 2px 1px #a5a5a5;
	-webkit-box-shadow: 0px 1px 2px 1px #a5a5a5;
	box-shadow:  0px 1px 2px 1px #a5a5a5;
}

#header .toggleDiv
{
    height: 49px; 
    position: relative; 
    top: 0px;
    width: 88px;
} 

#header .toggleButton
{
	width: 90px;
	height: 50px;
	color: #92278f;
	text-align: center;
	font-size: 11px;
    font-weight: bold;	
 
}

#header .toggleButton a
{
	text-decoration: none;	
	display: block;		
	color: #92278f;
	margin-top: 1px;
	margin-left: 1px;
    text-align: center;
	
	/* CSS 3*/
	-moz-border-radius: 2px;
    border-radius: 2px;
}

#header .toggleButton a:hover
{	
    background: #ffebc4; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffebc4 1%, #ffcb63 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffebc4), color-stop(100%,#ffcb63)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffebc4 1%,#ffcb63 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffebc4 1%,#ffcb63 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffebc4 1%,#ffcb63 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffebc4 1%,#ffcb63 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffebc4', endColorstr='#ffcb63',GradientType=0 ); /* IE6-9 */

	border: 1px solid #fcb040;
	margin: 0px;	
	margin-left: 0px;
	color: #92278f;
}

#header .toggleButton a:active
{
    background: #f9cd8e; /* Old browsers */
    background: -moz-linear-gradient(top,  #f9cd8e 0%, #f9b95e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9cd8e), color-stop(100%,#f9b95e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f9cd8e 0%,#f9b95e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f9cd8e 0%,#f9b95e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f9cd8e 0%,#f9b95e 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f9cd8e 0%,#f9b95e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9cd8e', endColorstr='#f9b95e',GradientType=0 ); /* IE6-9 */

	display: block;		
	border: 1px solid #fcb040;
	margin: 0px;	
	color: #92278f;
}

#header .toggleButtonSelected

{
 background: #ffe0b5; /* Old browsers */
background: -moz-linear-gradient(top,  #ffe0b5 1%, #ffbd4c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffe0b5), color-stop(100%,#ffbd4c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffe0b5 1%,#ffbd4c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffe0b5 1%,#ffbd4c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffe0b5 1%,#ffbd4c 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffe0b5 1%,#ffbd4c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe0b5', endColorstr='#ffbd4c',GradientType=0 ); /* IE6-9 */

	width: 90px;
	color: #92278f;
	text-align: center;
	font-size: 11px;				
    font-weight: bold;	
}

#header .toggleButtonSelected a
{
	text-decoration: none;	
	display: block;	
	color: #92278f;
	height: 100%;
	
	border: 1px solid #fcb040;	
	
	/* CSS 3*/
	-moz-border-radius: 2px;
    border-radius: 2px;
}

#header .toggleButtonSelected a:active
{
	display: block;		
	border: 1px solid #fcb040;
	margin: 0px;	
	color: #92278f;
}


#userinfo
{
    position:absolute;    
    width: 400px;
    border: 0px solid red;
    right: 100px;
    top: 37px;
    color: #333333;
    text-align: right;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #ff0000;
}

.error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}


.editor-label {
    float: left;
    padding-top: 5px;
    margin: 0px; 
    width:100px;
}

.editor-field {
    border: 0px solid red;
    margin: 3px;
}

/* Content   
----------------------------------------------------------*/

table.content
{
	border-collapse: collapse;			
	background-color: white;
	outline: 1px solid #cccccc;    
}

table.content th
{    
    height: 20px;
    color: #92278f;
    font-weight: bold;
    font-size: 11px;
    text-align: left;
    padding-left: 4px;    
    
    background: #f7d4a0; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZDRhMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmN2I2NWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #f7d4a0 0%, #f7b65b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7d4a0), color-stop(100%,#f7b65b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f7d4a0 0%,#f7b65b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f7d4a0 0%,#f7b65b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f7d4a0 0%,#f7b65b 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f7d4a0 0%,#f7b65b 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7d4a0', endColorstr='#f7b65b',GradientType=0 ); /* IE6-8 */

}

#grey
{
    color: #666666;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #cecece 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#cecece)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#cecece 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#cecece 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#cecece 100%); /* IE10+ */
    background: linear-gradient(top,  #ffffff 0%,#cecece 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cecece',GradientType=0 ); /* IE6-9 */
}


table.content td
{            
    font-family: Helvetica;
	font-size: 8pt;	
	color: #333333;
	
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin: 0px;
}

td.subHeader
{            
   background: #F4E0C3;
   font-weight: normal;
   text-align: center;
}

table.subContent th
{        
    background: -moz-linear-gradient(top,  #FFFFFF 0%, #FFFFFF 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#FFFFFF)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #FFFFFF 0%,#FFFFFF 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #FFFFFF 0%,#FFFFFF 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #FFFFFF 0%,#FFFFFF 100%); /* IE10+ */
    background: linear-gradient(top,  #FFFFFF 0%,#FFFFFF 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#FFFFFF',GradientType=0 ); /* IE6-9 */
    border-bottom: 1px solid #15428B;
}


input
{
    margin: 0px;
    font-family: Helvetica;
	font-size: 11px;	
	padding: 2px;
	/*background-color: White;
	border: 1px solid #718597;		
	width: 150px;*/
}

select
{
    margin: 0px;
    font-family: Helvetica;
	font-size: 11px;	
	padding: 2px;
	/*background-color: White;
	border: 1px solid #718597;		
	width: 150px;*/
}

input[type=submit]
{
    padding: 4px 10px 4px 10px;
    font-size: 11px;	
}

input[type=button]
{
    padding: 4px 10px 4px 10px;
    font-size: 11px;	
}

input
{
    margin-bottom: 0px;
}

 input[type=checkbox], input[type=radio] {
    vertical-align: middle;
    position: relative;
    bottom: -1px;
  }
 
 input[type=radio] {
    bottom: 2px;
 }

 label, select, option
 {
    font-family: Helvetica;
	font-size: 8pt;	
 }

.dataTable tbody tr.even:hover, #reservationsTable tbody tr.even td.highlighted {
	background-color: #eed5f8;
    cursor: pointer;
}

.dataTable tbody tr.odd:hover, .dataTable tbody tr.odd td.highlighted {
	background-color: #eed5f8;
    cursor: pointer;
}

 .dataTable tr.even:hover {
	background-color: #eed5f8;
}

 .dataTable tr.even:hover td.sorting_1 {
	background-color: #d7b2e6;
}

 .dataTable tr.even:hover td.sorting_2 {
	background-color: #d7b2e6;
}

 .dataTable tr.even:hover td.sorting_3 {
	background-color: #d7b2e6;
}

 .dataTable tr.odd:hover {
	background-color: #eed5f8;
}

 .dataTable tr.odd:hover td.sorting_1 {
	background-color: #d7b2e6;
}

 .dataTable tr.odd:hover td.sorting_2 {
	background-color: #d7b2e6;
}

 .dataTable tr.odd:hover td.sorting_3 {
	background-color: #d7b2e6;
}

.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; min-width: 0px; width: 19px; margin: -9px 0px 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar { padding: 4px 4px 4px 8px; position: relative;  }

.ui-icon-save { background-position: 0 0 !important; background-image: url(../images/save.png) !important;}

.ui-icon-new { background-position: 0 0 !important; background-image: url(../images/new.png) !important;}

.ui-icon-edit { background-position: 0 0 !important; background-image: url(../images/edit.png) !important;}

.ui-icon-delete { background-position: 0 0 !important; background-image: url(../images/delete.png) !important;}

.ui-icon-print { background-position: 0 0 !important; background-image: url(../images/print.png) !important;}

li a
{
    outline-color: transparent;
}​

 .ui-state-focus {
    border: none;
    outline: none;
}

/*.ui-state-active {
    border: none;
    outline: none;
}*/

 /*
 * Customized options
 */
#tabs-nohdr {
	padding: 0px;
	background: none;
	border-width: 0px;
}
#tabs-nohdr .ui-tabs-nav {
	padding-left: 0px;
	background: transparent;
	border-width: 0px 0px 1px 0px;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}
#tabs-nohdr .ui-tabs-panel {
	background: url(images/ui-bg_highlight-hard_100_f5f3e5_1x100.png) repeat-x scroll 50% top #f5f3e5;
	border-width: 0px 1px 1px 1px;
}

#tabs-nohdr .ui-widget-content {
	background: #E6E6E6;	
}

.ui-autocomplete-loading {
    background: white url('../images/ui-anim_basic_16x16.gif') right center no-repeat;
  }

.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
font-family: Helvetica;
font-size: 8pt;
}

/* Monthcalendar */
.monthCalendar td {
    width: 30px;
    border: 1px solid #CCCCCC; 
    font-weight: bold;    
    background-color: #EEEEEE;
    color: #92278f;
    text-align: center;
}

.monthCalendar td.selected {
    background-color: #fcb040;    
}

.monthCalendar td:hover    {
        background-color: #FFCA7A;
        cursor: pointer;
    }

.monthCalendar caption {    
    border: 1px solid #CCCCCC;
    overflow: hidden; 
    font-weight: bold;    
    color: #92278f;
    
    background: #ffe8be; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZThiZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmRlYTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ffe8be 0%, #ffdea1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe8be), color-stop(100%,#ffdea1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffe8be 0%,#ffdea1 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffe8be 0%,#ffdea1 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffe8be 0%,#ffdea1 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffe8be 0%,#ffdea1 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe8be', endColorstr='#ffdea1',GradientType=0 ); /* IE6-8 */

}

input[type=checkbox], input[type=radio] {
  vertical-align: baseline;
  position: relative;
  top: 3px;
  margin: 0 3px 0 0;
  padding: 0px;
}

text
{
  pointer-events: none;
}

line
{
  pointer-events: none;
}