/* Sticky footer styles
-------------------------------------------------- */

html,
body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
}

/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* Negative indent footer by its height */
  margin: 0 auto -35px;
  /* Pad bottom by footer height */
  padding: 0 0 35px;
}

/* Set the fixed height of the footer here */
#footer {
  height: 35px;
  background-color: #f5f5f5;
}

.row {
	margin-left:0px;
	margin-right:0px;
}

.table 
{
    font-size:larger;
}

.whitebackground {
    background-color:white;
}

/* styles for validation helpers */
.field-validation-error {
    color: #e80c4d;
    font-weight: bold;
}

.field-validation-valid {
    display: none;
}

a.editLink
{
    background: url(../Content/Images/edit.gif) no-repeat top left;
    display: block;
    text-indent: -9999px; /* hides the link text */
    width:20px;
    height:20px;
    cursor:pointer; 
}

a.detailsLink
{
    background: url(../Content/Images/details.png) no-repeat top left;
    display: block;
    text-indent: -9999px; /* hides the link text */
    width:20px;
    height:20px;
    cursor:pointer;
}

a.deleteLink
{
    background: url(../Content/Images/delete.png) no-repeat top left;
    display: block;
    text-indent: -9999px; /* hides the link text */
    width:20px;
    height:20px;
    cursor:pointer;
}
a.saveLink
{
    background: url(../Content/Images/save.png) no-repeat top left;
    display: block;
    text-indent: -9999px; /* hides the link text */
    width:20px;
    height:20px;
    cursor:pointer;
}

a.cancelLink
{
    background: url(../Content/Images/cancel.png) no-repeat top left;
    display: block;
    text-indent: -9999px; /* hides the link text */
    width:20px;
    height:20px;
    cursor:pointer;
}

.listActions {
padding-left: 0;
margin-bottom: 0;
list-style: none;
}

.list-nav {
margin:0;
}

.list-nav>li {
float:left;
}

.list>li {
position: relative;
display: block;
}

.actions {
    width:70px;
}


/*Style Tokens*/
.MsgInfo {
    clear: both;
    font-size: 0.8em;
    display: none;
    position: relative;
}

.Info{
    background-color: #BDBDBD;
    padding: 6px 12px;
    border-radius: 4px;
    color: white;
    font-weight: bold;
    margin-left: 16px;
    margin-top: 0px;
    position: absolute;
}
.Info:before{ /* Este es un truco para crear una flechita */
    content: '';
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #BDBDBD;
    border-left: 8px solid transparent;
    left: -16px;
    position: absolute;
    top: 5px;
}

/* Estilo para mostrar un text area grande */
.textarea-large > textarea {
    width: 800px;
    height: 45px;
}