body, html { 
  height:100%;
  margin:0 
}



/*Welcome Page Styles*/
.introBackground {
  background-color : #B4B4B0;
}

.homeBackground {
  background-color : #FFFFFF;
} 

#boxIntro {
  position : absolute;
  top : 50%;
  left : 50%;
  width : 802px;
  height : 308px;
  margin : -154px 0 0 -401px;
  background-color: #B4B4B0;
  border : 1px solid #000000;
}

#boxIntroEnter {
  position : absolute;
  top : 50%;
  left : 50%;
  width : 240px;
  height : 18px;
  margin : -175px 0 0 -401px;
  background-color : #B4B4B0;
  border-left : 1px solid #000000;
  border-right : 1px solid #000000;
  border-top : 1px solid #000000;
  text-align : left;
  padding-left : 5px;
  font-family : arial;
  font-weight : 800;
  font-size : 16px;
  font-style : italic;
}

#boxLogoHome {
  position : absolute;
  top : 10px;
  left : 10px;
  width : 465px;
  height : 62px;
  border-right : 1px solid #A1A1A1;
  border-bottom : 1px solid #A1A1A1;
}

#boxMenu {
  position : absolute;
  top : 140px;
  left : 10px;
  width : 460px;
  height: 70px
  border: 2px solid #000000;
  text-align : left;
  vertical-align : center;
  background-color : #B4B4B0;
}

a.enter:link {
	color : #B24C01;
	text-decoration : none;
}
a.enter:visited {
	color : #B24C01;
	text-decoration : none;
}
a.enter:hover {
	color : #028E16;
	text-decoration : none;
}

a.empty:link {
	color : #000000;
	text-decoration : none;
}

a.empty:visited {
	color : #000000;
	text-decoration : none;
}

a.empty:hover {
	color : #000000;
	text-decoration : none;
}

a.menu:link {
	color : #F54422;
	text-decoration : none;
	font-family : Tahoma;
	font-size : 14px;
  padding-left: 15px;
  padding-right: 15px;
}
a.menu:visited {
	color : #F54422;
	text-decoration : none;
	font-family : Tahoma;
	font-size : 14px;
  padding-left: 15px;
  padding-right: 15px;
}
a.menu:hover {
	color: #98D500;
	text-decoration : none;
	font-family : Tahoma;
	font-size : 14px;
	text-decoration: none;
  padding-left: 15px;
  padding-right: 15px;
}



/*Alumns login styles*/
.loginText {
  font-family: Tahoma;
  font-size: 12px;
  font-weight: 400;
  text-align: right;
  text-decoration: none;
  padding-right: 5px;
  color: #2C012F;
}

input.loginField {
  font-family: Tahoma;
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  text-decoration: none;
  padding: 1px;
  border: 2px dotted #686868;
  color: green;
  width: 90px;
}

input.loginButton {
  font-family: Tahoma;
  font-size: 12px;
  font-weight: 800;
  text-align: center;
  text-decoration: none;
  padding: 1px;
  border: 1px solid #686868;
  color: orange;
  width: 60px;
  cursor: pointer;
}

td.infoCell {
  width: 100%;
  border: 1px dotted #484848;
  background: #FFFFAA;
}

.infoCellErrorText {
  font-family: Tahoma;
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  text-decoration: none;
  padding-left: 5px;
  color: red;
}

.infoCellNoticeTitleText {
  font-family: Tahoma;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  text-decoration: none;
  padding-left: 5px;
  color: blue;
}

.infoCellNoticeText {
  font-family: Tahoma;
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  text-decoration: none;
  padding-left: 5px;
  color: #000000;
}

a.noticeLink:link {
  font-family: Tahoma;
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  text-decoration: none;
  padding-left: 5px;
  color: brown;
}

a.noticeLink:visited {
  font-family: Tahoma;
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  text-decoration: none;
  padding-left: 5px;
  color: brown;
}

a.noticeLink:hover {
  font-family: Tahoma;
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  text-decoration: none;
  padding-left: 5px;
  color: brown;
}

td.infoCellLoggedTitle {
  width: 100%;
  background: #4433FF;
}

