/* ***************************************
	RESET BASE STYLES
*************************************** */
/* Pau: Taken out: table, caption, tbody, tfoot, thead, tr, th, td */

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	/*font-weight: inherit;*/
	font-style: inherit;
	/*font-size: 10pt;*/
	font-family: sans-serif;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}
ol, ul {
	list-style: none;
}
/* tables still need cellspacing="0" (for ie6) */
/*
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
	vertical-align: top;
}
*/
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* ***************************************
	DEFAULTS
*************************************** */

/* elgg open source		blue 			#993300 */
/* elgg open source		dark blue 		#930 */
/* elgg open source		light yellow 	#FDFFC3 */


body {
	text-align:left;
	margin:0 auto;
	padding:0;
	font: 80%/1.4  "Lucida Grande", Verdana, sans-serif;
	color: #333333;
	background-color: #729c00;
}

a {
	color: #930;
	text-decoration: none;
	-moz-outline-style: none;
	outline: none;
}
a:visited {
	
}
a:hover {
	color: #930;
	text-decoration: underline;
}
p {
	margin: 0px 0px 15px 0;
}
img {
	border: none;
}
ul {
	margin: 5px 0px 15px;
	padding-left: 20px;
}
ul li {
	margin: 0px;
}
ol {
	margin: 5px 0px 15px;
	padding-left: 20px;
}
ul li {
	margin: 0px;
}
form {
	margin: 0px;
	padding: 0px;
}
small {
	font-size: 90%;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	line-height: normal;
}
h1 { font-size: 1.8em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.0em; }
h5 { font-size: 0.9em; }
h6 { font-size: 0.8em; }

dt {
	margin: 0;
	padding: 0;
	font-weight: bold;
}
dd {
	margin: 0 0 1em 1em;
	padding: 0;
}
pre, code {
	font-family:Monaco,"Courier New",Courier,monospace;
	font-size:12px;
	background:#EBF5FF;
	overflow:auto;
}
code {
	padding:2px 3px;
}
pre {
	padding:3px 15px;
	margin:0px 0 15px 0;
	line-height:1.3em;
}
blockquote {
	padding:3px 15px;
	margin:0px 0 15px 0;
	line-height:1.3em;
	background:#fdffc3;
	border:none !important;
}

/* ***************************************
    PAGE LAYOUT - MAIN STRUCTURE
*************************************** */
#page_container {
	margin:0;
	padding:0;
	background: url(https://ilde.upf.edu/uva/_graphics/ldshake_page_back_linen_shadow.gif) repeat-y center top;
}
#page_wrapper {
	width:997px;
	margin:0 auto;
	padding:0;
	min-height: 300px;
	/* background: #f4f4f4; */
	/* border-right: 1px solid #333333; */
	/*border-bottom: 1px solid #333333;*/
}
#layout_header {
	text-align:center;
	/* width:100%; */
	height:150px;
	border-bottom:1px solid #ffffff;
	background-color: #fff;

}

#wrapper_header {
	margin:0;
	padding:10px 20px 20px 20px;
}
#wrapper_header h1 {
	margin:10px 0 0 0;
	letter-spacing: -0.03em;
}
#layout_canvas {
	margin:0;
	padding:0;
	min-height: 360px;
	background-color: #fff;
}


/* canvas layout: 1 column, no sidebar */
#one_column {
	width:957px;
	/* margin:20px; */
	min-height: 460px;
	background: white;
	padding:20px;
	/* border-right: 1px solid #cccccc; */
	/* border-bottom: 1px solid #cccccc; */
	float: left;
}

/* canvas layout: 2 column left sidebar */
#two_column_left_sidebar {
	width:210px;
	/* margin:20px 0 20px 20px; */
	min-height:460px;
	float:left;
	background: white;
	padding:0px;
	/* border-bottom:1px solid #cccccc; */
	/* border-right:1px solid #cccccc; */
	font-size: 10pt;
}

#two_column_left_sidebar_maincontent {
	width: 745px;
	/* margin:20px; */
	min-height: 460px;
	float:left;
	background: white;
	padding:20px;
	/* border-bottom:1px solid #cccccc; */
	/* border-right:1px solid #cccccc; */
	font-size: 10pt;
}



/* canvas layout: 3 column right sidebar */
#three_column_left_sidebar {
	width:220px;
	/* margin:20px 0 20px 20px; */
	min-height:460px;
	float:left;
	background: white;
	padding:0px;
	/* border-bottom:1px solid #cccccc; */
	/* border-right:1px solid #cccccc; */
	font-size: 10pt;
}

#three_column_left_sidebar_maincontent {
	width:460px;
	/* margin:20px; */
	min-height: 460px;
	float:left;
	background: white;
	padding:20px;
	/* border-bottom:1px solid #cccccc; */
	/* border-right:1px solid #cccccc; */
	font-size: 10pt;
}

#three_column_right_sidebar {
	width:230px;
	/* margin: 20px 20px 20px 0; */
	min-height: 460px;
	float:left;
	background: white;
	padding:20px;
	/* border-bottom:1px solid #cccccc; */
	/* border-right:1px solid #cccccc; */
	font-size: 10pt;
}

/* canvas layout: widgets (profile and dashboard) */
#widgets_left {
	width:306px;
	margin:20px;
	min-height:460px;
	padding:0;
}
#widgets_middle {
	width:306px;
	margin:20px 0 20px 0;
	padding:0;
}
#widgets_right {
	width:306px;
	margin:20px 20px 20px 20px;
	float:left;
	padding:0;
}
#widget_table td {
	border:0;
	padding:0;
	margin:0;
	text-align: left;
	vertical-align: top;
}

/* IE 6 fixes */
* html #widgets_left { 
	height:360px;
}
* html #widgets_middle { 
	height:360px;
}
* html #widgets_right { 
	height:360px;
	float:none;
}

/* IE6 layout fixes */
* html #profile_info_column_left {
	margin:0 10px 0 0;
	width:200px;
}
/* IE7 */
*:first-child+html #profile_info_column_left {
	width:200px;
}
* html #two_column_left_sidebar {
	width:210px;
	margin:20px 10px 20px 10px;
}
* html #two_column_left_sidebar_maincontent {
	width:685px;
	margin:20px 10px 20px 10px;
}
* html a.toggle_customise_edit_panel { 
	float:none;
	clear:none;
	color: #993300;
	background: white;
	border:1px solid #cccccc;
	padding: 5px 10px 5px 10px;
	margin:20px 20px 0px 20px;
	width:284px;
	display:block;
	text-align: left;
}
* html #dashboard_info {
	width:585px;
}
#layout_spotlight {
	padding:0;
	margin:0;
}
#wrapper_spotlight {
	margin:0;
	padding:0;
	height:auto;
}
/* ***************************************
	SPOTLIGHT
*************************************** */
/* IE7 */
*:first-child+html #wrapper_spotlight .collapsable_box_content {
	width:958px;
}
#wrapper_spotlight #spotlight_table h2 {
	color:#993300;
	font-size:1.25em;
	line-height:1.2em;
}
#wrapper_spotlight #spotlight_table li {
	list-style: square;
	line-height: 1.2em;
	margin:5px 20px 5px 0;
	color:#993300;
}
#wrapper_spotlight .collapsable_box_content  {
	margin:0;
	padding:20px 20px 10px 20px;
	background: #ffffff url(https://ilde.upf.edu/uva/_graphics/spotlight_back.gif) repeat-x left top;
	min-height:60px;
	border:none;
}
#layout_spotlight .collapsable_box_content p {
	padding:0;
}
#wrapper_spotlight .collapsable_box_header  {
	border-left: none;
	border-right: none;
}
/* ***************************************
	FOOTER
*************************************** */
#layout_footer {
	background-color: #005301;
}

#layout_footer table {
   margin:0 0 0 20px;
}
#layout_footer a, #layout_footer p {
   color:white;
   margin:0;
}
#layout_footer .footer_toolbar_links {
	text-align:right;
	padding:15px 0 0 0;
	font-size:1.2em;
}
#layout_footer .footer_legal_links {
	text-align:right;
}


/* ***************************************
  HORIZONTAL ELGG TOPBAR
*************************************** */
#elgg_topbar {
	background:#333333 url(https://ilde.upf.edu/uva/_graphics/toptoolbar_background.gif) repeat-x top left;
	color:#eeeeee;
	border-bottom:1px solid #000000;
	min-width:998px;
	position:relative;
	width:100%;
	height:24px;
	font-size:10pt;
}
#elgg_topbar_container_left {
	float:left;
	height:24px;
	left:0px;
	top:0px;
	position:absolute;
	text-align:left;
	width:60%;
}
#elgg_topbar_container_right {
	float:right;
	height:24px;
	position:absolute;
	right:0px;
	top:0px;
	/* width:120px;*/
	text-align:right;
}
#elgg_topbar_container_search {
	float:right;
	height:21px;
	/*width:280px;*/
	position:relative;
	right:120px;
	text-align:right;
	margin:3px 0 0 0;
}
#elgg_topbar_container_left .toolbarimages {
	float:left;
	margin-right:20px;
}
#elgg_topbar_container_left .toolbarlinks {
	margin:0 0 10px 0;
	float:left;
}
#elgg_topbar_container_left .toolbarlinks2 {
	margin:3px 0 0 0;
	float:left;
}
#elgg_topbar_container_left a.loggedinuser {
	color:#eeeeee;
	font-weight:bold;
	margin:0 0 0 5px;
}
#elgg_topbar_container_left a.pagelinks {
	color:white;
	margin:0 15px 0 5px;
	display:block;
	padding:3px;
}
#elgg_topbar_container_left a.pagelinks:hover {
	background: #993300;
	text-decoration: none;
}
#elgg_topbar_container_left a.privatemessages {
	background:transparent url(https://ilde.upf.edu/uva/_graphics/toolbar_messages_icon.gif) no-repeat left 2px;
	padding:0 0 4px 16px;
	margin:0 15px 0 5px;
	cursor:pointer;
}
#elgg_topbar_container_left a.privatemessages:hover {
	text-decoration: none;
	background:transparent url(https://ilde.upf.edu/uva/_graphics/toolbar_messages_icon.gif) no-repeat left -36px;
}
#elgg_topbar_container_left a.privatemessages_new {
	background:transparent url(https://ilde.upf.edu/uva/_graphics/toolbar_messages_icon.gif) no-repeat left -17px;
	padding:0 0 0 18px;
	margin:0 15px 0 5px;
	color:white;
}
/* IE6 */
* html #elgg_topbar_container_left a.privatemessages_new { background-position: left -18px; } 
/* IE7 */
*+html #elgg_topbar_container_left a.privatemessages_new { background-position: left -18px; } 

#elgg_topbar_container_left a.privatemessages_new:hover {
	text-decoration: none;
}

#elgg_topbar_container_left a.usersettings {
	margin:0 0 0 20px;
	color:#999999;
	padding:3px;
}
#elgg_topbar_container_left a.usersettings:hover {
	color:#eeeeee;
}
#elgg_topbar_container_left img {
	margin:2px 0 0 5px;
}
#elgg_topbar_container_left .user_mini_avatar {
	border:1px solid #eeeeee;
	margin:0 0 0 20px;
}
#elgg_topbar_container_right {
	padding:3px 0 0 0;
}
#elgg_topbar_container_right a {
	color:#eeeeee;
	margin:0 5px 0 0;
	background:transparent url(https://ilde.upf.edu/uva/_graphics/elgg_toolbar_logout.gif) no-repeat top right;
	padding:0 21px 0 0;
	display:block;
	height:20px;
}
/* IE6 fix */
* html #elgg_topbar_container_right a { 
	width: 120px;
}
#elgg_topbar_container_right a:hover {
	background-position: right -21px;
}
#elgg_topbar_panel {
	background:#333333;
	color:#eeeeee;
	height:200px;
	width:100%;
	padding:10px 20px 10px 20px;
	display:none;
	position:relative;
}
#searchform input.search_input {
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color:#fff;
	border:1px solid #bbb;
	color:#999;
	font-size:12px;
	font-weight:bold;
	margin:0pt;
	padding:2px;
	width:180px;
	height:12px;
}
#searchform input.search_submit_button {
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	border-radius: 4px;
	color:#333;
	background: #ccc;
	border:none;
	font-size:12px;
	font-weight:bold;
	margin:0px;
	padding:2px;
	width:auto;
	height:18px;
	cursor:pointer;
}
#searchform input.search_submit_button:hover {
	color:#fff;
	background: #930;
}

/* ***************************************
	TOP BAR - VERTICAL TOOLS MENU
*************************************** */
#topbardropdownmenu, #topbardropdownmenu ul {
	margin:0;
	padding:0;
	display:inline;
	float:left;
	list-style-type: none;
	z-index: 99999999;
}
#topbardropdownmenu {
	margin:0pt 15px 0pt 5px;
}
/* Tools link in top menu */
#topbardropdownmenu a, #topbardropdownmenu a:visited {
	display:block;
	padding:3px 13px 3px 3px;
	text-decoration:none;
	color:white;
}
#topbardropdownmenu li ul a {
	width:120px;
	height:auto;
	float:left;
}

/* menu list items */
#topbardropdownmenu li {float:left; position:relative; background:#cccccc;}
#topbardropdownmenu ul a {
	border-left:1px solid #f5f5f5;
	border-right:1px solid #333333;
	color:#993300 !important;
	padding:2px 6px 2px 6px !important;
	background: #DEDEDE !important;
	border-top:1px solid #f5f5f5;
	border-bottom:1px solid #999999;
}

/* IE7 */
#topbardropdownmenu li:hover {position:relative;}
/* Make the Tools nav color persist */
#topbardropdownmenu li:hover > a {background: #993300 url(https://ilde.upf.edu/uva/_graphics/toolbar_arrow.png) no-repeat right -18px;}
#topbardropdownmenu li ul {display:none;width:134px !important;}
#topbardropdownmenu li:hover > ul {
	display:block;
	position:absolute; 
	top:-11px;
	left:80px;
	padding:10px 30px 30px 30px;
	background:transparent url(https://ilde.upf.edu/uva/_graphics/spacer.gif); 
}
/* Position the first sub level beneath the top level links */
#topbardropdownmenu > li:hover > ul {
	left:-30px;
	top:16px;
}
#topbardropdownmenu li a:active, #topbardropdownmenu li a:focus {
	background:#993300;
	color:white;
}
#topbardropdownmenu li.drop {
	background: url(https://ilde.upf.edu/uva/_graphics/toolbar_arrow.png) no-repeat right 9px;	
}
/* dropdown list links hover */
#topbardropdownmenu li.drop ul li a:hover {
	color:white !important;
	background: #993300 !important;
	border-left:1px solid #99ccff;
	border-top:1px solid #99ccff;	
}
/* IE6 ONLY - make the sublevels appear */
* html #topbardropdownmenu li ul {visibility:hidden; display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px; background:transparent url(https://ilde.upf.edu/uva/_graphics/spacer.gif);}
#topbardropdownmenu li a:hover ul {visibility:visible; left:-30px; top:14px; lef\t:-31px; to\p:15px;}
#topbardropdownmenu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:99999; font-size:1em;}
* html #topbardropdownmenu li.drop {background: url(https://ilde.upf.edu/uva/_graphics/toolbar_arrow_ie.gif) no-repeat right 9px;}
* html #topbardropdownmenu li a:hover {position:relative; background:#993300 url(https://ilde.upf.edu/uva/_graphics/toolbar_arrow_ie.gif) no-repeat right -18px;}


