@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'latoregular';
    src: url('../font/lato-reg-webfont.eot');
    src: url('../font/lato-reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/lato-reg-webfont.woff') format('woff'),
         url('../font/lato-reg-webfont.ttf') format('truetype'),
         url('../font/lato-reg-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latobold';
    src: url('../font/lato-bol-webfont.eot');
    src: url('../font/lato-bol-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/lato-bol-webfont.woff') format('woff'),
         url('../font/lato-bol-webfont.ttf') format('truetype'),
         url('../font/lato-bol-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*Common Class*/
#nav_wrapper a { font-family: latoregular, Arial, Helvetica, sans-serif; }
#header_wrapper a { font-family: latoregular, Arial, Helvetica, sans-serif; }
#header_wrapper .left, #nav_wrapper .left	{float:left !important;}
#header_wrapper .right, #nav_wrapper .right	{float:right !important;}
#header_wrapper a, #nav_wrapper a 		{text-decoration:none;}
#header_wrapper img, #nav_wrapper img	{border:none; display: inline;}
#header_wrapper ul, #nav_wrapper ul		{margin:0; padding:0; list-style:none;}
#header_wrapper select, #nav_wrapper select	{padding: 4px; height:28px;}
#header_wrapper .clear, #nav_wrapper .clear	{clear:both; padding:8px 0;}
#header_wrapper .m0, #nav_wrapper .m0		{margin:0px !important;}
#header_wrapper .m5, #nav_wrapper .m5		{margin:5px;}
#header_wrapper .mL5, #nav_wrapper .mL5	{margin-left:5px;}
#header_wrapper .mL20, #nav_wrapper .mL20	{margin-left:20px;}


/*Header CSS*/
#header_wrapper .header				{width:1006px; margin:0 auto; height:85px; padding-top:20px;}
#header_wrapper .headRbox 			{float:right; width:410px;}
#header_wrapper .headRbox a 		{float: left; margin-left: 15px; font-size:10px; color:#333333; *text-align:center; *width:34px; line-height: normal;}
#header_wrapper .headRbox a:hover 	{color:#0b97d2;}
#header_wrapper .headRbox a i		{width:20px; height:22px; margin:0 auto; display:block;}
#header_wrapper .notification_icon i	{ background: url(../images/bell.png) no-repeat; background-size: 32px 30px; width: 34px !important; height: 22px !important;} 
#header_wrapper .calendar_icon i	{background:url(../images/header_strip_icons.png) no-repeat;}
#header_wrapper .abour_icon i		{background:url(../images/header_strip_icons.png) no-repeat scroll 0 -28px;}
#header_wrapper .support_icon i		{background:url(../images/header_strip_icons.png) no-repeat scroll 0 -55px;}
#header_wrapper .settings_icon i	{background:url(../images/header_strip_icons.png) no-repeat scroll 0 -83px;}


#header_wrapper .search				{background: #fbfbfb; border: 1px solid #d6d6d6; float: right; height: 28px; margin-top: 8px; width: 205px;}
#header_wrapper .search a			{float:right; padding:8px; margin:0; width:13px;}
#header_wrapper .search .srch-box   {background: #fbfbfb; border: none; color:#919191; font-size:12px; height:20px; line-height: 20px; width:168px; float:left; padding:4px;}

/*Nav CSS*/
#nav_wrapper {
    background: url(../images/body_bg.png) repeat-x #f2f1f1 0px -105px;
    margin:0; 
    font-family:latoregular, Arial, Helvetica, sans-serif; 
    font-size:14px ;
    line-height: normal;
}
#nav_wrapper .nav 				{width:1006px; margin:0 auto; height:42px;}
#nav_wrapper .nav ul 			{margin:4px 0; padding:0; float:left;}
#nav_wrapper .nav ul li 			{float:left; margin-right:10px;}
#nav_wrapper .nav ul li a 		{float:left; color:#FFF; font-size:16px; padding:10px;}
#nav_wrapper .nav ul li a.nav_select,
#nav_wrapper .nav ul li a:hover	{background:#F6F8FA; color:#171717;}
#nav_wrapper .navRbox			{float:right;}
#nav_wrapper .navRbox a			{color:#FFF; padding:14px 20px; float:left;}
#nav_wrapper .navRbox img		{vertical-align: middle;}
#nav_wrapper .navRbox img.nav_user_icon { margin-top:-5px; margin-right:3px;}
#nav_wrapper .logout{float:right; padding-top:10px}
#nav_wrapper .logout a{padding:5px 15px 5px 25px; line-height:20px; color:#fff; background:url(../images/logout.png) no-repeat 10px center #095778; margin-top:-3px; float:left;}
#nav_wrapper .logout a:hover{ background:url(../images/logout.png) no-repeat 10px center #000}
/*Footer CSS*/
#footer          				{background:#111111;}
#footer .footer_inner				{width:960px; margin:0 auto; color:#c7c5c5; padding:10px 0;}
#footer .copyright_box				{font-size:12px; line-height:20px;}


