table.center {

   margin-left: auto;

   margin-right: auto;

}



div.center {

   margin-left: auto;

   margin-right: auto;

   text-align: center;

}

.boldTitle {
  	font-weight: bold;
  	background-color: #000000;
  	color:#ffffff;
   margin-left: 28px;
   margin-right: 28px;
   font-size: 13.5px;
  	padding-top:3px;
  	padding-left:20px;
   height: 22px;
}

.bold {
	font-weight: bold;
}

.leftPad {

   padding-left:45px;   
   padding-right:45px;   
}

img.center {

   display: block;

   margin-left: auto;

   margin-right: auto;

}
A.nounderline {
   color: black;
   text-decoration: none;
}
A.nounderlinelight {
   color: #999999;
   text-decoration: none;
}
A.nounderline:hover {
   color: black;
   text-decoration: none;
}
A.nounderlinelight:hover {
   color:  #999999;
   text-decoration: none;
}
A.nounderline:visited {
   color: black;
   text-decoration: none;
}
A.nounderlinelight:visited {
   color:  #999999;
   text-decoration: none;
}
A.nounderline:active {
   color: black;
   text-decoration: none;
}
A.nounderlinelight:active {
   color: #999999;
   text-decoration: none;
}



.dectable {
	border: 1px black solid;
	padding: 0px;
   font-size: 12px;
}

.dectable td {
	vertical-align: middle;	
}

.decTableRow a:hover {
	#background-color: #33ffff;
}

.decheader {
	text-align: center;
	line-height: 2em;
	font-weight: bold;
	padding-left: 10px;
	background-color: #e6e6fa;
}

.decrow1 {
   #background-color: #ffffff;
   padding: 2px;
   margin: 0px;
}


.decrow2 {
   #background-color: #e1f2ff;
   padding: 2px;
   margin: 0px;
}




.decrow1 a {
   text-decoration: none;
   color: black;
}

.decrow2 a {
   text-decoration: none;
   color: black;
}


.deccolumn {
   background-color: #e6e6fa;
   padding: 2px;
   margin: 0px;
}



.titleText {  

   position: absolute;

   left: 140px;

   top: 19px;

   color: black;

   font-size: 28px;

   white-space: nowrap;

}



.contactOptions {

   text-align:right;

   color: black;

   font-size: 9px;

   position: absolute;

   right: 60px; 

   top: 14px;

   

}



.contactOptions a {

   text-decoration: none;

   color : black;

}



.contactOptions a:hover {

   color: black;

   text-decoration: none

}
.formattedTable table {
   border: 1px solid black;
   
}


.formattedTable td {
   border-left: 1px solid black;
   padding: 2px;
}

.formattedTable th {
   border-left: 1px solid black;
   background-color: #aaaaaa;
}


.header {

   position: relative;

   border: none;

   width: 100%;

   top: 0px;

   left: 0px;

   height: 131px;  

   background-image: url(/images/titlebar.png);

   background-repeat: no-repeat;

   z-index: 0;

}

.thumbnailDiv {
	height: 600px;
   padding: 4px;
   margin-right: 8px;
   background-color: #FFFFFF;
           
}

.resultsDiv {
   padding: 4px;
   background-color: #FFFFFF;
   border: 1px black inset;            
             
}

.teamlogo {

   position: absolute;

   right: 10px;

   top: 15px;   

}
A.reportLink {
	color: black;
	text-decoration: none;
}

A.reportLink:hover {
	color: red;
	text-decoration: underline;
}

A.reportLink:active {
	color:green;
}

A.reportLink:visited {
   color: black;	
}


.bigText {
	
   display: block;

   font-family: Verdana,Arial,Helvetica,sans-serif;

   font-size: 14px;

   font-weight: bold;

   height: 32px;

   margin: 0px;

   padding: 0px 0px 0px 0px;

   text-align: left;
	
	}
	

