/* 
Sahana - Default Theme - Stylesheet 
-----------------------------------------------------------------------------------
designer : Prabhath Sirisena - prabhath@vesess.com - http://nidahas.com
maintainer : Priyanga Fonseka  - jo@opensource.lk

Selectors are listed in their order of appearance in the html, where applicable.
---------------------------------------------------------------------------------- 

  |---- Neutralizing Styles
  |---- Basic Page Formatting Styles
  +---- Container
     |---- Header
     +---- Wrapper
        |---- Menu Wrapper ( Module Menu, Main Menu, Login Form, OpenId Login, Breadcrumbs )
        |---- Content ( Home, Result, Module specific styles )
        |---- Footer  
  |---- Form Layout Styles
  |---- Feedback Form Styles
  |---- Popup Menu Styles
  |---- Message Display Styles


*/



/* Neutralizing Styles
   ------------------------------------------------------------------------------- */
/* Neutralize styling:: Elements we want to clean out entirely: */
html, body, form, fieldset, textarea { margin: 0; padding: 0; font: 100%/125% Arial, Helvetica, sans-serif; }

/* Neutralize styling:: Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address { margin: 0 0 1em 0; padding: 0;  }

/* Apply left margin:: Only to the few elements that need it: */
li, dd, blockquote { margin-left: 1em; }

