/* Global Reset */
/****************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, images, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input
{	border:0 none;
	font-weight:inherit;
	font-family:inherit;
	font-style:inherit;
	font-size:100%;
	margin:0;
	outline:0;
	padding:0; 
	vertical-align:baseline;
	}
	
/* enable HTML5 elements */ header, section, footer, aside, nav, article, figure {display: block;}
	
html {
	background-color:#fff;
	color:#333;
	font-family:Helvetica, Arial, sans-serif;
	overflow:scroll;
	}

ol, ul {list-style:none;}

.clear {clear:both;}

b, strong {font-weight:bold; font-style:normal;}
	
i, em {font-style:italic;}

big {font-size:125%;}
small {font-size:65%;}

.alignleft {float:left; margin:0 20px 20px 0; display:inline;}
.alignright {float:right; margin:0 0 10px 20px; display:inline;}

.error {background-color:#dd6b6b; border:1px solid #b21313; padding:5px;}
	.error p, .error h2 {color:#b21313;}
	
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
	
.hidden {display:none;}
.invisible {opacity:0;}

								
 /* basics */
/**********/


h1,h2,h3,h4,h5,h6 {
	font-weight:bold;
	}
h2 {
	font-size:15px;
	padding-top:10px;
	}
h3 {
	font-size:14px;
	padding-top:10px;
	}
	
a {
	color:#3da246;
	text-decoration:none;
	}
	a.button {
		background-color:#dce1e2;
		background-image: linear-gradient(top, rgb(236,240,241) 10%, rgb(225,231,232) 100%);
		background-image: -o-linear-gradient(top, rgb(236,240,241) 10%, rgb(225,231,232) 100%);
		background-image: -moz-linear-gradient(top, rgb(236,240,241) 10%, rgb(225,231,232) 100%);
		background-image: -webkit-linear-gradient(top, rgb(236,240,241) 10%, rgb(225,231,232) 100%);
		background-image: -ms-linear-gradient(top, rgb(236,240,241) 10%, rgb(225,231,232) 100%);	
		background-image: -webkit-gradient(
			linear,
			left top,
			left bottom,
			color-stop(0.1, rgb(236,240,241)),
			color-stop(1, rgb(225,231,232))
			);	
		border:1px solid #d0d8da;	
		border-radius:3px;
		color:#9aa0a2;
		font-size:12px;
		font-weight:bold;
		}
		a.button.active {
			background-color:#dce1e2;
			background-image: linear-gradient(top, rgb(222,231,233) 10%, rgb(200,210,212) 100%);
			background-image: -o-linear-gradient(top, rgb(222,231,233) 10%, rgb(200,210,212) 100%);
			background-image: -moz-linear-gradient(top, rgb(222,231,233) 10%, rgb(200,210,212) 100%);
			background-image: -webkit-linear-gradient(top, rgb(222,231,233) 10%, rgb(200,210,212) 100%);
			background-image: -ms-linear-gradient(top, rgb(222,231,233) 10%, rgb(200,210,212) 100%);	
			background-image: -webkit-gradient(
				linear,
				left top,
				left bottom,
				color-stop(0.1, rgb(222,231,233)),
				color-stop(1, rgb(200,210,212))
				);	
			border:1px solid #c0cdcf;	
			}
		a.button:hover {
			border-color:#c0cdcf;
			}

html, body {height:100%; overflow:hidden;}

								
 /* forms */
/*********/

form input,
form textarea {
	background-color:#f2f5f6;
	border:1px solid #bcc3c4;
	box-shadow: 0px 0px 3px #fff, inset 3px 3px 5px #dae3e5;
	color:#333;
	font:normal 15px Helvetica, Arial, sans-serif;
	margin-top:6px;
	padding:5px 8px;
	}
	form input:focus,
	form textarea:focus {
		background-color:#fff;
		border:1px solid #1487ff;
		box-shadow: 0px 0px 3px #fff, inset 3px 3px 5px #cde7ff;
		}
		input.button, input[type=submit] {
			background-color:#b4e6a6;
			background-image: linear-gradient(top, rgb(70,165,253) 10%, rgb(44,102,173) 100%);
			background-image: -o-linear-gradient(top, rgb(70,165,253) 10%, rgb(44,102,173) 100%);
			background-image: -moz-linear-gradient(top, rgb(70,165,253) 10%, rgb(44,102,173) 100%);
			background-image: -webkit-linear-gradient(top, rgb(70,165,253) 10%, rgb(44,102,173) 100%);
			background-image: -ms-linear-gradient(top, rgb(70,165,253) 10%, rgb(44,102,173) 100%);	
			background-image: -webkit-gradient(
				linear,
				left top,
				left bottom,
				color-stop(0.1, rgb(70,165,253)),
				color-stop(1, rgb(44,102,173))
				);	
			border:1px solid #2c66ad;	
			border-radius:3px;
			box-shadow:none;
			color:#1b4272;
			cursor:pointer;
			font-size:12px;
			font-weight:bold;
			padding:4px 6px;
			text-shadow:1px 1px 0px #429aef;
			}
			input.button:hover, input[type=submit]:hover {
				background-color:#b4e6a6;
				background-image: linear-gradient(top, rgb(46,146,239) 10%, rgb(28,81,145) 100%);
				background-image: -o-linear-gradient(top, rgb(46,146,239) 10%, rgb(28,81,145) 100%);
				background-image: -moz-linear-gradient(top, rgb(46,146,239) 10%, rgb(28,81,145) 100%);
				background-image: -webkit-linear-gradient(top, rgb(46,146,239) 10%, rgb(28,81,145) 100%);
				background-image: -ms-linear-gradient(top, rgb(46,146,239) 10%, rgb(28,81,145) 100%);	
				background-image: -webkit-gradient(
					linear,
					left top,
					left bottom,
					color-stop(0.1, rgb(46,146,239)),
					color-stop(1, rgb(28,81,145))
					);	
				border:1px solid #1c5191;
				color:#11325a;	
				text-shadow:1px 1px 0px #287dd2;
				}
		



								
 /* header */
/**********/

#header {
	background-color:#1c2b5d;
	background-image: linear-gradient(bottom, rgb(119,131,134) 10%, rgb(155,168,172) 100%);
	background-image: -o-linear-gradient(bottom, rgb(119,131,134) 10%, rgb(155,168,172) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(119,131,134) 10%, rgb(155,168,172) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(119,131,134) 10%, rgb(155,168,172) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(119,131,134) 10%, rgb(155,168,172) 100%);	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.1, rgb(119,131,134)),
		color-stop(1, rgb(155,168,172))
		);
	display:block; height:51px; width:100%;
	position:fixed; top:0; left:0;
	z-index:2;
	}
	#header h1 a {
		background:url(../images/logo.png) 0 0 no-repeat;
		color:#505552;
		display:block; height:51px; width:51px;
		letter-spacing:-1px;
		margin:0;
		text-indent:-9999px;
		}
		#header h1 a:hover, .dashboard #header h1 a {
			background-position:0 -51px;
			}
	#header #georgetown {
		background:url(../images/logo-georgetown.png) 0 0 no-repeat;
		display:block; height:27px; width:124px;
		position:absolute; top:12px; right:20px;
		}
		#header #georgetown a {
			display:block; height:33px; width:158px;
			text-indent:-9999px;
			}
	#header #navbar {
		display:block; height:27px; width:129px;
		position:absolute; 
		top:12px; left:57px;
		}
		#header #navbar li {
			display:block; height:27px; width:27px;
			margin-right:3px;
			float:left;
			}
		#header #navbar a {
			background:url(../images/mainnav-icons.png) 0 0 no-repeat;
			display:inline-block; height:27px; width:27px;
			text-indent:-9999px;
			}
			#header #navbar a#nav-collect {
				background-position:0 0;
				}
				body.collect #header #navbar a#nav-collect, #header #navbar a#nav-collect:hover {
					background-position:0 -27px;
					}
			#header #navbar a#nav-organize {
				background-position:-30px 0;
				}
				body.library #header #navbar a#nav-organize, #header #navbar a#nav-organize:hover {
					background-position:-30px  -27px;
					}
			#header #navbar a#nav-present {
				background-position:-60px 0px;
				}
				body.present #header #navbar a#nav-present, #header #navbar a#nav-present:hover {
					background-position:-60px -27px;
					}
			#header #navbar a#nav-assess {
				background-position:-90px 0;
				}
				body.assess #header #navbar a#nav-assess, #header #navbar a#nav-assess:hover {
					background-position:-90px -27px;
					}
			
	#header #tabs ul {
		position:absolute; bottom:2px; left:185px;
		}
	#header #tabs li {
		display:inline-block;
		float:left;
		margin-right:4px;
		}
		#header #tabs li a {
			background-color:#25397a;
			background-image: linear-gradient(bottom, rgb(153,165,169) 10%, rgb(165,179,183) 100%);
			background-image: -o-linear-gradient(bottom, rgb(153,165,169) 10%, rgb(165,179,183) 100%);
			background-image: -moz-linear-gradient(bottom, rgb(153,165,169) 10%, rgb(165,179,183) 100%);
			background-image: -webkit-linear-gradient(bottom, rgb(153,165,169) 10%, rgb(165,179,183) 100%);
			background-image: -ms-linear-gradient(bottom, rgb(153,165,169) 10%, rgb(165,179,183) 100%);
			background-image: -webkit-gradient(
				linear,
				left bottom,
				left top,
				color-stop(0.1, rgb(153,165,169)),
				color-stop(1, rgb(165,179,183))
				);
			border:1px solid #afbbbf;
			border-bottom:none;
			border-top-left-radius:3px;
			border-top-right-radius:3px;
			box-shadow: 0px 0px 2px #5e6b6e;
			color:#5e6b6e;
			font-size:15px;
			font-weight:bold;
			padding:4px 16px;
			}
			#header #tabs li a.active {
				border-color:#fff;
				background-color:#ecf0f1;
				color:#454b4d;
				background-image:none;
				text-shadow:1px 1px 0px #fff;
				}
			#header #tabs li a.new-project {
				border-radius:3px;
				margin:0 0 3px 1px;
				padding:1px 7px;
				position:relative; top:-3px;
				}
				#header #tabs li.new {
					position:relative;
					}
				#header #tabs li a.new {
					padding-right:30px;
					}
				#header #tabs li a.remove {
					background:#9facb0 url(../images/remove-tab.png) 2px 2px no-repeat;;
					box-shadow:none;
					border:none;
					border-radius:10px;
					display:block; height:5px; width:5px;
					margin:0 0 3px 1px;
					padding:3px 4px 4px 3px;
					position:absolute;top:2px;  right:8px;
					}
			
	#header #account {
		display:block; width:230px;
		padding-left:30px;
		position:absolute; top:0px; right:0;
		}
		#header #account a {
			color:#fff;
			display:inline-block;
			padding:18px 10px;
			font-weight:bold;
			font-size:12px;
			}
			#header #account a.signout {
				float:right;
				}
			#header #account a .avatar {
				margin-right:5px;
				position:absolute; top:10px; left:0;
				}


