/*
 * Mamas & Papas Style Sheet
 * Description : A default stylesheet loaded on all pages within controller.class.php.
 * It is one of 7 stylesheets loaded on every page by default, they are (in order) :
 *
 *                              generic/buttons.css
 *                              generic/default.css
 *                              generic/navigation.css
 *                              generic/templates.css
 *                              generic/dirty.css
 *                              generic/modes.css
 *                              celebros/autocomplete.css
 *
 * They all exist within the ""web/css/generic" folder.
 * Within this file exists DEFAULT/GLOBAL FORMATS ONLY including but not limited to
 * "clear", "float_left", forms, lists, tables and header tags. If you need to create an adhoc class for a
 * promotion/situation etc... please refer to templates.css else create a specific css file.
 * This file is split into the following sections:
 *      TOP LEVEL
 *      HEADERS
 *      FORMS
 *      LISTS
 *      HYPERLINKS
 *      AD-HOC GLOBAL
 *      LINE HEIGHT
 *      PADDING
 *      MARGIN
 * Author : Tom Llewellyn/Rob Farnell/Charles Jackson
 * Dated : 2007, last update 2010.
 *
 */

/* 
 * TOP LEVEL
 * Lets get the basics covered...
 */
* {
	margin: 0;
	padding: 0;
}

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #3a3a3b; /* dark grey */
	background-color:#ffffff;

}

/*  */

/* 
 * Put the margin back onto certain elements
 */
p, pre, blockquote, fieldset, table {
	margin: 1em 0;
}

/* Remove border around linked images */
img {
	border: 0;
}

hr {
    color: #fff; /* White */
    background-color: #fff; /* White */
    border: 1px dashed #CCCCCC; /* Pale Grey */
    border-style: none none dashed;
    margin: 15px 0 15px 0;
    *margin: 2px 0 2px 0; /* IE6 Hack */
}

/* nowrap style */
.nowrap {
    white-space:nowrap
}

/*
 * HEADERS
 * What follows are the header definitions. Only the first 3 are defined by default.
 */

h1, h2, h3 {
     font-weight: bold;
}
h1 {
	font-size:140%;
}
h2 {
	font-size:130%;
}
h3 {
	font-size:120%;
}

/* FORMS
 * This section contains default formatting for all form elements.
 */

/* Default form display */
form{
	margin:0px;
	padding:0px;
}

/*applies padding to every form select box*/
select{
	font-size:1.0em;
}

/*applies padding to every form label*/
label {
	padding: 5px;
}


/*
 * LISTS
 * Contains default formatting for all lists, ordered and otherwise
 */
 
/* Removes styling from all list items */
ul, li {
	list-style:none;
}

/*
 * HYPERLINKS
 * Default formatting for all hyperlinks. At time of publication (Jan 2010) these default formats are
 * mostly overridden.
 */

a:visited {
	text-decoration: none;
	color: #3a3a3b; /* pale cream */
}
a:link {
	text-decoration: none;
	color: #3a3a3b; /* pale cream */
}
a:active {
	text-decoration: none;
	color: #3a3a3b; /* pale cream */
}
a:hover {
	text-decoration: underline;
	color: #87A712; /* turquiose */
}

/*
 * AD-HOC GLOBAL
 * What follows are adhoc definitions used throughout the site such as "clear", "float_left" etc ...
 */

/* A couple of classes for clearing floats */
.clear{
    clear:both;
    line-height:0px;
}

.clear_right{
    clear:right;
    width:100%;
}

/* Convenient little container when wanting to divvy up a div between float_right and float_left. */
.container {
    margin: 0 auto;
    width: 100%;
}

/*
 * Couple of floaters
 * NOTE: The classes "left" and "right" were pulled from templates.css (Jan 2010) but cannot be depreciated because they are
 * so intelligently named I am unable to grep the codebase for occurences...
 */
.float_left, .left {
	float: left;
}

.float_right, .right {
	float: right;
}

/* Mainly for anchors used as buttons to make perform as inputs */
.block {
    display: block;
}

.align_right {
    text-align:right
}

/* Hide a DOM element */
.hidden {
    display:none;
}

.underline{
    text-decoration: underline;
}

.inline {
    display: inline;
}

.bold {
    font-weight: bold;
}

.italic {
    font-style:italic;
    font-size: 1em;
}

.center {
    text-align: center;
}