.infoCellLoggedTitleText {
  font-family: Tahoma;
  font-size: 14px;
  font-weight: 800;
  font-variant: small-caps;
  text-align: left;
  text-decoration: none;
  padding-left: 5px;
  color: #FFFF00;
}

.infoCellLabelText {
  font-family: Tahoma;
  font-size: 12px;
  font-weight: 400;
  text-align: right;
  text-decoration: none;
  padding-left: 2px;
  padding-right: 2px;
  color: #666666;
}

.infoCellLoggedText {
  font-family: Tahoma;
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  text-decoration: none;
  padding-left: 5px;
  color: green;
}

a.logout:link {
  color : #4433FF;
  text-align: right;
	text-decoration : none;
	font-family : Tahoma;
	font-size : 12px;
  padding-right: 4px;
}

a.logout:visited {
	color : #4433FF;
  text-align: right;
	text-decoration : none;
	font-family : Tahoma;
	font-size : 12px;
  padding-right: 4px;
}

a.logout:hover {
	color: #4433FF;
  text-align: right;
	text-decoration : none;
	font-family : Tahoma;
	font-size : 12px;
	text-decoration: underline;
  padding-right: 4px;
}



/*Presentation styles*/
td.presentationFrame {  
  text-align: center;
  border: 5px dashed #37B33A;
  padding: 3px;
}

.presentationText {
  font-family: Arial;
  font-size: 32px;
  font-weight: 400;
  text-align: left;
  text-decoration: none;
  padding-left: 15px;
  color: #2C012F;
}

td.presentationSentence {
  width: 100%;
  text-align: center;
}

.presentationSentenceText {
  font-family: Tahoma;
  font-size: 16px;
  font-style: italic;
  color: #362200;
}

table.presentationEventContainer {
  align: center;
  text-align: center;
  width: 512px;
}

td.presentationEventTitle {
  border: 1px solid green;
  text-align: left;
  padding-left: 10px;
}

.presentationEventTitleText {
  font-family: Tahoma;
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  text-decoration: none;
  color: #FBA715;
}

td.presentationEventDesc {
  background: #DADADA;
  text-align: left;
  padding: 6px;
  border-left: 1px solid #888888;
  border-right: 1px solid #888888;
}

.presentationEventDescText {
  font-family: Tahoma;
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  text-decoration: none;
  color: #2C012F;
}

ul {
  font-family: Tahoma;
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  text-decoration: none;
  color: #2c012f;
}

li {
  padding-left: 2px;
}


/*Cell containing group brand*/
td.logoCell {
  text-align: center;
  border-bottom: 1px dotted #C8C8C8;
  border-right: 1px dotted #C8C8C8;
}



/*Visit counter*/
.visitBox {
  background: #FFFFFF;
  border: 1px dotted #C8C8C8;
}

.visitText {
  font-family: Tahoma;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
  color: #758402;
}



/*Last Greeting styles*/
.greetingBox {
  border: 1px dotted royalBlue;
}

.greetingDivider {
  background: #FFFFFF;
  font-family: Tahoma;
  font-size:6px;
  font-weight:400;
}

.greetingHead {
  background: #C0DFEE;
  border-bottom:1px dotted #666666
}
.greetingFrom {
  background: #FAFAFA;
}

.greetingCenter {
  background: #FFFFFF;
}

.greetingMessage {
  background: #F6F0C9;
}

.greetingShow {
  background: #FAFAFA;
  text-align:right;
  padding-right: 4px;
}

.greetingFoot{
  background: #E8E8E8;
}

.greetingTitleText {
  font-family: Tahoma;
  font-size: 14px;
  font-weight: 800;
  text-align: center;
  text-decoration: none;
  color: royalBlue;
}

.greetingFromText {
  font-family: Tahoma;
  font-size: 12px;
  font-weight: 800;
  font-style: italic;
  text-align: left;
  text-decoration: none;
  padding-left: 4px;
  color: #C88761;
}

.greetingMessageText {
  font-family: Tahoma;
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  text-decoration: none;
  padding: 2px;
  color: navy;
}

.greetingFootText {
  font-family: Tahoma;
  font-size: 10px;
  font-weight: 600;
  text-align: right;
  text-decoration: none;
  padding-left: 2px;
  padding-right: 2px;
  color: #B8B8B8;
}

