a {
	color:#555;
	text-decoration:none;
}
blockquote {
	padding-left:50px;
	padding-bottom:20px;

}
a:hover {
	color:#55a;
}
.special {
	color:#000;
	font-weight:bold;
}
.seperator {
	background-color:#ccc;
	width:100%;
	height:20px;
}

input {
	font-size:14px;
	padding:3px;
}
ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}	
ol {
	margin-left:20px;
}
#entry_form ul {
	margin-left:20px;
	list-style-type:disc;
}
select { 
	font-size:14px;
}
img.sort_image {
	padding-left:5px;
}
	table.displayTbl th a {
		color:#fff;
	}
.main_block {
	width:430px;
	float:left;
	padding:40px 10px 20px 10px;
	line-height:120%;
}
.main_block h2 {
	color:#666;
}
.main_block p {
	padding:20px 20px 10px 30px;
	font-size:14px;
	line-height:125%;
	color:#555;
}
.main_block ul {
	padding-left:30px;
}
h1 {
	font-size:18px;
	margin-top:20px;
}
h2.header {
	border-top:30px solid #ccc;
	padding:20px 10px;
	color:#666;
}
h2.header span {
	font-weight:normal;
	font-size:14px;
	padding-left:50px;
}
h2.header span img {
	margin-left:20px;
	margin-right:5px;
}
#content h2.tool_entry_form {
	padding-top:20px;
}
.off .tool_result {
	/*
	display:none;
	*/
}
/* Display Tbl */
.displayTbl {

	border-collapse:collapse;
}
.displayTbl * {

	line-height:125%;
}
.displayTbl a {
	color:#003CFF;
}
.displayTbl td {
	vertical-align:top;
	border-bottom:1px solid #999;
	border-top:1px solid #999;
	padding:3px;
}

.displayTbl th {
	vertical-align:top;
	border-bottom:1px solid #999;
	border-top:1px solid #999;
	padding:3px;
	font-weight:bold;
	text-align:left;
	background-color:#369;
	color:#fff;
}	
.displayTbl tr.on {
	background-color:#eee;
}
.result_block {
	padding:0px 5px;
}
table.resultTbl {
	margin-left:10px;
	margin-right:10px;
	width:880px;
}
table.resultTbl td, table.resultTbl td * {
	font-size:12px;

}
table.resultTbl td {
	padding:5px 3px;
	border:0px;
	border-bottom:1px solid #ccc;
}
table.resultTbl tr.no_top td {
	border-top:0px;
}
table.resultTbl tr.no_bottom td {
	border-bottom:0px;
}			
table.resultTbl td a {
	color:#003CFF;
}
table.resultTbl td a.disabled {
	color:#666;
}
table.resultTbl td .tool_toggle {
	/*
	text-align:right;
	*/
	float:left;
	margin-top:0px;
}
table.resultTbl td .newline_yes {
	clear:both;
}
table.resultTbl td .column_double {
	width:45%;
	float:left;
}
table.resultTbl td .column_triple {
	width:30%;
	float:left;
}	
table.resultTbl td .option_group {
	padding:5px 5px 15px 5px;
	line-height:135%;

}
table.resultTbl td.tool_nav a {
	font-size:12px;
}
.option_group p {
	padding-left:0px;
	margin-right:20px;
}
.option_group h3, .option_group strong {
	color:#666;
}
table.resultTbl td.tool_name {
	font-size:12px;
	color:#333;
	font-weight:bold;
}	
table.resultTbl {
	border-collapse:collapse;
}
table.resultTbl tr.on td {
	background-color:#f3f3f3;
}
/* Forms */
fieldset {
	border:0px;
	padding:10px 10px 10px 50px;
	font-size:14px;
}
legend {
	padding:5px 10px;
	font-size:16px;
	color:#333;
/*	margin-left:-30px;*/
}
.form_line {
	clear:left;
	padding:5px;

}
.button {
	font-size:18px;
	padding:5px 25px;
	background-color:#ccc;
	border:1px solid #666;
}
a.button {
	padding:6px 25px;
	color:#333;
}
.mini_button {
	font-size:11px;
	padding:0px 5px;
	height:19px;
	padding-bottom:1px;
	top:-5px;
	display:inline;
	background-color:#eee;
	border:1px solid #666;
}
.form_line:hover {
/*
	background-color:#fffccc;
*/
}	
/*
.tool_form_6 .form_line:hover, 
*/
.tool_form_6 .form_line {
	float:left;
}
td.tool_nav a {
	padding:0px 3px;
}
td.tool_nav {
	text-align:right;
}
.form_line br {
	clear:left;
}
.form_container {
	margin-left:0px;
	clear: both;
}	
.radio_container {
	margin-left:0px;
}
.radio_container input {
	border:0px !important;
	margin-right:5px !important;
}
.horizontal {
	float:left;
}
.horizontal .radio_container {
	margin-left:0px;
	float:left;

}	
.horizontal .radio_container label {
	padding:0px 5px;
	width:50px;
}
.tool_form_6 .horizontal .radio_container label {
	font-size:20px !important;
	padding:0px 5px;
}	
.tool_form_13 .horizontal .radio_container label {
	width:90px;
}	
.tool_form_8 .horizontal .radio_container label {
	width:150px;
}		
.tool_result_info {
	line-height:130%;

}	
.horizontal .radio_container input {
	margin:0px 5px;
	border:0px !important;
}
.horizontal .radio_container label.label {
	padding:0px 20px;
	font-weight:normal;
	font-size:14px !important;
	width:100px;
}
.column_single .form_line input.text_input {
	width:40%;
}
.column_double .form_line input.text_input {
	width:70%;
}
.column_triple .form_line input.text_input {
	width:90%;
}
.form_line label {
	float:left;
	display:block;
	text-align:left;
	padding-right:5px;
	font-weight:bold;
	color:#000;
	font-size:14px;
	width:100%;
}
.column_single .form_line label {
}
.column_double .form_line label {

	
}
.column_triple .form_line label {

}
.column_single .form_line label.dropdown_label {

}
.form_line label.format {
	width:200px;
} 
.form_line label.normal {
	font-weight:normal;
	display:inline;
	font-size:14px;
	color:#333;
}	
#entry_form .column_double legend span {
	width:405px;
	min-height:20px;
	display:block;

}
* html #entry_form .column_double legend span {
	height:20px;
}
#entry_form .column_triple legend span {
	width:240px;
	min-height:50px;
	display:block;
}
* html #entry_form .column_triple legend span {
	height:50px;
}
#entry_form .newline_yes {
	clear:both;
}
#entry_form .column_double {
	width:40%;
	float:left;
}
#entry_form .column_triple {
	width:25%;
	float:left;
}		
#form_entry_button {
	text-align:center;
}	
/*
#form_entry_button input {
	padding:10px 25px;
	font-size:26px;
	margin-top:15px;
}	
*/
input {
	border:1px solid #666;
}
input.checkbox {
	border:0px;
}
.right {
	text-align:right;
}
#header_login_form {
	position:relative;
	right:5px;
	top:0px;
	width:350px;
	text-align:right;
	font-size:12px;
}
#header_login_form a {
	color:#003CFF;
}		
/*
#header_login_form .form_line:hover {
	background-color:#fff;
}
*/
#header_login_form .error_message {
	display:inline;
}
#header_login_form .form_line {	
	padding:2px 0px;
	margin:0px;
}
#header_login_form .form_line label {
	text-align:right;
	float:left;
	display:block;
	width:190px;
	font-size:14px;
	font-weight:normal;
	top:-3px;
	position:relative;
	color:#333;
	padding:0px;
	margin:0px;
}
#header_login_form .button {
	padding:0px 10px;
	margin-left:10px;
}
.error_message {
	color:#900;
}
/* Custom Tool CSS */

