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,font,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,caption{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}body{font:13px/1.5 Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif}
a {color:#FF7E04}
a:focus{outline:1px dotted invert}
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px}
#content p {font-size:14px;}
hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}
h1{font-size:14px; margin:0px 0; font-weight:normal; color:#e0e0e0; display:inline}
h2{font-size:14px; margin:0px 0; font-weight:normal; color:#e0e0e0; display:inline}
h3{font-size:14px; margin:15px 0; font-weight:bolder;}
h3 em{font-size:14px; font-weight:lighter; font-style:normal;}
h4{font-size:19px}
h5{font-size:17px}
h6{font-size:14px; margin:0; font-weight:bolder;}
ol{list-style:decimal}
ul{list-style:square}
li{margin-left:30px}.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.text_right {text-align:right;}
.noMargin {margin:0;}
.error {color:red;}#splash {height:361px; margin:3px auto 15px; border:1px solid #c0c0c0;}
#splash ul {position:relative; margin:0; list-style:none;}
#splash ul li {position:absolute; left:0; top:0; margin:0; list-style:none; display:none}
#splash ul li.displayed {display:block;}

#products {position:relative; height:217px; margin-bottom:15px;}
#products .box {position:absolute; width:220px; height:215px; margin:0; border:1px solid #c0c0c0; font-size:12px; background: none;}
#products .box h3 {margin:0; padding:0;}
#products .box p {margin:0 10px; padding:0;}
#products .box a {text-decoration:none;}

#products #boxStore {left:0; top:0;}
#products #boxAccess {left:240px; top:0;}
#products #boxShare {left:480px; top:0;}
#products #boxInfo {height:120px; left:720px; top:0; background:#fff7e8;}
#products #boxInfo2 {height:120px; left:720px; bottom:0; top:140; background-color:#f1f1f1;}

#features {position:relative; height:467px; margin-bottom:15px;}
#features .box {position:absolute; width:220px; height:465px; margin:0; border:1px solid #c0c0c0; font-size:12px; background: none;}
#features .box h3 {margin:0; padding:0;}
#features .box p {margin:0 10px; padding:0;}
#features .box a {text-decoration:none;}

#features #boxStore {left:0; top:0;}
#features #boxAccess {left:240px; top:0;}
#features #boxShare {left:480px; top:0;}
#features #boxInfo {height:120px; left:720px; top:0; background:#fff7e8;}
#features #boxInfo2 {height:120px; left:720px; bottom:0; top:140; background-color:#f1f1f1;}




/* 
	Style imported for the old orange boxes used in parts of the reseller section 
*/
	
	p#denote {font-size:12px;}.navigation {background:#e0e0e0; border:1px solid #c0c0c0;}
.navigation ul {display:block; height:24px; margin:0; padding:0; border-top:1px solid #f5f5f5; list-style:none;}
.navigation ul li {margin:0; padding:0; list-style:none; float:left}
.navigation ul li a {display:block; height:15px; margin:0; padding:4px 10px 3px; border-bottom:2px solid #e0e0e0; color:#585858; font-size:11px; font-weight:bolder; text-decoration:none;}
.navigation ul li a:hover {border-color:#FFAD4A;}
.navigation ul li.selected a {height:15px; border-color:#FF7E04;}
.navigation ul li.noHover a:hover {border-color:#e0e0e0; cursor:default;}
.navigation ul li.spacer span {display:block; width:1px; margin:4px 0px; height:16px; background:#fff; border-left:1px solid #ccc;}


.nav_highlight {background-color:#FFAD4A; border-color:#e17711;}
.nav_highlight ul {border-color:#f9c186;}
.nav_highlight ul li a {color:#fff; padding:3px 10px; font-size:12px; border-color:#FFAD4A;}
.nav_highlight ul li a:hover {background-color:#FFAD4A; text-decoration:underline}

.nav_highlight ul li.focus {width:auto; float:none;}
.nav_highlight ul li.focus a {text-align:center;}

.nav_highlight ul li.submit .x-btn { margin: 1px 4px 0; padding: 2px 6px 2px 6px; text-decoration: none; font-size: 11px; border-bottom-width: 1px; }.x-btn  {line-height:normal; display:block; margin:0; padding:4px 6px; color:#FFF; background: #FF7E04 url("/Assets/Default/Images/Template/cssbuttonbackground.png") repeat-x 50% 50%; border:1px solid #FF7E04; font-family:Tahoma, arial, sans-serif; font-size:11px; font-weight: bold; text-decoration:none; text-align:center; cursor:pointer; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.x-btn:hover {background-color: #FFAD4A; text-decoration: none;}
.x-btn:active {background-color: #FFAD4A; background-position: 0 49%; color: #FF7E04;}

.x-btn-humyo-medium {padding:8px 32px; font-size:12px;}
.x-btn-humyo-large {padding:9px 32px 10px; font-size:18px; font-weight:bold;}
.x-btn-humyo-xlarge {padding:10px 32px; font-size:17px; font-weight:bolder;}

.x-btn.d-btn {background-color:#5A5A5A; margin:5px 2px 0 5px;}
.x-btn.d-btn:hover, .d-btn.hover {background-color:#999;}
.x-btn.d-btn:active {background-color:#999; color:#CCC;}
.x-btn.d-btn, .x-btn.d-btn button  { border-color: #333 !important; }

button.x-btn {outline:none; line-height:1;}
button.x-btn::-moz-focus-inner {border:none;}#header #login {position:absolute; bottom:10px; right:0;}
#header #login .rounded-box {position:relative; width:222px; height:72px;}
#header #login .rounded-box #email {position:absolute ; top:10px ; left:9px ; width:100px ; height:16px ; border:1px solid #c1c1c1 ; color:#999 ;}
#header #login .rounded-box #password {position:absolute; bottom:10px; left:9px; width:100px; height:16px; border:1px solid #c1c1c1; color:#999;}
#header #login .rounded-box #signin {position: absolute; bottom:10px ; right:9px ; width:90px ; height:21px ;}
#header #login .rounded-box #signin .x-btn { height: 100%; width: 90px; padding: 1px 0 3px; }
#header #login .rounded-box #remember {position: absolute; top:15px ; right:9px ; font-size:10px ; color:#5c5c5c; width: 90px;}
#header #login .rounded-box #remember input { margin: 0 4px 0 0; padding: 0px; }

#header.filemanager #login {bottom:auto; top:3px; clear:none; float:none; margin:0;}
#header.filemanager #login .rounded-box {height:68px; margin:2px 4px 0;}
#header.filemanager #login .rounded-box #password, #header.filemanager #login .rounded-box #email {height:auto; padding:2px; font-size:12px;}
#header.filemanager #login .rounded-box #email {top:6px;}
#header.filemanager #login .rounded-box #forgot {text-decoration:underline;}/* 
	Rounded Boxes 
	Apply any background color to .rounded-box and the rest will do the work for you.
*/
.rounded-box {position:relative; margin:10px 0; background:#f5f5f5;}

.rounded-box .tlcr, .rounded-box .trcr, 
.rounded-box .blcr, .rounded-box .brcr {position:absolute; width:4px; height:4px; background:#f5f5f5 url(/Assets/Default/Images/Template/rounded-box-grey_sprite.png) no-repeat left top;}
.rounded-box .tlcr{top:0; left:0;} 	 
.rounded-box .trcr {top:0; right:0; background-position:right top;} 	 
.rounded-box .blcr {bottom:0; left:0; background-position:left bottom;} 	 
.rounded-box .brcr {bottom:0; right:0; background-position:right bottom;} 	 
.rounded-box .rbcnt {backround:blue;}

.rounded-box-content { padding:10px 20px; }
.rounded-box-content ul {margin:0 0 0 2px; list-style:none}
.rounded-box-content ul li {margin:0; list-style:none}
.rounded-box-content ul li a {color:#FF7E04}
.rounded-box-content ul li.selected a {font-weight:bolder; text-decoration:none;}
.rounded-box-content h5 {margin:5px 0; font-size:15px;}
.rounded-box-content h5.center {text-align:center}
.rounded-box-content .highlight {color:#FF7E04;}

.rounded-box-content .share {margin:0; font-size:11px;}
.rounded-box-content .share th {width:40px; text-align:right; padding:2px 5px 2px 2px;}
.rounded-box-content .share td {padding:2px; vertical-align:middle;}

.rounded-box.grey {background-color:#f1f1f1;}
.rounded-box.grey .cnr {background-color:#f1f1f1; background-image:url(/Assets/Default/Images/Template/rounded-box-grey_sprite.png)}

.rounded-box.yellow {background:#fff7e8;}
.rounded-box.yellow .cnr {background:#fff7e8; background-image:url(/Assets/Default/Images/Template/rounded-box-yellow_sprite.png)}

.rounded-box.single .rounded-box-content {padding-left:20px;}.tbl {margin:10px 0; padding:0; border-top:1px solid #dee3e6; border-bottom:1px solid #dee3e6;}
.tbl th {margin:0; padding:5px 8px 5px 5px; text-align:right; border-right:1px solid #e4e8ea; background: #fff url(/Assets/Default/Images/Template/tr_bg.gif) repeat-y right; vertical-align:middle}
.tbl td {margin:0; padding:4px 5px; vertical-align:middle}
.tbl td p {margin:0 2px 5px 2px; padding:0;}
.tbl td p.error {margin-bottom:0px;}
.tbl form td, .tbl form th {vertical-align:top;}
.tbl .checkbox {display:block; padding:3px 0 0 5px;}
.tbl .top {vertical-align:top}
.tbl .middle {vertical-align:middle}

.tbl tfoot tr:first-child *, .tbl tfoot .first-row {border-top:1px solid #dee3e6;}

.tblList {margin:0; padding:0;}
.tblList .list td, td.list {background:#e4e8ea; border-bottom:1px solid #fff}
.tblList .nobdr {border:0;}

	div.feature h2 {margin:0;}

	ul.ticks li {margin:5px 5px 5px 20px; padding-left:5px;}.accordion_toggle {cursor: pointer;}

body {border-top:2px solid #ffa340; color:#585858; background:#f0f0f0;}

.align-left {text-align:left !important;}
.align-right {text-align:right !important;}
.align-middle {text-align:center !important;}
.vmiddle {vertical-align:middle}
					
#content_container {background:#fff; border-bottom:1px solid #dfdfdf;}

#width_container {width:940px; margin:0 auto 15px; padding:0 10px;}

#header {position:relative; height:79px; padding:15px 0;}

#header #logo a {float:left;}
#header #logo a#powered-by {margin:20px 0 0 15px;}

#header #lang {position:absolute; top:12px; left:400px; margin:0; padding:0; list-style:none; list-style-image:none; z-index:501}
#header #lang li{display:block; width:20px; margin:0 1px; padding:0; text-align:center; float:left}
#header #lang li a img {border:1px solid #fff}
#header #lang li a.selected img {border:1px solid ;}

#header #phone {position:absolute; bottom:0; right:0;}
#header #phone .rounded-box {position:relative; width:220px;}

#content_nav {width:717px; margin:0; float:left;}

#user_nav {width:220px; margin:0 0 0 3px; float:left}

#content {width:677px; padding:0 30px 0 10px; float:left;}

#content .screenshot {border:1px solid #8b8b8b;}

#sidebar {position:absolute; left:720px; top:0; width:220px; margin:0 0 0 3px; float:left}
#sidebar .container {margin:0 10px;}

#sidebar .quote blockquote {margin-bottom:5px; font-style:italic;}
#sidebar .quote span {font-size:11px;}
#sidebar .quote .picture {width:50px; height:50px; margin:0 0 0 5px; padding:0; background:#fff; border:1px solid #C0C0C0;}
#sidebar .smallQuote blockquote {font-size:11px;}
			
#footer {width:940px; margin:0 auto; padding:20px 0; background:#f0f0f0;}
#footer h3 {margin-bottom:0; font-size:14px;}
#footer ul {margin:0; padding:0;}
#footer li {margin:0; list-style-type:none; padding-left:2px;}
#footer li a {text-decoration:none; color:#585858; font-size:11px;}
#footer li a:hover {color:#FF7E04; text-decoration:underline;}
#footer .section {width:118px; margin:0 35px; float:left;}


/* Overriding Styles/Elements/Button.css */.x-btn  { border-color: #DB6B05 !important; }/** humyo.fr overrides **/
.fr-hide {display:none}

.even{
	background-color:#F3F7FB;
}

.odd{
	background-color:#E0E6ED;
}

.orange{
	background-color:#fff7e8;
}

.table_business{
	background-color:#FFF;	
	width:100%;
}