/* Master screen stylesheet for VizSeek
   1. Preliminaries
   2. Element styles
   3. Sectional styles
      3a. Liner
	  3b. Header
	  3c. Logo
	  3d. Navigational drawers
	  3e. Search
	  3f. Scroll
	  3g. Banner
	  3h. Nav
	  3i. InfoMessage
	  3j. Main
	  3k. leftColumn
	  3l. centerColumn
	  3m. rightColumn
	  3n. Interior columns
	  3o. Pods
	  3p. Modal dialogs
	  3q. Accordions
	  3t. Tabs
	  3u. gridItems
	  3v. VizSeek search interface
	  3y. Footer
	  3z. Overlay
   4. General styles
	  4a. Miscellaneous
      4b. Buttons
	  4c. Tables
      4d. Hovercards
	  4e. Carousel
	  4f. Fonts and text
	  4h. Helps
      4k. Feeds
	  4l. Revealer, hidden text
	  4m. Drawers
	  4n. File types and trees
	  4o. File upload dialog
	  4p. Thumbs
	  4q. Image area selection
      4r. Capsules
      4s. Videos
   5. Inputs
      5a. Fieldsets
	  5b. isets
   7. Page-specific variations
	  7a. Chrome-less pages
   8. Media overrides
	  8a. Screen
      8b. Print
   9. Browser overrides
  10. Notes
*/


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* 1. PRELIMINARIES
(Adapted in part from Normalize, http://necolas.github.io/normalize.css/) */

/* Apply a consistent, natural box layout model to all elements */
* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
/* Correct the display of HTML5 elements */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	display: block;
}
audio, canvas, video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
[hidden], template {
	display: none;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* 2. ELEMENT STYLES */

html {
	height: 100%;
	}
body {
	background-attachment: fixed;
	color: #333;
	height: 100%;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 13px;
	margin: 0;
	min-width: 320px;
	padding: 0;
	text-align: left;
}
a {
	background-color: transparent;
	color: #05d;
	cursor: pointer;
	/* position: relative; */
	text-decoration: none;
	word-wrap: break-word;
}
a:hover {
	color: #6af;
	text-decoration: none;
	cursor: pointer;
}
a:active {
	color: #f80;
}
abbr, acronym {
	border-bottom: 1px dotted #bbb;
	cursor: help;
}
address {
	font-style: normal;
}
b, strong {
	font-weight: bold;
}
div {
	margin: 0;
	padding: 0;
}
fieldset {
	border: 0;
	display: block;
	margin: 0;
	padding: 0;
}
figure, img {
	border: 0;
	margin: 0;
	padding: 0;
}
/*form {
	height: 100%;
}*/
h1 {
	font-size: 36px;
	font-weight: normal;
}
h2 {
	font-family: Arial, sans-serif;
	font-size: 22px;
	font-weight: normal;
	margin: 0 0 15px 0;
}
h2.title {
	font-size: 25px;
}
h3 {
	font-size: 14px;
	margin: 2px 0;
}
h4 {
	font-size: 13px;
	margin: 2px 0;
}
h5 {
	font-size: 12px;
	margin: 2px 0;
}
hr.blue {
	background-color: #bfc9fa;
	border: 0;
	height: 1px;
	margin-bottom: 15px;
}
img {
	border: 0;
}
input, select, textarea {
	font-size: 13px;
	margin: 0;
}
	input[type=text], input[type=email], input[type=password], input[type=search] {
		height: 25px;
		padding-left: 2px;
		padding-top: 0;
	}
label {
}
legend {
	display: none;
}
mark {
	background: #ff0;
}
p {
	line-height: 1.33;
}
select {
	height: 25px;
}
textarea {
	font-family: Tahoma, Verdana, Arial, sans-serif;
}
ul.nobullets, ol.nonumbers {
	list-style: none;
	margin: 0;
	padding-left: 0;
}
ul.sublist {
	margin-left: 15px;
}
ul.lispaced li, dl.lispaced dd{
	margin-bottom: 15px;
}
ul.lightIndention {
	padding-left: 20px;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* 3. SECTIONAL STYLES */

/* 3a. Liner; a div with this class normally goes inside full-width, high-level elements, and serves to center and constrain the width of the content */
.liner {
	margin: 0 auto;
	position: relative;
	width: 100%;
}

/* 3b. Header bar containing the logo, search bar, jewels, and user links */
#header {
	position: relative;
	display: inline-block;
	background: #fff;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	min-width: 320px;
	min-height: 50px;
	margin-bottom: -4px;
	padding: 0 8px 0 0;
	top: 0;
	width: 100%;
	z-index: 300;
	border-bottom: 2px solid #205bb3;
}
	#header a {
		color: #205bb3;
	}
#header a:hover {
	color: #66aaff;
	text-decoration: none;
}
#header hr,
#header h1 {
	display: none;
}
.hideStripe #stripe {
    display: none;
}

/* 3c. Logo (in header) */
#logo {
	background: transparent url("") no-repeat top left;
	float: left;
	overflow: hidden;
	margin-top: 6px;
}
#logo * {
	visibility: hidden;
}
#logo:hover {
	text-decoration: none;
}
#logo {
	background-image: url("../images/logos/vizseekSmall.png");
	height: 36px;
	width: 162px;
}

/* 3d. Navigational drawers (in head) */
#headerDrawers {
	display: inline-block;
	float: right;
	padding: 5px 5px 0 0;
}
#headerDrawers .clickDrawer,
#headerDrawers .hoverDrawer {
	border-radius: 3px;
	cursor: pointer;
	float: right;
	font-size: 12px;
	margin: 4px 0 0 10px;
	padding: 3px 8px 7px 8px;
	position: relative;
	text-align: right;
	vertical-align: middle;
}
#headerDrawers .drawerHandle {
	min-width: 25px;
}
#headerDrawers .clickDrawer:hover,
#headerDrawers .hoverDrawer:hover {
	background-color: #fff;
	border-radius: 3px 3px 0 0;
	position: relative;
}
#headerDrawers .hoverDrawer:hover .title {
	color: #0080c0;
}
#headerDrawers * {
	vertical-align: top;
}
#headerDrawers a {
	border-radius: 2px;
	display: block;
	height: 25px;
	padding: 4px;
	position: static;
	white-space: nowrap;
}
#headerDrawers .drawerContents a:hover {
    background: #eee;
}
#headerDrawers #appsHandle a {
	background: url("../images/icons/drawers/apps2.png") no-repeat;
	background-position: 0 -25px;
}
#headerDrawers #notificationsHandle a {
	background: url("../images/icons/drawers/notifications2.png") no-repeat;
	background-position: 0 -25px;
}
#headerDrawers #userHandle a {
	background: url("../images/icons/drawers/user2.png") no-repeat;
	background-position: 0 -25px;
}
#headerDrawers #signin {
	float: right;
	margin: 4px 0 0 10px;
	padding: 3px 0 7px;
}
#headerDrawers .title {
	color: #0080c0;
	font-size: 12px;
	font-weight: bold;
	max-width: 108px;
	margin-left: 30px;
	position: relative;
	top: 4px;
}
#headerDrawers hr {
	display: block;
	opacity: 0.5;
}
#headerDrawers .drawerContents {
	background-color: #fff;
	border-radius: 0 0 3px 3px;
	box-shadow: 0 2px 2px #aaa;
	color: #000;
	min-width: 105px;
	padding: 6px 8px;
	position: absolute;
	right: 0;
	top: 35px;
}
#headerDrawers .drawerContents a {
	color: #205bb3;
	font-size: 14px;
}
#headerDrawers .drawerContents .cornerCount {
	position: static;
}
#headerDrawers .drawerContents .cornerCount.zeroCount {
	display: inline;
}
#user .title, #notifications .title { /* Drawers that should NOT have a text label */
	display: none;
}

/* 3e. Special search drawer (in head) */
#search {
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	margin: 9px 0 0 10px;
	padding: 3px 8px;
	vertical-align: middle;
	width: 200px;
	z-index: 90;
}
#search:hover {
	background-color: #fff;
	border-radius: 3px 3px 0 0;
}
#search * {
	vertical-align: top;
}
#searchHandle {
	padding-bottom: 5px;
	width: 100%;
}
#searchText {
	border: 1px solid #ccc;
	border-radius: 12px;
	padding: 0 6px;
	width: 100%;
}
#search:hover #searchText {
	border: 1px solid #aaa;
}
#searchContents {
	background-color: #fff;
	border-radius: 0 0 3px 3px;
	box-shadow: 0 2px 2px #aaa;
	color: #000;
	min-width: 90px;
	padding: 0 10px 8px 10px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 35px;
	width: 100%;
}
#searchFilter, #searchDrawers, #searchScope {
	margin: 0 0 8px 0;
	width: 100%;
}
#searchDrawers {
	text-align: center;
}
#search .clickDrawer {
	float: left;
}
#search .clickDrawer .drawerContents {
	background: #fff;
	height: 440px;
	left: 0;
	position: absolute;
	top: 0;
	width: 440px;
}
#searchLink {
	background-color: #fff;
	border: 1px solid #666;
	border-radius: 3px;
	display: none;
	float: left;
	font-size: 12px;
	height: 27px;
	margin: 5px 0 0 12px;
	padding: 5px 6px 0 6px;
	vertical-align: middle;
}

/* 3g. Nav, the element that contains navigational links */
#nav {
	background: #afc0ef;
	color: #fff;
	font-size: 14px;
	min-height: 4px;
	position: relative;
	width: 100%;
	z-index: 60;
}
#nav .liner {
	background: #afc0ef;
	min-height: 4px;
	padding: 0 13px 0 15px;
}
#nav a {
	color: #fff;
	padding: 6px 12px 7px 12px;
}
#nav a:hover {
	color: #0070a0;
	text-decoration: none;
}
#nav a.active {
	background: #fff;
	color: #369;
}
#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#menu a {
	float: right;
}
#submenu a {
	float: right;
}
#submenu li:first-child a {
	padding-right: 15px;
}

/* 3f. Scroll, the scrolling body contents occupying the middle of the page.
Within scroll is #nav (optional) and #main */
#scroll {
    position: relative;
	/*background: #fff url("../images/backgrounds/vizseekBlue.png?ver=2") repeat-x;*/
	bottom: 0;
	/*min-height: 100%;*/
	margin: 0 auto;
	top: 0;
	width: 100%;
	z-index: 100;
}

/*#menu ul {
    display: inline-block;
    float: right;
    margin: 0 5px 0 0;
    padding-left: 0;
    position: relative;
    top: 5px;
    z-index: 400;
}
#menu ul li {
	display: inline-block;
	background-color: #fff;
	border-radius: 5px 5px 0 0;
	color: #fff;
	font-size: 14px;
	padding: 0;
	position: relative;
}
#menu ul li:hover {
	background-color: #abc4e9 !important;
}
#menu ul li:hover a {
	color: #fff;
}
#menu ul li:active a {
	padding-bottom: 15px;
}
#menu ul li a {
    width: 100%;
	color: #777;
	display: inline-block;
	height: 45px;
	padding: 9px 12px 16px;
}
#menu ul li.active {
	background-color: #004bbb;
	font-weight: bold;
}
#menu ul li.active a {
	color: #fff;
}
#menu > a
{
    display: none;
}*/

/* 3i. infoMessage, a strip that may appear between #nav and #main */
.infoMessage {
    display: none;
	position: relative;
    padding: 4px 8px 8px;
    color: #fff;
    background: #afc0ef;
    font-size: 13px;
    z-index: 400;
}
.infoMessage .button {
	vertical-align: middle;
}

/* 3j. Main, the section that surrounds the page's primary chunk of content */
#main {
	z-index: 20;
}
#main>.liner {
	display: table;
	height: 100%;
}
/* primary sections within main */
#leftColumn, #centerColumn, #rightColumn {
	display: table-cell;
	padding: 20px 20px 35px 20px;
	position: relative;
	vertical-align: top;
}
#leftColumn>p:first-child,
#centerColumn>p:first-child,
#rightColumn>p:first-child {
	margin-top: 0;
}
.columnToggle {
	display: none;
	margin-bottom: 7px;
	text-align: right;
}

/* 3k. leftColumn and its normal contents */
#leftColumn {
	background-color: #f1f4f9;
	border-right: 1px solid #ccc;
	min-width: 200px;
	width: 285px;
	padding: 20px 1px 35px 9px;
}
#leftColumn>.controls {
	float: right;
	position: relative;
	right: 5px;
	top: 0;
}
#leftColumn .contact {
	background: #fff;
	border-radius: 3px;
	margin-bottom: 20px;
	min-height: 55px;
	padding: 10px;
	position: relative;
}
#leftColumn .contact .socialContact {
	margin-top: 5px;
}
#leftColumn .pod {
	background-color: #bce;
	border-radius: 3px;
	padding: 0;
}
#leftColumn .pod h3 {
	margin: 8px 2px 11px 8px;
}
#leftColumn .pod a {
	color: #05b;
}
#leftColumn .pod a:hover {
	color: #59f;
}
#leftColumn .pod a:active {
	color: #f80;
}
#leftColumn .pod .count {
	font-size: 13px;
}

.podThumbs {
	min-width: 232px;
}
.podThumb {
	background: #fff;
	border-radius: 2px;
	float: left;
	height: 75px;
	margin: 0 0 2px 2px;
	position: relative;
	text-align: center;
	width: 75px;
}
.podThumb:hover {
	box-shadow: 0 2px 4px #000;
}
.podThumb>a {
	display: inline-block;
	height: 75px;
	max-width: 75px;
}
.podThumb>a:before {
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.podThumb img {
	height: auto !important;
	max-height: 100% !important;
	max-width: 100% !important;
	vertical-align: middle;
	width: auto !important;
}
.podThumb .thumbTitle {
	background: rgba(0,0,0,0.5);
	bottom: 0;
	font-size: 12px;
	max-height: 26px;
	overflow: hidden;
	padding: 1px 1px 0 3px;
}
.podThumb .eventDate {
	cursor: pointer;
	height: 100%;
	width: 100%;
}
.podThumb.empty {
	opacity: 0.15;
}
.wideThumb {
	width: 228px !important;
}
.wideThumb a {
	max-width: none;
}
.eventDateMonth {
	display: block;
	margin-top: 20%;
}
.eventDateDay {
	display: block;
	font-size: 25px;
}
.podLinks li {
	background: #fff;
	margin: 0 2px 2px 2px;
	padding: 3px 6px;
	position: relative;
}

.listCriteria {
	margin-top: 6px !important;
}
.listCriteria>li {
	margin-bottom: 6px;
}
.listCriteria>li h4 {
	background-color: rgba(0,0,255,0.05);
	margin-left: -5px;
	padding: 5px;
}
.listCriteria>li h4:hover {
	background-color: rgba(0,0,255,0.1);
}
.listCriteria>li td {
	vertical-align: top;
}
.listCriteria>li td:first-child {
	text-align: right;
}
.listCriteria img {
	height: 80px;
	width: 80px;
}
.searchCriterion {
	display: block;
	font-size: 11px;
	margin: 1px 0;
}

.searchAreas {
	margin-top: 6px;
}
.searchArea {
	background-repeat: no-repeat;
	background-position: top left;
	display: inline-block;
	height: 26px;
	opacity: 0.5;
	padding-left: 28px;
}
.searchArea h3 {
	color: #808080;
	margin-right: 5px;
	top: 4px;
	vertical-align: top;
}
.searchArea.active {
	opacity: 1;
}
.searchArea.active {
	background-position: bottom left;
}
.searchArea.active h3 {
	color: #ffb000;
}
.searchArea:hover {
	opacity: 0.75;
}
.searchArea.searchWeb {
	background-image: url("../images/icons/web.png?ver=2");
}
.searchArea.searchProducts {
	background-image: url("../images/icons/product.png?ver=2");
}
.searchArea.searchFiles {
	background-image: url("../images/icons/file.png?ver=2");
}

/* 3l. centerColumn and its normal contents */
#leftColumn + #centerColumn {
	box-shadow: 0 0 8px #999;
}
.about {
	margin: 0 -25px 25px -25px;
	padding: 0 25px 0 25px;
	position: relative;
}

