@charset "utf-8";
/* CSS Document */
	@import "housingGuestMain.css";

		body {
			font:0.75em verdana, arial, helvetica, sans-serif;
			margin-top:-30px;
			background-color:#FFFFFF;
			line-height:1.5em;
		}
		textarea{
			overflow:auto;
		}
		p{
			margin-top:0px;
		}
		#subHeading{
			color:#c0c0c0;
			border-bottom:1px dotted;
		}
		.blackBar{
			font-family:"Raleway",sans-serif;
			background-color:#000;
			width:100%;
			height:32px;
			color:#fff;
			text-align:right;
			text-transform:uppercase;
			letter-spacing:0.147em;
			line-height:34px;
			margin-bottom: 10px;
		}
		
		.blackBar a{
			color:#fff;
		}
		
		.blackBar a:hover{
			color:#009adb;
			text-decoration:none !important;
			transition:color 350ms ease-out 0ms;
		}
		/* HOMEPAGE AD*/
		#homepageAd{
			/* background:url(../../images/hpAdBackground.png) repeat-x; 
			border:1px solid red;*/
			background:url(../../images/hpAdBackground.png) #ffffff no-repeat;
			height:45px; 
			background-color:#a9b6b4;		
		}
		#homepageAdText{
			/* border:1px solid red; */
			float:left;
			font-size:0.90em;
			font-weight:bold;
			padding-left:50px;
			padding-top:20px;
			margin:0;			
		}
				
		/* login form */
		.input {
			border: 1px solid #99b3b4;
			background: #f3f3f3;
			width:200px;		
			padding:3px;
			font: 11px verdana, sans-serif;
			margin-bottom:4px;
			outline:none;
			
			border-radius: 10px 0px 10px 0px; 
			-moz-border-radius: 10px 0px 10px 0px; 
			-webkit-border-radius: 10px 0px 10px 0px; 
			border: 1px solid #ccc;
			height:20px;
			background-color:#eeeeee;
		}
		.input:focus {
			border:1px solid #999;
			background: #e4ebeb;
		}	
		.label{
			float:right;
			vertical-align:middle;
		}
		.special{
			border:1px solid #99b3b4;
			background:#f3f3f3; 
			font: 11px verdana, sans-serif;
			color:#443;
			padding:3px;
			margin-bottom:4px;
		}
		.special:focus{
			border:1px solid #cc0000;
			background:#e4ebeb;
		}
		.LoginFormPair {
			float: left;
			width: 415px;
			padding:3px;
			/*  border:1px solid #000;    */
		}
		.LoginFormLabel{
			float:left;
			line-height:1.4em;
			text-align:right;
			width:100px;	
			font-weight:bold;
			/* border:1px dotted #cc0000;	*/
		}
		.LoginFormLabelSSN{
			float:left;
			line-height:1.4em;
			text-align:left;
			font-weight:bold;
			margin-left:28px;
			width:178px;
			/* border:1px dotted red;  */
		}
		.LoginFormData{
			padding-left:110px;
			vertical-align:top;
		}
		.LoginFormSubmit{
			font-weight:bold;
		}
		.crateAccountFormLabel{	
			float:left;
			line-height:1.4em;
			text-align:right;
			width:180px;	
			font-weight:bold;
			/* border:1px dashed green;  */
		}
		.createAccountFormData{			
			vertical-align:top;
			padding-bottom:5px;
			/* border:1px dashed red; */
		}
		.verificationFormLabel{
			float:left;
			line-height:1.4em;
			text-align:right;
			width:150px;
			padding-right:5px;
			/* border:1px solid red; */
		}
		.verificationFormData{
			font-weight:bold;
			/* border:1px solid red; */
		}
		div#container {
			border:1px solid #99b3b4;
			padding:10px;
			width:340px;			
		}
		#rightContainer{
			border:1px solid #99b3b4;
			padding:6px;
			width:450px;
			font-size:.88em;
			line-height:1.5em;
			float:right;
			margin-left:5px;
		}
		#att{
			font-weight:bold;
			color:#c00;
		}
		ul#loginUL{
			margin-top:-8px;
		}
		#rightContainer #submitButton{
			font-weight:bold;
		}
		#step2Wrap{
			width:865px;
			margin:0 auto;			
			/* border:1px solid red;  */
		}
		#step2Form{
			float:left;			
			width:420px;
			padding:5px;
			/* border:1px solid #eee; */
		}
		#step2Msg{
			float:right;			
			width:420px;
			padding:5px;
			height:168px;
			border-left:1px solid #eee;
			
		}
		#createAccountWrap{
			width:865px;
			margin:0 auto;
			/* border:1px solid red;	*/
		}
		#createAccountForm{
			float:left;
			width:800px;
			padding:10px 30px 10px 30px;
			border:1px solid #ccc;
		}
		div#singleColumn{
			border:1px solid #99b3b4;
			padding:15px;
			/*width:750px;*/
		}
		
		.error {
			border: 1px solid #000;
			background-color: #cc0000;
			color: #fff;
			padding: 20px;
			margin-bottom: 20px;
			font-weight: bold;
			font-style: italic;
			display: none;
		}
		.errorBorder {
			color:#cc0000;
			margin:0;
			padding:0;
			border:1px solid #eeeeee;
			padding:5px;
			font-size:.95em;
		}

		.backgroundCheckError {
			border: 1px solid #000;
			background-color: #cc0000;
			color: #fff;
			
			padding: 20px;
			margin-bottom: 20px;
			font-weight: bold;
			font-style: italic;
			display: none;
		}

		a#specialLink{
			color:#000000;
			font-style:italic;
			text-decoration:underline;
		}
		a#small{
			font-size:.85em;
			border-bottom:dotted 1px #cccccc;
		}
		a:hover#small{
			color:#000000;
			text-decoration:none;
			border-bottom:dotted 1px #c0c0c0;
		}
		a#loginLinks{
			color:#447A3A;
			font-size:.85em;
			border-bottom:dotted 1px #006600;
		}
		a:hover#loginLinks{
			color:#003300;
			text-decoration:none;
			border-bottom:dotted 1px #003300;
		}
		a#loginLinksBlack{
			color:#000;
			font-size:.85em;
			border-bottom:dotted 1px #000;
		}
		a:hover#loginLinksBlack{
			color:#000;
			text-decoration:none;
			border-bottom:dotted 1px #000;
		}
		a#logoutLink{
			color:#000;
		}	
		a#accountLinks{
			color:#006600;
			font-weight:bold;
			border-bottom:dotted 1px #006600;
		}
		a:hover#accountLinks{
			color:#003300;
			text-decoration:none;
			border-bottom:dotted 1px #003300;
		}
		#required{
			font-size:.95em;
			font-style:italic;
			color:#cc0000;
		}
		#smallText{
			font-size:.95em;
			font-style:italic;
		}
		#explain{
			font-size:.95em;
			border:1px solid #eeeeee;
			padding:5px;
		}
		#explainGreen{
			font-size:.85em;
			border:1px solid #eeeeee;
			padding:5px;
			color:#447A3A;
		}
		#explainGreenNoBorder{
			font-size:.85em;
			color:#447A3A;
		}
		#explainBlack{
			font-size:.85em;
			border:1px solid #eeeeee;
			padding:5px;
			color:#000;
		}
		#capsLockOn{
			padding-left:50px;			
		}
		
		
		/*create account form*/
		#directions{
			font-size:.95em;
			font-style:italic;
			color:#447A3A;			
			/* width:250px; */
			padding-left:5px;
			vertical-align:middle;
		}
								
		/* top navigation */		
		.navigation {
			display:block;
			font-weight:bold;
			margin-left:-40px;
			/*border:1px solid red;
			 width:895px;	*/		  
		}
		.navigation li{
			width:210px;
			font-size:.90em;
			text-align:center;
			list-style:none;			
			/*padding-left:2px;			*/
			padding-top:5px;
			padding-bottom:5px;
			border-right:1px solid #fff;			
			margin-bottom:1px;	
			height:20px;	
			
			background-color:#1D3E55;
			
		}	
		a{
			text-decoration:none;
			color:#fff;
		}
		
		a:hover{
			text-decoration:underline;
			color:#FFFFFF;
		}
		a#readMore{
			color:#016b5b;
			font-size:.95em;
			border-bottom:dotted 1px #eeeeee;
			float:right;			
		}
		a:hover#readMore{
			text-decoration:none;
			border-bottom:dotted 1px #c0c0c0;
		}
		
		/* main body */	
		#contentText{
			width:420px;
			/* padding-left:10px; */
			/* padding-right:10px;	 */
			border:1px solid #ddd;		
		}		
			
		h1{
			color:#c0c0c0;
			padding-top:5px;
			padding-bottom:5px;
			border-bottom:dotted 1px;
			font-size:2.0em;
		}
				
		h2#homepage{
			color:#c0c0c0;
			padding-top:5px;
			padding-bottom:5px;
			border-bottom:dotted 1px;
			font-size:1.5em;
		}
		h2#homepageNew{
			/* background:url(../../images/newItem.png); */
			background-repeat:no-repeat;
			background-position:top left;
			/* padding-left:35px; */
			color:#c0c0c0;
			padding-top:5px;
			padding-bottom:5px;
			border-bottom:dotted 1px;
			font-size:1.5em;
		}
		/* see also */
		#seeAlsoImg{
			padding-right:8px;
			padding-left:8px;
			float:left;
		}
		a#seeAlsoLink{
			font-size:1.1em;
			border-bottom:dotted 1px #eeeeee;	
			color:#000;		
		}
		a:hover#seeAlsoLink{
			border-bottom:dotted 1px #c0c0c0;
			text-decoration:none;
			color:#000;
		}
		.seeAlsoDivider{
			border-bottom:dotted 1px #c0c0c0;
		}		
		#homepageLink{
			font-size:1.1em;
			color:#000;
			border-bottom:dotted 1px #ddd;
		}		
		a:hover#homepageLink{
			font-size:1.1em;
			color:#000;
			text-decoration:none;
			border-bottom:dotted 1px #aeabab;
		}
				
		/* login link */
		#loginLink{
			float:right;
			padding-right:8px;
		}
		
		/* footer */
		#footer{
			font-size:.95em;
			color:#cccccc;
			padding: 10px 0 0 0;
		}
		#footer ul {
			border-top:dotted 1px #c0c0c0;
			float: left;
			margin: 2px 0 7px 0;
			padding: 0;
			width: 865px;
			list-style: none;
		}
		#footer li  {
			float: left;
			border-left: 1px solid #c0c0c0;
			margin-left: 7px;
			padding-left: 7px;
			font-size: 0.95em;
			line-height: 1.3em;
		}
		#footer li.first  {
			border-left: none;
			padding-left: 0;
			margin-left: 0;
		}
		#footer a{
			color:#999999;
			border-bottom:dotted 1px #eeeeee;
		}
		#footer a:hover{
			color:#999999;
			border-bottom:dotted 1px #c0c0c0;
			text-decoration:none;
		}
		hr{
			border:0;
			color:#eeeeee;			
		}
		hr{
			background-color:#eeeeee;
			height:1px;
		}
				
		/*My Account Left Navigation*/
		
		 #myAccountLeftNav ul{
			display: block;
			width:160px;
			/* border: 1px solid red; */
			margin: 2px ;
			padding-left: 5px;
			list-style-type: none;
			background: #eee;
			font-size:.95em;		
		}		
		
		#myAccountLeftNav li{
			display:block;	
			width:160px;		
			line-height: 1.7em;		
			background-color:#d7d7d7;
		}
		#myAccountLeftNav li a{
			display: block;
			height: 23px;	
			padding: 3px 12px 0px 12px;
			text-align: left;
			text-decoration: none;
			font-weight: normal;
			border-bottom:1px solid #bbb;	
			font-weight:normal;
			color:#000;
		}
		#myAccountLeftNav ul li a:hover {
			background-color: #eee;
			color: #000;
			text-decoration: none;				
		}
		
		/*My Stuff Left Navigation*/
		
		 #leftNav ul{
			display: block;
			width:138px;
			/* border: 1px solid red; */
			margin: 2px ;
			padding-left: 5px;
			list-style-type: none;
			background: #eee;
			font-size:.95em;		
		}		
		
		#leftNav li{
			display:block;	
			width:138px;		
			line-height: 1.7em;		
			background-color:#d7d7d7;
		}	
		
		#leftNav li a{
			display: block;
			height: 18px;	
			padding: 2px 0px 2px 12px;
			text-align: left;
			text-decoration: none;
			font-weight: normal;
			/* border-bottom:1px solid #bbb;	 */
			font-weight:normal;
			color:#000;
		}
		
		
		#leftNav ul li a:hover {
			background-color: #eee;
			color: #000;
			text-decoration: none;				
		}
		
		li#activePage{
			background-color:#eee;
		}
		
		/*merge accounts link*/
		a#merge{
			font-size:16px;
			text-decoration:none;
			color:#000000;			
			padding:1px;
			border-top:1px solid #666;
			border-bottom:1px solid #666;
			border-right:1px solid #666;
			border-left:1px solid #666;
			border-style:outset;
			background-color:#EEE;			
		}
		
		a#merge:hover{
			background-color:#DDD;
		}
		
		/* credit type lookup table (from my ce transcript tab) */
		th#creditType{
			border:1px solid #000;
		}
		td#creditType{
			border:1px solid #000;
		}
		
		/* transcripts page */
			
		div.attachment {
			border-bottom: dotted green;
			border-bottom-width: 1px;
			padding: 5px 0px;
			margin: 0px;
			text-align: left;
			float: none;
		}	
		br {
			border-bottom: dotted green;
			border-bottom-width: 1px;
			padding: 5px 0px;
			margin: 0px;
			text-align: left;
			float: none;
		}					
		div.labels {
			float: left;
			text-align: right;
			margin-right: 8px;
		}
		a#addupload{			
			color:#cc0000;
			font-weight:bold;
			text-decoration:underline;			
			font-size:0.95em;
			border-bottom:dotted 1px #eeeeee;				
		}
		a:hover#addupload{
			border-bottom:dotted 1px #c0c0c0;
			text-decoration:underline;
		}
		a#remove{
			color:#cc0000;
			text-decoration:underline;
			font-size:.90em;
		}
		a#eventLinks{
			color:#006600;
			font-weight:bold;
			text-decoration:underline;
		}
		
		/* character count on feedback form*/		
		.disable {
		  background-color: #CF110C;
		  color: #fff;
		  font-weight: bold;
		  padding: 5px;
		}
		
		/* education tab filters*/
		#filters{
			font-size:.80em;
		}
		#ahecsCheckBoxes{
			font-size:.90em;
		}
		
		#filtersSort,#distanceId, #filtersSortOnline{
			font-size:.80em;
		}
		#educationSearchResults{
			height:400px; 
			width:850px;
			overflow:auto; 
			border-top:dotted 1px #ddd; 
			border-left:dotted 1px #ddd; 
			border-bottom:dotted 1px #ddd; 
			padding-left:8px;
			font-size:.90em;
		}
		#container{
			border:1px solid #ddd;
		}
		
		/* education page */
		p#eventHeadings{
			color:#666;
			font-size:.80em;
		}
		#singleEventTitle{
			font-size:.80em;
			font-weight:bold;			
		}
		#eventBody{
			font-size:.80em;
			margin-bottom: 4px; 
			padding:5px;
		}
		#organizationWebsite{
			color:#cc0000;
			font-size:.99em;
			text-decoration:underline;
		}
		#readMoreEventsLink{
			color:#006600;			
			text-decoration:none;
			font-style:italic;
		}
		a:hover#readMoreEventsLink{
			text-decoration:underline;
		}
		#bgImage{
			background-image:url(../../images/topBG.gif);
			background-repeat:repeat-x;
		}
		#eventByline{
			font-style:italic;
		}
		
		#evError{
			color:#cc0000;
			font-weight:bold;
			font-style:italic;
		}
		
		/* Database connection error */
		.dbError{
			position:absolute;
			top:250px;
			left:200px;
			color:#cc0000;
		}		
		
		/* FAQ page*/
		a#faq{
			color:#000;
			text-decoration:none;
			line-height:2.0em;
		}
		#browserNames{
			color:#0099FF;
			font-weight:bold;
		}
		/* LINKS PAGE */		
		#organizationLinks{
			color:#447A3A;
			font-weight:bold;
			text-decoration:underline;
		}
		
		/* ceHistory page */
		.transcriptData{
			font-size:.90em;
			
		}
		.transcriptData td{
			vertical-align:top;
		}
		.transcriptDivider{
			background-color:#000;
			height:6px;
			width:700px;
			margin-bottom:10px;
		}			
		#message{
			border:1px #ddd solid;
			font-style:italic;
			padding:10px;	
			background-image:url(../../images/transcriptSummaryBG.gif);	
		}
		a#transcriptLinks{
			color:#006600;
			font-weight:bold;
			font-size:.90em;
			text-decoration:underline;
		}
		#transcriptErrorLinks{
			color:#cc0000;
			font-style:italic;
		}
		#transcriptNote{
			color:#cc0000;
			font-weight:normal;
		}
		#summary{
			font-weight:bold;
			border:1px solid #ccc;
			font-size:.90em;
			margin-bottom:20px;
		}
		#summaryHeader{
			text-decoration:underline;
			font-style:italic;
		}
		.overallSummary{
			
			background-image:url(../../images/transcriptSummaryBG.gif);
		}
		#sumCreditAmount{
			text-align:right;
			padding-right:5px;
		}
		#noCEFound{
			color:#cc0000;
		}
		
		/* BACK TO TOP BUTTON STYLE*/
		.scroll-top-wrapper {
    		position: fixed;
			opacity: 0;
			visibility: hidden;
			overflow: hidden;
			text-align: center;
			z-index: 99999999;
			background-color: #777777;
			color: #eeeeee;
			width: 50px;
			height: 48px;
			line-height: 48px;
			right: 30px;
			bottom: 30px;
			padding-top: 2px;
			border-top-left-radius: 10px;
			border-top-right-radius: 10px;
			border-bottom-right-radius: 10px;
			border-bottom-left-radius: 10px;
			-webkit-transition: all 0.5s ease-in-out;
			-moz-transition: all 0.5s ease-in-out;
			-ms-transition: all 0.5s ease-in-out;
			-o-transition: all 0.5s ease-in-out;
			transition: all 0.5s ease-in-out;
		}
		.scroll-top-wrapper:hover {
			background-color: #888888;
		}
		.scroll-top-wrapper.show {
			visibility:visible;
			cursor:pointer;
			opacity: 1.0;
		}
		.scroll-top-wrapper i.fa {
			line-height: inherit;
		}
				
		
		/* strayed links */
		.greenLinks{
			color:#447A3A;
			font-weight:bold;
			text-decoration:underline;
		}
		.greenLinks:hover{
			color:#447A3A;
			font-weight:bold;
			text-decoration:underline;
		}
		#greenLinks{
			color:#447A3A;
			font-weight:bold;
			text-decoration:underline;
		}		
		#externalGreenLinks{
			display:inline-block;
			padding-right:14px;
			background:transparent url(../../images/externalLink.png) center right no-repeat;
			color:#006600;
			font-weight:bold;
			text-decoration:underline;
		}		
		#redLinks{
			color:#cc0000;
			font-weight:bold;
			text-decoration:underline;
		}
		#redLinks:hover{
			color:#cc0000;
			font-weight:bold;
			text-decoration:underline;
		}
		#blueLinks{
			color:#30F;			
			font-weight:bold;
			text-decoration:underline;
		}
		#blueLinks:hover{
			color:#30F;
			font-weight:bold;
			text-decoration:underline;
		}
		
		
		/* transcript error*/
		.main{
			width:760px;
			height:450px;
			/* border:1px solid #ccc; */
			padding:10px;
		}
		.formPair {
			float: left;
			width: 790px;
			padding:3px;
			/* border:1px solid #000;   */
		}
		.formLabel{
			float:left;
			line-height:1.4em;
			text-align:right;
			width:100px;	
			/* border:1px dotted #cc0000;	*/
		}
		.formData{
			font-weight:bold;
			padding-left:120px;
			vertical-align:top;
		}
		.formSubmit{
			float:left;
			padding-left:280px;
		}
		.mainMSG{			
			padding-bottom:10px;
		}
		.transcriptErrorMessage{
			position:absolute;
			top:280px;
			color:#cc0000;
			width:760px;
			float:left;
		}
		.emailConfirm{
			color:#006600;
		}
		#sBann{
			vertical-align:middle;			
			font-weight:normal;
			/* border: 1px solid #000; */
		}
		
		/* submit buttons */	
		#Submit, #Submit2, #Submit3{
			font-weight:bold;
		}
		
		/* ceHistory Bridge page */
		.cell{
			width:130px;
			background-color:#eee;
			border-bottom:1px solid #ccc;
			border-left:5px solid #d7d7d7;
		}
		.cellHighlight{
			background-color:#d7d7d7;
			border-left:5px solid #d7d7d7;
		}
		
		#ceHistoryBridgeLinks{
			text-decoration:none;
			border-bottom:1px solid #ddd;
			font-weight:bold;
			padding-left:5px;
		}
		a:hover#ceHistoryBridgeLinks{
			color:#000;
			border-bottom:1px solid #000;
		}
		
