/* 
    Document   : globalStyles
    Created on : 28/11/2007, 01:18:14 PM
    Author     : zachariel
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666666;
    background-color: #FFFFFF;
    margin: 0;
}

form {
    margin: 0px;
    padding: 0px;
}

#content {
    width: 968px;
    margin: auto;
}

.clearfix {
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0px;
    height: 0px;
    font-size: 1px;
}

.just10pad {
    padding: 10px;
}

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

.diez {
    font-size: 10px;
}

.doce {
    font-size: 12px;
}

a.gray:link, a.gray:active, a.gray:visited {
    color: #333333;
    text-decoration: none;
}

a.gray:hover {
    text-decoration: underline;
}

a.cur:link, a.cur:active, a.cur:visited {
    background-image: url(../img/bk-page.gif);
    color: #fa3805;
    border: 1px solid #CCCCCC;
    background-repeat: repeat-x;
    background-color: #FAF6F3;
    background-position: bottom;
    padding-top: 1px;
    padding-right: 5px;
    padding-bottom: 1px;
    padding-left: 5px;
    text-decoration: none;
}

a.cur:hover {
    text-decoration: underline;
}

a.blue:link, a.blue:active, a.blue:visited {
    color: #0B358B;
    text-decoration: none;
}

a.blue:hover {
    text-decoration: underline;
}

.justblue {
    color: #0B358B;
}

a.usernameblue:link, a.usernameblue:active, a.usernameblue:visited {
    text-transform: capitalize;
    color: #0B358B;
    text-decoration: none;
}

a.usernameblue:hover {
    text-transform: capitalize;
    text-decoration: underline;
}

a.orange:link, a.orange:active, a.orange:visited {
    color: #fa3805;
    text-decoration: none;
}

a.orange:hover {
    text-decoration: underline;
}

.justorange {
    color: #FA3805;
}

#newfooter {
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    font-size: 11px;
    color: #656565;
    text-align: center;
}

#newfooter a:active, #newfooter a:link,  #newfooter a:visited{
    text-decoration: none;
    color: #f47421;
}

.error {
    color: #FF0000;
    font-size: 12px;
}

.subTitle {
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    margin-left: 15px;
}

.mini {
    font-size: 9px;
    height: 10px;
}

/****************************************************************************
*****************************************************************************
*******************  ESTILOS PARA EL HEADER *********************************
*****************************************************************************
*****************************************************************************/

#signup {
    height: 20px;
    background-color: #f3f3f3;
    background-image: url(../img/pleca-header.gif);
    background-position: bottom;
    background-repeat: no-repeat;
    padding: 5px 15px;
}

#signup a:link, #signup a:active, #signup a:visited {
    text-align: right;
    color: #f47a29;
    font-weight: bold;
    text-decoration: none;
}

#signup a:hover {
    color: #0076c0;
}

#signright {
    float: right;
}

#header {
    padding: 10px 18px 10px 15px;
    height: 60px;
}

#header ul {
    padding-top: 18px;
    font-size: 11px;
    text-align: right;
    margin: 0;
}

#header li {
    display: list-item;
    color: #0076c0;
    list-style-image: url(../img/cruz.gif);
    list-style-position: left;
}

#header a:link, #header a:active,  #header a:visited {
    text-decoration: none;
    color: #0076c0;
    font-weight: bold;
}

#header a:hover {
    color: #f47a29;
}

#header img {
    float: left;
}

/****************************************************************************
*****************************************************************************
*******************  ESTILOS PARA EL HEADER *********************************
*****************************************************************************
*****************************************************************************/


/****************************************************************************
*****************************************************************************
*******************  ESTILOS PARA EL CONTENIDO PRINCIPAL ********************
*****************************************************************************
*****************************************************************************/
.divScroll {
    /*
    overflow: auto;*/
    padding: 15px;
    width: 610px;
    height: auto;
    text-align:justify;    
}

#bodyDiv {
    text-align: center ;
    width: 100% ;
}

#contentDiv {
    text-align: left;
    padding-top: 20px;
}

/*#contenido {
    padding-top: 20px;
}*/

