html,body{height:100%;}
body {
	margin:0;
	padding:0;
	background:#fff;
	font:70% Arial, Helvetica, sans-serif; 
	color:#333;
	line-height:150%;
	overflow:auto;
}
a{
	text-decoration:none;
	color:#999;
}
a:hover{
	text-decoration:none;
	color:#aaa;
}
img{border:0;}
table, td, input, textarea, select, li{
	font: 100% Arial, Helvetica, sans-serif;
	color:#333;	
}
p, h1, h2, h3, h4, h5{margin:.5em 0;}
h1{
	float:left;
	display:inline;
	width:128px;
	height:40px;
	margin:0;
	padding:0;
	background:url(../images/logo.gif) no-repeat 0 0;
	text-indent:-8000px;
	overflow:hidden;
	margin-left:1px;
	margin-right:10px;
}
h1 a{
	display:block;
	height:40px;
}

ul,li{margin:0;padding:0;list-style:none;}

.hidden{display:none;}
.done{text-decoration:line-through;}
#note{
	position:absolute;
	float:left;
	line-height:40px;
	height:40px;
	width:200px;
	margin:0;
	margin-left:-100px;
	background:#333;
	color:#fff;
	top:50%;
	left:50%;
	text-align:center;
	display:none;
	font-size:110%;
}

#welcome{
	position:absolute;
	line-height:40px;
	height:40px;
	color:#fff;
	top:120px;
	left:20px;
	display:none;
}
#welcome h2, #welcome p{
	clear:both;
	float:left;
	margin:.2em 0;
	padding:0 20px;
	background:#333;
	color:#fff;
	font-size:110%;
}
#welcome h2{font-size:140%;}
#welcome p.alt{background:#686868;}
#welcome p a{color:#fff;font-weight:bold;}
#header{
	background:url(../images/header_back.gif) repeat-x;
	height:40px;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	z-index:90;
}
#header a{color:#fff;}

#meta, #meta ul{
	margin:0;
	padding:0;
	list-style:none;
}
#meta{
	position:absolute;
	right:10px;
	top:0;
}
#meta li{
	margin:0 8px;
	float:left;
	display:inline;
	height:40px;
	line-height:40px;
	color:#fff;
}
#meta li a, #meta li span{color:#fff;font-weight:bold;}
#meta li a:hover{color:#999;}

#tabs, #tabs li{
	margin:0;
	padding:0;
	list-style:none;
}
#tabs{
	height:30px;
	position:absolute;
	left:128px;
	top:9px;
	z-index:100;
}
#tabs li, #tabs li a{
	float:left;
	display:inline;
	height:30px;	
	line-height:30px;		
}
#tabs li{
	background:#333;
	margin-right:1px;
	position:relative;
}
#tabs a{margin:0 10px;color:#ccc;}
#tabs li.selected{background:#4c4c4c;}
#tabs li.selected a{color:#fff;}

a#tabEditBtn{
	height:16px;
	width:17px;
	text-indent:-8000px;
	overflow:hidden;
	background:url(../images/tab_edit.gif) no-repeat 0 2px;
	margin-right:0;
	margin-left:5px;
}
#tabEdit, #tabEdit li{
	margin:0;
	padding:0;
	list-style:none;
}
#tabEdit{
	position:absolute;
	z-index:1000;
	top:30px;
	left:0;
	background:#4c4c4c;
	width:180px;
	padding:0 1px;
	display:none;
}
#tabs #tabEdit li, #tabs #tabEdit li a{
	float:none;
	display:block;
}
#tabEdit li{margin-bottom:1px;}
#tabEdit a{
	margin:0;
	text-indent:10px;
	display:block;
	width:100%;
	margin-bottom:1px;
}
#tabEdit a:hover{
	background:#4c4c4c;
}

p#saving{
	margin:0;
	position:absolute;
	left:20px;
	bottom:2px;
	z-index:90;
	padding:0 5px;
}
#credits{
	margin:0;
	position:absolute;
	left:20px;
	bottom:20px;
	z-index:90;
	padding:0 5px;
}
#credits a{font-weight:bold;}

.cover{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:99;
}
.cover{ background:url(../images/cover.png);}
* html .cover{
	background-color:#000;
	back\ground-color:transparent;
	background-image: url(none.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/cover.png", sizingMethod="scale");
}

.bookmark{
	position:absolute;
	width:72px;
	cursor:move;
	overflow:visible;
}
.bookmark div{
	width:32px;
	height:32px;
	line-height:32px;
	margin-left:20px;
	margin-bottom:4px;
	text-align:center;
	vertical-align:middle;
}
.bookmark div img{vertical-align:bottom;line-height:32px;}
.bookmark a{
	display:block;
	width:100%;
	cursor:pointer;
	text-align:center;
}

.bookmark span, #credits, #credits a, #menu, #menu a{
	line-height:150%;
	background:#000;
	color:#fff;
	padding:1px 3px;
}

