@charset "utf-8";
/*
 * --------------------------------------------------
 *   Created By : Contact Point IT Services
 *   Date       : 26.05.2011
 *   Website    : eNudge - SMS and Email Marketing
 * --------------------------------------------------
 */


/*
 * --------------------------------------------
 *   Font: Century Gothic
 * --------------------------------------------
 */
@font-face {
    font-family: 'CenturyGothicRegular';
    src: url('fonts/gothic-webfont.eot');
    src: url('fonts/gothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gothic-webfont.woff') format('woff'),
         url('fonts/gothic-webfont.ttf') format('truetype'),
         url('fonts/gothic-webfont.svg#CenturyGothicRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CenturyGothicBold';
    src: url('fonts/gothicb-webfont.eot');
    src: url('fonts/gothicb-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gothicb-webfont.woff') format('woff'),
         url('fonts/gothicb-webfont.ttf') format('truetype'),
         url('fonts/gothicb-webfont.svg#CenturyGothicBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*
 * --------------------------------------------
 *   General
 * --------------------------------------------
 */

* {
	padding: 0;
	margin: 0;
}

html,body {
	height:100%;
}

body {
	background-color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #272727;
}

a, 
a:link,
a:visited,
a:active {
	color: #177fbc;
}

a:hover {
	color: #272727;
    text-decoration: underline;
}

p {
	padding-bottom: 11px;
	overflow: visible;
}

hr {
	height: 1px;
	border: 0px;
	background-color: #9ed8d2;
	color: #9ed8d2;
	width: 100%;
	margin: 3px 0px 10px 0px;
}

ul, ol {
	/*padding-left: 13px;*/
	list-style-position: outside;
}

li {
	padding-bottom: 4px;
}

img, div { behavior: url(iepngfix.htc) }
img { border: 0; }

h1 {
	font-family: Tahoma, Geneva, sans-serif;
	/* font-size: 25px;
	color: black; */
    font-size: 20px;
    color: #52B208;
	padding-top: 4px;
	padding-bottom: 22px;
	font-weight: normal;
}

h2 {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #f76b14;
	padding-bottom: 10px;
	font-weight: bold;
}

h3 {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #272727;
	padding-bottom: 10px;
	font-weight: bold;
}

h4 {
    font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #177fbc;
	font-weight: bold;
}
input {
    padding: 3px 5px;
}


/*
 * --------------------------------------------
 *   Layout
 * --------------------------------------------
 */
#container {
	width: 100%;
	background-color: white;
	position: relative;
	width: 100%;
	height: auto !important;
	height:100%;
	min-height: 100%;
	z-index: 0;
}

/*
 * --------------------------------------------
 *   Header
 * --------------------------------------------
 */
#header {
	background: url(images/header-bg.gif) repeat-x;
    width: 100%;
	height: 84px;
    min-width: 1010px;
}

#header-content {
	width: 965px;
    padding-left: 33px;
}

#logo {
	float: left;
	width: 395px;
}


/*
 * --------------------------------------------
 *   Navigation
 * --------------------------------------------
 */
#menu {
    background: url(images/menu-bg.gif) repeat-x;
	height: 34px;
    padding-left: 33px;
    min-width: 1010px;
}
#menu.with-submenu {
	height: 57px;
}
#menu ul.main {
    background: transparent url(images/menu.jpg) no-repeat left top;
	position: relative;
    float: left;
}
#menu ul.main, ul.main li, ul.main ul {
	list-style: none;
	padding: 0px;
    display: inline-block;
}
#menu ul.main li {
	float: left;
}
#menu a {
    color: white;
	display: inline-block;
	float: left;
	height: 34px;
    text-indent: -9999px;
    overflow: hidden;
}
#menu a:hover, #menu a.active {
    overflow: hidden;
    background: transparent url(images/menu.jpg) no-repeat bottom;
}

#menu a#home { width: 60px; }
#menu a#home:hover, #menu a#home.active { background-position: 0 bottom; }
#menu a#features { width: 80px; }
#menu a#features:hover, #menu a#features.active { background-position: -60px bottom; }
#menu a#support { width: 75px; }
#menu a#support:hover, #menu a#support.active { background-position: -140px bottom; }
#menu a#pricing { width: 78px; }
#menu a#pricing:hover, #menu a#pricing.active { background-position: -215px bottom; }
#menu a#news { width: 58px; }
#menu a#news:hover, #menu a#news.active { background-position: -293px bottom; }
#menu a#about { width: 88px; }
#menu a#about:hover, #menu a#about.active { background-position: -351px bottom; }
#menu a#contact { width: 88px; }
#menu a#contact:hover, #menu a#contact.active { background-position: -439px bottom; }

#menu ul.main li ul li {
	display: inline-block;
    float: left;
}

