/* Add your custom styling here. */

/* hide stuff */
#topnav,#bottomnav,#banner,#bannertext,#secnav {
display:none;
}

body {
background-color:#2B2B2B;
}

.page_margins {
margin:0 auto;
text-align:left;
width:auto;
}
#main,#main_content {
padding:0;
}

/* general page width */
.wrap {
position:relative;
width:969px;
margin:0 auto;
}

/* cols */
#col2, #col3 {
display:none;
}
#col1 {
float:none;
margin:0;
width:auto;
}
#col1_content {
border:0;
padding:0;
}

/* footer */
#footer {
background:#fff url(/images/bottom-grad.png) 0 132px repeat-x;
padding:50px 0 20px;
}
.footer-top {
height:82px;
background:#242424;
}
.footer-top a {
font:17px/82px arial;
}
.footer-lists {
margin:3em 0 0;
}
.footer-lists h2 {
font:bold 13px arial;
color:#fff;
}
.footer-lists ul {
margin:0;
padding:0;
list-style:inside;
}
.footer-lists ul li {
margin:0 0 0 .5em;
padding:0;
color:#82b718;
font-size:8px;
line-height:18px;
}
.footer-lists ul li a {
font-size:13px;
line-height:18px;
}
.footer-teaser {
position:absolute;
left:50%;
width:400px;
margin-left:-200px;
text-align:center;
}
.footer-teaser a.free-demo {
background:url("/images/icon-freedemo.png") no-repeat right center;
padding:16px 140px 16px 0;
}
.footer-teaser a.hands-on {
/*background:url("/images/handson.gif") no-repeat center;*/
margin-top:22px;
display:inline-block;
padding:0;
width:191px;
text-decoration:none;
font-size:90%;
}
.footer-teaser a.hands-on em {
color:#ff0;
font-style:normal;
}

/* forside */
/* content flow */
#client-feature {
background:#82b718;
padding:1.5em 0 1px;
text-align:center;
}
#client-feature h2 {
font:normal 30px arial;
color:#fff;
margin-bottom:1.5em;
}
.ContentFlow .loadIndicator {
background:#82b718;
}
.ContentFlow .globalCaption {
display:inline-block;
width:auto;
height:22px;
line-height:22px;
padding:0 0 0 6px;
margin:3em 0 0;
background:url(/images/flow-caption-bg.png);
}
.ContentFlow .globalCaption .caption {
background:url(/images/flow-caption-bg-end.png) right no-repeat;
position:relative;
right:-6px;
padding:0 12px 0 0;
font-size:12px;
text-transform:uppercase;
}
.ContentFlow .preButton,.ContentFlow .nextButton {
position:absolute;
top:55%;
left:3%;
margin-top:-50px;
cursor:pointer;
}
.ContentFlow .nextButton {
right:3%;
left:auto;
}


.homepage .subc,.homepage .subcl,.homepage .subcr {
padding:0;
}
.homepage h2, .homepage h3, .homepage h4, .homepage h5, .homepage h6 {
text-transform:none;
font-size:15px;
}
/* c5 / nav */
.homepage .c5nav {
background:#E5E5E5 url(/images/page-bg-grad.jpg) repeat-x;
padding:30px 0 20px;
}
#c5-teaser,#nav-teaser {
padding-left:120px;
}
#c5-teaser h2 {
font-size:17px;
font-weight:bold;
color:#174f7a;
}
#nav-teaser h2 {
font-size:17px;
font-weight:bold;
color:#e9501d;
}
.c5nav a {
font:bold 12px arial;
color:#000;
}
/* features */
.feature-teaser .subc,.feature-teaser .subcl,.feature-teaser .subcr {
padding:0 0 0 45px;
}
.feature-teaser h2 {
font-size:15px;
font-weight:bold;
color:#000;
margin:0 0 .5em;
}
.feature-teaser p {
font-size:13px;
color:#999;
}
.f-integration {background:url(/images/icon-integration.png) no-repeat;}
.f-support{background:url(/images/icon-support.png) no-repeat;}
.f-customizable{background:url(/images/icon-customizable.png) no-repeat;}
.f-partner{background:url(/images/icon-partner.png) no-repeat;}

