@import url(https://fonts.googleapis.com/css?family=Belleza);

h2 {
	font-family: 'Belleza', serif;
	color:#c2bca6;
}

#bodleianParagraph {
	margin-top: 150px;
	background: #9e8a54;
	color: white;
	padding: 10px;
	text-align: justify;
	border-radius: 15px;
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
		border:2px solid black;
}

label {
    position: relative;
    display: inline-block;
}

body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background-image:url(../images/common/background.jpg);
		background-size: cover;
    	background-repeat: no-repeat;
		background-color: #262746;
	margin: 0;
	padding: 0;
	color: #000;
}
.title {
	font-family: 'Jacques Francois', serif;
	font-size:60px;
	text-align: center;
	padding-top: 10px;
}
.container {
	width:1200px;
	margin: 0 auto;
}
.leftSection {
	float: left;
	width: 640px;
	margin-right:20px;
	padding:20px;
}
.rightSection {
	float:right;
	width:440px;
	padding:20px;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.ui-helper-reset {
	font-size:80%; /* Change font size of tab names */
}
.ui-tabs .ui-tabs-panel {
	padding: 5px; /* Change size of inner tab panel */
}
.caption {
	float:right;
	text-align:right;
	font-size:85%;
	color: #c2bca6;
}
.tabContent {
	height:500px;
	overflow-y:auto;
}
.thumbnail {
	text-align: center;
}

#nextButton {
	margin-top:10px;
	height: 40px;
	width: 94px;
	background-image:url(../images/navigator/Next_and_Previous_Buttons/Next_Buttons.png);
	display: inline-block;
}

#nextButton:hover {
	background-position: 0 -40px;
}

#previousButton {
	margin-top:10px;
	height: 40px;
	width: 122px;
	background-image:url(../images/navigator/Next_and_Previous_Buttons/Previous_Buttons.png);
	display: inline-block;
}

#previousButton:hover {
	background-position: 0 -40px;
}



/***************************************** Custom Dropdown CSS *****************************************/

ul,
ul:after,
ul:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

.custom-dropdown-wrapper {
	display: inline-block;
    *zoom: 1;
    font-size:12px;
}

.custom-dropdown-wrapper:after {
    clear: both;
    content: "";
    display: table;
}

/* For first dropdown */

.wrapper-first-dropdown {
    /* Size and position */
    position: relative; /* Enable absolute positioning for children and pseudo elements */
    width: 230px;
    padding: 10px;
    margin: 0 auto;
	-moz-border-radius: 15px;
	border-radius: 15px;
	display: inline-block;

    /* Styles */
    background: #9e8a54;
    color: #fff;
    outline: none;
    cursor: pointer;
	border:1px solid black;
}

.wrapper-first-dropdown:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 16px;
    top: 50%;
    margin-top: -6px;
    border-color: white transparent;
    border-width: 6px 6px 0 6px;
    border-style: solid;
   
}

.wrapper-first-dropdown .dropdown {
    /* Size & position */
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;

    /* Styles */
    background: #fff;
    list-style: none;
    font-weight: normal; /* Cancels previous font-weight: bold; */
	border:1px solid black;
	border-top: none;
	margin-left: -1px;
	margin-right: -1px;

    /* Hiding */
    opacity: 0;
    pointer-events: none;
}

.wrapper-first-dropdown .dropdown li a {
    display: block;
    text-decoration: none;
    color: #9e9e9e;
    padding: 10px 20px;
}

/* Hover state */
.wrapper-first-dropdown.dropdown li:hover a {
    background: #f3f8f8;
}

/* Active state */
.wrapper-first-dropdown.active .dropdown {
    opacity: 1;
    pointer-events: auto;
	z-index: 1; /* Must appear on top of custom tabs */
}

.wrapper-first-dropdown.active:after {
    border-color: #9e8a54 transparent;
    border-width: 6px 6px 0 6px ;
    margin-top: -3px;
}

