/**
 * Styles that are available for Contribute users are
 * stored in a seperate file, to limit the number of
 * extra styles they have to look at.
 */
@import url(/Templates/contribute_styles.css);

BODY
{
	margin:0px 0px 120px 0px;
	padding:0px;
	background-color : #FFFFFF;
	color : #000000;
	width:760px;
	background-image:url(http://www.cerias.purdue.edu/images/bg_page.png);
	background-repeat:no-repeat;
}






/**********************************/
/* LINKS STUFF */
/**********************************/
a:link {
	color : #339;
	text-decoration : none;
	/*border-bottom : dotted 1px #000066;*/
}
a:active {
	color : #339;
	text-decoration : none;

}
a:visited {
	color : #603;
	text-decoration : none;
	/*border-bottom : dotted 1px #000066;*/
}
a:hover {
	color : #A00;
	text-decoration : underline;
	/*border-bottom : solid 1px #990000;*/
}
a.buttonlink {
	font-weight : bold;
}

a.skiplink {
	display:none;
}

/**********************************/
/* FONT STUFF */
/**********************************/
BODY {
	font-family :  Helvetica,Arial,Sans-Serif;
	font-size:1em;
}

P {
	margin-top: 0px;
	padding-top: 0px;
}

BLOCKQUOTE {
	color: #666666;
	line-height: 1.3em;
	border-left-color: #CCCCCC;
	border-left-width: thin;
	border-left-style: solid;
	padding-left: 16px;
}

.header1, .header2, .header3, .headerbar1, .headerbar2, .headerbar3, .pageheader
{
	font-weight : bold;
	font-family : Trebuchet MS,Tahoma,Helvetica,Arial,Sans-Serif;
	color : #333;
	margin-bottom:2px;
	padding-bottom:2px;
	line-height:1.1em;
	/*margin-left:auto;
	margin-right:auto;*/
}

.pageheader {
	font-size : 20pt;
	line-height : 26pt;
	border-bottom : 4px solid #89a4c1;
	margin-bottom: .5em;
}

.header1, .headerbar1 {
	font-size : 16pt;
}
.header2, .headerbar2  {
	font-size : 14pt;
}
.header3, .headerbar3 {
	font-size : 12pt;
}

.header1, DIV.headerbar1 {
	border-bottom : 3px solid #999;
}

.header2, DIV.headerbar2 {
	border-bottom : 2px solid #999;
}

.header3, DIV.headerbar3  {
	border-bottom : 1px solid #999;
}

span.header1, span.header2, span.header3,
a:link.header1, a:link.header2, a:link.header3
 {
	border:0px;
}

/* Don't underline links when there is already a bottom border from the header element */
H1 A, H2 A, H3 A, DIV.header1 A, DIV.header2 A, DIV.header3 A
{
	text-decoration : none;
}
H1 A:hover, H2 A:hover, H3 A:hover, DIV.header1 A:hover, DIV.header2 A:hover, DIV.header3 A:hover
{
	text-decoration : none;
}

#body
{
	font-size:.95em;
	line-height : 1.5em;
}

.small, .smalltext, div.breadcrumb, #breadcrumb
{
	font-size : .7em;
	line-height : 120%;
}

#footer
{
	font-size : .7em;
	line-height : 120%;
	clear:both;
}


.error, .errortext
{
	font-size : 14pt;
	color : #FF0000;
	font-weight : bold;
}



ul.toc {
	padding-top:2px;
	margin-top:0px;
}
ul.toc li {
	line-height:2em;
}


/**********************************/
/* POSITIONING */
/**********************************/
#header
{
	width : 100%;
}

#midsection
{
	top:100px;
	width :760px;
	/* border:1px solid red; */
	position:relative;
	margin-bottom:125px;
}

#sidebar
{
	width : 161px;
	margin-left : 10px;
     position : absolute;
     left : 0px;
	top: 0px;
}
     div.sidebarsection
     {
		font-size : 80%;
		font-weight : bold;
     	margin-left : 10px;
		margin-top : 5px;
		margin-bottom : 2em;
		line-height : 16pt;
     }
		div.sidebarsection ul {
			margin:0px;
			padding:0px 5px 0px 10px;
			list-style-type:square;
		}
			div.sidebarsection ul ul{
				font-size:.95em;
				font-weight : normal;
			}
			div.sidebarsection ul li{
				line-height:1.1em;
				padding:.3em 0 .3em 0;
			}
		div.sidebarsection a:visited {
			/* font-weight : normal; */
		}

#shortcuts, #information_for, #intranet {
	font-weight : bold;
	font-size:90%;
}
#shortcuts li, #information_for li, #intranet li {
	line-height:.9em;
}


