/* GENERAL PAGE CONTENTS */

body {
	background: #4273BF url(ui/martazawadzka.jpg);
	background-attachment: fixed;
	background-position: top center;
	background-repeat: repeat-y;
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	color: white;
}

a {
	color: #FFFF00;
	text-decoration: none;
	font-weight: normal;
}

a:hover {
	background:#202080;
	color: #FFFFA0;
}

a.imageLink:link {
	border-width: 1px;
	border-color: white;
}

a.imageLink:hover {
	border-width: 2px;
	border-color: yellow;
}

a.linkMain {
	font-weight: bold;
}

span.bold {
	font-weight: bold;
}

span.italic {
	font-style: italic;
}

span.celebname {
	font-weight: bold;
	color: white;
}

span.filmname {
	font-style: italic;
	color: #FFFFC0;
}

span.albumname {
	font-style: italic;
	color: #FFFFC0;
}

span.songname {
	font-style: italic;
	color: #FFFFC0;
}

p {
	font-family: Verdana;
	font-size: 10px;
	color: white;
}

p.center {
	text-align: center;
}

p.footer {
	margin-top: 16px;
	border-top: dotted 1px #000040;
	text-align: center;
	font-family: Verdana;
	font-size: 9px;
	color: white;
	clear: both;
}

.infoHeader {
	background-color: #5283CF;
	margin: 0px 8px 8px 8px;
	padding: 8px;
	width: auto;
	text-align: center;

	font-family: Verdana;
	font-size: 14px;
	font-weight: bold;
	color: yellow;
}

.infoBody {
	background-color: transparent;
	margin-left: 8px;
	margin-right: 8px;
	padding: 0px;
	width: auto;

	text-align: left;
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	color: white;
}

div.quotebox {
	background-image: url(ui/quote.gif);
	background-position: center left;
	background-repeat: no-repeat;
	margin: 8px 5% 8px 16px;
	padding: 0px 0px 0px 72px;
	font-size: 1em;
	min-height: 64px
}

div.images {
	margin-top: 10px;
	margin-left: 2%;
	width: 94%;
	padding: 4px;
	border: solid 1px black;
	text-align:center;
}

table.images {
	margin: 0px;
	width: 100%;
	border: solid 1px rgb(0,0,64);
	clear: both;
}

table.images td {
	border: dotted 1px rgb(0,0,64);
	margin: 0px;
	padding: 8px;
	width: 50%;
	background-color: transparent;
	vertical-align: top;
	text-align: center;
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	color: white;
}

table.dvds {
	width: 90%;
	left: 5%;
	clear: both;
}

td.dvds {
	border: solid 1px rgb(0,0,64);
	padding: 8px;
	background-color: transparent;
	text-align: left;
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	color: white;
}


/* USED IN THE FEATURES PAGES */

table.pictable {
	border-collapse: collapse;
}

table.pictable td {
	font-size: 10px;
	color: white;
	text-align: left;
	vertical-align: top;
	padding: 4px;
	border-top: solid 1px #6293DF;
	border-bottom: solid 1px #6293DF;
}


/* WHO'S THAT GIRL SECTION */

table.wtg-index {
	border: solid 1px #4273BF;
	background-color: #4273BF;
	width: 500px;
	margin-left: auto;
	margin-right: auto;
}

table.wtg-index td {
	border: none;
}

a.wtg {
	background: #4273BF;
	opacity: 0.5;
	filter: alpha(opacity=50);
	display: block;
}

a.wtg:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

a.wtg:link, a.wtg:visited {
	text-decoration: none;
	border: none;
	text-align: center;
}


/* FORM ELEMENTS */

input {
	background-color: #E0E080;
	border: solid #404080 1px;
}

input.button {
	background-color: #C0C0FF;
	font-family: Verdana;
	font-size: 11px;
	border-width: 2px;
	border-color: white black black white;
	padding: 2px;
}

select.celebList {
	background-color: #6293DF;
	width: 60%;
	margin-left: auto;
	margin-right: auto;
}