/* box */
.box {
width:476px;
padding-top:12px;
background:url(/images/box-top.png) no-repeat;
}
.box > div,.box-case > div {
padding:4px 18px 16px;
background:url(/images/box-bot.png) bottom;
}
.subcr .box,.subcr .box-recommend,.subcr .box-square,.subcr .box-case {
float:right;
}
/* case box */
.box-case {
width:476px;
padding-top:23px;
margin-bottom:1.3em;
}
.c50l .box-case {
background:url(/images/box-top-larrow.png) no-repeat;
}
.c50r .box-case {
background:url(/images/box-top-rarrow.png) no-repeat;
}
/* box with-text */
.with-text > div {
padding:18px 40px 30px;
overflow:hidden !important;
}
/* box-recommend */
.box-recommend {
width:469px;
background:url(/images/box-recommendation.png);
border-bottom:1px solid #ccc;
margin:0 0 1em;
overflow:auto;
}
.box-recommend img {
margin:20px 0 0 25px;
float:left;
}
.box-recommend p {
float:right;
margin:20px;
width: 270px;
font:italic 13px/14px arial;
color:#000;
}
.box-recommend .lquote,.box-recommend .rquote {
width:25px;
display:inline-block;
background:url(/images/quotes.png) no-repeat;
}
.box-recommend .rquote {
background-position:bottom;
}
/* box-square */
.box-square {
width:469px;
border:1px solid #ccc;
overflow:auto;
margin:0 0 1em;
}
.box-square h2 {
background:#f8f8f8;
border-bottom:1px solid #ccc;
font:bold 13px arial;
padding:.5em 1em;
}
.box-square h2 a {
float:right;
font:normal 11px arial;
color:#1b5988;
text.decoration:underline;
}
.box-square p, .box-square ul {
padding:0 1em;
margin:0 0 1em;
list-style:inside;
font:13px arial;
color:#000;
}
.box-square li a, .box-square p a {
color:#1b5988;
}
.box-square .subcl {
border-right:1px solid #ccc;
}
.box-square .subcr p {
padding-left:1.5em;
line-height:24px;
}
.box-square p.bottom {
font:11px/15px arial;
overflow:auto;
margin:.5em 0;
}
a.rss {
background:url(/images/icon-rss.png) no-repeat left center;
padding-left:18px;
}
a.email {
background:url(/images/icon-email.png) no-repeat left center;
padding-left:22px;
}
span.fax {
background:url(/images/icon-fax.png) no-repeat left center;
padding-left:22px;
}

/* wide box */
.wide-box {
width:969px;
padding:13px 0 15px 0;
margin-top:30px;
background:url(/images/wide-box-top.png) top no-repeat;
}
.wide-box-mid {
padding:27px 40px 25px;
background:url(/images/wide-box-mid.png);
}
.wide-box-bot {
height:15px;
line-height:0;
background:url(/images/wide-box-bot.png) bottom no-repeat;
}

/* large box */
.large-box {
width:709px;
padding:13px 0 15px 0;
background:url(/images/large-box-top.png) top no-repeat;
}
.large-box-mid {
padding:27px 40px 25px;
background:url(/images/large-box-mid.png);
}
.large-box-bot {
height:13px;
line-height:0;
background:url(/images/large-box-bot.png) bottom no-repeat;
}

