/*
Fonts
*/

@import url(https://fonts.googleapis.com/css?family=Cinzel);
@import url(https://fonts.googleapis.com/css?family=Gilda+Display);


h1, h2, h3 {
	 font-family: "Open Sans",Arial,sans-serif;
	clear: none;
}

th {
	font-family: 'Helvetica', sans-serif;

}

#sideMenu {
	font-size: 14px; 
}

/*
Page Layout
*/

#page {
	position: relative;
	z-index: 0;
	background: #fff;
}



.content {
	width: 70%;
	min-width: 1000px;
	margin: auto;
}

#content {

	position: relative;
	width: 70%;
	margin-bottom: 5%;
	float: left;
	background-color: #fff;		
}
/*
	-webkit-box-shadow: 0 0 5px 1px #ccc;
	box-shadow: 0 0 5px 1px #ccc;
*/

#content-Registration {

	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5%;
	width: 80%;
	background-color: #fff;		
}

/*
	-webkit-box-shadow: 0 0 5px 1px #ccc;
	box-shadow: 0 0 5px 1px #ccc;
*/

#appWrapper {
	max-width: 1020px;
	margin: auto;
}

#inner-Content {
	
	margin: 2em;	
	min-height: 300px;
}
	
	#register {
		


	}
	
	#login {
		

		
	}
	
#welcome {
		margin: 2em 0 0 0;
}

#blurb {
	text-align: center;

}

#sideMenu {
	width: 20%;
	padding: 2em;
	float: left;
	position: relative;
	background-color: #fff;
}

#footer {
	text-align: center ;
	width: 100%;
	border-top: 5px ridge #858585;
	margin-top: 2%; 
}

/*
AJAX Loader
*/
/*! jQuery UI - v1.9.0 - 2012-10-05
* http://jqueryui.com
*/

#ajaxLoad {
	margin-top: 4%;
}

.ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; }
.ui-dialog { position: absolute; padding: .2em; width: 500px;}
.ui-dialog .ui-dialog-titlebar-close {display: none; position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: visible;}

/* Overlays */
.ui-widget-overlay { background: #666666; opacity: .5;filter:Alpha(Opacity=50); }
.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000; opacity: .2;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

/*
Forms
*/

#formInfo {
	float: right;
}

/*
Dashboard
*/

#content-dashboard {

	position: relative;
	width: 85%;
	background-color: #fff;		
	z-index: 1;
	float: right;
	border: 1px solid #fff;
	margin-bottom: 5%;
}
/*
	-webkit-box-shadow: 0 0 5px 1px #ccc;
	box-shadow: 0 0 5px 1px #ccc;
*/

#sidemenu-dashboard {
	width: 13%;
	margin: 0 0 0 0;
	float: left;
	position: static;
	top: auto;
	left: 20;
	z-index: 2;
}

#sidemenu-dashboard ul li {
  list-style: none;
}

/*
Collaboration
*/

#managementTools {
	float: right;
	background-color: #fff;
}
#managementTools ul li {
  list-style: none;
  padding: 0;
}

#managementInfo {
	float: left;
	width: 80%;
}

/* 
Messages
*/
#messageTable{
	padding: 0.5em;
	margin: auto;
}

#messageTable ul {
	background-color: #F7F7F7;
	margin: 1em;
	border: solid 1px #ccc;
}

#messageTable p {
	margin: 1em;
	padding: 1em;
	border: solid 1px #ccc;
	background-color: #fff;
}

/*
Documents
*/

#docs li{
	margin: .5em ;
}	

/*
DOCK
*/


#dock {
	position: absolute;
	left: 0; 
	width: 100%; 
	height: 100%;
	top: -1%;
	z-index: 99;
}	
#dock-Filter {
	position: absolute;
	min-height: 1000px;
	background-color: #000;
	margin-left: -5%;
	width: 100%;
	top: 0;
	left: 0;
	opacity:0.4;
	z-index: 30;
	filter:alpha(opacity=40); 
}

#dock-Content {
	position: absolute;
	margin: auto;
	padding: 1em 0 1em 0;
	min-height: 1000px;
	width: 70%;
	right: -60% ;
	z-index: 101;
	background-color: #fff;
	-webkit-box-shadow: 0 0 5px 1px #666;
	box-shadow: 0 0 5px 1px #666;
}

#dock-ContentInner {
	margin: 0 10% 0 2%;
}

