/* globals ---------------------------------------------------------*/
body {
margin-top: 5px;
margin-bottom:5px;
background-color: #ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#533458;
}
a{
text-decoration:underline;
color:#7677a4;
}
a:hover{
text-decoration:underline;
color:#7677a4;
}
form{
	padding:0px;
	margin:0px;
}

.form{
border: 1px solid #c9cacb;
background-color:#f4f7f8;
color:#000000;
}
.form2{
border: 1px solid #c9cacb;
background-color:#f4f7f8;
color:#999999;
font-style:italic;
width:95%;
}
.form3{
border: 1px solid #c9cacb;
background-color:#f4f7f8;
color:#000000;
width:95%;
}
.formInput{
	border:1px solid #cfd8e2;
	background:#ffffff;
	color:#000000;
	margin:1px;
}

#mainContent  .hd {
	background: url(../images/box_middle.jpg) repeat-x top;
	padding:0px;
	border:none;	
	color: #533458;
	padding-top:8px;
	padding-left:5px;
	height:28px; 
	font-size:16px
}

#mainContent .container-close{
	background: url(../images/close.gif) no-repeat;
	margin-top:-2px;
	width:22px;
	height:21px;
}

#mainContent .yui-panel{
/*	background:none; */
	border:none;
}


/* mainPage ---------------------------------------------------------*/
#main{
width:980px;
margin-left:auto;
margin-right:auto;	
}
#popup, .popup{
width:770px;
margin-left:auto;
margin-right:auto;	
}
#login{
width:300px;
margin-left:auto;
margin-right:auto;	
}
#popup2, .popup2{
width:510px;
margin-left:auto;
margin-right:auto;
height:auto;
}

.popupPanel{
margin-left:auto;
margin-right:auto;
}
#popupNewSite{
width:650px;
margin-left:auto;
margin-right:auto;
height:auto;
}
.popupMemberProfile{
width:580px;
margin-left:auto;
margin-right:auto;
height:auto;
}
#popupMap{
width:547px;
margin-left:auto;
margin-right:auto;
height:auto;
}
#slideDown{
width:440px;
padding:5px;
border:1px solid #ced7e1;
background-color:#f0f2f7;
margin-left:auto;
margin-right:auto;
height:250px;
}
#popupRequest{
width:600px;
margin-left:auto;
margin-right:auto;
height:auto;
}
/* header --------------------------------------------------------*/
#header{
color:#533458;
background:url(../images/header.jpg) left top no-repeat;
height:96px;
}
/* code by Ricardo Paiva*/
#headerMenu{
	margin: 5px;
	margin-top:60px; 
	float:right;
}
ul.headerMenu li{
	padding-right: 10px;
	padding-left: 10px;	
	display:inline;
	border-left:1px solid #533458;
}
ul.headerMenu li:first-child{
	border-left:none;
}

ul.headerMenu li.selectedItem{
	font-weight:bold;
}

a.menuItem{
	color:#533458;
}
/* finish code by Ricardo Paiva */
/* content ----------------------------------------------------------- */
#content{
border-top: 3px solid #ffffff;
padding-left:20px;
padding-right:20px;
}
/* contentMenu ------------------------------------------------------- */
#mainContentMenu{
float:left;
}
.menuSelected{
float:left;
padding:5px 4px 0px 4px;
text-align:center;
width:109px;
color:#533458;
background-image: url(../images/tabSelected.jpg);
border-right: 2px solid #ffffff;
height:35px;
}
.menuUnselected{
float:left;
padding:5px 4px 0px 4px;
text-align:center;
width:109px;
color:#7D91A6;
background-image: url(../images/tabUnselected.jpg);
border-right: 2px solid #ffffff;
height:35px;
}
.menuUnselected a {
color:#7D91A6;
text-decoration:none;

}


