/* BODY */
html, body { margin:0px; padding: 0px;  text-align: center; }
body { background-color:#181818; font-family: Arial, Helvetica, sans-serif; font-size:14px; line-height: 17px; color:#ffffff; }


/* DEFAULT RESET */
img, fieldset { border:none; }
img { border:none; }
p, h1, h2, h3, h4, h5, h6, h7, form, ul, ol, li, label, fieldset, legend { margin:0px; padding:0px; font-weight: normal; }
td, th, caption { vertical-align: top; text-align: left; padding: 0px; font-weight: normal; }
a, *:focus { outline: none; }
* { background-repeat: no-repeat; }


/* LAYOUT HELPERS */
.cb, .clr { clear:both; font-size: 1px; line-height: 1px; }
.fl { float:left; }
.fr { float:right; }
.nowrap { white-space: nowrap; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: block; }
.strong { font-weight: bold; }
.tal { text-align: left; }
.tar { text-align: right; }
.tac { text-align: center; }


/* GLOBAL */
a { color: #ffffff; text-decoration: underline; }
a:hover { color: #ffffff; text-decoration: underline; }
a.safeEmailLink { display: none; }
a.more { background-image: url('/images/moreButtonYellow.png'); display: block; width: 26px; height: 27px; text-decoration: none; background-position: 0px 0px; }
a.more.blue { background-image: url('/images/moreButtonBlue.png'); }
a.more:hover { background-position: 0px -30px; }
a.more span { display: none; }
a.file { background-image: url('/images/fileIcon.png'); background-position: 0px 0px; font-size: 14px; font-weight: bold; line-height: 16px; text-decoration: none; display: block; color: #6AB2D8; padding-left: 22px; }
a.file:hover { background-position: 0px -34px; color: #ffffff; }


/* MAIN LAYOUT */
#pagewidth { width: 970px; text-align: left; margin: 0 auto; position: relative; }
#pagewidth #leftcol { position:relative; width:260px;  float:left; padding-top: 44px;  }
#pagewidth #maincol { position: relative; width:710px; float:right; background-color: #242424; background-image: url('/images/vintageSpeckles.gif'); background-repeat:repeat; }
.palmTrees { position: fixed; bottom: 0px; display: none; }


/* HEADER */
#header { position: relative; height:172px; width:100%; display:block; /*overflow:auto;*/ }
#header .right { position: absolute; top: 0px; left: 260px; width: 710px; height: 172px; /*overflow: hidden; */ background-color: #242424; background-image: url('/images/vintageSpecklesHeader.gif'); background-repeat:repeat-x; }
#header .right .mainMenu { position: absolute; top: 120px; left: 0px; width: 710px; height: 52px; overflow: hidden; }
#header .right .shareBar { left: 0px; top: 14px; }
#header .right .shareBar.follow { left: 570px; top: 14px; }
#header .right .shareBar span.title { color: #9D9D9D; }
#header .logo { position: absolute; left: 11px; top: 15px; width: 206px; height:152px; background-image: url('/images/icycloneLogo.png'); }
#header .logo span { display: none; }


/* FOOTER */
#footer {  clear:both; display:block; overflow:hidden; height: 26px; font-size: 11px; color: #9D9D9D; position: relative; }
#footer .right { position: absolute; top: 0px; left: 260px; width: 710px; height: 26px; line-height: 25px; text-indent: 10px; background-color: #242424; overflow: hidden; }


/* LEFT COLUMN */
#leftcol .introText { margin-right: 42px; margin-top: -20px; width: 200px; font-size: 14px; text-align: right; float: right; }
#leftcol .fbRegisterButton { margin-right: 42px; margin-top: 20px; width: 200px; text-align: right; float: right; }


/* NAVIGATION */
nav.mainMenu ul { list-style: none; height: 54px; }
nav.mainMenu ul li { width: 118px; height: 54px; float: left; background:none; }
nav.mainMenu ul li a { display: block; width: 118px; height: 45px; text-decoration: none; text-transform: lowercase; font-size: 18px; font-weight: bold; line-height: 32px; color: #EA8F00; text-indent: 11px; background-image: url('../images/mainMenuBg.png'); background-position: right 0px;  }
nav.mainMenu ul li a:hover { background-color: #EA8F00; color:#262626; background-image: none; }
nav.mainMenu ul li.last { width:120px; }
nav.mainMenu ul li.last a {  width:120px; background-image: none; }
nav.mainMenu ul li.active { background-color: #E6E6E6; }
nav.mainMenu ul li.active a,
nav.mainMenu ul li.active a:hover { background-image: none; background-color: #E6E6E6; color: #262626; }

nav.leftMenu.default { float: right; margin-right: 12px; }
nav.leftMenu.default ul { list-style: none; text-transform: lowercase; }
nav.leftMenu.default ul li { width: 144px; }
nav.leftMenu.default ul li a { width: 115px; font-size: 12px; font-weight: bold; display: block; color: #ffffff; background-image: none; text-decoration: none; text-align: right; padding-right: 22px; margin-bottom: 4px; }
nav.leftMenu.default ul li a:hover { color: #EA8F00; }
nav.leftMenu.default ul li.active a,
nav.leftMenu.default ul li.active a:hover { color: #EA8F00; }

nav.leftMenu.now { float: right; margin-right: 42px; }
nav.leftMenu.now ul { list-style: none; text-transform: lowercase; width: 218px; }
nav.leftMenu.now ul li { margin-top: 20px; } /* year */
nav.leftMenu.now ul li a { font-size: 14px; font-weight: bold; display: block; color: #ffffff; background-image: none; text-decoration: none; text-align: right; margin-bottom: 0px; }
nav.leftMenu.now ul li a:hover { color: #EA8F00; }
nav.leftMenu.now ul li ul {  display: none;  } 
nav.leftMenu.now ul li ul li { margin-top: 0px; margin-bottom: 0px; } 
nav.leftMenu.now ul li ul li a { text-transform: uppercase; font-weight: normal; font-size: 12px;  } /* month */ 
nav.leftMenu.now ul li ul li ul  { display: none; } 
nav.leftMenu.now ul li ul li ul li { margin-top: 0px; margin-bottom:0px; padding-right: 4px; } 
nav.leftMenu.now ul li ul li ul li a { text-transform: none; font-weight: normal; font-size: 11px;  } /* item */ 
nav.leftMenu.now ul li.active a { color: #EA8F00; } 
nav.leftMenu.now ul li.active ul { display: block; }
nav.leftMenu.now ul li.active ul li a { color: #ffffff; } /* month active */ 
nav.leftMenu.now ul li.active ul li.active a { color: #EA8F00; } 
nav.leftMenu.now ul li.active ul li ul { display: none; }
nav.leftMenu.now ul li.active ul li.active ul { display: block; }
nav.leftMenu.now ul li.active ul li.active ul li a { color: #ffffff; }
nav.leftMenu.now ul li.active ul li.active ul li.active a { color: #EA8F00; } /* item active */ 


/* PAGE COMPONENTS */
.fbComments { width:660px; margin: 30px 0px 30px 40px; }
.shareBar { width: 166px; height: 44px; position: absolute; }
.shareBar.follow { width: 142px; height: 44px; position: absolute; }
.shareBar span.title { position: absolute; width: 50px; text-transform: uppercase; font-weight: bold; font-size: 11px; text-align: right; display: block; top: 5px; left: 0px; }
/* button definitions */
.shareBar a.shareLink { position: absolute; width: 27px; height: 27px; display: block; top: 0px; left: 0px; cursor: default; }
.shareBar a.shareLink span.icon { position: absolute; width: 27px; height: 27px; display: block; left: 0px; background-image: url('/images/shareIcons.png'); background-size: 130px 66px; font-size: 4px; }
.shareBar a.shareLink.fb span.icon { background-position: 0px 0px; }
.shareBar a.shareLink.twitter span.icon { background-position: -41px 0px; }
.shareBar a.shareLink.google span.icon { background-position: -82px 0px; }
.shareBar a.shareLink:hover span.icon { background-position-y: -37px; }

.shareBar a.shareLinkGray { position: absolute;  width: 28px; height: 28px; display: block; top: 0px; left: 0px; cursor: default;  }
.shareBar a.shareLinkGray span.icon { position: absolute;  width: 28px; height: 28px; display: block; top: 0px; left: 0px; background-image: url('/images/shareIconsGray.png'); background-size: 152px 65px; }
.shareBar a.shareLinkGray.fb span.icon { background-position: 0px 0px; }
.shareBar a.shareLinkGray.twitter span.icon { background-position: -41px 0px; }
.shareBar a.shareLinkGray.google span.icon { background-position: -82px 0px; }
.shareBar a.shareLinkGray.youtube span.icon { background-position: -124px 0px; }
.shareBar a.shareLinkGray:hover span.icon { background-position-y: -31px; }

/* button positions in bars */
.shareBar a.shareLink.fb { left: 62px; }
.shareBar a.shareLink.twitter { left: 100px; }
.shareBar a.shareLink.google { left: 137px; }
.shareBar a.shareLinkGray.fb { left: 62px; }
.shareBar a.shareLinkGray.twitter { left: 100px; }
.shareBar a.shareLinkGray.google { left: 137px; }
.shareBar.follow a.shareLinkGray.fb { left: 62px; cursor: pointer; }
.shareBar.follow a.shareLinkGray.youtube { left: 100px; cursor: pointer; }

/* social controls */
.shareBar .shareControl { position: absolute; top: 36px; left: -8px; width: 200px; height: 34px; display: none; background-image: url('/images/shareBubbleArrow.png'); background-position: 15px 0px; z-index: 100000; }
.shareBar .shareControl .inner { width: 200px; height: 24px; background-color: #ffffff; margin-top: 6px; padding: 4px 0px 0px 4px; z-index: 100001; }
.shareBar .shareControl .inner iframe { z-index: 100002; }
.shareBar .shareControl.fb { width: 140px; }
.shareBar .shareControl.fb .inner { width: 100px; }
.shareBar .shareControl.fb .inner div.recommend { display: block; width: 100px; height: 21px; line-height: 20px; background: none; background-image: url('/images/facebook.gif'); background-position: 0px 3px; text-indent: 21px; border: none; margin: 0px; padding: 0px; text-align: left; cursor: pointer; text-decoration: none !important; color: #181818; font-size: 11px; background-repeat: no-repeat; }
.shareBar .shareControl.twitter { width: 66px; }
.shareBar .shareControl.twitter .inner { width: 62px; }
.shareBar .shareControl.google { width: 40px; }
.shareBar .shareControl.google .inner { width: 36px; }


/* CONTENT DEFAULTS */
h1 { font-size: 60px; line-height:60px; font-weight: normal; color: #6AB2DA; margin-bottom: 22px; margin-top: -4px; }
/*
h2 { font-size: 24px; line-height: 26px; margin-bottom: 12px; }
h3 { font-size: 16px; line-height: 20px; margin-bottom: 4px; margin-top: 2px; font-weight: bold; }
h4 { font-size: 13px; line-height: 16px; margin-bottom: 4px; font-weight: bold; }
*/
/* GENERIC CONTENT BEHAVIOR */
.content { position: relative; }
.content p { margin-bottom: 17px; }
.content ul,
.content ol { margin-bottom: 12px; }
.content li { margin-left: 20px; margin-bottom: 4px; }
.content li p { margin-bottom: 0px; }
.content .shareBar { right: 10px; top: 14px; }


/* PAGE SPECIFIC CONTENT LOOK */
.content { position: relative; z-index: 1000; }
.content.default,
.content.nowDetail,
.content.chaseDetail { background-color: #E6E6E6; color: #181818; padding: 36px 42px 30px 42px; min-height: 400px; }
.content.default a,
.content.nowDetail a,
.content.chaseDetail a { color: #090909; text-decoration: underline; }

.content img.mainImage { float: right; margin: 3px -42px 10px 20px; }
.content div.mainMediaContainer { float: right; margin: 3px -42px 10px 20px; width: 330px; height: 238px; }
.content div.mainMediaContainer iframe { width: 330px; height: 214px; }
.content div.mainMediaContainer.large { width: 440px; height: 286px; }
.content div.mainMediaContainer.large iframe { width: 440px; height: 286px; }

.content.default h1 { text-transform: lowercase; }
.content.default h2 { color: #EA8F00; font-size: 21px; line-height: 24px; margin-bottom: 10px; font-weight: normal; }
.content.default h3 { font-weight: bold; font-size: 14px; }
.content.default img.articleImageRight { float: right; margin: 3px -42px 10px 20px; }

.content.chases { padding: 32px 20px 30px 10px; }
.content.chases .topBorder { width: 700px; height: 2px;  background-color: #E6E6E6; position: absolute; top: 0px; left: 10px; }
.content.chases h1 { text-transform: lowercase; margin-bottom: 14px; }
.content.chases .chaseList { padding-top: 20px; }
.content.chases .chaseList .item { position: relative; width: 220px; float: left; margin-right: 10px; margin-bottom: 30px; border-top: 2px solid #EA8F00; }
.content.chases .chaseList .item.last { margin-right: 0px; }
.content.chases .chaseList .item .top { margin-bottom: 8px; padding-top: 10px; }
.content.chases .chaseList .item .top h2,
.content.chases .chaseList .item .top h2 a { font-weight: bold; font-size: 30px; line-height: 30px; text-transform: uppercase; margin-bottom: 4px; text-decoration: none; color: #ffffff; }
.content.chases .chaseList .item .top h3,
.content.chases .chaseList .item .top h3 a { font-weight: bold; font-size: 18px; line-height: 19px; margin-bottom: 18px; text-decoration: none; color: #EA8E00; }
.content.chases .chaseList .item .top h2, 
.content.chases .chaseList .item .top h3 { padding-left: 3px; }
.content.chases .chaseList .item .top a.img { display: block; margin: 0px; padding: 0px; line-height: 0px; }
.content.chases .chaseList .item .top img { border-bottom: 2px solid #ffffff; width: 220px; }
.content.chases .chaseList .item p { line-height: 18px; margin-bottom: 8px; /* hide the summary field: */ display: none; }
.content.chases .chaseList .item:hover .top { background-color: #EA8F00;  }
.content.chases .chaseList .item:hover .top h3 a { color:#181818;  }
.content.chases .chaseList .item:hover .top img { border-bottom-color: #EA8F00; }
.content.chases .chaseList .item:hover a.more { background-position: 0px -30px; }

.content.chaseDetail h1 { text-transform: uppercase; margin-bottom: 6px; }
.content.chaseDetail h2 { font-weight: bold; font-size: 18px; line-height: 22px; color: #242424; }
.content.chaseDetail .introBox { margin-top: 22px; background-color: #395666; margin-left: -42px; margin-right: -42px; color: #ffffff; padding: 25px 42px 10px 42px; position: relative; }
.content.chaseDetail .introBox .topBorder { width: 700px; height: 2px;  background-color: #6AB2DA; position: absolute; top: 0px; left: 10px; }
.content.chaseDetail .introBox .left { float: left; width: 320px; }
.content.chaseDetail .introBox .right { float: right;  width: 330px; margin-right: -42px; }
.content.chaseDetail .introBox .right iframe { width: 330px; height: 214px; }
.content.chaseDetail .introBox .right img { width: 330px; }
.content.chaseDetail .introBox table.summary { margin-bottom: 8px; }
.content.chaseDetail .introBox table.summary th,
.content.chaseDetail .introBox table.summary td { font-size: 14px; padding-bottom: 1px; }
.content.chaseDetail .introBox table.summary th { font-weight: bold; color: #6AB2DA; padding-right: 14px; }
.content.chaseDetail .introBox a.file.report { display: inline-block; height: 32px; line-height: 32px; padding: 0px 10px 0px 32px; background-color: #EA8F00; margin: 4px 10px 12px 0px; color: #242424 !important; text-decoration: none; background-position: 10px 8px; background-image: url('/images/fileIconBlack.png'); }
.content.chaseDetail .introBox a.file.report:hover { color:#ffffff !important; text-decoration: none; background-position: 10px -26px; }
.content.chaseDetail .introBox.large .left { float: left; width: 216px; }
.content.chaseDetail .introBox.large .right { float: right;  width: 440px; margin-right: -42px; }
.content.chaseDetail .introBox.large .right iframe { width: 440px; height: 286px; }
.content.chaseDetail .introBox.large .right img { width: 440px; }
.content.chaseDetail .body { padding-top: 16px; }
.content.chaseDetail .body h2 { font-weight: normal; color: #6AB2D8; font-size: 30px; line-height: 32px; margin-bottom: 10px; padding-top: 12px; }
.content.chaseDetail .body h3 { font-weight: bold; font-size: 16px; line-height: 18px; margin-bottom: 3px; }
.content.chaseDetail nav.sectionMenu { margin-bottom: 20px; }
.content.chaseDetail nav.sectionMenu ul { list-style: none; }
.content.chaseDetail nav.sectionMenu ul li { padding: 0px; margin: 0px; }
.content.chaseDetail nav.sectionMenu ul li a { color: #EA8F00; font-weight: bold; text-decoration: none; }
.content.chaseDetail nav.sectionMenu ul li a:hover { color: #181818; }

.content.nowDetail h1 { font-size: 30px; line-height: 32px; font-weight: normal; }
.content.nowDetail h1 span { font-size: 18px; line-height: 24px; font-weight: bold; color:#242424; text-transform: uppercase; }
.content.nowDetail .body h2 { font-weight: bold; font-size: 18px; line-height: 20px; margin-bottom: 14px; }
.content.nowDetail .body h2 { color: #EA8F00; font-size: 21px; line-height: 24px; margin-bottom: 10px; font-weight: normal; }
.content.nowDetail .body h3 { font-weight: bold; font-size: 14px; }

.content.homepage .box { position: relative; float: left; }
.content.homepage .box p.category { font-weight: bold; font-size: 18px; margin-bottom: 3px; text-transform: lowercase; }
.content.homepage .box.type1 { background-color: #395666; padding: 18px 0px 12px 10px; width: 700px; margin-bottom: 24px; }
.content.homepage .box.type1 .topBorder { width: 700px; height: 2px;  background-color: #6AB2DA; position: absolute; top: 0px; left: 10px; }
.content.homepage .box.type1 .left { float: left; width: 320px; margin-bottom: 20px; display: }
.content.homepage .box.type1 .right { float: right;  width: 330px; margin-top: 20px; }
.content.homepage .box.type1 .right iframe { width: 330px; height: 214px; }
.content.homepage .box.type1 a.more { position: absolute; bottom: 12px; left: 10px; }
.content.homepage .box.type1 h2 { margin-bottom: 12px; }
.content.homepage .box.type1 h2,
.content.homepage .box.type1 h2 a { font-size: 30px; font-weight: normal; line-height: 33px; color: #6AB2DA; text-decoration: none; }
.content.homepage .box.type1 p { }
.content.homepage .box.type1 p.body { margin-bottom: 7px; }
.content.homepage .box.type1:hover h2 a { color:#ffffff; }
.content.homepage .box.type1:hover .topBorder { background-color: #ffffff; }
.content.homepage .box.type1:hover a.more { background-position: 0px -30px; }
.content.homepage .box.type1.large .left { width: 240px; }
.content.homepage .box.type1.large .right { width: 440px; }
.content.homepage .box.type1.large .right iframe { width: 440px; height: 286px; }
.content.homepage .box.type1.large .right img { width: 440px; }
.content.homepage .box.type2 { width: 330px; margin-left: 10px; margin-right: 40px; border-top: 2px solid #EA8F00; margin-bottom: 14px; }
.content.homepage .box.type2.last { margin-left: 0px; margin-right: 0px; }
.content.homepage .box.type2 .top { margin-bottom: 8px; }
.content.homepage .box.type2 .top .topHeader { padding-top: 10px; padding-bottom: 16px; }
.content.homepage .box.type2 .top h2,
.content.homepage .box.type2 .top h2 a { font-weight: bold; font-size: 18px; line-height: 20px; text-decoration: none; color: #EA8E00; }
.content.homepage .box.type2 .top h2, 
.content.homepage .box.type2 .top p.category { padding-left: 3px; }
.content.homepage .box.type2 .top a.img { display: block; margin: 0px; padding: 0px; line-height: 0px; }
.content.homepage .box.type2 .top img { border-bottom: 2px solid #ffffff; width: 330px; }
.content.homepage .box.type2 p.description { margin-top: 8px; }
.content.homepage .box.type2:hover .top .topHeader { background-color: #EA8F00; }
.content.homepage .box.type2:hover .top .body { }
.content.homepage .box.type2:hover .top h2 a { color:#181818; }
.content.homepage .box.type2:hover .top img { border-bottom-color: #EA8F00; }
.content.homepage .box.type2:hover a.more { background-position: 0px -30px; }


/* CONTENT INLINE LINKS (CMS WYSIWYG) */
.content a.documentLink { display: inline-block; text-decoration: none; height: 32px; line-height: 32px; padding: 0px 10px 0px 32px; background-color: #242424; margin: 0px 10px 6px 0px; color: #EA8F00 !important; text-decoration: none; background-position: 10px 8px; background-image: url('/images/fileIconOrange.png'); }
.content a.documentLink:hover { color:#ffffff !important; text-decoration: none; background-position: 10px -26px; }



/* RESPONSIVE LAYOUT - WIDE RESOLUTION > 1220 width, add 230 px  */
@media (min-width:1220px) { 

	#pagewidth { width: 1200px; }
	#pagewidth #maincol { width:940px; }
	#header .right { width: 940px; }
	#header .right .mainMenu { width: 940px; }
	#header .right .shareBar.follow { left: 800px;}
	#footer .right { width: 940px; }
	.fbComments { width:890px; } /* TODO fix also FB iframe */

	.content.homepage .box.type1 { width: 930px; }
	.content.homepage .box.type1 .topBorder { width: 930px; }
	.content.homepage .box.type1 .left {  width: 530px; }
	.content.homepage .box.type1 .right { margin-top: 4px; }
	.content.homepage .box.type1 h2 { margin-bottom: 16px; }
	.content.homepage .box.type1 h2,
	.content.homepage .box.type1 h2 a { font-size: 36px; line-height: 40px; }	
	.content.homepage .box.type1 p.body { font-size: 16px; line-height: 21px; margin-bottom: 10px; }
	.content.homepage .box.type1.large .left { width: 340px; }
	.content.homepage .box.type1.large .right { width: 560px; }
	.content.homepage .box.type1.large .right iframe { width: 560px; height: 356px; }	
	.content.homepage .box.type1.large .right img { width: 560px; }

	.content.homepage .box.type2 { width: 445px; }
	.content.homepage .box.type2 .top a.img { float: left; }
	.content.homepage .box.type2 p.description { margin-left: 12px; margin-top: -2px; width: 98px; float: left; }
	.content.homepage .box.type2:hover .top .body { background-color: #EA8F00; }
	
	.content.chases .topBorder { width: 930px; }
	.content.chaseDetail .introBox .topBorder { width: 930px; }
	.content.chaseDetail .introBox .left {  width: 540px; }
	.content.chaseDetail .introBox.large .left { width: 306px; }
	.content.chaseDetail .introBox.large .right { width: 560px;  }
	.content.chaseDetail .introBox.large .right iframe { width: 560px; height: 356px; }
	.content.chaseDetail .introBox.large .right img { width: 560px; }	
	
	
	.content.chaseDetail .introBox table.summary { margin-bottom: 12px; }
	.content.chaseDetail .introBox table.summary th,
	.content.chaseDetail .introBox table.summary td { font-size: 16px; padding-bottom: 4px; }
	.content.chaseDetail .introBox table.summary th { padding-right: 16px; }	
	.content.chaseDetail .introBox p { font-size: 16px; line-height: 21px; margin-bottom: 10px; }	
}



/* COMMENTS */
/*
video width size aspect ratio - 1,53
*/