html, body
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    color: #2f4f4f;
    padding-top: 0px;
    height: 100%;
    font-size: 12px;
}

img
{
    border: none;
    vertical-align: middle;
}

P
{
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 5px;
    margin-top: 5px;
}

.Biggest
{
    font-weight: bold;
    font-size: 24px;
    text-transform: capitalize;
    color: #696969;
    text-align: center;
}

H1
{
    font-weight: normal;
    font-size: 18px;
    margin-bottom: 0px;
    color: gray;
}


H1.Banner A
{
    display: block;
    background: url(/images/cyprus_top.jpg);
    background-repeat: no-repeat;
    width: 780px;
    z-index: 100;
    height: 115px;
    text-indent: 5px;
    font-size: xx-small;
    vertical-align: middle;
}


H2
{
    font-weight: normal;
    font-size: 18px;
    margin-bottom: 0px;
    color: gray;
}

H3
{
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 0px;
}

H4
{
    font-size: 12px;
    margin-bottom: 0px;
    color: gray;
}

H5
{
    font-size: larger;
}


.nounderline
{
    text-decoration: none;
}

.emphasise
{
    font-size: 20px;
    color: #483d8b;
}

.reverse
{
    color: white;
    background-color: black;
}

.image img
{
    border: 1px solid #999999;
}
.boxpadding
{
    padding: 5px;
}

.blueborder
{
    border-right: #75e0ef 8px solid;
    border-top: #75e0ef 8px solid;
    border-left: #75e0ef 8px solid;
    border-bottom: #75e0ef 8px solid;
}
.greyborder
{
    border: 1px solid #999999;
}
.rightcol
{
    border-left: 1px solid #75E0EF;
    padding-left: 8px;
    margin-bottom: 10px;
}
.paddingleft
{
    padding-left: 15px;
}
.paddingright
{
    padding-left: 8px;
}
.menuborder
{
    border-top: #79E0E7 1px solid;
    border-bottom: #79E0E7 1px solid;
    background-color: #fef7c7;
}

.menuspecial
{
    border-top: #79e0e7 1px solid;
    border-bottom: #79e0e7 1px solid;
    background-color: #ff9999;
}

.white-border
{
    border: white 5px solid;
}

.tallinfobox
{
    display: block;
    padding-left: 0px;
    padding-right: 10px;
    padding-top: 65px;
    width: 92px;
}
.image1
{
    background-repeat: no-repeat;
    background-image: url(/images/graphics/base6.jpg);
    height: 130px;
}

.image2
{
    background-repeat: no-repeat;
    background-image: url(/images/graphics/base2.jpg);
    height: 130px;
}

.image3
{
    background-repeat: no-repeat;
    background-image: url(/images/graphics/base3.jpg);
    height: 130px;
}

.image4
{
    background-repeat: no-repeat;
    background-image: url(/images/graphics/base4.jpg);
    height: 130px;
}

.image5
{
    background-repeat: no-repeat;
    background-image: url(/images/graphics/base5.jpg);
    height: 130px;
}

.image7
{
    background-repeat: no-repeat;
    background-image: url(/images/graphics/base7.jpg);
    height: 130px;
}

.image8
{
    background-repeat: no-repeat;
    background-image: url(/images/graphics/base8.jpg);
    height: 130px;
}

.infoboxheader
{
    padding-left: 20px;
    padding-top: 10px;
    background-image: url(/images/headers/blank.gif);
    background-repeat: no-repeat;
    height: 43px;
}

.infoboxheaderlarge
{
    padding-left: 20px;
    padding-top: 10px;
    background-image: url(/images/headers/blank-large.gif);
    background-repeat: no-repeat;
    height: 43px;
}

.large
{
    background-image: url(/images/headers/blank-large.gif);
}

