/*  
Theme Name: RatePay
Theme URI: http://www.ratepay.de
Description: RatePay Theme based on Cushy by Woo
Version: 1.0
Author: RatePay (Woo)
Author URI: http://www.ratepay.de
*/


/* 00 - GLOBAL ELEMENTS
/* ----------------------------------------------*/


body {
	margin:0; padding:0;
	width:auto; height:auto;
	background: #d7f3f7;
	border-top: 3px solid #FFFFFF;
	font: 0.75em Arial, Helvetica, sans-serif; 
	color: #333333;
}

img {
	border:0;
}


p {
	line-height:21px;
}




/* 01 - TYPOGRAPHY
/* ----------------------------------------------*/


.post-single h1 {
	margin: auto; 
	padding: 0;
	width: auto; 
	height:auto;
	font: bold 2.25em Arial, Helvetica, sans-serif;
	color: #0a82b4;
	background: none; 
	text-indent: 0;
	border-bottom: 0;
}

h2 {
	margin: 0; 
	padding: 0;
	font: normal 1.3125em Arial, Helvetica, sans-serif; 
	color: #0a82b4;
	text-transform: uppercase;
	letter-spacing: 0px;
}

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


/* Styles */

.inline {
	display: inline;
}

.block {
	display: block;
}


/* 02 - STRUCTURE
/* ----------------------------------------------*/

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

.clearfix {
    display: block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

.container0 {
	margin: 0 auto; 
	padding: 0;
	width: 990px; 
	height: 15px;
	text-align: right;
	padding-right: 7px;
	padding-top: 5px;
}

.container1 {
	margin: 0 auto; 
	padding: 0;
	width: 990px; 
	height: 102px;
}

#content {
	background: url(images/ratepay/bg_verlauf.png) repeat-x;
}

.left {
	float:left;
}

.right {
	float:right;
}



/* 03 - HEADER
/* ----------------------------------------------*/


#header {
	margin: 0; 
	padding: 0;
	width: auto; 
	height: auto;
	background: #FFF;
}

#header-repeat {
	background:#FFFFFF;
}

#header-left {
	background: #FFFFFF;
}

#logo {
	width: 200px;
	padding: 10px 0 5px 0;
	float: left;
}

#navi {
	width: 650px;
	float: left;
}

#navigation {
	margin: 0 0 0 280px; 
	padding: 20px 0 0 0;
	list-style: none;
	width: 780px;
	height: auto;
}


#navigation li {
	margin: 40px 0 0 5px; 
	padding: 0 0 0 10px;
	float: left;
	width: auto;
}
		
#navigation li a {
	margin: 0; 
	padding: 0;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	padding: 0.5em;
	font: 1.2em Arial, Helvetica, sans-serif; 
	color: #0a82b4;
}

#navigation li.selected a {
	color: #FFFFFF;
}

#navigation li:hover a, #navigation li.sfhover a {
	background-color: #0a82b4;
	padding: 0.5em;
	color: #FFFFFF;
}

#navigation li:hover a:hover, #navigation li.sfhover a:hover, li.selected a {
	background-color: #28b9a5;
	color: #FFFFFF;
	display: block;
}

#navigation li.current_page_item a:link,
#navigation li.current_page_item a:visited,
#navigation li.current_page_item a:active {
	background-color: #6aa2cb;
	padding: 0.5em;
	color: #FFF;
}

#navigation li ul {
	margin: 0; 
	padding: 0;
	list-style: none;
	position: absolute;
	width: 94px;
	left: -999em;
}

#navigation li ul.support {
	margin: 0; 
	padding: 0;
	list-style: none;
	position: absolute;
	width: 84px;
	left: -999em;
}

#navigation li ul.haendler {
	margin: 0; 
	padding: 0;
	list-style: none;
	position: absolute;
	width: 83px;
	left: -999em;
}

#navigation li ul.kaeufer {
	margin: 0; 
	padding: 0;
	list-style: none;
	position: absolute;
	width: 78px;
	left: -999em;
}

#navigation li ul.unternehmen {
	margin: 0; 
	padding: 0;
	list-style: none;
	position: absolute;
	width: 126px;
	left: -999em;
}
		
#navigation li ul li, #navigation li:hover ul li, #naviation li.sfhover ul li {
	margin: 0; 
	padding: 0 0 0 5px;
	border-top: 1px solid #FFFFFF;
	float: none;
}
		
