body {
  background:#333333;
  margin:0;
  padding:0;
  font-family:'vera sans',helvetica,sans-serif;
  font-size:12px;
  color:#111;
}

a:link, a:active {
color: #000000;
  background:transparent;
  text-decoration:none;
}

a:visited {
  color:#000000;
  text-decoration:none;
}

a:hover {
  text-decoration:none;
  color:#800000;
}

/* Start Required */

a.main:link, a.main:visited, a.main:active {
  color: #000000;
  text-decoration: none;
  border-bottom: 0px;
  font-weight: bold;
  font-size: 12px; 
}

a.main:hover {
 text-decoration:none;
 color:#FFCC66;
}

.row1 {
  background-color:#FFF;
}

.row2 {
   background-color: #F6F6F6;
}

.comment-by {
  clear:both;
}

.comment1 {
  clear:both;
  background:#f6f6f6;
  border:1px solid #ddd;
  overflow:auto;
}

.comment1 .bot {
  min-height:100px;
}

.comment2 {
  clear:both;
  margin:4px 0;
  border:1px solid #ddd;
  overflow:auto;
}

.comment2 .bot {
  min-height:100px;
}

.comment1, .comment2 {
  padding:4px;
}


.baja {
  background-color:#FF0000;
  text-align:center;
  border: 1px solid #C2CFDF;
}

.media {
  background-color:#FFFF00;
  text-align:center;
  border-top: 1px solid #C2CFDF;
  border-bottom:1px solid #C2CFDF;
}

.alta {
  background-color:#00FF00;
  text-align:center;
  border-top: 1px solid #C2CFDF;
  border-bottom:1px solid #C2CFDF;
}

.des {
  background-color:#DFDFDF; 
  color:#999999;
  text-align:center;
  border: 1px solid #C2CFDF;
}


.quote {
  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #444444; line-height: 125%;
  background-color: #FAFAFA; 
  border: #D1D7DC; border-style: solid;
  border-left-width: 1px;
  border-top-width: 1px; 
  border-right-width: 1px; 
  border-bottom-width: 1px;
  padding:5px 0px 5px 5px;
}

.code {
  font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #006600;
  padding: 4px 0px 5px 4px;
  background-color: #FAFAFA; border: #D1D7DC; border-style: solid;
  border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px;
  margin: 1px auto 1px auto;
  width: 450px;
  white-space: nowrap;
  overflow: auto;
}

.status {
  width: 98%;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #aaaaaa;
  font-family:"Comic Sans MS",arial, verdana,sans-serif;
  background-color: #f5fbfb; 
  padding: 1px;
}

#float-box {
  position:absolute;
  height: 200px;
  width: 300px;
  background-color: #f4f4f4;
  border: 1px solid #333;
  padding: 4px;
  margin: 0;
}

.menus {
  padding:1px;
}

.sidesblocks {
  margin-bottom:9px;
  margin-left:1px;
  margin-right:1px;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color:#000;
  width:150px;
}

.centerblocks {
  margin-bottom:9px;
  margin-left:2px;
  margin-right:2px;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color:#000;
}

.karma_complete {
  background-color:#FF9900;
  height:5px;
}

.karma_high {
  background-color:#FFCC66;
  height:5px;
}

.karma_medium {
  background-color:#000000;
  height:5px;
}

.karma_low {
  background-color:#D40055;
  height:5px;
}

a.install:link, a.install:visited, a.install:active {
  color: green;
  text-decoration: none;
  border-bottom: 0px;
  font-weight: bold;
  font-size: 12px; 
}

a.install:hover {
  color: #FF9900;
  border-color: #FF9900;
  border-width:thin;
}

.baja {
  background-color:#FF9900;
  text-align:center;

}

.media {
  background-color:#FF9900;
  text-align:center;
}

.alta {
  background-color:#00FF00;
  text-align:center;
}

.des {
  background-color:#CCCCCC; 
  border-left: black 1px solid;
  color:#999999;
  text-align:center;
}

.tab, .tab-hover {
	width: 70px;
	height: 16px;
	position: relative;
	top: 0;
	display: inline;
	float: left;
	overflow: hidden;
	margin: 1px -1px 1px 2px;
	padding: 2px 0px 0px 0px;
	border: 0;
	z-index: 1;
	font: 11px Tahoma;
	white-space: nowrap;
	text-align: center;
}

.tab {
  background-image: url( "images/tab.png" );
}

.tab-hover {
  background-image: url( "images/tab_hover.png" );
}

.tab-page {
  background: rgb( 252, 252, 254 );
  z-index: 2;
  position: relative;
  top: -2px;
  font: 11px Tahoma;
  color: #333;
  padding: 5px;
  width: 97%;
  float: left;
}

#stars {
  background-color:#FFFBF0; 
  border: 1px solid #FFCC66;
  border-style:solid;
  border-width:1px; 
  padding:4px;
  margin-left:3px;
}

#progressPane{
  width:350px;
  height:90px;
  background-color:#F6F6F6;
  z-index:5000;
  position:absolute;
  left:25%;
  visibility:hidden;
  border:1px solid #000;
}

