/* CSS Document */
/* 	Project : Wunderland;
	Created On : 21/1/2010

/* --------------------------------------------------  reset style start ----------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
html{overflow-y:scroll}

ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
ul li{list-style-type:none}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
a{text-decoration:none}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
/* reset style close */
/* clearfix start */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
.clearfix {
	*height: 1%;
	*display:block;
} 
.clear {
	clear:both;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:18px;
	font-size:11px;
	color:#000000;
	margin: 0;
}

/* --------------------------------------------------  reset style end ----------------------------------------------------------------------------------*/

/* for Index Page */
#wrapper {
	width: 950px;
	margin: 24px 0 0 24px;
}

#header {
	height: 103px;
}
#header #logo {
	float: left;
	width: 343px;
}
.logo{padding:50px 50px 20px;border-bottom:10px solid #a3d005}
#header #logotext {
	float: left;
	width: 150px;
}
#mainContent {
}
#mainContent #left_panel {
	width: 215px;
	float: left;
}
#left_panel .top {
	height: 238px;
	padding-top:10px
}
#left_panel ul{
	padding: 0; margin: 0; 
	list-style: none;
	bottom: 0;
}

#left_panel ul li{
	float: left;
	width: 187px;
	text-align: right;
	font-weight:bold;
}
#left_panel ul li ul { position: relative; }
#left_panel ul li ul li a { font-weight: normal; }
#left_panel ul li a { 
	color: #000000;
	font-weight: bold;
}
#left_panel ul li ul li a{ 
	color: #000000 !important;
}
#left_panel ul li ul li a:hover{ 
	color: #939598 !important;
}
#left_panel ul li ul li.active a{ 
	color: #0000ff !important;
}
#left_panel ul li a:hover { 
	/*color: #939598;*/
}
#left_panel ul li.active a { 
	color:#0000ff;
}
#left_panel .bottom { padding-top: 20px; }
#left_panel .bottom ul {position: relative; *display:inline}
#left_panel .bottom ul li a { 
	font-weight: bold;
}
#left_panel .bottom ul li.active{ 
	color: #0000FF;
}
#mainContent #content { float: left; }

#content .videobox,#content .imagebox {
	height: 268px;
}

.videobox .pic{
	float: left;
	width: 393px;
	height: 249px;
}
.videobox .pic .control{
	margin-top: 7px; 
	*margin-top: 5px;
}
.videobox ul {
	float: left;
	width: 270px;
	list-style: none;
	margin: 0; padding: 0;
}
.videobox ul li{
	float: left;
	width: 124px;
	height: 70px;
	margin: 0 7px 7px 0;
}
.imagebox { width: 731px; }
.imagebox .left {
	float: left;
	margin-right: 3px;
	overflow: hidden;
	height: 268px;
}
.imagebox .right, .imagebox.rightfive.imageboxaddclass .right {
	float: left; 
	width: 292px;
}

.imagebox .leftgal {
  margin-right: 6px;
	overflow: hidden;
	height: 243px;
	width: 584px;

}
.imagebox.rightfive .leftgal {
 width:731px;
}

.imagebox .left ul,.imagebox .right ul {
	/*width: 438px;*/
	float:left;
	list-style: none;
	margin: 0; padding: 0;
}

.imagebox .leftgal ul li, .imagebox .left ul li, .imagebox .right ul li {
	float: left;
	width: 140px;
	height: 77px;
	margin: 0 6px 6px 0;
}
.imagebox .left ul.last li, .imagebox .right ul.last li {
margin-right:0
}

