/* CSS Document */
.navbutton	{
	display: block;
	padding: 5px 10px;
	width: 164px;
	color: #FFF;
	background-color: #4E4282;
	text-decoration: none;
	border-top: 2px solid #CCC;
	border-left: 2px solid #CCC;
	border-bottom: 2px solid #333;
	border-right: 2px solid #333;
	font-weight: bold;
	font-size: 0.9em;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image:  url(/CSSimages/pgbg.gif);
}
  
.error
{
	color : Red;
	font-family: Verdana, Sans-Serif;
	font-size: large;
}
html,body {
	margin:0;
	padding:0;
	color:#000;
	background:#fff;
	}
	body {
		font:76%/135% "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
		padding:0 0 10px 0;
		min-width:760px;
	}
	input.button { 
		border-color: #336699; 
		background-color: #F4F2E6; 
		color: #000; 
	} 
	input.textfield { 
		border-color: #336699; 
		background-color: #F4F2E6; 
		color: #336699; 
		font-weight: normal; 
	}
	TABLE.data{
	padding: 0px;
	color: #000;
	background-color: #FFF;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	text-decoration: none;
	}
	TABLE.box{
	display: block;
	padding: 1px 1px;
	color: #000;
	background-color: #FFF;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	text-decoration: none;
	}
	.box.divider{	border-color:#000000; border-left:1px solid #000; font-size: 11px;}
	TABLE.data.TR{
			font-size: 3px;
	}
	TR.header{
	background-color:#4E4282;
	text-decoration: none;
	font-weight: bold;
	text-align:center;
	}
	TR.tint1{background-color:#ECECFF; font-size: 11px;}
	TR.tint2{background-color:#FFF; font-size: 11px;}
	TR.selected{background-color:#CCC; font-size: 11px;}
	
	#container
		{
	margin: .5em;
	background-color: #FFF;
	background-image:   url(/CSSimages/background.jpg);
	background-repeat: repeat-y;
	border: 1px solid #333;
	padding: 0em;
		}
		
		#container h6 { 
		text-align:right;
		margin: -1.6em 1em 0em 0em; 
		} 
		#container steps{
		  float: right;
		  width: 150px;
		}
		#banner
		{
			background-color: #4E4282;
			border-bottom: .5px solid #333;
		}
		
		#banner h1
		{
			font:bold 100% "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
			
			margin: 0 1em 0 0;
			padding: .5em .5em .5em 1em;
			color:#FFF;
		}
		
		#navb
		{
			float: left;
			width: 160px;
			margin-left: 0px;
			padding-top: 1em;
		}
		
		#navb p { margin-top: 0; }
		
		#content
		{
	padding-top: 0em;
	margin: 0 0em;
	padding-left: 0em;
		}
		
		#content h2 { margin-top: 0; }
		
		#footer
		{
	clear: both;
	background-color: #D8D8D8;
	padding: 0.25em;
	text-align: center;
	border-top: 1px solid #333;
	font-size: 10px;
	color: #999999;
		}
		code {
		font-family:Monaco, Courier, "Courier New", monospace;
	}
	h1 {
		font-size:1.5em;
	}
	#labfooter {
		text-align:center;
		clear:both;
	}
	#wrap {
		width:760px;
		margin:0 auto;
	}
	#main {
		clear:both;
		margin:20px 10px;
	}
	.adwrap {
		margin:10px 0;
		padding:10px 66px;
		border:1px solid #ccc;
		border-width:1px 0;
	}
	.adwrap object {
		width:468px;
		height:60px;
	}
	
	/* CSS for the tabs starts here */
	#topheader {
		height:111px;
		background: url(/CSSimages/headerThin.jpg) 0 0 no-repeat;
	}
	#navcontainer { margin-left: 0px; }

#navtab{
	display: block;
	padding: 1px 12px;
	width: 138px;
	color: #000;
	background-color: #CCCCCC;
	border-top: 1px solid #939393;
	border-left: 1px solid #939393;
	border-right: 1px solid #939393;
	text-decoration: none;
	font-weight: bold;
	font-size: 0.9em;
	text-align: center;
			}

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
}

#navcontainer li { margin: 0; }

#navcontainer a
{
display: block;
padding: 5px 10px;
width: 140px;
color: #FFF;
background-color: #A71F4D;
text-decoration: none;
border-top: 2px solid #CCC;
border-left: 2px solid #CCC;
border-bottom: 2px solid #333;
border-right: 2px solid #333;
font-weight: bold;
font-size: 1em;

/* background-image: url(images/vertical06.jpg); */
background-repeat: no-repeat;
background-position: 0 0;
}

#navcontainer a:hover
{
color: #FFF;
background-color: #A71F4D;
text-decoration: underline;
border-top: 2px solid #CCC;
border-left: 2px solid #CCC;
border-bottom: 2px solid #333;
border-right: 2px solid #333;
/*background-image: url(images/vertical06a.jpg); */
background-repeat: no-repeat;
background-position: 0 0;
}

