/* =-=-=-=-=-=-=-=-=-=-=- New styles for 8.1 -=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
form {
   margin: 0;
   }

.page {
   position: relative;
   width: 95%;
   padding: 10px 0px 20px 0px;
   }

.respcode {
   width: 100%;
   padding: 2px;
   }

.resptext {
   margin-top: -17px;
   margin-left: 22px;
   padding: 2px;
   }

.respblock p {
margin: 0.3em 0;
padding:0;
}

.respblock input {
position: relative;
//top: 4px;
}

.respblock .resptext2 {
margin-top: -17px;
margin-left: 25px;
}

#nexttxt {
   position: relative;
   top: 10px;
   float: left;
   width: 25%;
   }

#nxtbtn {
   position: relative;
   float: left;
   width: 25%;
   }

#othbtn {
   position: relative;
   float: left;
   width: 10%;
   }

.suspend {
   font-family: Arial, Tahoma, Verdana;
   position: relative;
   font-size: 14px;
   text-align: center;
   width: 98%;
   }

.term {
   font-family: Arial, Tahoma, Verdana;
   position: relative;
   font-size: 14px;
   text-align: center;
   width: 98%;
   }

.complt {
   font-family: Arial, Tahoma, Verdana;
   position: relative;
   font-size: 14px;
   text-align: center;
   width: 98%;
   }

.twocol1 {
   position: relative;
   float: left;
   width: 40%;
   }

.twocol2 {
   position: relative;
   float: right;
   width: 60%;
   }

/*error msg start*/
ul.ulerr {
background: url(http://www.cfmc.com/cfmcweb/images/gradient_yellow.png) repeat-x;
padding-left: 0.2em;
list-style-type: none;
width: 45%;
margin: 0 auto 1em;
height: 32px;
}

ul.ulerr li {
background: url(http://www.cfmc.com/cfmcweb/images/error_yellow_triangle.gif) no-repeat;
border-top: 2px #fc6 dotted;
padding: .7em 0 0 4em;
color: red;
font-size: 13px;
align: center;
height: 32px;
}
/* =-=-=-=-=-=-=-=-=-=-=- New styles for 8.1 -=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/


a {color: #486876; font-style: italic; text-decoration: none;}
a:hover {color: #89a4bf; text-decoration: underline}

a.content {color: #ffffff; font-style: italic; text-decoration: none;}
a.content:hover {color: #ffffff; text-decoration: underline}

/*======================================================================================*/
/*================================  FONTS ==============================================*/
/*======================================================================================*/
.tahoma9 {
  font-family: Tahoma, Verdana, Arial;
  font-size: 9px;
  font-style: normal;
  font-weight: normal;
  }

.tahoma12 {
  font-family: Tahoma, Verdana, Arial;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  }

.tahoma15 {
  font-family: Tahoma, Verdana, Arial;
  font-size: 15px;
  font-style: normal;
  font-weight: normal;
  }

.tahoma21 {
  font-family: Tahoma, Verdana, Arial;
  font-size: 21px;
  font-style: normal;
  font-weight: normal;
  }

.vd11 {
  font-family: Arial, Tahoma, Verdana ;
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
  }

.vd12 {
  font-family: Arial, Tahoma, Verdana ;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  }

.vd13 {
  font-family: Arial, Tahoma, Verdana ;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  }

.vd14 {
  font-family: Arial, Tahoma, Verdana ;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  }

.vd16 {
  font-family: Arial, Tahoma, Verdana ;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  }


.vd12b {
        font-family: Arial, Tahoma, Verdana ;
        font-size: 12px;
        font-style: normal;
        font-weight: 600;}

.vd11 {
        font-family: Arial, Tahoma, Verdana ;
        font-size: 11px;
        font-style: normal;
        font-weight: normal;}

.vd11b {
        font-family: Arial, Tahoma, Verdana ;
        font-size: 10px;
        font-style: normal;
        font-weight: 600;}

.vd10 {
        font-family: Arial, Tahoma, Verdana ;
        font-size: 10px;
        font-style: normal;
        font-weight: normal;}

.vd9 {
        font-family: Arial, Tahoma, Verdana ;
        font-size: 9px;
        font-style: normal;
        font-weight: normal;}

.vd8 {
        font-family: Arial, Tahoma, Verdana ;
        font-size: 9px;
        font-style: normal;
        font-weight: normal;}

.class1 {
  background-color: #ddddee;
  font-family: Arial, Tahoma, Verdana ;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  color: black;
  }

.class2 {
  background-color: #bfccd9;
  font-family: Arial, Tahoma, Verdana ;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  color: black;
  }

.class3 {
  font-family: Arial, Tahoma, Verdana ;
  font-size: 11px;
  font-style: italic;
  font-weight: normal;
  color: green;
  }

/*======================================================================================*/
/*======================================================================================*/
/*======================================================================================*/
.footerMargin  { margin: 3px 0px 3px 0px}     /*=== top, right, bottom, left === */

#box {
  margin: 1px 1px 1px 1px;
     }

#main {
  border:1px solid #ffffff;
  width: 400px;
  background:#a6bace;
      }


