/* 
=============================================================
	2easy Personal
   =============================================================
	SX STYLES - SPECIAL CONTENTS CLASSES
============================================================= */

/* =============================================================
   DIVERSE CLASSES
============================================================= */

/* HTML-Editor 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}


/* 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-bottom: 5px;
	padding: 3px;
	background:url('../imgPG/sx_colorSec40.gif') left top repeat;
	}
.formBG form {
	background: url('../imgPG/sx_colorSec20.gif') left top repeat;
	border: 1px solid #fff;
	padding: 4px;
	}
.formBG div {
	float: left;
	width: 150px; 
	padding: 5px 4px 0 0; 
	margin-top: 2px;
	text-align: right;
	font-weight: bold;
	}
.formBG span {
	display: block; 
	clear: right;  
	margin-top: 2px;
	}
.formBG input {
	padding: 2px;
	}
.formBG p {
	clear: both;
	text-align: center; 
	padding: 4px 0;
	margin: 5px 0;
	background:url('../imgPG/sx_colorSec40.gif') left top repeat;
	border: 1px solid #fff;
	}

.errorText {color: #c03333; font-weight: bold; padding-bottom: 5px;}

/*	Box for extra information or messages - Contact, Bios, emails, etc)
	=========== =========== =========== */
.infoBox {
	padding: 4px; 
	margin: 1px 0;
	background: #e3e6e9 url('../imgPG/sx_colorSec20.gif');
	border: 1px solid #096;
	}

/*	=============================================================
   SEARCH PAGE
============================================================= */

/* The search navigation box
	=========== =========== =========== */
#searchNavBottom {margin: 15px 0;}
#searchNav {margin: 0 0 15px 0; }
#navigationBottom {
	float: left;
	clear: both;
	line-height:20px;
	text-align: center;
	padding: 4px;
	margin: 15px 0;
	background:url('../imgPG/sx_colorSec20.gif') left top repeat; 
	border: 1px solid #fff;
	}
.navigationTop{
	height: 46px; 
	line-height:20px;
	text-align: center;
	padding: 2px 4px 0 4px;
	margin-left: 1px;
	background:url('../imgPG/sx_colorSec20.gif') left top repeat; 
	border: 1px solid #fff;
	}

/* The search submit box
	=========== =========== =========== */
#searchBox {
	clear:both;
	margin-bottom: 10px;
	border: 1px solid #fff;
	background: url('../imgPG/sx_colorSec20.gif') left center repeat; 
	}
#searchBox select {width: 145px}
.searchInputs {
	font-size: 11px;
	padding: 1px;
	text-align: left;
	}
#searchTable {}
#searchTable td {
	padding: 4px;
	}

/* change between books search and texts search
	=========== =========== =========== */
.selectBox {
	font-size: 10px; 
	font-weight: bold;
	width: 100%;
	clear: both;
	}
.selectedNo {
	float: right; 
	text-align: center;
	width: 100px;
	padding: 4px 6px;
	}
.selectedYes {
	float: right; 
	text-align: center;
	width: 100px;
	padding: 4px 6px; 
	background:url('../imgPG/sx_colorSec40.gif') left top repeat; 
	}

/* =============================================================
   TABLE RESULTS
============================================================= */

#resultTable {background-color: #fff;}
#resultTable th { }
#resultTable th a {color: #000}
#resultTable th a:hover {color: #fff}
#resultTable td {padding: 5px 2px;}
.sortColor {color: #ffffff;}
.listRow1 {background: #fff url('../imgPG/sx_colorSec20_no.gif'); }
.listRow2 {background: #eef url('../imgPG/sx_colorSec10.gif'); }


/* =============================================================
   FORUM CLASSES
============================================================= */

#addReplay {
	margin-top: 1px; 
	padding: 3px 2px;
	background: #fff url('../imgPG/sx_headerSec.gif') left bottom repeat-x;
	}
#addReplay a {
	display: block;
	color: #fff;
	padding: 2px 2px 2px 18px;
	background: url('../imgPG/sx_colorSec10.gif') 2px center no-repeat;
	}
#addReplay a:hover {
	color: #fc0;
	background: url('../imgPG/sx_colorRev.gif') 2px center no-repeat;
	}


/* =============================================================
   EVENT CLASSES
============================================================= */

.eventBG {
	margin-bottom: 2px;
	}
.eventBG a {
	}
.eventBG a:hover {
	color: #903;
	}
.eventTypeBG {
	padding: 0 4px 8px 4px;
	background: url('../imgPG/sx_bar.gif') left bottom repeat-x; 
	border: 1px solid #096;
	}
.eventType {
	border-left: 1px solid #096;
	border-right: 1px solid #096;
	border-bottom: 1px solid #096;
	color: #fff;
	}
.eventType span {
	display: block;
	padding: 6px 2px;
	font-weight: bold;
	text-align: center;
	background: url('../imgPG/sx_barSec.gif') left bottom repeat-x; 
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	margin-top: -1px;
	}

/*	== Change class - java effect
	========================*/
.event1, .event2 {
	border: 1px solid #096;
	}
.event1 {
	padding: 4px;
	margin: 1px 0;
	background: #fff url('../imgPG/sx_color20.gif') left top repeat;
	}