/* Subject elements */
#subject {
	margin-bottom: 15px;
	max-width: 100%;
	overflow: hidden;
	position: relative;
	white-space: nowrap;
}
#subjectLogoWrap {
	display: inline-block;
	float: left;
	height: 84px;
	margin: 0 15px 0 0;
	text-align: center;
	max-width: 205px;
}
#subjectLogoWrap:before, #subjectLogoWrap_before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
#subjectLogo {
	vertical-align: middle;
	max-height: 70px;
	max-width: 200px;
}
#subjectName {
	color: #000;
	display: inline-block;
	font-size: 28px;
	margin: 10px 20px 0 0;
	overflow: hidden;
	white-space: nowrap;
}
#subjectName a {
	color: #000;
	display: inline-block;
	width: 100%;
}
#subjectSlogan {
	color: #803000;
	font-size: 14px;
	font-style: italic;
	left: 125px;
	position: absolute;
	top: 58px;
}
#subjectPanel {
	border-radius: 3px;
	min-height: 28px;
	padding: 0 5px;
	position: absolute;
	right: 0;
	top: 29px;
}
#subjectAlert {
	color: #000;
	float: right;
	height: 28px;
	margin-right: 10px;
	max-width: 310px;
	position: relative;
	text-align: right;
	top: 3px;
	vertical-align: middle;
}
#subjectButtons {
	float: right;
	margin-right: 10px;
	padding-left: 5px;
}
#subjectButtons *.disabled {
	opacity: 0.5;
}
#centerColumn>.controls {
	position: absolute;
	right: 25px;
	top: 28px;
	z-index: 2;
}
.about .controls:last-child {
	top: -35px;
}
.about .summary {
	margin-bottom: 10px;
}
.about .summary img {
	border-radius: 3px;
	float: left;
	margin: 0 15px 15px 0;
}
.about .summary a img {
	border-radius: 0;
	margin: 0 10px 5px 0;
	max-height: 75px;
	max-width: 150px;
}
.about table td {
	vertical-align: top;
}
#about .pod {
	background-color: #eaeaef;
	border-color: #ccc;
}

#map_canvas {
	height: 600px;
	width: 100%;
}
.mapCard {
	max-width: 300px;
}

/* 3n. Interior columns. These are used to divide up the contents of some container
(typically the centerColumn section) into halves or even thirds.  A "varColumn" is
variably-sized and can be used when even divisions are unnecessary. */
.fullColumn, .fullcolumn {
	float: left;
	width: 100%;
}
.halfColumn, .halfcolumn{
	float: left;
	width: 50%;
}
.thirdColumn, .thirdcolumn {
	float: left;
	width: 33.3%;
}
.twoThirdsColumn, .twothirdscolumn {
	float: left;
	width: 66.6%;
}
.varColumn {
	display: inline-block;
	float: left;
}
.fullColumn .liner {
	padding: 0 0 5px 0;
}
.halfColumn>.liner,
.thirdColumn>.liner,
.twoThirdsColumn>.liner,
.varColumn>.liner {
	padding: 0 25px 5px 0;
}
.halfColumn + .halfColumn>.liner,
.thirdColumn + .twoThirdsColumn>.liner,
.twoThirdsColumn + .thirdColumn>.liner,
.thirdColumn + .thirdColumn + .thirdColumn>.liner {
	padding-right: 0;
}
.halfColumn .pod .halfColumn {
    min-width: 200px;
}
.halfColumn .pod .halfColumn:last-of-type {
    padding-left: 15px;
}

/* 3o. Pods (shaded boxes that group similar content) */
.pod {
	background-color: #f1f4f9;
	border: 1px solid #9198c9;
	border-radius: 1px;
	margin-bottom: 20px;
	padding: 3px 10px 10px 10px;
	position: relative;
}
.pod hr {
	margin: 15px 0;
}
.pod .count:before {
	color: #00f;
}
.leftColumn .pod {
	margin-right: 10px;
}
.rightColumn .pod {
	margin-left: 10px;
}
.pod h3 {
	margin-bottom: 10px;
}
.pod h3 a img {
	position: relative;
	top: 3px;
}
.podcontrols {
	position: absolute;
	top: 7px;
	right: 6px;
}
.podcontrol {
	background-color: #eee;
	border: 1px solid #ccc;
	border-bottom: 1px solid #666;
	color: #dd7700;
	cursor: pointer;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 6px;
	position: relative;
	text-decoration: none;
	vertical-align: top;
}
.podcontrol:hover {
	background-color: #fed;
	color: #ff9900;
	text-decoration: none;
}
.podcontrol:active {
	text-decoration: none;
	top: 1px;
}
.subpod {
	background-color: #dde9ff;
	box-shadow: 0 2px 3px #778899;
	margin-bottom: 15px;
	padding: 10px 10px 5px 10px;
	position: relative;
}
.fieldHelp {
	color: #404040;
	font-size: 11px;
	font-style: italic;
}
.code {
    background-color: #f6f6f6;
    border: 1px dotted #aaa;
    font-family: Courier, Sans-Serif;
    padding: 5px 8px;
    word-break: break-all;
    word-wrap: break-word;
}

/* 3p. Modal dialogs */
.dialogModal {
	display: none;
}
.ui-widget-header {
	color: #333333;
}
.ui-widget-overlay {
    background: #000;
    opacity: 0.5;
    z-index: 998;
}
.ui-dialog {
    z-index: 999 !important;
}
.ui-dialog-titlebar {
	border: 0;
	background: transparent;
	font-size: 15px;
}
.ui-dialog-titlebar-close {
}
.ui-dialog-titlebar-close:hover {
	background-position: 0 -25px;
}
.ui-dialog .ui-dialog-title {
    min-height: 10px;
    white-space: normal;
}
.ui-dialog .ui-dialog-content {
	font-size: 13px;
	overflow-x: hidden !important;
	padding-bottom: 1em !important;
}
.ui-dialog .ui-dialog-content#fileViewerDialog{
    overflow-x: auto !important;
}
.ui-widget-content a {
	color: #05d;
}
.ui-dialog-buttonpane {
}
.ui-dialog-buttonset {
}
#viewFileDialog img {
	max-width: 100%;
}

/* 3q. Accordions */
.accordion {
	font: inherit;
	min-height: 0;
	position: relative;
	z-index: auto !important;
    background: #FFF;
}
.ui-accordion-header{
    background: none;
}
.accordion h3,
.accordion>h4 {
	background-color: #fff !important;
	border: 1px solid #abc;
    border-top: 0 !important;
	color: #369;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	margin: 2px 0 0 0;
	min-height: 37px !important;
	outline: 0;
	padding: 8px 8px 8px 11px;
	position: relative;
}
.accordion>div {
	border: 1px solid #abc;
	border-top: 0 !important;
    font-weight: bold;
    min-height: 37px;
	overflow: auto;
	position: relative;
}
.accordion .ui-accordion-header, .accordionContent li {
    background-position: 6px 50%;
    background-repeat: no-repeat;
    background-size: 25px;
    padding: 10px 22px 2px 10px;
}
.accordion .accordionContent {
    background-position: 0% 50%;
    padding: 0 0 0 26px;
}
.accordionContent.empty {
    display: none !important;
}
.accordionContent ul {
    margin: 0;
    padding: 0;
}
.accordionContent li {
    min-height: 30px;
    list-style: none;
    margin: 6px 0;
    padding-top: 4px;
}
.accordionContent li:last-child {
    border-bottom: none;
}
.accordionContent li a {
	color: #369;
}
.accordion li:hover a {
    text-decoration: underline;
}
.accordion>h4+div {
	background: #fff;
}
.accordion input {
	font: inherit;
}
.accordion>div>div {
	margin: 8px 0 0 0;
}
.accordion a:hover {
	color: #6af;
}
.accordion.arrows .accordionArrow,
.accordion.arrows .accordionArrowActive {
	display: inline-block;
	height: 12px;
	margin-right: 5px;
	width: 12px;
}
.accordion.arrows .accordionArrow {
	background: url("../images/dingbats/arrowBlack.png") no-repeat;
}
.accordion.arrows .accordionArrowActive {
	background: url("../images/dingbats/arrowBlackActive.png") no-repeat;
}
.accordion.condensed h3 {
	padding: 3px 8px 3px 25px;
}
.ui-accordion-header {
	background-color: #004bbb !important;
	color: #fff;
}
.ui-accordion .ui-accordion-header {
    margin: 0;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    right: .5em;
    left: inherit !important;
}
.ui-accordion-header:hover {
	background-color: #379cd0;
}
.ui-accordion-header-active {
	background-color: #379cd0;
}
.ui-icon {
    background-image: url("../images/dingbats/jqueryWhite.png");
}
.accordion .ui-corner-all, .accordion .ui-corner-bottom, .accordion .ui-corner-right, 
.accordion .ui-corner-top, .accordion .ui-corner-left, .accordion .ui-corner-br{
    border-radius: 0 !important;
}

/* 3t. Tabs */
ul.Tabs {
	border-bottom: 5px solid #004bbb;
	width: auto;
	margin: 10px 0 0 0;
}

ul.tabs {
	border-bottom: 0;
	border-right: 0;
	width: 100%;
	margin-top: 5px;
	margin-left: 0px;
	margin-bottom: 0px;
}

ul.Tabs li, ul.tabs li {
	background-color: #f2f2f2;
	float: left;
	margin: 0 2px 0 0;
	overflow: hidden;
	position: relative;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
ul.Tabs li a.tab_link, ul.tabs li a.tab_link {
	border: 1px solid #B7B7B7;
	border-bottom: 0;
	font-size: 13px;
	font-weight: bold;
	display: block;
	padding: 3px 9px;
	white-space: nowrap;
	text-decoration: none;
	color: Black;
	text-align: center;
	vertical-align: middle;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
ul.Tabs li a.tab_link .app_tab_icon, ul.tabs li a.tab_link .app_tab_icon {
	display: none;
}
ul.Tabs li a:hover.tab_link, ul.tabs li a:hover.tab_link {
	background-color: #e2e2e2;
	text-decoration: none;
}
ul.Tabs li a.tab_link:focus, ul.tabs li a.tab_link:focus {
	outline: 0;
}
ul.Tabs li.add_tab a.tab_link, ul.tabs li.add_tab a.tab_link {
	padding: 0;
	width: 25px;
	height: 22px;
	display: block;
	margin: 0;
}
ul.Tabs li.selected_menu_icon a.tab_link, ul.tabs li.add_tab a:hover.tab_link, ul.tabs li.selected_menu_icon a.tab_link, ul.tabs li.add_tab a:hover.tab_link {
	background-color: #627aad;
	background-position: left -6px;
	padding: 0;
	margin: 0;
	border-color: #627aad;
}
ul.Tabs li.selected, ul.tabs li.selected {
	background-color: #004bbb;
	margin-top: -3px;
	margin-bottom: -3px;
	background: #fff;
}
ul.Tabs li.selected a.tab_link, ul.tabs li.selected a.tab_link {
	background-color: #004bbb;
	color: white;
	font-size: 13px;
	padding: 0;
	padding: 5px 10px 4px;
}
ul.Tabs li.selected a.has_edit, ul.tabs li.selected a.has_edit {
	padding-right: 25px;
}
ul.Tabs li a.edit, ul.tabs li a.edit {
	display: none;
}
ul.Tabs li.selected a.edit, ul.tabs li.selected a.edit {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	height: 18px;
	width: 19px;
	margin: 4px 4px 0 1px;
}
ul.Tabs li.selected a.edit:hover, ul.tabs li.selected a.edit:hover {
	background-position: left top;
	text-decoration: none;
}
ul.Tabs li.selected a.selected, ul.tabs li.selected a.selected {
	border-left: solid 1px #6076a5;
	background-position: left -18px;
}
ul.Tabs li.selected .inputtext, ul.tabs li.selected .inputtext {
	margin: 2px 3px 3px;
}

.tabsBottomBorder {
	border-bottom: 5px;
	border-bottom-style: solid;
	border-bottom-color: #004bbb;
}

/* 3u. Grid items */
/* These are rectangular blocks containing both images and text */
/* that are used as links to categories, products, etc. */

.gridItems {
	position: relative;
	list-style-type: none;
    margin: 0;
	padding: 0;
}
.gridItems li {
	position: relative;
	float: left;
	width: 232px;
	height: 212px;
    margin: -1px 0px 0 -1px;
    padding: 0 10px;
    text-align: left;
    border: 1px solid #ccc;
}
.gridItems img {
	display: block;
	height: 210px;
	width: 210px;
	position: relative;
	top: 0;
	bottom: 0;
    left: 0;
    right: 0;
}
.gridItems a {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	left: 0;
	opacity: 0;
	padding: 10px;
	color: #555;
    background: rgba(255,255,255,0.9);
    background: linear-gradient(to top, #fff 25px, rgba(255,255,255,0.85) 100%);
	transition: opacity 0.1s;
}
.gridItems a span {
	display: block;
}
.gridItems .filename {
    position: relative;
	font-weight: bold;
	color: #333;
    word-break: break-all;
    overflow: hidden;
}
.gridItems .attribute {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.gridItems .attribute a {
    color: #05d;
}
.gridItems .controls {
	position: absolute;
	/*width: 190px;*/
	left: 0;
	right: auto;
	top: auto;
	bottom: 0;
	padding: 10px;
	opacity: 0;
}
.gridItems input[type=checkbox] {
    position: absolute;
    bottom: 10px;
    right: 10px;
	opacity: 0;
}
.gridItems input[type=checkbox]:checked {
	opacity: 1;
    z-index: 1;
}
.gridItems .price {
    position: absolute;
    bottom: 10px;
    right: 10px;
	opacity: 0;
    background-color: #ddd;
    border-radius: 3px;
	max-width: 66px;
	overflow: hidden;
    padding: 1px 4px 2px;
}
.gridItems li:hover a, .gridItems li:hover .controls, .gridItems li:hover input[type=checkbox], .gridItems li:hover .price {
	opacity: 1;
	transition: opacity 0.1s;
	z-index: 5;
}

.gridItems li.noHover {
    height: 432px;
    width: 232px;
    padding: 10px;
}
.gridItems li.noHover span {
	display: block;
    padding: 0 4px;
}
.gridItems li.noHover a, .gridItems li.noHover .controls, .gridItems li.noHover input[type=checkbox] {
    opacity: 1;
    transition: none;
}
.gridItems li.noHover a {
    position: relative;
    display: inline-block;
    padding: 0;
}
.gridItems li.noHover .filename {
    margin-top: 12px;
    padding: 4px;
}

/* "Categories" variant of gridItems: */
/* In these the size of the category name is increased */
.gridItems.categories {
	overflow: hidden;
}
.gridItems.categories .name,
.gridItems.categories .summary {
	font-size: 15px;
	font-weight: bold;
}
.gridItems.categories a {
	height: auto;
	width: 100%;
}
.moreCategories {
	cursor: pointer;
	width: 35px !important;
}
.moreCategories span {
	background: transparent !important;
	font-size: 12px;
	letter-spacing: -0.01em;
	overflow: hidden;
	position: absolute;
	text-align: center !important;
	top: 38px;
	width: 100%;
}

/* "Mini" variant of gridItems: */
/* In these the overall size of the item is reduced */
.gridItems.mini li {
	height: 100px;
	width: 100px;
}
.gridItems.mini .details .liner {
	max-height: 125px;
	overflow: hidden;
	width: 84px;
}
.gridItems.mini .details .liner  span {
	font-size: 12px;
}
.gridItems.mini .thumbnail{
	height: 100px;
	width: 100px;
}
.gridItems.mini .thumbnail img {
    height: auto;
	width: auto;
	max-height: 100px;
	max-width: 100px;
}
.gridItems.mini  .summary span {
	font-size: 12px;
	margin-bottom: 0;
}
.gridItems.mini.controlled li {
	height: 160px;
}

/* "Static" gridItems: */
/* In these there is no change on a hover-over */
.gridItems.static li:hover .details {
	opacity: 0;
}
.gridItems.static li:hover .summary {
	font-weight: bold;
	opacity: 1;
}

/* "Borderless" gridItems: */
.gridItems.borderless li {
	box-shadow: none;
}

/* "Centered" gridItems: */
.gridItems.centered li {
	text-align: center;
}

/* Similar results, linked from a corner fold */
.cornerFold {
	cursor: pointer;
}
.cornerFold span {
	color: #000;
	height: 25px;
	position: absolute;
	right: 3px;
	text-align: right;
	top: 2px;
	min-width: 25px;
	z-index: 99;
}
.cornerFold div {
	background: url("../images/backgrounds/cornerFold2.png");
	background-size: contain;
	color: #000;
	display: block;
	height: 45px;
	position: absolute;
	right: 0;
	text-align: right;
	top: 0;
	transition: width 0.1s, height 0.1s;
	width: 45px;
	z-index: 98;
}
.cornerFold span:hover {
	color: #246;
}

/*Carousels*/


.carouselWrap {
    position: relative;
    min-height: 210px;
    margin: 6px auto 10px;
}

.resultsInfo {
    font-weight: normal;
}

.resultsInfo a.collapse {
    display: none;
}

.resultsInfo a {
    margin-left: 10px;
}

.carouselWrap li {
    margin-top: 0;
}
.carouselWrap ul.expanded li {
    height: 232px;
    margin-top: -1px;
    padding: 10px;
}
.carouselWrap ul.expanded li:last-child {
    margin-bottom: 40px;
}

.carouselWrap .gridItems li.noHover {
	height: 260px;
}

.carouselWrap .gridItems a {
	margin-bottom: 13px;
}

.carouselWrap .gridItems .attribute a {
	margin-bottom: 0;
	background: none;
}

.carouselWrap li table.details {
	display: none;
	width: 100%;
	table-layout: fixed;
	position: relative;
	top: 20px;
}

	.carouselWrap li table.details tbody tr:nth-child(even) {
		background-color: #f5f8fc;
	}

	.carouselWrap li table.details tbody tr {
		background-color: #eaeff7;
	}

	.carouselWrap li table.details tbody td {
		padding: 4px 6px;
	}

.carouselWrap .gridItems li.noHover .filename, .carouselWrap .gridItems li.noHover .attribute {
	overflow: hidden;
	display: block;
	white-space: nowrap;
	margin-top: 0;
	padding: 0;
}

.carouselWrap .gridItems li.noHover .filename {
	font-weight: bold;
}

.carouselWrap .controls {
	bottom: inherit;
	top: 194px;
	left: 9px;
}

.carouselWrap .prev, .carouselWrap .next {
	margin-top: 100px;
}

.carouselWrap .scrollbar {
    width: 100%; 
    height: 4px;
    background-color: #eee;
    opacity: 0;
	transition: opacity 1s;
}
.carouselWrap .scrollbar .handle {
	width: 100px; /* overriden if dynamicHandle: 1 */
    height: 8px;
    position: relative;
    top: -2px;
	background-color: #aaa;
    border-radius: 6px;
}

.carouselWrap:hover .scrollbar {
    opacity: 1;
	transition: opacity 0.5s;
}

.carouselWrap .prev,
.carouselWrap .next {
    position: absolute;
    margin-top: -135px;
    width: 20px;
    height: 60px;
    padding: 11px 0px;
    text-align: center;
    background: #fff;
    color: #aaa;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    font: 32px/32px Arial, sans-serif;
    z-index: 10;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px #999;
    -moz-box-shadow: 0 0 2px #999;
    box-shadow: 0 0 2px #999;
}

.carouselWrap .prev {
    left: -10px;
}

.carouselWrap .next {
    right: -5px;
}

.carouselWrap .prev:hover,
.carouselWrap .next:hover {
    color: #555;
}

.carouselWrap .prev:hover span,
.carouselWrap .next:hover span {
    display: block;
}

.carouselWrap .prev.inactive,
.carouselWrap .next.inactive {
    opacity: .5;
    cursor: default;
}

.gridItems .attribute {
	text-overflow: clip;
}

/* 3v. VizSeek search interface */
#vizseekSearch {
	margin: 20px 0 0 0;
	text-align: center;
}
#vizseekSamples {
	margin: 65px 0 20px 0;
}
#vizseekModels, #vizseekProducts {
	margin: 30px auto 10px auto;
	
}
#vizseekShapes {
	display: inline-block;
	font-size: 14px;
	margin: auto;
	padding: 5px;
}
#vizseekShapes a {
	display: inline-block;
	height: 125px;
	margin: 0;
	padding-top: 9px;
	position: relative;
	width: 175px;
}
#vizseekShapes a img,
#vizseekShapes a span {
	color: #555;
	opacity: 0.85;
}
#vizseekShapes a:hover,
#vizseekShapes a.active {
	background-position: center -98px;
	top: 1px;
}
#vizseekShapes a:hover img, #vizseekShapes a.active img,
#vizseekShapes a:hover span, #vizseekShapes a.active span {
	opacity: 1;
}
#vizseekTextInputs input[type=text] {
	border: 1px solid #888;
	border-radius: 5px;
	height: 42px;
	margin: 0 auto 5px auto;
	padding: 0 10px;
	position: relative;
	width: 100%;
}
#vizseekInputs {
	margin: 15px auto 0;
	max-width: 370px;
	text-align: center;
}
#vizseekInputs>#vizseekPhotoInputs,
#vizseekInputs>#vizseekDoodleInputs,
#vizseekInputs>#vizseekModelInputs,
#vizseekInputs>#vizseekTextInputs, .vizseekInputsItem {
	border: 1px solid #aaa;
	border-radius: 4px;
	display: none;
	margin: 0 auto;
	max-width: 320px;
	padding: 10px;
	text-align: center;
}
#vizseekInputs>#vizseekDoodleInputs {
	max-width: 460px;
}
#vizseekInputs .ui-tabs-nav {
	margin-bottom: 5px !important;
}
#vizseekSearchText {
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance: none;
	border: 0;
	font-size: 15px;
	height: 40px;
	padding: 0 45px 0 10px;
	width: 100%;
}
.vizseekBrowse a {
	text-decoration: underline;
}
.vizseekSubmit {
	font-size: 14px;
	height: 30px;
	width: 120px;
	padding-top: 6px;
}
.textInputWrapper {
    margin-bottom: 15px;
    padding: 5px;
    border: 1px solid #AFC4EF;
}
.textInputWrapper .searchTextBox {
    width: 333px;
    margin: 0px !important;
    padding-left: 25px;
    background: url('../images/icons/search.png') no-repeat #EEEEFA 5px center !important;
}
@media screen and (max-width: 400px) {
    .textInputWrapper .searchTextBox {
        width: 258px;
    }
}

