/*---- Snap Surveys Ltd ----*/
/*---- David Mitchell ----*/

/*---- body font 'small' is important! ----*/
body {
	font: small Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	background: #d1eaff;
}
h1 {
	font-size: 150%;
}
h2 {
	font-size: 130%;
}
h3 {
	font-size: 120%;
}
a {
	font-weight:bold;
	color:#0066CC;
	}
pre {
	font: 100%/normal Verdana, Arial, Helvetica, sans-serif;

}

/*---- miscellaneous ----*/
select#source_surveys, select#target_surveys {
	width: 400px;
}
img.padlock {
	float: right;
	margin: 0px;
	padding: 0px;
}
div.width500 {
	width: 500px;
	margin: 0px auto;
	padding: 0px;
}
.builderror{
	color: red;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
div#pad20 {
	padding: 10px;
	clear: both;
}
.white {
	background: #FFFFFF;
	padding: 5px;
	margin: 0px;
	clear: left;
}
.whiteTabBox {
	background: #FFFFFF;
	padding: 5px;
	margin: 0px;
	border-top: 1px none #808080;
	border-right: 1px solid #808080;
	border-bottom: 1px solid #808080;
	border-left: 1px solid #808080;
	clear: left;
}
div.floatLeft {
	float: left;
	margin-right: 10px;
}

div.errortext {
	color: #CC3333;
	font-weight: bold;
	font-size: 85%;
}
.whitebg {
	background: #FFFFFF;
}
div.linkStack a {
	clear: left;
	margin-bottom: 1px;
}
div.linkStack {
	white-space: nowrap;
	margin: 0px;
	padding: 0px;
	width: 140px;
}
div#splash {
	text-align: center;
	padding: 20px;
	margin-right: auto;
	margin-left: auto;
}

/*---- survey titles ----*/
div#surveytitle {
	color: #0066CC;
	font: bold 130% Verdana, Arial, Helvetica, sans-serif;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}
form {
	margin: 0px;
	padding: 0px;
}
table.bars small {
	font-size: 80%;
}

/*---- table.bar class ----*/
table.bars caption {
	background:#99CCFF url(../images/nav-states.gif) repeat-x;
	border: 1px solid #0099CC;
	border-bottom: 1px none #0099CC;
	margin: 0px;
	padding: 5px 0px 5px 7px;
	color: #FFFFFF;
	text-align: left;
}
table.bars caption a {
	font-size: 85%;
	float: right;
	display: block;
	color: #BBDDFF;
	top: 0px;
}
table.bars caption a:hover {
	color: #FFFFFF;
}
table.bars caption strong {
	float: left;
	display: block;
	margin: 0px;
	font-size: 85%;
	line-height: 1.5em;
}
table.bars {
	border:1px solid #0099CC;
	background: #fff;
	width: 100%;
	margin-bottom: 10px;
	text-align: left;
}

table.bars th, table.bars td {
	margin:0;
	padding:6px 7px;
	border-bottom: 1px solid #DFDFDF;
	text-align: left;
	font-size: 85%;
	vertical-align: top;
}
table.bars input {
	font: 100% Verdana, Arial, Helvetica, sans-serif;	
}
table.bars textarea {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
}
table.bars th {
	font-weight: bold;
	width: 170px;
}
table.bars tr {
background: #FFFFFF;
}
table.bars tr.alt {
background: #F7F7F7;
}
table.bars span.error {
	color: #CC0000;
	background: #FFFFCC;
}
table.bars tr.buttonRow {
	background: #DDDDDD repeat-x left -70px;
}
table.bars caption h3 {
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}

/*---- these links want an icon ----*/

table.bars a {
	font-weight:bold;
	color: #0066CC;
	float: left;
	display: block;
	padding-left: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-right: 10px;
}
table.bars a:hover {
	color: #009933;
}

/*---- this link doesn't want an icon ----*/
table.bars a.noIcon {
	margin: 0px;
	padding: 0px;
}

