﻿/* ========== Tutorial Container*/
#tutorial-box{
	width:678px;
	height:auto;
	margin-top:10px;
}
.tutorial-top{
	background-image:url('../images/tutorial-images/tutorial-top.jpg');
	background-repeat:no-repeat;
	width:678px;
	height:26px;
}

.tutorial-top h5{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#096f96;
	font-weight:bold;
}
.title-textbox{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#096f96;
	font-weight:bold;
	padding:0px;
	float:left;

}
#tutorial-bg{
	background-image:url('../images/tutorial-images/tutorial-bg.jpg');
	background-repeat:repeat-y;
	height:auto;
	width:678px;
}
.tutorial-bottom{
	background-image:url('../images/tutorial-images/tutorial-bottom.jpg');
	background-repeat:no-repeat;
	width:678px;
	height:64px;
	padding-bottom:10px;
}
#center-helpbox{
	width:631px;
	padding-left:20px;
	height:auto;
	
}
.left-descriptionbox{
	width:475px;
	height:auto;
	float:left;
	padding-left:8px;
}

#right-linkbox{
	width:270px;
	height:auto;
	float:right;
	padding-left:5px;
	
}
.screenshot-imgbox{
	width:415px;
}


.description-title{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#990000;
	padding-top:8px;
	margin-left:15px;
}
.description-title h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#990000;
	text-decoration:none;
}
h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#990000;
	text-decoration:none;
}

#borderdes-box{
	width:450px;
	height:auto;
	border:1px solid #a2a2a2;
	background-color:#f5f6f7;
	padding:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}
#scrollDiv {
    width:450px; /* set width; optional */
    height:100px; /* set height; mandatory */
    overflow:auto; /* tells browser to scroll content longer than height */
} 

#scrollImageDiv {
    width:450px; /* set width; optional */
    height:250px;/* set height; mandatory */
    overflow:auto;
	margin-left:8px; /* tells browser to scroll content longer than height */
} 
.boxtext-space{
	padding:5px;
	width:auto;
}

.step-title{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	font-weight:bold;
	width:400px;
	height:35px;
	padding-left:8px;
	margin-top:8px;

}

.tree-title {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#990000;
	font-weight:bold;
	width:400px;
	height:auto;
	padding-left:8px;
	margin-top:8px;
	margin-bottom:10px;

}

.tree-title a{
color:#000000;
text-decoration:none;
}
.tree-title a:hover{
color:#990000;
text-decoration:none;
}
#step-containerbox{
	width:416px;
	height:auto;
	padding-left:8px;
	/*margin-top:8px;*/
	
}
.stepbox-top{
	background-image:url('../images/tutorial-images/step-topimg.jpg');
	background-repeat:no-repeat;
	width:416px;
	height:8px;
}
.stepbox-bg{
	background-image:url('../images/tutorial-images/step-bgimg.jpg');
	background-repeat:repeat-y;
	width:416px;

}
.stepbox-bottom{
	background-image:url('../images/tutorial-images/step-botimg.jpg');
	background-repeat:no-repeat;
	width:416px;
	height:9px;
	padding-top:20px;
}

.child-text{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	padding-left:10px;
}
.child-subtext{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}
.parent-text{
	width:auto;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#2c659a;	
	padding-left:8px;
}

.parent-text-selected{
	width:auto;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FF0000;
	padding-left:10px;
}

.parent-text-selected a{
	color:#990000;
text-decoration:none;
}
.parent-text a{
	color:#2c659a;	
	text-decoration:none;
}
.parentsub-text{
	width:auto;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding-left:25px;
	color:#000000;	
	}
.parentsub-text a{
	color:#000000;	
	text-decoration:none;
}

.parentmenusub-text{
	width:auto;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding-left:35px;
	color:#000000;
	
}
.parentmenusub-text a{
	color:#000000;	
	text-decoration:none;
		
}
#status{
color:#000000;
height:8px;
font-weight:bold;
}
.treeimage{
float:left;
width:10px;
margin-top:5px;
height:4px;
}
.tree{
width:auto;
float:left;
clear:both;
padding-top:10px;
}

.treeimage-text{
width:auto;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#000000;
}
.treeimage-text a{
color:#000000;
text-decoration:none;
}
.treeimage-text a:hover{
color:#990000;
text-decoration:none;
}

.treeimage-text a:active{
color:#990000;
text-decoration:none;
}


/* ========== Clone page Class*/
#clone-container{
	width:500px;
	height:auto;
}

.help-topic{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	padding-left:50px;
	height:15px;
	padding-bottom:15px;
}