/* ***************************************
  SYSTEM MESSSAGES
*************************************** */
.messages {
    background: #cfc;
    color: #000;
    padding: 3px 20px;
    /* z-index: 9999; */
	/* position:fixed; */
	/* top:30px; */
	/* width:969px; */
	/* -webkit-border-radius: 4px; */ 
	/* -moz-border-radius: 4px; */
	border-bottom: 1px solid #0c0;
	cursor: pointer;
	font-size: 14px;
}
.messages_error {
    border-bottom: 1px solid #D3322A;
    background: #F7DAD8;
    color: #000;
    padding: 3px 20px;
	cursor: pointer;
	font-size: 14px;
}
.closeMessages {
	float:right;
	margin-top:17px;
}
.closeMessages a {
	color:#666666;
	cursor: pointer;
	text-decoration: none;
	font-size: 80%;
}
.closeMessages a:hover {
	color:black;
}


/* ***************************************
  COLLAPSABLE BOXES
*************************************** */
.collapsable_box {
	margin: 0 0 20px 0;
	height:auto;
}
/* IE6 fix */
* html .collapsable_box  { 
	height:10px;
}
.collapsable_box_header {
	color: #993300;
	background: #f5f5f5;
	border-top:2px solid #993300;
	padding: 5px 10px 5px 10px;
	margin:0;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
.collapsable_box_header h1 {
	color: #930;
	font-size:1.25em;
	line-height: 1.2em;
}
.collapsable_box_content {
	padding: 10px;
	margin:0;
	height:auto;
	background: white;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
.collapsable_box_editpanel {
	display: none;
	background: #dedede;
	padding:5px 10px 5px 10px;
}
.collapsable_box_header a.toggle_box_contents {
	color: #993300;
	cursor:pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight: bold;
	text-decoration:none;
	float:right;
	margin: 0;
	margin-top: -7px;
}
.collapsable_box_header a.toggle_box_edit_panel {
	color: #993300;
	cursor:pointer;
	font-size:9px;
	text-transform: uppercase;
	text-decoration:none;
	font-weight: normal;
	float:right;
	margin: 3px 10px 0 0;
}
.collapsable_box_editpanel label {
	font-weight: normal;
	font-size: 100%;
}
/* used for collapsing a content box */
.display_none {
	display:none;
}
/* used on spotlight box - to cancel default box margin */
.no_space_after {
	margin: 0 0 0 0;
}



/* ***************************************
	GENERAL FORM ELEMENTS
*************************************** */
label {
	font-weight: bold;
	color:#333333;
	font-size: 140%;
}
input {
	font: 120% Arial, Helvetica, sans-serif;
	padding: 5px;
	/*border: 1px solid #cccccc;*/
	color:#333333;
}
input[type="text"],input[type="password"] {
	border: 1px solid #cccccc;
}
textarea {
	font: 13px Arial, Helvetica, sans-serif;
	border: solid 1px #cccccc;
	padding: 5px;
	color:#000;
}
textarea:focus, input[type="text"]:focus {
	/* border: solid 1px #993300; */
	/* background: #e4ecf5; */
	/* color:#333333; */
}
.submit_button {
	font: 12px/100% Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #ffffff;
	background:#993300;
	border: 1px solid #993300;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	width: auto;
	height: 25px;
	padding: 2px 6px 2px 6px;
	margin:10px 0 10px 0;
	cursor: pointer;
}
.submit_button:hover, input[type="submit"]:hover {
	background: #930;
}

input[type="submit"],input[type="button"] {
	font-size: 13px;
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	background-color: #eaeaea;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#dfdfdf');
	background: -webkit-gradient(linear, center top, center bottom, from(#fafafa), to(#dfdfdf));
    background: -moz-linear-gradient(center top , #fafafa, #dfdfdf) repeat scroll 0 0 #f6f6f6;
    border: 1px solid #ccc;
    color: #000;
    padding: 3px 5px;
	margin: 10px 0 10px 0;
	cursor: pointer;
}

input[type="submit"]:hover,input[type="button"]:hover {
    border: 1px solid #999;
    background-color: #eaeaea;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#dfdfdf');
	background: -webkit-gradient(linear, center top, center bottom, from(#fafafa), to(#dfdfdf));
    background: -moz-linear-gradient(center top , #fafafa, #dfdfdf) repeat scroll 0 0 #f6f6f6;
}

input[type="submit"]:active,input[type="button"]:active {
    border: 1px solid #999;
    background-color: #dadada;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#fafafa');
	background: -webkit-gradient(linear, center top, center bottom, from(#dfdfdf), to(#fafafa));
    background: -moz-linear-gradient(center top , #dfdfdf, #fafafa) repeat scroll 0 0 #f6f6f6;
}

.cancel_button {
	font: 12px/100% Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #999999;
	background:#dddddd;
	border: 1px solid #999999;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	width: auto;
	height: 25px;
	padding: 2px 6px 2px 6px;
	margin:10px 0 10px 10px;
	cursor: pointer;
}
.cancel_button:hover {
	background: #cccccc;
}

.input-text,
.input-tags,
.input-url,
.input-textarea {
	width:98%;
}

.input-textarea {
	height: 60px;
}


/* ***************************************
	LOGIN / REGISTER
*************************************** */
#login-box {
	margin: 10px;
    text-align:left;
    padding:10px;
    background: #ffffff;
}
#login-box .login-textarea {
	width:155px;
}
#login-box label,
#register-box label {
	font-size: 1.2em;
	color:gray;
}

#register-box p {
    clear: both;
}

#login-box p.loginbox {
	margin:10px 0 0 0;
}
#login-box input[type="text"],
#login-box input[type="password"],
#register-box input[type="text"],
#register-box input[type="password"] {
	margin:0 0 10px 0;
}
#login-box-openid {
	margin: 10px;
    text-align:left;
    padding:10px;
    background: #ffffff;
}
#login-box h2,
#login-box-openid h2,
#register-box h2,
#add-box h2 {
	background:#F5F5F5;
	border-top:2px solid #993300;
	color:#930;
	font-size:1.35em;
	line-height:1.2em;
	margin:0pt 0pt 5px;
	padding:5px;
}
#register-box {
    text-align:left;
    /* border:1px solid #ddd; */
    /*width:400px;*/
    padding:20px;
    background: #ffffff;
    /* margin:20px; */
}
#persistent_login label {
	font-size:1.0em;
	font-weight: normal;
}

/* ***************************************
	PROFILE
*************************************** */
#profile_info {
	margin:20px 0px 0 20px;
	padding:20px;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
	background: white;
}
#profile_info_column_left {
	float:left;
	padding: 0;
	margin:0 20px 0 0;
}
#profile_info_column_middle {
	float:left;
	width:368px;
	padding: 0;
}
#profile_info_column_right {
	width:590px;
	margin:0 0 0 0;
	padding: 0;
}
#dashboard_info {
	margin:20px 0px 0 20px;
	padding:20px;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
	background: white;
}
#profile_menu_wrapper {
	margin:10px 0 10px 0;
	width:200px;
}
#profile_menu_wrapper p {
	border-bottom:1px solid #cccccc;
}
#profile_menu_wrapper p:first-child {
	border-top:1px solid #cccccc;
}
#profile_menu_wrapper a {
	display:block;
	padding:0 0 0 3px;
}
#profile_menu_wrapper a:hover {
	color:#ffffff;
	background:#993300;
	text-decoration:none;
}
p.user_menu_friends, p.user_menu_profile, 
p.user_menu_removefriend, 
p.user_menu_friends_of {
	margin:0;
}
#profile_menu_wrapper .user_menu_admin {
	border-top:none;
}

#profile_info_column_middle p {
	margin:7px 0 7px 0;
	padding:2px 4px 2px 4px;
}
/* profile owner name */
#profile_info_column_middle h2 {
	padding:0 0 14px 0;
	margin:0;
}
#profile_info_column_middle .odd {
	background:#f5f5f5;
}
#profile_info_column_right p {
	margin:0 0 7px 0;
}
#profile_info_column_right .profile_aboutme_title {
	margin:0;
	padding:0;
	line-height:1em;
}
/* edit profile button */
.profile_info_edit_buttons {
	float:right;
	margin:0  !important;
	padding:0 !important;
	font-size: 90%;
}

/* ***************************************
	RIVER
*************************************** */
.activity_item p {
	margin:0;
	padding:2px 0 0 0;
	line-height:1.1em;
	min-height:17px;	
}
.activity_item .activity_item_time {
	font-size:90%;
	color:#666666;
}
#river {
	border-top:1px solid #dddddd;
}
.river_item p {
	margin:0;
	padding:2px 0 0 20px;
	line-height:1.1em;
	min-height:17px;
}
.river_item {
	border-bottom:1px solid #dddddd;
	padding:2px 0 2px 0;
}
.river_item_time {
	font-size:90%;
	color:#666666;
}
/* IE6 fix */
* html .river_item p { 
	padding:3px 0 3px 20px;
}
/* IE7 */
*:first-child+html .river_item p {
	min-height:17px;
}
.river_user_update {
	background: url(https://ilde.upf.edu/uva/_graphics/river_icons/river_icon_profile.gif) no-repeat left -1px;
}
.river_user_profileupdate {
	background: url(https://ilde.upf.edu/uva/_graphics/river_icons/river_icon_profile.gif) no-repeat left -1px;
}
.river_user_profileiconupdate {
	background: url(https://ilde.upf.edu/uva/_graphics/river_icons/river_icon_profile.gif) no-repeat left -1px;
}
.river_annotate {
	background: url(https://ilde.upf.edu/uva/_graphics/river_icons/river_icon_comment.gif) no-repeat left -1px;
}
.river_create {
	background: url(https://ilde.upf.edu/uva/_graphics/river_icons/dummy_river_icon.gif) no-repeat left -1px;
}
.river_bookmarks_create {
	background: url(https://ilde.upf.edu/uva/_graphics/river_icons/river_icon_bookmarks.gif) no-repeat left -1px;
}
.river_status_create {
	background: url(https://ilde.upf.edu/uva/_graphics/river_icons/river_icon_status.gif) no-repeat left -1px;
}
.river_file_create {
	background: url(https://ilde.upf.edu/uva/_graphics/river_icons/river_icon_files.gif) no-repeat left -1px;
}
.river_widget_create {
	background: url(https://ilde.upf.edu/uva/_graphics/river_icons/river_icon_plugin.gif) no-repeat left -1px;
}
.river_forums_create {
	background: url(https://ilde.upf.edu/uva/_graphics/river_icons/river_icon_forum.gif) no-repeat left -1px;
}
.river_forums_update {
	background: url(https://ilde.upf.edu/uva/_graphics/river_icons/river_icon_forum.gif) no-repeat left -1px;
}
.river_widget_update {
	background: url(https://ilde.upf.edu/uva/_graphics/river_icons/river_icon_plugin.gif) no-repeat left -1px;	
}
.river_blog_create {
	background: url(https://ilde.upf.edu/uva/_graphics/river_icons/river_icon_blog.gif) no-repeat left -1px;
}
.river_blog_update {
	background: url(https://ilde.upf.edu/uva/_graphics/river_icons/river_icon_blog.gif) no-repeat left -1px;
}
.river_forumtopic_create {
	background: url(https://ilde.upf.edu/uva/_graphics/river_icons/river_icon_forum.gif) no-repeat left -1px;
}
.river_relationship_friend_create {
	background: url(https://ilde.upf.edu/uva/_graphics/river_icons/river_icon_friends.gif) no-repeat left -1px;
}
.river_relationship_member_create {
	background: url(https://ilde.upf.edu/uva/_graphics/river_icons/river_icon_forum.gif) no-repeat left -1px;
}

/* ***************************************
	SEARCH LISTINGS	
*************************************** */
.search_listing {
	display: block;
	background-color: #eee;
	padding: 5px;
	margin-bottom: 10px;
}
.search_listing_icon {
	float:left;
}
.search_listing_icon img {
	width: 40px;
}
.search_listing_icon .avatar_menu_button img {
	width: 15px;
}
.search_listing_info {
	margin-left: 50px;
	min-height: 40px;
}
/* IE 6 fix */
* html .search_listing_info {
	height:40px;
}
.search_listing_info p {
	margin:0 0 3px 0;
	line-height:1.2em;
}
.search_listing_info p.owner_timestamp {
	margin:0;
	padding:0;
	color:#666666;
	font-size: 11px;
}
table.search_gallery {
	border-spacing: 5px;
	margin:0 0 20px 0;
	background: #f5f5f5;
}
.search_gallery td {
	padding: 5px;
}
.search_gallery_item {
	border:1px dotted silver;
    background-color: white;
}
.search_gallery_item:hover {
	border:1px dotted black;
}
.search_gallery_item .search_listing {
	background: none;
	text-align: center;
}
.search_gallery_item .search_listing_header {
	text-align: center;
}
.search_gallery_item .search_listing_icon {
	position: relative;
	text-align: center;
}
.search_gallery_item .search_listing_info {
	margin: 5px;
}
.search_gallery_item .search_listing_info p {
	margin: 5px;
	margin-bottom: 10px;
}
.search_gallery_item .search_listing {
	background: none;
	text-align: center;
}
.search_gallery_item .search_listing_icon {
	position: absolute;
	margin-bottom: 20px;
}
.search_gallery_item .search_listing_info {
	margin: 5px;
}
.search_gallery_item .search_listing_info p {
	margin: 5px;
	margin-bottom: 10px;
}


/* ***************************************
	FRIENDS
*************************************** */
/* friends widget */
#widget_friends_list {
	display:table;
	width:100%;
}
.widget_friends_singlefriend {
	float:left;
	margin:0 5px 5px 0;
}


/* ***************************************
	ADMIN AREA - PLUGIN SETTINGS
*************************************** */
.plugin_details {
	margin:0 0 10px 0;
	padding:5px 10px 5px 10px;
}
.admin_plugin_reorder {
	float:right;
	width:200px;
	text-align: right;
}
.admin_plugin_reorder a {
	padding-left:10px;
}
.active {
	border:1px solid #00cc00;
    background:#ccffcc;
}
.not-active {
    border:1px solid #D3322A;
    background:#F7DAD8;
}
.plugin_details p {
	margin:0;
	padding:4px 0 0 0;
}
.plugin_details a.manifest_details {
	cursor:pointer;
	font-size:80%;
}
.not-active .admin_plugin_enable_disable a {
	float:right;
	font: 12px/100% Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #ffffff;
	background:#993300;
	border: 1px solid #993300;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	width: auto;
	padding: 4px;
	margin:5px 0 0 0;
	cursor: pointer;
}
.not-active .admin_plugin_enable_disable a:hover {
	background: #930;
}
.active .admin_plugin_enable_disable a {
	float:right;
	font: 12px/100% Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #ffffff;
	background:#999999;
	border: 1px solid #999999;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	width: auto;
	padding: 4px;
	margin:5px 0 0 0;
	cursor: pointer;
}
.active .admin_plugin_enable_disable a:hover {
	background: #333333;
}
.pluginsettings {
	margin:20px 0 0 0;
}
.pluginsettings h3 {
	padding:0 0 5px 0;
	margin:0 0 5px 0;
	border-bottom:1px solid #999999;
}
#updateclient_settings h3 {
	padding:0;
	margin:0;
	border:none;
}
.input-access {
	margin:5px 0 0 0;
}

/* ***************************************
	GENERIC COMMENTS
*************************************** */
.generic_comment_owner {
	font-size: 90%;
	color:#666666;
}
.generic_comment {
	padding: 10px 0 10px 0;
	border-bottom: 1px solid #ccc;
}
.generic_comment_icon {
	float:left;
}
.generic_comment_details {
	margin-left: 60px;
	font-size: 14px;
}
.generic_comment_owner {
	color:#666666;
	margin: 0px;
	font-size:11px;
}

	
/* ***************************************
  PAGE-OWNER BLOCK
*************************************** */
#owner_block {
	background: url(https://ilde.upf.edu/uva/_graphics/owner_block_back.jpg) no-repeat left top;
	/* padding:10px; */
	padding: 20px 0 20px 20px;
	/*border-bottom:1px dashed #cccccc;*/
}
#owner_block_icon {
	float:left;
	margin:0 10px 0 0;
}
#owner_block_rss_feed,
#owner_block_odd_feed,
#owner_block_bookmark_this,
#owner_block_report_this {
	padding:2px 0 3px 0;
}
#owner_block_report_this {
	border-bottom:1px solid #cccccc;
}
#owner_block_rss_feed a {
	font-size: 90%;
	color:#999999;
	padding:0 0 4px 20px;
	background: url(https://ilde.upf.edu/uva/_graphics/icon_rss.gif) no-repeat left top;
}
#owner_block_odd_feed a {
	font-size: 90%;
	color:#999999;
	padding:0 0 4px 20px;
	background: url(https://ilde.upf.edu/uva/_graphics/icon_odd.gif) no-repeat left top;
}
#owner_block_bookmark_this a {
	font-size: 90%;
	color:#999999;
	padding:0 0 4px 20px;
	background: url(https://ilde.upf.edu/uva/_graphics/icon_bookmarkthis.gif) no-repeat left top;
}
#owner_block_report_this a {
	font-size: 90%;
	color:#999999;
	padding:0 0 4px 20px;
	background: url(https://ilde.upf.edu/uva/_graphics/icon_reportthis.gif) no-repeat left top;
}
#owner_block_rss_feed a:hover,
#owner_block_odd_feed a:hover,
#owner_block_bookmark_this a:hover,
#owner_block_report_this a:hover {
	color: #930;
}
#owner_block_desc {
	padding:4px 0 4px 0;
	margin:0 0 0 0;
	line-height: 1.2em;
	border-bottom:1px solid #cccccc;
	color:#666666;
}
#owner_block_content {
	margin:0 0 4px 0;
	padding:3px 0 0 0;
	min-height:35px;
	font-weight: bold;
}
.ownerblockline {
	padding:0;
	margin:0;
	border-bottom:1px solid #cccccc;
	height:1px;
}
#owner_block_submenu {
	margin:20px 0 20px 0;
	padding: 0;
	width:100%;
}
#owner_block_submenu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#owner_block_submenu ul li.selected a {
	background: url(https://ilde.upf.edu/uva/_graphics/owner_block_menu_arrow.gif) no-repeat left 6px;
	padding-left:10px;
}
#owner_block_submenu ul li a {
	text-decoration: none;
	display: block;
	padding: 0;
	margin: 0;
	color:#993300;
	padding:4px 6px 4px 10px;
	border-top: 1px solid #cccccc;
	font-weight: bold;
	line-height: 1.1em;
}
#owner_block_submenu ul li a:hover {
	color:white;
	background: #993300;
}

/* IE 6 + 7 menu arrow position fix */
* html #owner_block_submenu ul li.selected a {
	background-position: left 10px;
}
*:first-child+html #owner_block_submenu ul li.selected a {
	background-position: left 8px;
}

#owner_block_submenu .submenu_group {
	border-bottom: 1px solid #cccccc;
	margin:22px 0 0 0;
}

/* filetypes filter menu */
#owner_block_submenu .submenu_group .submenu_group_filetypes ul li a {
	color:#666666;
}
#owner_block_submenu .submenu_group .submenu_group_filetypes ul li.selected a {
	background: url(https://ilde.upf.edu/uva/_graphics/owner_block_menu_dot.gif) no-repeat left 7px;
}
#owner_block_submenu .submenu_group .submenu_group_filetypes ul li a:hover {
	color:white;
	background: #999999;
}

/* pages actions menu */
#owner_block_submenu .submenu_group .submenu_group_pagesactions ul li a {
	color:#666666;
}
#owner_block_submenu .submenu_group .submenu_group_pagesactions ul li.selected a {
	background: url(https://ilde.upf.edu/uva/_graphics/owner_block_menu_dot.gif) no-repeat left 7px;
}
#owner_block_submenu .submenu_group .submenu_group_pagesactions ul li a:hover {
	color:white;
	background: #999999;
}


