body.tao{background:transparent url(images/bg.png) repeat-x left top; min-height:800px;}
#branding{} 
#global, #navigation, #page-header, #page, #footer {background:none; width:95%; margin:0 auto;}
#page{border-bottom:none; padding:0 0 5px 0;}
#content-wrapper{background:#fff;}


.atrium-skin{background:none;}
div.limiter {padding:0;}
/* #global */
#global{background:none; height:60px; font-size:11px; line-height:40px;}
	#global div.breadcrumb {float:left; margin:0 0 0 0}
		#global div.breadcrumb span.divider { padding:0px 10px; }
		#global .breadcrumb a{color:#eee; font-weight:bold; padding:3px;}
			#global div.breadcrumb a:hover{color:#999; background:#444; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
			#global	.breadcrumb .divider{color:#eee;}
	#global h1.site-name {float:left; left:0; top:0; width:120px; height:40px;  margin:0 0 0 0; background-position:0; background-repeat:no-repeat; position:relative;}
		#global h1.site-name a {text-indent:-999px; overflow:hidden; display:block;}

#logo{width:300px;  float:left; text-align:center; padding:5px 0 0 20px;}
	#logo a {font-size:20px;  font-weight:300; float:left; }
	#logo a.spaces-logo{height:40px; width:300px; background-position:0 50%; background-repeat:no-repeat; text-indent:-999px; overflow:hidden; float:left;}
	#logo a:hover{background:#222;  background-repeat:no-repeat;}
	
#search{float:right; margin:0 20px;}
	#search form{width:120px;}
	#search input.form-text{height:20px; background:transparent url(icons/magnifier.png) no-repeat 2px 2px; border: 1px solid #666; padding:0 0 0 20px;  color:#999; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
	#search input.form-text:focus{background-color:#888; color:#eee;}
	#search .form-item{margin:0 0 0 0; padding:0 0 0 0;}
	#search input.form-submit {display:none;}
	#search input{height:12px;}

#header{float:right;}
	#header div.block-widget, #header h2.block-title {border-color:#444;}


/*navigation*/
#navigation {padding:0;}

/*features menu*/
#features-menu{height:30px; margin:0 0 0 20px;}
	#features-menu li a {color:#ccc;}
	#features-menu li a span.label {font-size:10px; left:-30px}

	#features-menu li{
			border: 1px solid #222; 
			border-bottom: none;	
			-moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px;
			-moz-border-radius-topright : 3px; -webkit-border-top-right-radius: 3px;
		}
		#features-menu li{
			margin:1px 3px 0 0; 
			padding:0px 3px 2px 0px; 
			height:25px; 
			background:#ccc; 
			border-bottom: 1px solid #aaa;			
		}

		#features-menu li.active{
			border-color: #fff; background:#eee; 
			height:27px;
			margin:0px 3px 0 0; 
			padding:0px 3px 2px 0px;
			border-bottom: 0px solid #eee;			
			}

		#features-menu li:hover{background:#aaa;}
		#features-menu li.active:hover{background:#ddd;}
		#features-menu li a{height:auto; padding:5px 0 0 8px; width:22px;}
		#features-menu li.active a, #features-menu li.active a.active {padding:5px 3px 0px 5px;}
		#features-menu li.active a span.label, #features-menu li.active a:hover span.label {font-size:11px; line-height:20px; color: #555; padding:0 0 0 3px; }


.links{float:left; margin:0 0 0 0px;}

/*tools*/
#space-tools{padding:0;}
	#space-tools h2.block-title {margin:0; padding:2px 5px 0 5px; background-color:#eee;}
	#block-atrium_intranet-spacelinks h2.block-title span.icon {background:transparent url(icons/screwdriver.png) no-repeat left top;}
	#block-atrium_intranet-create h2.block-title span.icon {background:transparent url(icons/plus_circle.png) no-repeat left top;}

/*page header*/
	#page-header {padding:0; background:#eee;
		-moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px;
		-moz-border-radius-topright : 3px; -webkit-border-top-right-radius: 3px;
		height:30px;
	}
	#page-header ul.links {margin:0 0 0 5px; line-height:30px;}
	#page-header div.context-links a {padding:2px 5px;}
	#page-header div.context-links{padding:2px 5px; height:auto; line-height:20px;}
	#page-header h2.page-title{line-height:30px; margin:0 0 0 20px;}
	div#main {padding:10px 20px 20px 20px; min-height:600px;}

/*.primary-tabs*/
	#page-header ul.primary-tabs {font-size: 11px; padding-top:0;}
		#page-header ul.primary-tabs li a{margin:0 4px; padding:0 15px 0 30px; line-height:25px; margin:5px 0 0 0;}
			#page-header ul.primary-tabs li.active a, #page-header ul.primary-tabs li.active a.active, #page-header ul.primary-tabs li.active a:hover {
				background-color: #fff;
				padding:0 15px 0 30px;
				line-height:25px;
				margin:5px 0 0 0;
			}

    #page-header div.tabs ul.links li a:hover { background-color:#ddd; color:#666; }

	#page-header ul.links li a, #page-header ul.links li a.active, #page-header ul.links li.active a {border-left: 1px solid #E8E8E8;	border-right: 1px solid #E8E8E8;}
	#calendar_div, .calendar_control, .calendar_links, .calendar_header, .calendar {width:auto;} /*calendar fix*/

	#page-tools{padding:0;}


	#page ul.secondary-tabs a {-moz-border-radius: 5px; -webkit-border-radius: 5px; font-size:11px; line-height:20px;}
  #page ul.secondary-tabs li a:hover{background-color:#efefef;}

