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

/*------------MAIN PAGE STYLES-----------------*/
*{
	margin:0px;
	padding:0px;
	border:none 0px;
	font-family:Arial;
	font-size:14px;
}

body{
	background:#000000 url(../../images/BKGStripe.png) repeat-x;
}

#mainWrap{
	width:980px;
	position:absolute;
	left:50%;
	margin-left:-480px;
}

.notes{
	border:#666666 1px solid;
	background:#FFFFFF;
	margin:10px;
}

.notes h4{
	color:#990000;
	text-align:left;
}

.notes p{
	padding:10px;
	text-align:left;
	font-size:10px;
}
/*------------COMMON PAGE HEADER-----------------*/
.pageHeadWrap{
	width:100%;
	height:120px;
}

#logo, #logo a{
	height:100px;
	float:left;
}

#logo a{
	width:100px;
}

#logo{
	width:190px;
	margin:10px 5px 0px 5px;
}

#logo a{
	background:url(../../images/logo.png) no-repeat;
	margin:0px 0px 0px 45px;
}

#headerWrap{
	width:570px;
	margin:30px 5px 0px 5px;
	text-align:center;
	float:left;
}

#bigLogo{
	background:url(../../images/BigPPLogo.png) no-repeat;
	width:500px;
	height:560px;
	position:fixed;
	top:0px;
	left:0px;
}


#grdWrap{
	width:100%;
	height:400px;
	background:url(../../images/BKGStripe.png) repeat-x;
	position:fixed;
	top:0px;
	left:0px;
}

/*---------------SEARCH FIELD---------------*/
#formWrap{
	float:left;
	clear:both;
	height:78px;
	background:#CCCCCC url(../../images/PanelGRD.png) repeat-x;
	border-top:#FFFFFF 1px solid;
	border-bottom:#FFFFFF 1px solid;
	margin:10px 0px 0px 0px;
}

#searchForm{
	margin:4px 4px 0px 4px;
	display:none;
}

#searchBarWrap{
	background:url(../../images/SearchBar.png) no-repeat;
	padding:4px 0px 4px 0px;
	width:180px;
	height:20px;
}

#searchField{
	margin:3px 0px 0px 18px;
	background:none;
	border:none 0px;
	width:150px;
}

#searchButtonWrap, #searchButton{
	float:left;
	width:30px;
	height:80px;
}

#searchButtonWrap{
	margin:10px 0px 0px 0px;
}

#searchButton{
	background:url(../../images/navTabsSearch.png) no-repeat;
	background-position:0px 0px;
}

#searchButton:hover{
	background-position:-30px 0px;
}

#searchButton span{
	background:url(../../images/Arrow.png) no-repeat;
	position:absolute;
	width:16px;
	height:19px;
	margin-top:50px;
	margin-left:8px;
}

/*----------- SETTINGS PANEL ----------------*/

#settingsWrap{
	margin:10px 0px 0px 0px;
	float:left;
	clear:both;
}

#settingsPanel{
	height:38px;
	float:left;
	background:#CCCCCC url(../../images/PanelGRD.png) repeat-x;
	border-top:#FFFFFF 1px solid;
	border-bottom:#FFFFFF 1px solid;
}

#settingsButtonWrap, #settingsButton{
	float:left;
	width:30px;
	height:40px;
}

#settingsButtonWrap{
}

#settingsButton{
	background:url(../../images/SettingsButton.png) no-repeat;
	background-position:0px 0px;
}

#settingsButton:hover{
	background-position:-30px 0px;
}

/*----------- LOGIN/LOGOUT/REGISTER PANEL ------------*/

#logPanel{
	float:left;
	margin:10px 5px 0px 5px;
}

#logCenter{
	border-top:0px none;
}

#logCenter h5{
	font-weight:bold;
	text-decoration:underline;
	padding:0px 5px 0px 5px;
	margin:0px;
	border:0px none;
}

#logCenter p{
	padding:5px 5px 0px 5px;
	font-size:12px;
	float:left;
	position:relative;
	left:35px;
}

/*----------- LOGIN/LOGOUT/REGISTER BUTTON -------------*/
#logoutButton, #logoutButton a, #loginButton, #loginButton a, #logRegisterButton, #logRegisterButton a{
	width:170px;
	height:20px;
	margin:8px 10px 0px 10px;
}

#logoutButton a{
	background:url(../../images/LogoutButton.png) no-repeat;
}

#loginButton a{
	background:url(../../images/LoginButton.png) no-repeat;
}

#logRegisterButton a{
	background:url(../../images/LogRegisterButton.png) no-repeat;
}

#loginButton, #loginButton a, #logoutButton, #logoutButton a{
	margin:0px 10px 0px 10px;
}

#logoutButton a, #loginButton a, #logRegisterButton a{
	float:left;
	clear:both;
	background-position:0px 0px;
	margin:0px;
}

#logoutButton a:hover, #loginButton a:hover, #logRegisterButton a:hover{
	background-position:0px -20px;
}

/*---------- PAGE FOOTER -----------------*/
#pageFooterWrap{
	text-align:center;
	margin:0px 0px 10px 0px;
	clear:both;
}

#bottomNav{
	list-style:none;
}

#bottomNav li, #bottomNav li a{
	color:#CCCCCC;
	text-decoration:none;
	display:inline;
	padding:0px 4px 0px 4px;
	font-size:12px;
}

#bottomNav li a:hover{
	color:#FFFFFF;
}

#copyrightInfo, #copyrightInfo a{
	color:#999999;
	font-size:12px;
	letter-spacing:1px;
	padding:5px 0px 0px 0px;
}

#copyrightInfo a{
	text-decoration:none;
}

#copyrightInfo a:hover{
	color:#FFFFFF;
}