/*
AjaxExplorer Copyright (C) 2007-2008 Syed Mohammad Sidque Tahir Al-Habshi

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 3 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. Head to
GNU site http://www.gnu.org/licenses/ for license copy.
*/

a
{
	color: #061;
	text-decoration: none;
}

p
{
	text-align: justify;
}

hr
{
	border: 1px solid #CCC;
}

img
{
	border: 0px;
}

body
{
	color: #333;
	margin: 0px;
	height: 100%;
	cursor: default;
	background: #FFF url() repeat fixed;
}

body, input, table, select, textarea
{
	font: 11px Verdana,Arial,Helvetica,Sans-Serif;
}

input, select
{
	color: #03C;
}

iframe
{
	width: 100%;
	height: 88%;
}

legend
{
	color: #093;
	background-color: #FFF;
}

fieldset, option
{
	margin: 0px;
	background-color: #FFF;
}

textarea
{
	border: 0px;
}

#body
{
	display: none;
}

#code
{
	width: 100%;
	font: 13px monospace;
	padding: 4px 0px 0px 4px;
}

#dirc
{
	width: 500px;
	border: 1px solid #CCB;
}

#door
{
	width: 100%;
	z-index: 10002;
	text-align: center;
	position: fixed;
	top: 40%;
}

#drag
{
	opacity: 0;
}

#fdir
{
	width: 184px;
	margin: auto;
	padding: 4px;
	text-align: left;
	background-color: #FFF;
}

#fold
{
	display: none;
	background-color: #ECE9D8;
}

#goto
{
	position: relative;
	top: 4px;
}

#head
{
	color: #666;
	width: 100%;
	height: 49px;
	z-index: 10001;
	border: 0px solid #CCB;
	border-bottom-width: 1px;
	background-color: #ECE9D8;
	position: fixed;
	left: 0px;
	top: 0px;
}

#head-menu
{
	margin-bottom: 1px;
	padding-bottom: 1px;
	border: 0px solid #CCB;
	border-bottom-width: 1px;
}

#imgs
{
	position: relative;
	top: 4px;
}

#list, #tips
{
	opacity: 0.8;
	filter: alpha(opacity=80);
}

#list
{
	color: #000;
	width: 528px;
	display: none;
	overflow: auto;
	max-height: 80px;
	border: 1px solid #CCB;
	background-color: #FFF;
	position: absolute;
	left: 54px;
}

#menu, #M010, #M020, #M210, #M320, #M410
{
	width: 120px;
	padding: 4px;
	display: none;
	z-index: 10000;
	border: 1px solid #CCC;
	border-color: #CCC #999 #999 #CCC;
	background-color: #FFF;
	position: absolute;
}

#menu
{
	width: 140px;
}

#pane, #fold
{
	width: 210px;
	height: 100%;
	z-index: 10000;
	overflow: auto;
	text-align: center;
	position: fixed;
	left: 0px;
	top: 0px;
}

#pane
{
	background: #6375D6 url(../images/pane.png) repeat-x;
}

#sign
{
	margin: auto;
	padding: 2px;
	border: 1px solid #FFF;
	border-color: #FFF #CCC #CCC #FFF;
	background-color: #D6DFF7;
}

#sign-icon
{
	margin: 0px 8px 15px 0px;
}

#tips, #H1, #H2
{
	padding: 4px;
	display: none;
	z-index: 10003;
}

#tips
{
	color: #03C;
	width: 205px;
	height: 84px;
	font-weight: bold;
	border: 1px solid;
	border-color: #EEE #666 #666 #EEE;
	background-color: #FFF;
	position: fixed;
	bottom: 10px;
	right: 8px;
}

#tipz
{
	color: #000;
	font-weight: normal;
}

#view
{
	margin: 4px;
	max-width: 166px;
	max-height: 166px;
}

#error
{
	width: 205px;
	height: 120px;
	overflow: auto;
}

#frame
{
	width: 174px;
	height: 20px;
}

#canvas, #select
{
	filter: alpha(opacity=50);
	opacity: 0.5;
}

#canvas
{
	width: 100%;
	height: 100%;
	z-index: 10001;
	background-color: #CCC;
	position: fixed;
	left: 0px;
	top: 0px;
}

#select
{
	z-index: 10000;
	border: 1px solid #03F;
	background-color: #ABF;
	position: absolute;
}

#system
{
	width: 100%;
	display: none;
}

#pointer
{
	z-index: -1;
	border: 1px solid #CCB;
	position: absolute;
}

#H1, #H2
{
	width: 320px;
	height: 130px;
	position: absolute;
}

