* { margin:0; padding:0;}

body { background:#fff; color:#000; font:.625em Arial, Tahoma, Verdana, Helvetica, Geneva, Tahoma, sans-serif; text-align:left;}

p { margin-bottom:1em; }
li { margin-left:2em; }
ol li { margin-left:3.5em; }
img { border:0; }
table { border-collapse:collapse; border:0; }
input, select, textarea { font-size:1em; }

.sepaRator { clear:both !important; }
.nonVisual { height:0 !important; padding:0 !important; margin:0 !important; overflow:hidden; } /* don't use visibility:hidden or display:block - may hide from screen readers */
.noClear { clear:none !important; }
.noDisplay { display:none !important; }

a { color:#000; text-decoration:underline;}
a:hover { color:#56BAFC;}

#wrapper { width:1000px; margin:0 auto; font-size:1.2em;}

	#container { float:left; width:980px;}

	#header { float:left; width:960px; margin-bottom:0px; padding:10px; background:#004262 url(../images/header-bg.png) repeat-x; color:#fff; }
		#header h1 {}
		#header h1 a { float:left; width:180px; height:49px; margin:4px 0 0 10px; background:url(../images/page-logo.png) no-repeat; color:#fff; text-indent:-9999px;}
		#header  ul { float:right; margin:0px 5px 15px 0; list-style:none;}
		#header  ul li { float:left; margin:0 0 0 18px;}
		#header  ul li a { font-weight:bold; color:#fff;}
		
		#searchBox { clear:right; float:right;}
		#searchBox  label { float:left; margin-right:10px; margin-top:1px;}
		#searchBox  input { float:left; width:113px; padding:1px 3px; border:1px solid #fff; font-size:.85em; background:#fff url(../images/search-input-bg.png) no-repeat;}
		#searchBox  input.search-submit-btn { width:auto; margin-left:10px; padding:0; border:0; background:0;}
	
	#contentWrap { clear:both; float:left; width:980px; margin-bottom:20px; margin-top:2px; padding-top:20px; border-top:2px solid #006291; text-align:left}
		#panel { float:left; width:238px; margin:0; border:1px solid #006291; background:#ecf9ff;}
			#categories { position:relative; float:left; width:238px;}
			#categories h2 { position:relative; padding:4px 5px; font-size:1.2em; background:#006291; color:#fff; overflow:hidden;}
			#categories h2 a { position:absolute; top:0px; right:0px; width:16px; height:24px; padding:0 3px; font-size:.85em; color:#fff; text-decoration:underline; background:url(../images/icon-add-cat.png) no-repeat 3px; text-indent:-9999px;}
			#categories.subPanelShow h2 a { background:#9DDFFF url(../images/icon-close-cat.png) no-repeat 3px 4px; text-indent:-9999px; color:#006291;}
			#categories ul { position:relative; clear:both; float:left; width:238px; padding:10px 0; border-top:0; list-style:none;}
			#categories ul li.rowActive { background:#b0d8ff;}
			#categories ul li.rowActive a:hover { color:#000; }
			#categories ul li a.cl-delIcon { position:absolute; right:5px; top:5px; display:block; width:9xp; height:10px; background:url(../images/icon-delete.png) no-repeat;}
			#categories ul li:hover a.cl-delIcon  { display:block;}
			li.sortable-element-class { position:relative; clear:both; margin:0; padding:3px 12px; text-align:left;}			
			li.sortable-element-class  img.imgIconMove { float:left; margin:2px 10px 0 0; cursor:move;}
			li.sortable-element-class a { /*display:block; width:214px;*/ text-decoration:none;}
			li.sortable-element-class a:hover { color:#000; text-decoration:underline;}
			.sorthelper { background:#d2f0ff;}
			#dragHelper li a{ font-size:1.2em}
			
		#content { position:relative; float:right; width:718px; margin:0; border:1px solid #006291; background:#ecf9ff;}
			#content h2 { position:relative; float:left; width:708px; margin-bottom:15px; padding:4px 5px; font-size:1.2em; background:#006291; color:#fff;}
			#content h2 strong { position:absolute; right:0; top:0; width:450px; margin:0; padding:0;}
			#content h2 strong a#note-add { float:right; width:16px; height:24px; margin:0; padding:0 3px; font-size:.85em; color:#fff; text-decoration:underline; background:url(../images/icon-add-cat.png) no-repeat 3px; text-indent:-9999px;}
			#content h2  a.notes-view { float:left; margin:0; padding:3px 4px 0 1px;}
			#content h2 strong span { float:right;  margin:0; padding:3px 5px 6px;}
			#content h2 strong a#cat-tools { float:right; margin:0; padding:4px 5px 6px; font-size:.85em; color:#fff; text-decoration:underline;}
			#content.subPanelShow h2 a#cat-tools { background:#9DDFFF; color:#006291;}
			#content h2 a.n-editName { visibility:hidden}
			#content h2:hover a.n-editName { visibility:visible;}
			
			#notes-toolbar { position:relative; clear:both; float:left; width:676px; margin:-5px 0 5px -5px; padding:4px 5px; border-bottom:1px solid #008ED2; font-size:1.2em; background:#a6e2ff url(../images/note-toolbar-bg1.png) repeat-x; color:#fff;}
			#notes-toolbar a { float:left; width:20px; height:20px; margin-right:3px; border:1px solid #00acff; background:#E1F5FF;}
			#notes-toolbar a:hover { border-color:#008ed2; background:#fff}
			#notes-toolbar a img { border:none; padding:2px}
			#notes-toolbar a.delete, #notes-toolbar a.redo, #notes-toolbar a.attachments, #notes-toolbar a.del, #notes-toolbar a.ul, #notes-toolbar a.unlink { margin-right:13px;}
			
			#notes { clear:both; float:left; width:688px; padding:0 15px 15px 15px;}
			#notes.search-result {}
			#notes.search-result .note-header { cursor:default;}
			.note-wrapper { clear:both; float:left; width:676px; margin:0 0 15px 0; padding:5px 5px 5px; border:1px solid #008ed2; background:#b0d8ff; color:#008ed2;}
			.note-wrapper:last-child { margin-bottom:0;}
			.note-wrapper.selected { background:#fff;}
			.note-header { position:relative; top:-5px; left:-5px; width:686px; height:20px; margin:0; background:#006a9d; overflow:hidden; cursor:move;}/* url(../images/note-header-bg.png) repeat*/
			.note-header p.note-title { position:absolute; top:2px; left:5px; width:600px; font-weight:bold; color:#fff;}
			.note-header a.closeEl { position:absolute; right:5px; top:5px; z-index:5; width:9px; height:9px; text-decoration:none; background:url(../images/icon-minus.png) no-repeat; text-indent:-9999px;}
			.note-header a.closeEl.plus { background:url(../images/icon-plus.png) no-repeat;} 
		    .note-content { clear:both; float:left; width:100%; margin-top:0px;}
			.note-content textarea { width:664px; height:50px;}
			.note-date { clear:both; float:left; width:100%; margin:5px 0 0; font-size:.9em;}
			.note-attachments { clear:both; float:left; width:664px; margin:0; padding:2px 5px; border:1px solid #00acff; border-top:0; font-size:.9em; background:#e1f5ff;}
			.note-attachments h4 { float:left; font-size:1em}
			.note-attachments ul { float:left; list-style:none;}
			.note-attachments li { float:left; margin:0 0 0 15px;}
			.note-attachments li a { color:#008ED2; text-decoration:none;}
			.note-attachments li a:hover { text-decoration:underline;}
			.note-attachments.files img { margin:0 0 0 2px; vertical-align:-1px;}
			.note-attachments.add { display:none; padding:5px;}
			.note-attachments.add h4 { margin:2px 10px 0 0;}
			.note-attachments.add input { float:left;}
			.note-attachments.add img { margin:2px 0 0 5px;}
			.rte, .notes-iframe { display:block; clear:left; width:664px; height:80px; padding:5px; border:1px solid #00acff; background:#e1f5ff;}
			
			.notes-error { margin-bottom:0px;}
			#dragHelper div.note-content{ font-size:1.2em}
			#notes .sortHelper { border:3px dashed #004262; width:auto !important;}
	
	#footer { clear:both; float:left; width:100%; background:#006291; color:#fff; text-align:center}
	#footer p { margin:5px 0;}
	#footer a { color:#535353; color:#fff;}

#pnlCatAdd { clear:both; float:left; width:228px; padding:5px; border-bottom:1px solid #008ed2; background:#9ddfff; display:none;}
#pnlCatAdd label { float:left; width:100%; margin-bottom:2px;}
#pnlCatAdd input { float:left; width:179px; margin-right:5px; padding:1px; border:1px solid #000;}
#pnlCatAdd input.btnSubmit { width:auto; margin-right:0; padding:0px; border:0; background:#fff; }

ul#pnlCatTools { display:none; position:absolute; top:24px; right:-1px; z-index:10; float:left; width:150px; padding:5px; border:1px solid #008ed2; border-top:0; list-style:none; background:#9ddfff;}
ul#pnlCatTools  li { margin:0; padding:0; text-align:right;}
ul#pnlCatTools  li a { text-decoration:none;}
ul#pnlCatTools  li a:hover { color:#000; text-decoration:underline;}
ul#pnlCatTools  li.tools-item-line { margin-bottom:5px;padding-bottom:5px; border-bottom:1px solid #008ed2;}

fieldset.forms { width:250px; margin:0 auto; border:0; color:#006291;}
fieldset.forms p { position:relative; clear:both; float:left; width:100%; margin-bottom:10px}
fieldset.forms p label { float:left; width:120px;}
fieldset.forms p label span.mandatory { position:absolute; right:0; top:0; color:#f00; font-weight:bold;}
fieldset.forms p input { float:left; width:120px; border:1px solid #006291; color:#006291;}
fieldset.forms p.submitBtn input { float:left; margin-left:70px; padding:2px 10px; border:1px solid #006291; background:#0070a6; color:#fff; font-size:.9em;}


#pageWrapper { clear:both; float:left; width:688px; padding:0 15px 15px 15px;}
#pageWrapper  .page-part { margin-bottom:30px;}
#pageWrapper  .page-part:last-child { margin-bottom:0;}
#pageWrapper  .page-part.last-child { margin-bottom:0;}
#pageWrapper h3 { margin-bottom:10px;}
#pageWrapper p { text-align:justify;}
#pageWrapper p.image { text-align:center; font-weight:bold;}