/* CONTROLS */
@import url('/Styles/Controls/ImageThumbnail.css');
@import url('/Styles/Controls/PhotoAlbum.css');
@import url('/Styles/Controls/Cooliris.css');

/* LAYOUT */
html, body, form
{
   position:relative;
   display:block;
   width:100%;
   height:100%;
   padding:0;
   margin:0;
}

body, form
{
   background:#fff url("/Images/System/bodybackground.png") repeat-x scroll top left;
}

form
{
   height:auto;
   min-width:1100px;
}

.backgroundContainer
{
   position:absolute;
   display:block;
   width:100%;
   min-width:1100px;
   height:100%;
   z-index:-1;
}

.backgroundContainer .background
{
   position:relative;
   display:block;
   width:1100px;
   height:100%;
   margin:0 auto;
}

.backgroundContainer .gradientLeft
{
   position:relative;
   display:block;
   float:left;
   width:100px;
   height:100%;
   background:url("/Images/System/gradient.png") repeat-y scroll top left;
}

.backgroundContainer .gradientRight
{
   position:relative;
   display:block;
   float:left;
   width:100px;
   height:100%;
   background:url("/Images/System/gradient.png") repeat-y scroll top right;
}

.backgroundContainer .content
{
   position:relative;
   display:block;
   float:left;
   width:900px;
   height:100%;
   background:#A38760;
}

form .foreground
{
   position:relative;
   display:block;
   width:1100px;
   margin:0 auto;
   overflow:hidden;
}

form .foreground .gradientLeft
{
   position:relative;
   display:block;
   right:100px;
   background:url("/Images/System/gradient.png") repeat scroll top right;
}

form .foreground .gradientRight
{
   position:relative;
   display:block;
   left:200px;
   background:url("/Images/System/gradient.png") repeat scroll top left;
}

form .foreground .contentContainer
{
   position:relative;
   display:block;
   width:900px;
   background:#A38760;
}


/* HEADER SECTION */
.pageHeaderSection
{
   position:relative;
   height:150px;
   font-size:1em;
   background-color:#000;
   z-index:100;
}

.pageHeaderSection .pageTitleSection
{
   font-weight:bold;
   font-size:3em;
   font-family:Georgia;
   font-style:italic;
   z-index:10;
}

.pageHeaderSection .pageTitleSection .bannerImage
{
   position:absolute;
   top:0px;
   left:0px;
   z-index:0;
}

.pageHeaderSection .pageTitleSection .imageLogo
{
   position:absolute;
   top:0px;
   left:0px;
   filter:auto;
   z-index:10;
}

.pageHeaderSection .pageTitleSection .titleText
{
   position:absolute;
   bottom:26px;
   right:6px;
   color:#fff;
   filter: alpha(opacity=80);
   opacity: 0.80;
   z-index:10;
   cursor:default;
}

.pageHeaderSection .pageTitleSection .titleTextShadow
{
   position:absolute;
   bottom:24px;
   right:4px;
   color:#000;
   filter: alpha(opacity=60);
   opacity: 0.60;
   z-index:9;
   cursor:default;
}

/* MENU SECTION */
.pageHeaderSection .pageMenuSection
{
   position:absolute;
   bottom:0px;
   left:0px;
   width:100%;
   height:24px;
   background-color:black;
   z-index:100;
}

.pageMenuSection .menuItems
{
   display:block;
   position:relative;
   margin:0;
   padding:0;
   list-style-type:none;
}

.pageMenuSection > .menuItems > .menuItem
{
   display:block;
   position:relative;
   float:left;
}

.pageMenuSection > .menuItems > .menuItem > a
{
   display:block;
   position:relative;
   
   color:#fff;
   font-weight:bold;
   font-size:1em;
   font-family:Georgia;
   text-decoration:none;
   
   padding:3px 20px 3px 5px;
}

.pageMenuSection > .menuItems > .menuItem > a:hover
{
   background:#ddd;
   color:#000;
}

.pageMenuSection > .menuItems > .menuItem .menuItems
{
   display:block;
   position:absolute;
   background:#000;
}

.pageMenuSection > .menuItems > .menuItem .menuItems .menuItem
{
   display:block;
   position:relative;
   white-space:nowrap;
}

.pageMenuSection > .menuItems > .menuItem .menuItems .menuItem a
{
   display:block;
   position:relative;
   color:#fff;
   font-weight:bold;
   font-size:0.85em;
   font-family:Georgia;
   text-decoration:none;
   padding:3px 10px;
}

.pageMenuSection > .menuItems > .menuItem .menuItems .menuItem a:hover
{
   background:#ddd;
   color:#000;
}

.pageMenuSection a.noLink
{
   cursor:default;
}


/* LOGIN SECTION */
.pageLoginSection
{
   position:absolute;
   right:0px;
   background:url("/Images/System/signin-background.png") no-repeat scroll 0 0;
   width:85px;
   height:20px;
   line-height:20px;
   text-align:center;
   font-weight:bold;
   font-size:0.70em;
   font-family:Georgia;
   z-index:100;
}

.pageLoginSection a
{
   color:white;
   text-decoration:none;
}

.pageLoginSection a:hover
{
   color:#f00;
}


/* BODY SECTION */
.pageBodySection
{
   position:relative;
   width:870px;
   margin:0px;
   padding:15px;
   font-family:Georgia;
   font-size:1em;
   background-color:#a38760;
   z-index:0;
}