/*
//================================================

Rotate that Video Player
The ability to rotate a video clip by 90, 180 or 270 degrees.
Copyright (C) 2013 Stefan vd
www.stefanvd.net

This program is free software; you can redistribute it and/or
modify it under the terms of the GNU General Public License
as published by the Free Software Foundation; either version 2
of the License, or (at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program; if not, write to the Free Software
Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.


To view a copy of this license, visit http://creativecommons.org/licenses/GPL/2.0/

//================================================
*/

body { font-family: sans-serif, 'Lucida Grande', 'Helvetica Neue'; font-size: 12px; margin: 0; width: 305px; }
/* Input */
input { -webkit-border-radius: 2px; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); border: 1px solid #aaa; color: #555; font-size: inherit; overflow: hidden; padding: 0px; text-overflow: ellipsis; white-space: nowrap; height: 21px; }
#number { width: 24px; padding-left: 2px; padding-right: 2px; }
/* Genertic */
ul { padding: 0; list-style: none; overflow: hidden; margin: 0; width: 120px; }
ul li { float: left; border: 1px solid #bbb; border-right: 0; overflow: hidden; }
li:hover { border: 1px solid #939393; }
a { background: #f9f9f9; background: -webkit-linear-gradient(top, #f9f9f9 40%, #e3e3e3 70%); background: -moz-linear-gradient(top, #f9f9f9 40%, #e3e3e3 70%); background: -ms-linear-gradient(top, #f9f9f9 40%, #e3e3e3 70%); background: -o-linear-gradient(top, #f9f9f9 40%, #e3e3e3 70%); background: linear-gradient(top, #f9f9f9 40%, #e3e3e3 70%); padding: 3px 8px; color: #000; text-decoration: none; display: inline-block; }
a:active { background: #e3e3e3; background: -webkit-linear-gradient(top, #e3e3e3 40%, #f9f9f9 70%); background: -moz-linear-gradient(top, #e3e3e3 40%, #f9f9f9 70%); background: -ms-linear-gradient(top, #e3e3e3 40%, #f9f9f9 70%); background: -o-linear-gradient(top, #e3e3e3 40%, #f9f9f9 70%); background: linear-gradient(top, #e3e3e3 40%, #f9f9f9 70%); }
/* First item */
.button_group li:first-child { -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; border-right: 0; }
/* Last item */
.button_group li:last-child { -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 0 3px 3px 0; border-right: 1px solid #bbb; }
.button_group li:last-child:hover { border-right: 1px solid #939393;}
/* Items except first and last, i.e., middle items */
.button_group li:not(:first-child):not(:last-child):hover { border: 1px solid #939393; border-right: 0; }
/* Items except the last one */
.button_group li:not(:last-child):hover + li { border-left: 1px solid #939393; }