body { margin-top: 0px; margin: 0px; padding: 0px; background: #fff;
	font-family: "Lucida", Helvetica, Tahoma, Verdana, Geneva, sans-serif; font-size: 70%;}
div, table { margin-top: 0px; margin-bottom: 0px;}	

a {color: #396c9b; text-decoration: none; }
a:hover {color: black;}

hr {border-top: none; border-left: none; border-bottom: 1px solid silver; height: 1px; margin: 5px 0px 10px -8px;}
	
.Hidden { display: none;}	
	
#header1 {height: 40px; margin-top: 0px; background: #686c91}
#header1 h1 {margin-top: 0px; padding: 8px 0px 0px 25px;color: #fff;}
#header1 h1 span { font-weight: normal;}

#languages {position: absolute; right: 20px; top: 0px; padding: 8px 20px 8px 25px; border-left: 1px solid #383838; }
#languages a {background-color: #383838; color: #fff; padding:2px}

#menu {background: url(../img/menubg.gif) repeat-x; height: 30px;}
#menu p {padding: 8px 0px 0px 25px; margin-top: 0px;}
#menu p a {color: #fff; text-decoration: none; font-size: 120%; margin-right: 20px;}
#menu p a:hover {color: #60c1fd;}

#content {width: 100%; padding:0px; margin: 0px; background: #fff;}

.clr {width: 100%; clear:both; height: 0px; }
.clrplus { display: block; height: 1px;}


/* Global styling */
/* ----------------------------------------------------------------------------------------*/
#content h1 {margin: 0px 0px 20px 0px; padding: 0px; color: #36a407; font-size: 190%; font-weight: normal; height: 30px; }
/* #636163 */
h4 { border-bottom: 3px solid gray; font-size: 140%; font-weight: normal; margin-bottom: 0px; padding:0px; padding-bottom: 5px; padding-left: 12px; margin-top: 0px;}
h2.folder { margin:0px; margin-left:8px; float: left; background: url(../img/h2-Rcorn.png) top right no-repeat; font-size: 100%; color: #fff; font-weight: normal; }
h2.folder span { display: block; background: url(../img/h2-Lcorn.gif) top left no-repeat; padding: 0.6em 1em 0.25em; }

h3 { border: none; border-bottom: 2px solid #636163; font-size: 100%; font-weight: normal; margin-bottom: 0px; padding:0px; padding-bottom: 3px;  width: 100%;}
h3 span { background: #636163; color: #fff; padding: 3px 15px 3px 8px; margin-left: 10px; height: 25px; width: 150px;}

.tabline { display:block; border-bottom:3px solid gray; clear:both }
.SimpleBox { background:#f2f2f2; border: 1px solid silver; border-top: none; margin-top: 0px; padding: 8px;}



/* ----------------------------------------------------------------------------------------*/

/*#content p {margin: 0px; padding:0px 20px 10px 0px; color: #565656; line-height: 150%;}*/
#content #big_one  {width: 96%; float: left; padding: 15px 2% 15px 2%; margin: 0px;}
#content #big_one #leftpad {float: left; margin: 0px;}
#content #big_one #rightpad {float: right; margin: 0px;}

.CategoryTree { margin:0px; border: 1px solid silver; padding-right: 0px;}
.CategoryTree a { display: block; padding: 3px 2px 3px 5px; border-bottom: 1px solid #f9f9f9;}
.CategoryTree a:hover { background: #f2f2f2; }
.CategoryTree span { padding: 0px 0px 0px 8px; display: block;}
.OpenBranch { font-weight: bold; background: #fff}
.ActiveBranch, a.ActiveBranch:hover { color: black; background: #a0d924; font-weight: bold;}
.Unvisible { background: url(../img/td-srafo-light.gif);}

#TopListBar { background: #efefef; padding: 5px; margin-top: 0px;}
#ItemsCount { width: 50%; float: left; white-space: nowrap;}
#ItemsCount b { font-size: 140%;}
#SearchField { width: 30%; float: right; text-align: right; }

.VLine { background: url(../img/separebold.gif) repeat-y right; }
.HLine { background: url(../img/hline.gif) repeat-x; height: 1px; margin: 8px 0px 8px 0px; padding: 0px;}

.bold { font-weight: bold; color: #298004; }

/* Info, Warn, Error */
#SysMesg { width: 100%; border: 1px dashed silver; margin-bottom: 25px;}
#SysMesg span {display: block; padding: 8px 50px 8px 40px}
#SysMesg .info {background: url(../img/info.png) no-repeat 15px 8px;}
#SysMesg .warn {background: url(../img/warning.png) no-repeat 15px 6px;}
#SysMesg .error {background: url(../img/error.png) no-repeat 15px 8px; border-color: red; font-weight: bold;}
#SysMesg .HideSM {display: block; width: 30px; position: relative; float: right; right:20px; top:8px; font-size: 90%;}


/* forms */
form {padding: 0px; margin-top: 0px; margin-bottom: 0px;}
label {width: 20%;  display: block; float: left; margin-bottom: 5px; white-space: nowrap; padding-top: 3px;}

.input { width: 95%; padding: 2px; color: black; border: 1px solid silver;}  
.f_input, .f_search { width: 75%; padding: 2px; color: black; border: 1px solid silver;}
.f_search {width: 40%; margin-bottom: 0px;}
.f_textarea { width: 100%; margin-bottom: 8px; padding: 2px; color: black; border: 1px solid silver; font-size: 150%; font-family: monospace;}
.f_short { width: 50px; }
.f_small { width: 20%; }
.f_middle { width: 50%; }

.submit {border: 1px solid #3182b6; background: url(../img/butt_submit.gif); color: #fff; height: 20px; padding-left: 5px; padding-right: 5px; margin-top: 2px;}
.cancel {border: 1px solid gray; background: url(../img/butt_cancel.gif); color: #fff; height: 20px; padding-left: 5px; padding-right: 5px; margin-top: 2px;}
.search {border: 1px solid gray; background: url(../img/butt_green.gif); color: #fff; height: 20px; padding-left: 5px; padding-right: 5px; margin-top: 0px;}
.delete {border: 1px solid red; background: url(../img/butt_delete.gif); color: #fff; height: 20px; padding-left: 5px; padding-right: 5px; margin-top: 0px;}
.deletePlus {border: 1px solid gray; background: url(../img/butt_deleteplus.gif); color:black; height: 20px; padding-left: 35px; padding-right: 5px; margin-top: 0px;}


/* Table Scrollable Listings */
#ScrollFrame { border: 1px solid gray; background: gray; margin-bottom: 8px;}
#ScrollerHeader th { color: black;  background: #bdbdbd; padding: 10px 4px 4px 4px; margin: 0px;}
#ScrollerDiv { border-bottom: 2px solid gray; height: 200px; overflow: auto; background: #fff;}
table.ScrollTable {table-layout: fixed; width: 100%;}
table.ScrollTable th,td { padding: 4px; border-right: 1px solid #f1f1f1; } 
table.ScrollTable td { border-bottom: 1px solid #fcfcfc;}
table.ScrollTable td img { margin-right: 4px;}



/* Paging */
.buttonize, .buttonize_unactive { padding: 0px 5px 0px 5px; text-decoration: none; margin-right: 3px;}
a.buttonize { font-weight: bold; color: black; border: 1px solid green; background: #baef2f;}
a.buttonize:hover {background: #fff;}
a.buttonize_unactive { background: #fff; color: black; border: 1px solid black;}


/* DN EDIT */
#DN_List { font-size: 110%; }
#DN_List a { display: block; float: left; margin-bottom: 3px; width: 100%; overflow: left;}
#DN_List a.Red { color: red;}
#DN_List a.Green { background: #baef2f; color: black;}

#editor { }
.EditDiv { display: none; }
.Next { background: #63d0fe; font-weight: bold; font-size: 110%;}
.Save { background: #baef2f; font-weight: bold; font-size: 110%;}
.FiftyFifty { width: 50%; float: left;}  
#eForm span { width: 60px; float: left; display: block; padding-top: 6px;}
#eForm .Full { width:150px; margin-left: 10px;}
#eForm .Three { width:50px; margin-left: 10px;}
#eForm .Req { border: 1px solid red; font-weight: bold;}
#eForm .TotalFull { width: 240px;}
img.help { vertical-align: middle; margin-left: 5px; cursor: pointer;}