/* general page format */
div#pageheader {
	width: 96%;
}
div#sdname {
	margin-right: 5%;
	padding-top: 5px;
	padding: 12px 0 0 0;
}
div#sdgraphic {
	padding: 0;
	margin: 0;
	margin-left: 0;
	vertical-align: top;
}

div#elementpreview
{
	border: red 1px dotted;
	width: 100%;
}

.noshow {
	display: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 70%;
}
.noshowlist {
	display: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #4E4E4E;
}
#adminpagenav {
	margin-left:10px;
	border-bottom: thin solid #838383;
	border-top:  thin solid #838383;
	padding-left:10%;
	padding-right:10%; 
}
#adminpagenav a:hover {
	color: #ffffff;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #636A6E;
}
#adminpagenav td{
	padding-left:1em;
	padding-right:1em; 
	text-align: center;
	font-size: 75%;
}
#featuretable li a:hover {
	color: #ffffff;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #636A6E;
}
div#TreeView {
	width: 20%;
	height: 100%;
	font-family:Arial;
	font-size: 80%;
	background-color: #FFFFFF;
	color: #4E4E4E;
}
.treedefault {
	color:#a29976;
}
.treeselected {
	color: red;
	font-weight: bold;
	}
#Treeframe {
	border-width: 1px;
}
#formcontrol {
	width: 80%;
	margin-left: 15%;
}
/* Left frame styling */
div#leftframenav ul li{
	font-family:Verdana;
	font-size: 70%;
	font-variant: small-caps;
	color: #A49C7A;
	background-color: #FFFFFF;
	list-style-type: none;
}
div#leftframenav ul li a{
	font-family:Verdana;
	font-size: 100%;
	font-variant: small-caps;
	color: #A49C7A;
	background-color: #FFFFFF;
	list-style-type: none;
}
/* General page format text */
.pagenav {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 60%;
	color: #636A6E;
	font-variant: small-caps;
}
.pagenav a:link{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #636A6E;
}
.pagenav a:hover{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #A49C7A;
}
.Btext {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #636A6E;
	font-variant: small-caps;
}
.date {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 60%;
	color: #636A6E;
	text-align: right;
}
/* Option nav styling*/
.TabSubNavOn {
	vertical-align: baseline;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:75%;
	color: #636A6E;
	text-align: center;
	font-variant: small-caps;
	background-image: url(../Images/Backgrounds/tabbacksd1a.gif);
	background-repeat: repeat;
	border-right: #636A6E;
}
.TabSubNav {
	vertical-align: baseline;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #786F52;
	font-variant: small-caps;
	text-align: center;
	background-image: url(../Images/Backgrounds/tabbacksd3.gif);
	background-repeat: repeat;
	border-right: #636A6E;
	border-bottom: #636A6E;
}
.surveybutton {
	vertical-align: baseline;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #63717F;
	font-variant: small-caps;
	background-color: #FFFFFF;
	border-color: #63717F;
}
.sdbutton {
	font-size: 100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../Images/Backgrounds/tabbacksd3.gif);
	background-repeat: repeat;
	color: #786F52;
	text-align: center;
}

/* Asp label sections*/
.listlabel {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 120%;
	color: #636A6E;
	padding-left: 10px;
	font-variant: small-caps;
}
.list {
	padding-left: 10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #636A6E;
}
/* Header navigation bar styling START */
.topnav {
	vertical-align: top;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #4e4e4e;
}
.hidetext {
	color: White;
	font-size: 40%;
}
#topnav {
	width: 40%;
	vertical-align: top;
}
#topnav ul li{
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
}
#topnav li {
	float: right;
	font-size: 60%;
}
#topnav a:hover {
	color: #ffffff;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #636A6E;
}
#logintext {
	font-size: 60%;
	vertical-align: baseline;
	padding-top: 10px;
}
/* Header navigation bar styling END */
/* Side navigation : START*/
#sidenav {
	text-align: left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 75%;
	padding-top: 10px;
	line-height: 20px;
}
	/*padding-top: 5px; */
#sidenav ul {
	list-style: none;
	margin: 0;
}

