/********************************************

   AUTHOR:  			Isao Toyama

   WEBSITE:   			http://www.nextdesign.com/

 *******************************************/



/********************************************

   HTML ELEMENTS

********************************************/


/*Reset*/

html, body, div, pre, form, fieldset, input, h1, h2, h3, h4, h5, h6, p, textarea, ul, ol, li, dl, dt, dd, blockquote, th, td
{
    margin: 0;
    padding: 0;
}
fieldset, img
{
    border: 0;
}

address, caption, cite, code
{
    font-style: normal;
    font-weight: normal;
}
ul
{
    list-style: none;
}
caption, th
{
    text-align: left;
}

h1, h2, h3, h4, h5, h6
{
    font-size: 100%;
    font-weight: normal;
}


abbr, acronym
{
    border: 0;
}

/*Reset End */
/*Base Styles*/

body
{
    font: 12px Helvetica, Arial, Verdana, sans-serif;
    color: #333;
    background: #e1e1e1;
}
.clear
{
    clear: both;
}

#container
{
    position:relative
}
#mainframe
{
    width:1002px;
    margin:0 auto;
    text-align:left;
    z-index:2;
}
/* Layout */
#header
{
    margin-top:10px;
    width:1002px;
    height:105px;
    background:url("/lib/img/headerbg.png") no-repeat left top;
}
#logo
{
    margin: 10px 0px 0px 35px;
    float:left;
    width:150px;
}
#head_right
{
    width:525px;
    height:100px;
    float:right;
    /*display: table-cell;*/
    overflow: hidden; 
    position: relative;
}
label {
    display: block;
    width: 150px;
    float: left;
    margin: 2px 4px 6px 4px;
    text-align: right;
}
#login
{
    color:#888;
    height:25px;
    float:right;
    position: absolute; 
    width:515px;
    top: 50px;
}
.input {
    border: 1px solid #ccc;
}
.input:hover {
    border: 1px solid #006;
    background: #9AC7DC;
}
#context h1
{
	font-size:18px;
	color:#58ae44;
}
#context p img
{
	float:left;
	padding-left:5px;
	padding-bottom:5px;
}

.formbutton{
    border: none;
    width:71px;
    height:20px;
    color:#888;
    background: url('/cmrc/images/elements/button.png') no-repeat top left;
    padding: 0px 5px;
}
#presentation
{
    width:1002px;
    background:url("/lib/img/mainbg.png") repeat-y left top;   
}
#Bottompannel
{
    width:1002px;
    background:url("/lib/img/mainbg.png") repeat-y left top;   
}
#bottomFramework
{
    width:1000px;
    background:#fff;
    padding:0px;
    margin:0 auto;
}
#bottomFramework h1
{
	font-size:18px;
	color:#58ae44;
}
/***************** FOOTER **********************/
#footer
{
    width:1002px;
    height:100px;
    background:url("/lib/img/footer.png") no-repeat left bottom;
    text-align: center;	
    clear: both;
}

#sponsorSection
{
	width:980px;
	text-align:center;
	letter-spacing:25px;
	white-space:nowrap;
	over-flow:hidden;
}

#footer2
{
    width:1002px;
    background:url("/lib/img/footer2.png") no-repeat left bottom;
    text-align: center;	
    clear: both;
}

.footerparagraph {
	padding: 5px; 
	margin: 0px 10px 10px 10px;
	font-size: 95%;	
}


#footer a 
{
    color:#888;
	text-decoration: none; 
}
#footer a:hover {
  color: #77B13C;
}

.footerparagraph2 {
	padding: 5px; 
	margin: 0px 10px 10px 10px;
	font-size: 95%;	
}


#footer2 a 
{
    color:#888;
	text-decoration: none; 
}
#footer2 a:hover {
  color: #77B13C;
}

#partners
{
	 width:980px;
}


/*Navigation */
#topNavigation
{
    width:1000px;
}

