/*---------------------------*/
/*HTML*/
/*---------------------------*/
html {
height: 100%;
}
/*---------------------------*/
/*BODY*/
/*---------------------------*/
body {
height: 100%;
background-image: url('/resource/static/image/layout/background.jpg');
}
/*---------------------------*/
/*TEXT ELEMENTS*/
/*---------------------------*/
a {
color: #404C83;
}
p {
margin-bottom: 5px;
}
p.light {
}
p.small {
font-size: 11px;
}
span {
}
span.light {
}
span.small {
font-size: 11px;
}
h1 {
color: #404C83;
font-size: 16px;
}
h2 {
color: #404C83;
font-size: 14px;
}
h3 {
color: #404C83;
font-size: 12px;
}
hr {
height: 0px;
border: 1px solid #404C83;
}
/*---------------------------*/
/*HEADER*/
/*---------------------------*/
.header {
width: 100%;
height: 100px;
background-color: #F5F5F5;
background-image: url('/resource/static/image/layout/header_background.jpg');
background-repeat: repeat-x;
}
/*---------------------------*/
/*MAIN NAVIGATION MENU*/
/*---------------------------*/
.menu {
width: 100%;
height: 40px;
background-color: #3E497D;
background-image: url('/resource/static/image/menu/menu_background.jpg');
background-repeat: repeat-x;
}
.menunav{
width: 875px;
height: 100%;
margin: 0px auto;
table-layout: fixed;
}
.menunavcell{
text-align: center;
vertical-align: middle;
padding: 0px 10px 0px 10px;
}
.menunavcell a{
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}
.menunavcell.highlight{
background-color: #D86518;
background-image: url('/resource/static/image/menu/menu_background_highlight.jpg');
background-repeat: repeat-x;
}
.menunavcell.highlight a{
}
/*---------------------------*/
/*SUBNAVIGATION MENU*/
/*---------------------------*/
.submenunav{
}
.submenunav li{
color: #3D497D;
list-style-position: inside;
list-style-type: circle;
list-style-image: url('/resource/static/image/menu/submenu_icon.gif');
}
.submenunav li a{
color: #3D497D;
}
.submenunav li.highlight{
color: #41C46F;
list-style-image: url('/resource/static/image/menu/submenu_icon_highlight.gif');
}
.submenunav li.highlight a{
color: #41C46F;
}
/*---------------------------*/
/*CANVAS*/
/*---------------------------*/
.canvas {
width: 875px;
margin: 0px auto;
}
.canvasgrid{
width: 100%;
table-layout: fixed;
}
.canvasgridcell{
}
.canvasgridcell.leftcolumn {
width: 230px;
vertical-align: top;
padding: 10px 5px 10px 10px;
}
.canvasgridcell.middlecolumn {
width: 645px;
vertical-align: top;
padding: 10px 10px 10px 5px;
}
/*---------------------------*/
/*FOOTER*/
/*---------------------------*/
.footer {
width: 875px;
margin: 0px auto;
}
/*---------------------------*/
/*DISPLAY BOX*/
/*---------------------------*/
.displaybox {
width: 100%;
margin-bottom: 10px;
}
.displayboxcell.topleft{
width: 7px;
height: 33px;
}
.displayboxcell.top{
height: 31px;
border-top: 1px solid #CCCCCB;
border-bottom: 1px solid #CCCCCB;
}
.displayboxcell.top h2{
color: #FFFFFF;
font-size: 12px;
margin-left: 6px;
}
.displayboxcell.top h2 a{
color: #FFFFFF;
}
.displayboxcell.topright{
width: 7px;
height: 33px;
}
.displayboxcell.middleleft{
width: 6px;
background-color: #FFFFFF;
border-left: 1px solid #CCCCCB;
}
.displayboxcell.middle{
background-color: #FFFFFF;
}
.displayboxcell.middleright{
width: 6px;
background-color: #FFFFFF;
border-right: 1px solid #CCCCCB;
}
.displayboxcell.bottomleft{
width: 7px;
height: 7px;
background-image: url('/resource/static/image/displaybox/displaybox_bottom_left.gif');
background-repeat: no-repeat;
}
.displayboxcell.bottom{
height: 7px;
background-image: url('/resource/static/image/displaybox/displaybox_bottom.gif');
background-repeat: repeat-x;
}
.displayboxcell.bottomright{
width: 7px;
height: 7px;
background-image: url('/resource/static/image/displaybox/displaybox_bottom_right.gif');
background-repeat: no-repeat;
}
/*---------------------------*/
/*DISPLAY BOX (TYPE 1)*/
/*---------------------------*/
.displayboxcell.topleft.type1{
background-image: url('/resource/static/image/displaybox/displaybox_top_left_mint.gif');
background-repeat: no-repeat;
}
.displayboxcell.top.type1{
background-image: url('/resource/static/image/displaybox/displaybox_top_middle_mint.gif');
}
.displayboxcell.topright.type1{
background-image: url('/resource/static/image/displaybox/displaybox_top_right_mint.gif');
background-repeat: no-repeat;
}
/*---------------------------*/
/*DISPLAY BOX (TYPE 2)*/
/*---------------------------*/
.displayboxcell.topleft.type2{
background-image: url('/resource/static/image/displaybox/displaybox_top_left_blue.gif');
background-repeat: no-repeat;
}
.displayboxcell.top.type2{
background-image: url('/resource/static/image/displaybox/displaybox_top_middle_blue.gif');
}
.displayboxcell.topright.type2{
background-image: url('/resource/static/image/displaybox/displaybox_top_right_blue.gif');
background-repeat: no-repeat;
}
/*---------------------------*/
/*FORMS*/
/*---------------------------*/
.form{
}
.form.section{
}
.form.section.title{
font-weight: bold;
}
.form.section.valid{
background-color: #CFF0CE;
}
.form.section.invalid{
background-color: #FFACAA;
}
.form.field{
vertical-align: top;
}
.form.field.title{
}
.form.field.input{
}
.form.field.feedback{
}
.form.field.feedback ul{
}
/*---------------------------*/
/*WALKS*/
/*---------------------------*/
.walks.locationFilter{
width: 100%;
}
.walks.locationFilterCell{
vertical-align: middle;
text-align: center;
}
/*---------------------------*/
/*MOTORWAY SELECT*/
/*---------------------------*/
.motorwayselect{
table-layout: auto;
}
.motorwayselect.cell{
width: 50px;
height: 50px;
background-repeat: no-repeat;
text-align: center;
vertical-align: middle;
}
.motorwayselect.cell a{
font-size: 10px;
font-weight: bold;
color: #FFFFFF;
}
.motorwayselect.cell.type0{
background-image: url('/resource/static/image/motorwayselect/cell_0000.jpg');
}
.motorwayselect.cell.type0.highlight{
background-image: url('/resource/static/image/motorwayselect/cell_0000_highlight.jpg');
}
.motorwayselect.cell.type1{
background-image: url('/resource/static/image/motorwayselect/cell_0001.jpg');
}
.motorwayselect.cell.type1.highlight{
background-image: url('/resource/static/image/motorwayselect/cell_0001_highlight.jpg');
}
.motorwayselect.cell.type2{
background-image: url('/resource/static/image/motorwayselect/cell_0010.jpg');
}
.motorwayselect.cell.type2.highlight{
background-image: url('/resource/static/image/motorwayselect/cell_0010_highlight.jpg');
}
.motorwayselect.cell.type3{
background-image: url('/resource/static/image/motorwayselect/cell_0011.jpg');
}
.motorwayselect.cell.type3.highlight{
background-image: url('/resource/static/image/motorwayselect/cell_0011_highlight.jpg');
}
.motorwayselect.cell.type4{
background-image: url('/resource/static/image/motorwayselect/cell_0100.jpg');
}
.motorwayselect.cell.type4.highlight{
background-image: url('/resource/static/image/motorwayselect/cell_0100_highlight.jpg');
}
.motorwayselect.cell.type5{
background-image: url('/resource/static/image/motorwayselect/cell_0101.jpg');
}
.motorwayselect.cell.type5.highlight{
background-image: url('/resource/static/image/motorwayselect/cell_0101_highlight.jpg');
}
.motorwayselect.cell.type6{
background-image: url('/resource/static/image/motorwayselect/cell_0110.jpg');
}
.motorwayselect.cell.type6.highlight{
background-image: url('/resource/static/image/motorwayselect/cell_0110_highlight.jpg');
}
.motorwayselect.cell.type7{
background-image: url('/resource/static/image/motorwayselect/cell_0111.jpg');
}
.motorwayselect.cell.type7.highlight{
background-image: url('/resource/static/image/motorwayselect/cell_0111_highlight.jpg');
}
.motorwayselect.cell.type8{
background-image: url('/resource/static/image/motorwayselect/cell_1000.jpg');
}
.motorwayselect.cell.type8.highlight{
background-image: url('/resource/static/image/motorwayselect/cell_1000_highlight.jpg');
}
.motorwayselect.cell.type9{
background-image: url('/resource/static/image/motorwayselect/cell_1001.jpg');
}
.motorwayselect.cell.type9.highlight{
background-image: url('/resource/static/image/motorwayselect/cell_1001_highlight.jpg');
}
.motorwayselect.cell.type10{
background-image: url('/resource/static/image/motorwayselect/cell_1010.jpg');
}
.motorwayselect.cell.type10.highlight{
background-image: url('/resource/static/image/motorwayselect/cell_1010_highlight.jpg');
}
.motorwayselect.cell.type11{
background-image: url('/resource/static/image/motorwayselect/cell_1011.jpg');
}
.motorwayselect.cell.type11.highlight{
background-image: url('/resource/static/image/motorwayselect/cell_1011_highlight.jpg');
}
.motorwayselect.cell.type12{
background-image: url('/resource/static/image/motorwayselect/cell_1100.jpg');
}
.motorwayselect.cell.type12.highlight{
background-image: url('/resource/static/image/motorwayselect/cell_1100_highlight.jpg');
}
.motorwayselect.cell.type13{
background-image: url('/resource/static/image/motorwayselect/cell_1101.jpg');
}
.motorwayselect.cell.type13.highlight{
background-image: url('/resource/static/image/motorwayselect/cell_1101_highlight.jpg');
}
.motorwayselect.cell.type14{
background-image: url('/resource/static/image/motorwayselect/cell_1110.jpg');
}
.motorwayselect.cell.type14.highlight{
background-image: url('/resource/static/image/motorwayselect/cell_1110_highlight.jpg');
}
.motorwayselect.cell.type15{
background-image: url('/resource/static/image/motorwayselect/cell_1111.jpg');
}
.motorwayselect.cell.type15.highlight{
background-image: url('/resource/static/image/motorwayselect/cell_1111_highlight.jpg');
}
/*---------------------------*/
/*IMAGE REEL*/
/*---------------------------*/
.imageReel{
table-layout: auto;
}
.imageReelCell{
}
.imageReelCell.previous{
width: 16px;
}
.imageReelCell.next{
width: 16px;
}
.imageReelCell.image{
}
.imageReelButton{
}
.imageReelButton.previous{
}
.imageReelButton.next{
}
.imageReelImage{
margin: 0px 2px;
}
.imageReelImage.activeImage{
width: 75px;
height: 75px;
border: 1px solid #0000FF;
}
.imageReelImage.inactiveImage{
width: 64px;
height: 64px;
border: 1px solid #000000;
}
/*---------------------------*/
/*DEVELOPER INFO*/
/*---------------------------*/
.developerinfo {
text-align: right;
}
.developerinfo p{
color: #666666;
font-family: Verdana;
font-size: 10px;
}
.developerinfo a{
color: #09D02F;
font-family: Verdana;
font-size: 10px;
}
/*---------------------------*/
/*PRINT CORRECTIONS*/
/*---------------------------*/
@media print
{
.header
{
display: none;
}
.menu
{
display: none;
}
.canvasgridcell.leftcolumn
{
display: none;
}
}