@font-face {
	font-family: Titillium;
	src: url('../fonts/TitilliumText600wt.otf');
}

@font-face {
	font-family: Titillium;
	font-weight: 100;
	src: url('../fonts/TitilliumText250wt.otf');
}

@font-face {
	font-family: Titillium;
	font-weight: bold;
	src: url('../fonts/TitilliumText15L.otf');
}

html {
	height: 100%;
}

body {
	font-family: Titillium, "Helvetica Neue", "HelveticaNeue", helvetica, sans-serif;
	font-size: 14px;
	color: #777;
	margin: 0px;
	height: 100%;
	background: #b4b4b4 url(../images/shadow-lr.png) repeat-y left top;
	-webkit-text-stroke: 1px transparent;
}

@media only screen and (max-device-width:480px) {body{-webkit-text-stroke:0 black;}}

a {
	text-decoration: none;
	-webkit-transition: color .25s ease-out;
}

a:focus {
	outline: none;
}

img {
	border: none;
}

strong {
	color: #444;
}

hr {
	clear: left;
	border: 0;
	height: 1px;
	background-color: #d6d6d6;
	margin: 40px 0;
	padding: 0;
}

a.gen-btn, a.gen-btn-shadow, a.gen-btn-color {
	float: left !important;
	height: 30px !important;
	padding-right: 14px !important;
	color: #fff !important;
	font-size: 10px !important;
	font-weight: normal !important;
	text-transform: uppercase !important;
	text-shadow: 0 1px 2px #000 !important;
	overflow: hidden !important;
	background: transparent url(../images/gen-btn.png) repeat-x right -30px !important;
	-webkit-text-stroke: 0 black !important;
}

a.gen-btn span, a.gen-btn-shadow span, a.gen-btn-color span {
	float: left !important;
	height: 20px !important;
	margin: 0 !important;
	padding: 10px 0 0 14px !important;
	background: transparent url(../images/gen-btn.png) repeat-x left top !important;
}

a:active.gen-btn {
	color: #ddd !important;
	background-position: right -90px !important;
}

a:active.gen-btn span {
	background-position: left -60px !important;
}

a.gen-btn-shadow {
	background-position: right -150px !important;
}

a.gen-btn-shadow span {
	background-position: left -120px !important;
}

a:active.gen-btn-shadow {
	color: #ddd !important;
	background-position: right -210px !important;
}

a:active.gen-btn-shadow span {
	background-position: left -180px !important;
}

a.gen-btn-color {
	background-position: right -270px !important;
}

a.gen-btn-color span {
	background-position: left -240px !important;
}

a:active.gen-btn-color {
	color: #d9e2e2 !important;
	background-position: right -330px !important;
}

a:active.gen-btn-color span {
	background-position: left -300px !important;
}

a.toggle {
	float: left;
	width: 40px;
	height: 18px;
	background: transparent url(../images/toggle.png) no-repeat left top;
}

a:active.toggle, a.toggle.on {
	background-position: right top;
}

.left {
	float: left !important;
}

.right {
	float: right !important;
	clear: right;
}

.clear {
	clear: left !important;
}

select {
	display: block;
	opacity: 0.0;
	position: absolute;
	z-index: 2;
}

.selectbox {
	float: left;
	margin: -6px 0 0 6px !important;
}

.selectbox .text {
	float: left;
	font-size: 12px;
	color: #414141;
	text-shadow: 0 1px 2px #fff;
	margin: 0;
	padding-right: 26px;
	height: 27px;
	overflow: hidden;
	background: transparent url(../images/dd-select.png) no-repeat right -27px;
}

.selectbox .text span {
	float: left;
	margin: 0;
	height: 29px;
	padding: 7px 0 0 10px;
	background: transparent url(../images/dd-select.png) no-repeat left top;
}

.container {
	width: 100%;
	height: 100%;
	min-height: 100%;
}

/* HEADER */

#top-header {
	display: block;
	position: fixed;
	min-width: 920px;
	width: 100%;
	z-index: 5;
	background-color: #b4b4b4;
}

#top-header .constant {
	min-width: 920px;
	height: 84px;
	width: 100%;
	border-bottom: 1px solid #c8c8c8;
	background: #000 url(../images/top-bg.jpg) no-repeat center top;
}

#top-header h1 {
	float: left;
	padding: 21px 0 0 40px;
	margin: 0;
	text-indent: -99999px;
}

#top-header h1 a {
	display: block;
	width: 212px;
	height: 48px;
	color: #fff;
	background: transparent url(../images/logo.png) no-repeat left top;
}

#global-nav {
	float: left;
	margin-left: 55px;
	margin-top: 34px;
}

#global-nav a {
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	text-shadow: 0 1px 5px #161718;
	padding: 8px 9px 4px 9px;
	margin-right: 30px;
	opacity: 0.5;
}

#global-nav a:hover {
	opacity: 1;
}

#global-nav a.active {
	opacity: 1;
	background-color: rgba(255,255,255,0.1);
	border: 1px solid rgba(255,255,255,0.1);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow: 0 0 4px #161718;
	-webkit-box-shadow: 0 0 4px #161718;
	-moz-box-shadow: 0 0 4px #161718;
}

#imp-msg {
	float: left;
	margin-left: 40px;
	margin-top: 36px;
}

#imp-msg a {
	color: #fff;
	font-size: 12px;
	text-shadow: 0 1px 2px #000;
	padding-right: 13px;
	background: transparent url(../images/link-arrow.png) no-repeat right 2px;
}

#imp-msg a:hover {
	color: #999;
}

#acct-controls {
	float: right;
	margin: 14px 40px 0 0;
	width: 354px;
}

#acct-controls a {
	float: left;
	margin: 0 40px 0 0;
	text-indent: -99999px;
}

#logged-in div {
	float: right;
}

#logged-in h4 {
	text-align: right;
	margin: 8px 0 0 0;
	padding: 0;
	font-size: 18px;
	font-weight: normal;
}

#logged-in h4 a {
	float: right;
	margin-right: 22px;
	color: #899395;
	text-indent: inherit;
	text-shadow: 0 1px 2px #000;
}

