/* 
    Document   : shortcodes
    Author     : rzepak

*/


.purelist ul {
    margin-left:20px;
    list-style:none!important
}

.purelist ul li{
    padding:5px 5px 5px 20px;
    background:url(../img/sc/bullet_black.png) no-repeat center left
}

    .purelist.yellow ul li{
        background: url(../img/sc/bullet_yellow.png) no-repeat center left
    }
    .purelist.blue ul li{
        background: url(../img/sc/bullet_blue.png) no-repeat center left
    }
    .purelist.green ul li{
        background: url(../img/sc/bullet_green.png) no-repeat center left
    }
    .purelist.orange ul li{
        background: url(../img/sc/bullet_orange.png) no-repeat center left
    }
    .purelist.pink ul li{
        background: url(../img/sc/bullet_pink.png) no-repeat center left
    }
    .purelist.purple ul li{
        background: url(../img/sc/bullet_purple.png) no-repeat center left
    }
    .purelist.red ul li{
        background: url(../img/sc/bullet_red.png) no-repeat center left
    }
    .purelist.star ul li{
        background: url(../img/sc/bullet_star.png) no-repeat center left
    }
    .purelist.check ul li{
        background: url(../img/sc/tick.png) no-repeat center left
    }

.box {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding:10px 40px;
    margin-bottom: 15px;
    -moz-box-shadow: 0px 2px 5px;
    -webkit-box-shadow: 0px 2px 5px;
    box-shadow: 0px 2px 5px;
    
}

    .box.info {
        background: url("../img/sc/ico_error.png") no-repeat 10px 15px #FFFECC;
        border:1px solid #EFDC90;
        color:#A9A014;
    }
    .box.alert {
        background: url("../img/sc/cancel.png") no-repeat 10px 15px #E7928D;
        border:1px solid #C82820;
        color:#C82820;
    }
    .box.success {
        background: url("../img/sc/accept.png") no-repeat 10px 15px #CCE297;
        border:1px solid #B2DC4D;
        color:#40550D;
    }

.dropcap {
    float:left;
    font-size:28px;
    line-height:35px;
    margin-bottom:-5px;
    margin-right:10px;
    text-align:center;
}
.dropcap.black {
    float:left;
    background: #000;
    font-size:28px;
    color:#fff;
    line-height:35px;
    margin-bottom:-5px;
    margin-right:10px;
    text-align:center;
    padding: 0px 5px;
     -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.download {
    display: inline-block;
    color:#eee;
    font-weight:bold;
    font-size:1.2em;
    background: url('../img/sc/bullet_arrow_down.png') no-repeat 3px center #000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 5px 10px 5px 20px;
    text-align: center;
    -moz-box-shadow: 0px 0px 3px #000;
    -webkit-box-shadow: 0px 0px 3px #000;
    box-shadow: 0px 0px 3px #000;
}

.download:hover {
    color:#fff;
     background: url('../img/sc/bullet_arrow_down.png') no-repeat 3px center #000;
    -moz-box-shadow: 0px 0px 5px #000;
    -webkit-box-shadow: 0px 0px 5px #000;
    box-shadow: 0px 0px 5px #000;
}
#post-content .accordion h4, #normal-post-content .accordion h4,
#post-content .toggle-trigger, #normal-post-content .toggle-trigger { 
    background: url("../img/sc/expand.gif") no-repeat 4px center ;
    padding:5px 5px 5px 20px;
    cursor: pointer
}
.toggle-trigger.active {
    background: url("../img/sc/expand-active.gif") no-repeat 4px center ;
    padding:5px 5px 5px 20px;
}

 .tabs-content .tab {
     display:none; 
     background: url("../img/sc/tab-bg.jpg") repeat-x bottom center #FAFAFA;
     border:1px solid #DDDDDD; 
     margin-top:2px;
     padding:20px;
      -webkit-border-radius: 0 0 4px 4px ;
     -moz-border-radius: 0 0 4px 4px ;
     border-radius:  0 0 4px 4px;
 }


 ul.tabs {
     list-style: none;
     margin:0px;
     margin-top:25px;
}

 ul.tabs li {
     display: inline;
     background: #eee;
     border:1px solid #E5E5E5;
     color:#CCC;
     padding:4px 10px;
     margin:0px 0px 0px 3px;
     -webkit-border-radius: 4px 4px 0 0;
     -moz-border-radius: 4px 4px 0 0;
     border-radius: 4px 4px 0 0;
     font-size: 15px;
 }
 ul.tabs li.active {
     border:1px solid #ddd;
     background: url("../img/sc/tabli-bg.jpg") repeat-x top center #FAFAFA;
     border-bottom: 1px solid #FAFAFA;
     margin-bottom: -1px
 }

.half, .half-last {
    float:left;
    width:47%;
    margin:10px 0;
    margin-right:6%;
}
.half-last {
    margin-right:0
}


a.button {
    background: transparent url("../img/sc/bg_button_a.gif") no-repeat scroll top right;
    color: #444;
    display: inline-block;
 
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px;
    text-decoration: none;
}

a.button span {
    background: transparent url("../img/sc/bg_button_span.gif") no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}