/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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

/* Responsive layout */

/* Computer display - screen width >= 1024  */
.oneTwelfth	{float: left;margin: 0 2%;width: 4.33%;}	/* 1/12 */
.oneSixth {float: left;margin: 0 2%;width: 12.66%;}		/* 2/12 */
.oneFourth {float: left;margin: 0 2%;width: 21%;}		/* 3/12 */
.oneThird {float: left;margin: 0 2%;width: 29.33%;}		/* 4/12 */
.fiveTwelfth {float: left;margin: 0 2%;width: 37.66%;}	/* 5/12 */
.oneHalf {float: left;margin: 0 2%;width: 46%;}			/* 6/12 */
.sevenTwelfth {float: left;margin: 0 2%;width: 54.33%;}	/* 7/12 */
.twoThird {float: left;margin: 0 2%;width: 62.66%;}		/* 8/12 */
.threeFourth {float: left;margin: 0 2%;width: 71%;}		/* 9/12 */
.fiveSixth {float: left;margin: 0 2%;width: 79.33%;}	/* 10/12 */
.elevenTwelfth {float: left;margin: 0 2%;width: 87.66%;}/* 11/12 */
.one {margin: 0 2%;width: 96%;}							/* 12/12 */

/* small phone, iPhone and small tablet - screen width from 320px up to 767px */
@media only screen and (max-width:767px) { 
	.row {margin: 0 !important}
	.oneTwelfth,
	.oneSixth,
	.oneFourth,
	.oneThird,
	.fiveTwelfth,
	.oneHalf,
	.sevenTwelfth,
	.twoThird,
	.threeFourth,
	.fiveSixth,
	.elevenTwelfth,
	.one {float: none;margin-bottom: 30px;width: 96%;}
}

/* Clearfix */

.clearfix:before,
.clearfix:after,
.row:before,
.row:after {content: " ";display: table;}
.clearfix:after,
.row:after {clear: both}
.clearfix,
.row {zoom: 1; /* For IE 6/7 (trigger hasLayout) */}
.clear {font-size: 0;clear: both;}
.row { margin-bottom: 30px }

a {font: 12px Arial, Helvetica, sans-serif}

.msg {background-color: #FF5151;border-bottom: 1px solid #A40000;color: #460000;font: bold 13px Arial, Helvetica, sans-serif;padding:10px 0;
	text-align: center;}