.right ul.withnav  { width: 146px; float: left}
.imagebox .nav, .videobox .nav {
	float: left; width: 140px; padding-top: 228px;
}
.nav ul { margin: 0; padding: 0; list-style: none; width: auto; height: 22px }
.nav ul li { display: inline; padding-right: 5px; color: #939598; font-weight:bold; width: 15px !important; height: 22px !important;}
.nav ul li a { color: #939598; }
.nav ul li.active, .nav ul li a:hover { color: #000; }

#mainContent .contenttext {
	width: 529px;
	font-weight: bold;
}
#mainContent .contenttext2 {
	width: 578px;
	height:150px;
	/*font-weight: bold;*/
}
#FckContentEditor___Frame table{height:auto}
.contenttext p, .contenttext2 p { padding-bottom: 20px; }
.addform, #divImgUpload, #addVideoDialogModal{width:250px; text-align:left; margin:50px auto 0; padding:10px}
.simplemodal-data select{width:146px}
.simplemodal-data label{width:100px}
.simplemodal-data #imgUploadBtn.subBtn{margin-top:10px}
.addform label{width:100px; display:block;}
.addform label, .addform input, .addform select{margin-bottom:5px;width:250px}
.addform #divPageCol input,.addform #divPageColEdit input{width:auto; margin-right:5px; vertical-align:text-top}
input#menuAddBtn,input#menueditBtn,input#menuNotInAddBtn{width:60px; margin-top:5px}
#header{width:500px; float:left}
.main_head{width:939px;}
#cmsaddeditopiont a{color:#000; line-height:17px}
#cmsaddeditopiont{text-align:right}
#FckContentEditor___Frame{width:740px !important;}

#imagesort ul, #classImageSelect ul, #classImageNotSelect ul { margin: 0; padding: 5px;  }
#divImgSort {padding: 10px;}
ul#imagesort, ul#classImageSelect, ul#classImageNotSelect {
  margin: 0; padding: 10px 0 10px 10px;
  overflow: hidden;
}
ul#classImageSelect{
border-bottom:1px solid #666;
}
ul#imagesort li, ul#classImageSelect li, ul#classImageNotSelect li {
  width: 147px;
  height: 100px;
  float: left;
}
ul#imagesort li input, ul#classImageSelect li input, ul#classImageNotSelect li input, ul#classImageSelect li a, ul#classImageNotSelect li a{
  margin-top:1px;
}
.input, .login select{border:1px solid #a3d005; width:190px}
#cmsaddeditopiont img{vertical-align:middle}
.addform,#divImgUpload,#addVideoDialogModal{border:1px solid #ccc; padding:20px; text-align:left; margin-bottom:30px}
#addVideoDialogModal .subBtn{float:left;}
input#videoUploadBtn{margin-top:10px}
#addVideoForm{text-align:left}
#addMenuDialogModal,#addNotInMenuDialogModal {height:300px;}
.videoOpt div{width:auto}
.videoOpt img {margin: 5px 6px 0 0; float: left;}
#divContent a{color:#000; font-weight:bold}
.simplemodal-data #imgBannerUploadBtn.subBtn{margin-left:-31px; margin-top:5px}
#divImgBannerUpload{
height:100px;
margin-top:46px;
text-align:center;
}
select#notInMenuList{width:100px}
.cmsoptions div {margin-top:5px}
#content a{color:#0000ff; font-weight:bold}
.ordernum{width:40px; text-align:center; margin:0 auto; }
input#butSave{clear:both; float:left; margin:20px 0}
#imagesort .handle, #classImageSelect .handle, #classImageNotSelect .handle{text-align:center}
#imagesort .checkbox, #classImageSelect .checkbox, #classImageNotSelect .checkbox{vertical-align:middle}

.imagebox.imageboxaddclass .right{width:146px; height:243px; overflow:hidden}
#imagesortselect{margin:0 auto;width:745px}
#imagesortselect .selectrightfour,ul#imagesort.selectrightfour{width:615px; margin:0 auto}
#divLoader{padding:75px 0 0 210px }
#divVideo{height:243px}
#theMediaPlayer{display:block}

div.leftgal ul li.playbutton{background:url(../images/play-btn.png) no-repeat 110px 55px;position:relative;}
div.leftgal ul li.playbutton a {display:block}
div.leftgal ul li.playbutton a img{position:relative; z-index:-1}


.selectcheck, .deletecheck{display:inline;}
.selectcheck input,.deletecheck img{vertical-align:middle}
.deletecheck{padding:0 0 0 75px}


/*21.01.2011*/
.leftgal ul {float:left; width:140px;margin-right:5px;}
.leftgal ul li{float:left; margin-bottom:6px; text-align:center;}
.leftgal ul li input {margin-top:3px;}
#imagesort {padding:10px;}

/*2011-11-08*/
.reducewidth{
  width : 290px !important;
}