@charset "utf-8";
/*  
	CSS Document
	Project : NA
	File 	: common-base.css
	Date 	: 12/04/12(dd-mm-yy)
	Author  : shiraz
	Credits	: Inspired from the Blueprint(http://blueprintcss.org) and html5 boilerplate(http://html5boilerplate.com/)
*/

/* =============================================================================
   reset.css
   * Resets default browser CSS.
=============================================================================*/
	html { 
		margin:0; 
		padding:0; 
		border:0; 
	}

	body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}

	/* Line-height should always be unitless! */
	body { line-height: 1.5; background: white; font-family: 'Open Sans', Arial, sans-serif !important; }

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

	/* float:none prevents the span-x classes from breaking table-cell display */
	caption, th, td { text-align: left; font-weight: normal; float:none !important; }
	table, th, td { vertical-align: middle; }

	/* Remove possible quote marks (") from <q>, <blockquote>. */
	blockquote:before, blockquote:after, q:before, q:after{ content: ''; }
	blockquote, q{ quotes: "" ""; }

	/* Remove annoying border on linked images. */
	a img{ border: none; }
	
	img{border:0;color: transparent;font-size: 0;vertical-align: middle;-ms-interpolation-mode: bicubic;}
	/*For IE. http://css-tricks.com/ie-fix-bicubic-scaling-for-images */
	
	/* Remember to define your own focus styles! */
	:focus{ outline: 0; }


/* =============================================================================
Fix for the footer not staying anchored to bottom of window on pages with little content
============================================================================= */
	html,body.adjFooter, .adjFooter #wrapper, .adjFooter #wrapper > .container {height: 100%;}
	body.adjFooter {overflow: hidden;}
	.adjFooter #wrapper > .container {box-sizing: border-box;}
	.adjFooter #footer-wrap {position: absolute; bottom: 0; left:0; right:0;}


/* =============================================================================
HTML5 display definitions
========================================================================== */
	
	/* This helps to make newer HTML5 elements behave like DIVs in older browers */ 
	article, aside, dialog, figure, footer, header, hgroup, nav, section { display:block; }
	
	/*Corrects inline-block display not defined in IE6/7/8/9 & FF3 */
	audio,canvas,video {display: inline-block; *display: inline; *zoom: 1;}

	/*Prevents modern browsers from displaying 'audio' without controls*/
	audio:not([controls]) {display: none;}

	/*Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4 * Known issue: no IE6 support*/
	[hidden] {display: none;}
	
	nav ul, nav ol {list-style: none;list-style-image: none;}
	figure {margin: 0;}
	
