@charset "UTF-8";

/* CSS Document */

body {background-repeat: repeat-x;background-image: url(../images/main-bg.jpg);	margin-top: 0px;}
.clear {clear:both;}
.p {	color:#333333;font-size:14px;font-family:Arial;	line-height: 18pt;	text-align: justify;margin: 10px;}
.s1_logo { color: #016fa4;	font-family: Arial, Helvetica, sans-serif;font-size: 40px;	line-height: 0.8;letter-spacing: -1px; text-shadow:1px 1px #f1faff;}
.s1 {font-family: Arial, Helvetica, sans-serif;font-size: 10px;}
.s2 {color: #274579;font-family: Arial, Helvetica, sans-serif;}
.s3 {color:#333333;font-size:12px;font-family:Arial;line-height: 14pt; text-decoration:none;}
.letters{width:440px;float:left;color:#333333;font-size:12px;font-family:Arial, Helvetica, sans-serif;margin-left: 10px;text-align: center;	letter-spacing: 1.5px;}
h1, h2, h3, h4, h5, h6{ font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #C20000; margin: 0 0 10px 0; padding: 0; }
h1{	background-repeat:no-repeat;background-position:0px 50%;color: #428200;font-size: 35px;padding: 5px 0 5px 7px;border-bottom: 1px dotted #E1E1E1;font-weight: normal;letter-spacing: -1px;}
h2{ color: #E84721; font-size: 21px; padding: 0px 0 2px 2px; border-bottom: 0px dotted #E1E1E1; }
h3{ color: #333333; font-size: 18px; padding: 0px 0 0px 0px;}
h4{ color: #007B94; font-size: 17px; padding: 0px 0 3px 0px; }
h5{background-image:url(../images/header-bar.jpg);background-repeat:no-repeat;background-position:0px 50%; color: #3074A5; font-size: 16px; padding: 5px 0 0px 30px; border-bottom: 1px dotted #E1E1E1; }
h6{ color: #346402; font-size: 18px; padding: 0px 0 3px 0px; }

#main_wrapper { width:1000px;margin:0 auto;padding:0px 0 0 0; min-height:1000px; }

/*header*/
#header_wrapper{width:990px;margin:0 auto;padding:0px 0 0 0;}
.logo {width:285px;	height:64px;float:left;	margin:38px 0 0 10px;background-repeat: no-repeat;}
.message_btn { width:322px; height:56px; float:left;  -webkit-border-radius: 7px;  -moz-border-radius: 7px;  border-radius: 7px; border: 1px solid #9bd3f0; margin-top:35px; margin-left:25px; background-color:#e4f6ff; }
.helpdesk_btn { width:318px; height:56px; float:left;  -webkit-border-radius: 7px;  -moz-border-radius: 7px;  border-radius: 7px; border: 1px solid #9bd3f0; margin-top:35px; margin-left:20px; background-color:#e4f6ff; }
.mail_icon { float:left; padding:10px;}
.message_box_name { font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none; width:257px; height:40px; float:left;  -webkit-border-radius: 3px;  -moz-border-radius: 3px;  border-radius: 3px; background-color:#7fce23; font-size:13px; margin-top:8px;}
.message_box_title { margin:12px 0px 0px 10px;}

/*header logbox*/
.log_box{width:990px; height:50px; float:left;  -webkit-border-radius: 7px;  -moz-border-radius: 7px;  border-radius: 7px; border: 1px solid #54804F; margin-top:-17px; background-color:white; }
.logo_box_name_wrapper {width:820px; height:20px; margin:15px 10px 0px 5px; float:left; }
.logo_box_button {width:100px;height:29px;margin:10px 10px 0px 25px;float:left;border-style: solid solid solid solid;border-color: #CCCCCC;	border-size: 1px;border-width: 1px;-webkit-border-radius: 3px;  -moz-border-radius: 3px;  	border-radius: 3px;
	background-color: #eeeeee; text-align:left; line-height: 29px; font-family:Arial, Helvetica, sans-serif ; font-size:13px; color:#333333; padding:0 0 0 12px; font-weight:bold; background-image:url(../images/off.png); background-repeat:no-repeat; background-position: 6em; text-decoration:underline;}
.lb_font-1 {font-family: Arial, Helvetica, sans-serif;font-size: 14px; padding-left:20px;}
.lb_font_orange {font-family: Arial, Helvetica, sans-serif;font-size: 14px; color:#fe6000;}
.lb_font_blue {font-family: Arial, Helvetica, sans-serif;font-size: 14px; color:#006de8;}
.shadow { width:990px; margin-top:10px;}

/*contents*/
#main_content_wrapper {width:1000px; height:auto;  background-color:#f1f1f1; margin-top:40px;}
.sidebar {width:235px;height:600px;	float:left;	margin:14px 0 0 14px;}
.content { width:745px; height:auto; float:left; margin:0px 0 0 0px;}
.order_status_wrapper { width:745px; height:auto; float:left; margin:0px 0 0 0px}
.order_status_header { width:745px; height:45px; border-bottom: 1px solid #437489; margin-bottom:10px;}
.order_status_content {width:743px; height:215px; background-color:white; border: 1px solid #dfdfdf; float:left;}
.heading_icon { float:left; margin:5px 0 0 10px;}
.heading_title { float:left; margin:13px 10px 0 15px; width:auto; color:#3b5a9d; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold;}
.chart_wrapper {
  width: 430px;
  height: auto;
  float: left;
  margin: 5px 0 0 60px;
}
.chart_level_wrapper {width:330px; height:auto; float:left; margin:20px 0 0 0;}
.chart_level_text {width:auto; height:auto; float:left; font-family:Arial, Helvetica, sans-serif; font-size:13px; margin:3px 0 0 0; font-weight:bold; color:#434343; }
.level_bg {width:170px; height:21px; background-color:#ececec; float:right; margin-left:10px;}
.level_1 {width:50px; height:21px; background-image:url(../images/level-bg.jpg); float:left;}
.level_2 {width:70px; height:21px; background-image:url(../images/level-bg.jpg); float:left;}
.level_3 {width:90px; height:21px; background-image:url(../images/level-bg.jpg); float:left;}
.level_4 {width:110px; height:21px; background-image:url(../images/level-bg.jpg); float:left;}
.level_5 {width:120px; height:21px; background-image:url(../images/level-bg.jpg); float:left;}
.level_6 {width:130px; height:21px; background-image:url(../images/level-bg.jpg); float:left;}
.level_7 {width:140px; height:21px; background-image:url(../images/level-bg.jpg); float:left;}
.level_8 {width:160px; height:21px; background-image:url(../images/level-bg.jpg); float:left;}
.chart_counter { width:23px; height:23px; -webkit-border-radius: 2px;  -moz-border-radius: 2px;  border-radius: 2px; background-color:#f2a90b; float:left; margin-left:10px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#FFFFFF; vertical-align:middle; font-weight:bold; text-align:center; line-height:23px; float:right;}
  
/*news feed*/
.news_wrapper { width:720px; height:auto; float:left; margin:35px 0 0 0px}
.news_header { width:720px; height:45px; background-color:#4595ef; border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; border: 0px solid #800000;}
.news_content {width:720px; height:270px; background-color:white; border: 1px solid #dfdfdf;}
.news_feed_wrapper { width:700px; height:70px; margin:10px 0 0 10px; border-bottom: 1px dashed #CCCCCC }
.news_date_wrapper { width:52px; height:52px; float:left; margin:10px 0 0 10px;}
.news_date_grey { width:44px; height:21px;  border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; background-color:#6a6a6a; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold; text-align:center; line-height:21px; font-size:13px;}
.news_date_green { width:44px; height:21px;  border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; background-color:#64af0c; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold; text-align:center; line-height:21px; font-size:13px;}
     
.news_feed_contents { width:500px; height:52px; float:left; margin:10px 0 0 10px;}
.news_readmore { width:100px; height:52px; float:left; margin:10px 0 0 10px; text-align:center}
.news_btn  {width:80px; height:20px; float:left;  -webkit-border-radius: 3px;  -moz-border-radius: 3px;  border-radius: 3px; border: 1px solid #aeaeae; margin:10px 0 0 10px; background-color:#0095cc; font-family: arial; font-weight: bold; text-decoration: none; color:#FFFFFF; font-size: 12px; font-weight:bold;  line-height:20px; text-shadow: -1px -1px #0081b0, 1px 1px #0081b0;}
.news_font_style_1 { font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#484848;}
.news_font_style_2 { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#484848;}


.summary_wrapper {
    border-top: 1px solid #437489;
    float: left;
    height: auto;
    margin: 30px 0 0;
    padding-top: 20px;
    width: 745px;
}
.summary_header { width:990px; height:45px; border-bottom: 1px solid #437489; margin-bottom:10px;}
.summary_content {width:990px; height:100%; background-color:white; }
.summary_left_content_wrapper { width:220px; height:30px; margin:50px 0 0 90px; float:left; }
.list_wrapper { width:210px; margin:20px 0 0 0;}
.summary_btn {width:180px; height:30px; float:left;  -webkit-border-radius: 3px;  -moz-border-radius: 3px;  border-radius: 3px; margin:20px 0 0 10px; background-color:#ff9f27; font-family: arial; font-weight: bold; text-decoration: none; color:#FFFFFF; font-size: 15px; font-weight:bold;  line-height:20px;  text-align:center; line-height:30px;}
.summary_right_content_wrapper {width:445px; height:300px; margin:05px 0 0 15px; float:left; }
.summary_table_hdr { width:400px; height:40px;  float:left; background-color:#e7e7e7;}
.summary_table_wrapper { width:441px; height:40px;  float:left;}
.list {height:28px; background-color:white; width:210px; color:#9b9b9b; border: 1;  -webkit-border-radius: 5px;  -moz-border-radius: 5px;  border-radius: 5px; border: 2px solid #71aecd;}
.summary_table_column1 { width:173px; height:35px;  float:left; font-family: verdana;	font-weight: bold;	color:#696969;	font-size: 15px; line-height:35px; text-align:left; margin-left:0px; border:thin #666666; border: 1px solid #dcdcdc; }
.summary_table_column2 { width:110px; height:35px;  float:left; font-family: verdana;	font-weight: bold;	color:#696969;	font-size: 15px; line-height:35px; text-align:left; margin-left:0px; border:thin #666666; border: 1px solid #dcdcdc;}
.summary_table_column3 { width:110px; height:35px;  float:left; font-family: verdana;	font-weight: bold;	color:#696969;	font-size: 15px; line-height:35px; text-align:left; margin-left:0px;border:thin #666666; border: 1px solid #dcdcdc;}
.table_hdr_text_1 { float:right; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;width:95px; margin:12px 0 0 0; color:#696969; font-weight:bold; }
.table_hdr_text_2 { float:right; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; width:105px; margin:12px 0 0 0;color:#696969; font-weight:bold; }
.table_hdr_text_3 { float:right; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px;width:105px; margin:10px 0 0 0; color:#11a98b; font-weight:bold; }
.table_hdr_text_4 { float:right; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; width:97px; margin:10px 0 0 0;color:#ef7600; font-weight:bold; }
.template_wrapper { width:720px; height:auto; float:left; margin:35px 0 0 0px}
.template_header { width:720px; height:45px; background-color:#64bf00; border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; border: 0px solid #800000;}
.template_content {width:720px; height:320px; background-color:white; border: 1px solid #dfdfdf;}
.template_scrn_img { width:700px; height:auto; margin:10px 0 0 10px;}
.template_scrn_img img { text-align: center;vertical-align: top; padding:17px; }

/*nav*/
.menu:link, .menu:visited, .menu:active {font-family: arial;	font-weight: bold;	text-decoration: none;	color:#018FE1;	font-size: 15px;	margin-left: 20px;}
.menu:hover { text-decoration: none; color:#274579; }


/*footer*/
.footer:link, .footer:visited, .footer:active { font-family: arial; font-weight: bold; text-decoration: none; color:#FFFFFF; font-size: 12px;}
.footer:hover { text-decoration: none; color:91ff74; }


/* IE6 PNG FIX  */
img, div, ul, li, a { behavior: url(../iepngfix.htc) }
img {border:0;}
.txtbx {font-family: Arial, Helvetica, sans-serif;	font-size: 16px;color: #FBF7F7;}


/*sidebar-menu*/

.arrowsidemenu{	width: 220px; /*width of menu*/
	border-style: solid solid solid solid;border-color: #f2a90b;border-size: 1px;border-width: 1px; -webkit-border-radius: 7px;  -moz-border-radius: 7px;  border-radius: 7px;}
	
.arrowsidemenu div a{ /*header bar links*/
font: bold 15px  Arial, Helvetica, sans-serif;	color:#FFFFFF;	display: block;	background:#FFC200 100% 0; height: 24px; /*Set to height of bg image-padding within link (ie: 32px - 4px - 4px)*/
	padding: 4px 0 4px 10px;	line-height: 35px; /*Set line-height of bg image-padding within link (ie: 32px - 4px - 4px)*/text-decoration: none; height:35px; background-image:url(../images/arrow-dwn.gif); background-position: 12.5em;  background-repeat:no-repeat;}	
.arrowsidemenu div a:link, .arrowsidemenu div a:visited{color: #26370A;}
.arrowsidemenu div a:hover{	background-position: 100% -32px; background-image:url(../images/arrow-dwn.gif); background-position: 12.5em;  background-repeat:no-repeat;}
.arrowsidemenu div.unselected a{ /*header that's currently not selected*/
	color: white;}	
.arrowsidemenu div.selected a{ /*header that's currently selected*/
	color: #2d7613;	background-position: 100% -64px !important;	text-shadow:1px 1px #96f972;}
.arrowsidemenu ul{	list-style-type: none;	margin: 0;	padding: 0;}
.arrowsidemenu ul li{border-bottom: 0px solid #a1c67b;}
.arrowsidemenu ul li a{ /*sub menu links*/
	display: block;
	font: normal 13px verdana;
	text-decoration: none;
	color: #4d4d4d;
	padding: 5px 0;
	padding-left: 10px;
	border-left: 5px single #a1c67b; height:22px; line-height:22px;
	background-image:url(../images/arrow-sm.gif); background-repeat:no-repeat;background-position: 1em; padding-left: 2em; background-color:#FFFFFF;}
.arrowsidemenu ul li a:hover{background: #d5e5c1;}
.menuheaders img { margin-bottom:-7px; ; margin-right:12px; }
.arrowsidemenu ul li a.active{background: #FF0000;}














#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
  width: 990px;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1;
  float: left;
  height: 13px;
  margin-top: 30px;
  margin-bottom:50px;
}
#cssmenu > ul {
  background: #6FDD62;
}
#cssmenu > ul > li {
  float: left;
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  perspective: 1000px;
}
#cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu > ul > li > a {
  padding: 16px 20px;
  font-size: 11px;
  font-weight:bold;
  color: #ffffff;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-decoration: none;
  background: #6FDD62;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
#cssmenu > ul > li.active > a {
  color: #FFF;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li > a:hover {
  color: #FFF;
  -webkit-transform: rotateX(90deg) translateY(-23px);
  -moz-transform: rotateX(90deg) translateY(-23px);
  transform: rotateX(90deg) translateY(-23px);
  -ms-transform: none;
}
#cssmenu > ul > li > a::before {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: -1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 16px 20px;
  color: #FFF;
  background: #82b631;
  content: attr(data-title);
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  transition: background 0.3s;
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -ms-transform: translateY(-18px);
}
#cssmenu > ul > li:hover > a::before,
#cssmenu > ul > li > a:hover::before {
  background: #6FDD62;
}
#cssmenu.small-screen {
  width: 100%;
}
#cssmenu.small-screen > ul,
#cssmenu.small-screen.align-center > ul {
  width: 100%;
  text-align: left;
}
#cssmenu.small-screen > ul > li,
#cssmenu.small-screen.align-center {
  float: none;
  display: block;
  border-top: 1px solid rgba(100, 100, 100, 0.1);
}
#cssmenu.small-screen > ul > li:hover > a,
#cssmenu.small-screen > ul > li > a:hover {
  color: #FFF;
  -webkit-transform: none;
  -moz-transform: none;
  transform: none;
  -ms-transform: none;
}
#cssmenu.small-screen > ul > li > a::before {
  display: none;
}
#cssmenu.small-screen #menu-button {
  display: block;
  padding: 16px 20px;
  cursor: pointer;
  font-size: 14px;
  text-decoration: none;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 1px;
  background: #6FDD62;
}
#cssmenu.small-screen #menu-button:after {
  content: "";
  position: absolute;
  right: 20px;
  top: 17px;
  display: block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border-top: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  width: 22px;
  height: 3px;
}
#cssmenu.small-screen #menu-button.menu-opened:after {
  border-top: 2px solid #dff2fa;
  border-bottom: 2px solid #dff2fa;
}
#cssmenu.small-screen #menu-button:before {
  content: "";
  position: absolute;
  right: 20px;
  top: 27px;
  display: block;
  width: 22px;
  height: 2px;
  background: #ffffff;
}
#cssmenu.small-screen #menu-button.menu-opened:before {
  background: #dff2fa;
}


.heading_icon1 { float:left; margin:5px 0 3 10px;}
.heading_title1 { float:left; margin:13px 10px 2 15px; width:auto; color:#3b5a9d; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold;}
.chart_wrapper {
    float: left;
    height: auto;
    margin: 5px 0 0 15px;
    width: 350px;
}

.b-box {
	background: orange;
	padding: 0px;
	color: #FFF;
	border-radius: 9px;
	width: 16px;
	float: left;
	text-align: center;
}