/******************************************************************************

HORNIL STYLEPIX USER MANUAL

TARGET MEDIA: SCREEN

Author: Hornil Documentation Team.
Last Update: September 22, 2009

*******************************************************************************/

/*
	Default Style
*/

body{
	margin: 0px;

	color: #414141; 
	font-family: Arial, Helvetica, sans-serif;
}

p, li{
	/*line-height: 1.5em;*/
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
	text-decoration: none;
}

h1 b, h2 b, h3 b, h4 b, h5 b, h6 b {
	color: #2F6582;
	background-color: #E9F2F8;
}

img{
	border: 0;
}


li p {
	padding-left: 20px;
}

/*
	Layout
*/

#layoutHead{
	border-top: 3px solid #80ACFF;
	border-bottom: 8px solid #F0F0F0;
	/*background-color: #E8F0FF;*/
}

#top{
	border: 0 solid blue;
}

#translate{
	float:right;
}

#docTitle{
	padding: 10px 10px 8px 10px;
	font-size: 1.7em;
	border:0px solid red;
}

#docTitle #company{
}



#docUpdate{
	color: #767676;
	font-size: 0.5em;
}

#topMenu{
	border:0px solid red;
	text-align: right;
}

#topMenu ul{
	margin-top:0px;
	padding-left: 10px;
	border:0px solid red;
}

#layoutHead ul {
	list-style: none;
	padding-top: 5px;
}

#layoutHead ul li {
	float: left;
	padding-left: 0px;
	padding-right: 10px;
	font-size: 0.9em;
}

#layoutBody{

	padding: 0;
	margin: 0;
	border: 1px solid white;
}

#layoutMenu{
	border-right: 1px solid silver;
	float: left;

	width: 200px;

	overflow: hidden;

	padding-top: 10px;
}

#LeftSection a         { text-decoration: none; }
#LeftSection a:link    {  }  /* unvisited link */
#LeftSection a:visited { color: #555;}  /* visited link */
#LeftSection a:hover   { color: black; text-decoration: underline;}  /* mouse over link */
#LeftSection a:active  { background-color: #EEF9FF; }  /* selected link */
#LeftSection a:focus   { background-color: #EEEEEE; }  /* selected link */

#LeftSection ul {
	padding-left: 15px;
	list-style: none;
	margin-left:0px;
	margin-top:0px;
}

#LeftSection ul li{
	margin-left: 0;
	border:0px solid red;
	font-size: 1em;
	line-height: 1.3em;
	padding-left: 0;
}


#LeftSection ul li ul{
	list-style: disc;
}
#LeftSection ul li ul li{
	margin-left: 20px;
}
#LeftSection ul li ul li ul li{
	margin-left: 7px;
}

#layoutContents{
	border:1px solid transparent;
	margin-top: 0;
	margin-left: 200px;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 0;
	padding-bottom: 20px;
	border-left: 1px solid silver;
}

#layoutContents p{
	text-align:justify;
}
#layoutTail{
	border: 0px solid blue;

	border-top: 5px solid #F5F5F5;

	clear: both;

	background-color: #FFFAE8;
}
/*
#copyrights{
	text-align: center;
	font-size: 12px;
	color: #7a7a7a;
}
*/

.ToppageLink{
	margin-top: 0px;
	border: 0px solid blue;
	padding-top: 8px;
	height: 20px; 
}

.ToppageLink .previous{
	float: left;

}

.ToppageLink .next{
	float: right;
}

.ToppageLink a{
	text-decoration: none;
	/*color: #608800; */
	color: #1D7ECF;
}

.ToppageLink a:hover{
	/*font-weight: bold;*/
	text-decoration: underline;
}

.pageLink{
	margin-top: 30px;
	height: 25px;
	padding-bottom: 20px;
	border: 0px solid blue;

	border-top: 1px solid /*#98D900*/ #aaa;
	padding-top: 8px;
}

.pageLink .previous{
	float: left;

}

.pageLink .next{
	float: right;
}

.pageLink a{
	text-decoration: none;
	/*color: #608800; */
	color: #1D7ECF;
}

.pageLink a:hover{
	/*font-weight: bold;*/
	text-decoration: underline;
}

.tmpImg, .Img{
	/*border: 1px dotted green;*/
	padding: 10px;
	margin-bottom: 10px;
	text-align: center;
}


.levelLink{
	/*margin-top: 5px;
	background-color: #CEEFFF;
	padding: 5px;
	border-left: 5px solid #5BCAFF;
	border-right: 5px solid #F4FCFF;*/

	margin-top: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom:1px solid silver;
}

