div.sliding_title {
    /* Sliding right image */    background: transparent url('../jquery/sliding_img/tab_right.png') no-repeat scroll top right; 
    display: block;
    float: bottom;
    height: 25px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
    margin-right: 6px;
    padding-right: 18px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
    /* FONT PROPERTIES */
    text-decoration: none;
    /*color: #ffffff;*/
    font-weight:bold;
}

div.sliding_title span{    /* Background left image */ 
    background: transparent url('../jquery/sliding_img/tab_left.png') no-repeat;     display: block;
    line-height: 24px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
    padding: 0px 0 5px 18px;
} 


p.hub {
    font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    font-size:36px;
    font-weight:bold;
}

div.sliding {
    /* Sliding right image */    background: transparent url('../jquery/sliding_img/button_right.png') no-repeat scroll top right; 
    display: block;
    float: left;
    height: 25px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
    margin-right: 6px;
    padding-right: 9px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
    /* FONT PROPERTIES */
    text-decoration: none;
    /*color: #ffffff;*/
    font-size:12px;
    font-weight:bold;
}

div.sliding span{    /* Background left image */ 
    background: transparent url('../jquery/sliding_img/button_left.png') no-repeat;     display: block;
    line-height: 0px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
    padding: 2px 0 5px 5px;
} 


div.sliding2 { /* for multiselects and text areas*/
    /* Sliding right image */    background: transparent url('../jquery/sliding_img/button_right.png') no-repeat scroll top right; 
    display: block;
    float: left;
    height: 25px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
    margin-right: 6px;
    padding-right: 9px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
    /* FONT PROPERTIES */
    text-decoration: none;
    /*color: #ffffff;*/
    font-size:12px;
    font-weight:bold;
}


div.sliding2 span{    /* Background left image */ 
    background: transparent url('../jquery/sliding_img/button_left.png') no-repeat;     display: block;
    line-height: 25px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
    padding: 0px 0 5px 5px;
} 




div.zcenter {
	text-align: center;
}
div.zcenter table {
	background-color: #F0F0F0; 
	margin: 0 auto; 
	text-align: left;
}

table.zform {
	background-color: #F0F0F0; 
	width: 80% ;
	border: 0 ;
	margin-left:auto; 
	margin-right:auto;
	border-collapse:collapse; /*cellspacing = 0 */
	vertical-align: middle;

	}

.zform2 
	{
	vertical-align: middle;
	background-color: #cccccc; 
	border: 0 ;   	
   	padding:0px; /*cell padding = 0 */
   	border-collapse:collapse; /*cellspacing = 0 */
	}

table.zform2 td 
   { 
   	vertical-align: middle;
	border: 0 ;   	
   	padding:0px; /*cell padding = 0 */
   	border-collapse:collapse; /*cellspacing = 0 */
   	 }
   	 
table.zform td 
   { 
	vertical-align: middle;
	border: 0 ;
   	padding:0px; /*cell padding = 0 */
   	border-collapse:collapse; /*cellspacing = 0 */
   	 }

 
table.zform-title {
	border: 0 ;
	border-collapse:collapse; /*cellspacing = 0 */
	background-color: #3b964b; 
	font-weight: bold;
	/*color: #FFFFFF;*/
	}

table.zform-fields2 {
	border: 0 ;
	//background-color: #bfbfbf; 
	//background-color: #FFFFFF;
	font-weight: bold;
	}

.topoff {
	vertical-align: top;
}

table.zform-fields {
	width: 100% ;
	height: 100%;
	border: 0 ;
	//background-color: #bfbfbf; 
	background-color: #F0F0F0;;	font-weight: bold;
	}

input.autocomplete {
     background-color: #FCFFDF;
     /*color: #8AB08A;*/
     /*padding-left:7px;
           border-width: 0px;
     padding-right:7px;*/
     /*font-size:8pt;*/
     /*background-image: url(../images/searchBox.gif);*/
     /*margin-left:3px;*/
}

input.date {
 background-color: #FCFFDF;
}

div.ui-state-default {padding-bottom: 3px;padding-left: 3px; padding-right: 3px; } /* set the padding for the input boxes*/
 
input, select, textarea,label {
     font-family:  "Arial", "Helvetica", "sans-serif";
     font-size:  12px;
     
}

input.file_zip {
     font-family:  "Arial", "Helvetica", "sans-serif";
     font-size:  10px;
}

input  {
    border-style: hidden;
    }
 
label {
		font-weight: bold;
		/*color: #ffffff;*/
}

html, body {
	margin: 0;			/* Needed for the menu to sticks to the top and no gap by Remove body margin/padding */
	padding: 0;
	font: 12px "Arial", "Helvetica", "sans-serif";
	width: 100%;
	height: 100%;
	background-color: #fff;
	}

/* UI Buttons */

/* Image app text overlays*/

.image {
   margin: 0 auto; 
   position: relative;
   width: 100%; /* for IE 6 */
}

h2 {
   position: absolute;
   bottom: 0px;
   left: 0;
   width: 100%;
}

h2 span {
   color: white;
   font: bold 14px Helvetica, Sans-Serif;
   letter-spacing: -1px;
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(0, 0, 0, 0.7);
   padding: 5px;
}

h2 span.spacer {
   padding:50px;
}	

/* Reduce the font size of UI widgets */
.ui-widget{font-size:11px !important;}