div.nav-tab {
    margin-bottom: -9px;
}

.ds-content-tab{
	display: none;
	height: auto;
	width: 75%;
}

.ds-content-tab.ds-tab-active{
	display: inline-table;
}


.dsEventPlus{
    position: absolute;
    top: -6px;
    right: -8px;
    width: 20px;
    height: 20px;
    background-color: #000;
    border-radius: 12px;
    font-size: 1.7em;
    font-weight: bold;
    color: #fff;
    text-align: center;
}

.ds-metabox-layout,.ds-other-layout{
	height: auto;
	margin-bottom: 10px;
}

.ds-metabox-layout div,.ds-other-layout div{
	margin: 0px 0px 3px 0px;
	padding-top: 5px;
	height: 30px;
	background-color: #e4e4e4;
	text-align: center;
	font-size: 1em;
	font-weight: bold;
	cursor: pointer;
	border: 1px solid #ccc;
	width: 150px;
	display: inline-table;
}

.ds-metabox-layout div.active-layout-nav{
	border:1px solid #000;
}

.ds-nav-layout .ds-nav-active{
	font-weight: bold;
}


.ds-nav-layout{
	width: 255px;
	height: auto;
	display: inline-table;
	margin-right: 20px;
}

.ds-nav-layout div{
	margin: 0px 0px 3px 0px;
    padding-top: 5px;
    height: 30px;
    text-align: center;
    font-size: 1.1em;
    font-weight: bold;
    cursor: pointer;
    border: 1px solid #ccc;
}

.ds-nav-layout div.ds-tab-active{
	border: 1px solid #000;
    background-color: #f4f4f4;
}

.ds-event-details{
	display: inline-table;
	width: 255px;
	height: auto;
	position: relative;
}

.ds-event-details.active{
	display: inline-table;
}

.ds-wrap{
	height: auto;
	min-height:200px;
}

.ds-ouput{
	display: block;
}

.ds-block{
	margin: 0px 30px 20px 0px;

}

.ds-active-panel{
	display: inline-table;
}

.ds-input{
	width:100%;
}

.ds-output{
	text-align: center;
	border: #ddd solid 3px;
    padding: 10px 0;
    margin: 0;
    background-color: #eee;
}

.ds-output-shortcode{
	width: 450px;
	margin: 0 auto;
	text-align: center;
	font-size:16px;
	font-weight: bold;
	padding-bottom: 10px;
}

#ds-output-button{

}

/* hover */
/*.ds-hover-event-id{
	position: absolute;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 1px;
	display: none;
	z-index: 2;
}
.ds-hover-event-id div{
	background: #fff;
    margin: 1px;
    border-radius: 1px;
    cursor: pointer;
}

.ds-hover-event-id div div{
    border: 1px solid #ddd;
    border-radius: 5px;
    margin: 1px;
    padding: 3px 10px;
    background-color: #e1e1e1;

    cursor: pointer;
}
*/
.dsHoverEvents,.ds-hover-event-id,.ds-hover-event-info,.ds-hover-events,.ds-hover-select-events,.ds-hover-map-events{
	position: absolute;
	background: #fff;
	/*border: 1px solid #ddd;*/
	border-radius: 1px;
	display: none;
	z-index: 2;
}

.dsHoverEvents div,.ds-hover-event-id div{
	cursor: pointer;
}

.eventHeaders{
    background-color: #f2f2f2;
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    padding: 2px;
    margin: 3px 0px 2px;
    text-align: center;
}
.eventHeaders{
    background-color: #f2f2f2;
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    padding: 2px;
    margin: 3px 0px 2px;
    text-align: center;
}

.eventDiv,.dsEventDiv,.urlEventDateIdDiv{
	border: 1px solid #ddd;
    border-radius: 5px;
    margin: 1px;
    padding: 3px 3px 3px 3px;
    background-color: #e1e1e1;
}
.eventDateDiv{
    border: 1px solid #ddd;
    border-radius: 5px;
    margin: 1px;
    padding: 3px 3px 3px 20px;
    background-color: #eee;
}

.ds-select-fields{
	width: 180px;
    background-color: #ccc;
    margin: -2px 0;
    float: right;
	display: none;
}

.ds-select-fields li{
    background-color: #eee;
    height: 22px;
    margin: 1px;
    padding: 3px 0 0 5px;
}

.ds-select-field-wrapper{
	position: relative;
}

.ds-select-field-button{
	position: absolute;
    top: 2px;
    right: 0;
    z-index: 2;
}

.dsEventInfoAdvanced{
	display: none;
}

.floatRight{
	float:right;
}

.floatLeft{
	float:left;
}

.ds-event-calendar-image,.ds-shortcode-image,.ds-shortcode-text{
	width: 68%;
    height: 200px;
    float: right;
}

.ds-event-calendar-image div{
	height: inherit;
	background-size: 100%;
    background-repeat: no-repeat;
}

.ds-event-calendar-image div.dates_list-img{
	background-image: url(../images/dateslist-template.png);
	background-size: auto 190%;
}
.ds-event-calendar-image div.Standard-img{
	background-image: url(../images/standard-template.png);
}
.ds-event-calendar-image div.calendar-img{
	background-image: url(../images/calendar-template.png);
}
.ds-event-calendar-image div.table-img{
	background-image: url(../images/table-template.png);
}

.ds-shortcode-image div.map-img{
	height: inherit;
	background-size: 80%;
    background-repeat: no-repeat;
	background-image: url(../images/map-template.png);
}

.ds-shortcode-image div.dropdown-img{
	height: inherit;
	background-size: 330px;
    background-repeat: no-repeat;
	background-image: url(../images/DateDropDown.png);
}

.ds-conditionalable{
	float: right;
}

.ds-conditionalable.disabled{
	color:rgba(222,222,222,.75);
}

.ds-smaller-input{
	width:134px;
}