@import "reset.css";
@import "forms.css";

body { background-color: White; color: Black; font: .76em/normal Arial, Helvetica, sans-serif; text-align: center; }
body#popup { text-align: left; }

a,a:link,a:visited { color: #3c86c6; text-decoration: underline; }
a:hover { color: #f76100; }

img.rflt { display: inline; float: right; margin: 0 0 1em 10px; }
img.lflt { display: inline; float: left; margin: 0 10px 1em 0; }

p { margin-bottom: 1em; }

ul { list-style: disc; margin-bottom: 1em; padding-left: 2em; }
ol { list-style: decimal; margin-bottom: 1em; padding-left: 2em; }
ul.reset, ul.reset ul, ul.reset ol, ol.reset, ol.reset ol, ol.reset ul { list-style: none; margin: 0; padding: 0; }

.edge { float: right; }

/* Boxes */

.box { min-height: 1px; margin-bottom: 1em; }
* html .box { height: 1px; }

.box1 { width: 377px; background: url(../images/box1-bg.png) 0 0 repeat-y; }
.box1 .before { background: url(../images/box1-top.png) 0 0 no-repeat; }
.box1 .after { padding: 1px; background: url(../images/box1-bottom.png) 0 100% no-repeat; }

.box2 { overflow: hidden; width: 377px; height: 282px !important; background: url(../images/box2.png) 0 0 no-repeat; }
.box2 .inner { padding: 18px 20px; }
.box2 .body { overflow: hidden; height: 173px; }
.box2 .footer { color: #fff; }

.box3 { opacity: .9; }
.box3 .before { height: 9px; background: url(../images/box3-top.png) 0 0 no-repeat; font-size: 1px; }
.box3 .after { clear: both; width: 100%; height: 9px; background: url(../images/box3-bottom.png) 0 100% no-repeat; font-size: 1px; }
.box3 .inner { padding: .5em 20px; border-style: solid; border-width: 0 1px; border-color: #50b5e2; background-color: #fff; }

.box4 { overflow: hidden; width: 227px; height: 192px !important; background: url(../images/box4.png) 0 0 no-repeat; color: #fff; }
.box4 .inner { padding: 17px 10px 17px 17px; }
.box4 .body { overflow: hidden; height: 120px; }

.box5 { opacity: .9; }
.box5 .before { height: 9px; background: url(../images/box5-top.png) 0 0 no-repeat; font-size: 1px; }
.box5 .after { clear: both; width: 100%; height: 9px; background: url(../images/box5-bottom.png) 0 100% no-repeat; font-size: 1px; }
.box5 .inner { padding: .5em 20px; border-style: solid; border-width: 0 1px; border-color: #50b5e2; background-color: #fff; }


/* Lists */

ul.testimonials { color: #29a3db; }
ul.testimonials li { margin-bottom: 1.5em; }
ul.testimonials p { margin-bottom: .2em; }
ul.testimonials cite { display: block; font-weight: bold; }

dl.faq dt { margin-bottom: 1em; cursor: pointer; }
dl.faq dt.on { color: #f76100; }
dl.faq dt.hover { color: #3c86c6; }
dl.faq dd { padding-left: 15px; }
#faqIndex { display: none; }


/* Tables */

table.muted { border-collapse: collapse; font-size: 1em; margin: 0; padding: 0; }
table.muted caption { font-size: 1.4em; font-stretch: condensed; font-weight: bold; padding-bottom: 5px; text-align: left; text-transform: uppercase; }
table.muted th, table.muted td { border-bottom: 1px solid #aaa; border-top: 1px solid #aaa; padding: 0.6em; vertical-align: 4px; }
table.muted th { text-align: left; text-transform: uppercase; }
table.muted thead th, table.muted tfoot th, table.muted tfoot td { background-color: #60c1f0; font-size: 1.1em; }
table.muted tbody th { background: url(../images/bullet-vacancy.gif) no-repeat 6px 0.8em; padding-left: 24px; }
table.muted tbody th, table.muted td { background-color:#eee; }
table.muted tbody tr:hover td, table.muted tbody tr:hover th { background-color: #fff; }
table.muted tr.odd td, table.muted tr.odd th { background-color: #ddd; }
table.muted tbody a { color: #333; }
table.muted tbody a:visited { color: #999999; }
table.muted tbody a:hover { color: #33c; }
table.muted tbody a:active { color: #33c; }
table.muted tfoot th { text-align: right; }
table.muted tfoot th:after { content: ":"; }


/* Price table */

#prices thead th, #prices tbody td { text-align: center; }


/* Titles */

h1,h2 { margin-bottom: .5em; color: #0a95d5; }

h1 { font-size: 30px; }
h2 { font-size: 18px; font-weight: normal; }
h3 { }

#logo { float: left; margin: 0; padding: 23px 15px; }
#logo img { display: block; }

#pagetitle { border-bottom: solid 1px #33a5db; font-weight: normal; }


/* Layout  */

#container { width: 795px; margin: 0 auto; text-align: left; }
#content { min-height: 205px; background: url(../images/grad2.png) top left repeat-x; }
#content .contentInner { padding: 10px 10px 0; min-height: 303px; background: url(../images/bg-gears.png) top left no-repeat; }
#sidebar { float: left; width: 227px; font-size: 1.1em; }
#mainbar { float: right; width: 537px; }
#mainbar .inner { min-height: 425px; }
#footer { clear: both; width: 100%; }
#col1 { float: right; width: 377px; }
* html #mainbar .inner { height: 425px; }
* html #content { height: 205px }
* html #content .contentInner { height: 303px; }

/* Header */

#header { background: #f6f6f6 url(../images/grad1.png) top left repeat-x; }
#header #loginFrm { display: inline; float: right; width: 260px; margin: .7em 10px 0 0; font-size: .92em; }
#header #loginFrm input.text { width: 84px; }
#header #loginFrm dl { display: inline; float: left; width: 90px; margin: 0 10px .5em 0; }
#header #loginFrm dl.buttons { width: 60px; margin-right: 0; }
#header #loginFrm dl.buttons dt { visibility: hidden; }
#header #loginFrm dl.buttons input.button { width: 55px; }
#header #loginFrm p { clear: left; margin-bottom: 0; }
#loginFrm a.edge { margin-top: 1.5em; }


/* Navigation */

#navbar { clear: both; border-style: solid; border-width: 1px 0; border-color: #fff; background-color: #e9e9e9; }
#nav { padding: .7em 15px; font-family: Tahoma, Arial, Helvetica, sans-serif; color: #565656; }
#nav li { display: inline; padding: 0 11px 0 15px; border-left: solid 1px #565656; }
#nav li.first { padding-left: 0; border-left: none; }
#nav li.last { padding-right: 0; }
#nav li a, #nav li a:visited { color: #565656; text-decoration: none; }
#nav li a:hover { text-decoration: underline; }
#nav li a.on { color: #f76100; }

/* Preamble */

#preamble { display: inline; float: left; width: 360px; margin: 100px 0 0 17px; padding-top: 230px; background: url(../images/bg-people.png) 35px 0 no-repeat; color: #29a3db; font-size: 1.1em; }


/* CSM has the answer */

#csmanswer .signup h1 { margin: 7px 0; border-bottom: solid 1px #fff; color: #fff; line-height: 1em; }
#csmanswer .signup .desc { float: left; width: 250px; }


/* Signup box */

#signup h1 { border-bottom: solid 1px #fff; color: #fff; line-height: 1em; }
#signup .footer h2 { margin-top: 7px; font-weight: bold; text-align: right; }
#signup .footer h2 a, #signup .footer h2 a:visited { color: #fff; text-decoration: none; }
#signup .footer h2 img { margin-left: 22px; }
#signup .footer h2 * { vertical-align: middle; }


/* SMS notifications box */

#smsnotes h2 { margin-bottom: 1em; }
#smsnotes .inner { padding: 20px 205px 20px 20px; background: url(../images/mobile-phone.png) 90% 100% no-repeat; }


/* Footer */

#footer { border-top: solid 1px #a3a3a3; color: #7a7979; font-size: .92em; }
#footer a, #footer a:visited { color: #7a7979; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer .inner { padding: .5em 15px; }
#footer p.links { float: right; }
#copyright { float: left; }