/* The Main Styles */

* {
  font-size: 15px;
	margin: 0;
	padding: 0;
	font-family: arial;
}

body {
  text-align: center;
  background: #F0F0F0;
}

/* Site Wrapper / Structure stuff */
/* Nesting ->   #page_wrapper > #content_well > #content_copy  */

#page_wrapper {
  text-align: left;
  background: white;
  z-index: 100;
}

#content_well {
  margin: 0 auto;
  width: 875px;
  padding: 30px 20px 0 20px;
  position: relative;
}

body.default #content_well {
	padding-top: 20px;
}
	
#content_copy {
  position: relative;
  width: 610px;
}

#content_copy.Wide {
	width: 100%;
}
	
#page_capper {
  clear: both;
  height: 45px;
  background: white;
}

/* Footer */

#footer_wrapper {
  border-top: solid 3px #e0e0e0;
  padding: 0px 20px 0px 20px;
  clear: both;
}

#footer {
  padding: 25px 0 45px 0;
  border-width: 1px 0 0 0;
  text-align: left;
  margin: 0 auto;
  width: 875px;
}

#footer a {
  color: #787878;
}

#footer a:hover {
  background: #e5e5e5;
}

#footer .Pipe {
  padding: 0 4px;
  color: #ccd4d9;
}

#footer ul {
  float: left;
  margin-right: 60px;
}

#footer ul li {
  color: #666;
}

#footer ul li.Header {
  color: #666;
  font-weight: bold;
  margin-bottom: 8px;
}

#footer ul li {
  margin-bottom: 4px;
}

#copyright {
  float: right;
  color: #787878;
}


/* /Footer */
	
/* Breadcrumbs */
/* Note - we don't currently have breadcrumbs */

#breadcrumbs {
  font-size: 11px;
  color: #9d9c9c;
	position: relative;
  left: -2px;
  margin-bottom: 0px;
  display: none;
}

#breadcrumbs a {
  text-decoration: none;
  font-size: 11px;
  color: #82a3b9;
  padding: 0 3px;
}

#breadcrumbs a:hover {
 background-color: #e5f5ff;
 text-decoration: none;
 color: #386e91;
}

#breadcrumbs span.Pipe {
  position: relative;
  color: #bbbbbb;
  padding: 0 1px;
}

/* Links */

a {
  color: #3c789e;
  text-decoration: underline;
}

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

/* Basic content elements */

p {
  color: #5c5950;
  margin: 0px 0px 20px 0px;
}

ul {
  list-style-type: none;
  margin-bottom: 20px;
}

ol {
  list-style-type: none;
  padding-left: 25px;
  color: #666;
  margin-bottom: 20px;
}


/* Header */

#header_wrapper {
  background-color: #303030;
  z-index: 200;
  background-image: url('/images/global/bg/header-wrapper-bg.gif');
  background-position: bottom center;
  background-repeat: repeat-x;
  position: relative;
  padding: 0 20px 0 20px;
}

#header {
  width: 875px;
  margin: 0 auto;
  position: relative;
  height: 100px;
  z-index: 201;
  background: url('/images/global/zeep-logo-wide.gif') top left no-repeat;
}

#logo {
  display: block;
  background: url('/images/global/zeep-logo-wide.gif') top left no-repeat;
  height: 58px;
  width: 240px;
  text-indent: -2000px;
  position: absolute;
  top: 0px;
  left: 0px;
}

#logo_subscribers {
  display: block;
  background: url('/images/global/zeep-logo-wide.gif') top left no-repeat;
  height: 68px;
  width: 242px;
  text-indent: -2000px;
  position: absolute;
  top: 0px;
  left: 0px;
}

#logo:hover {
  background: url('/images/global/zeep-logo-wide_hover.gif') top left no-repeat;
}

#top_links_container {
  position: absolute;
  width: 250px;
  height: 45px;
  left: 655px;
}

#top_links {
  color: #cccccc;
  position: relative;
  top: 10px;
  text-align: left;
}

#top_links p {
  color: #cccccc;
  margin-bottom: 10px;
}

#top_links a {
  color: #9ec152;
  text-decoration: underline;
}

#top_links a:hover {
  color: #c4ed6c;
  background: none;

}

#top_links .Pipe {
  font-weight: bold;
  padding: 0 2px;
  color: #7a7a7a;
}

#top_links input {
  color: #3d3d3d;
  margin-right: 3px;
  border: none;
  padding: 4px;
  width: 145px;
  font-size: 12px;
  background: url('/images/global/bg/gray-input.gif') top left repeat-x #cccccc;
}

