@import "tree.css";
@import "tabs.css";
@import "syshtml.css";

/* GLOBAL */
body { background-color: #fff }
body, td, p { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12px; }

a, a:link { color: #18336A; text-decoration: underline; }
a.sel, a:hover { color: #F0330D; text-decoration: underline; }

.title { color: #F0330D; font-weight: bold; }
table.title { background: #18336A; color: #FFFFFF; font-weight: bold; border: 0; }
.msg, .err, .warn {
	color: #333;
	padding: 5px 5px 5px 25px;
	display: block;
	width: 400px;
	margin: 5px auto;
	background: #FFFDE5 url(/Admin/img/msg-icon.gif) no-repeat 5px 3px;
	border: 1px solid #ccc;
}
.err {
	background-image: url(/Admin/img/err-icon.gif);
}
.warn {
	background-image: url(/Admin/img/warn-icon.gif);
}
.bwt { height: 18px; }
.bwt img { vertical-align: bottom; }
img { border:0; }

/* LOGIN */
.logintitle, .loginform { color: #FFFFFF; }
.logintext { color: #999999; font-weight: normal; }
.loginfield { color: #000000; border: 1px inset #336699; width: 140px; }
.loginsubmit { color: #000000; border-style: outset; border-width: 1px; }

/* MAIN HEADER */
.headtext { color: #FFFFFF; font-size: 10px; }
.headsep { color: #18336A; font-weight: bold; }
.headlink, .headlink:link { color: #18336A; font-weight: bold; text-decoration: underline; }
.headlinka, .headlinka:link { color: #F0330D; font-weight: bold; text-decoration: none; }
.headlink:hover, .headlinka:hover { color: #F0330D; font-weight: bold; text-decoration: underline; }

/* SEARCH FORM */
tr.srchrow1 { background: #F1F1F1; }
tr.srchrow2 { background: #FFFFFF; }

/* LIST */
table.list { border: 0; border-collapse: separate; border-spacing: 1px; background: #E5E5E5; }
table.list tr.listrow1:hover, table.list tr.listrow1:hover a, table.list tr.listrow2:hover, table.list tr.listrow2:hover a, table.list tr.listrowh1:hover, table.list tr.listrowh2:hover { color: #F0330D; }

table.list td { padding: 3px; }
tr.listhead { background: #FFFFFF; font-weight: bold; text-align: center; }
tr.listrow1, tr.listrowh1 { background: #F1F1F1; }
tr.listrow2, tr.listrowh2 { background: #FFFFFF; }
tr.listrowh1, tr.listrowh2 { color: #777777; }
tr.listpager { background: #FFFFFF; font-weight: bold; text-align: center; }
tr.listpager td { padding: 2px; }
td.listbuttons { text-align: right; }
tr.disabled a { color: #888888; }
tr.disabled td { color: #888888; }
table.list td.sel { font-weight: bold; }
table.list tr.sel { font-weight: bold; }

/* OBJECT FORM */
tr.formrow1 { background: #F1F1F1; }
tr.formrow2 { background: #FFFFFF; }
td.formlabel { width: 200px; text-align: right; }
td.formbuttons { text-align: center; }
select.formdms {
 width: 150px;
 height: 100px;
 font-size: 11px;
}
select.formdms optgroup {
 font-size: 12px;
}
select #main{background:#f3f3f3;}
select #sub{color:#0a246a;}

td.formdms_btns {
 text-align: center;
}
.formdms_btns button {
 width: 20px;
 height: 20px;
 text-align: center;
 vertical-align: middle;
 margin: 0;
 padding: 0;
 border: 0;
 background-color: transparent;
}
img {
 margin: 0;
 padding: 0;
 border: 0;
}
.button-hot { 
	font-weight: bold;
	color: red !important;
	background-color: #f1f1f1;
	border: 1px solid #ccc;
	padding: 2px 6px;
 }

/* DATA TABLE */
tr.datarow1 { background: #F1F1F1; }
tr.datarow2 { background: #FFFFFF; }

/* NEW CSS Syles 
==================================== */
#top-body {
	width: 100%;
	max-width: 996px;
	height: 54px;
/*	background: #18336A url(top-bg.gif) 0 0 repeat-x; */
	background: #18336A url(/Admin/img/main/top-bg.gif) 0 0 repeat-x; 
	margin:0 auto;
	padding: 0;
	border-collapse: collapse;
}
#top-body td {
	padding: 0;
	margin: 0;
	vertical-align: top;
}
#top-body .top-info {
	background: url(/Admin/img/main/top-info-bg.gif) 0 0 no-repeat;
}
#top-body .logo {
	display: block;
	clear: both;
	margin: 0;
	border: 0;
	float: left;
	padding: 0;
}
#top-body p {
	margin: 0;
	padding: 2px 0;
	color: #fff;
	font: normal 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#top-body .top-menu {
	float:right;
}
#top-prefs {
	float: right;
	margin: 5px 11px 5px auto;
	height: 16px;
	width: 60px;
	display: block;
}
* html #top-prefs {
	margin-right: 5px;
}
#top-prefs a {
	color: #fff;
	font: normal 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	float: left;
}
#top-prefs .close {
	float: right;
}
#top-prefs .close img {
	margin: 0;
	padding: 0;
	border: 0;
}
/* Top Language style
----------------------------------- */
#top-lang {
	float: right;
	margin: 0 100px auto auto;
	clear: both;
}
* html #top-lang {
	margin-right: 50px;
}
#top-lang ul {
	font: bold 11px verdana, arial, sans-serif;
	list-style-type: none;
	border-bottom: 1px solid #fff;
	padding-bottom: 19px;
	margin: 0;
}
#top-lang li {
	float: left;
	height: 18px;
	background-color: #18336A;
	margin: 0 2px;
	border: 1px solid #fff;
	border-right-color: #000;
	border-bottom: none;
	list-style: none;
}
#top-lang li.sel {
	border-bottom: 1px solid #f0330d;
	background-color: #f0330d;
}
#top-lang li a {
	float: left;
	display: block;
	text-decoration: none;
	padding: 2px 8px 3px 8px;
	color: #fff;
}
#top-lang li a:hover {
	background-color: #f0330d;
}
#hosts {
	float: right;
}
/* Sub navigation
----------------------------------- */	
#top-submenu {
/*	background: #f1f1f1; */
	width: 100%;
	max-width: 996px;
	margin:0 auto;
	padding: 0;
}
#top-submenu:after {
	clear: both; display: block; content: "";
}
#top-sub-nav ul {
	font: bold 11px verdana, arial, sans-serif;
	list-style: none;
	margin: 0 0 0 10px;
	padding: 0;
}
#top-sub-nav li {
	float: left;
	height: 18px;
	background-color: #f1f1f1;
	margin: 0 1px;
	border: 1px solid #ccc;
	border-top: none;
	list-style: none;
}
#top-sub-nav li.sel {
/*	border-bottom-color: #f0330d; */

	background-color: #fff;
}
#top-sub-nav li a {
	float: left;
	display: block;
	text-decoration: none;
	padding: 2px 8px 3px 8px;
	color: #666;	
}
#top-sub-nav li a:hover {
	background-color: #fff;
	color: #18336A;
}
#top-sub-nav li.sel a {
	color: #F0330D;
}

div.clear {
	clear: both;
	display: block;
}
/* Main block
----------------------------------- */	
#content-body {
	display: block;
	clear: both;
	float: none;
	margin: 0 auto;
	width: 100%;
	max-width: 996px;
}

/* Main content table
----------------------------------- */
#content-block table {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}
#content-block table.main {
	width: 100%;
}
#content-block table.main td, #content-block table.main th {
	border: 1px solid #ccc;
	border-top: none;
}
#content-block table.main td.opt {
	border-left:none;
}
#content-block table.main .listrow1 td.file, #content-block table.main .listrow2 td.file, #content-body .menu .treerow1 td.file, #content-body .menu .treerow2 td.file {
	border-right: none;
}
#content-body .menu .menu-buttons img {
	vertical-align: text-bottom;
	margin: 1px 2px 0 0;
}
#content-body .menu .menu-buttons, #content-body .menu .id {
	white-space: nowrap;
}
#content-body .menu .id {
	color: #333;
	border: 1px solid #ccc;
}
#content-body .menu td.file, #content-body .menu td.opt {
	padding: 2px 4px;
}
#content-body .menu td.sub {
	border: none;
	padding: 0;
	border-bottom: 1px solid #ccc;
}
#content-body .menu td.last {
	border: none;
}
#content-body .menu td.sub td.l {
	border-bottom: none;
}