.wrapper {margin: 0 auto;max-width: 1000px;position: relative;padding: 20px 20px;}

	hr {background: url(images/hr.png) repeat-x top left;border: 0;height: 2px;margin: 0 0 25px 0;width: 100%;}
	/* IE7 hack to remove border */
	*+html hr {background-image: url(images/hr_ie7.png);height: 8px;zoom: 25%;}

	.logo a {background: none;margin: 0;padding: 0;}
	.version {background-color: #005CAB;border: 1px solid #004C8E;color: #FFF;float: left;font: normal 12px Arial, Helvetica, sans-serif;
		left: 180px;padding: 2px 7px 1px 6px;position: absolute;text-shadow: 1px -1px #002d4a;top: 23px;
		
		-moz-box-shadow: inset 0px 1px 0px 0px #0173c4;		/* FF3.5+ */
		-webkit-box-shadow: inset 0px 1px 0px 0px #0173c4; 	/* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
			  box-shadow: inset 0px 1px 0px 0px #0173c4; 	/* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
		
		-moz-border-radius: 4px; 	/* FF1+ */
		-webkit-border-radius: 4px; /* Saf3-4, iOS 1-3.2, Android =1.6 */
			  border-radius: 4px; 	/* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */
	}

	/* Navigation */
	
	ul.topNav {float: right;list-style: none;margin-top: 20px;}
		ul.topNav li {display: inline;float: left;margin-left: 15px;position: relative;}
			ul.topNav li a {border: 1px solid #111;color: #AAA;display: block;
				font: normal 14px Georgia, "Times New Roman", Times, serif;padding: 6px 14px;text-decoration: none;
			}
			ul.topNav li a:hover,
			ul.topNav li a.active {background-color: #005CAB;border: 1px solid #004C8E;color: #FFF;text-shadow: 1px -1px #002d4a;
				-moz-box-shadow: inset 0px 1px 0px 0px #0173c4;		/* FF3.5+ */
				-webkit-box-shadow: inset 0px 1px 0px 0px #0173c4; 	/* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
					  box-shadow: inset 0px 1px 0px 0px #0173c4; 	/* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
				-moz-border-radius: 4px;	/* FF1+ */
				-webkit-border-radius: 4px; /* Saf3-4, iOS 1-3.2, Android =1.6 */
					  border-radius: 4px; 	/* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */
			}

	/* Breadcrumbs */
		
	ul.breadcrumbs { margin-bottom: 10px }
		ul.breadcrumbs li {display: inline;float: left;position: relative;}
		ul.breadcrumbs li:first-child {margin-right: 4px}
			ul.breadcrumbs li img {vertical-align: middle}
			ul.breadcrumbs li a, ul.breadcrumbs li.active {color: #CCC;
				font: bold 12px Arial, Helvetica, sans-serif;padding: 1px 5px;text-decoration: none;}
			ul.breadcrumbs li.active {color: #AAA;cursor: default;padding: 2px 5px;}
			ul.breadcrumbs li:first-child a {background: url(images/homeSmall_icon.png) no-repeat left center;padding-right: 4px;}
			ul.breadcrumbs li a:hover {color: #0191FA}
			ul.breadcrumbs li:first-child a:hover {background: url(images/homeSmall_hoverIcon.png) no-repeat left center}
	
	.moreInfoPanel {float: right;padding:1px 0 2px;position: relative;z-index:99999;}
		.moreInfoPanel b {font: bold 12px Arial, Helvetica, sans-serif;color: #CCC;}
		.moreInfoPanel a {padding: 0 6px;text-decoration: none;border: 2px solid #969696;}
		.moreInfoPanel a:hover {border-color: #666}
		.moreInfoPanel a img,
		.moreInfoPanel a span {border: 5px solid #666;display:none;position: absolute;right: 0;top: 18px;
			-moz-box-shadow: 0px 2px 5px #000;		/* FF3.5+ */
			-webkit-box-shadow: 0px 2px 5px #000; 	/* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
			box-shadow: 0px 2px 5px #000; 			/* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
		}
		.moreInfoPanel a span {background-color: #000;border-width: 2px;color: #FFF;font: bold 12px Arial, Helvetica, sans-serif;padding: 5px 10px;white-space: nowrap;}
		.moreInfoPanel a:hover img,
		.moreInfoPanel a:hover span {display: block}
	
	p.footer {color: #CCC;font-family: Arial, Helvetica, sans-serif;font-size: 12px;line-height: 1.5;text-align: center;}
	p.footer a {background-color: #005CAB;color: #FFF;font: normal 12px Arial, Helvetica, sans-serif;padding: 1px 5px;text-decoration: none;
		-moz-border-radius: 2px; 	/* FF1+ */
		-webkit-border-radius: 2px; /* Saf3-4, iOS 1-3.2, Android =1.6 */
		border-radius: 2px; 		/* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */
		
		/* Safari 3.2+, Chrome */
		-webkit-transition-property: background-color, color;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: linear;
		/* Firefox 4-15 */
		-moz-transition-property: background-color, color;-moz-transition-duration: 0.2s;-moz-transition-timing-function: linear;
		/* Opera 10.5–12.00 */
		-o-transition-property: background-color, color;-o-transition-duration: 0.2s;-o-transition-timing-function: linear;
		/* Firefox 16+, Opera 12.50+ */
		transition-property: background-color, color;transition-duration: 0.2s;transition-timing-function: linear;
	}
	p.footer a:hover {background-color: #FFF;color: #111;}
	p.footer a[target="_blank"] {background: #005CAB url(images/externalLink_icon.png) no-repeat center right;padding-right: 17px;}
	p.footer a[target="_blank"]:hover {background: #FFF url(images/externalLink_hoverIcon.png) no-repeat center right}

/* Others */

.noMargin {margin-bottom: 0}

/* iPad - screen width from 768px up to 1023px */
@media only screen and (min-width:768px) and (max-width:1023px) { 
	/* Navigation */
	ul.topNav li {margin-left: 5px}
		ul.topNav li a {padding:6px 10px}
}

/* Small tablet - screen width from 480px up to 767px */
@media only screen and (min-width:480px) and (max-width:767px) { 
	.wrapper {padding: 20px 0}
	.version {left: 155px}
	/* Navigation */
	ul.topNav {float: none}
		ul.topNav li {display: block;float: none;margin-left: 0;}
			ul.topNav li a {text-align: center}
	/* Color variations menu */
	.moreInfoPanel {float:none}	
}

/* small phone, iPhone - screen width up to 479px */
@media only screen and (max-width:479px) {
	.wrapper {padding: 20px 0}
	.version {left: 150px}
	/* Navigation */
	ul.topNav {float: none}
		ul.topNav li {display: block;float: none;margin-left: 0;}
			ul.topNav li a {text-align: center}
	/* Color variations menu */
	.moreInfoPanel {float:none}
}