ul.topnav {
	list-style: none;
	padding: 0 20px;
	margin: 0;
	float: left;
	width: 960px;
	background: #f1f1f1;
	border:solid 1px #e7e7e7;
	font-size: 1.2em;
	background: url(/lib/img/navbg.jpg) repeat-x;
}
ul.topnav li {
	float: left;
	margin: 0;
	padding: 0 20px 0 0;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
ul.topnav li.first {
	float: left;
	margin: 0;
	padding: 0 20px 0 20px;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
ul.topnav li a{
	padding: 10px 5px;
	color: #888888;
	display: block;
	text-decoration: none;
	float: left;
}
ul.topnav li a:hover{
	background: url(/lib/img/topnav_hover.gif) no-repeat center top;
}
ul.topnav li span { /*--Drop down trigger styles--*/
	width: 17px;
	height: 35px;
	float: left;
	background: url(/lib/img/subnav_btn.gif) no-repeat center top;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 35px;
	background: #333;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
	border: 1px solid #ddd;
	z-index:1000;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #ddd; /*--Create bevel effect--*/
	border-bottom: 1px solid #ddd; /*--Create bevel effect--*/
	clear: both;
	width: 170px;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 145px;
	background: #ddd url(dropdown_linkbg.gif) no-repeat 10px center;
	padding-left: 20px;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #B8BFCC url(dropdown_linkbg.gif) no-repeat 10px center;
}
/* Home Panel*/
#show
{
    width:1000px;
    height:300px;
    margin:0 auto;
    background:url("/images/slide/1.jpg") no-repeat top center;
}
#pageheader1
{
    width:1000px;
    height:100px;
    margin:0 auto;
    background:url("/images/header/header1.jpg") no-repeat top center;
}
#context
{
    margin:10px 15px 10px 15px;
}
#MemberContext
{
	float:left;
    margin:10px 15px 10px 15px;
}
#pagetitle
{
    margin:66px 50px 0px 5px;
    font-size:36px;
    color:#fff;
    float:right;
}
#members
{
    width:1000px;
    height:200px;
    margin:0 auto;
    background:url("/images/header/members.jpg") no-repeat top center;
}
#membersmall
{
    width:1000px;
    height:100px;
    margin:0 auto;
    background:url("/images/header/membersmall.jpg") no-repeat top center;
}
#panel
{
    width:360px;
    height:300px;
    color:#fff;
    line-height:150%;
    background:#000;
    opacity:0.6;
    filter:alpha(opacity=60);
    z-index:0;
}
#right_panel
{
    width:345px;
    height:200px;
    color:#fff;
    line-height:150%;
    background:#000;
    opacity:0.6;
    filter:alpha(opacity=60);
    z-index:0;
    float:right;
}
#right_panel2
{
    width:400px;
    height:200px;
    color:#fff;
    line-height:150%;
    background:#000;
    opacity:0.6;
    filter:alpha(opacity=60);
    z-index:0;
    float:right;
}
#panel_content
{
    width:340px;
    margin:0px 15px 0px 15px
}
.panel-overlay
{
    width:300px;
    height:300px;

}
.panel-overlay h2,
.panel-overlay p{
	margin: .3em 0;
}
.panel-overlay p {
	line-height: 1.2em;
}
/* Home Bottom 3 Panel*/
#lefttwo
{
    width:670px;
    float:left;
}
#lefttwo2
{
    width:570px;
    float:left;
}
#leftPanel
{
    width:320px;
    float:left;
    margin:5px 4px;
    border-right:solid 1px #e7e7e7;
}
#leftPanel2
{
    width:340px;
    float:left;
    margin:5px 4px;
    border-right:solid 1px #e7e7e7;
}
#middlePanel
{
    width:320px;
    float:left;
    margin:5px 4px;
    border-right:solid 1px #e7e7e7;
}
#rightPanel
{
    width:320px;
    float:right;
    margin:5px 4px;
    font-size:11px;
}
#rightPanel2
{
	width:400px;
	float:right;
	margin:5px 0px;
	font-size:11px;
}
#right_panel_content
{
   width:300px;
    margin:0px 10px 0px 10px
}
#right_panel_content2
{
   width:400px;
    margin:0px 10px 0px 10px
}
#two_column_left
{
    width:320px;
    float:left;
    margin:5px 4px;
    border-right:solid 1px #e7e7e7;
}
#two_column_right
{
    width:650px;
    float:right;
    margin:5px 4px;
}

.widefat {
	border-width: 1px;
	border-style: solid;
	border-collapse: separate;
	border-spacing: 0;
	width: 100%;
	clear: both;
	margin: 0;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.widefat * {
	word-wrap: break-word;
}

.widefat a {
	text-decoration: none;
}

.widefat td,
.widefat th {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	font-size: 11px;
	vertical-align: text-top;
}

.widefat td {
	padding: 3px 7px;
	vertical-align: top;
}

.widefat td p,
.widefat td ol,
.widefat td ul {
	font-size: 11px;
}

.widefat th {
	padding: 7px 7px 8px;
	text-align: left;
	line-height: 1.3em;
}

.widefat th input {
	margin: 0 0 0 8px;
	padding: 0;
	vertical-align: text-top;
}

.widefat .check-column {
	width: 2.2em;
	padding: 0;

}

.widefat tbody th.check-column {
	padding: 7px 0 22px;
}
#ContentList table
{
	border:solid 1px #ccc;
}
#ContentList td
{
	padding:3px;
}
#List table
{
	border:solid 1px #ccc;
}
#List td
{
	padding:3px;
	text-align:left;
}
#form
{
	margin:0 auto;
	width:500px;
	padding:14px;
		border:solid 2px #b7ddf2;
		background:#ebf4fb;
}
	#form{

	}
	#form h1 {
		font-size:14px;
		font-weight:bold;
		margin-bottom:8px;
	}
	#form p{
		font-size:11px;
		color:#666666;
		margin-bottom:20px;
		padding-bottom:10px;
	}
	#form label{
		display:block;
		font-weight:bold;
		text-align:right;
		width:150px;
		float:left;
	}
	#form .small{
		color:#666666;
		display:block;
		font-size:11px;
		font-weight:normal;
		text-align:right;
		width:140px;
	}
	#form input{
		float:left;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		width:200px;
		margin:2px 0 20px 10px;
	}
	#form select{
		float:left;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		width:200px;
		margin:2px 0 20px 10px;
	}
	#form textarea{
		float:left;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		width:200px;
		margin:2px 0 20px 10px;
	}	
	#form button{ 
		clear:both;
		margin-left:150px;
		width:125px;
		height:31px;
		background:#666666  no-repeat;
		text-align:center;
		line-height:31px;
		color:#FFFFFF;
		font-size:11px;
		font-weight:bold;
	}
	#form #block
	{
		float:left;
		font-size:12px;
		width:450px;
	}
