﻿/* Custom styles for Limited Rich Text Field */
/* Add to Styles Section */

.limitedrte-Style-Normal   {
  -ms-name:"Normal";
  font-weight: normal;
  font-size: inherit;
}
.limitedrte-Style-Bold   {
  -ms-name:"Bold";
  font-weight: bold;
}
.limitedrte-Style-H2   {
  -ms-name:"H2";
  color: #666666;
  font-size: 1.4em;
  line-height: 1.5em;
  margin: 0;
  padding: 0 0 2px;
}
.limitedrte-Style-H3   {
  -ms-name:"H3";
  padding:0;
  margin:0;
  font-size:1.2em;
  color:#555;
  line-height:1.5em;
}

/*Block blue*/
.limitedrte-Style-blockquote-blue 
{
  -ms-name:"BLOCKQUOTE BLUE";   
  background: none repeat scroll 0 0 #EDF6F9;
  border-left: 10px solid #52A5CE;
  color: #333333;
  margin: 0.5em 10px 1.5em;
  padding: 1em 10px;
  font-size: 1.1em;
  line-height: 1.4em;
}
/*box left blue*/
.limitedrte-Style-left-blue {
-ms-name:"BOX LEFT BLUE";
background: none repeat scroll 0 0 #EDF6F9;
border-left: 10px solid #52A5CE;
color: #333333;
float: left;
font-size: 1.2em;
margin: 0 20px 10px 10px;
width: 40%;
padding: 1em 10px;
}
/*box right blue*/
.limitedrte-Style-right-blue {
-ms-name:"BOX RIGHT BLUE";
background: none repeat scroll 0 0 #EDF6F9;
border-right: 10px solid #52A5CE;
color: #333333;
float: right;
font-size: 1.2em;
margin: 0 10px 10px 20px;
width: 40%;
padding: 1em 10px;
}


/*Block stop*/
.limitedrte-Style-blockquote-stop 
{
  -ms-name:"BLOCKQUOTE STOP";   
  background: #FFD3D5 url(/_layouts/images/standard/close_32.png) no-repeat 5px 5px;
  border: 1px solid #BBBBBB;
  font-weight: bold;
  padding-left: 55px;
  padding-top: 12px;
  font-size: 1.1em;
  margin: 0.5em 10px 1.5em;
  line-height: 1.4em;
}
/*The box stop left*/
.limitedrte-Style-left-stop {
-ms-name:"BOX LEFT STOP";
background: #FFD3D5 url(/_layouts/images/standard/close_32.png) no-repeat 5px 5px;
border: 1px solid #BBBBBB;
font-weight: bold;
padding-left: 55px;
padding-top: 12px;
float: left;
font-size: 1.2em;
margin: 0 20px 10px 10px;
width: 40%;
line-height: 1.5em;
}
/*The box stop right*/
.limitedrte-Style-right-stop {
-ms-name:"BOX RIGHT STOP";
background: #FFD3D5 url(/_layouts/images/standard/close_32.png) no-repeat 5px 5px;
border: 1px solid #BBBBBB;
font-weight: bold;
padding-left: 55px;
padding-top: 12px;
float: right;
font-size: 1.2em;
margin: 0 10px 10px 20px;
width: 40%;
line-height: 1.5em;
}

/*The image align right*/
.limitedrte-Style-image-right {
-ms-name:"IMAGE-RIGHT ALIGN";
float: right;
margin: 10px 0 10px 20px !important;
}
/*The image align left*/
.limitedrte-Style-image-left {
-ms-name:"IMAGE LEFT ALIGN";
float: left;
margin: 10px 20px 10px 0 !important;
}

.limitedrte-Style-BUTTON
{
  -ms-name:"ANCHOR BUTTON";
  font-weight:bold;
  font-size:1.1em;
  padding:10px 15px 10px 15px;
  margin:10px 0px 20px;
  line-height:1.5em;
  border:1px solid #990000;
  cursor:pointer;
  width:auto;
  overflow:visible;
  display:inline-block;
  color:#fff;
  background: #AC0000 url(/_layouts/images/standard/searchButtonBack.png) repeat-x 0 0;
}

a:hover .limitedrte-Style-BUTTON, a:focus .limitedrte-Style-BUTTON
{
  background: #880000 url(/_layouts/images/standard/buttonBackHover.png) repeat-x 0 0;
}

    .limitedrte-Style-BUTTON a {
        color:white;
    }

P.my-rteElement-P
{
    -ms-name:"My CSS Rounded Paragraph";
    background: #808;
    color: #fff;
    border: 3px solid #f0f;
    text-transform: uppercase;
    text-align: center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    box-shadow: 0 0 20px #000;
    -moz-box-shadow: 0 0 20px #000;  
    -webkit-box-shadow: 0 0 20px #000;
    padding: 10px;
    font: bold 2em Comic Sans MS;
}

