body {
	font:80% Helvetica, Arial, sans-serif;
	width:1050px;
	min-height:900px;
	margin:0;
	padding:30px;
	color:#000;
	margin:10px 0 10px 10px;
	background:url(http://img.playtagnic.com/img/stripe_pattern.png) repeat top;
}

.body_small_950 {
	width:950px;
}

.body_small_850 {
	width:850px;
}

#container {
	width:auto;
	height:auto;
	margin:0 0 0 0;
	padding: 0 0 0 0;
}

#logo {
	width:222px;
	height:61px;
	float:left;
	margin:0 0 10px 10px;
}

#logo img {
	border: none;
}

#nav {
	width:300px;
	height:75px;
	float:left;
	margin:0 0 10px 503px;
	text-align:center;
}

#nav.onecolumn {
	width:300px;
	height:75px;
	float:left;
	margin:0 0 10px 195px;
	text-align:center;
}
#nav_splash {
	background: url('http://img.playtagnic.com/img/nav_splash_background.png') no-repeat;
	width:262px;
	height:34px;
	float:left;
	margin:25px 0 10px 343px;
	text-align:center;
}

#nav_splash p {
	/* 	padding:5px 0 0 5px; */
	margin: 4px 0 0 0;
	padding: 5px 0 0 2px;
	font-size: 12px;
}

#nav_splash p a {
	color: #00A8E6;
	text-decoration: none;
}

#nav p {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-size: 12px;
}

/*** welcome page and logged-out index page ***/

#container_white_box {	
	width:830px;
	height:471px;
	float:left;
	margin:10px 0 10px 10px;
	padding:0;
	background:url(http://img.playtagnic.com/img/comingsoon_white_box.png) no-repeat top;
}

#container_white_box p {
	padding:0;
	margin:0;
	text-align:center;
}

#badge_squares {
	width:805px;
	height:51px;
	float:left;
	margin:10px 0 10px 25px;
	padding:0;
}

#signup_container {
	width: auto;
	height:auto;
	float:left;
	margin:10px 0 10px 10px;
	padding:0 0 0 50px;
}

.welcome_container {
	padding: 10px;
	background-color: #fff;
	border: 1px solid #555;
	float: left;
	width: 630px;
}

.welcome_badge_container {
	padding: 10px;
	background-color: transparent;
	border: none;
	float: left;
	width: 630px;
}

.welcome_container li,
welcome_badge_container li {
	margin: 0 0 10px 15px;
 	padding: 5px 5px 5px 5px;
	border:1px solid gray;
	background: url('http://img.playtagnic.com/img/gradient_settings.png') repeat-x;
	background-color: #fff;
	display:block;
	width:170px;
	height:130px;
	text-align:left;
	line-height: 130%;
	font-size: 12px;
}

.welcome_container p,
welcome_badge_container p {
	font-size: 14px;
	line-height: 150%;
	margin: 5px 0 0 0;
	float: left;
}

.welcome_container .badgetext,
welcome_badge_container .badgetext {
	margin: 3px 0 0 0;
	float: left;
}

.welcome_container h3,
welcome_badge_container h3 {
	border:none;
	width:155px;
	margin:10px 0 10px 0;
	padding: 0 0 0 0;
	font-size:18px;
	color: #00A8E6;
}
.welcome_container img,
welcome_badge_container img {
	display:inline;
	float:left;
 	padding: 0px 10px 0px 0px;	
	border: none;

}

.welcome_container ul,
welcome_badge_container ul {
	margin: 5px 0 5px 10px;
}

.welcome_container li a,
welcome_badge_container li a {
	color:#FFBE00;
}

#welcome_status {
	height:50px;width:548px;border:2px solid gray;margin: 0 0 12px 25px;padding: 0 0 0 25px;background-color:#E8E6ED;background: url('http://img.playtagnic.com/img/gradient_settings.png') repeat-x;
}


/*** help container ***/
#help_container {
	width: 620px;
	margin: 0 0 0 10px;
}


/*** footer ***/
#footer {
	width: 100%;
	height:20px;
	float:left;
	text-align: center;
	margin:20px 0 10px 0;
	padding: 0;
}

#footer.onecolumn {
	width: 100%;
	padding: 10px 0 0 100px;
	float:left;
	text-align: left;
	margin: 0;
}

#footer p {
	font-size: 10px;
	color: #555;
}

	
/*** notification boxes ***/
#already {
	float:left;
	padding:0;
	margin:50px 0 0 360px;
	height:30px;
	width:260px;
	color:#777;
}

#already a {
	color:#555;
	text-decoration:none;
}

#info_box {
	width:805px;
	height:100px;
	float:left;
	margin:45px 0 10px 10px;
	padding:0;
	background-color:#FFF;
}

#info_box h1 {
	font-size:18px;
	padding:0 0 0 5px;
}

#info_box p {
	padding:0 0 0 5px;
	margin:0;
}


/*** HOT STUFF / ATTENTION BOX ***/

#hotstuff {
	width:980px;
	height:80px;
	float:left;
	border:1px solid #008A4E;
	margin:10px 0 10px 27px;
	background: url('http://img.playtagnic.com/img/banner_983.png') no-repeat;
	background-color: white;
}

#hotstuff h1 {
	font-size:18px;
	padding:0 0 0 5px;
	margin: 0;
}

#hotstuff p {
	padding:0 0 0 5px;
	margin:0;
}


#hotstuff #text {
	width: 550px;
	height: 75px;
	float: left;
}

#sign_up {
	float: left;
	margin:10px 0 10px 528px;
	width: auto;
	height: auto;
}

#sign_up.onecolumn {
	float: left;
	margin:10px 0 10px 218px;
	width: auto;
	height: auto;
}

