@charset "utf-8";
/* CSS Document */

/* ===== GENERAL TAGS ===== */
html, body {
	margin:0px; padding:0px; border:none;
	font-family:"Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif; font-size:12px; background-color: #ffffff;
}
img {border:none;}

/* ===== LAYOUT ===== */
#superWrapper {width:1050px; margin:0px auto; background-color:#eeeeee;}
.left {display:block; float:left;}
.right {display:block; float:right;}
.clear {clear:both;}
#content {border-right:solid 3px #ccc; border-bottom:solid 3px #ccc;}
#col1 {width:180px; padding:30px 20px;}
#col2 {padding:30px 20px; min-width:720px;}

/* ===== TOP BANNER ===== */
#topBanner {background-color:#222; padding:10px;}
#topBanner .label {color:#fff; line-height:22px; font-weight:bold; font-family:Arial;}
#topBanner .welcome {color:#fff; line-height:22px; float:left; margin-right:20px;}
#topBanner .label.left {margin-right:10px;}
#topBanner .link {line-height:22px; font-weight:bold; font-family:Arial;}
#topBanner .link.left {margin-right:20px;}
#topBanner .link.right {margin-left:10px;}
#topBanner a {color:#ff0;}
#loginForm input {font-family: Arial, Helvetica, sans-serif; font-size:12px;}
#loginForm {float:right; text-align:right;}
#loginForm input.username, #loginForm input.password {float:left; margin-right:5px; padding:2px; border:solid 1px #ccc;}
#loginForm input.password {font-family:Arial, Helvetica, sans-serif;}
#loginForm input.submit {
	float:left; border:none; background:none; padding:0px; line-height:22px; color:#ff0; text-decoration:underline; font-weight:bold; font-size:12px; font-family: Arial;
	cursor:pointer;
}
#loginForm input.empty {color:#aaa;}
#loginForm .link.left {margin:0px 0px 0px 5px;}

/* ===== LEFT COLUMN ===== */
#logo {background:url(../img/logo-finder.png) top left no-repeat; width:154px; height:150px; margin-bottom:40px; background-color:#222;}

