/* -----------------------------------------------
Publish, Not Perish: The Art & Craft of Publishing in Scholarly Journals Cascading Style Sheet - Screen Display
Designer/Developer: Glenda Crawford working for CITT
Contact: glenda.crawford@cudenver.edu
http://citt.cudenver.edu
Last Update: January 8, 2007
----------------------------------------------- */
body {
	margin: 0px;
	padding: 0px;
	background:  url(../images/parchment.gif) repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	line-height: 1em;
}
*html body { /*IE font size fix*/
	font-size: .75em;
	}
body a { /*skip links spacer gif*/
	border: none;
	}
#outercontainer { /* used to set width and center the website */
	width: 760px;
	margin: 0px auto;
	padding: 0px;
	text-align:left;
	position:relative;
	background-color: #000033;
	height: 100%;
}
#innercontainer { /* used to set background of page layout */
	margin: 8px 8px 0px 8px;
	padding: 0px;
	height: 100%;
	position: relative;
	background: url(../images/innercontainer_bkgrnd.gif) repeat-y 0px 0px;
}
#header { /* holds header image for site */
	margin: 0px 8px 0px 8px;
	padding: 0px;
	background: #000033 url(../images/header.jpg) no-repeat 0px 0px;
	height: 100px;
	position: relative;
}
/* -----------------------content styles------------------------------------*/
#content { /* content area floating to the right of the navigation */
	margin: 0px;
	padding: 0px 25px;
	height: 100%;
	float: left;
	width: 525px;
	position: relative;
}
#content h1 { /* h1 text style */
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-size: 1.5em;
	line-height: 1.4em;
	color: #412336;
	font-weight: bold;
	border-bottom: 2px solid #aa969c;
}
#content h2 { /* h2 text style */
	margin: 15px 0px 0px 0px;
	padding: 0px;
	font-size: 1.3em;
	line-height: 1.1em;
	font-weight: normal;
	color: #412336;
}
#content h2.eyebrow { /* h2 text eyebrow (subheading) style */
	margin: 30px 0px 0px 0px;
	padding: 0px;
	font-size: 1.1em;
	line-height: 1.2em;
	font-weight: normal;
	font-style: italic;
	color: #412336;
}
#content h3 { /* h3 text style */
	margin: 10px 0px 0px 0px;
	padding: 0px;
	font-size: 1em;
	line-height: 1.3em;
	font-weight: bold;
	color: #412336;
}
#content h3.part_title { /* h3 text part title style */
	margin: 10px 0px 0px 10px;
	padding: 0px;
	font-size: .85em;
	line-height: .9em;
	font-weight: bold;
	float: right;
	color: #412336;
}
#content h4 { /* h4 text style */
	margin: 10px 0px 0px 0px;
	padding: 0px;
	font-size: 1em;
	line-height: 1.2em;
	font-weight: bold;
	color: #412336;
}
#content p { /* paragraph text style */
	margin: 0px;
	padding: 6px 0px;
	line-height: 140%;
}
#content ul, #content ol { /* ordered and unordered list style */
	line-height:140%;
}
#content ul li { /* unordered list item style */
	margin: 0px 0px 0px 20px;
	list-style: disc;
	padding: 0px 0px 8px 10px;
}
#content ul li ul li {
	margin-left: 10px; 
	list-style-type: circle;
}
#content ol li { /* ordered list item style */
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 8px 10px;
}
#content ol li ol li {
	margin-left: 10px; 
	list-style-type: lower-alpha;
}
/*----------------------------navigation text links--------------------------------------*/
#textlinknav { /* text link navigation container */
margin: 0px;
padding: 0px;
position: relative;
width: 760px;
height: 25px;
background-color: #000033;
color: #fff;
}
#textlinknav ul { /* text link navigation list */
margin: 0px 0px 0px 450px;
padding: 0;
list-style: none;
position: relative;
}
#textlinknav ul li { /* text link navigation list items */
margin: 0;
padding: 0;
display: inline;
}
#textlinknav ul li a { /* text link navigation list links */
margin: 0px;
padding: 5px 10px;
font-size: .8em;
font-weight: bold;
float: left;
display: block;
text-decoration: underline;
color: #fff;
background-color: #000033;
}
#textlinknav ul li a:hover { /* text link navigation list links - hover style */
color: #fff;
background-color: #000075;
}
/* -----------------------navigation styles------------------------------------*/
#navcontainer { /* navigation container */
	margin: 0px;
	padding: 0px;
	width: 165px;
	font-size: .9em;
	line-height: 1.2em;
	position: relative;
	height: 100%;
	float: right;
	color: #000;
	background: #DEE1ED url(../images/paper_pen.jpg) no-repeat 10px bottom;
}
#navcontainer ul { /* navigation container menu list */
	margin: 40px 0px 100px 0px;
	padding: 0;
	list-style: none;
	width: 165px; 
	color: #412336;
	background-color: #DEE1ED;
	border-top: 1px solid #8F9AC2;
	border-bottom: 1px solid #8F9AC2;
	}
