/* INTERFACE: DEFAULT CSS STYLE */
/********************************/

/* general page style */
BODY
{
	background-color: #575858;
	margin: 0px;
	padding: 0px;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #777777;
}
TD
{
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

/* links */
a
{
 color: #ddb65d;
 text-decoration: none;
}
a:hover
{
 text-decoration: underline;
 color: #ddb65d;
}

/* Form Inputs */
/*input[type="text"]*/
input
{
	padding-left: 2px;
	padding-right: 2px;
}
input.text, input.password, input.file
{
	background-color: #ffffff;
	border: #cccccc 1px solid;
	color: #444444;
	font-size: 11px;
	height: 18px;
}
input.submit, input.reset, input.button
{
/*
	color: #5D7386;
	font-size: 11px;
	height: 22px;
*/
	height: 24px;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 0px 3px 0px 3px;
	background-color: #1f1919; /*#788A9A;*/
	border: 0px solid #BBBBBB;
}
input.submit[type], input.reset[type], input.button[type] /* Firefox */
{
  padding-bottom: 2px;
}
input.submit:hover, input.reset:hover, input.button:hover
{
	background-color: #ddb65d;
	color: #FFFFFF;
	cursor: hand; /* for IE 5.x */
	cursor: pointer; /* hand-shaped cursor */
}
.disabled
{
	background-color: #f7f7f7;
	border: #d0d0d0 0px solid;
	color: #b4b4b4;
}
textarea
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	border: #cccccc 1px solid;
	color: #444444;
	font-size: 11px;
}
select
{
	background-color: #ffffff;
	border: #cccccc 1px solid;
	color: #444444;
	font-size: 11px;
}
input.checkbox, input.radio
{
	color: #444444;
	font-size: 11px;
}
input.button2
{
	background-color: #ffffff;
	border: #cccccc 1px solid;
	color: #777777;
	font-size: 11px;
	height: 18px;
}

/* Head */
.head
{
 display: block;
 /*height: 110px;*/
 background-color: #1f1919;
 padding: 12px 12px 13px 25px;
 text-align: left;
}
.head .user
{
 float: right;
 text-align: right;
}
.head .user .name
{
 font-family: Verdana, Tahoma, Arial;
 font-size: 16px;
 font-weight: bold;
 letter-spacing: 2px;
}
.head .user a.logout
{
 text-transform: uppercase;
 letter-spacing: 1px;
 font-weight: bold;
 font-size: 13px;
 color: red; /*#ab2023*/
}
.head .user a.logout:hover
{
 color: white;
 text-decoration: none;
}

