html{overflow: -moz-scrollbars-vertical;overflow-y: scroll;}
body, html{width: 100%;height: 100%;}

body{
overflow-x:hidden;
margin: 0px;
line-height:24px;
background-color:#6699CC;
background-image:url('/images/global/texture.gif');
}

body,a,input,textarea,select,p,table.tr,td{
font-family:tahoma;
font-size:13px;
text-align:justify;
color: #606060;
text-decoration:none;
}

p{margin:2px 0px;display:inline-block;}
h1,h2,h3,h4,h5{font-weight:normal;margin:0px;}
img{border:none;display: block;}

table{padding:0px;border-collapse:collapse;}
input,textarea,select{border:solid 1px #909090;padding-left:2px;padding-right:2px;}
input[type='text'],input[type='password']{height:19px;}
select { height:22px;}
input[type='checkbox']{border:none;}
form{margin:0;padding:0;dispaly: inline;}
textarea{overflow: auto;resize:none;vertical-align: top;padding-top:2px;line-height:21px;}

a{text-decoration: none;color: #6699CC;}
a:visited {}
a:hover {color: #FF9900;}

#stage{
position:absolute;
z-index:1;
width:100%;
height:100%;
}

#global{
position:relative;
direction:rtl;
margin-left:auto;
margin-right:auto;
width:850px;
}

#general{margin-top:20px;background-color:#FFFFFF;}

#header{
height:235px;
padding:5px;
}

#menu{
padding-top:3px;
padding-right:7px;
padding-left:7px;
margin-bottom:3px;
}

#main{
margin-bottom:3px;
padding-top:5px;
padding-left:5px;
padding-right:5px;
}

#footer{
padding-top:5px;
padding-bottom:5px;
padding-right:7px;
padding-left:7px;
direction: ltr;
}

#banner{
height:235px;
background-image:url('/images/global/banner2.jpg');
background-color:#8CBDE1;
background-repeat: no-repeat;
}

#sidebar{width:210px;}
#container{width:630px;}
#content{width:625px;}