#navcontainer ul li .definition, #navcontainer ul li .definitionopen { /* navigation menu list items */
	padding: 0px;
	position: relative;
	width: 165px;
	border-top: 1px solid #8F9AC2;
	}
#navcontainer ul li a { /* styles for linked navigation menu list items */
	margin: 0px; 
	padding: 10px; 
	display: block;
	text-decoration: none;
	color: #000;
	height: 100%;
	}
#navcontainer ul li a:hover, #navcontainer ul li a#current:hover { /* hover styles for navigation menu items */
	color: #412336; 
	background-color: #A8ABB5; 
	 } 
#navcontainer ul li a#current { /* current navigation menu item */
	color: #412336; 
	background-color: #bfc1c8;
}
#navcontainer ul li .definition a { /* definition link to show submenu (closed view) */
	margin: 0px;
	padding: 5px 10px;
}
#navcontainer ul li .definitionopen a { /* definition link to hide submenu (open view) */
	margin: 0px;
	padding: 5px 10px;
}
#navcontainer ul li .definition a img { /* image link to show submenu (closed view) */
	margin: -5px 0px 5px 0px;
	padding: 0px 2px;
	border: 0px none;
	float: right;
}
#navcontainer ul li .definitionopen a img { /* image link to hide submenu (open view) */
	margin: -5px 0px 5px 0px;
	padding: 0px 2px;
	border: 0px none;
	float: right;
}
#navcontainer img { /* image styles for login pages only */
	margin: 30px 5px 10px 5px;
	padding: 0px;
	border: 1px solid #000033;
	float: left;
	clear: both;
}
/* ------------------------------------Progress and Page Numbers---------------------------------------------- */
#navcontainer #progresstop { /* progress div that includes page numbers and previous and next buttons, top of page */
	margin: 5px 0px 0px 0px;
	padding: 5px;
	width: 145px;
	float: right;
	text-align: center;
	vertical-align: top;
}
#innercontainer #progressbottom { /* progress div that includes page numbers and previous and next buttons, bottom of page */
	margin: 10px 0px 0px 450px;
	padding: 5px;
	width: 145px;
	float: right;
	text-align: center;
	vertical-align: top;
	font-size: .9em;
	line-height: 1.2em;
}
#navcontainer #progresstop a img.back, #innercontainer #progressbottom a img.back { /* back button, bottom of page */
	margin: 0px;
	padding: 0px;
	border: 0px;
	float:left;
}
#navcontainer #progresstop a img.next, #innercontainer #progressbottom a img.next { /* next button, bottom of page */
	margin: -13px 0px 0px 0px;
	padding: 0px;
	border: 0px;
	float: right;
}
/* ---------------------------------Fix IE-----------------------------*/
/* This hack makes the entire block area clickable. Hide from IE Mac \*/
* html #navcontainer ul li { float: left; height: 1%; }
* html #navcontainer ul li a { height: 1%; }
/* -----------------------link styles------------------------------------*/
a:hover { /* link hover style */
	color: #000;
	background-color: #BFC6DD;
}
/* -----------------------question styles------------------------------------*/
#content .question { /* question box */
	margin: 20px 10px;
	color: #000;
	background-color: #DEE1ED;
	position: relative;
	border: 1px solid #8F9AC2;
	clear: both;
}
#content .question p { /* question text */
	margin: 0px;
	padding: 10px;
}
#content .question p label{ /* question label text */
	padding-bottom: 130px;
}
.feedback { /* question feedback box */
	color: #000;
	background-color: #DEE1ED;
	border: 2px solid #8F9AC2;
	margin-top: 10px;
	position: relative;
}
#content .feedback p { /* question feedback text */
	margin: 0px;
	padding: 5px 5px 5px 10px;
}
/* -----------------------table styles------------------------------------*/
#content table { /* table */
	margin: 10px 0px;
	padding: 0px;
	color: #000;
	background-color: #fff;
	border: 1px solid #8F9AC2;
}	
#content table th { /* table header */
	color: #fff;
	background-color: #4F5B91;
	padding: 5px 10px;
	text-align: left;
}	
#content table td { /* table cell */
	border: 1px solid #8F9AC2;
	}
