/*
 * Ext JS Library 2.2
 * Copyright(c) 2006-2008, Ext JS, LLC.
 * licensing@extjs.com
 * 
 * http://extjs.com/license
 */

/*
 * Ext JS Library 2.0
 * Copyright(c) 2006-2007, Ext JS, LLC.
 * licensing@extjs.com
 * 
 * http://www.extjs.com/license
 */

html, body {
	background:#092d61 url(../wallpapers/background.jpg) no-repeat center top;
    font: normal 12px tahoma, arial, verdana, sans-serif;
	margin: 0;
	padding: 0;
	border: 0 none;
	overflow: hidden;
	height: 100%;
}

a:hover {
	color : #FFF;
	text-decoration : underline;
}

a {
	color : #B6BDF4;
	text-decoration : none;
}

.bogus {
	background-image: url( ../images/bogus.png ) !important;
}


#dpanels {
	width: 250px;
	float: right;
}

#dpanels .x-panel {
	margin: 15px;
}

#dpanels .x-date-picker {
	border: 0 none;
	border-top: 0 none;
	background: transparent;
}

#dpanels .x-date-picker td.x-date-active {
	background: #ffffff;
}

#dpanels .x-date-picker {
	width: 100% !important;
}

#x-desktop {
	width: 100%;
	height: 100%;
	border: 0 none;
	position: relative;
    overflow:hidden;
    zoom:1;
}


#title-bar-wrapper {
	height:35px;
}

#title-bar {
	color: #225599;
	padding: 9px 7px;
	font: bold 16px tahoma,arial,verdana,sans-serif;
	float:left;
}

#x-logout {
	float:right;
	padding:6px 7px;
}

.x-btn-text-icon .x-btn-center .logout {
	background-position:0pt 3px;
	background-repeat:no-repeat;
	padding:3px 0pt 3px 18px;
}

.x-btn-icon .ux-taskbutton-center .x-btn-text{
	background-position: center;
	background-repeat: no-repeat;
	height: 16px;
	width: 16px;
	cursor:pointer;
	white-space: nowrap;
    padding:0;
}
.x-btn-icon .ux-taskbutton-center{
	padding:1px;
}

.x-btn-text-icon .ux-taskbutton-center .x-btn-text{
	background-position: 0 6px;
	background-repeat: no-repeat;
	padding:7px 0px 7px 20px;
}

.x-btn-text-icon .ux-startbutton-center .x-btn-text{
	background-position: 0 4px;
	background-repeat: no-repeat;
	color:#000000 !important;
	font-weight:bold;
	padding:7px 0px 7px 28px;
}



#spacer {
	height: 25px;
	float: left;
	width: 0;
	overflow: hidden;
	margin-top: 2px;
}

.x-window-body p,.x-panel-body p {
	padding: 10px;
	margin: 0;
}

.x-window-maximized .x-window-bc {
	height:0;
}

.icon-news {
    background-image:url( ../images/icon-news.png ) !important;
}
.icon-biography {
    background-image:url( ../images/icon-biography.png ) !important;
}
.icon-disco {
    background-image:url( ../images/icon-disco.png ) !important;
}
.icon-pictures {
    background-image:url( ../images/icon-pictures.png ) !important;
}
.icon-contact {
    background-image:url( ../images/icon-contact.png ) !important;
}
.icon-rss {
    background-image:url( ../images/icon-rss.png ) !important;
}
.icon-lastfm {
    background-image:url( ../images/icon-lastfm.png ) !important;
}
.icon-twitter {
    background-image:url( ../images/icon-twitter.png ) !important;
}
.icon-myspace {
    background-image:url( ../images/icon-myspace.png ) !important;
}
.icon-facebook {
    background-image:url( ../images/icon-facebook.png ) !important;
}
.icon-youtube {
    background-image:url( ../images/icon-youtube.png ) !important;
}
.icon-mobile {
    background-image:url( ../images/icon-mobile.png ) !important;
}
.add {
    background-image:url(../../shared/icons/fam/add.gif) !important;
}
.option {
    background-image:url(../../shared/icons/fam/plugin.gif) !important;
}
.remove {
    background-image:url(../../shared/icons/fam/delete.gif) !important;
}
.save {
    background-image:url(../../shared/icons/save.gif) !important;
}
.accordion {
    background-image:url(../images/accordian.gif) !important;
}
.tabs {
    background-image:url(../images/tabs.gif) !important;
}

/* IM window icons */

.x-panel-tl .x-panel-icon, .ux-start-menu-tl .x-panel-icon {
	background-position:0pt 4px;
	background-repeat:no-repeat;
	padding-left:20px !important;
}



