/* learn_01*/



body {
	color: black;
	margin: 0;
	padding: 0;
	font-family: Tahoma;
	background-color: #f7f7f7;
}

/* added by Jose*/
a        {color:#009900; text-decoration:none;}
a:hover  {color:#D74714; text-decoration:underline;}

table {
	width: 100%;
	font-family: Tahoma;
	font-size: 12px;
}

table td {
	padding: 0;
	border-width: 0;
	vertical-align: top;
	font-family: Tahoma;
	font-size: 14px;
}

table#Main {
	width: 95%;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #EFEFEF;
	border-left-color: #EFEFEF;
	background-color: #FFFFFF;
}

.Header {
	background-image: url(images/bg_header.gif);
	background-repeat: repeat-x;
	height: 222px;
}
.LeftShadow {
	background-image: url(images/left_shadow.gif);
	background-repeat: repeat-y;
	width: 8px;
}
.RightShadow {
	background-image: url(images/right_shadow.gif);
	background-repeat: repeat-y;
	width: 8px;
}
.footer {
	padding: 15px 3px 35px;
	text-align: center;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 11px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #cccccc;
	background-image: url(images/footerbg.gif);
	background-repeat: repeat-x;
}
.footer a {
	text-decoration: none;
	font-weight: normal;
	color: #FFFFFF;
}
.footer a:hover {
	color: #F0F0F0;
}

.Logo {
	padding-top: 50px;
	padding-left: 30px;
}

a {
	color: #1682C9; 
	text-decoration: underline; 
	font-weight: bold; 
	background-color: transparent;
}
a:hover {
	color: #36A4DE;
	text-decoration: none;
}

h1 {}
h2 {}
h3 {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
h4 {	margin-bottom: 5px;
}
h5 {}

.LeftRightCTitles {
	font-size: 12px;
}
.CenterBTitles {
	font-size: 12px;
}
ul { margin: 2px; padding: 2px; list-style: decimal inside; text-align: left;}
li { margin-left: 2px; list-style: square inside; color: #0053A6}

input.formButton { border: 0px solid #000000; }
input {
	font-size: 11px;
	color: #000000;
	border: 1px solid #000000;
	margin-bottom: 4px;
}
input:hover {
}

.item {
	margin-bottom: 8px;
}
.itemHead {
	padding: 3px;
color: #607C99;
	padding-top: 3px;
	padding-right: 3px;
	padding-left: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
.itemInfo {text-align: right; padding: 3px; }
.itemTitle a {font-size: 14px; font-weight: bold; color: #607C99; }
.itemPoster {font-size: 10px; }
.itemPostDate {font-size: 10px; }
.itemStats {font-size: 10px; }
.itemBody {
	background-color: #FFFFFF;
	background-image: url(images/blocks_bg.gif);
	background-repeat: repeat-x;
	border: 1px solid #aea59a;
	padding: 10px;
}
.itemText {margin-top: 1px; margin-bottom: 1px; }
.itemText:first-letter {}
.itemFoot {text-align: right; padding: 3px; }
.itemAdminLink {font-size: 10px;}
.itemPermaLink {font-size: 10px;}

th {
	color: #666666;
	padding : 2px;
	vertical-align : middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


td#leftcolumn {width: 203px; }
td#leftcolumn th { color: #4E657C; vertical-align: middle;}
td#leftcolumn div.blockTitle {
	padding: 3px 18px 3px 15px;
	color:  #607C99;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-image: url(images/column_01.gif);
	background-repeat: no-repeat;
	margin-left: 10px;
	text-align: center;
}
td#leftcolumn div.blockContent {
	background-image: url(images/column_02.gif);
	background-repeat: repeat-y;
	margin-left: 10px;
	padding-right: 18px;
	padding-left: 15px;
}
td#leftcolumn div.blockFoot {
	background-image: url(images/column_05.gif);
	height: 44px;
	width: 193px;
	background-repeat: no-repeat;
	margin-bottom: 5px;
	margin-left: 10px;
}

td#centercolumn {}

td#centercolumn th {
	color: #666666;
	vertical-align: middle;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: ##0053A6;
}
td#centerCcolumn {padding: 0px 3px 1px 3px;}
td#centerCcolumn div.blockTitle {
	color: #607C99;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 3px;
	padding-right: 3px;
	padding-left: 10px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
td#centerCcolumn div.blockContent {
	padding: 8px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 15px;
	background-color: #FFFFFF;
	background-image: url(images/blocks_bg.gif);
	background-repeat: repeat-x;
	border: 1px solid #aea59a;
}

td#centerLcolumn {
	width: 50%;
	padding: 0px 3px 0px 0px;
	margin-right: 10px;
}
td#centerLcolumn div.blockTitle {color: #607C99;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 3px;
	padding-right: 3px;
	padding-left: 10px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
	
td#centerLcolumn div.blockContent {padding: 8px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 17px;
	background-color: #FFFFFF;
	background-image: url(images/blocks_bg.gif);
	background-repeat: repeat-x;
	border: 1px solid #aea59a;}
td#centerRcolumn {width: 50%; padding: 0px 3px 0px 10px;}
td#centerRcolumn div.blockTitle {color: #607C99;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 3px;
	padding-right: 3px;
	padding-left: 10px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	}
