/**
 * 
 * 
 * ENVIRONMENT SPECIFIC STYLES
 * 
 * 
 * */

/* PAGE HEADER / TOP BAR */
#logo {
	display: block; border: none; position: absolute; top: 10px; left: 25px; height: 80px; width: 430px;
}

#clock {
	display: block; border: none; text-align: right; position: absolute; top: 10px; right: 25px; height: 20px; width: 300px;
}

#opening_hours {
	display: block; border: none; text-align: right; position: absolute; top: 30px; right: 25px; height: 20px; width: 300px;
}


/* PAGE CONTENT ON STATIC PAGES */
.mainPane .staticContent {
	margin: 10px;
	width: 640px;
	min-height: 560px;
	overflow: visible;
	background: white;
	float: left;
}

/* override bidding part styles */
.mainPane .staticContent h1 {
	height: 30px;
}

.mainPane .staticContent h2 {
	height: 22px;
}

.mainPane .staticContent h1,
.mainPane .staticContent h2 {
	background: none;
	color: black;
	margin: 6px 0;
	overflow: hidden;
	padding: 4px 0;
}

.staticContent table {
	border-collapse:collapse;
}

.staticContent table th {
	font-weight: bold;
	background: #eee;
}

.staticContent table th,
.staticContent table td {
	/* border: 1px solid #ccc; */
	padding: 4px;
}


/* MAIN PAGE SPECIFIC ITEMS */
#controller {
	margin-left: auto;
	margin-right: auto;
}

#rotator {
	width:470px;
	height:350px;
}



/* NAVIGATION */
.navbar {
	display: block;
	border: none;
	text-align: right;
	position: absolute;
	bottom: 0px;
	right: 25px;
	height: 40px;
/* 	width: 480px; */
	overflow: hidden;
        min-width: 400px;

}

.navbar .navStandard {
/*	width: 118px; */
	overflow: hidden;
	float: left;
        min-width: 80px;
}

.navbar .nav_lc {
/* 	width: 118px; */
        min-width: 80px;
	background: url("../images/pyha/nav_tab_ll_low.gif") left bottom no-repeat;
	height: 40px;
	display: table-cell;
	vertical-align: middle;
        padding-left: 10px;
        padding-right: 10px;
}

.navbar .nav_rc {
	/* width: 118px; */
	background: url("../images/pyha/nav_tab_rl_low.gif") right bottom no-repeat;
	height: 40px;
        min-width: 80px;
}

.navbar .nav_b {
	/* background: #D7D7D7; */
/* 	width: 92px; */
	/* height: 32px; */
	margin: 5px auto 0;
	padding: 5px 0 10px 0;
	line-height: 90%;
	text-align: center;
	font-size: 16px;
	overflow:hidden;
	color: black;
	display: block;
	cursor: hand;
	text-decoration: none;
}

.navbar .currentPage .nav_lc {
	background: url("../images/pyha/nav_tab_l_blue.gif") left top no-repeat;
}

.navbar .currentPage .nav_rc {
	background: url("../images/pyha/nav_tab_r_blue.gif") right top no-repeat;
}

.navbar .currentPage .nav_b {
	color: #8CC63F;
	font-weight: bold;
}


/* FOOTER DETAILS */
.footerPane {
  height: 180px;
  overflow: hidden;
  background: #ccc;
  border-top: 1px solid #999;
  padding: 30px;
  text-align: center;
  clear: both;
  margin-top: 15px;
}

.footerPane .navi {
	margin: 5px;
	text-align: center;
}

.footerPane .categories {
	margin: 5px;
	text-align: center;
}


/* FLASH AND ERROR MESSAGES */
/* default flash message */
.message {
	padding: 10px;
	margin: 10px;
	border: red 1px solid;
	background: #FFCCCC;
}

.flash-info {
	padding: 10px;
	margin: 10px;
	border: green 1px solid;
	background: #CCFFCC;
}

.flash-warning {
	padding: 10px;
	margin: 10px;
	border: red 1px solid;
	background: #FFCCCC;
}

.flash-error {
	padding: 10px;
	margin: 10px;
	border: red 1px solid;
	background: #FFCCCC;
}

/* auction page */
.backToHome {
	background: url("../images/pyha/back.png") no-repeat left center;
	padding: 20px;
	color: black;
	text-decoration: none;
}

.backToHome:hover {
	color: black;
	text-decoration: underline;
}

/* invite plugin special flash message */
.invite-message {
	padding: 10px;
	margin: 10px;
	border: red 1px solid;
	background: #FFCCCC;
}

/* invite plugin special flash message */
.login-message {
	padding: 4px;
	margin: 4px;
	border: red 1px solid;
	background: #FFCCCC;
}

/* form validation error message under input field */
.error-message {
	color: red;
	font-weight: bold;
	margin: 4px 8px;
	float: left;
	width: 220px;
}


.shopButtons {
	overflow: auto;
}

.shopButtons a {
	border: 1px solid #fff;
	background: #ccc;
	padding: 4px;
	display: block;
	float: left;
	margin: 5px;
}



/* FORMS */
/* Public registration form */
.form fieldset {
	border: none solid #999;
	border-top: 1px solid #999;
	margin: 5px;
	padding: 5px;
}

.form .text,
.form .select,
.form .date,
.form .password {
	clear: both;
	overflow: hidden; /* extend over floating contents */
	height: 2em;
}

.form .error {
	overflow: visible;
}

.form .radio {
	clear: both;
	overflow: hidden; /* extend over floating contents */
}

.form .text .labelBox,
.form .select .labelBox,
.form .date .labelBox,
.form .password .labelBox {
	float: left;
	display: block;
	width: 12em;
	text-align: right;
}

.form .radio .labelBox {
	float: left;
	display: block;
	width: 12em;
}

.form .labelBox label {
	padding: 2px 10px 2px 2px;
	color: #666;
}

.form .required .labelBox label {
	/* background: url( "../images/pyha/asterisk.gif" ) right top no-repeat; */
	padding: 0 10px 0 0;
}

.form .radio input,
.form .input input,
.form .input select {
	float: left;
	margin: 2px 5px 2px 2px;
}


/* THANK YOU FOR REGISTERING */
.thank_you_for_registering .start_bidding a {
	font-size: 200%;
}


/* USER PAGE - USER PROFILE */
.user_page {
	
}


.user_page .recharge_credit {
	border: 1px solid pink;
	padding: 6px;	
}



/* Invitations, tell-a-friend */
.invite fieldset {
	border: 1px solid #999;
	margin: 5px;
	padding: 5px;
}

.invite .required .labelBox label {
	/* background: url( "../images/pyha/asterisk.gif" ) right top no-repeat; */
	padding: 0 10px 0 0;
}
#InviteIndexForm .labelBox {
	width: 6em;
}

.invite .input input {
	float: left;
}

.invite .submit,
.invite .message_box {
	text-align: center;
	overflow: hidden;
	padding: 10px 0;
}

.invite .message_box {
	border: #8AC53A 1px solid;
	background: #DFFFBF;
}

.invite .confidential {
	margin: 10px 30px;
}

/* NEWS FEED */

.news_feed {
	padding: 6px;
}

.news_feed .item {
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
}

.news_feed h3 {
	font-size: 1.4em;
	margin-top: 4px;
}

.news_feed h3 a {
	/* border-bottom: 1px solid #666; */
	color: #666;
	text-decoration: none;
}

.news_feed .item p {
	margin: 0;
}

.news_feed .item p.date {
	font-size: 0.8em;
	color: #999;
}