#mainContentMenu .text{
font-size: 14px;
font-weight:bold;
}
/* navbar ------------------------------------------------------------------ */
.navbar{
border-bottom: 2px solid #ffffff;
border-top: 2px solid #ffffff;
border-left: 5px solid #ffffff;
background:url(../images/navbarBG.jpg);
height:35px;
width:61%;
float:right;
color:#1E412D;
}
.navbarBg{
height:25px;
padding-top:10px;
}
.navbarBg_left{
background:url(../images/navbarLeftCorner.jpg) left no-repeat;
height:35px;
padding-left:7px;
}
.navbarBg_right{
background:url(../images/navbarRightCorner.jpg) right no-repeat;
height:35px;
padding-right:0px;	
}
.navbarInstrucions{
float:left;
padding-left:10px;
padding-top:60px;
}

/* mainContent -------------------------------------------------------- */
#mainContent{
width:100%;
}
#mainContentFundraising{
float:left;
clear:both;
width:59%;
border:1px solid #cfd7e1;
}
#mainContentTraining{
float:left;
clear:both;
width:59%;
border:1px solid #cfd7e1;
}
#mainContentTeamProgress{
float:left;
clear:both;
width:59%;
border:1px solid #cfd7e1;
}
#mainContentRight{
float:right;
width:39%;
}
/* Fundraising ---------------------------------------------------------- */
.tipsMessage{
text-align:left;
padding:5px;
font-size:12px;
}
.separator{
height:18px;
background-color:#e4e9ef;
border-top:8px solid #f3f5f8;
border-bottom:8px solid #f3f5f8;
padding:3px 0px 3px 5px;
}
.titleTops{
color:#533458;
font-weight:bold;
font-size:10pt;
float:left;
padding-top:2px;
}
.AddonTitleTops{
float:right;
text-align:right;
padding-right:3px;
}
.infoTable{
text-align:left;
padding:5px;
height:26px;
}
.infoForm{
float:left;
}
.infoRaised{
color:#000000;
font-weight:bold;
text-align:left;
padding:0px 10px 0px 5px;
float:left;
}
.raisedResult{
color:#009900;
}
.infoRemaining{
color:#000000;
font-weight:bold;
text-align:left;
padding:0px 10px 0px 5px;
float:left;
}
.remainingResult{
color:#FF0000;
}
.infoDays{
border-left:1px solid #9dadc6;
color:#000000;
text-align:right;
padding:0px 5px 0px 10px;
float:left;
font-style:italic;
}
.myWebsites{
padding:8px;
height:208px;
}
#screenWebsites{
padding:5px;
float:left;
}
#textWebsites{
padding:5px;
color:#9163a8;
text-align:left;
}
.titleWebsites{
font-weight:bold;
}
/* tables -------------------------------------------------------- */
#tableFundraising, .tableFundraising{
padding:8px;
}
#tableAttendance, .tableAttendance{
padding:8px;
}
#tableFundraising2{
padding:8px;
}
#tableTeamSchedule{
padding:8px;
}
#tableMyTraining, .tableMyTraining{
padding:8px;
}
#tableAssessments, .tableAssessments{
padding:8px;
}
th.tableHeader{
background-color:#f7f9fb;
padding:4px;
border-left:1px solid #9dadc6;
}
th.tableHeader2{
background-color:#f7f9fb;
padding:5px;
border-left:1px solid #9dadc6;
text-align:left;
}
th.tableHeader:first-child{
border-left:none;
}
th.tableHeader2:first-child{
border-left:none;
}
#tableFundraising td{
border-top:1px solid #e4e9ef;
color:#000000;
text-align:center;
line-height:24px;
}
#tableFundraising td.leftAlign{
text-align:left;
padding-left:5px;
}
#tableFundraising td.RightAlign{
text-align:right;
padding-left:5px;
}
.tableFundraising td{
border-top:1px solid #e4e9ef;
color:#000000;
text-align:center;
line-height:24px;
}
.tableFundraising td.leftAlign{
text-align:left;
padding-left:5px;
}
.tableFundraising td.RightAlign{
text-align:right;
padding-left:5px;
}
#tableAttendance td{
border-top:1px solid #e4e9ef;
color:#000000;
text-align:center;
line-height:24px;
}
#tableAttendance td.leftAlign{
text-align:left;
padding-left:5px;
}
#tableAttendance td.RightAlign{
text-align:right;
padding-left:5px;
}
.tableAttendance td{
border-top:1px solid #e4e9ef;
color:#000000;
text-align:center;
line-height:24px;
}
.tableAttendance td.leftAlign{
text-align:left;
padding-left:5px;
}
.tableAttendance td.RightAlign{
text-align:right;
padding-left:5px;
}
#tableFundraising2 td{
border-top:1px solid #e4e9ef;
color:#000000;
text-align:left;
line-height:20px;
padding:0px 0px 0px 5px;
}
#tableTeamSchedule td{
border-top:1px solid #e4e9ef;
color:#000000;
text-align:left;
padding:0px 0px 0px 5px;
line-height:20px;
}
#tableTeamSchedule td.warning{
background-color:#9babc5;
color:#FFFFFF;
font-weight:bold;
}
#tableMyTraining td{
border-top:1px solid #e4e9ef;
color:#000000;
text-align:left;
line-height:20px;
padding:0px 0px 0px 5px;
}
.tableMyTraining td{
border-top:1px solid #e4e9ef;
color:#000000;
text-align:left;
line-height:20px;
padding:0px 0px 0px 5px;
}
#tableAssessments td{
border-top:1px solid #e4e9ef;
color:#000000;
text-align:left;
line-height:20px;
padding:0px 0px 0px 5px;
}
.tableAssessments td{
border-top:1px solid #e4e9ef;
color:#000000;
text-align:left;
line-height:20px;
padding:0px 0px 0px 5px;
}