/* headings */
h1, h2, h3, h4, h5, h6 {
color:#000;
font-family:Arial,Helvetica,sans-serif;
font-weight:normal;
margin:0 0 .8em;
}
h1.page-heading {
color:#fff;
height:84px;
background:#83B817;
margin:0;
}
h1.page-heading span {
font:bold 28px/92px arial;
display:block;
}
h2{
color:#000;
font-size:2em;
font-weight:normal;	
}
h3{	
color:#777;
font-size:1.3em;
font-weight:normal;
margin-top:1em;
}
h4{
color:grey;
font-size:1em;
margin-top:2em;
}
h5{	
color:#777;
font-size:1.3em;
font-weight:normal;
margin-top:2.8em;
}

/* paragraphs */
p {
font-size:1.1em;
line-height:1.2em;
margin:1em 0;
}
.tabbed-content p {
font-size:1.2em;
margin:1.5em 0;
}


/* header / logo */
#header {
background:#fff;
z-index:8000;
}

#header h2 {
padding:15px 0;
}

/* header / navigation */

#nav .hlist li.home {
display:none;
}
#header #nav {
left:200px;
right:275px;
bottom:12px;
text-align:center;
}
.hlist,.hlist ul,.hlist ul li {
float:none;
}
.hlist ul li {
background:url(/images/hlist-dot.png) center right no-repeat;
margin:0;
padding:0;
}
.hlist ul li a {
margin:0 1em 0 .7em;
padding:0;
font:normal 17px arial;
text-transform:none;
display:inline;
}
.hlist ul li.last {
background:transparent;
margin:0;
padding:0;
}
.hlist ul li.active a {
border-bottom:2px solid #82B718;
font-weight:normal;
display:inline;
}

/* header / sub navigation */
#sub-navigation {
list-style:none;
padding:2em 0;
}
#sub-navigation li {
display:inline;
margin:0;
padding:0;
}
#sub-navigation a {
font:16px arial;
color:#fff;
margin:0 0 0 1em;
padding:0 1em 0 0;
border-right:1px solid #fff;
}
#sub-navigation a.get-started {
margin:0 0 0 1em;
padding:16px 140px 16px 0;
border-right:0;
background:url(/images/icon-freedemo.png) center right no-repeat;
}

/* header / search */
#search-box {
position:absolute;
bottom:15px;
right:100px;
line-height:0;
padding-right:0;
}
#global-search-form input#global-searchstr {
width:126px;
height:22px;
line-height:22px;
padding:0 5px;
background:url(/images/search-input-bg.jpg);
margin:0;
border:0;
color:#ccc;
}
#global-search-form button#searchbutton {
position:relative;
overflow:hidden;
top:7px;
vertical-align:text-bottom;
height:29px;
padding:0 0 3px 5px;
padding:0 7px 3px\9; /* ie8 hack */
background:url(/images/search-submit-bg.jpg);
margin:0;
border:0;
text-transform:uppercase;
font-size:11px;
}
#global-search-form button#searchbutton span {
position:absolute;
top:-7px;
top:-4px\9; /* ie8 hack */
right:0;
background:url(/images/search-submit-bg.jpg) top right;
text-indent:-999em;
width:8px;
height:29px;
margin:0;
padding:0;
}
/* chrome / safari 
body:nth-of-type(1) #global-search-form button#searchbutton span {top:0px;}
body:nth-of-type(1) #global-search-form button#searchbutton {top:4px;padding:0 5px 3px;}
body:nth-of-type(1) #global-search-form input#global-searchstr {position:relative;top:9px;}
*/

