/*
 * Online demo page styles
*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600);
/*Global Reset*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;font-family: 'Open Sans', sans-serif;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;font-family: 'Open Sans', sans-serif;}
body {line-height: 1;font-family: 'Open Sans', sans-serif;}
ol, ul {list-style: none;font-family: 'Open Sans', sans-serif;}
blockquote, q {quotes: none;font-family: 'Open Sans', sans-serif;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;font-family: 'Open Sans', sans-serif;}
table {border-collapse: collapse;border-spacing: 0;font-family: 'Open Sans', sans-serif;}
strong{font-weight: 600;}
/*Global Reset*/

body{background-color: #dbdbdb;}

.container{width:100%;min-width:1134px;max-width:1134px;margin:0px auto;}
.header .header_inner{height:95px;}
.header .header_inner .logo{position:absolute;width:226px;height:95px;background:url(../images/demo_sprite.png) 0 8px no-repeat;}
.header .header_inner .logo a{display: block;height:95px;}
.header .header-rhs{float:right;}
.header .header-rhs .sm-menu{height:22px;border-bottom:1px solid #afafaf;padding-top:21px;float:right;width:432px;width:462px\9;text-align:right;}
.header .header-rhs .sm-menu ul{float:right;}
.header .header-rhs .sm-menu li{float:left;font-size:12px;}
.header .header-rhs .sm-menu li a{color:#000;text-decoration: none;display:block;padding:0px 16px;border-right:1px solid #797979;}
.header .header-rhs .sm-menu li a.toll-free:hover{color:#000;text-decoration: none;}
.header .header-rhs .sm-menu li a:hover{color:#5c6a72;text-decoration: underline;}
.header .header-rhs .sm-menu li.last-child a{padding-right:8px;border-right-width:0;border-right:0px solid #fff;}
.header .header-rhs .sm-menu li.first-child a{padding-left:8px;}
.header .header-rhs .big-menu{height:32px;padding-top:10px;clear:both;}
.header .header-rhs .big-menu ul{}
.header .header-rhs .big-menu li{float:left;font-size:16px;font-weight: 600}
.header .header-rhs .big-menu li a{color:#000;text-decoration: none;display:block;padding:0px 14px;}
.header .header-rhs .big-menu li a:hover{text-decoration: underline;}
.header .header-rhs .big-menu li a .icn{margin-right:7px;}
.span_1{width: 760px;float:left;border-right:1px solid #dadbda;height:260px;}
.span_2{width: 330px;float:left;}
.icn{display:inline-block;width:22px;height:22px;background-image:url(../images/demo_sprite.png);vertical-align: middle; }
.icn-home{background-position: -30px -95px;}
.icn-download{background-position: -60px -95px;}
.icn-help{background-position: -3px -95px;width:15px;}
.banner_txt{padding-top:18px;text-align:center;border-bottom:1px solid #60b924;margin:0 50px 12px 50px;}
.banner_actions{padding-top:10px;}
.banner_txt p,.banner_actions p{line-height: 20px;font-size: 19px;font-weight: 200;padding-left:20px;}
.banner_actions p{font-size:15px;text-align: center;}
.banner_txt h1{line-height: 68px;font-size: 48px;font-weight: 200;margin:5px 0 10px 0;}
.banner .banner_inner{height:260px;background-color: #f0f0f0;padding:19px;border-bottom:2px solid #dbdbdb;}
.banner_list{clear:both;}
.banner_list ul {list-style:none;color:#60b924;}
.banner_list ul li{font-size:16px;font-weight: 200;line-height: 36px;}
.banner_list ul li span{padding-left:7px;color:#000;}
.banner_list ul li span a{color:#000;text-decoration:none;}
.banner_list ul li span a:hover{text-decoration:underline;}
.banner_list{margin:0 50px;}
.half_60{width:53%;float:left;}
.half_40{width:47%;float:left;}
.btn{font-size:18px;display: block;background:#ccc;padding:18px 15px 18px 70px;;margin:20px 30px 30px 50px;color:#fff;text-decoration: none;text-align:center;position: relative;}
.btn .icn{width:31px;height: 31px;margin-right:10px;vertical-align:middle;position:absolute;left:38px;top:10px;}
.btn span{font-size:12px;}
.btn-primary{background-color: #81ba4e;}
.btn-primary:hover{background-color: #72B13A;}
.btn-default{background-color: #5c6a72;}
.btn-default:hover{background-color: #48565F;}
.icn-user-admin{background-position: -464px -8px;}
.icn-user-technician{background-position: -418px -9px;}
.content_inner{padding:72px 50px 0 50px;height:250px;background-color: #fff;}
.cells{width:20%;float:left;}
.cells .icon{display: block;height:87px;text-align:center;}
.cells .txt{display: block;height:107px;font-weight: normal;font-size: 16px;line-height: 30px;text-align: center;padding:0px 20px 25px 20px;}
.cells .txt p{line-height: 25px;}
.cells .txt p a{color:#000;text-decoration: none;}
.cells .txt p a:hover{text-decoration: underline;}
.cells .icn{width:59px;height: 59px;}
.icn-inactive-user{background-position: -314px -139px;}
.icn-password-reset{background-position:-74px -135px;}
.icn-o365{background-position:-155px -136px;}
.icn-automate{background-position:-4px -139px;width:67px !important;}
.icn-mailbox{background-position:-236px -133px;}
.icn-bullet{background-position:-464px -65px;}
.footer{background-color: #f1f0f0;height: 55px;padding-top:15px;position: fixed;bottom:0;width: 100%;}
.footer .rhs{float:right;font-size: 11px;line-height: 20px;text-align:right;font-weight: 200;}
.footer .lhs{font-size:12px;color:#5a9b20;padding:15px;position: absolute;}

.tryDemo { border-top:1px solid #ccc; text-align: center; width: 233px; clear: both; margin:10px auto 0; position:relative; top:10px; }
.tryDemo li { list-style:none; margin-left:5px; font-size:12px!important; color:#000; float:left}
.tryDemo li a { color:#000; text-decoration:none}
.tryDemo li a span { background:url(../images/demo_sprite.png); width:14px; height:17px; display:block; margin:0 2px; float:left; padding:0; margin:10px 4px}
.tryDemo li a.android span { background-position:-97px -96px}
.tryDemo li a.iPhone span { background-position:-119px -96px}
.tryDemo li a:hover { color:#5a9b20;}

.demoLink { color:#1376b5; font-size:14px; text-decoration:none; margin:0px 30px 0 93px; display:block; line-height:18px}
.demoLink .demoIcon { background:url(../images/demo_sprite.png) -144px -95px no-repeat; width:20px; height:20px; float:left; display:block; margin-right:10px }