@charset "utf-8";
/* CSS Document */

a:link {
color: #093D72;
text-decoration: none;
font-weight: bold;
}
a:visited {
text-decoration: none;
color: #093D72;
font-weight: bold;
}
a:hover {
text-decoration: none;
color: #C9490C;
font-weight: bold;
}
a:active {
text-decoration: none;
color: #C9490C;
font-weight: bold;
}

.button a:link {
color: #FFFFFF;
font-size: 12px;
text-decoration: none;
background-image: url(Button.png);
padding: inherit;
font-size:inherit;
}
.button a:visited {
color: #FFFFFF;
font-size: 12px;
text-decoration: none;
padding: inherit;
font-size:inherit;
}
.button a:hover {
color: #D83A1B;
font-size: 12px;
text-decoration: none;
background-image: none;
padding: inherit;
font-size:inherit; 
}
.button a:active {
color: #FFFFFF;
font-size: 12px;
text-decoration: none;
padding: inherit;
font-size:inherit;
}

#regbutton {
margin-top: 10px;
float: left;
padding: 10px;
}

#loginbutton {
float: left;
font-size: 10px;
padding: 5px;
}

input [type="text"] {
width: 155px;
}

select {
width: 155px;
}

html {
background: url(Sitebackground.png) repeat-x;
}

#doc4 {
margin-top: 20px;
}

#hd {
clear: both;
margin: 0;
}

#bd {
clear: both;
margin: 0;
background: url(side.png) repeat-y;
padding: 0 16px 0 22px;
width: 936px;
float: left;
}

#ft {
background: url(bottom1.png) no-repeat;
height: 350px;
width: 974px;
float: left;
}

#logobar {
background: url(top6.png) no-repeat;
height: 200px;
}

#score {
background: url(Score48.png) no-repeat;
height: 105px;
width: 225px;
float: right;
}

#numbersu {
padding: 70px 0 0 55px;
font-weight: bold;
font-size: 10px;
color: #284D8C;
}

#view {
height: 50px;
width: 200px;
float: right;
}

#textview {
position: relative;
float: right;
height: 22px;
padding: 28px 24px 0 0;
font-size: 77%;
font-weight: bold;
}

#iconview {
position: relative;
float: right;
height: 26px;
padding: 24px 7px 0 0;
}

#date {
height: 20px;
width: 200px;
float: left;
padding: 30px 0 0 24px;
top: 0px;
left: 0px;
font-size: 77%;
}

#logincontainer {
height: 80px;
width: 40px;
float:right;
padding: 20px 23px 0 0px;
top: 0px;
left: 0px;
text-align:right;
z-index: 600;
}

#menubar {
width: 974px;
height: 30px;
background-image: url(menubg.png);
}

#leftmenubar {
position: relative;
float: left;
padding: 220px 0 0 0;
width: 220px;
height: 400px;
}

#leftmenustyle {
position: relative;
float: left;
padding: 30px 10px 30px 10px;
width: 200px;
}

#leftmenustyle ul {
margin: 0;
padding: 0;
}  

#leftmenustyle li {
padding: 0 0 0.3em 0.8em;
list-style-type: none;
}  

#space {
height: 70px;
width: 100%;
color:#FFFFFF;
}

#space1 {
float: left;
height: 170px;
width: 100%;
color:#FFFFFF;
}

#space2 {
float: left;
height: 20px;
width: 100%;
color:#FFFFFF;
}

#space3 {
float: left;
height: 10px;
width: 100%;
color:#FFFFFF;
}

#space4 {
float: left;
height: 30px;
width: 100%;
color:#FFFFFF;
}

#space5 {
float: left;
height: 100px;
width: 100%;
color:#FFFFFF;
}

#space6 {
float: left;
height: 185px;
width: 100%;
color:#FFFFFF;
}

#space7 {
float: left;
height: 40px;
width: 100%;
color:#FFFFFF;
}

#space8 {
float: left;
height: 220px;
width: 100%;
color:#FFFFFF;
}

#bottomspace {
position: relative;
float:left;
height: 200px;
width: 100%;
}

#introduction {
width: 100%;
padding: 0 0 0 5px;
}