.tool_6 {
	float:left;
	font-weight:bold;
	width:220px;
	margin:0px;
	clear:left;
	padding-top:5px !important;
}
#tool_edit #tool_entry_form {
	margin:20px 0px 0px 0px;
	padding:5px 5px 25px 5px;
	border:1px solid #999;
	width:910px;
}
#entry_background {
	background-image:url("../images/bottom.png");
	background-repeat:no-repeat;
	height:20px;
	width:920px;
	margin:0px 10px 20px 10px;
}
#tool_6 .option_group {
}
#tool_6 * {
	margin:0px;
	padding:0px;
}
#tool_6 p {
	margin:0px;
	padding:0px;
}
#tool_22 p, #tool_19 p, #tool_21 p,#tool_20 p{
	margin:0px;
	padding:0px;
	float:left;
}
.tool_form_37 input.text_input {
	width:20px !important;
}
.result_tool {
	width:280px;
	float:left;

}
.comment_tool_link, .comment_1 {
 	position:relative;
 	top:-20px;
}
#comment_tool_22, 
#comment_tool_19, 
#comment_tool_20, 
#comment_tool_21,
#comment_link_19,
#comment_link_20,
#comment_link_21,
#comment_link_22 
 {
	top:-20px;
}

/* from the original default.thtml file */
.wrapper { width: 940px; }
#main-shift { margin-right: 270px; }
#right { width: 270px; margin-left: -270px; }
#menu .dropdown { width: 200px; }
#menu .columns2 { width: 400px; }
#menu .columns3 { width: 600px; }
#menu .columns4 { width: 800px; }

/*** beginning new work here ***/
/*html {
  position: relative;
  min-height: 100%;
}*/
body {
  /* Margin bottom by footer height */
  margin-top: 52px;  /** menu height: 50px **/
  /*margin-bottom: 80px;*/
}

/**************************
 *  menu and navigation   *
 **************************/
.menu_logo {
	margin-top: -12px;
}
.navbar-username {
	font-size: .8em;
/*	color: #f1f1f1;*/
}
.navbar-username a:link, a:active, a:visited {
	color: #f1f1f1;
	text-decoration: none;
}
.navbar-username a:hover {
	color: #fff;
}

/** dashboard **/
.jumbotron {
/*	background-color: #b1cfec;*/
    position: relative;
    background: #000 url('../images/jtron-bg-img_2569.jpg') center center;
	background-attachment:fixed;
    width: 100%;
    height: 100%;
/*    background-size: cover;*/
    overflow: hidden;
}
.jumbotron .well {
	background-color: rgba(135,135,135,0.80);
	color: #fff;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing: 1px;
	font-weight: 400;
}
.jumbotron .well li {
	font-size: 1.3em;
}

.jumbotron .well a:link, 
.jumbotron .well a:visited, 
.jumbotron .well a:active, 
.jumbotron .well a:hover {
	color: #fff;
	text-decoration: none;
}

.jumbotron .well blockquote {
	font-style: italic;
}
.news-top {
	margin-top: 1em;
	margin-left: 1em;
	padding-top: 4px;
	padding-bottom: 4px;
/*	background-color: #fff;*/
}
.news-top ul {
	font-size: 1.2em;
}
.news-top li:first-child {
	background-color: #000;
	color: #fff;
	margin-right: 4px;
	padding-right: 12px;
	border-right: 4px #c00 solid;
}
/** this is the view div that's shown when the user selects a view from the menu **/
#myview {
	border-top: 1px solid #acacac;
/*	border-bottom: 1px solid #acacac;*/
	background-color: #ccc;
