/* 

  BLUEPRINT CSS

   * Filename:        compressed.css

   * Version:         0.7.1 (2008-02-25) YYYY-MM-DD

   * Website:         http://code.google.com/p/blueprintcss/

   

   Generated by:

    * Blueprint CSS Grid Generator (2008-05-11) [http://kematzy.com/blueprint-generator/]

    

  == STRUCTURE: ========================

   * Page width:            900 px

   * Number of columns:     24

   * Column width:          26 px

   * Margin width:          12 px

  ======================================

   

*/



/* reset.css */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}

body {line-height:1.5;}

table {border-collapse:separate;border-spacing:0;}

caption, th, td {text-align:left;font-weight:normal;}

table, td, th {vertical-align:middle;}

blockquote:before, blockquote:after, q:before, q:after {content:"";}

blockquote, q {quotes:"" "";}

a img {border:none;}



/* typography.css */

body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}

h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}

h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}

h2 {font-size:2em;margin-bottom:0.3em;}

h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}

h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em;}

h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}

h6 {font-size:1em;font-weight:bold;}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}

p {margin:0em; margin: 0em 0em 1em;}

p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}

p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}

a:focus, a:hover {}

a {color:#009;text-decoration:underline;}

blockquote {margin:1.5em;color:#666;font-style:italic;}

strong {font-weight:bold;}

em, dfn {font-style:italic;}

dfn {font-weight:bold;}

sup, sub {line-height:0;}

abbr, acronym {border-bottom:1px dotted #666;}

address {margin:0 0 1.5em;font-style:italic;}

del {color:#666;}

pre, code {margin:1.5em 0;white-space:pre;}

pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}

li ul, li ol {margin:0 1.5em;}

ul, ol {margin:0 1.5em 1.5em 1.5em;}

ul {list-style-type:disc;}

ol {list-style-type:decimal;}

dl {margin:0 0 1.5em 0;}

dl dt {font-weight:bold;}

dd {margin-left:1.5em;}

table {margin-bottom:1.4em;width:100%;}

th {font-weight:bold;background:#C3D9FF;}

th, td {padding:4px 10px 4px 5px;}

tr.even td {background:#E5ECF9;}

tfoot {font-style:italic;}

caption {background:#eee;}

.small {font-size:.95em;line-height:18px;}

.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}

.hide {display:none;}

.quiet {color:#666;}

.loud {color:#000;}

.highlight {background:#ff0;}

.added {background:#060;color:#fff;}

.removed {background:#900;color:#fff;}

.first {margin-left:0;padding-left:0;}

.last {margin-right:0;padding-right:0;}

.top {margin-top:0;padding-top:0;}

.bottom {margin-bottom:0;padding-bottom:0;}



/* grid.css */

.container {width:900px;margin:0 auto;}

.showgrid {background:url(src/grid.png);}

body {margin:1.5em 0;}

div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right: 12px;}



div.last {margin-right:0;}

.span-1  { width: 26px;}

.span-2  { width: 64px;}

.span-3  { width: 102px;}

.span-4  { width: 140px;}

.span-5  { width: 178px;}

.span-6  { width: 216px;}

.span-7  { width: 254px;}

.span-8  { width: 292px;}

.span-9  { width: 330px;}

.span-10 { width: 368px;}

.span-11 { width: 406px;}

.span-12 { width: 444px;}

.span-13 { width: 482px;}

.span-14 { width: 520px;}

.span-15 { width: 558px;}

.span-16 { width: 596px;}

.span-17 { width: 634px;}

.span-18 { width: 672px;}

.span-19 { width: 710px;}

.span-20 { width: 748px;}

.span-21 { width: 786px;}

.span-22 { width: 824px;}

.span-23 { width: 862px;}

.span-24, div.span-24 { width: 900px; margin: 0; }



.append-1  { padding-right: 38px;}

.append-2  { padding-right: 76px;}

.append-3  { padding-right: 114px;}

.append-4  { padding-right: 152px;}

.append-5  { padding-right: 190px;}

.append-6  { padding-right: 228px;}

.append-7  { padding-right: 266px;}

.append-8  { padding-right: 304px;}

.append-9  { padding-right: 342px;}

.append-10 { padding-right: 380px;}

.append-11 { padding-right: 418px;}

.append-12 { padding-right: 456px;}

.append-13 { padding-right: 494px;}

.append-14 { padding-right: 532px;}

.append-15 { padding-right: 570px;}

.append-16 { padding-right: 608px;}

.append-17 { padding-right: 646px;}

.append-18 { padding-right: 684px;}

.append-19 { padding-right: 722px;}

.append-20 { padding-right: 760px;}

.append-21 { padding-right: 798px;}

.append-22 { padding-right: 836px;}

.append-23 { padding-right: 874px;}



.prepend-1  { padding-left: 38px;}

.prepend-2  { padding-left: 76px;}

.prepend-3  { padding-left: 114px;}

.prepend-4  { padding-left: 152px;}

.prepend-5  { padding-left: 190px;}

.prepend-6  { padding-left: 228px;}

.prepend-7  { padding-left: 266px;}

.prepend-8  { padding-left: 304px;}

.prepend-9  { padding-left: 342px;}

.prepend-10 { padding-left: 380px;}

.prepend-11 { padding-left: 418px;}

.prepend-12 { padding-left: 456px;}

.prepend-13 { padding-left: 494px;}

.prepend-14 { padding-left: 532px;}

.prepend-15 { padding-left: 570px;}

.prepend-16 { padding-left: 608px;}

.prepend-17 { padding-left: 646px;}

.prepend-18 { padding-left: 684px;}

.prepend-19 { padding-left: 722px;}

.prepend-20 { padding-left: 760px;}

.prepend-21 { padding-left: 798px;}

.prepend-22 { padding-left: 836px;}

.prepend-23 { padding-left: 874px;}



div.border{padding-right:5px;margin-right:6px;border-right:1px solid #eee;}

div.colborder { padding-right:21px;margin-right:20px;border-right:1px solid #eee;}

.pull-1 { margin-left: -38px;}

.pull-2 { margin-left: -76px;}

.pull-3 { margin-left: -114px;}

.pull-4 { margin-left: -152px;}

.pull-5 { margin-left: -190px;}

.pull-6 { margin-left: -228px;}

.pull-7 { margin-left: -266px;}

.pull-8 { margin-left: -304px;}

.pull-9 { margin-left: -342px;}

.pull-10 { margin-left: -380px;}

.pull-11 { margin-left: -418px;}

.pull-12 { margin-left: -456px;}

.pull-13 { margin-left: -494px;}

.pull-14 { margin-left: -532px;}

.pull-15 { margin-left: -570px;}

.pull-16 { margin-left: -608px;}

.pull-17 { margin-left: -646px;}

.pull-18 { margin-left: -684px;}

.pull-19 { margin-left: -722px;}

.pull-20 { margin-left: -760px;}

.pull-21 { margin-left: -798px;}

.pull-22 { margin-left: -836px;}

.pull-23 { margin-left: -874px;}

.pull-24 { margin-left: -912px;}



.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float:left;position:relative;}



.push-1 { margin: 0 -38px 1.5em 38px;}

.push-2 { margin: 0 -76px 1.5em 76px;}

.push-3 { margin: 0 -114px 1.5em 114px;}

.push-4 { margin: 0 -152px 1.5em 152px;}

.push-5 { margin: 0 -190px 1.5em 190px;}

.push-6 { margin: 0 -228px 1.5em 228px;}

.push-7 { margin: 0 -266px 1.5em 266px;}

.push-8 { margin: 0 -304px 1.5em 304px;}

.push-9 { margin: 0 -342px 1.5em 342px;}

.push-10 { margin: 0 -380px 1.5em 380px;}

.push-11 { margin: 0 -418px 1.5em 418px;}

.push-12 { margin: 0 -456px 1.5em 456px;}

.push-13 { margin: 0 -494px 1.5em 494px;}

.push-14 { margin: 0 -532px 1.5em 532px;}

.push-15 { margin: 0 -570px 1.5em 570px;}

.push-16 { margin: 0 -608px 1.5em 608px;}

.push-17 { margin: 0 -646px 1.5em 646px;}

.push-18 { margin: 0 -684px 1.5em 684px;}

.push-19 { margin: 0 -722px 1.5em 722px;}

.push-20 { margin: 0 -760px 1.5em 760px;}

.push-21 { margin: 0 -798px 1.5em 798px;}

.push-22 { margin: 0 -836px 1.5em 836px;}

.push-23 { margin: 0 -874px 1.5em 874px;}

.push-24 { margin: 0 -912px 1.5em 912px;}



.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float:right;position:relative;}

hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}

hr.space {background:#fff;color:#fff;}

.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}

.clearfix, .container {display:inline-block;}

* html .clearfix, * html .container {height:1%;}

.clearfix, .container {display:block;}

.clear {clear:both;}



/* forms.css */

label {font-weight:bold;}

fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}

legend {font-weight:bold;font-size:1.2em;}

input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}

input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}

input.text, input.title {width:300px;padding:5px;}

input.title {font-size:1.5em;}

textarea {width:390px;height:250px;padding:5px;}

.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}

.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}

.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}

.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}

.error a {color:#8a1f11;}

.notice a {color:#514721;}

.success a {color:#264409;}/* -------------------------------------------------------------- 

  

   buttons.css

   * Gives you some great CSS-only buttons.

   

   Created by Kevin Hale [particletree.com]

   * particletree.com/features/rediscovering-the-button-element



   See Readme.txt in this folder for instructions.



-------------------------------------------------------------- */



a.button, button {

  display:block;

  padding:3px 7px 3px 7px;   /* Links */

  border:1px solid #AAA;

  border-top:1px solid #CCC;

  border-left:1px solid #CCC;

  background-color:#FFF;

  text-decoration:none;

  font-weight:bold;

  color:#565656;

  cursor:pointer;

}

button {

  width:auto;

  overflow:visible;
  
  vertical-align:center;
  
  margin-left:8px;   /*  IE */
  
  margin-top:4px;   /*  IE */

  padding:0px 6px;  /*  IE6 */
  

}

button[type] {

  padding:5px 7px 3px 7px; 
  
  margin-top:0px;  /*  Firefox */
  
  margin-left:0px;  /*  Firefox */

  line-height:17px;     /*   Safari */

}

*:first-child+html button[type] {

  padding:0px;     /* IE7 */

}

button img, a.button img{

  margin:0 3px -3px 0 !important;

  padding:0;

  border:none;

  width:16px;

  height:16px;

  float:none;

}





/* Button colors

-------------------------------------------------------------- */



/* Standard */

button:hover, a.button:hover{

	background-color:#dff4ff;

	border:1px solid #c2e1ef;

}

a.button:active{

  background-color:#6299c5;

  border:1px solid #6299c5;

  color:#fff;

}



/* Positive */

body .positive {

  color:#529214;

}

a.positive:hover, button.positive:hover {

  background-color:#E6EFC2;

  border:1px solid #C6D880;

  color:#529214;

}

a.positive:active {

  background-color:#529214;

  border:1px solid #529214;

  color:#fff;

}



/* Negative */

body .negative {

  color:#d12f19;

}

a.negative:hover, button.negative:hover {

  background-color:#fbe3e4;

  border:1px solid #fbc2c4;

  color:#d12f19;

}

a.negative:active {

  background-color:#d12f19;

  border:1px solid #d12f19;

  color:#fff;

}

/* 
	MACE base styles
	author: moritz.stefaner@fh-potsdam.de
*/

/* Blueprint import 
	now in php
*/
/*
@import url("blueprint/screen.css");
@import url("blueprint/plugins/buttons/screen.css");
*/

/* ! Base font settings */

/* Base font  */

body{
	background: url(../img/bg_dark_desat.gif) #000 repeat top left;
	margin:0px;
	padding:0px;
}

body, p, td, div {
	font-family: Helvetica, Arial, sans-serif;
	color:#444;
	line-height:1.6em;
	font-size:12px;
}

small {
	line-height:1em;
}


li {
	text-align:left;
}

/* @end */

/* ! headings */

h1, h2, h3 {
	font-family: "Myriad Pro", "Myriad", Calibri, Helvetica, Arial, sans-serif !important;
	padding-top: 0.2em;
	vertical-align:top;
}

h3 {
 	margin-bottom:0.5em;	
}

h4 {
	font-size:1em;
	color:#000;
	font-weight:bold;
}

/* @end */

/* ! links */

a, a:link, a:active, a:visited {
	color: #69c;
	text-decoration: none;
}

a:hover {
	text-decoration:underline;
}

a:focus {
	outline: none;
}

/* @end */

/* ! buttons and controls */

.toolBar{
	padding:0.75em 0.75em 0 0.75em !important;
}

a.button, button{
	color: #000;
	font-size:100%;
	font-family:Helvetica, Arial, sans-serif;
	display:inline !important;  
	/* for IE
	margin-right: .5em;	
	*/
	background: url(../img/button_gradient.png) repeat-x #DDD left bottom;
	border: 1px solid #CCC;
	border-bottom-color:#999;
	border-top-color:#EEE;	
	padding:5px 7px 3px;
	height:26px;
}

button{
	padding:1px 7px 3px 3px;	
}

a.button.negative:hover, button.negative:hover {
	background-image: url(../img/button_gradient_over_red.png);
}

a.button.details{
	line-height:17px;
	margin-left:0px;
	padding:6px 10px 4px;
}

a.button:hover, button:hover {
	background: url(../img/button_gradient_over.png);
	border: 1px solid #CCC;
	text-decoration:none;
}

/* ! Icons */

a.button .icon, button .icon{
	padding-left: 17px;
	background: transparent no-repeat left center;
}

a.button .noicon, button .noicon{
	padding-left: 0px !important;
	background: transparent no-repeat left center;
}

a.close .icon, button.close .icon{
	background-image: url(../img/icons/cross.png);
}

a.find .icon, button.find .icon{
	background-image: url(../img/icons/search.png);
	padding-left: 20px !important;
}

a.positive .icon, button.positive .icon{
	/* color: #2e2e2e; // disabled would not work with */
	background-image: url(../img/icons/check.gif);
}

a.negative .icon, button.negative .icon{
	/*color: #ce0015;*/
	color: #777;
	background-image: url(../img/icons/cross.png);
}

a.next .icon, button.next .icon{
	background-image: url(../img/icons/arrow_right.png);
	background-position: right center;
}

a.previous .icon, button.previous .icon{
	background-image: url(../img/icons/arrow_left.png);
}

a.add .icon, button.add .icon{
	background-image: url(../img/icons/plus.png);
}

a.edit .icon, button.edit .icon{
	background-image: url(../img/icons/edit.png);
}

a.delete .icon, button.delete .icon{
	background-image: url(../img/icons/minus.png);
}

a.position .icon, button.position .icon{
	background-image: url(../img/icons/world.png);
}

a.followUser .icon, button.followUser .icon{
	background-image: url(../img/icons/follow.gif);
}

a.unfollowUser .icon, button.unfollowUser .icon{
	background-image: url(../img/icons/unfollow.gif);
}

a.sendMessage .icon, button.sendMessage .icon{
	background-image: url(../img/icons/message.gif);
	padding-left: 20px !important;
}

a.clearButton {
	background: #FFF url(../img/icons/cross.png) no-repeat center center !important;
	width:12px !important;
	height:12px !important;
	font-size: 0px !important;
	line-height: 0 !important;	
	padding:0px !important;
	margin:0px 2px !important;
}

a.clearButton:hover {
	background-color: #FAA !important;
}

/* @end */

a.small, button.small{
	text-transform:none;
	padding: 4px 7px 3px 7px;	
	/*margin-left: 4px;*/
	margin-right:0.4em;
	font-size: 0.8em;
	font-weight:normal;
}

a.noText, button.noText{
	padding:4px 0px 4px 0px !important;
}

a.noText .icon, button.noText .icon{
	background-position: center;
}

a.small.noText .icon, button.small.noText .icon{
	background-position: center;
	height:18px;
}

a.secondary, button.secondary, a.secondary span, button.secondary span{
	color: #777 !important;
}

a.disabled, a.button.negative.disabled:hover, a:disabled, button.disabled, button:disabled, a.disabled:hover, a:disabled:hover, button.disabled:hover, button:disabled:hover{
	color: #999;
	background: #F0F0F0;
	background-image: none;
	cursor: default;
	border-color: #ccc;
}


input[type="text"], input[type="password"], textarea {
	font-family:Helvetica, Arial, sans-serif;	
	color:#222;
	font-size:16px;
	float:left;
	background-color: #FFF;	
	margin:0;
	margin-bottom:.5em;
	margin-right:.25em;	
	padding:.25em 0.25em .15em .25em;
	line-height: 1;	
	border:1px solid #DDD;
	border-top:1px solid #999;
	border-left:1px solid #999;
}

select.lang {
	margin: 0pt 0pt 1em;
	min-width: 200px;
	font-size: 1.1em;
}

.buttonGroup{
	float: left;
	background: #AAA;
	clear: both;
	padding-left: .5em;
	padding-top: .5em;
}

input[type="text"]:hover, input[type="password"]:hover, textarea:hover{
	background-color: #cdf;
}

input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
	border:1px solid #999;
	background-color: #cdf;
}

label{
	display: block;
	clear: both;
	color: #333;
	font-size: .95em !important;
	font-weight: normal;
	padding: 0px;
}

/* @end */

/* ! lists */

/* borderList: with horizontal lines */

.borderList{
	list-style:none;
	margin:0px;
	padding: 0px;
	margin-top:.5em;
}

.borderList li{
	border-top:1px dotted #444444;
	padding: 0.25em;
}

/* inlineList: as for e.g. tag clouds */

.inlineList{
	list-style:none;
	padding: 0em;
	margin:0px;
}

.inlineList li{
	display:block;
	float:left;
	margin-right:8px;
}

/* rowList: as for e.g. metadata values */

.rowList{
	list-style:none;
	margin:0;
	padding: 0em;
}

.rowList li{
	clear:both;
}

/* Key-value lists */

.key {
	font-weight: bold;
	color: #7e7a6d;
}

.rowList .key{
	border-top:1px solid #DDDDDD;
	clear:both;
	float:left;
	font-size:0.9em;
	line-height:1.33;
	padding-bottom:0.1em;
	padding-top:0.2em;
	width:93px;
}

.valueList{
	list-style:none;
	display:block;
	float:left;
	margin:0px;
	padding:0px;
	width:185px;
}

.valueList li{
	border-top: 1px solid #DDD;
	margin:0px;
	padding:0px;
	overflow:hidden;
}

.valueList li div.label {
	float:left;
	padding:0 2px;
}

.valueList li div.label a{
	color:#333;
}

.valueList li div.icon {
	float:right;
}

.valueList li div.icon a {
	background:url(../img/delete-gray.png) 50% 0 no-repeat;
	height: 16px;
	width: 16px;
	display: block;
	text-indent: -9999em;
	text-align: left;
	margin-top:1px;
	padding: 0 2px;
}

.valueList li.todelete {
	background: #fff5f5;
}

.valueList li.new {
	background-color:#E4F2C3;
}

.valueList li.todelete div.icon a {
	background:url(../img/delete.png) 50% 0 no-repeat;
}

.valueList li.working div.icon a {
	background:url(../img/working.gif) 50% 0 no-repeat;
}


/* @end */

.todelete {
	background: #FFF5F5;
}



/* Messages */

.message, .adviceMessage, .confirmationMessage, .errorMessage, .loadingMessage{
	clear:both;
	display:block;
	font-size:1.2em;
	margin:0.5em 0;
	padding:0.65em 0.5em 0.5em 30px;
	text-align:left;
}

.adviceMessage{
	color:#555;
	background:url(../img/error.png)  no-repeat 5px #F0F0F0;
}

.errorMessage{
	color:#AE1B27;
	background:url(../img/exclamation.png)  no-repeat 5px #F6D6DB;
}

.confirmationMessage{
	color:#627628;
	background:url(../img/accept.png)  no-repeat 5px #E4F2C3;
}

.loadingMessage{
	color:#665;
	background:url(../img/working.gif)  no-repeat 5px #FFF;
}

.bodydarkbg .loadingMessage, .loadingMessage.dark{
	color:#AAA;
	background:url(../img/working_222.gif)  no-repeat 5px transparent !important;
}

iframe{
	border:1px solid #999;
}

/* ! Clearfix hack */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* @end */
/* Widget Container (one per page, contains one header and widgets)*/

.MACEwidgetContainer {
	background:	url(../img/gradient_bg.gif) repeat-x #eae7e1;
	width:29.5em;
	height:auto;
	padding:0.5em;
	/* important: all widgets have to be positioned relative! - otherwise the overlays could not work!*/
	position:relative;
}

.MACEwidgetContainer .header {
	
	background: #FFF url(../img/mace_grey_web.gif) no-repeat .5em 0em;
	
	font-size: 1.2em;
	font-weight: normal;
	color: #60A3CA;
	text-transform: uppercase;
	
	margin-bottom:.5em;
	padding-top: 11px;
	padding-right: 1em;
	padding-left: 65px;
	padding-bottom: 0.1em;
	
	
}
/* Widget (contains header and widget components)*/

.MACEwidget {
	margin-bottom:1em;
	border: 1px solid #777;
}

.MACEwidget .widgetHeader{
	background: #666666 url(../img/widget_header_expanded.gif) repeat-x center;
	padding-left:8px;
}

.MACEwidget .widgetHeader, .MACEwidget .widgetHeader a{
	color: #FFF;
}



/* Widget Component (used for grouping blocks in widget) */

.MACEwidgetComponent {
	background: #fff url(../img/shadow_top.gif) repeat-x;
	border-top:1px solid;
	border-color:#ccc;
	margin: 0;
	padding: 0.5em;
	clear:both;
}

.MACEwidgetComponent .componentHeader {
	color: #666;
	/* text-transform: uppercase; */
	margin: .25em 0em;
	font-weight: bold;
}

/* Tabs used in timeline and map widget */

.widgetTab{
	margin-right:10px;
	color:#555;
	padding: 2px 5px;
}

.widgetTab.active{
	color:#333;
	font-weight:bold;
	background:#DDD;
}

  /* WIDGET EDIT MODE */
  
  .editMode .editBar{
  	background:#444;
  	border-color:#222;
  }
  
  /* hidden, unless in editMode container! */
  
  .editMessage{
  	display:none;
  }
  
  .editMode .editMessage{
  	display:block;
  	color: #a8a8a8;
  	font-weight: bold;
  	padding: 5px 0px 0px 3px;
  }
  
  /* hidden, unless in editMode container! */
  
  .editHelpMessage{
  	display:none;
  	font-size:.85em;
  	color:#EEE;
  	background:#222;
  	padding:.25em .25em .15em 8px;
  }
  
  .editMode .editHelpMessage{
   	display:block;  
  }
  
  /* hidden, unless in editMode container! */
  
  button.leaveEditMode{
  	display:none !important;
  	float:right;
  }
  
  .editMode button.leaveEditMode{
  	display:block !important;
  }
  
  /* shown, unless in editMode container! */
  
  button.enterEditMode{
  	display:block !important;
  	float:right;
  }
  
  .editMode button.enterEditMode{
  	display:none !important;
  }
 
@charset "UTF-8";

html, body {
	height: 100%;
	margin:0px;
	padding:0px;
	/* ? for IE ?*/
	text-align: center;
}

.container {
	/*width: span-24 width from blueprint + 2*padding */
	width:924px;	
	background:#CCCCCC none repeat scroll 0 0;
	text-align: left !important;	
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -20px; /* the bottom margin is the negative value of the footer's height */
}

.push, .footer{
	height:20px;
}

.footer{
	background:#222222 none repeat scroll 0 0;
	color:#666666;
	padding:0.3em 0 0.2em;
	margin: 0px auto;
	width:924px;
	text-align: center;
}

/* TODO: larissa: solve with selectors, not extra stylenames */

.bodydarkbg {
	color:#ddd !important;
	padding:0; 
	margin:0;
	font-weight: normal;
}

p.bodydarkbg{
	padding:0.5em 0 0.6em 0;
}

.bodydarkbg.obs {
	padding-bottom:2.2em;
	font-size:0.95em;
	}

.h1_darkbg {
	font-family: "Myriad", "Myriad Pro", Helvetica, Arial, sans-serif !important;
	font-size:2.2em;
	font-weight:lighter;
	line-height:1.5em;
	color:#fff;
	margin:0px;
	
}

p.h1_darkbg {
	padding-bottom:0.5em;
}

.h2_darkbg {
	font-family: "Myriad", "Myriad Pro", Helvetica, Arial, sans-serif !important;
	font-weight:lighter;
	font-size:1.4em;
	color:#fff;
	
}

h3.bodydarkbg{
	padding-bottom:8px;
}

a:hover .bodydarkbg{
	color:#69c !important;
	text-decoration:none !important;
}

/* @group Vertical Panes */


.verticalPane{
	background: #ccc;
}

.paneMiddleGray{
	background: #555;
}

.lightGrey{
	background:#EEE;
}

.lightGreyBox{
	margin-top:.75em;
	margin-bottom:1.5em; 
	border:solid 1px #BBB; 
	background:#FFF; 
	padding:.75em; 
}

.paneDetails{
	background: #ccc;
}

.verticalPane .header, .paneDetails .headerDark{
	background-color:#666666;
	border-bottom:1px solid #DDDDDD;
	border-top:1px solid #555555;
	clear:both;
	color:#FFFFFF;
	height:1.5em;
	padding:0.3em 12px 0.2em;
}

.paneContent{
	padding:1em 0 1em 1em;
}

.userPane{
	background: #222;
	padding:1em 0 2em 110px;
}

.paneDetails .paneDetailsHeader{
	background: #555 none repeat scroll 0%;
	width:100%
}

.contentBlock{
	background: #222;
	padding:1.5em 12px 1.5em 12px;
}

.space-before{
	margin-top:3em;
}

.space-after{
	margin-bottom:3em;
}

.white{
	background: #FFF url(../img/shadow_top.gif) repeat-x;
	border-top: #CCCCCC 1px solid;
}

.remark{
	color:#777;
}

.overlay{
	background-color:#000000;
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
}


/* @end */


/* login */


.loginTitle{
	clear:both;
	color:#000000;
	font-size:12px;
	font-weight:bold;
	margin-bottom:1em;
	vertical-align:top;
	text-align:left;
}

.loginButton{
	position:relative;
	left:-148px;
	top:24px;
}

#loginForm, #forgotPasswordForm{
	text-align:left;
}

/* user picture */


#editBuddyIcon{
	padding:0.5em;
	text-align:left;
}

.imgUser{
	position:relative;
	overflow:hidden;
	width:112px;
}

/* @group header */


.pageHeader {
	background:	url(../img/MACE_logo_portal.png) no-repeat left top #000;
	font-size: 1.5em;
	color: #6699CC;
	margin-bottom:0.5em;
	text-transform: uppercase;
	font-weight: bold;
	padding-top: 2.6em 1em 0.1em 120px;
}

.navigationHeader{
	background:	url(../img/portal_header_large.jpg) repeat-x left top #000000;
	margin:0px;
	padding:0px;
	position:relative;
	height:112px;
}

.logoHeader{
	background: url(../img/header_logo.gif) no-repeat left top;
	width: 227px;
	height: 80px;
	float:left;
}

.mainNavi{
	float:none;
	position:absolute;
	bottom:0px;
	margin:0px;
}

.mainNavi{
	float:left;
	padding-left:110px;
}

.subNavi{
	float:none;
	background:#222;
	padding:5px 0px 0px 110px;
}

#loginComponent {
	bottom:0px;
	float:right;
}