/* DATE PICKER */
		

/* The wrapper div */
div.datePicker{
        position:absolute;
        min-width:24em;
        width:24em;
        z-index:9999;
        text-align:center;

        /* Change the font-size to suit your design's CSS. The following line is for the demo that has a 12px font-size defined on the body tag */
        font-size:.70em;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-weight:bold;
		        
        /* For Example: If using the YUI font CSS, uncomment the following line to get a 10px font-size within the datePicker */
        /* font:900 77%/77% Verdana; */

        background:transparent;

        /* Mozilla & Webkit extensions to stop text-selection. Remove if you wish to validate the CSS */
        -moz-user-select:none;
        -khtml-user-select:none;
        }
/* Styles for the static datePickers */
div.staticDP
        {
        position:relative;
        top:5px;
        left:0;
        }
/* The iframe hack to cover selectlists in Internet Explorer <= v6 */
iframe.iehack
        {
        position:absolute;
        background:#fff;
        z-index:9998;
        padding:0;
        border:0;
        display:none;
        margin:0;
        }
/* The "button" created beside each input for non-static datePickers */
a.date-picker-control:link,
a.date-picker-control:visited,
a.date-picker-control:hover,
a.date-picker-control:active,
a.date-picker-control:focus
        {
        /*position:relative;*/
        /* Moz & FF */
        display: -moz-inline-stack;
        border:0 none;
        padding:0;
        margin:0px 0px 4px 4px;
        background:transparent url(../../media/cal.gif);
		min-width:16px;
        line-height:1;
        cursor:pointer;
        visibility:visible;
        text-decoration:none;
        vertical-align:middle;
        }
