MediaWiki:Common.css

From gDams Ngag mDzod
Revision as of 12:03, 30 September 2020 by Jeremi (talk | contribs) ((by SublimeText.Mediawiker))
Jump to navigation Jump to search
The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
@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: "TibetanMachineUni";
	src: url("/skins/Timelessness/resources/fonts/TibetanMachineUni/TibetanMachineUniAlpha.eot"); /* IE9 Compat Modes */
	src: url("/skins/Timelessness/resources/fonts/TibetanMachineUni/TibetanMachineUniAlpha.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
		url("/skins/Timelessness/resources/fonts/TibetanMachineUni/TibetanMachineUniAlpha.otf") format("opentype"), /* Open Type Font */
		url("/skins/Timelessness/resources/fonts/TibetanMachineUni/TibetanMachineUniAlpha.svg") format("svg"), /* Legacy iOS */
		url("/skins/Timelessness/resources/fonts/TibetanMachineUni/TibetanMachineUniAlpha.ttf") format("truetype"), /* Safari, Android, iOS */
		url("/skins/Timelessness/resources/fonts/TibetanMachineUni/TibetanMachineUniAlpha.woff") format("woff"), /* Modern Browsers */
		url("/skins/Timelessness/resources/fonts/TibetanMachineUni/TibetanMachineUniAlpha.woff2") format("woff2"); /* Modern Browsers */
	font-weight: normal;
	font-style: normal;
	unicode-range: U+0F00-0FFF, U+F500-F8FF;
}

/* 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, U+F500-F8FF;
}


body { font-family: sans-serif, TibetanMachineUni; }
.lineageVignette { font-family: sans-serif, Jomolhari; }

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

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

/* Old Tibetan CSS */

.TibetanUnicode16 {
   font-size: 16pt;
   font-weight: normal; 
   line-height:125%;
}

.TibetanUnicode18 {
   font-size: 18pt;
   font-weight: normal; 
   line-height:125%;
}

.TibetanUnicode20 {
   font-size: 20pt;
   font-weight: normal; 
   line-height:125%;
}

.TibetanUnicode24 {
   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-size: 10pt;
   font-weight: normal; 
   line-height:125%;
  vertical-align: 2px;
}

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

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

.TibUni13 {
   font-size: 13pt;
   font-weight: normal;
   line-height:125%;
}

.TibUni14 {
   font-size: 14pt;
   font-weight: normal;
   line-height:125%;
}

.TibUni16 {
   font-size: 16pt;
   font-weight: normal;
   line-height:125%;
}

.TibUni18 {
   font-size: 18pt;
   font-weight: normal;
   line-height:125%;
}

.subNav .TibUni18 {
   font-size: 12pt;
   font-weight: normal;
   line-height:125%;
}

.TibUni20 {
   font-size: 20pt;
   font-weight: normal;
   line-height:125%;
}

.TibUni22 {
   font-size: 22pt;
   font-weight: normal;
   line-height:125%;
}

.TibUni24 {
   font-size: 24pt;
   font-weight: normal;
   line-height:125%;
}

.TibUni26 {
   font-size: 26pt;
   font-weight: normal;
   line-height:125%;
}

.TibUni28 {
   font-size: 28pt;
   font-weight: normal;
   line-height:125%;
}

.TibUni30 {
   font-size: 30pt;
   font-weight: normal;
   line-height:125%;
}

.TibUni32 {
   font-size: 32pt;
   font-weight: normal;
   line-height:125%;
}

.TibUni34 {
   font-size: 34pt;
   font-weight: normal;
   line-height:125%;
}

.TibUni36 {
   font-size: 36pt;
   font-weight: normal;
   line-height:125%;
}

.TibUni38 {
   font-size: 38pt;
   font-weight: normal;
   line-height:125%;
}

.TibUni40 {
   font-size: 40pt;
   font-weight: normal;
   line-height:125%;
}

.TibUni42 {
   font-size: 42pt;
   font-weight: normal;
   line-height:125%;
}

.TibUni44 {
   font-size: 44pt;
   font-weight: normal;
   line-height:125%;
}

.TibUni46 {
   font-size: 46pt;
   font-weight: normal;
   line-height:125%;
}

.TibUni48 {
   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-size: 18px;
   font-weight: normal;
   line-height:125%;}

.folio{
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-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-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{
	font-family: Jomolhari;
	text-align:center;
	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-size: 14pt;
   font-weight: normal; 
   line-height:125%;
   background-color:#E8E1AD;
border:0px !important;
}

td.tibAuthor{
   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-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-size: 16px;
  font-weight: 300;
}

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

.drlform input, .drlform textarea {
  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-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-weight:300;
  font-size:14px;
  color:rgb(0, 129, 57);
}

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

body.page-Form_MasterForm form input.formInput {
  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-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;
}