#preloader {
    display: none;
	background-image: url(icons.png), url(load.gif), url(overlay_arrow.png), url(overlay_arrow_side.png), url(fav-done.gif),url(more_bg.png), url(select_bg.png), url(refresh.png);
}
body {
	background-color: #000;
	font-family: Helvetica;
	font-size: 20px;
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust: none;
}
body[orient="portrait"] { min-width: 320px;}
body[orient="landscape"] { min-width: 480px;}
a { color: #194fdb; }
a:active { outline: none; }
a:focus { -moz-outline-style: none; }
form { margin: 0; }
.oldmore { display: none; visibility: hidden; }
body > div#content > ul, body > div#content > form > ul { background-color: #FFF;  border: 0px solid; margin: 0; padding: 0; }
body > div#content > ul > li, body > div#content > form > ul > li { border-bottom: 1px rgb(217,217,217) solid; list-style-type: none; padding: 10px 10px 14px 10px; }
body > div.titleBar {
	background-color: #000;
	background-image: url(toolBarOverlay.png);
	background-position: left center;
	background-repeat: repeat-x;
	border-bottom: 1px solid #333;
	border-top: 1px solid #000;
	color: #FFF;
	font-size: 14px;
	line-height: 33px;
	padding: 0 0 0 38px;
	position: relative;
	text-shadow: rgba(255,255,255,0.6) 0 1px 1px;
}
body > div.titleBar img.icon { left: 6px; position: absolute; top: 4px; }
body > div.titleBar > div > a { color: #FFF; text-decoration: none; }
body > div.titleBar > div.hahlotitle { float: left; font-size: 18px; line-height: 25px; padding-top: 5px; }
body > div.titleBar > div.hahlotitle h1 { display:none; visibility:hidden; }
body > div.titleBar > div.titleButton {
	 border-left: 1px solid #333;
	 border-right: 1px solid #111;
	 float: right;
	 font-weight: bold;
	 text-align: center;
}
body > div.titleBar > div.titleButton.home { background:url(home.png) no-repeat center center; width:38px; }
body > div.titleBar > div.titleButton > a { cursor: pointer; display: block; height: 35px; padding:0px 10px; }
body > div.titleBar > div.titleButton.home > a { width:38px; padding:0px; }
body > div#content ul > li.pageTitleBar {
	background-color: #FFF;
	background-image: url(titleOverlay.png);
	background-position: left center;
	background-repeat: repeat-x;
	border-bottom: none;
	border-top: 1px solid #111;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	padding: 2px 10px;
	text-align: left;
	text-shadow: rgba(255,255,255,0.7) 0 0 2px;
}
body div.refreshButton {
	background:url(refresh.png) no-repeat center center;
	border-left: 1px solid #333;
	border-right: 1px solid #111;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	line-height: 33px;
	position:absolute;
	right:175px;
	text-align: center;
	text-shadow: rgba(255,255,255,0.6) 0 1px 1px;
	top:0;
	width: 38px;
}
body div.refreshButton > a {
	cursor: pointer;
	display: block;
	height: 35px;
	padding:0px;
	width: 38px;
}
body div#requestsRemaining {
	position:absolute;
	z-index:10000;
	top:40px;
	right:5px;
	color:#CCC;
	font-size:12px;
	font-weight:bold;
	max-width:35px;
	max-height:20px;
	overflow:hidden;
}
li.first, li.firstUser { background-image: url(shadow.png); background-color: #FFF; background-position: top left; background-repeat: repeat-x; }
li.newTweet { background-color: #ffeae5; }
li.tweet { position: relative; }
body > div#content > ul > li.nameOnly { padding-bottom: 8px; padding-top:8px;}
body > div#content > ul > li.gridView {
	background-color:#FFF;
	border-width: 0px;
	float: left;
	height: 48px;
	padding: 4px 0px 0px 4px;
}
body > div#content > ul > li.tweet.medavatar { padding-left: 52px; }
body > div#content > ul > li.tweet.bigavatar { padding-left: 68px; }
li.tweet div { float:left; }
li.tweet div a img {
	border: 0px;
	cursor: pointer;
	height: 24px;
	overflow: hidden;
	position:relative;
	width: 24px;
}
li.tweet div.proimg { -webkit-border-radius: 5px; -moz-border-radius: 5px; background-repeat:no-repeat; height: 24px; }
body > div#content > ul > li.gridView div a img {
	border: 0px;
	cursor: pointer;
	height: 48px;
	overflow: hidden;
	width: 48px;
}
li.tweet div.medimg a img { height: 32px; width: 32px; }
li.tweet div.bigimg a img { height: 48px; width: 48px; }
li.tweet div.medimg {
	background-repeat:no-repeat;
	-webkit-background-size: 32px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	height: 32px;
	left: 10px;
	position: absolute;
	top: 10px;
	width: 32px;
}
li.tweet div.bigimg {
	background-repeat:no-repeat;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	height: 48px;
	left: 10px;
	position: absolute;
	top: 10px;
	width:48px;
}
body > div#content > ul > li.gridView div.bigimg { position:static; }
li.tweet.panel div.bigimg { height:73px; margin-right:10px; width:73px; }
body > div#content > ul > li.tweet.firstUser { padding-left: 68px; position: relative; }
li.tweet .name {
	font-size: 18px;
	font-weight: bold;
	line-height: 24px;
	padding: 0px 0px 0px 10px;
	position: relative;
	width: 266px;
}
body[orient=landscape] li.tweet .name { width: 426px; }
li.tweet.noavatar .name { padding-left: 0px; width: 300px; }
li.tweet.medavatar .name { padding-left: 0px; width: 258px; }
li.tweet.bigavatar .name { padding-left: 0px; width: 242px; }
body[orient=landscape] li.tweet.noavatar .name { width: 460px; }
body[orient=landscape] li.tweet.medavatar .name { width: 418px; }
body[orient=landscape] li.tweet.bigavatar .name { width: 402px; }
li.tweet .favourite, li.tweet .is-favourite {
	background-position: top left;
	background-repeat: no-repeat;
	cursor: pointer;
	height: 24px;
	position: absolute;
	right: 10px;
	top: 10px;
	width: 24px;
}
li.tweet .name .favourite, li.tweet .tweettext .favourite,
li.tweet .name .is-favourite, li.tweet .tweettext .is-favourite,
li.tweet .name .reply,
li.tweet .name .message, li.tweet .name .messages {
	background-position: top left;
	background-repeat: no-repeat;
	cursor: pointer;
	height: 24px;
	position: absolute;
	top: 0px;
	width: 24px;	
}
li.tweet .favourite,li.tweet .name .favourite, li.tweet .tweettext .favourite { background-image: url(fav.gif); }
li.tweet .name .favourite, li.tweet .name .is-favourite, li.tweet.firstUser .name .message, li.tweet.nameOnly .name .message { right:30px; }
li.tweet.firstUser .name .favourite { right: 60px; }
li.tweet .tweettext .favourite, li.tweet .tweettext .is-favourite, li.tweet .name .messages { right: 0px; }
li.tweet .name .is-favourite, li.tweet .tweettext .is-favourite { background-image: url(fav-done.gif); }
li.tweet .name .reply { background-image: url(reply.gif); right: 0px; }
li.tweet .name .message, li.tweet .name .messages { background-image: url(dmsg.gif); right: 0px; }
li.tweet a.favourite[selected="progress"], li.tweet a.is-favourite[selected="progress"], li.tweet a.goArrow[selected="progress"] { background-image: url(favspinner.gif); background-position: top left; background-repeat: no-repeat; }
body > div#content > ul > li.tweet.firstUser .name { padding: 2px 0px 5px 0px; width: 242px; }
body[orient=landscape] > div#content > ul > li.tweet.firstUser .name { width: 400px; }
li.tweet .tweettext {
	clear: both;
	font-size: 14px;
	font-weight: normal;
	line-height: 17px;
	margin-top: 5px;
	position:relative;
}
ul.bigtext li.tweet .tweettext { font-size: 20px; line-height: 22px; margin-top: 10px; }
li.tweet .tweettext a.userLink[selected="progress"], li.tweet .inreplyto a[selected="progress"] { background-color: #194fdb; color: #FFF; -webkit-border-radius:5px; -moz-bordere-radius:5px; }
li.tweet .tweettext a { display: inline-block; max-width: 280px; overflow: hidden; text-overflow: ellipsis; }
li.tweet.firstUser .tweettext a { max-width: 238px; }
li.tweet.medavatar .tweettext a { max-width: 238px; }
li.tweet.bigavatar .tweettext a { max-width: 222px; }
li.tweet .updated { color: #999; font-size: 12px; font-weight: normal; padding-left: 10px; }
li.tweet .followPanel {
	background-image: url(overlay_bg.png);
	background-position: top left;
	background-repeat: repeat;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	color:#FFF;
	display:none;
	height: 68px;
	left:50px;
	position: absolute;
	top:-14px;
	width:250px;
	z-index:7000;
}
li.tweet .followPanel .pointer {
	background-image: url(overlay_arrow_side.png);
	background-position: top right;
	background-repeat: repeat;
	display:block;
	height:30px;
	left:-14px;
	position:absolute;
	top:19px;
	width:15px;
}
li.tweet .followPanel .followInner { padding:5px; }
li.tweet .followPanel ul {
	font-size: 10px;
	left: 0px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
}
li.tweet .followPanel ul li {
	background-color:rgba(0,0,0,0.2);
	background-image: url(icons.png);
	background-repeat: no-repeat;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	color: #FFF;
	cursor: pointer;
	float: left;
	font-weight: bold;
	height: 42px;
	list-style-type: none;
	margin:8px 0px 0px 8px;
	padding: 5px 0;
	text-align: center;
	width: 52px;
}
li.tweet .followPanel ul li.user_timeline { background-position: -4px -4px;}
li.tweet .followPanel ul li.follow { background-position: -64px -184px;}
li.tweet .followPanel ul li.unfollow { background-position: -124px -184px;}
li.tweet .followPanel ul li.message { background-position: -124px -124px;}
li.tweet .followPanel ul li.user_profile { background-position: -64px -4px;}
li.tweet .followPanel ul li.cancel { background-position: -184px -4px;}
li.tweet .followPanel ul li a {
	color: #FFF;
	display:block;
	height:22px;
	padding-top:28px;
	text-align:center;
	text-decoration: none;
	text-shadow: #000 0 0 2px;
}
li.tweet .followPanel ul li a img { border-width: 0px; }
li.tweet .followPanel ul li a div { float:none; }
li.tweet .inreplyto {
	background-color:#f6ffee;
	border:1px solid #cda;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	clear:both;
	display:block;
	font-size:11px;
	margin-top:5px;
	padding:5px 0px;
}
li.tweet .inreplyto a.irtTweet {
	font-weight:bold;
	text-decoration:none;
	padding:3px 4px;
	line-height:13px;
}
li.tweet .inreplyto span.irtTweet { line-height:13px; }
body > div#content > ul > li.resultBubble {padding-bottom:0px;border-bottom-color:#FFF;}
.resultBubble .searchedfor { border:1px solid #6CB836;background-color:#DDffCC;padding:5px 10px;-webkit-border-radius:10px;font-size:12px;float:none; }
.resultBubble .searchTag {border:1px solid #F9AF0B;padding:5px 10px;-webkit-border-radius:10px;background-color:#FFEE99;font-size:12px;float:none;}
.resultBubble .nearmeNotice {border:1px solid #F15035;padding:5px 10px;-webkit-border-radius:10px;background-color:#FFDDCC;font-size:12px;float:none;}
div#moreButton { clear: both; }
li.more { background: #000 url(more_bg.png) repeat-x top left; list-style-type: none; padding: 23px 20px 3px 20px; }
li.more a { background-color: transparent; background-image: none; box-sizing: border-box; text-decoration: none; }
li.more .optButton { margin: 0px auto 0px auto; width: 280px; }
.optButton.left { float: left; }
.optButton.right { float: right; }
li.more .optButton .optButton_left, div.formRow .optButton .optButton_left { background: transparent url(optButton_left.png) no-repeat top left; float: left; height: 50px; width: 15px; }
li .optButton .optButton_middle, div .optButton .optButton_middle {
	background: transparent url(optButton_middle.png) repeat-x top left;
	color: #000;
	float: left;
	font-size: 20px;
	font-weight: bold;
	height: 34px;
	padding-top: 16px;
	text-align: center;
	text-shadow: rgba(255, 255, 255, 0.4) 0px -1px 0;	
}
li.more .optButton .optButton_middle { width: 250px; }
div.formRow .optButton .optButton_middle { width: 105px; }
li.more a[selected="progress"] .optButton .optButton_middle { color: #194fdb; text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0; }
li.more .optButton .optButton_right, div.formRow .optButton .optButton_right { background: transparent url(optButton_right.png) no-repeat top left; float: left; height: 50px; width: 15px; }
li.more .optButton:hover .optButton_left, div.formRow .optButton:hover .optButton_left { background-position: 0 center; }
li.more .optButton:hover .optButton_middle, div.formRow .optButton:hover .optButton_middle { background-position: 0 center; color: #000; text-shadow: #0DA6F4 0 0 2px; }
li.more .optButton:hover .optButton_right, div.formRow .optButton:hover .optButton_right { background-position: 0 center; }
li.more .optButton:active .optButton_left, div.formRow .optButton:active .optButton_left { background-position: 0 bottom; }
li.more .optButton:active .optButton_middle, div.formRow .optButton:active .optButton_middle { background-position: 0 bottom; color: #000; text-shadow: #0DA6F4 0 0 2px; }
li.more .optButton:active .optButton_right, div.formRow .optButton:active .optButton_right { background-position: 0 bottom;	}
li.more .optButton.black .optButton_left, div.formRow .optButton.black .optButton_left { background: transparent url(optButton_black_left.png) no-repeat top left; }
li.more .optButton.black .optButton_middle, div.formRow .optButton.black .optButton_middle { background: transparent url(optButton_black_middle.png) repeat-x top left; color: #FFF; text-shadow: #000 0 0 2px; }
li.more .optButton.black .optButton_right, div.formRow .optButton.black .optButton_right { background: transparent url(optButton_black_right.png) no-repeat top left; }
li.more .optButton.black:hover .optButton_left, div.formRow .optButton.black:hover .optButton_left { background-position: 0 center; }
li.more .optButton.black:hover .optButton_middle, div.formRow .optButton.black:hover .optButton_middle { background-position: 0 center; color: #FFF; text-shadow: #0DA6F4 0 0 2px; }
li.more .optButton.black:hover .optButton_right, div.formRow .optButton.black:hover .optButton_right { background-position: 0 center; }
li.more .optButton.black:active .optButton_left, div.formRow .optButton.black:active .optButton_left { background-position: 0 bottom; }
li.more .optButton.black:active .optButton_middle, div.formRow .optButton.black:active .optButton_middle { background-position: 0 bottom; color: #FFF; text-shadow: #0DA6F4 0 0 2px; }
li.more .optButton.black:active .optButton_right, div.formRow .optButton.black:active .optButton_right { background-position: 0 bottom; }
body > div#content > ul > li.menu {
	background-position: 6px 6px;
	background-repeat: no-repeat;
	border-bottom: 1px rgb(217,217,217) solid;
	font-weight: bold;
	list-style-type: none;
	padding: 0px;
}
body > div#content > ul > li.menu.first { background-position: top left; background-repeat: repeat-x; }
body > div#content > ul > li.menu.grey a { color: #666; }
li.menu a { color: #000; display: block; padding: 14px 10px 10px 44px; text-decoration: none; }
li.menu.first a { font-style: italic; font-weight: normal; }
li.menu a[selected="progress"] { background-image: url(load.gif); background-position: 280px center; background-repeat: no-repeat; }
li.menu.first a { padding: 14px 10px 10px 10px; }
body > div#content > ul > li.menu.login { background-image: url(icons/login.gif); }
.formRow { margin: 0px auto; text-align: left; width: 280px; }
form label {
	color: #666;
	font-size: 12px;
	margin-left: 10px;
	padding-bottom: 3px;
	text-transform: uppercase;
}
form input[type=text], form input[type=password] {
	border: 2px solid rgb(217,217,217);
	font-size: 20px;
	height: 28px;
	margin-bottom: 5px;
	padding-top: 6px;
	text-align: center;
	width: 260px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
form input[type=text]:focus, form input[type=password]:focus { border: 2px solid #194fdb; outline-style: none; }
a.favourite, a.is-favourite { position: relative; }
a.favourite img.fav-done, a.is-favourite img.fav-done { left: 0px; position: absolute; top: 0px; }
body > div.menuBox {
	background-image: url(overlay_bg.png);
	background-position: top left;
	background-repeat: repeat;
	height: 290px;
	position: absolute;
	top:60px;
	left:20px;
	width:280px;
	-webkit-border-radius: 11px;
	-moz-border-radius: 10px;
	z-index:9000;
}
body[orient="portrait"] > div.menuBox { height:290px; width:280px;left:20px;}
body[orient="landscape"] > div.menuBox { height:182px; width:420px;left:30px;}
body > div.menuBox .pointer {
	width:50px;
	height:25px;
	background-image: url(overlay_arrow.png);
	background-position: bottom left;
	background-repeat: repeat;
	position:absolute;
	top:-24px;
	left:173px;
	display:block;
}
body[orient="landscape"] > div.menuBox .pointer { left:323px;}
body > div.menuBox.closed { display: none; }
body > div.menuBox.open { display: block; }
div.menuBox ul {
	font-size: 10px;
	left: 0px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
}
div.menuBox ul li {
	background-color:rgba(0,0,0,0.2);
	background-image: url(icons.png);
	background-repeat: no-repeat;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	color: #FFF;
	cursor: pointer;
	float: left;
	font-weight: bold;
	height: 50px;
	list-style-type: none;
	padding: 5px 0;
	text-align: center;
	width: 60px;
	margin:8px 0px 0px 8px;
}
div.menuBox ul li.friends_timeline { background-position: -60px -120px;}
div.menuBox ul li.replies_timeline { background-position: -180px -60px;}
div.menuBox ul li.user_timeline { background-position: 0px 0px;}
div.menuBox ul li.public_timeline { background-position: -120px -60px;}
div.menuBox ul li.message_inbox { background-position: -180px -120px;}
div.menuBox ul li.message_outbox { background-position: -120px -120px;}
div.menuBox ul li.favourites { background-position: 0px -60px;}
div.menuBox ul li.friends_list { background-position: 0px -120px;}
div.menuBox ul li.followers_list { background-position: -60px -60px;}
div.menuBox ul li.user_profile { background-position: -60px 0px;}
div.menuBox ul li.settings { background-position: 0px -180px;}
div.menuBox ul li.logout { background-position: -180px 0px;}
div.menuBox ul li a {padding-top:32px;text-shadow: #000 0 0 2px;}
div.menuBox ul li.search {
	background-image:none;
	background-color:none;
	height: 30px;
	padding: 0px 0;
	text-align: left;
	width: 196px;
}
div.menuBox ul li.search input { font-size:16px; height:30px; width:196px; }
div.menuBox ul li.searchButton {
	background-color:rgba(0,0,0,0.4);
	background-image:none;
	font-size:12px;
	height: 14px;
	padding: 8px 0;
}
div.menuBox ul li.advSearchButton, div.menuBox ul li.nearmeButton, div.menuBox ul li.about, div.menuBox ul li.help {
	background-color:rgba(0,0,0,0.4);
	background-image:none;
	height: 14px;
	padding: 8px 0;
}
div.menuBox ul li.searchButton a, div.menuBox ul li.about a, div.menuBox ul li.advSearchButton a, div.menuBox ul li.nearmeButton a {padding-top:0px;}
body[orient=landscape] div.menuBox ul li.about, body[orient=landscape] div.menuBox ul li.help {display:none;}
div#menuLoad {
	background-image: url(overlay_bg.png);
	background-position: left center;
	background-repeat: repeat;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	color: #FFF;
	display: none;
	font-size: 16px;
	font-weight: bold;
	height: 60px;
	left: 110px;
	line-height: 30px;
	padding:20px 0px;
	position: absolute;
	text-align: center;
	top: 150px;
	width: 100px;
	z-index: 10000;
}
body[orient="portrait"] > div#menuLoad { left:110px; top:150px;}
body[orient="landscape"] > div#menuLoad { left:190px; top:95px;}
div.menuBox ul li a { color: #FFF; text-decoration: none; display:block; height:18px; }
div.menuBox ul li.searchButton a { height:24px; }
div.menuBox ul li a img { border-width: 0px; }
#update-panel, #message-panel {
	background: transparent url(overlay_bg.png) repeat top left;
	height: 650px;
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 9000;
}
#update-panel a, #message-panel a { text-decoration: none; }
#update-panel.closed, #message-panel.closed { visibility: hidden; }
#update-panel.open, #message-panel.open { visibility: visible; }
#message-panel form label { color: #ECEDEE; }
#sendto {
	border-width: 0px;
	font-size: 18px;
	height: 22px;
	margin-bottom: 3px;
	padding-left: 8px;
	padding-top: 2px;
	text-align: left;
	width: 230px;
}
#sendtolabel { font-size: 18px; font-weight: bold; line-height: 30px; }
#update-panel #update-inner, #message-panel #update-inner { padding: 5px 5px 10px; width: 310px; }
body[orient=landscape] #update-panel #update-inner, body[orient=landscape] #message-panel #update-inner { width:470px; }
#update-inner #update-ajax-message, #update-inner #message-ajax-message {
	color: #ECEDEE;
	font-size: 12px;
	font-weight: bold;
	position: absolute;
	right: 0px;
	text-align: right;
	top: 0px;
}
#update-inner div.formRow { margin-top: 6px; position: relative; width:310px; }
body[orient=landscape] #update-inner div.formRow { width:470px; }
#update-panel #update-inner textarea, #message-panel #update-inner textarea {
	border: 0px;
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 16px;
	margin: 0px 5px;
	padding: 3px 5px 0px;
	width: 290px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
#update-inner textarea:focus { outline-style: none; }
#update-panel #update-inner textarea { height: 90px; }
body[orient=landscape] #update-panel #update-inner textarea { height: 75px; width: 450px; }
#message-panel #update-inner textarea { height: 65px; }
body[orient=landscape] #message-panel #update-inner textarea { height: 50px; width: 450px; }
#update-inner div.count {
	background: transparent;
	border: none;
	color: #ECEDEE;
	font-size: 12px;
	font-weight: bold;
	margin-top: 5px;
	margin-left:10px;
	text-align: left;
	width: 220px;
}
#update-inner div#spinner, #update-inner div#spinner2 {
	background: transparent url(updating.gif) no-repeat center center;
	float:left;
	height: 50px;
	visibility: hidden;
	width: 40px;
}
#tabNav{background-color:#565656;padding:5px 6px 0px;font-size:13px;overflow:hidden;}
#tabNav a {text-decoration:none;display:inline-block;padding:5px 7px 6px;font-weight:bold;margin:0;}
#tabNav .tabL {-webkit-border-top-left-radius:10px;}
#tabNav .tabR {-webkit-border-top-right-radius:10px;}
#tabNav .tabF {-webkit-border-top-right-radius:10px;-webkit-border-top-left-radius:10px;padding:5px 10px 6px;}
#tabNav .tabLA {background:#FFF url(shadow2.png) repeat-x bottom left; color:#222;position:relative;top:1px;}
#tabNav .tabLI {background:#c9c9c9 url(shadow.png) repeat-x top left; color:#444;position:relative;top:1px;}
#tabNav .tabDA {background:#888 url(shadow2.png) repeat-x bottom left; color:#FFF;position:relative;top:1px;}
#tabNav .tabDI {background:#6b6b6b url(shadow.png) repeat-x top left; color:#DDD;position:relative;top:1px;}
#tabNav .tabL.tabLA span {background:transparent url(minilist_active.png) no-repeat right center;padding-right:18px;}
#tabNav .tabL.tabLI span, #tabNav .tabL.tabDI span, #tabNav .tabL.tabDA span {background:transparent url(minilist_inactive.png) no-repeat right center;padding-right:18px;}				
#tabNav .tabR.tabLA span {background:transparent url(minigrid_active.png) no-repeat right center;padding-right:18px;}
#tabNav .tabR.tabLI span, #tabNav .tabR.tabDI span, #tabNav .tabR.tabDA span {background:transparent url(minigrid_inactive.png) no-repeat right center;padding-right:18px;}
#tabNav .tabDel {background:#C00 url(shadow2.png) repeat-x bottom left; color:#FFF;position:relative;top:1px;padding:5px 8px 6px;}
#tabNav .tabNew {background:#28E url(shadow2.png) repeat-x bottom left; color:#FFF;position:relative;top:1px;}
body > div#content > form > ul > li.black { background-color: #000; border-bottom: 1px solid #000; }
li.alert { background-color: #FCC; border-bottom: 1px solid #600 !important; color: #600; font-size: 14px; margin: 0px auto; padding: 10px; text-align: center; }
.hahlo_message { font-size: 14px; color: #FFF; margin: 0px auto; text-align: justify; width: 260px; }
.hahlo_message a { border-bottom: 1px dotted #FFF; color: #FFF; text-decoration: none; }
.hahlo_message p { font-size: 12px; line-height: 16px; margin: 0 0 10px 0; }
.hahlo_message p:last-child { margin: 0; }
body #content > form .panel, body ul li.panel { background: #151515 url(pinstripes.gif); box-sizing: border-box; padding: 10px; }
body ul li.tweet.panel { background-image: url(pinstripes.png); }
body ul li.search.panel { background: #CCC url(pinstripes.png); }
form .panel > fieldset, body ul li.panel div.roundedbox {
	background: #FFFFFF;
	border: 1px solid #D9D9D9;
	font-size: 16px;
	margin: 0 0 20px 0;
	padding: 0;
	position: relative;
	text-align: right;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
body ul li.panel div.roundedbox { text-align:left; clear:both; padding:10px; margin-bottom:10px; }
body[orient=portrait] ul li.panel div.roundedbox { width:280px; }
body[orient=landscape] ul li.panel div.roundedbox { width:440px; }
body ul li.panel div.roundedbox div.name { padding-left:0px; width:276px; }
body[orient=landscape] ul li.panel div.roundedbox div.name { width:436px; }
body ul li.panel div.roundedbox .inlineButton {
	background-color:#EEE;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	display:block;
	margin-bottom:5px;
	padding:3px 10px 5px;
	position: relative;
	text-decoration: none;
	width:180px;
}
body[orient=landscape] ul li.panel div.roundedbox .inlineButton {width:153px;margin-right:5px;float:left;}
body ul li.panel div.roundedbox .inlineButton .count {
	background-color:#666;	
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	color:#FFF;
	display:block;
	font-size:12px;
	padding:3px 6px 2px 6px;
	position:absolute;
	right:4px;
	top:2px;
}
form .panel .row  {
    border-bottom: 1px solid #D9D9D9;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    min-height: 17px;
    padding: 10px;
    position: relative;
    text-align: right;
}
form .search.panel .row  { border-bottom: 0px none #FFF; text-align: left; }
form .panel fieldset > .row.last { border-bottom-width: 0px !important; }
form .panel .row > input {
    background: none;
    border: none;
    box-sizing: border-box;
    font-size: 14px;
    height: 17px;
    left: 14px;
    margin: 0;
    padding: 0px 0px 0 110px;
    position: absolute;
    top: 10px;
}
form .panel .row > input:focus { outline-style: none; }
form .search.panel .row > input {
    border: 1px solid #CCC;
    -moz-border-radius:10px;
		-webkit-border-radius:10px;
    font-size: 14px;
    height: 27px;
    margin: 0;
    padding: 0px;
		position: static;
		text-align: left;
		width: 100%;
}
form .panel .row > select {
	border: 1px solid #CCC;
	font-size: 14px;
	height: 23px;
	right: 6px;
	margin: 0;
	padding: 0px;
	position: absolute;
	top: 6px;	
}
form .search.panel .row > select {
	border: 1px solid #CCC;
  -moz-border-radius:10px;
	-webkit-border-radius:10px;
  font-size: 14px;
  height: 27px;
  margin: 0;
  padding: 0px;
	position: static;
	text-align: left;
	width: 100%;
}
form .panel .row > label {
		font-size: 14px;
    font-weight: bold;
    left: 14px;
    line-height: 20px;
    margin: 0;
    position: absolute;
    top: 10px;
}
form .search.panel .row > label {
		font-size: 12px;
    font-weight: bold;
		line-height: 8px;
    margin: 0;
    position: static;
		display:block;
}
form .panel .row > .toggle {
    height: 23px;
    position: absolute;
    right: 6px;
    top: 6px;
    width: 80px;
}
form .panel .toggle {
    background: #FFFFFF url(toggle.png) repeat-x;
    border: 1px solid #AAA;
    -webkit-border-radius: 6px;
    font-size: 17px;
    font-weight: bold;
    line-height: 25px;
}
form .panel .toggle[toggled="true"] { background: #194fdb url(toggleOn.png) repeat-x; border: 1px solid #143fae; }
form .panel .toggleOn {
    color: #FFFFFF;
    display: none;
    left: 0;
    position: absolute;
    text-align: center;
    text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0;
    top: 0;
    width: 50px;
}
form .panel .toggleOff {
    color: #666666;
    position: absolute;
    right: 0;
    text-align: center;
    text-shadow: rgba(100, 100, 100, 0.4) 0px -1px 0;
    top: 0;
    width: 50px;
}
form .panel .toggle[toggled="true"] > .toggleOn { display: block; }
form .panel .toggle[toggled="true"] > .toggleOff { display: none; }
form .panel .thumb {
    background: #ffffff url(thumb.png) repeat-x;
    border: 1px solid #AAA;
    height: 23px;
    left: -1px;
    position: absolute;
    top: -1px;
    width: 30px;
    -webkit-border-radius: 6px;
}
form .panel .toggle[toggled="true"] > .thumb { left: auto; right: -1px; }
form .panel .row small {
	display:block;
	font-size:11px;
	line-height:13px;
	margin-top:30px;
	text-align:left;
}
form .panel > h2, body ul li.panel h2 {
    color: #DDD;
    font-size: inherit;
    font-weight: bold;
    margin: 0 0 8px 14px;
    text-shadow: rgba(0, 0, 0, 0.75) 2px 2px 1px;
}
form .search.panel > h3, body ul li.search.panel h3 {
    color: #333;
    font-size: inherit;
    font-weight: bold;
    margin: 0 0 8px 14px;
    text-shadow: rgba(255, 255, 255, 0.75) 2px 2px 1px;
}
body ul li.panel .roundedbox h2 {
	color: #DDD;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 3px 83px;
	text-shadow: none;
}
body ul li.panel .roundedbox .profileInfo { margin-left: 83px; float:none; font-size:13px; position:relative; }
body ul li.panel .roundedbox .profileFollow { text-align:left; float:none; }
body ul li.panel .roundedbox .following-indicator {
	color:#093;
	float:none;
	font-size:12px;
	font-weight:bold;
	left:10px;
	position:absolute;
	text-align:center;
	top:93px;
	width:73px;
}
body ul li.panel .roundedbox .profileFollow .following, body ul li.panel .roundedbox .profileFollow .not-following {
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	font-size:12px;
	font-weight:bold;
	padding:5px;
	text-align:center;
	text-decoration:none;	
}
body ul li.panel .roundedbox .profileFollow .following { background-color:#fff6ee; border:1px solid #dca; display:inline-block; width:63px; }
body ul li.panel .roundedbox .profileFollow .not-following { background-color:#f6ffee; border:1px solid #cda; display:block; margin-left:83px; }
body ul li.panel .roundedbox .profileFollow .settings, body ul li.panel .roundedbox .profileFollow .notifications-on, body ul li.panel .roundedbox .profileFollow .notifications-off {
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	padding:5px 7px 5px 30px;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;	
}
body ul li.panel .roundedbox .profileFollow .settings { border:1px solid #f90; background:#fec url(smallicons.png) no-repeat 8px -2px; display:block; margin-left:83px; text-align:left; }
body ul li.panel .roundedbox .profileFollow .notifications-on { border:1px solid #cda; background:#f6ffee url(smallicons.png) no-repeat 8px -60px; display:inline-block; width:157px; margin-left:4px; }
body ul li.panel .roundedbox .profileFollow .notifications-off { border:1px solid #dca; background:#fff6ee url(smallicons.png) no-repeat 8px -31px; display:inline-block; width:157px; margin-left:4px; }
body ul li.panel .roundedbox .profileFollow .notifications-on[selected="progress"], body ul li.panel .roundedbox .profileFollow .notifications-off[selected="progress"] { background-position:8px -89px; }
body > div#content > ul > li#addForm { position:relative; background-color:#c6c6c6; border-bottom:0px none #c6c6c6;padding:10px;height:25px;}
li#addForm div.form_field {
	background-image:none;
	height: 30px;
	left:10px;
	padding: 0px 0;
	position:absolute;
	text-align: left;
	width: 196px;
}
li#addForm div.form_field input[type="text"] {
	border:1px solid #666;
	-webkit-border-radius:10px;
	font-size:16px;
	height:19px;
	width:176px;
	text-align:left;
}
li#addForm #search_box div.form_field input[type="text"] { width:200px; }
li#addForm div.formButton {
	background-color:#999;
	border:1px solid #666;
	-webkit-border-radius:10px;
	font-size:14px;
	font-weight:bold;
	height: 14px;
	padding: 7px 10px;
	position:absolute;
	right:10px;
}
li#addForm div.formButton a { color:#FFF; text-decoration:none; }
li#addForm div#add_form_result {
	color:#090;
	float:none;
	font-size:11px;
	left:170px;
	position:absolute;
	top:20px;
}
a.delButton {
	background-image:url(delButton.png);
	background-position:top right;
	background-repeat: no-repeat;
	color:#F00;
	display:block;
	height:29px;
	position:absolute;
	right:7px;
	top:8px;
	width:29px;
	z-index:1000;
}
li.tweet .name a.delButton {right:-3px;top:-2px;}
.linky {display:block;border:1px solid #CCC;background-color:#EEE;-webkit-border-radius:10px;-moz-border-radius:10px;margin-bottom:7px;padding:5px 10px;float:none;}
div.titleBar:after, ul:after, li.tweet:after, li.more:after, li#addForm:after, li.select:after, div#update-inner:after, div#update-inner div.formRow:after, div.profileInfo:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }