html, body { margin: 0; padding: 0; }

body { background-color: #bdc6d1; font: 0.9em/1.25em Arial, Helvetica, sans-serif; color: #333; }
#pageContainer { width: 960px; margin: 10px auto; }
#topArea, #mainArea, #bottomArea { padding: 15px 13px; background-color: #fff; border: 1px solid #ccc; }
.contentLeft { float: left; }
.contentRight { float: right; }
#topArea { margin-bottom: 15px; height: 90px; padding: 0px 15px;}
#topArea .contentLeft { width: 210px; padding: 2px 0px;}
#topArea .contentRight { width: 690px; height: 40px; }
#mainArea { position: relative; } /* important for black curtain and please-wait-info */
#bottomArea { margin-top: 15px; color: #555; padding: 10px 13px; }

#mainArea .contentLeft, #bottomArea .contentLeft { width: 180px; }
#mainArea .contentRight, #bottomArea .contentRight { width: 730px; padding-left: 15px; }
#mainArea .contentRight { min-height: 300px; font-size: 0.9em; }

#mainArea.withSidebarRight .contentRight { width: 570px; float: left; }
#mainArea #sidebarRight { float: left; width: 160px; padding-left: 15px; margin-left: 14px; border-left: 1px dashed #e0e0e0; }
#navigation_area { border-right: 1px dashed #e0e0e0; }
#sidebarRight { color: #777; text-align: right;}
#sidebarRight img { margin-bottom: 15px; }
#sidebarRight p { margin: 0; margin-bottom: 5px; }
#sidebarRight .small_text { font-size: 0.75em; }

#topArea .widget_client_menu ul { margin: 0; padding: 0; list-style: none; text-align: right; }
#topArea .widget_client_menu ul li { display: inline-block; margin: 0 10px; height: 90px;}
#topArea .widget_client_menu ul li a { display: block; border-top: 5px solid #fff; border-bottom: 5px solid #fff; padding: 0 15px; line-height: 80px; text-decoration: none; font-weight: bold;}
#topArea .widget_client_menu ul li a:hover, #topArea .widget_client_menu ul li a:focus { border-color: #144290; }
#topArea .widget_client_menu ul li.active a { color: #c60000; }

#topArea .widget_login a { font-size: 0.70em; line-height: 1.3em;}
#topArea .widget_login { width: 250px; overflow: hidden; margin: 0; text-align: right; float: right; margin-top: 6px; }
#topArea .widget_login  form{ width: 140px; float: left; }
#topArea .widget_login  ul{ width: 110px; float: right; list-style: none; margin: 0; padding: 0;}

#navigation_area ul { margin: 0; padding: 0; list-style: none; text-align: right; }
#navigation_area ul ul { margin-top: 5px; margin-bottom: 15px; }
#navigation_area ul ul li { padding-right: 0; margin-bottom: 3px; }
#navigation_area a { font-size: 0.8em; line-height: 1.5em; text-decoration: none; }
#navigation_area li a { font-size: 0.8em; line-height: 1.5em; text-decoration: none; display: block; }
#navigation_area ul li.active a { color: #c60000; }

#navigation_area #mainLabelNavigation {margin-top: 15px; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px dashed #ddd; }
#navigation_area #mainNavigation { margin-bottom: 15px; }
#navigation_area #mainNavigation>li, #navigation_area #mainLabelNavigation>li  { display: inline-block; width: 100%; }
#navigation_area #mainNavigation>li a, #navigation_area #mainLabelNavigation>li a { border-right: 3px solid #fff; padding-right: 5px;}
#navigation_area #mainNavigation>li a:hover, #navigation_area #mainNavigation>li a:focus,
#navigation_area #mainLabelNavigation>li a:hover, #navigation_area #mainLabelNavigation>li a:focus { border-color: #144290; }
#navigation_area #mainNavigation ul li a:hover, #navigation_area #mainNavigation ul li a:focus,
#navigation_area #mainLabelNavigation ul li a:hover, #navigation_area #mainLabelNavigation ul li a:focus { border-color: #fff; }
#navigation_area ul ul li a { font-size: 0.75em; line-height: 1.3em; text-transform: uppercase;}
#navigation_area ul ul a { text-transform: none; }

#mainArea .contentRight ul.tapped_menu { margin: 0; padding: 0; list-style: none; border-bottom: 1px dotted #8d8d8d; }
#mainArea .contentRight ul.tapped_menu  li { display: inline-block; margin: 0px; padding: 5px 3px; border: 1px solid #8d8d8d; border-bottom: none; background-color: #f1f1f1 }
#mainArea .contentRight ul.tapped_menu li a { text-decoration: none; }

#mainContent { color: #555; font-size: 0.85em; line-height: 1.4em; }
#mainContent .content_box { text-align: justify; }

#bottomArea .widgetgroup .widget { float: left; font-size: 0.85em; height: 65px; }
#bottomArea p { margin: 0 }


h1 { font-size: 1.2em; line-height: 1.4em; font-weight: bold; border-bottom: 2px solid #e0e0e0}
h2 { font-size: 1.1em; font-weight: bold; }
h2 .underline { border-bottom: 1px solid #144290;}
h3 { font-size: 1em; font-weight: bold; }
#mainContent .content_box h1 {margin-top: 5px;}

dl { margin-top: 15px; }
dt { font-weight: bold; border-top: 1px dotted #ddd; }
dd { font-size: 0.9em; margin-left: 40px; }

p, pre { margin: 8px 0; }

a { text-decoration: underline; color: #144290; }
li.active li a { color: #144290 !important; }
a:hover, a:focus, li.active li a:hover, li.active li a:focus { color: #c60000; }
a.internal-link { text-decoration: underline; color: #db0005; }
a.internal-link:hover { color: #0066cc; }
a.external-link { text-decoration: underline; color: #144290; }
a.external-link:hover { color: #c60000; }
a img { text-decoration: none; 	border: none; }

#mainArea .contentRight li { margin: 5px 0; }

.file_list { background-color: #f9f9f9; padding: 10px; font-size: 0.9em; }
.file_list ul a { text-decoration: none; }

.changes_file { margin-bottom: 15px; background-color: #f9f9f9; border: 1px solid #0066cc; }
.changes_file h4 { margin: 0; height: 17px; padding: 3px 10px; cursor: pointer; background: #0066cc url(toggler.png) no-repeat right top; }
.changes_file h4.opened_box { background-position: right -23px; }
.changes_file h4 a { font-weight: bold; text-decoration: none; color: #fff; }
.changes_file .changes_box { margin-bottom: 10px; padding: 0 10px; border-bottom: 1px dotted #0066cc; }
.changes_box .line { font-weight: bold; color: #0066cc; }
.changes_box .instruction { font-weight: bold; margin: 10px 0;}
.changes_box .instruction .above { color: #990000; }
.changes_box .instruction .above:before { content: "\0021D1 "}
.changes_box .instruction .below { color: #009900; }
.changes_box .instruction .below:before { content: "\0021D3 "}
.changes_box .instruction .replace { color: #ff6600; }
.changes_box .instruction .replace:before { content: "\0021D4 "}
.changes_box pre { font: 1em/1.2em "Courier New", Courier, monospace; color: #000; padding: 5px; max-height: 150px; overflow: auto; background-color: #fffddd; }

.clickit { cursor: pointer; }
.clickit:hover { color: #883311; }
.red { color: #cc0000; }
.green { color: #009900; }
.wrapper { overflow: hidden;}
.center { text-align: center; }
.clear { clear: both; height: 1px; line-height: 1px; font-size: 1px;}
.box_left { float: left;}
.box_right { float: right;}
.line_through { text-decoration: line-through;}
.text_italic { font-style: italic }
.small_text { font-size: 0.85em; }
.strong { font-weight: bold; }
.text_right { text-align: right; }
.underline { text-decoration: underline; }

.clear { clear: both; line-height: 0px; font-size: 0px; height: 0px; }
.contentWrapper { overflow: hidden; }