html, body, #mainContainer { 
	height: 100%; 
	margin: 0; 
	padding: 0; 
	background-color: #FFFFFF;
	overflow-x: hidden;
	overflow-y: hidden;
}

body > #mainContainer { 
	height: inherit; 
	min-height: 749px; 
}

/* avoids dotted border around swfs in FF3 when focused */
object { outline:none; }

#backDrop {
	height: 1200px;
    width: 100%; 
    border: 0px solid #000000;
    background-image: url(../images/background_slice.png);
    background-repeat: repeat-x;
}

#mainContent {
    width: 1920px;
    margin-left: -1px;
    height: 100%;
    position:relative;
    text-align:left;
    top: 0px;
    left: 0px;
    z-index: 0;
    background-image: url(../images/cloud.png);

}

#mainContentHome {
    width: 1178px;
    margin-left: -589px;
    height: 402px;
    position:relative;
    text-align:left;
    top: 0px;
    left: 50%;
    z-index: 0;
}

#centerCube {
    background-image: url(../images/logo_cube.png);
    background-repeat: no-repeat;
    position: absolute;
    height: 182px;
    width: 190px;
    top: 300px;
    left: 650px;
    z-index: 99;
}

#cloud2 {
    background-image: url(../images/cloud.png);
    background-repeat: no-repeat;
    position: absolute;
    height: 600px;
    width: 800px;
    top: 0px;
    left: 0px;
}


#contentBackdrop {
    background-image: url(../images/content_background.png);
    background-repeat: no-repeat;
    position: absolute;
    height: 614px;
    width: 690px;
    top: 14px;
    left: 252px;
     z-index: -2;
}


#footer {
    position: absolute;
    height: 39px;
    width: 100%;
    left: 0px;
    top: 635px;
    z-index: 0;
    border: 0px solid #000000;
}

#searchInput {
	position: absolute;
	left: 16px;
	top: 10px;
     border-style: hidden;
     border-width: 0px;
     color: #000000;
     height:25px;
     width: 141px;
     padding-left:7px;
     padding-right:35px;
     padding-top: 5px;
     font-size:12px;
     background-image: url(../images/search_input.png);
     background-repeat: no-repeat;
     margin-left:3px;
     background-color: transparent;
	font-family: "Lucida Grande";
	font-size: 10px;
	color: #999999;
}  

#searchButton {
    background-image: url(../images/search_button.png);
    background-repeat: no-repeat;
    position: absolute;
    height: 22px;
    width: 28px;
	top: 11px;
	left: 159px;
    background-position: left top;	
    cursor: pointer;
    outline: none;
}

#searchButton:hover {
	background-position: left bottom;	
}
	
#searchResultsPanel { 
    background-image: url(../images/search_results_background.png);
    background-repeat: no-repeat;
    position: absolute;
    height: 585px;
    width: 352px;
    top: -580px;
    left: -25px;	
    z-index: 99;
    visibility: hidden;
}

#searchCloseButton {
	height: 11px;
    width: 12px; 
    background-image: url(../images/search_close_button.png);
    background-repeat: no-repeat;
    position: absolute;
    top: 20px;
    right: 18px;	
    cursor: pointer;
}

#searchCloseButton:hover {
	background-position: left bottom;	
}

#searchNextButton {
	height: 14px;
    width: 36px; 
    background-image: url(../images/search_next_button.png);
    background-repeat: no-repeat;
    position: absolute;
    bottom: 22px;
    left: 140px;	
    cursor: pointer;
    background-position: left bottom;	
}

#searchPreviousButton {
	height: 14px;
    width: 36px; 
    background-image: url(../images/search_previous_button.png);
    background-repeat: no-repeat;
    position: absolute;
    bottom: 22px;
    right: 140px;	
    cursor: pointer;
    background-position: left bottom;	
}

#searchPageLinks {
	position: absolute;
	left: 45px;
	bottom: 35px;
	height: 15px;
	border: 0px solid #FFFFFF;
}

