* { padding: 0; margin: 0; font-family:'lucida grande', tahoma, verdana, arial, sans-serif; }
.shide { display: none !important; border: none !important; background: transparent !important; }
.hide { display: none; }
.show { display: block; }
.button { display: block; float: left; font-size: 11px; padding: 1px 5px; margin: 0 0 0 11px; border-style: ridge; border-width: 2px; border-color: #fff #000 #000 #fff; text-decoration: none; color: #000; padding: 2px 5px; background: #d4d0c8; cursor: pointer; }
.button:active { border-style: ridge; border-width: 2px; border-color: #000 #fff #fff #000; }
.inposition { margin: 5px 0 !important; }
.fleft { text-align: left !important; }
.red { color: #f00 !important; }
.green { color: #0f0 !important; }
.darkgreen { color: #5EAC13 !important; } 
.grey { color: #ccc !important; }
.sm { font-size: 9px !important; }
.marked { background: #ffff00 !important; }
#formPurchase label { clear: both; }


body { background: #fff; }
#top { }
#top .owner { display: block; height: 30px; background: #3b5998; }
#top .owner h1 { display: block; font-size: 16px; color: #fff; padding: 5px 0 0 10px; font-family: Georgia, sans-serif; }
#top img { display: block; float: right; } 

td.tdIco a { display: block; margin: 0 auto; width: 17px; height: 17px; text-indent: -10000px; outline: none; }
.visible .con { background: url('../images/font_gui.gif') 0 -16px no-repeat; }
.visible .coff { background: url('../images/font_gui.gif') 0 0 no-repeat; }
.blocked .con { background: url('../images/font_gui.gif') -16px 0 no-repeat; }
.blocked .coff { background: url('../images/font_gui.gif') -16px -16px no-repeat; }

/* login form */

	#loginForm { display: block; float: left; width: 150px; border-width: 0 0 1px 0; border-style: solid; border-color: #b7b7b7; padding: 7px 20px; margin-bottom: 200px; background: #f7f7f7; }
		#loginForm label { display: block; font-size: 12px; padding: 6px 0 2px 0; color: #333; }
		#loginForm input { padding: 1px; font-size: 12px; color: #333; width: 140px; }
		#loginForm .submit { display:block; float: right; width: auto; margin: -19px 6px 0 0; border-style: ridge; border-width: 2px; border-color: #fff #000 #000 #fff; text-decoration: none; color: #000; padding: 1px 5px; background: #d4d0c8; font-size: 11px; }
			#loginForm .submit:active { border-style: ridge; border-width: 2px; border-color: #000 #fff #fff #000; }		
	#loginAlert { display: block; float: left; width: 300px; font-size: 12px; padding: 15px 20px 0 38px; height: 40px; border: 1px solid #dd3c10; margin: 20px 0 0 25px; background: #ffebe8 url('../images/ico/stop.gif') 10px 12px no-repeat; }
	#loginAlert .flashMessage { display: block; float: left; width: 300px; font-size: 12px; padding: 15px 20px 0 38px; height: 40px; border: 1px solid #3b5998; margin: 20px 0 0 25px; background: #dde2ed url('../images/ico/info.gif') 10px 12px no-repeat; }
	#mainContent .flashMessage { display: block; font-size: 12px; padding: 10px 20px 0 38px; height: 40px; border: 1px solid #3b5998; margin: 20px 0 0 25px; background: #dde2ed url('../images/ico/info.gif') 10px 10px no-repeat; }

/* top after login */

	#userInfo { display: block; border-width: 0 0 1px 0; border-style: solid; border-color: #b7b7b7; padding: 6px; background: #f7f7f7; }
		#userInfo p { display: block; float: left; font-size: 12px; padding: 4px 0 3px 2px; color: #333; }
		#userInfo input { display: block; float: left; font-size: 11px; padding: 1px 5px; margin: 0 0 0 5px; border-style: ridge; border-width: 2px; border-color: #fff #000 #000 #fff; color: #000; background: #d4d0c8; cursor: pointer; }
		#userInfo label { display: block; float: left; font-size: 12px; padding: 4px 0 3px 20px; color: #333; }
		#userInfo select { display: block; float: left; font-size: 12px; color: #333; margin: 1px 0 0 3px; }
			#userInfo option { padding: 0 3px; }

/* main menu */

	#mainNav { display: block; float: left; }
		#mainNav a { display:block; width: 160px; border-width: 0 0 1px 0; border-style: solid; border-color: #b7b7b7; padding: 4px; background: #f7f7f7; font-size: 12px; text-decoration: none; color: #2e4576; }
			#mainNav a:hover { background: #f2f2f2; }
			
/* main content */

	#mainContent { display: block; float: left; width: 750px; padding: 10px 0 100px 15px; border-left: 1px solid #b7b7b7; min-height: 500px; }
		#mainContent h1 { display: block; font-size: 22px; color: #333; font-weight: normal; }	
		#mainContent h2 { display: block; font-size: 18px; color: #333; font-weight: normal; padding: 3px 0 5px 3px; border-width: 0 0 1px 0; border-style: solid; border-color: #b7b7b7; }
		#mainContent h2 a { color: #2e4576; text-decoration: none; } #mainContent h2 a:hover { background: #f2f2f2; }
		#mainContent h2 .status { font-size: 12px; font-style: italic; color: #fff; padding: 2px; }
		#mainContent h2 .unsaved { background: #f00; }
		#mainContent h2 .saved { background: #1DB031; }
		#mainContent p { display: block; font-size: 12px; color: #333; padding: 5px; }			
		#mainContent ul { display: block; font-size: 12px; color: #333; margin: 0 0 0 20px; padding: 5px; list-style-type: square; }		
			#mainContent ul a:hover { text-decoration: none; }

		#mainContent fieldset { border: none; padding: 10px 0 0 5px}
			#mainContent fieldset br { clear: both; }
			#mainContent fieldset label { display: block; width: 210px; float: left; font-size: 12px; color: #333; text-align: right; padding: 2px 5px 0 0; }
				#mainContent #Form label { width: 470px !important; }
				#mainContent #kdmForm label { width: 320px !important; } 
				#mainContent #khtForm label { width: 350px !important; }
				#mainContent #ssForm label { width: 600px !important; }
			#mainContent fieldset input { display: block; width: 400px; float: left; font-size: 12px; color: #333; padding: 1px; margin-bottom: 5px; }
			#mainContent fieldset select { display: block; float: left; font-size: 12px; color: #333; padding: 0; margin-bottom: 5px; }
				#mainContent fieldset option { padding: 0 5px; } 
			#mainContent fieldset textarea { display: block; width: 400px; height: 100px; float: left; font-size: 12px; color: #333; padding: 1px; margin-bottom: 5px; }
				#mainContent #kdmForm textarea, #mainContent #khtForm textarea { width: 350px; }
			#mainContent fieldset dd { clear: both; }
			#mainContent fieldset .date { width: 80px; }
			#mainContent fieldset .hour { width: 60px; }
			#mainContent fieldset .required { border: 2px solid #f00; }
			#mainContent fieldset .description { font-size: 14px; font-weight: bold; color: #333; padding: 10px 0 5px 0; margin: 0 0 5px 0; border-width: 0 0 1px 0; border-style: solid; border-color: #b7b7b7; }
			#mainContent fieldset .short { width: 60px; }
			#mainContent fieldset .id { width: 30px; }
			#mainContent fieldset .submit { width: auto !important; border-style: ridge; border-width: 2px; border-color: #fff #000 #000 #fff; text-decoration: none; color: #000; padding: 1px 5px; background: #d4d0c8; font-size: 11px; } 
			#mainContent fieldset .submit:active { border-style: ridge; border-width: 2px; border-color: #000 #fff #fff #000; }
			
			#mainContent fieldset dt { width: 210px !important; float: left !important; clear: none !important; }
			#mainContent fieldset dd { width: 400px !important; float: left !important; clear: none !important; margin: 0 0 0 5px; }

			#formAlert { display: block; font-size: 12px; padding: 7px 0 7px 25px !important; border: 1px solid #dd3c10; margin: 5px 0 0 0; background: #ffebe8 url('../images/ico/stop.gif') 6px 7px no-repeat; }
		#formInfo { display: block; font-size: 12px; padding: 7px 0 7px 25px !important; border: 1px solid #3b5998; margin: 5px 0 0 0; background: #dde2ed url('../images/ico/info.gif') 6px 7px no-repeat; }

		#mainContent table { width: 100%; border-collapse: collapse; }
			#mainContent th { font-size: 12px; font-weight: normal; padding: 5px; background: #f2f2f2; border: 1px solid #b7b7b7; }
			#mainContent th a { color: #000; } #mainContent th a:hover { text-decoration: none; }
				#mainContent th a img { border: none; padding: 1px; }
			#mainContent .main { width: 400px; text-align: left; }
			#mainContent .noborder { border: none; }
			#mainContent td { font-size: 12px; padding: 3px; text-align: center; border-bottom: 1px solid #b7b7b7; }
				#mainContent td input { width: 50px; border: none; background: transparent; padding-top: 7px; padding-left: 15px; }
				#mainContent td.w100 { width: 100px; }
					#mainContent td.w100 input { width: 80px; }
			#mainContent td .button { float: none; margin: 0 7px !important; } 
			#mainContent td.right .button { float: right !important; } 
		#mainContent tr.marked { background: #ffff00 !important; }
		#mainContent .grayRow { background: #f7f7f7 !important; }
		#mainContent .grayRow span { font-size: 11px; color: #aaa; font-style: italic; }
		#mainContent tr:hover { background: #f7f7f7; }

		#mainContent #usecaseQuestion { height: 50px; }

/* standard form */
.stdForm { display:block; clear: both; }
.nofloat label { width: auto !important; }
.stdForm .element { display: block; clear: both; }
.stdForm input { width: auto !important; }
.stdForm .errors { display: block; clear: both; background: #f00; padding: 2px 0 2px 10px; margin: 2px 0 5px 215px; font-size: 12px; color: #fff; }
.stdForm .submit { margin-left: 215px; }
.stdForm .checkbox { margin-top: 4px; width: 20px !important;  }
.stdForm .description { display: block; float: left; font-size: 12px !important; padding: 2px 10px !important; font-style: italic; color: #f00 !important; font-weight: normal !important; margin: 0 !important; border: none !important; }
.stdForm div.level_1 { margin-left: 49px;  }
.stdForm div.level_2 { margin-left: 98px;  }
.stdForm div.level_3 { margin-left: 147px;  }
.stdForm .dateinput { width: 100px !important; }
.stdForm h2 { clear: both !important; margin: 20px 0 10px 0 !important; }
.stdForm input[type=hidden] { display: none !important; }
.stdForm .group { display: block; clear: both; }
.stdForm .group h3 { margin: 10px 0 5px 0; font-size: 14px; padding: 0 0 5px 0; font-weight: normal; border-bottom: 1px dotted #ddd; }
#drugproblem-form label { width: 170px !important; }
#drugproblem-form .group { border-width: 0 0 1px 0; border-style: solid; border-color: #b7b7b7; padding: 0 0 10px 0; margin: 0 0 10px 0; width: 750px; }
#drugproblem-form .group fieldset { margin: 0; padding: 0; }
#drugproblem-form .group label { float: left; width: auto !important; margin: -3px 0 5px 20px; }
#drugproblem-form .group .checkbox { position: absolute; margin: 0; padding: 0; }
#drugproblem-form .group .element { position: relative; }
/* controls */

	#controls { padding: 5px 0; }
    #controls p { display: block; float: left; padding: 4px 0 0 0; font-weight: bold; width: 120px; }
    #controls span { clear: both; display:block; padding-top: 5px; }
/* form controls */
	#form_controls { padding: 5px 0; }
		#form_controls p { padding: 3px 0 0 0; display: block; float: left; }	
	
/* footer */
	
	#footer { display: block; clear: both; border-width: 1px 0 0 0; border-style: solid; border-color: #b7b7b7; }
		#footer p { font-size: 11px; color: #333; padding: 5px 20px; }
			#footer span { font-size: 11px; }	
			#footer a { color: #333; text-decoration: none; }
			#footer a:hover { text-decoration: underline; }
			
/* tooltip */
	a.tooltip strong { display:none; }
	a.tooltip span { font-weight: bold; }
	a.tooltip:hover { border:0; position:relative; z-index:500; text-decoration:none !important; cursor: help; }
	a.tooltip:hover strong { display:block; position:absolute; top: 20px; right: 0; margin-right: -3px; padding:5px; font-weight:normal; color:#2A1905; border:1px solid #b7bbbe; background:#feffbb; width: 200px; text-align: left; }
	a.tooltip:hover strong em { position:absolute; left: 200px; top:-6px; width:11px; height:6px; background: transparent url(../images/tooltip.gif) 0 0 no-repeat; display:block; font-size:1px; }

/* drug problem routine css */
	#droutine { display: block; padding: 10px; }
		#droutine img { padding: 2px 0 2px 0; }
		#droutine label { font-size: 12px; }
		#droutine ul { display: block; list-style-type: none; margin: 10px 0 0 0; padding: 0; }
			#droutine li { display: inline; }
			#droutine a { display: block; float: left; font-size: 11px; padding: 1px 5px; margin: 0 10px 0 0; border-style: ridge; border-width: 2px; border-color: #fff #000 #000 #fff; text-decoration: none; color: #000; padding: 2px 5px; background: #d4d0c8; cursor: pointer; }
			#droutine a:active { border-style: ridge; border-width: 2px; border-color: #000 #fff #fff #000; }
			
/* questions - answer */
	.answer { border-top: 1px solid #b7b7b7; border-bottom: 1px solid #b7b7b7; padding: 5px 10px; margin: 10px 0 0 0; }  			
			
/* pagination */
	.paginationControl { display: block; width: auto; margin: 0 auto; padding: 10px 0; text-align: center; color: #777; font-size: 12px; }
		.paginationControl a { color: #2E4576; text-decoration: none; } .paginationControl a:hover { text-decoration: underline; }
		.paginationControl .current { color: #000; }			
			
/* jQuery autocomplete plugin */
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}
			
			
/* develop monitor */

	#develop { border-top: 1px solid #b7b7b7; margin: 100px 0 0 0; padding: 20px; font-size: 12px; }
		#develop h1 { display: block; font-size: 22px; color: #333; font-weight: normal; }
		
		
/* password change section */
.passwordChange { margin: 10px; }
.passwordChange h1 { display: block; font-size: 22px; color: #333; font-weight: normal; }
.passwordChange fieldset { border: none; padding: 10px 0 0 5px}
.passwordChange br { clear: both; }
.passwordChange label { display: block; width: 210px; float: left; font-size: 12px; color: #333; text-align: right; padding: 2px 5px 0 0; }
.passwordChange input { display: block; width: 400px; float: left; font-size: 12px; color: #333; padding: 1px; margin-bottom: 5px; }
.passwordChange .submit { width: auto !important; border-style: ridge; border-width: 2px; border-color: #fff #000 #000 #fff; text-decoration: none; color: #000; padding: 1px 5px; background: #d4d0c8; font-size: 11px; }
.passwordChange .errors { float: left; clear: both; padding: 2px 10px }
.passwordChange .description { display: block; float: left; padding: 2px 10px; font-size: 12px; font-style: italic; color: #f00; }
.passwordDisclaimer { display: block; margin: 5px; font-size: 12px; color: #333;}
.passwordDisclaimerRules { display: block; margin: 0 0 0 25px; list-style-type: circle !important; font-size: 12px !important; color: #111; }
.passwordDisclaimerRules span { color: #777; font-size: 11px; font-weight: normal; }
.passwordToWeak { color: #f00; font-size: 11px; display: block; float: left; padding: 3px 0 0 5px; font-weight: bold;}

/* new form type */
.fontForm fieldset { display: block; border-width: 1px 0 !important; border-style: dotted !important; border-color: #444 !important; margin: 10px 0 !important; padding: 10px 0 !important; }
.fontForm .element, .fontForm .button-element { display: block; clear: both; }
.fontForm .button-element { margin: 0 0 0 215px !important; }
.fontForm .element .required { font-weight: bold !important; border: none !important; padding: 4px 5px 0 0 !important; }
.fontForm .errors { display: block; clear: both; margin: 0 0 5px 225px !important; color: #f00 !important; }

#mainContent #qolradForm label,
#mainContent #gsrsForm label { width: 480px !important; margin-bottom: 15px; }
#mainContent #qolradForm select,
#mainContent #gsrsForm select {margin-top: 5px;}

#mainContent #formKht2 label { width: 370px !important; margin-bottom: 15px; }
#mainContent #kdm2Form label { width: 280px !important; margin-bottom: 15px; }

#refluxForm .element { display: block; clear: both; }
#refluxForm .element .checkbox { width: auto; }
#refluxForm .element label { width: 450px; }
#refluxForm .submit { margin-top: 30px; }
#refluxForm label { cursor: pointer; }
#refluxForm h3 { border-bottom: 1px solid #eee; margin: 10px 0; }

form .form-description { display: block; clear: both; }
form .form-description .element label { display:block; padding: 35px 0 5px 0 !important; text-align: left !important; font-weight: bold; width: 700px !important; float: none !important;}
form .form fieldset h3 { font-size: 12px; }