@charset "utf-8";
/* CSS Document */
/*  Reset for some default browser CSS - General */

@font-face {
    font-family: 'RobotoRegular';
    src: url('fonts/Roboto-Regular-webfont.eot');
    src: url('fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Regular-webfont.woff') format('woff'),
         url('fonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('fonts/Roboto-Regular-webfont.svg#RobotoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RobotoBold';
    src: url('fonts/Roboto-Bold-webfont.eot');
    src: url('fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Bold-webfont.woff') format('woff'),
         url('fonts/Roboto-Bold-webfont.ttf') format('truetype'),
         url('fonts/Roboto-Bold-webfont.svg#RobotoBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RobotoCondensed';
    src: url('fonts/Roboto-Condensed-webfont.eot');
    src: url('fonts/Roboto-Condensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Condensed-webfont.woff') format('woff'),
         url('fonts/Roboto-Condensed-webfont.ttf') format('truetype'),
         url('fonts/Roboto-Condensed-webfont.svg#RobotoCondensed') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RobotoBoldCondensed';
    src: url('fonts/Roboto-BoldCondensed-webfont.eot');
    src: url('fonts/Roboto-BoldCondensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-BoldCondensed-webfont.woff') format('woff'),
         url('fonts/Roboto-BoldCondensed-webfont.ttf') format('truetype'),
         url('fonts/Roboto-BoldCondensed-webfont.svg#RobotoBoldCondensed') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoBlack';
    src: url('fonts/Roboto-Black-webfont.eot');
    src: url('fonts/Roboto-Black-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Black-webfont.woff') format('woff'),
         url('fonts/Roboto-Black-webfont.ttf') format('truetype'),
         url('fonts/Roboto-Black-webfont.svg#RobotoBlack') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/fontawesome-webfont.eot?v=4.0.3');
  src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), 
       url('fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), 
       url('fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), 
       url('fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}


div, h1, h2, h3, p, ol, img {padding:0px; border:0px; list-style:none;}

a		{color:#009beb; text-decoration:underline;}
a:hover	{color:#009beb; text-decoration:none;}

html    {height:100%;}
form	{height:100%;}
body	{height:100%; font-family: 'RobotoRegular'; font-size:13px; color:#5c5c5c; background:#fff url('images/bg-top.gif') repeat-x top; margin:0px; padding:0px; overflow-x:hidden}

p   {margin:0px  0px 15px 0px; padding:0px; line-height:15pt; text-align:left}
b   {font-family: 'RobotoBold';}
.hr {border-bottom:1px dashed #ccc; margin:0px; padding:10px 0px 0px 0px; width:100%; float:left; margin-bottom:15px;}

.clear	{clear:both; width:100%;}
.clear1	{clear:both; height:25px; width:100%;}
.clear2	{clear:both; height:20px; width:100%;}
.border {border:1px solid #e0e0e0}
#form1  {opacity:0;}
.row    {width:1170px; margin:0px auto; padding:0px; float:none; display:block}
.mt-hr  {background:url('images/bg-hr.png') repeat-x top; width:100%; display:block; line-height:8px;}
strong  {font-family: 'RobotoBold';}
.note   {float:right}






/******************************************************************************
WARPPER STYLING
******************************************************************************/
.home-wrapper	{position:relative; width:100%; margin:0 auto; text-align:left; float:none;}
.home-wrapper	{min-height:100%; height:auto !important; height:100%; margin:0 auto -235px;} 

.wrapper		{position:relative; width:100%; margin:0 auto; text-align:left; float:none;}
.wrapper		{min-height:100%; height:auto !important; height:100%; margin:0 auto -235px;} 
				/*the bottom margin is the negative value of the footer's height*/
.footer			{position:relative; width:100%; margin:0 auto; float:left; background:#ebebeb url(images/bg-bottom.png) repeat-x top; margin-top:20px; padding-bottom:10px}
.footer, .push  {min-height:205px; width:100%; clear:both;}
                /*.push must be the same height as .footer*/




/******************************************************************************
Responsive Grids
******************************************************************************/
.group:before, .group:after {content:""; display:table;}
.group:after                {clear:both;}
.group                      {zoom:1; /* For IE 6/7 (trigger hasLayout) */}
.col                        {display:block; float:left; margin:0% 0 0% 1.6%;}
.col:first-child            {margin-left:0;} /* all browsers except IE6 and lower */

/*========== Two Columns ==========*/
.two-cols_1 {width: 32.26%; display:table-cell;}
.two-cols_2 {width: 65.58%; display:table-cell;}

/*========== Three Columns ==========*/
.Three-cols {width: 32.26%; display:table-cell;}







/******************************************************************************
HEADER
******************************************************************************/
.headerpan  {width:100%; padding:0px; margin:0px; float:left; display:block; height:172px; position:relative}
.headerpan-inside  {width:100%; padding:0px; margin:0px; float:left; display:block; height:152px; position:relative}

/*========== Logo Area ==========*/
.logo-area                           {width:349px; padding:0px; margin:0px; float:left; display:block; margin-left:10px; margin-top:13px;}
.logo-area img, img.scale-with-grid  {outline:0; max-width:100%; height:auto;}

/*========== login Area ==========*/
.login-area  {padding:0px; margin:0px; float:right; display:block; margin-top:20px;}

ul.loglist      {list-style:none; margin:0px; padding:0px;}
ul.loglist li   {list-style:none; margin:0px; padding:0px; display:inline-block; float:left; margin-left:5px;}
ul.loglist li:first-child   {margin-left:0px;}

.tb-username            {background:#ffffff url(images/icon-username.png) no-repeat right center; color:#aaa; width:228px; border:none}
.tb-username            {border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; outline:none; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear;}
.tb-username:hover      {background:#f0f0f0 url(images/icon-username-mo.png) no-repeat right center; color:#454545; width:228px; border:none}
.tb-username:focus      {background:#f0f0f0 url(images/icon-username-mo.png) no-repeat right center; color:#454545; width:228px; border:none}

.tb-password            {background:#ffffff url(images/icon-password.png) no-repeat right center; color:#aaa; width:154px; border:none}
.tb-password            {border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; outline:none; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear;}
.tb-password:hover      {background:#f0f0f0 url(images/icon-password-mo.png) no-repeat right center; color:#454545; width:154px; border:none}
.tb-password:focus      {background:#f0f0f0 url(images/icon-password-mo.png) no-repeat right center; color:#454545; width:154px; border:none}

.login-area input[type="submit"]                  {background:#d5e421 url(images/icon-go.png) no-repeat center center !important; border:none; width:30px; padding:8px 0px;}
.login-area input[type="submit"]                  {border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; outline:none; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear; cursor:pointer}
.login-area input[type="submit"]:hover            {background:#c5d910 url(images/icon-go-mo.png) no-repeat center center !important;}

ul.lognavlist      {list-style:none; margin:0px; padding:0px; float:left; margin-top:10px;}
ul.lognavlist li   {list-style:none; margin:0px; padding:0px; display:inline-block; float:left; border-right:1px solid #fff; padding:0px 6px; color:#fff}

.login-area ul.lognavlist li:first-child    {padding-left:0px;}
.login-area ul.lognavlist li:last-child     {padding-right:0px; border:none}

.login-area ul.lognavlist a         {color:#fff; text-decoration:none;}
.login-area ul.lognavlist a:hover   {color:#fff; text-decoration:underline;}

.logedin-area  {padding:0px; margin:0px; float:right; display:block; margin-top:30px;}

.logedin-area ul.editlist      {list-style:none; margin:0px; padding:0px; float:left; margin-top:10px;}
.logedin-area ul.editlist li   {list-style:none; margin:0px; padding:0px; display:inline-block; float:left; padding:0px 14px; color:#fff; margin-right:15px;}

.logedin-area ul.editlist a         {color:#fff; text-decoration:none;}
.logedin-area ul.editlist a:hover   {color:#fff; text-decoration:underline;}

.welcome {margin:0px; padding:0px; font-family: 'RobotoBold'; color:#fff}

.logedin-area ul.editlist li.editprofile {background:url(images/icon-edit-profile.png) no-repeat left center; padding:5px; padding-left:30px}
.logedin-area ul.editlist li.changepassword {background:url(images/icon-change-password.png) no-repeat left center; padding:5px; padding-left:30px}
.logedin-area ul.editlist li.logout {background:url(images/icon-logout.png) no-repeat left center; padding:5px; padding-left:30px}


/*========== Top Menu Area ==========*/
.headerpan .menu-area  {width:100%; padding:0px; margin:0px; float:right; display:block; margin-top:12px; background:#d5e421; height:65px;}
.headerpan .menu-area  {border-radius:5px 5px 0px 0px; -webkit-border-radius:5px 5px 0px 0px; -moz-border-radius:5px 5px 0px 0px;}

.menu-area-inside  {width:100%; padding:0px; margin:0px; float:right; display:block; margin-top:15px; background:#d5e421; height:45px;}
.menu-area-inside  {border-radius:5px 5px 0px 0px; -webkit-border-radius:5px 5px 0px 0px; -moz-border-radius:5px 5px 0px 0px;}

.nav-pan                {width:96%; margin:0px auto; padding:0px;}
.nav-pan ul.nav         {padding-left:0; list-style:none; width:100%; font-family:'RobotoCondensed'; text-align:center}
.nav-pan ul.nav:after   {content:"\0020"; display:block; height:0; clear:both; visibility:hidden;}      

.nav-pan ul.nav li              {font-size:15px; text-transform:uppercase; display:inline-block;}
.nav-pan ul.nav a               {display:block; color:#3e82a4; text-decoration:none}











/******************************************************************************
Visual
******************************************************************************/
.visual-area    {margin:0px auto; padding:0px; float:none; position:relative; top:-22px; padding:0px 10px;}
.visual-pic     {margin:0px auto; padding:0px; float:none; padding:1px; position:relative}
.visual-bg      {background:#dff2fc; width:100%; height:329px; position:absolute; border-bottom:2px solid #009beb}

.visual-area .reg-categry    {width:270px; min-height:293px; background:url(images/white-bg.png); margin:20px; padding:10px; position:absolute; color:#000; top:0px; z-index:99; text-align:center}

.reg-categry .reg-counter {width:auto; margin:0px auto; padding:0px; float:none; font-size:19px; color:#616161; margin-bottom:25px; margin-top:5px;}
.reg-categry .reg-counter:last-child {width:auto; margin:0px auto; padding:0px; float:none; font-size:19px; color:#616161; margin-bottom:0px}
.reg-categry .reg-counter h2 {font-size:38px; font-family: 'RobotoBlack'; margin:0px; padding:0px; line-height:24pt; color:#00adee}




/******************************************************************************
Body Area
******************************************************************************/
.bodycontainer  {width:98%; margin:0px auto; padding:0px; float:none; margin-bottom:20px;}
.bodycontainer ul.list      {list-style:none; padding:0px; margin:0px;}
.bodycontainer ul.list li   {list-style:disc; line-height:15pt; padding:0px; margin:0px 0px 0px 15px;}

/*========== Home Three Panels ==========*/

/*--- Blue Panels ---*/
.grid_blue          {background:#dff2fc; position:relative; margin-top:40px; float:left; width:100%;}
.blue-line-bottom   {border-radius:0px 0px 5px 5px; border-top:1px solid #fff; background-color:#dff2fc; height:5px;}

.blue-line-top      {border-top:#009beb 3px solid; border-bottom:1px solid #fff}
.grid_blue:hover .blue-line-top    {border-top:#0074b0 3px solid; border-bottom:1px solid #fff}

.blue-circle                    {color:#fff; line-height:90px; font-size:36px; text-align:center; position:relative; border-radius:500px; display:block; border:3px solid #fff; width:50px; height:50px; left:50%; margin-left:-55px; top:-55px; background-color:#009beb; padding:30px; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear;}
.grid_blue:hover .blue-circle   {background-color:#0074b0;}

.grid_blue .readmore           {text-align:center; margin:0px auto; padding:0px; float:none; text-transform:uppercase; font-size:12px; margin-top:10px; margin-bottom:20px;}
.grid_blue .readmore a         {background:#009beb; color:#3b3b3b; text-decoration:none; border-radius:5px; padding:8px 10px 5px 10px; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear;}
.grid_blue:hover .readmore a   {background:#0074b0; color:#fff; text-decoration:none;}

.grid_blue:hover .ser-details {color:#000}

/*--- Green Panels ---*/
.grid_green         {background:#f9fbe3; position:relative; margin-top:40px; float:left; width:100%;}
.green-line-bottom  {border-radius:0px 0px 5px 5px; border-top:1px solid #fff; background-color:#f9fbe3; height:5px;}

.green-line-top                     {border-top:#d5e421 3px solid; border-bottom:1px solid #fff; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear;}
.grid_green:hover .green-line-top   {border-top:#b9c800 3px solid; border-bottom:1px solid #fff}

.green-circle                   {color:#fff; line-height:90px; font-size:36px; text-align:center; position:relative; border-radius:500px; display:block; border:3px solid #fff; width:50px; height:50px; left:50%; margin-left:-55px; top:-55px; background-color:#d5e421; padding:30px; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear;}
.grid_green:hover .green-circle {background:#b9c800;}

.grid_green .readmore           {text-align:center; margin:0px auto; padding:0px; float:none; text-transform:uppercase; font-size:12px; margin-top:10px; margin-bottom:20px;}
.grid_green .readmore a         {background:#d5e421; color:#3b3b3b; text-decoration:none; border-radius:5px; padding:8px 10px 5px 10px; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear;}
.grid_green:hover .readmore a   {background:#b9c800; color:#fff; text-decoration:none;}

.grid_green:hover .ser-details {color:#000}

.ser-details    {-webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear;}
.ser-details    {position:relative; margin:0px auto; width:90%; padding:0px 0px 10px 0px; float:none; margin-top:-42px; font-size:14px; line-height:14pt; min-height:80px}
.ser-details h2 {font-size:26px; color:#545454; margin:0px 0px 8px 0px; padding:0px; font-weight:normal; text-transform:uppercase; font-family: 'RobotoCondensed'; text-align:center}


/*========== Home featured News ==========*/
.news-section           {width:100%; padding:0px; margin:0px;}
.news-group             {width:100%; padding:0px; margin:10px 0px; float:left; word-wrap:break-word}
.news-group:last-child  {width:100%; padding:0px; margin-bottom:0px; float:left}

.news-section .news-date    {width:19%; text-align:center; float:left}
.news-section .news-date h2 {font-size:19px; color:#11a2ec; font-family: 'RobotoBold'; line-height:17pt; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear;}
.news-section .news-detail  {width:72%; float:right; border-left:2px solid #ccc; padding-left:2%; padding-right:3%; line-height:14pt;}

.news-detail .news-head {font-size:13px; color:#000; text-transform:uppercase; display:block; margin-bottom:2px;}
.icon-readmore          {margin:0px auto; padding:0px; float:right;}

.news-detail .news-head a {color:#000; text-decoration:none}
.news-detail .news-head a:hover {color:#000; text-decoration:underline}

.news-group:hover .news-date h2 {color:#000;}


/*========== Home Blog posts ==========*/
.blog-post  {width:100%; margin:0px; padding:0px; float:left}
.blog-group {width:100%; margin:0px; padding:0px; float:left; border-bottom:1px dashed #ccc; padding-bottom:10px; margin:10px 0px 0px 0px; word-break:break-word}
.blog-group:last-child {border-bottom:0px;}

.blog-date      {width:auto; margin:0px; padding:0px; float:left}
.date           {background:#11a2ec; border-radius:5px; padding:8px 6px; float:left; color:#fff; text-transform:uppercase; position:relative}
.date h2        {font-size:19px; color:#fff; font-family: 'RobotoBold'; line-height:17pt;}
.date .arrow    {background:url(images/arrow2.png) no-repeat right; margin-top:10px; padding:6px; position:absolute; right:-6px; top:0px;}

.blog-detail            {width:92%; margin:0px; padding:0px; float:right}
.blog-detail .heading   {width:90%; padding:0px; margin:0px; float:left}
.blog-detail .rating    {width:10%; padding:0px; margin:0px; float:right}

.heading h3 {font-size:15px; padding:0px; margin:0px; text-transform:uppercase; color:#3b3b3b; line-height:17pt;}
.heading .posted {width:100%; padding:0px; margin:0px;}
.heading .posted .postedby {color:#3b3b3b; font-family: 'RobotoBold';}

.blog-detail .article               {width:100%; padding:0px; margin:0px; float:left; margin-top:10px;}
.blog-detail .article .readmore     {text-transform:uppercase; float:right; font-size:11px;}
.blog-detail .article .readmore a   {text-decoration:none; color:#c80000}

.blog-detail .link  {width:auto; padding:0px; margin:0px; float:left}
.blog-detail .link ul.linklist  {list-style:none; padding:0px; margin:0px; color:#404040}
.blog-detail .link ul.linklist li  {list-style:none; padding:0px 7px 0px 0px; margin:0px 7px 0px 0px; display:inline-block; float:left; border-right:1px solid #5c5c5c}
.blog-detail .link ul.linklist li:last-child  {list-style:none; padding:0px; margin:0px; display:inline-block; border-right:0px;}

.blog-detail .networkingicon  {width:auto; padding:0px; margin:0px; float:right}
.blog-detail .networkingicon ul.networklist  {list-style:none; padding:0px; margin:0px; color:#404040}
.blog-detail .networkingicon ul.networklist li  {list-style:none; padding:0px 7px 0px 0px; margin:0px 7px 0px 0px; display:inline-block; float:left; border-right:1px solid #5c5c5c}
.blog-detail .networkingicon ul.networklist li:last-child  {list-style:none; padding:0px; margin:0px; display:inline-block; border-right:0px;}


/*========== Home Forthcoming Events posts ==========*/
.forthcoming-eventpan {width:100%; padding:0px; margin:0px; background:#f8f7f6;  float:left}
.forthcoming-eventpan .detail {width:90%; padding:0px; margin:0px auto; float:none; font-size:15px; line-height:16pt;}
.forthcoming-eventpan .detail .logo {width:185px; padding:0px; margin:0px auto; float:none;}
.forthcoming-eventpan .detail .logo img {min-width:100%; height:auto; border:1px solid #ccc; margin-bottom:10px; margin-top:10px;}

.forthcoming-eventpan .detail h3 {color:#e75b0f; font-size:15px; text-transform:uppercase; line-height:16pt; margin-bottom:5px;}
.forthcoming-eventpan .detail .eve-date {background:url(images/icon-eve-cal.png) no-repeat left top; padding:2px 5px; padding-left:25px; margin:8px 0px;}
.forthcoming-eventpan .detail .eve-time {background:url(images/icon-eve-time.png) no-repeat left top; padding:2px 5px; padding-left:25px; margin:8px 0px;}
.forthcoming-eventpan .detail .eve-info {background:url(images/icon-eve-detail.png) no-repeat left top; padding:2px 5px; padding-left:25px; margin:8px 0px;}


/*========== Home Networking Widget ==========*/
.networking-widget {width:96%; padding:0px; margin:0px; background:#f8f7f6; min-height:350px; float:left; padding:2%;}


/*========== Inside Style ==========*/
.bodycontainer .left-pan    {width:230px; margin:0px; padding:0px; float:left; margin-bottom:20px}
.bodycontainer .right-pan   {width:890px; margin:0px; padding:0px; float:right; margin-bottom:20px; display:table}

.registry-left      {width:60%; margin:0px; padding:0px 20px 0px 0px; display:table-cell; vertical-align:top}
.registry-middle    {width:10%; height:80px; display:table-cell; text-align:center; background: url(images/bg-line.gif) repeat-y center; vertical-align:top; padding-top:40px}
.registry-right     {width:30%; margin:0px; padding:0px; display:table-cell; text-align:center; vertical-align:top; padding-left:10px;}


/*========== Left Style ==========*/
.pic-left {width:230px; padding:0px; margin:0px; text-align:left; margin-bottom:10px}
.pic-left img {max-width:100%; height:auto;}

.left-nav {background:#f8f8f8; -moz-box-shadow: inset 0 0 5px #ddd; -webkit-box-shadow: inset 0 0 5px #ddd; box-shadow: inner 0 0 5px #ddd; float:left; padding:1% 3%; width:92%; border:1px solid #e2e2e2}
.left-nav ul.lft-navlist {list-style:none; padding:0px; margin:0px; text-transform:uppercase; font-size:12px}
.left-nav ul.lft-navlist li {list-style:none; padding:0px; margin:0px; border-bottom:1px dashed #ddd;}
.left-nav ul.lft-navlist li:last-child {list-style:none; padding:0px; margin:0px; border-bottom:0px}

.left-nav ul.lft-navlist li a {text-decoration:none; color:#5c5c5c; display:block; padding:10px 0px 7px 5px; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear;}
.left-nav ul.lft-navlist li a:hover {color:#006aa1; background:#fff; }
.left-nav ul.lft-navlist li a.focus {color:#006aa1; font-family: 'RobotoBold';}

.left-nav1 {display:block !important}

.lftsearch      {width:100%; margin:0px; padding:0px;}
.lftsearch h3   {text-transform:uppercase; margin-bottom:5px; font-size:15px; color:#006aa1}

ul.search-archive    {list-style:none; padding:0px; margin:0px; margin-bottom:5px; float:left}
ul.search-archive li {list-style:none; padding:0px; margin:0px; float:left; width:50%}

.input_month    {background:#ececec; padding:5px 0px; margin:0px; float:left; border:none; width:100px; outline:none; color:#525252; margin-right:3px; font-size:13px; font-family: 'Robotoregular';}
.input_year     {background:#ececec; padding:5px 0px; margin:0px; float:left; border:none; width:95px; outline:none; color:#525252; margin-right:3px; font-size:13px; font-family: 'Robotoregular';}

.input_dropdown {background:#ececec; padding:5px 2px; margin:0px; float:left; border:none; width:180px; outline:none; color:#525252; margin-right:3px; font-size:13px; font-family: 'Robotoregular';}
.input_dropdown1{background:#ececec; padding:5px 2px; margin:0px; float:left; border:none; width:198px; outline:none; color:#525252; margin-right:3px; font-size:13px; font-family: 'Robotoregular';}

.input_search   {background:#ececec; padding:5px; margin:0px; float:left; border:none; outline:none; color:#525252; width:100%; margin-right:3px; }
.input_button   {background:#525252; padding:6px 6px; margin:0px; float:left; border:none; color:#fff; font-family:'Robotoregular'; outline:none; font-size:13px; cursor:pointer}

.input_search    {-webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear; }

.input_search       {width:96%; padding:2% 1.7%; color:#999; outline:none; background:#ececec; border:1px solid #dddddd; font-size:14px; font-family:'Robotoregular'; }
.input_search:hover {color:#000; background:#eee; box-shadow: 1px .5px 1px .5px #f0f0f0; border:1px solid #ccc;}
.input_search:focus {color:#000; background:#eee; box-shadow: 1px .5px 1px .5px #f0f0f0; border:1px solid #ccc;}



/*========== Members Directory Style ==========*/
.mem-directory {width:100%; padding:0px; margin:0px}
.mem-directory ul.memblist {list-style:none; padding:0px; margin:0px; float:left}
.mem-directory ul.memblist li {list-style:none; padding:0px 0px 0px 0px; margin:0px 0px 8px 0px; font-size:14px; border-left:2px solid #ccc; padding-left:5px; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear;}
.mem-directory ul.memblist li:hover {list-style:none; padding:0px 0px 0px 0px; margin:0px 0px 8px 0px; font-size:14px; border-left:2px solid #c80000; padding-left:5px}

.dir-group:before, .group:after {content:""; display:table;}
.dir-group:after                {clear:both;}
.dir-group                      {zoom:1; /* For IE 6/7 (trigger hasLayout) */}

.dir-col                {display:block; float:left; margin:0% 0 0% 1%;}
.dir-col:first-child    {margin-left:0;} /* all browsers except IE6 and lower */

.directory-cols_1   {width:60.00%; display:table-cell;}
.directory-cols_2   {width:39.00%; display:table-cell;}

.directory-cols_1_1   {width:60.00%; display:table-cell;}
.directory-cols_1_2   {width:26.00%; display:table-cell;}
.directory-cols_1_3   {width:10.00%; display:table-cell;}

.directory-cols_2_0   {width:98.00%; display:table-cell;}
.directory-cols_2_1   {width:60.00%; display:table-cell;}
.directory-cols_2_2   {width:39.00%; display:table-cell;}

.directory-cols_3_1   {width:40.00%; display:table-cell;}
.directory-cols_3_2   {width:20.00%; display:table-cell;}
.directory-cols_3_3   {width:25.00%; display:table-cell;}
.directory-cols_3_4   {width:10.00%; display:table-cell;}

.directory-cols_4_1   {width:28.00%; display:table-cell;}
.directory-cols_4_2   {width:18.00%; display:table-cell;}
.directory-cols_4_3   {width:18.00%; display:table-cell;}
.directory-cols_4_4   {width:20.00%; display:table-cell;}
.directory-cols_4_5   {width:10.00%; display:table-cell;}

.directory-cols_5_1   {width:20.00%; display:table-cell;}
.directory-cols_5_2   {width:18.00%; display:table-cell;}
.directory-cols_5_3   {width:16.00%; display:table-cell;}
.directory-cols_5_4   {width:13.00%; display:table-cell;}
.directory-cols_5_5   {width:16.00%; display:table-cell;}
.directory-cols_5_6   {width:10.00%; display:table-cell;}

.directory-table    {width:98%; padding:7px 1% 6px 1%; margin:0px; float:left; background:#009beb; color:#fff; text-transform:uppercase; border-bottom:1px solid #fff}
.mem-dctry-group    {width:98%; padding:7px 1% 6px 1%; margin:0px; float:left;}

.dir-tc     {background:#f5f5f5; border-bottom:1px solid #fff}
.dir-tc1    {background:#eee; border-bottom:1px solid #fff}

.mem-dctry-group .view-more  {width:auto; padding:2px 0px 0px 0px; margin:0px; float:right; text-transform:uppercase; font-size:11px; font-family: 'RobotoBoldCondensed'; color:#009beb}

.mem-dctry-group-info {width:98%; padding:5px 1%; margin:0px; float:left; line-height:14pt; background:#fff}
.mem-dctry-group-info .add {background:url(images/icon-add.png) no-repeat left top; padding-left:35px; min-height:28px; margin-bottom:5px}
.mem-dctry-group-info .tel {background:url(images/icon-call.png) no-repeat left top; padding-left:35px; min-height:16px; margin-bottom:5px}
.mem-dctry-group-info .email {background:url(images/icon-mail.png) no-repeat left top; padding-left:35px; min-height:28px; margin-bottom:5px}
.mem-dctry-group-info .exp {background:url(images/icon-exp.png) no-repeat left top; padding-left:35px; min-height:28px; margin-bottom:5px}
.mem-dctry-group-info .des {background:url(images/icon-des.png) no-repeat left top; padding-left:35px; min-height:28px; margin-bottom:5px}
.mem-dctry-group-info .org {background:url(images/icon-org.png) no-repeat left top; padding-left:35px; min-height:28px; margin-bottom:5px}
.mem-dctry-group-info .profile {background:url(images/icon-profile.png) no-repeat left top; padding-left:35px; min-height:28px; margin-bottom:5px; text-align:justify}
.mem-dctry-group-info .description {background:url(images/icon-des.png) no-repeat left top; padding-left:35px; min-height:28px; margin-bottom:5px; text-align:justify}
.mem-dctry-group-info .dt {background:url(images/icon-dt.png) no-repeat left top; padding-left:35px; min-height:28px; margin-bottom:5px}

.mem-dctry-group-info span {color:#515151; font-family: 'RobotoBold';}

.mem-dctry-group-info ul    {list-style:none; padding:0px; margin:0px;}
.mem-dctry-group-info ul li {list-style-image:url(images/listbullet.png); padding:0px; margin:0px 0px 3px 20px;}


/*========== HR Jobs Style ==========*/
.jobs-cols_1   {width:98.00%; display:table-cell; font-family: 'RobotoBold';}
.job-cols_1_0   {width:98.00%; display:table-cell; padding:0% .8%}
.job-cols_1_1   {width:46.50%; display:table-cell; padding:0% .8%}


/*========== Job Opening Style ==========*/
.job-table    {width:98%; padding:7px 1% 6px 1%; margin:0px; float:left; background:#009beb; color:#fff; border-bottom:1px solid #fff}
.job-group    {width:98%; padding:7px 1% 6px 1%; margin:0px; float:left;}

.job-cols_2_1   {width:08.0%; display:table-cell; text-align:center; display:block}
.job-cols_2_2   {width:08.0%; display:table-cell; text-align:center}
.job-cols_2_3   {width:38.0%; display:table-cell;}
.job-cols_2_4   {width:08.0%; display:table-cell; text-align:center}
.job-cols_2_5   {width:08.0%; display:table-cell; text-align:center}
.job-cols_2_6   {width:12.0%; display:table-cell; text-align:center}
.job-cols_2_7   {width:12.0%; display:table-cell; text-align:center}

.view-detail    {width:100%; margin:0px; padding:0px;}
ul.viewlist     {list-style:none; padding:0px; margin:0px;}
ul.viewlist li  {list-style:none; padding:0px; margin:0px; display:inline-block; min-width:150px; margin-right:5px; margin-bottom:10px}
ul.viewlist li span  {color:#515151; font-family: 'RobotoBold';}

.add-record {width:auto; background:#009beb url(images/icon-record.png) no-repeat left center; padding:7px 10px 5px 32px; margin:0px 0px 10px 0px; float:right; color:#fff; text-transform:uppercase; font-size:12px; border-radius:4px;}
.add-record {-webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear;}
.add-record:hover {background:#0083c6 url(images/icon-record.png) no-repeat left center;}

.add-record a {color:#fff; text-decoration:none}
.add-record a:hover {color:#fff; text-decoration:none}


/*========== Events Section Style ==========*/
.event-group {width:100%; padding:0px; margin:0px; float:left; background:url(images/mt-bg.png) repeat-x bottom; padding-bottom:20px; margin-bottom:20px;}
.event-group:last-child {width:100%; float:left; background:none; padding-bottom:0px; margin-bottom:0px;}

.event-group .col               {display:block; float:left; margin:0% 0 0% 1%;}
.event-group .col:first-child   {margin-left:0;} /* all browsers except IE6 and lower */

.event-group .eve-cols_1    {width:29.00%; display:table-cell;}
.event-group .eve-cols_2    {width:70.00%; display:table-cell;}

.event-group h3 {color:#009beb}

ul.newslist     {list-style:none; padding:0px; margin:0px;}
ul.newslist li  {list-style:none; padding:2px 0px; margin:0px; float:left; line-height:15pt; margin-right:15px}

ul.newslist li.fullspan     {width:99%;}
ul.newslist li.newsdate     {background:url(images/icon-date.png) no-repeat left; padding-left:23px}
ul.newslist li.detail       {background:url(images/icon-details.png) no-repeat left top; padding-left:23px}
ul.newslist li.venue        {background:url(images/icon-venue.png) no-repeat left; padding-left:23px}
ul.newslist li.url          {background:url(images/icon-web.png) no-repeat left; padding-left:23px}
ul.newslist li.time          {background:url(images/icon-time.png) no-repeat left; padding-left:23px}

ul.newslist li.gallery          {background:url(images/icon-gallery.png) no-repeat left 0px; padding-left:23px; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear;}
ul.newslist li.gallery:hover    {background:url(images/icon-gallery.png) no-repeat left -21px; padding-left:23px}

.event-group a          {color:#5c5c5c; text-decoration:underline;}
.event-group a:hover    {color:#5c5c5c; text-decoration:none;}

.suggest-event {width:100%; margin:0px; float:left; font-size:14px; text-align:center; margin-top:0px; color:#fff; text-transform:uppercase; font-family: 'RobotoCondensed'; line-height:16pt;}

.suggest-event a          {color:#fff; text-decoration:none; background:#009beb; padding:10px 10px;   -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear; border-radius:5px; display:block}
.suggest-event a:hover    {color:#fff; text-decoration:none; background:#0083c6; box-shadow: 1px .5px 1px .5px #f0f0f0;}


/*========== News section ==========*/
.hrnews-group {width:100%; padding:5px 0px; margin:0px; float:left; margin-bottom:15px; word-break:break-word}
.hrnews-group {-webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear;}

.hrnews-group:last-child  {width:100%; margin-bottom:0px; float:left}

.hrnews-date    {width:10%; text-align:center; float:left}
.hrnews-date h2 {font-size:19px; color:#11a2ec; font-family: 'RobotoBold'; line-height:17pt; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear;}
.hrnews-detail  {width:86%; float:right; border-left:2px solid #ccc; padding-left:1%; padding-right:1.5%; line-height:14pt;}

.hrnews-head        {font-size:14px; color:#000; text-transform:uppercase; display:block;}
.hricon-readmore    {margin:0px auto; padding:0px; float:right; display: list-item; margin-top:15px; font-size:11px; text-transform:uppercase}

.hrnews-group a {color:#000; text-decoration:none}
.hrnews-group a:hover {color:#000; text-decoration:underline}

.hricon-readmore a    {color:#00aaeb; text-decoration:none}
.hricon-readmore a:hover    {color:#00aaeb; text-decoration:underline}

.hrnews-group:hover {background:#f9f9f9}
.hrnews-group:hover .hrnews-date h2 {color:#000;}

.hrnewsdetail-group {width:100%; padding:5px 0px; margin:0px; float:left; margin-bottom:15px}
.hrnewsdetail-group ul {list-style:none; padding:0px; margin:0px;}
.hrnewsdetail-group ul li {list-style-image:url(images/listbullet.png); padding:0px; margin:0px 0px 3px 20px;}


/*========== HR Resources section ==========*/
.resources {width:100%; padding:0px; margin:0px; clear:both; margin-bottom:20px;}
.resources h3 {font-size:18px; line-height:17pt; margin-bottom:5px; color:#006aa1}
ul.reslist {list-style:none; padding:0px; margin:0px;}
ul.reslist li {list-style-image:url(images/icon-link.png); padding:0px 0px 5px 3px; margin:0px 0px 0px 25px; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear;}
ul.reslist li:hover {list-style-image:url(images/icon-link.png); padding:0px 0px 5px 3px; margin:0px 0px 0px 30px;}

.resources a {color:#656565; text-decoration:none;}
.resources a:hover {color:#009beb; text-decoration:none;}


/*========== HR Download section ==========*/
.download {width:100%; padding:0px; margin:0px; clear:both; margin-bottom:20px;}
.download h3 {font-size:18px; line-height:17pt; margin-bottom:5px; color:#006aa1}

ul.dwnlist {list-style:none; padding:0px; margin:0px;}
ul.dwnlist li {list-style:none; padding:0px 0px 5px 3px; margin:0px; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear; line-height:14pt;}
ul.dwnlist li:hover {list-style:none; margin:0px 0px 0px 10px;}

.download a {color:#656565; text-decoration:none;}
.download a:hover {color:#009beb; text-decoration:none;}

.download a.pdf {background:url(images/icon-pdf.png) no-repeat left center; padding:5px; padding-left:30px; display:block;}
.download a.doc {background:url(images/icon-doc.png) no-repeat left center; padding:5px; padding-left:30px; display:block;}
.download a.xsl {background:url(images/icon-xsl.png) no-repeat left center; padding:5px; padding-left:30px; display:block;}
.download a.ppt {background:url(images/icon-ppt.png) no-repeat left center; padding:5px; padding-left:30px; display:block;}


/*========== HR Profile ==========*/
#profile	{width:100%; padding:0px; margin:0px;}
#profile ul {list-style:none; padding:0px; margin:0px;}
#profile ul li {list-style-image:url(images/listbullet.png); padding:0px 0px 8px 0px; margin:0px 0px 0px 20px; line-height:14pt;}

#profile strong	{padding:0px; margin:0px;}



/******************************************************************************
FOOETR STYLE
******************************************************************************/
.footerpan {width:98%; padding:0px; margin:0px auto; float:none; padding:1.5% 1%;}

.footerpan h4 {font-size:13px; color:#373737; padding:0px; margin:0px; text-transform:uppercase; margin-bottom:5px; line-height:15pt; float:left; width:100%;}

.help-desk {width:auto; padding:0px; margin:0px; float:left;}
.help-desk .ftr-email { background:url(images/icon-ftr-email.png) no-repeat left center; padding:6px; padding-left:30px; font-size:17px; margin-top:8px;}

.mailinglist {width:350px; padding:0px; margin:0px; float:right;}
ul.maillist1 {list-style:none; padding:0px; padding:0px;}
ul.maillist1 li {list-style:none; padding:0px 5px 0px 0px; margin:0px; float:left;}

a.unsubscribe {text-decoration:none; color:#5c5c5c; margin-top:10px; float:left}
a.unsubscribe:hover {text-decoration:none; color:#5c5c5c;}

.tb-ftr-txtbox            {background:#fff url(images/icon-email.png) no-repeat right center; padding:9px 6px; margin:0px; border:none; font-family:'RobotoRegular'; color:#aaa; width:250px; border:1px solid #fff}
.tb-ftr-txtbox            {border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; outline:none; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear;}
.tb-ftr-txtbox:hover      {background:#fff url(images/icon-email-mo.png) no-repeat right center; color:#656565; border:1px solid #ccc}
.tb-ftr-txtbox:focus      {background:#fff url(images/icon-email-mo.png) no-repeat right center; color:#656565; border:1px solid #ccc}

.tb-ftr-sub                  {background:#009beb; padding:9px 10px; margin:0px; border:none; text-transform:uppercase; color:#fff}
.tb-ftr-sub                  {border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; outline:none; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear; cursor:pointer}
.tb-ftr-sub:hover            {background:#0083c6;}

.ftrnav {width:80%; padding:0px; margin:0px; float:left}
ul.ftrlist {list-style:none; padding:0px; margin:0px; font-size:11px; text-transform:uppercase; margin-bottom:05px; float:left; margin-right:30px}
ul.ftrlist li {list-style:none; padding:0px 0px 8px 0px; margin:0px;}
ul.ftrlist li.ftrdiv {padding:0px 6px; margin:0px;}

ul.ftrlist li a {text-decoration:none; color:inherit}
ul.ftrlist li a:hover {text-decoration:underline; color:inherit}

.ftr-networking {width:auto; padding:0px; margin:0px; float:right; text-transform:uppercase; font-size:11px;}
ul.ftr-net-list {list-style:none; padding:0px; margin:0px; margin-top:5px;}
ul.ftr-net-list li {list-style:none; padding:0px 5px 0px 0px; margin:0px; float:left;}






/******************************************************************************
HEADER STYLE
******************************************************************************/
h1, h2, h3, h4, h5, h6 {font-family: 'RobotoCondensed'; font-style:normal; font-weight:normal;  margin:0px; padding:0px;}
h1 {font-size:26px; color:#006aa1; text-transform:uppercase; margin-bottom:10px}
h2 {font-size:21px; color:#009beb; text-transform:uppercase; line-height:14px;}
h3 {font-size:15px; color:#e75b0f; text-transform:uppercase; line-height:14px;}

h2.icon-news {background:url('images/icon-news.png') no-repeat left; padding:5px; padding-left:23px;}
h2.icon-hr-blog {background:url('images/icon-hr-blog.png') no-repeat left; padding:5px; padding-left:23px;}
h2.icon-forthcoming-news {background:url('images/icon-forthcoming-event.png') no-repeat left center; padding:5px; padding-left:23px;}

.left-pan h3    {text-transform:uppercase; margin-bottom:05px; font-size:15px; color:#006aa1}
h3.site         {font-size:13px; color:#000; text-transform:uppercase; margin-bottom:5px}





/******************************************************************************
BREADCRUMB
******************************************************************************/
#breadcrumb			{width:100%; margin:0px auto; color:#656565; padding:0px; border:1px solid #ccc; border-width:0px 0px 1px 0px; display:block; margin-bottom:15px; float:left; font-family: 'RobotoCondensed'; font-style:normal; font-weight:normal;}
#crumbs				{margin:0px; padding:0px; float:left;}
#crumbs ul			{list-style:none; padding:0px; margin:0px;}
#crumbs li			{list-style:none; float:left; color:#656565; padding:0px; padding-right:14px; margin-right:09px; font-weight:normal; text-transform:uppercase; padding-bottom:5px; background:url(images/arrow-breadcrumb.png) no-repeat right top; line-height:11px;}
#crumbs li:last-child {background:none}	
#crumbs li a		{color:#656565; text-decoration:none;}	
#crumbs li a:hover  {color:#c80000;}
#crumbs li.focus    {color:#000; font-family: 'RobotoBoldCondensed';}

#back				{margin:0px; padding:0px; float:right;}
#back ul			{list-style:none; padding:0px; margin:0px;}
#back li			{list-style:none; float:left; color:#656565; padding:0px; font-weight:normal; text-transform:uppercase; padding:1px 0px 2px 0px;}
#back li a          {color:#c80000; text-decoration:none; background:url(images/icon-back.png) no-repeat right center; padding-right:20px;}	
#back li a:hover    {color:#656565;}





/******************************************************************************
SITEMAP
******************************************************************************/
.sitemap        {width:200px; margin-right:25px; display:inline-block; vertical-align:top;}

ul.sitelist     {list-style:none; padding:0px; margin:0px;}
ul.sitelist li  {list-style-image:url(images/listbullet.png); padding:0px; margin:0px 0px 5px 15px;}

.sitemap a          {color:#000; text-decoration:none;}
.sitemap a:hover    {color:#c80000; text-decoration:none;}

ul.sitelist li a        {color:#656565; text-decoration:none;}
ul.sitelist li a:hover  {color:#c80000; text-decoration:none;}





/******************************************************************************
FORM STYLE
******************************************************************************/
input, textarea, select {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear; font-size:12px; -webkit-border-radius:0; border-radius:0;}
input, textarea, select {width:100%; border:1px solid #ddd; background:#fff; outline:none; padding:7px 5px 9px; margin-top:2px; margin-bottom: 2px}
select                  {padding:7px 1px;}
input:hover, textarea:hover, select:hover   {width:100%; border:1px solid #ccc; background:#f5f5f5}
input:focus, textarea:focus, select:focus   {width:100%; border:1px solid #ccc; background:#f5f5f5}

input, textarea {-webkit-appearance: none;}

input[type="file"]      {width:100%; border:1px solid #ddd; background:#fff; outline:none; padding:6px 5px 6px; margin-top:0px; margin-bottom:0px}
input[type="checkbox"]  {float:left; width:5%; -webkit-appearance:checkbox;}
input[type="radio"]  {float:left; width:5%; -webkit-appearance:radio;}
label                   {float:left; width:92%}

select[type="month"]    {width:43%; float:left; margin-right:1%; padding:5px 0px !important;}
select[type="day"]      {width:22%; float:left; margin-right:1%; padding:5px 0px !important}
select[type="year"]     {width:33%; float:left; padding:5px 0px;}

input[type="submit"]        {width:150px; padding:10px 0px 9px; background:#009beb; color:#fff; border:0px; cursor:pointer; text-transform:uppercase; font-size:12px; display:inline-block}
input[type="submit"]:hover  {background:#005987; color:#fff;}

input[type="button"]        {width:150px; padding:10px 0px 9px; background:#009beb; color:#fff; border:0px; cursor:pointer; text-transform:uppercase; font-size:12px; display:inline-block}
input[type="button"]:hover  {background:#005987; color:#fff;}

input[type="image"]        {width:16px; padding:9px 0px 9px; background:#fff; color:#fff; border:0px; cursor:pointer; text-transform:uppercase; font-size:12px; display:inline-block}

ul.form-box     {list-style:none; padding:0px; margin:0px; width:100%; float:left;}
ul.form-box li  {list-style:none; padding:0px; margin:1px 2% 15px 0px; float:left; width:32%;}
ul.form-box li:last-child  {margin:1px 0px 7px 0px;}

.forms h3 {font-size:15px; color:#e75b0f; text-transform:uppercase; line-height:14px; background:#f6f6f6; padding:15px 5px 12px 5px; text-align:center; border-bottom:2px solid #d9d9d9; margin-bottom:10px;}

ul.form-box li.name {_width:230px; padding:10px 0px; margin:0px; float:left;}
ul.frm-box li.box   {float:left; line-height:20pt;}

ul.form-box-popup     {list-style:none; padding:0px; margin:0px; width:100%; float:left;}
ul.form-box-popup li  {list-style:none; padding:0px; margin:1px 0px 5px 0px;}

ul.form-box-popup li.name {width:25%; padding:5px 0px; margin:0px; float:left; line-height:15pt; margin-right:10px;}
ul.form-box-popup li.box  {float:left; line-height:17pt;}

.btn_submit, .dropdown, .normal_input, .normal_textbox, .input_date    {-webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear; }

.input_date         {width:12%; padding:2% 2%; color:#999; outline:none; background:#fcfcfc url(images/icon-eve-date.png) no-repeat right center; border:1px solid #dddddd; font-family:'Robotoregular'; border-left:none; cursor:pointer; float:left;}
.input_date:hover   {background:#fcfcfc url(images/icon-eve-date-mo.png) no-repeat right center;}

/*.normal_input       {width:96%; padding:2% 1.7%; color:#999; outline:none; background:#fcfcfc; border:1px solid #dddddd; font-family:'Robotoregular'; }
.normal_input:hover {color:#000; background:#eee; box-shadow: 1px .5px 1px .5px #f0f0f0; border:1px solid #ccc;}
.normal_input:focus {color:#000; background:#eee; box-shadow: 1px .5px 1px .5px #f0f0f0; border:1px solid #ccc;}

.normal_textbox       {width:96%; padding:5px 1%; color:#999; outline:none; background:#fcfcfc; border:1px solid #dddddd; font-family:'Robotoregular'; height:60px; resize:none}
.normal_textbox:hover {color:#000; background:#eee; box-shadow: 1px .5px 1px .5px #f0f0f0; border:1px solid #ccc;}
.normal_textbox:focus {color:#000; background:#eee; box-shadow: 1px .5px 1px .5px #f0f0f0; border:1px solid #ccc;}

.normal_input_date       {width:84%; padding:2% 1.7%; color:#999; outline:none; background:#fcfcfc; border:1px solid #dddddd; font-family:'Robotoregular'; float:left; border-right:none}

.dropdown       {width:100%; padding:1.72% 4px; color: #999; outline:none; background:#fafafa; border:1px solid #dddddd; font-family:'Robotoregular';}
.dropdown:hover {color:#000; background:#eee; box-shadow: 1px .5px 1px .5px #f0f0f0; border:1px solid #ccc;}
.dropdown:focus {color:#000; background:#eee; box-shadow: 1px .5px 1px .5px #f0f0f0; border:1px solid #ccc;}

.btn_submit         {width:150px auto; padding:5px 15px; height:30px auto; background:#009beb; color:#fff; border:0px; cursor:pointer; text-transform:uppercase; font-size:12px;}
.btn_submit:hover   {background:#005987; color:#fff;}*/

.eve-dt         {width:30%; float:left; border-right:none;}
.eve-dt:hover   {width:30%; float:left; border-right:none; background:#000; box-shadow:none;}

.desc {resize:none;}

ul.form-box li.fullspan         {width:100%}
ul.form-box li.fullspan2        {width:65%; text-align:left}
ul.form-box-popup li.width_200  {width:70%; float:left}
ul.form-box-popup li.width_100  {width:100px;}
.err                            {color:Red; font-size:11px}


.registry-left .form-box {}
.registry-left .form-box li {width:49%; margin-bottom:0px;}


ul.form-box1 {}
ul.form-box1 li {width:49% !important; float:left}
ul.form-box1 li.fullspan         {width:100%}

/*========== Left Form ==========*/
.left-form      {background:#f8f8f8; -moz-box-shadow: inset 0 0 5px #ddd; -webkit-box-shadow: inset 0 0 5px #ddd; box-shadow: inner 0 0 5px #ddd; float:left; padding:5% 5%; width:90%; border:1px solid #e2e2e2}
.left-form p    {line-height:14pt;}

.left-form h3   {text-transform:uppercase; margin-bottom:05px; font-size:15px; color:#006aa1}


/*========== Left Search ==========*/
ul.lftsearch-box     {list-style:none; padding:0px; margin:1px 3px 4px 0px; width:100%; float:left; display:block}
ul.lftsearch-box li  {list-style:none; padding:0px; margin:0px; float:left; width:225px; margin-right:0px}
ul.lftsearch-box li:last-child  {margin-right:0px;}

/*ul.lftsearch-box .normal_input       {width:96%; padding:7px 1.9% 6px 1.9%; color:#999; outline:none; background:#ececec; border:1px solid #dddddd; font-family: 'RobotoCondensed';}
ul.lftsearch-box .normal_input:hover {color:#000; background:#eee; box-shadow: 1px .5px 1px .5px #f0f0f0; border:1px solid #ccc;}
ul.lftsearch-box .normal_input:focus {color:#000; background:#eee; box-shadow: 1px .5px 1px .5px #f0f0f0; border:1px solid #ccc;}

ul.lftsearch-box .dropdown       {width:100%; padding:5px 4px 6px 0px; color: #999; outline:none; background:#ececec; border:1px solid #dddddd; font-family: 'RobotoCondensed';}
ul.lftsearch-box .dropdown:hover {color:#000; background:#eee; box-shadow: 1px .5px 1px .5px #f0f0f0; border:1px solid #ccc;}
ul.lftsearch-box .dropdown:focus {color:#000; background:#eee; box-shadow: 1px .5px 1px .5px #f0f0f0; border:1px solid #ccc;}

ul.lftsearch-box .btn_submit         {padding:8px 5px 7px 5px; height:30px auto; background:#009beb; color:#fff; border:0px; cursor:pointer; text-transform:uppercase; font-family: 'RobotoCondensed';}
ul.lftsearch-box .btn_submit:hover   {background:#005987; color:#fff;}*/

ul.lftsearch-box .drop-sm  {width:86%; margin-right:2%}
ul.lftsearch-box .btn-sm   {width:12%;}

ul.lftsearch-box .drop-arc  {width:42.5%; margin:0px 3px 0px 0px;}

ul.lftsearch-box .btn-sm input[type="submit"]        {width:100%; padding:9px 0px 7px !important; background:#009beb; color:#fff; border:0px; cursor:pointer; text-transform:uppercase; font-size:12px; display:inline-block}
ul.lftsearch-box .btn-sm  input[type="submit"]:hover {background:#005987; color:#fff;}




/******************************************************************************
PAGGING STYLE
******************************************************************************/
.paging         {width:100%; margin:0px auto; float:left; padding:0px; text-align:left; margin-top:10px;}
.paging ul      {list-style:none; float:none; margin:0px auto; padding:0px; margin-bottom:5px; text-align:center}
.paging ul li   {display:inline-block; list-style:none; margin:0px 1px 0px 0px; padding:0px; margin-bottom:5px;}
.pgr li         {background:#fff; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear;}
.pgr li.text    {padding:0px; margin:5px 10px 0px 0px; float:left; background:none;}

.pgr a          {padding: 5px 7px 5px 7px; border:1px solid #fff; color:#8a8a8a; text-decoration:none; display:block; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear;}
.pgr a:hover    {background: #dff2fd; border:1px solid #afd3e8; color:#242424; padding:5px 7px 5px 7px; -ms-transition:all 300ms linear;}
.pgr a.focus    {background:#dff2fd; border:1px solid #afd3e8; color:#242424; padding:5px 7px 5px 7px;}

.paging .pgr li .inactive {overflow:hidden; position: relative; background:#ccc; padding: 5px 5px 5px 5px;}

/*--Top Style--*/

#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:44px;
	height:44px;
	border:none;
	text-indent:-999px;
	background:#009beb url(images/top.png) no-repeat left top;
	-webkit-border-radius: 50%;     
	-moz-border-radius: 50%;     
	border-radius: 50%;    

}

#toTopHover {
	background:#009beb url(images/top.png) no-repeat left -44px;
	width:44px;
	height:44px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
	-webkit-border-radius: 50%;     
	-moz-border-radius: 50%;     
	border-radius: 50%;  
}

#toTop:active, #toTop:focus {
	outline:none;
}

/*--Top Style--*/

@media only screen and ( min-width: 980px) and ( max-width: 1024px) {
.row    {width:970px; margin:0px auto; padding:0px; float:none; display:block}
}


.direc-table        {display:block; font-size:14px; width:100%; float:left; padding:0px;}
.direc-table table  {display:table; font-size:14px; width:100%; float:left;  padding:0px;}

.direc-table table thead tr {background:#009beb !important;}
.direc-table table thead tr td {color:#fff !important;}
.direc-table table tr td    {padding:8px; font-weight:400 ; color:#000;}


.direc-table table tr   {background:#f5f5f5}
.direc-table table tbody tr:nth-child(even)  {background:#fff}

.direc-table table tr td:nth-child(1) {width:25%}
.direc-table table tr td:nth-child(2) {width:15%}
.direc-table table tr td:nth-child(3) {width:25%}
.direc-table table tr td:nth-child(4) {width:35%}

.direc-table table tr td   {border-bottom:1px solid #eee}


@media only screen and (max-width: 880px) {
/* Force table to not be like tables anymore */
.direc-table table,
.direc-table thead,
.direc-table tbody,
.direc-table tfoot,
.direc-table th,
.direc-table td,
.direc-table tr {display: block;}

/* Hide table headers (but not display: none;, for accessibility) */
.direc-table thead tr  {position:absolute; top:-9999px; left:-9999px;}
.direc-table tr        {border:1px solid #ccc !important; margin-bottom:20px;}

/* Behave like a "row" */
.direc-table td    {border:none; border-bottom:0px solid #ccc; position:relative; white-space:normal; text-align:left;}

/* Now like a table header */
/* Top/left values mimic padding */
.direc-table td:before {position:absolute; top:6px; left:6px; width:45%; padding-right:10px; white-space:nowrap; text-align:left; font-weight:500; color:#000}


/*Label the data*/
.direc-table table tr td:nth-child(1):before   {content: 'Name';}
.direc-table table tr td:nth-child(2):before   {content: 'City';}
.direc-table table tr td:nth-child(3):before   {content: 'Phone';}
.direc-table table tr td:nth-child(4):before   {content: 'Email';}

.direc-table table tr td:nth-child(1),   
.direc-table table tr td:nth-child(2),   
.direc-table table tr td:nth-child(3),   
.direc-table table tr td:nth-child(4)   {padding-left:25%; text-align:left; width:auto}

.direc-table table tr td:nth-child(1):before,
.direc-table table tr td:nth-child(2):before,
.direc-table table tr td:nth-child(3):before,
.direc-table table tr td:nth-child(4):before {position: absolute; left: .5em; font-weight: bold; font-size:14px;}
}