MediaWiki:Common.css

@import url('https://fonts.googleapis.com/css?family=Libre+Franklin:200,400,600');

/* font converted using font-converter.net. thank you! */
@font-face {
	font-family: "TibetanMachineUnicode";
	src: url("/skins/Timelessness/resources/fonts/TibetanMachineUni/TibetanMachineUnicode11.eot"); /* IE9 Compat Modes */
	src: url("/skins/Timelessness/resources/fonts/TibetanMachineUni/TibetanMachineUnicode11.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
		url("/skins/Timelessness/resources/fonts/TibetanMachineUni/TibetanMachineUnicode11.otf") format("opentype"), /* Open Type Font */
		url("/skins/Timelessness/resources/fonts/TibetanMachineUni/TibetanMachineUnicode11.svg") format("svg"), /* Legacy iOS */
		url("/skins/Timelessness/resources/fonts/TibetanMachineUni/TibetanMachineUnicode11.ttf") format("truetype"), /* Safari, Android, iOS */
		url("/skins/Timelessness/resources/fonts/TibetanMachineUni/TibetanMachineUnicode11.woff") format("woff"), /* Modern Browsers */
		url("/skins/Timelessness/resources/fonts/TibetanMachineUni/TibetanMachineUnicode11.woff2") format("woff2"); /* Modern Browsers */
	font-weight: normal;
	font-style: normal;
	unicode-range: U+0F00-0FFF;
}

/* jomolhari-regular - tibetan_latin */
@font-face {
	font-family: 'Jomolhari';
	font-style: normal;
	font-weight: 400;
	src: url('/skins/Timelessness/resources/fonts/Jomolhari/jomolhari-v2-tibetan_latin-regular.eot'); /* IE9 Compat Modes */
	src: local('Jomolhari Regular'), local('Jomolhari-Regular'),
				url('/skins/Timelessness/resources/fonts/Jomolhari/jomolhari-v2-tibetan_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
				url('/skins/Timelessness/resources/fonts/Jomolhari/jomolhari-v2-tibetan_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
				url('/skins/Timelessness/resources/fonts/Jomolhari/jomolhari-v2-tibetan_latin-regular.woff') format('woff'), /* Modern Browsers */
				url('/skins/Timelessness/resources/fonts/Jomolhari/jomolhari-v2-tibetan_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
				url('/skins/Timelessness/resources/fonts/Jomolhari/jomolhari-v2-tibetan_latin-regular.svg#Jomolhari') format('svg'); /* Legacy iOS */
	unicode-range: U+0F00-0FFF;
}


#p-logo {margin-top:7px;}

/** CSS placed here will be applied to all skins */

/* Old Tibetan CSS */

.TibetanUnicode16 {
   font-family: Jomolhari, Verdada, serif;
   font-size: 16pt;
   font-weight: normal; 
   line-height:125%;
}

.TibetanUnicode18 {
   font-family: Jomolhari, Verdada, serif;
   font-size: 18pt;
   font-weight: normal; 
   line-height:125%;
}

.TibetanUnicode20 {
   font-family: Jomolhari, Verdada, serif;
   font-size: 20pt;
   font-weight: normal; 
   line-height:125%;
}

.TibetanUnicode24 {
   font-family: Jomolhari, Verdada, serif;
   font-size: 24pt;
   font-weight: normal; 
   line-height:125%;
}

/* New Tibetan CSS */

@font-face {
   font-family: "BodYig";
   src: url("fonts/DDC_Uchen.eot");
   src: local("DDC Uchen"),
	   url("fonts/DDC_Uchen.woff") format("woff"),
	   url("fonts/DDC_Uchen.ttf") format("truetype"),
	   url("fonts/DDC_Uchen.otf") format("opentype"),
	   local("Kailasa"),
	   local("Kokonor"),
	   local("Jomolhari"),
	   local("Himalaya");
  unicode-range: U+0F00-0FFF, U+F500-F8FF;
}

.TibUni10 {
   font-family: Jomolhari, Verdada, serif;
   font-size: 10pt;
   font-weight: normal; 
   line-height:125%;
  vertical-align: 2px;
}

.TibUni11 {
   font-family: Jomolhari, Verdada, serif;
   font-size: 11pt;
   font-weight: normal; 
   line-height:125%;
  vertical-align: 2px;
}

.TibUni12 {
   font-family: Jomolhari, Verdada, serif;
   font-size: 12pt;
   font-weight: normal;
   line-height:125%;
  vertical-align: 2px;
}

.TibUni13 {
   font-family: Jomolhari, Verdada, serif;
   font-size: 13pt;
   font-weight: normal;
   line-height:125%;
}

.TibUni14 {
   font-family: Jomolhari, Verdada, serif;
   font-size: 14pt;
   font-weight: normal;
   line-height:125%;
}

.TibUni16 {
   font-family: Jomolhari, Verdada, serif;
   font-size: 16pt;
   font-weight: normal;
   line-height:125%;
}

.TibUni18 {
   font-family: Jomolhari, Verdada, serif;
   font-size: 18pt;
   font-weight: normal;
   line-height:125%;
}

.subNav .TibUni18 {
   font-family: Jomolhari, Verdada, serif;
   font-size: 12pt;
   font-weight: normal;
   line-height:125%;
}

.TibUni20 {
   font-family: Jomolhari, Verdada, serif;
   font-size: 20pt;
   font-weight: normal;
   line-height:125%;
}

.TibUni22 {
   font-family: Jomolhari, Verdada, serif;
   font-size: 22pt;
   font-weight: normal;
   line-height:125%;
}

.TibUni24 {
   font-family: Jomolhari, Verdada, serif;
   font-size: 24pt;
   font-weight: normal;
   line-height:125%;
}

.TibUni26 {
   font-family: Jomolhari, Verdada, serif;
   font-size: 26pt;
   font-weight: normal;
   line-height:125%;
}

.TibUni28 {
   font-family: Jomolhari, Verdada, serif;
   font-size: 28pt;
   font-weight: normal;
   line-height:125%;
}

.TibUni30 {
   font-family: Jomolhari, Verdada, serif;
   font-size: 30pt;
   font-weight: normal;
   line-height:125%;
}

.TibUni32 {
   font-family: Jomolhari, Verdada, serif;
   font-size: 32pt;
   font-weight: normal;
   line-height:125%;
}

.TibUni34 {
   font-family: Jomolhari, Verdada, serif;
   font-size: 34pt;
   font-weight: normal;
   line-height:125%;
}

.TibUni36 {
   font-family: Jomolhari, Verdada, serif;
   font-size: 36pt;
   font-weight: normal;
   line-height:125%;
}

.TibUni38 {
   font-family: Jomolhari, Verdada, serif;
   font-size: 38pt;
   font-weight: normal;
   line-height:125%;
}

.TibUni40 {
   font-family: Jomolhari, Verdada, serif;
   font-size: 40pt;
   font-weight: normal;
   line-height:125%;
}

.TibUni42 {
   font-family: Jomolhari, Verdada, serif;
   font-size: 42pt;
   font-weight: normal;
   line-height:125%;
}

.TibUni44 {
   font-family: Jomolhari, Verdada, serif;
   font-size: 44pt;
   font-weight: normal;
   line-height:125%;
}

.TibUni46 {
   font-family: Jomolhari, Verdada, serif;
   font-size: 46pt;
   font-weight: normal;
   line-height:125%;
}

.TibUni48 {
   font-family: Jomolhari, Verdada, serif;
   font-size: 48pt;
   font-weight: normal;
   line-height:125%;
}


/** CSS placed here will be applied to all skins */

/* extra buttons for edit dialog */
/* from commons:MediaWiki:Common.css */
 
.my-buttons {
   padding: 0.5em;
 }
.my-buttons a {
  display: inline-block;
   margin: 3px;
   color: black;
   background-color: #fff !important;
   font-size: 1em;
   line-height: 1em;
   text-decoration: none;
   border: thin #006699 outset;
   padding: 0.3em 0.4em 0.2em;
   border-radius: 4px;
}
.my-buttons a:hover, .my-buttons a:active {
  background-color:#E8EFFA !important;
}

/* css fordesign trial */
.titleContainer{text-align:center;display:inline-block}
.mainTitle{cellspacing:1em;border:3px solid #C5A82A}
.mainTitle td{border:3px solid #C5A82A}

.pecha{
cellspacing:1em;
border:3px solid #333333;
margin:15px 0;}

.pecha td{border:3px solid #333333; padding:3px;}

.pecha .shoglhe {
	color:#333;
	border:0px solid red;
	writing-mode:tb-rl;
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-o-transform: rotate(90deg);
	white-space:nowrap;
	display:block;
	bottom:0;
	width:24px;
	height:24px;
	//font-family: ‘Trebuchet MS’, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	//text-shadow: 0px 0px 1px #333;
}
.pecha p{ 
   font-family: Jomolhari, Verdada, serif;
   font-size: 18px;
   font-weight: normal;
   line-height:125%;}

.folio{
font-family: Jomolhari, Verdada, serif;
font-size: 18px;
font-weight: normal;
line-height:31px;
display:inline-block;
margin-bottom:20px;
position: relative;
padding-left: 40px;
}

.folio p{
display:inline;
}


.folio .shoglhe  {
  border-right: 1px solid;
  padding-right: 7px;
  height: 100%;
  width: 28px;
  font-size: smaller;
  text-align: center;
  position: absolute;
  left:0;
}

.volTopic{
text-align:right;
color:#336699;
  font-family: Jomolhari, Verdada, serif;
   font-size: 30px;
   font-weight: normal;
   line-height:200%;
margin-top:-20px;
}

.volPechaImage{
text-align:center;
display:block;
border:3px solid #336699;
}


/*
h1{
color:#20415E;
border-bottom:2px solid #20415E;
margin-bottom:0px;
z-index:-1;
font-weight:300;
line-height: 1.7em !important;
}
*/

h1{
padding-top:10px !important;
padding-bottom:5px !important;
}

.navLanguage{
text-align:right;
background-color:#FFFFE5;
margin-top:-14px;
}

.navLanguage .link{
display:block;
float:right;
background-color:#E8E1AD;
padding:2px 8px;
color:#315270
}

.navLanguage .sel{
display:block;
float:right;
background-color:#DCAF3A;
padding:2px 8px;
color:#315270;
font-weight:bold;
}

.subNav a{
display:block;
float:right;
background-color:#E8E1AD;
padding:1px 8px;
color:#315270;
font-weight:bold;
}

.subNav a{
margin-left:5px;
}

.tibTOC{
font-family: Jomolhari, Verdada, serif;
   font-size: 18px;
   font-weight: normal;
   line-height:200%;
margin-top:20px;
}

.toccontent{
display:block;
float:right;
margin-top:10px;
margin-right:10px;
padding-bottom:10px;
}

.toccontent .toc ul ul{
display:none;
}

.toccontent .toc, .toccontent #toc{
border:2px solid #DCAF3A;
background-color:#FFFFE5
margin-bottom:30px;
}

.titleSection{
display:block;
border:1px solid #20415E;
}

.bookTitle{
background: -webkit-linear-gradient(#20415E, #496c8a); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#20415E, #496c8a); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#20415E, #496c8a); /* For Firefox 3.6 to 15 */
background: linear-gradient(#20415E, #496c8a); /* Standard syntax */
font-size: 23px;
line-height: 33px;
color:#FFFFFF;
padding: 15px 15px 10px 20px;
border-bottom: 3px solid #ea4100;
}

.bookTitle .main{
	text-align:left;
	font-family: Garamond, serif; 
	font-size: 32px;
	line-height:1.3em;
}

.bookTitle .mainwy{
	font-family: serif; 
	font-style: italic;
}

.bookTitle .maintib{
	text-align:center;
	font-family: Jomolhari, Verdada, serif;
	font-size: 30px;
	line-height:1.8em;
	font-weight:300;
}

.bookTitle .volInfo{
	width: 400px;
	font-family: sans-serif;
	font-size: 18px;
	font-weight: 300;
	line-height:100%;
	color:#FFEBC2;
}

.bookTitle .thumbcaption {
color:#000000;
font-size:small;
text-shadow: none;
padding-top: 5px !important;
}

.bookTitle p {
margin-bottom:0 !important;
}

/*
h2{
//background-color:#E8E1AD;
color:#000000;
font-size:25px !important;
font-weight:300;
padding:10px 12px 10px 0px;
border-bottom:2px solid #000000;
margin-top:25px;
margin-bottom:1em !important;
font-family: "Times New Roman", Garamond, serif;
//margin-left:-12px;
clear:both;
}
*/

.subNav{
float:right;
padding-right:10px;
}

.breadcrumb {
background: #ffffe5;
padding: 5px 20px 6px 20px;
overflow: auto;
}

.catalogInfo{
display:block;
clear:both;
margin: 8px -6px;
}
.catalogInfo tr {
border-top: 1px solid #496c8a;
display: block;
padding: 3px 0;}

.catalogInfo td{
padding:5px;
}
.catalogInfo th{
padding:5px;
text-align:left;
}
.catalogInfo.mw-collapsed{
border:0;
}
.catalogInfo.mw-collapsed th{
padding:1px 8px;
}
.catalogInfo th.meta{
width:150px;
vertical-align:top;
text-align:left;
}

.catalogInfo td.meta{
vertical-align:top;
min-width: 350px;
}
.catalogInfo td.inner{
padding:0px;
}
.catalogInfo2{
width: 100%;
}

.metaInner{
width: 100%;
vertical-align:top;
}
.metaInner td{
width: 50%;
vertical-align:top;
background-color:#FFFFE5;//#E8E1AD;
}
.metaInner tr{
border-top:none;
}
.bookTitle a, .main a{
color:#FFFFFF;
}

.spacer {
clear: both;
}


/*Bootstrap Alerts */

.alert {
  padding: 7px 13px;
  margin: 10px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}
.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
}

.smallp p {
   margin-bottom: 0.5em;
}

table.volTOC{
border:0px !important; 
}
.volTOC td{
padding:5px;
border:0px !important;
}
.volTOC th{
padding:5px;
background-color:#DCAF3A !important; 
color:#20415E !important;
text-align:left;
border:0px !important;
}

td.tibTitle{
   font-family: Jomolhari, Verdada, serif;
   font-size: 14pt;
   font-weight: normal; 
   line-height:125%;
   background-color:#E8E1AD;
border:0px !important;
}

td.tibAuthor{
   font-family: Jomolhari, Verdada, serif;
   font-size: 14pt;
   font-weight: normal; 
   line-height:125%;
   background-color:#E8E1AD;
border:0px !important;
}
td.tibPageNum{
   background-color:#E8E1AD;
border:0px !important;
}

td.wylTitle{
   background-color:#E8E1AD;
border:0px !important;
}

td.wylAuthor{
   background-color:#E8E1AD;
border:0px !important;
}
td.wylPageNum{
   background-color:#E8E1AD;
border:0px !important;
}
td.transTitle{
  padding-left:35px;
background-color:#FFFFE5;
border:0px !important;
}
td.transAuthor, td.transPageNum{
background-color:#FFFFE5;border:0px !important;
}
td.subTitle{
padding-left:20px;
border:0px !important;
}


td.sub{
background-image: url('http://dnz.tsadra.org/images/5/5b/Subline.png') ;
background-repeat:repeat-y;
}

td.wylTitle.sub{
background-image: url('http://dnz.tsadra.org/images/a/a8/Subdash.png') ;
background-repeat:repeat-y;
padding-left:25px;
}

/* SEMANTIC FORMS */

table.formtable2 th{
border-top:1px solid #20415E;
padding:10px 5px;
text-align:right;
font-weight:300;
}
table.formtable2 td{
border-top:1px solid #20415E;
padding:10px 5px;
text-align:left;
}

.formtable2 .createboxInput, .formtable2 .mandatoryField, .formtable2 .ui-autocomplete-input{
font-size: 14px;
padding: 5px 5px 7px 5px;
}

.plain{
font-weight:normal;
}

#ca-viewsource { display:none!important; }


.pdfcaption {
font-size:12px;
line-height:15px;
font-weight:light;
color:#BABABA;
padding-top:5px;
}


.tibfulltextlink {
clear:both;
display:block;
float:right;
padding-top:0px;
text-align:right;
font-family: sans-serif;
font-size:14px;
line-height:1em;
}

.tibfulltextlink a {
color:#FFEBC2;
}

.volcover {
float:left;
padding:10px 10px 10px 0;
width:100%;
}

.volcover .tright {
margin:0;
}

.volcover .thumb.tright {
width: 100%;
}

.volcover .thumbinner {
width: 99% !important;
margin:0;
}

.volcover img {
width: 100%;
height: auto;
}

/*
#bodyContent {
font-size: 1em;
}
*/

.volstats {
width:100%;
padding-top:5px;
font-size: 13px;
font-weight: 300;
color:#000;
text-shadow:none;
}

.bookTitle .mw-collapsible-toggle {
font-size:12px;
}

.bookTitle .mw-collapsible-toggle a {
color:#FFEBC2;
}

.bookTitle p {
margin-top:0 !important;
}

.volcontent {
font-size:16px;
}

.volcontent li {
margin-bottom: .8em;
}

#contentSub {
display:block;
margin: -5px 0 10px;
}

.voltable th {
padding:5px 5px 5px 7px !important;
font-weight:300;
}

.voltable td{
padding:10px 5px 5px 10px !important;
}

.tibvoltitle {
font-size:18px;
}

.textpdf {
display:block;
float:right;
}

.textpdf a {
font-size:15px;
}
.catalogdata {
display:block;
}

.catalogdata a {
text-decoration:none;
}

.catalogdata a:hover {
text-decoration:underline;
}

.col2 {
column-count: 2;
-moz-column-count: 2;
-webkit-column-count: 2;
-webkit-column-gap: 10px; /* Chrome, Safari, Opera */
-moz-column-gap: 10px; /* Firefox */
column-gap: 10px;
}
.col3 {
column-count: 3;
-moz-column-count: 3;
-webkit-column-count: 3;
-webkit-column-gap: 10px; /* Chrome, Safari, Opera */
-moz-column-gap: 10px; /* Firefox */
column-gap: 10px;
}
.col4 {
column-count: 4;
-moz-column-count: 4;
-webkit-column-count: 4;
-webkit-column-gap: 10px; /* Chrome, Safari, Opera */
-moz-column-gap: 10px; /* Firefox */
column-gap: 10px;
}


#headertabs {
clear:both;
}
#headertabs .ui-corner-top {
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
border-top-left-radius: 5px 5px;
border-top-right-radius: 5px 5px;
}

.dkarchagtib {
font-size: 18px;
font-weight: normal;
line-height:30px;
}

.textsnav {
font-size: 12px;
padding: 7px 10px 0;
font-weight: 300;}


#wpUploadFile input[type="button"] {
display:none;
}




/* CSS for Form:Tibetan */

.drlform {
  display: block;
  max-width: 750px;
  padding: 15px 35px;
  background-color: #EAF6FF;
  margin: 30px 0 40px 10px;
  box-shadow: 0px 0px 30px #bbb;
  border-radius: 5px;
}

.drlform, .drlform p, .drlform a {
  font-family: Helvetica Neue;
  font-size: 14px;
  font-weight: 300;
  line-height: 25px;
}

.drlform #headertabs .ui-state-active {
  background-color: #EAF6FF !important;
  font-weight:bold;
}

.drlform #headertabs .ui-state-default {
  border: none;
  border-left: 1px solid #cccccc;
  border-radius: 0px;
  margin-right: 0px;
  background: -webkit-linear-gradient(#EAF6FF , #B6DBF5); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#EAF6FF , #B6DBF5); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#EAF6FF , #B6DBF5); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#EAF6FF , #B6DBF5); /* Standard syntax */
  color: #135D89;
}

.drlform #headertabs .ui-state-default:last-child {
  border-right: 1px solid #cccccc;
}

.drlform .ui-tabs .ui-tabs-nav {
  margin: 0 -38px;
  padding: .2em .2em 0 3em;
}

.drlform #headertabs .ui-tabs-nav li a {
  padding: .3em 1.3em;
  font-family: Helvetica Neue;
  font-size: 16px;
  font-weight: 300;
}

