/* ===[ BUTTONS ]=== */
.clear {clear:both;}
/*
BUTTON POSITIONING
*/
a.first {margin:0 20px 0 0;}
a.right{float:right;}

/* 
STANDARD --> GREY
*/
a.btn{float:left;line-height:32px;letter-spacing:-1px; /*equal to the height of the button*/
cursor: hand;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;color:#fc7406;text-decoration:none;}
a.btn em{display: block; float: left; background: url(../../common/images/buttons/btn-standard-left.png) no-repeat; width: 13px; height: 32px; text-decoration:none;}
a.btn span{display: block; float: left; padding:0 30px 0 30px; background: url(../../common/images/buttons/btn-standard-mid.png) repeat-x; height: 32px;}
a.btn b{display: block; float: left; background: url(../../common/images/buttons/btn-standard-right.png) no-repeat; width: 13px; height: 32px; text-decoration:none;} 
/*HOVER*/
a.btn:hover {color:#545a58;}
a.btn:hover em{display: block; float: left; background: url(../../common/images/buttons/btn-standard-hover-left.png) no-repeat; width: 13px; height: 32px; text-decoration:none;}
a.btn:hover span{display: block; float: left; padding:0 30px 0 30px; background: url(../../common/images/buttons/btn-standard-hover-mid.png) repeat-x; height: 32px;}
a.btn:hover b{display: block; float: left; background: url(../../common/images/buttons/btn-standard-hover-right.png) no-repeat; width: 13px; height: 32px; text-decoration:none;} 

/* 
ACTION --> ORANGE
*/
a.btn-action{margin:0;padding:0;float:left;line-height:32px;letter-spacing:-1px; /*equal to the height of the button*/
cursor: hand;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;color:#fc7406;text-decoration:none;}
a.btn-action em{margin:0;padding:0;display: block; float: left; background: url(../../common/images/buttons/btn-action-left.png) no-repeat; width: 13px; height: 32px; text-decoration:none;}
a.btn-action span{margin:0;padding:0;display: block; float: left; padding:0 25px 0 25px; background: url(../../common/images/buttons/btn-action-mid.png) repeat-x; height: 32px;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;color:#fc7406;text-decoration:none;}
a.btn-action b{margin:0;padding:0;display: block; float: left; background: url(../../common/images/buttons/btn-action-right.png) no-repeat; width: 13px; height: 32px; text-decoration:none;}
/*HOVER*/
a.btn-action:hover {color:#76cbfc;}
a.btn-action:hover em{margin:0;padding:0;display: block; float: left; background: url(../../common/images/buttons/btn-action-hover-left.png) no-repeat; width: 13px; height: 32px; text-decoration:none;}
a.btn-action:hover span{margin:0;padding:0;display: block; float: left; padding:0 25px 0 25px; background: url(../../common/images/buttons/btn-action-hover-mid.png) repeat-x; height: 32px;}
a.btn-action:hover b{margin:0;padding:0;display: block; float: left; background: url(../../common/images/buttons/btn-action-hover-right.png) no-repeat; width: 13px; height: 32px; text-decoration:none;}

/* 
PHOTO EDITOR TOOLS --> BLUE
*/
a.btn-tools{margin:0;padding:0;float:left;line-height:32px;letter-spacing:-1px; /*equal to the height of the button*/
cursor: hand;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;color:#fff;text-decoration:none;}
a.btn-tools em{margin:0;padding:0;display: block; float: left; background: url(../../common/images/buttons/btn-photo-editor-left.png) no-repeat; width: 13px; height: 32px; text-decoration:none;}
a.btn-tools span{margin:0;padding:0;display: block; float: left; padding:0 25px 0 25px; background: url(../../common/images/buttons/btn-photo-editor-mid.png) repeat-x; height: 32px;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;color:#fff;text-decoration:none;}
a.btn-tools b{margin:0;padding:0;display: block; float: left; background: url(../../common/images/buttons/btn-photo-editor-right.png) no-repeat; width: 13px; height: 32px; text-decoration:none;}
/*HOVER*/
a.btn-tools:hover {color:#76cbfc;}
a.btn-tools:hover em{margin:0;padding:0;display: block; float: left; background: url(../../common/images/buttons/btn-photo-editor-hover-left.png) no-repeat; width: 13px; height: 32px; text-decoration:none;}
a.btn-tools:hover span{margin:0;padding:0;display: block; float: left; padding:0 25px 0 25px; background: url(../../common/images/buttons/btn-photo-editor-hover-mid.png) repeat-x; height: 32px;}
a.btn-tools:hover b{margin:0;padding:0;display: block; float: left; background: url(../../common/images/buttons/btn-photo-editor-hover-right.png) no-repeat; width: 13px; height: 32px; text-decoration:none;}

/* 
INACTIVE --> LIGHT GREY
*/
a.btn-inactive{margin:0;padding:0;float:left;line-height:32px;letter-spacing:-1px; /*equal to the height of the button*/
cursor: hand;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;color:#fc7406;text-decoration:none;}
a.btn-inactive em{margin:0;padding:0;display: block; float: left; background: url(../../common/images/buttons/btn-inactive-left.png) no-repeat; width: 13px; height: 32px; text-decoration:none;}
a.btn-inactive span{margin:0;padding:0;display: block; float: left; padding:0 25px 0 25px; background: url(../../common/images/buttons/btn-inactive-mid.png) repeat-x; height: 32px;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;color:#fc7406;text-decoration:none;}
a.btn-inactive b{margin:0;padding:0;display: block; float: left; background: url(../../common/images/buttons/btn-inactive-right.png) no-repeat; width: 13px; height: 32px; text-decoration:none;}

/* 
ACCEPT/ACTIVATE --> GREEN
*/
a.btn-activate{margin:0;padding:0;float:left;line-height:32px;letter-spacing:-1px; /*equal to the height of the button*/
cursor: hand;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;color:#fff;text-decoration:none;}
a.btn-activate em{margin:0;padding:0;display: block; float: left; background: url(../../common/images/buttons/btn-accept-activate-left.png) no-repeat; width: 13px; height: 32px; text-decoration:none;}
a.btn-activate span{margin:0;padding:0;display: block; float: left; padding:0 25px 0 25px; background: url(../../common/images/buttons/btn-accept-activate-mid.png) repeat-x; height: 32px;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;color:#fff;text-decoration:none;}
a.btn-activate b{margin:0;padding:0;display: block; float: left; background: url(../../common/images/buttons/btn-accept-activate-right.png) no-repeat; width: 13px; height: 32px; text-decoration:none;}
/*HOVER*/
a.btn-activate:hover {color:#76cbfc;}
a.btn-activate:hover em{margin:0;padding:0;display: block; float: left; background: url(../../common/images/buttons/btn-accept-activate-hover-left.png) no-repeat; width: 13px; height: 32px; text-decoration:none;}
a.btn-activate:hover span{margin:0;padding:0;display: block; float: left; padding:0 25px 0 25px; background: url(../../common/images/buttons/btn-accept-activate-hover-mid.png) repeat-x; height: 32px;}
a.btn-activate:hover b{margin:0;padding:0;display: block; float: left; background: url(../../common/images/buttons/btn-accept-activate-hover-right.png) no-repeat; width: 13px; height: 32px; text-decoration:none;}

/* 
CANCEL/DEACTIVATE --> RED
*/
a.btn-deactivate{margin:0;padding:0;float:left;line-height:32px;letter-spacing:-1px; /*equal to the height of the button*/
cursor: hand;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;color:#fff;text-decoration:none;}
a.btn-deactivate em{margin:0;padding:0;display: block; float: left; background: url(../../common/images/buttons/btn-cancel-deactivate-left.png) no-repeat; width: 13px; height: 32px; text-decoration:none;}
a.btn-deactivate span{margin:0;padding:0;display: block; float: left; padding:0 25px 0 25px; background: url(../../common/images/buttons/btn-cancel-deactivate-mid.png) repeat-x; height: 32px;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;color:#fff;text-decoration:none;}
a.btn-deactivate b{margin:0;padding:0;display: block; float:left; background:url(../../common/images/buttons/btn-cancel-deactivate-right.png) no-repeat; width: 13px; height: 32px; text-decoration:none;}
/*HOVER*/
a.btn-deactivate:hover {color:#76cbfc;}
a.btn-deactivate:hover em{margin:0;padding:0;display: block; float: left; background: url(../../common/images/buttons/btn-cancel-deactivate-hover-left.png) no-repeat; width: 13px; height: 32px; text-decoration:none;}
a.btn-deactivate:hover span{margin:0;padding:0;display: block; float: left; padding:0 25px 0 25px; background: url(../../common/images/buttons/btn-cancel-deactivate-hover-mid.png) repeat-x; height: 32px;}
a.btn-deactivate:hover b{margin:0;padding:0;display: block; float: left; background: url(../../common/images/buttons/btn-cancel-deactivate-hover-right.png) no-repeat; width: 13px; height: 32px; text-decoration:none;}

/* 
CLOSE --> BLACK TEXT RED X 
*/
a.btn-close{float:left;line-height:32px;letter-spacing:-1px; /*equal to the height of the button*/
cursor: hand;font-family:Arial, Helvetica, sans-serif;font-weight:bold;color:#fc7406;text-decoration:none;}
a.btn-close em{float:left;font-size:15px;font-weight:bold;color:#fc7406; text-decoration:none;color:#a82603;}
a.btn-close span{float: left; padding:0 5px 0 5px; color:#000; font-size:13px;font-weight:bold;text-decoration:underline;}
/*HOVER*/
a.btn-close:hover span{color:#a82603; }





/*==================ADMIN BUTTONS=======================*/
/* 
STANDARD --> GREY
*/
a.btn-admin{float:left;line-height:24px;letter-spacing:-1px; /*equal to the height of the button*/
cursor: hand;font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:bold;color:#fc7406;text-decoration:none;}
a.btn-admin em{display: block; float: left; background: url(../../common/images/buttons/btn-admin-standard-left.png) no-repeat; width: 10px; height: 24px; text-decoration:none;}
a.btn-admin span{display: block; float: left; padding:0 10px 0 10px; margin:0; background: url(../../common/images/buttons/btn-admin-standard-mid.png) repeat-x; height: 24px;}
a.btn-admin b{display: block; float: left; background: url(../../common/images/buttons/btn-admin-standard-right.png) no-repeat; width: 10px; height: 24px; text-decoration:none;} 
/*HOVER*/
a.btn-admin:hover {color:#545a58;}
a.btn-admin:hover em{display: block; float: left; background: url(../../common/images/buttons/btn-admin-standard-hover-left.png) no-repeat; width: 10px; height: 24px; text-decoration:none;}
a.btn-admin:hover span{display: block; float: left; padding:0 10px 0 10px; margin:0; background: url(../../common/images/buttons/btn-admin-standard-hover-mid.png) repeat-x; height: 24px;}
a.btn-admin:hover b{display: block; float: left; background: url(../../common/images/buttons/btn-admin-standard-hover-right.png) no-repeat; width: 10px; height: 24px; text-decoration:none;} 

/* 
ACTION --> ORANGE
*/
a.btn-admin-action{margin:0;padding:0;float:left;line-height:24px;letter-spacing:0px; /*equal to the height of the button*/
cursor: hand;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;color:#fc7406;text-decoration:none;}
a.btn-admin-action em{margin:0;padding:0;display: block; float: left; background: url(../../common/images/buttons/btn-admin-action-left.png) no-repeat; width: 10px; height: 24px; text-decoration:none;}
a.btn-admin-action span{margin:0;padding:0;display: block; float: left; padding:0 10px 0 10px; background: url(../../common/images/buttons/btn-admin-action-mid.png) repeat-x; height: 24px;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;color:#fc7406;text-decoration:none;}
a.btn-admin-action b{margin:0;padding:0;display: block; float: left; background: url(../../common/images/buttons/btn-admin-action-right.png) no-repeat; width: 10px; height: 24px; text-decoration:none;}
/*HOVER*/
a.btn-admin-action:hover {color:#76cbfc;}
a.btn-admin-action:hover em{margin:0;padding:0;display: block; float: left; background: url(../../common/images/buttons/btn-admin-action-hover-left.png) no-repeat; width: 10px; height: 24px; text-decoration:none;}
a.btn-admin-action:hover span{margin:0;padding:0;display: block; float: left; padding:0 10px 0 10px; background: url(../../common/images/buttons/btn-admin-action-hover-mid.png) repeat-x; height: 24px;}
a.btn-admin-action:hover b{margin:0;padding:0;display: block; float: left; background: url(../../common/images/buttons/btn-admin-action-hover-right.png) no-repeat; width: 10px; height: 24px; text-decoration:none;}

/* 
PHOTO EDITOR TOOLS --> BLUE
*/
a.btn-admin-tools{margin:0;padding:0;float:left;line-height:24px;letter-spacing:-1px; /*equal to the height of the button*/
cursor: hand;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;color:#fff;text-decoration:none;}
a.btn-admin-tools em{margin:0;padding:0;display: block; float: left; background: url(../../common/images/buttons/btn-admin-photo-editor-left.png) no-repeat; width: 10px; height: 24px; text-decoration:none;}
a.btn-admin-tools span{margin:0;padding:0;display: block; float: left; padding:0 10px 0 10px; background: url(../../common/images/buttons/btn-admin-photo-editor-mid.png) repeat-x; height: 24px;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;color:#fff;text-decoration:none;}
a.btn-admin-tools b{margin:0;padding:0;display: block; float: left; background: url(../../common/images/buttons/btn-admin-photo-editor-right.png) no-repeat; width: 10px; height: 24px; text-decoration:none;}
/*HOVER*/
a.btn-admin-tools:hover {color:#76cbfc;}
a.btn-admin-tools:hover em{margin:0;padding:0;display: block; float: left; background: url(../../common/images/buttons/btn-admin-photo-editor-hover-left.png) no-repeat; width: 10px; height: 24px; text-decoration:none;}
a.btn-admin-tools:hover span{margin:0;padding:0;display: block; float: left; padding:0 10px 0 10px; background: url(../../common/images/buttons/btn-admin-photo-editor-hover-mid.png) repeat-x; height: 24px;}
a.btn-admin-tools:hover b{margin:0;padding:0;display: block; float: left; background: url(../../common/images/buttons/btn-admin-photo-editor-hover-right.png) no-repeat; width: 10px; height: 24px; text-decoration:none;}

/* 
INACTIVE --> LIGHT GREY
*/
a.btn-admin-inactive{margin:0;padding:0;float:left;line-height:24px;letter-spacing:-1px; /*equal to the height of the button*/
cursor: hand;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;color:#fc7406;text-decoration:none;}
a.btn-admin-inactive em{margin:0;padding:0;display: block; float: left; background: url(../../common/images/buttons/btn-admin-inactive-left.png) no-repeat; width: 10px; height: 24px; text-decoration:none;}
a.btn-admin-inactive span{margin:0;padding:0;display: block; float: left; padding:0 10px 0 10px; background: url(../../common/images/buttons/btn-admin-inactive-mid.png) repeat-x; height: 24px;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;color:#fc7406;text-decoration:none;}
a.btn-admin-inactive b{margin:0;padding:0;display: block; float: left; background: url(../../common/images/buttons/btn-admin-inactive-right.png) no-repeat; width: 10px; height: 24px; text-decoration:none;}

/* 
ACCEPT/ACTIVATE --> GREEN
*/
a.btn-admin-activate{margin:0;padding:0;float:left;line-height:24px;letter-spacing:-1px; /*equal to the height of the button*/
cursor: hand;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;color:#fff;text-decoration:none;}
a.btn-admin-activate em{margin:0;padding:0;display: block; float: left; background: url(../../common/images/buttons/btn-admin-accept-activate-left.png) no-repeat; width: 10px; height: 24px; text-decoration:none;}
a.btn-admin-activate span{margin:0;padding:0;display: block; float: left; padding:0 10px 0 10px; background: url(../../common/images/buttons/btn-admin-accept-activate-mid.png) repeat-x; height: 24px;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;color:#fff;text-decoration:none;}
a.btn-admin-activate b{margin:0;padding:0;display: block; float: left; background: url(../../common/images/buttons/btn-admin-accept-activate-right.png) no-repeat; width: 10px; height: 24px; text-decoration:none;}
/*HOVER*/
a.btn-admin-activate:hover {color:#76cbfc;}
a.btn-admin-activate:hover em{margin:0;padding:0;display: block; float: left; background: url(../../common/images/buttons/btn-admin-accept-activate-hover-left.png) no-repeat; width: 10px; height: 24px; text-decoration:none;}
a.btn-admin-activate:hover span{margin:0;padding:0;display: block; float: left; padding:0 10px 0 10px; background: url(../../common/images/buttons/btn-admin-accept-activate-hover-mid.png) repeat-x; height: 24px;}
a.btn-admin-activate:hover b{margin:0;padding:0;display: block; float: left; background: url(../../common/images/buttons/btn-admin-accept-activate-hover-right.png) no-repeat; width: 10px; height: 24px; text-decoration:none;}

/* 
CANCEL/DEACTIVATE --> RED
*/
a.btn-admin-deactivate{margin:0;padding:0;float:left;line-height:24px;letter-spacing:-1px; /*equal to the height of the button*/
cursor: hand;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;color:#fff;text-decoration:none;}
a.btn-admin-deactivate em{margin:0;padding:0;display: block; float: left; background: url(../../common/images/buttons/btn-admin-cancel-deactivate-left.png) no-repeat; width: 10px; height: 24px; text-decoration:none;}
a.btn-admin-deactivate span{margin:0;padding:0;display: block; float: left; padding:0 10px 0 10px; background: url(../../common/images/buttons/btn-admin-cancel-deactivate-mid.png) repeat-x; height: 24px;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;color:#fff;text-decoration:none;}
a.btn-admin-deactivate b{margin:0;padding:0;display: block; float:left; background:url(../../common/images/buttons/btn-admin-cancel-deactivate-right.png) no-repeat; width: 10px; height: 24px; text-decoration:none;}
/*HOVER*/
a.btn-admin-deactivate:hover {color:#76cbfc;}
a.btn-admin-deactivate:hover em{margin:0;padding:0;display: block; float: left; background: url(../../common/images/buttons/btn-admin-cancel-deactivate-hover-left.png) no-repeat; width: 10px; height: 24px; text-decoration:none;}
a.btn-admin-deactivate:hover span{margin:0;padding:0;display: block; float: left; padding:0 10px 0 10px; background: url(../../common/images/buttons/btn-admin-cancel-deactivate-hover-mid.png) repeat-x; height: 24px;}
a.btn-admin-deactivate:hover b{margin:0;padding:0;display: block; float: left; background: url(../../common/images/buttons/btn-admin-cancel-deactivate-hover-right.png) no-repeat; width: 10px; height: 24px; text-decoration:none;}


/*
Module Landing page button --> START
*/
a.btn-module-start {float:right;line-height:44px;letter-spacing:-1px; /*equal to the height of the button*/
cursor: hand;font-family:Arial, Helvetica, sans-serif;font-size:16px;font-weight:bold;color:#ffb040;text-decoration:none;}
a.btn-module-start em{display: block; float: left; background: url(../../common/images/buttons/btn-start-module-lander-nav-bar.jpg) no-repeat; width: 10px; height: 44px; text-decoration:none;}
a.btn-module-start span{color:#ffb040; display: block; float: left; padding:0 10px 0 10px; background: url(../../common/images/buttons/btn-start-module-lander-nav-bar.jpg) repeat-x; height: 44px;}
a.btn-module-start b{display: block; float: left; background: url(../../common/images/buttons/btn-start-module-lander-nav-bar.jpg) no-repeat; width: 10px; height: 44px; text-decoration:none;} 

/*HOVER*/
a.btn-module-start:hover {color:#ff8e15;}
a.btn-module-start:hover em{display: block; float: left; background: url(../../common/images/buttons/btn-start-module-lander-nav-bar-hover.jpg) no-repeat; width: 10px; height: 44px; text-decoration:none;}
a.btn-module-start:hover span{color:#ff8e15; display: block; float: left; padding:0 10px 0 10px; background: url(../../common/images/buttons/btn-start-module-lander-nav-bar-hover.jpg) repeat-x; height: 44px;}
a.btn-module-start:hover b{display: block; float: left; background: url(../../common/images/buttons/btn-start-module-lander-nav-bar-hover.jpg) no-repeat; width: 10px; height: 44px; text-decoration:none;} 

/*
Module Landing page button --> SAVED
*/
a.btn-module-saved {float:right;line-height:44px;letter-spacing:-1px; /*equal to the height of the button*/
cursor: hand;font-family:Arial, Helvetica, sans-serif;font-size:16px;font-weight:bold;color:#ffb040;text-decoration:none;}
a.btn-module-saved em{display: block; float: left; background: url(../../common/images/buttons/btn-saved-module-lander-nav-bar.jpg) no-repeat; width: 10px; height: 44px; text-decoration:none;}
a.btn-module-saved span{color:#ffb040; display: block; float: left; padding:0 10px 0 10px; background: url(../../common/images/buttons/btn-saved-module-lander-nav-bar.jpg) repeat-x; height: 44px;}
a.btn-module-saved b{display: block; float: left; background: url(../../common/images/buttons/btn-saved-module-lander-nav-bar.jpg) no-repeat; width: 10px; height: 44px; text-decoration:none;} 

/*HOVER*/
a.btn-module-saved:hover {color:#ff8e15;}
a.btn-module-saved:hover em{display: block; float: left; background: url(../../common/images/buttons/btn-saved-module-lander-nav-bar-hover.jpg) no-repeat; width: 10px; height: 44px; text-decoration:none;}
a.btn-module-saved:hover span{color:#ff8e15; display: block; float: left; padding:0 10px 0 10px; background: url(../../common/images/buttons/btn-saved-module-lander-nav-bar-hover.jpg) repeat-x; height: 44px;}
a.btn-module-saved:hover b{display: block; float: left; background: url(../../common/images/buttons/btn-saved-module-lander-nav-bar-hover.jpg) no-repeat; width: 10px; height: 44px; text-decoration:none;}