/* header / login */
#header .wrap {
z-index:5000;
}
#login {
position:absolute;
z-index:3000;
bottom:11px;
right:0;
background:url(/images/login-div.jpg) left center no-repeat;
padding-left:10px;
}
#login-button,#login-button:hover {
display:block;
width:45px;
height:29px;
line-height:27px;
background:url(/images/login-button.jpg) no-repeat;
padding-left:28px;
text-transform:uppercase;
font-size:11px;
font-weight:bold;
text-decoration:none;
outline:0;
}
#login-box {
display:none;
position:absolute;
top:0;
right:0;
z-index:1000;
width:256px;
height:185px;
background:url(/images/login-box.png) no-repeat;
}
#login-box span {
display:block;
width:45px;
height:27px;
line-height:27px;
padding-left:30px;
position:absolute;
right:0;
text-transform:uppercase;
font-size:11px;
font-weight:bold;
cursor:pointer;
}
#login-body {
position:absolute;
top:40px;
left:20px;
width:215px;
}
#homepage-login-form {
background:transparent;
padding:0;
}
#homepage-login-form h3 {
display:none;
}
#homepage-login-form .type-text {
margin:0 0 0.3em;
}
#homepage-login-form button {
background:url("/images/button-submit.png");
border:0 none;
font-size:11px;
height:29px;
margin:0 11px 0 0;
margin:0 3px 0 0\9; /* ie8 hack */
overflow:hidden;
padding:0 0 3px 5px;
padding:0 0 3px 8px\9; /* ie8 hack */
position:absolute;
right:-2px;
right:0px\9; /* ie8 hack */
text-transform:uppercase;
}
#homepage-login-form button span {
background:#f2f2f2 url("/images/button-submit.png") right top;
width:8px;
height:29px;
margin:0;
padding:0;
text-indent:-999em;
position:absolute;
right:0;
right:-4px\9; /* ie8 hack */
top:-7px;
top:-5px\9; /* ie8 hack */
padding-left:4px\9; /* ie8 hack */
}

/* text page */
.text-page {
overflow:hidden;
background:#fff url(/images/page-bg-top.jpg) repeat-x;
padding:3em 0;
}

/* case page */
.case-page {
overflow:hidden;
background:#fff url(/images/page-bg-top.jpg) repeat-x;
padding:1.5em 0 0;
font:13px arial;
}
.case-details ul {
margin:0;
padding:0 0 1em;
border-bottom:1px solid #e5e5e5;
}
.case-details ul li {
margin:0;
list-style:none;
font-weight:bold;
}
.case-details ul li span {
font-weight:normal;
}
/*.case-details h4 {
font:bold 13px arial;
color:#333;
}
.see-also h2,.know-more h2 {
font:bold 15px arial;
color:#000;
}*/
.see-also ul,.see-also ul li,.know-more ul,.know-more ul li {
list-style:none;
margin:0;
padding:0;
font-size:1.1em;
line-height:1.4em;
}

/* support */
.support-front {

}
.support-front .support-box {
width:218px;
background:url(/images/support-box-top.png) no-repeat;
padding:10px 0 0;
}
.support-front .support-box div {
padding:15px 25px 25px;
background:url(/images/support-box-bot.png) bottom no-repeat;
}
.support-front .support-box h2 {
font:bold 17px arial;
padding:0 0 70px;
background-position:center bottom;
background-repeat:no-repeat;
}
.support-front .support-box h2.faq {background-image:url(/images/support-icon-faq.jpg);}
.support-front .support-box h2.request {background-image:url(/images/support-icon-request.jpg);}
.support-front .support-box h2.wiki {background-image:url(/images/support-icon-wiki.jpg);}
.support-front .support-box h2.api {background-image:url(/images/support-icon-api.jpg);}
.support-front .support-box p {
font:13px arial;
color:#333;
}


/* cbx for C5 */
.chainbox-for-c5 .page-heading {
background:#1d5682;
}

/* cbx for NAV */
.chainbox-for-nav .page-heading {
background:#ea511e;
}


/* about / the team */
body.about .box h2,body.about .wide-box h2 {
font:bold 15px arial;
}
body.about .wide-box .the-team h2 {
font:bold 16px arial;
margin:20px 0 10px;
}
body.about .box.with-text li,body.about p {
font:13px arial;
color:#333;
}
ul.the-team {
margin:0 0 -30px;
padding:0;
overflow:hidden;
}
ul.the-team li {
width:48%;
margin:0 0 30px;
padding:0;
float:left;
list-style:none;
background:url(/images/team-list-bg.jpg);
}
ul.the-team li img {
float:left;
margin-right:20px;
}
body.about .about-us-bottom .box.with-text div {
height:170px;
}
.map-info {
overflow:hidden;
}
#gmap_container {
width:400px;
margin-right:20px;
float:left;
text-align:center;
}
#gmap {
border:1px solid #ccc;
width:400px;
height:250px;
}
#map_canvas {
border:1px solid #fff;
margin:0;
width:398px;
height:248px;
}
#gmap_container a {
font:10px/20px arial;
}
p.company-info {
line-height:1.5em !important;
}

