/***********************************************/
/* CSS Document for IUMSC Site                 */
/***********************************************/

/***********************************************/
/* 1. Definitions for most of HTML elements    */
/*    shared by all pages                      */
/***********************************************/

a:link {	color: #003366;}
a:visited {	color: #003366;}
a:hover {	color: #009966;}
a:active {	color: #FF9900;}
body {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 0.75em;	color: #000000;	background-color: #FFFFF0;	line-height: 1.7em;	vertical-align: top; 	margin: 0; padding: 0; }
h1 {	font-size: 1.4em;	font-weight: bold;	color: #000000;	font-style: normal;	font-family: Geneva, Arial, Helvetica, sans-serif;	line-height: normal;	margin: 0px;	padding: 0px;	border: none;}
h2 {	font-size: 1.3em;	font-weight: bold;	color: #000000;}
h3 {	font-size: 1.2em;	font-weight: bold;	color: #000000;}
hr {	color: #CCCCCC;	background-color: #CCCCCC;	border-top-style: none;	height: 1px;}
pre {	font-size: 0.9em;	font-family: Verdana, Arial, Helvetica, sans-serif;	color: #3E3E3E;}
td { vertical-align: top;}
tt {	font-size: 0.9em;	font-family: Verdana, Arial, Helvetica, sans-serif;}


.positive { color: #00DD00; }
.negative { color: #DD0000; }
.info { color: #555555; font-style: italic; }
.error { color: #BB2211; font-style: italic; }

.row0 { background-color: #FFFFF0; }
.row1 { background-color: #F9F9EB; }


/***********************************************/
/* 2. Definitions for class except for font    */
/*    shared by all pages                      */
/***********************************************/

.access {	display: none;}
.bar1 { border-top: 1px solid #C8C7A8;}
.center { text-align: center;}
.displayTable { padding: 5px;	border: none;	text-align: center;	vertical-align: top;	width: 80%;}
.displayTD{ text-align: center;	padding: 10px;}
.floatLeftMargin { float: left;	margin-right: 2em;	margin-bottom: 1em;	margin-left: 0;}
.floatRightMargin { float: right;	margin-bottom: 1em;	margin-left: 10px;}
.indent1 { text-indent: 30px;	display: block;}
.layoutHandler1 { width: 200px; border: none;}
.layoutHandler2 { border: none; height: 410px;}
.layoutHandler4 { border: none;	width: 550px;}
.linedBox {	border: 1px solid #C0C0C0;}
.navLink, .navLink a {	font-family: Times New Roman, Times, serif;	font-size: 1.1em;	line-height: 1.5em;	font-weight: bold;	color: #333333;	text-decoration: none;	padding-right: 20px;	letter-spacing: -0.05em;	display: block;}
.noBullet {	list-style-image: none;	list-style-type: none;}
.padding { margin: 0px;	padding: 10px;}
.projectListTD { width: 172px;	vertical-align: middle;   text-align: center;   margin: 0px; }
.projectImgTD { width: 172px;	vertical-align: middle;   text-align: center;   margin: 0px; }
td.projectImg { vertical-align: middle;   text-align: center; }
.refLeftTD { width: 16%;	border-right-width: 1px;	border-bottom-width: 1px;	border-right-style: solid;	border-bottom-style: solid;	border-right-color: #999999;	border-bottom-color: #999999;	text-align: center;	vertical-align: middle;}
.refRightTD {	width: 84%;	border-bottom-width: 1px;	border-bottom-style: solid;	border-bottom-color: #999999;	text-align: center;}
.refRightTD1 {	border-bottom-width: 1px;	border-bottom-style: solid;	border-bottom-color: #999999;	text-align: center;}
.right { text-align: right;}
.simpleTable { width: 80%;	border-color:#CC9966;}
.simpleTD { padding: 20px;}

/***********************************************/
/* 3. Defitions for most of fonts              */
/*    shared by all pages                      */
/***********************************************/

.fontFooterStyle {	font-family: Geneva, Arial, Helvetica, sans-serif;	font-size: 0.80em;	color: #000000;	text-decoration: none;	line-height: 1.3em;}
.fontIndianaStyle {	color: #900015;	font-weight: bold;}
.fontIndianaStyleBlack { color: #191919; font-weight: bold;}
.fontLink a:link, .fontLink a:visited, .fontLink a:hover {	text-decoration: none;}
.fontListStyle1 {	font-size: 1.2em;	line-height: 1.7em;	font-weight: bold;	color: #333333;	font-family: Georgia, Times, serif;	font-style: italic;}
.fontListStyle2 {	font-size: 0.9em;	font-weight: bold;	color: #003366;}
.fontNoLineLink, .fontNoLineLink a:link, .fontNoLineLink a:visited {	text-decoration: none;}
.fontNoLineLink a:hover {	text-decoration: none;}.fontProjectContentList, .fontProjectContentList a:link, .fontProjectContentList a:visited {	font-size: 0.95em;	font-weight: normal;	color: #333333;	font-family: Verdana, Arial, Helvetica, sans-serif;	font-style: normal;	line-height: 1.5em;	text-decoration: none;}
.fontProjectContentList a:hover {	text-align: center; color: #009966;}
#fontSiteSubTitle {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 1.5em;	font-weight: normal;	color: #333333;	vertical-align: middle;	line-height: 1em;}
#fontSiteTitleSmall {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 1.6em;	font-weight: normal;	color: #333333;	vertical-align: super;	line-height: 1.1em;}
.fontSmall {	font-size: 0.8em;	font-style: normal;	font-weight: normal;	color: #996633;	line-height: 1.2em;}
.fontSubmainTitle {	font-size: 1.3em;	font-weight: bold;	color: #000000;	font-style: normal;	font-family: Geneva, Arial, Helvetica, sans-serif;	line-height: normal;	margin: 0px;	padding: 0px;	border: none;}
.fontSubTitle1 {	font-size: 1.1em;	font-weight: bold;	color: #333333;	font-family: Geneva, Arial, Helvetica, sans-serif;}
.fontSubTitle1Small {	font-size: 1em;	font-weight: normal;	color: #996633;}
.fontSubTitle2 {	font-size: 1em;	font-weight: bold;	color: #333333;	font-family: Geneva, Arial, Helvetica, sans-serif;}
.fontSubTitle3 {	font-size: 1em;	font-weight: bold;	color: #000000;	font-family: Geneva, Arial, Helvetica, sans-serif;}
.fontWarning {	font-family: Times New Roman, Times, serif;	font-size: 0.9em;	color: #FF0000;}
.fontYearStyle {	font-size: 1em;	font-weight: bold;	color: #900015;	font-style: normal;}

/*********************************************************/
/* 4. Definitions for id except for fonts                */
/*    shared by all pages                                */
/*********************************************************/

#titleTable {   width: 100%;    margin: 0px;    padding: 0px;   border: 1px solid #c0c0c0;      position: static;       left: 10px;     top: 10px;      background-color: #fffff0;}
#addressTable {	text-align: left;	vertical-align: top;	border: none;	font-size: 1.2em;	font-weight: bold;	color: #333333;}
#contentTD1-1 {	margin: 0px;	padding-right: 12px;	text-align: left;	border: none;	padding-top: 0px;	padding-bottom: 0px;	padding-left: 12px;	}
#contentTD1-2 {	border-top-style: none;	vertical-align: top;	margin: 0px;	border-right-style: none;	border-bottom-style: none;	border-left-style: none;	padding-right: 25px;	padding-left: 25px;	padding-top: 0px;	}
#crumbPath {	font-size: 80%;}
#footerTD {	border-top-width: 1px;	border-top-style: solid;	border-top-color: #c0c0c0;	padding-top: 6px;	padding-right: 6px;	padding-bottom: 6px;}
#IUChemLink{	text-align: right;	vertical-align: bottom;	float: right;	padding-right: 10px; }
#IUChemLink a:link, #IUChemLink a:visited{	font-family: Book Antiqua, Bookman Old Style, Georgia,  Times, serif;	font-size: 1em;	font-style: normal;	font-weight: bolder;	color: #000000;	text-decoration: none;}
#IULinkTD{	padding: 2px 0px 0px 10px;	border-bottom-width: 1px;	border-bottom-style: solid;	border-bottom-color: #c0c0c0;}
#IULinkTD a:link, #IULinkTD a:visited{	font-family: Book Antiqua, Bookman Old Style, Georgia,  Times, serif;	font-size: 1em;	font-style: normal;	font-weight: bolder;	color: #000000;	text-decoration: none;}
#IUChemLink a:hover, #IULinkTD a:hover, #shortcutLinkTD a:hover{	color: #009966;}
#navInnerTD1 {	 text-align: right;	padding-top: 0px;	padding-bottom: 0px;	background-attachment: scroll;	background-position: right top;	vertical-align: top;	background-image: url(../images/IUWatermark.png);	padding-right: 2px;	margin: 0px;	padding-left: 0px;	border-top: 1px solid #c0c0c0;	border-right: 1px solid #c0c0c0;	border-bottom: 1px solid #c0c0c0;}
#navInnerTD2 {  width: 0%;      border-right-style: none;       margin: 0px;    padding-top: 0px;       border-top-width: 0px;  border-top-style: none; border-bottom-style: none;      border-left-style: none;}
#navSubmitSample {  width: 100%; text-align: center; }
#navSubmitSampleLink { font-size: 1.4em; color: #900015; text-decoration: none; }
#navTable {	height: 400px; width: 100%;	top: 0px;	margin: 0px;	padding: 0px;	border: none;	text-align: center;	position: static;}
#navTD {	width: 400px; border-right-width: 1px;	border-right-style: solid;	border-right-color: #c0c0c0;	border-top-width: 0px;	border-top-style: solid;	border-top-color: #c0c0c0;	margin: 0px;	padding-top: 10px;	padding-right: 0px;	width: 22%;	text-align: right;	line-height: normal;	border-bottom-style: none;	padding-bottom: 0px;	padding-left: 0px;}
#projectTable {	width: 100%;	margin: 0px;	padding: 0px;	padding-left: 0px;	padding-right: 0px;	padding-top: 0px;	padding-bottom: 0px; border-collapse: collapse;}
#projectTD {	padding-top: 12px;	padding-bottom: 0px;	padding-right: 5px;	padding-left: 5px;}
#proposalTable {	font-family: Georgia, Times New Roman, Times, serif;	color: #663300;	background-color: #FFFFFF;	padding: 25px 40px;	width: 600px;}
#referenceTable {	width: 600px;	border-top: 1px solid #999999;	border-right: 1px solid #999999;	border-bottom: none;	border-left: 1px solid #999999;	font-size: 0.8em;	color: #666666;}
#shortcutLinkTD{	padding-top: 0px;	padding-right: 5px;	padding-bottom: 0px;	padding-left: 0px;	border-bottom-width: 1px;	border-bottom-style: solid;	border-bottom-color: #c0c0c0;	text-align: right;}
#shortcutLinkTD a:link, #shortcutLinkTD a:visited{	font-size: 0.8em;	font-style: normal;	font-weight: bold;	color: #000000;	text-decoration: none;}
#siteTitleDiv {	text-align: right;	padding-right: 8px;	padding-top: 13px;}
#siteTitleTD {	margin: 0px;	padding-left: 10px;	text-align: left;	vertical-align: bottom;	border-top: none;	border-right: none;	border-bottom: 1px solid #c0c0c0;	border-left: none;	padding-top: 0px;	padding-right: 0px;	padding-bottom: 0px;}
#subTitleBox {	text-align: right;	padding-top: 5px;	border-bottom-width: 7px;	border-bottom-color: #F2EED7;	border-bottom-style: solid;	padding-bottom: 5px;}
#subTitleTD {	padding-left: 10px;	text-align: right;	margin-left: 10px;	padding-right: 10px;	padding-top: 0px;	padding-bottom: 0px;}
#wholeTable {   width: 100%;    margin: 0px;    padding: 0px;   border: 1px solid #c0c0c0;      position: static;       left: 10px;     top: 10px;      background-color: #fffff0;}
#frontPageTable {	width: 100%;	margin: 0px;	padding: 0px;	padding-left: 0px;	padding-right: 0px;	padding-top: 0px;	padding-bottom: 0px; border-collapse: collapse;}
#staffBlock { width: 650px; }
#leftStaffFloat { float: left; width: 295px; }
#rightStaffFloat { float: right; width: 295px; }

/***********************************************/
/* 5. Definitions for dropdown menu            */
/*    shared by all pages                      */
/*    originally written by PVII               */
/*    revised for IUMSC site                   */
/***********************************************/

#p7content1{	position: absolute;	width: 180px;	top: 60px;	font-size:0.9em;	visibility: hidden;	background-color: #F7FBFA;	padding: 7px;	border-width: 1px;	border-style: solid;	border-color: #c0c0c0;}
#p7snapsubs0, #p7snapsubs1, #p7snapsubs2, #p7snapsubs3, #p7snapsubs4, #p7snapsubs5, #p7snapsubs6, #p7snapsubs7, #p7snapsubs8, #p7snapsubs9,#p7snapsubs10{	position: absolute;	width: 200px;	top: 60px;	font-size:1.1em;	visibility: hidden;	background-color: #FFFFFF;}
#p7snapsubs1 {left: 14px;}
#p7snapsubs2 {left: 14px; top: 44px}
#p7snapsubs3 {left: 260px;}
#p7snapsubs6 {left: 360px;}
.p7snaptrigger a {	display: block;	margin: 0px;	padding: 0px;}
.p7snaptrigger a:hover, .p7snaptrigger a:active, .p7snaptrigger a:focus {	margin: 0px;	padding: 0px;}
.p7submenus p {margin: 0;}
.p7submenus a, .p7submenus a:visited {	display: block;	padding: 1px 8px 1px 12px;	background-color: #fffff0;	color: #000000;	text-decoration: none;	border-top: 1px solid #f0f0f0;	border-right: 1px solid #c0c0c0;	border-bottom: 1px solid #c0c0c0;	border-left: 1px solid #f0f0f0;}
.p7submenus a:hover, .p7submenus a:active, .p7submenus a:focus {	background-color: #f3f3f3;	color: #f0f0f0;	border-top: 1px solid #f0f0f0;}
.submenuRemover {	text-decoration: none;}
.submenuRemover a:link {	text-decoration: none;}
.submenuRemover a:visited {	text-decoration: none;}

/***********************************************/
/* 6. Defines styles for BreadCrumbTrails      */
/*    shared by all pages                      */
/***********************************************/

.trail {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 9px;	color: #000000;	background-color: transparent;	}
.trail a:link{	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 9px;	color: #003366;	background-color: transparent;	text-decoration: underline;}
.trail a:visited{	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 9px;	color: #003366;	background-color: transparent;	text-decoration: underline;}
.trail a:hover{	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 9px;	color: #009966;	background-color: #FFFFCC;	text-decoration: underline;}
.trail a:active{	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 9px;	color: #009966;	background-color: transparent;	text-decoration: none;}


.formtitles { font-weight: bold; }

/* Thumbnail */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail {
  position: relative;
  z-index: 0;
}

.thumbnail:hover {
  background-color: transparent;
  z-index: 50;
  direction: ltr;
}

.thumbnail span { /*CSS for enlarged image*/
  position: absolute;
  background-color: lightyellow;
  visibility: hidden;
  padding: 5px;
  left: -1000px;
  border: 1px solid grey;
  color: black;
  text-decoration: none;
}

.thumbnail span img { /*CSS for enlarged image*/
  border-width: 0;
  padding: 2px;
}

.thumbnail:hover span { /*CSS for enlarged image on hover*/
  visibility: visible;
  top: -75px;
  left: 30px; /*position where enlarged image should offset horizontally */
}

.errortext {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 14px; color:#C00000; font-weight: bold;
}

/* IU Color bars */
#identity {
  background-color: #7d110c;
  width: auto;
  height: 44px;
}

#signature {
  margin-left: 10px;
  text-align: left;
}

/* Paragraph styles */
p.minimal {
   margin: 2px;
}

/* Print-only */
#printHdr {
  display: none;
}
#printOnly {
  display: none;
}

/* Calendar */
#calendartitle {
  color: #000000;
  font-size: 1.6em;
  font-weight: bold;
}

#calnav {
  color: #000000;
  text-decoration: none;
}

#calendardow {
  color: #000000;
  font-size: 1.1em;
  font-weight: bold;
  text-align: center;
}

#calendarday {
  color: #000000;
  font-size: 1.2em;
  font-weight: bold;
}

#calendartodaycell {
  background-color: #EEEEE0;
}

#calendaredit {
  color: #0000DD;
  font-size: 0.8em;
  font-weight: bold;
  text-decoration: none;
}

#calendareventtime {
  color: #7d110c;
  font-size: 0.9em;
  font-weight: bold;
}

#calendareventtext {
  color: #000000;
  font-size: 0.9em;
  font-style: italic;
}

.writeText {
  border-bottom: solid;
  border-bottom-width: 1px;
  border-bottom-color: #000000;
}
/***********************************************************/
/*   10. Those settings needed for the Reservation System  */
/*   Used by anything that access a reservation system.    */
/***********************************************************/

/* Calendar Row Heights */
td.reservationcal > div { 
    width: 100%;
    height: 100%;
    overflow: hidden;
}
td.reservationcal {
    height: 300px;

}
.resvFutureDate{font-weight: bold; background-color: #F8F0C6;}
.resvToday{color:#990000;  background-color: #FEE7EA; font-weight: bold;}
.resvScheduleLink{color: #990000; font-weight: bold; font-align: center;}
.resvStyleOpen {color: #00881B;	font-weight: bold; vertical-align: middle;}
.resvStyleClosed {color: #FFFFFF; background-color: #BEBEBE; font-weight: bold;}
.resvStyleStrike {color: #808080; text-decoration: line-through; font-style: italic;}
.resvStyleOwn {color: #C10222; font-weight: bold;}
.resvStyle1 {color: #0000FF; font-weight: bold;}
.resvStyle2 {color: #e67e00; font-weight: bold;}
.resvStyle3 {color: #FFFAFA; font-weight: bold;}
.resvStyle4 {color: #FF00FF; font-weight: bold;}

/* Instrument Status */
td.inststatuslabel { 
    width: 100px;
    vertical-align: middle;
    text-align: right;
}

td.inststatuscondition { 
    vertical-align: middle;
    text-align: left;
}
.inststatusMAINT {
    color: #0020CC;
    font-weight: bold;
}
.inststatusFREE { 
    color: #00881b;
    font-weight: bold;
}
.inststatusINUSE {
    color: #E59400;
    font-weight: bold;
}
.inststatusDOWN {
    color: #C61236;
    font-weight: bold;
}
/*****************************************/
/* Reservation Administration Stuff. */

.ovtext {
    width: 50px;
}
button.admin { 
    display: inline-block;
    padding: 3px 8px;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    outline: none;
    color: #fffff0;
    background-color: #900015;
    border: none;
    border-radius: 5px;
    box-shadow: 3px 3px #999;
} 
button.admin:hover {
    background-color: #fffff0;
    color: #900015;
}
button.admin:active {
    background-color: #ffffff;
    color: #900015;
    box-shadow: 0 5px #666;
    transform: translateY(4px);
}