/* Created by Stuart Burrows	-	13/7/2010

Updated:11-08-2010 - Stuart Burrows

CSS3 created for IE using CSS3PIE. Specific styles
	inserted into IE6,7 & 8 only stylesheets.
--------------------------------------------------*/

/*	=Contents:
		1. BasicSetup
		2. Universal
		3. Header
		4. Main
			4.1 persistantNavigation
				4.1.1 primaryNavigation
				4.1.2 HighlightBoxes
				4.1.3 Update date
			4.2 secondaryNavigation
            4.3 MainContent
            4.4 HomeContent
		5. Footer
		6. Plugins
		    6.1 Tag cloud
		    6.2 A-Z
			6.3 Predictive Search Plugin
			6.4 Search Results
			6.5 Site Validator Overrides
			6.6 Dynamic Content
			    6.6.1 Extended Links
		7. Mobile Site CSS
--------------------------------------------------*/

/*	1. =BasicSetup
--------------------------------------------------*/

* {
	margin:0;
	padding:0;
	}

body {
	font-size:50%;
	font-family:Arial, sans-serif;
	background-color: #F7FEFF !important;
	}


#everything {
	font-size:125%;
	width:960px;
	margin:0 auto 0 auto;
	padding: 20px 20px 0px 20px;
	background-color: #fff;
	box-shadow: #AEC7DA 0px 0px 60px 0px;
	}
	
#everything .content {
padding: 20px 20px 0px 20px;
}


/*	2. =Universal
--------------------------------------------------*/

/*h2 {
	background:none;
	color:#000;
	}
	*/


ul {
	list-style:none;
	margin:0 0 0.6em 0;
	}

ol {
	margin:0 0 0.6em 0;
	}

ul ul,
ul ol,
ol ul,
ol ol {
	margin:0.3em 0;
	}
	
.contentArea ul {
	list-style-type:disc;
	margin-left:1.6em;
	line-height:2.0em;
	}
	
/*added more margin and line height 15th Nov*/
.contentArea ol {
	margin-left:2.6em;
	line-height:2.0em;
	}
	

.contentArea a {
font-weight:bold;
/*text-decoration:underline;*/
}


#homeContent .contentAreaAE {
	padding:9px 9px 0 9px;
	min-height:400px;
	}


	
.rounded {
	background:#fff;
	padding:9px;
	border:solid 1px #acb9c9;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	}
	
.rounded.contentArea {
	border: none;
	padding: 0 0 0 0;
}

.offScreen {
    position:absolute;
    left:-9999em;
    }

.floatHolder {
    overflow:hidden;
    height:100%;
    }
	
/* bullet point spacing 11/11/10 */

.subcontent ul {
line-height: 2.0em;
	}


/*	3. =Header
--------------------------------------------------*/

#header {
	background:url(../images/people_outlines.gif) no-repeat left top #fff;
	position:relative;
	}
	
#header #logo {
	background:url(../images/logo.gif) no-repeat left 18px transparent;
	float:right;
	height:90px;
	width:327px;
	}

#header .strapLine { 
	font-size:1.3em; 
	position:absolute;
	top:98px;
	left:135px;
	text-transform:uppercase;
	font-weight:bold;
	color:#fff;
	}

/*		3.1 =SearchBar
--------------------------------------------------*/

#header #searchBar {
	background:#06c;
	padding:0.5em 0em;
	clear:both;
	text-align:right;
	}
	
#header #searchBar input {
	width:180px;
	border:solid #6799cc 1px;
	font-size:1.2em;
	padding:0.2em;	
	font-family:Arial,sans-serif;
	}

#header #searchBar .buttonWrap {
	border:solid #6799cc 1px;
	background:#fff;
	display:inline-block;
	margin-left:3px;
	margin-right:1em;
	width: 60px; /* important for search button!*/
	}
	
#header #searchBar .submit {
	width: 60px; /* important for search button!*/
	font-size:1.2em;
	padding:0.2em;
	background:none;
	color:#06c;
	font-family:Arial,sans-serif;
	cursor:pointer;
	}
  

/*		3.2 =PageTools
--------------------------------------------------*/

#header #pageTools {
	background:#e1eef7;
	padding:0.4em 0 0.2em 0;
	clear:both;
	}

/*			3.2.1 =Breadcrumb
--------------------------------------------------*/

#crumbTrail {
	width:775px;
	display:inline;
	float:left;
	line-height:2em;
	}

#crumbTrail ul {
	padding-left:10px;
	display:inline;
	}

#crumbTrail ul li {
	display:inline;
	padding-right:0.3em;
	}

#crumbTrail ul li a:link,
#crumbTrail ul li a:visited {
	color:#000;
	}

#crumbTrail .selected {
	text-decoration:underline;
	}

/*			3.2.1 =TextSizing
--------------------------------------------------*/

#header #pageTools #accessible {
	display:inline;
	float:right;
	padding-right:10px;
	font-size:1em;
	line-height:2em;
	}
	
#header #pageTools #accessible h2 {
	display:inline;
	margin:0 8px 0 0;
	color:#000000 !important;
	border:none;
	}

#header #pageTools #accessible ul{
	display:inline;
	}

#header #pageTools #accessible li {
	list-style:none;
	padding:0 0.2em;
	display:inline;
	}

#header #pageTools #accessible li a {
	font-weight:bold;
	text-decoration:none;
	color:#000;
	line-height:12px;
	}

#header #pageTools #accessible li a.small {
	font-size:12px;
	}

#header #pageTools #accessible li a.medium {
	font-size:16px;
	}

#header #pageTools #accessible li a.large {
	font-size:20px;
	}

/*	4. =Main
--------------------------------------------------*/

