/* cell override css */

/**********************/
/****** content ******/
/********************/

div#content {
    background: transparent;
    padding: 0;
    
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

/***********************/
/****** one-cell ******/
/*********************/

div.one-cell {
    display: block;
    margin: 0 0 8px;
    padding: 4px;
    background: white;
    
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

div.one-cell h2 {
    text-align: right;
    white-space:nowrap;
    overflow: hidden;
    color: gray;
    font-size: 1.2em;
    margin: -4px -4px 0;
    padding: 2px 4px;
    background: #E1E1E1;
    
    -moz-border-radius-topleft: 8px;
    -webkit-border-top-left-radius: 8px;
    -moz-border-radius-topright: 8px;
    -webkit-border-top-right-radius: 8px;
}

/************************/
/****** four-cell ******/
/**********************/

div.four-cell {
    cursor: pointer;
    width: 195px;
    height: 200px;
    text-align: center;
    display: block;
    float: left;
    margin: 0 8px 8px 0;
    padding: 4px;
    background: white;
    border: 4px solid #E1E1E1;
    
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

div.four-cell:hover {
    border-color: #FF7F00;
}

div.four-cell h2 {
    text-align: right;
    white-space:nowrap;
    overflow: hidden;
    color: gray;
    font-size: 1.2em;
    margin: -4px -4px 0;
    padding: 2px 4px;
    background: #E1E1E1;
    
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
}

div#content img.four-cell-thumbnail {
    margin: 0;
    border: none;
}

/*************************/
/****** three-cell ******/
/***********************/

div.three-cell {
    cursor: pointer;
    width: 270px;
    height: 270px;
    text-align: center;
    display: block;
    float: left;
    margin: 0 8px 8px 0;
    padding: 4px;
    background: white;
    border: 4px solid #E1E1E1;
    
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

div.three-cell:hover {
    border-color: #FF7F00;
}

div.three-cell h2 {
    text-align: right;
    white-space:nowrap;
    overflow: hidden;
    color: gray;
    font-size: 1.2em;
    margin: -4px -4px 0;
    padding: 2px 4px;
    background: #E1E1E1;
    
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
}

div#content img.three-cell-thumbnail {
    margin: 0;
    border: none;
}