body, html {
font-family: 'lucida sans unicode', arial, sans-serif;
font-size: 98%;
color: #000;
background-color: #000;}

* {
margin: 0;
padding: 0;}

a {
text-decoration: none;
color: #000;}

a:hover {
color: #666;}

h4 a, p a {
text-decoration: underline;}

.right-column table, p, .ImageGalleryPager {

font-size: .7em;
margin-bottom: .3em;}

input {
font-size: 12px;
vertical-align: middle;
color: gray;}

img {
border: none;}

h1 {
font-size: 1.2em;
margin-bottom: .5em;}

h2 {
font-size: 1em;}

h3 {
font-size: .9em;}

h4, h5 {
font-size: .9em;}

h5 {
margin: 1em 0 0 0;}

.right-column h7 {
color: #c4b260;}

.right-column h7 a {
text-decoration: none;}

sup {
font-size: 7px;}

hr {
border: 0;
margin: 15px 0;
color: gray;
background-color: #F7F5DA;
height: 3px;}

table {margin: 0; padding: 0;}
th, td { vertical-align:top; }

fieldset {width:750px; margin: 1.5em; padding: 1em;}
legend {font-weight: bold;}

/* HEADER */

#header {
background: url(../images/bground_header.gif) no-repeat;
width: 950px;
height: 90px;}

#header a.logo {
background: url(../images/logo_flinttrading.gif) no-repeat;
float: left;
display: block;
font-size: 0;
text-indent: -99999px;
position: relative;
top: 13px;
left: 20px;
width: 117px;
height: 53px;}


/* NAV BAR */

.navbar {
margin: 0 5px;
width: 940px;
min-height: 26px;
background: #000 url(../images/edge_nav_top.gif) top center no-repeat;
text-align: center;}

.navbar .form {
margin-left: 5px;
padding: 4px 2px;
float: left;}

.navbar .form input.clearFocus {padding: 0 5px;}

.searchbutton {
margin-left: 5px;}


/* DROPDOWN */

ul.nav {
margin-right: 5px;
float: right;
list-style: none;}

.nav ul {
background:#000; /*IE6 needs this*/}

.nav li {
border-left: 1px solid white;
border-right: 1px solid white;
font-size: 12px;
float:left;
list-style:none;
position:relative;
z-index:999;}

.nav li li {
border: none;
text-align:left;
float:none;
width: 150px;}

.nav li a {
color: #fff;
display:block;
float:left;
padding: 9px 12px 5px 12px;}

.nav li li a {
float:none;
border-bottom: 1px dotted #333;
padding: 6px 12px;}

.nav li ul {
float:none;
top:-999em;
left: 0;
position:absolute;}

.nav li:hover, .nav li.sfHover, .nav a:focus, .nav a:hover, .nav a:active {
color: #ffd200;}

.nav li:hover ul, ul.nav li.sfHover ul { /* pure CSS hover is removed below */
top:2.2em;}

.nav li:hover li ul, .nav li.sfHover li ul {
top:-999em;}

/*following rule negates pure CSS hovers
so submenu remains hidden and JS controls
when and how it appears*/

.superfish li:hover ul, {
top:-999em;}


/* CONTENT */

#outer-container {
width: 950px;
margin: 0px auto;}

#inner-container {
background: white url(../images/bground_content.gif) top right repeat-y;}

#content {
min-height: 400px;
margin: 5px;
width: 940px;}

.subnav, .sub .right-column li {
}

.subnav {
font-size: .8em;
width: 200px;
float: left;
margin-left: 15px;
margin-bottom: 15px;}

.sub .subnav a {
text-decoration: none;}

.subnav ul {
list-style: none;}

.subnav li {
font-weight: bold;}

.subnav li li {
font-weight: normal;}

.subnav p {
margin: 0;}

.right-column {
margin-left: 10px;
float: left;}

.border-bottom {
background: transparent url(../images/edge_bottom.gif) bottom left no-repeat;}


/* HOME */

.home {
clear:both;}

.rotating-image {
float: left;
width: 627px;}

.image-controller {
text-align: center;
height: 20px;
background: #000;
z-index: 1;
position: relative;}

.image-controller a {
color: #fff;
text-decoration: none;
margin: 0 5px;
padding: 3px 5px;
font: 11px/1.3em Arial, Helvetica, sans-serif;
position: relative;
top: 3px;
outline: 0;}

.rotating-image a:hover {
color: #ffd200;}

.pics {
height: 220px;}

.next, .prev {
z-index: 1;
color: #fff;
position: relative;
top: -17px;
font: 11px/1.3em Arial, Helvetica, sans-serif;
text-decoration: none;}

.prev {
float: left;
left: 5px;}

.next {
float: right;
right: 5px;}

.industries-served {
width: 32%;}

.industries-served h1 {
border-bottom: 5px solid #ffd200;}

.industries-served ul {
list-style: none;}

.industries-served li {
padding-left: 40px;
line-height: 2.5em;}

.industries-served li.government {
background: url(../images/icon_government.gif) no-repeat;}

.industries-served li.contractors {
background: url(../images/icon_contractors.gif) no-repeat;}

.industries-served li.commercial {
background: url(../images/icon_commercial.gif) no-repeat;}

.industries-served li.architects {
background: url(../images/icon_architects.gif) no-repeat;}

.industries-served li.airport {
background: url(../images/icon_airport.gif) no-repeat;}

.home .subnav {
margin-top: 10px;}

.home .subnav li {
padding-left: 20px;
line-height: 2.3em;
background: url(../images/bullet_yellowarrow.gif) 0 2px no-repeat;}

.home .subnav li li {
font-size: 1.2em;
padding-left: 0;
background: none;
padding-bottom: 10px;
border-bottom: 5px dotted #ffd200;}

.home .subnav li li p {
color: #4e4e4e;
line-height: 1.3em;}

.gray {
margin-top: 2px;
color: #8a8a8a;}

.home .feature {
background-color: #fff;
border: solid 5px #ebebeb;
width: 313px;
margin-left: 5px;
margin-top: 15px;
margin-bottom: 5px;
padding: 10px;}

.home .feature p {
line-height: 1.2em;
color: #797979;
font-size: .8em;}

.home .feature img {
float: left;
margin-right: 8px;}


/* SUB PAGE CONTENT */

.sub h1 a, .sub h2 a, .sub h3 a, .sub h4 a, .sub h5 a {
text-decoration: underline;}

.sub p a {
text-decoration: underline;}

.sub p {
line-height: 1.4em;
font-size: .8em;}

div.breadcrumbs {
font-size: 12px;
margin-bottom: 10px;}

.sub p.breadcrumbs {
color: #6e6e6e;
margin-bottom: 10px;}

.sub p.breadcrumbs a {
text-decoration: none;
color: #6e6e6e;}

.sub p.breadcrumbs a:hover {
color: black;}

.sub .right-column {
min-height: 460px;
margin-bottom: 20px;
border-left: dotted 5px #ebebeb;
padding-left: 10px;
margin-top: 15px;
width: 595px;
float: left;}

.sub .right-column li {
list-style-position: inside;
font-size: .8em;}

.sub .right-column h1 {
margin-bottom: 5px;}

.sub .right-column img {
margin: 0 15px 15px 0;}

.sub .subnav {
padding-top: 4px;}

.sub .subnav li {
padding-bottom: 4px;
margin-top: 10px;}

.sub .subnav li li {
margin-top: 6px;
font-size: 11px;
padding-left: 8px;
background: url(../images/bullet_yellowarrow_sm.gif) 0 1px no-repeat;
border-bottom: solid 1px #d5d5d5;}

.sub .feature {
margin-top: 10px;
margin-bottom: 10px;}

.sub .feature p {
width: 600px;
font-size: .8em;}

.sub .feature img {
float: left;
margin-right: 8px;}

.sub .feature h2 {
padding-top: 5px;}

.sub .info {
position: relative;
clear: left;
background: #fff;
top: 4px;
padding: 15px 15px 5px 15px;
border: solid 5px #ebebeb;}

.sub .info h2, .sub .info h3 {
color: #666;}

.sub .info ul, .sub .info p {
margin-bottom: 10px;
margin-top: 10px;}

.sub .info li, .sub .info p {
line-height: 1.4em;}

.sub .info ul {
list-style-position: inside;}

.sub .info li {
font-size: .8em;}

.sub .full-column {
width: 795px;
margin: 15px 30px 50px;}

.sub .full-column p {
line-height: 1.4em;
margin: 1em 0;}

.sub .full-column li {
margin: .5em 0;}

.sub .full-column ul {
list-style-position: inside;
font-size: .8em;
margin-left: 20px;}

.news {
background-color: white;
padding: 15px;
border: solid 5px #ebebeb;
margin-bottom: 20px;}

.news h2 {
color: #c4b260;}

.news a, .newsitem a, .show a {
text-decoration: underline;}

.newsitem p {
margin-bottom: 1em;}

.border	 {
border: solid 5px #ebebeb;}

.show { background-color: #fff; width: 100%; font: 12px Helvetica, Arial, sans-serif;}
.show th { background: #484848; color: #fff; padding: 5px; text-align: left;}
.show td { padding: 5px; width: 100px; }
.show td.small { width: 60px;}
.show td.lrg { width: 240px;}
.show td.alt { background: #ebebeb;}

.photothumb {
width: 220px;
text-align: center;}

.photothumb p {
text-align: left;}

.photothumb, .photodetail, .gallery a img {
border: solid 5px #ebebeb;
padding: 10px;
background-color: white;}

.photothumb, .gallery {
margin-right: 15px;
margin-bottom: 40px;}

.gallery {
float:left;}

.photodetail {
margin-top: 5px;
width: 850px;
text-align: center;}

.floatright {
float: right;
padding-left: 10px;}


/* TABS */

#tabs {
float:left;}

ul.tabslist {
list-style: none;}

.tabslist li {
display: inline-block;
font-size: .8em;
float: left;
margin-right: 1px;}

#tabs .tabslist a, #tabs .tabslist a span {
padding-top: 7px;
padding-bottom: 4px;}

#tabs .tabslist a {
color: #000;
background: #c3c3c3 url(../images/edge_tab_inactive_left.gif) left top no-repeat;
text-decoration: none;
padding-left: 5px;}

#tabs .tabslist a span {
background: url(../images/edge_tab_inactive_right.gif) right top no-repeat;
padding-right: 5px;}

#tabs .tabslist a:hover {
color: #fff;
padding-left: 5px;}

#tabs .ui-tabs-nav .ui-tabs-selected a {
color: #000;
background: #ebebeb url(../images/edge_tab_active_left.gif) left top no-repeat;
padding-left: 5px;}

#tabs .ui-tabs-nav .ui-tabs-selected a span {
background: url(../images/edge_tab_active_right.gif) right top no-repeat;
padding-right: 5px;}

#tabs .ui-tabs-nav .ui-tabs-selected a:hover {
color: #777;
padding-left: 5px;}

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
.ui-tabs-hide {
display: none;}
}

/* Hide useless elements in print layouts... */
@media print {
.ui-tabs-nav {
display: none;}
}

.ui-tabs-nav a {
outline: 0;}


/* FOOTER */

#footer {
background: #ffd200 url(../images/edge_footer_top.gif) no-repeat;
padding: 15px 50px 10px 50px;
width: 850px;}

.newsletter {
border-right: 5px dotted black;
padding-right: 10px;
float: left;
width: 28%;}

.newsletter h1 {
background: transparent url(../images/icon_mail.gif) top left no-repeat;
padding-left: 50px;}

.newsletter p {
margin-bottom: 10px;}

.footerlinks {
margin-top: 10px;
float:right;
width: 66%;}

.footerlinks ul {
list-style: none;
font-size: .7em;
float: left;
margin-top: 15px;}

ul.firstlist {
width: 170px;
margin-right: 30px;}

ul.secondlist {
width: 130px;
margin-right: 30px;}

ul.thirdlist {
width: 200px;}

.footerlinks li {
line-height: 2em;
padding-left: 8px;
background: transparent url(../images/bullet_footer.gif) no-repeat 0px 7px;}

.footerlinks a:hover {
color: #735f00;}

.subfooter {
background: transparent url(../images/edge_footer_bottom.gif) no-repeat;
color: #808080;
text-align: center;
padding: 20px 0;}

.subfooter ul {
list-style: none;}

.subfooter li {
padding-right: .5em;
font-size: .7em;
border-right: 1px #808080 solid;
display: inline;}

.subfooter p {}

.subfooter a {
text-decoration: none;
color: #b2b2b2;}

.subfooter a:hover {
color: #ffd200;
background-color: #4a4a4a;}

li.first-item {
border-left: none;}

li.last-item {
border-right: none;}
/* added by GW 7-9-08 to format colortable */
.colortable td { text-align: center; font-size: 12px; padding: 8px;}
.sub .right-column table.swatchtable td img, .sub .right-column table.colortable td img { display: block; padding: 0; margin: 0;}

.swatchtable td {text-align: left; font-size: 12px; padding: 8px;}
sup {font-weight: normal;}

/* FORMS */

.contact-info {
width: 180px; 
min-height: 600px;
float: left; 
margin-bottom: 20px; 
border-right: 1px solid #ccc; 
padding-right: 15px;}

.contact-form {
float: right;
width: 585px;
margin-bottom: 40px;}

.contact-form p {
margin: 0;}

.contact-form table, .contact-form tbody, .contact-form tr, .contact-form td, 
.contact-form span, .contact-form label {
font-size: 13px;}

.contact-form td {
padding: 2px;}

.contact-form input, .form input {
color: black;}

.contact-form td.label {
text-align: right;}

.contact-form table {
margin-left: 40px;}

.regLeft {
width: 250px;
float: left;
font-size: 13px;}

.regRight {
width: 500px;
float: right;

font-size: 13px;}

.regLeft {
border: 3px solid #ccc;
background: #E6E6E6;
padding: 5px;}

.SelectedPage {
font-weight: bold;}

.EditingFormErrorLabel {
color: red;}


/* FIXES */

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}

.clearfix {
display: inline-block;}
/* Hides from IE-mac \*/
.clearfix {
display: block;}
/* End hide from IE-mac */


/* intranet pages */
#header {position: relative;}
#header #logout {position: absolute; top: 10px; right: 10px;}
.button input, .button a { display: block; background: #000; color: #ccc; padding: 5px 10px; font-size: 12px;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
	border: 0 none; margin-bottom: 2px;}
.button input:hover {color: #fff;}
.currentUser {font-size: 11px;}
/*** ESSENTIAL STYLES ***/
.CMSListMenuUL, .CMSListMenuUL * {margin: 0; padding: 0; list-style: none;}
.CMSListMenuUL {line-height: 1.0;}
.CMSListMenuUL ul {position: absolute; top: -999em; z-index: 100;
	width: 120px; /* left offset of submenus need to match (see below) */}
.CMSListMenuUL ul li {width: 100%; z-index: 10;}
.CMSListMenuUL li:hover {visibility: inherit; /* fixes IE7 'sticky bug' */}
.CMSListMenuUL li {float: left; position: relative; z-index: 1;}
.CMSListMenuUL a {display: block; position: relative;}
.CMSListMenuUL li:hover ul,
.CMSListMenuUL li.sfHover ul {left: 0; z-index:	100000; 
	top: 30px; /* match top ul list item height */}
ul.CMSListMenuUL li:hover li ul,
ul.CMSListMenuUL li.sfHover li ul {top: -999em;}
ul.CMSListMenuUL li li:hover ul,
ul.CMSListMenuUL li li.sfHover ul {top:	0;
	left: 120px; /* match ul width */}
ul.CMSListMenuUL li li:hover li ul,
ul.CMSListMenuUL li li.sfHover li ul {top: -999em;}
ul.CMSListMenuUL li li li:hover ul,
ul.CMSListMenuUL li li li.sfHover ul {top: 0;
	left: 120px; /* match ul width */}  

/*** SKIN ***/
#menu {width: 650px; height: 30px; margin: 0 40px 0 300px; }

.CMSListMenuUL {float: right; margin-right: 20px; }
.CMSListMenuUL a {padding: 9px 18px; /* 50px 15px with SF */
	text-decoration:none; font-size: 12px; border-left: 2px solid #fff;	 }
#menu li.first a {border: 0 none;}
.CMSListMenuUL a, .CMSListMenuUL a:active, .CMSListMenuUL a:visited {color: #fff;}

.CMSListMenuUL ul {float: none; background: #000; border: 1px solid #fff; border-width: 0px 2px 2px 2px;
	-moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; padding-bottom: 5px;}
.CMSListMenuUL li li a {text-align: left; border: 0 none;}
.CMSListMenuUL li li a:hover {}

.CMSListMenuUL li.CMSListMenuHighlightedLI a.CMSListMenuLinkHighlighted {color: #ffd200 !important; }

.CMSListMenuUL li:hover, .CMSListMenuUL li:focus, .CMSListMenuUL li.sfHover,
.CMSListMenuUL a:focus, .CMSListMenuUL a:hover, .CMSListMenuUL a:active {outline: 0; text-decoration: none; 
	color: #ffd200;}

/*** arrows **/
.navbar .CMSListMenuUL a.sf-with-ul, .navbar .sf-sub-indicator {display: none;}
#menu .CMSListMenuUL a.sf-with-ul { 
	padding-right: 30px; /* normal link padding + width of image + 2 for padding */
	min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */}
#menu .sf-sub-indicator {position: absolute; display: block; 
	right: 12px; /* width of image */
	top: 12px;
	width: 10px; height: 10px; text-indent: -999em; overflow: hidden;
	background: url(../images/arrows-menu.png) no-repeat 0 -80px; 
	/* 8-bit indexed alpha png. IE6 gets solid image only */}

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -80px; /* arrow hovers for modern browsers*/
	}

/* point right for anchors in subs */
.CMSListMenuUL ul .sf-sub-indicator { background-position: 0 0; }
.CMSListMenuUL ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.CMSListMenuUL ul a:focus > .sf-sub-indicator, .CMSListMenuUL ul a:hover > .sf-sub-indicator,
.CMSListMenuUL ul a:active > .sf-sub-indicator, .CMSListMenuUL ul li:hover > a > .sf-sub-indicator,
.CMSListMenuUL ul li.sfHover > a > .sf-sub-indicator {background-position: -10px 0; /* arrow hovers for modern browsers*/}

.sf-shadow ul {
	box-shadow: 5px 5px 15px rgba(0, 0, 0, .5);
	-moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px;
	border-radius-bottomleft: 10px; border-radius-bottomright: 10px;}
	
/* news */

/* breadcrumbs */
.breadcrumbs { text-align: right; font-size: 11px; margin: 0 10px 5px 0; }
.breadcrumbs a{} /* if current item set to link */
.breadcrumbs span.CMSBreadCrumbsCurrentItem {color: #333;} /* standard option */

	
/* paging controls ---------------------------- */
.PagerControl {font-size: 12px; text-align: right; height: 32px; margin-top: 0.5em;  }
.PagerResults {  width: auto; padding: 4px 5px; font-weight: bold;}
.PagerNumberArea {font-size: 0.9em; float: right; width: auto; padding-top: 4px; margin-left: 1em; height: 32px;}

.PagerNumberArea a, 
.PagerNumberArea span.SelectedPage, 
.PagerNumberArea span.SelectedNext, 
.PagerNumberArea span.SelectedPrev, .PagerNumberArea strong.SelectedPage {
	padding: 2px 5px; 
	text-decoration: none;
	border: 1px solid #b2b2b2;
	font-weight: bold;}
.PagerNumberArea a { background: #fff; color: #262626;}
.PagerNumberArea a:hover {background: #000; color: #fff; border-color: #666; text-decoration: none;}

.PagerNumberArea span.SelectedPage, .PagerNumberArea strong.SelectedPage  {
	 color: #333; border-color: #666; background: #FFD200;}
.PagerNumberArea span.SelectedNext, 
.PagerNumberArea span.SelectedPrev {
	background: #fff; color: #999; border-color: #b2b2b2; }
	

/* smart search dialog box page */
.search {margin: 10px 120px 0 20px;}
div.searchDialogPage { border-bottom: 1px dashed #d2d2d2; padding: 0.5em; margin-bottom: 1.5em;}
.searchDialogPage label.FieldLabel { padding-right: 3px;}
.searchDialogPage input.TextBoxField { border: 1px solid #b2b2b2; padding: 2px 4px;}
.searchDialogPageMode { display: inline; margin-left: 6px;}
.searchDialogPage input.ContentButton { margin-left: 0px;}
/*.searchDialogPage span {
	background: url(../img/bg_textField.png) no-repeat; height: 19px; width: 159px; 
	display: block; float: left; 
	margin: 0 2px 0 0; padding: 5px 0 0;}
.searchDialogPage span input.TextBoxField {border: 0 none; background: none; color: #999 !important;
	margin: 0; padding: 0 6px 0 6px; width: 147px; outline: none; font-size: 12px;}
.searchDialogPage span input.TextBoxField:focus {outline: none; color: #333;}*/
.searchDialogPage label {display: none;}

/* smart search Results */
div.searchResults { margin: 2em; font-size: 12px;}
/*div.searchImage {float: left;  margin-right: 5px}
div.searchImage img {border: solid 1px #b2b2b2; max-width: 90px; }*/
div.searchContent { color: #666; margin-left: 10px; font-size: 12px; }
.highlite {background: #F7EFCA;}

.searchItem {margin-bottom: 15px; border-bottom: 1px dashed #d2d2d2;}
.searchItem h3 {font-weight: normal; font-size: 13px; }
div.searchData {margin-left: 10px; } /* includes relevance, url, create date */
span.SearchRelTitle { float: left; width: auto; font-size: 12px; margin-right: 3px;}
div.SearchRelWrap { width: 50px; border: solid 1px #aaaaaa; 
	margin-top: 5px; margin-right: 6px; 
	float: left; color: #0000ff; 
	font-size: 2pt; line-height: 6px; height: 6px;}
div.searchRel {background-color: #aaa; height:6px; line-height: 6px; }
span.searchURL {display: block;}
span.searchURL a {}
span.searchCreateDate {display: none; color: #888; font-size: 0.9em;}

.DidYouMean { margin-left: 2em;}

#rsslink {margin: 0 20px; text-align: center;}
#rsslink .FeedCaption {font-size: 12px; margin-left: 6px;}
#rsslink img.FeedIcon {vertical-align: middle; margin: 0; padding: 0;}

.loginBox {background: #000; color: #eee; padding: 0 20px 10px; margin-bottom: 10px; font-size: 12px;
	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
.loginBox label {display: block; margin-top: 10px; padding: 0; }
.loginBox .loginForgot a {color: #FFD200; display: block; margin-bottom: 10px;}
.loginBox span.checkbox {display: none;}
.LoginBtn {background: #FFD200; padding: 3px 6px; color: #333;
	-moz-border-radius: 6px; -webkit-border-radius: 6px; border: 0; }
.LoginBtn:hover {color: #000;}

.regForm {font-size: 12px; margin-bottom: 15px;}
.regForm th {text-align: right; padding: 3px; font-weight: normal;}
.regForm td {pading: 3px;}
.regForm .btn {margin: 5px 0 5px 180px;}
/* black box */
.blackBox {	border: 1px solid #b2b2b2; margin-bottom: 1em;}
.blackBox .title { background: #DFDFDF; padding: 5px 10px; color: #226072; margin: 0; }
.blackBox .content { padding: 0.5em; background: #f1f1f1; font-size: 14px;}
.blackBox .content ul, .blackBox .content ul li {list-style: none; margin: 0;}
.blackBox .content a {color: #464646;}
.ContentPadding {margin: 10px;}

/* all forms */
.EditingFormLabelCell {width: 185px; padding: 3px;
	text-align: right; vertical-align: middle; font-size: 12px;} 
.EditingFormLabelCell label, .EditingFormLabelCell span {margin-top: 2px; display: block;} 
.EditingFormValueCell {padding: 3px;}
span.label  {font-weight: bold;  font-size: 12px;}
input[type="radio"] {margin-right: 4px;}
.EditingFormCategory {font-size: 13px; font-weight: bold; padding: 20px 0 0 140px;}

.ErrorLabel {background: #ffc; border: 1px solid #ccc; display: block; 
	font-size: 11px; color: #900;
	margin: 0.5em 4em; padding: 5px;}
.EditingFormErrorLabel {color: #900; font-size: 13px; font-style: italic;}  
.req {color: #900;} /* selected via jquery */

.FormButton, 
.SubmitButton, 
.ContentButton { 
	background: #000; padding: 3px 6px; color: #eee;
	-moz-border-radius: 6px; -webkit-border-radius: 6px; border: 0; }
	


a.FormButton {padding: 3px 6px; display: block; white-space: nowrap; width: auto;}
.FormButton:hover, .SubmitButton:hover, .ContentButton:hover, .sbtn:hover { 
	background: #333;  text-decoration: none;}
.FormButton:focus, .SubmitButton:focus, .ContentButton:focus, .sbtn:focus {
	background: #111; outline: none;}

span.top { font-size: 11px; text-align: right; display: block; 
	background: url(../img/arrowU.png) no-repeat center right; padding-right: 8px;}
span.top a {color: #333; text-decoration: none;}

.readMore { display: block; text-align: right; font-size: 11px;}
.readMore a {background: url(../img/arrowr.png) no-repeat center right; padding-right: 8px;}
.note {padding: 0.25em; background: #ffc;}
/* Articles & News */
.newsItem { padding: 1.5em; margin-bottom: 0em; 
	 border-top: 1px dashed #b2b2b2; font-size: 12px;}
.newsItem:hover { }
.newsItem h3 { margin: 0; }
.newsItem h3 a {}
.newsItem h4 { margin: 0 0 0.5em 0;  font-style: normal;}
.newsItem h4.first { margin: 0;} /* selected via jquery */

.newsItem img.teaser { 
	float: left; max-width: 120px; 
	padding: 0.25em 0.25em 1.25em 0.25em; margin: 0 1em 0.5em 0;
	background: #ededed; border: 1px solid #ccc;}
.newsItem p.last { margin: 0!important;} /* selected via jquery */

.newsDetail {margin-right: 1em;}
.newsDetail h4 { margin: 0 0 0.5em 0;  font-style: normal;}
.newsDetail h4.first { margin: 0;} /* selected via jquery */
.newsDetail img.teaser {float: right; max-width: 300px; 
	padding: 0.5em 0.5em 2em 0.5em; margin: 0 0 1em 1em;
	background: #ededed; border: 1px solid #ccc;}
	
.newsHome {padding-top: 0.8em;}
.newsHome h3 {}
.newsHome div {padding-left: 1.0em; font-size: 12px;}
	
/* faqs */
.faqLinks { margin-bottom: 2em;}
.faqLinks h2 {}
.faqLinks ul, .faqLinks li { font-size: 12px !important;}
.faqLinks li a {line-height: 18px;}

.faqAnswers { margin: 0 1em;}
.faqAnswers h2 { margin-bottom: 0.5em;}

.faqItem { margin-bottom: 2em; padding: 5px 0 5px 50px; 
	background: url(../images/faq.png) no-repeat 0 0;
	border-bottom: 1px dashed #b2b2b2; font-size: 12px;}
.faqItem p {font-size: 12px;}
.faqItem h3 {font-size: 14px;}

/* ad gallery */
.ad-gallery {width: 700px; margin: 20px auto 10px; }
	.ad-gallery * {margin: 0; padding: 0;}
	.ad-gallery .ad-image-wrapper {width: 100%; height: 438px; margin-bottom: 10px;
		position: relative; overflow: hidden; }
	.ad-gallery .ad-image-wrapper .ad-loader {position: absolute;
	  	z-index: 10; top: 48%; left: 48%; border: 1px solid #bbb;}
	.ad-gallery .ad-image-wrapper .ad-next {
	    position: absolute; right: 0; top: 0;
	    width: 25%; height: 100%; cursor: pointer;
	    display: block; z-index: 100;}
	.ad-gallery .ad-image-wrapper .ad-prev {
		position: absolute; left: 0; top: 0;
		width: 25%; height: 100%; cursor: pointer;
		display: block; z-index: 100;}
	.ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {
		/* Or else IE will hide it */background: url(non-existing.jpg)\9}
	.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
	    background: url(/sites/global/adgallery/ad_prev.png);
	    width: 30px; height: 30px;
	    display: none; position: absolute;
	    top: 47%; left: 0; z-index: 101;}
	.ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
		background: url(/sites/global/adgallery/ad_next.png);
		width: 30px; height: 30px;
		right: 0; left: auto;}
	.ad-gallery .ad-image-wrapper .ad-image {
		position: absolute; overflow: hidden;
		top: 0; left: 0; z-index: 9;}
	.ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
		position: absolute; top: 0px; left: 0px;
		padding: 7px; text-align: left;
		width: 100%; z-index: 2;
		background: url(../img/black55.png);}
	.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {
	  	display: block; color: #eee;}
	.ad-gallery .ad-image-wrapper strong {font-weight: normal;}
	.ad-gallery .ad-controls {
		height: 20px;}
	.ad-gallery p.ad-info {
	    float: left; margin: 0; line-height: 1em; display: inline; font-size: 12px;}
	.ad-gallery .ad-slideshow-controls {
	    float: right;}
	.ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {
		padding-left: 5px; cursor: pointer; font-size: 12px;}
	.ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {
		padding-left: 5px; font-size: 0.9em;}
	.ad-gallery .ad-slideshow-running .ad-slideshow-start {
		cursor: default; font-style: italic;}
	.ad-gallery .ad-nav {
		width: 100%; position: relative;}
	.ad-gallery .ad-forward, .ad-gallery .ad-back {
		position: absolute; top: 0; height: 100%; z-index: 10;}
	/* IE 6 doesn't like height: 100% */
	* html .ad-gallery .ad-forward, .ad-gallery .ad-back {
		height: 100px;}
	.ad-gallery .ad-back {
		cursor: pointer; left: -20px; width: 13px; display: block;
		background: url(../img/ad_scroll_back.png) 0px 22px no-repeat;}
	.ad-gallery .ad-forward {
		cursor: pointer; display: block; right: -20px; width: 13px;
		background: url(../img/ad_scroll_forward.png) 0px 22px no-repeat;}
	.ad-gallery .ad-nav .ad-thumbs {
		overflow: hidden; width: 100%; height: 85px; clear: both;}
	.ad-gallery .ad-thumbs .ad-thumb-list {
		float: left; width: 9000px; list-style: none; margin: 0;}
	.ad-gallery .ad-thumbs li {
		float: left; padding: 0 10px 10px 0; margin: 0;}
	.ad-gallery .ad-thumbs li a {
		display: block;}
	.ad-gallery .ad-thumbs li a img {
		box-shadow: 3px 3px 5px #333; border: 1px solid #666; display: block; max-height: 80px;}
	.ad-gallery .ad-thumbs li a.ad-active img {
		border: 1px solid #F0E9D6;}
	/* Can't do display none, since Opera won't load the images then */
	.ad-preloads {position: absolute; left: -9000px; top: -9000px;}