#main {
	padding:20px 0px 20px 0px;
	clear:both;
	}


/*	4.1 =Persistant Navigation
--------------------------------------------------*/
#persistentNavigation {
	display:inline;
	float:left;
	width:220px;
	}

/*		4.1.1 =primaryNavigation
--------------------------------------------------*/

#persistentNavigation #primaryNavigation {
	width:200px;
	margin-bottom:20px;
	font-size: 1.0em;
	background-color:#fafafa;
	border: solid 1px rgba(172, 185, 201, 0.25);
	}
	
#persistentNavigation #primaryNavigation li {
	list-style:none;
	border-bottom:1px dotted #bbc9d6;
	padding:0.4em 0;
	}
	
#persistentNavigation #primaryNavigation li:last-child {
	
	border: none;
	
	}

#persistentNavigation #primaryNavigation li a {
	display:block;
	padding:0.2em 0 0.2em 14px;
	background:url(../images/arrow_on_White.gif) no-repeat 5px 0.55em transparent;
	}

#persistentNavigation #primaryNavigation li a.selected {
	display:block;
	color:#fff;
	background:url(../images/arrow_on_DBlue.gif) no-repeat 5px 0.55em #06c;
	text-decoration:underline;
	}



#persistentNavigation #primaryNavigation li.expanded a {
	display:block;
	color:#fff;
	background:url(../images/arrow_on_DBlue.gif) no-repeat 5px 0.55em #06c;
	}

#persistentNavigation #primaryNavigation li.expanded {
	}


/*adding border and background colour to left hand navigation 11/11/10*/

#persistentNavigation #primaryNavigation li.expanded ul {
	/*border: 1px solid #0066cc;*/
	/*background:url(../images/nav_background.gif) repeat;*/
	background-color: #e1eef7;
	
}



#persistentNavigation #primaryNavigation li li {
	border:none;
	}


/*changing margin left from 12px to 20px 11/11/10* and colour of text to black, also adding normal black bullet*/



#persistentNavigation #primaryNavigation li.expanded li a {
	color:#000;
	margin-left:/*15px*/20px;
	background:url(../images/nav_bullet.gif) no-repeat 5px 0.55em transparent;
	}

/*Changing selected list item to same background colour*/

#persistentNavigation #primaryNavigation li.expanded li a.selected,
#persistentNavigation #primaryNavigation li.expanded li.expanded a {
	color:#000;
	background:url(../images/nav_bullet.gif) no-repeat 5px 0.55em;
	
	}

/*		4.1.2 =HighlightBoxes
--------------------------------------------------*/

#persistentNavigation .highlightBox {
	width:200px;
	float:left;
	display:inline;
	clear:left;
	margin-bottom:20px;
	}

#persistentNavigation .highlightBox ul li {
	color:#fff;
	margin:0.4em 0;
	display:block;
	word-wrap:break-word;
	}

#persistentNavigation .highlightBox p {
	color:#fff;
	padding-left:12px;
	display:block;
	}

#persistentNavigation .highlightBox ul li a:link,
#persistentNavigation .highlightBox ul li a:visited {
	color:#fff;
	padding-left:12px;
	display:block;
	}
	
#persistentNavigation .highlightBox  h2 {
	color:#fff;
	display:block;
	padding:0 75px 0 0;
	margin:0;
	width:125px;
	min-height:65px;
	height:auto !important;
	height:65px;
	font-size:1.6em;
	text-align:left;
	font-weight:bold;
	overflow-x:hidden;
	}

#persistentNavigation #alertBox {
	background:#c43d8c;
	background:url(../images/exclamationPink.png) 166px top no-repeat, -moz-linear-gradient(90deg,#c43d8c,#c22983,#c43d8c);
	background:url(../images/exclamationPink.png) 166px top no-repeat, -webkit-gradient(linear, left top, left bottom, from(#c43d8c), to(#c43d8c), color-stop(0.5, #c22983));
	border:#c22c84 1px solid;
	}
	
#persistentNavigation #alertBox h2 {
border:none;
}	

#persistentNavigation #alertBox a {
	background:url(../images/arrow_on_Pink.gif) no-repeat left 0.35em;
	}
	
#persistentNavigation #informationBox {
	background:#1c7063;
	background:url(../images/informationGreen.png) 166px top no-repeat, -moz-linear-gradient(90deg,#1c7063,#00715f,#1c7063);
	background:url(../images/informationGreen.png) 166px top no-repeat, -webkit-gradient(linear, left top, left bottom, from(#1c7063), to(#1c7063), color-stop(0.5, #00715f));
	border:#277064 1px solid;
	}

#persistentNavigation #informationBox a {
	background:url(../images/arrow_on_Green.gif) no-repeat left 0.35em;
	}
	
	#persistentNavigation #informationBox h2 {
border:none;
}	

#persistentNavigation #thirdBox {
	background:#009cc9;
	background:url(../images/exclamationBlue.png) 166px top no-repeat, -moz-linear-gradient(90deg,#009cc9,#009cc9,#009cc9);
	background:url(../images/exclamationBlue.png) 166px top no-repeat, -webkit-gradient(linear, left top, left bottom, from(#009cc9), to(#009cc9), color-stop(0.5, #009cc9));
	border:#009cc9 1px solid;
	}
	
#persistentNavigation #thirdBox h2 {
border:none;
}	

#persistentNavigation #thirdBox a {
	background:url(../images/arrow_on_Blue.jpg) no-repeat left 0.35em;
	}	

/*		4.1.3 =Update Date
--------------------------------------------------*/

#persistentNavigation .pageUpdated {
	text-align:center;
	}
	