#navigation li ul li a {
	margin: 0; 
	padding: 0;
	background: none;
}
			
#navigation li:hover ul li a, #navigation li.sfhover ul li a {
	margin: 0; 
	padding: 7px 0 7px 0;
	font: 0.8125em Arial, Helvetica, sans-serif; 
	color: #FFFFFF;
	border-right: 0;
}
			
	
#navigation li:hover ul li:hover, #navigation li.sfhover ul li.sfhover {
	margin: 0; 
	padding: 0 0 0 5px;
	color: #d1f4fc;
	background-color: #28b9a5;
}

	
#navigation li:hover ul, #navigation li.sfhover ul {
	margin: 0;
	padding: 0; 
	left: auto;
	background-color: #0a82b4;
}



/* 04 - HOME
/* ----------------------------------------------*/


.container {
	margin: 0 auto;
	width: 990px;
	height: 300px;
	display: block;
    clear: both;
    margin-top: -5px;
}

.mint {
	margin: 0 auto;
	width: 990px;
	height: 45px;
	background: url(images/ratepay/bg_mint.png) no-repeat bottom center;
	display: block;
    clear: both;
}

.tab_content {
	font-size: 1em;
}

#tab1, #tab2, #tab3, #tab4 {
	display: block;
	height: 300px;
}

.aufmacher-text {
	top: 30px;
	left: 15px;
	width: 625px;
	height: 100px;
	padding: 2px 0 0 30px;
	position: relative;
	z-index: 100;
}

.aufmacher-text h1 {
	font-size: 2.5em;
	font-weight: bold;
	color: #4f5958;
	text-transform: none;
	margin-left: -15px;
}

.aufmacher-text h2 a {
	font-size: 1.25em;
	font-weight: normal;
	color: #4f5958;
	text-transform: none;
	line-height: 30px;
}

#aufmacher-navi {
	margin: 0 auto;
	width: 990px;
	height: 40px;
	display: block;
    clear: both;
}

ul.tabs {
	list-style-type: none;
	display: block;
	margin: 0 0 0 -40px;
	background-color: #d1dfe0;
}


ul.tabs li {
	font-size: 1.25em;
	float: left;
	width: 227px;
	height: 20px;
	text-transform: uppercase;
	margin: 0;
	margin-bottom: -1px;
	padding: 12px 10px 10px 10px;
	text-align: center;
	overflow: hidden;
	position: relative;
}


ul.tabs li.active a {
	background: url(images/ratepay/bg_button_active.png);
	color: #FFFFFF;
	width: 225px;
	height: 18px;
	margin: -12px 0 0 -10px;
	padding: 12px 10px 10px 10px;
	border-right: 2px solid #b6bebf;
	text-decoration: none;
	display: block;
}

ul.tabs li.active a:hover {
	background: url(images/ratepay/bg_button.png);
	color: #0a82b4;
	width: 225px;
	height: 18px;
	margin: -12px 0 0 -10px;
	padding: 12px 10px 10px 10px;
	border-right: 2px solid #b6bebf;
	text-decoration: none;
	display: block;
}

ul.tabs li a {
	background: url(images/ratepay/bg_button.png);
	color: #5087b3;
	width: 225px;
	height: 18px;
	margin: -12px 0 0 -10px;
	padding: 12px 10px 10px 10px;
	border-right: 2px solid #b6bebf;
	text-decoration: none;
	display: block;
}

ul.tabs li a:hover {
	background: url(images/ratepay/bg_button_active.png);
	color: #FFFFFF;
	width: 225px;
	height: 18px;
	margin: -12px 0 0 -10px;
	padding: 12px 10px 10px 10px;
	border-right: 2px solid #b6bebf;
	text-decoration: none;
	display: block;
}

ul.tabs li.last {
	background: url(images/ratepay/bg_button.png);
	font-size: 1.25em;
	float: left;
	width: 228px;
	height: 18px;
	text-transform: uppercase;
	padding: 12px 10px 10px 10px;
	border-right: 1px solid #d1dfe0;
	text-align: center;
}

ul.tabs li.last a {
	background: url(images/ratepay/bg_button.png);
	float: left;
	width: 228px;
	height: 18px;
	text-transform: uppercase;
	padding: 12px 10px 10px 10px;
	border-right: 1px solid #d1dfe0;
	text-align: center;
}

