/*
(- IMPORT)
- DEFAULT HTML STYLES
- CONTAINER STYLES
- SPAN STYLES
- HEADLINE STYLES
- PARAGRAPH STYLES
- LIST STYLES
- LINK STYLES
- IMAGE STYLES
- TABLE STYLES
- FORM STYLES
- BODY STYLES
- DIVERSE STYLES
*/
/*
-------------------------------------------------
DEFAULT HTML STYLES
-------------------------------------------------
*/
/*
------------------------------------------------
CONTAINER STYLES
------------------------------------------------
*/
div#main {}
div#content, body.index div#content {background:transparent url('images/bgNavigation.gif') repeat-y top right;}
body.index div#content {display:block;padding-top:162px;padding-left:20px;}
.breadCrumbPadding {display:block;padding-top:166px;}
div#body {}
div#navigation {padding-top:15px;padding-left:10px;display:block;float:right;width:218px;padding-right:10px;}
div#top {float:left;overflow:hidden;width:100%}
/* The horizontal menu beneath the logo */
div#top div.menu {
/* The background image of the menu */
background-image:none;font-family:Verdana, Arial, Helvetica, Sans-Serif;
}
/* The box class, used to style boxes with borders and shadows */
div.box {
/* The right-hand shadow of the box */
border:0px solid #ffffff;
}
div#content div#body div.box {padding-left:20px;}
div#content div#body div.box div.vote {padding-left:0px;}
body.index div#content div#body div.box {padding-left:5px;} /*aud modda, påvirkar dette framsida?*/
/*div#body div.box {padding:0;background-color:blue;width:500px}
div#body div.box div {padding:0;background-color:blue;width:500px}*/
div#body div.box div div {padding:0;} /*aud modda, påvirkar dette framsida?*/
body.index div#body div.box div div {padding-bottom:5px;}
div#extra div.box {
/* The right-hand shadow of the box */
border:0px solid #ffffff;background-color:#f3f1ed;
}
div#navigation div.box {
/* The right-hand shadow of the box */
xborder:1px solid #ffffff;background-color:#f3f1ed;margin-top:14px;
}
/* The first child div of the 'box' class, used to add a bottom shadow */
div.box div {
/* The bottom shadow of the box */
}
/* classes used by google map template */
div.map {
/* The right-hand shadow of the box */
background-image : url('images/box-right.png');
/* Set this border color to the same as the background color of the 'form' */
border-color : #edf0e2;
}
/* The first child div of the 'box' class, used to add a bottom shadow */
div.map div.main {
/* The bottom shadow of the box */
background-image : url('images/box-bottom.png');
}
/* The logo area */
div#logo {float:left;width:100%;overflow:hidden;background:#000000 url('images/bgLogo.jpg') no-repeat top left;cursor:pointer;}
div#body div.box div div div#articleContent {padding-left:238px;padding-top:0px;width:470px;
float:left;}
div#body div.articleTop {background:transparent url('images/bgH1.gif') repeat-y top left;width:100%;margin-left:-1px;margin-top:10px;}
div#body div.articleTop div.headingIngress {padding:0px;margin:0px;float:left;width:214px;overflow:hidden;
padding:15px 10px 10px 15px;}
div.newslisting {border-bottom:1px solid #e2ddd6;margin-top:10px;}
/*
------------------------------------------------
SPAN STYLES
------------------------------------------------
*/
/*
------------------------------------------------
HEADLINE STYLES
------------------------------------------------
*/
h1 {padding:0px;margin:0px;width:214px;font-size:1.6em;font-weight:normal;
color:#705432;padding-top:5px;}
div#body div.articleTop div.headingIngress h1 {padding:0px;margin:0px;width:214px;font-size:1.6em;font-weight:normal;
padding-bottom:15px;color:#705432;}
div#body div.articleArticle div.mainBody h2 {background-color:#fff;color:#705432;}
div#extra div.box h2 {
/* The right-hand shadow of the box */
border:0px solid #ffffff;
background:#79b8bb url('images/box_corner_topExtra.gif') no-repeat top right;
}
div#navigation div.box h2 {
/* The right-hand shadow of the box */
border:0px solid #ffffff;
background:#79b8bb;background:#79b8bb url('images/box_corner_topExtra2.gif') no-repeat top right;
}
/* The header of a box */
div.box h2 {
/* The default background color for a box' header */
background:#79b8bb url('images/box_corner_topExtra.gif') no-repeat top right;
color : #000;
}
div.statistics h2 {
margin-top : 2em;
clear : both;
background-image : none;
width : 100%;
background-color : #79b8bb;
}
div#body div.box h2
{
/* The default background color for a box' header (larger version) */
background-color : #79b8bb;
background-image:none;
color : #ffffff;
}
div.game h2 {
/* The header of game related boxes*/
background:#79b8bb url('images/box_corner_topExtra.gif') no-repeat top right;
color : #000;
}
div.gametip h2 {
/* The header of the tip game box*/
background:#79b8bb url('images/box_corner_topExtra.gif') no-repeat top right;
}
div.todaysgame h2 {
/* The header of the todays game box*/
background:#79b8bb url('images/box_corner_topExtra.gif') no-repeat top right;
}
/* The header of a game box. Change the background color to match the theme */
div#navigation div.vote h2 {
/* The background color of a header in a vote box */
}
div#body div#articleContent h2 {background:none;background-color:#fff;color:#705432;font-size:1.4em;
padding:0px;margin:0px;font-weight:bold;}
div#body div#NHSarticleFullWidth h2 {background:none;background-color:#fff;color:#705432;font-size:1.4em;
padding:0px;margin:0px;font-weight:bold;}
div#body div.newslisting h2 {background:none;background-color:#fff;color:#705432;font-size:1.3em;
padding:0px;margin:0px;font-weight:bold;padding-top:10px;}
/*
------------------------------------------------
PARAGRAPH STYLES
------------------------------------------------
*/
div#body div.articleTop div.headingIngress p {padding:0px;margin:0px;width:214px;font-weight:bold;line-height:1.2em;}
p.title {padding:5px 0 5px 30px;font-weight:bold;background:transparent url('images/bgTitle.gif') repeat-y top left;
text-transform:uppercase;color:#ffffff;}
p.titleIndex {padding:0px;padding:5px 0 5px 10px;font-weight:bold;background-color:#79b8bb;
color:#ffffff;}
p {padding:0px;margin:0px;padding-bottom:10px;}
p.date {color:#705432;}
p.related {background-color:#ffffff;padding:5px 5px 5px 7px;}
div#extra p.related {border-bottom:2px solid #f3f1ed;}
/*
------------------------------------------------
LIST STYLES
------------------------------------------------
*/
div#top div.menu ul {
background:#705432 url('images/bgMenu.gif') no-repeat top left;
}
div#top div.menu ul li {float:left;padding:8px 10px 8px 10px;
background:transparent url('images/dividMenu.gif') no-repeat 0px 9px;}
div#top div.menu ul li.last {float:left;}
div#top div.menu ul li.first {float:left;background:none;color:#705432;}
div#top div.menu ul li.spescial {background:transparent url('images/bgSpecial.gif') no-repeat 25px 11px;padding-left:0px;
padding-left:45px;padding-right:0px;padding-right:20px;}
/* The footer */
ul#footer {
/* The bottom shadow to the form "canvas" */
}
ul. multiPageList {padding:0px;margin:0px;}
ul.multiPageList li {padding:0px;margin:0px;}
div#logo ul {float:left;padding:30px 0 0 870px;}
div#logo ul li {color:#ffffff;padding:0px;padding:0 0 5px 0;text-align:right;}
ul#breadcrumbs {padding:0px;margin:0px;padding:7px 0 7px 20px;font-weight:bold;float:left;width:70%;}
ul#breadcrumbs li {padding:0px;margin:0px;color:#5e9a9d;background:transparent url('images/bgMenuDivid.gif') no-repeat 0px 3px;padding-left:8px;}
ul#breadcrumbs li.first {color:#705432;padding:0px;margin:0px;background:none;}
ul#breadcrumbs li ul {padding:0px;margin:0px;font-weight:bold;}
ul#breadcrumbs li ul li {padding:0px;margin:0px;color:#5e9a9d;background:transparent url('images/bgMenuDivid.gif') no-repeat 0px 3px;padding-left:8px;}
ul#breadcrumbs li ul li.first {color:#705432;padding:0px;margin:0px;}
/*
----------------------------------------------------------
LINK STYLES
----------------------------------------------------------
*/
div#top div.menu ul li a {
background-image :none;
}
div#body div.article h3 a:link,
div#body div.article h3 a:active,
div#body div.article h3 a:visited {
color:#705432;text-decoration:none;
}
div#body div.article h3 a:hover {
color:#705432;text-decoration:underline;
}
div.article ul li.rsslisting div h3 a,
div.article ul li.rsslisting div h3 a:link,
div.article ul li.rsslisting div h3 a:active,
div.article ul li.rsslisting div h3 a:visited {
color:#705432;text-decoration:none;font-size:1.0em;font-weight:bold;margin-bottom:0.3em;
}
/* Main menu */
div#top div.menu ul li a:link, div#top div.menu ul li a:active, div#top div.menu ul li a:visited {
color:#ded1c2;text-decoration:none;font-weight:bold;}
div#top div.menu ul li a:hover {font-weight:bold;text-decoration:underline;}
div#top div.menu ul li.selected a:link, div#top div.menu ul li.selected a:active,
div#top div.menu ul li.selected a:visited {
font-weight:bold;text-decoration:underline;}
a.linkmarker, a.linkmarker:link, a.linkmarker:visited {padding:0px;margin:0px;
background:transparent url('images/linkmarker.jpg') no-repeat 0px 1px;padding-left:15px;text-decoration:none;
color:#000000;}
a.linkmarker:hover {text-decoration:underline;}
a.linkmarker:active {}
div#logo ul li a, div#logo ul li a:link, div#logo ul li a:visited {color:#79b8bb;font-weight:bold;
text-decoration:none;}
div#logo ul li a:hover {color:#79b8bb;font-weight:bold;text-decoration:underline;}
div#logo ul li a:active {color:#79b8bb;font-weight:bold;}
ul#breadcrumbs li a {padding:0px;margin:0px;color:#5e9a9d;}
/*
------------------------------------------------
IMAGE STYLES
------------------------------------------------
*/
img.pageImage {padding-bottom:10px;}
div#logo img {float:left;height:120;width:218px;}
div.articleTop img {padding:0px;margin:0px;padding-left:2px;float:left;overflow:hidden;width:454px;}
/*
------------------------------------------------
TABLE STYLES
------------------------------------------------
*/
/* Race calendar styles */
.calendarCtrl table td tr
{
/*border-width: .1em;
border-color: #000;*/
border: none;
}
.DayHeader
{
height: 20px;
background-color: #58513f;
color: #fff;
vertical-align: middle;
text-align: center;
}
.Day
{
height: 68px;
vertical-align: top;
background-color: #fff;
/*border: solid;
border-width: .1em;
border-color: #000;*/
border: none;
}
.OtherMonth
{
background-color: #F2F0E6;
color: #000;
height: 68px;
vertical-align: top;
border: none;
}
.Title
{
height: 18px;
color: #000;
text-align: center;
vertical-align: middle;
background-color: #d3cebc;
background-image: url('images/large-box-header-bg.png');
text-transform: uppercase;
}
.SelectedDay
{
color: #000;
background-color: #a4d091;
vertical-align: top;
border: none;
}
.SelectedDay a
{
color: #000;
}
/*.Today
{
vertical-align: top;
border-width: 1px;
border-color: #FF0000;
}*/
.WeekNumber
{
position: absolute;
left: 40px;
color: #000;
font-weight: bold;
}
/* END Race calendar styles */
/* style for agent listing */
.agentsListing tr td
{
border: none;
}
.AgentsHeader
{
font-weight: bold;
color : #fff;
background-color : #58513f;
padding-left: 5px;
}
.AgentsStyle
{
}
.AgentsAlterningStyle
{
}
/* Statistics tables */
div.statistics table caption {
background-color : #f9e6a8;
border-color : #1a2432;
}
div.statistics table thead th {
background-color : #f9e6a8;
border-color : #1a2432;
}
div.statistics table th, div.statistics table td {
border-color : #c5cfdd;
}
/*
------------------------------------------------
FORM STYLES
------------------------------------------------
*/
/* General input buttons */
input.button {color : #000;background-color : #58513f;border : none;background-image : url('images/top-menu-bg.png');padding:0 5px 0 5px;color:#fff;font-weight:bold;}
/*
------------------------------------------------
DIVERSE STYLES
------------------------------------------------
*/
/* TODO: Verify color */
.disabled {
color: #a5a4a4;
}