/*
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 (#doc, #doc2, #doc3, #doc4)
 */

#doc,#doc2,#doc3,#doc4,
.arca-t1,.arca-t2,.arca-t3,.arca-t4,.arca-t5,.arca-t6,.arca-t7 {
	margin: auto;
	text-align: left;
	width: 57.69em;
}

/* 950 Centered (doc2) */
#doc2 {
	/*width: 950px;*/
	width: 9805px;
}

/* 100% (doc3) */
#doc3 {
/**
 * 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) */
#doc4 {
	width: 974px;
}

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


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

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

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

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

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

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

/** 
 * For Specific Template Presets
 */

.arca-t1 .arca-b {
	float: left;
	width: 12.30769em;
}

.arca-t1 #arca-main .arca-b {
	margin-left: 13.30769em;
}

.arca-t2 .arca-b {
	float: left;
	width: 13.8461em;
}

.arca-t2 #arca-main .arca-b {
	margin-left: 14.8461em;
}

.arca-t3 .arca-b {
	float: left;
	width: 23.0769em;
}

.arca-t3 #arca-main .arca-b {
	margin-left: 24.0769em;
}

.arca-t4 .arca-b {
	float: right;
	width:200px;
	
}

.arca-t4 #arca-main .arca-b {
	margin-right: 210px;
}

.arca-t5 .arca-b {
	float: right;
	width: 18.4615em;
}

.arca-t5 #arca-main .arca-b {
	margin-right: 19.4615em;
}

.arca-t6 .arca-b {
	float: right;
	width: 23.0769em;
}

.arca-t6 #arca-main .arca-b {
	margin-right: 24.0769em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/**
 * Section: Deep Nesting 
 */

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

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

/*SF 1927599 from 1.14 to 2.6.0*/
.arca-g .arca-gb div.first,
	.arca-gb .arca-gb div.first {
	_width: 31.7%;
}

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

.arca-gb .arca-g div.first {
	_margin-right: 1.3%;
}

.arca-gb .arca-gc div.first, 
	.arca-gb .arca-gd div.first {
}

.arca-gb .arca-gb .arca-u,
	.arca-gb .arca-gc .arca-u {
	_margin-left: 4%;
}

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

.arca-gb .arca-gd .arca-u {
	_width: 61.2%;
}

.arca-gb .arca-gd div.first {
	_width: 29.5%;
}

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

.arca-gb .arca-gc div.first {
	width: 66%;
}

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

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

.arca-gb .arca-g div.first, 
	.arca-gb .arca-gb div.first {
}

.arca-gc .arca-g .arca-u,
	.arca-gd .arca-g .arca-u {
}

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

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

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

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

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

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

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

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

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

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

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

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