#smallipop { position: absolute; display: none; top: 0; left: 0; background-color: #314b64; border: 1px solid #0f161e; color: #d2dfe7; z-index: 9999; max-width: 400px; }
#smallipop .sipContent { padding: 10px;font-size: 12px; }
#smallipop .sipArrow, #smallipop .sipArrowBorder { position: absolute; left: 50%; height: 0; width: 0; }
#smallipop .sipArrow { bottom: -20px; margin-left: -10px; border: 10px solid transparent; }
#smallipop .sipArrowBorder { bottom: -24px; margin-left: -12px; border: 12px solid transparent; }
#smallipop.sipAlignLeft .sipArrow { margin-left: 0; left: auto; right: 20px; }
#smallipop.sipAlignLeft .sipArrowBorder { margin-left: 0; left: auto; right: 18px; }
#smallipop.sipAlignRight .sipArrow { margin-left: 0; left: 20px; right: auto; }
#smallipop.sipAlignRight .sipArrowBorder { margin-left: 0; left: 18px; right: auto; }
#smallipop.sipAlignBottom .sipArrow { bottom: auto; top: -20px; }
#smallipop.sipAlignBottom .sipArrowBorder { bottom: auto; top: -24px; }
#smallipop.sipPositionedLeft .sipArrow, #smallipop.sipPositionedLeft .sipArrowBorder { right: -16px; left: auto; top: 50%; bottom: auto; border-width: 8px; margin: -8px 0 0; }
#smallipop.sipPositionedLeft .sipArrowBorder { right: -20px; border-width: 10px; margin: -10px 0 0; }
#smallipop.sipPositionedRight .sipArrow, #smallipop.sipPositionedRight .sipArrowBorder { left: -16px; right: auto; top: 50%; bottom: auto; border-width: 8px; margin: -8px 0 0; }
#smallipop.sipPositionedRight .sipArrowBorder { left: -20px; border-width: 10px; margin: -10px 0 0; }
#smallipop a { color: #ea2222; }



/* white theme */
#smallipop.white { background-color: #fafafa; border-color: #ccc; text-shadow: 0 1px 1px #eee; color: #444; width: 250px;}


#smallipop.white .sipContent { text-align: center; }
#smallipop.white .sipArrow { border-color: #fafafa transparent transparent transparent; }
#smallipop.white .sipArrowBorder { border-color: #ccc transparent transparent transparent; }
#smallipop.white.sipAlignBottom .sipArrow { border-color: transparent transparent #fafafa transparent; }
#smallipop.white.sipAlignBottom .sipArrowBorder { border-color: transparent transparent #ccc transparent; }
#smallipop.white.sipPositionedLeft .sipArrow { border-color: transparent transparent transparent #fafafa; }
#smallipop.white.sipPositionedLeft .sipArrowBorder { border-color: transparent transparent transparent #ccc; }
#smallipop.white.sipPositionedRight .sipArrow { border-color: transparent #fafafa transparent transparent; }
#smallipop.white.sipPositionedRight .sipArrowBorder { border-color: transparent #ccc transparent transparent; }

.boxshadow.rgba #smallipop.white { -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5); }

.borderradius #smallipop.white { -o-border-radius: 12px;  -moz-border-radius: 12px; -webkit-border-radius: 12px;  border-radius: 12px;}

.borderradius #smallipop.white .sipContent {  -o-border-radius: 12px; -moz-border-radius: 12px;border-radius: 12px; }