#closeMe {
	color: #ccc;
	font-weight: 800;
	font-size: 50px;
	font-family: Arial, sans-serif;
	cursor: pointer;
	position: relative;
	top: 105px;
	left: 40px;
}

#closeMe:hover {
	color: red;
}

/*
Dot Navigation
*/

.dotstyle ul {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
    cursor: default;
}
 
.dotstyle li {
    position: relative;
    display: block;
    float: left;
    margin: .8em;
    width: 16px;
    height: 16px;
	font-size: 1em;
	background-color: #3DBD99;
	padding: .4em;
}
 
.dotstyle li a {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    outline: none;
    border-radius: 50%;
    background-color: #fff;
    background-color: rgba(255,255,255,0.3);
    text-indent: -999em;
    cursor: pointer; /* make the text accessible to screen readers */
    position: absolute;
}

/* Tooltip */

.dotstyle-tooltip li {
	border: 2px solid #fff;
	color: #fff;
	border-radius: 50%;
	z-index: 10000;
	-webkit-transition: border-color 0.3s ease;
	transition: border-color 0.3s ease;
}

.dotstyle-tooltip li a {
	top: auto;
	bottom: 160%;
	left: 50%;
	visibility: hidden;
	padding: 0 10px;
	width: auto;
	height: auto;
	border-radius: 0;
	background-color: #3dbd99;
	color: #fff;
	text-indent: 0;
	line-height: 2;
	opacity: 0;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	-webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease, visibility 0s 0.3s ease;
	transition: transform 0.3s ease, opacity 0.3s ease, visibility 0s 0.3s ease;
}

.dotstyle-tooltip li a:after { /* http: //cssarrowplease.com/ */
	position: absolute;
	left: 50%;
	margin-left: -10px;
	width: 0;
	height: 0;
	border: solid transparent;
	border-width: 10px;
	border-color: transparent;
	border-top-color: #3dbd99;
	content: '';
	top: 99%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}

.no-touch .dotstyle-tooltip li:hover a,
.dotstyle-tooltip li.current a {
	z-index: 100;
	visibility: visible;
	opacity: 1;
	-webkit-transform: translateX(-50%) translateY(0%);
	transform: translateX(-50%) translateY(0%);
	-webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
	transition: transform 0.3s ease, opacity 0.3s ease;
}

.dotstyle-tooltip li.current {
	border-color: #3dbd99;
	-webkit-box-shadow:inset 1px 1px 4px 1px #E3E3E3;
	box-shadow:inset 1px 1px 4px 1px #E3E3E3;
	color: #3dbd99;
	cursor: pointer;
	background-color: #fff;
}

.dotstyle-tooltip li:hover {
	border: 2px solid #3dbd99;
}

.no-touch .dotstyle-tooltip ul:hover li.current a {
	opacity: 0.2;
}

.dotstyle-tooltip ul li.current:hover a {
	opacity: 1;
}

.dotstyle-tooltip li.part {
	padding: 0;
	margin-top: 1.8em;
	font-size: .7em;
}

/*
Menus
*/
#sectionNav a {
	text-decoration: none;
}


#sectionNav {
	background-color: #FDE073;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	max-width: 1020px;
	width: 70%;
	margin: auto;
}

#sectionNav li:hover
{
	-webkit-box-shadow:inset 1px 1px 4px 1px #E3E3E3;
	box-shadow:inset 1px 1px 4px 1px #E3E3E3;
	color: #3dbd99;
	cursor: pointer;
	background-color: #fff;
}

#programsMenu {
	margin-bottom: 30px;
}

#dockMenu ul li{
	display: inline;
}
#dockMenu ul {
	color: #fff;
	background-color: #3DBD99;
	line-height: 30px;
}
#navMenu ul li {
	display: inline;
}
#navMenu ul {
	color: #fff;
	background-color: #3dbd99;
	line-height: 30px;
	
}

#navMenu a {
	color: #fff;
}

.pmMenu ul {
	text-align: left;
	list-style-type: none;
	border-left: 5px solid #ccc;
}

.pmMenu li {
	margin: 1em 0 1em 0;
}

