/************************************************************************

	Authors: Jason Kessel, Justin Coffey, Steve Gott

	Notes:  CE 2.0 Interface Buttons
	
	Date:   7/28/09
	
	Special Note: A "*" is for hacking IE7. A "_" is for hacking IE6.
				
************************************************************************/

/********************************************/
/************ Basic Buttons *************/
/********************************************/

ul.basic_buttons {
	margin:				0;
	padding:			0;
	float:				right;
	list-style:			none;
	width:				auto;
}

ul.basic_buttons li {
	float:				left;
	padding-left:		5px;
}
ul.basic_buttons li a {
	float:				left;
}


/********************************************/
/************ Dashboard Buttons *************/
/********************************************/

ul.buttons_dashboard_wizard a {
    width:              143px;
    height:             130px;
    display:            block;
}
a.button_dashboard_wizard_build.on {
    background:         url(/images/platform/dashboard/wizard_build_on.jpg) no-repeat center top;
}
a.button_dashboard_wizard_build.dim {
    background:         url(/images/platform/dashboard/wizard_build_dim.jpg) no-repeat center top;
}
a.button_dashboard_wizard_build.complete {
    background:         url(/images/platform/dashboard/wizard_build_complete.jpg) no-repeat center top;
}

a.button_dashboard_wizard_send.dim {
    background:         url(/images/platform/dashboard/wizard_send_dim.jpg) no-repeat center top;
}
a.button_dashboard_wizard_send.on {
    background:         url(/images/platform/dashboard/wizard_send_on.jpg) no-repeat center top;
}
a.button_dashboard_wizard_send.complete {
    background:         url(/images/platform/dashboard/wizard_send_complete.jpg) no-repeat center top;
}

a.button_dashboard_wizard_track.on {
    background:         url(/images/platform/dashboard/wizard_track_on.jpg) no-repeat center top;
}
a.button_dashboard_wizard_track.complete {
    background:         url(/images/platform/dashboard/wizard_track_complete.jpg) no-repeat center top;
}
a.button_dashboard_wizard_track.dim {
    background:         url(/images/platform/dashboard/wizard_track_dim.jpg) no-repeat center top;
}


/********************************************/
/********* Build Module Buttons *************/
/********************************************/


.repeatable_article_buttons_wrapper {
	position:			absolute;
	right:				0;
	top:				0;
	margin:				2px;
	width:				100px;
	height:				26px;
}
.repeatable_article_buttons {
	background-color:	#000;
	padding-right: 		4px;
	padding-left:		5px;
	border-left:		#FFF solid 1px;
	border-right:		#FFF solid 1px;
	height:				18px;
}

ul#build_article_nav {
	float:				right;
	margin:				0;
	padding:			0;
}

ul#build_article_nav li { 
	float:				left; 
	list-style:			none;
	height:				18px;
}

ul#build_article_nav a {   
	height:				18px;
	margin:				0;
	padding:			0;
	cursor:				pointer;
}

.button_build_repeatable_group_delete {
	background:			url(/images/platform/button_general_red_x.gif) no-repeat center top;
	width:				21px;
	height:				18px;
	margin-left:		8px;
	display:			block;
}
.button_build_repeatable_group_delete span {
	display:			none;
}

.button_build_repeatable_group_up {
	background:			url(/images/platform/button_build_article_up.gif) no-repeat center top;
	width:				22px;
	height:				18px;
	display:			block;
}
.button_build_repeatable_group_up span {
	display:			none;
}

.button_build_repeatable_group_down {
	background:			url(/images/platform/button_build_article_down.gif) no-repeat center top;
	width:				20px;
	height:				18px;
	display:			block;
}
.button_build_repeatable_group_down span {
	display:none;
}
.button_build_repeatable_group_new {
	background:			url(/images/platform/button_build_article_add.gif) no-repeat center top;
	width:				21px;
	height:				18px;
	display:			block;
}
.button_build_repeatable_group_new span {
	display:			none;
}
li.button_build_repeatable_group_spacer {
	background-color:   #000;
	width:				4px;
	height:				18px;
	display:			block;
}



.button_build_generate_text {
	margin-right: 		auto;
	margin-left: 		auto;
	width: 				150px;
	float:				none;
	display:			inline-block;
}



.delete_image_wrapper {
	position:			absolute;
	right:				0;
	top:				0;
	margin:				5px;
	width:				65px;
	height:				26px;
}
.button_delete_image {
    background:     	url(/images/platform/delete_image_button.gif) no-repeat center top;
	width:				55px;
	height:             18px;
	display:			block;
}
.button_delete_image span {
	display:			none;
}

