@charset "utf-8";
/* CSS Document */
/*
.ui-btn,
.ui-mobile-viewport,
.ui-page .ui-btn{
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}*/
.header2.ui-header {
	/*border:1px solid #fff;*/
	/*padding:0.1px 0;*/
}
.ui-field-contain .ui-controlgroup-controls {
	width:100%;
}
body, input, textarea, select, td, .ui-bar-h li {
	font-family:Arial, Helvetica, sans-serif;
}
table th, table td {
	vertical-align:top;
	text-align:left;
}
ul, ol{
	padding-top:0;
	padding-bottom:0px;
	margin-top:0;
	margin-bottom:0;
}
.highlight {
	color:#FF0;
	text-shadow:1px 1px 2px #000;
	text-decoration:underline;
}
.highlight-red {
	color:#F00;
	text-shadow:1px 1px 1px #FFF;
	text-decoration:underline;
}
.ui-page{
	background-image: none;
	background-position:top center;
	background-repeat:no-repeat;
	padding-top:180px;	
}

.ui-page.page-en{
	background-image: url(images/logo_en.png);
}
.ui-page.page-ch{
	background-image: url(images/logo_ch.png);
}
.ui-page.ui-dialog {
	background-image:none;
	padding-top:0;
	
}
.ui-btn-text img{
	vertical-align:bottom;
}
.ieContent{
	width:100%;
}
.forMobile{
	display:none;
}
/*
.ui-mobile [data-role="page"],.ui-page{
	margin:auto;
	max-width:800px;
	position:inherit;
}*/
.btnHome {
	margin-top:5px;
}
#pageMainMenu .btnHome, 
#pageMainMenu .btnBack, #pageRun .btnBack, #pageDrawRun .btnBack{
	display:none;
}
/*#pageRun .btnHome, #pageDrawRun .btnHome, */

#pageMainMenu .nolist{
	display:none;
	margin-bottom:10px;
}
#pageMainMenu .nolist img{
	vertical-align:middle;
}
#pageMainMenu .nolist.divWarning{
	margin:auto;
	max-width:400px;
	margin-bottom:20px;
}
#pageMainMenu .nolist.divWarning .ui-bar{
	font-size:15px;
}
#pageMainMenu .divInfoBox hr {
	margin:24px 0 15px 0;
	color:#E6E7E8;
	text-shadow:        0        /*{a-bar-shadow-x}*/        1px        /*{a-bar-shadow-y}*/        0px        /*{a-bar-shadow-radius}*/       #ffffff       /*{a-bar-shadow-color}*/;
}
#pageMainMenu .divInfoBox .ui-btn-inner, #pageListAction .divInfoBox .ui-btn-inner{
	overflow: visible;
	white-space:normal;
	padding:7px
}
#pageMainMenu .divInfoBox .ui-btn-text, #pageListAction .divInfoBox .ui-btn-inner {
	display:block;
	padding-top:20px;
	padding-bottom:20px;
	font-size:20px;	
}
#pageMainMenu .divInfoBox #btnDraw .ui-btn-inner {
	padding:5px
}
#pageMainMenu .divInfoBox #btnDraw .ui-btn-text {
	border:2px solid #D32D29;
}
#pageMainMenu .divInfoBox .ui-link{
	font-size:15px;
	color:#000000;
	text-decoration:none;
	padding-bottom:0px;
	border-bottom:#000000 1px solid;
	display:inline-block;
}
#pageMainMenu .divExtraBtn, #pageListAction .divExtraBtn {
	margin:auto;
	max-width:380px;
	margin-bottom:20px;
}
#pageMainMenu .divExtraBtn .ui-btn {
	max-width:130px;
	margin:auto;
}
#pageMainMenu .divExtraBtn .ui-btn-inner {
	overflow: visible;
	white-space:normal;
	padding-left:7px;
	padding-right:7px;
}
.divInfoBox.outer {
    -webkit-transform: rotate(4deg);  
    -moz-transform: rotate(4deg);  
    -ms-transform: rotate(4deg);  
    -o-transform: rotate(4deg);  
    transform: rotate(4deg);  
	margin-top:30px;
	margin-bottom:30px;
}
.divInfoBox.outer>.divInfoBox2{
	padding:0;
}

.divInfoBox {
	margin:auto;
	max-width:440px;
	background: #ffffff /*{a-bar-background-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #FFFFFF /*{a-bar-background-start}*/), to( #F1F2F2 /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #FFFFFF /*{a-bar-background-start}*/, #F1F2F2 /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #FFFFFF /*{a-bar-background-start}*/, #F1F2F2 /*{a-bar-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #FFFFFF /*{a-bar-background-start}*/, #F1F2F2 /*{a-bar-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #FFFFFF /*{a-bar-background-start}*/, #F1F2F2 /*{a-bar-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #FFFFFF /*{a-bar-background-start}*/, #F1F2F2 /*{a-bar-background-end}*/);
	
	-moz-box-shadow: 0px 0px        3px        /*{global-box-shadow-size}*/        				rgba(0,0,0,.2)        /*{global-box-shadow-color}*/;
	-webkit-box-shadow: 0px 0px        3px        /*{global-box-shadow-size}*/        				rgba(0,0,0,.2)        /*{global-box-shadow-color}*/;
	box-shadow: 0px 0px        3px        /*{global-box-shadow-size}*/        				rgba(0,0,0,.2)        /*{global-box-shadow-color}*/;
}
.divInfoBox.inner {
    -webkit-transform: rotate(-4deg);  
    -moz-transform: rotate(-4deg);  
    -ms-transform: rotate(-4deg);  
    -o-transform: rotate(-4deg);  
    transform: rotate(-4deg);  
	
	/* IE */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, Enabled='true', StartColorStr='#FFFFFF', EndColorStr='#F1F2F2');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, Enabled='true', StartColorStr='#FFFFFF', EndColorStr='#F1F2F2')";
}
.divInfoBox2 {
	padding:27px 32px;
}
.spanTextBlock{
	display:inline-block;
}
.listSubHeader{
	color:#1A6680;
	font-weight:bold;
	text-shadow: 0 1px 1px #999999;
}
.divListRunIcon {
	color: #FFFF24;
	text-shadow: 0 1px 1px #333333;
}
.divListRunIcon img{
	height:1.5em;
	vertical-align:middle;
}
#divList .divListDate{
	color:#999999;
	font-size:x-small;
}

#pageListMenu .divBtnKey h3 .ui-icon{
		display:none;
}
#pageListMenu .divBtnKey .ui-btn {
	margin:2px 0;
	
}