.subNavi a, .mainNavi a{
	color: #888;
	margin-right:1px;
	height:18px;
	padding:0.2em .6em .2em .6em;
	display:block;
	float:left;
}

.subNavi a:hover, .mainNavi a:hover{
	text-decoration:none;
	background:#555;
	color: #eee !important;
}

.mainNavi a:active, .mainNavi a.active{
	background:#222;
	color: #eee !important;
}

.subNavi a:active,.subNavi a.active {
	background:#555;
	color: #eee !important;
}

.subNavi a:visited, .subNavi a.visited, .mainNavi a:visited, .mainNavi a.visited {
	color: #888;
}

.subNavi a.invisible{
	display:none;
}

.userSubNavi{
	color:#fff;
	padding-right:0.5em;
}


/* @end */

/* @detail page */

.detailTitle{
	font-family: "Myriad", "Myriad Pro", Helvetica, Arial, sans-serif !important;
	color:#fff;
	font-size:1.8em;
	margin-bottom:0.8em;
	margin-top:0.2em;
}

.headerDetail{
	background:#444;
	padding: 0.3em 12px 0.2em 12px;
	height: 1.5em;
	clear: both;
	border-top:1px solid #777;
}

.headerDetail .title{
	color: #ffffff !important;	
}

.boxDetail {
	background: #222 repeat-x;
	padding:1em;
	margin-bottom:.25em;
}

