/* .::. Sam - Design .::. IC - Team .::. Takuma Uchiha */

body {
margin:0px;
font-family:Verdana;
font-size:12px;
color:#666666;
background-color:#FFFFFF;
background-image:url(../img/bg.gif);
background-repeat:repeat-x;
background-color:#CCEFA2;
}

.arinaviwhi11 { color:#FFFFFF; }
.arinaviwhi11 a:active, .arinaviwhi11 a:link, .arinaviwhi11 a:visited { color:#FFFFFF; text-decoration:none; }
.arinaviwhi11 a:hover { color:#EEEEEE; text-decoration:none; }
.arigrey11 { color:#666666; }
.arigrey11 a:active, .arigrey11 a:link, .arigrey11 a:visited { color:#666666; text-decoration:none; }
.arigrey11 a:hover { color:#147C66; text-decoration:none; }
.ariijo11 { color:#147C66; }
.ariijo11 a:active, .ariijo11 a:link, .ariijo11 a:visited { color:#147C66; text-decoration:none; }
.ariijo11 a:hover { color:#666666; text-decoration:none; }
.arired11 { color:#FF0000; }
.arired11 a:active, .arired11 a:link, .arired11 a:visited { color:#FF0000; text-decoration:none; }
.arired11 a:hover { color:#666666; text-decoration:none; }
.ariijo14 { font-size:14px; color:#99CC33; font-weight:bolder; }
.ariijo14 a:active, .ariijo14 a:link, .ariijo14 a:visited { font-size:14px; color:#99CC33; font-weight:bolder; text-decoration:none; }
.ariijo14 a:hover { font-size:14px; color:#006633; font-weight:bolder; text-decoration:none; }
.solidright { border-right:1px #5E99CA solid; }
.solidrighti { border-right:1px #FFFFFF solid; }
.ariora11 { color:#FF6600; font-weight:bold; }
.ariora11 a:active, .ariora11 a:link, .ariora11 a:visited { font-size:11px; color:#FF6600;  text-decoration:none; }
.ariora11 a:hover { font-size:11px; color:#006633;  text-decoration:none; }
.copyrightfoor { color:#6E968E; font-size:10px; }
.martop5 { margin-top:5px; }
.martop10 { margin-top:10px; }
.martop15 { margin-top:15px; }
.ddlist {
width:174px; 
height:20px; 
border:#CCCCCC 1px solid; 
font-family:Arial; 
font-size:10px;
color:#999999;
background-color:#FFFFFF;
}
.mmyyy {
width:86px; 
height:20px; 
border:#CCCCCC 1px solid; 
font-family:Arial; 
font-size:10px;
color:#999999;
background-color:#FFFFFF;
}

.heightfooter {
height:100px;
}


.boxcontact {
padding-top:3px;
height:17px;
width:330px;
border:#CCCCCC 1px solid;
color:#999999;
}
.kotak_atas {
background-image:url(../img/kotak_atas.jpg);
}
.kotak_tengah {
background-image:url(../img/kotak_tengah.jpg);
width:210px;
}
.kotak_bawah {
background-image:url(../img/kotak_bawah.jpg);
}
.ariijo11link { color:#147C66; text-decoration:none }
.ariijo11link:link { color:#147C66; text-decoration:none }
.ariijo11link:hover { color:#147C66; text-decoration:underline }


#polkadot { background-image:url(../img/polkadot.gif); background-repeat:no-repeat; background-position:top right }
#polkadot_inside { background-image:url(../img/polkadotinside.gif); background-repeat:no-repeat; background-position:top right }

.linkkalbe { color:#FFFFFF; font-size:11px; text-decoration:none }
.linkkalbe:link { color:#FFFFFF; font-size:11px; text-decoration:none }
.linkkalbe:hover { color:#6E968E; font-size:11px; text-decoration:none }

/*style for promotion table*/
.promotiondiv {
margin-top:5px;
width:500px;
border:#cccccc 1px solid;
}

table.promotiontable01 {
width:500px;
background:#c1d9a0;
}

#promtd01 {
width:250px;
padding:5px 3px 5px 3px;
}

#promtd02 {
width:82px;
padding:5px 3px 5px 3px;
}

#promtd03 {
width:150px;
padding:5px 3px 5px 3px;
}

.promtr02:hover {
background:#CDE4AE;
}

.contactform
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999999;
	background-color: #FFFFFF;
	border:1px solid #CCCCCC;
	width:340px;
	height:15px;
}

a .promspan {
color:#666666;
}
.country a {
display:block;
padding-top:8px;
padding-bottom:8px;
margin-left:50px;
margin-top:5px;
border-right: 1px solid #cccccc;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
text-decoration:none;
color:#147C66;
font-weight:bold;
font-size:11px;
}
.border {
padding:6px;
border:1px solid #CCCCCC;
}

/***************************************************************
**
**  Modification by richan
**
****************************************************************/
#questionnaire
{
	width: 222px;
	padding: 3px;
}

.questionnaire-active
{
	background-color: #E2E9D7;
	border: 1px solid #DDDDDD;
}

#questionnaire-header
{
	width: 222px;
	height: 22px;
	background: url('/app/webroot/img/questionnaire/questionnaire-background.png');
}

#questionnaire-header .text
{
	margin-left: 8px;
	margin-top: 6px;
	float: left;
}

#questionnaire-toggle-button
{
	width: 10px;
	height: 9px;
	margin-right: 8px;
	margin-top: 7px;
	float: right;
}

.questionnaire-expanded
{
	background: url('/app/webroot/img/questionnaire/questionnaire-up-arrow.png') no-repeat;
	background-position: left bottom;
}

.questionnaire-closed
{
	background: url('/app/webroot/img/questionnaire/questionnaire-down-arrow.png') no-repeat;
	background-position: left bottom;
}

#questionnaire-body
{
	margin-top: 8px;
	padding: 4px;
}

#video-highlights
{
	/*margin-top: 340px;*/
	margin-top: 430px;
	padding: 8px 28px 8px 28px;
}

#video-highlights .text
{
	font-size: 11px;
}

.video-thumbnail
{
	width: 90px;
	height: 60px;
}

.video-duration
{
	background-color: #666666;
	font-size: 10px;
	color: #FFFFFF;
	padding: 1px;
	text-align: center;
	float: right;
	text-decoration: none;
}

.playvideo
{
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}