/*-----------------------------------------------------------------------------各种按钮的风格样式-----------------------------------------------------------------------------*/
/* 确定和取消的按钮 */
.LinkButton_OK { background: url(../Images/Button/button_ok.GIF) no-repeat; font-weight: normal; line-height: 31px; vertical-align: middle; text-align: center; color: #000000; height: 28px; width: 92px; display: block; border: 0px; cursor: pointer; }
.LinkButton_Cancel { background: url(../Images/Button/button_cancel.GIF) no-repeat; font-weight: normal; line-height: 31px; vertical-align: middle; text-align: center; color: #000000; height: 28px; width: 92px; display: block; border: 0px; cursor: pointer; }

/* 扩展、缩进的图片 */
.img_plus { cursor: pointer; height: 16px; width: 18px; background: url(../Images/icons/plus.gif); background-repeat: no-repeat; }
.img_minus { cursor: pointer; height: 16px; width: 18px; background: url(../Images/icons/minus.gif); background-repeat: no-repeat; }

/* 流程历史步骤的背景按钮 */
.Step_Left { float: left; background-image: url(../Images/Button/Step_Bg_Left.gif); background-repeat: no-repeat; width: 8px; height: 55px; }
.Step_Middle { float: left; text-align: center; background-image: url(../Images/Button/Step_Bg_Middle.gif); background-repeat: repeat-x; height: 55px; line-height: 18px; vertical-align: middle; width: 180px; padding-top: 5px; }
.Step_Right { float: left; background-image: url(../Images/Button/Step_Bg_Right.gif); background-repeat: no-repeat; width: 8px; height: 55px; }

/* 流程流转动作 按钮 */
.Transition_Button_Off, .Transition_Button_On { min-width: 100px; }
.Transition_Button_Off .Transition_left, .Transition_Button_On .Transition_left { float: left; background-image: url(../images/Button/Button_Off_left.png); background-repeat: no-repeat; width: 5px; height: 26px; }
.Transition_Button_On .Transition_left { background-image: url(../images/Button/Button_On_left.png); }
.Transition_Button_Off .Transition_right, .Transition_Button_On .Transition_right { float: left; background-image: url(../images/Button/Button_Off_right.png); background-repeat: no-repeat; width: 5px; height: 26px; }
.Transition_Button_On .Transition_right { background-image: url(../images/Button/Button_On_right.png); }
.Transition_Button_Off .Transition_middle, .Transition_Button_On .Transition_middle { background-image: url(../images/Button/Button_Off_middle.png); background-repeat: repeat-x; float: left; height: 26px; line-height: 26px; vertical-align: middle; padding-left: 22px; padding-right: 22px; text-align: center; display: inline-block; }
.Transition_Button_On .Transition_middle { background-image: url(../images/Button/Button_On_middle.png); }

/* 普通按钮背景， Win 7 风格*/
.Button_On { background: url(../Images/Button/Button_On.png) no-repeat; font-weight: normal; line-height: 26px; height: 26px; width: 108px; vertical-align: middle; text-align: center; display: block; cursor: pointer; margin-left: 5px; margin-right: 5px; border: 0px; }
.Button_Off { background: url(../Images/Button/Button_Off.png) no-repeat; font-weight: normal; line-height: 26px; height: 26px; width: 108px; vertical-align: middle; text-align: center; display: block; cursor: pointer; margin-left: 5px; margin-right: 5px; border: 0px; }
.Button_Short_On { background: url(../Images/Button/Button_Short_On.png) no-repeat; font-weight: normal; line-height: 26px; height: 26px; width: 80px; vertical-align: middle; text-align: center; display: block; cursor: pointer; margin-left: 5px; margin-right: 5px; border: 0px; font-family: "Microsoft YaHei"; font-size: 12px; }
.Button_Short_Off { background: url(../Images/Button/Button_Short_Off.png) no-repeat; font-weight: normal; line-height: 26px; height: 26px; width: 80px; vertical-align: middle; text-align: center; display: block; cursor: pointer; margin-left: 5px; margin-right: 5px; border: 0px; font-family: "Microsoft YaHei"; font-size: 12px; }
.Button_Short_Off_Inline { background: url(../Images/Button/Button_Short_Off.png) no-repeat; font-weight: normal; line-height: 26px; height: 26px; width: 80px; vertical-align: middle; text-align: center; cursor: pointer; margin-left: 5px; margin-right: 5px; border: 0px; font-family: "Microsoft YaHei"; font-size: 12px; }

/*橙色按钮*/
.Button_Orange { background: url(../Images/Button/Button_Orange_Small.png) no-repeat; font-weight: normal; line-height: 26px; height: 26px; width: 96px; vertical-align: middle; text-align: center; display: block; cursor: pointer; color: #000000; }
/*大按钮的背景，用与创建子项目*/
.Button_Big_On { background: url(../Images/Button/Button_Big_On.png) no-repeat; font: 120%; font-weight: bold; line-height: 58px; vertical-align: middle; text-align: center; color: #963; height: 58px; width: 250px; display: block; cursor: pointer; }
.Button_Big_Off { background: url(../Images/Button/Button_Big_Off.png) no-repeat; font: 120%; font-weight: bold; line-height: 58px; vertical-align: middle; text-align: center; color: #369; height: 58px; width: 250px; display: block; cursor: pointer; }

/*当前项， 指向右边尖号*/
.Current_Right { width: 47px; height: 25px; line-height: 25px; display: inline-block; text-indent: 5px; background-repeat: no-repeat; vertical-align: middle; background-image: url(../Images/Button/CurrentBg_Small.png); margin-top: 3px; }

/* 大图标按钮背景风格 */
.BigIcon { float: left; width: 158px; height: 120px; text-align: center; font-size: 120%; padding-top: 15px; }
.BigIcon a { color: #000000; }
.BigIcon_On { float: left; width: 158px; height: 120px; text-align: center; background: url(../images/Common/HomePageButtonBg.png) no-repeat; cursor: pointer; font-size: 120%; padding-top: 15px; }
.GotoBack { background: url('../images/Icons/goback.png') no-repeat left center; width: 60px; height: 18px; cursor: pointer; font-weight: bold; text-indent: 20px; line-height: 18px; vertical-align: middle; }

/* Just Like iPhone Back style */
.GoBack { width: 58px; height: 32px; background: url(../images/Button/GoBack.png) no-repeat; cursor: pointer; float: left; font-size: 120%; font-weight: bold; text-indent: 20px; line-height: 28px; vertical-align: middle; }
.GoBack a { color: White; }
/*-------------多个联体按钮-------------------*/
.Button_Switch_Right_On, .Button_Switch_Right_Off, .Button_Switch_Middle_On, .Button_Switch_Middle_Off, .Button_Switch_Left_On, .Button_Switch_Left_Off { height: 25px; width: 60px; text-align: center; float: left; text-indent: 0.7em; line-height: 25px; background: url(../images/Button/Button_Switch.png) no-repeat 0 -25px; cursor: pointer; }
.Button_Switch_Right_Off { background: url(../images/Button/Button_Switch.png) no-repeat 0 0; }
.Button_Switch_Middle_On, .Button_Switch_Middle_Off, .Button_Switch_Left_On, .Button_Switch_Left_Off { background: url(../images/Button/Button_Switch.png) no-repeat -80px -25px; border-left: 1px solid #4a7ebb; width: 59px; }
.Button_Switch_Middle_Off { background: url(../images/Button/Button_Switch.png) no-repeat -80px 0; border-left: 1px solid #4a7ebb; }
.Button_Switch_Left_On { background: url(../images/Button/Button_Switch.png) no-repeat -101px -25px; border-left: 1px solid #4a7ebb; }
.Button_Switch_Left_Off { background: url(../images/Button/Button_Switch.png) no-repeat -101px 0px; border-left: 1px solid #4a7ebb; }

/*---------------------------------WorkflowSumbit流程名称按钮样式-------------------------------------*/
.Button_WorkflowName { font-size: 120%; color: #00f; font-weight: bold; margin: 0 80px 0 20px; line-height: 30px; }

/*-----------------------------------------------------------------------------
                        各种button按钮样式设置
----------------------------------------------------------------------------------*/

/* button */
.button_2, .button_3, .button_4, .button_5, .button_6 { width: 60px; height: 25px; line-height: 25px; display: inline-block; background: url(../images/Button/button-bg.png) 0px 0px no-repeat; overflow: hidden; color: #fff !important; text-align: center; border: none; cursor: pointer; font-family: "Microsoft YaHei"; cursor: pointer; margin-top:3px; }
.button_2:hover { background: url(../images/Button/button-bg.png) 0px -27px no-repeat; }
.button_3 { width: 80px; background: url(../images/Button/button-bg.png) 0px -54px no-repeat;margin-right:3px; }
.button_3:hover { background: url(../images/Button/button-bg.png) 0px -81px no-repeat; }
.button_4 { width: 100px;margin-right:3px; background: url(../images/Button/button-bg.png) 0px -108px no-repeat; }
.button_4:hover { background: url(../images/Button/button-bg.png) 0px -135px no-repeat; }
.button_5 { width: 120px; background: url(../images/Button/button-bg.png) 0px -162px no-repeat; }
.button_5:hover { background: url(../images/Button/button-bg.png) 0px -189px no-repeat; }
.button_6 { width: 140px; background: url(../images/Button/button-bg.png) 0px -216px no-repeat; }
.button_6:hover { background: url(../images/Button/button-bg.png) 0px -243px no-repeat; }

.button_1 { padding: 2px 8px; background: #428bca; color: #fff; border-radius: 3px; min-width: 30px; text-align: center; overflow: hidden; cursor: pointer; font-family: "Microsoft YaHei"; margin:0px 3px;}
.button_1:hover { background: #3071a9; }

/* grey_button */
.grey_button_2, .grey_button_3, .grey_button_4, .grey_button_5, .grey_button_6 { width: 60px; height: 25px; line-height: 25px; display: inline-block; background: url(../images/Button/button-bg.png) -170px 0px no-repeat; overflow: hidden; color: #333 !important; text-align: center; border: none; cursor: pointer; font-family: "Microsoft YaHei"; }
.grey_button_2:hover { background: url(../images/Button/button-bg.png) -170px -27px no-repeat; }
.grey_button_3 { width: 80px; background: url(../images/Button/button-bg.png) -170px -54px no-repeat; }
.grey_button_3:hover { background: url(../images/Button/button-bg.png) -170px -81px no-repeat; }
.grey_button_4 { width: 100px; background: url(../images/Button/button-bg.png) -170px -108px no-repeat; }
.grey_button_4:hover { background: url(../images/Button/button-bg.png) -170px -135px no-repeat; }
.grey_button_5 { width: 120px; background: url(../images/Button/button-bg.png) -170px -162px no-repeat; }
.grey_button_5:hover { background: url(../images/Button/button-bg.png) -170px -189px no-repeat; }
.grey_button_6 { width: 140px; background: url(../images/Button/button-bg.png) -170px -216px no-repeat; }
.grey_button_6:hover { background: url(../images/Button/button-bg.png) -170px -243px no-repeat; }

.blue_button { padding: 4px 12px; background: #2FA8E7; color: #fff; border-radius: 4px; min-width: 50px; text-align: center; overflow: hidden; line-height: initial; display: inline-block; display: inline\9; margin: 2px 3px; font-size: 100% !important; }
.blue_button:hover { background: #008CD8;transition: background .2s linear; }

/* query_btn模块 */
.query_btn { height: 24px; overflow: hidden; position: relative; display: inline-block; margin-top:3px !important; }
.query_btn input { width: 160px; height:22px; line-height: 22px; float: left; border: 1px solid #ccc; border-radius:4px; padding-left: 5px; padding-right: 23px; margin-top: 0px !important; font-size: 100%; }
.query_btn a { position: absolute; right: 5px; top: 1px; overflow: hidden; background: url(../Images/Icons/query_bg.png) center center no-repeat; display: block; width: 16px; height: 20px; }

/*小工具页面*/
.tools_button{ overflow:hidden;}
.tools_button input[type="submit"] { border: 1px solid #ddd; background: #eee; padding: 3px 5px; margin: 3px; border-radius: 3px; color: #555; }
.tools_button input[type="submit"]:hover { background: #ddd; cursor: pointer; }
.tools_button div{ float:left; margin-right:5px;}
.noFloat div{ float:none;}