.drlform .header {
  font-size:25px;
  font-weight:300;
  line-height: 30px;
  margin: 20px 0;
}

.drlform input, .drlform textarea {
  font-family: Helvetica Neue;
  font-size: 15px;
  font-weight: 300;
  padding: 3px;
}

.firsthalf {
  float:left;
  padding-right:15px;
  border-right:1px solid #ddd;
  margin-right:25px;
  margin-bottom:10px;
}

.secondhalf {
  float:left;
  margin-bottom:10px;
}

.drlform h3 {
  font-size:150%;
  font-weight: 300;
  border-bottom: 1px solid #aaa;
  margin-bottom: 20px;
}



/* Button Styling */

.drlbutton,
span.button a, 
.drlform a.sfFancyBox.sfUploadable.sfImagePreview {
  margin: 10px 10px 0 0;
  border: none;
  padding: 6px 13px 7px;
  background: #576DA5 !important;
  color: whitesmoke !important;
  font-family: Helvetica Neue;
  font-size: 14px;
  font-weight: 300;
  border-radius: 2px;
}

.drlbutton:hover,
span.button a:hover,
.drlform a.sfFancyBox.sfUploadable.sfImagePreview:hover {
  background: #41517B;
  text-decoration: none;
  cursor:pointer;
  transition:0.2s;
}

