/* css width/padding relationship fix */
.utube-video-container, .utube-video-container:before, .utube-video-container:after,
.utube-video-container *, .utube-video-container *:before, .utube-video-container *:after,

.utube-playlist-right, .utube-playlist-right:before, .utube-playlist-right:after,
.utube-playlist-right *, .utube-playlist-right *:before, .utube-playlist-right *:after,

.utube-playlist-left, .utube-playlist-left:before, .utube-playlist-left:after,
.utube-playlist-left *, .utube-playlist-left *:before, .utube-playlist-left *:after,

.utube-playlist-top, .utube-playlist-top:before, .utube-playlist-top:after,
.utube-playlist-top *, .utube-playlist-top *:before, .utube-playlist-top *:after,

.utube-playlist-bottom, .utube-playlist-bottom:before, .utube-playlist-bottom:after,
.utube-playlist-bottom *, .utube-playlist-bottom *:before, .utube-playlist-bottom *:after,

.utube-share, .utube-share:before, .utube-share:after,
.utube-share *, .utube-share *:before, .utube-share *:after
 {
   -moz-box-sizing: border-box; 
   -webkit-box-sizing: border-box; 
   box-sizing: border-box;
}
/* end css width/padding relationship fix */

/* video elements */
.utube-video-container {
	background-color: #333333;
    border: 7px solid #333333;
    border-radius: 7px;
    box-shadow: 0 6px 10px 2px #333333;
    float: left;
}
/* end video elements */

/* playlist elements */
.utube-playlist-right,
.utube-playlist-left,
.utube-playlist-top,
.utube-playlist-bottom {
	border-color: #333333;
    border-style: solid;
    box-shadow: 0 6px 10px 2px #333333;
    overflow: auto;
    position: absolute;
    z-index: 101;
}

.utube-playlist-top {
    box-shadow: 0 -2px 6px 2px #333333;
}

.utube-playlist-right {
	border-radius: 0 7px 7px 0;
	border-width: 7px 7px 7px 12px;
}

.utube-playlist-left {
	border-radius: 7px 0 0 7px;
	border-width: 7px 12px 7px 7px;
}

.utube-playlist-top {
	border-radius: 7px 7px 0 0;
	border-width: 7px 7px 12px 7px;
}

.utube-playlist-bottom {
	border-radius: 0 0 7px 7px; 
	border-width: 12px 7px 7px 7px;
}


.utube-theme-dark .utube-playlist-right,
.utube-theme-dark .utube-playlist-left,
.utube-theme-dark .utube-playlist-top,
.utube-theme-dark .utube-playlist-bottom {
	background-color: #666666;
}

.utube-theme-light .utube-playlist-right,
.utube-theme-light .utube-playlist-left,
.utube-theme-light .utube-playlist-top,
.utube-theme-light .utube-playlist-bottom {
	background-color: #CECECE;
}

.utube-playlist-item {
    border-style: solid none;
    border-width: 1px 0;
    clear: left;
    cursor: pointer;
    float: left;
    font-size: 10pt;
    height: 5.5em;
    margin-bottom: 2px;
    max-height: 5.5em;
    overflow: hidden;
    padding-right: 0.1em;
    width: 100%;
}

.utube-theme-dark .utube-playlist-item.active {
	background-color: #111111;
}

.utube-theme-light .utube-playlist-item.active {
	background-color: #FAFAFA;
}

.utube-theme-dark .utube-playlist-item {
	background-color: #333333;
    border-color: #000000;
    box-shadow: 0 0 2px 1px #666666;
    color: #CECECE;
}

.utube-theme-light .utube-playlist-item {
	background-color: #EEEEEE;
    border-color: #ACACAC;
    box-shadow: 0 0 2px 1px #FCFCFC;
    color: #666666;
}

.utube-playlist-item > div {
    float: left;
    font-size: 0.8em;
    line-height: 1em;
    margin: 0 1em 0 0;
    padding: 0;
    text-align: left;
}

.utube-playlist-item > div.utube-video-thumbnail {
	float: left;
	clear: left;
	height: 6.5em;
	margin: 0;
  	padding-right: 0.3em;
  	width: 25%;
}

.utube-video-thumbnail img {
	width: 100%;
}

.utube-playlist-item > div.utube-video-title {
	font-size: 1em;
	font-weight: bold;
    max-height: 1em;
    overflow: hidden;
    white-space: nowrap;
}

.utube-playlist-item > div.utube-video-description {
	font-size: 0.9em;
	max-height: 2em;
	overflow: hidden;
}

.utube-playlist-item > div.utube-video-title,
.utube-playlist-item > div.utube-video-description {
	margin: 0;
	width: 75%;
}

.utube-playlist-item > div.utube-video-views,
.utube-playlist-item > div.utube-video-likes,
.utube-playlist-item > div.utube-video-dislikes {
    float: right;
}

.utube-playlist-item > div.utube-video-author {
    clear: right;
    float: right;
}
/* end playlist elements */
.utube-playlist-item > div.utube-video-author a {
    color: #428BCA;
    text-decoration: none;
}

/* share elements */
.utube-share {
	border: 1px solid #C2C2C2;
    box-shadow: 0 0 2px 2px #CCCCCC;
    clear: both;
    float: left;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em;
    text-align: center;
    width: 100%;
    max-height: 6em;
}

.utube-share-link {
    clear: both;
    float: left;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
    width: 100%;
}

.utube-share-link input {
    margin-left: .3em;
}

.utube-share-g-plus,
.utube-share-twitter,
.utube-share-facebook {
    float: left;
    margin-bottom: 0.5em;
    width: 33%;
}
/* end share elements */