#tooltip{
	position:absolute;
	background:#fff;
	color:#333;	
	border:1px solid #ccc;	
	width:300px;
}

.edit{
	display:none;
	position:absolute;
	z-index:500;
	background:#4c4c4c;
	line-height:180%;
}
#editBookmark, #login, #help, #request, #passwordChange, #import, #importFile{width:470px;}
#editSettings{width:700px;}
.edit h2{
	font-weight:normal;
	margin:1px;
	line-height:26px;
	text-indent:10px;
	background:#333;
	color:#fff;
	font-size:150%;
}
.edit .inner h2{
	background:#888;
}
.edit .inner{
	margin:10px;
	margin-right:0;
	background:#fff;
	float:left;
	display:inline;
	width:220px;
	height:270px;
	overflow:auto;
}
.edit .inner2{
	margin:10px;
	margin-right:0;	
	background:#fff;
	width:450px;
	height:270px;
	line-height:150%;
	overflow:auto;
}
.edit h3{
	font-size:120%;
	font-weight:normal;
	margin:0;
	padding:10px 10px;
}
.edit p{margin:.5em 10px;clear:both;}
.edit p.alt{margin-top:1em;padding-top:.5em;border-top:1px solid #e1e1e1;}
.edit p.first{margin-top:1em;padding-top:.5em;}
.edit img{background:#fff;}

#help .inner a{
	font-weight:bold;
	color:#000;
	text-decoration:underline;
}

#request .inner2{font-size:110%;}
#request .inner2 p{padding:.5em 0;}
#request .inner2 a{
	color:#000;
	text-decoration:underline;
}

.edit label{display:block;clear:both;}
.inputField, .inputField2, .inputArea{
	border:1px solid #ccc;
	background:#e1e1e1;
	width:198px;
}
* html .inputField, * html .inputField2, * html .inputArea{width:196px;}
.inputField2{width:70px;float:left;}
* html .inputField2{width:68px;}
.inputArea{height:64px;overflow:auto;}

.checkbox{
	vertical-align:middle;
	margin-right:5px;
	margin-bottom:5px;
}

#icon, #background{height:40px;}
#icons, #backgrounds{
	width:200px;	
	height:100px;
	margin-left:10px;
	margin-bottom:10px;	
	overflow:auto;
	border:1px solid #ccc;
}
* html #icons, * html #backgrounds{width:198px;}
#icons span, #backgrounds span{
	float:left;
	margin:5px;
}

.pickerLink{
	float:left;
	width:70px;
	text-align:center;
	line-height:18px;
	height:18px;
	background:#ccc;
	color:#333;	
}
.pickerLink:hover{color:#fff;}

.pickerPreview{
	float:left;
	width:16px;
	line-height:16px;
	height:16px;
	background:#eee;
	margin:0 5px;
	color:#333;	
	border:1px solid #ccc;
}

#linkBgPreview{margin-bottom:1em;}

#picker{
	position:absolute;
	width:235px;
	height:170px;
	top:100px;
	left:20px;
	background:#ccc;
}
#picker a{
	float:left;
	width:12px;
	height:12px;
	margin-left:1px;
	margin-top:1px;
	text-indent:-8000px;
	overflow:hidden;	
}
#picker a#pickerCancel{
	margin-left:13px;
	background:url(../images/picker_cancel.gif) no-repeat 0 0;
}

p.functions{
	margin:0;
	padding:0 10px;
	clear:both;
	height:36px;
}
p.functions a{
	display:block;
	float:left;
	background:#333;
	font-weight:bold;
	color:#fff;
	padding:2px 20px;	
	height:26px;
	line-height:26px;
	margin-right:2px;
}
p.functions a:hover{color:#999;}

.inner p.functions, .inner2 p.functions{margin-top:1em;}
.inner p.functions a, .inner2 p.functions a{background:#4c4c4c;text-decoration:none;color:#fff;}

ul#importedLinks{margin:0 10px;}
ul#importedLinks li{line-height:20px;clear:both;}
ul#importedLinks span{
	float:left;
	height:20px;
	line-height:20px;
	background:#e1e1e1;
	text-indent:5px;
	margin-right:1px;
	margin-bottom:1px;
	overflow:hidden;
}
ul#importedLinks span.one{width:30px;}
ul#importedLinks span.two{width:170px;}
ul#importedLinks span.three{width:200px;}
ul#importedLinks span.one img{margin-top:1px;}
/* ---------------------- float fix ----------------------------- */
.edit:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.edit{display:block;}
/*  \*/
.edit{min-height:1%;}
 * html .edit{height:1%;}
 /*  */
 
 /* end float fix */
.edit{display:none;}