/* Feed IE6 the following rule, IE7 should handle the min-width declared above */
* html a.date-picker-control
        {
        width:16px;
        }
a.date-picker-control
        {
        /* IE, Safari & Opera. Seperate CSS rule seems to be required. */
        display:inline-block;
        }
a.date-picker-control span
        {
        display:block;
        width:16px;
        height:16px;
        margin:auto 0;
        }
/* The next & previous buttons */
div.datePicker th span
        {
        display:inline;
        padding:0;
        margin:0;
        color:#000;
        text-align:center;
        line-height:1em;
        border-width:0;
        font-family: georgia, times new roman, palatino, times, bookman, serif;
        background:transparent;
        font-weight:bold;
        cursor:pointer;
        }
div.datePicker th span.month-display,
div.datePicker th span.year-display
        {
        text-transform:uppercase;
        letter-spacing:1px;
        font:normal 1.2em Verdana, Sans-Serif;
        cursor:default;
        }
div.datePicker th span.prev-but,
div.datePicker th span.next-but
        {
        font-size:1.8em;
        cursor:pointer !important;
        }

div.datePicker th span.today-but
        {
        text-align:center;
        margin:0 auto;
        font:normal 1em Verdana, Sans-Serif;
        width:100%;
        text-decoration:none;
        line-height:1.6em;
        text-transform:uppercase;
        cursor:pointer !important
        }
div.datePicker thead th span.fd-disabled
        {
        color:#aaa;
        cursor:default !important;
        }
/* The mon, tue, wed etc day buttons */
div.datePicker th span.fd-day-header
        {
        text-align:center;
        margin:0 auto;
        font:900 1em Verdana, Sans-Serif;
        height:1.4em;
        width:2em;
        text-decoration:none;
        text-transform:lowercase;
        line-height:1.4em;
        }
/* The table */
div.datePicker table
        {
        position:relative;
        margin:0;
        padding:0;
        border:1px solid #ccc;
        background:#fff url(../../media/gradient-e5e5e5-ffffff.gif) repeat-x 0 -20px;
        text-align:center;
        width:100%;
        border-spacing:2px;
        table-layout:fixed;
        border-collapse:separate;
        }
/* Common TD & TH styling */
div.datePicker table td
        {
        border:1px solid #ccc;
        padding:0;
        text-align:center;
        vertical-align:middle;
        /* Opera requires a line-height bigger than 1em in order to redraw properly */
        line-height:1.2em;
        cursor:pointer;
        background:#fff url(../../media/gradient-e5e5e5-ffffff.gif) repeat-x 0 -40px;
        width:3em;
        height:3em !important;
        height:2.8em;
        outline:none;
        }
div.datePicker table th
        {
        border:0 none;
        padding:0;
        line-height:1em;
        font-weight:bold;
        color:#222;
        text-align:center;
        vertical-align:middle;
        }