/*---- a. class for links with left-side 16x16 icon ----*/
a.addUser {
	background: url(../images/icons/add-user-16x16.gif) no-repeat left top;
}
a.upload {
	background: url(../images/icons/upload-16x16.gif) no-repeat left top;
}
a.start {
	background: url(../images/start-16x16.gif) no-repeat left top;
}
a.trash {
	background: url(../images/trash-16x16.gif) no-repeat left top;
}
a.editUser {
	background: url(../images/icons/user-settings-16x16.gif) no-repeat left top;
}
a.deleteUser {
	background: url(../images/icons/delete-user-16x16.gif) no-repeat left top;
}
a.surveyIcon {
	background: url(../images/icons/16x16-snap-icon.gif) no-repeat left top;
}
a.reload {
	background: url(../images/icons/reload-16x16.gif) no-repeat left top;
}
a.trash {
	background: url(../images/icons/trash-16x16.gif) no-repeat left top;
}
a.startIcon {
	background: url(../images/icons/start-16x16.gif) no-repeat left top;
}
a.pauseIcon {
	background: url(../images/icons/pause-16x16.gif) no-repeat left top;
}
a.restartIcon {
	background: url(../images/icons/restart-16x16.gif) no-repeat left top;
}
a.stopIcon {
	background: url(../images/icons/stop-16x16.gif) no-repeat left top;
}
a.customChart {
	background: url(../images/icons/custom-chart-16x16.gif) no-repeat left top;
}
a.customTable {
	background: url(../images/icons/custom-table-16x16.gif) no-repeat left top;
}
a.addNewMessage {
	background: url(../images/icons/new-message-16x16.gif) no-repeat left top;
}
a.editMessage {
	background: url(../images/icons/edit-message-16x16.gif) no-repeat left top;
}
a.deleteMessage {
	background: url(../images/icons/delete-message-16x16.gif) no-repeat left top;
}
a.testMessage {
	background: url(../images/icons/test-message-16x16.gif) no-repeat left top;
}
a.moveUp {
	background: url(../images/icons/move-up.gif) no-repeat left top;
}
a.moveDown {
	background: url(../images/icons/move-down.gif) no-repeat left top;
}
a.calendarIcon {
	background: url(../images/icons/calendar-16x16.gif) no-repeat left top;
}
a.userLogin {
	background: url(../images/icons/user-login-16x16.gif) no-repeat left top;
}
a.viewSurveyArea {
	background: url(../images/icons/view-survey-area-16x16.gif) no-repeat left top;
}
a.completePartials {
	background: url(../siam/images/icons/complete-partials-16x16.gif) no-repeat left top;
}
a.downloadIcon {
	background: url(../images/icons/download-16x16.gif) no-repeat left top;
}
a.downloadListIcon {
	background: url(../images/icons/download-list-16x16.gif) no-repeat left top;
}

/*---- #smallHeader for pop-ups ----*/
div#smallHeader {
	background: #0054B7 url(../images/header-grad.gif) repeat-x;
	height: 67px;
}
div#smallHeader #leftLogo {
	display: block;
	width: 148px;
	float: left;
	height: 60px;
}
div#smallHeader #rightLogo {
	display: block;
	width: 264px;
	float: right;
	height: 67px;
}

/*---- #navHeader with buttons and logos ----*/
div#navHeader {
	background: #0054B7 url(../images/header-grad.gif) repeat-x;
	height: 83px;
	width: 100%;
}
div#navHeader #leftLogo {
	display: block;
	width: 148px;
	float: left;
	height: 60px;
}
div#navHeader #rightLogo {
	display: block;
	width: 264px;
	float: right;
	height: 67px;
}


