body {
	font-family: "Verdana";
	font-size: 12px;
	/*background-color: GhostWhite;*/
	background-color: #bbddff;
}

/* Screen layout */
/* colors */
	#header {
		/*background-color: #f1f1f1;*/
		font-family: "Jura";
		font-size: 24px;
		background-color: #708499;
		font-weight: 900;
		color:Black;
		text-align:left;
	}

	#footer {
		/*background-color: #f1f1f1;*/
		font-family: "Jura";
		font-size: 12px;
		background-color: #708499;
		font-weight: 900;
		color:Black;
		text-align:right;
		padding-right: 5px;
	}
	
	#main-wrap {
		/*background-color: #D9D9D9;*/
		background-color: #D9D9D9;
	}

	#main_title {
		margin-left:5px;
		float: left;
		height: 28px;
  		line-height: 28px;
		text-align: center;
	}
	#help {
		margin-left:19px;
		float: left;
		height: 28px;
  		line-height: 28px;
		text-align: center;
	}

	#content-wrap {
		/*background-color: #c5c5c5;*/
		background-color: #d2d2d2;
	}
	
/* sizes */
	#main-wrap > div {
		min-height: 860px;
	}
	
	#header {
		min-height: 28px;
	}
	
	#footer {
	    min-height: 18px;

	}
	
/* layout */
	#main-wrap {
	    /* overflow to handle inner floating block */
	    overflow: hidden;*/
	}
	#content-wrap {
	    float: left;
	    width: 60%;
	    min-width: 40%;
	    max-width: 80%;
	} 
	#sidebar {
	    float: right;
	    width: 40%;
	    background-color: #bbddff;
	}

	#sidebar_top {
		height: 450px;
	}
	
	#sidebar_bottom {
		height: 410px;
		margin-bottom:5px;
		margin-right:5px;

	}

	#ib {
	 	margin-top:5px;
		margin-left:26px;
		max-height: 260px;
		background-color:#cce6ff;
		/*background-color: #D9D9D9;*/
		font-family: "Jura";
		font-size: 12px;
		word-wrap: break-word;
		overflow-y: scroll;
	}

#main_form, #sidebar_wrapper, #sidebar_bottom {
	margin: 5px 5px 5px 5px;
}

#help_b, #sizebean_b, #magbean_b {
	margin-top:2px;
}

/* layout end */
	
textarea {
   font-family: inherit;
   font-size: inherit;
}

/* Grayed out indicator field */
.ind_placeholder {
	display:inline;
	width: 27px;
}

/* Red border for invalid inputs */
input:invalid {
  	/*border: 1px solid black;*/
  	background: rgb(255, 0, 0);
}

input[type=button] {
	background-color: #2196F3;
    color: GhostWhite;
    border: 0px solid #2196F3;
    font-family: "Verdana";
	font-size: 12px;
    /*border-radius: 3px;*/
}

input[type=button]:hover {
	background: rgba(33,150,243,.3);
}

.buttons{
	background-color: #2196F3;
    color: GhostWhite;
    border: 0px solid #2196F3;
    font-family: "Verdana";
	font-size: 12px;
}

.datefield_YYYY {
	width: 50px;
}

#f008_type_of_date {
	margin-left:111px;
	width: 30px;
	height: 21px
}

#f008_place {
	width: 50px;
}

#f008_target_audience {
	width: 50px;
}

#f008_literary_form {
	width: 50px;
}

#f008_biography {
	width: 50px;
}

#f008_language {
	width: 50px;
}

.f020 {
 	margin-top:5px;
}

#f020_a {
	width: 100px;
}

#f020_q {
	width: 100px;
}

.f040 {
 	margin-top:5px;
}

#f040_a {
	display:inline;
	width: 100px;
}

#f040_b {
	width: 53px;
}

label[for=f040_d] {
	display:none;
}

#f040_d {
	display:none;
	width: 80px;
}

.f041 {
 	margin-top:5px;
}