.right{float:right}
.left{float:left}
.center{text-align:center}
.middle{margin-left: auto;margin-right: auto;}
.ltr{direction:ltr;}
.clear{clear:both;}
.overhide{overflow:hidden;}
.inline-block{display:inline-block;*display:inline;zoom:1;}
.nowrap{white-space: nowrap;}
.ellipsis{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tright{text-align:right}


.fleft{margin:12px 11px 6px 0px;float:left;display:inline;}
.fright{margin:12px 0px 6px 11px;float:right;display:inline;}
.fcenter{margin-top:15px;margin-bottom:10px;margin-left:auto;margin-right: auto;clear:both;}
.fleft img,.fright img,.fcenter img{border: 1px solid gray;}
.ftext{border: 1px dotted gray;margin-top:2px;margin-top:0px !ipmortant;padding-right:5px;padding-left:5px;padding-bottom:1px;line-height:23px;font-size:12px;}

.error{background-color:#FF3333;}
.ok{background-color:#008000;}
#loading{height:17px;margin-top: 6px;margin-left: 3px;*margin-top:2px !important;}
.loader{margin-left: 3px;margin-top:2px;*margin-top:8px !important;height:11px;}
.result_div{margin-top:-3px;*margin-top:1px !important;color:#FFFFFF;height:23px;overflow:hidden;font-weight:bold;padding-left:5px;padding-right:5px;font-size:12px;}
.result_span{display:block;margin-top:-2px;}
.loading1{margin-right:14px;}
.hide{display:none;visibility:hidden;}
.field { padding-right: 5px; }

.link1,.link1:visited{color:#505050;} .link1:hover{color:#6699CC;}
.link2,.link2:visited{color:#6699CC;} .link2:hover{color:#6699CC;}
.link3,.link3:visited{color:#FF9900;} .link3:hover{color:#FF9900;}
.link4,.link4:visited{color:#707070;} .link4:hover{color:#707070;}

.white {color:white;text-decoration: none;}
.f1{color:#3366cc;}
.f2{color:#9A9A9A;}
.f3{color:#1D5174;}
.f4{color:#FFFFFF;}
.f5{color:#6699CC;}
.f6{color:#000099;}
.f7{color:#FF9900;}

.s1,.s1 a{font-family:arial,Times New Roman,Arial;font-size:16px;}
.s2{font-size:11px;line-height:19px;}
.s3{font-size:13px;}


.b{font-weight:bold;}

.bg1{background-color:#FFFFFF;}
.bg2{background-color:#6699CC;}
.bg3{background-color:#EFEFEF;}
.bg4{background-color:#EEF5FB}
.bg5{background-color:#DEDEDE;}
.bg6{background-color:#AFD3EB;}

.bg7{background-color:#999999;}
.bg8{background-color:#6699CC;}
.bg9{background-color:#CFCFCF;}

.border1{border: solid #777777  1px;}
.border2 {border-bottom: solid #999999 1px;}
.border3 {border-bottom: solid #6699CC 1px;}
.border4 {border-top: solid #6699CC 1px;border-bottom: solid #6699CC 1px;}
.border5 {border-bottom: dotted #6699CC 1px;}
.border6 {border: solid #909090 1px;}
.border7 {border: dotted #6699CC 1px;}
.border8 {border-top: dotted #6699CC 1px;}
.border9 {border-bottom: dotted #999999 1px;}
.border10 {border: solid #EFEFEF  1px;}




.pd1{padding-right:10px;padding-left:5px;}
.pd2{padding-top:5px;padding-right:4px;}
.pd3{padding:0px 9px 1px 0px;*padding:5px 9px 1px 0px;}
.pd4{padding-left:10px;padding-right:10px;}
.pd5{padding-left:10px;padding-right:10px;padding-bottom:3px;}
.pd6{padding-left:5px;padding-right:5px;padding-top:5px;}
.pd7{padding-left:5px;padding-right:5px;}
.pd8{padding-right:10px;}
.pd9{padding:20px;}
.pd10{padding-left:10px;padding-right:10px;padding-bottom:5px;padding-top:5px;}
.pd11{padding-top:3px;}
.pd12{padding-top:6px;}
.pd13{padding-top:5px;*padding-top:2px;}
.pd14{padding-top:15px;}
.pd15{padding-right:25px;}
.pd16{padding:10px;}
.pd17{padding-left:5px;padding-right:5px;padding-bottom:8px;}


.mr1{margin-right:3px;}
.mr2{margin-right:5px;margin-top:1px;margin-bottom:0px;*margin-bottom:0px;}
.mr3{margin-right:6px;}
.mr4{margin-top:-4px;margin-right:5px;}
.mr5{margin-top:-4px;margin-left:-4px;}
.mr6{margin-right:6px;}
.mr7{margin-top:5px;}
.mr8{margin-right:-15px;}


.g1{height:1px;overflow:hidden;}
.g3{height:3px;overflow:hidden;}
.g5{height:5px;overflow:hidden;}
.g10{height:10px;overflow:hidden;}
.g20{height:20px;overflow:hidden;}
.g30{height:30px;overflow:hidden;}
.g40{height:40px;overflow:hidden;}
.g50{height:50px;overflow:hidden;}


.d1{height:26px;padding-top:2px;}
.d2{width:552px;}
.d3{width:200px;margin-right:5px;padding-bottom:5px;overflow:hidden}
.d4{height:23px;*height:20px;}
.d5{width:150px;}
.d6{width:540px;}
.d7{width:546px;}
.d8{height:100px;}
.d9{width:348px;}
.d10{width:125px;}
.d11{width:105px;}
.d12{width:520px;}
.d13{width:150px;}
.d14{width:450px;}
.d15{width:350px;}
.d16{width:270px;}
.d17{/*display:inline-block;width:73px*/}


.banner_vch{width:200px;height:73px;}
.banner_le{width:200px;height:60px;}
.banner_ui{width:200px;height:70px;}
.banner_oralhistory{width:200px;height:68px;}
.banner_lhocouk { width:200px;height:75px;}

.datatable thead{height:30px;padding-right:5px;}
.datatable tr td{height:25px;padding-right:5px;padding-left:5px;}
.datatable .cell1{width:340px;overflow:hidden;}
.datatable{border-collapse:separate;width:100%;}

.block{display:block;}

.bull1{
background-image: url("/images/global/bull1.png");
background-position: right 14px;
background-repeat: no-repeat;
}

.bull2{
background-image: url("/images/global/bull2.png");
background-position: right 9px;
background-repeat: no-repeat;
right:10px;
}

.bull3{
background-image: url("/images/global/bull3.png");
background-position: right 14px;
background-repeat: no-repeat;
}

.bull4{
background-image: url("/images/global/bull4.gif");
background-position: right 9px;
background-repeat: no-repeat;
right:10px;
}

.bull5{
background-image: url("/images/global/bull5.gif");
background-position: right 12px;
background-repeat: no-repeat;
}

.bull6{
background-image: url("/images/global/bull6.png");
background-position: right 10px;
*background-position: right 15px;
background-repeat: no-repeat;
}

.bull7{
background-image: url("/images/global/bull7.png");
background-position: right 10px;
*background-position: right 15px;
background-repeat: no-repeat;
}

.bull8{
background-image: url("/images/global/bull8.png");
background-position: right 8px;
background-repeat: no-repeat;
}

.bull9{
background-image: url("/images/global/bull9.png");
background-position: right 14px;
background-repeat: no-repeat;
}

.bull10{
background-image: url("/images/global/bull10.gif");
background-position: right 12px;
background-repeat: no-repeat;
}

.bull11{
background-image: url("/images/global/bull11.gif");
background-position: right 12px;
background-repeat: no-repeat;
}

.title1{
border-bottom:dotted 1px #6699CC;
margin-top: -2px;
padding-left:10px;
padding-right:0px;
padding-bottom:0px;
min-width: 320px;
}

.title2{
border-bottom:dotted 1px #6699CC;
padding-left:10px;
padding-top:1px;
margin-top:3px;
font-size:11px;
}

.title3{
border-top:dotted 1px #6699CC;
padding-left:10px;
padding-top:1px;
margin-top:3px;
font-size:11px;
}

.title4{
padding-left:10px;
padding-top:1px;
font-size:11px;
}

.title5{
border-bottom:dotted 1px #6699CC;
margin-top: -2px;
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
width:100%;
}

.title6{
border-bottom:dotted 1px #6699CC;
margin-top: -2px;
padding-right:0px;
padding-bottom:0px;
width:265px;
}

.back{
background-image: url("/images/global/back.gif");
background-repeat: no-repeat;
width:60px;
height:23px;
margin-top:3px;
cursor:pointer;
border:none;
}

.login{
background-image: url("/images/global/login.gif");
background-repeat: no-repeat;
width:65px;
height:23px;
margin-top:3px;
cursor:pointer;
border:none;
}

.send{
background-image: url("/images/global/send.gif");
background-repeat: no-repeat;
width:65px;
height:23px;
margin-top:3px;
cursor:pointer;
border:none;
}

.submit{
background-image: url("/images/global/submit.gif");
background-repeat: no-repeat;
width:65px;
height:23px;
margin-top:3px;
cursor:pointer;
border:none;
}

.comment{margin-top:-5px;}
.comment_user{width:540px;max-height:100px;}
.comment_member{width:512px;height:100px;padding:0px;padding-left:5px;padding-right:5px;}

.icon1{background-repeat: no-repeat;display:block;padding-right:24px;overflow:hidden;line-height:20px;}
.icon2{background-repeat: no-repeat;display:block;padding-right:24px;overflow:hidden;line-height:25px;}
.icon3{background-repeat: no-repeat;display:block;padding-right:15px;overflow:hidden;line-height:27px;}
.icon4{background-repeat: no-repeat;inline-block;padding-right:24px;overflow:hidden;line-height:20px;}
.profile{background-image: url("/images/global/profile.png");background-position:right 3px;}
.send_news{background-image: url("/images/global/send_news.png");background-position:right 3px;}
.send_article{background-image: url("/images/global/send_article.png");background-position:right 1px;}
.send_blog{background-image: url("/images/global/send_blog.png");background-position:right 3px;}
.list{background-image: url("/images/global/list.png");background-position:right 4px;}
.logout{background-image: url("/images/global/logout.png");background-position:right 1px;}
.password{background-image: url("/images/global/password.png");background-position:right 5px;}
.man{background-image: url("/images/global/man.png");background-position:right 3px;}
.woman{background-image: url("/images/global/woman.png");background-position:right 3px;}
.photo_icon{background-image: url("/images/global/photo.png");background-position:right center;}
.help_icon{background-image: url("/images/global/help.png");background-position:right center;}


.shape{height:25px;background-repeat: no-repeat;background-position:right 0px;margin-top:6px;}
.shape_news{background-image: url("/images/global/shape_news.png");}
.shape_blog{background-image: url("/images/global/shape_blog.png");}
.shape_article{background-image: url("/images/global/shape_article.png");}

.shape_mobile{background-image: url("/images/global/shape_mobile.png");}
.shape_phone{background-image: url("/images/global/shape_phone.png");}
.shape_email{background-image: url("/images/global/shape_email.png");}
.shape_address{background-image: url("/images/global/shape_address.png");}

.shw{height:20px;background-repeat: no-repeat;background-position:right 0px;margin-top:3px;margin-right:7px;padding-right:23px;}
.shw div{position:relative;top:-3px;}
.shw_news{background-image: url("/images/global/shape_news_w.png");}
.shw_article{background-image: url("/images/global/shape_article_w.png");}
.shw_blog{background-image: url("/images/global/shape_blog_w.png");}


.firefox{display:block;background-image: url("/images/other/firefox.png");;width:128px;height:128px;}
.chrome{display:block;background-image: url("/images/other/chrome.png");width:128px;height:128px;}

.icon_news{background-image: url("/images/global/icon_news.png");width:16px;height:16px;background-repeat: no-repeat;}
.icon_article{background-image: url("/images/global/icon_article.png");width:16px;height:16px;background-repeat: no-repeat;}
.icon_blog{background-image: url("/images/global/icon_blog.png");width:16px;height:16px;background-repeat: no-repeat;}
.icon_pen{background-image: url("/images/global/icon_pen.png");width:16px;height:16px;background-repeat: no-repeat;}
.icon_lock{background-image: url("/images/global/icon_lock.png");width:16px;height:16px;background-repeat: no-repeat;}
.icon_start{background-image: url("/images/global/start.png");width:16px;height:16px;background-repeat: no-repeat;}
.icon_stop{background-image: url("/images/global/stop.png");width:16px;height:16px;padding-right:2px;background-repeat: no-repeat;}
.pointer{cursor:pointer}

.iright{border:solid 1px gray;float:right;margin:10px 0px 6px 11px;}
.iright2{border:solid 2px gray;float:right;margin:10px 0px 6px 11px;}
.iright3{border:solid 1px gray;}
.ileft{border:solid 1px gray;float:left;margin:10px 11px 6px 0px;}
.icenter{border:solid 1px gray;margin-bottom:5px;margin-top:5px;}

.imgintro{width:150px;height:150px;}
.img70{width:70px;height:70px;}
.img100{width:100px;height:100px;}
.img120{width:120px;height:120px;}
.img150{width:150px;height:150px;}
.img_member{width:165px;height:220px;}
.img_photo{width:120px;height:160px;}
.img_picture{width:75px;height:100px;}

.html_area{
border-left:solid 1px #909090;
border-right:solid 1px #909090;
border-bottom:solid 1px #909090;
direction:rtl;overflow-y:scroll;
height:320px;
text-align:justify;
background-color:#FFFFFF;
}

.html_area {padding-top:0px;padding-bottom:0px;padding-left:5px;padding-right:5px;}

#slider_area{width:100%;height:225px;}
#slider{direction:ltr}
.slider_item{direction:rtl;padding-left:5px;padding-right:5px;}
ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}




#pagination {height:25px;padding-bottom: 0px;}
#pagination a, #pagination span {display: block;text-align: center;margin-top:-2px;}
#pagination a {min-width:22px;height:21px;}
#pagination div {min-width: 22px;height: 21px;margin-right: 2px;margin-top: 2px;margin-bottom: 2px;text-align: center;}
#pagination .handle{min-width: 20px;height: 20px;margin-right: 2px;margin-top: 2px;margin-bottom: 2px;text-align: center;background-repeat: no-repeat;background-position: center center;}
#pagination #start {background-image: url('/images/global/pagination_start.png');}
#pagination #back {background-image: url('/images/global/pagination_back.png');}
#pagination #next {background-image: url('/images/global/pagination_next.png');}
#pagination #end {background-image: url('/images/global/pagination_end.png');}


.nicEdit-pane{direction:rtl;}

.filebox_button {
cursor: pointer;
display: inline-block;
height: 16px;
text-align: center;
width: 25px;
}

.image_button{
position:relative;
height:16px;
width:16px;
top:3px;
margin-right:3px;
background-image:url('/images/global/image.png');
cursor:pointer;
}

.file_button{
position:relative;
height:16px;
width:16px;
top:3px;
margin-right:3px;
background-image:url('/images/global/attach.png');
cursor:pointer;
}

.loading_button{
position:relative;
height:11px;
width:16px;
top:6px;
margin-right:3px;
background-image:url('/images/global/loading.gif');
background-repeat:no-repeat;
}

.file_icon{display:block;height:32px;width:32px;}

/**********************
	Calendar
**********************/
.calendar {
  position: absolute;
  z-index:1000000000;
  margin-top:1px;
  margin-left:-253px;
  display: none;
  font-size: 11px;
  cursor: default;
  border: 1px solid #C0C0C0;
  width:250px;
}

.calendar table {
table-layout:fixed;
width:100%;
font-size: 11px;
cursor: default;
background: Window;
color: WindowText;
font-family: tahoma,verdana,sans-serif;
}

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;
  padding: 1px;
  border: 1px solid;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
  background: ButtonFace;
  width:15%;
}

.calendar .nav {
  background: ButtonFace url(menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;
  padding: 1px;
  border: 1px solid #000;
  background: ActiveCaption;
  color: CaptionText;
  text-align: center;
  width: 140px;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}

.calendar thead .daynames { /* Row <TR> containing the day names */
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid ButtonShadow;
  padding: 4px;
  text-align: center;
  background: ButtonFace;
  color: ButtonText;
  width:auto;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #f00;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  border: 2px solid;
  padding: 0px;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  border-width: 0px;
  padding: 0px 0px 0px 2px;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  text-align: right;
  /*padding: 2px 4px 2px 2px;*/
  padding:4px;
}
.calendar tbody .day.othermonth {
  font-size: 11px;
  color: #aaa;
}
.calendar tbody .day.othermonth.oweekend {
  color: #faa;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid ButtonShadow;
  background: ButtonFace;
  color: ButtonText;
}

.calendar tbody .rowhilite td {
  background: Highlight;
  color: HighlightText;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  padding: 1px 3px 1px 1px;
  border-top: 1px solid #c0c0c0;
  border-right: 1px solid #c0c0c0;
  border-bottom: 1px solid #c0c0c0;
  border-left: 1px solid #c0c0c0;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  padding: 2px 2px 0px 2px;
  border: 1px solid;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}

.calendar tbody td.selected { /* Cell showing selected date */
  font-weight: bold;
  border: 1px solid;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
  padding: 2px 2px 0px 2px;
  background: ButtonFace;
  color: ButtonText;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #f00;
}

.calendar tbody td.today { /* Cell showing today date */
  font-weight: bold;
  color: #00f;
}

.calendar tbody td.disabled { color: GrayText; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: ButtonFace;
  padding: 1px;
  border: 1px solid;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
  color: ButtonText;
  text-align: center;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  padding: 1px;
  background: #e4e0d8;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  width: 4em;
  top: 0px;
  left: 0px;
  cursor: default;
  border: 1px solid;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
  background: Menu;
  color: MenuText;
  font-size:11px;
  padding: 1px;
  z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .active {
  padding: 0px;
  border: 1px solid #000;
}

.calendar .combo .hilite {
  background: Highlight;
  color: HighlightText;
}

.calendar td.time {
  border-top: 1px solid ButtonShadow;
  padding: 2px;
  text-align: center;
  background-color: ButtonFace;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: Menu;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: Highlight;
  color: HighlightText;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}

.calendar_button{
position:relative;
height:16px;
width:16px;
top:3px;
margin-right:3px;
background-image:url('/images/global/calendar.png');
cursor:pointer;
}

/**********************
	Calendar : END
**********************/