#top_links input.TopButton {
  position: relative;
  top: 6px;
  padding: 0px;
  margin-right: 0px;
  height: 22px;
  width: 57px;
}







/* Main tabbed navigation */








#tabnav {
  width: 650px;
  height: 42px;
  position: absolute;
  top: 68px;
  left: -4px;
  z-index: 200;
}

#tabnav li {
  position: relative;
  float: left;
  color: white;
  padding: 8px 0px 8px 0px;
  margin-left: 4px;
  background: url('/images/global/bg/navtab.gif') top right no-repeat;
  z-index: 201;
  height: 16px;
  }

#tabnav li .LeftCap {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 10px;
  width: 10px;
  background: url('/images/global/bg/navtab.gif') top left no-repeat;
}

#tabnav li.Selected {
  background: url('/images/global/bg/navtab_selected.gif') top right no-repeat;
  opacity: 1;
}

#tabnav li.Selected .LeftCap {
  background: url('/images/global/bg/navtab_selected.gif') top left no-repeat;
}

#tabnav li.Selected a {
  color: #777;
  font-weight: bold;
  font-size: 15px;
}

#tabnav li.Selected a:hover {
  color: black;
}

#tabnav li a {

  font-weight: bold;
  color: white;
  color: #b5d1e3;
  text-decoration: none;

  padding: 8px 20px 8px 20px;
}

#tabnav li:hover {
  opacity: 1;
}

#tabnav li a:hover {
  background: none;
  text-decoration: none;
  color: white;
}

/* Secondary navigation */

#secondary_nav_container  {
  float: right;
  width: 220px;
  margin-bottom: 15px;
  padding-top: 165px;
  background-position: top left;
  background-repeat: no-repeat;
  background-image: url('/images/global/bg/section-pawn-developers.gif');
}

#secondary_nav {
  width: 220px;
  position: relative;
  list-style-type: none;
  padding: 0; margin: 0;
  background: url('/images/global/bg/secondnav_mid.gif') bottom left repeat-y #E3F0F9;
}


.advertisers #secondary_nav_container {
  background: url('/images/global/bg/section-pawn-advertisers.gif') top left no-repeat;
}

#secondary_nav_container .TopCap {
  height: 20px;
  width: 220px;
  background: url('/images/global/bg/secondary_nav.gif') top left no-repeat #E3F0F9;
}

#secondary_nav_container .BottomCap {
  height: 20px;
  width: 220px;
  background: url('/images/global/bg/secondary_nav.gif') bottom left no-repeat #E3F0F9;
}


#secondary_nav li {
  padding: 8px 0 8px 0px;
  width: 180px;
  position: relative;
  left: 20px;
}

#secondary_nav li.Header {
  font-weight: bold;
  font-size: 15px;
  color: #2d5d7c;
  border-bottom: solid 1px #b8d3e6;
  width: 200px;
  position: relative;
  left: 20px;
  width: 184px;
  margin-bottom: 15px;
  padding-top: 0px;
}

#secondary_nav li.Selected {
  position: relative;
  left: -16px;
  padding-left: 25px;
  width: 202px;
  background: url('/images/global/bg/secondnav_selected.gif') top left no-repeat;
}

#secondary_nav li a {
  color: #2d5d7c;
  text-decoration: none;
}

#secondary_nav li.Selected a {
  font-weight: bold;
}


#secondary_nav li a:hover {
  text-decoration: underline;
  background: none;
}

#secondary_nav li.Selected li a {
  font-weight: normal;
}

#secondary_nav .TertiaryNav li.Last {
  border-bottom: none;
}


/* Tertiary nav - getting started guide */

#secondary_nav .TertiaryNav {
  margin: 8px 0 0 0;
  padding: 10px 0px 5px 0px !important;
  background: url('/images/global/bg/tertiary-nav-bottom.gif') bottom left no-repeat white;
}

#secondary_nav .TertiaryNav li {
  margin: 0;
  margin-bottom: 7px;
  padding: 0 0 5px 0;
  /*border-bottom: dashed 1px #d1e6f5;*/
  left: 15px;
  width: 170px;
  font-weight: normal;
}

#secondary_nav .TertiaryNav li.Selected {
  background: none;
}

#secondary_nav .TertiaryNav li.Selected a {
  font-weight: bold;
}

#secondary_nav li.Selected li a {
  font-weight: normal;
}

#secondary_nav .TertiaryNav li.Last {
  border-bottom: none;
}



/*Headings*/