/* As very often with H2 class for titling */
.emphasis{
	padding:10px 0 10px 0;
	margin: 0px 0 10px 0;
	border-bottom: 1px dashed #cccccc;
	border-top: 1px dashed #cccccc;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

/*
 * Floatfix
 */
.floatfix:after {
    content:".";
    display:block;
    height:0px;
    clear:both;
    visibility:hidden
}

/* Hides from IE-mac \*/
* html .floatfix {
    height:1%
}

.floatfix {
    display:block
}

/*
 * Optgroup disabled class. Optgroup used throughout in place of option="disbaled"
 * due to lack of support in IE.
 */
optgroup.disabled {
    font-style:normal; !important;
    color:#999; !important;
    font-weight:normal; !important;
}

/*
 * LINE HEIGHT
 * In conjunction with "clear" can be used for adhoc spacing.
 */

.line_height_0  { line-height: 0px; }
.line_height_1  { line-height: 1px; }
.line_height_2  { line-height: 2px; }
.line_height_3  { line-height: 3px; }
.line_height_4  { line-height: 4px; }
.line_height_5  { line-height: 5px; }
.line_height_10 { line-height: 10px; }
.line_height_15 { line-height: 15px; }
.line_height_20 { line-height: 20px; }
.line_height_25 { line-height: 25px; }
.line_height_30 { line-height: 30px; }
.line_height_35 { line-height: 35px; }
.line_height_40 { line-height: 40px; }
.line_height_45 { line-height: 45px; }
.line_height_50 { line-height: 50px; }

/* 
 * PADDING
 * All padding in all directions. Starts at padding 0px thru 5px then further increments of 5px through to 50px.
 */
.padding_0  { padding: 0px; }
.padding_1  { padding: 1px; }
.padding_2  { padding: 2px; }
.padding_3  { padding: 3px; }
.padding_4  { padding: 4px; }
.padding_5  { padding: 5px; }
.padding_10 { padding: 10px; }
.padding_15 { padding: 15px; }
.padding_20 { padding: 20px; }
.padding_25 { padding: 25px; }
.padding_30 { padding: 30px; }
.padding_35 { padding: 35px; }
.padding_40 { padding: 40px; }
.padding_45 { padding: 45px; }
.padding_50 { padding: 50px; }

.padding_top_0  { padding-top: 0px; }
.padding_top_1  { padding-top: 1px; }
.padding_top_2  { padding-top: 2px; }
.padding_top_3  { padding-top: 3px; }
.padding_top_4  { padding-top: 4px; }
.padding_top_5  { padding-top: 5px; }
.padding_top_10 { padding-top: 10px; }
.padding_top_15 { padding-top: 15px; }
.padding_top_20 { padding-top: 20px; }
.padding_top_25 { padding-top: 25px; }
.padding_top_30 { padding-top: 30px; }
.padding_top_35 { padding-top: 35px; }
.padding_top_40 { padding-top: 40px; }
.padding_top_45 { padding-top: 45px; }
.padding_top_50 { padding-top: 50px; }

.padding_bottom_0  { padding-bottom: 0px; }
.padding_bottom_1  { padding-bottom: 1px; }
.padding_bottom_2  { padding-bottom: 2px; }
.padding_bottom_3  { padding-bottom: 3px; }
.padding_bottom_4  { padding-bottom: 4px; }
.padding_bottom_5  { padding-bottom: 5px; }
.padding_bottom_10 { padding-bottom: 10px; }
.padding_bottom_15 { padding-bottom: 15px; }
.padding_bottom_20 { padding-bottom: 20px; }
.padding_bottom_25 { padding-bottom: 25px; }
.padding_bottom_30 { padding-bottom: 30px; }
.padding_bottom_35 { padding-bottom: 35px; }
.padding_bottom_40 { padding-bottom: 40px; }
.padding_bottom_45 { padding-bottom: 45px; }
.padding_bottom_50 { padding-bottom: 50px; }

.padding_right_0  { padding-right: 0px; }
.padding_right_1  { padding-right: 1px; }
.padding_right_2  { padding-right: 2px; }
.padding_right_3  { padding-right: 3px; }
.padding_right_4  { padding-right: 4px; }
.padding_right_5  { padding-right: 5px; }
.padding_right_10 { padding-right: 10px; }
.padding_right_15 { padding-right: 15px; }
.padding_right_20 { padding-right: 20px; }
.padding_right_25 { padding-right: 25px; }
.padding_right_30 { padding-right: 30px; }
.padding_right_35 { padding-right: 35px; }
.padding_right_40 { padding-right: 40px; }
.padding_right_45 { padding-right: 45px; }
.padding_right_50 { padding-right: 50px; }

.padding_left_0  { padding-left: 0px; }
.padding_left_1  { padding-left: 1px; }
.padding_left_2  { padding-left: 2px; }
.padding_left_3  { padding-left: 3px; }
.padding_left_4  { padding-left: 4px; }
.padding_left_5  { padding-left: 5px; }
.padding_left_10 { padding-left: 10px; }
.padding_left_15 { padding-left: 15px; }
.padding_left_20 { padding-left: 20px; }
.padding_left_25 { padding-left: 25px; }
.padding_left_30 { padding-left: 30px; }
.padding_left_35 { padding-left: 35px; }
.padding_left_40 { padding-left: 40px; }
.padding_left_45 { padding-left: 45px; }
.padding_left_50 { padding-left: 50px; }


/*
 * MARGINS
 * All margins in all directions. Starts at margins 0px thru 5px then further increments of 5px through to 50px.
 */
.margin_0  { margin: 0px; }
.margin_1  { margin: 1px; }
.margin_2  { margin: 2px; }
.margin_3  { margin: 3px; }
.margin_4  { margin: 4px; }
.margin_5  { margin: 5px; }
.margin_10 { margin: 10px; }
.margin_15 { margin: 15px; }
.margin_20 { margin: 20px; }
.margin_25 { margin: 25px; }
.margin_30 { margin: 30px; }
.margin_35 { margin: 35px; }
.margin_40 { margin: 40px; }
.margin_45 { margin: 45px; }
.margin_50 { margin: 50px; }

.margin_top_0  { margin-top: 0px; }
.margin_top_1  { margin-top: 1px; }
.margin_top_2  { margin-top: 2px; }
.margin_top_3  { margin-top: 3px; }
.margin_top_4  { margin-top: 4px; }
.margin_top_5  { margin-top: 5px; }
.margin_top_10 { margin-top: 10px; }
.margin_top_15 { margin-top: 15px; }
.margin_top_20 { margin-top: 20px; }
.margin_top_25 { margin-top: 25px; }
.margin_top_30 { margin-top: 30px; }
.margin_top_35 { margin-top: 35px; }
.margin_top_40 { margin-top: 40px; }
.margin_top_45 { margin-top: 45px; }
.margin_top_50 { margin-top: 50px; }

.margin_bottom_0  { margin-bottom: 0px; }
.margin_bottom_1  { margin-bottom: 1px; }
.margin_bottom_2  { margin-bottom: 2px; }
.margin_bottom_3  { margin-bottom: 3px; }
.margin_bottom_4  { margin-bottom: 4px; }
.margin_bottom_5  { margin-bottom: 5px; }
.margin_bottom_10 { margin-bottom: 10px; }
.margin_bottom_15 { margin-bottom: 15px; }
.margin_bottom_20 { margin-bottom: 20px; }
.margin_bottom_25 { margin-bottom: 25px; }
.margin_bottom_30 { margin-bottom: 30px; }
.margin_bottom_35 { margin-bottom: 35px; }
.margin_bottom_40 { margin-bottom: 40px; }
.margin_bottom_45 { margin-bottom: 45px; }
.margin_bottom_50 { margin-bottom: 50px; }

.margin_right_0  { margin-right: 0px; }
.margin_right_1  { margin-right: 1px; }
.margin_right_2  { margin-right: 2px; }
.margin_right_3  { margin-right: 3px; }
.margin_right_4  { margin-right: 4px; }
.margin_right_5  { margin-right: 5px; }
.margin_right_10 { margin-right: 10px; }
.margin_right_15 { margin-right: 15px; }
.margin_right_20 { margin-right: 20px; }
.margin_right_25 { margin-right: 25px; }
.margin_right_30 { margin-right: 30px; }
.margin_right_35 { margin-right: 35px; }
.margin_right_40 { margin-right: 40px; }
.margin_right_45 { margin-right: 45px; }
.margin_right_50 { margin-right: 50px; }

.margin_left_0  { margin-left: 0px; }
.margin_left_1  { margin-left: 1px; }
.margin_left_2  { margin-left: 2px; }
.margin_left_3  { margin-left: 3px; }
.margin_left_4  { margin-left: 4px; }
.margin_left_5  { margin-left: 5px; }
.margin_left_10 { margin-left: 10px; }
.margin_left_15 { margin-left: 15px; }
.margin_left_20 { margin-left: 20px; }
.margin_left_25 { margin-left: 25px; }
.margin_left_30 { margin-left: 30px; }
.margin_left_35 { margin-left: 35px; }
.margin_left_40 { margin-left: 40px; }
.margin_left_45 { margin-left: 45px; }
.margin_left_50 { margin-left: 50px; }