/*
-------------------------------------------------------------------------
 daftOS - The Simple Web Operating System
-------------------------------------------------------------------------
 By : Muhammad Faruq Nuruddinsyah
 Division of D-Webs - DaftLabs, Dafturn Technology
-------------------------------------------------------------------------
 Copyright © 2009 - 2011. All Rights Reserved.
-------------------------------------------------------------------------
 Theme Styles : Default
-------------------------------------------------------------------------
*/

.desktop{
	margin:0px 0px 0px 0px;
	width:100%;
	height:100%;
	background-image:url(../../system/themes/default/img/wallpaper.jpg);
	background-position:center;
	background-color:#D3DAE0;
	overflow:hidden;
	cursor:default;
	font-family:verdana,sans-serif;
	font-size:8pt;
}

.text{
	font-family:verdana,sans-serif;
	font-size:8pt;
	border:1px solid #b4b4b4;
	background-color:white;
	color:#404040;
	padding-left:2px;
	padding-right:2px;
}

.text:hover{
	border:1px solid #3991EA;
}

.text:focus{
	border:1px solid #909090;
}

.text:focus:hover{
	border:1px solid #3991EA;
}

.file{
	font-family:verdana,sans-serif;
	font-size:8pt;
	color:#404040;
	margin-bottom:3px;
}

.button{
	font-family:verdana,sans-serif;
	font-size:8pt;
	padding-left:8px;
	padding-right:8px;
	padding-top:3px;
	padding-bottom:3px;
	margin-left:0px;
	margin-right:0px;
	border:1px solid #B5BAC2;
	background-color:#D0D5DA;
	color:black;
	cursor:pointer;
}

.button:hover{
	background-color:DFE5EA;
	border:1px solid #BABFC7;
	color:black;
}

.select{
	font-family:verdana,sans-serif;
	font-size:8pt;
	border:1px solid #b4b4b4;
	background-color:white;
	color:#404040;
}

.select:hover{
	border:1px solid #3991EA;
}

.select:focus{
	border:1px solid #909090;
}

.select:focus:hover{
	border:1px solid #3991EA;
}

.line{
	background-color:#b0b0b0;
	height:1px;
	margin-top:.8em;
	margin-bottom:.7em;
}

.radio{
	cursor:pointer;
}

.checkbox{
	cursor:pointer;
}

.label_for{
	cursor:pointer;
}

.link{
	color:#3991EA;
	text-decoration:none;
	cursor:pointer;
}

.link:hover{
	text-decoration:underline;
}

/* Login ------------------------------------------------------- */

#daftLogin{
	position:relative;
	top:120px;
}

#login_table{
	font-family:verdana,sans-serif;
	font-size:8pt;
	border:1px solid #1a1a1a;
	color:#a4a4a4;
	background-color:#242D35;
}

#login_title{
	font-family:verdana,sans-serif;
	font-size:16pt;
	color:#242D35;
}

#login_copyright{
	color:#909090;
}

#login_error{
	color:#ff2020;
}

.login_button{
	font-family:verdana,sans-serif;
	font-size:8pt;
	padding-left:8px;
	padding-right:8px;
	padding-top:3px;
	padding-bottom:3px;
	margin-left:0px;
	margin-right:0px;
	border:1px solid #363E45;
	background-color:#363E45;
	color:#d0d0d0;
	cursor:pointer;
}

.login_button:hover{
	background-color:#ADB1B5;
	border:1px solid #ADB1B5;
	color:#202020;
}

.login_text{
	font-family:verdana,sans-serif;
	font-size:8pt;
	border-bottom:1px dashed #707070;
	border-top:1px solid #242D35;
	border-left:1px solid #242D35;
	border-right:1px solid #242D35;
	background-color:#242D35;
	color:#c0c0c0;
	padding-left:0px;
	padding-right:0px;
}

.login_text:hover{
	border-bottom:1px dashed #a0a0a0;
}

/* Taskbar ----------------------------------------------------- */

#div_taskbar{
	border-bottom:1px solid #1a1a1a;
}

#content_taskbar{
	font-family:verdana,sans-serif;
	font-size:8pt;
	background-color:#383F47;
	color:#d8d8d8;
	width:100%;
}

.taskbar_menu{
	background-color:#383F47;
	padding-left:5px;
	padding-right:8px;
	cursor:pointer;
	height:29px;
}

.taskbar_menu_focus{
	background-color:#4A5056;
	padding-left:5px;
	padding-right:8px;
	cursor:pointer;
	height:29px;
}

