.container {
	margin-top: 10px;
	background-color: #ecf2ff;
	border: 2px solid #e8e8e8;
}

#header {
    margin-top: 10px;
    line-height: 300%;
    text-indent: 10px;
}
#header .title {
    font-size: large;
}
#header #header-menus {
    text-align: right;
    direction: rtl;
}

#middle {
    margin: 10px 0px;
}

#footer {
    text-align: center;
}

div.section {
	margin-top: 20px;
}

div.section h3 {
	font-size: medium;
	border-left: 4px solid #777;
	border-bottom: 1px solid #777;
	padding: 5px;
}

div.section div {
	padding-left: 10px;
}

/* @group My Group */

/* @end */

/* @group for The jQuery UI CSS Framework */

#content .ui-widget-header {
	padding: 5px 10px;
}

#content .ui-widget-content {
	padding: 10px;
}

#content .ui-widget-content thead th {
	text-align: center;
	font-weight: normal;
	font-style: normal;
	border-style: none;
}

#content .ui-widget-content tr.even {
    opacity: 50%;
}

#content .ui-state-hover a {
	text-decoration: underline;
}

#content .ui-widget-content form tbody th,
#content .ui-widget-content table.form-like tbody th {
	text-align: right;
	white-space: nowrap;
	width: 1%;
}

#content div.submit-button {
	text-align: center;
}

#content .center {
	text-align: center;
}


/* @end */