#sign_up img {
	float:left;
	margin: 0 0 0 0;
	border:none;
}

#hotstuff #sign_up p,
#hotstuff #sign_up p a {
	float:left;
	font-size: 7pt;
	color: #F99F1B;
	border: none;
	text-decoration: none;
}

#big_buttons {
	float:left;
	width:500px;
	height:60px;
	margin:0 0 0 120px;
	padding:10px 10px 10px 10px;
	border:none;
}

#big_buttons img {
	padding: 0;
	border: none;
	margin: 0 0 0 50px;
}

#big_buttons_welcome {
	float:left;
	width:500px;
	height:60px;
	margin:0 0 0 75px;
	padding:10px 10px 10px 10px;
	border:none;
}

#big_buttons_welcome img {
	padding: 0;
	border: none;
	margin: 0 0 0 50px;
}


/* WOAH THERE */

#woah_there {
	width:650px;
	height:90px;
	float:left;
	border:1px dashed gray;
	background-color: #fff;
	margin:10px 0 10px 10px;
	padding:0;
	text-align: center;
}

#woah_there h1 {
	font-size:18px;
	padding:0 0 0 5px;
}

#woah_there p {
	padding:0 0 0 5px;
	margin:0;
}

#update_container {
	width:630px;
	height:140px;
	float:left;
	border: 1px solid #555;
	background-color: #fff;
	margin:10px 0 10px 0;
	padding:10px 10px 0 10px;
}

#update_container h2 {
	font-size:18px;
	padding:0;
	margin: 0;
	float:left;
	display:inline;
	width:300px;
	border: none;
}

#update_container p {
	padding:0;
	margin:0;
}

#update_box {
	width:625px;
	background-color: #fff;
	margin:10px 0 10px 0;
	padding:0;
	font-size:16px;
	color:gray;
	margin:0;
}

#update_box p {
	padding:0;
	margin:0;
}

#tweeted {
	width:615px;
	min-height:70px;
	float:left;
	border:2px solid gray;
	background-color: #DCE4F2;
	margin:10px 0 10px 10px;
	padding:5px;
	text-align: left;
	
}

#tweeted h2 {
	font-size:18px;
	padding:0;
	margin: 0;
	border: none;
}
#tweeted h1 {
	font-size:18px;
	padding:0;
	margin: 0;
}

#tweeted p {
	padding:0;
	margin:0;
}

#tweet_text_area {
	font-size:16px;
	color:gray;
	width:625px;
	height:50px;
	display:block;
	white-space:pre-wrap;
	text-align:left;
	float:left;
	resize: none;
}
#update_actions {
	float:left;
	width:420px;
	height: 50px;
	margin: 0;
}

#update_button {
	float:left;
	width:100px;
	height:50px;
	margin: 0 0 0 20px;
}


#tagnic_is_here {
	width:805px;
	height:300px;
	float:left;
	margin:20px 0 20px 10px;
	padding:0;
	text-align:center;
}

#signup {
	width:805px;
	height:300px;
	float:left;
	margin:10px 0 10px 10px;
	padding:0;
	text-align:center;
}

#signup h1 {
	font-size:18px;
	padding:0 0 0 5px;
}

#signup p {
	padding:0 0 0 5px;
	margin:0;
}


/* profile details */
#user_icon {
	width:50px;
	height:50px;
	float:left;
	border: none;
	margin:10px 10px 0 0;
	padding:0;
}

#user_icon img {
	padding:0 0 0 0;
	margin: 0 0 0 0;
	border: none;
	max-width:50px;
	max-height:50px;
	}


#profile {
	background-color:#FFF;
	width:645px;
	min-height:700px;
	float:left;
	border:1px solid #555;
	margin: 10px 0 10px;
	padding:0 0 0 5px;
}

#user h3 {
	font-size:18px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #F99F1B;
	margin: 12px 0 0 0;
	}

#user h3 a {
	font-size:18px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #F99F1B;
	border: none;
	text-decoration: none;
	}

#rightbox #user #user_icon {
	width:50px;
	height:50px;
	float:left;
	border: none;
 	margin:0 10px 0 0; 
}

#rightbox #user #user_icon img {
	padding:0;
	margin: 0;
	border: none;
	max-width:50px;
	max-height:50px;
}

#rightbox #user #user h1 {
	font-size:18px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #F99F1B;
	}

#rightbox #user #profile {
	background-color:#FFF;
	width:650px;
	min-height:700px;
	float:left;
	border:1px solid #008A4E;
	margin:10px 0 10px 10px;
	padding:0 0 0 5px;
}
	

/*** rounded corner elements  ***/

#leftbox .top,
#left_container .top {
	background: url(http://img.playtagnic.com/img/bg-top_699.png);
	background-repeat: no-repeat;
	height: 25px;
	margin: 0 0 0 0;
	float: left;
	width:695px;
}

#leftbox .bottom,
#left_container .bottom {
	background: url(http://img.playtagnic.com/img/bg-bottom_699.png);
	background-repeat: no-repeat;
	height: 25px;
	float: left;
	width:695px;
	margin: 0 0 0 0;
}
#leftbox .content,
#left_container .content {
	background: url(http://img.playtagnic.com/img/bg-center_699.png);
	background-repeat: repeat-y;
	padding: 0 0 0 20px;
	float: left;
	width: 675px
}

/*** rounded corner elements for rightbox ***/

#rightbox .top,
#frenemies .top {
	background: url(http://img.playtagnic.com/img/bg-top_rightbox.png);
	background-repeat: no-repeat;
	height: 25px;
	margin: 0 0 0 0;
	float: left;
	width: 290px;
}

