/* replace the aqua green background with something that matches your color scheme.*/
#header {
  /*you can use .pngs with alpha transparency since you dont have to worry about IE6*/
/* This next section of code was commented out on 11/3/16 in response to an overnight Canvas bug fix that elminated the need to counteract a display issue. ~CP */
/*  background: url("header_bg.jpg") repeat-x scroll left center transparent; */
}

#header.no-user {
  min-height: 70px;
}

/*replace the "Canvas" logo with your school's*/
#header-logo, #header.no-user #header-logo {
  background: url("header_logo.png") no-repeat scroll 0 0 transparent;
  bottom: 10px;
  height: 50px;
  left: 6px;
  width: 191px;
}
/* if you are going to replace the Canvas logo on the top left with your school's, 
you should move a (smaller) Canvas logo to the right side of the header'*/
#header-logo-secondary {
  /* note, you should set up you webserver to set the right headers to cache these 
     images you link to for a long time (eg: 1 year) and change the querystring 
     (the part that says "?v1") to force users to download a new version if you 
     change it, see: http://developer.yahoo.com/performance/rules.html#expires */
  background: url("header_canvas_logo.png") no-repeat scroll 0 0 transparent;
  bottom: 11px;
  height: 26px;
  position: absolute;
  right: 26px;
  width: 135px;
  display: block;
}
/*make room for the menu since my sample logo is bigger than default canvas logo*/
#menu{ margin-left: 0px; }


/*make the menu lettering white and make it go back to grey when you hover over*/
*.menu-item .menu-item-title, .menu-item .menu-item-no-drop { color: #FFFFFF; }
.menu-item.hover .menu-item-title { color: #555555; } 

/*style the #identity (the thing that says "Ryan Shaw | inbox | profile | logout | (feedback)" in top right) */
#identity { background-color: #5b5d61; }
#identity .user_name a{ color: #DC8894 !important; }
#identity a { color: #fff; }
#identity #feedback_link{ border-color: #333; background-color: #333; }
#identity .inbox a .unread-messages-count { background-color: #333; }

/* added for custom login box */
#modal-box {
/* This will pick up your custom image */
 background: url("http://www.centralia.edu/images/login-bg.jpg") no-repeat !important;
 color: #000000 !important; /* The color of the text on the login page ... does not impact text color on login page... changes text in some authorization boxes ... changes to black 4/20/17 to fix unviewable text - EC */
 height: 330px !important; /* The sample image is 623x467 */
}
/* this will remove the extra canvas logo */
body.modal #modal-box.login-box h1 {
background: none;
height: 150px;
}
/*resize the login box to fit my image and change the color of 'stay signed in'*/
body.modal #modal-box.login-box {
height: 330px;
width: 610px;
color: #fff;
}
/*change the color of the login button*/
body.modal #modal-box .button, body.modal
#login-box .button {
background-color: #04a1e4 !important;
background-image: none;
border-color: #0580b5;
}
/*change the color of 'don't know your password'*/
body.modal #modal-box.login-box a { 
color: #04a1e4 !important;
}
/* Changes the background color of the flash notice. This is what you see at the top of the page when you login.*/
#flash_notice_message, #flash_error_message { 
background-color: #04a1e4 !important;
} 

/* Option to move the footer to be more consistent with our look. */
#footer { 

margin: 0px auto !important; 
} 

/* Optional I hide the Forgot your Password link because we are using LDAP. We are still discussing whether or not this is a good idea. This means that anyone with a canvas internal account won't be able to change their password.
*/
.forgot_password_link {display: none;}

/* Optional login-bg.jpg is also used on the confirm registration page. Our logo is in the upper left and the text on the page overlapped it so I moved the whole registration form down.
#modal-box h2 { margin: 55px 10px 0; } 
*/

/* added fix to increase selection box size in Modules, 12-9-2013 */
.module_item_select {
max-height: 150px;
max-width: 300px;
min-height: 275px;
min-width: 320px;
}