#doc {
	width:100%;
	display: flex;
    flex-direction: column;
}

#hd, #bd, #ft {
    width: 100%;
    margin: 0 auto;
}

#hd { text-align:center; }
#hd img { float:none !important; }

#headerwrap { background:#333; }

h1, h2, h3, h4, h5 {
	font-family:"Roboto", Helvetica, Arial;
	}

#hd h1 {
	color:#fff;
	font-size: 65px;
	margin:0;
    display: inline-block;
    background: #000;
    padding: 5px 20px;
	}

h2 { font-size:30px; }
#hd h2 { color:#fff; font-size:45px; font-weight:bold; margin:0.5em 0 0; }
/* #bd h2 { font-size:45px; font-weight:bold; } */

h3 { font-size:25px; }

h4 strong { font-family:"Roboto Black", Helvetica, Arial; font-weight: 900; }

#ft a:hover { color:#000; text-decoration:underline; }

.pictureBox {
  border-top: 5px solid #045167;
  background-color:#096782;
	background-size: cover;
  background-position: top center;
  }

div.one {
    max-width: 960px;
    margin: 0 auto;
}

a, a:link, a:visited, a:active { color:#096782; }
a:hover { background:transparent; color:#045167; }

#bd ul.tocBlock li,
#bd ul.tocBlock li a { width:100%; }

/* Navigation */

#hdNavigationBar {
	background:#045167;
	}
#hdNavigationBar a {
	color: #ccc;
    display: inline-block;
    padding: 5px 10px;
    }
#hdNavigationBar a.active,
#hdNavigationBar a:hover {
	color: #fff;
    }

/* Account Labels */

.accountLabel, .accountLabelPro {
	background:#555;
	color:#fff;
	display:inline;
	font-size:80%;
	text-align:center;
	text-transform:uppercase;
	padding:2px 5px 1px;
	min-width:50px;
	}
	.accountLabelPro {
		background:#ff6633;
		}
		#network #bd a.accountLabelPro {
			color:#fff;
			font-weight:normal;
			}

/* Cards */

.networkCard {
	height:140px;
	overflow:hidden;
	}