#content-block table.main th {
}
#content-block caption {
	background-color: #18336A;
	text-align: left;
	color:#fff;
	padding: 2px 4px;
	font-weight: bold;
/*	border: 1px solid #18336a; */
	border-bottom: 2px solid #f0330d;
}
#content-block table>caption {
	margin-left: -1px;
	white-space: nowrap;
}
#content-body table.main td.nav {
	background-color: #f1f1f1;
	border: 1px solid #ccc;
	font: normal 12px Verdana, arial, sans-serif;
}
#content-body td.menu {
	width:35%;
	border-right:1px solid #ccc;
	background-color: #fff;
	vertical-align:top;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;	
}
* html #content-body td.menu, * html #shop-main {
	text-align: left;
}
#content-body td.menu table.folders td, #content-body table.clean td {
	border: none;
}
#content-body td.content {
	vertical-align:top;
	background-color: #fff;	
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#content-body tr.listpager table, #content-body .srch, #content-body .list, #content-body .form {
	width: 100%;
}
#content-body .small {
	width: 50%;
}
#content-body tr.listpager .prev, #content-body tr.listpager .next {
	width: 25%;
}
#content-body tr.listpager table td {
	text-align: center;
	border: none;
}
#content-body .form td, #content-body .list td, #content-body .data td, #content-body .srch td {
	padding:2px 4px;
}
#content-body .form .a {
	text-align: right;
	width: 30%;
}
#content-body .form .b {
	text-align: left;
}


