@charset "utf-8";

/* Vote Style
---------------------------------------------------- */

/* navi */
.awardsNavi {
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	background-color: #000;
}
.awardsNavi li { 
	float:left;
	text-align:center;
	border-right: 1px solid #fff;
	padding: 10px 0;
	color: #fff;
}
.awardsNavi li a {
	display: block;
	color: #fff;
}
.awardsNavi#row1 li{
	width: 33%;
}
.awardsNavi#row2 {
	margin-bottom: 20px;
}
.awardsNavi#row2 li{
	width: 48%;
}
.awardsNavi li#aNaviTwitter,
.awardsNavi li#aNaviCharts{
	border: none;
}
.vote .cttl {
	margin-bottom: 10px;
	text-align: center;
}

/* vote */
.vote h3 {
	clear: both;
}
.voteTtl {
	background: url(/common/special/award/img/awards2012/vote/icon_vote.gif) no-repeat left center;
	font-size: medium;
	font-weight: bold;
	margin: 20px 0 15px;
	padding-left: 20px;
}
.vote .attention {
	margin: 5px 0 0;
	padding: 0;
	list-style: none;
}
.vote .attention li {
	text-indent: -1em;
	margin-left: 1em;
}
.voteBox {
	border: 1px solid #000;
	padding: 10px;
	margin-bottom: 20px;
}
.voteBox#boxPop {
	background-color: #ffe100;
}
.voteBox#boxJazz {
	background-color: #1eb5ea;
}
.voteBox#boxClassic {
	background-color: #bdd673;
}
.voteBox#boxAnimation {
	background-color: #ee86b4;
}
.voteBox#boxIndependent {
	background-color: #eeefef;
}
.voteBox select {
	width: 100%;
}
.voteBox dt {
	font-size: medium;
	font-weight: bold;
	padding-bottom: 5px;
}

.red {
	color: #c00;
}
.center {
	text-align: center;
}
.marginT1 {
	margin-top: 1em;
}
.btnC {
	margin-top: 20px;
	text-align: center;
}
.icon {
	margin-left: 5px;
}
.btnBack {
	margin-right: 20px;
}
.error {
	color: #c00;
	font-weight: bold;
}
.formTxt {
	margin:50px auto;
	border: 1px solid #c6c6c6;
	background-color: #f7f5f0;
	padding: 20px 0;
	text-align: center;
	width: 80%;
}

table.formTable {
	 width:100%;
	 margin: 20px 0;
}
table.formTable th,
table.formTable td {
	vertical-align: top;
	padding:10px;
	border: 1px solid #888;
	word-break: break-all;
}
table.formTable th {
	background-color:#e1dfd4;
	text-align: left;
	font-weight: normal;
}
table.formTable td {
	background-color:#efeee8;
}

.formTable td,
.formTable th,
.formTable input,
.formTable select,
.agreement,
.vote select,
.voteBox .artistName {
	font-size: large;
}

#award_form input:focus,
#award_form input:hover  {
	background: #ffcc66;
}  

.formTable input {
	margin-right: 3px;
}

input#age {
	width: 4em;
}

td.qMedia span,
td.qPresent span{
	display: block;
	margin: 0 0 2em;
	border-bottom: 1px dotted #666;
	padding-bottom: 1.3em;
}

.agreement {
	margin: 2em 0;
	text-align: center;
}
.agreement span {
	text-align: left;
}