body {
	background:#e8e8dd;
	}
img {
	border:none;
	}
H1, H2, H3, H4 {
	padding:0;
	margin:0;
	}
H2 {
	color:#3a4043;
	border:solid;
	border-width:0 0 1px 0;
	border-color:#bcbcb7;
	padding:5px 0;
	font-size:1.3em;
	font-weight:bold;
	}
H3 {
	color:#3a4043;
	padding:5px 0;
	font-size:1.1em;
	font-weight:bold;
	}
H4 {
	color:#3a4043;
	padding:5px 0;
	font-size:1.1em;
	font-weight:bold;
	}
DIV, P, SPAN, TD {
	font-family:Arial, Helvetica, sans-serif;
	}
html, body {
	margin:auto;
	}
#top {
	height: 117px;
	background:url(../gfx/bg_top.gif) repeat-x #363c3f;
	}
.block {
	padding:20px;
	}
#left .block {
	padding-bottom: 0;
}
#top .block {
	height:37px;
	}
#top .block span, #top .block img {
	position:relative;
	top: 10px;
	}
#top .block a {
	text-decoration:none;
	color:#FFF;
	}
#top .block a:hover {
	color:#2198b9;
	}
#left {
	float:left;
	width:290px;
	}
#top .company_name {
	font-size:1.2em;
	font-weight:bold;
	color:#FFF;
	}
#top .cms_name {
	font-size:1.2em;
	text-transform:uppercase;
	margin-left:10px;
	color:#b7b7b7;
	float: right;
	margin-right: 0.8em;
	margin-top: 0.4em;
	}
.logo {
	float:right;
	}
/* menu */
#main_menu {
	/*overflow:hidden;*/
	}
#main_menu ul {
	list-style:none;
	padding:0;
	margin:0;
	clear:both;
	}
#main_menu ul li {
	float:left;
	margin:0 1px 0 0;
	}
#main_menu ul li a {
	display:block;
	text-decoration:none;
	font-weight:bold;
	text-transform:uppercase;
	font-size:0.75em;
	color:#e0e0e0;
	line-height:40px;
	padding:0 15px;
	text-shadow:#3a4043 1px 1px 0;
	}
#main_menu ul li.active, #main_menu ul li a:hover {
	background:url(../gfx/bg_menu_active.gif) repeat-x;
	}
#main_menu ul li.active a, #main_menu ul li a:hover {
	color:#FFF;
	text-shadow:#085a70 1px 1px 0;
	}
.menu_title {
	background:#3a4043;
	color:#fff;
	text-transform:uppercase;
	font-size:0.75em;
	font-weight:bold;
	padding:10px 20px;
	text-shadow:#000 1px 1px 0;
	border-radius:5px 5px 0 0;
	}
.menu_content {
	background:#fff;
	border-radius:0 0 5px 5px;
	padding-bottom:10px;
	margin-bottom:20px;
	}
.menu_content ul {
	margin:0;
	padding:10px 20px;
	list-style:none;
	border:dotted;
	border-width: 0 0 1px 0;
	border-color: #d6d8d9;
	line-height:20px;
	}
.menu_content ul ul {
	padding-top:0;
	border:none;
	padding-bottom:0;
	}
.menu_content a {
	text-decoration:none;
	font-size:0.85em;
	text-transform:uppercase;
	font-weight:bold;
	color:#2198b9;
	}
.menu_content ul ul a {
	font-size:0.75em;
	text-transform:none;
	font-weight:normal;
	color:#5c6467;
	}
.menu_content ul ul li {
	list-style-image:url(../gfx/menu_li.gif);
	}
.menu_content a:hover {
	text-decoration:underline;
	}
.menu_content ul.last {
	border:none;
	}
	

.user_image {
	float:right;
	color:#FFF;
	margin: 0px -12px 0px 15px;
	}
.user_links {
	float:right;
	color:#FFF;
	font-size:0.75em;
	padding:14px 20px 14px 15px;
	background:url(../gfx/ico_user.png) no-repeat 0 50%;
	}
.user_links a img {
	width: 30px;
	height: 30px;
	background-color: #f00;
	}
.user_links a {
	color: #fff;
	padding:0 5px;
	text-decoration:none;
	}
.user_links a:hover {
	text-decoration:underline;
	}
.change_cms {
	float:right;
	color:#FFF;
	margin: 6px 8px 0px 0px;
}
.change_cms select {
	border-radius:5px;
	padding:5px;
	border:solid 1px #dfdfdf;
}
/**/
#copy {
	clear:both;
	font-size:0.75em;
	color:#5c6467;
	text-shadow:#fff 1px 1px 0;
	padding-right: 24px;
	padding-bottom: 12px;
	text-align: right;
}
.copy {
	clear:both;
	font-size:0.75em;
	color:#5c6467;
	text-shadow:#fff 1px 1px 0;
}
/* MAIN */
#content {
	overflow:hidden;
	}
#contentinner {
	overflow: auto;
}
#editmenu {
	border:solid;
	border-width:0 0 3px 0;
	border-color:#3a4043;
	padding-top: 10px;
	}