div.datePicker table td.date-picker-unused
        {
        background:#fff url(../../media/backstripes.gif);
        border-color:#dcdcdc;
        padding:0;
        cursor:default !important;
        }
div.datePicker table thead th.date-picker-title
        {
        width:auto;
        height:auto;
        padding:0.4em 0;
        }
/* The "mon tue wed etc" day header button styles */
div.datePicker table th.date-picker-day-header
        {
        text-transform:lowercase;
        width:3em;
        }
div.datePicker table th.date-picker-day-header span
        {
        display:block;
        }
/* The "todays date" style */
div.datePicker table td.date-picker-today
        {
        background:#fff url(../../media/bullet2.gif) no-repeat 0 0;
        color:rgb(100,100,100) !important;
        }
/* The "selected date" style */
div.datePicker table td.date-picker-selected-date
        {
        color:#333 !important;
        border-color:#333 !important;
        }
/* the "highlight days" style */
td.date-picker-highlight
        {
        color:#a86666;
        }
/* The date "out of range" style */
div.datePicker table td.out-of-range
        {
        color:#ccc !important;
        font-style:oblique;
        background:#fcfcfc !important;
        cursor:default !important;
        }
/* The "disabled days" style */
div.datePicker table td.day-disabled
        {
        color:#aaa !important;
        background:transparent !important;
        cursor:default !important;
        }
/* The "active cursor" style */
div.datePicker table tbody td.date-picker-hover
        {
        background:#fff url(../../media/bg_header.jpg) no-repeat 0 0;
        cursor:pointer;
        border-color:rgb(100,130,170);
        color:rgb(100,130,170);
        }

/* Remove the images for Internet Explorer <= v6 using the "* html" hack */
* html div.datePicker table td
        {
        background-image:none;
        }
* html div.datePicker table td.date-picker-unused
        {
        background:#f2f2f2;
        }
		
/* my account (account association )*/
#associationResults{
	height:120px; 
	width:520px;
	overflow:auto; 
	border-top:dotted 1px #ddd; 
	border-left:dotted 1px #ddd; 
	border-bottom:dotted 1px #ddd; 
	border-right:dotted 1px #ddd;
	padding-left:8px;
	font-size:.90em;
}

#associationResults a{
	border-bottom:1px solid #ccc;
}
#associationResults a:hover{
	text-decoration:none;
	color:#cc0000;
	border-bottom:1px solid #cc0000;
}
#fakeButton{
	border:1px dotted #000;
	padding:5px;
	color:#000;
	font-weight:bold;
	background-color:#ddd;
}
#fakeButton a{
	color:#cc0000;
}

#overallAssociationLinks{
	color:#cc0000;
	font-weight:bold;
	text-decoration:underline;
}
#thisIsMe{
	color:#cc0000;
	text-decoration:underline;
}

/* my account marketing preferences  */
.treeview, .treeview ul { 
	padding: 0;
	margin: 0;
	list-style: none;
}

.treeview ul {
	background-color: white;
	margin-top: 4px;
}

.treeview .hitarea {
	background: url(../../../../images/treeview-default.gif) -64px -25px no-repeat;
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
}
/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:none;
}

.treeview li { 
	margin: 0;
	padding: 3px 0pt 3px 16px;
}

.treeview a.selected {
	background-color: #eee;
}


#treecontrol2{
	color:#447A3A;
	text-decoration:underline;
	font-weight:bold;
}

.treeview .hover {text-decoration:underline; cursor: pointer; }

.treeview li { background: url(../../images/treeview-default-line.gif) 0 0 no-repeat; }
/* .treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; } */

.treeview .expandable-hitarea { background-position: -80px -3px; }

.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(../../images/treeview-default.gif); }  
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }

.treeview-red li { background-image: url(../../images/treeview-default-line.gif); }
.treeview-x li { background-image: url(../../images/treeview-default-line.gif); }
.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url(../../images/treeview-black.gif); } 
.treeview-x .hitarea, .treeview-x li.lastCollapsable, .treeview-x li.lastExpandable { background-image: url(../../images/treeview-black.gif); } 


/* my Account (account update)*/
#myAccountLeftNav{
	margin-left:-5px; 
	padding:0; 
	width:185px; 
	float:left;
}

h2#pageHeading{
	 margin-top:3px;
}

#myAccountContentColumn{
	width:676px; 
	float:left;
	/* border:1px dashed #09F;  */
}



/* ADOBE READER REQUIRED STYLE*/
#adobe{
	font-size:10px;
}
#adobe a{
	color:#006600;
	text-decoration:underline;
	font-weight:bold;
}
#adobe a visited{
	color:#006600;
	text-decoration:underline;
}

/* merge login style*/
#mergeLogin{
	width:400px;
	border:1px solid #99b3b4;
}

/* help style */
#mainContainer{
	width: 860px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
 	/* border:1px solid #000;   */
}
.firstcharacter{
	float:left;
	color:#447A3A;
	font-size:45px;
}
.helpQuestion{
	padding-left:10px; 
	color:#000;
	float:left;
}
.helpAnswer{
	padding-left:70px; 
	color:#000;
	float:left;
	line-height:20px;
}

.helpNavHeader{
	border-bottom:1px solid #ccc;
	width:170px;
	list-style-type:none;
	text-align:center;
	margin-bottom:10px;
}

.helpLeftCorner ul{
	border-radius:15px;
    background:#dedede;
    padding:20px; 
	width:170px;
    height:400px;    
	list-style-type:square;
	border:2px solid #999;
	float:left;
	line-height:25px;
	margin-top:-30px;
}

#breadcrumbs{
	color:#000;
	font-weight:bold;
}

#breadcrumbs a  {	
	color:#060;
}

#breadcrumbs a:hover {
	font-weight:bold;	
	color:#000;
}
#contentColumn{
	padding:10px;
	margin-left:220px;
	margin-top:-90px; 	
	width:606px; 
	/* border:1px dashed #09F;  */
}

#leftColumn{
	width: 220px;
	float: left;
	padding: 10px 0 10px 10px;	
	/* 	margin-left: -1px; 
    border:1px dashed #F96;  */
}

#leftColumn ul{
	position:relative;
	list-style-image:url(../../images/helpBullet.gif);
	list-style-type:square;
	padding-left:20px;
	color:#c6c6bc;	
	border-top:1px dashed #c6c6bc;
	margin: -40px 10px 0 -10px;  
	background-color:transparent;
	background:url(../../images/helpTopicsBG2.gif);
	background-repeat:repeat-y;
	background-position:0% 0%;
	/* border:1px dashed #C30;    */
}

#leftColumn li{
	padding-top:7px;
}


#helpTopicsHeader h2{
	font-family: georgia,verdana,arial,helvetica,sans-serif;
	font-size:1.5em;
	color:#333;
	padding: 15px 0 3px 55px; 
	background-color:transparent;
	background:url(../../images/helpTopicsHeader.gif) no-repeat;
	background-attachment:scroll;
	background-position:left top;
	width:170px;
	height:42px;
	/*  border:1px dashed #33FF66; */
}

#helpTopicsBottom{
	background:url(../../images/helpTopicsBottom.gif) no-repeat;
	margin-left:-10px;
	width:220px;
	height:29px;	
	/* border:1px solid #FF6600; */
}

#helpTopicExtra{
	color:#666;
	font-style:italic;
	font-size:.90em;
	padding-left:5px;
	line-height:1.2em;
	
	
	/* margin-top:-30px;
	border:1px solid #f00; */
}
#helpTopicsLink{
	color:#447A3A;
}

#helpTopicsLink{
	color:#447A3A;
}

a:hover#helpTopicsLink{
	text-decoration:underline;
	background-color:#E1E1D6;
}



#helpGreeting{
	padding-bottom:40px; 
}

#regionalOffices{
	border:1px solid #ddd;
	background-color:#eee;
	padding:10px;
	background:url(../../images/helpAhecTableBG.gif) repeat-x;
	
}

#regionalOffices a{
	color:#060;
	font-weight:bold;
}


#region{
	font-size:.85em;
}

#contentColumn h3{
	font-size:1.2em;
	color:#006600;
	margin-bottom:0;	
}

#specialHeader{
	text-decoration:underline;
	margin:0;	
}

#contentColumn h4{
	font-size:1em;
	font-style:italic;
	margin-bottom:0; 
}

/* help form style */
#formLabel{
	text-align:right;	
	padding-right:5px;
	vertical-align:top;
	/* border:1px solid #f00; */ 
}
#formInput, #formInput2, #formInput3{
	width:250px;
	margin-bottom:5px;
}
#loggedFrom{
	font-weight:bold;
}

#formAtt{
	color:#f00;
}

#formDirections, #formAtt{
	font-size:.90em;
	vertical-align:top;
}