#menu ul.main li.hover ul {
	visibility: visible;
}
/* SUBMENU */
#menu .submenu {
	position: relative;
    float: left;
}
#menu ul.submenu, ul.submenu li {
	list-style: none;
	padding: 0px;
    margin-top: -1px;
    display: inline-block;
    float: left;
}
#menu ul.submenu a{
    padding: 5px 12px 0 12px;
	background: #afaba8;
	text-indent: 0px;
	font-size: 12px;
	color: white;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
	display: inline-block;
    height: auto;
}
#menu .submenu li a:hover, #menu .submenu li a.active {
    background: #afaba8 url(images/submenu-pointer.gif) no-repeat top center;
    color: #ececec;
}
#menu ul.submenu select {
    height: 18px;
    margin-top: 1px;
    font-size: 11px;
}

/*
 * --------------------------------------------
 *   Quick Login
 * --------------------------------------------
 */
#login {
    display: inline-block;
    float: left;
    width: 319px;
    height: 34px;
    margin-left: 70px;
}
#login .tfUsername, #login .tfPassword {
    float: left;
    background: none;
    border: 0;
    width: 80px;
    height: 12px;
    margin-top: 6px;
}
#login .tfUsername {
    margin-left: 35px;
}
#login .tfPassword {
    margin-left: 64px;
}
#login .btnLogin {
    margin-left: 5px;
    margin-top: 10px;
    margin-right: 6px;
    float: right;
    padding: 0;
}

/*
 * --------------------------------------------
 *   Body and Content
 * --------------------------------------------
 */
#body {
	width: 100%;
	/* overflow: hidden; this needed to be removed so that very wide logged in pages showed a horizontal scrollbar */
	display: inline-block;
    margin-bottom: 290px;
    min-width: 1010px;

}
#body-content {
    width: 980px;
    padding-top: 30px;
    padding-left: 33px;
}

#left {
    float: left;
    display: inline-block;
    width: 666px;
    margin-right: 25px;
}
#right {
    float: left;
    display: inline-block;
    width: 280px;
}

/*
 * --------------------------------------------
 *   Content Component Declaration
 * --------------------------------------------
 */
#body ul, #body li, #left ul, #left li, #body-content ul, #body-content li, #body-content ol {
    margin-left: 6px;
    list-style-image: url(images/cross-bullet.gif);
    list-style-position: outside;
}


/*
 * --------------------------------------------
 *   Home Page Layout
 * --------------------------------------------
 */
#row1, #row2, #row3, #row4 {
    clear: both;
}

#row1 {
    height: 149px;
    margin-bottom: 10px;
}
#row1 img{
    padding-right: 18px;
    float: left;
}
#row1 .right a.free-trial{
    background: url(images/free-trial.jpg) no-repeat;
    margin-bottom: 9px;

}
#row1 .right a.enudge-survey{
    background: url(images/enudge-survey.jpg) no-repeat;
}
#row1 .right a {
    width: 280px;
    height: 70px;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
}
#row1 .right a:hover {
    background-position: -280px 0;
}

#row2 {
    background: url(images/green-nav.jpg) no-repeat left top;
    height: 229px;
    margin-bottom: 10px;
}

#row3 {
    display: inline-block;
}
#row3 .left {
    width: 631px;
    float: left;
    display: inline-block;
    padding: 0px 35px 0px 0px;
    margin-right: 25px;
    border-top: 1px solid #8bbfdd;
}
#row3 .right {
    width: 280px;
    float: left;
    display: inline-block;
    padding: 17px 0 7px;
    border-top: 1px solid #8bbfdd;
}

#row4 {
    display: inline-block;
}
#row4 .left {
    width: 666px;
    float: left;
    display: inline-block;
    margin-right: 25px;
    border-top: 1px solid #8bbfdd;
}
#row4 .right {
    width: 280px;
    float: left;
    display: inline-block;
    padding: 17px 0 7px;
    border-top: 1px solid #8bbfdd;
}
#row4 .left a {
    color: #f76b14;
    font-size: 12px;
    font-weight: bold;
    display: block;
    height: 11px;
    padding-left: 10px;
    background: url(images/orange-bullet.gif) no-repeat;
    text-decoration: none;
}
#row4 .left a:hover {
    text-decoration: underline;
}
#row4 .right a.free-ebook{
    background: url(images/free-ebook.jpg) no-repeat;
    width: 280px;
    height: 70px;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
}
#row4 .right a.free-ebook:hover {
    background-position: -280px 0;
}



/*
 * --------------------------------------------
 *   Green Navigation @ Homepage
 * --------------------------------------------
 */
#green-nav .col1, #green-nav .col1 li,
#green-nav .col2, #green-nav .col2 li {
    list-style: none;
    padding-left: 13px;
    margin: 0;
    list-style-image: none;
}

#green-nav .col1 {
    display: inline-block;
    width: 204px;
    padding-top: 8px;
    float: left;
}

