﻿@charset "utf-8";
/*Begin CSS Reset*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}
/*End CSS Reset*/


body {
	background-color: #3D5473;
	/*font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;*/
    font-family:"Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
    line-height: 1.2
}
header {
	background-color: #9c7758;
	padding-left: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-right: 10px;
}
header nav {
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
	text-align:right;
}
header nav ul li {
	display: inline-block;
}
header nav ul li img {
	margin: 2px 3px 2px 3px;
	width: 171px;
	height: 40px;
}
header h1 {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    font-size: 2em;
    background: url(/_design/images/cp2014.png) no-repeat;
    height:100px;
}
header h1 span{
    display:none;
}
header h1 a, header h1 a:hover, header h1 a:visited{
	color:#000000;
	text-decoration:none;
}
#printheader{
    display:none;
}
#maincontent {
	margin-left: auto;
	margin-right: auto;
	width: 1200px;
}
#maincontent nav {
	color:#FFFFFF;
	margin: 10px 0 10px 0;
	padding: 0 3px 0 3px;
}
#maincontent nav a {
    margin: 0 5px;
}
#maincontent nav span {
	text-align: right;
	float: right;
	clear: none;
	display: list-item;
	list-style:none;
}
#maincontent nav ul {
	padding: 0;
	margin: 0;
	display:inline-block;
}
#maincontent nav ul li {
	padding: 0;
	margin: 0;
	display:inline-block;	
}
#maincontent nav ul li + li {
	border-left: thin #FFFfff solid;
	padding-left:4px;
}
#maincontent nav a:link, nav a:visited, nav a:hover {
	color:#FFFFFF;
}
#maincontent nav a:hover {
	text-decoration:none;
}
article {
	background-color: #FFFFFF;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 20px;
	padding-top: 10px;
}
article h2 {
	font-size: 1.7em;
	color:#1D2840;
	clear:both;
}
article h3 {
	font-size: 1.5em;
	color:#1D2840;
	margin: 15px 0 5px 0;
	clear:both;
    border-bottom: dotted thin #1D2840;
}
article h4 {
	font-size: 1.2em;
	/*color:#1D2840;*/
	margin: 20px 0 5px 0;
	clear:both;
    width: 100%;
    display:block;
    /*border-bottom: dotted medium #1D2840;*/
    background:#9c7758;
    color:#ffffff;
    padding:1px 0 2px 3px;
}
article h5 {
    font-size: 1.1em;
    font-style:italic;
}
article p {
	margin: 10px 0 10px 0;
}
article p strong, article li strong {
    font-weight:700;
    }
article sup { 
    vertical-align: super;
    font-size: smaller;
}
article img {
    box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.3);
}
article img:hover {
    box-shadow: 0px 0px 12px 1px rgba(242,233,174,1);
}
article img.noback {
    box-shadow: 0px 0px 0px 0 rgba(0,0,0,0.3);
}
article img.noback:hover {
    box-shadow: 0px 0px 0px 0px rgba(242,233,174,1);
}
strong {
    font-weight:bold;
}
em {
    font-style:italic;
}
article ul {
    list-style:disc;
    margin:3px 20px;
}
article ul li {
    margin:5px 0px;
}
article ol {
    list-style-type:decimal;
    list-style:decimal;
    margin:3px 20px;
}
article ol li {
    margin:5px 10px;
}

article img{
    margin: 3px 5px;
}
article blockquote{
    margin:0 20px;
}
.pullquote {
	background-image: url(https://clemencyproject2014.org/_design/images/quote.png);
	background-repeat: no-repeat;
	background-size: 30px 20px;
	padding-top: 20px;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 20px;
	margin-top: 30px;
	background-color: #D8D8D8;
	border-radius: 10px;
}
article .requiredfield {
	color: #900;
}
article .highlight {
    background-color:yellow;
    font-weight:600;
}
/*#maincontent article p img, #maincontent article p video {
	float: left;
	margin: 3px 10px 10px 3px;
	width: 320px;
	height: 213px;
}
#maincontent article p img, #maincontent article p audio {
	float: left;
	margin: 3px 10px 10px 3px;
	width: 320px;
}*/
article a {
	text-decoration:underline;
    /*color:#173dba;*/
}
article a:hover {
	text-decoration:none;
}
article a:visited {
	/*color:#5F1264;*/
}
.littlesmaller {
    font-size:0.8em
}
/* Begin typical sizes Styles */
#main #aspnetForm #rotating-item-wrapper {
	position: relative;
	width: 900px;
	height: 200px;
}
#main #aspnetForm .rotating-item {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}
#main #aspnetForm header nav {
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    text-align: right;
}
#main #aspnetForm header h1 {
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    font-size: 2em;
}
#main #aspnetForm #maincontent {
    margin-left: auto;
    margin-right: auto;
    width: 900px;
}

