/* MAIN STYLE SHEET */

/** Defaults ******************************************************************/

* {
	padding: 0;
	margin: 0;
}
body {
	/* min-width: 550px;*/      /* 2x LC width + RC width */

    padding:0 0 10px 0;
	margin:10px 0 0 0;
	font-size:0.89em;
	color:#555555;
	background:#f9f9f9;
	font-family: arial, helvetica, sans-serif;
}
a {
	color:#006699;
	text-decoration:none;
}
a:hover {
	color:#0099cc
}

/* Morad - 6 July 2010 - Rule to insert pdf icon on right of all a tags */
a[href$='.pdf']{
	background: url(../../_images/pdfsmall.gif) no-repeat right;
	padding: 0 20px 0 0px; 
}
/* Morad - 7 July 2010 - class rule for inactive records in Portal*/
a.inactive_portal_record{
        background-color: #D2D2D2;
        background-image:url(../../_images/stop_button_sm.png);
        background-repeat: no-repeat;
        background-position:0 0;
        padding-bottom:5px;
        padding-left:17pt;
        padding-right:0;
        padding-top:0;
}

p {
	margin-top: 5px;
	margin-bottom: 20px;
	font-size: 0.95em;
}
h1 {
	font-family: arial, helvetica, sans-serif;
	font-size: 1.4em;
	color:#006699;
	padding-top: 20px;
	margin-bottom: 15px;
}
h2 {
	font-family: arial, helvetica, sans-serif;
	font-size: 1.2em;
	color:#006699;
	margin-bottom: 20px;
	margin-top: 20px;
}
h3 {
	font-family: arial, helvetica, sans-serif;
	font-size: 1em;
	color:#006699;
	margin-bottom: 10px;
	margin-top: 10px;
}
/******** New styles ******************************************************/
#nav1 {
	border-bottom:1px solid #006699;
	height:40px;
}
#nav1 ul {
	list-style-type:none;
	padding-left:10px;
	margin-top:10px;
	float:left
}
#nav1 ul li {
	font-size:1.2em;
	font-weight:bold;
	display:inline;
}
#nav1 ul li a {
	width:200px;
	padding-top:6px;
	height:24px;
	background-position:top;
	display:inline-block;
	color:#999999;
	text-align:center;
	outline:none
}
#nav1 ul li a:hover {
	background-position:bottom;
	/*color:#fff*/
	color:#006699;
}
#nav1 ul li.active a {
	border-bottom:2px solid #fff;
	color:#006699;
	background:url(../../_images/siteNavBg.png) no-repeat;
	background-position:0 -30px;
	
}
#nav1 ul li.active a:hover {
	background-position:0 -30px;
}
#nav1 p {
	float:right;
	font-size:1.2em;
	font-weight:bold;
	margin:10px
}
#nav1 p a {
	background:#f7f7f7;
	border:1px solid #eee;
	padding:3px 10px;
}
#nav1 p a:hover {
	border:1px solid #0099cc;
	background:none
}
/*SUBNAV*/
#nav2 ul {
	clear:both;
	margin:3px 10px 0 10px
}
#nav2 ul li {
	display:inline
}
#nav2 ul li a {
	font-size:1em;
	padding:5px 10px;
	display:inline-block
}
#nav2 ul li a:hover {
	background:#0099cc;
	color:#fff
}
/*SEARCH*/
#searchWrapper {
	width:100%;
	height:20px;
	padding:15px 10px;
	display:block;
	clear:both
}
#searchWrapper form {
	float:left;
	margin-right:20px;
}
#searchWrapper form label {
	color:#006699;
	font-size:1.0em;
}
#searchWrapper form#searchForm {
	width:430px;
}
#searchWrapper form input#searchString {
	width:260px;
}
#breadcrumbs {
	clear:both;
	font-weight:bold;
	font-size:0.8em;
	border-top:1px solid #eee;
	padding:8px 10px 0 10px
}



/******** End of new styles ******************************************************/

