﻿/*This is the modifications needed to get the specific implementation of bootstrap


/* Nav Bar
   its helpful to move the body down if put navbar-fixed-top on the navbar
   however, if you want the old seal first - skip this step 
body {
  padding-top: 50px;
}
 removed this when added the carousel
.starter-template {
  padding: 40px 15px;
  text-align: center;
}*/



/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  height: 500px;
  margin-bottom: 60px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 500px;
  background-color: #777;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 500px;
}
/* RESPONSIVE CSS CAROSEL
-------------------------------------------------- */

@media (min-width: 768px) {

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

    .ddl
    {
        width: 30em;
    }

}

/*Brought directly from pscweb
  NEED optimization and re-work
*/
#searchnav { text-align: left; }
#searchsort { float: right; text-align: right; position: relative; }
#searchbox { float: right; text-align: right; padding: 8px 10px 0; }

#loginbox { float: left; text-align: left; padding: 8px 10px 0; }
#override tbody td a { display: inline; text-align: left; margin: 0;}
#override tbody tr:hover td { background: white; }
#register tbody td { text-align : left; margin: 0; width:300px; }
#register tbody tr:hover td { background: white; }


/*--Things know keeping--*/


/*some colors from the old psc style still preferred */
#footer { padding: 10px 20px; color:#666; background: #f9f9f9; height: 120px; }
#PSCaddress { text-align: left; }
#PSCaddress .lbl {font-weight:bold;}
#rss {padding:10px 10px 10px 10px; float:right;}
.smallerItalicTxt{font-style:italic;font-size:small;}
.stkynt{background-color:#FFFA9E} /*post it note*/
.greyRow1 {background-color: #F0F0F0;	color: #000000;	}
.LblTxt{text-align: left;font-weight:bold;}
.HeaderLblTxt{  background-color: #003366;color:#FFFFFF;font-weight:bold;}

.TablePanel{ background:#F0F0F0;
             border:#003366 thin solid;}
             
.TableHeader{background:#003366;color:#FFFFFF;font-weight:bold;}
.TableHeaderTan{ background:#003366;color:#FFFFFF;
                font-weight:bold}
.TableBorderTan{border:solid thin #003366}
.TableRow1{   background:#F0F0F0;}
.TablePanel{  background:#F0F0F0;
             border:#003366 thin solid;}
.TableRow2{  background:#B5B5B5;}             

/*some things just don't want mobile*/
@media (max-width: 767px)  
{
    h2     {font-size:14px;font-weight:bold}
    #logo  { display:none;    }
    #rss   { display:none;    }
    #override   { display:none;    }
    .portal-BarInsert  { display:none;    }
    .ddl {width: 15em;}
}
/*--Things know keeping--*/
/* tables */
table.tablesorter {
	font-family:arial;
	margin:10px 0pt 15px;
	width: 100%;
	text-align: center; 
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	padding: 4px;
	text-align: center; 
}
table.tablesorter thead tr .header {
	background-image: url(bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
	color: #000;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	
	vertical-align: top;
}

table.tablesorter thead tr .headerSortUp {
	background-image: url(asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #ccc;
}

@media print
{
    h2 {display:none;}
    .breadcrumb {display:none;}
	.noPrint,div.noPrint,td.noPrint 
	{display:none;}
	
	div.expandOnPrint,
	td.expandOnPrint
	{width:100%}

    h3 {font-size:14px;font-weight:bold;}
}