.networkCardBackdrop {
	background:#eee; height:130px; border-right:10px solid #fff; padding-right:10px;
	}
	.networkCardBackdrop:hover { background:#333; color:#fff; }
	.networkCardBackdrop:hover a { color:#fff; }
.networkCardPrimaryLink {
	cursor: pointer;
	display:block;
	min-height:75px;
	padding:10px;
	}
	.networkCardPrimaryLink.basic { min-height:45px; overflow:hidden; }

.networkCardPicture {
	width:30%; overflow:hidden; float:left;
	height:75px;
	}
	.networkCardPrimaryLink.basic .networkCardPicture { height:50px; }

	.networkCardPicture img { max-width:100%; height:auto; }
	.networkCardPrimaryLink.basic .networkCardPicture img { margin-left:10px; }

.networkCardText {
	width:70%;
	float:left;
	font-size: 110%;
	line-height: 1.35;
	}
	.networkCardTitle,
	.networkCardAccount,
	.networkCardSince,
	.networkCardRegion { display:block; }
		.networkCardName { font-weight:bold; }

		.networkCardPrimaryLink.basic .networkCardAccount { padding-top:6px; }

.networkCardActions {
	display:block;
	height:16px;
	overflow:hidden;
	margin-bottom:10px;
	}

/* Lists */

ul.tocBlock {
	background:#eee;
	margin-bottom:10px;
	}
	ul.tocBlock li { border-bottom:1px solid #fff; }

/* Bubble Quotes */

div.bubble {
	width: auto;
	font-size: 1em;
	margin: 5px 0;
	padding-bottom: 5px;
	}
	div.bubble blockquote {
		margin: 0;
		padding: 10px;
		border: 1px solid #c9c2c1;
		background-color: #fff;
		min-height:90px;
		}
	div.bubble img {
		float:right;
		margin:10px 10px 5px 10px;
		border:1px solid #ccc;
		}
	div.bubble blockquote.highlight {
		background-color: #ffffcc;
		}
	div.bubble blockquote p {
		margin: 10px;
		padding: 0;
		}
	div.bubble cite {
		position: relative;
		margin: 0;
		padding: 7px 0 0 15px;
		top: -1px;
		bottom:0;
		background: transparent url(/images/icons/comments_tip.gif) no-repeat 20px 0;
		font-style: normal;
		display:inline-block;
		}

/* Testimonials */

#testimonialWrapContainer { display:block; min-height:150px; margin-bottom:10px; }
#testimonialWrap { height:150px; min-height:150px; }
#testimonialWrap blockquote p,
#testimonialWrap blockquote p strong { color:#000; }
#testimonialWrap div.bubble cite { color:#ccc; }
#testimonialRefresh { color:#ccc; display:block; text-align:right; text-decoration:underline; margin-top:10px; }



/* Boxes */

span#reasonRefresh,
form#testimonialFormRefresh input[type=submit] {
	background:#555;
	color:#fff;
	border:0;
	font-family:Georgia, Times New Roman, serif;
	font-style:italic;
	outline:0;
	padding:5px 10px;
	cursor:pointer;
	}
span#reasonRefresh:hover,
form#testimonialFormRefresh input[type=submit]:hover {
	background:#333; color:#fff;
	}

/* Select Account */

input.selectAccount {
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	}

a.selectAccount,
input.selectAccount {
				color:#fff;
				margin-bottom:10px;
				-webkit-transition: all .1s linear;
				-moz-transition: all .1s linear;
				-ms-transition: all .1s linear;
				-o-transition: all .1s linear;
				transition: all .1s linear;
				}
				#signup-plans a.selectAccount,
				input.selectAccount {
					display:block;
					padding:10px 10px 10px 30px;
					}
			a.selectAccount span {
				font-family:Georgia, serif;
				font-style:italic;
				font-size:0.75em;
				}

a.selectAccount,
input.selectAccount {
	/* background:#ac6 !important; */
  background:#ff7e00 !important;
	border:0;
	/* border-top:5px solid #99b75c !important;
	border-bottom:5px solid #ac6 !important; */
  border-top:5px solid #b25800 !important;
	border-bottom:5px solid #ff7e00 !important;
	color:#fff;
	font-size:150%;
	font-weight:bold;
	text-decoration:none;
	padding:5px 15px 2px;
	-webkit-transition: background 0.3s ease-in, border 0.3s ease-in;
	-moz-transition: background 0.3s ease-in, border 0.3s ease-in;
	-ms-transition: background 0.3s ease-in, border 0.3s ease-in;
	-o-transition: background 0.3s ease-in, border 0.3s ease-in;
	transition: background 0.3s ease-in, border 0.3s ease-in;
	}
	a.selectAccount.highlight {
		background:#ffcc66;
		border-top:5px solid #d9ae57;
		border-bottom:5px solid #ffcc66;
		}
	#bd a.selectAccount:hover,
	#marginForm input.selectAccount:hover,
	#columnarForm input.selectAccount:hover,
	input.selectAccount:hover {
		/* background:#99b75c !important; */
    background:#b25800 !important;
		border:0;
		/* border-top:5px solid #99b75c !important;
		border-bottom:5px solid #99b75c !important; */
    border-top:5px solid #b25800 !important;
		border-bottom:5px solid #b25800 !important;
		color:#fff;
		}
		#signup #bd a.selectAccount.highlight:hover {
			background:#d9ae57;
			border-top:5px solid #d9ae57;
			border-bottom:5px solid #d9ae57;
			}
	a.selectAccount:active,
	input.selectAccount:active {
		transform: translateY(3px);
		}


#integrationlist { text-align:center; }
#integrationlist img { width:150px; }

