/* Make sure vertical scrollbar is visible at all times in Mozilla */
html { min-height:100%; margin-bottom:1px; }
body { font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0; padding:0; height:100%; }
body#main { background:#EDEDED; }
body#usatMain { background:#fff; }

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility: hidden; }
.clearfix { display:inline-block; }
/* Hides from IE-mac \*/ * html .clearfix {height: 1%;}
.clearfix {display:block;} /* End hide from IE-mac */

.adwordsDiv { width:1px;height:1px;background:white;visibility:hidden;margin:0;display:none; }
.italic { font-style:italic; }
.bold { font-weight:bold; }
.nobold { font-weight:normal; }
.error { color:red; }
.normal { font-size:12px; font-weight:normal; }
.back { font-weight:bold; margin-top:20px; }

h1 { margin:0; margin-bottom:22px; padding:0; font-size:21px; font-weight:bold; color:#000; text-transform:uppercase; line-height:110%; font-family:arial,helvetica,sans-serif }
h1.withIcon { padding:5px 0 5px 42px; background-repeat:no-repeat; margin-bottom:21px; }
h1 span { font-weight:normal; color:#666; text-transform:none; }
h2 { margin:0; font-size:18px; color:#000000; border-bottom:solid 1px #E6E6E6; padding-bottom:5px; font-weight:normal; }
h3 { font-size:14px; }
h4 { margin:0; padding:0; font-size:12px; }
p { margin-top:0; }
div { text-align:left; }

img { border:none; }
form { padding:0px; margin:0px; }
textarea{ font-size:10pt; font-family: arial,helvetica; padding:5px; }
input, select { vertical-align:middle; }

/* About TimeMap */
.supportLeftSec { float:left;width:440px;line-height:21px;margin-bottom:30px; }
.supportLeftSec h3 { margin-bottom:14px; }
.supportIndex p { margin-bottom:40px; }
.supportLeftSec ul.index { list-style:none; margin:0; padding:0; margin-bottom:40px; }
.supportLeftSec ul.top { margin-top:8px;border-bottom:dashed 1px #ccc;padding-bottom:30px;margin-bottom:30px;font-weight:bold; }
.askQuestDiv { float:left;margin-top:25px;margin-left:32px; }

a:link, a:visited { color:#0000ff; text-decoration:none; }
a.bold:link, a.bold:visited { color:#0000ff; text-decoration:none; font-weight:bold; }
a:hover, a:hover.bold, a:hover.title { text-decoration:underline; }
a.nohover:hover { text-decoration:none; }
a:link.title, a:visited.title { font-size: 13pt; font-family:Arial, Helvetica, sans-serif; font-weight: bold; }

/* Different types of boxes used */
.VertGradientBox { background:url(gradient.gif) repeat-x; border:solid 1px #D9D9D9; }
.HorizGradientBox { background:url(gradienu.gif) repeat-y; border:solid 1px #D9D9D9; }
.NormalBox { border:solid 1px #D9D9D9; }

/* Home page */
#hp h1 { font-size:24px; margin-bottom:0; text-transform:none; }
#hp p { margin:0 0 15px 0; }
ul#hp { list-style:none; margin:0; padding:0;margin-bottom:20px; }
ul#hp li { float:left; }
ul#hp li a { display:block; width:342px; height:58px; overflow:hidden; padding:7px 0 0 15px; line-height:17px; color:#000 !important; }
ul#hp li a:hover { text-decoration:none; }
ul#hp li strong { color:#0000ff; }

#content { background:#fff; text-align:center; padding-bottom:20px; }
#contentWrapper { width:720px;margin-left:auto;margin-right:auto;text-align:left }

#topCorners { background:url(tile_top.gif) repeat-x; height:16px; }
#leftCorner { float:left;background:url(ul_corne.gif) no-repeat;width:16px;height:16px; } 
#rightCorner { float:right;background:url(ur_corne.gif) no-repeat;width:16px;height:16px; }

.addSiteNavBorder { height:96px;border-bottom:solid 1px #d9d9d9; }

#siteNav { margin:0; padding:0; height:33px; list-style:none; width:525px !important; overflow:visible; position:absolute; left:250px; border:0 !important; }
#siteNav li { margin:0; padding:0; display:inline; }
#siteNav li.logOnOff { position:absolute;top:-27px;right:27px;z-index:2000;text-align:right;width:100px; }
#siteNav li ul li { text-align:center; }
#siteNav a:hover { background-position:0 -33px; }
#siteNav a.selected { background-position:0 -66px; }
#siteNav a.selected:hover { background-position:0 -66px; }

#siteNav ul { display:none; position:absolute;text-align:right;list-style:none;padding:0;margin:0;top:42px; }
#siteNav ul li { float:left; display:block; }
#siteNav ul.show { display:block; }
#siteNav ul li a, #siteNav ul li a:hover { font-weight:normal; }
#siteNav ul li a.selected, #siteNav ul li a.selected:hover  { color:#000; }

#tabHome { width:78px; background:url(home0000.gif) top left no-repeat; }
#tabHowToUse { width:120px; background:url(how_to_u.gif) top left no-repeat; }
#tabSupport { width:93px; background:url(support0.gif) top left no-repeat; }
#tabAbout { width:128px; background:url(about000.gif) top left no-repeat; }

#usat_wrapper2 { width:790px; margin-left:auto; margin-right:auto; background:url(usat_sha.gif) 0 0 repeat-y; }
#usat_wrapper3 { width:770px; margin-left:10px; padding-right:10px; background:url(usat_sha.gif) 100% 0 repeat-y; }
.usatSiteFooter { background:url(usat_bg_.gif) repeat-x !important; }

/* Titles used throughout */
.Title1 { font-size:14px; color:#000000; font-weight:bold; margin:0; }
.Title2 { font-size:14px; color:#666; font-weight:bold; margin:0; }
.InputLabel { font-size:11px; color:black; }
td.InputLabel { text-align:right; }
.InputLabelC5 { font-size:11px; color:#3F3F3F; }

/* Various font sizes and colors used */
.SmallTextC1V, .SmallerTextC1V, .NormalTextC1V, .LargerTextC1V, .LargeTextC1V, .BigTextC1V { color:#000000; }
.SmallTextC1F, .SmallerTextC1F, .NormalTextC1F, .LargerTextC1F, .LargeTextC1F, .BigTextC1F { color:#000000; }
.SmallTextC5F, .SmallerTextC5F, .NormalTextC5F, .LargerTextC5F, .LargeTextC5F, .BigTextC5F { color:#3F3F3F; }
.SmallTextC5V, .SmallerTextC5V, .NormalTextC5V, .LargerTextC5V, .LargeTextC5V, .BigTextC5V { color:#3F3F3F; }

.SmallTextC1F, .SmallTextC5F { font-size:10px; }
.SmallerTextC1F, .SmallerTextC5F { font-size:11px; }
.NormalTextC1F, .NormalTextC5F { font-size:12px; }
.LargerTextC1F, .LargerTextC5F { font-size:14px; }
.LargeTextC1F, .LargeTextC5F { font-size:16px; }
.BigTextC1F, .BigTextC5F { font-size:18px; }

.SmallTextC1V, .SmallTextC5V { font-size:75%; }
.SmallerTextC1V, .SmallerTextC5V { font-size:88%; }
.NormalTextC1V, .NormalTextC5V { font-size:100%; }
.LargerTextC1V, .LargerTextC5V { font-size:112%; }
.LargeTextC1V, .LargerTextC5V { font-size:125%; }
.BigTextC1V, .BigTextC5V { font-size:150%; }

div.transOFF { width: 100%; background-color: silver; border:1px solid black; }
div.transON { width: 100%; background-color: white; opacity:.50; filter: alpha(opacity=50); -moz-opacity: 0.5; }
div.trans25 { /*width: 100%;*/ background-color: white; opacity:.25; filter: alpha(opacity=25); -moz-opacity: 0.25; }
div.trans50 { /*width: 100%;*/ background-color: white; opacity:.50; filter: alpha(opacity=50); -moz-opacity: 0.5; }
div.trans75 { /*width: 100%;*/ background-color: white; opacity:.75; filter: alpha(opacity=75); -moz-opacity: 0.75; }

/* Used throughout */
.TextNormal { color:black; font-size:12px; font-weight:normal; }
.blackTitle { font-size: 13pt; color:black; line-height: 14pt; font-weight: bold; }
.BackLink { margin-top:0px; margin-bottom:20px; }
.AltBGColor1 { background-color:#F0F2E9; }
.popupBox { position:absolute;padding:5px;width:300px;background-color:#ffffe0;z-index:1000;border:solid 1px #000; }

/* Carried over from original */
br.compact{ line-height: 3pt }
.SpacerSmall { clear:both; margin:0; padding:0; margin-bottom:10px; }
.SpacerSmaller { clear:both; margin:0; padding:0; margin-bottom:15px; }
.SpacerNormal { clear:both; margin:0; padding:0; margin-bottom:20px; }
.SpacerLarger { clear:both; margin:0; padding:0; margin-bottom:25px; }
.SpacerLarge { clear:both; margin:0; padding:0; margin-bottom:30px; }

/* Numbered list with graphics as bullets */
.NumberedList .ListText { color:black; padding-left:6px; padding-top:3px; padding-bottom:16px; }

/* Support section */
.DividerWithTopLink { text-align:right;margin-top:10px;margin-bottom:30px;margin-right:10px;padding-bottom:3px;border-bottom:dashed 1px #CCC;font-size:11px; }
.Question { color:#3F3F3F; font-weight:bold; }