/******************** Body *****************************/
body {
    /*color:#1560A4;*/
    font-size:12px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    background:#fff!important;
}
a {
    color:#355A86;
    text-decoration:none;
}
a:hover {
    color:#144296;
    text-decoration:none;
}
/******************** Header *****************************/
/***************** Top top ********************/
 .pop {
    position:absolute;
    display:inline;
    margin:0 0 0 -120px;
}
 .pop .pop_menu {
    display:none;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    background:#FFB845;
    width:128px;
}
 .pop .pop_toggle {
    background-image:url(TicImg/arrow-down.gif);
    background-position:center center;
    background-repeat:no-repeat;
    cursor:pointer;
    height:14px;
    overflow:hidden;
    width:219px;
    margin:2px 0 0 -108px;
    color:#333333;
}
.active .pop_menu {
    color:#000;
    display:block;
    margin:25px 0 0 -130px;
    padding:7px 5px 5px 0;
    position:absolute;
    width:250px;
    line-height:18px;
}
 .active .pop_menu a {
    color:#333;
    text-align:left;
}
.active .pop_menu a:hover {
    color:#FFF;
    text-align:left;
}
.active .pop_toggle {
    z-index:2000;
    position:absolute;
    top:0;
    left:0;
    background-image:url(TicImg/arrow-up.gif);
}

