/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/

/* *************************************************************************************************
   Reset
***************************************************************************************************/

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	}

body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }



/* *************************************************************************************************
   Text
***************************************************************************************************/

/* Basic HTML 
body { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:100%; color:#000000; }
a:focus { outline: 1px dotted invert; }

hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
	}*/

/* Headings 
h1 { font-size: 25px; }
h2 { font-size: 23px; }
h3 { font-size: 21px; }
h4 { font-size: 19px; }
h5 { font-size: 17px; }
h6 { font-size: 15px; }*/

/* Spacing 
ol { list-style: decimal; }
ul { list-style: square; }
p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset { margin-bottom: 0; }*/



/* *************************************************************************************************
   Structure
***************************************************************************************************/

/* Containers */
#dni-page-wrapper {
	margin: 0px auto;
	width: 990px;
	}

/* Grid >> Global columns and modules */
.dni-hh-col-span-1, .dni-hh-col-span-2, .dni-hh-col-span-3, .dni-hh-col-span-4, .dni-hh-col-span-5, .dni-hh-col-span-6,
.dni-hh-col-span-7, .dni-hh-col-span-8, .dni-hh-col-span-9, .dni-hh-col-span-10, .dni-hh-col-span-11, .dni-hh-col-span-12,
.dni-hh-col-span-1-mod, .dni-hh-col-span-2-mod, .dni-hh-col-span-3-mod, .dni-hh-col-span-4-mod, .dni-hh-col-span-5-mod, .dni-hh-col-span-6-mod,
.dni-hh-col-span-7-mod, .dni-hh-col-span-8-mod, .dni-hh-col-span-9-mod, .dni-hh-col-span-10-mod, .dni-hh-col-span-11-mod, .dni-hh-col-span-12-mod {
	display:inline;
	float: left;
	}

/* Grid >> Global columns */
.dni-hh-col-span-1, .dni-hh-col-span-2, .dni-hh-col-span-3, .dni-hh-col-span-4, .dni-hh-col-span-5, .dni-hh-col-span-6,
.dni-hh-col-span-7, .dni-hh-col-span-8, .dni-hh-col-span-9, .dni-hh-col-span-10, .dni-hh-col-span-11, .dni-hh-col-span-12 {
	margin-right:6px;
	}

/* Grid >> Column & Module widths */
.dni-hh-col-span-1, .dni-hh-col-span-1-mod { width:77px; }
.dni-hh-col-span-2, .dni-hh-col-span-2-mod { width:160px; }
.dni-hh-col-span-3, .dni-hh-col-span-3-mod { width:243px; }
.dni-hh-col-span-4, .dni-hh-col-span-4-mod { width:326px; }
.dni-hh-col-span-5, .dni-hh-col-span-5-mod { width:409px; }
.dni-hh-col-span-6, .dni-hh-col-span-6-mod { width:492px; }
.dni-hh-col-span-7, .dni-hh-col-span-7-mod { width:575px; }
.dni-hh-col-span-8, .dni-hh-col-span-8-mod { width:658px; }
.dni-hh-col-span-9, .dni-hh-col-span-9-mod { width:741px; }
.dni-hh-col-span-10, .dni-hh-col-span-10-mod { width:824px; }
.dni-hh-col-span-11, .dni-hh-col-span-11-mod { width:907px; }
.dni-hh-col-span-12, .dni-hh-col-span-12-mod { width:990px; }


/* Grid */
#dni-page-wrapper .lhc { margin-left: 0; }
#dni-page-wrapper .rhc, #dni-page-wrapper .no-right-margin { margin-right: 0; }


/* Clear Floated Elements */

/* http://sonspring.com/journal/clearing-floats */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
	}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
	}

.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

#igroups #dni-shuffle-bar.open,#igroups #dni-shuffle-bar.closed, #dni-hh #dni-shuffle-bar.open, #dni-hh #dni-shuffle-bar.closed {display:none;}