/* CMS Made Simple - Modern Theme */
/* 2005 (c) Alexander Endresen - alexander@endresen.org */
/* General tags */
a  {
   text-decoration: none;
   }

a:hover  {
   text-decoration: underline;
   }

.pagecontainer a, .breadcrumbs a , .pageback a, .MainMenu a, .itemmenucontainer a  {
	text-decoration: underline;
}

a.move_up {
	margin-left:16px;
}

.pagecontainer a:hover, .breadcrumbs a:hover, .pageback a:hover, .MainMenu a:hover, .itemmenucontainer a:hover  {
	text-decoration: none;
	background: #999999;
	color: #fff;
}

a:hover img {
	background: transparent;
}

body  {
   font-size: 70%;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   background-color: #699cc7;
   margin: 0px;
   padding: 0px;
   height: 100%;
   }

h1  {
   font-size: 2em;
   }

h2  {
   font-size: 1.6em;
   }

h3  {
   font-size: 1.2em;
   }

h4  {
   font-size: 1em;
   }

blockquote, input, li, select, th, td  {
   font-size: 1em;
   }

p  {
   font-size: 1em;
   margin: 0px;
   }

form  {
   margin: 0px;
   display: inline;
   }

input  {
   font-size: 1.2em;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   border: solid 1px #666666;
   }

textarea  {
   font-size: 1.2em;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   border: solid 1px #666666;
   width: 48em;
   height: 30em;
   }

select  {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   border: solid 1px #666666;
   }

div  {
   text-align: left;
   }

th, td  {
   text-align: left;
   }
code, tt, pre {
	font-size: 120%;
	}

/* Login page */
div.lblayout  {
   margin-right: auto;
   margin-left: auto;
width: 25em;

   height: auto;
   }

div.lbtopmargin  {
   margin-top: 50px;
   margin-left: auto;
   margin-right: auto;
   }

div.lball  {
   text-align: center;
   }

div.lbcontainer  {
   background-color: #ececec;
   margin-top: 3px;
   padding: 10px;
   border: solid 1px #555555;
   overflow: hidden;
   }

div.lbinfo  {
   background: url(themes/default/images/vstippled.gif) repeat-y right top;
   text-align: center;
   float: left;
   padding-right: 1em;
   width: 25em;
   }

div.lbfields  {
   background: url(themes/default/images/vstippled.gif) repeat-y left top;
   float: left;
   margin-left: -1px;
   padding-left: 1em;
   width: 28em;
   }

div.lbfieldstext  {
   float: left;
   }

div.lbinput  {
   float: left;
   margin-left: 10px;
   }

input.lbsubmit  {
   color: #ffffff;
   background-color: #999999;
   margin-top: 5px;
   cursor: pointer;
   }

input.lbpassword  {
   margin-top: 5px;
   }

input.order {
   width:2em;
   font-size: 1em;
	text-align: center;
   }

p.lbuser  {
   color: #555555;
   font-size: 1.2em;
   }

p.lbpass  {
   color: #555555;
   font-size: 1.2em;
   margin-top: 10px;
   }


/* Main Page - Menu */
#nav, #nav ul  {
   list-style-type: none;
   margin: 0;
   padding: 0;
   }

#nav ul  {
   border: solid 1px #c6c3bd;
   }

#nav a  {
   color: #384654;
   text-decoration: none;
   padding-right: 10px;
   padding-left: 10px;
   display: block;
   }

#nav li a  {
   font-size: 13px;
   margin-top: 2px;
   padding-bottom: 2px;
   }

#nav li ul a  {
   text-align: left;
   margin-top: 0px;
   padding-bottom: 0px;
   position: relative;
   }

#nav li  {
   float: left;

   padding: 0;
   }

#nav li ul  {
   background-color: #f8f8f8;
   margin: 0;
   padding: 0px;
   position: absolute;
   width: auto;
   height: auto;
   display: none;
   position:absolute;
   z-index:999;
}