h1 {
  color: #555;
  font-size: 28px;
  font-weight: normal;
  margin: 0px 0px 20px 0px;
}

h1 a {
	font-size: 28px;
}

/* What are these for? - The blog? */



h1 a:hover {

}

h2, h2 span {
  color: #666;
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 15px 0;
  position: relative;
}

h2.Action {
  margin: 0px 0px 25px 0px;
  padding: 2px 0px 2px 26px;
}

h2.CategoryHeader {
  padding-bottom: 2px;
  margin-bottom: 30px;
}

h2.Start {
  background: url('/images/global/icons/icon-blue-start.gif') 0px 2px no-repeat;
}

h2.Register {
  background: url('/images/global/icons/icon-blue-register.gif') 0px 2px no-repeat;
}

h2.Blog {
  background: url('/images/global/icons/icon-blue-blog.gif') 0px 2px no-repeat;
}

h2 a {
  font-size: inherit;
  color: #2d5d7c;
  font-size: 16px;
  text-decoration: none;
  font-weight: bold;
}

h2 a:hover {
  background-color: #d0edff;
  text-decoration: none;
}

h3 {
  margin: 0 0 10px 0;
  color: #666;
  font-weight: normal;
  font-size: 18px;
}

h4 {
  font-size: 15px;

  margin: 0 ;
  color: #666;
}

#column_set {
  position: relative;
  width: 100%;
  overflow: auto;
}

.ColumnResetter {
  height: 1px;
}

#column_set #right_column {
  width: 47%;
  float: right;
  position: relative;
  left: -1px;
}

#column_set #left_column {
  width: 47%;
  float: left;
  position: relative;
}

ul.LineDivider li {
  border-bottom: dashed 1px #d6d6d6;
  padding: 15px 0 15px 0;
}

ul.LineDivider {
  margin-bottom: 15px;
}

/* The Zeep Team */

.JobTitle {

  font-weight: normal;
  font-size: 18px;
	color: #999;
}

.EmailAddress {
  padding-left: 20px;
  background: url('/images/global/icons/email.png') 0px 4px  no-repeat;
}

.PhotoLuke {
  background: url('/images/global/photos/photo_luke.gif') 0px 0px no-repeat;
}

.PhotoScott {
  background: url('/images/global/photos/photo_scott.gif') 0px 0px no-repeat;
}

.PhotoSimon {
  background: url('/images/global/photos/photo_simon.gif') 0px 0px no-repeat;
}


/* Documentation */

/* Code samples */

.HTTPRequestContainer {
  padding: 10px;
  border: solid 1px #999;
  margin: 0 0 0 0;
  background: #e7e7e7;
  border: solid 1px #ccc;
}

.HTTPRequest {
  color: #555;
  padding-bottom: 5px;
  overflow-y: hidden;
  overflow-x: auto;
}

.HTTPRequest pre {
  margin: 0;
}

.CodeSampleContainer {
  margin-top: 10px;
  padding: 10px 14px 14px 14px;
  background: url('/images/global/bg/code-snippet_corner.gif') bottom right no-repeat;
  background-color: #f7f2a2;
  border: solid 1px #d8d37b;
}

.CodeSample {
  overflow-y: hidden;
  overflow-x: auto;
	padding-bottom: 10px;
}

.CodeSample table {
  margin-bottom: 10px;
}

.CodeSample pre {
  font-size: 14px;
  color: #838056;
  margin: 0px;
	font-family: courier;
}

.LineNumbers pre {
  padding-right: 5px;
  color: #b9b354;
  margin: 0;
}

.CodeSampleFooter {
  background: url('/images/global/bg/code-snippet_footer.gif') bottom right no-repeat;
  height: 10px;
  margin-bottom: 15px;
}

.Parameters {
  border: solid 1px #CCC;
  padding: 13px 17px 10px 17px;
  margin-bottom: 15px;
  background: #f8f8f8;
}

.Parameters h3 {
  margin: 0px 0 8px 0;
}

.Parameters table {
  margin: 0;
  padding: 0;
}


/* Gist Samples */

.gist .gist-file {
	margin-bottom: 25px !important;
}

.GistSample pre  * {
	font-family:'Bitstream Vera Sans Mono','Courier',monospace !important;
	font-size: 13px !important;
}

.gist .gist-file .gist-data pre {
	padding: 15px !important;
}

.GistSampleWrapper {
	margin-bottom: 10px;
}

.GistSampleWrapper .GistSample {
	display: none;
}

.GistSampleWrapper h3 {
	padding: 0 0 0 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 0;
	background: #EAEAEA;
}


