BODY{
	padding: 0px; 
	margin: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:smaller;
	color:#000000
}
html, body {
	height:100%;
	width:100%;
	margin:5px;
	padding:5px;
	border: none;
}
a img{
	border:0px;
}
a{
	color:#6d6e72;
	text-decoration:none;
}
a:hover{
	color:#99cc66;
	text-decoration:underline;
	
	
	/*    RESPONISIVE FORM TEMPLATE BEGIN    */
@import url(http://fonts.googleapis.com/css?family=Roboto+Slab);
* {
/* With these codes padding and border does not increase it's width and gives intuitive style.*/

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body {
margin:0;
padding:0;
font-family: 'Roboto Slab', serif;
}
div#envelope{
width: 55%;
margin: 10px 30% 10px 25%;
padding:10px 0;
border: 2px solid gray;
border-radius:10px;
}
form{
width:70%;
margin:4% 15%;
}
header{
background-color: #4180C5;
text-align: center;
padding-top: 12px;
padding-bottom: 8px;
margin-top: -11px;
margin-bottom: -8px;
border-radius: 10px 10px 0 0;
color: aliceblue;
}

/* Makes responsive fields. Sets size and field alignment.*/
input[type=text]{
margin-bottom: 20px;
margin-top: 10px;
width:100%;
padding: 15px;
border-radius:5px;
border:1px solid #7ac9b7;
}
input[type=submit]
{
margin-bottom: 20px;
width:100%;
padding: 15px;
border-radius:5px;
border:1px solid #7ac9b7;
background-color: #4180C5;
color: aliceblue;
font-size:15px;
cursor:pointer;
}
#submit:hover
{
background-color: black;
}
textarea{
width:100%;
padding: 15px;
margin-top: 10px;
border:1px solid #7ac9b7;
border-radius:5px;
margin-bottom: 20px;
resize:none;
}
input[type=text]:focus,textarea:focus {
border-color: #4697e4;
}

/*    RESPONISIVE FORM TEMPLATE END */


	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}
.smainlayouttbl{
	margin:0px auto;
	height:100%;
	margin-left: 1%;
	margin-right: 1%;
}
.smainlayouttbl .l{
	width:5px;
	background:url(/images/b2.gif) repeat-y 100% 0%;
}
.mainlayouttbl .c{
	width:auto;
	background-color:#f2f2f2;
}
.mainlayouttbl .r{
	width:8px;
	background:url(/images/b3.gif) repeat-y;
}
.smainlayouttbl{
	margin:0px;
	padding-left:0px;
	height:100%;
	width:100%;
	margin-left: auto;
     margin-right: auto;
	
}
.smainlayouttblb .l{
	width:5px;
	background:url(/images/b2.gif) repeat-y 100% 0%;
}
.smainlayouttblb .c{
	width: 98%;
	background-color:#f6f6f6;
}
.smainlayouttblb .r{
	width:8px;
	background:url(/images/b3.gif) repeat-y;
}
.mainby{
	width:1100px;
	margin:1%;
}
.main{
	width:1100px;
	margin:auto;
}
.slogan{
	font-weight:bold;
	font-style:italic;
	font-family:"Times New Roman", Times, serif;
	font-size:larger;
}
.mainmenu .ml{
	width:17px;
	height:44px;
	background:url(/images/b4.jpg) no-repeat 100% 0%;
}
.mainmenu .mc{
	height:44px;
	background:url(/images/b5.jpg) repeat-x;
}
.mainmenu .mc a{
	text-decoration:none;
	color:#737373;
	font-weight:bold;
}
.mainmenu .mc a:hover, .mainmenu .mc a.active{
	color:#d46c1b;
}
.mainmenu .mr{
	width:16px;
	height:44px;
	background:url(/images/b6.jpg) no-repeat;
}
.submenu .tml{
	width:17px;
	height:6px;
	background:url(/images/b7t.jpg) no-repeat 100% 0%;
}
.submenu.nosubmenu .tml{
	background:url(/images/b7t_.jpg) no-repeat 100% 0%;
}
.submenu .ml{
	width:17px;
	background:url(/images/b7.jpg) repeat-y 100% 0%;
}
.submenu.nosubmenu .ml{
	background:transparent;
}
.submenu .bml{
	width:17px;
	height:6px;
	background:url(/images/b7b.jpg) no-repeat 100% 0%;
}
.submenu.nosubmenu .bml{
	background:transparent;
}
.submenu .tmc{
	background:#fba059 url(../images/b8.jpg) repeat-x;
}
.submenu.nosubmenu .tmc{
	background:url(/images/b8_.jpg) repeat-x;
}
.submenu .mc{
	background:#fba059;
}
.submenu.nosubmenu .mc{
	background:none;
}
.submenu .bmc{
	background:#fba059;
}
.submenu.nosubmenu .bmc{
	background:none;
}
.submenu .mc a{
	color:#FFFFFF;
/*	font-weight:bold;*/
	font-size:13px;
	margin:0px 5px;
	display:block;
}
.submenu .mc a:hover, .submenu .mc a.active{
	text-decoration:underline;
}
.submenu .tmr{
	width:16px;
	height:6px;
	background:url(/images/b9t.jpg) no-repeat;
}
.submenu.nosubmenu .tmr{
	background:url(/images/b9t_.jpg) no-repeat;
}
.submenu .mr{
	width:16px;
	background:url(/images/b9.jpg) repeat-y;
}
.submenu.nosubmenu .mr{
	background:transparent;
}
.submenu .bmr{
	width:16px;
	height:6px;
	background:url(/images/b9b.jpg) no-repeat;
}
.submenu.nosubmenu .bmr{
	background:url(/images/b9b_.jpg) no-repeat;
}

.inputFld td{
   sheight:35px;
   sfont-size:24px;
}
.heightbox {
/*height:35px;
display:block;*/
padding: 1px 1px; line-height: 32px; 
font-size:20px;
vertical-align:middle;
font-family:Century Gothic;
}
.heightbox2 {
/*height:35px;
display:block;*/
padding: 1px 10px; line-height: 40px; 
font-size:24px;
vertical-align:middle;
font-family:Century Gothic;
}
.fldname {
  height:10px;
 font-style: italic;
 font-size : 10px;
 font-family:Century Gothic;
}

.alert{
		height:100%;
		background-color: #99CC66;
		color: red;
		}



/*  NO MORE LINKSBOXES

.linksbox{
	font-size:smaller;
	text-align:left;
}
.linksbox .tr{
	font-size:1px;
	line-height:1px;
}
.linksbox .tr .l{
	height:12px;
	width:14px;
	background:url(/images/b10_.jpg) no-repeat 100% 0%;
}
.linksbox .tr .c{
	height:12px;
	width:auto;
	background:url(/images/b11_.jpg) repeat-x;
	color:#FFFFFF;
	font-weight:bold;
	font-size:larger
}
.linksbox .tr .r{
	height:12px;
	width:14px;
	background:url(/images/b12_.jpg) no-repeat;
}
.linksbox .tr.hastitle{
	font-size:medium;
	line-height:normal;
}
.linksbox .tr.hastitle .l{
	height:37px;
	background-image:url(/images/b10.jpg);
}
.linksbox .tr.hastitle .c{
	height:33px;
	padding-bottom:4px;
	background-image:url(/images/b11.jpg);
}
.linksbox .tr.hastitle .r{
	height:37px;
	background:url(/images/b12.jpg);
}
.linksbox .mr .l{
	width:14px;
	background:url(/images/b16.jpg) repeat-y 100% 0%;
}
.linksbox .mr .c{
	height:37px;
	width:auto;
	background-color:#e5eaf0;
}
.linksbox .mr .r{
	width:14px;
	background:url(/images/b17.jpg) repeat-y;
}
.linksbox .br .l{
	height:14px;
	width:14px;
	background:url(/images/b13.jpg) no-repeat 100% 0%;
}
.linksbox .br .c{
	height:14px;
	width:auto;
	background:url(/images/b14.jpg) repeat-x;
}
.linksbox .br .r{
	height:14px;
	width:14px;
	background:url(/images/b15.jpg) no-repeat;
}
.linksbox .mr .c a.link{
	margin:5px 0px;
	display:block;
	color:#2145a0;
	padding-left:23px;
	background:url(/images/listboxbullet.jpg) no-repeat;
}
.linksbox .mr .c a.link:hover{
	text-decoration:none;
}
.linksbox .mr .c a.link .title{
	font-size:larger;
	color:#5f615f;
}
.linksbox .mr .c a.link:hover .title{
	text-decoration:underline;
	color:#000000;
}





.olinksbox{
	font-size:smaller;
	text-align:left;
}
.olinksbox .tr{
	font-size:1px;
	line-height:1px;
}
.olinksbox .tr .l{
	height:12px;
	width:14px;
	background:url(/images/b10_.jpg) no-repeat 100% 0%;
}
.olinksbox .tr .c{
	height:12px;
	width:auto;
	background:url(/images/b11_.jpg) repeat-x;
	color:#FFFFFF;
	font-weight:bold;
	font-size:larger
}
.olinksbox .tr .r{
	height:12px;
	width:14px;
	background:url(/images/b12_.jpg) no-repeat;
}
.olinksbox .tr.hastitle{
	font-size:medium;
	line-height:normal;
}
.olinksbox .tr.hastitle .l{
	height:37px;
	background-image:url(/images/b100.jpg);
}
.olinksbox .tr.hastitle .c{
	height:33px;
	padding-bottom:4px;
	background-image:url(/images/b110.jpg);
}
.olinksbox .tr.hastitle .r{
	height:37px;
	background:url(/images/b120.jpg);
}
.olinksbox .mr .l{
	width:14px;
	background:url(/images/b160.jpg) repeat-y 100% 0%;
}
.olinksbox .mr .c{
	height:37px;
	width:auto;
	background-color:#f0ede5;
}
.olinksbox .mr .r{
	width:14px;
	background:url(/images/b170.jpg) repeat-y;
}
.olinksbox .br .l{
	height:14px;
	width:14px;
	background:url(/images/b130.jpg) no-repeat 100% 0%;
}
.olinksbox .br .c{
	height:14px;
	width:auto;
	background:url(/images/b140.jpg) repeat-x;
}
.olinksbox .br .r{
	height:14px;
	width:14px;
	background:url(/images/b150.jpg) no-repeat;
}
.olinksbox .mr .c a.link{
	margin:5px 0px;
	display:block;
	color:#e0972f;
	padding-left:23px;
	background:url(/images/listboxbullet-o.jpg) no-repeat;
}
.olinksbox .mr .c a.link:hover{
	text-decoration:none;
}
.olinksbox .mr .c a.link .title{
	font-size:larger;
	color:#5f615f;
}
.olinksbox .mr .c a.link:hover .title{
	text-decoration:underline;
	color:#000000;
}

*/

/*	background-image:url(/images/b.gif);     THIS WAS REMOVED COMMENTED OUT OF BODY TAG BUT CHROME WAS STILL READING IT SO I MOED IT HERE - GR  */









.contentbox{
	color:#424242;
	margin:10px auto;
}
.dividerline{
	font-size:1px;
	line-height:1px;
	height:1px;
	overflow:hidden;
	background-color:#ea883b;
	margin:10px 0px;
}
/*.pageheading{
	font-size:larger;
	font-weight:bold;
	margin:20px 10px 10px;
	text-align:left;
}*/

.pageheading{
	margin-top:25px;
	font-weight:bold;
	font-size:20px;
	color:#6d6e72;
}

.moduleheading{
	margin-top:25px;
	font-weight:normal;
	font-size:20px;
	color:#6d6e72;
}

.tlcnansearch{
	font-weight:bold;
	font-size:14px;
	color:#0e7b00;
}

.modulesubheading{
	font-weight:normal;
	font-size:18px;
	margin-top:10px;
	color: #616262;
}


.modulesubheadingmob{
	font-weight:normal;
	font-size:24px;
	margin-top:10px;
	color: #616262;
}



.bottombox{
	background-color:#f6f6f6;
	text-align:center;
}
.datatable{
	border:1px solid #FF6600;
	color:#000000;
}
.datatable th{
	background-color:#ffd6b6;
}
.datatable td{
	border-top:1px solid #FF6600;
}
.orangebox{
	background-color:#ffd6b6;
	color:#000000; 
	padding:10px; 
	margin:5px;
}
.nandiv td{
	height:10px;
	font-size:12px;
}
.nantbl{
	height:10px;
}	
	/* remove the list style */
	#nav {
		margin:0; 
		padding:0; 
		list-style:none;
	}	
	
		/* make the LI display inline */
		/* it's position relative so that position absolute */
		/* can be used in submenu */
		#nav li {
			float:left; 
			display:block; 
			position:relative;
			z-index:500; 
		}
		
		/* this is the parent menu */
		#nav li a {
			display:block; 
			padding-top:6px; 
			font-weight:700;  
			height:23px; 
			text-decoration:none; 
			color:#fff; 
			text-align:center; 
			color:#737373;
		}

		#nav li a:hover {
			color:#d46c1b;
			text-decoration: none;
		}
	
		/* you can make a different style for default selected value */
		#nav a.selected {
			color:#d46c1b;
		}

		#nav a.active {
			color:#d46c1b;
		}
	
		/* submenu, it's hidden by default */
		#nav ul {
			position:absolute; 
			left:0; 
			display:none; 
			margin:0 0 0 -1px; 
			padding:0; 
			list-style:none;
		}
		
		#nav ul li {
			width:200px; 
			float:left; 
			border-top:1px solid #fff;
			background: #eee;
			border: 1px solid #CACCCB;
		}
		
		/* display block will make the link fill the whole area of LI */
		#nav ul a {
			display:block;  
			height:15px;
			padding: 8px 5px; 
			color:#737373;
			font-size: 12px;
		}
		
		#nav ul a:hover {
			text-decoration:none;	
			color: #d46c1b;
						font-size: 12px;
		}

		/* fix ie6 small issue */
		/* we should always avoid using hack like this */
		/* should put it into separate file : ) */
		*html #nav ul {
			margin:0 0 0 -2px;
		}
		#progress {
 width: 500px;   
 border: 1px solid black;
 position: relative;
 padding: 3px;
}