#progressBar_bg{
  position:absolute;
  left:50%;
  top:50%;
  width:300px;
  height:20px;
  border:1px solid #000;
  background-color:#EEE;
  margin-left:-150px;	
  margin-top:-20px;
  text-align:center;
}

#progressBar_outer{
  position:absolute;
  left:0px;
  top:0px;
  width:0px;	
  height:100%;
  overflow:hidden;	
}
	
#progressBar{
  position:absolute;
  left:0px;
  top:0px;
  width:300px;
  background-color:#184EB8;
  height:100%;
  z-index:5000;
}

#progressBar_txt{
  color:#000;
  z-index:10000;
  width:100%;
  height:100%;
  left:0px;
  top:0px;
  position:absolute;		
  font-family:arial;
  font-size:0.8em;
  line-height:20px;	/* Same as height of progress bar */
}

#cLoadingIndicator{
	position: fixed;
	z-index: 2;
	bottom: 0;
	right: 0;
	width: 20em;
	margin: 1em;
	padding: 7px 5px 7px 10px;
	font: 12px/1.2em "Lucida Console", "Courier New", monospace;
	text-align: left;
	visibility:hidden;
	color: #111;
	background-color: #FF9900;
	border: 1px solid #111;
}

/* star html hack - IE only */
* html #cLoadingIndicator{
	position: absolute;
}

/* a bet on future IEs */
#cLoadingIndicator[id]{
	position: fixed;
}

#sidebar_right {
  float:right;
  display:block;
}

#sidebar_left {
   float:left;
   display:block;
}

/* End Required */

.catrow {
  background-color:#CCCCCC;
}

table {
  border: 0;
}

img { 
  border: 0;
}

td {
  font-family : Arial, Helvetica, sans-serif;
  font-size: 12px;
}

.header {
  background-color:#FFF;
/*  background-position:top;
  height:140px;*/
  margin-top:0px;
  padding:0px;
}

.center {


}

.footer {
  padding-top:20px;
}

.message_do {
  background: #FBFBFB; 
  border: 1px solid #C2CFDF;
  background: #F4E7EA;
  border: 1px solid #986265;
  font-size: 11px;
  font-weight: bold; 
  letter-spacing: 1px;
  padding: 7px 4px 7px 4px; 
  width:98%;
}

.error_msg {
  background: #FBFBFB; 
  border: 1px solid #C2CFDF;
  background: #F4E7EA;
  border: 1px solid #986265;
  font-size: 11px;
  font-weight: bold; 
  letter-spacing: 1px;
  padding: 7px 4px 7px 4px; 
  width:98%;
}

h1 {
  font-family: trebuchet ms,arial,helvetica,sans-serif;
  margin-bottom:0.2em;
  font-size:18px;
  margin: 0px 0px 5px 0px;
  padding: 0 0 .1em;
  border-bottom: 1px dotted #3a6094;
}

.subtitle {
  margin: 0px 0px 5px 0px;
  padding: 0 0 .1em;
  font-family: Arial,Verdana,Sans-serif;
  font-size: 15px;
  font-weight:bold;
  color:#C10000;
  margin-left:20px;
}

.contentline {
	text-align: left;	background-color:#000;

}

.contentline th { 
	text-align: center; 
	white-space: nowrap;
}

.maintitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#3973AC;
	font-weight: bold;
	background-color:inherit;
	display:block;
}

.lib {
  margin: 0px 0px 5px 0px;
  padding: 0 0 .1em;
  font: 150%/1.2em Arial,Verdana,Sans-serif;
  color: #c00;
}

.setting {
  font-size: 15px;
  color: #375975;
  font-weight: bold;
}

button, input[type="button"], input[type="submit"]  {
        background-color: #efefef;
        color: #666;
        border: 1px solid #999;
        border-top: 1px solid #ddd;
        border-left: 1px solid #ddd;
        font-weight: bold;
        margin-left: 2px;
        margin-right: 2px;
}

                                                                                                                                                             
button:hover, input[type="button"]:hover, input[type="submit"]:hover  {
  background-color: #FF9900;
  color: #fff;
}
                                                                                                                                                             
button:active, input[type="button"]:active, input[type="submit"]:active {
  background-color: #fff;
  color: #000;
  border: 1px solid #1c4b7c;
}

table.tableform td.button {
  text-align: center;
}

input[type="text"], input[type="password"], textarea { 
  color: #333;
  background-color: #fff;
  border: 1px solid #ddd;
  border-top: 1px solid #999;
  border-left: 1px solid #999;
  padding:3px;
}

input[type="text"]:focus, input[type="password"]:focus, textarea:focus{ 
  color: #000;
  background-color: #fff; 
  border: 1px solid #1c4b7c;
}

textarea {
  font-family: "Trebuchet MS",arial, verdana,sans-serif;
  font-size: 11px;
  line-height: normal;
  color: #555;
}

input { 
  text-indent : 2px; 
}

