@charset "utf-8";

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
    font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
}
#ui-tab .ui-tabs-panel {
	height: 239px;
}
#ui-tab .ui-tabs-nav {
	position:  absolute;
	bottom: 0;
	left: 4px;
	width: 988px;
	height: 29px;
	margin: 0;
	padding: 0;
	background: #fff url(img/tab_bg.gif)
}
#ui-tab .ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
	display: block;
	clear: both;
	content: " ";
}
#ui-tab .ui-tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
}
#ui-tab .ui-tabs-nav li {
    background: url(img/tabnum.gif) no-repeat;
}
#ui-tab .ui-tabs-nav a {
	cursor: default;
	outline: none;
    display: block;
    text-indent: -9999999em;
    width: 22px;
    height: 20px;
    background: url(img/tabnum.gif) no-repeat;
}
#ui-tab .ui-tabs-nav #tabnum1,
#ui-tab .ui-tabs-nav #tabnum1 a {
	background-position: 0 0;
}
#ui-tab .ui-tabs-nav #tabnum2,
#ui-tab .ui-tabs-nav #tabnum2 a {
	background-position: -22px 0;
}
#ui-tab .ui-tabs-nav #tabnum3,
#ui-tab .ui-tabs-nav #tabnum3 a {
	background-position: -44px 0;
}
#ui-tab .ui-tabs-nav #tabnum1.ui-tabs-selected a {
	background-position: 0 -20px;
}
#ui-tab .ui-tabs-nav #tabnum2.ui-tabs-selected a {
	background-position: -22px -20px;
}
#ui-tab .ui-tabs-nav #tabnum3.ui-tabs-selected a {
	background-position: -44px -20px;
}
#ui-tab .ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: hand;
}
#ui-tab .ui-tabs-nav a:hover, #ui-tab .ui-tabs-nav a:focus, #ui-tab .ui-tabs-nav a:active,
#ui-tab .ui-tabs-nav .ui-tabs-deselectable a:hover, #ui-tab .ui-tabs-nav .ui-tabs-deselectable a:focus, #ui-tab .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
#ui-tab .ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
#ui-tab .ui-tabs-panel {
    margin: 0 4px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
	zoom: 1;
}
#ui-tab .ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html #ui-tab .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html #ui-tab .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

#ui-tab {
	overflow: hidden;
	position: relative;
	height: 268px;
	margin-bottom: 20px;
}

#ui-tab ul.ui-tabs-nav li {
	position: absolute;
	top: 4px;
	width: 22px;
	height: 20px;
}

#ui-tab ul.ui-tabs-nav li#tabnum1 {
	right: 80px;
}

#ui-tab ul.ui-tabs-nav li#tabnum2 {
	right: 50px;
}

#ui-tab ul.ui-tabs-nav li#tabnum3 {
	right: 20px;
}



/*main tab */
#con-tab {
	
}

#con-tab .ui-tabs-nav {
	position: absolute;
	top: 14px;
	_top: 12px;
	right: 0;
	/*background: url(img/con-tab.gif) 0 0 no-repeat;*/
}

#con-tab .ui-tabs-nav li {
	float: left;
	margin-right: 2px;
}
#con-tab .ui-tabs-nav li a {
	cursor: hand;
	display: block;
	width: 114px;
	height: 26px;
	text-indent: -9999999em;
	outline: none;
	background: url(img/con-tab.gif) 0 0 no-repeat;
}
#con-tab #tabSeminar a {
	background-position: 0 0;
}
#con-tab #tabTraining a {
	background-position: -114px 0;
}
#con-tab #tabSeries a {
	background-position: -228px 0;
}
#con-tab #tabSeminar.ui-tabs-selected a {
	background-position: 0 -26px;
}
#con-tab #tabTraining.ui-tabs-selected a {
	background-position: -114px -26px;
}
#con-tab #tabSeries.ui-tabs-selected a {
	background-position: -228px -26px;
}