#persistentNavigation .pageUpdated strong {
	display:block;
	font-weight:normal;
	}

/*	4.2 =secondaryNavigation
--------------------------------------------------*/
#secondaryNavigation {
	float:right;
	display:inline;
	width:200px;
	margin-bottom:1em;
	background-color: #fafafa;
	border: solid 1px rgba(172, 185, 201, 0.25);
	padding: 10px 10px 10px 10px;
	}

#secondaryNavigation h2{
	font-size:1.4em;
	text-align:center;
	border: 3px solid #990066;
	font-weight:bold;
	background-color:#990066 !important;
	color: #fff;
	width: 100%;
	margin-top: 0px;
}

#secondaryNavigation.rounded{
	padding: 0 0 0 0;
}

#secondaryNavigation li {
    display:block;
    word-wrap:break-word;
	}


/*border for secondary navigation thats expanded*/	
#secondaryNavigation li.expanded {
   /*border: 1px solid #990066;*/
	}

#secondaryNavigation li a {
	display:block;
	padding:4px 10px 6px 19px;
	background:url(../images/small_dot_blue.gif) no-repeat 10px 10px transparent;
	}

#secondaryNavigation li.expanded li a {
	padding-left:30px;
	background-position:20px 10px;
	}
	




#secondaryNavigation li a.selected {
	background-image:url(../images/small_dot_white.gif);
	background-color:#990066;
	background-position: 2%;
	color:#fff;
	text-decoration:underline;
	}

#secondaryNavigation ul.restrictedMenu li {
	display:none;
	}

#secondaryNavigation ul.restrictedMenu li.expanded,
#secondaryNavigation ul.restrictedMenu li.expanded li {
	display:block;
	}

/*	4.3 =MainContent
--------------------------------------------------*/

#mainContent {
	width:690px;
	float:left;
	display:inline;
	margin-left:30px;
	}


.thirdTier #mainContent {
	width:455px;
	margin-right:20px;
	}
	
.thirdTier.pinkSection { background:#eecfde; }
.thirdTier.greenSection { background:#cfc; }
.thirdTier.orangeSection { background:#fc9; }
.thirdTier.yellowSection { background:#ffc; }
.thirdTier.purpleSection { background:#c6c3e0; }
.thirdTier.greySection { background:#e1e1e1; }


/*	4.4 =HomeContent
--------------------------------------------------*/

#homeContent {
	float:left;
	display:inline;
	width:720px;
	}

#homeContent .panelWrapper {
	display:-moz-inline-box;
	display:-webkit-inline-box;
	clear:left;
	}

#homeContent .doublePanel {
	width:717px;
	float:left;
	display:inline;
	margin:0 0 20px 20px;
	padding:0 0 9px 0;
	}
	
#homeContent .noborder {
	border: none;
	margin-left: 10px;
	}
	
#homeContent .singlePanel.noborder {
	margin-left: 10px;
	}
	
#homeContent .doublePanel.top {
	border: solid 1px rgba(172, 185, 201, 0.25);
	}

h2.noborder {
	border-bottom: none !important;
}
	
h2.top {
	border-bottom: solid 1px rgba(172, 185, 201, 0.25) !important;
	}
	
#homeContent .singlePanel {
	width:380px;
	margin:0 0 20px 20px;
	padding:0 0 9px 0;
	}
	
@-moz-document url-prefix() { 
    #homeContent .singlePanel  { 
    float: right;
    width:380px;
	margin:0 0 20px 20px;
	padding:0 0 9px 0;
    } 
} 

@media screen and (-webkit-min-device-pixel-ratio:0) { 
   #homeContent .singlePanel  { 
	width:348px;
	margin:0 0 20px 20px;
	padding:0 0 9px 0;
	position: relative;
	float: right;
    } 
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
  #homeContent .panelWrapper {
	width: 338px;
    } 
}
	
.panelWrapperone {
/*border: 3px solid yellow;*/
}

#homeContent .doublePanel h2,
#homeContent .singlePanel h2 {
	color:#676767 !important;
	font-size:1.6em;
	font-weight:bold;
	border-bottom:1px solid #acb9c9;
	border-top:none;
	margin:0;
	padding:9px;
	min-width:320px;
	text-align:left;
	}

#homeContent .doublePanel .imageStrip {
    overflow-x:hidden;
    text-align:center;
	}

#homeContent .doublePanel .imageStrip img {
    border-bottom:1px solid #acb9c9;
	}
	
#homeContent .doublePanel h3 {
    background:none;
    color:#000;
    font-size:1.6em;
    text-align:left;
    border-top:none;
    border-bottom:none;
    }

#homeContent .contentArea {
	padding:9px 9px 0 9px;
	}
	
#homeContent #featureBox {
    border-width:2px;
    width:696px;
    }
	
#homeContent #featureBox h2 span {
    font-weight:bold;
	color: #000000 !important;
    }
	
#homeContent #featureBox h3 {
    display:inline;
    font-weight:bold;
    }
    
#homeContent .blueBorder { border-color:#09c }
#homeContent .greenBorder   { border-color:#6c3 }
#homeContent .greyBorder { border-color:#030 }
#homeContent .purpleBorder { border-color:#906 }
#homeContent .orangeBorder    { border-color:#f60 }

#homeContent .aandebox {
background:url(../images/howbusy.jpg) no-repeat;
width: 340px;
height: 340px;
float: right;
}

@-moz-document url-prefix() { 
    #homeContent .aandebox  { 
      position: relative;
      top: -385px;
      
       background:url(../images/howbusy.jpg) no-repeat;
       width: 340px;
	height: 340px;
    } 
} 

.emergency {
background-color: #fe0000;
border: none !important;
}



