﻿/* text */
/*@font-face {
  font-family: 'd-bold';
  src: url(Fonts/DiavloBold-Regular.eot);
  src: local('Diavlo Bold Regular'), local('Diavlo Bold'), url(Fonts/DiavloBold-Regular.otf) format('opentype');
}
@font-face {
  font-family: 'd-book';
  src: url(Fonts/DiavloBook-Regular.eot);
  src: local('Diavlo Book Regular'), local('Diavlo Book'), url(Fonts/DiavloBook-Regular.otf) format('opentype');
}
@font-face {
  font-family: 'junction';
  src: url(Fonts/junctionregular.eot);
  src: local('Junction Regular'), local('Junction'), url(Fonts/junctionregular.otf) format('opentype');
}*/
/* A font by Jos Buivenga (exljbris) -> www.exljbris.nl */
/*@font-face {
  font-family: 'headings-bold';
  src: url(Fonts/DiavloBold-Regular.eot);
  src: local('Arial Bold')
}
@font-face {
  font-family: 'headings';
  src: url(Fonts/DiavloBook-Regular.eot);
  src: local('Arial')
}
@font-face {
  font-family: 'body';
  src: url(Fonts/junctionregular.eot);
  src: local('Verdana');
}*/
html{overflow-y:scroll;}