ul.tabs li.last a:hover {
	background: url(images/ratepay/bg_button_active.png);
	float: left;
	width: 228px;
	height: 18px;
	text-transform: uppercase;
	padding: 12px 10px 10px 10px;
	text-align: center;
}

ul.tabs li.last.active a {
	background: url(images/ratepay/bg_button_active.png);
	color: #FFFFFF;
	width: 228px;
	height: 18px;
	margin: -12px 0 0 -10px;
	padding: 12px 10px 10px 10px;

	text-decoration: none;
	display: block;
}

ul.tabs li.nonlast.active a {
	background: url(images/ratepay/bg_button_active.png);
	color: #FFFFFF;
	width: 225px;
	height: 18px;
	margin: -12px 0 0 -10px;
	padding: 12px 10px 10px 10px;
	border-right: 2px solid #b6bebf;
	text-decoration: none;
	display: block;
}


#home-news {
	margin: 40px auto;
	width: 990px;
	height: auto;
	display: block;
    clear: both;
}

#angebote {
	margin: 40px 20px 0 0;
	padding: 15px;
	width: 228px;
	height: 170px;
	border: 1px solid #d1dfe0;
	background: url(images/ratepay/angebot.jpg) no-repeat bottom center;
	float: left;
}

#kontakt {
	margin: 40px 20px 0 0;
	padding: 15px;
	width: 228px;
	height: 170px;
	border: 1px solid #d1dfe0;
	background: url(images/ratepay/kontakt.jpg) no-repeat bottom center;
	float: left;
}

#video {
	margin: 40px 20px 0 0;
	padding: 15px;
	width: 228px;
	height: 170px;
	border: 1px solid #d1dfe0;
	background: url(images/ratepay/kasten_video.jpg) no-repeat bottom center;
	float: left;
}

#newsbox {
	margin: 40px 0 0 0;
	padding: 15px;
	width: 398px;
	height: 170px;
	border: 1px solid #d1dfe0;
	background-color: #fafbfd;
	float: left;
}

#newsbox h2 a, #kontakt h2 a, #angebote h2 a, #video h2 a {
	color: #0a82b4;
	text-decoration: none;
}

#newsbox h2 a:hover, #kontakt h2 a:hover, #angebote h2 a:hover, #video h2 a:hover {
	color: #333333;
	text-decoration: none;
}

#newsbox h6 {
	position: absolute;
	font-size: 1em;
	margin-left: 205px;
	margin-top: -15px;
}

#newsbox h6 a {
	color: #0a82b4;
	font-weight: normal;
	text-decoration: none;
}

#newsbox h6 a:hover {
	color: #333333;
	font-weight: normal;
	text-decoration: underline;
}

#home-news p {
	color: #333333;
	font-size: 1em;
	line-height: 16px;
}

#home-news p a {
	color: #333333;
}

#home-news p a:hover {
	color: #0a82b4;
	text-decoration: none;
}

#home-news p a.more {
	color: #0a82b4;
}

#home-news p a.more:hover {
	color: #0a82b4;
	text-decoration: underline;
}

#home-news p .phone {
	color: #0a82b4;
	font-size: 1.3125em;
	font-weight: bold;
	line-height: 22px;
}

#home-news p .small {
	color: #333333;
	font-size: 0.9125em;
	font-weight: normal;
	line-height: 14px;
}

#home-messe {
	margin: 40px auto;
	width: 990px;
	height: auto;
	display: block;
    clear: both;
}

#messelogo {
	margin: 40px 0 0 0;
	padding: 5px;
	width: 130px;
	height: 15px;
	border: 1px solid #ca372c;
	background-color: #ca372c;
	color: #FFFFFF;
	font-weight: bold;
	float: left;
}

#messelogo a {
	color: #FFFFFF;
	text-decoration: none;
}

#messetext {
	margin: 40px 0 0 0;
	padding: 5px 5px 5px 10px;
	width: 830px;
	height: 15px;
	border: 1px solid #ca372c;
	background-color: #FFFFFF;
	color: #333333;
	font-weight: normal;
	float: left;
}

#messetext a {
	color: #333333;
	text-decoration: none;
}



/* 05 - PAGE
/* ----------------------------------------------*/