.GistSampleWrapper.Open h3 {
	-moz-border-radius: 5px 5px 0 0;
}

.GistSampleWrapper h3 span.Credit {
	float: right;
	color: #999;
}

.GistSampleWrapper h3 a:hover {
	background-color: transparent;
	text-decoration: none;
}

.GistSampleWrapper h3 a {
	text-decoration: none;
	background: url('/images/code_sample_closed.gif') 5px center no-repeat;
	display: block;
	padding: 5px 15px 5px 25px;
}

.GistSampleWrapper.Open h3 a {
	background: url('/images/code_sample_open.gif') 5px center no-repeat;
}

/* This is the text area that shows up when you click 'copy' */

#zeep_panel_source_copy {
	display: none;
	width: 100%;
	height: 140px;
}

#copy_zeep_panel_source {
	text-align: right;
	display: block;
	margin-bottom: 5px;
}

#copy_zeep_panel_source:hover {
	background-color: transparent;
}


/* Table of contents for documentation */

.TOC h3 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 16px;
}

.TOC {
  margin: 0px 0px 25px 0;
  border-bottom: solid 1px #CCC;
}

.TOC .BulletListFeatures {
  list-style-type: decimal;
}


/* Terms of service */

#terms_of_service {
  font-size: 14px;
  list-style-type: none;
  color: #5c5950;
}

#terms_of_service li {
  margin-bottom: 5px;
}

#terms_of_service h3 {
  margin-top: 15px;
}

#terms_of_service ol {
  list-style-type: square;
  margin-top: 10px;
  padding-left: 15px;
}

#terms_of_service ol ol {
  list-style-type: circle;
}

/* /Terms of service */


/* Feature Sections (on the overview page, like a feature list) */

.FeatureSectionSmall {
  padding: 0 0 0 90px;
  background: 0 4px no-repeat;
  margin: 0 0 20px 0;
}

#send-to-mobile.FeatureSectionSmall {
  background-image: url('/images/global/icons/send-to-mobile.gif');
}

#receive-from-mobile.FeatureSectionSmall {
  background-image: url('/images/global/icons/receive-from-mobile.gif');
}

#subscribe-users.FeatureSectionSmall {
  background-image: url('/images/global/icons/subscribe-users.gif');
}

.FeatureSectionSmall h3 {
  margin: 0px 0 6px 0;
}

.DividerContainer {
  padding: 20px 0 5px 0;
}

.SectionDivider {
	border: solid 1px white;
	height: 37px;
	width: 100%;
  background: url('/images/section_divider.gif') white no-repeat;
	margin: 30px 0 25px 0;
}

.SectionDivider hr {
	display: none;
}

hr.DashedDivider {
  border: none;
  border-bottom: dashed 2px #CCC;
  height: 1px;
  padding: 0;
	margin: 25px 0 25px 0;
}

/* Lists */

.BulletList {
  list-style-type: disc;
  padding-left: 15px;
  color: #666;
  margin-top: 5px;
  margin-bottom: 20px;
  padding-left: 25px;
}

ul.BulletList li {
  margin: 0 0 4px 0;
  padding: 0;
}

.BulletListFeatures {
  padding-left:20px;
  margin: 0 0 25px 0;
}

ul.BulletListFeatures {
  list-style-type: disc;
}

.BulletListFeatures li, .BulletListFeatures li a {
  margin-bottom: 5px;
}

.BulletListFeatures li a {
  text-decoration: none;
}

dl {
  border: solid 1px #ccc;
  padding: 10px;
}

dh, lh {
  font-size: 16px;
  margin-bottom: 15px;
  display: block;
}

dt {
  margin-bottom: 2px;
  color: #5c5950;
  font-weight: bold;
  float: left;
  width: 120px;
}

dd {
  margin-bottom: 5px;
  color: #5c5950;
  margin-left: 0px;
  border-bottom: dashed 1px #ccc;
  padding-bottom: 5px;
}

dd.Last {
  padding-bottom: 0px;
  border: none;
}

/* FAQ */

ul.FAQ {
  margin: 15px 0 15px 0;
}

.FAQ li {
  margin-bottom: 8px;
  padding-bottom: 8px;
}

.FAQ li p {
  margin-top: 5px;
}


.FAQ li a {
  text-decoration: none;
}

.FAQAnswer {
	display: none;
}


/* How it works */

.StepByStep {
  margin-top: 40px;
  margin-bottom: 50px;
}

.StepByStep h2 {
  margin-bottom: 10px;
}

.StepByStep li {
  position: relative;
  padding-left: 120px;
}