/* #helpErrors{
	color:#f00;
	font-weight:bold;
} */
#error1{
	color:#f00;
	font-weight:bold;
}

#helpAccountTopics p{
	font-weight:bold;
	text-decoration:underline;
	color:#000;
	 margin-bottom:3px;
	/* border:1px solid #000;*/
}

#helpTopicsContainer{
	border:1px solid #ddd; 
	padding:5px 5px 5px 8px;
	/*margin-top:-6px; */
	background:url(../../images/helpAccountContentBG.gif) no-repeat;
	/* border:1px solid #999999; */
}

#helpBackToTop a{
	 float:right;
	 width:36px;
	 height:12px;
	 padding:5px 0 10px 0;
}
/* roles */
/* presenter */

#presenterNavigation{
	margin-left:0; 
	padding:0; 
	width:145px; 
	float:left;
	/* border:1px solid yellow;  */
}
	
#presentertContentColumn{
	padding:10px;	
	float:left;
	width:663px; 
	/* border:1px dashed #09F;   */
}

#leftNav li#navHeader{
	width:130px;
	font-weight:bold;
	border-bottom:1px solid #bbb;
	padding-left:8px;
	background:url(../../images/listHeadingArrow.png);
	background-repeat:no-repeat;
	background-position:left;
	background-color:#bbb;
}

#presenterContentWrapper{
	float:left; 
	width:705px;
	padding-left:5px;
	/* border:1px dashed red;"  */
}

#uploadFiles{
	color:#cc0000;
	font-style:italic;
	font-weight:bold;
	outline:none;
}


#excelLink{
	color:#cc0000;
	font-style:italic;
	font-weight:bold;
}

.rosterLink{
	color:#cc0000;
	font-style:italic;
	font-weight:bold;
	outline:none;
}
.rosterLink:hover{
	color:#cc0000;
}

/* REGISTRATIONS, CLASS ROSTER, UPLOAD DOCUMENTS */
#mainHeading{
	font-size:1.1em;
	font-weight:bold;
	margin-bottom:10px;
}

#ceEvents{
	font-weight:bold;
	font-size:1.7em;
	color:#c0c0c0;	
	/*  border:1px solid black; */
}		

#noCERegistrations{
	background-image:url(../../images/noCERegistrationHeadingIcon.png);
	background-position:left top;
	background-repeat:no-repeat;
	background-attachment:scroll;
	padding-left:40px;
	height:30px;
	font-weight:bold;
	font-size:2.5em;
	color:#c0c0c0;
}

#eventHeadingByline{
	width:600px;
	color:#000;
	border-bottom:#c0c0c0 dotted 1px;
}

/* HOUSING */
#housingDisclaimer{
	padding-left:88px;
}
#housingDisclaimerContact{
	padding-left:27px;
}
#note{ /* Dept or School Allied Health Note on request.php*/
	color:#cc0000;
	font-weight:bold;
}
#step1{
	border-bottom:1px solid #eee;
	padding-bottom:10px;
}
#step2{
	display:none; 
	border-bottom:1px solid #eee;
}
#step3{
	display:none; 
	border-bottom:1px solid #eee;
}
#housingStatusStringBlue{
	width:60px;
	color:#fff;
	background-color:#00f;
	font-weight:bold;
	padding:0px 5px 0px 5px;	
}
#housingStatusStringGreen{
	width:60px;
	color:#fff;
	background-color:#090;
	font-weight:bold;
	padding:0px 5px 0px 5px;	
}
#housingStatusStringRed{
	width:60px;
	color:#fff;
	background-color:#f00;
	font-weight:bold;
	padding:0px 5px 0px 5px;	
}
#housingStatusStringYellow{
	width:60px;
	color:#000;
	background-color:#ff0;
	font-weight:bold;
	padding:0px 5px 0px 5px;	
}
#housingStatusStringBlack{
	width:60px;
	color:#fff;
	background-color:#000;
	font-weight:bold;
	padding:0px 5px 0px 5px;	
}
#housingRotationFormLabel{
	font-weight:bold;
	text-align:right;
	vertical-align:top;
}
#housingRotationFormLabelEditForm{
	font-weight:bold;
	text-align:right;
}
#housingRotationFormButton{
	border:2px solid #5151e7;
	font-size:1em;
	background-color:#8dbdd8;
	color:#000;
	
}
#housingRotationApprovedButton{
	border:2px solid #040;
	font-size:1em;
	background-color:#090;
	color:#fff;
	font-weight:bold;
}
#housingRotationDeniedButton{
	border:2px solid #c00;
	font-size:1em;
	background-color:#f40000;
	color:#fff;
	font-weight:bold;	
}

#housingRotationOnHoldButton{
	border:2px solid #fc0;
	font-size:1em;
	background-color:#ff0;
	color:#000;
	font-weight:bold;	
}
#housingRotationCanceledButton{
	border:2px solid #aaa;
	font-size:1em;
	background-color:#000;
	color:#fff;
	font-weight:bold;	
}
.addMoreFields{
	color:red;
}

/* overall messaging */
#greenMessage{
	color:#009933;
	font-weight:bold;
	background-image:url(../../images/checkGreenTransp.png);
	background-repeat:no-repeat;
	padding-left:20px;
	height:20px;
}
#redMessage{
	color:#cc0000;
	font-weight:bold;
	background-image:url(../../images/alert.gif);
	background-repeat:no-repeat;
	padding-left:20px;
	height:20px;
}

/* Housing Manage Requests Table Sorter*/
/* tables */
table.tablesorter {
	border:1px solid #ccc; 	
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	font-family:arial;
	font-size: 8pt;
	text-decoration:underline;
	text-align:center;
}
table.tablesorter thead tr .header {
	/* background-image: url(../../images/tableSorterBg.gif);*/
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter th{
	text-align:left;
	
}
table.tablesorter tbody {
	color: #3D3D3D;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	/* background-image: url(../../images/tableSorterAsc.gif); */
}
table.tablesorter thead tr .headerSortDown {
	/* background-image: url(../../images/tableSorterDesc.gif); */
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
	background-color: #8dbdd8;
}

/* HOUSING REPORT TABLE SORTER SPECIAL STYLE*/
/* tables */
table.housingReport {
	background-color: #CDCDCD; 	
	text-align: left;
}
table.housingReport thead tr th, table.housingReport tfoot tr th {
	background-color: #a1bdc0;
	font-family:arial;
	font-size: 8pt;
	text-decoration:underline;
	text-align:center;
}
table.housingReport thead tr .headerSortDown, table.housingReport thead tr .headerSortUp {
	background-color: #71979b;
	color:#fff;
}

/* Manage Requests filters */
#requestFilters {
	color:#fff;
	background-color:#8dbdd8;
	font-weight:bold;
	padding:3px;
}
#filterLinks{
	color:#fff;
	border:solid #fff;
	border-width:2px 0px 2px 0px;
}
#filterLinks:hover{
	color:#c00;
	border:solid #c00;
	border-width:2px 0px 2px 0px;
}
#filterApplied{
	background-color:#8dbdd8;
	color:#fff;
	border:solid #fff;
	border-width:2px 0px 2px 0px;
}
#filterLinksDownloads{
	color:#fff;
	text-decoration:underline;
}
#filterLinksDownloads:hover{
	color:#c00;
	text-decoration:underline;
}
#filterLinksApproved{
	border:solid #090;
	border-width:2px 0px 2px 0px;
	color:#090;
}
#filterLinksApproved:hover{
	color:#060;
	text-decoration:none;
}
#filterLinksApprovedApplied{
	border:solid #090;
	border-width:2px 0px 2px 0px;
	color:#090;
}
#filterLinksDenied{
	border:solid #f00;
	border-width:2px 0px 2px 0px;
	color:#f00;
}
#filterLinksDenied:hover{
	color:#c00;
	text-decoration:none;
}
#filterLinksDeniedApplied{
	border:solid #f00;
	border-width:2px 0px 2px 0px;
	color:#f00;
}
#filterLinksHold{
	border:solid #ff0;
	border-width:2px 0px 2px 0px;
	color:#ff0;
}
#filterLinksHold:hover{
	color:#fa0;
	text-decoration:none;
}
#filterLinksHoldApplied{
	border:solid #ff0;
	border-width:2px 0px 2px 0px;
	color:#ff0;
}
#filterLinksCanceled{
	border:solid #000;
	border-width:2px 0px 2px 0px;
	color:#000;
}
#filterLinksCanceled:hover{
	color:#333;
	text-decoration:none;
}
#filterLinksCanceledApplied{
	border:solid #000;
	border-width:2px 0px 2px 0px;
	color:#000;
}
#filterLinksRequested{
	border:solid #00f;
	border-width:2px 0px 2px 0px;
	color:#00f;
}
#filterLinksRequested:hover{
	color:#00c;
	text-decoration:none;
}
#filterLinksRequestedApplied{
	border:solid #00f;
	border-width:2px 0px 2px 0px;
	color:#00f;
}
#statusDisplayRequested{
	color:#fff;
}
#statusDisplayApproved{
	color:#fff;
}
#statusDisplayDenied{
	color:#fff;
}
#statusDisplayHold{
	color:#000;
}
#statusDisplayCanceled{
	color:#fff;
}





















 
/* Manage Requests Horizontal Drop Down */
/* ul#dropDown {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 150px;
} */

