/* MAIN STYLE SHEET */

/** Defaults ******************************************************************/
* {
	padding: 0;
	margin: 0;
}
body {
    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"]{*/
/*a[href$=".pdf"]{
	background-image:url(../../_images/pdfsmall.gif);
	background-repeat:no-repeat;
	background-position:100% 90%;
	padding: 0px 20px 0px 0px;
}*/
a[href$='.pdf'] {
	display:inline-block;
	padding-right:20px;
	line-height:18px;
	background:transparent url(../../_images/pdfsmall.gif) top right no-repeat;
}


/* 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:#999;
	text-align:center;
	outline:none
	
}
#nav1 ul li a:hover{
	/*background-position:0 -30px;*/
	background-position:bottom;
	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;*/
	/*background-position:0 -30px;*/
	/*color:#fff;*/
	
}
#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;
	/*float:right;*/
}
#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;*/
	padding:15px 0px 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:420px;*/
	width:330px;
	margin-left:10px;
	
	}
#searchWrapper form input#searchString {
	/*width:260px;*/
	width:120px;
}

#searchWrapper #searchByIDForm {
	width:240px;
	margin-left:10px;
}

#searchWrapper form input#searchByID {
	width:50px;
}


#breadcrumbs {
	clear:both;
	font-weight:bold;
	font-size:0.8em;
	border-top:1px solid #eee;
	padding:8px 10px 0 10px
}

/******** End of new styles ******************************************************/

/******** 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("../../public/_images/banner_portal.jpg");
	background-repeat:no-repeat;
	margin-bottom:1px;
}
#register_banner {
	width:100%;
	height:120px;
	background-image:url("../../public/_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;
	background-color:#FFFFFF;
	font-family: verdana, georgia, arial, sans-serif;
}
#mainSearch #search {
	float:right;
	padding: 3px 2px 6px 7px;
	width:605px;
	border-bottom:solid 1px #DC6A00;
	border-left:solid 1px #DC6A00;
}
#mainSearch #mainnavigation {
	float: left;
	width:320px;
	/*border: 1px solid #DC6A00;*/
	padding: 1px 0px 1px 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: 4px 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 #DC6A00;
	color:#DC6A00;
	padding: 4px 0px 3px 0px;
}
/*** NEWS HELP ABOUT US CONTACT************/
#mainSearch #navigation ul {
	float: right;
	margin: 5px 10px 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;
	border-bottom: 1px solid #006699;
	color: #333;
}
#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;
}
/************************************ 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;
}
/****************************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("../../public/_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("../../public/_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;
}
/* 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("../../public/_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;
}
/*NEW*/
form#registration label{
	margin-top:1em;
	margin-bottom:0.1em
}
form#registration div.formInputWrapper input, form#registration div.specifyOtherWrapper input{
	padding:3px
}
form#registration div.formInputWrapper select {
	padding:0 5px 2px 3px
}
form#registration div.specifyOtherWrapper {
	padding-left:1em;
}
/*END OF NEW*/


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;
}
/* table Editor ************************************************************/

#tableEditor input {
	width: 700px;
}
#tableEditor input.orderInput {
	width: 30px;
}
/* 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;*/
}