/* CSS Document */

/* base.css | v0.1 (10172009) | Thierry Koblentz
 *
 * The purpose of this styles sheet is to set default styles for common browsers and address common issues (missing scrollbar, extended buttons in IE, gap below images, etc.)
 */

/* using height:100% on html and body allows to style containers with a 100% height
 * the overflow declaration is to make sure there is a gutter for the scollbar in all browsers regardless of content
 * note that there is no font-size declaration set in this rule. If you wish to include one, you should use font-size: 100.01% to prevent bugs in IE and Opera
 */
html {
  overflow-y: scroll;
  font-size:13px;
  overflow-x:hidden;
  margin:0px;
  padding:0px;
}
/* not all browsers set white as the default background color 
 * color is set to create not too much contrast with the background color
 * line-height is to ensure that text is legible enough (that there is enough space between the upper and lower line) 
 */	
body {
  color: #444;
  font-family:Georgia, "Times New Roman", Times, serif;
  font-stretch:narrower;
  background-color: #fff;  
}

div.blockOverlay {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); 
    -moz-opacity:.70;
    opacity:.70;
    background-color: #333333;
}

#footer{
  position:fixed;
  bottom:0;
  width:100%;
  background:#222;
  padding:2px;
  color:#CCCCCC;
  opacity: 0.9;
  -moz-opacity: 0.9;
  filter: alpha(opacity=90);
  border-top:1px solid #111;
  margin-left:-10px;
  z-index:100;
}

#footer a{ color:#FFFFFF; text-decoration:none}

textarea{ font:12px Arial, Helvetica, sans-serif}

/* this choice of font-family is supposed to render text the same across platforms
 * letter-spacing makes the font a bit more legible
 */