#nav li li  {
   float: none;
   margin: 0px;
   padding: 0px;
}

#nav li:hover ul ul, #nav li.cssHover ul ul  {
   display: none;
   }

#nav li:hover ul, #nav li.cssHover ul  {
   display: block;
   }

#nav li:hover, #nav li.cssHover, a.module:hover, a.first_module:hover  {
   background-color: #abb0b6;
   }

li.selected  {
   background-color: #bdc0c6;
   }

a.module  {
   background-color: #f0f0f0;
   }

a.first_module  {
   background-color: #f0f0f0;
   border-top: 1px solid #c6c3bd;
   }

#nav li.sep  {
   line-height: 2px;
   border-bottom: 1px solid #c6c3bd;
   }


/* Nav Tools */
div.MainMenu {
   float:left;
}
div.navt_menu  {
   position: absolute;
   right: 0px;
   }

div.navt_show  {
   background: url(themes/default/images/show_navtools.gif) no-repeat;
   float: left;
   width: 15px;
   height: 81px;
   cursor: pointer;
   }

div.navt_hide  {
   background: url(themes/default/images/hide_navtools.gif) no-repeat;
   float: left;
   width: 15px;
   height: 81px;
   cursor: pointer;
   }

#navt_container  {
   background-color: #bdc0c6;
   float: left;
   border: solid 1px #c6c3bd;
   width: 20em;
   }

#navt_tabs div  {
   color: #384654;
   background-color: #bdc0c6;
   text-align: center;
   float: left;
   padding-right: 8px;
   padding-left: 8px;
   cursor: pointer;
   }

#navt_tabs div:hover, #navt_tabs div.cssHover  {
   background-color: #abb0b6;
   }

#navt_tabs div.active  {
   background-color: #ececec;
   }

#navt_content  {
   color: #384654;
   background-color: #ececec;
   padding: 5px;
   }

#navt_content a  {
   color: #384654;
   }

.visible  {
   display: block;
   }

.invisible  {
   display: none;
   }


/* Page Tabs - used for all page tabs */
#page_tabs  {
   overflow: hidden;
   }

#page_tabs div  {
   color: #fff;
   font-size: 1.1em;
   background-color: #9ca2a9;
   text-align: center;
   float: left;
   margin-right: 5px;
   padding-right: 8px;
   padding-left: 8px;
   cursor: pointer;
   }

#page_tabs div:hover, #page_tabs div.cssHover  {
   background-color: #7a838b;
   }

#page_content  {
   background-color: #e1e1e1;
   padding: 5px;
   border: solid 1px #999999;
   }

#page_tabs div.active  {
   background-color: #999999;
   }


/* top*.php files */
a.itemlink  {
   color: #384654;
   font-weight: bold;
   font-size: 1.1em;
   }

a.itemsublink  {
   color: #384654;
   }

div.itemmenucontainer  {
   color: #384654;
   background-color: #ececec;
   margin: 10px;
   padding: 5px;
   border: solid 1px #666;
   width: 45em;
   }

div.itemoverflow  {
   overflow: hidden;
   }

div.itemoverflow img  {
   border: none;
   }

img.itemicon  {
   border: 0px;
   width: 32px;
   height: 32px;
   }

p.itemicon  {
   float: left;
   margin-right: 10px;
   }

p.itemtext  {
   float: left;
   width: 39em;
   }

div.shortcuts {
   width: 15em;
   }

div.shortcuts h2 {
   border-bottom: 1px solid #ccc;
   margin: 0 0 0.3em 0;
}

div.shortcuts h3 {
   padding-top: 1em;
}

div.shortcuts ul {
  margin: 0.5em 0 0 0;
  padding-left: 0;
  }

div.shortcuts li {
   background-image: url(themes/default/images/icons/topfiles/shortcut.gif);
   background-repeat: no-repeat;
   background-position: 1em 0.3em;
   padding-left: 2.5em;
   list-style: none;
   line-height: 1.3em;;
   }

div.shortcuts a {
   color: #384654;
   }