#editmenu ul {
	list-style:none;
	padding:0;
	margin:0;
	}
#editmenu ul li {
	display:inline-block;
	background:#919490;
	border-radius:5px 5px 0 0;
	margin-right:1px;
	}
#editmenu ul li.active {
	background:#3a4043;
	}
#editmenu ul li.active a {
	text-shadow:#000 1px 1px 0;
	}
#editmenu ul li a {
	font-size:0.75em;
	display:block;
	padding:7px 15px;
	color:#fff;
	text-decoration:none;
	}
#editmenu ul li:hover {
	background:#2198b9;
	}
#editmenu ul li a:hover {
	text-decoration:underline;
	text-shadow:none;
	}
.content {
	background:#fff;
	border-radius:0 0 5px 5px;
	padding:15px;
	font-size: 1em;
}
.content a {
	color: #2198B9;
}
div.filter {
	background:#f5f5f5;
	width: 100%;
	padding:7px 15px;
	border:solid;
	border-width: 0 0 1px 0;
	border-color:#e8e8dd;
	}
.filter input, .content input, .content textarea, .content select, .filter select {
	border-radius:5px;
	padding:5px;
	border:solid 1px #dfdfdf;
	}

TABLE.filter TH, .datagrid TH, .datagridtree TH, .form TH, table TH {
	text-align:center;
	font-size:0.75em;
	color:#3a4043;
	
	}
.datagrid TH a, .datagridtree TH a, table TH a {
	color: #fff;
}
TABLE.filter input[type=submit], .content  input[type=submit] {
	
	background:url(../gfx/bg_button.png) repeat-x 0 100%;
	background:url(../gfx/bg_button_hover.png);
	
	text-transform:uppercase;
	text-shadow:#095d74 1px 1px 0;
	color:#3a4043;
	color:#FFF;
	
	font-weight:bold;
	font-size:0.75em;
	padding-right:12px;
	padding-left:12px;
	cursor:pointer;
	}
input.buttonred {
	background:url(../gfx/bg_button_red.png) repeat-x 0 100% !important;	
}
input.buttongreen {
	background:url(../gfx/bg_button_green.png) repeat-x 0 100% !important;	
}
input.buttonpurple {
	background:url(../gfx/bg_button_purple.png) repeat-x 0 100% !important;	
}
TABLE.filter input[type=submit]:hover, .content  input[type=submit]:hover {
	background:url(../gfx/bg_button_hover.png);
	background:url(../gfx/bg_button.png) repeat-x 0 100%;
	
	color:#FFF;
	color:#3a4043;
	text-shadow:#fff 1px 1px 0;
	
	
	/*border-color:#a6d6e3;*/
	}
input.buttonred:hover {
	background:url(../gfx/bg_button.png) !important;
	
	text-transform:uppercase;
	text-shadow:#095d74 1px 1px 0;
	color:#3a4043;
	color:#FFF;
	
	font-weight:bold;
	font-size:0.75em;
	padding-right:12px;
	padding-left:12px;
	cursor:pointer;
}
input.buttongreen:hover, input.buttonpurple:hover {
	background:url(../gfx/bg_button.png) !important;
	
	text-transform:uppercase;
	text-shadow:#095d74 1px 1px 0;
	color:#3a4043;
	color:#FFF;
	
	font-weight:bold;
	font-size:0.75em;
	padding-right:12px;
	padding-left:12px;
	cursor:pointer;
}

.datagrid, .datagridtree, table {
	border-spacing: 0;
	}
.form {
	border-spacing: 0;
	margin-bottom:10px;
	}
.datagrid TH, .datagridtree TH, table TH {
	padding: 14px 15px 14px 10px;
	line-height: 16px;
	background:url(../gfx/bg_th.gif) no-repeat 0 50%;
	}
.datagrid TH:nth-child(1), .datagridtree TH:nth-child(1), table TH:nth-child(1) {
	background:none;
	}
.datagrid td, .datagridtree td, .table td {
	font-size:0.75em;
	height: 38px;
	padding:0 10px;
	}
.datagrid THEAD TR, .datagridtree THEAD TR, table THEAD TR {
	background:#3A4043 !important;
	}
.datagrid THEAD TH, .datagridtree THEAD TH, table THEAD TH {
	color:#fff !important;
	text-shadow:#000 1px 1px 0;
	}
.datagrid TR, .datagridtree TR, table TR {
	background:url(../gfx/bg_datagridtree.gif) repeat-x;
}
.datagrid a, .datagridtree a, table a {
	color: #3a4043;
	}
.datagrid a:hover, .datagridtree a:hover, table a:hover {
	color:#2198b9;
	}
table tr td span.center {
	display: block;
	text-align: center;
}
.form TR:nth-child(2n+2) {
	/*background:url(../gfx/bg_datagridtree_2.gif) repeat-x;*/
}
.form TD {
	padding:14px 10px 14px 10px;
	}
.filter th {
	text-align:left !important;
	}
