/**
 * Generic page layout, holds values common to all themes, managing the positioning of components within the page
 **/

/*
 * General Elements section
 */
* { margin: 0; padding: 0;font-family: arial,verdana,sans-serif; list-style-image: none; list-style-position: outside; list-style-type:none; outline-color: -moz-use-text-color; outline-style: none; outline-width: medium; padding: 0; text-decoration: none; }

HTML, BODY {}
BODY { margin: 0px; padding: 0px; font-size: 0.65em; }

A:hover, A:active { text-decoration: none; }
A IMG { border: 0px none #000; }

img.thumbnail { margin-top : 4px; margin-right : 3px; margin-bottom : 1px;}

H1 { font-size: 1.8em; padding: 0; margin: 0 8px 6px 0; font-weight: normal; }
H2 { font-size: 1.6em; margin-bottom: 20px;}
H3 { font-size: 1.17em; padding: 0; margin: 8px 8px 6px 0; font-weight: bold; display: block; }
HR { height: 1px; margin: 5px 0 5px 0; }

P { padding-bottom: 5px; }

div.panecontentsbody ol li { list-style-type: decimal; margin-left:22px; }  
div.panecontentsbody ul li { list-style-type: disc; margin-left:22px; } 

/* Table elements */
TH  
{
	margin: 2px; 
    padding: 2px 5px 2px 5px; 
    line-height: 1.2em;
	font-size: 1.0em;
	color: #FF5A80;
	text-align:left;
}

TD { margin: 2px; padding: 2px 5px 2px 5px; }


/* form elements */
INPUT { padding:0.2em; }
INPUT, SELECT, TEXTAREA { font-size: 1.0em; margin-right: 8px; }
TEXTAREA { width: 100%; }
FIELDSET { padding:0.8em; font-weight: bold; }
LABEL { padding-right: 5px; font-size: 1.0em; }
LEGENT { font-size: 1.0em; font-weight: bold; }

/**
 * General Utility CSS classes
 **/

.inline { display: inline; }
.pad5 { padding: 5px; }
.pad10 { padding: 10px; }
.pad15 { padding: 15px; }
.left { float: left; }
.right { float: right; }
.hidden { visibility: hidden; }
.clear { clear:both; display: block; }
.button { border: medium none; font-size: 1.0em; }
.solid { min-height: 25px; }


/*
 * Page positional elements
 */

#page { margin: 0 auto; width: 960px; }
#content { float: left; margin-left: 28px; width:710px; padding: 0 0 15px 0; font-size: 1.2em; min-height: 50px; }
#content h2 { background: #eee; }

#popuppage { margin: 0 auto; width: 710px; }
#popupcontent { float: left; margin-left: 0px; width:710px; padding: 0 0 15px 0; font-size: 1.2em; min-height: 50px; }
#popupcontent h2 { background: #eee; }

#top-menu { float: left; }
#left-menu {margin:0; float: left; width: 210px;}

/** Page element for ppl using screen readers **/
.navskip { height: 1px; position: absolute; text-indent: -10000px; }

/**
 * NHS Identity layout
 **/
#nhslogo { padding-bottom: 10px; padding: 10px 0 10px 0; }
#logo { padding: 10px 0 0 0; width: 350px; }
#logo P { font-size: 16px; font-style: italic; font-weight: bold; padding-bottom: 0; white-space: nowrap; }


/**
 * Authentication layout
 **/
#login-panel DIV { clear: both; padding-top: 10px; }
#login-panel DIV SPAN.label { float: left; width: 100px; text-align: right; margin-top: 3px; }
#login-panel DIV SPAN.form-element { float: right; width: 240px; text-align: left; }
#login-panel .button { margin-top: 10px; }

/*
 * Login form
 */
#login-panel { font-size: 1.2em; margin: 100px auto; width: 360px; padding: 15px; }

/**
 * Loading Panel
 **/
#loading-panel { position: absolute; left: 0px; top: 30%; width:100%; text-align: center; z-index: 100; }
#loading-panel #panel { margin: auto; width: 200px; height: 120px; padding: 2px;}
#loading-panel #panel DIV { margin: auto; width: 98%; height: 90%; }
#loading-panel #panel IMG { margin: auto; }
#loading-panel #panel p { font-weight: bold; display: block; }

/**
 * Dialog Panel
 **/
#dialog-panel { position: absolute; left: 0px; top: 30%; width:100%; height: 100%; text-align: center; font-size: 1.2em; z-index: 99; }
#dialog-panel #dpanel #dialog-content A { font-weight: bold; text-decoration: none; }
#dialog-panel #dpanel #dialog-content P { font-size: 1.2em; margin-top: 10px }
#dialog-panel #dpanel #dialog-content UL { margin-left: 15px; margin-bottom: 10px; }
#dialog-panel #dpanel #dialog-content UL LI { font-size: 1.2em; list-style-type: disc; list-style-position: outside; }
#dialog-panel #dpanel { margin: auto; width: 600px; height: auto; padding: 2px;}
#dialog-panel #dpanel #dialog-content { margin: auto; width: 98%; height: 98%; }
.dialog-inner-content { padding: 5px; }
.dialog-toolbar { text-align: right; width: 100%; }

/**
* Printing layout
**/
#printcontent { float: left; margin-left: 28px; width:95%; padding: 0 0 15px 0; font-size: 1.2em; min-height: 50px; }
H1.printheader { margin-top : 10px; font-size : 2.1em; font-weight : bold;}
H2.print { margin-top : 10px; margin-bottom : 2px; font-size : 1.8em; font-weight : bold;}
H3.print { margin-top : 10px; margin-bottom : 0px; font-size : 1.4em; font-weight : bold;}
H4.print { margin-top : 0px; margin-bottom : 5px; font-size : 1.0em; font-weight : lighter;}

/* Fix for foundations data pager aligning ints to the right */
.result_int { text-align: left !important; }

/**
 * Template
 **/
DIV.template-message { float: right; z-index: 999; position: absolute; display: inline; top: 0px; right: 0px; width: 150px; text-align: left; }
DIV.saved-message { float:left; width: 100px; font-weight: bold; border: 1px #4E9B27 solid; background-color: #8BD864; }
.info { font-weight: bold;  }
.errorbox { font-weight: bold; width: 300px !important; }
#template INPUT, #section INPUT { width: 99%; }

/**
 * AJAX Slider
 **/
.ui-slider { background-image: url(/images/common/slider-bg-1.png); background-position: center center; background-repeat: no-repeat; height: 23px; position: relative; width: 200px; }
.ui-slider-handle { background-image: url(/images/common/slider-handle.gif); height: 23px; left:0; position: absolute; top: 0; width: 12px; z-index: 1; }

/**
 * Section Info
 **/
#sectionstep { float: left; text-align: center; max-width: 85%; min-width: 80%}

/**
 * Help links
 **/
abbr, acronym, .help { border-bottom: 1px dotted #333; cursor: help; margin-bottom: 5px; }

/**
 * User Edit
 **/
#user-edit fieldset { float: left; clear: left; width: 100%; margin: 0 0 1.5em 0; padding: 0; }
#user-edit fieldset.submit { float: none; width: auto; padding: 5px; }
#user-edit fieldset ol { padding: 1em 1em 0 1em; list-style: none; }
#user-edit fieldset li { float: left; clear: left; width: 100%; padding-bottom: 0.5em; }
#user-edit fieldset li label { float: left; width: 10em; margin-right: 1em; text-align: right; }
#user-edit fieldset li input.long { width: 400px; }
#user-edit #message { width: 300px; position: relative; float: right; }

#password-detail fieldset { float: left; clear: left; width: 100%; margin: 0 0 1.5em 0; padding: 0; }
#password-detail fieldset.submit { float: none; width: auto; padding: 5px; }
#password-detail fieldset ol { padding: 1em 1em 0 1em; list-style: none; }
#password-detail fieldset li { float: left; clear: left; width: 100%; padding-bottom: 0.5em; }
#password-detail fieldset li label { float: left; width: 10em; margin-right: 1em; text-align: right; }
#password-detail fieldset li input.long { width: 400px; }
#password-detail #password-message { width: 300px; position: relative; float: right; }

/**
 * Fix for the fact that the Datapager controls change the text size
 **/
.datapager_container td, .datapager_container th { font-size: 1.0em !important; }


/**
 * eClass Search Control Styles
 **/

#searchlabeldiv, #searchterminputdiv, #searchbuttondiv { float:left; }
#searchcontroldiv h3 { float:left; margin-top:2px; }
#searchlabeldiv { font-weight:bold; font-size: 1.17em; margin-right: 8px; }
#searchterminputdiv { width: 60%; }
#searchterminput { width: 96%; }
#advancedsearchlinkdiv { padding-top: 3px; }

/**
 * Login form styles
 **/