/****************************************************************
  docking boxes core CSS: YOU MUST NOT CHANGE OR OVERRIDE THESE 
*****************************************************************/
.dbx-clone {
	position:absolute;
	visibility:hidden;
	}
.dbx-clone, 
.dbx-clone .dbx-handle-cursor {
	cursor:move !important;
	}
.dbx-dummy {
	display:block;
	width:0;
	height:0;
	overflow:hidden;
	margin:0 !important;
	padding:0 !important;
	}
.dbx-group, .dbx-box, .dbx-handle {
	position:relative;
	display:block;
	}



/****************************************************************
  avoid padding, margins or borders on dbx-box, 
  to reduce visual discrepancies between it and the clone.  
  overall, dbx-box is best left as visually unstyled as possible 
*****************************************************************/
.dbx-box {
	margin:0;
	padding:0;
	border:none;
	}



/****************************************************************
  otherwise, do what you like :) 
*****************************************************************/




/* demo wrapper */
#demo-wrapper 
{
	float:left;
	position:relative;
	border:3px double;
	padding:16px 8px 4px 8px;
	margin:12px 0 40px 0;
}
#content #demo-wrapper 
{
	background:#fff;
}
#demo-wrapper p a, #demo-wrapper p a:visited
{
	color:inherit;
}

	

/* group container(s) */
#iphone {
	float:left;
	position:relative;
	width:260px;
	height:379px;
	background:url(/scripts/dbx/images/iphone-mini/iphone.png) #000 no-repeat;
	margin:0;
	padding:0;
	}
	
.dbx-group {
	float:left;
	border:none;
	margin:0;
	padding:0;
	}
	
#desktop {
	margin:23px 0 0 18px;
	position:relative;
	z-index:200;
	}

#dock {
	margin:10px 0 0 18px;
	position:relative;
	z-index:100;
	}





/* boxes */
.dbx-box {
	float:left;
	color:#bbb;
	text-align:center;
	font-size:0.9em;
	}
	
.dbx-box input {
	margin:0 6px 0 6px;
	color:#fff;
	width:44px;
	height:45px;
	background:transparent;
	font-size:0.7em;
	padding:0;
	}
	
.dbx-box em {
	font:normal normal normal 0.7em arial, sans-serif;
	display:block;
	padding:0 0 9px 0;
	height:13px;
	background:transparent;
	color:#bbb;
	}
	
#dock .dbx-box {
	color:#fff;
	}

#dock .dbx-box input {
	margin-bottom:5px;
	}

#dock .dbx-box em {
	padding-bottom:0;
	background:transparent;
	color:#fff;
	}




/* individual icons */
#Calendar { background-image:url(/scripts/dbx/images/iphone-mini/iphone-Calendar.png); }
#Mail { background-image:url(/scripts/dbx/images/iphone-mini/iphone-Mail.png); }
#Remote { background-image:url(/scripts/dbx/images/iphone-mini/iphone-Remote.png); }
#Contacts { background-image:url(/scripts/dbx/images/iphone-mini/iphone-Contacts.png); }
#Videos { background-image:url(/scripts/dbx/images/iphone-mini/iphone-Videos.png); }
#Photos { background-image:url(/scripts/dbx/images/iphone-mini/iphone-Photos.png); }
#Notes { background-image:url(/scripts/dbx/images/iphone-mini/iphone-Notes.png); }
#Calculator { background-image:url(/scripts/dbx/images/iphone-mini/iphone-Calculator.png); }
#Clock { background-image:url(/scripts/dbx/images/iphone-mini/iphone-Clock.png); }
#Weather { background-image:url(/scripts/dbx/images/iphone-mini/iphone-Weather.png); }
#Maps { background-image:url(/scripts/dbx/images/iphone-mini/iphone-Maps.png); }
#Stocks { background-image:url(/scripts/dbx/images/iphone-mini/iphone-Stocks.png); }
#YouTube { background-image:url(/scripts/dbx/images/iphone-mini/iphone-YouTube.png); }
#Camera { background-image:url(/scripts/dbx/images/iphone-mini/iphone-Camera.png); }
#AppStore { background-image:url(/scripts/dbx/images/iphone-mini/iphone-AppStore.png); }
#Settings { background-image:url(/scripts/dbx/images/iphone-mini/iphone-Settings.png); }
#Phone { background-image:url(/scripts/dbx/images/iphone-mini/iphone-Phone.png); }
#Text { background-image:url(/scripts/dbx/images/iphone-mini/iphone-Text.png); }
#Safari { background-image:url(/scripts/dbx/images/iphone-mini/iphone-Safari.png); }
#Music { background-image:url(/scripts/dbx/images/iphone-mini/iphone-Music.png); }







