﻿body {
    background-color: #FFF;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    color: #2f61a3;
}
#logo
{
    background-image: url(../images/Main.png);
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    width: 200px;
    height: 123px;
}

.ErrorControl
    {
        background-color: #FBE3E4;
    }
.ValidControl {
    background-color: #99FF99;
}
#PageTitle
{
    
    font-size: large;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
}
.bodytext
{
    font-size: small;
}
.Medium
{
    font-size: medium;
    font-weight: bold;
}
.HeaderText
{
    font-size: large;
    font-weight: bold;
}
.BookingRef
{
    padding: 2px;
    margin: 2px;
    background-color: White;
    border-color: Red;
    border-style: Solid;
    border-width: 2px;
    height: 18px;
    font-weight: 700;
    color: #FF0000;
    width: 54px;
}
.InputTable {
    width: 500px;
    border: 1pt solid #2f61a3;
    text-align: center;
    background-color: #2f61a3;
    padding: 1px;
    border-spacing: 0;
    font-weight: normal;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.WarningText
{
    color: #FF0000;
}
th a {
    text-decoration: none;
}
.WarningTextAlt
{
    color: #FF0000;
    font-weight: bold;
    background-color: White;
}
.inputTableLeftCells {
    font-size: small;
    color: #FFFFFF;
    border: 1pt solid #2f61a3;
    text-align: right;
    background-color: #2f61a3;
}
.inputTableLeftCellsTop {
    font-size: small;
    color: #FFFFFF;
    border: 1pt solid #2f61a3;
    text-align: right;
    background-color: #2f61a3;
    border-top-left-radius: 8px;
}
.inputTableLeftCellsBottom {
    font-size: small;
    color: #FFFFFF;
    border: 1pt solid #2f61a3;
    text-align: right;
    background-color: #2f61a3;
    border-top-right-radius: 8px;
}
.inputTableRightCells {
    padding: 0 2px 0 2px;
    font-size: small;
    color: #000000;
    border: solid #d4dff4;
    border-width: 1pt 0 1pt 0;
    text-align: left;
    width: 350px;
    background-color: #cad8f2;

}

.inputTableRightCellsTop {
    padding: 0 2px 0 2px;
    font-size: small;
    color: #000000;
    border: solid #d4dff4;
    border-width: 1pt 0 1pt 0;
    text-align: left;
    width: 350px;
    background-color: #cad8f2;
    border-top-right-radius: 8px;
}

.inputTableRightCellsBottom {
    padding: 0 2px 0 2px;
    font-size: small;
    color: #000000;
    border: solid #d4dff4;
    border-width: 1pt 0 1pt 0;
    text-align: left;
    width: 350px;
    background-color: #cad8f2;
    border-bottom-right-radius: 8px;
}

.inputTableLeftCellsAlt {
    font-size: small;
    color: #000000;
    border: 1pt solid #cddbf3;
    text-align: right;
    width: 350px;
    background-color: #cad8f2;
    /*background-image: url(../images/tablerow.gif);
    background-repeat: repeat-x;*/
}
.inputTableLeftCellsAltTop {
    font-size: small;
    color: #000000;
    border: 1pt solid #cddbf3;
    text-align: right;
    width: 350px;
    background-color: #cad8f2;
    /*background-image: url(../images/tablerow.gif);
    background-repeat: repeat-x;*/
    border-top-left-radius: 8px;
}
.inputTableLeftCellsAltBottom {
    font-size: small;
    color: #000000;
    border: 1pt solid #cddbf3;
    text-align: right;
    width: 350px;
    background-color: #cad8f2;
    /*background-image: url(../images/tablerow.gif);
    background-repeat: repeat-x;*/
    border-bottom-left-radius: 8px;
}
.inputTableRightCellsAlt
{
    padding-bottom: 1px;
    font-size: small;
    color: #FFFFFF;
    border: 1pt solid #2f61a3;
    text-align: left;
    width: 150px;
    background-color: #2f61a3;
    font-weight: normal;
}
.inputTableRightCellsAltTop {
    padding-bottom: 1px;
    font-size: small;
    color: #FFFFFF;
    border: 1pt solid #2f61a3;
    text-align: left;
    width: 150px;
    background-color: #2f61a3;
    font-weight: normal;
    border-top-right-radius: 8px;
}
.inputTableRightCellsAltBottom {
    padding-bottom: 1px;
    font-size: small;
    color: #FFFFFF;
    border: 1pt solid #2f61a3;
    text-align: left;
    width: 150px;
    background-color: #2f61a3;
    font-weight: normal;
    border-bottom-right-radius: 8px;
}
.inputTableBottomRow {
    font-size: small;
    color: #FFFFFF;
    border: 1pt solid #2f61a3;
    text-align: center;
    background-color: #2f61a3;
    height: 18px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}
.inputTableBottomAlt {
    font-size: small;
    border: 1pt solid #cddbf3;
    background-color: #cad8f2;
    /*background-image: url(../images/tablerow.gif);
    background-repeat: repeat-x;*/
    text-align: left;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}
.tableHighlight
{
    background-color: #99FF66;
    cursor: pointer;
    background-image: url('../images/tablerowhlight.gif');
    background-repeat: repeat-x;
}
.tableheader {
    background-color: #2f61a3;
    border-color: #2f61a3;
    height: 30px;
    /*background-image: url('../images/tableheader.gif');
    background-repeat: repeat-x;*/
    color: #FFFFFF;
}
.tableleftheader
{
    background-color: #99CCFF;
    background-image: none;
    border-bottom-style: none;
    border-left-style: none;
    border-top-style: none;
}
.tableleft {
    background-color: #2f61a3;
    border-bottom-style: none;
    border-left-style: none;
    border-top-style: none;
}
.tablefooter
{
    background-color: #2f61a3;
    background-image: url(../images/tablefooter.gif);
    background-repeat: repeat-x;
    color: #FFFFFF;
}
.tableRow
{
    background-color: #EFF3FB;
    /*background-image: url(../images/tablerow.gif);
    background-repeat: repeat-x;*/
    font-weight: normal;
    color: #000000;
}
.tableRowAlt
{
    background-color: White;
    background-image: url(../images/tablerowalt.gif);
    background-repeat: repeat-x;
    font-weight: normal;
    color: #000000;
}
.tableRowSel
{
    background-color: #D1DDF1;
    font-weight: bold;
    background-image: url(../images/tablerowsel.gif);
    background-repeat: repeat-x;
    color: #0000FF;
}
.tableQtyGood
{
    background-color: #66FF66;
    background-image: url(../images/tableqtyhigh.gif);
    background-repeat: repeat-x;
}

.tableInterest {
    background-color: #73C6FF;
    font-weight: bold;
    background-image: url(../images/tableInterest.gif);
    background-repeat: repeat-x;
    color: #FFFFFF;
}
.tableQtyLow
{
    background-color: #FFFF66;
    background-image: url(../images/tableqtylow.gif);
    background-repeat: repeat-x;
    font-weight: bold;
}
.tableQtyOne
{
    background-color: #FFCC78;
    background-image: url(../images/tableqtyone.gif);
    background-repeat: repeat-x;
    font-weight: bold;
}
.tableQtyNone {
    background-color: #FF0000;
    background-image: url('../images/tableqtynone.gif');
    background-repeat: repeat-x;
    font-weight: bold;
    color: #FFFFFF;
}
.stdbutton
{
    height: 25px;
}

.centered {
    border: solid 1px #2f61a3;
    height: 60px;
    width: 100px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -55px;
    margin-top: -55px;
    z-index: 1001;
    background-color: #F2F9FF;
    font-family: 'Open Sans', sans-serif;
    font-size: small;
    font-weight: bold;
    color: #2f61a3;
    text-align: center;
}
.TopRight
{
    border-style: none;
    border-color: inherit;
    border-width: 0;
    width: 200px;
    height: 123px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
.TopLeft
{
    border-style: none;
    border-color: inherit;
    border-width: 0;
    width: 300px;
    height: 50px;
    position: absolute;
    Left: 0;
    top: 0;
    z-index: 1000;
    text-align:left ;

}
.modalBackground {
    background-color: #333333;
    filter: alpha(opacity=40);
    opacity: 0.5;
}
.ModalWindow
{
    border: solid 1px #c0c0c0;
    background: #f0f0f0;
    padding: 0 10px 10px 10px;
    position: absolute;
    top: -1000px;
}
.LoginPanel 
{
    border: 1px solid #2f61a3;
    width: 504px;
    position: fixed;
    left: 50%;
    top: 50%;
    background-color: #2f61a3;
    text-align: center;
    margin-left: -252px;
    margin-top: -50px;
}
.LoginPanel1 {
    border: 1px solid #2f61a3;
    width: 504px;
    position: fixed;
    left: 50%;
    top: 50%;
    background-color: #2f61a3;
    text-align: center;
    margin-left: -252px;
    margin-top: -50px;
}
.PayPalPanel {
    border: solid 1px #99CCFF;
    height: 150px;
    width: 400px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -200px;
    margin-top: -75px;
    z-index: 1001;
    background-color: #F2F9FF;
    font-family: 'Open Sans', sans-serif;
    font-size: small;
    color: #000;
    text-align: center;
}
.radioboxlist radioboxlistStyle {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.radioboxlist label {
    display: inline-block;
    margin-bottom: 0;
    margin-left: -20px;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    color: #fff;
    background-color: #2f61a3;
    border-color: #1a365a;
    width: 295px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 6px;
}

    .radioboxlist label:hover {
        color: #fff;
        background-color: #1a365a;
        border-color: #450064;
    }

input:checked + label {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    background-color: #5bc0de;
    border-color: #46b8da;
    color: #000;
}

.radioboxlist input {
    visibility: hidden;
}