/*
///	SX STYLES
////////////////////// SPECIAL CONTENTS
=============================================================
=============================================================*/

/* ======================================
	Tidy Custom Command classes
	============================== */
.topBox {
	clear:both;
	border:1px solid #abc;
	margin: 10px 0;
	padding:4px;
	background:#e0e6e9;
}
.floatLeft {
	float:left;
	width: 40%;
	border-right:1px solid #abc;
	margin:-4px 5px 0 0;
	padding:4px;
	background:#e0e6e9;
}
.floatRight {
	float:right;
	width: 40%;
	border-left:1px solid #abc;
	margin:-4px 0 0 5px;
	padding:4px;
	background:#e0e6e9;
}
.bgTextBlue {background:#9cf}
.bgTextRed {background:#f9c}
.bgTextYellow {background:#ff0}

/* 
	======================================
	EVENTS AND SPOTS
	====================================== */
#eventBG {
	clear: both;
	margin-bottom: 2px;
	}
.eventTypeBG {
	border-bottom: 3px solid #cc0000;
	background-color: #ffffff;
	padding-bottom: 1;
	margin-bottom: 1px;
	}
.eventType {
	color: #fff9f9;
	border: 1px solid #000000;
	background-color: #cc0000;
	padding: 6 2;
	font-weight: bold;
	font-size: 10px;
	text-align: center;
	}

/*	The java effect classes
	========================*/
.event1 {width: 100%;
	background-color: #ffffff;
	border: 1px solid #a00000;
	padding: 1px;
}   
.event1 #eventTable {
	padding: 2px; 
	margin-bottom: 1px;
	color: #c00000;
	background-color: #ffffff;
	}
.event2 {width: 100%;
	background-color: #ffffff;
	border: 1px solid #a00000;
	padding: 1px;
}   
.event2 #eventTable {
	padding: 2px; 
	margin-bottom: 1px;
	color: #c00000;
	background-color: #e3e6e9;
	}
.videoSpotBG {
	clear: both;
	font-weight: bold;
	font-size: 10px;
	padding: 4 2px;
	color: #c00000;
	background-color: #e3e6e9;
	border: 0px solid #a00000;
	}
.videoSpotBG a:hover {color: #000000}

/*	Spot content classes
	========================*/
#eventTable {padding: 2px; width: 100%;}
#eventTable td {}
#eventTable p {margin: 0}

#eventTitle {
	padding-bottom: 4px;
	font-size: 11px; 
	font-weight: bold; 
	text-align: left;
	}
#eventTitle a {color: c00000; text-decoration: none;}
#eventTitle a:hover {color: #000000; }
#eventSubTitle {
	margin: 0 0 5 0; 
	font-size: 10px; 
	font-weight: bold; 
	text-align: left;
	}
#eventOpen a {
	float: right;
	clear: both; 
	display: block;
	padding: 1px 5px;
	color: c00000; 
	font-weight: bold; 
	text-decoration: none;
	margin-top: 4px;
	}
#eventOpen a:hover {color: #000000;background-color: #ffffff;}

.eventSpacer {height: 10px;	clear: both;}
.printEvents {text-align: center; margin: 20px; width: 560; }

/*	
	======================================
	SEARCH PAGE 
	====================================== */

/* The search table
	=========== =========== =========== */
#searchTableBG {}
th {
	background-color: #c00000; 
	padding: 5px;
	font-weight: bold;
	text-decoration: none;
	color: #f0e099;
	 }