#leftone
{
    width:980px;
    margin:10px auto;
    float:left;
}


/* CSS BUTTON */
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('/images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('/images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 


a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 
#divShare {
color:#444444;
font-size:14px;
font-weight:bold;
height:40px;
line-height:45px;
padding:8px 15px 0 0;
text-align:left;
}
#aShareFacebook  {
background:url("/lib/img/ShareFacebook.png") no-repeat scroll 0 0 transparent;
}
#divShare a {
display:block;
float:right;
height:32px;
padding-left:7px;
width:32px;
}
#aShareTwitter {
background:url("/lib/img/ShareTwitter.png") no-repeat scroll 0 0 transparent;
}
a {
border:0 none;
color:#034492;
outline:medium none;
text-decoration:none;
}
#aShareEmail  {
background:url("/lib/img/ShareEmail.png") no-repeat scroll 0 0 transparent;
}

/*********************** New Regatta Layout ***********************/
#RegattaMain
{
    width:1000px;
    margin:0px auto;
    float:left;
}

#ScoreHeaderTitle
{
float:left;
padding:0px 19px;
width:614px;
line-height:32px;
background:url("/admin/lib/img/gray-grad.png") repeat-x scroll left top #DFDFDF;
}
.HeaderTitle {
color:#333333;
font-family:"Trebuchet MS",Arial;
padding:7px 19px;
font-size:18px;
font-weight:bold;
text-decoration:none;
}
#team {
float:left;
padding:7px 19px;
width:614px;
}
#team2 {
float:left;
padding:7px 19px;
width:614px;
background-color:#EFEFEF;
}
.rank_pos {
color:#CC0033;
float:left;
font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
font-size:15px;
font-weight:bold;
height:23px;
width:24px;
}
.city_state{
float:left;
margin:7px 0;
}
.country {
float:left;
margin:7px 0;
width:42px;
}
.team_name {
float:left;
margin:4px 0;
width:193px;
}
.team {
color:#333333;
font-family:"Trebuchet MS",Arial;
font-size:13px;
font-weight:bold;
text-decoration:none;
}
.score_result {
float:right;
margin:3px 0;
text-align:center;
}
.score {
text-align:center;
color:#F90A0F;
font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
font-size:15px;
font-weight:bold;
}
#Entries{
border-bottom:1px solid #CCCCCC;
float:left;
margin:0px;
padding:0px;
width:650px;
display:block;
border:1px solid #EFEFEF;
}

