/*---------------------------------------------------------------------------------------
--- RESETS
---------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, 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;	font-size: 100%;	vertical-align: baseline;background: transparent;}
	body {line-height: 1;}
	ol, ul {list-style: none;}
	blockquote, q {quotes: none;}
	blockquote:before, blockquote:after,
	q:before, q:after {content: '';content: none;}
	:focus {outline: 0;}
	ins {text-decoration: none;}
	del {text-decoration: line-through;}
	table {border-collapse: collapse;border-spacing: 0;}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }


.clearfix {display: inline-block;}  /* for IE/Mac */

/*---------------------------------------------------------------------------------------
--- BASICS
---------------------------------------------------------------------------------------*/
body{ font-size:12px;font-family: Arial, Helvetica, sans-serif;color:#000;background:url(../img/bg.jpg) repeat-x #4780ae;line-height:16px;}
a{	color:#162635;text-decoration:none;	}
a:hover{text-decoration:underline;	}
a:active{	}
a:visited{	}
.left{ float:left; }
.right{ float:right; }
.clear{	clear:both; }
img.left{	margin:0 1em 1em 0; }
img.right{	margin:0 0 1em 1em; }
.padding{	padding:10px; }

/* ------------------------------------------------------------------------------------
ELEMENTS			 */
h1{color:#2d2d2d;padding:0px;margin:0px;margin-top:10px;padding:10px;}
h2{color:#2d2d2d;font-family: Arial, Helvetica, sans-serif;font-size:20px;padding:10px;margin:0px;}
h3{color:#2d2d2d;padding:0px;margin:0px;padding:5px;}
h4{color:#2d2d2d;padding:0px;margin:0px;padding:5px;}
h5{color:#2d2d2d;padding:0px;margin:0px;padding:5px;}
p{padding:10px;background:#fff;}
/*
input{padding:3px;border-left:1px solid #a8a8a8;border-top:1px solid #a8a8a8;border-right:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;-moz-border-radius:3px;border-radius:3px;margin:3px;}
input.button {
    padding: 3px;
    border-right: 1px solid #a8a8a8;
    border-bottom: 1px solid #a8a8a8;
    border-left: 1px solid #d8d8d8;
    border-top: 1px solid #d8d8d8;
    -moz-border-radius: 3px;
    border-radius:3px;
    margin: 3px;
}
.button span{font: 12px "Trebuchet MS",sans-serif;}
*/

ul{list-style:circle;margin:10px;margin-left:20px;}
ol{list-style:decimal;margin:10px;margin-left:20px;}
p.info{border:1px solid #6aa6d6;background:#c9e3f8;}
fieldset{border:1px solid #ddd;padding:10px;background:#fff;margin:10px 0px;}
legend{border:1px solid #ddd;padding:5px;background:#fff;}
/*
label{display:block;}
label input{margin-left:30px;}
*/
hr { border: 1px #ddd solid; width: 80%;}

/*
button {text-transform:uppercase;font-size:10px;padding:3px;color:#fff;background:#4780ae;border-left:1px solid #084577;border-top:1px solid #084577;border-right:1px solid #7ab7e8;border-bottom:1px solid #7ab7e8;-moz-border-radius:3px;border-radius:3px;margin:3px;margin-top:5px;}
*/



/*************** Forms ***************/
form {
	font-size: 12px;
	width:100%;
}

form label {
                display: block;
                padding: 0 0 10px;
                font-weight: bold;
                }
             
form fieldset legend {
                font-weight: bold;
                margin-bottom: 10px;
                padding-top: 10px;
                }
                
form p small {
                font-size: 12px;
                color: #777;
                }
				
				
form input.text-input,
form select,
form textarea{
                padding: 6px;
                font-size: 12px;
                background: #fff url('../img/bg-form-field.gif') top left repeat-x;
                border: 1px solid #d5d5d5;
				color: #333;
                }
            
form .small-input {
                width: 25% !important;
                }
                
form .medium-input {
                width: 50% !important;
                }
                
form .large-input {
                width: 97.5% !important;
				font-size: 16px !important;
				padding: 8px !important;
                }
                
form textarea {
                width: 80% !important;
                font-family: Arial, Helvetica, sans-serif;
                }
                
form select {
                padding: 4px;
                background: #fff;
                }
				
form input[type="checkbox"],
form input[type="radio"] {
				padding: 0;
                background: none;
				border: 0;
                }



/* ------------------------------------------------------------------------------------
Login					 */
#login{background:url(../img/security.jpg) #fff 220px 55px no-repeat;padding-left:10px;text-align:left;}
#login_container{	overflow:hidden;   width:360px; margin:0 auto;background:url(../img/overlay.jpg) no-repeat;}
#login label span{display:block;width:100px;float:left}
div#login {width:260px;margin: 10px auto;}
div#login input.text-input {width:70%;}
a#passwordrecoverylink{font-size:10px;text-decoration:underline;display:block;text-align:right;color:#999;}
a:hover#passwordrecoverylink{color:#000;}
.loginbutton{margin:5px 0 0 208px;}
#login input#remember{margin:10px 5px 0px 10px;}
/* ------------------------------------------------------------------------------------
 MENUS			 */
#navigation, #navigation ul {		padding:0;	margin:0; list-style:none; line-height:1; float:left;	}
#navigation a {	display:block; padding:6px 10px; text-decoration:none;	}
#navigation a:hover{ text-decoration:underline; padding:6px 10px;}
#navigation li { 			float:left; width:auto;	}
#navigation li{			padding:0; margin:0; }
#navigation li ul li{			padding:1px 0px;}
#navigation li ul li a{		padding:6px 10px; width:110px; }
#navigation li ul { 			position:absolute; padding-top:1px; width:130px; left:-999em; }
#navigation li ul ul {			margin: -1.5em 0 0 130px;	}
#navigation li:hover ul ul, #navigation li:hover ul ul ul, #navigation li.sfhover ul ul, #navigation li.sfhover ul ul ul {	left: -999em;}
#navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul,
#navigation li.sfhover ul, #navigation li li.sfhover ul, #navigation li li li.sfhover ul { left: auto;	}

#top_menu ul {margin:0px;padding:0px;list-style:none;font-size:12px;}
#top_menu ul li{float:left;display:block;}
#top_menu ul li a{text-decoration:none;color:#fff;display:block;padding:12px 15px 10px 15px;}
#top_menu ul li a:hover{background:url(../img/menutop_hover.jpg) bottom center no-repeat}
/* ------------------------------------------------------------------------------------
STRUCTURE					 */
/*
#container{	overflow:hidden;   width:960px; margin:0 auto;background:url(../img/overlay.jpg) no-repeat;}
*/
#container{	width:960px; margin:0 auto;background:url(../img/overlay.jpg) no-repeat;}
#header{}
#header .ch_lang{
	float:left;
	margin:70px 0 0 60px;
}

#header .ch_lang a{
	color:#fff; 
	margin-left:20px; 
	font-size:15px;
	text-decoration:none;
}

#header .ch_lang a:hover{
	color:#ff8c0a; 
}

#header .ch_lang a.selectedLang{
	color:#ff8c0a; 
}

#footer {
    clear: both;
	text-align:center;
}

#content_main{background:#f1f1f1;width:940px;padding:10px;-moz-border-radius:3px;border-radius:3px;}
#top_menu{background:url(../img/menutop.jpg) no-repeat top center;width:960px;margin-top:10px;height:35px;}
#profile_info{background:url(../img/loginbox.jpg) no-repeat top center;width:231px;height:59px;padding:4px;float:right;margin-top:35px;font-size:12px;color:#fff;line-height:10px;}
#profile_info p{background:none;}
#avatar{float:left;margin:0px 10px;}
#postedit{background:#f1f1f1;width:940px;padding:10px;-moz-border-radius:3px;border-radius:3px;}
#dashboard{width:640px;background:#fff;padding:10px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
#sidebar{width:250px;background:#fff;padding:10px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;-moz-border-radius:3px;border-radius:3px;}
#footer{background:#f1f1f1;width:940px;padding:10px;-moz-border-radius:3px;border-radius:3px;margin-top:10px;}
#footer p{background:none;padding:0px;margin:0px}

.panel{min-height:285px;}
.section,.panel,#shortcuts,#chart,.quickview{background:#fff;padding:10px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;-moz-border-radius:3px;border-radius:3px;}
#postedit,#panels,#shortcuts{margin-top:10px;}
.section{margin:10px auto;}
.panel {width:290px;margin:5px;}
.calendar {width:210px;margin-right:0px;}
.photo {width:375px;margin-left:0px;margin-right:10px;}
.form_sidebar{width:220px;margin-left:10px;margin-top:5px;padding:4px;background:#fff;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
#form_middle_cont{width:940px}
/* ------------------------------------------------------------------------------------
ICONS				 */
.ico_mug{background:#f1f1f1; padding-left:0px;margin-bottom:10px; height:35px;}
.ico_mug h2{margin-top:3px;}

.ico_posts{background:url(../img/ico_posts.jpg) no-repeat 5px center #f1f1f1; padding-left:30px;}
.ico_page{background:url(../img/ico_page.jpg) no-repeat 5px center #f1f1f1; padding-left:30px;}
.ico_settings{background:url(../img/ico_settings.jpg) no-repeat 5px center #f1f1f1; padding-left:30px;}
.ico_user{background:url(../img/ico_user.jpg) no-repeat 5px center #f1f1f1; padding-left:30px;}
.ico_success{padding-left:20px;background:url(../img/success.jpg) no-repeat left center}
.ico_cancel{padding-left:20px;background:url(../img/error.jpg) no-repeat left center}
.ico_error{padding-left:20px;background:url(../img/ico_error.jpg) no-repeat left center}
.ico_pending{padding-left:20px;background:url(../img/ico_hourglass.jpg) no-repeat left center}
.ico_chart{padding-left:20px;background:url(../img/ico_chart_bar.jpg) no-repeat left center}
/* ------------------------------------------------------------------------------------
LOGO				 */
div#logo {
	width:300px;
	margin:0 auto;
}
div.subPageLogo{
	float:left;
}
div#logo h1{padding:0px;margin:0px;}
div#logo h1 a{
    color: #CCCCCC;
    display: block;
    font-size: 27px;
    height: 57px;
    padding-top: 50px;
    text-align: center;
    /*width: 310px;*/
	text-decoration:none;
}

/* ------------------------------------------------------------------------------------
CUSTOM				 */

#placeholder{width:180px;height:95px;padding:10px;padding-bottom:14px;}
.more{font-size:13px;}
.approved{font-weight:bold;color:#25a21f}
#success{margin:5px 0px 10px 0px;border:1px solid #b2dc4d;color:#40550d;font-family:"Arial", Arial, sans-serif;font-size:12px;background:#cce297;font-weight:700;padding:5px;-moz-border-radius:3px;-webkit-border-radius: 3px;border-radius:3px;}
#fail{margin:5px 0px 10px 0px;border:1px solid #c82820;color:#c82820;font-family:"Arial", Arial, sans-serif;font-size:12px;font-weight:700;background:#e7928d;padding:5px;-moz-border-radius:3px;-webkit-border-radius: 3px;border-radius:3px;}
#warning{margin:5px 0px 10px 0px;border:1px solid #efdc90;color:#a9a014;font-family:"Arial", Arial, sans-serif;font-size:12px;font-weight:700;background:#fffecc;padding:5px;-moz-border-radius:3px;-webkit-border-radius: 3px;border-radius:3px;}

.form_sidebar ul{margin:0px;padding:0px;list-style:none;}
.form_sidebar ul li ul{margin:0px 10px;padding:0px;list-style:none;}

span.date{display:block;padding-left:20px; font-style:italic;font-family:10px;}
.odd{background:#eee;border-top:1px solid #DDDDDD;padding:3px;}
.even{border-top:1px solid #DDDDDD;padding:3px;}
a#visit{display:block;color:#fff;background:#4780ae;border-left:1px solid #084577;border:1px solid #7ab7e8;padding:4px;margin:5px 15px 0px 0px;-moz-border-radius:3px;border-radius:3px;}
a.add{display:block;width:80px;text-align:center;color:#fff;background:#4780ae;border:1px solid #4780ae;padding:4px;margin:10px 15px 0px 0px;-moz-border-radius:3px;border-radius:3px;text-transform:uppercase;}
#profile_info p{font-size:12px;padding-top:2px;padding-bottom:4px;}
#profile_info p a{font-size:12px;color:#f9d71c;}
#profile_info p a:hover{font-size:12px;color:#f00;text-decoration:underline;}
#profile_info p.last_login{font-size:12px;padding-top:5px;color:#dfdfdf}
#profile_info p.welcome{font-size:12px;padding-top:5px;color:#dfdfdf;line-height:40px;}


#table_options ul li a {color:#000;display:block;padding-top:5px;}

.quickview ul{margin:0px;padding:0px;list-style:none;}
.quickview ul li{padding:3px;font-size:12px;}
.quickview ul li span.number{font-family:Georgia;font-size:13px;color:#629fa8}

#shortcuts{width:640px;}
#shortcuts ul {margin:0px;padding:0px;list-style:none;margin-top:20px;}
#shortcuts ul li{float:left}
#shortcuts ul li.first_li a{margin-left:0px;}
#shortcuts ul li a{border:1px solid #999;-moz-border-radius:3px;border-radius:3px;display:block;padding:5px;margin:5px;width:70px;text-align:center;}
#shortcuts ul li a span{font-size:10px;margin-top:5px;display:block;background:#eee;padding:2px;}
#shortcuts ul li a:hover{border:1px solid #ececec;text-decoration:none;}

.photo ul{margin:0px;padding:0px;list-style:none;}
.photo ul li{float:left; border:1px solid #999;-moz-border-radius:3px;border-radius:3px;padding:3px;margin:3px 1px;position:relative;}
.photo ul li span{font-size:10px;margin-top:5px;display:block;padding:4px 1px;width:83px;position:absolute;bottom:0px;left:0px;}
.todo ul {margin:0px;padding:0px;list-style:none;}
.todo ul li{margin-left:0px;padding-left:0px;list-style:none;}
.todo p{margin:0px;padding:0px;}
ul#menu{margin:0px;padding:0px;list-style:none;margin-top:20px;}
ul#menu, ul#menu ul {list-style-type:none; margin: 0; padding: 0; }
ul#menu a { display: block; text-decoration: none;	}
ul#menu li { margin-top: 1px;}
ul#menu li a {color: #000;padding: 10px;padding-left:25px;border-bottom:1px solid #ddd}
ul#menu li a:hover { }
ul#menu li ul li a { background: #fff; color: #000; padding-left: 15px; border-bottom:none}
ul#menu li ul li a:hover { background: #eee; border-left: 5px #4780ae solid; padding-left: 10px;}

input#post_title{width:925px;margin:0px;border-left:1px solid #a8a8a8;border-top:1px solid #a8a8a8;border-right:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;-moz-border-radius:3px;border-radius:3px;font-size:28px;padding:5px;}
.form_sidebar span{display:block;padding:5px 5px;background:#eee;margin-bottom:10px;}
#save{width:100px;color:#fff;background:#4780ae;border-left:1px solid #084577;border-top:1px solid #084577;border-right:1px solid #7ab7e8;border-bottom:1px solid #7ab7e8;}

.table{width:100%;border:1px solid #c3c3c3;}
.table th{background:#eee;padding:5px;text-align:left;}
.table td{padding:5px; text-align:left; vertical-align:top;}
.table .table_date{color:#5e5e5e;width:100px;font-weight:bold;}
.table .table_check{width:20px;background:#eee;}
.table .table_title a{color:#26608e;text-decoration:underline;font-weight:bold;}

#table_options{background:#fff;border:solid #c3c3c3;border-width:0px 1px 1px 1px;padding:5px;}
#table_options label{margin:0px;padding-top:2px;}
#table_options ul{list-style:none;margin:0px;padding:0px;}
#table_options ul li{float:left;padding:5px;margin-right:10px;}

.table tbody tr.alt-row {
    background: #f9f9f9;
}
.table tbody tr.hover {
    background: #f0f0f9;
}

.pagination{margin-top:20px;text-align: right;}
.pagination a, .pagination span{padding:5px;margin:2px;border:1px solid #d9d9d9;text-decoration:none;-moz-border-radius:3px;-webkit-border-radius: 3px;border-radius:3px;}

.pagination a.current {
	background-color:#a2c8ff;
}

.file{
	border:1px solid #eee;
}

.searchForm{
	margin-bottom:8px;
}

.colorR{
	color:#f00;	
}

.colorG{
	color:#0f0;	
}

.colorB{
	color:#00f;	
}

.star{
	background-image:url(../img/star.png);
	background-position:95% center;
	background-repeat:no-repeat;
}

.power-menu{
	width:67%;
	list-style:none;
	padding:0;
	margin:0;
}

.power-menu img{
	float:right;
}

 

.power-menu label{
	padding:0px !important;
	margin:0 0 0 20px !important;
	text-align:right !important;
	float:right;
	width:38px;
}
.power-menu label input, .power-menu label img{
	float:left;
}

.power-menu ul{
	list-style:none;
}

.power-menu li{
	line-height:28px;
	width:100%;
	list-style:none;
}

.power-menu li ul{
	margin:0 0 0 20px !important;
}

#dialog_content .power-menu a{
	text-decoration:none;
	*float:left;
	_float:left;
	.float:left;
}

.disBtn{
	background-color:#eee !important;
	background-image:none !important;
}

.import_pwd{
	margin-left:5px;
}

.browserBox{
    margin: 10px auto !important;
    padding: 10px 0;
    text-align: center;
    width: 210px;
}


#preview, #upload {
	/*float: left;*/
    /*width: 80%;*/
	padding:0;
	margin:0;
	width:100%;
}

#preview .imgBox{
	border:2px solid #ddd;
	padding:5px;
	width:80%;
	padding:5px;
	margin-bottom:5px;
}


#preview .imgBox label{
	width:30px; 
	text-align:center;
	margin:0;
	padding:0;
	display:inline !important;
}


#preview img, #preview object{
	border: 1px solid #CCCCCC;
    padding: 5px;
	margin-bottom:2px;
	display:inline-block;
}

#previewPDF .pdfInput{
	padding:2px;
	border:1px solid #ccc;
	height:24px;
	width:130px;
}

#previewPDF .delPdf{
	margin-left:10px;
}

.img_upload{
	width:80%;
	border:2px solid #ddd;
	padding:5px;
	margin-bottom:5px;
}
a.add_input, a.del_input{
	width:20px; 
	height:20px; 
	display:inline-block; 
	margin-left:5px;
	float:right;
}

.file_input {
	position:absolute;
	opacity:0;
	filter:alpha(opacity=0);
	z-index:9999;
	height:30px;
	/*width:235px \9;*/
	background-color:#fff;
	border:1px solid #ccc;
	width:55px;
	left:263px;
	_left:288px;
	*left:288px;
	left:288px \9;
}

.mask{
	display:none;
	z-index:99997;
	width:100%;
	height:100%;
	position:fixed;
	margin:0px;
	padding:0px;
	top:0px;
	left:0px;
}
.mask .mask_bg{
	background-color:#000;
	width:100%;
	height:100%;
	opacity:0.7;
	filter:alpha(opacity=70);
	z-index:99998;
	position:absolute;
	margin:0px;
	padding:0px;
}
.mask .mask_cont{
	font-size:27px;
	color:#fff;
	text-align:center;
	margin:200px auto;
	padding:20px;
	line-height:27px;
	z-index:99999;
	width:600px;
	height:30px;
	border-radius:10px; 	
	-moz-border-radius:10px;	
	-webkit-border-radius:10px;
	border:3px solid #666;
	background-color:#ccc;
	color:#333;
	position:relative;
}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }
.ui-timepicker-div dl{ text-align: left; }
.ui-timepicker-div dl dt{ height: 25px; }
.ui-timepicker-div dl dd{ margin: -25px 0 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }

h2.news-title {
	line-height:26px;
	color:#030;
	font-size:16px;
	font-weight:bold;
	padding:0px;
}

p.news-info {
	padding:6px 0;
	color:#4a4a4a;
}

p.news-info em {
	display:inline-block;
	padding-right:1em;
	font-style:normal;
}


.news-media {
	float:left;
	max-width:635px;
	padding:10px;
	margin-bottom:15px;
	background:#f1f5f6;
}

.news-media dt {
	max-width:635px;
	margin-bottom:10px;
}

.news-media dt img {max-width:635px;}
.news-media dd {color:#646d6f;}

.news-aticle p {text-indent:1em !important;}

.news-album {
	padding-top:30px;
	/*background:url(../img/background_album_top.png) no-repeat left top;*/
}

.news-album ul {
	/*padding:20px;*/
	/*background:url(../img/background_album_bottom.png) no-repeat left bottom;*/
	margin:10px;
}

.news-album ul li {
	float:left;
	width:108px;
	height:58px;
	overflow:hidden;
	margin:0 9px 9px 0;
	border:2px solid #bcc8cf;
}

.news-album ul li img {
	/*
	width:108px;
	height:58px;
	*/
}

.img_play{
	width: auto !important; 
	height: auto !important; 
	position: absolute; 
	padding: 21px 46px;
	margin:0;
	/*
	opacity: 0.8; 
	filter:alpha(opacity=0.8);
	*/
}

.search_p{
	padding:0px;
	margin:0 0 5px 0;
	
}
.search_p .search_title{
	width:150px;
	display:inline-block;
}


.adv_img{
	padding:3px; 
	border:1px solid #ccc;
	margin-bottom:5px;
}