/*
 * COLORS:
 * Blue light:			#ebf4f7;
 * Blue light-border:	#d4ecf8;
 * Gray dark:			#838383;
 * Orange light:		#faefcf;
 * Red link:			#df0d1f; (#b22909)
 * Red link hover:		#bf0b23; (#9F2509)
 * Yellow light:		#fff9df;
 * Yellow light-border:	#fff4bf;
 *
 * BORDERS:
 * all { border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; }
 * top { border-top-left-radius: 7px; border-top-right-radius: 7px; -moz-border-radius-topleft: 7px; -moz-border-radius-topright: 7px; -webkit-border-top-left-radius: 7px; -webkit-border-top-right-radius: 7px; }
 *
 * OTHER:
 * input { background: transparent url(../images/input-bg.png) top left no-repeat scroll; border:1px solid #ABADB3; font-family: verdana, arial, sans-serif; font-size: 15px; margin-right: 0; padding: 4px; }
 * shadow { box-shadow: 0 2px 3px #838383; -moz-box-shadow: 0 2px 3px #838383; -webkit-box-shadow: 0 2px 3px #838383; }
 * text shadow { text-shadow: 0 1px 0 #fff; }
 */

html {
	margin: 0;
	padding: 0;
	}

body {
	background: #ebf4f7 url(../images/bg.png) top left repeat-x;
	color: #333;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 13px;
	margin: 0;
	padding: 0;
	width: 100%;
	}