#NewsEntries{
border-bottom:1px solid #CCCCCC;
float:left;
mergin:0px;
padding:0px;
width:650px;
display:block;
border:1px solid #EFEFEF;
}
#NewsHeaderTitle
{
float:left;
padding:0px 19px;
width:614px;
background:url("/admin/lib/img/gray-grad.png") repeat-x scroll left top #DFDFDF;
}
.newsHeaderTitle {
color:#333333;
font-family:"Trebuchet MS",Arial;
padding:7px 19px;
font-size:18px;
font-weight:bold;
text-decoration:none;
}


.icon {
float:left;
margin:7px 0;
width:42px;
}
#Newsupdate {
float:left;
padding:7px 19px;
width:614px;
}
#Newsupdate2 {
float:left;
padding:7px 19px;
width:614px;
background-color:#EFEFEF;
}
.Newsupdate {
color:#333333;
font-family:"Trebuchet MS",Arial;
font-size:13px;
font-weight:bold;
text-decoration:none;
}
.news_updated{
float:right;
margin:7px 0;
}


#row {
float:left;
padding:7px 19px;
width:614px;
}
#row2 {
float:left;
padding:7px 19px;
width:614px;
background-color:#EFEFEF;
}
.column_thin{
float:left;
margin:7px 0;
}
.row {
float:left;
margin:4px 0;
width:193px;
}
.column_bold {
color:#333333;
font-family:"Trebuchet MS",Arial;
font-size:13px;
font-weight:bold;
text-decoration:none;
}


/*********************** New Regatta Right Panel ***********************/

#RightPanelHeader
{
float:left;
padding:0px 19px;
width:306px;
line-height:32px;
background:url("/admin/lib/img/gray-grad.png") repeat-x scroll left top #DFDFDF;
}
.RightPanelHeader {
color:#333333;
font-family:"Trebuchet MS",Arial;
padding:7px 0px;
font-size:18px;
font-weight:bold;
text-decoration:none;
}
#RightPanelFooter
{
float:right;
padding:0px 19px;
width:306px;
line-height:24px;
background:url("../images/ed-bg.gif") repeat-x scroll left top #aaa;
}
.RightPanelfooter {
color:#fff;
font-family:"Trebuchet MS",Arial;
padding:7px 0px;
font-size:14px;
font-weight:bold;
text-decoration:none;
}

