/* STEM/cc/ck/stories/stories.css -- (c)2010 McLean Media, all rights reserved -- @version 2010-05-31 */

@import "../ckRoot.css";
@import "../ckTool.css"; /* <<<< NEW STUFF [rt] */

#content {
	background-image: url('profileHeaderBkgnd.gif');
	background-repeat: repeat-x;
}

/* --- contentHeader --- */
#contentHeader {
	height: 40px;
}

#contentHeader p.p1 {
	position: absolute;
	display: block;
	top: 48px;
	left: 25px;
	width: 400px;
	font: normal 10px "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	background-color: transparent;
}

#contentHeader #search {
	height: 40px;
}

#contentHeader #search .searchButton a {
	position: absolute;
	width: 64px;
	height: 22px;
	top: 14px;
	left: 700px;
	background-image: url('search.gif');
	background-repeat: no-repeat;
}

#contentHeader #search .searchButton a.disabled {
	background-image: url('searchDisabled.gif');
}

#contentHeader #search .searchButton a span {
	display: none;
}

#contentHeader #selection {
	height: 40px;
}


/* --- searchHeader --- */
#searchHeader {
	display: block;
	position: relative;
	height: 40px;
	width: 980px;
	margin: 0px;
	padding: 0px;
	color: #184F66;
	text-align: left;
}

#searchHeader #search .resetButton a {
	display: block;
	position: absolute;
	top: 14px;
	left: 820px;
	width: auto;
	height: auto;
	margin: 0px;
	background-color: transparent;
	text-decoration: underline;
}


/* --- searchDetail --- */
#searchDetail {
	width: 980px;
	padding 0px;
	margin: 0px;
	font-size: 24px;
	vertical-align: top;
}

#searchDetail .diana {
	display: block;
	position: absolute;
	left: 33px;
	top: 345px;
	width: 230px;
	height: 164px;
	background-image: url('diana_dolphin.jpg');
}
#searchDetail .ferg {
	display: block;
	position: absolute;
	right: 10px;
	top: 260px;
	width: 200px;
	height: 230px;
	background-image: url('ferg.gif');
}

#searchDetail #findAllBtn a {
	display: block;
	position: absolute;
	width: 152px;
	height: 28px;
	left: 48px;
	top: 6px;
	background-image: url('searchAll.gif');
	background-repeat: no-repeat;
}

#searchDetail #findAllBtn a span {
	display: none;
}

#searchDetail #findAllBtn a.disabled {
	background-image: url('searchAllDisabled.gif');
	background-repeat: no-repeat;
}


#searchDetail p.browseInfo{
	position: absolute;
	width: auto;
	height: auto;
	top: 10px;
	left: 311px;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	color: #184F66;
	background-color: transparent;
}

#searchDetail h2 {
	margin: 10px 0px 8px 0px;
	text-align: center;
}

#searchDetail ul {
	list-style-type: none;
}

#searchDetail li {
	margin: 2px 0px 0px 10px;
	padding: 0px;
}

#bornRanges {
	position: absolute;
	top: 333px;
	left: 267px;
	width: 489px;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

#bornRanges h2 {
	font-size: 20px;
	margin: 0px 0px 8px 0px;
	padding: 0px;
}

#bornRanges p {
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	line-height: 28px;
}

#bornRanges a:hover {
	cursor: pointer;
}


#bornRanges span {
	font-size: 10px;
	color: #666666;
	background-color: transparent;
}

#fieldCodes {
	position: absolute;
	top: 80px;
	left: 50px;
	width: 880px;
	height: 250px;
}

#fieldCodes h2 {
	text-align:left;
	font-size: 20px;
	margin: 0px 0px 8px 0px;
	padding: 0px;
}

#fieldCodes ul Li a {
	font-size: 12px;
}

#fieldCodes ul Li a:hover {
	font-size: 12px;
	cursor: pointer;
}

#fieldCodes ul.ul1 {
	position: absolute;
	font-size: 12px;
	left: 40px;
	width: 164px;
	top: 10px;
}

#fieldCodes ul.ul2 {
	position: absolute;
	font-size: 12px;
	left: 195px;
	width: 183px;
	top: 42px;
}

#fieldCodes ul.ul3 {
	position: absolute;
	font-size: 12px;
	left: 400px;
	width: 216px;
	top: 10px;
}

#fieldCodes ul.ul4 {
	position: absolute;
	font-size: 12px;
	left: 600px;
	width: 210px;
	top: 42px;
}

#fieldCodes span {
	font-size: 10px;
	color: #003366;
	background-color: transparent;
}


/* --- resultsHeader --- */
#resultsHeader {
	display: none;
	position: relative;
	height: 40px;
	width: 980px;
	margin: 0px;
	padding: 0px;
	color: #184F66;
	background-color: transparent;
	background-image: url('profileHeaderBkgnd.gif');
	background-repeat: repeat-x;
	text-align: left;
}

#resultsHeader p {
	display: block;
	margin: 0px;
}

#resultsHeader #resultsReady {
	position: relative;
	top: 10px;
	left: 20px;
	width: 600px;
	font-size: 12px;
	color: #184F66;
	background-color: transparent;
	padding: 0px;
	margin: 0px;
}

#resultsHeader #searchCriteria {
	position: absolute;
	top: 24px;
	left: 24px;
	width: 600px;
	color: #184F66;
	font-size: 10px;
	background-color: transparent;
}

#resultsHeader #searchCriteria strong {
	font-size: 12px;
}

#resultsHeader .searchAgainButton a {
	position: absolute;
	width: 98px;
	height: 22px;
	top: 14px;
	left: 700px;
	background-image: url('searchAgain.gif');
	background-repeat: no-repeat;
}

