/* Apply a natural box layout model to all elements: http://paulirish.com/2012/box-sizing-border-box-ftw/ */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.chromeframe {position: absolute; top: 0;}

/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

/*defualt font*/
body {font: 1em "Open Sans",Helvetica,Arial,sans-serif; color: #2e2f33;}

h2 {

	font: 4em "Open Sans",Helvetica,Arial,sans-serif;

}

h3 {

	font: 2em "Open Sans",Helvetica,Arial,sans-serif;

}

h4 {

	font: 1.5em "Open Sans",Helvetica,Arial,sans-serif;

}

p {

	font: 1em "Open Sans",Helvetica,Arial,sans-serif;

}

/* We like off-black for text. */
body, select, input, textarea {color: #333;}

a {color: #718EFF; text-decoration: none;}
a:hover {color: #69f;}

/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;} 

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

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

/* Mozilla dosen't style place holders by default */
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }


/* Print styles!
-------------------------------------------------------------------------------*/
@media print {



}

/* Screen!
-------------------------------------------------------------------------------*/

@media all {

	.btnWhiteSmall {

		display: inline-block;
		padding: 6px 13.5px 6px 13.5px;
		margin-bottom: 0;
		font-family: helvetica,arial,sans-serif;
		font-size: 14px;
		line-height: 22px;
		color: #2e2f33;
		text-align: center;
		vertical-align: middle;
		cursor: pointer;
		background-color: #fff;
		border: 0;
		border: 1px solid rgba(0,0,0,0.2);
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		outline: 0;

	}

	article {

		background: #fff;
		webkit-border-radius: 5px;
		moz-border-radius: 5px;
		border-radius: 5px;
		padding: 20px;
		margin-bottom: 15px;
		border: 1px solid #6fa3c4;
		box-shadow: 0 0 125px rgba(255,255,255,.35);

	}

	code {

		padding: 2px 4px;
		color: #d14;
		background-color: #f7f7f9;
		border: 1px solid #e1e1e8;
		white-space: nowrap;

	}

	.buttonLink {

		display: inline-block;
		text-align: center;
		border-radius: 5px;
		border: none;
		font: bold 1.15em "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
		line-height: 50px;

	}

	.button {

		border-radius: 5px;
		border: none;
		font: bold 1.15em "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
		height: 50px;

	}

	.btnLinkBlue {

		background: #3694d6;
		color: #fff;
		font: bold 0.85em "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
		padding: 15px 15px;
		border-radius: 5px;
		border: none;
		display: inline-block;

	}
	.btnLinkBlue:hover{

		background: #3084C0;
		color: #fff;

	}

	.textBox {

		padding: 4px 9px;
		background: #fff;
		border: 1px solid #e0e0e0;
		-webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);
	    -moz-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);
	    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);
	    -webkit-border-radius: 2px;
	    -moz-border-radius: 2px;
	    border-radius: 5px;

	}

	.selectBox {

		padding:5px;
		display: block;
		-webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);
		-moz-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);
		box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);
		border: 1px solid #e0e0e0;
		font: bold 0.8em "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;

	}

	.textBoxLabel{

		display: inline-block;
		font: bold 0.8em "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
		padding-bottom: 5px;

	}

	.alert-box {
  		color: #555;
  		border-radius: 10px;
  		font: 0.8em "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
  		padding: 10px 10px 10px 36px;
	}

	.alert-box span {
   		font-weight:bold;
   		text-transform:uppercase;
	}

	.error {
  		background: #ffecec url('../img/alertBox/error.png') no-repeat 10px 50%;
  		border: 1px solid #f5aca6;
	}
	.success {
	  	background: #e9ffd9 url('../img/alertBox/success.png') no-repeat 10px 50%;
	  	border: 1px solid #a6ca8a;
	}
	.warning {
	  	background: #fff8c4 url('../img/alertBox/warning.png') no-repeat 10px 50%;
	  	border: 1px solid #f2c779;
	}
	.notice {
	  	background: #e3f7fc url('../img/alertBox/notice.png') no-repeat 10px 50%;
	  	border: 1px solid #8ed9f6;
	}

	.whitePopup {

	  position: relative;
	  background: #FFF;
	  padding: 20px;
	  width: auto;
	  max-width: 500px;
	  margin: 20px auto;
	  padding-bottom: 20px;

	}
	.whitePopup h2 {

		font: 1.3em "Open Sans",Helvetica,Arial,sans-serif;
		padding-bottom: 10px;

	}
	.whitePopup p {

		font: 1em "Open Sans",Helvetica,Arial,sans-serif;

	}


}


/* Media queries!
-------------------------------------------------------------------------------*/

@media (max-width: 480px) {

		
}