/*=============================================================================
	forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms

   Usage:
   * For text fields, use class .title or .text
   * For inline forms, use .inline (even when using columns)
=============================================================================*/

	/* 
		A special hack is included for IE8 since it does not apply padding 
		correctly on fieldsets
	*/ 
	
	form{display:inline;}
	label{ font-weight: bold;cursor:pointer; }
	fieldset{ padding:0 1.4em 1.4em 1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
	legend{ font-weight: bold; font-size:1.2em; margin-top:-0.2em; margin-bottom:1em; }

	fieldset, #IE8#HACK { padding-top:1.4em; } 
	legend, #IE8#HACK { margin-top:0; margin-bottom:0; }

/* Form fields
============================================================================= */
	/* 
	  Attribute selectors are used to differentiate the different types 
	  of input elements, but to support old browsers, you will have to 
	  add classes for each one. ".title" simply creates a large text  
	  field, this is purely for looks.
	*/
	
	input[type=text], input[type=password], input.text, input.title, textarea { background-color:#fff;border:1px solid #bbb;}
	input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus {border-color:#666;}
	select{ background-color:#fff; border-width:1px; border-style:solid; }

	input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.5em 0;}
	button,input[type="button"],input[type="reset"],input[type="submit"] {cursor:pointer;}
	input.text, input.title   { width: 300px; padding:5px; }
	input.title   { font-size:1.5em; }
	textarea      { width: 390px; height: 250px; padding:5px;resize:none; }

	/* 
	  This is to be used on forms where a variety of elements are 
	  placed side-by-side. Use the p tag to denote a line. 
	*/
	
	form.inline { line-height:3; }
	form.inline p { margin-bottom:0; }


/* Success, info, notice and error/alert boxes
============================================================================= */

	.alert, .notice, .success, .info{ padding: 0.8em; margin-bottom: 1em; border: 2px solid #ddd; }
	.alert .error_list{ background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; }
	.notice{ background: #fff6bf; color: #514721; border-color: #ffd324; }
	.success{ background: #e6efc2; color: #264409; border-color: #c6d880; }
	.info{ background: #d5edf8; color: #205791; border-color: #92cae4; }
	.notice a{ color: #514721; }
	.success a{ color: #264409; }
	.info a{ color: #205791; }

/* =============================================================================
   typography.css
   * Sets up some sensible default typography.
============================================================================= */

	/* Default font settings.
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
	
	html { font-size:100.01%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
	body {
		font-size: 75%;
		color: #333;
		background: #fff;
		font-family: 'Montserrat', Arial, "Helvetica Neue", Helvetica, sans-serif;
	}
	button,input,select,textarea {font-family:  Arial, "Helvetica Neue", Helvetica, sans-serif;}

/* Headings
=============================================================================*/

	h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }
	
	h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
	h2 { font-size: 2em; margin-bottom: 0.75em; }
	h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
	h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
	h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
	h6 { font-size: 1em; font-weight: bold; }

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


/* Text elements
=============================================================================*/

	p{ margin: 0 0 1.5em; }

	/* 
		These can be used to pull an image at the start of a paragraph, so 
		that the text flows around it (usage: <p><img class="left">Text</p>) 
	*/
	
	p .left{ margin: 1.5em 1.5em 1.5em 0; padding: 0; float:left;}
	p .right{ margin: 1.5em 0 1.5em 1.5em; padding: 0;float:right; }

	a{ color: #3D97E4; text-decoration: underline; }
	a:focus, a:hover{ color: #3D97E4; }

	blockquote{ margin: 1.5em; color: #666; font-style: italic; }
	strong,dfn{ font-weight: bold; }
	em,dfn{ font-style: italic; }
	sup, sub{ line-height: 0; }

	abbr, acronym{ border-bottom: 1px dotted #666; }
	address{ margin: 0 0 1.5em; font-style: italic; }
	del{ color:#666; }

	pre{ margin: 1.5em 0; white-space: pre; }
	pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


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

	li ul, li ol { margin: 0; }
	ul, ol{ margin: 0 1.5em 1.5em 0; padding-left: 1.5em; }

	ul{ list-style-type: disc; }
	ol{ list-style-type: decimal; }

	dl{ margin: 0 0 1.5em 0; }
	dl dt{ font-weight: bold; }
	dd{ margin-left: 1.5em;}


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

	/* 
		Because of the need for padding on TH and TD, the vertical rhythm 
		on table cells has to be 27px, instead of the standard 18px or 36px 
		of other elements. 
	*/ 
	
	table{ margin-bottom: 1.4em; width:100%; }
	th{ font-weight: bold; }
	thead th{ background: #c3d9ff; }
	th,td,caption{ padding: 1px 10px 1px 5px; }

	/*
		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; }

/* Misc classes
=============================================================================*/

	.clear        { clear: both;display: block;overflow: hidden;height: 0; line-height:0; }
	.clearBoth    { clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;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;}

	.noPadding    { padding:0 !important; }
	.noMargin     { margin:0 !important; }
	.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; }

	.noBullet	  { list-style:none;list-style-image:none; }
	.hide 		  { display:none; }
	.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; }
	.noBorder     { border:0px none !important; }
	.maxWidth     { width:100%; }
	.toUppercase  { text-transform:uppercase; }
	.toLowercase  { text-transform:lowercase; }
	.marginAuto   { margin:0 auto; }
	.block        { display:block; }
	.inline       { display:inline; }
	.hideFlow     { overflow:hidden; }
	.posRelative  { position:relative; }
	.posAbsolute  { position:absolute; }
	.nolftPadd    { padding-left:0px !important; }
	.norgtPadd    { padding-right:0px !important; }
	.notopPadd    { padding-top:0px !important; }
	.nobtmPadd    { padding-bottom:0px !important; }
	.nolftMarg    { margin-left:0px !important; }
	.norgtMarg    { margin-right:0px !important; }
	.notopMarg    { margin-top:0px !important; }
	.nobtmMarg    { margin-bottom:0px !important; }
	.noIndent     { text-indent:0px !important; }
	.txtIndent    { text-indent:-999em; }
	.error        { color:#ff000;line-height:-1;}
	.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; }
	img.min-width { width:100%; }
	.ir           { 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; }

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

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

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

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

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

	.paddingLft05 { padding-left:5px; }  .paddingLft10{ padding-left:10px; } .paddingLft15{ padding-left:15px; } 
	.paddingLft20 { padding-left:20px; } .paddingLft25{ padding-left:25px; }
		
/*=============================================================================
	*css clearfix
=============================================================================*/
	
	.clearfix:after  { content: ".";display: block;clear: both;visibility: hidden;line-height: 0;font-size: 0;height: 0; }
	* html .clearfix { zoom: 1; } /* IE6 */
	*:first-child+html .clearfix { zoom: 1; } /* IE7 */

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

/*--------------------------------------------------------------
	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)
---------------------------------------------------------------*/
        .h192{
            height: 192px;
        }
        
        a.dislikePartial {
            background: url(../images/common/likeBtn.png) no-repeat scroll -28px 0 transparent;
            color: black;
            float: left;
            height: 14px;
            margin-left: 8px;
            text-indent: -9999px;
            width: 12px;
        }
		a.likePartial {
            background: url(../images/common/likeBtn.png) no-repeat scroll 0 0 transparent;
            color: black;
            float: left;
            height: 15px;
            margin-left: 8px;
            text-indent: -9999px;
            width: 12px;
        }
       
        #noContact
        {
          width: 100%;
          text-align: center;
        }
		.w15 { width:15%; }
		.w27 { width:27%; }
		.w18 { width:18%; }
		.w16 { width:16%; }
		.width60px { width:60px;}
		.width52px { width:52px;}
		.width86px { width:86px;}
		.width500px { width:500px;}
		.width322px { width:322px;}
		.width149px { width:149px;}
		.width92px { width:92px !important; }
		.width120px { width:120px; }
		.floatRight { float:right !important;}
		.font13 {font-size:13px;}
        .marginLft12 {margin-left:12px !important; }
       
        .statiticsTableUser{  
        border-left: 1px solid #CCC;
         }
        .statiticsTableUser th, td, caption {
       /* padding: 4px 5px 4px 5px !important;*/
        border-right: 1px solid #CCC !important;
        }
        
        .statiticsTableUser tr th {
        background-color: #999 !important;
        border-right: 1px solid #CCC !important;
        color: white !important;
        }
        .statiticsTableUser .even {
        background: white !important;
        }
        .statiticsTableUser .odd {
        background: #E7E7E7 !important;
        }
        .note ul li {margin-left:16em !important; }
        .note ul {margin:5px 0px 5px 0px !important; }
        
        .note ol li {margin-left:16em !important; }
        .note ol {margin:5px 0px 5px 0px !important; }
        .note p:first-child { margin-top:0 !important;}

         
        .widthAuto{width:auto !important; }

#myformtest
{
    width: 250px;
    float:right;
}
#myformtest1
{
    width: 100px;
    float:left;
    padding-top: 2px;
}
#myformtest2
{
    width: 150px;
    float:right;
}

.thankyoutext {
    text-align: center;
}
.thankyoutext h2 {
    font-size: 3em;
    margin: 20px 0 0 0;
}
.thankyoutext h3 {
    font-size: 1.6em;
    margin: 0 0 30px 0;
}
.thankyoutext p {
    color: #888;
    font-size: 1.2em;
}

#footer .inner nav ul li a.webpage-publisher {
    background: none;
    padding: 0;
}

@media screen and (max-width: 1340px) {
  .verticalFilterWrapper {
    display: none;
  }
  #wrapper {
    min-width: 940px !important;
  }
  .advancedSearch #midcondent {
    right: 0px !important;
  }
  
  .filterSearch {
    width: 940px !important;
  }
}
