@import url("navigation.css");

/*  -------    HTML ELEMENTS    ---------- */

html {
	font: 62.5% Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}
body {
	margin: 0px;
	padding: 0px;
}
.cleared {
	clear: both;
	font-size: 0;
	line-height:0;
}
pre {
	margin: 0px;
}
a {
	font-weight: bold;
}
form, fieldset {
	margin: 0px;
	padding: 0px;
}
p {
	margin-top: 0px;
	margin-bottom: 15px;
}
a:link {
	color: #0A4480;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #383838;
}
a:hover {
	text-decoration: none;
	color: #D7070C;
}
a:active {
	text-decoration: none;
	color: #0A4480;
}

/*  -------    HEADER LAYOUT    ---------- */

#pageHeader {
	width: 100%;
	background: url(../_Layout/bgHeader.jpg) repeat-x;
	height: 107px;
	position: relative;
}
#pageHeader h1 {
	position: absolute;
	left: 0px;
	top: 8px;
	height: 91px;
	width: 375px;
	background: url(../_Layout/webstudio-logo.gif) no-repeat;
	margin: 0px;
	text-indent: -9999em;
}
#pageHeader #cmsVersion {
	position: absolute;
	left: 137px;
	top: 73px;
	margin: 0px;
	color: #A50C0C;
	font-size: 1.1em;
	width: 235px;
}
#pageHeader #companyLogo {
	position: absolute;
	right: 10px;
	bottom: 0px;
	height: 73px;
	width: 297px;
	background: url(../_Layout/bgCompanyLogo.gif) no-repeat;
	margin: 0px;
	text-align: center;
	padding-top: 10px;
}

/*  -------    MAIN TABLE    ---------- */

table#layoutTable {
	width: 100%;
	border-style: none;
}
td#leftNavigation {
	width: 212px;
}
td#content {
	font-size: 1.1em;
	vertical-align: top;
	background: url(../_Layout/bgBreadcrumbs.gif) repeat-x;
}

/*  -------    FORM ELEMENTS    ---------- */

.formWrapper {
	width: 100%;
}
fieldset {
	border-style: none;
	margin: 0px;
	padding: 0px;
}
legend {
	display: none;
}
label {
	display: block;
	vertical-align: middle;
	padding-top: 1px;
	padding-bottom: 1px;
}
input, select, textarea {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}
input.txtBox, input.txtBoxRequired, input.txtBoxReadOnly {
	padding: 5px 20px 5px 5px;
}
input.txtBox {
	background: #FFFFFF url(../_Layout/bgTxtBox.gif) no-repeat right top;
	border: 1px solid #9E9E9E;
}
input.txtBoxRequired {
	background: #FFFFFF url(../_Layout/bgTxtBoxRequired.gif) no-repeat right top;
	border: 1px solid #9E9E9E;
}
input.txtBoxReadOnly {
	background: #FFFFFF url(../_Layout/bgTxtBoxReadOnly.gif) no-repeat right top;
	border: 1px solid #9E9E9E;
	padding-right: 20px;
}
input.txtBox:focus, input.txtBoxRequired:focus, select:focus, .txtArea:focus, .txtAreaRequired:focus {
	background: #F5EECD url(../external/none);
	border: 1px solid #990000;
}
input.txtBox:hover, input.txtBoxRequired:hover, select:hover, .txtArea:hover, .txtAreaRequired:hover {
	border: 1px solid #990000;
}
input.radioBtn, input.chkBox {
	height: 1em;
	width: 1em;
	margin: 0px;
}
input.formBtn {
	color: #FFFFFF;
	border: 1px solid #517294;
	background: #2E6596 url(../_Layout/bgBtn.gif) repeat-x;
	padding: 4px;
}
input.formBtnRed {
	color: #FFFFFF;
	border: 1px solid #673636;
	background: #884747 url(../_Layout/bgBtnRed.gif) repeat-x;
	padding: 4px;
}
input.formBtnGreen {
	color: #FFFFFF;
	border: 1px solid #61804F;
	background: #61804F url(../_Layout/bgBtnGreen.gif) repeat-x;
	padding: 4px;
}
select {
	border: 1px solid #9E9E9E;
	padding: 4px 2px;
}
.selectRequired {
	color: #CC0000;
}
.txtArea {
	background: #FFFFFF url(../_Layout/bgTxtArea.gif) repeat-x right top;
	border: 1px solid #9E9E9E;
	padding: 5px 15px 5px 5px;
}
.txtAreaRequired {
	background: #FFFFFF url(../_Layout/bgTxtAreaRequired.gif) no-repeat right top;
	border: 1px solid #9E9E9E;
	padding: 5px 15px 5px 5px;
}
.txtAreaReadOnly {
	background: #FFFFFF url(../_Layout/bgTxtAreaReadOnly.gif) no-repeat right top;
	border: 1px solid #9E9E9E;
	padding: 5px 15px 5px 5px;
}

