body {
	margin:0px;
	color:#000;
	background-color:#330000;
}

body, input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}

img {
	border:0px;
}

a {
	text-decoration:none;
}


/* TOP BAR */

#topBar {
	height:35px;
	width:100%;
	position:absolute;
	left:0px;
	top:0px;
	background-image:url(../images/topBar/topBar.png);
	z-index:101;
	text-align:center;
}

#applications {
	position:absolute;
	left:10px;
	top:0px;
}

#appsMenu {
	width:150px;
	position:absolute;
	left:0px;
	top:35px;
	/*background-color:#979596;*/
	background-image:url(../images/appsMenu/appsMenu.png);
	padding:10px;
	font-size:12px;
	font-weight:bold;
	border-top:1px solid #000;
}

#appsMenu ul { 
	margin : 0px;
	padding : 0px;
	list-style: none; 
}

#appsMenu li { 
	line-height:32px;
	padding:0px 5px 0px 5px;
}

#appsMenu li:hover { 
	cursor:pointer;
}

#appsMenu #myDocuments p{ 
	background: transparent url(../images/appsMenu/myDocuments.png) no-repeat center right;
}

#appsMenu #webBrowser p{ 
	background: transparent url(../images/appsMenu/webBrowser.png) no-repeat center right;
}

#appsMenu #addressBook p{ 
	background: transparent url(../images/appsMenu/addressBook.png) no-repeat center right;
}

#appsMenu #notepad p{ 
	background: transparent url(../images/appsMenu/notepad.png) no-repeat center right;
}

#appsMenu #calendar p{ 
	background: transparent url(../images/appsMenu/calendar.png) no-repeat center right;
}

#appsMenu #webBrowser p{ 
	background: transparent url(../images/appsMenu/webBrowser.png) no-repeat center right;
}

#appsMenu #rssReader p{ 
	background: transparent url(../images/appsMenu/rssReader.png) no-repeat center right;
}

#search {
	position:absolute;
	right:10px;
	top:0px;
}

#inputSearch {
	position:absolute;
	right:20px;
	width:175px;
	top:9px;
	z-index:5;
	border:1px;
}


/* WINDOW */

.window {
	position:absolute;
	left:200px;
	top:100px;
}

.window .topLeft {
	position:absolute;
	top:0px;
	left:0px;
	width:12px;
	height:50px;
	background-image:url(../images/window/topLeft.png);
}

.window .topRight {
	position:absolute;
	top:0px;
	right:0px;
	width:12px;
	height:50px;
	background-image:url(../images/window/topRight.png);
}

.window .titleBar {
	position:absolute;
	top:0px;
	left:12px;
	height:49px;
	background-image:url(../images/window/titleBar.png);
	border-bottom:1px solid #000;
}

.window .title img {
	float:left;
	margin-right:5px;
}

.window .title {
	position:absolute;
	top:9px;
	left:0px;
	font-size:200%;
	line-height:32px;
}

.window .close {
	width:21px;
	height:21px;
	background-image:url(../images/window/close.png);
	position:absolute;
	top:5px;
	right:5px;
}

.window .resize {
	width:21px;
	height:21px;
	background-image:url(../images/window/resize.png);
	position:absolute;
	top:5px;
	right:31px;
}

.window .middleLeft {
	width:12px;
	background-image:url(../images/window/middleLeft.png);
	position:absolute;
	left:0px;
}

.window .content {
	position:absolute;
	left:12px;
	background-color:#fff;
}

.window .content a {
	line-height:22px;
	margin-left:5px;
	color:#000;
}

.window .middleRight {
	width:12px;
	background-image:url(../images/window/middleRight.png);
	position:absolute;
	right:0px;
}

.window .bottomLeft {
	position:absolute;
	bottom:0px;
	left:0px;
	width:12px;
	height:8px;
	background-image:url(../images/window/bottomLeft.png);
}

.window .bottomBar {
	position:absolute;
	bottom:0px;
	left:12px;
	height:8px;
	background-image:url(../images/window/bottomBar.png);
}

.window .bottomRight {
	position:absolute;
	bottom:0px;
	right:0px;
	width:12px;
	height:8px;
	background-image:url(../images/window/bottomRight.png);
}


/* MY DOCUMENTS */

#myDocsWindow #createFolder {
	padding: 5px 20px 5px 0;
	background: transparent url(../images/mydocuments/createFolder.png) no-repeat center right;
}

#myDocsWindow #fileUpload {
	padding: 5px 20px 5px 0;
	background: transparent url(../images/mydocuments/fileUpload.png) no-repeat center right;
}

