#main-wrapper {
	position: relative;
	padding-left:20px;
	/*only for while there's no navigation*/
	padding-top: 20px;
	/*IE-only - it needs the extra padding due to the shadows we're adding in page-backgrounds.css*/
	padding-left:20px\9;
}



#content .section {
  margin: 0;
  padding: 0;
}

table {
	border-collapse:collapse;
}
table td {
	padding:10px;
	border:1px solid #cccccc;
}
table th {
	padding:10px;
	background:#ebebeb;
	border:1px solid #cccccc;
}

table.noborder, table.noborder td, table.noborder th {
	border:0;
}

/*
 * Navigation
 */
#navigation {
  float: left; /* LTR */
  width: 100%;
  margin-left: 0; /* LTR */
  margin-right: -100%; /* LTR */ /* Negative value of #navigation's width + left margin. */
  padding: 0 !important; /* DO NOT CHANGE. Add padding or margin to #navigation .section. */
  height: 40px; /* The navigation can have any arbritrary height. We picked one
                    that is the line-height plus 1em: 1.3 + 1 = 2.3
                    Set this to the same value as the margin-top below. */
}

.with-navigation #content,
.with-navigation .region-sidebar-first,
.with-navigation .region-sidebar-second {
	
  margin-top: 40px; /* Set this to the same value as the navigation height above. */
}

#navigation .section {
}


/*sidebar fist nav*/
.region-sidebar-first ul {padding:8px 0 0 0; margin:0;}
.region-sidebar-first ul li {list-style:none;padding:6px 0 6px 6px;border-bottom:1px solid #CCC;}
.region-sidebar-first li a {text-decoration:none;}
.region-sidebar-first li:hover {background-color:#eee;}


.region-sidebar-second .section {
  margin: 0 0 0 20px; /* LTR */
  padding: 0;
}



/*
 * Footer
 */
.region-footer {
	color:#ffffff;
	background:#333333;
	border-top:5px solid #ffcb05;
	margin-top:1.5em;
	padding:20px;
	font-size:.9em;
}
.region-footer h3 {
	font-size:inherit;
}
.region-footer ul {
/*	list-style:none;*/
	margin:0 0 0 10px;
	padding:0 0 0 10px;
}
.region-footer a {
	color:#ffffff;
	text-decoration:none;
}
.region-footer a:hover {
	color:#ffffff;
	text-decoration:underline;
}



/*
 * If a div.clearfix doesn't have any content after it and its bottom edge
 * touches the bottom of the viewport, Firefox and Safari will mistakenly
 * place several pixels worth of space between the bottom of the div and the
 * bottom of the viewport. Uncomment this CSS property to fix this.
 * Note: with some over-large content, this property might cause scrollbars
 * to appear on the #page-wrapper div.
 */
/*
#page-wrapper {
  overflow-y: hidden;
}
*/

.cke_panel_list {background-color:#FFF !important;}

.ckeditor-mod {background-color:#FFF !important;}

.cke_contents {background-color:#FFF !important;}

.cke_show_borders {background-color:#FFF !important;}

.CSS1Compat {background-color:#FFF !important;}


.cke_panel_list body {background-color:#FFF !important;}

.ckeditor-mod body {background-color:#FFF !important;}

.cke_contents body {background-color:#FFF !important;}

.cke_show_borders body {background-color:#FFF !important;}

.CSS1Compat body {background-color:#FFF !important;}






















/****************************************************/
/**
 * @file
 * Layout Styling (DIV Positioning)
 *
 * Define CSS classes to create a table-free, 3-column, 2-column, or single
 * column layout depending on whether blocks are enabled in the left or right
 * columns.
 *
 * This layout is based on the Zen Columns layout method.
 *   http://drupal.org/node/201428
 *
 * Only CSS that affects the layout (positioning) of major elements should be
 * listed here.  Such as:
 *   display, position, float, clear, width, height, min-width, min-height
 *   margin, border, padding, overflow
 */


/*
 * Body
 */
body {
}

#page-wrapper,
.region-bottom {
  min-width: 411px; /* Don't allow the browser to make the site unreadable. */
 /* max-width: 960px;*/
   margin-left: auto;
  margin-right: auto;
}

#page {
}

/*
 * Header
 */
#header {
}
/*added by mrschlei*/
#header {min-width:411px;width:100%;}

#header .section {
}

.region-header {
}

/*
 * Main (container for everything else)
 */
#main-wrapper {
  position: relative;
}

#main {
}

/*
 * Content
 */
#content {
  float: left; /* LTR */
  width: 100%;
  margin-left: 0; /* LTR */
  margin-right: -100%; /* LTR */ /* Negative value of #content's width + left margin. */
  padding: 0; /* DO NOT CHANGE. Add padding or margin to #content .section. */
}

#content .section,
.no-sidebars #content .section {
  margin: 0;
  padding: 0;
}

.sidebar-first #content .section {
  padding-left: 200px; /* LTR */ /* The width + left margin of .region-sidebar-first. */
  padding-right: 0; /* LTR */
}

.sidebar-second #content .section {
  padding-left: 0; /* LTR */
  padding-right: 250px; /* LTR */ /* The width + right margin of .region-sidebar-second. */
}

.two-sidebars #content .section {
  padding-left: 200px; /* The width + left margin of .region-sidebar-first. */
  padding-right: 260px; /* The width + right margin of .region-sidebar-second. */
}

/******LOOK AT ME!!!****/

/*
 * Navigation
 */
#navigation {
  float: left; /* LTR */
  width: 100%;
  margin-left: 0; /* LTR */
  margin-right: -100%; /* LTR */ /* Negative value of #navigation's width + left margin. */
  padding: 0; /* DO NOT CHANGE. Add padding or margin to #navigation .section. */
  height: 3em; /* The navigation can have any arbritrary height. We picked one
                    that is the line-height plus 1em: 1.3 + 1 = 2.3
                    Set this to the same value as the margin-top below. */
}

.with-navigation #content,
.with-navigation .region-sidebar-first,
.with-navigation .region-sidebar-second {
  margin-top: 3em; /* Set this to the same value as the navigation height above. */
}

#navigation .section {
}

