/* @group reset */

* { margin:  0; padding: 0; }
ul, ol { list-style: none; }
p { margin: 10px 0; }
a img, fieldset { border: 0; }

/* @end */
/* @group utility */

.clear {
	height: 1px;
	clear: both;
	margin-top: -1px;
	overflow: hidden;
}
.row:after, .clearfix:after, .bio:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.add_top, #add_top { margin-top: 15px; }
.add_bottom, #add_bottom { margin-bottom: 15px; }
.no_bottom { margin-bottom: 0; padding-bottom: 0; }
.no_top { margin-top: 0; }
.no_border { border: 0; }
.left { float: left; }
img.left { margin: 0 15px 15px 0; }
.right { float: right; }
img.right { margin: 0 0 15px 15px; }
.text_right { text-align: right; }
.hide { display: none; }
.contact_subject { display: none; } /**/

#announcement { background:#FFFCD5; }
#announcement p { margin:0px; text-align: center; }

/* @end */
/* @group =base */

body {
	font: 14px "Lucida Grande", "Lucida Sans Unicode", Arial, Sans-Serif;
	color: #333;
}
.center-wrap {
    width: 960px;
    margin: 0 auto;
}
#header { background: url(../images/structure/bg-mast.png) 0 0 repeat-x; }
#header .center-wrap { 
	position: relative; 
    height: 118px;
    background: url(../images/structure/bg-mast.png) 0 0 repeat-x;
}
#main {
    background: #fff;
    padding: 25px 0;
}
#header h1 {
    position: absolute;
    margin: 0;
    top: 40px;
    left: -3px;
}
#header h1, #header h1 a {
    width: 276px;
    height: 53px;
}
#header h1 a { 
	display: block; 
	text-indent: -9000em;
    background: url(../images/structure/logo-devver.png) 0 0 no-repeat;	
}
#nav-utility {
    position: absolute;
    right: 0;
    top: 15px;
    font-size: 13px;
    color: #fff;
}
#nav-utility a { color: #fff; }
#footer-links a { color: #98A8A7; }
#col-main-full { padding: 0 90px; }
.col-main { float: left; }
.aside { float: right; }
#caliper-form {
    /*the width of the form*/
    width: 670px ;
    margin-left: auto ;
    margin-right: auto ;
}
#caliper-twitter {
    /*the width of the form*/
    width: 375px ;
    margin-left: auto ;
    margin-right: auto ;
}

#caliper-project-details {
    background-color:#EFFCFF;
    border:1px solid #012E40;
    padding: 8px;
}
#caliper-project-details h1 { font-size: 23px; margin: 5px 0 5px; }
#caliper-project-details form {
    float: right;
}
#caliper-project-details 	table {
    	margin: 5px 0;
    	border-bottom: none;
    	border-left: none;
	}
#caliper-project-details	td, th {
    	padding: 5px 0;
    	border-bottom: none;
    	border-right: none;
    	border-left: none;
	}
#caliper-project-details	th {
    	background: none;
    	font-weight: standard;
    	text-align: left;
	}
#caliper-project-details	td { /*font-size: 12px;*/ }
#caliper-project-details	tr:hover { background: #EFFCEE; }

#caliper-clean 	table {
    	margin: 5px 0;
    	border-bottom: none;
    	border-left: none;
	}
#caliper-clean	td, th {
    	padding: 5px 0;
    	border-bottom: none;
    	border-right: none;
    	border-left: none;
	}
#caliper-clean	th {
    	background: none;
    	font-weight: standard;
    	text-align: left;
	}
#caliper-clean	td { /*font-size: 12px;*/ }
#caliper-clean	tr:hover { background: none; }

.caliper-short-header { font-size: 17px; margin: 18px 0 -5px; }
p, #main ol, #main ul { line-height: 1.5; }
#main ul li {
	padding-left: 25px;
	background: url(../images/structure/bul.png) 8px 7px no-repeat;
	line-height: 1.5;
	margin: 6px 0;
}
#main ol li, #main ul li {
	line-height: 1.5;
	margin: 6px 0;    
}
#main ol li {
	list-style: decimal;
	margin-left: 25px;
}
.page-title, .col-main .page-title {
	font-size: 27px;
	margin: 10px 0 15px;
}
.page-intro {
    font-size: 15px;
    background: url(../images/structure/bg-dots.png) 0 100% repeat-x;
    padding-bottom: 15px;
    margin-bottom: 25px;
}
.project_links{ 
    /*float: right;*/
    /*padding-left: 8px;*/} 

.caliper_addition_info{ 
    float: right;
    padding-top: 18px;
    padding-bottom: -5px;} 