#sidenav il {
	display: block;
	margin: 0;
}
#sidenav a:hover {
	color: #ffffff;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #636A6E;
}
/* Side Nav text styling */
.subheading1 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #4E4E4E;
	font-variant: small-caps;
}
/* side navigation END*/
/* Main content beginning */
#banner {
	width: 600px;
}
.banner {
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: middle;
	text-align: center;
}
#maincontent {
	margin-right: 10px;
	float: left;
	text-align: justify;
	vertical-align: top;
	padding-right: 20px;
}
#tutorial {
	width: 80%;
	padding-left: 20px;
}
#tutorial_body {
	margin-right: 10px;
	float: left;
	text-align: justify;
	vertical-align: top;
	padding-right: 10%;
	width: 80%;
}
.indent {
	padding-left: 20px;
}
#rightsection {
	text-align: justify;
	vertical-align: top;
	display: block;
	float: left;
	padding-left: 30px;
	margin-left: 5%;
}
.bulletlist{
	font-size: 70%;
}
.bulletlist li{
	list-style-type: disc;
	padding-top: 5px;
}
#feedback {	border: 1px solid #FF4500;
	padding-left: 10px;
	padding-right: 10px;
}
#keyfeatures {
	border: 2px solid #FF4500;
	padding: 2px 10px 10px 2px;
	width: 95%;
}
.footer {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 60%;
	color: #4E4E4E;
	text-align: center;
	vertical-align: middle;
	border-top: thin #4E4E4E solid;
}
.rpt_odd {
	background-color: #E2E2E2;
}

.rpt_even {
	background-color: #FFDED2;
}


/* admin section*/
div#adminhead1 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 120%;
	color: #636A6E;
	font-variant: small-caps;
	font-weight: 100;
}
.adminhead2{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #636A6E;
	font-variant: small-caps;
	text-align: left;
}
div#questionbody {
	width: 98%;
	border: 0;
	padding: 1em 0 em 1em 0 em;
	vertical-align: middle;
}
div#questionhead{
	width: 100%;
	padding: 0 0 0 2%;
	text-align: left;
	font-size: 80%;
	color: #636A6E;
	height: 2em;
	border-bottom-width: 1px #000066;
}
#main_body {
	width: 60%;	
}
#editor {
		background-color: #E5E3DA;
		text-align: left;
		padding-left: 10px;
}
.editorindent 
{
	margin-left: 2px;
	padding-left: 10px;
}
p {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #4E4E4E;

}
p a:link {
	color: #FF4500;
}
p a:hover {
	color: #ffffff;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #636A6E;
}
p a:visited {
	color: #FF4500;
}
.login {
	color: #FF4500;
}
div#questiontext {
	width: 100%;
	border: 0;
	padding: 1em 0em 1em 0;
}
div#questiontext table tr td {
	padding-top: 0.5em;
}
div#responseoptiontext {
	width: 94%;
	border: 0;
	padding: 1em 0 em 1em 0;
	
}
div#responseoptiontext img {
	padding-left: 1em;
	padding-right: 1em;
}
div#responseoptionposition {
	width: 94%;
	border: 0;
	padding: 1em 0 1em 0 em;
}
div#formcontrol {
	width: 94%;
	border: 0;
	padding: 0 0 0 2%;
	vertical-align: middle;
	font-size: 70%;
}
div#preview {
	width: 100%;
	vertical-align: middle;
}
div#preview table{
	border-collapse: separate;
	border-spacing: 4px 4px;
	width: 94%
}
#preview {
	border-collapse: separate;
	border-style: solid;
	border-width: thin;
	border-color: #727272;
	}
#previewhead {
	border-collapse: separate;
	border-style: none;
}
#tdcol2cb {
	vertical-align: top;
}


.tab {
	width:12%;
	background-color: #A49C7A;
	float: left;
	vertical-align: bottom;
	text-align: center;
	font-size: 80%;
	font-variant: small-caps;
	color: White;
}
.tabrule {
	background-color: #9E9572;
	float: left;
	height: 10px;
	vertical-align: top;
}
.questionheadbutton {
	background-color: White;
	color: #A49C7A;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-variant: small-caps;
	border: 0;
}
/* Your Assets */
div#selection {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #4E4E4E;
	text-align: left;
	font-variant: small-caps;
	margin-right: 5em;
}

div#title {
	margin-right: 3em;
}

.selectionwarning {
	color: Red;
	font-variant: small-caps;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 110%
}