.drlbutton:active,
span.button a:active,
.drlform a.sfFancyBox.sfUploadable.sfImagePreview:active {
  background: #5878CA;
}


.soft-warn {
  clear: both;
  float:left;
  margin: 20px auto 0;
  padding: 10px 10px 13px;
  border: 1px solid #FF6E6E;
  border-radius: 6px;
  background: #FFEFEF;
}

span.edit-link {
  float: right;
}

.edit-link a {
  display:inline-block;
  float:right;
  color: #6E0000 !important;
  font-size: 14px;
  line-height: 1em;
  font-weight: 300;
}

.edit-link a:hover {
  text-decoration: underline;
  cursor:pointer;
}

.jercom {
  font-family: Helvetica Neue;
  font-weight:300;
  font-size:14px;
  color:rgb(0, 129, 57);
}

.marcom {
  font-family: Helvetica;
  font-weight:300;
  font-size:14px;
  color:rgb(11, 122, 246);
}

body.page-Form_MasterForm form input.formInput {
  font-family: Helvetica Neue;
  font-size: 15px;
  font-weight: 300;
  padding: 3px;
}


/* Table DRLForm */



table.drlform {
  border-collapse: collapse;
}

table.drlform tr {
  border-bottom:1px solid #BDBDBD;
}

table.drlform > tbody > tr:first-child, table.drlform > tbody > tr:last-child {
  border: none;
}

