@charset "utf-8";

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

.lightTip						{  }
.lightTip .content				{ width: 310px; padding: 10px; border: 6px solid #e2e2e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #ffffff; color: #020202;text-align:center; }
.lightTip .bottom				{ height: 14px; background: url(../img/notch-white.png) 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;text-align:center; }
.yellowTip .bottom				{ height: 14px; background: url(../img/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;text-align:center; }
.orangeTip .bottom				{ height: 14px; background: url(../img/notch-orange.png) top center no-repeat; }

.redTip							{  }
.redTip .content				{ width: 310px; padding: 10px; border: 6px solid #ce6f6f; -moz-border-radius: 0px; -webkit-border-radius: 0px; background: #f79992; color: #020202;text-align:center; }
.redTip .bottom					{ height: 14px; background: url(../img/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;text-align:center; }
.greenTip .bottom				{ height: 14px; background: url(../img/notch-green.png) top center no-repeat; }

.blueTip						{ margin-left: 5em !important; }
.blueTip .content				{ width: 310px !important; padding: 10px !important; border: 2px solid #3498db !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; background: #3498db !important; color: #FFFFFF !important; text-align:center !important; }
.blueTip .bottom				{ height: 14px !important; background: url(../img/notch-blue.png) top center no-repeat !important; }

.purpleTip						{  }
.purpleTip .content				{ width: 310px; padding: 10px; border: 6px solid #8671de; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #a290f0; color: #020202;text-align:; }
.purpleTip .bottom				{ height: 14px; background: url(../img/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;text-align:center; }
.darkTip .bottom				{ height: 14px; background: url(../img/notch-dark.png) top center no-repeat; }
.tTip {
    color: #000;
    text-decoration: none;
}

.tTip:hover {
    color: #000;
    text-decoration: none;
}
@media (max-width:768px){
.lightTip .content				{ max-width: 140px !important;text-align:center;font-size:12px !important; line-height:14px !important;}
.yellowTip .content				{ max-width: 140px !important;font-size:12px !important;line-height:14px !important; }
.orangeTip .content				{ max-width: 140px !important; text-align:center;font-size:12px !important;line-height:14px !important; }
.redTip .content				{ max-width:140px !important; text-align:center;font-size:12px !important;line-height:14px !important; }
.greenTip .content				{ max-width: 140px !important; text-align:center;font-size:12px !important;line-height:14px !important; }
.blueTip .content				{max-width:140px !important;text-align:center;font-size:12px !important;line-height:14px !important; }
.purpleTip .content				{ max-width: 80% !important;margin:auto !important; text-align:center;font-size:12px !important;line-height:14px !important; }
.darkTip .content				{ max-width: 80% !important;margin:auto !important; text-align:center;font-size:12px !important;line-height:14px !important; }
	
	}

@media (max-width:640px){
.lightTip .content				{ max-width: 150px !important;text-align:center;font-size:12px !important; line-height:14px !important;}
.yellowTip .content				{ max-width: 150px !important;font-size:12px !important;line-height:14px !important; }
.orangeTip .content				{ max-width: 150px !important; text-align:center;font-size:12px !important;line-height:14px !important; }
.redTip .content				{ max-width:150px !important; text-align:center;font-size:12px !important;line-height:14px !important; }
.greenTip .content				{ max-width: 150px !important; text-align:center;font-size:12px !important;line-height:14px !important; }
.blueTip .content				{max-width:150px !important;text-align:center;font-size:12px !important;line-height:14px !important; }
.purpleTip .content				{ max-width: 90% !important;margin:auto !important; text-align:center;font-size:12px !important;line-height:14px !important; }
.darkTip .content				{ max-width: 90% !important;margin:auto !important; text-align:center;font-size:12px !important;line-height:14px !important; }
	
	}