.padding
{
    padding-right: 0px;
    padding-left: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.tiny
{
    font-size: 7pt;
    font-family: Arial, Helvetica, sans-serif;
}

TD
{
    font-family: Arial, Helvetica, sans-serif;
    color: #2f4f4f;
    font-size: 12px;
}


CAPTION
{
    font-size: 14px;
    color: black;
    font-family: Arial, Helvetica, sans-serif;
}


.topmenu-td
{
}

.default-td
{
}


.default-submenu-td
{
}

.greybox A, greybox A:active, greybox A:visited
{
    color: #999999;
}

A
{
    font-size: 12px;
    color: #333399;
    text-decoration: none;
}

A:Visited
{
}

A:Active
{
}

A:Hover
{
    color: red;
    text-decoration: underline;
}


A.dropMenuItem, A.dropMenuItem:visited, A.dropMenuItem:active
{
    font-family: Arial, Helvetica, sans-serif;
    color: #259BA9;
    text-decoration: none;
    padding-left: 10px;
    display: block;
    padding-top: 3px;
    background-color: #D4F1F5;
    border-bottom: 1px solid #9EDBE3;
    height: 20px;
}
A.dropMenuItem:hover
{
    font-family: Arial, Helvetica, sans-serif;
    color: #259BA9;
    text-decoration: none;
    padding-left: 10px;
    display: block;
    padding-top: 3px;
    background-color: #FEF7C7;
    border-bottom: 1px solid #9EDBE3;
    height: 20px;
}

A.MenuItem
{
    display: block;
    width: 110px;
    font-weight: bold;
    color: #777777;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    text-decoration: none;
    padding-top: 3px;
    border-right: 1px solid #9EDBE3;
}

A.MenuItem:visited
{
}

A.MenuItem:hover
{
    text-decoration: none;
}


.special
{
    display: block;
    left: -2000px;
    overflow: scroll;
    width: 1px;
    position: absolute;
    height: 1px;
}

form
{
    padding: 0;
    margin: 0;
}

.footer
{
    font-size: 10pt;
    color: #259BA9;
    padding-left: 10px;
}

div.row
{
    clear: both;
    padding-top: 5px;
}

div.row span.label
{
    float: left;
    width: 100px;
    text-align: right;
}

div.row span.formw
{
    float: right;
    width: 235px;
    text-align: left;
}

.element
{
    display: block;
    float: left;
    margin-bottom: 1px;
    margin-right: 3px;
    font-family: Arial, Helvetica, sans-serif;
    color: #259BA9;
    font-size: 10px;
}
.element img
{
    clear: both;
    float: right;
    width: 100px;
    height: 75px;
    margin: 1px 1px 1px 1px;
    border: 1px;
}

.minicontainer
{
    width: 258px;
    height: 140px;
    text-align: center;
}

table.servicesT
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 11px;
    color: #404040;
    background-color: #fafafa;
    border: 1px #6699CC solid;
    border-collapse: collapse;
    margin-top: 0px;
}

table.servicesT td.servHd
{
    font-weight: bold;
    font-size: 11px;
    color: white;
    border-bottom: #6699cc 2px solid;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #259ba9;
    text-align: center;
}

table.servicesT td
{
    border-bottom: 1px dotted #6699CC;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 11px;
    color: #404040;
    background-color: white;
    text-align: left;
    padding-left: 3px;
}

.servBodL
{
    border-left: 1px dotted #CEDCEA;
}

.overflow-hidden
{
    overflow: hidden;
    text-overflow: ellipsis;
}

.brochure-label
{
    overflow: hidden;
    text-overflow: ellipsis;
    width: 130px;
}

ul.list
{
    list-style-image: url(/images/graphics/yellow-bullet.gif);
    line-height: 18px;
    vertical-align: middle;
}

ol.list
{
    line-height: 18px;
    vertical-align: middle;
}

.inline
{
    display: inline;
}

ul.twin-list
{
    display: inline;
    float: left;
    width: 260px;
    margin: 0;
    padding: 0;
}

li.twin-list
{
    float: left;
    width: 125px;
    margin: 0;
    list-style: none;
    padding: 0 0 0 2px; /* left padding moves the text away from the bullet */
}



MARQUEE
{
    width: 1px;
    height: 1px;
}