/* Related links
----------------------------------- */	
#related-links, .rl-opt {
	display: block;
	clear: both;
}
.rl-block {
	display: block;
	float: left;
	margin: 2px 2px 2px 0;
	padding: 4px;
	border: 1px solid #ccc;
	background: #fff;
}
.rl-block h3, #related-links h2 {
	margin: 0;
	font-size: 12px;
	clear: both;
}
.rl-block img {
	border: 0;
	margin: 0;
	vertical-align: bottom;
}
#related-links h2 {
	font-size: 13px;
}
/* Shop style
----------------------------------- */
#shop-main {
	width:100%;
	margin:0;
	padding:0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

#shop-main, #shop-main table, #caption-main {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

#shop-main img {border:0;}
#shop-main ul {margin:0;padding:0;list-style:none;}
#shop-main ul.sub {margin-left:7px;}
#shop-main a.menu-parent {color:navy;font-weight:bold;}
#shop-main ul img {
	vertical-align: bottom;
}
/* Listings */
#goods-list, #caption-main {
	width: 100%;
}
#goods-list tr.row1 {
	background-color: #F5F5F5;
}
#goods-list th, table#goods-list, #goods-list tr.row2 td, #caption-main, #caption-main th {
	border-bottom: 1px solid #ccc;
}
#shop-main fieldset {
	padding: 1em;
	border:1px solid #ccc;
	margin-bottom: 5px;
}
#shop-main fieldset div, #shop-main fieldset p {
	display: block;
	clear: both;
}
#shop-main label {
/*	float:left;*/
/*	width:200px;*/
	margin-right:0.5em;
	padding-top:0.2em;
	text-align:right;
	color: #333;
}
#shop-main legend {
	font: bold 120%/1 Georgia, Geneva, sans-serif;
	padding: 0.2em 0.5em;
	border:1px solid #ccc;
	color:navy;
	text-align:right;
}
/* Kalendars
----------------------------------- */
.calendar {
	width: 206px;
	margin: 10px 5px;
}
.calendar td {
	padding: 2px;
}
.calendar-menu {
	width: 100%;
}
.calendar {
	border-width: 1px 1px 0 0;
	border-style: solid;
	border-color: #ccc;
}
.calendar td, .calendar th {
	border-width: 0 0 1px 1px;
	border-style: solid;
	border-color: #ccc;
	text-align: center;
	width: 26px;
}
.calendar-menu td {
	border: none !important;
	font-weight: bolder;
	background-color: #f1f1f1;
}
.calendar-menu td {

}
.calendar td.sel {
	background-color: #f0330d;
}
.calendar .sel a {
	color: #fff;	
}
.calendar th {
	background-color: #18336a;
	border-bottom: 3px solid #f0330d !important;
	color: #fff;
	padding: 4px 2px;
}
.calendar td {
	border-bottom: 1px solid #ccc;
}
.calendar .sat {
	background-color: #ffffee;
}
.calendar .sun {
	background-color: #ffffdd;
}

