@charset "UTF-8";
/* CSS for page layout, NO product users can change this */

body {
	margin: 0px;
	padding: 0px;
}
a {
	color: #7D9AAA;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

#container {
	padding: 0px;
	width: 800px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#header {
	margin: 0px;
	padding: 0px;
	width: 100%;
	float: left;
	border: 1px solid #fff;
	background-color: #fff;
	color: #000;
}
#content {
	margin: 0px;
	padding: 0px;
	width: 100%;
}
#footer {
	width: 100%;
	clear: left;
	float: left;
	padding: 10px 0px 25px 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#logo {
	background-image: url('/platform/project/get/?project.id=142462&resource=%2Fbrand%2Fbanner.jpg');
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 100px;
	width: 800px;
	float: left;
}
#container #content #header #navigation{
	clear: left;
	float: left;
	width: 770px;
	padding: 15px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}


#container #content #header #navigation .left {
	float: left;
}

#navigation #right {
	float: right;
}

.rounded {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#copyright {
	margin: 0px;
	padding: 0px;
	float: left;
}
#fjs {
	margin: 0px;
	padding: 0px;
	float: right;	
}

.dropDown {
	padding: 15px;
	clear: left;
	float: left;
	width: 770px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	display: block;
	overflow: hidden;
	position: relative;
	z-index: 10;
}
.noDropDown {
	padding: 15px;
	clear: left;
	float: left;
	width: 770px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	display: block;
	overflow: hidden;
	position: relative;
	z-index: 10;
}
h2 {
	font-weight: lighter;
    margin: 0 0 15px;
    padding: 0 0 15px;
}

.formRow .formSelectionTitle {
	padding: 0px;
	float: left;
	width: 250px;
	margin: 0 20px 0 0;
	display: block;
	line-height: 18px;
}

.formPretext{

	padding: 0px;
	float: left;
	width: 650px;
	margin: 0 20px 0 0;
	display: block;
	line-height: 18px;
}

.formRow {
	padding: 0px;
	margin: 7px 0 7px 0;
	float: left;
}
.formButtons {
	margin: 0 10px 0 0;
	padding: 5px 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor: pointer;
}

.userResultsTable {
	margin: 20px 0;
}

.headerOptions {
	font-size: 12px;
	position: absolute;
    right: 70px;
    text-align: right;
    top: 17px;
}

.loadingBox {
	background-color: #FFFFFF;
    margin: 0 auto;
    padding: 10px;
    width: 200px;
}
.loadingBox .loadingTitle {
	font-size: 14px;
	color: #333;
	margin: 0px;
	padding: 0px;
	font-family: "Arial Black", Gadget, sans-serif;
}
.loadingBox .loadingImage {
	padding: 0px;
	float: left;
	margin: 3px 10px 0px 0px;
}
.projectRight {
	float: left;
    margin: 0;
    padding: 0;
    width: 380px;
}
.projectLeft {
	float: left;
    margin: 0 20px 0 0;
    padding: 0 20px 0 0;
    width: 500px;
}
.projectLeft .projectImage {
	float: left;
	margin: 0 20px 10px 0;
}


.alert {
	clear: left;
    float: left;
    margin: 10px 0;
    padding: 5px;
    width: 950px;
}

.success {
	clear: left;
    float: left;
    margin: 10px 0;
    padding: 5px;
    width: 950px;
}

.success span {
	display: block;
    float: left;
    font-size: 30px;
   	margin: 0 15px 0 0;
    padding: 0;
    text-align: center;
    width: 30px;
}
.success p {
	clear: none;
    float: left;
    font-size: 15px;
    font-weight: bold;
    margin: 10px 0 0;
    padding: 0;
}

.alert span {
	display: block;
    float: left;
    font-size: 30px;
   	margin: 0 15px 0 0;
    padding: 0;
    text-align: center;
    width: 30px;
}
.alert p {
	clear: none;
    float: left;
    font-size: 15px;
    font-weight: bold;
    margin: 10px 0 0;
    padding: 0;
}
.textarea {
	height: 100px;
	padding: 5px;
}
.selectDrop {
	width: 412px;
	border: 1px solid #CCC;
	padding: 5px;
}
.formInput {
	width: 400px;
	border: 1px solid #CCC;
	padding: 0px;
}

.formInputsmall{
	width: 200px;
	border: 1px solid #CCC;
	padding: 0px;
}
.formblankfiller{
	padding: 0px;
	float: left;
	width: 400px;
	margin: 0px;
	display: block;
	line-height: 18px;

}
	
.formCheck {
	border: 1px solid #CCC;
	padding: 0px;
	text-align: left;
}form table tr th {
	/*font-weight: normal;*/
	margin: 0px;
	padding: 5px;
}
.questionTitle {
	font-weight: bold;
}
.formButtons.left {
	float: right;
}
.listColour {
	color: #7d9aaa;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	
}