#logged-in h4 a:hover {
	color: #fff;
}

#logged-in .acct-image img {
	display: none;
	border: 1px solid #5e5e5e;
	box-shadow: 0 1px 2px #000;
	-webkit-box-shadow: 0 1px 2px #000;
	-moz-box-shadow: 0 1px 2px #000;
}

a#signup, a#signup-b {
	width: 172px;
	height: 57px;
	background: transparent url(../images/signup.png) no-repeat left top;
}

a#login {
	width: 48px;
	height: 22px;
	margin-top: 18px;
	background: transparent url(../images/login.png) no-repeat left top;
}

a#logout {
	float: right;
	width: 62px;
	height: 22px;
	margin-right: 16px;
	background: transparent url(../images/logout.png) no-repeat left top;
}

a#about {
	width: 54px;
	height: 22px;
	margin-top: 18px;
	margin-right: 0;
	background: transparent url(../images/about.png) no-repeat left top;
}

a:active#signup, a:active#login, a:active#logout, a:active#about {
	background-position: right top;
}

/* LOGIN */

#login-panel {
	display: none;
	position: fixed;
	top: 12px;
	right: 33px;
	width: 185px;
	height: 103px;
	padding: 63px 35px 30px 29px;
	overflow: hidden;
	background: transparent url(../images/login-bg.png) no-repeat left bottom;
	z-index: 15;
}

#login-valio-id {
	margin: 36px 0 0 16px;
}

#frm-forgot, #frm-login {
	display: none;
}

#login-panel fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

#login-panel input {
	font-family: Titillium, "Helvetica Neue", "HelveticaNeue", helvetica, sans-serif;
	width: 100%;
	font-size: 13px;
	padding: 4px 0 2px 0;
	margin-top: 2px;
	margin-bottom: 11px;
	color: #444;
}

a#forgot, a#back-login {
	float: right;
	margin: 4px 0 0 0;
	font-size: 11px;
	text-shadow: 0 1px 1px #fff;
	color: #444;
}

a:hover#forgot, a:hover#back-login {
	color: #111;
}

a#remember {
	margin-top: -3px;
	margin-left: 14px;
}

a#remember + span {
	float: right;
	margin-top: 1px;
	text-shadow: 0 1px 1px #fff;
	font-size: 11px;
}

/* CONTENT */

.holder {
	position: absolute;
	margin: 0;
	top: 0;
	width: 100%;
	min-width: 920px;
	height: 100%;
	min-height: 100%;
}

.inner {
	position: relative;
	margin: 0 14px;
	height: 100%;
	min-height: 100%;
}

#bgshadow {
	position: fixed;
	width: 100%;
	height: 100% !important;
	min-height: 100%;
	background: url(../images/shadow-lr.png) repeat-y right top;
}

.spacer {
	position: absolute;
	width: 100%;
	height: 160px;
	background-color: #b4b4b4;
	z-index: 1;
}

.spacer-inner {
	position: relative;
	margin: 84px 14px 0 14px;
	height: 13px;
}

.content {
	display: block;
	position: relative;
	height: auto !important;
	min-height: 100%;
	overflow: auto;
	background-color: #fff;
}

.content .spacer {
	position: relative;
	background-color: transparent;
}

/* MAIN NAV */

.menu-holder {
	clear: left;
	height: 63px;
	margin-top: 12px;
	padding: 0 0 0 14px;
	background: transparent url(../images/shadow-lr.png) repeat-y left top;
}

.menu-inner {
	height: 63px;
	padding: 0 14px 0 0;
	background: transparent url(../images/shadow-lr.png) repeat-y right top;
}

#main-nav {
	border-top: solid 1px #acacac;
	padding: 22px 23px 0 23px;
	height: 41px;
	text-shadow: 0 1px 1px #f7f7f7;
	font-size: 14px;
	overflow: hidden;
	background: transparent url(../images/menu-top.png) repeat-x left top;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#main-nav {
		background: url(../images/menu-top.png) no-repeat left -63px, url(../images/menu-top.png) no-repeat right -63px, url(../images/menu-top.png) repeat-x left top;
	}
}

@-moz-document url-prefix(){
	.content {
		font-weight: 100;
	}
	#main-nav {
		font-weight: normal;
	}
}

#main-nav .pref, #bottom-nav .pref {
	float: left;
	margin-top: 3px;
	margin-right: 23px;
}

#nav-soon {
	display: none;
}

#main-nav .text em, #bottom-nav .text em {
	display: none;
	position: absolute;
	margin: 6px 0 0 10px;
	width: 16px;
	height: 16px;
	background: transparent url(../images/loading.gif) no-repeat center center;
}

#main-nav .text.loading span, #bottom-nav .text.loading {
	text-indent: -99999px;
}

#main-nav .text.loading em, #bottom-nav .text.loading em {
	display: block;
}

#main-nav span, #bottom-nav span {
	float: left;
}

#main-nav .right, #bottom-nav .right {
	float: right;
	margin-top: 0;
	margin-right: 0;
}

#result-count {
	float: right;
	margin-top: 6px;
	font-size: 11px;
	text-transform: uppercase;
}

#main-nav.idea {
	padding: 0 23px 0 0;
	height: 63px;
}

#main-nav .user-info {
	float: left;
	margin: 0;
	height: 63px;
	background: transparent url(../images/vr.png) repeat-y right top;
}

#main-nav .user-info .image {
	float: left;
	margin: 7px;
	width: 48px;
	height: 48px;
}

#main-nav .user-info img {
	display: none;
	border-bottom: 1px solid #f2f2f2;
}

#main-nav .user-info span {
	float: left;
	color: #444;
	margin: 19px 22px 0 12px;
}

#main-nav .user-info span a {
	color: #444;
}

#main-nav .user-info span a:hover {
	color: #777;
}

#main-nav .user-info span.type {
	color: #777;
	font-size: 12px;
	margin: 0 22px 0 12px;
	text-transform: capitalize;
}