/* Account Details */
.youraccount {
	width: 50%;
	padding-left:1em;
	padding-right:1em; 
	border-bottom-width: 1px solid gray;
	border-left-width: 1px solid gray;
	border-right-width: 1px solid gray;
	border-top-width: 2px solid #000066;
}
div#accountdetails {
	width: 80%;
	float: left;
}
.navbg { 
	background-color: #E9E9E9;
	background-repeat: repeat-x;
}
/* information section */
div#checklist {
	width: 98%;
	border: 0;
	padding: 1em 0 em 1em 0;
	vertical-align: middle;
}


/* text styling*/
.admintext {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #4E4E4E;
	text-align: left;
}
.admininstructtext{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #4E4E4E;
	text-align: left;
	font-variant: small-caps;
}
.adminprompttext{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #4E4E4E;
	text-align: left;
	font-variant: small-caps;
}
.admintitle {
	width: 95%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 110%;
	color: #636A6E;
	text-align: left;
	padding-bottom: 10px;
	text-align: center;
}

br a{
	padding-bottom: 1em;
	padding-top: 1em;
	padding-left: 2em;
}

.bodytext {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #4E4E4E;
}
.featuretext {
	color: #FF4500;
	padding-left: 10%;
	padding-right: 5%;
}
.maincontentheader {
	width: 100%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 110%;
	color: #636A6E;
	border-bottom-style: solid;
	border-bottom-color: #4E4E4E;
	border-bottom-width: 1px;
	text-align: right;
}
.maincontentsubheader {
	width: 95%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 110%;
	color: #4E4E4E;
	font-weight: bold;
	border-bottom-style: solid;
	border-bottom-color: #4E4E4E;
	border-bottom-width: 1px;
	text-align: left;
}
.maincontenttext {
	color: #4E4E4E;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%
}
.feedback {
	color:#ffffff;
	background-color: #FF4500;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 80%;
	text-align: left;
	padding-left: 15px;
}
.dashed {
	border: thin solid #4E4E4E;
	width: 100%;
}
.UItext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #4E4E4E;
	text-align: left;
	font-variant: normal;
}
.questiontxt {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color:#333333;
}
.responseoptiontxt {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #4E4E4E;
	padding-left: 2em;
	font-variant: normal;
}
.table_row {
	border-bottom-color: #D6DBDF;
	border-bottom-style: solid;
	border-bottom-width: thin;
}
.leftpadding {
	padding-left: 5%;
}
.rightpadding {
	padding-right: 5%
}
.instructiontxt {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style:italic;
	color: #4E4E4E;
}
h2 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: White;
}
/* admin page heading */
h3 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 95%;
	color: #636A6E;
}
h4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #4E4E4E;
	text-align: left;
	font-variant: small-caps;
}
h5 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #636A6E;
	text-align: left;
}
h5 a:hover {
	color: #ffffff;
	background-color: #FF6347;
}
a:link{
	text-decoration: none;
	color: #4E4E4E;
}
a:hover{
	text-decoration: none;
		color: #636A6E;
}
a:visited{
	color: #636A6E;
	text-decoration: none;
}
.img {
	text-decoration: none;
	color: #ffffff;
	border: none;
}
/* styling elements*/
hr {
	/*height: 1px;*/
}
.floatleft {
	float: left;
	padding-right: 5px;
}
.floatright {
	float: right;
	padding-left: 5px;
}
.icon {
	padding-left: 1em;
	padding-right: 1em;
}

.topnavimage {
padding-bottom: 2px;
}
#bodyimage {
	padding-right: 10px;
}
/* table for admin layout design */
table {
	width: 100%;
	border: 0;
/*	margin-left: 5%;
	margin-right: 5%;*/

}
/* warning stylings */
div#warning ul li {
	display: inline;
	padding: 0;
}


ul li {
	list-style: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #4E4E4E;
}
/* ADMIN PAGES */
#surveylist {
	width: 90%;
}
.selectionbox {
	width: 3%
}
.hint {
	background-color: #DDDDDD;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #FF5555;
	font-variant: small-caps;
	padding-left: 10px;
	padding-right: 10px;
}
.phint {
	background-color: #DDDDDD;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #FF5555;
	font-variant: small-caps;
	padding-left: 10px;
	padding-right: 10px;	
}