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

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:0.8em; }
td, th { padding:5px 5px 0 5px; border:1px solid #ccc; font-size:0.8em; }
/* hack for calender table on ie */
table#scw td{ border:none;}

table#report { border:none; margin-left: 50px; }
table#report td { border:none; margin-left: 50px; }

p#image{ margin-left: 150px; }

/* Now to layout elements... */
div#container { }

	div#header { border-bottom: #069 1px solid; padding: 0 1em; height: 70px; position: relative; background: url(img/sahana_logo.png) #369 no-repeat left top; }
		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:25px; }

		/* incident 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:link { color: #fff; text-decoration: none; } 
				div#menuwrap ul li a:visited { color: #fff; text-decoration: none; }
				div#menuwrap ul li a:hover { color: #FFF; background-color: #333; border-top: #222 1px solid; border-bottom: #444 1px solid; }
                              	#menuwrap ul li.currentMainMenuItem a { background-color: #666; }

    			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.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: 100px; 	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;  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 { 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;  }
			.about-sahana tr th { padding: 5px 0 2px 0; color: #fff; background-color: #369; border:1px #C6D1F5 solid;  }
			.about-sahana tr td {  background:#F3F6FF; font-size: 11px;  }

			/* 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 */
            #outer_map  { margin-left: 10px; }
            #map { float: left; width: 760px; height: 600px; }
            #gis_map_toolbar { float: left; margin: 10px 10px 10px 0; }
            #gis_map_toolbar_default { float: left; }
            #gis_map_toolbar_manipulate { float: left; margin-left: 50px; }
            #gis_map_icon_expand { float: left; width: 24px; height: 22px; background: transparent url(../../res/OpenLayers/theme/default/img/map_resize_out_c.png) no-repeat scroll 0% 0%;
            }
            #gis_map_icon_select { float: left; width: 24px; height: 22px; background: transparent url(../../res/OpenLayers/theme/default/img/move_feature_off.png) no-repeat scroll 0% 0%;
            }
            #gis_map_icon_drag { float: left; width: 24px; height: 22px; margin-left: 5px;                background: transparent url(../../res/OpenLayers/theme/default/img/pan_off.png) no-repeat scroll 0% 0%;
            }
            #gis_map_icon_addpoint { float: left; width: 24px; height: 22px; margin-left: 5px; background: transparent url(../../res/OpenLayers/theme/default/img/draw_point_off.png) no-repeat scroll 0% 0%;
            }
            #gis_map_icon_addline { float: left; width: 24px; height: 22px; margin-left: 5px;              background: transparent url(../../res/OpenLayers/theme/default/img/draw_line_off.png) no-repeat scroll 0% 0%;
            }
            #gis_map_icon_addpolygon { float: left; width: 24px; height: 22px; margin-left: 5px;                 background: transparent url(../../res/OpenLayers/theme/default/img/draw_polygon_off.png) no-repeat scroll 0% 0%;
            }
            #gis_map_icon_freehand { float: left; width: 24px; height: 22px; margin-left: 5px;                 background: transparent url(../../res/OpenLayers/theme/default/img/freehand_off.png) no-repeat scroll 0% 0%;
            }
            #gis_map_icon_descripion { float: left; height: 22px; width: 140px; margin-left: 10px;        margin-top: 3px; color: orange; font-weight: bold; }
            .olControlMousePosition { font-size: 10px; }
            .gis_openlayers_popupbox { padding: 10px; }
                .gis_openlayers_popupbox_header{}
                .gis_openlayers_popupbox_header_l{font-size: 0.8em;}
                .gis_openlayers_popupbox_header_l label{float: left; margin-right: 2px; position: relative; top: 0.4em; width: 3em;}
                .gis_openlayers_popupbox_name span{font-size: 1.8em; font-weight: bold;}
                .gis_openlayers_popupbox_link{float: left; margin-left: 5px; width: 17px; height: 17px; background: transparent url(img/link.png) no-repeat scroll 0% 0%;}
                .gis_openlayers_popupbox_url{margin-top:5px;}
                .gis_openlayers_popupbox_header_r{float: right; font-size: 0.8em}
                .gis_openlayers_popupbox_date{float: right; margin-top:5px;}
                .gis_openlayers_popupbox_address{clear: both; margin-top:20px;}
                .gis_openlayers_popupbox_body{clear: both; margin-top:10px; min-height: 105px }
                .gis_openlayers_popupbox_footer{clear: both; margin-top:10px;}
                .gis_openlayers_popupbox_footer span{float: left; cursor: pointer}
                .gis_openlayers_popupbox_delete{float: left; width: 17px; height: 17px; background: transparent url(img/page_white_delete.png) no-repeat scroll 0% 0%;}
                .gis_openlayers_popupbox_edit{float: left; margin-left: 10px; width: 17px; height: 17px; background: transparent url(img/page_white_edit.png) no-repeat scroll 0% 0%;}
                .gis_openlayers_popupbox_view{float: left; margin-left: 10px; width: 17px; height: 17px; background: transparent url(img/page_white_find.png) no-repeat scroll 0% 0%;}
                .gis_openlayers_popupbox_refresh{float: left; margin-left: 10px; width: 17px; height: 17px; background: transparent url(img/page_white_refresh.png) no-repeat scroll 0% 0%;}
                span.gis_openlayers_popupbox_refreshs{float: right;}
                .gis_openlayers_popupbox_edit_ok{float: left; margin-left: 15px; width: 17px; height: 17px; background: transparent url(img/tick.png) no-repeat scroll 0% 0%;}
                .gis_openlayers_popupbox_edit_cancel{float: left; width: 17px; height: 17px; background: transparent url(img/cross2.png) no-repeat scroll 0% 0%;}

			/* 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,
			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 ol{ position:relative; margin-left: 120px; padding-left: 100px; width: auto; display: block; text-align: left;min-height:1em;top:0.25em;}
div.form-container form fieldset ol.table_ol_view{ position:relative; margin-left: 0px; padding-left: 5px; width: auto; display: block; text-align: left;min-height:1em;top:0.25em;}
div.form-container form fieldset ul.table_ol_view{ position:relative; margin-left: 0px; padding-left: 5px; width: auto; display: block; text-align: left;min-height:1em;top:0.25em;}
div.form-container form fieldset ul{ position:relative; margin-left: 120px; padding-left: 100px; width: auto; display: block; text-align: left;min-height:1em;top:0.25em;}
div.form-container form fieldset span.msg{ position:relative; margin-left: 120px; padding-left: 100px; width: auto; display: block; text-align: left;}
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 form fieldset input.err, div.form-container form fieldset textarea.err { border-color: #C00; background-color: #fef; }
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: #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; padding:0 0 10px 0}
.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; width: 760px; background-color: #fffbb8; color: #F90; border: 1px solid #fc0; font-weight: bold; position: fixed; z-index: 6; }

 /* Dynamic reports styles
........................................................................................*/
/* dr module */
#dnd { margin: 0 auto; }
#dnd ul { margin-bottom: 15px; margin-top: 10px; width: 305px; }
#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; }
#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: #99f; border-top: #ccf 1px solid; border-left: #ccf 1px solid; border-bottom: #66c 1px solid; border-right: #66c 1px solid; }
#dnd .table1 { background-color: #6c6; border-top: #9f9 1px solid; border-left: #9f9 1px solid; border-bottom: #393 1px solid; border-right: #393 1px solid; }
#dnd .table2 { background-color: #ff9; border-top: #ffc 1px solid; border-left: #ffc 1px solid; border-bottom: #D9D919 1px solid; border-right: #D9D919 1px solid; }
#dnd .table3 { background-color: #f99; border-top: #fcf 1px solid; border-left: #fcf 1px solid; border-bottom: #f66 1px solid; border-right: #f66 1px solid; }

