﻿html
{
    background-color:#140202;
}

body
{
    overflow: visible;
    background-color:#140202;
}
body a
    {
        font-family: Arial, Helvetica, sans-serif;
        color: #800000;
    }
    
h1
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-decoration: underline;
    text-align: center;
    font-weight: bold;
}

.defaultMessage
{
    padding: 5px;
    border: 1px solid #990000;
    font-size: 10px;
    font-weight: bold;
    margin: 10px auto 10px auto;
    font-family: Arial, Helvetica, sans-serif;
    font-style: italic;
}
   
.clear
{
    clear: both;
}  

/* widths */
.w100 { width: 100px; }
.w150 { width: 150px; }
.w250 { width: 250px; }
.w300 {width: 300px; }
.w350 {width: 350px; }
.w400 { width: 420px; }
.w450 { width: 450px; }
.w550 { width: 550px; }
.w700 { width: 700px; }
.w750 { width: 750px; }
     
.mainPage
{
    background-color: White;
    font-family: Arial, Helvetica, sans-serif;
    min-height: 600px;
    width:740px;
    margin-left:auto;
    margin-right:auto;
    padding-bottom:10px;
}

.mainPage-ID
{
    margin-left:10px;
    padding-top:10px;
    padding-right:10px;
}   

.Dtex
{
    width: 740px;
    margin: auto;
    padding-top: 5px;
    color: White;
    font-family: Arial, Helvetica, sans-serif;
}   

.Dtex a
{
    color: White;
}  

.problem
{
    padding:10px;
    color:Red;

}

.thankyou
{
    padding:10px;
    /*color:Red;*/

}



.mainPage-register
{
    margin-left:10px;
    height:123px;
    width:123px;
    margin-bottom:10px;     
    float: left;               
}    

.mainPage-email
{
    margin-left:10px;
    height:123px;
    width:123px;
    margin-bottom:10px;     
    float: left;     
}   

.mainPage .heading
{
    margin: 0px; 
    font-size: 34px; 
    padding: 20px 0; 
    text-align: center; 
    border-bottom: 2px solid Black; 
    color: Maroon;
} 

.account-loggedIn
{
    margin-left:10px;
    border:solid 1px #000;
    padding:10px 0 10px 0;
    margin-right:10px;
}

.account-loggedIn .logoutMessage
{
    border: 2px solid #CC0000;
    padding: 5px;
    margin: 0 10px 10px 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #CC0000;
}

.availability
{
    padding-left:10px;
    background-color:#000;
    color:#FFF;
}

.availability-table
{
    background-color:#D3DAED;
    margin-left:10px;
    padding:10px 10px 10px 10px;
}

.availability-table-white
{
    background-color:#FFF;
    padding-top:10px;
    padding-bottom:10px;
    height:20px;

    /*font-weight:bold;*/
}

.availability-table-padding
{
    padding-top:10px;
    padding-bottom:10px;
    height:20px;
}

.update-availability
{
    margin-left:10px; 
    margin-top:10px;
    padding:5px;
    text-align: center;
    /*background-color:#140202;*/
}

.update-availability a
{
    color:#FFF;
    text-decoration:none;
}

.loggedIn-top-menu
{
    margin-left:10px;
    margin-bottom:10px;
}

.loggedIn-top-menu-item
{
    margin-right:5px;
    padding:5px;
    background-color:#140202;
    color:#FFF;
    float:left;
}

.loggedIn-top-menu-item a
{
    color:#FFF;
    text-decoration:none;
}

.right-column
{
    float:right;
    width: 400px;
    padding-right: 5px;
    /*min-height:426px*/
}

.left-column
{
    float:left;
    min-width:250px;
}

    
.Message
    {
        text-align: center;
        padding-top: 20px;
    }
.homeOptions
{
    width: 519px;
    margin: auto;
    padding-top: 15px;
}
.homeChoiceRegister
{
    border: 1px solid #C0C0C0;
    width: 160px;
    padding: 20px 47px 60px 46px;
    height: 160px;
    float: left;
    text-align: center;
    background-color:#D3DAED;    
}  

.homeChoiceRegister-image
{
    width:160px;
    height:160px;
    margin:20px 47px 20px 48px;
    background-image:url('../../images/regnow.png');       
}

