/* 
	STYLESHEET THAT CONTAINS SAME CSS FOR ALL CLONES 
*/ 


hr
{
	border: 0;
	border-top: 1px solid #AAA;
}

input.checkbox										/* checkboxes */
{
	cursor: pointer;
}

input.radio											/* radio buttons */
{
	cursor: pointer;
}


#content
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;	
}

.small
{
	font-size: 10px;
}

.label-info
{
	font-size: 10px;
	color: #666;
}

.info-text											/* text to display some notes info in pages */
{
	font-size: 11px;
	color: #555;
}

textarea.tinyMCE									/* use on textareas to simulate the font of tinyMCE editor */	
{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;	
	padding: 0;	
}


/* =================== TABLE STYLING ================= */

.grid 
{
	border-collapse: collapse;
	border: 1px solid #AAA;
	text-align: left;
	color: #222;
	font-size: 12px;
}		

.grid thead td,
.grid tfoot td
{
	border: 1px solid #CCC;
	padding: 4px 8px;
	background: url(../images/table-header.gif) #EEE repeat-x top;
	font-weight: bold;
	color: #333;
}

.grid tbody td
{
	border: 1px solid #CCC;
	padding: 2px 3px;
}

.grid tbody .odd
{
	background: #F4F4F4;
}

.grid tbody a,
.grid tbody a:hover
{
	font-weight: normal; 
}


/* =================== TABLE STYLING END ================= */



/* ====== PAGINATION START ======= */

.paging
{
	background: #EEE;
	padding: 3px;
	margin: 0 6px;
}

.paging .selected
{
	padding: 1px 2px;
	border: 1px solid #AAA;
	background: #E8E8E8;
}

.paging a
{
	padding: 1px 2px;
	text-decoration: none;
	border: 1px solid transparent;
	line-height: 18px;
}

.paging a:hover
{
	border: 1px solid #CCC;
}

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




/* website stamp for printed reports */
.print_stamp
{
	margin-top: 10px;
	padding: 4px 10px 4px 10px;
	border: 1px solid #444;
	width: 200px;
	background: #EEE;
	color: #444;
	font-size: 12px;
}

.print_stamp a,
.print_stamp a:hover	
{
	text-decoration: none;
	font-weight: bold;
}


div.thumb img
{
	margin: 3px;	
}

div.thumb
{
	border: 1px solid #999;		
	background: #F2F2F2;
}

.shared-info-profile
{
	border: 1px solid #AAA;
	padding: 4px 6px;
	background: #EEE;
}


/* ====================================================================== * 
 * 					PROGRAMS
 * ====================================================================== */

#programs .profile
{
	background: #F8F8F8;
	border: 1px solid #DDD;
	padding: 15px 8px 30px 10px;
}


#programs .profile .apply 							/* profile apply to program link containers */
{
	text-align: center;
	border: 1px dashed #CCC;
	background: #F2F2F2;
	padding: 15px 8px;
}

#programs .profile .thumb
{
	float: left; 
	margin-right: 10px; 
	border: 1px solid #DDD;	
}








/* ================ MATCHING SURVEY PAGES ========================= */

#matching-survey-edit-answers .details
{
	border: 1px solid #AAA;
	padding: 4px 6px;
	background: #EEE;	
	margin-bottom: 10px;
}

#matching-survey-edit-answers .details table td
{
	font-size: 14px;
	color: #000;		
}

#matching-survey-edit-answers .details .description
{
	color: #999;
	font-size: 11px;
}

#matching-survey-edit-answers .question
{
	color: #444;
	font-size: 13px;
	border: 1px solid #AAA;
	background: #EEE;
	padding: 4px 7px;
	font-weight: bold;
}

#matching-survey-edit-answers .answer
{
	padding: 6px 15px;
	border: 1px solid #AAA;
	border-top: none;
	margin-bottom: 12px;
	background: #F6F6F6;
}

/* ================================================================ */











/* =============== SURVEY BUILDER - FRONT PRESENTATION (start) ========================== */

																	/* ==== SURVEY PROFILE ==== */
#survey-builder-view .survey-profile 
{
	border: 1px solid #CCC;
}