#main-nav .user-options {
	float: left;
	margin: 24px 0 0 12px;
	font-size: 13px;
}

#main-nav .user-options .selectbox {
	margin-right: 20px !important;
}

#main-nav .left {
	float: left;
	margin-top: 3px;
}

#main-nav .user-options a.toggle + span, #main-nav .left a.toggle + span {
	font-size: 13px;
	margin: 2px 0 0 3px;
}

#main-nav .user-options a.toggle, #main-nav .left a.toggle {
	margin-top: -1px;
}

#main-nav .left a.toggle + span.loading {
	display: block;
	width: 16px;
	height: 16px;
	text-indent: -99999px;
	background: transparent url(../images/loading.gif) no-repeat center center;
}

a#back-to-search, a#profile-link {
	float: right;
	color: #777;
	margin-top: 24px;
	padding-left: 17px;
	background: transparent url(../images/gray-arrow.png) no-repeat left 2px;
}

a:hover#back-to-search, a:hover#profile-link  {
	color: #444;
}

/* LISTINGS */

#listings {
	padding: 0 0 57px 0;
}

.listings-holder {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#listings li {
	clear: left;
	margin: 0;
	padding: 0;
	height: 48px;
	font-size: 12px;
	color: #838383;
	text-shadow: 0 2px 2px #fff;
	overflow: hidden;
	background: transparent url(../images/listing-bg.png) repeat-x left bottom;
}

#listings li:hover {
	background-color: #f7f7f7;
}

#listings li:hover .more {
	display: block;
}

#listings li.selected, #listings li.selected:hover {
	color: #fff;
	text-shadow: 0 1px 2px #000;
	background-color: #363636;
}

#listings li.selected:hover .more {
	display: none;
}

#listings li span {
	float: left;
	margin: 19px 30px 0 0;
}

#listings li span a {
	color: #444;
}

#listings li span a:hover {
	color: #777;
}

#listings li.selected span a {
	color: #aaa;
}

#listings li.selected span a:hover, #listings li.selected span strong {
	color: #fff;
}

#listings li .user-img {
	display: block;
	margin: 0;
	padding: 0;
	width: 48px;
	height: 48px;
	overflow: hidden;
}

#listings li .user-img img {
	display: none;
}

#listings li .name {
	float: left;
	height: 48px;
	width: 180px;
	padding-left: 18px;
}

#listings li .name.idea {
	width: 230px;
}

#listings li h2 {
	display: table-cell;
	vertical-align: middle;
	line-height: 18px;
	height: 48px;
	margin: 0;
	padding: 0;
}

#listings li .name.idea h2 {
	font-size: 16px;
}

#listings li .more {
	display: none;
	margin: 0 18px 0 0;
}

#listings li .more a.gen-btn {
	float: right !important;
	margin-left: 5px !important;
	margin-top: 10px !important;
}

#listings li .more a span {
	margin: 0;
}

#listings li .user-info.type {
	text-transform: capitalize;
	width: 60px;
	margin-left: 30px;
	margin-right: 24px;
}

#listings li .user-info.idea-type {
	width: 70px;
	margin-left: 30px;
}

#listings li .user-info.status {
	width: 100px;
}

/* DETAILS */

#details {
	display: none;
	position: absolute;
	right: 0;
	top: 160px;
	width: 290px;
	background: #363636 url(../images/details-l.png) repeat-y left top;
	z-index: 2;
}

#details.idea {
	width: 340px;
}

.details-inner {
	color: #fff;
	font-size: 13px;
	text-shadow: 0 1px 2px #000;
	min-height: 40px;
}

#details-content {
	padding: 28px;
	width: 234px;
	position: fixed;
	top: 160px;
	z-index: 2;
	overflow-x: hidden;
	overflow-y: auto;
	background: transparent url(../images/details-t.png) repeat-x left top;
}

.idea #details-content {
	width: 284px;
}

#details a.gen-btn-shadow {
	margin: 5px 0 11px 0;
} 

#details a, #my-details a {
	color: #b9b9b9;
	font-size: 12px;
	padding-right: 12px;
	background: transparent url(../images/link-arrow.png) no-repeat right 2px;
}

#details a:hover, #my-details a:hover {
	color: #fff;
}

a#detail-close {
	position: absolute;
	right: 9px;
	margin-top: -19px;
	display: block;
	width: 19px;
	height: 19px;
	padding: 0;
	background: transparent url(../images/close-x.png) no-repeat left top;
	z-index: 5;
}

a:active#detail-close {
	background-position: right top;
}

#details hr, #my-details hr {
	clear: left;
	border: 0;
	height: 2px;
	margin: 11px 0;
	background: transparent url(../images/details-hr.png) repeat-x left top;
}

#vitals a.image {
	float: left;
	margin-right: 10px;
	height: 50px;
	padding: 0;
	background: none;
}

#vitals img {
	float: left;
	border: 1px solid #a2a2a2;
	box-shadow: 0 1px 2px #000;
	-webkit-box-shadow: 0 1px 2px #000;
	-moz-box-shadow: 0 1px 2px #000;
}

#vitals a:hover.image img {
	border-color: #828282;
}

#vitals h3 {
	margin: 0;
	padding: 0;
	font-size: 18px;
	font-weight: normal;
}

#vitals h3 a {
	color: #fff;
	background: none;
	font-size: 18px;
	padding: 0;
	font-weight: normal;
}

#vitals h3 a:hover {
	color: #b9b9b9;
}

#details ul {
	clear: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	line-height: 1.35em;
}

ul#personal-info {
	padding: 18px 0 0 0;
}

ul#personal-info li {
	display: block;
}

#details dd {
	color: #b9b9b9;
	margin: 11px 0 2px 0;
	padding: 0;
}

#details p {
	color: #b9b9b9;
}

#app-ideas li:first-child {
	margin-top: 11px;
}

#app-ideas a, #my-details a {
	color: #a3e9d4;
	font-size: 13px;
}

#wants-to-build a, #skills a {
	color: #a3e9d4;
	padding-right: 0;
	background: none;
}

/* IDEAS & USERS */