/* Menu */
.menu
{
	text-align: left;
	background-color: #575858;
	/*padding: 10px 10px 10px 10px;*/
	margin: 10px;
}
.menu .top
{
  margin-top: 6px;
  margin-bottom: 20px;
}
.menu .top .title
{
	color: #ffffff;
	font-size: 18px;
	font-weight: normal;
	padding-bottom: 10px;
	padding-top: 0px;
}
.menu .top .user .name
{
  font-weight: bold;
  margin-bottom: 3px;
}
.menu .title
{
	color: #ffffff;
	font-size: 14px;
	font-weight: normal;
  text-transform: uppercase;
  text-align: left;
	vertical-align: middle;
	padding-bottom: 5px;
	padding-top: 10px;
	padding: 10px 1px 5px 1px;
}
.menu .space
{
	font-size: 1px;
	/*height: 10px;*/
	border-top: solid 1px #BBB;
	margin-bottom: 5px;
}
.menu .btn_outer , .menu .btn_outer_expanded
{
	font-size: 14px;
	background-color: #f1efd7;
	border: #575858 solid 1px;
	/*border-bottom: 5px solid #575858;*/
	margin-bottom: 5px;
	color: #1f1919;
	font-weight: normal;
  	text-transform: capitalize;
	text-align: left;
}
.menu a.btn_inner , .menu a.btn_inner_expanded
{
	display: block;
	/*height: 100%;*/
	color: #1f1919;
	text-align: left;
	vertical-align: middle;
	text-decoration: none;
	padding: 3px 5px 3px 5px;
}
/* this is for all except iexplorer, for ie is: '.menu a.btn_inner' */
/*
html>body .menu a.btn_inner , html>body .menu a.btn_inner_expanded
{
	display: block;
	color: #788A9A;
	text-align: left;
	vertical-align: middle;
	text-decoration: none;
	padding: 7px;
}
*/
.menu a.btn_inner:hover , .menu a.btn_inner_expanded:hover
{
	background-color: #ddb65d;
	text-decoration: none;
	color: #FFFFFF;
}
/* Sub Buttons */
.menu .btn_sub
{
	font-size: 12px;
	padding: 0px 5px 5px 5px;
	text-align: left;
}
.menu .btn_sub a
{
	display: block;
	color: #1f1919;
	text-align: left;
	vertical-align: middle;
	text-decoration: none;
	padding: 0px 3px 0px 3px;
}
.menu .btn_sub a:hover
{
	background-color: #ddb65d;
	text-decoration: none;
	color: #FFFFFF;
}
.menu a.btn_viewsite
{
	display: block;
	background-color: #ddb65d;
	/*border: #BBBBBB solid 1px;*/
	color: #1f1919;
	font-size: 14px;
	text-align: left;
  text-transform: uppercase;
	font-weight: normal;
	text-decoration: none;
	margin-bottom: 5px;
	padding: 3px 5px 3px 5px;
}
.menu a.btn_viewsite:hover
{
	background-color: #ddb65d;
	text-decoration: none;
	color: #FFFFFF;
}
.menu a.btn_logout
{
	display: block;
	background-color: #F3F3F3;
	border: #BBBBBB solid 1px;
	color: #AA3333;
	font-size: 12px;
	text-align: left;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 7px;
}
.menu a.btn_logout:hover
{
	background-color: #B5B5B5;
	text-decoration: none;
	color: #FFFFFF;
}

/* Page */
.page
{
	/*background-color: #EEEEEE;*/
}
.page .top
{
	height: 50px;
	padding: 0px 20px 0px 20px;
	color: #ffffff;
	font-size: 16px;
	font-weight: normal;
  text-align: left;
	vertical-align: middle;
}
.page .top .title
{
	color: #ffffff;
	font-size: 18px;
	font-weight: normal;
}
.page .content
{
	padding: 5px 20px 5px 20px;
  	text-align: center;
}
.page .bottom
{
	height: 50px;
	padding: 0px 20px 0px 20px;
  text-align: center;
	vertical-align: middle;
}
.page .pagehelp
{
  text-align: right;
	vertical-align: top;
	padding: 10px 15px 10px 10px;
}
.page .pagehelpsign , .pagehelpsign
{
  color: #e1bb64; /*#fef5e0;*/
  cursor: hand; /* for IE 5.x */
  cursor: pointer; /* hand-shaped cursor */
  font-size: 20px;
  letter-spacing: 2px;
}


/* Form Box */
.FormBox
{
	padding: 0px; /*works only on mozilla*/
  background-color: #f1efd7;
  border: #cccccc 1px solid;
}
.FormBox td
{
	color: #444444;
}
.FormBox .title
{
	padding: 7px;
	font-size: 16px;
  text-align: center;
}
.FormBox .left
{
	padding: 7px;
  text-align: right;
	vertical-align: top;
}
.FormBox .right
{
  padding: 4px;
  /*background-color: #DDDDDD;*/
  vertical-align: middle;
}
.FormBox .center
{
	padding: 7px;
  text-align: center;
}

