﻿/*
This style sheet sets the sites basic application - 2008

*/


/*------------------------------------*/
/*general elements*/
/*------------------------------------*/
.strapline{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #FF6600;
	text-decoration: none;
	padding-left: 10px;
}
.divbreaker { clear: both; height: 0px; }

/*------------------------------------*/
/*form elements*/
/*------------------------------------*/
.formelement_container {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 20px;
	clear: left;
}
.formelement_spacer{
	height: 10px;
}
.formelement_label {
	display: inline-block;
	float: left;
	width: 120px;
	padding-top: 4px;
	color: #294B9F;
}
.formelement_mandatory{
	color: #990000;
}
.formelement_optional{
	font-size: 10px;
	color: #333333;
	padding-left: 5px;
}
.formelement_text {
	margin-left: 5px;
	padding-top: 4px;
}
.formelement_input{
	margin-left: 5px;
}
.form_note{
	font-size: 10px;
	font-style: italic;
	color: #003399;
	float: left;
	margin-left: 140px;
}
.form_status{
	font-size: 10px;
	font-style: italic;
	color: #990000;
	float: left;
	margin-left: 140px;	
}


.input_vsmall{
	width: 25px;
}
.input_small{
	width: 50px;
}
.input_smallmedium{
	width: 100px;
}
.input_medium{
	width: 150px;
}
.input_large{
	width: 200px;
}
.input_vlarge{
	width: 400px;
}
.textarea_vsmall{
	width: 400px;
	height: 25px;
	padding: 2px;
}
.textarea_small{
	width: 400px;
	height: 50px;
	padding: 2px;
}
.textarea_medium{
	width: 400px;
	height: 100px;
	padding: 2px;
}
.textarea_large{
	width: 400px;
	height: 200px;
	padding: 2px;
}
.textarea_vlarge{
	width: 500px;
	height: 300px;
	padding: 2px;
}
.textarea_small_fullwidth{
	width: 95%;
	height: 50px;
	padding: 2px;
}

.input_vsmall_readonly{
	width: 25px;
	background-color: #EBEDFA;
	color: #666666;
}
.input_small_readonly{
	width: 50px;
	background-color: #EBEDFA;
	color: #666666;
}
.input_smallmedium_readonly{
	width: 100px;
	background-color: #EBEDFA;
	color: #666666;
}
.input_medium_readonly{
	width: 150px;
	background-color: #EBEDFA;
	color: #666666;
}
.input_large_readonly{
	width: 200px;
	background-color: #EBEDFA;
	color: #666666;
}
.input_vlarge_readonly{
	width: 400px;
	background-color: #EBEDFA;
	color: #666666;
}
.textarea_vsmall_readonly{
	width: 400px;
	height: 25px;
	background-color: #EBEDFA;
	color: #666666;
	padding: 2px;
}
.textarea_small_readonly{
	width: 400px;
	height: 50px;
	background-color: #EBEDFA;
	color: #666666;
	padding: 2px;
}
.textarea_medium_readonly{
	width: 400px;
	height: 100px;
	background-color: #EBEDFA;
	color: #666666;
	padding: 2px;
}
.textarea_large_readonly{
	width: 400px;
	height: 200px;
	background-color: #EBEDFA;
	color: #666666;
	padding: 2px;
}
.textarea_vlarge_readonly{
	width: 500px;
	height: 300px;
	background-color: #EBEDFA;
	color: #666666;
	padding: 2px;
}


/*------------------------------------*/
/*Searchbar styles*/
/*------------------------------------*/
.searchbar {
	height: 26px;
	width: 240px;
	border: 1px solid #999999;
	margin-top: 22px;
	margin-right: 13px;
	margin-bottom: 13px;
	margin-left: 13px;
}
.input_searchbar {
	width: 200px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	padding-left: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	margin-top: 3px;
}
.searchbutton{
	float: right;
}
.input_searchextras {
	width: 230px;
	border: 1px solid #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
}

/*------------------------------------*/
/*Pathway Page styles*/
/*------------------------------------*/
.pathway_list{
	margin-top: 25px;
	margin-bottom: 25px;
}
.pathway_container{
	clear: left;
	padding:10px;
	cursor: default;
}
.pathway_container:hover{
	background-color: #E6F0FF;	
}
.pathway_statusicon{
	float: left;
	width: 25px;
}
.pathway_details{
	margin-left:25px;
}
.pathway_title{
	font-size: 14px;
	color: #294B9F;
}
.pathway_discription{
	font-size: 12px;
	color: #333333;
}