.tableResult1 th{
	background-color:#f7f9fb;
	padding:5px;
	border-left:1px solid #9dadc6;
	text-align:center;
}

.tableResult1 th:first-child{
	border-left:none;
}

.tableResult2{
	width:100%;
}

.tableResult2 caption{
	background:#eaeef2;
}

.tableResult2 tr.odd td{
	background:#eaeef2;
}

.tableResult2 tr.even td{
	background:#ffffff;
}

.tableForm{

}

.tableForm th{
	text-align:right;
	font-size:12px;
}

.tableForm td{

}

/* texts ----------------------------------------------------------- */
.textWarning{
color:#999999;
font-style:italic;
font-size:9px;
}
#warning{
height:30px;
padding:8px;
}
/* buttons ------------------------------------------------------------ */
.btns{
padding:10px 4px 4px 4px;
height:34px;
}
.btnRight{
padding-right:5px;
text-align:right;
}
.btns div.leftFloat{
float:left;
}
.btns div.textLeftFloat{
float:left;
padding:5px 0px 0px 5px;
}
.btns2{
padding:5px;
height:40px;
text-align:right;
}
.btns3{
padding:5px;
height:30px;
clear:both;
}
.btns4{
padding:5px 5px 5px 90px;
height:30px;
clear:both;
vertical-align:middle;
}
.marginBtns{
margin:0px 3px 0px 3px;
}
/* contentRight --------------------------------------------------------- */
#ourTeam{
padding:5px;
}
.ourteamText{
float:left;
color:#000000;
}
.ourteamIcon{
}
.ourteamImages{
background-color:#f6f8fb;
padding:5px;
text-align:center;
}
#anotherBox{
padding:5px;
height:120px;
}
.anotherBoxText{
}
#boxes{
height:94px;
}
#boxSearch{
background-image:url(../images/bgBox_search.jpg);
float:left;
width:145px;
height:94px;
}
.titleSearch{
line-height:30px;
padding-left:32px;
text-align:left;
color:#533458;
font-weight:bold;
}
.formBoxSearch{
padding:5px;
text-align:left;
margin: 5px 5px 0px 5px;
}
#boxFeeds{
background-image:url(../images/bgBox_feeds.jpg);
float:right;
width:200px;
height:94px;
}
.titleFeeds{
line-height:30px;
padding-right:10px;
text-align:right;
color:#7d7ea8;
font-weight:bold;
}
.whiteBox{
border:1px solid #999999;
background-color:#FFFFFF;
padding:5px;
text-align:center;
width:170px;
margin: 5px 10px 0px 10px;
}
.leadFeeds{
color:#7d7ea8;
font-weight:bold;
font-size:9pt;
}
/* boxes class ---------------------------------------------------------- */
.box {
height:111px;
}
.boxBg{
background:url(../images/box_middle.jpg) repeat;
height:26px;
padding-top:5px;
}
.boxBg_left{
background:url(../images/box_leftCorner.jpg) left no-repeat;
height:31px;
padding-left:9px;
}
.boxBg_right{
background:url(../images/box_rightCorner.jpg) right no-repeat;
height:31px;
padding-right:9px;	
}
.boxContent{
height:auto;
/* -------- remove the border of the dialog boxes just commenting the line ------- */
border:1px solid #cfd7e1;
padding:5px;
}
.boxSeparator{
height:12px;
}
/* tables ------------------------------------------------------------------- */
#tableMessages td{
color:#000000;
text-align:left;
line-height:18px;
padding:0px 0px 0px 5px;
}
#tableEvents td{
color:#000000;
text-align:left;
line-height:18px;
padding:0px 0px 0px 5px;
}
#tableTrainingSchedule td{
color:#000000;
text-align:left;
line-height:18px;
padding:0px 0px 0px 5px;
}
#tableTrainingSession td{
clear:both;
border-top:1px solid #e4e9ef;
color:#000000;
line-height:24px;
}
#tableTrainingSchedule td.warning{
background-color:#9babc5;
color:#FFFFFF;
font-weight:bold;
}
#tableMission td{
color:#000000;
text-align:center;
line-height:18px;
padding:5px 5px 5px 5px;
}
#tableMission td.special{
text-align:left;
}
/* signature -------------------------------------------------------------------- */
#signature{
width:980px;
height:18px;
margin-top:5px;
clear:both;
}
/* popups ------------------------------------------------------------------------ */
#popupBox, .popupBox{
padding:5px;
height:auto;
clear:both;
}
.popupBoxText{
margin-bottom:5px;
}
#popupContent{
}
#popupNewWebsite{
}
.separatorLine{
border-top:2px dashed #f3f5f8;
}
.popupUpdateBox1{
border:1px solid #d9d9d9;
padding:5px;
margin:15px 0px 5px 0px;
width:20%;
float:left;
}
.popupUpdateBox2{
border:1px solid #d9d9d9;
padding:5px;
margin:15px 0px 5px 0px;
width:76%;
float:right;
}
.popupUpdateBox3{
border:1px solid #d9d9d9;
padding:5px;
margin:2px 0px 5px 0px;
width:20%;
height:260px;
clear:both;
float:left;
}
.popupUpdateBox4{
border:1px solid #d9d9d9;
padding:5px;
margin:2px 0px 5px 0px;
height:260px;
width:76%;
float:right;
}
.textPopup{
color:#000000;
font-weight:bold;
}
.closeBtn{
float:right;
padding-right:0px;
}