.FormBox .right .radio
{
  clear: both;
}
.FormBox .right .radio .control
{
  float: left;
}
.FormBox .right .radio .text
{
  padding-top: 2px;
  text-align: left;
  vertical-align: middle;
}
.FormBox .helpsign , .helpsign
{
  color: #ab2023;
  cursor: hand; /* for IE 5.x */
  cursor: pointer; /* hand-shaped cursor */
}
/* Login Form Box */
.LoginFormBox
{
  padding: 0px; /*works only on mozilla*/
  background-color: #f1efd7;
  border: solid 2px #777777;
}
.LoginFormBox td
{
  color: #777777;
  font-size: 14px;
}
.LoginFormBox .top
{
  background-color:#0f1314;
  text-align:left;
  padding: 7px 7px 5px 7px;
}
.LoginFormBox .left
{
  padding: 10px 5px 4px 20px;
  text-align: right;
  vertical-align: top;
}
.LoginFormBox .right
{
  width: 250px;
  padding: 7px 30px 1px 4px;;
  /*background-color: #DDDDDD;*/
  vertical-align: middle;
}
.LoginFormBox input
{
  font-size: 13px;
  height: 22px;
}
.LoginFormBox .bottom
{
  text-align: right;
  padding: 7px 30px 10px 10px;
}

/* floating help layer */
.help
{
 position: absolute;
 left: -100px;
 top: -100px;
 background-color: #f1efd7;
 border: solid 2px #DDD;
/* filter: alpha(opacity=50); -moz-opacity: .50; opacity: .50;*/
}
.help .title
{
 color: white;
 font-size: 13px;
 background-color: #575858;/*#ab2023;*/
 padding: 1px 3px 3px 3px;
}
.help .text
{
 padding: 3px;
 text-align: justify;
}
.layer_small .text
{
 width: 400px;
}
.layer_big .text
{
 width: 600px;
}
.help .text p
{
 display: block;
 padding: 0px;
 margin: 7px 2px 5px 2px;
}
.help .text .h1
{
 color: #ab2023;
 font-size: 13px;
 font-weight: bold;
}
.help .text .h2
{
}
.help .text .h3
{
 color: #666666;
 font-weight: bold;
}

/* formbox files */
.FormBox .addfilesbtn
{
  xclear: both;
  padding: 3px 3px 2px 3px;
  text-align: center;
}
.FormBox .files .fileline , .FormBox .files .fileline_highlighted
{
  height: 20px;
}
.FormBox .files .fileline_highlighted
{
  background-color: #ffffff;
}
.FormBox .filesheader
{
	font-weight: bold;
}
.FormBox .files td
{
  vertical-align: middle;
}
.FormBox .files .number , .FormBox .filesheader .number
{
  text-align: left;
  padding-left: 2px;
  vertical-align: middle;
  width: 34px;
}
.FormBox .files .name , .FormBox .filesheader .name
{
  text-align: left;
  vertical-align: middle;
  width: 208px;
  height: 24px;
  padding: 2px 0px 2px 0px;
  overflow: hidden;
}
/*
.FormBox .files .name div , .FormBox .filesheader .name div
{
  text-align: left;
  vertical-align: middle;
  height: 20px;
  overflow: hidden;
  background-color: blue;
}
.FormBox .files .name div div
{
  text-align: left;
  vertical-align: middle;
  overflow: hidden;
  height: 13px;
  float: left;
  display: block;
  background-color: white;
}
*/
.FormBox .files .name div , .FormBox .filesheader .name div
{
  width: 208px;
  height: 20px;
  text-align: left;
  vertical-align: middle;
  overflow: hidden;
}
.FormBox .files .name div div
{
  width: 1000px;
  height: 20px;
  text-align: left;
  vertical-align: middle;
  display: block;
}
.FormBox .files .name div div img
{
  float: left;
  margin-right: 3px;
}
.FormBox .files .name div div div
{
  width: 800px;
  height: 13px;
  margin-top: 3px;
  text-align: left;
  vertical-align: middle;
  float: left;
  display: block;
}
.FormBox .files .name div div div.error
{
 color: red;
}

.FormBox .files .chkbox , .FormBox .filesheader .delete
{
  text-align: center;
  vertical-align: middle;
  width: 50px;
}
.FormBox .files .new , .FormBox .filesheader .new
{
  padding-right: 2px;
  text-align: right;
  vertical-align: middle;
  width: 190px;
}
.FormBox .filesheader .new
{
  text-align: left;
}