button { padding: 3px; }

/* Progress bar*/
#progress_bar{margin: 0 auto;}
#progress_bar td{color: #666666; border-left: 0px solid white; border-top: 0px solid white; border-right: 0px solid white; font-weight: bold;}
.progress_bar_tab_before{border-bottom: 4px solid #7CFC00;}
#progress_bar_tab_current{color: #000000; border-bottom: 4px solid #666666;}
.progress_bar_tab_after{border-bottom: 4px solid #CCCCCC;}
.progress_bar_tab_spacer{border: 0px solid white; margin-left: 10px; margin-right: 10px;}

/* Messaging module styles
--------------------------------------------------------------------------------------*/

#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 0 0 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 0 0 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: #FF9; font-size: large; padding: 5px; }

/* additional xajax styles for use in modSnapshot and other modules --------------------------------------------------------------------------------------- */

.mainTable	{width: 100%; font-size: 12px;}
.mainTable td	{border: none; padding: 3px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.mainRowEven	{background-color: #ffffff;}
.mainRowOdd	{background-color: #e5ffe5;}
.mainArea	{padding: 10px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;background-color: #f3f6ff;margin-top: 20px;border: 1px solid #e3e6ef;}
.logArea	{padding: 10px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;background-color: #f3f6ff;margin-top: 20px;border: 1px solid #e3e6ef;overflow-x: hidden;overflow-y: scroll;height: 40px;}
.controlArea	{padding: 10px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;background-color: #f3f6ff;margin-top: 20px;border: 1px solid #e3e6ef;text-align: center;}
.controlButton	{background-color: #ccc; border-top: 2px solid #fff; border-left: 2px solid #fff; border-right: 2px solid #000; border-bottom: 2px solid #000; margin-right: 30px;}
.loadingMessage	{border: 1px solid green; background-color: #E5FFE5; padding: 15px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: green; font-weight: bold; font-size: 20px;}


/* Cap Aggregator Styles*/

#aggregator{
width:100%; height:700px; margin:0px; top:-44px; left:0px; position:relative; padding:0px
}


#alerts_header { color:#069; background:#F3F6FF; padding:3px 3px 3px 3px; border-bottom:1px #C6D1F5 solid;z-index:10000;width:100%; height:60px; margin:0px;background:#F3F6FF;border:1px #C6D1F5 solid;}
#alerts_container{width:50%; height:100%; float:left;  margin:4px;background:#F3F6FF;border:1px #C6D1F5 solid; overflow:auto}
.alerts_header_left{font-size:15px; font-weight:bolder; }
.alerts_header_message{text-align:right; background:#C6D1F5; color:#069;padding:2px;position:relative;left:44%;font-weight:bolder}
.alerts_header_message_no{color:#000000}
#alerts{margin:2px};
.alert_severe { border: #9ED8D7 1px solid; background: url(../../res/img/minor.png) #ECFDFF no-repeat 5px 5px; margin: 0 0 10px 0; padding: 5px 10px 5px 35px; }
.alert_rigour { border:  #C00 1px solid; background: url(../../res/img/severe.png) #FFE5E5 no-repeat 5px 5px; margin: 0 0 10px 0; padding: 5px 10px 5px 35px;}
.alert_minor { border: #9ED8D7 1px solid; background: url(../../res/img/minor.png) #ECFDFF no-repeat 5px 5px; margin: 0 0 10px 0; padding: 5px 10px 5px 35px; }
.alert_moderate { border: #FC6 1px solid; background: url(../../res/img/moderate.png) #FFC no-repeat 5px 5px; padding: 5px 10px 5px 35px;  margin: 0 0 10px 0}
.alert_test { border: #FC6 1px solid; background: url(../../res/img/test.jpg) #FFC no-repeat 5px 5px; padding: 5px 10px 5px 35px;  margin: 0 0 10px 0}
.alert_excercise { border: #FC6 1px solid; background: url(../../res/img/excercise.jpg) #FFC no-repeat 5px 5px; padding: 5px 10px 5px 35px;  margin: 0 0 10px 0}
.alert_system { border: #FC6 1px solid; background: url(../../res/img/system.jpg) #FFC no-repeat 5px 5px; padding: 5px 10px 5px 35px;  margin: 0 0 10px 0}
.alertsno{font-weight:bolder}
.timesince{font-weight:bolder;float:right;color:#555555}
.imagebutton{display:inline}
.title{font-size:14px; color:#000;display:inline}
.markread{float:right;margin-top:-13px}
#map_area{margin-left:52%; margin-top:4px; width:100px; height:100px}

div.widget{ width:100%;}
.dashboard { border-bottom:2px solid #D5D5D5; border-right:2px solid #D5D5D5; border-left:1px solid #F0F0F0; border-top:1px solid #F0F0F0;-moz-border-radius: 10px}


/* person popup window styles*/

div.popup_window { z-index: 1; }

div.popup_window div.form_header { border: 1px solid black; border-bottom: none; width: 600px; height: 25px; line-height: 19px; vertical-align: middle; background-color: #069; text-decoration: none; font-family: Times New Roman, Serif; font-weight: 900; font-size:  15px; color: white; cursor:  default; }

div.popup_window div.form_body { width: 600px; border: 1px solid black; background-color: #F3F6FF; }

div.popup_window img.form_exit { float:  right; margin: 4px 5px 0px 0px; cursor: pointer; }