/* ***************************************
	PAGINATION
*************************************** */
.pagination {
	margin:10px 0 20px 0;
	font-size: 8pt;
	font-family: Verdana,sans-serif;
}
.pagination .pagination_number {
	display:block;
	float:left;
	background:#ffffff;
	/*border:1px solid #993300;*/
	text-align: center;
	color:#993300;
	/*font-size: 12px;*/
	font-weight: normal;
	/*margin:0 6px 0 0;*/
	padding:0px 3px;
	cursor: pointer;
}
.pagination .pagination_number:hover {
	background:#993300;
	color:white;
	text-decoration: none;
}
.pagination .pagination_more {
	display:block;
	float:left;
	background:#ffffff;
	/*border:1px solid #ffffff;*/
	text-align: center;
	color:#993300;
	/*font-size: 12px;*/
	font-weight: normal;
	/*margin:0 6px 0 0;*/
	padding:0px 3px;
}
.pagination .pagination_previous,
.pagination .pagination_next {
	display:block;
	float:left;
	/*border:1px solid #993300;*/
	color:#993300;
	text-align: center;
	/*font-size: 12px;*/
	font-weight: normal;
	/*margin:0 6px 0 0;*/
	padding:0px 3px;
	cursor: pointer;
}
.pagination .pagination_previous:hover,
.pagination .pagination_next:hover {
	background:#993300;
	color:white;
	text-decoration: none;
}
.pagination .pagination_currentpage {
	display:block;
	float:left;
	background:#993300;
	/*border:1px solid #993300;*/
	text-align: center;
	color:white;
	/*font-size: 12px;*/
	font-weight: bold;
	/*margin:0 6px 0 0;*/
	margin:0 2px 0 2px;
	padding:0px 3px;
	cursor: pointer;
}

	
/* ***************************************
	FRIENDS COLLECTIONS ACCORDIAN
*************************************** */	
ul#friends_collections_accordian {
	margin: 0 0 0 0;
	padding: 0;
	border-bottom:1px solid #cccccc;
}
#friends_collections_accordian li {
	margin: 0 0 0 0;
	padding: 0;
	list-style-type: none;
	color: #666666;
}
#friends_collections_accordian li h2 {
	background:#efefef;
	color: #999999;
	padding:4px 2px 4px 6px;
	margin:0;
	border-top:1px solid #cccccc;
	font-size:1.2em;
	cursor:pointer;
}
#friends_collections_accordian li h2:hover {
	background:#993300;
	color:white;
}
#friends_collections_accordian .friends_picker {
	background:white;
	padding:0;
	display:none;
}
#friends_collections_accordian .friends_collections_controls {
	font-size:70%;
	float:right;
}
#friends_collections_accordian .friends_collections_controls a {
	color:#999999;
	font-weight:normal;
}
div.expandall {
	margin: 20px 0 0 0;
	padding:0;
}
div.expandall p {
	cursor:pointer;
	color:#999999;
	text-align:right;
	margin: 0;
	padding:0;
}
	
	
/* ***************************************
	FRIENDS PICKER SLIDER
*************************************** */		
.friendsPicker_container h3 { font-size:3em; text-align: left; margin:0 0 20px 0; color:#999999; }

.friendsPicker .friendsPicker_container .panel ul {
	text-align: left;
	margin: 0;
	padding:0;
}
.friendsPicker_wrapper {
	margin: 0;
	padding:0;
	position: relative;
	width: 100%;
}
.friendsPicker {
	position: relative;
	overflow: hidden; 
	margin: 0;
	padding:0;
	width: 685px;
	height: 300px;
	background: white;
}
.friendsPicker .friendsPicker_container { /* long container used to house end-to-end panels. Width is calculated in JS  */
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	list-style-type: none;
}
.friendsPicker .friendsPicker_container .panel {
	float:left;
	height: 100%;
	position: relative;
	width: 685px;
	margin: 0;
	padding:0;
}
.friendsPicker .friendsPicker_container .panel .wrapper {
	margin: 0;
	padding: 10px;
	background: #efefef;
	min-height: 230px;
}
.friendsPickerNavigation {
	margin: 0 0 10px 0;
	padding:0;
}
.friendsPickerNavigation ul {
	list-style: none;
	padding-left: 0;
}
.friendsPickerNavigation ul li {
	float: left;
	margin:0;
	background:white;
}
.friendsPickerNavigation a {
	font-weight: bold;
	text-align: center;
	background: white;
	color: #999999;
	text-decoration: none;
	display: block;
	padding: 0;
	width:20px;
}
.tabHasContent {
	background: white; color:#333333 !important;
}
.friendsPickerNavigation li a:hover {
	background: #333333;
	color:white !important;
}
.friendsPickerNavigation li a.current {
	background: #993300;
	color:white !important;
}
.friendsPickerNavigationAll {
	margin:0px 0 0 20px;
	float:left;
}
.friendsPickerNavigationAll a {
	font-weight: bold;
	text-align: left;
	font-size:0.8em;
	background: white;
	color: #999999;
	text-decoration: none;
	display: block;
	padding: 0 4px 0 4px;
	width:auto;
}
.friendsPickerNavigationAll a:hover {
	background: #993300;
	color:white;
}
.friendsPickerNavigationL, .friendsPickerNavigationR {
	position: absolute;
	top: 46px;
	text-indent: -9000em;
}
.friendsPickerNavigationL a, .friendsPickerNavigationR a {
	display: block;
	height: 43px;
	width: 43px;
}
.friendsPickerNavigationL {
	right: 58px;
	z-index:1;
}
.friendsPickerNavigationR {
	right: 10px;
	z-index:1;
}
.friendsPickerNavigationL {
	background: url("https://ilde.upf.edu/uva/_graphics/friends_picker_arrows.gif") no-repeat left top;
}
.friendsPickerNavigationR {
	background: url("https://ilde.upf.edu/uva/_graphics/friends_picker_arrows.gif") no-repeat -60px top;
}
.friendsPickerNavigationL:hover {
	background: url("https://ilde.upf.edu/uva/_graphics/friends_picker_arrows.gif") no-repeat left -44px;
}
.friendsPickerNavigationR:hover {
	background: url("https://ilde.upf.edu/uva/_graphics/friends_picker_arrows.gif") no-repeat -60px -44px;
}	
.friends_collections_controls a.delete_collection {
	display:block;
	cursor: pointer;
	width:14px;
	height:14px;
	margin:0 3px 0 0;
	background: url("https://ilde.upf.edu/uva/_graphics/icon_customise_remove.png") no-repeat 0 0;
}
.friends_collections_controls a.delete_collection:hover {
	background-position: 0 -16px;
}

/* picker tabbed navigation */
#friendsPickerNavigationTabs {
	margin:10px 0 10px 0;
	padding: 0;
	border-bottom: 1px solid #cccccc;
	display:table;
	width:100%;
}
#friendsPickerNavigationTabs ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#friendsPickerNavigationTabs li {
	float: left;
	border: 1px solid #ffffff;
	border-bottom-width: 0;
	margin: 0;
}
#friendsPickerNavigationTabs a {
	text-decoration: none;
	display: block;
	padding: 0.22em 1em;
	color: #666666;
	text-align: center;
}
#friendsPickerNavigationTabs a:hover {
	color: #993300;
}
#friendsPickerNavigationTabs .selected {
	border-color: #cccccc;
}
#friendsPickerNavigationTabs .selected a {
	position: relative;
	top: 1px;
	background: white;
	color: #993300;
}
	

	
/* ***************************************
  WIDGET PICKER (PROFILE & DASHBOARD)
*************************************** */
/* 'edit page' button */
a.toggle_customise_edit_panel { 
	float:right;
	clear:right;
	color: #993300;
	background: white;
	border:1px solid #cccccc;
	padding: 5px 10px 5px 10px;
	margin:20px 20px 0px 20px;
	width:284px;
	text-align: left;
}
a.toggle_customise_edit_panel:hover { 
	color: #ffffff;
	background: #930;
	text-decoration:none;
}
#customise_editpanel {
	display:none;
	margin: 0;
	padding:20px;
	background: #dedede;
}

/* Top area - instructions */
.customise_editpanel_instructions {
	width:690px;
	padding:0 0 10px 0;
}
.customise_editpanel_instructions h2 {
	padding:0 0 10px 0;
}
.customise_editpanel_instructions p {
	margin:0 0 5px 0;
	line-height: 1.4em;
}

/* RHS (widget gallery area) */
#customise_editpanel_rhs {
	float:right;
	width:230px;
	background:white;
}
#customise_editpanel #customise_editpanel_rhs h2 {
	color:#333333;
	font-size: 1.4em;
	margin:0;
	padding:6px;
}
#widget_picker_gallery {
	border-top:1px solid #cccccc;
	background:white;
	width:210px; 
	height:340px;
	padding:10px;
	overflow:scroll;
	overflow-x:hidden;
}

/* main page widget area */
#customise_page_view {
	width:656px;
	padding:10px;
	margin:0 0 10px 0;
	background:white;
}
#customise_page_view h2 {
	border-top:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-left:1px solid #cccccc;
	margin:0;
	padding:5px;
	width:200px;
	color: #930;
	background: #f5f5f5;
	font-size:1.25em;
	line-height: 1.2em;
}
#profile_box_widgets {
	width:422px;
	margin:0 10px 10px 0;
	padding:5px 5px 0px 5px;
	min-height: 50px;
	border:1px solid #cccccc;
	background: #f5f5f5;
}
#customise_page_view h2.profile_box {
	width:422px;
	color: #999999;
}
#profile_box_widgets p {
	color:#999999;
}
#leftcolumn_widgets {
	width:200px;
	margin:0 10px 0 0;
	padding:5px 5px 40px 5px;
	min-height: 190px;
	border:1px solid #cccccc;
}
#middlecolumn_widgets {
	width:200px;
	margin:0 10px 0 0;
	padding:5px 5px 40px 5px;
	min-height: 190px;
	border:1px solid #cccccc;
}
#rightcolumn_widgets {
	width:200px;
	margin:0;
	padding:5px 5px 40px 5px;
	min-height: 190px;
	border:1px solid #cccccc;
}
#rightcolumn_widgets.long {
	min-height: 288px;
}
/* IE6 fix */
* html #leftcolumn_widgets { 
	height: 190px;
}
* html #middlecolumn_widgets { 
	height: 190px;
}
* html #rightcolumn_widgets { 
	height: 190px;
}
* html #rightcolumn_widgets.long { 
	height: 338px;
}

