/*****************************/
/*** Core html setup stuff ***/
/*****************************/

html {
  height: 100%;
  margin-bottom: 1px;
}

form {
  margin: 0;
  padding: 0;
}

body {
	font-family: Arial,Helvetica,sans-serif;
	line-height: 1.3em;
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	/*color: #333;*/
	color: #2d2e6a;
}

a:link, a:visited {
	text-decoration: underline;
	font-weight: bold;
	color: #f3921d;
}

a:hover {
	text-decoration: none;
	font-weight: bold;
}

input.button { cursor: pointer; }

p { margin-top: 0; margin-bottom: 5px; }

img { border: 0 none; }

/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/
body { 
	background: url('../images/bg.png') 2px 2px !important;
	#background: url('../images/bg.png') left 2px;
	text-align: center;
}



#wrap {
	display: block;
	margin: 0;
	padding: 0;
	width: 763px;
	min-height: 600px;
	height: 100%;
	border:0px solid red;
	margin:0 auto;
	text-align: left;
}

table#tbl_outer {
	display: table;
	margin: 0;
	padding: 0;
	width: 100%;
}

#td_hdr {
	margin: 0;
	padding: 0;
	width: 763px;
	height: 215px;
	background: url('../images/bg_hdr.png') no-repeat left top;
}

.td_lft {
	margin: 0;
	padding: 0;
	width: 6px;
	background: url('../images/bg_lft.png') repeat-y;
}

.td_rgt {
	margin: 0;
	padding: 0;
	width: 6px;
	background: url('../images/bg_rgt.png') repeat-y;
}

#td_mbd {
	margin: 0;
	padding: 0;
	width: 751px;
	height: 200px;
	background: #FFF;
}

#td_ftr {
	margin: 0;
	padding: 0;
	width: 763px;
	height: 54px;
	background: #fff url('../images/bg_ftr.png') no-repeat left bottom;
	border:0px solid yellow;
}

div#topmenu {
	display: block;
	margin: 0;
	padding: 0px;
	width: 70%;
	height: 34px;
	border:0px solid green;
}

div#logo {
	display: block;
	margin: 0;
	padding: 0;
	width: 60%;
	height: 100px;
	border:0px solid blue;
}

div#language {
	display: block;
	margin: 0;
	padding: 5px 0 0 0;
	#padding: 40px 0 0 0;
	width: 80%;
	height: 34px;
	border:0px solid teal;
}

div.offline {
	background: #fffebb;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 1.2em;
	padding: 5px;
}

span.pathway {
  display: block;
  margin: 0 20px;
  height: 16px;
  line-height: 16px;
  overflow: hidden;
}

/* headers */
div.componentheading {
  padding-left: 0px;
}

h1 {
	padding: 0;
	font-family:Helvetica ,Arial,sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	vertical-align: bottom;
	color: #666;
	text-align: left;
	width: 100%;
}

h2, .contentheading {
	padding: 0 0 10px 0;
	font-family: Arial, Helvetica,sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	text-transform: uppercase;
	vertical-align: bottom;
	color: #f5921d;
	text-align: left;
	width: 100%;
}

table.contentpaneopen h3 {
	margin-top: 25px;
}

.contentpaneopen h4 {
	margin: 0;
	padding: 10px;
	/*background-color: #f9cc96;*/
	background-color: #fbebd4;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #f3921d;
}

.contentpaneopen h4 strong {
	color: #f5841a;
}

h3, .componentheading, table.moduletable th, legend {
  margin: 0;
  font-weight: bold;
  font-family: Helvetica,Arial,sans-serif;
  font-size: 1.5em;
  padding-left: 0px;
	margin-bottom: 10px;
	text-align: left;
}

/* small text */
.small {
	font-size: .90em;
	color: #999;
	font-weight: normal;
	text-align: left;
}

.modifydate {
  height: 20px;
  vertical-align: bottom;
	font-size: .90em;
	color: #999;
	font-weight: normal;
	text-align: left;
}

.createdate {
	height: 20px;
	vertical-align: top;
	font-size: .90em;
	color: #999;
	font-weight: normal;
	vertical-align: top;
	padding-bottom: 5px;
	padding-top: 0px;

}

a.readon {
	margin-top: 10px;
	display: block;
	float: left;
	background: url(../images/mw_readon.png) top right no-repeat;
	padding-right: 20px;
	line-height: 14px;
	height: 16px;
}

/* form validation */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }

/* content styles */
table.contentpaneopen, table.contentpane {
	margin: 10px;
	padding: 0;
	width: 100%;
	border: 0px solid red;
}

table.contentpaneopen td {
}

table.contentpaneopen li {
	margin-bottom: 5px;
}

table.contentpaneopen fieldset {
	border: 0;
	border-top: 1px solid #ddd;
}

table.contentpaneopen h3 {
	margin-top: 25px;
}

table.contentpaneopen h4 {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
}

.highlight {
	background-color: #fffebb;
}

/*****************************************/
/*** Template base elements settings  ***/
/*****************************************/
#jflanguageselection {
	margin: 0px 0px 0px 25px;
	_margin: 0px 0px 0px 13px;
	padding: 0px;
	float: left;
	border:0px solid red;
}

ul.menu {
	display: block;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 25px;
	border:0px solid orange;
}

ul.menu li {
	float: left;
	background-image: none;
	list-style: none;
}

ul.menu li.item2 a, ul.menu li.item2 a:link {
	display: block;
	float: left;
	width: 97px;
	margin: 0px;
	padding: 5px 0 0px 0;
	height: 34px;
	_height: 29px;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	background: url('../images/topmenu_yellow_bg.png') no-repeat left top;
	border:0px solid yellow;
}

ul.menu li.item2 a:hover {
	background: url('../images/topmenu_yellow_over_bg.png') no-repeat left top;
}

ul.menu li.item4 a, ul.menu li.item4 a:link {
	display: block;
	float: left;
	width: 97px;
	margin: 0px;
	padding: 5px 0 0px 0;
	height: 34px;
	_height: 29px;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	background: url('../images/topmenu_green_bg.png') no-repeat left top;
	border:0px solid yellow;
}

ul.menu li.item4 a:hover {
	background: url('../images/topmenu_green_over_bg.png') no-repeat left top;
}

ul.menu li.item5 a, ul.menu li.item5 a:link {
	display: block;
	float: left;
	width: 97px;
	margin: 0px;
	padding: 5px 0 0px 0;
	height: 34px;
	_height: 29px;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	background: url('../images/topmenu_blue_bg.png') no-repeat left top;
	border:0px solid yellow;
}

ul.menu li.item5 a:hover {
	background: url('../images/topmenu_blue_over_bg.png') no-repeat left top;
}




ul.menu li.item1 a, ul.menu li.item1 a:link {
	display: block;
	float: left;
	width: 97px;
	margin: 0px;
	padding: 5px 0 0px 0;
	height: 34px;
	_height: 29px;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	background: url('../images/topmenu_blue_bg.png') no-repeat left top;
	border:0px solid yellow;
}

ul.menu li.item1 a:hover {
	background: url('../images/topmenu_blue_over_bg.png') no-repeat left top;
}



.moduletable_logo {
	display: block;
	margin: 40px 0 0 60px;
	padding: 0;
	width: 104px;
	height: 51px;
	border:0px solid yellow;
}

#tbl_mainbody {
	display: table;
	width: 96%;
	#width: 100%;
	height: 100%;
}

#tbl_mainbody td#td_mainbody {
	display: table;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 15px;
	border:0px solid yellow;
}

.moduletable_footer {
	float: left;
	padding-left: 10px;
	width: 50%;
	height: 50px;
	text-align: center;
	font-size: .90em;
	color: #999;
	font-weight: normal;
	border:0px solid orange;
}

.moduletable_banners{
	float: left;
	padding-left: 11px;
	width: 40%;
	height: 50px;
	border:0px solid green;
}

.banneritem_banners {
	float: left;
	width: 90px;
	padding-left: 5px;
	height: 31px;
}


h3 {
	color: #f3921d;
	font-size: 16px;
}