/*
-----------------------------------------------------------------------------
GLOBAL STYLES
----------------------------------------------------------------------------- 
----------------------------------------------------------------------------- 
GLOBAL RESET
----------------------------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td,embed,object{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,abbr{border:0;}
address,caption,cite,code,dfn,em,h1,h2,h3,h4,h5,h6,strong,th,var{font-style:normal;font-weight:400;}
caption,th{text-align:left;}
h1{font-size:1.4; color:#ff723a; font-family:Tahoma, Geneva, sans-serif; margin-bottom:30px}
h2,h3,h4,h5,h6{font-size:1.3em;}
q:before,q:after{content:'';}
a,ins{text-decoration:none;}
/* 
----------------------------------------------------------------------------- ƒ
INLINE
----------------------------------------------------------------------------- */
body{font-family:Trebuchet MS;font-size:13px;line-height:16px;color:#45484a;background:url('../../images/common/omni-bg_tiler.gif') top center repeat-y #000;}
a{color:#FFF;text-decoration:none;}
.connor a{color:#1ac396;text-decoration:none;}
.sportCourt a{color:#00513b;text-decoration:underline;}
a:hover{text-decoration:underline;}
p{margin-bottom:15px;}
h2{font-size:18px;}
sup{font-size:8px;}
img{behavior:url(resources/htc/iepngfix.htc);}
/* 
----------------------------------------------------------------------------- 
NAVIGATIONAL ELEMENTS STYLES
----------------------------------------------------------------------------- 
@import url("/resources/css/nav_elements.css");
@import url("/resources/css/section_headers.css");
 */
#nav a.aboutCSCI{background-image:url('../../images/common/nav/btn-about_csci.gif');}
#nav a.aboutCSCI img{width:72px;}
#nav a.products{background-image:url('../../images/common/nav/btn-products.gif');}
#nav a.products img{width:65px;}
#nav a.findBySport{background-image:url('../../images/common/nav/btn-find_by_sport.gif');}
#nav a.findBySport img{width:86px;}
#nav a.findADealer{background-image:url('../../images/common/nav/btn-find_a_dealer.gif');}
#nav a.findADealer img{width:85px;}
#nav a.courtBuilder{background-image:url('../../images/common/nav/btn-court_builder.gif');}
#nav a.courtBuilder img{width:90px;}
#nav a.aboutConnor{background-image:url('../../images/common/nav/btn-about_connor.gif');}
#nav a.aboutConnor img{width:92px;}
#nav a.architectToolbox{background-image:url('../../images/common/nav/btn-architect_toolbox.gif');}
#nav a.photoGalleries{background-image:url('../../images/common/nav/btn-photo_galleries.gif');}
#nav a.photoGalleries img{width:100px;}
#nav a.aboutSportCourt{background-image:url('../../images/common/nav/btn-about_sport_court.gif');}
#nav a.contact{background-image:url('../../images/common/nav/btn-contact.gif');}
#nav a.contact img{width:59px;}
#nav a.whatsNews{background-image:url('../../images/common/nav/btn-whats_news.gif');}
#nav a.whatsNews img{width:84px;}
#nav a.green{background-image:url('../../images/common/nav/btn-green.gif');}
#nav a.green img{width:45px;}
#nav a.sportcourtCom{background-image:url('../../images/common/nav/btn-sportcourt_com.gif');}
#nav a.sportcourtCom img{width:102px;}
#nav a.connorfloorCom{background-image:url('../../images/common/nav/btn-connorfloor_com.gif');}
#nav a.connorfloorCom img{width:111px;}
/* 
----------------------------------------------------------------------------- 
SECTION HEADER STYLES
----------------------------------------------------------------------------- */
.sectionHeaderUpperMiddle .headerCopy{left:20px;top:120px;width:420px;}
.sectionHeaderUpperMiddleWide .headerCopy{left:20px;top:120px;width:500px;}
.sectionHeaderMiddle .headerCopy{left:20px;top:136px;width:420px;}
.sectionHeaderMiddleWide .headerCopy{left:20px;top:136px;width:500px;}
.sectionHeaderTop .headerCopy{left:20px;top:80px;width:420px;}
.sectionHeaderTopWide .headerCopy{left:20px;top:80px;width:500px;}
.sectionHeaderDouble .headerCopyLeft{left:210px;top:220px;width:339px;text-align:right;}
.sectionHeaderDouble .headerCopyRight{left:600px;top:320px;width:280px;}
#omni{width:908px;margin:0 auto;}
/* -- HEADER --  */
#headerContainer{width:100%;height:150px;z-index:5994;}
#header{float:left;width:100%;height:150px;z-index:5995;}
#headerContent{margin-top:20px;}
#headerLeftContent{float:left;height:130px;}
#headerRightContent{float:right;width:792px;height:130px;background:url('../../images/common/containers/header-right_content-bg_tiler.gif');z-index:5996;}
#headerRightContent.long{width:795px;}
#headerRightContent.copy{background:url('../../images/common/containers/header-right_content-copy-bg_tiler.gif');}
#headerRightContent.copy #subNavContainer{font-weight:400;padding:5px 10px 0 7px;}
#headerRightContent.copy #subNavContainer p{width:765px;line-height:15px;margin-top:2px;}
#superNavContainer{float:left;width:100%;height:37px;}
#subNavContainer{float:left;width:100%;margin-top:10px;font-weight:700;padding:5px 0 0 10px;}
#contactColumn1Container{float:left;width:290px;}
/* -- CONTENT --  */
#content{width:926px;margin-bottom:17px; margin-left:-9px;}
#leftColumn{float:left;width:111px;}
#rightColumn{float:right;width:797px;}
#seoContentTop{margin-bottom:20px; margin-left:-9px; width:927px;}
#seoContentBottom{
	margin-bottom:20px;
	margin-left:20px;
	height: 75px;
}

/* -- FOOTER --  */
#footer{clear:both;width:100%;height:83px;background:url('../../images/common/containers/footer-bg_tiler.gif') bottom left repeat-x #000;}
#newfooter{clear:both;width:100%;height:170px;background:url('../../images/common/containers/footer-bg_tiler.gif') bottom left repeat-x #000;}
#footerLeft{float:left;width:40%;}
/* 
----------------------------------------------------------------------------- 
NAV
----------------------------------------------------------------------------- */
#navContainer{height:21px;clear:left;z-index:5997;}
#nav{float:left;height:21px;display:inline;list-style:none;z-index:5998;}
#nav li,#nav a,#nav div,#nav span{float:left;height:21px;}
#nav li{position:relative;z-index:5999;}
#nav a img{height:21px;}
#nav a:hover,#nav a.active:hover{background-position:0 -21px;}
#nav a.active{background-position:0 -42px;}
#nav .dropDown{position:absolute;left:0;top:21px;width:80px;height:150px;background:url('../../images/common/transparent.png');z-index:6000;display:none;}
#nav li div.dropDown a{display:block;float:none;line-height:14px;color:#FFF;padding:0 6px;}
/* 
----------------------------------------------------------------------------- 
LEFT NAV
----------------------------------------------------------------------------- */
#leftNavContainer{padding-left:10px;}
#leftNav li,#leftNav a,#leftNav div,#leftNav span{line-height:13px;padding:2px 0;}
.connor #leftNav li{color:#4eb697;}
.listedNav a{color:#118160;}
#leftNav li.header{font-weight:700;color:#ccc;margin-bottom:5px;}
#leftNav a.active{color:#999;}
#leftNav li.spacer{margin-bottom:5px;}
/* 
----------------------------------------------------------------------------- 
STYLING
-----------------------------------------------------------------------------  
-- HEADER --  */
#headerLeftContent img.padded{margin-right:14px;}
#superNavContainer img{margin:7px 7px 0;}
#superNav{float:left;line-height:16px;padding:4px 0 0 10px;}
.corporate #subNavContainer a{color:#2182dc;}
/* -- FOOTER --  */
#footerLeft img.icon{float:left;margin-right:13px;}
#footerRight img{margin-left:8px;}
#footerNav{color:#CCC;line-height:14px;}
#copyright{color:#666;line-height:14px;font-size:10px;}
#footerContent{color:#45484a; font-size:9px; line-height:10px; float:none; padding-top:50px; margin:0px 1px;}
/* -- GENERAL --  */
#homeRight{position:absolute;right:11px;top:12px;}
div.padded{padding:10px;}
div.paddedTopLeft{padding:75px 0 0 25px;}
div.leftBlock{padding-right:240px;}
div.contentLeft{float:left;width:550px;}
div.borderlessLeft{float:left;width:585px;}
div.contentRight{float:right;width:190px;z-index:0;}
div.fullBorderContainer{border:2px solid #1f1f1f;}
div.fadeBorderContainer{background:#000;}
div.fadeBorderContainerWrapper{background:url('../../images/common/containers/container_border-gradated-side.gif') top left repeat-x;padding:2px 2px 0;}
.headerCopy{position:absolute;line-height:16px;}
img.subheader{margin:4px 0;}
div.center{text-align:center;}
ul.green li{background:url('../../images/common/bullet-leaf.gif') 0 0 no-repeat;padding:0 0 20px 35px;}
ul.lined li{clear:both;background:url('../../images/common/list-lined-bg_tiler.gif') bottom left repeat-x;padding:15px 210px 15px 0;}
ul.lined div.logo{float:left;width:157px;}
ul.lined div.copy{float:left;width:380px;}
table.padded td{padding:5px;}
table.padded td.padded{padding-left:20px;}
/* -- PRODUCTS --  */
div.productLeft{float:left;width:280px;}
div.productRightContainer{position:relative;float:right;width:477px;height:334px;background:#424242;}
div.productRight{position:relative;overflow:hidden;left:10px;top:10px;width:457px;height:314px;background:#000;}
div.productRight div.imageContainer{position:absolute;overflow:hidden;left:0;top:0;width:914px;height:314px;cursor:pointer;}
div.productRight div.imageContainer img{position:absolute;}
div.productRight div.imageContainer img.left{left:0;top:0;}
div.productRight div.imageContainer img.right{left:457px;top:0;}
div.productRight div.imageContainer img.thumb{position:absolute;left:20px;top:20px;border:2px solid #fff;}
.connor div.productRight div.imageContainer img.thumb{border-color:#1ac396;}
.sportCourt div.productRight div.imageContainer img.thumb{border-color:#00513b;}
table.distributor td{padding-bottom:5px;}
/* 
----------------------------------------------------------------------------- 
FIND A DEALER
----------------------------------------------------------------------------- */
#findADealerContainer{background:url('../../images/connor/background-find_a_dealer.jpg') no-repeat;padding:75px 0 0 25px;}
#findADealerTable{margin-top:28px;}
#findADealerTable .col1{width:205px;}
#findADealerTable .col2{width:550px;}
#findADealerTable select{width:180px;}
/* 
----------------------------------------------------------------------------- 
SITEMAP
----------------------------------------------------------------------------- */
#sitemap{padding:10px 20px;}
.sitemapColumn{float:left;width:135px;}
.sitemapColumn a{color:#FFF;}
.sitemapColumn h3{font-size:14px;font-weight:400;color:#FFF;}
.sitemapRuleGreen{height:18px;background:url('../../images/connor/horizontal_dotted-green.gif') repeat-x left center;margin:0 -5px;}
.sitemapRuleOrange{height:18px;background:url('../../images/sport_court/horizontal_dotted-orange.gif') repeat-x left center;margin:0 -5px;}
.sitemapRulePurple{height:18px;background:url('../../images/corporate/horizontal_dotted-purple.gif') repeat-x left center;margin:0 -5px;}
.sportCourt #sitemap ul{color:#00513b;margin:5px;}
.corporate #sitemap ul{color:#fff;margin:5px;}
.sportCourt #sitemap ul a{color:#00513b;}
/* 
----------------------------------------------------------------------------- 
MISC
----------------------------------------------------------------------------- */
.clearAll{clear:both;height:1px;width:1px;font-size:1%;line-height:1%;}
tr.grey td{background:#1a1a1a;}
ul.square li{padding-left:20px;background:url('../../images/common/bullet-square.gif') no-repeat center left;}
textarea{height:200px;}
input.submitButton{float:right;border:none;background:#000;color:#FFF;}
span.radio label{padding-left:5px;}
.errorContainer{font-weight:700;color:red;}
.sportCourtHomeLeftCopy{position:absolute;left:40px;top:73px;width:500px;}
.greenGradated{background:url('../../images/common/containers/green-bg_tiler.gif') repeat-y;margin:-18px 0 2px;padding:2px 10px;}
ul,#leftNav{list-style:none;}
h3,em{font-weight:700;}
#nav a.architectToolbox img,#nav a.aboutSportCourt img{width:116px;}
#omni,#header,#content,#footer,div.sectionHeader,.relative{position:relative;}
#contactContainer{width:100%;}
#contactColumn2Container,#contactColumn3Container{float:left;width:303px;}
#superNavContainer img.left,.floatLeft{float:left;}
#superNavContainer img.right,#footerRight,.floatRight{float:right;}
#superNav a.active,#subNavContainer a.active{color:#ccc;}
div.padded2x,div.contactColumn1Content{padding:20px;}
div.marginBottom2x,div.productLeft img.title{margin-bottom:20px;}
div.contactColumn2Content,div.contactColumn3Content{padding:15px;}
#tableContainer,.hidden{display:none;}
.connor #sitemap ul,.international #sitemap ul{color:#1ac396;margin:5px;}
.connor #sitemap ul a,.international #sitemap ul a{color:#1ac396;}
.international #sitemap ul a:hover,.corporate #sitemap ul a{color:#fff;}
input.text,textarea.text{width:100%;background:url('../../images/common/field-bg-tiler.gif');border:none;}

#docRepBkg
{
	 background-image:url(../../images/docrep/sc_docrep_bkg.jpg);
	 background-repeat:no-repeat;
	 min-height:665px;
}
#docRepository{}
#docRepositoryLogin{padding: 125px 0px 0px 175px}
p.inputdes input{border:1px solid #45484a; background:transparent; width:200px;padding:3px;}
#docRepositoryContent{padding: 25px 70px 70px 70px}
#docListHdr{font-size:12px; font-weight:bold; font-family:Tahoma, Geneva, sans-serif; color:#595c5d; padding: 20px 0px;}
hr{background-color:none; border:1px dotted #595c5d; color:none; border-style: none none dotted;}
.display_even{margin-bottom:20px; width:765px; height:60px; background:url(../../images/docrep/sc_docrep_detail_bkg.jpg) repeat; padding:10px}
.display_odd{margin-bottom:20px;width:765px; height:60px;padding:10px; }
#showFile{}
p.mmenu, p.rmenu{color:#03563c}
p.rmenu{margin-bottom:0px}
#addNewDoc{width:789px; margin-left:-20px; background:url(../../images/docrep/sc_docrep_addnew_bkg.jpg) repeat; height:240px; margin-top:25px; padding:10px 0px 0px 20px;}
#addNewHdr{color:#00513b}
div.details1 form, div.details1 {color:#45484a}
#divinputfile{
	height:28px;
	width:116px;
	margin:0px;
	float: left;
}

#divinputfile #filepc{
	opacity: 0.0;
	-moz-opacity: 0.0;
	filter: alpha(opacity=00);
	font-size:18px;
	text-align: right;
	position: relative;
	width:375px;
}

#fakeinputfile{
	margin-top:-28px;
}

#fakeinputfile #fakefilepc{
	width:265px;
	height:22px;
	font-size:13px;
	font-family:Arial;
	background:transparent;
	border: 1px solid #45484A;
	padding-left:3px;
}
.notes_input input
{
	border:1px solid #45484a; 
	background:transparent; 
	width:200px;
	padding:3px;
	font-size:13px;
}
textarea.notes_input
{
	border:1px solid #45484a; 
	background:transparent; 
	width:262px;
	padding:3px;
	font-size:13px;
	height:40px;
	font-family: Trebuchet MS;
}
#docRepContainer
{
	background:url(../../images/docrep/sc_docrep_bkg_cascade.jpg) repeat-y;
	height:100%;
}

.inputdes
{
	font-size:15px;
}

.inputdes1
{
	color:#595C5D;
	font-size:15px;
}

#fieldinput
{
	float:left;
}

#fieldname
{
	float:left;
	margin-right:10px;
	width:65px;
}

div#fieldinput input
{
	background:none repeat scroll 0 0 transparent;
	border:1px solid #45484A;
	padding:3px;
	width:200px;
}

div.details, div.display {
	border-bottom:2px dotted;
	margin-bottom:35px;
	padding-bottom:32px;
	width:300px;
}

div.displayPending {
	margin-bottom:35px;
	padding-bottom:32px;
	width:300px;
}

#fileIcon
{
	font-family: "Arial Narrow", Arial; width:22px; height:29px; font-size:12px; padding-left: 3px; padding-top:6px; color:#000; 
}

#filelist
{
	padding: 3px; 
	float: left;
    background: none repeat scroll 0 0 transparent;
    border: 1px solid #45484A;
    font-family: Arial;
    font-size: 13px;
    max-height: 32px;
    min-height: 16px;
    padding-left: 3px;
    width: 265px;
    margin-right: 20px;
}
   
a#pickfiles, a#uploadfiles {
	display:block;
	margin-bottom: 5px;
}

#fileaction
{
	width: 55px; float:left;
}

/*  FORM VALIDATION */
.inputContainer {
	position: relative;
	float: left;
}

.formError {
	position: absolute;
	top: 300px;
	left: 300px;
	display: block;
	z-index: 5000;
	cursor: pointer;
}

.ajaxSubmit {
	padding: 20px;
	background: #55ea55;
	border: 1px solid #999;
	display: none
}

.formError .formErrorContent {
	width: 100%;
	background: #ee0101;
	position:relative;
	z-index:5001;
	color: #fff;
	width: 150px;
	font-family: tahoma;
	font-size: 11px;
	border: 2px solid #ddd;
	box-shadow: 0 0 6px #000;
	-moz-box-shadow: 0 0 6px #000;
	-webkit-box-shadow: 0 0 6px #000;
	padding: 4px 10px 4px 10px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.greenPopup .formErrorContent {
	background: #33be40;
}

.blackPopup .formErrorContent {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow {
	width: 15px;
	margin: -2px 0 0 13px;
  position:relative;
  z-index: 5006;
}

.formError .formErrorArrowBottom {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
	margin: 0px 0 0 12px;
  top:2px;
}

.formError .formErrorArrow div {
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	box-shadow: 0 2px 3px #444;
	-moz-box-shadow: 0 2px 3px #444;
	-webkit-box-shadow: 0 2px 3px #444;
	font-size: 0px;
	height: 1px;
	background: #ee0101;
	margin: 0 auto;
	line-height: 0;
	font-size: 0;
	display: block;
}

.formError .formErrorArrowBottom div {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}

.greenPopup .formErrorArrow div {
	background: #33be40;
}

.blackPopup .formErrorArrow div {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow .line10 {
	width: 15px;
	border: none;
}

.formError .formErrorArrow .line9 {
	width: 13px;
	border: none;
}

.formError .formErrorArrow .line8 {
	width: 11px;
}

.formError .formErrorArrow .line7 {
	width: 9px;
}

.formError .formErrorArrow .line6 {
	width: 7px;
}

.formError .formErrorArrow .line5 {
	width: 5px;
}

.formError .formErrorArrow .line4 {
	width: 3px;
}

.formError .formErrorArrow .line3 {
	width: 1px;
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	border-bottom: 0 solid #ddd;
}

.formError .formErrorArrow .line2 {
	width: 3px;
	border: none;
	background: #ddd;
}

.formError .formErrorArrow .line1 {
	width: 1px;
	border: none;
	background: #ddd;
}