#resultsHeader .searchAgainButton a span {
	display: none;
}

#resultsHeader .searchAgainButton a.disabled {
	background-image: url('searchAgainDisabled.gif');
}

#resultsHeader #resultsLoading {
	display: none;
	position: absolute;
	top: 10px;
	left: 806px;
	padding: 0px;
	margin: 0px;
	width: 16px;
	height: 16px;
	background-image: url('loader.gif');
	background-color: transparent;
}

/* --- resultsDetail --- */

#srcDstTable {
	width: 732px;
}

#srcDstTable.tinted {
	background-color: transparent;
}

#resultsDetail {
	position: relative;
	display: none;
	top: 6px;
	left: 120px;
	width: 780px;
	height: auto;
	padding: 0px;
	margin: 0px;
	vertical-align: top;
}

#src {
	width: 780px;
	border: none;
	padding-bottom: 10px;
}

#resultsDetail #srcHeader {
	width: 780px;
	height: 34px;
	margin: 0px;
	padding: 0px;
	border: none;
}

#resultsDetail #srcPageList {
	top: 0px;
	width: 772px; /* make this 8px less than srcHeader */
}

#resultsDetail .pageList p.p3 {
	display: none;
}

#resultsDetail .pageList p.p4 {
	display: none;
}

#resultsDetail #srcItemList {
	position: relative;
	width: 781px;  /* make this 1px more than srcHeader */
	border-right: 1px solid #CCCCCC;
}

#resultsDetail .item {
	width: 772px; /* make this 8px less than srcHeader */
	height: 50px;  /* was 32px; when using 32 x 32 thumbnail*/
	margin: 0px;
    padding: 2px 4px 2px 4px; /*  padding: 2px 0px; */
	cursor: pointer;
}

#resultsDetail .itemIcon {
	width: 60px;
}

#resultsDetail .itemText {
	margin-top: 8px;
    color: #184F66;
    width: 700px; /* make this 80px less than srcHeader */
}

#resultsDetail .itemText strong {
	color: #993300;
}


/* --- bioHeader --- */
#bioHeader {
	position: relative;
	display: none;
	height: 30px;
	background-color: transparent;
	background-image: url('profileHeaderBkgnd.gif');
	background-repeat: repeat-x;
}

#bioHeader #bioLoading {
	display: none;
	position: relative;
	top: 10px;
	left: 634px;
	padding: 0px;
	margin: 0px;
	width: 16px;
	height: 16px;
	background-image: url('loader.gif');
	background-color: transparent;
}


#bioHeader .prevBioButton a {
	position: absolute;
	width: 22px;
	height: 22px;
	top: 14px;
	left: 696px;
	background-image: url('prevBio.gif');
	background-repeat: no-repeat;
}

#bioHeader .prevBioButton a span {
	display: none;
}

#bioHeader .backToListButton a {
	position: absolute;
	width: 90px;
	height: 22px;
	top: 14px;
	left: 720px;
	background-image: url('backToList.gif');
	background-repeat: no-repeat;
}

#bioHeader .backToListButton a span {
	display: none;
}

#bioHeader .nextBioButton a {
	position: absolute;
	width: 22px;
	height: 22px;
	top: 14px;
	left: 814px;
	background-image: url('nextBio.gif');
	background-repeat: no-repeat;
}

#bioHeader .nextBioButton a span {
	display: none;
}


/* --- bioDetail --- */
#bioDetail {
	position: relative;
	display: none;
	left: 120px; /* 100px */
	width: 740px; /* 732 */
	height: auto;
	padding: 20px 20px 8px 20px;
	margin: 10px 0px 10px 0px;
	top: 6px;
	vertical-align: top;
	border: 1px solid #999999;
	background-color: transparent;
}

#bioDetail p {
	margin: 0px 0px 4px 0px;
	color: #000000;
	font-size: 12px;
}

#bioDetail #storyTable {
	width: 740px;
	height: 200px;
	border-collapse: collapse;
	border-spacing: 0px 0px;
	table-layout: fixed;
	border-width: 0px;
}

#contentDetail #storyTable td {
	width: 732px;
	padding: 0px;
	vertical-align: top;
}

#bioDetail #bioPhoto {
	position: absolute;
	top: 20px;
	left: 20px;
	height: 200px;
	margin: 0px;
}

#bioDetail #bioPhoto p.p2 {
	color: #666666;
	font-size: 9px;
	padding: 0px 0px 0px 8px;
	height: auto;
}

#bioDetail #bioStats {
	position: absolute;
	top: 0px;
	left: 212px;
	width: 490px;
	height: auto;
}

#bioDetail #bioStats h2 {
	margin: 8px 0px 20px 0px;
	font-weight: bold;
	font-size: 20px;
	width: 490px;
	height: auto;
}

#bioDetail #bioStats p.p4 {
	margin-top: 6px;
}

#bioDetail #bioStats p.p5 {
	margin-top: 0px;
}

#bioDetail #storyContent {
	position: relative;
	top: 0px;
	left: 0px;
	width: 714px;
	margin: 0px;
	padding: 0px 10px 20px 14px;
	color: #333333;
}

#bioDetail #storyContent h3 {
	margin: 10px 0px 10px 0px;
	color: #184F66;
	font-weight: bold;
	font-size: 16px;
}

#bioDetail .bioClipSet a {
	display: none;
	position: absolute;
	top: 30px;
	left: 614px;
	width: 84px;
	height: 20px;
	padding-top: 48px;
	background-color: transparent;
	background-image: url('bioClipSet.gif');
	background-repeat: no-repeat;
	background-position: top center;
	text-align: center;
	text-decoration: underline;
}