/*------------------------------------*/
/*Contacts Page styles*/
/*------------------------------------*/
.pathway_info{
	margin-top: 25px;
	margin-bottom: 25px;
}
.pathway_tag_locked{
	margin-right: 30px;
	margin-top:5px;
}
.pathway_tbar_modes{
	float: right;
	margin-right: 30px;
	background-image: url(/application/images/bg_tbar_modes.gif);
	background-repeat: no-repeat;
	height: 33px;
	width: 165px;
	padding-top: 1px;
	padding-left: 2px;
}
.pathwayextras{
	background-color: #BFDBFF;
	width: 614px;
	border: 1px solid #6693CF;
}
.pathwayextras_nav{
	background-color: #6692CC;
	height: 33px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6693CF;
}
.pathwayextras_toolbar{

}
.pathwayextras_page{
	border: 1px solid #6893CF;
	background-color: #FFFFFF;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
}
.pathwayextras_listtitles{
	height: 17px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6893CF;
	background-image: url(/application/images/bg_pathwayextra_listtitles.jpg);
	padding-top: 3px;
	overflow: hidden;
}
.pathwayextras_record{
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: 2px;
	margin-bottom: 2px;
	vertical-align: top;
}
.pathwayextras_record:hover{
	background-color: #E6F0FF;
	cursor: default;
}
.pathwayextras_record_selected{
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: 2px;
	margin-bottom: 2px;
	vertical-align: top;
	background-color: #FFD9AB;
}
.pathwayextras_col1{
	display: inline-block;
	width: 190px;
	padding-right: 5px;
	padding-left: 5px;
}
.pathwayextras_col2{
	display: inline-block;
	width: 330px;
	padding-right: 5px;
	padding-left: 5px;
}
.pathwayextras_col3{
	display: inline-block;
	width: 50px;
	padding-right: 5px;
	padding-left: 5px;
}

.pathwayextras_tab1{
	position: absolute;
	z-index: 101;
}
.pathwayextras_tab2{
	margin-left: 183px;
	position: absolute;
	z-index: 100;
}

.pathwayfeedback_col1{
	display: inline-block;
	width: 90px;
	padding-right: 5px;
	padding-left: 5px;
}
.pathwayfeedback_col2{
	display: inline-block;
	width: 480px;
	padding-right: 5px;
	padding-left: 5px;
}
.pathwayfeedback_text{
	font-size: 11px;
	font-style: italic;
}

.pathwaycontacts{
	position:absolute;
	left:76px;
	top:50px;
	background-color: #BFDBFF;
	width: 614px;
	height:310px;
	border: 1px solid #6693CF;
	z-index:1000;
}
.pathwaycontacts_nav{
	background-color: #6692CC;
	height: 33px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6693CF;
}
.pathwaycontacts_toolbar{

}
.pathwaycontacts_page{
	border: 1px solid #6893CF;
	background-color: #FFFFFF;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
	height:237px;
	overflow: auto;
}
.pathwaycontacts_listtitles{
	height: 17px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6893CF;
	background-image: url(/application/images/bg_pathwayextra_listtitles.jpg);
	padding-top: 3px;
	overflow: hidden;
}
.pathwaycontacts_record{
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: 2px;
	margin-bottom: 2px;
	vertical-align: top;
}
.pathwaycontacts_record:hover{
	background-color: #E6F0FF;
	cursor: default;
}
.pathwaycontacts_col1{
	display: inline-block;
	width: 190px;
	padding-right: 5px;
	padding-left: 5px;
}
.pathwaycontacts_col2{
	display: inline-block;
	width: 380px;
	padding-right: 5px;
	padding-left: 5px;
}
.pathwaycontacts_notes{
	padding-right: 5px;
	padding-left: 5px;
	font-size: 10px;
	font-style: italic;
}

.pathwaycontacts_tab1{
	position: absolute;
	z-index: 101;
}

/*------------------------------------*/
/*Contacts Page styles*/
/*------------------------------------*/
.contact_list{
	margin-top: 25px;
	margin-bottom: 25px;
}
.contact_container{
	clear: left;
	padding:10px;
	cursor: default;
}
.contact_container:hover{
	background-color: #E6F0FF;	
}
.contact_statusicon{
	float: left;
	width: 25px;
}
.contact_details{
	margin-left:25px;
}
.contact_title{
	font-size: 14px;
	color: #294B9F;
}
.contact_discription{
	font-size: 12px;
	color: #333333;
}
.contactedit_form{
	margin-top: 25px;
	margin-bottom: 25px;
}