#rightbox .bottom,
#frenemies .bottom {
	background: url(http://img.playtagnic.com/img/bg-bottom_rightbox.png);
	background-repeat: no-repeat;
	height: 25px;
	float: left;
	width: 290px;
	margin: 0 0 0 0;
}
#rightbox .content,
#frenemies .content {
	background: url(http://img.playtagnic.com/img/bg-center_rightbox.png);
	background-repeat: repeat-y;
	padding: 0 0 0 10px;
	margin: 0 0 0 0;
	float: left;
	width: 290px
}

/*** rounded corner elements for nav ***/

#nav .top {
	background: url(http://img.playtagnic.com/img/bg-top_rightbox.png);
	background-repeat: no-repeat;
	height: 25px;
	margin: 0 0 0 0;
	float: left;
	width: 290px;
}

#nav .bottom {
	background: url(http://img.playtagnic.com/img/bg-bottom_rightbox.png);
	background-repeat: no-repeat;
	height: 25px;
	float: left;
	width: 290px;
	margin: 0 0 0 0;
}

#nav .content {
	background: url(http://img.playtagnic.com/img/bg-center_rightbox.png);
	background-repeat: repeat-y;
	padding: 0 0 0 0;
	float: left;
	width: 290px
}



/*** left container box ***/

#leftbox {
	width:690px;
	min-height:700px;
	float:left;
	border:none;
	padding:0 0 0 5px;
	margin:10px 0 10px 10px;
}

#leftbox h1 {
	font-size:2em;
	color:#00A8E6;
	padding: 0;
	margin: 20px 0 0 10px;
	display: inline;
	float: left;
}

#leftbox p.viewall {
	font-size:0.8em;
	color:#555;
	padding: 0;
	margin: 34px 0 0 10px;
	display: inline;
	float: left;
}


/*** new necessary left container ***/
#left_container {

	width:690px;
	min-height:700px;
	float:left;
	border:none;
	padding:0 0 0 5px;
	margin:10px 0 10px 10px;
}



/*** user banner on top of profile pages ***/
#user_banner {
	background-color:#FFF;
	width:645px;
	min-height:100px;
	float:left;
	border:1px solid #555;
	margin: 0 0 0 0;
	padding:0 0 0 5px;

}

#user_banner h1 {
	margin: 15px 0 0 0;
	float: left;
	display: inline;
}

#user_banner h2 {
	margin: 25px 0 0 4px;
	float: left;
	display: inline;
	width: auto;
	border: none;
	color: #555;
	font-size: 14px;
}

#user_banner h2 a {
	border: none;
	text-decoration: none;
	color: #00A8E6;
}

#user_banner #user_icon {
	max-width:50px;
	max-height:50px;
	float:left;
	border: none;
	margin:10px 10px 0 0;
	padding:0;
	overflow: hidden;
}

#user_banner #user_icon img {
	padding:0;
	margin: 0;
	border: none;
	float: left;
	max-height: 50px;
	max-width: 50px;
}

#user_banner #user_icon img a {
	padding:0;
	margin: 0;
	border: none;
	float: left;
}

#user_banner #user_on_twitter {
	margin: -15px 0 0 60px;
	width: 300px;
	height: 25px;
	float: left;
}

#user_banner #user_on_twitter img {
	height: 15px;
	margin: 0 0 0 5px;	
}

#user_banner #user_on_twitter img {
	border: none;
}

#user_banner #user_on_twitter .tiny {
	font-size:10px;
	float:left;
	margin: 3px 0 0 0;
	padding:0;
	display: inline;
}


/*** ajax team-picker box  ***/
#teampicker {
	float: left;
	height: auto;
}

#teampicker .top {
	background: url(http://img.playtagnic.com/img/bg-top_699.png);
	background-repeat: no-repeat;
	height: 24px;
}

#teampicker .content {
	background: url(http://img.playtagnic.com/img/bg-center_699.png);
	background-repeat: repeat-y;
	padding: 0 0 0 30px;
}

#teampicker .bottom {
	background: url(http://img.playtagnic.com/img/bg-bottom_699.png);
	background-repeat: no-repeat;
	height: 24px;
}

#teampicker .hidden {
	display: none;
}

#teampicker .box {
	background-color: #FFF;
	width: 630px;
	margin: 0;
	padding: 5px 10px 10px 10px;
	border: 1px solid #555;
}

#teampicker .noborder{
	border: none;
}

#teampicker .box + .box {
	border-top: 0;
}

#teampicker p {
	line-height: 20px;
	padding: 0 0 0 0;
	margin: 12px 0 5px 0;
}

#teampicker p a {
	color:#00A8E6;
}

#teampicker h2 {
	width: auto;
	border: none;
}

#teampicker ul {
	margin: 5px 0 0 0;
	height: auto;
	width: auto;
	border: none;
}

#teampicker .gray {
	color: #999;
}

#teampicker .big {
	font-weight: bold;
	font-size: 18px;
	color: #222;
}

#teampicker hr {
	height: 1px;
	border: 0;
	color: #DDD;
	background-color: #DDD;
}

#teampicker .left {
	float: left;
}

#teampicker .right {
	float: right;
}

#teampicker .clear {
	clear: both;
}

#teampicker .capsule {
	height: 23px;
	font-size: 13px;
	font-weight: bold;
	color: #111;
	margin: 5px;
	padding: 0;
	float: left;
	cursor: default;
}

#teampicker .capsule div {
	float: left;
	border: 0;
	margin: 0;
	padding: 0;
	height: 23px;
}

#teampicker .button {
	height: 26px;
	font-weight: bold;
	color: #000;
	margin: 5px;
	padding: 0;
	float: left;
	cursor: default;
}