#user-holder {
	margin: 20px 360px 0 20px;
	padding: 20px;
}

#idea-holder, #user-holder article {
	margin: 20px 360px 0 20px;
	padding: 20px;
	background: #0c0c0c url(../images/idea-bg.jpg) no-repeat left -100px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

#user-holder article {
	display: block;
	margin: 0;
	padding: 28px 0 0 0;
	background-position: -150px -480px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	-moz-border-radius-bottomright: 20px;
}

#idea-holder article {
	display: block;
	padding: 28px 30px 30px 30px;
	color: #b5bdc9;
	overflow: hidden;
	text-shadow: 0 1px 4px #000;
	border: 1px solid rgba(255,255,255,0.1);
	background: rgba(255,255,255,0.1);
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}

#idea-holder article hr {
	height: 2px;
	margin: 20px 0;
	background: transparent url(../images/hr-trans.png) repeat-x left top;
}

#idea-holder article header {
	display: block;
}

#user-holder article header {
	display: block;
	padding: 0 40px;
}

#idea-holder article header h2, #user-holder article header h2 {
	float: left;
	margin: 0 20px 10px 0;
	padding: 0;
	color: #fff;
	font-size: 30px;
	font-weight: normal;
}

#user-holder article header h2 {
	float: none;
	margin-bottom: 0;
	font-size: 32px;
	text-shadow: 0 1px 4px #000;
}

#user-holder article header h4 {
	color: #afb3c1;
	font-weight: normal;
	margin: 3px 0 6px 0;
	padding: 0;
	font-size: 13px;
	text-shadow: 0 1px 4px #000;
}

#profile-location {
	color: #fff;
	text-shadow: 0 1px 4px #000;
	font-size: 14px;
}

#profile-location span {
	text-transform: capitalize;
}

#user-holder article header .right {
	clear: none;
}

#idea-holder article header .type {
	float: left;
	padding: 7px 8px 4px 8px;
	margin-bottom: 15px;
	text-transform: uppercase;
	font-weight: bold;
	background: rgba(255,255,255,0.15);
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	box-shadow: 0 0 4px #161718;
	-webkit-box-shadow: 0 0 4px #161718;
	-moz-box-shadow: 0 0 4px #161718;
}

#idea-holder article header span {
	float: left;
	margin: 0 20px 0 0;
	font-size: 12px;
}

#idea-holder article header span strong {
	margin-left: 2px;
	color: #fff;
}

#idea-holder article .ribbon {
	clear: left;
	float: left;
	width: 100%;
	margin: 20px 0;
	padding: 19px 0 10px 0;
	background-color: rgba(0,0,0,0.3);
	border-bottom: 1px solid rgba(255,255,255,0.2);
	border-top: 1px solid #000;
}

#user-holder article .ribbon {
	width: 100%;
	margin: 25px 0 0 0;
	padding: 13px 0;
	height: 14px;
	text-shadow: 0 1px 1px #fff;
	text-transform: uppercase;
	font-size: 12px;
	color: #777;
	font-weight: bold;
	background: transparent url(../images/user-ribbon.png) repeat-x left top;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
}

#user-holder article .ribbon span {
	margin-left: 20px;
}

#user-holder article .ribbon a {
	color: #444;
	margin-left: 4px;
	text-transform: none;
}

#user-holder article .ribbon a:hover {
	color: #777;
}

#user-holder article .ribbon a#profile-addcontact {
	float: right;
	width: 19px;
	height: 17px;
	margin-top: -1px;
	margin-right: 20px;
	background: transparent url(../images/icon-sprite.png) no-repeat left -14px;
}

#user-holder article .ribbon a#profile-watch {
	float: right;
	width: 20px;
	height: 16px;
	margin-top: -1px;
	margin-right: 10px;
	background: transparent url(../images/icon-sprite.png) no-repeat left 2px;
}

#user-holder article .ribbon a:active#profile-addcontact {
	background-position: right -14px;
} 

#user-holder article .ribbon a:active#profile-watch {
	background-position: right 2px;
}

#user-holder article .right {
	margin-top: 23px;
}

#idea-holder article .ribbon span {
	float: left;
	margin-right: 20px;
	margin-left: 20px;
	color: #fff;
}

#idea-holder article .ribbon strong {
	color: #747a85;
	text-transform: uppercase;
	font-weight: bold;
	margin-right: 2px;
}

#idea-holder article .ribbon a.gen-btn-shadow {
	float: right !important;
	margin-top: -8px;
	margin-right: 20px;
}

#idea-holder article h3 {
	clear: left;
	color: #fff;
	text-transform: uppercase;
	margin: 0 0 8px 0;
	padding: 10px 0 0 0;
}

#idea-holder article p {
	margin: 0;
	line-height: 1.4em;
}

#idea-holder article header span a {
	font-weight: bold;
}

#idea-holder article p a, #idea-holder article header span a {
	color: #66dbb8;
}

#idea-holder article p a:hover, #idea-holder article header span a:hover {
	color: #777;
}

#idea-holder article .screen {
	display: none;
	float: left;
	margin: 0 20px 20px 0;
	padding: 5px;
	max-width: 600px;
	overflow: hidden;
	border: 1px solid rgba(255,255,255,0.1);
	background-color: rgba(255,255,255,0.15);
	box-shadow: 0 0 4px #000;
	-webkit-box-shadow: 0 0 4px #000;
	-moz-box-shadow: 0 0 4px #000;
}

#idea-holder article .screen img {
	display: block;
	max-height: 250px;
	box-shadow: 0 0 4px #000;
	-webkit-box-shadow: 0 0 4px #000;
	-moz-box-shadow: 0 0 4px #000;
}

#idea-list {
	display: none;
	margin: 40px 0 0 0; 
	padding: 20px 0;	
	background-color: #e9e9e9;
}

#idea-list #listings {
	border: 1px solid #d6d6d6;
	margin: 0 20px;
	padding: 0;
	background-color: #fff;
	list-style-type: none;
}

#idea-list .nav {
	overflow: auto;
	margin: 0 0 20px 20px;
}

