/* 
ARCONIX SHORTCODES CSS
--------------------------

PLEASE DO NOT make modifications to this file directly as it will be overwritten on update.
Instead, save a copy of this file to your theme or child theme directory. It will then be
loaded in place of the plugin's version and will maintain your changes on upgrade

IMPORTANT NOTE: Since the directory structure will be changing, and image URLS are always loaded
relative to their current path, the links to the images in this file will also need to change. 
For example:

    'url(../../images ...'

would have to be changed to

    'url(../../plugins/arconix-shortcodes/images ...'

in order to for the images to be displayed.
*/

/* Abbreviation Styling
------------------------------------------------------------ */
.arconix-abbr {
    border-bottom: 1px dotted #ccc;
    cursor: help;
}

/* Accordion Styling
------------------------------------------------------------ */
.arconix-accordions {
    border: 1px solid #ddd;
    border-bottom: none;
    margin: 10px 0 !important;
}

/* Accordion Title */
.arconix-accordions-vertical div.arconix-accordion-title {
    background: url(../../images/accordion-right.png) no-repeat left center #e9e9e9;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ddd;
    color: #333 !important;
    cursor: pointer;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 1.6px;
    line-height: 21px;
    margin: 0 !important;
    padding: 5px 15px 5px 27px;
    text-transform: uppercase;
}

.arconix-accordions div.arconix-accordion-title:hover { background-color: #f0f0f0; }

/* Active Accordion */
.arconix-accordions div.current { background: url(../../images/accordion-down.png) no-repeat left center #e9e9e9; }

.arconix-accordions div.current,
.arconix-accordions div.current:hover,
.arconix-accordions div.current:active {
    background-color: #f0f0f0;
    cursor: default;
}

/* Individual Accordion Content Pane */
.arconix-accordions-vertical .arconix-accordion-content {
    background-color: #fbfbfb;
    border-bottom: 1px solid #ddd;;
    display: none;
    height: auto;
    padding: 15px;
    color: #333;
    font-size: 12px;
}

.arconix-accordions-vertical .arconix-accordion-last { border-bottom: 1px solid #ddd !important; }

/* a title inside pane */
.arconix-accordions-vertical .arconix-accordion-content h4 {
    font-weight: normal;
    margin: 0 0 -5px 0;
    font-size: 16px;
    color: #666;
}

/* Box Styling
------------------------------------------------------------ */
.arconix-box {
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    border: 1px solid;
    clear: both;
    margin: 15px 0;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1), 0 1px 0 #FFFFFF inset, 0 -1px 0 #FFFFFF inset;
       -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1), 0 1px 0 #FFFFFF inset, 0 -1px 0 #FFFFFF inset;
            box-shadow: 0 0 3px rgba(0, 0, 0, 0.1), 0 1px 0 #FFFFFF inset, 0 -1px 0 #FFFFFF inset;
}

.arconix-box-blue,
.arconix-box-green,
.arconix-box-grey,
.arconix-box-red,
.arconix-box-tan,
.arconix-box-yellow { padding: 15px; }

.arconix-box-blue {
    background-color: #dbe7f8;
    border-color: #b7d2f2;
}

.arconix-box-green {
    background-color: #f2f9e5;
    border-color: #ddedbc;
}

.arconix-box-grey {
    background-color: #f2f2f2;
    border-color: #e5e5e5;
}

.arconix-box-red {
    background-color: #ffdfdf;
    border-color: #feabab;
}

.arconix-box-tan {
    background-color: #fef8e1;
    border-color: #feebab;
}

.arconix-box-yellow {
    background-color: #ffffd5;
    border-color: #feebab;
}

.arconix-box-alert,
.arconix-box-comment,
.arconix-box-download,
.arconix-box-info,
.arconix-box-tip { padding: 15px 20px 15px 55px; }

.arconix-box-alert {
    background: #ffdfdf url(../../images/box-alert.png) no-repeat 16px;
    border-color: #feabab;
    color: #c31b00;
}

.arconix-box-comment {
    background: #fef8e1 url(../../images/box-comment.png) no-repeat 16px;
    border-color: #feebab;
    color: #9e660d;
}

.arconix-box-download {
    background: #f2f9e5 url(../../images/box-download.png) no-repeat 16px;
    border-color: #ddedbc;
    color: #5e6f33;
}

.arconix-box-info {
    background: #dbe7f8 url(../../images/box-info.png) no-repeat 16px;
    border-color: #b7d2f2;
    color: #2e6093;
}

.arconix-box-tip {
    background: #ffffd5 url(../../images/box-tip.png) no-repeat 16px;
    border-color: #feebab;
    color: #9e660d;
}

/* Button Styling
------------------------------------------------------------ */
.arconix-button {
    color: #fff;
    cursor: pointer;
    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
       -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
            box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    display: inline-block;
    margin-bottom: 10px;
    outline: none;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4);
}

.arconix-button:hover,
.arconix-button:visited {
    color: #fff;
    text-decoration: none;
}

.arconix-button:active {
    position: relative;
    top: 1px;
}

