/* 
    Document   : style
    Created on : Feb 2, 2010, 7:16:57 PM
    Author     : Quynh
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
body{ margin:0;padding:0; font-family:Tahoma;font-size:12px;}
#wrapper{margin:0 auto; width:900px;}
.header{
    /*background:url(../images/header.jpg) no-repeat;*/
    height:146px;
}
.logo{float:left;width:201px;height:146px;}
.bgheader{float:right;width:699px;height:146px; text-align: right;
         background:url(../images/bgheader.jpg) no-repeat; font-size: 12px;}
.bgheader a{color:#008CEC; text-decoration: none; margin-right: 10px; margin-top: 5px; line-height: 25px;}
.bgheader a:hover{text-decoration: underline;}

.footer{
    background:url(../images/footer.jpg) no-repeat;
    height:52px;
    color:#FFF;
    margin-top:0px;
    padding-top:10px;
}
#maincontent{
    position:relative;
}
h1.page-group-title{color: #FFF; margin:20px 0 0 55px; text-transform: uppercase;}
.group1{
    background:url(../images/ourteam.jpg) no-repeat;
    height:480px;
    overflow:auto;
}
.group4{
    background:url(../images/operation.jpg) no-repeat;
    height:480px;
    overflow:auto;
}
.group3{
    background:url(../images/experience.jpg) no-repeat;
    height:480px;
    overflow:auto;
}
.group5{
    background:url(../images/research.jpg) no-repeat;
    height:480px;
    overflow:auto;
}
.group9{
    background:url(../images/customer.jpg) no-repeat;
    height:480px;
    overflow:auto;
}
.group_news{
    background:url(../images/news.jpg) no-repeat;
    height:480px;
    overflow:auto;
}
.group_member{
    background:url(../images/member.jpg) no-repeat;
    height:480px;
    overflow:auto;
}
.group7{
    background:url(../images/job.jpg) no-repeat;
    height:480px;
    overflow:auto;
}

ul.category{list-style-type:none; margin:25px 0 0 15px;}
ul.category li {margin-bottom:15px;}
ul.category li a{color:#FFF; font-size:18px; font-weight:normal; font-family:Tahoma; text-decoration:none;}
p{margin:0;padding:0;}

/******** pages *********/
.page{
    /*height:524px;
    overflow:auto;*/
    text-align:justify;
    position:relative;
}
h2.pagetitle{
    margin-top:10px;
    color:#008CEC;
    font-size:18px;
    text-transform:uppercase;
}
.pagetitle a{text-decoration: none;color:#008CEC;}
.page .content{font-size:13px; float: right;width: 430px;position: relative; padding-bottom: 40px;}
.page .content p{margin:7px 0;}
.statist{float:left;width:120px; color: #FFF;padding-left:15px;}
.footerinfo{ text-align:center; margin-left: -130px;}
.required{color:#FF0000;}
.pageimage{ float: left;width:468px; height:100%;}

/*.page .body{height:475px;}*/

/*** menu ****/
.hidden { position:absolute; top:0; left:-9999px; width:1px; height:1px; overflow:hidden; }
.fg-button { clear:left; margin:0 4px 40px 20px; padding: .4em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }
a.fg-button { float:right;  }
button.fg-button { width:auto; overflow:visible; } /* removes extra button width in IE */

.fg-button-icon-left { padding-left: 2.1em; }
.fg-button-icon-right { padding-right: 2.1em; }
.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }
.fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; }	 /* solo icon buttons must have block properties for the text-indent to work */

.fg-button.ui-state-loading .ui-icon { background: url(spinner_bar.gif) no-repeat 0 0; }
.mainmenu{position: absolute;  margin-top:0;bottom:-32px;right:0;font-family:Tahoma !important;}

/******** NEWS ***********/
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
hr{border: 1px;height:1px; color: #CCC;background-color: #CCC;}
.more{ text-decoration: none; font-size:11px; color:#008CEC;}
a.more:hover{ color:#999;}
.news{ margin:0;padding:0;}
.news dt{margin-top:10px; padding:5px 0;}
.news dd{margin:0;padding:0;}
.news dd img.img{margin-right:3px; text-align:left;}
.news dt a{color:#008CEC; font-size:12px; font-weight: bold; text-decoration: none;}
.news dt a:hover{text-decoration: underline;}
.description{ font-size:13px; color:#999;}
.justify{text-align: justify;}
.video{clear:both; margin: 10px 0;}
/**** pager ****/
.pagebreak{border:0;background-color: #fff;height:0;}
/*ul.pager{margin: 0;padding:0; list-style-type: none; display: inline; margin-left: 15px;}
ul.pager li{float:left; padding: 5px; background-color: #CAE1E5; text-decoration: none;}
ul.pager li a{text-decoration: none;}
ul.pager li a:hover{ color:#FF0000;}
*/

/*.pager {font-size:90%;color:#333;font-family:Arial,Helvetica,sans-serif;position:relative;text-align:left;padding-top: 25px;color:rgb(128, 128, 128);margin-bottom:15px;line-height:140%;}
.pager ul {display:inline;padding-left:0px;margin-left:0px}
.pager li {display:inline;list-style:none;text-align:center; margin:2px;}
.pager li a {font-weight: 100;font-size: .8em!important;text-decoration: none!important; border: 1px #ccc solid;padding: 3px 6px 3px 6px!important;}
.pager li a.last {border:2px #ccc solid;}
.pager li a:hover {background-color: #0098D4; color: #fff!important; font-weight: bold;border:1px #000 solid;}
.pager li a.last:hover {border:2px #000 solid;}
.pager .current {font-weight: bold;font-size: .8em; text-decoration: none; padding-left: 2px; padding-right: 2px;}
.pager .next a, .pager .previous a {border: 1px #fff solid; padding: 3px 6px 3px 6px;  }
.pager .next a:hover, .pager .previous a:hover {font-weight:normal;}
.pager .total {font-size:80%;}*/

/************************* PAGINATION **************************************/
.pager{
float: left;
font:11px Tahoma, Verdana, Arial, "Trebuchet MS", Helvetica, sans-serif;
 color:#3d3d3d;
margin-top: 20px;
margin-left:auto;
margin-right:auto;
width:100%;
}

.pager ul{
margin: 0;
padding: 0;
}

.pager li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pager a, .pager a:visited{
padding: 5px 8px;
text-decoration: none;
background-color: inherit;
color: #0191D0;
font-weight: bold;
}

.pager a:hover, .pager a:active{
color: #ffffff;
background-image: url(../images/pagination_bg.png);
background-position: top center;
background-repeat: no-repeat;
text-decoration: none;
}

.pager li.current{
font-weight: bold;
padding: 5px 9px;
background-color: inherit;
color: #ffffff;
background-image: url(../images/pagination_bg.png);
background-position: top center;
background-repeat: no-repeat;
}

.pager li.disablepage{
padding: 0 5px;
border: 1px solid #929292;
color: #929292;
}

.pager li.next{
font-weight: bold;padding:0px;
}
.pager li.next a:hover{
background-image:  none;
color:#929292;
}

* html .pager li.current, * html .pager li.disablepage{ IE 6 and below. Adjust non linked LIs slightly to account for bugs
padding-right: 9px;
padding-left: 9px;
}

/*** Global Ajax ****/
.loadinglayer{
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    z-index:2000;
    position:fixed;
    /*opacity: 0.8;
    filter: alpha (opacity = 80);
    zoom: 1;*/
    /*background-color:#FFF;*/
}
.loadinglayer div{
    width: 200px;
    height: 80px;
    position: relative;
    border:1px solid #80B63A;
    background-color:#FFF;
    z-index:2001;
    margin:0 auto;
    padding:10px 0 0 10px;
    color:#3A4A54;
    font-size:13px;
    font-weight:bold;
}
a.member{color:#FFF; margin:25px;}