/*---- top buttons and activation styles ----*/
ul#navButtons {
	list-style: none;
	margin: 0px;
	padding: 0px;
	position: absolute;
	float: left;
	top: 60px;
	left: 0px;
	background: url(../images/nav-states.gif) repeat-x;
	color: #FFFFFF;
	width: 120%;
}
ul#navButtons li {
	display: inline;
}
ul#navButtons a {
	text-decoration: none;
	font-size: 85%;
	font-weight: bold;
	line-height: normal;
	color: #BBDDFF;
}
ul#navButtons a span {
	display: block;
	float: left;
	padding: 5px 12px 5px 10px;
	margin: 0px;
	background: url(../images/nav-divider.gif) no-repeat right;
	/*-- force the hand icon KEEP ORDER! --*/
	cursor:pointer;
    cursor:hand;
}
ul#navButtons a:hover {
	color: #FFFFFF;
	background: url(../images/nav-states.gif) repeat-x left -46px;
	float: left;
	display: block;
}

/*-- active styles: {body class="page-???????"} --*/
body.page-panels li#btn-panels a, body.page-panelinfo li#btn-panelinfo a, body.page-surveys li#btn-surveys a, body.page-interviews li#btn-interviews a, body.page-analyses li#btn-analyses a, body.page-admin li#btn-admin a, body.page-sysAdmin li#btn-sysAdmin a, body.page-logout li#btn-logout a {
	color: #FFFFFF;
	background: url(../images/nav-states.gif) repeat-x left -46px;
	float: left;
	display: block;
}

/*-- temporarily redundant DO NOT DELETE --*/
body.page-surveys li#btn-surveys span, body.page-interviews li#btn-interviews span, body.page-analyses li#btn-analyses span, body.page-admin li#btn-admin span, body.page-sysAdmin li#btn-sysAdmin span, body.page-logout li#btn-logout span {

}

/*-- tabs --*/

/*
div.tabnav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding-left: 20px;
	height: 20px;
	display: block;
}
.tabnav a {
	display: block;
	float:left;
	height: 20px;
	width: 111px;
	margin-right: 2px;
	text-align: center;
	line-height: 20px;
	text-decoration: none;
	color: #0066CC;
	background: url(../images/agent-tab-inactive.gif) no-repeat left top;
}

.tabnav a:hover {
	color: #003676;
	
}
.tabnav a.active {
	color: #000000;
	background: url(../images/agent-tab-active.gif) no-repeat left top;
}
*/

#tabBorder {
	background: url(../images/tab-bottom-border.gif) repeat-x left bottom;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
	height: 22px;
}

ul#tabs {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 5px;
	float: left;
	width: 500px;
	display: block;
}

#tabs li {
	background: url(../images/inactive-tab-right.gif) no-repeat right top;
	float: left;
	margin: 0px 2px 0px 0px;
	padding: 0px;
}
#tabs li a {
	font-weight: bold;
	text-decoration: none;
	font-size: 85%;
	background: url(../images/inactive-tab-left.gif) no-repeat left top;
	display: block;
	float: left;
	color: #0066CC;
	padding: 4px 5px;
	margin: 0px;
}
#tabs li a:hover {
	color: #003676;
}
#tabs li#active {
	float: left;
	list-style: none;
	margin-right: 2px;
	background: url(../images/active-tab-right.gif) no-repeat right top;
}
#tabs li#active a {
	font-weight: bold;
	text-decoration: none;
	font-size: 85%;
	background: url(../images/active-tab-left.gif) no-repeat left top;
	display: block;
	float: left;
	color: #000000;
	padding: 4px 5px 5px;
	margin: 0px;
}

/*-- properties table --*/

table.properties {
	border:1px solid #0099CC;
	background: #d1eaff;
	margin-bottom: 10px;
	text-align: left;
	width: 100%;
	font-size: 85%;
}
table.properties td {
	padding: 5px;
}
table.properties tr, table.properties th, table.properties td {
	text-align: left;
	margin: 0px;
	padding: 3px;
}

table.properties .buttonRow td {
	background: #ddd;
	border-top: 1px solid #ddd;
	margin: 0px;
	padding: 5px;
	text-align: center;
	
	}

#resprops .properties .buttonRow input {
	width: 60px;
}

.surveyselect {
	width: 100%;
}