.homeChoiceLogin
{
    border: 1px solid #C0C0C0;
    width: 235px;
    height: 240px;
    float: left;
    text-align: center;
    margin-left: 5px;
    background-color:#D3DAED;
    padding-left:20px;
}   

.homeChoiceLogin-text
{
    color:#140202;
    font-weight:bold;
    font-size:20px;
    padding-bottom:10px;
    padding-top: 10px;   
}

.font-smaller
{
   font-size:12px;
   padding-right:2px;
   margin-top:-15px;
   width:70px; 
}

.forgotten-password
{
    margin-top:5px;
    font-size:12px;
    font-weight:bold;
}

.forgotten-password a
{
   text-decoration:none;
}


.login-button
{
    margin-top:-10px;
}

table.homeTable
{
    border-collapse: collapse;
    empty-cells: show;
}

table.homeTable td
{
    border-color: #000000;
    border-right-style: solid;
    border-width: 1px;
    padding: 0 10px 0 10px;
}

.TBox
{
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
}

.stepContainer
{
    border: 2px solid #666666;
    min-height: 400px;
    max-height: 500px;
    width: 800px;
    background-color: #FFFFFF;
    position: relative;
    font-family: Arial, Helvetica, sans-serif;
}


.stepControls
{
    border-color: #999999; 
    padding-top: 10px;
    padding-bottom: 5px;
    margin: auto;
    margin-top: 10px;
    border-top-style: solid;
    border-top-width: 2px;
    width: 750px;
}

.stepProgress
{
    top: 10px;
    right: 10px;
    width: 215px;
    float: right;
}

.stepContent
{
    margin-top: 5px;
    padding: 0 10px 10px 10px;
    text-align: left;
    font-size: 13px;
    min-height: 350px;
    max-height: 440px;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
}

.stepContent h1
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #800000;
    margin: 0px;
    padding: 0px;
    line-height: 25px;
}

.stepContent .instructions
{
    padding: 5px;
    border: 1px solid #666666;
    font-size: 12px;
    font-weight: bold;
    margin: 5px 0 5px 0;
}

.stepContent .instructions2
{
    padding: 5px;
    border: 1px solid #990000;
    font-size: 12px;
    font-weight: bold;
    margin: 5px 0 5px 0;
    font-family: Arial, Helvetica, sans-serif;
}

.Termsinstructions
{
    padding: 5px;
    border: 1px solid #990000;
    font-size: 12px;
    font-weight: bold;
    margin: 5px 0 5px 0;
    text-align: left;
}

.stepContent .error
{
    padding: 5px;
    border: 1px solid #FF0000;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 5px;
    font-family: Arial, Helvetica, sans-serif;
    color: #800000;
    clear: both;
}

.stepContent .required
{
    font-size: 10px;
    color: #FF0000;
    font-weight: bold;
    vertical-align: top;
}

.stepContent .legal
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-style: italic;
    border: 1px solid #C0C0C0;
    padding: 5px;
    margin: 5px;
    clear: both;
    color: #808080;
}

.stepContent .stepGap
{
    padding-top: 10px;
    clear: both;
}

.stepContent .stepHeader
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    background-color: #800000;
    padding: 5px;
}

.stepContent .step2Tag
{
    width: 150px;
    float: left;
    clear: left;
    padding-top: 5px;
    height: 17px;
}

.stepContent .step2Data
{
    width: 600px;
    float: left;
}

.stepContent .qBox
{
    padding: 5px;
    border: 1px solid Black;
    margin: 10px 0px;
    clear: both;
}

.stepContent .qBox .qTitle
{
    font-weight: bold;
    text-decoration: underline;
    margin-bottom: 10px;
}

.stepContent .stepCol
{
    width: 375px;
    float: left;
}

.stepContent .step3Tag
{
    width: 100px;
    float: left;
    padding-top: 5px;
    height: 17px;
}

.stepContent .step3TagLong
{
    width: 200px;
    float: left;
    padding-top: 5px;
    height: 17px;
}

.stepContent .step3Data
{
    width: 250px;
    float: left;
}

.stepContent .step3DataLong
{
    width: 400px;
    float: left;
}

.stepContent .shortData
{
    width: 100px;
    float: left;
}

.stepContent .step4TagLong
{
    width: 250px;
    float: left;
    padding-top: 5px;
    height: 17px;
    clear: left;
}