#body
{
	margin-left : 180px;
	position:relative;
	top: -1px;
}
	div.breadcrumb, #breadcrumb
	{
		margin-bottom : 5px;
	}

#footer
{
	/* border:1px solid green; */
	margin-top:20px;
	text-align : center;
}
#floatbox {
	position:relative;
	width : 175px;;
	background-color:#e2e2c6;
	color:#444;
	border-top:0px solid #999;
	border-bottom:0px solid #999;
	border-left: 5px solid #fff;
	padding:10px;
	margin:0px 0px 7px 7px;
	float:right;
	font-size:.9em;
	line-height : 115%;
	background-image:url('/images/bg-floatbox.gif');
	background-repeat:repeat-x;
}
	#floatbox ul {
		margin:0;
		padding:0px 0px 0px 15px;
	}

#floatbox h1, #floatbox .header1, #floatbox h2, #floatbox .header2, #floatbox h3, #floatbox .header3, #floatbox h4, #floatbox .header4 {
 	border-bottom: 1px solid #666;
	padding:3px 0px 5px 0px;
	line-height:1.1em;
	margin:0px 0px 5px 0px;
	font-family:Arial, Helvetica, sans-serif;
}
#floatbox h1, #floatbox .header1 {	font-size:1.5em; border-bottom-width: 3px;  }
#floatbox h2, #floatbox .header2 {	font-size:1.3em; border-bottom-width: 2px;  }
#floatbox h3, #floatbox .header3 {	font-size:1.1em; border-bottom-width: 1px;  }
#floatbox h4, #floatbox .header4 {	font-size:.9em; border-bottom-width: 1px;  }


/**********************************/
/* SPLASH PAGE STUFF              */
/**********************************/
BODY.splash
{
	background-image:url(http://www.cerias.purdue.edu/images/bg_splash.png);
	background-repeat:no-repeat;	
}

#splashbox
{
	position:relative;
	width:431px;
	left:0px;
	top:0px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background-color:#FFFFE5;
	overflow:hidden;
}
	#splashbox-content
	{
		padding-left:10px;
		padding-right:10px;
		margin:0px 0px 0px 0px;
		line-height:1.2em;
		border-left:1px solid #aaa;
		border-right:1px solid #aaa;
		width:409px;
	}
	
		#splashbox-content h2 {
			margin-top:0;
			padding-top:0;
			font-size:1.5em;
		}
		#splashbox-content h3 {

			font-size:1.2em;
		}
	
	* html #splashbox-content { /* IE-only */
		width:409px;
	}
	#splashbox-content div.header2 {
		margin-top:0px;
		padding-top:0px;
	}
	
	#splashfeature
	{
		width:100%;
		margin-bottom:2em;
	}

	
	#splashnews
	{
		width:48%;
		float:left;
	}
	#splashevents
	{
		width:48%;
		float:right;
	}
		.splash-headline {
			font-size:.9em;
		}

#rightsidebar
{
	width:141px;
	float:right;
	top:0px;
	position : relative;
	font-size:.8em;
	line-height:1.2em;
	clear:both;
}
	#rightsidebar h1, #rightsidebar h2, #rightsidebar h3 {
		padding:0px;
		margin:0px;
		line-height:1em;
	}
	
	div.highlights
	{
		padding-left:10px;
		padding-right:10px;
		padding-bottom:2em;
	}
		
		div.highlight
		{
			padding-top:7px;
			padding-bottom:7px;
		}
			
	#weblogs-headlines {
	
	}
		#weblogs-headlines ul {
			margin:0px;
			padding:0px .4em 0px .4em;
			list-style-type:none;
		}
			#weblogs-headlines ul li{
				line-height:1.1em;
				padding:.3em 0em .3em 0em;
			}

