body {
margin:2px;
padding:0;
font-family:Arial, Helvetica, sans-serif;
background:#FFF;
}

body#admin-popup {
background:#DDD url(/files/webstage/webstage-logo-right.gif) right top no-repeat;
padding:0 20px;
font-size:12px;
}

h1 {
font-size:22px;
line-height:42px;
height:50px;
margin:0;
color:#FFF;
}

p {
margin:1em 0;
padding:0;
}

fieldset {
margin:1em 0;
}

a {
color:#3300FF;
}

a:hover {
text-decoration:none;
}

sup {
font-size:16px;
vertical-align:top;
}

#ws-scrollable {
background:#EEE;
height:455px;
overflow-y: auto;
overflow-x: hidden;
border:1px solid #CCC;
padding:0 10px;
position:relative;
}

.list-table th {
text-align:left;
background:#666;
color:#FFF;
height:27px;
line-height:27px;
border-bottom:1px solid #EEE;
padding:0 4px;
}

.list-table td {
text-align:left;
vertical-align:top;
height:22px;
line-height:22px;
border-bottom:1px dashed #666;
padding:2px 4px;
}

.list-table td.right {
text-align:right;
}

.list-table tr:hover {
background:#CCC;
}

.admin-actions {
background:#E12D25 url(/files/webstage/webstage-logo.gif) 0 -8px no-repeat;
color:#FFF;
padding:0 10px 0 52px;
margin:0 0 10px 0;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
height:auto !important;
min-height:26px;
height:26px;
}

.admin-actions a {
color:#FFF;
line-height:26px;
height:26px;
text-decoration:none;
padding:6px 8px;
background-color:transparent;
background-position:6px 50%;
background-repeat:no-repeat;
}

.admin-actions a:hover {
background-color:#9D1F1A;
}

.admin-actions a.ws-add {
background-image:url(/files/webstage/ws-add.png);
padding:6px 8px 6px 26px;
}

.admin-actions a.ws-edit {
background-image:url(/files/webstage/ws-edit.png);
padding:6px 8px 6px 26px;
}

.admin-actions a.ws-delete {
background-image:url(/files/webstage/ws-delete.png);
padding:6px 8px 6px 26px;
}

.admin-actions a.ws-passwd {
background-image:url(/files/webstage/ws-passwd.png);
padding:6px 8px 6px 26px;
}

.admin-actions a.ws-logout {
background-image:url(/files/webstage/ws-logout.png);
padding:6px 8px 6px 26px;
}

.admin-actions a.ws-help {
background-image:url(/files/webstage/ws-help.png);
padding:6px 8px 6px 26px;
}

.admin-actions a.ws-info {
background-image:url(/files/webstage/ws-info.png);
padding:6px 8px 6px 26px;
}

.admin-actions a.ws-stats {
background-image:url(/files/webstage/ws-stats.png);
padding:6px 8px 6px 26px;
}

.ws-button {
background:#999;
padding:4px 4px 4px 4px;
border:1px solid #666;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#FFF;
-webkit-border-radius:3px;
-moz-border-radius:3px; 
border-radius:3px;
width: auto;
overflow: visible;
text-decoration:none;
}

.ws-button:hover {
background-color:#888;
border-color:#666;
}

.ws-accept {
background:#999 url(/files/webstage/ws-accept.png) no-repeat 2px 50%;
padding:4px 4px 4px 20px;
border:1px solid #666;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#FFF;
-webkit-border-radius:3px;
-moz-border-radius:3px; 
border-radius:3px;
width: auto;
overflow: visible;
}

.ws-accept:hover {
background-color:#77C477;
border-color:#4DB200;
}

.ws-cancel {
background:#999 url(/files/webstage/ws-cancel.png) no-repeat 2px 50%;
padding:4px 4px 4px 20px;
border:1px solid #666;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#FFF;
-webkit-border-radius:3px;
-moz-border-radius:3px; 
border-radius:3px;
width: auto;
overflow: visible;
}

.ws-cancel:hover {
background-color:#C47777;
border-color:#AC5F5F;
}

.ws-prev {
background:#999 url(/files/webstage/ws-prev.png) no-repeat 2px 50%;
padding:4px 4px 4px 20px;
border:1px solid #666;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#FFF;
-webkit-border-radius:3px;
-moz-border-radius:3px; 
border-radius:3px;
width: auto;
overflow: visible;
}

.ws-prev:hover {
background-color:#7777C4;
border-color:#474794;
}

.ws-next {
background:#999 url(/files/webstage/ws-next.png) no-repeat 2px 50%;
padding:4px 4px 4px 20px;
border:1px solid #666;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#FFF;
-webkit-border-radius:3px;
-moz-border-radius:3px; 
border-radius:3px;
width: auto;
overflow: visible;
}

.ws-next:hover {
background-color:#7777C4;
border-color:#474794;
}

.disabled {
-moz-opacity:0.60;
-khtml-opacity: 0.60;
opacity: 0.60;
filter: alpha(opacity=60);
}

.ws-admin-left {
float:left;
}

.ws-admin-right {
float:right;
}

.admin-actions p {
line-height:26px;
height:26px;
margin-top:0;
margin-bottom:0;
padding:0;
}

.admin-actions p.copy a {
padding:0;
margin:0;
text-decoration:underline;
}

.admin-actions p.copy a:hover {
background:none;
text-decoration:none;
}

.ws-edit-images {
background:#CCC;
border:1px solid #BBB;
padding:4px;
margin:2px;
float:left;
-webkit-border-radius:3px;
-moz-border-radius:3px; 
border-radius:3px;
position:relative;
}

.ws-edit-images img {
display:block;
overflow:hidden;
border:0;
}

.ws-edit-images p a {
background:#999;
padding:2px 6px;
color:#FFF;
text-decoration:none;
border:1px solid #666;
-webkit-border-radius:3px;
-moz-border-radius:3px; 
border-radius:3px;
font-weight:bold;
font-size:11px;
}

.ws-edit-images p a:hover {
background:#AAA;
border:1px solid #777;
}

.ws-edit-images select {
width:200px;
}

.ws-thumb-container {
cursor:pointer;
z-index:200;
}

.ws-file-select {
position:absolute;
top:0px;
left:0px;
padding:4px;
background:#CCC;
z-index:200;
}

.ws-file-list {
margin:16px 0;
}

.ws-file-list tr {
height:30px;
line-height:30px;
}

.ws-file-list tr:hover {
background:#CCC;
}

.ws-file-list td {
padding:0 4px;
border-bottom:1px solid #CCC;
}

.ws-error {
color:#F00;
}

/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	border-bottom:1px solid #666;	
	height:30px;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background: url(/files/webstage/tab-bg-sprite.gif) no-repeat -20px 0;
	font-size:11px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 60px;
	text-align:center;	
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0 1px 0 0;	
	position:relative;
	top:1px;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -20px -60px;	
	color:#fff;	
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -20px -30px;		
	cursor:default !important; 
	color:#000 !important;
}

/* initially all panes are hidden */ 
.panes .pane {
	display:none;
	background:#FFF;
	padding:10px;
	border-left:1px solid #666;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
}