.dashMenu ul {
	padding: 0 ;
	text-align: left;
	list-style-type: none;
	border-left: 5px solid #ccc;
}
	.dashMenu ul ul {
		background-color: #3DBD99;
		color: #fff;
		padding: 0 ;
	}
	
	.dashMenu li {
		margin:0;
		padding: 1em;
		
	}
	
	.selected{
		
	}
	
	ul li.selected  {
		background-color: #fff;
		border-left: 5px solid #3DBD99;
		font-weight: bold;
		z-index: 500;
		color: #000;
		-webkit-box-shadow:  1px 1px 1px 1px #32997B;
		box-shadow:  1px 1px 1px 1px #32997B;
	}
	 ul ul li.selected{
		background-color: #3DBD99;
		border-left: 5px solid #fff;
		font-weight: bold;
		color: #fff;
		z-index: 499;
		-webkit-box-shadow: inset 1px 1px 3px 1px #32997B;
		box-shadow: inset 1px 1px 3px 1px #32997B;
	}
	
	.dashMenu li:hover {
		background-color: #fff;
		 border-left: 5px solid #3DBD99;
		 color: #000;
		-webkit-box-shadow: 1px 1px 5px 1px #32997B;
		box-shadow: 1px 1px 5px 1px #32997B;
		cursor: pointer;
	}

	.dashMenu ul a {
		text-decoration: none;
		color: #000 ;
	}
/*
Tables
*/

table#question2n {
border-collapse: collapse;
}


table#question2n tr:first-child td {
	font-weight: bold ;
	text-align: center ;
}


table#question2n tr td, table#question2n tr th {
	white-space: nowrap ;
	border: thin solid #999 ;
	padding: 0.25em 1.5em ;
}


table#question2n tr td {
	text-align: right;
}


table#question2n tr td:first-child {
/*	text-align: left;  */
	text-align: center ;
}

table#question2n input[type="text"] {
	width: 4em ;
	text-align: right ;
}

table#question2n tr td:nth-child(6) input[type="text"] {
	width: 10em ;
}

table#question2n tr td:nth-child(5), table#question2n tr td:nth-child(7), table#question2n tr th:nth-child(5), table#question2n tr th:nth-child(7) {
	background-color: #ccc;
	border-right: medium solid black;
}
table.empLocation {
	border-collapse:collapse;
}
table.empLocation td {
	border: thin solid #999;
	text-align: center;
	padding: 0 0.75em;
	white-space: nowrap;
}


table.empLocation td:first-child {
	text-align: left ;
}

.pageBreak {
	page-break-after: always;
	clear: both;
}

#programForm input{
	width: 100%;
	height: 20px;
}
 #contractForm input {
	height: 20px;
}
 #contractForm input[type="textarea"] {
	height: 25px;
 }
#programForm input[name="url"] {
	width: 20%;
}

#programForm input[type="button"], #contractForm input[type="button"], #surveyTable input[type="button"]  {
	height: 30px;

}
#contractForm input[type="radio"] {
	width: 10%;
}

#programForm td:first-child, #contractForm td:first-child , #roundForm td:first-child  {
	text-align: right;
}
#programForm td:last-child{
	width: 70%;
}


#networksTable, #srtTable, #admin-profileStatus,  #tasksTable {
	text-align: center;
	width: 95% ;
	border-collapse: collapse;
	margin-bottom: 1%;
}

#surveyTable {
	text-align: center;
	border-collapse: collapse;
}

#tasksTable th, #admin-profileStatus th {
	font-size: 12px;

}

#tasksTable tbody {
	font-size: 14px;
}

#tasksTable tr.done {
	color: #9E9E9E ;
}

#mentors table {
	width: 95%;
    border-width: 1px;
	border-spacing: 0px;
	border-style: none;
	border-color: gray;
	border-collapse: collapse;
}

#mentors table td, #mentors table th {
	border-width: 1px;
	padding: 0.4em;
	border-style: solid;
	border-color: gray;
    border-collapse: collapse;
}
#upcomingCallsTable  tr:nth-child(even), #networksTable  tr:nth-child(even), #srtTable  tr:nth-child(even), #mentors  tr:nth-child(even), #surveyTable  tr:nth-child(even), #admin-profileStatus tr:nth-child(even), #tasksTable  tr:nth-child(even){
	background-color: #F7F7F7;

}
#upcomingCallsTable  tr:nth-child(odd), #networksTable  tr:nth-child(odd), #srtTable  tr:nth-child(odd), #mentors  tr:nth-child(odd), #surveyTable  tr:nth-child(odd), #admin-profileStatus tr:nth-child(odd), #tasksTable  tr:nth-child(odd){
	background-color: #FFF;
}
#upcomingCallsTable a, #networksTable  a, #srtTable a, #mentors  a, #surveyTable  a, #admin-profileStatus a{
	text-decoration: none;
	color: #000000;
}
#upcomingCallsTable a:hover, #networksTable  a:hover, #srtTable a:hover, #mentors  a:hover, #surveyTable  a:hover, #admin-profileStatus a:hover, #tasksTable a:hover{
	text-decoration: underline;
}