#customise_editpanel table.draggable_widget {
	width:200px;
	background: #cccccc;
	margin: 10px 0 0 0;
	vertical-align:text-top;
	border:1px solid #cccccc;
}
#widget_picker_gallery table.draggable_widget {
	width:200px;
	background: #cccccc;
	margin: 10px 0 0 0;
}

/* take care of long widget names */
#customise_editpanel table.draggable_widget h3 {
	word-wrap:break-word;/* safari, webkit, ie */
	width:140px;
	line-height: 1.1em;
	overflow: hidden;/* ff */
	padding:4px;
}
#widget_picker_gallery table.draggable_widget h3 {
	word-wrap:break-word;
	width:145px;
	line-height: 1.1em;
	overflow: hidden;
	padding:4px;
}
#customise_editpanel img.more_info {
	background: url(https://ilde.upf.edu/uva/_graphics/icon_customise_info.gif) no-repeat top left;
	cursor:pointer;
}
#customise_editpanel img.drag_handle {
	background: url(https://ilde.upf.edu/uva/_graphics/icon_customise_drag.gif) no-repeat top left;
	cursor:move;
}
#customise_editpanel img {
	margin-top:4px;
}
#widget_moreinfo {
	position:absolute;
	border:1px solid #333333;
	background:#e4ecf5;
	color:#333333;
	padding:5px;
	display:none;
	width: 200px;
	line-height: 1.2em;
}
/* droppable area hover class  */
.droppable-hover {
	background:#fdffc3;
}
/* target drop area class */
.placeholder {
	border:2px dashed #AAA;
	width:196px !important;
	margin: 10px 0 10px 0;
}
/* class of widget while dragging */
.ui-sortable-helper {
	background: #993300;
	color:white;
	padding: 4px;
	margin: 10px 0 0 0;
	width:200px;
}
/* IE6 fix */
* html .placeholder { 
	margin: 0;
}
/* IE7 */
*:first-child+html .placeholder {
	margin: 0;
}
/* IE6 fix */
* html .ui-sortable-helper h3 { 
	padding: 4px;
}
* html .ui-sortable-helper img.drag_handle, * html .ui-sortable-helper img.remove_me, * html .ui-sortable-helper img.more_info {
	padding-top: 4px;
}
/* IE7 */
*:first-child+html .ui-sortable-helper h3 {
	padding: 4px;
}
*:first-child+html .ui-sortable-helper img.drag_handle, *:first-child+html .ui-sortable-helper img.remove_me, *:first-child+html .ui-sortable-helper img.more_info {
	padding-top: 4px;
}


/* ***************************************
	BREADCRUMBS
*************************************** */
#pages_breadcrumbs {
	font-size: 80%;
	color:#999999;
	padding:0;
	margin:0 0 10px 0;
}
#pages_breadcrumbs a {
	color:#999999;
	text-decoration: none;
}
#pages_breadcrumbs a:hover {
	color: #930;
	text-decoration: underline;
}


/* ***************************************
	MISC.
*************************************** */
/* general page titles in main content area */
#content_area_user_title h2 {	
	background:#F5F5F5;
	border-top:2px solid #993300;
	margin:0 0 5px 0;
	padding:5px;
	color:#000;
	font-size:1.35em;
	line-height:1.2em;
}
#sidebar_page_tree {
	margin:10px;
}
#sidebar_page_tree h3 {
	background:#F5F5F5;
	border-top:2px solid #993300;
	margin:0 0 5px 0;
	padding:5px;
	color:#930;
	font-size:1.25em;
	line-height:1.2em;
}	

/* tag icon */	
.object_tag_string {
	background: url(https://ilde.upf.edu/uva/_graphics/icon_tag.gif) no-repeat left 2px;
	padding:0 0 0 14px;
	margin:0;
}	

/* profile picture upload n crop page */	
#profile_picture_form {
	height:145px;
}	
#current_user_avatar {
	float:left;
	width:160px;
	height:130px;
	border-right:1px solid #cccccc;
	margin:0 20px 0 0;
}	
#profile_picture_croppingtool {
	border-top: 1px solid #cccccc;
	margin:20px 0 0 0;
	padding:10px 0 0 0;
}	
#profile_picture_croppingtool #user_avatar {
	float: left;
	margin-right: 20px;
}	
#profile_picture_croppingtool #applycropping {

}
#profile_picture_croppingtool #user_avatar_preview {
	float: left;
	position: relative;
	overflow: hidden;
	width: 100px;
	height: 100px;
}	


/* ***************************************
	SETTINGS & ADMIN
*************************************** */
.settings_form h3,
.usersettings_statistics h3,
.admin_statistics h3,
.admin_users_online h3 {
	background:#e4e4e4;
	border-bottom:1px solid #d0d0d0;
	color:#666666;
	font-size:1.1em;
	line-height:1em;
	margin:30px 0 10px 0;
	padding:5px;	
}
.settings_form label,
.admin_debug label,
.admin_usage label {
	color:#333333;
	font-size:100%;
	font-weight:normal;
}
.settings_form {
	border-bottom:1px solid #cccccc;
	padding:0 0 20px 0;
}
.admin_usage {
	border-bottom:1px solid #cccccc;
	padding:0 0 20px 0;
}

.usersettings_statistics .odd,
.admin_statistics .odd {
	background:#f5f5f5;
}
.usersettings_statistics .even,
.admin_statistics .even {
	background:#ffffff;
}
.usersettings_statistics td,
.admin_statistics td {
	padding:2px 4px 2px 4px;
}
.usersettings_statistics td.column_one,
.admin_statistics td.column_one {
	width:200px;
}

/* add user pane on user admin */
#add_user_showhide #add-box {
	padding:20px;
	background: #dedede;
}
.admin_adduser_link {
	margin:0 0 20px 0;
}
#search-box {
	margin:0 0 20px 0;
}

.manifest_file {
	display:none;
}

/* force tinyMCE editor initial width for safari */
.mceLayout {
	width:683px;
}

div.ajax_loader {
	background: url(https://ilde.upf.edu/uva/_graphics/ajax_loader.gif) no-repeat top center;
	width:100%;
	height:33px;
}


/* ***************************************
	PAU: SPECIFIC SELECTORS FOR OUR SITE
*************************************** */

#layout_footer {
	padding: 15px;
	border-bottom: 1px solid #194B1A;
}

#footer_ending {
	background: url(https://ilde.upf.edu/uva/_graphics/ldshake_back_linen_shadow_down.gif) no-repeat center top;
	height: 0px;
}

#footer-logos {
	height: 66px;
	/*width: 524px;*/
	float: left;
	background-color: #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

#footer-logos ul {
	list-style-image: none;
	list-style-type: none;
	list-style-position: outside;
	padding: 0;
	margin: 0 0 0 0;
}

#footer-logos li {
	padding: 5px;
	float: left;
}

#footer-logos img {
    height: 57px;
}

#footer-contents
{
	margin: 10px 0 0 20px;
	float: left;
	font-size: 13px;
	color: #7a7;
}

ul.links {
	list-style-image: none;
	list-style-type: none;
	list-style-position: outside;
	padding: 0;
	margin: 0 0 10px 0;
	font-size: 13px;
}

ul.links a
{
	text-decoration: underline;
	color: #000;
}

.blocklabel {
	display: block;
	font-size: 14px;
	font-weight: bold;
}

.sidelabel {
	display: block;
	float: left;
	text-align: right;
	padding: 6px 20px 0 0;
	width: 250px;
}

.registerform {
	width: 400px;
}

.annotation {
	font-style: italic;
	font-size: 9pt;
	color: #999;
}

a.buttonlike {
	display: block;
	float: left;
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	background-color: #eaeaea;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#dfdfdf');
	background: -webkit-gradient(linear, center top, center bottom, from(#fafafa), to(#dfdfdf));
    background: -moz-linear-gradient(center top , #fafafa, #dfdfdf) repeat scroll 0 0 #f6f6f6;
    border: 1px solid #ccc;
    color: #000;
    margin-right: 10px;
    font-size: 13px;
	padding: 3px 5px;
}

a.buttonlike:hover {
	text-decoration: none;
	border: 1px solid #999;
}

a.buttonlike:active {
	border: 1px solid #999;
	background-color: #dadada;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#fafafa');
	background: -webkit-gradient(linear, center top, center bottom, from(#dfdfdf), to(#fafafa));
    background: -moz-linear-gradient(center top , #dfdfdf, #fafafa) repeat scroll 0 0 #f6f6f6;
}

/* ***************************************
	AVATAR CONTEXTUAL MENU
*************************************** */	
#profile_icon_wrapper {
	float:left;
}
	
.usericon {
	position:relative;
}

.avatar_menu_button {
	width:15px;
	height:15px;
	position:absolute;
	cursor:pointer;
	display:none;
	right:0;
	bottom:0;
}
.avatar_menu_arrow {
	background: url(https://ilde.upf.edu/uva/_graphics/avatar_menu_arrows.gif) no-repeat left top;
	width:15px;
	height:15px;
}
.avatar_menu_arrow_on {
	background: url(https://ilde.upf.edu/uva/_graphics/avatar_menu_arrows.gif) no-repeat left -16px;
	width:15px;
	height:15px;
}
.avatar_menu_arrow_hover {
	background: url(https://ilde.upf.edu/uva/_graphics/avatar_menu_arrows.gif) no-repeat left -32px;
	width:15px;
	height:15px;
}
.usericon div.sub_menu { 
	display:none; 
	position:absolute; 
	padding:2px; 
	margin:0; 
	border-top:solid 1px #E5E5E5; 
	border-left:solid 1px #E5E5E5; 
	border-right:solid 1px #999999; 
	border-bottom:solid 1px #999999;  
	width:160px; 
	background:#FFFFFF; 
	text-align:left;
}
div.usericon a.icon img {
	z-index:10;
}

.usericon div.sub_menu a {margin:0;padding:2px;}
.usericon div.sub_menu a:link, 
.usericon div.sub_menu a:visited, 
.usericon div.sub_menu a:hover{ display:block;}	
.usericon div.sub_menu a:hover{ background:#cccccc; text-decoration:none;}

.usericon div.sub_menu h3 {
	font-size:1.2em;
	padding-bottom:3px;
	border-bottom:solid 1px #dddddd;
	color: #4690d6;
	margin:0 !important;
	background:#ffffff !important;
}
.usericon div.sub_menu h3:hover {
	background:#cccccc !important;
}

.user_menu_addfriend,
.user_menu_removefriend,
.user_menu_profile,
.user_menu_friends,
.user_menu_friends_of,
.user_menu_blog,
.user_menu_file,
.user_menu_messages,
.user_menu_admin,
.user_menu_pages {
	margin:0;
	padding:0;
}
.user_menu_admin {
	border-top:solid 1px #dddddd;
}
.user_menu_admin a {
	color:#cc0033;
}#aboutcontents {
	text-align: center;
	padding: 40px 0;
}

#ldshakelogo {
	margin-bottom: 40px;
}
#content_area_group_title h2 {
	background:#FDFFC3;
	padding:5px;
	margin:0 0 10px 0;
	border-top:2px solid #4690D6;
	color:#0054A7;
	font-size:1.35em;
	line-height:1.2em;
}

#two_column_left_sidebar_maincontent #owner_block_content {
	margin:0 0 10px 0 !important;
}

#groups_info_column_left {
	float:left;
	width:465px;
	/* margin-left:221px; */
}

#groups_info_column_left .odd {
	background:#f5f5f5;
}
#groups_info_column_left p {
	margin:0 0 7px 0;
	padding:2px 4px;
}

#groups_info_column_right {
	float:left;
	width:220px;
}
#group_stats {
	width:180px;
	background: #eeeeee;
	padding:10px;
	margin:10px 0 20px 0;
}
#group_stats p {
	margin:0;
}
#group_members {
	margin:10px;
}

.right_column {
	clear:left;
	float:right;
	width:330px;
}
#left_column {
	width:330px;
	float:left;
	margin:0 20px 0 0;

}
#group_members h2,
.right_column h2,
#left_column h2 {
	background:#F5F5F5;
	border-top:2px solid #4690D6;
	margin:0 0 5px 0;
	padding:5px;
	color:#0054A7;
	font-size:1.25em;
	line-height:1.2em;
}

#left_column #mb_input_wrapper {
	background:white;
	border:none;
	padding:0px;
}
#left_column #mb_input_wrapper .input_textarea {
	width:318px;
}

.member_icon {
	margin:3px;
	float:left;
}


/* group forums overview page */
.forums_table_head {
    background: #4690d6;
    color:#ffffff;
    padding:4px;
}
.forums_table_topics {
    padding:4px;
    border-bottom:1px solid #cccccc;
}
.forums_table_topics h3 a {
	font-size: 1.3em;
}
.forum_access {
	font-size: small;	
}
.forums_table_topics p {
	margin:0px 0px 5px 0;
}

/* topics overview page */
#topic_titles {
    background: #4690d6;
    color:#ffffff;
    padding:4px;
    margin:20px 0 0 0;
}

/* topic posts pages */
.post_icon {
    float:left;
    margin:0 8px 4px 0;
}

.topic_post {
    border-bottom:1px solid #cccccc;
    margin:10px 0 10px 0;
}

.topic_post h2 {
    margin-bottom:20px;
}

.topic_post table, td {
    border:none;
}

.topic_title {
	font-size: 1.2em;
	line-height: 1.1em;
	margin:0;
	padding:0 0 4px 0;
}

.forum_topics {
    padding:0;
    margin:0;
    border:1px solid #ddd;
    border-top:0;
}

/* alternating bckgnd on topics */
.forum_topics .odd {
	background-color:#ebebeb;
	padding: 4px;
}
.forum_topics .even {
	background-color:#f5f5f5;
	padding: 4px;
}


/* group latest discussions widget */
#latest_discussion_widget {
	margin:0 0 20px 0;
}
.forum_latest {
	margin:0 0 10px 0;
}
.forum_latest .topic_owner_icon {
	float:left;
}
.forum_latest .topic_title {
	margin-left:35px;
}
.forum_latest .topic_title p {
	font-size: 0.8em;
	line-height: 1.0em;
    padding:0;
    margin:0;
}

.forum_latest p.topic_replies {
	color:#999999;
    padding:3px 0 0 0;
    margin:0;
}

a.add_topic_button {
	font: 12px/100% Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #ffffff;
	background:#4690d6;
	border: 2px solid #4690d6;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	/*
	width: auto;
	height: 25px;
	*/
	padding: 4px 6px 4px 6px;
	margin:0;
	cursor: pointer;
	display:table;
}
a.add_topic_button:hover {
	background: #0054a7;
	border: 2px solid #0054a7;
	text-decoration: none;
}

/* group files widget */
#filerepo_widget_layout {
	margin:0 0 20px 0;
}
/* group pages widget */
#group_pages_widget {
	margin:0 0 20px 0;
}

/* latest discussion listing */
p.latest_discussion_info {
	float:right;
	width:220px;
}

span.timestamp {
	color:#666666;
	font-size: 90%;
}




/*-------------------------------
MESSAGING PLUGIN
-------------------------------*/
.actiontitle {
	font-weight: bold;
	font-size: 110%;
	margin: 0 0 10px 0;
}

#messages td {
	text-align: left;
	vertical-align:middle;
	border-bottom: 1px solid #d6dbd2;
	padding: 5px;
}
#messages .message_notread td {
	 background: #F7DAD8; 
	 border-bottom: 1px solid #999999;
}
#messages .message_read td {
	 background: #ffffff; 
	 border-bottom: 1px solid #d6dbd2;
}

