html, body { width: 100%; height: 100%; margin: 0; padding: 0; }
body {
	background: #bbb url(../images/blueBG2.jpg) 0px -2px repeat-x;
	font: 12px Optima, "Helvetica Neue", "Lucida Grande", Helvetica, Arial, sans-serif;
	color: #333;
}
input { outline: none ! important; }
textarea { overflow: auto; }
a { color: #111; outline: none; }
a:link, a:visited { text-decoration: none; }
a:focus, a:hover, a:active { color: #900; outline: none; }
a.twTagLink { color: #006805; }
a.twTagLink:focus, a.twTagLink:hover, a.twTagLink:active { color: #0056AE; }
ul li { list-style: none; }
.clear { clear: both; visibility: hidden; width: 0px; height: 0px; }
.hide { visibility: hidden; width: 0px; height: 0px; }
#wrapper { width: 800px; height: 100%; margin: 0 auto; }
#logoMain { width: 166px; height: 42px; background: transparent url(../images/itweet_logo_main2.png) no-repeat; position: absolute; top: 0; left: 0; z-index: -100; float: left; /*display: inline;*/ display: none; }
#loading { margin: 20px 170px; }
#loadingR { margin: 10px 80px; }
#twitterContainer {
	width: 500px;
	float: left;
	margin: 0;
	padding: 10px;
	border: 1px solid #555;
	border-top: none;
	border-bottom: none;
	background: white;
}
.subTitle { display: inline; }
#twitterNav { float: right; margin: -5px 0 0; display: none; }
#twitterNav li { list-style: none; float: left;	display: inline; margin: 0 8px 6px; font-size: 12px; }
#twitterNav li a:link, #twitterNav li a:visited { color: #333; text-decoration: none; padding-bottom: 1px; }
#twitterNav li a:focus, #twitterNav li a:hover, #twitterNav li a:active { color: #006805; border-bottom: 1px solid #a00; }
.navSelected { color: #006805 ! important; border-bottom: 1px solid #a00; }
#tweets { background: #ededed; border: 1px solid #999; min-height: 400px; }
.row { background: white; border: 1px solid #aaa; margin: 5px; padding: 5px; min-height: 54px; overflow: hidden; }
.ad_row { background: #e5eaf5; }
.twAvatar { float: left; margin: 0 10px 0px 0; cursor: pointer; border: 3px double #888; width: 48px; height: 48px; }
.twAvatar:hover { border: 3px double #0056AE; }
.twName { color: #444; float: left; font-size: 18px; font-weight: bold; margin: 1px 6px 0 0; cursor: pointer; }
.twName:hover { color: #0056AE; }
.twText { margin: 6px 0 2px 63px; color: #222; font-size: 13px; display: block; }
.twText a, .profile a { font-weight: bold; }
.profileLastTweet .twText { margin: 0px; display: inline; }
.twTime { font-size: 11px; margin: 7px 0 0; }
.twTime a:link, .twTime a:visited { color: #444; }
.twTime a:focus, .twTime a:hover, .twTime a:active { color: #a00; }
#iTweetHome { width: 478px; height: 400px; background: transparent url(../images/iTweetHome2.png) top left no-repeat; margin: 0; }
#twPost { background: #ededed; border: 1px solid #999; margin: 5px 0; clear: both; display: none; }
#twPost textarea {
	background: white;
	border: 1px solid #bbb;
	width: 465px;
	height: 52px;
	margin: 5px;
	padding: 5px 10px;
	font: 14px Optima, "Helvetica Neue", "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #333;
}
.postField:focus { border: 1px solid #333 ! important; }

#inReplyBox { margin: 5px 6px -5px 5px; padding: 5px 10px; background: white url(../images/stripeGray_light.png) repeat; border: 1px solid #999; border-bottom: 0px solid #999; }
#inReplyCancel { float: right; background: #555; color: white; font-weight: bold; padding: 0 5px; cursor: pointer; margin: -5px -10px 5px 5px; }
#inReplyNameBox { font-weight: bold; margin-bottom: 5px; }

.formBtn {
	float: right;
	border: 1px solid #333;
	background: white;
	color: #333;
	font: bold 12px Optima, "Helvetica Neue", "Lucida Grande", Arial, Helvetica, sans-serif;
	margin: 0 5px 5px;
	padding: 1px 25px 2px;
	cursor: pointer;
	height: 23px;
}
.searchBtn {
	height: 22px;
	display: inline;
	border: 1px solid #333;
	background: white;
	color: #333;
	font: bold 12px Optima, "Helvetica Neue", "Lucida Grande", Arial, Helvetica, sans-serif;
	margin: 10px 0px 10px 0;
	padding: 1px 12px 3px;
	cursor: pointer;
}
.searchBtn:hover, .searchBtn:focus { background: #bbcfe3; border: 1px solid #0056AE; color: #111; }
#directID {
	background: white;
	border: 1px solid #ccc;
	width: 245px;
	float: right;
	margin: 5px 5px 0px 10px;
	padding: 2px 4px;
	font: 14px Optima, "Helvetica Neue", "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #333;
}
#directID:focus { border: 1px solid #333 ! important; }
.twSuccess { margin 20px; text-align: center; }
.replyBtn, .replyAdBtn { float: right; margin: 4px 5px 4px 0px; cursor: pointer; }
.destroyBtn, .destroyDirect, .sendDirect { float: right; margin: 4px 0px 4px 0px; cursor: pointer; }
.sendDirect { border-right: 1px solid #ababab; }
.replyBtn:hover, .replyAdBtn:hover, .destroyBtn:hover, .destroyDirect:hover, .sendDirect:hover { color: #555 ! important; }
.favBtn, .favUnstar, .favAdBtn { float: right; margin: 4px 0 0; cursor: pointer; }
.rtBtn, .rtAdBtn { float: right; margin: 4px 0 0; cursor: pointer; }
.downLink { float: right; margin: 3px 20px 0 0; }
.upLink { float: right; margin: -1px 20px 0 0; display: none; }
#footer { height: 15px; margin: 10px 0 0 2px; }
#footer img { text-decoration: none; border: none; }

/* Temporarily commenting out the reply/fav/rt buttons on ads */
/* .replyAdBtn, .favAdBtn, .rtAdBtn { display: none; } */


#tools { padding: 2px 5px 1px; background: #ededed; border: 1px solid #999; margin-bottom: 5px; display: none; }
.toolsNav { cursor: pointer; padding: 2px 25px 1px; margin: 5px 0; border-left: 1px solid #ededed; border-right: 1px solid #ededed; z-index: 0; }
.toolsNav:hover, .toolsNav.toolsSelect {  padding: 2px 25px; background: white url(../images/stripeGray_light.png) repeat; color: black; border-left: 1px solid #999; border-right: 1px solid #999; z-index: 10; position: relative; }
.toolBox { background: white url(../images/stripeGray_light.png) repeat; margin: 0 5px 5px; padding: 5px 5px; overflow: auto; border: 1px solid #999; z-index: 1; clear: left; }
.toolsInput { background: white; height: 15px; width: 310px; border: 1px solid #555; color: #555; margin: 0px 5px 10px 0px; padding: 3px 5px 3px; font: 12px Optima, "Helvetica Neue", "Lucida Grande", Arial, Helvetica, sans-serif; float: right; }
#charHolder { padding: 5px; background: white; border: 1px solid #aaa; overflow: auto; }
.specialChar {  width: 20px; height: 20px; font-size: 18px; background: white; border: none; padding: 2px; float: left; display: inline; margin: 5px 7px; color: black; text-align: center; }
#uploadBtnContainer { cursor: pointer; }
#twitPicMessage { margin-left: 2px; padding: 5px 8px; width: 424px; height: 40px; font: 14px Optima, "Helvetica Neue", "Lucida Grande", Arial, Helvetica, sans-serif; outline: none; }
#twitPicMessage:focus { outline: none; border: 1px solid black; }
#twitPicInfo { margin-left: 168px; font-style: italic; }
.counter2 { margin: 3px 5px 0 115px; font-size: 10px; }
#locContainer { background:transparent;border:none;color:#555;font-size: 12px;font-style:italic;font-weight:normal;margin:-2px 0px 0px 14px;padding:0;text-align:left;display:inline;cursor: pointer; }
#bitlyResults { background: white; border: 1px solid gray; padding: 10px; margin: 26px 20px 10px; }
#bitlyResultsTitle { font-weight: bold; background: #eee; text-align: center; }
#bitlyResultsClose { float: right; background: #555; color: white; font-weight: bold; padding: 0 5px; cursor: pointer; }

.colR {
	float: right;
	clear: right;
	width: 272px;
	margin: 0 0 5px;
	padding: 0px;
	background: transparent;
}
.colRInner { width: 270px; padding: 10px; background: #ededed; border: 1px solid #006805; border-top: 1px solid #006805; -moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; overflow: auto;  }
.colRInner input.loginInput {
	float: right;
	background: white;
	width: 140px;
	height: 16px;
	border: 1px solid #555;
	color: #333;
	margin: 10px 20px 0px 10px;
	padding: 2px 5px 3px;
	font: 12px Optima, "Helvetica Neue", "Lucida Grande", Arial, Helvetica, sans-serif;
}
.searchInput {
	float: left;
	background: white;
	width: 180px;
	height: 15px;
	border: 1px solid #555;
	color: #555;
	margin: 10px 5px 10px 0px;
	padding: 2px 5px 3px;
	font: 12px Optima, "Helvetica Neue", "Lucida Grande", Arial, Helvetica, sans-serif;
}
#loginBtn { margin: 10px 20px 10px 0; color: #333; }
#loginInner { clear: both; margin-bottom: -10px; }
.colRInner label { float: right; margin: 14px 0px 0px; }
#loginLogo { float: left; margin-top: -6px; }
#loggedInAs, #logOutLink { float: right; margin: 10px 5px 0; }
#notLoggedIn { display: block; float: left; margin: 15px 0 5px 10px; padding: 4px 25px 5px; font-size: 14px; font-weight: bold; color: #a00; border: 1px solid #333; }
.profile { width: 250px; margin-top: 32px; padding: 10px 10px 1px; background: white; }
.profile h2 { margin: 0 0 0 -2px; }
.profile h3 { margin: 0; }
.profile h4 { margin: 0; }
.profile h5 { margin: 0; }
.profileScreenName { cursor: pointer; }
.profileScreenName:hover { color: #0056AE; }
h4.profileUrl { margin: 0px 0 0 4px; }
ul.twStats { margin: 5px 0 10px -38px; }
ul.twStats li { list-style: none; margin: 0; float:left; width: 48%; }
.statTitle { width: 97%; font-size: 14px; font-weight: bold; border-bottom: 1px solid #aaa; margin-bottom: -6px; }
.statBelowTitle { margin-top: 6px ! important; clear:left; }
.profileTweetTime { text-align: right; font-style: italic; margin: -8px 10px 10px 0; }
.colLSubTitle { margin: 5px 0 0 5px; }
.colRSubTitle { margin: -5px 0 0; cursor: pointer; }
.colRSubTitle:hover { color: #0056AE; }
.destroyReply { float: right; margin: 4px 8px 0 0; font-size: 22px; cursor: pointer; }
.colRSubTitleLink { display: block; text-align: right; margin: 5px 0 0px; cursor: pointer; }
.colRToggle { float: right; display: inline; margin: -18px 0 0; cursor: pointer; }
.colLSubTitleLink, .colLToggle { float: right; display: inline; margin: -18px 45px 0 0; cursor: pointer; }
.colRSubTitleLink:hover, .colLSubTitleLink:hover, .colLToggle:hover { color: #222; }
#twRecentReplies { float: right ! important; }
.tweetBio { background: #f3f3f3; border: 1px solid #aaa; color: #222; margin: 5px 0px 0px; padding: 3px 5px 5px; display: none; width: 464px; float: left; clear: both; overflow: hidden; }
.profile .tweetBio { width: 250px; border: none; margin: 0px 0px 0 -10px; padding: 0px 10px 0; display: block; background: white; }
.twFullName { font-size: 15px; font-weight: bold; color: #777; margin-right: 10px; }
.twUserLoc { font-style: italic; display: inline; margin-top: 2px; }
.twUserBio { margin-top: 3px; color: #555; }
.twUserUrl { margin: 3px 0 2px; }
.bioNote { margin: 3px 0 1px; }
.twSearchNote { clear: left; display: block; margin-top: 10px; color: #555; }
.twNotifications { margin: 5px 0 4px; padding: 2px 0px 3px 4px; background: #eee; color: #333; border: 1px solid #cdcdcd; position: relative; white-space: nowrap; overflow: hidden; clear: both; }
.twNotsOn { margin-left: 5px; padding: 2px 4px; font-weight:bold; cursor: pointer; }
.twNotsOn:hover { background: #e1e9f1; color: #0056ae; }
.twNotsOff { margin-left: 5px; padding: 2px 4px; font-weight:bold; cursor: pointer; }
.twNotsOff:hover { background: #e1e9f1; color: #0056ae; }
.followOn, .followOff { margin-top: -2px; padding: 2px 6px; margin-left: 10px; cursor: pointer; text-align:right; position: relative; right: 0; font-weight:bold; }
.followOn:hover, .followOff:hover { background: #e1e9f1; color: #0056ae; }
.blockOn, .blockOff { margin-left: 16px; padding: 2px 6px; font-weight:bold; cursor: pointer; }
.blockOn:hover, .blockOff:hover { background: #e1e9f1; color: #0056ae; }
#followCheck { font-weight: bold; cursor: pointer; }
.colRtextarea { width: 242px; border: 1px solid #999; background: white; display: block; clear: both; margin: 4px auto 5px; padding: 2px 4px; font: 12px Optima, "Helvetica Neue", "Lucida Grande", Arial, Helvetica, sans-serif; }
.colRtextarea:focus { border: 1px solid #444; }
.colRInner2 { background: white; padding: 5px; border: 1px solid #ddd; }
.aboutPoint { text-align: center; border: 1px solid #aaa; padding: 10px 5px; margin-top: 20px; }
#followColby { position: relative; top: -14px; float: left; margin-left: -12px; white-space: nowrap; }
#loginError { color: #a00; width: 195px; font-size: 14px; margin: 8px auto 0px; padding: 8px 10px 10px; border: 1px solid #a00; display: block; clear: both; text-align: center; font-weight: bold; background: url(../images/stripeGray.png) repeat; }
.twT, .twTLg, .twProfile, .twProfileSolo { float: right; margin: 4px 0 0 0px; cursor: pointer; }
.directPost, .regPost { margin: -3px 0 3px 50px; cursor: pointer; }
#dmLabel { float: right; text-align: right; font-size: 16px; font-weight: bold; margin-top: 6px; }
#directTo { display: none; }
#twLogin { border-top: 0px solid white ! important; }
#twitterLogo { margin: 1px 0 3px 25px; }
#pagination { background: #ededed url(../images/stripeGray.png) repeat; border: 1px solid #999; border-top: 0px solid #ededed; width: 498px; margin: 0px 0px 5px; font-size: 14px; font-weight: bold; display: none; }
#pageNewer { float: left; cursor: pointer; margin: 5px; padding: 1px 12px; background: #fff; border: 1px solid #999; visibility: hidden; }
#pageOlder { float: right; cursor: pointer; margin: 5px; padding: 1px 12px; background: #fff; border: 1px solid #999; }
#pageOlder:hover, #pageNewer:hover { color: #a00; border: 1px solid #a00; }
#pageNumber { font-size: 22px; float: left; margin-left: 135px; margin-top: 2px; }
#pagination_new { background: #ededed url(../images/stripeGray.png) repeat; border: 1px solid #999; width: 486px; margin: 0px auto 5px; padding: 6px 0px; color: #333; font-size: 14px; font-weight: bold; text-align: center; display: block; }
#pagination_new:hover { color: #900; }
.lgArrow { position: relative; top: 1px; }
#colLRefresh { float: right; margin: -22px 15px 0 5px; cursor: pointer; }
#colRRefresh { float: right; margin: 2px 0 0; cursor: pointer; }
ul#searchOption { margin: 0; padding: 0; }
.colRMenu li { display: block; background: #eee url(../images/bg_btn.png) top center repeat-x; border: 1px solid #aaa; padding: 5px 15px; margin: 5px auto 0 -40px; cursor: pointer; }
.colRMenu li:hover, .colRMenu li:focus { background: #e4f1ff url(../images/bg_btn_blue.png) top center repeat-x; border: 1px solid #0056AE; color: #000; }
#twSearch { display: none; }
#twRecentReplies, #twSettings, #twHelp { display: none; }
#iTweetHome h3 { font-size: 20px; font-weight: normal; position: relative; top: 60px; left: 245px; display: inline; }
#homeSubtitle { font-size: 16px; position: relative; top: 135px; left: 145px; display: inline; }
#homeList { font-size: 16px; float: right; margin: 200px 15px 0 0; padding: 20px 20px 10px; background: white; border: 1px solid #0056AE; }
#homeList li { margin: 0 0 10px; }
.summizeLink { float: right; margin: -18px 6px 0 0; }
.summizeLinkR { float: right; margin: -5px 0px -10px 0; }
li.settingsTitle { background: transparent ! important; border: none ! important; cursor: default; font-size: 16px; font-weight: bold; margin: 10px auto -6px -45px; }
li.settingsOption { display: block; }
li.settingsOption:hover, li.settingsOption:focus { background: #bbcfe3 url(../images/check_over2.png) no-repeat; background-position: 245px 4px; color: #111; border: 1px solid #0056AE; cursor: pointer; }
li.optSelect { display: block; background: #b5e1b7 url(../images/check_select.png) no-repeat; background-position: 245px 4px; border: 1px solid #006805; color: #111; }
li.optSelect:hover, li.optSelect:focus { display: block; background: #b5e1b7 url(../images/check_select.png) no-repeat; background-position: 245px 4px; border: 1px solid #006805; color: #111; }
.colRLink { color: #444 ! important; }
.colRLink:hover { color: #111 ! important; }
.statsR { margin-top:-14px; }
#twLists { display: none; }

.inReplyTo { float: right; clear: both; font-size: 10px; font-weight: bold; margin: -1px 1px -2px 0px; cursor: pointer; }
.inReplyTo:hover { color: #006805; }
.replyArrow { font-size: 10px; font-weight: bold; margin-bottom: -2px; }
.replyTweet { background: white url(../images/stripeGray_light.png) repeat; border: 1px solid #aaa; border-top: none; margin: -6px 5px 5px 5px; font-size: 11px; padding: 5px 8px; clear: both; overflow: hidden; }
.replyTweet .twName { margin: 0; font-weight: bold; font-size: 13px; float: none; display: none; }

.errorMessage { width: 90%; border: 1px solid #a00; background: black url(../images/stripeGray_light.png) top repeat; padding: 8px; margin: 10px auto; text-align: center; }

.profileItem { float: left; display: inline; width: 46%; margin-left: 5px; }

.trendLink { background: white; border: 1px solid #aaa; margin: 5px; padding: 10px; text-align: center; font-size: 18px; overflow: hidden; cursor:pointer; }
.trendLink:hover { background: url(../images/stripeGray.png) repeat; border: 1px solid #0056AE; color: #a00; }

.listTitle { color: #444; font-size: 18px; font-weight: bold; margin: 1px 0px 10px 0; cursor: pointer; display: block; }
.listMembers { margin-top: 0px; margin-left: 2px; font-size: 13px; }
.listSubscribers { margin-top: 0px; margin-left: 20px; font-size: 13px; }
img.private_lock { margin-right: 15px; }
.inlineInput { background: white; height: 15px; width: 310px; border: 1px solid #555; color: #555; margin: 0px 5px 10px 0px; padding: 3px 5px 3px; font: 12px Optima, "Helvetica Neue", "Lucida Grande", Arial, Helvetica, sans-serif; float: right; }
.listModeEdit { margin: 2px 0px 6px 6px; }

#replyCatcher .row { background: white ! important; border: 1px solid #aaa ! important; margin: 0px 0 5px; padding: 5px; min-height: 54px; overflow: hidden; }
#replyCatcher .row .twName { font-size: 16px; margin-top: 0px; }
#replyCatcher .row .twTime { font-size: 10px; font-weight: normal; margin-top: -2px; clear:none; float:left; }
sy5tt .row .twText { font-weight: normal; font-size: 12px; margin-top: 15px; margin-left: 5px; }
#replyCatcher .row .twAvatar { width: 24px; height: 24px; }
#replyCatcher .row .tweetBio { width: 226px; }
#replyCatcher .row .twUserLoc { display: block; }
#replyCatcher .replyTweet { margin: -6px 0 5px; font-size: 10px; }

/* http://www.positioniseverything.net/easyclearing.html */

.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 */

/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (in jqModal.js). You
	can change this value by either;
	  a) supplying one via CSS
	  b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
	

div.jqm input[type="submit"] { padding: 4px; margin: 10px 30px; background: #000; color: #FFF; border: 1px solid #AAA; }

/* jqModal confirm CSS courtesy of;
   Alexandre Plennevaux <alexandre@pixeline.be>,
   Brice Burgess <bhb@iceburg.net> */

div.jqm { /* contains + positions the alert window */
  display: none;
  
  position: fixed;
  top: 17%;
  width: 100%;
}
    
/* Fixed positioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html div.jqm {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

div.jqmWindow {
  height:auto;
  width: auto;
  margin: auto;
  max-width:400px;
  padding: 0 10px 10px;
  background: #ededed url(../images/stripeGray.png) repeat;
  border:1px solid #555;
}

.jqmTitle{
  margin:5px 2px;
  height:20px;
  color:#000;
  background: white;
  border: 1px solid #bbb;
}
.jqmTitle h1{
  margin: 2px 2px 0 7px;
  padding-left:5px;
  padding:0;
  font-size:14px;
  font-weight:bold;
  color:#a00;
  float:left;
  height:20px;
}
div.jqm .jqmClose em { display:none; }
div.jqm .jqmClose {
  width:20px;
  height:20px;
  display:block;
  float:right;
  clear:right;
  background:transparent url(../images/close_icon_double.png) 0 0 no-repeat;
}
div.jqm a.jqmClose:hover{ background-position: 0 -20px; }
div.jqmContent{
  color:#111;
  padding:8px 20px;
  margin:5px 2px;
  border:1px solid #555;
  font-size: 14px;
  font-weight: bold;
  background:#FFF;
  line-height: 1.4em;
}
div.jqmOverlay { background: white; }