.emergency span {
color: #ffffff !important;
border-bottom: none;
}

.middleright {

}
	
/*	5. =Footer
--------------------------------------------------*/

#footer {
	clear:both;
	border-top:5px solid #8abfe1;
	padding:1.5em 10px;
	text-align:center;
	background:#06c;
	}

#footer #siteLinks li {
	display:inline;
	border-left:1px solid #fff;
	padding-left:6px;
	margin-left:5px;
	}

#footer #siteLinks li.first {
	border-left:none;
	padding-left:0;
	margin-left:0;
	}

#footer #siteLinks li a:link,
#footer #siteLinks li a:visited {
	color:#fff;
	}

#footer #copyright {
	margin-top:15px;
	color:#8abfe1;
	}
	
#twitterlogo {
position: relative;
top: -65px;
float: right;
border: none;
}

#twittertext {
color: #fff;
float: left;
}

#facebooklogo {
position: relative;
top: -20px;
left: 36px;
float: right;
border: none;
}

#twitterlogo img{
border: none;
}

/*	6. =Plugins
--------------------------------------------------*/

/*		6.1 =TagCloud
--------------------------------------------------*/
.tagCloud { 
    text-align:center; 
    padding:9px 9px 0 9px; 
    } 

.tagCloud li { 
    margin:0 0.7em; 
    display:inline; 
    } 

.tagCloud li a { 
    line-height:1.05em; 
    } 

.tagCloud .tagS a { font-size:1.3em; color:#0066cc; } 
.tagCloud .tagM a { font-size:1.7em; color:#000000; } 
.tagCloud .tagL a { font-size:2.0em; color:#C22C84; } 
.tagCloud .tagXL a { font-size:2.3em; color:#01705F; } 
.tagCloud .tagXXL a { font-size:3.1em; }

#MainEventTagCloud a {
position: relative;
top: 10px;
left: 93px;
padding: 19px 9px 0 9px;
line-height:1.05em; 
font-size:2.6em !important;
font-weight: bold; 
color:#0066cc;
}

.librarytagcloud { 
    text-align:center; 
    padding:9px 9px 0 9px; 
    } 

.librarytagcloud li { 
    margin:0 0.7em; 
    display:inline; 
    } 

.librarytagcloud li a { 
    line-height:1.05em; 
    } 

.librarytagcloud .tagS a { font-size:1.0em; color:#000000; } 
.librarytagcloud .tagM a { font-size:1.3em; color:#2d80b7; } 
.librarytagcloud .tagL a { font-size:1.6em; color:#b10e0e; } 
.librarytagcloud .tagXL a { font-size:1.7em; color:#32EE21; } 
.librarytagcloud .tagXXL a { font-size:3.1em; }

/*		6.2 =A-Z Module
--------------------------------------------------*/

#atoznav {
	text-align:center;
	
	}
	
#atoznav ul {
    list-style:none;
    padding:0;
    margin:0;
   
	}

#atoznav li {
    margin:0 0;
	background:none;
    display:inline;
    text-align:center;
	padding:0.2em 0.5em;
	}
	
.count {
color: #0066cc;
}
	
#atoznav li a {
    line-height:2.0em;
	font-size:1.6em;
	padding: 10px;
    color:#000000;
    text-align:center;
	}

#atozpage h2 {
	text-align:left;
	font-size:2.0em;
	color: #000;
	}
	
#atozpage ul {
    list-style:none;
    padding:0 0 10px 0;
    margin:0;
	}
	
#atozpage ul li  {
	text-align:left;
	background:none;
	color:#000;
	padding:0px 15px 15px 15px;
	}

/*		6.3 =Predictive Search Plugin
NOTE:These styles refer to the JQuery UI Autocomplete plugin
--------------------------------------------------*/
.ui-autocomplete {
	width:180px;
	background:none repeat scroll 0 0 #FFFFFF;
	border:1px solid #000000;
	margin:0;
	padding:0;
	position:absolute;
	}
	
.ui-autocomplete .ui-menu-item a{
	display:block;
	padding:3px 2px 3px 3px;
	font-size:1.2em;
	color:#000000;
	text-decoration:none;
	}
	
.ui-autocomplete a.ui-state-hover {
	background:none repeat scroll 0 0 #D5E2FF;
	cursor:pointer;
	}
	
/*		6.4 =Search Results Module
--------------------------------------------------*/
#searchResults .results_header {
	background:#e5ecf9;
	border-bottom:1px solid #666666;
	text-align:right;
	padding:3px 2px 2px;
	}
	
#searchResults .results_header .info {
	font-size:1.2em;
	}
	
#searchResults .sort {
	display:block;
	text-align:right;
	width:100%;
	}

#searchResults .results_list h3 {
	display:inline;
	border:none;
	font-weight:normal;
	margin:0;
	background:none;
	text-align:left;
	font-size:1.4em;
	margin-bottom:10px !important;
	color:#1111cc !important;
	}
	
#searchResults .results_list h3 a {
	
	
	color:#1111CC;
	cursor:pointer;
	text-decoration:underline;
	}
	
#searchResults .results_list h3 a:active {
	color:#CC1111;
	}	
	
#searchResults .results_list span.a {
	word-wrap: break-word !important;
	width: 500px;
	}
	
#searchResults .results_list li {
	background:none;
	padding:0px;
	margin-bottom:14px;
	margin-top:0;
	}
	
#searchResults .results_list ol li {
	list-style:none outside none;

	}
	
#searchResults .results_list ol table tbody tr td {
	

	}	

/* Gap between search results */	
#searchResults .results_list ol li h3 {
	line-height:1.5em;
	}