/* login --------------------------------------------------- */
#loginBox{
padding:5px;
height:40px;
}
.loginBoxText{
}
.tableBox{
}
#tableBox, .tableBox td{
color:#000000;
text-align:left;
line-height:24px;
padding:0px 0px 0px 5px;
}
.tableBox td.special{
font-weight:bold;
text-align:right;
padding-right:5px;
vertical-align:top;
}
#tableBox td.special{
font-weight:bold;
text-align:right;
padding-right:5px;
vertical-align:top;
}
#tableBox, .tableBox td.right{
text-align:right;
}
#tableBox, .tableBox td.left{
text-align:left;
}
/* training content ----------------------------------------- */
.btnBack{
float:left;
text-align:left;
padding:0px 3px 0px 3px;
}
.dateCalendar{
font-weight:bold;
text-align:center;
padding:0px 5px 0px 5px;
float:left;
}
.btnFoward{
float:left;
text-align:right;
padding:0px 3px 0px 3px;
}
.calendar{
float:left;
text-align:right;
padding:0px 10px 0px 3px;
}
.textTraining{
float:left;
text-align:left;
border-left:1px solid #9dadc6;
padding:0px 3px 0px 10px;
}
.trainingLine{
float:left;
text-align:right;
padding:0px 10px 0px 3px;
}
.progressBar{
float:left;
text-align:right;
padding:0px 10px 0px 3px;
}
.openNavbar{
float:left;
padding:0px 0px 0px 10px;
border-left:1px solid #9dadc6;
}
.boxAssessments{
color:#000000;
height:100px;
border:1px solid #ced7e1;
padding:8px 0px 3px 8px;
line-height:18px;
}
.boxMyTraining{
color:#000000;
height:25px;
background-color:#f7f9fb;
border-top:8px solid #ffffff;
border-bottom:8px solid #ffffff;
padding:8px 0px 3px 8px;
line-height:18px;
}
.myTrainingTotal{
font-weight:bold;
text-align:right;
padding:0px 10px 0px 60px;
float:left;
}
.resultTraining{
color:#009900;
float:left;
font-weight:bold;
padding:0px 3px 0px 10px;
border-right:1px solid #000000;
}
.resultRemaining{
color:#FF0000;
float:left;
font-weight:bold;
padding:0px 10px 0px 4px;
}
.totalHours{
font-weight:bold;
text-align:left;
padding:0px 5px 0px 3px;
float:left;
}
.logMessage{
color:#999999;
font-style:italic;
border-left:1px solid #9dadc6;
padding:0px 5px 0px 5px;
float:left;
}
/* page 15 ---------------------------------------- */
.statusBarLabel{
color:#666666;
font-style:italic;
font-size:10px;
}
/* page 6 ----------------------------------------- */
.warningPopup{
color:#666666;
font-style:italic;
font-size:12px;
}
/* slideDown ---------------------------------------- */
.slideLeft{
float:left;
width:205px;
padding:5px;
border-right:1px solid #c7d0df;
}
.slideRight{
float:right;
width:205px;
padding:5px;
border-left:1px solid #f7f8fb;
}
.slideText{
color:#000000;
padding-top:10px;
}
.slideTitle{
font-weight:bold;
}
/* popup page 7 ------------------------------------------- */
.popupEventBox1{
background-color:#ced7e1;
padding:5px;
width:19%;
height:302px;
float:left;
line-height:18px;
}
.popupEventBox2{
width:78%;
height:302px;
float:right;
}
.popupEventContent{
border:1px solid #d9d9d9;
height:269px;
padding:5px;
}
.popupEventTopic{
height:18px;
background-color:#e4e9ef;
border-bottom:8px solid #ffffff;
padding:3px 0px 3px 5px;
}
.popupEventImage{
float:left;
padding:3px;
}
.popupEventText{
float:left;
padding:3px;
color:#000000;
}
#select{
color:#000000;
padding:2px;
border-bottom:5px solid #ffffff;
}
.textNormal{
font-weight:bold;
float:left;
text-align:right;
padding:0px 5px 0px 5px;
}
.comboSelect{
float:left;
text-align:left;
padding:0px 5px 0px 5px;
}