#mainstage {
	margin: 0 auto;
	width: 990px;
	height: auto;
	display: block;
    clear: both;
}

#maincontent {
	margin: 0;
	padding: 0;
	width: 708px;
	height: auto;
	border: 1px solid #d1dfe0;
	background-color: #fafbfd;
	float: left;
}

#mainpic {
	margin: 0;
	padding: 0;
	width: 708px;
	height: 200px;
	background-color: #fafbfd;
}

.mainpic-text {
	top: 10px;
	left: 5px;
	width: 300px;
	height: 100px;
	padding: 2px 0 0 30px;
	position: relative;
	z-index: 100;
}

#mainpic h1 {
	font-size: 2.25em;
	font-weight: bold;
	color: #0a82b4;
	text-transform: none;
	margin-left: -15px;
}

#mainpic h2 {
	font-size: 1.25em;
	font-weight: normal;
	color: #4f5958;
	text-transform: none;
	margin-left: -15px;
	line-height: 22px;
}

#maintext {
	margin: 0;
	padding: 15px;
	width: 678px;
	border-top: 1px solid #d1dfe0;
	background-color: #fafbfd;
	height: auto;
	line-height: 20px;
}

#maintext a {
	color: #0a82b4;
	font-weight: normal
	text-decoration: none;
}

#maintext a:hover {
	color: #0a82b4;
	font-weight: normal;
	text-decoration: underline;
}

#maintext p img.partner {
	width: 75px;
	height: 60px;
	border: 1px solid #d1dfe0;
	margin-right: 20px;
	float: left;
}

#maintext ul {
	list-style: none;
}

#maintext li {
	background:url(images/ratepay/haken.png) top left no-repeat;
	margin-top: 0;
	display: block;
	margin-left: -20px;
	line-height: 20px;
	padding-left: 27px;
}

#maintext ul.hinweis {
	list-style: none;
	background-color: #effdf8;
	padding-top: 10px;
	padding-bottom: 10px;
}

#maintext ul.hinweis li {
	background:url(images/ratepay/hinweis.png) top left no-repeat;
	margin-top: 0;
	display: block;
	margin-left: -20px;
	line-height: 20px;
	padding-left: 25px;
	padding-right: 20px;
}

#maintext ul.bullet {
	list-style: none;
}

#maintext ul.bullet li {
	background:url(images/ratepay/bullet.png) top left no-repeat;
	margin-top: 0;
	display: block;
	margin-left: -30px;
	line-height: 20px;
	padding-left: 20px;
}

#maintext ul.box {
	list-style: none;
	background-color: #effdf8;
	padding-top: 10px;
	padding-bottom: 10px;
}

#maintext ul.box li {
	background: none;
	margin-top: 0;
	display: block;
	font-size: 11px;
	margin-left: -50px;
	line-height: 20px;
	padding-left: 25px;
	padding-right: 20px;
}

#maintext ul.fazit {
	list-style: none;
	background-color: #ecf3f5;
	padding-top: 10px;
	padding-bottom: 10px;
}

#maintext ul.fazit li {
	background: none;
	margin-top: 0;
	display: block;
	font-size: 12px;
	margin-left: -50px;
	line-height: 20px;
	padding-left: 25px;
	padding-right: 20px;
}

#maintext hr.green {
	height: 6px;
	background: url(images/ratepay/line_green.png) repeat-x;
	border: none;
	margin: 25px 0 15px 0;
}

#maintext hr {
	height: 1px;
	color: #d1dfe0;
	background-color: #d1dfe0;
	border: none;
	margin: 5px 0 0 0;
}

#maintext h3 {
	margin: 25px 0 3px 0;
	padding: 0;
	line-height: 100%;
}

#maintext h3 a {
	font-weight: bold;
	color: #333333;
}

#maintext h3 a:hover {
	font-weight: bold;
	color: #0A82B4;
}

#maintext p {
	line-height: 20px;
}

#maintext .pfeil {
	background: url(images/ratepay/pfeil_green2.png) top left no-repeat;
	padding-left: 25px;
	font-weight: bold;
}

#maintext .green {
	font-size: 13px;
	font-weight: bold;
	color: #28b9a5;
}

#maintext .greenfooter {
	font-size: 13px;
	font-weight: bold;
	color: #28b9a5;
}