#buttonsbottom {
  border:1px solid #89a4bf;
  height: 40px;
  width: 100%; /*was 80%*/
  background:#b9c9d9;
      }

#text1
  {
  color:black;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size:9pt;
  font-weight:normal;
  }

#error
  {
  color:red;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size:9pt;
  font-weight:normal;
  }

#button
  {
  background:#006699;
  color:#e3e9f0;
  font-size:8pt;
  width:80;
  height:25;
  }

#tmpl
  {
  color:black;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size:14pt;
  font-weight:bold;
  }

/*== General ==*/

.input  {
		background-color: #ffffff;
         border-bottom: #ffffff 1px solid;
         border-left: #ffffff 1px solid;
         border-right: #ffffff 1px solid;
         border-top: #ffffff 1px solid;
         color: #336600;
         font-family: Arial, Verdana, Helvetica, sans-serif;
         font-size: 12px;
}

.button {
		background-color: #89a4bf;
         border: #ffffff 1px solid;
         color: white;
         font-family: tahoma;
         font-style: italic;
         font-size: 12px;
}

body {
	background-color: #89a4bf;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	margin-top: 18px;
	margin-left: 0px;
	margin-right: 0px;
	min-width: 600px;
}

/*== Index ==*/

#index body {
	background-color: #89a4bf;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align: center;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	min-width: 600px;
}

.ittop {
	letter-spacing: 8px;
	color: #ffffff;
	width: 100%;
	font-family: tahoma, verdana, arial;
	font-size: 21px;
	margin: 0 auto;
	vertical-align: bottom;
	text-align: center;
	margin-top: 25px;
}

.itbtm {
	letter-spacing: 8px;
	color: #89a4bf;
	width: 100%;
	font-family: tahoma, verdana, arial;
	height: 25px;
	font-size: 21px;
	vertical-align: top;
	background-color: #ffffff;
}

.itbtmtxt {
	letter-spacing: 8px;
	color: #89a4bf;
	width: 100%;
	font-family: tahoma, verdana, arial;
	font-size: 21px;
	background-color: #ffffff;
   position: relative;
   top: 20px;
}

.itlogo {
	padding-top: 15px;
	width: 100%;
	height: 45px;
	text-align: center;
	vertical-align: middle;
	background-color: #ffffff;
}

#login {
	color: #ffffff;
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	letter-spacing: 4px;
	border: 2px solid #ffffff;
	width: 440px;
	background-color: #a6bace;
	text-align: center;
	margin: 0 auto;
	margin-top: 35px;
	padding-top: 10px;
	padding-bottom: 15px;
}

#password {
	margin-top: 10px;
}

#start {
	width: 75px;
	margin-top: 10px;
}

.info1 {
	letter-spacing: 7px;
	color: #ffffff;
	width: 400px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0 auto;
	text-align: center;
	margin-top: 20px;
	text-decoration: underline;
	font-style: italic;
}

.info2 {
	color: #ffffff;
	width: 440px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0 auto;
	text-align: center;
	padding: 5px;
	padding-bottom: 35px;
}

.itfoot1 {
	padding: 3px;
	line-height: 15px;
	background-color: #ffffff;
	height: 55px;
	width: 100%;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9px;
	margin: 0 auto;
	margin-top: 15px;
	text-align: center;
	letter-spacing: 2px;
	color: #89a4bf;
	border: 1px solid #ffffff;
}

.itfoot1 a {
	color: #486876;
	font-style: italic;
	text-decoration: none;
}

.itfoot1 a:hover {
	color: #89a4bf;
	text-decoration: underline;
}

.itfoot2 {
	height: 25px;
 	float: right;
 	vertical-align:middle;
 	width: 35%;
 	margin-top: 10px;
 	margin-right: 1%;
 	letter-spacing: 2px;
 	font-family: tahoma, verdana, arial;
 	font-size: 9px;
 	text-align: right;
  	color: #ffffff;
}

fieldset {
	border: none;
}

/*== Templates ==*/
.title {
   background-color: #ffffff;
   height: 50px;
   width: 100%;
   font-family: tahoma, verdana, arial;
   font-size: 21px;
   line-height: 50px;
   margin: 0 auto;
   text-align: left;
   letter-spacing: 5px;
   color: #89a4bf;
   border: 1px solid #ffffff;
   padding: 12px;
}

