/*

 * gd-pilot.css: css for page layout, container components (grids)

 *

 * $Revision: 1.7 $

 * 

 * (c) 1992-2010 Cisco Systems, Inc. All rights reserved.

 * Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html

 *

 * 

 * Framework overrides to prep the content 

 * area, and fix the page width.

 */

html body#fw-mb { width:902px; margin: 0px 5px; } /* changed from #libra */

#fw-mbl { position: relative; float: left; display: inline; } /* changed from #framework-logo */

#framework-content-main { margin: 2px 0px 0px 0px; float: left; }

#framework-content-right { margin-top: 2px; zoom: 1 }



.contentMargins { float:left; margin:0px; } 

.categoryHome {clear: both}





/* Float-Nearly-Everything 

 * All boxes are floated left.

 * 

 * As we stack up columns on the right we add left margin to them. 

 * We use overflow on the columns, to prevernt something breaking 

 * the float due to width.

 */

.gdb {

	clear:both;

	margin: 0px;

	float:left;

	background: transparent;

	zoom: 1;

}

 

.gdb .gd-left,

.gdb .gd-mid,

.gdb .gd-right {

	margin: 0px;

	float: left;

	display: inline;

	overflow: hidden;

}

/* Put left margin on */

.gdb .gd-mid,

.gdb .gd-right {

	margin: 0px 0px 0px 8px;	

}

/*********************

 * component spacing 

 *********************/

.gdb .clb { margin: 0px 0px 12px 0px; }



/**********************

 * unless compact

 * NOTE: we probably need to come up with something that is 

 * consistently applied like an [option] from CLB

 **********************/

.gdb .clb.compact {  margin-bottom: 0px; }

.gdb .gdb.compact {  margin-bottom: 0px; }



/**********************

 * debug grid 

 * NOTE: this will not be supported in IE6 by design. 

 **********************/

.gdb.debug {

	background:url('/web/fw/w/cl/pilot/gd/grid.gif');

	background-repeat: repeat-y;

}



/***************************************

 * Grid Taxonomy:

 * .gd[code][columns]

 *

 * generally [code] = width code:

 * 1 = 902px

 * 2 = 712px

 * 3 = 706px

 * 4 = 516px

 * 6 = 301px

 * 8 = 188px

 * eg, gd32 = 706px wide, 2 columns.

 * 

 * width code 1: 902px */

.gd11-pilot,

.gd12-pilot,

.gd13-pilot { 				width: 902px; }



.gd12v1-pilot .gd-left {	width: 706px; }

.gd12v1-pilot .gd-right { 	width: 188px; }



.gd12v2-pilot .gd-left {	width: 182px; }

.gd12v2-pilot .gd-right { 	width: 712px; }



.gd13v1-pilot .gd-left,

.gd13v1-pilot .gd-right {	width: 295px; }

.gd13v1-pilot .gd-mid {		width: 296px; }



.gd13v2-pilot .gd-left	{	width: 182px; } 

.gd13v2-pilot .gd-mid {		width: 516px; }

.gd13v2-pilot .gd-right {	width: 188px; }



/************************* 

 * width code 2: 712px 

 *************************/

.gd21-pilot,

.gd22-pilot,

.gd23-pilot { 				width: 712px; }



.gd22v1-pilot .gd-left {	width: 516px; }

.gd22v1-pilot .gd-right { 	width: 188px; }



.gd22v2-pilot .gd-left {	width: 352px; }

.gd22v2-pilot .gd-right { 	width: 352px; }



.gd23v1-pilot .gd-left, 

.gd23v1-pilot .gd-right,

.gd23v1-pilot .gd-mid {		width: 232px; }





/************************* 

 * width code 3: 706px 

 *************************/

.gd31-pilot,

.gd32-pilot,

.gd33-pilot { 				width: 706px; }



.gd32v1-pilot .gd-left {	width: 510px; }

.gd32v1-pilot .gd-right { 	width: 188px; }



.gd32v2-pilot .gd-left {	width: 188px; }

.gd32v2-pilot .gd-right {	width: 510px; }

                                          

.gd33v1-pilot .gd-left,                   

.gd33v1-pilot .gd-right,                  

.gd33v1-pilot .gd-mid {		width: 230px; }





/************************* 

 * width code 4: 516px 

 *************************/

.gd41-pilot,

.gd42-pilot,

.gd43-pilot { 				width: 516px; }



.gd42v1-pilot .gd-left {	width: 320px; }

.gd42v1-pilot .gd-right { 	width: 188px; }



.gd42v2-pilot .gd-left { 	width: 188px; }

.gd42v2-pilot .gd-right { 	width: 320px; }



.gd42v3-pilot .gd-left { 	width: 254px; }

.gd42v3-pilot .gd-right { 	width: 254px; }



.gd42v4-pilot .gd-left { 	width: 331px; }

.gd42v4-pilot .gd-right { 	width: 177px; }



.gd43v1-pilot .gd-left,

.gd43v1-pilot .gd-right {	width: 166px; }

.gd43v1-pilot .gd-mid {		width: 168px; }

	

/*************************

 * width code 6: 301px (516px on series pages)

 * 

 * NOTE: These are a total special case for Series/Models pages

 * That have floating data-driven boxes.  We have to really tweak 

 * the Float-nearly-everything-ness to make these pages nice.

 **************************/

 .gd61-pilot { clear: none; width: 301px; }

	

/*************************

 * width code 8: 188px

 *************************/

.gd81-pilot { 				width: 188px }



.gd81v1-pilot {

	margin: 0px 0px 0px 8px;

}

#ie6 .gd81v1-pilot { margin-left: 6px }



.gdb .gd81v2-pilot {			

 	float: right;

 	margin: 0px 0px 0px 8px; !important;

}

.gdb .gd81v3-pilot {

	float: left;

	margin: 0px 8px 0px 0px; !important;

}