html,body {
		overflow:hidden;	
		height:100%;
		font-family:/*Georgia, "Times New Roman", Times, serif*/Arial,sans-serif;
		background-color:rgb(231,239,246);
		
	}
	body {
		padding:0;
		margin:0px  0 0;	
		height:100%;
	}

	pre#responseFromServer {
		margin:0px;
		padding:0px;	
		display:inline;
		left:500px;
		position:relative
	}

	table {
		border-spacing:0px;	
	}

	#wrapper {
		width: 98%;
		margin: auto;
		border-width: 0px 1px 1px;
		border-color: lightgrey;
		border-style: solid;
		box-shadow: 2px 0px 6px rgba(0, 0, 0, 0.1), -2px 0px 6px rgba(0, 0, 0, 0.1);
		padding: 0px 20px 20px;
		background-color:white;   
   	 }

	.ie8warn {
		background-color:#faa;
		padding:5px;	
	}
	.ie8warn p{
		padding-bottom:0px;
		margin-bottom:0px;	
	}
	
	.hideUntilLoaded {
		display:none;	
	}
	#tableArea {
		position:relative;
		padding:0;
		margin:0px;
		overflow:hidden;
		left:250px;
		color:#333;
		line-height:150%;
		font-size:13px;
        border-top:2px solid rgb(0,39,86);
		/*-ms-word-break: break-all;
     	word-break: break-all;*/	
		word-wrap:break-word;
     	
    	/* word-break: break-word;*/
		
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
				hyphens: auto;
       background-color: #FFF;
       border-radius: 0 0px 5px 0;
       box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3) inset;
	}
	#tableArea #frozenStateName {
		position:absolute;	
		font-weight:bold;
		color:#259;
	}
	#tableArea #questionHeader {
		position:absolute;	
		font-weight:bold;
        line-height:28px;
	}

    th {
        line-height:28px;
    }
	#tableArea div#readMore {
		position:absolute;
		left:20%;
		width:60%;
		min-width:250px;
		top:15%;
		height:60%;
		border:2px solid #666;
		background-color:#fff;
		display:none;
	}
	
	#tableArea div#readMore div#readMoreHeader {
		padding:5%;
		padding-bottom:0%;
	}
	
	#tableArea div#readMore div#readMoreText {
		padding:5%;
		position:relative;
		
		height:80%;
		
		width:90%;
		overflow-y:scroll;	
	}
	#tableArea div#readMore button{
		position:absolute;
		bottom:2%;
		left:45%;
		width:100px;
	}
	#topTableDiv {
		position:absolute;
		height:60px;
		left:360px;
		width:580px;
		overflow:hidden;
	}
	#leftTableDiv {
		position:absolute;
		top:30px;
		width:360px;
		height:700px;	
		overflow:hidden;
			
	}
	#tableDiv {
		position:absolute;
		left:360px;
		top:30px;
		width:580px;
		overflow:scroll;
		height:700px;
		border-left:2px solid #336;
	}
	#mainTable, #frozenHeader, #frozenLeft {
		table-layout:fixed;	
		/*border-right:1px solid #777;*/
		/*border-bottom:1px solid #777;*/
		
	}
	/*Prevents scrolling sync errors at extremes*/
	#frozenLeft {
		margin-bottom:100px;
	}
	#frozenHeader {
		margin-right:100px;	
	}
	
	#frozenLeft .verticalText {
		height:200px;
		width:30px;
		vertical-align:top;
		position:relative;
		left:-135px;
		top:150px;
		font-weight:bold;
		text-align:right;
	}
	#frozenLeft .verticalText p {
		width:300px;
		-webkit-transform: rotate(-90deg); /* Safari */
		-moz-transform: rotate(-90deg);	/* Firefox */
		-ms-transform: rotate(-90deg); /* IE */
		-o-transform: rotate(-90deg); /* Opera */
		/*filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);  /*Internet Explorer */
	}
	
	#mainTable td div.editable {
		/*min-width:200px;*/
		width:200px;
		margin:14px;	
		display:block;
		min-height:30px;
	}
	
	#frozenLeft td div.editable {
		width:200px;
		margin:14px;	
		display:block;
		min-height:30px;
	}
	#frozenLeft td div.questionID {
		margin-top:14px;
		margin-left:5px;	
		width:40px;
	}
	
	#frozenLeft td.frozenStateColumn div {
		width:200px;
		margin:14px;	
		display:block;
		min-height:30px;
	}
	#mainTable {
		position:relative;	
	}
	
	table td {
		border:0px;
		padding:0px;
		margin:0px;
	}
	#mainTable td {
		border-left:solid 1px #666;		
	}
	#mainTable td.altCat, #frozenLeft td.altCat {
		background-color:#ddd;	
	}
	#mainTable td.vCenter, #frozenLeft td.vCenter {
		width:30px;
		padding:2px;	
	}
	#mainTable td.firstInCategory, #frozenLeft td.firstInCategory {
		border-top:2px solid #aaa;
	}
	#mainTable tr.altRow td, #frozenLeft tr.altRow td {
		background-color:rgb(240,246,250);
	}
	#mainTable tr td.frozenStateColumn, #frozenLeft tr td.frozenStateColumn {
		background-color:/*#def*/rgb(231,239,246);	
	}
	#mainTable tr.altRow td.frozenStateColumn, #frozenLeft tr.altRow td.frozenStateColumn {
		background-color:/*#abc*/ rgb(214,228,240);	
	}
	#mainTable td, #mainTable th, #frozenLeft td, #frozenLeft th {
		vertical-align:top;
		/*border-top:1px solid #777;
		border-left:1px solid #777;	*/
	}
	#mainTable td div.editable span.seeMore {
		color:#777;
		cursor:pointer;
	}
	#mainTable td div.editable span.seeMore:hover {
		color:#333;
		text-decoration:underline;
	}
	#mainTable td.cellpad, #frozenLeft td.cellpad {
		padding:14px;
	}
	p.topLinks {
		margin-left:20px;	
	}

