/* Header elements */

.logo
{
	position: absolute;
	left: 30px;
	top: 13px;
}

.searchText
{
	position: absolute;
	right: 190px;
	top: 13px;
}

.searchInput
{
	position: absolute; 
	right: 37px; 
	top: 9px;
	width:144px;
	font-size: 10px;
	border: 1px solid #6A6A6A;
}

.searchButton
{
	position: absolute;
	right: 9px; 
	top: 15px;
}

.logoffButton
{
	position: absolute;
	right: 9px; 
	top: 35px;
}

.buttonsUP
{
	position: absolute;
	left: 192px;
	top: 56px;
}

.cardsButton
{
	background-image: url(images/buttonCards.png);
}

.artistsButton
{
	background-image: url(images/buttonArtists.png);
}

.codeButton
{
	background-image: url(images/buttonEnterCode.png);
}

.helpButton
{
	background-image: url(images/buttonHelp.png);
}

.friendsButton
{
	background-image: url(images/buttonFriends.png);
}

.cardsDefaultButton
{
	background-image: url(images/buttonCardsDefault.png);
}

.cardsDefaultButton:hover
{
	background-image: url(images/buttonCardsDefaultHover.png);
}

.artistsDefaultButton
{
	background-image: url(images/buttonArtistsDefault.png);
}

.artistsDefaultButton:hover
{
	background-image: url(images/buttonArtistsDefaultHover.png);
}

.codeDefaultButton
{
	background-image: url(images/buttonEnterCodeDefault.png);
}

.codeDefaultButton:hover
{
	background-image: url(images/buttonEnterCodeDefaultHover.png);
}

.helpDefaultButton
{
	background-image: url(images/buttonHelpDefault.png);
}

.helpDefaultButton:hover
{
	background-image: url(images/buttonHelpDefaultHover.png);
}

.friendsDefaultButton
{
	background-image: url(images/buttonFriendsDefault.png);
}

.friendsDefaultButton:hover
{
	background-image: url(images/buttonFriendsDefaultHover.png);
}

.myCardsDefaultButton
{
	background-image: url(images/buttonMyCardsDefault.png);
}

.myCardsDefaultButton:hover
{
	background-image: url(images/buttonMyCardsDefaultHover.png);
}

.cardsButton, .cardsDefaultButton
{
	left: 192px;
}

.artistsButton, .artistsDefaultButton
{
	left: 293px;
}

.codeButton, .codeDefaultButton
{
	left: 394px;
}

.helpButton, .helpDefaultButton
{
	left: 495px;
}

.friendsButton, .friendsDefaultButton
{
	left: 596px;
}

.myCardsButton, .myCardsDefaultButton
{
	left: 697px;
}

.cardsButton,
.artistsButton,
.codeButton,
.helpButton,
.friendsButton,
.cardsDefaultButton,
.artistsDefaultButton,
.codeDefaultButton,
.helpDefaultButton,
.friendsDefaultButton,
.myCardsDefaultButton
{
	position: absolute;
	top: 60px;
	width: 100px;
	height: 29px;
}

.buffer
{
	position: absolute;
	left: 798px;
	top: 60px;
}

/* (End Header Elements */

/* Footer Elements*/

.footerContent
{
	position: absolute;
	left: 11px;
	width: 880px;
	height: 40px;
	background: url(images/footerContent.png) repeat-y;	
}

.footerHelpLeft
{	
	left: 7px;
}

.footerHelpCenter
{	
	left: 268px;
}

.footerHelpLeft, .footerHelpCenter, .footerHelpRight1Text, .footerHelpRight2Text, .footerHelpRight3Text
{
	position: absolute;
	top: 20px;
}

.footerHelpRight1Text
{
	left: 530px;
}

.footerHelpRight2Text
{
	left: 653px;
}

.footerHelpRight3Text
{
	left: 730px;
}

/* End Footer Elements */