/* Source: http://stackoverflow.com/a/13640428 */
img.greyscale,
#integrationlist img {
	filter: url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'><filter%20id='grayscale'><feColorMatrix%20type='matrix'%20values='0.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
	filter: grayscale(100%); /* Current draft standard */
	-webkit-filter: grayscale(100%); /* New WebKit */
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: gray; /* IE6+ */
	}
	img.greyscale:hover,
	#integrationlist img:hover {
		filter: none;
		-webkit-filter: grayscale(0);
		-moz-filter: grayscale(0);
		-ms-filter: grayscale(0);
		-o-filter: grayscale(0);
		}

/* Tables */

table#featuresTable { background-color:#fff; width:100%; }
table#featuresTable td { vertical-align:middle; }
	table#featuresTable div { display:table-cell; padding:0 10px; word-wrap: break-word; vertical-align:middle; }
		table#featuresTable div.tn { padding:0; width:100px; text-align:center; vertical-align:top; }
			table#featuresTable div.tn img { background:#333; width:100%; height:auto; }

table {
	text-align: left;
	border-collapse: collapse;
	}
table th, table tfoot {
	padding: 10px;
	font-weight: bold;
	background:#fff;
	color:#000;
	}
	table th h3 {
		color: #fff;
		background: #333;
		display:inline;
		padding:10px;
		}
table td {
	padding: 10px;
	border-bottom: 1px solid #eee;
	color: #000;
	}
  table#other thead td { color:#fff; }
table tbody tr:hover td {
	background: #ffffcc;
	}

table#pricing {
	background:#eee;
	border:0;
	margin:10px 0 0;
	padding:0;
	width:720px;
	}
table#pricing tr { border-bottom:1px solid #ccc; }
table#pricing td { padding:0 5px; border-right:1px solid #ccc; }
table#pricing small { text-transform:uppercase; }
	table#pricing h4 small { color:#666; text-transform:none; }

table#pricing td.item { text-align:right; }
table#pricing td.item h4 { font-family:Georgia, serif; }

table#pricing td h3 { padding:3px 10px 2px; margin:0; display:inline; }
table#pricing td.planMax h3, .planMax, .planMax a, .planMax a:link, .planMax a:visited { background:#ff6633; color:#fff; }
table#pricing td.planPremier h3, .planPremier, .planPremier a, .planPremier a:link, .planPremier a:visited { background:#cbc100; color:#fff; }
table#pricing td.planPlus h3, .planPlus, .planPlus a { background:#62c400; color:#fff; }
table#pricing td.planPro h3, .planPro, .planPro a { background:#0094bd; color:#fff; }
table#pricing td.planFree h3, .planFree, .planFree a, .planFree a:link, .planFree a:visited { background:#666; color:#fff; }

table#pricing h3 a {
	background:#333;
	color:#fff;
	font-weight:bold;
	padding:3px 10px;
	text-decoration:underline;
	}

table#pricing h4 small { font-size:0.7em; }

table#pricing td ul { margin:10px 0 0 15px; }

table#pricing td.planMax, table#pricing td.planMax li { background:#fff; color:#666; }
table#pricing td.planPremier, table#pricing td.planPremier li { background:#fff; color:#666; }
table#pricing td.planPlus, table#pricing td.planPlus li { background:#fff; color:#666; }
table#pricing td.planPro, table#pricing td.planPro li { background:#fff; color:#666; }
table#pricing td.planFree, table#pricing td.planFree li { background:#fff; color:#666; }

table#pricing tr.rowFlip { background:#222; color:#fff; }
table#pricing tr.rowFlip td.item,
table#pricing tr.rowFlip td.planMax,
table#pricing tr.rowFlip td.planPremier,
table#pricing tr.rowFlip td.planPlus,
table#pricing tr.rowFlip td.planPro { background:#666; color:#fff; padding:5px 0; }
table#pricing tr.rowFlip td.item,
table#pricing tr.rowFlip td.planMax small,
table#pricing tr.rowFlip td.planPremier small,
table#pricing tr.rowFlip td.planPlus small,
table#pricing tr.rowFlip td.planPro small { padding:5px; }