#teampicker .button div {
	float: left;
	border: 0;
	margin: 0;
	padding: 0;
	height: 26px;
}
	
#teampicker .button .left-cap {
	background-image: url(http://img.playtagnic.com/img/bttn-bl-dl.gif);
	width: 5px;
}
#teampicker .button .middle {
	background-image: url(http://img.playtagnic.com/img/bttn-bl-dm.gif);
	background-repeat: repeat-x;
	padding: 4px 4px 0 4px;
}
#teampicker .button .right-cap {
	background-image: url(http://img.playtagnic.com/img/bttn-bl-dr.gif);
	width: 5px;
}

#teampicker .hover .left-cap {background-image: url(http://img.playtagnic.com/img/bttn-bl-hl.gif);}
#teampicker .hover .middle {background-image: url(http://img.playtagnic.com/img/bttn-bl-hm.gif);}
#teampicker .hover .right-cap {background-image: url(http://img.playtagnic.com/img/bttn-bl-hr.gif);}

#teampicker .selected .left-cap {background-image: url(http://img.playtagnic.com/img/bttn-yl-dl.gif);}
#teampicker .selected .middle {background-image: url(http://img.playtagnic.com/img/bttn-yl-dm.gif);}
#teampicker .selected .right-cap {background-image: url(http://img.playtagnic.com/img/bttn-yl-dr.gif);}

#teampicker .green .left-cap {background-image: url(http://img.playtagnic.com/img/bttn-gr-dl.gif);}
#teampicker .green .middle {background-image: url(http://img.playtagnic.com/img/bttn-gr-dm.gif);}
#teampicker .green .right-cap {background-image: url(http://img.playtagnic.com/img/bttn-gr-dr.gif);}

#teampicker .hover.green .left-cap {background-image: url(http://img.playtagnic.com/img/bttn-gr-hl.gif);}
#teampicker .hover.green .middle {background-image: url(http://img.playtagnic.com/img/bttn-gr-hm.gif);}
#teampicker .hover.green .right-cap {background-image: url(http://img.playtagnic.com/img/bttn-gr-hr.gif);}

#teampicker .button.disabled.green .left-cap,
#teampicker .button.disabled .left-cap {
	background-image: url(http://img.playtagnic.com/img/bttn-bl-hl.gif);
}
#teampicker .button.disabled.green .middle,
#teampicker .button.disabled .middle {
	background-image: url(http://img.playtagnic.com/img/bttn-bl-hm.gif);
	color: #62628B;
}
#teampicker .button.disabled.green .right-cap,
#teampicker .button.disabled .right-cap {
	background-image: url(http://img.playtagnic.com/img/bttn-bl-hr.gif);
}

#teampicker .capsule .left-cap {
	background-image: url(http://img.playtagnic.com/img/caps-bl-hl.gif);
	width: 10px;
}
#teampicker .capsule .middle {
	background-image: url(http://img.playtagnic.com/img/caps-bl-hm.gif);
	background-repeat: repeat-x;
	padding: 2px 2px 0 2px;
}
#teampicker .capsule .right-cap {
	background-image: url(http://img.playtagnic.com/img/caps-bl-hr.gif);
	width: 10px;
}

#teampicker .capsule.hover .left-cap {background-image: url(http://img.playtagnic.com/img/caps-bl-dl.gif);}
#teampicker .capsule.hover .middle {background-image: url(http://img.playtagnic.com/img/caps-bl-dm.gif);}
#teampicker .capsule.hover .right-cap {background-image: url(http://img.playtagnic.com/img/caps-bl-dr.gif);}

#teampicker .capsule.selected .left-cap {background-image: url(http://img.playtagnic.com/img/caps-yl-dl.gif);}
#teampicker .capsule.selected .middle {background-image: url(http://img.playtagnic.com/img/caps-yl-dm.gif);}
#teampicker .capsule.selected .right-cap {background-image: url(http://img.playtagnic.com/img/caps-yl-dr.gif);}

#teampicker .capsule.disabled .left-cap {background-image: url(http://img.playtagnic.com/img/caps-bl-hl.gif);}
#teampicker .capsule.disabled .middle {
	background-image: url(http://img.playtagnic.com/img/caps-bl-hm.gif);
	color: #62628B;
}
#teampicker .capsule.disabled .right-cap {background-image: url(http://img.playtagnic.com/img/caps-bl-hr.gif);}


#teampicker .suggestionsBox {
	position: relative;
	left: 30px;
	margin: 10px 0px 0px 0px;
	width: 200px;
	background-color: #212427;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border: 2px solid #000;	
	color: #fff;
}

#teampicker .suggestionList {
	margin: 0px;
	padding: 0px;
}

#teampicker .suggestionList li {
	height: 15px;
	margin: 0px 0px 3px 0px;
	padding: 3px;
	cursor: pointer;
}

#teampicker .suggestionList li:hover {
	background-color: #659CD8;
}

textarea {
	color: #333;
	font-size: 13px;
}




/*** badge info ***/

#badge_info {
	width:640px;
	min-height:30px;
/* 	float:left; */
	border: none;
	margin:10px 0 0 0;
	padding:10px 0 0 10px;
	color: #00A8E6;
}

#badge_info img {
	width: 150px;
	height: 150px;
	float: left;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
}

#badge_info #badge_info_text {
	width: 470px;
	min-height:30px;
	float: left;
	margin: 0 0 0 10px;
/* 	padding: 0 0 0 0; */
	padding: 0 0 10px 0;
}

#badge_info #badge_info_text h1 {
/* 	width: 400px; */
	width: 430px;
	margin: 0;
	padding: 0;
	float: left;
	color:#00A8E6;

}