table.drlform > tbody > tr:first-child > th{
  font-size: 20px;
  padding-bottom: 15px;
}

table.drlform > tbody > tr > td {
  vertical-align: text-top;
  padding: 6px 0 7px;
}

table.drlform > tbody > tr > td:first-child {
  padding-right:7px;
}

table.drlform > tbody > tr:nth-child(2) > td:nth-child(2) a {
  font-size: 16px;
}

table.drlform strong.selflink {
  font-weight: 300;
}








.drlform .formlinks {
  margin-bottom: 0;
}

.flex-buttons {
  display:flex;
  display: -webkit-flex;
  flex-flow:row wrap;
  -webkit-flex-flow: row wrap;
  align-content:space-around;
  -webkit-align-content:space-around;
  position: relative;
  text-align: center;
}

.drlform .formlinks a {
  width: 158px;
  display: inline-block;
  margin: 0 4px 3px 0;
  border: none;
  border-radius: 2px;
  background: #576DA5;
  padding: 5px 13px;
  font-family: Helvetica Neue;
  font-size: large;
  font-weight: 100;
  color: whitesmoke !important;
  letter-spacing: 1px;
  line-height: 20px;
}

.drlform .formlinks a:hover {
  background: #41517B;
  text-decoration: none;
  cursor:pointer;
  transition:0.2s;
}