/* keyboard navigation tooltip */
.dbx-tooltip {
	margin:52px 0 0 -3px;
	width:105px;
	
	display:block;
	position:absolute;
	border:1px solid InfoText;
	background:InfoBackground;
	color:InfoText;
	font:small-caption;
	font-weight:normal;
	padding:2px 4px 3px 5px;
	text-align:left;
	}







/* hacks for IE6 */
* html .dbx-group {
	display:inline !important;
	}

* html .dbx-box {
	width:50px;
	height:45px;
	}
	
* html .dbx-box input {
	background-image:none !important;
	}
	
* html #dock {
	margin-top:9px;
	}
	
* html .dbx-tooltip {
	font-weight:normal !important;
	}
	
* html #Calendar {	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/scripts/dbx/images/iphone-mini/iphone-Calendar.png', sizingMethod='scale'); }
* html #Mail { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/scripts/dbx/images/iphone-mini/iphone-Mail.png', sizingMethod='scale'); }
* html #Remote { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/scripts/dbx/images/iphone-mini/iphone-Remote.png', sizingMethod='scale'); }
* html #Contacts { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/scripts/dbx/images/iphone-mini/iphone-Contacts.png', sizingMethod='scale'); }
* html #Videos { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/scripts/dbx/images/iphone-mini/iphone-Videos.png', sizingMethod='scale'); }
* html #Photos { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/scripts/dbx/images/iphone-mini/iphone-Photos.png', sizingMethod='scale'); }
* html #Notes { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/scripts/dbx/images/iphone-mini/iphone-Notes.png', sizingMethod='scale'); }
* html #Calculator { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/scripts/dbx/images/iphone-mini/iphone-Calculator.png', sizingMethod='scale'); }
* html #Clock { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/scripts/dbx/images/iphone-mini/iphone-Clock.png', sizingMethod='scale'); }
* html #Weather { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/scripts/dbx/images/iphone-mini/iphone-Weather.png', sizingMethod='scale'); }
* html #Maps { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/scripts/dbx/images/iphone-mini/iphone-Maps.png', sizingMethod='scale'); }
* html #Stocks { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/scripts/dbx/images/iphone-mini/iphone-Stocks.png', sizingMethod='scale'); }
* html #YouTube { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/scripts/dbx/images/iphone-mini/iphone-YouTube.png', sizingMethod='scale'); }
* html #Camera { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/scripts/dbx/images/iphone-mini/iphone-Camera.png', sizingMethod='scale'); }
* html #AppStore { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/scripts/dbx/images/iphone-mini/iphone-AppStore.png', sizingMethod='scale'); }
* html #Settings { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/scripts/dbx/images/iphone-mini/iphone-Settings.png', sizingMethod='scale'); }
* html #Phone { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/scripts/dbx/images/iphone-mini/iphone-Phone.png', sizingMethod='scale'); }
* html #Text { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/scripts/dbx/images/iphone-mini/iphone-Text.png', sizingMethod='scale'); }
* html #Safari { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/scripts/dbx/images/iphone-mini/iphone-Safari.png', sizingMethod='scale'); }
* html #Music { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/scripts/dbx/images/iphone-mini/iphone-Music.png', sizingMethod='scale'); }