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

/* ===== GENERAL TAGS ===== */
html, body {
	background-image: url("/img/background-tcf1.png");
	margin:0px; padding:0px; border:none;
	font-family:"Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif; font-size:12px;
}
img {border:none;}

/* ===== LAYOUT ===== */

#superWrappertop {width:1050px; margin-left:auto;margin-right:auto;margin-top:20px;border-radius: 8px;
	padding-top:10px;}

#superWrapper {width:1050px; margin-left:auto;margin-right:auto;margin-top:20px; background-color:#ccc;		border-radius: 8px 8px 8px 8px;
	}
.left {display:block; float:left;}
.right {display:block; float:right;}
.clear {clear:both;}
#content { }
#col1 {width:180px; padding:30px 20px;}
#col2 {padding:30px 20px; min-width:720px;}

/* ===== TOP BANNER ===== */
#networkBanner {background-color:#000; padding:10px 3%;font-family:Arial;font-weight:bold;color:#fff;font-size:10px;width:94%;}
#networkBanner a{color:#eeeeee;padding-left:10px;border-left:1px solid #666;margin-left:10px;text-decoration:none;}
#topBanner {padding:30px 20px 20px 20px;border-bottom:1px dotted #999;border-radius: 8px 8px 0px 0px;
	background: #45484e;
	background: -webkit-gradient(linear,0 0,0 bottom,from(#45484e),to(#25272a));
	background: -moz-linear-gradient(#45484e,#25272a);
	background: linear-gradient(#45484e,#25272a);
	-pie-background: linear-gradient(#45484e,#25272a);
	behavior:url(/css/PIE.htc);
}
#topBanner .label {color:#eee; font-size:15px;line-height:22px; font-family:Helvetica;}
#topBanner .welcome {color:#eee; line-height:22px; font-size:14px;float:left; margin-right:20px;}
#topBanner .label.left {margin-right:10px;}
#topBanner .link {line-height:22px; font-size:15px;font-family:Arial;}
#topBanner .link.left {margin-right:20px;}
#topBanner .link.right {margin-left:10px;}
#topBanner a {color:#739aaf;}
#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;	border-radius: 4px;}
#loginForm input.password {font-family:Arial, Helvetica, sans-serif;border-radius: 4px;}
#loginForm input.submit {
	float:left; border:none; background:none; padding:0px; line-height:22px; color:#739aaf; 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-color:#000000; 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;border-radius:4px;}
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:500px; 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:12px; font-family: Helvetica;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:123px; height:29px; 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;margin-left:20px;}
div.navigation .sorttitle {color:#fff; line-height:22px; font-weight:bold; font-family:Arial;}
div.navigation .sortBy {
	font-family:Helvetica;font-size:12px;color:#404757;text-shadow:1px 1px 1px #fff;
}
div.navigation .featured {
	float:left; margin:0px 10px 0px 0px; line-height:21px; font-size:12px; font-weight:bold;text-shadow:1px 1px 1px #fff;font-family:Helvetica;color:#666;
}
div.navigation a {text-decoration:underline;}
div.navigation a.left {line-height:21px; margin-right:5px; color:#808080; font-size:12px; font-family:Arial; padding-right:0px; padding-left:0px;}
div.navigation a.left.active {font-weight:bold; color:#333;}
div.navigation a.prev {color: #404757;
font-family:Helvetica;
font-size:14px;
text-shadow:1px 1px 1px #ddd;
text-decoration:none;
border-right:1px solid #5d6578;
border-bottom:1px solid #5d6578;
background-color:#a7b9c2;
padding:8px 12px;
border-radius:8px;
margin-left:5px;
}
div.navigation a.next {
color: #404757;
font-family:Helvetica;
font-size:14px;
text-shadow:1px 1px 1px #ddd;
text-decoration:none;
border-right:1px solid #5d6578;
border-bottom:1px solid #5d6578;
background-color:#a7b9c2;
padding:8px 12px;
border-radius:8px;
margin-left:5px;
}

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

/* ===== PORTFOLIO ===== */
div.creative {	box-shadow: 0 1px 3px rgba(34,25,25,0.4); background-color: #ffffff; border-radius:4px; float:left; width:214px; margin-left:16px; padding:10px; margin-bottom:20px;}
div.creative .name {
	float:left; padding:0px 2px; line-height:20px; width:150px; height:20px; overflow:hidden; white-space:nowrap; font-size:12px; font-family: Helvetica; color: #2e4250;font-weight:bold;
}
div.creative .select {
	float:right; display:block; width:40px; 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;
	background-color:#F5F5F5;
}
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:18px; height:35px; position:absolute; top:75px; left:-1px; display:block; float:none;margin-left:-1px;
	z-index:10; outline:none;
}
div.creative .right {
	background:url(../img/btn-right.png); width:18px; height:35px; position:absolute; top:75px; right:-1px; display:block; float:none;margin-right:-1px;
	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;}

a.facebook-connect {display:block; background:url(../img/social-media.png) -89px 0px no-repeat; width:89px; height:21px; float:left;}
a.twitter-connect {display:block; background:url(../img/social-media.png) -178px 0px no-repeat; width:89px; height:21px; float:left;}


/* BUTTONS */
a.button0 {display:inline-block;}
a.button0, button.button0 {
	color:#666666; text-decoration:none; border:solid 1px #999999; padding:4px 10px; font-size:12px; font-weight:bold;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;
	background: #2bc359;
	background: -webkit-gradient(linear,0 0,0 bottom,from(#fefefe),to(#dddddd));
	background: -moz-linear-gradient(#fefefe,#dddddd);
	background: linear-gradient(#fefefe,#dddddd);
	-pie-background: linear-gradient(#fefefe,#dddddd);
	behavior:url(/css/PIE.htc);
	vertical-align:middle; margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:17px; /* Firefox Default - can't change */
}
a.button0:hover, button.button0:hover { background:#fefefe; -pie-background: linear-gradient(#fefefe,#fefefe); }
a.button0:active, button.button0:active { background:#dddddd; -pie-background: linear-gradient(#dddddd,#dddddd); }
a.button1 {display:inline-block;}
a.button1, button.button1 {
	color:#758792; text-decoration:none; border:solid 1px #c4cace; padding:4px 10px; font-size:12px; font-weight:bold;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;
	background: #2bc359;
	background: -webkit-gradient(linear,0 0,0 bottom,from(#e2e3e4),to(#d7dee2));
	background: -moz-linear-gradient(#e2e3e4,#d7dee2);
	background: linear-gradient(#e2e3e4,#d7dee2);
	-pie-background: linear-gradient(#e2e3e4,#d7dee2);
	behavior:url(/css/PIE.htc);
	vertical-align:middle; margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:17px; /* Firefox Default - can't change */
}
a.button1:hover, button.button1:hover { background:#c1c9ce; -pie-background: linear-gradient(#53d874,#53d874); }
a.button1:active, button.button1:active { background:#a8b0b6; -pie-background: linear-gradient(#00ae3e,#00ae3e); }
a.button2 {display:inline-block;}
a.button2, button.button2 {
	color:#657782; text-decoration:none; border:solid 1px #93a3ae; padding:4px 10px; font-size:12px; font-weight:bold;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;
	background: #2bc359;
	background: -webkit-gradient(linear,0 0,0 bottom,from(#c7cdd1),to(#a6b4bf));
	background: -moz-linear-gradient(#c7cdd1,#a6b4bf);
	background: linear-gradient(#c7cdd1,#a6b4bf);
	-pie-background: linear-gradient(#c7cdd1,#a6b4bf);
	behavior:url(/css/PIE.htc);
	vertical-align:middle; margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:17px; /* Firefox Default - can't change */
}
a.button2:hover, button.button2:hover { background:#a6b4bf; -pie-background: linear-gradient(#a6b4bf,#a6b4bf); }
a.button2:active, button.button2:active { background:#6a8394; -pie-background: linear-gradient(#c7cdd1,#c7cdd1); }
button[disabled], button.button1.disabled {
	color:#aaa; border:solid 1px #aaa; background:#ddd !important; -pie-background: linear-gradient(#ddd,#ddd); cursor:default;
}

/* SMALL BUTTONS (Use @ Headers) */
a.sbutton0 {display:inline-block;}
a.sbutton0, button.sbutton0 {
	color:#666666; text-decoration:none; border:solid 1px #999999; padding:0px 3px; font-size:10px;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;
	background: #2bc359;
	background: -webkit-gradient(linear,0 0,0 bottom,from(#fefefe),to(#dddddd));
	background: -moz-linear-gradient(#fefefe,#dddddd);
	background: linear-gradient(#fefefe,#dddddd);
	-pie-background: linear-gradient(#fefefe,#dddddd);
	behavior:url(/css/PIE.htc);
	vertical-align:middle; margin:0px; font-family:Arial, Helvetica, sans-serif;
	line-height:17px; /* Firefox Default - can't change */
}
a.sbutton0:hover, button.sbutton0:hover { background:#fefefe; -pie-background: linear-gradient(#fefefe,#fefefe); }
a.sbutton0:active, button.sbutton0:active { background:#dddddd; -pie-background: linear-gradient(#dddddd,#dddddd); }
a.sbutton1 {display:inline-block;}
a.sbutton1, button.sbutton1 {
	color:#758792 !important; text-decoration:none; border:solid 1px #c4cace; padding:1px 5px; font-size:12px;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;
	background: #2bc359;
	background: -webkit-gradient(linear,0 0,0 bottom,from(#e2e3e4),to(#d7dee2));
	background: -moz-linear-gradient(#e2e3e4,#d7dee2);
	background: linear-gradient(#e2e3e4,#d7dee2);
	-pie-background: linear-gradient(#e2e3e4,#d7dee2);
	behavior:url(/css/PIE.htc);
	vertical-align:middle; margin:0px; font-family:Arial, Helvetica, sans-serif;
	line-height:17px; /* Firefox Default - can't change */
}
a.sbutton1:hover, button.sbutton1:hover { background:#c1c9ce; -pie-background: linear-gradient(#53d874,#53d874); }
a.sbutton1:active, button.sbutton1:active { background:#a8b0b6; -pie-background: linear-gradient(#00ae3e,#00ae3e); }
a.sbutton2 {display:inline-block;}
a.sbutton2, button.sbutton2 {
	color:#657782 !important; text-decoration:none; border:solid 1px #93a3ae; padding:1px 5px; font-size:12px;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;
	background: #2bc359;
	background: -webkit-gradient(linear,0 0,0 bottom,from(#c7cdd1),to(#a6b4bf));
	background: -moz-linear-gradient(#c7cdd1,#a6b4bf);
	background: linear-gradient(#c7cdd1,#a6b4bf);
	-pie-background: linear-gradient(#c7cdd1,#a6b4bf);
	behavior:url(/css/PIE.htc);
	vertical-align:middle; margin:0px; font-family:Arial, Helvetica, sans-serif;
	line-height:17px; /* Firefox Default - can't change */
}
a.sbutton2:hover, button.sbutton2:hover { background:#a6b4bf; -pie-background: linear-gradient(#f15c5d,#f15c5d); }
a.sbutton2:active, button.sbutton2:active { background:#6a8394; -pie-background: linear-gradient(#c63738,#c63738); }
button[disabled], button.sbutton1.disabled {
	color:#aaa !important; border:solid 1px #aaa; background:#ddd; -pie-background: linear-gradient(#ddd,#ddd); cursor:default;
}


a.bigbutton {display:inline-block;}
a.bigbutton, button.bigbutton {
	color:#fff; text-decoration:none; border:solid 1px #E26B00; padding:8px 12px; font-size:15px;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;
	background: #EFA500;
	background: -webkit-gradient(linear,0 0,0 bottom,from(#EFA500),to(#E26B00));
	background: -moz-linear-gradient(#EFA500,#E26B00);
	background: linear-gradient(#EFA500,#E26B00);
	-pie-background: linear-gradient(#EFA500,#E26B00);
	behavior:url(/css/PIE.htc);
	vertical-align:middle; margin:0px; font-family:Arial, Helvetica, sans-serif;
	line-height:17px; /* Firefox Default - can't change */
}
a.bigbutton:hover, button.bigbutton:hover { background:#E26B00; -pie-background: linear-gradient(#EFA500,#E26B00); }
a.bigbutton:active, button.bigbutton:active { background:#E26B00; -pie-background: linear-gradient(#EFA500,#E26B00); }


a.bigbutton2 {display:inline-block;}
a.bigbutton2, button.bigbutton2 {
	color:#fff; text-decoration:none; border:solid 1px #039377; padding:8px 12px; font-size:15px;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;
	background: #00BC98;
	background: -webkit-gradient(linear,0 0,0 bottom,from(#00BC98),to(#039377));
	background: -moz-linear-gradient(#00BC98,#039377);
	background: linear-gradient(#00BC98,#039377);
	-pie-background: linear-gradient(#00BC98,#039377);
	behavior:url(/css/PIE.htc);
	vertical-align:middle; margin:0px; font-family:Arial, Helvetica, sans-serif;
	line-height:17px; /* Firefox Default - can't change */
}
a.bigbutton2:hover, button.bigbutton2:hover { background:#039377; -pie-background: linear-gradient(#00BC98,#039377); }
a.bigbutton2:active, button.bigbutton2:active { background:#039377; -pie-background: linear-gradient(#00BC98,#039377); }


.debossbox {

box-shadow: 0 -1px 0 rgba(0,0,0,.3),inset 0 1px 2px rgba(0,0,0,.2);
background-color: #bbb;
border-radius:8px;
padding:8px 12px 10px 12px;
color: #666;
font-family:Helvetica;
font-size:14px;
text-shadow:1px 1px 1px #eee;
margin-bottom:15px;
}

.debossbox a{
color: #666;
font-family:Helvetica;
font-size:11px;
text-shadow:1px 1px 1px #ddd;
text-decoration:none;
border-right:1px solid #969595;
border-bottom:1px solid #969595;
background-color:#cfcfcf;
padding:3px 5px;
border-radius:3px;
}

/* top level  */
ul.smt-menu {
	position:relative;
	width:98px;
	z-index:99999;
	visibility:visible;
	color:#666666; text-decoration:none; border:solid 1px #60666b; padding:4px 10px; font-size:12px;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;
	background: #848c92;
	background: -webkit-gradient(linear,0 0,0 bottom,from(#848c92),to(#70777c));
	background: -moz-linear-gradient(#848c92,#70777c);
	background: linear-gradient(#848c92,#70777c);
	-pie-background: linear-gradient(#848c92,#70777c);
	behavior:url(/css/PIE.htc);
	vertical-align:middle; margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:17px; /* Firefox Default - can't change */
}

/* no focus dotted line  */
ul.smt-menu :focus {
	outline: 0 !important;
}


/* container of menu items */
ul.smt-menu ul {
	position:absolute !important;
	display:none;
	color:#666666; text-decoration:none; padding:4px 0px; font-size:12px; 
	-moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;
	background: #333;
	background: -webkit-gradient(linear,0 0,0 bottom,from(#fefefe),to(#dddddd));
	background: -moz-linear-gradient(#fefefe,#dddddd);
	background: linear-gradient(#fefefe,#dddddd);
	-pie-background: linear-gradient(#fefefe,#dddddd);
	behavior:url(/css/PIE.htc);
	vertical-align:middle; margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:17px; /* Firefox Default - can't change */
	opacity:.95;
}

/* list items (includes trigger) */
ul.smt-menu li {
	color:#666666; text-decoration:none;
	list-style: none;
}

/* item wrapper */
ul.smt-menu li.smt-item { 
	float:none !important;
	display:block !important;
}

/* down arrow at end of trigger link */
ul.smt-menu li .smt-trigger-link .smt-downArrow
{

}

/* hover state for button which opens menu */
ul.smt-menu li:hover .smt-trigger-link,
ul.smt-menu li.sfhover .smt-trigger-link 
{
	
}

/* triggers has-layout for ie6 */
* html .smt-trigger-link, .smt-link 
{
	display:inline-block;
}


/* styles trigger link */
ul.smt-menu a.smt-trigger-link
{
	display:block !important;
	text-decoration:none !important;
	font-size:15px !important;
	cursor:pointer;		
}

/* styles item link tags */
a.smt-link 
{
	display:block !important;
	padding:3px 7px !important;
	text-decoration:none !important;
	font-family:Helvetica !important;
	font-size:15px !important;
	line-height:150% !important;
	cursor:pointer;		
	border:0px solid black;
}

/* menu items */
ul.smt-menu li li a 
{
text-decoration:none;
font-family:Helvetica;
font-size:15px;
color:#666;
}

/* hover state for menu items */
ul.smt-menu li li a:hover 
{
	background-color:#739AAF !important;
	color:#fff !important;
}

/* the world "language" in trigger  */
ul.smt-menu span.smt-word 
{
	font-weight:normal !important;
	padding-right:5px !important;
}

/* the name of language in trigger  */
ul.smt-menu span.smt-lang 
{
	color:#fff !important;
}

/* hover state for name of language in trigger */
ul.smt-menu li:hover span.smt-word,
ul.smt-menu li.sfhover span.smt-word
{
}

/* hover state for the world "language" in trigger */
ul.smt-menu li:hover span.smt-lang,
ul.smt-menu li.sfhover span.smt-lang 
{
	color:#000 !important;
}