/********************************************************************
* 本页显示各种提示框的CSS
*********************************************************************/

/**********favtip是来自淘宝的小贴士风格 *********/
.favtip { position: relative; padding: 10px 30px 5px 10px; margin: -5px auto 0; width: 190px; height: 71px; color: #333; line-height: 150%; background: url(../Images/Common/fav_tip_bg.gif) 0 0 no-repeat; }
.favtip a { position: absolute; right: 10px; top: 3px; display: block; width: 12px; height: 12px; }
.favtip a span { display: none; }
.favtip_v { position: relative; padding: 10px 30px 5px 10px; margin: -5px auto 0; width: 190px; height: 103px; color: #333; line-height: 150%; background: url(../Images/Common/fav_tip_v_bg.gif) 0 0 no-repeat; }
.favtip_v a { position: absolute; right: 10px; top: 3px; display: block; width: 12px; height: 12px; }
.favtip_v a span { display: none; }

/*
* 在计划编辑中的浮动提示框。
*/
.PlanEditTip { position: absolute; right: 40px; top: 185px; width: 138px; height: 67px; background: url(../Images/Common/FloatTips_Right.png) 0 0 no-repeat; }
.PlanEditTip .Content { margin: 5px; }
.I_Know { float: right; padding-right: 10px; cursor: pointer; background: url(../Images/button/I_Know.png) 0 0 no-repeat; width: 68px; height: 24px; margin-bottom: 20px; }

/*******  信息提示框 用于页面提示 ******/
.PageTopInfo { height: 28px; line-height: 28px; vertical-align: middle; border: solid 1px #FFCA86; width: 99%; text-indent: 30px; text-align: left; margin-left: 5px; margin-top: 5px; background: url(../images/Icons/warning.png) no-repeat 2px 2px; background-color: #FFFACD; }

.SmallRemindInfo { min-height: 25px; height: auto !important; width: 99%; line-height: 25px; vertical-align: middle; /** 下面这段内容是截取长度超过后显示... ，长度定义在页面端定义 *****/ overflow: hidden; white-space: nowrap; display: block; background: url(../images/Icons/Info.png) no-repeat 2px 5px; text-indent: 20px; cursor: pointer; }

/*
* 提示，类似豌豆荚网站的提示。
*/
.LongTips { margin: 0 auto; width: 600px; height: 52px; background-image: url(../Images/Common/TipsBg_01.png); background-repeat: no-repeat; text-indent: 80px; padding-top: 12px; font-size: 120%; }

/*
* JQuery的Tips风格。
*/
.tip-yellow { z-index: 100002; text-align: left; border: 1px solid #939393; padding: 7px; min-width: 50px; max-width: 530px; background-color: #fef9d9; background-image: url(../Images/Common/tip-yellow.png); /* bgImageFrameSize >= 10 should work fine */ /**
	 * - If you set a background-image, border/padding/background-color will be ingnored.
	 *   You can set any padding to .tip-inner instead if you need.
	 * - If you want a tiled background-image and border/padding for the tip,
	 *   set the background-image to .tip-inner instead.
	 */ }
.tip-yellow .tip-inner { margin-top: -2px; padding: 0 3px 1px 3px; }

/* Configure an arrow image - the script will automatically position it on the correct side of the tip */
.tip-yellow .tip-arrow-top { margin-top: -7px; margin-left: 15px; top: 0; left: 0; width: 16px; height: 10px; background: url(../Images/Common/tip-yellow_arrows.png) no-repeat; }
.tip-yellow .tip-arrow-topRight { margin-top: -6px; margin-left: 15px; top: 100%; right: 20px; width: 16px; height: 13px; background: url(../Images/Common/tip-yellow_arrows.png) no-repeat -32px 0; }
.tip-yellow .tip-arrow-right { margin-top: -9px; /* approx. half the height to center it */ margin-left: -4px; top: 50%; left: 100%; width: 10px; height: 20px; background: url(../Images/Common/tip-yellow_arrows.png) no-repeat -16px 0; }
.tip-yellow .tip-arrow-bottom { margin-top: -6px; margin-left: 15px; top: 100%; left: 0; width: 16px; height: 13px; background: url(../Images/Common/tip-yellow_arrows.png) no-repeat -32px 0; }
.tip-yellow .tip-arrow-left { margin-top: -9px; /* approx. half the height to center it */ margin-left: -6px; top: 50%; left: 0; width: 10px; height: 20px; background: url(../Images/Common/tip-yellow_arrows.png) no-repeat -48px 0; }

/* CheckField 验证Style */
.checkfiled { color: Red; }

A:hover { text-decoration: none; }
.font_darkblue { color: darkblue; font-weight: bold; }


/*Boostrap span1 --  span12 */
.span1 { width: 70px; }
.span2 { width: 170px; }
.span3 { width: 270px; }
.span4 { width: 370px; }
.span5 { width: 470px; }
.span6 { width: 570px; }
.span7 { width: 670px; }
.span8 { width: 770px; }
.span9 { width: 870px; }
.span10 { width: 970px; }
.span11 { width: 1070px; }
.span12 { width: 1170px; }
.button_Inner { display: inline-block; margin-right: 10px; }
.text_left { text-align: left; }
.text_center { text-align: center; }
.text_right { text-align: right; }
.float_right { float: right; }
.float_left { float: left; }

/* cursor:pointer */
.cursor-pointer { cursor: pointer; }

/* btn模块 */
.btn { height: 20px; line-height: 20px; color: #888; background: #f2f2f2; border: 1px solid #d9d9d9; display: inline-block; padding: 0px 6px; border-radius: 3px; *display: inline-block; *display: inline; zoom: 1; text-indent: 0px; }
.btn em, .btn i, .btn a, .btn_info em { font-style: normal; }
.btn em { background: url(../Images/Icons/yes_gray.png) left center no-repeat; padding-left: 15px; }
.btn i { padding: 0px 5px; }
.btn a { color: #0078B6; }
.btn:hover { background: #fff; }

.btn_info { height: 18px; line-height: 18px; background: #428bca; border: 1px solid #357ebd; display: inline-block; *display: inline; zoom: 1; padding: 1px 5px; color: #fff; border-radius: 3px; cursor: pointer; font-weight: bold; text-align: center; text-indent: 0px; }
.btn_info:hover { background: #3071a9; border: 1px solid #285e8e; transition: all 0.2s linear; }
.btn_info img { vertical-align: middle; }