/* floating thumb layer */
.bigthumb
{
 position: absolute;
 left: -10px;
 top: -10px;
 background-color: #BBB;
 border: solid 2px #BBB;
 color: #333;
/* filter: alpha(opacity=50); -moz-opacity: .50; opacity: .50;*/
}

/* Panel */
.Panel
{
	padding: 5px;
  background-color: #f1efd7;
  border: #cccccc 1px solid;
}
.Panel .title
{
	padding: 8px 10px 3px 10px;
	color: #444444;
	font-size: 16px;
  text-align: center;
}
.Panel .content
{
	padding: 8px 10px 8px 10px;
}

/* ListLines */
.ListLines
{
  background-color: #f1efd7;
  border: #cccccc 1px solid;
}
.ListLines .lines
{
	padding: 2px;
	border: #cccccc 1px solid;
	background-color: #ffffff;
}
.ListLines .lines td
{
	vertical-align: middle;
	padding: 2px 5px 2px 5px;
	font-size: 11px;
}
.ListLines .lines .header
{
	background-color: #282a2a;
	height: 28px;
}
.ListLines .lines .header td
{
	padding: 0px;
	color: #ffffff;
	font-size: 13px;
	font-weight: normal;
  text-transform: uppercase;
	vertical-align: top;
	/*overflow: hidden;*/
	background-color: #282a2a;
	padding: 6px;
}
.ListLines .lines .header td.link
{
	cursor: pointer; /* hand-shaped cursor */
}
.ListLines .lines .header td.asc , .ListLines .lines .header td.desc
{
	cursor: pointer; /* hand-shaped cursor */
  color: #ffffff;
	background-color: #ab2023;
}
.ListLines .lines .header td.link_on , .ListLines .lines .header td.asc_on , .ListLines .lines .header td.desc_on
{
	cursor: pointer; /* hand-shaped cursor */
  background-color: #ddb65d;
  text-decoration: none;
  color: #ffffff;
}
/*
.ListLines .lines .header a , .ListLines .lines .header .asc a , .ListLines .lines .header .desc a
{
  display: block;
  color: #ffffff;
	background-color: #282a2a;
	height: 100%;
	padding: 6px;
}
.ListLines .lines .header .asc a , .ListLines .lines .header .desc a
{
  color: #FFFFFF;
	background-color: #ab2023;
	height: 100%;
	padding: 6px;
}
.ListLines .lines .header a:hover , .ListLines .lines .header .asc a:hover , .ListLines .lines .header .desc a:hover
{
  background-color: #ddb65d;
  text-decoration: none;
}
*/
.ListLines .lines .header .asc span , .ListLines .lines .header .desc span , .ListLines .lines .header .asc_on span , .ListLines .lines .header .desc_on span
{
  float: left;
  font-family: Arial, Tahoma, verdana;
  font-size: 10px;
  font-weight: normal;
  letter-spacing: -1px;
  margin-right: 5px;
  padding-top: 1px;
}
.ListLines .lines .subheader
{
	background-color: #ebe9e9;
	height: 26px;
}
.ListLines .lines .subheader td
{
	color: #1f1919;
	font-weight: normal;
}
.ListLines .lines .line1
{
  background-color: #FFFFFF;
	height: 26px;
	overflow: hidden;
}
.ListLines .lines .line2
{
  background-color: #F8F8F8;
	height: 26px;
	overflow: hidden;
}
/*
.ListLines .lines div
{
	text-align: inherit;
	overflow: hidden;
	font-size: 11px;
	height: 13px;
}
*/
.ListLines .lines .line_highlight
{
  background-color: #EEEEEE;
	height: 26px;
	overflow: hidden;
}
.ListLines .lines .edit
{
	cursor: pointer; /* hand-shaped cursor */
  color: #ab2023;
}
.ListLines .lines .edit_on
{
	cursor: pointer; /* hand-shaped cursor */
  background-color: #ddb65d;
  color: #ffffff;
}
.ListLines .pageinfo
{
	padding: 3px 5px 3px 6px;
	text-align: left;
	font-size: 10px;
}
.ListLines .pages
{
	padding: 3px 6px 3px 5px;
	text-align: right;
	color: #aaaaaa;
}
.ListLines .pages ul
{
	margin: 0px;
}
.ListLines .pages ul li
{
	display: inline;
	margin: 0px;
	padding-left: 3px;
}
.ListLines .pages a
{
	font-size: 12px;
	font-weight: bold;
	padding: 0px 2px 1px 2px;
	/*background-color: #EAEAEA;*/
	/*border: #BBBBBB solid 1px;*/
	color: #777777;
}
.ListLines .pages a.number
{
	/*background-color: #EAEAEA;*/
	/*border: #BBBBBB solid 1px;*/
	color: #777777;
}
.ListLines .pages a:hover
{
	background-color: #ddb65d;
	/*order: #BBBBBB solid 1px;*/
	color: #eeeeee;
	text-decoration: none;
}
.ListLines .pages .cnumber a
{
	/*background-color: #788A9A;*/
	/*border: #BBBBBB solid 2px;*/
	color: #e1bb64;
}
.ListLines .pages .cnumber a:hover
{
	background-color: #ddb65d;
	/*border: #BBBBBB solid 2px;*/
	color: #eeeeee;
}
.ListLines .pages .dnumber span
{
	font-size: 12px;
	font-weight: normal;
	padding: 0px 2px 1px 2px;
	/*background-color: #EAEAEA;*/
	/*border: #CCCCCC solid 1px;*/
	color: #AAAAAA;
}
.ListLines .rows
{
	padding: 3px 5px 3px 6px;
	text-align: left;
	font-size: 11px;
}
.ListLines .buttons
{
	text-align: center;
	vertical-align: middle;
}
.ListLines .topbottom
{
	height: 26px;
}
.ListLines input.text, .ListLines select
{
	background-color: #fef5e0;
	border: #e1bb64 1px solid;
	color: #444444;
	font-size: 11px;
	height: 18px;
}
.ListLines input.checkbox, .ListLines input.radio
{
	background-color: #fef5e0;
	border: #e1bb64 1px solid;
	color: #444444;
	font-size: 11px;
	padding: 0px;
}
.ListLines input.submit
{
	height: 24px;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 0px 3px 0px 3px;
	background-color: #1f1919; /*#788A9A;*/
	border: 0px solid #BBBBBB;
}
.ListLines input.submit:hover
{
	background-color: #ddb65d;
	color: #FFFFFF;
	cursor: hand; /* for IE 5.x */
	cursor: pointer; /* hand-shaped cursor */
}
.ListLines .subheader input.text, .ListLines .subheader select
{
	background-color: #f8f8f8;
	border: #9f9f9f 1px solid;
	color: #4f4f4f;
	font-size: 11px;
	height: 18px;
}
.ListLines .lines .pictures
{
  float: left;
  width: 22px;
  text-align: right;
  padding-right: 4px;
  padding-top: 4px;
  color: #ccc;
}
.ListLines .lines .pictures b
{
  color: #555;
}
.ListLines .lines img
{
  margin: 1px;
}


.adminlev0 {
	color: #97b697;
}
.adminlev1 {
	xcolor: #5487d3;
	color: #7296cc;
}
.adminlev2 {
	color: #5cb41c;
}
.adminlev3 {
	color: #ff9600;
}
.adminlev4 {
	color: red;
}

/* */
/* */
/* */
/* */
/* */

/* COPYRIGHT */
.copyright{
	color: #AAAAAA;
	font-size: 10px;
	text-align: center;
}
.copyright a { font-size: 10px; color: #AAAAAA; text-decoration: none; font-weight: normal; }
.copyright a:hover { color: #777777; text-decoration: none;}

/* MISC */
.small{
	font-size: 10px;
}
.smaller{
	font-size: 9px;
}