#survey-builder-view .survey-profile .thumb										
{	
	border: 1px dotted #CCC;
	text-align: center;
	vertical-align: top;
	background: #F2F2F2;
	margin: 5px;	
}

#survey-builder-view .survey-profile .thumb img
{
	margin: 4px;
}

#survey-builder-view .survey-profile .title
{
	font-size: 14px; 
	font-weight:bold;	
	margin-top: 8px;
}

#survey-builder-view .survey-profile .options
{
	padding: 3px 5px;
	border-top: 1px dotted #BBB;	
	margin: 8px 5px 5px 0;
}

#survey-builder-view .survey-profile .options a
{
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
}

#survey-builder-view .survey-profile .options a.begin
{
	font-size: 13px;
	font-weight: bold;	
}


#survey-builder-view .question-description
{
	padding: 5px 0;
	font-size: 11px;
	color: #555;
}

														/* ==== SURVEY BUILDER - ADMIN LIST ==== */	
#survey-builder-list.admin											
{
}

#survey-builder-list.admin .get-link a
{		
	color: green;	
}


														/* ===== SURVEY RESULTS ===== */

#survey-builder-results
{
	padding: 3px;
}

#survey-builder-results .header
{
	border: 1px solid #BBB;
	padding: 5px;
}
 
#survey-builder-results .survey-title 
{
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	padding-bottom: 4px;
}

#survey-builder-results .survey-description 
{
	font-size: 11px;
	color: #444;
	padding-bottom: 15px;
}

#survey-builder-results .totals
{
	font-size: 12px;
	color: #000;
}

#survey-builder-results table thead td,
#survey-builder-results table tfoot td,
#survey-builder-results .heading
{
	padding: 3px;
	background: #EAEAEA;
	font-weight: bold;
	color: #444;
}

#survey-builder-results .question-title 
{
	font-size: 13px;
	font-weight: bold;	
	padding-bottom: 3px;
}

#survey-builder-results .question-description 
{
	font-size: 11px;
	color: #444;
	padding-left: 20px;
}

#survey-builder-results .answer-text
{
	font-size: 11px;
	padding-left: 10px;
}

#survey-builder-results .question-stats 
{
	border: 1px solid #BBB;	
}

#survey-builder-results .question-stats table
{
	font-size: 12px;
}

#survey-builder-results .question-stats .completed a
{
	display: block;
	border: 1px solid green;
}

#survey-builder-results .question-stats .completed a:hover
{
	border: 1px solid #333333;	
}

#survey-builder-results .question-stats .completion_answer a
{
	border: 1px solid red;
}



																		/* COMBINED RESULTS */

#survey-builder-combined-results .survey-title
{
	font-weight: bold;
}

#survey-builder-combined-results .survey-description
{
	font-size: 11px;
}

#survey-builder-combined-results .question-results .completed
{
	border: 1px solid green;	
}

#survey-builder-combined-results .question-results .completion_answer
{
	border: 1px solid red;	
}





																				/* SURVEY TAKERS - FRONT PRESENTATION */


#survey-builder-takers .header
{
	padding: 0 6px;	 
}

#survey-builder-takers .survey-title 
{
	font-size: 16px;
	font-weight: bold;
	padding: 4px;
}

#survey-builder-takers .survey-description 
{
	font-size: 11px;
	color: #444;
}

#survey-builder-takers .question
{
	font-weight: bold;
	font-size: 13px;
	background: #E4E4E4;
	border: 1px solid #DDD;
	padding: 4px;
	color: #000;
}

#survey-builder-takers .answer-text
{
	font-size: 11px;
	padding: 2px 0 4px 10px;
	border: 1px solid #DDD;
	border-top: none;
	background: #F0F0F0;
}



																	/* ======= TAKERS DATA PRESENTATION ======= */

#survey-builder-taker-data .selected-survey
{
	padding: 4px 8px; 
	background: #EEE;
	font-size: 14px;
	border: 1px solid #AAA;
	margin: 6px 0;		
	line-height: 20px;
}

#survey-builder-taker-data .question-data
{
	border: 1px solid #CCC;
	background: #F2F2F2;
	padding: 4px 8px;
	margin: 0 0 6px 0;	
}

