/* CSS IMAGE PATH ../../../ */
/* COLORS KEY ORANGE: #F37020; DARK GRAY: #8D8D8B; LIGHT GRAY: #d8d8d8; }*/


/*Overrides*/
Body { background: #fff url(../../../images/ClearSky/animation_bg.gif) no-repeat center 2em; text-align: center; font-family: Times New Roman, Times, Serif; font-size: 1em; }
a { color: #F37020; }
a:hover { color: #444; text-decoration: none; }
a:focus { color: #F37020; }
h1 { font-weight: normal; font-family: Impact; }
h2 { font-weight: normal; font-family: Impact; }
h3 { font-weight: normal; font-family: Impact; }


/*Structural Styles*/
.ClearSkyBody { padding: 10px 12px; border: solid 2px #d8d8d8; }
.ClearSkyWrapper { margin: 100px auto 0px auto; width: 870px; text-align: left; }
.ClearSkyHeader { margin: 0px; }
.ClearSkyLogo { margin: 0px 0px 0px 30px; }
.ClearSkyLeft { float: left; }
.ClearSkyRight { float: right; }
.ClearSkyCenter { clear: both; }
.ClearSkyBottom { }
.ClearSkyFooter { width: 100%; margin-top: 10px; margin-right: 20px; text-align: right; font-size: 0.8em; }
.ClearSkyFooterLogo { padding-top: 5px; margin-right: 20px; }
.ClearSkyCopyright { color: #B5B3B4; }

/* TOP Menu */
.ClearSkyTopMenu { margin: 34px 0px 0px 20px; padding: 8px 8px 0px 8px; background-image: url(../../../Images/ClearSky/tab_bg.gif); background-repeat: no-repeat; height: 26px; font-family: Impact; font-weight: normal; font-size: 14px; color: #FFF; }
.ClearSkyTopMenu { margin: 34px 0px 0px 20px; padding: 8px 8px 0px 0px; background:#fff url(../../../Images/ClearSky/tab_bg.gif) no-repeat left top; height: 25px; font-family: Impact, Sans-serif; font-size: 14px; color: #FFF; letter-spacing:0.04em; *padding-bottom:5px; }
.ClearSkyTopMenuList { margin: 0px; padding: 0px; list-style: none; display: inline; }
.ClearSkyTopMenuItem { list-style: none; display: inline; padding-left: 17px; *padding-left: 15px; }
.ClearSkyTopMenuLink { color: #FFF;  text-decoration: none;}
.ClearSkyTopMenuSelectedLink {color: #000; }

/*User Content Styles*/
.ClearSkyContentBorder { padding: 10px; border: solid 2px #d8d8d8; }
.ClearSkyImageBorder { padding: 0px; border: solid 2px #d8d8d8; }
.ClearSkyTopPadding { padding: 10px; }
.HomePageContent p { line-height: 31px; margin: 0px; }
.ClearSkyHeadline { font-family: Impact; font-size: 36px; color: #F37020; font-weight: normal; }
.ClearSkyHeadline2 { font-family: Impact; font-size: 24px; color: #000; font-weight: normal; }
.ClearSkyWhiteFont { color: #FFF; }
.ClearSkyLeftAlign { text-align: left; }
.ClearSkyRightAlign { text-align: right;}
.ClearSkyCenterAlign { text-align: center;}
.ClearSkyWhiteFont h1 { font-family: Impact; font-size: 36px; color: #FFF; }
.ClearSkyWhiteFont h2 { font-family: Impact; font-size: 24px; color: #FFF; }
.ClearSkyBlackFont { color: #000; }
.ClearSkyBackground1 { background-color: #F37020; }
.ClearSkyBackground1 h1 { margin: 0px;  }
.ClearSkyBackground2 { background-color: #d8d8d8; }
.ClearSkyBackground2 h1 { margin: 0px; }
.ClearSkyBackground2 h2 { font-size: 20px; margin: 0px; }
.ClearSkyBackground2 h3 { font-size: 16px; margin: 0px; }
.ClearSkyLeftContent { width: 500px; float: left; }
.ClearSkyRightContent { width: 265px; padding: 5px; text-align: left; float: right; }
.ClearSkyRightPadding { padding: 15px; }
.ClearSkyTopContainer { width: 100%; padding-top: 15px; width: 840px; height: 167px;  }
.ClearSkyTopContent { float: right; width: 515px; padding-top: 25px; line-height: 24px; font-size: 16px; }
.ClearSkyTopContentClear { clear: both; }

.ClearSkyContentImageLeft { float: left; padding: 5px; }
.ClearSkyContentImageRight { float: right; padding: 5px; }
.ClearSkyStyledLink { color: #F37020; padding-right: 20px; background: #FFF url(../../../../Images/Gallery/clearsky/arrow_grey.gif) no-repeat; background-position: right; }
.ClearSkyRightList { padding: 5px 10px 15px 25px; }


/* Banner Images */
.BannerImages img { padding: 0px 4px; }
.TenSpacer { padding-bottom: 10px; }
.TwentySpacer { padding-bottom: 20px; }
.ClearSkyPlayVideo a { background: transparent url(../../../Images/Gallery/clearsky/video_btn.jpg) no-repeat 0px 0px; height: 100px; width: 174px; display: block; *margin:0px 3px; }
.ClearSkyPlayVideo a:hover { background: transparent url(../../../Images/Gallery/clearsky/video_btn.jpg) no-repeat -177px 0px; height: 100px; width: 174px; display: block; }
.ClearSkyTestimonials a { background: transparent url(../../../Images/Gallery/clearsky/testimonial_btn.jpg) no-repeat 0px 0px; height: 100px; width: 174px; display: block; *margin:0px 3px; }
.ClearSkyTestimonials a:hover { background: transparent url(../../../Images/Gallery/clearsky/testimonial_btn.jpg) no-repeat -175px 0px; height: 100px; width: 174px; display: block; }
.caption {font-size:0.7em; color:#B5B3B4; text-align:center;}

/*Calculator Styles */
.ClearSkyCalculatorBackGround { width: 290px;  background-image: url(../../../Images/clearsky/calculator_bg.jpg); background-repeat: no-repeat; }
.ClearSkyCalculatorWrapper { padding: 10px; width: 270px; height: 302px; }
.ClearSkyCalculatorTitleFirst { text-align: left; margin-top: 20px; margin-left: 20px; color: #FFF; font-family: Impact; font-size: 20px; }
.ClearSkyCalculatorTitleSecond { text-align: right; margin-right: 20px; color: #F37020; font-family: Impact; font-size: 24px; }
.ClearSkyCalculatorFieldHeader { margin-top: 20px; font-weight: bold; font-size: 12px; }
.ClearSkyCalculatorFieldLabel { font-size: 12px; margin-bottom: 5px; margin-top: 5px; }
.ClearSkyCalculatorFieldInput { border: 1px solid #000; width: 200px; }
.ClearSkyCalculatorButtonWrapper { text-align: right; margin-top: 10px; }
.ClearSkyCalculatorButton { cursor: pointer; margin-right: 20px; }


/* Modal Window */
.ClearSkyModalWindow { background-color: #FFF; width: 600px; padding: 25px; }
.ClearSkyModalWindowHeader {}
.ClearSkyModalWindowBody { }
.ClearSkyModalWindowFooter { text-align: right;  }
.ClearSkyModalWindowCloseLink { font-family: Impact; font-size: 18px; color: #8D8D8B; cursor: pointer; }

/*Calculator Results */
.ClearSkyCalculatorResults { width: 540px; text-align: center; margin: 10px auto; background-color: #FFF; }
.ClearSkyCalculatorResults  h1 { line-height: 20px; }
.ClearSkyCalculatorResults  h2 { line-height: 20px; color: #F37020; }
.ClearSkyCalculatorResults  h3 { line-height: 20px; color: #8D8D8B; } 
.ClearSkyCalculatorResultsHighlight { color: #F37020; }
.ClearSkyCalculatorDisclaimer { color: #8D8D8B; font-size: 12px; }

.ToolbarBorder { font-family: Arial, Helvetica, sans-serif; font-size: 11px; background-color: #ededed; border: solid 1px #999; }
.ToolbarBorder a { font-size: 11px; }
.ToolbarBorder fieldset { font-size: 11px; }
.ToolbarBorder .FormLabel { font-family: Arial, Helvetica, sans-serif; color: #000 !important; font-size: 11px; }
.ToolbarBorder .BodyText { font-family: Arial, Helvetica, sans-serif; color: #000 !important; }
.Border .BodyTextSm { font-family: Arial, Helvetica, sans-serif; color: #000 !important; }
.ToolbarBorder .BodyTextBold { font-family: Arial, Helvetica, sans-serif; color: #000 !important; }
.ToolbarBorder input, select { font-family: Arial, Helvetica, sans-serif; color: #000 !important; font-size: 10px; }
.ToolbarBorder .ListItem { font-family: Arial, Helvetica, sans-serif; color: #000 !important; }
.ToolbarBorder .ListItemGrey { font-family: Arial, Helvetica, sans-serif; color: #000 !important; }


/*YUI Override*/
.yui-accordion-panel { background-image: none; background-color: inherit; }