.stepContent .step4TagNoWidth
{
    float: left;
    padding-top: 5px;
    min-height: 17px;
    margin-bottom: 10px;
}

.stepContent .step4History
{
    width: 700px;
    clear: both;
    margin: auto;
}

.stepContent .step4History .historyLabel
{
    float: left;
    padding: 5px 0 5px 0;
    margin-bottom: 5px;
    background-color: Gray;
    color: White;
    font-weight: bold;
}

.stepContent .step4History .dateLabel
{
    width: 150px;
    float: left;
}

.stepContent .step4History .descLabel
{
    width: 300px;
    float: left;
}

.stepContent .step4History .dateInput
{
    width: 150px;
    float: left;
}

.stepContent .step4History .descInput
{
    width: 300px;
    float: left;
}

.stepContent .step4History .controls
{
    width: 90px;
    padding-left: 10px;
    float: left;
}

.stepContent .step5Table
{
    border-collapse: collapse;
    border-spacing: 0px;
    border: 1px solid #666666;
    width: 700px;
    margin: auto;
    empty-cells: show;
}

.stepContent .step5Cell
{
    border: 1px solid #808080;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    vertical-align: top;
}

.stepContent .step6Cell
{
    border: 1px solid #808080;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    vertical-align: top;
    text-align: left;
    padding: 0 5px 0 5px;
}


/* Popup forms */
.closeButton
{
    float: right;
    padding: 1px;
    cursor: hand;
}

.detailsPanel
{
    font-family: Arial, Helvetica, sans-serif;
    background-color: #FFFFFF;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-width: thin;
    border-color: #C0C0C0;
    padding: 20px 5px 20px 5px;
}

.dpsmall { width: 394px; }
.dplarge { width: 794px; }

.detailsHeader
{
    text-align: center;
    background-color: #808080;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    border: medium groove #C0C0C0;
    height: 20px;
    cursor: move;
    padding-top: 3px;
}

.dhsmall { width: 400px; }
.dhlarge { width: 800px; }

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
	z-index: 90;
}

/* Calendar Controls */
.MyCalendar .ajax__calendar_container {
    border:1px solid #646464;
    background-color: lemonchiffon;
    color: red;
}
.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
    color: black;
    font-weight:bold;
}

/*WaterMark Extender */
.watermark
{
    font-size: 12px;
    color: Silver;
}

.watermark2
{
    font-size: 12px;
    color: Silver;
    margin-top: -5px;
    margin-bottom: 10px;
    clear: both;
}

/*CollapsiblePanel*/
.collapsePanel
{
    border-width: 1px;
    border-color: #666666;
    background-color: white;
    overflow: hidden;
    padding: 0px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    margin: auto;
}

.collapsePanelHeader
{
    padding: 3px;
    color: #FFF;
    font-weight: bold;
    font-size: 12px;
    background-color: #666666;
    margin: auto;
    position: relative;
    height: 18px;
}

.collapseGap
{
    height: 5px;
}

.resetPassBody
{
    width: 740px;
}

.resetPassBody .instructions
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    border: 2px solid #808080;
    padding: 5px;
    width: 500px;
    margin: auto;
    margin-top:10px;
}

.resetPassBody .input
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 5px;
    width: 300px;
    margin: auto;
    /*margin-top: 20px;*/
}

.resetPassBody-box
{
    padding:10px;
    background-color:#D3DAED;
    width:300px;
    margin:auto;
    margin-top:10px;    
}

.progress
{
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    position: absolute;
    left: 350px;
    background-color: White;
    border: solid 2px darkred;
    padding: 5px;
    width: 100px;
    top: 200px;
}

.terms
{
    border: 1px solid #FFFFFF;
    padding: 2px;
    width: 363px;
    background-color: #140202;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    text-align: center;
    margin-bottom: 5px;
}

.terms-left 
{
        float: left;
    }

.terms-right
{
    float: right;
}

.terms a
{
    color: White;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}
    
/* Terms */
p.TempTerms
{
    margin-top:0cm;
	margin-right:0cm;
	margin-bottom:10.0pt;
	margin-left:0cm;
	font-size:11.0pt;
	font-family:"Calibri","sans-serif";
	text-align: left;
	color: Black;
}