#idea-list .nav a {
	float: left;
	color: #999;
	text-shadow: 0 1px 1px #fff;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
	padding: 16px 23px 11px 23px;
	border: 1px solid transparent;
}

#idea-list .nav a:hover{
	color: #777;
}

#idea-list .nav a.selected {
	color: #444;
	text-shadow: none;
	border: 1px solid #d6d6d6;
	background-color: #fff;
}

#user-holder hr {
	margin-left: 20px;
	margin-right: 20px;
}

#user-holder #skills, #user-holder #extra-info, #user-holder #watch-me, #user-holder #i-like {
	float: left;
	width: 50%;
	margin-top: 40px;
}

#user-holder #watch-me, #user-holder #i-like, #user-holder #i-like, #work-with {
	margin-top: 0;
	overflow: auto;
	margin-bottom: 40px;
}

#user-holder #skills h3, #user-holder #extra-info h3, #user-holder #watch-me h3, #user-holder #i-like h3, #work-with h3 {
	margin: 0 20px 10px 20px;
	color: #444;
	text-transform: uppercase;
	font-size: 14px;
}

#work-with h3 {
	margin-left: 0;
}

#user-holder #skills p, #user-holder #extra-info p, #user-holder #watch-me p, #user-holder #i-like p {
	margin: 0 20px 30px 20px;
	font-size: 13px;
	line-height: 1.5em;
}

#user-holder #watch-me img, #user-holder #i-like img, #work-with img {
	display: block;
	float: left;
	border: 0;
	margin: 0 10px 10px 0;
}

#work-with img {
	margin: 0 8px 8px 0;
}

#user-holder #watch-me a.gen-btn, #user-holder #i-like a.gen-btn {
	line-height: normal;
	margin-top: 9px;
}

#work-with a.gen-btn {
	margin-left: 18px;
	margin-top: 9px;
}

/* SIDEBAR */

#sidebar {
	float: right;
	width: 280px;
	margin: 20px 40px 40px 40px;
	font-size: 12px;
}

#sidebar p {
	margin: 0;
	text-align: center;
	font-size: 11px;
}

#sidebar p a {
	color: #222;
	margin-left: 3px;
}

#sidebar p a:hover {
	color: #777;
}

#sidebar #advert br {
	display: none;
}

#sidebar .yoggrtad {
	float: left;
	margin-bottom: 7px;
	margin-right: 10px;
}

#sidebar .yoggrttext {
	float: left;
	text-align: left;
	margin: 2px 0 0 0;
	width: 110px;
	line-height: 1.3em;
}

#sidebar .adby {
	clear: left;
	font-size: 10px;
	margin-bottom: 30px;
	text-align: left;
}

#sidebar .yoggrttext a, #sidebar #advert .adby a {
	color: #777;
	margin-left: 0;
}

#banner-browse, #banner-signup, #banner-like {
	clear: left;
	width: 280px;
	height: 85px;
	padding-top: 185px;
	background: transparent url(../images/banner-browse.jpg) no-repeat left top;
}

#banner-signup {
	background-image: url(../images/banner-signup.jpg);
}

#banner-like {
	height: 145px;
	padding-top: 55px;
	color: #b6d8ff;
	font-size: 13px;
	text-shadow: 0 1px 3px #182e47;
	background-image: url(../images/banner-like.jpg);
}

#banner-like div {
	text-align: center;
	margin-bottom: 14px;
}

#banner-like strong {
	color: #fff;
}

#total-likes {
	font-weight: bold;
	text-transform: uppercase;
}

#total-likes.loading {
	text-indent: -99999px;
	background: transparent url(../images/loading.gif) no-repeat center center;
}

#total-likes strong {
	font-weight: bold;
	font-size: 18px;
}

a#browsenow, a#signup-b, a#likeit, a#addnewnow {
	display: block;
	margin: 0 auto;
	width: 172px;
	height: 57px;
	text-indent: -99999px;
	background: transparent url(../images/browsenow.png) no-repeat left top;
}

a#signup-b {
	background-image: url(../images/signupnow.png);
}

a#addnewnow {
	background-image: url(../images/addnewnow.png);
}

a#likeit {
	position: absolute;
	margin-top: 60px;
	margin-left: 54px;
	background-image: url(../images/likeit.png);
}

a:active#browsenow, a:active#signup-b, a:active#likeit, a:active#addnewnow {
	background-position: right top;
}

#banner-shorturl, #my-details {
	padding: 15px 20px 12px 20px;
	background-color: #363636;
	border: 1px solid #000;
	font-size: 13px;
	text-shadow: 0 1px 2px #000;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#banner-shorturl strong, #my-details strong {
	color: #fff;
	text-transform: uppercase;
}

#banner-shorturl a {
	color: #a3e9d4;
}

#banner-shorturl a:hover {
	color: #fff;
}

#share-twitter {
	margin-top: 20px !important;
	margin-bottom: 30px !important;
	margin-left: 60px !important;
}

#share-twitter span {
	width: 110px !important;
	padding-left: 34px !important;
}

#my-details {
	color: #fff;
	font-size: 13px;
	padding: 20px 30px;
}

#my-details ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	line-height: 1.6em;
}

#my-details ul .dim {
	color: #b9b9b9;
	font-size: 12px;
}

#mt-logo {
	display: block;
	margin: 25px auto 0 auto;
	width: 139px;
	height: 17px;
	background: transparent url(../images/mt-long.png) no-repeat top left;
}

/* ABOUT */

#about-holder header {
	display: block;
	background: #000 url(../images/about-bg.png) repeat-x left top;
}

#about-holder header h1 {
	width: 737px;
	height: 244px;
	margin: 0 auto;
	text-indent: -99999px;
	background: transparent url(../images/about-header.png) no-repeat center top;
}

#about-holder h2 {
	color: #444;
	font-size: 14px;
	text-transform: uppercase;
	margin: 55px 60px 0 60px;
}

#about-holder p {
	color: #777;
	font-weight: 100;
	font-size: 14px;
	margin: 15px 60px 15px 60px;
}