#messages .delete_msg a {
	display:block;
	cursor: pointer;
	width:14px;
	height:14px;
	margin:0;
	background: url("https://ilde.upf.edu/uva/_graphics/icon_customise_remove.png") no-repeat right 0;
	text-indent: -9000px;
	float:right;
}
#messages .delete_msg a:hover {
	background-position: right -16px;
}
/* IE6 */
* html #messages .delete_msg a { background-position: right 4px; }
* html #messages .delete_msg a:hover { background-position: right 4px; } 

#messages .usericon {
	float: left;
	margin: 0 15px 0 0;
}

#messages .msgsender {
	color:#666666;
	line-height: 1em;
	margin:0;
	padding:0;
	float:left;
}
#messages .msgsender small {
	color:#AAAAAA;
}


#messages .msgsubject {
	font-size: 120%;
	line-height: 100%;
}

.msgsubject {
	font-weight:bold;
}

.messages_single_icon  {
	float: left;
	width: 100px;
}

.messages_single_icon .usericon {
	float: left;
	margin: 0 10px 10px 0;
}

/* view and reply to message view */
.message_body {
	margin-left: 120px;
}
.message_body .messagebody {
	padding: 0;
	margin: 10px 0 10px 0;
	font-size: 12pt;
	border-bottom:1px solid #cccccc;
}

/* drop down message reply form */
#message_reply_form {
	display:none;

}
/* when displaying original msg in reply view */
.previous_message {
    background:#f3f3f3;
    border: 1px solid #ccc;
    padding: 10px;
    margin:0 0 20px 0;
}

.previous_message_title {
	font-size: 12px;
	font-style: italic;
	color: #666;
}


.previous_message p {
    padding:0;
    margin:0;
    font-size: 12pt;
}

.new_messages_count {
	color:#666666;
}
/* tinyMCE container */
#message_reply_editor #message_tbl {
	width:680px !important;
}


#ldshake_topbar {
	height: 40px;
	/*background: #002E02;*/
	background: url("https://ilde.upf.edu/uva/mod/topbar_ldshake/graphics/bg-header.png") repeat-x scroll left top #002E02;
	font-size: 13px;
    min-width: 997px;
}

#ldshake_topbar_wrapper {
	margin: 0 auto;
	padding: 3px 0;
    width: 997px;
}

#ldshake_topbar_logo {
	float: left;
	margin-right: 20px;
}

#ldshake_topbar_logo img {
    height: 34px;
    background-color: #fff;
    border-radius: 3px;
    margin-right: 10px;
}

#ldshake_topbar_container_left {
	float: left;
	width: 560px;
	position: relative;
}

#ldshake_topbar_container_right {
	float: right;
    width: 413px;
}

#toolbarlinks {
    width: 400px;
    height: 35px;
    float: left;
}

#ldshake_topbar #toolbar_options {
	margin: 0;
	margin-top: 9px;
    width: 520px;
    height: 26px;
    /*overflow: hidden;*/
}

#ldshake_topbar #toolbarlinks #toolbar_options li {
float: left;
margin-right: 20px;
}

#ldshake_topbar #toolbarlinks #toolbar_options li:last-child {
    margin-right: 0px;
}

#ldshake_topbar a {
	color: #bbb;
}

#ldshake_topbar a:hover {
	color: #fff;
	text-decoration: none;
}

#ldshake_topbar_avatar {
	margin: 3px 10px 0 0;
	float: right;
}

#ldshake_topbar_avatar img {
	border: 1px solid #777;
}


#ldshake_topbar_user_options {
	display: block;
	margin: 9px 0px 0 0;
	padding-right: 15px;
	background: url("https://ilde.upf.edu/uva/mod/topbar_ldshake/graphics/down-arrow.png") no-repeat scroll right 7px;
	max-width: 120px;
	overflow: hidden;
	white-space: nowrap;
	float: left;
}

.menu_active {
	color: #fff !important;
}

#ldshake_topbar_user_menu {
	display: none;
	position: absolute;
	top: 40px;
	z-index: 10000;
	background-color: #19371A;
	padding: 15px 10px 10px 10px;
	width: 120px;
	margin-top: 0;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	-webkit-box-shadow: 0 1px 4px #666;
	-moz-box-shadow: 0 1px 4px #666;
	box-shadow: 0 1px 4px #666;
}

#ldshake_topbar_user_menu ul {
	margin: 0;
	padding: 0;
}

#ldshake_topbar_user_menu li {
	margin-bottom: 5px;
}

#ldshake_topbar_serach {
	float: right;
	margin: 4px 25px 0 0;
}

#ldshake_topbar_search_input {
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #eaeaea;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	color: #777;
	font-size: 13px;
	margin: 0;
	padding: 2px;
	width: 190px;
	height: 19px;
	text-shadow: 0px 1px 0px #fff;
}

#ldshake_topbar_search_input:focus {
	-webkit-box-shadow: 0 0 10px #46B800;
	-moz-box-shadow: 0 0 10px #46B800;
	box-shadow: 0 0 10px #46B800;
}

#ldshake_topbar_search_input.written {
	color: #000;
	text-shadow: none;
}

#ldshake_topbar_search_submit {
	position: relative;
	left: 195px;
	top: 3px;
}

#ldshake_topbar a.privatemessages {
    background:transparent url(https://ilde.upf.edu/uva/_graphics/toolbar_messages_icon.gif) no-repeat left 2px;
    padding:0 0 4px 16px;
    cursor:pointer;
}

#ldshake_topbar a.privatemessages:hover {
    text-decoration: none;
    background:transparent url(https://ilde.upf.edu/uva/_graphics/toolbar_messages_icon.gif) no-repeat left -36px;
}

#ldshake_topbar a.privatemessages_new {
    background:transparent url(https://ilde.upf.edu/uva/_graphics/toolbar_messages_icon.gif) no-repeat left -17px;
    padding:0 0 0 20px;
    color:white;
}

#toolbar_lds_types, .menu {
	position: absolute;
	display: none;
	background-color: #19371A;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 1px 4px #666666;
    top: 37px;
    z-index: 900;
}

.menu.level2 {
    z-index: 901;
}

#new_menu_author {
/*
    top: 67px;
    left: 210px;
*/
}

#toolbar_lds_types ul,
.menu ul {
	margin: 0;
    padding: 0px;
}

#toolbar_lds_types li,
.menu li {
    color: #bbb;
}

#toolbar_lds_types li:hover,
.menu li:hover {
    background-color: rgb(56, 99, 47);
    color: #fff;
}

.menu li a {
    color: inherit;
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 5px;
}

.menu li.menu_suboption  {
    display: block;
    padding: 5px;
    cursor: default;
}


#toolbar_lds_types li:last-child,
.menu li:last-child{
    border-radius: 0 0 5px 5px;
}

.menu, .menu_option:first-child{
    z-index: 1000;
    /*border-top-left-radius: 5px;
    border-top-right-radius: 5px;*/
}

#implement_project {
    display: none;
}
/****************************/
/*       MY LISTING         */
/****************************/

#my_lds_list {
	padding: 0;
	margin: 0;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

#my_lds_list>li {
	padding: 2px 2px 3px 2px;
	margin: 0;
	background-color: #eee;
	border-bottom: 1px solid #ccc;
	height: 22px;
    overflow: hidden;
}

#my_lds_list>li.new {
	padding: 2px 2px 3px 2px;
	margin: 0;
	background-color: #fff;
	border-bottom: 1px solid #ccc;
}

#my_lds_list>li.new .lds_title {
	font-weight: bold;
}

.lds_locked {
	filter: alpha(opacity=60);
	opacity: 0.6;
}

.lds_padded {
	padding-left: 37px;
}

#my_lds_list .lds_select {
	float: left;
	display: block;
	margin: 4px 8px 0 4px;
	padding: 0;
}

#my_lds_list .lds_select_spacer {
	float: left;
	margin: 4px 8px 0 4px;
	padding: 0;
	width: 13px;
	height: 13px;
}

#my_lds_list_header {
	background-color: #C7D4A3;
	padding: 2px 2px 3px 2px;
	border-bottom: 1px solid #aaa;
}

#my_lds_list .lds_list_element .lds_icon {
	display: block;
	float: left;
	padding-top: 1px;
}

#my_lds_list .lds_info {
	padding: 3px 0 0 25px;
}

#my_lds_list .lds_edit_action {
	/*
    display: block;
	float: left;
    padding-top: 2px;
    width: 29px;
    */
	font-size: 11px;
	padding-left: 5px;
    padding-right: 3px;
	visibility: hidden;
}

#my_lds_list .lds_implement_action {
    diaplay: block;
    float: left;
    font-size: 11px;
    padding-left: 5px;
    padding-top: 2px;
    width: 89px;
}

#my_lds_list .lds_title_tags {
	display: block;
	width: 397px;
	float: left;
	white-space: nowrap;
	overflow: hidden;
}

#my_lds_list .lds_title_tags.implementable {
    width: 307px;
}

#my_lds_list .lds_title_tags:hover {
    overflow: visible;
    position: relative;
    z-index: 9999;
}

#my_lds_list .lds_locked .lds_title_tags {
	display: block;
	width: 307px;
	float: left;
	white-space: nowrap;
	overflow: hidden;
}

#my_lds_list .lds_title {
	/*display: block;
	float: left;*/
	margin-right: 5px;
}

#my_lds_list .lds_title {
    background-color: #EEE;
}

#my_lds_list .lds_title.new {
    background-color: #FFF;
}

.lds_small_tag {
	padding: 1px 3px;
	margin-right: 3px;
	text-decoration: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-size: 10px;
	display: inline-block;
	vertical-align: 2px;
	/*float: left;*/
}

#my_lds_list .lds_people {
	display: block;
	padding-left: 5px;
	padding-top: 2px;
	white-space: nowrap;
	overflow: hidden;
	width: 199px;
	color: #777;
	float: left;
	font-size: 11px;
}

#my_lds_list .lds_editing_by {
	display: none;
	padding-left: 5px;
	padding-top: 2px;
	white-space: nowrap;
	overflow: hidden;
	width: 229px;
	color: #777;
	float: left;
	font-size: 11px;
}

#my_lds_list .lds_date {
	float: left;
	padding-right: 3px;
	width: 85px;
	overflow: hidden;
	white-space: nowrap;
	text-align: right;
}

.some_selected {
	opacity: 0.5;
	filter: alpha(opacity=50);
}

/****************************/
/*       LISTING            */
/****************************/

#left_filters {
	margin-top: 80px;
}

#left_filters h3 {
	font-size: 14px;
}

#left_filters .tag_selector {
	margin: 10px 0 30px 0;
	padding: 0;
}

#left_filters .tag_selector li {
	margin: 3px 0;
}

#left_filters .tag_selector a {
	display: inline-block;
	max-width: 145px;
	overflow: hidden;
	white-space: nowrap;
}

#left_filters .tag_selector .freq {
	display: block;
	float: right;
	margin-right: 10px;
}

.filters {
	height: 40px;
}

.filters .paging {
	float: right;
}

#lds_list {
	padding: 0;
}

#lds_list .lds_list_element {
	padding: 5px;
	margin-bottom: 10px;
	background-color: #eee;
}

#lds_list .lds_list_element .lds_icon {
	display: block;
	float: left;
	padding-top: 5px;
	margin-right: 10px;
	width: 70px;
}

#lds_list .lds_list_element .lds_info {
	padding-top: 5px;
	float: left;
	width: 650px;
	magin-right: 10px;
}

#lds_list .lds_info .tagarea {
	padding: 0;
	color: #000;
	font-size: 11px;
}

#lds_list .lds_info .tagarea li {
	margin: 8px 0;
}

#lds_list .lds_info .authory {
	color: #777;
	font-size: 11px;
	padding-bottom: 5px;
}

#lds_list .lds_list_element .lds_actions {
	padding-top: 5px;
	margin-right: 5px;
	float: right;
	text-align: right;
}

#lds_list .lds_list_element .lds_actions .indicators {
	padding-top: 10px;
	font-size: 11px;
}

#lds_list .lds_list_element .lds_title {
	font-size: 14px;
	font-weight: bold;
}

.lds_sticker {
	font-size: 11px;
	padding: 2px 4px;
	color: #fff;
	display: inline-block;
	margin: 5px 0 0 10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.lds_sticker.mine {
	border: 1px solid #333;
	background-color: #333;
}

.lds_sticker.canedit {
	border: 1px solid #777;
	background-color: #777;
}

/****************************/
/*       FORMS              */
/****************************/

#lds_edit_form {
	font-size: 12px;
}

#lds_edit_buttons {
	float: right;
	padding-right: 25px;
}

#lds_edit_buttons_fullscreen {
    position: relative;
    top: 6px;
    width: 20px;
    height: 20px;
    display: inline-block;
}

#lds_edit_buttons.busy,
.fullscreen > #lds_edit_buttons_fullscreen.busy {
	background:url("https://ilde.upf.edu/uva/_graphics/spinner.gif") no-repeat scroll right center transparent;
}

#lds_edit_buttons input {
	margin: 0;
}

#lds_edit_middlebar {
	margin-top: 10px;
}

#lds_edit_contents {
	margin-top: 10px;
    position: relative;
    z-index: 20;
}

#lds_editor_iframe.fullscreen {
    border: 0px solid #808080 !important;
    height: 100%!important;
    width: 1137px !important;
    position: fixed;
    top: 0px;
    margin-left: -20px;
}

#lds_editor_iframe {
    z-index: 30;
}



#lds_edit_title {
	width: 500px;
	font-size: 18px;
	float: left;
}

#lds_edit_share_info {
	font-size: 11px;
	color: #999;
	float: left;
	padding-left: 10px;
}

#lds_edit_tags {
	width: 340px;
	padding: 5px;
	overflow: hidden;
	white-space: nowrap;
	cursor: pointer;
}

#lds_edit_tags .tooltip {
	font-style: italic;
	color: #999;
}

#lds_edit_tags.over {
	background-color: #ffc;
}

#lds_edit_tags_popup {
	z-index: 100000;
	position: fixed;
	width: 300px;
	background-color: #fff;
	padding: 10px;
	top: 50%;
	left: 50%;
	margin-top: -150px;
	margin-left: -160px;
	border: 10px solid rgba(120,120,120,0.42);
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	-webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
	display: none;
}

#lds_edit_tags_popup_header {
	font-weight: bold;
	margin-bottom: 10px;
}

#lds_edit_tags_popup_close {
	float: right;
	font-size: 12px;
}

.lds_edit_tags_popup_fieldname {
	color: #777;
	font-size: 13px;
	margin-bottom: 3px;
}

.lds_edit_tags_popup_section {
	margin-bottom: 15px;
}

.slider_wrapper {
	float: right;
	width: 280px;
	margin-left: 10px;
	padding: 5px;
}

.slider_wrapper label {
	font-size: 12px;
	font-weight: normal;
	float: right;
	padding: 0 5px 0 0;
}

.slider_wrapper input {
	padding: 0 5px 0 0;
	font-size: 12px;
	border: 0;
	color: #000;
	font-weight: bold;
	width: 20px;
	float: right;
}

.lds_slider {
	float: right;
	width: 150px;
}

#lds_edit_body {
	height: 400px;
	width: 945px;
}

#lds_edit_tabs {
	background-color: #DFE6CB;
	border-left: 5px solid #fff;
	border-right: 5px solid #fff;
	padding: 0 5px;
	height: 30px;
}