#badge_info #badge_info_text h2 {
/* 	width: 400px; */
/* 	width: 430px; */
	width: 450px;
	margin: 0;
	padding: 0;
	float: left;
	border: none;
	color: #00A8E6;
}

#badge_info #badge_info_text #badge_earned {
/* 	width: 400px; */
	width: 450px;
/* 	margin: 10px 0 10px 0; */
	margin: 10px 0 0 0;
	padding: 0;
	float: left;
}

#badge_info #badge_info_text #badge_earned p {
/* 	width: 370px; */
	width: 420px;
	min-height: 20px;
	margin: 0;
	padding: 10px;
	float: left;
}

#badge_info #badge_info_text #badge_earned p a {
	color: #00A8E6;

}

#badge_info #badge_info_text #badge_earned #earned_text {
	height: auto;
/* 	width: auto; */
	width: 460px;
	float: left;
	border: 1px solid gray;
}


.friend {
	width:630px;
	height:99px;
	float:left;
	border-top:1px solid #999;
	margin:10px 10px 0 0;
	padding:10px 0 0 10px;
}

.enemy {
	width:630px;
	height:89px;
	float:left;
	border-top:1px solid #999;
	margin:10px 10px 0 0;
	padding:10px 0 0 10px;
}

.gray_border {
	border: 1px solid #555;
	background-color: #fff;
	float: left;
	height: auto;
	width: 650px;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
}

/* controlling the image properties for the graphic public/myfriends switch */
.timeline_switch {
	float:right;
	margin:20px 42px 0 0;
	border: none;
}

.timeline_tweet {
	width:630px;
	height:60px;
	float:left;
	border-top:1px solid #999;
	margin:10px 10px 0 0;
	padding:10px 0 0 10px;
}

.timeline_tweet p {
	float: left;
	margin: 0 0 0 10px;
	padding: 0;
	color: #555;
	width: 490px;
}

.friend .details,
.enemy .details,
.timeline_tweet .details,
.team_ranking .details
 {
	width:630px;
	height:50px;
	float:left;
	padding:0;
	clear:both;
}

.details img {
	height:40px;
	width:40px;
	border: none;
	padding:0;
	margin:0;
	float: left;
}

.details img a {
	height:40px;
	width:40px;
	border: none;
	padding:0;
	margin:0;
	float: left;
text-decoration: none;
}

.friend .friend_name,
.enemy .friend_name {
	height:15px;
	width:560px;
	float:left;
	padding:0;
	margin:0 0 0 10px;
	font-size: 12px;
	font-weight: bold;
	color: #555;
}



.timeline_tweet .friend_name {
	height:15px;
	width:260px;
	float:left;
	padding:0;
	margin:0 0 0 10px;
	font-size: 12px;
	font-weight: bold;
	color: #555;
}

.team_ranking .team_name {
	float:left;
	padding:0;
	margin:13px 0 0 10px;
	font-weight: bold;
	color: #555;

	font-size:22px;
	width:375px;
	overflow:hidden;
	height:30px;
}

.team_ranking {
	width:630px;
	height:50px;
	float:left;
	border-top:1px solid #999;
	margin:10px 10px 0 0;
	padding:10px 0 0 10px;
}

.team_ranking p {
	float: left;
	margin: 0 0 0 10px;
	padding: 0;
	color: #555;
	width:120px;
	font-family:georgia;
	font-weight:bold;
	vertical-align: middle;
}

.team_ranking h3 {
	display:inline;
	width:50px;
	float:left;
	margin: 0 8px 0 0;
	color:#000;
	font-size:38px;
	font-weight:bold;
	font-family:georgia;
	text-align:center;
	vertical-align: middle;
}

/*
.team_ranking_number {
	display:inline;
	width:50px;
	float:left;
	margin: 0 8px 0 0;
	color:#000;
	font-size:38px;
	font-weight:bold;
	font-family:georgia;
	text-align:center;
	vertical-align: middle;
}
*/

.team_ranking h3 {
	display:inline;
	width:50px;
	float:left;
	margin: 0 8px 0 0;
	color:#000;
	font-size:38px;
	font-weight:bold;
	font-family:georgia;
	text-align:center;
	vertical-align: middle;
}

.team_ranking img {
	margin: 5px 0 0 0;
}


.details .friend_name {
	height:15px;
	float:left;
	padding:0;
	margin:0 0 0 10px;
}

.friend .callouts {
	width:630px;
	height:30px;
	float:left;
	padding:0;
	margin:5px 0 0;
}

.enemy .callouts {
	width:630px;
	height:15px;
	float:left;
	padding:0;
	margin:5px 0 0;
}

.details ul {
	margin:0;
	padding:0;
	list-style:none;
	float: right;
}


.details li {
	height:30px;	
	width:auto;
	padding:0px 2px 0 2px;
	margin:0 0 0 5px;
	border: 1px dashed;
}

.details .badge_list {
	margin:0;
	padding:0;
	list-style:none;
	float: right;
}


/* badge list on index (friends and enemies)*/
.details li.badge {
	height:30px;	
	width:30px;	
	padding:0;
	margin:0 0 0 5px;
	border: none;
	float: left;
}

.details li.badge p {
	margin:0;
	padding:0;
	display: inline;
}

.details li.badge img {
	height:25px;
	width:25px;padding:0;
	margin:0 2px 0 3px;
	border:none;
}

/* badge list on profile page */
#badges li.badge {
	height:40px;	
	width:40px;	
	padding:0;
	margin:5px 0 0 0;
	border: none;
	float: left;
}

#badges li.badge p {
	float:left;
	margin:3px 0 2px 3px;
	padding:0;
	display: inline; 
	font-size: 16px;
}

