/*body{
background-color:#000000;
background-image:url(/images/bg.jpg);
background-repeat:no-repeat;
background-size:100%;
}
*/
html{

	/*background: url(../images/bg.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;*/
	/*background-color: red;*/
}
html,body{
height: 100%;
margin: 0;
padding: 0;
font-family: pt-sans,sans-serif;
font-size:0.9em
/*font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;*/
}
/*
img#bg {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
}*/
#content {
  position:relative;
  z-index:1;
  width:100%;
  height:96%;
  margin:0;
  min-width:850px;
}
td.contact{
	color:black;
}
a{
	color:black;
}
.heading{
	color:#98002e;
	font-weight:bold;
}
.alert{
	color:red;
}
a.contact{
	color:black;
}
.p{
/*background-color:#e1b064;*/
padding: 5%;
}
.roundCorners{
-moz-border-radius: 15px;
border-radius: 15px;
/*background-color:#e1b064;*/
}
.bgDiv{
/*	position:absolute;
	zindex:-9999999999;
	width:100%;
	height:100%;*/

   
}
li.ui-menu-item{
	font-size:10px;
}
div.ui-dialog-content{
	font-size:12px;
}
.ui-button-text{
	font-size:12px;
}
.ui-autocomplete {
	max-height: 200px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
	/* add padding to account for vertical scrollbar */
	padding-right: 20px;
}
.clickable{
	cursor:pointer;
}
a.fakeLink{
cursor:hand;
cursor:pointer;
text-decoration:underline;
}
.fakeLink{
cursor:hand;
cursor:pointer;
text-decoration:underline;
}
.number{
	text-align:right;
}
.decimal{
	text-align:right;
}
/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
	height: 200px;
}
.column { width: 33%; float: left; padding-bottom: 45px; }
.portlet { margin: 0 1em 1em 0; }
.portlet-header { margin: 0.3em; padding-bottom: 4px; padding-left: 0.2em; }
.portlet-header .ui-icon { float: right; }
.portlet-content { padding: 0.4em; }
.ui-sortable-placeholder { border: 1px dotted black; visibility: visible !important; height: 50px !important; }
.ui-sortable-placeholder * { visibility: hidden; }
td.borderBtm, th.borderBtm {border-bottom: 1px solid black !important;}



/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white with
   our animation centered, and no-repeating 
	
	In HTML File
	<div class="pleaseWaitModal"><!-- Place at bottom of page --></div>
	Add pleaseWaitLoading to body when required to be displayed.
   */
.pleaseWaitModal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('images/pageloader.gif') 
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.pleaseWaitLoading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.pleaseWaitLoading .pleaseWaitModal {
    display: block;
}