/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
/**
 * YUI Grids
 * @module grids
 * @namespace yui-
 * @requires reset, fonts
 */

/**  
 * Note: Throughout this file, the *property (star-property) filter is used 
 * to give a value to IE that other browsers do not see. _property is only seen 
 * by IE7, so the combo of *prop and _prop can target between IE6 and IE7.
 * 
 * More information on these filters and related validation errors:
 * http://tech.groups.yahoo.com/group/ydn-javascript/message/40059
 */

/**
 * Section: General Rules
 */

body {
	text-align: center;
}

/**
 * Section: Page Width Rules (#swmdoc, #swmdoc2, #swmdoc3, #swmdoc4)
 */

#swmdoc,#swmdoc2,#swmdoc3,#swmdoc4,
.swmyui-t1,.swmyui-t2,.swmyui-t3,.swmyui-t4,.swmyui-t5,.swmyui-t6,.swmyui-t7 {
	margin: auto;
	text-align: left;
	width: 57.69em;
	*width: 56.25em;
}

/* 950 Centered (doc2) */
#swmdoc2 {
	width: 73.076em;
	*width: 71.25em;
}

/* 100% (doc3) */
#swmdoc3 {
/**
 * Left and Right margins are not a structural part of Grids. Without them 
 * Grids works fine, but content bleeds to the very edge of the document, which
 * often impairs readability and usability. They are provided because they 
 * prevent the content from "bleeding" into the browser's chrome. 
 */
	margin: auto 10px;
	width: auto;
}

/* 974 Centered (doc4) */
#swmdoc4 {
	width: 74.923em;
	*width: 73.05em;
}

/**
 * Section: Preset Template Rules (.swmyui-t[1-6])
 */


.swmyui-b {
	/* to preserve source-order independence for Gecko */
	position: relative;
}

.swmyui-b {
	/* to preserve source-order independence for IE */
	_position: static;
}

#swmyui-main .swmyui-b {
	/* to preserve source-order independence for Gecko */
	position: static;
}

#swmyui-main,
.swmyui-g .swmyui-u .swmyui-g {
	width: 100%;
}

.swmyui-t1 #swmyui-main,
.swmyui-t2 #swmyui-main,
.swmyui-t3 #swmyui-main {
	float: right;
	/* IE: preserve layout at narrow widths */
	margin-left: -25em;
}

.swmyui-t4 #swmyui-main,
.swmyui-t5 #swmyui-main,
.swmyui-t6 #swmyui-main {
	float: left;
	/* IE: preserve layout at narrow widths */
	margin-right: -25em;
}

/** 
 * For Specific Template Presets
 */

.swmyui-t1 .swmyui-b {
	float: left;
	width: 12.30769em;
	*width: 12.00em;
}

.swmyui-t1 #swmyui-main .swmyui-b {
	margin-left: 13.30769em;
	*margin-left: 13.05em;
}

.swmyui-t2 .swmyui-b {
	float: left;
	width: 13.8461em;
	*width: 13.50em;
}

.swmyui-t2 #swmyui-main .swmyui-b {
	margin-left: 14.8461em;
	*margin-left: 14.55em;
}

.swmyui-t3 .swmyui-b {
	float: left;
	width: 23.0769em;
	*width: 22.50em;
}

.swmyui-t3 #swmyui-main .swmyui-b {
	margin-left: 24.0769em;
	*margin-left: 23.62em;
}

.swmyui-t4 .swmyui-b {
	float: right;
	width: 13.8456em;
	*width: 13.50em;
}

.swmyui-t4 #swmyui-main .swmyui-b {
	margin-right: 14.8456em;
	*margin-right: 14.55em;
}

.swmyui-t5 .swmyui-b {
	float: right;
	width: 18.4615em;
	*width: 18.00em;
}

.swmyui-t5 #swmyui-main .swmyui-b {
	margin-right: 19.4615em;
	*margin-right: 19.125em;
}

.swmyui-t6 .swmyui-b {
	float: right;
	width: 23.0769em;
	*width: 22.50em;
}

