/****
colors
-cyan: b8fcff
-dark cyan: 009098
-grey: 3f3f3f
-dark grey: 151515 
-skin: ffef81
*****/

/*** CSS Reset ***/
html, body, div, span, object,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, address, code, img,
small, strong, dl, dt, dd, ol, ul, li,
fieldset, form, label{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body{
	line-height:1;
}
ol, ul{
	list-style:none;
}
/*** end of css reset ***/

/**** default selectors ****/
body{
	font-family: Calibri, Verdana, Arial, Sans Serif;
	font-size: 12px;
	color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	/*background: #3f3f3f url('../assets/images/backgrounds/main_top_left.jpg') no-repeat top left;*/
	background: #3f3f3f url('../assets/images/backgrounds/bg.gif') repeat;
	width: 100%;
	height: 100%;
}

#mainTopLeft{width: 100%; height: 100%; background: url('../assets/images/backgrounds/main_top_left.png') no-repeat top left; position: absolute; top: 0px; left: 0px; z-index: 1;}
.bottomPad{width: 100%; height: 100px; position: relative; overflow: hidden;}

h1{
	font-family: Myriad Pro, Calibri, Verdana, Arial, Sans Serif;
	font-size: 35px;
	line-height: 35px;
	font-weight: normal;
	color: #b8fcff;
	margin: 0px 0px 25px 0px;
}

h2{
	font-family: Myriad Pro, Calibri, Verdana, Arial, Sans Serif;
	font-size: 35px;
	line-height: 35px;
	font-weight: normal;
	color: #ffef81;
	margin: 0px 0px 25px 0px;
}

p{
	margin: 0px 0px 0px 0px;
}

a{
	cursor: pointer;
	text-decoration: none;
	line-height: 18px;
}

.highlight{
	color: #FFCC00;
}

a:link{
	color: #FFFFFF;
}

a:visited{
	/*color: #888888;*/
	color: #FFFFFF;
}

a:hover{
	color: #b8fcff;
	text-decoration: underline;
}

a img{
	border-width: 0px;
}

#preloader{
	position: fixed;
	z-index: 5;
	width: 30px;
	height: 30px;
	overflow: hidden;
	margin: -15px 0px 0px -15px;
	top: 50%;
	left: 50%;
}

.location{
	width: 130px;
	text-align: right;
	float:left;
	margin:0px;
}

.date{
	width: 135px;
	float:left;
	margin:0px;
}

.org{
	width: 330px;
	float:left;
	margin: 0px;
	text-align: center;
}

.rule{background: url('../assets/images/backgrounds/bg_rule.png') repeat-x top left; width: 100%; height: 2px; margin: 0px 0px 25px 0px; position: relative; overflow: hidden;}

/****portfolio overlay****/
#portfolio_overlay{
	width: 100%;
	height: 205px;
	position: fixed;
	left:0px;
	top: -180px;
	background: #151515 url('../assets/images/backgrounds/portfolio_overlay_glow.jpg') no-repeat top center; 
	z-index: 3;
}

#glow{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:205px;
	margin:0px auto 0px auto;
	background:url('../assets/images/backgrounds/portfolio_overlay_glow.jpg') no-repeat top center; 
}

#portfolio_toggle{
	position: relative;
	float: none;
	width: 95px;
	height: 19px;
	margin: 31px auto 0px auto;
	cursor: pointer;
}

#categories_container{
	width: 675px;
	height: 140px;
	float: none;
	position:relative;
	margin: 15px 0px 0px -300px;
	overflow: hidden;
	left: 50%;
}

.portfolio_category{
	width:225px;
	height:140px;
	position:relative;
	float:left;
}

.portfolio_category div{
	margin: 5px 0px 0px 2px;
}

/**** header ****/
#header{
	width: 270px;
	height: 51px;
	position: relative;
	top: 55px;
	left: 510px;
}

.top_nav{
	width: 48px;
	height: 51px;
	position: relative;
	float: left;
	overflow:hidden;
	cursor: pointer;
	/*background-color:#3f3f3f;*/
}

