/* CSS Document Used to Style My Professional Homepage*/

/* To force all browsers to begin with zero for the page margins and borders*/
html, body{
	margin: 0; 
	padding: 0;
	border: 0;
}

body {
	font: 100% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	background-color: #F5F5F5;
}

/* *** start page header *** */
div#headertext {
	height: 92px;
	background: #ACA3E2 url(../images/banner.jpg) no-repeat fixed left top;
	border-top: 2px solid #039;
	border-bottom: 2px solid #039;
	position:relative;
	z-index: 1; 
}

/* end of page header */

	
/* *** start of navigation bar *** */
div#nav {
	position: absolute; 
	top: 3.5em;
	left: 0em; 
	width: 10em;
	padding-top: 7em;
	padding-bottom: 15em;
	font: 80% Verdana, sans-serif; 
	z-index: 0;
	background: 100% 100% no-repeat;  /* can be easily changed here to add background color and image*/
}

div#nav ul{
	margin: 0px; 
	padding: 0px;
}

div#nav b{		/* hides elements which should be displayed in html only */
	display: none;
}

div#nav li{
	list-style: none;	
	padding: 1px 0px;
	margin: 1px 0px;
} 

div#nav li a {
	display: block; 
	text-indent: 1em; 
	font-weight: bold; 
   	padding: 6px 2px 6px 0px;
	margin: 0 0 2px;  
   	text-decoration: none; 
	color: #FFC; 
	background: #039;
   	border-right: 5px solid #039;
}

div#nav li a:hover, div#nav li a:focus {
	color: #FC3;
   	border-right: 10px solid #FC3;
}

div#nav li a span {
	display: none;  /* Initially text within span is not visible but later it is displayed below the navigation bar*/ 
}

div#nav li a:hover span {
	display: block;
   	position: absolute; 
	top: 34em; 
	left: 0;
   	padding: 5px 5px 5px 1em; 
	margin: 1em 0em; 
	z-index: 10;
   	color: #039;
	font-weight: normal;
	text-align: left;
	text-indent:0;
	}

/* button state control for different pages */
	
body#homepage div#nav li#home a, body#contactpage div#nav li#contact a, body#biosketchpage div#nav li#biosketch a, body#resumepage div#nav li#resume a, body#researchpage div#nav li#research a, body#teachingpage div#nav li#teaching a, body#awardspage div#nav li#awards a, body#linkspage div#nav li#links a, body#aboutpage div#nav li#about a, body#presentationspage div#nav li#presentations a, body#publicationspage div#nav li#publications a{
	color: #FF0;
	background-color: #6BBDD9;
   	border-right: 10px solid #6BBDD9;
}

/* end of navigation bar */


/* *** content *** */
div#content{
	margin: 1.5em 0.5em 1em 8.5em;
	padding: 0em 1em;
}

/* main page formatting */
div#content div#photo {
	float: left;
  	margin: 1em 1em 1em 0em;
  	width: 170px;
  	height: 15.5em;
}

div#content div#photo_text {
	display: block;
  	position: relative;
  	margin: 1em 0em 1em 170px;
  	width: 30em;
	height: 15.5em;
	width: auto;
}

div#content div#photo_text h2{
	padding: 2em 0em 0em 0em;
	font-size: x-large;
	font-weight: bold;
	letter-spacing: 0.05em;
}

div#content div#photo_text h3{
	font-size: large;
	font-weight: bold;
	letter-spacing: 0.05em;
}

.contact_label{
	width: 165px;
	text-align: right;
	font-weight: bold;
	font-size:small;
	padding-right: 5px;
	}

.contact_value{
	font-size:small;
	padding-left: 1em;
	}
	
table#contact{
	clear: left;
	margin: 0;
	padding: 0;
}

/* end of main page specific formatting */


/* generak content formatting */

h2{
	padding: 1em 0em 0em 0em;
	font-size: 2em;
	font-weight: bold;
}

h3{
	font-size: 1.2em;
	font-weight: bold;
}

h4{
	font-size: 0.8em;
	font-style:italic;
	font-weight:bold;
	margin: 5px 1px;
	padding: 1px 1px;
}

div.page_sections table td{
	vertical-align: top;
	text-align: left;
}

p{
	font-size: 1em;
	font-weight: normal;
}

/* Link formatting for links in the text */
a:link, a:visited{
	color: #000;
   	text-decoration: underline;
}

a:hover, a:focus{
	color: #063;
	background: #FFC;
	text-decoration: underline;
}

/* table formatting */
table{
	text-decoration:none;
}

table p {
	margin: 0px;
	padding: 2px 10px;
}

div#content div.page_sections table{
	width: 100%;
}

div#content div.page_sections table td.image_cell{
	width: 370px;
}


/* biosketch related */
.fltleft {
	float: left;
	margin-right: 0.5em;
	margin-bottom: 0.5em;
	}

