@CHARSET "UTF-8";
body, form, input, select, table, td, th {
	font-family: 'Trebuchet MS', Tahoma ,Arial, Verdana, sans-serif;
	font-size: 13px;
}
body {
	margin:0; padding:0;
	background: url(images/body-background.png) repeat;
}

.headerContainer {	
	background: url(images/header-background-0.png) top center repeat-x;
}

.header{
	margin: 0 auto;	padding: 0 84px;
	width: 980px; height: 200px;
	background: url(images/header-background-1.png) top center no-repeat;
}

.header .logo {
	width: 364px; height: 116px;
	background: url(images/logo-a2.png) no-repeat top left;
}

.header .menu {
	margin: 0; padding: 0;
	list-style: none inside none;
	height: 38px;
	background: url(images/menu-item-background.png) repeat-x;
}

.header .menu .separator {
	float: right;
	width:1px; height: 38px;	
	background: url(images/menu-item-separator.png) no-repeat;
}

.header .menu .normal {
	float: right;
	width:119px; height: 38px;
	background: url(images/menu-item-0.png) no-repeat;	
}

.header .menu .normal:hover,
.header .menu .active {
	float: right;
	width: 119px; height: 38px;
	background: url(images/menu-item-1.png) no-repeat;	
}

.header .menu .normal a {
	padding-top: 8px;
	width: 119px; height: 30px;
	display:block;	
	font-size:14px;
	line-height: 28px;
	color: #FFFFFF;
	text-align:center;
	text-decoration: none;
}
.header .menu .normal a:hover {
	text-decoration: underline;
}

.header .menu .active a {
	padding-top: 8px;
	width: 119px; height: 30px;
	display:block;	
	font-size:14px;	
	line-height: 28px;
	color: #FFFFFF;
	font-weight: bold;
	text-align:center;
	text-decoration: none;
}
.header .menu .active a:hover {
	text-decoration: underline;
}
.header .banners {
	height: 28px;
	background: #FFF;	
}

.header .banners .banner {
	height: 28px;
	background: url(images/tear-middle.png) repeat-x;
	line-height:28px;
	text-align:center;
}
.header .banners .banner .left {
	width:8px; height: 28px;
	float:left;
	background: url(images/tear-left.png) no-repeat;
}
.header .banners .banner .right {
	width:8px; height: 28px;
	float: right;
	background: url(images/tear-right.png) no-repeat;
}

.header .banners .banner a {
	font-size:12px;
	color: #FFF;
	text-decoration:none;
}

.header .banners .banner a:hover {
	text-decoration: underline;
}

.banner input[type="text"],
.banner input[type="password"]{
	width:113px; height:12px;
	padding:4px;
	font-size:10px;
	border:0; background:url(images/input-text-2.png);
	color: #000;
	text-align:center;
	display:inline;
}
.menu input[type="text"],
.menu input[type="password"]{
	width:113px; height:12px;
	padding:4px;
	font-size:10px;
	border:0; background:url(images/input-text.png);
	color: #000;
	text-align:center;
	display:inline;
}

.banner input[type="submit"],
.banner input[type="button"]{
	width:50px;height:20px; 
	border:0; background:url(images/input-button-2.png); 
	color: #000;
	font-size:10px;
	text-align:center;
	display:inline;
	cursor: pointer;

}
.menu input[type="submit"]{
	width:50px;height:20px; 
	border:0; background:url(images/input-button.png); 
	color: #000;
	font-size:10px;
	text-align:center;
	display:inline;
	cursor: pointer;

}


.siteContainer {	
	background: url(images/body-background-a.png) top center repeat;
}

.site{
	margin: 0 auto; width:1148px;
	background: url(images/body-background-b.png) top center repeat-y;
}

.bodyContainer {	
	background: url(images/body-background-0.png) top center repeat-x;
}

.body{
	margin: 0 auto;	padding: 0 84px;
	width: 980px;
	background: url(images/body-background-1.png) top center no-repeat;
	overflow:auto;
}

.body .left {
	width: 222px;
	margin:0; padding:4px;
	float: left;
}

.body .left .menu {
	width: 220px;
	margin: 0; padding: 0;
	list-style: none outside none;
}

.body .left .menu .header {
	width: 220px; height: 24px;
	margin: 0; padding: 0;
	background: #FFF url('images/menu-header.png') bottom left no-repeat;
}
.body .left .menu .footer {
	width: 220px; height: 12px;
	margin: 0; padding: 0;
	line-height: 2px; font-size: 0px;
	background: #FFF url('images/menu-footer.png') top left no-repeat;
}
.body .left .menu .item {
	width: 220px; height: 24px;
	background: #FFF url('images/menu-item.png') no-repeat;
}
.body .left .menu .subitem {
	width: 220px; height: 24px;
	background: #FFF url('images/menu-item-sub.png') no-repeat;
}

