@import url("common.css");

#list {
	margin: 0px;
	padding: 0px;
}

#list ul {
	margin: 0px;
	padding: 0px;
	padding-left: 20px;
}

#list li {
	margin: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0px;
	padding-left: 15px;
	list-style: none;
	font-size: 80%;
	background-position: left center;
	background-image: url("images/list_bt.gif");
	background-repeat: no-repeat;
}

#topicslist {
    margin: 0px;
    padding: 0px;
}

#topicslist ul {
    margin: 0px;
    padding: 0px;
    padding-left: 20px;
}

#topicslist li {
    margin: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0px;
    padding-left: 15px;
    list-style: none;
    font-size: 80%;
    background-position: left center;
    background-image: url("images/index/recent_icon.gif");
    background-repeat: no-repeat;
}

.list_source {
	font-size: 80%;
}

.list_date {
	font-size: 80%;
}

.info_date {
	margin: 15px;
	padding: 0px;
	text-align: right;
}

.pagination {
	margin: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0px;
	text-align: center;
}

.pagination_list {
	margin: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0px;
	text-align: center;
}

.pagination_list li {
	margin: 0px;
	margin-left: 5px;
	margin-right: 5px;
	padding: 0px;
	list-style: none;
	display: inline;
	font-size: 80%;
}

#dfp_center_high{
    text-align:center;
    padding:10px 0 17px;
}

#dfp_center_low .low_1{
    text-align:center;
    margin-top:30px;
    margin-bottom:10px;
}

#dfp_center_low .low_2{
    text-align:center;
    margin-top:10px;
    margin-bottom:10px;
}
#dfp_center_low .low_3{
    text-align:center;
    margin-top:10px;
    margin-bottom:30px;
}

/*--------------------
 button
----------------------*/
.button{
    margin-bottom: 10px;
    width:298px;
    text-decoration: none;
    font: bold 1.0em 'Trebuchet MS',Arial, Helvetica; /*Change the em value to scale the button*/
    display: inline-block;
    text-align: center;
    color: #fff;

    border: 1px solid #9c9c9c; /* Fallback style */
    border: 1px solid rgba(0, 0, 0, 0.3);

    /*text-shadow: 0 1px 0 rgba(0,0,0,0.4);*/

    box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 .05em rgba(0,0,0,0.4);

}

.button, .button span{
    -moz-border-radius: .3em;
    border-radius: .3em;
}

.button span{

    border-top: 1px solid #fff; /* Fallback style */
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    display: block;
    padding: 0.5em 0.5em;

/* The background pattern */

    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)),
                      -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)),
                      -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05))),
                      -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05)));
    background-image: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),
                      -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),
                      -moz-linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%),
                      -moz-linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%);

/* Pattern settings */

    -moz-background-size: 3px 3px;
    -webkit-background-size: 3px 3px;
}

.button:hover{
    box-shadow: 0 0 .1em rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
    color:#FFFFFF;
    cursor:pointer;
}

.button:active{
    /* When pressed, move it down 1px */
    position: relative;
    top: 1px;
}

/* green */
.button-green{
    background: #428739;
    background: -webkit-gradient(linear, left top, left bottom, from(#c8dd95), to(#428739) );
    background: -moz-linear-gradient(-90deg, #c8dd95, #428739);
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#c8dd95', EndColorStr='#428739');
}
.button-green:hover{
    background: #c8dd95;
    background: -webkit-gradient(linear, left top, left bottom, from(#428739), to(#c8dd95) );
    background: -moz-linear-gradient(-90deg, #428739, #c8dd95);
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#428739', EndColorStr='#c8dd95');
}

.button-green:active{
    background: #428739;
}

/* red */
.button-red{
    background: #D82741;
    background: -webkit-gradient(linear, left top, left bottom, from(#E84B6E), to(#D82741) );
    background: -moz-linear-gradient(-90deg, #E84B6E, #D82741);
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#E84B6E', EndColorStr='#D82741');
}
.button-red:hover{
    background: #E84B6E;
    background: -webkit-gradient(linear, left top, left bottom, from(#D82741), to(#E84B6E) );
    background: -moz-linear-gradient(-90deg, #D82741, #E84B6E);
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#D82741', EndColorStr='#E84B6E');
}
.button-red:active{
    background: #D82741;
}