#icon-pondolplugin-carousel {
    background: url("images/logo-32.png") no-repeat; 
}

.pondolplugin-container {
    padding: 8px;
    border: solid 1px #ccc; 
}

ul.pondolplugin-tab-buttons {
    list-style: none;   
    border-bottom: solid #ccc;
    border-bottom-width: 1px;
    display: block;
    padding-bottom: 0;
    margin: 12px 0px 0px;
}

ul.pondolplugin-tab-buttons li {
    display: inline-block;
    margin: 0 6px -2px 0;
    padding: 4px 10px 6px 40px;
    font-family: HelveticaNeue-Light,"Helvetica Neue Light","Helvetica Neue",sans-serif;
    font-size: 14px;
    font-weight: 200;
    line-height: 20px;
    border-color: #dfdfdf #dfdfdf #ccc;
    border-width: 1px;
    border-style: solid;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    color: #aaa;
    text-shadow: #fff 0 1px 0;
    cursor: pointer;
}

ul.pondolplugin-tab-buttons li.step1 {
    background: url("images/1.png") no-repeat 8px center;
}

ul.pondolplugin-tab-buttons li.step2 {
    background: url("images/2.png") no-repeat 8px center;
}

ul.pondolplugin-tab-buttons li.step3 {
    background: url("images/3.png") no-repeat 8px center;
}

ul.pondolplugin-tab-buttons li.step4 {
    background: url("images/4.png") no-repeat 8px center;
}

ul.pondolplugin-tab-buttons li.laststep {
    border-style: none;
}

ul.pondolplugin-tab-buttons li.pondolplugin-tab-buttons-selected {
    color: #464646;
    background-color: #eee;
}

ul.pondolplugin-tabs {
    padding: 16px;
    margin: 0;
    border-style: solid;
    border-width: 1px;
    border-color: transparent #ccc #ccc;
}

.pondolplugin-tabs-grey {
    background-color: #eee;
}

li.pondolplugin-tab {
    display: none;
}

li.pondolplugin-tab.pondolplugin-tab-selected {
    display: block;
}

div.pondolplugin-toolbar {
    margin: 8px 0px;    
}

.pondolplugin-table {
    width: 100%;
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.pondolplugin-table th, td {
    padding: 8px;
    text-align: left;
}

.pondolplugin-form-table {
    width: 100%;
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.pondolplugin-form-table th {
    min-width: 200px;
}

.pondolplugin-form-table th, td {
    padding: 8px;
    vertical-align: top;
    text-align: left;
}

.pondolplugin-form-table-noborder {
    width: 100%;
}

.pondolplugin-form-table-noborder th {
    width: 200px;
    min-width: 200px;
}

.pondolplugin-form-table-noborder th, td {
    padding: 8px;
    vertical-align: top;
    text-align: left;
}

.pondolplugin-dialog-container {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    min-height: 100%;
    z-index: 9;
}

.pondolplugin-dialog-bg {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.pondolplugin-dialog {
    display: block;
    position: relative;
    margin-top: 60px;
    margin-left: auto;
    margin-right: auto;
    padding: 8px;
    background-color: #fff;
    width: 650px;
    max-width: 90%;
    min-width: 425px;
    text-align: center;
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#pondolplugin-dialog-title {
}

.pondolplugin-dialog-buttons {
    margin: 12px auto 8px;  
}

#pondolplugin-dialog-ok {
    margin-right: 24px;
}

#pondolplugin-dialog-cancel {
    margin-right: 24px;
}

.pondolplugin-carousel-media-table-edit, .pondolplugin-carousel-media-table-moveup, .pondolplugin-carousel-media-table-movedown, .pondolplugin-carousel-media-table-delete {
    margin-right: 6px !important;
}

#pondolplugin-carousel-preview-tab {
    text-align: center;
    margin: 0 60px;
}

#pondolplugin-carousel-preview-container {
    margin: 0 auto;
}

#pondolplugin-carousel-preview {
    margin: 30px auto 120px;
}

#pondolplugin-carousel-publish-loading {
    width: 100%;
    height: 64px;
    display: none;
    background: url("images/loading.gif") no-repeat center center;
}

#pondolplugin-carousel-video-dialog-loading {
    width: 100%;
    height: 64px;
    display: none;
    background: url("images/loading.gif") no-repeat center center;
}

.pondolplugin-tab-skin {
    text-align: center;
    font-size: 16px;
    float: left;
    width: 50%;
    min-width: 360px;
    min-height: 300px;
}

.pondolplugin-tab-skin img {
    margin: 15px auto;
    padding: 8px;
    border: 0px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.pondolplugin-tab-skin img.selected {
    margin: 15px auto;
    padding: 8px;
    border: 2px solid #bb0000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.pondolplugin-carousel-options {
    position: relative; 
}

.pondolplugin-carousel-options-menu {
    width: 200px;
    float: left;
}

.pondolplugin-carousel-options-menu-item {  
    cursor: pointer;
    padding: 12px 8px;
    margin: 0 8px 12px 0;
    font-size: 14px;
    border: 1px solid #ccc;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #aaa;
}

.pondolplugin-carousel-options-menu-item-selected {
    border-color: #999;
    color: #464646;
}

.pondolplugin-carousel-options-tabs {
    overflow: auto;
    height: auto;
}

.pondolplugin-carousel-options-tab {
    border: 1px solid #999;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: none;  
}

.pondolplugin-carousel-options-tab-selected {
    display: block; 
}

.pondolplugin-carousel-options-tab-title {
    font-size: 14px;
    padding: 8px;
    text-align: center;
}

ul.pondolplugin-feature-list {
    list-style-type: disc;
    margin-left: 24px;
}

ul.pondolplugin-feature-list li{
    margin: 8px 0;
    padding-left: 4px;
}

.pondolplugin-dialog input[type="text"][disabled] {
   background-color: #f0f0f0;
}