#content {
	background-color:#ecf0f1;
	position:fixed; top:50px; bottom:80px; 
	width:100%;	
	z-index:3;
	}
	#content .panelheader {
		background-color:#ecf0f1;
		border-bottom:1px solid #cfd5d6;
		display:block; height:23px;
		font-size:12px;
		padding:12px 15px 0;
		position:absolute; top:-35px; left:0; right:0;
		}
		.panelheader h2, #collections h2 {
			color:#95a1a4;
			font-size:14px;
			padding:0;
			text-shadow:1px 1px 0px #fff;
			}
					
								
 /* footer */
/**********/

#footer {
	background-color:#777;
	background-image: linear-gradient(bottom, rgb(60,63,60) 10%, rgb(80,85,82) 100%);
	background-image: -o-linear-gradient(bottom, rgb(60,63,60) 10%, rgb(80,85,82) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(60,63,60) 10%, rgb(80,85,82) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(60,63,60) 10%, rgb(80,85,82) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(60,63,60) 10%, rgb(80,85,82) 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.1, rgb(60,63,60)),
		color-stop(1, rgb(80,85,82))
		);
	border-top:1px solid #4c4c4c;
	display:block; height:80px;
	position:fixed; bottom:0; left:0; right:0;
	z-index:10;
	}
	#upload-button {
		background-color:#1e1e1e;		
		background-image: linear-gradient(bottom, rgb(90,96,92) 10%, rgb(131,135,131) 100%);
		background-image: -o-linear-gradient(bottom, rgb(90,96,92) 10%, rgb(131,135,131) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(90,96,92) 10%, rgb(131,135,131) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(90,96,92) 10%, rgb(131,135,131) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(90,96,92) 10%, rgb(131,135,131) 100%);		
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0.1, rgb(90,96,92)),
			color-stop(1, rgb(131,135,131))
			);
		border:1px solid #383c39;
		border-radius:4px;
		box-shadow: 0px 0px 1px #777;
		color:#848484;
		cursor:pointer;
		display:block; height:64px; width:140px;
		position:absolute; top:6px; left:6px;	
		}	
		#upload-button:hover {
			box-shadow: 0px 0px 4px #ccc;			
			}
		#upload-button p {
			background:url(../images/upload.png) 0 0 no-repeat;
			color:#c4c4c4;
			font-size:16px;
			font-weight:bold;
			margin:12px;
			padding:10px 0 10px 40px;
			}
			
	
	#actions {
		position:absolute; top:10px; left:150px;
		}
		#actions ul {
			padding:15px;
			}
			#actions ul li {
				display:inline-block;
				padding:5px 5px 0 0;
				}
			#actions ul li a {
				background-color:#1e1e1e;
				background-image: linear-gradient(bottom, rgb(60,63,60) 10%, rgb(80,85,82) 100%);
				background-image: -o-linear-gradient(bottom, rgb(60,63,60) 10%, rgb(80,85,82) 100%);
				background-image: -moz-linear-gradient(bottom, rgb(60,63,60) 10%, rgb(80,85,82) 100%);
				background-image: -webkit-linear-gradient(bottom, rgb(60,63,60) 10%, rgb(80,85,82) 100%);
				background-image: -ms-linear-gradient(bottom, rgb(60,63,60) 10%, rgb(80,85,82) 100%);
				background-image: -webkit-gradient(
					linear,
					left bottom,
					left top,
					color-stop(0.1, rgb(60,63,60)),
					color-stop(1, rgb(80,85,82))
					);
				border:1px solid #222;
				border-radius:3px;
				box-shadow: 0px 0px 1px #777;
				color:#848484;
				font-size:15px;
				font-weight:bold;
				padding:10px 15px;
				}
				#actions ul li a.disabled, #actions ul li a.disabled:hover {
					border-color:#404040;
					box-shadow: none;
					color: #5A5A5A;
					}
				#actions ul li a:hover {
					border-color:#000;
					box-shadow: 0px 0px 5px #ccc;
					color:#fff;
					}
	
	
								
 /* resizers */