.top_nav img{
	position:absolute;
	left:0px;
}

.top_nav_over{
	top:51px;
}

/**** content ****/
.loader{width: 30px; height: 30px; background: url('../assets/images/preloader.gif')no-repeat; position: absolute; overflow: hidden; left: 50%; top: 50%; margin: -15px 0px 0px -15px; display: none;}
#container{
	margin: 0px auto 0px auto;
	width: 750px;
	z-index:1;
}

#content{
	width: 100%;
	left:-750px;
	position:relative;
	margin: 80px auto 0px auto;
}

#content_test{
	margin: 100px auto 100px auto;
	width: 750px;
	z-index:1;
}

/* about page */
#about p{width: 600px; font-size: 12px; line-height: 18px; margin: 20px 0px 0px 25px;}
#about a{color: #b8fcff;}
#about h2{font-weight: normal; font-size: 25pt; color: #ffef81;}
#about .wrap{float: left; margin: 0px 30px 30px 30px;}
#about .wrap img{
	border: #ffffff solid 7px;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-moz-box-shadow: 5px 5px 8px #1a1a1a;
	-webkit-box-shadow: 5px 5px 8px #1a1a1a;
	box-shadow: 5px 5px 8px #1a1a1a;
}
#about .caption{font-size: 8pt; line-height: 13pt; width: 165px; margin: 20px 0px 0px 5px; color: #777777;}
#about #social a {margin-left: 5px;}

/* stream page */
#stream{width: 100%; margin: 100px 0px 0px 0px;}

/* home page */
.project{
	margin: 30px 0px 0px 0px;
	width: 550px;
}

.project h1{
	font-family: Calibri, Verdana, Arial, Sans Serif;
	font-size: 25px;
	line-height: 25px;
	margin: 0px 0px 3px 0px;
	font-weight: normal;
	color: #ffffff;
}

.project .preview{
	position:absolute;
	vertical-align: middle;
	right: 0px;
	/*border: 10px solid #151515;*/
}

.project a:link, .project a:visited{
	color: #ffef81;
}

.project a:hover{
	color: #b8fcff;
}

.project p{
	font-size: 12px;
	line-height: 18px;
	margin: 15px 0px 0px 0px;
	width: 460px;
}

/*contact page */
#contact .item{
	margin: 15px 0px 0px 0px;
	display: table;
	float: none;
	width: 100%;
}

#contact .icon{
	width: 38px;
	float: left;
}

#contact .text{
	float: left;
	text-align:left;
	margin:5px 0px 0px 25px;
}

#contact .item h1{
	color: #FFFFFF;
	font-size: 25px;
	line-height: 27px;
}

#contact a:link, #contact a:visited{
	color: #ffef81;
}

#contact a:hover{
	color: #b8fcff;
}

/* resume page */
/**** resume table ****/
#resume{
	width: 700px;
}

#resume h1 {
	margin-bottom: 10px;
}

#resume a{color: #b8fcff;}

#resume .table_section_title{
	width: 100px;
	text-align: right;
	font-family: Calibri, Verdana, Arial, Sans Serif;
	font-size: 18px;
	line-height: 18px;
	color: #FFFFFF;
	padding: 0px 25px 0px 0px;
	vertical-align:top;
	text-transform:lowercase;
}

#resume .table_text{
	text-align: left;
	font-size: 12px;
	line-height: 18px;
	margin: 0px 0px 10px 0px;
	vertical-align: top;
	width: 650px;
}

#resume .table_text li{
	list-style-type: square;
	list-style-position: outside;
	margin-left: 30px;
}

#resume .location{
	text-align: right;
	width: 125px;
	vertical-align: top;
	font-family: Calibri, Verdana, Arial, Sans Serif;
	font-size: 14px;
	line-height: 16px;
	color: #FFFFFF;
}

#resume .org{
	text-align: center;
	width: 325px;
	vertical-align: top;
	font-family: Calibri, Verdana, Arial, Sans Serif;
	font-size: 14px;
	line-height: 16px;
	color: #FFFFFF;
	text-decoration:underline;
}

