@media all {
  .center {
    text-align: center;
    margin: auto;
  }

  .left {
    float: left;
  }

  .right {
    float: right;
  }

  /*
  hr {
    width: 75%;
  }
  */

  img {
    margin: 5px;
  }

  .warning {
    color: red;
  }

}

@media screen {
    body {
    	background:	url(images/Background.png) #FFFFFF repeat-y;
    	text-align: center;
    
    	font-style: normal;
    	font-variant: normal;
    	font-weight: normal;
    	font-size: 11px;
    	font-family: Verdana, Arial, Helvetica, sans-serif;
       	text-decoration: none;
    }
    
    div {
    	position: relative;
    
    	text-align: left;
    	margin:	0px;
    	padding: 5px;
    }
    
    
    div.container{
    
    	position: relative;
    
    	margin-left: auto;
    	margin-right: auto;
        text-align: left;
    
    	width: 915px;
    
    	padding: 15px;
    
        border: 1px solid black;
    	background:	url(images/Background.png) #FFFFFF repeat-y;
    }
    
    img {
    	/* border: 1px solid #000000; */
    }
    
    img.availability {
        margin: 0px;
    }
    
    img.banner {
        margin-top: 5px;
        margin-bottom: 5px;
    }
    
    dt {
      font-weight: bold;
    }
    
    a img {
      border: none;
    }
    
    
    div.dayview{
    	position: relative;
    	margin-left: 220px;
    }
    
    div.planning {
        position: relative;
        border: 1px solid black;
        padding: 5px;
        width: 250px;
        float: right;
        margin-left: 15px;
    }
    
    div.calendar{
    	float: left;
    }
    
    td, th {
       	font-style: normal;
    	font-variant: normal;
    	font-weight: normal;
    	font-size: 11px;
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	text-decoration: none;
    }
    
    th {
       	font-weight: bold;
    }
    
    table.calendar td, table.calendar th{
    	border: 1px solid black;
    }
    
    tr.odd {
      background-color: yellow;
    }
    
    table.bordered {
		border: 1px outset black;
    }

    table.bordered th, table.bordered td {
		border: 1px inset black;
    }
}

@media print{

    body, table {
        font: normal normal normal medium times;
        background-color:#FFFFFF;
        background-image:none;
        color:#000000
    }

	div.container{
    	width:100%;
	}

    table {
	    border: 1px outset black;
	    width: 90%;
    }
    th {
    	border: 1px inset black;
	padding: 1px;
    	-moz-border-radius: 0px 0px 0px 0px;
    }
    td {
   	border: 1px inset black;
    	padding: 1px;
    	-moz-border-radius: 0px 0px 0px 0px;
    }

    td.col_num {
	    text-align: center;
    }

    table.noborder, td.noborder{
    	border: none;
    }
}