复选框点击添加或删除text输入框value值js代码

版权：原创更新时间：1年以上

[该文章底部包含文件资源,可根据自己情况,决定是否下载资源使用,时间>金钱,如有需要,立即查看资源]

以下是复选框点击添加或删除text输入框value值js代码的示例演示效果:

当前平台(PC电脑)

平台:

整屏预览

部分效果截图1:

部分效果截图2:

HTML代码(index.html):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>复选框点击添加或删除text输入框value值</title>
<!--bootstrap css 挺方便简洁的一款第三方前端开发框架-->
<link rel="stylesheet" href="css/bootstrap.css" />
<link rel="stylesheet" href="css/style.css" />

</head>
<body>


<div class="span12 content">
	<div class="box">
		<div class="box-head">
			<h3>邮件编写</h3>
		</div>
		<div class="box-content">
			<div class="form-horizontal">
			
				<div class="control-group">
					<label class="control-label">收件人</label>
					<div class="controls">
						<div class="input-append">
							<input type="text" id="jsrtxt" class="tip" />
							<span class="tip add-on"  id="jieshouren" data-original-title="点击选择联系人" >
								<i class="icon-user" style="cursor:pointer" ></i>
								<div style="display:none" id="selectlxr"></div>
							</span>
						</div>
					</div>
				</div>
				
				<div class="control-group">
					<label class="control-label">主题</label>
					<div class="controls">
						<input type="text" class="span6 input-square" />
					</div>
				</div>
				<div class="control-group">
					<label class="control-label">内容</label>
					<div class="controls">
						<textarea class="span6 input-square"></textarea>
					</div>
				</div>
			
				<div class="control-group">
					<label class="control-label">&nbsp;</label>
					<div class="controls">
						<input type="button" class="btn btn-fo" value="提交发送" />
					</div>
				</div>
			
			</div>
		</div>
	</div>
</div>

<script src="js/jQuery.js"></script>
<script src="js/jquery.artDialog.js?skin=idialog"></script>
<!--js结束-->
<script>
//循环输出创建十个复选框
var chtml = "";
for (var i = 0; i < 10; i++) {
   chtml += "<div style='word-wrap:break-word; width:450px; '>";
   chtml += '<label style="float:left;padding:15px"><input type="checkbox" name="aaa" value="1" class="{required:true}" /><span style="margin-left:10px">小'+i+'</span></label>';
   chtml += "</div>";
}
//把得到字符串利用jquery添加到元素里面生成checkbox
$("#selectlxr").html(chtml);
//创建一个 dialog弹出框(第三方插件有兴趣可以看下 超赞的一款插件 http://www.planeart.cn/demo/artDialog/) 把创建好的弹出框隐藏起来
var dia = $.dialog(
   {
	   title: "选择联系人", width: "500px",
	   content: $("#selectlxr").html(),
	   close: function () {
		   this.hide();
		   return false;
	   },
	   follow: document.getElementById("jieshouren")
   }
   ).hide();

//点击 显示
$("#jieshouren").click(function () {
   dia.show();
})
//事件 获取checkbox点击时候的父元素的值 添加到text 如果点击收的选中状态为checked 则添加 否则 删除
$("input[type=checkbox]").click(function () {
   try {
	   if ($(this).attr("checked")) {
		   $("#jsrtxt").val($("#jsrtxt").val() + $(this).parent().text() + ";");
	   } else {
		   $("#jsrtxt").val($("#jsrtxt").val().replace($(this).parent().text() + ';', ""));
	   }
   } catch (e) {
	   $("#jsrtxt").val("");
   }
})
//初步测试 暂无小bug 可以为text增加一个只读  
</script>
</body>
</html>

JS代码(jquery.artDialog.js):