#lds_edit_tabs_scrolling {
	white-space: nowrap;
	position: relative;
}

#lds_edit_tabs ul {
	margin: 0;
	padding: 0;
}

#lds_edit_tabs li {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	/*float: left;*/
	margin: 0 2px;
	padding: 5px 8px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	cursor: pointer;
	display: inline-block;
}

#lds_edit_tabs li.current {
	font-weight: bold;
}

#lds_edit_tabs .lds_tab_options {
	color: #999;
	font-weight: normal;
	font-size: 10px;
}

#lds_edit_tabs_popup {
	position: absolute;
	z-index: 9999;
	background-color: #fff;
	padding: 0;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	display: none;
}

#lds_edit_tabs_popup ul {
	margin: 0;
	padding: 0;
}

#lds_edit_tabs_popup li {
	margin: 0;
	font-size: 12px;
}

#lds_edit_tabs_popup a {
	padding: 5px;
	display: block;
	color: #000;
	text-decoration: none;
}

#lds_edit_tabs_popup a:hover {
	display: block;
	background-color: #005301;
	color: #fff;
	text-decoration: none;
}

/****************************/
/*       REVISION           */
/****************************/

#revision_graph_wrapper {
	width: 960px;
	height: 500px;
	overflow: scroll;
	clear: left;
}

#revision_graph_titles {
	padding-left: 250px;
	border-bottom: 1px solid #aaa;
	height: 100px;
	margin-bottom: 0;
}

#revision_graph_titles li {
	padding: 0;
	float: left;
	-moz-transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform:rotate(-90deg);
	width: 70px;
	height: 100px;
	font-size: 11px;
}

#revision_graph_avatars {
	display: none;
}

#iefallback_list {
	padding: 0;
	margin: 10px 0 0 0;
}

.iefallback_revpill {
	font-size: 11px;
	padding: 5px;
	border: 1px solid #ccc;
	width: 140px;
	float: left;
	height: 42px;
	margin: 0 10px 10px 0;
}

.iefallback_box {
	width: 70px;
	height: 64px;
	float: left;
	text-align: center;
	font-size: 40px;
}

.iefallback_box.head {
	color: rgb(0, 200, 0);
}

.iefallback_box.rev {
	color: rgb(0, 0, 200);
}

.iefallback_box.del {
	color: rgb(200, 0, 0);
}

.iefallback_box.ext {
	color: rgb(208, 242, 208)
}

.iefallback_box.lu {
	background:url("https://ilde.upf.edu/uva/mod/lds/images/iefallback_bgu.gif") no-repeat scroll right center transparent;	
}

.iefallback_box.lud {
	background:url("https://ilde.upf.edu/uva/mod/lds/images/iefallback_bgud.gif") no-repeat scroll right center transparent;	
}

.iefallback_box.ld {
	background:url("https://ilde.upf.edu/uva/mod/lds/images/iefallback_bgd.gif") no-repeat scroll right center transparent;	
}

.iefallback_box.l {
	background:url("https://ilde.upf.edu/uva/mod/lds/images/iefallback_bg.gif") no-repeat scroll right center transparent;	
}

.iefallback_revpill .icon {
	float: left;
	margin-right: 5px;
}

ins {
	background-color: #6FFD6F;
	display: inline-block;
	text-decoration: none;
}

ins img, del img {
	/*padding: 5px;*/
	opacity: 0.5;
	filter:alpha(opacity=50);
}

del {
	background-color: #fcc;
	display: inline-block;
	text-decoration: none;
}

#diff_wrapper {
	display: none;
}

#lds_revision_details {
	font-size: 13px;
	background-color: #ffc;
	padding: 5px;
	margin-top: 20px;
}

#lds_revision_details img {
	vertical-align: middle;
}

#previous_revision_details {
	display: none;
}

#lds-rev-toggle-diff {
	vertical-align: middle;
}

/****************************/
/*       VIEW               */
/****************************/

#lds_view_tabs {
	margin: 5px 0 0 0;
	padding: 0 2px;
	background-image: url(https://ilde.upf.edu/uva/mod/lds/images/tabsbg.png);
	background-position: center bottom;
    background-repeat: repeat-x;
    height: 27px;
    white-space: nowrap;
    position: relative;
}

#lds_view_tabs li {
	display: inline-block;
}

#lds_view_tabs a {
	/*display: block;
	float: left;*/
	font-size: 13px;
	padding: 5px;
	margin: 0 2px;
	border-top: 1px solid #cfcfcf;
	border-left: 1px solid #cfcfcf;
	border-right: 1px solid #cfcfcf;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	height: 15px;
	color: #000;
	background-color: #f5f5f5;
}

#lds_view_tabs a:hover {
	text-decoration: none;
	background-color: #fff;
}

#lds_view_tabs li.activetab {
	/*float: left;*/
	font-size: 13px;
	padding: 5px;
	margin: 0 2px;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
	height: 16px;
	background-color: #fff;
	font-weight: bold;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}

#lds_view_tabs a.infotab {
	/*float: left;*/
	font-size: 13px;
	padding: 5px;
	margin: 0 2px;
	border-top: 1px solid #cfcfcf;
	border-left: 1px solid #cfcfcf;
	border-right: 1px solid #cfcfcf;
	height: 15px;
	background-color: #DFE6CB;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}

#lds_view_tabs a.infotab:hover {
	background-color: #ECF2DA;
}

#lds_view_tabs li.infotab {
	background-color: #DFE6CB;
}

#the_lds_wrapper {
margin-top: 20px;
border: 1px solid #777;
box-shadow: 2px 2px 1px #ccc;
-webkit-box-shadow: 2px 2px 1px #ccc;
-moz-box-shadow: 2px 2px 1px #ccc;
width: 955px;
}

#the_lds {
	margin: 0px 18px 0px 19px;
	border: 0px;
    width: 918px;
}

#lds_info_wrapper {
	background-color: #DFE6CB;
	padding: 10px;
	font-size: 13px;
}

#lds_info_wrapper ul.paramarea {
	float: right;
	padding: 0;
}

#lds_info_wrapper ul.tagarea {
	padding: 0;
}

#lds_info_wrapper ul.tagarea li {
	margin-bottom: 5px;
}

#lds_view_actions {
	/*height: 20px;*/
	font-size: 13px;
}

.lds_view_tab_actions {
	font-size: 13px;
	background-color: #ffc;
	padding: 5px;
	margin-top: 10px;
}

.lds_view_tab_actions input {
	font-size: 13px;
	padding: 3px;
	width: 180px;
}

/****************************/
/*  VIEW - CKEDITOR STYLES  */
/****************************/

#the_lds {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12pt;
	line-height: 1.5em;
	color: #000;
}

#the_lds h1 {
  display: block;
  font-size: 2em;
  font-weight: bold;
  margin: .67em 0;
}

#the_lds h2 {
  display: block;
  font-size: 1.5em;
  font-weight: bold;
  margin: .83em 0;
}

#the_lds h3 {
  display: block;
  font-size: 1.17em;
  font-weight: bold;
  margin: 1em 0;
}

#the_lds h4 {
  display: block;
  font-weight: bold;
  margin: 1.33em 0;
}

#the_lds h5 {
  display: block;
  font-size: 0.83em;
  font-weight: bold;
  margin: 1.67em 0;
}

#the_lds h6 {
  display: block;
  font-size: 0.67em;
  font-weight: bold;
  margin: 2.33em 0;
}

#the_lds ul, #the_lds menu, #the_lds dir {
  display: block;
  list-style-type: disc;
  margin: 1em 0;
  -moz-padding-start: 40px;
}

#the_lds ol {
  display: block;
  list-style-type: decimal;
  margin: 1em 0;
  -moz-padding-start: 40px;
}

#the_lds li {
  display: list-item;
}

/*
#the_lds table {
	border-width: 1px;
	border-style: outset;
	border-spacing: 1px;
}

#the_lds td {
	border-width: 1px;
	border-style: inset;
}
*/

#the_lds a {
	color: #00E;
	text-decoration: underline;
}

#the_lds p {
	margin: 16px 0;
}

/****************************/
/*       1st STEPS          */
/****************************/

#fs_top_banner {
	background-color: #D0F5A9;
	padding: 20px 10px 5px 20px;
	border-bottom: 1px solid #9cc96d;
	margin: -20px -20px 20px -20px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

#fs_top_banner h3 {
	font-size: 36px;
	color: #435b00;
	display: block;
	float: left;
	padding-top: 6px;
}

#fs_top_banner p {
	font-size: 17px;
	font-weight: bold;
	margin: 5px 0 5px 50px;
	width: 360px;
	display: block;
	float: left;
}

#fs_never_again {
	clear: both;
	text-align: right;
	font-size: 11px;
}

#fs_actions li {
	margin: 10px 0;
}

#fs_actions .fs-clearfloat {
	clear: both;
	border-bottom: 1px solid #ccc;
	margin-left: 130px;
	padding-top: 5px;
	margin-right: 20px;
}

#fs_actions li.activestep h4 {
	color: #227722;
}

#fs_actions li.activestep .fs-pill {
	opacity: 0.7;
}

#fs_actions li.activestep .callforaction {
	visibility: visible;
}

#fs_actions li h4 {
	font-size: 22px;
	color: #030;
	padding-top: 35px;
	margin-bottom: 10px;
}

.fs-pill
{
	float: left;
	margin: 15px;
	padding-top: 20px;
	text-align: center;
	font-weight: bold;
	width: 100px;
	height: 80px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(255, 255, 255, 0.6) inset, 0 1px 1px rgba(0, 0, 0, 0.3) inset;
	-moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(255, 255, 255, 0.6) inset, 0 1px 1px rgba(0, 0, 0, 0.3) inset;
	-webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(255, 255, 255, 0.6) inset, 0 1px 1px rgba(0, 0, 0, 0.3) inset;
	font-size: 14px;
}