/* These styles are responsible for styling data returned from AJAX call */
#searchWrapper #searchForm .searchSuggestContainer {
    position:relative;
    display:inline;
}
#searchWrapper #searchForm ul.searchSuggest {
    z-index:2;
	background-color: #FFFFFF;
	border: 1px solid #999999;
    width: 258px;
    margin-left: -266px;
    padding-left: 0px;
    margin-top: 20px;
    visibility:hidden;
    display:inline;
    position:absolute;
}
#searchWrapper #searchForm ul.searchSuggest li {
    display:block;
    list-style-type:none;
    margin-left: 0px;
    padding-left: 0px;
}

#searchWrapper #searchForm ul.searchSuggest li a {
    display:block;
    text-decoration: none;
    color: #333333;
    padding-left: 3px;
}

#searchWrapper #searchForm ul.searchSuggest li a:hover {
    display:block;
    color: #FFFFFF;
    background-color: #333333;
    list-style-type:none;
    padding-left: 3px;
}


/* End of styles required for AJAX call */

/* Main Container */
#mainContainer {
	border:1px solid #eee;
	margin:0 auto;
	width: 950px;
	background: white;
	padding: 0px;
	position: relative;
}
#mainContent li {
	list-style-type: square;
	margin: 0;
	margin-left: 2em;
}
/******** Banner **************************************************************/
#banner {
	width:100%;
	height:120px;
	background-image:url("../_images/banner_portal.jpg");
	background-repeat:no-repeat;
	margin-bottom:1px;
}
#register_banner {
	width:100%;
	height:120px;
	background-image:url("../_images/banner_register.jpg");
	background-repeat:no-repeat;
	margin-bottom:1px;
}
/************************ SEARCH BAR ******************************************/
#mainSearch {
	color:#006699;
	height:20px;
	width:950px;
	padding:0px 0px 40px 0px;
	border-top:solid 1px #006699;
	background-color:#FFFFFF;
	font-family: verdana, georgia, arial, sans-serif;
}
#mainSearch #search {
	float:right;
	padding: 3px 2px 4px 7px;
	width:605px;
	border-bottom:solid 1px #006699;
	border-left:solid 1px #006699;
}
#mainSearch #mainnavigation {
	float: left;
	width:320px;
	/*border: 1px solid #DC6A00;*/
	padding: 0px 0px 0px 10px;
}
#mainSearch #mainnavigation ul {
	float: left;
	width:320px;
	/*border: 1px solid #006699;*/
	padding: 0px 0px 0px 0px;
}
#mainSearch #mainnavigation li {
	float: left;
	width:160px;
	/*padding-right: 10px;*/
	list-style: none;	/*border-bottom:solid 1px #006699;*/
}
#mainSearch #mainnavigation a:link, #mainSearch #mainnavigation a:visited {
	float: left;
	padding: 5px 0px 5px 0px;
	line-height: 22px;
	font-weight: bold;
	margin: 0 5px 0 5px;
	text-decoration: none;
}
#mainSearch #mainnavigation a.active:link, #mainSearch #mainnavigation a.active:visited {
	border-bottom: 2px solid #DC6A00;
	/*border-right: 1px solid #DC6A00;*/
	color:#DC6A00;
	padding: 4px 0px 4px 0px;
}
#mainSearch #mainnavigation a:hover {
	border-bottom: 2px solid #006699;
	color:#DC6A00;
	padding: 5px 0px 3px 0px;
}
/*** NEWS HELP ABOUT US CONTACT************/
#mainSearch #navigation ul {
	float: right;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;/*	border-right:solid 1px #eee;*/
}
#mainSearch #navigation li {
	float: left;
	margin: 0 0 0 0;
	padding: 0;
	list-style: none;
}
#mainSearch #navigation a:link, #mainSearch #navigation a:visited {
	float: left;
	padding: 5px 0px 0px 0px;
	line-height: 23px;
	font-weight: bold;
	margin: 0 10px 0 10px;
	text-decoration: none;
	color: #333;
	border-bottom: 1px solid #006699;
}
#mainSearch #navigation a.active:link, #mainSearch #navigation a.active:visited {
	border-bottom: 1px solid #006699;
	padding: 1px 0 0 0px;
	color: #DC6A00;
}
#mainSearch #navigation a:hover {
	border-bottom: 1px solid #006699;
	padding: 5px 0 0 0px;
	color: #DC6A00;
}
/*****************************************/




