/*
	1. Admin Text Based Buttons
		1.1 Base Styles
		1.2 Sizes
		1.3 Styles/Colors
*/
/* --- 1 Button Image Replacements ---*/
body.Page-button-ref-20110815 .sLayout {width: 840px !important;}
body.Page-button-ref-20110815 .wrapper { margin: 40px 0; }
body.Page-button-ref-20110815 .inner {
float: left;
height: 260px;
width: 280px;
}

/* 1.1 Base Styles */
.button-2 {
	background: #eeeeee; /* old browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
	background: -moz-linear-gradient(top, #ffffff, #cccccc);
	/*filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc'); */
	border: solid 1px #666666;
	color: #000 !important;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	cursor: pointer;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	height: 15px;
	margin: 0 4px 0 0;
	outline: none;
	padding: 4px 20px;
        position: relative;
	text-align: center;
	text-decoration: none;
        z-index: 995;

        -moz-user-select: -moz-none;
        -webkit-user-select: none;
        user-select: none;
}
body.Store-hrblock .button-2 {
display:block;
}
.button-2 * {
	color: inherit !important;
	font-size: 100%;
	text-decoration: none;
}
.button-2 span {
        _font-family: Arial Unicode MS, Arial, sans-serif;
        font-size: 16px;
        line-height: 11px;
        top: 1px;
        position: relative;
}
.button-2:hover,
.button-2:focus {background: #cfcfcf; text-decoration: none;}
.button-2:active {background: #bbb;}
.button-2:visited {color: #000;}

.button-2.disabled {
	cursor: auto;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.button-2.disabled:hover,
.button-2.disabled:focus {
	background: #dddddd; /* old browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#cccccc));
	background: -moz-linear-gradient(top, #eeeeee, #cccccc);
}

.button-2 input {
	border: none;
	background-color: transparent;
	cursor: pointer;
	padding-bottom: 4px;
	text-decoration: none;
}

.button-2.block {
	clear: both;
	cursor: pointer;
	display: block;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	height: 18px;
	margin: 0 10px 10px 0;
	outline: none;
	text-align: center;
	width: auto;
        padding: 0;
}

/* 1.2 Sizes */
.button-2.x-small,
input.button-2.x-small {
	font-size: 10px;
	font-weight: bold;
	height: 16px;
	line-height: 14px; /* Add padding top and font-size for consistent display */
}
input.button-2.x-small {
	height: 18px;
	padding: 0 7px 2px 7px;
}
.button-2.small,
input.button-2.small {
	font-size: 12px;
	font-weight: bold;
	height: auto;
	line-height: 20px; /* Add padding top and font-size for consistent display */
}
input.button-2.small,
.button-2.small input {
	height: 22px;
}
.button-2.block.icon.small input { height: 26px; }
input.button-2.small {
	padding: 0 7px 2px 7px;
}
.button-2.medium,
input.button-2.medium {
	font-size: 15px;
	font-weight: bold;
	height: auto;
	line-height: 21px; /* Add padding top and font-size for consistent display */
}

.button-2.block.icon.medium input { height: 28px; }
.button-2.large,
input.button-2.large {
	font-size: 18px;
	font-weight: normal;
	height: auto;
	line-height: 24px; /* Add padding top and font-size for consistent display */
}
.button-2.block.icon.large input { height: 34px; }
input.button-2.large,
.button-2.large input {
	height: 31px;
}

/* 1.3 Styles/Colors */
/* 1.3.1 Style 1 */
.style-1,
.style-1.disabled:hover,
.style-1.disabled:focus {
	background: #FA5E12; /* old browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#FF7C2A), to(#FA5E12));
	background: -moz-linear-gradient(top, #FF7C2A, #FA5E12);
	/*filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF7C2A', endColorstr='#FA5E12'); */
	border-color: #F26522;
	color: #ffffff !important;
}
.style-1:hover,
.style-1:focus,
.style-1.hover {
	background: #FF7628;
	/*filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF7628', endColorstr='#FF7628'); */
        color: #fff !important;
}
.style-1:active {background: #EC5800;}
.style-1:visited {color: #ffffff !important;}


/* 1.3.2 Style 2 */
.style-2,
.style-2.disabled:hover,
.style-2.disabled:focus {
	background-color: #037A12; /* old browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#01AF58), to(#01582D));
	background: -moz-linear-gradient(top, #01AF58, #01582D);
	/*filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#01AF58', endColorstr='#01582D'); */
	border-color: #01582D;
	color: #fff !important;
}
.style-2:hover,
.style-2:focus,
.style-2.hover {
	background: #01783D;
	/*filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#01783D', endColorstr='#01783D'); */
        color: #fff !important;
}
.style-2:active {background: #01582D;}
.style-2:visited {color: #fff !important;}


/* 1.3.3 Style 3 */
.style-3,
.style-3.disabled:hover,
.style-3.disabled:focus{
	background: #0065DF; /* old browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#3792FF), to(#004392));
	background: -moz-linear-gradient(top, #3792FF, #004392);
	/*filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#3792FF', endColorstr='#004392'); */
	border-color: #003F8C;
	color: #ffffff !important;
}
.style-3:hover,
.style-3:focus,
.style-3.hover {
	background: #0058C4;
	/*filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0058C4', endColorstr='#0058C4'); */
        color: #fff !important;
}
.style-3:active {background: #00316C;}
.style-3:visited {color: #fff !important;}

/* 1.3.4 Style 4 */
.style-4,
.style-4.disabled:hover,
.style-4.disabled:focus{
	background: #FF4506; /* old browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#FF5F28), to(#CC3300));
	background: -moz-linear-gradient(top, #FF5F28, #CC3300);
	/*filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF5F28', endColorstr='#CC3300'); */
	border-color: #942500;
	color: #ffffff !important;
}
.style-4:hover,
.style-4:focus,
.style-4.hover {
	background: #E63900;
	/*filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#E63900', endColorstr='#E63900'); */        color: #fff !important;
}
.style-4:active {background: #B32D00;}
.style-4:visited {color: #ffffff !important;}

/* 1.3.5 Style 5 */
.style-5,
.style-5.disabled:hover,
.style-5.disabled:focus {
	background: #C5D8ED; /* old browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#DCECF8), to(#A6D2EE));
	background: -moz-linear-gradient(top, #DCECF8, #A6D2EE);
	/*filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#DCECF8', endColorstr='#A6D2EE'); */
	border-color: #3e4e59;
	color: #0d2a43 !important;
}
.style-5:hover,
.style-5:focus,
.style-5.hover {
	background: #A1CFED;
	/*filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#A1CFED', endColorstr='#A1CFED'); */
        color: #0d2a43 !important;
}
.style-5:active {background: #a1caed;}
.style-5:visited {color: #195486 !important;}
.style-5 * { color: #0d2a43 !important;}



/* 1.3.5 Style 6 */
/* 1.3.6 Style 6 */
.style-6,
.style-6.disabled:hover,
.style-6.disabled:focus {
	background: #FFB636;
        background: -webkit-gradient(linear, left top, left bottom, from(#FC6), to(#F90));
        background: -moz-linear-gradient(top, #FC6, #F90);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFCC66', endColorstr='#FF9900');
	border-color: #fd8c25;
	color: #fff !important;
}
.style-6:hover,
.style-6:focus,
.style-6.hover {
	background: #ff9900;
background: -moz-linear-gradient(top,  #ff9900 0%, #ffcc66 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9900), color-stop(100%,#ffcc66));
background: -webkit-linear-gradient(top,  #ff9900 0%,#ffcc66 100%);
background: -o-linear-gradient(top,  #ff9900 0%,#ffcc66 100%);
background: -ms-linear-gradient(top,  #ff9900 0%,#ffcc66 100%);
background: linear-gradient(to bottom,  #ff9900 0%,#ffcc66 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9900', endColorstr='#ffcc66',GradientType=0 );
}
.style-6:active {background: #fd9927;}
.style-6:visited {color: #fff !important;}
.style-6 * { color: #fff !important; }



/* 1.4 Icon Styles */
.button-2.icon * {
	background: url(/cmsimages/famfam-silk_v1_3.png?v=734A5765704A7135346F493D) -2px 0 no-repeat;
        display: block;
	padding: 4px 12px 2px 24px;
}
.button-2.small.icon input,
.button-2.medium.icon input,
.button-2.large.icon input {}

.button-2.icon.checkmark * {
        position: relative;
}
.button-2.small.icon.checkmark * {
	background-position: 3px 5px;
}
.button-2.medium.icon.checkmark * {
	background-position: 3px 6px;
}
.button-2.large.icon.checkmark * {
	background-position: 3px 10px;
}

.button-2.small.icon.print * {
background-position: 3px -23px;
}
.button-2.medium.icon.print * {
background-position: 3px -22px;
}
.button-2.large.icon.print * {
background-position: 3px -18px;
}

.button-2.small.icon.add-text * {
background-position: 11px -52px;
}
.button-2.medium.icon.add-text * {
background-position: 11px -51px;
}
.button-2.large.icon.add-text * {
background-position: 11px -48px;
}

.button-2.small.icon.add-clipart * {
background-position: 11px -83px;
}
.button-2.medium.icon.add-clipart * {
background-position: 11px -82px;
}
.button-2.large.icon.add-clipart * {
background-position: 11px -79px;
}

.button-2.small.icon.image-upload * {
background-position: 11px -114px;
}
.button-2.medium.icon.image-upload * {
background-position: 11px -112px;
}
.button-2.large.icon.image-upload * {
background-position: 11px -109px;
}

.button-2.small.icon.image-edit * {
background-position: 3px -145px;
}
.button-2.medium.icon.image-edit * {
background-position: 3px -144px;
}
.button-2.large.icon.image-edit * {
background-position: 3px -140px;
}

.button-2.small.icon.zoom * {
background-position: 3px -177px;
}
.button-2.medium.icon.zoom * {
background-position: 3px -175px;
}
.button-2.large.icon.zoom * {
background-position: 3px -172px;
}

/* 1.5 Power Designer Styles */
body.Page-powerdesignaspx .button-2.icon *,
body.Page-startfromscratchusabilityaspx .button-2.icon *,
body.Page-designeraspx .button-2.icon * {
	padding: 4px 22px 2px 34px;
}
body.Page-powerdesignaspx .button-2.icon,
body.Page-clipartaspx .button-2.medium.icon,
body.Page-startfromscratchusabilityaspx .button-2.medium.icon,
body.Page-designeraspx .button-2.medium.icon {
	background: transparent url(/cmsimages/powerdesigner-button-bg.jpg?v=38497931416B47385A41593D) top left repeat-x;
}
body.Page-powerdesignaspx .button-2.icon:hover,
body.Page-clipartaspx .button-2.medium.icon:hover,
body.Page-startfromscratchusabilityaspx .button-2.medium.icon:hover,
body.Page-designeraspx .button-2.medium.icon:hover {
	background: transparent url(/cmsimages/powerdesigner-button-bg.jpg?v=38497931416B47385A41593D) bottom left repeat-x;
}
body.Page-powerdesignaspx .button-2.medium, 
body.Page-powerdesignaspx input.button-2.medium,
body.Page-clipartaspx .button-2.medium.icon,
body.Page-startfromscratchusabilityaspx .button-2.medium.icon,
body.Page-designeraspx .button-2.medium.icon {
       line-height: 21px;
       margin: 4px 6px 0 5px ;
}

/* 1.6 Sign Review Styles */



#ctl00_ctl00_MainContent_cphMain_panelSaveTemplate,
.designOptionButton { clear: both; text-align: left !important; *margin-bottom: -3px; }
.designOptionButton span { margin: 6px 0 0 52px !important; }
#ctl00_ctl00_MainContent_cphMain_panelPreviewButton div { float: none !important; }