@charset "UTF-8";
/* CSS Document */

@import url("http://www.google.com/uds/css/gsearch.css");
@import url("http://www.google.com/uds/solutions/videobar/gsvideobar.css");

/* Colors
	Text: #333
	Text-Highlight: #eee
	Text-Footer: #0a3f8b
	Text-Link: #07f
	Background: #cbcbcb
	Blue Border: #4c96ff
	Blue Fill: #aed3ff
	Grey Border: #b3b3b3
	Grey Fill: #e3e3e3
	Normal Border: #ccc
	Red Button: #ec9da0 - Border: #dc2227
	Settings Button: #e5f0ff - Border #c9dfff
*/

/* Main layout */

body {
	background-color: #cbcbcb;
	color: #333;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
	text-align: center; /* IE6 fix */
}

div#divWrapper {
	margin: 0 auto;
	padding: 0;
	text-align: left; /* reset IE6 fix */
	width: 1000px;
}

div#divMainBody {
	background: #FFF url(../images/mainbody.png) repeat-y;
	margin: 0;
	padding: 2px 12px;
	width: 976px;
}

div#divMainFooter {
	background: #FFF url(../images/mainfooter.png);
	height: 10px;
}


/* Title section */

div#divHeader {
	background: #aed3ff url(../images/hor.png) repeat-x 0 0;
	border: 1px solid #4c96ff;
	height: 58px;
	margin: 2px;
}

img#imgTitle {
	float: left;
	margin: 0 0 0 120px;
}

div#divHeader form {
	float: right;
}

div#divHeader table, div#divHeader tr, div#divHeader td {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

div#divHeader a:link, div#divHeader a:visited {
	color: #333;
}

div#divHeader a:hover, div#divHeader a:active {
	color: #0a3f8b;
}


/* Navigation section */

div#divNavigation {
	background: #e3e3e3 url(../images/hor.png) repeat-x 0 -94px;
	border: 1px solid #b3b3b3;
	height: 26px;
	margin: 4px 2px;
}

#divNavigation a {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	height: 22px;
	padding: 4px 12px 0;
	text-decoration: none;
}

#divNavigation img {
	float: left;
}

#divNavigation a:link, #divNavigation a:visited {
	color: #333;
}

#divNavigation a:hover, #divNavigation a:active {
	background: #e3e3e3 url(../images/hor.png) repeat-x 0 -124px;
	color: #eee;
}

.activeLink {
	background: #e3e3e3 url(../images/hor.png) repeat-x 0 -154px;
	color: #eee;
}


/* Content section */

div#divAdsTop {
	background: #fff url(../images/hor.png) repeat-x 0 -230px;
	height: 90px;
	margin: 2px;
}

div#divContentLeft {
	float: left;
	width: 140px;
}

div#divContentLeftTop {
	margin-bottom: 4px;
}

div#divContentLeftMiddle {
	margin-bottom: 4px;
}

div#divContentLeftBottom {
}

div#divContentMiddle {
	float: left;
	width: 672px;
}

div#divContentMiddleBottom {
}

div#divContentSetting {
	display: none;
	margin-bottom: 4px;
}

div#divContentAlerts {
	border: 0px solid #fff;
	margin: 0;
}

div#divContentRight {
	float: left;
	width: 160px;
}

/* Footer section */

div#divLinksBottom {
	margin: 5px 0 5px 136px;
}

div#divFooter {
	background: #aed3ff url(../images/hor.png) repeat-x 0 -62px;
	border: 1px solid #4c96ff;
	color: #0a3f8b;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	height: 20px;
	margin: 2px;
	padding-top: 8px;
	text-align: center;
}


/* Classes */

p.clear {
	clear: both;
	height: 0;
	margin: 0;
	padding: 0;
}

div.normal {
	border: 1px solid #ccc;
	margin: 2px;
}

div.spacing {
	padding: 5px;
}

div.add {
	margin: 2px;
}

.buttonRed {
	background: #ec9da0 url(../images/hor.png) repeat-x 0 -184px;
	border: 1px solid #dc2227;
	color: #e5e5e5;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	height: 44px;
	margin: 7px;
}

.buttonBlue {
	background: #aed3ff url(../images/hor.png) repeat-x 0 -62px;
	border: 1px solid #4c96ff;
	color: #fff;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	height: 26px;
	width: 120px;
}
.buttonGrey {
	background: #e3e3e3 url(../images/hor.png) repeat-x 0 -94px;
	border: 1px solid #b3b3b3;
	color: #fff;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	height: 26px;
	width: 120px;
}

.buttonSetting {
	background-color: #e5f0ff;
	border: 1px solid #c9dfff;
	cursor: pointer;
	padding: 2px;
	margin: 4px;
}
.buttonSetting:hover {
	background-color: #c9dfff;
}
.buttonSettingDis {
	background-color: #eee;
	border: 1px solid #ddd;
	cursor: pointer;
	padding: 2px;
	margin: 4px;
}

