html, body
{
margin: 0; padding: 0;
background: #FFFFFF;
font-size: 8.2pt;
font-size: 0.8em !important;
font-size: 0.82em; /* yay for IE uselessness */
font-family: "Verdana", sans-serif;
color: #333333;
}
a
{
text-decoration: underline;
}
a:hover
{
text-decoration: none;
}
h1, h2, h3, h4, h5
{
margin: 0; padding: 0;
font-family: "Trebuchet MS", sans-serif;
}
div#holder
{
width: 757px;
margin: auto;
overflow: visible;
}
div#header
{
width: 100%;
overflow: hidden;
position: relative;
padding: 0 0 8px 0;
margin: 1em 0 0 0;
}
div#header h1
{
margin: 0; padding: 0;
display: block;
}
div#header h1 a
{
float: left;
display: block;
/* Moved to negative space for screen readers */
}
div#header h1 a img
{
border: none;
}
div#header h1 a span
{
display: none;
}
div#header h2
{
position: absolute;
bottom: 13px; right: 35px;
}
div#header h2 a
{
/*float: left;
background: url('../images/cymraeg.png') no-repeat;
width: 98px;
height: 27px;
display: block;
overflow: hidden;
text-indent: -5000px;*/
/* Moved to negative space for screen readers */
}
div#navigation
{
background: #333333;
width: 100%;
overflow: hidden;
border-bottom: 1px solid #FFFFFF;
}
div#navigation ul
{
float: none !important;
float: left;
margin: 0 15em 0 0 !important;
margin: 0;
padding: 0 1em 0 1em;
list-style-type: none;
}
div#navigation ul li
{
float: left;
}
div#navigation ul li a
{
float: left;
color: #E6E1D2;
padding: 0.7em 0 0.7em 0;
font-weight: bold;
text-decoration: none;
}
div#navigation ul li a span
{
padding: 0em 0.6em 0em 0.6em;
border-right: 2px solid #E6E1D2;
display: block;
}
div#navigation ul .last a span
{
border: none !important;
}
div#navigation ul li a:hover
{
text-decoration: underline;
}
div#navigation
{
float: right;
margin: 0; padding: 0;
}
div#navigation form
{
margin: 0; padding: 0;
}
div#navigation form fieldset
{
float: right;
border: 0;
margin: 0; padding: 4px 3px 0 0;
}
div#navigation form label
{
color: #FBF6E6;
margin: 0 0.2em 0 0;
vertical-align: middle;
}
div#navigation form input
{
vertical-align: middle;
height: auto !important;
}
div#navigation form input.textinput
{
background: #E6E1D2;
border: none;
font-size: 11px;
padding: 2px 4px 2px 4px;
}
div#navigation form input:focus
{
background: #FFFFFF;
}
div#index-bar
{
clear: both;
color: #FFFFFF;
width: 100%;
overflow: hidden;
position: relative;
background-color: #333333;
background-repeat: no-repeat;
border-bottom: 3px solid #FFFFFF;
height: 260px;
}
div#index-bar a
{
color: #FFFFFF;
}
div#index-bar img
{
position: absolute;
left: 0;
bottom: 0;
}
div#index-bar img[src]
{
height: 100%;
width: 100%;
/* This is a IE hack sortof, it looks for img elements with a "src" attribute. ;)
IE doesn't support Attribute selectors so it should ignore it */
}
div#index-bar div#title
{
position: relative;
margin: 2em !important;
margin: 2em 2em 2em 1em;
padding: 0;
float: left;
width: 45% !important;
width: 45.9%;
height: 214px;
overflow: hidden;
}
div#index-bar .blackbox div
{
position: static;
width: auto !important;
float: none !important;
display: block;
height: 100%;
background: url('../images/black50.png') !important;
background-image: none;
filter: none !important; /* IE7 Support */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/black50.png', sizingMethod='scale');
}
div#index-bar div#title div h2
{
margin: 0;
padding: 0.8em 1em 1em 1em;
font-size: 2.5em;
font-weight: normal;
line-height: 110%;
}
div#index-bar div#title div h2 span
{
display: block;
width: 199px;
height: 42px;
background: url('../images/wagheader.png') !important;
background-image: none;
filter: none !important; /* IE7 Support */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/wagheader.png', sizingMethod='crop');
margin: 0 0 0.5em 0;
}
div#index-bar div#title div h2 span a
{
position: relative;
display: block;
width: 199px;
height: 42px;
font-size: 0;
overflow: hidden;
text-indent: -5000px;
}
div#index-bar div#pictureinfo
{
width: 265px;
width: 25px;
overflow: hidden;
position: absolute;
top: 0; right: 0; bottom: 0;
height: 100%;
}
div#pictureopac
{
height: 100%;
background: url('../images/black50.png') !important;
background-image: none;
filter: none !important; /* IE7 Support */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/black50.png', sizingMethod='scale');
}
div#pictureopac a
{
position: relative;
}
div#index-bar div#openbar
{
float: right;
padding: 0;
height: 100%;
width: 25px;
position: absolute;
top: 0; right: -2px; bottom: 0;
z-index: 100;
}
div#index-bar div#openbar a
{
height: 100%;
width: 100%;
overflow: hidden;
text-indent: -5000px;
background: url('../images/openbar.gif') bottom right no-repeat #333333;
/* I knows me some haxes */
display: block;
line-height: 0;
cursor: pointer;
}
div#index-bar div#openbar a:hover
{
background-color: #4C4C4C;
}
div#index-bar div#openbar a span
{
background: url('../images/openbar_arrow.gif') top right no-repeat;
width: 26px; height: 23px;
display: block;
margin: 0;
padding: 0;
cursor: pointer;
}
div#pictureinfo div#picturetext
{
margin-right: 2 px;
width: 215px;
padding: 1em;
color: #E6E1D2;
position: static;
}
div#pictureinfo div#picturetext a
{
color: #E6E1D2;
position: relative;
}
div#pictureinfo div#picturetext h3
{
margin: 1em 0 1em 0; padding: 0;
font-family: "Verdana", sans-serif;
font-size: 1.05em;
}
div#pictureinfo div#picturetext p
{
margin: 1em 0 1em 0;
}
div#pictureinfo div#picturetext div
{
clear: both;
padding: 0em 1em 1em 1em;
}
a#close
{
background: url('../images/closebutton.gif') left center no-repeat;
float: left;
padding: 0.1em 0 0.3em 17px;
text-decoration: none;
}
a#close:hover, a#nextImage:hover
{
text-decoration: underline;
}
a#nextImage
{
background: url('../images/nextImage.gif') right center no-repeat;
display: block;
float: right;
padding: 0.1em 17px 0.3em 0;
text-decoration: none;
}
div#inner-bar
{
clear: both;
width: 100%;
overflow: hidden;
border-bottom: 3px solid #FFFFFF;
/*background: url('../images/inbar_arrow.png') 335px bottom no-repeat #E6E1D2;*/
background:335px bottom no-repeat #E6E1D2;
}
div#inner-bar h2
{
line-height: 100%;
font-size: 2.3em;
}
div#inner-bar img
{
float: right;
margin-left:10px;
}
div#inner-bar div
{
padding: 1em 1em 5px 1em;
display: block;
float: none !important;
float: left;
}
div#inner-bar p
{
margin:10px 0px;
}
div.inner-subnav
{
border-bottom: 1px solid #C9BE9C !important;
}
div.inner-subnav h2
{
font-size: 1.7em !important;
}
div#subnav
{
float: left;
width: 187px;
height: 100%;
background: #E6E1D2;
}
div#subnav p
{
padding: 5px 10px;
margin:0px;
}
div#subnav ul
{
padding: 0;
font-size: 11px;
padding: 1em 1.5em 1.5em 3em;
margin: 0;
list-style: url('../images/subnav_arrow.png') circle;
border-bottom: 3px solid #FFFFFF;
}
div#subnav ul li
{
margin: 0; padding: 0;
}
div#subnav ul li a
{
font-weight: bold;
display: block;
color: #666666;
}
div#subnav ul ul
{
padding: 0.5em 1.5em 0.5em 1.5em;
border-bottom: 0;
}
div#subnav #latest
{
margin: 1em 0 0 0;
padding: 1em 1em 118px 1em;
background: url('../images/big_hand.png') bottom right no-repeat;
}
div#subnav #latest h2
{
margin-bottom: 0.5em;
}
div#subnav #latest a
{
font-weight: bold;
}
div#headersubnav
{
}
div#headersubnav ul
{
padding: 0;
font-size: 11px;
padding: 0em 0em 0em 3em;
margin: 0;
list-style: url('../images/subnav_arrow.png') circle;
}
div#headersubnav ul li
{
margin: 0; padding: 0;
}
div#headersubnav ul li a
{
font-weight: bold;
display: block;
color: #666666;
}
div#content
{
height: auto !important;
height: 200px;
min-height: 200px;
width: 100%;
overflow: visible !important;
overflow: visible;
border-bottom: 3px solid #FFFFFF;
color: #666666;
line-height: 140%;
}
div#content h3
{
font-family: "Verdana", sans-serif;
margin: 0 0 1em 0;
font-size: 1em;
color: #666666;
}
div#content a
{
color: #333333;
}
div#cont-padding
{
padding: 1em 2em;
}
div.subnav
{
background: url('../images/subnav_repeat.png') left repeat-y;
}
div.subnav #cont-padding
{
float: left; width: 520px;
overflow: visible;
}
div.subnav #cont-padding h3
{
font-size: 1.1em !important;
}
div#content .twocol
{
width: 100%;
overflow: hidden;
}
div#content .twocol div
{
width: 49.9%;
float: left;
height: 100%;
}
div#content .twocol div div
{
width: auto;
float: none;
height: auto;
}
div#content .fourcol
{
width: 100%;
overflow: hidden;
}
div#content .fourcol div
{
width: 25%;
float: left;
height: 100%;
}
div#content .fourcol div div
{
width: auto;
float: none;
height: auto;
}
div#content .indexcol
{
background: url('../images/indexcol_back.png') top left repeat-y !important;
background: url('../images/indexcol_back.png') -1px 0 repeat;
}
div#content .indexcol div
{
background: #E6E1D2;
}
div#content .indexcol div div
{
background: none;
border-right: 3px solid #FFFFFF;
padding: 0.75em;
}
div#content .indexcol .last div
{
border: none !important;
}
div#content .indexcol div h2, div#latest h2
{
font-size: 1.6em;
font-weight: bold;
width: 100%;
overflow: hidden;
line-height: 100%;
color: #333333;
}
div#content .indexcol div h2 a, div#latest h2 a
{
color: #333333;
text-decoration: none;
}
div#content .indexcol div h2 a:hover, div#latest h2 a:hover
{
color: #FF0000;
}
div#content .indexcol div h2 img, div#latest h2 img
{
float: left;
vertical-align: bottom;
margin: 0 0.5em 0 0;
}
div#content .indexcol div h2 a img, div#latest h2 a img
{
border: 0;
}
div#content .indexcol div h2 span, div#latest h2 span
{
margin: 0.5em 0 0.5em 0.5em;
display: block;
}
div#content .indexcol div p
{
margin: 0;
padding: 0.5em 1em 1em 1em !important;
padding: 0 1em 1em 1em;
color: #666666;
}
div#content .indexcol div p a
{
display: block;
padding: 0 0 0 10px;
background: url('../images/subnav_arrow.png') center left no-repeat;
}
div#content form
{
margin: 1em;
}
div#content form label
{
display: block;
margin: 1em 0 0.2em 0;
}
div#content form input
{
/*background: url('../images/input.png') top left #F8F8F8;*/
padding: 0.15em;
/*border: 2px solid #E6E1D2;*/
}
div#content form textarea
{
/*background: url('../images/input.png') top left #F8F8F8;*/
padding: 0.15em;
/*border: 2px solid #E6E1D2;*/
}
div#content form input.submit
{
/*background: url('../images/input_submit.png') top left #D4D4D4;*/
/*background-color:#E6E1D2;
border:solid 1px #333333;*/
padding: 0; margin: 1em 0 0 0;
width: auto;
}
div#content form input:focus
{
outline: 1px solid #000000;
}
div#content .radioButtonList span
{
margin: 10px 0 5px 0;
display: block;
}
div#content .radioButtonList label
{
float: none;
margin: 0.1em 0 0.1em 0;
padding-top: 0 !important;
padding-top: 0.35em;
}
div#content .radioButtonList input
{
margin: 0.1em 0.5em 0.1em 0 !important;
width: auto !important;
float: left !important;
}
div#content .radioButtonList br
{
height: 0; display: none;
}
.index-content
{
padding: 0 !important; width: 100% !important;
}
/*div#map
{
border: 6px solid #E6E1D2;
background: url('../images/map.png');
display: block;
height: 351px !important;
position: relative;
}
div#map a
{
position: absolute;
}
div#map a img
{
border: none;
}
div#map a span
{
display: none;
border: 1px solid #333333;
background: #E6E1D2;
padding: 0.75em;
}
div#map a:hover span
{
display: block;
}*/
div#dynamicMap
{
width: 400px;
height: 400px;
overflow: visible;
position: relative;
border: 8px solid #6A6A6A;
cursor: hand;
}
div#map2
{
position: relative;
width: 400px;
height: 400px;
z-index: 1;
}
div#map2 #mapcontrol
{
position: absolute;
height: 100%; width: 100%; /* for IE */
top: 0; left: 0; bottom: 0; right: 0;
z-index: 100;
}
div#map2 #mapcontrol a:hover, div#map2 #mapcontrol a:focus
{
outline: 2px solid #000000;
}
#mc-nw, #mc-n, #mc-ne, #mc-w, #mc-e, #mc-sw, #mc-s, #mc-se
{
position: absolute;
margin: 0.2em;
z-index: 100;
}
#mc-n { left: 50%; right: 50%; top: 0; }
#mc-s { left: 50%; right: 50%; bottom: 0; }
#mc-w { top: 50%; bottom: 50%; left: 0; }
#mc-e { top: 50%; bottom: 50%; right: 0; }
#mc-nw { top: 0; left: 0; }
#mc-ne { top: 0; right: 0; }
#mc-sw { bottom: 0; left: 0; }
#mc-se { bottom: 0; right: 0; }
div.mapcolumn
{
margin: 1em 0 2em 0;
width: 100%;
overflow: visible;
}
div#mapholder
{
float: left; width: 460px;
}
div#mapcameras, div#mapAlerts
{
float: right; width: 285px;
}
div#mapAlerts
{
width: 290px !important;
width: 271px;
}
div#mapIncidents
{
width: 100%;
}
div#mapcameras
{
padding-top: 7px;
}
div#mapcameras .submit
{
width: auto !important;
width: 0;
padding: 0 0.5em 0 0.5em;
overflow: visible;
}
div#outercontrols
{
float: right;
width: 30px;
overflow: hidden;
}
div#outercontrols #zoomIn:hover, div#outercontrols #zoomOut:hover
{
background-position: 0 -30px;
}
div#outercontrols .disabled, div#outercontrols .disabled:hover
{
background-position: 0 -60px !important;
cursor: default;
}
div#outercontrols #zoomIn, div#outercontrols #zoomOut
{
width: 30px;
height: 30px;
display: block;
text-indent: -5000px;
overflow: hidden;
}
div#outercontrols #zoomIn
{
background: url('../images/zoomin.png') top left no-repeat;
}
div#outercontrols #zoomOut
{
background: url('../images/zoomout.png') top left no-repeat;
}
div#zoomlevel
{
width: 100%;
overflow: hidden;
padding: 0.5em 0.5em 0.8em 0.5em;
}
div#zoomlevel .active, div#zoomlevel .active:hover
{
background-position: bottom left !important;
}
div#zoomlevel a
{
width: 15px;
display: block;
text-indent: -5000px;
margin-bottom: 2px;
overflow: hidden;
height: 34px;
float: left;
clear: both;
}
div#zoomlevel a:hover
{
background-position: 0 -34px !important;
}
div#zoomlevel #zoomScale1
{
background: url('../images/zoomscale1.png') top left no-repeat;
}
div#zoomlevel #zoomScale2
{
background: url('../images/zoomscale2.png') top left no-repeat;
}
div#zoomlevel #zoomScale3
{
background: url('../images/zoomscale3.png') top left no-repeat;
}
div#mapKey
{
margin-top: 3em;/*
background: #E4E4D3;
border: 1px solid #B3B39E;
padding: 8px 4px 8px 4px;*/
clear: both;
}
div#mapKey *
{
cursor: help;
}
div#mapKey img
{
padding: 3px 0 3px 0;
margin: auto !important;
display: block;
}
div.mapKeyTip
{
position: absolute;
z-index: 100;
top: 0; left: 0;
width: 137px;
display: none;
font-size: 10px;
}
div.mapKeyTip strong
{
background: url('../images/keytooltip_header.png') top left !important;
background-image: none;
filter: none !important; /* IE7 Support */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/keytooltip_header.png', sizingMethod='crop');
padding: 9px 5px 0 30px;
height: 1%; /* IE's filter needs a "layout" */
display: block;
}
div.mapKeyTip .content
{
background: url('../images/keytooltip_back.png') top left no-repeat !important;
background-image: none;
filter: none !important; /* IE7 Support */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/keytooltip_back.png', sizingMethod='crop');
padding: 3px 5px 5px 30px;
height: 1%;
display: block;
}
div.mapKeyTip .footer
{
background: url('../images/keytooltip_footer.png') top left no-repeat !important;
background-image: none;
filter: none !important; /* IE7 Support */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/keytooltip_footer.png', sizingMethod='crop');
height: 9px;
}
div#myroutes
{
padding: 2em 0 2em 0;
}
div#myroutes h3
{
float: left;
font-size: 1.4em;
margin: 0 0.5em 0 0;
}
div#myroutes select
{
margin: 0.2em 0 0 0;
width: 20em;
border: none;
background: #F7F6F1;
}
div.map
{
padding-bottom: 2em;
}
div.map h3
{
font-family: "Verdana", sans-serif !important;
font-size: 1.2em;
margin: 1.5em 0 1em 0;
}
div.map h3 a
{
color: #006699 !important;
font-weight: normal;
}
ul#cameras
{
margin: 0; padding: 0;
list-style-type: none;
width: 100%;
overflow: hidden;
}
ul#cameras li
{
float: left;
margin: 0;
padding: 0 0.9em 0.5em 0.9em;
}
ul#cameras li img
{
margin: 0 0 0.5em 0;
display: block;
}
ul#cameras li a
{
color: #006699;
font-weight: normal;
}
div#camerasContainer
{
position: relative;
}
div#camerasContainer h3
{
position: relative;
z-index: 1;
}
div#camerasList
{
padding: 1em 0 0 0;
overflow: hidden;
width: 100%;
}
div#camerasList p
{
padding:0px;
margin:0px 0px 10px 0px;
}
div#camerasList br
{
display: none;
}
div#camerasList span
{
display: block;
width: 100%;
overflow: hidden;
}
div#camerasList span span
{
margin: 0 4px 15px 4px;
float: left;
width: 132px;
height: 180px;
display: block;
}
div#camerasList span span span
{
float: none;
margin: 0;
width: auto;
border: none;
}
div#camerasList span span img
{
margin: 0 0 0.5em 0;
display: block;
border:1px solid black;
}
div#camerasContainer div#divCameraAddLink
{
position: relative;
background: #6A6A6A;
color:#ffffff;
padding: 0;
margin: 0;
width: 100%;
clear: both;
height: 2.5em;
}
div#divCameraAddLink a
{
position: absolute !important;
left: 0; top: 0;
display: block;
}
div#camerasContainer div#divCameraHover
{
/*background: url('../images/black50.png') !important;*/
position: relative;
z-index: 2;
padding: 4px 4px 0px 6px;
margin: 0 0 0px 0;
background: #6A6A6A;
}
div#camerasContainer div#divCameraHover img
{
clear: both;
display: block;
padding: 9px;
background: #000000;
border: 1px solid #A5A5A5;
border-top: 1px solid #434343;
border-left: 1px solid #434343;
}
div#camerasContainer div#divCameraHover p
{
color: #FFFFFF;
margin: 5px 2px 5px 2px;
font-weight: bold;
}
div#divCameraHover div#divCameraHoverContainer
{
clear: both;
}
div#divCameraHover div#divCameraHoverAll img
{
cursor: default !important;
}
div#divCameraHover a, div#divCameraAddLink a
{
display: block;
overflow: hidden;
text-indent: -5000px;
margin: 3px 1px 3px 1px;
float: left;
width: 18px;
height: 17px;
position: relative; /* Peekaboo fix */
}
div#divCameraHover a:hover, div#divCameraAddLink a:hover
{
background-position: 0 -17px !important;
}
div#divCameraHover .disabled, div#divCameraHover .disabled:hover, div#divCameraAddLink .disabled, div#divCameraAddLink .disabled:hover
{
background-position: 0 -34px !important;
}
div#divCameraHover #prevcam { background: url('../images/camconprev.png') top left no-repeat ; }
div#divCameraHover #nextcam { background: url('../images/camconnext.png') top left no-repeat; margin-right: 5px; }
div#divCameraHover #closecam { background: url('../images/camconclose.png') top left no-repeat ; float: right; }
div#divCameraAddLink #addcam { background: url('../images/camconadd.png') top left no-repeat; margin: 5px 5px 5px 8px; text-indent: 0; width: auto; color: #FFFFFF; padding: 2px 0 0 20px; height: 16px; }
div#camerasContainer img
{
cursor: pointer;
cursor: hand;
}
span.timeStamp
{
color:#E0DFE3;
font-size:80%;
}
div#camerasContainer a.notLink
{
cursor:default;
}
div#camerasContainer a.notLink img
{
cursor:default;
}
div#gallery
{
overflow: hidden;
}
div#gallery .item
{
margin: 0 0 1.5em 0;
padding: 0 0 1.5em 0;
float: left;
clear: both;
border-bottom: 1px solid #DDDDDD;
width: 100%;
overflow: hidden;
}
div#gallery .item img
{
padding:1em;
border: 1px solid #888888;
border-left: 1px solid #DDDDDD;
border-top: 1px solid #DDDDDD;
float: left;
}
div#gallery .item div
{
margin-left: 14em;
padding-bottom: 40px;
}
div#gallery .item div input
{
position: absolute;
margin-top: 10px;
}
div#footer
{
clear: both;
padding: 0 0 2em 0;
width: 100%;
overflow: hidden;
}
div#footer ul
{
width: 100%;
overflow: hidden;
margin: 0; padding: 0 0 0 1.5em;
list-style-type: none;
background: #333333;
}
div#footer ul li
{
float: left;
padding: 0.7em 0 0.7em 0.7em;
color: #E6E1D2;
}
div#footer ul li a
{
display: block;
color: #E6E1D2;
text-decoration: none;
border-right: 1px solid #E6E1D2;
padding: 0 0.7em 0 0;
}
div#footer ul li a:hover
{
text-decoration: underline;
}
div#footer h2
{
margin: 0; padding: 10px;
float: right;
}
div#footer h2 a
{
/*margin: 10px 4px 10px 4px;
float: left;
background: url('../images/wag.png') top left no-repeat;
display: block;
width: 195px;
height: 37px;
overflow: hidden;
text-indent: -5000px;*/
}
div#footer div#byseq
{
padding: 0.8em 1em 0.5em 2.15em !important;
padding: 0em 1em 0.5em 2.15em;
}
ul.error {color:red;}
ul.updated {color:green;}
div.userMenu {clear: both; padding:5px 10px; background-color:#AF0303; color:white; margin-bottom:1px; height: 1%; }
div.userMenu a {color:white; }
div.userMenu span {float:right; font-size:90%;}
div.userMenu span a{padding-left:4px;}
span.label {float:left;position:relative;top:-8px;}
ul#nav {padding:0px; margin:0px 30px; list-style-type:square;}
ul#nav li a {color:#000000;}
ul#nav li.active {font-weight:bold;}
/*ul#nav li a {text-decoration:none;}
ul#nav li a:hover {text-decoration:underline;}*/
.wysiwyginline {padding:5px 10px 5px 10px;}
.wysiwygleft {padding:5px 10px 5px 0px;}
.wysiwygright {padding:5px 0px 5px 10px;}
.radioButtonList { width: 100%; overflow: hidden; margin: 1em 0 0 0;}
.radioButtonList input { float: left; clear: both; margin-top: 0.75em; margin-left: 1em;}
.radioButtonList label { float: left; vertical-align: top;}
ul#sitemap { list-style-type:disc;}
.hiddenTabButton , .hiddenTabButton_hi {font-family: "Verdana", sans-serif; font-weight: bold !important; font-size:11px;background: url('../images/undertab.png') repeat-x bottom #E6E1D2; padding: 1px 0 2px 0; margin: 7px 0 0 0; border: 1px solid #D6D1C2; cursor:hand; width:120px; border-collapse: collapse;}
.hiddenTabButton_hi {font-weight:bold; margin: 7px 0 0 0; border:solid #E6E1D2 1px;border-bottom: none; background: url('../images/overtab.png') top repeat-x #757575; }
.hiddenTabButton_hi { border: 1px solid #747474; border-bottom: 1px solid #6A6A6A; color: #ffffff; }
#camerasContainer .hiddenTabButton:hover { background: #888888;}
#camerasContainer .hiddenTabButton, #camerasContainer .hiddenTabButton_hi { background: #6A6A6A; border: 1px solid #000000; color: #FFFFFF; width: 100px; }
#camerasContainer .hiddenTabButton { background: url('../images/cam_undertab.png') bottom repeat-x #6A6A6A; }
#camerasContainer .hiddenTabButton_hi { background: url('../images/cam_overtab.png') top repeat-x #6A6A6A; }
.hiddenButton {background-color:#ffffff; padding:0.05em 0.2em 0.05em 0.2em; margin:0 0.5em 0 0.5em; border:solid #777777 0px; cursor:hand; width:auto; border-right:solid #ffffff 0px;}
.hiddenButton { border: 1px solid #9B9B9B; border-left: 1px solid #D8D8D8; border-top: 1px solid #D8D8D8; }
.divTravelTime {border:solid #6A6A6A 8px;width:396px;}
.divTravelTime {}
#mapIncidents { width: 416px !important; }
.hiddenDiv { display:none;}
div#rightColTabs img {cursor:hand;}
div.rightTabDiv {border:solid #6A6A6A 8px; padding:10px;}
div.eventToolTip {width:120px;position:absolute;border:2px solid #ED1400;z-index:101;background-color:white;padding:0px 10px 10px 10px;}
div.eventToolTip div{padding:5px 0px 5px 0px; border-bottom:solid #D9D0BB 1px;}
div.vmsToolTip {width:120px;position:absolute;border:10px solid #000000; border-left:2px solid #000000;border-right:2px solid #000000;z-index:101;background-color:#FFFF05;padding:5px 10px 5px 10px;}
div#rightTab3 div {padding:0px; border-bottom:solid #D9D0BB 0px;}
div#rightTab3 div div{padding:0px 0px 0px 0px; border-bottom:solid #D9D0BB 0px;}
div#rightTab3 div div#divEventInfo{padding:0px; border-bottom:solid #D9D0BB 0px;}
div#rightTab3 p {padding:0px; margin:2px 0px; }
div#mappage {width:100%; overflow:visible;}
div.rightTab3DivTopLink {margin:0px 0px 10px 0px;}
div.rightTab3DivBottomLink {margin:10px 0px 0px 0px;}
div#generatedRoadworks {display:none;}
div.incidentsTab ul , div.roadworksTab ul , div.eventsTab ul , div.alertsTab ul{ list-style-type:none;padding:0px;margin:0px;}
div.incidentsTab ul li, div.roadworksTab ul li, div.eventsTab ul li, div.alertsTab ul li{ padding:0px 5px 10px 20px;}
div.incidentsTab ul li a, div.roadworksTab ul li a, div.eventsTab ul li a, div.alertsTab ul li a{ color:black; text-decoration:none;}
div.incidentsTab ul li a:hover, div.roadworksTab ul li a:hover, div.eventsTab ul li a:hover, div.alertsTab ul li a:hover{ text-decoration:underline;}
div.incidentsTab ul li { background: url('../maps/icons/Incident_on.GIF') 5px center no-repeat; padding-left: 30px !important;}
div.roadworksTab ul li {background: url('../maps/icons/Roadwork_on.GIF') 5px center no-repeat; padding-left: 30px !important;}
div.eventsTab ul li {background: url('../maps/icons/info.gif') 5px center no-repeat; padding-left: 30px !important;}
div.alertsTab ul li {background: url('../images/alert.gif') 5px center no-repeat; padding-left: 30px !important;}
div.incidentsTab p , div.roadworksTab p , div.eventsTab p , div.alertsTab p , div.incidentAlertsTab p {margin:5px 0px;}
div.mapcolumn table
{
width: 100%;
}
div.mapcolumn ul { padding: 0; margin: 1em 0 1.5em 0; list-style-type: none;}
div.mapcolumn ul li
{
border: 1px solid #9B9B9B;
border-left: 1px solid #D8D8D8;
border-top: 1px solid #D8D8D8;
padding: 5px 10px 5px 10px;
margin: 0;
margin-bottom: 1px;
position: relative;
height: 1%;
font-size: 11px;
clear: both;
}
div.mapcolumn ul br
{
display: none; /* ?? :P */
}
div.mapcolumn ul li input
{
position: absolute;
top: -1px !important; top: 0; right: -7px;
height: 25px;
border-left: 1px solid #D8D8D8;
}
div.incidentAlertsTab li
{
padding: 5px 65px 5px 10px !important;
}
div.mapcolumn ul span li input
{
right: -8px !important; right: 11px;
}
ul#ulTravelTimeAlerts li
{
padding: 5px 64px 5px 10px;
}
ul#ulTravelTimeAlerts li input
{
right: 4px;
}
div.mapcolumn ul li input:hover
{
border: 1px solid #737373;
border-top: 1px solid #9B9B9B;
border-left: 1px solid #9B9B9B;
}
div.mapcolumn ul li input:focus
{
border: 1px solid #000000;
}
div.myRoutesHeader { position:relative; }
div.myRoutesHeader form { padding: 0; margin: 0; }
div.myRoutesHeader select { position:relative;top:-17px;vertical-align: middle;}
div.myRoutesHeader input { padding-left:5px; position:relative;}
div.myRoutesHeader ul{float:left; margin:0px; padding:0px;}
div.myRoutesHeader ul { font-weight:bold;}
div.myRoutesHeader h2
{
position: absolute; top: 0px; left: 0;
padding: 19px 0 0 0.5em;
margin: 0;
height: 100%;
}
div.myRoutesHeader .myRoutesControls
{
padding: 0 !important;
margin-left: 110px !important;
margin-left: 55px;
}
div.myRoutesHeader .myRoutesControls input.routeTitle
{
position:relative;top:-17px;vertical-align: middle;
}
div.divUpdateMessage
{
clear:both;margin:0px;padding:0px;color:red;width:500px;
}
div.divTravelTimeAlerts div.label{ width:54px; float:left; position:relative; top:5px;}
div.divTravelTimeAlerts div.control{ margin-bottom:5px;}
div#index-bar div#ticker
{
margin: 2em 0 2em 0 !important;
float: left;
width: 42%;
height: 214px;
position: relative;
}
div#index-bar div#ticker h3
{
color: #FFFFFF;
font-size: 1.5em;
padding: 20px 25px 0 25px;
margin: 0;
}
div#criticalalerts
{
position: relative;
width: 100%; height: 100%;
filter: alpha(opacity=100); /* hugs */
}
div#tickerRunnerContainer
{
position: absolute;
top: 5em; left: 0;
right: 0; bottom: 20px;
height: auto !important;
height: 143px; /* dirty hax */
width: 100%;
overflow: auto;
}
ul#tickerRunner
{
margin: 0; padding: 0;
list-style-type: none;
margin: 0 25px;
}
div#criticalalerts ul li
{
margin: 10px 0;
padding: 5px 0 15px 0;
line-height: 1.6em;
}
div#criticalalerts ul li a
{
font-weight: bold;
font-size: larger;
position: relative;
text-decoration: none;
}
div#criticalalerts ul li a:hover
{
position: relative;
text-decoration: underline;
}
div#VRfhpxf
{
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
width: 100%; height: 214px;
}
div#VRfhpxf div#insideVRfhpxf
{
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
width: 100%; height: 100%;
background: #000000;
opacity: 0.5;
filter: alpha(opacity=50);
}