#pageListMenu .nolist{
	display:none;
	margin-bottom:10px;
}
#pageListMenu .nolist img{
	vertical-align:middle;
}
#pageListMenu .nolist.divWarning{
	margin:auto;
	max-width:400px;
	margin-bottom:20px;
}
#pageListMenu .nolist.divWarning .ui-bar{
	font-size:15px;
}

#pageListSetting #btnSaveSettings {
	-moz-box-shadow: 0px 0px         2px         /*{global-box-shadow-size}*/         				rgba(0,0,0,.12)         /*{global-box-shadow-color}*/;
	-webkit-box-shadow: 0px 0px         2px         /*{global-box-shadow-size}*/         				rgba(0,0,0,.12)         /*{global-box-shadow-color}*/;
	box-shadow: 0px 0px         2px         /*{global-box-shadow-size}*/         				rgba(0,0,0,.12)         /*{global-box-shadow-color}*/;
}
#pageListSetting #lblTotalRows, #pageListSetting #lblMaxHasGroup {
	font-weight:bold;
}
#pageNewListImport #divDragFile {
	cursor:pointer;
	overflow:hidden;
}
#pageNewListImport #divDragFile .highlight {
	cursor:pointer;
}

#pageNewListImport #fileImport {
	cursor:pointer;
	position: absolute;
    right: 0;
    top: 0;
	width:100%;
	font-size:267px;
	height: 100%;
    opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	/*visibility:hidden;*/
}
#pageNewListImport .divSupportType .ui-link {
	color:  #86c139  /*{b-body-link-color}*/;
	font-weight: bold;
}

#pageNewListImport .divSupportType .ui-link:hover {
	color:  #9ADD41  /*{b-body-link-hover}*/;
}

#pageNewListImport .divSupportType .ui-link:active {
	color:  #86c139  /*{b-body-link-active}*/;
}

#pageNewListImport .divSupportType .ui-link:visited {
    color:  #86c139  /*{b-body-link-visited}*/;
}
/*#divDataTable {
	padding-bottom:20px;
	overflow-x:scroll;
	max-width:100%;
}*/
#divDataTable table,
#divNewDataTable table,
#divResultTable table
{
	margin:auto;
	min-width:75%;
}
#divDataTable table th, #divDataTable table td, 
#divNewDataTable table th, #divNewDataTable table td, 
#divResultTable table th, #divResultTable table td, 
#divFieldSetting table th, #divFieldSetting table td{
	border:1px solid #ccc;
	padding:2px;
	font-size:small;
	min-width:1em;
}

#divDataTable table thead th, 
#divNewDataTable table thead th, 
#divResultTable table thead th, 
#divFieldSetting table thead th{
	padding-top:5px;
	padding-bottom:5px;
}