#introduction h1 {
margin: 0px;
line-height: 30px;
font-size: 22px;
font-weight: 300;
letter-spacing: 0;
color: #0066CC;
}

#introduction h2 {
margin: 0 0 0 0;
line-height: 30px;
font-size: 22px;
font-weight: 300;
color: #0066CC;
}

#introduction h3 {
margin: 10px 0 0 10px;
text-indent: -10px;
font-weight: normal;
font-size: 14px;
}

#introduction h4 {
margin: 0 0 0 0px;
font-size: 12px;
color: #666666;
}

#usercontent {
background-image: url(usercontentbg.png);
background-repeat: no-repeat;
padding: 20px 0 0 30px;
width: 650px;
float: left;
}

#mainpicture {
background-color: #FFFFFF;
position: relative;
float: left;
padding: 0 0 0 0;
margin: 0px;
}

#mainpicturetext {
height: 110px;
padding: 30px 60px 0 100px;
margin: 0px;
line-height: 16px;
}

#mainpicturetext h1 {
margin: 0px;
line-height: 30px;
font-size: 22px;
font-weight: 300;
letter-spacing: 0;
color: #0066CC;
}

#advertisingheadline {
border-top: 4px solid #CCC;
color: #000000;
width: 300px;
position: relative;
float: right;
}

#advertisement {
position: relative;
float: right;
width: 286px;
padding: 3px 7px 10px 7px;
border-top: 1px dotted #CCC;
}

#Icon {
position: relative;
float: left;
}

#SortBox {
position: relative;
float: right;
padding: 15px 0px 0px 0px;
width: 300px;
}

#SearchBox {
position: relative;
float: right;
padding: 15px 0px 0px 0px;
width: 300px;
}

#SBHeader {
position: relative;
float: left;
padding: 7px 0px 0px 7px;
height: 25px;
width: 293px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 93%;
color: #000000;
vertical-align: middle;
background-image: url(sbx-bg-header300.png);
}

#SBBody {
position: relative;
float: left;
padding: 0px 0px 0px 0px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 93%;
color: #000000;
}

#SBLine {
position: relative;
float:left;
padding: 4px 0px 0px 0px;
height: auto;
background-image: url(sbx-bg-lineslice300.png);
}

#SBLabel {
position: relative;
float:left;
width: 113px;
padding: 0px 0px 0px 7px;
height: auto;
}

#SBField {
position: relative;
float:left;
width: 173px;
padding: 0px 0px 0px 7px;
height: auto;
}

#SBFooter {
position: relative;
float: left;
padding: 8px 0px 0px 0px;
height: 27px;
width: 300px;
background-image: url(sbx-bg-footer300.png);
}

#Table {
position: relative;
float: left;
padding: 0px 0px 0px 10px;
}

#TableHeader {
position: relative;
float:left;
padding: 8px 0px 0px 0px;
height: 24px;
font-weight: bold;
font-size: 93%;
color: #000000;
vertical-align: middle;
background-image: url(headerslice.png);
}

#TableBody {
position: relative;
float:left;
padding: 0px 0px 7px 0px;
font-size: 85%;
color: #000000;
height: auto;
border-bottom: 1px solid #B4B3B7;
}

#TableHeader, #TableBody, #TableYearHeader, #TableYearBody, #TableDayHeader, #TableDayBody, #TableBodyStaff, #TableHeaderStaff, #TableBodyResident, #TableHeaderResident {
border-left: 1px solid #B4B3B7;
border-right: 1px solid #B4B3B7;
}

#Line, #DateLine {
position: relative;
float:left;
padding: 2px 0px 4px 0px;
border-top: #BED4E8 1px dotted;
vertical-align: text-top;
height: 20px;
}

#Field1, #Field2, #Field3, #Field4, #Field5, #Field6, #Field7, #Field8, #Field9 {
position: relative;
float:left;
height: auto;
}

#TableFooter {
padding: 0px 0px 0px 0px;
height: 25px;
}

#rightbox {
position: relative;
float: right;
font-size: 77%;
}

#leftbox {
position: relative;
float: left;
font-size: 77%;	
}