#resume .date{
	text-align: left;
	width: 100px;
	vertical-align: top;
	font-family: Calibri, Verdana, Arial, Sans Serif;
	font-size: 14px;
	line-height: 16px;
	color: #FFFFFF;
}

#resume .table_text h2{
	font-family: Arial, Verdana, Arial, Sans Serif;
	font-weight: bold;
	font-size: 15px;
	line-height: 15px;
	color: #FFFFFF;
	margin: 7px 0px 7px 0px;
}

#resume .table_text h3{
	font-family: Calibri, Verdana, Arial, Sans Serif;
	font-weight: normal;
	font-size: 15px;
	line-height: 17px;
	color: #b8fcff;
	margin: 0px 0px 5px 0px;
}

#resume .table_text h3 .super{
	vertical-align: super;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
}

#resume .table_text h3 .sub{
	vertical-align: sub;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
}

#resume .table_text p{
	margin: 0px 0px 15px 0px;
}

#resume .table_single_row_section td{
	padding-bottom: 25px;
}

#resume .table_multi_rows_section td{
	padding-bottom: 5px;
}

#resume #awards{
	margin-bottom: 40px;
}

#resume #awards p{
	text-align: left;
	font-size: 15px;
	line-height: 19px;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}

#resume .awards_year{
	width: 40px;
	text-align: left;
	vertical-align: top;
}

#resume .awards_award{
	text-align: left;
	vertical-align: top;
	padding: 0px 0px 5px 0px;
}

/**** work items ***/
#work{
	width: 600px;
	margin: 0px auto 0px auto;
	padding: 0px;
	z-index: 1;
}	

#work .work_title{
	margin: 0px;
	padding: 0px;
}

#work .work_title h1{
	margin: 0px;
}

#work .work_link{
	margin: 0px 0px 25px 0px;
	padding: 0px;
}

#work .work_link a:link, #work .work_link a:active, #work .work_link a:visited{
	font-family: Arial, Calibri, Verdana, Sans Serif;
	font-size: 20px;
	line-height: 20px;
	font-weight: normal;
	color: #ffef81;
	margin-top: 5px;
}

#work .work_link a:hover{
	color: #b8fcff;
}

#work .work_description{
	margin: 0px 0px 50px 0px;
	padding: 0px 0px 0px 25px;
}

#work .work_expand{
	margin: 0px 0px 25px 0px;
	cursor: pointer;	
	font-weight: bold;
	font-size: 10pt;
	color: #cccccc;
	height: 21px;
	padding: 2px 0px 0px 25px;
}

#work .work_description p{
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #FFFFFF;
	margin: 0px 0px 15px 0px;
}

#work .work_description a:link, #work .work_description a:visited{
	color: #ffef81;
}

#work .work_description a:hover{
	color: #b8fcff;
}

#work .work_asset{
	width: 458px;
	margin: 0px auto 0px auto;
	/*border: thin dashed #4e4e4e;*/
	padding: 10px;
	background-color: #151515;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}

#work .work_caption{
	margin: 5px 0px 0px 0px;
	padding-left: 25px;
	background: url('../assets/images/ui/caption_icon.gif') no-repeat 0px 2px; 
}

#work .work_caption p{
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #FFFFFF;
	margin: 10px 0px 5px 0px;
}

#work .work_caption a:link, #work .work_caption a:active{
	color: #ffef81;
}

#work .work_caption a:visited{
	color: #ffef81;
}

#work .work_caption a:hover{
	color: #b8fcff;
}

#pdf_dl{
	width: 38px;
	height: 51px;
	position: relative;
	overflow:hidden;
	cursor: pointer;
	margin: 0px 0px 0px 0px;
}

#pdf_dl img{
	position:absolute;
	left:0px;
}

#pdf_dl_over{
	top:51px;
}

#what_else{
	width: 78px;
	height: 23px;
	position: relative;
	overflow:hidden;
	cursor: pointer;
	text-align: right;
	margin: 25px 0px 0px 0px;
}

#what_else img{
	position:absolute;
	left:0px;
}

#what_else_over{
	top:23px;
}

