body {
	padding: 0px; margin: 0px; color: #333; font: 11px Verdana, Geneva, sans-serif;
	background-color: #BBD9EE /* ================================= THEMES SWITCHER ============================= */
}
.front { 
	background-color: #fff }
h1 { 
	padding: 0px; font-weight: 900; font-size: 28px; margin: 0px 0px 15px; color: #ccc; line-height: 28px; 
}
P { 
	padding: 0px; margin: 0px 0px 16px; font: 11px/20px verdana, arial, helvetica, sans-serif; 
}
.error { color: #c00 !important; }
.success { color: #008800 }
UNKNOWN { margin: 0px }
UNKNOWN { text-indent: 30px }
A {
	/*font-weight: 600;*/ font-size: 11px; color: #09c; font-family: verdana, arial, helvetica, sans-serif; text-decoration: none
}
A:link { color: #09c }
A:visited { color: #07a }
A:hover { background-color: #eee }     
#User {
	border-top: black 1px solid; border-bottom: black 1px solid; line-height: 11px; height: 14px; background-color: #eee; 
	padding: 5px 20px; text-align:right; voice-family: inherit
}
UNKNOWN { height: 14px }
#Header {
	margin: 0px; line-height: 11px; padding: 5px 0px 5px 20px; background-color: #fff; voice-family: inherit
}
#Header h1 { 
	margin: 0px; padding-bottom: 10px; font: 30px "Trebuchet MS",Arial sans-serif;
	color: #208BE1 /* ============================================ THEMES SWITCHER ============================= */
}

#HorizontalMenu {
	border-top: solid 1px #fff; margin: 0px; line-height: 11px; padding: 0px 0px 0px 20px; border-bottom: black 1px solid; voice-family: inherit;
	background-color: #BBD9EE; /* ================================ THEMES SWITCHER ============================ */
}

#HorizontalMenu ul {
	margin: 0; padding-bottom: 5px; padding-top: 5px;
}

#HorizontalMenu ul li {
	display: inline; margin-left: -4px;
}

#HorizontalMenu ul li a {
	padding: 5px 10px 5px 10px; font-weight: 600; text-decoration: none; border-right: 1px solid #fff;
	border-left: solid 1px #fff; border-right: solid 1px #fff;
}

#HorizontalMenu ul li a:hover {
	color: white; font-weight: 600; border-top: solid 1px #000; border-left: solid 1px #000; border-right: solid 1px #000;
	border-bottom: solid 1px #446D8C; /* ========================= THEMES SWITCHER ============================= */
	background-color: #446D8C; /* ================================ THEMES SWITCHER ============================= */
}

#active a { 
	color: #ccc; font-weight: 600; border-top: solid 1px #000; border-left: solid 1px #000; border-right: solid 1px #000; 
	border-bottom: solid 1px #446D8C; /* ========================= THEMES SWITCHER ============================== */
	background-color: #446D8C; /* ================================ THEMES SWITCHER ============================== */
}

#GlobalLine { 
	margin: 0px; padding: 5px 0px 0px 20px; border-bottom: black 1px solid; voice-family: inherit;
	background-color: #446D8C; /* ================================ THEMES SWITCHER ============================== */
	
}

#Content {
	padding: 10px; margin: 0px 0px 0px 200px; border-left: 1px solid #ccc; background-color: #F0F0F0;
}

#Content h1 {
	font: 30px 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
	color: #446D8C; /* =========================================== THEMES SWITCHER =============================== */
}

/* error styles */
#ErrorContainer ul {
	list-style: square url(../../../images/alert.gif); /* wide image for the bullet */
	margin: .5em .5em 0 25px;  /* bullet image is in left margin */ padding-left: 0;
}

.ErrorTitle {
	font-weight: bold; color: #c00 !important;
}

#ErrorContainer ul li {
	margin-left: 0; padding-left: 0;/* distance between marker and text */ margin-bottom: .5em; /* a little spacing between list items */
}

/* success styles */
#SuccessContainer ul {
	list-style: square url(../../../images/notice.gif); margin: .5em .5em 0 25px; padding-left: 0;
}

.SuccessTitle {
	font-weight: bold; color: #008800 !important;
}

#SuccessContainer ul li {
	margin-left: 0; padding-left: 0; margin-bottom: .5em;
}

/* tab form */
#TabbedContainer { width: 99.7%; }
#TabbedContainerList {
	padding: 10px 10px 0 10px; margin:0px; border-bottom: 1px solid #ccc; font: 12px; color:#bbb; line-height:20px;	
}

