﻿/* overwrite the google chart height so that it suits this page*/
.chart{max-height:380px;}

/* Overwrite the news changes on sw.css */
.latestnews {width: 49%;}
.latestnews a.article span.description {display:block;}

.right a.noblemarine{position:relative;float:left;display:block;margin-bottom:10px;}

img.classicon
{
    position:relative;
    float:right;
    margin:0 0 10px 10px;
}

.classphoto
{
    position:relative;
    float:left;
    width:100%;
}
.classphoto img{width:100%;}
.classphoto span
{
    position:absolute;
    display:block;
    bottom:2px;
    right:2px;
    color:White;
}
.classphoto span a{color:White;}

.latestnews span.selector{font-weight:bold;}
.latestnews span.selector .selector{font-size:1em;  }

a.calendar{position:relative;float:left;width:100%;color:Black;font-size:0.9em;border-bottom:1px solid #c0c0c0;padding-bottom:5px;margin:5px 0;}
a.calendar img{position:relative;float:right;width:40px;height:40px;}
a.calendar span.eventtitle{font-weight:bold;}
a.calendar span.eventdate{color:#7492aa;}

.nationalstable
{
    position:relative;
    float:left;
    width:100%;
    margin:10px 0;
}

a.classphoto
{
    position:relative;
    float:left;
    width:50%;
    text-align:center;
    font-size:0.8em;
    color:Black;
    text-decoration:none;
}
a.classphoto img{max-width:120px;}

.morephotos{width:100%;margin:10px 0;}

.craftinsure
{
    position:relative;
    float:left;
    width:100%;
    background-color:#e8f0f8;
    padding:5px 0;
    margin-bottom:10px;
}
.craftinsure .craftinsurelogo
{
    position:relative;
    float:left;
    width:20%;
}
.craftinsure .craftinsurelogo img{width:90%;height:auto;margin:5%;}

.craftinsure .craftinsurequoteform
{
    position:relative;
    float:left;
    width:80%;
    text-align:center;
}
.craftinsure .craftinsurequoteform .linebreak{display:none;}

.craftinsure a.craftinsurehelp
{
    margin-left:10px;
    font-size:1.3em;
    font-style:italic;
    font-weight:bold;
}

.gearguide
{
    position:relative;
    float:left;
    width:98%;
    padding:1%;
    background-color:Black;
    color:White;
    margin-bottom:10px;
}

.gearguide a.gearguideselden
{
    position:relative;
    float:right;
    font-size:0.6em;
    color:White;
    text-decoration:none;
    text-align:center;
    margin:2px;
}

table.gearguide{display:block;border-collapse: collapse;font-size:0.8em;overflow:auto;}
table.gearguide th, table.gearguide td{text-align:center;border:1px solid white;padding:4px;font-size:smaller;}

a.hydesails
{
    position:relative;
    float:left;
    display:block;
    width:100%;
    max-width:300px;
    background-color:Black;
    color:White;
    padding:10px 0;
    margin-bottom:10px;
}

a.hydesails img{max-width:94%;}

@media screen and (max-width:800px)
{
    .page .main .left .class{display:block;}
}

@media screen and (max-width:600px)
{
    .craftinsure .craftinsurelogo{width:100%;text-align:center;}
    .craftinsure .craftinsurelogo img{width:auto;max-width:150px;height:auto;margin:1%;}
    .craftinsure .craftinsurequoteform{width:100%;} 
    .craftinsure .craftinsurequoteform .linebreak{display:inline;}
}