.emphasis { font-weight: bold; }

	/* @group -headers */
	h2, h3, h4, h5 { }
	h1 { font-size: 20px; margin: 25px 0 15px; }
	h2 { font-size: 17px; margin: 20px 0 10px; }
	h3 { font-size: 15px; margin: 20px 0 10px; }
	h4 { font-size: 13px; margin: 15px 0 10px; }
	h5 { font-size: 11px; margin: 15px 0 0; }	
	/* @end */

	/* @group -links */
	a { text-decoration: underline; color: #014053; }
	a:visited {}
	a:hover { text-decoration: none; }
	a:active {}
	/* @end */

	/* @group -navigation */
	#nav { 
		position: absolute;
		right: -13px;
		bottom: 0;
		text-transform: uppercase;
	}
	#nav li { float: left; }
	#nav li:first-child {
    	background: url(../images/structure/bg-nav-first.png) 0 100% no-repeat;
    	padding-left: 13px;
	}
	#nav li:last-child {
    	background: url(../images/structure/bg-nav-last.png) 100% 100% no-repeat;
    	padding-right: 13px;
	}	
	#nav li a {
	    display: block;
	    padding: 13px 15px;
	    background: #fff;
	    color: #333;
	    letter-spacing: 1px;
	    border-right: 1px solid #ccd5d9;
	    text-decoration: none;
	    font-size: 13px;
	    position: relative;
	}
	body.about #about a, body.how-it-works #how-it-works a, body.documentation #documentation a, body.contact #contact a, body.blog #blog a, body.jobs #jobs a, body.caliper-home #caliper-home a, body.caliper-community #caliper-community a, body.projects #projects a { border-top: 3px solid #b60c00; margin-top: -3px; }
	#nav li:last-child a { border-right: none; }
	#nav li a:hover { border-top: 3px solid #ccd5d9; margin-top: -3px; }
	.nav-sec li a {
    	display: block;
    	font-size: 14px;
    	padding: 5px;
	}
	.nav-sec li a:hover { background: #eee; color: #b60c00; }	
	/* @end */
	
	/* @group -footer */
	#footer {
		font-size: 11px;
		color: #98a8a7;
		padding: 10px 0 50px;
		background: #012e40;
	}
	/* @end */
	
	/* @group -form elements */
	button, input[type="submit"] {
		cursor: pointer;
		width: auto;
		overflow: visible;
		border: none;
    	background: #b92218;
    	color: #fff;
    	font-weight: bold;
    	border-top: 1px solid #cd5b52;
    	-moz-border-radius: 3px;
    	-webkit-border-radius: 3px;
    	padding: 5px 20px;		
    	font-size: 13px;
    	line-height: normal;
	}
	input, select, textarea {
    	border: none;
		font: 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Sans-Serif;
		color: #333;
	}
	input[type="text"], input[type="password"], textarea {
	    background: url(../images/structure/bg-input.png) 0 0 no-repeat;
	    padding: 7px 5px 5px 7px;
	    border: 2px solid #efefef;
	}
	input[type="text"]:focus, input[type="password"]:focus, textarea:focus { border-color: #fff7ab; }
	/* @end */		
	
	/* @group -tables */
	table {
    	margin: 15px 0;
    	border-bottom: 1px solid #ccc;
    	border-left: 1px solid #ccc;
	}
	td, th {
    	padding: 6px 8px;
    	border-bottom: 1px solid #ccc;
    	border-right: 1px solid #ccc;
    	border-left: 1px solid #fff;
	}
	th {
    	background: #d9e3e6;
    	font-weight: bold;
    	text-align: left;
	}
	td { /*font-size: 12px;*/ }
	tr:hover { background: #fffce1; }
	/* @end */

/* @end */
/* @group =pages */

.emphasis {
    background: #fff7ab;
}
.hr {
    border-bottom: 1px solid #eee;
    margin: 20px 0;
}
.hr hr { display: none; }

	/* @group -home */
	.col-main { width: 600px; }
	.aside { 
		width: 298px; 
		background: url(../images/structure/bg-aside-home.png) 0 0 no-repeat;
		padding-left: 30px;
		min-height: 300px;
	}
	.col-main h2 {
	    margin: 10px 0;
	    font-size: 23px;
	}
	.home .col-main h2 span { color: #b60c00; }
	.home .col-main h3 {
	    margin: 10px 0;
	    font-size: 16px;
	    font-weight: normal;
	}
	.home .col-main p { font-size: 14px; }
	#feature-home {
		background: #efefef;    
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		margin: 30px 0;
	}
	.home .aside h3, h3.sec-top {
	    background: url(../images/structure/bg-dots.png) 0 100% repeat-x;
	    padding: 0 0 15px;
	    font-size: 18px;
	    font-weight: normal;
	}
	.home .aside label {
	    float: left;
	    width: 60px;
	    padding-top: 6px;
	}
	.home #email { width: 200px; }
	#signup {
    	height: 62px;
    	width: 256px;
    	background: url(../images/structure/btn-signup.png) 0 0 no-repeat;
    	text-indent: -9000em;
    	margin: 15px 0 0 12px;
    	float: left;
    	line-height: normal;
    	border: none;
	}
	#signup:hover { background-position: 0 -64px; }
	#secondary { background: #efefef; padding: 10px 0 50px; }
	#secondary h4 {
	    font-size: 16px;
	    font-weight: normal;
	    color: #012e40;
	    padding-bottom: 10px;
	    border-bottom: 1px solid #d8d8d8;
	}
	#col-about, #col-blog { float: left; }
	#col-twitter { 
		float: right; 
		width: 225px;
	}
	#col-about { width: 407px; }
	#col-blog {
	    width: 260px;
	    margin-left: 32px;
	}
	#col-blog p {
		padding-left: 45px;
	}
	.date {
    	float: left;
    	background: #fff;
    	padding: 3px;
    	text-align: center;
	}
	.date span {
    	display: block;
    	padding: 2px;
    	line-height: normal;
	}
	.month {
    	text-transform: uppercase;
		font-size: 11px;
    	background: #e0e0e0;		
	}
	.day { font-size: 17px; }
	.subsize { font-size: 12px; }
	#col-blog p.subsize {
	    margin-top: -5px;
	}
	.twitter {
    	background: url(../images/structure/ico-twitter.png) 0 0 no-repeat;
    	padding: 3px 0 3px 25px;
	}
	.profiles { margin-top: 15px; }
	.profiles * { float: left; }
	.profiles img {
    	padding: 3px;
    	background: #fff;
    	border-right: 1px solid #ccc;
    	border-bottom: 1px solid #ccc;
    	margin-right: 8px;
	}
	.meet-team { line-height: 4.5; margin-left: 5px; }
	/* @end */

	/* @group -about */
	.bio {
	    padding-left: 65px;
	    margin: 30px 0 0;
	}
	.bio img {
    	float: left;
    	margin-left: -115px;
    	padding: 5px;
    	border-right: 1px solid #ccc;
    	border-bottom: 1px solid #ccc;
	}
	.bio h3 {
		color: #b60c00;
		padding: 5px 0 0;
		margin: 0;
	}
	.bio h4 {
    	margin: 2px 0 0;
		font-style: italic;
	}
	/* @end */
	
	/* @group -error & notice */
	div.error {
    	background: #efefef;
    	padding: 10px;
    	border: 1px solid #b92218;
    	margin: 5px 0 25px;
	}
	.error-hd {
    	font-size: 15px;
    	margin: 0;
	}
	.error h2 {
    	font-size: 13px;
    	margin: 0 0 10px;
    	color: #b92218;
	}
	.error li {
  /*  	list-style: disc;*/
    	margin: 0 0 2px 20px;
	}
	.notice {
		background: #FFFEEB;
		border: 1px solid #fff7ab;
	}
	/* @end */