#content table tr td p input { /* table cell with radio button */
	margin: 0px 10px 0px 0px;
	padding: 0px;
	float: left;
	position: relative;
	}
#content table tr td input { /* table cell with radio button without p tag */
	margin: 5px 2px 0px 2px;
	padding: 0px;
	position: relative;
	}
#content table td p { /* table text */
	padding: 10px 10px;
	}	
#content table td label input { /* table label text */
	margin: 10px 25px;
	padding: 0px;
}
#content table .tablefeedback { /* table feedback box */
	background-color: #FCFBF8;
	border-top: 0px solid #8F9AC2;
	border-right: 4px solid #8F9AC2;
	border-bottom: 1px solid #8F9AC2;
	border-left: 4px solid #8F9AC2;
	margin:0;
	position: relative;
}
#content table .tablefeedback p { /* table feedback text */
	margin: 0px;
	padding: 5px 5px 5px 10px;
}
#content table ul, #content ol { /* ordered and unordered list style */
	margin-left: 0px;
	padding-left: 20px;
	padding-right: 10px;
	line-height: 140%;
}
#content table ul li { /* unordered list item style */
	margin: 0px;
	list-style: disc;
	padding: 0px;
}
#content table ol li { /* ordered list item style */
	margin: 0px;
	padding: 0px;
}
/* -----------------------image styles------------------------------------*/
img { /* image styles */
	margin: 20px 5px 10px 25px;
	padding: 0px;
	border: 1px solid #000033;
	float: left;
	clear: both;
}
/* -----------------------content definition styles (for navigation)------------------------------------*/
#content .definition, #content .definitionopen { /* used for show and hide drop down information */
	margin: 10px 0px 15px -40px;
	padding: 10px;
	color: #000000;
	background-color: #DEE1ED;
	border: 1px solid #8F9AC2;
	width: 460px;
}
#content .definition h3, #content .definitionopen h3 { /* definition h3 for open and closed */
	margin: 0px;
	padding: 0px;
}	
#content .definitionopen ul, #content .definitionopen ol { /* definition ordered and unordered list for open and closed */
	margin: 10px;
	font-size: 120%;
}
/* -----------------------content definition styles - NEW------------------------------------*/
#content dl#TJK_DL {  /*definition list used for show and hide drop down information*/ 
	margin: 10px 0px 5px 20px;
	padding: 10px;
	color: #000000;
	background-color: #DEE1ED;
	border: 1px solid #8F9AC2;
	width: 460px;
	line-height: 140%;
	}
#content dd {margin: 0px; padding:5px 10px; color: #000; background-color: #DEE1ED;}
/*see additional formatting for the TJK definition list in the TJK_ToggleDL.css*/
/* -----------------------popup links------------------------------------*/
#content .popup { /* popup box */
	background-color: #DEE1ED;
	padding: 10px;
	height: auto;
	width: 530px;
	border: 2px solid #8F9AC2;
	position: absolute;
	z-index: 10;
	left: 10px;
	top: 90px;
	visibility: hidden;
}
#content .popup ul, .popup ol { /* popup box, unordered and ordered list */
	margin-left: 20px;
	margin-right: 20px;
}
/* -----------------------highlight boxes------------------------------------*/
#content .quotebox {
	margin: 10px 20px 15px 20px;
	padding: 10px 10px 10px 10px;
	background: #ECDFE8;
}
#content .tip { /* tip box */
	margin: 10px 10px 15px 10px;
	padding: 10px 10px 10px 10px;
	color: #000;
	background-color: #DEE1ED;
	border: 1px solid #8F9AC2;
	position: relative; /*needed for ie bug: container is relative, so this must also be relative*/
}
#content .lookingahead { /* Looking Ahead box */
	margin: 0px 10px 15px 10px;
	padding: 5px 10px 10px 10px;
	color: #000;
	background-color: #E9D6E1;
	border: 1px solid #412436;
	position: relative; /*needed for ie bug: container is relative, so this must also be relative*/
}
/* -----------------------link type images------------------------------------*/
.pdflink { /* pdf link image */
	padding-right: 17px;
	background: url(../images/adobe_pdf.png) no-repeat right bottom;
	}