#survey-builder-taker-data .question-data .question
{
	font-weight: bold;
	padding-bottom: 4px;
	margin-bottom: 4px;
	border-bottom: 1px dashed #C4C4C4;
}

#survey-builder-taker-data .question-data .answer
{
	margin-top: 8px;
	padding-left: 10px;	
}
	


/* ============ MENTOR VIEW MENTEE SURVEYS INFO (end)   =========== */





/* ============ TRACKING SURVEY (start) =========================== */

#tracking-survey-results .header
{
	width: 600px;
	border: 1px solid #AAA;
	margin: auto;
	background: #FAFAFA;	
}

#tracking-survey-results .survey-title
{
	background: #EEE;
	padding: 4px 5px;
	font-size: 15px;
	font-weight: bold;
}

#tracking-survey-results .survey-description
{
	padding: 8px 5px;
}

/* ============ TRACKING SURVEY (end) =========================== */




/* =============== SURVEY BUILDER - FRONT PRESENTATION (end)  ========================== */






/* ========================= CALENDAR (start) ================================*/
#calendar.homepage  .date
{
	font-size: 10px;
}

/* ========================= CALENDAR  (end)  ================================*/






/* ========= MENTEE FILE RECORDS START =================== */

#mentee-file .menu-buttons
{
	margin-top: -20px;
	text-align: right;
	position: relative;
	top: 30px;
	left: -6px;
}	

#mentee-file .profile
{
	border: 2px solid #DDD; 
	background: #F1F1F1; 
	padding: 4px 8px;	
}	

#mentee-file .list .item
{
	margin-top: 6px;
	border: 1px solid #CCC; 
	background: #F4F4F4; 	
}

#mentee-file .date-stamp
{
	color: #666;
	font-weight: bold;	
	font-size: 13px;
	text-align: center;
	border-right: 1px solid #CCC;
	padding: 4px 8px;		
	vertical-align: middle;
}	

#mentee-file .description
{
	font-family: Arial;
	font-size: 12px;
	padding: 3px 4px;
}	

#mentee-file .thumb
{
	border: 1px solid #CCC;
	padding: 2px;
	margin-right: 4px;
	text-align: center;
}	

#mentee-file .options
{
	font-size: 11px;
	padding: 0 4px 6px 4px;
	background: #EEE;
}	

#mentee-file .options a
{
	font-size: 11px;	
}

#mentee-file .stamp
{
	margin-top: 6px;
	font-size: 10px;
	color: #666;
	padding: 0 15px;
	text-align: right;
}

#mentee-file .paging
{
	font-size: 20px;		
	line-height: 36px;
	text-align: center;
	margin: 5px 0;
	border: 2px solid #DDD; 
	background: #F1F1F1;
}	

#mentee-file .paging a
{
	font-size: 20px;
	text-decoration: none;
	padding: 2px 5px; 	
	border: 1px solid transparent;	
}

#mentee-file .paging a.selected
{
	border: 1px solid #BBB;
	background: #EAEAEA;		
}

#mentee-file .paging a:hover
{
	border: 1px solid #BBB;
}

#mentee-file-form
{
	font-size: 12px;
}

#mentee-file-form .title
{
	font-family: Verdana;
	font-size: 20px;
	font-weight: bold;
	text-align: left;
	padding: 6px 40px;
	border-bottom: 2px solid #444;
	background: url(../images/icons/mentee-file-big.png) #DDD no-repeat left;
	background-position: 5px center;
}


#mentee-file .details
{
	margin-top: 5px;
	border: 2px solid #DDD; 
	background: #F1F1F1; 
}

#mentee-file .details .date
{
	font-weight: bold;
	font-size: 18px;
	color: #333;
	margin-bottom: 3px;
}

#mentee-file .details .header
{
	background: #EEE;
	border-bottom: 2px solid #DDD;
	padding: 4px 8px 6px 8px;		
}	

#mentee-file .details .description
{
	background: #F8F8F8;
	padding: 5px;			
}	

/* ========= MENTEE FILE RECORDS END   ============== */