.StepImg {
  float: left;
  margin-bottom: 40px;
  position: absolute;
  left: -43px;
}

.ImageContainer {
  /*float: left;*/
  margin: 0 0 15px 0;
}

.ImageCaption {
  font-size: 12px;
  color: #999999;
  padding-top: 5px;
}

.Spacer-1 {

  height: 10px;
}

/*My Account Section*/



.AppList {
  margin: 0 0 0 0;
  width: 100%;
}

.AppList .ApprovalStatus {
  padding-left: 22px;
}

.AppList .Pending {
  background: url(/images/global/icons/pending-2.png) top left no-repeat;
}

.AppList .Approved {
  background: url(/images/global/icons/accept.png) top left no-repeat;
}

.AppList .NotApproved {
  background: url(/images/global/icons/pending.png) top left no-repeat;
}

.AppList td, .AppList th {
  padding: 10px 15px 10px 0px;
  border-bottom: solid 1px #eee;
  color: #777;
}

.AppList td.APIKey {
  padding: 12px 15px 0px 0px;
  border: none;
}

.AppList th {

  padding: 0 0 10px 0;

  color: #666;
  border: none;
  font-weight: bold;

}


.AppList td.SecretKey {
  padding-top: 4px;
  border: none;
}


/* Homepage */


body.default #breadcrumbs {
  display: none;
}

body.default #subheader_graphic {
  display: none;
}

body #home_graphic {
  display: none;
}

body.default #home_graphic {
  display: block;
  width: 875px;
  height: 250px;
  background: url('/images/topgraphic_home.gif') top left;
  margin-bottom: 15px;
  position: relative;
}
body.default #home_graphic .Button {
  display: block;
  height: 50px;
  background-position: top left;
  background-repeat: no-repeat;
  padding: 0;
}

body.default #home_graphic .Button:hover {
  background-color: transparent;
  opacity: .8;
  filter:alpha(opacity=80);
}

body.default #home_graphic #cta1 {
  display: block;
  width: 148px;
  width: 300px;
  background-image: url('/images/global/buttons/button_cta1.gif');
  position: absolute;
  top: 173px;
  left: 22px;
}

body.default #home_graphic #cta2 {
  width: 232px;
  background-image: url('/images/global/buttons/button_cta2.gif');
  position: absolute;
  top: 173px;
  left:178px;
  display: none;
}

body.default #content_copy {
  width: 100%;
}

body.default #content_well {
  padding-bottom: 10px;
}

/* Homepage Columns */

#three_column_set {
  overflow: auto;
  width: 100%;
}

#three_column_set .ThreeColumn {
  background: url('/images/global/bg/home-columns.gif') top left no-repeat;
  float: left;
  width: 236px;
  padding: 18px 22px 20px 22px;
  margin-right: 17px;
}

#three_column_set .Last {
  margin-right: 0px;
}

.ThreeColumn h2 {

  margin-bottom: 8px;
  margin-top: 0px;
  font-size: 15px;
  color: #666;
  font-weight: bold;
}

.ThreeColumn p {
  margin-bottom: 13px;
  line-height: 120%;
	color: #777;
}

.ThreeColumn h2.Action {
  font-size: 17px;
}

.ThreeColumn h2.Action a {
  font-size: 17px;
}

.ThreeColumn .BulletList {
  list-style-type: disc;
  padding-left: 15px;
  color: #777;
  margin-bottom: 20px;
  padding-left: 18px;
}

.ThreeColumn .BulletList li {
  margin-bottom: 2px;
  font-family: georgia;
  font-size: 15px;
}


/* Step List */


ol.StepList {
  list-style-type: none;
  padding-left: 0px;
}

.StepList li {
  padding-left: 55px;
  background-position: 0px 2px;
  background-repeat: no-repeat;
  margin-bottom: 30px;
}


.StepList .Step1 {
  background-image: url('/images/global/bg/step_1.gif');
}

.StepList .Step2 {
  background-image: url('/images/global/bg/step_2.gif');
}

.StepList .Step3 {
  background-image: url('/images/global/bg/step_3.gif');
}

.StepList .Step4 {
  background-image: url('/images/global/bg/step_4.gif');
}

.Last td {
  border: none;
}

/*New homepage specific stuff*/

.BlogList {
  margin-top: 15px;
  margin-bottom: 10px;
}

.BlogList li {
  border-bottom: dashed 1px #ccc;
  margin-bottom: 10px;
  padding-bottom: 10px;
  padding-left: 18px;
  background: url('/images/global/icons/blog-icon.png') 0px 3px no-repeat;
}