#to_top{
	background:url('../assets/images/ui/to_top_button/bg.gif') no-repeat; 
	position: fixed;
	width: 52px;
	height: 32px;
	margin: 0px 0px 0px 698px;
	bottom: 54px;
	overflow: hidden;
	cursor: pointer;
	z-index: 4;
}

#fitc{position: fixed; width: 90px; height: 90px; margin: 0px 0px 0px 50px; bottom: 30px; overflow: hidden; z-index: 4;}

#to_top img{
	position:absolute;
	left:9px;
}

#to_top_up{
	top:7px;
}

#to_top_over{
	top:40px;
}

.target{top: -100px; position: relative; overflow: hidden; height: 0px;}
.arrows{width: 64px; height: 22px; background: #151515 no-repeat left bottom; position: relative; overflow: hidden; margin: 0px 0px 100px 0px; left: 468px; top: -10px; padding: 0px 0px 0px 7px; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;}
.arrows div{float: left; margin-right: 1px;}

.arrowUp{
	width: 19px;
	height: 19px;
	position: relative;
	overflow:hidden;
	cursor: pointer;
}

.arrowUp img{
	position:absolute;
	left:0px;
}

.arrowUp_over{
	top: 100px;
}

.arrowDown{
	width: 19px;
	height: 19px;
	position: relative;
	overflow:hidden;
	cursor: pointer;
	float: right;
}

.arrowDown img{
	position:absolute;
	left:0px;
}

.arrowDown_over{
	top:-100px;
}

.projDesc{
	width: 19px;
	height: 19px;
	position: relative;
	overflow:hidden;
	cursor: pointer;
}

.projDesc img{
	position:absolute;
	left:0px;
}

.projDesc_over{
	top: 100px;
}

.smallX{
	width: 19px;
	height: 19px;
	position: absolute;
	overflow:hidden;
	cursor: pointer;
	right: 10px;
	top: 10px;
	z-index: 3;
}

.smallX img{
	position:absolute;
	left:0px;
}

.x_over{
	top: 100px;
}

.smallQ{
	width: 19px;
	height: 19px;
	position: relative;
	overflow:hidden;
	cursor: pointer;
}

.smallQ img{
	position:absolute;
	left:0px;
}

.q_over{
	top: 100px;
}

#top_down_arrow{
	cursor: pointer;
}

/**** footer ****/
#copyright{
	margin: 10px 0px 0px -15px;
	letter-spacing: 1px;
	font-size: 7pt;
	text-align: center;
	color: #3f3f3f;
	padding-left: 10px;
}

#footer{
	padding: 5px 0px 0px 0px;
	width:100%;
	height: 70px;
	position: fixed;
	background: #151515 url('../assets/images/backgrounds/footer.gif') repeat-x top; 
	bottom:0px;
	color:#FFFFFF;
	z-index: 3;
}

#bot_nav_container{
	width: 210px;
	height: 32px;
	overflow: hidden;
	margin: 7px auto 0px auto;
	padding-left: 10px;
}

.bot_nav{
	width: 38px;
	height: 32px;
	position: relative;
	float: left;
	overflow:hidden;
	cursor: pointer;
}

.bot_nav img{
	position:absolute;
	left:0px;
}

.bot_nav_over{
	top:40px;
}