.form TH {
	padding:5px 0 5px 10px;
	text-align:left;
	}

.loginContent  {
	width: 350px;
	margin: 0 auto 12px auto;
    position: relative;
    border-radius: 5px !important;
}
.loginContent .lin {
	width: 280px;
	margin-left: 20px;
}
.loginContent .lin .form {
	width: 300px;
}
.loginContent h1 {
	color: #2198b9 !important;
	margin-bottom: 10px;
	font-size: 18px;
}

p.messageError {
	font-size: 12px;
	border-radius: 5px;
	background-color: #ffa8a8;
	padding: 10px;
}
p.messageOk {
	font-size: 12px;
	border-radius: 5px;
	background-color: #a7febe;
	padding: 10px;
}

.pagelist {
	font-size: 0.75em;
}

table {
	margin-bottom: 1em;
}
table td {
	font-size: 0.75em;
}
table td, table th {
	/*padding-right: 1em !important;*/
}



fieldset {
	padding: 12px;
	margin-bottom: 16px;
	margin-top: 16px;
	border: solid 1px #dadada;
}
legend {
	color: #000;
	font-size: 0.8em;
	font-weight: bold;
}

table td legend {
	color: #000;
	font-size: 1.1em;
	font-weight: bold;
}
.content p {
	font-size: 0.75em;
}
.content ul {
	font-size: 0.75em;
}
#editmenu ul {
	font-size: 1em;
}

table.form {
	border-left: 1px solid #ccc !important;
}


.w30 {width: 30px;}
.w60 {width: 60px;}
.w70 {width: 70px;}
.w150 {width: 150px;}
.w240 {width: 240px;}
.w400 {width: 400px;}
.w500 {width: 500px;}
.w600 {width: 600px;}
.w700 {width: 700px;}



/* thumbnail viewer
------------------------------------------- */
#thumbBox{font:0.78em Arial,Helvetica,sans-serif,"Calibri";width:auto; padding:10px 10px 0 10px;position:absolute;left:0;top:0;z-index:10;background:#fff;border:1px solid #ccc;visibility:hidden;cursor:pointer;}
#thumbBox .close{color:#3f3f3f;font-size:12px;text-align:right;padding:0;}
#thumbBox p{margin-bottom:10px;}
#thumbBox p.close a{padding-left:10px;}
#thumbImage{background-color:#fff;}
#thumbLoading{padding:10px; position:absolute;top:0;z-index:5;visibility:hidden;background:#fff;}

table.filter {
	background:#f5f5f5;
	border:solid;
	border-width: 1px 0 1px 0;
	border-color:#e8e8dd;
	padding: 0 6px 6px 6px !important;
	margin-bottom: 8px;
}

table.filter tr {
	background: none !important;
	padding: 0 !important;
	margin: 0 !important;
}
table.filter td {
	background: none !important;
	padding: 0px 4px 2px 4px !important;
	margin: 0 !improtant;
}
table.filter th {
	padding: 0 4px 0px 8px !important;
	margin: 0 !improtant;
	line-height: 26px;
}

h4 {
	font-size: 14px;
}

table td table td {
	font-size: 1em;
}

.red {
	color: #d00 !important;
}
tr.bgred {
	background: rgb(255, 192, 192);
}

.green {
	color: #090;
}
tr.bggreen {
	background: rgb(128, 255, 128);
}


.blue {
	color: #00d !important;
}

.orange {
	color: #FF6633;
}
tr.bgorange {
	background: #FF6633 !important;
}
tr.bgorange2 {
	background: #FFBB99 !important;
}




.tip {  
    width: 200px;
    display: none;
    position: absolute;
	border-radius: 5px;
	border: solid 1px #31A8C9;
	background-color: #F3F3F3;
	padding: 3px;
}

.tip .tipin {
	margin: 3px;
	padding: 3px;
	background-color: #fff;
	border-radius: 5px;
	font-size: 0.8em;
	color: #444;
}

.toolTip span {display: none;}
.toolTip img {margin-left: 0.5em;margin-bottom: -2px;}


input[type=button] {
	cursor: pointer;
}
#ui-datepicker-div{
	display: none;
}

.back{
	background: url(../gfx/arrow_large_left.png) 0 2px no-repeat;
	padding-left: 20px;
}

.content table input[type=submit] {
	background:url(../gfx/bg_button.png) repeat-x 0 100%;
	background:url(../gfx/bg_button_hover.png);
	
	text-transform:uppercase;
	text-shadow:#095d74 1px 1px 0;
	color:#3a4043;
	color:#FFF;
	
	font-weight:bold;
	font-size:1em;
	padding-right:12px;
	padding-left:12px;
	cursor:pointer;
}

table.datagrid tbody tr.hover, table.datagridtree tbody tr.hover {
	background-image: none;
	background-color: #faf4e7;
}
input[data-slider-position=right] {
	float: left;
}
.slider.right{
	float: left;
	margin-left: 1em;
	margin-top: 0.7em;
}
#left {
    width: 245px;
}