#about-holder p strong {
	color: #444;
	font-weight: normal;
}

#about-holder p.images {
	overflow: auto;
	margin-bottom: 50px;
}

#about-holder p.images.dark {
	background-color: #424242;
	border: 1px solid #000;
	padding: 20px;
}

#about-holder p.images img {
	float: left;
	margin-right: 40px;
}

#about-holder h2.big, #about-holder p.big {
	font-size: 20px;
	line-height: 1.2em;
}

#about-holder p a {
	color: #4ca58a;
	font-weight: normal;
}

#about-holder p a:hover {
	color: #777;
}

#about-holder hr {
	margin: 55px 0 0 0;
}

/* GALLERY */

#gallery-holder .item {
	float: left;
	padding: 30px;
	font-size: 13px;
	color: #888;
	border-bottom: 1px solid #d3d3d3;
	border-right: 1px solid #d3d3d3;
}

#gallery-holder .item .image {
	width: 200px;
	height: 120px;
	overflow: hidden;
}

#gallery-holder .item .image:hover .overlay {
	display: block;
}

#gallery-holder .item .overlay {
	display: none;
	position: absolute;
	width: 188px;
	height: 75px;
	padding: 45px 0 0 12px;
	background-color: rgba(0,0,0,0.8);
	z-index: 3;
}

#gallery-holder .item .overlay a {
	margin-left: 20px;
}

#gallery-holder .item .desc {
	height: 20px;
	background-color: #e8e8e8;
	width: 200px;
	color: #fff;
	font-size: 12px;
	overflow: hidden;
}

#gallery-holder .item .type, #gallery-holder .item .likes {
	float: left;
	padding: 4px 8px 3px 8px;
}

#gallery-holder .item .type {
	background-color: #000;
}

#gallery-holder .item .likes {
	background-color: #ca4765;
}

#gallery-holder .item h3 {
	margin: 20px 0 2px 0;
	padding: 0;
	font-size: 17px;
	font-weight: normal;
	color: #222;
}

#gallery-holder .item h3 a {
	color: #222;
	padding-right: 12px;
	background: transparent url(../images/link-arrow-black.png) no-repeat right 4px;
}

#gallery-holder .item h3 a:hover, #gallery-holder .item .creator a:hover {
	color: #888;
}

#gallery-holder .item .creator {
	font-size: 12px;
	margin-top: 20px;
}

#gallery-holder .item .creator a {
	color: #4ca58a;
}

/* FOOTER */

#bottom-footer {
	position: fixed;
	bottom: 0;
	height: 14px;
	width: 100%;
	min-width: 920px;
	background-color: #b4b4b4;
	z-index: 4;
}

#bottom-footer.browse {
	height: 58px;
}

#bottom-footer .footer-inner {
	position: relative;
	padding: 0 0 0 14px;
	height: 44px;
	background: transparent url(../images/shadow-lr.png) repeat-y left top;
}

#bottom-footer .footer-inside {
	position: relative;
	padding: 0 14px 0 0;
	height: 44px;
	background: transparent url(../images/shadow-lr.png) repeat-y right top;
}

#bottom-footer .footer-shadow {
	position: relative;
	margin: 0 14px;
	height: 14px;
	background: transparent url(../images/shadow-b.png) repeat-x left top;
}

/* BOTTOM NAV */

#bottom-nav {
	display: block;
	padding: 12px 23px 0 23px;
	height: 32px;
	text-shadow: 0 1px 1px #f7f7f7;
	font-size: 13px;
	overflow: hidden;
	background: url(../images/menu-bottom.png) no-repeat left -44px, url(../images/menu-bottom.png) no-repeat right -44px, url(../images/menu-bottom.png) repeat-x left top;
}

@-moz-document url-prefix(){
	#bottom-nav {
		font-weight: normal;
		background: transparent url(../images/menu-bottom.png) repeat-x left top;
	}
}

#bottom-nav input[type=search] {
	float: left;
	font-family: Titillium, "Helvetica Neue", "HelveticaNeue", helvetica, sans-serif;
	padding: 2px 5px 0 5px;
	margin-top: 1px;
	margin-right: 20px;
	color: #999;
	width: 220px;
}

#bottom-nav .pref span:first-child {
	margin-top: 1px;
}

#bottom-nav .pref.right {
	float: right;
	margin-top: 3px;
}

#bottom-nav .text.loading {
	width: 106px;
}

#loading-bottom {
	float: left;
	margin-top: 6px;
	font-size: 11px;
	text-transform: uppercase;
}

#loading-bottom.loading {
	text-indent: -99999px;
	margin-top: 2px;
	width: 16px;
	height: 16px;
	background: transparent url(../images/loading.gif) no-repeat center center;
}

/* POPUP */

#popup, #confirm, #alert {
	display: none;
}

.popup-bg, .confirm-bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-height: 100%;
	background-color: rgba(62,62,62,0.75);
	z-index: 10;
}

.confirm-bg {
	background-color: rgba(63,71,90,0.88);
}

.popup-body, .confirm-body {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 800px;
	height: 600px;
	background-color: #fff;
	z-index: 11;
	box-shadow: 0 1px 25px #000;
	-webkit-box-shadow: 0 1px 25px #000;
	-moz-box-shadow: 0 1px 25px #000;
}

.confirm-body {
	width: 520px;
	height: 280px;
	padding: 30px;
	background-color: #e9e9e9;
}

#popup-signup, #popup-idea {
	display: none;
}

/* CONFIRM */

.confirm-body section {
	display: block;
	border: 1px solid #d6d6d6;
	margin: 0;
	width: 458px;
	height: 218px;
	padding: 30px;
	background-color: #fff;
	overflow: hidden;
}

.confirm-body section h2 {
	font-size: 16px;
	color: #444;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0;
	padding: 0;
	height: 25px;
}

.confirm-body section .confirm-content {
	height: 145px;
	overflow-x: hidden;
	overflow-y: auto;
}

.confirm-body section .controls {
	margin-top: 22px;
}

.confirm-body section .controls a {
	margin-right: 20px;
}