/************* weather widget ***********************/
#weather{width: 382px; height: 155px; overflow: hidden; position: relative; background: url('../assets/images/backgrounds/bg_weather.png') no-repeat top left; margin: 0px 0px 25px 0px; font-family: Arial, Helvetica, Verdana, sans-serif;}
#weather img#icon{width: 40px; height: 40px; overflow: hidden; position: absolute; left: 326px; top: 10px;}
#weather #condition{width: 300px; height: 28px; overflow: hidden; position: absolute; text-align: right; left: 9px; top: 29px; color: #b6fcfe; font-weight: bold; font-size: 18px;}
#weather #city{width: 345px; height: 24px; overflow: hidden; position: absolute; text-align: right; color: white; left: 9px; top: 92px; font-size: 18px; font-weight: normal;}
#weather #date{width: 345px; height: 24px; overflow: hidden; position: absolute; text-align: right; color: #4b4b4b; left: 9px; top: 77px; font-size: 12px; font-weight: normal; text-transform: uppercase;}
#weather #temperature{width: 100%; overflow: hidden; position: absolute; color: white; left: 9px; top: 35px; font-size: 80px; font-weight: normal; letter-spacing: -4px;}
#weather #temperature #degree{font-size: 45px; font-weight: normal; vertical-align: text-top;}
#weather #powered{color: #666666; overflow: hidden; position: absolute; top: 125px; left: 240px; vertical-align: bottom; text-align: right; font-size: 10px;}
#weather #powered div{float: left; padding-top: 2px;}
#weather #powered img{margin-left: 5px;}
#weather #refresh_btn{width: 11px; height: 12px; background: url('../assets/images/ui/weather_refresh_btn.png') no-repeat 0px 0px; overflow: hidden; position: absolute; left: 10px; top: 20px; cursor: pointer;}


/************* thoughts stream ***********************/
.posts{position: relative; overflow: hidden; margin: 0px 0px 0px 0px;}
.posts .post{position: relative; overflow: hidden; margin: 0px 0px 10px 0px;}
.posts{width: 550px; overflow: hidden;}
.posts .post{width: 100%; overflow: hidden; padding-right: 25px;}
.posts .post h1{font-size: 22px; margin-bottom: 5px; letter-spacing: 5;}
.posts .post h2{font-size: 18px; margin-bottom: 0px; letter-spacing: 20;}
.posts .post p{margin-bottom: 10px; line-height: 15px;}
.posts .post ul{margin: 0px 0px 20px 10px;}
.posts .post li{list-style-type: disc; list-style-position: outside; margin-left: 20px;}
.posts .post{border-bottom: 1px dashed #525252; padding-bottom: 40px;}

#stream_admin{margin-top: 180px;}
#stream_admin input{clear: right; border: 0px; background: #151515; color: white; padding: 5px; width: 400px;}
#stream_admin textarea{clear: right; border: 0px; background: #151515; color: white; padding: 5px; width: 400px; height: 250px; font-family: Calibri, Arial, Verdana, Helvetica, sans-serif;}
#stream_admin .row{margin-bottom: 10px;}
#stream_admin #preview{margin-top: 100px;}

.q_informatics{cursor: pointer;}
#informatics{position: absolute; z-index: 10; overflow: visible; width: 500px; height: 350px; display: none; cursor: move;}
#informatics .background{position: absolute; overflow: hidden; z-index: 1; width: 100%; height: 100%; background: #151515; opacity: 0.9; filter: alpha(opacity=90); -moz-border-radius: 15px; -webkit-border-radius: 15px; -moz-box-shadow: #252525 3px 3px 3px; -webkit-box-shadow: #252525 3px 3px 3px; box-shadow: #252525 3px 3px 3px;}
#informatics #informatics_wrapper{position: absolute; overflow: hidden; z-index: 1; width: 450px; padding: 25px;}
#informatics h1{margin-bottom: 35px;}
#informatics p{margin-bottom: 15px; line-height: 14px; padding-left: 25px;}
#informatics p b{color: #b8fcff;}
#informatics p.source{margin-bottom: 25px;}

#pdf_dl_mobile{display: none;}

#preview{
	width: 120px;
	height: 100px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 20;
}

#preview .background{
	position: absolute;
	overflow: hidden;
	width: 100%;
	height: 100%;
	background: url('../assets/images/backgrounds/bg_preview.png') no-repeat;
	opacity: 0.85;
	filter: alpha(opacity=85);
	/*-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	-moz-box-shadow: #000000 3px 3px 3px; 
	-webkit-box-shadow: #000000 3px 3px 3px; 
	box-shadow: #000000 3px 3px 3px;*/
}

#preview .imageContainer{
	width: 80px;
	height: 70px;
	position: absolute;
	overflow: hidden;
	left: 50%;
	top: 50%;
	margin: -38px 0px 0px -47px;
}