#P010, #P020, #P210, #P320, #P410
{
	display: none;
	margin-left: 4px;
}

#S10, #S57
{
	font-weight: bold;
}

#S18
{
	height: 126px;
	overflow: auto;
}

.attr
{
	padding-right: 5px;
}

.bold
{
	font-weight: bold;
}

.boxs
{
	width: 184px;
	margin: auto;
	margin-top: 12px;
	text-align: left;
	border: 1px solid #FFF;
	border-color: #FFF #666 #666 #FFF;
	background-color: #D6DFF7;
}

.boxs-head
{
	color: #36C;
	height: 24px;
	font-weight: bold;
	padding-left: 4px;
	padding-right: 4px;
	background: #FFF url(../images/boxs.png) repeat-y;
}

.down
{
	height: 48px;
}

.drag, .over
{
	width: 100%;
	height: 100%;
	opacity: 0.0;
	z-index: 2000;
	position: absolute;
	background-color: #FFF;
	filter: alpha(opacity=0);
}

.drag
{
	opacity: 0.4;
	filter: alpha(opacity=40);
}

.icon
{
	width: 64px;
	height: 64px;
	margin: 5px 20px 20px 20px;
}

.item, .mark
{
	z-index: 0;
	position: absolute;
}

.list
{
	float: left;
	width: 16px;
	margin-right: 5px;
}

.mark
{
	color: #FFF;
	background-color: #36C;
}

.name
{
	height: 14px;
	overflow: hidden;
}

.note
{
	width: 570px;
	height: 84%;
	position: absolute;
	left: 220px;
	top: 60px;
}

.sets
{
	padding: 8px;
	display: none;
	margin-bottom: 12px;
	border: 1px solid #56C;
}

.span
{
	padding: 4px;
}

.tabs
{
	width: 250px;
	height: 330px;
	display: none;
	z-index: 10000;
	border: 1px solid #06F;
	background-color: #ECE9D8;
	position: absolute;
	left: 215px;
	top: 55px;
}

.tabs-body
{
	padding: 6px;
	height: 250px;
	border: 1px solid #CCC;
	border-color: #CCC #999 #999 #CCC;
	margin: 0px 4px 0px 4px;
	background-color: #FFF;
}

.tabs-head
{
	color: #FFF;
	padding: 4px;
	overflow: hidden;
	font-weight: bold;
	background: #06F url(../images/tabs.png) repeat-x;
}

.tabs-menu
{
	height: 12px;
	font-weight: bold;
	margin: 4px 6px 4px 6px;
}

.tile
{
	float: left;
	width: 32px;
	margin-right: 5px;
}

.user, #sign-icon
{
	width: 48px;
	height: 48px;
}

.fhead
{
	width: 100px;
}

.fname
{
	width: 88%;
	color: #FFF;
	border: 0px;
	text-decoration: underline;
	background-color: transparent;
}

.fpane
{
	width: 170px;
}

.fsign
{
	border: 1px solid;
	border-color: #DEF #ABC #ABC #DEF;
}

.label
{
	font-size: 14px;
	font-weight: bold;
	overflow: hidden;
}

.right
{
	float: right;
}

.tran1
{
	width: 210px;
}

.tran2
{
	color: #03C;
	width: 210px;
	height: 70px;
}

.tran3
{
	width: 40px;
}

.tran1, .tran2, .tran3
{
	border: 0px;
	background-color: transparent;
}

.tran1:hover, .tran2:hover, .tran3:hover
{
	background-color: #EEFFEE;
}

.title
{
	font-size: 16px;
	font-weight: bold;
}

.button
{
	width: 70px;
	text-align: center;
}

.center
{
	text-align: center;
}

div.glow:hover, span.glow:hover
{
	color: #FFF;
	background-color: #36C;
}

div.href:hover, span.href:hover, a:hover
{
	color: #03C;
	text-decoration: underline;
}

@media screen
{
  * html, * html body
  {
	overflow: hidden;
  }

  * html hr
  {
	font-size: 3px;
	margin: 0px;
  }

  * html legend
  {
	padding: 0px 0px 4px 0px;
  }

  * html fieldset
  {
	padding: 0px 5px 5px 5px;
  }

  * html #list
  {
	height: 80px;
  }

  * html #tips
  {
	height: 92px;
  }

  * html #desktop
  {
	height: 100%;
	overflow: auto;
	position: relative;
  }

  * html .tabs-body
  {
	height: 260px;
  }

  * html div#door, * html div#fold, * html div#head, * html div#pane, * html div#tips, * html div#canvas, * html span#tabs
  {
	position: absolute;
  }
}