.callforaction {
	display: block;
	float: right;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	background-color: #eaeaea;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#dfdfdf');
	background: -webkit-gradient(linear, center top, center bottom, from(#fafafa), to(#dfdfdf));
    background: -moz-linear-gradient(center top , #fafafa, #dfdfdf) repeat scroll 0 0 #f6f6f6;
    border: 1px solid #ccc;
    color: #000;
	padding: 5px 7px;
	font-size: 16px;
	margin-top: 45px;
	margin-right: 20px;
	text-decoration: none;
	visibility: hidden;
}

.callforaction:hover {
	color: #000;
	text-decoration: none;
	border: 1px solid #999;
}

.callforaction:active {
	border: 1px solid #999;
	background-color: #dadada;
	color: #000;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#fafafa');
	background: -webkit-gradient(linear, center top, center bottom, from(#dfdfdf), to(#fafafa));
    background: -moz-linear-gradient(center top , #dfdfdf, #fafafa) repeat scroll 0 0 #f6f6f6;
}

/****************************/
/*       COMMON             */
/****************************/


#lds_single_share_popup {
	width: 500px;
	top: 50%;
	left: 50%;
	margin-left: -260px;
    margin-top: -208px;
}

#implement_popup {
    width: 500px;
    margin-left: -260px;
}

.lds_popup {
    top: 100px;
    left: 50%;
    z-index: 100000;
    position: fixed;
    background-color: #fff;
    padding: 10px;
    border: 10px solid rgba(120,120,120,0.42);
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    display: none;
    font-size: 13px;
}

.close_popup {
	float: right;
}

.remove_contributor {
	display: block;
	padding: 3px 5px 0 0;
	margin: 0 10px 0 10px;
	float: right;
	font-size: 24px;
}

.remove_contributor:hover {
	text-decoration: none;
}

.can_view_option {
	display: block;
	float: left;
	-moz-border-radius: 3px 0 0 3px;
	-webkit-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#dfdfdf');
	background: -webkit-gradient(linear, center top, center bottom, from(#fafafa), to(#dfdfdf));
    background: -moz-linear-gradient(center top , #fafafa, #dfdfdf) repeat scroll 0 0 #f6f6f6;
	border: 1px solid #ccc;
	color: #888;
	cursor: pointer;
	font-size: 13px;
	padding: 3px 5px;
	text-align: center;
	min-width: 65px;
}

.can_view_option:hover {
	text-decoration: none;
	color: #000;
	border: 1px solid #999;
}

.can_view_option:hover,.can_edit_option:hover {
	text-decoration: none;
	color: #000;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}

.can_view_option.pressed {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#fafafa');
	background: -webkit-gradient(linear, center top, center bottom, from(#dfdfdf), to(#fafafa));
    background: -moz-linear-gradient(center top , #dfdfdf, #fafafa) repeat scroll 0 0 #f6f6f6;
	border: 1px solid #999;
	color: #000;
	font-weight: bold;
}

.can_edit_option {
	display: block;
	float: left;
	-moz-border-radius: 0 3px 3px 0;
	-webkit-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#dfdfdf');
	background: -webkit-gradient(linear, center top, center bottom, from(#fafafa), to(#dfdfdf));
    background: -moz-linear-gradient(center top , #fafafa, #dfdfdf) repeat scroll 0 0 #f6f6f6;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	color: #888;
	cursor: pointer;
	font-size: 13px;
	padding: 3px 5px;
	text-align: center;
	min-width: 65px;
}

.can_edit_option.pressed {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#fafafa');
	background: -webkit-gradient(linear, center top, center bottom, from(#dfdfdf), to(#fafafa));
    background: -moz-linear-gradient(center top , #dfdfdf, #fafafa) repeat scroll 0 0 #f6f6f6;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	color: #000;
	font-weight: bold;
}

#shade, #editor_shade {
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #444;
	opacity: 0.5;
	filter: alpha(opacity=50);
	display: none;
}

#added_contacts {
	height: 250px;
	overflow: auto;
	display: block;
	background-color: #DFE6CB;
	border: 1px solid #ccc;
	padding: 0;
}

#added_contacts li {
	margin: 0;
	padding: 3px;
	display: block;
	background-color: #fff;
	border-bottom: 1px solid #ccc;
}

#added_contacts li img {
	margin: 1px 10px 1px 1px;
	vertical-align: middle;
}

.sharing_field {
	margin-bottom: 10px;
}

.floated-field {
	float: left;
	width: 240px;
}

.usersuggestbox {
	width: 230px;
}

.share_type_switch {
	display: block;
	float: right;
	margin: 9px 10px 0 0;
}

.static_label {
	display: block;
	float: right;
	margin: 12px 10px 0 0;
}

.suggest_dropdown {
	margin: 0;
	padding: 0;
	border: 1px solid #999;
	position: fixed;
	background-color: #fff;
	width: 250px;
}

.suggest_dropdown li {
	padding: 3px;
}

.suggest_dropdown li img {
	margin-right: 10px;
	vertical-align: middle;;
}

.dropdown_selected {
	background-color: #aaf;
}

.hidden {
	display: none;
}

a.rightbutton,#lds_view_actions span {
	font-size: 13px;
	padding: 3px 5px;
}

a.leftbutton {
	font-size: 13px;
	padding: 3px 5px;
}

#lds_view_actions a.leftbutton {
    display: inline-block;
}

a.rightbutton {
	display: block;
	float: right;
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	background-color: #eaeaea;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#dfdfdf');
	background: -webkit-gradient(linear, center top, center bottom, from(#fafafa), to(#dfdfdf));
    background: -moz-linear-gradient(center top , #fafafa, #dfdfdf) repeat scroll 0 0 #f6f6f6;
    border: 1px solid #ccc;
    color: #000;
    margin-left: 10px;
}

a.rightbutton:hover {
	text-decoration: none;
	border: 1px solid #999;
}

a.rightbutton:active {
	border: 1px solid #999;
	background-color: #dadada;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#fafafa');
	background: -webkit-gradient(linear, center top, center bottom, from(#dfdfdf), to(#fafafa));
    background: -moz-linear-gradient(center top , #dfdfdf, #fafafa) repeat scroll 0 0 #f6f6f6;
}

.lds_loading
{
	background-image: url(https://ilde.upf.edu/uva/_graphics/spinner.gif);
	width: 16px;
	height: 16px;
	float: right;
	display: none;
	margin-left: 5px;
}

.lds_tag {
	padding: 2px 5px;
	margin-right: 3px;
	text-decoration: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.lds_order_by {
    float: right;
    color: #930;
    margin: 10px 20px 20px 5px;
    font-size: 8pt;
}

#left_filters .tag_selector li.lds-browse-non-used-tags-hide {
    display: none;
}

.lds-browse-show-tags {
    cursor: pointer;
}

.lds_tag.discipline,.lds_small_tag.discipline {
	background-color: #090;
	color: #fff;
}

.lds_tag.pedagogical_approach,.lds_small_tag.pedagogical_approach {
	background-color: #009;
	color: #fff;
}

.lds_tag.tags,.lds_small_tag.tags {
	background-color: #D49100;
	color: #fff;
}

#error_wrapper {
	padding: 50px 0 0 20px;
}

#error_wrapper ul {
	list-style-type: disc;
}

#error_wrapper li {
	margin-bottom: 5px;
}

#lds_side_sections_prj
{
    padding-top: 80px;
}

#lds_side_sections
{
	padding-top: 20px;
}

#lds_side_sections_imp
{
    padding-top: 20px;
}

#lds_side_sections a,
#lds_side_sections_prj a,
#lds_side_sections_imp a
{
	display: block;
	text-decoration: none;
	color: #000;
	padding: 4px;
}

#lds_side_sections a:hover,
#lds_side_sections_prj a:hover,
#lds_side_sections_imp a:hover

{
	display: block;
	text-decoration: none;
	color: #000;
	background-color: #eee;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#lds_side_sections a.current,
#lds_side_sections_prj a.current,
#lds_side_sections_imp a.current
{
	display: block;
	text-decoration: none;
	background-color: #930;
	font-weight: bold;
	color: #fff;
	padding: 4px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#lds_side_sections a.current:hover,
#lds_side_sections_prj a.current:hover,
#lds_side_sections_imp a.current:hover
{
	display: block;
	text-decoration: none;
	background-color: #930;
}

/* bl stands for Bottom Left */
.tooltip_bl
{
	position: absolute;
	z-index: 10000;
	top: 0;
	left: 0;
	display: none;
}

.tooltip_bl_stem
{
	background: url("https://ilde.upf.edu/uva/mod/lds/images/stem.png") no-repeat scroll center top transparent;
	height: 12px;
}

.tooltip_bl_body
{
	border: 6px solid #458225;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: #fff;
	padding: 10px;
}

.tooltip_bl h4
{
	font-size: 14px;
	margin-bottom: 5px;
}

.tooltip_bl p
{
	margin: 10px 0;
}

.tooltip_bl ol
{
	list-style-type: decimal;
}

.browseralert {
	background-color: #ffa;
	padding: 20px;
	font-size: 13px;
}

#lds_loading_contents {
	background-color: #000;
	padding: 5px 7px;
	color: #fff;
	position: fixed;
	top: 0px;
	left: 20px;
	z-index: 101;
	font-weight: bold;
	font-size: 13px;
	-moz-border-radius: 0 0 7px 7px;
	-webkit-border-radius: 0 0 7px 7px;
	border-radius: 0 0 7px 7px;
}

.scrollable{
	position: relative;
	overflow: hidden;
}

.arrow {
	position: absolute;
	top: 8px;
	z-index: 1;
	padding-top: 8px;
	display: none;
	cursor: pointer;
	width: 20px;
	text-align: center;
	padding: 1px;
	background-color: #729C00;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #fff;
	border: 1px solid #777;
}

.arrow:hover {
	background-color: #8DBF04;
}

.arrow.right {
	right: 0;
}

.arrow.left {
	float: left;
}

#lds_export {
	display: table-cell;
	padding: 3px;
}

#comment_switcher {
    height: 0px;
	background-color: #DFE6CB;
	padding: 5px 10px;
	font-weight: bold;
    display:none;
}

#fs_xul {
	border-bottom: 1px solid #ccc;
}

#fs_xul>ul {
	margin: 10px 0;
	height: 270px;
}

#fs_xul li {
	float: left;
	margin: 5px;
	padding: 0;
	width: 220px;
	text-align: center;
}

#fs_xul li p {
	margin-top: 10px;
	font-size: 11px;
}

#fs_xul em {
	font-style: italic;
}

#fs_xul h2 {
	margin-bottom: 10px;
}

#fs_xul>p {
	margin: 5px 0;
}

.ldshake-listing-admin {
	color: green;
}

.ldshake-user-nonvalidated {
    color: black;
}

form#editorfileupload {
	float: right;
}

.user_menu_removefriend,
.user_menu_friends,
.user_menu_friends_of
{
	display: none;
}

input[type="submit"]:disabled,input[type="button"]:disabled {
    color: graytext;
    cursor: default;
    background: #F6F6F6;
}

/*** VLE form ***/
#lds_vle_page {
padding: 20px;
}

select[name="vle_name_select"] {
    border-radius: 4px;
    background-color: #FCFCFC;
    width: 75%;
    box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1);
    color: #333;
    border: 1px solid #CCC;
    font: 120% Arial, Helvetica, sans-serif;
}

input[name="vle_type"].readonly,
input[name="vle_url"].readonly {
    background: #EFEFEF !important;
}

.vle_form_input:focus {
    border: 1px solid #92F06D !important;
}

.lds_form_title {
font-size: 17px;
background-color: rgb(215, 223, 255);
padding: 3px;
border-bottom: 2px solid red;
color: rgb(71, 71, 71);
font-size: 19px;
}

#lds_vle_form {
font-size: 17px;
margin-top: 20px;
}

.lds_form_block {
font-weight: bold;
padding: 4px 5px 4px 5px;
background-color: #f4f4f4;
border: 1px solid #fff;
box-shadow: 0 0 10px #e0e0e0;
}

.vle_form_label {
width: 20%;
display: inline-block;
color: #666;
}

.vle_form_input {
    border-radius: 4px;
    background-color: #fcfcfc;
    width: 75%;
    box-shadow: inset 1px 1px 2px rgba(0,0,0,0.1);
}

.vle_info_element {
    padding: 4px 5px 4px 5px;  background-color: #F4F4F4;  border: 1px solid #FFF;
    box-shadow: 0 0 10px #e0e0e0;
}
.vle_info_key_data {
    background-color: #C4C4C4;
    padding: 5px;
    width: 18px;
    display: inline-block;
    text-align: center;
}

#vle_test_box {
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
}
.vle_info_working {
    font-size: 17px;
    background-color: rgb(194, 243, 194);
    padding: 5px;
}

#vle_data_box {
    margin-bottom: 30px;
}

.vle_info_name_data {
    display: inline-block;
    /*width: 80px;*/
}

.vle_list_add_item a {
    text-decoration: none;
    color: #464646;
    font-weight: bold;
    padding: 5px;
    display: block;
}

.vle_list_item a {
    text-decoration: none;
    color: #464646;
    padding: 5px;
    display: block;
}


.vle_list_item,
.vle_list_add_item {
    margin-top: 20px;
    text-align: center;
    background-color: #B4FFA6;
    /*padding: 5px;*/
    border-radius: 4px;
    /*margin-left: 20px;*/
}

.vle_list_add_item {
    margin-top: 80px;
}

.ldshake_sidebar_block_title {
    /*margin-left: 20px;*/
    margin-top: 30px;
    font-size: 17px;
    border-bottom: 2px grey solid;
}

.vle_list_item.current {
    border: 1px green solid;
    font-weight: bold;
}

.vle_list_add_item:hover {
    background-color: #8ED581;
}

.vle_list_item:hover {
    background-color: #78CE78;
}

.vle_implement_form_vle_name {
    font-weight: bold;
    margin-top: 5px;
}

.lds_close_popup {
    float: right;
}

#editimplementation_popup {
    left: 20%;
}

#upload_result{
    border-width: 0px;
    width: 0px;
    height: 0px;
}

/* MSO */
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0cm;
margin-bottom:.0001pt;
font-size:11.0pt;
font-family:"Arial","sans-serif";}

p.MsoHeading7, li.MsoHeading7, div.MsoHeading7
{mso-style-link:"Heading 7 Char";
margin-top:12.0pt;
margin-right:0cm;
margin-bottom:3.0pt;
margin-left:64.8pt;
text-indent:-64.8pt;
font-size:11.0pt;
font-family:"Arial","sans-serif";}

p.MsoHeading8, li.MsoHeading8, div.MsoHeading8
{mso-style-link:"Heading 8 Char";
margin-top:12.0pt;
margin-right:0cm;
margin-bottom:3.0pt;
margin-left:72.0pt;
text-indent:-72.0pt;
font-size:11.0pt;
font-family:"Arial","sans-serif";
font-style:italic;}

p.MsoHeading9, li.MsoHeading9, div.MsoHeading9
{mso-style-link:"Heading 9 Char";
margin-top:12.0pt;
margin-right:0cm;
margin-bottom:3.0pt;
margin-left:79.2pt;
text-indent:-79.2pt;
font-size:9.0pt;
font-family:"Arial","sans-serif";
font-weight:bold;
font-style:italic;}

p.MsoToc1, li.MsoToc1, div.MsoToc1
{margin-top:0cm;
margin-right:0cm;
margin-bottom:5.0pt;
margin-left:0cm;
font-size:11.0pt;
font-family:"Arial","sans-serif";}

p.MsoToc2, li.MsoToc2, div.MsoToc2
{margin-top:0cm;
margin-right:0cm;
margin-bottom:5.0pt;
margin-left:11.0pt;
font-size:11.0pt;
font-family:"Arial","sans-serif";}

p.MsoCommentText, li.MsoCommentText, div.MsoCommentText
{mso-style-link:"Comment Text Char";
margin:0cm;
margin-bottom:.0001pt;
font-size:10.0pt;
font-family:"Arial","sans-serif";}

p.MsoHeader, li.MsoHeader, div.MsoHeader
{mso-style-link:"Header Char";
margin:0cm;
margin-bottom:.0001pt;
font-size:11.0pt;
font-family:"Arial","sans-serif";}

p.MsoFooter, li.MsoFooter, div.MsoFooter
{mso-style-link:"Footer Char";
margin:0cm;
margin-bottom:.0001pt;
font-size:11.0pt;
font-family:"Arial","sans-serif";}

p.MsoCaption, li.MsoCaption, div.MsoCaption
{margin-top:0cm;
margin-right:0cm;
margin-bottom:10.0pt;
margin-left:0cm;
font-size:9.0pt;
font-family:"Arial","sans-serif";
color:#4F81BD;
font-weight:bold;}

span.MsoCommentReference
{font-family:"Times New Roman","serif";}

p.MsoTitle, li.MsoTitle, div.MsoTitle
{mso-style-link:"Title Char";
margin-top:12.0pt;
margin-right:0cm;
margin-bottom:3.0pt;
margin-left:0cm;
text-align:center;
font-size:16.0pt;
font-family:"Arial","sans-serif";
font-weight:bold;}

p.MsoSubtitle, li.MsoSubtitle, div.MsoSubtitle
{mso-style-link:"Subtitle Char";
margin-top:0cm;
margin-right:0cm;
margin-bottom:3.0pt;
margin-left:0cm;
text-align:center;
font-size:12.0pt;
font-family:"Arial","sans-serif";}

span.MsoHyperlink
{font-family:"Times New Roman","serif";
color:blue;
text-decoration:underline;}

span.MsoHyperlinkFollowed
{font-family:"Times New Roman","serif";
color:purple;
text-decoration:underline;}

p.MsoCommentSubject, li.MsoCommentSubject, div.MsoCommentSubject
{mso-style-link:"Comment Subject Char";
margin:0cm;
margin-bottom:.0001pt;
font-size:10.0pt;
font-family:"Arial","sans-serif";
font-weight:bold;}

p.MsoAcetate, li.MsoAcetate, div.MsoAcetate
{mso-style-link:"Balloon Text Char";
margin:0cm;
margin-bottom:.0001pt;
font-size:8.0pt;
font-family:"Tahoma","sans-serif";}

p.MsoRMPane, li.MsoRMPane, div.MsoRMPane
{margin:0cm;
margin-bottom:.0001pt;
font-size:11.0pt;
font-family:"Arial","sans-serif";}

p.MsoListParagraph, li.MsoListParagraph, div.MsoListParagraph
{margin-top:0cm;
margin-right:0cm;
margin-bottom:0cm;
margin-left:36.0pt;
margin-bottom:.0001pt;
font-size:11.0pt;
font-family:"Arial","sans-serif";}

p.MsoListParagraphCxSpFirst, li.MsoListParagraphCxSpFirst, div.MsoListParagraphCxSpFirst
{margin-top:0cm;
margin-right:0cm;
margin-bottom:0cm;
margin-left:36.0pt;
margin-bottom:.0001pt;
font-size:11.0pt;
font-family:"Arial","sans-serif";}

p.MsoListParagraphCxSpMiddle, li.MsoListParagraphCxSpMiddle, div.MsoListParagraphCxSpMiddle
{margin-top:0cm;
margin-right:0cm;
margin-bottom:0cm;
margin-left:36.0pt;
margin-bottom:.0001pt;
font-size:11.0pt;
font-family:"Arial","sans-serif";}

p.MsoListParagraphCxSpLast, li.MsoListParagraphCxSpLast, div.MsoListParagraphCxSpLast
{margin-top:0cm;
margin-right:0cm;
margin-bottom:0cm;
margin-left:36.0pt;
margin-bottom:.0001pt;
font-size:11.0pt;
font-family:"Arial","sans-serif";}

p.MsoTocHeading, li.MsoTocHeading, div.MsoTocHeading
{margin-top:24.0pt;
margin-right:0cm;
margin-bottom:0cm;
margin-left:0cm;
margin-bottom:.0001pt;
line-height:115%;
page-break-after:avoid;
font-size:14.0pt;
font-family:"Cambria","serif";
color:#365F91;
font-weight:bold;}

span.Heading1Char
{mso-style-name:"Heading 1 Char";
mso-style-link:"Heading 1";
font-family:"Arial","sans-serif";
font-weight:bold;}

span.Heading2Char
{mso-style-name:"Heading 2 Char";
mso-style-link:"Heading 2";
font-family:"Cambria","serif";
font-weight:bold;
font-style:italic;}

span.Heading3Char
{mso-style-name:"Heading 3 Char";
mso-style-link:"Heading 3";
font-family:"Cambria","serif";
font-weight:bold;}

span.Heading4Char
{mso-style-name:"Heading 4 Char";
mso-style-link:"Heading 4";
font-family:"Calibri","sans-serif";
font-weight:bold;}