.arconix-button-large {
    font: 16px Arial, Helvetica, sans-serif;
    padding: 8px 32px 9px;
}

.arconix-button-medium {
    font: 12px Arial, Helvetica, sans-serif;
    padding: 6px 24px 7px;
}

.arconix-button-small {
    font: 11px Arial, Helvetica, sans-serif;
    padding: 3px 8px 4px;
}


/* Button Colors
------------------------------------------------------------ */

/* Black
------------------------------------------------------------ */
.arconix-button-black {
    border: solid 1px #333;
    background: #333;
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
    background: -moz-linear-gradient(top,  #666,  #000);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
}
.arconix-button-black:hover {
    background: #000 !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
    background: -moz-linear-gradient(top,  #444,  #000);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
}
.arconix-button-black:active {
    color: #666 !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
    background: -moz-linear-gradient(top,  #000,  #444);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
}

/* Blue
------------------------------------------------------------ */
.arconix-button-blue {
    border: solid 1px #0076a3;
    background: #0095cd;
    background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
    background: -moz-linear-gradient(top,  #00adee,  #0078a5);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.arconix-button-blue:hover {
    background: #007ead !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
    background: -moz-linear-gradient(top,  #0095cc,  #00678e);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.arconix-button-blue:active {
    color: #80bed6 !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
    background: -moz-linear-gradient(top,  #0078a5,  #00adee);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}

/* Green
------------------------------------------------------------ */
.arconix-button-green {
    border: solid 1px #538312;
    background: #64991e;
    background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
    background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}
.arconix-button-green:hover {
    background: #538018 !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
    background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}
.arconix-button-green:active {
    color: #a9c08c !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
    background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}

/* Grey (or Gray)
------------------------------------------------------------ */
.arconix-button-grey,
.arconix-button-gray {
    border: solid 1px #555;
    background: #6e6e6e;
    background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
    background: -moz-linear-gradient(top,  #888,  #575757);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
.arconix-button-grey:hover,
.arconix-button-gray:hover {
    background: #616161 !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
    background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}
.arconix-button-grey:active,
.arconix-button-gray:active {
    color: #afafaf !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
    background: -moz-linear-gradient(top,  #575757,  #888);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}

/* Orange
------------------------------------------------------------ */
.arconix-button-orange {
    border: solid 1px #da7c0c;
    background: #f78d1d;
    background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
    background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.arconix-button-orange:hover {
    background: #f47c20 !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
    background: -moz-linear-gradient(top,  #f88e11,  #f06015);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.arconix-button-orange:active {
    color: #fcd3a5 !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
    background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

/* Pink
------------------------------------------------------------ */
.arconix-button-pink {
    border: solid 1px #d2729e;
    background: #f895c2;
    background: -webkit-gradient(linear, left top, left bottom, from(#feb1d3), to(#f171ab));
    background: -moz-linear-gradient(top, #feb1d3, #f171ab);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#feb1d3', endColorstr='#f171ab');
}
.arconix-button-pink:hover {
    background: #d57ea5 !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#f4aacb), to(#e86ca4));
    background: -moz-linear-gradient(top, #f4aacb, #e86ca4);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4aacb', endColorstr='#e86ca4');
}
.arconix-button-pink:active {
    color: #f3c3d9 !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#f171ab), to(#feb1d3));
    background: -moz-linear-gradient(top, #f171ab, #feb1d3);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f171ab', endColorstr='#feb1d3');
}

/* Red
------------------------------------------------------------ */
.arconix-button-red {
    border: solid 1px #980c10;
    background: #d81b21;
    background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
    background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}
.arconix-button-red:hover {
    background: #b61318 !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
    background: -moz-linear-gradient(top,  #c9151b,  #a11115);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}
.arconix-button-red:active {
    color: #de898c !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
    background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}

/* White
------------------------------------------------------------ */
.arconix-button-white,
.arconix-button-white:visited {
    color: #606060 !important;
    border: solid 1px #b7b7b7;
    background: #fff;
    background: -webkit-gradient(linear,left top, left bottom, from(#fff), to(#ededed));
    background: -moz-linear-gradient(top, #fff, #ededed);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.arconix-button-white:hover {
    background: #ededed !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
    background: -moz-linear-gradient(top, #fff, #dcdcdc);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.arconix-button-white:active {
    color: #999 !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
    background: -moz-linear-gradient(top, #ededed, #fff);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}

/* Highlight
------------------------------------------------------------ */
.arconix-highlight { padding: 3px 4px; }
.arconix-highlight-yellow { background-color: #ffff33; }


/* Unordered list Styling
------------------------------------------------------------ */
.arconix-list ul { margin: 0 0 10px 25px !important; }

.arconix-list ul li {
    list-style: none !important;
    margin-top: 5px;
    padding: 0 0 0 20px;
}

.arconix-list-arrow-black ul li {  background: url(../../images/arrow-black.png) no-repeat 0 6px; }
.arconix-list-arrow-blue ul li { background: url(../../images/arrow-blue.png) no-repeat 0 6px }
.arconix-list-arrow-green ul li { background: url(../../images/arrow-green.png) no-repeat 0 6px;  }
.arconix-list-arrow-grey ul li { background: url(../../images/arrow-grey.png) no-repeat scroll 0 6px;  }
.arconix-list-arrow-orange ul li { background: url(../../images/arrow-orange.png) no-repeat  0 6px;  }
.arconix-list-arrow-pink ul li { background: url(../../images/arrow-pink.png) no-repeat  0 6px;  }
.arconix-list-arrow-red ul li { background: url(../../images/arrow-red.png) no-repeat 0 6px; }
.arconix-list-arrow-white ul li { background: url(../../images/arrow-white.png) no-repeat 0 6px; }
.arconix-list-check ul li { background: url(../../images/check.png) no-repeat 0 6px; }
.arconix-list-close ul li { background: url(../../images/close.png) no-repeat 0 6px; }
.arconix-list-star ul li { background: url(../../images/star.png) no-repeat 0 6px; }


/* Tabs Styling
------------------------------------------------------------ */

/* Tabs - Horizontal
------------------------------------------------------------ */
.arconix-tabs-horizontal {
    clear: both;
    margin-bottom: 25px;
}

/* Tabs  */
.arconix-tabs-horizontal ul.arconix-tabs {
    margin: 0 !important;
    padding: 0;
    border-bottom: 1px solid #ddd;
    height: 30px;
}

/* Individual Tab */
.arconix-tabs-horizontal ul.arconix-tabs li {
    list-style: none !important;
    float: left;
    text-indent: 0;
    padding: 0;
    margin: 0;
    margin-right: 5px;
    position: relative;
    top: -1px;
}

/* Indivdual Tab link Text */
.arconix-tabs-horizontal ul.arconix-tabs a {
    background-color: #eee;
    -webkit-border-top-left-radius: 5px;
       -moz-border-radius-topleft: 5px;
            border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
       -moz-border-radius-topright: 5px;
            border-top-right-radius: 5px;
    border: 1px solid #ccc;
    color: #333;
    display: block;
    font-size: 15px;
    height: 30px;
    line-height: 30px;
    margin: 0;
    padding: 0 10px;
    position: relative;
    text-align: center;
    text-decoration: none;
    min-width: 80px;
    width: auto;
}

.arconix-tabs-horizontal ul.arconix-tabs a:active { outline: none; }

/* Individual Tab :Hover state */
.arconix-tabs-horizontal ul.arconix-tabs a:hover { background-color: #e9e9e9; }

/* Active Tab */
.arconix-tabs-horizontal ul.arconix-tabs a.current,
.arconix-tabs-horizontal ul.arconix-tabs a.current:hover,
.arconix-tabs-horizontal ul.arconix-tabs li.current a {
    background-color: #fbfbfb;
    border-bottom: 1px solid #fbfbfb;
    cursor: default !important;
    color: #333 !important;
}

/* Panes */
.arconix-tabs-horizontal .arconix-panes {
    background-color: #fbfbfb;
    border: 1px solid #ccc;
    border-top: none;
    clear: both;
    overflow: hidden;
    padding-bottom: 15px;
    position: relative;
    top: -1px;
}

.arconix-tabs-horizontal .arconix-pane { padding: 20px 15px 0; }

/* Toggle Styling
------------------------------------------------------------ */
.arconix-toggle-wrap {
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    background: none repeat scroll 0 0 #fbfbfb;
    clear: both;
    border: 1px solid #ddd;
    margin: 10px inherit;
    padding: 5px 10px;
}
.arconix-toggle-title {
    background: url(../../images/toggle-open.png) no-repeat left transparent;
    cursor: pointer;
    font-size: 16px;
    padding: 0 0 0 30px;
    position: relative;
}

.arconix-toggle-title.toggle-open { background: url(../../images/toggle-close.png) no-repeat left transparent; }

.arconix-toggle-content {
    margin-left: 10px;
    padding: 15px 20px;
}

/* Column Classes
------------------------------------------------------------ */
.arconix-column-four-fifths,
.arconix-column-one-fifth,
.arconix-column-one-fourth,
.arconix-column-one-half,
.arconix-column-one-third,
.arconix-column-three-fifths,
.arconix-column-three-fourths,
.arconix-column-two-fifths,
.arconix-column-two-fourths,
.arconix-column-two-thirds {
    float: left;
    margin: 0 0 20px;
    padding-right: 3%;
}

.arconix-column-one-half,
.arconix-column-two-fourths { width: 48%; }
.arconix-column-one-third { width: 31%; }
.arconix-column-two-thirds { width: 65%; }
.arconix-column-one-fourth { width: 22.5%; }
.arconix-column-three-fourths { width: 73.5%; }
.arconix-column-one-fifth { width: 17.4%; }
.arconix-column-two-fifths { width: 37.8%; }
.arconix-column-three-fifths { width: 58.2%; }
.arconix-column-four-fifths { width: 78.6%; }

.arconix-column-last {
    clear: right;
    padding-right: 0;
}