.boxDetail, .boxDetail p, .boxDetail div{
	color:#DDD !important;
}

.resourceKindThumb{
	background:#222 !important;
	width: 32px;
	height: 32px;
}

.boxDetail .repository{
	height:auto;
	padding-left:20px;
	background-position: 0px center ;
}


.relationPanel a, #relations div.noLink{
	display:block;
	background:#444 ;
	height:70px;
	padding:10px;
	margin-bottom:10px;
	overflow: hidden;
	color:#DDD;
}

#relations div.noLink{
	background:#none;
	border: 1px dashed #444;
}

.relationPanel .flickrContent a{
	padding:2px;
	height:86px;
}

.relationPanel a:hover{
	color:#FFF;
	text-decoration: none;
	background-color:#111;
}


span.visitContent{
	color:#999 !important;
}

a:hover span.visitContent{
	color:#DDD !important;
}

.noThumb{
	background: #444 url(../img/no_thumb.gif) no-repeat;
}

.pageThumb{
	padding:0px;
	background:transparent no-repeat;
	height:183px;
	width:288px;
}

.pageThumb .copyright{
	padding:.5em;
	color:#FFF;
	float:none;
	display:block;
	background-color:#000000;
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
	position:relative;
	top:220px;
}

.autoscroll{
	overflow:auto;
}