#myDocsWindow #fileMenu {
	background-color:#d6dff7;
	position:absolute;
	width:109px;
	height:346px;
	float:left;
	top:0px;
	left:0px;
	border-right:1px solid #ccc;
}

#myDocsWindow #fileList {
	position:absolute;
	float:left;
	top:0px;
	left:110px;
	width:366px;
	height:346px;
	overflow:auto;
}

#myDocsWindow #path {
	position:absolute;
	bottom:0px;
	left:0px;
	height:13px;
	padding:5px;
	width:466px;
	background-color:#ccc;
}

#myDocsWindow #contextMenu {
	width:70px;
	position:absolute;
	background:#ccc;
	text-align:center;
	line-height:18px;
	padding:5px;
}

#myDocsWindow #contextMenu img {
	float:left;
}

#uploadWindow iframe {
	padding:5px;
	height:70px;
	width:190px;
}


/* ADDRESS BOOK */

#addressBookWindow #contactList {
	overflow:auto;
	padding:5px;
	height:340px;
	width:139px;
	border-right:1px solid #ccc;
}

#addressBookWindow #contactList a { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icons/icon_vcard.gif) no-repeat center right;
}

#addressBookWindow #contactDetail {
	overflow:auto;
	top:0px;
	left:150px;
	position:absolute;
	width:300px;
}

#addressBookWindow #contactDetail img[src$='.jpg'] {
	padding:2px;
	border:1px solid #ccc;
}

#addressBookWindow #contactDetail .contactTitle {
	vertical-align:text-top;
	color: #aaa;
}

#addressBookWindow #contactDetail a {
	line-height:normal;
	margin:0px;
}

#addContactWindow textarea, #modifyContactWindow textarea {
	width:261px;
}

#addContactWindow iframe, #modifyContactWindow iframe {
	padding:5px;
	height:70px;
	width:190px;
}

#addContactWindow fieldset, #modifyContactWindow fieldset {
	width:191px;
}



/* CALENDAR */

#calendarWindow table {
	text-align:center;
	background-color:#d6dff7;
	margin:10px;
}

#calendarWindow td {
	border:1px solid #ccc;
	padding-right:5px;
}

#calendarWindow .dayName {
	font-weight:bold;
	padding:5px;
}

#calendarWindow a.today {
	color:#ff0000;
}

#calendarWindow td.today {
	background-color:#ccc;
}

#calendarWindow .event {
	text-decoration:underline;
}

#calendarWindow #event {
	margin-left:10px;
}

#calendarWindow #eventTextArea {
	width:220px;
	height:120px;
}


/* WEB BROWSER */

#browserWindow #url {
	margin:3px;
	width:400px;
}

#browserWindow #bookmarks {
	position:absolute;
	width:199px;
	height:475px;
	float:left;
	top:25px;
	left:0px;
	border-right:1px solid #ccc;
}

#browserWindow iframe {
	position:absolute;	
	top:25px;
	left:200px;
	float:right;
	height:475px;
	width:676px;
}

#browserWindow .deleteLink {
	margin-left:5px;
}


/* RSS READER */

#feeds { 
	padding:5px;
	width:189px;
	height:490px;
	border-right:1px solid #000;
}

#feeds ul { 
	margin:0px;
	padding:0px;
	list-style:none; 
}

#feeds a { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icons/icon_feed.gif) no-repeat center right;
}

#news { 
	padding:5px;
	position:absolute;
	top:0px;
	left:200px;
	width:466px;
	height:490px;
	overflow:auto;
}
 

/* NOTEPAD */

#notepadWindow textarea {
	height:301px;
	width:350px;
	margin:10px;
}

#notepadWindow #txtFiles .txt {
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icons/icon_txt.gif) no-repeat center right;
}


/* SHARED */

.window .content p {
	margin:5px;
}

.window .content .navigation {
	background-color:#ccc;
	height:25px;
	padding-left:10px;
}

.window .content .navigation ul { 
	margin : 0px;
	padding : 0px;
	list-style: none; 
}

.window .content .navigation li { 	
	float : left;
	display : inline;
	margin-right : 10px;
}

.window .content .folder {
	color:#0000ff;
	padding: 5px 20px 5px 0;
	background: transparent url(../images/mydocuments/folder.png) no-repeat center right;
}

.window .content label {
	width:256px;
	float:left;
}

.window .content p input {
	width:261px;
}

.window .content .add {
	width:50px;
	float:right;
}