/*
 * picsearch_rcorners.css
 *
 * Author: Jon Eriksmo
 * Email: jon@itano-systems.com
 * Last updated: 2009-05-20
 *
 */

/* Reset h1 (for image directory h1 in Firefox etc) */
h1 { margin: 0; font-size: 1.2em; font-weight: normal; }

/* Make sure the outside of the corner is transparent. */
div.box { background-color: transparent; }

/* Set default title background color. */
div.box div.title, div.box div.rtop div.r2, div.box div.rtop div.r3, div.box div.rtop div.r4 { background-color: #99999c; }

/* Set image directory title background */
div.imageDirectory div.title, div.imageDirectory div.rtop div.r2, div.imageDirectory div.rtop div.r3, div.imageDirectory div.rtop div.r4 { background-color: #77777c; color: white; }

/* Set default box background color. */
div.box div.content, div.box div.rbottom div.r2, div.box div.rbottom div.r3, div.box div.rbottom div.r4 { background-color: #ffffdf; }

/* Set default border color. */
div.box div.r1 { background-color: #99999c; }
div.box div.title, div.box div.content, div.box div.r2, div.box div.r3, div.box div.r4 { border-color: #99999c; }

/* Set image directory title border color. */
div.box div.r1 { background-color: #99999c; }
div.imageDirectory div.r2, div.imageDirectory div.r3, div.imageDirectory div.r4 { border-color: #99999c; }

/* Make sure the title is pushed upwards. */
div.title { padding: 0 5px; height: 1.3em; line-height: 1.3em; }
div.title span { position: relative; top: -3px; font-size: 1.2em; color: #fff; }

/* Set the borders of the box, except for r1 and r2 that are special. */
div.title, div.content, div.r4, div.r3 { border-left-style: solid; border-left-width: 1px; border-right-style: solid; border-right-width: 1px; }

/* These are the div's that make up the corners. */
div.r1 { margin: 0 5px; height: 1px; overflow: hidden; }
div.r2 { border-left-style: solid; border-left-width: 2px; border-right-style: solid; border-right-width: 2px; margin: 0 3px; height: 1px; overflow: hidden; }
div.r3 { margin: 0 2px; height: 1px; overflow: hidden; }
div.r4 { margin: 0 1px; height: 2px; overflow: hidden; }


/*
 * picsearch_main.css
 *
 * Author: Jon Eriksmo
 * Email: jon@itano-systems.com
 * Last updated: 2009-05-20
 *
 */
 
/* 
 * Global style
 */
body { font-family: arial, helvetica, sans-serif; font-size: 63.5%; background-color: #fff; padding: 5px 50px 0 50px; margin: 0; color: #444; }
a {	color: #1436bb; }
a:hover { color: #5577FF; }
a img { border: none; }
input { font-family: arial, helvetica, sans-serif; font-size: 9pt; }
.clear { clear: both; }
.center { text-align: center; }
.right { float: right; }
.bigger { font-size: 1.3em; font-weight: bold; }
p.results, div.footer { text-align: center; }
form.searchForm, div.content p, div.content li, div.title span, div.footer a, div.innerBox div.content { font-size: 9pt; }
div.title { text-align: center; }
div.title span div, div.subtitle span div { display: inline; }
div.content { padding: 0 5px; margin: 0; overflow: hidden; }
div.content p { margin: 0; padding: 10px 5px; font-size: 9pt; }

/*
 * The search header
 */
div.searchHeader a.picsearchLogo { display: block; width: 120px; height: 57px; position: absolute; top: 0px; left: 1px; z-index: 1; }
div.searchHeader a.textResults { display: block; text-align: left; margin-top: 30px; font-size: 1.4em; }
div.searchHeader { position: relative; text-align: center; height: 100px; padding: 0 130px; }
div.searchHeader { position: relative; text-align: center; height: 100px; padding: 0; }
div.searchHeader div.headerLeft { float: left; } 
div.searchHeader div.headerRight { line-height: 1.2em; float: left; font-size: 0.8em; padding-left: 10px; }
div.searchHeader div.headerRight a { white-space: nowrap; }

/*
 * The image search
 */
body.imageSearch { padding: 5px 0 0 0; }
div#mostPopularSlogan h1 { color: #444; font-size: 1.7em; }
div#mostPopularSlogan { font-size: 1.2em; text-align: center; margin-bottom: 2em; }
div#resultContent { text-align: center; }
div.innerBox { display: block; width: 158px; margin: 4px; float: left; padding: 0; }
div.innerBox div.content { padding: 5px 0; text-align: center; }
div.innerBox div.content div.imgContainer { width: 128px; height: 128px; text-align: center; overflow: hidden; margin: 0 auto 5px auto; }
div.innerBox div.content span.imageData { padding: 0 0.3em; }
div.innerBox div.title, div.innerBox div.rtop div.r2, div.innerBox div.rtop div.r3, div.innerBox div.rtop div.r4 { background-color: #fff; }
div.innerBox div.content, div.innerBox div.rbottom div.r2, div.innerBox div.rbottom div.r3, div.innerBox div.rbottom div.r4 { background-color: #fff; }
div.innerBox div.r1 { background-color: #999; }
div.innerBox div.title, div.innerBox div.content, div.innerBox div.r2, div.innerBox div.r3, div.innerBox div.r4 { border-color: #999; }
p.results a, p.results b { padding: 0 1px; }

/* The header */
div.header1, div.header2, div.header3 {	width: 30%; float: left; }
div.header2 { margin: 0; padding: 0.5em 0 0 0; width: 40%; }
div.header1 p { margin: 0; padding: 1em 0 0.5em 0; font-size: 1.7em; }
div.header2 div span { font-size: 0.8em; padding: 0 0 0 1em; }
div.header2 div { float: left; }
span.imageDirectoryTopLinks div.header2 { text-align: center; }
span.imageDirectoryTopLinks div.header3 { text-align: right; }

/* The text search result */
div.boxTitle div.rbottom div.r4, div.boxTitle div.rbottom div.r3, div.boxTitle div.rbottom div.r2 { background-color: #99999c; }
div.boxTitle div.title { height: 0.8em; line-height: 0.8em; }
div.boxTitle div.title span { top: -1px; }
div.textResultLeft div.textResultLink { padding: 1.5em 0 0 1em; }
div.textResultLeft div.textResultLink a { font-size: 1.7em; }
div.textResultLeft div.textResultLink p { padding: 0; margin: 0; font-size: 1.2em; }
div.textResultLeft div.textResultLink span { font-size: 1.2em; color: #008000; }
div.textResultRight { padding-top: 1.5em; width: 330px; float: right; }
div.textResultRight div.innerBox { width: 308px; }
/*div.textResultRight div.innerBox div.content div.imgContainer { width: 100%; } */
div.textResultRight div.innerBox div.content div.imgContainer { width: 128px; height: 128px; text-align: center; margin: 0 auto 5px auto; float: left; padding-right: 20px; }
div.textResultRight div.innerBox div.content div.imgContainer img { padding: 0 5px; }
div.textResultRight div.relatedSearches { margin-top: 1em; }
div.textResultRight div.relatedSearches a {	font-size: 1.2em; text-decoration: none; display: block; padding: 0.3em 0 0 0; }
div.resultPageLinks { margin-top: 3em; font-size: 1.2em; }

/* The google text ads */
div.wide_ads { background-color: #f6f6f6; padding: 0 0 0 1em; margin-top: 1.5em; }
span.ad_header { font-size: 1.2em; color: #666; padding-top: 1em; display: block; }
span.ad_line1 { font-size: 1.7em; text-decoration: underline; }
span.ad_text { font-size: 1.2em; }
span.ad_url { font-size: 1.2em; color: #008000; }

/* The image detail page */
div.closeLink { float: right; font-size: 1.2em; }
div.imageDetailLeft { float: left; font-size: 1.2em; }
div.imageDetailLeft img.logo { margin-bottom: 80px; display: block; }
div.imageDetailLeft a img { margin: 0; display: inline; }
div.imageDetailContainer { background-color: #fff; position: absolute; left: 0px; top: 0px; width: 100%; height: 200px; z-index: 10; border-bottom: 1px solid #000; }
div.imageDetailFrame { position: absolute; left: 0px; top: 200px; width: 100%; height: 100%; z-index: 1; }
div.imageDetailFrame iframe { width: 100%; height: 100%; border: none; }
div.imageDetail div.innerBox { width: 158px; float: left; }
div.imageDetail div.detailBox { width: 470px; float: left; margin: 4px; }
div.imageDetail div.detailBox div.content { padding: 1em 1em; height: 118px; }
div.imageDetail div.detailBox div.content span { width: 100px; float: left; display: block; font-size: 1.2em; }
div.imageDetail div.detailBox div.content span.key { font-weight: bold; }
div.imageDetail div.detailBox div.content span.value { width: 70px; }
div.imageDetail div.detailBox div.content span.link { width: 340px; }
div.imageDetail div.detailBox div.content td { font-size: 0.75em; padding-right: 0.4em; }
div.imageDetail div.detailBox div.r2, div.imageDetail div.detailBox div.r3, div.imageDetail div.detailBox div.r4 { background-color: #ffffdf; }
div.footerMini { background-color: #f0f0f0; font-size: 1em; text-align: center; }

/* The search options page */
div.yellowBar { background-color: #FFFFDF; color: #444; text-align: center; font-size: 1.2em; padding: 0.1em 0; margin: 1em 0; border: 1px solid #99999C; }
form div.yellowBar { font-size: 1em; }
div.searchOptions { width: 940px; margin: 0 auto 4em auto; text-align: center; }
div.searchOptions div { text-align: left; width: 200px; float: left; }
div.searchOptions div.small { width: 90px; }
div.searchOptions div.clear { width: 940px; margin-bottom: 1em; }
div.searchOptions div.swatches { width: 75px !important; }
div.searchOptions label.swatch { border: 1px solid black; display: inline; float: none; }
div.searchOptions label.swatch_red { background-color: rgb(255,0,0); }
div.searchOptions label.swatch_orange { background-color: rgb(255,165,0); }
div.searchOptions label.swatch_yellow { background-color: rgb(255,255,0); }
div.searchOptions label.swatch_green { background-color: rgb(0,128,0); }
div.searchOptions label.swatch_teal { background-color: rgb(0,128,128); }
div.searchOptions label.swatch_blue { background-color: rgb(0,0,255); }
div.searchOptions label.swatch_purple { background-color: rgb(128,0,128); }
div.searchOptions label.swatch_pink { background-color: rgb(255,104,180); }
div.searchOptions label.swatch_white { background-color: rgb(255,255,255); }
div.searchOptions label.swatch_gray { background-color: rgb(128,128,128); }
div.searchOptions label.swatch_black { background-color: rgb(0,0,0); }
div.searchOptions label.swatch_brown { background-color: rgb(136,84,24); }

/* The country selection page */
div.countrySelection { max-width: 1050px; margin: 0 auto; }
div.countrySelection div { width: 150px; height: 130px; float: left; font-size: 1.6em; }
div.countrySelection div img { display: block; margin: 0 auto; }
div.countrySelection div p { margin: 0; padding: 0; }
div.countryForm b { display: block; width: 120px; float: left; height: 2em; clear: left; }

/* The company information page */
div.aboutPage { font-size: 1.2em; } 
div.aboutPage div.aboutMenu { width: 100px; float: left; padding-top: 2em; }
div.aboutPage div.aboutMenu b, div.aboutPage div.aboutMenu a { display: block; }
div.aboutPage div.aboutMenu a { padding: 0 0 0 10px; }
div.aboutPage div.aboutMenu p { padding: 0 0 0 10px; margin: 0; font-weight: bold; color: #ed8c31; background-image: url('../images/arrow_right.png'); background-repeat: no-repeat; background-position: left center; }
div.aboutPage div.aboutContent { padding-left: 120px; }
div.aboutPage div.aboutContent div { background-color: #ed8c31; color: #fff; font-size: 1.3em; font-weight: bold; padding: 0.1em 0 0.1em 0.7em; margin: 0 0 1em 0; }
div.aboutPage div.aboutContent p { margin-top: 0; }

/* The image directory */
div.innerBoxWide { margin: 5px; width: auto; padding: 0; }
div.innerBoxWide div.imageDirectoryCategory { margin-bottom: 30px; display: inline; width: 320px; float: left; text-align: left; font-size: 0.8em; }
div.innerBoxWide div.imageDirectoryCategory span { display: block; font-size: 1.2em; }
div.innerBoxWide div.imageDirectoryCategory a { text-decoration: none; }
div.innerBoxWide div.imageDirectoryCategory span a { text-decoration: underline; }
div.innerBoxWide div.content { padding: 15px 20px 0 20px; }
div.imageDirectory div.title { font-size: 1.3em; }
/*div.imageDirectory div.innerBox { height: 250px; }*/
div.imageDirectory div.subtitle { background-color: #99999c; color: #fff; text-align: center; font-size: 1.2em; }
span.imageDirectoryTopLinks div { font-size: 1.2em; padding: 5px 0 2px 0; }
div.imageDirectorySubLinks { margin: 5px 10px 30px 10px; }
div.imageDirectorySubLinks div { float: left; width: 150px; }
div.imageDirectorySubLinks span div { float: right; }
div.imageDirectorySubLinks div a { text-decoration: none; font-size: 0.9em; }
#neighbours { width: 100%; font-size: 1.4em; }
#previousNeighbour { width: 33%; float: left; }
#parentCategory { width: 34%; float: left; text-align: center; }
#nextNeighbour { width: 33%; float: right; }

/* The image removal form */
label {
	display: block;
	float: left;
	width: 100px;
	font-size: 1.2em;
}

div.removalForm {
	padding-top: 10px;
}

input.removalForm, select.removalForm, textarea.removalForm {
	display: block;
	clear: right;
	width: 200px;
	font-size: 1.2em;
}

/* Google Adsense */
p#googleAdsense, p#googleAdsense2, div#searchAd {
	padding: 0px 0px;
	font-size: 9pt;
}

#googleAdsenseLink a, #googleAdsenseLink a:active, #googleAdsenseLink a:visited {
	text-decoration: none;
        color: #666;
}

p#googleAdsense p, p#googleAdsense2 p, div#searchAd {
	font-size: 9pt;
	color: #666;
	text-align: left;
	padding: 0;
}

div.googleAdsenseAd, div.searchAd {
	text-align: left;
	display: block;
	width: 31%;
	margin: 0 1%;
	float: left;
	overflow: hidden;
}

div.googleAdsenseAd span, div.searchAd span {
	display: block;
}

div.googleAdsenseAd a, div.searchAd a{
	color: #c00006;
	font-weight: bold;
	text-decoration: none;
}

div.googleAdsenseAd span a, div.searchAd span a {
	font-size: 11pt;
	color: #1436BB;
	text-decoration: underline;
}

/* color-search swatches */