#upcomingCallsTable td {
	border: none;
}

.nestedTable tr {
	-webkit-box-shadow: none;
	box-shadow:none; 
}

/*
Search Forms / Lists
*/
#searchForm  input {
	height: 30px;
	-webkit-box-shadow:inset 1px 1px 5px 1px #ccc;
	box-shadow:inset 1px 1px 5px 1px #ccc;
}
#personSearch {
	position: absolute;
	z-index: 2000;
	width: 20%;
}


#selectPerson {
	border: #ccc solid 1px;
	background: #fff; 
}

#selectPerson ul > li{
	list-style-type: none;
	text-decoration: none;
	cursor: pointer;
	width: 90%; 

}

li.hover:hover{
	background-color: #e2ffc6;
}

/*
Columns
*/

#column-container {
	width: 100%;
	
}

.column {
	width: 50%;
}


/*
Map options
*/
#map {
	height: 400px;
	width: 700px;
	z-index: 2;
}

#stateInfo {

}

/*
Input Formatting	
*/
input:focus, textarea:focus {
    border:1px solid #97d6eb;
	
}

table input {
	height: 30px;
	-webkit-box-shadow:inset 1px 1px 5px 1px #ccc;
	box-shadow:inset 1px 1px 5px 1px #ccc;
}

#form-login input, #form-register input {
	height: 50px;
	-webkit-box-shadow:inset 1px 1px 5px 1px #ccc;
	box-shadow:inset 1px 1px 5px 1px #ccc;
}

/*
Page Formatting
*/
.clr {
	text-align: center;
	clear: both;
}

.article {
	margin: 1em ;
}

.center {
	text-align: center;
}

.displayNone {
	display: inline;
}
.doNotPrint {
	display: none;
}

.displayFade {
	opacity:0.0;
	filter:alpha(opacity=0);  
}

.programList ul {

	list-style-type: none;
}
	.programList li {
		margin: 1em;
	}
	
	.programList li:hover {
		-webkit-box-shadow: 1px 1px 5px 1px #ccc;
		box-shadow: 1px 1px 5px 1px #ccc;
		cursor: pointer;
	}
	
	.programList ul a {
		text-decoration: none;
		color: #000 ;
	}
	
/* Regisitration */
#inner-Content.registration {
	padding: 1em 0 2em 0;
}
#registerMeForm tr td:first-child {
	text-align: right;
}

#summary{
	font-size: 1em;
	
}

.tiny {
	font-size: .6em;
}
.small {
	font-size: .7em;
	clear: both;
	text-align: center;
}
.small a {
	cursor: pointer;
}	
.medium {
	font-size: .9em;
}
.mLarge {
	font-size: 1.4em;
}
.large {
	font-size: 2em;
}
.
/*
Notification Boxes
*/
#actionStatus {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
	width: 70%;
}

.alert-box {
    color:#555;
    border-radius:10px;
	font-family: 'Helvetica', sans-serif;
	font-size:14px;
    padding:10px 10px 10px 36px;
    
}