#badges li.badge img {
	height:35px;
	width:35px;
	padding:0;
	margin:0 2px 0 3px;
	border:none;
}


/* badge list on index (user's own)*/
#rightbox #badges li.badge {
	height:40px;	
	width:40px;	
	padding:0;
	margin:5px 5px 0 0;
	border: none;
	float: left;
}

#rightbox #badges li.badge p {
	margin:0;
	padding:0;
	display: inline;
}

#rightbox #badges li.badge img{
	height:40px;
	width:40px;
	padding:0;
	margin:0;
	border:none;
}

/* badge list on index (user's own, above the score box) */
#leftbox li.badge {
	height:35px;	
	width:35px;	
	padding:0;
	margin:0 5px 0 0;
	border: none;
	float: left;
}

#leftbox li.badge p {
	float:left;
	margin:3px 0 2px 3px;
	padding:0;
	display: inline;
	font-size: 16px;
}

#leftbox li.badge img {
	height:30px;
	width:30px;
	padding:0;
	margin:0;
	border:none;
}



/* badge list on showfriends/enemies */
#leftbox .details ul,
#container_white_box .details ul {
	margin: 0 0 0 10px;
	height: 30px;
	float: right;
}

#leftbox .details li.badge,
#container_white_box .details li.badge {
	height:30px;	
	width:30px;	
	padding:0;
	margin:0 0 0 0;
	border: none;
	float: left;
}

#leftbox .details li.badge p,
#container_white_box .details li.badge p {
float:left;margin:3px 0 2px 3px;padding:0;display: inline; font-size: 16px;
}

#leftbox .details li.badge img,
#container_white_box .details li.badge img {
height:25px;width:25px;padding:0;margin:0;border:none; float: left;
}

#leftbox .details li.badge img a,
#container_white_box .details li.badge img a {
height:25px;width:25px;padding:0;margin:0;border:none; float: left;
}



#leftbox .timeline_tweet li.badge {
	height:30px;	
	width:30px;	
	padding:0;
	margin:0 0 0 0;
	border: none;
	float: right;
}

#leftbox .timeline_tweet li.badge p {
float:left;margin:3px 0 2px 3px;padding:0;display: inline; font-size: 16px;
}

#leftbox .timeline_tweet li.badge p a {
float:left;margin:3px 0 2px 3px;padding:0;display: inline; font-size: 16px; color:#00A8E6;
}

#leftbox .timeline_tweet li.badge img {
height:25px;width:25px;padding:0;margin:0;border:none;
}

/* token list on index (friends and enemies)*/
.details li.token {
float:left;height:30px;width:auto;padding:0;margin:0 0 0 5px;border:none;
}

.details li.token p {
float:left;margin:2px 0 0 0;padding:0;display: inline;
}

.details li.token img {
float:left;height:20px;width:20px;padding:0;margin:0 2px 0 3px;border:none;
}

/* token list on index (user's own) */
#rightbox #tokens li.token {
float:left;height:25px;width: 180px;padding:0;margin:0 0 0 5px;border:none; 
}

#rightbox #tokens li.token p {
float:left;margin:0px 0 0px 3px;padding:0;display: inline; font-size: 14px;
}

#rightbox #tokens li.token img {
float:left;height:20px;width:20px;padding:0;margin:0 2px 0 3px;border:none;
}

#rightbox #tokens li.token .progress_bar {
float:left;margin:2px 0 2px 3px;padding:0;display: inline; font-size: 12px;
}

/* token list on profile page */
#tokens li.token {
float:left;height:30px;width: 200px;padding:0;margin:0 0 0 5px;border:none; 
}

#tokens li.token p {
float:left;margin:3px 0 2px 3px;padding:0;display: inline; font-size: 16px;
}

#tokens li.token img {
float:left;height:25px;width:25px;padding:0;margin:0 2px 0 3px;border:none;
}

#tokens li.token .progress_bar {
float:left;margin:5px 0 2px 3px;padding:0;display: inline; font-size: 12px;
}




/* callout tag lists */
.friend .callouts .tag_list,
.enemy .callouts .tag_list {
	width:630px;
	height:15px;
	float:left;
	padding:0;
	overflow: hidden;
}

.friend .callouts .tag_list li,
.enemy .callouts .tag_list li {
	height:15px;
	width:auto;
	padding:0;
	margin:0 0 0 5px;
	border:none;
}


#badges {
	margin:10px 0 10px 5px;
}

#tokens {
	float:left;
	margin:10px 5px 10px 5px;
}

#frenemies {
	width:300px;
	min-height:680px;
	float:left;
	margin:10px 0 10px 30px;
	padding: 0 0 20px 0;

}

#frenemies h1 {
	color:#00A8E6;
	border-bottom: 1px solid gray;
}

#leftbox #friends ul {
	margin:0;
	padding:0;
	list-style:none;
}

#leftbox .timeline_tweet ul,
#container_white_box .timeline_tweet ul {
	margin:0;
	padding:0;
	list-style:none;
}

#container_white_box .timeline_tweet,
#container_white_box .team_ranking
 {
float: left;
}


#container_white_box h1 {
	color:#79797A;
}

#container_white_box a {
	color:#00A8E6;
	text-decoration: none;
}

#container_white_box img {
	border: none;
}


#leftbox a {
	color:#555;
	text-decoration:none;
}

	
/* HEY THIS IS THE SAME AS FRENEMIES FOR NOW */
#rightbox {
	background-color:#FFF;
	width:250px;
	min-height:680px;
	float:left;
	border:1px solid #008A4E;
	margin:10px 0 10px 20px;
	padding: 0 0 20px 0;
}


	
/* HEY THIS IS THE SAME AS FRENEMIES FOR NOW */
#rightbox h1 {
	color:#00A8E6;
	border-bottom: 1px solid gray;
}