.event2 {
	padding: 4px; 
	margin: 1px 0;
	background: #fff url('../imgPG/sx_bgRL.gif') -20px top repeat-y;
	}
.eventTitle {
	clear: both;
	margin-bottom: 12px;
	font-weight: bold;
	}
.eventSubTitle {
	clear: both;
	font-weight: bold; 
	margin-bottom: 12px;
	font-size: 10px; 
	}

/*	== Arrows to open the event
	========================*/
.eventOpen {
	text-align: right;
	clear: both; 
	font-weight: bold; 
	text-decoration: none;
	margin-top: 4px;
	}
.eventOpen a {color: #161616; padding:0 1px 0 5px;}
.eventOpen a:hover {color: #ff0000; background-color: #ffffff;}

/*	== Video and Gallere box
	========================*/
.videoSpotBG {
	clear: both;
	font-size: 10px; 
	font-weight: bold;
	padding: 3px;
	background-position: right top; 
	background:url('../imgPG/sx_headerSec.gif') left bottom; 
	background-repeat:repeat;
	border: 1px solid #010101;
	}
.videoSpotBG a {color: #fff}
.videoSpotBG a:hover {color: #000}

.eventSpacer {padding: 1px; clear: both;}


/* =============================================================
   SURVEY CLASSES 
============================================================= */

.boxVoteBG {
	margin-top: 25px;
	padding: 0 12px 6px 12px;
	background: url('../imgPG/sx_bar.gif') left bottom repeat-x;
	border: 1px solid #096;
	}
.boxVoteTitle {
	border-left: 1px solid #096;
	border-right: 1px solid #096;
	border-bottom: 1px solid #096;
	}
.boxVoteTitle div{
	color: #fff;
	font-weight: bold;
	text-align: center;
	background: url('../imgPG/sx_barSec.gif') left bottom repeat-x;
	padding: 5px 2px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	margin-top: -1px;
	}

#boxVoteContent {
	margin: 1px 0 5px 0;
	background: #fff url('../imgPG/sx_colorSec20.gif') left top repeat;
	border: 1px solid #096;
	}
#boxVoteContent form {
	padding: 4px 2px;
	margin-top: 1px;
   }
.inRadio {width: 13px; height: 13px; margin: 2px 4px 2px 0; }   
#boxVoteContent div {
   padding: 0 0 5px 0; 
   margin-left: 2px;
   }
#boxVoteContent a {
	background: url('../imgPG/sx_lineSec.gif') left 4px no-repeat;
	padding-left: 10px;
	}
#boxVoteContent a:hover {
	background: url('../imgPG/sx_lineRev.gif') left 4px no-repeat;
	}

/* =============================================================
	LEFT ADVERTISEMENT CLASSES 
============================================================= */

#adsBG {
	padding: 10px 1px;
	margin: 10px 2px;
	text-align: center;
	font-size: 10px;
	color: #000;
	}

.adsLine {
	display: block;
	height: 2px; 
	border-bottom: 1px dotted #abc;
	margin: 12px 0;
	}
#adsTitle a {
	display: block;
	padding: 3px 1px;
	font-weight: bold; 
	background: #fff url('../imgPG/sx_colorSec20.gif') left top repeat;
	border: 1px solid #fff;
	color: #903;
	font-size: 10px;
	}
#adsTitle a:hover {color: #000;}

.adsContent {
	margin: 2px 0 1px 0; 
	padding: 4px 0 4px 0;
	background: #fff url('../imgPG/sx_colorSec20.gif') left top repeat;
	border: 1px solid #fff;
	}


/*	=============================================================
	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;
   }


/* ============================================================= 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;
	}



/* =============================================================
   CALENDAR FOR EVENTS - 
============================================================= */
/*	==  Middle - view events
	========================*/
#calendarViewBG {}
#calendarViewBG table {width: 100%}
#calendarViewBG .calendarLeft {width: 20%; padding: 0 4px;}
#calendarViewBG .calendarRight {width: 80%;}

dl {
	margin: 0 0 10px 0; 
	padding: 4px;
	border: 1px solid #098; 
	background: #ddd url('../imgPg/sx_color20.gif') left top repeat;
	}
dt {padding-top: 1px}
dd {
	padding: 5px;
	margin-top: 2px;
	border: 1px solid #098;
	background: #eee url('../imgPg/sx_color10.gif') left top repeat;
	}
dd p {margin-top: 0; }


/*	==  RIGHT event links 
	========================*/
#calendarRotatorBG {
	}
.calendarEventBG {
	margin-top: 1px;
	}
.calendarEvent1 {
	font-size: 10px;
	background: #fff url('../imgPG/sx_color40.gif') left top repeat;
	}
.calendarEvent2 {
	font-size: 10px;
	background: #fff url('../imgPG/sx_color20.gif') left top repeat;
	}
.calendarEventTitle {
	font-family: verdana, arial, georgia;
	font-size: 11px; 
	font-weight: normal; 
	padding: 2px 2px 2px 14px;
	background: url('../imgPG/sx_line.gif') 2px 6px no-repeat;
	}
.calendarEventTitle a {
	font-weight: bold; 
	font-size: 10px; 
	color: #063;
	}
.calendarEventTitle a:hover {
	color: #900;
}

/* END 
============================================================= 
*/