/* ========================= HTML AND BODY ========================= */
html, body{
	height: 100%;
	margin:0px;
	text-align:center;
	/*overflow: hidden;*/
	
	background-color:#444444;
	/*background-color: white;*/
	color: black;
	
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Arial", "sans-serif";
	/*font: arial, helvetica, sans-serif;*/
	font-size:11px;
	
	background-image: url(./images/sabateca_bg.gif);
	background-repeat: no-repeat;
}

#divPaneContainer{
	width:900px;
	margin:0 auto;
	text-align:left;
	/*height:800px;*/
	background-color: white;
	border-left:3px #000;
	border-right:3px #000;
}

/* ========================= CLASSES ========================= */
.description{
	font-size: 12px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	width: 720px;
	margin-left: 15px;
}

.code{
	background-color: #E9F0FC;
	padding-left: 10px;
	overflow: auto;
	font-size:12px;
	width: 600px;
	margin-left: 32px;
}

.example{
	background-color: #E9F0FC;
	padding-left: 10px;
	overflow: auto;
	font-size:12px;
	width: 640px;
	margin-left: 32px;
}

.list{
	background-color: #E9F0FC;
	padding-left: 10px;
	overflow: auto;
	font-size:12px;
	max-height: 440px;
	width: 640px;
	margin-left: 32px;
}

.listS{
	background-color: #E9F0FC;
	padding-left: 10px;
	overflow: auto;
	font-size:12px;
	max-height: 200px;
	width: 640px;
	margin-left: 32px;
}
	
.ita{
	font-style: italic;
}

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

.title{
	background-color: #E1E9FF;
	font-size: 18px;
	font-weight: bold;
	height: 26px;
	padding-top: 3px;
	padding-left: 6px;
}

p{
	font-weight: bold;
	padding-left: 20px;
	text-decoration: underline;
}

.comment{
	/*width: 640px;*/
	border: 1px solid #cccccc;
	background-color: #e8e8e8;
	padding: 10px;
}

.itemName{
	margin-left: 20px;
	width: 720px;
	border-left: 6px solid DimGray;
	border-bottom: 1px solid #ACA899;
	font-weight: bold;
	font-size: 16px;
	padding-left: 5px;
	
/*background-image: url(../images/item_name_bg.png);*/
/*background-repeat: no-repeat;*/
/*background-position: 0% 100%;*/
/*padding: 16px 15px 16px 5px;*/
}



.itemNameR{
	color: #FF0066;
	margin-left: 20px;
	width: 720px;
	border-left: 6px solid #ffA899;
	border-bottom: 1px solid #ffA899;
	font-weight: bold;
	font-size: 16px;
	padding-left: 5px;
}
.itemNameG{
	color: #31C160;
	margin-left: 20px;
	width: 720px;
	border-left: 6px solid #00cc33;
	border-bottom: 1px solid #00cc33;
	font-weight: bold;
	font-size: 16px;
	padding-left: 5px;
}
.itemNameB{
	color: #3366FF;
	margin-left: 20px;
	width: 720px;
	border-left: 6px solid #3366FF;
	border-bottom: 1px solid #ACA8ee;
	font-weight: bold;
	font-size: 16px;
	padding-left: 5px;
}

.separator{
	height: 8px;
	border-bottom: 1px solid #ACA899;
}

.separatorB{
	height: 8px;
	border-bottom: 1px solid #ACA8ee;
}


/* ========================= HP TITLE ========================= */
#id_divTitle{
	height:16px;
	width: 640px;
	font-size: 2.4em;
	letter-spacing: -0.05em;
	font-weight: bold;
	color: #666;
	margin: 0 0;
	background-image: url(../images/thief_deadly_shadows.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 4px 0px 48px 32px;
	vertical-align: baseline;
	margin-left:6px;
}

#id_divSubTitle{
	color: #666;
	font-size: 1.4em;
	font-weight: bold;
}
#id_divTitleDescription{
	color: #000;
	font-size: 12px;
	letter-spacing: 0.5px;
	text-align: left;
	font-weight: normal;
}
/* ===================================================================================== */
/* ================================== DocContainer ================================== */
#divDocContainer{
	padding: 5px;
}

/* ------------------------ DocHeader ------------------------ */
#divDocHeader {
	height: 24px;
	background-color: white;
	border-bottom: 1px solid #ACA899;
	padding: 8px;
}
	
#divDocTitle {
	font: bold 24px 'Trebuchet MS', 'Lucida Sans Unicode', "verdana", "arial", "helvetica", "sans-serif";
	/*letter-spacing: -0.05em;*/
	color: #777; 
	/*margin: 0 0; ;*/
	/*background: no-repeat left center;*/
	/*padding: 14px 0px 8px 130px;*/
	/*vertical-align: baseline;*/
}

#spnDocVersion{
	color: #666;
	font-size: 12px;
	font-weight: bold;
	padding-left: 15px;
}

/* ------------------------ DocBody ------------------------ */
#divDocBody {
	background-color: #FFFFFF;
	padding: 5px 0px 5px 5px;
	font: 14px 'Trebuchet MS', 'Lucida Sans Unicode', "verdana", "arial", "helvetica", "sans-serif";
	overflow: auto;
	background-image: url(../images/sabateca_bg.gif); background-repeat: no-repeat; background-position: right bottom
}

/* ------------------------ DocFooter ------------------------ */
#divDocFooter{
	height:20px;
	background-color: white;
	border-top: 1px solid #ACA899;
	padding: 2px;
}

/* ===================================================================================== */

/* ------------------------ Images ------------------------ */
.Image{
	padding: 10px;
}

.ImageR{
	float:right;
	padding: 10px;
}
.ImageL{
	float:left;
	padding: 10px;
}

.ImageS{
	padding: 5px;
}

.ImageSL{
	float:left;
	padding: 5px;
}

.ImageSR{
	float:right;
	padding: 5px;
}

.BigLetters{
	font-size: 18px;
	font-weight: bold;
}
/* ------------------------------------------------ */
.mark{
	background-color:#ffcc99;
}

.itemNameS{
	margin-left: 15px;
	width: 345px;
	color: white;
	border: 1px solid #ACA899;
	background-color: #ACA899;
	font-weight: bold;
	font-size: 11px;
	padding-left: 5px;
}

.descriptionS{
	border: 1px solid #ACA899;
	background-color: white;
	font-size: 11px;
	padding-top: 2px;
	padding-bottom: 10px;
	padding-left: 10px;
	width: 340px;
	margin-left: 15px;
}

/* ------------------------------------------------ */
.popupImageR{
	float:right;
	padding: 10px;
}