.heading {
   display: block;

   font-family: Verdana,Arial,Helvetica,sans-serif;

   font-size: 14px;

   font-weight: bold;

   height: 32px;

   margin: 0px;

   padding: 10px 10px 0px 10px;

   text-align: left;
		
}



.snailtrail {

   white-space: nowrap;

   position: absolute;

   left: 140px;

   top: 77px;

   color: white;

   font-size: 18px;

}



.snailtrail a {

   font-size: 18px;

   text-decoration: none;

   color: white;

}



.snailtrail a:hover {

   font-size: 18px;

   text-decoration: underline;

}



.activityLocation {

   position: absolute;

   right: 60px;

   top: 78px;

}



.activities {

   position: absolute;

   top: 27px;

   right: 210px;

}



body {

   font: 14px Verdana, Arial, Helvetica, sans-serif;

   margin: 0;

   padding: 0;

   color: black;

   overflow: auto;

   min-width: 300px;

}



#mainBody {

   position: relative;   

   margin-top: 2em;

}



.leftColumnItemList {

   position: relative;

   font: 13px Verdana, Arial, Helvetica, sans-serif;

   margin: 0;

   padding: 0;

   color: black;

}



.optionsPanel {

   position: absolute;

   z-index: 10;

   top: 117px;

   right: 10px;

   width: 483px;

   height: 30px;

   border: 0px;

}



img {

   border: 0px;

}


.left {

   margin-left: 20px;

   margin-right: 20px;

   padding: 0px;

   top: 30px;

}


.center {

   margin-left: 0px;

   margin-right: 0px;

   padding: 0px;

   top: 30px;

}



.leftWithBorder {

   border-style: solid;

   border-width: thin;

   border-color: grey;

   padding: 0px;

   position: relative;

   top: 70px;

}

.billViewMenu {

   float: left;

   position: relative;

   margin-left: 20px;  

}



.billView, .myDocument{

   float: left;

   position: relative;

   border-color: grey;

   border-style: none;

   border-width: thin;

   margin-left: 20px;

   padding: 0px;

}



.insideLeft, .insideRight {

   padding: 0px 0px 0px 20px;

}



.logout {

   position: absolute;

   top: 20px;

   right: 10px;

}



.right {

   float: right;

   border-style: solid;

   border-width: thin;

   border-color: grey;

   padding: 0px;

   margin: 20px 20px 20px 20px;

}



.useroptionform,.managefiles,.download {

   position: relative;

   left: 0px;

   top: 30px;

}



.manageGroupLeft,.myDocumentsLeft {

   position: relative;

   top: 30px;

   width: 300px;

   float: left;

   margin-left: 8%;

}



.manageGroupRight,.myDocumentsRight {

   position: relative;

   top: 30px;

   width: 300px;

   float: right;

   margin-right: 8%;

}



.a {

   font: 14px Verdana, Arial, Helvetica, sans-serif;

   color: #384DF8;

}



.ajaxHyperlink {

   color: #384DF8;

   font: 11px Verdana, Arial, Helvetica, sans-serif;

}  



#showDetails {

   font: 13px Verdana, Arial, Helvetica, sans-serif;

   color: black;

}



.footer {

   clear: both;

   position: relative;

   padding-top: 40px;

   text-align: center;

}

img.percentImage1 {
 background: white url(/images/percentImage_back1.png) top left no-repeat;
 padding: 0;
 margin: 5px 0 0 0;
 background-position: 1px 0;
}

img.percentImage2 {
 background: white url(/images/percentImage_back2.png) top left no-repeat;
 padding: 0;
 margin: 5px 0 0 0;
 background-position: 1px 0;
}

img.percentImage3 {
 background: white url(/images/percentImage_back3.png) top left no-repeat;
 padding: 0;
 margin: 5px 0 0 0;
 background-position: 1px 0;
}