/* Global style
----------------------------------- */
input.input-text, input[type="text"], input[type="password"], select, input[type="file"], textarea {
	border-width: 1px;
	font: normal 1em Verdana, Arial, sans-serif;
}
input[type="checkbox"] {
	vertical-align: bottom;
	margin: 0;
	padding: 0;
}
input.long, select.long {
	width: 300px;
}
input.middle {
	width: 200px;
}
textarea.wys {
	border: none;
	width: 610px;
	height: 400px;
}
textarea.html {
	width: 99%;
}
* html*textarea.html {
	width: 600px;
	margin: 0 auto;
}
.htmlarea {
	width: 610px;
	margin: 0 auto;
}
textarea.big {
	width: 400px;
	height: 100px;
}
#shop-main textarea {
	width: 300px;
}

#shop-main p.submit {
	margin: 0 auto;
	text-align: center;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="file"]:focus, textarea:focus {
	background-color: #FFFFF0;
	border-bottom: 1px solid red;
}

.textarea-wedit {
	vertical-align: baseline;
}

label:hover {
	cursor: pointer;
	color: #8B0000;
}
tr.selected input, tr.selected label {
	color: red;
	font-weight: bold;
}
tr.selected input {
	border: 1px solid red;
	color: #000;
}
.noborder{border:none !important;}
.noborder td{border:none !important;}
.ralign{text-align:right;}
.w100{width:100%;}
/* File list
----------------------------------- */
.icon-img, .icon-css, .icon-inc, .icon-html, .icon-js, .icon-tmpl, .icon-txt, .icon-pdf {
	margin: 0 2px 0 0;
	border: 0;
	vertical-align: bottom;
}
#page_auth.normal {
	display: none;
}
.button-delete {
	background: url(/Admin/img/delete.gif);
	width: 16px;
	height: 16px;
	border: 0;
	cursor: pointer; cursor: hand;
}
/* Template dropdown
----------------------------------- */	
#tmplsimg {
	vertical-align: bottom;
}
.button, #tmplsimg {
	cursor:pointer; cursor:hand;	
}
#tmplstd {
	display:block;
	position:relative;
}
#tmpls {
	display: none;
	position:absolute;
	width:150px;
	left:3px;
	top: 22px;
	border:1px solid #ccc;
	background:#fff;
	color: #666;
}
.tmplrowsel {
	cursor:pointer; cursor:hand;
	background:#f0f0f0;
	padding: 3px 2px;
	color: #000;
	font-weight: bold;
}
.tmplrow {
 	cursor:pointer; cursor:hand;
	background:#fff;
	padding: 3px 2px;
}
/* GPC project
----------------------------------- */	
.proj-img {
	width: 150px;
	height: 100px;
}
/* User list pages
----------------------------------- */	
#content-block table.main .pagesbar td, #content-block table.main  .pagesbar th {
	border: 0;
}
.pagesbar {
	width: 100%
}
.pagesbar-list a {
	padding: 2px 4px;
}
.pagesbar-list {
	text-align: center !important;
	width: 70%;
}
/* Realestate
----------------------------------- */
#re-list-menu, #re-list-menu input {
	font-size: 0.9em;
}
#re-list-menu {
	padding: 5px 0;
}

/* Forum
----------------------------------- */
.tlist-title, .plist-title {
	width: 40%;
}
.tlist-date, .plist-date {
	font-size: .8em;
	width: 80px;
}
/* E-mail style
----------------------------------- */
a.pasts {
	cursor: pointer; cursor: hand;
	display: inline;
	margin-left: 0;
	text-decoration: none;
}
a.pasts em {
	font-style: normal !important;
	font-weight: normal !important;
}
a.pasts strong {
	padding-left: 14px;
	background: url(/Admin/img/suns.gif) no-repeat 2px 50%;
	font-weight: normal;
}
a.pasts span {
	display: none;
}

/* Footer
----------------------------------- */	
#footer-body {
	width: 100%;
	max-width: 996px;
	padding: 0;
	margin: 5px auto;
	background: #18336A;
	color: #fff;
	border-bottom: 3px solid #f0330d;
}
#footer-body p {
	padding: 5px;
	margin: 0;
	font-size: 11px;
}


@media all and (min-width: 0px){
   #content-block table>caption {
   	margin-left: auto;
   }
}

/* Clipboard
----------------------------------- */	

table#clipb {
  margin-bottom: 12px;

}

table#clipb td.copy { color: #18336A;}

table#clipb td.copy:hover {
  background-color:#F1F1F1;
  color: #F0330D;
  cursor: pointer;

}

table#clipb td.drop {
  width: 16px;

}

table#clipb td.drop:hover {
  background-color:#F1F1F1;
  cursor: pointer;
}