* 		{ margin:0; padding:0; border:0 }
html 		{ height:100%; max-height:100%; padding:0; margin:0; border:0; background-color:#333333 }
body 		{ min-width: 480px; font:1em Arial,Helvetica,'MS Sans Serif',sans-serif; height:100%; max-height:100%; padding:0; margin:0; border:0; background-color:#4a4a4a; color:#4d4d4d; }
.body 		{ min-width: 210px; min-height: 268px; height: 268px !important }

td, th, div 	{ }

a 			{ color:#4d4d4d; text-decoration:none; border-bottom: 1px dashed #4d4d4d }
a:hover 		{ color:#eeeeee }
a, a:active, a:focus 	{ outline: none; outline-style: none }
a img 			{ border-style: none }

/*--------------------------------------- appendixes -------------------------------------------------*/

.noborder 	{ border: none !important }
.short 		{ width: 180px !important }
.tiny 		{ width: 60px }
.line 		{ float: left; margin-right: 7px }
input.line 	{ margin-top: 14px }
/* .line.down	{ margin-top: 14px }*/

span.line	{ margin: 19px 7px 0 0; } 
span.right	{ margin: 19px 7px 0; }
span input 	{ margin: 0 10px }
span input.left	{ margin: 0 10px 0 0 }

.clear		{ clear:both; }
.clr 		{ clear:both; float:none !important; height:1px !important; font-size:1px !important; border:none; margin:0 !important; padding:0 !important; background:transparent !important; visibility:hidden !important }

/*--------------------------------------- header and menu --------------------------------------------*/

#header 	{ display:block; width: 100%; height: auto; background-color: #666666 }
#header #logo	{ background-color: #4a4a4a }
#header #logo a	{ display:block; border:0; height:60px; font-size:0px; color:#808080; width: 160px; background: url('../img/studioologo.png') 15px 12px no-repeat }

#languages					{ background-color: #555555 }
#languages a 					{ background-color: #555555 }
#languages a:hover, #languages #selected	{ background-color:#666666; color:#bbbbbb; }

.box 				{ border-bottom:1px solid #333333; }
.menu				{ height: 30px; border-bottom:1px solid #333333; background-color: #555555;  }
.menu a 			{ float:left; background-color: #555555; border:0; overflow: hidden; color:#aaaaaa; height:30px; border-right:1px solid #333333; border-bottom:1px solid #333333; padding: 0 15px; line-height:28px; white-space:nowrap }
.menu a:hover, .menu #selected	{ background-color:#777777; color:#444444; }

.menu a.smallscreen		{ width: 30px; padding: 0; }

.cont		{ display:block; height:30px; background-color: #4a4a4a; border-bottom:1px solid #333333; }

.js, .textedit	{ display: none }

/*--------------------------------------- accordion / main content -----------------------------------*/

#items 			{ display:block; width: 100%; background-color: #777777; }
#items a.title 		{ display:block; border:0; font-size:1em; color:#bbbbbb; height:30px; border-bottom:1px solid #333333; margin-top:0px; padding-left: 15px; line-height:28px; white-space:nowrap; overflow:hidden }
#items a.title:hover 	{ background-color:#666666; }

#items > div:not(:target) 	{ height: 0; padding: 0; border-bottom: 0 }
#items > div:target 		{ height: auto; border-bottom:1px solid #333333 }

div.itemin			{ overflow: hidden; background-color:#999999; padding: 0 15px 15px 15px; color: #4d4d4d; border-bottom:1px solid #333333; }
#items div.open 		{ height: auto; border-bottom:1px solid #333333; margin-top: -1px; padding: 1px 15px 15px 15px; }
#items div.open.bottomline 	{ border-bottom:2px solid #333333 }
div.itemin p 			{ clear:both; display:block; border:0; margin: 15px 0 0 0; padding: 0; }

div.itemin.opened		{ background-color:#666666; color: #aaaaaa}

/*--------------------------------------- centered block ---------------------------------------------- */

#centered 		{ display: block; position: absolute; background: #999999; width: 210px; height: 268px; left: 50%; top: 50%;  margin-left: -105px; margin-top: -134px }
#centered #pad 		{ padding: 14px }
#centered #pad input	{ width: 168px }
#centered #image 	{ width: auto; height: 60px; border-bottom:1px solid #333333; margin: 0; background:  #4a4a4a url('../img/studioologo.png') 15px 12px no-repeat }

/*--------------------------------------- form text inputs --------------------------------------------*/

input, textarea { padding: 0 7px; font:1em Arial,Helvetica,'MS Sans Serif',sans-serif; background: #ececec;  border-top:2px solid #4d4d4d; width: 100%; color:#4d4d4d; margin-top: 15px; border-radius: 14px; }
input, textarea { box-sizing: border-box }

input 		{ height: 28px; }
textarea	{ padding: 7px; border-radius: 14px 14px 0 14px; }

textarea:focus, button:focus, input:focus { outline:none }

p.small		{ font-size: 12px; margin-top: 1px !important }
p.small.subtitle	{ padding-top: 10px !important }

.counter span	{ background: #555; color: #eee; font-size: 11px; vertical-align: middle;  border-radius: 14px; padding: 4px 10px }

/*--------------------------------------- form submit button ------------------------------------------*/

button 		{ font:1em Arial,Helvetica,'MS Sans Serif',sans-serif; color:#bbbbbb; background: #808080; padding: 0 15px; margin-top: 14px; margin-bottom: 0px; cursor: pointer; height: 28px; border-radius: 14px; box-shadow: 0 2px  #4d4d4d; } 
button:hover 	{ margin-top: 16px; margin-bottom: -2px; box-shadow: none; }
button a	{ border: none; color:#dddddd; white-space: nowrap; }

div.itemin.opened button 		{ background: #555555; box-shadow: 0 2px  #404040; }
div.itemin.opened button:hover	{ box-shadow: none; }

/*--------------------------------------- browse button ---------------------------------------------- */

.fakebrowse		{ cursor: default; }
.browse			{}

button.fakebrowse  	{ cursor: pointer; }
input.fakebrowse	{ margin-top: 14px }

/*-------------------------------------- pic thbnails -------------------------------------------------*/

.thbnl 			{ float:left; position: relative; display:block; width:180px; height:210px; padding: 0 15px 15px 0 }
.thbnl.videoPrev	{ height:60px; margin: 20px 0 -10px }
.thbnl.videoPrev img	{ height:60px !important; width:60px !important; border-radius: 10px; }

.thbnl img 	{ border-radius: 22px; width:180px; height:180px; margin-bottom: -4px }
.thbnl input 	{ position: absolute; width: 90px; top: 128px; left: 10px; }
.thbnl button	{ position: absolute; top: 127px; right: 20px; background: #777; box-shadow: 0 2px rgba(0,0,0,0.5); }
.thbnl button:hover	{ box-shadow: none; }
.thbnl label 	{ width:140px; height: 30px; padding: 2px 0 0 35px !important; overflow: hidden; display: block; margin: 5px 0 0 0; white-space: nowrap;  }
.thbnl .short	{ width: 180px !important }

/*--------------------------------------- form checkboxes and roundbuttons ----------------------------*/

label		{ padding: 0 14px 0 0; margin: 14px 0 0 0; }
label input	{ margin: 0 7px 0 0; border: none; width:auto; height:auto; }

.jsswitchers 		{ cursor: pointer; background: url(../img/radio.png) no-repeat; padding-left: 15px; height: 30px; line-height: 30px; }

/*--------------------------------------- table ------------------------------------------------------*/

table 		{ width: 100%; border-collapse: collapse; border-left: 0 none; text-align: center; table-layout: fixed; padding: 0; margin: 15px 0 0 0; border-radius: 14px; box-shadow: 0 2px  #4d4d4d; }
th, td.head 	{ color:#ffffff !important; background: #808080; font-size: 0.9em; }
td 		{ background: #ffffff; color:#777777; overflow: hidden; border-left: #aaaaaa 1px solid; white-space: nowrap;  font-size: 0.9em; line-height:30px }	
th		{ border-left: #aaaaaa 1px solid; }
td, tr		{ height: 30px }
.alignleft 	{ text-align: left; padding-left: 15px }
.even td	{ background-color:#eeeeee !important }
.selected td	{ background-color:#ffc65e !important }

td:first-child, th:first-child 	{ border-left: 0 none; }

tr:first-child th:first-child 	{ border-top-left-radius: 14px; }
tr:first-child th:last-child	{ border-top-right-radius: 14px; }
tr:last-child td:first-child 	{ border-bottom-left-radius: 14px; }
tr:last-child td:last-child 	{ border-bottom-right-radius: 14px; }

/*--------------------------------------- interface message ------------------------------------------*/

.message { color: #ffff00 }
.message error { display: block; background: #ff6600; padding: 2px 6px; color: #fff; border-radius: 10px;  }
.select { color: #00ff00 !important }
.alert { color: #ff0000 !important }