/*
 * First sidebar
 */
.region-sidebar-first {
  float: left; /* LTR */
  width: 200px;
  margin-left: 0; /* LTR */
  margin-right: -200px; /* LTR */ /* Negative value of .region-sidebar-first's width + left margin. */
  padding: 0; /* DO NOT CHANGE. Add padding or margin to .region-sidebar-first .section. */
}

.region-sidebar-first .section {
  margin: 0 20px 0 0; /* LTR */
  padding: 0;
}

/*
 * Second sidebar
 */
.region-sidebar-second {
  float: right; /* LTR */
  width: 250px;
  /*was -270px*/
  margin-left: 0px; /* LTR */ /* Negative value of .region-sidebar-second's width + right margin. */
  margin-right: 0; /* LTR */
  padding: 0; /* DO NOT CHANGE. Add padding or margin to .region-sidebar-second .section. */
}

.region-sidebar-second .section {
  margin: 0 0 0 20px; /* LTR  --was 0 0 0 20px; */
  padding: 0;
}

/*added by mrschlei*/
/*second sidebar switcheroos*/
@media all and (min-width: 100px) and (max-width: 700px) {
.region-sidebar-second {display:none;width: 250px;margin-left: 0px;}
.sidebar-second #content .section {padding-right:0;}
.two-sidebars #content .section {padding-right:0;}
}
/*need search to jam under the nav when room runs out*/
@media all and (min-width: 100px) and (max-width: 570px) {
	.block-search {float:none !important;}
	#block-search-form {margin-left:18px !important;}
	#navigation {height:65px !important;float:none !important;}
	#header {height:125px !important;}
	.with-navigation #content, .with-navigation .region-sidebar-first, .with-navigation .region-sidebar-second {margin-top:5em !important;}
}
/*end additions*/


/*
 * Footer
 */
.region-footer {
}

/*
 * Page bottom
 */
.region-bottom /* See also the #page-wrapper declaration above that this div shares. */ {
}

/*
 * Prevent overflowing content
 */
#header,
#content,
#navigation,
.region-sidebar-first,
.region-sidebar-second,
.region-footer,
.region-bottom {
  overflow: visible;
  word-wrap: break-word; /* A very nice CSS3 property */
}

/*
 * If a div.clearfix doesn't have any content after it and its bottom edge
 * touches the bottom of the viewport, Firefox and Safari will mistakenly
 * place several pixels worth of space between the bottom of the div and the
 * bottom of the viewport. Uncomment this CSS property to fix this.
 * Note: with some over-large content, this property might cause scrollbars
 * to appear on the #page-wrapper div.
 */
/*
#page-wrapper {
  overflow-y: hidden;
}
*/

/*Styles added by mrschlei 4/18/12 */