.levelLink a{
	text-decoration: none;
	color: #005F8C; 
}
.levelLink a:hover{
	text-decoration: underline;
	color: #009CE8; 
}

ul.menu{
	list-style: none;
	margin-left: 10px;
	border:0px solid red;
	padding: 2px;
	background-color:#EBE9ED;
}

ul.menu li{
	display:inline;
	padding-right: 20px;
	margin: 0px;
	padding: 5px;
	border:0px solid blue;
	
}

.caption{
	text-align: center;
}

.menuButton {
	font-family: Lucida Console;
	font-weight: bold;
	font-size: 1.4em;
	cursor: pointer;
	margin-right: 10px;
}

.showButton{
	margin-bottom: 5px;
}

.showButton a{
	text-decoration: none;
}

#layoutTailLink table td{
	background-color: #FFEEB5;
	text-align: center;
	border-bottom: 1px solid #FFFAE8;
}


#layoutTailLink table td a{
	text-decoration: none;
	font-size: 0.8em;
	color: #7D6100;
}


#layoutTailLink table td a:hover{
	text-decoration: underline;
}

#layoutTailLink table td:hover{

}


.showButton {
	border:1px solid silver;
	padding: 5px;
	background-color: #FAFFD9;
}
.showButton a{
	color: #687A01;
}

.hidden{
	background-color: #FAFFD9;
}

span.menu{
	background-color: #e6e6ff;

	border:2px solid #d9d9ff;
	border-right: 2px solid #ceceff;
	border-bottom: 2px solid #ceceff;
	padding-left: 8px;
	padding-right: 8px;
	color: #555;
}

span.tool{
	color: #044280;
	padding-left: 2px;
	font-weight: bold;
}

span.tools{
	background-color: #f6f6f6;
	border:2px solid #ebebeb;
	border-right: 2px solid #d5d5d5;
	border-bottom: 2px solid #d5d5d5;
	padding-left: 8px;
	padding-right: 8px;
	color: #555;
}

span.type{
	background-color: white;
	border:2px solid #c5c5c5;
	border-right: 2px solid #ebebeb;
	border-bottom: 2px solid #ebebeb;
	padding-left: 8px;
	padding-right: 8px;
	color: #555;
}


/*
	Impact message such as note, tip, file path, url, key, button and etc. 
*/
.productVersion{
	font-size: 0.8em;
	color: #757575;
}

.todo{
	color: red;
}

.key{
	background-color: #eee;
	border:1px solid #bbb;
	border-right:2px solid #bbb;
	border-bottom:2px solid #bbb;
	padding-left: 8px;
	padding-right: 8px;
	color: #555;
}

h1 .key, h2 .key, h3 .key, h4 .key, h5 .key, h6 .key, h7 .key{
	font-size:0.7em;
	margin-left: 5px;
	margin-right: 5px;
}


.file,.path,.link{
	background-color: #FBFFE8;
	border: 2px solid #ABE300;
	padding-left: 3px;
	padding-right: 3px;
	color: #555;
}

.link a{
	text-decoration: none;
	color: #555;
}

.link a:hover{
}

.stylepix, .StylePix {
	padding-left: 4px;
	padding-right: 4px;
	color: #555;
	font-weight: bold;
}

.note,.Note,.tip,.Tip{
	background-color: /*#FFF3E1*/ #FCFED1;
	padding: 5px;
	border:1px solid silver;
	margin-bottom: 15px;
}

.tip,.Top{
	background-color: #eef4ff;
}

li .note, li .Note, li .tip, li .Tip{
	margin-left: 1em;
}

.note .head, .Note .Head, .tip .head, .Top .head{
	border-bottom: 1px solid silver;
	font-weight: bold;
}

.comment,.Comment{
	background-color: #4B9100;
	color: #E8FFCE;
	font-style: italic; 
	padding-left: 5px;
	padding-right: 5px;
}

.ToStart{
	border:1px solid #DAF200;
	background-color: #FDFFE8;
	margin-bottom: 1em;
}

.button,.Button{
	background-color: #DDE8FF;
	border:1px solid #c4d7ff;
	border-right:2px solid #a4c1ff;
	border-bottom:2px solid #a4c1ff;
	padding-left: 8px;
	padding-right: 8px;
	color: #333;
}

.box1{
	border:1px solid #1095DC;
	padding: 0.5em;
}

h1 .Link, h2 .Link, h3 .Link, h4 .Link { 
	font-size: 0.8em;
	padding-left: 1em;
	padding-right: 1em;
}
.comparison th		{ background-color: #777; color: white;}
.comparison td		{ border: 1px solid #ddd; padding-left: 10px; }

h1 {
	margin-top: 15px;
}