/*#divDataTable table tbody th, #divDataTable table tbody td, 
#divNewDataTable table tbody th, #divNewDataTable table tbody td, 
#divResultTable table tbody th, #divResultTable table tbody td, 
#divFieldSetting table tbody th, #divFieldSetting table tbody td{*/
#divDataTable table tbody th, #divDataTable table tbody td, 
#divNewDataTable table tbody th, #divNewDataTable table tbody td, 
#divResultTable table tbody th, #divResultTable table tbody td, 
#divFieldSetting table tbody th, #divFieldSetting table tbody td{
	/*border:1px solid   #ffffff   ;*/
	background:  #ffffff   ;
	/*font-weight:bold;*/color:  #000000   ;
	text-shadow:   0        1px        1px       #eeeeee   ;
	background-image:-webkit-gradient(linear,left top,left bottom,from(   #FFFFFF   ),to(   #E5E5E5   )); 
	background-image:-webkit-linear-gradient(top,  #FFFFFF  ,  #E5E5E5   ); 
	background-image:   -moz-linear-gradient(top,  #FFFFFF  ,  #E5E5E5   ); 
	background-image:    -ms-linear-gradient(top,  #FFFFFF  ,  #E5E5E5   ); 
	background-image:     -o-linear-gradient(top,  #FFFFFF  ,  #E5E5E5   ); 
	background-image:        linear-gradient(top,  #FFFFFF  ,  #E5E5E5   );
}

#divNewDataTable table thead th{
	/*border:1px solid #0071bc ;*/
	background:#0071bc ;
	font-weight:bold;color:#ffffff ;
	text-shadow:   0        1px        1px     #444444 ;
	background-image:-webkit-gradient(linear,left top,left bottom,from( #007CCE ),to( #0065A9 )); 
	background-image:-webkit-linear-gradient(top,#007CCE,#0065A9 ); 
	background-image:   -moz-linear-gradient(top,#007CCE,#0065A9 ); 
	background-image:    -ms-linear-gradient(top,#007CCE,#0065A9 ); 
	background-image:     -o-linear-gradient(top,#007CCE,#0065A9 ); 
	background-image:        linear-gradient(top,#007CCE,#0065A9 );
}
#divFieldSetting table thead th,
#divDataTable table thead th{
	/*border:1px solid   #29abe2   ;*/
	background:  #29abe2   ;
	font-weight:bold;color:  #ffffff   ;
	text-shadow:   0        1px        1px       #444444   ;
	background-image:-webkit-gradient(linear,left top,left bottom,from(   #2DBCF8   ),to(   #2499CB   )); 
	background-image:-webkit-linear-gradient(top,  #2DBCF8  ,  #2499CB   ); 
	background-image:   -moz-linear-gradient(top,  #2DBCF8  ,  #2499CB   ); 
	background-image:    -ms-linear-gradient(top,  #2DBCF8  ,  #2499CB   ); 
	background-image:     -o-linear-gradient(top,  #2DBCF8  ,  #2499CB   ); 
	background-image:        linear-gradient(top,  #2DBCF8  ,  #2499CB   );
}
#pageDataTable #divDataTable table tbody tr td,
#pageDataTable #divDataTable table thead tr th:not(:first-child){
	cursor:pointer;
	
}
#pageDataTable #divDataTable table tbody tr td:first-child {
	font-weight:bold;
	font-style:italic;
	min-width:2em;
}
#pageDataTable #divDataTable table thead tr th:not(:first-child):hover,
#pageDataTable #divDataTable table tbody tr td:not(:first-child):hover {
	border:1px solid #000;
}
#pageDataTable #divDataTable table tbody tr td:not(:first-child):focus,
#pageDataTable #divDataTable table thead tr th:not(:first-child):focus{
	border:1px solid #900;
	cursor:text;
}
#pageDataTable #divDataTable table tbody tr td .ieContent:focus,
#pageDataTable #divDataTable table thead tr th .ieContent:focus{
	border:1px dashed #900;
}
#pageDataTable #divDataTable table tbody tr td:first-child:hover{
	font-weight:bold;
	background:#FCEE21;
}
#pageDataTable #divDataTable table tbody tr.toOp td,
#pageDataTable #divDataTable table tbody tr.toOp td:first-child:hover
{
	text-decoration:blink;
	background:red;
}
#pageDataTable #divTableRowHelper{
	z-index:100;
	display:none;
	top:0;
	left:0;
	position:absolute;
}
#pageDataTable #divTableRowHelper .innerbox{
	display:inline-block;
	background:#FCEE21;
	padding:1px;
}
#pageDataTable #divTableRowHelper .ui-btn{
	margin:2px;
}
/*#divResultTable table thead th{

	background: #736357  ;
	font-weight:bold;color: #ffffff  ;
	text-shadow:   0        1px        1px      #444444  ;
	background-image:-webkit-gradient(linear,left top,left bottom,from(  #7E6C5F  ),to(  #67594E  )); 
	background-image:-webkit-linear-gradient(top, #7E6C5F , #67594E  ); 
	background-image:   -moz-linear-gradient(top, #7E6C5F , #67594E  ); 
	background-image:    -ms-linear-gradient(top, #7E6C5F , #67594E  ); 
	background-image:     -o-linear-gradient(top, #7E6C5F , #67594E  ); 
	background-image:        linear-gradient(top, #7E6C5F , #67594E  );
	background-repeat:repeat-x;
	
}*/
#divResultTable table thead tr{
	/*border:1px solid  #736357  ;*/
	background: #736357  ;
	font-weight:bold;color: #ffffff  ;
	text-shadow:   0        1px        1px      #444444  ;
	background-image:-webkit-gradient(linear,left top,left bottom,from(  #7E6C5F  ),to(  #67594E  )); 
	background-image:-webkit-linear-gradient(top, #7E6C5F , #67594E  ); 
	background-image:   -moz-linear-gradient(top, #7E6C5F , #67594E  ); 
	background-image:    -ms-linear-gradient(top, #7E6C5F , #67594E  ); 
	background-image:     -o-linear-gradient(top, #7E6C5F , #67594E  ); 
	background-image:        linear-gradient(top, #7E6C5F , #67594E  );	
}
#pageDrawResultTable #divResultTable table thead tr th,
#pageResultTable #divResultTable table thead tr th{
	background-image: url(tablesorter/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
	padding-right:21px;
}
#pageDrawResultTable #divResultTable table thead tr th.headerSortUp ,
#pageResultTable #divResultTable table thead tr th.headerSortUp {
	background-image: url(tablesorter/asc.gif);
}
#pageDrawResultTable #divResultTable table thead tr th.headerSortDown,
#pageResultTable #divResultTable table thead tr th.headerSortDown {
	background-image: url(tablesorter/desc.gif);
}
#pageDrawResultDownload #divResultTable, #pageDrawResultDownload #divForms,
#pageGroupResultDownload #divResultTable, #pageGroupResultDownload #divForms {
	display:none;
}
#divFieldSetting table td {
	text-align:center;
}


#pageDrawConfig .ui-slider-switch { 
	width: 9em 
} 

#pageDataTable .listSubHeader{
	text-shadow:none;
}
#pageListAction .divInfoBox .listSubHeader, #pageListAction .divExtraBtn .listSubHeader{
	margin:10px 0;
}
#divLog textarea {
	width:90%;
	height:100px;
	font-size:x-small;
}

.divFooter {
	text-align:center;
}
.divFooter .ui-navbar li .ui-btn{
	border-color:#ccc;
	border-bottom:solid 1px #ccc;

}
.divFooter .btnBack.ui-btn, .divFooter .btnBack.ui-btn .ui-btn-corner-all {
	-moz-border-radius: 0;
	-webkit-border-radius:  0;
	border-radius: 0;
}
.divFooter .btnBack {
	float:right;
	margin:0;
	margin-right:10px;
	position: static;
}
.divFooter .btnBack.ui-btn .ui-btn-inner {
	/*position: inherit;*/
}
  
.divFooter .footerText{
	display:block;
	font-size:11px;
}
.divFooter .ui-btn-right{
	float: right;
}
.divFooter .ui-btn-left{
	float: left;
}
.divBox {
	margin:auto;
	width:90%;
	text-align:justify;
}
.divInfo{
	font-size:small;
}
#pageInfo.page-en .divInfo{
	text-align:justify;
}
.errorMsg {
	color:#F00;
	display:none;
}
.ui-header .ui-title {
	font-size:16px;
	font-weight:bold;
}
#pageResultMenu .lineTotalPeople {
	color:#ccc;
}
#pageResultMenu .lineGenerateDate {
	font-style:italic;
	color:#ccc;
}
#pageResultMenu .lblTotalGroup {
	margin-right:3em;
}

#pageRun #divAnimation{
	border:1px solid #999999;
}
.divRunBtnBlock {
	clear:both;
	width:80%;
	margin:auto;
	text-align:center;
}


/****Animation*******************************************************/

#divAnimationButtons, #divCompletedButtons{
	max-width:600px;
	margin:auto;
}
#divAnimationButtons .ui-btn, #divCompletedButtons .ui-btn{
	border-color:#2290CF;
	-webkit-border-image: -webkit-gradient(linear,left top,left bottom,from(  #27AAE1  ),to(  #1C75BC  ));
	-moz-border-image: -moz-linear-gradient(top, #27AAE1 , #1C75BC  );
}
#divAnimationButtons .ui-btn-inner, #divCompletedButtons .ui-btn-inner{
	white-space:normal;
	padding-left: 40px;
	padding-right:5px;
	border-top:0;
	background-repeat:no-repeat;
	background-position:10px top;
	background-size: 30px 100%;
	background-image:url(images/btn-blue-bg.png);
	background-image:-webkit-gradient(linear,left top,left bottom,from(  #1C75BC  ),to(  #27AAE1  )); 
	background-image:-webkit-linear-gradient(top, #1C75BC , #27AAE1  ); 
	background-image:   -moz-linear-gradient(top, #1C75BC , #27AAE1  ); 
	background-image:    -ms-linear-gradient(top, #1C75BC , #27AAE1  ); 
	background-image:     -o-linear-gradient(top, #1C75BC , #27AAE1  ); 
	background-image:        linear-gradient(top, #1C75BC , #27AAE1  ); 
}
#divAnimationButtons .btn-red .ui-btn-inner {
	background-image:url(images/btn-red-bg.png);
	background-image:-webkit-gradient(linear,left top,left bottom,from(  #BE1E2D  ),to(  #EF4136  )); 
	background-image:-webkit-linear-gradient(top, #BE1E2D , #EF4136  ); 
	background-image:   -moz-linear-gradient(top, #BE1E2D , #EF4136  ); 
	background-image:    -ms-linear-gradient(top, #BE1E2D , #EF4136  ); 
	background-image:     -o-linear-gradient(top, #BE1E2D , #EF4136  ); 
	background-image:        linear-gradient(top, #BE1E2D , #EF4136  ); 
}
#divAnimationButtons .btn-red .ui-focus {
	-moz-box-shadow: 0px 0px 12px        			#EF4136        /*{global-active-background-color}*/;
	-webkit-box-shadow: 0px 0px 12px        			#EF4136       /*{global-active-background-color}*/;
	box-shadow: 0px 0px 12px        			#EF4136        /*{global-active-background-color}*/;
}

#divAnimationButtons .ui-btn-inner .ui-icon, #divCompletedButtons .ui-btn-inner .ui-icon {
	left: 13px;
	background-color:transparent;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	height: 25px;
    width: 25px;
	margin-top: -12px;
}
#divAnimationButtons .btn-small .ui-btn-text {
	font-size:80%;
}
#divAnimationButtons .btn-red .ui-btn{
	border-color:#D62F31;
	-webkit-border-image: -webkit-gradient(linear,left top,left bottom,from(  #EF4136  ),to(  #BE1E2D  ));
	-moz-border-image: -moz-linear-gradient(top, #EF4136 , #BE1E2D  );
	/*
	
	background-image:-webkit-gradient(linear,left top,left bottom,from(  #EF4136  ),to(  #BE1E2D  )); 
	background-image:-webkit-linear-gradient(top, #EF4136 , #BE1E2D  ); 
	background-image:   -moz-linear-gradient(top, #EF4136 , #BE1E2D  ); 
	background-image:    -ms-linear-gradient(top, #EF4136 , #BE1E2D  ); 
	background-image:     -o-linear-gradient(top, #EF4136 , #BE1E2D  ); 
	background-image:        linear-gradient(top, #EF4136 , #BE1E2D  );	*/
}

#pageRun #divAnimation{
	border:1px solid #999999;
}
/****Animation playAll***********************************************/
#pageRun #divAnimation.playAll {
	font-size:15px;
	border:none;
	margin:auto;
	width:90%;
	height:400px;
	overflow:hidden;
	position:relative;
	/*position: absolute;*/
	background:#fff;
	-moz-border-radius:      					.6em      /*{global-radii-blocks}*/;
	-webkit-border-radius:      				.6em      /*{global-radii-blocks}*/;
	border-radius:      						.6em      /*{global-radii-blocks}*/;
	-moz-box-shadow: 0px 0px 12px      			#ccc     /*{global-active-background-color}*/;
	-webkit-box-shadow: 0px 0px 12px      			#ccc      /*{global-active-background-color}*/;
	box-shadow: 0px 0px 12px      			#ccc      /*{global-active-background-color}*/;
}
#pageRun #divAnimation.playAll div.group {
	z-index:1;
	position: absolute;
	display:block;
	width:65%;
	height:20%;
	border-top:2px solid #fff;
	border-bottom:4px solid #B03AE0;
	color:#B03AE0;
	padding-top:0px;
	padding-left:1%;
	/*font-size:15px;*/
	font-size:100%;
	font-weight:bold;
	background:url(animation/allbox.png) repeat top left;
}

#pageRun #divAnimation.playAll span.item_name {
	z-index:5;
	position: absolute;
	display:block;
	/*font-size:15px;*/
	font-size:100%;
	font-weight:bold;
	height:4%;
	width:9%;
	overflow:hidden;
	padding:1px 2px;
	
	border:#ccc 1px solid;
	-moz-border-radius:      					2px;
	-webkit-border-radius:      				2px;
	border-radius:      						2px;

	text-shadow:   0        1px        1px      #ccc  ;
	
	background:#FF9999;
	background-image:-webkit-gradient(linear,left top,right top,from(  #FF9999  ),to(  #FE6C6C  )); 
	background-image:-webkit-linear-gradient(left, #FF9999 , #FE6C6C  ); 
	background-image:   -moz-linear-gradient(left, #FF9999 , #FE6C6C  ); 
	background-image:    -ms-linear-gradient(left, #FF9999 , #FE6C6C  ); 
	background-image:     -o-linear-gradient(left, #FF9999 , #FE6C6C  ); 
	background-image:        linear-gradient(left, #FF9999 , #FE6C6C  );	
	
	text-overflow: ellipsis;
	white-space:nowrap;

}
#pageRun #divAnimation.playAll span.item_name.done {
	border:#999 1px solid;
	background:#9AF4FE;
	background-image:-webkit-gradient(linear,left top,right top,from(  #CCFFFF  ),to(  #9AF4FE  )); 
	background-image:-webkit-linear-gradient(left, #CCFFFF , #9AF4FE  ); 
	background-image:   -moz-linear-gradient(left, #CCFFFF , #9AF4FE  ); 
	background-image:    -ms-linear-gradient(left, #CCFFFF , #9AF4FE  ); 
	background-image:     -o-linear-gradient(left, #CCFFFF , #9AF4FE  ); 
	background-image:        linear-gradient(left, #CCFFFF , #9AF4FE  );	

}
#pageRun #divAnimation.playAll span.item_name.remain {
	border:#ccc 1px solid;
	background:#bbb;
	background-image:-webkit-gradient(linear,left top,left bottom,from(  #CCCCCC  ),to(  #bbbbbb  )); 
	background-image:-webkit-linear-gradient(top, #CCCCCC , #bbbbbb  ); 
	background-image:   -moz-linear-gradient(top, #CCCCCC , #bbbbbb  ); 
	background-image:    -ms-linear-gradient(top, #CCCCCC , #bbbbbb  ); 
	background-image:     -o-linear-gradient(top, #CCCCCC , #bbbbbb  ); 
	background-image:        linear-gradient(top, #CCCCCC , #bbbbbb  );		
}
#pageRun #divAnimation.playAll span.item_name {
	-webkit-transition: background 1s linear;
	-moz-transition: background 1s linear;
	-o-transition: background 1s linear;
	-ms-transition: background 1s linear;
}
/****Animation playGroup*********************************************/
#pageRun #divAnimation.playGroup {
	font-size:15px;
	border:none;
	margin:auto;
	width:90%;
	height:400px;
	overflow:hidden;
	position:relative;
	/*position: absolute;*/
	background:#fff;
	-moz-border-radius:      					.6em      /*{global-radii-blocks}*/;
	-webkit-border-radius:      				.6em      /*{global-radii-blocks}*/;
	border-radius:      						.6em      /*{global-radii-blocks}*/;
	-moz-box-shadow: 0px 0px 12px      			#ccc     /*{global-active-background-color}*/;
	-webkit-box-shadow: 0px 0px 12px      			#ccc      /*{global-active-background-color}*/;
	box-shadow: 0px 0px 12px      			#ccc      /*{global-active-background-color}*/;
}
#pageRun #divAnimation.playGroup .group{
	display:none;
}
#pageRun #divAnimation.playGroup .note{
	position:absolute;
	top:5px;
	right:5px;
	text-align:right;
	font-weight:bold;
	color:#666;
	text-shadow:   0        1px        1px      #ccc  ;
}
#pageRun #divAnimation.playGroup .group h3{
	font-size:150%;
	text-align:center;
	text-decoration:underline;
	color:#B03AE0;
	text-shadow:   0        1px        1px      #aaa  ;
}
#pageRun #divAnimation.playGroup .group ol{
	margin-left:0;
	padding-left:0;
}
#pageRun #divAnimation.playGroup .group ol li{
	width:26%;
	float:left;
	margin-left:5%;
	padding-left:0;
	margin-right:1%;
	margin-bottom:1%;	
	display:none;
	font-size:100%;
}
#pageRun #divAnimation.playGroup .group ol li span.item_name {	
	font-size:120%;
	padding:2px;
	margin:0;
	display:inline-block;
	width:100%;
	border:#ccc 1px solid;
	-moz-border-radius:      					2px;
	-webkit-border-radius:      				2px;
	border-radius:      						2px;

	text-shadow:   0        1px        1px      #ccc  ;
	
	background:#FF9999;
	background-image:-webkit-gradient(linear,left top,right top,from(  #FF9999  ),to(  #FE6C6C  )); 
	background-image:-webkit-linear-gradient(left, #FF9999 , #FE6C6C  ); 
	background-image:   -moz-linear-gradient(left, #FF9999 , #FE6C6C  ); 
	background-image:    -ms-linear-gradient(left, #FF9999 , #FE6C6C  ); 
	background-image:     -o-linear-gradient(left, #FF9999 , #FE6C6C  ); 
	background-image:        linear-gradient(left, #FF9999 , #FE6C6C  );	
}
#pageRun #divAnimation.playGroup .group ol li.nonitem{
	visibility:hidden;
}
/****Animation playPrize (Lucky Draw)*********************************************/
#pageDrawRun #divAnimation.drawPrize {
	font-size:12px;
	border:none;
	margin:10px auto;
	max-width:600px;
	width:90%;
	height:275px;
	position:relative;
	/*position: absolute;*/
	background:none;

}
#pageDrawRun #divAnimation.drawPrize #divAnimation2{
	margin:0;
	border:none;
	width:100%;
	height:100%;
	overflow:hidden;
	
	-moz-border-radius:      					5px;
	-webkit-border-radius:      				5px;
	border-radius:      						5px;
	
	-webkit-box-shadow:inset 0 0 5px #AF9471, 0px 2px 1px rgba(255,255,255,.75) ; 
	-moz-box-shadow:inset  0 0 5px #AF9471, 0px 2px 1px rgba(255,255,255,.75) ;   
	box-shadow:inset 0 0 5px #AF9471, 0px 2px 1px rgba(255,255,255,.75) ;   
	
	
	
	background:  #F2F0E7;/*#fcee21;*/
	text-shadow:        0        /*{shadow-x}*/        1px        /*{shadow-y}*/        1px        /*{shadow-radius}*/  #eeeeee  /*{shadow-color}*/;
	
	background-repeat: repeat-x;
	background-position:center center;
	background-image:url(images/drawbg.png);

	/* #D6B287 #FFEAD9 #D6B287 #F9DFC2 #C2B59B */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(214,178,135,.4)), color-stop(6%,rgba(255,234,217,.4)), color-stop(13%,rgba(214,178,135,.4)), color-stop(93%,rgba(249,223,194,.4)), color-stop(100%,rgba(194,181,155,.4))); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top,  rgba(214,178,135,.4) 0%,  rgba(255,234,217,.4) 6%, rgba(214,178,135,.4) 13%, rgba(249,223,194,.4) 93%, rgba(194,181,155,.4) 100%	); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(top,  rgba(214,178,135,.4) 0%,  rgba(255,234,217,.4) 6%, rgba(214,178,135,.4) 13%, rgba(249,223,194,.4) 93%, rgba(194,181,155,.4) 100%	); /* FF3.6 */
	background-image:     -ms-linear-gradient(top,  rgba(214,178,135,.4) 0%,  rgba(255,234,217,.4) 6%, rgba(214,178,135,.4) 13%, rgba(249,223,194,.4) 93%, rgba(194,181,155,.4) 100%	); /* IE10 */
	background-image:      -o-linear-gradient(top,  rgba(214,178,135,.4) 0%,  rgba(255,234,217,.4) 6%, rgba(214,178,135,.4) 13%, rgba(249,223,194,.4) 93%, rgba(194,181,155,.4) 100%	); /* Opera 11.10+ */
	background-image:         linear-gradient(top,  rgba(214,178,135,.4) 0%,  rgba(255,234,217,.4) 6%, rgba(214,178,135,.4) 13%, rgba(249,223,194,.4) 93%, rgba(194,181,155,.4) 100%	);

}
#pageDrawRun #divAnimation.drawPrize .nameFieldOuter{
	position:relative;
	height:180px;
	font-size:150px;
	line-height:100%;
	top:0px;
	left:0%;
	overflow:hidden;
	border:none;
	margin:0px auto;
	margin-top:50px;
	width:95%;
	color:#000000;
	background:#ffffff;
	
	-moz-border-radius:      					2px;
	-webkit-border-radius:      				2px;
	border-radius:      						2px;
	
	-moz-box-shadow: 0px 0px 3px      			rgba(0,0,0,.2);
	-webkit-box-shadow: 0px 0px 3px      			rgba(0,0,0,.2);
	box-shadow: 0px 0px 3px      			rgba(0,0,0,.2);
	
	/*filter:progid:DXImageTransform.Microsoft.Glow(Color='#999999',Strength=3);
	-ms-filter:"progid:DXImageTransform.Microsoft.Glow(Color='#999999',Strength=3)";*/

}
#pageDrawRun #divAnimation.drawPrize .nameField{
	position:absolute;
		
	top:0%;
	left:0%;
	/*vertical-align:middle;*/
	text-align:center;
	height:160px;
	font-size:100%;
	line-height:120%;
	font-weight:bold;
	white-space:nowrap;
	overflow:hidden;
	width:100%;
	/*text-overflow: none;*/
	text-shadow:   0        4px        4px      rgba(255,255,255,.5);
	margin:0;
	padding:0;
	
}
#pageDrawRun #divAnimation.drawPrize .nameField.leave{
}
#pageDrawRun #divAnimation.drawPrize .nameField.result{
	/*color:#F00;*/
}
#pageDrawRun #divAnimation.drawPrize .allNames{
	display:none;
}
#pageDrawRun #divAnimation.drawPrize .note{
	position:absolute;
	top:35px;
	right:3%;
	text-align:right;
	font-weight:bold;
	color:#DA1C5C;
	text-shadow:   0        0px        3px      #fff  ;
}
#pageDrawRun #divAnimation.drawPrize .prizeOuter{
	left:-50%;
	
	position:absolute;
	margin: 0 auto;
	width:100%;
	top:0;
	height:35px;
	z-index:100;
	/*overflow-x:hidden;*/
	white-space:nowrap;
	vertical-align:top;
	
	/*top:-15px;*/
}

#pageDrawRun #divAnimation.drawPrize .prizeOuter2{
	left:50%;
	position:absolute;
	width:100%;
	white-space:nowrap;
}
#pageDrawRun #divAnimation.drawPrize .prize,
#pageDrawRun #divAnimation.drawPrize .prizeOuterL,
#pageDrawRun #divAnimation.drawPrize .prizeOuterR{
	display:inline-block;
	width:32%;
}
#pageDrawRun #divAnimation.drawPrize .prizeOuterR{
	width:33%;
}
#pageDrawRun #divAnimation.drawPrize .prizeOuterL,
#pageDrawRun #divAnimation.drawPrize .prizeOuterR{
	background:#F2F0E7;
	height:20px;
	
}
#pageDrawRun #divAnimation.drawPrize .prizeOuterL{

	moz-border-radius-bottomright:      					15px;
	-webkit-border-bottom-right-radius:      				15px;
	border-bottom-right-radius:      						15px;
	-webkit-box-shadow:3px 3px 3px rgba(175,148,113,.5) ; 
	-moz-box-shadow:  3px 3px 3px rgba(175,148,113,.5) ;   
	box-shadow: 3px 3px 3px rgba(175,148,113,.5) ; 
}

#pageDrawRun #divAnimation.drawPrize .prizeOuterR{

	moz-border-radius-bottomleft:      					15px;
	-webkit-border-bottom-left-radius:      				15px;
	border-bottom-left-radius:      						15px;
	
	-webkit-box-shadow:-3px 3px 3px rgba(175,148,113,.5) ; 
	-moz-box-shadow:  -3px 3px 3px rgba(175,148,113,.5) ;   
	box-shadow: -3px 3px 3px rgba(175,148,113,.5) ;   
}
#pageDrawRun #divAnimation.drawPrize .prize{
	
	/*-webkit-box-shadow: inset 0px 3px 3px rgba(175,148,113,.5) ; 
	-moz-box-shadow: inset  0px 3px 3px rgba(175,148,113,.5) ;   
	box-shadow: inset  0px 3px 3px rgba(175,148,113,.5) ;   */
	
	moz-border-radius:      					5px;
	-webkit-border-radius:      				5px;
	border-radius:      						5px;
	
	margin-top:0px;
	
	padding:5px 2%;

	
	font-weight:bold;
	font-size:130%;
	text-align:center;
	
	color:#BE1E2D;
	text-shadow:   0        1px        1px      #fff  ;
	height:20px;
	white-space:nowrap;
}
#pageDrawRun #divAnimation.drawPrize .prevBtn,
#pageDrawRun #divAnimation.drawPrize .nextBtn{
	font-size:110%;
	cursor:pointer;
	position:absolute;
	bottom:7px;
	/*padding:5px;*/
	line-height:100%;
	text-align:center;
	min-width:5em;
	margin:0;
	moz-border-radius:      					2px;
	-webkit-border-radius:      				2px;
	border-radius:      						2px;
	
    overflow: visible;
}

#pageDrawRun #divAnimation.drawPri2ze .prevBtn:hover,
#pageDrawRun #divAnimation.drawPriz2e .nextBtn:hover{
	font-weight: bold;
	color:   #ffffff   /*{i-bhover-color}*/;
}
#pageDrawRun #divAnimation.drawPrize .prevBtn{
	right:100px;
}
#pageDrawRun #divAnimation.drawPrize .nextBtn{
	right:10px;
}
#pageDrawRun #divAnimation.drawPrize .prevBtn .ui-btn-inner{
	padding: 2px;
}
#pageDrawRun #divAnimation.drawPrize .nextBtn .ui-btn-inner {
	padding: 1px;
	moz-border-radius:      					2px;
	-webkit-border-radius:      				2px;
	border-radius:      						2px;
}
#pageDrawRun #divAnimation.drawPrize .nextBtn .ui-btn-text {
	border:1px solid #D32D29;
	moz-border-radius:      					2px;
	-webkit-border-radius:      				2px;
	border-radius:      						2px;
}
#pageDrawRun #divAnimation.drawPrize .prevBtn .ui-btn-text,
#pageDrawRun #divAnimation.drawPrize .nextBtn .ui-btn-text {
	padding: 5px 10px;
	display:inline-block;
}
/******************************************************/
.ui-page .ui-header.header2 .ui-title{
	margin-left:0;
	margin-right:0;
	margin-top:7px;
	margin-bottom:7px;
}
.divFooter .footerText{
	margin-left:90px;
	margin-right:90px;
	margin-top:7px;
	margin-bottom:7px;
}
/**************************************************************/
.content-left {
	text-align: left;
	float: left;
	width: 45%;
	background: none;
	margin-bottom: 15px;
}
.content-right {
	width: 45%;
	float: right;
	margin-bottom: 15px;
	margin-right: 1%;
	padding-right: 1%;
}
/***custom icon***************************************************/
#divAnimationButtons .ui-btn-inner .ui-icon/*, #divCompletedButtons .ui-btn-inner .ui-icon*/ {
	background-size:23px 23px;
}
.ui-icon-edit {
	background-image: url("images/edit-18-white.png");
}
.ui-icon-play {
	background-image: url("images/play-18-white.png");
}
.ui-icon-terminate {
	background-image: url("images/terminate-23.png");
}
#divAnimationButtons .ui-btn-inner .ui-icon.ui-icon-skip {
	background-image: url("images/skip-23.png");
}
.ui-icon-skip {
	background-image: url("images/skip-18-white.png");
	/*background-image: url("images/skip-23.png");*/
}
.ui-icon-pause {
	background-image: url("images/pause-18-white.png");
}
.ui-icon-stop {
	background-image: url("images/stop-18-white.png");
}
.ui-icon-prev {
	background-image: url("images/prev-18-white.png");
}
.ui-icon-ff {
	background-image: url("images/fastforward-18-white.png");
}
.ui-icon-save {
	background-image: url("images/save-18-white.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	.ui-icon-edit {
		background-image: url("images/edit-36-white.png");
		background-size: 18px 18px;
	}
}
.ui-btn{
	vertical-align:middle;
}

