/*
_______________________________
RESET */
*{text-decoration:none;font-size:1em;outline:none;margin:0;padding:0}
code,kbd,samp,pre,tt,var,textarea,input,select,isindex,listing,xmp,plaintext{font:inherit;white-space:normal}
a,img,a img,iframe,form,abbr,acronym,object,applet,table,a abbr,a acronym{border-width:0}
dfn,i,cite,var,address,em{font-style:normal}
th,b,strong,h1,h2,h3,h4,h5,h6,dt{font-weight:400}
caption,th,td{text-align:left}
html{background:#FFF;color:#000;line-height:1;font-family:arial, sans-serif}
/* \*/html{font-family:sans-serif}
/* */q{quotes:"\201C""\201D""\2018""\2019"}
ul,ol,dir,menu{list-style:none}
sub,sup{vertical-align:baseline}
a{color:inherit}
/*
_______________________________
DISABLE DEPRECATED HTML */
font,basefont{color:inherit;font:inherit;font-size:100%}
center,*[align]{text-align:inherit}
s,strike,u{text-decoration:inherit}
img{border:none;margin:0}
ol{list-style-type:decimal}
body{background-color:transparent}
tr,th,td{width:auto;height:auto;background-color:transparent;vertical-align:inherit;border:none}
table[border],.wrapper table[border]{border-collapse:separate;border-spacing:0}
nobr{white-space:normal}
marquee{overflow:visible;-moz-binding:none}
blink{text-decoration:none}
/*
_______________________________
GENERAL */
html{font-size:125%}
body{font-size:50%}
a{text-decoration:underline}
strong,th,thead td,h1,h2,h3,h4,h5,h6,dt{font-weight:700}
cite,em,dfn{font-style:italic}
code,kbd,samp,pre,tt,var,input[type='text'],input[type='password'],textarea{font-size:100%}
pre{white-space:pre}
pre *{font-size:100%;white-space:pre}
del{text-decoration:line-through}
ins,dfn{border-bottom:1px solid #000}
small,sup,sub{font-size:85%}
big{font-size:125%;line-height:80%}
abbr,acronym{text-transform:uppercase;font-size:85%;letter-spacing:.1em}
abbr[title],acronym[title],dfn[title]{cursor:help;border-bottom:1px dotted #000}
sup{vertical-align:super}
sub{vertical-align:sub}
blockquote{padding-left:2.2em}
hr{display:none/* We will re-reset it later for wrapper */}
:lang(af),:lang(nl),:lang(pl){quotes:'\201E' '\201D' '\201A' '\2019'}
:lang(bg),:lang(cs),:lang(de),:lang(is),:lang(lt),:lang(sk),:lang(sr),:lang(ro){quotes:'\201E' '\201C' '\201A' '\2018'}
:lang(da),:lang(hr){quotes:'\00BB' '\00AB' '\203A' '\2039'}
:lang(el),:lang(es),:lang(sq),:lang(tr){quotes:'\00AB' '\00BB' '\2039' '\203A'}
:lang(en-GB){quotes:'\2018' '\2019' '\201C' '\201D'}
:lang(fi),:lang(sv){quotes:'\201D' '\201D' '\2019' '\2019'}
:lang(fr){quotes:'\ab\2005' '\2005\bb' '\2039\2005' '\2005\203a'}
*[lang|='en'] q:before{wrapper:'\201C'}
*[lang|='en'] q:after{wrapper:'\201D'}
*[lang|='en'] q q:before{wrapper:'\2018'}
*[lang|='en'] q q:after{wrapper:'\2019'}
input,select,button{cursor:pointer}
input[type='text'],input[type='password']{cursor:text}
input[type='hidden']{display:none}
/*
_______________________________
wrapper */
.wrapper{font-size:1.2em;line-height:1.6em}
.wrapper h1{font-size:1.6em;line-height:1;margin:1em 0 .5em}
.wrapper h2{font-size:1.5em;line-height:1;margin:1.07em 0 .535em}
.wrapper h3{font-size:1.4em;line-height:1;margin:1.14em 0 .57em}
.wrapper h4{font-size:1.3em;line-height:1;margin:1.23em 0 .615em}
.wrapper h5{font-size:1.2em;line-height:1;margin:1.33em 0 .67em}
.wrapper h6{font-size:1em;line-height:1;margin:1.6em 0 .8em}
.wrapper hr{display:block;background:#000;color:#000;width:100%;height:1px;border:none}
.wrapper ul{list-style:disc outside}
.wrapper ol{list-style:decimal outside}
.wrapper table{border-collapse:collapse}
.wrapper hr,.wrapper p,.wrapper ul,.wrapper ol,.wrapper dl,.wrapper pre,.wrapper address,.wrapper form{margin-bottom:1.6em}
.wrapper p{line-height:1.75em}
.wrapper p+p{margin-top:-.8em}
.wrapper fieldset{margin:1.6em 0;padding:1.6em}
/* \*/.wrapper legend{padding-left:.8em;padding-right:.8em}
/* *//* for Opera 8 */@media all and min-width 0px{.wrapper legend{margin-bottom:1.6em}
.wrapper fieldset{margin-top:0}
.wrapper[class^='wrapper'] fieldset{margin-top:1.6em}
}
.wrapper fieldset>*:first-child{margin-top:0}
.wrapper textarea,.wrapper input[type='text'],.wrapper input[type='password']{padding:.1em .2em;line-height:1.2}
.boxwrap textarea,.boxwrap input[type='text'],.boxwrap input[type='password']{width:250px}
.wrapper .highbox input[type='text'],.wrapper .addboxright input[type='text']{width:190px}
.wrapper input{padding:.2em .1em}
.wrapper select{padding:.2em .1em 0}
.wrapper select[multiple]{margin-bottom:.8em}
.wrapper option{padding:0 .4em .1em}
.wrapper button{padding:.3em .5em}
.wrapper input[type='radio']{position:relative;bottom:-.2em}
.wrapper dt{margin-top:.8em;margin-bottom:.4em}
.wrapper ul,.wrapper ol{margin-left:2.2em}
.wrapper ul ul,wrapper ol ul,.wrapper ul ol,wrapper ol ol{margin-bottom:0}
/*
_______________________________
VISUAL PLUG */
blockquote{color:#666}
blockquote > *:first-child:before /* Tripoli bonus: pure CSS blockquote */{wrapper:"\201C";font-size:2.5em;margin-left:-.62em;font-family:georgia,serif;padding-right:.2em;color:#aaa;line-height:0}
abbr[title],acronym[title],dfn[title]{border-bottom:1px solid #ccc}
ins,dfn{border-bottom-color:#666}
del{color:#666}
fieldset{border-color:#ccc}
textarea,input[type='text'],input[type='password'],select{border:1px solid #ccc;background:#fff}
fieldset{border:1px solid #ccc}
textarea:hover,input[type='text']:hover,input[type='password']:hover,select:hover{border-color:#aaa}
textarea:focus,input[type='text']:focus,input[type='password']:focus,select:focus{outline:2px solid #e4e4e4;border-color:#888}
.wrapper hr{background:#aaa;color:#aaa}
.wrapper table{border:0}
.wrapper th,.wrapper td{border:0}
.wrapper th,.wrapper td{padding:.4em}
a{color:#36c;cursor:pointer;cursor:hand}
a:hover,code,pre{color:#c33}
a:active,.a:focus{color:#000}
/*
_______________________________
END */

.clr {clear:both}
.nomar {margin:0 !important}
.nomart {margin-top:0 !important}
.lowmart {margin-top:0.4em !important}
.nopadt {padding-top:0 !important}
.fleft {float:left}
.fright {float:right}
.red {color:#c00 !important}
.bolded {font-weight:700}
.center {text-align:center}
.dotted {border-bottom:1px dotted #999}

h1, h2, h3, h4, h5, h6, li.title { font-family: 'Droid Sans', arial, sans-serif; }

html {background:#21365d url(img/grad.png) repeat-x scroll 0 0;color:#fff}

.wrapper {width:780px;margin:0 auto}
.header {background:transparent url(img/headgrad.png) repeat-x scroll 0 0}
.header a {color:#fff;text-decoration:none}
.table-header {font-weight:700}

.banner {float:right;background:#2D3F67;font-size:.8em;padding:2px 7px 3px;margin:0 0 0 6px;-moz-border-radius-bottomleft:6px;-moz-border-radius-bottomright:6px;border-bottom-left-radius:6px;border-bottom-right-radius:6px;-webkit-border-bottom-left-radius:6px;-webkit-border-bottom-right-radius:6px}
.logo {float:left;margin:15px 0 10px}

.nav {background:#202E4B url(img/menugrad.png) repeat-x scroll 0 0;overflow:auto;padding:0;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;margin:0 0 20px}
.nav ul {list-style:none;margin:0;font-size:14px}
.nav ul.left {float:left;padding:0 0 0 8px}
.nav ul.left li {float:left}
.nav ul.right {float:right;padding:0 8px 0 0}
.nav ul.right li {float:left}
.nav ul li a {display:block;padding:10px 6px}
.nav ul li a.selected {background:#efeffe;color:#000}
.nav ul li a.selected:hover {background:#fff;color:#000}
.nav ul li a:hover {background:#28395D url(img/hovermenugrad.png) repeat-x scroll 0 0}

.topround {-moz-border-radius-topright:6px;border-top-right-radius:6px;-webkit-border-top-right-radius:6px;-moz-border-radius-topleft:6px;border-top-left-radius:6px;-webkit-border-top-left-radius:6px}

.error-bar, .success-bar {border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;color:#fff;margin:-10px 0 10px;text-align:center}
.error-bar {background:#B73434 url(img/errorgrad.png) repeat-x scroll 0 0}
.success-bar {background:#35B135 url(img/successgrad.png) repeat-x scroll 0 0}

.inner {background:#fff;color:#000;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;margin-bottom:12px}
.greetimage {background:#fff url(img/homepage.png) no-repeat scroll 0 0}
.greetimage-b {background:#fff url(img/homepage-b.png) no-repeat scroll 0 0}
.greet {height:328px}
.greet-b {height:409px}
.landing-b-box {width:224px;margin-left:28px;margin-top:6px;}
.rightgreet {float:right;width:320px;padding:15px 40px 0}
a.greenbutton img {margin:8px 22px}

.sidebarback {background:#fff url(img/sidebarbody.png) repeat-y scroll 0 0}
.sidebarflip {background:#fff url(img/sidebarflip.png) repeat-y scroll 100% 0}
.seg {padding:0 8px} /* a basic segment */
.segtop {padding:12px 8px 0}

.segfull {}
.segsimple {padding:5px}

.rightsidebar {padding:8px 0;width:239px;float:right}
.rightsidebarflip {float:left}
.rightsidebar hr {margin:6px 0;color:#CCCDCF;background-color:#CCCDCF}
.rightsidebar ul {margin:0 0 0.8em 0;list-style:none}
.rightsidebar li {padding:1px 0 1px 8px;color:#63686E}
.rightsidebar ul.signup li {padding:1px 28px}
.rightsidebar li a {color:#575B60}
.rightsidebar li.title {color:#4B4F53;font-size:1.5em;padding:4px 0 8px 0;text-align:center}
.rightsidebar ul.signup li.skinny {padding:2px 18px;line-height:1.2em;text-align:center}
.rightsidebar li.check {padding-left:28px;background:transparent url(icons/tick-small.png) no-repeat scroll 10px 60%}
.rightsidebar li.phone {display:none}
.rightsidebar ul ul {padding-left:32px}
.rightsidebar ul ul.errorlist li {padding-left:28px;background:transparent url(icons/exclamation-small-red.png) no-repeat scroll 10px 50%}
.rightsidebar input {width:95%}
.rightsidebar input.submit {width:120px;margin:0 60px;float:none}
.rightsidebar input.loginsubmit, .rightsidebar .logintitle {margin-bottom:0.5em}
.rightsidebar label {font-weight:400}
.rightsidebar form {margin:0 0 1em 0}

.leftsidebar {padding:8px 0;width:239px;float:left}
.leftsidebar hr {margin:6px 0;color:#CCCDCF;background-color:#CCCDCF}
.leftsidebar ul {margin:0;list-style:none}
.leftsidebar li {padding:2px 0 2px 8px;color:#91969C}
.leftsidebar li a {color:#63686E}
.leftsidebar li.title {color:#71767C}
.leftsidebar li.first {padding-left:16px}
.leftsidebar ul.submenu {}
.leftsidebar li.second {padding-left:32px;background:#dde1ee url(img/pointer.png) no-repeat scroll 22px 8px;border-bottom:#C0CADA solid 1px}
.leftsidebar li.ispage {background:#dde1ee url(img/pointerdark.png) no-repeat scroll 22px 8px}
.leftsidebar li.add {text-align:right;padding:0 8px 0 0}
.leftsidebar li.add a {color:#71767C}

ul.activity {margin-left:0;list-style:none;font-size:0.9em}
ul.activity li {padding:0 0 3px 25px;background:transparent url(icons/blank.png) no-repeat scroll 4px 30%}
ul.activity li.product-add, ul.activity li.button-add {background-image:url(icons/plus-small.png)}
ul.activity li.sale {background-image:url(icons/store-small.png)}
ul.activity li.product-file {background-image:url(icons/folder-small-horizontal.png)}
ul.activity li.product-edit {background-image:url(icons/pencil-small.png)}
ul.activity li.invoice-buy {background-image:url(icons/money-coin-small.png)}

.leftsidebar li.selected {background:#ADBBCC url(img/listgrad.png) repeat-x scroll 0 0;padding-bottom:1px;border-bottom:solid 1px #A7ADB9;color:#71767C}
.leftsidebar li.selected a {color:#4B4F53}

.rightbody {float:right;width:540px}
.leftbody {float:left;width:540px}

.heading {background:#222 url(img/headinggrad.png) repeat-x scroll 0 0;;color:#fff;padding:10px 8px;overflow:auto}
.heading h2, .heading h3 {float:left}
.heading h2 a, .heading h3 a {color:#fff;text-decoration:none}
.heading h2 a:hover, .heading h3 a:hover {color:#eee}
.heading span {float:right;color:#777}
.heading span a {color:#888;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;background-color:#383838;padding:2px 4px;border:1px solid #555;text-decoration:none;margin-left:3px}
.heading span a:hover {color:#383838;background-color:#888;border:1px solid #383838}
.headingtop {-moz-border-radius-topright:5px;border-top-right-radius:5px;-webkit-border-top-right-radius:5px}

.inside {padding:10px 8px}
.inside hr {margin:6px 0;color:#CCCDCF;background-color:#CCCDCF}
label {font-weight:700}
.submit {float:right}
.pstatbox {float:left;padding-left:12px}
.highbox {padding:4px;float:right;width:200px;position:relative;top:-10px;left:8px;background:#ebeff5;-moz-border-radius-bottomleft:6px;-webkit-border-bottom-left-radius:6px;border-bottom-left-radius:6px;border:#CCCDCF 1px solid;border-width: 0 0 1px 1px;font-size:0.9em}
.highboxskinny {width:160px !important;text-align:center;padding-bottom:0}
.highbox #progress_container {font-weight:700;width:100%;margin:0 0 1em;display:none}
.highbox #progress_filename {width:100%;line-height:1.5}
.highbox #progress_bar {width:100%;border:1px solid #999;margin:0.5em 0 0}
.highbox #progress_indicator {background:#243A62;width:0;height:4px}

.contactus {padding:10px 90px;}

.error {font-size:0.9em; color:#c00;display:block !important}

.addboxright {padding:4px 4px 4px 8px;float:right;width:202px}

table.product-plan {border-top:1px solid #ccc;border-left:1px solid #ccc;margin:0 0 1.5em}
table.product-plan form {margin:0}
table.product-plan hr {margin:2px 0 0;background-color:#E7E8E9;color:#E7E8E9}
table.product-plan th,table.product-plan td{border-bottom:1px solid #ddd;border-right:1px solid #ccc;padding:.25em .3em .25em .4em}
table.product-plan {border:0}
table.product-plan .tab-heading {font-size:1.4em;padding:0 0 8px 2px}
table.product-plan .information-tab {color:#ddd;font-size:32px;padding:6px 0 0 0;text-align:center}
table.product-plan .information-tab:hover {color:#ccc}
table.product-plan tr {border-left:1px solid #ccc}
table.product-plan th.space {border-right:0}
table.product-plan th.text {border-top:1px solid #ccc}
table.product-plan th.space a, table.product-plan th.space a:hover {color:#ccc}

table.product-plan th.bigger, table.product-plan td.bigger {font-size:1.4em;width:14%}
table.product-plan td.pro {font-size:1.2em;font-weight:800}

table.product-plan tr.colhead {background-color:#666;color:#fff;font-weight:800}

table.product-plan tbody tr, table.product-plan thead .text {background-color:#fff}
table.product-plan tr.odd {background-color:#fbfbfb}
table.product-plan td.text, th.text {text-align:center;font-size:1.2em}
table.product-plan th,table.product-plan td{padding:.25em .3em .25em .4em}

table.pricing th.tab-heading {width:12%}
table.pricing th.text {width:12%}
table.pricing th.biggest, table.pricing td.biggest {font-size:1.55em}

table.pricing th.pop, table.pricing td.pop {background-color:#fbfbfb}
table.pricing tr.odd th.pop, table.pricing tr.odd td.pop {background-color:#f3f3f3}
table.product-plan .leftbord{border-left:0 !important;border-bottom:0 !important;}

.tooltip{position:absolute;top:0;left:0;z-index:3;display:none;font-size:10px;color:#63686E;background-color:#E8EBF0;border:1px solid #CCCDCF;padding:6px;font-weight:200;max-width:280px}

ol .tooltip{max-width:none !important}

.blog .body {margin:0.8em 0 2.6em}
.blog .list-body {margin:0.2em 0}
.blog #comments {margin:0 0 3em}
.blog #id_honeypot {display:none}
.blog .comment {margin:0 0 2.6em 1em}
.blog .boxwrap textarea,.blog .boxwrap input[type='text']{width:350px}
.blog #comment_form {width:350px;margin:0 auto}
.blog .comment-heading {color:#aaa}
.blog .comment-heading a {color:#aaa}
.blog .comment-heading strong, .blog .comment-heading a.comment-name {color:#444;font-weight:700}