/* source and credit ---------------------------------------------------------- */
#source-and-credit{width:100%;overflow:hidden;margin:2em 0 0 0}
#source-and-credit p{margin:0;padding:0}
#source-and-credit .source{font-size:.75em;font-weight:bold;float:left}
#source-and-credit .credit{margin:.25em 0 0 0;text-transform:uppercase;color:#999;font-size:.6em;float:right}
@media screen and (max-width:480px){#source-and-credit .source,#source-and-credit .credit{float:none;text-align:right}}

/* full width content ---------------------------------------------------------- */
.section-nav{display:none}
#main div.article{width:100%;margin:0}
.article .byline{display:none}
.aside{display:none}

/* styled subtitle ---------------------------------------------------------- */
p.subtitle{font-size:1.25em;font-family:"Miller Headline Roman","Times New Roman",Times,Georgia,serif;max-width:100%;margin:0}


thead {
	border-bottom:1px solid #CCC;
	font-family: "BentonSans", Helvetica, sans-serif;
}

#back {
	text-align: left;
	padding:0 0 30px 0px;
	vertical-align: bottom;
}

.navButton {
  padding:5px 10px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -user-select: none;
  cursor: pointer;
  float: left;
  position: relative;
  font: normal 12px Helvetica, Arial;
  text-transform: uppercase;
  color: white;
  background: #173368;/*adjust button color*/
  vertical-align:bottom;
}


.triangleLeft {
  border-top: 12px solid transparent; /*adjust triangle side length*/
  border-bottom: 12px solid transparent; /*adjust triangle side length*/
  border-right: 10px solid #173368; /*adjust button color*/
  float: left;
}

.viewCandidates:hover {
  opacity: .7;
}

.candidatename {
	clear:none;
}

.headerlabel {
	font-family: "BentonSans" sans-serif;
	font-size: 0.75em;
	font-weight: 100;
	line-height: 1.4em;
	width:70px;
	height:140px;
	margin: 0 auto 5px auto;
}

.useNarrow .headerlabel,
#addSelect .headerlabel {
	height:auto;
	margin:auto;
	margin-bottom:5px;
}

.headerlabel a {
	text-decoration: none;
}

.headshot {
	width:70px;
	display: block;
	margin: 0 auto 5px auto;
}

.useNarrow:not(#addSelect) .headerlabel {
	width:20px;
}

.useNarrow:not(#addSelect) {
	-webkit-transform: rotate(300deg);
	-moz-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    -o-transform: rotate(300deg);  
    transform: rotate(300deg);  
	writing-mode:tb-rl;
	white-space: nowrap;
	height:20px;

	/* IE8+ - must be on one line, unfortunately */ 
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.5000000000000001, M12=0.8660254037844386, M21=-0.8660254037844386, M22=0.5000000000000001, SizingMethod='auto expand')";
*/
	/* IE6 and 7 */ 
/*	filter: progid:DXImageTransform.Microsoft.Matrix(
	        M11=0.5000000000000001,
	        M12=0.8660254037844386,
	        M21=-0.8660254037844386,
	        M22=0.5000000000000001,
	        SizingMethod='auto expand');
*/
}

.useNarrow .headshot {
	width: 2em;
	margin-right:5px;
	display:inline;
	margin-bottom:-3px;
}

.useNarrow#addSelect img {
	display:none;
}

table {
	margin:0;
	float:left;
}

table.moretopmargin td {
	text-align:left; /* if use narrow, then text-align left for better alignment */
}

table.moretopmargin {
	margin-top:120px;
}

th, td:not(.topic) {
	text-align: center;
	padding:0 10px;
	vertical-align: middle;
}

tbody td.topic {
	text-align:left;
	font-family: Helvetica, Arial, sans-serif;
	padding:2px 5px;
	font-weight:100;
	min-width:190px;
	max-width:400px;
}

.large-only tbody tr:nth-of-type(even) {
  background-color:#ededed;
}

.removeCandidate {
	margin:5px auto;
	text-align:center;
	width:70px;

	background: #eee;
	cursor: pointer;
	padding: 2px 8px;
	border: 1px solid #bbb;
	border-radius: 4px;
	text-transform: uppercase;
	color: #464646;
	font-size: 11px;
	text-align: center;
	-webkit-transition: all 50ms linear;
	-moz-transition: all 50ms linear;
	-o-transition: all 50ms linear;
	-ms-transition: all 50ms linear;
	transition: all 50ms linear;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.onlynarrow {
	display:none;
	margin-left:5px;
	vertical-align: top;
	width:auto;
	padding:0px 3px 2px 3px;
	text-transform: none;
}

.removeCandidate:hover {  
	background: #ccc; 
}

#addSelect {
	width:30px;
}

#addSelect img {
	width:70px;
	height:70px;
	margin-top:18px;
	border:1px solid #ccc;
}

#addSelect select {
	width:70px;
}

#placeholder {
	visibility: hidden;
	width:20px;
	height:1px;
}

/******************* small table only *******************/

.small-only .viewCandidates {
	float: left;
	margin-top: 30px;
}

.small-only .headerlabel {
	width:auto;
	height:auto;
	font-size:1em;
	text-align: right;
}

.small-only th {
	padding-top:25px;
	padding-bottom:10px;
}

.small-only td:not(.topic) {
	text-align:left;
}

.small-only .headshot {
	width:1em;
	margin-right:5px;
	margin-bottom:-3px;
	display:inline;
}

.small-only .removeCandidate {
	display:none;
}

.small-only .onlynarrow {
	display:none !important;
}