.drlform .formlinks a:active {
  background: #5878CA;
}

.rblist {
  display:block;
}

.personbox {
   max-width: 500px;
   min-width: 200px;
   margin: 0 10px 10px 0;
   border: 1px solid #6B6B6B;
   padding: 15px;
   float: left;
}


.personbox p {
margin-bottom:0;
}

/*
.personimgs {
float:left;
height: 100%;
}*/

.personimgs img {
height:200px;
width:auto;
padding:6px;
border: 1px solid #999;
margin:15px 10px 10px 0;
float:left;
}

.orgimgs img {
height:200px;
width:auto;
padding:6px;
border: 1px solid #999;
margin:15px 10px 10px 0;
float:left;
}


.searchmatch {
font-weight:normal;
background:yellow;
}















/* NEW CSS FROM JEREMI */

.lightText {color: #ccc;}
.lightText a, .lightText a.external {color: #7aacff;}
.lightText a:visited, .lightText a.external:visited {color: #a39de6;}


.green-box {
	margin-bottom: 30px;
	padding: 0 30px 20px;
	background-color: #f5fff3;
}
.green-box-header {
	font-size: 16px;
	font-weight: 400;
	text-align: center;
	margin-bottom: 15px;
	padding: 10px;
	border-bottom: 1px solid #ea4100;
}

.red-box {
	margin-bottom: 30px;
	padding: 0 30px 20px;
	background: #fff6f6;
}

.red-box-header {
	font-size: 16px;
	font-weight: 400;
	text-align: center;
	margin-bottom: 15px;
	padding: 10px;
	border-bottom: 1px solid #ea4100;
}

.blue-box {
	margin-bottom: 30px;
	padding: 0 30px 20px;
	background: #e4f2ff;
}

.blue-box-header {
	font-size: 16px;
	font-weight: 400;
	text-align: center;
	margin-bottom: 15px;
	padding: 10px;
	border-bottom: 1px solid #ea4100;
}

.yellow-box {
	margin-bottom: 30px;
	padding: 0 30px 20px;
	background: #ffffe5;
}

.yellow-box-header {
	font-size: 16px;
	font-weight: 400;
	text-align: center;
	margin-bottom: 15px;
	padding: 10px;
	border-bottom: 1px solid #ea4100;
}

.white-box {
	margin-bottom: 30px;
	padding: 0 30px 20px;
}

.white-box-header {
	font-size: 16px;
	font-weight: 400;
	text-align: center;
	margin-bottom: 15px;
	padding: 10px;
	border-bottom: 1px solid #ea4100;
}

#headertabs.large.ui-widget {
	margin-top: .7em;
}

a:focus {outline: none;}


.depth-0 {border: 1px solid rgba(0, 0, 0, .16);}

.depth-1 {
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
}

.depth-2 {
	-webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
}

.depth-3 {
	-webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
	box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
}

.depth-4 {
	-webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, .24), 0 17px 50px 0 rgba(0, 0, 0, .19);
	box-shadow: 0 12px 15px 0 rgba(0, 0, 0, .24), 0 17px 50px 0 rgba(0, 0, 0, .19);
}

.depth-5 {
	-webkit-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, .22), 0 25px 55px 0 rgba(0, 0, 0, .21);
	box-shadow: 0 16px 28px 0 rgba(0, 0, 0, .22), 0 25px 55px 0 rgba(0, 0, 0, .21);
}