.searchPageNum {
	color: #fcfbfb;	
	font-family: "Lucida Grande";
	font-size: 10px;
	text-decoration:none;
	outline: none;
	padding: 2px;
}

.searchPageNum a {
	color: #fcfbfb;	
	outline: none;
}

#searchNextButtonMini {
	height: 8px;
    width: 4px; 
    background-image: url(../images/search_mini_arrow_next.png);
    background-repeat: no-repeat;
    position: absolute;
    top: 3px;
    right: -10px;	
    cursor: pointer;
    background-position: left bottom;	
}

#searchPreviousButtonMini {
	height: 8px;
    width: 4px; 
    background-image: url(../images/search_mini_arrow_previous.png);
    background-repeat: no-repeat;
    position: absolute;
    top: 2px;
    left: -10px;	
    cursor: pointer;
    background-position: left bottom;	
}

.searchResult {
    height: 96px;
    width: 280px;
    position: absolute;
    left: 35px;
	border: 0px solid #000000;
}


#header {
    height: 73px;
    width: 100%;
    position: relative;
}

#headerLogo {
    background-image: url(../images/header_logo.png);
    background-repeat: no-repeat;
    position: absolute;
    height: 73px;
    width: 379px;
    top: 0px;
    left: -33px;
    cursor: pointer;
}

#headerContainer {
    width: 960px;
    margin-left: -480px;
    height: 73px;
    position:relative;
    text-align:left;
    top: 0px;
    left: 50%;
    border: 0px solid #000000;
    padding: 0px;
}

/* HEADER NAVIGATION BUTTONS */

.loginButton {
    background-image: url(../images/login_button.png);
    background-repeat: no-repeat;
    position: absolute;
    height: 22px;
    width: 61px;
    top: 26px;
    left: 878px;
    background-position: left top;	
    cursor: pointer;
    border-style: hidden;
    border-width: 0px;
	background-color: transparent;
}

.loginButton:hover {
	background-position: left bottom;	
}

#forgotPasswordLink {
    background-image: url(../images/forgot_password.png);
    background-repeat: no-repeat;
    position: absolute;
    height: 14px;
    width: 74px;
    top: 51px;
    left: 802px;
    background-position: left top;	
    cursor: pointer;
}

#forgotPasswordLink:hover {
	background-position: left bottom;	
}

#logoutDiv {
	position: absolute;
	top: 28px;
	right: 20px;
	height: 20px;
	width: 400px;	
	border: 0px solid #FFFFFF;
	visibility: hidden;
}

#welcomePrompt {
    position: absolute;
    top: 5px;
    right: 70px;
    font-family: "Lucida Grande";	
    font-size: 11px;
	font-weight: bold;	
	color: #FFFFFF;
}	

#logoutButton {
	position: absolute;
	top: 0px;
	right: 0px;
	background-image: url(../images/logout_button.png);	
    background-repeat: no-repeat;
    position: absolute;
    height: 23px;
    width: 62px;
    background-position: left top;	
    cursor: pointer;
}

#logoutButton:hover {
	background-position: left bottom;	
}

/* END HEADER NAVIGATION BUTTONS */


#userNameInput {
    position: absolute;
    left: 679px;
    top: 28px;
     border-style: hidden;
     border-width: 0px;
     color: #999999;
     height: 18px;
     width: 95px;
     padding-left: 4px;
     padding-right:4px;
     padding-top: 3px;
     font-size:10px;
     background-image: url(../images/name_pw_background.png);
     background-repeat: no-repeat;
     margin-left:3px;
     background-color: transparent;
}

#passwordInput {
    position: absolute;
    left: 777px;
    top: 28px;
     border-style: hidden;
     border-width: 0px;
     color: #999999;
     height: 18px;
     width: 95px;
     padding-left: 4px;
     padding-right:4px;
     padding-top: 3px;
     font-size:10px;
     background-image: url(../images/name_pw_background.png);
     background-repeat: no-repeat;
     margin-left:3px;
     background-color: transparent;
}