/* was left 15px and relative for indentation - removed 11/11/10
	
#searchResults .results_list ol li div.g {
   
    }
*/	
#searchResults .results_list em {
	font-style:normal;
	font-weight:bold;
	}
	
#searchResults .type {
	color:#1111CC;
	font-size:0.9em;
	font-weight:bold;
	}
	
#searchResults .results_list cite, 
#searchResults .results_list cite a:link, 
#searchResults .results_list cite a:visited, 
#searchResults .results_list cite b, 
#searchResults .size, 
#searchResults .modified {
	color:#0E774A;
	font-style:normal;
	}
	
#searchResults .results_list cite a:active {
	color:#CC1111;
	}

#searchResults .navcnt {
	text-align:center;
	width:100%;
	padding:15px 0;
	}
	
#searchResults .navcnt .pn {
	font-size:1.2em;
	width:10em;
	width:auto;
	padding:0 1em;
	display:inline-block;
	}
	
#searchResults .navcnt .pn a {
	color:#1111CC;
	font-weight:bold;
	text-decoration:underline;
	}
	
#searchResults .navcnt .pn a:active {
	color:#cc1111;
	}
	
#searchResults .navcnt ul {
	list-style-type:none;
	display:inline-block;
	margin:0;
	padding:0;
	}

#searchResults .navcnt ul li {
	display:inline;
	background:none;
	padding:0 5px;
	font-weight:bold;
	}

#searchResults .navcnt ul li a {
	font-weight:normal;
	}

#searchResults .navcnt ul li a:active {
	color:#CC1111;
	}

#searchResults .footer {
	text-align:center;
	width:100%;
	font-weight:bold;
	}

/*		6.5 =Site Validator Overrides
--------------------------------------------------*/
#sitevalidator-utilbar {
	background-position:0 0 !important;
	bottom:-5px !important;
	}
	
	
/* =FormBuilder
-------------------------------------------------*/


div.xForm {
	width:95%;
	background:#b9e5d6;
	border:1px solid #addece;
	padding-bottom: 10px;
	padding-top: 15px;
	margin-left: 18px;
	}
	
#blueform div.xForm {	
	width:95%;
	border:1px solid #97a6ff;
	padding-bottom: 10px;
	padding-top: 15px;
	margin-left: 18px;
	background: #d2d8ff !important;
}	


		
div.xForm fieldset {
	margin:0 10% 0 2%;
	border: 0;
	}
	

.xForm fieldset legend {
	color:#000;
	font-size:1.2em;
	font-weight:normal;
	text-align:left;
	margin-left: -21px;
	padding-bottom: 5px;
	}

.xForm .formRow {
	margin:1.4em 0;
	width: 100%;
	
	}

#BloodDropDown1 {
border: 2px solid blue;
}

.xForm label {
	font-size:1.2em;
	width:200px;
	/*margin-left: 14px;*/
	}
	
.xForm input[type=text],
.xForm select,
.xForm textarea {
	font-family:Arial,sans-serif;
	font-size:1.2em;
	width:250px;
	padding:2px;
	display: block;
	margin-left: 160px;
	margin-top: -16px;
	}

.xForm select {
	max-width:60%;
	min-width:0;
	width:auto;
	}

.xForm textarea {
	height:200px;
	margin-left: 160px;
	margin-bottom: 8px;
	}

.xForm select option {
	padding-right:8px;
	width:auto;
	}
	
input .

.xForm fieldset fieldset {
	margin:0 10% 0 5%;
	}

.xForm fieldset fieldset label {
	margin:0.5em 1.5em 0.5em 0.5em;
	min-width:0;
	padding:0;
	width:auto;
	}

.xForm fieldset fieldset input {
	width:auto;
	min-width:0;
	margin:0 auto;
	padding:0;
	border:none;
	}

input.inputbutton {
	width:auto;
	margin:0 auto;
	display:block;
	max-width:100%;
	cursor:pointer;
	}


 

.xForm .formRow span {
	font-size:1.2em;
	width:100%;
	padding-bottom:1em;
	margin-left: 10px;
	}

.xForm .formRow * span {
	font-size:1em;
	}

.xForm span.xformvalidator {
	color:#d00;
	padding:0 4px;
	font-size:1.6em;
	}
	
.xForm hr {
	background:#8190a5;
	color:#8190a5;	
	}

/* Optional user classes */

.xForm .formRow span.bold {
	font-weight:bold;
	}

.xForm .formRow span.italic {
	font-style:italic;
	}

.xForm .formRow span.small {
	font-size:1em;
	}

.xForm .formRow span.large {
	font-size:1.3em;
	}
	
	
/* Board Performance Form */

.comment1, .comment2, .comment3, .comment4, .comment5, .comment6, .comment7, .comment8, .comment9, .comment10, .comment11, .comment12 {
  margin-left: 80px !important;
  }
  


.boardbutton {
 margin-left: 110px;
}

/* Application to Become a Member Form */


input.submit {

	width:auto;
	margin:0 auto;
	display:block;
	max-width:100%;
	cursor:pointer;
	}

/* Pharmacy Form */

.pharmacyname {
	width: 200px !important;
}

.pharmacysubmit {
width:auto;
	margin:0 auto;
	display:block;
	max-width:100%;
	cursor:pointer;
}

/*Blood Transfusion Form */


.BloodDropDown1, .BloodDropDown2, .BloodDropDown3, .BloodDropDown4, .BloodDropDown5, .BloodDropDown6, .BloodDropDown7, .BloodDropDown8, .BloodDropDown9, .BloodDropDown10, .BloodDropDown11    {
position: absolute;
left: -110px;
}