.depth-6 {
	-webkit-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, .2), 0 40px 77px 0 rgba(0, 0, 0, .22);
	box-shadow: 0 27px 24px 0 rgba(0, 0, 0, .2), 0 40px 77px 0 rgba(0, 0, 0, .22);
}

.z-100 {z-index: 100;}
.z-200 {z-index: 200;}
.z-300 {z-index: 300;}
.z-400 {z-index: 400;}
.z-500 {z-index: 500;}
.z-600 {z-index: 600;}
.z-700 {z-index: 700;}
.z-800 {z-index: 800;}
.z-900 {z-index: 900;}

.trans-3 {transition-duration: .3s;}
.trans-5 {transition-duration: .5s;}
.trans-10 {transition-duration: 1s;}

.anim-1 {animation-duration: .1s !important;}
.anim-2 {animation-duration: .2s !important;}
.anim-3 {animation-duration: .3s !important;}
.anim-5 {animation-duration: .5s !important;}
.anim-10 {animation-duration: 1s !important;}

.multipleTemplate td {
	border-top: none !important;
	padding: 0px !important;
}
.multipleTemplate th {
	border-top: none !important;
	padding: 0px !important;
}

.transImg img {
	max-height: 180px;
	width: auto;
}

@media screen and (min-width: 1250px) {
	.transBox {
		float: right; 
		margin-left: 20px;
		max-width: 600px;
	}
}