/* All pages - Content */
#MainContent  {
   background-color: #fff;
   padding-top: 5px;
   padding-bottom: 5px;
   }

div.topmenucontainer  {
   background-color: #ececec;
   border-bottom: 1px solid #c0c0c0;
width:100%;
   }

div.hstippled  {
   font-size: 1px;
   background: #fff url(themes/default/images/hstippled.gif) repeat-x center;
   height: 1px;
   }

div.breadcrumbs  {
   background-color: #fff;
   }

p.breadcrumbs  {
   color: #666;
   padding-top: 3px;
   padding-bottom: 3px;
   padding-left: 5px;
   }

p.logocontainer  {
   padding-top: 5px;
   padding-bottom: 5px;
   padding-left: 5px;
   }

.footer  {
   color: #fff;
   text-align: center;
   padding-top: 5px;
   clear:both;
   }

a.breadcrumbs  {
   color: #666;
   }

a.footer  {
   color: #fff;
   }


/* Standard pages output */
div.pagecontainer  {
   background-color: #ececec;
   margin: 10px;
   padding: 5px;
   border: solid 1px #666;
   }

div.pagecontainer p {
   margin-bottom: 1em;
}

div.pageerrorcontainer  {
   background-color: #ba5a5a;
   margin: 10px;
   padding: 5px;
   border: solid 1px #666;
   color: #fff;
   width: 95%;
   }
div.pageerrorcontainer a {
   color: #fff;
   text-decoration: underline;
}

div.pageerrorinstalldir  {
   background-color: #ba5a5a;
   margin: 10px;
   padding: 5px;
   border: solid 1px #666;
   width: 45em;
   color: #fff;
   }

div.pagemcontainer  {
   background-color: #ccc;
   margin: 10px;
   padding: 5px;
   border: solid 1px #666;
   }

div.pageoverflow  {
   clear: left;
   padding-top: 1px;
   width: 97%;
   overflow: hidden;
   }

div.pageoverflow a, div.pagecontainer a  {
   color: #384654;
      }

div.pageoverflow img  {
   border: 0px;
   }

div.pageoptions  {
   padding-top: 1px;
   }

img.pageicon  {
   border: none;
   }

img.systemicon  {
   border: none;
   vertical-align: middle;
   }

a.pageoptions  {
   color: #384654;
   vertical-align: 3px;
   }

a.pageback  {
   color: #384654;
   }

p.pageback  {
   margin-left: 10px;
   }

div.pagecontainer .pageheader  {
   color: #384654;
   font-weight: bold;
   font-size: 1.1em;
   margin-bottom: 0;
   border-bottom: 1px solid #ccc;
   margin-bottom: 10px;
   }

div.pagecontainer p.pagetext  {
   color: #384654;
   float: left;
   padding-top: 5px;
   padding-right: 5px;
   width: 15em;
   margin-bottom: 0.5em;
   }

div.pagecontainer span.helptext {
	font-size: 0.9em;
	font-weight: normal;
	margin-left: 1em;
	padding: 2px;
	}

div.pagecontainer p.pageinput  {
   color: #384654;
   float: left;
   padding-top: 5px;
   margin-bottom: 0.5em;
   }

p.pageinputwysiwyg  {
   padding-top: 5px;
   }

div.pagecontainer p.pagemessage  {
   margin-bottom: 0;
   }

p.pageshowrows  {
   color: #384654;
   text-align: right;
   float: right;
   margin-right: 5px;
   }

p.pagesubtitle  {
   color: #384654;
   font-weight: bold;
   padding-top: 5px;
   }

p.pageoptions  {
   color: #384654;
   padding-top: 5px;
   }

.pagerows {
   font-size: 1.3em;
}

table.pagetable  {
   font-size: 1em;
   margin-bottom: 5px;
   border: solid 1px #c6c3bd;
   width: 97%;
   }

table.pagetable th  {
   color: #fff;
   background-color: #385c72;
   }

