/**
 * Name: base.css
 *
 *	T.O.C
 *
 *	#CssReset
 *	#Typography
 *		#Links
 *		#Lists
 *		#Images
 *		#Tables
 *		#Forms
 *		#Misc
 */


/* ==========================================================================
   #CssReset
   ========================================================================== */

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

	/* HTML5 display-role reset for older browsers */

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

	body {
		line-height: 1;
	}

	ol,
	ul {
		list-style: none;
	}

	blockquote,
	q {
		quotes: none;
	}

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

	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

	/**
	 * 1. Always force vertical scroll
	 * 2. Prevent iOS text size adjust after orientation change, without disabling user zoom.
	 * 3. For animations
	 */

	html {
		font-size: 100%;
		-ms-text-size-adjust: 100%; /* 2 */
    	-webkit-text-size-adjust: 100%; /* 2 */
		-webkit-font-smoothing: antialiased;
  		-moz-osx-font-smoothing: grayscale;
		overflow-x: hidden; /* 3 */
	}

/* ==========================================================================
   #Typography
   ========================================================================== */

   /**
	 * 1. For animations
	 */

	body {
		overflow-x: hidden; /* 1 */
		background-color: #fff;
		color:#555;
		font: 16px/1.1 Arial, sans-serif;
	}

	h1,
	h2,
	h3{
		font-family: 'open_sansbold';
	}

	h4,
	h5,
	h6 {
		font-family: 'open_sansregular';
	}
	.tooltiptext h4,
	.tooltiptext h5,
	.tooltiptext h6 {
		font-family: 'Arial', sans-serif;
	}
	
	h1 a,
	h2 a,
	h3 a,
	h4 a,
	h5 a,
	h6 a {
		font-weight: inherit;
	}

	h1 i,
	h2 i,
	h3 i,
	h4 i,
	h5 i,
	h6 i {
		vertical-align: middle;
	}

	h1 {
		margin-bottom: 20px;
		font-size: 42px;
		line-height: 1.2;
	}

	h2 {
		margin-bottom: 10px;
		font-size: 40px;
		line-height:1.2;
	}

	h3 {
		margin-bottom: 10px;
		font-size: 34px;
		line-height:1.2;
	}
	h3 span{
		font-family:'open_sansitalic'
	}
	h4 {
		margin-bottom:8px;
		font-size: 24px;
		line-height: 1.1;
	}

	h5 {
		font-size: 20px;
		margin-bottom: 6px;
		line-height:1.1;
	}

	h6 {
		font-size: 16px;
		margin-bottom: 10px;
		line-height:1.1;
	}

	p { margin-bottom: 20px;line-height:1.5 }
	em, i { font-family:'open_sansitalic' }
	strong, b { font-family:'open_sansbold'}
	small { font-size: 78%; }

	sub {
		vertical-align: sub;
		font-size: 75%;
	}

	sup {
		vertical-align: super;
		font-size: 75%;
	}

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

	address {
		display: block;
		margin-bottom: 20px;
	}

	hr {
		height: 0;
		border: solid #efefef;
		border-width: 1px 0 0 0;
		margin: 30px 0;
	}

	code,
	pre {
		-webkit-border-radius: 3px;
			    border-radius: 3px;
		font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
	}

	code {
		padding: 1px 4px;
		border: 1px solid #e1e1e8;
		background-color: #f7f7f7;
		color: #d14;
	}

	pre {
		overflow-x: auto;
		display: block;
		padding: 20px;
		border: 1px solid #e1e1e8;
		margin-bottom: 20px;
		white-space: pre-wrap;
		background-color: #f7f7f7;
	}

	/* Typography Helper Classes */

	/**
	 * <div class="hr"></div> acts like an <hr />
	 */

	.hr {
		border-top: 1px solid #efefef;
		margin: 30px 0;
	}

	.text-left { text-align: left; }
	.text-right { text-align: right; }
	.text-center { text-align: center; }
	.text-justify { text-align: justify; }

	.text-highlight {
		padding: 1px 5px;
		background-color: #d5edf8;
		color: #111111;
	}

	.text-uppercase { text-transform: uppercase; }

	.mute{ color: #aaa; }

	p.last,
	h1.last,
	h2.last,
	h3.last,
	h4.last,
	h5.last,
	address.last { margin-bottom: 0; }

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

	a,
	a:visited {
		text-decoration: none;
	}

   /**
	* 1. Remove the gray background color from active links in IE 10.
	*/

	a:active {
 		background: transparent; /* 1 */
	}

	a:hover,
	a:focus {
		outline: 0;
		text-decoration: underline;
	}

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

	ul,
	ol {
		list-style-position: inside;
	}

	ul ul,
	ul ol,
	ol ol,
	ol ul {
		margin-bottom: 0;
		margin-left: 30px;
	}

	li {}

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

	/* List Helper Classes */

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

/* #Images
   ========================================================================== */

	img { border: none; }

	/* Images Helper Classes */

	.img-align-left {
		float: left;
		margin: 5px 10px 0 0;
	}

	.img-align-right {
		float: right;
		margin: 5px 0 0 10px;
	}

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

	table {
		width: 100%;
		border-collapse: collapse;
		border-spacing: 0;
		background-color: transparent;
	}
	table.DynarchCalendar-topCont{
		width:auto !important;
	}
	caption {
		margin: 20px 0;
		text-align: center;
	}

	table th,
	table td {
		padding:10px 5px 10px;
		vertical-align: top;
	}

	table th {
		border-top: none;
	}

	table thead th { vertical-align: bottom; }
/* #Forms
   ========================================================================== */

	label {
		display:block;
	}

	.button{
		padding:3px 8px 0px 8px;
		border:1px solid #c0c0c0;
		background-color:#efefef;
		margin:5px 0px;
	}
	label span { color: #ff0000; }

	select,
	button,
	input[type="button"],
	input[type="reset"],
	input[type="submit"],
	input[type="radio"],
	input[type="checkbox"] { cursor: pointer; }

	/*
	 * 1. stop safari from overwriting input styles
	 */

	
     label {
          display: block;
          margin-bottom: 5px;
     }

     label span { color: #ff0000; }

	input,
	textarea,
	select {
		max-width: 100%;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		border: 1px solid #aaa;
		background-color: #fff;
	}
		/*
      * 1. stop safari from overwriting input styles
      */

     input{
          x-webkit-appearance: none; /* 1 */
          display: block;
          max-width: 100%;
          box-sizing: border-box;
          padding: 10px 5px 10px 8px;
          border: 1px solid #aaa;
          margin-bottom: 5px;
          background-color: #fff;
          font: 22px Arial, sans-serif;
     white-space: nowrap;
     border-radius: 5px;

     }
     select {
          display: block;
          max-width: 100%;
           box-sizing: border-box;
          padding: 10px 5px 10px 8px;
          border: 1px solid #aaa;
          margin-bottom: 5px;
          background-color: #fff;
          font:22px Arial, sans-serif;
     	  white-space: nowrap;
    	  border-radius: 3px;
     }
     textarea{
          -webkit-appearance: none; /* 1 */
          display: block;
          max-width: 100%;
          box-sizing: border-box;
          padding: 10px 5px 10px 8px;
          border: 1px solid #aaa;
          margin-bottom: 5px;
          background-color: #fff;
          font: 22px Arial, sans-serif;
     border-radius: 3px;
     min-height: 100px;
          overflow: auto;
     }

     input[type="radio"] { -webkit-appearance: radio; } /* 1 */
     input[type="checkbox"] { -webkit-appearance: checkbox; } /* 1 */

     input[type="text"]:focus,
     input[type="email"]:focus,
     input[type="url"]:focus,
     input[type="range"]:focus,
     textarea:focus {
          outline: none; /* Removes the blue border*/
     }

     select:focus {
       outline: thin dotted #d7d7d7;
       outline: 5px auto -webkit-focus-ring-color;
       outline-offset: -2px;
     }


	.radio,
	.checkbox {
		min-height: 18px;
		padding-left: 18px;
	}

	.radio input[type="radio"],
	.checkbox input[type="checkbox"] {
		float: left;
		margin-left: -18px;
	}

	input:-moz-placeholder,
	textarea:-moz-placeholder {
		color: #ccc;
	}

	input:-ms-input-placeholder,
	textarea:-ms-input-placeholder {
		color: #ccc;
	}

	input::-webkit-input-placeholder,
	textarea::-webkit-input-placeholder {
		color: #ccc;
	}


/* #Misc
   ========================================================================== */

   .javascript-required {
	    padding: 15px 0;
		background-color: #f00;
		color: #fff;
		text-align:center;
		font-weight: bold;
	}