#tabBg {
    background-image: url(../img/bk-tabbott.gif);
    background-repeat: repeat-x;
    height: 34px;
    _width: 740px;
    @width: 740px;

}

#tabTitle {
    background-image: url(../img/bk-tab.jpg);
    background-repeat: no-repeat;
    width: 389px;
    height: 34px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: normal;
    color: #494949;
    line-height: 34px;
    padding-left: 20px;
    overflow:hidden;
}

#tabTitle span {
    float: right;
    margin-right: 35px;
    _margin-right: 20px;

}
#tabTitle a:link, #tabTitle a:active, #tabTitle a:visited {
    font-size: 10px;
    color: #666666;
}

#tabTitle a:hover {
    text-decoration: none;
}

#leftcol {
    width: 740px;
    float: left;
    _padding-right:10px;
    @padding-right:10px;
    _margin-right:10px;
    @margin-right:10px;
    _overflow: hidden;
    @overflow: hidden;
}

#tabContent {
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    /*_WIDTH: 733px; @width: 733px;*/
    _WIDTH: 740px; @width: 740px;
    padding: 20px; _PADDING-RIGHT: 10px; @PADDING-RIGHT: 10px;
    _overflow: hidden;
    @overflow: hidden;
}

#tabContent h1 {
    color: #0b358b;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: normal;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    display: block;
}

#tabContent p {
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    font-size: 12px;
}

#tabContent h3 {
    color: #F47421;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
}

#tabContent  ol {
    list-style-type: lower-alpha;
    color: #000000;
}

#posted {
    color: #999999;
    margin-top: 15px;
}

#publicProfile h1 {
    color: #012d90;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
}

.profTitle {
    background-color: #f7f7f7;
    margin-top: 15px;
    padding: 5px;
    color: #012D90;
    font-size: 16px;
    font-weight: bold;
    line-height: 16px;
    margin-bottom: 10px;
}

.profTitle a:link, .profTitle a:visited, .profTitle a:active {
    font-weight: normal;
    font-size: 11px;
    color: #ff3606;
    text-decoration: none;
}

.profTitle a:hover {
    text-decoration: underline;
}

/****************************************************************************
*****************************************************************************
*******************  ESTILOS PARA EL CONTENIDO PRINCIPAL ********************
*****************************************************************************
*****************************************************************************/

/****************************************************************************
*****************************************************************************
********************** INICIO CLASES PAGINACION *****************************
*****************************************************************************
*****************************************************************************/
.pagination {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
}
.currentPage {
    background-color: #FAF6F3;
    background-image: url(../img/bk-page.gif);
    background-position: center bottom;
    background-repeat: repeat-x;
    border: 1px solid #CCCCCC;
    color: #FA3805;
    padding: 1px 5px;
}

a.changePage:link, a.changePage:active, a.changePage:visited {
    color: #0B358B;
    text-decoration: none;
}

a.changePage:hover {
    text-decoration: underline;
}

a.linkPrevNext:hover {
    text-decoration: underline;
}
a.linkPrevNext:link, a.linkPrevNext:active, a.linkPrevNext:visited {
    color: #FA3805;
    text-decoration: none;
}

.pageFlechas {
    color: #0B358B;
    font-size: 16px;
    font-weight: bold;
}
/****************************************************************************
*****************************************************************************
********************** FIN CLASES PAGINACION *****************************
*****************************************************************************
*****************************************************************************/

#rightCol {
    float: left;
    width: 218px;
    padding-left: 10px;
    _padding-left: 5px;
    @padding-left: 5px;
    _overflow:hidden;
    @overflow:hidden;
}

.comments {
    margin-top: 15px;
}

.comments h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: normal;
    margin: 0px;
}

.commentscontainers p {
    padding: 10px;
}

.respcommentscont p {
    padding: 0px 0px 18px;
}

.respcommentscont {
    font-size: 12px;
    margin-left: 40px;
}

.whocomment {
    background-color: #d5e1ed;
    border-top: 3px solid #4E70AF;
    padding: 5px;
    font-size: 12px;
}