.detailDescription{
	min-height:73px;
	max-height:140px;
}

.boxDetail h4{
	text-transform:uppercase;
	font-weight:bold;
	color:#888;
	font-size:.9em;
	margin-bottom: .5em;
}

.boxUser {
	background-color:#fff;
/*	padding:12px 0px 8px 0px;  changed by tina 25.2*/
	padding:0px 0px 8px 0px; 
	margin-bottom:1em;
	
}

.titleBoxUser{
	font-family: "Myriad", "Myriad Pro", Helvetica, Arial, sans-serif !important;
	padding-top: 0.2em;
	padding-left: 0.7em;
	vertical-align:top;
	font-size:1.5em;
	line-height:1em;
 	margin-bottom:0.5em;
 	color:#000;
}

.box {
	background-color:#111;
	padding:1em;
	margin-bottom:1em;
	color:#AAA;
}

.detailsPopupHeader{
	background:	url(../img/details_popup_header.gif) repeat-x left top #000000;
	margin:0px;
	padding:0px;
	position:relative;
	height:37px;
	overflow:hidden;
}

/*
	Search results
	(to be moved in MACE_search.css?)
*/


.searchResults{
	height:540px;
}

#my_contents .searchResults{
	height:740px;
}

.resultList {
	margin:0px;
	padding:0px;
}