.BlogList li.Last {
  border: 0;
}

.BlogList .Date {
  color: #999999;
  margin: 0px;
  font-size: 12px;
}

.BlogList .Title {
  margin-bottom: 3px;
  padding: 0;
  margin-top: 0px;
}

.BlogList .Title a {
  font-size: 15px;
  font-weight: normal;
}

p.todo {
  color: red;
  font-weight: bold;
  border: dashed 3px #ffcbcb;
  padding: 10px;
  position: relative;

}

h3 tt {
  font-weight: normal;
}

tt {
  font-weight: bold;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
}

p.Tip {
  padding: 10px 0px 10px 60px;
  background: url('/images/global/icons/icon_tip.gif') center left no-repeat #e7ffa3;
  color: #56700f;
  position: relative;
}

p.Note {
  padding-left: 15px;
  border-left: solid 1px #ccc;
  font-style: italic;
}


.NoRepeat{
  background: left no-repeat;
}

.MO {
  padding: 2px 6px 2px 6px;
  border: solid 1px #9bb8c5;
  background: #dee9ee;
  font-size: 16px;
  font-weight: bold;
  color: #22495b;
}

.TableWrapper {
  padding: 13px 15px 15px 15px;
  border: solid 6px #ddd;
  margin: 0 0 25px 0;
}

.TableWrapper .Action {
  margin-top: 15px;
}

ul.CarrierList {
  list-style-type: none;
  padding-left: 0;
}

ul.CarrierList li.Approved {
	padding-top: 0px;
	background: url('/images/global/icons/active.png') center left no-repeat;
	padding-left: 20px;
}

.SuccessResponse td.StatusCode {
background: url('/images/global/icons/active.png') no-repeat 27px 11px;
}

.ErrorResponse td.StatusCode {
background: url('/images/global/icons/pending.png') no-repeat 27px 11px;
}

/* virtual test phones */


.OutboundMessage, .InboundMessage{
margin: 2px;
padding: 2px;
}


/*this is MO*/

.InboundMessage {
	color: #2D5D7C;
  background: #d7efbb;
	clear: left;
	float: right;
  padding: 3px;
  margin-bottom: 4px;
}

.OutboundMessage {
	color: #2D5D7C;
  background: #ccdfed;
	clear: right;
	float: left;
  padding: 3px;
  margin-bottom: 4px;
}


#phone-sim-div {
	background: #DDD;
	float: left;
	border: 8px solid #ddd;
  border-width: 12px 8px 12px 8px;
	width: 240px;
}

#display{
	background: #E3F0F9;
	clear: both;
	padding: 5px;
	height: 150px;
	overflow: auto;
  color: #2D5D7C;
  font-size: 12px;
}

#phone-sim-div textarea{
	background: #E3F0F9;
  padding: 5px;
	width: 226px;
  border: 0px;
  margin: 0px;
  border: solid 2px #b2cee2;
  margin-bottom: 8px;
  color: #2D5D7C;
  font-size: 12px;
  
}

.PhoneInstructions {
  padding-left: 280px;
  padding-right: 20px;
  text-align: left;
}

#phone-sim-div input {
  width: 80px;
  padding: 5px 0 5px 0;
  font-size: 12px;
}


#test {
  background: #E3F0F9;
  display: block;
  height: 400px;
  padding: 5px;
}


/* LINKS WITH ICONS */

a.SpawnPhone {
  padding-left: 22px;
  background: url('/images/global/telephone.png') 0px 0px no-repeat;
  font-weight: bold;
}

.UserName {
  width: 110px;
}

ul.TestPhones li {
  position: relative;
  margin-bottom: 12px
}

.TestPhones {
  padding-left: 15px;
  margin-bottom: 0px;
}

.PlainTable td, .PlainTable th {
  padding: 4px 15px 4px 0px;
}

.BetaNotice {
  padding: 15px 15px 15px 15px;
  margin: 15px 0 15px 0px;
  border: solid 6px #dce6b3;
  background-color: #eef4d6;
}

.BetaNotice p {
  color: #829145;
  font-size: 15px;
  padding: 0;
  margin: 0 0 5px 0;
}

.BetaNotice a {
  font-size: 15px;
  color: #829145;
  font-weight: bold;
  text-decoration: none;
}


.BetaNotice a:hover {
  background-color: transparent;
  text-decoration: underline;
}

.ImageWithCaption {
  display: block;

}

.errors #breadcrumbs {
  display: none;
}

.errors #top_links {
  display: none;
}