a{color:#29abe2;text-decoration:none;-webkit-transition: color 0.2s linear; }
footer a, p a:link, p a:active, p a, h3 a, .featurecheckbox a, a.membername, .link a, a.link, li.link a, a .link{
	text-decoration:underline;
	text-shadow: #efefef 1px 1px 0px;
}
footer a:hover, .leftmenu a:hover, p a:hover, h3 a:hover, .memberstable a.membername:hover, .link a:hover, a.link:hover, li.link a:hover, a:hover .link{
	color:#188CBD;
	text-decoration:underline;
	text-shadow: #e0e0e0 1px 1px 1px;
}

a img.linkicon{position:relative;top:3px;margin-right:3px;}

/* font-normal */
body{font-family:"Corbel", "Lucida Sans Unicode","Lucida Grande","Lucida Sans",Verdana,Arial,sans-serif;font-size:14px;line-height:1.3em;color:#383838;}

/* font-headings */
h1,h2,h3,h4,h5,h6, nav.tabs a, header li a{
	font-family:"Calibri", "Franklin Gothic Medium", Arial, Sans-Serif;font-weight:bold;
}	
h1,h2,h3,h4,h5,h6{
	font-weight:bold;
	line-height:1em;
	text-shadow:#DDDDDD 1px 1px 0px;
}
h1{font-size:24px;color:#f05b55;margin-bottom:10px;}
h2{font-size:18px;color:#469921;margin-bottom:5px;}
h3{font-size:14px;color:#db7f37;margin-bottom:2px;}
h4{font-size:12px;color:#1e1e1e;margin-bottom:0px;}
h5{font-weight:bold;color:#C0C0C0;margin-bottom:0px;}
h6{font-weight:bold;color:#C0C0C0;margin-bottom:0px;}

h2.thin{font-weight:normal;margin-top:-8px;}


section{margin-bottom:3em;display:block;}
p{margin-bottom:0.8em;}
/*ul{margin-bottom:0.8em;}
ul{list-style-type:disc;margin-left:20px;}
ol{margin-left:0px;margin-bottom:0.4em;list-style-position:outside;list-style-type:decimal}
ol li{margin-left:20px;margin-bottom:0.7em;}*/
table{margin-bottom:1em;}

ul{list-style-type:disc;}
ol{list-style-type:decimal;}
ol, ul{margin-bottom:0.7em;margin-left:15px;}
li{margin-left:15px;padding-bottom:0.3em;}

ul.clean{margin:0px;list-style-type:none;}

/* Util */
img.pullicon{position:relative;top:3px;left:-19px;margin-right:-15px;}
.gray{color:#6d6d6d;}
.small{font-size:0.9em;line-height:1em;}
.hide{display:none;}
.right{text-align:right;}
.center{text-align:center;}
.right{text-align:right;}

/* Ads */
a.fourad{height:168px;font-size:11px;color:#666666;line-height:11px;font-family:Arial;}
a.fourad span{display:block;margin:33px 14px 33px 14px;}

/* header */
header{
	margin:0px auto 0px auto;
	width:960px;
	display:block;
	position:relative;
	height:102px;
	margin-bottom:35px;
}

header hgroup a{
	width:272px;
	height:112px;
	display:block;
	position:absolute;
	top:11px;left:-23px;
	background:url(sprite.gif);
	text-indent:9999px;
	overflow:hidden;
}
header hgroup h2{display:none;}

header ul{position:absolute;right:10px;top:58px;}
header li{display:block;float:left;margin:0px;padding:0px;}
header li a{display:block;font-size:16px;padding:6px 25px 6px 25px;border-right:1px solid #C0C0C0}
header li a.last{padding-right:0px;border-right:0px;}
header li a:hover{color:#188CBD}
header #sessiontools{color:#6e6e6e;position:absolute;right:10px;top:35px;font-size:12px;}
header #sessiontools a{color:#F05B55;}
header #sessiontools a:hover{text-decoration:underline;}

header div.search{
	position:absolute;
	right:8px;
	top:0px;
	background:url(sprite.gif) -16px -175px;
	width:173px;
	height:28px;
}

header div input{
	border:0px solid transparent;padding:0px;
	background-color:transparent;
	font-size:11px;
	left:30px;
	position:absolute;top:6px;
	width:120px;
	height:15px;
	line-height:15px;
	vertical-align:bottom;
}

header div input.novalue{
	text-align:center;
	color:Gray;
}


/* Left Menu */
nav.leftmenu ul{
	margin:0px;padding:0px;
	list-style-type:none;
}
nav.leftmenu ul li{
	margin:0px;
	font-size:14px;
	border-top:1px solid #cedbe0;
	border-bottom:1px solid #cedbe0;
	margin-top:-1px;
	display:block;
	padding:8px 5px 8px 5px;
	font-weight:bold;
}
nav.leftmenu a.active{
	color:#f05b55;
	font-weight:bold;
}

nav.leftmenu ul ul{
	margin-top:4px;
	display:none;
	margin-left:16px;
}
nav.leftmenu ul ul.active{display:block;}
nav.leftmenu ul ul ul{
	margin-left:10px;
	margin-top:0px;
}
nav.leftmenu ul li li{
	font-size:14px;
	border:0px;
	padding:0px;
	font-weight:normal;
	padding:0px 0px 2px 0px;
}
nav.leftmenu ul li li li{
	font-size:12px;
	padding:0px;
}
/*nav.leftmenu a:active{
	color:Black;
	text-decoration:none;
}*/



/* Boxes */
.box, .tabbox{border:5px solid #C0C0C0;padding:35px 35px 28px 35px;margin:0px -00px 35px -00px;position:relative;}
.tabbox nav.tabs{position:absolute;top:-31px;left:-5px;}
.tabbox nav.tabs a{width:115px;display:block;float:left;position:relative;top:5px;height:16px;font-size:14px;line-height:12px;color:white;background-color:#C0C0C0;border:5px solid #C0C0C0;border-bottom:0px;text-align:center;margin-right:10px;}
.tabbox nav.tabs a.active{height:26px;background-color:White;border-bottom:0px;top:0px;line-height:24px;color:#C0C0C0}
.tabbox nav.tabs a.active:hover{background-color:white;border-color:#C0C0C0;}
.tabbox nav.tabs a:hover{background-color:#e8e8e8;border-color:#e8e8e8;}

/* vline */
.vline_4, .vline_5, .vline_7, .vline_9, .vline_14, .vline_15{
	background:url(vline.gif) repeat-y;
	width:100%;
}
.vline_4{ background-position:175px 0px; }
.vline_5{ background-position:219px 0px; }
.vline_7{ background-position:309px 0px; }
.vline_8{ background-position:259px 0px; }
.vline_9{ background-position:379px 0px; }
.vline_14{ background-position:579px 0px; }
.vline_15{ background-position:619px 0px; }

/* footer */
footer{color:#919191;}
footer h4{color:#565656;font-size:18px;margin-bottom:5px;}
footer h5{color:#1e1e1e;}
footer{display:block;clear:both;}
footer a{display:block;color:#2a647d;}
footer p a{display:inline;}
footer a.footerlogo{
	width:149px;
	height:39px;
	display:block;
	position:relative;
	top:0px;
	left:-5px;
	background:url(sprite.gif) -24px -115px;
	text-indent:200px;
	line-height:9999px;
	overflow:hidden;
}
footer .hr{height:1px;background-color:#f2f2f2;overflow:hidden;margin:7px 30px 7px 10px;}
footer .grid_24.fathr{height:3px;background-color:#f2f2f2;overflow:hidden;margin-top:90px;margin-bottom:10px;}
footer .grid_24.hr{margin-top:10px;margin-bottom:10px;color:#dfdfdf;}
footer .lastfooterline{vertical-align:middle;line-height:39px;font-size:12px;} 
footer .lastfooterline a{display:inline;color:#404040;} 
footer .lastfooterline.last{text-align:right;} 

.whitebg{background-color:White;padding-bottom:20px;margin-bottom:30px;}
body{background:url(footer.gif) top center;}
#timedoperations{display:none;}


/* Forms */
.form .form-row, .form .form-errorrow{margin-bottom:1em;}
.form label{font-size:14px;font-weight:bold;color:#727272;display:block;}
.form label.checkboxlabel{font-weight:normal;}
.form input{font-size:19px;border:2px solid #898989;padding:4px;width:100%;margin:2px 0px 2px 0px;}
.form input.checkbox{width:auto;padding:0px;display:inline;float:left;margin:3px 5px 0px 0px;}
.form select{font-size:19px;border:2px solid #898989;padding:4px;margin:2px 0px 2px 0px;}
.form textarea{font-size:19px;border:2px solid #898989;padding:4px;width:100%;margin:2px 0px 2px 0px;font-family:Sans-Serif;}
.form .form-helpmessage{text-align:right;color:#727272}
.form .form-errormessage{color:#f05b55;}
.form .form-errorrow input{border-color:#f05b55;}
.form .form-submitrow{text-align:right;}
.form .form-submitrow button{border:2px solid #036c98;background-color:#29abe2;color:White;font-size:16px;font-weight:bold;padding:2px 8px 2px 8px;}
.form-requiredstar{font-size:10px;color:#efce37;vertical-align:top;display:none;}



/* Documentation */
.documentation p, .documentation h1, .documentation h2, .documentation ol, .documentation ul, .documentation table, .faqquestion, .membersignature, .documentation li{
	width:510px;
}
.documentation table ul{width:auto;}
.documentation .syntaxhighlighter{
	width:510px !important;
	font-size:11px !important;
	padding:5px !important;
	border:1px solid #c0c0c0 !important;
	margin-bottom:1em !important;
	box-shadow: rgba(0, 0, 0, 0.25) 4px 6px 20px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.25) 4px 6px 20px;
	-moz-box-shadow: rgba(0, 0, 0, 0.25) 4px 6px 20px;
	filter: progid:DXImageTransform.Microsoft.dropShadow( Color=e3e3e3,offX=10,offY=10,positive=true);
}

.small .syntaxhighlighter{
	width:270px !important;
}

.large .syntaxhighlighter{
	width:738px !important;
}

.documentation .syntaxhighligter .lines .line{width:100%;}
.pullout{
	float:right;
	margin:0px 0px 25px 35px;
	position:relative;
}
.pullin{
	float:left;
	margin:0px 35px 25px 0px;
	position:relative;
}
.pullinfo p, .pullinfo ul, .pullinfo ol, .pullinfo li{width:auto;}
.pullinfo{
	width:190px;
	float:right;
	color:#727272;
	font-size:12px;
	line-height:17px;
}

.pullout .pullinfo{clear:both;float:none;display:block;position:absolute;right:0px;}
.fancy{
	border:1px solid #c0c0c0;
	padding:1px;
	margin-bottom:1em;
	background-color:White;
	box-shadow: rgba(0, 0, 0, 0.25) 4px 6px 20px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.25) 4px 6px 20px;
	-moz-box-shadow: rgba(0, 0, 0, 0.25) 4px 6px 20px;
	filter: progid:DXImageTransform.Microsoft.dropShadow( Color=e3e3e3,offX=10,offY=10,positive=true);
}

.byline{color:#828282;margin-top:-8px;}
.byline b{color:#000000;}

.tableofcontents{
	width:490px;
	border-bottom:1px solid #C0C0C0;
	margin-bottom:2em;
}
.tableofcontents th{text-align:left;border-bottom:1px solid #C0C0C0;}
.tableofcontents td{padding:0px 8px 0px 8px;color:Gray;}
.tableofcontents .active{font-weight:bold;color:Black;}
.tableofcontents .active a{color:#f05b55;font-weight:bold;text-decoration:underline;}

.faqquestion{
	margin-bottom:1em;
}

table#comparisontable{color:#585858;}
table#comparisontable th.topheader{font-size:14px;font-weight:bold;letter-spacing:2px;text-align:center;}
table#comparisontable th{white-space:normal;text-align:right;}
table#comparisontable th,table#comparisontable td{vertical-align:top;padding:7px;border-bottom:1px solid #c0c0c0;}
table#comparisontable td{border-left:1px solid #c0c0c0;}


.memberprefix{white-space:nowrap;text-align:right;padding-right:0px;color:#0066b9 !important;width:20%;}
.membername{font-weight:bold;} /* a */
.methodarguments{font-size:13px;color:#999999;}
.methodarguments span{display:auto;padding:0px;color:#2b2b2b;display:inline-block;}
.methodarguments span span{display:auto;padding:0px;color:#999999;}
.methodargumentslist td{padding:2px 0px 2px 4px;}
.methodargumentslist{margin-left:15px;}
.methodargumentslist .descriptionrow td{padding:0px 0px 5px 5px;}
table.methodtable{margin:0px;padding:0px;width:auto;}
table.methodtable td{padding:0px;text-align:left;}

.memberstable th, .memberstable td{
	text-align:left;
	padding:2px 4px 2px 4px;
}
.memberstable th{
	background-color:#469921;color:#cfffba;
	font-size:12px;
}
.memberstable p{width:auto;}
.memberstable th h3{color:White;text-shadow:none;-webkit-text-shadow:none;font-weight:bold;font-size:17px;margin:0px 0px -3px 0px;}
.memberstable td.memberprefix{text-align:right;}
.fancy .memberstable{margin-bottom:0px;}

/* Search */
.searchresult {font-size:14px;display:block;font-weight:normal}
.searchresult a{text-decoration:underline;font-size:15px;}
.searchresult p{margin-top:-3px;}
.searchresult b{font-size:1.1em;}
.searchresult{margin-bottom:14px;}
.searchresult .url{display:block;color:Green;font-size:10px;margin-top:-4px;}
.searchform .searchlogo{
	float:left;
	margin-right:10px;
	background:url(sprite.gif) -24px -115px;
	margin-top:13px;
	width:149px;
	height:39px;;
}
.searchform h3{display:block;padding-left:9px;position:relative;left:3px;}
.searchform input{font-size:18px;}

.searchhr{
	background-color:#db7f37;
	height:2px;margin:0.5em 0px 1em 0px;
	overflow:hidden;
	clear:both;
}

/* downloads */
.downloadpack{margin:10px 0px 10px 0px;}
img.bigdownloadicon{float:left;margin-left:-36px;margin-right:3px;}

/* About */

/* Frontpage */
h2.frontpagesubheader{font-weight:normal;margin-top:-8px;color:#db7f37;}
h2.frontpagesubheader a{text-decoration:underline;}

.featurecheckbox{margin-top:10px;}
.featurecheckbox img{
	vertical-align:middle;
}
.featurecheckbox a{
	font-size:15px;font-weight:normal;
}

#featurebox{
	width:970px;
	margin-left:-5px;
	height:639px;
	background:url(I/frontpage/featurebox.png);
	position:relative;
}
#featurebox-top{ position:absolute; top:15px; left:35px; width:637px;height:40px; }
#featurebox-top h1{color:White;line-height:24px;font-size:24px;margin:0px;text-shadow:#3a3a3a 1px 1px 4px; }
#featurebox-top h2{color:White;line-height:13px;font-size:12px;margin:0px;text-shadow:#3a3a3a 1px 1px 1px;font-weight:normal;letter-spacing:-0.5px; }
#featurebox-top a{color:#a3e4ff;text-decoration:underline;text-shadow: #3a3a3a 1px 1px 0px;}
#featurebox-top a:hover{ color:#29abe2; text-decoration:underline; text-shadow: #1a1a1a 1px 1px 1px; }
#featurebox-downloadlink{position:absolute;display:block;width:250px;height:70px;top:0px;left:676px;line-height:200px;;overflow:hidden;background-color:transparent;}
#featurebox-latestnews{position:absolute;left:45px;top:489px;width:340px;}
#featurebox-costumers{position:absolute;top:489px;left:415px;}
#featurebox-latestnews h4, #featurebox-costumers h4{margin-left:-10px;color:#a5a5a5;text-transform:uppercase;font-size:10px;font-family:Arial Black, Arial;margin-bottom:7px;text-shadow:none;}
#featurebox-latestnews h3{margin-bottom:0px;}
#featurebox-latestnews h3 a{color:white;font-size:13px;letter-spacing:-1px;text-shadow:none;font-family:Arial Black, Arial;font-weight:bolder;text-decoration:none;}
#featurebox-latestnews p{font-size:12px;margin-bottom:0px;line-height:12px;color:white;}
#featurebox-latestnews a.readmore{color:#a3e4ff;font-size:12px;text-decoration:underline;line-height:12px;text-align:right;display:block;margin-bottom:0.4em;}
#featurebox-latestnews a.readmore:hover{color:#29abe2;}

#featurebox-main{position:absolute;top:57px;left:5px;width:960px;height:419px;overflow:hidden;}
.featuredbox-content{width:960px;height:419px;position:absolute;top:0px;left:0px;}
#featuredbox-tabs{position:absolute;top:333px;width:800px;height:80px;overflow:hidden;left:80px;}
.featuredbox-tab{margin:20px 0px 0px 0px;position:absolute;white-space:nowrap;font-family:Arial Black, Arial;text-align:center;font-weight:bold;line-height:18px;color:#000000;font-size:18px;text-shadow:none;display:block;cursor:pointer}
.featuredbox-tab:hover{color:#29abe2}
.featuredbox-tab span{font-family:Arial;color:#5f5f5f;font-size:11px;margin:0px;line-height:11px;display:block;}
#featuredbox-activetab{position:absolute;height:53px;width:600px;top:5px;left:800px;}
#featuredbox-activetab .left{float:left;margin-left:-10px;width:10px;height:53px;background:url(I/frontpage/featureslices.png) bottom left}
#featuredbox-activetab .mid{float:left;width:10px;height:53px;background:url(I/frontpage/featureslices.png) bottom center;}
#featuredbox-activetab .right{float:left;margin-right:-10px;width:10px;height:53px;background:url(I/frontpage/featureslices.png) bottom right}
.featuredbox-contenttext{position:absolute;}
.featuredbox-contenttext h1{font-size:26px;font-weight:bold;color:Black;margin:0px 0px 5px 0px;padding:0px;font-family:Arial Black, Arial;text-shadow:#7b7b7b 1px 1px 2px}
.featuredbox-contenttext p{color:#676767;font-size:14px;}
.featuredbox-contenttext a.boxlink{-webkit-transition: background-color 0.2s linear;color:White;display:block;width:150px;text-align:center;height:17px;background-color:#29abe2;margin-bottom:1em;text-transform:uppercase;font-size:11px;font-family:Arial;font-weight:bold;-moz-border-radius: 5px; -webkit-border-radius: 5px;border-radius:5px;}
.featuredbox-contenttext a.boxlink:hover{background-color:#1283b3;}

a.featuredbox-previous, a.featuredbox-next{width:44px;top:345px;height:44px;position:absolute;background:url(I/frontpage/featureslices.png) top left;line-height:999px;overflow:hidden;}
a.featuredbox-next{right:20px;}
a.featuredbox-previous{left:20px;background-position:-44px 0px;}
a.featuredbox-next:hover{background-position:0px -44px;}
a.featuredbox-previous:hover{background-position:-44px -44px;}

/* Tooltip */
#tooltip {
	position: absolute;
	z-index: 3000;
	border: none;
}
#tooltip h3, #tooltip div { padding:0px;margin: 0; }

#tooltip.pricing {
	width: 250px;
	height:125px;
	background: url(I/tooltip/tooltip.png) top left no-repeat;
}
#tooltip.pricing h3 {
	margin-top:5px;
	font-size:12px;
	color:White;
	text-align:center;
	text-shadow:none;
}
#tooltip.pricing div {
	margin:4px 12px 0px 10px;
	font-size:12px;
}

#tooltip.checkbox {
	width: 272px;
	xheight:300px;
}
#tooltip.checkbox h3 {
	width: 180px;
	background: url(I/tooltip/checkbox.png) top left no-repeat;
	font-size:14px;
	font-weight:normal;
	color:Black;
	min-height:34px;
	padding:12px 20px 00px 70px;
	
}
#tooltip.checkbox div {
	background: url(I/tooltip/checkbox.png) bottom left no-repeat;
	width:272px;
	height:20px;
	display:block;
	font-size:12px;
}


/* Pricing */
.pricingtooltipped{float:left;}
.pricingheader{
	background-color:#000000;
	text-align:center;
	font-family:Corbel;
	font-size:30px;
	color:#FFFFFF;
	font-weight:bold;
	padding:15px 0px 10px 0px;
}
.pricingheader div{font-size:18px;margin-top:4px;font-weight:bold;line-height:18px;}
.pricingheader div span{font-size:10px;}
.pricingheader.free div{font-size:12px;color:#469921;line-height:21px;}
.pricingheader.plus div{font-size:18px;color:#efce37;}
.pricingheader.pro div{font-size:18px;color:#db7f37;}
.pricingheader.enterprise div{font-size:18px;color:#f05b55}

.pricingdivider{background-color:#c0c0c0;font-size:11px;font-weight:bold;color:#FFFFFF;text-indent:5px;line-height:16px;}

.pricingrowheader{
	text-align:right;
	padding-top:10px;padding-bottom:10px;
	font-size:12px;font-weight:bold;color:#686868;line-height:13px;
}
.pricingrowheader div{font-weight:normal;xcolor:#c4c4c4;}

.pricingcol{
	text-align:center;
	padding-top:10px;padding-bottom:10px;
	color:#a3a3a3;
	font-weight:bold;
	font-size:14px;
	line-height:13px;
}
.pricingcol b{color:Black;}
.pricingcol div{font-size:13px;font-weight:normal;xcolor:#c4c4c4;}
.pricingcol.text{font-size:14px;color:Black;padding-top:21px;}
.pricinghr{background-color:#c0c0c0;height:1px;overflow:hidden;}

.pricingsignupbutton{padding:8px 15px 8px 15px;}




/* Paging */
.paginator{background-color:#FFFBED;border-top:1px solid #FFEAD3;border-bottom:1px solid #FFEAD3;color:#868686;text-align:center;padding:2px 5px 2px 5px;margin:1em 0px 1em 0px}
.paginator .first{float:left;}
.paginator .last{float:right;}
.paginator a{border-width:0px;}
.paginator a:hover{border-width:1px;}
.paginator strong{background-color:#448CCB;color:White;display:inline-block;padding:0px 5px 0px 6px;}

/* Messages */
.info, .success, .warning, .error{
	border: 1px solid;
	margin: 10px -10px 10px -10px;
	padding:15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
	font-weight:bold;
}
.info { color: #00529B; background-color: #BDE5F8; background-image: url(info.png); }
.success { color: #4F8A10; background-color: #DFF2BF; background-image:url(success.png); }
.warning { color: #9F6000; background-color: #FEEFB3; background-image: url(warning.png); }
.error { color: #D8000C; background-color: #FFBABA; background-image: url(error.png); }

/* SLA */
table.sla { width: 60%; border: 2px solid white;}
table.sla th {padding-bottom:5px;border: 1px solid #c0c0c0;}
table.sla td {text-align:center;padding: 10px;border: 1px solid #c0c0c0;}