/*	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;*/
	color: #535353;
	padding: 2px;
	margin-top: 2px;
	margin-bottom: 2px;	
}
#myview h3 {
	padding: 0;
	padding-left: 8px;
	margin: 0;
	font-size: 12px;
	font-style: italic;
	font-weight: 400;
}
#overall_progress h3 {
	margin-top: 0px;
}
.quick-links {
	margin-left: 4em;
}
.quick-links a:link, a:visited, a:active {
	color: #333;
	text-decoration: none;
}
.quick-links a:hover {
	color: #fff;
}
.tighten {
	margin: 0 !important;
	padding: 0 !important;	
}


.account-container {
	padding-top: 1em;
	background-color: #f2f2f2;	
}

.sidebar-right {
	background-color: #f2f2f2; /* #ccc; */
	padding-left: 12px;
	margin-left: 6px;
	font-size: .9em;
}
.banner-bottom {
	padding: 8px;
	margin-top: 16px;
	margin-bottom: 8px;
/*	border: 1px solid #000;
	background-color: #ccc;
	color: #fff;*/
}


article .header {
	font-size: 1.2em;
	font-weight: 400;
	padding: 4px 8px;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	color: #fff;
	height: 40px;
	letter-spacing: 0px;
}
article .required {
	background-color: #4174B8;
}
article .optional {
	background-color: #3CA95C;
}
article .content {
}
article .footer {
}

article {
	padding: 1em;
	margin-bottom: 1em;
	border-bottom: 1px solid #707070;
	border-left: 1px solid #ccc;
}
article h2 {
	font-size: 30px;
	font-weight: 400;
}
article:nth-child(odd) {
	background-color: #fff;
}

.show-hide-button {
	float: right;	
}

/*** phase / module status colors ***/
.not-started {
	color: #d9534f;
}
.partially-complete {
	color: #f0ad4e;
}
.complete {
	color: #5bb85d;
}
.bg-not-started {
	background-color: #d9534f;
}
.bg-partially-complete {
	background-color: #f0ad4e;
}
.bg-complete {
	background-color: #5bb85d;
}
/*
.tool-complete-pct {
	min-width: 38px;
	display: inline-block;
	font-weight: normal; 
	text-align: right;
	font-size: .8em;	
	color: #fff;
	margin-right: 4px;
	padding: 2px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
*/
.tool-complete-pct {  /** option for just the % number **/
	min-width: 34px;
	display: inline-block;
	font-weight: normal; 
	text-align: right;
	font-size: .9em;	
	color: #000;
	margin-right: 4px;
}

/*** article containers ***/
.well-title {
	font-size: 1.2em;
	letter-spacing: 0px;
	font-weight: 200;
	margin-top: 0px;
	padding-top: 0px;
	padding-left: 1em;
	background-color: #aaa;
	color: #fff;
	border-bottom: 2px #707070 solid;
}
.left-border {
	border-left: 4px #aaa solid;
	padding-right: 4px;	
}
.tool-desc {
	padding-left: 0px;
	font-size: 1.2em;
	font-weight: bold;	
}

.tool-est-time {
	margin-top: 8px;
	margin-bottom: 8px;
	font-style: italic;
}
.module-buttons {
	margin-top: 1em;
	margin-bottom: 1em;
	
}
/*.tool-info {  -- removed -- might use later
	padding-left: 2em;
	padding-right: 1em;
	font-weight: normal;
	font-size: .9em;
}*/
/*** sidebar ***/
.social-links {		/** group of icons **/
	padding-top: 1em;
	padding-bottom: 2em;
	
}
.social-group {		/** group of feeds from twitter, rss, etc **/
	padding-top: 4px;
	padding-bottom: 4px;
/*	padding: 4px;*/
	margin-right: 4px;
	border-top: 1px solid #535353;
	border-bottom: 1px solid #535353;
}
.social-group li:last-child {
	margin-bottom: 2em;
}
.social-group-header {
	margin-bottom: 4px;
}
.social-group-header img {
}
.social-group li {
	margin-top: 4px;
	margin-bottom: 14px;
}
.social-title {
	font-weight: bold;
	margin-bottom: 0px;
	line-height: 1em;
}
.social-title img {
	padding-right: 8px;
	max-height: 42px;
}
.social-cite {
	font-style:italic;
	font-size: .9em;	
	margin-bottom: 3px;
	padding-left: 8px;
}
.social-content {
	line-height: 1.2em;
	margin-bottom: 0;
	padding-bottom: 0;
	padding-left: 8px;
}
.social-more {
	text-align: right;
	margin-top: 4px;
}
.social-more a {
	background-color: #AEC3D8;
	padding: 4px;
}