/***socialToolbar div***************************************************/
#socialToolbar {
	margin-top:5px;
	margin-right:5px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:10;
}
#socialToolbar .addthis_button_compact {
	text-decoration:none;
	font-size:12px;
	line-height:16px;
}
#socialToolbar .addthis_separator{
	color:#666;
	font-weight:normal;
}
/******************************************************/
@media screen and (max-height:800px) { 
	.ui-page {
		background-size:auto 130px;
		padding-top:135px;
	}
	#pageMainMenu .divInfoBox .ui-btn-text {
		padding-top:10px;
		padding-bottom:10px;
		padding-left:0;
		padding-right:0;
	}
	#pageMainMenu .divInfoBox.outer {
		margin-bottom: 25px;
    	margin-top: 15px;
	}
	#pageMainMenu .divInfoBox hr {
		margin-top:19px;
		margin-bottom:10px;
	}
}
/******************************************************/
@media screen and (max-width:850px) { 
	#pageRun #divAnimation.playAll, #pageRun #divAnimation.playGroup, #pageDrawRun #divAnimation.drawPrize {
		width:95%;
	}
	
	#pageDrawRun #divAnimation.drawPrize {
		height:270px;
	}
	#pageDrawRun #divAnimation.drawPrize .nameFieldOuter{
		height:170px;
	}
	#pageDrawRun #divAnimation.drawPrize .nameField{
		font-size:85%;
	}
}
@media screen and (max-width:800px) { 
	#pageRun #divAnimation.playAll, #pageRun #divAnimation.playGroup, #pageDrawRun #divAnimation.drawPrize {
		width:100%;
	}
	#pageRun #divAnimation.playAll, #pageRun #divAnimation.playGroup {
		font-size:14px;
	}
	
	#pageDrawRun #divAnimation.drawPrize {
		height:260px;
	}
	#pageDrawRun #divAnimation.drawPrize .nameFieldOuter{
		height:160px;
	}
	#pageDrawRun #divAnimation.drawPrize .nameField{
		font-size:80%;
	}
	
}
@media screen and (max-width:750px) { 
	#pageRun #divAnimation.playAll, #pageRun #divAnimation.playGroup {
		height:365px;
	}
	#pageRun #divAnimation.playAll div.group {
		/*height:90px;*/
	}
	#pageRun #divAnimation.playAll span.item_name {
		/*height:16px;*/
		padding:1px 2px;
	}
	
	#pageDrawRun #divAnimation.drawPrize {
		height:250px;
	}
	#pageDrawRun #divAnimation.drawPrize .nameFieldOuter{
		height:150px;
	}
	#pageDrawRun #divAnimation.drawPrize .nameField{
		font-size:75%;
	}
}
@media screen and (max-width:700px) { 
	#pageRun #divAnimation.playAll, #pageRun #divAnimation.playGroup {
		height:335px;
	}
	#pageRun #divAnimation.playAll, #pageRun #divAnimation.playGroup {
		font-size:12px;
	}
	#pageDrawRun #divAnimation.drawPrize {
		height:240px;
	}
	#pageDrawRun #divAnimation.drawPrize .nameFieldOuter{
		height:140px;
	}
	#pageDrawRun #divAnimation.drawPrize .nameField{
		font-size:70%;
	}
}
@media screen and (max-width:650px) { 
	#pageRun #divAnimation.playAll, #pageRun #divAnimation.playGroup{
		font-size:11px;
	}
	#pageDrawRun #divAnimation.drawPrize {
		height:230px;
	}
	#pageDrawRun #divAnimation.drawPrize .nameFieldOuter{
		height:130px;
	}
	#pageDrawRun #divAnimation.drawPrize .nameField{
		font-size:65%;
	}

}
@media screen and (max-width:600px) { 
	#pageRun #divAnimation.playAll, #pageRun #divAnimation.playGroup {
		font-size:10px;
	}
	#pageDrawRun #divAnimation.drawPrize {
		height:220px;
	}
	#pageDrawRun #divAnimation.drawPrize .nameFieldOuter{
		height:120px;
	}
	#pageDrawRun #divAnimation.drawPrize .nameField{
		font-size:60%;
	}
	#divAnimationButtons, #divCompletedButtons{
		font-size:75%;
	}
	#divAnimationButtons .ui-btn-inner{
		white-space:normal;
		padding-left: 30px;
		background-position:5px top;
		background-size: 25px 100%;
	}
	#divAnimationButtons .ui-btn-inner .ui-icon{
		left: 7px;
		height: 20px;
		width: 20px;
		margin-top: -9px;
		background-size: 18px 18px;
	}
}
@media screen and (max-width:550px) { 
	#pageRun #divAnimation.playAll, #pageRun #divAnimation.playGroup {
		font-size:9px;
	}
	#pageDrawRun #divAnimation.drawPrize {
		height:210px;
	}
	#pageDrawRun #divAnimation.drawPrize .nameFieldOuter{
		height:110px;
	}
	#pageDrawRun #divAnimation.drawPrize .nameField{
		font-size:55%;
	}
	#divAnimationButtons, #divCompletedButtons{
		font-size:68%;
	}
}
@media screen and (max-width:500px) { 
	#pageRun #divAnimation.playAll, #pageRun #divAnimation.playGroup {
		height:200px;
	}
	#pageRun #divAnimation.playAll, #pageRun #divAnimation.playGroup {
		font-size:8px;
	}

	#pageDrawRun #divAnimation.drawPrize {
		height:200px;
	}
	#pageDrawRun #divAnimation.drawPrize .nameFieldOuter{
		height:100px;
	}
	#pageDrawRun #divAnimation.drawPrize .nameField{
		font-size:50%;
	}
	#divAnimationButtons, #divCompletedButtons{
		font-size:62%;
	}
}
@media screen and (max-width:450px) { 
	#pageRun #divAnimation.playAll, #pageRun #divAnimation.playGroup {
		font-size:7px;
	}
	#pageDrawRun #divAnimation.drawPrize {
		height:190px;
	}
	#pageDrawRun #divAnimation.drawPrize .note {
		font-size:13px;
	}
	#pageDrawRun #divAnimation.drawPrize .nameFieldOuter{
		height:90px;
	}
	#pageDrawRun #divAnimation.drawPrize .nameField{
		font-size:45%;
	}
	#pageDrawRun.page-en #divAnimation.drawPrize .prize {
		width:44%;
	}
	#pageDrawRun.page-en #divAnimation.drawPrize .prizeOuterL,
	#pageDrawRun.page-en #divAnimation.drawPrize .prizeOuterR{
		width:27%;
	}
	#divAnimationButtons, #divCompletedButtons{
		font-size:56%;
	}

}
@media screen and (max-width:400px) { 
	.ui-page {
		background-size:auto 85px;
		padding-top:90px;
	}
	/*#pageMainMenu.ui-page {
		background-size:75% auto;
		padding-top:154px;
	}*/

	#pageRun #divAnimation.playAll, #pageRun #divAnimation.playGroup {
		font-size:6px;
	}
	#pageRun #divAnimation.playAll, #pageRun #divAnimation.playGroup{
		font-size:6px;
	}
	#pageDrawRun #divAnimation.drawPrize {
		height:180px;
	}
	#pageDrawRun #divAnimation.drawPrize .nameFieldOuter{
		height:80px;
	}
	#pageDrawRun #divAnimation.drawPrize .nameField{
		font-size:40%;
	}
	#pageDrawRun #divAnimation.drawPrize .prize {
		width:44%;
	}
	#pageDrawRun #divAnimation.drawPrize .prizeOuterL,
	#pageDrawRun #divAnimation.drawPrize .prizeOuterR{
		width:27%;
	}
	#divAnimationButtons, #divCompletedButtons{
		font-size:50%;
	}
	#divAnimationButtons .ui-btn-inner{
		white-space:normal;
		padding-left: 20px;
		background-position:5px top;
		background-size: 15px 100%;
	}
	#divAnimationButtons .ui-btn-inner .ui-icon{
		left: 5px;
		height: 15px;
		width: 15px;
		margin-top: -7px;
		background-size: 13px 13px;
	}
}
@media screen and (max-width:350px) { 
	/*#pageMainMenu.ui-page {
		padding-top:135px;
	}*/
	#pageRun #divAnimation.playAll, #pageRun #divAnimation.playGroup {
		font-size:5px;
	}
	#pageDrawRun #divAnimation.drawPrize {
		height:170px;
	}
	#pageDrawRun #divAnimation.drawPrize .note {
		font-size:11px;
	}
	#pageDrawRun #divAnimation.drawPrize .nameFieldOuter{
		height:70px;
	}
	#pageDrawRun #divAnimation.drawPrize .nameField{
		font-size:35%;
	}
	#pageDrawRun.page-en #divAnimation.drawPrize .prize {
		width:54%;
	}
	#pageDrawRun.page-en #divAnimation.drawPrize .prizeOuterL,
	#pageDrawRun.page-en #divAnimation.drawPrize .prizeOuterR{
		width:22%;
	}
	#divAnimationButtons, #divCompletedButtons{
		font-size:43%;
	}
}
@media screen and (max-width:300px) { 
	/*#pageMainMenu.ui-page {
		padding-top:115px;
	}*/
	#pageDrawRun #divAnimation.drawPrize .prize {
		width:54%;
	}
	#pageDrawRun #divAnimation.drawPrize .prizeOuterL,
	#pageDrawRun #divAnimation.drawPrize .prizeOuterR{
		width:22%;
	}
	#divAnimationButtons, #divCompletedButtons{
		font-size:37%;
	}
}