/*  -------    CONTENT ELEMENTS    ---------- */

.breadcrumbs {
	list-style: none;
	margin: 0px 0px 20px;
	padding: 5px 0px 0px;
	height: 24px;
}
.breadcrumbs li {
	height: 24px;
	margin-left: 10px;
	background: url(../_Layout/bgBreadcrumb-l.gif) no-repeat;
	display: block;
	float: left;
}
.breadcrumbs a {
	font-weight: normal;
}
.breadcrumbs a, .breadcrumbs span {
	background: url(../_Layout/bgBreadcrumb-r.gif) no-repeat right top;
	height: 17px;
	padding-right: 8px;
	display: block;
	padding-left: 24px;
	padding-top: 7px;
	width: auto;
}
.breadcrumbs span {
	font-weight: bold;
}
table.commonTable {
	width: 98%;
	margin-right: auto;
	margin-left: auto;
	border-collapse: collapse;
	margin-bottom: 20px;
}
table.commonTable th {
	background: #FFFFFF url(../_Layout/th.gif) repeat-x;
	border: 1px solid #DFDFDF;
	padding: 6px;
}
table.commonTable td {
	padding: 4px;
	border: 1px solid #DFDFDF;
	vertical-align: middle;
}
table.commonTable td.centered  {
	text-align: center;
}
table.commonTable td.alignedRight  {
	text-align: right;
}
table.commonTable td.alignedLeft  {
	text-align: left;
}
table.commonTable td.centeredNowrap {
	text-align: center;
	white-space: nowrap;
}
table.commonTable td.alignedRightNowrap {
	text-align: right;
	white-space: nowrap;
}
table.commonTable td.alignedLeftNowrap {
	text-align: left;
	white-space: nowrap;
}
table.radioCheckbox {
	border-style: none;
}
table.radioCheckbox td {
	border-style: none;
}
table.radioCheckbox label {
	display: inline;
}
table.paging {
	width: auto;
	margin-right: auto;
	margin-left: auto;
}
table.paging td {
	border: 1px solid #DFDFDF;
	vertical-align: middle;
	text-align: center;
	padding: 1px;
}
table.paging span {
	color: #990000;
	font-weight: bold;
	display: block;
	padding: 2px;
	background: #DFDFDF;
}
table.paging a {
	display: block;
	padding: 2px;
	background: #FFFFFF;
}
table.paging a:hover {
	background: #DFDFDF;
}
.sortingRight {
	display: block;
	height: 17px;
	width: 11px;
	float: right;
}
.validationSummary, .informationSummary, .helpSummary {
	width: 98%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	padding-bottom: 20px;
	padding-top: 20px;
}
.validationSummary {
	background: #FFF7CD url(../_Layout/iconError.gif) no-repeat 5px 5px;
	border: 2px dotted #AC1515;
}
.informationSummary {
	background: #F3FFEC url(../_Layout/iconInfo.gif) no-repeat 5px 5px;
	border: 2px dotted #A5D1BC;
}
.helpSummary {
	background: #ECFAFF url(../_Layout/iconHelp.gif) no-repeat 5px 5px;
	border: 2px dotted #A5BAD1;
}
.validationSummary ul, .informationSummary ul, .helpSummary ul {
	margin: 0px 0px 15px 75px;
	padding: 0px;
	list-style: none;
}
.validationSummary ul li {
	background: url(../_Layout/bulletRed.gif) no-repeat 0px 3px;
	padding-left: 15px;
	margin-bottom: 5px;
}
.informationSummary ul li {
	background: url(../_Layout/bulletGreen.gif) no-repeat 0px 3px;
	padding-left: 15px;
	margin-bottom: 5px;
}
.helpSummary ul li {
	background: url(../_Layout/bulletBlue.gif) no-repeat 0px 3px;
	padding-left: 15px;
	margin-bottom: 5px;
}
.validationSummary p, .informationSummary p, .helpSummary p {
	margin-left: 75px;
}
em.requiredFieldsMark {
	color: #CC0000;
	font-style: normal;
	font-size: 1.6em;
	line-height: 12px;
}
div.menuClassWrapper table {
	background: #EBEBEB;
}
div.menuClassWrapper table, div.menuClassWrapper td {
	border: none;
	padding: 0px;
	border-collapse: collapse;
}
div.menuClassWrapper table.menuDynamicItem {
	border-left: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	background: #EBEBEB url(../_Layout/bgMenuItem2.gif) repeat-y;
	border-collapse: collapse;
}
div.menuClassWrapper a {
	display: block;
	padding: 5px 5px 5px 11px;
}