a:link {color: #000; text-decoration:none;}
a:visited {text-decoration: none; color:#000;}
a:hover {text-decoration: underline;}


/* this is to prevent border from showing around fieldsets and images (i.e., images inside anchors)
 */
fieldset, img {
  border: 0;
}

/* to prevent a gap from showing below images in some browsers 
 */
img {vertical-align: middle;}

/* we use margin for hr for the same reason we do for table 
 */
hr {
  margin-right: 30px;
  border-style: inset;
  border-width: 1px;
}

.error_message{ background: #fffff2; border: 1px solid orange; padding: 10px; font-weight: bold; display:none }

/* top margin solution */
/* this is my approach to create white space between elements, you do not have to adhere to it
 * rather than stylling these elements with top and bottom margin, or simply bottom margin I only use top margin
 */
h1, h2, h3, h4, h5, h6, p, pre, dt, li, hr, legend, input, button, textarea, select, address, table {margin-top: 0;}

/* classes
 * to style elements with the default padding and margin we set on headings, paragraphs, lists, etc.
 * for example, this class could be used on a DIV inside a blockquote or a DIV inside a FORM, etc.
 */
.block {
  padding: 0 30px;
  margin-top: 1.2em;
}

.left{ float:left; }
.right{ float:right; }
.clear{ clear:both; }


#wrapper{ width:1015px; text-align:left;}
#header{ padding-bottom:10px; padding-top:0px; width:995px; background:#fcd6ae; padding-left:10px; padding-right:10px; margin-top:-10px; }
#content{ background:#fff; width:1015px; text-align:left; padding-top:15px;}

#navigation{position:relative;display:block;height:33px;font-size:12px; background:#fde2c4; font-family:Georgia;border-top:3px solid #333; width:1015px; background:url(/images/bg_navbar.gif) repeat-x; border-bottom:1px solid #b2a9a0;}
#navigation ul{margin:0;padding:0;list-style-type:none;width:auto;}
#navigation ul li{display:block;float:left;margin:0;}
#navigation ul li a{display:block;float:left;color:#464646; padtext-decoration:none;padding:11px 12px 0 12px;height:23px;}
#navigation ul li a:hover,#navigation ul li a.current{color:#f0f0f0; text-decoration:none; background:url(/images/bg_navbar_active.gif) repeat-x;}
#navigation ul li a.current{color:#f0f0f0; font-weight:bold;  background:url(/images/bg_navbar_active.gif) repeat-x;}

/*.btn1{ border:1px solid #999; color:#333; padding:5px; padding-left:10px; padding-right:10px; cursor:pointer; background:#f0f0f0; -moz-border-radius:3px; font-size:12px; text-shadow: #f0f0f0 1px 1px; font-family:Arial; }*/
.btn4{ border:1px solid #999999; background:#f0f0f0; cursor:pointer;  padding:4px; font-weight:normal; font-size:12px; font-family:"Tahoma"; text-shadow:0 1px 0 #ffffff; -moz-box-shadow: 1px 1px 1px #dddddd; -webkit-box-shadow: 1px 1px 1px #dddddd; -webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px; }
.btn1:hover{ border:1px solid #666; color:#000}
.btn2{ width:33%; padding:5px; margin-top:10px; font-weight:bold; cursor:pointer; color:#006699}

.btn_more{ width:100%; padding:5px; margin-top:10px; font-weight:bold; cursor:pointer; color:#669999; background:url(/images/bg_btn1.gif) repeat-x;  border:1px solid #c9c9c9;-moz-border-radius:3px; }
.btn_more:hover{ border:1px solid #999;  color:#006699;}

.btn3{ border:1px solid #666666; background:#FFCC33; cursor:pointer;  padding:8px; font-weight:bold; font-size:11px; font-family:"Tahoma"; -webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px; text-shadow:0 1px 0 #fe6; }
.btn1{ border:1px solid #d3761b; background:url(../images/bg_btn3.png) repeat-x top left; background-color:#fb9d1f; cursor:pointer;  padding:5px; padding-left:10px; padding-right:10px; font-weight:bold; font-size:12px; font-family:Arial, Helvetica, sans-serif; -webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px; text-shadow:0 1px 0 #ffc067; }

#module{ padding:1px; background:#fcd6ae; border-bottom:1px solid #ccc; -moz-border-radius:3px 3px 0 0; margin-bottom:20px; }
#module p{ padding:5px; margin-bottom:0px; }
#module .content{ background:#ffffff; padding:15px; }
#module input{ padding:2px; border:1px solid #CCCCCC; }
#module textarea{ padding:2px; border:1px solid #CCCCCC; width:99% }
#module .msg{ padding:3px; background:#FFFFCC; border:1px solid #FFCC99; color:#333333; margin-bottom:10px; padding-left:10px; -moz-border-radius:3px;}
#module .btn1{ border:1px solid #ffb470; color:#464646; padding:5px; padding-left:10px; padding-right:10px; cursor:pointer; background:#fcd6af; -moz-border-radius:3px; font-size:12px;}
#module .btn1:hover{ border:1px solid #ffb470; color:#464646; background:#ffb470}

.msg{ padding:3px; background:#FFFFCC; border:1px solid #FFCC99; color:#333333; margin-bottom:10px; padding-left:10px; -moz-border-radius:3px;}

#cartera table tr td{ border-bottom:1px solid #CCCCCC; padding:5px; }

tr.grey{ background:#E4F1F1;}

.unseen{ padding:5px; border-bottom:1px solid #FFCC99; border-top:1px solid #FFCC99; background:#FFFFCC; cursor:pointer; margin-top:5px; margin-bottom:5px;}
.unseen:hover{ background:#FFCC99;}

.wall_date{ font-size:11px; color:#666666; }

#separador{ border-bottom:1px solid #006699; background:#6699CC; height:2px; margin-top:10px; margin-bottom:10px;}
.avatar{ padding:1px; border:1px solid #CCCCCC;}
.avatar:hover{ padding:1px; background:#F8BE94; border:1px solid #F8BE94; cursor:pointer;}

.chart{ padding:3px; border:1px solid #CCCCCC;}
.chart:hover{ padding:3px; background:#F8BE94; border:1px solid #F8BE94; cursor:pointer;}


.button, .button:visited { /* botones genricos */
	padding:5px;
	cursor:pointer;
	font-weight:bold;
	color:#333333;
	-moz-border-radius: 3px;
	-webkit-border-radius:3px;
	padding:5px;
	padding-left:15px;
	padding-right:15px;	
}
.button:hover { /* el efecto hover */
  color: #000;
}
.button:active{  /* el efecto click */
  top: 1px;
}

 /* botones pequeos */
.small.button, .small.button:visited {
  font-size: 13px ;
  font-family:"Tahoma";
}

.orange.button, .orange.button:visited { background-color: #facf9c; font-weight:bold; 	border:1px solid #FFBB99; }
.orange.button:hover{ background-color: #facf9c; }

.module_break{ border-bottom:1px solid #999; padding-bottom:5px; margin-bottom:5px; }

.error_form{ background:#666666; color:#fff; font-weight:bold; font-size:12px; padding:5px; -webkit-border-radius:2px; -moz-border-radius: 2px;}

#registro .input{ padding:5px; font-size:16px; font-weight:bold; width:90%; border:1px solid #464646; margin-bottom:5px;}
#registro .btn{ padding:10px; font-size:16px; border:1px solid #464646; margin-top:10px; cursor:pointer; -webkit-border-radius:2px; -moz-border-radius: 2px; margin-bottom:5px;}

#menu_conf ul{ list-style:none; padding:0px; margin:0px;  }
#menu_conf ul li{ padding:5px; border-bottom:1px solid #CCCCCC; border-top:1px solid #FFFFFF; background:url(/images/separator.png) no-repeat left; padding-left:20px; } 
#menu_conf ul li.active{ font-weight:bold; text-decoration:underline; background-color:#ffffff}
#menu_conf ul li:hover{ background-color:#ffffff}

#signup-btn{margin:15px 0;padding:0;}#signup-btn a{background:#fa2 url(../images/bg-btn-signup.png) repeat-x 0 0;display:block;padding:8px 10px;border:1px solid #fa2;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;text-decoration:none;text-align:center;color:#333;text-shadow:0 1px 0 #fe6;font:bold 12px Arial,Sans-serif;}#signup-btn a:hover,#signup-btn a:focus{background-position:0 -5px;color:#111;}#signup-btn a:active{background-image:none;}

.popup .title{ padding:5px; text-align:left; background:#333333; font-size:13px; font-weight:bold; border-bottom:1px solid #CCCCCC; color:#FFFFFF;}
.popup .form_popup{ padding:15px; text-align:left; padding-bottom:0px;}
.popup textarea{ border:1px solid #999999; padding:3px; width:98%}
.popup .btn{ padding:15px; text-align:center}
.popup p{ text-align:left; padding:10px; padding-bottom:0px;margin:0px;}
.popup .close a{ background:#000000; color:#666666; padding:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding-left:5px; padding-right:5px; }
.popup .close a:hover{ text-decoration:none;}

#paginacion{ padding:10px; background:#eeeeee; border-bottom:1px solid #CCCCCC;border-top:1px solid #CCCCCC;}
#paginacion a{ padding:4px; margin:4px; color:#333333; }
#paginacion .disabled{ padding:4px; margin:4px; }
#paginacion .active{ padding:4px; margin:4px; color:#000000; font-weight:bold; color: #000000;  }

.forum_link_small a:link{ color: #666666; }
.forum_link_small a:visited{ color: #666666; }