/*************
 *           *
 *           *
 *** forms ***/

/** todo **/
.todo-date {
	font-size: .8em;
	float: right;
}
.todo-buttons {
	float: right;
}


/*** footer ***/

/*.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 60px;
	margin-top: 10px;
	padding-top:4px;
	margin-bottom: 10px;
	background-color: #f5f5f5;
}
footer a, footer a:hover {
	color: white!important;
	text-decoration: none;
}

footer {
	background-color: #222;
	padding: 1em 0;
	color: #ccc;
	font-weight: normal;
}
footer p {
	margin: 0;
	padding: 0;
}
footer .small {
	margin-top: 4px;
	font-size: 1em;
	font-style: italic;
}
***/

footer {
	color: #ccc;
	font-weight: normal;
	background-color: #222;
	padding: 1em 0;
}
footer p {
	margin: 0;
	padding: 0;
}
footer .small {
	margin-bottom: 8px;
	margin-top: 4px;
	font-size: .82em;
	font-style: italic;
}
footer a, 
footer a:link,
footer a:active,
footer a:visited {
	color: #999 !important;
}
footer a:hover {
	color: #fff !important;
}



.debugging { /** this is just for my benefit...should go away on production site **/
	font-size: .8em;
	color: #680D0F;
	display: none;
}

/******************* 
 **               ** 
 ** media queries ** 
 **               ** 
 *******************/
/*
@media only screen and (min-device-width : 976px)  { 
	.col-md-3 { 
		padding-left: 0px;
		padding-right: 0px;
	}
}

** bootstrap has a 768px breakpoint...need this point *
@media only screen and (min-device-width : 768px)  { 
	.jumbotron {
		padding-left: 1em;
		padding-right: 1em;	
	}

}

* iPhone 6 Plus in portrait & landscape **
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) { 
	.jumbotron {
		padding-left: 1em;
		padding-right: 1em;	
	}
	.sidebar-right {
		margin-top: 2em;
	}

	.container {
		width: 100%;
	}
	article .header {
		font-size: 1em;
		letter-spacing: 0px;
	}
}
*/
/** iPhone 5 & 5S in portrait & landscape **
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) { */
@media (max-width : 992px) { 
	.container {
		width: 100%;
		padding: 0;
	}
	.jumbotron {
		padding-left: 1em;
		padding-right: 1em;	
	    background: none;
		background-color: #b1cfec;
	}
	.sidebar-right {
		background-color: #f2f2f2;
		margin-top: 2em;
		margin-left: 0;
		padding-left: 8px;
		padding-right: 8px;
	}

	.well-title {
		font-size: 1em;
		letter-spacing: 0px;
	}
	.news-top {
		margin: 4px;
		padding: 4px;
	}

	article .header {
		font-size: 1em;
		height: 60px;
		letter-spacing: 0px;
	}
	
	.col-md-3 { 
/*		padding-left: 15px;
		padding-right: 15px;*/
	}
	
	
	#sidebar-social-links,
	#sidebar-rss-header,
	#sidebar-twitter-header {
		display: none;		
	}
	
	#mobile-sidebar-social-links,
	#mobile-sidebar-rss-header,
	#mobile-sidebar-twitter-header {
		display: block !important;
	}

}