/* CSS Document */

	/* PAGE WIDE DEFAULTS */
	*{
	margin:0; padding:0; outline:none;
	}

	body {
		width:100%;
		text-align:center;
		background: #ffffff;
		color:#444;
		font-family: arial, helvetica, sans-serif;
		font-size:.8em
	}

	#container {
		position:relative;
		background:#ffffff;
		text-align:center; 
		margin:auto;
		width:100%; min-height:400px
		
	}

	img 
	{
		border:0;
		background:transparent
	}
	
	p {
		margin:8px;
		padding:10px;
		line-height:1.5em
	}
	
	i, em 
	{
		color:#000;
		background:transparent
	}
	
	a:link, a:visited
	{
		text-decoration:none;
		color:#2e6ab1; 
	}

	a:hover, a:active 
	{
		color:#f50;
		text-decoration:underline;
	}
	
	h1, h2, h3, h4, h5, h6, p, ul, ol ,dl 
	{
		padding:5px ;
	}
	
	h1 
	{
		font-size:18px;
	}
	
	 h2, h3, h4, h5, h6 {
	 	font-size:14px;
		font-weight:bold;
	 }			

	fieldset
	{
		padding: 5px;
	}

	label
	{
		position:relative;
		display: inline-block;
		padding: 5px;
		font-size:.9em;
		float:left;
	}
	
	select 
	{
		padding-left:0px;
		
		margin:4px 3px;
	}
	
		input
	{
		padding-left:5px;
		margin:4px 3px;
	}
	
	/* Head styles */
					
	#head {
	
		text-align:left; 
		height:120px;
		color: #000; 
		border-bottom: 5px solid #8ccd09; 
		background: #fff;
		background-position: left; 
	}

	#head img {
		margin:25px 0 0 15px; 
		border: 0
	}
	
	#head ul, #searchbar ul { 
		padding:3px 15px;
		bottom:5px; 
		right: 10px;
		list-style-type:none;
		float:right;
		color: #cfe4ad;
		background:transparent;

	}

	#head ul li, #searchbar ul li  {
		padding:3px;
		margin:0; 
		display:block; 
		display:inline
	}

	#head ul li a, #searchbar ul li a{
		text-decoration:none; 
		padding:0;
		margin:0; 
		display:block; 
		display:inline;
		font-size:12px;
		font-family: verdana, arial, sans-serif;
	}
	
	#head ul li a:link, #head ul li a:visited{
		color: #0066cc;
	}
	#head ul li a:hover, #head ul li a:active{
		color:#f50
	}


	/* Searchbar styles below the head */
				
	#searchbar 
	{
		min-height:25px;
		font-family: arial, helvetica, sans-serif;
		text-align:left;
		padding:7px 15px 7px 5px;
		margin-top:0px;
		background: #2686ff; 
		color:#fff;
	}
	
	#searchbar form 
	{
		text-align:right;
	} 
	
	#searchbar ul 
	{
		padding-top:10px;
		position:relative;
		float:left; 
		left:5px	
	}
	
	#searchbar ul li 
	{
		padding-left:13px;
		background: #2686ff url(fcimage/orangedot.gif); 
		background-repeat:no-repeat;
		background-position:left center
	} 

	#searchbar ul li a:link, #searchbar ul li a:visited
	{
		color:#fff
	}
	
	#searchbar ul li a:hover, #searchbar ul li a:active
	{
		color:#fa6;
	}
			
	/* END HEAD STYLES */

	/* Footer style */ 
	
	#foot 
	{

		background:  #2686ff ;
		text-align:left;
		margin-top:40px; 
		padding-top: 5px; 
		padding-left: 5px; 
		height:120px;
		clear:both; 
		color:#fff;
		border-top: 6px solid #8ccd09;
		font-size:.75em;
	}
	
	/* END Footer STYLES */
	
	/* START BODY ELEMENTS */
	
	/* page wrapper */
	#content 
	{
		min-height:300px;
		width:100%;
		font-size:.9em;
		padding:40px 0 20px 0;
	}

	/* COLUMNS */
	
	.onecol 
	{
		position:relative;
		text-align:left; 
		font-family: arial, helvetica, sans-serif;
		float:left;
		width:98%;
	}

	/* twocol only pairs with a smalltricol*/	
	.twocol 
	{
		position:relative;
		text-align:left; 
		font-family: arial, helvetica, sans-serif; 
		float:left;
		border: 0;
		width:72%;
		margin: 0;
		padding-left:8px;
		padding-right:8px;
	}
	/* nasho.. twocol only pairs with tricol*/	
	.twocol_alt 
	{
		position:relative;
		text-align:left; 
		font-family: arial, helvetica, sans-serif; 
		float:left;
		border: 0;
		width:72%;
		margin: 0;
		padding-left:8px;
		padding-right:8px;
	}
	.tricolsmall 
	{
		position:relative;
		float:left;
		border:0;
		width:25%;
		text-align:left; 
	}
	
	.tricol 
	{
		position:relative;
		float:left; 
		border:0;
		width:32%; 
		margin:0 auto;
		text-align:left;
	}
			
	/* halfcols occupies half the page. pairs well only with another halfcol */
	.halfcol 
	{
		position:relative;
		text-align:left; 
		float:left;
		border: 0;
		width:49%;
		margin: 0 2px
	}


	
	/* COLUMN DEFAULTS */
	.onecol div, .twocol div, .tricol div, .tricolsmall div, halfcol  div
	{
		margin: 8px
	}
	
	.tricol form, .twocol form, .tricolsmall form
	{
		margin: 8px;
		padding:10px 0;
	}
	
	.twocol form.transback 
	{
		background: transparent;
		color:#333	
	}	



	/* COLUMN HEADER */
	
	.cathead 
	{
		margin: 8px;
		font-size: 1.6em;
		text-indent:5px;
		border-bottom:2px solid #7cb706;
		background: transparent;
		color: #0066cc;
		padding-top:20px;
		clear:both;
		text-transform:capitalize;	
	}


	/* Single Instance (IDs) */
	#collection, #mylist, #profile, #recentaddition, 
	.genuseblock  /*classed equivalent */	
	{
		margin: 8px;
	}

	/* Collection Styles*/
	#collection a,  
	.collection a /* for repeating instances */
	{
		text-align:right;
		margin:8px 2px;
		padding:13px 0;
		border:1px solid #cfe4ad;
		width:45%; 
		float:left; 
		display: inline;
		text-transform:capitalize;
		text-decoration:none
	}
	.collection a 
	{
		width:auto
	}
	
	#collection span, 
	.collection a
	{
		padding-right:5px;
		background:transparent;
		color:#999;
	}
	
	#collection a:link, #collection a:visited,
	.collection a:link, .collection a:visited {
		color:#2e6ab1;
	}

	#collection a:hover, #collection a:active	
	.collection a:hover, .collection a:active {
		/*
		margin:8px 2px 6px 2px;
		border-top: 1px solid #cfe4ad;
		border-right: 1px solid  #86b254;
		border-bottom: 3px solid  #b2d281;
		border-left: 1px solid #cfe4ad;
		*/
		color:#f50
	}

	#collection a:active 
	.collection a:active {
		
		border-top: 1px solid #cfe4ad;
		border-right: 1px solid  #86b254;
		border-bottom: 3px solid  #b2d281;
		border-left: 1px solid #cfe4ad;
	}
	
	

	#coltype18, #coltype6, #coltype14, #coltype5, #coltype9, #coltype1, #coltype3,
	#coltype13, #coltype2, #coltype12, #coltype11, #coltype27, #coltype28, #coltype29,
	#coltype4, #coltype34, #coltype24, #coltype21, #coltype23, #coltype20, #coltype22,
	#coltype35, #coltype25, #coltype36, #coltype15, #coltype17, #coltype32, 	
	#coltype19, #coltype10, #coltype7, #coltype8, #coltype0, #coltype37, #coltype16,
	#coltype30, #coltype31, #coltype26, #coltype33
		
	 {
		background: transparent url(fcimage/iconarray.gif);
		background-repeat:no-repeat ;
		background-position:0 -15px;	
	}	

	#coltype18
	{
		background-position:0 -15px;
	}

	#coltype6
	{
		background-position:0 -65px;
	}
	#coltype14
	{
		background-position:0 -115px;
	}
	#coltype5
	{
		background-position:0 -165px;
	}
	#coltype9
	{
		background-position:0 -215px;
	}
	#coltype1
	{
		background-position:0 -265px;
	}
	#coltype3
	{
		background-position:0 -315px;
	}
	#coltype13
	{
		background-position:0 -365px;
	}
	#coltype2
	{
		background-position:0 -415px;
	}
	#coltype12
	{
		background-position:0 -465px;
	}
	#coltype11
	{
		background-position:0 -515px;
	}
	#coltype27
	{
		background-position:0 -565px;
	}
	#coltype28
	{
		background-position:0 -615px;
	}
	#coltype29
	{
		background-position:0 -665px;
	}
	#coltype4
	{
		background-position:0 -715px;
	}
	#coltype34
	{
		background-position:0 -765px;
	}
	#coltype24
	{
		background-position:0 -815px;
	}
	#coltype21
	{
		background-position:0 -865px;
	}
	#coltype23
	{
		background-position:0 -915px;
	}
	#coltype20
	{
		background-position:0 -965px;
	}
	#coltype22
	{
		background-position:0 -1015px;
	}
	#coltype35
	{
		background-position:0 -1065px;
	}
	#coltype25
	{
		background-position:0 -1115px;
	}
	#coltype36
	{
		background-position:0 -1165px;
	}
	#coltype15
	{
		background-position:0 -1215px;
	}
	#coltype17
	{
		background-position:0 -1265px;
	}
	#coltype32
	{
		background-position:0 -1315px;
	}
	#coltype19
	{
		background-position:0 -1365px;
	}
	#coltype10
	{
		background-position:0 -1415px;
	}
	#coltype7
	{
		background-position:0 -1465px;
	}
	#coltype8
	{
		background-position:0 -1515px;
	}
	#coltype0
	{
		background-position:0 -365px;
	}
	#coltype37
	{
		background-position:0 -1615px;
	}
	#coltype16
	{
		background-position:0 -1665px;
	}
	#coltype30
	{
		background-position:0 -1715px;
	}
	#coltype31
	{
		background-position:0 -1765px;
	}	
	#coltype26
	{
		background-position:0 -1815px;
	}
	#coltype33
	{
		background-position:0 -1865px;
	}	
	/* MYLIST GROUP Styles*/
		
	#mylist a 
	{
		text-align:left;
		margin:0 5px;
		padding:5px 5px 2px 5px;
		border-bottom:1px solid #dedede;
		text-decoration:none;
		width: 94%; 
		display:block;
		text-indent:5px;
		text-transform:capitalize;
		position:relative
	}
	
	#mylist a:link, #mylist a:visited{
		color:#2e6ab1;
	}
	#mylist a:hover, #mylist a:active{
		padding-top:4px;
		padding-bottom:2px;
		border-top: 1px solid #8ccd09; 
		border-bottom: 1px solid #8ccd09;
		color:#f50;
		background:#fbfaf5; /*#e5ecf3;  */
	}


	/* Profile Styles */

	#profile ul{
		list-style-type: none;
		padding:10px;
		/* commented by nasho, having trouble with <a>
		position:relative
		*/
	}
	#profile ul li{
		line-height: 1.5em
	}
		
	/* Table Styles */ 
	table 
	{
		font-size:1em;
		position:relative;
		width:100%;
		padding:8px;
		margin-bottom:10px;
	}
	
	/*nasho table tr, table tr td
	{
		vertical-align:top
	}
*/
	/* table head  */
	
	thead tr, /* default */
	.collectiontable thead tr, 
	.searchtable thead tr 
	{
		height:32px;
	}

	thead caption  /* default */
	{
		font-size:12px;
		font-weight:bold	
	}
	
	thead tr th, /* default */
	.collectiontable thead tr th,
	.searchtable thead tr th 
	{
		background:#ccc;
		color:#fff;
		background-image: url(fcimage/tableheader.jpg);
		background-position:top center;
		background-repeat:no-repeat;
		padding-bottom:7px;
		padding-left:5px;
		font-weight: bold;
		text-indent:3px;
		border-right:1px solid #fff;
		border-bottom:1px solid #fff;
		vertical-align:bottom;
	}
	
	/* to differentiate table head background */
	
	/*nasho thead tr th   /* default */
	/*nasho {
		background-image: url(fcimage/tableheader2.jpg)
	}
	*/
	.searchtable thead tr th  
	{
		background-image: url(fcimage/tableheaderblue.jpg);
	}

	.collectiontable thead tr th.firstth,
	.searchtable thead tr th.firstth  {
		background-position:left top;
	}
	
	.collectiontable thead tr th.lastth,
	.searchtable thead tr th.lastth 
	{
		background-position:right top;
		border-right:0;
	}
	
	/* table foot */
	/*nasho tfoot, /* default */
	.collectiontable tfoot,
	.searchtable tfoot 
	{
		background:#dedede;
		color:#fff;
		height:15px
	}
	
	/*nasho tfoot tr th,  /* default */
	.collectiontable tfoot tr th,
	.searchtable tfoot tr th
	{
		color: #fff;
		background-image: url(fcimage/tablefooter.jpg);
		background-position:bottom center;
		background-repeat:no-repeat;
		vertical-align:bottom;
	}
	
	/*nasho tfoot tr th   /* default */
	/*nasho {
		background-image: url(fcimage/tablefooter2.jpg);
	}
	*/
	.searchtable tfoot tr th
	{
		background-image: url(fcimage/tablefooterblue.jpg);
	}
	
	.collectiontable tfoot tr th.firstth,
	.searchtable tfoot tr th.firstth
	{
		background-position:left bottom;
	}
	
	.collectiontable tfoot tr th.lastth,
	.searchtable tfoot tr th.lastth 
	{
		background-position:right bottom;
	}

	
	/* table body */
	
	/*nasho tbody tr:hover,  /* default */
	.collectiontable tbody tr:hover, 
	.searchtable tbody tr:hover
	{
		background: #fbfaf5;
	}

	.bookshelf tbody tr:hover
	{
		background: #fff;
	}

	tbody tr th, /* default */
	.collectiontable tbody tr th,
	.searchtable tbody tr th
	{
		text-align:center;
		vertical-align:middle;
		border: 1px solid #8ccd09;
		border-top: 0; 
		padding:2px;
	}
	

	tbody tr th /* default */
	{
		border: 1px solid #dedede;
		border-top: 0; 
		padding:5px;	
	}
   
	
	.searchtable tbody tr th {
		border-right: 1px solid #999;
		border-bottom:1px solid #999;
		border-left: 1px solid #999;	
	}
	
	 tbody tr td  /* default */
	{
		border-right: 1px solid #dedede;
		border-bottom:1px solid #dedede;	
	}

	
	.searchtable tbody tr td
	{
		border-right: 1px solid #999;
		border-bottom:1px solid #999;	
	}
	
	 .collectiontable tbody tr td 
	{
		border-right: 1px solid #8ccd09;
		border-bottom:1px solid #8ccd09;
	}
	
	 tr td,  /* default */
	.collectiontable tr td,
	.searchtable tr td 
	{
		padding:5px;
		border:1px solid #efefef;
	}

	/* FOR BOOKSHELF */
	.bookshelf tbody tr td  {
		padding:10px
	}
	.bookshelf tbody tr td img,
	.bookshelf tbody tr td a img
	{
		text-align:center;
		border:1px solid #fff;
		padding:4px;
		margin:4px;
		display:inline;
		vertical-align:bottom;
	}

	.bookshelf tbody tr td img:hover
	{
		text-align:center;
		border: 0;
		padding:4px;
		margin:4px;
		display:inline;
		border:1px solid #dedede;
		text-decoration:none;
	}
	.bookshelf tbody tr td a:hover
	{
		border:0;
		text-decoration:none;
	}	
	.bookshelf thead tr th
	{
		border:0;
	}	
	/* unique table columns */

	.iconcolumn {
		width:15px;
		background: transparent;
		color:#000
	}
		
	.imagecolumn
	{
		padding:5px 2px;
		margin:auto 0;
		text-align:center;
		vertical-align:middle;
	}


	.checkboxcolumn {
		width:15px;
		background: #fff;
		color:#000
	}
		
	 /* unique table data */
	 .tdfieldset {
	 	position:relative;
		width:100%;
		vertical-align:bottom;
		text-align:right;
		float:right;
		display:block;
		clear:both;
		border:0;
		margin:-5px;
		margin-top:4px;
		padding:3px 5px;
		background:#efefef;
		color:#2e6ab1;
		font-size:11px;
	 }			
	 
	 
	/* Image handlers */

	.imgblock {
		position:relative;
		display:block;
		text-align:center;
		padding:10px 15px;		
		border: 0;
		float:left;
	
	}
	
	.imgblock img 
	{
		border: 0;
		/* nasho commented fixed width and height
		width:100px;
		height:100px;
		*/
		display:block;
	}
	
	.imgframe
	 {
		text-align:center;
		padding:5px 5px 20px 5px;
		float:left
	}
	
	.imgframe img 
	{
		text-align:center;
		display:block;
		clear:both;
		padding: 15px 15px 5px 15px;
		margin:5px;
		
	}
	
	.imgframe a 
	{
		font-size:.7em;
		display:block;
		clear:both
	}

	.smallimgframe 
	{
		text-align:center;
		padding:3px;
		width:70px;
		float:left
	}
	
	.smallimgframe img 
	{
		text-align:center;
		display:block;
		clear:both;
		padding:3px;
		margin:2px
	}
	
	.smallimgframe a 
	{
		font-size:.7em;
		display:block;
		clear:both
	}

	.zoom {
		background: transparent url(fcimage/zoom.png); 
		background-repeat:no-repeat ;
		background-position:15px center
	}
			
	/* special list formats */
		
	.twocol ul
	{
		padding:15px 5px 5px 5px;
		color:#666;
		background:transparent;
		list-style-type:none
	}

	.twocol ul li
	{
		padding: 5px;
		color:#666;
		background:transparent;
		display:block
	}	

	.linkline {
		border:0;
		border-top:2px dotted #cfe4ad;
		border-bottom:2px dotted #cfe4ad;
		display:block;
		clear:both;
		background: #fbfaf5;
		margin:20px 10px;
		padding: 5px 5px 5px 5px
	}
	
	.linkline a {
		text-decoration:none;
		background: transparent url(fcimage/orangedot.gif); 
		background-repeat:no-repeat;
		background-position:left center;
		padding:  2px 10px 2px 14px;
		display:inline
	}

	
	/* RECENT ADDITION GROUP */

	.recentadditionblock 
	{
	position:relative;
	padding-top:5px;
	padding-bottom:4px;
	display:block;
	\float:left; /* hack for ie: \ used to avoid doubling margins on floated elements */
	clear:both;
	width:98%;
	min-height:60px;
	border-top:1px solid #efefef;
	}
	/*nasho*/
	.recentadditionblocktextonly
	{
		min-height:0px;
	}
	/*end nasho*/
	.recentadditionblock img 
	{
		padding:5px; 
		margin-right:15px; 
		float:left; 
	}
	
	.recentadditionblock p 
	{
		padding-left: 0;
	}
	
	.recentadditionblock cite
	{
		display:block;
		clear: left
	}	
	
	.recentadditionblock a 
	{
		line-height:1.5em;
		color:#2e6ab1;
		background:transparent;
		text-decoration:none;
	}
	
	.recentadditionblock a:link, .recentadditionblock a:visited 
	{
		color:#2e6ab1;	
	}
	
	.recentadditionblock a:hover, .recentadditionblock a:active 
	{
		color:#f50; 
		text-decoration:underline;
	}
	
	.recentadditionblock .collection a:link, 
	.recentadditionblock .collection a:visited 
	{
		padding: 3px 5px;
		color:#2e6ab1;	
	}
	
	.recentadditionblock .collection a:hover, 
	.recentadditionblock .collection  a:active 
	{
		padding: 3px 5px;
		color:#f50; 
		background: #fbfaf5;
		border:1px solid #7cb706;
		text-decoration:none;
	}
	
	
	/* costumasation classes */
	.clearboth{
		clear:both
	}
	
	.floatleft {
		float:left 
	}
	.floatright {
		float:right 
	}
	.block {
		display:block
	}
	.inline {
		display:block
	}
	.grayrightborder {
		border-right:2px solid #dedede;
	}
	.noborder {
		border:0
	}
	.thingrayborder {
		border:1px solid #dedede
	}
	.thinoliveborder {
		border:1px solid #8ccd09
	}
	.thinblackborder {
		border:1px solid #000
	}
	.thinblueborder {
		border:1px solid #005B9A
	}
	.leftalign {
		text-align:left
	}
	.centered {
		text-align:center;
	}
	/*nasho*/
	.verticalcentered {
		vertical-align:middle;
	}
	
	.rightalign {
		text-align:right
	}
	.largefont {
		font-size:large
	}
	.mediumfont {
		font-size:medium
	}
	.smallfont {
		font-size:small
	}
	/*nasho*/
	.xsmallfont {
		font-size:smaller;
	}
	.boldfont {
		font-weight:bold;
	}
	.underline {
		text-decoration:underline
	}
	.undecor {
		text-decoration:none
	}
	.strikethru {
		text-decoration:line-through;
	}
	
	.redfont {
		color:#f00
	}
	.orangefont {
		color:#f30
	}	
	.bluefont {
		color:#039
	}
	.greenfont {
		color:#090
	}
	.blackfont {
		color:#000
	}
	/*nasho*/
	.grayfont {
		color:#CCCCCC;
	}
	/*nasho*/
	.linkcolorfont {
		color:#2e6ab1;
	}
	.nobackground {
		background:#fff;
	}
	.lightbluebackground {
		background:#e5ecf3
	}
	.lightgreenbackground {
		background:#f3fcf3
	}
	.nopadding {
		padding:0;
	}
	.lightbrownbackground {
		background:#fbfaf5
	}
	