.resultListHeader {
	background:#fff;
	margin-right:1em;
	padding-left:1em;
	padding-top:1em;
	padding-bottom:.7em;
	margin-bottom:1em;
}

.resultListTitle{
	font-family:"Myriad Pro","Myriad",Calibri,Helvetica,Arial,sans-serif !important;
	vertical-align:top;
	font-size:1.5em;
	color:#888;
}

.resultListLoadingMessage{
	background:url(../img/working.gif)  no-repeat transparent;
	padding-left:25px;
}

.resultListTitle .numResults, 
.resultListTitle .searchTerm,
.resultListTitle .classificationTerm
{
	color:#444;
}

.resultListTitle .numResults
{
	font-weight:bold;
}

.resultList li{
	background-color: #FFF;
	list-style-type: none;
	margin:0px 12px 12px 0px;
	width:290px;
	float:left;
	clear:none;
}

/* for 2 columns of search results */

.span-16 .resultList li{
	width:286px;
}

.resultList a{
	display:block;
	float:none;
	clear:none;
	overflow:hidden;
	text-decoration:none;
	border:1px solid #999;
}

.resultList .viewMetadata{
	float:right;
	padding: 0.3em 1em;
	font-size:.9em;
}

.resultList a.searchResultLink {
	height:180px;
	/*padding: 0.7em 1em;*/
	color: #444;
	border-top-color: #FFF;
	border-left-color: #FFF;
	background:0px 29px no-repeat #FFF;
}

