gjx/*
Description: WP-Note CSS File
Author: Luke
Author URI: http://luke.appspot.com
Date:2009-01-02
Modified Date:2009-12-29
*/

.note
{
    text-align: left;
}


.noteclassic, .noteimportant, .notewarning, .notetip,.notehelp{
	float:left;
	font-size:11px;
	width: 30%;
	margin-top:2em;
	margin-left: auto;
	margin-right: auto;
    border-radius: 10px 10px;
    -moz-border-radius: 10px 10px;
    -webkit-border-radius: 10px 10px;
    padding: 15px 20px 15px 20px;
	margin: 0px 0px 0px 0px;
	-webkit-box-shadow: 2px 2px 3px #999;
	-moz-box-shadow: 2px 2px 3px #999;
    /*IE min-height hack*/
    min-height:40px;
    height:auto !important;
    height:40px;
    overflow:visible;
 	position:relative;
	bottom:6px;
	right: 6px;
	border: 1px solid #999999;
    /*Set the position of the background image*/
    background-position: 20px 50%;
    background-repeat: no-repeat;

}
.noteclassic, .noteimportant, .notewarning, .notetip,.notehelp{
	/* IE5 hack */
	\margin: 0px 0px -3px 0px;
	ma\rgin:  0px 0px 0px 0px;
}

.noteclassic {
  background-color: #EEF;
  background-image: url(images/note.png);
}

.noteimportant {
  background-color: #FFC;
  background-image: url(images/important.png);
}

.notewarning {
  background-color: #FDD;
  background-image: url(images/warning.png);
}

.notetip {
  background-color: #f1f1f1;
  margin-right:10px;
}

.notetip2 {
  background-color: #f1f1f1;
  	float:right;
	font-size:11px;
	width: 30%;
	margin-top:2em;
	margin-left:  10px;
	margin-right: auto;
    border-radius: 10px 10px;
    -moz-border-radius: 10px 10px;
    -webkit-border-radius: 10px 10px;
    padding: 15px 20px 15px 20px;
	margin: 0px 0px 0px 0px;
	-webkit-box-shadow: 2px 2px 3px #999;
	-moz-box-shadow: 2px 2px 3px #999;
    /*IE min-height hack*/
    min-height:40px;
    height:auto !important;
    height:40px;
    overflow:visible;
 	position:relative;
	bottom:6px;
	right: 6px;
	left: 6px;
	border: 1px solid #999999;
   /*Set the position of the background image*/
    background-position: 20px 50%;
    background-repeat: no-repeat;

}

.notehelp {
  background-color: #D8F3C9;
  background-image: url(images/help.png);
}
.rate {
margin:20px 0;
padding: 10px 0;
color:#000000;
font-family:"Times New Roman",Times,Helvetica,sans-serif;
font-size:25px;
background:#FFFFD0;
-moz-border-radius: 10px; /* Firefox */
-webkit-border-radius: 10px; /* Safari, Chrome */
-khtml-border-radius: 10px; /* KHTML */
border-radius: 10px; /* CSS3 */
}
.listen {
margin:20px 0;
padding: 10px 0;
color:#000000;
background:#f0f5fc;
}