/* 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
}

/*
--------------------------------------------------------------------------------
What:	"Oranges in the sky" Styles(Table data design)
Who:	Krasimir Makaveev(krasi [at] makaveev [dot] com)
When:	15.09.2005(created)
--------------------------------------------------------------------------------
*/
/* Table Styles */
table
{
	font-size:1em;
	position:relative;
	width:100%;
	padding:0px;
	margin-bottom:0px;
}
thead tr
{
	height:32px;
}
thead caption  /* default */
{
	font-size:12px;
	font-weight:bold
}
thead tr th /*nasho*/
{
	background:#ccc;
	color:#fff;
	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;
}
tbody tr th /* default */
{
	border: 1px solid #dedede;
	border-top: 0;
	padding:0px;
}

tbody tr td  /* default */
{
	/*border-right: 1px solid #dedede;
		border-bottom:1px solid #dedede;
	*/
}
tr td
{
	border:1px solid #efefef;

}

.regulartable {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	color: #333;
}

.regulartable caption {
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: -1px;
	margin-bottom: 10px;
	padding: 5px;
	background: #efefef;
	border: 1px solid #ccc;
	color: #666;
}

.regulartable a {
	text-decoration: none;
	/*border-bottom: 1px dotted #f60;*/
	/*color: #f60;*/
	/*font-weight: bold;*/
}

.regulartable a:hover {
	text-decoration: none;
	color: #fff;
	background: #f60;
}

.regulartable tr th a {
	color: #369;
	border-bottom: 1px dotted #369;
}

.regulartable tr th a:hover {
	color: #fff;
	background: #369;
}

.regulartable thead tr th {
	font-size: 1em;
	color:black;
	/*text-transform: uppercase;*/
	background: #e2e2e2;
}

.regulartable tfoot tr th, .regulartable tfoot tr td {
	text-transform: uppercase;
	color: #000;
	font-weight: bold;
}
/* nasho
table tfoot tr th {
	width: 20%;
}

table tfoot tr td {
	width: 80%;
}
*/
.regulartable td, .regulartable th {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 5px;
	line-height: 1.8em;
	font-size: 1em;
	vertical-align: top;
	/*nasho width: 20%; */
}

.regulartable tr.odd th, .regulartable tr.odd td {
	background: #efefef;
}

/*nasho table tr, table tr td
	{
		vertical-align:top
	}
*/
/* table head  */

/* default */
.collectiontable thead tr, 
.searchtable thead tr 
{
	height:32px;
}


/* thead tr th,nasho*/ /* 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;
}

/*nasho 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;
}
.searchtable tbody tr th {
	border-right: 1px solid #999;
	border-bottom:1px solid #999;
	border-left: 1px solid #999;
}
.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;
}

/*nasho 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;}