#f041_i1 {
	width: 30px;
	height: 21px
}

#f041_a {
	width: 40px;
}

label[for=f041_h] {
	display:none;
}

#f041_h {
	display:none;
	width: 41px;
}

#f100 {
 	margin-top:5px;
}

#f100_i1 {
	width: 30px;
	height: 21px
}

#f100_a {
	width: 100%;
	max-width: 220px;
}

label[for=f100_q] {
	display:none;
}

#f100_q {
	display: none;
	width: 120px;
}

label[for=f100_d] {
	display:none;
}

#f100_d {
	display: none;
	width: 68px;
}

label[for=f100_e] {
	display:none;
}

#f100_e {
	display: none;
	width: 114px;
}

#f240 {
	display:none;
 	margin-top:5px;
}

#f240_i1 {
	width: 30px;
	height: 21px
}

#f240_i2 {
	width: 26px;
}

#f240_a {
	width: 300px;
}

#f240_l {
	width: 100px;
}

#f245 {
 	margin-top:5px;
}

#f245_i1 {
	width: 30px;
	height: 21px
}

#f245_i2 {
	width: 26px;
}

#f245_a {
	width: 100%;
	max-width: 220px;
}

label[for=f245_b] {
	display:none;
}

#f245_b {
	display:none;
	width: 100%;
	max-width: 152px;
}

#f245_c {
	width: 100%;
	max-width: 152px;
}

.generic {
 	margin-top:5px;
}

.generic_i1, .generic_i2 {
	width: 26px;
}

.g246_a {
	width: 100%;
 	max-width: 300px;
}

.g246_b {
	width: 100%;
 	max-width: 300px;
}

.g250 {
	margin-top:5px;
}

.g250_a {
	width: 100%;
	max-width: 220px;
}

.g264 {
	margin-top:5px;
}

.f264_i1 {
	width: 26px;
}

.f264_i2 {
	width: 26px;
}

.f264_a, .g264_a {
	width: 100%;
	max-width: 220px;
}

.f264_b, .g264_b {
	width: 100%;
	max-width: 250px;
}

.f264_c, .g264_c {
	width: 78px;
}

#f300 {
 	margin-top:5px;
}

#f300_i1 {
	width: 26px;
}

#f300_i2 {
	width: 26px;
}

#f300_a {
	width: 100%;
	max-width: 220px;
}

label[for=f300_b] {
	display:none;
}

#f300_b {
	display:none;
	width: 100%;
	max-width: 250px;
}

#f300_c {
	width: 78px;
}

label[for=f300_e] {
	display:none;
}

#f300_e {
	display:none;
	width: 100%;
	max-width: 152px;
}

.f500 {
 	margin-top:5px;
}

.f500_i1 {
	width: 26px;
}

.f500_i2 {
	width: 26px;
}

.f500_a, .g500_a {
	width: 100%;
	max-width: 220px;
}

#f500_1 {
	display:none;
}

#f504 {
	display:none;
 	margin-top:5px;
}

#f504_i1 {
	width: 26px;
}

#f504_i2 {
	width: 26px;
}

#f504_a {
	width: 300px;
}

.g505 {
 	margin-top:5px;
}

.g505_a {
	margin-bottom:5px;
	width: 100%;
	max-width: 720px;
}

#f520 {
	display: inline;
	vertical-align: top;
}

label[for=f520] {
	display: inline;
	vertical-align: top;
}

label[for=f520_a] {
	vertical-align: top;
}

label[for=f520_i1] {
	vertical-align: top;
}

label[for=f520_i2] {
	vertical-align: top;
}

#f520_i1 {
	width: 26px;
	vertical-align: top;
}

#f520_i2 {
	width: 26px;
	vertical-align: top;
}

#f520_a {
	vertical-align: top;
	width: 100%;
	max-width: 720px;
	height: 100px;
}

.g521_a {
	width: 100%;
 	max-width: 220px;
}

.g546_a {
	width: 100%;
 	max-width: 220px;
}

.g586_a {
	width: 100%;
 	max-width: 220px;
}

.g590_a {
	width: 100%;
 	max-width: 220px;
}

.g600_a {
	width: 100%;
 	max-width: 220px;
}

.g600_b {
 	width: 50px;
}

.g600_c {
	width: 100%;
 	max-width: 150px;
}

.g600_d {
 	width: 92px;
}

.g600_2 {
 	width: 50px;
}

.g610_a {
	width: 100%;
 	max-width: 220px;
}

.g610_2 {
 	width: 50px;
}

.g611_a {
	width: 100%;
 	max-width: 220px;
}

.g611_2 {
 	width: 50px;
}

.g630_a {
	width: 100%;
 	max-width: 220px;
}

.g630_2 {
 	width: 50px;
}

.g648_a {
	width: 100%;
 	max-width: 220px;
}

.g648_2 {
 	width: 50px;
}

.g650_a {
	width: 100%;
 	max-width: 220px;
}

.g650_x {
 	width: 220px;
}

.g650_2 {
 	width: 50px;
}

.g651_a {
	width: 100%;
 	max-width: 220px;
}

.g651_z {
	width: 100%;
 	max-width: 200px;
}

.g651_2 {
 	width: 50px;
}

.g655_i2 {
 	margin-top:5px;
}

.g655_a {.
	width: 100%;
 	max-width: 220px;
}

.g655_2 {
 	width: 50px;
}

.g710_a, .g730_a, .g740_a {
	width: 100%;
 	max-width: 220px;
}


.f852 {
 	margin-top:5px;
}

#f852_i1 {
	width: 30px;
	height: 21px
}

#f852_i2 {
	width: 26px;
}

#f852_a {
	width: 80px;
}

#f852_h {
	width: 80px;
}

#f852_i {
	width: 30px;
}

#f852_p {
	width: 80px;
}

#f852_9 {
	width: 80px;
}

.insert {
 	margin-top:15px;
 	display:none;
}

.ui-widget{
 	margin-top:15px;
 	display:none;
}

#fastLookup {
	width: 100%;
	max-width: 342px;
}

.tools {
 	margin-top:15px;
 	display:none;
}

label[for=field_insert] {
}

#field_insert {
	width: 30px;
}

#subfield_insert {
	width: 50px;
}

.resizer {
 	margin-top:15px;
 	display:none;
}

#resizer_url {
	width: 100%;
	max-width: 743px;
}

#options {
	margin-top:5px;
	margin-bottom:15px;
}

.options_icons {
	margin-left: 28px;
}

#_am {
	margin-left: 1px;
}

#_gr {
	margin-left: 0px;
}

#_gb {
	margin-left: 2px;
}

#actions {
	/*margin-top:10px;*/
	margin-bottom:10px;
}

	#row1 {
		margin-top:5px;
		margin-left:30px;
	}

		#show_insert {
			margin-left:0px;
		}

	#row2 {
		margin-top:5px;
		margin-left:30px;
	}

	#row3 {
		margin-top:5px;
		margin-left:30px;
	}

	#row4 {
		margin-top:5px;
		margin-left:30px;
		margin-bottom:10px;
	}

		#console_data {
			margin-top:5px;
			font-size: 10px;
		}

.o100 {
	margin-top:2px;
	margin-left:7px;
}

.o245 {
	margin-top:2px;
	margin-left:7px;
}

.o520 {
	margin-top:2px;
	margin-left:7px;
}

#images, {
	margin-top:10px;
	margin-bottom:8px;
}


#pictures {
	margin-top:5px;
	margin-left:22px;
	margin-bottom:10px;
}

#pic1, #pic2, #pic3 {
	display:inline;
	margin-left:5px;
	margin-bottom:5px;
}

#picbut1, #picbut2, #picbut3 {
	display:inline;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	vertical-align: bottom;
}

.marc_download {
 	margin-top:5px;
	margin-left:10px;
}

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 38px;
  height: 12px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #2196F3;
  -webkit-transition: .2s;
  transition: .2s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 8px;
  width: 8px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .2s;
  transition: .2s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* tri-state */
/* common */
.toggle_radio{
  margin:0px;
  padding:0px;
  position: relative;
  /*background: #2196F3;*/
  margin-top:5px;
  margin-left:20px;
  overflow: hidden;
  padding: 0 !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  position: relative;
  height: 14px;
  width: 210px;
}
.toggle_radio > * {
  margin:0px;
  padding:0px;
  float: left;
}
.toggle_radio input[type=radio]{
  margin:0px;
  padding:0px;
  display: none;
  /*position: fixed;*/
}
.toggle_radio label{
  font: 96%/1.618 "Source Sans Pro";
  background: #cce6ff;
  color: GhostWhite;
  z-index: 0;
  display: block;
  width: 24px;
  height: 14px;
  margin: 2px 2px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  cursor: pointer;
  z-index: 1;
  text-align: center;
  margin: 0 2px;
}

/* specific:245; */
.toggle_option_slider{
  margin:0px;
  padding:0px;
  /*display: none;*/
  /*background: red;*/
  width: 20px;
  height: 10px;
  position: absolute;
  top: 0px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 03px;
  border-radius: 3px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  -ms-transition: all .3s ease;
  transition: all .3s ease;
}

#toggle_1_245:checked ~ .toggle_option_slider{
  margin:0px;
  padding:0px;
  /*background: rgba(0,0,0,1);*/
  border: 2px solid black;
  left: 2px;
}
#toggle_2_245:checked ~ .toggle_option_slider{
  margin:0px;
  padding:0px;
  /*background: rgba(0,0,0,1);*/
  border: 2px solid black;
  left: 30px;
}
#toggle_3_245:checked ~ .toggle_option_slider{
  margin:0px;
  padding:0px;
  /*background: rgba(0,0,0,1);*/
  border: 2px solid black;
  left: 58px;
}

/* specific:100; */
.toggle_option_slider_100{
  margin:0px;
  padding:0px;
  /*display: none;*/
  /*background: red;*/
  width: 20px;
  height: 10px;
  position: absolute;
  top: 0px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 03px;
  border-radius: 3px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  -ms-transition: all .3s ease;
  transition: all .3s ease;
}

#toggle_1_100:checked ~ .toggle_option_slider_100{
  margin:0px;
  padding:0px;
  /*background: rgba(0,0,0,1);*/
  border: 2px solid black;
  left: 2px;
}
#toggle_2_100:checked ~ .toggle_option_slider_100{
  margin:0px;
  padding:0px;
  /*background: rgba(0,0,0,1);*/
  border: 2px solid black;
  left: 30px;
}
#toggle_3_100:checked ~ .toggle_option_slider_100{
  margin:0px;
  padding:0px;
  /*background: rgba(0,0,0,1);*/
  border: 2px solid black;
  left: 59px;
}

/* specific:520; */
.toggle_option_slider_520{
  margin:0px;
  padding:0px;
  /*display: none;*/
  /*background: red;*/
  width: 20px;
  height: 10px;
  position: absolute;
  top: 0px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 03px;
  border-radius: 3px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  -ms-transition: all .3s ease;
  transition: all .3s ease;
}

#toggle_1_520:checked ~ .toggle_option_slider_520{
  margin:0px;
  padding:0px;
  /*background: rgba(0,0,0,1);*/
  border: 2px solid black;
  left: 2px;
}
#toggle_2_520:checked ~ .toggle_option_slider_520{
  margin:0px;
  padding:0px;
  /*background: rgba(0,0,0,1);*/
  border: 2px solid black;
  left: 30px;
}
#toggle_3_520:checked ~ .toggle_option_slider_520{
  margin:0px;
  padding:0px;
  /*background: rgba(0,0,0,1);*/
  border: 2px solid black;
  left: 58px;
}