ul#dropDown li#subItem{
	position: relative;
} 

/* SUB MENUS */

li#subItem ul#dropDown{
	position: absolute;
	left: 136px;
	top: 0;
	display: none;
}

/* LINKS */


li#subItem a {
	display: block;
	text-decoration: none;
	color: #000;
	background: #d7d7d7;
	padding: 5px;
	border: 1px solid #ccc;
	border-bottom: 0;
}

/* Fix IE. Hide from IE Mac \*/
* html  ul#dropDown li#subItem{ float: left; }
* html  ul#dropDown li#subItem a { height: 1%; }
/* End */

/* CLOSE MENU (BOTTOM BORDER) */
/*
ul{
	margin: 0;
	padding: 0;
	list-style: none;
	width: 150px;
	border-bottom: 1px solid #ccc;
} */

li#subItem:hover  ul#dropDown{ 
	display: block; 
}

/* Housing Editing Screens*/
#editHousing{
	font-size:.85em;
}

.documentNotDownloaded{
	font-weight:bold;
}

/* CLOSE REQUESTS */
#approveAndClose{
	color:#006600;
	font-weight:bold;
}

#denyAndClose{
	color:#cc0000;
	font-weight:bold;
}

#cancelAndClose{
	color:#000000;
	font-weight:bold;
}


div#alertBox{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:130%; /* 130 for IE */
	background-image: url(../../images/blackDot.png); 
	background:rgba(0,0,0,0.6);
	/* for IE */
  	filter:alpha(opacity=60);
}

div#alertText{
	position:relative;
	width:750px;
	border:4px solid #c0c0c0;
	left:50%;
	top:50%;
	margin-left:-300px;
	margin-top:-90px;
	background-color:#fff;
	font-size:.90em;
}

a#closeLink{
	padding-right:20px;
	color:#1c8239;
	font-weight:bold;
	/* background-image:url(../../images/formStop.png); */
	background-position:right;
	background-repeat:no-repeat;
	vertical-align:bottom;
}

h2#overlapHeading{
	margin-top:-1px;
	margin-bottom:-1px;
}

/* HOUSING INVOICE MANAGEMENT SCREEN */
#whiteOnRed{
	color:#fff;
	background-color:#c00;
	font-weight:bold;
}

#whiteOnBlack{
	color:#fff;
	background-color:#000;
	font-weight:bold;
}

#blackOnYellow{
	color:#000;
	background-color:#FC3;
	font-weight:bold;
}

#blackOnGray{
	color:#000;
	background-color:#eee;
}
/***************************/
/***************************/
/* PRACTICE SUPPORT  STYLE */
/***************************/
/***************************/
.colorMe{
	background-color:#fff28e;
}

#ipipContentColumn{
	padding:10px;
	float:right;
	width:50%; 
	border:1px solid #ccc; 
}

#ipipLeftColumn{
	width: 45%;
	float: left;
/* 	margin-left: -1px; */
	
    border:1px solid #ccc;  
}

#ipipLeftColumnHeader{
	background-color:#699;
	padding:0;
	color:#fff;
	text-align:center;
	font-size:18px;
	padding:10px 0 10px 0;
}

#ipipLeftColumnBody{
	padding: 0 0 10px 10px;		
}

.addPracticeFormPair {
			float: left;
			width: 815px;
			padding:3px;
			border:1px solid #ccc;  
}

.addPracticeFormLabel{	
			float:left;
			line-height:1.4em;
			/*text-align:right;*/
			width:320px;	
			font-weight:bold;
			padding-right:10px;
			
			/*border:1px dashed green;  */
}


.addPracticeFormHeader{
	float:left;
	width:800px;
	color:#fff;
	background-color:#7BAFD4;
	padding:10px 0 10px 10px;
	font-weight:bold;
	border:1px solid #ccc;
}

#providerInfo tr{
	font-weight:bold;
}

.ipipProviderFormError{
	border:1px solid red;
	background-color:#eee;
}

#ipipFormList{
	list-style:none;
	line-height:2.0em;
}

#ipipRequiredData{
	color:#f00;
	padding:8px;
	border:1px solid #ccc;
}
#ipipNotRequiredData{
	padding-left:19px;
}
.ipipValidationErrorMessage{
	color:#cc0000;
	font-weight:bold;
	font-style:italic;
}
.smallTextBox{
	width:25px;	
}
.measureSaveButton{	
	padding:5px 10px 5px 10px;
	background-color:#eee;
	border:1px solid #666;
	vertical-align:baseline;
}

.measureSaveButton a{	
	color:#000;
	font-weight:bold;
}

.measureEditButton{	
	padding:5px 10px 5px 10px;
	background-color:#eee;
	border:1px solid #000;
	vertical-align:baseline;
}
.measureEditButton a{	
	color:#C00;
	font-weight:bold;
}

.measureCoreData{
	color:#03A;
	font-weight:bold;
	font-style:italic;
}

.measureItemDark{
	background-color:#ddd;
	padding:8px;
	/* border:1px solid black;  */
}
.measureItemLight{
	background-color:#eee;
	padding:8px;
}
.sampleData{
	background-color:#FC3;
	padding:8px;
}

td.measureQuestionNumber, td.qicAssessmentFormGrading{
	color:#fff;
	background-color:#8DBDD8;
	font-weight:bold;
	font-size:18px;
	padding:12px;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}
#chart{
	/*border:1px solid black; padding:5px;*/
}
#coreMeasure{
	font-weight:bold;
	font-style:italic;
	color:#C00;
}

.measureQuestionHighlight{
	background-color:#8dbdd8;
	font-weight:bold;
}

a.chartControls{
	float:right;
	border:1px solid #000;
	background-color:#eee;
	padding:3px;
	margin-right:2px;
	font-size:10px;
	color:#060;
	font-weight:bold;
	text-decoration:none;
}

.chart{
	padding-bottom:30px;
}

/* COMPARISON CHART STYLE */
#comparisonChartError{
	background-color:#FF0;
	color:#000;
	font-weight:bold;
	border:1px solid #000;
}

/* QIC PRACTICE ASSESSMENT FORM (kdis) */
#qicTable{	
	/* border-collapse:collapse;	 
	background-color:#000;*/
	width:100%;
	
	border:1px solid #ccc;
}

#qicTable th, #qicTable td{
	/* border:3px solid #eee; */
	padding:7px 7px 7px 7px;	
}

#qicTable th{
	font-size:1.1em;		
}

#qicTable td.formInput{
	text-align:center;
	background-color:#eee;	
}

#qicTable td{
	text-align:left;
}

#qicTable input.formButtonRight{
	float:right;
}

#qicTable #qicFormError{
	background-color:#FF0;
	color:#000;
}

#qicTable td#kdisClinicaltopic{
	background-color:#fff;
	padding:15px;
}

#qicTable td#kdisClinicaltopic:hover{
	background-color:#ccc;	
}

/*****************************************
 ***** PRACTICE SUPPORT PCMH FORM  *******
 *****************************************/
#pcmhForm{
	padding-bottom:20px;
}

input.invalid, textarea.invalid{
	border:2px solid red;
}
input.valid, textarea.valid{
	border:2px solid #ccc;
}

.messages{
	font-weight:bold;
	background-color:#E0C931;
	border-radius: 10px 10px 10px 10px; 
	-moz-border-radius: 10px 10px 10px 10px; 
	-webkit-border-radius: 10px 10px 10px 10px; 
	border:1px solid #C1A321;
	padding:20px;
}

.temp{
	/*border:2px solid red;*/
}


/*****************************************
 ***** PRACTICE SUPPORT ADMN STYLE *******
 *****************************************/
#adminTable{
	border:1px solid #ccc;
	border-radius:10px;
}
#adminTable th{
	border-bottom:1px solid #999;
	border-right:1px solid #999;	
}
#adminTable td{
	border-bottom:1px solid #ccc;
	border-right: 1px solid #ccc;	
}
#consultantSearchLabel{
	width:30%;
	font-weight:bold;
	text-align:right;
}
#consultantSearchInput{
	width:40%;
}

