/* style.css
	For CSE 567M Project
	Author: Rahav Dor
	Date  : April 8, 2013
 */

a {
	text-decoration : none;	/* no underline */
}

/* Cites are also links, but we want them to have the regular text color, not the links color */
a.cite {
	text-decoration : none;	/* no underline */
	color: black;
}

body {
	counter-reset: chapters tables figures;	/* Initialize counters */
	
	color: black;
	/*	font-family: Georgia;*/
	/*	font-family: sans-serif;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;

	/*	text-align:center;*/	/* wo this IE does not center tables on the page */
}

/* Buttons */	
.button {
	float: right;
	margin-top: 20px;
   padding: 5px 5px;

	color: #92BAA7;
   background: #F2FAF7;
	border: 1px solid #92BAA7;
   border-radius: 7px;

	text-decoration: none;
}

.citeFont {
	font-size: 70%;
}

.centerText {
	/* background-color:#b0e0e6; */	/* Pleasant blueish */
	text-align: center;
}

/* Manage floating */
.clearBoth {
	/* Start a new -moz-border-radius (row) and stop the floating.
		We will call this style in the appropriate place in the html */
	clear: both;
}
.clearLeft {
	/* Start a new block (row) and stop the floating.
		We will call this style in the appropriate place in the html */
	clear: left;
}
.clearRight {
	/* Start a new block (row) and stop the floating.
		We will call this style in the appropriate place in the html */
	clear: right;
}

.floatLeft {
	float: left;
	
/*	border: 1px solid #92BAA7;*/
/*	margin: 0 0 10px 10px;*/
/*	padding: 10px;*/
/*	background-color: #F2FAF7;*/
}

.floatRight {
	float: right;
/*	width: 102px;*/	/* As the image has a border of 1px on either side, the width of the
						div should be changed from 100px to 102px (100px image, 1px left
						margin, 1px right margin = 102px). */
	
	border: 1px solid #92BAA7;
	margin: 0 0 10px 10px;	/* margin is between the object's border outer edge and other
								objects outside it. */
	padding: 10px;			/* padding is from the object's border internal edge and the
								object it contains. */
	background-color: #F2FAF7;
	/* Adding padding to the image as we do above extends the bg color to around the image
		as well (vs only around the caption before that). */

	/* You can play with border colors on the div and image to create different effects.
		For example, the values below makes the image look raised and creates a shadow
		affect.
		Note that because the right edge of the border is going to be 2 pixels we must
		change the width we define above. */
	/*		
	width: 103px;
	border-top: 1px solid #999;
	border-right: 2px solid #555;
	border-bottom: 2px solid #555;
	border-left: 1px solid #999;
	*/
/*   width: 50%;
   height: auto;
*/

/* To get the images to stack on top of each other, clear right must be applied to the
"floatright" selector. This will force each image to move below the bottom outer edge
of any right-floating image earlier in the source document. */
clear: right;
}


/* For use in paragraphs, such as the Abstract. Gives the paragraph more space separation
	bewtween the lines
*/
.highLines {
	line-height: 1.3em;
}

/* Removes bullets from list items */
.noBullets {
	list-style-type : none;
	color: blue;
}

.note {
	border-color: #52E052;
	background: #E9FBE9;
	padding: .5em;
	border-left-width: .5em;
	border-left-style: solid;
	width: 70%;
   margin-left:auto; 
   margin-right:auto;
}

/* Auto numbering of Chapters, Sections, ... */
.numberedChapter:before {
	content: "Chapter " counter(chapters) ". ";	/* Display Chapter #. */
	counter-increment: chapters;  					/* Incerement chapter */
}
.numberedChapter {
	counter-reset: section;	/* Ini section counter to 0 */
}
.numberedSection:before {
	content: counter(chapters) "." counter(section) " ";	/* Display #.# */
	counter-increment: section;									/* Incerement section */
}

.numberedTable:before {
	content: "Table " counter(tables) ": ";
	counter-increment: tables;
}

.numberedFigure:before {
	content: "Figure " counter(figures) ": ";
	counter-increment: figures;
}

p.firstLetterBig:first-letter {
	font-size: 500%;
	font-weight : bold;
	float: left;
	color : #c00;
	font-family: Georgia;
}

/* Table related CSS */
table, td, th
{
	border: 1px solid #92BAA7;	/* #92BAA7 is darker green, gray also looks nice */
	caption-side: bottom;
	border-collapse: collapse;
	/*	text-align:right;*/
}

caption {
	/*	text-align: left;*/
	/*	font-size: 80%;*/
	color: #787878;
}

.figureCaption {
	color: #787878;
}

th {
	background-color: #F2FAF7;	/* Nice green */
}

td {
	padding-right: 17px;
	padding-left: 17px;
}

/* Center table on page */
table.center {
   margin-left:auto; 
   margin-right:auto;
}

.rowColor5-7 {
	background-color: #FFFFCC;
}
.rowColor4 {
	background-color: #CCFFCC;
}
.rowColor3 {
	background-color: #FFCCFF;
}
.rowColor2 {
	background-color: #CCFFFF;
}
.rowColor1 {
	background-color: #FF6666;
}