a { border-bottom: 1px solid #cc3333; color: #cc3333; text-decoration: none; }
a:hover { border-bottom: 1px solid #af2020; color: #af2020; }
a img { border: none; }

a.noborder { border: none; }
a.a-gray { border-bottom: 1px solid #666; color: #666; }
a.a-gray:hover { border-bottom: 1px solid #333; color: #333; }
a.small-link { color: #666; font-size: 11px; margin-left: 0px !important; }
a.small-link:hover { color: #333; }

h1 { font-family: "trebuchet ms", tahoma, verdana, arial, sans-serif; font-size: 26px; font-weight: normal; line-height: 1em; text-shadow: 0 1px 0 #f5f5f5; }
h2 { color: #666; font-family: "trebuchet ms", tahoma, verdana, arial, sans-serif; font-size: 20px; font-weight: normal; line-height: 1em; margin: 3px 0 0; padding: 0 0 10px; }
h3 { color: #444; font-size: 13px; font-weight: bold; margin: 0; padding: 2px 0 8px; }

input { font-size: 15px; margin: 0; padding: 2px; }
input[type="text"], input[type="password"] { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
textarea { font-family: verdana, arial, helvetica, sans-serif; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
select { margin-top: 0; padding: 4px 4px 4px 2px; }
p { line-height: 1.4em; margin: 5px 0; padding: 0 5px; }

ul { list-style-image: url(../images/icons/bullet_blue.png); margin: 5px 0 0; padding: 0 0 0 30px; }
li { padding: 0 0 3px; }

.clear { clear: both; }
.floatleft { float: left; }
.tag { font-size: 10px; padding: 1px 4px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.input { background: transparent url(../images/input-bg.png) top left no-repeat scroll; border: 1px solid #ABADB3; font-size: 15px; padding: 4px; }
.strike { text-decoration: line-through !important; color: #aaa !important; font-weight: normal !important; }
.strike-line { text-decoration: line-through; }
.textbutton-img { background: #ebf4f7; border: 1px solid #ddd; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666; display: block; padding: 7px 10px; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; }
.textbutton-img:hover { border: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ddd; color: #333; }
.textbutton-img img { margin: 0 0 -3px; padding: 0; }

.highlight { background: #FFF9DF; border: 1px solid #FFF4BF; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; color: #333; display: block; font-style: normal; line-height: 1.5em; margin: 0 0 15px; padding: 5px 10px; }
.lowlight { color: #666; line-height: 1.5em; padding: 5px 0 7px; }
.lowlight:hover { color: #333; }

.error, .success { border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; color: #333; display: block; font-style: normal; line-height: 1.5em; margin: 15px 0 5px; padding: 5px 10px; }
.error { background: #ffefef; border: 1px solid #ffcfcf; }
.success { background: #E0EFE7; border: 1px solid #B5DFC9; }

.loginnote { margin: -10px 15px 20px; }
.error-php { background: #f5f5f5; border: 1px solid #eee; line-height: 1.5em; margin: 10px 0; padding: 10px; }
.talk { background: #e0f1fc; padding: 7px; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; }

.div-button { background: #ebf4f7 url(../images/icons/disk.png) 9px 6px no-repeat; border: 1px solid #ddd; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666; display: block; padding: 5px 10px 6px 32px; }
.div-button:hover { border: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ddd; color: #333; }

.round { padding: 5px 8px; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; }
.round-3 { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.round-5 { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.round-7 { border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; }

.lightshadow { box-shadow: 0 0 10px #838383; -moz-box-shadow: 0 0 10px #838383; -webkit-box-shadow: 0 0 10px #838383; }
.lightershadow { box-shadow: 0 0 10px #ddd; -moz-box-shadow: 0 0 10px #ddd; -webkit-box-shadow: 0 0 10px #ddd; }

.blue { background: #668cd9; color: #fff; }
.lightblue { background: #e0f1fc; }
.green { background: #4cb052; color: #fff; }
.lightgray { background: #f5f5f5; }

.progress { background: url(../images/ajax-loader.gif) 0 0 no-repeat; display: block; width: 16px; }

.reminder-note { background: #FFEFEF; border: 1px solid #FFCFCF; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; color: #333; display: block; font-style: normal; line-height: 1.5em; margin: 15px 2px 5px; padding: 5px 10px; }
.reminder-note .content { float: left; width: 95%; }
.reminder-note .reminder-remove-a { background: none; border: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #333; display: block; float: right; font-weight: bold; line-height: 1em; margin: 2px -3px 0 0; padding: 1px 5px 4px; text-shadow: 0 1px 1px #fff; }
.reminder-note .reminder-remove-a:hover { background: #EFC2C2; }

#modal-alert { width: 450px; }
#modal-confirm { width: 450px; }
#modal-window { width: 600px; }
#modal-window.prompt { width: 400px; }
#modal-window.prompt .input { width: 360px; }
.modal-dialog { background: #eee; border: 10px solid #999; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; box-shadow: 0 0 15px #838383; -moz-box-shadow: 0 0 15px #838383; -webkit-box-shadow: 0 0 15px #838383; line-height: 1.5em; padding: 0; }
.modal-dialog .title { color: #666; background: #ccc; border-bottom: 1px solid #aaa; padding: 8px 13px 2px; }
.modal-dialog .title h3 { font-size: 18px; font-family: "trebuchet ms",tahoma,verdana,arial,sans-serif; font-weight: normal; text-shadow: 0 1px 1px #f5f5f5; }
.modal-dialog .title a { border: none; display: block; color: #333; position: absolute; right: 20px; top: 20px; font-size: 13px; font-weight: bold; line-height: 1em; padding: 1px 6px 4px; text-shadow: 0 1px 0 #fff; }
.modal-dialog .title a:hover { background: #aaa; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #222; }
.modal-dialog .message { padding: 12px 15px 5px; }
.simplemodal-overlay { background: #000; }

/********** Dashboard **********/

#header, #container, #footer {
	max-width: 1280px;
	min-width: 960px;
	width: 92%;
	}

#header {
	margin: 0 auto;
	padding: 0;
	}

	#header-left, #header-middle, #header-right {
		height: 65px;
		margin: 0;
		}

	#header-left { background: url(../images/fade-t-l-big.png) bottom left no-repeat; padding: 0 0 0 64px; }
	#header-right { background: url(../images/fade-t-r-big.png) bottom right no-repeat; overflow: hidden; padding: 0 64px 0 0; position: relative; z-index: 10; }
	#header-middle { background: url(../images/fade-t-m-big.png) bottom left repeat-x; }

	/* books: */
	/* #logo { background: url(../images/bg-clouds.png) 0 0 no-repeat; height: 70px; margin-left: -69px; padding: 2px 0 0 36px; position: absolute; top: 5px; width: 40%; z-index: 20; } */
	/* papers: */
	/* #logo { background: url(../images/bg-papers.png) 0 0 no-repeat; height: 70px; margin-left: -68px; padding: 0 0 0 60px; position: absolute; top: 5px; width: 40%; z-index: 20; }*/
	/* nothing: */
	#logo { height: 35px; margin-left: -29px; padding: 0; position: absolute; top: 5px; width: 40%; z-index: 20; }
	#logo img { margin-top: 5px; }
	#logo a { border: none; }

	#usernav { float: right; height: 50px; margin-right: -29px; padding: 0; width: 60%; }
	#usernav ul { float: right; list-style: none; margin: 0 -5px 0 0; padding: 0; }
		#usernav li { background: url(../images/usernav-left-sm.png) top left no-repeat; float: left; margin: 4px 0 0 0; padding: 0 0 8px 6px; }
		#usernav a { background: #4d4d4d url(../images/usernav-bottom.png) bottom left repeat-x; border: none; color: #fff; display: block; float: left; font-size: 13px; padding: 4px 5px 12px; }
		#usernav a#course-add { padding: 4px 4px 9px 0; }
		#usernav a:hover { color: #ddd; }
		#usernav a#course-drop { cursor: pointer; margin: 0; padding: 1px 0 5px; position: relative; }
		#usernav img { border: none; margin: 0; padding: 0; }
		#usernav span { background: url(../images/usernav-middle.png) top right no-repeat; display: block; float: left; padding: 0 11px 0 0; }
		#usernav li.first { background: url(../images/usernav-left.png) top left no-repeat; padding: 0 0 8px 13px; }
		#usernav li.last span { background: url(../images/usernav-right.png) top right no-repeat; padding: 0 13px 0 0; }
		#usernav li:hover { /*margin: 5px 0 -1px;*/ }
	#usernav b { display: block; float: right; font-weight: normal; padding: 12px 10px 0 0; }
		#usernav b a { background: none; border-bottom: 1px solid #666; color: #666; display: inline; float: none; font-size: 11px; padding: 0; margin: 0; }
		#usernav b a:hover { border-bottom: 1px solid #333; color: #333; }

	#cddm {
		background: #4d4d4d url(../images/cddm-right.png) top right repeat-y;
		border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px;
		border-top-right-radius: 0; -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0;
		box-shadow: 0 2px 3px #838383; -moz-box-shadow: 0 2px 3px #838383; -webkit-box-shadow: 0 2px 3px #838383;
		/*float: right;*/
		list-style-image: none;
		list-style-type: none;
		margin: 0 225px 0 0;
		padding: 7px 7px 1px;
		position: absolute;
		right: 4%;
		top: 24px;
		visibility: hidden;
		width: 225px;
		z-index: 50;
		}

		/* Safari/Chrome/Webkit target */
		@media screen and (-webkit-min-device-pixel-ratio:0) {
			#cddm { margin-right: 226px; }
		}

		#cddm li { background: #6d6d6d; clear: left; color: #fff; margin: 0 0 5px; padding: 3px 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
		#cddm li:hover { background: #7d7d7d; }
		/*#cddm li:before { content: "\00BB \0020"; } */
		/*#cddm li:last-child { border-bottom: none; padding-bottom: 2px; } */
		#cddm a { background: none; border: none; color: #eee; margin: 0; padding: 0; }

	#demo-signup { left: 50%; margin:25px 0 0 -125px; position: absolute; text-align: center; top: 0; width: 250px; z-index: 100; }
		#demo-signup .button { background: #F5E494 url(../images/white.png) top left repeat-x; border: 1px solid #DFCB6F; padding: 5px 8px; }
		#demo-signup a { border: none; font-weight: bold; text-shadow: 0 1px 0 #FFF6CF; }

#container {
	margin: 0 auto;
	padding: 0;
	}

	#main-left { background: #ebf4f7 url(../images/fade-b-l.png) top left no-repeat; margin: 0; padding: 0 0 0 35px; }
	#main-right { background: #ebf4f7 url(../images/fade-b-r.png) top right no-repeat; margin: 0; overflow: hidden; padding: 0 35px 0 0; position: relative; z-index: 10; }
	#main-middle { margin: 0; padding: 0; width: 100%; }

	#nav { background: #e9e9e9; height: 50px; }
	#nav ul { float: left; list-style: none; margin: 0; padding: 0; }
	#nav li { background: #838383; float: left; font-size: 14px; margin: 10px 0 10px 10px; padding: 6px 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } 
	#nav li:hover { background: #939393; }
	#nav li a { border: none; color: #fff; }

	#nav ul#add-new { float: right; margin-right: 10px; }
	#nav ul#add-new li { background: #5d5d5d; }
	#nav ul#add-new li:hover { background: #4d4d4d; }
	#nav ul#add-new img { margin: 0 1px -3px 0; }
	#nav ul#add-new li ul { visibility: hidden; background: inherit; padding: 2px 2px 7px; position: absolute; right: 45px; width: 160px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
	#nav ul#add-new li ul li { background: #6d6d6d; border: none; color: #fff; float: none; font-size: 12px; margin: 5px 5px 0; padding: 3px 10px; }
	#nav ul#add-new li ul li a { display: block; }
	#nav ul#add-new li ul li:hover { background: #7d7d7d; }
	#nav ul#add-new #add-new-button { cursor: pointer; }

	#help { background: url(../images/tab-help.png) top left no-repeat; height: 28px; position: absolute; right: 295px; width: 60px; }
	#help a { border: none; display: block; height: 28px; padding: 0; width: 60px; }

	#content { background: #fff; height: 100%; width: 100%; }

	#offset { background: #fff url(../images/content-fade-left.png) top left repeat-x; float: left; margin-right: -250px; width: 100%; } 

	.page-left { padding: 10px 3px 0 3px; }

	#left { 
		background: url(../images/right-gray.png) top right repeat-y;
		/*float: left;*/
		height: 100%;
		/*margin-right: 250px;*/
		padding: 10px 260px 15px 10px;
			/*padding-bottom: 50em;*/
			/*margin-bottom: -50em;*/
		}

		#left h2 { font-size: 20px; padding-bottom: 12px; }

		#crumbs { font-size: 11px; padding: 0; }
		#crumbs input { padding: 1px; }
		#crumbs-bookmark { float: left; margin: 0 5px 0 0; }
		#crumbs a { border: none; color: #594f23; }
		#crumbs span { background: #f5e494; display: block; float: left; margin: 0 5px 0 0; padding: 3px 6px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
		#crumbs b { display: block; float: left; font-size: 11px; font-weight: normal; margin: 0 5px 0 0; padding: 3px 0 0; }

		#welcome { margin: 15px 0 10px; padding: 0 5px 0 0; }
			#appleboy-talk { background: url(../images/talk-arrow.png) 51px 15px no-repeat; float: left; margin-top: -5px; padding: 0; width: 80px; }
			#welcome-talk { margin-left: 80px; }
			#welcome-talk strong { display: block; margin: 0; padding: 2px 0 6px; }
			#welcome-talk span { font-size: 11px; line-height: 1.7em; }
			#welcome-talk hr { background: #77A4BF; border: none; height: 1px; margin: 12px 0 8px; }
			#welcome-talk a.notice-a { color: #333; border: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; display: block; float: right; line-height: 1em; margin: -1px 1px 0 0; padding: 1px 5px 4px 5px; text-shadow: 0 1px 1px #fff; }
			#welcome-talk a.notice-a:hover { background: #B3D8EF; }

		#left-todo { clear: both; padding: 10px 5px 5px; }
		#left-todo span { color: #666; display: block; font-size: 11px; padding: 5px 0 0; text-align: right; }
		#left-todo span a { color: #666; border-bottom: 1px solid #666; }
		#left-todo span a:hover { color: #333; border-bottom: 1px solid #333; }

		#left-announcements { clear: both; padding: 5px; }
		#left-announcements .announcement-container { margin: 0; padding: 0; }
		#left-announcements table { border-spacing: 0; margin: 0 0 10px; width: 100%; }
		#left-announcements .round-announcement { border-bottom-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-topleft: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-top-left-radius: 5px; width: 5px; }
		#left-announcements .course-announcement { background: #f5f5f5; padding: 7px 5px 2px 7px; border-bottom-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-topright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-top-right-radius: 5px; }
		#left-announcements .course-announcement h4 { margin: 0; }
		#left-announcements .course-announcement p { padding: 0; }
		#left-announcements .course-announcement em { color: #666; }

		#left-news { clear: both; padding: 10px 5px 5px; }
		#left-news-left { border-right: 1px solid #d1d1d1; float: left; padding: 0 2% 10px 0; width: 60%; }
		#left-news-left em { color: #838383; }
		#left-news-right { float: right; margin-left: -1px; padding: 0 0 0 2%; width: 36%; }
		.readmore { display: block; float: right; font-style: italic; padding: 5px 5px 0 0; }

		#left-extra { clear: both; padding: 15px 10px 10px; }

	#right {
		background: #c9c9c9;
		float: right;
		min-height: 592px;
		padding: 0;
		width: 250px;
		}

	#right-fade {
		background: url(../images/content-fade-right.png) top left repeat-x;
		padding: 5px 0 10px;
		}

		#right h2 {
			padding-top: 0;
			text-shadow: 0 1px 1px #f5f5f5;
			}

		#right-search, #right-files, #right-classes, #right-bookmarks, #right-filters, #right-time {
			background: url(../images/right-line.png) bottom left repeat-x;
			padding: 10px 10px 20px;
			}
			
		#right-time span { display: block; margin: 3px 0 0 5px; }
		#right-time span.time { box-shadow: 0 1px 0 #bbb; -moz-box-shadow: 0 1px 0 #bbb; -webkit-box-shadow: 0 1px 0 #bbb; color: #666; background-color: #ddd; border-top:1px solid #e9e9e9; display:block; margin: 0 0 5px; padding: 2px 5px 4px 7px; }

		#right-search { font-size: 11px; padding-top: 15px; }
			#right-search a, #right-search a.small-link { border-bottom: 1px solid #666; color: #666; display: block; float: left; margin: 5px 0 0 5px; padding: 3px 0 0; }
			#right-search a:hover, #right-search a.small-link:hover { border-bottom: 1px solid #333; color: #333; }
			#right-search .search-field { margin-right: 0; width: 65%; }
			#right-search .search-button { width: 25%; }

		#right-files { padding-bottom: 15px; }
			#right-files .progress-bar-a { background: #e9e9e9 url(../images/white.png) top left repeat-x; border: 1px solid #a9a9a9; display: block; height: 24px; margin: 2px 0 0; width: 100%; }
			#right-files span { display: block; padding: 3px 0 0; position: absolute; text-align: center; width: 230px }
			#right-files em.progress-bar { background: #F5E494; border-top: 1px solid #FFF4BF; border-right: 1px solid #DFCB6F; display: block; height: 23px; margin: 0; border-bottom-right-radius: 0; border-top-right-radius: 0; -moz-border-radius-bottomright: 0; -moz-border-radius-topright: 0; -webkit-border-bottom-right-radius: 0; -webkit-border-top-right-radius: 0; }

		#right-classes { }
			#right-classes em { display: block; font-size: 12px; padding: 0 0 3px; }
			#right-classes a { border-bottom: 1px solid #666; clear: both; color: #666; display: block; float: left; font-size: 11px; margin: 0 0 0 5px; padding: 5px 0 0; }
			#right-classes a:hover { border-bottom: 1px solid #333; color: #333; }
			#right-classes a.sidebar-link { clear: none; display: inline; float: none; color:#333; font-size:13px; }
			#right-classes ul { list-style: none; margin: 0; padding: 0; }
			#right-classes li { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; clear: left; float: left; margin: 0 0 5px; padding: 2px 4px; }
			#right-classes li a { border: none; color: #fff; font-size: 13px; margin: 0; padding: 0; }
			#right-classes li a:hover { border: none; color: #fff; }		
			#right-classes li.sidebar-type-li { float: none; clear: none; }

		#sidebar-premium-ad { background: #e9e9e9 url(../images/white.png) top left repeat-x; border: 1px solid #b9b9b9; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; display: block; float: left; font-size: 11px; margin: 15px 0 0; padding: 5px 0 6px; text-align: center; width: 230px; }
		#sidebar-premium-ad a { border: none; color: #cc3333; display: block; font-size: 14px; margin: 0 auto 5px; width: 100%; }
		#sidebar-premium-ad a:hover { border: none; color: #af2020; }
		#sidebar-premium-ad span { clear: both; display: block; }

		#right-bookmarks { }
			#right-bookmarks em { font-size: 12px; }
			#right-bookmarks .manage-bookmarks { display: block; font-size: 11px; float: left; padding: 8px 0 0 5px; }
			#right-bookmarks .manage-bookmarks a { border-bottom: 1px solid #666; color: #666; }
			#right-bookmarks .manage-bookmarks a:hover { border-bottom: 1px solid #333; color: #333; }
			#bookmark-list { list-style-type: none; margin: 0; padding: 0; }
			#bookmark-list li { background: url(../images/icons/star-on.png) 5px 0 no-repeat; list-style-image: none; margin: 0; padding: 1px 0 3px 30px; }
			#bookmark-list li.bookmark a { border: none; color: #444; font-size: 13px; font-weight: bold; }
			#bookmark-list li.bookmark a:hover { color: #333; }

		#right-extras { padding: 10px; }

			#right-extras a.extra { border: none; display: block; font-weight: bold; color: #333333; padding-left: 30px; margin-top: 5px; }
			#right-extras a.donate { background: url(../images/icons/money.png) 5px 0 no-repeat; }
			#right-extras a.bug { background: url(../images/icons/bug.png) 5px 0 no-repeat; }
			#right-extras a.feature { background: url(../images/icons/feature.png) 5px 0 no-repeat; }
			#right-extras a.firefox { background: url(../images/icons/firefox.png) 5px 0 no-repeat; }
			#right-extras a.twitter { background: url(../images/icons/twitter.png) 5px 0 no-repeat; }


/********** Footer **********/

#footer { color: #777; font-size: 11px; margin: 0 auto; min-height: 30px; padding: 0; }
#footer a { border-bottom: 1px solid #2F5B7F; color: #2F5B7F; }
#footer a:hover { border-bottom: 1px solid #29475F; color: #29475F; }
#footer-left { background: url(../images/footer-fade-l.png) top left no-repeat; padding: 0 0 0 64px; }
#footer-right { background: url(../images/footer-fade-r.png) top right no-repeat; padding: 0 64px 0 0; z-index: 10; }
#footer-middle { background: url(../images/footer-fade-m.png) top left repeat-x; padding: 20px 0 15px; }
#footer .footer-line { line-height: 1.6em; margin-left: -20px; padding: 0 10px; }
#footer .footer-block { float: left; padding: 0 25px 20px 0; }
#footer .footer-block h5 { font-size: 13px; margin: 0; padding: 0 0 10px; }
#footer .footer-block span { display: block; clear: both; margin: 0 0 5px; }


/********** Calendar **********/

h2.calendar-header {
	float: left;
	}

.calendar-options {
	float: right;
	padding: 5px 0 0;
	}

	.calendar-options a { border: none; color: #666; display: block; float: left; font-size: 11px; padding: 2px 0 1px 22px; margin: 0 2px 0 10px; }
	.calendar-options a:hover { color: #333; }
	.calendar-options a.settings { background: url(../images/icons/settings.png) 1px 0 no-repeat; }
	.calendar-options a.ical { background: url(../images/icons/calendar.png) 1px 0 no-repeat; }

#calendar-panel {
	padding: 0 0 5px;
	}

	#calendar-panel a { background: #838383; border: none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #eee; display: block; float: left; margin: 1px 6px 3px 0; padding: 3px 10px; text-indent: -1000em; width: 15px; }
	#calendar-panel a.prev { background: #838383 url(../images/icons/arrow_prev.png) 50% 50% no-repeat; }
	#calendar-panel a.next { background: #838383 url(../images/icons/arrow_next.png) 50% 50% no-repeat; }
	#calendar-panel input { font-size: 11px; }
	#calendar-panel strong { font-size: 14px; padding: 0 0 0 5px; }

#calendar-loader {
	margin: 0 0 -3px 5px;
	}

table.calendar {
	border: 1px solid #d1d1d1;
	border-spacing: 1px;
	width: 100%;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	}

	table.calendar th, table.calendar em { background: #f5f5f5; border-right: 1px solid #d1d1d1; border-bottom: 1px solid #e1e1e1; color: #838383; font-size: 11px; font-weight: normal; margin: 0; text-align: left; padding: 3px 4px; }

	table.calendar em { border-right: none; display: block; font-style: normal; text-align: right; }
	table.calendar em b { float: left; font-weight: normal; }	

	table.calendar td { border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; font-size: 11px; height: 90px; margin: 0; vertical-align: top; width: 14%; }
	table.calendar td:last-child { border-right: none; }
	#dash-calendar td { padding: 0 !important; }
	table.calendar tr:last-child td { border-bottom: none; }
	table.calendar td div { padding: 5px; }		
	table.calendar td a.event, table.calendar td span.event a { border-bottom: 1px solid #e5e5e5; display: block; font-family: arial, verdana, helvetica, sans-serif; font-weight: bold; margin-bottom: 4px; padding: 0 0 4px; }
	table.calendar td a.event:last-child, table.calendar td span.event:last-child a { border-bottom: none; margin-bottom: 0; padding-bottom: 2px; }

	table.calendar td.daytoday { background: #fff9df; }
	table.calendar td.no-right, table.calendar th.no-right { border-right: none; }
	table.calendar tr.yes-top th { border-top: 1px solid #e9e9e9; }


/********** Help **********/

#help-content {
	display: none;
	}

#osx-modal-content, #osx-modal-data { display: none; }
#osx-overlay { background-color: #000; /*cursor: wait;*/ }
#osx-container {background-color: #eee; color: #333; font-size: 13px; padding-bottom: 10px; width:650px; -moz-border-radius-bottomleft:6px; -webkit-border-bottom-left-radius:6px; -moz-border-radius-bottomright:6px; -webkit-border-bottom-right-radius:6px; -moz-box-shadow:0 0 64px #000; -webkit-box-shadow:0 0 64px #000;}
	#osx-container #osx-modal-title { color: #666; font-size: 18px; font-family: "trebuchet ms",tahoma,verdana,arial,sans-serif; background-color: #ccc; border-bottom: 1px solid #aaa; font-weight: normal; padding: 6px 8px 6px 15px; text-shadow: 0 1px 1px #f5f5f5;}
	#osx-container .close { display:none; float:right; }
	#osx-container .close a { border: none; display: block; color: #333; font-size: 13px; font-weight: bold; margin: 8px 8px 0 0; padding: 1px 6px 4px; text-shadow: 0 1px 0 #fff;}
	#osx-container .close a:hover { background: #aaa; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #222; }
	#osx-container #osx-modal-data { padding: 12px 15px; }
	#osx-container h2 { margin: 10px 0 6px; }
	#osx-container p { margin-bottom: 5px; padding: 0 5px 15px; }
	#osx-container h3 { padding: 2px 0 0; }
	#osx-container span { color: #666; font-size: 13px; }


/********** Courses **********/

#active_courses { }
#closed_courses { margin: 15px 0; }
#pending_courses { margin:15px 0; padding-bottom:10px; }

#course-info { }
	#sidebar-course-types { box-shadow: 0 1px 0 #bbb; -moz-box-shadow: 0 1px 0 #bbb; -webkit-box-shadow: 0 1px 0 #bbb; background-color: #ddd; border-top:1px solid #e9e9e9; display: block; list-style-type: none; list-style-image: none; padding: 4px 0px 1px 3px !important; }
	#sidebar-course-types li div { float: left; margin: 0 5px 0 0; }
	#sidebar-course-types li div.clear { float:none; }
	#sidebar-course-types .type { width: 165px; }
	#course-info .row { padding: 10px 0 0; }

.course_list {
	margin: 0 0 15px;
	width: 100%;
	}

	.course_list .course { border: 1px solid #ddd; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; clear: both; margin: 0 0 15px; } 
	#active_courses .course .course-header { background: #f3f3f3; border-top-left-radius: 7px; border-top-right-radius: 7px; -moz-border-radius-topleft: 7px; -moz-border-radius-topright: 7px; -webkit-border-top-left-radius: 7px; -webkit-border-top-right-radius: 7px; margin: 0; padding: 10px; }
	#closed_courses .course .course-header,
	#pending_courses .course .course-header { background: #f3f3f3; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; margin: 0; padding: 8px 10px; }
	.course .course-header span.grade { display: block; float: right; padding: 2px 0 0; }
	.course_list .course a { display: block; float: left; font-size: 14px; font-weight: normal; }
	.course_list .course .color-picker { float: left; padding: 2px 0 0; }
	.course_list .course .color-picker .calendar-color { float: left; height: 12px; margin: 2px 2px 0 10px; width: 16px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
	.course_list .course .color-picker img { cursor: pointer; float: left; }
	.course_list .course a.restore, .course_list .course a.delete { border: none; color: #666; float: right; font-size: 11px; margin: 0 0 -5px 10px; padding: 2px 2px 1px 20px; }
		.course_list .course a.remove:hover, .course_list .course a.restore:hover, .course_list .course a.delete:hover { color: #333; }
		.course_list .course a.remove { background: url(../images/icons/remove.png) 0 0px no-repeat; }
		.course_list .course a.restore { background: url(../images/icons/arrow_undo.png) 0 1px no-repeat; }
		.course_list .course a.delete { background: url(../images/icons/delete.png) 0 1px no-repeat; }
	.course_list .actions { padding: 10px 5px; }
	.course_list .actions .code { float: right; }
	.course_list .actions .code span { border-bottom: 1px dotted #777; color: #777; cursor: help; }
	.course_list .course a.remove, .course_list .course a.view, .course_list .course a.grades, .course_list .course a.discussions, 
	.course_list .course a.edit, .course_list .course a.roster { border: none; color: #666; font-size: 11px; margin: 0 10px 0 5px; padding: 1px 2px 1px 20px; }
		.course_list .course a.view:hover, .course_list .course a.grades:hover, .course_list .course a.discussions:hover, .course_list .course a.edit:hover { color: #333; }
		.course_list .course a.view { background: url(../images/icons/book_open.png) 0 0 no-repeat; }
		.course_list .course a.grades { background: url(../images/icons/report.png) 0 0 no-repeat; }
		.course_list .course a.discussions { background: url(../images/icons/discussions.png) 0 0 no-repeat; }
		.course_list .course a.roster { background: url(../images/icons/user_green.png) 0 0 no-repeat; }
		.course_list .course a.edit { background: url(../images/icons/edit.png) 0 0 no-repeat; }
	.course-add-link { float: right; padding: 0 0 10px 25px; }
	.course-add-link a { background-image: url(../images/icons/book_add.png); }
	.course-closed-note { font-size: 12px; font-style: italic; margin: 0; padding-top: 8px; }

	/***** Blue site interaction form *****/

	.add-form { background: #ebf4f7 url(../images/white.png) top left repeat-x; border: 1px solid #d4ecf8; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; margin: 0 0 20px; padding: 10px; text-align: center; }

	.itemcol { display: block; float: left; padding-right: 5px; text-align: left;}
		.itemcol label { display: block; font-size: 11px; margin: 0 0 3px; padding: 0 0 2px; text-align: left; }
	.itemrow { clear: left; display: block; float: left; width: 100%; }
		.itemrow label { display: block; float: left; font-weight: bold; padding: 5px 10px 0 0; text-align: right; width: 7%; }
		.itemrow input { float: left; }
		.itemrow input#new-note-title { background: transparent url(../images/input-bg.png) top left no-repeat scroll; border: 1px solid #ABADB3; font-size: 15px; padding: 4px; width: 60%; }
		.itemrow input#new-note-submit { float: left; margin-top: 5px; width: auto; }
		.itemrow img#new-note-loader { float: left; margin: 5px 0 0 10px; }
		.itemrow textarea, .textarea { background: transparent url(../images/input-bg.png) top left no-repeat scroll; border: 1px solid #ABADB3; font-size: 15px; padding: 4px; }
		.itemrow textarea { float: left; height: 100px; margin: 5px 0 0; width: 88%; }

		.new-item-div-title { width: 40%; }
		.new-item-div-title input { width: 95%; }
		
		.new-item-div-description { text-align: left; }
		.new-item-div-description label { display: block; font-size: 11px; margin-top: 5px; }
		.new-item-div-description textarea { height: 40px; margin-top: 5px; width: 98%; }

		.new-item-div-select { width: 15%; }
		.new-item-div-select select { width: 95%; }

		.new-item-div-date { width: 14%; }
		.new-item-div-date input { width: 95%; }
			#ui-datepicker-div a { border: none; }

		.new-item-div-submit { width: 25%; }
		.new-item-div-submit input#new-item-submit { margin: -1px 0 0 5px; }
		.new-item-div-submit input#new-item-submit-add { margin: -1px 0 0 10px; }
		.new-item-div-submit input#new-item-submit-join { margin: -1px 0 0 10px; }

		.new-file-div-add { width: 100%; }
		.new-file-div-add #new-file-path { font-size: 17px; padding: 4px; }

		.new-link-div-title, .new-link-div-url { width: 40%; }
		.new-link-div-title input, .new-link-div-url input { width: 95%; }
		.new-link-div-submit input#new-link-submit { margin: -1px 0 0 0; }

		.new-bookmark-div-input { width: 70%; }
		.new-bookmark-div-input input { width: 98%; }

		.new-course-title { width: 70%; }
		.join-course-code { width: 45%; }
		.new-course-title input, .join-course-code input { width: 100%; }
	.submitrow { padding-top:5px; }

	/***** Yellow interaction form *****/

	.edit-item-form, .new-item-form { background: #fff9df; border: 1px solid #fff4bf; margin: 0; padding: 10px; text-align: left; }
	.edit-item-form .edit-item-submit { padding: 10px 0 0; }
	.edit-item-form .action-cancel { border-bottom: 1px solid #df0d1f; color: #df0d1f; }
	.edit-item-form .action-cancel:hover { border-bottom: 1px solid #bf0b23; color: #bf0b23; }

	/***** Table display for course data *****/

	table.course-table, #notes-list table { border-collapse: collapse; width: 100%; }
	table.course-table th { border-bottom: 1px solid #e9e9e9; text-align: left; padding: 0 5px 5px; }
	table.course-table td { background: #fff; text-align: left; border-bottom: 1px solid #e9e9e9; padding: 6px 5px; }
	table.course-table td.assignment-icon-td { padding: 8px 5px 4px !important; }
	table.course-table .assignment-description { color: #333; font-size: 11px; margin: 8px 0 0; }
	table.course-table td.no-content { border: none; height: 2px; padding: 0; }
	table.course-table a { border-bottom: 1px solid #bbb; color: #111; }
	table.course-table a:hover { border-bottom: 1px solid #aaa; color: #333; }
	table.course-table img { border: none; margin: 0 2px 0 0; }
		#assignments-list .assignment-edit, #assignments-list .assignment-remove, #assignments-list .assignment-check { border: none; }
		#assignments-list .assignment-edit:hover, #assignments-list .assignment-remove:hover, #assignments-list .assignment-check:hover { border: none; }
	table.course-table img.file-icon { margin: 0 0 -3px; }
	table.course-table a.file-icon-a { border: none; }
	table.course-table a.file-icon-a img { margin: 0 0 -4px; }
	table.course-table span.link-remove a { border: none; color: #666; font-size: 11px; }
	table.course-table span.link-remove a:hover { color: #333; }
	table.course-table span.link-remove img { margin: 0 0 -4px 10px; }
	table.course-table td.filename { width: 60%; }

	.sort-header span { background: url(../images/icons/sort_bg.gif) 100% 50% no-repeat; cursor: pointer; display: block; float: left; padding-right: 20px; }
	.headerSortUp span { background: url(../images/icons/asc.gif) 100% 70% no-repeat; }
	.headerSortDown span { background: url(../images/icons/desc.gif) 100% 20% no-repeat; }

	#notes-list table tr#no-notes td, table.course-table tr#no-files td, table.course-table tr#no-links td { padding: 5px 5px 7px; }	
	#notes-list table th { border-bottom: 1px solid #e9e9e9; text-align: left; padding: 0 5px 5px; }
	#notes-list table td { border-bottom: 1px solid #e9e9e9; line-height: 1.4em; padding: 10px 0; vertical-align: top; }
	#notes-list table td.note-icon { border: none; padding: 11px 8px 10px 0; width: 16px; }
	#notes-list table .note-title span.note-title-span { display: block; float: left; font-weight: bold; padding: 0 0 3px; }
	#notes-list table .note-title span.note-date-span { color: #666; display: block; float: left; font-style: italic; padding: 0 0 3px; }
	#notes-list table td.note-content .note-actions { font-size: 11px; text-align: right; }
	#notes-list table td.note-content .note-actions a { border: none; color: #666; }
	#notes-list table td.note-content .note-actions a:hover { color: #333; }
	#notes-list table td.note-content .note-actions img { margin: 0 0 -4px; }
	#notes-list table td.note-content span { display: block; float: left; padding: 5px 0 0 10px; }
	.single-edit { margin: 0; }

	/***** Edit Course *****/

	#course-edit-left { float: left; padding: 10px 15px 0 0; width: 100px; }
	#course-edit-right { padding-left: 115px; }

	.course-back { float: left; font-size: 11px; padding: 8px 0 0 15px; }
	.edit-course-row { padding: 5px 0 10px 0; width: 100%; }
	.edit-course-row h3.course { font-size: 14px; }
	.edit-course-row p { padding: 0 0 7px; }
	.edit-course-info { border-bottom: 1px solid #eee; margin-bottom: 10px; padding-bottom: 5px; }
	.edit-course-row input { width: 42%; }
	.edit-course-check input { float: left; margin: 2px 8px 2px 5px; width: auto; }
	.edit-course-row textarea { height: 75px; width: 90%; }
	.edit-course-col { float: left; width: 40%; }
	
	.course-edit-options { padding: 2px 0 5px 25px; }
		.course-edit-grading { background: url(../images/icons/chart_bar.png) 1px 0 no-repeat; }
		.course-edit-sharing { background: url(../images/icons/world.png) 1px 1px no-repeat; padding-bottom: 0; }
	.course-edit-options span { display: block; margin: 0 0 5px; }
	.course-edit-options span small { padding-left: 5px; }
	.course-edit-options span.option-on {  }
	.course-edit-options span.option-on em { background: #E0EFE7; font-style: normal; font-weight: normal; padding: 2px 5px; }
	.course-edit-options span.option-off em { background: #ffefef; font-style: normal; font-weight: normal; padding: 2px 5px; }

	.assignment-types-blurb { padding-top: 0; }
	.assignment-types { width: 100%; }
	.assignment-types th { font-weight: normal; text-align: left; }
	.assignment-types span { display: block; float: left; font-weight: bold; margin: 0 15px 3px 0; padding: 3px 5px; }
	.assignment-types .name { width: 45%; padding-right: 3% }
	.assignment-types .name input { width: 100%; }
	.assignment-types .weight { width: 16%; }
	.assignment-types .weight input { width: 60%; }
	.assignment-types .points { width: 15%; }
	.assignment-types .points input { width: 75%; }
	.assignment-types .color { width: 45px; }
	.assignment-types .color .color-dropdown-course { cursor: pointer; }
	.assignment-types .remove { width: 20px; }
	.assignment-types .remove a { border: none; }
	
	.edit-course-submit-div { padding-top: 10px; text-align: center; width: 100%; }
	.edit-course-row .edit-course-submit { width: auto; }
	.assignment-color-chosen { float: left; padding: 1px 2px; text-align: center; width: 20px; }
	.assignment-color-box { background: #fff; border: 1px solid #ddd; padding: 1px; position: absolute; text-align: center; width: 182px; }
	.assignment-color-box .color-choice { float: left; font-size: 11px; margin: 1px; padding: 1px 2px; text-align: center; width: 18px; }

	#sharing { }
	#sharing-find { float:left; width:50%; }
	#sharing-list { float: 100%; }
	#sharing-form { margin: 0; padding: 0; }
		.sharing-form-div-search { width: 95%; }
		.sharing-form-div-search input#sharing-form-input { float: left; width: 70%; }		
		.sharing-form-div-search input#sharing-form-submit { margin-top: -1px; margin-left: 3px; }
		.sharing-browse-link { clear: left; padding: 5px 0 0; text-align: left; }
	#sharing-contacts { width:100%; }
		#sharing-contacts table th.name { width: 35%; }
		#sharing-contacts table th.delete { width: 3%; }
		#sharing-contacts table th.they-th { width: 15%; }
		#sharing-contacts table td.name input { display: block; float: left; padding: 0 0 0 5px; }
		#sharing-contacts table td.name span { display: block; float: left; padding: 0 0 2px 7px; }
	#sharing tr.selected td { background-color:#FFF9DF; font-weight:bold; }
	#sharing div.sharing-submit { margin: 15px 0 0; text-align: center; width: 100%; }

	#sharing td.no-contacts { padding:10px; font-size:11px; }
	#sharing .sharing-remove img { float:left; padding:2px 0; }
	#sharing .school { font-size:11px; color:#999; white-space:nowrap; overflow:hidden; }
	#sharing .notvisible { visibility:hidden; }


/********** Assignment View **********/

#assignment-info { padding: 5px 0 20px; }
#assignment-left { float: left; padding: 0 15px 0 0; width: 100px; }
#assignment-stats { background: #ebf4f7; border: 1px solid #ddd; padding: 10px; text-align: center; }
#assignment-tasks { padding: 10px 0 10px 1px; }
	#assignment-tasks a, #assignment-tasks span { display: block; font-size: 11px; margin: 0 0 3px; padding: 1px 0 0 17px; }
	#assignment-tasks a.assignment-tasks-edit { background: url(../images/icons/bullet_edit.png) 0 0 no-repeat; }
	#assignment-tasks span.assignment-tasks-edit-off { background: url(../images/icons/bullet_edit_off.png) 0 0 no-repeat; }
	#assignment-tasks a.assignment-tasks-delete { background: url(../images/icons/bullet_delete.png) 0 0 no-repeat; }
	#assignment-tasks span.assignment-tasks-delete-off { background: url(../images/icons/bullet_delete_off.png) 0 0 no-repeat; }
	#assignment-tasks .assignment-tasks-complete { background: url(../images/icons/bullet_check.png) 0 0 no-repeat; }
	#assignment-tasks .assignment-tasks-restore { background: url(../images/icons/bullet_add.png) 0 0 no-repeat; }

#assignment-right div { line-height: 1.5em; margin: 0 0 0 115px; padding: 0 0 5px; }
	#assignment-right .assignment-title h3 { font-size: 16px; padding-top: 0; }
	#assignment-right .assignment-title { padding: 0; }
	#assignment-right .assignment-desc { border-bottom: 1px solid  #eee; padding-bottom: 15px; }

.assignment-spacer { height: 30px; }

.assignment-add-file, .assignment-add-note { float: right; margin: 0; }
.assignment-add-file a { background-image: url(../images/icons/disk.png); }
.assignment-add-note a { background-image: url(../images/icons/note.png); }


/********** Grades **********/

#grades { }
#grades table { border-collapse: collapse; padding: 0; width: 100%; }
#grades table td { border-bottom: 1px solid #eee; padding: 4px 2px; text-align: right; }
#grades table td .highlight { text-align: left !important; }
#grades table td.assignment-title { text-align: left; }
#grades table td.no-border { border-bottom: none; }
#grades table th { border-bottom: 1px solid #eee; padding: 0 2px 4px; text-align: left; }
#grades table th.field-header { text-align: right; width: 75px; }
#grades table tr.subtotal { font-weight: bold; font-size: 12px; }
#grades table tr.subtotal td { background: #f9f9f9; padding: 5px 6px 5px 0; text-align: right; }
#grades table tr.subtotal td.subtotal-header { font-size: 11px; padding-right: 0; }
#grades table tr.total td.total-header { font-size: 12px; padding-right: 0; }
#grades .grade-field { border: 1px solid #d9d9d9; font-family: verdana, arial, sans-serif; font-size: 12px; text-align: right; width: 60px; }
#grades .grade-field:focus { background: #fff4bf; border: 1px solid #F5E494; }
#grades .grade-field-on { background: #fff9df; border: 1px solid #FFF4BF; }
#grades .grade-submit { padding: 15px 0 0; text-align: center; }

.grade-undo-redo { float: right; padding: 8px 0; }

#grade-controls .grade-controls-view-text { padding: 0 15px 0 0; }
#grade-controls .grade-controls-view-text label { margin-bottom: 8px; }
#grade-controls .grade-controls-view-text .view-on { font-weight: bold; }
#grade-controls .grade-controls-view { width: 60%; }
#grade-controls .grade-controls-select { width: 60%; }

.grades_container { margin: 0 0 15px; width: 100%; }
	.grades_course { border: 1px solid #ddd; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; clear: both; margin: 0 0 10px; width: 100%; }
	.grades_course a { font-weight: normal; }
	.grades_course .top { background: #f3f3f3; border-top-left-radius: 7px; border-top-right-radius: 7px; -moz-border-radius-topleft: 7px; -moz-border-radius-topright: 7px; -webkit-border-top-left-radius: 7px; -webkit-border-top-right-radius: 7px; margin: 0; padding: 5px 5px 0; }
		.grades_course .top h3 { float: left; margin: 0; }
		.grades_course .top h3 a { font-size: 14px; }
		.grades_course .top span.grade { display: block; float: right; padding: 2px 0 0; }
	.grades_course .manage { font-size: 11px; padding: 7px 5px; }
		.grades_course .manage b { display: block; font-weight: normal; padding: 1px 0 0; }
		.grades_course .manage img { float: left; margin: 0 5px 0 0; }
		.grades_course .manage a { border-bottom: 1px solid #666; color: #666; }
		.grades_course .manage a:hover { border-bottom: 1px solid #333; color: #333; }
		

/********** Files **********/

#file_manager { 
	list-style-type: none; 
	list-style-image: none; 
	margin: 15px 0; 
	padding: 0;
	}

	#file_manager li { }
	#file_manager .files_course { background: #f3f3f3; border: 1px solid #ccc; border-bottom: none; border-top-left-radius: 7px; border-top-right-radius: 7px; -moz-border-radius-topleft: 7px; -moz-border-radius-topright: 7px; -webkit-border-top-left-radius: 7px; -webkit-border-top-right-radius: 7px; font-weight: bold; margin: 5px 0; padding: 3px 5px 4px; }
		#file_manager .no_drag { padding: 6px 5px 7px; }
		#file_manager .files_course .course_name { color: #333; float: left; font-size: 15px; font-weight: normal; }
		#file_manager .files_course a { background: url(../images/icons/drawer_open.png) no-repeat; border-bottom: none; color: #333; padding-left: 20px; text-decoration: none; vertical-align: middle; }
		#file_manager .files_course a.closed { background: url(../images/icons/drawer_closed.png) no-repeat; }
		#file_manager .course-closed { border: 1px solid #ccc; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; }
		#file_manager .files_course .course_drag_handle { cursor: move; float: right; padding-bottom: 2px; width: 20px; }
		#file_manager .course_drag_handle img { vertical-align: middle; }

	#file_manager .files-container { margin-bottom: 15px; padding: 3px 0 0 25px; }
		#file_manager .files-container .icon { padding: 6px 2px; width: 16px; }
		#file_manager .files-container .root-file { }
		#file_manager .files-container .sub-file { }
		#file_manager .files-container .filesize { color: #999; text-align: right; width: 75px; }
		#file_manager .files-container .date { color: #999; width: 175px; }
		#file_manager .files-container .add-file { font-size: 11px; padding: 10px 0 0; }
		#file_manager .files-container .add-file a { border-bottom: 1px solid #666; color: #666; }
		#file_manager .files-container .add-file a:hover { border-bottom: 1px solid #333; color: #333; }
		#file_manager .files-container-sub { padding-left: 20px; }

	#file_manager .files-container .assignment { padding: 10px 4px 3px 0; }
		#file_manager .files-container .assignment a { vertical-align:middle; color:#000; text-decoration:none; border: none; }
		#file_manager .files-container .assignment a.closed { background:url( ../../images/drawer_closed_item.png ) no-repeat; }
		#file_manager .files-container .assignment span { font-size: 9px; padding: 1px 3px; margin-right: 5px; }

	#file_manager .files-container .addform { margin-top: 10px; }
	#file_manager .note_progress { background: url(../images/indicator.gif) center right no-repeat; margin: 0; padding: 0 15px 0 0; }


/********** Reminders **********/

.reminder-new { padding: 0 0 15px; text-align: left; }
.reminder-new h3 { font-size: 13px; font-weight: bold; margin: 0; padding: 0 0 5px; text-align: left; }
.reminder-new textarea { height: 50px; margin: 3px 0 0; width: 99%; }
.reminder-new .reminder-selects { text-align: left; }
.reminder-new .reminder-selects select { margin-top: 3px; }
.reminder-new select { width: auto; padding: 5px 4px 5px 2px; }
.reminder-new select.course_page { margin-left: 5px; width: auto; }

#reminder-add-more { font-size: 11px; margin: -5px 0 0; padding: 0 0 10px; text-align: left; }
#reminder-add-more a { border-bottom: 1px solid #666; color: #666; }
#reminder-add-more a:hover { border-bottom: 1px solid #333; color: #333; }

.reminder-checks { clear: both; text-align: left; }
.reminder-checks input, .reminder-checks select { float: left; margin: 4px 8px 0 2px; }
.reminder-checks span { display: block; float: left; margin: 3px 0 5px 0; }
.reminder-checks em { display: block; float: left; font-style: normal; padding: 10px 8px 0 2px; }

.reminder-submit { padding: 0; text-align: center; }
input.reminder_submit { margin: 0 0 0 5px; }

.reminder-object { clear: left; padding: 0 0 15px; }
	.reminder-object table { width: 100%; }
	td.reminder-icon { vertical-align: top; width: 20px; }
	td.reminder-content { border-bottom: 1px solid #ddd; padding: 0; }
	td.reminder-content .reminder-body { font-size: 15px; float: left; padding: 0 0 8px; }
	td.reminder-content .reminder-notify { clear: left; display: block; float: left; font-size: 11px; padding: 0 0 5px; }
	td.reminder-content .reminder-displayed { clear: left; display: block; float: left; font-size: 11px; padding: 0 0 15px; width: 100%; }
	td.reminder-content .reminder-displayed em { display: block; float: left; font-style: normal; }
	td.reminder-content .reminder-displayed span { display: block; float: right; padding: 0 3px 0 0; }
	td.reminder-content a { border: none; color: #666; font-size: 11px; }
	td.reminder-content a:hover { color: #333; }
	td.reminder-content img { border: none; margin: 0 0 -4px 2px; padding: 0; }	
	td.reminder-content strong { color: #000; }
	td.reminder-content select.er_loc { width: 160px; }
	td.reminder-content select.er_course { margin: 0 5px 0 10px; width: auto; }

.edit-reminder { background: #fff9dd; border: 1px solid #fff4bf; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; margin: 0 0 15px 25px; padding: 10px; }
	.edit-reminder textarea { height: 50px; margin: 0; width: 98%; }
	.edit-reminder h3 { padding: 5px 0; }
	.edit-reminder .edit-reminder-select { margin: 0; padding: 10px 0 0; }
	.edit-reminder .edit-reminder-select select { margin-top: 3px; padding: 5px 4px 5px 2px; width: auto; }
	.edit-reminder .edit-reminder-select select.course_page { margin-left: 5px; width: auto; }
	.edit-reminder .edit-reminder-select .working { display: block; left: 15px; margin-top: -250px; position: absolute; width: 16px; }
	.edit-reminder .edit-reminder-submit { text-align: center; }


/********** Announcements **********/

#add-announcement .reminder-new { text-align: left; }
#add-announcement input.reminder_subject { width: 70%; }
#add-announcement .reminder-submit { text-align: center; }
td.reminder-content .announcement-body { font-size: 13px; line-height: 1.5em; }


/********** Settings **********/

.account-content { padding: 0 0 0 10px; }
.account-content p { padding-left: 0; }

#settings-panel { border-bottom: 1px solid #ddd; margin: 10px 0; padding: 0; }

	#settings-panel ul { list-style-image: none; list-style-type: none; margin: 0; padding: 0 0 0 20px; }
	#settings-panel li { background: #f1f1f1 url(../images/white.png) top left repeat-x; border: 1px solid #ddd; border-bottom: none; float: left; list-style-type: none; margin: 0 5px 0 0; padding: 4px 10px; border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; }
	#settings-panel li a { border: none; color: #333; }
	#settings-panel li:hover { background: #f5f5f5 url(../images/white.png) top left repeat-x; }
	#settings-panel li.current { background: #fff !important; border-bottom: 1px solid #fff; font-weight: normal; margin-bottom: -1px; }
	#settings-panel li.current:hover { background: #fff; }

h3.settings-h3 { font-weight: bold; padding: 5px 0 10px 10px; }
.settings-table { padding: 0 0 0 25px; width: 98%; }

	.settings-table td.label { font-weight: bold; padding: 0 10px 0 0; text-align: right; width: 125px;}
	.settings-table input.big-field, .settings-table input.short-field { margin-right: 0; padding: 4px; width: 75%; }
	.settings-table input.short-field { width: 50%; }
	.settings-table select { font-size: 14px; margin: 5px 0; padding: 4px 5px; }
	.settings-table select#select-lang { width: 200px; }
	.settings-table .downgrade-confirm { padding:15px 15px 0; color:#CC3333; }
	.settings-table .downgrade-confirm input, .settings-table .downgrade-confirm span { vertical-align:middle; }

.settings-option { padding: 0 0 5px 50px; }

	.settings-option .calendar-color { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; display: block; float: left; height: 12px; margin: 2px 2px 0 5px; width: 15px; }
	.settings-option input.input-clear { clear: left; float: left; margin-top: 2px; width: 10px; }
	.settings-option span { padding: 0 0 0 10px; display: block;}
	.settings-option span.color-text { font-weight: bold; }
	.settings-option div.color-picker { display: block; }
	.settings-option div.color-picker .color-dropdown { cursor: pointer; }
	.calendar-color-box { background: #fff; border: 1px solid #aaa; padding: 1px; position: absolute; width: 119px; }
	.calendar-color-box a.color { border: 1px solid #fff; display: block; float: left; height: 15px; margin: 0; width: 15px; }
	.calendar-color-box a.color:hover { border: 1px solid #222; }

	.settings-image { padding: 0 0 10px; }
	.settings-right { float: left; padding: 0 0 0 15px; }
	.settings-right .upload-image { float: left; margin: 10px 0 5px; }
	.settings-right .upload-image-button { clear: left; float: left; margin: 0 0 30px; }
	.settings-right .upload-image-a { clear: left; display: block; float: left;  }

.settings-text { line-height: 1.5em; padding: 0 0 10px 10px; }
.settings-button { clear: left; padding: 15px 0 25px; text-align: center; }


/********** Bookmarks **********/

	/** See courses add section **/


/********** Search **********/

.search-form { background: #ebf4f7; border: 1px solid #d4ecf8; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; margin: 0 0 20px; padding: 12px 10px; text-align: center; }
	.search-form input { width: 12%; }
	.search-form input#search-query { background: transparent url(../images/input-bg.png) top left no-repeat scroll; border: 1px solid #ABADB3; font-size: 15px; margin-right: 0; padding: 4px; width: 85%; }

	.search-results-h2 { float: left; }
	.search-stats { float: right; padding: 7px 0 0; }

form.search-filters {
	margin: 0;
	padding: 0;
	}

	.search-filters .search-filters-types, .search-filters .search-filters-courses { padding: 0 0 10px 10px; }
	.search-filters .search-filter-row { clear: both; padding: 0 0 3px; }
	.search-filters .search-filter-row input { display: block; float: left; margin: 2px 0 0; }
	.search-filters .search-filter-row label { display: block; float: left; padding: 0 0 0 7px; width: 200px; }
	.search-filters .search-submit { display: block; margin: 0 auto; }

#search-results-ol {
	padding: 0 0 0 20px;
	}

	#search-results-ol li { margin: 0; padding: 0; }
	#search-results-ol li hr { background: #ddd; border: none; clear: both; height: 1px; margin: 15px 0; }
	#search-results-ol li .search-result-header h3 { }
	#search-results-ol li .search-result-type { float: right; }
	#search-results-ol li .search-result-type img { float: right; margin: 0 0 -3px 5px; }
	#search-results-ol li .search-result-details { font-size: 11px; padding: 7px 0 0; }
	#search-results-ol li .search-result-details span { padding-right: 20px; }


/********** Discussions **********/

#topics {
	margin: 0;
	padding: 0;
	}

	#topics table { border: 1px solid #d1d1d1; border-spacing: 1px; margin: 5px 0 20px; width: 100%; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } 
	#topics table th { background: #f5f5f5; border-right: 1px solid #d1d1d1; border-bottom: 1px solid #e1e1e1; color: #838383; font-size: 11px; font-weight: bold; margin: 0; text-align: left; padding: 4px 4px; }
	#topics table td { border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; font-size: 11px; margin: 0; padding: 4px 4px 8px; vertical-align: top; }
	#topics table tr:last-child td { border-bottom: none; }
	#topics table .last-cell { border-right: none; }
	#topics table .icon { padding: 4px 5px; }
	#topics table .title { width: 50%; }
	#topics table .count { text-align: center; vertical-align: middle; width: 10%; }
	#topics table .info { vertical-align: middle; width: 30%; }

	#topics table .topic-title { font-size: 13px; padding: 0 0 7px; }
	#topics table .topic-details img { margin: 0 0 -4px; }
		#topics table .topic-details-more { border-bottom: none; color: #666; }
	#topics table .info-details .info-topic-a { border: none; display: block; float: left; text-decoration: underline; }
	#topics table .info-topic-extra { clear: left; padding: 3px 0 0; }

	#topics h3, .discussions h3 { font-family: "trebuchet ms",tahoma,verdana,arial,sans-serif; font-size: 24px; font-weight: normal; }

.add-field {
	background: #ebf4f7;
	border: 1px solid #d4ecf8;
	border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px;
	margin: 0 0 15px 0;
	padding: 10px;
	}

	#add-reply { margin: 0; }

	.add-field ul { list-style-type: none; list-style-image: none; }
	.add-field table { width: 100%; }
	.add-field table th { width: 80px; text-align: right; vertical-align: top; }
	.add-field table th.add-topic-th { vertical-align: middle; }
	.add-field table th.v-middle { vertical-align: middle; }
	.add-field table input#add-topic-title { background: transparent url(../images/input-bg.png) top left no-repeat scroll; border:1px solid #ABADB3; font-size: 15px; margin-right: 0; padding: 4px; width: 60%; }
	.add-field textarea { font-family: verdana, arial, sans-serif; font-size: 16px; height: 150px; padding: 2px; width: 99%;}
	.add-field h3 { border-bottom: 1px solid #ddd; color: #333; font-size: 13px; margin: 0 0 10px; padding: 0 0 5px; }


.panel {
	margin: 0 0 10px;
	padding: 5px 0 0;
	}

	.reply-panel { padding: 0 0 10px; }

	.panel .pagination { float: left; padding: 5px 0 0; }
	.panel .add-topic { float: right; }
	.discussion-button { background: #ebf4f7 url(../images/icons/comment_add.png) 10px 7px no-repeat; border: 1px solid #ddd; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666; display: block; padding: 7px 10px 7px 35px; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; }
	.discussion-button:hover { border: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ddd; color: #333; }

#legend {
	padding: 15px 0 0;
 	}

	#legend .row { clear: left; float: left; font-size: 11px; width: 100%; }
	#legend .row .col1, #legend .row .col2, #legend .row .col3 { clear: left; float: left; padding: 0 0 4px 7px; }
	#legend .row img { margin: 0 0 -3px; }

#message-header {
	background: url(../images/divider_fade.png) bottom left repeat-x;
	margin: 0 0 15px; 
	padding: 0 0 10px; 
	}

	#message-header h3 { font-family: "trebuchet ms",tahoma,verdana,arial,sans-serif; font-size: 24px; font-weight: normal; padding: 0 0 15px; }
	#message-header h3 span { font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; margin: 0 0 0 5px; }
	#message-header h3 span a { border-bottom: none; }

.message {
	margin: 0 0 10px;
	}

	.message .main-message { padding: 0 0 5px; background:url(../images/message_bg.png) repeat-y; }
	.message .reply-message { margin-top: 0 !important; }
	.message .userinfo { width: 125px; float: left; text-align: center; }
		.message .userinfo img { border: 1px solid #d9d9d9; padding: 1px; margin-bottom: 5px; width: 80px; }
	.message .body { margin: 0 0 0 135px; padding: 0 0 0 5px; }
		.message .body p { margin: 0 0 12px; line-height: 1.5em; }
	.message ol { list-style-position: outside; margin: 0 0 0 20px; line-height: 1.5em; }

.separator {
	background: url(../images/divider_fade.png) bottom left repeat-x;
	color: #666;
	font-size: 11px;
	margin: 0 0 20px;
	padding: 0 0 20px;
	text-align: right;
	}

.message-responses { margin-left: 50px; }
.message-response { background: url("../images/message_bg.png") repeat-y scroll 0 0 transparent; }

.topic-vote { width: 26px; }
.vote { width: 20px; }
.vote.off { opacity: .3; }
.vote.off:hover { opacity: 1; cursor: pointer; }


/********** Roster *********/

#students-list-table .student-icon-td a { border: none; }


/********** Inbox **********/

#settings-panel ul.compose-nav { float: right; padding-right: 15px; }

#mailpanel span { display: block; float: left; font-size: 12px; padding: 6px 10px 0 0; }
#mailpanel select { float: left; width: 125px; }
#mailpanel ul { display: block; float: left; list-style-image: none; list-style-type: none; padding: 0 0 0 20px; }
#mailpanel li { float: left; padding: 0 20px 0 0; }
#mailpanel a { border: none; }
#mailpanel a:hover { border-bottom: 1px solid #9F2509; }
#mailpanel .inactive { color: #999; }
#mailpanel .inactive:hover { border: none; }

.nomessages { color: #444; margin-top: 30px; text-align: center; }

#messages td { background: #f9f9f9; cursor: pointer; }
#messages td div.snippet-outer { position: relative; width: 100%; }
#messages td div.snippet-inner { left: 0px; overflow: hidden; position: absolute; text-overflow: ellipsis; top: -8px; width: 100%; }
#messages td a { border: none; }
#messages td.action { padding-top: 8px; width: 15px; }
#messages td.snippet { white-space: nowrap; }
#messages td.snippet a { color: #777; }
#messages td.snippet span { color: #333; }
#messages td.from { color: #333; white-space: nowrap; width: 115px; }
#messages td.date { width: 110px; }
#messages td.date span { overflow: hidden; white-space: nowrap; }
#messages tr.unread td { background: #fff; font-weight: bold; }
#messages tr.read td { background: #f9f9f9; font-weight: normal; }
#messages tr.selected td { background: #FFF9DF; }

#message-view { margin-bottom: 20px; width: 100%; }
#message-view th { width: 70px; }
#message-view th, #message-view td { padding: 4px 0; text-align: left; }
#message-view td { padding-left: 1px; text-align: left; }
#message-view tr.message-subject th, #message-view tr.message-subject td { padding-bottom: 15px; }
#message-view td.message-body { border-top: 1px solid #eee; border-bottom: 1px solid #eee; line-height: 1.4em; padding: 15px 0 15px 1px; }
#message-reply { margin: 0 0 10px; }
.reply-row label { display: block; float: left; font-weight: bold; padding: 0; text-align: left; width: 64px; }
.reply-row textarea { float: left; height: 125px; margin: 0 0 15px; width: 87%; }

#compose { margin: 0 0 5px; text-align: left; }
.compose-row label { display: block; float: left; padding: 5px 0 0; width: 70px; }
.compose-row div.compose-holder { padding-left: 70px; }
.compose-row input#subject { margin-bottom: 5px; width: 95%; }
.compose-row textarea { height: 250px; width: 95%; }
.mail-submit { text-align: center; }
form#updateTo { margin: 0; padding: 0; }
#contacts-wrapper { height: 280px; overflow-y: scroll; border: 1px solid #AAAAAA; background-color:#FFFFFF; }
#contacts-wrapper .contact-row { padding: 5px 10px; border-bottom: 1px solid #DDDDDD; }
#contacts-wrapper .contact-check, #contacts-wrapper .contact-label { vertical-align: middle; }
.compose-add-contacts { padding-top: 4px; margin-bottom: 10px; }
.compose-add-contacts a.add-contacts { display: block; float: left; }
#course-contacts .contact-row { background-color:#EFFAFF; }

/* The input box that adds the names */
ul.holder { display: block; font-size: 13px; padding: 4px 4px 0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin: 0 0 5px; overflow: hidden; height: auto !important; height: 1%; width: 95%; }
ul.holder li { float: left; list-style-image: none; list-style-type: none; margin: 0 3px 0 0; white-space: nowrap; }
ul.holder li.bit-box, ul.holder li.bit-input input { font-size: 14px; margin: 0 6px 4px 0; }
ul.holder li.bit-box { border: 1px solid #DFCB6F; background: #F5E494; padding: 1px 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
ul.holder li.bit-box-focus { border-color: #598BEC; background: #598BEC; color: #fff; }
ul.holder li.bit-input input { background: transparent; width: auto; overflow:visible; margin: 0 3px 3px 0; border: 0px; outline: 0; padding: 1px 0; }

/* no left/right padding here please */
ul.holder li.bit-input input.smallinput { width: 30px; }
ul.holder li.bit-hover { background: #BBCEF1; border: 1px solid #6D95E0; }
ul.holder li.bit-box span { display: block; float: left; }
ul.holder li.bit-box a.closebutton { background: transparent url(../images/icons/bullet_delete.png) -3px -3px no-repeat; border: none; display: block; float: left; font-size: 1px; height: 10px; margin: 5px 0 0 5px; width: 10px; }

/* Login */
.clean #header-left, .clean #header-right, .clean #header-middle { background: none; }
#login-container { background: #fff url(../images/site/bg-login.png) top left repeat-x; margin: 75px auto 0; padding: 20px 20px 25px 20px; width: 500px; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; box-shadow: 0 0 25px #777; -moz-box-shadow: 0 0 25px #777; -webkit-box-shadow: 0 0 25px #777; }
.login-main h1 { color: #333; margin: 0 0 45px; text-align: center; text-shadow: 0 1px 0 #fff; }
.login-main form { margin: 0; padding: 0; }
.login-form .username, .login-form .password { clear: left; float: left; padding: 0 0 5px; width: 100%; }
.login-form label { display: block; float: left; font-weight: bold; padding: 5px 10px 0 0; text-align: right; width: 100px; }
.login-form label.error, .signup-row label.error { margin-left: 10px; text-align: left; padding: 5px 10px; width: 90%;}
.login-form input.error { margin: 0; }
.signup-row label.valid { background: url('../images/icons/check.png') no-repeat; padding: 0;
						  float: left; height: 16px; width: 16px; border: none; margin-top: 5px }
.agree input { display: inline; }
.agree label.valid { display: none; }
.login-form input { background: transparent url(../images/input-bg.png) top left no-repeat scroll; border: 1px solid #ABADB3; float: left;
					font-size: 15px; margin-right: 0; padding: 4px; width: 350px; margin: 0 0 5px 0; }
.login-extra { clear: both; padding: 10px 0 0 110px; }
.login-options { clear: both; padding: 15px 0 10px; text-align: center; }

/* Support */
#support-history { margin-bottom: 20px; }
#support-history td.date { color: #666; white-space: nowrap; }
#support-history td.action { font-style: italic; padding-right: 10px; white-space: nowrap; }
#support-history tr:nth-child(2n) td { background: #f5f5f5; }

#support-list .add-button { margin: 10px 0 0; }
#support-list .add-button a { float: right; }

#support-create select { width: 30%; }
#support-create input#ticket-title { width: 60%; }

#ticket-info table th { padding-right: 10px; width: 115px; }

#submit-ticket { float: left; margin: 0 2% 0 0; padding: 10px 0 0; width: 58%; }
#submit-ticket .ticket-row { clear: left; margin: 0 0 5px; }
#submit-ticket .ticket-row input.input { width: 70%; }
#submit-ticket .ticket-row .float { float:left; }
#submit-ticket .ticket-row img.float { margin: 3px 0 0 10px; }
#submit-ticket .ticket-row textarea { height: 180px; width: 70%; }
#submit-ticket .ticket-row.ticket-type { margin-bottom: 25px; }
#submit-ticket .ticket-row .ticket-type input { float: left; margin: 15px 2px 0 0; }
#submit-ticket .ticket-row .ticket-type span { float: left; margin-right: 10px; }
#submit-ticket .ticket-submit { padding: 20px 0 0; text-align: center; }
#submit-ticket .ticket-submit input.button { width: 100px; }
#submit-ticket label { display: block; float: left; padding: 5px 10px 0 0; text-align: right; width: 100px; }
#submit-ticket label.radioLabel { display: inline; float: none; }

/********** Modal window **********/
#modal-alert .login-form { margin: 15px 0pt 5px; }
#modal-alert .login-form input { width: 262px !important; }
#modal-alert .agree { text-align: center; }
#modal-alert .agree * { vertical-align: middle; }

#modal-confirm .buttons, #modal-window .buttons { padding:0 10px 10px; }
#modal-confirm .buttons .button, #modal-window .buttons .button { cursor:pointer; float:right; margin-left:5px; }
#modal-window .error { margin-top: 0; }
#modal-window-loader { display: block; float: right; margin: 7px; }

.hide { display: none; }
.css-hide { display: none; }