table.pagetable th a {
	background: #385C72;
	color: #fff;
	text-decoration: underline;
	}

table.pagetable th.active {
	color: #E6A2FF;
	}

table.pagetable th.active a {
	color: #E6A2FF;
	text-decoration: underline;
	}

table.pagetable tr  {
   height: 1.8em;
   }

table.pagetable td  {
   color: #384654;
   }

table.pagetable a  {
   color: #384654;
   }

th.pagepos  {
   text-align: center;
   }

.move  {
   width: 60px;
   text-align: left;
   padding-left: 5px;
   }

.checkbox {
   padding-left: 10px;
   }

th.pagew10  {
   width: 10%;
   }

th.pagew25  {
   width: 25%;
   }

th.pagew50  {
   width: 50%;
   }

th.pagew60  {
   width: 60%;
   }

th.pagew70  {
   width: 70%;
   }

th.pageicon  {
   width: 16px;
   }

td.pagew30  {
   width: 30%;
   }

td.pagepos  {
   text-align: center;
   }

tr.row1  {
   background-color: #fff;
   }

tr.row2  {
   background-color: #ececec;
   }

tr.row1hover  {
   background-color: #ddd;
   }

tr.row2hover  {
   background-color: #ddd;
   }

td.pageicon  {
   background-color: #fff !important;
   }

td.icons_wide {
	width: 25px;
	}

iframe.imageframe  {
   margin-top: 10px;
   border: none;
   width: 100%;
   }

iframe.preview  {
   background-color: #fff;
   margin: 10px;
   border: solid 1px #666;
   width: 95%;
   height: 400px;
   }

input.standard  {
   }

input.pagebutton  {
   background-color: #d4d0c8;
   cursor: pointer;
   }

input.pagebuttonhover  {
   background-color: #bbb;
   cursor: pointer;
   }

input.pagecheckbox  {
   border: none;
   }

textarea.pagetextarea  {
   width: 48em;
   height: 30em;
   }

textarea.pagebigtextarea {
	height: 40em;
	width: 55em;
	}

textarea.pagesmalltextarea {
	height: 15em;
	width: 48em;
	}

textarea.pageheadtags  {
   height: 5em;
   }

ul.pageerror  {
   margin: 5px 0 10px 0;
   padding-left: 10px;
   }
ul.pageerror li {
	padding-left: 5px;
	margin-left: 15px;
   list-style-image: url("themes/default/images/icons/system/stop.gif");
   }
div.pageerrorcontainer a {
	color: #fff;
	}
.clearb  {
   clear: both;
   }

.loginerror  {
   color: #ce374e;
   }

.logotext  {
   color: #ffffff;
   font-weight: bold;
   font-size: 1.6em;
   vertical-align: 10px;
   margin-left: 15px;
   }

.imageframe  {
   height: 300px;
   }

.ajaxbutton  {
   clear: both;
   padding-top: 5px;
   padding-left: 1px;
   }
/* Unused it seems.
ul.sortable  {
   margin: 1px;
   padding: 0;
   border: solid 1px black;
   width: 250px;
   height: 80px;
   overflow: auto;
   border-collapse: collapse;
   }

ul.sortable li  {
   list-style-type: none;
*/
/*   list-style-position: ; */
/*
   margin: 1px;
   padding: 0 0 0 5px;
   border: solid 1px #cccccc;
   width: 90%;
   cursor: move;
   }
*/
ul.sortableList {
	list-style-type: none;
	padding: 6px;
	margin: 2px;
	width: 300px;
}
ul.sortableList li {
	cursor: move;
	padding: 2px 2px;
	margin: 2px 0px;
	border: 1px solid #000000;
	background-color: #999999;
}
ul.sortableList li li {
	background-color: #ececec
 }
ul.sortableList li li li {
	background-color:  #999999;
 }
ul.sortableList li li li li {
	background-color: #ececec
 }
ul.sortableList li li li li li {
	background-color:  #999999;
 }
.important {
 color: red;
}