#RegattarightPanel
{
    width:344px;
    float:right;
    margin:0px;
    padding:0px;
    font-size:11px;
}
#weatherPanel
{
	margin:0px;
    padding:0px;
}
#weather_icon
{
	padding:0px 10px 10px 10px;
	float:left;
}
.weather_title
{
	color:#ffffff;
	font-family:"Trebuchet MS",Arial;
	padding:7px 19px;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
}
.weatherTempbig
{
	font-family:"Trebuchet MS",Arial;
	font-size:18px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}
.weatherTempsmall
{
	font-family:"Trebuchet MS",Arial;
	font-size:14px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}
#current
{
	width:344px;
	margin:0px;
    padding:0px;
    	float:left;
	background-color:#3678B3;
}
.forcast_title
{
	color:#333333;
	font-family:"Trebuchet MS",Arial;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
}
#forcast
{
	width:170px;
	margin:0px;
    padding:0px;
    	float:left;
	background-color:#efefef; 
	border:1px solid #fff;
}
.forcast
{
	font-family:"Trebuchet MS",Arial;
	font-size:12px;
	color:#404;
	font-weight:bold;
	text-decoration:none;
}






.tabContainer{
	/* The UL */
	float:left;
	padding-right:13px;
}

#contentHolder{
	margin:0px;
	color:#444444;
}

#tabContent{
	width:100%;
}
/* 
no shadow crap...... did not work the page...
.tabContainer li a{
	-webkit-box-shadow:0 0 2px black;
	-moz-box-shadow:0 0 2px black;
	box-shadow:0 0 2px black;
}
*/
.tabContainer li{
	/* This will arrange the LI-s next to each other */
	display:inline;
}

.tabContainer li a,.tabContainer li a:visited{
	/* Styling the hyperlinks of the tabs as colorful buttons */
	
	float:left;
	font-size:18px;
	
	/* display:block allows for additinal CSS rules to take effect, such as paddings: */
	display:block;
	
	padding:7px 16px 1px;
	margin:0px 0px;
	height:29px;
	
	/* Giving positioning */
	position:relative;
	
	/* CSS3 text-shadow */
	text-shadow:1px 1px 1px #CCCCCC;
}

#mainBox{
	margin:0px;
	position:relative;
	float:left;
	width:650px;
}


ul .left{
	/* The left span in the hyperlink */
	
	height:37px;
	left:0;
	position:absolute;
	top:0;
	width:10px;
}

ul .right{
	/* The right span in the hyperlink */
	
	height:37px;
	right:0;
	position:absolute;
	top:0;
	width:10px;
}