table.list td.lstbody {
    background-color: #fafafa;
    background-image: url(/academicpapers/img/lst_body_bg.gif);
    background-repeat: repeat-x;
    border-top: 1px solid #FFFFFF;
    padding: 10px;
    margin: 0px;
}

table.list td.lstbodywi {
    background-color: #fafafa;
    border-top: 1px solid #FFFFFF;
    padding: 10px;
    margin: 0px;
}

/* Estilo para el inbox */
table.list td.lstbodyinboxgray {
    background-color: #efefef;
    border-top: 1px solid #FFFFFF;
    padding: 2px;
    margin: 5px;
}

table.list td.lstbodyinboxgraylight {
    background-color: #f9f8f6;
    border-top: 1px solid #FFFFFF;
    padding: 2px;
    margin: 5px;
}

table.list td.lstbody a.comment {
    color: #00527a;
    font-size: 9px;
    text-decoration: none;
}

table.list td.lstbodywi a.comment {
    color: #00527a;
    font-size: 9px;
    text-decoration: none;
}

.divScrollcomment0 {
    /*margin-bottom: 10px;
    height: auto;
    width: 690px;
    overflow: auto;*/
}

.divScrollcomment1 {
   /*margin-bottom: 10px;
    height: auto;
    width: 660px;
    overflow: auto;*/
}

a.aboutlink {
    color: #0000FF;
}

/****************************************************************************
*****************************************************************************
********************** BEGIN CLASES HOME DIV    *****************************
*****************************************************************************
*****************************************************************************/
.whatallbox {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    border: 1px #CCC solid;
}

.whatalltitle {
    height: 6px;
    text-align: right;
    padding-top: 2px;
    padding-right: 10px;
}

.whatallcontent {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #333333;
    padding-top: 5px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
}

/****************************************************************************
*****************************************************************************
********************** BEGIN CLASES HOME DIV   *****************************
*****************************************************************************
*****************************************************************************/



/****************************************************************************
*****************************************************************************
********************** BEGIN CLASES WHAT IS THIS  *****************************
*****************************************************************************
*****************************************************************************/

.whatbox {
    width: 677px;
    margin-right: auto;
    margin-left: auto;
    margin-top: -20px;
    background-image: url(/commons/img/whatboxbott.gif);
    background-repeat: no-repeat;
    background-position: bottom;
    background-color: #EBEBEB;
    /*display:none;*/
}

.whattitle {
    background-image: url(/commons/img/whatboxtop.gif);
    background-repeat: no-repeat;
    background-position: top;
    height: 6px;
    text-align: right;
    padding-top: 13px;
    padding-right: 10px;
}

.whatcontent {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #333333;
    padding-top: 5px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
}

/****************************************************************************
*****************************************************************************
********************** END CLASES WHAT IS THIS  *****************************
*****************************************************************************
*****************************************************************************/

/* 
    Created on : December 1, 2007, 2:40 PM
    Author     : Ein
    Description:
        Los estilos siguientes son para la página "index.jsp".
*/

.banner740 {
    margin-bottom: 15px;
}

.maincol h1 {
    color: #FA3805;
    background-color: #fbfbfb;
    background-image: url(../img/bk-maintitle.jpg);
    background-repeat: repeat-x;
    border-bottom: 1px solid #E4E4E4;
    font-size: 16px;
    padding: 5px;
    margin-bottom: 5px;
}

.maincol h3 {
    margin: 0px;
    font-size: 14px;
}

.maincol span {
    font-size: 10px;
    line-height: 18px;
}

.mainnewpic {
    height: 50px;
    width: 50px;
    margin-right: 2px;
    margin-left: 2px;
    float: left;
    margin-top: 3px;
    text-align:center;
}

.maincontentind p {
    margin: 0px;
    padding-left: 12px;
    font-size: 12px;
}

.maincontentind {
    padding: 5px;
    border-bottom: 1px dotted #999999;
    margin-bottom: 8px;
}

.mainRSS {
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: right;
    line-height: 16px;
    font-size: 12px;
}

.mainvidpic {
    float: left;
    margin: 5px 5px 5px auto;
    border-style: none;   
}