#TabbedContainerList li {
	list-style: none; margin: 0; display: inline;
}

#TabbedContainerList li a {
	padding: 3px 0.5em; margin-left: 3px; border: 1px solid #ccc; border-bottom: none; background: #eee; text-decoration: none;
}

#TabbedContainerList li a:link { color: #448; background: #ccc; }
#TabbedContainerList li a:visited { color: #667; }
#TabbedContainerList li a:hover {
	color: #000; background: #fff; border-color: #227;
}

#TabbedContainerList li a#current {
	background: #fff; border-bottom: 1px solid white;
}

/* Forms styles */
#Content .TblBox {
	border-top: #ccc 1px solid; border-right: #999 1px solid; border-left: #ccc 1px solid; border-bottom: #999 1px solid; 
	padding: 5px; left: 10px; width: 98%; line-height: 17px; background-color: #fff; margin-top: 0px; voice-family: inherit
}
#Content .TblBoxAddUpper {
	border: 1px solid #ccc; border-bottom: none; left: 10px; width: 50%; padding: 5px; background-color: #FFF; line-height: 17px; 
}
#Content .TblBoxNoBorder {
	padding: 5px; left: 10px; width: 98%; line-height: 17px; background-color: #fff; margin-top: 0px; voice-family: inherit
}

#Content .FormBox {
	border-right: #999 1px solid; border-left: #ccc 1px solid; border-bottom: #999 1px solid; padding: 5px; left: 10px; 
	width: 98%; line-height: 17px; background-color: #fff; margin-top: 0px;	voice-family: inherit
}

.Button {
	border: 3px double #999999; border-top-color: #CCCCCC; border-left-color: #CCCCCC; padding: 0.25em; 
	color: #333333; font-size: 85%; font-weight: bold; font-family: Verdana, Helvetica, Arial, sans-serif;
	background-color: #CEE6E8; /* ====================================== THEMES SWITCHER ============================== */
}
.Button:active {
	border: 3px double #CCCCCC; border-top-color: #999999; border-left-color: #999999;
}  
#Content .SmallDashbox {
	border-top: #ccc 1px solid; border-right: #999 1px solid; border-left: #ccc 1px solid; border-bottom: #999 1px solid;  
	padding: 5px; left: 10px; width: 98%; line-height: 17px; background-color: #fff; margin-top: 10px; voice-family: inherit
}
#Content .actionhelper {
	border: #ccc 1px solid; padding: 5px; left: 10px; width: 98%; line-height: 17px; background-color: #eee; margin-top: 10px;
	voice-family: inherit; text-align:center;
}
#Content .actionhelper A:hover { text-decoration:underline; }
#Content .linkhelper {
	border: #ccc 1px solid; padding: 5px; left: 10px; width: 98%; background-color: #eee; voice-family: inherit;
}
#Content .linkhelper p {
	position: relative; left: 10pt; Top: 10pt 
}
#Content .linkhelper IMG {
	FLOAT: left; MARGIN: 0.5em 10px 5px 30px
}
#Content .linkhelper A:hover { text-decoration:underline; }
#Content .ErrorBox {
	border: red 1px solid; padding: 5px; left: 10px; width: 98%; line-height: 17px; background-color: #FFF4EF; 
	margin-top: 10px; margin-bottom: 10px;	voice-family: inherit
}
#Content .SuccessBox {
	border-top: #66CC66 1px solid; border-right: #008800 1px solid; border-left: #66CC66 1px solid; border-bottom: #008800 1px solid;  
	padding: 5px; left: 10px; width: 98%; line-height: 17px; background-color: #E6F9E6; margin-top: 10px; margin-bottom: 10px;
	voice-family: inherit
}
.label , .content {
	/*width: 90%;*/
}

.label {
	border: #ccc 1px solid; padding : 5px 10px 5px 10px; background: #EAE2C0; font-weight:bold
}
.labelWarning {
	border: #ccc 1px solid; padding : 5px 10px 5px 10px; background: #FFF4EF; font-weight:bold
}
.content {
	padding : 5px 10px 10px 10px; background: #fff; margin-top: 2px; 
}

#UserProfile {
	display: block; position: absolute; top: 220px; right: 40px; border: #ccc 1px solid; padding: 2px;
	width: 104px; height: 104px;
}

#UserProfileNote {
	display: block; position: absolute; top: 340px; right: 30px; border: 0; padding: 5px; width:120px; font-style:italic;
	color:#999;
}

