/*
    "Foolish consistency is the hobgoblin of small minds."
                                     - Ralph Waldo Emerson

    "Digressions, objections, delight in mockery, carefree mistrust are signs of health; 
     everything unconditional belongs in pathology."
                                     - Friedrich Nietzsche, _Beyond Good and Evil_							 
*/


/***** Reset (modified Yahoo) */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
table {	border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: normal; }
ul { list-style: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 {	font-size: 100%; font-weight: bold; }
q:before,q:after { content: ''; }
abbr,acronym { border: 0; }

/***** Re-reset some global styles the way we want */
body {
	margin: 0;
	padding: 0;
	font-size: small;
	font-family: "Lucida Sans", Helvetica, Calibri, Tahoma, Arial, FreeSans, sans-serif;
	line-height: 1.3em;
}
/*  ---  default font styles */
strong { font-weight: bold; }
em { font-style: italic; } 
/*  ---  default links */
a, a:link, a:visited { color: #039; }
a:hover { color: #666; }
a:active { color: #333; }
/*  ---  default paragraphs and lists */
p,ul,ol,dl { padding-bottom: .5em; }
p { padding-top: .5em; }
ul { list-style: disc; }
ul li, ol > li {	margin-left: 1.75em; }
dt { margin-top: .5em; font-weight: bold; }
dd { padding-left: 1.5em; }
dd ul li { padding: 0; }
/*  ---  default headers */
h1,h2,h3,h4,h5,h6 {	margin: 0 0 .25em 0; }
h1 { font-size: 150%; }
h2 { font-size: 130%; }
h3 { font-size: 110%; }
h3,h4,h5,h6 { padding: 6px 0 0 0; }
h1 a,h2 a,h3 a,h4 a { text-decoration: none; }
/*  ---  tables: see the end of this file */
/*  ---  misc */
caption { margin: 0; padding: 0; text-align: center; font-size: x-small; }
hr { height: 1px; color: #999; }
blockquote { margin-left: 1em; }



/***** The page wrapper includes the header, page content and the footer. */
#page-wrapper { margin: 0 auto;	width: 960px; background: #ccc; }



/***** The page header */
/*  ---  big page headers come in one flavor:  yellow */
body.header-big { background: url(../images/header-big-bg.jpg) top left repeat-x #fff; }
body.header-big #header {
	margin-left: 0px;
	height: 140px;
	width: 960px;
	background: url(../images/header-big.jpg) top left no-repeat #000;
	color: #fff;
}
body.header-big #header form.searchform {	
	float: right;
	margin: 0;
	padding: 10px 0 0 0;
	width: 320px;
	text-align: center; 
}
/*  ---  small page headers come in two flavors:  yellow and gray */
body.header-small-yellow { background: url(../images/header-small-yellow-bg.jpg) top left repeat-x #fff; }
body.header-small-gray { background: url(http://its.uiowa.edu/images/header-small-gray-bg.jpg) top left repeat-x #fff; }
body.header-small-yellow #header,body.header-small-gray #header { height: 40px; width: 960px; }
body.header-small-yellow #header { background: url(../images/header-small-yellow.jpg) top left no-repeat; }
body.header-small-gray #header { background: url(http://its.uiowa.edu/images/header-small-gray.jpg) top left no-repeat; }
/*  ---  style/hide the search form when desired */
body.header-small-yellow #header .searchform,body.header-small-gray #header .searchform {	
	float: right;
	margin: 0;
	padding: 8px 8px 0 0;
	width: 320px;
	text-align: right;
}
body.no-searchform #header .searchform { display: none; }
#header .searchform,body.header-small-yellow #header .searchform,body.header-small-gray #header .searchform { margin-top: 4px; }
body.header-big #header form.searchform { margin-top: 36px; }
body.header-big #header .searchform input { font-size: 110%; }
body.header-big #header .searchform .sublinks { margin-top: 4px; font-weight: bold; }
body.header-big #header .searchform .azindex:before, body.header-big #header .searchform .uisearch:before { content: "|  "; }
body.header-small-yellow #header .searchform .sublinks,body.header-small-gray #header .searchform .sublinks { display: none; }
/*  --- ---  search placed in main content */
#main-content .searchform { margin: 48px auto; padding: 12px 0 0 140px; background: url(/images/its-search-icon.jpg) top left no-repeat; width: 50%; height: 100px; }
#main-content .searchform.generic { background-image: url(/images/search-icon.jpg); padding-left: 80px; }
#main-content .searchform .maps, #main-content .searchform .azindex { display: none; }
#main-content .searchform .sublinks { display: inline; }



/****** The page content */
#page-content { margin-top: -8px; }
/*  ---  style the headers to behave a certain way within the page content */
#page-content h1 { margin: 6px 0; padding: .33em 4px; line-height: 1.25em; }
#page-content h2 { margin: 12px 0 8px 0; padding: .25em 4px; }
#page-content h3 {  }
/*  --- ---  different page sections will handle headers differently */
#page-content #sidebar-left h1 {  }
#page-content #sidebar-left h2 { padding-left: 0; }
#page-content #sidebar-left h3 {  }

#page-content #inner-wrapper-1 h1,#page-content #main-content h1 { 
	margin-left: -4px; 
	margin-right: -4px; 
	padding: 12px;
	font-size: 180%; 
	background: #333; 
	color: #fff;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
}
#page-content h1 a:link,#page-content h1 a:visited { color: #a0bfcd; }
#page-content h1 a:hover { color: #999; }
#page-content h1 a:active { color: #ccc; }
#page-content #inner-wrapper-1 h1 em,#page-content #main-content h1 em { font-weight: bold; }
#page-content #inner-wrapper-1 h1 {	margin: 8px -4px 16px -4px; }
#page-content #inner-wrapper-1 > h1 { margin: 16px 8px 0 8px; }
#sidebar-right > h2, #page-content #main-content h2 { 
	margin-left: -4px; 
	margin-right: -4px; 
	padding: 6px;
	background: #ccc; 
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
#sidebar-right > h2 { margin-right: 0; }
#page-content #main-content h2 { line-height: 1.3em; clear: both; }
.columns-131 #page-content #main-content h2 { clear: left; }  /* This is such a hack! Try and fix it later, man. */

#page-content #main-content h3 {  }
#page-content #sidebar-right h1 {  }
#page-content #sidebar-right h2 { line-height: 1.3em; }
#page-content #sidebar-right h3 {  }



/*  ---  style the sidebar menu differently */
#sidebar-left a { text-decoration: none; }
#sidebar-left h3 { margin-left: -8px; margin-right: -8px; padding: 2px 4px; font-size: 90%; }
#sidebar-left dl { margin-left: -8px; }
#sidebar-left dl a:link, #sidebar-left dl a:visited { color: #3b5998; }
#sidebar-left dl a:hover { color: #2e2c24; }
#sidebar-left dl dt { margin-top: 3px; padding-left: 12px; padding-right: 0px; text-indent: -6px; font-size: x-small; }
/* #sidebar-left dl dt:hover { background: url(/images/menu-goback2.jpg) top right no-repeat; } */
#sidebar-left dl dt:hover { background: #e8ce68; }
#sidebar-left dl dd { margin-left: -2em; }
#sidebar-left dl dt.goback, #sidebar-left dl dt.gohome {padding-left: 18px; background: url(/images/menu-back-arrow.gif) top left no-repeat; }
#sidebar-left dl dt.goback:hover, #sidebar-left dl dt.gohome:hover { background: url(/images/menu-back-arrow.gif) top left no-repeat #e8ce68; }

#sidebar-left ul { list-style: none; margin-left: 0; }
#sidebar-left ul li { margin-left: -8px; padding-left: 6px;	text-indent: -4px; }
#sidebar-left ul ul {  }
#sidebar-left ul ul li { border-left: 0 solid #ccc; font-size: x-small; }
/* #sidebar-left ul ul li:hover { border-left: 24px solid #e8ce68; } */


/***** The page footer */
#footer {
	clear: both;
	margin: 0;
	padding: 0;
	width: 960px;
	min-height: 108px;
	background: url(/images/footer-bg.jpg) bottom left no-repeat #ccc;
}
#footer-content {
	margin: 0;
	padding: 12px 12px 30px 12px;
	text-align: left;
	font-size: x-small;
	color: #666;
}
#footer a { text-decoration: none; }



/***** Standardize the look of blocks of information in a column */
.infochunk { margin-bottom: 12px; }
.infochunk ul {	
	margin: 0;
	padding: 0;
	list-style: none;
}
.infochunk ul li {
	margin: 0;
	padding: 0 0 0 .5em;
}
.infochunk ul li a {
	margin: 0;
	padding: 0;
	text-decoration: none;
	display: block;
}















/* News feed styles
   RSS from Wordpress are trensformed into HTML and styled here. 
   NEEDS LOTS OF CLEANING UP - 26 Jan 2010
*/




/* news feature styles */

#sidebar-right .news-feature h2.story-title { margin: 0; padding: 6px 12px 0 12px; background: url(/images/feature-top2.jpg) top left no-repeat #e8ce68; }
body#home #sidebar-right .news-feature h2.story-title { margin-top: -8px; background-image: none; } /* pulls it up against the header on the home page */

.news-feature p.story-footer { 
	margin: -6px auto -8px auto;
	font-size: xx-small;
	text-align: right; 
	color: #666;
	clear: both; 
}
.news-feature p.readmore { 
	margin: 4px -8px -4px -8px; 
	padding: 0 18px;
	font-size: xx-small;
	text-align: right; 
	display: none; 
	}


/* news headlines styles */
#sidebar-right .news-headlines h2 { margin: 12px -8px 0 -8px; padding: 0 0 2px 8px; background: url(/images/roundybox-gray1.jpg) top left no-repeat; line-height: 1.75em; }
.news-headlines .rss-item h3.story-title { margin: 0 -8px 0 -8px; padding: 0; line-height: 1.25em; }
.news-headlines .rss-item h3.story-title a {
	margin: 0;
	padding: 2px 20px 2px 8px;
	display: block;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	text-decoration: none;
	background: url(/images/menu-open-arrow.gif) bottom right no-repeat #e7e7e7;
}
.news-headlines .rss-item h3.story-title a:hover { background: url(/images/menu-open-arrow.gif) bottom right no-repeat #e1e1e1; }
.news-headlines .rss-item h3.opened a { background: url(/images/menu-close-arrow.gif) bottom right no-repeat #e7e7e7; }
.news-headlines .rss-item h3.opened a:hover { background: url(/images/menu-close-arrow.gif) bottom right no-repeat #e1e1e1; }





/* shared feature and headlines styles */
.story { padding-top: 6px; }
.news-headlines p.story-footer,.news-headlines p.news-footer { 
	font-size: xx-small; 
	text-align: right; 
	color: #666;
	clear: both; }
	
	
	.news-headlines p.readmore { margin: 0 -8px; padding: 4px 12px; }
	p.story-footer a { text-decoration: none; color: #999; font-weight: bold; }







/*#news-feed h2,
.rss-feature h2 { margin: 12px -8px 0 -8px; padding: 0 0 2px 8px; background: url(/images/roundybox-gray1.jpg) top left no-repeat; line-height: 1.75em; }*/





/*  ---  Images in a news item have some alignment style that piggyback on the selectors provided by Wordpress. */
img.alignright { clear: right; float: right; padding: 0 0 10px 10px; }
img.alignleft { clear: left; float: left; padding: 0 10px 10px 0; }
img.aligncenter { text-align: center; padding: 0; }
img.border { border: 1px solid #000; }
.feed-icon { float: right; margin: 0; padding: 4px;	border: none; }
/*  ---  The feature story has special styles to choose from. */
body#home div.news-feature,.news-feature { margin: 8px -7px 0 -7px; padding-bottom: 10px; border-bottom: none; background: #e8ce68 url(/images/feature-bottom.jpg) bottom left no-repeat; }

body#home .news-feature { margin-top: -7px; }

.news-feature .story,.news-feature .title, .news-feature .news-title,
.news-feature .story-title,.rss-feature .story { padding-left: 12px; padding-right: 12px; }

.rss-feature h3.story-title { padding-left: 18px; padding-right: 12px; font-size: 120%; }


/* .news-feature p.feature-image-full { margin: 0 -6px 8px -6px; padding: 0; border: 2px solid #2e2c24; } */
#news-feed .story img,
#sidebar-right .news-feature .story img { max-width: 370px; height: auto; }
.news-feature img.feature-image { margin: 0 -6px; padding: 0; width: 370px; height: auto; border: 1px solid #666; }



.news-headlines .story img { max-width: 340px; height: auto; }
	

/* style="margin: 0; padding: 0 8px 0 0; font-size: xx-small; text-align: right;" 
feature top:  <p style="margin: 12px 0 0 0; padding: 0; background: url(/images/feature-top2.jpg) top left no-repeat #e8ce68;">&nbsp;</p>
story footer:  style="margin: 0; color: #666; font-size: xx-small; text-align: right;"

*/

.news-headlines p.news-footer { background: url(/images/roundybox-gray1.jpg) bottom left no-repeat; }














/*  ---  Some news items will show excerpts... */
#itshomenews1 { margin: -6px 0 0 0; padding: 0; }
/*  ---              ...and others will only show headlines. */





/***** Tables used to display data */
.datatable {
	margin: 0.5em 0;
	padding: 0;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-collapse: collapse;
}
.datatable thead td, .datatable thead th { padding: 8px; font-size: 120%; background: #666; color: #fff; text-align: center; font-weight: bold; }
.datatable thead, .datatable tfoot, .datatable tbody {
	margin: 0;
	padding: 0;
}
.datatable caption {   /* This caption is the descriptive title of the table at the top. */
	margin: 8px 0;
	padding: 24px 0 8px 0;   /* Browsers parse caption padding more consistently this way. */
	font-size: large;
	font-weight: bold;
	font-style: italic;
	text-align: left;
}
.datatable tfoot td {
	margin: 0;
	padding: 2px 4px;
	font-size: x-small;
	text-align: left;
	background: #ccc;
}
.datatable td,
.datatable th {
	margin: 0;
	padding: 4px;
	vertical-align: top;
	font-size: small;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
}
.datatable th {	background-color: #ccc;	text-align: center;	font-weight: bold; }
.datatable tr.odd {	background-color: #fff;	text-align: left; }
.datatable tr.even { background-color: #eee; }
.datatable.evilzebra tr.odd { background-color: #eee; }
.datatable.evilzebra tr.even { background-color: #fff; }
.datatable.nozebra tr { background-color: #fff; }
.datatable label { font-weight: bold; }
.datatable.noborder,.datatable.noborder td,.datatable.noborder th { border: none; }
.datatable.noborderinside td,.datatable.noborderinside th { border: none; }
.datatable.noborderinside { border-right: 1px solid #666; border-bottom: 1px solid #666; }
.datatable.noborderinsidev td,.datatable.noborderinsidev th { border-right: none; }
.datatable.noborderinsidev { border-right: 1px solid #666; border-bottom: 1px solid #666; }
.datatable.noborderinsideh td,.datatable.noborderinsideh th { border-bottom: none; }
.datatable.noborderinsideh { border-right: 1px solid #666; border-bottom: 1px solid #666; }
.datatable.centered { margin: inherit auto; }

/*  ---  adjustments for service catalog */
#services .datatable {
	margin-top: 0;
	border-top: none;
	border-left: none;
	border-collapse: collapse;
}
#services .datatable td,
#services .datatable th {
	padding: 8px;
	border-right: none;
	border-bottom: 1px solid #bbb;
	background: none;
	text-align: left;
	font-size: small;
	vertical-align: top;
}
#services .datatable th { width: 20%; }
#services .datatable td p {	font-size: small; }
/*  --- --- td and th specifically selected for IE which will not recognize tr backgrounds */
#services .datatable tr.service-link,
#services .datatable tr.service-link td,
#services .datatable tr.service-link th,
#services .datatable tr.support-link,
#services .datatable tr.support-link td,
#services .datatable tr.support-link th,
#services .datatable tr.support-hours,
#services .datatable tr.support-hours td,
#services .datatable tr.support-hours th,
#services .datatable tr.contact-info,
#services .datatable tr.contact-info td,
#services .datatable tr.contact-info th {
	background: #f1f1f1;
}
#services .datatable tr.signing-up,
#services .datatable tr.signing-up td,
#services .datatable tr.signing-up th,
#services .datatable tr.getting-training,
#services .datatable tr.getting-training td,
#services .datatable tr.getting-training th,
#services .datatable tr.common-actions,
#services .datatable tr.common-actions td,
#services .datatable tr.common-actions th {
	background: #e1e1e1;
}
#services .datatable tr.service-fees,
#services .datatable tr.service-fees td,
#services .datatable tr.service-fees th,
#services .datatable tr.customers,
#services .datatable tr.customers td,
#services .datatable tr.customers th,
#services .datatable tr.sla-link,
#services .datatable tr.sla-link td,
#services .datatable tr.sla-link th,
#services .datatable tr.service-status,
#services .datatable tr.service-status td,
#services .datatable tr.service-status th {
	background: #d1d1d1;
}
#services .datatable tr.alternateRow { background: #e7e7e7; }
/*  --- --- additional adjustmnets for service catalog */
#services .service-logo img { float: right;	padding-left: 18px;	width: 90px; }
h1.service-name { margin-bottom: 24px; }
#services div.servcat { margin-bottom: 1em; }
#services div.servcat h4 { display: inline; font-size: 120%; }
#services div.servcat h4 a { text-decoration: none; }
#services div.servcat em { font-size: 90%; font-style: normal; }
#services div.servcat em a { text-decoration: none; padding-left: .25em;}
#services .intro { margin: 12px 12px 24px 12px; padding: 18px 24px; background: #e1e1e1; font-weight: bold; -moz-border-radius: 10px; -webkit-border-radius: 10px; }

#services tr.it-view td, #services tr.it-view th { background-color: #e8ce68; }

#services. h1 span#special { margin: 0; display: none; }
#services.it-view h1 span.it-view { margin: 0 0 8px 0; font-size: 80%; color: #e8ce68; }

/***** Tables used to display data -  simple = accessible */
.image-table { margin: 18px 0; border: none; border-collapse: collapse; width: 100%; }
.image-table td { text-align: center; font-size: x-small; }
.image-table th { padding-bottom: 6px; text-align: center; font-weight: bold; font-size: small; }
.image-table td img { padding: 2px; border: 1px solid #666; }
.image-table td a:hover img { border: 1px solid #ccc; }
#sidebar-right .image-table img, #sidebar-left .image-table img { max-width: 120px; }  /* shrink images to fit in the sidebars */


table.alignright { float: right; margin: 8px 0 8px 12px; width: 1px; }
table.alignleft { float: left; margin: 8px 12px 8px 0; width: 1px; }

table.withcaption p { font-size: x-small; color: #333; line-height: 1.2em; }
table.withcaption img { border: 1px solid #666; text-align: center; }
table.withcaption img.noborder { border: none; }



/********************** Below this point is stuff that is being tested or is thrown together to fix something *************/

.hidden-off-page {   /* hidden from browsers using style sheets */
	position: absolute;
	left: 0px;
	top: -5000px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
.hidden {   /* just plain hidden */
	display: none;
}

p img.centered { display: block; margin: 4px auto; }

body#home ul.logins li.icon-connect,
body#home ul.logins li.hawkmail-connect {
	margin: 0 0 0 -7px;
	padding-right: 48px;
	line-height: 36px;
	font-weight: bold;
	text-align: right;
}
body#home ul.logins li.hawkmail-connect { background: url(/images/connect-hawkmail.jpg) top right no-repeat; }
body#home ul.logins li.hawkmail-connect:hover { background: url(/images/connect-hawkmail-hover.jpg) top right no-repeat; }
body#home ul.logins li.icon-connect { background: url(/images/connect-icon.jpg) top right no-repeat; }
body#home ul.logins li.icon-connect:hover { background: url(/images/connect-icon-hover.jpg) top right no-repeat; }
body#home ul.logins a:hover { color: #000; }

body#home .mainmenu h3 a { color: #000; }

.nav-menu h3 { border-top: 1px solid #999; }
	/* .sub-menu styles are kludgey fixes until I fix issues with how to organize the menus */
	.sub-menu h3 { border-top: none; }
	.sub-menu .menu-bottom { margin-left: -8px; margin-right: -8px; border-bottom: 1px solid #999; }
.nav-menu h3 a { display: block; padding-right: 18px; color: #000; }
.nav-menu h3.bucket { margin: 0; padding: 0 0 2px 0; background: url(/images/menu-open-arrow.gif) bottom right no-repeat; }
.nav-menu h3.bucket:hover { background-color: #bbb; }
.nav-menu h3.selected { background: url(/images/menu-close-arrow.gif) bottom right no-repeat #bbb; }
.nav-menu h3.empty { background: none; }
.nav-menu h3.empty:hover { background-color: #bbb; }

.nav-menu h3.goback { margin: 0; border: none; background: url(/images/menu-back-arrow.gif) center left no-repeat;}
.nav-menu h3.goback:hover { background: url(/images/menu-back-arrow.gif) center left no-repeat #bbb; }
.nav-menu h3.goback a { padding-left: 10px; }

.nav-menu a.expand-menu,.nav-menu a.collapse-menu { margin: 0; padding: 0; color: #999; font-size: xx-small; font-weight: bold; }
.nav-menu a.expand-menu:hover,.nav-menu a.collapse-menu:hover { color: #3b5998; }

.nav-menu ul { margin: 0; padding-left: 12px; }
.nav-menu ul li { margin-top: 2px; display: block; color: #000; font-size: x-small; }
.nav-menu ul li ul li { margin-top: 2px; display: block; color: #000; font-size: xx-small; }
.nav-menu li a { display: block; color: #000; }
.nav-menu li a { color: #000; }
.nav-menu li a:hover { color: #3b5998; }

.nav-menu .searchform { padding: 48px 4px 48px 4px; text-align: center; height: 96px; background: url(/images/sidebar-menu-search-bg.jpg) center center no-repeat; }
.nav-menu .searchform > input:first-child { margin-top: 48px; }

.nav-menu .menu-bottom { margin-left: -8px; margin-right: -8px; border-bottom: 1px solid #999; }

.orglead { float: right; clear: both; margin: 0 0 12px; padding: 0 6px 6px 6px; background: #fff; border: 1px solid #ccc; width: 140px; }
.orglead h3 { text-align: center; }


/***** Training feed styles */
.training_feed { margin: -1px -12px; padding: 0 12px; background: none; }
.training_headline { background: #e7e7e7; }
.training_date,.training_time,.training_desc { font-size: x-small; }
.training_loc { display: block; font-size: x-small; }

.training_grouping { margin: 0 -8px 12px -8px; padding: 12px; border-bottom: none; background: url(/images/feature-bottom.jpg) bottom left no-repeat #e8ce68; }
.training_grouping h3 { font-size: 140%;}

.training_feed .training_headline { 
	margin: 0 -8px; 
	padding: 4px 20px 4px 8px; 
	display: block;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	text-decoration: none;
	background: url(/images/menu-open-arrow.gif) bottom right no-repeat #e7e7e7; 
}
.training_feed .training_headline:hover { background-color: #e1e1e1; }
.training_feed .training_headline:hover a { color: #999; }
.training_feed .training_headline.opened { background: url(/images/menu-close-arrow.gif) bottom right no-repeat #e7e7e7; }
.training_feed .training_headline.opened:hover { background-color: #e1e1e1; }
.training_feed .training_headline h3 { margin: 0; padding: 0; }

a.buttonlink { 
	display: inline; 
	margin: 0; 
	padding: .5em 1em; 
	background: #e7e7e7; 
	border: 1px solid #ccc; 
	text-decoration: none;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
a.buttonlink:hover { background: #ccc; border: 1px solid #333; color: #000; }

form.standard-form { margin-top: 8px; padding: 8px 12px; background: #e7e7e7; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
form.standard-form label { font-weight: bold; }


/***** Promo styles */
.promo { margin-top: 24px; padding: 0; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 2px solid #2e2c24; }
.promo:hover { border: 2px solid #666; }
.promo.large { height: 270px; width: 170px; }
.promo.small { height: 130px; width: 170px; }


.rounded { -moz-border-radius: 10px; -webkit-border-radius: 10px; }


.ken-at-work {
	margin: 12px auto;
	padding: 12px 90px 12px 12px;
	width: 400px;
	height: 100px;
	background: url(/images/announcement-icon-yellow-alert.jpg) bottom right no-repeat #e1e1e1;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-left: 12px solid #F9E709;
}

.nav-menu p.expand-all,.nav-menu p.collapse-all { display: none; margin: 0; padding: 0; font-size: xx-small; font-weight: bold; text-align: center; }
.nav-menu p.expand-all a,.nav-menu p.collapse-all a { color: #999; }
.nav-menu p.expand-all a:hover,.nav-menu p.collapse-all a:hover { color: #3b5998; }

/***** An attempt at a unified button look */
/*  ---  First, RESTful links that are deemed to be buttons */
a.button {
    display: block;
    margin: 6px;
	padding: 4px 12px;
    background-color: #ddd;
    border-top: 2px solid #ccc;
	border-left: 2px solid #ccc;
	border-bottom: 2px solid #aaa;
	border-right: 2px solid #aaa;
	text-align: center;
	text-decoration: none;
    font-weight: bold;
    cursor: pointer;
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
}
a.button:hover { border-top: 2px solid #bbb; border-left: 2px solid #bbb; border-bottom: 2px solid #999; border-right: 2px solid #999; color: #000; }
a.button:active { border-top: 2px solid #999; border-left: 2px solid #999; border-bottom: 2px solid #bbb; border-right: 2px solid #bbb;	background-color: #666; color: #fff; }
a.button em { font-size: 90%; }

/*  ---  Force smaller button sizes */
a.button.half { width: 45%; }
a.button.small { width: 200px; }

/*  ---  Use famfam icon collection to give the option of custom icons (http://www.famfamfam.com/lab/icons/silk/) */
a.button.error { padding-left: 36px; text-align: left; background-image: url(/images/famfam/error.png); background-position: 12px 4px; background-repeat: no-repeat; }
a.button.feed { padding-left: 36px; text-align: left; background-image: url(/images/famfam/feed.png); background-position: 12px 4px; background-repeat: no-repeat; }
a.button.pencil { padding-left: 36px; text-align: left; background-image: url(/images/famfam/pencil.png); background-position: 12px 4px; background-repeat: no-repeat; }
a.button.cancel { padding-left: 36px; text-align: left; background-image: url(/images/famfam/cancel.png); background-position: 12px 4px; background-repeat: no-repeat; }
a.button.stop { padding-left: 36px; text-align: left; background-image: url(/images/famfam/stop.png); background-position: 12px 4px; background-repeat: no-repeat; }
a.button.lightning { padding-left: 36px; text-align: left; background-image: url(/images/famfam/lightning.png); background-position: 12px 4px; background-repeat: no-repeat; }
a.button.lock { padding-left: 36px; text-align: left; background-image: url(/images/famfam/lock.png); background-position: 12px 4px; background-repeat: no-repeat; }
a.button.key { padding-left: 36px; text-align: left; background-image: url(/images/famfam/key.png); background-position: 12px 4px; background-repeat: no-repeat; }
a.button.magnifier { padding-left: 36px; text-align: left; background-image: url(/images/famfam/magnifier.png); background-position: 12px 4px; background-repeat: no-repeat; }
a.button.information { padding-left: 36px; text-align: left; background-image: url(/images/famfam/information.png); background-position: 12px 4px; background-repeat: no-repeat; }
a.button.lightbulb { padding-left: 36px; text-align: left; background-image: url(/images/famfam/lightbulb.png); background-position: 12px 4px; background-repeat: no-repeat; }
a.button.rss { padding-left: 36px; text-align: left; background-image: url(/images/famfam/rss.png); background-position: 12px 4px; background-repeat: no-repeat; }
a.button.comment { padding-left: 36px; text-align: left; background-image: url(/images/famfam/comment.png); background-position: 12px 4px; background-repeat: no-repeat; }
a.button.help { padding-left: 36px; text-align: left; background-image: url(/images/famfam/help.png); background-position: 12px 4px; background-repeat: no-repeat; }
a.button.exclamation { padding-left: 36px; text-align: left; background-image: url(/images/famfam/exclamation.png); background-position: 12px 4px; background-repeat: no-repeat; }
a.button.acrobat { padding-left: 36px; text-align: left; background-image: url(/images/famfam/page_white_acrobat.png); background-position: 12px 4px; background-repeat: no-repeat; }
a.button.delete { padding-left: 36px; text-align: left; background-image: url(/images/famfam/delete.png); background-position: 12px 4px; background-repeat: no-repeat; }
a.button.return { padding-left: 36px; text-align: left; background-image: url(/images/famfam/arrow_turn_left.png); background-position: 12px 4px; background-repeat: no-repeat; width: 240px; }
a.button.heart { padding-left: 36px; text-align: left; background-image: url(/images/famfam/heart.png); background-position: 12px 4px; background-repeat: no-repeat; }

/*  ---  Affordances for special buttons to help focus (e.g., of "positive" and "negative" choices like "OK" and "Delete" within modal interactions)  */
/*  ---  ---  Red is used for negative or high alert choices.  */
a.button.red { border-top: 2px solid #f00; border-left: 2px solid #f00;	border-bottom: 2px solid #900; border-right: 2px solid #900; }
a.button.red:hover { border-top: 2px solid #900; border-left: 2px solid #900; border-bottom: 2px solid #666; border-right: 2px solid #666; }
a.button.red:active { border-top: 2px solid #333; border-left: 2px solid #333; border-bottom: 2px solid #900; border-right: 2px solid #900; }
/*  ---  ---  Yellow is used for general focus and alert choices.  */
a.button.yellow { border-top: 2px solid #facc14; border-left: 2px solid #facc14; border-bottom: 2px solid #c7a930; border-right: 2px solid #c7a930; }
a.button.yellow:hover { border-top: 2px solid #c7a930; border-left: 2px solid #c7a930; border-bottom: 2px solid #666; border-right: 2px solid #666; }
a.button.yellow:active { border-top: 2px solid #333; border-left: 2px solid #333; border-bottom: 2px solid #c7a930; border-right: 2px solid #c7a930; }
/*  ---  ---  Blue is used for positive, general focus/informational choices.  */
a.button.blue { border-top: 2px solid #36c; border-left: 2px solid #36c; border-bottom: 2px solid #3b5998; border-right: 2px solid #3b5998; }
a.button.blue:hover { border-top: 2px solid #3b5998; border-left: 2px solid #3b5998; border-bottom: 2px solid #666; border-right: 2px solid #666; }
a.button.blue:active { border-top: 2px solid #333; border-left: 2px solid #333; border-bottom: 2px solid #3b5998; border-right: 2px solid #3b5998; }




img.fullwidth { width: 100%; }


/***** Notes, alerts and callouts */
blockquote.alert,p.alert {
	margin: 12px;
	padding: 8px 8px 8px 36px;
	background-position: 12px 12px;
	background-repeat: no-repeat;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
}
.alert.boxed { border: 1px solid #333; }
.alert.warning { background-image: url(/images/famfam/stop.png); }
.alert.caution { background-image: url(/images/famfam/error.png); }
.alert.info { background-image: url(/images/famfam/information.png); }



/***** Specializations for various locations */
body#sita #main-content { margin: 6px 1px 0 1px; background: url(/sita/images/sita-bg.jpg) repeat-x; width: 742px; }
body#sita #main-content h1 { 
	padding-left: 180px;
	padding-top: 24px;
	background: none;
	background-image: url(/sita/images/sita-logo.gif);
	background-position: 24px 12px;
	background-repeat: no-repeat;
	color: #000;
	min-height: 96px; 
	line-height: 1.2em;
}
body#sita #main-content h2 { clear: both; }

body#portfolio #main-content h1, body#portfolio #page-content #inner-wrapper-1 h1 { 
	padding-left: 140px;
	padding-top: 28px;
	background: none;
	background-image: url(/support/portfolio/help/images/ifolio-banner-760.jpg); 
	background-position: 0 0;
	background-repeat: no-repeat;
	color: #fff;
	min-height: 54px; 
	line-height: 1.2em;
}

body#portfolio-help #main-content h1, body#portfolio-help #page-content #inner-wrapper-1 h1 { 
	padding-left: 140px;
	padding-right: 180px;
	padding-top: 28px;
	background: none;
	background-image: url(/support/portfolio/help/images/ifolio-help-banner-760.jpg); 
	background-position: 0 0;
	background-repeat: no-repeat;
	color: #fff;
	min-height: 54px; 
	line-height: 1.2em;
}

body#project-management #main-content h1 { 
	margin-bottom: 12px;
	padding-left: 80px;
	padding-top: 12px;
	background-image: url(/project-management/images/full-logo-48.png); 
	background-position: 8px 8px;
	background-repeat: no-repeat;
	color: #fff;
	min-height: 40px;
	line-height: 1.2em;
}
body#project-management #main-content h1 em { font-style: normal; color: #999; }
body#project-management.discovery #main-content h1 { background-image: url(/project-management/images/01-discovery-stage-48.png); }
body#project-management.planning #main-content h1 { background-image: url(/project-management/images/02-planning-stage-48.png); }
body#project-management.implementation #main-content h1 { background-image: url(/project-management/images/03-implementation-stage-48.png); }
body#project-management.closeout #main-content h1 { background-image: url(/project-management/images/04-closeout-stage-48.png); }

/* body#ifolio-help #main-content h1 { 
	padding-left: 200px;
	padding-top: 24px;
	background: none;
	background-image: url(/support/portfolio/help/images/ifolio-help-banner2.jpg); 
	background-position: 0 0;
	background-repeat: no-repeat;
	color: #fff;
	min-height: 96px; 
	line-height: 1.2em;
} */

/* body#instruction #page-content #inner-wrapper-1 h1 { 
	padding-left: 140px;
	background: none;
	background-image: url(/instruction/images/header.jpg); 
	background-position: 0 0;
	background-repeat: no-repeat;
	color: #000;
	min-height: 70px; 
	line-height: 1.2em;
} */

/* body#research #main-content h1 {
	background: none;
	background-image: url(/research/images/header.jpg); 
	background-position: top right;
	background-repeat: no-repeat;
	color: #fff;
	min-height: 56px; 
	line-height: 1.2em;
} */

body#energy #page-content #inner-wrapper-1 h1, body#energy #main-content h1 { 
	padding-left: 128px;
	padding-top: 28px;
	background: none;
	background-image: url(/energy/images/h1banner-energy.jpg); 
	background-position: 0 0;
	background-repeat: no-repeat;
	color: #fff;
	min-height: 60px; 
	line-height: 1.2em;
}

body#crew101 #main-content h1 { 
	margin-top: -1px;
	padding-right: 290px;
	background: none;
	background-image: url(/support/crew101/images/crew101-banner-logo.jpg); 
	background-position: top right;
	background-repeat: no-repeat;
	color: #000;
	min-height: 60px; 
	line-height: 1.2em;
}

body#turnitin #main-content h1 { 
	padding-left: 180px;
	padding-top: 18px;
	background: none;
	background-image: url(/support/turnitin/images/turnitin-header-logo.jpg); 
	background-position: top left;
	background-repeat: no-repeat;
	color: #000;
	min-height: 60px; 
	line-height: 1.2em;
}

body#files #main-content h1 { 
	padding-left: 110px;
	padding-top: 24px;
	background-image: url(/support/files/images/filesatIowalogo.png); 
	background-position: 8px 8px;
	background-repeat: no-repeat;
	background-color: #555;
	color: #fff;
	min-height: 64px; 
	line-height: 1.2em;
}
body#files #main-content h2 { clear: both; }

body#printing.printtrack #main-content h1 { 
	padding-left: 130px;
	padding-top: 20px;
	background-image: url(/support/printing/printtrack/images/track_header.png); 
	background-position: 8px 8px;
	background-repeat: no-repeat;

	color: #fff;
	min-height: 64px; 
	line-height: 1.2em;
}

body#powerup #main-content h1 { 
	padding-right: 180px;
	
	background-image: url(/images/powerup-logo.png); 
	background-position: top right;
	background-repeat: no-repeat;
	line-height: 1.2em;
}

.hide4screen { display: none; }

.rightalignbox-1 { float: right; margin-left: 12px; padding: 8px; width: 180px; border: 1px solid #ccc; }
img.border-1 { border: 1px solid #333; } /* for Sam */

.faq > blockquote { margin-bottom: 1em; padding-bottom: 0.5em; border-bottom: 1px dotted #ccc; }

body#wireless-config #footer-content p { display: none; }

.softspoken { font-size: 80%; color: #666; }
body#labs table thead th { background-color: #666; }

.nav-menu ul li ul { display: none; }
/*body#labs .nav-menu ul li.labs { font-weight: bold; }*/

.nav-menu ul li form.subsearch {
	margin: 4px 0 6px -12px; 
	padding-left: 20px; 
	background: url(/images/famfam/magnifier.png) 0 3px no-repeat;
}

h2#wgmanager { background: #666; color: #fff; }


dl.faq dd { 
	padding: 12px 0; 
	border-bottom: 1px dotted #ccc;
}