/* City University of Hong Kong */
/* CSS Base Custom */

body {background: #fff url('../img/bg-body2.jpg') top center repeat-x fixed !important;}
body.clean { background-color:#FFF; background-image:none !important; margin:0; padding:0; }


p.headtag {
	font-size:9pt;
	color:#999;
	padding: 10px 0;	
}

div.subbtn { float:left; padding-right:20px; }
div.subbtn:hover {
	opacity:0.7; 
	/*Transition*/
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;	
}
img.active {
/*Shadow*/
	-webkit-box-shadow: 3px 6px 6px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 3px 6px 6px rgba(0, 0, 0, 0.2);
	box-shadow: 3px 6px 6px rgba(0, 0, 0, 0.2);
}


/* Custom Theme 03 */
body.cityu-navtheme-03 .ddsmoothmenu {border-bottom: 6px solid #6d9e3d;}
body.cityu-navtheme-03 .ddsmoothmenu ul li a.active {color: #669933;}
body.cityu-navtheme-03 .ddsmoothmenu ul li a.active:hover,
body.cityu-navtheme-03 .ddsmoothmenu ul li a.active.selected{color: #fff;}
body.cityu-navtheme-03 .ddsmoothmenu ul li a:hover, body.cityu-navtheme-03 .ddsmoothmenu ul li a.selected {background-image: url('../img/bg_nav_theme03_lv2.png');}
body.cityu-navtheme-03 .ddsmoothmenu ul li.lime a:hover, body.cityu-navtheme-03 .ddsmoothmenu ul li.lime a.selected {background-image: url('../img/bg_nav_theme08_lv2.png');}
body.cityu-navtheme-03 .ddsmoothmenu ul li.yellow a:hover, body.cityu-navtheme-03 .ddsmoothmenu ul li.yellow a.selected {background-image: url('../img/bg_nav_theme04_lv2.png');}
body.cityu-navtheme-03 .ddsmoothmenu ul li.orange a:hover, body.cityu-navtheme-03 .ddsmoothmenu ul li.orange a.selected {background-image: url('../img/bg_nav_theme08a_lv2.png');}
body.cityu-navtheme-03 .ddsmoothmenu ul li.pink a:hover, body.cityu-navtheme-03 .ddsmoothmenu ul li.pink a.selected {background-image: url('../img/bg_nav_theme07_lv2.png');}
body.cityu-navtheme-03 .ddsmoothmenu ul li.magenta a:hover, body.cityu-navtheme-03 .ddsmoothmenu ul li.magenta a.selected {background-image: url('../img/bg_nav_theme09_lv2.png');}

body.cityu-navtheme-03 .ddsmoothmenu ul li ul li a {margin: 0; border-top: 1px solid #94B871; background-image: url('../img/bg_nav_theme03_lv2.png'); font-weight: normal; line-height: 1.2; color: #fff; text-shadow: 0px 1px 0px #025d8c;}
body.cityu-navtheme-03 .ddsmoothmenu ul li.lime ul li a {margin: 0; border-top: 1px solid #C9B64D; background-image: url('../img/bg_nav_theme08_lv2.png'); font-weight: normal; line-height: 1.2; color: #fff; text-shadow: 0px 1px 0px #025d8c;}
body.cityu-navtheme-03 .ddsmoothmenu ul li.yellow ul li a {margin: 0; border-top: 1px solid #B8944D; background-image: url('../img/bg_nav_theme04_lv2.png'); font-weight: normal; line-height: 1.2; color: #fff; text-shadow: 0px 1px 0px #025d8c;}
body.cityu-navtheme-03 .ddsmoothmenu ul li.orange ul li a {margin: 0; border-top: 1px solid #fbaf5d; background-image: url('../img/bg_nav_theme08a_lv2.png'); font-weight: normal; line-height: 1.2; color: #fff; text-shadow: 0px 1px 0px #025d8c;}
body.cityu-navtheme-03 .ddsmoothmenu ul li.pink ul li a {margin: 0; border-top: 1px solid #D7A7A8; background-image: url('../img/bg_nav_theme07_lv2.png'); font-weight: normal; line-height: 1.2; color: #fff; text-shadow: 0px 1px 0px #025d8c;}
body.cityu-navtheme-03 .ddsmoothmenu ul li.magenta ul li a {margin: 0; border-top: 1px solid #CB5374; background-image: url('../img/bg_nav_theme09_lv2.png'); font-weight: normal; line-height: 1.2; color: #fff; text-shadow: 0px 1px 0px #025d8c;}

body.cityu-navtheme-03 .ddsmoothmenu ul li ul li a:hover {background-image: url('../img/bg_nav_theme03_hover.png');}
body.cityu-navtheme-03 .ddsmoothmenu ul li.lime ul li a:hover {background-image: url('../img/bg_nav_theme08_hover.png');}
body.cityu-navtheme-03 .ddsmoothmenu ul li.yellow ul li a:hover {background-image: url('../img/bg_nav_theme04_hover.png');}
body.cityu-navtheme-03 .ddsmoothmenu ul li.orange ul li a:hover {background-image: url('../img/bg_nav_theme08a_hover.png');}
body.cityu-navtheme-03 .ddsmoothmenu ul li.pink ul li a:hover {background-image: url('../img/bg_nav_theme07_hover.png');}
body.cityu-navtheme-03 .ddsmoothmenu ul li.magenta ul li a:hover {background-image: url('../img/bg_nav_theme09_hover.png');}

body.cityu-navtheme-03 .ddsmoothmenu ul li ul li ul li a {border-left: 1px solid #94B871;}
body.cityu-navtheme-03 .cityu-icon-home a div {background-image: url('../img/icon_home.png');}
body.cityu-navtheme-03 .cityu-icon-home a.active div {background-image: url('../img/icon_home_active.png');}
body.cityu-navtheme-03 .cityu-icon-home a:hover div {background-image: url('../img/icon_home_hover.png');}

body.cityu-navtheme-03 #cityu-sub-nav-list {background-image: url('../img/bg_box_theme03.png');}

body.cityu-navtheme-03 #cityu-sub-nav-list .cityu-box-item li a.active, body.cityu-navtheme-03 #cityu-sub-nav-list .cityu-box-item li a.active:hover{background-color: #487024; color: #fff; border-bottom: none;}
body.cityu-navtheme-03 #cityu-sub-nav-list .cityu-box-item li a {color: #555;}
body.cityu-navtheme-03 #cityu-sub-nav-list .cityu-box-item li a:hover {text-decoration: none; color: #669933;}

label.error { display: none; font-size:10px; color:#F00; }

#round { color:#F66; font-weight:bold; font-size:20pt; }
#btn_reset { opacity:0; }
#congr {
	width:500px; height:425px;
	background-image:url(../images/game2/game2input.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	margin: 30px auto;
}
.congr-box {
	width:300px;
	float: right;
	font-size:12px;
	margin-top:165px;
	margin-right:80px;
}



img.floatRight {
          float: right;
          margin: 7px;
         
}
 
img.floatLeft {
          float: left;
          margin: 7px;
         
}


/* For games */
#preview{
	position:absolute;
	border:1px solid #ddd;
	background:#efefef;
	padding:5px;
	display:none;
	color:#fff;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
#preview img {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
.preview {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

/* The initial pile of unsorted cards */
#photoSlots, #photoPile {
  padding: 10px 0px 10px 5px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  box-shadow: 0px 0px 15px #ddd;  
}

#photoPile {
  width: 630px;
  height: 750px;
  margin: 0 auto;
  background: #fff;
  background-image:url(../images/game1/pile.jpg);
  background-position:top;
  background-repeat:repeat-x;
  padding-top:110px;  
}

/* Slots for final card positions */
#photoSlots {
  margin: 0 auto;
  margin-left:20px;
  background: #fff;
  width:215px;
  height: 550px;
  background-image:url(../images/game1/slots.jpg);
  background-position:top;
  background-repeat:repeat-x;
  padding-top:110px;
}


/* Individual cards and slots */

#photoSlots div, #photoPile div {
  float: left;
  width: 80px;
  height: 80px;
  padding: 5px;
  border: 1px solid #ddd;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  margin: 5px 0px 5px 10px;
  background: #fff;
}

#photoSlots div:first-child, #photoPile div:first-child {
  margin-left: 10px;
}

#photoSlots div.hovered {
  background: #aaa;
}

#photoSlots div {
  border-style: dashed;
}

#photoPile div {
  background: #fefefe;
}

#photoPile div.ui-draggable-dragging {
  -moz-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
  -webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
  box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
}

#cong { color:#F60; font-weight:normal; font-size:16pt; position:relative; top:-340px; }
#final { color:#39C; font-weight:bold; font-size:20pt; position:relative; top:-340px; }
#finalmark { color:#F66; font-weight:bold; font-size:16pt; }
#finalmark2 { color:#F66; font-weight:bold; font-size:16pt; position:relative; top:-340px; }
#finalmsg { font-size:11pt; position:relative; top:-340px; line-height:16pt; }

.no-close .ui-dialog-titlebar-close {
  display: none !important;
}

.ui-state-disabled {
	opacity:1 !important;
	filter: Alpha(Opacity=35) !important;
}

#dialog-confirm, #dialog-form, #dialog-fail { display:none; }