.personForm th {
	text-align: right;
	font-weight: normal;
}

#toc {
	float: right;
	margin-left: 15px;
}

.column {
	float: left;
	width: 50%;
}
@media (max-width: 600px) {
	.column {
		width: 100%;
	}
}
/* Clear floats after the columns */
.row:after {
	content: "";
	display: table;
	clear: both;
}

.personInfoHeadings {
	width: 100%;
	font-style: italic;
	border-bottom: 1px solid #ea4100;
	margin-top: 13px;
	padding-bottom: 2px;
	margin-bottom: 5px;
	color: #424242;
	font-weight: 400;
}

.personTemplate th, .light-header {
	text-align: right;
	font-style: italic;
	color: #424242;
	font-weight: 300;
}

.personImages img {
	margin: 10px 10px 0px 0px;
	height: 200px;
	width: auto;
}

.reduced-margins {
	margin: 1em 0 !important;
}

.person-images img {
	height: 250px;
	width: auto;
}

.person-white-box {
	margin-bottom: 30px;
	max-width: 900px;
    padding: 30px 50px 30px;
    float: left;
}

.person-depth-2 {
	-webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
}

.person-infobox p {margin: 0;}

.person-infobox dt {
	font-weight: 300;
	font-style: italic;
	color: #424242;
	margin-top: 7px;
}

:focus {
    outline: none;
}

div.exhibit-copyDialog {
	position: fixed !important;
}