a.greetingShowAll:link {
  font-family: Tahoma;
  font-size: 10px;
  font-weight: 400;
  text-align: right;
  text-decoration: none;
  padding-right: 10px;
  color: #0000CC;
}

a.greetingShowAll:visited {
  font-family: Tahoma;
  font-size: 10px;
  font-weight: 400;
  text-align: right;
  text-decoration: none;
  padding-right: 10px;
  color: #0000CC;
}

a.greetingShowAll:hover {
  font-family: Tahoma;
  font-size: 10px;
  font-weight: 400;
  text-align: right;
  text-decoration: underline;
  padding-right: 10px;
  color: #0000CC;
}



/*Messages styles*/
.messageBox {
  border: 1px dotted #000000;
}

.messageTitle {
  background: #FFFFFF;
  border: 1px dotted #C8C8C8;
}

.messageHat{
  background: #FFFFFF;
  text-align: right;
  padding-right: 4px;
}

.messageHead {
  background: #37B33A;
}

.messageCenter {
  background: #EAEAEA;
}

.messageFoot{
  background: #D8D8D8;
}

.messageDivider {
  background: #FFFFFF;
  font-family: Tahoma;
  font-size:6px;
  font-weight:400;
}

.messageTitleText {
  font-family: Tahoma;
  font-size: 14px;
  font-weight: 800;
  text-align: center;
  text-decoration: none;
  color: royalBlue;
}

.messageHeadText {
  font-family: Tahoma;
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  text-decoration: none;
  padding-left: 2px;
  color: #FFFF00;
}

.messageCenterText {
  font-family: Tahoma;
  font-size: 10px;
  font-weight: 400;
  text-align: left;
  text-decoration: none;
  padding: 2px;
  color: brown;
}

.messageFootText {
  font-family: Tahoma;
  font-size: 10px;
  font-weight: 600;
  text-align: right;
  text-decoration: none;
  padding-left: 2px;
  padding-right: 2px;
  color: red;
}

.messageNumberText {
  font-family: Tahoma;
  font-size: 12px;
  font-weight: 400;
  text-align: right;
  text-decoration: none;
  padding-right: 4px;
  color: #333333;
}

td.messageNewTitle {
  border: 1px solid orange;
  background: #DADADA;
  padding-left: 5px;  
}

.messageNewTitleText {
  font-family: Tahoma;
  font-size: 12px;
  font-weight: 800;
  text-align: left;
  text-decoration: none;
  padding-left: 5px;
  color: royalBlue;
}

textarea.messageNewArea {
  width: 150px;
  align: center;
  border:1px dotted brown;
  font-family: Tahoma;
  font-size: 12px;
  font-weight: 400;
  color: dimgray
}

.messageNewFromText{
  font-family: Tahoma;
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  text-decoration: none;
  padding-left: 10px;
  color: brown;
}

a.messageAdd {
  font-family: Tahoma;
  font-size: 12px;
  font-weight: 800;
  text-align: right;
  text-decoration: none;
  color: green;
}



/*Courses styles*/
td.underoverlineRow {
  border-bottom: 1px dotted #C8C8C8;
  border-top: 1px dotted #C8C8C8;
}

.courseOddRow {
  background: #EFE7E7;
}

.courseEvenRow {
  background: #E9ECF4;
}

.coursesTitle {
	font-family: Arial;
  font-size: 20px;
	font-weight: bold;
	padding-left: 5px;
	text-align: left;
  text-decoration: none;
  color: #175236;
}

.instructorName {
	font-family: Arial;
  font-size: 14px;
	font-weight: bold;
  font-variant: small-caps;
	padding-left: 15px;
	text-align: left;
  text-decoration: none;
  color: #000000;
}

.dayName {
  font-family: Tahoma;
  font-size: 12px;
  font-weight: bold;
  padding-left: 30px;
  text-align: left;
  text-decoration: none;
  color: orange;
}

a.gymName:link {
  font-family: Tahoma;
  font-size: 12px;
  font-weight: 400;
  padding-left: 30px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  text-align: left;
  text-decoration: none;
  color: #4A2424;
}