#mainSearch #searchForm {
	display: inline;
	padding-left: 15px;
}
#mainSearch #browseForm {
	display: inline;
}
#mainSearch #search input {
	margin:0 2px
}
#mainSearch #search select {
	margin:0 2px
}
#mainSearch #search a {
	color:#fff;
	font-weight:bold;
	font-size:0.8em;
}
#mainSearch #search a:hover {
	font-weight:bold
}
#mainSearch ul {
	float:right;
	list-style:none;
	margin:0 20px 0 0;
	line-height: 23px;
}
#mainSearch ul li {
	display:inline;
	font-size:0.8em;
}
#mainSearch ul li a {
	color:#006699;
	font-weight:bold;
	text-decoration:none;
}
#mainSearch ul li a:hover {
	color:#006699
}
/************************ Main Nav Panel **************************************/
#adminPanel {
	color:#fff;
	height:30px;
	background-color:#cccc33;
}
#adminPanel h1 {
	color: white;
	font-size: 1.2em;
	margin: 0px 12px 10px;
	padding: 0px;
	line-height: 30px;
}
#adminPanel #loggedIn {
	float: right;
	line-height: 28px;
	margin: 1px;
	padding-right: 20px;
	color: #000000;
	font-size: 0.9em;
	background-color: #F0F7CE;
	padding: 0px 10px;
	border-width: 0px;
}

#adminPanel #loggedIn span {
	text-decoration:none;
	font-weight: bold;
	color:#FF652F;
}

#adminPanel #loggedIn a {
	text-decoration:none;
	font-weight: bold;
}
#adminPanel #loggedIn a:hover {
	text-decoration:underline;
}

/*Style for th of table editor on admin screen on all edit lookup for register*/


/*Style for th of table editor on admin screen on all edit lookup for register*/

.tableEditor{
	width: 700px;
	table-layout:fixed;
}

tableEditor td{
	width: 100%;
}

tableEditor input{
	display:block;
	width:300px;
	padding:0;
	border-width:0
}
.cl_TblEditorTh{
    width:250px;
}
/************************************ Breadcrumbs *****************************/
#bread {
	color:#CCCCCC;
	margin:0;
	padding:10px 0 5px 22px;
	border-bottom: 1px solid #EEEEEE;
	border-top: 0px;
	font-size:0.8em;
	font-family: verdana, georgia, arial, sans-serif;
}
#bread a {
	font-weight:bold
}
/************************************ Middle Body Content *********************/
#container {
	height: 100%;
}
/*#mainContent {
	border-style:solid;
	border-width: 0;
	border-left-width: 1px;
	border-right-width: 1px;
	padding:10px 12px 30px;
	height: 100%;
}*/
#center {
	width:690px;
	min-height:500px;
	height:auto !important;
	height:500px;
    padding:0 0 10px 20px;
	float:left;
}
#center ol, #center ul {
	margin-bottom: 1em;
	margin-left: 2.5em;
}

#center li {
	list-style-position: outside;
	padding-bottom: 1em;
	margin-left: 0;
}
#center ol ul {
	margin-top: 1.5em;
	margin-bottom: 0em;
}
#center ol ul li {
	margin-left: 0em;
	list-style-type: disc;
}

/* Page Last Updated span*/
/*Morad*/
.last_updated {
    clear: both;
    color: #BBBBBB;
    font-size: 0.8em;
    font-style: italic;
    margin-bottom: 1em;
    margin-right: 4em;
    text-align: right;
}

/****************************BROWSE GUIDELINES NAV *****************************/

#navlist ul {
	margin: 5px 0px 0 0;
	padding:  0 0 0 3px;
	/*background-color:#FF9900;*/
	border-top:solid 1px #eee;
	border-bottom:solid 1px #eee;
}
#navlist li {
	display: inline;
	list-style-type: none;
	padding:0;
	margin:0;
	font-size:0.9em;
}
#navlist a:link, #navlist a:visited {
	font-weight:bold;
	color: #006699;
	text-decoration: none;
	margin-right:3px;
	padding: 7px 10px 7px 9px;
	line-height:35px;
}
#navlist a:hover {
	color: #fff;
	text-decoration: none;
	background-color:#006699
}
/************************************RIGHT COLUMN***********************/