.byline{
    font-size:.80em;
    font-style:italic;
    width: 95%;
    display:block;
    /*border-bottom: dotted medium #1D2840;*/
    background:#9c7758;
    color:#ffffff;
    padding:3px;

}
.bylinenobck{
    font-size:.80em;
    font-style:italic;
    width: 95%;
    /*border-bottom: dotted medium #1D2840;*/
    padding:3px;

}
/* End typical sizes Styles */

/* Begin Two Columns */
#colmain{
    width:600px;
    float:left;
    border-right:solid #000000 1px;
    padding:0 10px 0 0px; 
}
#colsidebar {
    width:250px; 
    padding:0 10px; 
    float:right;
    
}
#colsidebar h4{
    font-size:80%;
    width:250px;
    padding: 0;
    margin: 8px 0 3px 0;
}
#colsidebar p{
    font-size:80%;
    width:250px;
    padding: 0;
    margin: 3px 0;
}
/* End Two Columns*/

/* Begin Form Styles */
#maincontent article form {
	margin: 10px 5px 10px 5px;
	clear:both;
}
fieldset {
	border-top:thin solid #000000;
	border-bottom:thin solid #000000;
	padding: 5px;
    margin: 10px 3px;
    width:98%;
}
fieldset ol{
    list-style:none;
}
fieldset ol li {
    padding:2px 0;
    margin: 5px 0px;
    list-style:none;
}
fieldset ol li:nth-child(even) {
    background:#d3e9ff;
    clear:both;
}
fieldset ol li:nth-child(odd) {
    background:#ffffff;
}
fieldset ol li span {
    /*font-weight:900;*/
}
label {
    
    min-width:400px;
    display:inline-block;
    padding-right:5px;
    font-weight:normal;
    }
#ctl00_ContentPlaceHolder1_pnlClosingPSRReview label {
    width:70%;
}
legend {
	padding: 3px;
    font-size: 1.2em;
}
.datatable {
    margin: 10px 0 5px 0;
    /*border: thin #000000 solid;*/
}
.datatable input[type=text], .datatable select, .datatable table tr td {
    vertical-align: top;
    vertical-align: text-top;
}
.datatable th {
    border-left: thin dotted #000000;
    border-right: thin dotted #000000;
    border-bottom: thin solid #000000;
    padding: 3px 5px 3px 5px;
    background: #FFFFFF;
}
.datatable tr:nth-child(even) {background: #ffffff}
.datatable tr:nth-child(odd) {background: #d3e9ff}
.datatable td {
    padding: 3px 5px 3px 5px;
    border-left: thin dotted #000000;
    border-right: thin dotted #000000;
}
.totalrow {
    background: #ffffff;
    border-top:double 3px #000000;
}
.datatablehighlight {
    background-color: #cbe4ee;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
}
.emptytable tr {
    background: none;
}
.emptytable td {
    border: 0 hidden;
    padding:0px;
}
.calcfield {
    color:#d305d5;
}
.errormessage {
    color:red;
    margin: 10px 0 10px 0;
    clear:both;
    font-size:0.8em;
    font-style:italic;
}
.successmessage {
    color:green;
    margin: 10px 0 10px 0;
    clear:both;
    font-size:0.8em;
    font-style:italic;
}
.button {
	-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	box-shadow:inset 0px 1px 0px 0px #97c4fe;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0) );
	background:-moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');
	background-color:#3d94f6;
	-webkit-border-top-left-radius:20px;
	-moz-border-radius-topleft:20px;
	border-top-left-radius:20px;
	-webkit-border-top-right-radius:20px;
	-moz-border-radius-topright:20px;
	border-top-right-radius:20px;
	-webkit-border-bottom-right-radius:20px;
	-moz-border-radius-bottomright:20px;
	border-bottom-right-radius:20px;
	-webkit-border-bottom-left-radius:20px;
	-moz-border-radius-bottomleft:20px;
	border-bottom-left-radius:20px;
	text-indent:0;
	border:1px solid #337fed;
	display:inline-block;
	color:#ffffff;
	/*font-family:Arial;
	font-size:15px;*/
	font-weight:bold;
	font-style:normal;
	/*height:21px;
	line-height:21px;*/
    min-width:99px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #1570cd;
}

.button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6) );
	background:-moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6');
	background-color:#1e62d0;
    text-decoration:none;
}
.button:active {
    position: relative;
    top: 1px;
}
a.button, a.button:visited, a.button:hover{
    color:#ffffff;
    text-decoration:none;
}
/* End Form Styles */

/* Start Login Form styles*/
#logintable{

}
#logintable td{
    margin:0 3px 3px 0;
    padding:0 3px 3px 0;
}

/* End Login Form styles*/

/*start Footer Styles*/
#maincontent footer {
	color:#FFFFFF;
}
#maincontent footer ul li {
    display:inline;
    margin:0 3px 0 3px;
}
#maincontent footer ul li a, #maincontent footer ul li a:visited, #maincontent footer ul li a:hover {
    text-decoration: underline;
    color: #ffffff;
    }
/*end Footer Styles*/

#ctl00_NacdlloginGeneric_pnlLoggedIn{
    font-size:90%;
    border-bottom:2px #3D5473 solid;
    margin:0;
    padding:0;
}