#Footer {
	padding: 15px 10px 15px; color: white; text-align: right; 
	background-color: #446D8C; /* ===================================== THEMES SWITCHER ======================================= */
}
.login {
	margin: 0px 0px 0px 300px;
}

#FloatBox {
	border: #999 1px solid; padding: 10px; left: 10px; width: 160px; line-height: 17px; display: block; 
	position: absolute; top: 300px; background-color: #fff; voice-family: inherit
}
UNKNOWN { width: 150px }

#MenuBox {
	border: #999 1px solid; padding: 10px; left: 10px; width: 160px; line-height: 17px;	position: absolute; 
	top: 125px; background-color: #fff; voice-family: inherit
}
UNKNOWN { width: 150px }

#LoginBox {
	border: #999 1px solid; padding: 10px; left: 200px; width: 260px; line-height: 17px; position: absolute; 
	top: 150px; background-color: #fff; voice-family: inherit
}
UNKNOWN { width: 150px }
.Error { color: #c00 !important; }

#LogoutBox {
	border: #999 1px solid; padding-right: 10px; padding-left: 10px; left: 600px; width: 260px; line-height: 17px; 
	padding-top: 10px; position: absolute; top: 230px; background-color: #fff; voice-family: inherit;
	list-style: square url(../../../images/notice.gif); /* wide image for the bullet */
}
UNKNOWN { width: 150px }
.Error { color: #c00 !important; }
.Success { color: #008800 !important; }

/* Begin Left Menu Styling */
#leftmenucontainer { margin-left: 0px; }

#leftmenucontainer ul {
	margin: 0; padding: 0; list-style-type: none; font-family: verdana, arial, sans-serif; 
}

#leftmenucontainer li { margin: 0; }

#leftmenucontainer a {
	display: block; color: #333; background-color: transparent; width: 140px; padding: 2px 10px; text-decoration: none;
	border: 1px solid #fff; /*font-size: 12px; */
}

#leftmenucontainer a:hover {
	background-color: #F0F0F0; color: #333; border: 1px solid #aaa; padding: 2px 10px;
}
#leftmenucontainer li a:active { /* not working - need fix */
	text-decoration: none; color: #fff; border: 1px solid #aaa;
}
#hlight a { /* dirty fix for above */
	color: #333; background-color: #ddd; border: 1px solid #aaa;
}

/* TABLE GENERAL #7F7F7F*/
.TableListing { 
	background-color: #F0F0F0; color: #000; font: Verdana,sans-serif; border-collapse: collapse 
}
.clear { 
	background-color: #BBD9EE; border:0;
}
caption,th { 
	border-left: 0; padding: 2px 
}
caption,thead th,tfoot th,tfoot td { 
	background-color: #FFB3A6; color: #FFF; font-weight: bold; text-transform: uppercase 
}
thead th { 
	background-color: #EAE2C0; color: #208BE1; text-align: left; padding: 5px 5px 
}
tbody th { padding: 5px 5px }
tbody tr.odd { 
	background-color: #eee; color: #666; BORDER-BOTTOM: #c1dad7 1px solid;  
}
tbody tr.even { 
	background-color: #fff; color: #666; BORDER-BOTTOM: #c1dad7 1px solid; 
}
tbody td.stat { background-color: blue; } /* ==================================== TMEMES SWITCHER ========================: statistic background */
tbody a { 
	padding: 1px 2px; color: #333; text-decoration: none; 
}
tbody a:active,tbody a:hover,tbody a:focus,tbody a:visited { color: #666 }
tbody td+td+td+td a { 
	color: #C30; font-weight: bold; border-bottom: 0 
}
tbody td+td+td+td a:active,tbody td+td+td+td a:hover,tbody td+td+td+td a:focus,tbody td+td+td+td a:visited { color: #E63C1E }
tbody td a[href="http://www.rodcast.com.br/"] { margin: 0 auto; display: block; width: 15px; height: 15px; background: transparent url(http://www.rodcast.com.br/csstablegallery/i/logo.gif) no-repeat; text-indent: -999em; border-bottom: 0 }
tbody a:visited:after { font-family: Verdana, Arial, Helvetica, sans-serif; }

tbody tr.unread { 
	font-weight: bold; background-color: #E4F3F9;
}
tbody td.msg { 
	BORDER-BOTTOM: #ccc 1px solid;
}
.clearer {
	CLEAR: both; HEIGHT: 1px
}

/* announce styles */
#AnnounceContainer ul {
	list-style: square url(../../../images/arrow.gif); margin: .5em .5em 0 25px; padding-left: 0;
}
#AnnounceContainer span {
	position:relative; top:0px; left:10px;
}

/* feed container styles */
#FeedContainer ul {
	list-style: none; margin: .5em .5em 0 25px; padding-left: 0;
}
#FeedContainer ul li a {
	list-style: square url(../../../images/arrow.gif); margin: .5em .5em 0 0px; padding-left: 0;
}
#FeedContainer span {
	position:relative; top:0px; left:10px;
}