span.Heading5Char
{mso-style-name:"Heading 5 Char";
mso-style-link:"Heading 5";
font-family:"Calibri","sans-serif";
font-weight:bold;
font-style:italic;}

span.Heading6Char
{mso-style-name:"Heading 6 Char";
mso-style-link:"Heading 6";
font-family:"Calibri","sans-serif";
font-weight:bold;}

span.Heading7Char
{mso-style-name:"Heading 7 Char";
mso-style-link:"Heading 7";
font-family:"Calibri","sans-serif";}

span.Heading8Char
{mso-style-name:"Heading 8 Char";
mso-style-link:"Heading 8";
font-family:"Calibri","sans-serif";
font-style:italic;}

span.Heading9Char
{mso-style-name:"Heading 9 Char";
mso-style-link:"Heading 9";
font-family:"Cambria","serif";}

span.HeaderChar
{mso-style-name:"Header Char";
mso-style-link:Header;
font-family:"Arial","sans-serif";}

span.TitleChar
{mso-style-name:"Title Char";
mso-style-link:Title;
font-family:"Cambria","serif";
font-weight:bold;}

span.SubtitleChar
{mso-style-name:"Subtitle Char";
mso-style-link:Subtitle;
font-family:"Cambria","serif";}

span.FooterChar
{mso-style-name:"Footer Char";
mso-style-link:Footer;
font-family:"Arial","sans-serif";}

span.BalloonTextChar
{mso-style-name:"Balloon Text Char";
mso-style-link:"Balloon Text";}

span.CommentTextChar
{mso-style-name:"Comment Text Char";
mso-style-link:"Comment Text";
font-family:"Arial","sans-serif";}

span.CommentSubjectChar
{mso-style-name:"Comment Subject Char";
mso-style-link:"Comment Subject";
font-family:"Arial","sans-serif";
font-weight:bold;}

span.apple-converted-space
{mso-style-name:apple-converted-space;}

.MsoChpDefault
{font-size:10.0pt;}

/* Page Definitions */
@page WordSection1
{size:595.3pt 841.9pt;
margin:62.35pt 62.35pt 62.35pt 62.35pt;}
div.WordSection1
{page:WordSection1;}
@page WordSection2
{size:595.3pt 841.9pt;
margin:72.0pt 90.0pt 72.0pt 90.0pt;}
div.WordSection2
{page:WordSection2;}


.MsoTitle a,
.MsoSubtitle a,
#the_lds h1 a,
#the_lds h2 a
{
    color: black!important;
    text-decoration:  none!important;
}

p.MsoListParagraphCxSpFirst,
p.MsoListParagraphCxSpMiddle,
p.MsoListParagraphCxSpLast,
p.MsoListParagraph {
    margin-left: 18px!important;
}

/***** tree diagram *****/
.tree .node .title,
.tree .node .expand,
.tree .node .username{

}

.tree-node-box.enabled:hover {
    stroke: #F3AF1D;
}

.node .nodeState > circle.has-children {
    fill: lightsteelblue;
}

.node .nodeState > circle.no-children {
    fill: #fff;
}

.node .nodeState > circle:hover {
    fill: #D6A5E2;
}

a.tree-box-title {
    color: black;
}

/*
.tree:active {
    cursor: move;
}
*/

.htmlnonselect:active {
    cursor: default;
    -webkit-user-select: none;
}

/*
*:active,
*:hover {
cursor: pointer;
-webkit-user-select: none;
}
*/

.tree {
    overflow:hidden;
    width: 960px;
}

.tree .node circle {
    fill: #fff;
    stroke: steelblue;
    stroke-width: 1.5px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.tree .node text {
    font: 10px sans-serif;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;

}

.tree .link {
    fill: none;
    stroke: #666;
    stroke-width: 1.5px;
}

.tree_info_popup_control {
    float: right;
    width: 182px;
    background-color: #458225;
    margin-top: -10px;
    margin-right: -10px;
    height: 27px;
    border-bottom-left-radius: 9px;
}

.tree_info_popup_control_button {
    width: 28px;
    height: 20px;
    background: #86CC89;
    float: right;
    margin-right: 8px;
    border-radius: 4px;
}

.tree_info_popup_control_button:hover {
    background: #C4D166;
}

.tree_info_popup_move {
    display:none;
    position: absolute;
    margin-left: 100px;
    margin-top: -200px;
    width: 600px;
    height: 500px;
    z-index: 9999;
background-color: rgba(0,0,0,0);
cursor: move;
}

#tree_lds_popup * {
    -webkit-user-select: none;
    -moz-user-select: none;
}

/*rect.svg-tree-box-title:hover {
    stroke: #006180;
}
*/
.svg-box-username:hover {
    fill: #B2C4B1;
}

/***** image viewer *****/
.lds_image_viewer {
    width: 100%;
}

.lds_image_viewer svg,
.lds_image_viewer img {
    margin-left: auto;
    margin-right: auto;
    display: block;
    max-width: 957px;
}

/** ABOUT HELP**/
#metis-about {
    padding: 30px;
}


/** license **/
div.cc_info_icon {
    width: 150px;
    float:left;
    margin-right: 20px;
    display: none;
}

div.cc_info_icon > img {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

div.cc_info_icon > div.cc_icon_title {
    font-family: sans-serif;
    font-size: 19px;
    text-align: center;
    color: grey;
}

.license_cc_select_item {
    border: 2px solid rgba(255,255,255,255);
    font-size: 18px;
    padding: 4px;
    padding-bottom: 0px;
}

.license_cc_select_item:hover {
    border: 2px solid grey;
    border-radius: 6px;
    background-color: lightblue;
    cursor: pointer;
}

.license_cc_select_item > img {
    margin-right: 10px;
}

.license_banner {
    display: none;
}

#license_popup {
    width: 820px;
    margin-left: -410px;
    top: 0px;
    height: 630px;
}


/*** repository search ***/
.repository-links-title {
    font-size: 20px;
}

#repository-links {
    padding: 20px;
}

/*** debug settings ***/
.debug_settings {
    padding: 20px;
}

/*** projects css ***/
#droppable_grid {
    width: 690px;
    height: 661px;
    padding: 0.5em;
    border: 1px solid grey;
    float: left;
    background-color: white !important;
    background-image: none;
    position: relative;
    z-index:0;
}

#ldproject_toolBar {
    position: relative;
    width: 250px;
    height: 675px;
    float:left;
    border-style:
    solid; border-color:
    black; background-color: #F0F0F0 !important;
    background-image: none;
}

.draggable, .draggable-nonvalid {
    width: 55px;
    height: 55px;
    padding: 5px;
    position: relative;
    float: left;
    margin: 4px 0px 0px 5px;
    background-color: white;
    color: white !important;
    border: 1px solid #dddddd;
    z-index: 10;
}

.draggable_wrapper {
    width: 55px;
    height: 55px;
    padding: 5px;
    position: relative;
    float: left;
    z-index: 9;
    margin: 1px;
}

.draggable:not([tooltype_added="true"]):hover {
    border-color: #757575;
}

.ui-widget-content {background-image: none; }

.ui-widget-header {background-image: none; background-color: green !important; border-color: black}

.lds_att_popup {
    top: 100px;
    left: 50%;
    z-index: 9999;
    position: fixed;
    background-color: #fff;
    padding: 10px;
    border: 10px solid rgba(120,120,120,0.42);
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    display: none;
    font-size: 13px;
}

#lds_attachment_popup {
    width: 500px;
    top: 50%;
    left: 50%;
    margin-left: -260px;
    margin-top: -270px;
}

.draggable img[tooltype] {
    width: inherit;
}

.draggable[tooltype_added="true"] {
    padding: 0px 5px 10px 5px;
    box-shadow: 2px 2px 0px #F0F0F0;
}

.subtool_title {
    color: grey;
}

#ldproject_view_grid .draggable {
    display: none;
    position: absolute;
}

#ldproject_view_grid {
    position: relative;
    height: 100%;
    overflow-y: scroll;
}

.projects_tool_caption {
    position: absolute;
    bottom: 0px;
    left: 3px;
    width: 50px;
    background-color: rgba(235, 235, 235, 0.8);
    color: rgb(73, 73, 73);
    text-align: center;
    font-weight: bold;
    border-radius: 8px;
    font-size: 11px;
    /*word-break: break-all;*/

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default
}

.workflow_order {
    width: 18px;
    height: 15px;
    left: -5px;
    top: -3px;
    display: block;
    position: absolute;
    z-index: 9999;
    border: 3px solid #00F;
    border-radius: 20px;
    background-color: #FFF;
    padding-bottom: 2px;
    padding-top: 1px;
}

.workflow_order > input {
    padding: 0px;
    width: 100%;
    background-color: rgba(0,0,0,0);
    margin: 0px;
    border-width: 0px;
    text-align: center;
    font-weight: bold;
    color: grey;
    font-size: 12px;
}

.stickynote {
    width: 150px;
    height: 300px;
    display: block;
    position: absolute;
    z-index: 9999;
    border: 3px solid yellow;
    border-top-width: 13px;
    border-top-color: rgb(241, 241, 0);
    background-color: yellow;
    cursor: all-scroll;
}

.stickynotetext {
    width: 100%;
    height: 100%;
    border-width: 0px;
    padding: 0px;
    margin: 0px;
    resize: none;
    background-color: yellow;
    color: grey;
}

#project_add_note {
    float: right;
    width: 100px;
    /*height: 30px;*/
    position: relative;
    font-size: 16px;
    font-weight: bold;
    background-color: yellow;
    padding-left: 9px;
    padding-top: 6px;
    cursor: all-scroll;
    color: grey;
}

.stickynoteclose {
    position: absolute;
    right: 3px;
    top: -14px;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    z-index: 10000;
}

.subtool_title textarea {
    width: 100%;
    height: 100%;
    font-size: 10px;
    border-width: 0px;
    padding: 0px;
    margin: 0px;
    resize: none;
    color: darkgrey;
}

.subtool_title textarea[newtitle="false"] {
    font-style: italic;
}

.subtool_title textarea[newtitle="true"] {
    color: #525252;
}

form[name="myldSform"] {
    max-height: 500px;
    overflow-y: scroll;
}

.profile_counter {
    float: right;
    padding: 4px;
}

.profile_counter.current {
    color: white;
    font-weight: bold;
}

.google-docs-blocking-user > div.switch,
.google-docs-blocking-user > div.save {
    text-align: center;
    cursor: pointer;
    display: inline-block;
    border: 1px solid #CCC;
    color: #000;
    padding: 3px 5px;
    font-size: 13px;
    border-radius: 3px 3px 3px 3px;
    background-color: #EAEAEA;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#dfdfdf');
    background: -webkit-gradient(linear, center top, center bottom, from(#FAFAFA), to(#DFDFDF));
}

.google-docs-blocking-user > div.save {
    display: none;
}

.google-docs-blocking-user.fullscreen > div.save {
    display: inline-block;
}

.google-docs-blocking-user {
    position: absolute;
    z-index: 40;
    top: 0px;
    background-color: #FFFFFF;
    width: 297px;
    height: 55px;
    right: 0px;
}

.google-docs-blocking-user.fullscreen {
    position: fixed;
    top: 0px;
    width: 357px;
    margin-left: 220px;
}

.browse-filter-button {
    font-weight: bold;
    background: #eee;
    background: linear-gradient(to right, #ECECEC 0%,#fcfcfc 100%);
    /*border-radius: 5px;*/
    border: 0px solid rgb(232, 232, 232);
    margin-bottom: 10px;
    margin-right: 10px;
}

.browse-filter-button:hover {
    background: rgb(208, 208, 208);
    background: linear-gradient(to right, #E5E5E5 0%,#F9F9F9 100%);
}

.browse-filter-button > a {
    text-decoration: none !important;
    color: black!important;
    font-weight: bold;
    display: block;
    padding: 5px;
}

.implementation-list > ul > li:nth-child(even) {
    margin-bottom: 30px!important;
    margin-left: 20px;
    background-color: #EDF9EC!important;
}

.implementation-list > ul > li:nth-child(odd) {
    background-color: #E2F1FD!important;
}

.implementation-list > ul > li:nth-child(even) .lds_info {
    width: 630px!important;
}

.implementation-list-by-design > ul > li {
    margin-left: 20px;
    margin-bottom: 30px!important;
    background-color: #E2F1FD!important;
}

.implementation-list-by-design > ul > li:first-child {
    margin-left: 0px!important;
    background-color: #EDF9EC!important;
}

.implementation-list-by-design > ul > li .lds_info {
    width: 630px!important;
}/****************************/
/*       USER LISTING       */
/****************************/

#ldshakers_add_group_popup {
	z-index: 100000;
	position: fixed;
	width: 300px;
	background-color: #fff;
	padding: 10px;
	top: 50%;
	left: 50%;
	margin-top: -150px;
	margin-left: -160px;
	border: 10px solid rgba(120,120,120,0.42);
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	-webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
	display: none;
}

.ldshakers_add_group_popup_fieldname {
	color: #777;
	font-size: 13px;
	margin-bottom: 3px;
}

.ldshakers_add_group_popup_section {
	margin-bottom: 15px;
}

#ldshakers_list_header {
	background-color: #C7D4A3;
	padding: 2px 2px 3px 2px;
	/*border-bottom: 1px solid #aaa;*/
}

#ldshakers_list {
	padding: 0;
	margin: 0;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
}

#ldshakers_list>li.noresults {
	padding: 0;
	margin: 0;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}


#ldshakers_list>li {
	padding: 2px;
	margin: 0;
	background-color: #eee;
	border-bottom: 1px solid #ccc;
}

#ldshakers_list .profilepic {
	display: block;
	float: left;
	margin: 8px;
}

.ldshakers_select {
	display: block;
	float: left;
	margin-top: 20px;
}

.ldshakers_user_name {
	font-weight: bold;
	display: block;
	float: left;
	margin-top: 10px;
}

#ldshakers_add_to_list {
	position: absolute;
	top: 100px;
	left: 100px;
	border: 1px solid;
	border-color: #eee #ccc #ccc #eee;
	background-color: #fff;
	display: none;
}

#ldshakers_add_to_list>ul {
	padding: 0;
	margin: 0;
}

#ldshakers_add_to_list>ul a {
	display: block;
	text-decoration: none;
	color: #000;
	padding: 5px;
}

#ldshakers_add_to_list>ul a:hover {
	color: #fff;
	background-color: #005301;
}

.ldshakers_popup_info,.ldshakers_popup_unavailable {
	padding: 5px;
	color: #777;
}

.starring_in {
	float: right;
	margin: 18px 5px 0 0;
}

.starring_in a {
	display: inline-block;
	padding: 3px 5px;
	background-color: #fff;
	color: #000;
	font-size: 11px;
	border: 1px solid #999;
	text-decoration: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

/****************************/
/*       COMMON             */
/****************************/

#profile_actions {
	padding: 0;
	margin: 20px 0;
}

/****************************/
/*       COMMON             */
/****************************/

.popup_header {
	font-weight: bold;
	margin-bottom: 10px;
}

.close_popup {
	float: right;
	font-size: 12px;
}

#shade {
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #444;
	opacity: 0.5;
	filter: alpha(opacity=50);
	display: none;
}

.errnote {
	color: #c00;
	display: none;
}

.groupicon {
    float: left;
    margin: 0 15px 0 0;
}