a.gymName:visited {
  font-family: Tahoma;
  font-size: 12px;
  font-weight: 400;
  padding-left: 30px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  text-align: left;
  text-decoration: none;
  color: #4A2424;
}

a.gymName:hover {
  font-family: Tahoma;
  font-size: 12px;
  font-weight: 400;
  padding-left: 30px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  text-align: left;
  text-decoration: underline;
  color: #4A2424;
}

.gymZone {
  font-family: Tahoma;
  font-size: 12px;
  font-weight: 400;
  font-variant: small-caps;
  padding-left: 10px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  text-align: left;
  text-decoration: none;
  color: #4A2424;
}

.hourName {
  font-family: Tahoma;
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
  color: #255FDC;
}

td.gymContainer {
  width: 100%;
  border: 1px dotted #C8C8C8;
}

td.gymRow {
  width: 100%;
  text-align:left;
  padding-left:15px;
}

a.gymTitleWeb:link {
  font-family: Tahoma;
  font-size: 12px;
  font-weight: 400;
  padding-top: 2px;
  padding-bottom: 2px;
  text-decoration: none;
  color: #255FDC;
}

a.gymTitleWeb:visited {
  font-family: Tahoma;
  font-size: 12px;
  font-weight: 400;
  padding-top: 2px;
  padding-bottom: 2px;
  text-decoration: none;
  color: #255FDC;
}

a.gymTitleWeb:hover {
  font-family: Tahoma;
  font-size: 12px;
  font-weight: 400;
  padding-top: 2px;
  padding-bottom: 2px;
  text-decoration: underline;
  color: #255FDC;
}

a.gymTitle {
  font-family: Tahoma;
  font-size: 12px;
  font-weight: 400;
  padding-top: 2px;
  padding-bottom: 2px;
  text-decoration: none;
  color: #255FDC;
}

.gymInfo {
  font-family: Tahoma;
  font-size: 10px;
  font-weight: 800;
  padding-left: 15px;
  padding-top: 2px;
  padding-bottom: 2px;
  text-decoration: none;
  color: #5A5A5A;
}



/*
--Cords styles
*/
table.cordsContainer {
  align: center;
  text-align: center;
  width: 512px;
}

td.graduationTitle {
  width: 100%;
  padding-left: 15px;
  background: #FAFAFA;
  border: 1px dotted brown;
}

.graduationTitleText {
  font-family: Tahoma;
  font-size: 14px;
  font-weight:400;
  color: royalBlue;
}

td.showCord {
  width: 50%;
  text-align: center;
  vertical-align: middle;
}



/*
--Single song and songs list styes
*/
table.songContainer {
  align: center;
  text-align: center;
  width: 512px;
}

td.songsFirstRowEven {
  font-size: 2px;
  border-left: 1px solid green;
  border-bottom: 1px solid green;
  text-align: left;
  padding-left: 10px;
}

td.songsLastRowOdd {
  font-size: 2px;
  border-right: 1px solid green;
  text-align: right;
  padding-right: 10px;
}

td.songsLastRowEven {
  font-size: 2px;
  border-left: 1px solid green;
  text-align: left;
  padding-left: 10px;
}

td.songsRowOdd {
  border-right: 1px solid green;
  border-bottom: 1px solid green;
  text-align: right;
  padding-right: 10px;
  background: #FCFBC3;
}

td.songsRowEven {
  border-left: 1px solid green;
  border-bottom: 1px solid green;
  text-align: left;
  padding-left: 10px;
  background: #DCFAA7;
}

a.songsRowText:link {
  font-family: Tahoma;
  font-size: 10px;
  font-weight: 600;
  font-variant: small-caps;
  text-decoration: none;
  color: #733A1B;
}

a.songsRowText:visited {
  font-family: Tahoma;
  font-size: 10px;
  font-weight: 600;
  font-variant: small-caps;
  text-decoration: none;
  color: #733A1B;
}

a.songsRowText:hover {
  font-family: Tahoma;
  font-size: 10px;
  font-weight: 600;
  font-variant: small-caps;
  text-decoration: underline;
  color: #733A1B;
}

