@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Roboto:400,500,700);

/*------------------------------------------*/
/*	Universal Reset							*/	
/*------------------------------------------*/
* {
	margin:0; padding:0;
	border:0 none;
	outline:0;
	font-weight:inherit; font-family:inherit; font-style:inherit; font-size:100%;
	text-decoration:none;
	vertical-align:baseline;
}


/*------------------------------------------*/
/*	Global Reset							*/	
/*------------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp, hr,
small, strong, sub, sup, var,
b, u, 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;
    outline:0;
    font-size:100%; font:inherit;
    vertical-align:baseline;
    background:transparent;
}


/*------------------------------------------*/
/*	Old Browsers Rules						*/	
/*------------------------------------------*/
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display:block;
}


/*------------------------------------------*/
/*	Body									*/	
/*------------------------------------------*/
body {
	line-height:1;
	word-wrap: break-word;
}


/*------------------------------------------*/
/*	Links									*/	
/*------------------------------------------*/
a, :link, :visited, :hover, :active {text-decoration:none;}
a 									{cursor:pointer;}
:focus 								{outline:0;}

a, a:link, a:visited, a:active, a:focus {color:#fff;}
a:hover {color:#ff0056;}

a.link-gray-blue		{color:#777;}
a.link-gray-blue:hover	{color:#02c0f8;}

a.link-gray-red			{color:#777;}
a.link-gray-red:hover	{color:#ff0056;}

a.link-red-gray			{color:#ff0056;}
a.link-red-gray:hover	{color:#777;}

a.link-white-red		{color:#fff;}
a.link-white-red:hover	{color:#ff0056;}

a.link-blue-gray		{color:#02c0f8;}
a.link-blue-gray:hover	{color:#777;}

a.link-gray-orange		{color:#777;}
a.link-gray-orange:hover{color:#cb7004;}

a.link-black-white		{color:#000;}
a.link-black-white:hover{color:#fff;}

a.link-orange-blue		{color:#cb7004;}
a.link-orange-blue:hover{color:#02c0f8;}


/*------------------------------------------*/
/*	Images									*/	
/*------------------------------------------*/
img {display:inline-block; max-width:100% !important; height:auto;}


/*------------------------------------------*/
/*	Tipography								*/	
/*------------------------------------------*/
h1, h2, h3, h4, h5, h6 {font-weight:normal; color:inherit; font-family:Roboto;}
h1,
h2 {font-size:1.76em; font-weight:700;}
h3 {font-size:1.2em; font-weight:500;}
h4 {font-size:1em;}
h5 {font-size:0.7em;}
h6 {font-size:0.5em;}

p 	{text-align:justify;}

q:before, q:after 		{font-weight:bold; font-size:120%;}
mark 					{background-color:#ff9; font-weight:600; font-style:italic;}
del 					{text-decoration:line-through;}
ins						{text-decoration:underline;}
strong 					{font-weight:bold;}
abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;}


/*------------------------------------------*/
/*	Text Size								*/	
/*------------------------------------------*/
.txt12				{font-size:1em;}		/* 12px */
.txt13				{font-size:1.083em;}	/* 13px */
.txt14				{font-size:1.167em;}	/* 14px */
.txt16				{font-size:1.333em;}	/* 16px */
.txt18				{font-size:1.500em;}	/* 18px */
.txt20				{font-size:1.667em;}	/* 20px */
.txt22				{font-size:1.833em;}	/* 22px */


/*------------------------------------------*/
/*	Lists									*/	
/*------------------------------------------*/
dl, dt, dd, ol, ul, li 	{list-style:none;}
.decimalLeadingZero li	{list-style:decimal-leading-zero inside;}

/*------------------------------------------*/
/*	Tables									*/	
/*------------------------------------------*/
table {border-collapse:separate; border-spacing:0;}


/*------------------------------------------*/
/*	Lines									*/	
/*------------------------------------------*/
hr {display:block; border:0; border-top:1px solid #DDD;}
[class^="underline-"] {
	display:inline-block; 
	padding-bottom:5px;
}
.underline-red {border-bottom:1px solid #ff0056;}

/*------------------------------------------*/
/*	Forms									*/	
/*------------------------------------------*/
label {display:inline-block; *display:inline; *zoom:1; vertical-align:middle;}

/* Input & Textarea */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="password"],
input[type="file"],
.input,
textarea, select{
	font-size:100%; font:inherit;
	vertical-align:middle;
	padding:0 3%; margin:0; 
	height:24px; line-height: normal !important;
	border:1px dashed #444;
	color:#aaa;
	outline:none;
	background: rgba(30, 30, 30, 0.7);
	-webkit-transition:all 0.2s ease-in-out;
	   -moz-transition:all 0.2s ease-in-out;
		-ms-transition:all 0.2s ease-in-out;
		 -o-transition:all 0.2s ease-in-out;
			transition:all 0.2s ease-in-out;
			transition-property: background, border, box-shadow;
		 -o-transition-property: background, border, box-shadow;
		-ms-transition-property: background, border, box-shadow;
	   -moz-transition-property: background, border, box-shadow;
	-webkit-transition-property: background, border, box-shadow;
}
select		{padding-right:0;}
textarea 	{display:block; width:100%; height:100%; overflow:hidden;}

input:focus, textarea:focus, select:focus, .input:focus, .input:active{
	background:rgba(0, 0, 0, 0.7);
	border-color:#18cecf;
}

/* Button */
input[type="button"], input[type="submit"], input[type="reset"], button, .button{
	display:inline-block; *display:inline; *zoom:1;
	vertical-align:middle;
	padding:5px; margin:0;
	font-family:Roboto;
	font-size:1.1em; line-height:1.1em; word-spacing:1px; 
	text-transform:uppercase;
	color:#FFF !important;
	cursor:pointer;
}

input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner, 
input[type="reset"]::-moz-focus-inner,  
button::-moz-focus-inner, 
.button::-moz-focus-inner {
	margin:0; padding:0;
	border:0; 
}

/* File Browse */
.fileBrowse 			{position:relative; cursor:pointer; overflow:hidden; margin-bottom:2px; text-align:left;}
.fileBrowse input 		{position:absolute; top:-1px; left:-1px; filter:alpha(opacity=0); opacity:0.01; cursor:pointer;}
.fileBrowse span 		{vertical-align:top; line-height:23px; cursor:pointer;}

/* Checkbox & Radio */
input[type="checkbox"],
input[type="radio"],
input[type="checkbox"] + label,
input[type="radio"]	+ label	{display:inline-block; vertical-align:middle; *display:inline; *zoom:1;}

input[type="checkbox"]:focus,
input[type="radio"]:focus		{box-shadow:none; transition:none;}


/*------------------------------------------*/
/*	Global Classes							*/	
/*------------------------------------------*/
.left 		{float:left;}
.right 		{float:right;}
.center 	{margin:0 auto;}
.VTop		{vertical-align:top;}
.VMiddle	{vertical-align:middle;}
.VBottom	{vertical-align:bottom;}

.pull-left	{left:0;}
.pull-right	{right:0;}

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

.txt-normal		{font-weight:400;}
.txt-bold		{font-weight:700;}
.txt-italic		{font-style:italic;}
.txt-underline 	{text-decoration:underline;}
.txt-bw			{word-wrap:break-word;}

.hidden 		{display:none;}

.block,
.blockLi li			{display:block;}
.blockLiWide li		{display:block; float:left; width:100%;}
.inline,	
.inlineLi li		{display:inline;}

.inlineBlock		{display:inline-block; *display:inline; *zoom:1;}
.inlineMiddle		{display:inline; vertical-align:middle;}
.inlineBlockMiddle	{display:inline-block; *display:inline; *zoom:1; vertical-align:middle;}

.relative	{position:relative;}
.fixed		{position:fixed;}
.visible	{visibility:visible;}
.invisible	{visibility:hidden;}

.clear		{clear:both;}
.clear:after{content:" "; clear:both; display:table;}
.clearfix		{overflow:hidden;}

.mouse-pointer	{cursor:pointer;}

.commaSeparatedLi li:after 				{content:",";}
.commaSeparatedLi li:last-of-type:after {content:"";}

/*------------------------------------------*/
/*	Gaps									*/	
/*------------------------------------------*/
.gap0 		{margin:0 !important;}

.gap-L15	{margin-left:15px;}

.gap-T5		{margin-top:5px;}
.gap-T10	{margin-top:10px;}
.gap-T15	{margin-top:15px;}
.gap-T25	{margin-top:25px;}

.gap-TB15	{margin-top:15px; margin-bottom:15px;}
.gap-TB10	{margin-top:10px; margin-bottom:10px;}

.gap-B10 	{margin-bottom:10px;}
.gap-B15 	{margin-bottom:15px;}


.gapLi-B5 li				{margin-bottom:5px;}
.gapLi-B5 li:last-of-type	{margin-bottom:0;}

.gapLi-R10 li				{margin-right:10px;}
.gapLi-R10 li:last-of-type	{margin-right:0;}


/*------------------------------------------*/
/*	Text Colors								*/	
/*------------------------------------------*/
.txt-blue		{color:#1D81C0;}
.txt-darkBlue	{color:#000099;}
.txt-cyan		{color:rgb(128, 183, 227);}
.txt-black		{color:#000000;}
.txt-green		{color:#54663c;}
.txt-gray		{color:#888888;}
.txt-orange		{color:#fbb82c;}
.txt-darkGray	{color:#333333;}
.txt-white		{color:#ffffff;}
.txt-red		{color:#c31747;}

	
/*------------------------------------------*/
/*	Background Colors						*/	
/*------------------------------------------*/
.bg-green		{background-color:#058339;}
.bg-red			{background-color:#f00;}
.bg-blue		{background-color:#2683a5;}
.bg-gray		{background-color:#595959;}
.bg-darkGray	{background-color:#262626;}
.bg-black		{background-color:#000000;}
.bg-dark		{background-color:#080808;}
.bg-white		{background-color:#ffffff;}
	
	
/*------------------------------------------*/
/*	Gradient Background Colors				*/	
/*------------------------------------------*/
.grad-grey {
	background: #fdfdfd;
	background: -moz-linear-gradient(top,  #fdfdfd 0%, #f5f5f5 19%, #ededed 39%, #e7e7e7 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(19%,#f5f5f5), color-stop(39%,#ededed), color-stop(100%,#e7e7e7));
	background: -webkit-linear-gradient(top,  #fdfdfd 0%,#f5f5f5 19%,#ededed 39%,#e7e7e7 100%);
	background: -o-linear-gradient(top,  #fdfdfd 0%,#f5f5f5 19%,#ededed 39%,#e7e7e7 100%);
	background: -ms-linear-gradient(top,  #fdfdfd 0%,#f5f5f5 19%,#ededed 39%,#e7e7e7 100%);
	background: linear-gradient(to bottom,  #fdfdfd 0%,#f5f5f5 19%,#ededed 39%,#e7e7e7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e7e7e7',GradientType=0 );
}

.gradBefore			{position:relative;}
.gradBefore:before	{content:""; position:absolute; left:0; top:0; width:100%; height:1px;
	background: #020000;
	background: -moz-linear-gradient(left,  #020000 0%, #777777 41%, #777777 57%, #000000 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#020000), color-stop(41%,#777777), color-stop(57%,#777777), color-stop(100%,#000000));
	background: -webkit-linear-gradient(left,  #020000 0%,#777777 41%,#777777 57%,#000000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #020000 0%,#777777 41%,#777777 57%,#000000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #020000 0%,#777777 41%,#777777 57%,#000000 100%); /* IE10+ */
	background: linear-gradient(to right,  #020000 0%,#777777 41%,#777777 57%,#000000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#020000', endColorstr='#000000',GradientType=1 ); /* IE6-9 */
}	

.gradAfter			{position:relative;}
.gradAfter:before	{content:""; position:absolute; left:0; top:0; width:100%; height:1px; 
	background: #020000;
	background: -moz-linear-gradient(left,  #020000 0%, #777777 41%, #777777 57%, #000000 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#020000), color-stop(41%,#777777), color-stop(57%,#777777), color-stop(100%,#000000));
	background: -webkit-linear-gradient(left,  #020000 0%,#777777 41%,#777777 57%,#000000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #020000 0%,#777777 41%,#777777 57%,#000000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #020000 0%,#777777 41%,#777777 57%,#000000 100%); /* IE10+ */
	background: linear-gradient(to right,  #020000 0%,#777777 41%,#777777 57%,#000000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#020000', endColorstr='#000000',GradientType=1 ); /* IE6-9 */
}	

/*------------------------------------------*/
/*	Buttons									*/	
/*------------------------------------------*/
.btn-tiny	{height:16px; line-height:16px; padding:0 5px;}
.btn-small	{height:20px; line-height:20px; padding:0 10px;}
.btn-big	{height:28px; line-height:28px; padding:0 15px;}
.btn-large	{height:35px; line-height:35px; padding:0 15px;}
.btn-huge	{height:45px; line-height:45px; padding:0 20px;}
.btn-wide	{width:100%;}

.btn-grey-red				{background:#444; color:#ccc;}
.btn-grey-red:hover 		{background:#ff0056; color:#fff;}
.btn-grey-red.inverted		{background:#ff0056; color:#fff;}
.btn-grey-red.inverted:hover{background:#444; color:#ccc;}

.btn-gray-red				{background:#222; color:#ccc;}
.btn-gray-red:hover 		{background:#ff0056; color:#fff;}
.btn-gray-red.inverted		{background:#ff0056; color:#fff;}
.btn-gray-red.inverted:hover{background:#222; color:#ccc;}

.btn-gray-blue					{background:#222; color:#ccc;}
.btn-gray-blue:hover			{background:#02c0f8; color:#fff;}
.btn-gray-blue.inverted			{background:#02c0f8; color:#fff;}
.btn-gray-blue.inverted:hover	{background:#222; color:#ccc;}

.btn-gray-cyan					{background:#222; color:#ccc;}
.btn-gray-cyan:hover			{background:#18cecf; color:#fff;}
.btn-gray-cyan.inverted			{background:#18cecf; color:#f00;}
.btn-gray-cyan.inverted:hover	{background:#222; color:#ccc;}
	
	
/*------------------------------------------*/
/*	Pagination								*/	
/*------------------------------------------*/
.pagination.center			{float:right; position:relative; left:-50%;}
.pagination.center ol		{position:relative; left:50%;}
.pagination ol 				{overflow:hidden;}
.pagination li 				{float:left; border-right-style:dotted; border-right-width:1px;}
.pagination li:first-of-type{border-left:0 none;}
.pagination li:last-of-type	{border-right:0 none;}
.pagination li > a			{display:block; padding:10px 12px;}
.pagination li > a.inactive,
.pagination li > a.current			{cursor:text; pointer-events:none;}
	.darkTheme ol					{background:#222; box-shadow:0 0 1px 0 #222;}
	.darkTheme li					{border-right-color:#444;}
	.darkTheme li > a				{color:#bbb;}
	.darkTheme li > a:hover			{color:#fff; background:#b33a63}
	.darkTheme li > a.current, 
	.darkTheme li > a:hover.current	{color:#fff; background:#ff0056}
	.darkTheme li > a.inactive		{color:#999999;}
	.darkTheme li > a:hover.inactive{background:#222;}

	.lightTheme ol					{background:#FFF; box-shadow:0 0 1px 0 #e1e1e1;}
	.lightTheme li					{border-right-color:#f1f1f1; border-bottom:1px solid #a1a1a1}
	.lightTheme li > a				{color:#666;}
	.lightTheme li > a:hover		{color:#fff; background:#688b54}
	.lightTheme li > a.current, 
	.lightTheme li > a:hover.current{color:#fff; background:#a6c097}
	.lightTheme li > a.inactive		{color:#999999;}	
	
	
/*------------------------------------------*/
/*	Alert Boxes								*/	
/*------------------------------------------*/
#alertBoxes			{position:fixed; z-index:9999; top:0; left:0; right:0; margin:0 auto;}
.alertBox			{position:relative; display:block; padding:10px; margin:10px 0; border-width:1px; border-style:solid;}
.alertBox > *		{display:table-cell; *display:inline; *zoom:1; vertical-align:middle;}
.alertBox div		{padding:0 10px; border-left-width:1px; border-left-style:solid;}
.alertBox header	{font-size:1.4em; padding-right:10px;}
.alertBox footer	{position:absolute; right:0; top:0;}
.alertBox .close	{display:block; width:20px; height:20px; line-height:20px; font:700 13px Arial; cursor:pointer; text-align:center; 
					color:#000; border:1px solid #000;}
	/* AlertBox Styles */
	.alertSuccess 			{border-color:#0f0; background:#058339;}
	.alertSuccess div		{border-color:#0f0;}
	.alertSuccess .close	{background-color:#0f0;}
	
	.alertExclamation 		{border-color:#ffea00; background:#ff7e00;}
	.alertExclamation div	{border-color:#ffea00;}
	.alertExclamation .close{background-color:#ffea00;}
	
	.alertError 			{border-color:#f00; background:#f65f7f;}
	.alertError div			{border-color:#f00;}
	.alertError .close		{background-color:#f00;}
	
	
/*------------------------------------------*/
/*	Default Elements						*/	
/*------------------------------------------*/

	/*	Navigation Toggler
	/*--------------------------*/
	.nav-toggler		{display:none; text-align:left !important;}
	.nav-toggler > *	{display:inline-block; *display:inline; *zoom:1; vertical-align:middle;}
	.nav-toggler h3		{color:#FFF; text-transform:uppercase;}
		.toggler		{padding:5px 10px; background-color:#666; color:#fff; float:right; font:700 1.2em Arial; word-spacing:0;}
		.toggler:hover	{background-color:#ff0056;}
		.toggler i		{display:block; line-height:5px;}


/*------------------------------------------*/
/*	Site Layout								*/	
/*------------------------------------------*/
.wrapper, .wrap {position:relative; margin:0 auto;}
	#header, #container, #footer	{position:relative; display:block; width:100%; float:left;}
	
	.wide {width:100% !important;}
	
	
/*------------------------------------------*/
/*	Grids									*/	
/*------------------------------------------*/
[class^="col-"] {float:left; outline:0px solid green;}

.col-1-2	{width:50%;}
.col-1-3	{width:33.333%;}
.col-1-4	{width:25%;}

.col-1-2-gap	{width:45%; margin-left:5%;}