/* Stylesheet - Dykhuset.se */

/* No padding nor margins */
* { margin: 0px;  padding: 0px; } 



/* HTML styles */
body { background-image: url('/layout/images/surfaceBackground.jpg'); background-position: top center; background-repeat: no-repeat; background-color: #0c1b6c; position: relative; top: 0px; left: 0px; color: black; font-family: Verdana, Sans-Serif; font-size: 11px; font-weight: normal; z-index: 0; overflow-x: hidden; }
table, tr, td { color: black; font-family: Verdana, Sans-Serif; font-size: 11px; font-weight: normal; }
input, select, textarea { font-family: Verdana, Sans-Serif; font-size: 11px; font-weight: normal; }
p { margin-bottom: 10px; }
ul, ol { margin: 3px 0px; }
li { margin-left: 15px; padding: 2px 0px; }



/* Link styles */
a:link, a:visited { color: #103083; font-weight: bold; text-decoration: none; }
a:active, a:hover { color: #5878d9; }

a.imageLink:link, a.imageLink:visited { text-decoration: none; font-weight: normal; color: #ffffff; }
a.imageLink:active, a.imageLink:hover { color: #3399ff; }

a.whiteLink:link, a.whiteLink:visited { color: #ffffff; font-weight: normal; text-decoration: none; }
a.whiteLink:active, a.whiteLink:hover { color: #bdb379; }

a.sandLink:link, a.sandLink:visited { color: #bdb379; font-weight: normal; text-decoration: none; }
a.sandLink:active, a.sandLink:hover { color: #ffffff; }

.menuLink1:link, .menuLink1:visited { font-size: 11px; font-weight: bold; text-decoration: none; color: #103083; }
.menuLink1:active, .menuLink1:hover { color: #5878d9; }

.menuLink2:link, .menuLink2:visited { font-size: 11px; font-weight: normal; text-decoration: none; color: #103083; }
.menuLink2:active, .menuLink2:hover { color: #5878d9; }

.whiteLink1:link, .whiteLink1:visited { font-size: 11px; font-weight: bold; text-decoration: none; color: #ffffff; }
.whiteLink1:active, .whiteLink1:hover { color: #3f70c1; }

.whiteLink2:link, .whiteLink2:visited { font-size: 11px; font-weight: normal; text-decoration: none; color: #ffffff; }
.whiteLink2:active, .whiteLink2:hover { color: #3f70c1; }

.menu1 { font-size: 11px; font-weight: bold; color: #103083; }


/* Class styles */
.edgeBackground { background-image: url('/layout/images/edgeBackground.gif'); background-position: top center; background-repeat: repeat-y; }
.oceanBottom { height: 108px; background-image: url('/layout/images/bottomBackground.jpg'); background-position: bottom center; background-repeat: no-repeat; }
.siteInfo { margin-bottom: 5px; color: white; font-weight: normal; font-size: 11px; text-align: center; width: 100%; }
.inputField { border: 1px solid #0066cc; background: transparent; font-size: 12px; padding: 3px; width: 80%;}
.inputField option { background-color: white; }
.submit { padding: 2px 3px; }



/* Transparent background styles */
.contentWhite { color: black; }
.contentWhite[class] { background-image: url('/layout/images/contentWhite50.png'); }

.contentBlack { color: white;  }
.contentBlack[class] { background-image: url('/layout/images/contentBlack70.png'); }

.bottomWhiteLeft { height: 5px; }
.bottomWhiteLeft[class] { background-image: url('/layout/images/borderWhiteBottomLeft.png'); }

.bottomWhite { height: 5px; }
.bottomWhite[class] { background-image: url('/layout/images/borderWhiteBottom.png'); }

.bottomWhiteRight { height: 5px; }
.bottomWhiteRight[class] { background-image: url('/layout/images/borderWhiteBottomRight.png'); }

.topWhiteLeft { height: 5px; }
.topWhiteLeft[class] { background-image: url('/layout/images/borderWhiteTopLeft.png'); }

.topWhite { height: 5px; }
.topWhite[class] { background-image: url('/layout/images/borderWhiteTop.png'); }

.topWhiteRight { height: 5px; }
.topWhiteRight[class] { background-image: url('/layout/images/borderWhiteTopRight.png'); }

.topBlackLeft { height: 5px; }
.topBlackLeft[class] { background-image: url('/layout/images/borderBlackTopLeft.png'); }

.topBlack { height: 5px; }
.topBlack[class] { background-image: url('/layout/images/borderBlackTop.png'); }

.topBlackRight { height: 5px; }
.topBlackRight[class] { background-image: url('/layout/images/borderBlackTopRight.png'); }

.bottomBlackLeft { height: 5px; }
.bottomBlackLeft[class] { background-image: url('/layout/images/borderBlackBottomLeft.png'); }

.bottomBlack { height: 5px; }
.bottomBlack[class] { background-image: url('/layout/images/borderBlackBottom.png'); }

.bottomBlackRight { height: 5px; }
.bottomBlackRight[class] { background-image: url('/layout/images/borderBlackBottomRight.png'); }