/* ------------------------------ brunocochito */
.arrowSpace{
padding:6px 0px 0px 5px;
float:left;
}
.tableTrainingSession{
height:18px;
background-color:#e4e9ef;
border-top:1px dashed #f3f5f8;
border-bottom:1px dashed #f3f5f8;
padding:3px 0px 3px 5px;
}
#tableTeamProgress{
clear:both;
padding:8px;
}
#tableTeamProgress td{
border-top:1px solid #e4e9ef;
color:#000000;
text-align:center;
line-height:24px;
}
#tableTeamProgress td.leftAlign{
text-align:left;
}
#tableTeamProgress td.rightAlign{
text-align:right;
padding-right:2px;
}
#tableTeamProgress tr.alternate{
background-color:#f1f6fb;
}
.graphicCoaches{
padding:5px;
}
.dataText{
color:#666666;
line-height:18px;
padding-left:5px;
}
.importContacts{
border-top:1px solid #e7ebf1;
padding:5px 0px 0px 0px;
}
.importContactsTitle{
font-size:14px;
font-weight:bold;
color:#000000;
}
.borderStepBox{
border:1px solid #ced7e1;
clear:both;
padding:3px;
}
.stepBox{
}
.stepBoxImg{
width:190px;
height:40px;
}
.stepBoxContentText{
color:#666666;
}
a.pickTemplateTitleOn{
font-size:14px;
}
.pickTemplateTitleOff{
font-size:14px;
text-decoration:none;
}
.pickTemplateTextOff{
color:#999999;
}
.viewAll{
height:20px;
padding:3px;
text-align:right;
}
.trainingRatio{
width:98%;
background-color:#eaeef2;
padding:5px 5px 5px 8px;
color:#000000;
float:left;
}