.wrapper-first-dropdown.active {
  background: #9e8a54;
  background: -moz-linear-gradient(left,  #9e8a54 0%, #9e8a54 78%, #ffffff 78%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#9e8a54), color-stop(78%,#9e8a54), color-stop(78%,#ffffff), color-stop(100%,#ffffff));
  background: -webkit-linear-gradient(left,  #9e8a54 0%,#9e8a54 78%,#ffffff 78%,#ffffff 100%);
  background: -o-linear-gradient(left,  #9e8a54 0%,#9e8a54 78%,#ffffff 78%,#ffffff 100%);
  background: -ms-linear-gradient(left,  #9e8a54 0%,#9e8a54 78%,#ffffff 78%,#ffffff 100%);
  background: linear-gradient(to right,  #9e8a54 0%,#9e8a54 78%,#ffffff 78%,#ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e8a54', endColorstr='#ffffff',GradientType=1 );
  border-radius: 0px;
  	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}


/*For second dropdown */
.wrapper-second-dropdown {
    /* Size and position */
    position: relative; /* Enable absolute positioning for children and pseudo elements */
    width: 275px;
    padding: 10px;
    margin: 0 auto;
	margin-left:20px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	display: inline-block;

    /* Styles */
    background: #9e8a54;
    color: #fff;
    outline: none;
    cursor: pointer;
	border:1px solid black;
}

/* Original version with right-facing arrow */
/*
.wrapper-second-dropdown:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 16px;
    top: 50%;
    margin-top: -6px;
    border-width: 6px 0 6px 6px;
    border-style: solid;
    border-color: transparent #fff;    
}
*/

.wrapper-second-dropdown:after {
	content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 16px;
    top: 50%;
    margin-top: -6px;
    border-color: white transparent;
    border-width: 6px 6px 0 6px;
    border-style: solid;
}

.wrapper-second-dropdown .dropdown {
    /* Size & position */
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;

    /* Styles */
    background: #fff;
    list-style: none;
    font-weight: normal; /* Cancels previous font-weight: bold; */
	border:1px solid black;
	border-top: none;
	margin-left: -1px;
	margin-right: -1px;

    /* Hiding */
    opacity: 0;
    pointer-events: none;
}

.wrapper-second-dropdown .dropdown li a {
    display: block;
    text-decoration: none;
    color: #9e9e9e;
    padding: 10px 20px;
}

/* Hover state */
.wrapper-second-dropdown.dropdown li:hover a {
    background: #f3f8f8;
}

/* Active state */
.wrapper-second-dropdown.active .dropdown {
    opacity: 1;
    pointer-events: auto;
	z-index: 1; /* Must appear on top of custom tabs */
	overflow-y: scroll;
	height: 300px;
}

.wrapper-second-dropdown.active:after {
    border-color: #9e8a54 transparent;
    border-width: 6px 6px 0 6px ;
    margin-top: -3px;
}

.wrapper-second-dropdown.active {
  background: #9e8a54;
  background: -moz-linear-gradient(left,  #9e8a54 0%, #9e8a54 78%, #ffffff 78%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#9e8a54), color-stop(78%,#9e8a54), color-stop(78%,#ffffff), color-stop(100%,#ffffff));
  background: -webkit-linear-gradient(left,  #9e8a54 0%,#9e8a54 78%,#ffffff 78%,#ffffff 100%);
  background: -o-linear-gradient(left,  #9e8a54 0%,#9e8a54 78%,#ffffff 78%,#ffffff 100%);
  background: -ms-linear-gradient(left,  #9e8a54 0%,#9e8a54 78%,#ffffff 78%,#ffffff 100%);
  background: linear-gradient(to right,  #9e8a54 0%,#9e8a54 78%,#ffffff 78%,#ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e8a54', endColorstr='#ffffff',GradientType=1 );
  border-radius: 0px;
  	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}

ul.dropdown li:hover {
	background:#d9c898;
}

/* No CSS3 support */

.no-opacity       .wrapper-first-dropdown .dropdown,
.no-pointerevents .wrapper-first-dropdown .dropdown {
    display: none;
    opacity: 1; /* If opacity support but no pointer-events support */
    pointer-events: auto; /* If pointer-events support but no pointer-events support */
}

.no-opacity       .wrapper-first-dropdown.active .dropdown,
.no-pointerevents .wrapper-first-dropdown.active .dropdown {
    display: block;
}

/*********************jQuery UI Tabs********************/
#tabs-nobg { 
    padding: 0px; 
} 
#tabs-nobg .ui-tabs-nav { 
    background: transparent; 
    border-width: 0px 0px 1px 0px; 
    -moz-border-radius: 0px; 
    -webkit-border-radius: 0px; 
    border-radius: 0px; 
} 
#tabs-nobg .ui-tabs-panel { 
    margin: 0em 0.2em 0.2em 0.2em; 
}

/************ Textbox for specific Epistle pages ************/
.button {
	width:567px;
	margin-right:auto;
	margin-left:auto;
	background-color: #9e8a54;
	-webkit-border-radius: 22px;
		-moz-border-radius: 22px;
			border-radius: 22px;
	text-align: center;
	color: #101a44;
	text-decoration:none;
	font-size:25px;
	display:inline-block;
}