a img { border-width: 0; }

a:link {
	color:#2C4762; 
	text-decoration: none;
}

a:visited {
	color:#2C4762; 
	text-decoration: none;
}

a:active {
	color:#2C4762; 
	text-decoration: none;
}

a:hover {
	color:#BBBBBB; 
	text-decoration: none;
}

a:focus {outline: none;}

body {
    background-color: #D4ECFB;
}

img#content_top, img#content_bottom {
    height: 25px;
    width: 900px;
}

#container {
    margin: auto;
    padding: 0 30px;
    width: 900px;
    font-family: Georgia, serif, Verdana, Arial, sans-serif;
}

#header {
    height: 80px;
    position: relative;
    z-index: 80;
}

#content {
    background: #FFFFFF url(../images/content_bg.png) repeat scroll 0 0;
    margin: auto;
    padding: 5px 10px;
}

#tweetLogWrapper {
    background: #FFFFFF;
    width: 880px;
    float: left;
}

.logLeft, .logRight {
    float: left;
}

.clear{clear:both;height:1px;}

.logLeft {
    width: 480px;
    /*border: 1px solid #BBBBBB;*/
}

.logRight {
    width: 380px;
    /*border: 1px solid #BBBBBB;*/
}

#nav {
    font-size:18px;
    position:absolute;
    right:30px;
    bottom:0;
    z-index:90;
}

#nav_wrap {
    float:left;
    display: block;
    margin:0;
    padding:0;
}

#nav .nav_item.active {
    /*background-color: #2C4762;*/
    background: #FFFFFF url(../images/nav_bg.gif) repeat-x scroll center bottom;
    color: #2C4762;
}
#nav .nav_item {
   font-size: 18px; 
   cursor: pointer;
   margin-left: 10px;
   /*padding: 5px 8px;*/
   padding:5em 16px 10px;
   position: relative;
   text-decoration: none;
   display: block;
}

input.text_field, textarea {
    background: #FFFFFF;
    border: 1px solid #BBBBBB;
    color: #2C4762;
    margin: 0;
    outline-color: -moz-use-text-color;
    outline-style: none;
    outline-width: 0;
    padding: 7px;
}

input.text_field.login {
    -moz-border-radius-bottomleft:4px;
    -moz-border-radius-bottomright:4px;
    -moz-border-radius-topleft:4px;
    -moz-border-radius-topright:4px;
    -x-system-font:none;
    border-color:#BBBBBB;
    font-family:Georgia;
    font-size:18px;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:normal;
    padding: 4px;
}

.trainlog input, textarea {
    background: #D4ECFB;
    border: 1px solid #BBBBBB;
    color: #2C4762;
    margin: 0;
    outline-color: -moz-use-text-color;
    outline-style: none;
    outline-width: 0;
    -moz-border-radius-bottomleft:4px;
    -moz-border-radius-bottomright:4px;
    -moz-border-radius-topleft:4px;
    -moz-border-radius-topright:4px;
    -x-system-font:none;
    font-family:Georgia;
    font-size:45px;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:normal;
    padding: 4px;
}

.trainlog input {
    width: 199px;
    height: 52px;
    width: 199px;
    text-align: center;
}

.trainlog textarea {
    font-size: 20px;
    height: 150px;
    width: 425px;
    text-align: left;
}

.trainlog {
    display: block;
}

.trainlog label {
    color: #2C4762;
    font-size: 20px;
}

#mText {
    text-align: right;
    color: #2C4762;
    width: 210px;
    font-size: 13px;
    padding-top: 1px;
    display:
}

#dText {
    text-align: right;
    color: #2C4762;
    font-size: 13px;
}

#tweet_this {
    text-align: right;
    color: #2C4762;
    font-size: 13px;
    margin-right: 25px;
}

#tweet_this label {
    font-size: 13px;
}

#tweet_this input {
    width: 20px;
    height: 20px;
}

.fieldWrapper {
    padding: 10px 20px 10px 20px;
}

#trainbtn {
    background: #F89722;
    border: 1px solid #BBBBBB;
    color: #FFFFFF;
    font-size: 30px;
    width: 125px;
    margin-left: 20px;
}

.login_form {
    padding-bottom: 20px;
    display: block;
}

.login_form label {
 color: #2C4762;
 font-size: 18px;
}

#charlimit {
    text-align: right;
    color: #ECECEC;
    font-family: "Georgia", serif;
    font-size: 40px;
    margin-left: 70px;
}

#descWrap {
    float: left;
    width: 450px;
}

.tweetDesc, .tweetDescRight {
    float: left;
}

.tweetDesc {
    margin-top: 20px;
    width: 300px;
}