a.button:link, a.button:visited
{
    border-right: gray 2px solid;
    padding-right: 2px;
    border-top: #cccccc 1px solid;
    padding-left: 2px;
    font-weight: bold;
    font-size: 12px;
    background: #e0ffff;
    padding-bottom: 1px;
    margin: 2px 2px;
    border-left: #cccccc 1px solid;
    width: 100px;
    color: #333399;
    line-height: normal;
    padding-top: 1px;
    border-bottom: gray 2px solid;
    font-style: normal;
    text-align: center;
    font-variant: normal;
    text-decoration: none;
    display: inline-block;
}

a.button:hover
{
    background: #b0c4de;
    color: red;
    text-decoration: underline;
}

a.button:active
{
    border-bottom: 1px solid #eeeeee;
    border-top: 1px solid black;
    border-right: 1px solid #eeeeee;
    border-left: 1px solid black;
}

a.button_selected:link, a.button_selected:visited
{
    padding-right: 2px;
    padding-left: 2px;
    font-weight: bold;
    font-size: 12px;
    background: #e0ffff;
    padding-bottom: 1px;
    margin: 2px 5px;
    width: 100px;
    color: red;
    line-height: normal;
    padding-top: 1px;
    font-style: normal;
    text-align: center;
    font-variant: normal;
    text-decoration: none;
    display: inline-block;
    border-bottom: 1px solid black;
    border-top: 1px solid black;
    border-right: 1px solid black;
    border-left: 1px solid black;
}

span.listButton
{
    border-right: lightgrey 2px solid;
    padding-right: 3px;
    border-top: lightgrey 2px solid;
    padding-left: 3px;
    margin: 1px 2px;
    border-left: lightgrey 2px solid;
    width: 75px;
    border-bottom: lightgrey 2px solid;
    background-color: #f0fff0;
    text-align: center;
    float: left;
}

.popupControl
{
    background-color: #AAD4FF;
    position: absolute;
    visibility: hidden;
    border-style: solid;
    border-color: Black;
    border-width: 2px;
}

.grid
{
    background-color: white;
    border-color: #CC9966;
    border-width: 1px;
    border-style: Solid;
    width: 100%;
}

.grid td
{
    border-color: #CC9966;
    border-width: 1px;
    border-style: Solid;
}

.grid .header
{
    color: #26a;
    font-weight: bold;
    background-color: #FFFFCC;
}

.available td
{
    color: #00FF00;
}

.booked td
{
    color: #FF5398;
}

.pending td
{
    color: #FF962D;
}

.external td
{
    color: #FF8CFF;
}

.urgent td
{
    background-color: #FF8484;
}


.grid_footer
{
    background-color: blue;
    border-color: #CC9966;
    border-width: 1px;
    border-style: Solid;
}




#centered
{
    width: 100px;
    height: 100px;
    text-align: center;
    position: absolute;
    left: 250px;
    top: 50%;
    margin-left: -50px; /* Half the width of the DIV tag which is 50 pixels */
    margin-top: -50px; /* Half the height of the DIV tag which is also 50 pixels */
}

.float-right
{
    float: right;
    display: inline;
    vertical-align: top;
}

.float-left
{
    float: left;
    display: inline;
    vertical-align: top;
}

.notshown
{
    display: none;
}

div.growlUI
{
    background: url(/images/graphics/icons/check48.png) no-repeat 10px 10px;
}
div.growlUI h1, div.growlUI h2
{
    color: white;
    padding: 5px 5px 5px 75px;
    text-align: left;
    width:450px;
}

div.controlBox
{
    font-family: Arial, Helvetica, sans-serif;
    color: #259BA9;
    text-decoration: none;
    padding-left: 10px;
    display: block;
    padding-top: 4px;
    padding-bottom: 3px;
    background-color: #FEF7C7;
    border: 4px solid #FFFFFF;
    height: 20px;
    width: 160px;
}


.highlight img{
border: 1px solid #ccc;
}

.highlight:hover img{
border: 1px solid navy;
}

.highlight:hover{
color: red; /* Dummy definition to overcome IE bug */
}

.semi-transparent
{

z-index: 2;
background-image: url('/images/semi-transparent.png');
}

/* root element for scrollable */
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;

	/* vertical scrollables have typically larger height than width but not now */
	height: 825px;
	width: 180px;
}

/* root element for scrollable items */
.scrollable .items {
	position:absolute;

	/* this time we have very large space for the height */
	height:20000em;
}