/* @end */

form label {
   display: block;
}


div.mc-field-group input {
   width: 25em;
}

div.input-group {
   margin-left: 2em;
}

div.input-group label {
   display:     inline;
}

div.input-group li {
   display: inline;
}

dt {
   margin-top:    1ex;
   margin-bottom: 0.5ex;
}

dt * {
   background:    #efefef;
}

dd {
   margin-left: 2em;
   margin-right: 2em;
}

.api-key {
   font-size: 80%;
}

.partners {
    /*padding-left: 65px;
    margin: 30px 0 0; */
	}
.partners img {
    float: left;
    /*margin-left: -115px; */
    padding-right: 15px;
}
.partners p {
    margin: 10px 0 0;
}

tr.failed {
   background-color: #FFDDCC;
}
tr.succeeded {
   background-color: #BBF8AA;
}

/*tr.result .status:after {
   content: "*";
}*/

.note {
   font-size: small;
}

.caliper #header h1 {
    position: absolute;
    margin: 0;
    top: 10px;
    left: -3px;
    color: #FFFFFF;
}

.caliper #header .tagline {
    color: #EFEFEF; 
    font-size:20px; 
    top: 50px;
    position: absolute;
}

.caliper h1 {
  font-size:50px;
  margin: 0 0 0;
}

.caliper .subscript {
  color: #B92218;
  font-size:35%;
  vertical-align:bottom;
}

.caliper .tagline {
  color: #014154;
  margin-left: 20px;
  font-size: 50%;
}

.caliper .headline {
 font-size: 40px;
}

.caliper .headline .name {
  color: #B92218;
}

.caliper .tool-desc {
   color: #014154;
   font-style: italic;
   font-weight: lighter;
}

.caliper .metric-link {
   float: right;
}

.caliper .stat {
  font-weight: bold;
}

#feedback {
  display:scroll;
  position:fixed;
  top:35%;
  left:0px;
}

.caliper table {
  width: 100%;
}

.community-stats .tool-name{
  font-weight: bold;
  font-size: 130%
}

.community-stats .tool-description {
  font-style: italic;
  font-size: 110%;
  color: #7F7F7F;
}

.community-stats .measure-title {
 font-weight: bold;
}

.community-stats .measure-description{
    font-size: 90%;
    color: #7F7F7F;
}

.project-navigation-bar {
  background:#DADADA repeat-x scroll 0 100%;
}

.project-navigation {
  font-size: 120%;
  padding-bottom: 3px;
  padding-top: 3px;
  width: 960px;
  margin: 0 auto;
}

.project-navigation .project-name{
  font-size: 140%;
}

.project-navigation .tools {
  float:right;
  margin-top:5px
}