/********************************************************************/ /* Website Developed by : Blue Sombrero */ /* Created: 12-20-2011 by Krunal */ /* Updated: 01-10-2013 by Krunal */ /********************************************************************/ /********************************************************************/ /* Comman CSS */ /********************************************************************/ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr, acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike, strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table, caption,tbody,tfoot,thead,tr,th,td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: middle; background: transparent; } ol,ul { list-style: none; } blockquote,q { quotes: none; } blockquote:before, blockquote:after, q:before,q:after { content:''; content: none; } :focus { outline:none; } ins { text-decoration:none; } del { text-decoration:line-through; } table { border-collapse: collapse; border-spacing: 0;} form { height: 100%; } img { border: 0; padding: 0; margin: 0; } html, body { text-align: left; font-size: 12px; margin: 0; padding: 0; font-family: Arial,Helvetica,sans-serif; height: 100%; background: #fff; color: #545454; line-height: 20px; font-weight: normal; } h1, h2, h3, h4, h5, h6,.SkinObject { font-family: Arial,Helvetica,sans-serif; color:#0099ff; font-weight:normal; } h1 { font-size: 26px; line-height: 28px; } h2 { font-size: 24px; line-height: 26px; } h3 { font-size: 21px; line-height: 24px; } h4 { font-size: 18px; line-height: 20px; } h5 { font-size: 16px; line-height: 18px; } h6 { font-size: 14px; line-height: 16px; } .SkinObject { font-size: 12px; line-height: 16px; } ul { padding: 0; margin: 0 0 0 24px;} ul li { padding:0; margin:0; list-style-type: disc; } sup { vertical-align: top; font-size: 8px; } .Normal, .NormalDisabled { font-family: Arial,Helvetica,sans-serif; font-size: 12px; color:#545454; font-weight:normal; line-height: 20px; } .BoldText { font-family: Arial,Helvetica,sans-serif; font-size: 12px; color:#545454; font-weight:bold; line-height: 20px; } .NormalRed { font-family: Arial,Helvetica,sans-serif; font-size: 12px; color:#cd0000; font-weight:bold; line-height: 20px; } .SubHead { font-family: Arial,Helvetica,sans-serif; font-size: 12px; color:#0099ff; font-weight:normal; line-height: 20px; } .Head { font-family: Arial,Helvetica,sans-serif; color:#0099ff; font-weight:bold; font-size: 24px; line-height: 26px; } .MediumSizeText { font-size: 14px; line-height: 20px; } .LargeSizeText { font-size: 18px; line-height: 24px; } .ExtraLargeSizeText { font-size: 24px; line-height: 36px; } a, a:link, a:visited, a.CommandButton, a.CommandButton:link, a.CommandButton:visited { font-family: Arial,Helvetica,sans-serif; font-weight:normal; text-decoration: none; font-size: 12px; line-height: 20px; color: #0099ff; } a:active, a:hover, a:focus, a.CommandButton:active, a.CommandButton:hover, a.CommandButton:focus { color: #303030; } .CSS_FloatLeft { float:left; } .CSS_FloatRight { float:right; } .CSS_ClearBoth { clear:both; font-size: 0px; line-height: 0px; height: 0px; } .DNNEmptyPane { font-size: 0px; line-height: 0px; display: none; } input.NormalTextBox, textarea.NormalTextBox, select.NormalTextBox { font-family: Arial,Helvetica,sans-serif; font-weight:normal; font-size: 12px; line-height: 22px; height: 22px; background: #f4f4f4; border: 1px solid #b7b7b7; padding: 2px 8px; margin: 2px 0px; color:#545454; -moz-box-shadow: inset 3px 3px 3px #d8d8d8; -webkit-box-shadow: inset 3px 3px 3px #d8d8d8; box-shadow: inset 3px 3px 3px #d8d8d8; -moz-border-radius: 6px; border-radius: 6px; } input.NormalTextBox:focus, input.NormalTextBox:hover, textarea.NormalTextBox:focus, textarea.NormalTextBox:hover, select.NormalTextBox:focus, select.NormalTextBox:hover { border-color:#303030; } textarea.NormalTextBox, select.NormalTextBox { height: auto; } a.SkinObject, a.SkinObject:link, a.SkinObject:visited { font-family: Arial,Helvetica,sans-serif; font-weight:normal; text-decoration: none; font-size: 12px; line-height: 20px; color: #0099ff; } a.SkinObject:hover , a.SkinObject:focus, a.SkinObject:active { color: #303030; } .paneOutline { outline: 1px dotted #000; border: none; } .paneOutline center { text-align: center; } .StandardButton { background: #303030; border: 1px solid #000; color: #fff; display: inline-block; font-size: 12px; line-height: 18px; margin: 12px 0 0; padding: 8px 12px; text-transform: uppercase; } .StandardButton { margin: 12px 0; } .StandardButton:hover, .StandardButton:focus { border: 1px solid #0099ff; background: #caeaff; outline: none; text-decoration: none; color: #064f80; } .Skin_BlueContent { color: #0099ff; } .Skin_DarkGrayContent { color: #303030; } .textAlignCenter { text-align: center; } .textAlignRight { text-align: right; } .verticalAlignTop { vertical-align: top; } .normalMarginTop { margin: 6px 0 0 0; } .mediumMarginTop { margin: 12px 0 0 0; } .normalMarginBottom { margin: 0 0 6px 0; } .normalMarginRight { margin: 0 6px 0 0; } .extraMarginRight { margin: 0 20px 0 0; } a.normalLink, a.normalLink:link, a.normalLink:visited { font-size: 14px; line-height: 20px; } .HeaderText { font-size: 14px; line-height: 20px; font-weight: bold; } .ItalicText { font-size: 14px; line-height: 20px; font-style: italic; } .displayBlock { display: block; } .extraLineHeight { line-height: 36px; } a.BlueBGLink, a.BlueBGLink:link, a.BlueBGLink:visited { background-color: #0099ff; color: #fff; padding: 4px 12px; -moz-border-radius: 5px; border-radius: 5px; display: block; float: right; margin: 8px 0 0 0;} a.BlueBGLink:hover, a.BlueBGLink:active, a.BlueBGLink:focus { background-color: #303030; } .containerAdminBorder { border: none; outline: 2px solid red; } .hiddenDiv { display: none; } a.buttonGroup, a.buttonGroup:link, a.buttonGroup:visited { margin: 8px 0 0 12px; } /********************************************************************/ /* Skin Layout CSS */ /********************************************************************/ .Skin_Area { min-height: 100%; _height: 100%; background-color: #303030; overflow-x: hidden; } .Skin_Holder { background-color: #f4f4f4; } .Skin_Width { width: 960px; margin: auto; } .Skin_Header { padding: 6px 0; } .HeaderLinksPane { padding: 8px 0; } .Skin_ContactDetail { padding: 5px 16px; font-size: 18px; line-height: 20px; color: #cfcccc; text-transform: uppercase; background: transparent url(images/img_ContactBG.gif) center center no-repeat;} span.Skin_ContactDetail { float: left; margin: 0 12px 0 0; } a.Skin_SocialNetworkLinks, a.Skin_SocialNetworkLinks:link, a.Skin_SocialNetworkLinks:visited { position: relative; height: 30px; width: 30px; display: block; float: left; overflow: hidden; margin: 0 12px 0 0; } a.Skin_SocialNetworkLinks img, a.Skin_SocialNetworkLinks:link img, a.Skin_SocialNetworkLinks:visited img { position: absolute; top: 0; left: 0; } a.Skin_SocialNetworkLinks:hover img, a.Skin_SocialNetworkLinks:focus img, a.Skin_SocialNetworkLinks:active img { top: -30px; } a.Skin_LastLinks, a.Skin_LastLinks:link, a.Skin_LastLinks:visited { margin: 0; } .Skin_Footer { background-color: #303030; padding: 24px 0 6px 0; } .Skin_FooterInfo { background-color: #212121; padding: 16px 0; } .Skin_Footer a, .Skin_Footer a:link, .Skin_Footer a:visited, .Skin_Footer a.SkinObject, .Skin_Footer a.SkinObject:link, .Skin_Footer a.SkinObject:visited { color: #545454; } .Skin_Footer .Normal, .Skin_Footer .SkinObject { color: #7e7e7e; } .Skin_Footer a:hover, .Skin_Footer a:focus, .Skin_Footer a:active, .Skin_Footer a.SkinObject:hover, .Skin_Footer a.SkinObject:focus, .Skin_Footer a.SkinObject:active { color: #fff; } .Skin_Footer h4 { font-size: 14px; line-height: 20px; font-weight: normal; color: #7f7e7e; } .Skin_Footer h3 { font-size: 14px; line-height: 20px; font-weight: normal; color: #3c5a6e; } .Skin_Footer input.SubmitInput { float: right; } ul.footerLinksHolder { width: 158px; margin: 2px 20px 0 0; border-top: #3c5a6e 1px solid; } ul.footerLinksHolder li { list-style: none; display: block; border-bottom: #3c5a6e 1px solid; padding: 4px 0; line-height: 22px; } ul.footerLinksHolder li a { display: block; } h4.footerLinksHead { text-transform: uppercase; border-bottom: #3c5a6e 1px solid; width: 158px; } .LeftPane, .MiddlePane, .RightPane, .Small_LeftPane, .Small_RightPane { float: left; width: 305px; } .Big_LeftPane, .Big_RightPane { float: left; width: 633px; } .Small_LeftPane, .Small_RightPane, .Big_LeftPane, .Big_RightPane { margin: 0 0 20px 0; } .LeftPane, .Small_LeftPane, .Big_LeftPane { padding: 0 10px 0 0; } .RightPane, .Small_RightPane, .Big_RightPane { padding: 0 0 0 10px; } .MiddlePane { padding: 0 10px; width: 306px; } .Footer_LeftPane { float: left; width: 225px; } .Footer_RightPane { float: left; width: 715px; padding: 0 0 0 20px; } .LeftPane, .Small_LeftPane, .Big_LeftPane, .MiddlePane { border-right: #d4d4d4 1px solid; } .RightPane, .Small_RightPane, .Big_RightPane, .MiddlePane { border-left: #fff 1px solid; } .HomeSkin_LeftPane, .HomeSkin_RightPane, .HomeSkin_Bottom_LeftPane, .HomeSkin_Bottom_RightPane { width: 470px; float: left; } .HomeSkin_LeftPane, .HomeSkin_Bottom_LeftPane { padding: 0 10px 0 0; } .HomeSkin_RightPane, .HomeSkin_Bottom_RightPane { padding: 0 0 0 10px; } .HomeSkin_Interior { background-color: #caeaff; border-top: #98d6ff 1px solid; vertical-align: top; border-bottom: #98d6ff 1px solid; padding: 20px 0 0 0; margin: 0 0 20px 0; display: block; } .TabLeftPane { float: left; width: 220px; padding: 0 20px 20px 0 ; } .TabRightPane { float: left; width: 720px; } .Portfolio_Holder { overflow-x: hidden; } input.SingupTextBox { background: transparent url(images/img_SingupTextboxBG.gif) 0 0 no-repeat; border: none; height: 21px; line-height: 21px; padding: 2px 12px; width: 200px; margin: 6px 0; color: #afafaf;} input.SingupTextBox:focus, input.SingupTextBox:hover { background-position: 0 -34px; } input.SubmitInput { background: transparent url(images/img_SingupButtonBG.gif) 0 0 no-repeat; border: none; height: 25px; line-height: 21px; padding: 0 12px 2px 12px; width: 76px; margin: 6px 0; color: #afafaf; } input.SubmitInput:hover, input.SubmitInput:focus { background-position: 0 -40px; color: #a8ddff; } /********************************************************************/ /* Menu CSS */ /********************************************************************/ .RadMenu_SkinNAV .rmRootGroup .rmItem a.rmLink .rmText, .RadMenu_SkinNAV .rmRootGroup .rmItem a.rmLink:link .rmText, .RadMenu_SkinNAV .rmRootGroup .rmItem a.rmLink:visited .rmText { font-family: Arial,Helvetica,sans-serif; font-size: 14px; color: #303030; text-decoration: none; font-weight:normal; line-height: 14px; padding: 0; margin: 0; } .RadMenu_SkinNAV .rmRootGroup .rmItem a.rmLink, .RadMenu_SkinNAV .rmRootGroup .rmItem a.rmLink:link, .RadMenu_SkinNAV .rmRootGroup .rmItem a.rmLink:visited { display: block; padding: 4px 0; margin: 0 14px 0 0; text-decoration: none; border-bottom: transparent 4px solid; cursor: pointer; } .RadMenu_SkinNAV .rmRootGroup .rmLast a.rmLink, .RadMenu_SkinNAV .rmRootGroup .rmLast a.rmLink:link, .RadMenu_SkinNAV .rmRootGroup .rmLast a.rmLink:visited { margin: 0; } .RadMenu_SkinNAV .rmRootGroup .rmItem a.rmLink .rmLeftImage, .RadMenu_SkinNAV .rmRootGroup .rmItem a.rmLink:link .rmLeftImage, .RadMenu_SkinNAV .rmRootGroup .rmItem a.rmLink:visited .rmLeftImage, .RadMenu_ContentActions .rmGroup .rmItem a.rmLink .rmLeftImage, .RadMenu_ContentActions .rmGroup .rmItem a.rmLink:link .rmLeftImage, .RadMenu_ContentActions .rmGroup .rmItem a.rmLink:visited .rmLeftImage { padding: 0; margin: 0 6px 0 0; } .RadMenu_SkinNAV .rmRootGroup .rmItem a.rmLink:hover, .RadMenu_SkinNAV .rmRootGroup .rmItem a.rmLink:focus, .RadMenu_SkinNAV .rmRootGroup .rmItem a.rmLink:active, .RadMenu_SkinNAV .rmRootGroup .rmItem a.rmSelected , .RadMenu_SkinNAV .rmRootGroup .rmItem a.rmSelected:link , .RadMenu_SkinNAV .rmRootGroup .rmItem a.rmSelected:visited , .RadMenu_SkinNAV .rmRootGroup .rmItem a.rmExpanded, .RadMenu_SkinNAV .rmRootGroup .rmItem a.rmExpanded:link, .RadMenu_SkinNAV .rmRootGroup .rmItem a.rmExpanded:visited { border-bottom: #0099ff 4px solid; } .RadMenu_SkinNAV .rmRootGroup .rmItem a.rmLink:hover .rmText, .RadMenu_SkinNAV .rmRootGroup .rmItem a.rmLink:focus .rmText, .RadMenu_SkinNAV .rmRootGroup .rmItem a.rmLink:active .rmText, .RadMenu_SkinNAV .rmRootGroup .rmItem a.rmSelected .rmText, .RadMenu_SkinNAV .rmRootGroup .rmItem a.rmSelected:link .rmText, .RadMenu_SkinNAV .rmRootGroup .rmItem a.rmSelected:visited .rmText, .RadMenu_SkinNAV .rmRootGroup .rmItem a.rmExpanded .rmText, .RadMenu_SkinNAV .rmRootGroup .rmItem a.rmExpanded:link .rmText, .RadMenu_SkinNAV .rmRootGroup .rmItem a.rmExpanded:visited .rmText { color: #0099ff; } /* DropDown Popup Skin*/ .RadMenu_SkinNAV .rmSlide .rmGroup, .RadMenu_ContentActions .rmGroup { background: #0099ff; } .RadMenu_SkinNAV .rmSlide .rmItem a.rmLink, .RadMenu_SkinNAV .rmSlide .rmItem a.rmLink:link, .RadMenu_SkinNAV .rmSlide .rmItem a.rmLink:visited , .RadMenu_ContentActions .rmGroup .rmItem a.rmLink, .RadMenu_ContentActions .rmGroup .rmItem a.rmLink:link, .RadMenu_ContentActions .rmGroup .rmItem a.rmLink:visited { padding: 8px 6px; border-bottom: #007bcc 1px solid; border-top: #2aaaff 1px solid; min-width: 180px; margin: 0; text-decoration: none; } .RadMenu_SkinNAV .rmSlide .rmItem a.rmLink .rmText, .RadMenu_SkinNAV .rmSlide .rmItem a.rmLink:link .rmText, .RadMenu_SkinNAV .rmSlide .rmItem a.rmLink:visited .rmText, .RadMenu_ContentActions .rmGroup .rmItem a.rmLink .rmText, .RadMenu_ContentActions .rmGroup .rmItem a.rmLink:link .rmText, .RadMenu_ContentActions .rmGroup .rmItem a.rmLink:visited .rmText { font-size: 12px; line-height: 12px; } .RadMenu_ContentActions .rmGroup .rmItem a.rmLink, .RadMenu_ContentActions .rmGroup .rmItem a.rmLink:link, .RadMenu_ContentActions .rmGroup .rmItem a.rmLink:visited { padding: 2px 6px; } .RadMenu_SkinNAV .rmSlide .rmFirst a.rmLink, .RadMenu_SkinNAV .rmSlide .rmFirst a.rmLink:link, .RadMenu_SkinNAV .rmSlide .rmFirst a.rmLink:visited, .RadMenu_ContentActions .rmGroup .rmFirst a.rmLink, .RadMenu_ContentActions .rmGroup .rmFirst a.rmLink:link, .RadMenu_ContentActions .rmGroup .rmFirst a.rmLink:visited { border-top: none; } .RadMenu_SkinNAV .rmSlide .rmLast a.rmLink, .RadMenu_SkinNAV .rmSlide .rmLast a.rmLink:link, .RadMenu_SkinNAV .rmSlide .rmLast a.rmLink:visited { border-bottom: none; } .RadMenu_SkinNAV .rmSlide .rmItem a.rmLink:hover, .RadMenu_SkinNAV .rmSlide .rmItem a.rmLink:focus, .RadMenu_SkinNAV .rmSlide .rmItem a.rmLink:active, .RadMenu_SkinNAV .rmSlide .rmItem a.rmExpanded, .RadMenu_SkinNAV .rmSlide .rmItem a.rmExpanded:link, .RadMenu_SkinNAV .rmSlide .rmItem a.rmExpanded:visited, .RadMenu_SkinNAV .rmSlide .rmItem a.rmSelected, .RadMenu_SkinNAV .rmSlide .rmItem a.rmSelected:link, .RadMenu_SkinNAV .rmSlide .rmItem a.rmSelected:visited, .RadMenu_ContentActions .rmGroup .rmItem a.rmLink:hover, .RadMenu_ContentActions .rmGroup .rmItem a.rmLink:focus, .RadMenu_ContentActions .rmGroup .rmItem a.rmLink:active, .RadMenu_ContentActions .rmGroup .rmItem a.rmExpanded, .RadMenu_ContentActions .rmGroup .rmItem a.rmExpanded:link, .RadMenu_ContentActions .rmGroup .rmItem a.rmExpanded:visited, .RadMenu_ContentActions .rmGroup .rmItem a.rmSelected, .RadMenu_ContentActions .rmGroup .rmItem a.rmSelected:link, .RadMenu_ContentActions .rmGroup .rmItem a.rmSelected:visited { background: #027ed1; } .RadMenu_SkinNAV .rmSlide .rmItem a.rmLink .rmText, .RadMenu_SkinNAV .rmSlide .rmItem a.rmLink:link .rmText, .RadMenu_SkinNAV .rmSlide .rmItem a.rmLink:visited .rmText, .RadMenu_SkinNAV .rmSlide .rmItem a.rmExpanded .rmText, .RadMenu_SkinNAV .rmSlide .rmItem a.rmExpanded:link .rmText, .RadMenu_SkinNAV .rmSlide .rmItem a.rmExpanded:visited .rmText, .RadMenu_SkinNAV .rmSlide .rmItem a.rmSelected .rmText, .RadMenu_SkinNAV .rmSlide .rmItem a.rmSelected:link .rmText, .RadMenu_SkinNAV .rmSlide .rmItem a.rmSelected:visited .rmText, .RadMenu_ContentActions .rmGroup .rmItem a.rmLink .rmText, .RadMenu_ContentActions .rmGroup .rmItem a.rmLink:link .rmText, .RadMenu_ContentActions .rmGroup .rmItem a.rmLink:visited .rmText, .RadMenu_ContentActions .rmGroup .rmItem a.rmExpanded .rmText, .RadMenu_ContentActions .rmGroup .rmItem a.rmExpanded:link .rmText, .RadMenu_ContentActions .rmGroup .rmItem a.rmExpanded:visited .rmText, .RadMenu_ContentActions .rmGroup .rmItem a.rmSelected .rmText, .RadMenu_ContentActions .rmGroup .rmItem a.rmSelected:link .rmText, .RadMenu_ContentActions .rmGroup .rmItem a.rmSelected:visited .rmText { color: #fff; } .RadMenu_ContentActions .rmGroup .rmItem a.rmLink .rmText, .RadMenu_ContentActions .rmGroup .rmItem a.rmLink:link .rmText, .RadMenu_ContentActions .rmGroup .rmItem a.rmLink:visited .rmText { line-height: 18px; } .RadMenu_ContentActions .rmGroup .rmItem a.rmLink .rmText, .RadMenu_ContentActions .rmGroup .rmItem a.rmLink:link .rmText, .RadMenu_ContentActions .rmGroup .rmItem a.rmLink:visited .rmText { padding: 0 18px 0 0; } .RadMenu_SkinNAV .rmSlide .rmItem a.rmLink .rmExpandRight, .RadMenu_SkinNAV .rmSlide .rmItem a.rmLink:link .rmExpandRight, .RadMenu_SkinNAV .rmSlide .rmItem a.rmLink:visited .rmExpandRight, .RadMenu_ContentActions .rmGroup .rmItem a.rmLink .rmExpandRight, .RadMenu_ContentActions .rmGroup .rmItem a.rmLink:link .rmExpandRight, .RadMenu_ContentActions .rmGroup .rmItem a.rmLink:visited .rmExpandRight { display: block; padding: 0 18px 0 0; background: transparent url(images/icn_menuHasChildrens.png) right center no-repeat; } .RadMenu_SkinNAV .rmSlide .rmItem a.rmExpanded .rmExpandRight, .RadMenu_SkinNAV .rmSlide .rmItem a.rmExpanded:link .rmExpandRight, .RadMenu_SkinNAV .rmSlide .rmItem a.rmExpanded:visited .rmExpandRight, .RadMenu_ContentActions .rmGroup .rmItem a.rmExpanded .rmExpandRight, .RadMenu_ContentActions .rmGroup .rmItem a.rmExpanded:link .rmExpandRight, .RadMenu_ContentActions .rmGroup .rmItem a.rmExpanded:visited .rmExpandRight { background: transparent url(images/icn_menuHasChildrens_expanded.png) right center no-repeat; } .RadMenu_ContentActions .rmGroup .rmSeparator { background: #027ed1; } .RadMenu .rmRootGroup .rmVertical .rmSeparator .rmText, .RadMenu_Context .rmVertical .rmSeparator .rmText, .RadMenu_ContentActions .rmGroup .rmSeparator .rmText { margin: 0 0 0 2px !important; padding: 0; } /********************************************************************/ /* Rad Tab CSS */ /********************************************************************/ .RadPanelBar_SkinTAB .rpRootGroup, .RadPanelBar_SkinTAB .rpRootGroup .rpOut { border: none!important; } .RadPanelBar_SkinTAB .rpRootGroup a.rpLink , .RadPanelBar_SkinTAB .rpRootGroup a.rpLink:link, .RadPanelBar_SkinTAB .rpRootGroup a.rpLink:visited { border-width: 0; background: transparent url(images/img_radtabBG.png) 0 0 no-repeat; padding: 9px; margin: 0 0 2px 0; text-decoration: none; position: relative; white-space: normal;} .RadPanelBar_SkinTAB .rpRootGroup a.rpLink:hover, .RadPanelBar_SkinTAB .rpRootGroup a.rpLink:focus, .RadPanelBar_SkinTAB .rpRootGroup a.rpLink:active { background-position: 0 -50px; } .RadPanelBar_SkinTAB .rpRootGroup a.rpLink .rpText, .RadPanelBar_SkinTAB .rpRootGroup a.rpLink:link .rpText, .RadPanelBar_SkinTAB .rpRootGroup a.rpLink:visited .rpText { color: #fff; font-size: 14px; line-height: 20px; font-weight: bold; } .RadPanelBar_SkinTAB .rpRootGroup .rpExpandable .rpExpandHandle { height: 26px; width: 26px; margin: -3px 0 0 0; background: transparent url(images/img_radtabIcons.png) 0 0 no-repeat; } .RadPanelBar_SkinTAB .rpRootGroup .rpExpanded .rpExpandHandle { height: 26px; width: 26px; margin: -3px 0 0 0; background: transparent url(images/img_radtabIcons.png) 0 -26px no-repeat; } .RadPanelBar_SkinTAB .rpSlide { margin: -3px 12px 0 12px; } .RadPanelBar_SkinTAB .rpSlide .rpLevel1 { background-color: #fff; border: #dedede 1px solid; width: auto!important; } .RadPanelBar_SkinTAB .rpSlide a.rpLink , .RadPanelBar_SkinTAB .rpSlide a.rpLink:link, .RadPanelBar_SkinTAB .rpSlide a.rpLink:visited { padding: 4px; margin: 0; background: transparent; } .RadPanelBar_SkinTAB .rpSlide a.rpLink .rpText, .RadPanelBar_SkinTAB .rpSlide a.rpLink:link .rpText, .RadPanelBar_SkinTAB .rpSlide a.rpLink:visited .rpText { color: #655454; font-size: 12px; line-height: 20px; font-weight: normal; } .RadPanelBar_SkinTAB .rpSlide a.rpLink:hover .rpText, .RadPanelBar_SkinTAB .rpSlide a.rpLink:focus .rpText, .RadPanelBar_SkinTAB .rpSlide a.rpLink:active .rpText { color: #0099ff; } .RadPanelBar_SkinTAB .rpSlide .rpExpandable .rpExpandHandle { height: 20px; width: 20px; margin: 0!important; background: transparent url(images/img_radtabChildIcons.png) 0 0 no-repeat; } .RadPanelBar_SkinTAB .rpSlide .rpExpanded .rpExpandHandle { height: 20px; width: 20px; margin: 0!important; background: transparent url(images/img_radtabChildIcons.png) 0 -24px no-repeat; } .RadPanelBar_SkinTAB .rpLevel2 .rpOut { padding: 0; } /********************************************************************/ /* DNN 6 Fix */ /********************************************************************/ #dnnCPWrap a, #dnnCPWrap a:link, #dnnCPWrap a:visited { text-decoration: none; } #dnnCPWrap a:hover span, #dnnCPWrap a:active span, #dnnCPWrap a:focus span, #dnnCommonTasks a:hover, #dnnCommonTasks a:active, #dnnCommonTasks a:focus, #dnnCurrentPage a:hover, #dnnCurrentPage a:active, #dnnCurrentPage a:focus, #dnnOtherTools a:hover, #dnnOtherTools a:active, #dnnOtherTools a:focus { text-decoration: underline; } /********************************************************************/ /* Siliding Content CSS */ /********************************************************************/ .showcase { position: relative; background-color: #0099ff; } .showcase-button-wrapper { position: relative; z-index: 2; width: 960px; text-align: right; margin: auto; } .showcase-button-wrapper span { text-indent: -9999px; background: transparent url(/images/spacer.gif) 0 0 no-repeat; width: 36px; margin: 0 6px 0 0; display: inline; text-align:left; float: left; border-bottom: #303030 solid 4px; line-height: 0; font-size: 0; cursor: pointer; } .showcase-button-wrapper span.active { border-bottom: #fff solid 4px; } .showcase-button-float { float: right; margin: -18px 0 0 0; } .showcase-caption { position: relative; width: 400px; min-height: 175px; } .showcase-captionHide { display: none; } .showcase-discription { position: relative; float: left; width: 400px; min-height: 175px; } .showcase-discriptionBG { background-color: #07395a; opacity: 0.5; filter:alpha(opacity=50); position: absolute; height: 100%; width: 100%; top: 0; left: 0;} .showcase-discriptionArea { position: relative; padding: 6px 6px 0 6px; } .showcase-slideBG { padding: 10px 0; } .RotatingShowCase .showcase-slideBG, .RotatingShowCase .showcase-slideContent, .RotatingShowCase .showcase-slideContent table { height: 280px; } .showcase-logo { margin: 0 0 6px 12px; } .Skin_SCHeadText { color: #fff; font-size: 32px; text-transform: uppercase; line-height: 32px; font-weight: normal; text-align:justify; } .Skin_SCNormalText { color: #fff; font-size: 12px; font-weight: normal; text-transform: uppercase; line-height: 18px; text-align:justify; } .Skin_SCNormalLinkHolder { padding: 12px 0 0 0; } .Skin_blueHeaderBG { background-color: #0099FF; padding: 18px 0; } .Skin_blueHeaderBG h1, .Skin_blueHeaderBG h2, .Skin_blueHeaderBG h3, .Skin_blueHeaderBG h4, .Skin_blueHeaderBG h5, .Skin_blueHeaderBG h6, .Skin_blueHeaderBG p, .Skin_blueHeaderBG .Normal { color: #fff; } a.Skin_SCNormalLink, a.Skin_SCNormalLink:link, a.Skin_SCNormalLink:visited { color: #fff; font-size: 12px; font-weight: normal; text-transform: uppercase; line-height: 20px; background-color: #064f80; padding: 2px 6px; display: block; float: left; margin: 0 6px 6px 0;} a.Skin_SCNoRightSpacingLink, a.Skin_SCNoRightSpacingLink:link, a.Skin_SCNoRightSpacingLink:visited { margin: 0 0 6px 0; } a.Skin_SCNormalLink:hover, a.Skin_SCNormalLink:focus, a.Skin_SCNormalLink:active { background-color: #303030; } .Skin_HighlightedContent { background-color: #303030; padding: 12px 0; } a.Skin_HighlightedLinks, a.Skin_HighlightedLinks:link, a.Skin_HighlightedLinks:visited { display: block; width: 240px; float: left; } a.Skin_HighlightedLinks span, a.Skin_HighlightedLinks:link span, a.Skin_HighlightedLinks:visited span { font-size: 16px; line-height: 20px; display:block; color: #fff; text-decoration: none; margin: 16px 0 0 0; } a.Skin_HighlightedLinks img, a.Skin_HighlightedLinks:link img, a.Skin_HighlightedLinks:visited img { margin: 0 12px 0 0; } a.Skin_HighlightedLinks, a.Skin_HighlightedLinks:link, a.Skin_HighlightedLinks:visited, a.Skin_HighlightedLinks span, a.Skin_HighlightedLinks:link span, a.Skin_HighlightedLinks:visited span, a.Skin_HighlightedLinks img, a.Skin_HighlightedLinks:link img, a.Skin_HighlightedLinks:visited img { vertical-align: middle; float: left; } a.Skin_ActiveLinks span, a.Skin_ActiveLinks:link span, a.Skin_ActiveLinks:visited span, a.Skin_ActiveLinks:hover span, a.Skin_ActiveLinks:active span, a.Skin_ActiveLinks:focus span, a.Skin_HighlightedLinks:hover span, a.Skin_HighlightedLinks:active span, a.Skin_HighlightedLinks:focus span { color: #0099FF; } .Skin_HeaderNormalLinkHolder span, a.Skin_HeaderNormalLink, a.Skin_HeaderNormalLink:link, a.Skin_HeaderNormalLink:visited { font-size: 16px; line-height: 20px; color: #fff; text-decoration: none; margin: 16px 0 0 0; display: block; float: left;} a.Skin_HeaderNormalLink:hover, a.Skin_HeaderNormalLink:active, a.Skin_HeaderNormalLink:focus { color: #0099FF; } /********************************************************************/ /* New & Press CSS */ /********************************************************************/ .newsList { clear: both; margin: 0 0 12px 0;} .newsItems { width: 225px; margin: 0 20px 0 0; float: left;} .newsLastItems { margin: 0; } .newsHead, a.newsHeadLink, a.newsHeadLink:link, a.newsHeadLink:visited { font-size: 14px; line-height: 20px; } .newsSummery { font-size: 12px; line-height: 20px; } .newsDate { float: left; width: 40px; padding: 15px 16px 12px 8px; background: transparent url(images/img_NewsDateBG.gif) 0 0 no-repeat; font-size: 16px; line-height: 16px; font-weight: bold; text-align: center; text-transform: uppercase; color: #0099FF; } .newsDetail { float: left; width: 161px; } /********************************************************************/ /* Blog CSS */ /********************************************************************/ .blogList { clear: both; margin: 12px 0;} .blogItems { padding: 0 0 6px 0;} .blogLastItems { padding: 0; } .blogHead, a.blogHeadlink, a.blogHeadlink:link, a.blogHeadlink:visited, .blogSummery { font-size: 12px; line-height: 16px; } .blogDate { padding: 0 2px; font-size: 12px; line-height: 16px; width: 50px; font-weight: bold; text-align: center; text-transform: uppercase; color: #fff; background-color: #303030; float: left; } .blogDetail { padding: 0 0 0 60px; } .article_blogList { padding: 12px 0 0 0; } .article_blogItem { float: left; width: 300px; margin: 0 20px 20px 0; } .article_blogDetail { background-color: #fff; border: 1px solid #e3e3e3; border-bottom: none; -moz-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; padding: 12px; } .article_blogHead, a.article_blogHeadLink, a.article_blogHeadLink:link, a.article_blogHeadLink:visited { font-size: 18px; line-height: 20px; color: #0099ff; text-decoration: none; padding: 0; margin: 0; } a.article_blogHeadLink:hover, a.article_blogHeadLink:focus, a.article_blogHeadLink:active { color: #303030; } .article_blogSummary { font-size: 12px; line-height: 20px; color: #222; padding: 0; margin: 0; } .article_blogImage { text-align: center; overflow: hidden; height: 100px; vertical-align: middle; } .article_blogImage img { max-height: 100px; vertical-align: middle; } .article_blogFooter { background-color: #e7e7e7; border: 1px solid #e3e3e3; border-top: none; -moz-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px; padding: 6px; } .article_blogAuthor { font-size: 12px; line-height: 20px; color: #0099ff; } ul.article_blogUL { padding: 0; margin: 0 0 0 20px; } ul.article_blogUL li { padding: 0; margin: 0; list-style-type: circle; color: #303030; } a.article_blogULLink, a.article_blogULLink:link, a.article_blogULLink:visited { font-size: 12px; line-height: 20px; color: #0099ff; text-decoration: none; } a.article_blogULLink:hover, a.article_blogULLink:focus, a.article_blogULLink:active { color: #303030; } h3.article_blogULHead { font-size: 16px; line-height: 20px; color: #303030; font-family: Arial Black,Arial,Helvetica,sans-serif; font-weight: 400; float: left; margin: 0 6px 0 0; } a.article_blogViewAll, a.article_blogViewAll:link, a.article_blogViewAll:visited { font-size: 12px; line-height: 24px; color: #0099ff; float: left; text-decoration: none; } a.article_blogViewAll:hover, a.article_blogViewAll:focus, a.article_blogViewAll:active { color: #303030; } .article_fullBlog .article_blogHead { padding: 0 0 6px 0; } .article_fullBlog .article_blogSummary { padding: 0 0 12px 0; } .article_fullBlog .article_blogRating { margin: 2px 0; } .article_fullBlogDivider { border-top: 1px solid #d4d4d4; border-bottom: 1px solid #fff; margin: 0 0 12px 0; } /********************************************************************/ /* Twitter CSS */ /********************************************************************/ .tweetList { clear: both; margin: 12px 0 18px 0;} .tweetItems { padding: 0 0 6px 0;} .tweetLastItems { padding: 0;} ul.tweet_list { padding: 0; margin: 12px 0; } ul.tweet_list li { margin: 0; list-style: none; padding: 0 0 6px 0; } .tweet_time { display: block; text-align: right; font-style: italic; font-size: 11px; line-height: 16px; color: #555555; } .tweet_text, .tweet_text a, .tweet_text a:link, .tweet_text a:visited { font-size: 12px; line-height: 20px; vertical-align: top; } /********************************************************************/ /* Custom CSS */ /********************************************************************/ a.darkHeadLink, a.darkHeadLink:link, a.darkHeadLink:visited { font-family: Arial Black,Arial,Helvetica,sans-serif; font-size: 18px; font-weight: 400; line-height: 28px; text-decoration: none; color: #303030;} a.darkHeadLink:hover, a.darkHeadLink:focus, a.darkHeadLink:active { color: #0099FF; } a.blueHeadLink, a.blueHeadLink:link, a.blueHeadLink:visited { font-family: Arial Black,Arial,Helvetica,sans-serif; font-size: 18px; font-weight: 400; line-height: 28px; text-decoration: none; color: #0099FF;} a.blueHeadLink:hover, a.blueHeadLink:focus, a.blueHeadLink:active { color: #303030; } .marginBottom { margin-bottom: 12px; } /********************************************************************/ /* Team Social Network Links CSS */ /********************************************************************/ .teamSNHolder { position: relative; } .teamSNLinks { position: absolute; bottom: 12px; right: 12px; } .teamPNInfo { position: absolute; top: 270px; left: 8px; width: 285px; } .teamPNName { font-size: 16px; line-height: 18px; color: #303030; margin: 0 6px 0 0; text-transform: uppercase; float: left; font-weight: bold; padding: 0; } .teamPNPosition { font-size: 14px; line-height: 18px; color: #303030; float: left; font-weight: normal; font-style: italic; } .teamPNContactInfo { font-size: 12px; line-height: 18px; color: #303030; font-weight: normal; } a.teamSN_Facebook, a.teamSN_Facebook:link, a.teamSN_Facebook:visited, a.teamSN_Twitter, a.teamSN_Twitter:link, a.teamSN_Twitter:visited, a.teamSN_Linkedin, a.teamSN_Linkedin:link, a.teamSN_Linkedin:visited { float: left; display: block; height: 16px; margin: 0 6px 0 0; width: 16px; overflow: hidden; background-color: transparent; background-position: 0 0; background-repeat: no-repeat; text-indent: -9999px; } a.teamSN_Facebook, a.teamSN_Facebook:link, a.teamSN_Facebook:visited { background-image: url(images/icn_teamFacebook.gif); } a.teamSN_Twitter, a.teamSN_Twitter:link, a.teamSN_Twitter:visited { background-image: url(images/icn_teamTwitter.gif); } a.teamSN_Linkedin, a.teamSN_Linkedin:link, a.teamSN_Linkedin:visited { background-image: url(images/icn_teamLinkedin.gif); margin: 0; } a.teamSN_Facebook:hover, a.teamSN_Facebook:focus, a.teamSN_Facebook:active, a.teamSN_Twitter:hover, a.teamSN_Twitter:focus, a.teamSN_Twitter:active, a.teamSN_Linkedin:hover, a.teamSN_Linkedin:focus, a.teamSN_Linkedin:active { background-position: 0 -20px; } /********************************************************************/ /* Team Gallery CSS */ /********************************************************************/ .teamPhotoHolder { padding: 6px 0; text-align: center; } a.teamPhotoLinks img, a.teamPhotoLinks:link img, a.teamPhotoLinks:visited img { border: 1px solid #c7c7c7; margin: 0 6px 0 0;} a.teamPhotoLinks:hover img, a.teamPhotoLinks:focus img, a.teamPhotoLinks:active img { border: 1px solid #0099ff; } a.teamPhotoLastLinks img, a.teamPhotoLastLinks:link img, a.teamPhotoLastLinks:visited img { margin: 0; } /********************************************************************/ /* Features CSS */ /********************************************************************/ .featureHeadLink { vertical-align: middle; } .normalBlackHead { color: #303030; font-weight: 400; font-size: 18px; line-height: 28px; vertical-align: middle; font-family: Arial Black,Arial,Helvetica,sans-serif; margin: 0 0 12px 0;} a.normalBlueLink, a.normalBlueLink:link, a.normalBlueLink:visited { color: #0099ff; font-weight: normal; font-size: 16px; line-height: 28px; font-family: Arial,Helvetica,sans-serif; } a.normalBlueLink:hover, a.normalBlueLink:active, a.normalBlueLink:focus { color: #303030; } .normalBlackHead sup { vertical-align: top; font-size: 8px; } .featureItem { float: left; display: block; margin: 0 20px 20px 0; width: 225px; } .featureImage { background-color: #fff; border: #d5d5d5 1px solid; height: 160px; overflow: hidden; -moz-border-radius: 8px; border-radius: 8px; } .featureHead, a.featureHeadLink, a.featureHeadLink:link, a.featureHeadLink:visited { color: #303030; font-family: Arial Black,Arial,Helvetica,sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; text-decoration: none; } a.featureHeadLink:hover, a.featureHeadLink:focus, a.featureHeadLink:active { color: #0099ff; } .featureDescription { font-size: 12px; line-height: 20px; height: 60px; overflow: hidden; } .featureLinksHolder { text-align: right; } a.featureLink, a.featureLink:link, a.featureLink:visited { font-size: 12px; line-height: 20px; color: #0099ff; text-decoration: none; padding: 4px 2px 4px 24px; background: transparent url(images/icn_featureArrow.png) 0 0 no-repeat; } a.featureLink:hover, a.featureLink:active, a.featureLink:focus { color: #303030; background-position: 0 -32px; } .moveTopHolder { background: #f4f4f4 url(images/img_divider.gif) left center repeat-x; text-align: center; margin: 12px 0; } a.moveTopLink, a.moveTopLink:link, a.moveTopLink:visited { background: #f4f4f4 url(images/icn_backToTop.png) 6px 0 no-repeat; padding: 2px 12px 2px 26px; font-size: 12px; line-height: 20px; color: #0099ff; text-decoration: none; } a.moveTopLink:hover, a.moveTopLink:focus, a.moveTopLink:active { color: #303030; background-position: 6px -22px; } a.viewAllFeaturesLink, a.viewAllFeaturesLink:link, a.viewAllFeaturesLink:visited { background: transparent url(images/icn_arrowButton.png) 0 0 no-repeat; padding: 5px 10px 5px 32px; font-size: 14px; line-height: 16px; height: 16px; color: #0099ff; text-decoration: none; font-weight: bold; width: 121px; } a.viewAllFeaturesLink:hover, a.viewAllFeaturesLink:focus, a.viewAllFeaturesLink:active { color: #303030; background-position: 0 -46px; } /********************************************************************/ /* Customer Stories CSS */ /********************************************************************/ .storyHeader { color: #303030; font-family: Arial Black,Arial,Helvetica,sans-serif; font-size: 20px; font-weight: 400; line-height: 24px; } .storyItem { background-color: #fff; border: #d6d6d6 1px solid; -moz-border-radius: 8px 9px 9px 8px; border-radius: 8px 9px 9px 8px; margin: 0 0 20px 0; } .storyImage { width: 136px; float: left; vertical-align: middle; display: block; text-align: center; padding: 12px; border-right: #d6d6d6 1px solid; } .storyImage img { margin: auto; border: none; } .storyDetail { width: 588px; float: left; padding: 12px; } .storyHead { color: #0099ff; font-family: Arial Black,Arial,Helvetica,sans-serif; font-size: 18px; font-weight: 400; line-height: 26px; margin: 0 0 6px 0; } .customerDetail { text-align: right; background-color: #95d5ff; border-left: #d6d6d6 1px solid; -moz-border-radius: 0 8px 8px 0; border-radius: 0 8px 8px 0; float: left; display: block; width: 160px; padding: 12px; } .customerReview { font-style: italic; text-align: left; padding: 0 0 12px 0; } .customerName { font-size: 14px; font-weight: bold; line-height: 20px; color: #303030; } /********************************************************************/ /* Pricing CSS */ /********************************************************************/ .pricingListHolder { border: #acdeff 1px solid; background-color: #77c9ff; -moz-box-shadow: 0 4px 8px rgba(0,0,0,0.4); -webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.4); box-shadow: 0 4px 8px rgba(0,0,0,0.4);} .pricingItemBlue, .pricingItemGray { border-right: #acdeff 1px solid; float: left; width: 33.264%; position: relative; background-image: url(images/img_pricingHead.png); background-repeat: repeat-x; background-position: 0 0;} .pricingItemBlue { background-color: #77c9ff; } .pricingItemGray { background-color: #404040; } .pricingItemBlue:hover, .pricingItemBlue:focus, .pricingItemBlue:active, .pricingItemGray:hover, .pricingItemGray:focus, .pricingItemGray:active { -moz-box-shadow: inset 0 0 10px #000; -webkit-box-shadow: inset 0 0 10px #000; box-shadow: inset 0 0 10px #000; } .pricingLastItem { border: none; } .pricingItemTag { position: absolute; top: -3px; right: -3px; z-index: 2; } .pricingItemHead { text-align: center; padding: 32px 0 12px 0; } .pricingHead { color: #fff; font-size: 22px; font-weight: Normal; line-height: 24px; text-align: center; } .pricingType { color: #fff; font-size: 18px; font-weight: Normal; line-height: 24px; text-align: center; font-style: italic; } .pricingItemPrice { margin: auto; width: 88px; height: 24px; padding: 44px 12px; text-align: center; } .pricingItemBlue .pricingItemPrice { background: transparent url(images/img_whitePriceBG.png) 0 0 no-repeat; } .pricingItemGray .pricingItemPrice { background: transparent url(images/img_blackPriceBG.png) 0 0 no-repeat; } .itemPrice { color: #0099ff; font-size: 20px; font-weight: Normal; line-height: 24px; text-align: center; } .itemPriceDetail { color: #a1a7b0; font-size: 11px; font-weight: Normal; line-height: 16px; text-align: center; text-transform: uppercase; } .pricingItemDetail { padding: 12px 12px 20px 12px; } .pricingItemDescription { -moz-border-radius: 8px; border-radius: 8px; padding: 12px; background-color: #fff; min-height: 100px; _height: 100px; margin: 0; border: #b6b6b6 1px solid; -moz-box-shadow: inset -5px -5px 10px #c5c5c5; -webkit-box-shadow: inset -5px -5px 10px #c5c5c5; box-shadow: inset -5px -5px 10px #c5c5c5;} .pricingCompareLinkHolder { text-align: center; } a.pricingCompareLink, a.pricingCompareLink:link, a.pricingCompareLink:visited { background: #00385e url(images/img_blueButton.gif) 0 0 repeat-x; padding: 8px 12px; font-size: 12px; font-weight: Normal; line-height: 24px; color: #fff; text-transform: uppercase; border: #00385e 1px solid; } a.pricingCompareLink:hover, a.pricingCompareLink:focus, a.pricingCompareLink:active { background: #005e04 url(images/img_greenButton.gif) 0 0 repeat-x; border: #005e04 1px solid; } /********************************************************************/ /* Blue Pricing Table CSS */ /********************************************************************/ .bluePricingTableholder .pricingTableItemFeature { background-color: #cae9fe; } .bluePricingTableholder .pricingTableHeader .pricingTableStandard { background: transparent url(images/img_standardBG.gif) 0 0 no-repeat; } .bluePricingTableholder .pricingTableHeader .pricingTableProfessional { background: transparent url(images/img_professionalBG.gif) 0 0 no-repeat; } .bluePricingTableholder .pricingTableHeader .pricingTableItemFeature { background-color: transparent; } .bluePricingTableholder .pricingTableStandard { background-color: #8bd0fe; } .bluePricingTableholder .pricingTableProfessional { background-color: #4cb7ff; } .bluePricingTableholder .pricingTableSubItemHead .pricingTableItemFeature, .bluePricingTableholder .pricingTableSubItemHead .pricingTableStandard, .bluePricingTableholder .pricingTableSubItemHead .pricingTableProfessional { background-color: #fff; border-bottom: 1px solid #0099ff; } .bluePricingTableholder .pricingTableSubItemHead .Head { color: #0099ff; font-size: 12px; font-weight: bold; line-height: 20px; font-style: italic; } .bluePricingTableholder a.showPriceListLink, .bluePricingTableholder a.showPriceListLink:link, .bluePricingTableholder a.showPriceListLink:visited { background-image: url(images/icn_bluePlus.gif); } .bluePricingTableholder a.priceListExpanded, .bluePricingTableholder a.priceListExpanded:link, .bluePricingTableholder a.priceListExpanded:visited { background-image: url(images/icn_blueMinus.gif); } .bluePricingTableholder .pricingTableBoldText { color: #303030; } /********************************************************************/ /* Red Pricing Table CSS */ /********************************************************************/ .redPricingTableholder .pricingTableItemFeature { background-color: #ff8b5e; } .redPricingTableholder .pricingTableHeader .pricingTableStandard { background: transparent url(images/img_silverBG.gif) 0 0 no-repeat; } .redPricingTableholder .pricingTableHeader .pricingTableProfessional { background: transparent url(images/img_goldBG.gif) 0 0 no-repeat; } .redPricingTableholder .pricingTableHeader .pricingTableItemFeature { background-color: transparent; } .redPricingTableholder .pricingTableStandard { background-color: #d70000; } .redPricingTableholder .pricingTableProfessional { background-color: #a20000; } .redPricingTableholder .pricingTableSubItemHead .pricingTableItemFeature, .redPricingTableholder .pricingTableSubItemHead .pricingTableStandard, .redPricingTableholder .pricingTableSubItemHead .pricingTableProfessional { background-color: #fff; border-bottom: 1px solid #d70000; } .redPricingTableholder .pricingTableSubItemHead .Head { color: #d70000; font-size: 12px; font-weight: bold; line-height: 20px; font-style: italic; } .redPricingTableholder a.showPriceListLink, .redPricingTableholder a.showPriceListLink:link, .redPricingTableholder a.showPriceListLink:visited { background-image: url(images/icn_redPlus.gif); } .redPricingTableholder a.priceListExpanded, .redPricingTableholder a.priceListExpanded:link, .redPricingTableholder a.priceListExpanded:visited { background-image: url(images/icn_redMinus.gif); } .redPricingTableholder .pricingTableBoldText { color: #000; } /********************************************************************/ /* Pricing Table CSS */ /********************************************************************/ .pricingTableholder { background-color: #fff; border: 1px solid #e0e0e0; padding: 12px; -moz-border-radius: 8px; border-radius: 8px; } .pricingTableHeader h2 { color: #303030; font-family: Arial Black,Arial,Helvetica,sans-serif; font-size: 20px; font-weight: 400; line-height: 24px; margin: 10px 0 0 0; } .pricingTableHeader h4 { color: #fff; font-size: 16px; font-weight: bold; line-height: 20px; text-align: center; } .pricingTableHeader h5 { color: #fff; font-size: 12px; font-weight: bold; line-height: 20px; text-align: center; } .pricingTableSubItem .pricingTableItemFeature { background-color: #f4f4f4; padding: 6px 6px 6px 25px; width: 618px; } .pricingTableSubItemHead .pricingTableItemFeature { padding: 6px 6px 6px 12px; width: 631px; } .pricingTableSubItem .pricingTableStandard { background-color: #d4d4d4; } .pricingTableSubItem .pricingTableProfessional { background-color: #b9b9b9; } .pricingTableBoldText { font-size: 14px; font-weight: bold; line-height: 20px; } .pricingTableItem { display: block; } .pricingTableItemFeature { float: left; width: 637px; padding: 6px; height: 21px; margin: 1px 1px 0 0; } .pricingTableStandard, .pricingTableProfessional { float: left; width: 127px; padding: 6px; height: 21px; margin: 1px 1px 0 0; text-align: center; } .pricingTableItem .pricingTableStandard .Normal, .pricingTableItem .pricingTableProfessional .Normal { color: #fff; } .pricingTableSubItem .pricingTableStandard .Normal, .pricingTableSubItem .pricingTableProfessional .Normal { color: #000; } .pricingTableHeader .pricingTableItemFeature, .pricingTableHeader .pricingTableStandard, .pricingTableHeader .pricingTableProfessional { border: none; height: auto; } .pricingTableSubItemList { display: none; } .pricingTableItem .isStandard, .pricingTableItem .isProfessional { background-position: center center; background-repeat: no-repeat; background-image: url(images/icon_check_main.gif); } .pricingTableSubItemList .isStandard, .pricingTableSubItemList .isProfessional { background-image: url(images/icon_check.gif); } a.showPriceListLink, a.showPriceListLink:link, a.showPriceListLink:visited { float:left; text-indent: -9999px; height: 20px; width: 20px; background-color: transparent; background-position: center center; background-repeat: no-repeat; } /********************************************************************/ /* SombreroPAY CSS */ /********************************************************************/ .spayHolder { background-color: #fff; border: 1px solid #e0e0e0; padding: 12px; -moz-border-radius: 8px; border-radius: 8px; } .spayQuestion { width: 400px; background-color: #72ad00; margin: 2px 2px 0 0; padding: 12px; vertical-align: middle; color: #fff; font-size: 16px; line-height: 20px; font-weight: bold; float: left; } .spayAnswer { float: left; width: 484px; margin: 2px 0 0 0; background-color: #4d7500; color: #fff; font-size: 12px; line-height: 20px; font-weight: normal; padding: 12px; vertical-align: middle; } a.GetStartedLink, a.GetStartedLink:link, a.GetStartedLink:visited { font-size: 18px; line-height: 24px; color: #fff; text-transform: uppercase; padding: 18px 64px 18px 16px; float: right; margin: 12px 0 0 0; font-weight: bold; display: block; background-color: transparent; text-decoration: none; background-position: 0 0; background-repeat: no-repeat; background-image: url(images/img_GetStartedBG.png); } a.GetStartedLink:hover, a.GetStartedLink:focus, a.GetStartedLink:active { background-position: 0 -69px; } /********************************************************************/ /* Gallery CSS */ /********************************************************************/ .galleryHolder { position: relative; } img.galleryImage { margin: 0; padding: 0; } .galleryInfo { position: absolute; bottom: 10px; padding: 6px 12px; display: block; width: 90%; } a.galleryName, a.galleryName:link, a.galleryName:visited, .galleryType { font-size: 12px; line-height: 18px; font-weight: normal; } a.galleryName, a.galleryName:link, a.galleryName:visited, .galleryName { color: #0099ff; } a.galleryName:hover, a.galleryName:focus, a.galleryName:active { color: #303030; } .galleryType { color: #303030; text-transform: uppercase; } /********************************************************************/ /* Lightbox CSS */ /********************************************************************/ #jquery-overlay { position: absolute; top: 0; left: 0; z-index: 9998; width: 100%; height: 500px; } #jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 9999; text-align: center; line-height: 0; } #jquery-lightbox a img { border: none; } #lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #lightbox-container-image { padding: 10px; } #lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none;} #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; } #lightbox-nav-btnPrev { left: 0; float: left; } #lightbox-nav-btnNext { right: 0; float: right; } #lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; } #lightbox-container-image-data { padding: 0 10px; color: #666; } #lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; } #lightbox-image-details-caption { font-weight: bold; } #lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; } #lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; } /********************************************************************/ /* Portfolio CSS */ /********************************************************************/ .Skin_PortFolioArea { width: 978px; padding: 0 0 0 18px; } .portfolioFilter { text-align: center; padding: 24px 0; } a.portfolioFilterLinks, a.portfolioFilterLinks:link, a.portfolioFilterLinks:visited { padding: 4px 12px; background-color: transparent; -moz-border-radius: 6px; border-radius: 6px; border: 1px solid transparent; color: #303030; text-decoration: none; font-size: 14px; line-height: 20px; } a.portfolioFilterLinks:hover, a.portfolioFilterLinks:focus, a.portfolioFilterLinks:active { background-color: #dadada; -moz-box-shadow: inset 0 0 10px #b6b6b6; -webkit-box-shadow: inset 0 0 10px #b6b6b6; box-shadow: inset 0 0 10px #b6b6b6; } a.selectedFilterLinks, a.selectedFilterLinks:link, a.selectedFilterLinks:visited { background-color: #5d5d5d; border-color: #000; color: #fff; -moz-box-shadow: inset 0 0 10px #000; -webkit-box-shadow: inset 0 0 10px #000; box-shadow: inset 0 0 10px #000; } .portfolioHolder { clear: both; position: relative; min-height: 950px; } .portfolioItem { float: left; width: 308px; padding: 18px 18px 18px 0; } .portfolioNoMarginItem { padding: 18px 0 18px 0; } .portfolioImageHolder { background: #f4f4f4 url(images/img_portfolioItemShadow.jpg) center bottom no-repeat; padding: 0 0 12px 0;} .portfolioImageBorder { border: 1px solid #b6b6b6; background-color: #dadada; } .portfolioImageBG { border: 1px solid #fff; background-color: #dadada; padding: 8px; position: relative; } .portfolioImageSection { border: 1px solid #b6b6b6; padding: 5px; width: 276px; height: 190px; background: url(images/lightbox-ico-loading.gif) center center no-repeat #fff; } .portfolioImage { overflow: hidden; text-align: center; } .portfolioColors { position: absolute; top: -16px; right: 0; padding: 5px 10px 5px 7px; background: transparent url(images/img_portfolioThemeColors.jpg) 0 0 no-repeat; } a.portfolioColorsLink, a.portfolioColorsLink:link, a.portfolioColorsLink:visited { float: left; height: 16px; width: 16px; text-indent: -9999px; display: block; margin: 0 0 0 2px; background: transparent url(images/icn_portfolioStrip.png) 0 0 no-repeat; } a.blueTheme, a.blueTheme:link, a.blueTheme:visited { background-position: 0 0; } a.blueTheme:hover, a.blueTheme:focus, a.blueTheme:active { background-position: 0 -50px; } a.greenTheme, a.greenTheme:link, a.greenTheme:visited { background-position: 0 -100px; } a.greenTheme:hover, a.greenTheme:focus, a.greenTheme:active { background-position: 0 -150px; } a.redTheme, a.redTheme:link, a.redTheme:visited { background-position: 0 -200px; } a.redTheme:hover, a.redTheme:focus, a.redTheme:active { background-position: 0 -250px; } a.grayTheme, a.grayTheme:link, a.grayTheme:visited { background-position: 0 -300px; } a.grayTheme:hover, a.grayTheme:focus, a.grayTheme:active { background-position: 0 -350px; } .portfolioHead { padding: 6px 0 0 0; } h3.portfolioHeader { color: #303030; float: left; font-size: 18px; line-height: 20px; } a.portfolioLink, a.portfolioLink:link, a.portfolioLink:visited { float: left; height: 20px; width: 20px; text-indent: -9999px; display: block; margin: 0 0 0 2px; background: transparent url(images/icn_portfolioStrip.png) 0 0 no-repeat; } a.themeFullView, a.themeFullView:link, a.themeFullView:visited { background-position: 0 -398px; } a.themeFullView:hover, a.themeFullView:focus, a.themeFullView:active { background-position: 0 -448px; } a.themePricing, a.themePricing:link, a.themePricing:visited { background-position: 0 -498px; } a.themePricing:hover, a.themePricing:focus, a.themePricing:active { background-position: 0 -548px; } a.themeMoreInfo, a.themeMoreInfo:link, a.themeMoreInfo:visited { background-position: 0 -598px; } a.themeMoreInfo:hover, a.themeMoreInfo:focus, a.themeMoreInfo:active { background-position: 0 -648px; } /********************************************************************/ /* Portfolio Dialog CSS */ /********************************************************************/ .ui-widget-overlay { background: #000; background-color: rgba(0,0,0,0.8); position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 7001!important; } .ui-dialog { z-index: 7002!important; } .ui-dialog-titlebar { display: none; } .potfolioDialog { position: relative; padding: 0; } .caption-wraper { position: absolute; top: 0; left: 0; text-align: center; display: block; width: 100%; } .caption { margin: -50px auto 0 auto; -moz-border-radius: 8px; border-radius: 8px; background-color: #0099ff; font-size: 16px; line-height: 20px; color: #fff; padding: 6px 12px; display: table; } .pika-wraper { -moz-border-radius: 8px; border-radius: 8px; background-color: rgba(0,0,0,0.5); padding: 11px; position: relative; } a.potfolioDialogClose, a.potfolioDialogClose:link, a.potfolioDialogClose:visited { position: absolute; top: -10px; right: -6px; height: 32px; width: 32px; background: transparent url(images/icn_dialogCloseButton.png) 0 0 no-repeat; display: block; float: right; text-indent: -99999px; z-index: 1; } a.potfolioDialogClose:hover { background-position: 0 -50px; } ul.pika-thumbs { margin: auto; padding: 12px 0; text-align: center; } ul.pika-thumbs:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .pika-thumbs li { width: 100px; margin: 10px 0 0 17px; padding: 0; overflow: hidden; float: left; list-style-type: none; padding: 3px; margin: 0 5px; background-color: #000; cursor: pointer; } .pika-thumbs li.active { background-color: #0099ff; } .pika-thumbs li .clip { position: relative; height: 100%; text-align: center; vertical-align: center; overflow: hidden; } .pika-stage { background: url(images/lightbox-ico-loading.gif) center center no-repeat #fff; text-align:center; width: 510px; height: 550px; padding: 24px; position: relative; } .pika-stage img { position: absolute; top: 0; left: 0; width: 510px; height: 550px; margin: 24px; } .pika-imgnav a { position: absolute; text-indent: -5000px; display: block; z-index:3;} .pika-imgnav a.previous { background: url(images/lightbox-btn-prev.gif) no-repeat left 45%; height: 100%; width: 63px; top: 10px; left: 0px; cursor:pointer; } .pika-imgnav a.next { background: url(images/lightbox-btn-next.gif) no-repeat right 45%; height: 100%; width: 63px; top: 10px; right: 0px;cursor:pointer;} .pika-textnav { display: none; } .pika-counter { position: absolute; bottom: 45px; left: 15px; color: white; background:rgba(0,0,0,0.7); font-size: 11px; padding: 3px; -moz-border-radius: 5px; border-radius:5px;} .pika-loader { background:url(images/lightbox-ico-loading.gif) 3px 3px no-repeat #000; background-color:rgba(0,0,0,0.9); color:white; width:60px; font-size:11px; padding:5px 3px; text-align:right; position: absolute; top:15px; right:15px; } /********************************************************************/ /* Portfolio Pager CSS */ /********************************************************************/ ul.pagerHolder { display: table; margin:auto; padding: 1; } ul.pagerHolder li { list-style: none; float: left; display: block; } a.pagerLink, a.pagerLink:link, a.pagerLink:visited { padding: 2px 6px; background-color: transparent; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid transparent; color: #303030; text-decoration: none; font-size: 14px; line-height: 20px; margin: 0 2px; } a.pagerLink:hover { background-color: #dadada; -moz-box-shadow: inset 0 0 10px #b6b6b6; -webkit-box-shadow: inset 0 0 10px #b6b6b6; box-shadow: inset 0 0 10px #b6b6b6; } a.disableLink, a.disableLink:link, a.disableLink:visited { color: #afafaf; } a.disableLink:hover, a.disableLink:focus, a.disableLink:active { color: #afafaf; background-color: transparent; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; cursor: text; } a.selectedPagerLink, a.selectedPagerLink:link, a.selectedPagerLink:visited { background-color: #5d5d5d; border-color: #000; color: #fff; -moz-box-shadow: inset 0 0 10px #000; -webkit-box-shadow: inset 0 0 10px #000; box-shadow: inset 0 0 10px #000; } /********************************************************************/ /* Form CSS */ /********************************************************************/ .bsb-form hr { border: none; border-top: medium double #46b5ff; padding: 0; margin: 18px 0; } .bsb-form .NormalTextBox { width: 240px; } .bsb-row { background: #fff; padding: 12px; } .bsb-altrow { background: #ebf7ff; padding: 12px; } .bsb-column { float: left; padding: 0 24px 0 0; } .bsb-nopaddingcolumn { padding: 0; } .bsb-headcolumn { float: left; padding: 0 12px 0 0; } .bsb-formlabel { white-space: nowrap; font-weight: bold; display: block; } .bsb-formleft { padding: 0 19px 0 0; vertical-align: top; } .bsb-formright { width: 300px; padding: 18px; background: #0099ff; vertical-align: top; } .bsb-formerror { display: none; padding: 4px 2px 2px 22px; background: url(images/error-icn.png) 0 0 no-repeat transparent; } .bsb-formitem h1 { color: #fff; text-transform: uppercase; white-space: nowrap; } .bsb-formitem h2, .bsb-formitem h3 { color: #303030; text-transform: uppercase; white-space: nowrap; } .bsb-formitem h2 { font-size: 20px; line-height: 26px; } .bsb-formitem h1.item1 { font-size: 25px; line-height: 32px; } .bsb-formitem h1.item1 u { float: left; display: block; margin: 0 8px 0 0; } .bsb-formitem h2.item2 { font-size: 39px; line-height: 46px; } .bsb-formitem h3.item3 { font-size: 20px; line-height: 28px; letter-spacing: 1px; } .bsb-formitem h3.item4 { font-size: 24.2px; line-height: 30px; } .bsb-formitem h3.item5 { font-size: 24.2px; line-height: 30px; } .bsb-formitem h1.item6 { font-size: 110px; line-height: 90px; } .bsb-formitem p, .bsb-formitem a, .bsb-formitem a:link, .bsb-formitem a:visited { color: #fff; font-size: 14px; line-height: 20px; } .bsb-formconform p { padding: 0 0 18px 0; font-size: 14px; line-height: 20px; } .dicks-holder { position: relative; } .dicks-logo { position: absolute; bottom: 18px; right: 18px; }