/* =============================================================
	2easy Personal
   =============================================================
	SX STYLES - SPECIAL CONTENTS CLASSES
============================================================= */

/* =============================================================
   DIVERSE CLASSES
============================================================= */

/* For sites that include programmed activities
	=========== =========== =========== */
.monthAction {
	float: right; 
	padding: 2px 0 0 10px; 
	font-size: 12px; 
	font-weight: bold; 
	letter-spacing: 1px; 
	font-style: italic; 
	color: #dd8080
	}

/* The background of forms
	=========== =========== =========== */
.formBG {
	margin: 5px 0 10px 0;
	padding: 5px;
	background-color: #eeeeee;
	background-position: left top; 
	background-image:url('../imgPG/sx.bgLight.gif'); 
	background-repeat:repeat; 
	}

/*	Box for extra information or messages - Contact, Bios, emails, etc)
	=========== =========== =========== */
.infoBox {
	border: 1px solid #010101; 
	background-color: #e0e0e0; 
	padding: 5px 3px; 
	margin-bottom: 1px;
	background-position: left top; 
	background-image:url('../imgPG/sx.bgLight.gif'); 
	background-repeat:repeat; 
	}
/* =============================================================
   TEXT AUTHOR CLASSES
============================================================= */
#goToAuthorBios {
   float: right; 
   padding: 2px 5px; 
   border: 1px solid #010101;
   background-color: #c00000;
}
#goToAuthorBios a {color: #f0f0f0}
#goToAuthorBios a:hover {color: #f0e080}

/* =============================================================
   FORUM CLASSES
============================================================= */

#forumThemeLinks {
	clear: both;
	width: 100%;
	margin-bottom: 1px;
}
#forumThemeLinks div {
	float: left; 
	color: #010101; 
	padding: 2px;
	}

#addReplay {
	background-color: #f6d6d6; 
	padding: 3px 2px; 
	border: 1px solid #010101;
	background-position: left top;
	background-image:url('../imgPG/sx.bgLightTop.gif'); 
	background-repeat:repeat; 
	}
#addReplay a {color: #010101; text-decoration: none}
#addReplay a:hover {color: #ff0000;}

#textAndFormBG {
	padding: 5px 0;
	margin-top: 5px;
	background-color: #f0f2f4;
	width: 100%;
	}
#textAndFormBG div {float: left; clear: left; margin-top: 8px;
	width: 140px; font-weight: bold; 
	text-align: right; padding: 1px 4px;
	}
#textAndFormBG input {clear: right; margin-top: 2px;}
#textAndFormBG input {clear: right; padding-top: 4px;}

.errorText {color: #cc3333; font-weight: bold}


/* =============================================================
   EVENT CLASSES
   ============================================================= */

.eventBG {
	margin-bottom: 2px; 
	padding: 0 1px;
	border-left: 1px solid #010101;
	border-right: 1px solid #010101;
	}
.eventTypeBG {
	border: 1px solid #010101;
	border-bottom: 3px solid #010101;
	margin-bottom: 1px;
	}
.eventType {
   border-bottom: 1px solid #ffffff;
	background-position: left top;
	background-image:url('../imgPG/sx.bgBar.gif'); 
	background-repeat:repeat-x; 
}
.eventType span {
   display: block;
   border-bottom: 1px solid #010101;
	color: #010101;
	padding: 6px 2px 5px 2px;
	font-weight: bold;
	text-align: center;
	background-position: left top;
	background-image:url('../imgPG/transBlackleft.gif'); 
	background-repeat:no-repeat; 
	}
.eventTitle {
	clear: both;
	padding-bottom: 4px;
	font-weight: bold; 
	}
.eventTitle a {
   color: #000000;
	font-size: 10px; 
	font-weight: bold; 
	}
.eventTitle a:hover {
   color: #c00000;
	}
.eventSubTitle {
	clear: both;
	padding-bottom: 5px; 
	font-size: 10px; 
	font-weight: bold; 
	}

/*	== Change class - java effect
	========================*/
.event1 {
	padding: 5px;
	margin-bottom: 1px;
	font-size: 10px;
	color: #010101;
	background-position: left top;
	background-image:url('../imgPG/sx.bgDark.gif'); 
	background-repeat:repeat; 
	background-color: #F2BFBF;
	background-color: #d0d0d0;
	}
.event2 {
	border: 1px solid #010101;
	padding: 4px; 
	font-size: 10px;
	color: #010101;
	margin-bottom: 1px;
	background-color: #ffffff;
	}

/*	== Arrows to open the event
	========================*/
.eventOpen {
	text-align: right;
	clear: both; 
	font-weight: bold; 
	text-decoration: none;
	margin-top: 4px;
	}
.eventOpen a {color: #010101; padding:0 1px 0 5px;}
.eventOpen a:hover {color: #ff0000;background-color: #ffffff;}

/*	== Video and Gallere box
	========================*/
.videoSpotBG {
	clear: both;
	padding: 3px;
	margin-top: 1px;
	border: 1px solid #010101;
	background-color: #eeeeee;
	}
.videoSpotBG a {}
.videoSpotBG a:hover {}

.eventSpacer {height: 10px; clear: both;}


/*	=============================================================
   SEARCH PAGE
============================================================= */

/* The search navigation box
	=========== =========== =========== */
#searchNavBottom {margin: 15px 0;}
#searchNav {margin: 0 0 15px 0; }
.navigationColor{
	height: 46px; 
	line-height:20px;
	padding: 2px 4px 0 4px;
	margin-left: 1px;
	text-align: center;
	background-color: #eeeeee;
	float: right;
	background-position: left top;
	background-image:url('../imgPG/sx.bgLight.gif'); 
	background-repeat:repeat; 
	}
.navigationColor table {text-align: left}
/* The search submit box
	=========== =========== =========== */
#searchBox {
	clear:both;
	margin-bottom: 10px;
	background-color: #e0e0e0; 
	background-position: left top;
	background-image:url('../imgPG/sx.bgLight.gif'); 
	background-repeat:repeat; 
	}
#searchBox select {width: 140px}
.searchInputs {
	font-size: 11px;
	padding: 1px;
	text-align: left;
	}
#searchTable {}
#searchTable td {padding: 4px;}

/* change between books search and texts search
	=========== =========== =========== */
.selectBox {
	color:#000000;
	font-size: 10px; 
	font-weight: bold;
	width: 100%;
	clear: both;
	}
.selectTitle {
	text-align: right;
	padding: 4px 6px 4px 0; 
	}
.selectedNo {
	float: right; 
	text-align: center;
	width: 100px;
	padding: 3px; 
	border:1px solid #e0e0e0;
	}
.selectedYes {
	float: right; 
	text-align: center;
	width: 100px;
	padding: 3px;
	background-color:#e0e0e0;
	border:1px solid #e0e0e0;
	}

/* All Table with results/info (Forum and Search)
	=========== =========== =========== */
#resultTable {margin-bottom: 20px}
#resultTable th {
	background-color: #666666;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	color: #eeeeee;
	padding: 5px 2px;
	border-left: 1px solid #ffffff;
	 }
#resultTable th a {color: #ffffff;}
#resultTable th a:hover {color: #f0e033;}
#resultTable td {
	border-left: 1px solid #ffffff;
   padding: 2px; 
	 }
