/*
 * CollegeInsight main css
 * Misc styles
 *
 * @author Benjamin Lowenstein 04/2009
 */

/*** HEADER ***/

#header {
  background: #eeeeee;
  border-bottom:1px solid #cccccc;
}

  /* Logo */

#header #logo {
  margin-top:10px;
}

#header #stickyNote {
  position:absolute;
  top: 0;
  right: 0;
  z-index:1000;
}


/*** MAIN CONTENT ***/

/* only display in print-css */
#printCitation {
	display:none;	
}


  /* Gradient */


/*** FOOTER ***/

#footer {
  background: #eee;
  border-top:1px solid #ccc;
  zoom:1;
}

#footer #fColR {

}

#footer #fColR {

}

#footer #fColR #fMenu {
	height:3em;
	overflow:display;	
}

#footer #fColR #fMenu li a {
	padding: 10px;
	border-right: 1px solid #ddd;
}

#footer #fColR #fMenu li a.first {
	padding-left:0;
}

#footer #fColR #fMenu li a.last {
	border-right:0;
	padding-right:0;
}

#footer #fColR #cclogo {
	float: left;
} 


#footer #fColR #copyright {
	color:#a3a3a3;	
	margin-left:10px;
	margin-bottom: 0px;
	padding: 0px;
	font-size: 0.95em;
}

#footer #fColR #copyright a {
	color:#da334d;
}

/*** HELPER CLASSES ***/


  /* A generic clear-block */

.clear-block {
  clear:left;
  display:block;
}


/*** GENERIC FORM ELEMENT STYLES ***/

div.redBtnContainer {
	position:relative;	
	height:34px;
	float:left;
	overflow:display;
}

div.redBtnContainer * {
	float:left;	
}

div.redBtnContainer div.flank {
	display:block;
	height:34px;
	width:9px;
}

div.redBtnContainer div.flank.l {
	background: transparent url(../img/gen/redBtn_l.gif) no-repeat;
}

div.redBtnContainer div.flank.r {
	background: transparent url(../img/gen/redBtn_r.gif) no-repeat;	
}

div.redBtnContainer .rbMain {
	color:#fff;	
	background: transparent url(../img/gen/redBtn_m.gif) repeat-x;
	height:34px;		
	font-size:14px;
}

div.redBtnContainer input.rbMain {
	border:0;
	padding:0;
	margin:0;
	outline:0;
}

div.redBtnContainer a.rbMain {
	padding-top:.85em;
	margin:0;
	text-decoration:none;	
	color:#fff;
	outline:0;
}

/** Corners **/

div.corner {
	position:absolute;
	width:16px;
	height:16px;
	display:block;	
}

div.corner.tl {
	left:0;
	top:0;	
}

div.corner.tr {
	top:0;
	right:0;	
}

div.corner.br {
	bottom:0;
	right:0;
}

div.corner.bl {
	bottom:0;
	left:0;	
}

/** grey lines **/
div.thickLine,
div.thinLine {
	display:block;
	width:100%;
	border-bottom:2px solid #aeb2af;
	margin:15px 0;
}

div.thinLine {
	border-bottom:1px solid #949a96;
}

/** Clear All div **/
a.clearAllLink {
	font-weight: bold;
}

/* used in topics tab */
/*
span.clearAll {
	padding:0px 0px 5px 0;
	width: 97%;
	text-align:right;
}
*/
/* used in split col tabs tab */
/*
div.clearAllTop {

	padding:0px 0px 5px 0;
	width: 97%;
	text-align:right;
}
*/
/** sorting icon **/
div.sortImg  {
	height:23px;
	width:27px;
}

/** tooltip icon **/
div.toolTip  {
	height:19px;
	width:18px;
	display:block;
	background: url("../img/spotlight/results/tooltip.gif") no-repeat;
	float:left;
}

/** jQuery tooltips **/
/*
.qtip {
   position: absolute;
   padding: 10px 13px;
   z-index: 2000;
   
   color: #303030;
   background-color: #f5f5b5;
   border: 1px solid #DECA7E;
   
   text-align: center;
   top:0;
   right:0;
   width: 300px;
   font-weight:normal;
}

.qtip h3 {
      margin: 0 0 5px;
      text-align: left;
}
*/
.qtip span {
	display:block;
}

.qtip span.varTitle {
	margin-bottom:1em;
	font-weight:bold;
}

.qtip span.varDescription {
	text-align:left;
}		



/** Throbber - when switching between tabs **/

#loadingTab {
	/*
	height:400px;
	width:100%;
	display:block;
	background:url('../img/gen/throbber.gif') no-repeat 50% 50%;	
	*/
}

/* SimpleModal Styles */
#modalOverlay, #throbberOverlay {background-color:#fff; cursor:wait;}
#modalContainer {height:490px; width:750px; left:50%; top:2%; margin-left:-400px; background-color:#fff; border:1px solid #888; padding:12px; }
a.modalCloseImg { 
	background:url(../img/gen/close_window.gif) no-repeat; 
	z-index:3200; 
	position:absolute; 
	top:12px; 
	right:12px; 
	cursor:pointer;
	padding-left:25px;
	color:#003366;
	text-decoration:none;
}

/** modal - chart styles **/
#modalXtra {
	position:absolute;
	zoom:1;
	display:block;
	width: 340px;
/*	height: 600px;*/
	top:60px;
	right:0;	
	z-index:1000;	
}

#chartModalLogo {
	margin-left:420px;	
}

#flashBox embed, #flashBox object {
	margin-top:20px;	
}

#modalCaption {
	font-size:24px;
	font-weight:bold;	
}

#modalSubCaption {
	font-size:14px;
	color:#FF6600;
	font-weight:bold;
	margin-top:5px;
}

/** Throbber **/
#throbberOverlay {
	opacity: 0.55; 
	filter:alpha(opacity=55);
	height: 100%; 
	width: 100%; 
	position: fixed; 
	left: 0px; 
	top: 0px; 
	z-index: 3000; 
	display: block;	
}

#throbber {
	height:350px;
	background:url('../img/gen/throbber.gif') no-repeat 50% 50%;		
	margin-left:auto;
	margin-right:auto;
}

/** Aggregrate entities in results need to be bold **/

.aggregate {
	font-weight:bold;	
}

/* for images of all charts */
img.printOnlyChart {
	display:none;
}

/* for footnote text in all tabs */
div.footnoteTxt {
	font-size: 90%;
	color: gray;
}
div.footnoteWrap {
	position: absolute; 
	bottom: 10px;
	padding-left: 65px;
	padding-top: 10px;
	width: 521px;
}
div.footnoteWrapSpotlight {
	padding-bottom: 15px;
	padding-left: 65px;
}