.menu .header a {
	width: 212px; height: 24px;
	padding-right: 8px;
	display:block;	
	font-size:22px;
	line-height: 24px;
	color: #162c3b;
	font-weight: bold;
	text-align:right;
	text-decoration: none;
	outline: none;
	border: 0 none;
}

.menu .header a span {
	color: #FFF;
}
.menu .item a {
	width: 212px; height: 24px;
	padding-left: 8px;
	display:block;	
	font-size:12px;
	line-height: 24px;
	color: #FFF;
	text-align:left;
	text-decoration: none;
	outline: none;
}
.menu .subitem a {
	width: 204px; height: 24px;
	padding-left: 16px;
	display:block;	
	font-size:12px;
	line-height: 24px;
	color: #FFF;
	text-align:left;
	text-decoration: none;
	outline: none;
}
.menu .item a:hover,
.menu .subitem a:hover {
	color: #ccff34;
	text-decoration: none;
}

.menu .active a {
	font-weight: bold;
	color: #ccff34;
}

.body .left .panelContainer {
	background: url('images/panel-footer.png') no-repeat bottom left;
}

.body .left .panel {
	padding: 6px;
	text-align: justify;
	color: #162c3b;
	background: url('images/panel-header.png') no-repeat top left;
}

.body .left .panel h1 {
	font-size: 14px;
	margin: 8px 0;
	line-height: 24px;
}

.body .left .panel h2 {
	font-size: 13px;
	margin: 4px 0;
}

.body .left .panel h3 {
	font-size: 13px;
	margin: 2px 0;
}

.body .left .panel h4 {
	font-size: 13px;
	margin: 2px 0;
}

.body .content {
	margin:0; padding:4px;
	margin-left: 230px;
}
.body .content .panelContainer {
	background: url('images/panel-big-footer.png') no-repeat bottom left;
}

.body .content .panel {
	padding: 8px;
	text-align: justify;
	color: #162c3b;
	background: url('images/panel-big-header.png') no-repeat top left;
}

.body .content .panel .overlayMenuContainer {
	background:none;
	border-bottom:1px solid #162c3b;
	height:32px;
	position:absolute;
	width:726px;
	z-index:10;
}
.panel .overlayMenuContainer .menu {
	list-style: none outside none;
	margin: 0; padding:0;
	width: 80%;
	height: 32px;
	float: right;
}

.panel .overlayMenuContainer .menu .item {
	float:right;
	margin-left: 1px;padding:0;
	width: 120px;height: 32px;

	background: url(images/menu-item-0.png) no-repeat;
	cursor: pointer;
}

.panel .overlayMenuContainer .menu .active,
.panel .overlayMenuContainer .menu .item:hover {
	background: url(images/menu-item-1.png) no-repeat;
	cursor: pointer;
}

.panel .overlayMenuContainer .menu .item a {
	width: 120px; height: 32px; padding:0;
	display:block;	
	font-size: 13px;
	line-height: 36px;
	color: #FFF  !important;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}
.panel .overlayMenuContainer .menu .item a:hover {
	text-decoration: none;
}

.panel .overlayMenuContainer .menu .item#small {
	float:left;
	margin-left: 1px;padding:0;
	width: 28px;height: 32px;

	background: url(images/menu-item-0-small.png) no-repeat;
}

.panel .overlayMenuContainer .menu .active#small,
.panel .overlayMenuContainer .menu .item#small:hover {
	background: url(images/menu-item-1-small.png) no-repeat;
}

.panel .overlayMenuContainer .menu .item#small a {
	width: 28px; height: 32px; padding:0;
	display:block;	
	font-size: 14px;
	line-height: 36px;
	color: #FFF;
	text-align: center;
	text-decoration: none;
}
.panel .overlayMenuContainer .menu .item#small a:hover {
	text-decoration: none;
}

.body .content .panel h1 {
	font-size: 16px;
	margin: 8px 0;
	line-height: 24px;
}

.body .content .panel h2 {
	font-size: 13px;
	margin: 4px 0;
}

.body .content .panel h3 {
	font-size: 13px;
	margin: 2px 0;
}

.body .content .panel h4 {
	font-size: 13px;
	margin: 2px 0;
}

.footerContainer {	
	background:#326689 url(images/footer-background-2.png) top center repeat-x;
}