p.topLinks>span {
       padding: 0px 10px;
    }

p.topLinks>span:first-of-type {
       padding-left: 0px;
    }

p.topLinks>span:last-of-type {
       padding-right: 0px;
    }


    p.topLinks {
        background-color: rgb(0,39,86);
        color:white;
        border-radius: 5px 5px 0px 0px;
        box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3) inset;
        padding:8px 8px 7px 10px;
        margin:0;
        width:833px;
        
	}

    p.topLinks>span.download>a {
       color:rgb(69,160,203);
       text-decoration:none;
    }

   p.topLinks>span.flipLeftHandle {
       cursor: pointer;
     }

	button#post {
		margin-left:20px;	
	}
	#preTableArea {
		position:relative;
}
	#preTableArea #textFlip {
		overflow:hidden;
	}
	#preTableArea #flipTabTop {
		border-bottom:1px solid #aaa;	
		position:relative;
	}
	#preTableArea #flipUp {
		width:50px;
		height:15px;
		position:absolute;
		bottom:-10px;
		left:49%;
		border:1px solid #aaa;
		background-color:#fff;
		cursor:pointer;
	}

    #introText {
	font-size:13px;
        margin-left:0px;
        padding:0px;
        padding-bottom:6px;
        border-radius:0px 0px 5px 5px;
        margin-bottom:10px;
	}

    #introText p {

        /*width:27%;
        display:inline-block;
        vertical-align:top;
        padding-left:1%;
        padding-right:3%;
        margin-right:0;
        margin-left:0;*/
        margin:0;
        padding:5px 10px;
        display:block;
    }

    .clearfloat {
        clear:both;
        height:20px;
    }


    .tab {
        border-radius:0 0 5px 5px;
        width:359px;
        height:31px;
        -webkit-transition:width 1s, height 1s; /* For Safari 3.1 to 6.0 */
        transition:width 1s, height 1s;
        float:left;
        margin-right:20px;
		border-width: 0px 1px 1px;
		border-style: none solid solid;
		border-color: #D3D3D3;
		border-image: none;
		box-shadow: 2px 0px 6px rgba(0, 0, 0, 0.1);
		overflow:hidden;
		margin-bottom:5px;
		cursor:pointer;
    }

    p.tabtitle {
        font-size:14px;
        padding:8px 8px 7px 10px !important;
        font-weight:bold;
        margin:0px !important;
        background:/*rgb(0,39,86)*/rgb(231,239,246);
        vertical-align:middle;
        color:rgb(0,39,86);
    }
	
	p.tabtitle:hover {
		text-decoration:underline;	
	}

    #introText .tab.clicked {
        width:450px;
        height:160px;
    }
	
	#introText .tab#aboutThisTool {
		width:400px;	
	}

    .tab p {
       width:430px;
      
    }
	
	.tab#aboutThisTool p {
       width:382px;
      
    }

    #introText .tab p {
       padding-bottom:0px;
    }

    #banner {
       width:98%;
		padding:0 20px;
       height:60px;
       background:url('banner-01.png') no-repeat right rgb(0,39,86);
		border-width: 0px 1px 1px;
		border-color: rgb(0,39,86);
		border-style: solid;
       border-bottom:1px solid rgb(0,39,86);
       height:78px;
       overflow:hidden;
       box-shadow: 2px 0px 6px rgba(0, 0, 0, 0.1), -2px 0px 6px rgba(0, 0, 0, 0.1);
		margin: auto;
 
    }

    #banner img {
       float:left;
       margin-right:10px;
       padding-right:10px;
       padding-left:10px;
       border-right:1px solid white;
       margin-top:10px;
       margin-bottom:10px;
       }

    p.bannertitle {
       display:inline-block;
       color:white;
       font-size:28px;
       vertical-align:middle;
       line-height:78px;
       height:78px;
       padding:0px !important;
       margin:0px !important;
       }


	#flipLeft {
		position:absolute;
		height:0px;	
		width:250px;
		border-right:1px solid #aaa;
	}
	#flipLeft p, #flipLeft h3  {
		margin:10px;
		
	}
	#flipLeft .flipLeftHandle {
		position:absolute;
		top:49%;
		height:50px;
		width:15px;
		border:1px solid #aaa;
		right:-9px;
		background-color:#FDF8F0;	
		z-index:100;
		cursor:pointer;
	}
	#flipLeft .flipLeftHandle img {
		position:relative;
		top:15px;	
		left:1px;
	}
	#flipLeft #flipLeftContent {
		width:250px;
		overflow-x:hidden;
		overflow-y:scroll;
        border-radius: 0 0 0 5px;
	}

	#flipLeft #flipLeftContent {
       font-size:12px;
       color:#625948;
       background-color:#FDF8F0;
       box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3) inset;
}

	#flipLeft #flipLeftContent h3 {
		font-size:14px;	
	}
	#flipLeft .flipArrow {
		display:inline-block;
		cursor:pointer;
        padding:4px;
        vertical-align:-2px;
	}
	#flipLeft #tocContent p {
		margin-bottom:8px;
        font-size:14px;
	}


	#flipLeft #tocContent ul {
		margin-top:0px;
		display:none;	
	}
	#flipLeft #tocContent ul li, p.topLinks span.nextState, p.topLinks span.previousState {
		cursor: pointer;
	}

    #flipLeft #tocContent ul li {
        padding:4px 4px;
        font-size:13px;
        list-style-type: none;
        border-radius:4px;
        color:#625948;
    }


#flipLeft #tocContent ul {
        padding-left:26px;
    }


    #flipLeft #tocContent ul li:nth-child(even) {
        background-color:#F1EEE8;    
}

    #preTableArea span.previousState,#preTableArea span.nextState  {
        color:white;
    }

	#flipLeft #tocContent ul li:hover, #preTableArea span.previousState:hover,#preTableArea span.nextState:hover, #preTableArea span.flipLeftHandle:hover{
		text-decoration:underline;	
	}
	
	#footer {
	height:30px;
	background:rgb(0,39,86);
	width:98%;
	padding:0 20px;
	border-width: 0px 1px 1px;
	border-color: rgb(0,39,86);
	border-style: solid;
	box-shadow: 2px 0px 6px rgba(0, 0, 0, 0.1), -2px 0px 6px rgba(0, 0, 0, 0.1);
	margin: auto;
	}