/*
 * new css
 */
body {	
	overflow:hidden;
	margin:0; padding:0;		 
	background-color:#9FA5AC; 
	font:12px Arial, Helvetica, sans-serif; 
	color:#8A8A8C;
	z-index:0;
}
body.dragging { 
/*	
	cursor: move; 
*/ 
}
body.popUp{
	overflow:hidden;
	background:url(/images/popUp_background.gif) repeat-y;
	padding:30px 8px 16px 28px;
}

body.popUpImport {
	background-color: transparent; 
	overflow:hidden;
	background:url(/images/import_bg.png) no-repeat;
	padding:30px 8px 16px 28px;
}

body.popUpTrash{
	overflow:hidden;
	background:url(/images/popUp_trashBackground.gif) repeat-y;
	margin:0; 
	padding:30px 8px 16px 28px;
}
body.popUpDiskUsage{
	/*
	overflow:hidden;	
	margin:0;
	*/
}

A { color: #8A8A8C; text-decoration: underline; }
A:link  { color: #8A8A8C; }
A:vlink { color: #8A8A8C; }
A:alink { color: #8A8A8C; }
A:hover { color: #8A8A8C; }

a.bmk_lnk:link  { color: #0088B4; font-weight: bold; }
a.bmk_lnk:visited { color: #0088B4; font-weight: bold;}
a.bmk_lnk:hover { color: #0088B4; font-weight: bold;}

img { border : none; }


.ptr { 
	cursor : pointer;
}

.popPicture {
	 border: 1px solid #9E9EA0;
	 /*width:155px; height:119px;*/
}

.smHeader {
	font: bold 13px Arial, Helvetica, sans-serif; 
	color: #00B7F1;
}

.smHeader2 {
	font: bold 11px Arial, Helvetica, sans-serif; 
	color: #00B7F1;
}

.smContent {
	font: bold 11px Arial, Helvetica, sans-serif; 
	color: #58585A;
}

.smContent2 {
	font: 11px Arial, Helvetica, sans-serif; 
	color: #58585A;
}

.smDash {
	margin: 10px 0px 10px 0px;
	background:url(/images/img_dash.gif) repeat-x;
}

.smBigText {
	font: 36px Arial, Helvetica, sans-serif; 
	color: #9FA5AC;
	letter-spacing: 2px;
}

.msgContent {
	font: bold 13px Arial, Helvetica, sans-serif; 
	color: #EC3091;
}

.msgLabel {
	font: 11px Arial, Helvetica, sans-serif; 
	color: #1FBFF1;
}

.trashContent {
	font: 11px Arial, Helvetica, sans-serif; 
	color: white;

}

.txtHeader {
	font-size:10px; letter-spacing:1px;	
	text-decoration: none;
	color:#8A8A8C;
}

A.txtHeader:hover {
	color:white;
}

.txtColor {
	font-size:10px; letter-spacing:1px;	
	text-decoration: none;	
	color:#0088B4;
}

A.txtColor:link { font-size:10px; letter-spacing:1px;	text-decoration: none;	color:#0088B4;	}
A.txtColor:visited { color:#0088B4;	}
A.txtColor:hover {color:#0088B4;	 }
A.txtColor:active { color:#0088B4;	}


/*
 * file upload
 */
div.fileinputs {
	position: relative;
	margin: 2px 0px 8px 0px;
}

div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;	
	z-index: 1;
}

input { 
	border:1px solid #9E9EA0;
	font-size:10px;
	color:#333333;
	vertical-align: middle;
}

input.file {	
	position: relative;
	text-align: right;	
	z-index: 2;
	-moz-opacity:0 ;
  	filter:alpha(opacity: 0);
  	opacity: 0;	
} 

input.invisible {
	cursor: pointer;
	-moz-opacity:0 ;
  	filter:alpha(opacity: 0);
  	opacity: 0;
}

input.transparent {
	background : transparent;
	border : none;
}

input.text {
	height:16px;
}

input.image {	
	border: none;
	vertical-align: middle;
}

textarea { 
	border:1px solid #9E9EA0;
	font:11px Arial, Helvetica, sans-serif; 
	color:#333333;	
}

.smallText{
	color:#999999;
	font:9px Arial, Helvetica, sans-serif; 
}

/**
 * list item
 */
ul { margin:0;padding:0; }  
ul.thumbnail { list-style-type : none; z-index : 0;}

li.thumbnail { float:left; list-style:none;display:list-item; }
li.thumbElement { margin:0px 0px 5px 0px;color:white;text-align:center;vertical-align:middle;}
/* Original, the font color is not quite visable
li.thumbLibrary { margin:0px 10px 4px 5px;width:59px;height:45px; font-size:0.75em;color:#8A8A8C;text-align:center;}	
li.thumbLibrary { margin:0px 10px 4px 5px;width:59px;height:45px; font-size:0.75em;color:#8A8A8C;text-align:center;}
*/
li.thumbLibrary { margin:0px 10px 4px 5px;width:59px;height:45px; font-size:0.75em;color:black;text-align:center;}	

.oflow {  overflow:hidden; }
.scr_top    { width:7px; height:196px; }
.scr_body   { width:7px; height:8px; }
.scr_h_body { width:270px;height:8px;}
.scr_cursor { cursor:pointer;}
.scr_ball { position:absolute; cursor:pointer; top:8px;left:0px;width:7px;height:7px;}

.dashed { border : 1px dashed #9c9d9f; }
.dashed_right  { position:absolute;width:5px;border-right:1px dashed #9c9d9f;z-index:1;}
.dashed_left  { position:absolute;width:5px;border-left:1px dashed #9c9d9f;z-index:1;}
.dashed_bottom { position:absolute;border-bottom:1px dashed #9c9d9f;z-index:1;}
.dashed_sides { border-left:1px dashed #9c9d9f;border-right:1px dashed #9c9d9f; }

.target { /*position:absolute;*/}
.draggable { position: relative;} 

A.dochdr {
	text-decoration:none;
	height:16px;
	padding: 0px 2px 0px 2px;	
}

.blocker {
	position: absolute;
	background-color:black;
	z-index: 9999;
	display: none;
	-moz-opacity:0.7 ;
	filter:alpha(opacity=70);
}

/*
 * common style sheet
 */
#uPref{ position:absolute;top:155px;left:790px;z-index:100;}
#dragIcon1,#dragIcon2,#dragIcon3 {position:absolute;width:30px;height:30px;visibility:hidden;z-index:2001;}
#tip { position:absolute;padding:1px 3px 1px 3px;visibility:hidden;z-index:5;font-weight:bold;font-size:10px;z-index:2000;}
.tip1 { background-color:#ffffff;color:#666666;}
.tip2 { background-color:#000000;color:#ffffff;}
.tip3 { background-color:#5c5d5f;color:#ffffff;border:1px solid white}

/* background */
#pageBg { position:absolute;top:150px;left:0px; z-index:0;display:block; }

/* use this layer to block user activity */
#unClickable { position:absolute; top:0px; left:0px; width:822px; height:100%; z-index:999;display:none;}

/* this one is used for calculating page width & height */
#measure { position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:1;}