#Form, #FormHeader, #FormTitle, #FormSubTitle, #FormSubHeader, #FormDateLabel, #FormCommentHeader, #FormSubjectHeader, #FormSubjectLabel, #FormTagsLabel, #FormNameLabel, #FormAuthorLabel, #FormTypeLabel, #FormTimeLabel, #FormLocationLabel, #FormCBLabel, #FormFooterLabel, #FormSubject, #FormAuthor, #FormDate, #FormMessage, #FormComment, #FormCommentHeader, #FormDescriptionLabel, #FormDescription, #FormDetail, #FormLabel, #FormDetail, #FormFooter, #FormFooterLabel, #FormFootNote, #FormName, #FormType, #FormTime, #FormLocation, #FormCB, #FormField, #FormFieldLabel, #FormRequest, #FormUnit, #FormSender, #FormRequestLabel, #FormFromLabel, #FormUnitLabel, #FormTo, #FormToLabel, #FormInstructions, #FormInstructionsLabel, #FormStandingInstructions, #FormStandingInstructionsLabel, #FormNotes, #FormNotesLabel, #FormInputField, #FormLine {
position: relative;
float: left;
} 

#FormHeader {
height: 23px;
font-weight: bold;
font-size: 93%;
color: #000000;
vertical-align: middle;
background-image: url(msg-bg-header-verticalslice.png);
border-left: 1px solid #B4B3B7;
border-right: 1px solid #B4B3B7;
}

#FormTitle {
padding: 1px 0px 0px 0px;
}

#FormSubTitle {
font-style: italic;
}

#FormSubHeader, #FormCommentHeader, #FormLine {
font-weight: normal;
font-size: 85%;
background-image: url(lineslice-vertical-blue.png);
border-left: 1px solid #B4B3B7;
border-right: 1px solid #B4B3B7;
}

#FormCommentHeader {
border-top: 1px solid #B4B3B7;
}

#FormSubjectHeader {
height: 26px;
font-size: 85%;
background-image: url(lineslice-vertical-blue.png);
border-left: 1px solid #B4B3B7;
border-right: 1px solid #B4B3B7;
}

#FormSubject {
font-weight: normal;
}

#FormAuthor {
font-size: 85%;
font-weight: normal;
text-align: right;
}

#FormDate {
font-weight: normal;
}

#FormMessage {
border-left: 1px solid #B4B3B7;
border-right: 1px solid #B4B3B7;
}

#FormComment, #FormDescription, #FormRequest, #FormInstructions {    
background-image: url(lineslice-vertical-blue.png);
border-left: 1px solid #B4B3B7;
border-right: 1px solid #B4B3B7;
}

#FormDetail, #FormRating {
font-size: 85%;
}

#FormFooter {
height: 27px;
background-image: url(msg-bg-footer.png);
}

#FormFootNote {
font-size: 77%;
}

#FormField {
font-size: 100%;
}

label {
float: left;
width: 10em;  
margin-right: 1em;
font-size: 93%;
display: block;
} 

fieldset {
float: left;
clear: both;
width: 100%;
margin: 1em 0 1em 0;   
padding: 0 0 0 0;
background: #FFFFFF;
border: 1px solid #8F9DA8;
}  

legend {   
margin: 0 0.3em 0.3em 0.3em;   
color: #000000;   
font-weight: bold;
}  

fieldset ol {
float: left;
padding: 0.3em 1em 0.3em 0em;
}  

fieldset li {
float: left;
list-style: none;   
padding: 0 0em 0.3em 0em;
width: 100%;
}  

.footer a:link {
color: #FFFFFF;
text-decoration: none;
}
.footer a:visited {
color: #FFFFFF;
text-decoration: none;
}
.footer a:hover {
color: #FFFFFF;
text-decoration: underline;
}
.footer a:active {
text-decoration: none;
}

#footerline {
position: relative;
float: left;
width: 934px;
padding: 0 20px 0 20px;
}

#footerheadline {
position: relative;
float: left;
width: 924px;
padding: 2px 0px 4px 11px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 14px;
color: #000000;
border-bottom: 1px dotted #BED4E8;
vertical-align: text-top;
height: 2px;
}

#footerbox1 {
position: relative;
float: left;
height: 210px;
padding: 2px 0 0 0px;
border-top: 4px solid #3B6A9F;
}