.BloodHeading1, .BloodHeading2, .BloodHeading3, .BloodHeading4, .BloodHeading5, .BloodHeading6, .BloodHeading7, .BloodHeading8, .BloodHeading9, .BloodHeading10, .BloodHeading11 {
padding-bottom: 5px;
}

.BloodButton {
position: relative;
left: 400px;
}






/*      6.6 =Dynamic Content
-----------------------------------*/

/*          6.6.1 =Extended Links
-----------------------------------*/

p.extendedLink {
    overflow:hidden;
    margin:1.5em 0 2.5em 0;
    }
    
p.extendedLink a {
	font-weight:normal;
	padding:0 2px 4px 2px;
	margin:0.6em 0 0.8em 0;
	background:url(../images/h2_gradient_bg.gif) repeat-x bottom left;
	color:#06c;
	text-decoration:none;
	line-height:1.8em; 
    }

p.extendedLink a:hover {
	background:url(../images/h4_gradient_bg.gif) repeat-x bottom left;
	color:#900;
	text-decoration:none;
	}

p.extendedLink a img {
	float:right;
	display:inline;
	margin-left:10px;
	margin-bottom:0.6em;
	width:143px;
	height:95px;
	}

p.extendedLink a:hover img {
	border-color:#900;
	}

p.extendedLink span {
	display:block;
	margin-top:0.6em;
	}
	
/*		6.7= Login Form
-----------------------------------*/

table.loginArea {
    font-size: 1em;
    margin: 25px auto;
	}
	
table.loginArea td {
    padding: 20px 15px;
	}
	
.loginArea {
	width:85%;
	margin:0 auto;
	background:#b9e5d6;
	border:1px solid #addece;
	}
		
.loginArea fieldset {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #ADDECE;
    margin: 2%;
    padding: 5% 10%;
	}

.loginArea fieldset legend {
	color:#000;
	font-size:1.3em;
	font-weight:bold;
	padding:0.8em 0;
	}

.loginArea fieldset legend span {
	width:100%;
	text-align:left;
	display:block;
	white-space:normal;
	}

.loginArea .formRow {
	margin:0.8em 0;
	}

.loginArea label {
	display:inline-block;
	font-size:1.2em;
	vertical-align:top;
	width:120px;
	max-width:30%;
	text-align:right;
	padding-right:12%;
	}
	
.loginArea input[type=text],
.loginArea input[type=password],
.loginArea select,
.loginArea textarea {
	display:inline-block;
	font-family:Arial,sans-serif;
	font-size:1.2em;
	min-width:170px;
	padding:2px;
	vertical-align:top;
	width:40%;
	}

.loginArea select {
	max-width:60%;
	min-width:0;
	width:auto;
	}

.loginArea textarea {
	height:120px;
	}

.loginArea select option {
	padding-right:8px;
	width:auto;
	}

.loginArea fieldset fieldset {
	margin:0 10% 0 5%;
	}

.loginArea fieldset fieldset label {
	margin:0.5em 1.5em 0.5em 0.5em;
	min-width:0;
	padding:0;
	width:auto;
	}

.loginArea fieldset fieldset input {
	width:auto;
	min-width:0;
	margin:0.5em;
	margin-right:0;
	padding:0;
	border:none;
	}
	
.loginArea #ButtonArea {
	text-align: center;
	}
	
.loginArea input.button {
	width:auto;
	margin-top:0;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	display:inline-block;
	cursor:pointer;
	}
	
.loginArea #ForgotPasswordArea {
	text-align: center;
	}

.loginArea .formRow span {
	font-size:1.2em;
	text-align:center;
	display:block;
	width:70%;
	margin:0 auto;
	padding-bottom:1em;
	}

.loginArea .formRow * span {
	font-size:1em;
	}

.loginArea span.xformvalidator {
	color:#d00;
	padding:0 4px;
	font-size:1.6em;
	}
	
.loginArea hr {
	background:#8190a5;
	color:#8190a5;	
	}
	
/* 7. Mobile Site CSS */



.mainform {
/*border: 2px solid yellow;*/
width: 695px;
/*margin: 0 auto;*/

}

.mobilemainbody {
width:695px;
/*margin: 0 auto;*/

}

#mobileeverything {
	font-size:125%;
	/*width:695px;*/
	/*margin:10px auto 0 auto;*/
	background:#ffffff;
	/*border: 1px solid black;*/
	
	}
	
/*	7.1 =MobileHeader
--------------------------------------------------*/

#mobileheader {
	background:url(../images/people_outlines.gif) no-repeat #fff;
	position:relative;
	left:0px;
	height:100px;
	width:695px;
	
	}
	
#mobilelogo {
	background:url(../images/logo.gif) no-repeat transparent;
	position: relative;
	left: 420px;
	height:85px;
	width:245px;
	}

#mobilestrapLine { 
	font-size:1.3em; 
	position:absolute;
	top:7px;
	left:135px;
	text-transform:uppercase;
	font-weight:bold;
	color:#ffffff;
	
	}
	
#mobileheader #mobilepageTools {
	background:#8abfe1;
	position: absolute;
	top: 122px;
	padding:0.6em 0 0.2em 0;
	width: 695px;
	clear:both;
	
	}

/*		7.2 =MobileSearchBar
--------------------------------------------------*/

#mobileheader #mobilesearchBar {
	background:#06c;
	position: absolute;
	left: 0px;
	top: 90px;
	width: 695px;
	padding:0.5em 0em;
	clear:both;
	text-align:right;
	}
	
#mobileheader #mobilesearchBar input {
	width:180px;
	position: relative;
	top: 0px;
	right: 10px;
	border:solid #6799cc 1px;
	font-size:1.2em;
	padding:0.2em;	
	font-family:Arial,sans-serif;
	
	}