.confirm-body section .controls a span {
	padding-left: 40px !important;
	padding-right: 26px !important;
}

.confirm-body section .controls .message {
	float: left;
	font-size: 11px;
	margin-top: 8px;
	color: #996767;
	text-transform: uppercase;	
}

.confirm-body input[type=text], .confirm-body input[type=password] {
	font-family: Titillium, "Helvetica Neue", "HelveticaNeue", helvetica, sans-serif;
	width: 446px;
	padding: 6px 0 6px 8px;
	margin-bottom: 10px;
	color: #747474;
	font-size: 16px;
	text-shadow: 0 1px 1px #fff;
	border-bottom: 1px solid #b6b6b6;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
	background: #e7e7e7 url(../images/input-text-bg.png) repeat-x left bottom;
}

/* IDEA & SIGNUP POPUP STYLES */

.popup-body header.title {
	display: block;
	padding: 11px 15px;
	height: 18px;
	overflow: hidden;
	background: transparent url(../images/popup-title-bg.png) repeat-x left top;
}

.popup-body header.title h2 {
	display: inline;
	margin: 0;
	padding: 0;
	font-weight: normal;
	color: #fff;
	text-shadow: 0 1px 2px #313131;
}

.popup-body header.title strong {
	margin-left: 15px;
	color: #3e3e3e;
	text-shadow: 0 1px 1px #aaa;
}

.popup-body header.title .badge {
	float: right;
	height: 27px;
	margin-top: -4px;
	padding-right: 15px;
	background: transparent url(../images/status-badges.png) no-repeat right -27px;
}

.popup-body header.title .badge span {
	float: left;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	padding-top: 8px;
	height: 19px;
	padding-left: 15px;
	background: transparent url(../images/status-badges.png) no-repeat left top;
}

.popup-body header.title .badge.seeking span {
	color: #633c42;
	text-shadow: 0 1px 1px #e3cbc8;
}

.popup-body header.title .badge.dev {
	padding-right: 14px;
	background-position: right -81px;
}

.popup-body header.title .badge.dev span {
	color: #525421;
	text-shadow: 0 1px 1px #eae2b6;
	background-position: left -54px;
}

.popup-body header.title .badge.launch {
	background-position: right -135px;
}

.popup-body header.title .badge.launch span {
	color: #306e56;
	text-shadow: 0 1px 1px #a2e4be;
	background-position: left -108px;
}

.popup-body #idea-overview a {
	color: #444;
	padding-right: 12px;
	font-size: 11px;
	background: transparent url(../images/link-arrow-black.png) no-repeat right 1px;
}

#idea-overview a:hover {
	color: #777;
}

.popup-body header.overview {
	display: block;
	float: left;
	width: 604px;
	margin: 40px;
	color: #777;
	font-size: 11px;
}

.popup-body header.overview .right {
	float: right;
}

.popup-body header.overview .h4, .popup-body header.overview span {
	float: left;
}

.popup-body header.overview .user-image {
	float: left;
	min-height: 48px;
}

.popup-body header.overview .user-image img {
	display: block;
	margin-right: 12px;
	box-shadow: 0 1px 4px #555;
	-webkit-box-shadow: 0 1px 4px #555;
	-moz-box-shadow: 0 1px 4px #555;
}

.popup-body header.overview h3 {
	margin: 0 0 1px 0;
	padding: 0;
	font-size: 16px;
	color: #444;
}

.popup-body header.overview h3 a {
	color: #444;
	padding-right: 12px;
	font-size: 16px !important;
	background: transparent url(../images/link-arrow-black.png) no-repeat right 3px !important;
}

.popup-body header.overview .date, .popup-body header.overview .offering {
	margin-bottom: 3px;
}

.popup-body header.overview .right a.gen-btn, .popup-body header.overview .right a.gen-btn-color {
	float: right !important;
	margin-top: 10px;
	margin-left: 20px;
}

.popup-body header.overview .right span {
	float: right;
}

.popup-body .description {
	float: left;
	width: 604px;
	height: 390px;
	overflow-x: hidden;
	overflow-y: auto;
	font-size: 13px;
	padding: 0 10px;
	margin: 0 30px 40px 30px;
}

#idea-overview .description a {
	color: #309f7e;
	padding-right: 0;
	font-size: 12px;
	background: none;
}

#idea-overview .description a:hover {
	color: #444;
}

.popup-body .description h4 {
	margin: 0 0 10px 0;
	padding: 0;
	color: #444;
	text-transform: uppercase;
}

.popup-body .description p {
	margin: 0 0 30px 0;
	padding: 0;
}

.popup-body .description p:last-child {
	margin: 0;
}

#idea-images {
	display: none;
	float: left;
	text-align: center;
	width: 604px;
	padding: 20px 20px 0 20px;
}

#idea-images img {
	display: block;
	margin: 0 auto;
	box-shadow: 0 1px 15px #777;
	-webkit-box-shadow: 0 1px 15px #777;
	-moz-box-shadow: 0 1px 15px #777;
}

#idea-images .caption {
	margin: 20px 0 0 0;
	padding: 0;
	height: 60px;
	overflow-y: auto;
	font-size: 12px;
}

#popup-idea aside {
	float: left;
	width: 84px;
	padding: 18px 16px 18px 16px;
	height: 524px;
	background: #d4d4d4 url(../images/popup-side-bg.png) repeat-y right top;
}

#idea-arrow {
	position: absolute;
	margin-left: 90px;
	width: 10px;
	height: 23px;
	margin-top: 8px;
	background: transparent url(../images/popup-side-arrow.png) no-repeat right top;
	z-index: 12;
}

#popup-idea aside ul {
	position: absolute;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#popup-idea aside li {
	display: none;
	margin-bottom: 11px;
	border: 2px solid #fff;
	box-shadow: 0 1px 2px #999;
	-webkit-box-shadow: 0 1px 2px #999;
	-moz-box-shadow: 0 1px 2px #999;
}

#popup-idea aside li.overview {
	text-align: center;	
	display: block;
	width: 80px;
	background: #d4d4d4 url(../images/popup-side-cover-bg.png) repeat-x left bottom;
}