.adminDashIndex{
	border:1px solid #ccc;
	border-radius:10px;
}

.psSubNavigation{
	background-color:#ccc; 
	padding:10px;
	border:1px solid #333;
}
/*****************************************************/
/******* PRACTICE SUPPORT PRACTICE STATUS FORM *******/
/*****************************************************/
.practiceStatusFormHeader{
	font-weight:bold;
	color:#fff;
	background-color:#7BAFD4;
	padding:10px 0 10px 10px;
}

/*****************************************************/
/****** PRACTICE SUPPORT PROVIDER DETAILS STYLE ******/
/*****************************************************/
.TABLE.providerDetailTable
{
    border-collapse: collapse;
}

.providerDetailTable TH, .providerDetailTable TD{
	border:solid 1px black;
}

.providerDetailTable TD.red{
	background-color:#ffb5b5;
	text-align:center;
}
 	

.providerDetailTable TD.blue{
    background-color: #CCD7F0;
    text-align: center;
}

.providerDetailTable TD.green{
    background-color: #D6DEC5;
    text-align: center;
}

.providerDetailTable TD.purple{
    background-color: #E2C7FF;
    text-align: center;
}

.providerDetailTable TD.orange{
    background-color: #FA8072;
    text-align: center;
}

.providerDetailTable TD.skyBlue{
	background-color: #DBF2F9;
	text-align: center;
}

.providerDetailTable TH.red{
    background-color: #FF0000;
    text-align: center;
    color: White;
}

.providerDetailTable TH.blue{
    background-color: #4F81BD;
    text-align: center;
    color: White;
}

.providerDetailTable TH.green{
    background-color: #76933C;
    text-align: center;
    color: White;
}

.providerDetailTable TH.purple{
    background-color: #800AFF;
    text-align: center;
    color: White;
}

.providerDetailTable TH.orange{
    background-color:#FF4500;
    text-align: center;
    color: White;
}

.providerDetailTable TH.skyBlue{
	background-color: #A2D7E7;
	text-align: center;
}

/******************************************************/
/*************** HHN PRACTICES STYLE ******************/
/***** roles/ipip/admin/hhnPracticesWithKDIS.php ******/
.TABLE.hhnPracticesTable
{
    border-collapse: collapse;
}

.hhnPracticesTable TD{
	border:solid 1px #fff;
}

.hhnPracticesTable TH{
	background-color:#dedede;
}



/*****************************************************/
/******* PRACTICE SUPPORT LANDING UP AND DOWN ********/
/*****************************************************/
.navUp{
	padding:7px;
	background-color:white;
	border:1px solid #CCC;
	position:fixed;
	background:transparent url(../../images/arrow_up.png) no-repeat top left;
	background-position:50% 50%;
	width:20px;
	height:20px;
	bottom:10px;
	opacity:0.7;
	left:30px;
	white-space:nowrap;
	cursor: pointer;
	-moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
    -khtml-border-top-left-radius:3px;
	-khtml-border-top-right-radius:3px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
.navDown{
	padding:7px;
	background-color:white;
	border:1px solid #CCC;
	position:fixed;
	background:transparent url(../../images/arrow_down.png) no-repeat top left;
	background-position:50% 50%;
	width:20px;
	height:20px;
	bottom:10px;
	opacity:0.7;
	left:70px;
	white-space:nowrap;
	cursor: pointer;
	-moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
    -khtml-border-top-left-radius:3px;
	-khtml-border-top-right-radius:3px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}

/***********************************************************************
 								PRACTICE SUPPORT REPORT STYLE
 **********************************************************************/
 .reportHeader{
 	 background-color:#ccc;
 }

/***********************************************************************
								PRACTICE SUPPORT REPORT PAGINATION STYLE
***********************************************************************/
.paginate_button{
	display:inline-block;
	min-width:1.5em;
	padding:0.5em 1em;
	margin-left:2px;
	text-align:center;
	text-decoration:none !important;
	cursor:pointer;
	*cursor:hand;
	color:#333 !important;
	border:1px solid transparent;
	border-radius:2px;
	font-weight:bold;
}

.paginate_button:hover{
	background-color:#333;
	color:#fff !important;
}

/***********************************************************************
 					INNOVATION GRANT STYLE
***********************************************************************/

div.upload{
    width: 157px;
    height: 57px;
	color:black;
    /*background: url(https://lh6.googleusercontent.com/-dqTIJRTqEAQ/UJaofTQm3hI/AAAAAAAABHo/w7ruR1SOIsA/s157/upload.png);  */
	background: url(../../images/selectFile.png);
	
	float:left; 
}

div.upload input {
    display: block !important;
    width: 157px !important;
    height: 57px !important;
    opacity: 0 !important;
    overflow: hidden !important;
	border:1px solid blue; 
}

#grantUpload{
	width:157px;
	height:57px;
	border:none;
	background: url(../../images/upload.png);
	color:transparent;

}

table#grantReviewTable{
	border:3px solid #ccc;
}

#grantReviewTable td, th{
	border:1px solid #ccc;
}




/*********************/
/** jRating CSS **/
/*********************/
/**Div containing the color of the stars */
.jRatingAverage {
background-color:#f62929;  /* f62929 */
position:relative;
top:0;
left:0;
z-index:2;
height:100%;
}
.jRatingColor {
background-color:#f4c239; /* bgcolor of the stars* - f4c239 */
position:relative;
top:0;
left:0;
z-index:2;
height:100%;
}
/** Div containing the stars **/
.jStar {
position:relative;
left:0;
z-index:3;
}
/** P containing the rate informations **/
p.jRatingInfos {
position: absolute;
z-index:9999;
background: transparent url('../../images/bg_jRatingInfos.png') no-repeat;
color: #FFF;
display: none;
width: 91px;
height: 29px;
font-size:16px;
text-align:center;
padding-top:5px;
}
p.jRatingInfos span.maxRate {
color:#c9c9c9;
font-size:14px;
}



/*************/


/**********************************************************************
					PRACTICE CHARTS FILTER STYLE
**********************************************************************/
.dataChartFilter{
	
	border:1px solid #ccc;
	padding:20px;
	width:658px;
	
	/* background-image: repeating-linear-gradient(135deg, #0099FF, #0099FF 11px, #00CCFF, #00CCFF 22px); */
	
	background-color: #0099FF;
	background-image: radial-gradient(circle at bottom left, #09f, #0cf);
	
	
	/*background-image: -webkit-gradient(linear, 0 0, 100% 100%,
									color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent),
									color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)),
									color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent),
			 						to(transparent));
									
									
									
									
									
	background-image: -webkit-linear-gradient(130deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
								transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
								transparent 75%, transparent);
	background-image: -moz-linear-gradient(130deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
								transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
								transparent 75%, transparent);
								
								
								
	background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
								transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
								transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
								transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
								transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
								transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
								transparent 75%, transparent); 
	*/
}

/**********************************************************************
					BACK TO THE TOP STYLE
**********************************************************************/
.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(232, 98, 86, 0.8) url(../../images/cd-top-arrow.png) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible 
  opacity: .5;*/
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}

/***************************************************************************/
/*************************** RESET EMAIL STYLE *****************************/
/***************************************************************************/
#forgotEmailTable{
	border:3px solid #ccc;
}

#resetEmailLabel{
	width:100%;
	/*border:1px solid red;*/ 
	font-size:22px;
	color:#666;
	float:right;
	text-align:right;	
}

#oldEmailAddress, #newEmailAddress, #phoneNumber, #randoomCode{
	border:1px solid #ccc;
	width:400px;
	height:30px;
	font-size:18px;
	color:#666;
}
#oldEmailAddress, #newEmailAddress, #phoneNumber{
	float:left;
}
	
#resetFormSubmitButton, #submitRandomCode{
	width:200px;
	height:40px;
	font-size:24px;	
}
#resetEmailFormResult{
	margin-top:20px;
	color:#cc0000;
	font-size:24px;
}
#resetSuccess{
	font-size:24px;
	color:#666;
	line-height:120%;
}


/* DIRECTORS UPLOAD FORM STYLE */
.formElement{
	padding:10px;
}