#rightColumn {
	float:right;
	width:200px;
	padding-right:10px;
}
#rightColumn p {
	font-size:0.8em
}
/*** Newsletter form **********************************************************/

#newsletterForm legend {
	font-family: arial, helvetica, sans-serif;
	color:#777777;
	font-weight: bold;
	padding: 0px 5px;
}
#newsletterForm fieldset {
	border: 1px solid #EEEEEE;
	/*background-color: #F8F8F8; */
    background-image:url("../_images/fieldsetBG.png");
	padding: 1em;
	margin-top: 1em;
	margin-bottom: 1em;
	padding-top: 15px;
}
#newsletterForm div {
	clear: left;
	margin: 0;
	padding: 0;
	padding-top: 5px;
}
#newsletterForm div label {
	float: left;
	width: 10em;
}
#newsletterForm input {
	margin-bottom: 12px;
}
/**** Administration Section **************************************************/

div .adminItemColumn {
	float:left;
	width:49%;
	padding:0;
	margin:0;
}
div .adminItem {
	width:90%;
	margin: 10px 0 0 0px;
	padding: 0 10px 20px 15px;
	float:left;
	background-color:#f7f7f7;
	border:solid 1px #ccc
}
#mainContent div .adminItem ul {
	list-style: none;
	margin:5px 0 0 0px;
	padding: 0px;
}
#mainContent div .adminItem ul li {
	/*display: inline; */
    list-style: none;
	margin: 0px 0px 0 0px;
}
/************************************ FOOTER **********************/
#footer {
	border-top:1px dotted #ccc;
	color:#666;
	padding:10px 5px 4px 20px;
	margin-bottom:10px;
	clear: both;
	width:auto;
	font-weight: bold;
}
#footer a {
	color:#999;
	margin-right:2em
}
#footer a:hover {
	color:#333
}
/* browseNavTree **************************************************************/
#browseByCondition {
	padding-bottom: 2em;
	padding-right: 2em;
	padding-top: 1em;
}
#browseNavTree {
/*border: thin dotted #999999; */
}
#browseNavTree ul {
	margin-left: 0px;
	padding-left: 0px;
	margin-bottom: 0em;
	margin-left: 2em;
}
#browseNavTree ul li {
	list-style-type:square;
	margin-left: 2em;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 0;
}
#browseNavTree .selected {
	font-weight: bolder;
}
#browseNavTree .numGuidelines {
	font-size: smaller;
}
#browseNavTree a.showGuidelines {
	font-weight: bold;
}
/**** Filter ***********************************************************/

#searchForm legend {
	font-family: arial, helvetica, sans-serif;
	color:#777777;
	font-weight: bold;
	padding: 0px 5px;
}
#searchForm fieldset {
	border: 1px solid #EEEEEE;
	/*background-color: #F8F8F8; */
    background-image:url("../_images/fieldsetBG.png");
	padding: 1em;
	margin-bottom: 1em;
	padding-top: 15px;
}
#searchForm div {
	clear: left;
	margin: 0;
	padding: 0;
	padding-top: 5px;
}
#searchForm div label {
	float: left;
	width: 10em;
}

/*#searchForm input {
	margin-bottom: 12px;
}*/

div.searchFormContainer {
	padding-top: 1em;
}
/* search/browse results ******************************************************/

table.searchResults {
	text-align:left;
	vertical-align:top;
	/*
    padding: 0px;
    margin-top:1em;

    border-collapse:collapse;
    border-color: #EEEEEE;
    border-style:solid;
    border-width:1px;
    */

    margin:1em 0 1em 1px;
	border-collapse:collapse;
	/*border-spacing:0;*/
    border:1px solid;
	border-color: #999999;
	border-width:1px 0 0 1px;
}
table.searchResults td, table.searchResults th {
	vertical-align:top;
	/* padding:3px; */

    padding:7px 6px 15px 10px;
	border:1px solid #555;
	border-color: #999999;
	border-width:0 1px 1px 0;
}
/* browseResults **************************************************************/
#browseResults {
	/*padding-left: 2em; */
   padding-bottom: 2em;
	padding-right: 0em;
	padding-top: 1em;/*border: thin dotted #999999;*/
   /*border-top-style: none;*/
}
#browseResults ul {
	margin: 0;
	padding: 0;/*background-color:#FF9900;*/
}
#browseResults li {
	padding-bottom: 1em;
	list-style-type: square;
	padding: 20px 0px 0px;
	margin:0;
	margin-left: 2em;
}
#browseResults .pagingInterface {
	margin-top: 1em;
	text-align: center
}
#browseResults .alphabeticalBrowseInterface {
	margin-top: 2em;
	text-align: center
}
#numberOfResults {
}
#browseResults .currentPageNum {
	color: #FF0000;
}
/* Guideline Detail Section ***************************************************/