/*! * artDialog 4.1.7 * Date:2013-03-03 08:04 * http://code.google.com/p/artdialog/ * (c) 2009-2012 TangBin,http://www.planeArt.cn * * This is licensed under the GNU LGPL,version 2.1 or later. * For details,see:http://creativecommons.org/licenses/LGPL/2.1/ */
(function(e,t,n){
	e.noop=e.noop||function(){
}
;
	var r,i,s,o,u=0,a=e(t),f=e(document),l=e("html"),c=document.documentElement,h=t.VBArray&&!t.XMLHttpRequest,p="createTouch"in document&&!("onmousemove"in c)||/(iPhone|iPad|iPod)/i.test(navigator.userAgent),d="artDialog"+ +(new Date),v=function(t,i,s){
	t=t||{
}
;
	if(typeof t=="string"||t.nodeType===1)t={
	content:t,fixed:!p}
;
	var o,a=v.defaults,f=t.follow=this.nodeType===1&&this||t.follow;
	for(var l in a)t[l]===n&&(t[l]=a[l]);
	return e.each({
	ok:"yesFn",cancel:"noFn",close:"closeFn",init:"initFn",okVal:"yesText",cancelVal:"noText"}
,function(e,r){
	t[e]=t[e]!==n?t[e]:t[r]}
),typeof f=="string"&&(f=e(f)[0]),t.id=f&&f[d+"follow"]||t.id||d+u,o=v.list[t.id],f&&o?o.follow(f).zIndex().focus():o?o.zIndex().focus():(p&&(t.fixed=!1),e.isArray(t.button)||(t.button=t.button?[t.button]:[]),i!==n&&(t.ok=i),s!==n&&(t.cancel=s),t.ok&&t.button.push({
	name:t.okVal,callback:t.ok,focus:!0}
),t.cancel&&t.button.push({
	name:t.cancelVal,callback:t.cancel}
),v.defaults.zIndex=t.zIndex,u++,v.list[t.id]=r?r._init(t):new v.fn._init(t))}
;
	v.fn=v.prototype={
	version:"4.1.7",closed:!0,_init:function(e){
	var n=this,i,s=e.icon,o=s&&(h?{
	png:"icons/"+s+".png"}
:{
	backgroundImage:"url('"+e.path+"/skins/icons/"+s+".png')"}
);
	return n.closed=!1,n.config=e,n.DOM=i=n.DOM||n._getDOM(),i.wrap.addClass(e.skin),i.close[e.cancel===!1?"hide":"show"](),i.icon[0].style.display=s?"":"none",i.iconBg.css(o||{
	background:"none"}
),i.se.css("cursor",e.resize?"se-resize":"auto"),i.title.css("cursor",e.drag?"move":"auto"),i.content.css("padding",e.padding),n[e.show?"show":"hide"](!0),n.button(e.button).title(e.title).content(e.content,!0).size(e.width,e.height).time(e.time),e.follow?n.follow(e.follow):n.position(e.left,e.top),n.zIndex().focus(),e.lock&&n.lock(),n._addEvent(),n._ie6PngFix(),r=null,e.init&&e.init.call(n,t),n}
,content:function(e){
	var t,r,i,s,o=this,u=o.DOM,a=u.wrap[0],f=a.offsetWidth,l=a.offsetHeight,c=parseInt(a.style.left),h=parseInt(a.style.top),p=a.style.width,d=u.content,v=d[0];
	return o._elemBack&&o._elemBack(),a.style.width="auto",e===n?v:(typeof e=="string"?d.html(e):e&&e.nodeType===1&&(s=e.style.display,t=e.previousSibling,r=e.nextSibling,i=e.parentNode,o._elemBack=function(){
	t&&t.parentNode?t.parentNode.insertBefore(e,t.nextSibling):r&&r.parentNode?r.parentNode.insertBefore(e,r):i&&i.appendChild(e),e.style.display=s,o._elemBack=null}
,d.html(""),v.appendChild(e),e.style.display="block"),arguments[1]||(o.config.follow?o.follow(o.config.follow):(f=a.offsetWidth-f,l=a.offsetHeight-l,c-=f/2,h-=l/2,a.style.left=Math.max(c,0)+"px",a.style.top=Math.max(h,0)+"px"),p&&p!=="auto"&&(a.style.width=a.offsetWidth+"px"),o._autoPositionType()),o._ie6SelectFix(),o._runScript(v),o)}
,title:function(e){
	var t=this.DOM,r=t.wrap,i=t.title,s="aui_state_noTitle";
	return e===n?i[0]:(e===!1?(i.hide().html(""),r.addClass(s)):(i.show().html(e||""),r.removeClass(s)),this)}
,position:function(e,t){
	var r=this,i=r.config,s=r.DOM.wrap[0],o=h?!1:i.fixed,u=h&&r.config.fixed,l=f.scrollLeft(),c=f.scrollTop(),p=o?0:l,d=o?0:c,v=a.width(),m=a.height(),g=s.offsetWidth,y=s.offsetHeight,b=s.style;
	if(e||e===0)r._left=e.toString().indexOf("%")!==-1?e:null,e=r._toNumber(e,v-g),typeof e=="number"?(e=u?e+=l:e+p,b.left=Math.max(e,p)+"px"):typeof e=="string"&&(b.left=e);
	if(t||t===0)r._top=t.toString().indexOf("%")!==-1?t:null,t=r._toNumber(t,m-y),typeof t=="number"?(t=u?t+=c:t+d,b.top=Math.max(t,d)+"px"):typeof t=="string"&&(b.top=t);
	return e!==n&&t!==n&&(r._follow=null,r._autoPositionType()),r}
,size:function(e,t){
	var n,r,i,s,o=this,u=o.config,f=o.DOM,l=f.wrap,c=f.main,h=l[0].style,p=c[0].style;
	return e&&(o._width=e.toString().indexOf("%")!==-1?e:null,n=a.width()-l[0].offsetWidth+c[0].offsetWidth,i=o._toNumber(e,n),e=i,typeof e=="number"?(h.width="auto",p.width=Math.max(o.config.minWidth,e)+"px",h.width=l[0].offsetWidth+"px"):typeof e=="string"&&(p.width=e,e==="auto"&&l.css("width","auto"))),t&&(o._height=t.toString().indexOf("%")!==-1?t:null,r=a.height()-l[0].offsetHeight+c[0].offsetHeight,s=o._toNumber(t,r),t=s,typeof t=="number"?p.height=Math.max(o.config.minHeight,t)+"px":typeof t=="string"&&(p.height=t)),o._ie6SelectFix(),o}
,follow:function(t){
	var n,r=this,i=r.config;
	if(typeof t=="string"||t&&t.nodeType===1)n=e(t),t=n[0];
	if(!t||!t.offsetWidth&&!t.offsetHeight)return r.position(r._left,r._top);
	var s=d+"follow",o=a.width(),u=a.height(),l=f.scrollLeft(),c=f.scrollTop(),p=n.offset(),v=t.offsetWidth,m=t.offsetHeight,g=h?!1:i.fixed,y=g?p.left-l:p.left,b=g?p.top-c:p.top,w=r.DOM.wrap[0],E=w.style,S=w.offsetWidth,x=w.offsetHeight,T=y-(S-v)/2,N=b+m,C=g?0:l,k=g?0:c;
	return T=T<C?y:T+S>o&&y-S>C?y-S+v:T,N=N+x>u+k&&b-x>k?b-x:N,E.left=T+"px",E.top=N+"px",r._follow&&r._follow.removeAttribute(s),r._follow=t,t[s]=i.id,r._autoPositionType(),r}
,button:function(){
	var t=this,r=arguments,i=t.DOM,s=i.buttons,o=s[0],u="aui_state_highlight",a=t._listeners=t._listeners||{
}
,f=e.isArray(r[0])?r[0]:[].slice.call(r);
	return r[0]===n?o:(e.each(f,function(n,r){
	var i=r.name,s=!a[i],f=s?document.createElement("button"):a[i].elem;
	a[i]||(a[i]={
}
),r.callback&&(a[i].callback=r.callback),r.className&&(f.className=r.className),r.focus&&(t._focus&&t._focus.removeClass(u),t._focus=e(f).addClass(u),t.focus()),f.setAttribute("type","button"),f[d+"callback"]=i,f.disabled=!!r.disabled,s&&(f.innerHTML=i,a[i].elem=f,o.appendChild(f))}
),s[0].style.display=f.length?"":"none",t._ie6SelectFix(),t)}
,show:function(){
	return this.DOM.wrap.show(),!arguments[0]&&this._lockMaskWrap&&this._lockMaskWrap.show(),this}
,hide:function(){
	return this.DOM.wrap.hide(),!arguments[0]&&this._lockMaskWrap&&this._lockMaskWrap.hide(),this}
,close:function(){
	if(this.closed)return this;
	var e=this,n=e.DOM,i=n.wrap,s=v.list,o=e.config.close,u=e.config.follow;
	e.time();
	if(typeof o=="function"&&o.call(e,t)===!1)return e;
	e.unlock(),e._elemBack&&e._elemBack(),i[0].className=i[0].style.cssText="",n.title.html(""),n.content.html(""),n.buttons.html(""),v.focus===e&&(v.focus=null),u&&u.removeAttribute(d+"follow"),delete s[e.config.id],e._removeEvent(),e.hide(!0)._setAbsolute();
	for(var a in e)e.hasOwnProperty(a)&&a!=="DOM"&&delete e[a];
	return r?i.remove():r=e,e}
,time:function(e){
	var t=this,n=t.config.cancelVal,r=t._timer;
	return r&&clearTimeout(r),e&&(t._timer=setTimeout(function(){
	t._click(n)}
,1e3*e)),t}
,focus:function(){
	try{
	if(this.config.focus){
	var e=this._focus&&this._focus[0]||this.DOM.close[0];
	e&&e.focus()}
}
catch(t){
}
return this}
,zIndex:function(){
	var e=this,t=e.DOM,n=t.wrap,r=v.focus,i=v.defaults.zIndex++;
	return n.css("zIndex",i),e._lockMask&&e._lockMask.css("zIndex",i-1),r&&r.DOM.wrap.removeClass("aui_state_focus"),v.focus=e,n.addClass("aui_state_focus"),e}
,lock:function(){
	if(this._lock)return this;
	var t=this,n=v.defaults.zIndex-1,r=t.DOM.wrap,i=t.config,s=f.width(),o=f.height(),u=t._lockMaskWrap||e(document.body.appendChild(document.createElement("div"))),a=t._lockMask||e(u[0].appendChild(document.createElement("div"))),l="(document).documentElement",c=p?"width:"+s+"px;
	height:"+o+"px":"width:100%;
	height:100%",d=h?"position:absolute;
	left:expression("+l+".scrollLeft);
	top:expression("+l+".scrollTop);
	width:expression("+l+".clientWidth);
	height:expression("+l+".clientHeight)":"";
	return t.zIndex(),r.addClass("aui_state_lock"),u[0].style.cssText=c+";
	position:fixed;
	z-index:"+n+";
	top:0;
	left:0;
	overflow:hidden;
	"+d,a[0].style.cssText="height:100%;
	background:"+i.background+";
	filter:alpha(opacity=0);
	opacity:0",h&&a.html('<iframe src="about:blank" style="width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:alpha(opacity=0)"></iframe>'),a.stop(),a.bind("click",function(){
	t._reset()}
).bind("dblclick",function(){
	t._click(t.config.cancelVal)}
),i.duration===0?a.css({
	opacity:i.opacity}
):a.animate({
	opacity:i.opacity}
,i.duration),t._lockMaskWrap=u,t._lockMask=a,t._lock=!0,t}
,unlock:function(){
	var e=this,t=e._lockMaskWrap,n=e._lockMask;
	if(!e._lock)return e;
	var i=t[0].style,s=function(){
	h&&(i.removeExpression("width"),i.removeExpression("height"),i.removeExpression("left"),i.removeExpression("top")),i.cssText="display:none",r&&t.remove()}
;
	return n.stop().unbind(),e.DOM.wrap.removeClass("aui_state_lock"),e.config.duration?n.animate({
	opacity:0}
,e.config.duration,s):s(),e._lock=!1,e}
,_getDOM:function(){
	var t=document.createElement("div"),n=document.body;
	t.style.cssText="position:absolute;
	left:0;
	top:0",t.innerHTML=v._templates,n.insertBefore(t,n.firstChild);
	var r,i=0,s={
	wrap:e(t)}
,o=t.getElementsByTagName("*"),u=o.length;
	for(;
	i<u;
	i++)r=o[i].className.split("aui_")[1],r&&(s[r]=e(o[i]));
	return s}
,_toNumber:function(e,t){
	if(!e&&e!==0||typeof e=="number")return e;
	var n=e.length-1;
	return e.lastIndexOf("px")===n?e=parseInt(e):e.lastIndexOf("%")===n&&(e=parseInt(t*e.split("%")[0]/100)),e}
,_ie6PngFix:h?function(){
	var e=0,t,n,r,i,s=v.defaults.path+"/skins/",o=this.DOM.wrap[0].getElementsByTagName("*");
	for(;
	e<o.length;
	e++)t=o[e],n=t.currentStyle.png,n&&(r=s+n,i=t.runtimeStyle,i.backgroundImage="none",i.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+r+"',sizingMethod='crop')")}
:e.noop,_ie6SelectFix:h?function(){
	var e=this.DOM.wrap,t=e[0],n=d+"iframeMask",r=e[n],i=t.offsetWidth,s=t.offsetHeight;
	i+="px",s+="px",r?(r.style.width=i,r.style.height=s):(r=t.appendChild(document.createElement("iframe")),e[n]=r,r.src="about:blank",r.style.cssText="position:absolute;
	z-index:-1;
	left:0;
	top:0;
	filter:alpha(opacity=0);
	width:"+i+";
	height:"+s)}
:e.noop,_runScript:function(e){
	var t,n=0,r=0,i=e.getElementsByTagName("script"),s=i.length,o=[];
	for(;
	n<s;
	n++)i[n].type==="text/dialog"&&(o[r]=i[n].innerHTML,r++);
	o.length&&(o=o.join(""),t=new Function(o),t.call(this))}
,_autoPositionType:function(){
	this[this.config.fixed?"_setFixed":"_setAbsolute"]()}
,_setFixed:function(){
	return h&&e(function(){
	var t="backgroundAttachment";
	l.css(t)!=="fixed"&&e("body").css(t)!=="fixed"&&l.css({
	zoom:1,backgroundImage:"url(about:blank)",backgroundAttachment:"fixed"}
)}
),function(){
	var e=this.DOM.wrap,t=e[0].style;
	if(h){
	var n=parseInt(e.css("left")),r=parseInt(e.css("top")),i=f.scrollLeft(),s=f.scrollTop(),o="(document.documentElement)";
	this._setAbsolute(),t.setExpression("left","eval("+o+".scrollLeft + "+(n-i)+') + "px"'),t.setExpression("top","eval("+o+".scrollTop + "+(r-s)+') + "px"')}
else t.position="fixed"}
}
(),_setAbsolute:function(){
	var e=this.DOM.wrap[0].style;
	h&&(e.removeExpression("left"),e.removeExpression("top")),e.position="absolute"}
,_click:function(e){
	var n=this,r=n._listeners[e]&&n._listeners[e].callback;
	return typeof r!="function"||r.call(n,t)!==!1?n.close():n}
,_reset:function(e){
	var t,n=this,r=n._winSize||a.width()*a.height(),i=n._follow,s=n._width,o=n._height,u=n._left,f=n._top;
	if(e){
	t=n._winSize=a.width()*a.height();
	if(r===t)return}
(s||o)&&n.size(s,o),i?n.follow(i):(u||f)&&n.position(u,f)}
,_addEvent:function(){
	var e,n=this,r=n.config,i="CollectGarbage"in t,s=n.DOM;
	n._winResize=function(){
	e&&clearTimeout(e),e=setTimeout(function(){
	n._reset(i)}
,40)}
,a.bind("resize",n._winResize),s.wrap.bind("click",function(e){
	var t=e.target,i;
	if(t.disabled)return!1;
	if(t===s.close[0])return n._click(r.cancelVal),!1;
	i=t[d+"callback"],i&&n._click(i),n._ie6SelectFix()}
).bind("mousedown",function(){
	n.zIndex()}
)}
,_removeEvent:function(){
	var e=this,t=e.DOM;
	t.wrap.unbind(),a.unbind("resize",e._winResize)}
}
,v.fn._init.prototype=v.fn,e.fn.dialog=e.fn.artDialog=function(){
	var e=arguments;
	return this[this.live?"live":"bind"]("click",function(){
	return v.apply(this,e),!1}
),this}
,v.focus=null,v.get=function(e){
	return e===n?v.list:v.list[e]}
,v.list={
}
,f.bind("keydown",function(e){
	var t=e.target,n=t.nodeName,r=/^INPUT|TEXTAREA$/,i=v.focus,s=e.keyCode;
	if(!i||!i.config.esc||r.test(n))return;
	s===27&&i._click(i.config.cancelVal)}
),o=t._artDialog_path||function(e,t,n){
	for(t in e)e[t].src&&e[t].src.indexOf("artDialog")!==-1&&(n=e[t]);
	return i=n||e[e.length-1],n=i.src.replace(/\\/g,"/"),n.lastIndexOf("/")<0?".":n.substring(0,n.lastIndexOf("/"))}
(document.getElementsByTagName("script")),s=i.src.split("skin=")[1];
	if(s){
	var m=document.createElement("link");
	m.rel="stylesheet",m.href=o+"/skins/"+s+".css?"+v.fn.version,i.parentNode.insertBefore(m,i)}
a.bind("load",function(){
	setTimeout(function(){
	if(u)return;
	v({
	left:"-9999em",time:9,fixed:!1,lock:!1,focus:!1}
)}
,150)}
);
	try{
	document.execCommand("BackgroundImageCache",!1,!0)}
catch(g){
}
v._templates='<div class="aui_outer"><table class="aui_border"><tbody><tr><td class="aui_nw"></td><td class="aui_n"></td><td class="aui_ne"></td></tr><tr><td class="aui_w"></td><td class="aui_c"><div class="aui_inner"><table class="aui_dialog"><tbody><tr><td colspan="2" class="aui_header"><div class="aui_titleBar"><div class="aui_title"></div><a class="aui_close" href="javascript:/*artDialog*/
;
	">\u00d7</a></div></td></tr><tr><td class="aui_icon"><div class="aui_iconBg"></div></td><td class="aui_main"><div class="aui_content"></div></td></tr><tr><td colspan="2" class="aui_footer"><div class="aui_buttons"></div></td></tr></tbody></table></div></td><td class="aui_e"></td></tr><tr><td class="aui_sw"></td><td class="aui_s"></td><td class="aui_se"></td></tr></tbody></table></div>',v.defaults={
	content:'<div class="aui_loading"><span>loading..</span></div>',title:"\u6d88\u606f",button:null,ok:null,cancel:null,init:null,close:null,okVal:"\u786e\u5b9a",cancelVal:"\u53d6\u6d88",width:"auto",height:"auto",minWidth:96,minHeight:32,padding:"20px 25px",skin:"",icon:null,time:null,esc:!0,focus:!0,show:!0,follow:null,path:o,lock:!1,background:"#000",opacity:.7,duration:300,fixed:!1,left:"50%",top:"38.2%",zIndex:1987,resize:!0,drag:!0}
,t.artDialog=e.dialog=e.artDialog=v}
)(this.art||this.jQuery&&(this.art=jQuery),this),function(e){
	var t,n,r=e(window),i=e(document),s=document.documentElement,o=!("minWidth"in s.style),u="onlosecapture"in s,a="setCapture"in s;
	artDialog.dragEvent=function(){
	var e=this,t=function(t){
	var n=e[t];
	e[t]=function(){
	return n.apply(e,arguments)}
}
;
	t("start"),t("move"),t("end")}
,artDialog.dragEvent.prototype={
	onstart:e.noop,start:function(e){
	return i.bind("mousemove",this.move).bind("mouseup",this.end),this._sClientX=e.clientX,this._sClientY=e.clientY,this.onstart(e.clientX,e.clientY),!1}
,onmove:e.noop,move:function(e){
	return this._mClientX=e.clientX,this._mClientY=e.clientY,this.onmove(e.clientX-this._sClientX,e.clientY-this._sClientY),!1}
,onend:e.noop,end:function(e){
	return i.unbind("mousemove",this.move).unbind("mouseup",this.end),this.onend(e.clientX,e.clientY),!1}
}
,n=function(e){
	var n,s,f,l,c,h,p=artDialog.focus,d=p.DOM,v=d.wrap,m=d.title,g=d.main,y="getSelection"in window?function(){
	window.getSelection().removeAllRanges()}
:function(){
	try{
	document.selection.empty()}
catch(e){
}
}
;
	t.onstart=function(e,n){
	h?(s=g[0].offsetWidth,f=g[0].offsetHeight):(l=v[0].offsetLeft,c=v[0].offsetTop),i.bind("dblclick",t.end),!o&&u?m.bind("losecapture",t.end):r.bind("blur",t.end),a&&m[0].setCapture(),v.addClass("aui_state_drag"),p.focus()}
,t.onmove=function(e,t){
	if(h){
	var r=v[0].style,i=g[0].style,o=e+s,u=t+f;
	r.width="auto",i.width=Math.max(0,o)+"px",r.width=v[0].offsetWidth+"px",i.height=Math.max(0,u)+"px"}
else{
	var i=v[0].style,a=Math.max(n.minX,Math.min(n.maxX,e+l)),d=Math.max(n.minY,Math.min(n.maxY,t+c));
	i.left=a+"px",i.top=d+"px"}
y(),p._ie6SelectFix()}
,t.onend=function(e,n){
	i.unbind("dblclick",t.end),!o&&u?m.unbind("losecapture",t.end):r.unbind("blur",t.end),a&&m[0].releaseCapture(),o&&!p.closed&&p._autoPositionType(),v.removeClass("aui_state_drag")}
,h=e.target===d.se[0]?!0:!1,n=function(){
	var e,t,n=p.DOM.wrap[0],s=n.style.position==="fixed",o=n.offsetWidth,u=n.offsetHeight,a=r.width(),f=r.height(),l=s?0:i.scrollLeft(),c=s?0:i.scrollTop(),e=a-o+l;
	return t=f-u+c,{
	minX:l,minY:c,maxX:e,maxY:t}
}
(),t.start(e)}
,i.bind("mousedown",function(e){
	var r=artDialog.focus;
	if(!r)return;
	var i=e.target,s=r.config,o=r.DOM;
	if(s.drag!==!1&&i===o.title[0]||s.resize!==!1&&i===o.se[0])return t=t||new artDialog.dragEvent,n(e),!1}
)}
(this.art||this.jQuery&&(this.art=jQuery))