#Forums {
	margin:0px; padding:0px; list-style:none; border-top: 1px solid #ccc; margin-bottom: 10px; float: left; width: 100%;
}
.ReplyForum { background: #fff }
.AdminReplyForum { background: #FFF4EF; }
.OpenForum { background: #f5f9ff; }
.AdminForum { background: #FFF4EF; }
#Forums li ul {
	border-bottom:1px solid #ccc; padding: 7px 6px 7px 6px; list-style: none; margin: 0px;
}
#Forums li li {
	height:auto; border:0px;
}
.ReplyForumWriter {
	padding-left: 30px; margin-right:5px !important; color:#c0c0c0 !important; font-style:italic; line-height:20px;
}
.ForumWriter {
	margin-right:5px !important; color:#888 !important; font-style:italic; line-height:20px;
}
.ForumAction {
	text-align: right; line-height:20px;
}
.ReplyForumWriter span,
.ReplyForumDescription span,
.ForumWriter span,
.ForumDescription span,
.ForumWriter.Normal { display:none; }
.ReplyForumDescription {
	overflow: hidden; padding-left: 30px;
}
.ForumDescription {
	overflow: hidden;
}

/* Profile */
#AccountProfile {
	/*float:left;*/
	width:600px; border-right:1px solid #ccc;
}
#AccountProfile * {
	margin:0px; padding:0px; list-style:none;
}
#AccountProfile li {
	clear:both; font-weight:normal; margin-right:20px; line-height:15px; border-bottom:1px solid #ccc;
}
#AccountProfile h3 {
	font-size:11px; width:40%; float:left; 
}
#AccountProfile p {
	float:left; width:55%; color:#000; margin-bottom: 3px; line-height:15px;
}

/* Drag and drop box */
#dragDropContainer{	/* Main container */
	border: #ccc 1px solid; padding: 5px; left: 10px; width: 98%; background-color: #fff; margin-top: 10px; height:300px; 
	-moz-user-select:none;
}
#dragDropContainer ul{	/* General rules for all <ul> */
	margin-top:0px; margin-left:0px; margin-bottom:0px; padding:2px;
}
#dragDropContainer li,#dragContent li,li#indicateDestination{	/* Movable items, i.e. <LI> */
	list-style-type:none; height:30px; background-color:#EEE; border: 1px solid #ccc; padding:2px; margin-bottom:2px; 
	cursor:pointer; font-size:0.9em;
}
li#indicateDestination{	/* Box indicating where content will be dropped */
	border:1px solid #317082; background-color:#FFF;
}
/* LEFT COLUMN CSS */
div#listOfItems{	/* Box B */
	float:left; padding-left:10px; padding-right:10px;
	/* CSS HACK */
	/*width: 280px;	/* IE 5.x */ /*width/* *//*:/**//*260px;	/* Other browsers */ /*width: /**//*260px;*/
	width: /**/35%;
}
#listOfItems ul{	/* Left(Sources) column <ul> */
	height:273px;	
}
div#listOfItems div{
	border:1px solid #ccc;		/* border box A */ 
}
div#listOfItems div ul{	/* Left column <ul> */
	margin-left:10px;	/* Space at the left of list - the arrow will be positioned there */
}
#listOfItems div p{	/* Heading above left column */
	margin:0px;	font-weight:bold; padding-left:12px; background-color:#fff;	 /* title bg color */
	color:#000; margin-bottom:5px;
}
/* END LEFT COLUMN CSS */
#dragDropContainer .mouseover{	/* Mouse over effect DIV box in right column */
	background-color:#D1E5F6; /* =============================================== THEMES SWITCHER ============================= */
	border:1px solid #317082;
}
/* Start main container CSS */
div#mainContainer{	/* Right column DIV */
	width: /**/40%; /*width:490px;*/ float:left;	
}
#mainContainer div{	/* Parent <div> of small boxes */
	float:left; margin-right:10px; margin-bottom:10px; margin-top:0px; border:1px solid #999;
	/* CSS HACK */
	/*width: 272px;	/* IE 5.x */ /*width/* *//*:/**//*270px;	/* Other browsers */ width: /**/270px;	
}
#mainContainer div ul{
	margin-left:10px;
}
#mainContainer div p{	/* Heading above small boxes */
	margin:0px; padding:0px; padding-left:12px; font-weight:bold;
	background-color:#465394; /* ============================================== THEMES SWITCHER ============================== *//* Box B bgcolor */
	color:#FFF;	margin-bottom:5px;
}
#mainContainer ul{	/* Small box in right column ,i.e <ul> */
	width:252px; height:80px; border:0px; margin-bottom:0px; overflow:hidden;
}
#dragContent{	/* Drag container */
	position:absolute; width:250px; height:20px; display:none; margin:0px; padding:0px; z-index:2000;
}
#dragDropIndicator{	/* DIV for the small arrow */
	position:absolute; width:7px; height:10px; display:none; z-index:1000; margin:0px; padding:0px;
}
div#arrow{	/* Right column DIV */
	width: 10%; float:left;	margin-left:15px; margin-bottom:0px; margin-top:100px;
}
/* end drag & drop */