#guidelineDetail h1 {
	padding-bottom: 10px;
}
#guidelineDetail table {
	border-top: solid 1.5pt #006699;
	width: 100%;
}
#guidelineDetail th {
	width: 15em;
	text-align:left;
	vertical-align:top;
	padding: 6px 6px 6px 10px;
	border-right: solid 1pt #006699;
	border-bottom: dashed 1pt #006699;
}
#guidelineDetail td {
	vertical-align:top;
	padding: 6px 6px 6px 12px;
	border-bottom: dashed 1pt #006699;
}
#guidelineDetail .organisations {
	border: none;
	padding: 6px 6px 6px 12px;
}
#guidelineDetail .organisations th {
	text-align: left;
	border-right: none;
	border-left: none;
	border-top: none;
	border-bottom: solid 1pt #CCCCCC;
	padding: 6px 6px 6px 12px;
}
#guidelineDetail .organisations td {
	padding: 6px 6px 6px 12px;
	text-align: left;
	border-right: none;
	border-left: none;
	border-top: none;
	border-bottom: dashed 1pt #CCCCCC;
}
#guidelineDetail td.last_row {
	padding: 6px 6px 6px 12px;
	text-align: left;
	border-right: none;
	border-left: none;
	border-top: none;
	border-bottom: none;
}
#guidelineDetail th.last_row {
	padding: 6px 6px 6px 12px;
	text-align: left;
	border-right: solid 1pt #006699;
	border-left: none;
	border-top: none;
	border-bottom: none;
}
/*Morad 6 Sep 2010- Rule to enforce title case on all mesh headings*/
#mesh_cell {text-transform: capitalize;}
/* news ***********************************************************************/


div.newsItem {
	/*border-style:dotted;
    border-width: 1px 0 0 0;
    border-color: #CCCCCC; */
    padding-bottom: 0px;
	border-bottom:dotted 1px #006699;
}
div.newsItem .newItem {
	font-size: 0.7em;
	color: red;
}
div.newsItem p.date {
	padding: 0px;
	margin: 0px;
	font-size: 0.8em;
}
/**** Miscellaneous ***********************************************************/
div .clearit {
	clear: both;
}
#rss {
	display:none;
}
/**** zend forms **************************************************************/

/*form {

    width: 700px;
    margin: 0 10px 10px 10px;
    padding: 5px;
    padding-top: 20px;
    background-color: #FFF;

    margin: 20px 0 20px 0px;
    padding: 10px 10px 30px 30px;
    border: #ccc 1px solid;
    background-image:url("../_images/fieldsetBG.png");
}*/

dl.zend_form_dojo, dl.zend_form {
	width: 700px;
	margin: 0 10px 10px 10px;
	padding: 5px;
	padding-top: 20px;
	/*background-color: #FFF;*/

    margin: 20px 0 20px 0px;
	padding: 10px 10px 30px 30px;/*border: #ccc 1px solid;*/
    /*background-image:url("../_images/fieldsetBG.png"); */
}
/*
dl.zend_form_dojo dt {
    float: left;
    text-align: right;

    margin-right: 10px;
	padding:15px 10px 0 0 ;
	width: 150px;
	float: left;
	text-align: right;
	position: relative;
	color:#003366;
}

dl.zend_form_dojo dd {
    margin-right: 10px;
	padding:15px 10px 0 0 ;
} */

/*
FORM DT {
   clear:both;
   width:33%;
   float:left;
   text-align:right;
}

FORM DD {
   float:left;
   width:66%;
   margin:0 0 0.5em 0.25em;
}*/