#mobileheader #mobilesearchBar .buttonWrap {
	background-color:#fff;
	display:inline-block;
	margin-left:3px;
	margin-right:1em;
	width: 60px; /* important for search button!*/
	
	}
	
#mobileheader #mobilesearchBar .submit {
	width: 60px; /* important for search button!*/
	font-size:1.2em;
	position: absolute;
	top: 5px;
	right: 10px;
	padding:0.2em;
	background:none;
	color:#fff;
	font-family:Arial,sans-serif;
	cursor:pointer;
	}
	
.mobilerounded {
/*border: 2px solid red;*/
position: relative;
width: 695px;
top: 55px;
left: -15px;

}

.mobilerounded p{
font-size: 1.7em;
}

.mobilerounded ul{
font-size: 1.3em;
}

.mobilerounded li{
font-size: 1.3em;
}

.mobilerounded table{
font-size: 1.5em;
}

.mobilerounded h1{
font-size: 32px;
}


	
#mobilebackbutton {
position: relative;
top: 150px;
font-size: 1.5em;
}

.content #mobileheader {

}

/*--------------------------------------------------------------------------------------*/
/* MH Library Styles */

#homeContent .LibraryMenu {
	width: 696px;
	background:url(../images/librarytab.gif) repeat-x;
	overflow: hidden;
	float:left;
	display:inline;
	margin-left: 22px;
	padding:0 0 0 0;
	
	}

#homeContent .singlePanellib {
	width:338px;
	margin:0 0 20px 20px;
	padding:0 0 9px 0;
	}
	
#homeContent .singlePanelright {
	width:338px;
	margin:0 0 20px 20px;
	padding:0 0 9px 0;
	float: right;
	}
	

	
#homeContent .LibraryMenu a{ 
color: #fff;
font-weight: bold;
}
	
#homeContent .LibraryMenu td {
	height: 35px;
	width: 20%;
	margin: clear;
	padding: 0;
	
	}


#homeContent .singlePanellib h2 {
	color:#676767 !important;
	font-size:1.6em;
	font-weight:bold;
	border-bottom:1px solid #acb9c9;
	border-top:none;
	margin:0;
	padding:9px;
	min-width:320px;
	text-align:left;
	}

@media screen and (-webkit-min-device-pixel-ratio:0) {  
    #homeContent .singlePanellib  {}  
} 

@-moz-document url-prefix() { 
    #homeContent .singlePanellib { 
        float: left; 
    } 
} 

@-moz-document url-prefix() { 
    #homeContent .singlePanelright {
	width:338px;
	margin:0 0 20px 20px;
	padding:0 0 9px 0;

    } 
} 

/*------------------- MH EPiSearch Styles ----------------------*/

#Searchresults {
float: right;
width: 99.6%;
font-size: 9pt;
margin-top: 5px;
}

#Searchfor .searchinput {
margin-left: 10px;
/*border: 2px solid #e0eeee;*/
border: none;
height: 38px;
width: 85%;
position: relative;
top: 5px;
font-size: 2.0em;
font-weight: bold;
padding-left: 5px;
}

#Searchfor .searchbutton {
width: 50px;
height: 15px;
border: 0px;
margin-top: 17px;
position: relative;
left: 11px;
top: 3px;
cursor: hand; cursor: pointer;
font-size: 1.5em;
}

#Searchfor {
background-color: #eeeeee;
width: 99.5%;
float: left;
height: 60px;
border: 1px solid #d7d7d7 !important;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
margin-bottom: 20px;    
}

#Searchresults li.searchresult {
width: 100%;
list-style-type: none;
margin-top: 16px !important;
}

#Searchresults p.divider {
border-bottom: 2px dotted #eee;
width: 665px;
list-style-type: none;
font-size: 9pt;
font-style: italic;
margin-top: 2px;
padding-bottom: 10px;

}

#Searchresults div {

width: 665px;
list-style-type: none;
font-size: 9pt;
font-style: italic !important;
margin-top: 2px;
padding-bottom: 10px;

}

#EpiSearchMainBody p {


}

#header #searchBarReport {
	background:#06c;
	padding:1.9em 0em;
	clear:both;
	text-align:right;
	}
/*------------------- MH EPiSearch Styles End----------------------*/


/* MH Library Styles End. */


/* MH Pathology Styles */

#homeContent .singlePanelPT {
	width:218px;
	margin:0 0 20px 20px;
	padding:0 0 9px 0;
	float: right;
	}

#homeContent .singlePanelPT h2 {
	color:#676767 !important;
	font-size:1.6em;
	font-weight:bold;
	border-bottom:1px solid #acb9c9;
	border-top:none;
	margin:0;
	padding:9px;
	min-width:120px;
	text-align:left;
	}





/* MH Pathology Styles End */



	/*-------------------------------------------------------------------------------*/
	/*Jon Pye style section ends-----------------------------------------------------*/
	
	
	.menu_list {
	width: 150px;
}
.menu_head {
	padding: 5px 10px;
	cursor: pointer;
	position: relative;
	margin:1px;
       font-weight:bold;
       background: #eef4d3 url(left.png) center right no-repeat;
}
.menu_body {
	display:none;
}
.menu_body a {
  display:block;
  color:#006699;
  background-color:#EFEFEF;
  padding-left:10px;
  font-weight:bold;
  text-decoration:none;
}
.menu_body a:hover {
  color: #000000;
  text-decoration:underline;
}
	
	
	
	.cpHeader
 
        {
            color: white;
            background-color: #719DDB;
            font: bold 11px auto "Trebuchet MS", Verdana;
            font-size: 12px;
            cursor: pointer;
            width:450px;
            height:18px;
            padding: 4px;            

        }
 
        .cpBody
 
        {
 
            background-color: #DCE4F9;
            font: normal 11px auto Verdana, Arial;
            border: 1px gray;                
            width:450px;
            padding: 4px;
            padding-top: 7px;
 
        }  
        
        

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    div.singlePanel.rounded.topleft{ 
    
    
    
    }
    
}

 
 
 @media screen and (-webkit-min-device-pixel-ratio:0) { 
    span.singlePanel.rounded.libleft{ 
   position: relative;
    top: 0;
    
    }
    
}

 @media screen and (-webkit-min-device-pixel-ratio:0) { 
    div.singlePanel.rounded.libright{ 
   border: 2px solid red;
    }
    
}



 @media screen and (-webkit-min-device-pixel-ratio:0) { 
    span.womenstagcloud{ 
    
    }
    
}
 