/* Clear floats without structural markup */
.clearfix:after { content: ".";  display: block; height: 0; clear: both; visibility: hidden; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
/* End hide from IE-mac */


/* Basic Page Formatting Styles
   ------------------------------------------------------------------------------- */
/* Miscellaneous conveniences: */
body { font-size: 0.8em; color: #000; background: #369; }

form label { cursor: pointer; }                                 

fieldset { border: none; }

input, select, textarea { font-size: 100%; }

.hide { display: none;  }

.mini { font-size: 80%; }

.wide { width:100%; }

/* Links should ALWAYS be unvisited */
a { color: #039; text-decoration: underline; }
a:hover { color: #C00; text-decoration: none; background-color: #FFC; }
a img { border:none; }

table { border-collapse: collapse }
thead td { text-align:center; padding:.25em .25em .25em .25em; background: #555; color:#fff; font-size:100%; }
td { padding:5px 5px 0 5px; border:1px solid #ccc; }
/* hack for calander table on ie */
table#scw td{ border:none;}


/* Now to layout elements... */
div#container { background: url(img/mrdrs-logo.png) no-repeat top right; }

	div#header { border-bottom: #069 1px solid; padding: 0 1em; height: 70px; position: relative; background: url(img/sahana_logo.png) no-repeat left top; } /*#369*/
		div#header h1 { display:none; }

		form.head { position:absolute; background:#369; color: white; right: 0; font-size:11px;  }
		form.head select { background:#369; color:white; border: 1px inset #369; }
		form.head label { font-weight:bold; font-style:italic; }

		/* language selector  */
		form#language { top: 5px; }

		/* insident changer select box in the top */
		form#incident_changer { position:fixed; float:right; padding:2px 0px 2px 2px; z-index:1; }

	div#wrapper { background: url(img/wrapper_bk.png) #FFF repeat-y left top; }
		div#wrapper_menu {}	
			p#skip { display: none; }
			div#menuwrap { width: 200px; float: left; clear: left; } 
				div#menuwrap h2 { color: #555; margin: 1em 0 0.5em 0; padding: 0 0 0 5px; font-size: 120%; text-transform: uppercase; text-align: left; }
				div#menuwrap ul { margin: 0px; padding: 0px; list-style-type: none; width: 100%; }
				div#menuwrap li { margin: 0px; padding: 0px; line-height: 20px; }
				div#menuwrap ul li a { display: block; width: 190px; padding-left: 10px; background-color: #555; font-size: 0.9em; border-top: #666 1px solid; border-bottom: #444 1px solid; }
				div#menuwrap ul li a.disabled,
				div#menuwrap ul li a.disabled:link,
				div#menuwrap ul li a.disabled:visited,
				div#menuwrap ul li a.disabled:hover { color:#888888; }
				div#menuwrap ul li a:link, 
				div#menuwrap ul li a:visited { color: #EEE; text-decoration: none; }
				div#menuwrap ul li a:hover { color: #FFF; background-color: #333; border-top: #222 1px solid; border-bottom: #444 1px solid; }

    			div#modmenuwrap { width: 200px; float: left; clear: left; }
				div#modmenuwrap h2 { color: #069; margin: 1em 0 0.5em 0; padding: 0 0 0 5px; font-size: 120%; text-transform: uppercase; text-align: left; }
    				div#modmenuwrap ul { margin: 0px; padding: 0px; list-style-type: none; width: 100%; }
    				div#modmenuwrap li { margin: 0px; padding: 0px; line-height: 20px; }
    				div#modmenuwrap ul li a { display: block; width: 190px; padding-left: 10px; background-color: #069; font-size: 0.9em; border-top: #07A 1px solid; border-bottom: #058 1px solid; }
    				div#modmenuwrap ul li a.disabled,
                    div#modmenuwrap ul li a.disabled:link,
                    div#modmenuwrap ul li a.disabled:visited,
                    div#modmenuwrap ul li a.disabled:hover { color:#888888; }
    				div#modmenuwrap ul li a.smopen { background:#069 url(img/down_arrow.gif) no-repeat right; }
    				div#modmenuwrap ul li a.smclose { background:#069 url(img/up_arrow.gif) no-repeat right; }
    				div#modmenuwrap ul li a:link, 
    				div#modmenuwrap ul li a:visited { color: #EEE; text-decoration: none; }
    				div#modmenuwrap ul li a:hover { color: #FFF; background-color: #036; border-top: #025 1px solid; border-bottom: #047 1px solid; }
    				div#modmenuwrap ul ul { display:none; }
    				div#modmenuwrap ul ul li a { display: block; padding-left: 20px; width: 180px; background-color: #07A; font-size: 0.85em; }
    				div#modmenuwrap ul ul li a:link, 
    				div#modmenuwrap ul ul li a:visited { border-top: #08B 1px solid; border-bottom: #069 1px solid; }
				div#modmenuwrap ul ul li a:hover { background-color: #069; border-top: #058 1px solid; border-bottom: #07A 1px solid; }

			div#loginform { padding: 0 10px; width: 155px; 	margin-top: 1em; margin-bottom:6.2em; float: left; clear: left; }
				div#loginform form fieldset { padding: 10px; border-color: #DED; border-width: 2px; border-style: groove; }
				div#loginform form legend { font-size: 120%; color: #555; }
				div#loginform form label { }
				div#loginform form input#userName, 
				div#loginform input#pswd { margin-right: 10px; width:140px; }

			#openid_login { background: url(img/login-openid.gif) no-repeat; background-color: #fff; background-position: center left; color: #000; width: 122px; padding-left: 18px; }

			div#openid_loginform { padding: 0 10px; width: 100px; margin-top: 1em; margin-bottom: 6.2em; float: left; clear: left; }
				div#openid_loginform form fieldset { padding: 10px; border-color: #DED; border-width: 2px; border-style: groove; }
				div#openid_loginform form legend { font-size: 120%; color: #555; }
				div#openid_loginform form label { }
				div#openid_loginform form input#userName, 
				div#openid_loginform input#pswd { margin-right: 10px; width: 140px; }

			/* quick history styles */
			#breadcrumbs ,#breadcrumbs b,#breadcrumbs a, #breadcrumbs a:hover { color: #999; font-size: 0.9em; }

		div#content { margin: 0 0 0 200px; padding: 1em; }
			/* common styles */
			div#content h1, div#content h2 { color:#069; font-size:15px; font-weight:bolder; background:#F3F6FF; padding:3px 3px 3px 3px; border:1px #C6D1F5 solid; margin-bottom:10px; }
			div#content h3 { color:#069; font-size:14px; font-weight:bolder; border-bottom:1px #069 solid; margin-bottom:10px; }
			div#content h4 { color:#069; margin-top:10px; font-size:13px; font-weight:bolder; border-bottom:1px #036 dotted; margin-bottom:10px; }
			/* result styles */
			#result { background-color: #eee; margin-bottom:15px; }
			#result img { position:relative; padding: 5px 5px 15px 5px; }
			#result p { font-size: 115%; line-height: 1.3; padding-top: 10px; padding-bottom: 10px; }
			#result ul { font-size: 150%; margin-left: 250px; margin-top: -200px; padding-bottom: 50px; }
			#result ul li { line-height: 1.2; }
			#result table { background:white; width:100%; border-collapse:collapse; }
			#result table thead td, #result table thead th { text-align: center; padding:.25em .25em .25em .25em; background: #777; color:#fff;   font-size: 100%; /*  border:none; */ border:  1px solid #fff; }
			#result tr td { text-align:left; padding: .1em .1em .1em .1em; font-size: 90%; color:#000; background:#ddd; border: 1px solid #fff; /*  border:none; */ }
			#result tr:hover td { background:#ccc; } 
			#result tr.green td { background:#C3FFAD; }
			#result tr.yellow td { background:#FFF98F; }

			#result_msg { background-color: #eee; text-align:center; padding: 5px 5px 15px 5px; border: 3px #eee solid; }

			/* other styles */
			#home { border: 10px #fff solid; }
			#home ul { /*margin-left: 200px;*/ padding-bottom:112px; padding: 5px 5px 5px 5px; }
			#home p { text-align:center; /*	padding-left:200px;*/ padding: 10px 10px 10px 10px; text-align:justify; line-height:1.25; }
			#home h2 { font-size:16px; text-align:center; } 

			#home_recent { }
			#home_recent h1 { font-size:120%; margin: 0 0 0 0; padding: 25px 5px 5px 5px;  }

			/* layout table */
			table.layout { border-collapse: collapse; width:100%; }
			table.layout thead td { text-align:center; padding:0px; background: #555; color:#fff; font-size:100%; }
			table.layout td { padding: 0px 0px 0 0px; border: 0px solid #ccc; }

			#incident_name strong { position: fixed; top: 0px; right:0px; background:#369; color: white; margin-left:50%; padding: 5px; }

			.red { color: red; }

			/* alert styles */
			div.alert { margin: 0 0 10px 0; padding: 5px 10px 5px 35px; border: #FC6 1px solid; background: url(img/oops.png) #FFC no-repeat 5px 5px; }

			/* info styles */
			div.info, div.form-container fieldset p { color:#666; padding: 5px 5px 5px 5px; }

			/*GIS module - */
			#map { width: 760px; height: 600px }

			/* paging styles */
			ul.paging { list-style-type: none; }
			.paging li { display: inline; }
			.paging li a { display: inline; text-decoration: none; font-weight: bold; }

			div#tick { background: url(img/tic.png) no-repeat right; width: 10px; height: 10px; }

			div#submenu_v { padding-left: 5px; margin-left: 0; border-bottom: 1px solid #C6D1F5; }
			div#submenu_v a { color: #069; padding: 0 0.5em 1px 0.5em; line-height: 18px; border: 1px solid #C6D1F5;  border-bottom: none; background: #F3F6FF; text-decoration: none; font-weight: bolder; white-space: nowrap; }
			div#submenu_v a:hover { color: #069; background: #C3CFFF; border-bottom: 1px solid #C3CFFF; }
			div#submenu_v a.selected, 
			div#submenu_v a.selected:hover { background-color: #FFF; border-bottom: 1px solid #FFF; }

			/* page tab styles */
			div#content ul#tabmenu { list-style-type: none; padding-left: 5px; margin-left: 0; border-bottom: 1px solid #C6D1F5; }
			div#content ul#tabmenu li { display: inline; margin: 0; }
			div#content ul#tabmenu li a.disabled,
			div#content ul#tabmenu li a.disabled:link,
			div#content ul#tabmenu li a.disabled:visited,
			div#content ul#tabmenu li a.disabled:hover { color: #888888; }
			div#content ul#tabmenu li a, 
			div#content ul#tabmenu li a:link { color: #069; padding: 0 0.5em 1px 0.5em; line-height: 18px; border: 1px solid #C6D1F5;  border-bottom: none; background: #F3F6FF; text-decoration: none; font-weight: bolder; }
			div#content ul#tabmenu li a:hover { color: #069; background: #C3CFFF; border-bottom: 1px solid #C3CFFF; }
			div#content ul#tabmenu li#active a { background-color: #F6FFCF; border-bottom: 1px solid #FFF;  }
			div#content ul#tabmenu li#active a:hover { background-color: #FFF; border-bottom: 1px solid #FFF; } 

			/* form tab styles */
			ul#tab { display: inline; }
			ul#tab li { display:inline; }
			ul#tab li a { color: #666; text-decoration: none; font-weight: bold; border: #ccc 1px solid; padding: 3px 5px 0px 5px;   background: #efefef; }
			ul#tab li a:hover { background: #FFC; }
			ul#tab li#activeTab a { background: #999; color: white; padding: 3px 5px 0px 5px; }

			/*  web service module  */ 
			p.ws_info { margin: 1em; padding: 5px; }
			ul.ws_options { margin: 15px; padding: 5px 0 5px 10px; }
			ul.ws_options li { padding: 5px 0; padding-bottom: 3px; } 
			ul.ws_options span.ws_options_des { padding: 3px 0 15px 15px; color: #333; }
			.hidden { position: absolute; visibility: hidden; z-index: 200; left: 250px; top: 100px; overflow: hidden; width: 600px; padding: 20px; font-size: 10px; background-color: #FFC; background-color: #fff; border: 1px solid #FC6; }

			div.page_head { padding-bottom: 10px; }
			div.page_head.active { color: red; }

			div.page_navi a { }

			div.rssfeed strong { vertical-align: 5px; }

			form.paging_form input { border:none; background:none; padding:0px; color:blue; cursor:pointer; text-decoration:underline; }

		div#footer { margin: 0; padding: 10px; clear: both; color: #666; background-color: #369; border-top: #058 1px solid; }
			a.help, a:link.help { color: #fff; text-decoration: none; }
			a:hover.help { background-color: #369; text-decoration: underline; }
			a:visited.help { font-weight: normal; color: #aaa; }

/* Form Layout Styles 
   ------------------------------------------------------------------------------- */
p.legend { margin-bottom: 1em; }
p.legend em { color: #C00; font-style: normal; }

div.form-container form { padding: 5px; background-color: #FFF; border: #EEE 1px solid; background-color: #FbFbFb; }
/* div.form-container form { display:block; } */
div.form-container p { margin: 0.5em 0 0 0; }
div.form-container form p { margin: 0; }
div.form-container form p.note { font-style: italic; margin-left: 18em; font-size: 80%; color: #666; }
div.form-container form fieldset { margin:0 0 10px 0; padding: 10px; border: #DDD 1px solid; background-color:#FFF;}
div.form-container form legend { font-weight: bold; color: #666; }
div.form-container form fieldset div.brake { padding: 0.3em; }
div.form-container form fieldset label{ position:relative; margin-right: 10px; padding-right: 10px; width: 15em; display: block; float: left; text-align: right;min-height:1em;top:0.25em;}
div.form-container form fieldset label.errorfield,
div.form-container form fieldset span.errorfield { color: #C00; }
div.form-container form fieldset label.value{display:block;text-align:left;width:auto;}
div.form-container form fieldset input.errorfield { border-color: #C00; background-color: #FEF; }
div.form-container form fieldset input:focus,
div.form-container form fieldset input.errorfield:focus, 
div.form-container form fieldset textarea:focus { background-color: #FFC; border-color: #FC6;  }
div.form-container div.controlset label, 
div.form-container div.controlset input { display: inline; float: none; }
div.form-container div.controlset div { margin-left: 15em; }
div.form-container div.buttonrow { margin-left: 180px; }
/* blank forms *//*
div#formcontainer form#form_blank { padding: 5px; background-color: #fff; border:none; } */

/* required field indicator */
.req { color:red; font-weight:bold;  }

/* Feedback Form Styles
   ------------------------------------------------------------------------------- */
.feedback_error { } 
.feedback_form { position: absolute; width: 260px; height: 285px; right: 0; bottom: 0; padding: 8px 8px 8px 20px;  display: none; z-index: 5; background: #fff url(img/feedback_bg.png) no-repeat top left; }
.feedback_close { right: 10px; top: 10px; display: block; float: right; }
.feedback_dontshow { display: block; float: left; width: 100%; position: relative; }
.feedback_content { display: block; float: left; padding-left: 5px; overflow: auto; }
.feedback_content_error { background-color: #FFE5E5; border: 1px solid #FF6D6D; color: #000; margin: 18px 0 5px 0; font-size: 11px; padding: 2px; }
.show { display: block; }
/* Feedback Form Styles
   ------------------------------------------------------------------------------- */
.feedback_error { } 
.feedback_form { position: absolute; width: 260px; height: 285px; right: 0; bottom: 0; padding: 8px 8px 8px 20px;  display: none; z-index: 5; background: #fff url(img/feedback_bg.png) no-repeat top left; }
.feedback_close { right: 10px; top: 10px; display: block; float: right; }
.feedback_dontshow { display: block; float: left; width: 100%; position: relative; }
.feedback_content { display: block; float: left; padding-left: 5px; overflow: auto; }
.feedback_content_error { background-color: #FFE5E5; border: 1px solid #FF6D6D; color: #c00; margin: 18px 0 5px 0; font-size: 11px; padding: 2px; }
.hide { display: none; }
.show { display: block; }

/* Popup Menu Styles 
   ------------------------------------------------------------------------------- */
.popupLink { position:absolute; text-transform:uppercase; height:20px; width:50px; background-image: url(img/help_off.gif) ; }
.popupLink span { display:none; }
.popupLink:hover { background-color:transparent; background-image: url(img/help_on.gif); }

.popup { position: absolute; visibility: hidden; background-color: yellow; width: 200px; border-left: 1px solid black; border-top: 1px solid black; border-bottom: 2px solid black; border-right: 2px solid black; padding: 3px; z-index: 10; }


/* Message Display Styles 
   ------------------------------------------------------------------------------- */
.error { border:  #C00 1px solid; background: url(img/dialog-error.png) #FFE5E5 no-repeat 5px 5px; }
.error p em { color:#C00; }

.confirmation { border: #070 1px solid; background: url(img/dialog-confirmation.png) #E5FFE5 no-repeat 5px 5px; }
.confirmation p em { color:#070; }

.warning { border: #FC6 1px solid; background: url(img/dialog-warning.png) #FFC no-repeat 5px 5px; }
.warning p em { color:#C00;  }

.information { border: #9ED8D7 1px solid; background: url(img/dialog-information.png) #ECFDFF no-repeat 5px 5px; }
.information p em { color:#748D8E;  }

.message { margin: 0 0 10px 0; padding: 5px 10px 5px 35px; }
.message p { margin: 0; }
.message ul { margin: auto; margin-bottom: 0.5em; list-style: disc; }
.message p em { font-style: normal; font-weight: bold; }

#note { border:1px #999 solid; background-color: #ccc; text-align:center; padding: 5px 5px 5px 5px; margin-bottom: 10px; }

.loading 
{
  float:left; display: inline;padding: 10px;margin-top:30px;width: 760px;background-color: #fffbb8;color: #FF9900;border: 1px solid #ffcc00;
  font-weight: bold;position:fixed;z-index:6;
  
 }

 /* Dynamic reports styles
........................................................................................*/
/* dr module */


#dnd{
	margin: 0 auto;
}

#dnd li{
	cursor: move; 
	display: block;
	height: 20px;
	width: 305px;
	padding: 5px 10px 0;
	margin: 0 10px;
	font-size: 10.2px;

	color: #2a2a2a;
	background-color:	#adadad;
	border-top:	#c7c7c7 1px solid;
	border-left:	#c7c7c7 1px solid;
	border-bottom: #909090 1px solid;
	border-right: #909090 1px solid;
}


#kontener2, #kontener1, #kontener3, #kontener4, #kontener5, #kontener6{	
	width: 350px;
	background: #cdcdcd;
	border: #f9f9f9 1px solid;
	margin: 0;
}

#kontener1a, #kontener1b, #kontener5a, #kontener5b, #kontener6a, #kontener6b{	
	width: 55px;
	background: #cdcdcd;
	border: #f9f9f9 1px solid;
	margin: 0;
}


#kontener2a, #kontener2b, #kontener4a, #kontener4b{	
	width: 350px;
	background: #cdcdcd;
	border: #f9f9f9 1px solid;
	margin: 0;
}


#kontener0, #kontener7{	
	font-size: 12px;
	font-weight: bold;
	background: #cdcdcd;
	border: #f9f9f9 1px solid;
	margin: 0, auto;
}


#kontener0 p{
	padding: 3px 5px;	
}

#kontener7 p{
	font-size: 13px;
	font-style: oblique;
}


#dnd ul{
	margin-bottom: 15px;
	margin-top: 10px;
	width: 305px;
}


#kontener1a ul, #kontener1b ul{
	margin-bottom: 15px;
	margin-top: 10px;
	width: 90px;
}

#kontener5a ul, #kontener5b ul{
	margin-bottom: 15px;
	margin-top: 10px;
	width: 100px;
}


#kontener5a li, #kontener5b li{
	cursor: move; 
	display: block;
	height: 20px;
	width: 60px;
	padding: 5px 10px 0;
	margin: 0 10px;
	font-size: 10.2px;

	color: #2a2a2a;
	background-color:	#adadad;
	border-top:	#c7c7c7 1px solid;
	border-left:	#c7c7c7 1px solid;
	border-bottom: #909090 1px solid;
	border-right: #909090 1px solid;
}


#kontener1a li, #kontener1b li{
	cursor: move; 
	display: block;
	height: 20px;
	width: 45px;
	padding: 5px 10px 0;
	margin: 0 10px;
	font-size: 10.2px;

	color: #2a2a2a;
	background-color:	#adadad;
	border-top:	#c7c7c7 1px solid;
	border-left:	#c7c7c7 1px solid;
	border-bottom: #909090 1px solid;
	border-right: #909090 1px solid;
}


/* definition of colors for multiple tables and their fields */

#dnd .table0 {
	background-color:	#9999ff;
	border-top:	#ccccff 1px solid;
	border-left: #ccccff 1px solid;
	border-bottom: #6666cc 1px solid;
	border-right: #6666cc 1px solid;
}


#dnd .table1 {
	background-color:	#66cc66;
	border-top:	#99ff99 1px solid;
	border-left: #99ff99 1px solid;
	border-bottom: #339933 1px solid;
	border-right: #339933 1px solid;
}

#dnd .table2 {
	background-color:	#ffff99;
	border-top:	#ffffcc 1px solid;
	border-left: #ffffcc 1px solid;
	border-bottom: #D9D919 1px solid;
	border-right: #D9D919 1px solid;
}

#dnd .table3 {
	background-color:	#ff9999;
	border-top:	#ffccff 1px solid;
	border-left: #ffccff 1px solid;
	border-bottom: #ff6666 1px solid;
	border-right: #ff6666 1px solid;
}


button{
	padding: 3px;
}
 

/* Styles related to Messaging module 
--------------------------------------------------------------------------------------*/

#message_container { background:url(../../res/img/mobile.jpg) no-repeat; width:250px; height:521px; float:left; }
#message_container textarea#message{ background-color:transparent; border:none; color:white; margin:110px 0px 0px 47px; font-size:15px; overflow:auto;}
html>body #message_container textarea#message{ font-size:13px;} /*hacks for IE*/
#message_container div#message{ background-color:transparent; border:none; color:white; margin:110px 0px 0px 47px; width:160px; font-size:15px;}
html>body #message_container div#message{ font-size:13px;} /*hacks for IE*/

/* xajax loading message */
#loadingMessage{position:absolute;left:0;bottom:0;background:#FFFF99;font-size:large;padding:5px;}

/* MDRS Special Styles */
table.rms_special thead {
    border: 1px solid #069;
}

table.rms_special thead th {
    background-color: #777; color:#fff;
}

table.rms_special td {
    border: 1px solid #069;
}

div.loc_loading_msg{
    padding: 3px;
    background-color: #ee2e4a;
    color: #ffffff;
    font-size: 11px;
    font-family: Arial;
    margin-left: 210px;
    width: 170px;
    display: none;
}