/* app css stylesheet */

html,body {
  height: 100%;
}
.left{float:left;} .right{float:right;} .clear{clear:both; height:0px; border:none; font-size:0.1px;}

h1 { font-size: 32px; font-weight: normal; line-height: 40px; color: #000; font-family: Georgia, serif; padding: 0 0 8px; }
h2 { font-size: 24px; font-weight: normal; line-height: 30px; color: #333; font-family: Georgia, serif; padding: 0 0 8px; }
h3 { font-size: 22px; line-height: 24px; font-weight: normal; color: #000; font-family: Georgia, serif; padding: 0 0 12px; }
h4 { font-size: 18px; line-height: 24px; font-weight: normal; color: #333; font-family: Georgia, serif; padding: 0 0 2px; }
h5 { font-size: 16px; line-height: 20px; font-weight: normal; color: #333; font-family: Georgia, serif; padding: 0 0 2px; }
h6 { font-size: 14px; line-height: 15px; font-weight: normal; color: #666; font-family: Georgia, serif; padding: 0 0 2px; }

footer{
  height: 30px;
  line-height: 30px;
  border-top:1px solid #ccc;
}

.header {
  height: 100%;
  min-height: 100%;
  height: auto !important;
}

.footer{
  background-color: #333;
  color: white;
  height: 30px;
  line-height: 30px;
}

/*.container .credit {
  margin: 10px 0;
}

#login .title label {
  font-size: 2em;
  font-weight: bold;
}

#register .title label {
  font-size: 2em;
  font-weight: bold;
}*/

#main {min-height:880px;}

/* For all StaticPages BEGIN */
article {padding:10px 20px 10px 20px; margin:auto; }
.article_cateogry_name {height:20px;overflow:hidden;}
.article_cateogry_name .title {float:left;font-weight:bold; font-size:12px; padding-left:2px; }
.article_cateogry_name .more {float:right;font-size:10px;padding:1px 5px 0px 0px; }
.article_box {}
.article_box .article_content {padding:5px 5px 0px 5px;}
.article_box .time {font-size:10px;color:#666666; }


ul.article_list {margin:10px; padding:0px 10px 0px 10px;}
ul.article_list li {padding:10px 0px 4px 0px;font-size:1em; font-family:Calibri; margin:2px; list-style:inside; list-style-type:none;}
ul.article_list li h6 {padding-left:8px;}

ul.article_box_list {border:solid 1px #DEE9EF; margin:10px; padding:0px 10px 0px 10px;}
ul.article_box_list li {padding:10px 0px 4px 0px;font-size:1em; font-family:Calibri; margin:2px; list-style:inside; list-style-type:none;}

ul.featuredlist {margin:3px 0px 5px 22px; padding:0px; }
ul.featuredlist li {padding:0px; margin:0px; background:url('/Resources/img/arrow_black.jpg') no-repeat 1px 6px; line-height:20px; text-indent:16px;}

ul.numericlist {margin:3px 0px 5px 22px; padding:0px; }
ul.numericlist li {padding:0px; margin:0px; list-style:none; line-height:20px;}
/* For all StaticPages END */


/* works BEGIN */
ul.works {margin:5px auto 10px auto; padding-left:0px;}
ul.works li {padding:10px 5px 20px 5px;margin:6px 2px 6px 2px; list-style-type:none; overflow:hidden; border-bottom:dashed 1px #b7c5e2;}
ul.works li:last-child {border-bottom:none;}
ul.works li .pic { text-align:center;}
ul.works li .pic img {width:650px; border:solid 1px #f2f2f2;  padding:2px;}
ul.works li .corpname {text-align:left; padding-left:6px;font-size:12px; font-weight:bold;}
ul.works li .corpdisc {text-align:left; line-height:16px; padding:8px 5px 5px 0px;}
/* works END */


/* News & Events BEGIN */
ul.newslist {margin:5px 10px 20px 0px; padding-left:0px;}
ul.newslist li.texnews {padding:5px;margin:6px 2px 6px 2px; list-style-type:none; overflow:hidden;border-bottom:solid 1px #e6eff5;}
ul.newslist li.texnews .ntop {font-size:15px; padding:2px 0px 5px 0px;}
ul.newslist li.texnews .nmid {color:#666;}
ul.newslist li.texnews .nbtm {text-align:right;font-size:11px; padding:2px 2px 0px 0px;}
ul.newslist li.picnews {padding:5px;margin:6px 2px 6px 2px; list-style-type:none; overflow:hidden;border:solid 1px #DEE9EF; clear:both;}
ul.newslist li.picnews .pic {width:170px; text-align:center;border:solid 1px #f2f2f2;}
ul.newslist li.picnews .pic img {}
ul.newslist li.picnews .txt {width:270px;text-align:left;}
ul.newslist li.picnews .txt .corpname {font-size:13px; font-family:Cambria; font-weight:bold;}
ul.newslist li.picnews .txt .corpdisc {width:270px;text-align:left;}

.divArticle{ margin:5px 0px 10px 0px; padding:5px 10px 10px 10px;  border:solid 1px #f3f3f3;  text-align:left;}
.divArticleTitle{margin:5px 0px 5px 0px;padding:5px;border:solid 1px #f1f1f1; font-weight:bold; font-size:13px;font-family:Segoe UI;text-align:left;color:#015597; background-color:#f3f3f3;}
.divMainContent {margin:10px 0px 5px 0px; }
.divArticleAttribute{color:#666666; font-size:10px; text-align:right; padding:10px;}
/* News & Events END */


aside.portfolio {float:left; min-width:460px; margin-top:30px;}
aside.portfolio h3 {text-align:left; line-height:18px; padding: 0 0 2px 6px; margin-left:10px; border-bottom:1px dotted #dddddd;  }

aside.portfolio ul.latestnews {margin:5px 10px 20px 20px; padding-left:0px;}
aside.portfolio ul.latestnews li {padding:3px 3px 3px 8px;margin:2px 2px 2px 2px; list-style-type:none; overflow:hidden;border-bottom:solid 1px #e6eff5; background:url('/Resources/img/icon_arrow3.gif') no-repeat 0px 11px;}
aside.portfolio ul.latestnews li .ntop {font-size:12px; padding:2px 0px 2px 0px;}
aside.portfolio ul.latestnews li .nbtm {text-align:right; font-size:10px; padding:2px 2px 0px 0px;}

aside.portfolio ul.latestcases { padding:0px; margin:0px auto 0px auto; text-align:center;}
aside.portfolio ul.latestcases li {list-style:none; padding:0px; margin:0px;width:220px; display:inline-block; }
aside.portfolio ul.latestcases li img {width:200px; border:1px solid #f2f2f2; border-radius:2px; padding:2px; margin:0px 10px 10px 10px; }

.clients-box {text-align:left;}
.clients-box a { margin:8px; line-height:50px; }
.clients-box a img { height:32px; }

/* ContactUs BEGIN */
.contacts{margin:5px 5px 25px 5px; padding:5px;}
.contacts .contacts_subject {border-bottom:solid 1px #aaa; font-weight:bold; padding:0px 0px 0px 2px; width:500px;}
.contacts ul.info_item{}
.contacts ul.info_item li{clear:both;padding-top:1px;}
.contacts ul.info_item li .c_l{float:left;width:60px;}
.contacts ul.info_item li .c_r{float:left;width:400px; text-align:left; clear:right;}

/*	MessageBox BEGIN
------------------------------------------------- */
.message_box {text-align:left; margin:auto;}

.message_box .message_box_note {margin:10px 0px 0px 0px; padding-bottom:2px; color:#3BB3C3; font-size:1.2em; font-weight:bold;}
.message_box .message_box_note .welcoming {/*border-bottom:1px dotted #88ac2e;*/ width:90%;}

.message_box  div {line-height:2.4em; vertical-align:middle;}
.message_box  div.name{}
.message_box  div.value{}
.message_box  div.value input {border:solid 1px #ccc; border-radius:3px; padding-left:3px; padding-right:3px; vertical-align:middle; height:2em; line-height:2em;}
.message_box  div.value textarea {border:solid 1px #ccc;  border-radius:3px; padding-left:3px; padding-right:3px; vertical-align:middle;  line-height:2em; margin-top:5px;}

.message_box div.submit {}
.message_box div.submit input.verifycode{line-height:1em; font-weight:bold; vertical-align:middle; border:solid 1px #aaa; border-radius:2px; }
.message_box div.submit input.btn {width:90px; font-size:1.1em; margin-top:1px!important; border:none; padding:0px; background-color:#eee; border-radius:3px;}
.message_box div.submit select {background-color:#FFF;border:none;border:solid 1px #cccccc;vertical-align:middle;}
.message_box div.submit img {padding:0px; margin:0px; vertical-align:middle;}

.PromptError	{color:#CC0000; background-color:#f2f2f2;border:solid 1px #dddddd; margin:0px; padding:0px 2px 0px 8px; font-weight:bold; height:24px; line-height:24px; display:block;}
.PromptWarning	{color:#FF0000; background-color:#f2f2f2;border:solid 1px #dddddd; margin:0px; padding:0px 2px 0px 8px; font-weight:bold; height:24px; line-height:24px; display:block;}
.PromptSucceed	{color:#88ac2e; background-color:#f2f2f2;border:solid 1px #dddddd; margin:0px; padding:0px 2px 0px 8px; font-weight:bold; height:24px; line-height:24px; display:block;}
.Prompt { color: #333333; background-color: #f2f2f2; font-weight: bold; border: solid 1px #dddddd; margin: 0px; padding: 8px!important; text-indent: 0px!important; line-height: 20px; display: block; }

/*	MessageBox END
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* ContactUs END */


/* UC - ContactBox BEGIN */
.contact_box {height:65px;margin:0px; }
.contact_box_left {float:left;width:6px;height:65px;background:url('/Resources/Images/box2_border_left.jpg') no-repeat; }
.contact_box_right {float:left;width:6px;height:65px;background:url('/Resources/Images/box2_border_right.jpg') no-repeat; }
.contact_box_mid {float:left;width:184px;height:65px;background:url('/Resources/Images/box2_border_bg.jpg') repeat-x; }
.contact_box_mid_l {float:left;width:30px;padding-top:16px;text-align:right;padding-right:5px; }
.contact_box_mid_r {float:left;width:140px;padding-top:5px;text-align:left;padding-left:5px; }
.contact_box ul.contact {padding:0px; margin:5px 0px 5px 0px; background:url('/Resources/Images/icon_phone.gif') no-repeat top right; overflow:hidden;}
.contact_box ul.contact li{line-height:18px; font-family:Cambria; font-size:11px; text-align:left;}
/* UC - ContactBox END */