select{
  background-color: #fff;
  border: 1px solid #ddd;
  font-family: verdana, helvetica, sans-serif;
  font-size: 11px;
  margin: 0;
  padding: 0;
}

hr { 
  height: 0;
  border: solid #000 0px;
  border-top-width: 1px;
}

.copyright {
  clear: both;
  color: #FF9900;
  padding:2px;
  font-size:11px;
}

.copyright a, .copyright a:visited {
  color: #FF9900;
  text-decoration: none;
}

.copyright a:hover {
  color: #FFCC66;
  text-decoration: none;
}

.copyright, a:active {
  color: #000;
  text-decoration: none;
}

.details {
	color:#999999;
	font-size:10px;
	font-weight: bold;
	background-color:inherit;
}

.sitetitle {
  font-size: 25px;
  font-family:"Comic Sans MS";
  font-weight:bold;
  margin-left:40px;
  color:#000;
}

/* th */
th, td.th { 
  font-size: 12px; 
  font-weight: bold; 
  height: 25px; 
  padding: 0; 
  white-space: nowrap; 
  background-color:#FF9900;
  color: #F0F0F0;
}

td.set {
   background-color:#C0C0C0;
}

.postbody {
   font-family:Arial, Helvetica, sans-serif;
}

.imagen {
  border-color: #000000;
  border-style: solid;
  border-width: 1px;
  margin: 2px;
}

li {
  list-style:square;
}

.gentab {
  border: 1px solid #69f;
}

.news_image {
  border-width:1px;
  float: left;
  padding:5px;
}

.linkajax {
  font-size: 10px;
  color: #FFF;
  font-weight: bold;
  color:#FFFFFF;
}

a.linkajax:link, a.linkajax:visited, a.linkajax:active {
  font-size: 10px;
  color: #FFF;
  font-weight: bold;
  color:#FFFFFF;
}

a.linkajax:hover {
  color: #CFCFCF;
}

.error_login {
  font-size: 11px;
  font-weight:bold;
  color:#c00;
  padding:2px;
}

.modsx   {
background-color:#FFF; 
  width:100%;{

}

/* -- My Css --- */

h2 {
  font-size:11px;
  margin:10px 0 5px 0;
  padding:0 5px;
}

.sidebox, .rounded {
  clear:both;
}

.userpost, .staffpost {
  clear:both;
}

.userpost h3, .staffpost h3 {
  margin:0px 0px 0px 0px;
}

#side h2, caption, .rounded h2, .rounded h3 {
  margin:5px 0 3px 0;
  text-align:left;
}

.clear {
  clear:both;
}

.rounded {
  clear:both;
  margin:12px 0;
  border:1px solid #d1d1d1;
  background:#f6f6f6;
  padding:10px;
}

.rounded:before {
  display:block;
  height:9px;
  background: transparent url(images/c2.png) top right no-repeat;
  content: url(images/c1.png);
  line-height:1px;
  font-size:1px;
  margin:-11px -11px 0 -11px;
}

.rounded:after {
  display:block;
  height:9px;
  background: transparent url(images/c4.png) bottom right no-repeat;
  content: url(images/c3.png);
  line-height:1px;
  font-size:1px;
  margin:1px -11px -11px -11px;
}

.txt {
  padding:5px 5px 10px 5px;

}

.txt h2, .txt h3 {
  padding:0;
  background:#fff;
  border:none;
}

.txt {
  clear:both;
  padding-left:0px;
}

.txt:after {
  content:"."; 
  display:block; 
  height:0; 
  clear:both; 
  visibility:hidden;
}

.poster {
  font-size:11px;
  color:#555;
}

.postheader {
  font-size:20px;
}

.postheader a:link, .postheader a:visited, #main .bubble a:hover {
  text-decoration:none;
  color:#111;
}

.sidebox .pad {
  padding:5px 8px;
  background:transparent ;
}

.sidebox p {
  margin:0 0 5px 0;
}

.subpage .sidebox, .subpage .sidebox .pad {
  background:#f6f6f6;
}

#textbox .pad {
  padding:10px 12px 0 30px;
}

.sidebox {
  background:#f5f6f8;
  margin-bottom:12px;
}

.sidebox h2 {
  background:#3883C4;
  color:#fff;
  margin:0;
  padding:3px 8px 2px 8px;
  font-size:12px;
  border-bottom:1px solid #28598b;
}

.sidebox .pad {
  padding:5px 8px;
  text-align:left;
}

.block_top {
  width:151px;
  margin-left:1px;
  margin-right:1px;
  margin-bottom:10px;
  border:1px solid #aaa;
  text-align:center;
}

.block_top2 {
  width:100%;
  margin-left:1px;
  margin-right:1px;
  margin-bottom:15px;
  border:1px solid #aaa;
  text-align:center;
}

fieldset {
  border: 1px solid #ddd;
  padding: 4px;
  width: 130px;
}

.g_span {
  background-color:#FFFBF0; 
  font-size: 11px;
  font-weight: bold; 
  letter-spacing: 1px;
  padding:4px;
  border:1px solid #FF9F00;
  border-color:#FFD2A6
}