/* Artists */

ul.profileLinks { margin:0; }
ul.profileLinks li { margin:0 0 0 10px; }

#artists-wrap div.avatar {
	background:#eee;
	float:left;
	height:76px;
	overflow:hidden;
	text-align:center;
	width:100px;
	}
	#artists-wrap div.avatar img {
		height:76px;
		}

.artistsAvatar {
	float:left; height:75px; width:75px; overflow:hidden; margin-right:10px;
	}

table#artistsTable {
	background:#eee;
	}
table#artistsTable a:hover {
	color:#000;
	}
table#artistsTable tr {
	border-bottom: 5px solid #fff;
	}

table#artistsTable tbody tr:hover td {
	background: #333;
	color:#fff;
	}
	table#artistsTable tbody tr:hover td a { color:#fff; }

table#artistsTable td {
	line-height:60px;
	}
	table#artistsTable td.artistsTableAvatar a {
		display:block;
		width:60px;
		overflow:hidden;
		}
	table#artistsTable td.artistsTableSkill {
		overflow:hidden;
		width:160px;
		}
	table#artistsTable td.artistsTableCity,
	table#artistsTable td.artistsTableMembership {
		font-size:0.85em;
		overflow:hidden;
		width:80px;
		}
	table#artistsTable td.artistsTableName {
		font-size:1.5em;
		line-height:1;
		}
	.artistsTableName a {
		display:block;
		}
		.artistsTableName small a { display:inline-block; }
		.artistsTableFullName,
		.artistsSkill,
		.connectWrapper {
			display:block;
			min-height:30px;
			line-height:30px;
			}
			.artistsTableFullName { display:inline; font-weight:bold; }
			.artistsSkill { font-size:85%; font-weight:normal; }
			.connectWrapper div.connectDetail {
				font-size:85%;
				font-weight:normal;
				float:left;
				}
				.connectWrapper div.connectDetail a,
				.connectWrapper div.connectDetail span {

					font-weight:normal;
					}
					.connectWrapper div.connectDetail span {

						}
				.connectWrapper div.connectDetail img {
					vertical-align:middle;
					}

div.artistTableConnectBar {
	background:#eee;
	float:right;
	}

  /* Jobs */

  div.job {
  	border-bottom:1px solid #ddd;
  	}
  	#network #bd div.job a {
  		background:transparent;
  		clear:both;
  		display:block;
  		padding:10px 0;
  		width:620px;
  		}
  		#network #bd div.job a:hover {
  			color:#000;
  			}
  	div.job span.jobLocation {
  		color:#000;
  		display:block;
  		float:left;
  		font-weight:bold;
  		padding:0 10px;
  		width:120px;
  		}
  	div.job span.jobTitle {
  		display:block;
  		float:left;
  		padding:0 10px;
  		text-decoration:underline;
  		width:310px;
  		}
  	div.job span.jobPosted {
  		color:#999;
  		display:block;
  		float:left;
  		font-size:85%;
  		margin-top:2px;
  		padding:0 10px;
  		width:130px;
  		}

     .print {
      	display:none;
      	}

      div.formError {
      	clear:both;
      	width:280px;
      	}
      #columnarForm label.error, #columnarForm label.checked {
      	clear: both;
      	display: block;
      	font-weight: normal;
      	min-height:16px;
      	padding-left:20px;
      	position: relative;
      	width: 240px;
      	}
      #columnarForm label.error {
      	background:url("/images/icons/delete.gif") no-repeat 0px 0px;
      	color:red;
      	}
      #columnarForm label.checked {
      	background:url("/images/icons/accept.gif") no-repeat 0px 0px;
      	color:green;
      	}

      #columnarForm fieldset, .columnarForm fieldset { width:auto; }