.x-clear {
    clear:both;
    height:0;
    overflow:hidden;
    line-height:0;
    font-size:0;
}

.x-taskbuttons-scrolling {
	position:relative;
}

.x-taskbuttons-scrolling .ux-taskbuttons-strip-wrap {
	margin-left:18px;
	margin-right:18px;
}

.x-window-header-text {
	cursor:default;
}


.x-resizable-proxy{
    background:#C7DFFC;
    opacity:.5;
    -moz-opacity:.5;
    filter:alpha(opacity=50);
    border: 1px solid #3b5a82;
}

/* Desktop Shortcuts */

#icons { /* position the icons */
	 position : absolute;
	margin-left : 50%; 
	left: -165px;
	width : 330px;
	/*margin-left : 260px;*/
	margin-top : 140px;
}

#x-shortcuts {
	margin-left : auto;
	margin-right : auto;
	text-align : center;
}


#icons  ul {
	list-style-position : outside;
	padding : 0;
	margin : 0;
}



#x-shortcuts li {
    float:left;
    margin:15px 0 0 15px;
    /* clear:left; */
    width:64px;
    font:normal 12px tahoma,arial,verdana,sans-serif;
    text-align:center;
    zoom:1;
    display:block;
	position:relative;
}
#x-shortcuts li a {
    width:64px;
    display:block;
    color:white;
    text-decoration:none;
}
#x-shortcuts li div {
    width:100%;
    color:white;
    overflow:hidden;
    text-overflow:ellipsis;
    cursor:pointer;
}
.ext-ie #x-shortcuts li img {
    background:transparent !important;
}
#x-shortcuts li a:hover {
    text-decoration:underline;
}
/* shortcuts */
#news-shortcut img {
    width:60px;
    height:60px;
    background-image: url(../images/news.png);
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/news.png', sizingMethod='scale');
}
#biography-shortcut img {
    width:60px;
    height:60px;
    background-image: url(../images/biography.png);
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/biography.png', sizingMethod='scale');
}
#disco-shortcut img {
    width:60px;
    height:60px;
    background-image: url(../images/disco.png);
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/disco.png', sizingMethod='scale');
}
#pictures-shortcut img {
    width:60px;
    height:60px;
    background-image: url(../images/pictures.png);
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/pictures.png', sizingMethod='scale');
}
#contact-shortcut img {
    width:60px;
    height:60px;
    background-image: url(../images/contact.png);
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/contact.png', sizingMethod='scale');
}
#rss-shortcut img {
    width:60px;
    height:60px;
    background-image: url(../images/feed.png);
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/feed.png', sizingMethod='scale');
}
#lastfm-shortcut img {
    width:60px;
    height:60px;
    background-image: url(../images/lastfm.png);
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/lastfm.png', sizingMethod='scale');
}
#twitter-shortcut img {
    width:60px;
    height:60px;
    background-image: url(../images/twitter.png);
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/twitter.png', sizingMethod='scale');
}
#myspace-shortcut img {
    width:60px;
    height:60px;
    background-image: url(../images/myspace.png);
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/myspace.png', sizingMethod='scale');
}
#facebook-shortcut img {
    width:60px;
    height:60px;
    background-image: url(../images/facebook.png);
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/facebook.png', sizingMethod='scale');
}
#youtube-shortcut img {
    width:60px;
    height:60px;
    background-image: url(../images/youtube.png);
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/youtube.png', sizingMethod='scale');
}
#mobile-shortcut img {
    width:60px;
    height:60px;
    background-image: url(../images/mobile.png);
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/mobile.png', sizingMethod='scale');
}
#bandcamp-shortcut img {
    width:60px;
    height:60px;
    background-image: url(../images/bandcamp.png);
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/mobile.png', sizingMethod='scale');
}

.lastfmplayer {zoom:1;opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}


#contactform {
	 margin-top : 10px;
}
#sendbutton {
	margin-top : 5px;
	width : 100px;
}


/* contact */
body, p, td {
	font : normal 12px tahoma,arial,helvetica,sans-serif;
}
 
input {
	background-color : #1E3469;
	font : normal 12px tahoma,arial,helvetica,sans-serif; color : #FFF;
	border : 1px #fff solid;
	width : 250px;
}
 
textarea {
	background-color : #1E3469;
	font : normal 12px tahoma,arial,helvetica,sans-serif; color : #FFF;
	width : 400px;
	height : 150px;
	border : 1px #fff solid;
}
.space {
	margin-bottom : 5px;
}