﻿body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select {
    /*max-width: 280px;*/
}

	.spinner
	{
		background: #DDD;
		display: none;
        filter: alpha(opacity=50);
        height: 100%;
		left: 0;
		opacity: 0.5;
		position: fixed;
        top: 0;
		width: 100%;
		z-index: 10000;
    }
	#spinnerInner
	{
		background: url('Images/spinner.gif') no-repeat scroll center center #DDD;
		height: 100px;
        
		left: 50%;
        position: absolute;
        top: 50%;
		transform: translate(-50%, -50%);
        width: 100px;
    }

.blockLabel{
    display:block;
}

.inlineField label{
    display:inline-block;
    width:150px;
    height:25px;
}

.shortTextArea{
    width:100%;
    height:80px;
}

.tallTextArea{
    width:100%;
    height:160px;
}

.veryTall .very.tallTextArea{
    width:100%;
    height:700px;
}

legend{
    margin-top:10px;
    margin-bottom:10px;
}


table.tableStyle1 {
    font-size:16px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

.tableStyle1 td, .tableStyle1 th {
    border: 1px solid #ddd;
    text-align: left;
    padding: 8px;
}

.tableStyle1 tr:nth-child(even){background-color: #f2f2f2}

.tableStyle1 th {
    padding-top: 11px;
    padding-bottom: 11px;
    background-color: #4CAF50;
    color: white;
}