/* e learning */
#elearning #con-tab .ui-tabs-nav {
	background: url(img/elearning-tab.gif) 0 0 no-repeat;
}
#con-tab .ui-tabs-nav li {
	float: left;
	margin-right: 2px;
}
#elearning #con-tab .ui-tabs-nav li a {
	cursor: hand;
	display: block;
	height: 26px;
	text-indent: -9999999em;
	outline: none;
	background: url(img/elearning-tab.gif) 0 0 no-repeat;
}
#elearning #con-tab #tabFeature a {
	width: 74px;
	background-position: 0 0;
}
#elearning #con-tab #tabContent a {
	width: 99px;
	background-position: -76px 0;
}
#elearning #con-tab #tabPrice a {
	width: 79px;
	background-position: -177px 0;
}
#elearning #con-tab #tabUse a {
	width: 99px;
	background-position: -258px 0;
}
#elearning #con-tab #tabFeature.ui-tabs-selected a {
	background-position: 0 -26px;
}
#elearning #con-tab #tabContent.ui-tabs-selected a {
	background-position: -76px -26px;
}
#elearning #con-tab #tabPrice.ui-tabs-selected a {
	background-position: -177px -26px;
}
#elearning #con-tab #tabUse.ui-tabs-selected a {
	background-position: -258px -26px;
}



/*seminar tab */
#sem-tab {
	position: relative;
	width: 624px;
	margin-top: 26px;
	margin-bottom: 36px;
	border: 1px solid #ccc;
}
#sem-tab .maintab {
	position: relative;
}
#sem-tab .tabList {
	overflow: hidden;
	zoom: 1;
	position: absolute;
	top: -26px;
	left: 10px;
}
#sem-tab .tabList li {
	float: left;
	width: 124px;
	height: 26px;
	margin-right: 2px;
}
#sem-tab .tabList li a {
	cursor: hand;
	display: block;
	height: 26px;
	text-indent: -9999999em;
	outline: none;
	background: url(img/comment.gif) 0 0 no-repeat;
}
#sem-tab .tabList li#tabComment a {
	background-position: 0 0;
}
#sem-tab .tabList li#tabHallScenery a {
	background-position: -124px 0;
}
#sem-tab .tabList li#tabTextSample a {
	background-position: -248px 0;
}
#sem-tab .tabList li#tabComment.ui-tabs-selected a {
	background-position: 0 -26px;
}
#sem-tab .tabList li#tabHallScenery.ui-tabs-selected a {
	background-position: -124px -26px;
}
#sem-tab .tabList li#tabTextSample.ui-tabs-selected a {
	background-position: -248px -26px;
}

#main #sem-tab li:hover {
	background: none;
}
#sem-tab #tabCommentCon {
	overflow: hidden;
	zoom: 1;
	margin-left: 25px;
}
#sem-tab #tabCommentCon li {
	width: 573px;
	margin: 21px 0;
}
#sem-tab #tabCommentCon li p.star {
	margin-bottom: 2px;
}
#sem-tab #tabCommentCon li p.text {
	font-size: 1.3em;
}
#sem-tab #fullComment {
	width: 573px;
	margin: 21px 0;
	font-size: 1.3em;
	text-align: right;
}

#sem-tab #tabHallSceneryCon {
	
}
#sem-tab #tabHallSceneryCon ul {
	overflow: hidden;
	zoom: 1;
	margin:25px 0 0 25px;
}
#sem-tab #tabHallSceneryCon li {
	float: left;
	margin: 0 25px 20px 0;
}
#sem-tab #tabHallSceneryCon li img {
	vertical-align: bottom;
}
#sem-tab #tabHallSceneryCon li p {
	font-size: 1.3em;
}







#sem-tab #tabTextSampleCon {
}
#sem-tab #tabTextSampleCon ul {
	overflow: hidden;
	zoom: 1;
	margin-left: 25px;
}
#sem-tab #tabTextSampleCon li {
	float: left;
	width: 274px;
	margin: 25px 25px 0 0;
}
#sem-tab #tabTextSampleCon li img {
	border: 10px solid #e8e8e8;
	vertical-align: bottom;
}
#sem-tab #tabTextSampleCon .attention {
	clear: both;
	margin: 13px 25px 13px 0;
	color: #f00;
	text-align: right;
	font-size: 1.3em;
}

#semCommentBox {
	width: 626px;
}
#semCommentBox .tooltip {
	margin: 0 0 -23px;
	font-size: 1.3em;
	text-align:right;
	text-decoration: underline;
	color: blue;
}
#training .tooltip {
	margin: 10px 0 -23px;
	font-size: 1.3em;
	text-align:right;
	text-decoration: underline;
	color: blue;
}