/* BOXES: landing page rounded cornered and gradient boxes */

/*  see NAVIGATION.CSS for SIGN IN/OUT BOX */

/* NETWORK, QUICKSTART and PRICING */
/* see http://www.schillmania.com/projects/dialog2/ for reference */
/* BUG:25131
   SH: this one for now works better with floated 
   content in body over more simplified on used for landingNav.
	Will have to revisit. */
.box { 
 margin:0 8px 0 12px; /* so edge of gradient lines up with 20px padding */ /* margin-left is default, width of left corner */
 width:833px; /* intended total box width - padding-right (e.g. 890px - 12px) */
 width:268px; /* 280px - 12px */
 position:relative;
 z-index:1;
 float:left;
 width:256px;
 margin:0 0 0 12px;
}
/* location access landing  */
.box#contest-box{margin-right:0}

/* developers landing (welcome)*/
.box#forum-box,
.box#blog-box,
.box#news-box{ margin:0 0 20px 12px; width:333px; /* 367px - 12px */ float:none; z-index:1;}
.box#news-box{margin-bottom:0;}

/* default positioning sans bkgd img */
.box .content,
.box .top,
.box .btm,
.box .btm div {background-repeat:no-repeat; background-position:top right;}

.box#smartphones-box .content,
.box#smartphones-box .top,
.box#smartphones-box .btm,
.box#smartphones-box .btm div {background-image: url(../images/box_orange.png);}

.box#allphones-box .content,
.box#allphones-box .top,
.box#allphones-box .btm,
.box#allphones-box .btm div {background-image: url(../images/box_green.png);}

.box#contest-box .content,
.box#contest-box .top,
.box#contest-box .btm,
.box#contest-box .btm div {background-image: url(../images/box_blue.png);}

.box#forum-box .content,
.box#forum-box .top,
.box#forum-box .btm,
.box#forum-box .btm div,
.box#blog-box .content,
.box#blog-box .top,
.box#blog-box .btm,
.box#blog-box .btm div,
.box#news-box .content,
.box#news-box .top,
.box#news-box .btm,
.box#news-box .btm div  {background-image: url(../images/box_landing.png);}

.box .content{padding:0 12px 0 0; position:relative; zoom:1; _overflow-y:hidden; }

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

}

/* bottom */
.box .btm{position:relative; width:100%;}
/* height of bottom cap/shade */
.box .btm,
.box .btm div{height:30px; font-size:1px; height:20px;}
.box .btm{background-position:bottom right;}
/* bottom corner width */
.box .btm div {position:relative; width:12px; margin-left:-12px; background-position:bottom left;}

.box .head,
.box .body,
.box .foot{position:relative;}
.box .body{ min-height:335px; padding-bottom:34px;} /* padding bottom includes height of button so really 12px */

.box#forum-box .body,
.box#blog-box .body,
.box#news-box .body{ min-height:100px; padding:20px 9px 0 9px;} /* padding bottom includes height of button so really 12px */

/* extra content protector - preventing vertical overflow (past background) */
.box .wrapper{position:static; max-height:1000px; overflow:auto; overflow:hidden;/* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */}

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