td#centerRcolumn div.blockContent {padding: 8px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 17px;
	background-color: #FFFFFF;
	background-image: url(images/blocks_bg.gif);
	background-repeat: repeat-x;
	border: 1px solid #aea59a;}

div#content {text-align: left; padding: 8px;}

td#rightcolumn {width: 203px;}
td#rightcolumn th { color:  #4E657C; vertical-align: middle;}
td#rightcolumn div.blockTitle {
	padding: 3px 18px;
	color:  #607C99;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-image: url(images/column_01.gif);
	background-repeat: no-repeat;
	text-align: center;
}
td#rightcolumn div.blockContent {
	background-image: url(images/column_02.gif);
	background-repeat: repeat-y;
	padding-right: 18px;
	padding-left: 15px;
}
td#rightcolumn div.blockFoot {
	background-image: url(images/column_05.gif);
	height: 44px;
	width: 193px;
	background-repeat: no-repeat;
	margin-bottom: 5px;
}

td#mainmenu a {
	display: block;
	margin: 0;
	padding: 2px;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	color: #000066;
	text-decoration: none;
}
td#mainmenu a:hover {
	color: #043D99;
	font-weight: bold;
}
td#mainmenu a.menuTop {padding-left: 12px; }
td#mainmenu a.menuMain {padding-left: 12px; }
td#mainmenu a.menuSub {
	padding-left: 20px;
	background-image: none;
}

td#usermenu a {
	display: block;
	margin: 0;
	padding: 2px 2px 2px 24px;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	color: #000066;
	text-decoration: none;
	background-image: url(images/arrow_menu.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
td#usermenu a:hover {color: #043D99;
	font-weight: bold;}
td#usermenu a.menuTop {}
td#usermenu a.highlight {
	background-color: #5F9FE0;
	color: #FFFFFF;
}


