caption.popup {
 color: white;  
}


.spoiler-title {
font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
font-size: 14px;
border-radius: 10px;
border-spacing: 0;
text-align: left;
table-layout:fixed;
}

caption.popup {
 color: white;  
}

table {
font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
font-size: 14px;
border-radius: 10px;
border-spacing: 0;
text-align: center;
table-layout:fixed;
}
th {
background: #6699ff;
color: white;
text-shadow: 0 1px 1px #2D2020;
/*padding: 10px 20px;*/
}
tr.in_a_row {
background: #bbff99;	
}
tr.not_in_a_row {
background: #ffcce6;	
}
th, td {
border-style: solid;
border-width: 0 1px 1px 0;
border-color: white;
}
th:first-child, td:first-child {
text-align: center;
}
th:first-child {
border-top-left-radius: 10px;
}
th:last-child {
border-top-right-radius: 10px;
border-right: none;
}
td.name {
text-align: left;
width:150px;
word-wrap:break-word;
/*padding: 10px 20px;*/
/*background: #F8E391;*/
}
tr:last-child td:first-child {
border-radius: 0 0 0 10px;
}
tr:last-child td:last-child {
border-radius: 0 0 10px 0;
}
tr td:last-child {
border-right: none;
}

tr.in_a_row {
background: #bbff99;	
}
tr.not_in_a_row {
background: #ffcce6;	
}
tr.stayed_home {
background: #61c3ff;	
}



/*
	Table 2 Styling
	*/
 table.newtable {
    overflow:hidden;
    border:1px solid #d3d3d3;
    background:#fefefe;
    width:100%;
    margin:5% auto 0;
    -moz-border-radius:5px;
    /* FF1+ */
    -webkit-border-radius:5px;
    /* Saf3-4 */
    border-radius:5px;
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    border-collapse: separate !important;
}
table.newtable th, td {
    padding: 4px 14px 4px;
    text-align:center;
}
table.newtable th {
    padding-top:14px;
    padding-bottom:10px;
    text-shadow: 1px 1px 1px #333;
    background:#043168;
    color:#fff;
    font-size:16px;
    font-weight:700;
}
table.newtable td {
    border-top:1px solid #e0e0e0;
    border-right:1px solid #e0e0e0;
}
table.newtable tr.odd-row td {
    background:#f6f6f6;
}
table.newtable td, th {
    /*text-align:left*/
}
table.newtable td.last {
    border-right:none;
}
table.newtable th.small {
    font-size:13px;
}
/*
	Background gradients are completely unnecessary but a neat effect.
	*/
 table.newtable td {
    background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);
    background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe));
}
table.newtable tr.odd-row td {
    background: -moz-linear-gradient(100% 25% 90deg, #f6f6f6, #f1f1f1);
    background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f1f1f1), to(#f6f6f6));
}
table.newtable th {
    background: -moz-linear-gradient(100% 60% 90deg, #043168, #0D4D8E);
    background: -webkit-gradient(linear, 0% 0%, 0% 60%, from(#0D4D8E), to(#043168));
}
/*
	I know this is annoying, but we need additional styling so webkit will recognize rounded corners on background elements.
	And, since we've applied the background colors to td/th element because of IE, Gecko browsers also need it.
	*/
 table.newtable tr:first-child th.first {
    -moz-border-radius-topleft:5px;
    -webkit-border-top-left-radius:5px;
    border-top-left-radius:5px;
    /* Saf3-4 */
}
table.newtable tr:first-child th.last {
    -moz-border-radius-topright:5px;
    -webkit-border-top-right-radius:5px;
    border-top-right-radius:5px;
    /* Saf3-4 */
}
table.newtable tr:last-child td.first {
    -moz-border-radius-bottomleft:5px;
    -webkit-border-bottom-left-radius:5px;
    border-bottom-left-radius:5px;
    /* Saf3-4 */
}
table.newtable tr:last-child td.last {
    -moz-border-radius-bottomright:5px;
    -webkit-border-bottom-right-radius:5px;
    border-bottom-right-radius:5px;
    /* Saf3-4 */
}


cursor: pointer;