#popup-idea aside li a {
	display: block;
	overflow: hidden;
	max-height: 90px;
}

#popup-idea aside li.overview a {
	width: 80px;
	height: 24px;
	overflow: hidden;
	max-height: inherit;
	padding-top: 14px;
	color: #4f4f4f;
	text-shadow: 0 1px 1px #eee;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
}

#popup-idea aside li img { 
	display: block;
	width: 80px;
}

#popup-idea aside li:hover {
	border: 2px solid #ddd;
}

#popup-idea aside .close-popup {
	position: absolute;
	margin-top: 496px;
}

#popup .close-popup span {
	width: 56px;
	text-align: center;
}

#popup-signup aside {
	float: left;
	width: 280px;
	margin: 20px;
	padding: 76px 30px 0 30px;
	height: 436px;
	color: #d3dae0;
	font-size: 12px;
	text-shadow: 0 1px 4px #000;
	background: transparent url(../images/signup-form.jpg) no-repeat left top;
	overflow: hidden;
}

#popup-signup aside a {
	color: #6dacaa;
	text-decoration: underline;
}

#popup-signup aside a:hover {
	color: #d3dae0;
	text-decoration: none;
}

#popup-signup aside fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

#popup-signup aside label {
	display: block;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 3px;
}

#popup-signup aside input {
	display: block;
	font-family: Titillium, "Helvetica Neue", "HelveticaNeue", helvetica, sans-serif;
	color: #444;
	font-size: 14px;
	padding: 4px;
	width: 264px;
	margin-bottom: 20px;
}

#popup-signup aside input[type=checkbox] {
	display: inline;
	width: inherit;
	margin-right: 5px;
	margin-top: 18px;
	margin-bottom: 19px;
}

#popup-signup aside input[type=radio] {
	display: inline;
	width: auto;
	padding: 0;
	margin: 0 6px 10px 0;
}

#popup-signup aside label.radio {
	display: inline;
	background-color: #382635;
	border: 1px solid #4a3647;
	padding: 9px 16px 5px 12px;
	margin-right: 20px;
	font-size: 13px;
	box-shadow: 0 1px 4px #000;
	-webkit-box-shadow: 0 1px 4px #000;
	-moz-box-shadow: 0 1px 4px #000;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#popup-signup aside label.selected.radio {
	background-color: #613852;
	border: 1px solid #714962;
}

a#signupnow {
	display: block;
	margin: 0 auto;
	width: 172px;
	height: 57px;
	text-indent: -99999px;
	background: transparent url(../images/signupnow.png) no-repeat left top;
}

a:active#signupnow {
	background-position: right top;
}

#popup-signup .popup-content {
	float: left;
	width: 372px;
	height: 512px;
	padding: 20px 0px 20px 15px;
	font-size: 13px;
	color: #777;
	overflow: hidden;
}

#popup-signup .popup-content dt {
	color: #444;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	padding: 9px 0 9px 40px;
	margin-bottom: 5px;
	background: transparent url(../images/questionmark.png) no-repeat left top;
}

#popup-signup .popup-content dd {
	margin: 0 0 25px 40px;
	line-height: 1.2em;
}

#popup-signup .close-popup {
	clear: left;
	margin-left: 360px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#global-nav {
		margin-top: 36px;
	}
	.selectbox .text span {
		height: 28px;
		padding-top: 8px;
	}
	#main-nav input[type=search] {
		margin-top: 0;
	}
	#login-panel input {
		padding: 4px 0;
	}
	a#remember {
		margin-top: -1px;
	}	
	a#remember + span {
		margin-top: 3px;
	}
	a#forgot {
		margin-top: 5px;
	}
	a#back-to-search {
		background-position: left 1px;
	}
	#user-holder article .ribbon a#profile-addcontact, #user-holder article .ribbon a#profile-watch {
		margin-top: -4px;
	}
	.popup-body header.overview h3, .popup-body header.overview .date, .popup-body header.overview .offering {
		margin: 1px 0 4px 0;
	}	
	#popup-signup aside input {
		padding: 6px;
	}
	#popup-signup aside label.radio {
		padding: 9px 12px 7px 12px;
	}
	#popup-signup aside input[type=checkbox] {
		margin-top: 20px;
	}
	#popup-signup aside input[type=radio] {
		margin-bottom: 12px;
	}
	.popup-body header.title .badge span {
		padding-top: 9px;
		height: 18px;
	}
	#main-nav .user-info span.type {
		margin-top: 1px;
	}	
	#bottom-nav .text.loading  {
		width: 104px;
	}
	#user-holder article .ribbon {
		padding: 16px 0 10px 0;
	}
	#user-holder article .right {
		margin-top: 19px;
	}
	#gallery-holder .item .type, #gallery-holder .item .likes {
		padding-top: 5px;
	}
}

@-moz-document url-prefix(){
	#global-nav a, #user-holder article .ribbon a {
		font-weight: normal;
	}
	#user-holder article header h2, #user-holder article header h4 {
		font-weight: 100;
	}
	#popup-signup aside input {
		margin-bottom: 21px;
	}
}

/* TipTip Styles */

#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_left {
	padding-left: 5px;
}

#tiptip_holder.tip_right  {
	padding-right: 5px;
}

#tiptip_holder.tip_right #tiptip_content {
	margin-right: 5px;
}

#tiptip_content {
	font-size: 10px;
	text-transform: uppercase;
	color: #fff;
	text-shadow: 0 0 2px #000;
	padding: 6px 8px 3px 8px;
	border: 1px solid rgba(255,255,255,0.25);
	background-color: rgb(25,25,25);
	background-color: rgba(25,25,25,0.92);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_arrow_inner {
	border-width: 6px;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(25,25,25);
	border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(25,25,25);
	border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(25,25,25);
	border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(25,25,25);
	border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding: 6px 8px 4px 8px;
		background-color: rgba(40,40,40,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: rgba(40,40,40,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: rgba(20,20,20,0.92);
	}
}