.page_sections h2{
	border-top: 3px groove #000;
	line-height: 1.0em;
	text-align: right;
	letter-spacing: 0.1em;
}

.page_sections h3 {
	border-bottom: 2px solid darkgray;
	margin: 5px;
	padding: 5px 0px;
	text-align: left;
}

a.pointers{
	font-size: 0.9em;
	text-decoration:underline;
	text-align: left;
	margin: 0;
	padding: 0px 1em;
}

/* extending pointer to display them as a list */
div#link_list a{
	display: block;
}

.research_image, .awards_image, .book_image, .presentation_image{
	margin: 10px 1em;
}

.presentation_image {
	border: 1px solid black;
	cursor:pointer;
}


a.section_anchor:hover, a.section_anchor:focus, a.paper_anchor:hover, a.paper_anchor:focus, a.project_anchor:hover, a.project_anchor:focus, a.course_anchor:hover, a.course_anchor:focus, a.award_anchor:hover, a.award_anchor:focus, a.presentation_anchor:hover, a.presentation_anchor:focus, a.publication_anchor:focus{
	text-decoration:none;
	color: inherit;
	background:inherit;
}

/* extending publications content */
div.publications p{
	font-size: 0.8em;
	margin: 0;
	padding: 1px 1em;
}

.endnote, a.bibtex{
	margin: 10px 2px;
	padding: 2px 5px;
	background-color:#FFC;
}

a.pdf, a.ps, .link, .request{
	margin: 10px 2px;
	padding: 2px 5px;
	background-color:#FFC;
}

/* *** right column *** */
/* replaced - will be included within content pane*/
div#news{
	position: absolute;
	right: 0.05em;
	top: 10.5em;
	width: 12em;
	border: 2px dotted #600;
	background-color: #FFC;
	font: 80% Verdana, sans-serif;
	z-index: 2;
}

div#news h2{
	color: #600;
	font-size: 1.1em;
}

div#news p{
	font-size: 0.8em;	
}


/* *** bottom footer *** */
div#footer{
	font-size: 0.7em;
	text-align: center;
	color: #7B7296;
	margin-bottom: 1em;
	}

#footer_table{
	margin: 2em 0em;
	width: 100%;

}

#visitor_counter{
	width: 30%;
	padding: 0 0 0 14em;
	text-align: left;
}

#copyright {
	width: 50%;
	text-align: center;
}

#last_updated {
	width: 20%;
	padding: 0 3em 0 0em;
	text-align: right;
}


/* Skip to navigation link*/
div#skip a:link, div#skip a:visited {
	position: absolute;
	overflow: hidden;
	width: 0;
	height: 0;
	left: 196px;
}

div#skip a:active, div#skip a:focus {
  position: absolute;
  overflow: visible;
  top: 5px;
  left: 5px;
  width: auto;
  height:auto;
  background-color: #92C837;			
  color: #000;
  padding: 5px;
  border: 1px solid #000;
  text-decoration: none;
  z-index: 10;
}


/* **** Feedback Form*/
#feedback_form {
	width: 99%;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-topright: 20px;
	-moz-border-radius-bottomleft: 20px;
	-moz-border-radius-bottomright: 20px;
	}

/* Color of the radio and check buttons' background */ 				
.bgnorm {
	background-color:#FFF;
}


/*  Color of the table long labels in the form */		
.invert {
	background-color:#039;
	color:#FFF;
	font-size: 1em;
	-moz-border-radius: 5px;
	padding: 3px;
}

/* Home link styli*/
.invert a {
	color: #FFF;
	text-align:center;
	font-weight:bold;
}

/* styling for input fields in the form */		
input, textarea {
	border:1px solid #000;
	color:#383838;
	-moz-border-radius: 5px;
	background-color:#FFC;
	font-size:0.95em;
	scrollbar-base-color:#FFFFFF;
	scrollbar-shadow-color:#383838;
	scrollbar-darkshadow-color:#FFFFFF;
	scrollbar-track-color:#FFFFFF;
	scrollbar-3dlight-color:#FFFFFF;
	scrollbar-face-color:#FFFFFF;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-arrow-color:#383838;
}
			
/* Form border styling */						
.dborder {
	border:0px none #383838;
	padding:2px 2px 2px 2px;
}

/* Submit button in the form */		
.button {
	border:1px solid #383838;
	-moz-border-radius: 0px;
	background-color:lightgray;
}
			

#input_table {
	width: 100%;
	margin: 0;
	padding: 1px;
}

.input_label {
	width: 15%;
	padding: 0px 0px 0px 10px;
}

/* styling for the star mark denoting a required field */
.input_label span, .input_value span, .input_comment_label span{
	color: red;
}

/* Styling for the input field */
.input_value {
	width: 35%;
}

/* text ares alignment */
.input_comment_label {
	vertical-align: top;
}