/*********************************************/
/*   CAMPAIGN MONITOR WEB SITE STYLE SHEET   */
/*********************************************/

.radio1 td
{
	vertical-align:top;
}
	.style5 {font-size: 16px}
	.style6 {color: #333333}
	
#step2
{
	display:none;
}
#step3
{
	display:none;
}
#step4
{
	display:none;
}
#step5
{
	display:none;
}
#step6
{
	display:none;
}
#container { float: left; width: 728px; }
#logo { float: left; width: 215px; height: 60px; }
#navs { float: left; width: 505px; height: 60px; text-align: right; }
#left { float: left; width: 550px; }
#right { float: left; width: 178px; font-size: 11px; }
#full { float: left; width: 728px; }
#footer { clear: left; width: 728px; height: 23px; background-color: #9A000C; color: #FFFFFF; font-size: 11px; margin: 0; }
#footer_left { float: left; width: 349px; height: 18px; background: url(../images/shapes/footerLeft.gif) no-repeat top left; padding: 5px 0 0 15px; }
#footer_right { float: right; width: 349px; height: 18px; background: url(../images/shapes/footerRight.gif) no-repeat top right; text-align: right; padding: 5px 15px 0 0; }
#h20 { clear: left; height: 20px; width: 728px; }
#h30 { clear: left; height: 30px; width: 728px; }
#popupCasing { padding: 10px; padding-top: 15px;}
#content_left { float: left; width: 510px; padding: 0 25px 0 15px; }
#tryit { float: left; width: 156px; padding: 11px 11px 11px 11px; background-color: #f6f6f6; }
#left_inside { float: left; width: 185px; }
#right_inside { float: left; width: 505px; padding-left: 30px; }
#full_api { float: left; width: 713px; padding-left: 15px; padding-top: 15px; }
#full_trial { float: left; width: 713px; padding-left: 15px; padding-right: 15px; }
#left_inside_api { float: left; width: 423px; padding-left: 15px; padding-right: 15px; }
#right_inside_api { float: left; width: 240px; padding-left: 15px; padding-right: 15px; }
#left_inside_login { float: left; width: 387px; padding-left: 15px; padding-right: 15px; }
#right_inside_login { float: left; width: 270px; padding-left: 20px; padding-right: 15px; }
#middle_inside_login { float: left; width: 1px; height: 225px; margin-top: 32px; border-left: 1px #e5e5e5 solid; }
#subMenu { width: 100%; margin: 27px 0 0 0; padding: 0 0 0 0; text-align: right; font-size: 12px; font-weight: bold; }
#subMenu li { margin: 0 0 0 0; padding: 0; display: inline; list-style-type: none; background: url(../images/icons/smallPointer.gif) no-repeat top left; }
#subMenu a:link, #subMenu a:visited { padding: 0 10px 6px 7px; text-decoration: none; color: #000000; }
#subMenu a:link.active, #subMenu a:visited.active, #subMenu a:hover, #subMenu a:link.subMenuOn, #subMenu a:visited.subMenuOn { color: #1158bc; }
#subMenu li.lock { padding:0; margin:0 0 0 10px; background: url(../images/icons/loginLock.gif) no-repeat top left; padding-left: 9px; }
code, pre { font-family: "Bitstream Vera Sans Mono", monaco, "Courier New", courier, monospace; font-weight: normal; background: inherit; color: #cc3300; }


/*------------- GLOBAL SELECTORS --------------*/

body { margin:0; margin-left:15px; padding:0; border:0; color:#1F1F1F; font-family:arial,helvetica,sans-serif; font-size: 12px; }
table { border:0; font-size: 12px; }
a img { border-width:0; border-style:none; }
p { margin-top: 0px; margin-bottom: 12px; line-height:1.3; }
ul { list-style: square; margin-top: 0px; margin-bottom: 8px; margin: 0; margin-left: 5px; padding: 0; }
ul li { text-indent:0px; }
ol { margin-top : 0px; margin-bottom : 8px; }
a:link, a:visited, a:hover, a:active { text-decoration:underline; color:#325DB5; }
a:visited { color:#553885; }
a:hover { text-decoration:none; }
h1 { font-size: 18px; color: #316BC3; line-height:18px; padding-bottom: 10px; }
h2 { font-size: 16px; color: #063986; font-weight: bold; line-height:20px; margin: 25px 0 15px 0; }
h3 { font-size: 14px; color: #3584D8; font-weight: bold; line-height:16px; margin-bottom: 15px; margin-top: 20px; }
h4 { font-size: 12px; color: #063986; font-weight: bold; line-height:16px; margin-bottom: 15px; margin-top: 10px; }


/*------------- TEXTUAL ELEMENTS --------------*/

body#popup { margin:0; }
h1.swap { background-repeat:no-repeat; margin:0; padding: 0; }
h1.swap span { display:none; } 
h1#frontHeader { background-image:url("http://www.campaignmonitor.com/images/headers/frontNew.jpg"); height:161px;  }
h1#freeNewsletter { background-image:url("http://www.campaignmonitor.com/images/text/freeNewsletter.gif"); height:18px; }
h1#productNews { background-image:url("http://www.campaignmonitor.com/images/text/fromOurBlog.gif"); height:22px; }
h1#features { background-image:url("http://www.campaignmonitor.com/images/text/features.gif"); height:50px; }
h1#sendingCampaign { background-image:url("http://www.campaignmonitor.com/images/text/sendingCampaign.gif"); height:27px; }
h1#subscriberManagement { background-image:url("http://www.campaignmonitor.com/images/text/subscriberManagement.gif"); height:27px; }
h1#reporting { background-image:url("http://www.campaignmonitor.com/images/text/reporting.gif"); height:27px; }
h1#clientsLove { background-image:url("http://www.campaignmonitor.com/images/text/clientsLove.gif"); height:27px; }
h1#helpTipsSupport { background-image:url("http://www.campaignmonitor.com/images/text/helpTipsSupport.gif"); height:27px; }
h1#theStory { background-image:url("http://www.campaignmonitor.com/images/text/theStory.gif"); height:56px; }
h1#happy { background-image:url("http://www.campaignmonitor.com/images/text/happyCustomersLarge.gif"); height:50px; }
h1#onlyPay { background-image:url("http://www.campaignmonitor.com/images/text/onlyPay.gif"); height:27px; }
h1#news { background-image:url("http://www.campaignmonitor.com/images/text/news.gif"); height:27px; }
h1#contactUs { background-image:url("http://www.campaignmonitor.com/images/text/contactUs.gif"); height:27px; }
h1#startSending { background-image:url("http://www.campaignmonitor.com/images/text/startSending.gif"); height:27px; }
h1#thanks { background-image:url("http://www.campaignmonitor.com/images/text/thanks.gif"); height:27px; }
h1#praise { background-image:url("http://www.campaignmonitor.com/images/text/praise.gif"); height:22px; }
h2.breaker { font-size: 16px; color: #063986; margin-top: 25px; margin-bottom: 15px; }
h2.noTop { font-size: 16px; color: #063986; margin-top: 5px; margin-bottom: 15px; }
h2.frontTitle { margin-bottom: 9px; font-size: 14px; margin-top:0; }
h2.blogTitle { margin-bottom: 15px; font-size: 14px; margin-top:20px; }
h2.indEntryTitle { margin-bottom: 15px; font-size: 18px; margin-top:20px; }
h2.apiTitle { color: #629bf0; margin-bottom: 15px; font-size: 18px; margin-top:25px; font-weight: normal; }
h2.apiTitle404 { color: #629bf0; margin-bottom: 15px; font-size: 18px; margin-top: 0px; font-weight: normal; }
p.para15 { margin-bottom: 15px; }
p.para9 { margin-bottom: 9px; }
p.para7 { margin-bottom: 7px; }
p.para5 { margin-bottom: 10px; }
p.para4 { margin-bottom: 5px; }
p.para3 { margin-bottom: 3px; }
p.zero { padding: 0; margin: 0; }
p#introPadding { padding: 15px; font-size: 14px; padding-bottom: 18px; padding-top: 22px; }
p#introPadding a { font-weight: normal; }
.small { font-size: 11px; }
.blankSmall { font-size: 11px; color:#1F1F1F; text-decoration: none; font-weight: normal; }
.emphasis { color: #222E43; font-size: 12px; background-color: #F0F5FC; padding: 12px; border-top: 1px solid #DAE7F9; border-bottom: 5px solid #DAE7F9; }
.orange { color: #FF7E00; font-size: 12px; }
.light { color: #4C4C4C; }
span.mid { font-size: 12px; }
.middle { text-align: left; padding-top: 3px; width: 50px; }
.lighter { color: #787878; font-size: 11px; }
.lighterPadded { color: #6398E8; padding-bottom: 20px; }
.popupTitle { color: #FFFFFF; font-size: 18px; }
.lightBlue { color: #6398E8; font-size: 11px; }
ul.listArrow { padding-bottom: 12px; }
ul.listArrow li { background: url(http://www.campaignmonitor.com/images/icons/doubleLightBluePointer.gif) no-repeat 0 5px; margin:0; padding: 0px 0px 0px 18px; display:block; list-style-type:none; text-indent: 0px; }
ul.subMenu { margin:0; padding: 0px 0px 0px 3px; font-size: 11px; }
ul.subMenu li { margin:0; padding: 4px 0px 4px 0px; display:block; list-style-type:none; border-bottom: 1px solid #EAEAEA; }
ul.subMenu a:link, ul.subMenu a:visited { padding:0 12px 6px 12px; color: #303030; text-decoration:none; background: url(../images/icons/doubleGreyPointer.gif) no-repeat 0 5px; }
ul.subMenu a:active, ul.subMenu a:hover, ul.subMenu a:link.subMenuOn, ul.subMenu a:visited.subMenuOn { padding:0 12px 6px 12px; color: #000000; text-decoration:none; background: url(http://www.campaignmonitor.com/images/icons/doubleLightBluePointer.gif) no-repeat 0 5px; }
ul.subMenu a:link.subMenuOn, ul.subMenu a:visited.subMenuOn { font-weight: bold; }
ul.tick li { margin:0; margin-left: 8px; padding: 0px 0px 0px 17px; display:block; list-style-type:none; background: url(../images/icons/smallTick.gif) no-repeat 0 2px; margin-bottom: 3px; }
ul.guideMenu { margin:0; padding: 0px 0px 0px 3px; font-size: 11px; }
ul.guideMenu li { margin:0; padding: 4px 0px 4px 0px; display:block; list-style-type:none; border-bottom: 1px solid #EAEAEA; }
.blankItem { background: none; margin-top: 6px; font-weight:bold; }
.errorHeader { color: #DF0000; padding: 5px; padding-left: 10px; font-weight: bold; margin: 0; }
.textOnly { font-family: "Bitstream Vera Sans Mono", monaco, "Courier New", courier, monospace; font-weight: normal; color: #000; }
.verdanaStyle { font-family:verdana,arial,helvetica,sans-serif; }
.subMenuTitle { margin-bottom: 10px; color: #043A87; font-weight: bold; padding-bottom: 3px; border-bottom: 1px solid #EAEAEA; }
.blogMenu { padding-left: 15px; }
div.apiBox { background: #f6f7f9; }
.boxPad { padding: 10px 15px 5px 15px; }
.littleBoxPad { padding: 10px 7px 2px 20px; }
#breadcrumb { margin-top: 1px; width: 710px; background: #f8f8f8; font-size: 11px; padding: 4px; padding-left: 15px; color: #666; }
div.apiCode { background: #f6f7f9; width: 700px; }
div.apiCode pre { color: #000; }
.codePad { padding: 5px 15px 5px 15px; }
.w100 { width: 100%; }
span.value { color: #cc3300; }
span.key { color: #186b16; }
img.right { float: right; margin: 0 0 5px 10px; }
img.left { float: left; margin: 0 5px 10px 0; }
img.threepx { margin: 0; padding: 0; display: block;  }
img.Contextual { padding: 0px; border: 1px solid #cbcbcb; margin: 10px 0; }
.error { color: #bc1414; }
.helpAttachment { float: right; width: 180px; font-size: 11px; padding: 10px; margin: 0 0 20px 30px; background: #F2F8FF; border: 1px solid #D6E7FA; }
.helpAttachment h3 { margin: 5px 0 10px 0; }
.midAlign { vertical-align: middle; }
.blogNote { background: #fffeef; border-top: 1px dotted #dadada; border-bottom: 1px dotted #dadada; padding: 10px; margin-bottom: 15px; }


/*------------- LINK ELEMENTS --------------*/

a.greenLink, a.greenLink:visited, a.greenLink:hover { color: #3D7505; font-size: 11px; }
a.orangeLink, a.orangeLink:visited, a.orangeLink:hover { color: #FF6600; font-size: 11px; }
a.blueLink, a.blueLink:visited, a.blueLink:hover { color: #063986; font-size: 11px; }
a.footerLink, a.footerLink:visited, a.footerLink:hover { color: #FFFFFF; font-size: 11px; }
a.footerLinkCenter, a.footerLinkCenter:visited, a.footerLinkCenter:hover { color: #FFFFFF; font-size: 14px; font-weight:bold; padding-left:170px; padding-right:-15px; }
a.titleLink, a.titleLink:visited { font-size: 14px; color: #134A9E; font-weight: bold; line-height:15px; text-decoration:underline; }
a.titleLink:hover { text-decoration:none; color: #134A9E; }
a.navLink, a.navLink:visited { color: #000; text-decoration: none; }
a.navLink:hover { color: #1158BC; text-decoration: none; }
.navLinkOn, a.navLinkOn, a.navLinkOn:hover, a.navLinkOn:visited { color: #1158BC; text-decoration: none; }


/*------------- FORM ELEMENTS --------------*/

form { margin:0; padding:0; display:block; }
input, select, textarea, option { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#1F1F1F; font-weight:normal; }
input.radio { margin-left:0; margin-right:3px; border:0; }


/*------------- TABLE ELEMENTS --------------*/

.contentWrapper { padding-left: 30px; }
.signUpWrapper { padding-left: 17px; padding-right: 17px; }

.loginWrapper { padding-left: 17px; border-left: 1px solid #E6E6E6; }
.noLeft { padding-left: 0px; }
.greyDivider { padding: 0; margin-top: 16px; margin-bottom: 18px; border-top: 1px solid #E6E6E6; }
.greyDividerSmall { padding: 0; margin-top: 10px; margin-bottom: 10px; border-top: 1px solid #E6E6E6; }
.greyDividerTrial { padding: 0; margin-top: 18px; margin-bottom: 15px; border-top: 1px solid #E6E6E6; }
td.contentHeader { background-color: #2D65B5; color: #FFFFFF; font-size: 11px; border-bottom: 1px solid #0C4087; background: url(http://www.campaignmonitor.com/images/bg/contentHeader.gif); background-repeat: repeat-y; padding-left: 5px; }
td.contentHeaderLight { color: #000000; font-size: 11px; border-bottom: 2px solid #376EBE; border-top: 1px solid #E5EEFA; padding-top: 3px; padding-bottom: 3px; background-color: #F3F8FF; background: url(http://www.campaignmonitor.com/images/bg/lightContentHeader.gif); background-repeat: repeat-y; }
td.contentBottom { border-bottom: 1px solid #CADBE5; font-size: 11px; padding-left: 5px; }
tr.rowOnBlue { background-color: #F9FCFF; }
tr.rowHighlight { border-bottom: 1px solid #CADBE5; font-size: 11px; padding-left: 5px; background-color: #FFFDE9; }

.warning { color:red; }