#navcontainer ul ul li { margin: 0; }

#navcontainer ul ul a
{
display: block;
padding: 5px 5px 5px 30px;
width: 125px;
color: #000;
background-color: #FFFFFF;
text-decoration: none;
font-weight: normal;
}

#navcontainer ul ul a:hover
{
color: #FFF;
background-color: #FFFFFF;
text-decoration: none;
}

	#nav {
		float:left;
		width:760px;
		margin-top:-19px;
		font-size:0.94em;
		line-height:1em;
	}
	#nav ul {
		margin:0;
		padding:0 0 0 28px;
		list-style:none;
	}
	#nav li {
		float:left;
		margin:0 0 0 -1px;
		padding:0 0 0 6px;
		background: url(/CSSimages/nav1.gif) 0 100% no-repeat;
	}
	#nav li:hover {
		/*background-position:-6px 100%;*/
	}
	#nav a {
		float:left;
		display:block;
		color:#000000;
		font-weight:bold;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		background: url(/CSSimages/nav2.gif) 100% 100% no-repeat;
		padding:5px 14px 12px 8px;
		text-decoration:none;
	}
	#nav li:hover a {
		/*background-image:url(CSSimages/nav1.gif);*/
	}
	/* Hide from IE5-Mac \*/
	#nav a {float:none;}
	/* End IE5-Mac hack */
	#nav a:hover {
		color:#000;
		text-decoration:underline;
	}
	#Demonstrations #nav #v1 a,
	#Overview #nav #v2 a,
	#ParentsWeb #nav #v3 a,
	#Data #nav #v4 a,
	#PowerTools #nav #v5 a,
	#Resources #nav #v6 a,
	#Demo #nav #v7 a,
	#home #nav #t1 a,
	#ParentsWeb #nav #t2,
	#WhyRenWeb #nav #t3,
	#Testimonials #nav #t4,
	#Contact #nav #t5,
	#Support #nav #t6,
	#Demo #nav #t7, 
	#Partners #nav #t8{
		background-position:-12px 100%;
		padding-left:26px;
		margin:0 2px 0 1px;
	}
	
	#Demonstrations #nav #v1 a,
	#Overview #nav #v2 a,
	#ParentsWeb #nav #v3 a,
	#Data #nav #v4 a,
	#PowerTools #nav #v5 a,
	#Resources #nav #v6 a,
	#Demo #nav #v7
	#home #nav #t1 a,
	#ParentsWeb #nav #t2 a,
	#WhyRenWeb #nav #t3 a,
	#Testimonials #nav #t4 a,
	#Contact #nav #t5 a,
	#Support #nav #t6 a,
	#Demo #nav #t7a,
	#Partners #nav #t8 a{
	   color:#A71F4D;
		background-image: url(/CSSimages/nav2s.gif);
		padding-left:0;
		padding-right:19px;
	}
	#nav #v1,
	#Demonstrations #nav #v1
	{
		margin-left:0;
	}
	#nav #t1,
	#home #nav #t1 {
		margin-left:0;
	}
	#nav #t5,
	#contact #nav #t5 {
		margin-right:0;
	}
		#alert {
		margin:1em auto;
		padding:0;
		width:450px;
		font-size:0.94em;
		list-style:none;
	}
	#alert li {
		background: url(/CSSimages/alertbox.gif) 0 100% no-repeat;
		padding:0 0 20px 0;
		margin:8px 0 0px 0;
		display:block;
		color: #993300;
	}
	#alert h4 {
	font-size:1.5em;
	line-height:2em;
	font-weight:bold;
	background: url(/CSSimages/alertbox.gif) 0 0 no-repeat;
	margin:0;
	padding:6px 4px 3px 21px;
	color: #993300;
	}
		#news {
	margin:1em auto;
	padding:0;
	width:200px;
	font-size:0.94em;
	list-style:none;
	}
	#news li {
		background: url(/CSSimages/box2.gif) 0 100% no-repeat;
		padding:0 0 20px 0;
		margin:8px 0 0 0;
		display:block;
	}
	#news li p, #alert li p {
	background:#F4F2E6;
	padding:1px 4px 0 7px;
	margin:0;
	border-left:14px solid #939393;
	background-color: #EDEDED;
	}
	#news li.arr p, #alert p {
		background:#F4F2E6 url(/CSSimages/edge.gif) 0 50% repeat-y;
		padding-left:21px;
		border:0;
	}
	#news h4{
		font-size:1em;
		line-height:1em;
		font-weight:bold;
		background: url(/CSSimages/box2.gif) 0 0 no-repeat;
		margin:0;
		padding:6px 4px 3px 21px;
	}
	#news a:link {
		text-decoration:none;
		color:#000;
	}
	#news a:visited {
		text-decoration:none;
		color:#606;
	}
	#news a:hover {
		text-decoration:underline;
	}
	#news .more {
		line-height:1em;
		display:block;
		text-align:right;
		padding:0 18px 2px 21px;
		margin-top:4px;
		background: url(/CSSimages/arrow.gif) 135px 50% no-repeat;
	}
	div#shwrap {
		margin:10px auto;
		width:780px;
		background: url(/CSSimages/mainsh.gif) repeat-y;
	}
	div#shheader {
		width:780px;
		height:35px;
		background: url(/CSSimages/headsh.gif) no-repeat;
	}
	div#shcontent {
		padding:0 10px 10px 10px;
		margin:0 15px;
	}
	div#shfooter {
		width:720px;
		height:5px;
		background: url(/CSSimages/footsh.gif) no-repeat;
	}
	.teaser {
		width:430px;
		padding:0 0 14px 0;
		margin:10px auto;
		background: url(/CSSimages/tsr.gif) bottom left no-repeat;
	}
	.teaser h3 {
		margin:0;
		padding:7px 10px 3px 10px;
		background: url(/CSSimages/tsr.gif) top left no-repeat;
	}
	.teaser p, .teaser a.more {
		margin:0;
		padding:0 10px 3px;
		border:1px solid #d8d8d8;
		border-width:0 1px;
		background:#fff;
	}
	.teaser a.more {
		display:block;
		text-align:right;
		background: url(/CSSimages/tsr-a.gif) 410px 50% no-repeat;
		padding:0 24px 0 0;
		text-decoration:none;
		color:#44a;
	}
	.teaser a.more:hover {
		text-decoration:underline;
	}
	
	#el01 {color:#00f; background-color:#33b;}  
	div#navigation {
		border:1px solid #000;
		width:598px;
	}
	div#navigation ul {
		width:598px;
		font-family:Tahoma,"Trebuchet MS", sans-serif;
		font-size:11px;
		line-height:11px;
		color:#000;
	}
	ul#menu {
		margin:0;
		padding:6px 0 5px 0;
		background-color:#000000;
		list-style-type:none;
		border-bottom:2px solid #000;
	}
	ul#menu li {
		display:inline;
		margin:0;
		padding:0;
	}
	ul#submenu {
		margin:0;
		padding:5px 0;
		background-color:#000000;
		list-style-type:none;
		}
	ul#submenu li {
		display:inline;
		margin:0;
		padding:0;
	}
	ul#submenu li+li {
		border-left:1px solid #ccc;
	}
	div#navigation a:link,
	div#navigation a:visited,
	div#navigation a:hover {
		color:#fff;
		text-decoration:none;
		padding:5px;
		background-color:#A71F4D;
	}
	div#navigation ul#menu a:link,
	div#navigation ul#menu a:visited,
	div#navigation ul#menu a:hover {
		font-weight:bold;
		border:1px solid #000;
		text-transform:uppercase;
		background-image: url(/CSSimages/tab-bg.gif);
		background-repeat:repeat-x;
		background-position:bottom left;
	}
	div#navigation ul#menu a:hover {
		background-color:#000000;
		background-image: url(/CSSimages/tab-bg-on.gif);
		border-bottom-color:#24568E;
	}
	div#navigation ul#menu li.sel a:link,
	div#navigation ul#menu li.sel a:visited,
	div#navigation ul#menu li.sel a:hover {
		background-color:#A71F4D;
		background-image: url(/CSSimages/tab-bg-on.gif);
		border-bottom-color:#24568E;
	}
	div#navigation ul#submenu a:link,
	div#navigation ul#submenu a:visited,
	div#navigation ul#submenu a:hover {
		font-weight:normal;
		padding:0 5px;
		background-color:#000000;
	}
	div#navigation ul#submenu a:hover {
		text-decoration:underline;
	}
	h1.topmenu,
	h2.submenu {
		display:none;
	}
	#header {
  float:left;
  width:100%;
  background:#DAE0D2 url(/CSSimages/pgtabbg.gif) repeat-x bottom;
  font-size:93%;
  line-height:normal;
  }
#header ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none;
  float:inherit;
  }
#header li {
  float:left;
  background: url(/CSSimages/norm_left.gif) no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
   margin-left:auto;
  margin-right:auto;
  }
#header a {
  float:left;
  display:block;
  background: url(/CSSimages/norm_right.gif) no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#000000;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#header a {float:none;}
/* End IE5-Mac hack */
#header a:hover {
  color:#333;
  text-decoration:underline;
  }
#header #current {
  background-image: url(/CSSimages/norm_left_on.gif);
  }
#header #current a {
  background-image: url(/CSSimages/norm_right_on.gif);
  color:#A71F4D;
  padding-bottom:5px;
  }

a {
	color:#C30;
	text-decoration:none;
}
a:hover {
	color:#C30;
    text-decoration:underline;
}
#fixedtipdiv{
position:absolute;
padding: 2px;
border:1px solid black;
font:italic 12px Arial;
line-height:18px;
z-index:100;
}