* { outline: none; }

html {
    font: normal normal normal 10pt arial,tahoma,verdana,times;
    background: #333333;
    min-width: 900px;
}

/*
html {
    font: normal 100% arial,tahoma,verdana,times;
    background: #333333;
    min-width: 900px;
}
*/

body {
    font-size: 10pt;
    color: #000000;
    padding: 1em 0 0 0;
    margin: 0;
}

#header, #menuSection, #topSection, #middleSection, #bottomSection, #footer, #instructions {
    clear: both;
}

.clear {
    clear: both;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    visibility: hidden;
}

a { text-decoration: none; color:#0000FF;}
a:hover { text-decoration: underline; }

a.signup { font-weight:bold; }

.squeezer {
    width: 800px;
    margin: 0 auto;
    position: relative;
    border:0px solid purple;
}

#header {
    background-color:#FFFFFF;
    border:0px solid red;
    padding:1.7em 0;
}

#header .squeezer {
    padding: 0.5em 0 0.5em 0;
}

#header h1 { font-weight:normal; margin:1em 0; padding:0; font-size:2em;clear:both; }
#header h2 { font-weight:normal; margin:1em 0; padding:0; font-size:1.5em;clear:both; }
#header h3 { font-weight:normal; margin:1em 0; padding:0; font-size:1.2em;clear:both; }
#header h4 { font-weight:normal; margin:1.5em 0 0 0; padding:0; font-size:1em;clear:both; }
#header h5 { font-weight:normal; margin:0; padding:0; font-size:1em;clear:both; }

#paymentpage h4 { font-weight:normal; margin:1.5em 0 0 0; padding:0; font-size:1.5em;clear:both; }

#middleSection {
    /* background-color:rgb(234,230,212); */
    background-color:#FFFFFF;
    border:0px solid red;
    line-height:1.5em;
}

#middleSection .squeezer {
    padding: 0.5em 0 0.5em 0;
    border:0px solid green;
}

#middleSection .squeezer .contentarea {
    margin-top:1em;
    margin-bottom:2em;
}

#middleSection .squeezer .section {
    clear: both;
}

#middleSection .squeezer .textfield input {
    width:16em;
}

#middleSection .squeezer h4 {
    color:#333333;
    font-size:1.25em;
    font-weight:400;
    margin-top:1.5em;
    padding:0;
}

#settings #middleSection .squeezer h4 { font-weight:normal; margin:1.5em 0 0 0; padding:0; font-size:1.5em;clear:both; }


#menuSection {
    float:left;
    width:100%;
    border:0px solid blue;
    background-color:#A00000;
    border-bottom: 1px solid #666666;
}

#menuSection .squeezer {
    color:#FFFFFF;
}

#menuSection .squeezer span {
    float:left;
    padding:.5em;
    font-weight: normal;
    border-left:3px solid #800000;
    border-right:0px solid #800000;
}

#menuSection .squeezer a {
    color: #FFFFFF;
    font-weight:normal;
    text-transform: capitalize;
}

#menuSection .squeezer .last {
    border-right:3px solid #800000;
}

#menuSection .squeezer .selected {
    /* background-color:#A00000; */
}

#topSection {
    background-color:#C00000;
    border:0px solid green;
}

#topSection .squeezer {
    padding: 1em 0;
    color:#FFFFFF;
    line-height:1.5em;
}

#bottomSection {
    background-color:#666666;
    border:0px solid orange;
}

#bottomSection .squeezer {
    padding: 0.5em 0 0.5em 0;
    color:#FFFFFF;
}

#topSection .squeezer .contentarea {
    margin:1em 0;
}

#topSection .squeezer h2 {
    margin: 0 0.5em 0 0;
    line-height:1em;
    font-size:1.5em;
}

#bottomSection .squeezer .signup {
    color:#FFFFFF;
}


#bottomSection .squeezer .signup .heading {
    margin-top:2em;
}

#bottomSection .squeezer .signup .textfield input {
    width:16em;
}

#bottomSection .squeezer .signup div {
    border:0px solid #000000;
}

#footer {
    border:0px solid purple;
    background-color:#888888;
}

#footer .squeezer {
    padding: 0.5em 0 0.5em 0;
    font-size:.8em;
    font-weight:normal;
}

#footer .squeezer  a {
    color: #333333;
}

#scripterr {
    padding: 1em 0;
    background-color:#A00000;
    color:#FFFF00;
    font-weight:bold;
}

#pageerr {
    background-color:#FFFFC0;
    color:#C00000;
}

#pageerr .squeezer {
    padding:1em 0;
    font-weight:normal;
    color:#C00000;
}

.spacer {
    height:1em;
    border:0px solid red;
}

.signup .heading {
    margin-top:1em;
}

#signupform {
    background-color:#EEEEEE;
    padding:1em;
    margin-top:2em;
    border:1px solid #888888;
}

#signupform #firstname {
    width:200px;
    float:left;
    margin-right: 2em;
}

#signupform #firstname input {
    width:98%;
}

#signupform #lastname {
    width:200px;
    float:left;
    margin-right: 2em;
}

#signupform #lastname input {
    width:98%;
}

#signupform #email {
    width:200px;
    float:left;
}

#signupform #email input {
    width:98%;
}

#signupform #attending {
    padding-top:1em;
    border:0px solid red;
}

#signupform #paymentoptions {
    margin-top:1em;
    clear:both;
}

#signupform #paymentoptions #cost {
    margin-bottom:1em;
}

#signupform h5 {
    color: #333333;
    text-decoration:underline;
    margin-bottom:0.5em;
    margin-top:0;
}