.sortColor {color: #f0e033; font-weight: bold}
.listRow1 {background-color: #ffffff}
.listRow2 {background-color: #e0e6e6;}


/* =============================================================
   SURVEY CLASSES 
============================================================= */

.inRadio {width: 13px; height: 13px; margin: 2px 4px 2px 0; }   
.boxVoteBG {
	padding-bottom: 1px;
	border-bottom: 4px solid #010101;
	margin-bottom: 1px;
	background-color: #ffffff;
	background-position: left top; 
	background-image:url('../imgPG/sx.bgBarR.gif'); 
	background-repeat:repeat-x;
	}
.boxVoteTitle {
	color: #0101010;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	border-left: 10px solid #010101;
	border-right: 10px solid #010101;
	border-top: 1px solid #010101;
	padding: 6px 2px;
	background-color: #c00000;
	background-position: left bottom; 
	background-image:url('../imgPG/sx.bgBar.gif'); 
	background-repeat:repeat;
	}
#boxVoteContent {
	margin-bottom:10px; 
	padding: 4px 2px; 
	background-position: left top; 
	background-image:url('../imgPG/sx.bgDark.gif'); 
	background-repeat:repeat; 
	background-color: #cccccc;
	}
#boxVoteContent div {
   padding: 0 0 5px 0; 
   margin-left: 2px;
   }
#boxVoteContent a {color: #aa0000}
#boxVoteContent a:hover {color: #010101}


/* ============================================================= bgImgDark
	BIBLIOGRAPHY CLASSES 
============================================================= */

/* Middle 
============================ */
.bookMessageBox {
	background-color: #e0e4e8; 
	margin: 10px 0;
	padding: 12px 2px;
	border: 1px solid #aabbcc;
	}
.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 2px; 
	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: 20px 0 20px 0;
	text-align: left;
	line-height: 120%; 
	border-bottom: 1px dashed #a0a4a4;
	}

.bookText {
	overflow: visible;
	width: 100%;
	margin:0 0 8px 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 CLASSES 
============================================================= */

#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 10px 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: 2px 0 1px 0; 
	padding: 4px 0 4px 0;
	background-color:#e4e6e8;
	font-size: 10px;
	}


/*	=============================================================
	RIGHT ADVERTISEMENT 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: 1px; 
	padding: 3px 0; 
	background-color: #f0d0d0; 
	font-weight: bold;
	}
#adsRightContent {
	padding: 6px 0; 
	font-weight: bold;
	color: #000000;
	}
#adsRightContent p {margin: 0;}

/* =============================================================
   POPUPP PAGE CLASSES 
============================================================= */

.mailToFriend {
   height: 100%; 
   background-color: #f0f0c0; 
   color: #800000;
   }


/* END 
============================================================= 
*/