.divTitle {
	background: #e3e3e3 url(../images/hor.png) repeat-x 0 -94px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 1px;
	text-align: center;
	width: auto;
}

.formLoginText {
	background-color: #fff;
	border: 1px solid #4c96ff;
	color: #333;
	height: 18px;
	margin: 3px 6px;
	padding: 0 3px;
	width:  150px;
}

.messageGood {
	border: 1px solid #38c113;
	color: #38c113;
	margin: 2px 2px 4px 2px;
	padding: 5px;
}

.messageBad {
	border: 1px solid #dc2227;
	color: #dc2227;
	margin: 2px 2px 4px 2px;
	padding: 5px;
}

.table {
	width: 100%;
}

th {
	background: #aed3ff url(../images/hor.png) repeat-x 0 -62px;
	color: #0a3f8b;
	padding: 2px 5px;;
}

.table td {
	padding-left: 5px;
}

.table td.col1 {
	width: 140px;
}

.table input[type="text"], .table input[type="password"] {
	background-color: #fff;
	border: 1px solid #b3b3b3;
	color: #333;
	height: 18px;
	padding: 0 3px;
	width: 200px;
}

.table input[type="checkbox"] {
	margin: 0 10px;
}

.table input.small {
	width: 60px;
}

.linkBtn {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	background-color: transparent; 
	border: 0;
	padding: 0;
	margin: 0;
	cursor: pointer;
}

/* elements */

/*
a:link, a:visited {
	color: #07f;
}

a:hover, a:active {
	color: #0a3f8b;
}
*/

h1, h2, h3, h4, h5 {
	color: #0a3f8b;
	font-family: Arial, Helvetica, sans-serif;
	margin: 3px 0 5px 0;
	padding: 0;
}

h1 {
	font-size: 22px;
}

h2 {
	font-size: 17px;
}

h3 {
	font-size: 14px;
}

h4 {
	font-size: 12px;
}

p {
	margin: 0 0 15px 0;
	padding: 0;
}

ul {
	margin: 0;
}

li {
	margin: 0;
}

#divLoadingTxt {
	margin: 100px 0 1200px 0;
}
/* Settings */
div#mapNederland {
	width: 352px;
	height: 421px;
	background: #fff url(../images/nederland.png) no-repeat;
}
input[name="R01"] { position:absolute; margin: 46px 0 0 303px; }
input[name="R02"] { position:absolute; margin: 66px 0 0 220px; }
input[name="R03"] { position:absolute; margin: 103px 0 0 294px; }
input[name="R04"] { position:absolute; margin: 153px 0 0 258px; }
input[name="R05"] { position:absolute; margin: 182px 0 0 301px; }
input[name="R06"] { position:absolute; margin: 209px 0 0 257px; }
input[name="R07"] { position:absolute; margin: 224px 0 0 217px; }
input[name="R08"] { position:absolute; margin: 245px 0 0 188px; }
input[name="R09"] { position:absolute; margin: 218px 0 0 164px; }
input[name="R10"] { position:absolute; margin: 120px 0 0 135px; }
input[name="R11"] { position:absolute; margin: 155px 0 0 142px; }
input[name="R12"] { position:absolute; margin: 173px 0 0 113px; }
input[name="R13"] { position:absolute; margin: 178px 0 0 137px; }
input[name="R14"] { position:absolute; margin: 192px 0 0 158px; }
input[name="R15"] { position:absolute; margin: 222px 0 0 84px; }
input[name="R16"] { position:absolute; margin: 213px 0 0 117px; }
input[name="R17"] { position:absolute; margin: 248px 0 0 65px; }
input[name="R18"] { position:absolute; margin: 257px 0 0 116px; }
input[name="R19"] { position:absolute; margin: 305px 0 0 37px; }
input[name="R20"] { position:absolute; margin: 286px 0 0 122px; }
input[name="R21"] { position:absolute; margin: 275px 0 0 196px; }
input[name="R22"] { position:absolute; margin: 316px 0 0 193px; }
input[name="R23"] { position:absolute; margin: 335px 0 0 234px; }
input[name="R24"] { position:absolute; margin: 395px 0 0 225px; }
input[name="R25"] { position:absolute; margin: 160px 0 0 195px; }
div#mapNederlandSide input[type="checkbox"] {
	margin: 0 5px;
	padding: 0;
}

span#abort {
	border: 1px solid #dc2227;
	cursor: pointer;
	float: right;
	font-size: 10px;
	padding: 0px 3px;
}

table#alerts {
	border-collapse: collapse;
	background: #fff url(../images/hor.png) repeat-x 0 -230px;
	margin-bottom: 5px;
	width: 100%;
	font-size: 11px;
}

