.intro {
padding: 12px 48px;
}

.intro .label {
font-size: 24px;
font-weight: bold;
line-height:40px;
}

#widgetListDiv {
position:relative;
margin-top: 12px;
margin-left: auto;
margin-right: auto;
width: 750px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}

#widgetListDiv .heading {
font-size: 16px;
font-weight: bold;
}
#widgetListDiv .widget {
float: left;
display: inline;
padding: 16px 0 0 0;
width: 250px;
height: 80px;
}

#widgetListDiv .widget .installed {
position: absolute;
top: 15px;
right: 15px;
color: #888;
}

#widgetListDiv .widget .icon {
float: left;
display: inline;
margin-right: 12px;
text-align: right;
}

#widgetListDiv .widget .icon img {
width: 48px;
height: 48px;
}

#widgetListDiv .widget .name {
float: left;
display: inline;
width: 160px;
font-size: 14px;
line-height: 24px;
font-weight: bold;
}

#widgetListDiv .widget .desc {
float: left;
display: inline;
width: 160px;
font-size: 11px;
line-height: 14px;
color: #666;
}

#featureDiv {
float:left;
display: inline;
width:100%;
}

#featureDiv .widget {
position: relative;
padding: 10px;
border-bottom: 1px dashed #CCC;

}

#featureDiv .widget .installed {
position: absolute;
top: 15px;
right: 15px;
color: #888;
}

#featureDiv .widget .icon {
float: left;
display: inline;
margin-right: 15px;
}

#featureDiv .widget .icon img {
width: 64px;
height: 64px;
}

#featureDiv .widget .name {
font-size: 14px;
line-height: 22px;
font-weight: bold;
}

#featureDiv .widget .desc {
font-size: 11px;
}

/* widget view */
#wnavDiv {
float: left;
display:inline;
width: 150px;
margin-left: 10px;
}

#wnavDiv h3 {
color: #888;
font-size: 14px;
}

#wnavDiv ul{
margin: 10px 0 0 20px;
color: #777;
}

#wnavDiv ul li {
line-height: 18px;
}

#widgetDetailDiv {
position: relative;
float: left;
display:inline;
width: 480px;
margin-left: 20px;
}

#widgetDetailDiv h1 {
font-size: 24px;
}

.widgetDetail .icon {
float:left;
display:inline;
margin: 0 10px 10px 0;
}

.widgetDetail .stats {
color: #888;
}

.widgetDetail .desc {
margin: 10px 0;
}
.widgetDetail .header {
font-size: 12px;
color:#777;
line-height: 20px;
}

.widgetDetail .screenshots img {
float: left;
display: inline;
width: 120px;
margin: 10px;
border: 1px solid #AAA;
padding: 3px;
cursor: pointer;
}

.commentDiv {
margin-top: 24px;
}

.commentDiv .header {
font-size: 14px;
color: #777;
border-bottom: 1px solid #E0E0E0;
}

.commentDiv .comment {
padding: 8px 4px;
border-bottom: 1px solid #EEE;
}

.commentDiv .comment div {
line-height: 20px;
color: #888;
}


#installDiv {
float: left;
display:inline;
width: 200px;
margin-left: 20px;
background-color:#EEE;
font-size: 10px;
line-height: 16px;
}

#installDiv .wrapperDiv {
padding: 8px;
}

#installDiv .wrapperDiv p {
text-align:center;
margin: 8px;
}

#installDiv .wrapperDiv p.text {
text-align:left;
color:#777;
margin: 0;
}

#installDiv .date,
#installDiv .lastUpdate,
#installDiv .version {
font-weight: bold;
}

#installDiv .wrapperDiv span {
font-weight: normal;
display:block;
width: 100px;
text-align: left;
float: left;
}

#installDiv .feedbackDiv {
border-top: 1px solid #CCC;
text-align: right;
}

#installDiv .feedbackDiv h3 {
color: #888;
padding: 4px 0;
text-align: left;
font-size: 14px;
}

#installDiv .feedbackDiv p {
text-align: left;
margin: 0;
}

#installDiv .feedbackDiv textarea {
width: 180px;
height: 80px;
margin: 8px 0;
}

#installDiv .feedbackDiv input.submit_s {
}

/* begin floating panel */
#floatingPanel {
position: absolute;
width: 100%;
height: 99%;
z-index: 50;
background: transparent url(/images/d3/blank.gif) repeat;
}

#floatingPanel .window {
position: absolute;
z-index: 99;
background-color: #EEE;
border: 1px solid #AAA;
}

#floatingPanel .shadow.window {
-webkit-box-shadow: 0 0 20px #333;
-khtml-box-shadow: 0 0 20px #333;
-moz-box-shadow: 0 0 20px #333;
}

#floatingPanel .window .btn_remove {
position:absolute;
display:block;
top: -8px;
right: -8px;
width:18px;
height:18px;
}

#floatingPanel .window .btn_remove[class] {
background: url(/images/d5/btn_remove.png) no-repeat;
}

* html #floatingPanel .window .btn_remove {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/images/d5/btn_remove.png');
}