.tweetDescRight {
    text-align: right;
}
#logWrapper {
    border: 1px solid #BBBBBB;
    color: #2C4762;
    -moz-border-radius-bottomleft:4px;
    -moz-border-radius-bottomright:4px;
    -moz-border-radius-topleft:4px;
    -moz-border-radius-topright:4px;
    -x-system-font:none;
    font-family:Georgia;
}


INPUT.spin-button {
    font-size: 35px;
    height: 52px;
    width: 199px;
    text-align: left;
	/*padding-right:20px;*/					/* Padding pevents text from covering the up/dn img. Works better in Firefox but also causes textbox to widen by 20px. Arrows can go wonky in IE when text is too long. Perhaps it could be fixed with script that monitored the horiz-scroll position? */
	background-repeat:no-repeat;		/* Warning: Img may disappear in Firefox if you use 'background-attachment:fixed' ! */
	background-position:100% 0%;
	background-image:url(../images/spin_arrows.gif);
}

INPUT.spin-button.up {					/* Change button img when mouse is over the UP-arrow */
	cursor:pointer;
	background-position:100% -62px;		/* 18px matches height of 2 visible buttons */
}
INPUT.spin-button.down {				/* Change button img when mouse is over the DOWN-arrow */
	cursor:pointer;
	background-position:100% -124px;		/* 36px matches height of 2x2 visible buttons */
}

#footer {
    margin-top: 10px;
    color: #2C4762;
    font-size: 12px;
    margin: 20px;
    text-align: center;
}

#footer a {
    margin-left: 15px;
}

#homepage_chart_graphic {
float:left;
width:430px;
margin:0px;
padding:0px;
margin-top:40px;
}

#homepage_tagline_graphic {
margin-left:11px;
}

#rightcontent  {
float:left;
width:431px;
margin:0px;
padding:0px;
font-family:Trebuchet MS,Verdana,Arial,sans-serif;
}

#rightcontent p {
line-height:1.2em;
margin-bottom:15px;
width:366px;
font-size:93%;
margin-bottom:3px;
}

.righttopbox {
padding-left:30px;
}

h1 {
color:#F79428;
font-size:30px;
font-weight:bold;
}

h2 {
color:#1C3851;
font-size:18px;
margin-bottom:0px;
}


.one {
background-image:url(../images/tt_login_one.jpg);
background-repeat:no-repeat;
margin:20px 0;
min-height:55px;
padding-left:55px;
width:366px;
}

.two {
background-image:url(../images/tt_login_two.jpg);
background-repeat:no-repeat;
margin:20px 0;
min-height:55px;
padding-left:55px;
width:366px;
}

.three {
background-image:url(../images/tt_login_three.jpg);
background-repeat:no-repeat;
margin:20px 0;
min-height:55px;
padding-left:55px;
width:366px;
}

#homebottombox {
width:850 px;
margin-left:25 px;
margin-right:25 px:
margin-top:15px;
}

.homebottomquestion {
width: 750 px;
padding-left: 33px;
padding-top: 20px;
font-size: 150%;
font-family: Trebuchet MS,Verdana,Arial,sans-serif;
color:#1C3851;
}

.homebottomanswer {
width: 750 px;
padding-left: 55px;
padding-right:85px;
padding-top:10px;
font-size: 90%;
font-family: Trebuchet MS,Verdana,Arial,sans-serif;
color:#1C3851;
}

.homebottomanswer a:link {
color: #F79428; text-decoration:none;
}

.homebottomanswer a:visited {
color: #F79428; text-decoration:none;
}

.homebottomanswer a:hover {
color: #F79428; text-decoration:none;
}

#faqtitle {
width: 750 px;
padding-left: 28px;
padding-top: 15px;
font-size: 200%;
font-family: Trebuchet MS,Verdana,Arial,sans-serif;
color:#F79428;
}


#faqbox {
width:850 px;
margin-left:25 px;
margin-right:25 px:
margin-top:15px;
}

.faqquestion {
width: 750 px;
padding-left: 33px;
padding-top: 20px;
font-size: 150%;
font-family: Trebuchet MS,Verdana,Arial,sans-serif;
color:#1C3851;
}

.faqanswer {
width: 750 px;
padding-left: 55px;
padding-right:85px;
padding-top:10px;
font-size: 90%;
font-family: Trebuchet MS,Verdana,Arial,sans-serif;
color:#1C3851;
}

.faqanswer a:link {
color: #F79428; text-decoration:none;
}

.faqanswer a:visited {
color: #F79428; text-decoration:none;
}

.faqanswer a:hover {
color: #F79428; text-decoration:none;
}

.text404 {
    color:#2C4762;
    font-size:20px;
    text-align: center;
}