.swmyui-t6 #swmyui-main .swmyui-b {
	margin-right: 24.0769em;
	*margin-right: 23.62em;
}

.swmyui-t7 #swmyui-main .swmyui-b {
	display: block;
	margin: 0 0 1em 0;
}

#swmyui-main .swmyui-b {
	float: none;
	width: auto;
}

/**
 * Section: Grids and Nesting Grids
 */

/* Children generally take half the available space */
.swmyui-gb .swmyui-u,
.swmyui-g .swmyui-gb .swmyui-u,
.swmyui-gb .swmyui-g,
.swmyui-gb .swmyui-gb,
.swmyui-gb .swmyui-gc,
.swmyui-gb .swmyui-gd,
.swmyui-gb .swmyui-ge,
.swmyui-gb .swmyui-gf,
.swmyui-gc .swmyui-u, 
.swmyui-gc .swmyui-g,
.swmyui-gd .swmyui-u {
	float: left;
}

/* Float units (and sub grids) to the right */
.swmyui-g .swmyui-u,
.swmyui-g .swmyui-g,
.swmyui-g .swmyui-gb, 
.swmyui-g .swmyui-gc, 
.swmyui-g .swmyui-gd, 
.swmyui-g .swmyui-ge, 
.swmyui-g .swmyui-gf, 
.swmyui-gc .swmyui-u, 
.swmyui-gd .swmyui-g,
.swmyui-g .swmyui-gc .swmyui-u,
.swmyui-ge .swmyui-u, 
.swmyui-ge .swmyui-g, 
.swmyui-gf .swmyui-g,
.swmyui-gf .swmyui-u {
	float: right;
}

/*Float units (and sub grids) to the left */
.swmyui-g div.first, 
.swmyui-gb div.first,
.swmyui-gc div.first,
.swmyui-gd div.first, 
.swmyui-ge div.first, 
.swmyui-gf div.first,
.swmyui-g .swmyui-gc div.first,
.swmyui-g .swmyui-ge div.first,
.swmyui-gc div.first div.first {
	float: left;
}

.swmyui-g .swmyui-u,
.swmyui-g .swmyui-g,
.swmyui-g .swmyui-gb,
.swmyui-g .swmyui-gc,
.swmyui-g .swmyui-gd,
.swmyui-g .swmyui-ge,
.swmyui-g .swmyui-gf {
	width: 49.1%;
}

.swmyui-gb .swmyui-u,
.swmyui-g .swmyui-gb .swmyui-u,
.swmyui-gb .swmyui-g,
.swmyui-gb .swmyui-gb,
.swmyui-gb .swmyui-gc,
.swmyui-gb .swmyui-gd,
.swmyui-gb .swmyui-ge,
.swmyui-gb .swmyui-gf,
.swmyui-gc .swmyui-u, 
.swmyui-gc .swmyui-g,
.swmyui-gd .swmyui-u {
	width: 32%;
	margin-left: 1.99%;
}

/* Give IE some extra breathing room for 1/3-based rounding issues */
.swmyui-gb .swmyui-u {
	*margin-left: 1.9%;
	*width: 31.9%;
}

.swmyui-gc div.first, 
	.swmyui-gd .swmyui-u {
	width: 66%;
}

.swmyui-gd div.first {
	width: 32%;
}

.swmyui-ge div.first, 
	.swmyui-gf .swmyui-u {
	width: 74.2%;
}

.swmyui-ge .swmyui-u,
	.swmyui-gf div.first {
	width: 24%;
}

.swmyui-g .swmyui-gb div.first,
.swmyui-gb div.first, 
.swmyui-gc div.first, 
.swmyui-gd div.first {
	margin-left: 0;
}

/**
 * Section: Deep Nesting 
 */

.swmyui-g .swmyui-g .swmyui-u,
.swmyui-gb .swmyui-g .swmyui-u,
.swmyui-gc .swmyui-g .swmyui-u,
.swmyui-gd .swmyui-g .swmyui-u,
.swmyui-ge .swmyui-g .swmyui-u,
.swmyui-gf .swmyui-g .swmyui-u {
	width: 49%;
	*width: 48.1%;
	*margin-left: 0;
}