.add_image_wrapper {
	position:			absolute;
	right:				0;
	top:				0;
	margin:				5px;
	width:				80px;
	height:				26px;
}

.button_add_image {
    background:     	url(/images/platform/add_image_button.gif) no-repeat center top;
	width:				70px;
	height:             18px;
	display:			block;
}
.button_add_image span {
	display:			none;
}

/********************************************/
/********* Contacts Module Buttons **********/
/********************************************/

a.button_contacts_modify_remove_field {
	background-image:url(/images/platform/button_delete_remove.gif);
    background-repeat:no-repeat;
    width:16px;
    height:16px;
	margin-top:4px;
    cursor:pointer;
}
a.button_contacts_modify_remove_field span {
	display:none;
}


/********************************************/
/*********     Tips Button         **********/
/********************************************/

a.button_tips {
	background-image:url(/images/platform/button_tips.gif);
    background-repeat:no-repeat;
    width:15px;
    height:15px;
    display: block;
    cursor:pointer;
}
a.button_tips span {
	display:none;
}


/********************************************/
/************  DYNAMIC BUTTONS  *************/
/********************************************/

/* GLOBAL BUTTON SPECS */
button::-moz-focus-inner { 
	border: 			none;
	padding: 			0;
}
button:focus::-moz-focus-inner {
	border-color:		transparent !important; 
}
button {
	border:				0; 
	cursor:				pointer; 
	font-weight:		bold; 
	padding:			0; 
	text-align:			center; 
	float: 				left; 
	width: 				auto; 
	display:			-moz-inline-box;
	overflow: 			visible; /* removes extra side padding in IE */
}
button span {
	position:			relative; 
	display:			block; 
	white-space:		nowrap; 
	padding:			0px; 
}


/* BLUE LINK BUTTONS */
a.blue_button {
	cursor:				pointer;
    /* Sliding right image */
    background:			transparent url('/images/platform/blue_button_all.gif') no-repeat right -80px; 
	display:			block;
	float:				left;
	height:				20px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	width:				auto;
	padding-right:		10px; /* CHANGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
	/* FONT PROPERTIES */
	text-decoration:	none;
	font-family:		Verdana, Geneva, sans-serif !important;
	color:				#FFF;
	font-size:			12px !important;
	font-weight:		normal;
	/* font-variant:		small-caps; */
	text-shadow: 		1px 1px 4px #000;
}
a.blue_button span {
	/* Background left image */ 
	background:			transparent url('/images/platform/blue_button_all.gif') no-repeat left top; 
	display:			block;
	line-height:		10px; /* CHANGE THIS VALUE ACCORDING TO BUTTON HEIGHT */
	font-family:		Verdana, Geneva, sans-serif !important;
	font-size:			12px !important;
	padding:			4px 0 6px 10px;
} 
a.blue_button:hover {
	background-position: right -120px;
}
a.blue_button:hover span {
	background-position: 0 -40px;
}


/* BLUE FORM BUTTONS */

button.blue_button {
	cursor:				pointer;
    /* Sliding right image */
    background:			transparent url('/images/platform/blue_button_all.gif') no-repeat right -80px; 
	display:			block;
	float:				left;
	height:				20px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	padding-right:		10px; /* CHANGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
	/* FONT PROPERTIES */
	text-decoration:	none;
	font-family:		Verdana, Geneva, sans-serif !important;
	color:				#FFF;
	font-size:			12px !important;
	font-weight:		normal;
	/* font-weight:		bolder; */
	/* font-variant:		small-caps; */
	text-shadow: 		1px 1px 4px #000;
}
button.blue_button span {
	/* Background left image */ 
	background:			transparent url('/images/platform/blue_button_all.gif') no-repeat left top; 
	display:			block;
	line-height:		10px; /* CHANGE THIS VALUE ACCORDING TO BUTTON HEIGHT */
	font-family:		Verdana, Geneva, sans-serif !important;
	font-size:			12px !important;
	padding:			4px 0 6px 10px;
} 
button.blue_button:hover {
	background-position: right -120px;
}
button.blue_button:hover span {
	background-position: 0 -40px;
}



