/* Tags
------------------------------ */
body {margin: 0; padding: 0; background: #e9e9e9; color: #777; font-family: Calibri, Arial, Verdana, sans-serif; font-size: 81%;}

h1, h2, h3, h4, h5, h6, caption {font-family: Calibri, Arial, Verdana, sans-serif; font-weight: lighter; text-align: left;}
h1 {font-size: 200%;}
h2, caption {font-size: 180%;}
h3 {font-size: 160%;}
h4 {font-size: 140%;}
h5 {font-size: 120%;}
h6 {font-size: 110%;}

form {margin: 0; padding: 0;}

blockquote 	{border-left: .25em solid #ccc; padding-left: .25em; color: #999; font-style: italic;}
code 		{margin: 0 15px 15px 15px; padding-left: 10px; border-left: 5px solid #ccc; font-size: 11px; color: #000;}

dl {font-size: 90%;}
dt {font-weight: bold; color: #000;}
dd {font-weight: lighter; color: #777; margin-left: 1.5em;}
hr {border: 0; color: #ccc; background: #ccc; height: 1px;}

a 			{}
a img 		{border: 0;}
a:link 		{color: #00f;}
a:visited 	{color: #009;}
a:hover 	{color: #f00;}
a:active 	{color: #f00;}
a:focus 	{color: #f00;}

/* Layout
------------------------------ */
body.1-column 			{}
body.2-column-left 		{}
body.2-column-right 	{}
body.3-column 			{}

.wrapper, .page 		{margin: 0 auto; width: 992px;}
.header, .nav, .middle, .footer, .author {}
.inner {border: 1px solid #cdcbcc; border-bottom: 0;}

.page 			{background: url(../images/page-mid.gif) 0 0 repeat-y;}
.header 		{background: url(../images/page-top.gif) 0 0 no-repeat;}
.footer 		{background: url(../images/page-end.gif) 0 100% no-repeat;}

.header 		{padding-top: 15px;}
.header-inner 	{min-height: 50px; background: #fff;}
.header-left 	{}
.header-right 	{}

.nav 			{}
.nav-inner 		{min-height: 30px; background: #d3d1d2;}

.middle-inner 	{margin: 0 15px; padding: 20px 0; background: #fff;}
.content 		{}

.footer 		{padding-bottom: 32px;}
.footer-inner 	{border-top: 0; border-bottom: 1px solid #cdcbcc;}
.footer-left 	{min-height: 69px;}
.footer-right 	{min-height: 69px;}

.lower 			{}
.lower-inner 	{border: 0;}
.lower-left 	{}
.lower-right 	{}

.author 		{font-size: 11px; color: #888;}
.author-left p 	{padding-left: 10px;}
.author-right p {padding-right: 10px;}
.author a:link, .author a:visited {color: #888; text-decoration: none;}
.author a:hover, .author a:focus, .author a:active {color: #666;}

/* Tables
------------------------------ */
caption {margin: .67em 0;}
table 	{border-collapse: collapse;}

table.data,
table#data_grid {margin-top: 1em; width: 100%; border: 1px solid #ccc; background: #fff; margin-bottom: 20px; font-size: 11px;}
table.data tr, table.data td, table.data th,
table#data_grid tr, table#data_grid td, table#data_grid th {margin: 0; padding: 0;}
table.data th, table.data td.th,
table#data_grid th, table#data_grid td.th {padding: 5px; background: #f0f0f0; border: 1px solid #5e88c6; font-weight: normal; text-align: left; color: #5e88c6;}
table.data td,
table#data_grid td {padding: 5px 0 2px 5px; border: 1px solid #eee; border-bottom-color: #ddd; vertical-align: top;}
table.data td.th,
table#data_grid td.th {width: 9.6em;}
table.data tr.top td, table.data tr.top th,
table#data_grid tr.top td, table#data_grid tr.top th {background: #5e88c6; color: #fff; border-color: #eceffa;}
table.data tr.alt td,
table#data_grid tr.alt td {background: #eceffa;}
table.data tr:hover td.th, table.data tr:hover td,
table#data_grid tr:hover td.th, table#data_grid tr:hover td {background: #f5f5f5;}

table.border .left {text-align: left; float: none;}
table.border .center {text-align: center;}
table.border .right {text-align: right; float: none;}

table.data,
table#data_grid a img {background: #eee; color: #000;}

/* Navigation
------------------------------ */
/* All menus - remove unordered list defaults */
.menu, .menu ul {list-style-type: none; margin: 0; padding: 0;}
.menu a {text-decoration: none;}

/* Primary Menu
-------------------- */
/* 1st menu only */
.nav .menu 				{font-size: 12px; font-weight: bold;}
.nav .menu li 			{float: left;}
.nav .menu li a 		{width: auto; display: block;}

/* Layering */
.nav ul, .nav li, .nav a {z-index: 1000;}

/* Inherited */
.nav ul 								{}
.nav ul li 								{position: relative; text-align: left;}
.nav ul li 								{}
.nav ul li:first-child 					{}
.nav ul li a 							{background: #d3d1d2; padding: 0 22px; line-height: 30px; vertical-align: middle;}
.nav ul li a:link, .nav ul li a:visited {display: block; color: #666; text-decoration: none;}
.nav ul li a:hover, .nav ul li a:focus 	{background: #cdcbcc; color: #333;}
.nav ul li a:active, .nav ul li a.active{}

/* Child menus */
.nav .menu li ul 		{display: block; margin: 0; width: 220px; background: #cdcbcc; border-bottom: 1px solid #cdcbcc; font-size: 11px;}
.nav .menu li ul li 	{float: left; width: 220px; height: auto; margin: 0; padding: 0; border-left: 1px solid #cdcbcc; border-right: 1px solid #cdcbcc; line-height: normal; text-align: left; font-weight: normal;}
.nav .menu li ul a 		{background: #d3d1d2; width: 198px; height: auto; line-height: normal; margin: 0; padding: 5px 0 5px 22px; border: 0;}
.nav .menu li ul a:link, .nav .menu li ul a:visited {}
.nav .menu li ul a:hover, .nav .menu li ul a:focus, .nav .menu li ul a:active, .nav .menu li ul a.active {background: #cdcbcc; color: #333;}

/* Hide 2nd menu */
.nav .menu ul 				{position: absolute; left: -999em; top: -999em; clear: left;}
.nav .menu li:hover ul ul 	{left: -999em;}

/* Hover Controls */
.nav .menu li:hover ul 		{left: 0; top: 100%;}
.nav .menu ul li:hover ul 	{left: 100%; top: 0;}

/* Article boxes (news, etc.)
------------------------------ */
.article {margin: 0 auto 20px auto; padding: 3px; border: 1px solid #ddd;}
.article .container {padding: 3px 10px 10px 10px; border: 1px solid #ddd; color: #666;}
.article .container:hover {border-color: #ccc; color: #333;}
.article .icon-info {background: url(../images/icons/information.png) 0 0 no-repeat; padding: 0 0 0 18px;}

/* News
------------------------------ */
.news {}

/* Preview
-------------------- */
.news-preview 						{}
.news-preview .container 			{}
.news-preview .news-content 		{padding: 5px 10px 10px 5px;}
.news-preview .news-content img 	{float: left; margin-right: 15px; background: #f0f0f0; border: 1px solid #ddd;}
.news-preview h2.news-title 		{font-weight: normal;}
.news-preview h2.news-title a 		{text-decoration: none;}
.news-preview .news-info 			{margin-top: 0; margin-bottom: .2em; font-size: 90%; color: #333;}
.news-preview .news-date 			{background: url(../images/icons/clock.png) 0 0 no-repeat; padding: 0 0 0 18px;}
.news-preview .news-author 			{background: url(../images/icons/user.png) 0 0 no-repeat; margin: 0 0 0 10px; padding: 0 0 0 18px;}
.news-preview .news-category 		{background: url(../images/icons/information.png) 0 0 no-repeat; margin: 0 0 0 10px; padding: 0 0 0 18px;}
.news-preview .news-more 			{font-size: 90%;}
.news-preview .news-more a 			{}
.news-preview .news-more a strong 	{font-weight: normal;}

/* Full Article
-------------------- */
.news-article 						{}
.news-article .news-details 		{font-family: Calibri, Arial, Verdana, sans-serif;}
.news-article .news-date 			{float: left; font-size: 20px;}
.news-article .news-author 			{float: right; font-size: 20px;}
.news-article h1.news-title 		{}
.news-article h1.news-title strong 	{font-weight: normal;}
.news-article .news-content 		{}
.news-article p, .news-article blockquote {margin-top: 1.33em;}
.news-article hr 					{margin: 5px auto;}
.news-article .news-extra 			{display: none;}
.news-article .news-extra 			{margin: 10px 0 0 0; background: #f0f0f0; border-top: 1px solid #ccc; padding: 10px 8px 32px 8px;}
.news-article .news-back 			{}
.news-article .news-back .button	{float: left; width: 96px; height: 24px; overflow: hidden; font-weight: bold; text-align: center;}
.news-article .news-back .button a 	{display: block; height: 24px; line-height: 24px; vertical-align: middle; background: #999; color: #fff; text-decoration: none;}
.news-article .news-link 			{}
.news-article .news-link code		{border-left: 5px solid #e8871f; padding: 5px 0 5px 4px; font-size: 10px;}

/* News scroller
-------------------- */
/*.calloutNews {font-size: 80%;}
#newsLatest, .sideHeading  {margin: 0 12px; padding: 8px 0;}
#newsLatest h1, .sideHeading h1 {margin: 0; padding: 0; border-bottom: 1px solid #ccc;}
#newsLatest h1 a, .sideHeading h1 a {text-decoration: none}*/

#newsTickerArea {height: 120px;}

#newsbox {height: 120px; border: 0; padding: 0;} /* height of new scroller */
#newsbox a {text-decoration: none;}
.newsticker {} /* class to apply to your scroller(s) if desired */

.newsTicker {padding-bottom: .25em;}
.newsTicker .container {border: 0; border: 0; color: #333; margin: 0; margin-bottom: .25em; padding: 0; font-size: 11.5px;}
.newsTicker .container img {display: none;}
.newsTicker .container:hover {}
.newsTicker .newsDate {margin: 0; padding: 0; font-size: 90%; font-style: italic;}
.newsTicker h2.newsTitle {margin-top: 0; margin-bottom: 0;}
.newsTicker h2.newsTitle a {text-decoration: none;}
.newsTicker .newsAuthor {display: none;}
.newsTicker .newsMore {margin: 0; padding: 0;}
.newsTicker .newsMore strong {font-weight: normal;}
.newsTicker .newsMore a {}

/* Blog
------------------------------ */
/* Blog layout
-------------------- */
.blog-objects {}

/* Blog previews
-------------------- */
.blog-preview {}
.blog-preview .container {}
.blog-title {}
.blog-title h2 {}
.blog-title a:link, .blog-title a:visited {text-decoration: none;}
.blog-title a:hover, .blog-title a:focus, .blog-title a:active {text-decoration: underline;}
.blog-preview-content {}
.blog-summary {margin: 5px auto 0 auto; padding: 6px 0 3px 0; border-top: 1px dotted #ccc;}
.blog-posted-summary 	{background: url(../images/icons/time.png) 0 0 no-repeat; padding: 0 0 4px 20px;}
.blog-author-summary 	{background: url(../images/icons/user.png) 0 0 no-repeat; padding: 0 0 4px 20px;}
.blog-comments-summary 	{background: url(../images/icons/comment.png) 0 0 no-repeat; padding: 0 0 4px 20px;}
.blog-posted-date 		{}
.span.blog-author 		{font-family: Calibri, Arial, Verdana, sans-serif; font-size: 14px;}
.blog-comments-number {font-weight: bold;}

/* Blog article
-------------------- */
.blog-article {}

.blog-article-main {}
.blog-article-title {}
.blog-article .blog-title h1 {}
.blog-article-content {}

.blog-article .blog-comments {}
.blog-comments-title {}
.blog-comments-title h2 {}
.blog-comments-content {}
.blog-article .blog-add-comment {}
.blog-article .back {}

/* Display comments
-------------------- */
.blog-comments {margin-top: 2em; padding-top: 1em; border-top: 1px solid #ddd;}
.blog-comment {margin-top: 1em; background: #fff url(../images/quote-bg-grad.gif) 0 0 repeat-x; border-top: 1px solid #ccc;}
.blog-comment .comment {margin: 0 .66em; line-height: normal;}
.blog-comment .blogCommentSummary {padding: .1em .66em; border-top: 1px solid #ddd; border-bottom: 1px solid #ccc; background: #f0f0f0; color: #999;}
.blog-comment span.blogCommentAuthor {font-weight: bold;}
.blog-comment span.blogCommentPostedDate {font-style: italic;}

/* Blog comments form
-------------------- */
.blog .webForm {margin-top: 2em; padding-top: 1em; border-top: 1px solid #008cd0;}
.blog .webForm h1 {font-size: 14px; color: #008cd0;}
.blog .webForm label.block {margin-left: .33em; color: #008cd0;}
textarea#blogComment {width: 21.5em;}
input#blogCommentAuthor {width: 24em;}
input#blogCommentAuthorEmail {width: 24em;}
.blog .webForm .indent {display: inline; margin: 0;}
input#addButton {float: right; margin-right: 0; background: #008cd0; color: #fff; text-align: center;}

/* Blog menus 
-------------------- */
.blog-menu 			{border-bottom: 1px dotted #ccc;}
.blog-menu ul 		{list-style-type: disc; list-style-position: outside; margin: 1.33em 0; padding: 0; margin-left: 15px; color: #666;}
.blog-menu ul li 	{font-size: 11px; padding-bottom: 6px;}
.blog-menu ul a:link, .blog-menu ul a:visited {color: #666; text-decoration: none;}
.blog-menu ul a:hover, .blog-menu ul a:focus, .blog-menu ul a:active {color: #db398a; text-decoration: underline;}

/* Blog side box
-------------------- */
.blog-sidebox-preview 	{}
.blog-sidebox 			{}
.blog-sidebox h2 		{margin: 0;}
.blog-sidebox h2 a 		{text-decoration: none;}
.blog-sidebox-content 	{margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px dotted #ccc; font-size: 11px;}
.blog-sidebox p 		{}

/* Pagination
------------------------------ */
.pagination-results 	{margin: 20px auto 10px auto; text-align: center;}
.pagination-summary 	{font-size: 10px;}
.pagination-options 	{margin: 5px 0 0 0; font-size: 11px;}

.pagination-summary .current-page 	{}
.pagination-summary .total-pages 	{}

.pagination-results a 					{text-decoration: none;}
.pagination-results ul.pages 			{display: inline; margin: 0 auto; padding: 0; list-style-type: none;}
.pagination-results ul.pages li 		{display: inline; padding: 0;}
.pagination-results ul.pages li a 		{margin: 0 2px; padding: 2px 6px 2px 9px; border: solid 1px #ccc; background: #eee; color: #666;}
.pagination-results ul.pages a:hover 	{background: #ddd; color: #444;}
.pagination-results ul.pages a:focus 	{background: #ccc; color: #222;}
.pagination-results ul.pages a.current 	{border-color: #999; background: #bbb; color: #444; font-weight: bolder;}

.pagination-results .next a, .pagination-results .previous a 				{padding: 2px 6px; border: 1px solid #ccc; background: #eee; color: #666;}
.pagination-results .next a:hover, .pagination-results .previous a:hover 	{background: #ddd; color: #444;}
.pagination-results .next a:focus, .pagination-results .previous a:focus 	{background: #ccc; color: #222;}
.pagination-results .next a 												{margin-left: 4px;}
.pagination-results .previous a 											{margin-right: 0;}
.pagination-results .disabled 												{margin: 0 2px; padding: 2px 6px; border: solid 1px #ddd; background: #fff; color: #ccc;}

/* Presentation
------------------------------ */
.left {float: left;}
.right {float: right;}

img.right {float: right; margin: 2px 0px 5px 15px;}
img.left {float: left; margin: 2px 15px 5px 0px;}
.page-content img.right, .page-content img.left {border: 1px solid #ccc; padding: 3px;}

th.left, td.left {float: none !important;}
th.right, td.right {float: none !important;}

span.left, span.right {}
span.left 	{float: none;}
span.right 	{float: none; margin-left: 15px;}

td.left , td.right {float: none;}
td.left {text-align: left;}
td.right {text-align: right;}

.clear {clear: both;}

.caps 		{text-transform: uppercase;}
.larger 	{font-size: 105%;}
.smaller 	{font-size: 105%;}

/* Hide Stuff
------------------------------ */
.hidden {position: absolute; left: -999em; top: -999em; z-index: 1;}
a:link.stealth, a:visited.stealth {color: #666 !important; text-decoration: none;}
a:hover.stealth, a:focus.stealth, a:active.stealth {color: #606060 !important; text-decoration: underline;}

/* Google Maps
------------------------------ */
#map {width: auto; height: 320px; margin: 0 auto 10px auto; background: #eee; border: 1px solid #ccc;}
.mapText {width: 250px; font-size: 90%; color: #333;}
.mapCaption {width: auto; margin: 12px 0 0 0; background: #f2efe9; border: 1px solid #ccc;}
.mapCaption p {margin: 2px; padding: 0; color: #444;}

/* Messages & Alerts
------------------------------ */
.message-box 			{background: #fff; border: 1px solid #ddd; padding: 3px; margin-bottom: 12px;}
.message 				{background: #ffd; padding: 10px 12px; color: #666;}
.message p 				{margin: 2px 0;}	

.message h1 			{margin: 0; padding: 0; font-size: 16px; color: #369; border-bottom: 1px solid #ddd;}
.message h2 			{margin: 0; padding: 0; font-size: 14px; color: #369;}
.message code 			{}
.message code strong	{color: #369;}
.message-general 		{}

/* Icons
------------------------------ */
.icon 						{padding-left: 18px; background-position: 0 2px; background-repeat: no-repeat}
.icon-info 					{background-image: url(/content/images/icons/information.png)}
.icon-info-small 			{background-image: url(/content/images/icons/information-small.png)}
.icon-question 				{background-image: url(/content/images/icons/question.png)}
.icon-question-small 		{background-image: url(/content/images/icons/question-small.png)}
.icon-exclamation 			{background-image: url(/content/images/icons/exclamation.png)}
.icon-exclamation-small 	{background-image: url(/content/images/icons/exclamation-small.png)}

/* Alternative icons */
.icon-info-balloon 			{background-image: url(/content/images/icons/information-balloon.png)}
.icon-question-balloon 		{background-image: url(/content/images/icons/question-balloon.png)}
.icon-info-frame 			{background-image: url(/content/images/icons/information-frame.png)}
.icon-question-frame 		{background-image: url(/content/images/icons/question-frame.png)}


/* Add This
------------------------------ */
.add-this {float: right; width: 125px;}

/* EXT Override
------------------------------ */
.x-panel-body table, .x-window table {margin-bottom: 0}

/*
@import url(tags.css);
@import url(layout.css);
@import url(menu.css);
@import url(presentation.css);
@import url(form.css);
@import url(table.css);
@import url(r-click.css);
@import url(../tree/css/drag-drop-folder-tree.css);
@import url(tabcontent.css);
@import url(dhtmlXGrid.css);
*/

/* Clearfix
------------------------------ */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;} 
/* ie-mac hide \*/
* html .clearfix {height: 1%;} 
.clearfix {display: block;}
/* end hide*/