dl.zend_form_dojo dt, dl.zend_form dt {
	clear:both;
	width:33%;
	float:left;
	text-align:right;
	padding-bottom:20px;/*
	padding:15px 10px 0 0 ;
    */
}
dl.zend_form_dojo dd, dl.zend_form dd {
	float:left;
	width:66%;
	margin:0 0 20px 0.25em;
}
dl.zend_form_dojo ul.errors, dl.zend_form ul.errors, #message ul.errors {
	color: red;
}
div.formContainer div {
	clear:both
}
div.formContainer form fieldset {
	margin: 0px 0 20px 0px;
	padding: 10px 10px 30px 30px;
	border: #ccc 1px solid;
	background-image:url("../_images/fieldsetBG.png");
}
div.formContainer form legend {
	font-weight: bold;
	color: #006699;
	font-size:1.2em;
	padding:0 5px
}
div.formContainer form fieldset div {
	padding: 10px 0 0 0;
}
div.formContainer label, div.formContainer span.label {
	margin-right: 10px;
	padding:0px 10px 0 0;
	width: 150px;
	display: block;
	float: left;
	text-align: right;
	position: relative;
	color:#003366;
}
div.formContainer label.error, div.formContainer .error {
	color:#ff0000;
	margin-left:160px;
	display:block
}
div.formContainer textarea {
	width:400px;
	height:100px
}
div.formContainer input:focus, div.formContainer input.error:focus, div.formContainer textarea:focus {
	padding:1px;
	border:solid 1px #cccc00;
}
div.formContainer div.buttonrow {
	margin:10px 0 0 170px;
}
div.formContainer .buttonrow input:focus {
	padding:2px 7px 2px 7px;
	color:#fff;
	background:#006699;
	border:1px solid #003366;
	margin:0 10px 0px 0
}
div.formContainer .buttonrow .btn {
	width:auto;
	color:#003366;
	margin:0 10px 0px 0;
	padding:0px 5px;
}
div.formContainer .btn {
	width:auto;
	padding:0px 5px;
	color:#003366;
	margin:0 10px 0px 0
}
.error {
	color:#FF0000
}
div.formContainer .required {
	font-weight:bold;
	padding:0 0 0 3px;
	margin:0;
	color:#ff0000;
	font-size:1.5em;
}
/**********************************************/


form#registration fieldset {
	border: 1px solid #EEEEEE;
	/*background-color: #F9F9F9;*/
    /*background-image:url("../_images/fieldsetBG.png"); */
    padding: 1.5em;
	margin-top: 1em;
	margin-bottom: 2em;
	padding-top: 0;
	width: 51em;
	display: block;
}
form#registration legend {
	border: 1px solid #EEEEEE;
	padding: 3px 8px;
	font-weight: bold;
}
form#registration label {
	display: block;
}
form#registration div.formInputWrapper {
	margin: 15px 0px 0px 0px;
}
form#registration div.specifyOtherWrapper {
	margin: 0px 15px 0px 0px
}
form#registration ul.errors {
	background-color: #FFECEC;
	color: red;
	margin: 0px;
	margin-left: 1px;
	margin-top: 0px;
	padding: 0px;
	border-width: 0px;
	border-left-width: 2px;
	border-style:solid;
	border-color: red;
}
form#registration ul.errors li {
	color: red;
	margin: 0px;
	padding: 5px;
	list-style-type: disc;
}
#submitRegistration {
	display: block;
}
.requiredPrefix {
	color: red;
	font-size:larger;
}

/*.visible 
{
width:auto;
height:150px;
overflow:visible;
}*/

/* sort table *********Created by Morad 9 July 2010***************************/
table.sorted_table {
    border-collapse: collapse;
    /*border: 1px #ccc solid;*/
    margin:1em;
    width:100%;
}

table.sorted_table td, th {
   padding: .3em;
   border: 1px #ccc solid;
}

table.sorted_table th {
    width: 10%;
}
table.sorted_table thead {
    background: #C0DAE7;
}
table.sorted_table tr:hover {
    background-color:#EFCA95;/*#f2e8da;*/
}
/**********************************************************/

/*Author: Morad*/
/*Rule to style displayed text when javascript is turned off - currently being used on registration form*/
/*28 Sep 2010*/
#no_js{
    color: rgb(255,0,0);
}