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


hr
{
	border: 0;
	border-top: 1px dotted #AAAAAA;
}

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 #CCCCCC;
	padding: 15px 10px 15px 10px;
	border-radius: 7px;
}


#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;
	border-radius: 7px;
}

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

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

#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 a.link-button-light { font-size:12px !important; }

#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-view .keywords-page-list
{
	padding: 10px 0 10px 10px;
}

#survey-builder-view .keywords-page-list .item
{
	padding: 3px 20px;
	background: url(../images/arrow_r.gif) no-repeat left;
	
}

#survey-builder-view .narrative_block
{
	padding:0 10px;
	margin:10px 0;
	border:1px dotted #AAAAAA;
}


														/* ==== 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: 650px;
	border: 1px solid #AAA;
	margin: auto;
	background: #FAFAFA;	
}

#tracking-survey-results .survey-thumb
{
	padding: 4px;
}

#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   ============== */




/* ========= COMMUNICATION MANAGER START ============== */

#profile_frame { width:290px; max-height:190px; margin:-90px -20px 0 0; overflow:auto; background:#FFFFFF; border:1px solid #666666; }

/* ========== COMMUNICATION MANAGER END =============== */





/* =============== SURVEY BUILDER RESULTS - SEND GROUP MESSAGE START ========================== */

#sb-results-group-message h2 { margin:5px 0; text-align:center; color:#6C5F5A; }
#sb-results-group-message p { color:#AAAAAA; }
#sb-results-group-message .question { display:block; margin:5px 0; font-size:14px; color:#000000; }
#sb-results-group-message .answer { display:block; margin:5px 0; font-size:16px; font-style:italic; color:#000000; }

/* ================ SURVEY BUILDER RESULTS - SEND GROUP MESSAGE END ========================== */




/* PROGRAMS INTRO BOX */
#programs-box { margin:10px 0; }
#programs-box .heading { margin:20px 0 10px 0; padding:0 0 3px 20px; font-size:16px; font-weight:bold; color:#AAAAAA; border-bottom:1px dotted #CCCCCC; }

#programs-box .program { float:left; width:320px; margin:5px 0 5px 0; }
#programs-box .program.odd { margin-right:10px; }
#programs-box .program .program-image { float:left; margin:0 8px 0 0; }
#programs-box .program .program-image img { border:1px solid #DDDDDD; }
#programs-box .program .program-title { padding:2px 0 5px 0; }
#programs-box .program .program-title a { font-size:14px !important; font-weight:bold !important; }

#programs-box .program-stats { float:left; padding:0 0 0 20px; font-size:11px; border-left:1px dotted #AAAAAA; }
#programs-box .program-stats table td.td-heading,
.tipz .tip-text table td.td-heading { font-weight:bold; color:#AAAAAA; border-bottom:1px dotted #AAAAAA; }
#programs-box .program-stats table td.spacer { width:30px; }
#programs-box .program-stats table td.label { color:#666666; }
#programs-box .program-stats table td.value { color:#000000; font-weight:bold; text-align:right; padding-right:2px; }
.tipz .tip-text table td.value { color:#FFFFFF; font-size:11px; font-weight:bold; text-align:right; padding-right:2px; }
.tipz .tip-text table td.label { color:#FFFFFF; font-size:11px; }

#programs-box .program-thumb { float:left; margin:5px 10px; }
#programs-box .program-thumb img { border:1px solid #DDDDDD; }


/* PROGRAMS INTRO BOX - MINI */
#programs-mini-box { margin:10px 0 0 0; }
#programs-mini-box .heading { float:left; margin:0 10px 0 0; font-size:13px; line-height:32px; font-weight:bold; color:#AAAAAA; }

#programs-mini-box .program-stats { float:left; padding:0 0 0 20px; font-size:11px; border-left:1px dotted #AAAAAA; }
#programs-mini-box .program-stats table td.td-heading,
#programs-mini-box .program-stats table td.spacer { width:30px; }
#programs-mini-box .program-stats table td.label { color:#666666; }
#programs-mini-box .program-stats table td.value { color:#000000; font-weight:bold; text-align:right; padding-right:2px; }

#programs-mini-box .program-thumb { float:left; margin:0px 5px; }
#programs-mini-box .program-thumb img { border:1px solid #DDDDDD; }




/* Tooltip CSS */
.tip { width:295px; font-size:14px; background:url(../images/tooltip-text.png) left top repeat-y; }
.tip-top { width:295px; height:10px; background:url(../images/tooltip-top.png) top left no-repeat; }
.tip-title { color:#FFFFFF; font-weight:bold; margin:0 10px; }
.tip-text { color:#FFFFFF; padding:10px; font-size:11px; }
.tip-bottom { width:295px; height:10px; background:url(../images/tooltip-bottom.png) left bottom no-repeat; }
 
/* END - Tooltip CSS */



/* ==================  CALENDAR START =================== */

#events-details .calendar-date, #events-list .calendar-date { float:left; width:83px; height:83px; margin:0 10px 10px 0; background:url(../images/calendar/calendar_day_icon.gif) no-repeat; }
#events-details .calendar-date .month, #events-list .calendar-date .month { width:83px; height:33px; text-align:center; line-height:33px; font-family:Arial,sans-serif; font-size:13px; font-weight:bold; color:#FFFFFF; }
#events-details .calendar-date .day, #events-list .calendar-date .day { width:83px; height:50px; text-align:center; line-height:40px; font-family:"Georgia",serif; font-size:42px; color:#000000; }

#events-details .info { margin:20px 0; }

#events-list hr { clear:both; margin:10px 0 30px 0; }

#events-list h3 a { font-size:16px; color:#CC0000; }

.calendar-period-notice { display:inline-block; padding:0 0 0 20px; font-size:11px; background:url(../images/icons/silk/information.png) left no-repeat; }

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



.loading { display:inline; padding-left:20px; font-weight:normal; font-style:italic; color:#666666; background:url(../images/loading.gif) no-repeat left; }









.new_content { color:#CC0000 !important; }
.notification-details { position:relative; top:-2px; display:inline-block; min-width:11px; height:10px; padding:2px 1px 1px 1px; font-size:9px; line-height:9px; font-weight:bold; color:#FFFFFF; background-color:#CC0000; border-radius:8px; text-align:center; }
ul.right-menu .notification-details { margin:0 0 0 3px; }
#cms.keywords .keyword-container .notification-details { margin:0; left:-3px;  }
.blog-program-button .notification-details { position:absolute; margin:0; top:1px; right:1px; z-index:1000; }
.blog-post .notification-details { left:5px; margin-top:5px; }
.survey-profile .notification-details { left:5px; margin-top:5px; }

a.default { height:18px; line-height:18px; }
a.default div { display:inline-block; }

.notification-blink-from { color: #990000; }	

.notification-blink-to { color: #EE0000; }

table.homepage-table {  }