.resultList a.metaDataBar {
	background:#EEEEEE;
	border-top-color: #FFF;
	border-left-color: #FFF;
}

.resultList a:hover,  .resultList li.selected{
	cursor:pointer;
	border: 1px solid #000;
}

.resultList .title {
	padding: 0.35em;
	display:block;
	float:none;
	font-size:1.2em;
	color:#222;
	vertical-align:top;
	margin-bottom:0.2;
	font-weight:bold;
	background:#FFF;
	/*
	filter:alpha(opacity=90);
	opacity: 0.9;
	-moz-opacity:0.9;
	*/
	border-bottom:1px solid #DDD;
}

.resultList .description {
	display:none;
}

.resultList .tags  {
	margin:.25em;
}

.resultList .tags span {
	float:left;
	background:#333;
	margin:1px 1px 0 0;
	padding:2px 5px;
	font-size: .9em;
	color:#FFF;
	filter:alpha(opacity=95);
	opacity: 0.95;
	-moz-opacity:0.95;
}

.resultList .rating  {
	margin:7px 6px 0px 0px;
}

/*  ICONS */


.repository{
	background:transparent none no-repeat scroll 6px center;
	color:#999999;
	display:block;
	float:right;
	font-size:0.66em;
	font-weight:bold;
	text-transform:uppercase;
}

