@import url(../warp/css/tools.css);

/* Buttons (Needed for System Markup)
----------------------------------------------------------------------------------------------------*/

/* Default */
.button-default {
    padding: 3px 10px;
    border: 1px solid #ddd;
    background: #EEE;
    border-radius: 4px;
    color: #444;
    text-shadow: 0 1px 1px #FFF;
}

.button-default:hover {
    border-color: #CCC;
    background: #DDD;
    color: #444;
}

/* Primary */
.button-primary {
    padding: 3px 10px;
    border: 1px solid #469bdb;
    background: #469bdb;
    border-radius: 4px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    color: #FFF;
}

.button-primary:hover {
    border-color: #444;
    background: #444;
    color: #FFF;
}

/* Images and Objects (Needed for System Markup)
----------------------------------------------------------------------------------------------------*/

img.border-box {
    border: 1px solid #ddd;
}

/* Lists and Tables (Needed for System Markup)
----------------------------------------------------------------------------------------------------*/

ul.tick {
    padding-left: 10px;
}
ul.tick li {
    list-style: none;
    padding: 4px 0 0 20px;
    background: url("../images/list-style.png") 0 10px no-repeat;
}

/* Line */
ul.line > li {
    border-top: 1px solid #ddd;
}

ul.line > li:first-child {
    border: none;
}

/* Check */
ul.check > li {
    padding: 4px 0 0 30px;
    background: url(../images/tools/list_check.png) 0 0 no-repeat;
}

/* Zebra List and Table */
ul.zebra > li,
table.zebra tbody td {
    border-bottom: 1px solid #ddd;
}

ul.zebra > li:first-child,
table.zebra tbody tr:first-child td {
    border-top: 1px solid #ddd;
}

ul.zebra > li.odd,
table.zebra tbody tr.odd {
    background: #fafafa;
}

ul.zebra > li:nth-of-type(odd),
table.zebra tbody tr:nth-of-type(odd) {
    background: #fafafa;
}

table.zebra caption {
    color: #999;
}

/* Definition Lists
----------------------------------------------------------------------------------------------------*/

dl.separator dt {
    position: relative;
    padding-top: 5px;
    padding-bottom: 5px;
    text-transform: uppercase;
}

/* border code because of RTL */
dl.separator dd {
    padding-top: 5px;
    padding-bottom: 5px;
    border-width: 0 0 0 1px;
    border-style: solid;
    border-color: #DDD;
}

dl.separator dt:before {
    content: "";
    position: absolute;
    top: 0;
    right: -15px;
    width: 30px;
    border-top: 1px solid #DDD;
}

dl.separator dt:after {
    content: "";
    position: absolute;
    top: -3px;
    right: -3px;
    width: 5px;
    height: 5px;
    background: #FFF;
    border: 1px solid #DDD;
    border-radius: 6px;
}

dl.separator dt:first-child:before,
dl.separator dt:first-child:after {
    display: none;
}

/* Text
----------------------------------------------------------------------------------------------------*/

/* Inline Text Box */
em.box {
    border: 1px dotted #bbb;
    background: #fafafa;
    color: #444;
}

/* Dotted Horizontal Rule */
hr.dotted {
    background: url(../images/tools/line_dotted.png) 0 0 repeat-x;
}

/* Boxes
----------------------------------------------------------------------------------------------------*/

.box-content {
    background: #fafafa;
    border: 1px solid #ddd;
}

.box-note,
.box-info,
.box-warning,
.box-hint,
.box-download {
    background: #fafafa;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.box-info {
    background: #ebf5fa url(../images/tools/box_info.png) 0 0 no-repeat;
    border-color: #d2dce1;
}

.box-warning {
    background: #fff0eb url(../images/tools/box_warning.png) 0 0 no-repeat;
    border-color: #ffd7cd;
}

.box-hint {
    background: #fffae6 url(../images/tools/box_hint.png) 0 0 no-repeat;
    border-color: #fae6be;
}

.box-download {
    background: #faffe6 url(../images/tools/box_download.png) 0 0 no-repeat;
    border-color: #dce6be;
}

/* Forms (Needed for System Markup)
----------------------------------------------------------------------------------------------------*/

form.box fieldset {
    border: 1px solid #ddd;
}

form.box legend {
    background: #fff;
}


/*social links*/

ul.social-icons {
    list-style: none outside none;
    margin: 0;
    overflow: hidden;
    padding: 0;
}
ul.social-icons li {

    float: left;
    padding: 0 3px;
}
ul.social-icons li:first-child {
    background: none repeat scroll 0 0 transparent;
}
.social-icons a {
    background: url("../images/icon-social.png") no-repeat 0 0;
    display: block;
    height: 20px;
    width: 23px;
    text-indent: -9999px;
    transition: background-position 0.3s linear 0.0s;
}
.social-icons a:hover{

}
.social-icons a.facebook {
    background-position: 0 0;
}
.social-icons a.facebook:hover {
    background-position: 0 -19px;
}
.social-icons a.in {
    background-position: 0 -39px;
}
.social-icons a.in:hover {
    background-position: 0 -60px;
}
.social-icons a.twitter {
    background-position: 0 -80px;
}
.social-icons a.twitter:hover {
    background-position: 0 -101px;
}
.social-icons a.youtube {
    background-position: 0 -122px;
}
.social-icons a.youtube:hover {
    background-position: 0 -144px;
}
.social-icons a.googleplus {
    background-position: 0 -165px;
}
.social-icons a.googleplus:hover {
    background-position: 0 -183px;
}