/* Styling the colors individually: */
ul a.grey{	background:url(/lib/img/grey_mid.gif) repeat-x top center;	color:#444;}
ul a.grey span.left{ background:url(/lib/img/grey_left.gif) no-repeat left top;}
ul a.grey span.right{ background:url(/lib/img/grey_right.gif) no-repeat right top;}

ul a.green{	background:url(/lib/img/green_mid.png) repeat-x top center;	color:#24570f;}
ul a.green span.left{ background:url(/lib/img/green_left.png) no-repeat left top;}
ul a.green span.right{ background:url(/lib/img/green_right.png) no-repeat right top;}


ul a.blue{	background:url(/lib/img/blue_mid.png) repeat-x top center;	color:#03426e;}
ul a.blue span.left{ background:url(/lib/img/blue_left.png) no-repeat left top;}
ul a.blue span.right{ background:url(/lib/img/blue_right.png) no-repeat right top;}


ul a.orange{	background:url(/lib/img/orange_mid.png) repeat-x top center;	color:#724104;}
ul a.orange span.left{ background:url(/lib/img/orange_left.png) no-repeat left top;}
ul a.orange span.right{ background:url(/lib/img/orange_right.png) no-repeat right top;}


ul a.red{	background:url(/lib/img/red_mid.png) repeat-x top center;	color:#6f0100;}
ul a.red span.left{ background:url(/lib/img/red_left.png) no-repeat left top;}
ul a.red span.right{ background:url(/lib/img/red_right.png) no-repeat right top;}


/* The hover states: */
ul a:hover{	background-position:bottom center; text-decoration:none;}
ul a:hover span.left{ background-position:left bottom;}
ul a:hover span.right{ background-position:right bottom;}

.preloader{
	display:block;
	margin:120px auto;
}

.clear{
	/* Old-school clear fix hack to clear the floats: */
	clear:both;
	height:1px;
	overflow:hidden;
}

/*********************** Photo Scroller ***********************/
#RegattaPhotos{
    width:1000px;
    margin:0px;
    height:180px;
	padding:0px;
    margin:0px auto;
    float:left;
    position:relative;
}
#fullHeaderTitle
{
	float:left;
	padding:0px 19px;
	width:962px;
	line-height:32px;
	background:url("/admin/lib/img/gray-grad.png") repeat-x scroll left top #DFDFDF;
}
#fullFooterTitle
{
	float:right;
	padding:0px 19px;
	width:962px;
	margin-top:105px;
	text-align:right;
	line-height:24px;
	background:url("/admin/lib/img/gray-grad.png") repeat-x scroll left top #DFDFDF;
}
.fullHeaderTitle
{
	color:#333333;
	font-family:"Trebuchet MS",Arial;
	padding:7px 0px;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
}


.infiniteCarousel {
  width: 1000px;
  position: relative;
  float:left;
  display:block;
}

.infiniteCarousel .wrapper {
  width: 920px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  min-height: 10em;
  margin: 0 40px;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul a img {
  border: 5px solid #000;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.infiniteCarousel .wrapper ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul li {
  display:block;
  float:left;
  padding: 10px;
  height: 85px;
  width: 85px;
}

.infiniteCarousel ul li a img {
  display:block;
}

.infiniteCarousel .arrow {
  display: block;
  height: 36px;
  width: 37px;
  background: url(/lib/img/arrow.png) no-repeat 0 0;
  text-indent: -999px;
  position: absolute;
  top: 37px;
  cursor: pointer;
}

.infiniteCarousel .forward {
  background-position: 0 0;
  right: 0;
}

.infiniteCarousel .back {
  background-position: 0 -72px;
  left: 0;
}

.infiniteCarousel .forward:hover {
  background-position: 0 -36px;
}

.infiniteCarousel .back:hover {
  background-position: 0 -108px;
}

/* Twitter */


#twitter-ticker{
	width:200px;
	height:300px;
	background:url(/lib/img/slickbg.png) no-repeat #f5f5f5;
	color:#666666;
	display:none;
	
	-moz-border-radius:10px 10px 6px 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;

	text-align:left;
}

#tweet-container{
	height:230px;
	width:auto;
	overflow:hidden;
}

#twitIcon{
	position:absolute;
	top:-25px;
	left:-10px;
	width:64px;
	height:64px;
}

#top-bar{
	height:45px;
	background:url(/lib/img/top_bar.png) repeat-x;
	border-bottom:1px solid white;
	position:relative;
	margin-bottom:8px;
	
	-moz-border-radius:6px 6px 0 0;
}

.tweet{
	padding:5px;
	margin:0 8px 8px;
	
	border:1px solid #F0F0F0;
	background:url(/lib/img/transparent.png);
	
	width:auto;
	overflow:hidden;
}

.tweet .avatar,
.tweet .user,
.tweet .time{
	float:left;
}

.tweet .time{
	text-transform:uppercase;
	font-size:10px;
	color:#AAAAAA;
	white-space:nowrap;
}


.tweet .avatar img{
	width:36px;
	height:36px;
	border:2px solid #eeeeee;
	margin:0 5px 5px 0;
}

.tweet .txt{
	clear:both;
}

.tweet .user{
	font-weight:bold;
}

a, a:visited {
	color:#00BBFF;
	text-decoration:none;
	outline:none;
}

a:hover{
	text-decoration:underline;
}

#loading{
	margin:100px 95px;
}