/*demo page css*/
body{ font: 62.5% "Trebuchet MS", sans-serif; margin: 50px;}
.demoHeaders { margin-top: 2em; }
#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
ul#icons {margin: 0; padding: 0;}
ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
ul#icons span.ui-icon {float: left; margin: 0 4px;}

.blue {
  border: solid blue 1px;
}

.red {
  border: solid red 1px;
}

.green {
  border: solid green 1px;
}

div.button {
  margin: 2px;
  vertical-align:top;
  margin-top: 0px;
}

div.button a {
  display:block;
  margin: 5px;
  padding: 2px 5px;
  height: 100%;
}

#page_logo{
	display:table-cell;
	vertical-align: top;
 margin-top: 15px
}

#page_text {
  padding-left:15px; 
  padding-right:15px; 
  text-align:justify;
  display:table-cell;
  width:100%;
}



/* Datepicker----------------------------------*/
.ui-datepicker {     width: auto;     padding: 2px; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0px; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; margin: px; }
.ui-datepicker td { border: 0; padding: 1px; margin: 0px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: 2px; text-align: right; text-decoration: none; }
.ui-datepicker-calendar { padding: 2px; width: auto; font-size: .8em;}

.ui-widget-header { 
  padding-left: 10px;
}

body {
	text-align: justify; 
	margin: 10px;
	color: black;  
	background-color: #A9BEDA;
	background-image: url('images/grad_up2.gif');
	background-repeat: repeat-x; 
}

#main_menu_div{
  width: 250px;
  float: right;
  padding: 0px;
  margin: 0px;
}

#page_body {
  margin: 50px;
}

#page_content {
   margin-right: 260px;
}

div.with_padding{
  padding: 10px;
}

#main_menu_div{
  margin: 0px;
  padding-top: 0px;
}