.plain {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.round {
    border-radius:5px;
    padding:.4em;
}

.surveyAlert {
	width: 70% ;
}

.alert-box span {
    font-weight:bold;
    text-transform:uppercase;
}

.error {
    background:#ffecec url('/images/error.png') no-repeat 10px 50%;
    border:1px solid #f5aca6;
}
.success {
    background:#e9ffd9 url('/images/success.png') no-repeat 10px 50%;
    border:1px solid #a6ca8a;
}
.onTime {
    background:#e9ffd9;
	color: #6EC625;
    border:1px solid #a6ca8a;
	-webkit-box-shadow:inset 0 0 2px 0 #a6ca8a;
	box-shadow:inset 0 0 2px 0 #a6ca8a;
}
.check {
    background:#e9ffd9;
    border:1px solid #a6ca8a;
	-webkit-box-shadow:inset 0 0 2px 0 #a6ca8a;
	box-shadow:inset 0 0 2px 0 #a6ca8a;
}
.upcoming {
    background:#fff8c4;
	color: #EF9700;
    border:1px solid #f2c779;
	-webkit-box-shadow:inset 0 0 2px 0 #f2c779;
	box-shadow:inset 0 0 2px 0 #f2c779;
}
.closed {
    background:#F7F7F7;
    border:1px solid #A0A0A0;
	-webkit-box-shadow:inset 0 0 2px 0 #A0A0A0;
	box-shadow:inset 0 0 2px 0 #A0A0A0;
}
.late{  
    background:#ffecec;
	color: #FF3030;
    border:1px solid #f5aca6;
	-webkit-box-shadow:inset 0 0 2px 0 #f5aca6;
	box-shadow:inset 0 0 2px 0 #f5aca6;
}
.warning {
    background:#fff8c4 url('/images/warning.png') no-repeat 10px 50%;
    border:1px solid #f2c779;
}
.notice {
    background:#e3f7fc url('/images/notice.png') no-repeat 10px 50%;
    border:1px solid #8ed9f6;
}
.discovery {
	background:#e9ffd9 url('/images/notice.png') no-repeat 10px 50%;
    border:1px solid #a6ca8a;
}
.toggle {
    background:#e3f7fc;
    border:1px solid #8ed9f6;
}

.aside {
	font-family: 'Gilda Display', serif;
	font-weight: 500 ;
	color: #000;
}

#adminBar {
    position: fixed;
    z-index: 101;
    top: 0;
    left: 0;
    right: 0;
    background: #FDE073;
    text-align: center;
    line-height: 1;
    overflow: hidden; 
    -webkit-box-shadow: 0 0 5px black;
    -moz-box-shadow:    0 0 5px black;
    box-shadow:         0 0 5px black;
	
}

.closed {
	margin-top: -60px;
}



/*
Text Formatting
*/

EM.invalid.good {
	color: green;
}



.egIcon {
background-Color: #3DBD99;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
padding: .4em;
margin: 5px 0 5px 0;
color: #fff;
cursor: pointer;
border: 1px solid #3dbd99;
}
.egIconWhite {
background-Color: #fff;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
padding: .4em;
margin: 5px 0 5px 0;
color: #3dbd99;
cursor: pointer;
border: 1px solid #fff;
}

.egIconBig {
background-Color: #3DBD99;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
padding: .4em;
margin: 5px 0 5px 0;
line-height: 2em;
font-size: 2em;
color: #fff;
cursor: pointer;
border: 1px solid #3dbd99;
}

.egIconShort {
background-Color: #3DBD99;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
padding: .2em;
font-size: .8em;
color: #fff;
cursor: pointer;
border: 1px solid #3dbd99;
}

.egGreen {
	color: #3dbd99;
}
.egGreenBack {
	background-color: #3dbd99;
}

.egIcon:hover, .egIconShort:hover, .egIconBig:hover {
	background-color: #fff;
	color: #3dbd99;
	border: 1px solid #3dbd99;
}
.egIconWhite:hover {
	background-color: #3dbd99;
	color: #fff;
	border: 1px solid #fff;
}


.pointer {
	cursor: pointer;
}

.invalid {
	color: red;
}
.register{
	font-size: 12px;
}

.red {
	color: #FF7777;
}

.pink {
	color: #f5aca6;
}

.orange {
	color: #FFB40F;
}

.blue {
	color: #8ed9f6;
}

.green {
	color: #7BC433;
}

.redBack {
	background-color: #FF6D6D;
	color: #fff;
	outline: 1px solid #FF0303;
	outline-offset: 1px;
}
.yellowBack {
	background-color: #FFFB87 ;
	outline: 2px solid #FFF600;
	outline-offset: 1px;
}
.greenBack {
	background-color: #88CE7D ;
	color: #fff;
	outline: 1px solid #1BD100;
	outline-offset: 1px;
}
.whiteBack {
	background-color: #fff;
}

.borderBlack {
	border:1px solid #D6D6D6;
}	

.left {
	float: left;
}

.right {
	float: right;
}

tr.tableRow {
	border:1px solid #D6D6D6;
}

/*
	SCREEN DISPLAY
*/