.node-title {margin: 1em 0 .5em 0;color: #036;}
.node-title a {color: #036;text-decoration:none;}
.node-title a:hover {color: #369;text-decoration:underline;}

#page-title {margin: 10px 0 0px 0px;color: #002e5e;}

.block-title {color:#000;margin-bottom:8px !important;margin-top:0 !important;padding-top:0 !important;}

.region-content {margin-right:10px;}

.view-header h2 {margin-top:0;margin-bottom:0;}



/*formatting for the Directory of APIs table*/
.views-table td {padding:10px;}

.views-table th {padding:0px 10px 10px 10px;}

.field-collection-view {border-left:1px solid #ccc;padding-left:8px;}

.views-field-title a {font-weight:bold;}
.views-field-title div a {padding:3px 4px 4px 4px;background-color:#f9d9be;text-decoration:none;font-weight:normal;}
.views-field-title div a:hover {text-decoration:underline;}

/*views-table td.active {background-color:#eee;}*/
.views-table td {background-color:#eee;border-bottom:1px solid #ccc;}
.views-table tr.even td {background-color:#f7f7f7;}

/*Styles for the API display pages*/
/*code should be in monospace, right? Right.*/
.field-name-field-api-res-request-code .field-items {font-family:"Courier New", Courier, monospace;margin:5px 0 10px 10px;padding:10px;background-color:#f2f2f2;}
.field-name-field-api-res-response-code .field-items {font-family:"Courier New", Courier, monospace;margin:5px 0 10px 10px;padding:10px;background-color:#f2f2f2;}
code {display:block;font-family:"Courier New", Courier, monospace;background-color:#f2f2f2;margin:5px 20px 10px 10px;padding:8px;}

.togglemediv {margin-left:18px;}

.toggleme {font-weight:bold;padding-left:12px;background-image:url('/sites/all/themes/umzen_apis/images/arrow-rt.png');background-repeat:no-repeat;margin-left:0;}

.cke_show_borders {background-color:#fff !important;background-image:none !important;}

ol li img {margin: 12px 8px 12px 8px;}

.toggle {color:blue;cursor:pointer;text-decoration:underline;font-size:13px;font-weight:bold;float:right;margin-right:20px;display:block;}
.toggle:hover {color:blue;text-decoration:none;}

/*text styles for the project statuses*/
.Green {background-color:lime;background-color:#33cc00;padding:2px;}

.Yellow {background-color:yellow;background-color:#ffcc00;padding:2px;}

.Red {background-color:red;background-color:#eb0000;padding:2px;}
/*styles for the possible asterisk text at the end of project statuses*/
.views-field-field-status-ast-text {padding-top:8px;}



/* DOUGHB CSS */

#edit-submit--2 {
	/*background:#006600;*/
	margin:0 10px 0 0;
	
}


ul.get-help {
	margin:0 !important;
	padding:0 !important;
	list-style:none;
}
ul.get-help li {
	min-height:16px;
/*	margin:0 0 .85em 0;*/
	margin:0;
	padding:0 0 0 20px;
}
ul.get-help li a {
	display:block;
}
ul.get-help li.request {
	background:#ffffff url('/sites/all/themes/zen_services/images/online-service-request.png') 0 .2em no-repeat;
}
ul.get-help li.email {
	background:#ffffff url('/sites/all/themes/zen_services/images/icon-email.png') 0 .2em no-repeat;
}
ul.get-help li.phone {
	background:#ffffff url('/sites/all/themes/zen_services/images/icon-phone.png') 0 .2em no-repeat;
}
ul.get-help li.docs {
	background:#ffffff url('/sites/all/themes/zen_services/images/icon-documentation.png') 0 .2em no-repeat;
}

.field-name-field-service-status,
.field-name-field-link-to-separate-site,
.field-name-field-nonportal-web-app-link {
	margin-bottom:1.5em;
}

.field-name-field-request-button-link {
	margin-bottom:1.5em;
	text-align:right;
}
.field-name-field-request-button-link a {
	padding:.5em 1.25em .5em 1.25em;
	text-decoration:none;
	font-weight:bold;
}

.field-name-field-request-button-link a:link, .field-name-field-request-button-link a:visited {
	border:1px solid #ffcc00;
	background:#ffffcc;
	color:#005596;
}
.field-name-field-request-button-link a:hover {
	border:1px solid #005596;
	background:#005596;
	color:#ffffff;
}
.field-group-htab {
	margin:0;
	padding:0;
}
.field-collection-container,
.field-item {
	margin:0;
	padding:0;
	border:0;
}


.views-table {
	border-collapse:collapse;
}
.views-table th {
	padding:10px;
	background:#005596;
	border-bottom:1px solid #cccccc;
	color:#ffffff;
}
.views-table th a:link, .views-table th a:visited {
	color:#ffcc00;
}
.views-table th a:hover, .views-table th a:active {
	color:#bac9e1;
}
.views-table td {
	padding:10px;
	border-bottom:1px solid #cccccc;
	vertical-align:top;
	background:#f5f5f5;
}
td.active {
	background:#dddddd;
}
.views-table td.views-field-title {
	/*width:80%;*/
}
.views-table td.views-field-title a {
	font-weight:bold;
}
.views-table td.views-field-field--service-categories {
}
.views-table td ul {
	list-style:square;
	margin:0 0 0 10px;
	padding:0 0 0 10px;
	white-space:nowrap;
	line-height:normal;
}

.field-name-field-service-image {
	float:left;
	margin:0 20px 1.5em 0;
}


/*sidebar styles for pages like https://it.umich.edu/initiatives/cloud/content/why-cloud-services */
.sidebar h2 {
  font-size:110%; 
  color:#005596;
  font-weight:bold; 
  line-height:normal; 
  margin: 0.25em 0 0.375em 0; 
  padding: 0;
}
.sidebar ul {
  margin:.5em 0 0 0.25em;
  padding-left:0.625em;
	line-height:normal;  
}
.sidebar li {
  margin: 0 0 0.5em 0;
}