/* global style */
html
{
height: 100%;
}
body
{
background-color: #4C7C9E;
background-image: url('images/bg-body.jpg');
background-repeat: no-repeat;
background-position: top;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
font-family: Arial;
font-size: 11px;
color: #666666;
line-height: 17px;
text-align: center;
margin: 0 auto;
}
body a
{
color: #666666;
}
#container
{
width: 820px;
margin: 0 auto;
text-align: left;
background-image: url('images/bg-container.jpg');
background-repeat: repeat-y;
}
#left-shadow
{
width: 10px;
height: 648px;
background-image: url('images/bg-content-left-shadow.jpg');
background-positon: top left;
background-repeat: repeat-y;
float: left;
}
#content
{
float: left;
width: 800px;
background-image: url('images/bg-content.jpg');
background-repeat: no-repeat;
background-position: top left;
}
#top-margin
{
width: 800px;
height: 20px;
background-color: #D6E1E9;
border-bottom: 1px solid #FFFFFF;
}
#header
{
width: 100px;
height: 60px;
}
#menu
{
width: 800px;
height: 20px;
background-color: #ADC3D3;
border-bottom: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
text-align: center;
vertical-alignment: center;
line-height: 20px;
}
#menu a
{
font-family: Arial;
font-size: 11px;
font-weight: bold;
color: #4D4D4D;
text-decoration: none;
}
#menu #left-image
{
width: 23px;
background-image: url('images/menu-left-image.jpg');
float: left;
}
#menu #home
{
margin-right: 2px;
width: 80px;
background-color: #D6E1E9;
float: left;
}
#menu #about
{
margin-right: 2px;
width: 80px;
background-color: #D6E1E9;
float: left;
}
#menu #about-selected
{
margin-right: 2px;
width: 80px;
background-color: #C8C8FF;
float: left;
}
#menu #location
{
margin-right: 2px;
width: 80px;
background-color: #D6E1E9;
float: left;
}
#menu #location-selected
{
margin-right: 2px;
width: 80px;
background-color: #C8C8FF;
float: left;
}
#menu #photos
{
margin-right: 2px;
width: 80px;
background-color: #D6E1E9;
float: left;
}
#menu #photos-selected
{
margin-right: 2px;
width: 80px;
background-color: #C8C8FF;
float: left;
}
#menu #staty-at-marquise
{
background-color: #D6E1E9;
width: 160px;
float: left;
}
#menu #staty-at-marquise-selected
{
width: 160px;
background-color: #C8C8FF;
float: left;
}
#menu #owner
{
background-color: #D6E1E9;
width: 80px;
float: right;
}
#menu #owner-selected
{
width: 80px;
background-color: #C8C8FF;
float: right;
}
#menu #blank
{
width: 209px;
background-color: #ADC3D3;
float: left;
}
#right-shadow
{
width: 10px;
height: 648px;
background-image: url('images/bg-content-right-shadow.jpg');
background-positon: top left;
float: left;
}
#footer
{
clear: both;
width: 820px;
height: 45px;
background-image: url('images/bg-footer.jpg');
font-size: 10px;
color: #0C7A3B;
}
#footer #copyright
{
float: right;
margin-top: 16px;
margin-right: 30px;
}
#general-text
{
width: 335px;
}
#general-text-arrow
{
position: relative;
left: 20px;
top: 79px;
}
p
{
margin-top: 0px;
margin-bottom: 18px;
}
p.introduction
{
color: #5A5A80;
}
img
{
border: 0px;
}
ul
{
margin-top: 0px;
list-style-type: none;
}
div.hr
{
height: 15px;
background-image: url('images/divider-horizontal.gif');
margin-bottom: 10px;
}
div.hr hr
{
display: none;
}
div.hr-min
{
height: 15px;
background-image: url('images/divider-horizontal.gif');
margin-top: 0px;
margin-bottom: 0px;
padding: 0px;
}
div.hr-min hr
{
display: none;
}
h2
{
font-size: 14px;
font-weight: bold;
}
h3
{
font-size: 11px;
font-weight: bold;
margin-bottom: 0px;
margin-top: 25px;
}
b.blue
{
font-weight: bold;
color: #5e547f;
}
b.error
{
font-weight: bold;
color: #ff0000;
}
b.success
{
font-weight: bold;
color: #008000;
}
#bullet
{
position: relative;
top: 1px;
}
a.bullet-list
{
color: #5A5A80;
text-decoration: underline;
font-weight: bold;
}
a.bullet-list:hover
{
color: #A3A3D0;
text-decoration: underline;
font-weight: bold;
}
a.owner-section
{
color: #666666;
text-decoration: none;
font-weight: bold;
}
a.owner-section:hover
{
color: #5e547f;
text-decoration: none;
font-weight: bold;
}
a.download-file
{
color: #666666;
text-decoration: none;
font-weight: bold;
}
a.download-file:hover
{
color: #5e547f;
text-decoration: none;
font-weight: bold;
}
a.owner-section-selected
{
color: #5e547f;
text-decoration: none;
font-weight: bold;
}
a.owner-section-selected:hover
{
color: #5e547f;
text-decoration: none;
font-weight: bold;
}
#scrollable-content
{
padding-top: 64px;
width: 800px;
padding-bottom: 30px;
/*
display: block;
overflow: auto;
height: 470px;
*/
}
/* home page style */
#body-home
{
width: 800px;
height: 467px;
background-image: url('images/screen-home.jpg');
background-repeat: no-repeat;
}
#body-home #welcome-text
{
width: 300px;
height: 135px;
position: relative;
top: 240px;
left: 27px;
color: #FFFFFF;
}
/* about page style */
#body-about
{
width: 800px;
background-image: url('images/screen-about.jpg');
background-repeat: no-repeat;
}
#body-about #scrollable-content
{
height: 567px;
}
#about-text
{
float: left;
width: 443px;
}
#about-resource
{
float: left;
width: 337px;
padding-top: 503px;
}
#about-button
{
margin-bottom: 7px;
}
#curtain
{
position: absolute;
top: 0;
left: 0;
z-index: 80;
width: 100%;
height: 1070px;
background-color: #000;
opacity: .8;
filter: alpha(opacity=80);
-moz-opacity: 0.8;
text-align: center;
display: none;
}
#browser
{
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 620px;
background-color: #111111;
opacity: 1;
filter: alpha(opacity=100);
-moz-opacity: 1;
text-align: center;
display: none;
margin-top: 82px;
}
#control-panel
{
height: 16px;
width: 800px;
margin-bottom: 4px;
opacity: 1;
filter: alpha(opacity=100);
-moz-opacity: 1;
text-align: left;
}
#close-button
{
border: 0px;
opacity: 1;
filter: alpha(opacity=100);
-moz-opacity: 1;
}
#site-frame
{
background-color: #ffffff;
height: 600px;
width: 800px;
border: 0px solid #ffffff;
opacity: 1;
filter: alpha(opacity=100);
-moz-opacity: 1;
z-index: 100;
overflow-x: hidden;
margin: 0px;
}
/* location page style */
#body-location
{
width: 800px;
background-image: url('images/screen-location.jpg');
background-repeat: no-repeat;
}
#body-location #scrollable-content
{
height: 567px;
}
#location-text
{
float: left;
width: 443px;
}
#location-map
{
float: left;
width: 337px;
padding-top: 503px;
}
#map-container
{
width: 335px;
height: 214px;
background-image: url('images/bg-map.jpg');
background-repeat: no-repeat;
}
#map
{
position: relative;
left: 1px;
top: 7px;
width: 333px;
height: 200px;
border: 0px solid #666666;
}
/* stay at the marquise style */
#body-stay-at
{
width: 800px;
height: 567px;
background-image: url('images/screen-stay-at-marquise.jpg');
background-repeat: no-repeat;
}
/* location page style */
#body-owner-section
{
width: 800px;
height: 567px;
background-image: url('images/screen-owner-section.jpg');
background-repeat: no-repeat;
}
#body-admin-file-man
{
width: 800px;
height: 567px;
background-image: url('images/screen-admin-file-man.jpg');
background-repeat: no-repeat;
}
#body-admin-reset-owner
{
width: 800px;
height: 567px;
background-image: url('images/screen-admin-reset-owner-login.jpg');
background-repeat: no-repeat;
}
#body-admin-reset-admin
{
width: 800px;
height: 567px;
background-image: url('images/screen-admin-reset-admin-login.jpg');
background-repeat: no-repeat;
}
#body-admin-edit-ann
{
width: 800px;
height: 567px;
background-image: url('images/screen-admin-edit-ann.jpg');
background-repeat: no-repeat;
}
#body-owner-section-main
{
float: left;
width: 450px;
}
#body-owner-section-right
{
float: right;
width: 275px;
margin-left: 25px;
text-align: left;
}
#owner-section-text
{
width: 450px;
}
#body-owner
{
width: 800px;
height: 567px;
background-image: url('images/screen-owner.jpg');
background-repeat: no-repeat;
}
#title-owner-section
{
margin-bottom: 8px;
}
input.login
{
width: 250px;
height: 20px;
margin-bottom: 8px;
}
img.download-icon
{
position: relative;
top: 2px;
margin-right: 3px;
}
#announcement-content
{
width: 440px;
height: 235px;
margin-bottom: 8px;
}
input.browse
{
width: 320px;
height: 20px;
}
input.remember-me
{
position: relative;
left: -4px;
top: 0px;
}
#scroll
{
unicode-bidi: bidi-override;
direction: rtl;
display: block;
width: 335px;
height: 100px;
overflow: auto;
padding: 10px;
margin:0 auto;
}
#scroll p
{
}
#logout-message
{
background-color: #ADC3D3;
border: 2px solid #ffffff;
padding: 12px;
margin-bottom: 30px;
font-weight: bold;
}
/* photos style */
#body-photos
{
width: 800px;
background-image: url('images/screen-photos.jpg');
background-repeat: no-repeat;
}
#photos
{
margin-right: 09px;
}
#hidden
{
display: none;
}