.songsStored {
  font-family: Tahoma;
  font-size: 9px;
  font-weight: 400;
  text-align: left;
  text-decoration: none;
  vertical-align: middle;
  color: #2C012F;
}

table.songsPagingContainer {
  width: 100%;
  align: center;
  border: 0px;
  font-family: Tahoma;
  font-size: 9px;
}

.songsPages{
  font-family: Tahoma;
  font-size: 9px;
  font-weight: 400;
  text-align: right;
  text-decoration: none;
  vertical-align: middle;
  padding-right: 10px;
  color: royalBlue;
}

td.songTitle {
  border: 1px solid green;
  text-align: left;
  padding-left: 10px;
}

.songTitleText {
  font-family: Tahoma;
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  text-decoration: none;
  color: #FBA715;
}

td.songLyric {
  background: #E9ECF4;
  text-align: left;
  padding: 6px;
  border-left: 1px solid #888888;
  border-right: 1px solid #888888;
}

.songLyricBrasilianText {
  font-family: Tahoma;
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  text-decoration: none;
  color: #2C012F;
}

.songLyricItalianText {
  font-family: Tahoma;
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  text-decoration: none;
  color: #2C012F;
}

td.songAlbum {
  border: 1px solid green;
  text-align: left;
  padding-left: 10px;
}

.songAlbumText {
  font-family: Tahoma;
  font-size: 9px;
  font-weight: 400;
  text-align: left;
  text-decoration: none;
  color: #2C012F;
}



/*
--Contacts styles
*/
table.contactCardTable {
  width: 324px;
  border: 0px;
}

td.contactName {
  text-align: center;
  padding-left: 10px;
  padding-bottom: 3px;
  border-bottom: 1px dotted #888888;
}

.contactNameText {
  font-family: Tahoma;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  text-align: left;
  padding-left: 10px;
  color: #4A2424;
}

td.contactPicture {
  text-align: center;
  padding: 2px;
}

td.contactReference {
  width: 100%;
  text-align: left;
  border-left: 1px dotted #C8C8C8;
}

.contactReferenceText {
  font-family: Tahoma;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
  padding-left: 4px;
  vertical-align: middle;
  color: #000000;
}



/*
--Google Slideshow
*/
.googleSlideShow {
  width: 512px;
  height: 288px;
  color: #AAAAAA;
  background-color: #FFFFFF;
  padding: 1px;
}

td.slideShowFrame {  
  text-align: center;
  border: 1px dotted black;
  padding: 1px;
}

.slideShowTitle {
  font-family: Tahoma;
  font-size: 12px;
  font-weight: 800;
  text-align: left;
  text-decoration: none;
  padding-left: 4px;
  vertical-align: middle;
  color: #003666;
}

.slideShowPickerLabel {
  font-family: Tahoma;
  font-size: 12px;
  font-weight: 400;
  text-align: right;
  text-decoration: none;
  padding-right: 5px;
  vertical-align: middle;
  color: #8C8C8C;
}

select.slideShowPicker {
  width: 90%;
  font-family: Tahoma;
  font-size: 12px;
  font-weight: 600;
  text-align: left;
  text-decoration: none;
  padding-left: 5px;
  border: 0px;
  background: #E0E0E0;
  color: orange;
}



/*
--Deepen menu
*/
td.deepenMenu {
  width: 100%;
  border: 1px dotted #484848;
  background: #FAFAFA;
}

td.deepenMenuTitle {
  width: 100%;
  background: #FFFFFF;
  border-bottom: 2px solid #DADADA;
}

.deepenMenuTitleText {
  font-family: Tahoma;
  font-size: 14px;
  font-weight: 800;
  font-variant: normal;
  text-align: left;
  text-decoration: none;
  padding-left: 5px;
  color: #6A6A6A;
}

a.deepen:link {
  font-family: Tahoma;
  font-size: 12px;
  font-weight: 400;
  text-decoration: none;
  padding-left: 4px;
  color: #37B33A;
}

a.deepen:visited {
  font-family: Tahoma;
  font-size: 12px;
  font-weight: 400;
  text-decoration: none;
  padding-left: 4px;
  color: #37B33A;
}