div.any .drop {background:url(../img/drop-down.png) center center no-repeat; width:24px; height:24px; vertical-align:middle; margin-left:10px;}
div.any .find {height:10px; background:url(../img/stxt-find.png) top left no-repeat; margin-bottom:10px;}
div.any .from {height:10px; background:url(../img/stxt-from.png) top left no-repeat; margin-bottom:10px;}
div.any .keyword {height:10px; background:url(../img/stxt-keyword.png) top left no-repeat; margin-bottom:10px;}
div.any .onroad {height:10px; background:url(../img/stxt-onroad.png) top left no-repeat; margin-bottom:10px;}
div.any .link {
	display:block; font-family: Arial; font-size:22px; color:#000; margin-bottom:30px; font-weight:bold; cursor:pointer;
	position:relative;
}
div.any .listWrapper {position:relative;}
div.any .anyList {
	position:absolute; top:0px; left:0px; display:none; border:solid 1px #ccc; padding:5px; background-color:#fff; width:200px;
	z-index:100; height:300px; overflow:auto;
}
div.any .link:hover .anyList {display:inherit;}
div.anyList .header {white-space:nowrap; color:#666; font-size:16px; font-style:italic; padding:5px;}
div.anyList a {
	white-space:nowrap; display:block; color:#333; font-size:11px; font-family: Arial;padding:3px; text-decoration:none; font-weight:bold;
}
div.anyList a:hover {background-color:#eee;}
div.any input.text {border:solid 1px #ccc; font-size:18px; padding:4px; margin-bottom:30px; width:150px;}
div.any input.OK {
	width:64px; height:65px; background:url(../img/finderxbutton.png) center center no-repeat; border:none; cursor:pointer;
	margin-bottom:150px;

}

/* ===== RIGHT COLUMN ===== */
#adsWrapper {text-align:right;}
#adsWrapper .support {background:url(../img/stxt-suppport-sponsor.png) right top no-repeat; height:18px; margin:2px 0px 30px 0px;}

/* ===== NAVIGATION ===== */
div.navigation {margin-bottom:10px;}
div.navigation .sorttitle {color:#fff; line-height:22px; font-weight:bold; font-family:Arial;}
div.navigation .sortBy {
	background:url(../img/stxt-sortby.png) left center no-repeat; float:left; width:52px; height:21px; margin:0px 5px 0px 16px;
}
div.navigation .featured {
	float:left; margin:0px 10px 0px 16px; line-height:21px; font-size:11px; font-weight:bold;
}
div.navigation a {text-decoration:underline;}
div.navigation a.left {line-height:21px; margin-right:5px; color:#808080; font-size:11px; font-family:Arial; padding-right:0px; padding-left:5px;}
div.navigation a.left.active {font-weight:bold; color:#333;}
div.navigation a.prev {background:url(../img/btn-prev.png) center center no-repeat; width:108px; height:21px; margin:0px;}
div.navigation a.next {background:url(../img/btn-next.png) center center no-repeat; width:71px; height:21px; margin:0px;}

div.notFound {margin:0px 0px 10px 16px; border:solid 1px #ccc; padding:10px; width:738px;}

/* ===== PORTFOLIO ===== */
div.creative {border-bottom: solid 1px #888888; border-right: solid 1px #e2e2e2; background-color: #ffffff; float:left; width:214px; margin-left:16px; padding:10px; margin-bottom:20px;}
div.creative .name {
	float:left; padding:0px 2px; line-height:20px; width:190px; height:20px; overflow:hidden; white-space:nowrap; font-size:15px; font-weight:bold; font-family: Arial; color: #000;
}
div.creative .select {
	float:right; display:block; width:20px; height:20px; background:url(../img/btn-select.png) 0px 0px no-repeat;
	outline:none;
}
div.creative .bookmark {background-position:0px -20px;}
div.creative .location {
	margin:3px 0px 0px 0px; font-size:10px; color:#666666;
	line-height:12px; height:12px; overflow:hidden;
}	
div.creative .description {height:70px; padding:0px 2px; overflow:hidden; color:#8c8c8c; margin-bottom:20px; font-size:11px;}
div.creative .dots5 {background:url(../img/5dots.png) center center no-repeat; height:7px; margin-bottom:10px;}
div.creative .artworks {
	width:210px; height:175px; margin:0px 1px; position:relative; overflow:hidden;
	border:dotted 1px #ccc; background-color: #fff;
}
div.artworks .dots {position:absolute; bottom:4px; z-index:10; left:0px; width:210px; text-align:center;}
div.artworks .dots img {width:10px; height:10px; margin:0px; background:url(../img/apple-dot.png) 0px 0px no-repeat;}
div.artworks .wrapper {width:999999px; height:175px; position:absolute; z-index:9;}
div.artworks .wrapper img {float:left; width:210px; height:175px; background:url(../img/loadingAnimation.gif) center center no-repeat;}
div.creative .left {
	background:url(../img/btn-left.png); width:14px; height:24px; position:absolute; top:75px; left:0px; display:block; float:none;
	z-index:10; outline:none;
}
div.creative .right {
	background:url(../img/btn-right.png); width:14px; height:24px; position:absolute; top:75px; right:0px; display:block; float:none;
	z-index:10; outline:none;
}
div.creative .filler {width:210px; margin-top:5px; height:5px; border-top:solid 1px #ccc;}
div.creative .discipline {padding:0px; overflow:hidden; margin-bottom:0px; font-size:11px; font-weight:bold;}

#footWrapper {padding:0px 20px;}
/* ===== TWEET ===== */
#tweet {float:right; margin-bottom:4px;}
#tweet .top {background:url(../img/tweet-top.png) top left no-repeat; width:324px; height:12px;}
#tweet .bottom {background:url(../img/tweet-bottom.png) top left no-repeat; width:324px; height:20px;}
#tweet .middle {background:url(../img/tweet-middle.png) top left repeat-y; width:324px;}
#tweet .middle div {padding:0px 15px; color:#000000; font-size:11px; font-family:arial;}

/* ===== FOOTER ===== */
#footer {margin-bottom:20px; padding:10px 0px; font-size:10px; border-top:solid 1px #ccc; line-height:10px;}
#footer .copyright {float:left;}
#footer .links {float:right;}
#footer .links a {float:left; display:block; border-left:solid 1px #aaa; padding:0px 10px; color:#333; text-decoration:none;}
#footer .links a:hover {color:#000;}

/* ===== MORE ===== */
div.hidden {display:none;}
#moreDisciplines, #moreLocations {padding:10px 0px;}
#moreDisciplines a, #moreLocations a {
	white-space:nowrap; display:block; color:#666; font-size:12px;
	padding:5px; text-decoration:none; font-weight:bold; text-align:center; font-family: Arial;
}
#moreDisciplines a:hover, #moreLocations a:hover {background-color:#eee;}