.wordlink { /* Word link image */
	padding-right: 17px;
	background: url(../images/word.png) no-repeat right bottom;
}
.weblink { /* Web link image */
	padding-right: 17px;
	background: url(../images/web.png) no-repeat right bottom;
}
/* -----------------------footnotes styles------------------------------------*/
#footnotes { /* footnotes container */
	margin: 15px 0px 0px 0px;
	padding: 5px 0px;
	border-top: 1px dashed #8F9AC2;
	font-size: .85em;
	line-height: 1.1em;
}
/* -----------------------footer styles------------------------------------*/
#footer { /* footer container */
	margin: 0px;
	padding: 5px;
}
#footer p { /* paragraph text for footer */
	margin:0;
	padding: 5px 25px;
	text-align:left;
	font-size:.85em;
	color:#fff;
}
#footer a:link, #footer a:visited { /* footer container link */
	color:#fff;
}
/* -----------------------form styles------------------------------------*/
#content form table input.checkbox { /* input checkbox styles */
	margin: 8px 0px 5px 10px;
	padding: 0px;
	float: left;
	clear: both;
}
*html #content form table input.checkbox { /* input checkbox styles */
	margin: 5px 0px 5px 5px;
	padding: 0px;
}
#content form table p { /* form table paragraph styles */
	margin: 5px 5px 5px 35px;
	padding: 0px;
}
/* -----------------------login page------------------------------------*/
.error { /* error message for incomplete fields in login form */
	margin: 10px 0px 10px 30px;
	color: #FF0000;
	font-weight: bold;
	line-height:120%;
}
#content form.loginform { /* login form style */
	margin: 5px 10px 10px 10px;
	padding: 0px 0px 5px 0px;
	border: 1px solid #8F9AC2;
	background-color: #ECEEF4;
}
#content form.loginform fieldset#personalfieldset { /* login form fieldset style */
	margin: 5px 10px 10px 10px;
	padding: 0px 0px 5px 0px;
	border: 1px solid #8F9AC2;
	background-color: #DFE2EE;
	float: left;
	width: 45%;
	position:relative;
}
*html #content form.loginform fieldset#personalfieldset { /* login form fieldset style - IE fix */
	margin: 12px 10px 10px 5px;
	padding: 14px 0px 5px 0px;
}
#content form.loginform fieldset#campusfieldset { /* login form fieldset style */
	margin: 5px 20px 10px 20px;
	padding: 0px 0px 5px 0px;
	border: 1px solid #8F9AC2;
	background-color: #DFE2EE;
	width: 90%;
	float:right;
	position:relative;
}
*html #content form.loginform fieldset#campusfieldset { /* login form fieldset style  - IE fix */
	margin: 12px 10px 10px 0px;
	padding: 14px 0px 5px 0px;
}
#content form.loginform fieldset legend { /* login form legend style */
	margin: 0px 0px 5px -1px;
	padding: 3px 10px 3px 10px;
	color: #fff;
	background-color: #8F9AC2;
	font-weight: bold;
	font-size: 90%;
}
*html #content form.loginform fieldset legend { /* login form legend style  - IE fix */
	margin: 0px 0px 5px -1px;
	padding: 3px 5px 3px 5px;
	position:absolute;
	top: -12px; 
	left: -7px;
}
#content form.loginform fieldset#personalfieldset ul, #content form.loginform fieldset#campusfieldset ul { /* ul style in fieldset */
	margin: 5px 10px 10px 0px;
	padding: 0px 0px 5px 0px;
}
#content form.loginform ul li {
	margin: 0px 0px 8px 10px;
	padding: 0px 0px 0px 0px;
	list-style: none outside;
}
#content form.loginform label {
	margin: 0px;
	padding: 5px 5px 0px 0px;
	color: #412336;
}
#content form.loginform ul fieldset li input, #content form.loginform fieldset ul li input {
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#content form.loginform input:focus,#content form.loginform select:focus { /* login form focus style */
	background-color: #FFFF99;
}
#content form.loginform .smalltext {
	font-size: 90%;
}
#content form.loginform p { /*paragraph form text*/
	margin: 0px 10px 0px 20px;
	padding: 2px 5px 2px 20px;
	text-align: right;
}
#content form.loginform input#submit { /*submit button*/
	font-weight: bold;
}
/* -----------------------miscellaneous------------------------------------*/
.hidden { /* used to hide random items in site */
	visibility: hidden;
}
.designernotes { /* used to show designer notes to client */
	color: red;
	font-weight: bold;
}
.hilight { /* used to act as a hilighter per client */
	background-color: #FFFF75;

}