/* CSS Document */

.backgroundBar {

     width: 100%;
     height: 161px;
     background-color: #0551ba;
     position: absolute;
     margin-top: 0px;
}

.tableHolder {

     width:100%;
     position: absolute;
     margin-left: auto;
     margin-right: auto;
     margin-top: 0px;
}

.centeredPosition{
    position: relative;
	margin-left: auto;
	margin-right: auto;
	
}

body {
    background-image: url(../styles/images/blueTopBar.gif);
	background-repeat: repeat-x;
    margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
    text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.3;
	color: #000000;

}

p {
    margin-top: 12px;
	margin-bottom: 12px;
	margin-left: 0px;
	margin-right: 0px;
    text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.3;
	color: #000000;

}

smtext {
    margin-top: 12px;
	margin-bottom: 12px;
	margin-left: 0px;
	margin-right: 0px;
    text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.3;
	color: #000000;

}
.message {
    margin-top: 12px;
	margin-bottom: 12px;
	margin-left: 0px;
	margin-right: 0px;
    text-align: left;
	font-family: Verdana;
	font-size: 12px;
	line-height: 1.3;
	color: #000000;

}
h1 {
	color: #b9850c;
	font-weight: bold;
	font-size: 18px;
	padding-top: 10px;
}

h4 {
	color: #0000;
	font-weight: bold;
	font-size: 18px;
	padding-top: 10px;
}

ol {
   list-style-type: none;
}

.showNumbers {
   list-style-type: decimal;
}

ul {
  list-style-type: disc;
}

ol {
	list-style: decimal;
}

li {
  padding-right: 10px;
  	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.3;
	color: #000000;
	margin-top: 12px;
	margin-bottom: 12px;
}

.largeColor {
    color: #b9850c;
	font-size: 18px;
	padding-top: 10px;
}

.largeColorBold {
    color: #b9850c;
	font-weight: bold;
	font-size: 18px;
	padding-top: 10px;

}

.mediumColor {
    color: #b9850c;
	font-size: 14px;
	padding-top: 10px;

}

.mediumColorBold {
    color: #b9850c;
	font-weight: bold;
	font-size: 14px;
	padding-top: 10px;
}

#underHeader {
     color: #000000;
     font-size: 24px;
     padding-top:4px;
     font-weight: bold;
}

h2 {
    color: #b9850c;
	font-weight: bold;
	font-size: 12px;

}

.boldColor{

    color: #b9850c;
	font-weight: bold;
	font-size: 12px;

}

h3 {
   font-weight: bold; 
   font-size: 10px;
}

#black{
    color: #000000;

}

hr {

   margin-left: auto;
   margin-right: auto;

}

.colorBar {
   color: #ffffff;
   background-color: #b9850c;
   margin-top: 0px;
   margin-bottom: 0px;
   padding-top: 1px;
   padding-bottom: 3px;
   padding-top: 3px;
   padding-left: 7px;

}

.colorBox {
	border: thin solid #b9850c;
	width: auto;
	padding: 10px;
	margin-left: 25px;
	margin-right: 25px;
	
}

.colorBoxRight {
      border: thin solid #b9850c;
	width: auto;
	margin-left: 25px;
	margin-right:0px;
	margin-bottom: 25px;
	text-align: center;
	float: right;
	padding: 10px;
}

.colorBoxLeft {
      border: thin solid #b9850c;
	width: auto;
	padding: 10px;
	margin-left: 25px;
	margin-right:25px;
	text-align: center;
	float: left;
	padding-bottom: 25px;
}

.vline{

  background-image: url(/images/vertLine5.gif);
  background-repeat: repeat-y;

}

#boxRight {
     width: 200px;
     margin-right: 0px;
     margin-left: auto;
     margin-top: 15px;

}

#textLeft {
     margin-right:300px;
     margin-left: 10px;
     margin-top: 0px;
}

table#editableTable {
      margin-top: 0;
		margin-bottom: 0;
}

.railBg{
    background-color: #fbe5b2;
	font-size: 10px;
	
	}

.mainContent {
    padding-left: 1px;
    padding-right: 1px;
    padding-top: 5px;
    padding-bottom: 20px;
	
}

#footer {
position:relative
	width:100%

}
.heading_names {
	font-size: 14px;
	font-family:Verdana,Arial,Helvetica;
	font-weight:bold;
	color: #CC9900;
}

.emphasized {
	list-style-image:url(../images/arrow.gif);
}

.smalltext{
	font-size: 9px;
}

/********************/
/******Sprites*******/
/********************/

.connect {
	width:54px;
	height:58px;
	display:block;
	background-image:url("/chapters_tester/connect_smsprite.png");
	background-position: top;
	margin-top: 0px;
}

.connect:hover{
	width:54px;
	height:58px;
	background-image:url("/chapters_tester/connect_smsprite.png") no repeat;
	background-position: bottom;
}

.learn {
	width:47px;
	height:58px;
	display:block;
	background-image:url("/chapters_tester/learnsprite.png");
	background-position: top;
	margin-top: 0px;
}

.learn:hover {
	width:47px;
	height:58px;
	background-image:url("/chapters_tester/learnsprite.png") no repeat;
	background-position: bottom;
}

.advance {
	width:53px;
	height:58px;
	display:block;
	background-image:url("/chapters_tester/advancesprite.png");
	background-position: top;
	margin-top: 0px;
}

.advance:hover {
	width:53px;
	height:58px;
	background-image:url("/chapters_tester/advancesprite.png") no repeat;
	background-position: bottom;
}

.lead {
	width:48px;
	height:58px;
	display:block;
	background-image:url("/chapters_tester/leadsprite.png");
	background-position: top;
	margin-top: 0px;
}

.lead:hover {
	width:48px;
	height:58px;
	background-image:url("/chapters_tester/leadsprite.png") no repeat;
	background-position: bottom;
}

.success {
	width:49px;
	height:58px;
	display:block;
	background-image:url("/chapters_tester/succeed_smsprite.png");
	background-position: top;
	margin-top: 0px;
}

.success:hover {
	width:49px;
	height:58px;
	background-image:url("/chapters_tester/succeed_smsprite.png") no repeat;
	background-position: bottom;
}