/* partner map */
.gInfo {
min-height:250px;
width:280px;
padding:10px;
background:#eee;
background:#fff url("/images/page-bg-top.jpg") repeat-x;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
overflow:hidden;
}
.gInfo h3 {
margin-top:0;
height:30px;
line-height:30px;
}
.gLogo {
float:none;
display:block;
margin-bottom:1em;
}

.gImg {
float:left;
border:1px solid #ccc;
margin:0 2em 1em 0;
}
.gInfo dl,.gInfo dt,.gInfo dd {
margin:0;
padding:0;
clear:left;
}
.gInfo dd {
}
gDesc {
clear:left;
}
.gInfo em {
font-weight:bold;
font-style:normal;
}
.gmnoprint div {
overflow:hidden !important;
}

/* tabbed content */
.tabbed-content {
}
.tabbed-content-body {
float:left;
width:745px;
border:1px solid #ccc;
background:#fff;
min-height:350px;
padding:30px;
}
.tabbed-content-body img {
margin:30px;
}

.tabbed-content #submenu {
float:left;
width:162px;
margin:5px 0 0 0;
position:relative;
left:1px;
}
.tabbed-content #submenu li {
margin:0 0 4px;
}
.tabbed-content #submenu a {
background:#ececec;
font:normal 14px/16px arial;
text-transform:none;
border:1px solid #ccc;
padding:10px 0 10px 10px;
color:#000;
width:auto;
}
.tabbed-content #submenu .active a {
border-right:0;
background:#fff;
color:#000;
font:normal 16px/16px arial;
}

/* floats */
.fclear {overflow:hidden;}
.fleft {float:left !important;}
.fright{float:right !important;}








.case-list-simple {
overflow:hidden;
list-style:none;
width:100%;
}	
.case-list-simple li {
list-style:none;
width:193px;
height:135px;
float:left;
padding:0;
margin:0;
}
.case-list-simple li img {
clear:both;
margin:5px 0;
}
.case-list-simple li div {
text-align:center;
margin:5px;
padding:10px 5px;
background:#fff;
border:1px solid #eee;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
.case-list-simple li div:hover {
border:1px solid #ccc;
}
.case-list-simple li div a {
text-decoration:none;
}
.case-list-simple li div a:hover {
color:#000;
}

/* news */

.homepage .newslist li {
list-style:none;
border-bottom:1px solid #eee;
padding:1px 0 2px;
margin:0;
}
.homepage .newslist li.last {
border-bottom:0;
}
.newsdate {
font-size:80%;
color:#555;
border:1px solid #eee;
background:#f5f5f5;
padding:1px 2px;
margin:0 1em 0 0;
}

/* remove search feature for now */
#search-box {
display:none;
}
#login {
background:transparent;
display:none;
}















/* BEGIN: Safari & Chrome hacks */
@media screen and (-webkit-min-device-pixel-ratio:0) {

#search-box {
bottom:6px;
right:93px;
}
#global-search-form button#searchbutton {
top:-5px;
vertical-align:top;
padding-right:7px;
line-height:25px;
}
#global-search-form button#searchbutton span {
top:0px;
}
#homepage-login-form button {
padding-right:7px;
line-height:25px;
margin:0 3px 0 0;
}
#homepage-login-form button span {
top:0px;
background:#f2f2f2 url("/images/button-submit.png") right top;
}

} /* END: Safari & Chrome hacks */
































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */