html {
    height: 100%;
}

body {
    height: 100%;
    padding: 40px 1%;
    font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
    /* background: linear-gradient(0deg, #d0d0d0, #fefefe) !important; */
    background: #fcfcfc ;
}

a {
  color: #00B7FF;
}

.nounderline{
    text-decoration: none !important ;
}

.color-darkergrey {
  color: #aaa ;
}

.color-darkgrey {
  color: #bbb ;
}

.color-motd {
  color: #d53 ;
}

.color-link {
  color: #23527C ;
}

.color-badge {
  color: #f44 ;
}

.bgcolor-badge {
  background-color:#cec !important;
}

.bgcolor-badge2 {
  background-color:#ddd !important;
}

.color-sunglasses {
    color: #000 ;
}

.color-bookmark {
    color: #f22 ;
}

span.button {
    padding-left: 2px; padding-bottom: 0px; padding-right: 2px; padding-top: 1px; border-width: 1px;
    background:linear-gradient(#FFF, #CCC) ; color: #111; margin: 0px;
    border-color: #999 #555 #777 #999 ; border-style: solid;  border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;   
}

span.record-button {
    padding-left: 3px; padding-bottom: 0px; padding-right: 3px; padding-top: 0px; border-width: 1px;
    background:#eee ; color: #111; margin: 2px;
    border-color: #aaa ; border-style: solid;  border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
}

figure figcaption {
    text-align: center;
}

.jumbotron {
  position: relative;
  background: #000 url("../images/terakoya.png") center center;
  width: 100%;
  height: 100%;
  background-size: cover;
  overflow: hidden;
}

.table tbody>tr>td.vert-align{
    vertical-align: middle;
}

input[type="radio"] {
					-webkit-appearance: none;
					border: none;
					position: relative;
					top:5px;
					left:0px;
					display: inline-block;
					width: 25px;
					height: 25px;
					background: url(../images/radio-button.png);
}
input[type="radio"]:checked:before{
				content:"";
				position: absolute;
				display: inline-block;
				width: 25px;
				height: 25px;
 				background: url(../images/radio-button-checked.png);
}

label > input[type="radio"]:focus {
	  outline:none !important;
}

.select-xs select {
   background: transparent;
   padding: 2px 8px 2px;
   font-size: 11px;
   line-height: 1;
   border: 1;
   border-radius: 2;
   height: 20px;
   -webkit-appearance: none;
}

.bubble-left
{
position: relative;
padding:0 ;
}

.bubble-left:after 
{
content: '';
position: absolute;
border-style: solid;
border-width: 5px 8px 5px 0;
border-color: transparent #FFFFFF;
display: block;
width: 0;
z-index: 1;
margin-top: -5px;
left: -7px;
top: 50%;
}

.bubble-left:before 
{
content: '';
position: absolute;
border-style: solid;
border-width: 6px 9px 6px 0;
border-color: transparent #dddddd;
display: block;
width: 0;
z-index: 0;
margin-top: -6px;
left: -9px;
top: 50%;
}

.bubble-left-up
{
position: relative;
padding:0 ;
}

.bubble-left-up:after 
{
content: '';
position: absolute;
border-style: solid;
border-width: 5px 8px 5px 0;
border-color: transparent #FFFFFF;
display: block;
width: 0;
z-index: 1;
margin-top: -5px;
left: -7px;
top: 30%;
}

.bubble-left-up:before 
{
content: '';
position: absolute;
border-style: solid;
border-width: 6px 9px 6px 0;
border-color: transparent #dddddd;
display: block;
width: 0;
z-index: 0;
margin-top: -6px;
left: -9px;
top: 30%;
}


.bubble-right
{
position: relative;
padding:0 ;
}


.bubble-right:after 
{
content: '';
position: absolute;
border-style: solid;
border-width: 5px 0 5px 8px;
border-color: transparent #FFFFFF;
display: block;
width: 0;
z-index: 1;
margin-top: -5px;
right: -7px;
top: 50%;
}

.bubble-right:before 
{
content: '';
position: absolute;
border-style: solid;
border-width: 6px 0 6px 9px;
border-color: transparent #dddddd;
display: block;
width: 0;
z-index: 0;
margin-top: -6px;
right: -9px;
top: 50%;
}

.bubble-right-down
{
position: relative;
padding:0 ;
}

.bubble-right-down:after 
{
content: '';
position: absolute;
border-style: solid;
border-width: 5px 0 5px 8px;
border-color: transparent #FFFFFF;
display: block;
width: 0;
z-index: 1;
margin-top: -5px;
right: -7px;
top: 70%;
}

.bubble-right-down:before 
{
content: '';
position: absolute;
border-style: solid;
border-width: 6px 0 6px 9px;
border-color: transparent #dddddd;
display: block;
width: 0;
z-index: 0;
margin-top: -6px;
right: -9px;
top: 70%;
}

.bubble-top
{
position: relative;
padding:0 ;
}

.bubble-top:after 
{
content: '';
position: absolute;
border-style: solid;
border-width: 0 6px 12px;
border-color: #FFFFFF transparent ;
display: block;
width: 0;
z-index: 1;
margin-left: -6px;
top: -11px;
left: 10%;
}

.bubble-top:before 
{
content: '';
position: absolute;
border-style: solid;
border-width: 0 7px 14px;
border-color: #dddddd transparent ;
display: block;
width: 0;
z-index: 0;
margin-left: -7px;
top: -13px;
left: 10%;
}


.dialog-box-shadow {
-webkit-box-shadow: 0 0 15px 4px rgba(150,150,150,1);
box-shadow: 0 0 15px 4px rgba(150,150,150,1);
}

.tiny-gutter .col-xs-7 {
    padding-right: 4px ;
}

.tiny-gutter .col-xs-5 {
    padding-left: 4px ;
}

.ballot-icon {
    background: url('/images/ballot-icon.png') no-repeat ;
    vertical-align:bottom;
    display:inline-block ;
    width: 36 ;
    height: 42 ;
}

.ballot-icon:hover {
    background: url('/images/ballot-icon-alt.png');
}

.pixelated {
    -ms-interpolation-mode: nearest-neighbor; 
    image-rendering: -webkit-optimize-contrast;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: pixelated;
}

.youtube {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    margin-bottom: 50px;
}

.youtube iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

textarea.line-number-30 {
    background-image: url("../images/line-number-30.png");
    background-attachment: local;
    background-repeat: no-repeat;
    padding-left: 45px;
    padding-top: 7px;
    line-height:20px;
}

@font-face {
    font-family: 'dseg7_classicbold_italic';
    src: url('dseg7classic-bolditalic-webfont.woff2') format('woff2'),
         url('dseg7classic-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}