/* 06 - SIDEBAR
/* ----------------------------------------------*/

#sidebar {
	margin: 0 0 0 18px;
	padding: 0;
	width: 258px;
	float: left;
}

#sidebar .angebote {
	margin: 0;
	padding: 15px;
	width: 228px;
	height: 170px;
	border: 1px solid #d1dfe0;
	background: url(images/ratepay/angebot.jpg) no-repeat bottom center;
	float: left;
}

#sidebar .kontakt {
	margin: 20px 0 0 0;
	padding: 15px;
	width: 228px;
	height: 170px;
	border: 1px solid #d1dfe0;
	background: url(images/ratepay/kontakt.jpg) no-repeat bottom center;
	float: left;
}

#sidebar .presse {
	margin: 20px 0 0 0;
	padding: 15px;
	width: 228px;
	height: 170px;
	border: 1px solid #d1dfe0;
	background: url(images/ratepay/presse.jpg) no-repeat bottom center;
	float: left;
}

#sidebar .unternehmen {
	margin: 0 0 0 0;
	padding: 15px;
	width: 228px;
	height: 310px;
	border: 1px solid #d1dfe0;
	background: url(images/ratepay/unternehmen.jpg) no-repeat bottom center;
	float: left;
}

#sidebar .unternehmen hr {
	height: 1px;
	color: #d1dfe0;
	background-color: #d1dfe0;
	border: none;
}

#sidebar .unternehmen a {
	color: #0a82b4;
	text-decoration: none;
}

#sidebar .unternehmen a:hover {
	color: #0a82b4;
	text-decoration: underline;
}

#sidebar .presse a {
	color: #0a82b4;
	text-decoration: none;
}

#sidebar .presse a:hover {
	color: #0a82b4;
	text-decoration: underline;
}

#sidebar .summary {
	margin: 0 0 20px 0;
	padding: 15px;
	width: 228px;
	height: auto;
	border: 1px solid #d1dfe0;
	background: url(images/ratepay/summary.png) no-repeat bottom center;
	float: left;
}

#sidebar .summary ul {
	list-style: none;
	margin: 10px 0 0 0;
	padding: 0;
}

#sidebar .summary li {
	background:url(images/ratepay/haken.png) top left no-repeat;
	margin-top: 0;
	color: #000000;
	display: block;
	margin-top: 5px;
	line-height: 20px;
	padding-left: 27px;
}

#sidebar .summaryrz {
	margin: 0 0 20px 0;
	padding: 15px;
	width: 228px;
	height: 300px;
	border: 1px solid #d1dfe0;
	background: url(images/ratepay/summary-ratenzahlung.png) no-repeat bottom center;
	float: left;
}

#sidebar .summaryrz ul {
	list-style: none;
	margin: 10px 0 0 0;
	padding: 0;
}

#sidebar .summaryrz li {
	background:url(images/ratepay/haken.png) top left no-repeat;
	margin-top: 0;
	color: #000000;
	display: block;
	margin-top: 5px;
	line-height: 20px;
	padding-left: 27px;
}

#sidebar .summaryrelax {
	margin: 0 0 20px 0;
	padding: 15px;
	width: 228px;
	height: 350px;
	border: 1px solid #d1dfe0;
	background: url(images/ratepay/summary-relax.png) no-repeat bottom center;
	float: left;
}

#sidebar .summaryrelax ul {
	list-style: none;
	margin: 10px 0 0 0;
	padding: 0;
}

#sidebar .summaryrelax li {
	background:url(images/ratepay/haken.png) top left no-repeat;
	margin-top: 0;
	color: #000000;
	display: block;
	margin-top: 5px;
	line-height: 20px;
	padding-left: 27px;
}

#sidebar .messe {
	margin: 20px 0 0 0;
	padding: 15px;
	width: 228px;
	height: 220px;
	border: 1px solid #d1dfe0;
	background: url(images/ratepay/presse.jpg) no-repeat bottom center;
	float: left;
}

#sidebar p {
	color: #333333;
	font-size: 1em;
	line-height: 16px;
}

#sidebar p a {
	color: #333333;
}

#sidebar p a:hover {
	color: #0a82b4;
	text-decoration: none;
}

#sidebar p a.more {
	color: #0a82b4;
	text-decoration: underline;
}