#percent {
 position: absolute;   
 left: 50%;
}
#percent2 {
 position: relative;   
 left: 0%;
}
#percent3 {
 position: absolute;   
 left: 20%;
}
#bar {
 height: 20px;
 background-color: blue;
 width: 30%;
}


#progressbar {
    width: 500px;
    height: 15px;
    background-color: #eee;
    padding: 2px;
    margin: .6em 0;
    border: 1px #000 double;
    clear: both;
}

#progress2 {
    background: #81BEF7; /*-- Color of the bar --*/
    height: 15px;
    width: 0%;
    max-width: 500px;
    float: left;
    -webkit-animation: progress 2s 1 forwards;
    -moz-animation: progress 2s 1 forwards;
    -ms-animation: progress 2s 1 forwards;
    animation: progress 2s 1 forwards;
}

#pbaranim {
    height: 15px;
    width: 500px;
    overflow: hidden;
    background: url('http://www.cssdeck.com/uploads/media/items/7/7uo1osj.gif') repeat-x;
    -moz-opacity: 0.25;
    -khtml-opacity: 0.25;
    opacity: 0.25;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=25);
    filter: alpha(opacity=25);
}
@font-face {
   font-family : '做厙AV_font';
   src: url('/css/ITCAvantGardePro-Bk.ttf');
}
.nannyApp {
   font-family : '做厙AV_font';
   font-size:15px;
}   
.one {
    width: 45%;
 /*   height: 270px; */
    float: left;
}
.two {
    margin-left: 5%;
/*   height: 270px; */
 
}
.nannyRptBox {
   background: #99cc66;
   font-family : '做厙AV_font';
   font-size:15px;
}
.nannyRpt {
   font-family : '做厙AV_font';
   font-size:12px;
}
.nannyRptHdg {
   font-family : '做厙AV_font';
   font-size:16px;
}