#footerbox1a {
position: relative;
float: left;
width: 120px;
padding: 2px 0 0 0px;
}

#footerbox1b {
position: relative;
float: left;
width:380px;
padding: 2px 0 0 0px;
}

#footerbox1c {
position: relative;
float: left;
width:430px;
padding: 2px 0 0 0px;
}

#footerbox2 {
position: relative;
float: left;
font-size: 77%;
height: 35px;
width: 920px;
padding: 10px 7px 0 7px;
color: #FFFFFF;
}

#footerlistbox1 {
position: relative;
float: left;
width: 80px;
padding: 0px 10px 0 10px;
}

#footerlistbox2 {
position: relative;
float: left;
width: 140px;
padding: 0px 10px 0 10px;
}

#footerlistbox3 {
position: relative;
float: left;
width: 100px;
padding: 0px 10px 0 10px;
}

#footerlistbox4 {
position: relative;
float: left;
width: 60px;
padding: 0px 10px 0 10px;
}

#footerlistbox5 {
position: relative;
float: left;
width: 80px;
padding: 0px 10px 0 10px;
}

#footerlistbox6 {
position: relative;
float: left;
width: 100px;
padding: 0px 10px 0 10px;
}

#footerlistbox7 {
position: relative;
float: left;
width: 100px;
padding: 0px 10px 0 10px;
}




.footermenu ul {
margin: 0;
padding: 0;
}  

.footermenu li {
position: relative;
float: left;
display:block;
width: 100%;
line-height: 20px;
padding: 0 0px 0 0px;
font-size: 80%;
list-style-type: none;
}

.footermenu #icon {
position: relative;
float: left;
height: 20px;
padding: 5px 4px 0 0px;
}

#footersubheader{
margin: 0;
font-size: 90%;
font-weight: 700;
height: 17px;
width: 325px;
border-bottom: 1px solid #000000;
}

.footermenu a:link {
color: #000000;
text-decoration: none;
}
.footermenu a:visited {
color: #000000;
text-decoration: none;
}
.footermenu a:hover {
color: #000000;
text-decoration: underline;
}
.footermenu a:active {
text-decoration: none;
}

#left {
float: left;
text-align: left;
width: 40%;
}

#right {
float: right;
text-align: right;
width: 40%;
}

a.tooltip {
position: relative;
z-index: 2000;
font-weight: 500;
}

a.tooltip span {
display: none;
}

a.tooltip:hover span {
display: block;
position: absolute;
bottom: 0em;
left: 3em;
padding: 0.2em 0.6em;
width: 20em;
line-height: 16px;
border: 1px solid #ccc;
background-color: #FFFFCC;
color:#000000;
}

.yui-b {
padding: 0 24px 0 0;
}

.menu #icon {
float:left; 
position:relative;
height: 20px;
padding: 5px 6px 0 0px;
}

.menu ul li:hover ul li a #icon {
float:left; 
position:relative;
padding: 0 6px 0 0px;
}

/**Style Sheet Functionality for Vista-Like Toolbar **/

img{ border: 0pt; }
.menu {
float:left;
padding:0;
margin:0;
z-index:1020; 
font: bolder 12px 'Trebuchet MS','Arial';
} /*Color navigation bar normal mode*/
.menu  a, .menu a:visited {
text-decoration: none;
z-index:1020; 
}
.menu ul {
position:relative;
float:left;
line-height:30px;
list-style:none;
margin:0 0 0 0px;
padding: 0 0 0 30px; 
width: 944px;
z-index:1020; 
}
.menu ul li {
float:left; 
position:relative;
z-index:auto !important ; 
z-index:1030 ;
display:inline;
padding:0;
}
.menu ul li a {
color: #FFFFFF;
float:none !important ;
float: left;
display:block; 
height: 30px; 
line-height: 30px; 
padding:0 20px 0 20px;
border-left: 1px solid #000000;
text-decoration:none;
}

.menu ul li #first a {
float:left; 
position:relative;
padding: 0 20px 0 20px;
border-left: none;
}
.menu ul li:hover ul li #first a {
float:left; 
position:relative;
padding: 0 20px 0 20px;
border-left: none;
}

