/*
	Layout styling for Australian Medicines Handbook system pages for desktop and tablet browsers
 @author Stuart Jones <sjones@amh.net.au>
*/
/*
	Specific styling for the Australian Medicines Handbook
*/
/*
	CSS specifically for desktop
*/
/** Draw arrows with CSS and elements @author Stuart Jones <sjones@amh.net.au> */
#wrapper { background-color: #fff; border-top: none; border-right: 1px solid #D3D3D3; border-bottom: none; border-left: 1px solid #D3D3D3; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; min-height: 100%; padding-top: 6em; padding-right: 2em; padding-bottom: 1em; padding-left: 2em; width: 71.42857em; }

/** remove any content targeted for devices with phone numbers */
.device-has-number { display: none; }

/** Draw arrows with CSS and elements @author Stuart Jones <sjones@amh.net.au> */
/*
	CSS for banner module
	@author Stuart Jones <sjones@amh.net.au>
*/
/** Draw arrows with CSS and elements @author Stuart Jones <sjones@amh.net.au> */
/*
	CSS for search form module
	@author Stuart Jones <sjones@amh.net.au>
*/
/** Draw arrows with CSS and elements @author Stuart Jones <sjones@amh.net.au> */
#search-form { height: 100%; text-align: center; }
#search-form button, #search-form input { display: inline-block; border: none; margin-top: 2.4em; margin-right: 0em; margin-bottom: 0em; margin-left: 0em; vertical-align: middle; }
#search-form button { background-color: #003883; border: none; border-radius: 0.25em; color: #FFFFFF; font-size: 1.2em; line-height: 1.15em; /* we have to reassert line-height each time we change the font-size */ font-weight: bold; padding-top: 0.05em; padding-right: 0.5em; padding-bottom: 0.1em; padding-left: 0.5em; margin-top: 1.92em; }
#search-form button:hover { cursor: pointer; background-color: #3399FF; }
#search-form input { color: #003883; font-size: 0.95em; line-height: 1.15em; /* we have to reassert line-height each time we change the font-size */ width: 62.5%; }
#search-form input[type=button], #search-form input[type=submit] { padding-top: 0.4em; padding-right: auto; padding-bottom: 0.4em; padding-left: auto; margin-top: 0.4em; margin-right: 0em; margin-bottom: 0em; margin-left: 0em; width: 30%; color: #FFFFFF; }
#search-form input[type=button]:disabled, #search-form input[type=submit]:disabled { color: #707374; background-color: #e8edf5; }
#search-form input[type=button]:disabled:hover, #search-form input[type=submit]:disabled:hover { color: #707374; background-color: #e8edf5; }
#search-form input[type=button] { background-color: #006492; border: none; }
#search-form input[type=button]:hover { background-color: #3399FF; }
#search-form div > label[for=first] { width: 45%; float: left; text-align: right; }
#search-form div > label[for=first] + label[for=second] { float: right; text-align: left; width: 45%; }
#search-form .interactions-text-field { padding-top: 0.4em; padding-right: auto; padding-bottom: 0.4em; padding-left: auto; margin-top: 0.4em; margin-right: 0.25em; margin-bottom: 0em; margin-left: 0.25em; width: 30%; border: 1px solid black; }
#search-form .interactions-text-field:disabled { border: 1px solid #D3D3D3; }
#search-form .interaction-hint-results-first, #search-form .interaction-hint-results-second { width: 50%; }

/** Styles for search hints @author Stuart Jones <sjones@amh.net.au> */
#banner .search-hint-results { z-index: 140; /* should appear above the banner items and the content */ }
#banner .search-hint-results a { border-style: none; padding: 0 0.5em; }
#banner .search-hint-results li.selected, #banner .search-hint-results li:hover { background-color: #F7F7F7; }

#content .search-hint-results { z-index: 30; /* needed to put the suggestions on top of the document header element and breadcrumbs */ }
#content .search-hint-results li { list-style-type: none; margin: 0; }

