.hidden{
	display: none;
}

table.userLogin, table.userLogin tr{
  border: 1px solid black;
  text-align: center;
}

table, th, td {
	border: 1px solid black;
	text-align: center;
}

table.collegeTable, table.collegeTable th, table.collegeTable td 
{
	border: 1px solid black;
}

.border1px
{
  border: 1px solid black;  
}

table.report2, table.report2 tbody tr td, table.report2 tbody tr th, table.report2 tbody tr, table.report2 tbody{
	border: 1px solid black;
}

table.report2 tbody tr th {
	background-color: gray;
	color: white;
	font-weight: bold;
	padding: 3px;
}

table.report2 tbody tr td{
	padding: 2px;
}

.error
{
	background:yellow;
}

.success
{
	background:green;
}

.slider
{
	border:0; 
	color:#f6931f; 
	font-weight:bold;
}

.sliderContainer
{
	width:400px;
}

.oppScoreHeader
{
    text-align: center;
    top: auto;
    margin: 3em auto;
}

.border
{
	border: 1px solid black;
}

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
/*
.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('/var/www/html/static/img/spinnyWheel.gif') 
                50% 50% 
                no-repeat;
}
*/
/* url('http://i.stack.imgur.com/FhHRx.gif') */
/* url('/var/www/html/static/img/spinnyWheel.gif') */
/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}