table#alerts td {
	vertical-align: top;
}

table#alerts form input {
	margin: 0;
	padding: 0;
}

#map_canvas {
	width: 656px;
	height: 400px;
	margin-bottom: 4px;
}

#pano {
	width: 656px;
	height: 400px;
	margin-top: 4px;
}

#twitter {
	margin-top: 5px;
	height: 722px;
	overflow: auto;
	width: 570px;
}

#twitter a {
	color: #333;
}

#twitter tr {
	background: #fff url(../images/hor.png) repeat-x 0 -230px;
}

#twitterProfileImg {
	margin: 0 4px 4px 0;
}

#youtube {
	margin-top: 4px;
}

.playerInnerBox_gsvb .player_gsvb {
	width : 600px;
	height : 475px;
}

#reload {
	text-align: center;
	font-size: 9px;
	color: #AAA;
	margin-bottom: 4px;
}

#alertHeader {
	border-collapse: collapse;
	width: 100%;
}

#map_location {
	width: 642px;
	height: 600px;	
}

.alert_icon {
	border-width: 0;
	padding: 0;
	margin: 0;
	width: 13px;
	height: 13px;
}

.subtext {
	font-size: 9px;
	color: #AAA;
	font-style: italic;
}

.greyBackground tr {
	background: #fff url(../images/hor.png) repeat-x 0 -230px;
}

.black {
	color: black;
}

.blue {
	color: #0000ff;
}

.myblu {
	color: #07f;	
}

.myred {
	color: #dc2227;
}

.mydarkblu {
	color: #0a3f8b;
	text-decoration: none;
}

.mygrey {
	color: #333;	
}

.brown {
	color: #00cccc;
}

.green {
	color: #7f0080;
}

.grey {
	color: #aaa;
}

.orange {
	color: #008000;
}

.fuchsia {
	color: fuchsia;
}

.indigo {
	color: #000000;
}

.purple {
	color: #7f8000;
}

.red {
	color: #ff0000;
}

.hidden {
	display: none;
}

.floatleft {
	float: left;	
}

.floatright {
	float: right;	
}

.center {
	text-align: center;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.underline {
	text-decoration: underline;
}

.vtop {
	vertical-align: top;
}

.vmid {
	vertical-align: middle;
}

.collapse {
	border-collapse: collapse;
}

.M01 {
	background-color: #FFFF00;
}
.M02 {
	background-color: #FFFF0D;
}
.M03 {
	background-color: #FFFF1A;
}
.M04 {
	background-color: #FFFF26;
}
.M05 {
	background-color: #FFFF33;
}
.M06 {
	background-color: #FFFF40;
}
.M07 {
	background-color: #FFFF4D;
}
.M08 {
	background-color: #FFFF59;
}
.M09 {
	background-color: #FFFF66;
}
.M10 {
	background-color: #FFFF73;
}
.M11 {
	background-color: #FFFF80;
}
.M12 {
	background-color: #FFFF8C;
}
.M13 {
	background-color: #FFFF99;
}
.M14 {
	background-color: #FFFFA6;
}
.M15 {
	background-color: #FFFFB3;
}
.M16 {
	background-color: #FFFFBF;
}
.M17 {
	background-color: #FFFFCC;
}
.M18 {
	background-color: #FFFFD9;
}
.M19 {
	background-color: #FFFFE6;
}
.M20 {
	background-color: #FFFFF2;
}
.CA {
	color: black;
}
.CB {
	color: silver;
}
.CC {
	color: gray;
}
.CD {
	color: maroon;
}
.CE {
	color: red;
}
.CF {
	color: purple;
}
.CG {
	color: fuchsia;
}
.CH {
	color: green;
}
.CI {
	color: lime;
}
.CJ {
	color: olive;
}
.CK {
	color: yellow;
}
.CL {
	color: navy;
}
.CM {
	color: blue;
}
.CN {
	color: teal;
}
.CO {
	color: aqua;
}
.CP {
	color: orange;
}
.on {
	background-color: #0F0;
}
.off {
	background-color: #AAA;
}

.gmap-control-container {
    margin: 5px 2px 18px 2px;
}
.gmap-control {
    cursor: pointer;
    background-color: -moz-linear-gradient(center top , #FEFEFE, #F3F3F3);
    background-color: #FEFEFE;
    border: 1px solid #b8b5af;
    border-radius: 2px;
    padding: 0 6px;
    line-height: 160%;
    font-size: 12px;
    font-family: Arial,sans-serif;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.gmap-control:hover {
    border: 1px solid #678AC7;
}
.gmap-control-active {
    background-color: -moz-linear-gradient(center top , #6D8ACC, #7B98D9);
    background-color: #6D8ACC;
    color: #fff;
    font-weight: bold;
    border: 1px solid #678AC7;
}