<ui:UiBinder xmlns:ui='urn:ui:com.google.gwt.uibinder' xmlns:g='urn:import:com.google.gwt.user.client.ui'
  xmlns:dt='urn:import:com.google.gwt.sample.dynatablerf.client.widgets'>
  <ui:style>
    body {
    	background-color: white;
    	color: black;
    	font-family: Arial, sans-serif;
    	font-size: small;
    	margin: 8px;
    	margin-top: 3px;
    }
    
    .boxed {
    	border: thin solid black;
    	margin: 2px;
    	overflow: hidden;
    	padding: 5px;
    	-moz-border-radius: 5px;
    	-webkit-border-radius: 5px;
    }
    
    .header {
    	font-weight: bold;
    	font-size: 200%;
    }
    
    .main {
    	margin: 5px;
    }
    
    @external gwt-SplitLayoutPanel-VDragger;
    .gwt-SplitLayoutPanel-VDragger {
    	cursor: row-resize;
    }
  </ui:style>
  <g:DockLayoutPanel unit="EX" stylePrimaryName="{style.main}">
    <g:north size="5">
      <g:HTML styleName="{style.header}">School Schedule for Professors and Students
      </g:HTML>
    </g:north>
    <g:east size="30">
      <g:SplitLayoutPanel>
        <g:north size="250">
          <dt:DayFilterWidget ui:field="filter"
            stylePrimaryName="{style.boxed}" />
        </g:north>
        <g:center>
          <dt:FavoritesWidget ui:field="favorites"
            stylePrimaryName="{style.boxed}" />
        </g:center>
      </g:SplitLayoutPanel>
    </g:east>
    <g:center>
      <dt:SummaryWidget ui:field="calendar" stylePrimaryName="{style.boxed}" />
    </g:center>
  </g:DockLayoutPanel>
</ui:UiBinder>