img.percentImage4 {
 background: white url(/images/percentImage_back4.png) top left no-repeat;
 padding: 0;
 margin: 5px 0 0 0;
 background-position: 1px 0;
}


#promptline {

   color: blue;

   font-style: italic; 

   font-size: 19px

}



#name {

   font-size: 25px;

   font-style: italic;

}



.footerLinks {

   color: #384DF8;

   font-size: 9px;

}  



/*

* CSS for red box like modules

*/



/*

.box {

border: 1px solid #ED1C24;

}



.boxHeader {

text-align: center;

line-height: 2em;

font-weight: bold;

padding-left: 10px;

background-color: #ED1C24;

color: #FFF;   

}



.boxContents {

overflow: auto;

border-top: 1px grey solid;

padding: 0px;

margin: 0px;

}



.boxTableHeader {

background-color: #ED1C24;

color: #FFF;

font-weight: bold;

}

.boxTableHeaderLeft {

background-color: #ED1C24;

color: #FFF;

font-weight: bold;

text-align: left;

}


*/



/*

* CSS for  darkgrey box like modules

*/



/*

.box {

border: 1px solid #52514e;

}



.boxHeader {

text-align: center;

line-height: 2em;

font-weight: bold;

padding-left: 10px;

background-color: #52514e;

color: white;

}



.boxContents {

background-color: #E6E6FA;

overflow: auto;

border-top: 1px black solid;

padding: 0px;

margin: 0px;

}



.boxTableHeader {

background-color: #52514e;

color: white;

font-weight: bold;

}


.boxTableHeaderLeft {

background-color: #52514e;

color: white;

font-weight: bold;


text-align: left
}



.boxTableContents {

text-align: center;

margin-top: 1em;

margin-bottom: 1em;

background: #ffffff;

border: 1px #aaa solid;

border-collapse: collapse;

}

*/



/*

* CSS for  lightgrey box like modules, default.

*/



.box {

   background: transparent;

   border: 1px solid gray;

}



/*

 * Start of CSS to generate the curved part of the top border.

 *

 .box {

   background: transparent;

}



.xtop, .xbottom {

   display:block; 

   background:transparent; 

   font-size:1px;

}



.xb1, .xb2, .xb3, .xb4, .xb1B {

   display:block; 

   overflow:hiden;

}



.xb1, .xb2, .xb3, .xb1B  {

   height:1px;

}



.xb2, .xb3, .xb4 {

   background: grey; 

   border-left:1px solid gray;

   border-right:1px solid gray;

}



.xb1B {   

   background: gray;

}



.xb1 {

   margin:0 5px; 

   background: gray;

}



.xb2 {

   margin:0 3px;

   border-width:0 2px;

}



.xb3 {

   margin:0 2px;

}



.xb4 {

   height: 2px; 

   margin:0 1px;

}



.contentBorder {

   display:block; 

   border:0 solid gray; 

   border-width:0 1px; 

   height:auto;

}



* html .contentBorder {

   height:1px;

}



.color_a {

   background: lightgrey;

   color: gray;

}

/*

 * End of CSS to generate the curved part of the top border.

 */

 

.boxHeader {

   text-align: center;

   line-height: 2em;

   font-weight: bold;

   padding-left: 10px;

   background-color: lightgrey;

   color: black;

   border-bottom: 1px solid gray;

}



.boxContent {

   /*background-color: #E6E6FA;*/

   border-top: 1px solid gray;

   overflow: auto;   

   padding: 0px;

   margin: 0px;

}



.boxTableHeader {

   background-color: lightgrey;

   color: black;

   font-weight: bold;

}



.boxTableHeaderLeft {

   background-color: lightgrey;

   color: black;

   font-weight: bold;

}

/*

.boxTableContents {

   text-align: center;

   margin-top: 1em;

   margin-bottom: 1em;

   background: #ffffff;

   border: 1px #aaa solid;

   border-collapse: collapse;

}


*/