
/* GENERAL ------------------------------------------------------------------ */

html
{
	height: 100%;
}

/* Zero default margin & padding around common elements */
body, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, li, ol, p, ul
{
	margin: 0;
	border: 0 none transparent;
	padding: 0;
}

body
{
	height: 100%;
	overflow: hidden;
	background-color: #527DB7;
	background-image: url(../images/crowd.jpg);
	background-repeat: repeat-x;
	background-position: 0 100%;
	color: #FFFFFF;
	line-height: 1.5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
}

a:link
{
	color: #003399;
}

a:visited
{
	color: #B266B2;
}

a:hover
{
	text-decoration: none;
}

img
{
	border: 0 none transparent;
}

.clearer
{
	clear: both;
	height: 1px;
	overflow: hidden;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}

.hidden
{
	position: absolute;
	left: -1500em;
	height: 1px;
	width: 1px;
	overflow: hidden;
	margin-right: -1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}




/* CONTENT ------------------------------------------------------------------ */

#system
{
	background-image: url(../images/system_bar_left.png);
	background-repeat: no-repeat;
}

#systemInner
{
	height: 36px;
	background-image: url(../images/system_bar_right.png);
	background-repeat: no-repeat;
	background-position: 100% 0;
}

#systemInner ul
{
	margin-left: 56px;
	color: #000000;
	list-style: none;
}

#systemInner li
{
	float: left;
	margin-right: 15px;
	line-height: 22px;
	cursor: default;
}

#systemInner li.first
{
	font-weight: bold;
}

#systemInner #safariBookmarks
{
	display: none;
	position: absolute;
	top: 22px;
	left: 200px;
	z-index: 200;
	margin: 0;
	background-color: #FFFFFF;
	background-image: url(../images/menu_bg.gif);
	list-style: none;
}

#systemInner #safariBookmarks li
{
	float: none;
	margin: 0;
	padding-right: 15px;
	padding-left: 15px;
}

#systemInner #safariBookmarks li:hover
{
	background-color: #0066CC;
	color: #FFFFFF;
}

#systemInner #safariBookmarks li.bookmark
{
	padding-left: 40px;
	background-image: url(../images/favicon_default.gif);
	background-repeat: no-repeat;
	background-position: 15px 3px;
}

#systemInner #safariBookmarks li#safariBookmarkTMIB
{
	border-top: 1px solid #CCCCCC;
	background-image: url(../images/favicon_tmib.gif);
}

.desktopIcon
{
	position: absolute;
	z-index: 50;
}

#desktopIconFolder
{
	left: 65px;
	top: 100px;
}

#desktopIconFolder2
{
	left: 300px;
	top: 90px;
}

#desktopIconHTML
{
	left: 50px;
	top: 400px;
}

#desktopIconHTML2
{
	left: 250px;
	top: 350px;
}

#desktopIconIaudio
{
	left: 800px;
	top: 100px;
}

#desktopIconMP3
{
	left: 800px;
	top: 400px;
}

#desktopIconPDF
{
	left: 500px;
	top: 200px;
}

#moveCopy
{
	position: absolute;
	z-index: 120;
	opacity: 0.5;
}

#dock
{
	position: absolute;
	bottom: 0;
	left: 50%;
	z-index: 100;
}

#dockBackground
{
	position: absolute;
	bottom: 0;
	left: 50%;
	z-index: 100;
	height: 56px;
	border: 1px solid #FFFFFF;
	opacity: 0.65;
	border-bottom: 0 none transparent;
	background-color: #CCCCCC;
}

#safariApp
{
	display: none;
	position: absolute;
	z-index: 90;
	left: 250px;
	top: 50px;
	background-image: url(../images/safari_top.png);
	background-repeat: no-repeat;
}

#safariAppInner
{
	width: 973px;
	height: 350px;
	padding: 77px 0 28px 0;
	background-image: url(../images/safari_bottom.png);
	background-repeat: no-repeat;
	background-position: 0 100%;
}

#safariAppInner2
{
	width: 973px;
	height: 350px;
	border: 0 none transparent;
	background-image: url(../images/safari_fill.png);
	background-repeat: repeat-y;
}


#safariAppIframe
{
	width: 959px;
	height: 350px;
	margin-left: 7px;
	border: 0 none transparent;
}

#safariAppDrag
{
	position: absolute;
	left: 80px;
	top: 2px;
	width: 875px;
	height: 23px;
}

#safariAppClose
{
	position: absolute;
	left: 36px;
	top: 7px;
	width: 15px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: -21px 0;
}

#safariAppClose:hover
{
	background-image: url(../images/window_buttons_hilite.png);
}

#safariAppAddressBar
{
	position: absolute;
	left: 228px;
	top: 28px;
	width: 525px;
	border: 0 none transparent;
	background-color: transparent;
}

#finder
{
	display: none;
	position: absolute;
	top: 50px;
	left: 65px;
	z-index: 80;
	width: 527px;
	height: 435px;
	background-image: url(../images/finder.png);
	background-repeat: no-repeat;
}

#finderDrag
{
	position: absolute;
	left: 80px;
	top: 2px;
	width: 400px;
	height: 23px;
}

#finderClose
{
	position: absolute;
	left: 15px;
	top: 7px;
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
}

#finderClose:hover
{
	background-image: url(../images/window_buttons_hilite.png);
}

#shrinker
{
	position: absolute;
	z-index: 110;
	border: 1px solid #FFFFFF;
	opacity: 0.4;
	background-color: #CCCCCC;
}
