/* Title: ECOBIZ CSS File Author: imediapixel@gmail.com */ /* ----------------------- SUMMARY ----------------------- - GENERAL LAYOUT - BODY - HEADINGS - PARAGRAPH,BLOCKQUOTE,CODE, - ORDER LIST - ARROW LIST - CHECK LIST - BULLET LIST - DROPCAPS, PULLQUOTE - CLEAR FLOAT ELEMENTS - IMAGE ALIGNMENT & STYLING; - CUSTOM MESSAGE STYLING - BUTTON - WRAPPER - TOP WRAPPER - MAIN WRAPPER - BOTTOM WRAPPER - CENTER - HEADER - HEADER WRAPPER - LOGO - SEARCH BOX - SLIDESHOW - FEATURES BOX - HOMEPAGE CONTENT - PAGE HEADING - PRODUCTS PAGE / TABLE PRICING - PORTFOLIO PAGE - PORTFOLIO 1 COLUMN - PORTFOLIO 2 COLUMNS - PORTFOLIO 3 COLUMNS - PORTFOLIO 4 COLUMNS - PORTFOLIO 3 COLUMNS FILTERABLE - PORTFOLIO FILTER - BLOG PAGE - BLOG LIST ITEMS - POST META BOX - AUTHOR BOX - COMMENTS LIST - COMMENT FORM - CONTACT PAGE - CONTACT FORM - CONTACT ADDRESS - FAQ PAGE - SIDEBAR - NEWS LIST - ITEM LIST - TWITTER WIDGET - FOOTER - FOOTER BOX - ADDRESS LIST - COPYRIGHT */ /* Import CSS Reset File */ @import url("reset.css"); /* Import Drop down Menu Styling File */ @import url("jqueryslidemenu.css"); /* ----------------------- GENERAL LAYOUT -----------------------*/ body { font-family: manrope, verdana, tahoma, helvetica, arial; min-height: 100vh; flex-direction: column; display: flex; } /* === Custom Background Image :: uncomment this code block if you want to use background image === */ /* body { background-image: url(/Content/images/template/bg1.jpg); background-position: top center; background-attachment: fixed; background-repeat: no-repeat; } */ /* Heading */ h1, h2, h3, h4, h5, h6{font-weight:normal;color:#2A6082;font-family: Arial, Helvetica, sans-serif;} h1{font-size:36px; line-height:36px; margin-bottom:14px;} h2{font-size:30px; line-height:30px; margin-bottom:14px;} h3{font-size:24px; margin-bottom:12px;} h4{font-size:18px; line-height:16px; margin-bottom:12px;} h5{font-size:14px; margin-bottom: 12px; padding:0px;} h6{font-size:12px; margin-bottom: 12px; padding:0px;letter-spacing: 1px;} /* links */ a,a:link,a:visited { color:#557387; text-decoration:none;} a:hover{ color:#254961;} a img, img { border:none} /* paragraphs,blockquote,code */ p { margin-bottom:12px; color:#666666; font-size: 12px;line-height: 21px;} blockquote { margin: 0 0 10px 0; color: #8a8a8a; background: url(/Content/images/template/quote.png) top left no-repeat; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; line-height: 1.4em; font-size: 14px;} blockquote p { line-height: 1.4em; font-size: 14px;} code { background: #fafafa; padding: 5px 10px; display: block; font-size: 12px; color: #858585; margin-bottom: 10px; border: 1px dotted #eaeaea; clear: both; } pre{ clear: both; font: 11px Consolas, "Andale Mono", Courier, "Courier New", monospace; background: url(/Content/images/template/pre_bg.gif) repeat; border: 1px solid #d3d3d3; padding: 18px 20px 15px 20px; line-height: 19px; overflow:auto; overflow-Y: hidden; color: #555; margin: 0 0 20px 0;} ol { margin: 20px 0 20px 25px; list-style-type: decimal;} ol li { font-size: 12px; margin: 5px 0; padding-bottom: 5px; color: #666666;} .ol_nested_list { margin: 5px 0 9px 25px !important } .ol_nested_list li {font-size:14px; line-height:21px; padding-bottom:1px; font-family:Verdana } sup { font-size: xx-small; vertical-align: super; } video#stp_wc_ribbon_video { width: 910px; height: 425px; object-fit: initial; } #HomePageVideoNavDiv { margin: 0px 0px 30px 0px; border-bottom: 1px solid #dfdfdf; position: relative; z-index: 2; font-size: 20px; } div#STPHomeVideoDiv { margin-bottom: 5px; font-size: 20px} iframe.home_page_video.hide { display:none; } div#HomePageVideoNavDiv .link { display: inline-block; margin-right: 30px; cursor: pointer; font-weight: bold; font-size: 20px; color: #FFA735; text-transform: uppercase } div#HomePageVideoNavDiv .link.current { border-bottom: 3px solid #035289; background: none !important; font-weight: bold; } .home_page_video{} .home_page_video.hide { display: none; } /* Arrow List */ .arrowlist { margin-bottom: 20px; margin-left: 5px;} .arrowlist li { font-size: 12px; margin: 8px 0; padding-bottom: 8px; padding-left: 20px; background: url(/Content/images/template/arrow.png) .3em 0 no-repeat; color: #666666; border-bottom: 1px solid #dfdfdf;} /* Check List */ .checklist { margin-bottom: 20px; margin-left: 5px;} .checklist li { font-size: 12px; margin: 10px 0; padding-bottom: 10px; padding-left: 25px; background: url(/Content/images/template/tick.png) 0 0 no-repeat; color: #666666; border-bottom: 1px solid #dfdfdf;} /* Check List */ .bulletlist { margin-bottom: 20px; margin-left: 5px;} .bulletlist li { font-size: 12px; margin: 8px 0; padding-bottom: 8px; padding-left: 20px; background: url(/Content/images/template/bullet.png) 0 .1em no-repeat; color: #757575; border-bottom: 1px solid #dfdfdf;} /* Item List */ .itemlist { margin-bottom: 20px; margin-left: 5px;} .itemlist li { font-size: 12px; margin: 8px 0; padding-bottom: 8px; padding-left: 20px; background: url(/Content/images/template/item.png) 0 .1em no-repeat; color: #757575; border-bottom: 1px solid #dfdfdf;} /* Dropcap */ .dropcap{background:transparent url(/Content/images/template/big-bullet.png) no-repeat scroll -1px -1px;color:#ffffff;float:left; font-size:24px; height:41px; line-height:30px; margin-bottom:-10px; margin-right:10px; padding-top:5px; text-align:center; width:41px;} /* Pullquotes */ .pullquote_right,.pullquote_left{color:#9F9F9F;float:right; font-size: 14px;letter-spacing:0px;margin-bottom:0;margin-top:10px;margin-left:20px; padding:0 10px;width:33%; font-style: italic; background: url(/Content/images/template/quote.png) top left no-repeat; font-family: Georgia, "Times New Roman", Times, serif;} .pullquote_left{ border-left: none;float:left;margin-left:0px;margin-right:10px; } /* Clear Floated Elements */ /* http://sonspring.com/journal/clearing-floats */ .clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0; height: 0;} /* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */ .clearfix:after {clear: both;content: ' ';display: block;font-size: 0; line-height: 0;visibility: hidden;width: 0;height: 0;} .clearfix {display: inline-block;} * html .clearfix {height: 1%;} .clearfix { display: block;} /* Images Alignment & Styling */ .alignleft { float: left; margin: 5px 10px 0 0; padding-left: 10px;} .alignright { float: right; margin: 5px 0 5px 10px;} .aligncenter { margin-left:auto; margin-right:auto; margin-bottom: 15px; display: block; } .imgbox { padding: 4px; background: #ffffff; border: 1px solid #ededed;} .imgbox2 { padding: 3px; background: #ffffff; border: 1px solid #ededed;} .divider { background: url(/Content/images/template/divider.jpg) bottom repeat-x; padding: 5px 0; margin-bottom: 10px; display: block;} /* Custom Message Styling */ .info { margin: 15px 0; font-size: 14px; color: #246EA7; padding: 15px 12px 15px 47px; background: #DFECF7 url(/Content/images/template/info.png) .5em .4em no-repeat; border: 1px solid #A7CEEC; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-box-shadow:0 0 6px #aaaaaa; -webkit-box-shadow:0 0 6px #aaaaaa; } .error { margin: 15px 0; font-size: 14px; color: #C92036; padding: 15px 12px 15px 47px; background: #FAE1E1 url(/Content/images/template/error.png) .5em .4em no-repeat; border: 1px solid #EDA8A8; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-box-shadow:0 0 6px #aaaaaa; box-shadow:0 0 6px #aaaaaa; -webkit-box-shadow:0 0 6px #aaaaaa; } .warning { margin: 15px 0; font-size: 14px; color: #E08820; padding: 15px 12px 15px 47px; background: #FDF4D7 url(/Content/images/template/warning.png) .5em .4em no-repeat; border: 1px solid #E8C779; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-box-shadow:0 0 6px #aaaaaa; box-shadow:0 0 6px #aaaaaa; -webkit-box-shadow:0 0 6px #aaaaaa; } .success, .success-message{ text-align:center; margin: 15px 0; font-size: 14px; color: #84AF22; padding: 15px 12px 15px 47px; background: #E6F2D2 url(/Content/images/template/ok.png) .5em .4em no-repeat; border: 1px solid #96C24A; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-box-shadow:0 0 6px #aaaaaa; box-shadow:0 0 6px #aaaaaa; -webkit-box-shadow:0 0 6px #aaaaaa; } /* Highlight Styles */ .highlight-yellow {padding:1px 4px;background-color:yellow;color:#111;} .highlight-dark{padding:1px 4px;background-color:#6a6a6a;color:#fff;} .highlight-red{padding:1px 4px;background-color:#DE2D2D;color:#fff;} .highlight-green{padding:1px 4px;background-color:#A3CC29;color:#111;} /* ------------------------ Button ------------------------ */ .button {float: left; margin: 10px 10px 10px 0; cursor: pointer; color: #777777; font-size: 10px; line-height: 24px; text-transform: uppercase; height: 26px; background: url('/Content/images/template/button-right.png') no-repeat 0 -26px; display: inline-block; padding: 0px;} .button span { text-align: center; margin-right: 0px; padding: 0px 5px; background: url(/Content/images/template/button-left.png) no-repeat; display: inline-block; height: 26px; float: left; font-size: 9px;} .button:hover { background-position: 100% -26px;} .button:hover span { background-position: 0 -26px;} a.button{ color: #666666; background-position: 100% -26px;} a.button:hover { color: #333333;} img.readmore { position: relative; top: 5px; left: 8px; overflow: hidden;} /* ----------------------- LoginMenu --------------------- */ .socialMediaIcons{padding-right:10px;padding-bottom:2px;text-align:right; margin-top: 5px;} .socialMediaIcons img{height:20px; padding-left: .5rem;} #login_menu{text-align: right; width: 976px; margin: 20px auto 2px; } #login_menu li{display: inline; } #login_menu li a{font-size: 12px; color:#023C66; padding: 0px 10px; font-family: Verdana} #login_menu .cufon{color: #fff !important; font-size: 14px;} /* ----------------------- WRAPPER -----------------------*/ #wrapper { width: 976px; margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 20px; text-align: center; min-height: calc(100vh - 4rem - 2rem - 40px); } #topwrapper { height: 19px; width: 976px; background: url(/Content/images/template/topwrapper.png) no-repeat;} #mainwrapper { width: 976px; background: url(/Content/images/template/mainwrapper.png) repeat-y;} #bottomwrapper { margin: 0 auto; height: 55px; width: 976px; background: url(/Content/images/template/bottomwrapper.png) no-repeat;} .center { margin : 0 auto; width: 940px;} /* ----------------------- HEADER -----------------------*/ #header {width: 960px; height: 65px; /*background: url(/Content/images/template/bgheader.jpg) bottom center no-repeat;*/ margin: 0 auto 50px;} #headerright { padding-top: 20px; display:inline; float: right;} .searchbox { width: 192px; height: 37px; float: right;} .searchinput { border: none; height: 17px; width: 135px; background: url(/Content/images/template/searchinput.png) left center no-repeat; float: left; padding: 10px; color: #cacaca;} .searchsubmit { height: 37px; width: 36px; background: url(/Content/images/template/searchsubmit.png) left center no-repeat; float: left; border: none; cursor: pointer;} /* ----------------------- SLIDESHOW -----------------------*/ #slide-wrapper { padding: 0; margin: 0 auto; width: 960px; height: 344px; border-top: 1px solid #ededed; border-bottom: 2px solid #497898;} .static-block { float: left; width: 620px; height: 345px;} .static-text { padding: 20px; float: left; width: 300px; height: 305px; background: #2B2B2B url(/Content/images/template/pattern/grunge.png) repeat;} .static-text h3 { color: #ffffff; } .static-text p { color: #ffffff; } /* ----------------------- FEATURES BOX -----------------------*/ #featuresbox, #quotebox {height: 80px; width: 960px; margin-left: auto; margin-right: auto; background-color: #444444; /*background-image: url(/Content/images/template/dark.jpg);*/ background-image: url(/Content/images/home_middle_gradient.png); background-position: bottom center; background-repeat: repeat-x; border-bottom: 2px solid #497898; } #featuresbox ul {margin:0 2px} #featuresbox ul li {float: left; width: 210px; background: url(/Content/images/template/divider-dark.png) center left no-repeat; height: 75px; padding: 0 0 0 13px} #featuresbox ul li p {line-height: 16px; font-size: 11px;color: #ffffff; } #featuresbox ul li img {margin: 0; padding: 0; float: left; position: relative; top: 21px; left: 5px;} #featuresbox ul li h5 {color: #FFFFFF;float: left;font-size: 15px;height: 40px;margin-left: 18px;position: relative;top: 21px;width: 160px;} #featuresbox ul li h5 a { color: #ffffff; font-size: 15px; } #featuresbox ul li.first { border:0px; width: 210px; background: none; margin-left: 20px} #featuresbox ul li.first h5 { border:0px; width: 160px; background: none;} #featuresbox ul li.last {margin-right: 0;padding-right: 0; width: 210px;} #featuresbox ul li.last h5{width: 150px; top: 25px;} /* ---------------------- Quotebox ----------------------------- */ #quotebox {width: 920px; padding: 10px 20px; height: 71px;} #quotebox h4 {color: #ffffff; margin-bottom: 10px;} #quotebox p { color: #ffffff; line-height: 18px;} .quotetext { width: 700px; float: left; margin-right: 10px; } .quotebuttonblock {float: left; width: 200px; margin-top: 5px; margin-left: 10px;} .quotebutton { float: left; margin: 10px 10px 10px 0; cursor: pointer; color: #777777; font-size: 10px; line-height: 42px; text-transform: uppercase; font-weight: bold; height: 42px; background: url(/Content/images/template/greenbutton-right.png) no-repeat 100% 0; display: inline-block;} .quotebutton span {text-align: center; margin-right: 22px; padding: 0 21px 0 42px; background: url(/Content/images/template/greenbutton-left.png) no-repeat; display: inline-block; height: 42px; float: left; font-size: 12px;} .quotebutton:hover { background-position: 100% -42px;} .quotebutton:hover span { background-position: 0 -42px;} a.quotebutton{ color: #ffffff;} a.quotebutton:hover { color: #ffffff;} /* ----------------------- PAGE HEADING -----------------------*/ #page-heading {position: relative; margin: 0 auto; width: 960px; height: 182px; border-top: 1px solid #bebebe; border-bottom: 1px solid #bebebe; background: #ffffff; overflow: hidden;} #page-heading img { /*position: absolute;*/} .heading-text { padding: 15px 20px; width: 260px; position: relative; left: 0; top: 30px; background-color: transparent; background-image: url(/Content/images/template/transparent.png); background-repeat: repeat; -webkit-border-top-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; } .heading-text-right { padding: 15px 20px; width: 260px; position: absolute; right: 0; top: 30px; border: 1px solid #bebebe; border-right: 0px; background: url(/Content/images/template/transparent.png) repeat; float: right; -webkit-border-top-left-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; } .heading-text h3, .heading-text-right h3 { color: #ffffff !important; margin-bottom: 10px;} .heading-text-right h3 { text-align: right; } .heading-text p, .heading-text-right p{ color: #dadada; margin-bottom: 0; line-height: 16px;} .heading-text-right p{ text-align: right; } .breadcrumbs { border-bottom: 1px solid #dadada; margin: 10px 0 0 0; text-align: right; font-size: 12px; color: #666666; display: block; padding-right: 10px; padding-bottom: 10px;} /* ----------------------- HOMEPAGE CONTENT -----------------------*/ .maincontent {padding-top: 15px; font-family: Calibri} .maincontent-right { padding: 20px 0 0 0; width: 630px; float: right;} .maincontent-full { padding: 25px 0; width: 100%;} .mainbox { float: left; width: 300px; margin-right: 20px; margin-bottom: 5px; margin-top: 15px; padding-left: 10px;} .mainbox img { } .mainbox h4, mainbox2 h4 { color: #333333; margin-bottom: 10px;} .mainbox h4 a,.mainbox2 h4 a { color: #333333;} .mainbox p, .mainbox2 p { margin-bottom: 5px; margin-left: 20px; width: 510px; float:left;} .mainbox2 { float: left; width: 198px; margin-right: 18px; margin-bottom: 5px;} .mainbox2 img { } .box-last { float: right; margin-right: 0;} .boximg { margin-top: 5px; background: url(/Content/images/template/bgboximg.png) center no-repeat; width: 97px; height: 99px; float: right; margin-left: 10px; margin-bottom: 5px;} .boximg2 { margin-top: 5px; background: url(/Content/images/template/bgboximg2.png) center no-repeat; width: 193px; height: 95px; margin-bottom: 5px;} .boximg-pad { padding: 6px;} .boximg-pad2 { padding: 8px 7px;} .spacer { clear: both; display: block; padding-bottom: 10px;} /* ----------------------- PRODUCT PAGE / TABLE PRICING -----------------------*/ .productbox { width: 278px; float: left; margin-right: 32px;} .productbox-last { width: 278px; margin-right: 0; float: right;} .topproduct { width: 278px; height: 11px; background: url(/Content/images/template/bg-topproducts.png) top center no-repeat;} .bottomproduct { width: 278px; height: 12px; background: url(/Content/images/template/bg-bottomproducts.png) bottom center no-repeat;} .headingproduct{ background: #74CBDD; width:238px; padding: 10px 20px;} .title h4 { padding-bottom: 10px; background: url(/Content/images/template/products-divider.png) bottom repeat-x; color: #ffffff;} .price { display: block; text-align: center; margin-bottom: 10px;} .price span { color: #ffffff;} span.currency { font-size: 24px; display: inline; vertical-align: top;} span.price { font-size: 56px; display: inline;} span.month { font-size: 18px; display: inline;} .description { margin-top: 10px; padding-top: 15px; background: url(/Content/images/template/products-divider.png) top repeat-x;} .description p { font-size: 11px; color: #ffffff; line-height: 15px; } .contentproduct { background: #EAEAEA; width:238px; padding: 10px 20px;} ul.productfeatures {} ul.productfeatures li { color: #858585; margin: 0 0 5px 0; padding-bottom: 15px; background: url(/Content/images/template/divider.png) bottom repeat-x; font-size: 12px;} .product-icon { position: relative; top: 7px; left: 0; margin-right: 10px;} .buttoncenter { margin-left: 45px;} /* ----------------------- PORTFOLIO -----------------------*/ /* Portfolio 1 Column */ ul.portfolio-1col {} ul.portfolio-1col li { margin: 10px 0 15px 0; float: left;} /* Portfolio 2 Columns */ ul.portfolio-2col li { width: 440px; margin: 10px 20px 10px 0; float: left;} ul.portfolio-2col li.last { width: 440px; margin-right: 0; float: right; } /* Portfolio 3 Columns */ ul.portfolio-3col li { width: 285px; margin: 10px 20px 10px 0; float: left;} ul.portfolio-3col li.last { width: 285px; margin-right: 0; float: right;} /* Portfolio 4 Columns */ ul.portfolio-4col li { width: 209px; margin: 10px 20px 10px 0; float: left;} ul.portfolio-4col li.last { width: 209px; margin-right: 0; float: right;} /* Portfolio 4 Columns Filterable */ ul.portfolio-4col-filterable li { width: 204px; margin: 10px 21px 10px 0; float: left;} ul.portfolio-1col li p,ul.portfolio-2col li p,ul.portfolio-3col li p,ul.portfolio-4col li p,ul.portfolio-4col-filterable li p { margin-bottom: 5px; } /* Portfolio Imabe Block */ .portfolio-blockimg { float: left; width: 440px; margin-right: 10px;} .portfolio-blockimg-last { float: right; width: 440px; margin-right: 0;} .portfolio-imgbox1 { width: 440px; height: 207px; background: url(/Content/images/template/bg-portfolio1.png) center no-repeat; margin-bottom: 5px;} .portfolio-imgbox2 { width: 285px; height: 145px; background: url(/Content/images/template/bg-portfolio2.png) center no-repeat; margin-bottom: 5px;} .portfolio-imgbox3 { width: 209px; height: 105px; background: url(/Content/images/template/bg-portfolio3.png) center no-repeat; margin-bottom: 5px;} .portfolio-content1 { width: 440px; float: right; margin-left: 10px;} .zoom { background: url(/Content/images/template/zoom.png) 50% 50% no-repeat;} .play { background: url(/Content/images/template/play.png) 50% 50% no-repeat; } /* Random Portfolio */ .random-portfolio { padding-top: 10px; border-top: 1px solid #eaeaea; margin: 30px 0; } /* Portfolio Category Filter */ #filter {display: block;text-transform: uppercase;text-decoration: none;font: normal 11px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; margin: 10px 0; border-bottom: 1px solid #D3D3D3;} #filter ul { margin: 10px 10px 25px 10px; padding: 0;} ul#filter { margin: 10px 0 25px 0; padding: 0 0 20px 0; } #filter li { display: inline; color: #a1a2a2; font-weight: bold; margin-right: 5px;} #filter li a { margin-right: 2px; padding: 5px 8px; border: 1px solid #dadada; color: #a1a2a2; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #filter li a:hover,#filter li a.current, #filter li.current a,#filter li.current-cat a { background-color: #e0e0e0; color: #8a8a8a; border: 1px solid #dadada; text-decoration: none;} /* ----------------------- BLOG PAGE -----------------------*/ .postbox h3 { margin-bottom: 10px; } /* Blog List */ ul#listlatestnews {} ul#listlatestnews li { margin-bottom: 20px;} .boximg-blog { margin-top: 5px; background: url(/Content/images/template/bgboximg.png) center no-repeat; width: 97px; height: 99px; float: left; margin-right: 10px;} .postbox { width:510px; float:left; margin-left:10px; } .postbox p { margin-bottom: 5px;} /* Blog Metapost */ .metapost { border-top: 1px dotted #eee; border-bottom: 1px dotted #eee; margin: 10px 0; font-size: 11px; padding: 8px 5px; color: #707070; background: #fafafa;} .metapost span { margin: 0 10px;} .metapost span.first { margin-left: 0; } /* Author Box */ #authorbox { background: #fafafa; border: 1px dotted #eee; padding: 10px 20px; margin-top: 20px; margin-bottom: 20px;} #authorbox h4{ vertical-align: top; margin-bottom: 5px;} #authorbox .blockavatar { width: 80px; float: left; margin-top: 8px; margin-right: 10px;} #authorbox img { margin-top: 0; margin-bottom: 0; border: none;} #authorbox .detail { float: left; width: 480px; } #authorbox .detail p { margin-bottom: 0;} /* Comment List */ #listcomment { padding: 0; margin: 0 0 20px 0;} #listcomment li { display: block; padding: 11px 0; margin: 0; background: none; border-bottom: 1px solid #eee;} .titlecomment { width: 673px;} .titlecomment img { float: left; padding: 3px; border: 1px solid #d9d9d9; margin: 0 10px 0 0;} .titlecomment h4 { color: #333; padding: 7px 0 0 0; margin: 0;} .datecomment { font-size: 11px; color: #858585;} #listcomment li p { font-size: 12px; padding: 10px 0 0 0; margin-bottom: 0;} /* Comment Form */ #commentform label { font-size: 12px; display: block; text-align: left; color: #666666; margin-bottom: 10px;} .leftcomment { width: 285px; float: left;} .comment-input { color: #666666; padding: 7px; display: block; text-align: left; height: 19px; width: 250px; border: 1px solid #eaeaea; margin-bottom: 12px;}.comment-textarea { color: #666666; padding: 7px; display: block; text-align: left; height: 160px; width: 307px; border: 1px solid #eaeaea; margin-bottom: 10px;} .comment-submit { display: block; float: right; margin-right: 22px; background: url(/Content/images/template/comment-submit.png) no-repeat; color: #d4d4d4; border: none; width: 106px; height: 32px; padding: 3px 5px; text-align: center; cursor: pointer; text-transform: uppercase;} .comment-heading { border-bottom: 1px solid #eaeaea; padding-bottom: 10px; } /* Pagination */ .pagination { clear:both; left: 35%; padding:20px 0; position:relative; font-size:12px; line-height:13px; font-weight: bold;} .pagination span, .pagination a { display:block; float:left; margin: 2px 10px 2px 0; padding:8px 10px; text-decoration:none; width:auto; color:#666666; background: url(/Content/images/template/paging.jpg) repeat-x; -webkit-box-shadow:0 0 4px #aaaaaa; -moz-box-shadow: 0 0 4px #aaaaaa; box-shadow:0 0 4px #aaaaaa; -moz-border-radius:4px; -webkit-border-radius:4px; border-bottom-radius:4px; } .pagination a:hover{ color:#fff; background: #333333;} .pagination .current{ padding:8px 10px; background: #333333; color:#fff;} /* Testimonials */ #testilist { margin: 10px 0;} #testilist li { margin-bottom: 20px; border-bottom: 1px dotted #eaeaea;} /* ----------------------- CONTACT PAGE -----------------------*/ /* Contact Form */ #conctactleft { border-right: 1px dotted #eaeaea; width: 420px; float: left; padding-right: 25px;} #maincontactform { margin: 20px 0;} #maincontactform label { font-size: 12px; color: #5a5a5a; display: block; font-weight: bold; margin-bottom: 10px; clear: both;} .textfield { margin-bottom: 10px; padding: 5px; color: #666666; width: 400px; height: 22px; border: 1px solid #eaeaea; clear: both; float: left;} .textarea { padding: 5px; color: #666666; width: 400px; height: 150px; border: 1px solid #eaeaea; clear: both; float: left;} .require { display: inline; float: left; color: #f00; font-weight: bold; margin-left: 2px; font-size: 10px;} .loading { margin-top: 15px; background: url(/Content/images/template/loading.gif) top left no-repeat; padding-left: 32px; font-size: 12px; color: #8f8f8f; margin-left: 10px; float: left; padding-bottom: 15px;} /* Contact Address */ #contactright { width: 430px; float: left; margin-left: 20px;} .contactinfo { margin-top: 20px;} .contactinfo li { clear: both; margin: 10px 0; padding-bottom: 10px; border-bottom: 1px solid #eaeaea; color: #666666; font-size: 12px; line-height: 18px;} #map { width: 424px; height: 246px;} .gmap_marker { font-size: 12px; line-height: 18px;} /* ----------------------- TopTen Reason ----------------------- */ #TenReasonsContainer{border:1px solid #CECECE; clear:both; font-family:Arial; margin: 40px auto 20px; padding:30px 0px 5px 20px; width:620px; /*background: #222 url('/Resources/home/TopTenGradient.png') repeat-x;*/ text-align:left; -moz-border-radius: 10px; border-radius: 10px; webkit-border-radius: 10px; background: linear-gradient(#f9f9f9, #fefefe); -pie-background: linear-gradient(#f9f9f9, #fefefe); background: -moz-linear-gradient(#f9f9f9, #fefefe) #F9F9F9; box-shadow: 1px 5px 9px #999; -webkit-box-shadow: box-shadow: 1px 5px 9px #999; -moz-box-shadow: 1px 5px 9px #999; } #topten_bottomrow{clear:both} #TenReasonsHeader{font-size: 32px; color: #3376BC; padding-bottom: 20px;} .ReasonContainer{float:left; width: 110px; padding: 3px 5px;} .ReasonNoOdd, .ReasonNoEven{font-size: 48px; border-bottom: 1px solid #999; -moz-border-radius: 0px; border-radius: 0px;} .ReasonNoOdd{color: #3376BC;} .ReasonNoEven{color: #B3D1EF;} .ReasonDesc{padding: 1px 2px 1px 7px; font-family: Sans-Serif; color: #333333; font-size: 10px;} /* ----------------------- FAQ PAGE -----------------------*/ .toggle_wrapper { margin-bottom: 30px; } .toggle { margin-bottom: 5px;} .toggle_title { margin:0; line-height:18px; background: url(/Content/images/template/help.png) right no-repeat; cursor:pointer; border-bottom:1px solid #e4e4e4; padding:1px 0px 9px 0px; clear:both; color: #333333;} .toggle_active { background: url(/Content/images/template/yes.png) right no-repeat;} .toggle_content { display:none; border: 1px dotted #eaeaea; background-color:#eeeeee; margin:-5px 0px 10px 0px; padding:11px 13px 1px 13px; } /* ----------------------- SIDEBAR -----------------------*/ #sidebar,.sidebar { width: 241px; float: right; margin: 30px 0 0 20px;} #sidebar-left,.sidebar-left { width: 241px; float: left; margin: 30px 20px 0 0;} .sidebar,.sidebar-left { margin: 0 0 25px 0;} .sidebar p { margin-bottom: 5px;} .sidebartop { width: 241px; height: 11px; background: url(/Content/images/template/sidebartop.png) top no-repeat;} .sidebarmain { width: 241px; background: url(/Content/images/template/sidebarmain.png) center center repeat-y;} .sidebarbottom { width: 241px; height: 13px; background: url(/Content/images/template/sidebarbottom.png) bottom no-repeat;} .sidebarcontent { } .sidebarcontent h4 { margin-bottom: 5px; text-align: center;} .sidebarheading { padding-bottom: 20px; background: url(/Content/images/template/bgheading.png) bottom center no-repeat;} .nospace { margin-bottom: 0; } /* Latest News Box */ ul.latestnews { margin: 0 10px 10px; padding: 0;} ul.latestnews li { margin-bottom: 5px; border-bottom: 1px dashed #bebebe; font-size: 10px;} ul.latestnews li a { line-height: 16px;} ul.latestnews li p.posteddate { color: #8a8a8a; margin-bottom: 3px; text-align: right; font-size: 10px;} .button-more { background: url(/Content/images/template/arrow_grey.png) left center no-repeat; padding-left: 22px; font-size: 11px;} img.arrow-icon { position: relative; top: 5px; right: 0; left: 10px;} /* Unorderlist Box */ ul.sidelist{} ul.sidelist li { margin: 10px 0; padding-bottom: 10px; border-bottom: 1px solid #eaeaea; background: url(/Content/images/template/arrow.png) 100% 0 no-repeat;} ul.sidelist li a { padding-right: 26px; font-size: 12px; display: block;} p.testiname { text-align: right; display: block; font-weight: bold; margin-bottom: 0;} /* Twitter Widget */ .twitter_icon { position: relative; top: 8px; left: 0; margin-right: 5px;} p#preloader { margin: 0; padding: 1em 1em 1em 3em; background: transparent url(/Content/images/template/loading.gif) 1em center no-repeat;} ul#twitter_update_list { margin: 0; padding: 0; list-style-type: none;} ul#twitter_update_list li { margin: 5px 0; padding-bottom: 5px; border-bottom: 1px solid #eaeaea; font-size: 12px; color: #868686; font-style: italic; line-height: 1.4em;} ul#twitter_update_list li a { background: none; padding: 0;} ul#twitter_update_list li span { display: block;} ul#twitter_update_list li span a {} ul#twitter_update_list li span a:hover{} ul#twitter_update_list li.firstTweet {} ul#twitter_update_list li.lastTweet { border-bottom: 1px solid #eaeaea;} a#profileLink { padding: 0.3em 1em; font-weight: bold; font-size: 1.2em; color: #8f8f8f;} /**************** News pages styles *******************/ #news_header{-moz-border-radius: 10px; border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #CECECE; margin: 10px 10px 20px; padding: 5px 5px; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f9f9f9), to(#fefefe)); background: linear-gradient(#f9f9f9, #fefefe); -pie-background: linear-gradient(#f9f9f9, #fefefe); background: -moz-linear-gradient(#f9f9f9, #fefefe) #F9F9F9; font-weight:bold; color: #99B5C6; line-height: 25px; } h4.news_header a{color: #3B596B !important; line-height: 25px; } div.news_item_div{clear:left; border-bottom: 1px solid #CECECE; margin: 0px 20px; padding-top: 15px} div.news_item_img{float:left; width: 60px; margin-right: 70px; font-weight: bold;} div.news_item_img img{position: relative; top: 20px; width: 200%;} div.news_content_div{float:left; padding-left: 20px; width: 700px;} div.news_item_img{width: 64px; height: 64px;} h4.news_header{font-weight: bold; padding: 0; margin: 0; font-size: 13px; color: #3B596B !important} h4.news_date{color: #777; font-size: 12px; padding-top: 3px;} p.news_p{font-size: 12px !important;} /**************** Our Team *****************/ .ourTeamSliderDiv{padding:5px;} .ourTeamSliderDiv .pictureHeader{color: #ffa735;font-family: Roboto;font-size: 18px;font-weight: bold;margin-top: 10px;margin-bottom: 20px;} .teamMember{width:25%;text-align:center;float:left;cursor:pointer} .teamMember img{width:150px;height:200px; border-radius: 6px; box-shadow: 1px 3px 4px #bebebe;} .teamMember div{padding:2px} .teamMember .name{margin-top:8px;font-size:18px} .teamMember .title{font-size:13px;color:Grey} .ourTeamSliderDiv .arrowLeft{ cursor: pointer;float: left;margin-top: -152px;width: 30px;} .ourTeamSliderDiv .arrowRight{ cursor: pointer;float: right;margin-top: -152px;width: 30px;} #teamMemberDetails{width:95%;padding-left:10px;padding-top:10px} #teamMemberDetails #detailsHeader{font-size:19px; font-weight:bold;color:#3376BC;padding-bottom:10px;margin-top:10px} .bold{font-weight:bold;} .highlightBorder{border:1px solid grey; box-shadow: 1px 3px 4px black !important;margin-top:10px;margin-bottom:10px} .teamBio{line-height:22px} .website_div_divider{height:4px;width:100%;background-color:#3376BC} .section_divider_small{height:4px;width:100%} /**************** Our Team pages styles OLD ***************** #ourteam_header{-moz-border-radius: 10px; border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #CECECE; margin: 10px 10px 20px; padding: 5px 5px; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f9f9f9), to(#fefefe)); background: linear-gradient(#f9f9f9, #fefefe); -pie-background: linear-gradient(#f9f9f9, #fefefe); background: -moz-linear-gradient(#f9f9f9, #fefefe) #F9F9F9; font-weight:bold; color: #99B5C6; line-height: 25px; } h4.ourteam_header a{color: #3B596B !important; line-height: 25px; } div.ourteam_item_div{clear:left; border-bottom: 1px solid #CECECE; margin: 0px 20px; padding-top: 15px;} div.ourteam_item_img{float:left; width: 60px; margin-right: 70px; font-weight: bold;} div.ourteam_item_img img{position: relative; top: 20px; width: 200%; border-radius: 6px; box-shadow: 1px 3px 4px #BEBEBE} div.ourteam_content_div{float:left; padding-left: 20px; width: 700px;} div.ourteam_item_img{width: 64px; height: 64px;} h4.ourteam_header{font-weight: bold; padding: 0; margin: 0; font-size: 13px; color: #3B596B !important} h4.ourteam_date{color: #777; font-size: 12px; padding-top: 3px;} p.ourteam_p{font-size: 12px !important;}**/ /*------------------------ Services Page ----------------------- */ ul.service_ul{margin-left: 20px; list-style-type:disc; margin-bottom: 20px;} ul.service_ul li{font-size: 11px; color: #666; padding: 3px; line-height: 14px;} /* Contact form */ div#stp_google_map{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; border: 1px solid #CECECE;} .map{margin: 0px 10px 10px 0px; float:left;} .contact_info{float:left; margin: 30px 10px 10px;} #contact_form, #oops, #thanks{float:left; margin-left: 30px; margin-bottom: 20px; width: 340px;} #thanks{color: Green; margin-left: 0px;} #oops{color: red; margin-left: 0px;} #contact-form {overflow:hidden;position:relative;vertical-align:top;width:100%; } #contact-form fieldset {border:none; padding:0;} #contact-form .field {overflow:hidden;padding:0 0 12px 0px; } #contact-form input[type=text] {float:left;width:320px; padding:8px 6px; margin:3px 0 0 0px;background:#f9F9F9; border-top:2px solid #d3d2d2;border-left:2px solid #d3d2d2;border-bottom:1px solid #d3d2d2;border-right:1px solid #d3d2d2; line-height:1.2em;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; font-family: Verdana; font-weight: bold; font-size: 13px; color: #444;} #contact-form.main-contacts .field input {margin-top:0px;} #contact-form .area {} #contact-form .area .error { float:none;} #contact-form textarea {width:320px;height:177px;background:#f4f4f4;border-top:2px solid #d3d2d2; border-left:2px solid #d3d2d2; border-bottom:1px solid #d3d2d2;border-right:1px solid #d3d2d2;padding:8px 6px; margin:3px 0 0 0px;overflow:auto; display:block;line-height:1.2em;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; font-family: Verdana; font-weight: bold; font-size: 14px; color: #444; } #contact-form a {cursor:pointer;} #contact-form .alignright {padding-top:12px;} #contact-form small {color:red;font-weight:bold;padding:0 0 0 5px;} #contact-form label {padding:0 0 0px 5px;display:inline-block; color:#F00; } #contact-form strong { padding:0 0 2px 9px;display:inline-block; color:#838383;} #contact-form .error { color:red;width:190px;font-size:11px; line-height:15px; display:none; } .buttons-wrapper { float:left; margin-top:30px;} .buttons-wrapper a { margin-right:10px;} .button {background: -moz-linear-gradient(center top , #FFFFFF, #DEDEDE) repeat scroll 0 0 #DEDEDE; padding-top: 6px; border: 1px solid #999999; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: 1px 1px 1px #999999; -moz-box-shadow: 1px 1px 1px #999999; -webkit-box-shadow: 1px 1px 1px #999999; cursor: pointer;height: 20px;margin: auto;padding: 3px 0 0;text-align: center;top: 10px;width: 70px;} #contact_form a.button:hover{ border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: 1px 1px 1px #777777; -moz-box-shadow: 1px 1px 1px #777777; -webkit-box-shadow: 1px 1px 1px #777777; background-position: top center;} .map iframe {/*width:370px; height: 320px;*/ overflow:hidden; } /******** General Form Styling ************/ input[type=text] {width:315px; padding:8px 6px; margin:0px 0 0 0px;background:#FFFFFF; border-top:2px solid #d3d2d2;border-left:2px solid #d3d2d2;border-bottom:1px solid #d3d2d2;border-right:1px solid #d3d2d2; line-height:1.2em;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; font-family: Verdana; font-weight: bold; font-size: 14px; color: #444; height: 15px;} textarea{width:315px;height:177px;background:#FFFFFF;border-top:2px solid #d3d2d2; border-left:2px solid #d3d2d2; border-bottom:1px solid #d3d2d2;border-right:1px solid #d3d2d2;padding:8px 6px; margin:3px 0 0 0px;overflow:auto; display:block;line-height:1.2em;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; font-family: Verdana; font-weight: bold; font-size: 14px; color: #444;} .contact {font-size:12px; line-height:20px; color:#6b6b6b;} .contact dt {margin: 10px; font-size:14px; line-height:20px; color:#3376BC;} .contact dd span {float:left; width:66px; padding:0; margin:0;} div.validation_error {color: red; font-size: 12px; font-family: Comic Sans MS; text-align: center;} span.red{color: red !important; padding-left: 2px; font-size: 12px;} /* ----------------------- CAREERS ---------------------- */ div.job_openings{border: 1px solid #BEBEBE;border-radius: 8px 8px 8px 8px;box-shadow: 1px 1px 1px #DEDEDE; float: left; height: auto; margin-right: 30px; padding: 5px;width: 265px; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#ededed)); background: linear-gradient(#ffffff, #ededed); -pie-background: linear-gradient(#ffffff, #ededed); background: -moz-linear-gradient(#ffffff, #ededed) #ededed;} div.job_location{padding:3px; font-size: 14px; font-weight: bold; margin-top: 10px; text-transform:uppercase;} div.bptw{border: 1px solid #BEBEBE;border-radius: 8px 8px 8px 8px;box-shadow: 1px 1px 1px #DEDEDE; float: left; height: 170px; margin-right: 30px; padding: 5px;width: 200px; margin-top:30px; text-align: center; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#ededed)); background: linear-gradient(#ffffff, #ededed); -pie-background: linear-gradient(#ffffff, #ededed); background: -moz-linear-gradient(#ffffff, #ededed) #ededed; } div.opening{font-size: 13px; padding: 7px; font-family: Verdana;cursor: pointer} div.job_openings .current{color: #3D994E;} div.job_description{float:left; width: 600px;padding-left: 30px;} /**** questionnaire styling ********/ span.form_ques_no{font-size:18px; font-weight: bold;} #questionnaire_form{width: 800px; color: #333; margin: 10px auto 30px; padding: 0px 10px; background: none;} #questionnaire_form p {margin: 15px 0px} #questionnaire_form .row{clear:both; margin: 0px 0px;} #questionnaire_form .row label{width: 150px; float:left;} #questionnaire_form fieldset{border:1px solid #bebebe; padding: 5px 10px; -moz-border-radius: 10px; border-radius: 10px; color: #3376BC; background: #f9f9f9; box-shadow: 1px 1px 10px #bebebe; -moz-box-shadow: 1px 1px 10px #bebebe; -webkit-box-shadow: 1px 1px 10px #bebebe;} #questionnaire_form legend{font-size: 16px; padding: 5px; font-weight: bold;} #questionnaire_form .row input{width: 300px; margin-bottom: 10px;} #questionnaire_form th{font-weight:bold; width: 200px; font-size: 13px;} #questionnaire_form td, #questionnaire_form th{padding-bottom:10px;} #no_accounts_table input{width: 100px;} no_accounts_input{text-align: right;} #daily_trade_vol_table input{width: 150px;} #typeOfDerivativesP{margin-left: 40px; color: #3376BC} #typeOfDerivativesTA{width: 600px; margin-left: 120px; height: 60px;} .questionnaire_ta{width: 740px; height: 60px;} .manage_data_question{margin-left: 30px; color: #3376BC;} .manage_data_question textarea{display: inline; width: 600px; margin-bottom: 10px; margin-top: 4px;} #OperationalActivitiesTable th{text-align: center;} #OperationalActivitiesTable td{text-align: center;} #OperationalActivitiesTable input.vendor{width: 200px;} .questionnaire_td_header{text-align: left; color: #333;} /*---------------------- Login Styles ---------------------------------------*/ div.forgot-password-label { color: #A7AFDD; } div.validation_msg_login{width: 350px; clear:both; text-align:center;} #login_form_container ul a{font-size: 12px;} #login_form_container ul{padding-left: 25px !important;} .client_login{color: #3376BC; font:12px/18px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; text-align:left; width: 200px; float:left; top: 75px; right: 80px; position:absolute;} div.disclaimer { text-align: center; color: #999; font: 11px/13px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; width: 600px; margin: auto; max-width: 100%; } .success_pwd_retrieval{border: 1px solid #34BA70; color: #34BA70; background: #E8FCF1; font-size: 11px; margin: 15px auto; padding: 15px; padding-left: 50px; width: 560px; -moz-border-radius:10px; border-radius:10px; -webkit-border-radius:10px;} .error_pwd_retrieval{-moz-border-radius: 10px 10px 10px 10px; border: 1px solid #EA0950; background: #FFBABA; text-align: center; color: #EA0950;margin: 15px auto; padding: 10px 5px 12px 10px; width: 320px; border-radius:10px; -webkit-border-radius:10px; font-size: 13px;} .validation_msg_login{color: Red; font-size:13px; padding-bottom: 5px;} #login_form_container #submit1{width:120px; margin-right: 59px;} #login_form_container #resetPasswordVerifiedLoginForm{margin-left:200px;} /* --------------------- CLIENT PORTAL StYLES --------------------------------*/ #client_portal_header{text-align:center; color: #3376BC; margin-bottom: 15px; font: bold 16px/18px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;} #client_info_div{width: 205px; min-height:365px; height:auto !important; height:365px;float:left; -moz-border-radius: 12px; border-radius: 12px; -webkit-border-radius: 12px; border: 1px solid #CECECE; background: #F9F9F9; margin: 5px 10px 15px 0px; padding: 8px 13px 0px; font:11px/18px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;} #client_info_div .client_info_label{float:left; width: 130px; height: 20px; font-weight: bold;} .client_info_row{clear:both; margin-bottom: 2px;} .client_info_span{display: inline-block;float: left;margin-bottom: 2px; overflow: hidden; padding-left: 25px; width: 180px;} #client_info_header, #client_report_header{text-align:center; color: #3376BC; margin-bottom: 10px; font: bold 14px/18px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;} #client_report_div{min-height:455px; height:auto !important; height:450px; width: 900px; padding: 20px; } #login_form_container div.validation_msg_login{min-height:0px; height:auto !important; height:0px; line-height: 12px;} #reportTable{font:12px/18px "Lucida ucida Sans Unicode",Arial,Verdana,sans-serif !important; margin: 0px;} /*#reportTable th.filename{width: 210px !important;}*/ #reports_div select{font-size: 12px;} /* ----------------------- Sort arrow icon positioning ------------------------ */ table.display thead th div.DataTables_sort_wrapper { position: relative; padding-right: 20px; padding-right: 20px;} table.display thead th div.DataTables_sort_wrapper span { position: absolute; top: 50%; margin-top: -8px; right: 0;} #reportTable_filter input{padding: 5px;} /* ---------------------- Careers ------------------------------------------ */ .careers_ol{line-height: 15px; padding-left: 15px;} .careers_ol li{font-size: 15px;} .careers_ul{line-height: 15px; padding-left: 15px; list-style-type: disc; margin: 0 0 10px 35px; padding-bottom: 9px; font-size: 12px; color: #666666} .careers2_ul{list-style-type: disc; margin-left: 25px} /* ----------------------- Footer Box -------------------- */ .footerbox { float: left; margin-right: 20px; width: 210px;} .footerbox h4 { margin-bottom: 15px; color: #254961 } .footerbox a,footerbox li a {color: #336486} .footerbox a:hover { color: #336486; } .footerbox ul { margin: 0; padding: 0; } .footerbox ul li { margin: 8px 0; padding-bottom: 5px; color: #336486; font-size: 11px; border-bottom: 1px dotted #336486;}C:\Users\administrator\Documents\Visual Studio 2008\Projects\stpis.com\trunk\STP Investment Services\Content\css\jquery.multiselect.css .footerbox p { font-size: 11px; line-height: 18px; margin-bottom: 5px; color: #336486;} .box-last { float: right; margin-right: 0;} .SocialLinkImage {height:20px; width:20px;margin-right:-19px} /* ----------------------- Address List --------------------- */ ul.addresslist {margin: 0; padding: 0;} ul.addresslist li { line-height: 18px; margin: 4px 0; padding-bottom: 4px;} .footerbox ul.social-links { margin: 10px 0; padding: 0; display: block;} .footerbox ul.social-links li { border: none; margin:0 5px 0 0; padding: 0; float: left;} .footerbox ul.social-links li a { background: none; margin: 0; padding: 0; color: #336486 !important;} .bottom { padding: 5px !important; width: 890px; height: 31px; background: #254961 !important; margin: 20px 0; display: block; -moz-border-radius: 15px; border-radius: 15px; -webkit-border-radius: 15px; } .footermenu { float: left; width: 630px; margin-left : 10px;} .footermenu ul {} .footermenu ul li { display: inline; float: left; margin: 6px 6px 6px 10px;} .footermenu ul li a { color: #fefefe; font-size: 11px; padding-right: 10px; border-right: 1px dotted #fefefe;} .footermenu ul li a:hover { color: #fefefe; } /* ------------------------ Copyright ------------------------ */ .copyright { width: 220px; display: block; text-align: right; float: right; margin-right: 15px;} .copyright p { margin: 5px 0; color: #eaeaea;} .copyright p a { color: #ffffff;} /***************** Modal Popup ********************************/ .loadmask { z-index: 100; position: absolute; top:0; left:0; -moz-opacity: 0.5; opacity: .50; filter: alpha(opacity=50); background-color: #CCC; width: 100%; height: 100%; zoom: 1;} .loadmask-msg { z-index: 20001; position: absolute; top: 0; left: 0; border:1px solid #6593cf; background: #c3daf9; padding:2px;} .loadmask-msg div {padding:5px 10px 5px 25px; background: #fbfbfb /*url('/Content/images/loading.gif')*/ no-repeat 5px 5px; line-height: 16px; border:1px solid #a3bad9; color:#222; font:normal 11px tahoma, arial, helvetica, sans-serif;} .masked { overflow: hidden !important;} .masked-relative { position: relative !important;} .masked-hidden { visibility: hidden !important;} /*** messages *****************************/ .success_message{text-align:center;padding: 10px 5px; border: 1px solid #3CA843; color: #3CA843; background: #CBEDCE; margin: 20px auto; width: 80%; -moz-border-radius: 6px; border-radius: 6px; -webkit-border-radius: 6px; -moz-box-shadow: 0px 1px 8px #999; box-shadow: 0px 1px 8px #999; -webkit-box-shadow: 0px 1px 8px #999; clear: both; } .success_message img{position: relative; top: -5px; float: left; margin-right: 10px;} .success_message a{color: blue !important;} .success_message a:hover{color: blue !important; text-decoration: underline !important} .success_message a:visited{color: blue !important;} .error_message{text-align:center;padding: 10px 5px; border: 1px solid #FF3D3D; color: #FF3D3D; background: #F7CDCD; margin: 20px auto; width: 80%; -moz-border-radius: 6px; border-radius: 6px; -webkit-border-radius: 6px; -moz-box-shadow: 0px 1px 8px #999; box-shadow: 0px 1px 8px #999; -webkit-box-shadow: 0px 1px 8px #999; font-size: 12px; clear: both;} .error_message img{float: left; margin-right: 10px;} .error_message a{color: blue !important;} .error_message a:hover{color: blue !important; text-decoration: underline !important} .error_message a:visited{color: blue !important;} .warning_message{background: none repeat scroll 0 0 #F7FFA8; border: 1px solid #D1CE45; -moz-border-radius: 6px; border-radius: 6px; -webkit-border-radius: 6px; -moz-box-shadow: 0px 1px 8px #999; box-shadow: 0px 1px 8px #999; -webkit-box-shadow: 0px 1px 8px #999; color: #7C5610; margin: 20px auto; padding: 10px 5px; width: 80%;} .warning_message img{float: left; margin-right: 10px;} .warning_message a{color: blue !important;} .warning_message a:hover{color: blue !important; text-decoration: underline !important} .warning_message a:visited{color: blue !important;} .forgot_pw_success_message{text-align:center;padding: 10px 5px; border: 1px solid #3CA843; color: #3CA843; background: #CBEDCE; margin: 20px auto; width: 70%; -moz-border-radius: 6px; border-radius: 6px; -webkit-border-radius: 6px; -moz-box-shadow: 0px 1px 8px #999; box-shadow: 0px 1px 8px #999; -webkit-box-shadow: 0px 1px 8px #999; clear: both; } .forgot_pw_success_message img{position: relative; top: -5px; float: left; margin-right: 10px;} .forgot_pw_success_message a{color: blue !important;} .forgot_pw_success_message a:hover{color: blue !important; text-decoration: underline !important} .forgot_pw_success_message a:visited{color: blue !important;} /******************* jquery.autocomplete.js styles **************/ .autocomplete-w1 { background:url(images/shadow.png) no-repeat bottom right; position:absolute; top:2px; left:7px; margin:2px 0 0 -2px; /* IE6 fix: */ _background:none; _margin:0; } .autocomplete { border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; _height:expression(this.scrollHeight>349?"350px":"auto"); overflow:auto; overflow-x:hidden; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px; height: auto; _margin:0; _overflow-x:hidden; } .autocomplete .selected { background:#cecece; } .autocomplete div { padding:2px 5px; white-space:nowrap; background: #DEE7ED; font-size: 13px;} .autocomplete strong { font-weight:normal; color:#3399FF; } /******************* tiptip ***********************/ /* TipTip CSS - Version 1.2 */ #tiptip_holder {display: none; position: absolute; top: 0; left: 0; z-index: 99999;} #tiptip_holder.tip_top { padding-bottom: 5px;} #tiptip_holder.tip_bottom {padding-top: 5px;} #tiptip_holder.tip_right {padding-left: 5px;} #tiptip_holder.tip_left {padding-right: 5px;} #tiptip_content { font-size: 11px;color: #fff;text-shadow: 0 0 2px #000;padding: 4px 8px;border: 1px solid rgba(255,255,255,0.25);background-color: rgb(25,25,25);background-color: rgba(25,25,25,0.92); background-color: #4C4C4C;background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000)); border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px; box-shadow: 0 0 3px #555;-webkit-box-shadow: 0 0 3px #555;-moz-box-shadow: 0 0 3px #555;} #tiptip_arrow, #tiptip_arrow_inner {position: absolute;border-color: transparent;border-style: solid;border-width: 6px;height: 0; width: 0;} #tiptip_holder.tip_top #tiptip_arrow {border-top-color: #fff;border-top-color: rgba(255,255,255,0.35);} #tiptip_holder.tip_bottom #tiptip_arrow {border-bottom-color: #fff;border-bottom-color: rgba(255,255,255,0.35);} #tiptip_holder.tip_right #tiptip_arrow {border-right-color: #fff; border-right-color: rgba(255,255,255,0.35);} #tiptip_holder.tip_left #tiptip_arrow {border-left-color: #fff;border-left-color: rgba(255,255,255,0.35);} #tiptip_holder.tip_top #tiptip_arrow_inner {margin-top: -7px;margin-left: -6px;border-top-color: rgb(25,25,25);border-top-color: rgba(25,25,25,0.92);} #tiptip_holder.tip_bottom #tiptip_arrow_inner {margin-top: -5px;margin-left: -6px;border-bottom-color: rgb(25,25,25); border-bottom-color: rgba(25,25,25,0.92);} #tiptip_holder.tip_right #tiptip_arrow_inner {margin-top: -6px; margin-left: -5px; border-right-color: rgb(25,25,25); border-right-color: rgba(25,25,25,0.92);} #tiptip_holder.tip_left #tiptip_arrow_inner {margin-top: -6px;margin-left: -7px;border-left-color: rgb(25,25,25);border-left-color: rgba(25,25,25,0.92);} /* Webkit Hacks */ @media screen and (-webkit-min-device-pixel-ratio:0) { #tiptip_content { padding: 4px 8px 5px 8px; background-color: rgba(45,45,45,0.88);} #tiptip_holder.tip_bottom #tiptip_arrow_inner { border-bottom-color: rgba(45,45,45,0.88);} #tiptip_holder.tip_top #tiptip_arrow_inner { border-top-color: rgba(20,20,20,0.92); } } /************************************* Landing Page Styles (/Reporting) *********************************************/ div#LandingPageTemplate{color: #666666; font-family: Verdana;} div#LandingPageTemplate div#left{float: left; width: 160px; border: 1px solid #dedede; background: #F7F7F7; padding: 25px 25px; border-radius: 5px; font-size: 12px;} div#LandingPageTemplate div#left h3{font-size: 15px; text-align: center;} div#LandingPageTemplate div#left img{position: relative; right: 15px;} div#LandingPageTemplate div#left div.label{margin-bottom: 5px;} div#LandingPageTemplate div#left div.input{margin-bottom: 10px;} div#LandingPageTemplate div#left input{width: 160px; height: 20px; margin-bottom: 5px; padding: 0px; border-radius: 0px;} div#LandingPageTemplate div#left input.validation_error{border: 1px solid red;} div#LandingPageTemplate div#left textarea{width: 160px; height: 110px; margin-bottom: 5px; padding: 0px; border-radius: 0px;} div#LandingPageTemplate div#left span.red{color: Red;} div#LandingPageTemplate div#left div#submit{margin-top: 15px; text-align: center; width: 150px;} div#LandingPageTemplate div#right{float: left; margin-left: 20px; width: 665px;} div#LandingPageTemplate div#right h3{} div#LandingPageTemplate div#right p{} div#LandingPageTemplate div#right #leftContent{float:left; width: 295px;} div#LandingPageTemplate div#right p{} div#LandingPageTemplate div#right ul{list-style: disc; font-size: 12px; margin-bottom: 20px;} div#LandingPageTemplate div#right li{margin-left: 30px; padding: 3px 0px; line-height: 15px;} div#LandingPageTemplate div#right p.bold{font-weight: bold;} div#LandingPageTemplate div#right div#rightContent{float: right; margin-left: 20px;} div#LandingPageTemplate div#right div#rightContent img{width: 350px; height: 280px;} /***** *****/ div#reports_div img.ui-datepicker-trigger{width: 24px; height: 24px; position: relative; top: 5px; } input.ReportDateInput{border: 1px solid #aeaeae; font-size: 11px; height: 10px; width: 100px; border-radius: 0px; border: 1px solid #AEAEAE; padding: 5px; font-weight: normal} /************* New HOME PAGE STYLES ***************/ div.maincontent_subcontainer {font-family: Calibri !important} div.maincontent h3{ color: #ffa735; font-family: Roboto; font-size: 18px; font-weight: bold; line-height: 26px; margin-top: 25px; padding-left: 5px; text-align: center;} div.maincontent p{color: #666666; font-size: 13px; line-height: 21px; margin-bottom: 12px; font-family:Verdana; } div.maincontent .maincontent_description{font-family: Roboto !important; color: #444444; font-size: 16px; line-height: 26px; padding-left: 15px; text-align: justify; margin-top: 20px; } div.home-subcontainer {clear: both;} div.home-subcontainer div.header {font-family: Roboto; text-transform: uppercase; color: #FFA735; font-size: 20px; margin: 20px 3px; font-weight: bold;} div.ServiceOfferingSubContainer{border-radius: 12px; margin-top: 15px; padding: 10px; width:1000px;} div.ServiceOfferingDiv {background-image: url('/Content/images/home/ServiceDivGradient.png'); background-repeat: repeat-x; border: 1px solid #BEBEBE; border-radius: 12px; float: left; height: 270px; margin: 10px; padding: 5px; width: 420px; box-shadow: 2px 2px 3px #BEBEBE } div.ServiceOfferingDiv h4 {text-align: center; font-weight: bold; line-height: 20px} div.ServiceOfferingDiv ul {list-style: disc; margin-left: 25px; margin-top: 15px;} div.ServiceOfferingDiv ul li {color: #555; font-size: 18px; margin-bottom: 10px; margin-left: 20px; text-transform: uppercase; } div.ValuePropSubContainer {background: #EAEAEA; border: 1px solid #BEBEBE; border-radius: 16px; -moz-border-radius: 16px; padding: 6px; float: left; width: 205px; margin-right: 10px; margin-top: 15px; height: 380px; box-shadow: 2px 2px 3px #B8C8D3 } div.ValuePropSubContainer .header{font-size: 18px !important; text-transform: uppercase; color: #035289 !important; text-align: center !important; margin: 0px !important; height: 53px} div.ValuePropSubContainer div.value-prop-text {color: #666; font-size: 16px !important; margin: 10px 0 20px; text-align: center; text-transform: uppercase} div.BottomImageContainer {text-align: center; margin-top: 65px;} div.BottomImageContainer img {position: static; margin-right: 20px; } div#contact_container{} div.contact_subcontainer {padding-bottom: 10px; padding-top: 10px; border-bottom: 1px solid #DEDEDE;} div#contact_container h4{margin-top: 7px} div.home-reportingportal-subcontainer{height: 370px; font-family: Roboto;} div.home-reportingportal-subcontainer div.home-portal-left {float: left; width: 510px;} div.home-reportingportal-subcontainer div.home-portal-left .heading { color: #035289; font-size: 18px; font-weight: bold; margin-top: 10px;} div.home-reportingportal-subcontainer div.home-portal-left i {color: #045189; margin-right: 5px; position: relative; top: 2px;} div.home-reportingportal-subcontainer div.home-portal-right {float: left; width: 39%} div.home-reportingportal-subcontainer div.home-portal-right img{border-radius: 6px;box-shadow: 2px 2px 3px #999; height: 275px;margin-top: 20px; width: 400px;} div.home-reportingportal-subcontainer li{margin-bottom: 20px; margin-left: 15px; font-size: 14px;} div.home-reportingportal-subcontainer li:first-of-type {margin-top: 20px !important;} div.home-reportingportal-subcontainer-swap{height: 350px; font-family: Roboto;} div.home-reportingportal-subcontainer-swap div.home-portal-left {float: left; width: 560px;} div.home-reportingportal-subcontainer-swap div.home-portal-left img{border-radius: 6px; box-shadow: 2px 2px 3px #999; margin-top: 20px; } div.home-reportingportal-subcontainer-swap div.home-portal-right {float: left; width: 300px; padding-top: 10px;} div.home-reportingportal-subcontainer-swap div.home-portal-right .heading { color: #035289; font-size: 18px; font-weight: bold; margin-top: 10px;} div.home-reportingportal-subcontainer-swap div.home-portal-right i {color: #045189; margin-right: 5px; position: relative; top: 0px; font-size: 12px;} div.home-reportingportal-subcontainer-swap li{ font-size: 14px; margin-bottom: 12px; margin-left: 15px;} div.home-reportingportal-subcontainer-swap li:first-of-type {margin-top: 20px !important;} div.who-we-service-home-div { } div.who-we-service-home-div div.who-we-service-content-div {margin: 20px 0px;} div.who-we-service-home-div div.entry-div{background-color: #4b70a0; border-right: 1px solid #bebebe; box-shadow: 2px 2px 3px #999; color: #ffffff; float: left; font-family: Roboto; font-size: 32px; height: 70px; padding: 10px; width: 200px; } div.who-we-service-home-div .heading1{text-align: center;} div.asset-class-coverage-home-div{} div.asset-class-coverage-home-div {} div.asset-class-coverage-home-content-div { margin: 20px 0px 30px; text-align: center; } div.asset-class-coverage-home-content-div img { border-radius: 10px; box-shadow: 2px 2px 3px #999} table.Asset-Class-Table {border-radius: 10px; box-shadow: 2px 2px 6px #999; margin: 20px auto; width: 850px;} table.Asset-Class-Table tr{} table.Asset-Class-Table td{background: #DEDEDE; border: 1px solid #BEBEBE; height: 100px; width: 100px; vertical-align: middle; } table.Asset-Class-Table td.even{} table.Asset-Class-Table td.odd{} div.who-we-are-conatainer { height: 150px; margin: 30px auto 20px; width: 800px;} div.who-we-are-conatainer div.circle { background-color: #4b70a0; border: 1px solid #4b70a0; border-radius: 50%; box-shadow: 2px 2px 3px #999; float: left; height: 135px; width: 135px;} div.who-we-are-conatainer div.circle p{color: White; font-family: Roboto; font-size: 17px; margin-top: 40px; text-align: center;} div.who-we-are-conatainer .connector { float: left; height: 4px; margin-top: 70px; } div.who-we-are-conatainer .connector_blue { background-color: #4B70A0; width: 80px} div.who-we-are-conatainer .connector_gray { background-color: #999; width: 80px} div.who-we-are-conatainer .connector_half_blue { background-color: #4B70A0; width: 40px} div.who-we-are-conatainer .connector_half_gray { background-color: #999; width: 40px} a.read-more-a {border-radius: 6px; padding: 6px 10px; color:#3376BC; background: #F1F1F1; border: 1px solid #DEDEDE; position: absolute; bottom: 5px; left: 50px; } a.read-more-a:visited {border-radius: 6px; padding: 6px 10px; color:#3376BC; background: #F1F1F1; border: 1px solid #DEDEDE; position: absolute; bottom: 5px; left: 50px; } a.read-more-a:hover {border-radius: 6px; padding: 6px 10px; color:#3376BC; background: #F1F1F1; border: 1px solid #DEDEDE; position: absolute; bottom: 5px; left: 50px; } div.asset-class-coverage-home-content-div {font-family: Roboto; font-size: 20px; height: 270px;} div.asset-class-left{border-right: 2px dotted #bebebe; float: left; height: 160px; padding-top: 100px; width: 330px; color: #4B70A0} div.left-heading { font-weight: bold; } div.asset-class-right{float: left; width: 552px; margin-left: 20px;} div.asset-class-ispan-container{float:left; width: 48%; text-align: left; margin: 5px 0px 20px 10px;} div.asset-class-ispan-container i {float: left;} div.asset-class-ispan-container span {font-size: 17px; float: left; margin-left: 10px;} .large_heading{ color: #ffa735; font-size: 24px; font-weight: bold; margin-bottom: 20px; padding-left: 10px; padding-top: 10px; text-transform: uppercase } .dzenCustomFontH3{ color: #3376BC !important; font-size: 15px !important; font-weight: bold !important; text-transform: uppercase; line-height: 20px !important; margin-top: 15px !important; text-align: center !important; padding-left: 0px !important;} .vozx_list{ font-size: 13px; line-height: 21px; list-style: initial !important; padding-left: 10px; text-align: left; color: #3376bc !important; } .vozx_list li {color: #333;font-family:Calibri !important} .outsource_operations_list{float: right;font-size: 14px;width: 35%;border:1px solid #cecece;background-color:Black;color:White;line-height: 16px;padding:15px} .outsource_operations_list li{margin: 0 0 15px 0;} .outsource_operations_list li:before{content: "\002022";color: red; margin-right:5px;} .TEST{ padding: 4px 17px 30px; position: relative; } .TEST i{ float: left; font-size: 12px; padding-top: 4px;} .textOverride{color:White !important} .textOverrideBlue{color:#3376BC !important} .customSTPFlowChart p{margin-left:5px;font-family:Arial;font-size:15px !important} div.portal-features-container {margin-left: 10px; font-family: Roboto;} div.portal-features-container .heading1{ color: #035289; font-size: 18px;font-weight: bold; margin-top: 10px;} div.portal-features-container p{font-size: 14px; margin: 10px 0px 15px; font-family: Roboto;} div.portal-features-container ul{list-style: none; margin: 0px; padding: 0px;} div.portal-features-container li{ color: #888; float: left;font-size: 13px; height: 120px; margin-left: 20px; width: 210px; line-height: 20px; } div.portal-features-container li h5{font-weight: bold; font-size: 14px; color: #666} div.portal-features-container li i{font-size: 19px; position: relative; top: 3px; color: #3376bc;} div#portal-images-container {border-radius: 8px !important; box-shadow: 3px 3px 4px #bebebe; clear: both; height: 440px !important; margin: 25px auto; width: 920px !important;} div#portal-images-container img{width: 940px; height: 440px;} div.data-mgmt-container {} ul.data-mgmt-ul {width: 440px; margin-left: 10px; font-family: Roboto; float: left; margin-top: 15px;} .list-checkmark li { background: rgba(0, 0, 0, 0) url("/Content/images/check-mark-2-xxl.png") no-repeat scroll 0 -2px; font-size: 13px; color: #555555; float: left; list-style-type: none; margin-bottom: 15px; padding-left: 20px; width: 190px; margin-left: 10px; } div.tech-experience-container {margin-left: 10px; font-family: Roboto; height:320px;} div.tech-experience-container .heading1{ color: #035289; font-size: 18px;font-weight: bold; margin-top: 10px;} div.tech-experience-container p{font-size: 14px; margin: 10px 0px 15px; font-family: Roboto;} div.tech-experience-container ul{list-style: none; margin: 0px; padding: 0px;} div.tech-experience-container li{ color: #888; float: left;font-size: 14px; margin-left: 5px; width: 290px; line-height: 20px; } div.tech-experience-container li h5{font-weight: bold; font-size: 15px; color: #666; margin-left:20px; margin-top: 10px; margin-bottom:2px;} div.tech-experience-container li i{font-size: 20px; position: relative; top: 3px; color: #3376bc;} div.tech-experience-container li p{ color: #666666; float: left;font-size: 14px; margin-left: 20px; width: 300px; line-height: 20px; } div.tech-experience-container .vozx_list{ font-size: 13px; line-height: 21px; list-style: initial !important; padding-left: 10px; text-align: left; color: #3376bc !important;} div.tech-experience-container li .vozx_list li {color: #888; margin-left: 20px; List-style: outside none none;} div.tech-experience-container li .icon-angle-double-right::before {margin-left:-10px; padding-right:5px;} /* Title: ECOBIZ CSS File Author: imediapixel@gmail.com */ /* ----------------------- SUMMARY ----------------------- - GENERAL LAYOUT - BODY - HEADINGS - PARAGRAPH,BLOCKQUOTE,CODE, - ORDER LIST - ARROW LIST - CHECK LIST - BULLET LIST - DROPCAPS, PULLQUOTE - CLEAR FLOAT ELEMENTS - IMAGE ALIGNMENT & STYLING; - CUSTOM MESSAGE STYLING - BUTTON - WRAPPER - TOP WRAPPER - MAIN WRAPPER - BOTTOM WRAPPER - CENTER - HEADER - HEADER WRAPPER - LOGO - SEARCH BOX - SLIDESHOW - FEATURES BOX - HOMEPAGE CONTENT - PAGE HEADING - PRODUCTS PAGE / TABLE PRICING - PORTFOLIO PAGE - PORTFOLIO 1 COLUMN - PORTFOLIO 2 COLUMNS - PORTFOLIO 3 COLUMNS - PORTFOLIO 4 COLUMNS - PORTFOLIO 3 COLUMNS FILTERABLE - PORTFOLIO FILTER - BLOG PAGE - BLOG LIST ITEMS - POST META BOX - AUTHOR BOX - COMMENTS LIST - COMMENT FORM - CONTACT PAGE - CONTACT FORM - CONTACT ADDRESS - FAQ PAGE - SIDEBAR - NEWS LIST - ITEM LIST - TWITTER WIDGET - FOOTER - FOOTER BOX - ADDRESS LIST - COPYRIGHT */ /* Import CSS Reset File */ @import url("reset.css"); /* Import Drop down Menu Styling File */ @import url("jqueryslidemenu.css"); /* ----------------------- GENERAL LAYOUT -----------------------*/ body { font-family: manrope, verdana, tahoma, helvetica, arial; } /* === Custom Background Image :: uncomment this code block if you want to use background image === */ /* body { background-image: url(/Content/images/template/bg1.jpg); background-position: top center; background-attachment: fixed; background-repeat: no-repeat; } */ /* Heading */ h1, h2, h3, h4, h5, h6{font-weight:normal;color:#2A6082;font-family: Arial, Helvetica, sans-serif;} h1{font-size:36px; line-height:36px; margin-bottom:14px;} h2{font-size:30px; line-height:30px; margin-bottom:14px;} h3{font-size:24px; margin-bottom:12px;} h4{font-size:18px; line-height:16px; margin-bottom:12px;} h5{font-size:14px; margin-bottom: 12px; padding:0px;} h6{font-size:12px; margin-bottom: 12px; padding:0px;letter-spacing: 1px;} /* links */ a,a:link,a:visited { color:#557387; text-decoration:none;} a:hover{ color:#254961;} a img, img { border:none} /* paragraphs,blockquote,code */ p { margin-bottom:12px; color:#666666; font-size: 12px;line-height: 21px;} blockquote { margin: 0 0 10px 0; color: #8a8a8a; background: url(/Content/images/template/quote.png) top left no-repeat; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; line-height: 1.4em; font-size: 14px;} blockquote p { line-height: 1.4em; font-size: 14px;} code { background: #fafafa; padding: 5px 10px; display: block; font-size: 12px; color: #858585; margin-bottom: 10px; border: 1px dotted #eaeaea; clear: both; } pre{ clear: both; font: 11px Consolas, "Andale Mono", Courier, "Courier New", monospace; background: url(/Content/images/template/pre_bg.gif) repeat; border: 1px solid #d3d3d3; padding: 18px 20px 15px 20px; line-height: 19px; overflow:auto; overflow-Y: hidden; color: #555; margin: 0 0 20px 0;} ol { margin: 20px 0 20px 25px; list-style-type: decimal;} ol li { font-size: 12px; margin: 5px 0; padding-bottom: 5px; color: #666666;} /* Arrow List */ .arrowlist { margin-bottom: 20px; margin-left: 5px;} .arrowlist li { font-size: 12px; margin: 8px 0; padding-bottom: 8px; padding-left: 20px; background: url(/Content/images/template/arrow.png) .3em 0 no-repeat; color: #666666; border-bottom: 1px solid #dfdfdf;} /* Check List */ .checklist { margin-bottom: 20px; margin-left: 5px;} .checklist li { font-size: 12px; margin: 10px 0; padding-bottom: 10px; padding-left: 25px; background: url(/Content/images/template/tick.png) 0 0 no-repeat; color: #666666; border-bottom: 1px solid #dfdfdf;} /* Check List */ .bulletlist { margin-bottom: 20px; margin-left: 5px;} .bulletlist li { font-size: 12px; margin: 8px 0; padding-bottom: 8px; padding-left: 20px; background: url(/Content/images/template/bullet.png) 0 .1em no-repeat; color: #757575; border-bottom: 1px solid #dfdfdf;} /* Item List */ .itemlist { margin-bottom: 20px; margin-left: 5px;} .itemlist li { font-size: 12px; margin: 8px 0; padding-bottom: 8px; padding-left: 20px; background: url(/Content/images/template/item.png) 0 .1em no-repeat; color: #757575; border-bottom: 1px solid #dfdfdf;} /* Dropcap */ .dropcap{background:transparent url(/Content/images/template/big-bullet.png) no-repeat scroll -1px -1px;color:#ffffff;float:left; font-size:24px; height:41px; line-height:30px; margin-bottom:-10px; margin-right:10px; padding-top:5px; text-align:center; width:41px;} /* Pullquotes */ .pullquote_right,.pullquote_left{color:#9F9F9F;float:right; font-size: 14px;letter-spacing:0px;margin-bottom:0;margin-top:10px;margin-left:20px; padding:0 10px;width:33%; font-style: italic; background: url(/Content/images/template/quote.png) top left no-repeat; font-family: Georgia, "Times New Roman", Times, serif;} .pullquote_left{ border-left: none;float:left;margin-left:0px;margin-right:10px; } /*** logo */ .logo{ margin: auto; width: 100px; } #logo-text { display: block; font-size: 36px; padding-top: 1rem; color: #1A237E; font-family: manrope, "source sans pro"; } /* Clear Floated Elements */ /* http://sonspring.com/journal/clearing-floats */ .clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0; height: 0;} /* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */ .clearfix:after {clear: both;content: ' ';display: block;font-size: 0; line-height: 0;visibility: hidden;width: 0;height: 0;} .clearfix {display: inline-block;} * html .clearfix {height: 1%;} .clearfix { display: block;} /* Images Alignment & Styling */ .alignleft { float: left; margin: 5px 10px 0 0; padding-left: 10px;} .alignright { float: right; margin: 5px 0 5px 10px;} .aligncenter { margin-left:auto; margin-right:auto; margin-bottom: 15px; display: block; } .imgbox { padding: 4px; background: #ffffff; border: 1px solid #ededed;} .imgbox2 { padding: 3px; background: #ffffff; border: 1px solid #ededed;} .divider { background: url(/Content/images/template/divider.jpg) bottom repeat-x; padding: 5px 0; margin-bottom: 10px; display: block;} /* Custom Message Styling */ .info { margin: 15px 0; font-size: 14px; color: #246EA7; padding: 15px 12px 15px 47px; background: #DFECF7 url(/Content/images/template/info.png) .5em .4em no-repeat; border: 1px solid #A7CEEC; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-box-shadow:0 0 6px #aaaaaa; -webkit-box-shadow:0 0 6px #aaaaaa; } .error { margin: 15px 0; font-size: 14px; color: #C92036; padding: 15px 12px 15px 47px; background: #FAE1E1 url(/Content/images/template/error.png) .5em .4em no-repeat; border: 1px solid #EDA8A8; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-box-shadow:0 0 6px #aaaaaa; box-shadow:0 0 6px #aaaaaa; -webkit-box-shadow:0 0 6px #aaaaaa; } .warning { margin: 15px 0; font-size: 14px; color: #E08820; padding: 15px 12px 15px 47px; background: #FDF4D7 url(/Content/images/template/warning.png) .5em .4em no-repeat; border: 1px solid #E8C779; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-box-shadow:0 0 6px #aaaaaa; box-shadow:0 0 6px #aaaaaa; -webkit-box-shadow:0 0 6px #aaaaaa; } .success, .success-message{ text-align:center; margin: 15px 0; font-size: 14px; color: #84AF22; padding: 15px 12px 15px 47px; background: #E6F2D2 url(/Content/images/template/ok.png) .5em .4em no-repeat; border: 1px solid #96C24A; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-box-shadow:0 0 6px #aaaaaa; box-shadow:0 0 6px #aaaaaa; -webkit-box-shadow:0 0 6px #aaaaaa; } /* Highlight Styles */ .highlight-yellow {padding:1px 4px;background-color:yellow;color:#111;} .highlight-dark{padding:1px 4px;background-color:#6a6a6a;color:#fff;} .highlight-red{padding:1px 4px;background-color:#DE2D2D;color:#fff;} .highlight-green{padding:1px 4px;background-color:#A3CC29;color:#111;} /* ------------------------ Button ------------------------ */ .button {float: left; margin: 10px 10px 10px 0; cursor: pointer; color: #777777; font-size: 10px; line-height: 24px; text-transform: uppercase; height: 26px; background: url('/Content/images/template/button-right.png') no-repeat 0 -26px; display: inline-block; padding: 0px;} .button span { text-align: center; margin-right: 0px; padding: 0px 5px; background: url(/Content/images/template/button-left.png) no-repeat; display: inline-block; height: 26px; float: left; font-size: 9px;} .button:hover { background-position: 100% -26px;} .button:hover span { background-position: 0 -26px;} a.button{ color: #666666; background-position: 100% -26px;} a.button:hover { color: #333333;} img.readmore { position: relative; top: 5px; left: 8px; overflow: hidden;} /* ----------------------- LoginMenu --------------------- */ #login_menu{text-align: right; width: 976px; margin: 20px auto 2px; } #login_menu li{display: inline; } #login_menu li a{font-size: 12px; color:#023C66; padding: 0px 10px; font-family: Verdana} #login_menu .cufon{color: #fff !important; font-size: 14px;} /* ----------------------- WRAPPER -----------------------*/ #wrapper { width: 100%; margin: auto; margin-top: 4rem; margin-bottom: 2rem; min-height: calc(100vh - 4rem - 2rem - 40px); } #topwrapper { height: 19px; width: 976px; background: url(/Content/images/template/topwrapper.png) no-repeat;} #mainwrapper { width: 976px; background: url(/Content/images/template/mainwrapper.png) repeat-y;} #bottomwrapper { margin: 0 auto; height: 55px; width: 976px; background: url(/Content/images/template/bottomwrapper.png) no-repeat;} .center { margin : 0 auto; width: 940px;} /* ----------------------- HEADER -----------------------*/ #header {width: 960px; height: 65px; /*background: url(/Content/images/template/bgheader.jpg) bottom center no-repeat;*/ margin: 0 auto 50px;} #headerright { padding-top: 20px; display:inline; float: right;} .searchbox { width: 192px; height: 37px; float: right;} .searchinput { border: none; height: 17px; width: 135px; background: url(/Content/images/template/searchinput.png) left center no-repeat; float: left; padding: 10px; color: #cacaca;} .searchsubmit { height: 37px; width: 36px; background: url(/Content/images/template/searchsubmit.png) left center no-repeat; float: left; border: none; cursor: pointer;} /* ----------------------- SLIDESHOW -----------------------*/ #slide-wrapper { padding: 0; margin: 0 auto; width: 960px; height: 344px; border-top: 1px solid #ededed; border-bottom: 2px solid #497898;} .static-block { float: left; width: 620px; height: 345px;} .static-text { padding: 20px; float: left; width: 300px; height: 305px; background: #2B2B2B url(/Content/images/template/pattern/grunge.png) repeat;} .static-text h3 { color: #ffffff; } .static-text p { color: #ffffff; } /* ----------------------- FEATURES BOX -----------------------*/ #featuresbox, #quotebox {height: 80px; width: 960px; margin-left: auto; margin-right: auto; background-color: #444444; /*background-image: url(/Content/images/template/dark.jpg);*/ background-image: url(/Content/images/home_middle_gradient.png); background-position: bottom center; background-repeat: repeat-x; border-bottom: 2px solid #497898; } #featuresbox ul {margin:0 2px} #featuresbox ul li {float: left; width: 210px; background: url(/Content/images/template/divider-dark.png) center left no-repeat; height: 75px; padding: 0 0 0 13px} #featuresbox ul li p {line-height: 16px; font-size: 11px;color: #ffffff; } #featuresbox ul li img {margin: 0; padding: 0; float: left; position: relative; top: 21px; left: 5px;} #featuresbox ul li h5 {color: #FFFFFF;float: left;font-size: 15px;height: 40px;margin-left: 18px;position: relative;top: 21px;width: 160px;} #featuresbox ul li h5 a { color: #ffffff; font-size: 15px; } #featuresbox ul li.first { border:0px; width: 210px; background: none; margin-left: 20px} #featuresbox ul li.first h5 { border:0px; width: 160px; background: none;} #featuresbox ul li.last {margin-right: 0;padding-right: 0; width: 210px;} #featuresbox ul li.last h5{width: 150px; top: 25px;} /* ---------------------- Quotebox ----------------------------- */ #quotebox {width: 920px; padding: 10px 20px; height: 71px;} #quotebox h4 {color: #ffffff; margin-bottom: 10px;} #quotebox p { color: #ffffff; line-height: 18px;} .quotetext { width: 700px; float: left; margin-right: 10px; } .quotebuttonblock {float: left; width: 200px; margin-top: 5px; margin-left: 10px;} .quotebutton { float: left; margin: 10px 10px 10px 0; cursor: pointer; color: #777777; font-size: 10px; line-height: 42px; text-transform: uppercase; font-weight: bold; height: 42px; background: url(/Content/images/template/greenbutton-right.png) no-repeat 100% 0; display: inline-block;} .quotebutton span {text-align: center; margin-right: 22px; padding: 0 21px 0 42px; background: url(/Content/images/template/greenbutton-left.png) no-repeat; display: inline-block; height: 42px; float: left; font-size: 12px;} .quotebutton:hover { background-position: 100% -42px;} .quotebutton:hover span { background-position: 0 -42px;} a.quotebutton{ color: #ffffff;} a.quotebutton:hover { color: #ffffff;} /* ----------------------- PAGE HEADING -----------------------*/ #page-heading {position: relative; margin: 0 auto; width: 960px; height: 182px; border-top: 1px solid #bebebe; border-bottom: 1px solid #bebebe; background: #ffffff; overflow: hidden;} #page-heading img { /*position: absolute;*/} .heading-text { padding: 15px 20px; width: 260px; position: relative; left: 0; top: 30px; background-color: transparent; background-image: url(/Content/images/template/transparent.png); background-repeat: repeat; -webkit-border-top-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; } .heading-text-right { padding: 15px 20px; width: 260px; position: absolute; right: 0; top: 30px; border: 1px solid #bebebe; border-right: 0px; background: url(/Content/images/template/transparent.png) repeat; float: right; -webkit-border-top-left-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; } .heading-text h3, .heading-text-right h3 { color: #ffffff !important; margin-bottom: 10px;} .heading-text-right h3 { text-align: right; } .heading-text p, .heading-text-right p{ color: #dadada; margin-bottom: 0; line-height: 16px;} .heading-text-right p{ text-align: right; } .breadcrumbs { border-bottom: 1px solid #dadada; margin: 10px 0 0 0; text-align: right; font-size: 12px; color: #666666; display: block; padding-right: 10px; padding-bottom: 10px;} /* ----------------------- HOMEPAGE CONTENT -----------------------*/ .maincontent {padding-top: 15px; font-family: Calibri} .maincontent-right { padding: 20px 0 0 0; width: 630px; float: right;} .maincontent-full { padding: 25px 0; width: 100%;} .mainbox { float: left; width: 300px; margin-right: 20px; margin-bottom: 5px; margin-top: 15px; padding-left: 10px;} .mainbox img { } .mainbox h4, mainbox2 h4 { color: #333333; margin-bottom: 10px;} .mainbox h4 a,.mainbox2 h4 a { color: #333333;} .mainbox p, .mainbox2 p { margin-bottom: 5px; margin-left: 20px; width: 510px; float:left;} .mainbox2 { float: left; width: 198px; margin-right: 18px; margin-bottom: 5px;} .mainbox2 img { } .box-last { float: right; margin-right: 0;} .boximg { margin-top: 5px; background: url(/Content/images/template/bgboximg.png) center no-repeat; width: 97px; height: 99px; float: right; margin-left: 10px; margin-bottom: 5px;} .boximg2 { margin-top: 5px; background: url(/Content/images/template/bgboximg2.png) center no-repeat; width: 193px; height: 95px; margin-bottom: 5px;} .boximg-pad { padding: 6px;} .boximg-pad2 { padding: 8px 7px;} .spacer { clear: both; display: block; padding-bottom: 10px;} /* ----------------------- PRODUCT PAGE / TABLE PRICING -----------------------*/ .productbox { width: 278px; float: left; margin-right: 32px;} .productbox-last { width: 278px; margin-right: 0; float: right;} .topproduct { width: 278px; height: 11px; background: url(/Content/images/template/bg-topproducts.png) top center no-repeat;} .bottomproduct { width: 278px; height: 12px; background: url(/Content/images/template/bg-bottomproducts.png) bottom center no-repeat;} .headingproduct{ background: #74CBDD; width:238px; padding: 10px 20px;} .title h4 { padding-bottom: 10px; background: url(/Content/images/template/products-divider.png) bottom repeat-x; color: #ffffff;} .price { display: block; text-align: center; margin-bottom: 10px;} .price span { color: #ffffff;} span.currency { font-size: 24px; display: inline; vertical-align: top;} span.price { font-size: 56px; display: inline;} span.month { font-size: 18px; display: inline;} .description { margin-top: 10px; padding-top: 15px; background: url(/Content/images/template/products-divider.png) top repeat-x;} .description p { font-size: 11px; color: #ffffff; line-height: 15px; } .contentproduct { background: #EAEAEA; width:238px; padding: 10px 20px;} ul.productfeatures {} ul.productfeatures li { color: #858585; margin: 0 0 5px 0; padding-bottom: 15px; background: url(/Content/images/template/divider.png) bottom repeat-x; font-size: 12px;} .product-icon { position: relative; top: 7px; left: 0; margin-right: 10px;} .buttoncenter { margin-left: 45px;} /* ----------------------- PORTFOLIO -----------------------*/ /* Portfolio 1 Column */ ul.portfolio-1col {} ul.portfolio-1col li { margin: 10px 0 15px 0; float: left;} /* Portfolio 2 Columns */ ul.portfolio-2col li { width: 440px; margin: 10px 20px 10px 0; float: left;} ul.portfolio-2col li.last { width: 440px; margin-right: 0; float: right; } /* Portfolio 3 Columns */ ul.portfolio-3col li { width: 285px; margin: 10px 20px 10px 0; float: left;} ul.portfolio-3col li.last { width: 285px; margin-right: 0; float: right;} /* Portfolio 4 Columns */ ul.portfolio-4col li { width: 209px; margin: 10px 20px 10px 0; float: left;} ul.portfolio-4col li.last { width: 209px; margin-right: 0; float: right;} /* Portfolio 4 Columns Filterable */ ul.portfolio-4col-filterable li { width: 204px; margin: 10px 21px 10px 0; float: left;} ul.portfolio-1col li p,ul.portfolio-2col li p,ul.portfolio-3col li p,ul.portfolio-4col li p,ul.portfolio-4col-filterable li p { margin-bottom: 5px; } /* Portfolio Imabe Block */ .portfolio-blockimg { float: left; width: 440px; margin-right: 10px;} .portfolio-blockimg-last { float: right; width: 440px; margin-right: 0;} .portfolio-imgbox1 { width: 440px; height: 207px; background: url(/Content/images/template/bg-portfolio1.png) center no-repeat; margin-bottom: 5px;} .portfolio-imgbox2 { width: 285px; height: 145px; background: url(/Content/images/template/bg-portfolio2.png) center no-repeat; margin-bottom: 5px;} .portfolio-imgbox3 { width: 209px; height: 105px; background: url(/Content/images/template/bg-portfolio3.png) center no-repeat; margin-bottom: 5px;} .portfolio-content1 { width: 440px; float: right; margin-left: 10px;} .zoom { background: url(/Content/images/template/zoom.png) 50% 50% no-repeat;} .play { background: url(/Content/images/template/play.png) 50% 50% no-repeat; } /* Random Portfolio */ .random-portfolio { padding-top: 10px; border-top: 1px solid #eaeaea; margin: 30px 0; } /* Portfolio Category Filter */ #filter {display: block;text-transform: uppercase;text-decoration: none;font: normal 11px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; margin: 10px 0; border-bottom: 1px solid #D3D3D3;} #filter ul { margin: 10px 10px 25px 10px; padding: 0;} ul#filter { margin: 10px 0 25px 0; padding: 0 0 20px 0; } #filter li { display: inline; color: #a1a2a2; font-weight: bold; margin-right: 5px;} #filter li a { margin-right: 2px; padding: 5px 8px; border: 1px solid #dadada; color: #a1a2a2; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #filter li a:hover,#filter li a.current, #filter li.current a,#filter li.current-cat a { background-color: #e0e0e0; color: #8a8a8a; border: 1px solid #dadada; text-decoration: none;} /* ----------------------- BLOG PAGE -----------------------*/ .postbox h3 { margin-bottom: 10px; } /* Blog List */ ul#listlatestnews {} ul#listlatestnews li { margin-bottom: 20px;} .boximg-blog { margin-top: 5px; background: url(/Content/images/template/bgboximg.png) center no-repeat; width: 97px; height: 99px; float: left; margin-right: 10px;} .postbox { width:510px; float:left; margin-left:10px; } .postbox p { margin-bottom: 5px;} /* Blog Metapost */ .metapost { border-top: 1px dotted #eee; border-bottom: 1px dotted #eee; margin: 10px 0; font-size: 11px; padding: 8px 5px; color: #707070; background: #fafafa;} .metapost span { margin: 0 10px;} .metapost span.first { margin-left: 0; } /* Author Box */ #authorbox { background: #fafafa; border: 1px dotted #eee; padding: 10px 20px; margin-top: 20px; margin-bottom: 20px;} #authorbox h4{ vertical-align: top; margin-bottom: 5px;} #authorbox .blockavatar { width: 80px; float: left; margin-top: 8px; margin-right: 10px;} #authorbox img { margin-top: 0; margin-bottom: 0; border: none;} #authorbox .detail { float: left; width: 480px; } #authorbox .detail p { margin-bottom: 0;} /* Comment List */ #listcomment { padding: 0; margin: 0 0 20px 0;} #listcomment li { display: block; padding: 11px 0; margin: 0; background: none; border-bottom: 1px solid #eee;} .titlecomment { width: 673px;} .titlecomment img { float: left; padding: 3px; border: 1px solid #d9d9d9; margin: 0 10px 0 0;} .titlecomment h4 { color: #333; padding: 7px 0 0 0; margin: 0;} .datecomment { font-size: 11px; color: #858585;} #listcomment li p { font-size: 12px; padding: 10px 0 0 0; margin-bottom: 0;} /* Comment Form */ #commentform label { font-size: 12px; display: block; text-align: left; color: #666666; margin-bottom: 10px;} .leftcomment { width: 285px; float: left;} .comment-input { color: #666666; padding: 7px; display: block; text-align: left; height: 19px; width: 250px; border: 1px solid #eaeaea; margin-bottom: 12px;}.comment-textarea { color: #666666; padding: 7px; display: block; text-align: left; height: 160px; width: 307px; border: 1px solid #eaeaea; margin-bottom: 10px;} .comment-submit { display: block; float: right; margin-right: 22px; background: url(/Content/images/template/comment-submit.png) no-repeat; color: #d4d4d4; border: none; width: 106px; height: 32px; padding: 3px 5px; text-align: center; cursor: pointer; text-transform: uppercase;} .comment-heading { border-bottom: 1px solid #eaeaea; padding-bottom: 10px; } /* Pagination */ .pagination { clear:both; left: 35%; padding:20px 0; position:relative; font-size:12px; line-height:13px; font-weight: bold;} .pagination span, .pagination a { display:block; float:left; margin: 2px 10px 2px 0; padding:8px 10px; text-decoration:none; width:auto; color:#666666; background: url(/Content/images/template/paging.jpg) repeat-x; -webkit-box-shadow:0 0 4px #aaaaaa; -moz-box-shadow: 0 0 4px #aaaaaa; box-shadow:0 0 4px #aaaaaa; -moz-border-radius:4px; -webkit-border-radius:4px; border-bottom-radius:4px; } .pagination a:hover{ color:#fff; background: #333333;} .pagination .current{ padding:8px 10px; background: #333333; color:#fff;} /* Testimonials */ #testilist { margin: 10px 0;} #testilist li { margin-bottom: 20px; border-bottom: 1px dotted #eaeaea;} /* ----------------------- CONTACT PAGE -----------------------*/ /* Contact Form */ #conctactleft { border-right: 1px dotted #eaeaea; width: 420px; float: left; padding-right: 25px;} #maincontactform { margin: 20px 0;} #maincontactform label { font-size: 12px; color: #5a5a5a; display: block; font-weight: bold; margin-bottom: 10px; clear: both;} .textfield { margin-bottom: 10px; padding: 5px; color: #666666; width: 400px; height: 22px; border: 1px solid #eaeaea; clear: both; float: left;} .textarea { padding: 5px; color: #666666; width: 400px; height: 150px; border: 1px solid #eaeaea; clear: both; float: left;} .require { display: inline; float: left; color: #f00; font-weight: bold; margin-left: 2px; font-size: 10px;} .loading { margin-top: 15px; background: url(/Content/images/template/loading.gif) top left no-repeat; padding-left: 32px; font-size: 12px; color: #8f8f8f; margin-left: 10px; float: left; padding-bottom: 15px;} /* Contact Address */ #contactright { width: 430px; float: left; margin-left: 20px;} .contactinfo { margin-top: 20px;} .contactinfo li { clear: both; margin: 10px 0; padding-bottom: 10px; border-bottom: 1px solid #eaeaea; color: #666666; font-size: 12px; line-height: 18px;} #map { width: 424px; height: 246px;} .gmap_marker { font-size: 12px; line-height: 18px;} /* ----------------------- TopTen Reason ----------------------- */ #TenReasonsContainer{border:1px solid #CECECE; clear:both; font-family:Arial; margin: 40px auto 20px; padding:30px 0px 5px 20px; width:620px; /*background: #222 url('/Resources/home/TopTenGradient.png') repeat-x;*/ text-align:left; -moz-border-radius: 10px; border-radius: 10px; webkit-border-radius: 10px; background: linear-gradient(#f9f9f9, #fefefe); -pie-background: linear-gradient(#f9f9f9, #fefefe); background: -moz-linear-gradient(#f9f9f9, #fefefe) #F9F9F9; box-shadow: 1px 5px 9px #999; -webkit-box-shadow: box-shadow: 1px 5px 9px #999; -moz-box-shadow: 1px 5px 9px #999; } #topten_bottomrow{clear:both} #TenReasonsHeader{font-size: 32px; color: #3376BC; padding-bottom: 20px;} .ReasonContainer{float:left; width: 110px; padding: 3px 5px;} .ReasonNoOdd, .ReasonNoEven{font-size: 48px; border-bottom: 1px solid #999; -moz-border-radius: 0px; border-radius: 0px;} .ReasonNoOdd{color: #3376BC;} .ReasonNoEven{color: #B3D1EF;} .ReasonDesc{padding: 1px 2px 1px 7px; font-family: Sans-Serif; color: #333333; font-size: 10px;} /* ----------------------- FAQ PAGE -----------------------*/ .toggle_wrapper { margin-bottom: 30px; } .toggle { margin-bottom: 5px;} .toggle_title { margin:0; line-height:18px; background: url(/Content/images/template/help.png) right no-repeat; cursor:pointer; border-bottom:1px solid #e4e4e4; padding:1px 0px 9px 0px; clear:both; color: #333333;} .toggle_active { background: url(/Content/images/template/yes.png) right no-repeat;} .toggle_content { display:none; border: 1px dotted #eaeaea; background-color:#eeeeee; margin:-5px 0px 10px 0px; padding:11px 13px 1px 13px; } /* ----------------------- SIDEBAR -----------------------*/ #sidebar,.sidebar { width: 241px; float: right; margin: 30px 0 0 20px;} #sidebar-left,.sidebar-left { width: 241px; float: left; margin: 30px 20px 0 0;} .sidebar,.sidebar-left { margin: 0 0 25px 0;} .sidebar p { margin-bottom: 5px;} .sidebartop { width: 241px; height: 11px; background: url(/Content/images/template/sidebartop.png) top no-repeat;} .sidebarmain { width: 241px; background: url(/Content/images/template/sidebarmain.png) center center repeat-y;} .sidebarbottom { width: 241px; height: 13px; background: url(/Content/images/template/sidebarbottom.png) bottom no-repeat;} .sidebarcontent { } .sidebarcontent h4 { margin-bottom: 5px; text-align: center;} .sidebarheading { padding-bottom: 20px; background: url(/Content/images/template/bgheading.png) bottom center no-repeat;} .nospace { margin-bottom: 0; } /* Latest News Box */ ul.latestnews { margin: 0 10px 10px; padding: 0;} ul.latestnews li { margin-bottom: 5px; border-bottom: 1px dashed #bebebe; font-size: 10px;} ul.latestnews li a { line-height: 16px;} ul.latestnews li p.posteddate { color: #8a8a8a; margin-bottom: 3px; text-align: right; font-size: 10px;} .button-more { background: url(/Content/images/template/arrow_grey.png) left center no-repeat; padding-left: 22px; font-size: 11px;} img.arrow-icon { position: relative; top: 5px; right: 0; left: 10px;} /* Unorderlist Box */ ul.sidelist{} ul.sidelist li { margin: 10px 0; padding-bottom: 10px; border-bottom: 1px solid #eaeaea; background: url(/Content/images/template/arrow.png) 100% 0 no-repeat;} ul.sidelist li a { padding-right: 26px; font-size: 12px; display: block;} p.testiname { text-align: right; display: block; font-weight: bold; margin-bottom: 0;} /* Twitter Widget */ .twitter_icon { position: relative; top: 8px; left: 0; margin-right: 5px;} p#preloader { margin: 0; padding: 1em 1em 1em 3em; background: transparent url(/Content/images/template/loading.gif) 1em center no-repeat;} ul#twitter_update_list { margin: 0; padding: 0; list-style-type: none;} ul#twitter_update_list li { margin: 5px 0; padding-bottom: 5px; border-bottom: 1px solid #eaeaea; font-size: 12px; color: #868686; font-style: italic; line-height: 1.4em;} ul#twitter_update_list li a { background: none; padding: 0;} ul#twitter_update_list li span { display: block;} ul#twitter_update_list li span a {} ul#twitter_update_list li span a:hover{} ul#twitter_update_list li.firstTweet {} ul#twitter_update_list li.lastTweet { border-bottom: 1px solid #eaeaea;} a#profileLink { padding: 0.3em 1em; font-weight: bold; font-size: 1.2em; color: #8f8f8f;} /**************** News pages styles *******************/ #news_header{-moz-border-radius: 10px; border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #CECECE; margin: 10px 10px 20px; padding: 5px 5px; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f9f9f9), to(#fefefe)); background: linear-gradient(#f9f9f9, #fefefe); -pie-background: linear-gradient(#f9f9f9, #fefefe); background: -moz-linear-gradient(#f9f9f9, #fefefe) #F9F9F9; font-weight:bold; color: #99B5C6; line-height: 25px; } h4.news_header a{color: #3B596B !important; line-height: 25px; } div.news_item_div{clear:left; border-bottom: 1px solid #CECECE; margin: 0px 20px; padding-top: 15px;} div.news_item_img{float:left; width: 60px; margin-right: 70px; font-weight: bold;} div.news_item_img img{position: relative; top: 20px; width: 200%;} div.news_content_div{float:left; padding-left: 20px; width: 700px;} div.news_item_img{width: 64px; height: 64px;} h4.news_header{font-weight: bold; padding: 0; margin: 0; font-size: 13px; color: #3B596B !important} h4.news_date{color: #777; font-size: 12px; padding-top: 3px;} p.news_p{font-size: 12px !important;} .NewsShare{height:20px;} .PMARlinks {color:blue !important;} .NewsShareDiv {margin: 10px 0;} .NewsShareDiv a img {height: 20px;width: 20px;} /**************** Our Team pages styles *******************/ #ourteam_header{-moz-border-radius: 10px; border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #CECECE; margin: 10px 10px 20px; padding: 5px 5px; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f9f9f9), to(#fefefe)); background: linear-gradient(#f9f9f9, #fefefe); -pie-background: linear-gradient(#f9f9f9, #fefefe); background: -moz-linear-gradient(#f9f9f9, #fefefe) #F9F9F9; font-weight:bold; color: #99B5C6; line-height: 25px; } h4.ourteam_header a{color: #3B596B !important; line-height: 25px; } div.ourteam_item_div{clear:left; border-bottom: 1px solid #CECECE; margin: 0px 20px; padding-top: 15px;} div.ourteam_item_img{float:left; width: 60px; margin-right: 70px; font-weight: bold;} div.ourteam_item_img img{position: relative; top: 20px; width: 200%; border-radius: 6px; box-shadow: 1px 3px 4px #BEBEBE} div.ourteam_content_div{float:left; padding-left: 20px; width: 700px;} div.ourteam_item_img{width: 64px; height: 64px;} h4.ourteam_header{font-weight: bold; padding: 0; margin: 0; font-size: 13px; color: #3B596B !important} h4.ourteam_date{color: #777; font-size: 12px; padding-top: 3px;} p.ourteam_p{font-size: 12px !important;} /*------------------------ Services Page ----------------------- */ ul.service_ul{margin-left: 20px; list-style-type:disc; margin-bottom: 20px;} ul.service_ul li{font-size: 11px; color: #666; padding: 3px; line-height: 14px;} /* Contact form */ div#stp_google_map{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; border: 1px solid #CECECE;} .map{margin: 0px 10px 10px 0px; float:left;} .contact_info{float:left; margin: 30px 10px 10px;} #contact_form, #oops, #thanks{float:left; margin-left: 30px; margin-bottom: 20px; width: 340px;} #thanks{color: Green; margin-left: 0px;} #oops{color: red; margin-left: 0px;} #contact-form {overflow:hidden;position:relative;vertical-align:top;width:100%; } #contact-form fieldset {border:none; padding:0;} #contact-form .field {overflow:hidden;padding:0 0 12px 0px; } #contact-form input[type=text] {float:left;width:320px; padding:8px 6px; margin:3px 0 0 0px;background:#f9F9F9; border-top:2px solid #d3d2d2;border-left:2px solid #d3d2d2;border-bottom:1px solid #d3d2d2;border-right:1px solid #d3d2d2; line-height:1.2em;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; font-family: Verdana; font-weight: bold; font-size: 13px; color: #444;} #contact-form.main-contacts .field input {margin-top:0px;} #contact-form .area {} #contact-form .area .error { float:none;} #contact-form textarea {width:320px;height:177px;background:#f4f4f4;border-top:2px solid #d3d2d2; border-left:2px solid #d3d2d2; border-bottom:1px solid #d3d2d2;border-right:1px solid #d3d2d2;padding:8px 6px; margin:3px 0 0 0px;overflow:auto; display:block;line-height:1.2em;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; font-family: Verdana; font-weight: bold; font-size: 14px; color: #444; } #contact-form a {cursor:pointer;} #contact-form .alignright {padding-top:12px;} #contact-form small {color:red;font-weight:bold;padding:0 0 0 5px;} #contact-form label {padding:0 0 0px 5px;display:inline-block; color:#F00; } #contact-form strong { padding:0 0 2px 9px;display:inline-block; color:#838383;} #contact-form .error { color:red;width:190px;font-size:11px; line-height:15px; display:none; } .buttons-wrapper { float:left; margin-top:30px;} .buttons-wrapper a { margin-right:10px;} .button {background: -moz-linear-gradient(center top , #FFFFFF, #DEDEDE) repeat scroll 0 0 #DEDEDE; padding-top: 6px; border: 1px solid #999999; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: 1px 1px 1px #999999; -moz-box-shadow: 1px 1px 1px #999999; -webkit-box-shadow: 1px 1px 1px #999999; cursor: pointer;height: 20px;margin: auto;padding: 3px 0 0;text-align: center;top: 10px;width: 70px;} #contact_form a.button:hover{ border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: 1px 1px 1px #777777; -moz-box-shadow: 1px 1px 1px #777777; -webkit-box-shadow: 1px 1px 1px #777777; background-position: top center;} .map iframe {/*width:370px; height: 320px;*/ overflow:hidden; } /******** General Form Styling ************/ input[type=text] {width:315px; padding:8px 6px; margin:0px 0 0 0px;background:#FFFFFF; border-top:2px solid #d3d2d2;border-left:2px solid #d3d2d2;border-bottom:1px solid #d3d2d2;border-right:1px solid #d3d2d2; line-height:1.2em;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; font-family: Verdana; font-weight: bold; font-size: 14px; color: #444; height: 15px;} textarea{width:315px;height:177px;background:#FFFFFF;border-top:2px solid #d3d2d2; border-left:2px solid #d3d2d2; border-bottom:1px solid #d3d2d2;border-right:1px solid #d3d2d2;padding:8px 6px; margin:3px 0 0 0px;overflow:auto; display:block;line-height:1.2em;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; font-family: Verdana; font-weight: bold; font-size: 14px; color: #444;} .contact {font-size:12px; line-height:20px; color:#6b6b6b;} .contact dt {margin: 10px; font-size:14px; line-height:20px; color:#3376BC;} .contact dd span {float:left; width:66px; padding:0; margin:0;} div.validation_error {color: red; font-size: 12px; font-family: Comic Sans MS; text-align: center;} span.red{color: red !important; padding-left: 2px; font-size: 12px;} /* ----------------------- CAREERS ---------------------- */ div.job_openings{border: 1px solid #BEBEBE;border-radius: 8px 8px 8px 8px;box-shadow: 1px 1px 1px #DEDEDE; float: left; height: auto; margin-right: 30px; padding: 5px;width: 265px; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#ededed)); background: linear-gradient(#ffffff, #ededed); -pie-background: linear-gradient(#ffffff, #ededed); background: -moz-linear-gradient(#ffffff, #ededed) #ededed;} div.job_location{padding:3px; font-size: 14px; font-weight: bold; margin-top: 10px; text-transform:uppercase;} div.bptw{border: 1px solid #BEBEBE;border-radius: 8px 8px 8px 8px;box-shadow: 1px 1px 1px #DEDEDE; float: left; height: 170px; margin-right: 30px; padding: 5px;width: 200px; margin-top:30px; text-align: center; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#ededed)); background: linear-gradient(#ffffff, #ededed); -pie-background: linear-gradient(#ffffff, #ededed); background: -moz-linear-gradient(#ffffff, #ededed) #ededed; } div.opening{font-size: 13px; padding: 7px; font-family: Verdana;cursor: pointer} div.job_openings .current{color: #3D994E;} div.job_description{float:left; width: 600px;padding-left: 30px;} /**** questionnaire styling ********/ span.form_ques_no{font-size:18px; font-weight: bold;} #questionnaire_form{width: 800px; color: #333; margin: 10px auto 30px; padding: 0px 10px; background: none;} #questionnaire_form p {margin: 15px 0px} #questionnaire_form .row{clear:both; margin: 0px 0px;} #questionnaire_form .row label{width: 150px; float:left;} #questionnaire_form fieldset{border:1px solid #bebebe; padding: 5px 10px; -moz-border-radius: 10px; border-radius: 10px; color: #3376BC; background: #f9f9f9; box-shadow: 1px 1px 10px #bebebe; -moz-box-shadow: 1px 1px 10px #bebebe; -webkit-box-shadow: 1px 1px 10px #bebebe;} #questionnaire_form legend{font-size: 16px; padding: 5px; font-weight: bold;} #questionnaire_form .row input{width: 300px; margin-bottom: 10px;} #questionnaire_form th{font-weight:bold; width: 200px; font-size: 13px;} #questionnaire_form td, #questionnaire_form th{padding-bottom:10px;} #no_accounts_table input{width: 100px;} no_accounts_input{text-align: right;} #daily_trade_vol_table input{width: 150px;} #typeOfDerivativesP{margin-left: 40px; color: #3376BC} #typeOfDerivativesTA{width: 600px; margin-left: 120px; height: 60px;} .questionnaire_ta{width: 740px; height: 60px;} .manage_data_question{margin-left: 30px; color: #3376BC;} .manage_data_question textarea{display: inline; width: 600px; margin-bottom: 10px; margin-top: 4px;} #OperationalActivitiesTable th{text-align: center;} #OperationalActivitiesTable td{text-align: center;} #OperationalActivitiesTable input.vendor{width: 200px;} .questionnaire_td_header{text-align: left; color: #333;} /*---------------------- Login Styles ---------------------------------------*/ #login_form_container{ margin: 25px auto; -moz-border-radius: 10px; border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #CECECE; width: 380px; padding-top: 15px; padding-bottom: 10px; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f9f9f9), to(#fefefe)); background: linear-gradient(#f9f9f9, #fefefe); -pie-background: linear-gradient(#f9f9f9, #fefefe); background: -moz-linear-gradient(#f9f9f9, #fefefe) #F9F9F9; max-width: 98%; } #login_form_container form{width: 100%;} #login_form_container .content_p{margin: 5px; line-height: 18px;} #login_form_container form input { width: 150px; border: 1px solid #D9D9D9; padding: 0 .5rem; margin: 0; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; width: calc(100% - 4rem); line-height: 2rem; height: auto; } #login_form_container form input[type=submit] { cursor: pointer; width: 60px; font-size: 18px; border: 1px solid #888; background: #DEDEDE; color: #3376BC; width: calc(100% - 3rem); margin: .5rem; color: #fff; background-color: #3F51B5; font-family: 'Manrope'; } #welcome_page_password_requirements { font-size: 10px; display: flex; flex-direction: column; margin-left: 20px; margin-right: 20px; } #welcome_page_password_requirements ul { display: inline-block; text-align: left; list-style: disc; margin: auto; } #questions_concerns_wrapper { margin: 25px auto; -moz-border-radius: 10px; border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #CECECE; width: 380px; padding-top: 15px; padding-bottom: 10px; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f9f9f9), to(#fefefe)); background: linear-gradient(#f9f9f9, #fefefe); -pie-background: linear-gradient(#f9f9f9, #fefefe); background: -moz-linear-gradient(#f9f9f9, #fefefe) #F9F9F9; font-size: 12px; line-height: 1.1rem; max-width: 98%; } #questions_concerns_wrapper a { color: #3378C6; } div.validation-summary-errors { color: Red; margin: 10px; padding-bottom: 10px; } div.editor-label { text-align: left; font-size: 12px; display: flex; justify-content: space-between; width: calc(100% - 4rem); margin: .5rem; margin-left: 2rem; } .editor-label .forgot-password-label { display: inline-block; text-align: right; color: #3378C6; } div.editor-label label{color: #333333; font-size: 14px;} div.editor-field{text-align: left; margin-bottom: 2px; display: flex; justify-content: center;} div.validation_msg_login{text-align:center;} #login_form_container ul a{font-size: 12px;} #login_form_container ul{padding-left: 25px !important;} .client_login{color: #3376BC; font:12px/18px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; text-align:left; width: 200px; float:left; top: 75px; right: 80px; position:absolute;} .success_pwd_retrieval{border: 1px solid #34BA70; color: #34BA70; background: #E8FCF1; font-size: 11px; margin: 15px auto; padding: 15px; padding-left: 50px; width: 560px; -moz-border-radius:10px; border-radius:10px; -webkit-border-radius:10px;} .error_pwd_retrieval{-moz-border-radius: 10px 10px 10px 10px; border: 1px solid #EA0950; background: #FFBABA; text-align: center; color: #EA0950;margin: 15px auto; padding: 10px 5px 12px 10px; width: 320px; border-radius:10px; -webkit-border-radius:10px; font-size: 13px;} .validation_msg_login{color: Red; font-size:13px; padding-bottom: 5px;} .new_user_msg { padding: 15px; font-family: Verdana; font-size: 12px; background: #cff29b; line-height: 20px; display: inline-block; margin: 5px auto; width: 805px; border-radius: 10px; } .login-header { font-size: 18px; font-weight: 600; font-family: 'Manrope'; color: #1A237E; } #login_form_container #submit1{width:120px; margin-right: 59px;} #login_form_container #resetPasswordVerifiedLoginForm{margin-left:200px;} /* 2FA Styles */ #login_form_container .twofa_div .content_p, #login_form_container .twofa_note.content_p { margin: 1rem; margin-top: 4px; font-size: 12px; } label.twofa_notiftype_label { font-weight: bold; font-size: 14px; } .auth_radio_options_container { text-align: center; margin-bottom: 1rem; } .auth_radio_options_container .inner_container { display: inline-block; text-align: left; } .auth_radio_options_container .inner_container div { margin-bottom: .5rem; } img#twofa_lock_img { width: 32px; height: 32px; } /* --------------------- CLIENT PORTAL StYLES --------------------------------*/ #client_portal_header{text-align:center; color: #3376BC; margin-bottom: 15px; font: bold 16px/18px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;} #client_info_div{width: 205px; min-height:365px; height:auto !important; height:365px;float:left; -moz-border-radius: 12px; border-radius: 12px; -webkit-border-radius: 12px; border: 1px solid #CECECE; background: #F9F9F9; margin: 5px 10px 15px 0px; padding: 8px 13px 0px; font:11px/18px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;} #client_info_div .client_info_label{float:left; width: 130px; height: 20px; font-weight: bold;} .client_info_row{clear:both; margin-bottom: 2px;} .client_info_span{display: inline-block;float: left;margin-bottom: 2px; overflow: hidden; padding-left: 25px; width: 180px;} #client_info_header, #client_report_header{text-align:center; color: #3376BC; margin-bottom: 10px; font: bold 14px/18px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;} #client_report_div{min-height:455px; height:auto !important; height:450px; width: 900px; padding: 20px; } #login_form_container div.validation_msg_login{min-height:0px; height:auto !important; height:0px; line-height: 12px;} .auth_steps { margin: 0 4rem; } .auth_steps li { text-align: left; } #reportTable { font: 12px/18px "Lucida ucida Sans Unicode",Arial,Verdana,sans-serif !important; margin: 0px; } /*#reportTable th.filename{width: 210px !important;}*/ #reports_div select{font-size: 12px;} /* ----------------------- Sort arrow icon positioning ------------------------ */ table.display thead th div.DataTables_sort_wrapper { position: relative; padding-right: 20px; padding-right: 20px;} table.display thead th div.DataTables_sort_wrapper span { position: absolute; top: 50%; margin-top: -8px; right: 0;} #reportTable_filter input{padding: 5px;} /* ---------------------- Careers ------------------------------------------ */ .careers_ol{line-height: 15px; padding-left: 15px;} .careers_ol li{font-size: 14px;} .careers_ul{line-height: 15px; padding-left: 15px; list-style-type: disc; margin: 0 0 10px 35px; padding-bottom: 9px; font-size: 12px; color: #666666} .careers_ul li { font-size: 14px !important; margin: 5px 0; padding-bottom: 5px; color: #666666;} /* ----------------------- FOOTER -----------------------*/ #footer { width: calc(100% - 8rem); flex: 1; background-color: #03164C; display: flex; justify-content: space-between; color: #fff; align-items: center; padding: 0 4rem; font-size: 12px; height: 40px; } /* ----------------------- Footer Box -------------------- */ .footerbox { float: left; margin-right: 20px; width: 210px;} .footerbox h4 { margin-bottom: 15px; color: #254961 } .footerbox a,footerbox li a {color: #336486} .footerbox a:hover { color: #336486; } .footerbox ul { margin: 0; padding: 0; } .footerbox ul li { margin: 8px 0; padding-bottom: 5px; color: #336486; font-size: 11px; border-bottom: 1px dotted #336486;}C:\Users\administrator\Documents\Visual Studio 2008\Projects\stpis.com\trunk\STP Investment Services\Content\css\jquery.multiselect.css .footerbox p { font-size: 11px; line-height: 18px; margin-bottom: 5px; color: #336486;} .box-last { float: right; margin-right: 0;} .SocialLinkImage {height:20px; width:20px;margin-right:-19px} /* ----------------------- Address List --------------------- */ ul.addresslist {margin: 0; padding: 0;} ul.addresslist li { line-height: 18px; margin: 4px 0; padding-bottom: 4px;} .footerbox ul.social-links { margin: 10px 0; padding: 0; display: block;} .footerbox ul.social-links li { border: none; margin:0 5px 0 0; padding: 0; float: left;} .footerbox ul.social-links li a { background: none; margin: 0; padding: 0; color: #336486 !important;} .bottom { padding: 5px !important; width: 890px; height: 31px; background: #254961 !important; margin: 20px 0; display: block; -moz-border-radius: 15px; border-radius: 15px; -webkit-border-radius: 15px; } .footermenu { float: left; width: 630px; margin-left : 10px;} .footermenu ul {} .footermenu ul li { display: inline; float: left; margin: 6px 6px 6px 10px;} .footermenu ul li a { color: #fefefe; font-size: 11px; padding-right: 10px; border-right: 1px dotted #fefefe;} .footermenu ul li a:hover { color: #fefefe; } /* ------------------------ Copyright ------------------------ */ .copyright { width: 230px; display: flex; text-align: right; margin-right: 15px; justify-content: space-around; align-content: center; margin: 0 2rem;} .copyright p { margin: 5px 0; color: #eaeaea;} .copyright p a { color: #ffffff;} /***************** Modal Popup ********************************/ .loadmask { z-index: 100; position: absolute; top:0; left:0; -moz-opacity: 0.5; opacity: .50; filter: alpha(opacity=50); background-color: #CCC; width: 100%; height: 100%; zoom: 1;} .loadmask-msg { z-index: 20001; position: absolute; top: 0; left: 0; border:1px solid #6593cf; background: #c3daf9; padding:2px;} .loadmask-msg div {padding:5px 10px 5px 25px; background: #fbfbfb /*url('/Content/images/loading.gif')*/ no-repeat 5px 5px; line-height: 16px; border:1px solid #a3bad9; color:#222; font:normal 11px tahoma, arial, helvetica, sans-serif;} .masked { overflow: hidden !important;} .masked-relative { position: relative !important;} .masked-hidden { visibility: hidden !important;} /*** messages *****************************/ .success_message{text-align:center;padding: 10px 5px; border: 1px solid #3CA843; color: #3CA843; background: #CBEDCE; margin: 20px auto; width: 80%; -moz-border-radius: 6px; border-radius: 6px; -webkit-border-radius: 6px; -moz-box-shadow: 0px 1px 8px #999; box-shadow: 0px 1px 8px #999; -webkit-box-shadow: 0px 1px 8px #999; clear: both; } .success_message img{position: relative; top: -5px; float: left; margin-right: 10px;} .success_message a{color: blue !important;} .success_message a:hover{color: blue !important; text-decoration: underline !important} .success_message a:visited{color: blue !important;} .error_message{text-align:center;padding: 10px 5px; border: 1px solid #FF3D3D; color: #FF3D3D; background: #F7CDCD; margin: 20px auto; width: 80%; -moz-border-radius: 6px; border-radius: 6px; -webkit-border-radius: 6px; -moz-box-shadow: 0px 1px 8px #999; box-shadow: 0px 1px 8px #999; -webkit-box-shadow: 0px 1px 8px #999; font-size: 12px; clear: both;} .error_message img{float: left; margin-right: 10px;} .error_message a{color: blue !important;} .error_message a:hover{color: blue !important; text-decoration: underline !important} .error_message a:visited{color: blue !important;} .warning_message{background: none repeat scroll 0 0 #F7FFA8; border: 1px solid #D1CE45; -moz-border-radius: 6px; border-radius: 6px; -webkit-border-radius: 6px; -moz-box-shadow: 0px 1px 8px #999; box-shadow: 0px 1px 8px #999; -webkit-box-shadow: 0px 1px 8px #999; color: #7C5610; margin: 20px auto; padding: 10px 5px; width: 80%;} .warning_message img{float: left; margin-right: 10px;} .warning_message a{color: blue !important;} .warning_message a:hover{color: blue !important; text-decoration: underline !important} .warning_message a:visited{color: blue !important;} .forgot_pw_success_message{text-align:center;padding: 10px 5px; border: 1px solid #3CA843; color: #3CA843; background: #CBEDCE; margin: 20px auto; width: 70%; -moz-border-radius: 6px; border-radius: 6px; -webkit-border-radius: 6px; -moz-box-shadow: 0px 1px 8px #999; box-shadow: 0px 1px 8px #999; -webkit-box-shadow: 0px 1px 8px #999; clear: both; } .forgot_pw_success_message img{position: relative; top: -5px; float: left; margin-right: 10px;} .forgot_pw_success_message a{color: blue !important;} .forgot_pw_success_message a:hover{color: blue !important; text-decoration: underline !important} .forgot_pw_success_message a:visited{color: blue !important;} /******************* jquery.autocomplete.js styles **************/ .autocomplete-w1 { background:url(images/shadow.png) no-repeat bottom right; position:absolute; top:2px; left:7px; margin:2px 0 0 -2px; /* IE6 fix: */ _background:none; _margin:0; } .autocomplete { border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; _height:expression(this.scrollHeight>349?"350px":"auto"); overflow:auto; overflow-x:hidden; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px; height: auto; _margin:0; _overflow-x:hidden; } .autocomplete .selected { background:#cecece; } .autocomplete div { padding:2px 5px; white-space:nowrap; background: #DEE7ED; font-size: 13px;} .autocomplete strong { font-weight:normal; color:#3399FF; } /******************* tiptip ***********************/ /* TipTip CSS - Version 1.2 */ #tiptip_holder {display: none; position: absolute; top: 0; left: 0; z-index: 99999;} #tiptip_holder.tip_top { padding-bottom: 5px;} #tiptip_holder.tip_bottom {padding-top: 5px;} #tiptip_holder.tip_right {padding-left: 5px;} #tiptip_holder.tip_left {padding-right: 5px;} #tiptip_content { font-size: 11px;color: #fff;text-shadow: 0 0 2px #000;padding: 4px 8px;border: 1px solid rgba(255,255,255,0.25);background-color: rgb(25,25,25);background-color: rgba(25,25,25,0.92); background-color: #4C4C4C;background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000)); border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px; box-shadow: 0 0 3px #555;-webkit-box-shadow: 0 0 3px #555;-moz-box-shadow: 0 0 3px #555;} #tiptip_arrow, #tiptip_arrow_inner {position: absolute;border-color: transparent;border-style: solid;border-width: 6px;height: 0; width: 0;} #tiptip_holder.tip_top #tiptip_arrow {border-top-color: #fff;border-top-color: rgba(255,255,255,0.35);} #tiptip_holder.tip_bottom #tiptip_arrow {border-bottom-color: #fff;border-bottom-color: rgba(255,255,255,0.35);} #tiptip_holder.tip_right #tiptip_arrow {border-right-color: #fff; border-right-color: rgba(255,255,255,0.35);} #tiptip_holder.tip_left #tiptip_arrow {border-left-color: #fff;border-left-color: rgba(255,255,255,0.35);} #tiptip_holder.tip_top #tiptip_arrow_inner {margin-top: -7px;margin-left: -6px;border-top-color: rgb(25,25,25);border-top-color: rgba(25,25,25,0.92);} #tiptip_holder.tip_bottom #tiptip_arrow_inner {margin-top: -5px;margin-left: -6px;border-bottom-color: rgb(25,25,25); border-bottom-color: rgba(25,25,25,0.92);} #tiptip_holder.tip_right #tiptip_arrow_inner {margin-top: -6px; margin-left: -5px; border-right-color: rgb(25,25,25); border-right-color: rgba(25,25,25,0.92);} #tiptip_holder.tip_left #tiptip_arrow_inner {margin-top: -6px;margin-left: -7px;border-left-color: rgb(25,25,25);border-left-color: rgba(25,25,25,0.92);} /* Webkit Hacks */ @media screen and (-webkit-min-device-pixel-ratio:0) { #tiptip_content { padding: 4px 8px 5px 8px; background-color: rgba(45,45,45,0.88);} #tiptip_holder.tip_bottom #tiptip_arrow_inner { border-bottom-color: rgba(45,45,45,0.88);} #tiptip_holder.tip_top #tiptip_arrow_inner { border-top-color: rgba(20,20,20,0.92); } } /************************************* Landing Page Styles (/Reporting) *********************************************/ div#LandingPageTemplate{color: #666666; font-family: Verdana;} div#LandingPageTemplate div#left{float: left; width: 160px; border: 1px solid #dedede; background: #F7F7F7; padding: 25px 25px; border-radius: 5px; font-size: 12px;} div#LandingPageTemplate div#left h3{font-size: 15px; text-align: center;} div#LandingPageTemplate div#left img{position: relative; right: 15px;} div#LandingPageTemplate div#left div.label{margin-bottom: 5px;} div#LandingPageTemplate div#left div.input{margin-bottom: 10px;} div#LandingPageTemplate div#left input{width: 160px; height: 20px; margin-bottom: 5px; padding: 0px; border-radius: 0px;} div#LandingPageTemplate div#left input.validation_error{border: 1px solid red;} div#LandingPageTemplate div#left textarea{width: 160px; height: 110px; margin-bottom: 5px; padding: 0px; border-radius: 0px;} div#LandingPageTemplate div#left span.red{color: Red;} div#LandingPageTemplate div#left div#submit{margin-top: 15px; text-align: center; width: 150px;} div#LandingPageTemplate div#right{float: left; margin-left: 20px; width: 665px;} div#LandingPageTemplate div#right h3{} div#LandingPageTemplate div#right p{} div#LandingPageTemplate div#right #leftContent{float:left; width: 295px;} div#LandingPageTemplate div#right p{} div#LandingPageTemplate div#right ul{list-style: disc; font-size: 12px; margin-bottom: 20px;} div#LandingPageTemplate div#right li{margin-left: 30px; padding: 3px 0px; line-height: 15px;} div#LandingPageTemplate div#right p.bold{font-weight: bold;} div#LandingPageTemplate div#right div#rightContent{float: right; margin-left: 20px;} div#LandingPageTemplate div#right div#rightContent img{width: 350px; height: 280px;} /***** *****/ div#reports_div img.ui-datepicker-trigger{width: 24px; height: 24px; position: relative; top: 5px; } input.ReportDateInput{border: 1px solid #aeaeae; font-size: 11px; height: 10px; width: 100px; border-radius: 0px; border: 1px solid #AEAEAE; padding: 5px; font-weight: normal} /************* New HOME PAGE STYLES ***************/ div.maincontent_subcontainer {font-family: Calibri !important} div.maincontent h3{ color: #ffa735; font-family: Roboto; font-size: 18px; font-weight: bold; line-height: 26px; margin-top: 25px; padding-left: 5px; text-align: center;} div.maincontent p{color: #666666; font-size: 13px; line-height: 21px; margin-bottom: 12px; font-family:Verdana; } div.maincontent .maincontent_description{font-family: Roboto !important; color: #444444; font-size: 16px; line-height: 26px; padding-left: 15px; text-align: justify; margin-top: 20px; } div.home-subcontainer {clear: both;} div.home-subcontainer div.header {font-family: Roboto; text-transform: uppercase; color: #FFA735; font-size: 20px; margin: 20px 3px; font-weight: bold;} div.ServiceOfferingSubContainer{border-radius: 12px; margin-top: 15px; padding: 10px; width:1000px;} div.ServiceOfferingDiv {background-image: url('/Content/images/home/ServiceDivGradient.png'); background-repeat: repeat-x; border: 1px solid #BEBEBE; border-radius: 12px; float: left; height: 270px; margin: 10px; padding: 5px; width: 420px; box-shadow: 2px 2px 3px #BEBEBE } div.ServiceOfferingDiv h4 {text-align: center; font-weight: bold; line-height: 20px} div.ServiceOfferingDiv ul {list-style: disc; margin-left: 25px; margin-top: 15px;} div.ServiceOfferingDiv ul li {color: #555; font-size: 18px; margin-bottom: 10px; margin-left: 20px; text-transform: uppercase; } div.ValuePropSubContainer {background: #EAEAEA; border: 1px solid #BEBEBE; border-radius: 16px; -moz-border-radius: 16px; padding: 6px; float: left; width: 205px; margin-right: 10px; margin-top: 15px; height: 380px; box-shadow: 2px 2px 3px #B8C8D3 } div.ValuePropSubContainer .header{font-size: 18px !important; text-transform: uppercase; color: #035289 !important; text-align: center !important; margin: 0px !important; height: 53px} div.ValuePropSubContainer div.value-prop-text {color: #666; font-size: 16px !important; margin: 10px 0 20px; text-align: center; text-transform: uppercase} div.BottomImageContainer {text-align: center; margin-top: 65px;} div.BottomImageContainer img {position: static; margin-right: 20px; } div#contact_container{} div.contact_subcontainer {padding-bottom: 10px; padding-top: 10px; border-bottom: 1px solid #DEDEDE;} div#contact_container h4{margin-top: 7px} div.home-reportingportal-subcontainer{height: 370px; font-family: Roboto;} div.home-reportingportal-subcontainer div.home-portal-left {float: left; width: 510px;} div.home-reportingportal-subcontainer div.home-portal-left .heading { color: #035289; font-size: 18px; font-weight: bold; margin-top: 10px;} div.home-reportingportal-subcontainer div.home-portal-left i {color: #045189; margin-right: 5px; position: relative; top: 2px;} div.home-reportingportal-subcontainer div.home-portal-right {float: left; width: 39%} div.home-reportingportal-subcontainer div.home-portal-right img{border-radius: 6px;box-shadow: 2px 2px 3px #999; height: 275px;margin-top: 20px; width: 400px;} div.home-reportingportal-subcontainer li{margin-bottom: 20px; margin-left: 15px; font-size: 14px;} div.home-reportingportal-subcontainer li:first-of-type {margin-top: 20px !important;} div.home-reportingportal-subcontainer-swap{height: 350px; font-family: Roboto;} div.home-reportingportal-subcontainer-swap div.home-portal-left {float: left; width: 560px;} div.home-reportingportal-subcontainer-swap div.home-portal-left img{border-radius: 6px; box-shadow: 2px 2px 3px #999; margin-top: 20px; } div.home-reportingportal-subcontainer-swap div.home-portal-right {float: left; width: 300px; padding-top: 10px;} div.home-reportingportal-subcontainer-swap div.home-portal-right .heading { color: #035289; font-size: 18px; font-weight: bold; margin-top: 10px;} div.home-reportingportal-subcontainer-swap div.home-portal-right i {color: #045189; margin-right: 5px; position: relative; top: 0px; font-size: 12px;} div.home-reportingportal-subcontainer-swap li{ font-size: 14px; margin-bottom: 12px; margin-left: 15px;} div.home-reportingportal-subcontainer-swap li:first-of-type {margin-top: 20px !important;} div.who-we-service-home-div { } div.who-we-service-home-div div.who-we-service-content-div {margin: 20px 0px;} div.who-we-service-home-div div.entry-div{background-color: #4b70a0; border-right: 1px solid #bebebe; box-shadow: 2px 2px 3px #999; color: #ffffff; float: left; font-family: Roboto; font-size: 32px; height: 70px; padding: 10px; width: 200px; } div.who-we-service-home-div .heading1{text-align: center;} div.asset-class-coverage-home-div{} div.asset-class-coverage-home-div {} div.asset-class-coverage-home-content-div { margin: 20px 0px 30px; text-align: center; } div.asset-class-coverage-home-content-div img { border-radius: 10px; box-shadow: 2px 2px 3px #999} table.Asset-Class-Table {border-radius: 10px; box-shadow: 2px 2px 6px #999; margin: 20px auto; width: 850px;} table.Asset-Class-Table tr{} table.Asset-Class-Table td{background: #DEDEDE; border: 1px solid #BEBEBE; height: 100px; width: 100px; vertical-align: middle; } table.Asset-Class-Table td.even{} table.Asset-Class-Table td.odd{} div.who-we-are-conatainer { height: 150px; margin: 30px auto 20px; width: 800px;} div.who-we-are-conatainer div.circle { background-color: #4b70a0; border: 1px solid #4b70a0; border-radius: 50%; box-shadow: 2px 2px 3px #999; float: left; height: 135px; width: 135px;} div.who-we-are-conatainer div.circle p{color: White; font-family: Roboto; font-size: 17px; margin-top: 40px; text-align: center;} div.who-we-are-conatainer .connector { float: left; height: 4px; margin-top: 70px; } div.who-we-are-conatainer .connector_blue { background-color: #4B70A0; width: 25px} div.who-we-are-conatainer .connector_gray { background-color: #999; width: 25px} div.who-we-are-conatainer .connector_half_blue { background-color: #4B70A0; width: 40px} div.who-we-are-conatainer .connector_half_gray { background-color: #999; width: 40px} a.read-more-a {border-radius: 6px; padding: 6px 10px; color:#3376BC; background: #F1F1F1; border: 1px solid #DEDEDE; position: absolute; bottom: 5px; left: 50px; } a.read-more-a:visited {border-radius: 6px; padding: 6px 10px; color:#3376BC; background: #F1F1F1; border: 1px solid #DEDEDE; position: absolute; bottom: 5px; left: 50px; } a.read-more-a:hover {border-radius: 6px; padding: 6px 10px; color:#3376BC; background: #F1F1F1; border: 1px solid #DEDEDE; position: absolute; bottom: 5px; left: 50px; } div.asset-class-coverage-home-content-div {font-family: Roboto; font-size: 20px; height: 270px;} div.asset-class-left{border-right: 2px dotted #bebebe; float: left; height: 160px; padding-top: 100px; width: 330px; color: #4B70A0} div.left-heading { font-weight: bold; } div.asset-class-right{float: left; width: 552px; margin-left: 20px;} div.asset-class-ispan-container{float:left; width: 48%; text-align: left; margin: 5px 0px 20px 10px;} div.asset-class-ispan-container i {float: left;} div.asset-class-ispan-container span {font-size: 17px; float: left; margin-left: 10px;} .large_heading{ color: #ffa735; font-size: 24px; font-weight: bold; margin-bottom: 20px; padding-left: 10px; padding-top: 10px; text-transform: uppercase } .dzenCustomFontH3{ color: #3376BC !important; font-size: 15px !important; font-weight: bold !important; text-transform: uppercase; line-height: 20px !important; margin-top: 15px !important; text-align: center !important; padding-left: 0px !important;} .vozx_list{ font-size: 13px; line-height: 21px; list-style: initial !important; padding-left: 10px; text-align: left; color: #3376bc !important; } .vozx_list li {color: #333} .outsource_operations_list{float: right;font-size: 14px;width: 35%;border:1px solid #cecece;background-color:Black;color:White;line-height: 16px;padding:15px} .outsource_operations_list li{margin: 0 0 15px 0;} .outsource_operations_list li:before{content: "\002022";color: red; margin-right:5px;} .TEST{ padding: 4px 17px 30px; position: relative; } .TEST i{ float: left; font-size: 12px; padding-top: 4px;} .textOverride{color:White !important} .textOverrideBlue{color:#3376BC !important} .customSTPFlowChart p{margin-left:5px;font-family:Arial;font-size:15px !important} div.portal-features-container {margin-left: 10px; font-family: Roboto;} div.portal-features-container .heading1{ color: #035289; font-size: 18px;font-weight: bold; margin-top: 10px;} div.portal-features-container p{font-size: 14px; margin: 10px 0px 15px; font-family: Roboto;} div.portal-features-container ul{list-style: none; margin: 0px; padding: 0px;} div.portal-features-container li{ color: #888; float: left;font-size: 13px; height: 120px; margin-left: 20px; width: 210px; line-height: 20px; } div.portal-features-container li h5{font-weight: bold; font-size: 14px; color: #666} div.portal-features-container li i{font-size: 19px; position: relative; top: 3px; color: #3376bc;} div#portal-images-container {border-radius: 8px !important; box-shadow: 3px 3px 4px #bebebe; clear: both; height: 440px !important; margin: 25px auto; width: 920px !important;} div#portal-images-container img{width: 940px; height: 440px;} div.data-mgmt-container {} ul.data-mgmt-ul {width: 440px; margin-left: 10px; font-family: Roboto; float: left; margin-top: 15px;} .list-checkmark li { background: rgba(0, 0, 0, 0) url("/Content/images/check-mark-2-xxl.png") no-repeat scroll 0 -2px; font-size: 13px; color: #555555; float: left; list-style-type: none; margin-bottom: 15px; padding-left: 20px; width: 190px; margin-left: 10px; } div.tech-experience-container {margin-left: 10px; font-family: Roboto; height:320px;} div.tech-experience-container .heading1{ color: #035289; font-size: 18px;font-weight: bold; margin-top: 10px;} div.tech-experience-container p{font-size: 14px; margin: 10px 0px 15px; font-family: Roboto;} div.tech-experience-container ul{list-style: none; margin: 0px; padding: 0px;} div.tech-experience-container li{ color: #888; float: left;font-size: 14px; margin-left: 5px; width: 290px; line-height: 20px; } div.tech-experience-container li h5{font-weight: bold; font-size: 15px; color: #666; margin-left:20px; margin-top: 10px; margin-bottom:2px;} div.tech-experience-container li i{font-size: 20px; position: relative; top: 3px; color: #3376bc;} div.tech-experience-container li p{ color: #666666; float: left;font-size: 14px; margin-left: 20px; width: 300px; line-height: 20px; } div.tech-experience-container .vozx_list{ font-size: 13px; line-height: 21px; list-style: initial !important; padding-left: 10px; text-align: left; color: #3376bc !important;} div.tech-experience-container li .vozx_list li {color: #888; margin-left: 20px; List-style: outside none none;} div.tech-experience-container li .icon-angle-double-right::before {margin-left:-10px; padding-right:5px;} /*********************************Case Studies****************************************/ div.cs_subcontainer {padding-bottom: 10px; padding-top: 10px; border-bottom: 1px solid #DEDEDE;margin-left: 20px; font-family: Roboto !important} div.cs_item_img{float:left; width: 100px; margin-right: 80px; font-weight: bold;} div.cs_item_img img{position: relative; top: -5px !important; width: 190px; border: 1px solid #dedede} div.cs_item_div{clear:left; border-bottom: 1px solid #CECECE; margin: 0px 0px; padding: 15px; background: #F9F9F9} div.cs_content_div{float:left; padding-left: 40px; width: 625px;} p.cs_p{font-size: 12px !important; margin-top: 5px} .cs_header {font-family: Roboto;font-size: 16px; font-weight: normal; margin: 0; padding: 0; color: #3376BC !important}