.swmyui-g .swmyui-g .swmyui-u {
	width: 48.1%;
}

/*SF 1927599 from 1.14 to 2.6.0*/
.swmyui-g .swmyui-gb div.first,
	.swmyui-gb .swmyui-gb div.first {
	*margin-right: 0;
	*width: 32%;
	_width: 31.7%;
}

.swmyui-g .swmyui-gc div.first, 
	.swmyui-gd .swmyui-g {
	width: 66%;
}

.swmyui-gb .swmyui-g div.first {
	*margin-right: 4%;
	_margin-right: 1.3%;
}

.swmyui-gb .swmyui-gc div.first, 
	.swmyui-gb .swmyui-gd div.first {
	*margin-right: 0;
}

.swmyui-gb .swmyui-gb .swmyui-u,
	.swmyui-gb .swmyui-gc .swmyui-u {
	*margin-left: 1.8%;
	_margin-left: 4%;
}

.swmyui-g .swmyui-gb .swmyui-u {
	_margin-left: 1.0%;
}

.swmyui-gb .swmyui-gd .swmyui-u {
	*width: 66%;
	_width: 61.2%;
}

.swmyui-gb .swmyui-gd div.first {
	*width: 31%;
	_width: 29.5%;
}

.swmyui-g .swmyui-gc .swmyui-u, 
	.swmyui-gb .swmyui-gc .swmyui-u {
	width: 32%;
	_float: right;
	margin-right: 0;
	_margin-left: 0;
}

.swmyui-gb .swmyui-gc div.first {
	width: 66%;
	*float: left;
	*margin-left: 0;
}

.swmyui-gb .swmyui-ge .swmyui-u, 
	.swmyui-gb .swmyui-gf .swmyui-u {
	margin: 0;
}

.swmyui-gb .swmyui-gb .swmyui-u {
	_margin-left: .7%;
}

.swmyui-gb .swmyui-g div.first, 
	.swmyui-gb .swmyui-gb div.first {
	*margin-left: 0;
}

.swmyui-gc .swmyui-g .swmyui-u,
	.swmyui-gd .swmyui-g .swmyui-u {
	*width: 48.1%;
	*margin-left: 0;
}

.swmyui-gb .swmyui-gd div.first {
	width: 32%;
}

.swmyui-g .swmyui-gd div.first {
	_width: 29.9%;
}

.swmyui-ge .swmyui-g {
	width: 24%;
}

.swmyui-gf .swmyui-g {
	width: 74.2%;
}

.swmyui-gb .swmyui-ge div.swmyui-u,
	.swmyui-gb .swmyui-gf div.swmyui-u {
	float: right;
}

.swmyui-gb .swmyui-ge div.first,
	.swmyui-gb .swmyui-gf div.first {
	float: left;
}

/* Width Accommodation for Nested Contexts */
.swmyui-gb .swmyui-ge .swmyui-u,
	.swmyui-gb .swmyui-gf div.first {
	*width: 24%;
	_width: 20%;
}

/* Width Accommodation for Nested Contexts */
.swmyui-gb .swmyui-ge div.first, 
	.swmyui-gb .swmyui-gf .swmyui-u {
	*width: 73.5%;
	_width: 65.5%;
}

/* Patch for GD within GE */
.swmyui-ge div.first .swmyui-gd .swmyui-u {
	width: 65%;
}

.swmyui-ge div.first .swmyui-gd div.first {
	width: 32%;
}

/* @group Clearing */
#hd:after,
#bd:after,
#ft:after,
.swmyui-g:after, 
.swmyui-gb:after, 
.swmyui-gc:after, 
.swmyui-gd:after, 
.swmyui-ge:after, 
.swmyui-gf:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#hd,
#bd,
#ft,
.swmyui-g, 
.swmyui-gb, 
.swmyui-gc, 
.swmyui-gd, 
.swmyui-ge, 
.swmyui-gf {
	zoom: 1;
}

