/* buttons */
button,.ui-dialog .ui-dialog-buttonpane button
{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#e9e9e9;
	border-color:#999 #666 #333;
	border-style:solid;
	border-width:1px;
	color:#000;
	line-height:15px;
	margin:0 0 0 5px;
	overflow:visible;
	padding:3px 1em;
	font-size:12px;
}

button::-moz-focus-inner
{
/* takes out the extra padding in Firefox*/
	border:0;
	padding-left:1px;
	padding-right:1px;
}

button.bottom-margin
{
	margin:0 0 20px;
}

button.default-button,.ui-dialog-buttonpane button.default-button
{
	color:#fff;
	background:#04a;
	border-color:#999 #666 #333;
}

button:hover,button.green:hover,button.grey:hover,.selected-button,.ui-dialog-buttonpane button.default-button:hover,button.blue:hover,.ui-dialog-buttonpane button.normal-button:hover
{
	color:#fff;
	background:#04a;
	border-color:#999 #666 #333;
}

button[disabled],button[disabled]:hover,.ui-dialog .ui-dialog-buttonpane button[disabled],.fake_disabled_button,.fake_disabled_button:hover
{
	color:#999;
	background-color:#f7f7f7;
	border:1px solid #ccc;
	cursor:default;
}

button.green
{
	background:#6C9D00 url(/images/button-bg-green.png) repeat-x scroll 0 0;
	color:#fff;
	border-color:#999 #666 #333;
	width:auto;
	margin:0;
}

button.grey
{
	background:#eee url(/images/button-bg-grey.png) repeat-x scroll 0 0;
	color:#333;
	border-color:#ccc #aaa #999;
	width:auto;
	margin:0;
}

button.green:hover,button.grey:hover
{
	cursor:pointer;
}

button.green[disabled],button.blue[disabled]
{
	-moz-opacity:.5;
	opacity:.5;
	filter:alpha(opacity=50);
}

button.green[disabled]:hover
{
	background:#690;
	color:#fff;
	border-color:#a7cc5a #4f8000 #334c00;
	cursor:default;
}

button.blue,button.blue[disabled]:hover
{
	background:#466FAA;
	color:#fff;
}

button.small
{
	width:auto;
}

button.large
{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	border-style:solid;
	border-width:1px;
	height:35px;
	line-height:20px;
	margin:0;
	overflow:visible;
	padding:1px 1em;
	font-size:17px;
	font-weight:bold;
}

.button
{
	background-repeat:no-repeat;
	background-position:5px center;
	border:1px solid;
	border-color:#999 #666 #333;
	color:#FFF;
	line-height:15px;
	padding:3px 1em;
	margin:2px 0 5px;
	cursor:default;
	overflow:visible;
}

.button:hover
{
	cursor:pointer;
}

.call-to-action
{
    background-color:#690;
	background:-moz-linear-gradient(center top , #87ba00, #3f7200) repeat scroll 0 0 transparent;
	background:-webkit-gradient(linear, left top, left bottom, from(#87ba00), to(#3f7200));
	border-color:#999 #666 #333;
}

.call-to-action img
{
	vertical-align:middle;
	margin-left:4px;
}

.primary
{
	background:-moz-linear-gradient(center top , #7499d1, #04a) repeat scroll 0 0 transparent;
	background:-webkit-gradient(linear, left top, left bottom, from(#7499d1), to(#04a));
	background-color:#04a;
	border-color:#999 #666 #333;
	color:#fff;
}

.secondary
{
    background:-moz-linear-gradient(center top , #fff, #eee) repeat scroll 0 0 transparent;
	background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
    background-color:#e9e9e9;	
    border-color:#999 #666 #333;
	color:#000;
}

.primary-action:hover, .secondary-action:hover, .secondary:hover, .call-to-action:hover
{
	color:#fff;
	background: #04a;
	background:-moz-linear-gradient(center top , #7499d1, #04a) repeat scroll 0 0 transparent;
	background:-webkit-gradient(linear, left top, left bottom, from(#7499d1), to(#04a));
	background-repeat:no-repeat;
	/*background-position:5px center;        */
}

.primary-action
{
	border-color:#eee #ddd #ddd #ddd;
	background:#555;
    background:-moz-linear-gradient(center top , #999, #000) repeat scroll 0 0 transparent;
    background:-webkit-gradient(linear, left top, left bottom, from(#999), to(#000));
	color:#fff;
}

.secondary-action
{
	border-color:#aaa #aaa #aaa #aaa;
	background:#000;
	background:-moz-linear-gradient(center top , #333, #000) repeat scroll 0 0 transparent;
    background:-webkit-gradient(linear, left top, left bottom, from(#333), to(#000));
	color:#ccc;
}

.iconbutton
{
	height:17px;
	width:18px;
	padding-top:1px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	font-size:20px;
	font-weight:bold;
	z-index:50;
	margin:3px 5px 5px 0;
	text-align:center;
	cursor:pointer;
	background-color:#500;
}

.iconbutton:hover
{
	background-color:#900;
	color:#FFF;
	border-color:#ccc;
}

.remove_block
{
	border:1px solid #999;
	color:#eee;
}

.right-gap
{
	margin-right:5px;
}
.left-gap
{
    margin-left:5px;
}
.top-gap
{
    margin-top:10px;
}

.button_container {
    float: right;
    margin-right: 12px;
}
.character_count {
    font-size:11px;
    color: #9c3;
    margin-top:5px;
}

/* Icon add-ons for buttons */
.add
{
	padding-left:25px;
	background: url(/images/icon-add-01.png) no-repeat 5px center #669900;
	background: url(/images/icon-add-01.png) no-repeat 5px center, -moz-linear-gradient(center top , #87ba00, #3f7200) repeat scroll 0 0 transparent;
	background: url(/images/icon-add-01.png) no-repeat 5px center, -webkit-gradient(linear, left top, left bottom, from(#87ba00), to(#3f7200));
}
.add-b
{
	padding-left:25px;
	background: url(/images/icon-add-01b.png) no-repeat 5px center #eee;
	background: url(/images/icon-add-01b.png) no-repeat 5px center, -moz-linear-gradient(center top , #fff, #eee) repeat scroll 0 0 transparent;
	background: url(/images/icon-add-01b.png) no-repeat 5px center, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
}
.add-d, .add-d:hover
{
    color: #333;
	padding-left:25px;
	background: url(/images/icon-add-01-disabled.png) no-repeat 5px center #eee;
	background: url(/images/icon-add-01-disabled.png) no-repeat 5px center, -moz-linear-gradient(center top , #fff, #eee) repeat scroll 0 0 transparent;
	background: url(/images/icon-add-01-disabled.png) no-repeat 5px center, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
}

.add:hover, .add-b:hover
{
    background: url(/images/icon-add-01.png) no-repeat 5px center #04a;
	background: url(/images/icon-add-01.png) no-repeat 5px center, -moz-linear-gradient(center top , #7499d1, #04a) repeat scroll 0 0 transparent;
	background: url(/images/icon-add-01.png) no-repeat 5px center, -webkit-gradient(linear, left top, left bottom, from(#7499d1), to(#04a));
}

#create_project_button {
  position: relative;
}