/* 3y. Footer */
#footer {
    position: absolute;
    width: 100%;
    height: 36px;
    bottom: 0;
    left: 0;
	background-color: #fff;
	border-top: 1px solid #ccc;
	color: #88b;
	font-size: 11px;
	padding: 8px 0;
	text-align: center;
	z-index: 200;
}
#copyright, #footer nav {
	display: inline-block;
}
#footer span {
	padding: 0 5px;
}

/* 3z. Overlay (a semi-transparent, whole-page content layer) */
#overlay {
	background: rgba(0,0,0,0.50);
	display: none;
	height: 100%;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 900;
}
.clue {
	background: #fff;
	border: 1px solid #aaa;
	border-radius: 5px;
	box-shadow: 0 4px 10px #333;
	color: #000;
	display: none;
	padding: 10px;
	position: absolute;
	width: 250px;
	z-index: 200;
}
.clue div {
	margin-top: 10px;
	text-align: center;
}
.overlayArea {
	color: #fff;
	cursor: pointer;
	display: inline-block;
	position: absolute;
}
#tips {
	background: url("../images/art/tips.png") no-repeat;
	bottom: -14px;
	cursor: pointer;
	display: block;
	opacity: 0.5;
	position: fixed;
	right: 0;
	height: 37px;
	width: 45px;
	z-index: 900;
}
#tips.tips_zh {
    background: url("../images/art/tips_zh.png") no-repeat;
}
#tips:hover {
	bottom: -13px;
	opacity: 1;
}

