@charset "utf-8";
/*  
	CSS Document
	Project : MatchMatrix
	File 	: common-base.css
	Date 	: 14/11/12(dd-mm-yy)
	Author  : Ganesh (ganesh@digitalbrandgroup.com)
	Credits	: Inspired from Normalize.css - (http://necolas.github.com/normalize.css/) and
							HTML5 Boilerplate(http://html5boilerplate.com/)
*/

/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

	article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }
	audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
	audio:not([controls]) { display: none; }
	[hidden] { display: none; }


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

	html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

	body{ font-size: 81%; color: #717171; background: #fff; margin: 0; line-height: 1.4; font-family:  'HelveticaNeue', Helvetica, Arial, sans-serif; }

	html, button, input, select, textarea { font-family: sans-serif; color: #222; }


/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

	::-moz-selection { background: #3887b8; color: #fff; text-shadow: none; }
	::selection { background: #3887b8; color: #fff; text-shadow: none; }


/* =============================================================================
   Links
   ========================================================================== */

	a { color: #3c83b7; }
	a:visited { color: #3c83b7; }
	a:hover { color: #15639c; }
	a:focus { outline: thin dotted; }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
	a:hover, a:active { outline: 0; }

/* Remove annoying border on linked images. */
	a img{ border: none; }


/* =============================================================================
   Typography
   ========================================================================== */
/*
 * Addresses font sizes and margins set differently in IE6/7
 * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5
 */

	h1 { font-size: 2em; margin: 0.67em 0; }

	h2 { font-size: 1.5em; margin: 0.83em 0; }

	h3 { font-size: 1.17em; margin: 1em 0; }

	h4 { font-size: 1em; margin: 1.33em 0; }

	h5 { font-size: 0.83em; margin: 1.67em 0; }

	h6 { font-size: 0.75em; margin: 2.33em 0; }

	h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0;}

	abbr[title] { border-bottom: 1px dotted; }

	b, strong { font-weight: bold; }

	blockquote { margin: 1em 40px; }

	dfn { font-style: italic; }

	hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

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

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

	p{ margin: 0 0 1.5em; }

/* Redeclare monospace font family: h5bp.com/j */
	pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
	pre { margin: 1em 0; white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

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

	small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
	sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
	sup { top: -0.5em; }
	sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

	dl, ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
	dd { margin: 0 0 0 40px; }
	nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/i/440
 */

	img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9
 */

	svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figures
   ========================================================================== */

	figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

	form { margin: 0; display:inline; }
	fieldset { border: 0; margin: 0; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
	label { cursor: pointer; }

/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */

	legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

	button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 */

	button, input { line-height: normal; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
 */

	button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }

/*
 * Re-set default cursor for disabled elements
 */

	button[disabled], input[disabled] { cursor: default; }

/*
 * Consistent box sizing and appearance
 */

	input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
	input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
	input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }

/*
 * Remove inner padding and border in FF3/4: h5bp.com/l
 */

	button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */

	textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Colors for form validity */
	input:valid, textarea:valid {  }
	input:invalid, textarea:invalid { background-color: #f0dddd; }


/* =============================================================================
   Tables
   ========================================================================== */

	table { border-collapse: collapse; border-spacing: 0;}
	td { vertical-align: middle; }
	th{ font-weight: bold;vertical-align: middle; }
	.tablelayoutFixed {table-layout: fixed;}

/* You can zebra-stripe your tables in outdated browsers by adding the class "even" to every other table row. */

	tbody tr:nth-child(even) td, 
	tbody tr.even td {background: #ddd;}
	tfoot { font-style: italic; }
	caption { background: #eee; }

/* =============================================================================
	Non-semantic helper classes
    ========================================================================== */
   
	.clear                { clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;line-height:0; }
	.floatLeft        { float:left }
	.floatRight      { float:right }
	.floatNone	    { float:none; }
	.textLeft          { text-align:left }
	.textRight        { text-align:right }
	.textCenter      { text-align:center }
	.textJustify    { text-align:justify }
	.wordWrap          { word-wrap:break-word; } 
	.ellipsis          { text-overflow: ellipsis; }
	.small                { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875; }
	.large                { font-size: 1.2em; margin-bottom: 1.25em; line-height: 2.5;  }
	.bold                  { font-weight:bold; }
	.italic              { font-style:italic; }
	.underline        { border-bottom:1px solid; }
	.highlight        { background:#ffc; } 
	.imgLeft            { float:left; margin:0px 10px 10px 0px; }
	.imgRight          { float:right; margin:0px 0px 10px 10px;}
	.noBullet	    { list-style:none; list-style-image:none; }
	.hide 		    { display: none !important; visibility: hidden; }
	.invisible        { visibility: hidden; }
	.quiet		    { color:#fff; }
	.loud		    { color:#000; }
	.added                { background:#060;color:#fff; }
	.removed            { background:#900;color:#fff; }
	.check 		    { border:1px solid red; }
	.checkBg            { background:red; }
	.nobg                  { background:none !important; }
	.nobgImg            { background-image:none !important; }
	.nobgColor        { background-color:transparent !important;}
	.noBorder          { border:0px none; }
	.maxWidth          { width:100%; }
	.toUppercase    { text-transform:uppercase; }
	.toLowercase    { text-transform:lowercase; }
	.toCapitalize  { text-transform:capitalize; }
	.marginAuto      { margin:0 auto; }
	.block                { display:block; }
	.inline              { display:inline; }
	.inlineBlock    { display:inline-block;}
	.tableCell        { display: table-cell; }
	.hideFlow          { overflow:hidden; }
	.showFlow          { overflow:visible; }
	.autoFlow          { overflow:auto; }
	.posRelative    { position:relative; }
	.posAbsolute    { position:absolute; }
	.posFixed          { position:fixed; }
	.noPadding        { padding:0 !important; }
	.noMargin          { margin:0 !important; }
	.nomarginNpadding {padding: 0; margin: 0;}
	.first		    { margin-left:0;padding-left:0; }
	.last		    { margin-right:0;padding-right:0; }
	.top	            { margin-top:0;padding-top:0; }
	.bottom 	            { margin-bottom:0;padding-bottom:0; }
	.nolftPadding  { padding-left:0px !important; }
	.norgtPadding  { padding-right:0px !important; }
	.notopPadding  { padding-top:0px !important; }
	.nobtmPadding  { padding-bottom:0px !important; }
	.nolftMargin    { margin-left:0px !important; }
	.norgtMargin    { margin-right:0px !important; }
	.notopMargin    { margin-top:0px !important; }
	.nobtmMargin    { margin-bottom:0px !important; }
	.noIndent          { text-indent:0px !important; }
	.txtIndent        { text-indent:-999em; }
	.error                { color:#ff0000;line-height:normal; }
	.success                { color:#3785B7;line-height:normal; }
	.asterisk          { color:#ff0000 !important; }
	.spacer              { padding-bottom:20px; width:100%; font-size:0; height:0; line-height:0; float:left; }
	div.hr                 { border-bottom:1px solid #d3d3d3; float:left; font-size:0; line-height:1px; margin:0 0 20px; width:100%; }
	div.hr hr             { display:none; }
	.imgReplace     { display: block;border: 0;text-indent: -999em;overflow: hidden;background-color: transparent;background-repeat: no-repeat; text-align: left;direction: ltr; }
	.txtReplace     { text-indent:-999em;font-size:0;line-height:0;overflow: hidden; }
	.btn 		   { font-size:0;line-height:0;cursor:pointer;overflow:hidden;border:0 none;text-indent:-999em;}

/*=============================================================================
	* Common styles for adjusting margins and paddings
=============================================================================-*/
	
	.marginTop05 { margin-top:5px; }  .marginTop10 { margin-top:10px; } .marginTop15{ margin-top:15px; } 
	.marginTop20 { margin-top:20px; } .marginTop25 { margin-top:25px; } .marginTop30 { margin-top:30px; }

	.marginBtm05 { margin-bottom:5px; }  .marginBtm10{ margin-bottom:10px; } .marginBtm15{ margin-bottom:15px; } 
	.marginBtm20 { margin-bottom:20px; } .marginBtm25{ margin-bottom:25px; } .marginBtm30{ margin-bottom:30px; }

	.marginRgt05 { margin-right:5px; }  .marginRgt10{ margin-right:10px; } .marginRgt15{ margin-right:15px; } 
	.marginRgt20 { margin-right:20px; } .marginRgt25{ margin-right:25px; } .marginRgt30{ margin-right:30px; }

	.marginLft05 { margin-left:5px; }  .marginLft10{ margin-left:10px; } .marginLft15{ margin-left:15px; } 
	.marginLft20 { margin-left:20px; } .marginLft25{ margin-left:25px; } .marginLft30{ margin-left:30px; }
	
	.paddingTop05 { padding-top:5px; }  .paddingTop10{ padding-top:10px; } .paddingTop15{padding-top:15px;} 
	.paddingTop20 { padding-top:20px; } .paddingTop25{ padding-top:25px; } .paddingTop30{ padding-top:30px; }

	.paddingBtm05 { padding-bottom:5px; }  .paddingBtm10{ padding-bottom:10px; } .paddingBtm15{ padding-bottom:15px; } 
	.paddingBtm20 { padding-bottom:20px; } .paddingBtm25{ padding-bottom:25px; } .paddingBtm30{ padding-bottom:30px; }

	.paddingRgt05 { padding-right:5px; }  .paddingRgt10{ padding-right:10px; } .paddingRgt15{ padding-right:15px; } 
	.paddingRgt20 { padding-right:20px; } .paddingRgt25{ padding-right:25px; } .paddingRgt30{ padding-right:30px; }

	.paddingLft05 { padding-left:5px; }  .paddingLft10{ padding-left:10px; } .paddingLft15{ padding-left:15px; } 
	.paddingLft20 { padding-left:20px; } .paddingLft25{ padding-left:25px; } .paddingLft30{ padding-left:30px; } 
		
/*=============================================================================
	*css clearfix
=============================================================================*/
	/* Contain floats: h5bp.com/q */
	.clearfix:before, .clearfix:after { content: ""; display: table; }
	.clearfix:after { clear: both; }
	.clearfix { *zoom: 1; }

/*=============================================================================
	font embedding css3
	(http://www.fontspring.com/blog/the-new-bulletproof-font-face-syntax)
	http://www.fontsquirrel.com/fontface/generator
=============================================================================*/
	@font-face {
		font-family: 'HelveticaNeue-Bold';
			src: url('../fonts/helveticaneue-bold.eot');
			src: url('../fonts/helveticaneue-bold.eot?#iefix') format('embedded-opentype'),
				url('../fonts/helveticaneue-bold.woff') format('woff'),
				url('../fonts/helveticaneue-bold.ttf') format('truetype'),
				url('../fonts/helveticaneue-bold.svg#helveticaneue-bold') format('svg');
			font-weight: normal;
			font-style: normal;
	}
	.HelveticaNeue-Bold{font-family: 'HelveticaNeue-Bold';}
	@font-face {
		font-family: 'HelveticaNeue';
			src: url('../fonts/helveticaneue.eot');
			src: url('../fonts/helveticaneue.eot?#iefix') format('embedded-opentype'),
				url('../fonts/helveticaneue.woff') format('woff'),
				url('../fonts/helveticaneue.ttf') format('truetype'),
				url('../fonts/helveticaneue.svg#helveticaneue') format('svg');
			font-weight: normal;
			font-style: normal;
	}
	.HelveticaNeue{font-family: 'HelveticaNeue';}

/*--------------------------------------------------------------
	BROWSER SPECIFIC CSS
----------------------------------------------------------------
	if jquery-detectBrowser.js used then target each browser
-----------------------------------------------------------------
	if Internet explorer start the css with .IE OR .IE6 (version Target)
	if Firefox start the css with .Firefox OR .Firefox3 (version Target)
	if Safari start the css with .Safari OR .Safari4 (version Target)
	if Chrome start the css with .Chrome OR .Chrome4 (version Target)
	if Opera start the css with .Opera OR .Chrome4 (version Target)
---------------------------------------------------------------*/