/***********************************************************/
/*                    tinyTips Plugin                      */
/*                      Version: 1.1                       */
/*                      Mike Merritt                       */
/*                 Updated: Mar 2nd, 2010                  */
/***********************************************************/
@charset "utf-8";

/*html					{ font-family: "Lucida Sans Unicode",sans-serif; font-size: 14px; line-height: 21px; color: #f1f1f1; background: #0b0b0b; }*/
/*body					{  }*/
/*p						{ color: #616161; }*/
/*a						{ color: #f1f1f1; }*/
/*img.tTip				{ margin: 8px 15px 8px 0; float: left; }*/
/*h1						{ text-align: center; line-height: 15px; padding: 0 0 20px 0; letter-spacing: -2px; }*/
/*h1.massive				{ font-size: 72px; line-height: 10px; padding: 0; letter-spacing: -6px; color: #f4c20a; }*/
/*#demo_wrapper			{ width: 600px; margin: 30px auto 0 auto; }*/

.lightTip				{  }
.lightTip .content		{ width: 100%; text-shadow: 0 1px 0 rgba(255,255,255,.4); font-size: 13px; line-height: 17px; font-weight: bold; text-align: center; text-decoration: none; 
    /* border color */
    border: solid 1px #b8b8b8; border-color: #c4c4c4 #b8b8b8 #adadad;
    /* background color (gradient) */
    background: #d4d4d4;
    background: -webkit-gradient(linear, left top, left bottom, from(#dedede), to(#c7c7c7));
    background: -moz-linear-gradient(top, #dedede,  #c7c7c7);
    background: linear-gradient(#dedede, #c7c7c7);
    /* special effects (shadows, radius, transition, etc.) */
    -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; /* border radius */
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.08), inset 0 1px 0 rgba(255,255,255,.3);  /* box shadow */
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.08), inset 0 1px 0 rgba(255,255,255,.3); 
    box-shadow: 0 1px 2px rgba(0,0,0,.08), inset 0 1px 0 rgba(255,255,255,.3);
    -webkit-background-clip: padding-box;padding:5px; }
.lightTip .bottom		{ height: 4px; background: top center no-repeat; }

.yellowTip				{  }
.yellowTip .content		{ width: 310px; padding: 10px; border: 6px solid #f9e98e; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #fbf7aa; color: #020202; }
.yellowTip .bottom		{ height: 14px; background: url(../images/notch-yellow.png) top center no-repeat; }

.orangeTip				{  }
.orangeTip .content		{ width: 310px; padding: 10px; border: 6px solid #f9cd8e; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #fbe3aa; color: #020202; }
.orangeTip .bottom		{ height: 14px; background: url(../images/notch-orange.png) top center no-repeat; }

.redTip					{  }
.redTip .content		{ width: 310px; padding: 10px; border: 6px solid #ce6f6f; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #f79992; color: #020202; }
.redTip .bottom			{ height: 14px; background: url(../images/notch-red.png) top center no-repeat; }

.greenTip				{  }
.greenTip .content		{ width: 310px; padding: 10px; border: 6px solid #a9db66; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #cae8a2; color: #020202; }
.greenTip .bottom		{ height: 14px; background: url(../images/notch-green.png) top center no-repeat; }

.blueTip				{  }
.blueTip .content		{ width: 310px; padding: 10px; border: 6px solid #36a4d9; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #90d8f0; color: #020202; }
.blueTip .bottom		{ height: 14px; background: url(../images/notch-blue.png) top center no-repeat; }

.purpleTip				{  }
.purpleTip .content		{ width: 310px; padding: 10px; border: 6px solid #8671de; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #a290f0; color: #020202; }
.purpleTip .bottom		{ height: 14px; background: url(../images/notch-purple.png) top center no-repeat; }

.darkTip				{  }
.darkTip .content		{ width: 310px; padding: 10px; border: 6px solid #303030; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #505050; color: #f8f8f8; }
.darkTip .bottom		{ height: 14px; background: url(../images/notch-dark.png) top center no-repeat; }