/* DEVELOPED BY RAPHAEL CAIXETA */
/* WWW.RAPHAELCAIXETA.COM */

/* 
	PROJECT TITLE - TWITTER DMER
	PROJECT DATE - 02/01/2009
/*


/* GENERAL */
body { padding: 0; margin: 0; font-family: Georgia, Verdana, Arial; font-size: 14px; color: #89aec2; background: #9fdbfa; }

a { text-decoration: none; color: #FFF; }

a img { border: none; }

a:hover { text-decoration: underline; }

a:hover img { border: none; }

#mainContent { width: 700px; margin: 0 auto; }

#content { width: auto; margin: 0; padding: 0; background: #FFF; border: 1px solid #87d2f8; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius:5px; clear: both; margin-top: 25px; }

.left { width: 266px; height: auto; float: left; font-family: "Lucida Grande", Verdana; color: #89aec2; font-size: 14px; line-height: 27px; }

.middle { width: 120px; height: auto; float: left; font-family: Georgia, Times, Verdana; color: #52778b; font-size: 14px; line-height: 27px; font-style: italic; text-align: center; padding-top: 10px; padding-bottom: 20px; }

.right { width: 278px; height: auto; float: left; font-family: "Lucida Grande", Verdana; color: #89aec2; font-size: 14px; line-height: 27px; word-break: keep-all; }

.clear { clear: both; }

#formSuccess { background: #ccffce; border: 1px solid green; }

#formError { clear: both; margin-top: 5px; margin-left: 16px; color: red; font-family: "Lucida Grande", Verdana; font-size: 12px; margin-bottom: 10px; }

.formSuccess { color: green; }

.formError { color: red; }

.loggedinUsername { float: left; width: auto; height: auto; }

.loggedinUsername h2 { font-size: 18px; color: #1c4f69; font-weight: normal; font-family: Georgia, Verdana; padding: 0; margin: 0; }

.logout { float: right; }

.loggedinAs { margin-top: 15px; margin-bottom: 10px; }

.logout a { font-family: Georgia, Verdana; font-size: 14px; color: #458cb0; border: none; }

.logout a:hover { text-decoration: underline; }

.messageC { height: 2px; border-bottom: 1px solid #a8dcfb; }

.messageCounter { border-bottom: 1px solid #a8dcfb; background: #e6f6fe; border-top: 2px solid #cfedfd; margin-bottom: 15px; padding-top: 10px; padding-bottom: 10px; }

.messageCounter .contentPad h3 { color: #375a6c; font-size: 13px; font-family: "Lucida Grande", Verdana; font-weight: normal; padding: 0; margin: 0; display: block; float: left; }

.messageCounter .contentPad a { display: block; float: right; font-family: Georgia, Verdana; font-size: 14px; color: #458cb0; border: none; }

.messageCounter .contentPad a:hover { border: none; text-decoration: underline; margin: 0; padding: 0; }

.messageContainer { width: 658px; height: auto; clear: both; margin-left: 20px; margin-right: 20px; margin-bottom: 10px; padding-bottom: 10px; }

.exampleContainer { width: 658px; height: auto; clear: both; margin-left: 20px; margin-right: 20px; margin-bottom: 10px; padding-bottom: 10px; }

.exampleLeft { width: 163px; height: auto; float: left; font-family: Georgia, Verdana; font-style: italic; color: #78a4bb; font-size: 13px; line-height: 19px; text-align: right; }

.exampleLeft b { color: #264454; font-size: 13px; font-family: "Lucida Grande", Verdana; font-style: normal; }

.exampleRight { float: left; width: 472px; height: auto; line-height: 19px; }

.border { border-bottom: 1px solid #a8dcfb; }

.messageTitle { float: left; width: 148px; text-align: right; height: auto; font-family: Georgia, Verdana; font-style: italic; color: #78a4bb; font-size: 13px; line-height: 19px; margin-left: 10px; padding-right: 20px; }

.messageContent { float: left; width: 472px; height: auto; line-height: 19px; }

.messageTitle b { color: #264454; font-size: 13px; font-family: "Lucida Grande", Verdana; font-style: normal; }

#footer { width: auto; clear: both; text-transform: uppercase; margin-top: 30px; text-align: center; color: #5288a4; }

#footer a { color: #FFF; text-decoration: none; border: none; }

#footer a:hover { border-bottom: 1px solid #75c5f6; padding-top: 3px; text-decoration: none; }

/* FORM TAGS */
.textBox { width: 184px; height: 22px; float: left; border: 1px solid #cae1ed; background: #FFF; font-family: "Lucida Grande", Verdana; font-size: 14px; color: #89aec2; margin-top: 12px; padding-left: 5px; padding-right: 5px; padding-top: 5px; }

.textArea { width: 457px; height: 62px; border: 1px solid #cae1ed; font-family: "Lucida Grande", Verdana; font-size: 14px; color: #567b8e; padding: 10px; }

.textArea2 { width: 437px; height: 62px; border: 1px solid #cae1ed; font-family: "Lucida Grande", Verdana; font-size: 14px; color: #567b8e; padding: 10px; }

.submitButton { width: 87px; height: 34px; border: 0; margin-left: 10px; float: left; margin-top: 10px; }

/* PRE-DEFINED VARIABLES */
.scootRight { margin-left: 10px; }
.scootRight1 { margin-left: 320px; }
.scootRight2 { margin-left: 100px; }
.scootRight3 { margin-left: 20px; }

.scootLeft { margin-right: 20px; }
.scootLeft1 { margin-right: 50px; }
.scootLeft2 { margin-right: 100px; }
.scootLeft3 { margin-right: 150px; }

.scootDown { margin-top: 20px; }
.scootDown1 { margin-top: 5px; }
.scootDown2 { margin-left: 100px; }
.scootDown3 { margin-left: 150px; }

.scootUp { margin-bottom: 12px; }
.scootUp1 { margin-left: 50px; }
.scootUp2 { margin-left: 100px; }
.scootUp3 { margin-left: 150px; }

.specialText { font-size: 16px; color: #5288a4; text-transform: uppercase; margin-bottom:15px; margin-top: 0px; }
.specialText2 { font-size: 17px; color: #1c4f69; line-height: 27px; font-family: Georgia, Verdana; }
.contentPad { padding-left: 15px; padding-right: 15px; }
.loginBG { width: auto; height: 63px; background: url(../images/loginBG.png) repeat-x #e6f6fe; clear: both; margin-top: 10px; padding-top:10px;overflow:hidden;}
.formTextLeft { float: left; width: auto; height: auto; color: #375a6c; font-family: "Lucida Grande", Verdana; font-size: 14px; padding-top: 20px; padding-left: 16px;}