/* CSS Document */
*:focus { outline: none; }

html,body { margin: 0; padding: 0; background: #0c0c0c; font-family: 'Gill Sans', Lucida, sans-serif; color:#FFFFFF; font-size: 13px; letter-spacing: 1px; line-height: 20px; }
#container { margin: 0 auto; min-width: 960px; }
 
#tinymce { text-align: center; padding: 20px 10px; }

a { color: #FFF; }
a img { border: none; }

h1 { color: #FF3399; margin-top: 0; font-weight: normal;  font-size:  26px; } 
h2 { color: #FF3399; margin-top: 0; margin-bottom: 5px; font-weight: normal; } 
h3 { color: #FF3399; margin-top: 0; margin-bottom: 0px; font-weight: normal; } 


#menu { height: 108px; background: url(../images/menu.png); width: 100%; top: 0; text-transform: uppercase; font-weight: normal;  overflow: hidden;}
#menu ul { margin: 0; padding: 0; width: 200%; font-size: 15px; letter-spacing: 1px; list-style: none;  }
#menu ul li { float: left; padding: 0 15px; height: 36px; line-height: 36px; margin: 36px 0; }
#menu ul li.first { height: 108px; width: 405px; padding: 0; margin: 0;  }
#menu ul li.first a { display: block; height: 108px; width: 400px; text-indent: -999em;  }

#menu ul a { color: #FFFFFF; text-decoration:none; }
#menu ul a:hover { color: #FF3399; text-decoration:none; }
#menu ul li.selected a { color: #FF3399; text-decoration:none; }

#menu ul li .edit { background: url('../images/edit.png') no-repeat; display: block; float: left; width: 16px; height: 16px; margin: 12px 0 0 5px; cursor: pointer; }

#admin { color: #FF3399; position: fixed; right: 10px; top: 10px; font-size: 11px; }

#left { width: 47%; overflow: hidden; margin: 42px 30px; float: left; text-align: right; }
#right { float: left; width: 360px; margin-top: 42px; }
#right a.thumb { text-decoration: none; width: 50px; height: 50px; overflow: hidden; display: block; margin: 0 6px 6px 0; float: left; } 
#right a img { } 
#right p a { text-decoration: underline; } 
#right table td { padding: 4px 20px 4px 0; }
#right table { margin: 0 0 5px 0;}

#center { text-align: center; margin: 42px auto; width: 360px; }

.edit { cursor: pointer; color: #666; line-height: 20px; background: url('../images/edit.png') top left no-repeat; padding: 3px 20px; font-size: 12px; } 
.add { cursor: pointer; color: #666; line-height: 20px; background: url('../images/add.png') top left no-repeat; padding: 3px 20px; font-size: 12px; } 
.delete { cursor: pointer; color: #666; line-height: 20px; background: url('../images/delete.png') top left no-repeat; padding: 3px 20px; font-size: 12px; } 
.add:hover,.delete:hover,.edit:hover { color: #FFF; }

a.pos { background: #333; color: #FFF; display: block; height: 16px; width: 16px; text-decoration: none; text-align: center; line-height: 16px; }


.hide { display: none; }  
.hiden { visibility: hidden; }  

th { text-align: left; width: 150px;  }
textarea {font-family: 'Gill Sans', Lucida, sans-serif; width: 200px; height: 200px; font-size: 13px;  border: none; padding: 2px;  background: #333; color: #FFF;}
input { width: 200px; border: none; padding: 2px; background: #333; color: #FFF; } 
th,td { vertical-align: top; font-weight: normal; line-height: 16px }

#form-demo strong { font-weight: normal; }

#demo-status
{
	padding:				10px 15px;
	width:					420px;
}
 
#demo-status .progress
{
	background:				white url(../images/fancyupload/progress-bar/progress.gif) no-repeat;
	background-position:	+50% 0;
	margin-right:			0.5em;
}
 
#demo-status .progress-text
{
	font-size:				0.9em;
	font-weight:			bold;
}
 
#demo-list
{
	list-style:				none;
	width:					450px;
	margin:					0;
}
 
#demo-list li.file
{
	border-bottom:			1px solid #eee;
	background:				url(../images/fancyupload/file.png) no-repeat 4px 4px;
}
#demo-list li.file.file-uploading
{
	background-image:		url(../images/fancyupload/uploading.png);
	background-color:		#D9DDE9;
}
#demo-list li.file.file-success
{
	background-image:		url(../images/fancyupload/success.png);
}
#demo-list li.file.file-failed
{
	background-image:		url(../images/fancyupload/failed.png);
}
 
#demo-list li.file .file-name
{
	font-size:				1.2em;
	margin-left:			44px;
	display:				block;
	clear:					left;
	line-height:			40px;
	height:					40px;
	font-weight:			bold;
}
#demo-list li.file .file-size
{
	font-size:				0.9em;
	line-height:			18px;
	float:					right;
	margin-top:				2px;
	margin-right:			6px;
}
#demo-list li.file .file-info
{
	display:				block;
	margin-left:			44px;
	font-size:				0.9em;
	line-height:			20px;
	clear
}
#demo-list li.file .file-remove
{
	clear:					right;
	float:					right;
	line-height:			18px;
	margin-right:			6px;
}