a.deepen:hover {
  font-family: Tahoma;
  font-size: 12px;
  font-weight: 400;
  text-decoration: none;
  padding-left: 8px;
  color: #000000;
}



/*
--Capoeira history, sport, jogo
*/
table.historyContainer {
  align: center;
  text-align: center;
  width: 512px;
}

td.historyBox {
  text-align: left;
  padding: 4px;
  border: 1px dotted gold;
}

.historyText {
  font-family: Tahoma;
  font-size: 11px;
  font-weight: 400;
  text-decoration: none;
  text-align: left;
  color: #77551F;
}

.sportText {
  font-family: Tahoma;
  font-size: 11px;
  font-weight: 400;
  text-decoration: none;
  text-align: left;
  color: #4256AE;
}

.rulesText {
  font-family: Tahoma;
  font-size: 11px;
  font-weight: 400;
  text-decoration: none;
  text-align: left;
  color: #294C0B;
}



/*
--Leave comment
*/
td.leaveComment {
  width: 100%;
  border: 1px solid royalBlue;
  background: #FFFFFF;
}

td.leaveSpace {
  font-family: tahoma;
  font-size: 5px;
  font-weight: 400;
  text-decoration: none;
}

td.leaveCommentTitle {
  width: 100%;
  border-bottom: 1px dotted #003666;
}

td.leaveCommentFoo {
  width: 100%;
  text-align: center;
  border-top: 1px dotted #003666;
  padding-top: 4px;
  padding-bottom: 4px;
}

.leaveCommentTitleText {
  font-family: Tahoma;
  font-size: 14px;
  font-weight: 600;
  font-variant: normal;
  text-align: center;
  text-decoration: none;
  color: green;
}

td.leaveCommentLabel {
  border-left: 0px solid #C8C8C8;
}

.leaveCommentLabelText {
  font-family: Tahoma;
  font-size: 12px;
  font-weight: 600;
  font-variant: normal;
  font-style: italic;
  text-align: left;
  text-decoration: none;
  padding-left: 2px;
  color: #A8A8A8;;
}

input.commentField {
  width: 150px;
  font-family: Tahoma;
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  background: #EAEAEA;
  color: #666666;
  border: 1px dotted #C5C5C5;
}

textarea.commentArea {
  width: 150px;
  align: center;
  font-family: Tahoma;
  font-size: 12px;
  font-weight: 400;
  background: #EAEAEA;
  border: 1px dotted #C5C5C5;
  color: #666666
}

input.commentAdd {
  width: 60px;
  font-family: Tahoma;
  font-size: 12px;
  font-weight: 800;
  text-align: center;
  text-decoration: none;
  border: 1px solid #686868;
  color: green;
  cursor: pointer;
}



/*
--Friends Sites
*/
td.friendsSites {
  width: 100%;
  border: 1px solid orange;
  background: #FFFFFF;
}

td.friendsSitesTitle {
  width: 100%;
  background: #EAEAEA;
  border-bottom: 2px solid #DADADA;
}

td.friendsSitesFooter {
  font-family: Tahoma;
  font-size: 4px;
  font-weight: 400;
  width: 100%;
  background: #EAEAEA;
  border-top: 2px solid #DADADA;
}

td.friendsSitesDivider {
  font-family: Tahoma;
  font-size: 2px;
  font-weight: 400;
  text-decoration: none;
  background: #FFFFFF;
}

.friendsSitesTitleText {
  font-family: Tahoma;
  font-size: 14px;
  font-weight: 800;
  font-variant: normal;
  text-align: left;
  text-decoration: none;
  padding-left: 5px;
  color: #6A6A6A;
}



/*
--Logged user menu
*/
td.userMenu {
  width: 100%;
  border: 1px dotted #2C51F3;
  background: #FAFAFA;
}

td.userMenuTitle {
  width: 100%;
  background: #FFFFAA;
  border-bottom: 2px solid #DADADA;
}

.userMenuTitleText {
  font-family: Tahoma;
  font-size: 14px;
  font-weight: 800;
  font-variant: normal;
  text-align: left;
  text-decoration: none;
  padding-left: 5px;
  color: #2C51f3;
}

