* 		{ 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:#333333; 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 }

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

.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 }

/*--------------------------------------- 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; }
#items div.open 	{ height: auto; border-bottom:1px solid #333333; margin-top: -1px; padding: 1px 15px 15px 15px; }
div.itemin p 		{ clear:both; display:block; border:0; margin: 15px 0 0 0; padding: 0; }

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

#centered 		{ display: block; position: absolute; background: #999999; width: 210px; height: 150px; left: 50%; top: 50%;  margin-left: -105px; margin-top: -134px }
#centered #pad 		{ padding: 14px }
#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 { font:1em Arial,Helvetica,'MS Sans Serif',sans-serif; background: #ececec;  border-top:2px solid #4d4d4d; width: 100%; color:#4d4d4d; margin-top: 15px; padding: 0 7px; border-radius: 14px; -webkit-border-radius: 14px; -moz-border-radius: 14px; }
input, textarea { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

input 		{ height: 30px; }
textarea	{ padding: 7px; }

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

/*--------------------------------------- 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; -moz-border-radius: 14px; -webkit-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; }