body { /* main body fonts and backgrounds */
	    font: 0.6em 'Trebuchet MS', Helvetica, FreeSans, Arial, sans-serif;
    }

.header {
    font-weight: bold;
    font-size: 12px;
    text-align: left;
    padding: 4px;
}
.subhead {
    padding: 3px 4px;
    border-bottom: 1px solid;
}
.footer {
    padding: 3px 4px;
    border-top: 1px solid;
    }
    .footer p,
    .footer div,
    .footer form,
    .footer span {
	    display: inline;
    }

.center-text {
    text-align: center;
  }


.ui-widget-content > span { /* direct span selection inside a content will make is padded*/
    padding: 3px;
}

.pane {	/* custom class used to HIDE layout-panes until Layout initializes */
    display: none;
}

.fg-button { outline: 0; margin:0 1px 0 0; padding: .1em 1em; text-decoration:none !important; cursor:pointer; position: relative;}
.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }

a.fg-button { float:left; }

/* remove extra button width in IE */
button.fg-button { width:auto; overflow:visible; }

.fg-button-icon-left { padding-left: 2.1em; }
.fg-button-icon-right { padding-right: 2.1em; }
.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }

.fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; }	 /* solo icon buttons must have block properties for the text-indent to work */	
 
.fg-buttonset { float:left; }
.fg-buttonset .fg-button { float: left; }
.fg-buttonset-single .fg-button, 
.fg-buttonset-multi .fg-button { margin-right: -1px;}

.fg-toolbar { padding: .5em; margin: 0;  }
.fg-toolbar .fg-buttonset { margin-right:1.5em; padding-left: 1px; }
.fg-toolbar .fg-button { font-size: 1em;  }


.ui-layout-pane {  border-left:solid 0px white; border-right : solid 0px white; background-color:#FFF; }
.ui-layout-resizer	{ background: #FFF; } 
.ui-layout-toggler	{ background:#FFF; } 
.ui-layout-resizer:hover							{ background: #EEE; }

.ui-layout-toggler-north-open ,
.ui-layout-toggler-south-closed 		{ background: url(Image/layout/toggle-up.gif) no-repeat center bottom; }
.ui-layout-toggler-north-closed ,
.ui-layout-toggler-south-open   		{ background: url(Image/layout/toggle-dn.gif) no-repeat center top; }

.ui-layout-toggler-east-closed ,
.ui-layout-toggler-west-open    { background: url(Image/layout/toggle-lt.gif) no-repeat center right; }
.ui-layout-toggler-west-closed ,
.ui-layout-toggler-east-open, .ui-layout-toggler-east-open:hover     { background: url(Image/layout/toggle-rt.gif) no-repeat center left; }

#divCreate { padding: 1px 3px 1px 3px;}
#divDelete { padding: 1px 3px 1px 3px;}
#divEdit { padding: 1px 3px 1px 3px;}

#feedback { font-size: 1.4em; }
#olLocations .ui-selecting { background: #FFEE77; }
#olLocations .ui-selected { background: #FFCC33; color: white; }
#olLocations { list-style-type: none; margin: 0; padding: 0; }

#olLocations li { margin: 1px; padding: 1px; float: left; width: 20px; height: 10px; font-size: 9px; text-align: center; cursor:pointer; }  /* Size of the sensing location rectangle */

#olSites .ui-selecting { background: #FFEE77; }
#olSites .ui-selected { background: #09F; color: white; }
#olSites { list-style-type: none; margin: 0; padding: 0; }

/*demo page css*/
h2 { clear: both; padding-top:1.5em; margin-top:0; } 
.strike { text-decoration: line-through; }
.logo { height:50px; }
.ui-progressbar-value { background-image: url(css/JQuery/images/pbar-ani.gif); }

.ui-dialog-titlebar-close {
font-size: 0px;
line-height:0px;
}