/*
 * Core base stylesheet for all pages in the website
 * Sections:
 * - body
 * - Header
 * - Lower section
 */

/*============================================================================*/
/* body */

body {
	font-family: Arial, Helvetica, sans-serif;
	margin: auto;
	font-size: 10pt;
	width: 100%;
	background-color: #fff;
	color: #333;
}

a { background-color: inherit; color: #46f; }
a:hover { background-color: inherit; color: #79f; }

img { border:0; padding:0; }

input.btn {
    color:#050;
    font-weight:bold;
    background-color:#fed;
    border:1px solid;
    margin-left: 7px;
    border-color: #696 #396 #363 #663;
}
input.btn:hover { border-color: #c63 #930 #930 #c63; }

/* For auto-completions */
ul {list-style:none; margin:0;padding:0;}
li {margin:0;padding:0;}

/*============================================================================*/
/* Header */

.pageHeader {
    background: #fff url(../images/headerRight.jpg) bottom right no-repeat;
    color: inherit;
    height: 100px;
}

/*----------------------------------------------------------------------------*/
/* Header */

.headerLogo {
    border: 0;
    position: absolute;
    left: 0;
    margin-bottom: 0px;
}

.headerLogin {
    border: 0;
    position: absolute;
    right: 0;
    top: 0;
}

/*----------------------------------------------------------------------------*/
/* Navigation Bar */

.nav {
    height: 30px;
    border-top: 1px solid #920;
    background: #fa6;
    color: #920;
}

.nav ul {
    margin:0;
    padding:0;
    list-style:none;
}
.navItem {
    display: inline;
    float: left;
    width: 110px;
    height: 23px;
    text-align: center;
    padding-top: 6px;
    padding-bottom: 1px;
	font-weight: bold;
    background: #fa6;
    border-right: 1px solid #fff;
    cursor: default;
}
.navItem a {
	text-decoration: none;
    color: #920;
}

.navAnalysisItem a {
    border-right: 0;
}

.selectedNavItem { background: #fc8; }

.navItem:hover, 
.navItem a:hover { background: #fda; color: #920; }

/* Analysis submenu */

#navAnalysisMenu {
    position: absolute;
    top: 130px;
    left: 444px;
    z-index: 99999;
    display: none;
}
.navAnalysisItem {
    display: block;
    float: none;
    border-top: 1px dotted #fff;
}

/* Login link */
.nav .signIn {
    display: inline;
    float: right;
    padding: 5px;
}

#totalPigs {
	position: absolute;
	top: 106px;
	left: 460px;
	font-style: italic;
    color: #920;
}

/*----------------------------------------------------------------------------*/
/* Search Bar in Header */

#searchbarForm {
    position: absolute;
    top: 40px;
    left: 280px;
    z-index: 999999;
}
#searchBar,
#searchInput {
    width: 280px;
}
#findPigBtn {
    position: absolute;
    top: 0px;
    left: 280px;
}
#searchbarForm #hint {
    font-style: italic;
    color: #888;
}

/*============================================================================*/

.lowerSection {
    background: #fff;
    position: absolute;
    top: 130px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
}