#sechead {
	border: none;
	width: 100%;
	padding: 3px;
	text-align: left;
	letter-spacing: 10px;
	color: #89a4bf;
	font-size: 17px;
	font-weight: bold;
}

.divider {
	color: #89a4bf;
	height: 1px;
	margin-bottom: 10px;
}

p {
	text-align: left;
	margin-top: 15px;
	margin-bottom: 15px;
}

.center {
	text-align: center;
	margin: 0 auto;
}

.strong {
	font-weight: bold;
	text-decoration: underline;
}

#errortitle {
   background-color: #ffffff;
   height: 75px;
   line-height: 25px;
   width: 100%;
   padding-top: 20px;
   font-family: Arial, Verdana, Helvetica, sans-serif;
   font-size: 16px;
   margin: 0 auto;
   text-align: center;
   letter-spacing: 1px;
   color: #ff0000;
   border: 1px solid #ffffff;
}

.error {
  width: 100%;
  text-align: center:
  color: #ff0000;
  font-size: 12px;
}

.taberror {
  color: #ff0000;
  font-size:9pt;
}


#content {
 	margin: 0 auto;
	margin-top: 40px;
 	border: 1px solid #ffffff;
 	text-align: left;
 	width: 95%;
 	padding: 12px;
 	background:#ffffff;
 	color: #000000;
 	font-family: Arial, Verdana, Helvetica, sans-serif;
 	font-size: 12px;
}

#content a {
	color: #89a4bf;
	font-style: normal;
	text-decoration: none;
}

#content a:hover {
	color: #99ccff;
	font-style: normal;
	text-decoration: underline;
}


#errortmpl {
 	margin: 0 auto;
	margin-top: 25px;
 	border: 1px solid #ffffff;
 	text-align: center;
 	width: 95%;
 	padding: 12px;
 	background:#ffffff;
 	color: #000000;
 	font-family: Arial, Verdana, Helvetica, sans-serif;
 	font-size: 13px;
}

#errortmpl a {
	color: #89a4bf;
	font-style: normal;
	text-decoration: none;
}

#errortmpl a:hover  {
	color: #99ccff;
	font-style: normal;
	text-decoration: underline;
}

.content a {
	color: #ffffff;
	font-style: italic;
}

.content a:hover {
	color: #ffffff;
	text-decoration: underline
}

a {
	color: #ffffff;
	font-style: italic;
}

a:hover {
	color: #99ccff;
	text-decoration: underline;
}

#buttons  {
	padding-left: 10px;
 	border:1px solid #89a4bf;
 	height: 40px;
 	width: 100%;
 	background: #b9c9d9;
 	letter-spacing:2px;
 	color: #666666;
 	font-style: italic;
 	font-size: 12px;
}

#closewin  {
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
 	border:1px solid #89a4bf;
 	margin: 0 auto;
 	height: 35px;
 	line-height: 30px;
 	vertical-align: middle;
 	width: 98%;
 	background: #b9c9d9;
 	letter-spacing:2px;
 	color: #666666;
}

#close  {
	width: 150px;
  	height: 22px;
 	text-align: center;
 	vertical-align: middle;
	background-color: #89a4bf;
   border: #ffffff 1px solid;
   color: #ffffff;
   font-family: tahoma;
   font-style: normal;
	font-size: 12px;
}

#buttons input {
   position: relative;
   top: 10px;
	width: 75px;
  	height: 22px;
 	text-align: center;
 	vertical-align: middle;
	background-color: #89a4bf;
   border: #ffffff 1px solid;
   color: #ffffff;
   font-family: tahoma;
   font-style: normal;
	font-size: 12px;
}

#lfooter  {
	height: 25px;
 	float: left;
	vertical-align:middle;
 	width: 20%;
 	margin-top: 20px;
 	margin-left: 2%;
 	letter-spacing: 2px;
 	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9px;
	text-align: left;
	color: #ffffff;
}

#cfooter  {
	height: 25px;
 	vertical-align:middle;
 	width: 300;
 	margin-top: 20px;
 	margin-right: 2%;
 	letter-spacing: 2px;
 	font-family: Arial, Verdana, Helvetica, sans-serif;
 	font-size: 9px;
 	text-align: center;
  	color: #ffffff;
}

#rfooter  {
	height: 25px;
 	float: right;
 	vertical-align:middle;
 	width: 20%;
 	margin-top: 20px;
 	margin-right: 2%;
 	letter-spacing: 2px;
 	font-family: Arial, Verdana, Helvetica, sans-serif;
 	font-size: 9px;
 	text-align: right;
  	color: #ffffff;
}

table.standard {
			border: 1px solid #000000;
			border-collapse: collapse;
}

table.standard td  {
			border: 1px solid #000000;
			border-collapse: collapse;
}

table {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
}