/* GREEN LINK BUTTONS */
a.green_button {
	cursor:				pointer;
    /* Sliding right image */
    background:			transparent url('/images/platform/green_button_all.gif') no-repeat right -80px; 
	display:			block;
	float:				left;
	height:				20px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	padding-right:		10px; /* CHANGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
	/* FONT PROPERTIES */
	text-decoration:	none;
	font-family:		Verdana, Geneva, sans-serif !important;
	color:				#FFF;
	font-size:			12px !important;
	font-weight:		normal;
	/* font-weight:		bolder; */
	/* font-variant:		small-caps; */
	text-shadow: 		1px 1px 4px #000;
}
a.green_button span {
	/* Background left image */ 
	background:			transparent url('/images/platform/green_button_all.gif') no-repeat left top; 
	display:			block;
	line-height:		10px; /* CHANGE THIS VALUE ACCORDING TO BUTTON HEIGHT */
	font-family:		Verdana, Geneva, sans-serif !important;
	font-size:			12px !important;
	padding:			4px 0 6px 10px;
} 
a.green_button:hover {
	background-position: right -120px;
}
a.green_button:hover span {
	background-position: 0 -40px;
}


/* GREEN FORM BUTTONS */

button.green_button {
	cursor:				pointer;
    /* Sliding right image */
    background:			transparent url('/images/platform/green_button_all.gif') no-repeat right -80px; 
	display:			block;
	float:				left;
	height:				20px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	padding-right:		10px; /* CHANGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
	/* FONT PROPERTIES */
	text-decoration:	none;
	font-family:		Verdana, Geneva, sans-serif !important;
	color:				#FFF;
	font-size:			12px !important;
	font-weight:		normal;
	/* font-weight:		bolder; */
	/* font-variant:		small-caps; */
	text-shadow: 		1px 1px 4px #000;
}
button.green_button span {
	/* Background left image */ 
	background:			transparent url('/images/platform/green_button_all.gif') no-repeat left top; 
	display:			block;
	line-height:		10px; /* CHANGE THIS VALUE ACCORDING TO BUTTON HEIGHT */
	font-family:		Verdana, Geneva, sans-serif !important;
	font-size:			12px !important;
	padding:			4px 0 6px 10px;
} 
button.green_button:hover {
	background-position: right -120px;
}
button.green_button:hover span {
	background-position: 0 -40px;
}


/* RED LINK BUTTONS */
a.red_button {
	cursor:				pointer;
    /* Sliding right image */
    background:			transparent url('/images/platform/red_button_all.gif') no-repeat right -80px; 
	display:			block;
	float:				left;
	height:				20px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	padding-right:		10px; /* CHANGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
	/* FONT PROPERTIES */
	text-decoration:	none;
	font-family:		Verdana, Geneva, sans-serif !important;
	color:				#FFF;
	font-size:			12px !important;
	font-weight:		normal;
	/* font-weight:		bolder; */
	/* font-variant:		small-caps; */
	text-shadow: 		1px 1px 4px #000;
}
a.red_button span {
	/* Background left image */ 
	background:			transparent url('/images/platform/red_button_all.gif') no-repeat left top; 
	display:			block;
	line-height:		10px; /* CHANGE THIS VALUE ACCORDING TO BUTTON HEIGHT */
	font-family:		Verdana, Geneva, sans-serif !important;
	font-size:			12px !important;
	padding:			4px 0 6px 10px;
} 
a.red_button:hover {
	background-position: right -120px;
}
a.red_button:hover span {
	background-position: 0 -40px;
}


/* RED FORM BUTTONS */

button.red_button {
	cursor:				pointer;
    /* Sliding right image */
    background:			transparent url('/images/platform/red_button_all.gif') no-repeat right -80px; 
	display:			block;
	float:				left;
	height:				20px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	padding-right:		10px; /* CHANGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
	/* FONT PROPERTIES */
	text-decoration:	none;
	font-family:		Verdana, Geneva, sans-serif !important;
	color:				#FFF;
	font-size:			12px !important;
	font-weight:		normal;
	/* font-weight:		bolder; */
	/* font-variant:		small-caps; */
	text-shadow: 		1px 1px 4px #000;
}
button.red_button span {
	/* Background left image */ 
	background:			transparent url('/images/platform/red_button_all.gif') no-repeat left top; 
	display:			block;
	line-height:		10px; /* CHANGE THIS VALUE ACCORDING TO BUTTON HEIGHT */
	font-family:		Verdana, Geneva, sans-serif !important;
	font-size:			12px !important;
	padding:			4px 0 6px 10px;
} 
button.red_button:hover {
	background-position: right -120px;
}
button.red_button:hover span {
	background-position: 0 -40px;
}

/* BUTTON ICONS */
.icon_add {
background: 			url('/images/platform/icon_add.gif') no-repeat;
width:					9px;
height:					9px;
float:					left;
margin-right: 			5px;
*display:				none;/* Turns the icon off in IE6-7 due to lack of support */
}