/*
	Plugin	: MJ Buttons
	Author	: Michael Janea (michaeljanea.byethost7.com)
	Version	: 1.1.1
*/

#mjButtonsFieldset, #mjButtonsFieldset legend {text-align:center !important; border:1px solid #aeb3b9; -webkit-border-radius:10px; border-radius:10px;}
#mjButtonsFieldset legend {padding:.3em .5em; text-align:left;}
#mjButtonsFieldset .block {max-width:85%; margin:auto; text-align:center;}

.mj-button {outline:none; padding:6px 9px; margin:2px; cursor:pointer;  -webkit-border-radius:3px; border-radius:3px; -webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.15); box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.15); background-color:#e0e0e0; color:#666; text-shadow:none; border:1px solid #ababab;}
.mj-button.gradient {background-image:-webkit-linear-gradient(#e8e5e5,#e0e0e0); background-image:linear-gradient(#e8e5e5,#e0e0e0);}

.mj-button.small {padding:3px 6px;}
.mj-button.large {padding:10px 21px;}
.mj-button.block {display:block; width:100%;}
.mj-button.small.rounded {padding-left:15px; padding-right:15px;}

.mj-button.rounded {-webkit-border-radius:50px; border-radius:50px; padding-left:20px; padding-right:20px;}
.mj-button.large.rounded {padding-left:25px; padding-right:25px;}

.mj-button.black, .mj-button.blue, .mj-button.green, .mj-button.orange, .mj-button.pink, .mj-button.red, .mj-button.yellow {text-shadow:1px 1px 1px rgba(0, 0, 0, 0.4);}
.mj-button.yellow {text-shadow:1px 1px 1px rgba(255, 255, 255, 0.8);}

.mj-button.black {background:#7d7d7d; color:#fff;	border:1px solid #4c4c4c;}
.mj-button.black.gradient {	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7d7d), color-stop(100%,#121212));
    background: -moz-linear-gradient(center top, #7d7d7d 0%, #121212 100%);}
	
.mj-button.blue {background-color:#1d72b7; color:#fff; border:1px solid #4181af;}
.mj-button.blue.gradient {background: #1d72b7; /* Old browsers */ 
background: -moz-linear-gradient(top,  #1d72b7 0%, #262563 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1d72b7), color-stop(100%,#262563)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #1d72b7 0%,#262563 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #1d72b7 0%,#262563 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #1d72b7 0%,#262563 100%); /* IE10+ */
background: linear-gradient(to bottom,  #1d72b7 0%,#262563 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d72b7', endColorstr='#262563',GradientType=0 ); /* IE6-9 */

}
.mj-button.green {background-color:#457761; color:#fff; border:1px solid #62a62f;}
.mj-button.green.gradient {background: #457761; /* Old browsers */
background: -moz-linear-gradient(top,  #457761 0%, #276651 44%, #173d31 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#457761), color-stop(44%,#276651), color-stop(100%,#173d31)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #457761 0%,#276651 44%,#173d31 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #457761 0%,#276651 44%,#173d31 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #457761 0%,#276651 44%,#173d31 100%); /* IE10+ */
background: linear-gradient(to bottom,  #457761 0%,#276651 44%,#173d31 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#457761', endColorstr='#173d31',GradientType=0 ); /* IE6-9 */
}
.mj-button.orange {background-color:#ff7732; color:#fff; border:1px solid #e6791c;}
.mj-button.orange.gradient {	background: #ff7732; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff7732 0%, #ff6f28 47%, #f15a29 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff7732), color-stop(47%,#ff6f28), color-stop(100%,#f15a29)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff7732 0%,#ff6f28 47%,#f15a29 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff7732 0%,#ff6f28 47%,#f15a29 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff7732 0%,#ff6f28 47%,#f15a29 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ff7732 0%,#ff6f28 47%,#f15a29 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7732', endColorstr='#f15a29',GradientType=0 ); /* IE6-9 */
}
.mj-button.pink {background-color:#6600a3; color:#fff; border:1px solid #cc3795;}
.mj-button.pink.gradient {	background: #6600a3; /* Old browsers */
	background: -moz-linear-gradient(top,  #6600a3 19%, #3d0062 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(19%,#6600a3), color-stop(99%,#3d0062)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #6600a3 19%,#3d0062 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #6600a3 19%,#3d0062 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #6600a3 19%,#3d0062 99%); /* IE10+ */
	background: linear-gradient(to bottom,  #6600a3 19%,#3d0062 99%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6600a3', endColorstr='#3d0062',GradientType=0 ); /* IE6-9 */
}

.mj-button.red {background-color:#e21300; color:#fff; border:1px solid #d1371b;}
.mj-button.red.gradient {background: #e21300; /* Old browsers */
background: -moz-linear-gradient(top,  #e21300 0%, #800000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e21300), color-stop(100%,#800000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e21300 0%,#800000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e21300 0%,#800000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e21300 0%,#800000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e21300 0%,#800000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e21300', endColorstr='#800000',GradientType=0 ); /* IE6-9 */
}

.mj-button.yellow {background-color:#fbbe16; color:#000000; border:1px solid #ddc700;}
.mj-button.yellow.gradient {	background: #fbbe16; /* Old browsers */
	background: -moz-linear-gradient(top,  #fbbe16 11%, #b28a14 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(11%,#fbbe16), color-stop(100%,#b28a14)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fbbe16 11%,#b28a14 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fbbe16 11%,#b28a14 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fbbe16 11%,#b28a14 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fbbe16 11%,#b28a14 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbbe16', endColorstr='#b28a14',GradientType=0 ); /* IE6-9 */
}

.mj-button:active, .mj-button.active {-webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.2); box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.2)}
.mj-button:disabled {background:#e0e0e0 !important; color:#aaa; cursor:auto; text-shadow:none; border:1px solid #a0a0a0; -webkit-box-shadow:none !important; box-shadow:none !important;}



<!--Tweetable Text -->

a.tweetabletext {
  text-decoration: underline;
}
a.tweetabletext:hover {
  background-color: #eeeeee;
   text-decoration: none;
}
a.tweetabletext::after {
  display: inline-block;
  background: url("http://i.imgur.com/ikC8axw.png") no-repeat center center;
  width: 16px;
  height: 16px;
  content: "\00a0";
  text-decoration: none;
  margin: 0;
  margin-left: 5px;
  right: 0px;
  position: relative;
  padding: 0;
  top: 3px;
}
 
 
<!-- For Enhaned Image --> 
 .captionedImage
{
    margin-left: 0;
    margin-right: 0;
}

.align-left {
    float: left;
    margin-left: .5em;
    margin-bottom: .5em;
    margin-right: 2em;
	    margin-top: .5em;
}

.align-right {
    float: right;
    margin-left: 2em;
    margin-right: .5em;
	    margin-bottom: .5em;
	    margin-top: .5em;

}

.align-center {
    text-align: center;
}

.align-center > figure {
    display: inline-block;
}


figure
{
	text-align: center;
	border: solid 1px #ccc;
	border-radius: 2px;
	background: #eeeeee;
	padding: 10px;
	margin: 10px 20px;
	display: inline-block;
}

figure > figcaption
{
	text-align: center;
	display: block; /* For IE8 */
}


/* --- Image2: "Clean" --- */

.clean
{
    border: 0;
    background: none;
    padding: 0;
}

.clean > figcaption
{
    margin-top: .5em;
    font-size: .7em;
    text-align: right;
}

/* --- Image2: "Polarized" --- */

.polarizedL
{
    border: 0;
    border-radius: 0;
    position: relative;
    background: #f7f7f7;
    box-shadow: 1px 1px 0 #eee;
}

.polarizedL,
.polarizedL ~ .cke_widget_drag_handler_container
{
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);

    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    transform-origin: bottom left;
}

.polarizedL > figcaption
{
    color: #777;
    margin-top: 5px;
    right: 20px;
    font-size: .8em;
    font-style: italic;
    text-align: right;
}

.polarizedL figcaption:before
{
    content: '- ';
}

figure.polarizedL
{
    padding: 20px 20px 40px 20px;
}

img.polarizedL
{
    border: 20px solid #f7f7f7;
}

.polarizedR
{
    border: 0;
    border-radius: 0;
    position: relative;
    background: #f7f7f7;
    box-shadow: 1px 1px 0 #eee;
}

.polarizedR,
.polarizedR ~ .cke_widget_drag_handler_container
{
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);

    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    transform-origin: bottom left;
}

.polarizedR > figcaption
{
    color: #777;
    margin-top: 5px;
    right: 20px;
    font-size: .8em;
    font-style: italic;
    text-align: right;
}

.polarizedR figcaption:before
{
    content: '- ';
}

figure.polarizedR
{
    padding: 20px 20px 40px 20px;
}

img.polarizedR
{
    border: 20px solid #f7f7f7;
}

/* --- Code Snippet: "Narrow Code" --- */

pre.narrow
{
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}

/* --- Code Snippet: "Fancy JavaScript" --- */

pre.fancy
{
    position: relative;
}

pre.fancy > code
{
    background: rgb(14,14,14);
    background: -moz-linear-gradient(top, rgba(14,14,14,1) 0%, rgba(70,70,70,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(14,14,14,1)), color-stop(100%,rgba(70,70,70,1)));
    background: -webkit-linear-gradient(top, rgba(14,14,14,1) 0%,rgba(70,70,70,1) 100%);
    background: -o-linear-gradient(top, rgba(14,14,14,1) 0%,rgba(70,70,70,1) 100%);
    background: -ms-linear-gradient(top, rgba(14,14,14,1) 0%,rgba(70,70,70,1) 100%);
    background: linear-gradient(to bottom, rgba(14,14,14,1) 0%,rgba(70,70,70,1) 100%);

    box-shadow: inset 0 0 6px rgba(0,0,0,.5);
    border-radius: 8px;
    text-shadow: 0px 1px 0 #000;
    border: 5px solid #ccc;

    padding: 20px;
}

pre.fancy > code.language-javascript:after
{
    content: '';
    background: url(js.png);
    background-repeat: no-repeat;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0px;
    right: 0px;
    border-radius: 0 6px 0 0;
}


/* Quote Boxes */
#quote-containerR {
  width: 400px;
  float:right;
}

.quote {
  background-color: #6b936a;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  color: #fff;
  margin: 0;
  padding: 20px;
  font-size: 20px;
}

.name {
  background-color: #333;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  color: #fff;
  font-size: 20px;
  padding: 20px;
  text-align: center;
}

/* Reset */
.containerRblockquote {
  padding: 0;
  margin: 0;
}

.containerRblockquote::after {
  border-color: transparent #6b936a transparent transparent;
  border-image: none;
  border-style: solid;
  border-width: 20px;
  top: 40px;
  content: " ";
  display: block;
  right: 75%;
  position: relative;
}



#quote-containerL {
  width: 400px;
  float:left;
}

 
/* Reset */
.containerLblockquote {
  padding: 0;
  margin: 0;
}

.containerLblockquote::after {
  border-color: transparent #6b936a transparent transparent;
  border-image: none;
  border-style: solid;
  border-width: 20px;
  top: 40px;
  content: " ";
  display: block;
  right: 75%;
  position: relative;
}