#navigation {
	background-color: #7d9aaa;
	border: 1px solid #7d9aaa;
	color: #FFF;
}
.project {
	border: 1px solid #7d9aaa;
	background-color: #fff;
	color: #000;
	
}
.buttons {
	border: 1px solid #7d9aaa;
	background-color: #fff;
	color: #000;
	
}
.summary {
	border: 1px solid #7d9aaa;
	background-color: #fff;
	color: #000;
	
}
.find {
	border: 1px solid #7d9aaa;
	background-color: #fff;
	color: #000;
	
}
.question {
	border: 1px solid #7d9aaa;
	background-color: #fff;
	color: #000;
}

.insert {
	border: 1px solid #7d9aaa;
	background-color: #fff;
	color: #000;	
}
.insert p{
	padding:0px;
	line-height:18px;
}

.insertcontent {
	padding:5px 50px 0px 50px;	
}
/*Use this stle to move all question content within box, without effecting standard elements, such as the title.*/
.questioncontent {
	padding:5px 5px 0px 5px;	
}

.tripletquestion {
	padding:0px 60px 0px 60px;	
}

.tripletquestion table {
	border: 1px solid #7d9aaa;
	border-collapse:collapse;
	line-height:18px;
}
.tripletquestion th {
	background-color:#7d9aaa;
	padding: 10px;
	height: 25px;
}
.tripletquestion td {
	padding: 10px;
	border-bottom: 1px solid #7d9aaa;
	border-right: 1px solid #7d9aaa;
}
.tripletquestion input {
	margin-right:5px;
}
.radioandlabel{
	margin-right:10px;
}
.question_column{
	text-align:left;
	}
.answer_column{
	text-align:center;
	width: 95px;
}

p {
	font-size: 12px;
	padding: 0px;
	margin: 0 0 10px 0;
	line-height: 18px;
}
h2 {
	border-bottom: 1px solid #7d9aaa;
    font-size: 15px;
	color: #7d9aaa;
}
h3 {
    font-size: 15px;
	color: #7d9aaa;
}
.formButtons {
	color: #FFF;
	background-color: #7d9aaa;
	border: 1px solid #7d9aaa;
}

.formButtons:hover {
        background-color: #FFF;
        color: #7d9aaa;
        border: 1px solid #7d9aaa;
}

.userResultsTable {
	color: #000;
}
.headerOptions {
	color: #666;
}
.headerOptions a {
	color: #7d9aaa;
	text-decoration: none;
}
.headerOptions a:hover {
	text-decoration: underline;
}
.projectLeft {
	border-right: 1px solid #7d9aaa;
}
h1 {
	font-size: 20px;
	color: #7d9aaa;
	font-weight: normal;
}
#navigation a {
	color: #FFF;
	text-decoration: none;
}
#navigation a:hover {
	text-decoration: underline;
}
.addUserButton {
	background-color: #7d9aaa;
	color: #FFFFFF;
	border: 1px solid #7d9aaa;
   
}
.alert {
	background-color: #FF0000;
    border: 1px solid #FF0000;
    color: #fff;
}

.success {
    background-color: #4CBB17;
    border: 1px solid #4CBB17;
    color: #fff;
}

#container #content .users span a {
	color: #7d9aaa;
}
.userResultsTable tr td a {
	color: #7d9aaa;
	text-decoration: none;
}
.userResultsTable tr td a:hover {
	color: #000;
	text-decoration: none;
}
.userResultsTable tr td {
    	border-bottom: 1px solid #d3d3d3;
}
.userResultsTable tr th {
    	border-bottom: 1px solid #d3d3d3;
}
.userResultsTableSelected {
    	background-color: #d3d3d3;
}
.projectRight a {
color: #000;
}

.projectRight a:hover {
    text-decoration: none;
}




/** section 1 **/


.summary {

	border: 1px solid #f36b21;	

}

.find {

	border: 1px solid #f36b21;	

}


.headerOptions a {

	color: #f36b21;

}

.projectLeft {

	border-right: 1px solid #f36b21;

}


/* comment out to turn rounded corners back on or set 10 pixel radius */

.rounded {

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	border-radius: 10px;

}



/*Newly Added*/
.formButtons.left {
	float: left;
}

.formButtons.right {
	float: right;
}

.scroll_selectboxes {
height: 87px;
overflow: auto;
float:left;
border: 5px solid #eee;
background: #eee;
color: #000;
margin-bottom: 1.5em;
padding:5px;
width:380px;
}

#container #content h2 {
	margin-bottom: 10px;
}


.error {color:red;line-height: 25px;}
p {text-align:justify;}


/** LI SHITE **/
#container #content #header #navigation ul li {
	padding: 0px;
	float: left;
	list-style-type: none;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#container #content #header #navigation ul {
	margin: 0px;
	padding: 0px;
	float: left;
}
#container #content ol {
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 20px;
	list-style-type: decimal;
	list-style-position: inside;
	float: left;
	clear: left;
}
#container #content ol li {
	clear: left;
    float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
    padding: 0;
	line-height:18px;
}
li {
	color: #7D9AAA;
}
li p{
	color: #000;
}
#container #content .insertcontent ul {
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 20px;
	float: left;
	clear: left;
}
#container #content .insertcontent ul li {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 15px;
	clear: left;
    float: left;
}
#container ol.listColour li p, #container ul.listColour li p {
	color: #000;
    float: right;
    margin: 0;
    padding: 0;
}
.languagepicker {
	text-align: right;
}