.footer{
	margin: 0 auto;	padding: 0; /* 84px;*/
	width: 1148px; height: 132px;
	/* background: url(images/footer-background-1.png) top center no-repeat;*/
}

.footer .menu {
	text-align: center;
	background: url('images/footer-menu.png') top center repeat-y;
	line-height: 3em;
	color: #444;
}

.footer .menu a {
	color: #162c3b;
	text-decoration:none;
	outline:none;
}

.footer .menu a:hover {
	text-decoration: underline;
}

.footer .menu2 {
	text-align: center;
	background: url('images/footer-parteners-1.png') top center repeat-y;
	color: #444;
	line-height:2em;
}

.footer .menu2 a {
	color: #FFF;
	text-decoration:none;
	outline:none;
}

.footer .menu2 a:hover {
	text-decoration: underline;
}

.footer .partenersContainer {
	padding: 0;	
	background: url('images/footer-parteners-1.png') top center repeat-y;
}

.footer .parteners {
	padding: 4px 88px;
	background: url('images/footer-parteners-0.png') top center no-repeat;
}

.footer .parteners a img {
	border: 0 none;
}

.footer .copyright {
	padding:0 88px;
	background: url('images/footer-copytech.png') top center no-repeat;
	text-align: right;
	color: #FFF;
	line-height: 19px;
}

.footer .copyright a {
	color: #FFF;
	text-decoration:none;
	outline:none;
}

.footer .copyright a:hover {
	text-decoration: none;
}

.footer .technical {
	padding:0 4px;
	text-align: right;
	color: #FFF;
}

.pageSet_page form,
.pageSet_page iframe {
	width:720px;
}

form input[type=text],
form textarea {
	padding:4px;
	border: 1px solid #ABC6DD;
	width: 60%;
}

form select,
form select[multiple=multiple]{
	border: 1px solid #ABC6DD;
}

form select option{
	padding: 1px;
}

form select option[selected=selected]{
	padding:1px;
	background: #E2E9EE;	
}

/*
orange for button hover : #FFDC83
	*/
form .addButton {
	background:#E5EFFD url(images/silk/add.png) 6px center no-repeat;
	border: 1px solid #ABC6DD; 
	padding: 3px;
	padding-left: 24px;
	cursor: pointer;
}

form .removeButton {
	background:#E5EFFD url(images/silk/delete.png) 6px center no-repeat;
	border: 1px solid #ABC6DD; 
	padding: 3px; 
	padding-left: 24px;
	cursor: pointer; 
}

form .removeButton:hover {
	color: #E6584D;
}

form .updateButton {
	background:#E5EFFD url(images/silk/disk.png) 6px center no-repeat;
	border: 1px solid #ABC6DD; 
	padding: 3px; 
	padding-left: 24px;
	cursor: pointer; 
}

form .clearButton {
	background:#E5EFFD url(images/silk/arrow_refresh.png) 6px center no-repeat;
	border: 1px solid #ABC6DD; 
	padding: 3px; 
	padding-left: 24px;
	cursor: pointer; 
}

form .cancelButton {
	background:#E5EFFD url(images/silk/cross.png) 6px center no-repeat;
	border: 1px solid #ABC6DD; 
	padding: 3px; 
	padding-left: 24px;
	cursor: pointer; 
}

form .editButton {
	background:#E5EFFD url(images/silk/pencil_go.png) 6px center no-repeat;
	border: 1px solid #ABC6DD; 
	padding: 3px; 
	padding-left: 24px;
	cursor: pointer; 
}

form .processButton {
	background:#E5EFFD url(images/silk/lightning.png) 6px center no-repeat;
	border: 1px solid #ABC6DD; 
	padding: 3px; 
	padding-left: 24px;
	cursor: pointer; 
}

form .createButton {
	background:#E5EFFD url(images/silk/asterisk_yellow.png) 6px center no-repeat;
	border: 1px solid #ABC6DD; 
	padding: 3px; 
	padding-left: 24px;
	cursor: pointer; 
}

form .deleteButton {
	background:#E5EFFD url(images/silk/delete.png) 6px center no-repeat;
	border: 1px solid #ABC6DD; 
	padding: 3px; 
	padding-left: 24px;
	cursor: pointer; 
}

div.informationMessage {
	border:1px solid #3774DF;
	background: #CFE0FF url(images/silk/information.png) 4px 4px no-repeat;
}
div.informationMessage p {
	width: 90%;
	margin: 4px 0px;
	margin-left:24px;
	text-align: left;
}