/** borde de even odd**/
.outer {}
.head {
	padding: 2px;
	font-weight: bold;
	border: 1px solid #EFEFEF;
}
.even {padding: 2px; border: 1px solid #EFEFEF; 	background-color: #EDF3FC;
}
.odd {
	padding: 2px;
	border: 1px solid #EFEFEF;
	background-color: #E3EEFB;
}
.foot {
	padding: 2px;
	font-weight: bold;
	text-align: center;
}
tr.even td {padding: 2px; border: 1px solid #EFEFEF;}
tr.odd td {padding: 2px; border: 1px solid #EFEFEF;}

div.errorMsg { background-color: #FFCCCC; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;}
div.confirmMsg { background-color: #DDFFDF; color: #136C99; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;}
div.resultMsg { background-color : #CCCCCC; color: #333333; text-align: center; border-top: 1px solid silver; border-left: 1px solid silver; font-weight: bold; border-right: 1px solid #666666; border-bottom: 1px solid #666666; padding: 10px;}

div.xoopsCode { background: #FFFFFF; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px 6px;}
div.xoopsQuote { background: #FFFFFF; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px 6px;}


.comTitle {font-weight: bold; margin-bottom: 2px;}
.comText {padding: 2px;}
.comUserStat {font-size: 10px; color: #0053A6; font-weight:bold; border: 1px solid silver; background-color: #ffffff; margin: 2px; padding: 2px;}
.comUserStatCaption {font-weight: normal;}
.comUserStatus {margin-left: 2px; margin-top: 10px; color: #0053A6; font-weight:bold; font-size: 10px;}
.comUserRank {margin: 2px;}
.comUserRankText {font-size: 10px;font-weight:bold;}
.comUserRankImg {border: 0;}
.comUserName {}
.comUserImg {margin: 2px;}
.comDate {font-weight: normal; font-style: italic; font-size: smaller}
.comDateCaption {font-weight: bold; font-style: normal;}

/*Jose Additions

/*article/forum/comment photo caption code Jose*/
table#caption {width: 170px; padding: 0px 3px 10px 0px;}

/*   These are the styles for the forums(newbb) module*/
.comHead {background-color: #DEE7EC; padding: 3px; font-weight: normal; font-size: 18px; color: #8CACBB; text-align: left; border: 1px solid #666666;}
.comHeadTop {padding: 3px; background-color: #ffffff; border-bottom:2px solid #CCCCCC; font-size: 90%; }
.comHeadBot {padding: 3px; background-color: #ffffff; font-weight: bold; font-size: 150%; color: #666666; font-family: Verdana, trebuchet ms, sans-serif;}
.comTitle {padding-left: 15px; font-weight: bold; margin-bottom: 2px;}
.comText {padding: 2px; padding-left: 15px; font-family: Arial, Helvetica, sans-serif; }
.comUserStat {font-size: 10px; color: #2F5376; font-weight:bold; border: 1px solid silver; background-color: #ffffff; margin: 2px; padding: 2px;}
.comUserStatCaption {font-weight: normal;}
.comUserStatus {margin-left: 2px; margin-top: 10px; color: #2F5376; font-weight:bold; font-size: 10px;}
.comUserRank {margin: 2px;}
.comUserRankText {font-size: 10px;font-weight: normal;}
.comUserRankImg {border: 0;}
.comUserName {font-weight: bold;}
.comUserImg {margin: 2px;}
.comDate {font-weight: normal; font-style: italic; font-size: smaller}
.comDateCaption {font-weight: bold; font-style: normal;}
.comFoot {background-color: #EFEFEF; padding: 3px; font-size: 100%px; border: 1px solid #666666; margin-bottom: 50px; text-align:right; }
.comOuter {background-color: #ffffff; border: 0px 0; }
.comOuterL {background-color: #6666FF; border: 1px solid #666666; border-right:0px; border-bottom:0px;}
.comOuterR {background-color: #3366FF; border: 1px solid #666666; border-left:0px; border-bottom:0px;}

/* styles for the thoQuest */
.thoQuestIntro {
	margin: 0;
	padding: 2px;
	font-size: 15px;
	font-weight:bold;
	line-height: 100%;
	font-family: Arial, Helvetica;
	text-align: justify;
}
.thoQuestText {
	margin: 0;
	padding: 2px;
	font-size: 12px;
	line-height: 100%;
	font-family: Arial, Helvetica;
	text-align: justify;
}


/* styles for the iframe */
#iFrameText {
	margin: 0;
	padding: 2px;
	font-size: 130%;
	line-height: 135%;
	font-family: Arial, Helvetica;
	text-align: left;
	color:#000000;
}
#iFrameText a {
	color:#333366;
	text-decoration:none;
}
#iFrameText a:hover {
	color:#ff0000;
	text-decoration:none;
}
#iFrameAuth {
	margin: 0;
	padding: 2px;
	font-size: 12px;
	line-height: 100%;
	font-family: Arial, Helvetica;
	text-align: justify;
}

/* styles for the inline images */
.imgLrn {margin-left: 3px; margin-top: 0px; margin-right: 3px; margin-bottom: 0px;}

/* styles for the footnoting system */
.footDisp { color: #999999; font-size: 150%; font-weight: bold; padding-top: 15px; text-align: center;}

/* styles for the intro pages (tiny content) */
.introTitle { 
	font-weight: bold; 
	font-size: 12px; 
	color: #666666; 
	font-family: Verdana, trebuchet ms, sans-serif; 
}

.introTitleMain { background-color: #ffffff; font-weight:  bold; font-size: 250%; color: #666666; font-family: Verdana, trebuchet ms, sans-serif; }
.introContents {margin-left: 10px; color: #333333; font-size: 100%; line-height: 110%; font-family: Arial, Helvetica, sans-serif; text-align: left;}
.introContents2 {margin-left: 10px; color: #333333; font-size: 150%; line-height: 110%; font-family: Arial, Helvetica, sans-serif; text-align: left;}



/* styles for the article blocks (em4) */
.artTitle {padding: 3px; padding-left: 0px; font-weight: bold; font-size: 120%; color: #666666; font-family: Verdana, trebuchet ms, sans-serif;}