select.celebList option:hover {
	background-color: lightblue;
}

option:focus {
	background-color: yellow;
}

option:disabled {
	color: #3263AF;
}


/* TABS */

table.tabs {
	width: 100%;
	border-style: solid;
	border-color: black;
	border-width: 1px 2px 2px 1px;
	border-collapse: separate;
	text-align: center;
}

table.browse {
	border: none;
}

table.browse th {
	border: none;
	margin: 2px;
	text-align: right;
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
}

table.browse td {
	border: none;
	margin: 2px;
	text-align: left;
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
}

div#tabs {
	clear: both;
}

ul.tabs {
	list-style-type: none;
	marker-offset: 0px;
	margin: -32px;
}

ul.tabs li {
	background-image: url(ui/tab.gif);
	background-position: center left;
	background-repeat: no-repeat;
	width: 120px;
	height: 24px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	display: inline;
	color: white;
	text-align: center;
	font-weight: bold;
}

ul.tabs li.on {
	background-image: url(ui/tab-on.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}

div#divTabs {
	margin: 0px;
	padding: 0px;
	background-color: yellow;
}

ul#listTabs {
	list-style-type: none;
	marker-offset: 0px;
}

ul#listTabs li {
	background: darkblue;
	color: yellow;
	padding: 4px;
	margin: 8px;
	float: left;
	display: inline;
}

ul#listTabs li.tabActive {
	background: darkblue;
	color: white;
	font-weight: bold;
	padding: 4px;
	margin: 8px;
	float: left;
	display: inline;
}

ul#listTabs li a:hover {
	background-color: yellow;
	color: darkblue;
}

div.tabHead {
	clear: both;
	width: 60%;
	margin: 0px auto 0px auto;
	padding: 2px;
}

div.tabBody {
	margin: 0px auto 8px auto;
	text-align: center;
}

option.heading {
	background-color: black;
	color: white;
}

.tabVisible {
	visibility: visible;
	display: inline;
	clear: both;
}

.tabHidden {
	visibility: hidden;
	display: none;
}

/* SECTIONS */

div.sectionBodyVisible {
	background-image: url(ui/bgsection.png);
	background-position: top left;
	background-repeat: repeat-y;
	margin: 0px;
	padding: 4px;
	padding-left: 16px;
}

div.sectionBodyHidden {
	visibility: hidden;
	display: none;
}

div.sectionBanner {
	background-image: url(ui/gradient.png);
	background-position: center left;
	background-repeat: no-repeat;
	height: 16px;
	margin: 0px 0px 0px 0px;
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	color: white;
}

div.sectionBanner a:link {
	display: block;
}

div.sectionBanner a:hover {
	background-color: transparent;
}

div.sectionBanner img {
	vertical-align: middle;
	margin-right: 8px;
}

div.subSectionHead {
	width: auto;
	margin: 2px 0px 2px 0px;
	padding: 2px 24px 2px 24px;
	background-color: #000040;
	color: yellow;
	clear: both;
}

h2 {
	width: auto;
	clear: both;
	margin: 2px 0px 2px 0px;
	padding: 2px 24px 2px 24px;
	background-color: #000040;
	font-size: small;
	color: yellow;
	clear: both;
}

div.subSectionBody {
	visibility: hidden;
	display: none;
	position: relative;
}


/* STATS SECTION */

table.bio {
	background: #4273BF url(ui/info.jpg) no-repeat center;
	border: solid 1px #22539F;
	border-collapse: collapse;
	padding: 4px;
	font-size: 1em;
	visibility: visible;
}

table.bio th {
	padding: 2px 5px 2px 10px;
	text-align: right;
	font-weight: bold;
}

table.bio td {
	border-bottom: solid 1px #22539F;
	padding: 2px 10px 2px 5px;
	text-align: left;
}


/* LINKS SECTION */

ul.database {
	list-style-image: url(ui/link_db.gif);
}

ul.internal {
	list-style-image: url(ui/link_int.gif);
}

ul.external {
	list-style-image: url(ui/link_ext.gif);
}