.search-hint-results ul { background-color: #DBDDEC; width: 25em; max-height: 40em; overflow-x: hidden; overflow-y: auto; }
.search-hint-results ul li { color: #333333; padding-top: 0.5em; padding-right: 0; padding-bottom: 0.5em; padding-left: 0; width: 100%; }
.search-hint-results ul li:first-child { padding-top: 1em; }
.search-hint-results ul li:last-child { padding-bottom: 1em; }
.search-hint-results ul li:hover, .search-hint-results ul li.selected { background-color: #F7F7F7; cursor: pointer; }
.search-hint-results ul li:hover a, .search-hint-results ul li.selected a { color: #3399FF; }
.search-hint-results ul li a { border: none; font-weight: bold; text-decoration: none; }
.search-hint-results ul li a, .search-hint-results ul li span { padding: 0 0.5em; display: block; }
.search-hint-results ul li.brand-name a, .search-hint-results ul li.mono-cross-ref a { font-weight: normal; }

.ui-helper-hidden-accessible { /* hides the ui helper message */ display: none; }

#feedback-bar { position: fixed; display: none; right: 0px; bottom: 50px; z-index: 9002; /* make it appears on top of the modal window used for enlarge tables */ }
#feedback-bar .feedback-container { display: block; overflow: none; padding: 2px; border-top: 1px solid #003883; border-left: 1px solid #003883; border-bottom: 1px solid #003883; border-right: 0px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; background-color: #ffffff; width: 29px; height: 89px; }
#feedback-bar .feedback-container .feedback-label-vertical { width: 22px; height: 86px; margin: 0px; padding: 0px; }
#feedback-bar .feedback-container .feedback-label-vertical .feedback-label-vertical-normal, #feedback-bar .feedback-container .feedback-label-vertical .feedback-label-vertical-hover { width: 22px; height: 86px; margin: 0px; padding: 0px; }
#feedback-bar .feedback-container .feedback-label-vertical .feedback-label-vertical-normal:hover, #feedback-bar .feedback-container .feedback-label-vertical .feedback-label-vertical-hover:hover { cursor: pointer; }
#feedback-bar .feedback-container .feedback-content { cursor: default; display: none; padding: 15px 20px 20px 30px; }
#feedback-bar .feedback-container .feedback-content .feedback-label-horizontal { font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: bold; color: #045A8D; font-size: 16px; }
#feedback-bar .feedback-container .feedback-content .feedback-close { background: url("/images/system/close.png") no-repeat; background-size: 20px 20px; height: 20px; width: 20px; position: absolute; right: 1em; top: 1em; cursor: pointer; }
#feedback-bar .feedback-container .feedback-content .feedback-close:hover { background: url("/images/system/close.hover.png") no-repeat; background-size: 20px 20px; }
#feedback-bar .feedback-container .feedback-content p { font-family: Arial, Helvetica, Verdana, sans-serif; color: #333333; font-size: 14px; line-height: 1.5em; margin: 0 0 0.25em; }
#feedback-bar .feedback-container .feedback-content textarea { border: solid 1px; }
#feedback-bar .feedback-container .feedback-content input, #feedback-bar .feedback-container .feedback-content textarea { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 14px; line-height: 1.15em; margin-top: 0.2em; margin-bottom: 0.2em; resize: none; }
#feedback-bar .feedback-container .feedback-content input[type="text"], #feedback-bar .feedback-container .feedback-content textarea { width: 280px; padding: 0.25em 0.375em; }
#feedback-bar .feedback-container .feedback-content #checkBox-element { display: inline; }
#feedback-bar .feedback-container .feedback-content #checkBox-label { display: inline; font-size: 14px; line-height: 1.15em; margin: 1em 0 0; }
#feedback-bar .feedback-container .feedback-content #submit-element button { background-color: #003883; font-size: 1.2em; line-height: 1.5em; font-weight: bold; padding: 0.05em 0.5em 0.1em; width: 45%; }
#feedback-bar .feedback-container .feedback-content #submit-element button:hover { background-color: #3399FF; }
#feedback-bar .feedback-container .feedback-content .error { border-color: #FF0000; }
#feedback-bar .feedback-container .feedback-content .ajax-response { width: 260px; }
#feedback-bar .feedback-container .feedback-content .ajax-response section { padding-top: 1em; }
#feedback-bar .feedback-container .feedback-content .ajax-loader { display: none; border-top-left-radius: 8px; border-bottom-left-radius: 8px; position: absolute; top: 1px; left: 1px; bottom: 1px; width: 100%; z-index: 9003; text-align: center; }
#feedback-bar .feedback-container .feedback-content .ajax-loader img { margin: 50% auto; }
#feedback-bar .hover { cursor: pointer; background-color: #3399FF; }

.feedback-form label.optional { visibility: hidden; }

#banner { z-index: 200; background-image: linear-gradient(to bottom, #A0A0C9 0%, #F5F5FF 100%); background-image: -o-linear-gradient(bottom, #A0A0C9 0%, #F5F5FF 100%); background-image: -moz-linear-gradient(bottom, #A0A0C9 0%, #F5F5FF 100%); background-image: -webkit-linear-gradient(bottom, #A0A0C9 0%, #F5F5FF 100%); background-image: -ms-linear-gradient(bottom, #A0A0C9 0%, #F5F5FF 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #A0A0C9), color-stop(1, #F5F5FF)); background-color: #A0A0C9; border-top: 0.75em solid #003883; border-right: none; border-bottom: 1px solid #003883; border-left: none; height: 6em; position: fixed; top: 0; left: 0; right: 0; }
#banner img.logo { height: 48px; margin-top: 0.8em; margin-right: auto; margin-bottom: 0; margin-left: auto; }
#banner > div { border-top: none; border-right: 1px solid transparent; border-bottom: none; border-left: 1px solid transparent; display: table; height: 100%; text-align: center; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; width: 71.42857em; }
#banner > div > ul { display: table-row; height: 100%; margin: 0; width: 100%; }
#banner > div > ul > li { border-top: none; border-right: 1px solid #A0A0C9; border-bottom: none; border-left: none; display: table-cell; height: 100%; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: -4px; vertical-align: top; min-width: 6.49351em; }
#banner > div > ul > li.logo { text-align: center; position: relative; width: 100%; }
#banner > div > ul > li.logo > a { padding: 0; }
#banner > div > ul > li.logo ul { display: none; top: 5.25em; }
#banner > div > ul > li.logo ul.visible { display: block; z-index: 130; }
#banner > div > ul > li.search { min-width: 19.48052em; }
#banner > div > ul > li:last-child { border-top: none; border-right: none; border-bottom: none; border-left: none; }
#banner > div > ul > li:not(.search):hover { background-image: linear-gradient(to bottom, #F5F5FF 0%, #A0A0C9 100%); background-image: -o-linear-gradient(bottom, #F5F5FF 0%, #A0A0C9 100%); background-image: -moz-linear-gradient(bottom, #F5F5FF 0%, #A0A0C9 100%); background-image: -webkit-linear-gradient(bottom, #F5F5FF 0%, #A0A0C9 100%); background-image: -ms-linear-gradient(bottom, #F5F5FF 0%, #A0A0C9 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #F5F5FF), color-stop(1, #A0A0C9)); background-color: #F5F5FF; cursor: pointer; }
#banner > div > ul > li > a, #banner > div > ul > li > span { display: block; height: 100%; color: #003883; padding-top: 2.5em; padding-right: 0; padding-bottom: 0; padding-left: 0; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; text-align: center; text-decoration: none; }
#banner > div > ul > li > a:hover, #banner > div > ul > li > span:hover { color: #003883; }
#banner > div > ul > li ul { border-top: none; border-right: none; border-bottom: none; border-left: none; display: none; position: absolute; top: 5.25em; text-align: left; min-width: 21em; }
#banner > div > ul > li ul li { background-color: #DBDDEC; }
#banner > div > ul > li ul li.inactive { display: none; }
#banner > div > ul > li ul.chapters { min-width: 42em; z-index: 9999; }
#banner > div > ul > li ul.chapters li { display: block; width: 50%; }
#banner > div > ul > li ul a { border-top: none; border-right: none; border-bottom: 1px solid #FFFFFF; border-left: none; display: inline-block; padding-top: 0.5em; padding-right: 1em; padding-bottom: 0.5em; padding-left: 1em; text-decoration: none; width: 100%; }

.amh #banner > div > ul > li ul.chapters li:nth-child(n+11) { position: relative; left: 50%; top: calc(-25em - 10px); }
.amh #banner > div > ul > li ul.chapters li:nth-child(n+11) a { border-left: 1px solid #ffffff; }

/*
	CSS for footer module
	@author Stuart Jones <sjones@amh.net.au>
*/
/** Draw arrows with CSS and elements @author Stuart Jones <sjones@amh.net.au> */
#wrapper > footer { color: #003883; font-size: 0.8em; line-height: 1.5em; /* we have to reassert line-height each time we change the font-size */ margin-top: 0; margin-right: 0; margin-bottom: 1em; margin-left: 0; padding-top: 0.5em; padding-right: 0; padding-bottom: 0.5em; padding-left: 1.25em; text-align: right; }

/*
	Layout styling for system module
 @author Stuart Jones <sjones@amh.net.au>
*/
/** Draw arrows with CSS and elements @author Stuart Jones <sjones@amh.net.au> */
/*
	Layout styling for the system/loginOptions module

	@author Stuart Jones <sjones@amh.net.au>
*/
/** Draw arrows with CSS and elements @author Stuart Jones <sjones@amh.net.au> */
#system .login-options { border-top: 1px solid #D3D3D3; border-right: none; border-bottom: none; border-left: none; }
#system .login-options dt, #system .login-options dd { display: inline-block; margin-top: 1em; margin-right: 0.5em; margin-bottom: 1em; margin-left: 0.5em; vertical-align: top; width: 8em; }
#system .login-options dd { width: 14em; }
#system .login-options dt { margin-bottom: 1.5em; }
#system .login-options dt a { display: block; width: 100%; }

/** Password meter  Basic CSS for the password strength meter on reset password page Colour and meter width will be modified by the javascript which generates the HTML for this meter */
/** Draw arrows with CSS and elements @author Stuart Jones <sjones@amh.net.au> */
#system .password-meter span { display: inline-block; }
#system .password-meter .strength { border: 1px solid #CCCCCC; height: 1em; width: 80%; vertical-align: middle; /** this puts the meter inline with the label **/ }
#system .password-meter .strength .meter { background-color: #ff0000; height: 0.9em; width: 1%; vertical-align: top; }
#system .password-meter .label { color: #ff0000; text-align: right; width: 20%; }

#system header { background-image: linear-gradient(to bottom, #A0A0C9 0%, #F5F5FF 100%); background-image: -o-linear-gradient(bottom, #A0A0C9 0%, #F5F5FF 100%); background-image: -moz-linear-gradient(bottom, #A0A0C9 0%, #F5F5FF 100%); background-image: -webkit-linear-gradient(bottom, #A0A0C9 0%, #F5F5FF 100%); background-image: -ms-linear-gradient(bottom, #A0A0C9 0%, #F5F5FF 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #A0A0C9), color-stop(1, #F5F5FF)); background-color: #A0A0C9; border-top: 0.75em solid #003883; border-right: 0; border-bottom: 1px solid #003883; border-left: 0; }
#system header img { display: block; margin-top: 5.75em; margin-right: auto; margin-bottom: 2.25em; margin-left: auto; width: 330px; max-width: 90%; }
#system header h2 { background-color: #003883; color: #ffffff; font-size: 1.25em; line-height: 1.15em; /* we have to reassert line-height each time we change the font-size */ font-weight: bold; padding-top: 0.35em; padding-right: 0.5em; padding-bottom: 0.3em; padding-left: 0.5em; text-align: center; }
#system #wrapper { background-color: #ffffff; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; padding-top: 1em; padding-right: 1em; padding-bottom: 1em; padding-left: 1em; width: 43em; }
#system #wrapper article div.system-form p:first-of-type { padding-bottom: 3em; }
#system a { text-decoration: none; }
#system article { display: block; margin-top: 1em; margin-right: auto; margin-bottom: 1em; margin-left: auto; max-width: 25em; }
#system article h1 { font-size: 1.25em; line-height: 1.15em; /* we have to reassert line-height each time we change the font-size */ color: #045A8D; margin: 0 0 0.25em 0; }
#system article p { margin: 0.5em 0 0.25em 0; }
#system .message { background-color: #e8edf5; margin: 0.5em 0; padding: 0.5em 1em; }
#system .info { background-color: #e8edf5; border-top: 1px solid #D3D3D3; margin: 1em 0 0.5em 0; padding: 0.5em 1em; }
#system .info h1 { font-size: 1em; line-height: 1.15em; /* we have to reassert line-height each time we change the font-size */ color: #333333; font-weight: bold; }
#system .info dl { margin: 0 0 1em 0; }
#system .info dt { margin: 1em 0 0.5em 0; }
#system .info dd::before { content: " - "; }
#system form { margin-top: 1em; margin-right: 0; margin-bottom: 1em; margin-left: 0; }
#system input[type='text'], #system input[type='password'], #system input[type='submit'] { width: 100%; }
#system input[type='submit'] { margin-top: 1em; }
#system footer { color: #003883; font-size: 0.8em; line-height: 1.5em; /* we have to reassert line-height each time we change the font-size */ margin-top: 0; margin-right: 0; margin-bottom: 1em; margin-left: 0; padding-top: 0.5em; padding-right: 0; padding-bottom: 0.5em; padding-left: 1.25em; text-align: right; border-top: 1px solid #003883; border-right: none; border-bottom: none; border-left: none; margin-top: 2em; margin-right: 0; margin-bottom: 0; margin-left: 0; padding-top: 0.5em; padding-right: 0; padding-bottom: 0; padding-left: 0; }

/*# sourceMappingURL=amh-desktop-system.css.map */