.tailUp:before, .tailDown:before, .tailLeft:before, .tailRight:before,
.tailUp:after, .tailDown:after, .tailLeft:after, .tailRight:after {
	content: "";
	display: block;
	height: 0;
	position: absolute;
	width: 0;
}
.tailUp:before, .tailUp:after, .tailDown:before, .tailDown:after  {
	border-left: 13px solid transparent;
	border-right: 13px solid transparent;
	left: 47%;
}
.tailUp:before {
	border-bottom: 13px solid #aaa;
	top: -14px;
}
.tailUp:after {
	border-bottom: 13px solid #fff;
	top: -13px;
}
.tailLeft:before, .tailLeft:after, .tailRight:before, .tailRight:after {
	border-top: 13px solid transparent;
	border-bottom: 13px solid transparent;
	top: 11px;
}
.tailLeft:before {
	left: -14px;
	border-right:13px solid #aaa;
}
.tailLeft:after  {
	left: -13px;
	border-right:13px solid #fff;
}
.tailRight:before {
	right: -14px;
	border-left: 13px solid #aaa;
}
.tailRight:after {
	right: -13px;
	border-left: 13px solid #fff;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* 4. GENERAL STYLES */

/* 4a. Miscellaneous */
.alignLeft {
	text-align: left;
}
.alignRight {
	text-align: right;
}
.alignCenter, .center, .centered {
	text-align: center;
}
.alignTop {
	vertical-align: top;
}
table.alignTop td {
	vertical-align: top;
}
.appicon {
	border: 1px solid #8899aa;
	margin: 0 20px 20px 0;
}
.block {
	display: block;
}
#signin a {
    color: #777;
    font-size: 14px;
    position: relative;
    top: 5px;
}
.borderless {
	border: 0;
	padding: 0;
}
.ajax__calendar_container {
	z-index: 999;
}
.caption {
	display: block;
	font-family: Arial, sans-serif;
	font-size: 11px;
	margin-top: 0px;
}
*:not(a) .caption {
	color: #999;
}
.categoryTrail {
	font-size: 85%;
}
.categoryTrail>span:after {
	content: " > ";
}
.categoryTrail>span:last-child:after {
	content: "";
}
ul.checks li {
	background: url("../images/checkOrange.png") no-repeat top left;
	padding: 0 0 5px 20px;
}
.clear {
	clear: both;
}
.coffee {
	background: transparent url("../images/photos/coffee.png") no-repeat top left;
	height: 316px;
	width: 316px;
}
.controls {
	position: absolute;
	right: 2px;
	top: 2px;
}
.controls input, .controls a {
	margin: 0;
}
.currentRibbon {
	background: url("../images/backgrounds/current.png");
	height: 48px;
	position: absolute;
	right: -1px;
	top: -1px;
	width: 48px;
}
.datecell {
	color: #ff8000;
	padding: 3px 12px 0 0;
	text-align: center;
	vertical-align: top;
	white-space: nowrap;
}
.timecell {
	color: #ff8000;
	min-width: 50px;
	padding-right: 6px;
	text-align: right;
	vertical-align: top;
}
.expiredRibbon {
	background: url("../images/backgrounds/expired.png");
	height: 48px;
	position: absolute;
	right: -1px;
	top: -1px;
	width: 48px;
}
.disabled {
	cursor: default;
	opacity: 0.5;
	pointer-events: none;
}
.draggable {
	cursor: move;
}
.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.fileViewer img {
	position: relative;
	max-width: 100%;
}
.floatLeft {
	float: left !important;
	position: relative;
}
.floatRight {
	float: right !important;
	position: relative;
}
.floatNone {
	float: none !important;
}
.fullWidth, .fullwidth {
	width: 100% !important;
}
.glowBlue {
	background-color: #f0f0ff;
}
.glowOrange {
	background-color: #fff3e5;
}
.grey {
	color: #808080;
}
.greyInput {
	color: #ccc;
}
.half {
	display: block;
	height: 6px;
	line-height: 0.5;
}
.halfWidth {
	width: 50%;
}
.hide, .hidden {
	display: none;
}
.hoverControls .controls,
.hoverControlsBeside .controls,
.hoverControlsBelow .controls {
	text-align: left !important;
	visibility: hidden;
}
.hoverControls tr:hover .controls,
.hoverControlsBelow tr:hover .controls,
.hoverControlsBeside tr:hover .controls,
h3.hoverControls:hover .controls,
h3.hoverControlsBelow:hover .controls,
h3.hoverControlsBeside:hover .controls {
	visibility: visible;
}
.hoverControlsBeside .controls {
	position: absolute;
}
hr.hrOrange, hr.hrBlue, hr.hrGray {
	background-color: #fff;
	border-color: transparent;
	border-style: solid;
	border-width: 50px 235px 0;
	height: 50px;
}
hr.hrOrange {
	border-image: url("../images/backgrounds/ruleOrange.jpg") 50 235 0 fill repeat;
}
hr.orangeline {
	background-color: #ffb600;
	border: 0;
	height: 1px;
}
hr.hrBlue {
	border-image: url("../images/backgrounds/ruleBlue.jpg") 50 235 0 fill repeat;
}
hr.hrGray {
	border-image: url("../images/backgrounds/ruleGray.jpg") 50 235 0 fill repeat;
}
.hrblue {
	background: url("../images/backgrounds/blueRule.png") repeat-x top center;
	border: 0;
	height: 12px;
	margin: 0 -25px;
}
.hrgrey {
	background: url("../images/backgrounds/grey10.png");
	border: 0;
	height: 1px;
	margin-top: 10px;
}
.hrlight {
	background: url("../images/backgrounds/grey10.png");
	border: 0;
	height: 1px;
	margin: 5px 0 !important;
}
.inline {
	bottom: auto;
	display: inline !important;
	left: auto;
	position: relative;
	right: auto;
	top: auto;
}
.inlineNote {
	border: 1px solid #ccc;
	background: #fed;
	padding: 6px 10px;
	margin-bottom: 20px;
}
.justified {
	text-align: justify;
}
.level0 span, .level0 a { padding-left: 0; }
.level1 span, .level1 a { padding-left: 0; }
.level2 span, .level2 a { padding-left: 6px; }
.level3 span, .level3 a { padding-left: 12px; }
.level4 span, .level4 a { padding-left: 18px; }
.level5 span, .level5 a{ padding-left: 24px; }
.level6 span, .level6 a { padding-left: 30px; }
.level7 span, .level7 a{ padding-left: 36px; }
.lightgrey {
	color: #ccc;
}
.magnify {
	cursor: url("../images/icons/magnify.cur"), -moz-zoom-in;
}
.navarrow, .navarrow-up {
	background: url("../images/dingbats/navarrow-down.png") no-repeat;
	display: inline-block;
	height: 4px;
	position: relative;
	top: -2px;
	width: 7px;
}
.navarrow-up {
	background: url("../images/dingbats/navarrow-up.png") no-repeat;
}
.unbreakable {
	white-space: nowrap;
}
.nudgeDown {
	position: relative;
	top: 4px;
}
.nudgeUp {
	position: relative;
	top: -4px;
}
.offsetAnchor, .offsetanchor {
	position: absolute;
	top: -85px;
}
.pipe {
	opacity: 0.33;
}
.pointUp {
	display: inline-block;
	position: relative;
}
.pointUp:after {
	background: url("../images/dingbats/pointUp.png") no-repeat top center;
	content: "";
	display: block;
	height: 6px;
	left: 0;
	position: absolute;
	top: 17px;
	width: 13px;
	z-index: 199;
}
.pricingTable {
	background: #fff9f5;
	border: 1px solid #ffece0;
	border-radius: 8px;
	padding: 10px;
}
.pricingTable th {
	border-radius: 5px 5px 0 0;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding: 5px;
	position: relative;
}
.pricingTable td {
	padding: 5px;
	text-align: center;
}
.pricingTable td:first-child {
	text-align: right;
}
.pricingTable tr:last-child td {
	border-radius: 0 0 5px 5px;
}
.pricingTable th.plan1 { background-color:#71a2bc; }
.pricingTable th.plan2 { background-color:#4caee2; }
.pricingTable th.plan3 { background-color:#fcb236; }
.pricingTable th.plan4 { background-color:#ff7f33; }
.pricingTable th.plan5 { background-color:#ff5633; }
.pricingTable td.plan1 { background-color:#e2ecf1; }
.pricingTable td.plan2 { background-color:#dbeff9; }
.pricingTable td.plan3 { background-color:#fef0d7; }
.pricingTable td.plan4 { background-color:#ffe6d6; }
.pricingTable td.plan5 { background-color:#ffded6; }
.pricingTable td.plan1price { background-color:#c6dae4; }
.pricingTable td.plan2price { background-color:#b7dff3; }
.pricingTable td.plan3price { background-color:#fee0af; }
.pricingTable td.plan4price { background-color:#ffccae; }
.pricingTable td.plan4price { background-color:#ffded6; }
.ralign {
	text-align: right;
}
.red {
	color: #d00;
}
.relative {
	position: relative;
}
.returnLink, .returnlink {
	display: block;
	margin-bottom: 5px;
}
.returnLink:before, .returnlink:before {
	content: "◄ ";
}
.semiOpaque {
	opacity: 0.5;
}
.opaqueHover {
	opacity: 0.333;
}
.opaqueHover:hover {
	opacity: 1;
}
.phoneOnly {
    display: none;
}
.sidebar {
	background-color: #fff1db;
	border: 1px solid #e1ddd9;
	border-radius: 5px;
	font-size: 13px;
	padding: 12px 18px;
}
.signalSet {
	background-color: #ccc;
	margin-bottom: 20px;
	padding: 4px;
}
.signalSet h3 {
	margin: 0 0 5px 5px;
}
.signal {
	background: #f9fafc;
	border: 1px solid #ccc;
	padding: 6px 10px;
}
.signal p {
	margin: 2px 0 4px 20px;
}
.signal.high h4 {
	color: #090;
}
.signal.medium h4 {
	color: #b60;
}
.signal.low h4 {
	color: #c00;
}
.halfColumn + .halfColumn .signalSet {
	margin-left: 18px;
}
.spacedList li {
	display: block;
	margin: 5px 0;
}
.sticky {
	position: relative;
}
.striped tr:nth-child(odd), .striped p:nth-child(odd), .striped li:nth-child(odd) {
	background-color: #dae8ff;
}
.sidebar .striped tr:nth-child(odd), .sidebar .striped p:nth-child(odd), .sidebar .striped li:nth-child(odd) {
	background-color: #ffe5c5;
}
.striped p {
	margin: 0;
	padding: 5px;
}
.suggestedSearches, .categories {
	padding-left: 0;
}
.suggestedSearches img {
	filter: grayscale(1); /* Firefox 3.5+ */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(1); /* Webkit Nightlies & Google Chrome Canary */
}
.suggestedSearches img:hover {
	filter: none; /* Applies to FF + IE */
	-webkit-filter: grayscale(0);
}
.suggestionIcon {
	background: url("../images/icons/suggestion.png") no-repeat;
	display: inline-block;
	height: 16px;
	width: 16px;
}
.categories a {
	background: #aaa;
	display: inline-block;
	height: 150px;
	margin-right: 10px;
	width: 150px;
}
.categories img {
	height: 150px;
	width: 150px;
}
.talkBubble {
	background: #fff;
	border: 1px solid #369;
	border-radius: 8px;
	box-shadow: inset 0 0 6px #9cf;
	display: block;
	margin: 0 5px 15px 5px;
	padding: 3px 6px;
	position: relative;
}
.talkBubble:before, .talkBubble:after {
	border-style: solid;
	content: "";
	display: block;
	position: absolute;
	width: 0;
}
.talkBubble:before {
	border-width: 10px 0 0 10px;
	border-color: #369 transparent;
	bottom: -10px;
	left: 8px;
}
.talkBubble:after {
	border-width: 9px 0 0 9px;
	border-color: #def transparent;
	bottom: -8px;
	left: 8px;
}
p.tall, span.tall {
	line-height: 150%;
}
.thirdWidth {
	width: 33.3%;
}
.twoThirdsWidth {
	width: 66.6%;
}
.tip {
	background: #cfc;
	border: 1px dotted #080;
	margin-bottom: 15px;
	padding: 3px 6px;
	position: relative;
}
.unpadded {
	padding: 0 !important;
}
.uploadTarget {
	background-color: #eef;
	border: 2px dotted #ccc;
	border-radius: 5px;
	height: 100px;
	margin: 5px 0;
	width: 100%;
}
.uploadTarget span {
	color: #cce;
	display: block;
	margin-top: 35px;
	text-align: center;
}
.valignBottom {
	vertical-align: bottom;
}
.valignTop, .valignTop td {
	vertical-align: top;
}
.valignTop td p {
	margin-top: 0;
}
.wideHide {
	display: none;
}
.wideFill .halfColumn, .wideFill .thirdColumn, .wideFill .twoThirdsColumn {
	width: 100%;
}
.wrap {
    word-wrap: break-word;
}

/* 4b. Buttons */
.buttonWrapper .background {
	background: #aaaaaa55;
	display: block;
	position: relative;
	width: 174px;
	margin: 0 auto;
	padding: 5px 0 5px 5px;
	border-radius: 5px;
}

/* Universal rules; the default is a 25x25 button with an icon but no text. */
button, input[type="button"], input[type="submit"], input[type="reset"], .button {
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	cursor: pointer;
	line-height: 1.1 !important;
	position: relative;
	vertical-align: top;
}
button:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, .button:hover {
	color: #05d !important;
}
button:active, input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active, .button:active {
	margin-top: 1px;
}
button::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner {
	padding: 0 !important;
	border: 0 none !important;
}

.button {
	background-color: #eee;
	background-position: -1px -1px;
	background-repeat: no-repeat;
	border: 1px solid #707070;
	border-radius: 3px;
	color: #fff;
	font-size: 10px;
	display: inline-block;
	min-height: 25px;
	overflow: hidden;
	padding: 0;
	text-indent: -9999px;
	width: 25px;
}

.ui-dialog-titlebar-close:focus {
    outline: none;
}

/* 25xN buttons (no text) */
.no-multiplebgs .button.add				{ background-image: url("../images/buttons/add.png"); }
.no-multiplebgs .button.amas			{ background-image: url("../images/buttons/amas.png"); }
.no-multiplebgs .button.analyze			{ background-image: url("../images/buttons/view.png"); }
.no-multiplebgs .button.append			{ background-image: url("../images/buttons/add.png"); }
.no-multiplebgs .button.archive			{ background-image: url("../images/buttons/archive.png"); }
.no-multiplebgs .button.newboard		{ background-image: url("../images/buttons/board.png"); }
.no-multiplebgs .button.buy				{ background-image: url("../images/buttons/buy.png"); }
.no-multiplebgs .button.cancel			{ background-image: url("../images/buttons/cancel.png"); }
.no-multiplebgs .button.newcard 		{ background-image: url("../images/buttons/card.png"); }
.no-multiplebgs .button.close 			{ background-image: url("../images/buttons/close.png"); }
.no-multiplebgs .button.comment			{ background-image: url("../images/buttons/comment.png"); }
.no-multiplebgs .button.contact			{ background-image: url("../images/buttons/contact.png"); }
.no-multiplebgs .button.delete 			{ background-image: url("../images/buttons/delete.png"); }
.no-multiplebgs .button.detach 			{ background-image: url("../images/buttons/detach.png"); }
.no-multiplebgs .button.download 		{ background-image: url("../images/buttons/download.png"); }
.no-multiplebgs .button.downloadPDF 	{ background-image: url("../images/buttons/downloadPDF.png"); }
.no-multiplebgs .button.downloadCSV 	{ background-image: url("../images/buttons/downloadCSV.png"); }
.no-multiplebgs .button.downloadExcel 	{ background-image: url("../images/buttons/downloadExcel.png"); }
.no-multiplebgs .button.downloadDoc		{ background-image: url("../images/buttons/downloadDoc.png"); }
.no-multiplebgs .button.downloadSmall	{ background-image: url("../images/buttons/downloadSmall.png"); }
.no-multiplebgs .button.drawing			{ background-image: url("../images/buttons/drawing.png"); }
.no-multiplebgs .button.edit 			{ background-image: url("../images/buttons/edit.png"); }
.no-multiplebgs .button.facebook		{ background-image: url("../images/buttons/facebook.png"); }
.no-multiplebgs .button.favorite		{ background-image: url("../images/buttons/favorite.png"); }
.no-multiplebgs .button.feedback		{ background-image: url("../images/buttons/feedback.png"); }
.no-multiplebgs .button.find 			{ background-image: url("../images/buttons/find.png"); }
.no-multiplebgs .button.findSupplier	{ background-image: url("../images/buttons/findSupplier.png"); }
.no-multiplebgs .button.follow			{ background-image: url("../images/buttons/follow.png"); }
.no-multiplebgs .button.followers		{ background-image: url("../images/buttons/followers.png"); }
.no-multiplebgs .button.following		{ background-image: url("../images/buttons/following.png"); }
.no-multiplebgs .button.generate		{ background-image: url("../images/buttons/generate.png"); }
.no-multiplebgs .button.googleplus		{ background-image: url("../images/buttons/googleplus.png"); }
.no-multiplebgs .button.go				{ background-image: url("../images/buttons/go.png"); }
.no-multiplebgs .button.grid 			{ background-image: url("../images/buttons/grid.png"); }
.no-multiplebgs .button.gridSmall 		{ background-image: url("../images/buttons/gridSmall.png"); }
.no-multiplebgs .button.invite			{ background-image: url("../images/buttons/invite.png"); }
.no-multiplebgs .button.info			{ background-image: url("../images/buttons/info.png"); }
.no-multiplebgs .button.join			{ background-image: url("../images/buttons/join.png"); }
.no-multiplebgs .button.joining			{ background-image: url("../images/buttons/joining.png"); }
.no-multiplebgs .button.like 			{ background-image: url("../images/buttons/like.png"); }
.no-multiplebgs .button.linkedin		{ background-image: url("../images/buttons/linkedin.png"); }
.no-multiplebgs .button.list 			{ background-image: url("../images/buttons/list.png"); }
.no-multiplebgs .button.listSmall 		{ background-image: url("../images/buttons/listSmall.png"); }
.no-multiplebgs .button.load 			{ background-image: url("../images/buttons/load.png"); }
.no-multiplebgs .button.map 			{ background-image: url("../images/buttons/map.png"); }
.no-multiplebgs .button.mapSmall 		{ background-image: url("../images/buttons/mapSmall.png"); }
.no-multiplebgs .button.marquee			{ background-image: url("../images/buttons/marquee.png"); }
.no-multiplebgs .button.maximize		{ background-image: url("../images/buttons/maximize.png"); }
.no-multiplebgs .button.member 			{ background-image: url("../images/buttons/member.png"); }
.no-multiplebgs .button.menu			{ background-image: url("../images/buttons/menu.png"); }
.no-multiplebgs .button.message			{ background-image: url("../images/buttons/message.png"); }
.no-multiplebgs .button.minimize		{ background-image: url("../images/buttons/minimize.png"); }
.no-multiplebgs .button.model			{ background-image: url("../images/buttons/model2.png"); }
.no-multiplebgs .button.moveToTop		{ background-image: url("../images/buttons/moveToTop.png"); }
.no-multiplebgs .button.no				{ background-image: url("../images/buttons/no.png"); }
.no-multiplebgs .button.options			{ background-image: url("../images/buttons/settings.png"); }
.no-multiplebgs .button.photo			{ background-image: url("../images/buttons/photo.png?ver=1"); }
.no-multiplebgs .button.reload			{ background-image: url("../images/buttons/reload.png"); }
.no-multiplebgs .button.rfq				{ background-image: url("../images/buttons/rfq.png"); }
.no-multiplebgs .button.save			{ background-image: url("../images/buttons/save.png"); }
.no-multiplebgs .button.save2			{ background-image: url("../images/buttons/save2.png"); }
.no-multiplebgs .button.search 			{ background-image: url("../images/buttons/search.png"); }
.no-multiplebgs .button.settings		{ background-image: url("../images/buttons/settings.png"); }
.no-multiplebgs .button.share			{ background-image: url("../images/buttons/share.png"); }
.no-multiplebgs .button.showcase		{ background-image: url("../images/buttons/showcase.png"); }
.no-multiplebgs .button.strip			{ background-image: url("../images/buttons/strip.png"); }
.no-multiplebgs .button.stripSmall		{ background-image: url("../images/buttons/stripSmall.png"); }
.no-multiplebgs .button.tack 			{ background-image: url("../images/buttons/tack.png"); }
.no-multiplebgs .button.twitter			{ background-image: url("../images/buttons/twitter.png"); }
.no-multiplebgs .button.upload 		    { background-image: url("../images/buttons/upload.png"); }
.no-multiplebgs .button.user 			{ background-image: url("../images/buttons/user.png"); }
.no-multiplebgs .button.vadvise 		{ background-image: url("../images/buttons/vadvise.png"); }
.no-multiplebgs .button.view 			{ background-image: url("../images/buttons/view.png"); }
.no-multiplebgs .button.views 			{ background-image: url("../images/buttons/views.png"); }
.button.add				{ background: url("../images/buttons/add.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x; }
.button.amas			{ background: url("../images/buttons/amas.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x; }
.button.analyze			{ background: url("../images/buttons/analyze.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x; }
.button.append			{ background: url("../images/buttons/add.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x; }
.button.arc				{ background: url("../images/buttons/arc.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.archive			{ background: url("../images/buttons/archive.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x; }
.button.newboard		{ background: url("../images/buttons/board.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.buy				{ background: url("../images/buttons/buy.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x; }
.button.cancel			{ background: url("../images/buttons/cancel.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.newcard 		{ background: url("../images/buttons/card.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.circle			{ background: url("../images/buttons/circle.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.clearDoodle		{ background: url("../images/buttons/clear.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.close 			{ background: url("../images/buttons/close.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.collapse        { background: url("../images/buttons/collapse.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.copy			{ background: url("../images/buttons/copy.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.comment			{ background: url("../images/buttons/comment.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; text-indent: 0; }
.button.contact			{ background: url("../images/buttons/contact.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.crop			{ background: url("../images/buttons/crop.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.delete 			{ background: url("../images/buttons/delete.png?ver=1") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.detach 			{ background: url("../images/buttons/detach.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.download 		{ background: url("../images/buttons/download.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.downloadPDF		{ background: url("../images/buttons/downloadPDF.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.downloadCSV 	{ background: url("../images/buttons/downloadCSV.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.downloadExcel 	{ background: url("../images/buttons/downloadExcel.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.downloadDoc 	{ background: url("../images/buttons/downloadDoc.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.downloadSmall	{ background: url("../images/buttons/downloadSmall.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.drawing 		{ background: url("../images/buttons/drawing.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.edit 			{ background: url("../images/buttons/edit.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.endBracket	    { background: url("../images/buttons/endBracket.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.erase			{ background: url("../images/buttons/erase.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.expand          { background: url("../images/buttons/expand.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.facebook		{ background: url("../images/buttons/facebook.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; border-color: #0040d0; }
.button.favorite		{ background: url("../images/buttons/favorite.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.feedback		{ background: url("../images/buttons/feedback.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.find 			{ background: url("../images/buttons/find.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.findSupplier	{ background: url("../images/buttons/findSupplier.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x; }
.button.fliphorizontal	{ background: url("../images/buttons/fliphorizontal.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.flipvertical	{ background: url("../images/buttons/flipvertical.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.follow			{ background: url("../images/buttons/follow.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.followers		{ background: url("../images/buttons/followers.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.followings		{ background: url("../images/buttons/following.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.generate		{ background: url("../images/buttons/generate.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.go				{ background: url("../images/buttons/go.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.goZH			{ background: url("../images/buttons/go_zh.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.googleplus		{ background: url("../images/buttons/googleplus.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; border-color: #f00; }
.button.grid 			{ background: url("../images/buttons/grid.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.gridSmall 		{ background: url("../images/buttons/gridSmall.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.info			{ background: url("../images/buttons/info.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.invite			{ background: url("../images/buttons/invite.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.join			{ background: url("../images/buttons/join.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.joining			{ background: url("../images/buttons/joining.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.like			{ background: url("../images/buttons/like.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.line			{ background: url("../images/buttons/line.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.linkedin		{ background: url("../images/buttons/linkedin.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.list 			{ background: url("../images/buttons/list.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.listSmall 		{ background: url("../images/buttons/listSmall.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.load 			{ background: url("../images/buttons/load.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.map 			{ background: url("../images/buttons/map.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.mapSmall 		{ background: url("../images/buttons/mapSmall.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.marquee 		{ background: url("../images/buttons/marquee.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.marquee2		{ background: url("../images/buttons/marquee2.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.maximize		{ background: url("../images/buttons/maximize.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.member 			{ background: url("../images/buttons/member.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.menu			{ background: url("../images/buttons/menu.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.message			{ background: url("../images/buttons/message.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.minimize		{ background: url("../images/buttons/minimize.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.model			{ background: url("../images/buttons/model2.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.moveRight	    { background: url("../images/buttons/moveRight.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.moveLeft	    { background: url("../images/buttons/moveLeft.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.moveToTop		{ background: url("../images/buttons/moveToTop.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.no				{ background: url("../images/buttons/no.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.pan				{ background: url("../images/buttons/pan.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.photo			{ background: url("../images/buttons/photo.png?ver=1") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.open			{ background: url("../images/buttons/open.png?ver=1") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.options			{ background: url("../images/buttons/settings.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.redo			{ background: url("../images/buttons/redo.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.reload			{ background: url("../images/buttons/reload.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.reloadReverse	{ background: url("../images/buttons/reloadReverse.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.remove			{ background: url("../images/buttons/remove.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x; }
.button.rfq				{ background: url("../images/buttons/rfq.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.save			{ background: url("../images/buttons/save.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.saveKuagu		{ background: url("../images/buttons/saveKuagu.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.save2			{ background: url("../images/buttons/save2.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.search 			{ background: url("../images/buttons/search.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.searchDrawing	{ background: url("../images/buttons/searchDrawing.png") -1px -1px no-repeat; }
.button.searchModel		{ background: url("../images/buttons/searchModel.png") -1px -1px no-repeat; }
.button.searchPhoto		{ background: url("../images/buttons/searchPhoto.png") -1px -1px no-repeat; }
.button.select			{ background: url("../images/buttons/select.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.settings		{ background: url("../images/buttons/settings.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.share			{ background: url("../images/buttons/share.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.showcase		{ background: url("../images/buttons/showcase.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.sketch			{ background: url("../images/buttons/sketch.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.sketch-closed	{ background: url("../images/buttons/sketch-closed.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.sketch-open		{ background: url("../images/buttons/sketch-open.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.square			{ background: url("../images/buttons/square.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.strip			{ background: url("../images/buttons/strip.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.stripSmall		{ background: url("../images/buttons/stripSmall.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.tack 			{ background: url("../images/buttons/tack.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.twitter			{ background: url("../images/buttons/twitter.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; border-color: #00a9e6; }
.button.undo			{ background: url("../images/buttons/undo.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.upload 			{ background: url("../images/buttons/upload.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.user 			{ background: url("../images/buttons/user.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.vadvise 		{ background: url("../images/buttons/vadvise.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.view 			{ background: url("../images/buttons/view.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.view.aspNetDisabled { background: url("../images/buttons/viewDisabled.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.view3d 			{ background: url("../images/buttons/view3d.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.view3d.aspNetDisabled { background: url("../images/buttons/view3dDisabled.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.views 			{ background: url("../images/buttons/views.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.zoomfit			{ background: url("../images/buttons/zoomfit.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.zoomin			{ background: url("../images/buttons/zoomin.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.zoomout			{ background: url("../images/buttons/zoomout.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button:hover {
	background-position: -1px -26px, 0 0 !important;
	color: #05d;
}

/* 25xN buttons (with text) */
.button.text, .button.textonly {
	border: 1px solid #707070;
	border-radius: 3px;
	color: #000;
	display: inline-block;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 13px;
	margin-bottom: 3px;
	min-width: 75px;
	outline: none;
	padding: 4px 8px 4px 27px;
	text-align: left;
	text-indent: -0;
	width: auto;
}
a.button.text {
	padding: 4px 8px 4px 27px;
}
.button.text:hover {
	background-position: -1px -26px, 0 0 !important;
}
/* (Suppress the min-width for certain special image+text buttons */
.button.text.like, .button.text.tack, .button.text.share, .button.text.views, .button.text.comment {
	min-width: 0 !important;
}

/* 25xN buttons with ONLY text (no icon) */
.button.textonly {
	background: url("") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top !important;
	padding: 4px 6px;
	text-align: center;
}
a.button.textonly {
	padding: 4px 8px;
}

/* Brightly-colored versions of the buttons */
.button.textonly.green, .button.textonly.red, .button.textonly.orange, .button.textonly.blue {
	color: #fff;
	font-weight: bold;
}
.button.textonly.green {
	background: #00b000 !important;
	border-color: #008e00;
}
.button.textonly.green:hover {
	background: #00c000 !important;
	color: #fff !important;
}
.button.textonly.red {
	background: #ff0000 !important;
	border-color: #e00000;
}
.button.textonly.red:hover {
	background: #ff2222 !important;
	color: #fff !important;
}
.button.textonly.orange {
    background: #ff9911 !important;
    border-color: #e07000;
}
.button.textonly.orange:hover {
	background: #ea8b0c !important;
	color: #fff !important;
}
.button.textonly.blue {
	background: #0080ff !important;
	border-color: #0070e0;
}
.button.textonly.blue:hover {
	background: #1199ff !important;
	color: #fff !important;
}

.button.small.textonly.orange.multiSelect {
    background: none !important;
    box-shadow: none;
    background-image: url(../images/buttons/multiSelect.png?ver=1) !important;
    background-size: cover !important;
    border: none;
    width: 88px !important;
    height: 28px;
    padding: 5px 4px 0px 0px;
    margin-bottom: -3px;
    font-size: 12px;
}

/* Miniaturized (19x19) buttons with no text, suitable for use in text, in tables, etc. */
.button.small {
	font-size: 11px;
	min-height: 19px;
	min-width: 0;
	width: 19px;
}
.no-multiplebgs .button.small.add		{ background-image: url("../images/buttons/addSmall.png"); }
.no-multiplebgs .button.small.delete	{ background-image: url("../images/buttons/deleteSmall.png"); }
.no-multiplebgs .button.small.edit		{ background-image: url("../images/buttons/editSmall.png"); }
.no-multiplebgs .button.small.reload	{ background-image: url("../images/buttons/reloadSmall.png"); }
.no-multiplebgs .button.small.save		{ background-image: url("../images/buttons/saveSmall.png"); }
.button.small.add		{ background: url("../images/buttons/addSmall.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.small.cancel	{ background: url("../images/buttons/cancelSmall.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.small.close		{ background: url("../images/buttons/closeSmall.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.small.collapse	{ background: url("../images/buttons/collapseSmall.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.small.comment	{ background: url("../images/buttons/commentSmall.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.small.compare	{ background: url("../images/buttons/compareSmall.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.small.copy		{ background-size: 19px 38px; }
.button.small.delete	{ background: url("../images/buttons/deleteSmall.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.small.download	{ background: url("../images/buttons/downloadSmall.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.small.edit		{ background: url("../images/buttons/editSmall.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.small.expand	{ background: url("../images/buttons/expandSmall.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.small.facebook	{ background: url("../images/buttons/facebookSmall.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.small.find	    { background: url("../images/buttons/findSmall.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.small.favorite	{ background: url("../images/buttons/facebookSmall.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.small.generate	{ background: url("../images/buttons/generateSmall.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.small.googleplus{ background: url("../images/buttons/googleplusSmall.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.small.invite	{ background: url("../images/buttons/inviteSmall.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.small.like		{ background: url("../images/buttons/likeSmall.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.small.linkedin	{ background: url("../images/buttons/linkedinSmall.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.small.marquee	{ background: url("../images/buttons/marqueeSmall.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.small.no		{ background: url("../images/buttons/noSmall.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.small.open		{ background: url("../images/buttons/openSmall.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.small.reload	{ background: url("../images/buttons/reloadSmall.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.small.save		{ background: url("../images/buttons/saveSmall.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.small.save2		{ background: url("../images/buttons/save2Small.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.small.share		{ background: url("../images/buttons/shareSmall.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.small.subtract	{ background: url("../images/buttons/subtractSmall.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.small.tack		{ background: url("../images/buttons/tackSmall.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.small.twitter	{ background: url("../images/buttons/twitterSmall.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.small.upload	{ background: url("../images/buttons/uploadSmall.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.small.view		{ background: url("../images/buttons/viewSmall.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.small.view3d		{ background: url("../images/buttons/view3dSmall.png") no-repeat -1px -1px, url("../images/backgrounds/buttonGrey.png?ver=1") repeat-x left top; }
.button.small:hover {
	background-position: -1px -20px, 0 0 !important;
}
a.button.small.text, a.button.small.textonly {
	padding-top: 2px;
}

/* 19x19 buttons with both icons and text */
.button.small.text, .button.small.textonly {
	font-size: 11px;
	min-width: 0;
	padding: 0 6px 0 21px;
	width: auto !important;
}
.button.small.textonly {
	font-size: 11px;
	min-width: 0;
	padding: 0 6px;
	width: auto !important;
}
.buttonAsLink
{
    box-shadow: none !important;
    background: none;
    border: none;
    color: #05d;
    padding: 2px 0;
}
.buttonAsLink:active 
{
    top: 0px !important;
    color: #F80 !important;
}
.buttonAsLink:focus {
    outline-offset: 0 !important;
}

.button[disabled]
{
    cursor: default;
    color: #CCC;
    border: 1px solid #ccc;
}
.button[disabled]:hover, .button[disabled].text:hover, .button[disabled].textonly:hover
{
    color: #ccc !important;
    background-position: -1px -1px, 0 0 !important;
}

.button.wide {
    width: 140px;
    font-weight: normal !important;
    border: none;
    border-radius: 0;
}

/* Special adjustments for the search buttons in the search bar */
#searchDrawers .button {
	background-color: #5d7eb1;
	border-color: #5d7eb1;
	margin: 0 1px;
}
#searchDrawers .button:hover {
	background-color: #4b70b9;
}
#searchDrawers .button.active {
	background-color: #00d000;
}
#searchDrawers .button.active:hover {
	background-color: #00e000;
}

/* "On" state, used to make a button always show as highlighted (e.g., the like button on a page you've already liked). */
.button.on {
    background-position: -1px -26px, 0 0;
    border-color: #ff8000;
    color: #ff8000;
}
.button.small.on {
    background-position: -1px -20px, 0 0;
}

/* Special "file upload" button */
.fileinput-button {
	margin: 2px;
	position: relative;
	overflow: hidden;
}
.fileinput-button input {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	opacity: 0;
	-ms-filter: 'alpha(opacity=0)';
	font-size: 200px;
	direction: ltr;
	cursor: pointer;
}
@media screen\9 { /* Fixes for IE < 8 */
	.fileinput-button input {
		filter: alpha(opacity=0);
		font-size: 100%;
		height: 100%;
	}
}

.jumboButton {
	background: #fff;
	border-radius: 75px;
	display: inline-block; 
	color: #000;
	float: left;
	margin: 0 10px 10px 0;
	min-width: 102px;
	padding: 10px;
	text-align: center;
	width: 100px;
}
.jumboButton:hover img {
	-webkit-filter: saturate(2);
}

.x {
	background: url("../images/buttons/x.png") no-repeat;
	border: 0;
	display: inline-block;
	height: 16px;
	vertical-align: bottom;
	width: 16px;
}
.x span {
	display: none;
}
.x:hover {
	background-position: 0 -16px, 0 0 !important;
}

/* Buttons */
.imaginestics button,
.imaginestics input[type="button"],
.imaginestics input[type="submit"],
.imaginestics input[type="reset"],
.imaginestics .button {
	box-shadow: none;
}
.shinyorange, .shinyblue, .shinygreen {
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	font-size:18px;
	margin-top: 2px;
	padding: 5px 0 5px 0;
	position: relative;
	text-align: center;
	text-decoration: none;
	width: 275px;
}
.shinyorange {
	background: #ff8000 url("../images/buttons/button-shinyorange.png") repeat-x;
	border: 2px solid #ff8000;
}
.shinyorange:hover {
	border-color: #ffaa00;
	text-decoration: none;
}
.shinyblue {
	background: #0080ff url("../images/buttons/button-shinyblue.png") repeat-x;
	border: 2px solid #0080ff;
}
.shinyblue:hover {
	border-color: #44aaff;
	text-decoration: none;
}
.shinygreen {
	background: #008000 url("../images/buttons/button-shinygreen.png") repeat-x;
	border: 2px solid #008000;
}
.shinygreen:hover {
	border-color: #00cc00;
	text-decoration: none;
}
.shinyorange:active, .shinyblue:active, .shinygreen:active {
	top: 1px;
}
a.shinyorange, a.shinyblue, a.shinygreen {
}
.shinybutton, .shinybutton-small {
	border: 0;
	box-shadow: none !important;
	color: #fff;
	display: inline-block;
	margin-top: 5px;
	position: relative;
	text-align: center;
	text-decoration: none;
}
.shinybutton {
	background: url("../images/buttons/shinybutton.png") no-repeat;
	font-size: 25px;
	height: 78px;
	padding: 15px 0 0 0;
	width: 280px;
}
.shinybutton-small {
	background: url("../images/buttons/shinybutton-small.png") no-repeat;
	font-size: 15px;
	height: 54px;
	padding: 11px 0 0 0;
	width: 196px;
    outline: none;
}
.shinybutton:hover, .shinybutton-small:hover {
	color: #fff;
	text-decoration: none;
	top: 1px;
}
.shinybutton:active, .shinybutton-small:active {
	text-decoration: none;
	top: 2px;
}
.shinybutton span, .shinybutton-small span {
	position: relative;
	top: -12px;
}
.shinybutton-small.signin {
	background: url("../images/buttons/shinybutton-signin.png") no-repeat;
}
.shinybutton-small.signinZH {
	background: url("../images/buttons/shinybutton-signin_zh.png") no-repeat;
}
.shinybutton-small.signup {
	background: url("../images/buttons/shinybutton-signup.png") no-repeat;
}
.shinybutton-small.signupZH {
	background: url("../images/buttons/shinybutton-signup_zh.png") no-repeat;
}
.shinybutton-small.gotodemo {
	background: url("../images/buttons/shinybutton-gotodemo.png") no-repeat;
}
.shinybutton-small.gotodemoZH {
	background: url("../images/buttons/shinybutton-gotodemo_zh.png?ver=1") no-repeat;
}


/* 4c. Tables */
.listTable {
	border-collapse: separate;
	border: none;
	border-spacing: 0;
	width: 100%;
}
.listTable thead tr, .listTable tfoot tr {
	background-color: #bfccff !important;
	border-bottom: 1px solid #ccc;
}
.listTable th, .listTable td {
	border: 1px solid #fff;
	padding: 4px 6px 6px 6px;
	position: relative;
}
.listTable th:first-child, .listTable td:first-child { border-left: 0; }
.listTable th:last-child, .listTable td:last-child { border-right: 0; }
.listTable th {
	vertical-align: bottom;
}
.listTable td {
	vertical-align: top;
}
.listTable td>div {
	position: relative;
	text-align: center;
}
.listTable p {
	margin: 0;
}
.listTable img {
	max-height: 100px;
	max-width: 100px;
}
.listTable.smallImages img {
	max-height: 50px;
	max-width: 85px;
}
.listTable tr:nth-child(even) {
	background-color: #ebedff;
}
.listTable tr:nth-child(odd) {
	background-color: rgba(255,255,255,1);
}
.listTable tr:nth-child(even):hover {
	background-color: #e0e5ff;
}
.listTable tr:nth-child(odd):hover {
	background-color: #f5f7ff;
}
.listTable.noAltRows tr {
	background-color: rgba(255,255,255,1);
}
.listTable.noAltRows tr:hover {
	background-color: #f5f7ff;
}

tr.inactive td {
	background-color: #ddd;
	color: #999;
}
tr.inactive td a {
	color: #999;
}
tr.inactive td a:hover {
	color: #6af;
}
tr.active {
	background-color: #fdb !important;
}

.srName, .srProvider, .srIdentifier, .srCategory, .srDetail {
	text-align: left !important;
}
.srName {
	font-weight: bold;
}
.srProvider {
}
.srIdentifier {
	font-size: smaller;
}
.srCategory {
	color: #888;
	font-size: smaller;
}
.srIdentifier span, .srCategory span {
}
.srDetail {
	font-size: smaller;
}
.category, .listItem {
	background: #fff;
	border: 1px solid #ccc;
	float: left;
	height: 160px;
	margin: 1px 8px 9px 0;
	padding: 10px;
	position: relative;
	text-align: center;
	width: 120px;
}
.category img, .listItem img {
	max-height: none;
	max-width: none;
	height: 75px;
	width: 75px;
}
.category:hover, .listItem:hover {
	border-color: #05d;
}

.sortable {
}
.sortable a {
	display: block;
	color: #000;
	height: 100%;
	width: 100%;
}
.sortAsc, .sortDesc, .sortNone {
	color: #05d;
	float: right;
	opacity: 0.15;
}
.sortAsc, .sortDesc
{
    width: 0;
    height: 0;
    position: relative;
    top: 6px;
}
.sortAsc {
	border-left: 5px solid rgba(0, 0, 0, 0);
    border-right: 5px solid rgba(0, 0, 0, 0);
    border-top: 5px solid #4c7fd4;
}
.sortDesc {
	border-left: 5px solid rgba(0, 0, 0, 0);
    border-right: 5px solid rgba(0, 0, 0, 0);
    border-bottom: 5px solid #4c7fd4;
}
.sortable.active .sortAsc, .sortable.active .sortDesc {
	opacity: 1;
}
.sortable:hover {
	background-color: #afc7ff !important;
}
.sortable:hover .sortAsc, .sortable:hover .sortDesc {
	opacity: 1;
}

.paginator {
	background-color: #205bb3;
	color: #fff;
	margin: 0 0 1px 0;
	padding: 3px;
	position: relative;
	text-align: center;
	clear: both;
}
.paginator .liner {
	display: inline-block !important;
	position: static;
	width: auto;
}
.paginator a, .paginator span {
	color: #fff;
	float: left;
	padding: 0 8px;
}
.paginator a:hover {
	color: #6af;
}
.resultsFirst {
	letter-spacing: -3px;
	padding-right: 0 !important;
}
.resultsPrev {
	padding-left: 2px !important;
}
.resultsNext {
	padding-right: 2px !important;
}
.resultsLast {
	letter-spacing: -3px;
	padding-left: 0 !important;
}
span.resultsFirst, span.resultsPrev, span.resultsNext, span.resultsLast {
	opacity: 0.15;
}
.resultsPage {
	border-radius: 3px;
}
.resultsPage:hover {
	background-color: #4879ca;
}
.resultsPage.active {
	background-color: #64a0ff;
}
.resultsPage.active:hover {
	color: #fff;
}
.elapse {
	font-size: 11px;
	opacity: 0.333;
	position: absolute;
	right: 4px;
	top: 4px;
}
.listMode {
	font-size: 11px;
	left: 4px;
	position: absolute;
	top: 1px;
}
.listMode .button {
	margin-right: 1px;
}

.detailsTable td {
	vertical-align: top;
}
.detailsTable td:first-child {
	font-weight: bold;
	padding-right: 8px;
	text-align: right;
	word-break: keep-all;
	white-space: nowrap;
}
.detailsTable td p {
	margin-top: 0;
}

.paddedRows td {
	padding-bottom: 8px;
}

.paddedTop {
    padding-top: 5px;
}
.hiddenRow {
    display: none;
}
.shownRow {
    display: table-row;
}

.pathinator {
	background-color: #e6dfd9;
	margin: -5px 0 0 0;
	padding: 8px;
	position: relative;
}
.pathinator .controls {
	top: -3px;
}

.tableDiv {
	display: table;
}
.rowDiv {
	display: table-row;
	vertical-align:top;
}
.cellDiv {
	display: table-cell;
	vertical-align:top;
}

/* Datatables */
table.dataTable, table#dataTable {
	width: 100%;
}
.dataTableScrollWrap {
	height: 17px;
	overflow-x: auto;
	overflow-y: hidden;
	width: 100%;
}
.dataTableScroll {
	height: 17px;
	width: 100%;
}
.dataTableWrap {
	overflow: hidden;
	position: relative;
	width: 100%;
}
#dataTableFade {
	background: url("../images/backgrounds/tableFade.png");
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 28px;
	z-index: 99;
}
.DTFC_LeftBodyWrapper, .DTFC_LeftHeadWrapper {
	border-right: 1px solid #eee;
	margin-right: 2px;
}
.dataTables_scrollBody {
    overflow: hidden !important;
}
.dataTable.fixedHeader-floating {
    z-index: 100;
}

.helpTip {
	background: url("../images/icons/help.png") no-repeat;
	cursor: help;
	display: inline-block;
	height: 13px;
	opacity: 0.15;
	position: relative;
	top: 2px;
	width: 13px;
}
.helpTip:hover {
	opacity: 1;
}
.hasTooltip {
}

/* 4d. Hovercards */
.hoverCardWrap {
	position: absolute;
	left: 0;
	top: 88%;
	transition: visibility 0.2s;
	visibility: hidden;
	z-index: 999;
}
*:hover>.hoverCardWrap {
	visibility: visible;
	padding-bottom: 15px;
	transition: visibility 0s;
	transition-delay: 0.5s;
	z-index: 9999;
}
.hoverCard {
	background-color: #fff;
	border: 1px solid #abc;
	box-shadow: 0 2px 4px #000;
	padding: 8px;
	position: relative;
	text-align: left;
	top: 10px;
	width: 300px;
	word-wrap: break-word;
}
.hoverCard:before {
	background: transparent;
	border: 11px solid transparent;
	border-bottom-color: #888;
	content: " ";
	display: block;
	height: 0;
	left: 33px;
	margin-left: -7px;
	position: absolute;
	top: -22px;
	width: 0;
}
.hoverCard:after {
	background: transparent;
	border: 11px solid transparent;
	border-bottom-color: #fff;
	content: " ";
	display: block;
	height: 0;
	left: 33px;
	margin-left: -7px;
	position: absolute;
	top: -21px;
	width: 0;
}
.commentIcon .hoverCard:before,
.commentIcon .hoverCard:after {
	left: 13px;
}
.newsIcon .hoverCard:before,
.newsIcon .hoverCard:after {
	left: 20px;
}
.hoverCard .controls {
	float: right;
	position: relative;
	right: -5px;
	top: -5px;
}
.hoverCardTitle {
	font-weight: bold;
}
.hoverCardDate,
.hoverCardCategory,
.hoverCardText {
	font-size: 11px;
}

.hoverCardWrap.mirrored {
	left: auto;
	right: 0;
}
.hoverCardWrap.mirrored .hoverCard:before {
	left: auto;
	margin-left: auto;
	right: 33px;
	margin-right: -7px;
}
.hoverCardWrap.mirrored .hoverCard:after {
	left: auto;
	margin-left: auto;
	right: 33px;
	margin-right: -7px;
}

/* 4e. Carousel (http://caroufredsel.dev7studios.com/) */
.carousel {
	position: relative;
}
.carouselPrev, .carouselNext, .carouselUp, .carouselDown {
	background-repeat: no-repeat;
	display: block;
	position: absolute;
}
.carouselPrev, .carouselNext {
	background-position: left center;
	height: 100%;
	top: 0;
	width: 15px;
}
.carouselUp, .carouselDown {
	background-position: center top;
	height: 15px;
	width: 100%;
}
.carouselPrev {
	background-image: url("../images/buttons/carouselPrev.png");
	left: 0;
}
.carouselNext {
	background-image: url("../images/buttons/carouselNext.png");
	right: 0;
}
.carouselUp {
	background-image: url("../images/buttons/carouselUp.png");
	top: 0;
}
.carouselDown {
	background-image: url("../images/buttons/carouselDown.png");
	bottom: 35px;
}
.carouselPrev span, .carouselNext span, .carouselUp span, .carouselDown span {
	display: none;
}
.carouselPrev:hover, .carouselNext:hover {
	background-position: right center;
}
.carouselUp:hover, .carouselDown:hover {
	background-position: center bottom;
}
.carouselPrev.outset {
	left: -15px;
}
.carouselNext.outset {
	right: -15px;
}
.carouselUp.outset {
	left: -15px;
}
.carouselDown.outset {
	right: -15px;
}

.caroufredsel_wrapper {
	margin: 0 auto !important;
}

.noncarousel .caroufredsel_wrapper {
	width: 100% !important;
	height: auto !important;
}
.noncarousel ul {
	position: relative !important;
	width: 100% !important;
	height: auto !important;
}
.noncarousel .carouselPrev,
.noncarousel .carouselNext,
.noncarousel .carouselPaginator {
	display: none !important;
}

.successes .carouselitem {
	width: 200px;
}
.successes img {
	max-width: 170px;
	max-height: 85px;
}

.carouselWrapper {
	display: inline-block;
	margin: 0 auto;
	width: 670px;
	padding:0 25px 10px 25px;
}

/* 4f. Fonts and text */
.font10 { font-size: 10px; }
.font11 { font-size: 11px; }
.font12 { font-size: 12px; }
.font13 { font-size: 13px; }
.font14 { font-size: 14px; }
.highlightRed {
	background: #c00;
}
.highlightRed a {
	color: #ddf;
}
.larger {
	font-size: larger;
}
.smaller {
	font-size: smaller;
}
.warning {
	color: #c00;
}
.white {
	color: #fff;
}

/* 4h. Helps */
/* Small blue help links */
.help, .cornerHelp {
	background: #cce4f8;
	border-radius: 8px;
	color: #fff !important;
	cursor: help;
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	margin-left: 2px;
	min-height: 16px;
	min-width: 16px;
	padding: 0 3px;
	position: relative;
	text-align: center;
	top: -2px;
}
.cornerHelp {
	height: auto !important;
	position: absolute !important;
	right: -3px !important;
	top: -3px !important;
	width: auto !important;
}
.help:hover, .cornerHelp:hover {
	background: #05d !important;
	color: #fff !important;
}

/* Comments */
#commentsIframe {
	overflow-x: hidden;
}
.commentFeed {
	font-size: 11px;
	list-style: none;
	margin-top: 6px;
	padding-left: 0;
}
.commentFeed>li {
	clear: both;
	margin-bottom: 10px;
	position: relative;
}
.commentIcon {
	float: left;
	margin-right: 10px;
	position: relative;
}
.commentIcon img {
	max-height: 25px;
	max-width: 25px;
}
.commentBody {
	overflow: hidden;
}
.commentActor {
	display: block;
	margin: 0;
}
.commentText {
	display: block;
	margin: 0 0 5px 0;
}
.commentDate {
	color: #aaa;
	display: block;
	font-size: 10px;
}
.commentFeed.sansIcons .commentIcon {
	display: none;
}
.commentFeed>li.sansIcon .commentIcon {
	display: none;
}
.commentAdd {
	cursor: pointer;
	display: block;
}

/* 4k. Feeds */
/* The default form assumes that the feed is an unordered list (<ul>).
Making the feed into an ordered list (<ol>) adds the arrow down the spine.
Adding the "tiled" class allows items to tile into two columns */
.feedWrap {
	position: relative;
}
.feed {
	list-style: none;
	margin: 0 0 20px 0;
	overflow: hidden;
	padding: 0 0 10px 0;
	position: relative;
	width: 100%;
}
ol.feed { /* The spine */
	background: url("../images/colors/ff8000.png") top center repeat-y;
}
ol.feed:before, /* The dot */
ol.feed:after { /* The arrow */
	background: #f80;
	content: " ";
	display: block;
	height: 10px;
	left: 50%;
	margin-left: -5px;
	position: absolute;
	top: 0;
	width: 10px;
	-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
			border-radius: 20px;
}
ol.feed:after { /* The arrow */
	background: none;
	border: 7px solid transparent;
	border-top-color: #f80;
	bottom: -7px;
	height: 0;
	margin-left: -7px;
	top: auto;
	width: 0;
	-webkit-border-radius: 0;
		-moz-border-radius: 0;
			border-radius: 0;
}
.feed>li { /* Feed items */
	background: #f9fafc;
	border: 1px solid #ccc;
	clear: left;
	float: left;
	margin: 0 0 15px 0;
	padding: 10px;
	position: relative;
	width: 100%;
	-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
			border-radius: 2px;
	-webkit-box-shadow: 0 1px #fff inset;
		-moz-box-shadow: 0 1px #fff inset;
			box-shadow: 0 1px #fff inset;
}
.feed.tiled>li {
	width: 49.5%;
}
ol.feed.tiled>li {
	width: 48.5%;
}
.feed>li.right {
	clear: right;
	float: right;
}
.feed.sansIcons .newsIcon {
	display: none;
}
.feed ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}
.feedAnnouncement:before, .feedBlog:before, .feedDiscussion:before, .feedRecommendation:before {
	content: "";
	display: block;
	height: 30px;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 30px;
	z-index: 2;
}
.feedAnnouncement:before {
	background: url("../images/icons/feed/announcement.png") no-repeat 2px 2px, url("../images/backgrounds/feedCorner.png") no-repeat top left;
}
.feedBlog:before {
	background: url("../images/icons/feed/blog.png") no-repeat 2px 2px, url("../images/backgrounds/feedCorner.png") no-repeat top left;
}
.feedDiscussion:before {
	background: url("../images/icons/feed/discussion.png") no-repeat 2px 2px, url("../images/backgrounds/feedCorner.png") no-repeat top left;
}
.feedRecommendation:before {
	background: url("../images/icons/feed/recommendation.png") no-repeat 2px 2px, url("../images/backgrounds/feedCorner.png") no-repeat top left;
}
.feed .commentText textarea {
    width: 100%;
}
.newPost {
	margin-bottom: 6px;
}
.newPostType {
	margin-bottom: 4px;
}
.newPostText {
	background-color: #fff8f1;
	border: 1px solid #666;
	color: #aaa;
	cursor: pointer;
	padding: 6px 6px 18px 6px;
}


/* 4l. Revealer / hidden text
A revealer is what hides the extra summary details on about pages. It's not classed as a drawer because
(unlike drawers) a revealed div should remain visible until the user specifically closes it again,
and its state should be managed separately from that of any drawer. */
.revealer {
}
.revealerHandle {
}
/* Search criteria style: */
.listCriteria .revealerHandle, .pod h3.revealerHandle {
	cursor: pointer;
}
.listCriteria .revealerHandleMore, .pod h3 .revealerHandleMore {
	float: right;
}
.listCriteria .revealerHandleMore, .pod h3 .revealerHandleMore {
    width: 0;
    height: 0;
    position: relative;
    top: 6px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #4c7fd4;
}
.listCriteria .revealerHandleLess, .pod h3 .revealerHandleLess {
    width: 0;
    height: 0;
    position: relative;
    top: 3px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #4c7fd4;
}
.revealerContents input[type=checkbox] {
    position: relative;
    top: 2px;
    margin-right: 2px;
}
/* Summary details style: */
.summaryDetails .revealerHandle {
	background: url("../images/backgrounds/moreHandle.png") no-repeat center bottom;
	bottom: -20px;
	border-radius: 3px;
	display: block;
	font-weight: bold;
	height: 25px;
	left: 0;
	position: absolute;
	right: 0;
	text-align: center;
	width: 100%;
	z-index: 2;
}
.summaryDetails .revealerHandleMore:before {
	content: "+ more";
}
.summaryDetails .revealerHandleLess:before {
	content: "– less" !important;
}
.summaryDetails .revealerContents {
	display: none;
	padding-top: 12px;
}

/******* panel related syles *******/

.middleRow, .paddedRow {
    background-color: White;
    border: 1px solid #cbcbcb;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 10px !important;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}

.middleRow {
    width: 100%;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.middleRow.Orange{
	border: 1px solid #F59337;	
}

.paddedRow {
    padding: 6px 10px;
}

.topPanel
{
	margin-top: 5px;
}

/*Css for header controls on all of the panels / widgets .. not sure what "Header" is for?*/
.Header {
  height: 0px;
  background-color: #f0542c;
}

.HeaderText {
  height: 20px;
  float: left !important;
  display: block !important;
  padding: 2px !important;
  margin-left: 5px;
  font-size: 13px;
  font-weight: bold;
}

/*End header region*/

.PanelLink {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: right;
    display: block;
}

.PanelHeader, .PanelHeaderNoMargin, .subHeader, .adHeader
{
    float: left !important;
    width: 100% !important;
    padding-top: 2px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}


.PanelHeader, .PanelHeaderNoMargin {
  /*background-color: #a0a0a0;
  color: white;
  text-transform: uppercase;*/
}

.subHeader
{
  /*background-color: #EDEDED;
  border-bottom: 1px solid #cbcbcb;
  color: #707070;
  text-transform: capitalize;*/
}

.adHeader
{
	/*background-color: none;
	color: #999999;
	text-transform: capitalize;*/
}


.PanelHeader {
    margin-bottom: 10px !important;
}

.Panel {
    background-color: #f6f6f6;
    border-bottom: 1px solid #cbcbcb;
    color: #393939;
}

.PanelItems {
    list-style-type: none;
    margin-top: 3px;
}

.paddedPanel {
    clear: both !important;
    overflow: hidden;
}

/* Rules to replicate VizSpace help ~ */
.helpTopicList {
}
.helpTopicList ul {
	color: #fff;
	font-size: 13px;
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}
.helpTopicList ul:first-child {
    margin-top: 0;
}
.helpTopicList li {
	background-color: #7e8e9e;
	margin-bottom: 1px;
}
.helpTopicList span, .helpTopicList a {
	display: inline-block;
	padding: 2px 5px 2px 3px;
	width: 100%;
}
.helpTopicList span {
	background-color: #456;
	font-weight: bold;
}
.helpTopicList a {
	color: #fff;
}
.helpTopicList a:hover {
	color: #f8ca8e;
	text-decoration: none;
}
	
.helpTopicList>ul>li>ul>li {
 padding-left:10px; 
}

.helpTopicList>ul>li>ul>li>a:before {
 content: "- ";
}

.helpInfo {
}
.videoSection {
	padding: 3px 0px 3px 0;
	margin-top: 5px;
}
.videoSection td {
	padding-bottom: 10px;
}
.videoSection span {
	font-size: 14px;
}
.allVideosContainer {
	width: 100%;
	overflow: hidden;
	padding-bottom: 30px;
}
.videoContainer {
	width: 120px;
	float: left;
	padding: 0px 20px 0px 0px;
}
.pageTitle {
	font-size: 40px;
	font-weight: normal;
	margin: 0 0 8px 0;
}
.pageSubTitle {
	color: #ff8000;
	font-size: 20px;
	font-weight: normal;
	margin: 0 0 15px 0;
}

.pageTitle1
{
    font-size: x-large;
    letter-spacing: -1px;
    color: #4c4c4c;
}
.pageSubTitle1
{
    font-size: medium;
    color: #4c4c4c;
    padding: 10px 0px 10px 0px;
}

/*********************************
Message Center Toggle
*********************************/
.toggle
{
    padding: 4px 10px 4px 10px;
    background-color: #f2f2f2;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
	border: 1px solid #b7b7b7;
	text-decoration: none;
}

.showing
{
	background-color: #ededed;
}

.notShowing
{
   background-color: #bbb;
}

/* Tables */

.altShadedRows tr:nth-child(odd)
{
    background-color: #ffffff;
}
.altShadedRows tr:nth-child(even)
{
    background-color: #efefef;
}

.altOrange tr:nth-child(odd) {
    background-color: #fed;
}
.altOrange tr:nth-child(even) {
    background-color: #fffaf0;
}
.altBlue {
    border: 1px solid #0af;
}
.altBlue tr:nth-child(odd) {
    background-color: #dde9ff;
}
.altBlue tr:nth-child(even) {
    background-color: #f0faff;
}
.altGrey tr:nth-child(odd) {
    background-color: #efefef;
}
.altGrey tr:nth-child(even) {
    background-color: #fff;
}

/********************************************
Terms & Conditions styles
********************************************/
.tcHeading
{
    font-weight: bold;
    font-size: 1.3em;
}

td.tcHeading 
{
    border-top: 1px solid #ededed;
    padding: 10px 0px 5px 3px;
}

.tcSummary
{
    font-weight: bold;
    font-style: italic;
    font-size: small;
    padding-bottom: 8px;
}

td.tcSummary
{
    width: 25%;
    vertical-align: top;
    padding: 10px 0px 10px 3px;
}

td.tcSummary p
{
    margin: 0px;
    font-weight: bold;
    font-style: italic;
    font-size: small;
    padding-bottom: 10px;
}

.tcText
{
    padding-bottom: 7px;
}

td.tcText
{
    padding: 10px 15px 20px 20px;
    vertical-align: top;
}

td.tcText p
{
    margin: 0px;
    padding-bottom: 10px;
}

/****** form related styles *****/

.formField, .formFieldTwoCol
{
    padding-bottom: 10px;
}
.formLbl, .formLblTwoCol
{
    display: block;
    float: left;
    width: 150px;
    text-align: right;
    font-weight: bold;
    padding: 5px 0px;
    margin: 0 5px 5px 0;
    clear: both;
}

.formLbl.View, .formLblTwoCol.View
{
    width: 160px;
    padding: 0px 0px;
}

div.formField span, div.formFieldTwoCol span
{
    margin-left: 165px;
    display: block;
}

div.formField span.helpQMark , div.formFieldTwoCol span.helpQMark, div.formField span.inlineHelp
{
    margin-left: 0px;
    display: inline-block;
}

div.formField font, div.formFieldTwoCol font
{
    color: Red;
    vertical-align: top;
}
div.formField input, div.formFieldTwoCol input
{
    font-size: small;
}
div.formField table
{
    display: inline;
}
.spanValid
{
    margin: 0px !important;
}

.formFieldTwoCol.View div, .formField.View div
{
    margin-left: 165px;
}

.oppDetailsLeftPanel, .oppDetailsRightPanel {
    display: inline;
    float: left;
    vertical-align: top;
}
.oppDetailsLeftPanel {
    width: 50%;
}
.oppDetailsRightPanel {
    clear: right; 
}
.oppDetailsBottomPanel {
    margin-top: 10px;
    clear: both;
}

.alert {
	background-color: #e00;
	color: #fff;
	margin: -22px -25px 10px -25px;
	padding: 4px 8px;
	text-align: center;
}

/* Text_exposed is used to reveal otherwise hidden blocks of content */
.text_exposed_root {
	display: inline;
}
.text_exposed .text_exposed_show {
	display: inline;
}
.text_exposed_show, .text_exposed .text_exposed_hide {
	display: none;
}
.text_exposed_link {
	font-size: 9px;
	padding: 0 12px 0 0;
	white-space: nowrap;
}
.text_exposed_link_icon {
	margin: 0 0 -1px 4px;
}
.text_exposed .text_exposed_link {
	display: none !important;
}

/* 4m. Drawers
Each drawer is either a hoverDrawer (which opens when you hover over it)
or a clickDrawer (which opens which you click the drawerHandle within it) */
.clickDrawer,
.hoverDrawer {
	position: relative;
	vertical-align: top;
}
.drawerHandle {
}
.drawerContents {
	display: none;
	z-index: 999;
}
/* Social drawer */
.socialDrawer {
	display: inline-block;
}
.socialDrawer .drawerContents {
	background: rgba(255,255,255,0.9);
	border-radius: 3px;
	left: -2px;
	padding: 0 2px;
	position: absolute;
	top: 29px;
	width: 29px;
}
.socialDrawer.small .drawerContents {
	top: 20px;
}
.socialDrawer .drawerContents input {
	display: block;
	margin: 3px 0;
}

/* 4n. File types and trees */
.tree {
}
.fileNone, .fileExcel, .fileExe, .fileFlash, .fileMP3, .filePDF, .fileQuicktime, .fileText, .fileWord, .fileZip {
	background-position: top left;
	background-repeat: no-repeat;
	padding-left: 20px;
}
.fileNone		{ background-image: url("../images/icons/files/file.png"); }
.fileExcel		{ background-image: url("../images/icons/files/excel.png"); }
.fileExe		{ background-image: url("../images/icons/files/exe.png"); }
.fileFlash		{ background-image: url("../images/icons/files/flash.png"); }
.fileMP3		{ background-image: url("../images/icons/files/mpe.png"); }
.filePDF		{ background-image: url("../images/icons/files/pdf.png"); }
.fileQuicktime	{ background-image: url("../images/icons/files/quicktime.png"); }
.fileText		{ background-image: url("../images/icons/files/text.png"); }
.fileWord		{ background-image: url("../images/icons/files/word.png"); }
.fileZip		{ background-image: url("../images/icons/files/zip.png"); }

.jsTree li.jstree-open > a.jstree-anchor > i.jstree-checkbox, 
.jsTree li.jstree-closed > a.jstree-anchor > i.jstree-checkbox {
	display:none;
}
.jsTree .jstree-leaf > a.jstree-anchor > i.jstree-themeicon,
.jsTree .jstree-node > a.jstree-anchor > i.jstree-themeicon {
	display: none;
}
#filesTree .jstree-node > a.jstree-anchor > i.jstree-themeicon {
	display: inline-block;
}
#filesTree .jstree-leaf > a.jstree-anchor > i.jstree-themeicon {
	display: none;
}

/* 4p. Thumbnails */
/* General thumbnail types, particularly small (e.g., recommendations) and tiny (e.g., collaborators) ones */
.thumbTitle {
	bottom: 3px;
	color: #fff;
	left: 0;
	line-height: 1;
	min-height: 17px;
	padding: 2px 5px;
	position: absolute;
	text-align: left;
	width: 100%;
}
.smallThumbs, .tinyThumbs {
	list-style: none;
	margin: 0;
	padding-left: 0;
}
.smallThumb, .tinyThumb {
	cursor: pointer;
	float: left;
	list-style-type: none;
	margin: 0 5px 0 0;
	overflow: hidden;
	position: relative;
}
.smallThumb img, .tinyThumb img {
	background: #fff;
	border: 1px solid #ccc;
}
.smallThumb:hover img,
.tinyThumb:hover img {
	border: 1px solid #9cf !important;
}
.smallThumb .metadata,
.tinyThumb .metadata {
	background: url("../images/backgrounds/thumbMask.png") bottom repeat-x;
	bottom: 0;
	min-height: 50px;
	padding: 0;
	position: absolute;
	width: 100%;
}
.smallThumb .controls, .smallThumb .metadata,
.tinyThumb .controls, .tinyThumb .metadata {
	opacity: 0;
	transition: opacity 0.25s;
	visibility: hidden;
}
.smallThumb:hover .controls, .smallThumb:hover .metadata,
.tinyThumb:hover .controls, .tinyThumb:hover .metadata {
	opacity: 1;
	visibility: visible;
}
.smallThumb, .smallThumb img {
	height: 96px;
	width: 96px;
}
.tinyThumb, .tinyThumb img {
	height: 50px;
	width: 50px;
}
.tinyThumb .controls {
	right: 0;
	top: 0;
}
.tinyNew img {
	background: transparent;
	border: 2px dotted #ccc;
}
.tinyThumb span {
	display: none;
}
/* Recommendation-specific tweaks... */
.recommendationThumb {
}
.carousel .recommendationThumb {
	margin: 0 5px 5px 0;
}
.noncarousel .recommendationThumb {
	margin: 0 4px 4px 0;
}
.boardRecommendationThumb {
	margin: 5px 10px !important;
}

/* 4q. Image area selection */
.imgareaselect-border1 {
	background: url("../images/backgrounds/border-anim-v.gif") repeat-y left top;
}
.imgareaselect-border2 {
    background: url("../images/backgrounds/border-anim-h.gif") repeat-x left top;
}
.imgareaselect-border3 {
    background: url("../images/backgrounds/border-anim-v.gif") repeat-y right top;
}
.imgareaselect-border4 {
    background: url("../images/backgrounds/border-anim-h.gif") repeat-x left bottom;
}
.imgareaselect-border1, .imgareaselect-border2,
.imgareaselect-border3, .imgareaselect-border4 {
    filter: alpha(opacity=50);
	opacity: 0.5;
}
.imgareaselect-handle {
    background-color: #fff;
	border: solid 1px #000;
    filter: alpha(opacity=50);
	opacity: 0.5;
}
.imgareaselect-outer {
	background-color: #000;
    filter: alpha(opacity=50);
	opacity: 0.5;
}
.imgareaselect-selection {
}
.extractAreas {
	border: 1px solid #ccc;
	display: inline-block;
	margin-bottom: 10px;
	position: relative;
	max-width: 100%;
}
.extractArea {
	border: 1px solid red;
	position: absolute;
}
.extractArea.labelExtract 
{
    border: 1px solid blue;
}
.extractArea.hover, .extractArea.active, .extractArea:hover {
	background-color: rgba(255,128,0,0.33);
	cursor: help;
}
.extractArea.labelExtract.hover, .extractArea.labelExtract.active, .extractArea.labelExtract:hover {
	background-color: rgba(128,128,255,0.33);
}
.extractAreas img {
	height: auto;
	width: 100%;
}

/* 4r. Capsules */
/* Capsules are little, rounded containers normally used to show something you've selected,
and which you can then remove or dismiss with a little "x" button. */
.capsule {
	background: #cbe4ff;
	border: 1px solid #9ec4ed;
	border-radius: 4px;
	display: inline-block;
	margin: 2px 0;
	padding: 3px 10px 4px 4px;
}

/* 4s. Videos */
.videoContainer {
	height: 0;
	overflow: hidden;
	padding-bottom: 50%;
	padding-top: 30px;
	position: relative;
	width: 100%;
}
.videoContainer iframe, .videoContainer object, .videoContainer embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Dropzone */
.dropzone {
    min-height: 115px !important;
    border: 2px dashed #ccc !important;
    padding: 3px !important;
    background: none !important;
}

.dropzone .dz-preview {
    min-height: 46px;
    margin: 2px;
}

.dropzone .dz-preview.dz-image-preview {
    background: none;
}

.dropzone .dz-preview .dz-image {
    width: 46px;
    height: 46px;
    border-radius: 4px;
}

.dropzone .dz-preview .dz-image img {
    width: inherit;
    height: inherit;
    max-height: 46px;
    max-width: 46px;
}

.dropzone .dz-preview .dz-details {
    padding: 2px;
}

.dropzone .dz-preview .dz-details .dz-size {
    font-size: 10px;
    margin-bottom: 6px;
}

.dropzone .dz-preview .dz-details .dz-filename {
    font-size: 10px;
}

.dropzone .dz-preview .dz-progress {
    width: 40px;
    height: 8px;
    margin-top: -5px;
    margin-left: -20px;
    border-radius: 4px;
}

.dropzone .dz-message {
    color: #aaa;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    font-size: 13px;
    font-weight: normal;
}

.dropzone .dz-preview .dz-error-message {
    top: 50px;
    left: -50px;
    width: 120px;
    padding: 2px;
}

.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
    top: 2px;
    left: 2px;
    margin-left: 0px;
    margin-top: 0px;
}

.dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg {
    width: 40px;
    height: 40px;
}

.dropzone .dropText {
    color: #bbb;
    font-size: 18px;
    font-weight: bold;
}

.dropzone .fileTypes {
	font-size: 11px;
	padding: 0 10px;
	color: #999;
}

	.dropzone.colored {
		position: relative;
		border: none !important;
		border-radius: 15px;
		min-height: 135px !important;
		background: #205bb3 !important;
	}
	.dropzone.colored .inset {
		position: absolute;
		inset: 5px;
		border: 2px dashed #fff !important;
		border-radius: 12px;
		cursor: pointer;
	}
	.dropzone.colored .dropText, .dropzone.colored .dz-message, .dropzone.colored .fileTypes {
		color: #fff;
	}
	.dropzone.colored .dz-message {
		margin-top: 20px !important;
		margin-bottom: 30px !important;
	}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* 5. INPUTS */
/* 5a. Fieldsets */
fieldset {
	background-color: #eef4ff;
	margin-bottom: 10px;
	padding-right: 15px;
}
fieldset legend {
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 8px 0;
}

/* 5b. isets (sets of related inputs) */
.iset {
	margin-bottom: 10px;
}
.iset label {
	display: block;
	font-weight: bold;
}
.iset input {
	display: block;
	font-family: Arial, sans-serif;
}
.iset input[type="checkbox"], .iset input[type="radio"], .iset input[type=image], .inlineinputs input {
	display: inline;
}
.iset input[type="checkbox"] + label, .iset input[type="radio"] + label {
	display: inline;
	font-weight: normal;
}
.iset ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: relative;
}
.isubset {
	margin: 5px 0 0 5px;
}
.requiredinput label {
	color: #883300;
}
/*
.requiredinput label:after {
	color: #ff6600;
	content: "*";
}
*/
.radioBtnList label {
	display: inline !important;
}

.scroll {
    overflow: auto;
}

/* 5c. Sliders */
.slider {
	display: inline-block;
	margin: 5px 6px;
	width: 100px;
}
.sliderLowHigh {
	display: inline-block;
	margin: 6px;
}
.sliderTagLow, .sliderTagHigh {
	font-size: 10px;
	position: relative;
	top: -5px;
}

input.cleanGrey {
    background: #EEEEFA;
    border: none;
    border-radius: 3px;
    margin-bottom: 5px;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* 7. PAGE-SPECIFIC VARIATIONS */

/* 7a. Chrome-less pages (for popups, iframes, etc.) */
.noChrome #header,
.noChrome #banner,
.noChrome #nav,
.noChrome #footer {
	display: none;
}
.noChrome #scroll {
	padding-top: 0;
	overflow-y: auto;
}
.noHeader #header {
	display: none;
}
.noFooter #footer {
	display: none;
}

/****** RFQ PAGES ******/
div.rfqPage table.list tr, div.rfqPage table.list thead tr:nth-child(odd) {
    background-color: #eaeff7;
}
div.rfqPage table.list tr:nth-child(odd) {
    background-color: #f5f8fc;
}
div.rfqPage table.list tr:nth-child(odd) table.list.attributes tr:nth-child(odd)  {
    background-color: #eaeff7;
}
div.rfqPage table.list tr:nth-child(even) table.list.attributes tr {
    background-color: #dae3f1;
}
div.rfqPage table.list tr:nth-child(odd) table.list.attributes tr:nth-child(even) {
    background-color: #dae3f1;
}
div.rfqPage table.list tr:nth-child(even) table.list.attributes tr:nth-child(even) {
    background-color: #d0d9e7;
}
div.rfqPage table.list tr.noBackground {
    background: none;
}
div.rfqPage table.list th, div.rfqPage table.list td {
    padding: 4px 6px;
}
div.rfqPage table img, div.rfqPage li img {
    max-width: 150px;
    max-height: 150px;
}
div.rfqPage .unmatchedFiles table img, div.rfqPage .unmatchedFiles li img {
    max-width: 210px;
    max-height: 210px;
    border: 1px solid #aaa;
}
div.rfqPage h2 {
    text-align: center;
}
div.rfqPage ul {
    padding-left: 0;
}
div.rfqPage li {
    list-style-type: none;
}
div.rfqPage .topButtons {
    position: absolute;
    top: 20px;
    right: 20px;
    text-align: right;
}
div.rfqPage .topLeftButtons {
    position: absolute;
    top: 20px;
    left: 20px;
    text-align: left;
}
div.rfqPage .topButtons .button, div.rfqPage .topLeftButtons .button {
    display: inline-block;
}

.rfqPage hr {
    width: 95%;
    margin: 25px 10px;
    border: 1px solid #999;
}

div.tableWrap {
    overflow-x: auto;
}
div.topScrollWrap {
    overflow-x: auto;
    overflow-y:hidden;
}
div.topScroll {
    height: 20px;
}

.list.floatThead-table {
    border-bottom: 2px solid #fff !important;
    border-spacing: 2px 0px;
}

a.aspNetDisabled {
    color: #333;
    cursor: default;
}
a.button.text.aspNetDisabled, a.button.textonly.aspNetDisabled {
    color: #999;
    border-color: #999;
}

/* Slick overrides*/
.slick-dots {
    bottom: inherit !important;
}

    .slick-dots li {
        margin: 0 !important;
        width: 12px !important;
        height: 15px !important;
    }

        .slick-dots li button {
            width: 10px !important;
            height: 10px !important;
            padding: 0 !important;
        }


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* 8. MEDIA OVERRIDES */
.desktop, .phone, .tablet {
}
.narrowShow {
    display: none;
}
.narrowHide {
    display: block;
}
td.narrowHide, th.narrowHide {
	display: table-cell;
}

/* 8a. Screen */
@media screen {
	.noScreen, .printOnly, .ScreenHideView {
		display: none;
		visibility: hidden;
	}
	.screen, .screenOnly {
		display: block;
		visibility: visible;
	}
}

/* 8a1. Screen <=1350px width */
@media screen and (max-width: 1350px) {
	.wideOnly.halfColumn {
		width: 100%;
	}
	.wideOnly.halfColumn .liner {
		padding-right: 0;
	}
	.wideHide {
		display: block;
	}
	.wideFill .halfColumn {
		width: 50%;
	}
	.wideFill .thirdColumn {
		width: 33.3%;
	}
	.wideFill .twoThirdsColumn {
		width: 66.6%;
	}
}

/* 8a2. Screen <=1100px width */
@media screen and (max-width: 1100px) {
	#rightColumn {
		display: none;
	}
	#headerDrawers .drawerHandle .title {
		display: none;
	}
}

/* 8a3. Screen <=980px width */
@media screen and (max-width: 980px) {
    .halfColumn .pod .halfColumn {
		width: 100%;
    }
    .halfColumn .pod .halfColumn:last-of-type {
        padding-left: 0;
    }
	.corporatePage #scroll, .corporatePage #nav .liner {
		width: 100%;
	}
	.corporatePage .detailbox {
		background: #fff;
		padding-top: 10px;
	}
	.corporatePage .detailbox h2 {
		display: block;
	}
}

/* 8a4. Screen <=890px width */
@media screen and (max-width: 700px) {
	#nav .liner {
		padding-left: 14px;
	}
	#centerColumn, #leftColumn {
		display: none;
		padding: 14px 14px 30px 14px;
		width: 100% !important;
	}
	#leftColumn {
		position: absolute;
	}
	#leftColumn .alert {
		margin: -14px -14px 10px -14px;
	}
	#centerColumn .listTable.hoverControls .controls {
	    visibility: visible;
		top: 3px;
	}
	.columnToggle {
		display: inline-block;
	}
	.primaryColumn {
		display: block !important;
	}
	#leftColumn>.contact {
		display: block;
		margin-bottom: 10px;
	}
	#loginDiv, .loginDiv {
		margin: 0 1%;
	    min-width: 0;
	    width: 48%;
	}
	#subjectPanel {
		text-align: right;
	}
	#subjectAlert {
		max-width: 180px;
		top: -4px;
	}
	.board {
		margin-right: 0;
	}
	.board .stripWrap {
		display: none;
	}
	.hoverCardWrap {
		display: none;
	}
	.about {
		margin: 0 -14px 14px -14px;
	}
	.marketing #leftColumn {
		display: block !important;
		position: relative;
		z-index: 99;
	}
	.marketing .art {
		background: url("../images/art/buildings2.png") no-repeat 0 100px;
		background-size: 1000px;
		margin: -14px -14px 0 -14px;
	}
	.platformPage #overlayArea2, .platformPage #overlayArea3, .platformPage #overlayArea4 {
		display: none;
	}
	.companyPage #overlayArea1, .platformPage #overlayArea2 {
		display: none;
	}
	.appPage #overlayArea2, .appPage #overlayArea3, .appPage #overlayArea4 {
		display: none;
	}
	.userPage #overlayArea1, .userPage #overlayArea2 {
		display: none !important;
	}
	.signinPage .thirdWidth {
		width: 50%;
	}
	.vizseekText {
		padding: 0 10px;
	}
}

@media screen and (max-width: 915px) {
	#menu ul li .hoverDrawer span {
		color: #777 !important;
	}

	#menu ul li:hover .hoverDrawer span {
		color: #fff !important;
	}
}

@media screen and (max-width: 320px) {
	.extraTabs {
		position: relative;
		top: 29px;
	}
}

@media screen and (max-width: 400px) {
	#lanuageIcon {
		display: none;
	}
}

@media screen and (max-width: 450px) {
	.actionLink {
		font-size: 12px;
	}
}

@media screen and (min-width: 485px) and (max-width: 700px) {
	.publicPage #logo {
		background-image: url("../static/images/logos/vizseekSmall.png");
		width: 162px;
	}
}

@media screen and (max-width: 915px) {
	.publicSearchPage #headerRightWrap, .publicPage #headerRightWrap {
		position: relative;
		right: 35px;
		z-index: 50;
	}
}

/* 8a5. Screen <=820px width */
@media screen and (max-width: 820px) {
	#oldSearch {
	    display: none;
	}
	.companyPage #subjectPanel,
	.communityPage #subjectPanel,
	.marketplacePage #subjectPanel,
	.platformPage #subjectPanel,
	.userPage #subjectPanel {
		background: rgba(200,227,236,0.97);
		box-shadow: 0 0 20px 15px rgba(200,227,236,0.97);
	}
}

@media screen and (max-width: 865px) {
    .hideStripeSmall #stripe {
        display: none;
    }
}

@media screen and (max-width: 915px) {
    #menu
	{
		position: absolute;
        width: 100%;
        background: url(../images/icons/menu.png) no-repeat right 50% #fff;
	}
	#menu > a
	{
		width: 30px;
		height: 40px;
		text-align: left;
		text-indent: -9999px;
		position: relative;
	}

	#menu:not( :target ) > a:first-of-type,
	#menu:target > a:last-of-type
	{
		display: block;
	}

	#menu > ul
	{
		height: auto;
		display: none;
		position: absolute;
		left: 0;
        top: 50px;
	}
	#menu:target > ul
	{
		display: block;
        width: 100%;
        background-color: #fff;
	}
	#menu > ul > li
	{
		width: 100%;
		float: none;
        border-radius: 0;
        cursor: pointer;
	}
    #menu ul li.active {
        background-color: #fff;
    }
	#menu > ul > li > a
	{
		height: 34px;
		text-align: left;
        padding: 0;
	}
    #menu ul li.active a {
        color: #777;
    }
    #menu ul li.active a:hover {
        color: #fff;
    }
    #menu ul li a span {
        position: relative;
        top: 6px;
	    padding: 12px 12px 16px;
    }
	#menu > ul > li:not( :last-child ) > a
	{
		border-right: none;
	}
}

/*@media screen and (max-width: 700px) {
    #logo {
        background-image: url("../images/logos/vizseekIcon.png");
        width: 36px;
    }
}*/

@media screen and (min-width: 641px) {
    liner.extraPadding {
        padding-right: 25px;
    }
}

/* 8a6. Screen <=640px width */
@media screen and (max-width: 640px) {
	.narrowShow {
		display: block;
	}
	.narrowHide {
		display: none !important;
	}
	#main .liner {
		display: block;
	}
    #footer .pipe {
        display: none;
    }
    #copyright, #footer nav {
        display: block;
        margin-top: 10px;
    }
	#footer span {
		padding: 0 2px !important;
	}
	#footer a {
        margin: 0 10px;
		padding: 8px 2px;
        font-size: 14px;
	}
	.feed>li {
		width: 100% !important;
	}
	.feed>li.right {
		clear: inherit;
		float: left;
	}
	#headerDrawers .hoverDrawer {
		margin-left: 2px;
	}
	/*#nav a {
		padding: 3px 5px;
	}*/
	#subjectAlert {
		display: none;
	}
	.halfColumn, .thirdColumn, .twoThirdsColumn {
		width: 100% !important;
	}
	.halfColumn .liner, .thirdColumn .liner, .twoThirdsColumn .liner {
		padding-right: 0;
	}
	.paginator a {
		padding: 0 4px;
	}
	.elapse {
		display: none;
	}
	.listTable {
		border-collapse: collapse;
		border-spacing: 0 !important;
	}
	.listTable>thead>tr>th, .listTable>tr>th, .listTable>tbody>tr>td, .listTable>tr>td {
		display: block;
		position: relative;
	}
	.listTable>thead 
	{
	    display: none;
	}
	#platformIntro td {
		display: block;
		margin-bottom: 10px;
		width: 100%;
	}
	.button.text, .button.text.small {
		min-width: 19px !important;
		padding: 4px !important;
		text-indent: -9999px;
	}
	.button.text {
		width: 25px !important;
	}
	.button.text.small {
		height: 19px !important;
		width: 19px !important;
	}
	.marketing section {
	    display: block;
	    width: 100%;
	}
	.marketing .shadowboxlinks {
	    display: none !important;
	}
	.marketing .halfColumn.cellDiv {
		display: block !important;
		width: 100% !important;
	}
	#loginDiv, .loginDiv {
	    min-width: 0;
	    width: 100%;
	}
	#welcomeDiv {
	    width: 100%;
	}
    .noPhone {
        display: none !important;
    }
    .phoneOnly {
        display: inline-block !important;
    }
    .sortAsc, .sortDesc, .sortNone {
	    float: none;
    }
	.userPage #leftColumn {
		min-width: 0;
	}
    .mobileFloatingCells td {
        display: inline-block;
        float: left;
    }
	.alert {
		padding: 2px;
	}
	.signinPage .thirdWidth {
		width: 100%;
	}
}

/* 8a7. Screen <=520px width */
@media screen and (max-width: 520px) {
	#headerDrawers {
		z-index: 100;
	}
	#subheader {
		display: none;
	}
	hr.hrOrange, hr.hrBlue, hr.hrGray {
		border-color: transparent;
		border-style: auto;
		border-width: 1px;
		height: auto;
		margin-bottom: 10px;
	}
	hr.hrOrange {
		background-color: #fc9;
	}
	hr.hrBlue {
		background-color: #9cf;
	}
	hr.hrGray {
		background-color: #ccc;
	}
	#subjectSlogan {
		display: none;
	}
}

/* 8a8. Screen <=480px width */
@media screen and (max-width: 480px) {
	.companyPage #subjectPanel,
	.communityPage #subjectPanel,
	.marketplacePage #subjectPanel,
	.platformPage #subjectPanel,
	.userPage #subjectPanel {
		background: rgba(228,241,247,0.97);
		box-shadow: 0 0 20px 15px rgba(228,241,247,0.97);
	}
	.carouselPrev.outset {
		left: -10px;
	}
	.carouselNext.outset {
		right: -10px;
	}
	.carouselUp.outset {
		left: -10px;
	}
	.carouselDown.outset {
		right: -10px;
	}
	.vizseekDoodle {
		display: none !important;
	}
}

/* 8a9. Screen <=400px width */
@media screen and (max-width: 400px) {
	#search {
		display: none;
		margin-left: 0;
	}
	#searchLink {
		display: block;
	}
	#tips {
		right: -6px;
	}
	.vizseekModel {
		display: none !important;
	}
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* 9. BROWSER OVERRIDES */
.ie6, .ie7, .ie8, .ie9 {
}
.lt-ie7, .lt-ie8, .lt-ie9, .lt-ie10 {
}