#taskbar_menu_apps:hover{
	background-color:#4A5056;
}

#taskbar_menu_home:hover{
	background-color:#4A5056;
}

#taskbar_menu_prefs:hover{
	background-color:#4A5056;
}

#taskbar_menu_right{
	background-color:#383F47;
	padding-left:5px;
	padding-right:5px;
	cursor:pointer;
}

#taskbar_menu_right:hover{
	background-color:#4A5056;
}

#taskbar_menu_separate{
	width:1px;
	background-color:#545A5F;
	padding-left:1px;
	padding-right:0px;
}

#taskbar_list{
	padding-bottom:0px;
	padding-top:0px;
}

.taskbar_button{
	text-align:left;
	font-family:verdana,sans-serif;
	font-size:8pt;
	border:1px solid #383F47;
	border-right:1px solid #4A5055;
	background-color:#383F47;
	color:#d8d8d8;
	width:130px;
	cursor:pointer;
	margin-left:3px;
	margin-top:1px;
	margin-bottom:1px;
	padding-top:5px;
	padding-bottom:5px;
}

.taskbar_button:hover{
	border:1px solid #696D70;
	background-color:#5A6065;
}

.taskbar_button_active{
	text-align:left;
	font-family:verdana,sans-serif;
	font-size:8pt;
	border:1px solid #545A5F;
	background-color:#4A5056;
	color:#d8d8d8;
	width:130px;
	cursor:pointer;
	margin-left:3px;
	margin-top:1px;
	margin-bottom:1px;
	padding-top:5px;
	padding-bottom:5px;
}

.taskbar_button_active:hover{
	border:1px solid #696D70;
	background-color:#5A6065;
}

/* Taskbar Menu ------------------------------------------------------- */

.taskbar_canvas_top_menu{
	position:relative;
	top:4px;
	left:-7px;
}

.taskbar_menu_top_menu{
	position:absolute;
	z-index:999;
	cursor:default;
	background-color:#383F47;
	border:1px solid #1f1f1f;
}

.taskbar_menu_child_menu{
	z-index:999;
	cursor:default;
	background-color:#383F47;
	border:1px solid #1f1f1f;
}

.taskbar_menu_table{
	font-family:verdana,sans-serif;
	font-size:8pt;
	background-color:#383F47;
	color:#d8d8d8;
}

.taskbar_menu_table td:hover{
	background-color:#4A5056;
	cursor:pointer;
}

.taskbar_menu_list{
	padding-left:36px;
	padding-right:35px;
	padding-top:8px;
	padding-bottom:8px;
}

.taskbar_menu_list_focus{
	background-color:#4A5056;
	padding-left:36px;
	padding-right:35px;
	padding-top:8px;
	padding-bottom:8px;
}

.taskbar_menu_list_noicon{
	padding-left:36px;
	padding-right:35px;
	padding-top:8px;
	padding-bottom:8px;
}

.taskbar_menu_list_disabled{
	padding-left:36px;
	padding-right:35px;
	padding-top:8px;
	padding-bottom:8px;
	font-style:italic;
	color:#646A6F;
}

.taskbar_menu_list_separator{
	background-color:#454A4F;
	height:1px;
	padding:0px 0px 0px 0px;
}

.taskbar_menu_list_icon{
	position:absolute;
	top:-5px;
	left:-32px;
}

.taskbar_menu_list_child{
	top:-24px;
}

.taskbar_menu_list_expand{
	position:absolute;
	top:-12px;
	right:-24px;
}

/* LockBox ------------------------------------------------------- */

#daftLockBox{
	z-index:1000;
}

#lock_table{
	
}

/* QuitBox ------------------------------------------------------- */

#daftQuitBox{
	position:relative;
	top:160px;
	z-index:1001;
}

#quit_table{
	font-family:verdana,sans-serif;
	font-size:8pt;
	border:1px solid #181818;
	color:#6B9CCE;
	background-color:#242D35;
}

#quit_title{
	font-family:verdana,sans-serif;
	font-size:8pt;
	color:#a0a0a0;
}

#quit_pleasewait{
	font-family:verdana,sans-serif;
	font-size:8pt;
	color:#909090;
}

.quit_button{
	font-family:verdana,sans-serif;
	font-size:8pt;
	padding-left:8px;
	padding-right:8px;
	padding-top:5px;
	padding-bottom:5px;
	margin-left:0px;
	margin-right:0px;
	border:1px solid #363E45;
	background-color:#363E45;
	color:#d0d0d0;
	cursor:pointer;
}