CSS代码(style.css):

.clearfix{*zoom:1;}
.clearfix:before,.clearfix:after{display:table;content:"";}
.clearfix:after{clear:both;}
.btn-twitter{background-color:#35b4de;background-image:-moz-linear-gradient(top,#44bce4,#1fa8d6);background-image:-ms-linear-gradient(top,#44bce4,#1fa8d6);background-image:-webkit-gradient(linear,0 0,0 100%,from(#44bce4),to(#1fa8d6));background-image:-webkit-linear-gradient(top,#44bce4,#1fa8d6);background-image:-o-linear-gradient(top,#44bce4,#1fa8d6);background-image:linear-gradient(top,#44bce4,#1fa8d6);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#44bce4',endColorstr='#1fa8d6',GradientType=0);border-color:#1fa8d6 #1fa8d6 #157493;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#1fa8d6;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);color:#ffffff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);}
.btn-twitter:hover,.btn-twitter:active,.btn-twitter.active,.btn-twitter.disabled,.btn-twitter[disabled]{background-color:#1fa8d6;*background-color:#1c97c0;}
.btn-twitter:active,.btn-twitter.active{background-color:#1885aa \9;}
.btn-twitter:hover{color:#ffffff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);}
.btn-fb{background-color:#4777bb;background-image:-moz-linear-gradient(top,#5181c6,#3868ac);background-image:-ms-linear-gradient(top,#5181c6,#3868ac);background-image:-webkit-gradient(linear,0 0,0 100%,from(#5181c6),to(#3868ac));background-image:-webkit-linear-gradient(top,#5181c6,#3868ac);background-image:-o-linear-gradient(top,#5181c6,#3868ac);background-image:linear-gradient(top,#5181c6,#3868ac);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5181c6',endColorstr='#3868ac',GradientType=0);border-color:#3868ac #3868ac #254572;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#3868ac;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);color:#ffffff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);}
.btn-fb:hover,.btn-fb:active,.btn-fb.active,.btn-fb.disabled,.btn-fb[disabled]{background-color:#3868ac;*background-color:#325c99;}
.btn-fb:active,.btn-fb.active{background-color:#2c5085 \9;}
.btn-fb:hover{color:#ffffff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);}
.btn-dr{background-color:#ae4a4a;background-image:-moz-linear-gradient(top,#ba5252,#9b3e3e);background-image:-ms-linear-gradient(top,#ba5252,#9b3e3e);background-image:-webkit-gradient(linear,0 0,0 100%,from(#ba5252),to(#9b3e3e));background-image:-webkit-linear-gradient(top,#ba5252,#9b3e3e);background-image:-o-linear-gradient(top,#ba5252,#9b3e3e);background-image:linear-gradient(top,#ba5252,#9b3e3e);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ba5252',endColorstr='#9b3e3e',GradientType=0);border-color:#9b3e3e #9b3e3e #642828;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#9b3e3e;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);color:#ffffff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);}
.btn-dr:hover,.btn-dr:active,.btn-dr.active,.btn-dr.disabled,.btn-dr[disabled]{background-color:#9b3e3e;*background-color:#893737;}
.btn-dr:active,.btn-dr.active{background-color:#772f2f \9;}
.btn-dr:hover{color:#ffffff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);}
.btn-fo{background-color:#559824;background-image:-moz-linear-gradient(top,#5ea828,#477f1e);background-image:-ms-linear-gradient(top,#5ea828,#477f1e);background-image:-webkit-gradient(linear,0 0,0 100%,from(#5ea828),to(#477f1e));background-image:-webkit-linear-gradient(top,#5ea828,#477f1e);background-image:-o-linear-gradient(top,#5ea828,#477f1e);background-image:linear-gradient(top,#5ea828,#477f1e);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5ea828',endColorstr='#477f1e',GradientType=0);border-color:#477f1e #477f1e #24410f;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#477f1e;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);color:#ffffff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);}
.btn-fo:hover,.btn-fo:active,.btn-fo.active,.btn-fo.disabled,.btn-fo[disabled]{background-color:#477f1e;*background-color:#3b6a19;}
.btn-fo:active,.btn-fo.active{background-color:#305614 \9;}
.btn-fo:hover{color:#ffffff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);}
.btn-gray1{background-color:#292929;background-image:-moz-linear-gradient(top,#333333,#1a1a1a);background-image:-ms-linear-gradient(top,#333333,#1a1a1a);background-image:-webkit-gradient(linear,0 0,0 100%,from(#333333),to(#1a1a1a));background-image:-webkit-linear-gradient(top,#333333,#1a1a1a);background-image:-o-linear-gradient(top,#333333,#1a1a1a);background-image:linear-gradient(top,#333333,#1a1a1a);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333',endColorstr='#1a1a1a',GradientType=0);border-color:#1a1a1a #1a1a1a #000000;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#1a1a1a;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);color:#ffffff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);}
.btn-gray1:hover,.btn-gray1:active,.btn-gray1.active,.btn-gray1.disabled,.btn-gray1[disabled]{background-color:#1a1a1a;*background-color:#0d0d0d;}
.btn-gray1:active,.btn-gray1.active{background-color:#000000 \9;}
.btn-gray1:hover{color:#ffffff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);}
.btn-gray2{background-color:#424242;background-image:-moz-linear-gradient(top,#4d4d4d,#333333);background-image:-ms-linear-gradient(top,#4d4d4d,#333333);background-image:-webkit-gradient(linear,0 0,0 100%,from(#4d4d4d),to(#333333));background-image:-webkit-linear-gradient(top,#4d4d4d,#333333);background-image:-o-linear-gradient(top,#4d4d4d,#333333);background-image:linear-gradient(top,#4d4d4d,#333333);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d4d4d',endColorstr='#333333',GradientType=0);border-color:#333333 #333333 #0d0d0d;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#333333;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);color:#ffffff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);}
.btn-gray2:hover,.btn-gray2:active,.btn-gray2.active,.btn-gray2.disabled,.btn-gray2[disabled]{background-color:#333333;*background-color:#262626;}
.btn-gray2:active,.btn-gray2.active{background-color:#1a1a1a \9;}
.btn-gray2:hover{color:#ffffff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);}
.btn-gray3{background-color:#5c5c5c;background-image:-moz-linear-gradient(top,#666666,#4d4d4d);background-image:-ms-linear-gradient(top,#666666,#4d4d4d);background-image:-webkit-gradient(linear,0 0,0 100%,from(#666666),to(#4d4d4d));background-image:-webkit-linear-gradient(top,#666666,#4d4d4d);background-image:-o-linear-gradient(top,#666666,#4d4d4d);background-image:linear-gradient(top,#666666,#4d4d4d);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666',endColorstr='#4d4d4d',GradientType=0);border-color:#4d4d4d #4d4d4d #262626;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#4d4d4d;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);color:#ffffff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);}
.btn-gray3:hover,.btn-gray3:active,.btn-gray3.active,.btn-gray3.disabled,.btn-gray3[disabled]{background-color:#4d4d4d;*background-color:#404040;}
.btn-gray3:active,.btn-gray3.active{background-color:#333333 \9;}
.btn-gray3:hover{color:#ffffff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);}
.btn-gray4{background-color:#757575;background-image:-moz-linear-gradient(top,#808080,#666666);background-image:-ms-linear-gradient(top,#808080,#666666);background-image:-webkit-gradient(linear,0 0,0 100%,from(#808080),to(#666666));background-image:-webkit-linear-gradient(top,#808080,#666666);background-image:-o-linear-gradient(top,#808080,#666666);background-image:linear-gradient(top,#808080,#666666);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#808080',endColorstr='#666666',GradientType=0);border-color:#666666 #666666 #404040;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#666666;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);color:#ffffff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);}
.btn-gray4:hover,.btn-gray4:active,.btn-gray4.active,.btn-gray4.disabled,.btn-gray4[disabled]{background-color:#666666;*background-color:#595959;}
.btn-gray4:active,.btn-gray4.active{background-color:#4d4d4d \9;}
.btn-gray4:hover{color:#ffffff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);}
.btn-gray5{background-color:#8f8f8f;background-image:-moz-linear-gradient(top,#999999,#808080);background-image:-ms-linear-gradient(top,#999999,#808080);background-image:-webkit-gradient(linear,0 0,0 100%,from(#999999),to(#808080));background-image:-webkit-linear-gradient(top,#999999,#808080);background-image:-o-linear-gradient(top,#999999,#808080);background-image:linear-gradient(top,#999999,#808080);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999',endColorstr='#808080',GradientType=0);border-color:#808080 #808080 #595959;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#808080;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);color:#ffffff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);}
.btn-gray5:hover,.btn-gray5:active,.btn-gray5.active,.btn-gray5.disabled,.btn-gray5[disabled]{background-color:#808080;*background-color:#737373;}
.btn-gray5:active,.btn-gray5.active{background-color:#666666 \9;}
.btn-gray5:hover{color:#ffffff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);}
.btn-gray6{background-color:#a8a8a8;background-image:-moz-linear-gradient(top,#b3b3b3,#999999);background-image:-ms-linear-gradient(top,#b3b3b3,#999999);background-image:-webkit-gradient(linear,0 0,0 100%,from(#b3b3b3),to(#999999));background-image:-webkit-linear-gradient(top,#b3b3b3,#999999);background-image:-o-linear-gradient(top,#b3b3b3,#999999);background-image:linear-gradient(top,#b3b3b3,#999999);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3',endColorstr='#999999',GradientType=0);border-color:#999999 #999999 #737373;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#999999;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);color:#333;text-shadow:0 1px 1px rgba(255,255,255,0.75);}
.btn-gray6:hover,.btn-gray6:active,.btn-gray6.active,.btn-gray6.disabled,.btn-gray6[disabled]{background-color:#999999;*background-color:#8c8c8c;}
.btn-gray6:active,.btn-gray6.active{background-color:#808080 \9;}
.btn-gray6:hover{color:#333;text-shadow:0 1px 1px rgba(255,255,255,0.75);}
.btn-gray7{background-color:#c2c2c2;background-image:-moz-linear-gradient(top,#cccccc,#b3b3b3);background-image:-ms-linear-gradient(top,#cccccc,#b3b3b3);background-image:-webkit-gradient(linear,0 0,0 100%,from(#cccccc),to(#b3b3b3));background-image:-webkit-linear-gradient(top,#cccccc,#b3b3b3);background-image:-o-linear-gradient(top,#cccccc,#b3b3b3);background-image:linear-gradient(top,#cccccc,#b3b3b3);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc',endColorstr='#b3b3b3',GradientType=0);border-color:#b3b3b3 #b3b3b3 #8c8c8c;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#b3b3b3;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);color:#333;text-shadow:0 1px 1px rgba(255,255,255,0.75);}
.btn-gray7:hover,.btn-gray7:active,.btn-gray7.active,.btn-gray7.disabled,.btn-gray7[disabled]{background-color:#b3b3b3;*background-color:#a6a6a6;}
.btn-gray7:active,.btn-gray7.active{background-color:#999999 \9;}
.btn-gray7:hover{color:#333;text-shadow:0 1px 1px rgba(255,255,255,0.75);}
.btn-gray8{background-color:#dbdbdb;background-image:-moz-linear-gradient(top,#e5e5e5,#cccccc);background-image:-ms-linear-gradient(top,#e5e5e5,#cccccc);background-image:-webkit-gradient(linear,0 0,0 100%,from(#e5e5e5),to(#cccccc));background-image:-webkit-linear-gradient(top,#e5e5e5,#cccccc);background-image:-o-linear-gradient(top,#e5e5e5,#cccccc);background-image:linear-gradient(top,#e5e5e5,#cccccc);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5',endColorstr='#cccccc',GradientType=0);border-color:#cccccc #cccccc #a6a6a6;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#cccccc;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);color:#333;text-shadow:0 1px 1px rgba(255,255,255,0.75);}
.btn-gray8:hover,.btn-gray8:active,.btn-gray8.active,.btn-gray8.disabled,.btn-gray8[disabled]{background-color:#cccccc;*background-color:#bfbfbf;}
.btn-gray8:active,.btn-gray8.active{background-color:#b3b3b3 \9;}
.btn-gray8:hover{color:#333;text-shadow:0 1px 1px rgba(255,255,255,0.75);}
.btn-blue1{background-color:#112154;background-image:-moz-linear-gradient(top,#152865,#0c173b);background-image:-ms-linear-gradient(top,#152865,#0c173b);background-image:-webkit-gradient(linear,0 0,0 100%,from(#152865),to(#0c173b));background-image:-webkit-linear-gradient(top,#152865,#0c173b);background-image:-o-linear-gradient(top,#152865,#0c173b);background-image:linear-gradient(top,#152865,#0c173b);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#152865',endColorstr='#0c173b',GradientType=0);border-color:#0c173b #0c173b #000000;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#0c173b;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);color:#ffffff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);}
.btn-blue1:hover,.btn-blue1:active,.btn-blue1.active,.btn-blue1.disabled,.btn-blue1[disabled]{background-color:#0c173b;*background-color:#080f26;}
.btn-blue1:active,.btn-blue1.active{background-color:#030711 \9;}
.btn-blue1:hover{color:#ffffff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);}
.btn-blue2{background-color:#1a327e;background-image:-moz-linear-gradient(top,#1e398f,#152865);background-image:-ms-linear-gradient(top,#1e398f,#152865);background-image:-webkit-gradient(linear,0 0,0 100%,from(#1e398f),to(#152865));background-image:-webkit-linear-gradient(top,#1e398f,#152865);background-image:-o-linear-gradient(top,#1e398f,#152865);background-image:linear-gradient(top,#1e398f,#152865);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e398f',endColorstr='#152865',GradientType=0);border-color:#152865 #152865 #080f26;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#152865;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);color:#ffffff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);}
.btn-blue2:hover,.btn-blue2:active,.btn-blue2.active,.btn-blue2.disabled,.btn-blue2[disabled]{background-color:#152865;*background-color:#112050;}
.btn-blue2:active,.btn-blue2.active{background-color:#0c173b \9;}
.btn-blue2:hover{color:#ffffff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);}
.btn-blue3{background-color:#2343a9;background-image:-moz-linear-gradient(top,#2749b9,#1e398f);background-image:-ms-linear-gradient(top,#2749b9,#1e398f);background-image:-webkit-gradient(linear,0 0,0 100%,from(#2749b9),to(#1e398f));background-image:-webkit-linear-gradient(top,#2749b9,#1e398f);background-image:-o-linear-gradient(top,#2749b9,#1e398f);background-image:linear-gradient(top,#2749b9,#1e398f);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2749b9',endColorstr='#1e398f',GradientType=0);border-color:#1e398f #1e398f #112050;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#1e398f;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);color:#ffffff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);}
.btn-blue3:hover,.btn-blue3:active,.btn-blue3.active,.btn-blue3.disabled,.btn-blue3[disabled]{background-color:#1e398f;*background-color:#19307a;}
.btn-blue3:active,.btn-blue3.active{background-color:#152865 \9;}
.btn-blue3:hover{color:#ffffff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);}
.btn-blue4{background-color:#3458cb;background-image:-moz-linear-gradient(top,#3c61d7,#2749b9);background-image:-ms-linear-gradient(top,#3c61d7,#2749b9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#3c61d7),to(#2749b9));background-image:-webkit-linear-gradient(top,#3c61d7,#2749b9);background-image:-o-linear-gradient(top,#3c61d7,#2749b9);background-image:linear-gradient(top,#3c61d7,#2749b9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c61d7',endColorstr='#2749b9',GradientType=0);border-color:#2749b9 #2749b9 #19307a;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#2749b9;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);color:#ffffff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);}
.btn-blue4:hover,.btn-blue4:active,.btn-blue4.active,.btn-blue4.disabled,.btn-blue4[disabled]{background-color:#2749b9;*background-color:#2241a4;}
.btn-blue4:active,.btn-blue4.active{background-color:#1e398f \9;}
.btn-blue4:hover{color:#ffffff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);}
.btn-blue5{background-color:#5676dc;background-image:-moz-linear-gradient(top,#6783df,#3c61d7);background-image:-ms-linear-gradient(top,#6783df,#3c61d7);background-image:-webkit-gradient(linear,0 0,0 100%,from(#6783df),to(#3c61d7));background-image:-webkit-linear-gradient(top,#6783df,#3c61d7);background-image:-o-linear-gradient(top,#6783df,#3c61d7);background-image:linear-gradient(top,#6783df,#3c61d7);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6783df',endColorstr='#3c61d7',GradientType=0);border-color:#3c61d7 #3c61d7 #2241a4;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#3c61d7;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);color:#ffffff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);}
.btn-blue5:hover,.btn-blue5:active,.btn-blue5.active,.btn-blue5.disabled,.btn-blue5[disabled]{background-color:#3c61d7;*background-color:#2b52cf;}
.btn-blue5:active,.btn-blue5.active{background-color:#2749b9 \9;}
.btn-blue5:hover{color:#ffffff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);}
.btn-blue6{background-color:#8098e5;background-image:-moz-linear-gradient(top,#91a6e8,#6783df);background-image:-ms-linear-gradient(top,#91a6e8,#6783df);background-image:-webkit-gradient(linear,0 0,0 100%,from(#91a6e8),to(#6783df));background-image:-webkit-linear-gradient(top,#91a6e8,#6783df);background-image:-o-linear-gradient(top,#91a6e8,#6783df);background-image:linear-gradient(top,#91a6e8,#6783df);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#91a6e8',endColorstr='#6783df',GradientType=0);border-color:#6783df #6783df #2b52cf;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#6783df;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);color:#333;text-shadow:0 1px 1px rgba(255,255,255,0.75);}
.btn-blue6:hover,.btn-blue6:active,.btn-blue6.active,.btn-blue6.disabled,.btn-blue6[disabled]{background-color:#6783df;*background-color:#5272db;}
.btn-blue6:active,.btn-blue6.active{background-color:#3c61d7 \9;}
.btn-blue6:hover{color:#333;text-shadow:0 1px 1px rgba(255,255,255,0.75);}
.btn-blue7{background-color:#aabaed;background-image:-moz-linear-gradient(top,#bbc8f1,#91a6e8);background-image:-ms-linear-gradient(top,#bbc8f1,#91a6e8);background-image:-webkit-gradient(linear,0 0,0 100%,from(#bbc8f1),to(#91a6e8));background-image:-webkit-linear-gradient(top,#bbc8f1,#91a6e8);background-image:-o-linear-gradient(top,#bbc8f1,#91a6e8);background-image:linear-gradient(top,#bbc8f1,#91a6e8);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbc8f1',endColorstr='#91a6e8',GradientType=0);border-color:#91a6e8 #91a6e8 #5272db;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#91a6e8;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);color:#333;text-shadow:0 1px 1px rgba(255,255,255,0.75);}
.btn-blue7:hover,.btn-blue7:active,.btn-blue7.active,.btn-blue7.disabled,.btn-blue7[disabled]{background-color:#91a6e8;*background-color:#7c94e4;}
.btn-blue7:active,.btn-blue7.active{background-color:#6783df \9;}
.btn-blue7:hover{color:#333;text-shadow:0 1px 1px rgba(255,255,255,0.75);}
.btn-blue8{background-color:#d4dcf6;background-image:-moz-linear-gradient(top,#e5eafa,#bbc8f1);background-image:-ms-linear-gradient(top,#e5eafa,#bbc8f1);background-image:-webkit-gradient(linear,0 0,0 100%,from(#e5eafa),to(#bbc8f1));background-image:-webkit-linear-gradient(top,#e5eafa,#bbc8f1);background-image:-o-linear-gradient(top,#e5eafa,#bbc8f1);background-image:linear-gradient(top,#e5eafa,#bbc8f1);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5eafa',endColorstr='#bbc8f1',GradientType=0);border-color:#bbc8f1 #bbc8f1 #7c94e4;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#bbc8f1;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);color:#333;text-shadow:0 1px 1px rgba(255,255,255,0.75);}
.btn-blue8:hover,.btn-blue8:active,.btn-blue8.active,.btn-blue8.disabled,.btn-blue8[disabled]{background-color:#bbc8f1;*background-color:#a6b7ec;}
.btn-blue8:active,.btn-blue8.active{background-color:#91a6e8 \9;}
.btn-blue8:hover{color:#333;text-shadow:0 1px 1px rgba(255,255,255,0.75);}
.btn-red1{background-color:#541111;background-image:-moz-linear-gradient(top,#651515,#3b0c0c);background-image:-ms-linear-gradient(top,#651515,#3b0c0c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#651515),to(#3b0c0c));background-image:-webkit-linear-gradient(top,#651515,#3b0c0c);background-image:-o-linear-gradient(top,#651515,#3b0c0c);background-image:linear-gradient(top,#651515,#3b0c0c);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#651515',endColorstr='#3b0c0c',GradientType=0);border-color:#3b0c0c #3b0c0c #000000;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#3b0c0c;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);color:#ffffff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);}
.btn-red1:hover,.btn-red1:active,.btn-red1.active,.btn-red1.disabled,.btn-red1[disabled]{background-color:#3b0c0c;*background-color:#260808;}
.btn-red1:active,.btn-red1.active{background-color:#110303 \9;}
.btn-red1:hover{color:#ffffff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);}
.btn-red2{background-color:#7e1a1a;background-image:-moz-linear-gradient(top,#8f1e1e,#651515);background-image:-ms-linear-gradient(top,#8f1e1e,#651515);background-image:-webkit-gradient(linear,0 0,0 100%,from(#8f1e1e),to(#651515));background-image:-webkit-linear-gradient(top,#8f1e1e,#651515);background-image:-o-linear-gradient(top,#8f1e1e,#651515);background-image:linear-gradient(top,#8f1e1e,#651515);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8f1e1e',endColorstr='#651515',GradientType=0);border-color:#651515 #651515 #260808;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#651515;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);color:#ffffff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);}
.btn-red2:hover,.btn-red2:active,.btn-red2.active,.btn-red2.disabled,.btn-red2[disabled]{background-color:#651515;*background-color:#501111;}
.btn-red2:active,.btn-red2.active{background-color:#3b0c0c \9;}
.btn-red2:hover{color:#ffffff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);}
.btn-red3{background-color:#a92323;background-image:-moz-linear-gradient(top,#b92727,#8f1e1e);background-image:-ms-linear-gradient(top,#b92727,#8f1e1e);background-image:-webkit-gradient(linear,0 0,0 100%,from(#b92727),to(#8f1e1e));background-image:-webkit-linear-gradient(top,#b92727,#8f1e1e);background-image:-o-linear-gradient(top,#b92727,#8f1e1e);background-image:linear-gradient(top,#b92727,#8f1e1e);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b92727',endColorstr='#8f1e1e',GradientType=0);border-color:#8f1e1e #8f1e1e #501111;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#8f1e1e;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);color:#ffffff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);}
.btn-red3:hover,.btn-red3:active,.btn-red3.active,.btn-red3.disabled,.btn-red3[disabled]{background-color:#8f1e1e;*background-color:#7a1919;}
.btn-red3:active,.btn-red3.active{background-color:#651515 \9;}
.btn-red3:hover{color:#ffffff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);}
.btn-red4{background-color:#cb3434;background-image:-moz-linear-gradient(top,#d73c3c,#b92727);background-image:-ms-linear-gradient(top,#d73c3c,#b92727);background-image:-webkit-gradient(linear,0 0,0 100%,from(#d73c3c),to(#b92727));background-image:-webkit-linear-gradient(top,#d73c3c,#b92727);background-image:-o-linear-gradient(top,#d73c3c,#b92727);background-image:linear-gradient(top,#d73c3c,#b92727);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d73c3c',endColorstr='#b92727',GradientType=0);border-color:#b92727 #b92727 #7a1919;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#b92727;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);color:#ffffff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);}
.btn-red4:hover,.btn-red4:active,.btn-red4.active,.btn-red4.disabled,.btn-red4[disabled]{background-color:#b92727;*background-color:#a42222;}
.btn-red4:active,.btn-red4.active{background-color:#8f1e1e \9;}
.btn-red4:hover{color:#ffffff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);}
.btn-red5{background-color:#dc5656;background-image:-moz-linear-gradient(top,#df6767,#d73c3c);background-image:-ms-linear-gradient(top,#df6767,#d73c3c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#df6767),to(#d73c3c));background-image:-webkit-linear-gradient(top,#df6767,#d73c3c);background-image:-o-linear-gradient(top,#df6767,#d73c3c);background-image:linear-gradient(top,#df6767,#d73c3c);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#df6767',endColorstr='#d73c3c',GradientType=0);border-color:#d73c3c #d73c3c #a42222;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#d73c3c;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);color:#ffffff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);}
.btn-red5:hover,.btn-red5:active,.btn-red5.active,.btn-red5.disabled,.btn-red5[disabled]{background-color:#d73c3c;*background-color:#cf2b2b;}
.btn-red5:active,.btn-red5.active{background-color:#b92727 \9;}
.btn-red5:hover{color:#ffffff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);}
.btn-red6{background-color:#e58080;background-image:-moz-linear-gradient(top,#e89191,#df6767);background-image:-ms-linear-gradient(top,#e89191,#df6767);background-image:-webkit-gradient(linear,0 0,0 100%,from(#e89191),to(#df6767));background-image:-webkit-linear-gradient(top,#e89191,#df6767);background-image:-o-linear-gradient(top,#e89191,#df6767);background-image:linear-gradient(top,#e89191,#df6767);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e89191',endColorstr='#df6767',GradientType=0);border-color:#df6767 #df6767 #cf2b2b;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#df6767;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);color:#333;text-shadow:0 1px 1px rgba(255,255,255,0.75);}
.btn-red6:hover,.btn-red6:active,.btn-red6.active,.btn-red6.disabled,.btn-red6[disabled]{background-color:#df6767;*background-color:#db5252;}
.btn-red6:active,.btn-red6.active{background-color:#d73c3c \9;}
.btn-red6:hover{color:#333;text-shadow:0 1px 1px rgba(255,255,255,0.75);}
.btn-red7{background-color:#edaaaa;background-image:-moz-linear-gradient(top,#f1bbbb,#e89191);background-image:-ms-linear-gradient(top,#f1bbbb,#e89191);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f1bbbb),to(#e89191));background-image:-webkit-linear-gradient(top,#f1bbbb,#e89191);background-image:-o-linear-gradient(top,#f1bbbb,#e89191);background-image:linear-gradient(top,#f1bbbb,#e89191);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1bbbb',endColorstr='#e89191',GradientType=0);border-color:#e89191 #e89191 #db5252;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#e89191;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);color:#333;text-shadow:0 1px 1px rgba(255,255,255,0.75);}
.btn-red7:hover,.btn-red7:active,.btn-red7.active,.btn-red7.disabled,.btn-red7[disabled]{background-color:#e89191;*background-color:#e47c7c;}
.btn-red7:active,.btn-red7.active{background-color:#df6767 \9;}
.btn-red7:hover{color:#333;text-shadow:0 1px 1px rgba(255,255,255,0.75);}
.btn-red8{background-color:#f6d4d4;background-image:-moz-linear-gradient(top,#fae5e5,#f1bbbb);background-image:-ms-linear-gradient(top,#fae5e5,#f1bbbb);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fae5e5),to(#f1bbbb));background-image:-webkit-linear-gradient(top,#fae5e5,#f1bbbb);background-image:-o-linear-gradient(top,#fae5e5,#f1bbbb);background-image:linear-gradient(top,#fae5e5,#f1bbbb);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fae5e5',endColorstr='#f1bbbb',GradientType=0);border-color:#f1bbbb #f1bbbb #e47c7c;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#f1bbbb;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);color:#333;text-shadow:0 1px 1px rgba(255,255,255,0.75);}
.btn-red8:hover,.btn-red8:active,.btn-red8.active,.btn-red8.disabled,.btn-red8[disabled]{background-color:#f1bbbb;*background-color:#eca6a6;}
.btn-red8:active,.btn-red8.active{background-color:#e89191 \9;}
.btn-red8:hover{color:#333;text-shadow:0 1px 1px rgba(255,255,255,0.75);}
.btn-green1{background-color:#0e3c09;background-image:-moz-linear-gradient(top,#124e0c,#082205);background-image:-ms-linear-gradient(top,#124e0c,#082205);background-image:-webkit-gradient(linear,0 0,0 100%,from(#124e0c),to(#082205));background-image:-webkit-linear-gradient(top,#124e0c,#082205);background-image:-o-linear-gradient(top,#124e0c,#082205);background-image:linear-gradient(top,#124e0c,#082205);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#124e0c',endColorstr='#082205',GradientType=0);border-color:#082205 #082205 #000000;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#082205;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);color:#ffffff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);}
.btn-green1:hover,.btn-green1:active,.btn-green1.active,.btn-green1.disabled,.btn-green1[disabled]{background-color:#082205;*background-color:#030c02;}
.btn-green1:active,.btn-green1.active{background-color:#000000 \9;}
.btn-green1:hover{color:#ffffff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);}
.btn-green2{background-color:#186910;background-image:-moz-linear-gradient(top,#1c7a13,#124e0c);background-image:-ms-linear-gradient(top,#1c7a13,#124e0c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#1c7a13),to(#124e0c));background-image:-webkit-linear-gradient(top,#1c7a13,#124e0c);background-image:-o-linear-gradient(top,#1c7a13,#124e0c);background-image:linear-gradient(top,#1c7a13,#124e0c);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1c7a13',endColorstr='#124e0c',GradientType=0);border-color:#124e0c #124e0c #030c02;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#124e0c;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);color:#ffffff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);}
.btn-green2:hover,.btn-green2:active,.btn-green2.active,.btn-green2.disabled,.btn-green2[disabled]{background-color:#124e0c;*background-color:#0d3809;}
.btn-green2:active,.btn-green2.active{background-color:#082205 \9;}
.btn-green2:hover{color:#ffffff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);}
.btn-green3{background-color:#229517;background-image:-moz-linear-gradient(top,#26a61a,#1c7a13);background-image:-ms-linear-gradient(top,#26a61a,#1c7a13);background-image:-webkit-gradient(linear,0 0,0 100%,from(#26a61a),to(#1c7a13));background-image:-webkit-linear-gradient(top,#26a61a,#1c7a13);background-image:-o-linear-gradient(top,#26a61a,#1c7a13);background-image:linear-gradient(top,#26a61a,#1c7a13);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#26a61a',endColorstr='#1c7a13',GradientType=0);border-color:#1c7a13 #1c7a13 #0d3809;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#1c7a13;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);color:#ffffff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);}
.btn-green3:hover,.btn-green3:active,.btn-green3.active,.btn-green3.disabled,.btn-green3[disabled]{background-color:#1c7a13;*background-color:#17640f;}
.btn-green3:active,.btn-green3.active{background-color:#124e0c \9;}
.btn-green3:hover{color:#ffffff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);}
.btn-green4{background-color:#2dc11e;background-image:-moz-linear-gradient(top,#31d320,#26a61a);background-image:-ms-linear-gradient(top,#31d320,#26a61a);background-image:-webkit-gradient(linear,0 0,0 100%,from(#31d320),to(#26a61a));background-image:-webkit-linear-gradient(top,#31d320,#26a61a);background-image:-o-linear-gradient(top,#31d320,#26a61a);background-image:linear-gradient(top,#31d320,#26a61a);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#31d320',endColorstr='#26a61a',GradientType=0);border-color:#26a61a #26a61a #17640f;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#26a61a;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);color:#ffffff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);}
.btn-green4:hover,.btn-green4:active,.btn-green4.active,.btn-green4.disabled,.btn-green4[disabled]{background-color:#26a61a;*background-color:#219016;}
.btn-green4:active,.btn-green4.active{background-color:#1c7a13 \9;}
.btn-green4:hover{color:#ffffff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);}
.btn-green5{background-color:#45dc36;background-image:-moz-linear-gradient(top,#52e244,#31d320);background-image:-ms-linear-gradient(top,#52e244,#31d320);background-image:-webkit-gradient(linear,0 0,0 100%,from(#52e244),to(#31d320));background-image:-webkit-linear-gradient(top,#52e244,#31d320);background-image:-o-linear-gradient(top,#52e244,#31d320);background-image:linear-gradient(top,#52e244,#31d320);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#52e244',endColorstr='#31d320',GradientType=0);border-color:#31d320 #31d320 #219016;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#31d320;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);color:#ffffff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);}
.btn-green5:hover,.btn-green5:active,.btn-green5.active,.btn-green5.disabled,.btn-green5[disabled]{background-color:#31d320;*background-color:#2bbd1d;}
.btn-green5:active,.btn-green5.active{background-color:#26a61a \9;}
.btn-green5:hover{color:#ffffff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);}
.btn-green6{background-color:#6be65e;background-image:-moz-linear-gradient(top,#7be970,#52e244);background-image:-ms-linear-gradient(top,#7be970,#52e244);background-image:-webkit-gradient(linear,0 0,0 100%,from(#7be970),to(#52e244));background-image:-webkit-linear-gradient(top,#7be970,#52e244);background-image:-o-linear-gradient(top,#7be970,#52e244);background-image:linear-gradient(top,#7be970,#52e244);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7be970',endColorstr='#52e244',GradientType=0);border-color:#52e244 #52e244 #2cbd1d;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#52e244;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);color:#333;text-shadow:0 1px 1px rgba(255,255,255,0.75);}
.btn-green6:hover,.btn-green6:active,.btn-green6.active,.btn-green6.disabled,.btn-green6[disabled]{background-color:#52e244;*background-color:#3edf2e;}
.btn-green6:active,.btn-green6.active{background-color:#31d320 \9;}
.btn-green6:hover{color:#333;text-shadow:0 1px 1px rgba(255,255,255,0.75);}
.btn-green7{background-color:#93ed8b;background-image:-moz-linear-gradient(top,#a4f09c,#7be970);background-image:-ms-linear-gradient(top,#a4f09c,#7be970);background-image:-webkit-gradient(linear,0 0,0 100%,from(#a4f09c),to(#7be970));background-image:-webkit-linear-gradient(top,#a4f09c,#7be970);background-image:-o-linear-gradient(top,#a4f09c,#7be970);background-image:linear-gradient(top,#a4f09c,#7be970);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4f09c',endColorstr='#7be970',GradientType=0);border-color:#7be970 #7be970 #3edf2e;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#7be970;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);color:#333;text-shadow:0 1px 1px rgba(255,255,255,0.75);}
.btn-green7:hover,.btn-green7:active,.btn-green7.active,.btn-green7.disabled,.btn-green7[disabled]{background-color:#7be970;*background-color:#67e65a;}
.btn-green7:active,.btn-green7.active{background-color:#52e244 \9;}
.btn-green7:hover{color:#333;text-shadow:0 1px 1px rgba(255,255,255,0.75);}
.btn-green8{background-color:#bcf4b7;background-image:-moz-linear-gradient(top,#cdf7c8,#a4f09c);background-image:-ms-linear-gradient(top,#cdf7c8,#a4f09c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#cdf7c8),to(#a4f09c));background-image:-webkit-linear-gradient(top,#cdf7c8,#a4f09c);background-image:-o-linear-gradient(top,#cdf7c8,#a4f09c);background-image:linear-gradient(top,#cdf7c8,#a4f09c);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cdf7c8',endColorstr='#a4f09c',GradientType=0);border-color:#a4f09c #a4f09c #67e65a;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#a4f09c;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);color:#333;text-shadow:0 1px 1px rgba(255,255,255,0.75);}
.btn-green8:hover,.btn-green8:active,.btn-green8.active,.btn-green8.disabled,.btn-green8[disabled]{background-color:#a4f09c;*background-color:#8fec86;}
.btn-green8:active,.btn-green8.active{background-color:#7be970 \9;}
.btn-green8:hover{color:#333;text-shadow:0 1px 1px rgba(255,255,255,0.75);}
html,body{height:100%;}
body{background:url('../img/bg2.png') repeat;}
body.dark{background:url('../img/wood-black.jpg') repeat;}
body.light{background:url('../img/light.jpg') repeat;}
body.wood{background:url('../img/wood.jpg') repeat;}
body.retina-wood{background:url('../img/retina_wood.png') repeat;}
body.linen{background:url('../img/low_contrast_linen.png') repeat;}
body.paper{background:url('../img/natural_paper.png') repeat;}
.style-toggler{position:absolute;left:-1px;background:#111;border:1px solid #111;-webkit-box-shadow:0 0 5px 1px #111111;-moz-box-shadow:0 0 5px 1px #111111;box-shadow:0 0 5px 1px #111111;-webkit-border-radius:3px 3px 3px 3px;-moz-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px;padding:10px 0;top:100px;z-index:1050;cursor:pointer;}
.style-switcher{background:#111;border:1px solid #111;-webkit-box-shadow:0 0 5px 1px #111111;-moz-box-shadow:0 0 5px 1px #111111;box-shadow:0 0 5px 1px #111111;-webkit-border-radius:3px 3px 3px 3px;-moz-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px;left:-230px;top:100px;position:absolute;z-index:1050;color:#eee;padding:10px;}
.style-switcher .pattern{list-style-type:none;margin:15px 0;}
.style-switcher .pattern li{margin-top:8px;border:1px solid #111;}
.style-switcher .pattern li:first-child{margin-top:0;}
.style-switcher .pattern li a{display:block;padding:8px 15px;color:#fff;-webkit-border-radius:3px 3px 3px 3px;-moz-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px;}
.style-switcher .pattern li a.default{background:url('../img/bg2.png') repeat;color:#333;}
.style-switcher .pattern li a.dark{background:url('../img/wood-black.jpg') repeat;}
.style-switcher .pattern li a.light{background:url('../img/light.jpg') repeat;color:#333;}
.style-switcher .pattern li a.wood{background:url('../img/wood.jpg') repeat;color:#333;}
.style-switcher .pattern li a.retina-wood{background:url('../img/retina_wood.png') repeat;color:#333;}
.style-switcher .pattern li a.linen{background:url('../img/low_contrast_linen.png') repeat;}
.style-switcher .pattern li a.paper{background:url('../img/natural_paper.png') repeat;color:#333;}
.style-switcher .color{list-style-type:none;margin:10px 0;}
.style-switcher .color li{margin-top:8px;border:1px solid #111;}
.style-switcher .color li:first-child{margin-top:0;}
.style-switcher .color li a{display:block;padding:8px 15px;color:#fff;-webkit-border-radius:3px 3px 3px 3px;-moz-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px;}
.style-switcher .color li a.style{background:#222222;}
.style-switcher .color li a.style:hover{background:#3c3c3c;text-decoration:none;}
.style-switcher .color li a.blue{background:#131f2d;}
.style-switcher .color li a.blue:hover{background:#223851;text-decoration:none;}
.style-switcher .color li a.green{background:#232b1e;}
.style-switcher .color li a.green:hover{background:#3b4933;text-decoration:none;}
.style-switcher .color li a.red{background:#2f1c1c;}
.style-switcher .color li a.red:hover{background:#4f2f2f;text-decoration:none;}
.dropdown.open .btn.dropdown-toggle{background:#fff;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border:1px solid #bbb;z-index:1001;border-bottom:0;-webkit-border-radius:0 0 0 0;-moz-border-radius:0 0 0 0;border-radius:0 0 0 0;}
.dropdown > .dropdown-menu.custom{background:#ffffff;border-color:#b3b3b3;-webkit-border-radius:0 0 0 0;-moz-border-radius:0 0 0 0;border-radius:0 0 0 0;-webkit-box-shadow:0 0 10px #b3b3b3;-moz-box-shadow:0 0 10px #b3b3b3;box-shadow:0 0 10px #b3b3b3;margin-top:-1px;}
.dropdown > .dropdown-menu.custom.custom-dark{border-color:#222222;-webkit-box-shadow:0 0 10px #222222;-moz-box-shadow:0 0 10px #222222;box-shadow:0 0 10px #222222;}
.dropdown > .dropdown-menu.custom li{float:none;}
.dropdown > .dropdown-menu.custom li.custom{*zoom:1;min-width:350px;}
.dropdown > .dropdown-menu.custom li.custom.custom-hidden{display:none;}
.dropdown > .dropdown-menu.custom li.custom:before,.dropdown > .dropdown-menu.custom li.custom:after{display:table;content:"";}
.dropdown > .dropdown-menu.custom li.custom:after{clear:both;}
.dropdown > .dropdown-menu.custom li.custom:hover{background:#ebebeb;}
.dropdown > .dropdown-menu.custom li.custom .expand_custom{padding:5px 0;text-align:center;background:#e6e6e6;}
.dropdown > .dropdown-menu.custom li.custom .expand_custom a{font-weight:bold;}
.dropdown > .dropdown-menu.custom li.custom .expand_custom a:hover{text-decoration:underline;}
.dropdown > .dropdown-menu.custom li.custom .title{width:250px;padding:5px 10px;float:left;font-weight:bold;}
.dropdown > .dropdown-menu.custom li.custom .title span{display:block;font-size:11px;font-weight:normal;}
.dropdown > .dropdown-menu.custom li.custom .title span a{font-size:12px;color:#b94a48;}
.dropdown > .dropdown-menu.custom li.custom .action{margin-top:10px;margin-right:10px;float:right;}
.dropdown > .dropdown-menu.custom li.custom a{display:inline-block;padding:0;clear:none;font-weight:normal;line-height:18px;color:#333333;white-space:nowrap;}
.dropdown > .dropdown-menu.custom li.custom a:hover{background:none;text-decoration:none;}
.dropdown > .dropdown-menu.custom li.custom a.btn-mini{padding:2px 4px;}
.dropdown > .dropdown-menu.custom li.custom a.btn-mini img{margin:0;}
.dropdown > .dropdown-menu.custom li.custom a.btn-mini:hover{background:#e6e6e6;}
.dropdown > .dropdown-menu.custom li.custom a img{position:relative;left:0;top:0;}
.dropdown > .dropdown-menu.custom li a{position:relative;}
.dropdown > .dropdown-menu.custom li a.fugue{padding-left:35px;}
.dropdown > .dropdown-menu.custom li a img{position:absolute;display:block;left:10px;top:4px;margin-right:3px;}
.dropdown > .dropdown-menu.custom li a:hover{background:#b94a48;}
.topbar{*zoom:1;border:1px solid #222222;height:52px;background-color:#363636;background-image:-moz-linear-gradient(top,#3c3c3c,#2f2f2f);background-image:-ms-linear-gradient(top,#3c3c3c,#2f2f2f);background-image:-webkit-gradient(linear,0 0,0 100%,from(#3c3c3c),to(#2f2f2f));background-image:-webkit-linear-gradient(top,#3c3c3c,#2f2f2f);background-image:-o-linear-gradient(top,#3c3c3c,#2f2f2f);background-image:linear-gradient(top,#3c3c3c,#2f2f2f);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c3c3c',endColorstr='#2f2f2f',GradientType=0);-webkit-box-shadow:inset 0 0 2px 2px #414141;-moz-box-shadow:inset 0 0 2px 2px #414141;box-shadow:inset 0 0 2px 2px #414141;}
.topbar:before,.topbar:after{display:table;content:"";}
.topbar:after{clear:both;}
.topbar .company{float:left;margin:15px 0;display:block;color:#eeeeee;font-size:24px;text-shadow:1px 1px 1px #000000;filter:dropshadow(color=#000000,offx=1px,offy=1px);}
.topbar .company:hover{text-decoration:none;}
.topbar input{color:#888888;margin-left:25px;background:url('../img/magnifier_grey.png') no-repeat 182px 6px #272727;border:0;margin-top:12px;width:195px;padding:7px 0 3px 7px;-webkit-border-radius:3px 3px 3px 3px;-moz-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px;-webkit-box-shadow:1px 1px 1px #4b4b4b,inset 1px 1px 0px 1px #222222;-moz-box-shadow:1px 1px 1px #4b4b4b,inset 1px 1px 0px 1px #222222;box-shadow:1px 1px 1px #4b4b4b,inset 1px 1px 0px 1px #222222;}
.topbar input:focus{color:#ffffff;-webkit-box-shadow:1px 1px 1px #4b4b4b,inset 1px 1px 0px 1px #222222;-moz-box-shadow:1px 1px 1px #4b4b4b,inset 1px 1px 0px 1px #222222;box-shadow:1px 1px 1px #4b4b4b,inset 1px 1px 0px 1px #222222;}
.topbar form{margin:0;float:left;}
.topbar .mini{margin-top:12px;float:right;list-style-type:none;padding:0;}
.topbar .mini > li{float:left;margin-left:20px;background:#272727;position:relative;-webkit-border-radius:3px 3px 3px 3px;-moz-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px;-webkit-box-shadow:1px 1px 1px #4b4b4b,inset 1px 1px 0px 1px #222222;-moz-box-shadow:1px 1px 1px #4b4b4b,inset 1px 1px 0px 1px #222222;box-shadow:1px 1px 1px #4b4b4b,inset 1px 1px 0px 1px #222222;}
.topbar .mini > li:hover{background:#222222;}
.topbar .mini > li.open{margin-left:18px;}
.topbar .mini > li.open > a{color:#080808;background:#ffffff;border:1px solid #222222;border-bottom:0;}
.topbar .mini > li.open > a img{opacity:1;filter:alpha(opacity=1);}
.topbar .mini > li.open > a:hover{color:#080808;}
.topbar .mini > li > a{color:#888888;font-size:12px;line-height:20px;padding:5px 8px 3px 8px;display:block;position:relative;z-index:1001;}
.topbar .mini > li > a img{margin-bottom:2px;margin-right:2px;opacity:0.3;filter:alpha(opacity=0.3);}
.topbar .mini > li > a .label{position:absolute;top:-5px;left:93%;}
.topbar .mini > li > a:hover{text-decoration:none;color:#ffffff;}
.topbar .mini > li > a:hover img{opacity:1;filter:alpha(opacity=1);}
.breadcrumbs{height:27px;border:1px solid #222222;border-top:0;background:#222222;-webkit-box-shadow:inset 0 0 2px 1px #313131,0 1px 5px #080808;-moz-box-shadow:inset 0 0 2px 1px #313131,0 1px 5px #080808;box-shadow:inset 0 0 2px 1px #313131,0 1px 5px #080808;}
.breadcrumbs .bread{height:27px;list-style-type:none;margin:0;}
.breadcrumbs .bread li{position:relative;float:left;}
.breadcrumbs .bread li a{display:block;color:#888888;padding:5px 10px;}
.breadcrumbs .bread li a i{opacity:0.3;filter:alpha(opacity=0.3);}
.breadcrumbs .bread li a:hover{color:#ffffff;text-decoration:none;}
.breadcrumbs .bread li a:hover i{opacity:1;filter:alpha(opacity=1);}
.breadcrumbs .bread li a:after{content:'/';margin-left:15px;}
.breadcrumbs .bread li:last-child a:after{content:'';}
.breadcrumbs .bread li.active a{color:#ffffff;}
.row-fluid{margin-top:10px;}
.row-fluid.no-margin,.row-fluid:first-child{margin-top:-9px;}
.row-fluid.no-margin.force-margin,.row-fluid:first-child.force-margin{margin-top:0px;}
.navi{margin:20px 0 20px 0;width:220px;float:left;}
.navi .main-nav{list-style-type:none;margin:0;padding:0;}
.navi .main-nav > li{position:relative;margin:1px;}
.navi .main-nav > li.open a{-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;}
.navi .main-nav > li.active a.light,.navi .main-nav > li.open a.light{border:1px solid #272727;color:#eeeeee;background-color:#363636;background-image:-moz-linear-gradient(top,#3c3c3c,#2f2f2f);background-image:-ms-linear-gradient(top,#3c3c3c,#2f2f2f);background-image:-webkit-gradient(linear,0 0,0 100%,from(#3c3c3c),to(#2f2f2f));background-image:-webkit-linear-gradient(top,#3c3c3c,#2f2f2f);background-image:-o-linear-gradient(top,#3c3c3c,#2f2f2f);background-image:linear-gradient(top,#3c3c3c,#2f2f2f);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c3c3c',endColorstr='#2f2f2f',GradientType=0);-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.navi .main-nav > li.active a.light .ico,.navi .main-nav > li.open a.light .ico{-webkit-box-shadow:1px 1px 1px #484848,inset 1px 1px 0 1px #222222;-moz-box-shadow:1px 1px 1px #484848,inset 1px 1px 0 1px #222222;box-shadow:1px 1px 1px #484848,inset 1px 1px 0 1px #222222;}
.navi .main-nav > li.active a.light .ico i,.navi .main-nav > li.open a.light .ico i{opacity:1;filter:alpha(opacity=1);}
.navi .main-nav > li a{display:block;padding:8px 8px 8px 45px;border:1px solid #a6a6a6;-webkit-border-radius:3px 3px 3px 3px;-moz-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px;}
.navi .main-nav > li a img{margin-top:7px;float:right;opacity:0.7;filter:alpha(opacity=0.7);}
.navi .main-nav > li a .label{float:right;}
.navi .main-nav > li a.light{color:#333333;background-color:#f5f5f5;background-image:-moz-linear-gradient(top,#fafafa,#ededed);background-image:-ms-linear-gradient(top,#fafafa,#ededed);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fafafa),to(#ededed));background-image:-webkit-linear-gradient(top,#fafafa,#ededed);background-image:-o-linear-gradient(top,#fafafa,#ededed);background-image:linear-gradient(top,#fafafa,#ededed);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa',endColorstr='#ededed',GradientType=0);-webkit-box-shadow:inset 0 0 1px 1px #ffffff;-moz-box-shadow:inset 0 0 1px 1px #ffffff;box-shadow:inset 0 0 1px 1px #ffffff;}
.navi .main-nav > li a.light .ico{-webkit-box-shadow:1px 1px 1px #eeeeee,inset 1px 1px 0 1px #151515;-moz-box-shadow:1px 1px 1px #eeeeee,inset 1px 1px 0 1px #151515;box-shadow:1px 1px 1px #eeeeee,inset 1px 1px 0 1px #151515;}
.navi .main-nav > li a.light:hover{border:1px solid #272727;color:#eeeeee;background-color:#363636;background-image:-moz-linear-gradient(top,#3c3c3c,#2f2f2f);background-image:-ms-linear-gradient(top,#3c3c3c,#2f2f2f);background-image:-webkit-gradient(linear,0 0,0 100%,from(#3c3c3c),to(#2f2f2f));background-image:-webkit-linear-gradient(top,#3c3c3c,#2f2f2f);background-image:-o-linear-gradient(top,#3c3c3c,#2f2f2f);background-image:linear-gradient(top,#3c3c3c,#2f2f2f);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c3c3c',endColorstr='#2f2f2f',GradientType=0);-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.navi .main-nav > li a.light:hover .ico{-webkit-box-shadow:1px 1px 1px #484848,inset 1px 1px 0 1px #222222;-moz-box-shadow:1px 1px 1px #484848,inset 1px 1px 0 1px #222222;box-shadow:1px 1px 1px #484848,inset 1px 1px 0 1px #222222;}
.navi .main-nav > li a:hover{text-decoration:none;}
.navi .main-nav > li a:hover .ico i{opacity:1;filter:alpha(opacity=1);}
.navi .main-nav > li a .ico{position:absolute;top:5px;left:8px;float:left;background:#272727;width:24px;height:24px;display:block;-webkit-border-radius:3px 3px 3px 3px;-moz-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px;}
.navi .main-nav > li a .ico i{opacity:0.5;filter:alpha(opacity=0.5);margin-top:4px;margin-left:5px;}
.navi .main-nav > li .collapsed-nav{list-style-type:none;margin:0 0 5px 0;border:2px solid #2f2f2f;border-top:0;background:#2f2f2f;-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;}
.navi .main-nav > li .collapsed-nav.closed{display:none;}
.navi .main-nav > li .collapsed-nav li{margin:0;}
.navi .main-nav > li .collapsed-nav li.active a{font-weight:bold;}
.navi .main-nav > li .collapsed-nav li a{-webkit-border-radius:0 0 0 0;-moz-border-radius:0 0 0 0;border-radius:0 0 0 0;color:#333333;background:#ffffff;padding:8px;border:0;}
.navi .main-nav > li .collapsed-nav li a:before{content:'\00bb';color:#333333;margin-right:5px;}
.content{padding:20px 20px 100px 20px;overflow:hidden;*zoom:1;}
.content:before,.content:after{display:table;content:"";}
.content:after{clear:both;}
.content .box{margin-top:20px;border:1px solid #a6a6a6;-webkit-border-radius:3px 3px 3px 3px;-moz-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px;background:#fff;}
.content .box:first-child{margin-top:10px;}
.content .box .box-head{*zoom:1;color:#595959;padding:6px 8px 6px 15px;border-bottom:1px solid #a6a6a6;background-color:#f5f5f5;background-image:-moz-linear-gradient(top,#fafafa,#ededed);background-image:-ms-linear-gradient(top,#fafafa,#ededed);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fafafa),to(#ededed));background-image:-webkit-linear-gradient(top,#fafafa,#ededed);background-image:-o-linear-gradient(top,#fafafa,#ededed);background-image:linear-gradient(top,#fafafa,#ededed);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa',endColorstr='#ededed',GradientType=0);-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;}
.content .box .box-head .label{float:right;margin-top:5px;margin-right:2px;}
.content .box .box-head.tabs{padding-right:6px;}
.content .box .box-head.tabs ul.nav-pills{margin:1px 0 0 0;float:right;}
.content .box .box-head.tabs ul.nav-pills li a{padding:4px 8px;}
.content .box .box-head.tabs ul.nav-pills li.active a{background:#b94a48;color:#fff;}
.content .box .box-head.tabs ul.nav-tabs{margin:0;float:right;border:0;}
.content .box .box-head.tabs ul.nav-tabs.nav-tabs-main{float:left;}
.content .box .box-head.tabs ul.nav-tabs.nav-tabs-main li a{padding:7px 12px;border-color:#a6a6a6;}
.content .box .box-head.tabs ul.nav-tabs.nav-tabs-main li.active a{border-bottom:1px solid #fff;}
.content .box .box-head.tabs ul.nav-tabs.nav-tabs-main li:first-child a{border-left-color:#a6a6a6;-webkit-border-radius:3px 0 0 0;-moz-border-radius:3px 0 0 0;border-radius:3px 0 0 0;}
.content .box .box-head.tabs ul.nav-tabs.nav-tabs-main li:last-child a{-webkit-border-radius:0 3px 0 0;-moz-border-radius:0 3px 0 0;border-radius:0 3px 0 0;}
.content .box .box-head.tabs ul.nav-tabs li a{margin:0;padding:4px 12px;border:1px solid #ddd;border-left:0;-webkit-border-radius:0 0 0 0;-moz-border-radius:0 0 0 0;border-radius:0 0 0 0;color:#999;}
.content .box .box-head.tabs ul.nav-tabs li a:hover{color:#333;}
.content .box .box-head.tabs ul.nav-tabs li.active a{color:#b94a48;}
.content .box .box-head.tabs ul.nav-tabs li:first-child a{border-left:1px solid #ddd;-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;}
.content .box .box-head.tabs ul.nav-tabs li:last-child a{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;}
.content .box .box-head:before,.content .box .box-head:after{display:table;content:"";}
.content .box .box-head:after{clear:both;}
.content .box .box-head.tabs-main{padding:6px 8px 0 6px;}
.content .box .box-head h3{font-size:14px;float:left;line-height:27px;}
.content .box .box-head .actions{position:relative;margin-top:2px;float:right;}
.content .box .box-head .actions > ul{list-style-type:none;margin:0;*zoom:1;}
.content .box .box-head .actions > ul:before,.content .box .box-head .actions > ul:after{display:table;content:"";}
.content .box .box-head .actions > ul:after{clear:both;}
.content .box .box-head .actions > ul > li{float:left;margin-right:5px;}
.content .box .box-head .actions > ul > li:last-child{margin-right:0;}
.content .box .box-head .actions > ul > li.open a{position:relative;z-index:1001;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border-color:#b3b3b3;-webkit-border-radius:0 0 0 0;-moz-border-radius:0 0 0 0;border-radius:0 0 0 0;}
.content .box .box-head .actions > ul > li.open a.btn{background:#ffffff;border-bottom:0;}
.content .box .box-content{*zoom:1;background:#fff;padding:15px;-webkit-border-radius:0 0 2px 2px;-moz-border-radius:0 0 2px 2px;border-radius:0 0 2px 2px;}
.content .box .box-content:before,.content .box .box-content:after{display:table;content:"";}
.content .box .box-content:after{clear:both;}
.content .box .box-content .span-inbox{margin-left:0;}
.content .box .box-content.collapse{padding:0;}
.content .box .box-content.collapse.in{padding:15px;}
.content .box .box-content .force-padding{padding:0 15px;}
.content .box .box-content.box-nomargin{padding:0;}
.content .box .box-content.box-nomargin .alert{-webkit-border-radius:0 0 0 0;-moz-border-radius:0 0 0 0;border-radius:0 0 0 0;margin:0;}
.content .box .box-content.box-nomargin .table{margin:0;}
.green{color:#334c14;}
.red{color:#962c2c;}
.quickstats{*zoom:1;list-style-type:none;margin:5px -5px;}
.quickstats:before,.quickstats:after{display:table;content:"";}
.quickstats:after{clear:both;}
.quickstats.no-margin{margin:0;}
.quickstats li{margin:5px;float:left;color:#333333;white-space:nowrap;padding:8px 15px;background-color:#f5f5f5;background-image:-moz-linear-gradient(top,#fafafa,#ededed);background-image:-ms-linear-gradient(top,#fafafa,#ededed);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fafafa),to(#ededed));background-image:-webkit-linear-gradient(top,#fafafa,#ededed);background-image:-o-linear-gradient(top,#fafafa,#ededed);background-image:linear-gradient(top,#fafafa,#ededed);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa',endColorstr='#ededed',GradientType=0);-webkit-box-shadow:inset 0 0 1px 1px #ffffff;-moz-box-shadow:inset 0 0 1px 1px #ffffff;box-shadow:inset 0 0 1px 1px #ffffff;-webkit-border-radius:3px 3px 3px 3px;-moz-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px;border:1px solid #a6a6a6;}
.quickstats li .small-chart{margin-top:5px;float:left;}
.quickstats li .chart-detail{margin-left:10px;float:left;}
.quickstats li .chart-detail .amount{font-weight:bold;font-size:18px;}
.quickstats li .chart-detail .description{display:block;text-align:center;}
.quicktasks{list-style-type:none;margin:5px -5px;}
.quicktasks.no-margin{margin:0;}
.quicktasks li{display:inline-block;text-align:center;margin:5px;}
.quicktasks li a{color:#333333;display:block;white-space:nowrap;padding:8px 15px;background-color:#f5f5f5;background-image:-moz-linear-gradient(top,#fafafa,#ededed);background-image:-ms-linear-gradient(top,#fafafa,#ededed);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fafafa),to(#ededed));background-image:-webkit-linear-gradient(top,#fafafa,#ededed);background-image:-o-linear-gradient(top,#fafafa,#ededed);background-image:linear-gradient(top,#fafafa,#ededed);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa',endColorstr='#ededed',GradientType=0);-webkit-box-shadow:inset 0 0 1px 1px #ffffff;-moz-box-shadow:inset 0 0 1px 1px #ffffff;box-shadow:inset 0 0 1px 1px #ffffff;-webkit-border-radius:3px 3px 3px 3px;-moz-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px;border:1px solid #a6a6a6;}
.quicktasks li a span{margin-top:5px;display:block;}
.quicktasks li a:hover{text-decoration:none;border:1px solid #8c8c8c;background-color:#e8e8e8;background-image:-moz-linear-gradient(top,#f2f2f2,#d9d9d9);background-image:-ms-linear-gradient(top,#f2f2f2,#d9d9d9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f2f2f2),to(#d9d9d9));background-image:-webkit-linear-gradient(top,#f2f2f2,#d9d9d9);background-image:-o-linear-gradient(top,#f2f2f2,#d9d9d9);background-image:linear-gradient(top,#f2f2f2,#d9d9d9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2',endColorstr='#d9d9d9',GradientType=0);}
.flot{height:300px;}
.messages{list-style-type:none;margin:0;padding:0;*zoom:1;}
.messages:before,.messages:after{display:table;content:"";}
.messages:after{clear:both;}
.messages li{margin-top:15px;}
.messages li:first-child{margin:0;}
.messages li a img{-webkit-border-radius:3px 3px 3px 3px;-moz-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px;}
.messages li.user1 a{float:left;}
.messages li.user1 .info{margin-left:50px;}
.messages li.user2 a{float:right;}
.messages li.user2 .info{margin-right:50px;border-color:#839bcc;}
.messages li.user2 .info .arrow{background:url('../img/arrow-right.png') no-repeat;position:absolute;right:-5px;display:block;width:5px;height:9px;left:auto;}
.messages li.user2 .info .detail .sender strong{color:#5f7ebd;}
.messages li .info{*zoom:1;position:relative;background:#fff;border:1px solid #c76e6d;padding:10px;-webkit-border-radius:3px 3px 3px 3px;-moz-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px;}
.messages li .info:before,.messages li .info:after{display:table;content:"";}
.messages li .info:after{clear:both;}
.messages li .info .arrow{background:url('../img/arrow-left.png') no-repeat;position:absolute;left:-5px;display:block;width:5px;height:9px;}
.messages li .info .detail{color:#a2a2a2;}
.messages li .info .detail .sender strong{color:#b94a48;}
.messages li .info .detail .time{float:right;}
.messages li .info .message{margin-top:10px;color:#666666;}
.messages li .info .message p{border-top:1px solid #e0e0e0;padding:15px 5px;margin:0;}
.messages li .info .message p:first-child{padding-bottom:15px;border:0;}
.table .table-unread td{font-weight:bold;}
.table .table-checkbox{width:10px;}
.table.table-bordered{border-color:#bbb;border:0;-webkit-border-radius:0 0 0 0;-moz-border-radius:0 0 0 0;border-radius:0 0 0 0;}
.table.table-bordered thead th{border-color:#bbb;-webkit-border-radius:0 0 0 0;-moz-border-radius:0 0 0 0;border-radius:0 0 0 0;}
.table.table-bordered thead th:first-child{border:0;}
.table.table-bordered tbody:last-child tr:last-child td,.table.table-bordered tbody:first-child{-webkit-border-radius:0 0 0 0;-moz-border-radius:0 0 0 0;border-radius:0 0 0 0;}
.table.table-bordered tbody td{border-color:#bbb;}
.table.table-bordered tbody td:first-child{border-left:0;}
.table thead th{padding:4px;background-color:#f3f3f3;-webkit-box-shadow:inset 0 0 0 1px #ffffff;-moz-box-shadow:inset 0 0 0 1px #ffffff;box-shadow:inset 0 0 0 1px #ffffff;text-align:center;color:#666666;font-weight:normal;text-shadow:0 1px 0 #ffffff;filter:dropshadow(color=#000000,offx=1px,offy=1px);}
.table tbody tr td{vertical-align:middle;}
.table tbody .actions{width:90px;}
.table tbody .actions_two{width:60px;}
.table tbody .actions_big{width:120px;}
.table.dataTable{border-top:1px solid #bbb;border-bottom:1px solid #bbb;}
.table.dataTable.dataTable-noheader{border-top:0;}
.table.dataTable.dataTable-nofooter{border-bottom:0;}
.table.table-media .table-image{width:66px;}
.table.table-media .table-image a{padding:2px;border:1px solid #ddd;display:block;float:left;-webkit-border-radius:2px 2px 2px 2px;-moz-border-radius:2px 2px 2px 2px;border-radius:2px 2px 2px 2px;}
.table.table-media .table-image a:hover{border-color:#999;}
.label.label-hidden{display:none;}
.gallery{*zoom:1;margin:0 0 10px 0;list-style-type:none;}
.gallery:before,.gallery:after{display:table;content:"";}
.gallery:after{clear:both;}
.gallery.gallery-detail li .info{margin:5px 3px;}
.gallery.gallery-detail li .info span{display:block;}
.gallery li{margin:10px 0 0 10px;float:left;border:1px solid #bbb;padding:3px;-webkit-border-radius:3px 3px 3px 3px;-moz-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px;}
.warningTextareaInfo{color:#b94a48;}
.pl_add{margin-right:5px;}
.ui-spinner button{height:14px;position:absolute;background:none;border:none;width:18px;padding:0;background:url(../img/spinner_arrows.gif) no-repeat 0 -100px;cursor:pointer;}
.ui-spinner .ui-spinner-up{top:0;right:0;background-position:0 0;}
.ui-spinner .ui-spinner-down{top:14px;right:0;background-position:0 -14px;}
.ui-spinner .ui-spinner-up:hover{background-position:-18px 0;}
.ui-spinner .ui-spinner-down:hover{background-position:-18px -14px;}
.ui-spinner input,.ui-spinner input:focus{margin-top:2px;display:block !important;-webkit-box-shadow:none !important;-moz-box-shadow:none !important;-ms-box-shadow:none !important;box-shadow:none !important;outline:none !important;}
.ui-spinner ul{margin:0;}
.ui-spinner li{line-height:28px;}
.ui-spinner{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);position:relative;font-size:13px;height:28px;line-height:28px;color:#555;background-color:#fff;border:1px solid #ccc;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;overflow:hidden;}
.ui-spinner .ui-spinner-box{background:none;border:none !important;}
.dataTables_filter{float:left;margin:18px 15px 10px 15px;}
.dataTables_filter label input{-webkit-border-radius:1px 1px 1px 1px;-moz-border-radius:1px 1px 1px 1px;border-radius:1px 1px 1px 1px;background:url(../img/icons/fugue/magnifier.png) no-repeat 195px #ffffff;}
.dataTables_length{float:right;margin:19px 20px 9px 20px;}
.dataTables_length label .selector{margin-bottom:2px;}
.DTTT_container{margin:16px 15px 10px 15px;}
.dataTables_wrapper{*zoom:1;background:#f1f1f1;}
.dataTables_wrapper:before,.dataTables_wrapper:after{display:table;content:"";}
.dataTables_wrapper:after{clear:both;}
.dataTables_paginate{float:right;margin-right:20px;}
.dataTables_info{margin:28px;float:left;}
table.table thead .sorting,table.table thead .sorting_asc,table.table thead .sorting_desc,table.table thead .sorting_asc_disabled,table.table thead .sorting_desc_disabled{cursor:pointer;padding:4px;background-color:#f3f3f3;-webkit-box-shadow:inset 0 0 0 1px #ffffff;-moz-box-shadow:inset 0 0 0 1px #ffffff;box-shadow:inset 0 0 0 1px #ffffff;text-align:center;color:#666666;font-weight:normal;text-shadow:0 1px 0 #ffffff;filter:dropshadow(color=#000000,offx=1px,offy=1px);}
table.table thead .sorting{background:url('../img/sort_both.png') no-repeat center right #f3f3f3;}
table.table thead .sorting_asc{background:url('../img/sort_asc.png') no-repeat center right #f3f3f3;}
table.table thead .sorting_desc{background:url('../img/sort_desc.png') no-repeat center right #f3f3f3;}
table.table thead .sorting_asc_disabled{background:url('../img/sort_asc_disabled.png') no-repeat center right #f3f3f3;}
table.table thead .sorting_desc_disabled{background:url('../img/sort_desc_disabled.png') no-repeat center right #f3f3f3;}
table.table thead tr th:focus{outline:none;}
#image_preview{position:absolute;display:none;-webkit-box-shadow:0 0 5px 1px #999999;-moz-box-shadow:0 0 5px 1px #999999;box-shadow:0 0 5px 1px #999999;padding:2px;-webkit-border-radius:2px 2px 2px 2px;-moz-border-radius:2px 2px 2px 2px;border-radius:2px 2px 2px 2px;background:#fff;}
.ico-prev{list-style-type:none;margin:0;}
.ico-prev li{margin-right:2px;float:left;}
.content .box-content .ui-slider-handle.ui-state-default{border:0;background:url(../img/slider.png) no-repeat;}
.content .box-content .ui-slider-handle.ui-state-hover{background:url(../img/slider_hover.png) no-repeat;}
.content .box-content .ui-slider-handle.ui-state-focus{outline:none;}
#tooltip{position:absolute;background:#000;opacity:0.7;filter:alpha(opacity=0.7);padding:5px;color:#fff;}
b.error{padding:0;}
.table-with-action .dataTables_wrapper{border-bottom:1px solid #bbb;}
.validate .controls .error{color:#B94A48;}
.wizard{margin-bottom:0;}
.wizard h4{margin:15px;}
.wizard .form-actions{margin-bottom:0;}
.wizard .controls .error{color:#B94A48;}
ul.steps{list-style-type:none;margin:0 0 20px 0;*zoom:1;display:block;width:100%;border-bottom:1px solid #bbb;background:#eee;}
ul.steps:before,ul.steps:after{display:table;content:"";}
ul.steps:after{clear:both;}
ul.steps li{margin:0;float:left;padding:10px 20px;font-size:14px;border-right:1px solid #bbb;color:#999;}
ul.steps li span{font-size:12px;display:block;}
ul.steps li.active{color:#b94a48;font-weight:bold;background-color:#f5f5f5;background-image:-moz-linear-gradient(top,#fafafa,#ededed);background-image:-ms-linear-gradient(top,#fafafa,#ededed);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fafafa),to(#ededed));background-image:-webkit-linear-gradient(top,#fafafa,#ededed);background-image:-o-linear-gradient(top,#fafafa,#ededed);background-image:linear-gradient(top,#fafafa,#ededed);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa',endColorstr='#ededed',GradientType=0);-webkit-box-shadow:inset 0 0 1px 1px #ffffff;-moz-box-shadow:inset 0 0 1px 1px #ffffff;box-shadow:inset 0 0 1px 1px #ffffff;}
ul.steps li.active span{font-weight:normal;color:#333;}
.invoice .invoice-name{float:right;font-size:30px;color:#ddd;font-weight:bold;}
.invoice .invoice-infos{margin-top:30px;*zoom:1;float:right;width:auto;text-align:right;}
.invoice .invoice-infos:before,.invoice .invoice-infos:after{display:table;content:"";}
.invoice .invoice-infos:after{clear:both;}
.invoice .invoice-infos .dl-horizontal:first-child{margin-top:0;}
.invoice .invoice-from{margin-top:25px;}
.invoice .invoice-to{margin-top:30px;float:left;*zoom:1;}
.invoice .invoice-to:before,.invoice .invoice-to:after{display:table;content:"";}
.invoice .invoice-to:after{clear:both;}
.invoice .table-invoice{margin-top:50px;border:1px solid #bbb;}
.invoice .table-invoice thead tr th{font-weight:bold;font-size:14px;}
.invoice .table-invoice tbody .price,.invoice .table-invoice tbody .qty,.invoice .table-invoice tbody .bottom,.invoice .table-invoice tbody .last{text-align:center;}
.invoice .table-invoice .last{font-weight:bold;}
.invoice .invoice-footer{margin-top:50px;*zoom:1;float:left;padding-top:10px;width:100%;color:#777;}
.invoice .invoice-footer:before,.invoice .invoice-footer:after{display:table;content:"";}
.invoice .invoice-footer:after{clear:both;}
.userprofile.details{margin-left:15px;margin-top:26px;*zoom:1;}
.userprofile.details:before,.userprofile.details:after{display:table;content:"";}
.userprofile.details:after{clear:both;}
.userprofile.details tr:first-child th,.userprofile.details tr:first-child td{border-top:0;}
.cl{*zoom:1;}
.cl:before,.cl:after{display:table;content:"";}
.cl:after{clear:both;}
.table-detail th{width:150px;}
.divide{margin:15px 0;}
.fc-header{background:#eee;-webkit-box-shadow:inset 0 0 0 1px #ffffff;-moz-box-shadow:inset 0 0 0 1px #ffffff;box-shadow:inset 0 0 0 1px #ffffff;}
.fc-header .fc-button{margin-top:5px;margin-bottom:1px;}
.fc-header .fc-button.fc-button-prev{margin-left:6px;}
.fc-header .fc-button.fc-button-agendaDay{margin-right:6px;}
.fc-header .fc-button .fc-button-effect{background:transparent;top:0;}
.fc-header .fc-button .fc-button-effect span{background:none;}
@media (max-width:1282px){.topbar form{display:none;}
}
@media (max-width:979px){select,textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{width:100px !important;}
.content .box .box-head ul.nav.nav-tabs li a{padding:2px 8px;}
.mini{display:none;}
.navi{width:155px;}
.navi .main-nav > li a{padding:8px 8px 8px 15px;}
.navi .main-nav > li a .ico{display:none;}
}
@media (max-width:767px){body{margin:0;padding:0;}
.content{padding:50px 20px 100px 20px;}
.style-switcher,.style-toggler{display:none;}
.navi{z-index:1099;display:block;position:absolute;top:82px;border-top:1px solid #444;margin:0;width:100%;-webkit-box-shadow:0 1px 5px #222222;-moz-box-shadow:0 1px 5px #222222;box-shadow:0 1px 5px #222222;}
.navi .main-nav li{margin:0;display:none;}
.navi .main-nav li a{-webkit-border-radius:0 0 0 0;-moz-border-radius:0 0 0 0;border-radius:0 0 0 0;}
.navi .main-nav li.open a{-webkit-border-radius:0 0 0 0;-moz-border-radius:0 0 0 0;border-radius:0 0 0 0;}
.navi .main-nav li.active{display:block;}
.navi .main-nav li .collapsed-nav{display:none;margin:0;-webkit-border-radius:0 0 0 0;-moz-border-radius:0 0 0 0;border-radius:0 0 0 0;}
}
@media (max-width:467px){.btn-group{white-space:normal;}
}

附件:下载该文件资源,减少时间成本(增值服务)