﻿/* accessibility */

.guide { display: none; }

/* content */

div.contentWrapper
{
  margin: 0;
  padding: 0;
}

div.contentWrapper div.content
{
  margin: 0;
  padding: 15px 0;
  min-height: 450px;
  height: auto !important;
  height: 450px;
  background: #fff url(../images/content/content-bg.png) repeat-x left top;
}

/* columns */

div.colWrapper
{
  margin: 0 0 15px 0;
  padding: 0 2px;
}

div.colWrapper div.col
{
  margin: 0;
  padding: 0 15px;
  float: left;
  width: 292px;
}

div.colWrapper div.colSide { width: 218px; }
div.colWrapper div.colMain { width: 688px; }
div.colWrapper div.colMid { width: 439px; }
div.colWrapper div.colFull { width: 936px; }

/* crumbs */

div.crumbsWrapper
{
  margin: 0 0 20px 0;
  padding: 0;
  font-size: 0.85em;
  line-height: 1.3em;
  color: #999;
}

div.crumbsWrapper p.crumbs
{
  margin: 0;
  padding: 0 5px 0 0;
}

div.crumbsWrapper p.crumbs strong
{
  margin: 0;
  padding: 0 5px 0 0;
}

div.crumbsWrapper p.crumbs a
{
  margin: 0 2px 0 0;
  padding: 0 10px 0 0;
  color: #6a6a6a;
  text-decoration: none;
  background: url(../images/misc/arrows/grey-right.png) no-repeat right 3px;
}

div.crumbsWrapper p.crumbs a:hover
{
  color: #e4017e;
  text-decoration: none;
}

/* headers */

p { margin-bottom: 10px; }

/* paging */

div.pagingWrapper
{
  margin: 0 0 15px 0;
  padding: 35px 0 0 0;
  background: url(../images/misc/divider.png) repeat-x left 20px;
}

div.pagingWrapper ul.paging
{
  margin: 0;
  padding: 0;
  list-style: none;
}

div.pagingWrapper ul.paging li
{
  margin: 0;
  padding: 0;
  float: left;
  width: 25%;
}

div.pagingWrapper ul.paging li.loc { width: 50%; text-align: center; }

div.pagingWrapper ul.paging li.next { float: right; text-align: right; }

div.pagingWrapper ul.paging li.prev label.actAsLink
{
  padding-left: 12px;
  color: #6a6a6a;
  text-decoration: none;
  background: url(../images/misc/arrows/grey-left.png) no-repeat left 4px;
}

div.pagingWrapper ul.paging li.prev label.actAsLink:hover,
div.pagingWrapper ul.paging li.prev label.actAsLinkHover
{
  color: #e4017e;
  text-decoration: none;
  background: url(../images/misc/arrows/pink-left.png) no-repeat left 4px;
}

div.pagingWrapper ul.paging li.next label.actAsLink
{
  padding-right: 12px;
  color: #6a6a6a;
  text-decoration: none;
  background: url(../images/misc/arrows/grey-right.png) no-repeat right 4px;
}

div.pagingWrapper ul.paging li.next label.actAsLink:hover,
div.pagingWrapper ul.paging li.next label.actAsLinkHover
{
  color: #e4017e;
  text-decoration: none;
  background: url(../images/misc/arrows/pink-right.png) no-repeat right 4px;
}

/* dividers */

.divider
{
  margin-bottom: 20px !important;
  padding-bottom: 15px !important;
  background: url(../images/misc/divider.png) repeat-x left bottom;
}

/* loose ends */

.first { margin-left: 0 !important; }
.last { margin-bottom: 0 !important; }
.end { margin-right: 0 !important; }

/* alignment */

.alignLeft { text-align: left; }
.alignCenter { text-align: center; }
.alignRight { text-align: right; }
.alignJustify { text-align: justify; }

/* Code Snippits */

p.redTitleSnippit 
{
    color: #C50000;
    font-size: 1.5em;
    font-weight: normal;
    margin-bottom: 7px;
}

a.pinkCodeSnippit 
{
    display: block;
    color: #E0017C;
    font-size: 1.1em;
    font-weight: bold;
    text-decoration: none;
}

a.pinkCodeSnippit:hover 
{
    color: #AAA9A9;
}

/* spacing - needs to be last in document */

.spacer { margin-bottom: 10px !important; }
.spacerMin { margin-bottom: 20px !important; }
.spacerMid { margin-bottom: 30px !important; }
.spacerMax { margin-bottom: 40px !important; }
.spacerMost { margin-bottom: 50px !important; }
