/*
Calendar CSS

This should make it easily re-useable

*/

/* Site Specific */
@font-face {
    font-family: 'avant_garde_extra_lightRg';
    src: url('/Uploads/fonts/avantgardesb-extlig-webfont.eot');
    src: url('/Uploads/fonts/avantgardesb-extlig-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Uploads/fonts/avantgardesb-extlig-webfont.woff') format('woff'),
         url('/Uploads/fonts/avantgardesb-extlig-webfont.ttf') format('truetype'),
         url('/Uploads/fonts/avantgardesb-extlig-webfont.svg#avant_garde_extra_lightRg') format('svg');
    font-weight: normal;
    font-style: normal;

}

table.calendar h1
		{
		font-family: 'avant_garde_extra_lightRg', helvetica, sans-serif !important;
		font-size: 3em !important;
		margin: 0 0 20px 15px;
		color: #205272 !important;
		}
table.calendar	{
		font-family: helvetica, sans-serif;
		background: #c3c4c1 !important;
		float: left;
		margin: 0 10px;
		padding:0;
		behavour: url(pie.htc) ;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		}
table.calendar th
		{
		font-size: 1.4em;
		margin:0;
		padding:6px 0;
		background: #385779;
		text-align: center;
		behavour: url(pie.htc) ;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		}
table.calendar td
		{
		background: #e2e2e2;
		margin: 0;
		padding:0;
		width: 33px;
		height: 31px;
		text-align: center;
		color: #39322f;
		font-size: 1em;
		font-weight: bold;
		}
table.calendar td.free
		{
		background: #e2e2e2 url(/CMS/Calendar/Assets/img/free.png) left bottom ;
		-moz-box-shadow: inset 1px 1px 1px #e3e3e2;
		-webkit-box-shadow: inset 1px 1px 1px #e3e3e2;
		box-shadow: inset 1px 1px 1px #e3e3e2;
		text-shadow: 1px 1px #e3e3e2;
		}
table.calendar td.dark a
		{
		color: #fff;
		text-shadow: none;
		text-decoration: none;
		width: 100%;
		height: 100%;
		display: block;
		line-height: 31px;
		}
table.calendar td.fixture a
		{
		background: #A2CA7A;
		}
table.calendar td.booking a
		{
		background: #7AB5CA;
		}
table.calendar td[available=N]
		{
		box-shadow: none;
		text-shadow: none;
		color: #fff;
		background: #C6342C;
		}
table.calendar td.changeover
		{
		background: #4A4F75;
		color: #fff !important;
		cursor: default;
		}
table.calendar td.changeover a
		{
		color: #fff !important;
		text-decoration: none;
		}
table.calendar td.fixture.booking a
		{
		background: #49AF7F;
		}
table.calendar td.light a
		{
		color: #fff;
		text-shadow: none;
		text-decoration: none;
		width: 100%;
		height: 100%;
		display: block;
		line-height: 31px;
		background: #e2e2e2 url(/CMS/Calendar/Assets/img/selected.png) left bottom ;
		}
table.calendar td.unavail a
		{
		color: #fff;
		text-shadow: none;
		text-decoration: none;
		width: 100%;
		height: 100%;
		display: block;
		line-height: 31px;
		background: #f74742 url(/CMS/Calendar/Assets/img/unavail.png) left bottom ;
		cursor: default;
		}
/*
table.calendar td.free a.changeover:hover
		{
		background: #95b85d ;
		-moz-box-shadow: inset 1px 1px 1px #b9b9b9;
		-webkit-box-shadow: inset 1px 1px 1px #b9b9b9;
		box-shadow: inset 1px 1px 1px #b9b9b9;
		}
*/
table.calendar td a.selected img
		{

		}
table.calendar td a.selected
		{
		width: 100%;
		height: 100%;
		display: block;
		background: #e2e2e2 url(/CMS/Calendar/Assets/img/booked.png) left bottom ;
		-moz-box-shadow: inset 1px 1px 1px #85c5e0;
		-webkit-box-shadow: inset 1px 1px 1px #85c5e0;
		box-shadow: inset 1px 1px 1px #85c5e0;
		line-height: 31px;
		}

/* -- Next / Prev -- */

#Next		{
		width: 80px ;
		height: 100px ;
		float: left;
		background: url(/CMS/Calendar/Assets/img/Next.png) center center no-repeat;
		font-size: 0px;
		text-indent: -999em;
		}
#Prev		{
		width: 80px ;
		height: 100px ;
		float: left;
		background: url(/CMS/Calendar/Assets/img/Prev.png) center center no-repeat;
		font-size: 0px;
		text-indent: -999em;
		}

/* -- Holiday Info -- */

#bookingInfo	{
		width: 765px;
		min-height: 10px;
		margin: 10px 0 0 85px;
		display: block;
		overflow: hidden;
		}
#bookingInfo p	{
		float: left;
		width: 70px;
		padding: 0 5px;
		line-height: 30px;
		font-family: helvetica, arial, sans-serif;
		font-size: 1.2em;
		}
#bookingInfo input
		{
		float: left;
		font-size:1.4em ;
		font-family: helvetica, arial, sans-serif;
		font-weight: normal ;
		width: 150px;
		padding: 3px 5px;
		border: none;
		-moz-box-shadow: inset 3px 3px 2px #ccc;
		-webkit-box-shadow: inset 3px 3px 2px #ccc;
		box-shadow: inset 3px 3px 2px #ddd;
		border-bottom: 1px solid #ddd;
		border-right: 1px solid #ddd;
		background: #eee ;
		}
#bookingInfo a#bookNow:link, #bookingInfo a#bookNow:visited, #bookingInfo a#bookNow:active
		{
		float: left;
		background: #2c668b ;
		behavour: url(pie.htc) ;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		width: 85px;
		height:30px;
		line-height: 30px;
		text-align: center;
		text-decoration: none;
		color: #fff;
		font-weight: bold;
		}
#bookingInfo a#bookNow:hover
		{
		background: #81a5bf;
		}
.bookingInfo a#clearAll:link, .bookingInfo a#clearAll:visited, .bookingInfo a#clearAll:active
		{
		float: right;
		background: #2c668b url(/CMS/Calendar/Assets/img/close.png) top right no-repeat ;
		behavour: url(pie.htc) ;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		width: 125px;
		height:28px;
		line-height: 28px;
		text-align: left;
		text-indent: 10px;
		text-decoration: none;
		color: #fff;
		font-weight: bold;
		margin: 0 100px 10px 0;
		}
.bookingInfo a#clearAll:hover
		{
		background: #81a5bf;
		}
#Loader		{
		float: right;
		padding: 5px 0 5px 0px;
		display: none;
		}
#error		{
		height:28px;
		background: #ffbcbc url(/CMS/Calendar/Assets/img/error.png);
		width: 600px;
		float: left;
		margin: 0 0 10px 90px;

		behavour: url(pie.htc) ;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		display: none;

		/* border: 1px solid #b65c5c; */
		}
#error img	{
		margin: 4px 10px;
		float: left;
		}
#error p	{
		padding: 0;
		margin: 0 0 0 0px;
		line-height: 28px;
		color: #222 ;
		float: left;
		width: 560px;
		}
.textInfo	{
		width: 765px;
		min-height: 10px;
		margin: 20px 0 0 85px;
		display: block;
		overflow: hidden;
		}