/******************************************************/
@media screen and (min-width:650px) { 
	.divBox{
		width:600px;
	}
    .content-secondary {
		text-align: left;
		float: left;
		width: 45%;
		background: none;
		margin-bottom: 15px;
	}
	.content-primary {
		width: 45%;
		float: right;
		margin-bottom: 15px;
		margin-right: 1%;
		padding-right: 1%;
	}
    .content-left {
		text-align: left;
		float: left;
		width: 45%;
		background: none;
		margin-bottom: 15px;
	}
	.content-right {
		width: 45%;
		float: right;
		margin-bottom: 15px;
		margin-right: 1%;
		padding-right: 1%;
	}
}
@media screen and (max-width:649px) { 
    .content-left {
		float:none;
		width:auto;
		margin-bottom: 15px;
	}
	.content-right {
		float:none;
		width:auto;
		margin-bottom: 15px;
		margin-right: 0;
		padding-right: 0;
	}
	.notForMobile{
		display: none;
	}
	.forMobile{
		display: block;
	}
	
	.divListDetails .ui-btn-icon-left .ui-btn-text {
		display:none;
	}
	.divListDetails .ui-btn-icon-left .ui-btn-inner {
		padding: 2px 1px 2px 3px;
		display: block;
	}
	.divListDetails .ui-btn-icon-left .ui-icon{
		display:block;
		left: 0;
		top:0;
		margin-top: 0px;
		position:inherit;
	}
	.divListDetails .ui-btn-icon-left {
	    height: 24px;
   		width: 24px;
	}
	.divListRunIcon {
		font-size:12px;
	}
}
@media screen and (max-height:600px) { 
	#pageMainMenu .divInfoBox .ui-btn-text {
		padding-top:5px;
		padding-bottom:5px;
		padding-left:0;
		padding-right:0;
	}
	#pageMainMenu .divInfoBox.outer {
		margin-bottom: 15px;
    	margin-top: 5px;
	}
	.divFooter .footerText {
		margin-left:5px;
	}
	#pageMainMenu .divFooter .footerText {
		margin-right:5px;
	}
	#pageMainMenu .divInfoBox.inner .divInfoBox2 {
		padding-top:10px;
		padding-bottom:10px;
	}
	#pageMainMenu.page-en .divInfoBox.inner .divInfoBox2 {
		padding-left:10px;
		padding-right:10px;
	}
	#pageMainMenu .divExtraBtn{
		margin-bottom:10px;
	}
	#pageMainMenu .divInfoBox hr {
		margin-top:14px;
		margin-bottom:5px;
	}
}