th a {color: #f0e099;}
th a:hover {color: #ffffff;}
.sortColor {color: #ffffff; font-weight: bold}
.listRow1 {background-color: #ffffff}
.listRow2 {background-color: #f0f4f4}

/* The search navigation box
	=========== =========== =========== */
#searchNavBottom {margin: 15 0;}
#searchNav {margin: 0 0 15 0; }
.navigationColor{
	height: 46px; 
	line-height:20px;
	padding: 2 4 0 4;
	margin-left: 1;
	text-align: center;
	background-color: #e3e6e9; 
	}

/* The search submit box
	=========== =========== =========== */
#searchBox {
	clear:both;
	margin-bottom: 10px;
	}
#searchBox select {width: 145px}
.searchInputs {
	font-size: 11px;
	padding: 1px;
	text-align: left;
	}
#searchTable {}
#searchTable td {background-color: #d8dddd; padding: 4px}

/* change between books search and texts search
	=========== =========== =========== */
.selectBox {
	text-align: right;
	color:#000000;
	font-size: 10px; 
	font-weight: bold;
	clear: both;
	}
.selectTitle {
	text-align: right;
	padding: 4 6 4 0; 
	}
.selectedNo {
	text-align: center;
	width: 70px;
	float: right; 
	padding: 3; 
	border:1px solid #d8dddd;
	}
.selectedYes {
	text-align: center;
	width: 70px;
	float: right; 
	padding: 3;
	background-color:#d8dddd;
	border:1px solid #d8dddd;
	}

/* 
	======================================
	SURVEY CLASSES 
	=========== =========== =========== */

.inRadio {width: 13; height: 13; margin: 2 4 2 0; }   
.boxVoteBG {
	padding: 0 0 5px 0;
	background-position: left bottom; 
	background-repeat:repeat-x;
	background-image:url('../imgPG/3DBlack.gif');
	}
.boxVoteTitle {
	background-color: #000000;
	color: #f0f4f8;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	padding: 5 3px;
	border-bottom: 1px solid #d0d4d4;
	background-position: left top; 
	background-repeat:repeat-x;
	background-image:url('../imgPG/3DBlack.gif');
	}
#boxVoteContent {
	margin: 0 0 0 0; 
	padding: 4 2 4 1;
	background-color: #e0e4e4;
	}
#boxVoteContent div {padding: 0 0 5 0; margin-left: 2;}
#boxVoteContent a {}
#boxVoteContent a:hover {color: #cc0000}

/* 
	======================================
	POPUPP PAGE CLASSES 
	=========== =========== =========== */

.mailToFriend {height: 100%; background-color: #f0f0c0; color: 800000}

/* 
	======================================
	CLASSES FOR TEXT FORMED BY THE HTML-Editor
	=========== =========== =========== */

.leftFloatingBox {
	width: 40%; 
	border-left: 1px dotted #330000; 
	text-align: left; 
	margin: -2 0 0 8px; 
	padding: 2px 2px 2px 8px; 
	background-color: #f0d0d0;
	}
.preBox {
	width: 100%;
	overflow: visible;
	border: 1px dotted #999090;
	text-align: left;
	padding: 5px;
	margin: 0 0 15 0;
	background-color: #f0f3f6; 
	}

/* 
	======================================
	BIBLIOGRAPHY CLASSES 
	=========== =========== =========== */
/* Middle 
	============================ */
.bookHead1 {
	font-size: 15px; 
	color: #000000;
	font-weight: bold;
	padding: 2px 0; 
	margin-bottom: 12px;
	}
.bookHead2 {
	clear: both;
	font-size: 13px; 
	color: #000000;
	font-weight: bold;
	padding: 2px 0; 
	margin-bottom: 5px;
	border-bottom: 1px solid #000000;
	}
.bookHead3 {
	clear: both;
	font-size: 11px; 
	color: #000000;
	font-weight: bold;
	padding: 8px 2; 
	margin: 10px 0;
	background-color: #e0e3e6;
	}

.normalTextBooks  {
	font-family: "Times New Roman", Tahoma, Arial, Verdana, Helvetica; 
	font-size: 12pt;
	clear: both;
	overflow: visible;
	width: 100%;
	padding-bottom: 15px; 
	margin: 20 0 20 0;
	text-align: left;
	line-height: 120%; 
	border-bottom: 1px dashed #a0a4a4;
	}

.bookText {
	overflow: visible;
	width: 100%;
	margin:0 0 8 0;
	text-align: left;
	}
.bookList {
	overflow: visible;
	width: 100%;
	text-align: justify;
	}
.bookBigList {
	overflow: visible;
	width: 100%;
	font-family: "Times New Roman", Tahoma, Arial, Verdana, Helvetica; 
	font-size: 12pt;
	}

/* Right 
	============================ */
.bookCategoryLinks {
	padding: 3px;
	margin: 0;
	font-weight: bold;
	}

/*
	======================================
	LEFT ADVERTISEMENT
	=========== =========== =========== */
#adsBG {
	padding: 10px 1px;
	margin: 10px 2px;
	text-align: center;
	font-size: 10px;
	color: #000000;
	}

.adsLine {
	display: block;
	height: 2px; 
	border-bottom: 1px dotted #d0d0d0;
	margin: 0 0 10 0;
	}
#adsTitle a {
	display: block;
	padding: 2px 1px;
	font-weight: bold; 
	text-align: center;
	background-color: #e4e6e8;
	color: #000000;
	font-size: 10px;
	}
#adsTitle a:hover {color: #cc0000;}

.adsContent {
	margin: 2 0 1 0; 
	padding: 4 0 4 0;
	background-color:#e4e6e8;
	font-size: 10px;
	}

/*
	======================================
	RIGHT ADVERTISES CLASSES 
	=========== =========== =========== */
.adsFrameName {
	text-align: left;
	font-size: 6pt; 
	font-weight: bold; 
	color: #809090; 
	margin-bottom: 5px;
	padding-bottom: 4px;
	background-position: left bottom; 
	background-image:url('../imgPG/lineH6x6.gif'); 
	background-repeat:repeat-x
	}
.adsFrameLine{
	font-size: 5px; 
	margin: 15px 0;
	background-position: left bottom; 
	background-image:url('../imgPG/lineH6x6.gif'); 
	background-repeat:repeat-x
	}
#adsRightTitle {
	font-size: 10px;
	margin-bottom: 1; 
	padding: 3 0; 
	background-color: #f0d0d0; 
	font-weight: bold;
	}
#adsRightContent {
	padding: 6 0; 
	font-weight: bold;
	color: #000000;
	}
#adsRightContent p {margin: 0;}
/*
END
*/