.menu ul li ul {
display:none; 
border:none;
width: 0px; /*ensures that submenus are shown below each other*/
}
.menu ul li:hover ul {
display:block;  
position:absolute; 
z-index:1020; 
top:29px; 
margin-top:1px; 
left:0;
}
.menu ul li:hover ul li a {
display: block; 
width:12em; 
height:auto; 
line-height:1.3em; 
margin-left:-30px; 
padding:5px 10px 5px 20px;
background-image:none;
background-color: #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
font-weight:normal;
color: #FFFFFF;
z-index:1020; 
} /*Color subcells normal mode*/

.menu ul li:hover ul li a:hover {
text-decoration:none;
color:#F26522;
background-color:#FFFFFF;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
} /*Color subcells hovering mode*/

.menu ul li a:hover {
background-image: url(menubgwhite.png);
color: #000000;
text-decoration:none;
} /*Color main cells hovering mode*/

.menu ul li a:hover ul {
display:block; 
width:10em; 
position:absolute; 
z-index:1020; 
top:29px; 
left:0; 
z-index:1020; 
}
.menu ul li ul li a:visited { 
color: #FFFFFF;
} /*Color subcells normal mode*/

.menu ul li a:hover ul li a {
display:block; 
width:10em; 
height:1px; 
line-height:1.3em; 
padding:4px 16px 4px 16px;
z-index:1020; 
}
.menu ul li a:hover ul li a:hover {
text-decoration:none;
background-color: #660066;
z-index:1020;
} /*Color subcells hovering mode*/

/* Styling of a tab when active page is at relevant tab */
#start .menu .start a,
#internet .menu .internet a,
#service .menu .service a,
#plans .menu .plans a,
#resources .menu .resources a,
#login .menu .login a,
#order .menu .order a,
#reservations .menu .reservations a,
#surveys .menu .surveys a,
#concierge .menu .concierge a,
#club .menu .club a,
#callrouting .menu .callrouting a,
#conferencing .menu .conferencing a,
#news .menu .news a,
#events .menu .events a,
#forums .menu .forums a,
#marketplace .menu .marketplace a,
#guide .menu .guide a,
#building .menu .building a,
#email .menu .email a,
#phone .menu .phone a {
background-image: url(menubgwhite.png);
color:#000000;
text-decoration: none;
}

#start .menu .start ul li a,
#internet .menu .internet ul li a,
#service .menu .service ul li a,
#plans .menu .plans ul li a,
#resources .menu .resources ul li a,
#login .menu .login ul li a,
#order .menu .order ul li a,
#reservations .menu .reservations ul li a,
#surveys .menu .surveys ul li a,
#concierge .menu .concierge ul li a,
#club .menu .club ul li a,
#news .menu .news ul li a,
#events .menu .events ul li a,
#forums .menu .forums ul li a,
#marketplace .menu .marketplace ul li a,
#guide .menu .guide ul li a,
#building .menu .building ul li a,
#email .menu .email ul li a,
#phone .menu .phone ul li a {
display: block; 
width:12em; 
height:auto; 
line-height:1.3em; 
margin-left:-30px; 
padding:5px 10px 5px 14px;
background-image:none;
background-color: #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
font-weight:normal;
color: #FFFFFF;
z-index:1020; 
} /*Color subcells normal mode*/

#start .menu .start ul li a:hover,
#internet .menu .internet ul li a:hover, 
#service .menu .service ul li a:hover, 
#plans .menu .plans ul li a:hover, 
#resources .menu .resources ul li a:hover, 
#login .menu .login ul li a:hover, 
#order .menu .order ul li a:hover, 
#reservations .menu .reservations ul li a:hover, 
#surveys .menu .surveys ul li a:hover, 
#concierge .menu .concierge ul li a:hover, 
#club .menu .club ul li a:hover, 
#news .menu .news ul li a:hover, 
#events .menu .events ul li a:hover,
#forums .menu .forums ul li a:hover, 
#marketplace .menu .marketplace ul li a:hover, 
#guide .menu .guide ul li a:hover,
#building .menu .building ul li a:hover,
#email .menu .email ul li a:hover,
#phone .menu .phone ul li a:hover {
text-decoration:none;
color:#F26522;
background-color:#FFFFFF;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
} /*Color subcells hovering mode*/