#middleSection .squeezer #signup2 .heading {
    float:left;
    width:200px;
    text-align:right;
    border:0px solid red;
    margin-top:0.5em;
    position:relative;
}

#middleSection .squeezer #signup2 .textfield {
    margin-left:1em;
    float:left;
    width:300px;
    border:0px solid blue;
    margin-top:0.5em;
    padding:0;
    text-align:left;
    position:relative;
}

#middleSection .squeezer #signup2 .commentfield {
    float:left;
    margin-left:1em;
    width:150px;
    border:0px solid green;
    margin-top:0.8em;
    font-size:0.8em;
    position:relative;
}

#middleSection .squeezer #signup2 .textfield input {
    width:100%;
}

#middleSection .squeezer #signup2 .textfield .radio {
    text-align:left;
    width:16px;
    border:none;
}

#middleSection .squeezer #signup2 .textfield select {
    width:50%;
}

#middleSection .squeezer #signup2 .textfield textarea {
    width:100%;
    height:75px;
}

#middleSection .squeezer #signup2 #buttonarea input {
    width:110px;
}

td .registered {
    color:#A00000;
    font-weight:bold;
}

td .registered a {
    color:#A00000;
    font-weight:bold;
}

.verr {
    color:#C00000;
    margin-left:2em;
}

.selecthighlightcolor {
    background-color:#999999;
    cursor:default;
    color:#FFFFFF;

}

.unselecthighlightcolor {
    background-color:#FFFFFF;
    cursor:default;
    color:#555555;
}

.mouseoverhighlight {
    background-color:#999999;
    cursor:default;
    color:#FFFFFF;
}

.mouseovernormal {
    background-color:#FFFFFF;
    cursor:default;
    color:#555555;
}

.sysmsg {
    border:1px solid #000000;
    padding:10px;
    width:500px;
}

#whoscoming {
    width:300px;
}

#overlay img { border: none; }

#overlay { background-image: url(sysimages/overlay.png); }

* html #overlay {
    background-color: #333;
    back\ground-color: transparent;
    background-image: url(blank.gif);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="sysimages/overlay.png", sizingMethod="scale", enabled="true" );
}

#middleSection .squeezer .contentarea #signup2 #section1 {
    background-color:#EEEEEE;
    padding:1.5em 1em;
    font-size:0.9em;
    position:relative;
}

#middleSection .squeezer .contentarea #signup2 #section2 {
    padding:1.5em 1em;
    font-size:0.9em;
    position:relative;
}

#middleSection .squeezer .contentarea #signup2 #section3 {
    background-color:#EEEEEE;
    padding:1.5em 1em;
    font-size:0.9em;
    position:relative;
}

#middleSection .squeezer .contentarea #signup2 #section4 {
    padding:1.5em 1em;
    font-size:0.9em;
    position:relative;
}

#middleSection .squeezer .contentarea #signup2 #section5 {
    padding:1.5em 1em;
    font-size:0.9em;
    position:relative;
    background-color:#EEEEEE;
}

#formarea {
    background-color:#CCCCCC;
    position:relative;
    font-size:1em;
}

#mytools h3 {
    margin-top:2em;
    margin-bottom:0;
}

#clientlistall {
    margin-top:2em;
    margin-bottom:3em;
}

#clientlistall.tableheading {
    font-weight:bold;
}

#clientlistall .classtime {
    font-weight:bold;
}

#clientlistall .tableheading td {
    cursor:default;
    font-size:1.1em;
    line-height:1.33em;
    border-bottom:1px solid #000000;
}

#clientlistall td {
    padding-top:0.7em;
    padding-bottom:0.7em;
    line-height:1.2em;
}

#clientlistall .classcost {
    color:#FF0000;
}

#classcontent {
    font-family: verdana, arial, tahoma;
    font-size:1em;
    line-height:normal;
}

#classcontent table {
    font-family: verdana, arial, tahoma;
    font-size:1em;
    line-height:normal;
}

.bbcontainer {
    float:right;
    font-size:0.8em;
    width:25em;
}

.bb {
    font-family: "Lucida Grande",Lucida, Verdana,Arial,tahoma,Times;
    font-weight:bold;
    cursor:pointer;
    border:0px solid red;
    float:right;
    padding: 0 0.75em;
    text-decoration:none;
    text-align:center;
    border-right:1px solid #FFFFFF;
}

.bb:hover {
    text-decoration:underline;
}

.bblast {
    border-right:0px solid #FFFFFF;
}

#mcpnote {
    color:orange;
    padding:5px 10px;
    border:1px solid #000000;
}

#mcpnote span {
    color:#000000;
}

.titleoption1 {
    color:#CC0000;
}

.titleoption2 {
    color:#0000CC;
}

.titleoption3 {
    color:#00CC00;
}

.titleoption4 {
    color:#CC00CC;
}

.titleoption5 {
    color:orange;
}

.announcementpost {
    background-color:#FFFFC0;
    padding:1em;
    margin-bottom:1em;
    line-height:1.25em;
}

.announcementtime {
    font-size:0.8em;
    color:#888888;
}

.announcementtime span {
    margin-left:2em;
    color:#CC0000;
}

.announcementbody {
    margin-bottom:0.5em;
    color:#333333;
}

#announcementarea a {
    float:right;
    font-size:0.8em;
    border:1px solid #333333;
    padding:0.2em 0.5em;
    background-color:#C00000;
    color:yellow;
    background: url("sysimages/redthemebkg1.gif");

}

.margintop {
    margin-top:1em;
}

#evaluationreport td {
    padding:0 1em;
}

.subnote {
    font-size:0.7em;
    line-height:1.2em;
}