/****** FILE: themes/Base/css/reset.css *****/
/**
 * HTML5 ✰ Boilerplate
 *
 * style.css contains a reset, font normalization and some base styles.
 *
 * Credit is left where credit is due.
 * Much inspiration was taken from these projects:
 * - yui.yahooapis.com/2.8.1/build/base/base.css
 * - camendesign.com/design/
 * - praegnanz.de/weblog/htmlcssjs-kickstart
 */


/**
 * html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
 * v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark
 * html5doctor.com/html-5-reset-stylesheet/
 */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

/* These selection declarations have to be separate
	No text-shadow: twitter.com/miketaylr/status/12228805301
	Also: hot pink! */
::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
::selection { background:#FF5E99; color:#fff; text-shadow: none; }

/* Bicubic resizing for non-native sized IMG:
	code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img { -ms-interpolation-mode: bicubic; }

/****** FILE: themes/Base/css/utility.css *****/
/* Align */
.text-center	{ text-align: center;	}
.text-left		{ text-align: left;		}
.text-right		{ text-align: right;	}
.baseline			{ vertical-align: baseline; }
.bottom				{ vertical-align: bottom; }
.middle				{ vertical-align: middle; }
.text-top			{ vertical-align: text-top; }
.top 					{ vertical-align: top; }

/* Borders */

/* Buttons */


/* Color */
.black 					{ color: #000; }
.white 					{ color: #fff; }
.grey-1					{ color: #111; }
.grey-2					{ color: #222; }
.grey-3					{ color: #333; }
.grey-4					{ color: #444; }
.grey-5					{ color: #555; }
.grey-6					{ color: #666; }
.grey-7					{ color: #777; }
.grey-8					{ color: #888; }
.grey-9					{ color: #999; }
.grey-a					{ color: #aaa; }
.grey-b					{ color: #bbb; }
.grey-c					{ color: #ccc; }
.grey-d					{ color: #ddd; }
.grey-e					{ color: #eee; }

.b-black 				{ background: #000; }
.b-white 				{ background: #fff; }
.b-grey-1				{ background: #111; }
.b-grey-2				{ background: #222; }
.b-grey-3				{ background: #333; }
.b-grey-4				{ background: #444; }
.b-grey-5				{ background: #555; }
.b-grey-6				{ background: #666; }
.b-grey-7				{ background: #777; }
.b-grey-8				{ background: #888; }
.b-grey-9				{ background: #999; }
.b-grey-a				{ background: #aaa; }
.b-grey-b				{ background: #bbb; }
.b-grey-c				{ background: #ccc; }
.b-grey-d				{ background: #ddd; }
.b-grey-e				{ background: #eee; }

.pink 					{ color: #EE3C84;}
.b-pink					{ background: #EE3C84;}

/* Display */
.block 					{ display: block; }
.display-inline { display: inline; } /* this has extra display- as drupal outputs inline as a class sometimes */
.inline-block		{ display: inline-block; }
.hide						{ display: none !important; }
.sr 						{ position: absolute !important;
									clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
									clip: rect(1px, 1px, 1px, 1px); }/* '.sr' = Screen reader */

/* Font display */
.bold					{ font-weight: bold; }
.normal				{ font-weight: normal; }
.italic				{ font-style: italic;	}
.not-italic		{ font-style: normal;	}
.small-caps		{ font-variant: small-caps; }

/* Float */
.f-left 			{ float: left; }
.f-right 			{ float: right; }

/* Margins/Padding */
.pan{padding:0}
.pas{padding:5px}
.pam{padding:10px}
.pal{padding:20px}
.pah{padding:30px}
.pae{padding:40px}
.ptn{padding-top:0}
.pts{padding-top:5px}
.ptm{padding-top:10px}
.ptl{padding-top:20px}
.pth{padding-top:30px}
.pte{padding-top:40px}
.prn{padding-right:0}
.prs{padding-right:5px}
.prm{padding-right:10px}
.prl{padding-right:20px}
.prh{padding-right:30px}
.pre{padding-right:40px}
.pbn{padding-bottom:0}
.pbs{padding-bottom:5px}
.pbm{padding-bottom:10px}
.pbl{padding-bottom:20px}
.pbh{padding-bottom:30px}
.pbe{padding-bottom:40px}
.pln{padding-left:0}
.pls{padding-left:5px}
.plm{padding-left:10px}
.pll{padding-left:20px}
.plh{padding-left:30px}
.ple{padding-left:40px}
.phn{padding-left:0;padding-right:0}
.phs{padding-left:5px;padding-right:5px}
.phm{padding-left:10px;padding-right:10px}
.phl{padding-left:20px;padding-right:20px}
.phh{padding-left:30px;padding-right:30px}
.phe{padding-left:40px;padding-right:40px}
.pvn{padding-top:0;padding-bottom:0}
.pvs{padding-top:5px;padding-bottom:5px}
.pvm{padding-top:10px;padding-bottom:10px}
.pvl{padding-top:20px;padding-bottom:20px}
.pvh{padding-top:30px;padding-bottom:30px}
.pve{padding-top:40px;padding-bottom:40px}
.man{margin:0}
.mas{margin:5px}
.mam{margin:10px}
.mal{margin:20px}
.mah{margin:30px}
.mae{margin:40px}
.mtn{margin-top:0}
.mts{margin-top:5px}
.mtm{margin-top:10px}
.mtl{margin-top:20px}
.mth{margin-top:30px}
.mte{margin-top:40px}
.mrn{margin-right:0}
.mrs{margin-right:5px}
.mrm{margin-right:10px}
.mrl{margin-right:20px}
.mrh{margin-right:30px}
.mre{margin-right:40px}
.mbn{margin-bottom:0}
.mbs{margin-bottom:5px}
.mbm{margin-bottom:10px}
.mbl{margin-bottom:20px}
.mbh{margin-bottom:30px}
.mbe{margin-bottom:40px}
.mln{margin-left:0}
.mls{margin-left:5px}
.mlm{margin-left:10px}
.mll{margin-left:20px}
.mlh{margin-left:30px}
.mle{margin-left:40px}
.mhn{margin-left:0;margin-right:0}
.mhs{margin-left:5px;margin-right:5px}
.mhm{margin-left:10px;margin-right:10px}
.mhl{margin-left:20px;margin-right:20px}
.mhh{margin-left:30px;margin-right:30px}
.mhe{margin-left:40px;margin-right:40px}
.mvn{margin-top:0;margin-bottom:0}
.mvs{margin-top:5px;margin-bottom:5px}
.mvm{margin-top:10px;margin-bottom:10px}
.mvl{margin-top:20px;margin-bottom:20px}
.mvh{margin-top:30px;margin-bottom:30px}
.mve{margin-top:40px;margin-bottom:40px}

/* Overflow */
.o-hidden 	{	overflow: hidden;}
.o-auto 		{	overflow: auto;}
.o-scroll 	{	overflow: scroll;}
.o-scroll-y {	overflow-y: scroll;}
.o-scroll-x {	overflow-x: scroll;}

/* Position */
.fixed				{ position: fixed; }
.absolute			{ position: absolute; }
.relative			{ position: relative; }
.static				{ position: static; }

.p-left		{	position: absolute; left: 0; }
.p-right	{ position: absolute; right: 0; }
.p-top		{	position: absolute; top: 0; }
.p-bottom {	position: absolute; bottom: 0; }

/* Rounded */
.rounded-a {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.rounded-t {
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
}
.rounded-b {
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

/* Miscellaneous classes */
.clear 				{ clear: both; }
.hidden				{ visibility: hidden; }
.nowrap				{ white-space: nowrap; }

.clearfix:before,
.clearfix:after {
	color: transparent;
	content: ' ';
	display: block;
	height: 0;
	overflow: hidden;
}

.clearfix:after { clear: both; }

.lte7 .clearfix { zoom: 1; }

/* http://sonspring.com/journal/clearing-floats */

.super-clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.ir { height: 0; overflow: hidden; }

/* Remove things that require javascript if it isn't present */
.no-js .requires-js { display: none; }

.zoom {
	zoom: 1;
}

/****** FILE: themes/Base/css/jquery-ui-1.8.12.custom.css *****/
/*
 * jQuery UI CSS Framework 1.8.12
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*
 * jQuery UI CSS Framework 1.8.12
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial,%20Helvetica,%20sans-serif&fwDefault=normal&fsDefault=12px&cornerRadius=5px&bgColorHeader=ffffff&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=100&borderColorHeader=ffffff&fcHeader=222222&iconColorHeader=000000&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=05_inset_soft.png&bgImgOpacityError=95&borderColorError=007ab3&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=100&opacityOverlay=30&bgColorShadow=222222&bgTextureShadow=01_flat.png&bgImgOpacityShadow=100&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=8px
 */


/* Component containers
----------------------------------*/
.ui-widget { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial, Helvetica, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(custom-theme/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; }
/*.ui-widget-content a { color: #222222; }*/
.ui-widget-header { /*border: 1px solid #ffffff;*/ background: #ffffff url(custom-theme/images/ui-bg_highlight-soft_100_ffffff_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; }
.ui-widget-header a { color: #222222; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(custom-theme/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada url(custom-theme/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(custom-theme/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fcefa1; background: #fbf9ee url(custom-theme/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #007ab3; background: #fef1ec url(custom-theme/images/ui-bg_inset-soft_95_fef1ec_1x100.png) 50% bottom repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(custom-theme/images/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(custom-theme/images/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(custom-theme/images/ui-icons_000000_256x240.png); }
.ui-state-default .ui-icon { background-image: url(custom-theme/images/ui-icons_888888_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(custom-theme/images/ui-icons_454545_256x240.png); }
.ui-state-active .ui-icon {background-image: url(custom-theme/images/ui-icons_454545_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(custom-theme/images/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(custom-theme/images/ui-icons_cd0a0a_256x240.png); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; }
.ui-corner-tr { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }
.ui-corner-br { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
.ui-corner-top { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
.ui-corner-right {  -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
.ui-corner-left { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }
.ui-corner-all { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(custom-theme/images/ui-bg_flat_100_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #222222 url(custom-theme/images/ui-bg_flat_100_222222_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/*
 * jQuery UI Resizable 1.8.12
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Resizable#theming
 */
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;
	/* http://bugs.jqueryui.com/ticket/7233
	- Resizable: resizable handles fail to work in IE if transparent and content overlaps
	*/
	background-image:url(data:);
}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/*
 * jQuery UI Selectable 1.8.12
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Selectable#theming
 */
.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }
/*
 * jQuery UI Autocomplete 1.8.12
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */
.ui-autocomplete { position: absolute; cursor: default; }

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/*
 * jQuery UI Menu 1.8.12
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
	float: left;
}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: 100%;
}
.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:1.5;
	zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}
/*
 * jQuery UI Dialog 1.8.12
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Dialog#theming
 */
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: absolute; right: 0; z-index: 1  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: 1.5em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }

/* =Custom styles
----------------------------------------- */
.ui-widget-content {
	color: #555;
}

.ui-dialog {
	border: 5px solid #0B79B0;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.4);
}

.ui-widget-header  {
	background: none;
	margin-top: 4px;
}

.ui-dialog .ui-dialog-titlebar {
	padding: 0;
}

.ui-widget-overlay {
		background: url("images/ui-bg_flat_100_black_40x100.png") repeat-x scroll 50% 50% #000000;
		opacity: 0.7;
}

.ui-dialog .ui-dialog-titlebar-close {
		height: 18px;
		margin: -10px 0 0;
		padding: 1px;
		position: absolute;
		right: 0.3em;
		top: 50%;
		width: 19px;
}

.lte6 .scrollable {
	overflow-x: auto;
}

.scrollable .ui-dialog-titlebar-close {
	right: 1.5em;
}

.scrollable iframe {
	overflow-y: scroll;
}

.ui-widget-header .ui-icon {
	background: url(custom-theme/images/icon-cross-big.png) no-repeat 0 0;
}


.ui-state-hover .ui-icon {
	background-position: 0 -38px;
}

.ui-dialog .ui-dialog-titlebar-close {
	background: none;
}

.ui-dialog .ui-dialog-titlebar-close {
	border-color: #fff;
}

.ui-dialog .ui-dialog-content {
/*	padding-top: 0;*/
}



/****** FILE: themes/Base/css/type.css *****/
/**
 * This typography file is included in the WYSIWYG editor
 */

body {
	font-size: 10px;
	line-height: 16px;
}

body,
input,
select,
textarea {
	font-family: 'Helvetica Neue', Arial, sans-serif;
}

body, select, input, textarea {
	color: #555;
}


blockquote, q {
	font-style: italic;
	margin-left: 20px;
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }
strong, th { font-weight: bold; }

/* Set sub, sup without affecting line-height: gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

pre {
	padding: 1.5em;
	/* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
	white-space: pre; white-space: pre-wrap; word-wrap: break-word;
}

ins { background-color: #ff9; color: #000; text-decoration: none; }

mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

/* Normalize monospace sizing:
	en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */
pre, code, kbd, samp { font-family: monospace, sans-serif; }

hr {
	border: none;
	border-top: 1px dotted #666;
	height: 0;
	margin: 15px 0 14px;
}

p,
.p,
li,
label,
input,
select,
textarea,
.middleColumn .message {
	font-size: 12px;
	line-height: 18px;
}

.smaller {
	font-size: 11px;
}

.larger {
	font-size: 13px;
}

p,
.p {
	margin-bottom: 15px;
}

/** CMS LIST STYLES **/
ul,
ol {
	margin: 0 0 0 15px;
}
	ul li,
	ol li {
		margin-left: 10px;
	}
	ul li,
	ol ul li {
		list-style-type:disc;
	}
	ol li,
	ul ol li {
		list-style-type:decimal;
	}
		li ul{
			margin: 0 0 0 0.75em;
		}
		li ol {
			margin: 0 0 0 1.5em;
		}

/* HEADER STYLES */
h1,
h2,
h3,
h4,
h5,
h6
{
	font-weight: normal;
}
	h1 {
		border-bottom: 1px solid #ccc;
		color: #000;
		font-family: "Georgia", "Times New Roman", "Times", "serif";
		font-size: 27px;
		font-weight: bold;
		line-height: 27px;
		margin: 0 0 25px;
		padding: 0 0 17px;
	}
	h1.modal {
		border: none;
		margin-bottom: 5px;
		padding-bottom: 0;
	}
	h2 {
		color: #333;
		font-size: 18px;
		font-weight: bold;
		margin-bottom: 7px;
	}
	h3 {
		font-size:18px;
		line-height: 27px;
		margin:5px 0;
	}
	h4 {
		color: #333;
		font-size: 14px;
		line-height: 18px;
		position: relative;
		margin: -20px 0 18px 1px;
		width: 700px;
	}
	h5 {
		color: #333;
		font-size: 12px;
		font-weight: bold;
		line-height: 18px;
		margin: 0;
		position: relative;
		padding: 0 0 7px 10px;
	}
	h6 {
		font-size: 15px;
		line-height: 18px;
	}

/* Links
-------------------------------------------- */
a,
.a {
	color: #006699;
	text-decoration: none;
}
	a:hover,
	.a:hover {
		text-decoration: underline;
	}

	/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
	a:hover, a:active { outline: none; }

	.a {
		cursor: pointer;
	}

	/* j.mp/webkit-tap-highlight-color */
/*	a:link { -webkit-tap-highlight-color: #FF5E99; }*/


/* TABLE STYLES */

table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 1em;
	margin: 0;
	table-layout: fixed;
	width: 100%;
}
	tr{

	}
	tbody tr:nth-child(2n+1),
	tbody tr.odd {
		background: #f7f8fa;
	}
	th,
	td {
		border-left: 1px solid #dadfe5;
		font-size: 11px;
		line-height: 15px;
		padding: 0 5px;
		vertical-align: top;
	}
	th:first-child,
	td:first-child {
		border-left: none;
		padding-left: 0;
	}
	th {
		text-align: left;
	}
	td.p {
		margin-bottom: 0;
	}

/* WYSIWYG EDITOR ALIGNMENT CLASSES */


p.MsoNormal, p.MsoBodyText {
	margin: 0;
}



/****** FILE: themes/Base/css/hovers.css *****/
/* Workplace
----------------------------------------- */
.workplaces,
.tipsheets,
.tips {
	margin: 0 -10px;
	padding: 0;
/*	position: relative;*/
/*	z-index: 2;*/
}

.tips {
	width: 720px;
/*	z-index: auto;*/
}

.workplaces li,
.tipsheets li,
.tips li {
	height: 240px;
	float: left;
	list-style-type: none;
	margin: 0 10px 0 0;
	width: 170px;
}

.tipsheets li {
	height: auto;
	width: 255px;
}

.tips li {
	height: 200px;
}

.hoverable {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 3px 3px 2px rgba(0,101,152,.12);
	-webkit-box-shadow: 3px 3px 2px rgba(0,101,152,.12);
	box-shadow: 3px 3px 2px rgba(0,101,152,.12);
	background-color: #F0F9FE;
	border: 1px solid #D3E2E9;
	display: block;
	height: 200px;
	position: relative;
	width: 168px;
}

.tipsheets .hoverable {
	background-color: #fff;
	height: 180px;
	width: 255px;
}

.tips .hoverable {
	background: #fff;
	height: 130px;
	overflow: hidden;
	padding: 8px 10px;
	width: 148px;
}

.hoverable:hover,
.hover {
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	background-color: #fff;
	border-radius: 12px;
	border: 5px solid #007AB3;
	height: auto;
	margin: -4px;
	position: absolute;
	z-index: 1;
}

.tips .hoverable:hover,
.tips .hover  {
	height: 130px;
}

.selected,
.selected:hover {
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	border-width: 5px;
	border-color: #5BCE07;
	height: 180px;
	margin: -4px;
}

.workplaces h3 {
	color: #006598;
	font-family: "Georgia", "Times New Roman", "Times", "serif";
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	margin: 151px 8px 0;
}

.caption {
	font-size: 11px;
	line-height: 12px;
	display: none;
	padding: 3px 8px 14px;
}

.workplaces img {
	-moz-border-top-left-radius: 6px;
	-moz-border-top-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	clip-path: url(../resources/carousel-corners.svg#c1);
	left: 0;
	position: absolute;
	top: 0;
}

.overlay {
	-moz-border-radius-bottomleft: 9px;
	-moz-border-radius-bottomright: 9px;
	-webkit-border-bottom-left-radius: 9px;
	-webkit-border-bottom-right-radius: 9px;
	background: url("../images/hover_fallback.png");
	background: rgba(29, 155, 216, 0.3);
	border-bottom-left-radius: 9px;
	border-bottom-right-radius: 9px;
	display: none;
	height: 143px;
	position: absolute;
	padding: 0 5px;
	top: -2px;
	width: 158px;
	z-index: 1;
}

.tipsheets .overlay {
	cursor: pointer;
	height: 184px;
	width: 245px;
}

.tips .overlay {
	height: 150px;
	left: 0;
	top: 0;
}

.hoverable:hover .caption,
.hover .caption,
.hoverable:hover .overlay,
.hover .overlay {
	display: block;
}

.button_tip:hover .button_head, a.button_tip:hover span {
	color: #000;
}

.button_tip {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-image: -moz-linear-gradient(top, #fff 0, #DFF2FD 100%);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#DFF2FD));
	background: repeat-x bottom #fff; /* fallback background */
	border-radius: 3px;
	border: 1px solid #7CAABD;
	color: #333;
	font-size: 10px;
	line-height: 12px;
	padding: 8px 20px 8px 10px;
	position: absolute;
	text-decoration: none;
	top: 7px;
	width: 125px;
	z-index: 4;
}

.button_tip:hover {
	border: 4px solid #5BCE07;
	margin: -3px;
	text-decoration: none;
}

.button_tip_new {
	top: 73px;
}

.button_head {
	display: block;
	font-size: 16px;
	font-weight: bold;
	color: #006598;
	margin-bottom: 4px;
}

.tipsheets .hoverable img {
	padding: 8px;
}

.enlarge {
	position: absolute;
	background: url(../images/button-enlarge.png) no-repeat 0 0;
	width: 79px;
	height: 27px;
	left: 50%;
	margin-left: -40px;
	bottom: 20px;
	z-index: 2;
}

.draggable:hover,
.drag_hover {
	cursor: move;
}

/****** FILE: themes/Base/css/buttons.css *****/
/* =Buttons
----------------------------------------- */
/*** Link buttons ***/
.button {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background: url(../images/button-grey.png) repeat-x top #D7DADD; /* fallback background */
	background-image: -moz-linear-gradient(top, #fff 0, #D7DADD 100%);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#D7DADD));
	border: 1px solid #C2C7CB;
	color: #666;
	cursor: pointer;
	display: block;
	font-size: 18px;
	font-weight: bold;
	line-height: 45px;
	padding: 5px 20px;
	text-align: center;
}

.button:after,
.button span:after {
	border-color: #C2C7CB;
}

.button:hover {
	color: #201A1D;
	background-position: 0 100%;
	background-image: -moz-linear-gradient(top, #EDF2F7 0, #BCC1C6 100%);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EDF2F7), to(#BCC1C6));
	text-decoration: none;
}

.button:before {
	display: inline-block;
	line-height: 18px;
	margin-right: 5px;
	vertical-align: middle;
}

.button_small,
.lte7 .button_small {
	font-size: 13px;
	line-height: 18px;
	height: 19px;
	padding: 5px 10px;
}

.button_green {
	color: #fff;
	background: #79B211; /* fallback background */
	background-image: -moz-linear-gradient(top, #94C859 0, #79B211 100%);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#94C859), to(#79B211));
}

.button_green,
.button_green:after {
	border-color: #7CAABD;
}

.button_green:hover {
	color: #fff;
	background: #397C01; /* fallback background */
	background-image: -moz-linear-gradient(top, #579E21 0, #397C01 100%);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#579E21), to(#397C01));
}

.button_download:before {
	content: url("../images/button-download.png");
}

.button_print:before {
	content: url("../images/button-print.png");
}

.button_blue {
	color: #fff;
	background: #0B7AB1; /* fallback background */
	background-image: -moz-linear-gradient(top, #1994D0 0, #0B7AB1 100%);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1994D0), to(#0B7AB1));
}

.button_blue,
.button_blue:after {
	border-color: #0B7AB1;
}

.button_blue:hover {
	color: #fff;
	background: #0867A1; /* fallback background */
	background-image: -moz-linear-gradient(top, #1281C5 0, #0867A1 100%);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1281C5), to(#0867A1));
}

.button_home {
	background: url(../images/button_blue.png) repeat-x top #E0F2FD; /* fallback background */
	background-image: -moz-linear-gradient(top, #FBFBFB 0, #E0F2FD 100%);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FBFBFB), to(#E0F2FD));
	border: 1px solid #7CAABD;
	color: #00346C;
	font-family: "Georgia", "Times New Roman", "Times", "serif";
	line-height: 36px;
	padding: 5px 10px;
}

.button_home:hover {
	background: url(../images/button_blue.png) repeat-x top #C5E6FB; /* fallback background */
	background-image: -moz-linear-gradient(top, #F1F1F1 0, #C5E6FB 100%);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F1F1F1), to(#C5E6FB));
}


/* arrows */
.button_arrow,
.button_arrow_back {
	position: relative;
}

.button_arrow {
	padding-right: 20px;
}

.button_arrow_back {
	padding-left: 20px;
}

.button_arrow span {
	position: absolute;
	top:0;
	left: 0;
	right: 0;
	zoom: 1;
}

/* both */
.button_arrow:after,
.button_arrow span:after,
.button_arrow_back:after,
.button_arrow_back span:after {
	border-width: 16px;
	border-bottom-width: 15px;
	border-style: solid;
	content: '';
	display: block;
	font-size: 0;
	line-height: 0;
	height: 0;
	width: 0;
	position: absolute;
	top: -1px;
	z-index: 2;
}

.button_arrow span:after,
.button_arrow_back:after {
	border-color: #fff;
}

.button_arrow:after,
.button_arrow_back:after {
	z-index: 1;
}

/* right */
.button_arrow span:after,
.button_arrow:after {
	border-left-color: transparent;
	border-right: none;
	right: -1px;
}

.button_arrow:after {
	right: 0;
}

/* left */
.button_arrow_back span:after,
.button_arrow_back:after {
	border-right-color: transparent;
	border-left: none;
	left: -1px;
	z-index: 3;
}

.button_arrow_back span:after {
	left: 0;
}

/* add */
.button_add,
.lte7 .button_add {
	padding-left: 40px;
	position: relative;
}
.lte6 .button_add {
	padding-left: 10px;
}
.button_add span {
	background: url("../images/add_page.png") no-repeat center center;
	border-right: 1px solid #C2C7CB;
	position: absolute;
	width: 29px;
	left: 0;
	top: 0;
	bottom: 0;
}
.button_add:hover span {
	background-image: url("../images/add_page_hover.png")
}

/* preview */
.button_preview {
	margin-left: 140px;
	width: 239px;
}

/****** FILE: themes/Base/css/tips.css *****/
.tip {
	overflow: hidden;
}
	.tip ul {
		margin: 0 0 0 6px;
	}
	.checkboxLists ul {
		margin-left: 12px;
	}

	.tip ol {
		margin: 0 0 0 17px;
	}

	.tip li,
	.tip p,
	.tip td,
	.tip th {
		font-size: 11px;
		line-height: 15px;
	}
	.tip p {
		margin: 0;
	}
	.tip li {
		height: auto;
		float: none;
		margin: 0;
		position: relative;
		width: auto;
	}
	.tip li:before {
		content: '›';
		left: -6px;
		position: absolute;
	}
	.checkboxLists li:before {
		border: 1px solid #555;
		content: ' ';
		left: -12px;
		position: absolute;
		top: 3px;
		width: 8px;
		height: 8px;
	}
	.tip ol li {
		list-style: decimal;
	}
	.tip ol ol li {
		list-style: lower-latin;
	}
		.tip ol li:before {
			content: '';
		}
	.tip th {
		text-align: left;
	}

	.recommended {
		display: block;
		margin: -2px 0 5px -4px;
	}

	.tip .editableTooltip {
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		background: url("../images/editable_tooltip.png");
		background: none rgba(0,53,108,.7);
		border-radius: 3px;
		color: #fff;
		display: inline-block;
		margin: -2px 0 5px -4px;
		padding: 2px 5px 3px;
	}
	.lte7 .tip .editableTooltip {
		display: inline;
		zoom: 1;
	}
	.editableTooltip img {
		padding: 0 3px 0 0;
		vertical-align: bottom;
	}

	.dragTitle,
	.tip_actions {
		display: none;
	}
	.delete_link,
	.edit_link {
		position: absolute;
	}
	.delete_link {
		background: url("../images/tip_delete.png") no-repeat 5px 5px;
		height: 30px;
		width: 30px;
		right: -16px;
		top: -16px;
	}
	.edit_link {
		background: url("../images/tip_edit.png") no-repeat scroll 10px 4px #0B79B0;
		bottom: 0;
		color: #fff;
		height: 13px;
		left: 0;
		padding: 6px 0 0 30px;
		right: 0;
	}


.moving {
	height: 40px !important;
	width: 58px !important;
	z-index: 5 !important;
}

.moving .tip_content {
	display: none;
}

.moving .dragTitle {
	display: block;
}

.droppable .tip {
	-moz-border-radius: 0;
	-moz-box-shadow: none;
	-webkit-border-radius: 0;
	-webkit-box-shadow: none;
	background: #0B79B0;
	border-radius: 0;
	border: none;
	box-shadow: none;
	color: #fff;
	font-size: 10px;
	line-height: 12px;
	height: 45px;
	margin: -1px;
	padding: 5px;
	width: auto;
}

.droppable .tip_content {
	display:none;
}

.droppable .dragTitle {
	display: block;
	height: 45px;
	margin-bottom: 0;
	overflow: hidden;
}

.droppable .tip:hover,
.droppable .hover {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #fff;
	border-radius: 4px;
	border: 4px solid #0B79B0;
	height: 45px;
	margin: -5px;
	overflow: visible;
	position: relative;
}

.droppable .tip:hover .dragTitle,
.droppable .hover .dragTitle {
	color: #0B79B0;
}

.droppable .tip:hover .tip_actions,
.droppable .hover .tip_actions {
	display: block;
}

.tip_wrap {
	border-top: 1px solid #ccc;
	margin-top: 10px;
	padding: 20px 0 0;
}
	.tip_wrap .tip_hole {
		padding: 0;
		margin-bottom: 20px;
	}
	.dragger {
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		background: #222;
		border-radius: 4px;
		color: #fff;
		cursor: move;
		display: none;
		line-height: 30px;
		position: relative;
		text-align: center;
	}
	.dragger:before,
	.dragger:after {
		background: url("../images/texture.png");
		content: ' ';
		display: block;
		height: 9px;
		left: 8px;
		position: absolute;
		top: 10px;
		width: 9px;
	}
	.dragger:after {
		left: auto;
		right: 8px;
	}

	.edit_instructions {
		font-weight: bold;
		margin: 10px 0 0;
	}

.defaultSkin .mceExternalClose,
.defaultSkin .mceExternalToolbar td.mceToolbar {
	display: none;
}

/****** FILE: themes/Base/css/tipPrint.css *****/
.tip_hole {
	background: #fff;
	border: none;
	height: 60mm;
	margin: 0;
	overflow: hidden;
	padding: 1mm;
	position: relative;
	width: 67mm;
}

.tip_title,
.details_custom {
	border-top: .5mm solid #0096db;
}

.tip_title {
	color: #0096db;
	display: block;
	font-size: 3.35mm;
	line-height: 4mm;
	margin: 0;
	padding: .8mm 0;
	text-transform: uppercase;
}

.modal_content .tip_title {
	margin-right: 10px;
}

.tip_hole ul,
.tip_hole ol {
	margin: 0 0 0 2mm;
	padding: 0;
	position: relative;
}
.checkboxLists ul {
	margin-left: 3mm;
}

.tip_hole ol {
	margin-left: 4.5mm;
}

.tip_hole ul ul,
.tip_hole ul ol,
.tip_hole ol ul,
.tip_hole ol ol {
	margin-bottom: 0;
}

.tip_hole li {
	font-size: 3mm;
	display: list-item;
	line-height: 4mm;
	list-style: none;
	margin-left: 0;
}

	.tip_hole ul li:before {
		content: '›';
		left: -2mm;
		position: absolute;
		top: auto;
	}
	.tip_hole .checkboxLists ul li:before {
		border: .2mm solid #000;
		content: ' ';
		display: block;
		left: -3mm;
		margin-top: 1mm;
		height: 1.8mm;
		width: 1.8mm;
	}

.tip_hole ol li {
	list-style: decimal;
}
.tip_hole ol ol li {
	list-style: lower-latin;
}
	.tip_hole ol li:before {
		content: '';
	}

.tip_hole p {
	font-size: 3mm;
	line-height: 4mm;
	margin: 0;
	position: relative;
}

.tip_hole img {
	display: block;
	height: 35mm;
}

.tip_hole .brand,
.tip_hole .customLogo {
	height: auto;
	position: absolute;
	right: 1mm;
	top: 1.3mm;
	z-index: 1;
}

.tip_hole .brand {
	height: 15.3mm;
	left: 0;
	top: 1mm;
	width: 67mm;
}

.lte8 .tip_hole .brand {
	width: 64mm;
}

.tip_hole .customLogo {
	width: 20mm;
}

.tip_hole .tipBackground {
	height: auto;
	left: 1mm;
	position: absolute;
	width: 67mm;
}

.tip_hole h2 {
	color: #0096db;
	font-size: 4.25mm;
	line-height: 4.5mm;
	margin: 11mm 22mm 6mm 0;
	padding: 0;
	position: relative;
}

.details_acc h2 {
	background: #0096db;
	color: #fff;
	font-weight: normal;
	margin: 0 0 3mm;
	min-height: 9mm;
	padding: 5mm 24mm 6mm 6mm;
}

.tip_hole .details_pad {
	margin-right: 22mm;
}

.tip_content_print_padded {
	padding-left: 6mm;
}

.tip_hole table {
	border-spacing: 0;
	font-size: 3mm;
	line-height: 4mm;
	margin: 0;
	width: 100%;
}
	.tip_hole table tr{
		height: auto;
	}
	.tip_hole tbody tr.odd {
		background: #f7f8fa;
	}
	.tip_hole th,
	.tip_hole td {
		border-left: .1mm solid #dadfe5;
		padding: 0 1mm;
		vertical-align: top;
	}
	.tip_hole th:first-child,
	.tip_hole td:first-child {
		border-left: none;
		padding-left: 0;
	}
	.tip_hole th {
		text-align: left;
	}
	.tip_hole th.p,
	.tip_hole td.p {
		margin-bottom: 0;
	}

/****** FILE: themes/Base/css/layout.css *****/
/* =General
-------------------------------------------- */
html {
	background: #f2f2f2;
	overflow-y: scroll; /* force scrollbar */
}

html {
	height: 100%;
}

body {
	background: url("../images/bg-body.png") repeat-y 0 0;
	min-height: 100%;
}

* html body {
	height: 100%;
}

.container {
	background: #fff;
	position: relative;
	border-right: 1px solid #DCE7ED;
	width: 910px;
	padding-right: 10px;
}

/* =No JavaScript message
-------------------------------------------- */
.javascript_message {
	color: #FF0000;
	display: none;
	padding: 16px 10px 6px 10px;
	text-align: center;
}

.no-js .javascript_message {
	display: block;
}

.javascript_message p {
	font-size: 13px;
	margin-bottom: 0;
}

/* =Masthead
----------------------------------------- */
.masthead {
	background: url(../images/bg-masthead.jpg) no-repeat 0 0;
	height: 105px;
	position: relative;
}

.masthead_home {
	background: url(../images/bg-masthead-home.jpg) no-repeat 0 0;
	width: 910px;
	height: auto;
}

.logo_main {
	background: url(../images/logo-acc-main.png) no-repeat 0 0;
	height: 84px;
	width: 106px;
}

.link_start_over {
	font-size: 12px;
	position: absolute;
	top: 69px;
	right: 165px;
}

.link_start_over_icon {
	background: url(../images/icon-start-over.png) no-repeat 0 1px;
	padding-left: 21px;
}

.site_name {
	margin-left: 30px;
	padding-top: 25px;
}

.masthead_home .site_name {
	margin-left: 50px;
	padding-top: 40px;
}

.masthead h1 {
	border-bottom: none;
	font-size: 33px;
	line-height: 36px;
	margin: 0;
	padding-left: 0;
}
	.masthead h1 a {
		text-decoration: none;
	}
	.masthead h1 a:hover {
/*		color: #00316A;*/
		text-decoration: underline;
	}

.masthead h2 {
	font-size: 23px;
	line-height: 27px;
	font-weight: normal;
	margin: 40px 0 0 0;
}

/* Layout
----------------------------------------- */

.box_container {
	border-bottom: 1px solid #8BD2EC;
	margin: 33px 50px 0;
	padding-bottom: 41px;
}

.column {
	width: 100%;
	float: left;
}

.column.left_col {
	width: 585px;
	margin-right: 35px;
}

.column.right_col {
	padding-top: 18px;
	text-align: left;
	width: 248px;
}

.content {
	position: relative;
	padding: 25px 0 85px 30px;
}
	.HomePage .content {
		padding-bottom: 30px;
	}

.info_box {
	margin-right: 50px;
	padding: 1px 0 7px 40px;
	position: relative;
}
.info_box_home {
	margin: 20px 50px 30px;
}
.lte6 .info_box {
	zoom: 1;
}

	.info_icon {
		position: absolute;
		top: -3px;
		left: 0;
	}

/*** Breadcrumbs ***/
.breadcrumbs {
	background: #f7f7f7;
	margin-left: 0;
	padding: 7px 0 7px 30px;
}

.breadcrumbs li {
	background: url(../images/divider-arrow.png) no-repeat 100% 0;
	color: #999;
	list-style-type: none;
	float: left;
	margin: 0 12px 0 0;
	padding: 4px 24px 4px 0;
	line-height: 1em;
}

.breadcrumbs li.current {
	font-weight: bold;
	color: #000;
}

.breadcrumbs li.last {
	background: none;
}

.breadcrumbs a {
	background: url(../images/icon-complete.png) no-repeat 0 0;
	padding: 2px 0 4px 23px;
}

/* =Footer
----------------------------------------- */
.footer {
	background: url(../images/bg-footer.jpg);
	height: 115px;
	position: relative;
}

.footer-nav {
	padding: 18px 0 0 15px;
}
	.footer-nav li {
		float: left;
		list-style-type: none;
		margin-right: 12px;
		margin-left: 0;
	}

	.footer-nav a {
		background: url(../images/icon-square-blue.png) no-repeat 0 5px;
		display: block;
		padding-left: 12px;
	}

	.footer-nav a:hover {
		background-position: 0 -38px;
	}

	.footer-nav a span.codedirection {
		background: none !important; /* Not working */
	}

	.logo-nz-govt {
		background: url(../images/logo-nz-govt.png) no-repeat 0 0;
		width: 143px;
		height: 18px;
		position: absolute;
		top: 18px;
		right: 16px;
	}

/* =Elements
----------------------------------------- */
/*** Messages ***/
.recommend {
	position: relative;
	top: 9px;
}

.message {
	width: 893px;
	height: 75px;
	position: absolute;
	z-index: 1;
	margin-left: -30px;
	height: 36px;
	padding: 17px 0 0 27px;
	-moz-box-shadow: 0px 3px 2px #d2d2d2;
	-webkit-box-shadow: 0px 3px 2px #d2d2d2;
	box-shadow: 0px 3px 2px #d2d2d2;
}

.message.green {
	background-color: #79B211;
}

.message.red {
	background-color: #ff0000;
}

.message span {
	padding-left: 22px;
	font-weight: bold;
	font-size: 18px;
	float: left;
	margin-right: 22px;
}

.message span.tick {
	color: #fff;
	background: url(../images/icon-tick.png) no-repeat 0 3px;
}

.message span.alert {
	color: #fff;
	background: url(../images/icon-alert.png) no-repeat 0 2px;
}

/*** Utility nav ***/
.utility_nav {
	background: #fff;
	border-top: 1px solid #9FD0EA;
	bottom: 0;
	height: 32px;
	left: 0;
	padding: 20px 0;
	position: fixed;
	width: 100%;
	z-index: 5;
}

.lte6 .utility_nav {
	position: relative;
	border-right: 1px solid #DCE7ED;
	width: 920px;
}

.utility_inner {
	padding: 0 0 0 26px;
	width: 894px;
}

.lte6 .utility_inner {
	padding-right: 10px;
	width: auto;
}

.arrow_down {
	background: url(../images/arrow-green.png) no-repeat 0 0;
	color: #313D41;
	float: left;
	font-size: 14px;
	font-weight: bold;
	margin-top: 7px;
	padding: 0 0 4px 36px;
}

.arrow_down:hover {
	color: #00316A;
	text-decoration: none;
}

/* =Homepage
----------------------------------------- */


/*** Sildeshow ***/
#slideshow_wrap {
	margin: 38px 0 0 269px;
	width: 371px;
}

.slideshow img {
	display: none;
}

.slideshow img.first {
	display: block;
}

.box {
	color: #000;
	width: 265px;
	float: left;
	margin: 0 40px 0 0;
}

.box_last {
	margin-right: 0;
	width: 200px;
}

/*** STEPS ***/

.note_adobe {
	color: #666;
	margin-bottom: 34px;
}

/*** Button wrap ***/
.button_wrap {
	margin-bottom: 11px;
}

.yes_no {
	position: relative;
	top: -4px;
	float: left;
}

.button_or {
	font-size: 18px;
	font-weight: bold;
	margin-top: 21px;
}

.button_wrap.last {
	margin-left: 0;
}

/* =Layout your tips sheet
----------------------------------------- */
.tip_sub_menu {
	background: #f2f2f2;
	margin-bottom: 15px;
	height: 36px;
	color: #313D42;
	font-size: 10px;
	padding-right: 3px;
	position: relative;
	margin-left: -10px;
	width: 710px;
}

.key {
	margin-top: 9px;
	float: right;
	padding: 1px;
}

.key .label {
	margin-right: 8px;
}

.key_enlarge {
	background: url(../images/icon-enlarge.png) no-repeat 0 0;
	margin-right: 11px;
	padding: 2px 0 2px 18px;
}

.key_edited {
	background: url(../images/icon-edited.png) no-repeat 0 0;
	margin-right: 11px;
	padding: 2px 0 2px 23px;
}

/*** Shadow ***/

.layout_tips_list img.frame_image {
	position: absolute;
	top: 0;
	left: 0;
	-moz-border-radius: 6px;
	border-radius: 6px;
	clip-path: url(../resources/carousel-corners.svg#c1);
}

/* =General content page
----------------------------------------- */
.subheading {
	height: 34px;
}

.replicate {
	padding: 10px 20px;
}

.replicate .iframe_modal {
	display: none;
}

.iframewrap {
	padding: 0 !important;
}

.alignBottom {
	display: table-cell;
	height: 43px;
	vertical-align: bottom;
}
.lte7 .alignBottom {
	height: auto;
}

/****** FILE: themes/Base/css/dropPanel.css *****/
.dropContent {
	padding-left: 180px;
	padding-right: 30px;
}

/* =Drop panel
----------------------------------------- */
.drop_panel {
	-moz-box-shadow: -3px 0px 5px rgba(0, 0, 0, .1);
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, .1);
	background: #fff;
	border-bottom: 1px solid #B3D4DE;
	border-right: 5px solid #B3D4DE;
	box-shadow: -3px 0px 5px rgba(0, 0, 0, .1);
	height: 100%;
	margin-top: 20px;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	width: 146px;
	z-index: 2;
}

.drop_panel_open {
	width: 402px;
}

.drop_cover {
	background: url("../images/chevrons.gif") no-repeat 25px 140px #fff;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	padding: 65px 25px;
}

.lte6 .drop_cover {
	height: 1000000px;
}

.drop_cover h4 {
	width: 96px;
}

.no-boxshadow .drop_panel {
	border-top: 2px solid #D8E6EE;
	border-bottom: 2px solid #D8E6EE;
}

.drop_panel h4 {
	margin: 0 0 14px 0;
}

.drop_utility {
	background: #fff;
	border-top: 1px solid #D8E6EE;
	bottom: 0;
	left: 0;
	padding: 16px;
	position: absolute;
	width: 370px;
}

.drop_zone {
	bottom: 60px;
	margin-bottom: 20px;
	padding: 10px 17px;
	overflow: hidden;
	overflow-y: auto;
	position: absolute;
	left: 0;
	top: 0;
	width: 368px;
}

.drop_zone ul {
	background: #f7f7f7;
	margin: 0 0 10px;
	padding: 10px 0 4px 10px;
	position: relative;
}

.drop_zone li {
	background: #fff;
	border: 1px dashed #9CC6D4;
	float: left;
	font-size: 10px;
	height: 53px;
	line-height: 11px;
	list-style-type: none;
	margin: 0 6px 6px 0;
/*	position: relative;*/
	width: 77px;
}

li.ready_drop {
	border-color: #2E8CBB;
}

.page {
	font-weight: bold;
	margin-bottom: 5px;
}

.page .a {
	background: url("../images/remove_page.png") no-repeat right 6px;
	color: inherit;
	padding-right: 10px;
}


/****** FILE: themes/Base/css/form.css *****/
.lte7 legend { margin-left: -7px; }

/* Hand cursor on clickable input elements */
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea { margin: 0; }

/* Make buttons play nice in IE:
	www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {  width: auto; overflow: visible; }

/* Colors for form validity */
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid {
	border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red;
}

input, select { vertical-align: middle; }

/* Align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] { vertical-align: baseline; }
input[type="checkbox"] { vertical-align: baseline; }
.lte7 input[type="checkbox"] { vertical-align: baseline; }
.lte6 input { vertical-align: text-bottom; }

.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }

textarea { overflow: auto; } /* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */

form {

}

fieldset {

}

.field {
	margin: 0 0 6px 0;
}

.nolabel {

}

/* Label */

label {
	color: #333;
	font-size: 14px;
	font-weight: bold;
	display: inline-block;
	margin: 6px 0 3px 0;
	width: 140px;
	vertical-align: top;
}
.fieldgroup label {
	display: inline-block;
	margin-right: 4%; /* 1% missing for white-space in markup */
	white-space: normal;
	width: 25%;
}

.lte7 label,
.lte7 .fieldgroup label {
	display: inline;
	zoom: 1;
}

.checkbox label {
	font-size: 1em;
	display: inline;
}

.optionset .middleColumn label,
.checkboxset .middleColumn label {
	display: inline;
}

.phonenumber .fieldgroup label,
.per-page-control .fieldgroup label {
	margin-right: 0;
	width: auto;
}

/* Middle Column */

.middleColumn {
	display: inline-block;
	width: 249px;
}
.lte7 .middleColumn {
	display: inline;
	zoom: 1;
}

	.middleColumn .message {
		margin-bottom: 10px;
		margin-top: -10px;
	}

/* Fieldgroup */

.money .fieldgroupField {
	white-space: nowrap;
}

.phonenumber .fieldgroupField,
.per-page-control .fieldgroupField {
	display: inline-block;
}

.lte7 .phonenumber .fieldgroupField,
.lte7 .per-page-control .fieldgroupField {
	display: inline;
	zoom: 1;
}

.phonenumber .fieldgroupField:first-child:last-child {
	display: block;
}

/* Input, select etc */

input.text,
select,
textarea,
.phonenumber .fieldgroup input.text {
	font-size: 14px;
	width: 100%;
}
input.text {
	height: 16px;
	margin-bottom: 9px;
}
input.checkbox {
	vertical-align: baseline;
}
select {
	height: 22px;
	margin-top: 1px;
	margin-bottom: 8px;
	padding: 0;
}
option:first-child {
	color:#aaa;
}

.fieldgroup input.text,
.fieldgroup select,
.fieldgroup textarea {
	width: 70%;
}

.phonenumber .fieldgroup label + input.text,
.per-page-control .fieldgroup select {
	margin-right: 3px;
	width: auto;
}

input.text,
.creditCardField input,
textarea {
	border: 1px solid #ccc;
	padding: 6px 5px;
}

.creditCardField input {
	width: 20%;
}

.file input {
	margin-top: 4px;
	margin-bottom: 12px;
}

/* Other fields */
.creditCardField {
	display: block;
	margin-bottom: 9px;
}
	.creditCardField .message {
		margin-top: -1px;
		margin-bottom: 10px;
	}

.optionset {
	margin: 0;
}
	.optionset li {
		font-size: 1em;
		list-style: none;
		margin: 0;
	}




/* field
---------------------------------------- */
form .field {

}

/* Labels
---------------------------------------- */


/* Checkboxes
---------------------------------------- */
#Remember label {
	display: inline;
	position: relative;
	top: 0;
	left: 0;
	font-weight: normal;
	font-size: 12px;
	float: none;
}

p#Remember {
	margin: 0 0 20px 140px;

}

/* Messages
---------------------------------------- */
form .required {
	font-size: .917em;
	color: #A31432;
}

form#filter {
	float: left;
}

/* Buttons
---------------------------------------- */
.Actions {
	margin-left: 140px;
}

.Actions input {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #fff url(../images/button-form.png) repeat-x 0 100%;
	border-radius: 4px;
	border: 1px solid #9a9a9a;
	cursor: pointer;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 5px 11px;
}

.Actions input:hover {
	background: #EBF2F7 url(../images/button-form-h.png) repeat-x 0 100%;
	border: 1px solid #929DA2;
	color: #201A1D;
}

/* Add details form
---------------------------------------- */
#Form_AddDetailsForm {
	float: left;
	width: 425px;
}

.details_form_wrap {
	margin: 15px 0 25px 0;
}

.details_note {
	border-left: 1px solid #D7DADD;
	float: left;
	padding-left: 20px;
	width: 400px;
}

#Form_AddDetailsForm .Actions {
	display: none;
}

/* Filter tips form
---------------------------------------- */
#Form_FilterTipsForm {
	float: left;
	width: 300px;
	margin-left: 16px;
}

#Form_FilterTipsForm label {
	float: left;
	font-size: 10px;
	margin-top: 9px;
	width: 57px;
}

#Form_FilterTipsForm .middleColumn {
	float: left;
	width: auto;
}

#Form_FilterTipsForm select {
	width: 130px;
	font-size: 11px;
	height: 20px;
	margin-top: 9px;
}

#Form_FilterTipsForm fieldset {
	float: left;
	margin-right: 10px;
	width: 187px;
}

#Form_FilterTipsForm .Actions {
	display: none;
}

/* Edit tip form */
.editTipForm .middleColumn {
	width: 275px;
}

.editTipForm .Actions {
	margin-left: 0;
}