/*page*/
#content div.main {padding:10px 20px 20px 20px ; min-height:600px;}


/* @group crayon */
	td .crayon{padding: 0px 5px;-moz-border-radius: 3px; -webkit-border-radius: 3px;background:transparent;}
	td .crayon-swatch {width:20px; opacity: 0.8; -moz-opacity: 0.8;filter:alpha(opacity=80);}
	td .crayon-swatch span.label {font-size:7px; text-transform: uppercase;}
	.crayon:hover span.crayon-popup {opacity:.9; background-image: url(images/popup.png); }
  .crayon:hover span.crayon-popup span.crayon-popup-label {background:#C6CBD3; font-weight: bold; color:#000;font-variant: small-caps; -moz-border-radius:3px;}
/* @end */

div.form div.form-message {padding:10px 10px 10px 30px;}

#content h2.block-title {margin:5px 0 0 3px;  background:#eee; width:98%; border-bottom: 1px solid #ccc; color:#666;}
table caption {font-size:14px; background:transparent url(icons/clock.png) no-repeat left 3px; padding:0 0 0 20px; margin:10px 0 5px 0;}
div.node {margin:0 0 10px 0;}

.view-messaging-shoutbox .views-field-comment{padding:0 0 0 20px; margin:5px; font-size:11px;}

div.grouped div.grouped-left {float:none; width:100%;}
div.grouped div.grouped-right {float:none; width:100%;}

/*shoutbox*/
.view-atrium-shoutbox-shouts div.grouped div.grouped-left {float:left; width:60px; text-align:center;}
.view-atrium-shoutbox-shouts div.grouped div.grouped-left .views-field-picture{margin:0 auto; width:30px; padding:10px; background:#eee;}
.view-atrium-shoutbox-shouts div.grouped div.grouped-left a.username{font-size:10px; letter-spacing:0;}
.view-atrium-shoutbox-shouts div.grouped div.grouped-right {float:left; width:550px; padding:3px;}


/*node*/
.node h2{font-family: "Georgia", serif; font-size:24px; padding:5px 0; border-bottom: 1px solid #e8e8e8;}

h2 a:hover{color:#333;}
div.node-submitted, div.comment-submitted {background:transparent; padding:4px 0; }
	div.node-submitted div.picture, div.comment-submitted div.picture {float:right; margin:0 5px 0 0;}
div.date{float:left; margin:0 10px 0 0; background:transparent url(icons/clock.png) no-repeat left 8px; padding:0 0 0 20px;}
.node a.username{background:transparent url(icons/user.png) no-repeat left 8px; padding:0 0 0 20px;}
#comment-form a.username{background:transparent url(icons/user.png) no-repeat left 0px; padding:0 0 0 20px;}

.node .meta a{background-color:#f8f8f8; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
	.meta a.username{ background:transparent url(icons/balloon.png) no-repeat 0px 0px; padding:0 0 0 20px;}
	.meta a.comments{ background:transparent url(icons/balloon.png) no-repeat 0px 0px; padding:0 0 0 20px;}
	.meta a.comment-add{background:transparent url(icons/balloon_plus.png) no-repeat 0px 0px; padding:0 0 0 20px;}
	.meta a.attachments{background:transparent url(icons/document_zipper.png) no-repeat 0px 0px; padding:0 0 0 20px;}

	
/*calenar*/
div.litecal .litecal-slot-gutter, div.litecal .litecal-slot-gutter .label span, div.litecal .litecal-slot-gutter .label span a{
	background:#EEF6E9;
}

/*groups*/
.view-atrium-groups table.views-table{margin:20px 0 0 0;}
.view-atrium-groups table.views-table th{padding:10px 0 0 25px;}

.view-atrium-members  table.views-table th{ padding:10px 0 0 25px;}


#content div.view-empty, #content div.spaces-empty {padding:20px;}


/*footer*/
#footer {padding:0 20px; background:none; border-top: none}
	#footer .limiter{text-align:right;}
	#footer, #footer a {color:#666}
	#footer a:hover{color:#fff;}
	#footer-inner{display:none;}

	#credits{width:350px; float:right; padding:4px 5px; margin:0 30px 0 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; color:#eee; background:#555;	border: 1px solid #444;	}
		#credits a{ margin:0 10px 0 0; color:#ccc;}
		#credits a:hover{color:#fff;}
			#logo-openatrium{text-indent: -999em; width:20px; height:20px; float:left;}
			#logo-openatrium a{background:transparent url(images/openatrium-16.png) no-repeat left top; height:16px; width:16px; text-indent: -999em; display:block; float:left;}
			#miro-info{float:left;}
			
.new{display:none;}			




/*
Login
*/

body.anonymous-login #page-header{width:560px;}
body.anonymous-login #global{width:560px;}
body.anonymous-login #footer{width:560px;}
body.anonymous-login #credits{width:560px;}
body.anonymous-login #content div.main {min-height:0}
body.anonymous-login #global div.breadcrumb{display:none;}
body.anonymous-login #header{display:none;}
body.anonymous-login #logo {margin:3px 0 0 200px;}