/*nasho all the way down*/
	.recentallusersaddition td
	{
		border:0px;
	}
	
	.indent
	{
		padding-left:15px;
	}
	.localebuttons
	{
		vertical-align:middle;
		padding:0px;
		margin:3px;
	}
	/* collectiononeline Styles*/
	#collectiononeline a,  
	.collectiononeline a /* for repeating instances */
	{
		text-align:right;
		margin:8px 2px;
		padding:13px 0;
		border:1px solid #cfe4ad;
		width:95%; 
		float:left; 
		display: inline;
		text-transform:capitalize;
		text-decoration:none
	}
	.collectiononeline a 
	{
		width:auto
	}
	
	#collectiononeline span, 
	.collectiononeline a
	{
		padding-right:5px;
		background:transparent;
		color:#999;
	}
	
	#collectiononeline a:link, #collectiononeline a:visited,
	.collectiononeline a:link, .collectiononeline a:visited {
		color:#2e6ab1;
	}

	#collectiononeline a:hover, #collectiononeline a:active	
	.collectiononeline a:hover, .collectiononeline a:active {
		margin:8px 2px 6px 2px;
		border-top: 1px solid #cfe4ad;
		border-right: 1px solid  #86b254;
		border-bottom: 3px solid  #b2d281;
		border-left: 1px solid #cfe4ad;
		color:#f50
	}

	#collectiononeline a:active 
	.collectiononeline a:active {
		border-top: 1px solid #cfe4ad;
		border-right: 1px solid  #86b254;
		border-bottom: 3px solid  #b2d281;
		border-left: 1px solid #cfe4ad;
	}

	/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.somediv{
width: 350px;
clear: left;
border: 1px solid gray;
}

.somediv .floatbox{
float: left;
width: 155px;
}

* html .somediv p{ /* IE 3px jog hack*/
height: 1%;
}

.somediv p{
margin-top: 0;
margin-left: 156px;
}

/*tooltip */
a.tt {
	/*border-bottom: 1px dashed brown;*/
	text-decoration: none;
}

a.tt:hover {
	position: relative;
	text-decoration: none;
}

a.tt span {
	display: none;
	width:400px;
	text-decoration: none;
}

a.tt:hover span {
	display: block;
   	position: absolute; top: 10px; left: 0;
	/* formatting only styles */
   	padding: 5px; margin: 10px; z-index: 100;
   	background: #f0f0f0; border: 1px dotted #c0c0c0;
		
	/*opacity: 0.9;*/
	/* end formatting */
}
/*end tooltip*/
#leftcolumn { width: 50%;  float: left; display:inline;}
#rightcolumn { width: 50%; float: right; text-align:right; padding-top:5px}
.clear { clear: both;}