/************/

	
.handle {
	background: #f8f9fa;
	background-image: linear-gradient(left , rgb(255,255,255) 10%, rgb(239,241,242) 100%);
	background-image: -o-linear-gradient(left , rgb(255,255,255) 10%, rgb(239,241,242) 100%);
	background-image: -moz-linear-gradient(left , rgb(255,255,255) 10%, rgb(239,241,242) 100%);
	background-image: -webkit-linear-gradient(left , rgb(255,255,255) 10%, rgb(239,241,242) 100%);
	background-image: -ms-linear-gradient(left , rgb(255,255,255) 10%, rgb(239,241,242) 100%);		
	background-image: -webkit-gradient(
		linear,
		left bottom,
		right bottom,
		color-stop(0.1, rgb(255,255,255)),
		color-stop(1, rgb(239,241,242))
		);
	border:1px solid #d1d6d7;
	cursor:e-resize;
	display:block;
	height:100%; width: 6px;
	position:absolute; top:0; bottom:0;  right:-8px;
	}
	.handle:after {			
		content: ''; 
		background: url(../images/resize.png) 0 0 no-repeat; 
		height:10px;  width:2px;
		margin-top:-4px;
		position: absolute; top:50%; left:2px; 
		}
	.handle .expand {
		display:none;
		}
#right .handle {
	cursor:w-resize;
	position:absolute; top:0; bottom:0; left:0;
	}
	
	
.unselectable {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}