/* common
----------------------------------------------------------------------------------------------------------*/

/*
html, body {min-height:100%;height: 100%;width:320px;}
*/

a {text-decoration: none;}
/*slide list
-----------------------------------------------------------------------------------------------------------*/

.list_image{	
	overflow:hidden;
	cursor:pointer;
}
.list_content{	
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;
}
.list_content_content{	/* Content that is slided down */
	padding:1px;
	/*font-size:0.9em;*/
	position:relative;
}
.list_button{
	position:absolute; 
	right:0%;
	top:30%;
}
.list_menu{
	display:none;
	margin:1%;
	vertical-align: middle;
	position: relative;
}
.container{
	display: block;
	position: relative;
}
/*slide list end
-----------------------------------------------------------------------------------------------------------*/

.acd1{
	display:none;
    margin: 0;
    padding: 0; 
    width: 320px;
    background-color: #000000;  
    border: 0px solid #737373; 
    list-style: none;
}
.acd1 li {
    text-decoration: none;
    display: block;
    list-style: none;
}
.acd1 li a {
    text-decoration: none;
    display: block;
}

/* category-item-list-common
-----------------------------------------------------------------------------------------------------------*/

.navitab-list-item-common {
    word-break:break-all;
 margin-left:10px;
 margin-right:10px;
 padding-right: 3px;
 padding-left: 5px;
 padding-top:10px;
 padding-bottom:10px;
 width:90%;
 position:relative;
 overflow: hidden;
}


.navitab-list-item-content-common {
    width: 90%;
    word-break:break-all;
    padding-left: 10px;
    padding-right: 15px;
    display: inline-block;
}

.link-arrow-common {
 margin-top: 3px;
 text-indent: -10000px;
 position: absolute;
 left:95%;
}



.page-common {
	text-align: center;
	margin-left:10px;
	margin-bottom:10px;
	padding-left: 5px;
	padding-top:3px;
	padding-bottom:3px;
    width:91%;
	height: 30px;
}

.navitab-list-item-front-top{
   margin-right:10px;
   margin-left:10px;
   margin-top:5px;
   width:94%;
   border-top:1px solid #D4D9D2;
   border-bottom:1px solid #D4D9D2;
   border-left:1px solid #D4D9D2;
   border-right:1px solid #D4D9D2;
   position:relative;
   overflow: hidden;
}

.navitab-list-content-front{
   display: block; 
   position: relative;
   left: 50px;
   top: -15px;
}

.navitab-list-item-front{
   margin-right:10px;
   margin-left:10px;
   width:94%;
   border-bottom:1px solid #D4D9D2;
   border-left:1px solid #D4D9D2;
   border-right:1px solid #D4D9D2;
   position:relative;
   overflow: hidden;
}

.navitab-list-item-front-bottom{
   margin-right:10px;
   margin-left:10px;
   margin-bottom:5px;
   width:94%;
   border-bottom:1px solid #D4D9D2;
   border-left:1px solid #D4D9D2;
   border-right:1px solid #D4D9D2;
   position:relative;
   overflow: hidden;
}

.link-arrow-front{
	position: relative;
	left:5%;
	top: 12px;
}

.title{
	position: relative;
	left: 45%;
	top: 34px;
	height: 25px:
}
/* corner rounding classes
-----------------------------------------------------------------------------------------------------------*/

.ui-corner-tl {
	-moz-border-radius-topleft: 		.6em;
	-webkit-border-top-left-radius: 	.6em;
	border-top-left-radius: 			.6em;
}
.ui-corner-tr {
	-moz-border-radius-topright: 		.6em;
	-webkit-border-top-right-radius: 	.6em;
	border-top-right-radius: 			.6em;
}
.ui-corner-bl {
	-moz-border-radius-bottomleft: 		.6em;
	-webkit-border-bottom-left-radius: 	.6em;
	border-bottom-left-radius: 			.6em;
}
.ui-corner-br {
	-moz-border-radius-bottomright: 	.6em;
	-webkit-border-bottom-right-radius: .6em;
	border-bottom-right-radius: 		.6em;
}
.ui-corner-top {
	-moz-border-radius-topleft: 		.6em;
	-webkit-border-top-left-radius: 	.6em;
	border-top-left-radius: 			.6em;
	-moz-border-radius-topright: 		.6em;
	-webkit-border-top-right-radius: 	.6em;
	border-top-right-radius: 			.6em;
}
.ui-corner-bottom {
	-moz-border-radius-bottomleft: 		.6em;
	-webkit-border-bottom-left-radius: 	.6em;
	border-bottom-left-radius: 			.6em;
	-moz-border-radius-bottomright: 	.6em;
	-webkit-border-bottom-right-radius: .6em;
	border-bottom-right-radius: 		.6em;
	}
.ui-corner-right {
	-moz-border-radius-topright: 		.6em;
	-webkit-border-top-right-radius: 	.6em;
	border-top-right-radius: 			.6em;
	-moz-border-radius-bottomright: 	.6em;
	-webkit-border-bottom-right-radius: .6em;
	border-bottom-right-radius: 		.6em;
}
.ui-corner-left {
	-moz-border-radius-topleft: 		.6em;
	-webkit-border-top-left-radius: 	.6em;
	border-top-left-radius: 			.6em;
	-moz-border-radius-bottomleft: 		.6em;
	-webkit-border-bottom-left-radius: 	.6em;
	border-bottom-left-radius: 			.6em;
}
.ui-corner-all {
	-moz-border-radius: 				.6em;
	-webkit-border-radius: 				.6em;
	border-radius: 						.6em;
}
/* gradient box classes 
-----------------------------------------------------------------------------------------------------------*/