#compound {position:relative;  padding:1em 0; height:8em; overflow:hidden; margin:0 auto;}
.linkimage
{
	float: left; width: 53px; margin: 0 0 10px 10px; background-color: #fff; padding: 10px;
}

#Action {
	padding: 5px; margin: 10px 5px 0px 0px; border: 1px solid #4E88AE; background-color: #E4F3F9; left: 10px; line-height: 17px; 
}

#Warning {
	padding: 10px; margin: 10px 5px 350px 0px; background-color: #FFCCCC; border: #FF0000 1px solid;
}

#Notice {
	padding: 5px; margin: 10px 5px 0px 0px; border: 1px solid #D4C17E; background-color: #FFFDE8; left: 10px; line-height: 17px; 
}

#Link {
	padding: 5px; margin: 10px 5px 0px 0px; border: 1px solid #c0c0c0; background-color: #eee; left: 10px; line-height: 17px; 
}

#Link p.msg {
	 outline-style:dotted;
}

/* this is to color the special text */
.greentext { color: #007300; }
.greentext a:link { color: #007300; text-decoration: none; }
.greentext a:visited { color: #007300; text-decoration: none; }
.greentext a:hover { color: #007300; text-decoration: none; }
.greentext a:active { color: #007300; text-decoration: none; }

.bluetext { color: #150185; }
.bluetext a:link { color: #150185; text-decoration: none; }
.bluetext a:visited { color: #150185; text-decoration: none; }
.bluetext a:hover { color: #150185; text-decoration: none; }
.bluetext a:active { color: #150185; text-decoration: none; }

.redtext { color: #C40000; }
.redtext a:link { color: #C40000; text-decoration: none; }
.redtext a:visited { color: #C40000; text-decoration: none; }
.redtext a:hover { color: #C40000; text-decoration: none; }
.redtext a:active { color: #C40000; text-decoration: none; }

.blacktext { color: #707070; }
.blacktext a:link { color: #000; text-decoration: none; }
.blacktext a:visited { color: #000; text-decoration: none; }
.blacktext a:hover { color: #000; text-decoration: none; }
.blacktext a:active { color: #000; text-decoration: none; }

.greytext { color: #c0c0c0; }
.greytext a:link { color: #c0c0c0; text-decoration: none; }
.greytext a:visited { color: #c0c0c0; text-decoration: none; }
.greytext a:hover { color: #c0c0c0; text-decoration: none; }
.greytext a:active { color: #c0c0c0; text-decoration: none; }

.submitLink {
   color: #09c; font: 11px Verdana, Geneva, sans-serif; background-color: transparent; text-decoration: none; border: none;
   cursor: pointer; cursor: hand; width: 150px;
}


/* admin - status table */
div.status_header {
  border-bottom: 1px solid #999999;
  width: 60%;
  color: #3896CC;
  margin-bottom:5px;
}

table.status_table {
  border-collapse: collapse;
  border: 1px solid #03476F;
  font: normal 11px verdana, arial, helvetica, sans-serif;
  color: #363636;
  background: #ffffff;
 }
td.status_table {
  border: 1px dotted #03476F;
  padding: .4em;
  color: #363636;
  width: 150px;
}

td.information {
	background-color: #FFFFFF;
	border: 1px dotted #03476F;
	padding: .4em;
	width: 500px;
}

td.online {
	background-color: #D9FFB3;
	border: 1px dotted #03476F;
	padding: .4em;
	width: 500px;
}

td.offline {
	background-color: #FFC6C6;
	border: 1px dotted #03476F;
	padding: .4em;
	width: 300px;
}