.metadataIcon{
	background:transparent none no-repeat scroll 3px center;
	display:block;
	float:right;
	height:24px;
	width:24px;
}


.pageNavigation{
	/*margin-right:1em;*/


	padding:0px;
}

.widgetNavigation{
	padding:0px;
}

.pageNavigation ol, .pageNavigation div{
	float: right;
	margin:0px;
	padding:0px;
}

.pageNavigation ol li{
	list-style: none;
	float: left;
	margin: 0px !important ;
	padding: 0px;
}

.pageNavigation ol li a{
	border: 1px solid #999;
	margin: 0px !important;
}

.pageNavigation a.selected, .pageNavigation a.selected:hover{
	background: url(../img/icons/button_disabled.png) repeat-x center left;
	color: #FFF;
	border: none;
	border: 1px solid #999;
}

/*
	related links
*/


.relatedLink{
	overflow:hidden;
	background-color: #FFF;
	border:1px solid #E0E0E0;
	list-style-type: none;
	width:90px;
	height:50px;
	float:left;
	clear:none;
	margin:0px 5px 5px 0px;
}

/* von tina feel free to change  */
.newWin{ 
	padding-left:12px;
	padding-top:90px;
}

#forgotPassword	{
	cursor:pointer;
}

.memberSearch {
	padding-top:5px;
}
.stop_float{   clear:both;   }
.float_left{   float:left;  }

/* community overview */

.memberList li{
	overflow:hidden;

	background-color: #FFF;

	border:1px solid #E0E0E0;

	list-style-type: none;

	margin:0px 12px 12px 0px;

}



.memberList li.memListElement {

	width:130px;

	height:124px;

	float:left;

	clear:none;
	
	border: 1px solid #999999;

}
.memberListLink{
	text-decoration:none;
	cursor:pointer;
}
/* member widget on home */

#latestActiveUsers {
    width:290px;
    height:120px;
    margin:0px;
   
}
.memberListSmall li{
	overflow:hidden;
    
	background-color: #FFF;

	border:1px solid #E0E0E0;

	list-style-type: none;

	margin:0px 10px 6px 0px;

}
.memberListSmall li.memListElementSmall {

	width:60px;

	height:55px;

	float:left;

	clear:none;
	
	border: 1px solid #999999;

}
.memberListLinkSmall{
	text-decoration:none;
	cursor:pointer;
}


/*****************/
.info  {
	float:left;
	
	margin-left:15px;
	background: url(../img/error.png) no-repeat scroll 5px 50%;

	
	display:block;
	
	padding:.5em;
	margin-top:0px;
	padding-left:30px;
	text-align:left;
}
.userTile{
	padding:0px;
}
.userTile_name{
	background-color:#999999;
	font-size:1.0em;
	padding:2px;
	text-align:center;
	color:#000;
	width:130px;
	position:relative;
	top:102px;
}
.userTile_name span{
	padding-top:88px;
}
/* tabs (e.g for language selection) */

.tabbedHeader{
	background-color:#555555;
	height:1.5em;
	clear:both;
	padding:0.5em 0px 2px 12px;
}

.tabbedHeader .headline{
	float:left;
	color:#FFFFFF;
}

.ui-tabs-nav{
	border:0px;
	margin:0px;	
	padding:0px;
}

.ui-tabs-hide { 
	display: none; 
}

.ui-tabs-nav li{
	display:block;
	clear:none;
	float:right;
	border:0px;
	margin:0px 1px 0px 0px;	
	padding:0px;
}

.ui-tabs-nav li a{
	padding:0.6em 12px 0.3em;
}

.ui-tabs-nav li a:hover{
	text-decoration: none;
}

.ui-tabs-unselect a{
	color:#444;
	background:#AAA;
}

.ui-tabs-selected a{
	color:#000;
	background:#FFF;
}



/*loginComponent*/

#loginComponent{
	display:none;
	position:absolute;
	bottom:0px;
	right:0px;
	width:300px;
}

#loginComponent div{
	float:right;
}

.loggedInMessage{
	text-align:center;
}

.loggedInMessage img{
	padding:1.75em 1em 1em;
}

#loginComponent a{
	padding:0px;
	margin:0px;
	text-decoration: none !important;
}

#loginComponent a img{
	border:none;
	margin:0px;
}

#loginComponent .buttonBar{
	padding:0em 1em;
	/*
	position:relative;
	top:2.5em;
	*/
	bottom:0px;
	/*float:right;*/
}

#loginComponent .button{
	/*float:right;*/
	margin: 0px;
}

#loginComponent .loginPanelState {
	display:block;
	clear:both;
}

#loginComponent .loginPanelOverlay {
	position:absolute;
	left:61.85em;
	top: 7.7em;
	z-index:1000;
	border:1px solid #BBB;
	clear:none;
	width:15em;
}


#loginComponent .userName {
	font-weight:bold;
}

#loginComponent .loggedInMessage {
	float:right;
	font-size: 0.9em;
	margin: 0.25em;
	color:#fff;
}

#loginComponent .loginForm {
	clear:none;
}

#loginComponent label{
}

#loginComponent input{
	width: 95%;
	font-size:1em;
	line-height:1.3em;
}

.loginPanelOverlay {
	background: url(../img/login_header.gif) top left no-repeat;
	padding-top:50px;
	width:250px;
}

.loginPanelOverlay input[type="text"], .loginPanelOverlay input[type="password"] {
	width:240px;
}

.username{
	text-transform: uppercase;
	font-weight: normal;

}

#tab_container{
	background-color: #222;
}

