/* 
	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 */