.pure-button-primarygray,.pure-button-selected,a.pure-button-primarygray,a.pure-button-selected{background-color:#515151;color:#fff;}
.gray-hover:hover{
  border-top: 4px solid #fcb322;
  background:#fcb322;
}
.gray-hover{
  border-top: 4px solid #fff;
}

.gray-active{
  background:#fcb322;
}
#sc_drag_area_protector div{
  border-radius: 0px 0px;
  margin:0;
  /*max-width:100%;*/
  min-width: 1px;

}

#sc_drag_area {
  height:100px;
  left:150px;
  position: absolute;
  top:100px;
  width:250px;
  z-index: 9999;
}
#sc_drag_container {
  border: 1px solid #0000FF;
  cursor: move ;
  height: 100% ;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative ;
  width: 100%;
  z-index:9997;
}
#sc_drag_area_protector {
  border-radius: 0px 0px;
  display: block;
  height:100%;
  left:0;
  top:0;
  position: absolute;
  width:100%;
  z-index:8500;
  margin: 0;
  
  min-width: 1px;
  overflow: hidden;
}
#sc_drag_size {
  background-color: rgba(44, 44, 44, 0.5);
  color:#ffffff;
  font-family: arial,san-serif;
  font-weight:bold;
  font-size:12px;
  height:18px;
  min-width:65px !important;
  left:12px;
  line-height:18px;
  position:absolute;
  padding-left:4px;
  padding-right:4px;
  text-align:center;
  top: -18px;
  z-index:9998;
}
#sc_drag_cancel, #sc_drag_crop {
  background-color: rgba(0, 0, 0, 0.5);
  cursor:pointer;
  color:#ffffff;
  font-size:12px;
  font-family: arial,san-serif;
  font-weight:bold;
  height:22px;
  line-height:22px;
  position:absolute ;
  z-index:9998
}
#sc_drag_crop {
  bottom:-25px;
  text-align: center;
  right:10px;
  min-width: 30px !important;
  padding: 0 10px;
}
#sc_drag_cancel {
  bottom:-25px;
  text-align: center;
  right:70px;
  min-width: 30px !important;
  padding: 0 10px;
}
#sc_drag_shadow_top, #sc_drag_shadow_bottom, #sc_drag_shadow_left, #sc_drag_shadow_right {
  background-color: #000000;
  opacity: 0.5;
  position: absolute;
  z-index:7000;
  border: 0;
}
#sc_drag_shadow_top {
  left: 0;
  top: 0;
}
#sc_drag_shadow_bottom {
  bottom: 0;
  right: 0;
}
#sc_drag_shadow_left {
  bottom: 0;
  left: 0;
}
#sc_drag_shadow_right {
  right: 0;
  top: 0;
}
#sc_drag_north_east, #sc_drag_north_west, #sc_drag_south_east, #sc_drag_south_west  {
  border:1px solid #FFFFFF;
  background-color: #0000FF;
  height: 5px;
  position: absolute;
  width: 5px;
  z-index:9998;
}
#sc_drag_north_east {
  cursor: ne-resize ;
  right: -4px ;
  top: -3px;
}
#sc_drag_north_west {
  cursor: nw-resize ;
  left: -3px ;
  top: -3px;
}
#sc_drag_south_east {
  bottom: -4px;
  cursor: se-resize ;
  right: -4px ;
}
#sc_drag_south_west {
  bottom: -4px;
  cursor: sw-resize ;
  left: -3px ;
}

.sc_tip_save_status {
  position :fixed;
  border-radius: 4px 4px;
  height: 30px;
  line-height: 30px;
  text-indent: 1em;
  width: 200px;
  background: #fff1a8;
  color: #000000;
  top:5px;
  left:45%;
  font-size: 12px;
}

.sc_tip_save_status a{
  text-decoration: underline;
  color: #2A5DB0;
}

.button-success{
  background: #7cc528 !important;
  font-size:12px;
  font-family: Arial, Helvetica, sans-serif;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.button-info{
  background: #02a7df !important;
  font-size:12px;
  font-family: Arial, Helvetica, sans-serif;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.button-yellow{
  background: #fcb322 !important;
  font-family: Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}

.destroy-yes{
  background: rgb(165, 64, 64) !important;
  font-size:12px;
}

.destroy-no{
  background: rgb(19, 119, 51) !important;
  font-size:12px;
}


.button-error {
  background: rgb(202, 60, 60) !important;
  font-size:12px;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.button-grey {
    background: rgba(42, 42, 42, 0.51) !important;
    font-size:12px;
    margin-bottom: 5px;
    text-transform: uppercase;
}
.hide-imp{
  display: none !important;
}

.pure-g-addon{
  padding-top: 1em;
  padding-left: .7em;
  border-bottom: 2px solid #d7d7d7;
 }

 .modal-btns{
   margin-left: 2em;
   padding-bottom: .5em;
   padding-top: 0.2em;
 }

.pure-menu-open-24{
  width:24% !important;
  float:left;
  border-right: none !important;
  
}

.pure-menu-open-24 li {
  border-bottom: 1px solid #b7b7b7 !important;
}
.pure-menu-open-24 a{
  font-size: 14px;
  font-family: myriad pro;
  color: #02a7df;
}

.pure-menu-open-24 a:hover{
  background: url(/images/new-images/setup-hover.png)no-repeat!important;
  color: #ffffff;
}

.pure-menu-open-24 a.active{
  background: url(/images/new-images/setup-hover.png)no-repeat!important;
  color: #ffffff;
}

.arrow-right {
  width: 0; 
  height: 0; 
  border-top: 60px solid transparent;
  border-bottom: 60px solid transparent;
  
  border-left: 60px solid green;
}

.borderless  tr td {
    border: none !important;
}
.borderless-tr  tr {
    border: none !important;
}

.myriad-family{
  font-size: 15px ;
  font-family: MyriadProRegular;
  color: #515151;
  text-transform: uppercase;
}
.myriad-pro{
  font-family: myriad pro;
  text-transform: uppercase;
  text-shadow: none;
}
.course-font-family{
    font-family: Arial, Helvetica, sans-serif;
}
.arial-family{
  font-family: arial;
  font-size: 14px;
  color: #888888;
}