/****************/
/* General Site */
/****************/

body
{
	background: #FFFFFF;
    font-size: 16px;
}

#tickerContainer
{
	background: #fff;
	padding-bottom: 0px;
    border-top: 1px solid #999;
	border-bottom: 1px solid #999;
}

#contentwrapper
{
	background: #fff;
}

#javascriptWarning
{
	width: 100%;
	text-align: center;
	font-family: Arial, Verdana, sans-serif;
	color: #ffffff;
}

/* JQuery Icons */
.ui-icon
{
	background-image: url("../images/ui-icons_ffffff_256x240.png");
	background-repeat: no-repeat
}

/**********/
/* Header */
/**********/

#header
{
	font-family: Arial, Verdana, sans-serif;
	color: #000;
	background: #fff;
	height: 120px;
}

#header a
{
	color: #000;
    text-decoration:underline;
    padding: 0 2px;
}
#header a:hover
{
	color: #fff;
    background-color: #888;
	text-decoration: none;
}

#header #LanguageSelection a:hover
{
    color: #000;
	background: #fff;
}

#header #logoBar
{
    float:right;
	text-align:right;
}

#header #logoBar #vixLogo {
    background-image:url("../images/topLogo.png");
    height:83px;
    width: 136px;
    background-repeat: no-repeat;
    float: right;
    margin-right: 5px;
}

#header #customLogo {
    /* The url and size of a large version of the custom header logo should be defined in here
        Other CSS added to ensure the custom logo is floated left, this can be removed or modified if other alignment is required
        By default commented out with the Vix logo as a demonstration */
    /*
    background-image:url("../images/topLogo.png");
    height:120px;
    background-repeat: no-repeat;
    margin-left: 5px;
    */
}

#HeaderTools
{
    float:right;
    padding-top:16px;
    text-align:right;
    font-size:90%;
}

#HeaderTools>div{
    white-space: nowrap;
    padding-right:5px;
    display:inline;
}

#HeaderTools a img
{
    border-style:none;
	color: #22445d;
    vertical-align:middle;
}

#cookiesNotice
{

}

#cookiesNotice p
{

}

#MapLink
{

}
#MapLink a
{

}
#TextOnly
{

}
#TextOnly a
{

}
#Basic
{

}
#Basic a
{

}
#privacyPolicyHeader
{

}
#privacyPolicyHeader a
{

}
#LanguageSelection
{

}

#LanguageSelection img, #LanguageSelection img
{
    padding-right:5px;
    cursor: pointer;
    vertical-align:middle;
}

#searchContainer{

}

/**********/
/* Footer */
/**********/

#footer
{
	font-family: Arial, Verdana, sans-serif;
	font-size: 80%;
	clear: left;
	width: 100%;
	background: #fff;
	color: #000;
	text-align: center;
}

#footer #customFooter {
    text-align:center;
}

#footer #customFooter #customFooterImage {
    /* The url and size of a large version of the custom footer image should be defined in here
        Other CSS added to ensure the custom footer image is centralised, this can be removed or modified if left or right alignment is required
        By default commented out with the Vix logo as a demonstration */
    /*
    position:relative;
    margin:0 auto;
    background-image: url("../images/topLogo.png");
    height: 83px;
    width: 136px;
    background-repeat: no-repeat;
    */
}


/*************************/
/* Custom Dropdown menus */
/*************************/

/* Right menus */
.customDropdownMenu  > ul > li > div {
    top: 153px;
}

/* Disamgiguation list */
div.customDropdownIndependant{
    top: 177px;
}


/***************************************************/
/* Header and Footer overrides for smaller tablets */
/***************************************************/

@media (max-height: 450px) {
    #header {
	    height: 68px;
    }

    #HeaderTools {
        padding-top:9px;
    }

    #header #logoBar #vixLogo {
        background-image:url("../images/topLogoSmall.png");
        height:40px;
        width: 66px;
    }

    #header #customLogo {
        /* The url and size of a small version of the custom header logo should be defined in here */
        /* By default commented out with the Vix logo as a demonstration */
        /*
        background-image:url("../images/topLogoSmall.png");
        height:68px;
        */
    }

    #footer #customFooter #customFooterImage {
        /* The url and size of a small version of the custom footer image should be defined in here */
        /* By default commented out with the Vix logo as a demonstration */
        /*
        background-image:url("../images/topLogoSmall.png");
        height:40px;
        width: 66px;
        */
    }

    /* Custom dropdown menus */
    .customDropdownMenu  > ul > li > div {
        top: 101px;
    }

    /* Disamgiguation list */
    div.customDropdownIndependant{
        top: 125px;
    }
}

/******************/
/* Privacy Policy, Legal Page and Custom Error page */
/******************/

#privacyPolicy, #legal, #customError
{
    padding: 10px;

    font-family: Sans-Serif, Arial;
    border-style:solid;
    border-color:#ddd;
    border-width: 1px 0;
}

#privacyPolicy h1, #legal h1, #customError h1
{
    width: 100%;
    text-align:center;

    font-size: 100%;
    line-height: 100%;
}

#privacyPolicy p, #legal p, #customError p
{
    font-size: 80%;
}

#privacyPolicy li, #legal li
{
    font-size: 80%;
}

#privacyPolicy .cookiesTable
{
    border-collapse:collapse;
    border-spacing:0;
    border: 1px solid black;
    font-size: 80%;
}

#privacyPolicy .cookiesTable tr
{
    padding: 0px;
    margin: 0px;
}

#privacyPolicy .cookiesTable th
{
    padding: 4px;
    margin: 0px;

    text-align: center;

    background-color: #888888;
    color: #ffffff;

    font-weight: bold;
}

#privacyPolicy .cookiesTable td
{
    border: 1px solid #888888;

    padding: 4px;
    margin: 0px;

    text-align: left;
    vertical-align:top;
}

#privacyPolicy .cookiesTable td li
{
    font-size: 100%; /* i.e. 100% of table font size, which may not be the container size. */
}

/**********/
/* Ticker */
/**********/

.ticker .ticker-title
{
    background-color: #7E006C;
    width: 65px;
    vertical-align: middle;
    text-align: center;
}
.ticker .ticker-title-text
{
    font-family: Arial, Verdana, Sans-Serif;
    font-weight: bold;
    font-size: 100%;
    color: #FFF;
}
.ticker .ticker-text
{
    font-family: Arial, Verdana, Sans-Serif;
    font-weight:bold;
    font-size:80%;
    padding-left:5px;
}

/****************************/
/* Search Results & Options */
/****************************/


#searchModalResults, #alertContainer
{
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 80%;
}

#searchModalResults a
{
	background-color: #fff;
	color: #000;
}

#searchModalResults a:hover
{
	background-color: #888;
	color: #fff;
}

#searchModalResultsTitle
{
	font-family: Arial, Verdana, Sans-Serif;
}

/****************/
/* Map controls */
/****************/

/* Cluster Select Window */
.clusterMouseOut
{
	background-color: #fff;
	color: #000;
}

.clusterMouseOver
{
	background-color: #888;
	color: #fff;
}

/* Google Maps Popup and Tooltip Fixes. If Google fix there map styling then these settings can be removed. */

.clusterSelectContent
{
	font-size: 12px;
}

.ToolTipContent
{
	font-size: 10px;
}