div.Photo {
  padding-left: 125px;

}

span.Pipe {
  padding: 0 6px 0 6px;
}



.FieldContainer {
  background-image: none;
}


.AppList td, .AppList th {
  border: none;
}


.AppList tr.GroupMessage td {
  border-bottom: solid 1px #eee;
  padding-bottom: 15px;

}

.GroupMessageLink {
  padding-left: 23px;
  background: url('/images/global/icons/icon_group.png') top left no-repeat;
}



#content_copy p {
  line-height: 140%;
}




.ThreeColumn h2.Action, h2.Action {
  font-size: 16px;
  padding: 0 0 0 22px;
  background-position: top left;
}

.ThreeColumn h2.Action a {
  font-size: 16px;
}

h2.Action a {
  padding: 0 3px;
}

.ThreeColumn h2.Action {
  position: relative;
}

.ThreeColumn h2.Action a {
  position: relative;
  top: -1px;
}

.ThreeColumn h2 {
  /*margin-top: 20px;*/
}

p.CountryDisclaimer {
	color: #666;
	margin-top: 15px;
	background: url('/images/global/flags/us.gif') 0 3px no-repeat;
	padding-left: 24px;
}

.GoogleGroup p {
  margin-top: 15px;
  padding-left: 22px;
 	/*background: url('/images/global/icons/google-group.gif') 0px 0px no-repeat;*/
  background: url('/images/global/icons/discussion.png') 0px 0px no-repeat;

}

.GoogleGroup a {
  text-decoration: none;
  font-weight: bold;
}

/* Pricing Table */

.PricingTableWrapper {
	padding: 10px;
	border: solid 6px #ddd;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;

	margin: 10px 0 20px 0;
}


.PricingTableWrapper h2.TableHeading {
	padding: 12px 3px 12px 0px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;

	font-size: 22px;
	text-align: center;
	font-weight: normal;
	background: #303030;
	color: white;
	margin: 0 0 5px 0;

}

.Pricing {
  width: 100%;

}

.Pricing * {
  font-size: 13px;
}

.Pricing td, table.Pricing th {
  padding: 15px 5px;
	text-align: center;
}

.Pricing th {
  font-weight: bold;
  background-color: #eee;

}


.Pricing tr.Volume td {
		border-right: solid 1px white;
}

.Pricing td {
  border-right: solid 1px #eee;
}

.Pricing td.Last {
  border-right: none;
}

.Pricing tr.Volume td {
	font-weight: bold;
	background: #eee;
	font-size: 18px;
}

.Pricing tr.Volume td h2 {
	font-size: 15px;
}



.Pricing tr.SignUp td {
	padding: 12px 0 10px 0;
	
}

.Pricing tr.Cost td {
	font-size: 18px;
	border-top: solid 2px #ccc;
	padding-bottom: 5px;
}

.Pricing td.RowTitle {
	text-align: left;
}

.Pricing h2 {
	margin: 0;
	padding: 0;
	font-weight: bold;
	color: #333;
}

.Pricing .ExtraInfo {
	color: #999;
	font-size: 11px;
	font-weight: normal;
}

.Pricing .ActionButton {
	padding: 5px 2px;
}

/* /Pricing Table */






/**/
/*Form styles borrowed from zeep media*/



.CCForm label {
  font-weight: normal;
}

.CCForm .DropDownInput {
  padding: 0;
  color: #333;
}

.Payment th {
	border-bottom:4px solid #EEEEEE;
	padding-bottom:3px;
}

.AppList th {
	color:#666666;

	font-size:15px;
	font-weight:bold;
	padding:0 0 10px;
}

.Payment .Total td {
	border:medium none;
	padding-bottom:0;
	text-align:right;
}

.Payment .ItemPrice {
	padding-right:0;
	text-align:right;
}

td.DeleteApp {
	text-align: right;
}

.TableWrapper {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;

}

.MonthlyPlanVolume, .MonthlyPlanVolume option {
	font-size: 15px;

}

#app_list label {
	display: inline;
	font-weight: normal;
}

.FormActions {
	margin-top: 5px;
}


.AdFreeSettings a {
	font-size: 15px;
	text-decoration: none;
}

.AdFreeSettings p.Plan {
	margin-bottom: 20px;
}

.AdFreeSettings .ExtraInfo {
	color: #999;
	margin-bottom: 0;
}

.Pipe {
	color: #999;
	padding: 0 4px;
}

#developer_pricing_plan_id {

}


.BillingTable td, .BillingTable th {
	padding: 6px 6px 6px 0;
}