.box_gradient_common{
  padding-top:10px;
  text-align: center;
  text-weight: bold;
  height:35px;
}

.box_gradient_top{
  margin-top:10px;
  margin-left: 10px;
  margin-right: 12px;
  background-color: #BDA0F1;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#BDA0F1), to(#DDC7F4)); 
  background-image: -webkit-linear-gradient(top, #BDA0F1, #DDC7F4); 
  background-image:    -moz-linear-gradient(top, #BDA0F1, #DDC7F4);
  background-image:     -ms-linear-gradient(top, #BDA0F1, #DDC7F4); 
  background-image:      -o-linear-gradient(top, #BDA0F1, #DDC7F4); 
  background-image:         linear-gradient(top, #BDA0F1, #DDC7F4);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#BDA0F1', EndColorStr='#DDC7F4'); 
}

.box_gradient_title{
  width:300px;
  height: 28px;
  padding-top:5px;
  padding-bottom:0px;
  margin-top:10px;
  margin-left: 10px;
  margin-right: 10px;
  background-color: #BDA0F1;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5055B2), to(#1D2683)); 
  background-image: -webkit-linear-gradient(top, #5055B2, #1D2683); 
  background-image:    -moz-linear-gradient(top, #5055B2, #1D2683);
  background-image:     -ms-linear-gradient(top, #5055B2, #1D2683); 
  background-image:      -o-linear-gradient(top, #5055B2, #1D2683); 
  background-image:         linear-gradient(top, #5055B2, #1D2683);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#5055B2', EndColorStr='#1D2683'); 
}

.box_gradient_top_titleName{
  width:300px;
  height: 28px;
  padding-top:5px;
  padding-bottom:0px;
  margin-top:10px;
  margin-left: 10px;
  margin-right: 10px;
  background-color: #BDA0F1;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#623E7D), to(#461C66)); 
  background-image: -webkit-linear-gradient(top, #623E7D, #461C66); 
  background-image:    -moz-linear-gradient(top, #623E7D, #461C66);
  background-image:     -ms-linear-gradient(top, #623E7D, #461C66); 
  background-image:      -o-linear-gradient(top, #623E7D, #461C66); 
  background-image:         linear-gradient(top, #623E7D, #461C66);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#623E7D', EndColorStr='#461C66'); 
}

.box_gradient_bottom{
  margin-left: 10px;
  margin-right: 12px;
  background-color: #BDA0F1;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#BDA0F1), to(#DDC7F4)); 
  background-image: -webkit-linear-gradient(bottom, #BDA0F1, #DDC7F4); 
  background-image:    -moz-linear-gradient(bottom, #BDA0F1, #DDC7F4);
  background-image:     -ms-linear-gradient(bottom, #BDA0F1, #DDC7F4); 
  background-image:      -o-linear-gradient(bottom, #BDA0F1, #DDC7F4); 
  background-image:         linear-gradient(bottom, #BDA0F1, #DDC7F4);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#BDA0F1', EndColorStr='#DDC7F4'); 
}

.box_gradient_single{
  background-color: #F0F0F0;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#F0F0F0), to(#FDFDFD)); 
  background-image: -webkit-linear-gradient(bottom, #F0F0F0, #FDFDFD); 
  background-image:    -moz-linear-gradient(bottom, #F0F0F0, #FDFDFD);
  background-image:     -ms-linear-gradient(bottom, #F0F0F0, #FDFDFD); 
  background-image:      -o-linear-gradient(bottom, #F0F0F0, #FDFDFD); 
  background-image:         linear-gradient(bottom, #F0F0F0, #FDFDFD);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#F0F0F0', EndColorStr='#FDFDFD'); 
}

.navitab-list-item div:hover{
  display:block; 
  width:110%;
  margin-left: -20px;
  background-color: #E2E2E2;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#E2E2E2), to(#E2E2E2)); 
  background-image: -webkit-linear-gradient(bottom, #E2E2E2, #E2E2E2); 
  background-image:    -moz-linear-gradient(bottom, #E2E2E2, #E2E2E2);
  background-image:     -ms-linear-gradient(bottom, #E2E2E2, #E2E2E2); 
  background-image:      -o-linear-gradient(bottom, #E2E2E2, #E2E2E2); 
  background-image:         linear-gradient(bottom, #E2E2E2, #E2E2E2);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#E2E2E2', EndColorStr='#E2E2E2'); 
}

/* recommond 
-----------------------------------------------------------------------------------------------------------*/
.rcmmnd_common {
	word-break:break-all;
	margin-left:10px;
	margin-right:10px;
	padding-right: 3px;
	padding-left: 5px;
	padding-top:10px;
	padding-bottom:10px;
	position:relative;
	overflow: hidden;
}

.rcmmnd_content {
    word-break:break-all;
    padding-left: 10px;
    padding-right: 15px;
    display: inline-block;
}

.rcmmnd_icon {
	
}

.rcmmnd_emoji {
    
}

.rcmmnd_content_2 {
    word-break:break-all;
    padding-left: 10px;
    padding-right: 15px;
    display: inline-block;
}

/* 2nd list common-------------------------------------------------------------------------*/

/* user support ------------------------------------------*/
.userSupport_div{
	margin-right:10px;
	margin-left:10px;
	border:solid 1px #d4d9d2;
	position:relative;
}
.userSupport_span{
	display:inline-block;
	padding:10px 0 10px 14%;
	width:86%;
}

/*searchTop----------------------------------------------*/
.searchTop_div{
	margin:0 10px;
	padding:5px;
	position: relative;
}
.searchTop_span{
	display: inline-block;
	width:90%;
	padding-right:10%;
}
.searchTop_page{
	text-align:center;
	margin:0 10px 10px 10px;
	padding:10px 0;

}