a.personalMenu:link {
  font-family: Tahoma;
  font-size: 12px;
  font-weight: 400;
  text-decoration: none;
  padding-left: 4px;
  color: #BD8016;
}

a.personalMenu:visited {
  font-family: Tahoma;
  font-size: 12px;
  font-weight: 400;
  text-decoration: none;
  padding-left: 4px;
  color: #BD8016;
}

a.personalMenu:hover {
  font-family: Tahoma;
  font-size: 12px;
  font-weight: 400;
  text-decoration: underline;
  padding-left: 4px;
  color: #BD8016;
}



/*
--Personal data form
*/
table.userInfoContainer {
  align: center;
  text-align: center;
  width: 512px;
}

td.userInfoBox {
  width: 100%;
  border: 1px dotted #2C51F3;
  background: #EAEAEA;
}

td.userInfoCellLeft {
  width: 30%;
  text-align: right;
  padding-right: 5px;
  border-right: 2px dotted #2C51F3;
}

td.userInfoCellRight {
  text-align: left;
  padding-left: 10px;
}

td.userInfoCellError {
  width: 100%;
  text-align: left;
  padding-left: 5px;
  padding-right: 5px;
}

.userInfoLabel {
  font-family: Tahoma;
  font-size: 12px;
  font-weight: 400;
  text-decoration: none;
  padding-left: 4px;
  color: #767696;
}

.userInfoProperty {
  font-family: Tahoma;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
  padding-left: 4px;
  color: #5D6E7F;
}

.userInfoNote {
  font-family: Tahoma;
  font-size: 10px;
  font-weight: 800;
  text-align: left;
  text-decoration: none;
  padding: 4px;
  color: black;

}

.userInfoError {
  font-family: Tahoma;
  font-size: 12px;
  font-weight: 400;
  text-decoration: none;
  padding-left: 4px;
  color: red;
}

td.userInfoDivider {
  font-size:6px;
  background:#DCDCDC;
}

.userInfoAuthText {
  font-family: Tahoma;
  font-size: 12px;
  font-weight: 800;
  text-align: left;
  text-decoration: none;
  padding: 4px;
  color: #767696;
}

.userInfoNotice {
  font-family: Tahoma;
  font-size: 10px;
  font-weight: 400;
  text-align: left;
  text-decoration: none;
  padding: 4px;
  color: blue;
}

input.userInfoField {
  font-family: Tahoma;
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  text-decoration: none;
  padding: 1px;
  border: 1px dotted #007A9E;
  background: #F6F1C6;
  color: #3B3C3D;
  width: 150px;
}

select.userInfoList {
  font-family: Tahoma;
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  text-decoration: none;
  padding: 1px;
  border: 1px dotted #007A9E;
  background: #F6F1C6;
  color: #3B3C3D;
  width: 153px;
}

input.userInfoButton {
  font-family: Tahoma;
  font-size: 12px;
  font-weight: 800;
  text-align: center;
  text-decoration: none;
  padding: 1px;
  border: 1px solid #686868;
  color: orange;
  width: 90px;
  cursor: pointer;
}



/*
--Alumns list
*/
table.alumnsListContainer {
  align: center;
  text-align: center;
  width: 580px;
}

td.alumnListDivider {
  font-size:6px;
  background:#FFFFFF;
}

td.alumnDivider {
  font-size:2px;
  background:#FFFFFF;
}

td.alumnTitle {
  text-align: center;
  padding: 2px;
  border: 1px dotted brown;
  background: #F6F1C6;
}

.alumnTitleText {
  font-family: Tahoma;
  font-size: 12px;
  font-weight: 800;
  font-variant: small-caps;
  text-align: center;
  text-decoration: none;
  color: #0000FF;
}

.alumnOddRow {
  background: #B1C1B2;
}

.alumnEvenRow {
  background: #F4F4F4;
}

td.alumnDetail {
  text-align: left;
  padding-left: 15px;
  padding-right:2px;
  padding-top: 2px;
  padding-bottom: 2px;
  border: 1px dotted brown;
  background: #F6F1C6;
}

.alumnDetailText {
  font-family: Tahoma;
  font-size: 11px;
  font-weight: 400;
  font-variant: normal;
  text-align: left;
  text-decoration: none;
  padding-left: 5px;
  color: #3B3C3D;
}