td.button a {
background:url(../images/atozsmall.gif) repeat-x;
height: 38px;
padding-top: 10px;
text-decoration: none;
color: #fff;	
font-weight: bold;
display: block;
text-align: center;
position: relative;
top: -9px;
} 

td.buttonyellow a {
background:url(../images/a-butt.gif) repeat-x;
height: 38px;
padding-top: 10px;
text-decoration: none;
color: #000;	
font-weight: bold;
display: block;
text-align: center;
position: relative;
top: -9px;
} 

td.buttonorange a {
background:url(../images/b-butt.gif) repeat-x;
height: 38px;
padding-top: 10px;
text-decoration: none;
color: #000;	
font-weight: bold;
display: block;
text-align: center;
position: relative;
top: -9px;
} 

td.buttonred a {
background:url(../images/c-butt.gif) repeat-x;
height: 38px;
padding-top: 10px;
text-decoration: none;
color: #000;	
font-weight: bold;
display: block;
text-align: center;
position: relative;
top: -9px;
} 




        

 /*-------------------------------------------------------------------------------*/
 /*JP STYLES FOR A&E WAIT HOMEPAGE*/
.spacer
{
	height:15px;
}

.TrustLabels
{
	/*margin:12px 12px 12px 20px;	*/
	margin:0px 0px 0px 0px;
	width:70%;
	font-size:14px;	
	padding: 3px 3px 3px 0px;
	font-family:Arial;
	color:White;
}

.TrustLabelsNoWidth
{
	/*margin:12px 12px 12px 20px;	*/
	margin:0px 0px 0px 0px;
	font-size:14px;	
	padding: 5px 10px 5px 5px;
	font-family:Arial;
	color:White;
}

.figureHead
{
	font-size:10px; 
}

.figureBody
{
	font-size:30px;
	font-weight:bold;
}


.FHB
{
	vertical-align:top;
	text-align:center;
	padding:10px;

}


.FHB_u
{
	vertical-align:top;
	text-align:center;
	padding:0px;
}

.FHB_l
{
	vertical-align:bottom;
	text-align:center;
	padding:10px;
}


.tdSpaceLine
{
	width:2px;
		border-right:dashed 2px #efefef;

}

.minPat
{
	font-size:12px;
}

.footUpdate
{
	font-size:10px;
	color:#666666;
}



.panelImage
{
	Width:100%; 
	Height:100%; 
	HorizontalAlign:left; 
}

.panelImageExt
{
	Width:310px; 
	Height:104px; 
	HorizontalAlign:left;
	font-weight:bold;
}


#tInner
{
	width:100%;
	background-color:whitesmoke;
	border:0px;
}

#tInnerNB
{
	width:100%;
	border:0px;
}



#tOuter
{
	border:0px;
	/*padding:3px 3px 3px 0px;*/
}

#tOuterExt
{
	width:100%; 
	border:solid 1px #d3d3d3; 
	border-bottom:dotted 0px #d3d3d3; 
	border-left:dotted 0px #d3d3d3; 
	border-right:dotted 0px #d3d3d3; 
	
	background-color:white;
}

.divLine
{
	border-top:solid 1px #d3d3d3;
}


#tCentral
{
	 width:90%;
}

.panelImage
{
	Width:100%; 
	Height:105px; 
	HorizontalAlign:left;
}

.Ltext
{
	color:lightGray;
}

.MIformat
{
	font-size:12px;
}

.minitdPad
{
	padding:1px;
	vertical-align:bottom;
	height:19px;
}

.aeUpdate
{
	margin-left:0.8em; 
	font-size:12px;
	float:left;
}


.aeUpdatePage
{
	margin-right:0.8em;
	float:right;
}

.tdImage
{
	border-left:solid 1px #d3d3d3;"
}

.tdClosed
{
	vertical-align:middle;
	text-align:center;
}

.imageML
{
	padding-top:5px;
}

.imageInfo
{
	padding-left: 2px;
	position:relative;
	top: 1px;
}

.imageTC
{
	position:relative;
	top:2px;
}

.lblMIS
{
	font-size:10px; 
}

.tableContainer
{
	
}

/*END - JP STYLES FOR A&E WAIT*/
/*-------------------------------------------------------------------------------*/

.tooltip-wrap {
  position: relative;
}
.tooltip-wrap .tooltip-content {
  display: none;
  position: absolute;
  bottom: 0%;
  left: 0%;
  right: 0%;
  background-color: #0066cc;
  opacity: 0.8;
  /*padding-top: 280px;
  padding-right: 220px;*/
  padding: .5em;
  color: #fff;
  width: 50%;
  font-weight: bold;
}


.tooltip-wrap:hover .tooltip-content {
  display: block;
  
}

#rightED{
float: right;
width: 255px;
font-size: 1.2em;
margin-left: 10px;
padding-right: 5px;
line-height: 1.5em;
}