/*
	Girl of the Day Styles
	
	Styles used through out the Girl of the Day pages
	
	Title:		Tinbu LLC.
	Author:		Nesbert Hidalgo
	Created:	Mar. 09, 2008
	Updated:	Mar. 14, 2008
	URL:		http://iphone.tinbu.com
*/

#photos {
	margin: 0 auto;
	background: url(/iphone/images/loading2.gif) no-repeat 50% 28%;
}

/* Slideshow
------------------------------------------------------------------------------*/

.slideshow {
	position: relative;
	z-index: 100;
	width: 320px;
	height: 480px;
}
.slideshow img {
	position: absolute;
	z-index: 101;
	width: 320px;
	height: 480px;
	border: none;
}
.slideshow .slideshow_controls {
	position: absolute;
	bottom: 0;
	z-index: 102;
	width: 100%;
	height: 60px;
}
.slideshow .slideshow_links a {
	float: left;
	display: block;
	width: 50px;
	height: 60px;
}
.slideshow .slideshow_links a span {
	display: none;
}
.slideshow a.control_first,
.slideshow a.control_prev,
.slideshow a.control_play,
.slideshow a.control_stop,
.slideshow a.control_next,
.slideshow a.control_last { background: url(/iphone/images/girloftheday/controls.png) no-repeat; }
.slideshow a.control_first,
.slideshow a.control_last { width: 60px; }
.slideshow a.control_last:hover { background-position: 0 -60px; }
.slideshow a.control_prev { background-position: -60px 0; }
.slideshow a.control_prev:hover { background-position: -60px -60px; }
.slideshow a.control_play { background-position: -110px 0; }
.slideshow a.control_play:hover,
.slideshow a.control_play_on { background-position: -110px -60px; }
.slideshow a.control_stop { background-position: -160px 0; }
.slideshow a.control_stop:hover,
.slideshow a.control_stop_on { background-position: -160px -60px; }
.slideshow a.control_next { background-position: -210px 0; }
.slideshow a.control_next:hover { background-position: -210px -60px; }
.slideshow a.control_last { background-position: -260px 0; }
.slideshow a.control_last:hover { background-position: -260px -60px; }

/* Panel
------------------------------------------------------------------------------*/

#info_button {
	position: absolute;
	top: 15px;
	right: 14px;
	z-index: 110;
	display: block;
	width: 26px;
	height: 26px;
	background: url(/iphone/images/girloftheday/info.png) no-repeat;
}

.panel {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 102;
	width: 300px;
	height: 400px;
	background: url(/iphone/images/girloftheday/panel.png) no-repeat;
	color: white;
	font-size: 16px;
	text-align: center;
}

.panel .close {
	position: absolute;
	top: 5px;
	right: 4px;
	display: block;
	width: 26px;
	height: 26px;
}

.panel .button {
	position: absolute;
	left: 10px;
	bottom: 9px;
	width: 280px;
	height: 40px;
	padding: 5px 0 0;
	color: white;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}

.panel h2 {
	margin: 0;
	padding: 20px 0 0;
	font-size: 28px;
	line-height: 1;
}

.panel h3 {
	margin: 6px 0 15px;
	padding: 0;
	font-size: 14px;
	font-style: italic;
}

.panel input[type="text"] {
	width: 260px;
	height: 40px;
	margin: 8px auto;
	padding: 10px 5px 0;
	font-size: 24px;
}

.panel input.error {
	background-color: rosybrown;
}

/* Info & Email Panel
------------------------------------------------------------------------------*/

#info table {
	width: 100%;
}

#info th, #info td {
	width: 50%;
	padding: 5px;
	font-weight: bold;
	text-shadow: #000 1px 1px 2px;
}

#info th {
	font-weight: normal;
	text-align: right;
}

#info td {
	text-align: left;
}

#success {
	padding-top: 40px;
}

#success h2 {
	color: green;
}

/* Misc
------------------------------------------------------------------------------*/

#past5days a {
	margin: 0 5px;
}