/*
Formatting options for a simple table: a 2 (or more) column table
of labels and values
*/
table.simpletable{
	position:relative;
}
td.simpletable-label {
	width:20%;
	font-weight: bold;
	background-color: #eeeee0;
	border: 1px solid #000000;
	text-align: right;
	font-size: 10pt;
	margin:2px;
	padding:5px;
}
td.simpletable-value {
	border: 1px solid #000000;
	font-size: 10pt;
	margin:2px;
	padding:5px;
}



	

h2.ahem {
	display : none;
}

div.breadcrumb, #breadcrumb {
	font-weight : bold;
}

.highlighted
{
	background-color : #FFFFaa;
}




/* QuickForm template stuff */
table.qf
{
	clear: both;
	border-collapse: collapse;
	width:100%;
}

th.qfheader, div.qfheader, td.qfsubmit
{
	font-size:medium;
	font-weight: bold;
	padding: 5px;
	padding-right: 20px;
	color: white;
	margin: 0px;
	text-align: left;
}

th.qfheader {
	font-size:2em;
}

tr.qfdata, tr.qfgroup {
	background-color: #ffe;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
}

tr.qfdata:hover, tr.qfgroup:hover {
	background-color: #ffe;
}

td.qflabel, td.qfgrouplabel
{
	font-size: small;
	padding: 5px;
	margin: 0px;
	text-align: right;
	width:200px;
}

td.searchskipbox, td.qfdata, td.qfgroupdata
{
	font-size: small;
	padding: 5px;
	margin: 0px;
}

input.searchskipbox {
	border:1px solid #999;
	background-color:#ffe;
}

td.qfdata input, td.qfdata textarea, td.qfgroupdata input, td.qfgroupdata textarea
{
	font-size: 1em;
	margin: 0px;
	padding:2px;
	border:1px solid #999;
	background-color:#eef;
}

td.qfdata input.checkbox {
	width:auto;
}

td.qfdata input, td.qfdata textarea {
	width:98%;
}

td.qfdata textarea, td.qfgroupdata textarea
{
	height:6em;
}
td.qfdata select, td.qfgroupdata select
{
	font-size: small;
	margin: 0px;
	border:1px solid #999;
	background-color:#eef;
}
td.qfdata option, td.qfgroupdata option
{
	margin: 0px;
	background-color:#eef;
}
td.qfdata ul {
	margin:0px;
}


td.qfsubmit {
	text-align:center;
}
td.qfsubmit input {
}








div.news-summary {
	padding-bottom:20px;
	display:table-row;
	clear:left;
}

div.news-summary img {
}

div.news-summary div.header3 {
	border:0px;
	margin-bottom:2px;
	padding-bottom:2px;
}

div.news-excerpt {
	font-size:110%;
	font-weight: bold;
}

div.news-externallink {
	font-size:12pt;
	font-weight:bold;
	padding:7px;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	clear:both;
}


h3.cerias-fellow {
	color:#116;
	margin-top:0px;
}


/*****************************
DEPRECATED
*****************************/
/*
this is the old table-based floatbox.  this may not actually be used anymore, but keeping for now
to be safe.
*/
table.floatbox {
	width : 200px;
	z-index:10000;
	float : right; 
	border-collapse : collapse;
	background-color:#e2e2c6;
	position : relative;
	font-size:.85em;
}
     td.boxnw, td.boxn, td.boxne, td.boxw, td.boxcenter, td.boxe, td.boxsw, td.boxs, td.boxse {
     	background-color:#e2e2c6;
     }
     td.boxn {
     	background-image: url(http://www.cerias.purdue.edu/images/box_n.gif);
     }
     td.boxs {
     	background-image: url(http://www.cerias.purdue.edu/images/box_s.gif);
     }
     td.boxe {
     	background-image: url(http://www.cerias.purdue.edu/images/box_e.gif);
     }
     td.boxw {
     	background-image: url(http://www.cerias.purdue.edu/images/box_w.gif);
     }

	td.boxcenter {
		line-height : 115%;
	}

.seminarResultList li {
	margin-bottom:10px;
}