body { border-top: 6px solid #444; margin: 0; margin-bottom: 25px;padding: 0; background-color: #f0f0f0;
font-family: Arial, sans-serif;font-size: 13px;color: #333;}
h1,h2,h3,h4,h5 {font-family: "Arial", "Bitstream Vera Sans", "Verdana"; xfont-size: 1.3em; }
h1 {font-size: 28px; color: #000; }
a{color: #03c}
a:hover {background-color: #03c;color: white; text-decoration: none;}
textarea {font-family: Arial, sans-serif;font-size: 13px;color: #333;}
.highlight {background-color: yellow;}


#user-list {font-size: .83em;}
#top-navigation{background-color: red;border: 3px solid green;}
#page {background-color: #f0f0f0; width: 925px; margin: 0; margin-left: auto; margin-right: auto;}
#content {float: left;  min-height: 600px; background-color: white; border: 3px solid #aaa; border-top: none; padding: 25px; width: 660px;}
#sidebar {float: right; width: 200px;	}
#footer  {clear: both;}
#banner {padding: 0px; background-color: #dedede; border-bottom: 4px solid #888;}
#top-menu {margin-top: -52px;}
#header, #about {padding-left: 0px;padding-right: 30px; }
#header {}
#header h1, #header h2 {margin: 0; margin-left: 11px;}
#header h2 { color: #888;font-weight: normal; font-size: 16px;}
.app_name {margin-left: 11px; font-size: 1.8em; font-weight: bold;}
#header a, #header a:hover {text-decoration: none;background-color: transparent;}

.follow {padding: 0px 0; font-weight: bold; }
.fieldWithErrors {padding: 2px;background-color: red;display: table;}
#errorExplanation {width: 400px;border: 2px solid red;padding: 7px;padding-bottom: 12px;margin-bottom: 20px;background-color: #f0f0f0;}
.errorExplanation h2 {text-align: left;font-weight: bold;padding: 5px 5px 5px 15px;margin: -7px;background-color: #B1222D;color: #fff;}
#errorExplanation p {color: #333;margin-bottom: 0;padding: 5px;}
#errorExplanation ul li {font-size: 12px;list-style: square; padding:0; margin: 0;}

#flash-notice-content { margin: 11px; padding: 10px; background-color: #eee; border-top: 1px dotted gray; border-bottom: 1px dotted gray;}

#montasticated {margin-top: 88px;}

.clr, .niceline {margin: 0 0 1px; padding: 1px 0 0 0;clear: both;font-size: 2px;}
.niceline {border-bottom: 1px solid #ccc;margin: 0 0 15px 0 ; padding: 15px; padding-bottom:0px;}

#about h3 {margin: 0;margin-bottom: 10px;font-size: 14px;}
#about-content {background-color: #ffd;border: 1px solid #fc0;margin-left: -11px;}
#about-content table {margin-top: 10px; margin-bottom: 10px;font-size: 11px;border-collapse: collapse;}
#about-content td {padding: 10px;padding-top: 3px;padding-bottom: 3px;}
#about-content td.name{color: #555}
#about-content td.value {color: #000}
#about-content.failure {background-color: #fcc; border: 1px solid #f00;}
#about-content.failure p {margin: 0;padding: 10px;}

#main-col {border-top: 1px solid #ccc; margin-top: 25px;padding-top: 15px;}
#main-col > h1 {margin: 0;font-size: 20px; margin-bottom: 25px;}
#main-col   h1 {margin: 0;font-size: 20px;margin-bottom: 25px;}
#main-col > h2 {margin: 0;font-size: 14px;font-weight: normal;color: #333;margin-bottom: 25px;}
#main-col > ol {margin-left: 0;padding-left: 0;}
#main-col > li {font-size: 18px;color: #888;margin-bottom: 25px;}
#main-col > li h2 {margin: 0;font-weight: normal;font-size: 18px;color: #333;}
#main-col > li p {color: #555;font-size: 13px;} 

#green {background-color: green;}
#green h1{font-size: 48em;}
#green .red {background-color: red;}

#submenu {text-align: right; margin-top: -12px;margin-bottom: 11px;}

#signup-container {margin-top: 20px;}
#signup { width: 253px; text-align: center; background-color: #ffd; border: 8px solid #fc0;margin-left: -6px;padding: 14px;}
#signup-explanations{float: right; width: 333px; text-align: left;padding: 0px;}
#signup-explanations h1{ font-size: 15px; padding: 0; margin: 0px;margin-top: 0em; }
#signup-explanations ul{  padding: 0px 5px 5px 5px; margin: 5px 0 0 20px;}

#showing-the-goods{float: left; width: 272px; background-color: white; border: 1px solid silver;margin-left: -6px;padding: 11px;}
#showing-the-goods-explanations{float: right; width: 334px; text-align: left;padding: 0;}
#showing-the-goods-explanations > h2{ font-size: 18px; margin: 0 0 0 0; color: #3a3; }
.talk {color: gray; margin-top: 4px;}
.field-help {color: gray; font-size: .83em; margin-top: 8px; padding: 0;}
#expander .field-help {margin-left: 34px; }


#sidebar ul {margin-left: 0;padding-left: 0;}
#sidebar .quicktime	{ margin-left: 1px; background-image: url("/images/quicktime.png"); background-repeat: no-repeat;background-position: -1px -11px; height: 32px; }
#sidebar ul {padding-left: 6px; }
#sidebar ul h3 { color: black; background-color: #ddd; padding: 4px 0px 4px 6px;margin: 18px 0 6px 0; font-size: 16px;
border-top: 1px solid #aaa;border-bottom: 1px solid #ccc;}
#sidebar li {list-style-type: none;}
#sidebar ul.links li {margin-bottom: 5px;}
.new {color: red; font-weight: bold;}
.checkpoints-example-urls { padding-left:45px;}

#xcheckpointsdiv {margin-left: -11px;}

.seeme { font-size: 1.5em;font-weight: bolder; }
.edit-checkpoint { padding: 0px; margin-bottom: 15px; border-top: 1px solid #fc0;border-bottom: 2px solid #fc0; background-color: #ffd; font-size: .88em;}
.edit-checkpoint-content {margin: 15px;}
.edit-checkpoint form {margin: 0; padding:0;}
#FAQ h1 {margin: 0; padding: 0;}
#FAQ  p {margin: 0;}
#FAQ > h2{padding: 3px 0; margin: 0; margin-top: 1em; color: #3a3; font-size: 13px;}
#logout {margin-top: 10px; margin-bottom: 30px;}

.checkpointname {text-align: left;}
.mandatory-field {color: red; }
.actions {xfont-family: "Lucida Grande", "Bitstream Vera Sans", "Verdana"; font-size: .8em; text-align: left;}
#expander { margin-top: 55px;}
#expander form { padding: 15px; }
#spinner { float: right; margin: 10px;}
.spinner { float: right; margin: 10px;}
.cancel-link { color: red; font-size: .88em; }
.small-text{ font-size: .88em; }
.gray {color: gray;}
.buttons {margin-top: 12px;}
#add-one, #addcheckpoint{background-color: #ffd; border: 7px solid #fc0; padding: 15px 0 0 0; margin: 0; margin-top:20px;}
#add-one fieldset {border: none; padding: 0; margin: 0;}
#addcheckpoint form{ margin: 0; padding: 10px;  }
#addcheckpoint fieldset {border: none;padding: 0; margin: 0;}
#copyright{	margin-top: 55px; padding: 10px;	text-align: center;	font-weight: normal; font-size: 9px;}

#alert-status {margin-top: 8px; }
#on_off {border: 1px solid gray; padding: 3px 7px 3px 7px; font-weight: bold; max-width: 30px; min-width: 30px;}
#on_off.on { background-color: lime; }
#on_off.off { background-color: orange; }


#sponsor {font-size: 11px;margin-top: 6px;}
#sponsor img {border: 0;text-decoration: none; padding-bottom: 3px;}
#sponsor > a img {text-decoration: none; border: 0;}

.addthis {margin: 15px 0px}

/*****************************************************************************
 * Plans- 
 ****************************************************************************/
table.plans,
table.plans tr,
table.plans th,
table.plans td {padding: 0; border: 3px solid #BBB; text-align: center;}
table.plans tr {margin: 0; padding: 0; border: 0;} 
table.plans tr.header {font-size: 1.1em; font-weight:bold; color: #f40;background-color: #ecedff; } 
table.plans th {border-width: thin; border-right-width: medium; text-align: right; color: black; background-color: #ecedff; font-size: .88em; font-weight: bold;} 
table.plans td {width: 6em; border-width: thin; border-right-width: medium;padding:5px;} 
table.plans th {padding:5px;} 
table.plans th.select-plan, 
table.plans td.select-plan {border-top-width: 3px;}
table.plans td.incompatible-plan {background: #fcf4f4;}
table.plans td.current-plan {}
table.plans td.price {font-size: 2em;}


.expiration_warning {
  background-color:#fbefc7;
  border:1px solid #fede6a;
  padding: 10px;
  margin:0;
  font-weight:normal;
}

.my_links {
  padding: 0 0 20px 0;
  margin: 0 0 20px 0;
  border-bottom: 1px solid #ccc; 
}

.my_links li {
  list-style-type: none;
  display: inline;
  padding: 0 10px 0 0;
}

/****************************************************************************
 * CSS for boxes.
 ****************************************************************************/

.box-title {
	margin: 0;
	padding:0 0 0 0.2em;
	font-size: 1.3em;
	font-weight: normal;
	height: 1.5em;
}
.box-custom-title {
  text-align: left; 
  margin:0;
  padding-left:10px; 
  background-color:transparent;
}
.box-description {
	margin-left: 0.4em;
	font-size: 1em;
	margin-top: -0.5em;
	margin-bottom: 0.5em;
	filter: alpha(opacity = 50);
	-moz-opacity: .5;
	opacity: .5;
}
.box_title_default {
	background-color: #bdd7ff;
}
.box_content_default {
	background-color: #fff;
	padding: 3px;	
}

.info_box_title {
  background-color: #fede6a;
}
.info_box_title .box-title {
  white-space: normal;
}
.info_box_message {
  background-color: #fbefc7;
}

.square_box_title {
  background-color: #9ebeff;
}
.square_box_title .box-title {
  white-space: normal;
}
.square_box_message {
  background-color: #e2ecff;
}

.notice_box_title {
  background-color: #71ea85;
}
.notice_box_title .box-title {
  white-space: normal;
}
.notice_box_message {
  background-color: #d1ffd9;
}
.warning_box_title {
  background-color: #ffdf9e;
}
.warning_box_title .box-title {
  white-space: normal;
}
.warning_box_message {
  background-color:#fff0d1;
}
.error_box_title {
  background-color:#ffae9e;
}
.error_box_title .box-title {
  white-space: normal;
}
.error_box_message {
  background-color:#ffd9d1;
}


#create_account_button {
   padding:0;
   width:250px;
   overflow:visible;
}