#rightbox h1 a {
	color: #F99F1B;
	border: none;
}

#rightbox #tags li {
	margin:5px;
/* 	padding: 15px; */
	padding:15px 5px;
	border:1px solid #333;
	display:inline;
	float:left;
	width:auto;
	height:30px;
	text-align:left;
	font-size:10px;
}

#rightbox #tokens li {
	height:20px;
	width:200px;
	padding:0 3px 0 3px;
	margin:5px 0 0 5px;
	border:none;
	font-size: 12px;
}

#rightbox #tokens p,
#rightbox #badges p
 {
	float: left;
	color: #555;
	margin: 5px 0 0 160px;
	padding: 0 0 0 5px;
	font-size: 10px;
}

#rightbox #tokens h4,
#rightbox #badges h4,
#frenemies #friends h4,
#frenemies #enemies h4,
#frenemies #tokens h4  {
	clear: both;
	font-size:0.8em;
	padding: 0;
	margin: 0;
	display: inline;
	float: right;
}

#rightbox #tokens h4 a,
#rightbox #badges h4 a,
#frenemies #friends h4 a,
#frenemies #enemies h4 a,
#frenemies #tokens h4 {
	clear: both;
	font-size:0.8em;
	color:#555;
/* 	margin: 34px 0 0 10px; */
	display: inline;
	float: right;
	text-decoration: none;
	font-weight: normal;
	width: 60px;
	padding: 0;
	margin: 0;
}

#rightbox #tokens h5,
#rightbox #badges h5,
#frenemies #friends h5,
#frenemies #enemies h5,
#frenemies #tokens h5 {
	clear: both;
	font-size:0.8em;
	padding: 0;
	margin: 0;
	display: inline;
	float: left;
}

#frenemies #friends p,
#frenemies #enemies p
 {
	float: left;
	color: #555;
	margin: 5px 0 0 10px;
	padding: 0 0 0 5px;
	font-size: 10px;
	margin: 5px 0 0 135px;
	}

#frenemies #friends img,
#frenemies #enemies img 
 {
	border: none;
	overflow: hidden;
	max-height: 40px;
	max-width: 40px;
}


#friends {
	width:210px;
	max-height:250px;
	float:left;
	border:none;
	margin:10px 20px 10px 20px;
}

#friends li,
#enemies li {
	max-height:40px;
	max-width:40px;
	border:none;
	padding:0;
	margin:0 0 5px 5px;
}

#enemies {
	width:210px;
	max-height:250px;
	float:left;
	border:none;
	margin:10px 20px 10px 20px;
}

#frenemies #tokens {
	width:210px;
	max-height:250px;
	float:left;
	border:none;
	margin:10px 20px 10px 20px;
	overflow: hidden;
}

#rightbox #badges {
	width:210px;
	max-height:250px;
	float:left;
	border:none;
	margin:10px 0 10px 20px;
}

#rightbox #badges li {
	height: auto;
	width: auto;
	border:none;
	padding:0;
	margin:0 0 3px 3px;
}

#rightbox #tokens {
	width:210px;
	max-height:325px;
	float:left;
	border:none;
	margin:10px 0 10px 20px;
}


#user {
	width:230px;
	height:50px;
	float:left;
	border:none;
	margin:0 0 10px 0px;
}

#leftbox #user {
	width:600px;
	height:65px;
	float:left;
	border:none;
	margin:10px 0 10px 20px;
}

#leftbox #user h3 {
	font-size:1.1em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #F99F1B;
	margin: 0 0 3px 0;
	}

#leftbox #user h3 a {
	font-size:1.1em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #F99F1B;
	border: none;
	text-decoration: none;
	}

#leftbox #user_icon {
	max-width:50px;
	max-height:50px;
	float:left;
	border: none;
	margin:0 10px 0 0;
	padding:0;
	overflow: hidden;
}

#leftbox #user_icon img {
	padding:0;
	margin: 0;
	border: none;
	float: left;
	max-height: 50px;
	max-width: 50px;
}

#leftbox #user_icon img a {
	padding:0;
	margin: 0;
	border: none;
	float: left;
}


h1 {
	font-size:2em;
	color:#00A8E6;
}

h1 a {
/* 	color: #F99F1B; */
	color: #00A8E6;
	border: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}


#profile h1 {
	font-size:2em;
	color:#00A8E6;
	float: left;
	margin-bottom: 0px;
	display: inline;
}

h2 {
	font-size:18px;
	color: #00A8E6;
	border-bottom: 1px solid gray;
	width: 630px;
}

.star {
	font-size:4em;
}

.little_star {
	font-size:2em;
}

.on {
	color:#FFC200;
}

.off {
	color:#DDD;
}

.big {
	font-size:3em;
	color:#111;
}

.little_big {
	font-size:1em;
	color:#111;
}

ul {
	margin:0;
	padding:0;
	list-style:none;
}

li {
	margin:5px; 
 	padding: 0px 0px 10px 0px;
	display:block;
	float:left; 
	width:190px;
	height:80px;
	text-align:left;
}

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


/* JQUERY OBJECT STYLING */
#tooltip {
/* The tooltip container */
background-color: #999;
color: #555;
}

#tooltip h3 {
/* The tooltip title */
background-color: #999;
color: #555;
}

#tooltip div.body {
/* The tooltip body, shown when using showBody */
background-color: #999;
}

#tooltip div.url {
/* The tooltip url, shown when using showURL */
background-color: #999;
}



#charlimitinfo {
float:left; color:#555; font-size:18px; font-family:verdana;margin: 15px 5px 0 0px;
}