.ui-tabs{
    font-size:90%;
}
.ui-tabs-panel, .ui-tabs-panel a {
    font-family:"Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
    line-height: 1;
    
    font-weight:100;
}
.ui-tabs-panel a {
    color:#3d94f6;
}

/* generic tooltip */
ctl00_ContentPlaceHolder1_pnlEntries.toolover:hover .gentooltip {
    display: block; 
    background-color:Highlight;
}

.toolover:hover {
    background-color:Highlight;
}

.gentooltip {
    display: none;
    position: relative;
    top: -50px;
    left: 30px;
    padding: 5px;
    border: 1px solid gray;
    background: #fffdc3;
    z-index: 2;
}

/* end generic tooltip */

/* progress tracker */
#progress{
    padding: 8px 0px 8px 0px;
}
#progress ul li {
	display: block;
	list-style-image: none;
	list-style-type: none;
	border: 1px #000000 solid;
	float:left;
	margin: 0px 3px;
	text-align:center;
	width:130px;
	height:100px;
}
#progress ul li span{
	font-size:1em;
	background:#CC9900;
	border-bottom: 1px #000000 solid;
	display:block;
    padding:2px;
	}
#progress li ul {
    margin:0px;
	padding:0px;
    padding-top:3px;
}
#progress li ul li{
	border: none;
	list-style-image: none;
	list-style-type: none;
	display: list-item;
	float:none;
	margin:0px;
	padding:0px;
	font-size:0.75em;
    line-height:.85;
}
#progress li ul li img, #progress li ul li img:hover{
    padding:0;
    margin:0;
    box-shadow:none;
    /*margin-left:-30px;*/
}
#progress li:hover .tooltip { 
    display: block; 
}
.tooltip {
    display: none;
    position: relative;
    top: -50px;
    left: 30px;
    width: 400px;
    border: 1px solid gray;
    background: #fffdc3;
    z-index: 2;
}
/* End progress tracker */

/*countdown*/
#countdownbox {
    padding: 8px 6px 8px 0px;
    margin: 5px 0 60px 0;
    width: 400px;
    	margin-left: auto;
	margin-right: auto;
}
#countdownbox p {
    margin: 0px 3px;
    border-bottom: thin #000000 solid;
    font-size:1.3em;
}
#countdownbox ul {
    margin:5px 0px;
    padding: 0px;
}
#countdownbox ul li {
	display: block;
	list-style-image: none;
	list-style-type: none;
	border: 1px #000000 solid;
	float:left;
	margin: 0px 3px;
	text-align:center;
	width:90px;
	height:50px;
}
#countdownbox ul li span{
	font-size:1em;
	background:#aec8db;
	border-bottom: 1px #000000 solid;
	display:block;
    padding:2px;
	}
#countdownbox li ul {
    margin:0px;
	padding:0px;
    padding-top:3px;
}
#countdownbox li ul li{
	border: none;
	list-style-image: none;
	list-style-type: none;
	display: list-item;
	float:none;
	margin:0px;
	padding:3px 0px;
	font-size:1.05em;
    line-height:.85;
}

/*end countdown*/

/*steer close popover*/
#ctl00_ContentPlaceHolder1_NacdlloginGeneric_gvSteeringList tr td div .tooltop {
    
    background-color:chocolate;
}
#ctl00_ContentPlaceHolder1_NacdlloginGeneric_gvSteeringList tr:hover .tooltip2 {
	display: block;
}
.steerclose tr:hover {
    background-color:Highlight;
}
#ctl00_ContentPlaceHolder1_NacdlloginGeneric_gvSteeringList .tooltip2, #ctl00_ContentPlaceHolder1_Steeringreview1_gvSteeringList .tooltip2 {
    display: none;
    position: fixed;
    top: 10%;
    left: 10%;
    border: 1px solid gray;
    background: #fffdc3;
    z-index: 999;
    padding:5px;
    width:35%;
    max-height: 75%;
    overflow:hidden;
}

/*end steer close popover*/

/* Flow report */
#flowentry {
	width: 700px;
	min-height:100px;
	border-top: 2px solid;
	border-right: 2px solid;
	border-bottom: 2px solid;
    border-top-right-radius: 2em;
	border-bottom-right-radius: 2em;
	float:none;
	clear:both;
	padding:0;
	margin:0;
}
#flowentry #flowlabel {
	background-color:#3D5473;
	background-image: url(/_design/images/white_chevron.png);
	background-size: 198px 97px;
    background-repeat: no-repeat;
	background-position: center; 
	width: 200px;
	float:left;
	min-height:100px;
}
#flowentry #flowlabel.final{
	background-image:none;
	color:#FFFFFF;
}
#flowentry #flowlabel span {
	padding-top:30px;
	display:block;
	width:200px;
	text-align:center;
}
#flowentry #flowcontent {
	float:left;
	padding: 15px 10px 0px 20px;
	min-height:100px;
}
/* end flow report */