#green-nav .col1 li {
    cursor: pointer;
    display: block;
    height: 37px;
    text-indent: -9999px;
    overflow: hidden;
}
#green-nav .col1 li.hover {
    background: transparent url(images/arrow-green.gif) no-repeat right center;
}
#green-nav .col2 {
    display: inline-block;
    width: 108px;
    padding-top: 8px;
    float: left;
}
#green-nav .col2 li {
    cursor: pointer;
    display: block;
    height: 22px;
    font-size: 13px;
    color: #4b4b4b;
    padding-top: 15px;
    padding-left: 10px;
}
#green-nav .col2 li.hover {
    font-weight: bold;
    background: transparent url(images/arrow-green-light.gif) no-repeat right center;
}
#green-nav .col3 {
    display: inline-block;
    width: 620px;
    margin-top: 10px;
    float: left;
}
#green-nav .col3 table {
    margin-top: 10px;
    margin-left: 20px;
    display: none;
}
#green-nav .col3 table.active {
    display: block;
}
#green-nav .col3 ul.green-nav-list,
#green-nav .col3 ul.green-nav-list li {
    list-style-image: url(images/cross.gif);
    padding-left: 5px;
}

#body-content ul li {
    margin-left: 10px;
    list-style-type: disc;
    list-style-image: none;
    padding-left: 5px;
}

#body-content ol li {
    margin-left: 10px;
    list-style-type: disc;
    list-style-image: none;
    padding-left: 5px;
}


/*
 * --------------------------------------------
 *   Footer
 * --------------------------------------------
 */
#footer {
    background: #4d4d4d url(images/footer-bg.gif) 725px 0 repeat-y ;
	position: absolute;
	width: 100%;
	bottom: 0px;
    color: white;
    min-width: 1010px;
}

#footer-content-col1 {
	background-color: #177fbc;
	width: 692px;
    height: 250px;
    padding-left: 33px;
    padding-top: 15px;
    float: left;
    display: inline-block;
}
#footer-content-col1 ul, #footer-content li {
    list-style: none;
    padding-left: 0;
    line-height: 15px;
}
#footer-content-col1 a {
    color: white;
    text-decoration: none;
    font-weight: bold;
}
#footer-content-col1 a:hover {
    color: #92c6e4;
}
#footer h3 {
    color: #92c6e4;
    font-size: 16px;
    padding-bottom: 10px;
}
#footer-content-col1 table td {
    vertical-align: top;
    padding-right: 35px;
}
#footer .bottom-footer-menu {
    padding: 0;
    color: #07466b;
}
#footer .bottom-footer-menu a {
    font-weight: normal;
}

#footer-content-col2 {
    padding-top: 15px;
    padding-left: 10px;
    width: 270px;
    float: left;
    display: inline-block;
}
#footer-content-col2 .contact-form td {
    padding: 2px 0;
}
#footer-content-col2 .contact-form .textfield,
#footer-content-col2 .contact-form textarea {
    background-color: #d5d5d5;
    border: 1px solid #939393;
}
#footer-content-col2 .contact-form textarea {
    width: 270px;
    height: 50px;
}


/*
 * --------------------------------------------
 *   Additional styles
 * --------------------------------------------
 */
.caption {
	color: #23b0a5;
	font-style: italic;
	font-weight: bold;
	margin-top: 6px;
}
.bold {
	font-weight: bold;
}

.clear {
	clear: both;
}

#newsletter .tfNewsletter {
    width: 237px;
    background-color: #d1ebfd;
    border: 0;
    padding: 0;
}
#newsletter h4 {
    font-size: 12px;
    padding-bottom: 10px;
    font-weight: bold;
}
#enudge-calculator {
    border: 1px solid #177fbc;
    padding: 10px 8px;
}

#enudge-calculator td {
    padding: 2px 0;
}
#enudge-calculator input {
    padding: 0;
}
#enudge-calculator .separator {
    display: block;
    height: 0px;
    width: 100%;
    border-top: 1px solid #8bbfdd;
    margin: 2px 0;
    padding: 0;
    font-size: 0px;
}
.group-btn a {
    display: block;
    margin-top: 5px;
}
/*
 * --------------------------------------------
 *   Styles for logged in functionality
 * --------------------------------------------
 */
.error {
    color: red;
}
.result {
    color: #52B208;
}
.workertable {
  border-collapse: collapse;
}
.workertable td {
  padding-left: 5px;
  padding-right: 1px;
  font-size: 9pt;
}
.workertable th {
  padding-left: 2px;
  padding-right: 2px;
  font-size: 9pt;
  text-align: center;
}


.contenttable {
  border-collapse: collapse;
}
.contenttable td {
  height: 20px;
  padding-left: 5px;
  font-size: 9pt;
}
.headerrow td {
  font-weight: bold;
}

.pricingtable {
	border-collapse: collapse;
	empty-cells: show;
	background: #D5E4FF;
	border-top: 1px solid #99CC00;
	border-bottom: 1px solid #99CC00;
}

.instructions {
  color: #52B208;
}