td.alumnContactDetail {
  width: 100%;
  border-left: 2px dotted #000000;
}



/*
--Videos Download
*/
table.videosListContainer {
  align: center;
  text-align: center;
  width: 580px;
}

td.videoListTitle {
  text-align: center;
  padding: 2px;
  border: 1px dotted brown;
  background: #FFFFFF;
}

.videoListTitleText {
  font-family: Tahoma;
  font-size: 18px;
  font-weight: 800;
  font-variant: small-caps;
  text-align: center;
  text-decoration: none;
  color: #45A43A;
}

td.videoInfoTitle {
  text-align: center;
  padding: 2px;
  border: 1px solid #444444;
  background: #FFFFFF;
}

.videoInfoTitleText {
  font-family: Tahoma;
  font-size: 14px;
  font-weight: 800;
  font-variant: small-caps;
  text-align: left;
  text-decoration: none;
  padding-left: 10px;
  color: red;
}

td.videoInfoDescription {
  font-family: Tahoma;
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  text-decoration: none;
  padding-left: 15px;
  padding-right: 5px;
  border-bottom: 2px dotted #444444;
  background: #EDD891;
  color: black;
}

td.videoTitle {
  text-align: center;
  padding: 2px;
  border: 1px dotted yellow;
  background: #F1F1F1;
}

.videoTitleText {
  font-family: Tahoma;
  font-size: 12px;
  font-weight: 800;
  font-variant: small-caps;
  text-align: center;
  text-decoration: none;
  color: #6C6939;
}

td.videoListDivider {
  font-size:6px;
  background:#FFFFFF;
}

td.videoDivider {
  font-size:2px;
  background:#FFFFFF;
}

.videoDescriptionOdd {
  background: #E1D1A0;
  border-bottom: 1px dotted #A8B4C1;
}
.videoDescriptionEven {
  background: #FDFDFD;
  border-bottom: 1px dotted #A8B4C1;
}

.videoDescriptionText {
	font-family: Tahoma;
  font-size: 12px;
  font-weight: 400;
  text-decoration: none;
  color: #E77E20;
}

a.downloadVideo:link {
  font-family: Tahoma;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
  padding-left: 4px;
  color: #149BEC;
}

a.downloadVideo:visited {
  font-family: Tahoma;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
  padding-left: 4px;
  color: #149BEC;
}

a.downloadVideo:hover {
  font-family: Tahoma;
  font-size: 12px;
  font-weight: 600;
  text-decoration: underline;
  padding-left: 4px;
  color: #149BEC;
}



/*
--Event planning
*/
table.eventPlanningContainer {
  text-align: center;
  width: 512px;
}

td.eventPlanningTitle {
  width: 100%;
  border: 1px dotted brown;
  background: #E7E7E7;
  text-align: center;
  padding-left: 10px;
  cursor: pointer;
}

.eventPlanningTitleText {
  font-family: Tahoma;
  font-size: 14px;
  font-weight: 800;
  font-variant: normal;
  text-align: center;
  text-decoration: none;
  color: royalBlue;
}

td.planningDivider {
  background: #FFFFFF;
  font-size: 4px;
}

table.planningContainer {
  text-align: center;
  width: 448px;
}

td.planningBox {
  width: 100%;
  text-align:center;
  border-left: 1px solid orange;
  border-right: 1px solid orange;
  border-bottom: 1px solid orange;
}

td.planningDayTitle {
  width: 100%;
  text-align: left;
  background: #FFFFFF;
}

.planningDayTitleText {
  font-family: Tahoma;
  font-size: 12px;
  font-weight: 600;
  font-variant: normal;
  text-align: left;
  text-decoration: none;
  padding-left: 10px;
  color: #888888;
}

td.planningDayTask {
  text-align: left;
  background: #F6F0C9;
}

.planningDayTaskText {
  font-family: Tahoma;
  font-size: 11px;
  font-weight: 600;
  font-variant: normal;
  font-style: italic;
  text-align: left;
  text-decoration: none;
  padding-left: 10px;
  color: #C88761;
}