#panelHonoredTeammates .leftImage{
	float:left;
	margin-right:15px;
	width:140px;
}

#panelHonoredTeammates .rightContent{
	width: 330px;
	height:280px;
	float:left;
}

#panelCoachBios .leftImage{
	float:left;
	margin-right:15px;
	width:80px;
}

#panelCoachBios .rightContent{
	width: 390px;
	float:left;
}

#panelCoachBios .contentLine, #panelStaffContact .contentLine{
	clear:both;
	margin-bottom:10px;
}


#panelStaffContact .leftImage{
	float:left;
	margin-right:15px;
	width:92px;
}

#panelStaffContact .rightContent{
	width: 375px;
	float:left;

}

.rightContent h3{
	margin:0px;
	padding:0px;
	margin-bottom:5px;
}

.rightContent p{
	margin:0px;
	padding:0px;
	margin-bottom:5px;
}

#panelCoachBios .rightContent h3, #panelStaffContact .rightContent h3{
	margin-bottom:0px;
}

#panelCoachBios .rightContent p, #panelStaffContact .rightContent p{
	margin-bottom:10px;
}

.btBrowse{
	margin-top:-3px;
}

.panelForm2, .panelSendReminderForm, .panelForm, .panelForm2{
	margin-bottom:10px;
	width:100%;
}

.panelForm2 th{
	text-align:right;
	width:30%;
} 

.panelSendReminderForm th, .panelForm th{
	padding:10px;
	text-align:right;
	width:20%;
	vertical-align:top;
}

.panelSendReminderForm h3{
	padding:0px;
	margin:0px;
	font-size:12px;
}

#panelCancelMeeting{
	width:350px;
}

#panelCancelMeeting form{
	margin-left:20px;
}


#donorsContent .leftColumn{
	width:220px;
	padding-right:20px;
}

#donorsContent {
}

#donorsContent .mainContent h1{
	font-size:17px;
	margin-top:0px;
	padding-top:0px;
}
#donorsContent .mainContent p{
	font-size:13px;
}

#donorsContent .rightColumn{
	width:140px;
	padding-left:20px;
}

.imageLine p{
	padding:0px;
	margin:0px;
	padding-top:0px;
}

.imageLine{
	margin:0px;
	margin-bottom:10px;
}

#sponsor h3{
	border-bottom: 1px solid #cfd7e1;
	padding:0px;
	margin:0px;
	margin-bottom:5px;
	font-weight:normal;
	font-size:14px;
}

.valueRaised{
	font-size:15px;
}
#donationRecorded{
	width:480px;
	padding:2px;
	padding-left:6px;
	padding-right:6px;	
	font-size:14px;
	background:#E4E9EF;
}


// Included by Alexandre Junqueira

.reply_content {
	text-align:left;
	font-weight:normal;
	padding-left:16px;
} 


.tableTrainingSession2 {
  height:18px;
  border-top:1px solid #f3f5f8;
  margin-top:8px;
  padding:5px 0px 3px 5px;

}

.textTrainingLocation {
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  line-height:13px;
}


.AddonTitleTops2{
float:right;
text-align:right;
padding-right:3px;
padding-top:3px;
}