.quit_button:hover{
	background-color:#ADB1B5;
	border:1px solid #ADB1B5;
	color:#202020;
}

#quit_button_center{
	border-left:1px dashed #242D35;
	border-right:1px dashed #242D35;
}

#quit_button_center:hover{
	border:1px solid #ADB1B5;
}

/* Desktop clock -------------------------------------------------- */

#daftClock{
	position:absolute;
	bottom:15px;
	right:17px;
}

#content_clock{
	font-family:verdana,sans-serif;
	font-size:8pt;
	color:white;
}

#time_clock{
	font-size:16pt;
	font-weight:bold;
	text-shadow:black 0px 1px 3px;
}

#date_clock{
	font-size:8pt;
	text-shadow:black 0px 1px 2px;	
}

#td_clock{
	text-align:right;
}

/* QuickRun -------------------------------------------------------- */

#daftQuickRun{
	position:absolute;
	bottom:8px;
	left:8px;
}

#quickrun_content{
	visibility:hidden;
}

#quickrun_button{
	cursor:pointer;
}

.quickrun_text{
	font-family:verdana,sans-serif;
	font-size:8pt;
	border:1px solid #ffffff;
	background-color:white;
	color:#404040;
	padding-left:6px;
	padding-right:8px;
	width:160px;
	height:22px;
	margin-bottom:4px;
	text-align:right;
}

.quickrun_text_focus{
	font-family:verdana,sans-serif;
	font-size:8pt;
	border:1px solid #ffffff;
	background-color:white;
	color:black;
	padding-left:4px;
	padding-right:4px;
	width:260px;
	height:22px;
	margin-bottom:4px;
	opacity:1;
}

/* MessageBox ------------------------------------------------------ */

#content_msg{
	position:relative;
	top:8px;
	left:8px;
	z-index:1000;
	font-family:verdana,sans-serif;
	font-size:8pt;
	color:#e0e0e0;
	border:1px solid #1a1a1a;
	background-color:#383F47;
	line-height:1.3em;
	padding-left:10px;
	padding-right:10px;
	padding-top:8px;
	padding-bottom:8px;
	cursor:pointer;
}

/* Window --------------------------------------------------------- */

.window_table{
	font-family:verdana,sans-serif;
	font-size:8pt;
	border:1px solid #8F969D;
}

.window_table_active{
	font-family:verdana,sans-serif;
	font-size:8pt;
	border:1px solid #3F464D;
}

.window_table_dragged{
	font-family:verdana,sans-serif;
	font-size:8pt;
	border:1px solid #3F464D;
}

.window_title{
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	padding-top:5px;
	height:24px;
	border:1px solid #F6F6F6;
	border-bottom:1px solid #D4D9DF;
	background-color:#E9ECEE;
	color:#3F464D;
	text-align:center;
}

.window_title_active{
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	padding-top:5px;
	height:24px;
	border:1px solid #F6F6F6;
	border-bottom:1px solid #B0B5BB;
	background-color:#D0D5DA;
	color:#20272E;
	text-align:center;
}

.window_title_text{
	font-weight:bold;
}

.window_title_text_active{
	font-weight:bold;
}

#window_content{
	padding-left:1px;
	padding-right:1px;
	padding-bottom:1px;
	padding-top:1px;
	border:0px solid #3F464D;
	border-top:0px;
	background-color:white;
}

.window_button_close{
	position:absolute;
	top:5px;
	right:2px;
	visibility:hidden;
}

.window_button_min{
	position:absolute;
	top:5px;
	right:17px;
	visibility:hidden;
}

.window_button_close_active{
	position:absolute;
	top:5px;
	right:2px;
	cursor:pointer;
}

.window_button_min_active{
	position:absolute;
	top:5px;
	right:17px;
	cursor:pointer;
}

#window_button_close_background{
	position:absolute;
	top:5px;
	right:2px;
}

#window_button_min_background{
	position:absolute;
	top:5px;
	right:17px;
}

/* App ----------------------------------------------------- */

.bgapp{
	cursor:default;
	font-family:verdana,sans-serif;
	font-size:8pt;
	background-color:white;
}

.table_app{
	font-family:verdana,sans-serif;
	font-size:8pt;
}

#font_theme_color{
	color:#404040;
}

#font_theme_color_title{
	color:#404040;
	font-size:16pt;
}

#menu_bg{
	background-color:#f4f4f4;
	border-bottom:1px solid #b0b0b0;
}