.formElement input[type=text]{
	border:1px solid #ccc;
	height:40px;
	width:60%;
	font-size:large;
	color:#666;
	padding-left:10px;
	/*text-transform:capitalize;*/
	border-radius: 10px 10px 10px 10px; 
	-moz-border-radius: 10px 10px 10px 10px; 
	-webkit-border-radius: 10px 10px 10px 10px;
}
.formElement input[type=date]{
	border:1px solid #ccc;
	height:40px;
	width:61%;
	font-size:large;
	color:#666;
	padding-left:10px;
	/*text-transform:capitalize;*/
	border-radius: 10px 10px 10px 10px; 
	-moz-border-radius: 10px 10px 10px 10px; 
	-webkit-border-radius: 10px 10px 10px 10px;
}
.formElement select{
	border:1px solid #ccc;
	height:40px;
	width:20%;
	color:#666;
	font-size:14px;
	border-radius: 10px 10px 10px 10px; 
	-moz-border-radius: 10px 10px 10px 10px; 
	-webkit-border-radius: 10px 10px 10px 10px;
}

/***************************************************************************/
/*************************** RESET EMAIL STYLE *****************************/
/***************************************************************************/
#forgotEmailTable{
	border:3px solid #ccc;
}

#resetEmailLabel{
	width:100%;
	/*border:1px solid red;*/ 
	font-size:22px;
	color:#666;
	float:right;
	text-align:right;	
}

#oldEmailAddress, #newEmailAddress, #phoneNumber, #randoomCode{
	border:1px solid #ccc;
	width:400px;
	height:30px;
	font-size:18px;
	color:#666;
}
#oldEmailAddress, #newEmailAddress, #phoneNumber{
	float:left;
}
	
#resetFormSubmitButton, #submitRandomCode{
	width:200px;
	height:40px;
	font-size:24px;	
}
#resetEmailFormResult{
	margin-top:20px;
	color:#cc0000;
	font-size:24px;
}
#resetSuccess{
	font-size:24px;
	color:#666;
	line-height:120%;
}


/* DIRECTORS UPLOAD FORM STYLE */
.formElement{
	padding:10px;
}

.formElement input[type=text]{
	border:1px solid #ccc;
	height:40px;
	width:60%;
	font-size:large;
	color:#666;
	padding-left:10px;
	/*text-transform:capitalize;*/
	border-radius: 10px 10px 10px 10px; 
	-moz-border-radius: 10px 10px 10px 10px; 
	-webkit-border-radius: 10px 10px 10px 10px;
}
.formElement input[type=date]{
	border:1px solid #ccc;
	height:40px;
	width:61%;
	font-size:large;
	color:#666;
	padding-left:10px;
	/*text-transform:capitalize;*/
	border-radius: 10px 10px 10px 10px; 
	-moz-border-radius: 10px 10px 10px 10px; 
	-webkit-border-radius: 10px 10px 10px 10px;
}
.formElement select{
	border:1px solid #ccc;
	height:40px;
	width:20%;
	color:#666;
	font-size:14px;
	border-radius: 10px 10px 10px 10px; 
	-moz-border-radius: 10px 10px 10px 10px; 
	-webkit-border-radius: 10px 10px 10px 10px;
}

/** MULTI AHEC COLLABORATION STYLE **/
.actionLink{
	display:inline-block; 
	width:100%; 
	height:100%; 
	padding:10px;
}
.actionLink:hover{
	text-decoration:none;
}


/*////////////////////////////*/
.form-style-1 {
    margin:10px auto;
    max-width: 400px;
	padding: 20px 12px 80px 12px;
	border:1px solid #ccc;
    /* font: 13px "Lucida Sans Unicode", "Lucida Grande", sans-serif; */
}
.form-style-1 li {
    padding: 0;
    display: block;
    list-style: none;
    margin: 10px 0 0 0;
}
.form-style-1 label{
    margin:0 0 3px 0;
    padding:0px;
    display:block;
    font-weight: bold;
}
.form-style-1 input[type=text], 
select{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border:1px solid #BEBEBE;
    padding: 7px;
    margin:0px;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;  
}
.form-style-1 input[type=text]:focus, 
.form-style-1 select:focus{
    -moz-box-shadow: 0 0 8px #88D5E9;
    -webkit-box-shadow: 0 0 8px #88D5E9;
    box-shadow: 0 0 8px #88D5E9;
    border: 1px solid #88D5E9;
}
.form-style-1{
	width: 40%;
}

.form-style-1{
    width: 100%;
}
.form-style-1 .field-select{
    width: 100%;
}
.form-style-1 .field-divided{
    width: 100%;
}
.form-style-1{
    height: 100px;
}
.form-style-1 input[type=submit], .form-style-1 input[type=button]{
    background: #4B99AD;
    padding: 8px 15px 8px 15px;
    border: none;
    color: #fff;
}
.form-style-1 input[type=submit]:hover, .form-style-1 input[type=button]:hover{
    background: #4691A4;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
}
.form-style-1 .required{
	color:red;
	font-style: italic;
	font-size: 10px;
}
.multiAhecCollaboration a{
	background: #4B99AD;
	padding:8px 15px 8px 15px;
	border:none;
	color:#fff;
	box-shadow: none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
}
.multiAhecCollaboration:hover a{
	background: #4691A4;
	text-decoration: none;
}





		
		
		

	

/* PRACTICE SUPPORT TABS STYLE */


/*.navcontainer ul{
	background-color: #8dbdd8;
	border-bottom:1px solid #DFDFDF;
	border-top:1px solid #DFDFDF;
	float:left;
	font-family:arial,helvetica,sans-serif;
	font-size:12px;
	margin-top:-5px; 
	margin-left:8px;
	margin-bottom:0pt;
	padding:0pt;
	width:100%;
}
.navcontainer ul li{
	display: inline;
	text-align: center;
}
.navcontainer ul li a:hover{
	background-color:#DDD;
	color:#000;
}
.navcontainer ul li a{
	border-right:1px solid #DFDFDF;
	background-color: #BBBBBB;
	font-weight: bold;
	color:#FFFFFF;
	float:left;
	padding:10px;
	text-decoration:none;
	width: 75px;
}
.navcontainer ul li a.current{
	border-right:1px solid #FFF;
	background-color: #8dbdd8;
	font-weight: bold;
	color:#000;
	float:left;
	padding:10px;
	text-decoration:none;
	width: 75px;
}
#tabcontent{
	min-height: 200px;
	padding-top: 0;
	overflow:auto;	
	height:400px;
	width:635px;
}
#preloader{
	position: absolute;
	top: 600px;
	left: 600px;
	z-index: 100;
	padding: 5px;
	text-align: center;
	background-color: #FFFFFF;
	border: 1px solid #000000;
}
*/




/*#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
ul#icons {margin: 0; padding: 0;}
ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
ul#icons span.ui-icon {float: left; margin: 0 4px;}




















/*#page-wrap { width: 440px; margin: 80px auto; } */
/* Generic Utility */
/*.hide { position: absolute; top: -9999px; left: -9999px; }*/


/* Specific to example one */

/*
#example-one { background: #eee; padding: 10px; margin: 0 0 20px 0; -moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 5px #666; }

#example-one .nav { overflow: hidden; margin: 0 0 10px 0; }
#example-one .nav li { width: 97px; float: left; margin: 0 10px 0 0; }
#example-one .nav li.last { margin-right: 0; }
#example-one .nav li a { display: block; padding: 5px; background: #959290; color: white; font-size: 10px; text-align: center; border: 0; }
#example-one .nav li a:hover { background-color: #111; }

#example-one ul { list-style: none; }
#example-one ul li a { display: block; border-bottom: 1px solid #666; padding: 4px; color: #666; }
#example-one ul li a:hover { background: #fe4902; color: white; }
#example-one ul li:last-child a { border: none; }

#example-one ul li.nav-one a.current, #example-one ul.featured li a:hover { background-color: #0575f4; color: white; }
#example-one ul li.nav-two a.current, #example-one ul.core li a:hover { background-color: #d30000; color: white; }
#example-one ul li.nav-three a.current, #example-one ul.jquerytuts li a:hover { background-color: #8d01b0; color: white; }
#example-one ul li.nav-four a.current, #example-one ul.classics li a:hover { background-color: #FE4902; color: white; }



/* Specific to example two */

/*
#example-two .list-wrap { background: #eee; padding: 10px; margin: 0 0 15px 0; }

#example-two ul { list-style: none; }
#example-two ul li a { display: block; border-bottom: 1px solid #666; padding: 4px; color: #666; }
#example-two ul li a:hover { background: #333; color: white; }
#example-two ul li:last-child a { border: none; }

#example-two .nav { overflow: hidden; }
#example-two .nav li { width: 97px; float: left; margin: 0 10px 0 0; }
#example-two .nav li.last { margin-right: 0; }
#example-two .nav li a { display: block; padding: 5px; background: #666; color: white; font-size: 10px; text-align: center; border: 0; }

#example-two li a.current,#example-two li a.current:hover { background-color: #eee !important; color: black; }
#example-two .nav li a:hover, #example-two .nav li a:focus { background: #999;}/*