/* .tag_cloud { padding: 3px; text-decoration: none; color: #81d601; } */
.tag_cloud { padding: 3px; text-decoration: none; color: #555; }
/*
.tag_cloud:link  { color: #81d601; }
.tag_cloud:visited { color: #019c05; }
.tag_cloud:hover { color: #ffffff; background: #69da03; }
.tag_cloud:active { color: #ffffff; background: #ACFC65; }
*/
#tag_cloud_holder {
max-height: 170px;
overflow: hidden;
margin: 0 0 5px 0;
}

/* point-counter that displays the total number of points / tags */
/* point-counter for profile */
#profile #points_box {
width: 90px;
height:60px;
float: right;
margin: 5px 5px 0 0;
border: 2px solid #555;
background-color: #CBC9CF;
text-align: center;
overflow: hidden;
font-family: Georgia;
}

#profile #points_box p {
font-size: 14px;
border: none;
margin: 2px 0 0 0;
padding: 0 0 0 0;
line-height:100%;
}

#profile #points_box h2 {
	font-size: 3em;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: none;
	line-height:100%;
	width: 90px;
}



/* point-counter for rightbox */
#frenemies #points_box {
	width: 235px;
	min-height:60px;
	float: left;
	margin: 5px 0 0 10px ;
	padding: 0 0 0 0;
	border: 2px solid #555;
	background-color: #CBC9CF;
	text-align: left;
	overflow: hidden;
	font-family: Georgia;
}

#frenemies #points_box p {
	font-size: 16px;
	border: none;
	margin: 0 0 0 15px;
	padding: 0 0 0 0;
	color: #555;
}

#frenemies #points_box .big {
	font-size: 3.5em;
	margin: 0 0 2px 0;
	padding: 0 0 0 0;
	color: #00A8E6;
	border: none;
	font-family: Georgia;
	font-weight: bold;
	line-height:100%;
}


#frenemies #team_box {
	width: 235px;
	min-height:60px;
	float: left;
	margin: 5px 0 0 10px ;
	padding: 0 0 0 0;
	border: 2px solid #555;
	background-color: #CBC9CF;
	text-align: center;
	overflow: hidden;
}

#frenemies #team_box img {
	border: none;
	padding: 0 5px 0 0;
}

#frenemies #team_box p {
	font-size: 16px;
	border: none;
/* 	margin: 5px 0 0 15px; */
	margin-top: auto;
	margin-right: 0;
	margin-bottom: auto;
	margin-left: 0;
/*
	margin-top: auto;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
*/

/* 	margin: 0 0 0 0; */
	padding: 0 0 0 0;
	color: #555;
	text-align: left;
	overflow-x: hidden;

	display: table;
	height: 59px;
	width: 170px;
/*
	white-space: pre;
*/
/*
	display: inline;	
	vertical-align: middle;
		line-height: 38px;
display:table-cell; vertical-align:middle
height: 50px;
*/
/* clear:both; */ 
/*
	height:40px; 
	position:relative;
	width: 100px;
	overflow: hidden;
*/
}

#frenemies #team_box a {
	text-decoration: none;
	border: none;
	color: #00A8E6;

}

#frenemies #team_box .big {
	font-size: 1.5em;
	margin: 0 0 2px 0;
	padding: 0 0 0 0;
	color: #00A8E6;
	border: none;
	font-family: Georgia;
	font-weight: bold;
/*
	line-height:100%;
		display: inline;	
	vertical-align: middle;
*/

	display: table-cell;
	vertical-align: middle;

}

#frenemies #team_box img {
	float: left;
	margin: 10px 0 0 10px;
}

#frenemies .floater {
	float:left; height:50%; margin-bottom:-20px;
}

/** team, rank and points information for showteam pages **/
.small_points_box {
	float:right;
}

.small_team_score {
	float: right;
	margin: 0px 0 0 10px;
	padding: 0;
	color: #555;
	width:110px;
	font-family:georgia;
	font-weight:bold;
	overflow: hidden;
	text-align: right;
	line-height: 46px;
	display: table-cell;
	vertical-align: middle;
  }

.small_team_score .big {
	color: #00A8E6;
	font-size: 2em;
	vertical-align: baseline;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	line-height: 46px;
}

#team_standing_text {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: 45px;
/* 	width: auto; */
	width: 455px;
	vertical-align: baseline;
	line-height: 46px;
	display: table;

}

.team_rank_number {
	display:inline;
/* 	width:50px; */
	max-width:65px;
	float:left;
	margin: 0 8px 0 0;
	padding: 0 0 0 0;
	color:#000;
	font-size:38px;
	line-height: 46px;
	font-weight:bold;
	font-family:georgia;
	text-align:center;
	vertical-align: baseline;
	display: table-cell;
  vertical-align: middle;
}

.team_info_text {
	font-size:2em;
	color:#00A8E6;
	padding: 0;
	margin: 3px 0 0 3px;
	padding: 0 0 0 0;
	display: inline;
	float: left;
/* 	width: 245px; */
/* 	width: 275px; */
	width: 255px;
	overflow: hidden;
	font-weight: bold;
	height: 100%;
	line-height: 46px;
	vertical-align: baseline;
	display: table-cell;
  vertical-align: middle;
}

.highlight_at, .highlight_at a { color:#00A8E6;font-weight:bold;font-size:14px;font-family: Helvetica,Arial sans-serif; }
.highlight_plus { color:#FFBE00;font-weight:bold;font-size:14px;font-family: Helvetica,Arial sans-serif; }
.highlight_plus a { color:#FFBE00;font-weight:bold;font-size:14px;font-family: Helvetica,Arial sans-serif; }