div.successMessage {
	border:1px solid #23711E;
	background: #D1FF9F url(images/silk/accept.png) 4px 4px no-repeat;
}
div.successMessage p {
	width: 90%;
	margin: 4px 0px;
	margin-left:24px;
	text-align: left;
}

div.errorMessage {
	border:1px solid #DF1B23;
	background: #FFBFC2 url(images/silk/exclamation.png) 4px 4px no-repeat;
}
div.errorMessage p {
	width: 90%;
	margin: 4px 0px;
	margin-left:24px;
	text-align: left;
}

div.warningMessage {
	border:1px solid #EDEF1D;
	background: #FEFFAF url(images/silk/error.png) 4px 4px no-repeat;
}
div.warningMessage p {
	width: 90%;
	margin: 4px 0px;
	margin-left:24px;
	text-align: left;
}

a.whiteLink,
a.whiteLink:hover,
a.whiteLink:visited {
	color: #FFF;
	text-decoration: none;
}

a.commandLink,
a.commandLink:visited {
	color:#152A39;
	padding: 4px 4px 4px 24px;
	border: 1px solid #FFF;
	text-decoration: none;
	background:transparent 4px center no-repeat;
}

a.commandLink:hover{
	padding: 4px 4px 4px 24px;
	border: 1px solid #ABC6DD; 
	text-decoration: underline;
	background:#E5EFFD 4px center no-repeat;
}

a.commandLink#create,
a.commandLink#create:visited ,
a.commandLink#create:hover{
	background-image:url(images/silk/asterisk_yellow.png);
}

a.commandLink#edit,
a.commandLink#edit:visited ,
a.commandLink#edit:hover{
	background-image:url(images/silk/pencil_go.png);
}

a.commandLink#translate,
a.commandLink#translate:visited ,
a.commandLink#translate:hover{
	padding-left: 12px;
	background-image:url(images/silk/page.png);
}

a.commandLink#delete,
a.commandLink#delete:visited ,
a.commandLink#delete:hover{
	background-image:url(images/silk/delete.png);
	color: #E6584D;
	cursor: not-allowed;
}

a.downloadLink,
a.downloadLink:visited {
	color:#152A39;
	padding: 4px 4px 4px 24px;
	border: 1px solid #ABC6DD; 
	font-weight: bold;
	text-decoration: none;
	background:#E5EFFD url(images/silk/arrow_down.png) 4px center no-repeat;
}

a.downloadLink:hover{
	text-decoration: underline;
}

td#thumb {
	margin:1px;
	vertical-align:middle; 
	text-align:center; 
}

a#thumbLink,
a#thumbLink:active,
a#thumbLink:visited,
a#thumbLink:link {
	background:#FFF;
	border: 1px solid #ABC6DD; 
	
	display:block;
	outline:none; 
	cursor:pointer;
}

a#thumbLink:hover {
	background:#E5EFFD;
}

#thumbImage {
	margin: 4px; 
	border:1px solid #d5d5d5;
	vertical-align:middle; 
}

a.pageLink,
a.pageLink:link,
a.pageLink:active,
a.pageLink:visited {	
	width: 3ex;
	padding: 4px 8px;
	color: #2F6081 !important;
	border:1px solid #ABC6DD;
	text-align:center;
	text-decoration: none;
	cursor:pointer;
}

a.pageLink:hover {
	background:#E5EFFD;	
}

a.pageLink_current,
a.pageLink_current:link,
a.pageLink_current:active,
a.pageLink_current:visited,
a.pageLink_current:hover  {
	width: 3ex;
	padding: 4px 8px;
	color: #2F6081 !important;
	background:#E5EFFD;
	border:1px solid #ABC6DD;
	font-weight: bold;
	text-align:center;
	text-decoration: none;
	cursor:pointer;
}

a.pageLink_current img,
a.pageLink img {
	border: 0;
	margin:4px;
}

a.downloadLink,
a.downloadLink:link,
a.downloadLink:active,
a.downloadLink:visited {	
	width: 119px; height:43px;
	margin:10px auto; padding:0;
	color: #FFF !important;
	background:url('images/download-0.png') top center no-repeat;
	border:0;	
	line-height: 43px;
	font-size:1.1em;
	font-variant:small-caps;
	text-align:center;
	text-decoration: none;
	display:block;
	cursor:pointer;
}

a.downloadLink:hover {
	background:url('images/download-1.png') top center no-repeat;	
}

.body .content .panel a:link,
.body .content .panel a:active,
.body .content .panel a:visited
{
	color: #1CA1D0;
	text-decoration:none;
}
.body .content .panel a:hover
{
	color: #152A39;
}