/* tag clouds */

.tagCloud{
	clear:both;
}

.tagCloud h4{
	text-transform:uppercase;
	font-weight:bold;
	text-align: right;
	color:#665;
	font-size:.9em;
	float:left;
	line-height:40px;
	padding:0 6px 4px;
}

.tagCloud .key_1 { 
	font-family: Helvetica, Arial, sans-serif, !important;
	font-size:90%;
	filter:alpha(opacity=40);
	opacity: 0.4;
	-moz-opacity:0.4;
}
.tagCloud .key_2 { 
	font-size:100%;
	filter:alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity:0.5;
}
.tagCloud .key_3 { 
	font-size:120%;
	filter:alpha(opacity=60);
	opacity: 0.6;
	-moz-opacity:0.6;
}
.tagCloud .key_4 { 
	font-size:140%;
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
}

.tagCloud .key_5, .tagCloud .key_6 {
	font-size:160%;
	filter:alpha(opacity=100);
	opacity: 1.0;
	-moz-opacity:1.0;
}

.tagCloud li {
	float:left;
	margin:1px 1px 0px 0px;
}

.tagCloud li a{
	color:#000;
	background:#FFFFFF none repeat scroll 0 0;
	float:left;
	font-family:"Myriad Pro", "Myriad",Helvetica,Arial,sans-serif;
	line-height:20px;
	padding:8px 8px 4px 8px;
	/*padding: 5px 6px 2px;*/
}

.tagCloud li a:hover, .tagCloud li a.selected{
	text-decoration:none;
	color:#FFF !important;
	filter:alpha(opacity=100);
	opacity: 1.0;
	-moz-opacity:1.0;
}

.MACEwidgetComponent .tagCloud li a{
	background:#DDD none repeat scroll 0 0;
	padding:6px 6px 2px 6px;
}

.tagCloud li a:hover{
	background:#666;
}

.tagCloud li a.selected{
	background:#333 !important;
}

.tagCloud li a sup.numResults{
	position:relative;
	font-size: 9px !important;
	color: #444;
	top:0px;
	right:0px;
}

.tagCloud li a:hover sup.numResults, .tagCloud li a.selected sup.numResults{
	color: #FFF;
}

/** User tiles */
.userTile{
	background: #FFF center center no-repeat;
}

/** RATING ICONS */

.rating{
	width:67px;
	height:12px;
}

.rating_0{
	background:url(../img/icons/rating/rating_0.gif) no-repeat;
}

.rating_1{
	background:url(../img/icons/rating/rating_1.gif) no-repeat;
}

.rating_2{
	background:url(../img/icons/rating/rating_2.gif) no-repeat;
}

.rating_3{
	background:url(../img/icons/rating/rating_3.gif) no-repeat;
}

.rating_4{
	background:url(../img/icons/rating/rating_4.gif) no-repeat;
}

.rating_5{
	background:url(../img/icons/rating/rating_5.gif) no-repeat;
}

/**
	TOOLTIPS
*/

.tipsy { padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat; }
  .tipsy-inner { padding: 4px 5px; background-color: black; color: white; max-width: 200px; text-align: center; }
  .tipsy-north { background-image: url(../js/tipsy/images/tipsy-north.gif); background-position: top center; }
  .tipsy-south { background-image: url(../js/tipsy/images/tipsy-south.gif); background-position: bottom center; }
  .tipsy-east  { background-image: url(../js/tipsy/images/tipsy-east.gif);  background-position: right center; }
  .tipsy-west  { background-image: url(../js/tipsy/images/tipsy-west.gif);  background-position: left center; }

/* @group Auto complete */

.ac_results {
	padding: 0px;
	border: 1px solid #AAAAAA;
	background-color: white;
	overflow: hidden;
	z-index: 99999;

}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;

}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}

/* MACE customizations */

.ac_results{
	filter:alpha(opacity=95);
	opacity: 0.95;
	-moz-opacity:0.95;
}

.ac_results li{
	font: inherit !important;
	border-bottom:1px solid #BBB;
}

.ac_results li small{
	font-size:.9em;
	line-height:1.5;
	font-style: normal;
	color:#888;
	margin-top: 5px;
	float:left;
}

.ac_results li strong{
	color: #333;
}

.ac_odd {
	background-color: #EEE !important;
}

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

.ac_over, .ac_over strong {
	background-color: #333333 !important;
	color: #FFFFFF !important;
}

.ac_over small{
	color:#eee !important;
}

/* @end */
/*
 * SimpleModal Basic Modal Dialog
 * http://www.ericmmartin.com/projects/simplemodal/
 * http://code.google.com/p/simplemodal/
 *
 * Copyright (c) 2007 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 *
 * Revision: $Id: basic.css 114 2008-03-20 00:53:05Z emartin24 $
 *
 */

body {padding:0; margin:0; height:100%; width:100%;}

/* Overlay */
#modalOverlay {background-color:#000; cursor:wait; text-align:left;}

/* Container */
#modalContainer {left:50%; top:15%; margin-left:-150px; background-color:#fff; border:3px solid #ccc;}
#modalContainer a.modalCloseImg {background:url(../img/icons/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-18px; cursor:pointer;}
#modalContainer #basicModalContent {padding:8px;}

/* Details Overlay */
#detailsModalOverlay {background-color:#000; cursor:wait; text-align:left;}
#detailsModalContainer {height:600px; width:960px; left:51%; top:5%; margin-left:-500px; background-color:#fff; border:3px solid #ccc;}

#detailsModalContainer a.modalCloseImg {background:url(../img/icons/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3201; position:absolute; top:-15px; right:-18px; cursor:pointer;}
#detailsModalContainer #basicModalContent {padding:8px;}


#detailsFrame {height:600px; width:960px;}
#maceBookmarkletFrame {height:600px; width:700px;}