#sidebar p a.more:hover {
	color: #0a82b4;
	text-decoration: underline;
}

#sidebar p .phone {
	color: #0a82b4;
	font-size: 1.3125em;
	font-weight: bold;
	line-height: 22px;
}

#sidebar p .small {
	color: #333333;
	font-size: 0.9125em;
	font-weight: normal;
	line-height: 14px;
}

#sidebar td {
	line-height: 25px;
}





/* 07 - FORMULAR
/* ----------------------------------------------*/

#contact-area {
	width: 650px;
	background-color: transparent;
	}

.pflicht {
	color: #28b9a5;
	font-size: 0.875em;
	}

#contact-area input, #contact-area textarea {
	padding: 0.3125em;
	width: 25em;
	font-family: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif;
	font-size: 1em;
	margin: 1em;
	border: 0.125em solid #d1dfe0;
	}

#contact-area textarea {
	height: 10.625em
	}

#contact-area textarea:focus, #contact-area input:focus {
	background-color: #FFFFFF;
	color: #69675f;
	border: 1px solid #d1dfe0;
	}


#contact-area label {
	text-align: right;
	float: left;
	margin: 1em;
	width: 12em;
	padding-top: 0.3125em;
	font-size: 1em;
	color: #625e51;
	}


#contact-area input.submit-button {
	width: 14em;
	height: 2.25em;
	background: url(images/ratepay/btn_abschicken.png) no-repeat;
	margin: 1em 1em 1em 15em;
	border: none;
	}

#contact-area input.captcha {
	padding: 0.3125em;
	width: 22em;
	font-family: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif;
	font-size: 1em;
	margin: 0.75em;
	border: 0.125em solid #d1dfe0;
	}


#contact-area .fehler {
	color: #990000;
	font-size: 0.75em;
	font-weight: normal;
	padding: 0.25em;
	margin: 0.5em;
	}
	
	
#contact-area input.image {
	width: 170px;
	height: 29px;
	border: none;
	margin: 1em 0 1em 14.75em;
	}





/* 08 - FOOTER
/* ----------------------------------------------*/


#footer {
	margin: 60px auto;
	padding: 20px;
	width: 970px;
	margin-bottom: 50px;
	display: block: 
	clear: both;
	background: url(images/ratepay/bg_footer.gif) no-repeat bottom center;
}


#footer-info {
	margin: 0 0 0 10px; 
	padding: 0;
	list-style: none;
	float: left;
	text-transform: uppercase;
}

#footer-info li {
	margin: 0; 
	padding: 0;
	width: 190px; 
	height: auto;
	float: left;
}

#footer-info li ul {
	margin: 0 0 0 0; 
	padding: 0 0 0 5px;
	list-style: none;
}
	
#footer-info li ul li  {
	margin: 0; 
	padding: 0;
	width: auto; 
	height: auto;
	line-height: 16px; 
	display:block;
	float: none;
}
		
#footer-info li ul li ul, #footer-info li ul li ul li ul, #footer-info li ul li ul li ul li ul {
	margin: 0;
}
			
#footer-info li a {
	font-weight: normal:
	font-size: 0.9em; 
	font-family: Arial, Helvetica, sans-serif; 
	color: #8c9ba3; 
	line-height: 18px;
}




/* 09 - NOTE
/* ----------------------------------------------*/

.note {
	height:150px;
	padding:10px;
	width:150px;
	position:absolute;
	overflow:hidden;
	cursor:move;

	font-family:Trebuchet MS,Tahoma,Myriad Pro,Arial,Verdana,sans-serif;
	font-size:22px;

	/* Adding a CSS3 shadow below the note, in the browsers which support it: */
	-moz-box-shadow:2px 2px 0 #DDDDDD;
	-webkit-box-shadow:2px 2px 0 #DDDDDD;
	box-shadow:2px 2px 0 #DDDDDD;
}

#fancy_ajax .note { cursor:default; }

/* Three styles for the notes: */

.yellow{
	background-color:#FDFB8C;
	border:1px solid #DEDC65;
}

/* Each note has a data span, which holds its ID */
span.data{ display:none; }

.author{
	/* The author name on the note: */
	bottom:10px;
	color:#666666;
	font-family:Arial,Verdana,sans-serif;
	font-size:12px;
	position:absolute;
	right:10px;
}