/* These are ids for container divs in layout.master */
#wrapcenter,#wrapwebsite { background-color:#fff; }
#wrapwebsite { width:1000px; height:100%; text-align:left; margin:0 auto; background-color:#fff; min-height:1150px;}
#wrapheader { position:relative; height:130px; background:#545353; margin:0; padding:0;width:1000px; background:#545353; padding-top:10px; color:White;}
#wrapcenter { clear:both; width:1000px; min-height:500px; margin:5; padding:0; background-color:#fff; }
#wrapfooter { clear:both; height:50px; background:#FFF url('footerbg.gif') repeat-x left top; border-top:1px solid #F2F2F2; text-align:center; font-size:92%; }
#wrapfooter,#wrapfooter a { text-decoration:none; font-weight:700; }
div.cmszone{ background-color:#fff;}
.leftside { float:left; width:205px; margin:10px 5px 0 0; background:#fff; height:100%; min-height:700px; }
.center-nomargins { float:left; width:100%; margin:10px 5px 0 0px; } 
.center-rightandleftmargins { float:left; width:42%; margin:10px 5px 0; }
.center-rightmargin { float:left; width:67%; margin:10px 0 0; }
.center-leftmargin { float:left; width:70%; margin:10px 0 0 5px; }
.rightside { float:right; width:32%; margin:10px 0 0; height:100%; min-height:700px; }
/* Elements */
code { text-align:left; display:block; overflow:auto; font:500 1em/1.5em 'Lucida Console', 'courier new', monospace; background:#FAFAFA; border:1px solid #EAEAEA; border-left:5px solid #72A545; margin:5px 0; padding:10px; }
acronym { cursor:help; border-bottom:1px solid #777; }
blockquote { background:#FAFAFA url(quote.gif) no-repeat 5px 10px!important; background-position:8px 10px; border:1px solid #1F689C; border-left:5px solid #1F689C; font-weight:700; margin:15px; padding:0 0 0 36px; }
hr { height:1px; background-color:#D1D7DC; color:#D1D7DC; border-width:0; }
img { border:0; }


/* Headings */
h1 {font-size:40px;  }
h2 {font-size:36px;  }
h3 {font-size:18px; margin:0; color:#EB8F00; }
h4 {font-size:16px;  margin:0; color:#EB8F00;}
h5 {font-size:14px; margin:0; color:#EB8F00;}
h6 {font-size:13px; margin:0; color:#222;}
.sitelogo { float:left; margin:0; background: url('logo.png') no-repeat center 10px; }

.siteheading { font-size:130%; color: #1F689C; text-decoration:none; margin:0; padding:20px 0 0; }
h1.siteheading { position:absolute; top:10px; left:5px; font:bolder 2.4em 'Trebuchet MS', Arial, Sans-serif; letter-spacing:-2px; margin:0; padding:0; }
h2.moduletitle { clear:both; background:url('square_arrow.gif') no-repeat; background-position:left; margin:0; padding:0 0 3px 25px; color:#75A54B; font-size:1.5em; font-weight:700; text-transform:none; }
.modulesubtitle { height:35px; color:#444; background-color:#EAEAEA; font-weight:700; padding:4px 5px 0; }
.pagelayout h2, .register h2, .sitesettings h3 { font-size:14px; }


/* Form styles */
fieldset { border:1px solid #ffc796; margin:0 5px 7px 3px; padding:1em; }
legend { font-size:larger; font-weight:700; }
ol.formlist { list-style:none; margin: 0px; }
li.settingrow  { list-style:none; }
.settinglabel { float:left; clear:left; width:18em; padding:1px; }
.checkoutlable { float:left; clear:left; width:150px; padding:1px; }
.settinglabelFixedHeight { float:left; clear:left; width:20em; height:77px; padding:1px; }
.settinglabel,.settinglabelFixedHeight { font-weight:700; font-size:12px !important; }
.settingrow { clear:left; padding:4px 0; }
.settinglabeltight { float:left; clear:left; width:8em; font-weight:700; padding:1px; }
.settingrowtight { clear:left; padding:1px 0; }
.modulebuttonrow { clear:left; text-align:center; }
.smalltextbox { width:4em; }
.normaltextbox { width:10em; }
.mediumtextbox, .login .signinbox, .login .passwordbox { width:15em; }
.widetextbox { width:25em; }
.verywidetextbox { width:30em; }
.txterror { color:red; font-weight:700; }

/************* added HungNM - 07/07/2012 ***************/
.frmValidateError{background-color: #FFCCBA;border: 1px solid #D63301;color: #D63301;line-height: 15px;font-weight: bold;padding: 5px; }
.frmValidateErrorPadding{padding:5px;}
.frmValidateErrorMargin{margin:5px;}
.frmValidateError ul li{margin:0;padding:0;border:0;outline:0;font-size:100%;background:transparent;list-style:inside;line-height:20px;display:list-item;}
/*.frmValidateError ol, ul {list-style: inside !important}*/
.txtcopyright { color:#444; font-size:80%; font-weight:400; }
.watermarktextbox { width:9em; color:Gray; }
.subscribeemail { color:Gray; width:14em; }
input.openid_login { background:url('openidlogin.gif') no-repeat; background-color:#fff; background-position:0 50%; color:#000; padding-left:18px; }

.pagelayout .addcontent{float: left; margin: 0 0 20px; }
.pagelayout .panelayout { clear: both; margin: 0 0 20px 0; padding: 0;}
.pagelayout .panelayout h2 {text-align: center; margin: 0 10px 10px 0;}
.pagelayout .regularpanes{margin: 0 auto; width: 630px; clear: both;}
.pagelayout .pane{float: left; clear: none;margin: 20px 0 20px 0; position: relative;}
.pagelayout .layoutcenter{margin: 20px 30px;}
.pagelayout .layoutalt1,
.pagelayout .layoutalt2{float: none;clear: both; width: 190px; margin: 0 auto; position: relative;}
.pagelayout .altlayoutnotice{margin-bottom: 20px;}
.pagelayout .panelistbox{position: relative; width: 190px;}
.pagelayout .pane select {width: 170px; margin-right: 10px;}
.pagelayout .layoutbuttons{right: 0; top: 5px; position: absolute;}
.pagelayout .layoutbuttons input{display: block; margin-bottom: 10px;}

/* Grids and Tables */
table.editgrid { margin:10px; }
table.editgrid th { font-weight:700; padding:7px; }
.AspNet-GridView table thead tr th { padding:2px; }
.AspNet-GridView table tbody tr td { color:#333; background:#FFF; border-bottom:solid 1px #CCC; border-right:solid 1px #CCC; text-align:left; padding:2px 20px 2px 2px; }
.AspNet-GridView table tbody tr.AspNet-GridView-Alternate td { background:#F7F6F3; }
table.editgrid td { padding:7px; }



.breadcrumbs { padding:4px 4px 10px; }
.unselectedcrumb { font-weight:400; }
.selectedcrumb { font-weight:700; }

.modulepager { vertical-align:top; padding:4px; }
.selectedpage { color:#000; font-weight:700; }
a.SelectedPage:hover { color:#000; font-weight:700; text-decoration:underline; }
a.SelectedPage:link,a.SelectedPage:visited,a.SelectedPage:active { color:#000; font-weight:700; text-decoration:none; }
.modulepager, .ModulePager, .PageInfo, .SelectedPage, .pageditlinks a { font-size: 16px; }


.modulecontent { vertical-align:top; text-align:left; padding:0; background:#fff; width:100%; }
.modulecontentEdit { vertical-align:top; text-align:left; padding:4px; width:800; }
.modulefooter { display:none; font-size:11px; text-align:center; }
.modulerow { background-color:#EAEAEA; }
.modulealtrow { background-color:#eee; }

.gmaptextbox { width:27em; }
.gmap { margin:0 0 10px; }
.bmap { position:relative; }

.rbottom { margin-bottom:20px; }

.foldergallery a { color:#FFF;}
.albumMetaName { font-weight:700; }
.foldergallery h1 { font-size:large; margin-bottom:20px; }
.albumFloat { float:left; text-align:center; margin-right:8px; margin-bottom:4px;}
.albumMetaSectionHead { background-color:Gray; color:#FFF; font-weight:700; }

.ratingcontainer { float:right; white-space:nowrap; margin:5px 5px 5px 5px;  }
.ratingprompt { float: left; margin-right: 5px; }
.leftside .ratingprompt , .rightside .ratingprompt{ display: none; }
.voteswrap { margin-left: 5px; }
.ratingcontainer div { float:left; white-space:nowrap; margin:0px 0px 0px 0px;  }
.ratingrow { white-space:nowrap; }
.ratingStar { white-space:nowrap; height:14px; margin:1em; }
.ratingStar .ratingItem { font-size:0; width:13px; height:12px; display:block; background-repeat:no-repeat; cursor:pointer; margin:0; padding:0; }
.ratingbuttons {  margin: 0px 0px 0px 0px; padding: 2px 0px 0px 0px;  }
.rcommentprompt { display:block;}
.ratingcomments { border:#000 1px solid; background-color:#eee; color:#000; width:206px; height:200px; position:absolute; margin-top:15px; padding:5px; }
.ratingcommentbox { width:200px; height:100px; }

.eventcalendar table { clear:both; }

.forumnotify { white-space:nowrap; vertical-align:middle; padding: 10px 0px 5px 0px; }
.forumnotify img {float:left;}

div.addthisbutton { position:absolute; top:43px; right:10px; }
.moduleedit { height:28px; background-color:#C7D0D7; border:0; text-indent:4px; margin:0; padding:0; }
.clearpanel { clear:left; padding-top:15px; }
.minheightpanel { min-height:200px; }
.center { text-align:center; }
.vevent { padding:10px; }
.vevent abbr { border:0; }
.whoson { float:left; padding:5px; }
.searchterm { color:#000; background-color:#FF0; }
.templatewrapper { border-bottom:solid 4px #000; }
.linkdescription { padding:5px; }
.logolist,.pageicons,.skiplink { display:none; }
.padded { padding:7px; }
.cmwrapper { margin:10px; }

/* password stength meter */
.pwspoor { background-color: Red; color:White; padding:5px 5px 5px 5px;}
.pwsweak { background-color: Orange; color:White; padding:5px 5px 5px 5px; }
.pwsaverage { background-color: Yellow; color:Black; padding:5px 5px 5px 5px; }
.pwsstrong { background-color:Teal; color:Black; padding:5px 5px 5px 5px; }
.pwsexcellent { background-color:Green; color:White; padding:5px 5px 5px 5px; }
.pwdstrengthbarborder { border-style:solid; border-width:1px; width:200px; vertical-align:middle; }
.pwdstrengthbar { width:200px; height:15px; padding:2px 2px 2px 2px;}

.hidden{ display:none; }
  
.fthumbs img{
    padding:5px;
    margin:5px;
    -moz-box-shadow:#333 2px 2px 5px;
    -webkit-box-shadow:#333 2px 2px 5px;
    cursor:pointer;
  }
  
  span.btn{
    padding:10px;
    margin-left:5px;
    display:inline-block;
    cursor:pointer;
    font:12px/14px Arial, Helvetica, sans-serif;
    color:#aaa;
    background-color:#eee;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    -moz-box-shadow:#999 2px 0px 3px;
    -webkit-box-shadow:#999 2px 0px 3px;
  }
  span.btn.pages{ background-color:#fff;}
  span.btn.pages:hover, span.btn.pages.sel { background-color:#f3f3f3; color:#999; }
  span.btn:hover, span.btn.sel{ background-color:#000; }
  .galleryinfo{ position:relative; display:inline-block;  margin-top:10px; }
  
.left { float:left; }
.right { float:right; }

.adminrow .priviewImg, .settingrow .priviewImg
{
    max-height: 200px;
    max-width: 300px;    
}


/* Menu moi*/

/*#header {
    background-image: -moz-linear-gradient(center top , #FFFFFF, rgba(255, 255, 255, 0));
    height: 58px;
    margin-bottom: 10px;
    z-index: 9;
}*/
.header {
      
}
/*@media screen, projection*/
.header .maia-util {
    float: right;
    min-height: 38px;
}

#nav-x, #footer, .maia-stage {
    margin: 0 -15px;
}
#maia-main, .maia-aux {
margin: auto;
width: 100%;
}
#maia-header .maia-aux, #maia-nav-x .maia-aux {
padding: 0 1.53374233129%;
}
#maia-header .maia-aux:after, #maia-header .maia-util:after, #maia-main:after {
clear: both;
content: " ";
display: block;
height: 0;
visibility: hidden;
}
#maia-header h1, #maia-header h2 {
float: left;
font-size: 32px;
font-weight: 300;
line-height: 1.375;
margin: 0;
}
input[type=submit],.maia-button {
background-color: #4173c9;
background-image: -moz-linear-gradient(top,#5e8ee4,#4173c9);
background-image: -webkit-linear-gradient(top,#5e8ee4,#4173c9);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#5e8ee4),color-stop(1,#4173c9));
background-image: linear-gradient(top,#5e8ee4,#4173c9);
border: 0;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
color: #fff;
cursor: pointer;
display: inline-block;
font-family: arial,sans-serif;
font-size: 13px;
font-weight: bold;
line-height: 1.54;
padding: 7px 12px;
text-align: center;
text-shadow: 0 -1px 0 rgba(0,0,0,.08);
}
input[type=submit]:hover,.maia-button:hover {
background-color: #0F5FE9;
background-image: -moz-linear-gradient(top,#3D79E6,#0F3E8F);
background-image: -webkit-linear-gradient(top,#3D79E6,#0F3E8F);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#3D79E6),color-stop(1,#0F3E8F));
background-image: linear-gradient(top,#3D79E6,#0F3E8F);
color: #fff;
}
a.maia-button {
color: #fff !important;
text-decoration: none;
}
.firstnav,.topnavitem{ float:right; padding-right:10px;white-space: nowrap;}
.firstnav{ padding-top: 10px;padding-right: 10px;}
.uibtn2.account{ padding:0px 10px; line-height}
.admincontent{ width:930px; padding-left:20px; float:left;}
.bottomcontent {clear:both; float:left; width:100%; display:none;}
.footer { width:100% !important;}


.signin-card #Email, .signin-card #Passwd, .signin-card .captcha {
direction: ltr;
height: 30px;
font-size: 16px;
}
.signin-card input[type=email], .signin-card input[type=password], .signin-card input[type=text], .signin-card input[type=submit] {
width: 100%;
display: block;
margin-bottom: 10px;
z-index: 1;
position: relative;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}



.signin-card {
width: 274px;
padding: 40px 40px;
}
.card {
margin-bottom: 20px;
}
.card {
background-color: #fff;
padding: 20px 25px 30px;
margin: 0 auto 25px;
width: 304px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
border: 1px solid #eee;
-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.3);
-webkit-box-shadow: 0 2px 2px rgba(226, 220, 220, 0.19);
box-shadow: 0 2px 2px rgba(243, 234, 234, 0.24);
}
.clearfix {
zoom: 1;
}
.signin-card .profile-img {
    width: 150px;
    height: 150px;
    margin: 0 auto 10px;
    display: block;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

/*88888888888888888888888*/

*[role=button]{}

.radius_5 {-moz-border-radius: 5px;-webkit-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px;}