#menu_item{
	font-size:7pt;
	padding-left:7px;
	padding-right:7px;
	padding-top:7px;
	padding-bottom:7px;
	cursor:pointer;
	border:1px solid #f4f4f4;
}

#menu_item:hover{
	background-color:white;
	border:1px solid #b4b4b4;
}

#menu_separate{
	width:1px;
	border-left:1px dotted #b4b4b4;
	padding-left:0px;
	padding-right:0px;
}

#menu_img{
	padding-bottom:4px;
}

.tab_table{
	font-family:verdana,sans-serif;
	font-size:8pt;
}

#tab_item_left{
	border-bottom:1px solid #b0b0b0;	
	width:12px;
}

#tab_item_right{
	border-left:1px solid #b0b0b0;
	border-bottom:1px solid #b0b0b0;	
}

#tab_item_bottom{
	background-color:white;
}

.tab_item_focus{
	border-left:1px solid #b0b0b0;
	border-top:3px solid #3991EA;
	padding:3px 16px 7px 10px;
	cursor:pointer;
}

.tab_item{
	border-top:1px solid #b0b0b0;
	border-left:1px solid #b0b0b0;
	border-bottom:1px solid #b0b0b0;
	padding:4px 16px 2px 10px;
	cursor:pointer;
}

/*
-------------------------------------------------------------------------
 daftOS - The Simple Web Operating System
-------------------------------------------------------------------------
 By : Muhammad Faruq Nuruddinsyah
 Division of D-Webs - DaftLabs, Dafturn Technology
-------------------------------------------------------------------------
 Copyright © 2009 - 2011. All Rights Reserved.
-------------------------------------------------------------------------
 Theme Styles : Default - Shadow
-------------------------------------------------------------------------
*/

.button{
	-moz-box-shadow:0px 0px 3px #b0b0b0;
	-webkit-box-shadow:0px 0px 3px #b0b0b0;
	box-shadow:0px 0px 3px #b0b0b0;
}

.button:hover{
	-moz-box-shadow:0px 0px 5px #b0b0b0;
	-webkit-box-shadow:0px 0px 5px #b0b0b0;
	box-shadow:0px 0px 5px #b0b0b0;
}

.text:focus{
	-moz-box-shadow:0px 0px 2px #888888;
	-webkit-box-shadow:0px 0px 2px #888888;
	box-shadow:0px 0px 2px #888888;
}

.select:focus{
	-moz-box-shadow:0px 0px 2px #888888;
	-webkit-box-shadow:0px 0px 2px #888888;
	box-shadow:0px 0px 2px #888888;
}

#div_taskbar{
	-moz-box-shadow:0px 0px 5px #000000;
	-webkit-box-shadow:0px 0px 5px #000000;
	box-shadow:0px 0px 5px #000000;
}

.taskbar_menu_top_menu{
	-moz-box-shadow:0px 1px 4px #000000;
	-webkit-box-shadow:0px 1px 4px #000000;
	box-shadow:0px 1px 4px #000000;
}

.taskbar_menu_child_menu{
	-moz-box-shadow:0px 1px 4px #000000;
	-webkit-box-shadow:0px 1px 4px #000000;
	box-shadow:0px 1px 4px #000000;
}

#quit_table{
	-moz-box-shadow:0px 1px 3px #404040;
	-webkit-box-shadow:0px 1px 3px #404040;
	box-shadow:0px 1px 3px #404040;
}

.quickrun_text{
	-moz-box-shadow:0px 0px 3px #000000;
	-webkit-box-shadow:0px 0px 3px #000000;
	box-shadow:0px 0px 3px #000000;
}

.quickrun_text_focus{
	-moz-box-shadow:0px 0px 3px #000000;
	-webkit-box-shadow:0px 0px 3px #000000;
	box-shadow:0px 0px 3px #000000;
}

#content_msg{
	-moz-box-shadow:0px 0px 4px #000000;
	-webkit-box-shadow:0px 0px 4px #000000;
	box-shadow:0px 0px 4px #000000;
}

.window_table{
	-moz-box-shadow:0px 1px 5px #808080;
	-webkit-box-shadow:0px 1px 5px #808080;
	box-shadow:0px 1px 5px #808080;
}

.window_table_active{
	-moz-box-shadow:0px 1px 10px #606060;
	-webkit-box-shadow:0px 1px 10px #606060;
	box-shadow:0px 1px 10px #606060;
}

.tab_item_focus{
	-moz-box-shadow:0px 0px 4px #808080;
	-webkit-box-shadow:0px 0px 4px #808080;
	box-shadow:0px 0px 4px #808080;
}