.mainrecrat {
    float: right;
    height: 90px;
    margin-left: 5px;
    font-size: 9px;
    text-align: right;
    color: #0B358B;
}

#maincontleft {
    width: 359px;
    float: left;
    padding-right: 10px;
}

#mainnewmember {
    background-image: url(../img/bk-mainnewmembers.gif);
    background-repeat: repeat-x;
    background-position: 30px;
}

#mainnewusin {
    width: 330px;
    margin-right: auto;
    margin-left: auto;
}

#mainnewmtexts {
    float: right;
    width: 140px;
    font-size: 10px;
}

#maincontright {
    float: left;
    width: 359px;
   /* border-left: 1px solid #CCCCCC;*/
    padding-left: 10px;
}

.posted {
    color: #999999;
    margin-top: 15px;
    font-size: 12px;
    float:left;
}

.posted_home {
    color: #999999;
    margin-top: 10px;
    font-size: 12px;
}


.favorites{
    color: #999999;
    margin-top: 15px;
    font-size: 12px;
    width : 600px;
    float:left;
}

.favoritesreeltime{
    color: #999999;
    margin-top: 15px;
    font-size: 12px;
    width : 200px;
    float:left;
}

.clearfix {
    clear: both;
    font-size: 1px;
    overflow: hidden;
    visibility: hidden;
    height: 0px;
    line-height: 0px;
}

#submit {
    background-image: url(/commons/img/back-boton.gif);
    background-repeat: repeat-x;
    border: 1px solid #636363;
    cursor: pointer;
    padding: 1px 6px;
    font-size: 11px;
}

.gencont {
    background-position:center bottom;
    background-repeat:repeat-x;
    padding-left:10px;
}



/****
** BLOGS
*/

#l_sidebar {
	border: 1px solid #CCCCCC;
	padding-right: 10px;
        margin-bottom: 10px;
	}
	
#l_sidebar ul {
	list-style-type: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	}
	
#l_sidebar li {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	}

/*#Categories li{
	background-image: url(/img/blog/arrow.jpg);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	list-style-type: none;
	}

#Recent li{
        background-image: url(/img/blog/arrow.jpg);
        background-repeat: no-repeat;
        background-position: 0px 3px;
	}*/
	
#l_sidebar ul li a {
	font-family: 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
        font-size: 13px;
	color: #507AA5;
	text-decoration: none;
	}

#l_sidebar ul li a:hover {
        color: rgb(204, 102, 0);
	}
	
        
#l_sidebar h2 {
	color: #FD3200;
	font-size: 16px;
	margin: 0px;
}
#Recent li {
	background-image: url(../img/bullet-orange.gif);
	background-repeat: no-repeat;
	background-position: 2px 7px;
}
#Categories li {
	background-image: url(../img/bullet-orange.gif);
	background-repeat: no-repeat;
	background-position: 2px 7px;
}
#Archives li {
	background-image: url(../img/bullet-orange.gif);
	background-repeat: no-repeat;
	background-position: 2px 7px;
}
#Blogroll li {
	background-image: url(../img/bullet-orange.gif);
	background-repeat: no-repeat;
	background-position: 2px 7px;
}

/** Begin  Estilos para el home photoessay **/
.maincajasphotos {
border:1px solid #CCCCCC;
margin-bottom:15px;
}
.maincajasphotos h3 {
color:#0B358B;
font-size:12px;
margin:0px;
}
.featphotoctrl a:link, .featphotoctrl a:active, .featphotoctrl a:visited {
color:#0B358B;
text-decoration:none;
}
.featphotoctrl a:hover {
text-decoration:underline;
}
.featphoto {
margin-bottom:4px;
margin-right:10px;
margin-top:4px;
text-align:center;
}
.featphotoctrl {
color:#FA3805;
font-size:10px;
margin-bottom:10px;
margin-right:10px;
}

.flechasgdenaranja {
color:#FA3805;
font-family:Arial,Helvetica,sans-serif;
font-size:18px;
font-weight:bold;
}
/** End Estilos para el home photoessay **/