#preview .image{
	height: 100%;
	position: relative;
	overflow: hidden;
}

/**** blog styles ****/
.editable_image_container{
	position: absolute;
	border: 5px solid #ffffff;
	-moz-box-shadow: 0px 0px 25px #555555;
	-webkit-box-shadow: 0px 0px 25px #555555;
	box-shadow: 0px 0px 25px #555555;
}

.editable_image{
	cursor: pointer;
}

.editable_image_container div{
	position: absolute;
}

.editable_image_container .resizeHandle{
	width: 50px;
	height: 50px;
	z-index: 1;
}

.editable_image_container .rotateHandle{
	width: 15px;
	height: 15px;
	z-index: 2;
	cursor: url("../assets/images/cursor_rotate.png"), auto;
}

.editable_image_container .resizeHandle.ne{
	cursor: ne-resize;
}

.editable_image_container .resizeHandle.se{
	cursor: se-resize;
}

.editable_image_container .resizeHandle.nw{
	cursor: nw-resize;
}

.editable_image_container .resizeHandle.sw{
	cursor: sw-resize;
}

.editable_image_container .ne{
	right: 0px;
	top: 0px;
}

.editable_image_container .sw{
	left: 0px;
	bottom: 0px;
}

.editable_image_container .se{
	right: 0px;
	bottom: 0px;
}

.editable_image_container .nw{
	left: 0px;
	top: 0px;
}

#picture_canvas{
	position: absolute;
	overflow: hidden;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	z-index: 2;
}

#picture_canvas .background{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%; 
	height: 100%;
	background: #3f3f3f url('../assets/images/backgrounds/bg.gif') repeat;
	opacity: 0.85;
	filter: alpha(opacity=85);
}

#detail_box{
	position: absolute;
	z-index: 100;
	width: 300px;
	right: 25px;
	bottom: 25px;
	background: black;
	color: white;
	padding: 25px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 3px solid #999999;
	-moz-box-shadow: 0px 0px 25px #1a1a1a;
	-webkit-box-shadow: 0px 0px 25px #1a1a1a;
	box-shadow: 0px 0px 25px #1a1a1a;
}

#detail_box h1{
	font-size: 16pt;
	line-height: 18pt;
	font-weight: lighter;
	letter-spacing: 1pt;
	margin: 5px 0px 0px 0px;
}

#detail_box a{
	color: #B6FCFE;
}

#detail_box a:hover{
	color: #FFCC00;
}

#detail_box p{
	font-size: 8pt;
	line-height: 12pt;
	letter-spacing: 1pt;
	margin: 5px 0px 0px 0px;
	float: none;
}

#detail_box p:first{
	margin-top: 15px;
}

#detail_box p.date{
	font-size: 7pt;
	color: #cccccc;
	width: 100%;
}

#delete_icon{
	position: absolute;
	z-index: 100;
}

#blogResetBtn{
	position: relative;
	margin: 25px 0px 0px 0px;
	cursor: pointer;
}

#runs #mapContainer {
	position: relative;
	overflow: hidden;
	width: 100%;
}

#raceInfo {
	position: relative;
	overflow: hidden;
	text-align: center;
	color: #1A1A1A;
}

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

#raceInfo table tr:hover,
#raceInfo table tr:nth-child(even):hover {
	background: #B8FCFF;
}

#raceInfo table tr td {
	width: 50%;
	text-transform: capitalize;
	vertical-align: top;
	font-size: 10px;
	line-height: 12px;
	padding: 5px;
}

#raceInfo table tr td:first-child {
	text-align: right;
}

#raceInfo table tr td:last-child {
	text-align: left;
	font-weight: bold;
}

#raceInfo table tr:nth-child(even) {
	background: #eaeaea;
}

#raceInfo h1 {
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 10px;
	font-weight: bold;
	color: #1A1A1A;
}

#raceInfo img {
	max-width: 100%;
	max-height: 200px;
	margin-bottom: 10px;
}

/**** hide shadow on google maps infowindow ****/
img[src*="iws3.png"] {
    display: none;
}