/* 
  -- Even more rounded corners with CSS: Base stylesheet --
*/

.gadget {
 min-width:8em;
 max-width:1200px; /* based on image dimensions - not quite consistent with drip styles yet */
 margin-left:8px; /* default, width of left corner */
 text-align: left;
}

.gadget .gadget_content,
.gadget .gadget_t,
.gadget .gadget_top,
.gadget .gadget_top div,
.gadget .gadget_b,
.gadget .gadget_b div {
	background-color: transparent;
	background-image: url(../../img/gadget/gadget_back_default.png);
	background-position: top right;
}

.gadget .gadget_content,
.gadget .gadget_t {
	background-image: url(../../img/gadget/gadget_back_default_middle.png);
	background-repeat: repeat-y;
}


.gadget .gadget_content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding: 0px 15px 0 0;
}

.gadget .gadget_t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:8px; /* top slice width */
 margin-left:-8px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.gadget .gadget_top {
 /* top */
 position:relative;
 width:100%;
}

.gadget .gadget_b {
 /* bottom */
 position:relative;
 width:100%;
}

.gadget .gadget_top,
.gadget .gadget_top div {
 height:10px; /* height of top cap/shade */
 font-size:1px;
}

.gadget .gadget_top {
 background-position:top right;
}

.gadget .gadget_top div {
 position:relative;
 width:8px; /* top corner width */
 margin-left:-8px;
 background-position:top left;
}

.gadget .gadget_b,
.gadget .gadget_b div {
 height:16px; /* height of bottom cap/shade */
 font-size:1px;
}

.gadget .gadget_b {
 background-position:bottom right;
}

.gadget .gadget_b div {
 position:relative;
 width:8px; /* bottom corner width */
 margin-left:-8px;
 background-position:bottom left;
}

.gadget .hd,
.gadget .gadget_bd,
.gadget .ft {
 position:relative;
}

.gadget h1,
.gadget p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.gadget h1 {
 padding-bottom:0px;
}

.gadget .innerRounded {
	position: absolute;
	margin: -5px 0 0 -3px;
	width: 100%;
}

.gadget .innerRounded h1 {
	padding-left: 10px;
	color: #fff;
	font-weight: bold;
}


.gadget_under_construction {
 background-image: url(../../img/gadget/gadget_back_under_construction.png) !important;
}

.gadget_under_construction_middle {
 background-image: url(../../img/gadget/gadget_back_default_middle.png) !important;
}