/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video 
{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section 
{
	display: block;
}

body 
{
	line-height: 1;
}

ol, ul 
{
	list-style: none;
}

blockquote, q 
{
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after 
{
	content: '';
	content: none;
}

table 
{
	border-collapse: collapse;
	border-spacing: 0;
}



/********** Car Parking CSS **********/

* { box-sizing: border-box; }

body, textarea
{
    font-family: Verdana, Arial;
}

label, input[type="text"], input[type="password"], input[type="submit"], textarea, select, .Warning, .ModalPopup, .GridView th, .GridView td
{
    font-size: 1.3125rem;
}

input[type="text"], input[type="password"], input[type="submit"], textarea, select, .ModalPopup, fieldset
{
    border-radius: 5px;
}

input[type="text"], input[type="password"], input[type="submit"], textarea, select, .ModalPopup
{
    border: 1px solid black;
}

input[type="text"], input[type="password"], input[type="submit"], textarea, select
{
    transition: .2s linear;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="submit"]:focus, textarea:focus, select:focus
{
    outline: none;
    box-shadow: 0 0 0.25rem #61C5FA;
    border-color: #61C5FA;
}

label, input:not([type="text"]):enabled, select:enabled
{
    cursor: pointer;
}

input[type="text"], input[type="password"], textarea
{
    text-align: left;
    padding: 0.3125rem;
}

label
{
    margin-right: 0.625rem;
}

input[type="submit"]
{
    text-align: center;
    padding: 0.3125rem;
}

.SmallButton
{
    width: 3.75rem;
    font-size: 0.95rem !important;
}

select
{
    text-align: left;
    text-transform: capitalize;
    padding: 0.3125rem;
}

input[type="checkbox"]
{
    margin: 0.5rem 0.5rem 0.5rem 0.3125rem;
}

h1
{
    font-size: 2rem;
    font-weight: bold;
    margin: 1.5rem 0;
}

h2
{
    font-size: 1.5rem;
    font-weight: bold;
    margin: 1.25rem 0;
}

h3
{
    font-size: 1.2rem;
    font-weight: bold;
    margin: 0.95rem 0;
}

legend
{
    font-size: 1.8rem;
    text-align: left;
}

fieldset
{
    border: 1px solid grey;
    padding: 0.625rem;
    width: 100%;
}

p
{
    margin: 0.625rem 0;
    line-height: 1.3;
}

div.Holder
{
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
}

div.CurrentUserDiv
{
    text-align: right;
    position: absolute;
    z-index: 10;
    top: 0.625rem;
    right: 2rem;
}

a.Banner
{
    display: block;
    margin: 1.5rem 0;
    text-align: center;
    text-decoration: none;
    font-size: 3rem;
    color: #000000;
    white-space: nowrap;
}

a.Banner > *
{
    vertical-align: middle;
    margin: 0 1rem;
}


div.Buttons
{
    text-align: center;
}

div.Buttons *
{
    margin: 1rem 0.5rem 0.5rem;
}

div.Warning
{
    padding: 0.625rem;
    text-align: center;
}

span.Warning
{
    color: #FF0000;
}

div.FilterBar
{
    display: table;
    width: 100%;
}

div.FilterBar > div
{
    display: table-cell;
}

div.FilterBar > div:nth-of-type(2)
{
    text-align: right;
}

input[type="submit"].Filter
{
    background: url(/Images/filter.png) no-repeat 0 0;
    border-color: #FFFFFF !important;
    height: 64px;
    width: 64px
}

input[type="submit"].Filter:hover
{
    border-color: #93caf1 !important;
}


/**** Tables ****/

th
{
    font-weight: bold;
}

.CentredTable
{
    margin: 0 auto;
}

.CentredTable th, .CentredTable td
{
    padding: 5px;
}


/**** Modal Popup ****/

.ModalPopup
{
    background-color: #FFFFFF;
    padding: 1.5rem;
}

.ModalPopup > div
{
    text-align: center;
    padding: 1rem 0 5px;
}

.ModalPopup > div > input[type="submit"]
{
    margin: 0 0.5rem;
}

.ModalBackground
{
    background-color: Black;
    opacity: 0.4;
}


/**** Calendar ****/

.Calendar
{
    margin: 0 auto;
    font-family: Arial;
}

.Calendar th, .Calendar td
{
    padding: 0.625rem;
}

td.Day > a, td.Today > a
{
    text-decoration: none;
    font-size: 1.5rem;
    color: #000000;
    display: block;
}

td.Today > a
{
    color: #FFFFFF;
}


/**** Date Switcher ****/

div.DateSwitcher
{
    text-align: center;
}

div.DateSwitcher > span
{
    font-size: 1.125rem;
}

div.DateSwitcher > div
{
    margin: 0.25rem 0 0 0;
}

div.DateSwitcher > div > *
{
    vertical-align:middle;
    z-index:100;
}

.ajax__calendar *
{
    font-size: 1rem !important;
}

.ajax__calendar_container, .ajax__calendar_body,
.ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years,
.ajax__calendar_days > table, .ajax__calendar_months > table, .ajax__calendar_years > table
{
    width: 18rem !important;
}
/*
.ajax__calendar_body, .ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years
{
    height: 11rem !important;
}
*/
.ajax__calendar_day, .ajax__calendar_dayname
{
    width: 2rem !important;
    height: 1.1rem !important;
}


/**** Drop Down Menu ****/

ul.DropDownMenu
{
    text-align: right;
    display: inline;
    margin: 0;
    padding: 15px 0px 17px 4px;
    list-style: none;
}

ul.DropDownMenu > li 
{
    display: inline-block;
    margin-left: -4px;
    position: relative;
    padding: 15px 20px;
    background: #5990b7;
    color: White;
    transition: all 0.2s;
}

ul.DropDownMenu > li:hover 
{
    background: #5990b7;
    color: #93caf1;
}

ul.DropDownMenu > li > ul 
{
    padding: 0;
    position: absolute;
    top: 46px;
    right: 0;
    width: 150px;
    box-shadow: none;
    display: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s;
}

ul.DropDownMenu > li > ul > li 
{ 
    background: #5990b7; 
    display: block; 
    color: White;
}

ul.DropDownMenu > li > ul > li > a
{
    color: White;
    text-decoration: none;
    display: block;
    padding: 15px 20px;
}

ul.DropDownMenu > li > ul > li:hover 
{ 
    background: #93caf1; 
}

ul.DropDownMenu > li:hover > ul 
{
    display: block;
    opacity: 1;
    visibility: visible;
}


/**** Car Park ****/

div.CarParkBorder
{
    border: 2px solid #5990b7;
    border-radius: 8px;
    padding: 1rem;
    margin: 1rem;
}

div.CarPark
{
    position: relative;
    width: 739px;
    height: 835px;
    background-image: url('/Images/CarPark2.png');
    background-repeat: no-repeat;
    margin: 0 auto;
}

div.CarPark > input
{
    position: absolute;
}


.Space1
{
    top:16px;
}
  
.Space2
{
    top:51px;
}

.Space3
{
    top:86px;
}

.Space1, .Space2, .Space3
{
    left:284px;
}


.Space4
{
    left:318px;
}
  
.Space5
{
    left:283px;
}
  
.Space15
{
    left:248px;
}
  
.Space16
{
    left:213px;
}
  
.Space17
{
    left:178px;
}

.Space4, .Space5, .Space15, .Space16, .Space17
{
    top:122px;
    transform: rotate(90deg) translate(17px,17px);
}


.Space306
{
    top:1px;
}
  
.Space304
{
    top:36px;
}
  
.Space301
{
    top:71px;
}
  
.Space300
{
    top:106px;
}
  
.Space297
{
    top:141px;
}
  
.Space296
{
    top:176px;
}
  
.Space293
{
    top:211px;
}
  
.Space292
{
    top:246px;
}
  
.Space289
{
    top:281px;
}
  
.Space288
{
    top:316px;
}
  
.Space285
{
    top:351px;
}
  
.Space284
{
    top:386px;
}
  
.Space281
{
    top:421px;
}

.Space306, .Space304, .Space301, .Space300, .Space297, .Space296, .Space293, .Space292, .Space289, .Space288, .Space285, .Space284, .Space281
{
    left:440px;
    transform: rotate(180deg);
}


.Space10, .Space152
{
    left:318px;
}
  
.Space9, .Space107
{
    left:283px;
}
  
.Space274, .Space248
{
    left:248px;
}
  
.Space273, .Space249
{
    left:213px;
}

.Space10, .Space9, .Space274, .Space273
{
    top:472px;
    transform: rotate(270deg) translate(-16px,-17px);
}

.Space152, .Space107, .Space248, .Space249
{
    top:557px;
    transform: rotate(90deg) translate(17px,17px);
}


.Space103
{
    left: 439px;
}

.Space102
{
    left: 474px;
}

.Space101
{
    left: 509px;
}

.Space100
{
    left: 544px;
}

.Space99
{
    left: 579px;
}

.Space98
{
    left: 634px;
}

.Space97
{
    left: 670px;
}

.Space103, .Space102, .Space101, .Space100, .Space99, .Space98, .Space97
{
    top: 702px;
    transform: rotate(90deg) translate(17px,17px);
}


.Space0
{
    top: 458px;
    left: 2px;
}


.ev
{
    position: absolute;
    left: 635px;
    top: 772px;
}


/**** Grid View ****/

.GridView
{
    margin: 0.4rem 0 1rem;
    width: 100%;
}

.GridView th
{
    color: #FFFFFF;
    background-color: #5990b7;
    padding: 4px 10px 4px 10px;
    text-align: left;
    font-weight: bold;
    height: 30px;
    vertical-align: middle;
}

.GridView th a
{
    color: #FFFFFF;
}

.GridView th a:hover
{
    color: #93caf1;
}

.GridView td
{
    padding: 4px 10px;
    text-align: left;
    height: 30px;
    vertical-align: middle;
}

.GridViewRow
{
    background-color: #FFFFFF;
}

.GridViewAlternateRow
{
    background-color: #93caf1;
}

.GridViewPager table td  
{
    padding: 5px;
}

.GridViewPagerLastCol
{
    width: 100%;
    line-height: 40px;
    vertical-align: middle;
}

.GridViewPagerLastCol > *
{
    float: right;
    margin: 0 0 0 10px;
}

.GridViewButtons
{
    white-space: nowrap;
    text-align: right !important;
    overflow: visible !important;
}

.GridViewImages > img
{
    width: 3rem;
    vertical-align: middle;
}


/**** Version Footer ****/

.Version
{
    font-size: 0.9rem;
    margin: 3rem 0 2rem 0;
    text-align: center;
}

.Version:before
{
    clear: both;
}

.Version > a
{
    text-decoration: none;
    color: #5990b7;
    font-weight: bold;
}