/* -------------------------------------

Index

1 - Global Reset and default settings
2 - Heading, Typography, Links
3 - Data tables
4 - Generic Styles

----------------------------------------*/


/* 1 - Global Reset and default settings */
    body * {margin:0; padding:0}
    body {background-color:#104155; color:#333; font:62.5% Arial, Helvetica, sans-serif; margin:0; padding:0; text-align:center;}
    img  {border:0;}

    /* Copied from layout.css - quick forms */
    .row {display:block; padding:0 0 10px 0;}
    label {color:#000; float:left;width:150px;}
    input {border:1px solid #666; font-size:1em; }
    textarea {border:1px solid #666; font-size:1.4em; }
    select {border:1px solid #666; font-size:1em; }
    input.button {background-image:url(../_Images/bkd_btn.gif); font-size:0.9em; margin:1em 0 0 3.5em; padding:0.15em; width:150px;}
    input.button_remote {background-image:url(https://www.teegenius.co.uk/_Images/bkd_btn.gif); font-size:0.9em; margin:1em 0 0 3.5em; padding:0.15em; width:150px;}
    input.button_nomargin {background-image:url(../_Images/bkd_btn.gif); font-size:0.9em; margin:1em 0 0 1em; padding:0.15em; width:150px;}
    input.button_narrow {background-image:url(../_Images/bkd_btn.gif); font-size:0.9em; margin:0 0 0 0; padding:0.15em; width:80px;}
    span.checkbox {border-style:none; font-size:1em; }  /* This required because asp.net renders checkboxes within their own span */
    span.checkbox input {border-style:none; width:auto; padding:0;margin:0;}
    span.checkbox label {width:auto; float:none;}
            
    /* input.button_register {background-image:url(../_Images/bkd_btn.gif); font-size:0.9em; margin: 1em 0 0 3.5em; padding:0.15em; width:150px;}*/
    textarea {height:200px; width:400px;}
    fieldset {border:0; margin:0; padding:0;}
    td       {font-size:1.1em;}

/* 2 - Heading, Typography, Links */
    h1, h2, h3 {margin:0; padding:0;}
    h1 {color:#104155; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.4em; margin:0 0 10px 0; padding:0;}
    h2 {color:#104155; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.2em; margin:0 0 10px 0; padding:0;}
    h3 {color:#104155; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.1em; margin:0 0 5px 0; padding:0;}
    p {color:#000; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; line-height:1.6em; margin:0 0 20px 0;}
    p.nospace {margin:0;}

    .error {color:#dd0000; margin:0;}

    #homecontent ul, #content ul, #secondarycontent ul {margin:0 0 0 15px;}
    #homecontent ul li, #content ul li, #secondarycontent ul li {font-size:1.1em; color:#000; list-style-image:url(../_Images/bullet.gif); margin:0 0 5px 0;}

    #homecontent ol, #content ul, #secondarycontent ol {margin:0 0 0 15px;}
    #homecontent ol li, #content ol li, #secondarycontent ol li {font-size:1.1em; color:#000; margin:0 0 5px 0;}

    a {color:#CC0000; font-weight:bold;}
    a:hover {}

    h1 a, h2 a, h3 a {color:#104155; text-decoration:none;}
    h1 a:hover, h2 a:hover, h3 a:hover {color:#CC0000; text-decoration:underline;}

    .icon {padding:15px 0 10px 35px;}
    .iconhome {padding:10px 0 10px 35px;}
    .noiconhome {padding:10px 0 0 0;}

    .associate {display:block; font-size:0.8em; margin:0; padding:0; }
    .location  {    display:block; font-size:0.7em; margin:0; padding:0; color:#333333; font-weight:normal; }
    .overviewlink {  float:right;                   margin:0 0 0 1em; padding:0; color:#333333; font-weight:normal; text-decoration:none;}   
    a:hover.overviewlink {color:#CC0000; text-decoration:underline;}

    .book {background:url(../_Images/book.gif) 0em 0.8em no-repeat;}
    .book_remote {background:url(https://www.teegenius.co.uk/_Images/book.gif) 0em 0.8em no-repeat;}
    .club {background:url(../_Images/club.gif) 0em 0.8em no-repeat;}
    .help {background:url(../_Images/help.gif) 0em 0.8em no-repeat;}
    .info {background:url(../_Images/info.gif) 0em 0.8em no-repeat;}
    .join {background:url(../_Images/join.gif) 0em 0.8em no-repeat;}
    .news {background:url(../_Images/news.gif) 0em 0.8em no-repeat;}
    .offers {background:url(../_Images/special.gif) 0em 0.8em no-repeat;}
    .reviews {background:url(../_Images/reviews.gif) 0em 0.8em no-repeat;}
    .sponsors {background:url(../_Images/sponsors.gif) 0em 0.8em no-repeat;}
    .teegenius {background:url(../_Images/myteegenius.gif) 0em 0.8em no-repeat;}
    .topten {background:url(../_Images/10.gif) 0em 0.8em no-repeat;}
    .travel {background:url(../_Images/travel.gif) 0em 0.8em no-repeat;}
    .weather {background:url(../_Images/weather.gif) 0em 0.8em no-repeat;}
    .voucher {background:url(../_Images/vouchers.gif) 0em 0.8em no-repeat;}
    .contactus {background:url(../_Images/contactus.gif) 0em 0.8em no-repeat;}

    .cancellationPolicy {background-color:#2168AD; color:#fff; font-size:1.1em; padding:5px; margin: 5px 20px 5px 20px;}

/* 3 - Data tables */
    table {margin:5px;}
    table td {padding:2px;}

    table.summary {background-color:#2168AD; color:#fff; font-size:1em; margin:5px 0 20px 0; width:558px;}
    table.summary th {font-weight:bold; padding:2px; text-align:left;}
    table.summary td {font-weight:bold; padding:2px; text-align:left;}
    table.summary a {color:#fff; text-decoration:underline;}

    table.summarypale {background-color:#E0EAF4; color:#08243A; font-size:1em; margin:5px 0 20px 0; width:558px;}
    table.summarypale th {font-weight:bold; padding:2px; text-align:left;}
    table.summarypale td {font-weight:bold; padding:2px; text-align:left;}
    table.summarypale a {color:#08243A; text-decoration:underline;}

    table.times {color:#000; font-size:1.1em; margin:0 0 20px 0; width:558px;}
    table.times caption {color:#08243A; caption-side:top; font-weight:bold; margin:0 0 5px 25px; text-align:left;}
    table.times th {color:#08243A; font-weight:bold; text-align:center;}
    table.times td {padding:8px 0; text-align:center;}
    table.times td p {font-size:0.9em;}
    table.times td.coursename {padding:8px 0; text-align:left;}
    table.times td.unavailable {background-color:#F4F4F4; color:#aaa;}
    table.times td.available {background-color:#E0EAF4;}
    table.times a {}
    
    div.terms th {font-size:1.1em; font-weight:bold;}

    tr.altrow {background-color:#E0EAF4;}
    .coursename {float:left; padding:2px 0 0 12px;}
    .courseicon {float:right; padding:0 40px 0 0}
    
    table.tablewithborder {border:solid 1px #888888; padding:0px;border-spacing:0px; font-size:110%;}
    table.tablewithborder th {border-right:solid 1px #888888; border-bottom:solid 1px #888888; font-weight:bold; padding:5px; }
    table.tablewithborder td {border-right:solid 1px #888888; border-bottom:solid 1px #888888; margin:0px; padding:5px;  }

/* 4 - Generic Styles */
    .image1 {border:2px solid #CC0000; float:left; margin:0 10px 15px 0;}
    .image2 {border:2px solid #CC0000; float:left; margin:0 10px 5px 0;}
    .image3 {border:0;                 float:left; margin:0 10px 15px 0;}

    .lateststuff {background-color:#E8F0F7; border:1px solid #12455E; color:#333; padding:5px;}
    
    .bookingsummary {background-color:#E8F0F7; border:1px solid #12455E; color:#333; padding:15px; text-align:left; margin: 10px auto 10px auto;}
    table.bookingsummary td {vertical-align:top; font-size:1em;}
    
    .headingbar {background-color:#E8F0F7; color:#333; padding:5px}

    .marnone {margin:0px;}
    .padnone {padding:0px;}
    .padrt10 {padding-right:10px;}

    .marrt0 {margin-right:0px;}
    .marrt20 {margin-right:20px;}
    .marrt40 {margin-right:40px;}

    .marlt15 {margin-left:15px;}
    .marlt20 {margin-left:20px;}
    .marlt25 {margin-left:25px;}
    .marlt30 {margin-left:30px;}

    .marbot5 {margin-bottom:5px}
    .marbot10 {margin-bottom:10px}
    .marbot20 {margin-bottom:20px}
    .marbot30 {margin-bottom:30px}
    .marbot40 {margin-bottom:40px}
    .marbot50 {margin-bottom:50px}

    .martop10 {margin-top:10px}
    .martop20 {margin-top:20px}
    .martop30 {margin-top:30px}
    .martop40 {margin-top:40px}
    .martop50 {margin-top:50px}

    .padbot1 {padding-bottom:1px;}
    .padbot10 {padding-bottom:10px}
    .padbot15 {padding-bottom:15px}
    .padbot20 {padding-bottom:20px}
    .padbot30 {padding-bottom:30px}
    .padbot40 {padding-bottom:40px}
    .padbot50 {padding-bottom:50px}
    .padbot100 {padding-bottom:100px}
    .padbot150 {padding-bottom:150px}
    .padbot185 {padding-bottom:185px}
    .padbot200 {padding-bottom:200px}

    .padtop10 {padding-top:10px}
    .padtop20 {padding-top:20px}
    .padtop30 {padding-top:30px}
    .padtop40 {padding-top:40px}
    .padtop50 {padding-top:50px}

    .martop_10 {margin-top:-10px}
    .martop_20 {margin-top:-20px}
    .martop_30 {margin-top:-30px}
    .martop_40 {margin-top:-40px}
    .martop_50 {margin-top:-50px}

    .displayblock {display:block;}
    .positionrelative {position:relative;}
    .floatright {float:right;}
    .floatleft {float:left;}
    .textright {text-align:right;}

    a.btn {text-decoration:none; font-weight:normal; border:1px solid #666; color:#000; background-image:url(../_Images/bkd_btn.gif); font-size:1em; margin:0; padding:0.2em 1em;}
    a:active.btn {border:1px solid #265AA5;}

    /* CSS clearing */
    .clearboth {clear:both;}
    .clearleft {clear:left;}
    .clearright {clear:right;}

    /* Note - there is an alternative class for .clearing within ie7.css for IE7 */
    .clearing:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
    .clearing {display: inline-table;}
    /* Hides from IE-mac €*/
      * html .clearing {height: 1%;}
      .clearing {display: block;}
    /* End hide from IE-mac */
    
    
    .pagenumbers       {font-weight:bold; font-size:1.2em;}
    .pagenumbersbottom {font-weight:bold; font-size:1.2em; text-align:center;}
    
    .currentpagenumber {color:#333333; text-decoration:none;}

#pleaseWait {background-color:#222222; color:#ffffff; z-index:100; float:left; position:absolute; top:100px; left:100px; padding:50px; margin:50px;}