.BillingTable th {
	font-size: 13px;
	border-bottom: solid 2px #ccc;
}

.BillingTable th.Description {
	width: 170px;
}

.BillingTable th.Date {
	width: 90px;
}

.BillingTable * {
	font-size: 13px;
}

.BillingTable td {
	border: solid 1px #ddd;
	border-width: 0 0 1px 0;
}

.BillingTable td.Money,
.BillingTable th.Money {
  text-align: right;
}

.BillingTable td.View  {
  text-align: right;
  padding-right: 0;
}

.BillingTable td.Description {
	width: 200px;
}

.BillingTable tr.Balance td {
	font-weight: bold;
	border-width: 1px 0 0 0;
}

.BillingTable tr.Balance td.View {
	text-align: right;
}


.TableWrapper table.Regular td,
.TableWrapper table.Regular th
{
	padding: 3px 15px 3px 0;
	color: #777;
}


.TableWrapper table.Regular td.Header {
	font-weight: bold;
}

.BottomButtons {
	margin-top: 15px;
	
}



#home_graphic h1 {
	position: absolute;
	font-size: 25px;
	top: 20px;
	left: 20px;
	margin: 0;
	padding: 0;
	color: #555;
}



#home_graphic h1 strong {
	font-size: 25px;
}

#home_graphic #main_focus {
	width: 375px;
	color: #888;
	position: absolute;
	left: 20px;
	top: 58px;
	padding: 0;
	margin: 0;
	font-size: 18px;
	line-height: 130%;
}



#home_graphic h2 {
	font-size: 20px;
	font-weight: bold;
	color: white;
	position: absolute;
	top: 22px;
	left: 605px;
	margin: 0;
	padding: 0;
}

#home_graphic #secondary_focus {
	color: #ccc;
	font-size: 18px;
	width: 240px;
	position: absolute;
	top: 53px;
	left: 605px;
}

#home_graphic #secondary_focus strong {
	color: #eee;
	font-size: 18px;
}

body.default #home_graphic #cta2 {
  width: 152px;
	height: 39px;
  background-image: url('/images/global/buttons/button_cta2.gif');
  position: absolute;
  top: 178px;
  left: 605px;
	display: block;
	text-indent: -3000px;
}

/* Receipt Stuff */

.Receipt {
  padding: 20px;
  border: solid 6px #eee;
  margin-bottom: 20px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.Receipt h2 {
  margin-bottom: 20px;
  margin-top: 0;
	padding: 0;
	font-size: 20px;
}

.Receipt h3 {
  font-size: 18px;
  margin: 0 0 10px 0;
  padding: 0;
  font-weight: bold;
}

.Receipt h3 span {
	font-weight: normal;
	font-size: 18px;
}

.InvoiceItems {
	width: 100%;
	margin-bottom: 20px;
}

.InvoiceItems td, .InvoiceItems th {
 	padding: 3px 0;
	margin: 0;
	color: #555;
}

.InvoiceParties td {
	color: #555;
}

.InvoiceItems th {
	border-bottom: solid 1px #bbb;
}

.InvoiceItems .Cost {
	text-align: right;
}

.InvoiceItems .TotalCost {
	text-align: right;
	font-weight: bold;
}

.InvoiceItems .TotalCost td {
	border-top: solid 2px #bbb;
}

.InvoiceParties {
	width: 100%;
	margin: 15px 0 25px 0;
}

.VoucherState {
	float: right;
	font-size: 18px;
}

.VoucherPaid {
	padding: 5px 10px;
	color: #658b3b;
	font-size: 40px;
	font-weight: bold;
	background: #bae290;
	border: solid 6px #bae290;
	-moz-border-radius: 10px;
}

.VoucherOpen {
	display: none;
}

.VoucherPrinted {
	display: none;
}

.VoucherUnpaid {
	display: none;
}

.VoucherForwarded {
	padding: 5px 10px;
	color: #658b3b;
	font-size: 22px;
	font-weight: bold;
	background: #bae290;
	border: solid 6px #bae290;
	-moz-border-radius: 10px;
}

#home_graphic {
	margin-bottom: 0 !important;
}
	
.ThreeColumn .VibesLogo {
	float: right;
}

.Announcement {
	font-size: 23px;
	text-align: center;
	color: #777;
	padding: 5px 0 18px 0;
}
.Announcement strong {
	font-size: 23px;
}

.Announcement img {
	position: relative;
	top: 7px;
}

.Announcement a img {
	border: none;
}

.Announcement a {
	font-size: 23px;
	text-decoration: none;
}