/* Site Design and CSS development: Swavek Mokrzycki - email: swavekm2000@yahoo.com ------------------------------------------------- */ /* Global ------------------------------------------------- */ * { font-family: arial, helvetica, sans-serif; font-size: 12px; line-height: 14px; margin: 0; padding: 0; color: #333333; } body { margin: 0; } #body_area { width: 100%;} #shadow { background: url('/imgs/wrapperShadow.gif') repeat-y right top; padding-right: 10px; height: 100%; } #shadowApp { background: url('/imgs/wrapperShadowApp.gif') repeat-y right top; padding-right: 10px; height: 100%; } a { color: #0868ac; } a:hover { color: orange; } p { margin-bottom: 25px; line-height: 16px;} hr { height: 1px; color: #dad4be; } /* Headers ------------- */ h1 { color: #ab4948; font-size: 24px; font-weight: bold; line-height: 1.1em; letter-spacing:-1px; padding-top: 2px; padding-bottom: 10px; } h2 { color: orange; font-size: 14px; font-weight: 600; line-height: 1.1em; letter-spacing: -1px; padding: 12px 0; background: url('/imgs/h2.gif') repeat-x right top; } h3 { color: #396aab; font-size: 13px; font-weight: 600; line-height: 1.1em; letter-spacing: -1px; padding-bottom: 4px; } h4 { color: #27598b; font-size: 14px; font-weight: bold; line-height: 1.1em; letter-spacing: -1px; } h4 a { color: #27598b; font-size: 14px; font-weight: bold; line-height: 1.1em; letter-spacing: -1px; text-decoration: none; } h5 { padding-left: 17px; font-size: 12px; color: #27598b; font-weight: bold; } /* Header Areas ------------- */ .headArea_1 { width: 90%; padding:10px 0 0 0; } .headArea_2 { padding: 0 10px 10px 10px} /* ------------- */ .alignLeft { text-align: left; } .alignLeftPadR8 { text-align: left; padding: 0 8px 0 0; } .alignCenter { text-align: center; } .alignCenterPadLR4 { text-align: center; padding: 0 4px; } .alignRight { text-align: right; } .alignRightPadL8 { text-align: right; padding: 0 0 0 8px; } .alignRightPadR30 { text-align: right; padding-right: 30px;} .v_alignBottom { vertical-align: bottom; } .v_alignTop { vertical-align: top; } .width100prc { width: 100%; } .width95prc { width: 95%; }.width90prc { width: 90%; } .width80prc { width: 80%; } .width70prc { width: 70%; } .width60prc { width: 60%; } .width50prc { width: 50%; } .width40prc { width: 40%; } .width30prc { width: 30%; } .width20prc { width: 20%; } .width10prc { width: 10%; } .width300 { width: 300px; } .width290 { width: 290px; } .width280 { width: 280px; } .width270 { width: 270px; } .width260 { width: 260px; } .width250 { width: 250px; } .width240 { width: 240px; } .width230 { width: 230px; } .width220 { width: 220px; } .width210 { width: 210px; } .width200 { width: 100px; } .width190 { width: 190px; } .width180 { width: 180px; } .width170 { width: 170px; } .width160 { width: 160px; } .width150 { width: 150px; } .width140 { width: 140px; } .width130 { width: 130px; } .width120 { width: 120px; } .width110 { width: 110px; } .width100 { width: 100px; } .width90 { width: 90px; } .width80 { width: 80px; } .width70 { width: 70px; } .width60 { width: 60px; } .width50 { width: 50px; } .width40 { width: 40px; } .width30 { width: 30px; } .width20 { width: 20px; } .width10 { width: 10px; } .floatRight { float: right; } .floatRightButton { float: right; position: relative; margin-top: -32px; margin-right: 20px; } /* End Global ------------------------------------------------- */ /* Home Special ------------------------------------------------- */ .buttonFloatRight img { float: right; margin: -35px 10px 0 0; } .descriptionSmall { font-family: "Arial Narrow", tahoma; font-size: 12px; line-height: 12px; color: #888; padding: 0 0 10px 5px; } #searchHome input { background: #f7e7d8; margin-top: 5px; width: 105px; } #searchHome label { margin-right: 2px; } #searchHome a { font-size: 10px; color: orange; } #searchHome caption { font-family: arial, helvetica, sans-serif; font-size: 17px; font-weight: 800; color: #ab4948; height: 0; letter-spacing: 0px; white-space: nowrap; display: none; } .gradientPink { background: url('/imgs/gradientPink_V.gif') no-repeat top left ; } #cornerPink_R { position: relative; background: url('/imgs/cornerPink_R.gif') no-repeat top right; float: right; width: 10px; height: 10px; } .special h1 { font-family: arial, helvetica, sans-serif; font-size: 34px; font-weight: bold; font-style: italic; color: #ab4948; line-height: 1.1em; letter-spacing: -2px } .special h2 { font-family: verdana, arial, helvetica, sans-serif; font-size: 17px; font-weight: bold; color: #ab4948; letter-spacing: -1px; padding: 0; background: none; margin: 15px 0; line-height: 1em; } #specialShadow_L { background: url('/imgs/specialShadow_L.gif') no-repeat top left; height: 31px; } #specialShadow_R { position: relative; background: url('/imgs/specialShadow_R.gif') no-repeat top right; float: right; width: 22px; height: 31px; } #contentHomeBottom { padding: 15px 9px 0 0; background: url('/imgs/homeBottomShadow.gif') no-repeat top right; } #footerHome { height: 70px; background: url('/imgs/footerHome.gif') repeat-x top left; position: relative; width: 100%; } #footerHome_L { height: 70px; background: url('/imgs/footerHome_L.gif') no-repeat top left; width: 23px; position: absolute; left: 0px; top: 0px; } #footerHome_R { height: 70px; background: url('/imgs/footerHome_R.gif') no-repeat top right; width: 23px; position: absolute; top: 0px; right: 0px; } #rightColumnBottom { border: none; position: relative; bottom: 0; background: url('/imgs/rightColumnBottom.gif') no-repeat right top; float: right; margin-top: -18px; width: 220px; height: 20px} /* End Home Special ------------------------------------------------- */ /* Form Global ------------------------------------------------- */ form { font-family: Tahoma; font-size: 12px; } input { font-family: Tahoma; font-size: 12px; border: 1px solid #0868ac; margin:0 8px 0 0; padding: 1px 2px 2px 2px; } .customCheckbox { border: none; padding-left: 2px; width: 22px; height: 22px;} .customRadiobutton { border: none; position: relative; top: 2px; margin: 0; } select { font-family: Tahoma; font-size: 12px; border: 1px solid #0868ac; margin:0 8px 0 0; } label { font-family: Tahoma; font-size: 12px; color: #0868ac; } caption { text-align: left; font-size: 12px; font-weight: bold; color: orange; padding: 0; line-height: 12px; } textarea { } form table { border-collapse: collapse; } form a { font-family: Tahoma; font-size: 12px; font-weight: normal; margin: 0px; } .alignButton { vertical-align: bottom; padding-bottom: 2px; } /* End Form Global ------------------------------------------------- */ /* Bullets ------------------------------------------------- */ /* Bullet 1 ------------- */ .bullet1 { padding: 10px 0 0 10px; background: url('/imgs/pageContent.gif') repeat-x left -30px; } .bullet1 li { background: url('/imgs/bullet1.gif') no-repeat left 2px; list-style: none; text-decoration: none; padding-left: 22px; font-size: 19px; color:#000; padding-bottom: 6px; line-height: 110%; } .bullet1 li a { text-decoration: none; font-size: 19px; color:#396aab; line-height: 110%; } .bullet1 li a:hover { color: orange; } #cornerBlue_L { position: absolute; margin-top: 1px; background: url('/imgs/pageContent_L.gif') no-repeat left top; padding:5px; margin: -10px 0 0 -12px; } #cornerBlue_R { position: relative; background: url('/imgs/pageContent_R.gif') no-repeat right top; float: right; width: 10px; height: 10px; top: -10px; } /* Bullet 2 ------------- */ .bullet2 { margin: 10px 0; } .bullet2 li { background: url('/imgs/bullet2.gif') no-repeat top left; list-style: none; text-decoration: none; padding-left: 22px; font-family: Tahoma; font-size: 13px; font-weight: bold; color:#396aab; padding-bottom: 7px; line-height: 110%; } .bullet2 li a { font-family: Tahoma; text-decoration: none; font-size: 13px; color:#000; line-height: 110%; } .bullet2 li a:hover { color: orange; } .bullet2 ol li { list-style-type: decimal; padding-left: 0; background: none; } /* Bullet 3 ------------- */ .bullet3{ margin: 10px 0; } .bullet3 li { font-family: arial, helvetica, sans-serif; background: url('/imgs/bullet3.gif') no-repeat left 1px; list-style: none; text-decoration: none; padding-left: 22px; font-size: 12px; font-weight: bold; color: #396aab; padding-bottom: 7px; line-height: 110%; } .bullet3 li a { font-family: arial, helvetica, sans-serif; text-decoration: none; font-size: 12px; font-weight: bold; color: #396aab; line-height: 110%; } .bullet3 li a:hover { color: orange; } .bullet3 ol li { list-style-type: decimal; padding-left: 0; background: none; } /* Bullet 4 ------------- */ .bullet4 { margin: 10px 0; } .bullet4 li { background: url('/imgs/bullet4.gif') no-repeat left 1px; list-style: none; text-decoration: none; padding-left: 17px; padding-bottom: 5px; color: #396aab; line-height: 110%; } .bullet4 li a { line-height: 110%; text-decoration: none; color: #333; } .bullet4 li a:hover { color: orange; } .bullet4 ol li { list-style-type: decimal; padding-left: 0; background: none; } .bullet5 { margin: 10px 0; } /* Bullet 5 ------------- */ .bullet5 li { background: url('/imgs/bullet4.gif') no-repeat left 1px; list-style: none; text-decoration: none; padding-left: 17px; padding-bottom: 5px; line-height: 110%; font-weight: bold; color: #27598b; } .bullet5 li a { line-height: 110%; text-decoration: none; color: #333; font-weight: bold; color: #27598b; } .bullet5 li a:hover { color: orange; } .bullet5 ol li { list-style-type: decimal; padding-left: 0; background: none; } /* Bullet 6 ------------- */ .bullet6 { margin: 10px 0; } .bullet6 li { font-family: tahoma; font-size: 10px; font-weight: bold; background: url('/imgs/bullet6.gif') no-repeat left 3px; list-style: none; text-decoration: none; padding-left: 10px; padding-bottom: 5px; line-height: 110%; } .bullet6 li a { font-family: tahoma; font-size: 10px; font-weight: bold; line-height: 110%; text-decoration: none; } .bullet6 li a:hover { color: orange; } .bullet6 ol li { list-style-type: decimal; padding-left: 0; background: none; } ol li { list-style-type: decimal; text-decoration: none; margin-left: 25px; } /* Bullet 7 ------------- */ .bullet7 { margin: 10px 0; color: orange; } .bullet7 li { font-family: tahoma; font-size: 10px; font-weight: bold; background: url('/imgs/bullet6.gif') no-repeat left 3px; list-style: none; text-decoration: none; padding-left: 10px; padding-bottom: 5px; line-height: 110%; } .bullet7 li a { font-family: tahoma; font-size: 10px; font-weight: bold; line-height: 110%; text-decoration: none; color: orange; } .bullet7 li a:hover { color: #333; } .bullet7 ol li { list-style-type: decimal; padding-left: 0; background: none; } .bullet8 li { list-style-type: disc; text-decoration: none; margin-left: 30px; padding-bottom: 10px;} .bullet8 ol li { list-style-type: decimal; padding-left: 0; background: none; } /* Numbered ------------- */ ol li { list-style-type: decimal; text-decoration: none; margin-left: 25px; } /* Link More ------------- */ .linkMoreArea { padding: 0 6px 2px 0; text-align: right; white-space: nowrap; height: 20px; } .linkMore a { font-family: Tahoma; float: right; font-weight: bold; color: orange; text-decoration: none; background: url('/imgs/bullet5.gif') no-repeat right; padding-left: 12px; padding-right: 17px; } .linkMore a:hover, #linkMore2 a:hover { color: #ffba53 ;background: url('/imgs/bullet5on.gif') no-repeat right; } .linkMore2 a { font-family: Tahoma; float: left; font-weight: bold; color: orange; text-decoration: none; background: url('/imgs/bullet5.gif') no-repeat right; padding-left: 17px; padding-right: 17px; } .linkMore2 a:hover, #linkMore2 a:hover { color: #ffba53 ;background: url('/imgs/bullet5on.gif') no-repeat right; } /* End Bullets ------------------------------------------------- */ /* Wrappers ------------------------------------------------- */ #wrapper { width: 770px; text-align: left; } #wrapperapp { width: 770px; text-align: left; } .image_wrapper { margin-bottom: 10px; text-align: center; display: table;} .price_wrapper { margin-top: 5px; margin-bottom: 10px; } .priceLarge_buttonWrapper { margin-top: 20px; margin-left: 8px; } .portlet_wrapper { margin: 0 0 10px 0; border-top: 1px solid #dad4be; border-right: 1px solid #dad4be; border-bottom: 0px solid #fff; border-left: 1px solid #dad4be; height: auto; background: #fff; padding-bottom: 0px; } .partnerArea_wrapper { margin: 0 0 10px 0; border-top: 1px solid #9fa3a2; border-right: 1px solid #9fa3a2; border-bottom: 0px solid #fff; border-left: 1px solid #9fa3a2; height: auto; background: #fff; } .portlet_wrapperGray { margin: 0; padding: 0; border-top: 1px solid #dad4be; border-right: 1px solid #dad4be; border-bottom: 1px solid #fff; border-left: 1px solid #dad4be; height: 100%; background: url('/imgs/gradientGray.gif') repeat-y right top;} .portlet_wrapperBlue { margin: 0 0 18px 0; padding: 0; border-top: 1px solid #dad4be; border-right: 1px solid #dad4be; border-bottom: 1px solid #fff; border-left: 1px solid #dad4be; height: 100%; background: #fff url('/imgs/gradientLightBlue.gif') repeat-y right top;} /* End Wrappers ------------------------------------------------- */ /* Main Layout ------------------------------------------------- */ #container { position: relative; width: 100%; border-left: 1px solid #acacac; } #content { margin-left: 9px; margin-right: 9px; padding: 15px 0; } #left_col { width: 173px; position: absolute; left: 0px; top: 0px; padding: 16px 0 0 9px; } #right_col { position: absolute; right: 0px; top: 0px; padding: 16px 9px 0 0; width: 179px; } #page_corner_L { position: absolute; margin-top: 1px; background: url('/imgs/pageContent_L.gif') no-repeat right top; padding:5px; margin-left: -20px; } #page_corner_R { position: relative; right: -20px; background: url('/imgs/pageContent_R.gif') no-repeat right top; float: right; width: 10px; height: 10px } #page_content { margin-left: 9px; margin-right: 9px; padding: 15px 20px; background: url('/imgs/pageContent.gif') repeat-x right top; } #page_content_L { margin-left: 9px; margin-right: 201px; padding: 15px 20px; background: url('/imgs/pageContent.gif') repeat-x right top; } #page_content_C { margin-left: 191px; margin-right: 201px; padding: 15px 20px; background: url('/imgs/pageContent.gif') repeat-x right top; } #page_content_R { margin-left: 191px; margin-right: 10px; padding: 15px 20px; background: url('/imgs/pageContent.gif') repeat-x right top; } /* End Main Layout ------------------------------------------------- */ /* Head ------------------------------------------------- */ #masthead { height: 80px; } /* ----------- */ #logo { float: left; background: url('/imgs/Logo.gif') no-repeat scroll left top; width: 229px; height: 54px; position: relative; left: 0; top: 17px; z-index: 0; margin: 0; padding: 0; } #logo a { display: block; text-decoration: none; width: 225px; height: 54px; z-index: 100; } h1#logo { text-indent: -999em; } /* ----------- */ #util { position: relative; top: 52px; left: 270px; height: 0; width: 240px; } #util li { list-style: none; display: inline; font-family: Tahoma; font-size: 12px; font-weight: normal; line-height: 22px; margin-right: 10px; padding: 5px 0; } #util li a { text-decoration: none; padding: 5px 0 5px 22px; } #util li.email { background: url('/imgs/iconEmail.gif') no-repeat left 50%; } #util li.bookmark { background: url('/imgs/iconBookmark.gif') no-repeat left 50%; } /* ----------- */ #loginInfo { text-align: right; position: relative; bottom: 45px; right: 14px; height: 0; } #utilApp { text-align: right; position: relative; top: 40px; right: -10px; height: 0; } #utilApp li a { text-decoration: none; padding: 5px 0 5px 22px; } #utilApp li.info { background: url('/imgs/iconInfo.gif') no-repeat left 50%; } #utilApp li.support { background: url('/imgs/iconSupport.gif') no-repeat left 50%; } #utilApp li.help { background: url('/imgs/iconHelp.gif') no-repeat left 50%; } #utilApp li.logout { background: url('/imgs/iconLogout.gif') no-repeat left 50%; } #utilApp li { list-style: none; display: inline; font-family: Tahoma; font-size: 12px; font-weight: normal; line-height: 22px; padding: 5px 10px 5px 0; } /* ----------- */ #top_login { float: right; background: url('/imgs/loginTop.gif') no-repeat left top; width: 253px; height: 75px; } #top_login form { padding: 5px 20px; } #top_login input { width: 85px; } #top_login a { text-decoration: none; } /* End Head ------------------------------------------------- */ /* Top Nav ------------------------------------------------- */ #top_nav { background-color: #527ebd; padding-top: 4px; padding-left: 19px; margin-bottom: -4px; height: 32px; background: url('/imgs/navTop.gif') no-repeat top right; } #top_nav ul { border: none; border-collapse: collapse; text-indent: -19px; margin: 0; padding: 0 6px 15px 0px; } #top_nav li { font-family: Tahoma; font-size: 12px; font-weight: bold; line-height: 24px; padding: 5px 0 15px 0; color: #000; display: inline; } #top_nav li.sel_L { background: url('/imgs/navTopSel_L.gif') no-repeat left 1px; padding-left: 10px; font-weight: normal; color: #fff; margin-right: -3px; } #top_nav li.sel_C { background: url('/imgs/navTopSel_C.gif') repeat-x left 1px; } #top_nav li.sel_R { background: url('/imgs/navTopSel_R.gif') no-repeat right 1px; padding-right: 10px; font-weight: normal; color: #fff; margin-left: -3px; } #top_nav li a { color: #fff; text-decoration: none; padding: 5px 10px 15px 10px; } #top_nav li a:hover { color: #f1dbb9; } #top_nav li.separator { margin: 0px; color: #fff; font-weight: normal; } #top_nav li.separatorFirst { padding-left: 2px; } #top_nav li.topNav_L{ background: url('/imgs/navTop_L.gif') no-repeat left 1px; padding: 10px 0 20px 6px; } /* End Top Nav ------------------------------------------------- */ /* Tabs ------------------------------------------------- */ #tabs { margin-left: 15px; border-collapse: collapse; width: auto; padding-top: 4px; height: 32px; position: relative; top: 20px; } #tabs ul { border: none; border-collapse: collapse; margin: 0; padding: 0; } #tabs li { border-collapse: collapse; font-size: 13px; font-weight: bold; background: url('/imgs/tabUnsel.gif') repeat-x top left; padding: 8px 0 9px 0; color: #000; display: inline;} #tabs li.sel {background: url('/imgs/tabSel_C.gif') repeat-x top left; padding: 8px 8px 9px 8px; margin: 0 -8px; } #tabs li a { font-size: 13px; text-decoration: none; line-height: 28px; padding: 0 8px 0 8px; margin: 0 -8px; } #tabs li a:hover { color: #f1dbb9; } #tabs li.separator { font-size: 13px; background: url('/imgs/tab_Sep.gif') no-repeat top left; padding: 8px 0 9px 36px; } #tabs li.sepUnsel_First { font-size: 13px; background: url('/imgs/tabUnsel_First.gif') no-repeat top left; padding: 8px 0 9px 36px; } #tabs li.sepUnsel_Last { font-size: 13px; 2px; background: url('/imgs/tabUnsel_Last.gif') no-repeat top left; padding: 8px 0 9px 36px; } #tabs li.sepSel_First { font-size: 13px; background: url('/imgs/tabSel_First.gif') no-repeat top right; padding: 8px 0 9px 36px; } #tabs li.sepSel_Last { font-size: 13px; background: url('/imgs/tabSel_Last.gif') no-repeat top left; padding: 8px 0 9px 36px; } #tabs li.sepSel_Before { font-size: 13px; background: url('/imgs/tabSel_Before.gif') no-repeat top left; padding: 8px 0 9px 36px; } #tabs li.sepSel_After { font-size: 13px; background: url('/imgs/tabSel_After.gif') no-repeat top left; padding: 8px 0 9px 36px; } #tabs li.sepUnsel_Before { font-size: 13px; background: url('/imgs/tabUnsel_Before.gif') no-repeat top left; padding: 8px 0 9px 36px; } #tabs li.sepUnsel_After { font-size: 13px; background: url('/imgs/tabUnsel_After.gif') no-repeat top left; padding: 8px 0 9px 36px; } /* End Tabs ------------------------------------------------- */ /* Tabs App ------------------------------------------------- */ #tabsApp { margin-left: 15px; border-collapse: collapse; width: auto; padding-top: 4px; height: 30px; position: relative; top: 3px; left: 0px; } #tabsApp ul { border: none; border-collapse: collapse; margin: 0; padding: 0; } #tabsApp li { font-size: 13px; font-weight: bold; color: #27598b; display: inline; background: url('/imgs/tabAppUnsel.gif') repeat-x top left; padding: 8px 0 9px 0; margin: 0 -2px; } #tabsApp li.sel { background: url('/imgs/tabAppSel_C.gif') repeat-x top left; padding: 8px 8px 9px 8px; margin: 0 -8px; } #tabsApp li a { font-size: 13px; color: #fff; text-decoration: none; line-height: 28px; padding: 0 8px 0 8px; margin: 0 -4px; } #tabsApp li a:hover { color: #f1dbb9; } #tabsApp li.separatorApp { font-size: 13px; background: url('/imgs/tabApp_Sep.gif') no-repeat top left; padding: 8px 0 9px 40px; } #tabsApp li.sepAppUnsel_First { font-size: 13px; background: url('/imgs/tabAppUnsel_First.gif') no-repeat top left; padding: 8px 0 9px 20px; } #tabsApp li.sepAppUnsel_Last { font-size: 13px; 2px; background: url('/imgs/tabAppUnsel_Last.gif') no-repeat top left; padding: 8px 0 9px 40px; } #tabsApp li.sepAppSel_First { font-size: 13px; background: url('/imgs/tabAppSel_First.gif') no-repeat top right; padding: 8px 0 9px 20px; } #tabsApp li.sepAppSel_Last { font-size: 13px; background: url('/imgs/tabAppSel_Last.gif') no-repeat top left; padding: 8px 0 9px 40px; } #tabsApp li.sepAppSel_Before { font-size: 13px; background: url('/imgs/tabAppSel_Before.gif') no-repeat top left; padding: 8px 0 9px 40px; } #tabsApp li.sepAppSel_After { font-size: 13px; background: url('/imgs/tabAppSel_After.gif') no-repeat top left; padding: 8px 0 9px 40px; } #tabsApp li.sepAppUnsel_Before { font-size: 13px; background: url('/imgs/tabAppUnsel_Before.gif') no-repeat top left; padding: 8px 0 9px 40px; } #tabsApp li.sepAppUnsel_After { font-size: 13px; background: url('/imgs/tabAppUnsel_After.gif') no-repeat top left; padding: 8px 0 9px 40px; } /* End Tabs App ------------------------------------------------- */ /* Secondary Nav App ------------------------------------------------- */ #top_navApp { background-color: #527ebd; padding-top: 4px; padding-left: 19px; margin-bottom: -4px; height: 28px; background: url('/imgs/navApp.gif') no-repeat top right; } #top_navApp ul { border: none; border-collapse: collapse; text-indent: -19px; margin: 0; padding: 0 6px 15px 0px; } #top_navApp li { font-family: Tahoma; font-size: 12px; font-weight: bold; line-height: 19px; padding: 5px 0 15px 0; color: #000; display: inline; } #top_navApp li.sel_L { background: url('/imgs/navAppTopSel_L.gif') no-repeat left 4px; padding-left: 10px; font-weight: normal; color: #fff; margin-right: -3px; } #top_navApp li.sel_C { background: url('/imgs/navAppTopSel_C.gif') repeat-x left 4px; } #top_navApp li.sel_R { background: url('/imgs/navAppTopSel_R.gif') no-repeat right 4px; padding-right: 10px; font-weight: normal; color: #fff; margin-left: -3px; } #top_navApp li a { color: #fff; text-decoration: none; padding: 5px 10px 15px 10px; } #top_navApp li a:hover { color: #f1dbb9; } #top_navApp li.separator { margin: 0px; color: #fff; font-weight: normal; } #top_navApp li.separatorFirst { padding-left: 2px; } #top_navApp li.topNav_L { background: url('/imgs/navTop_L.gif') no-repeat left 2px; padding: 10px 0 20px 6px; } /* End Secondary Nav App ------------------------------------------------- */ /* Left Nav ------------------------------------------------- */ #left_nav { width: 173px; margin-bottom: 20px;} #left_nav ul { list-style: none; border: 1px solid #ccdbee; } #left_nav li { font-family: tahoma; font-size: 10px; font-weight: bold; background: #90acd5 url('/imgs/navLeft_1backgroundSel.gif') no-repeat left top; padding: 0; margin: 0; height: 22px; } #left_nav li.sel { color: #fff; text-decoration: none; padding: 4px 3px 4px 12px; margin: 0; height: 16px; } #left_nav li.unsel { background: #f3f6fb url('/imgs/navLeft_1background.gif') no-repeat left top; height: 22px; } #left_nav li a { font-family: tahoma; font-size: 10px; font-weight: bold; color: #333333; text-decoration: none; display: block; padding: 4px 3px 4px 12px; } #left_nav li a:hover { color: orange; } .navLeft_Top { background: #fff url('/imgs/navLeft_Top.gif') no-repeat left top; height: 20px; } .navLeft_Bottom { background: #fff url('/imgs/navLeft_Bottom.gif') no-repeat left top; height: 20px; } /* End Left Nav ------------------------------------------------- */ /* Bread Crumb ------------------------------------------------- */ #contentBreadCrumb { margin-top: 5px; margin-bottom: 10px; white-space: normal; } #contentBreadCrumb li { font-size: 12px; display: inline; padding: 0 2px; color: orange; text-indent: -2px; } #contentBreadCrumb li.separator { color: orange; } #contentBreadCrumb li a { padding: 0; text-decoration: none; color: #798896; } #contentBreadCrumb li a:hover { text-decoration: underline; } /* End Bread Crumb ------------------------------------------------- */ /* Content Layout ------------------------------------------------- */ .container_Content { display: table; width: 100%; margin:-7px 0 5px 0 ; } /* 2 Column Equal ------------------ */ .left_2colContent { width: 49%; float: left; } .right_2colContent { width: 48%; float: right; } /* 3 Column Equal ------------------ */ .left_3colContent { width: 32%; float: left; margin-right: 3%; } .center_3colContent { width: 32%; float: left; } .right_3colContent { width: 30%; float: right; } /* 4 Column Equal ------------------ */ .left_1_4colContent { width: 23%; float: left; margin-right: 3%; } .left_2_4colContent { width: 23%; float: left; margin-right: 3%; } .right_1_4colContent { width: 23%; float: left; margin-right: 2%; } .right_2_4colContent { width: 22%; float: right; } /* 2 Column ------------------ */ .left_2colContentCollapsed { width: 130px; float: left; } .right_2colContentExpanded { float: right; width: 73%; } .left_2colPriceCollapsed { width: 40px; float: left; } /* 3 Column ------------------ */ .left_3col{ width: 230px; float: left; margin-right: 3%; } .left_3col_2{ width: 234px; float: left; } .center_3col { margin-left: 240px; margin-right: 200px;} .center_3col_2 { margin-left: 250px; margin-right: 235px;} .center_3col_3 { margin-left: 65px; margin-right: 105px;} .right_3col { width: 190px; float: right; } .right_3col_2 { width: 190px; float: right; background: #d5d5d5; } .right_3col_3 { width: 95px; float: right; } /* End Content Layouts; ------------------------------------------------- */ /* Portlets ------------------------------------------------- */ .portlet_content { padding: 0 6px; } .portlet_corner_TL { position: absolute; background: url('/imgs/portletCorner_TL.gif') no-repeat left top; margin: -1px; width: 12px; height: 12px} .portlet_corner_TR { position: relative; background: url('/imgs/portletCorner_TR.gif') no-repeat right top; float: right; margin: -1px; width: 12px; height: 12px} .portlet_corner_BL { border: none; border-collapse: collapse; position: relative; background: url('/imgs/portletCorner_BL.gif') no-repeat left bottom; margin-top: -6px; margin-left: -1px; margin-bottom: -3px; width: 100%; height: 12px; } .portlet_corner_BR { border: none; position: relative; background: url('/imgs/portletCorner_BR.gif') no-repeat right top; float: right; margin-top: -12px; margin-right: -1px; margin-bottom: -3px; width: 12px; height: 12px} .portlet_cornerBlue_TL { position: absolute; background: url('/imgs/portletCornerBlue_TL.gif') no-repeat left top; margin: -1px; width: 12px; height: 12px} .portlet_cornerBlue_TR { position: relative; background: url('/imgs/portletCornerBlue_TR.gif') no-repeat right top; float: right; margin: -1px; width: 12px; height: 12px; background-image: url(/imgs/portletCornerBlue_TR.gif); } /* Portlet Titles ------------------ */ .portlet_titleGreen { font-size: 14px; font-weight: bold; color: #466e1c; background: url('/imgs/gradientGreen.gif') repeat-y right top; padding: 6px; } .portlet_titleBlue { font-size: 14px; font-weight: bold; color: #396aab; background: url('/imgs/gradientBlue.gif') repeat-y right top; padding: 6px; } .portlet_titlePink { font-size: 14px; font-weight: bold; color: #c57b0d; background: url('/imgs/gradientPink.gif') repeat-y right top; padding: 6px; } .portlet_titleGreen2 { font-size: 16px; font-weight: bold; color: #466e1c; background: #e1f6cc url('/imgs/gradientGreen2.gif') repeat-y right top; padding: 12px; } .portlet_titlePink2 { font-size: 16px; font-weight: bold; color: #c57b0d; background: #f7e7d3 url('/imgs/gradientPink2.gif') repeat-y right top; padding: 12px; } .portlet_titleTranspBlue { font-size: 14px; font-weight: bold; color: #27598b; margin: 0 15px; padding: 10px 0 4px 0; border-bottom: 1px solid #dad4be; } .portlet_titleTranspOrange { font-size: 14px; font-weight: bold; color: orange; margin: 0 15px; padding: 10px 0 4px 0; border-bottom: 1px solid #dad4be; } .portlet_titleTranspOrangeL { font-size: 14px; font-weight: bold; color: orange; margin-right: 15px; padding: 10px 0 10px 0; border-bottom: 1px solid #dad4be; } .portlet_titleTranspOrangeR { font-size: 14px; font-weight: bold; color: orange; padding: 10px 0 10px 0; border-bottom: 1px solid #dad4be; } .portlet_titleTranspGreen { font-size: 14px; font-weight: bold; color: #466e1c; margin: 0 15px; padding: 10px 0 4px 0; border-bottom: 1px solid #dad4be; } .portlet_titleTranspMaroon { font-size: 14px; font-weight: bold; color: #ab4948; margin: 0 15px; padding: 10px 0 4px 0; border-bottom: 1px solid #dad4be; } .portlet_titleGray_L { font-size: 15px; font-weight: bold; color: orange; font-style: italic; padding: 10px 6px 2px 6px; letter-spacing: -1px; } .portlet_titleGray_R { font-size: 26px; font-weight: bold; color: #27598b; font-style: italic; padding: 6px 15px 6px 6px; letter-spacing: -2px; text-align: right; } .partnerArea_title { font-size: 12px; font-weight: bold; color: #c57b0d; padding: 6px; } .partnerArea_content { padding: 0 6px; text-align: center; } .partnerArea_corner_TL { position: absolute; background: url('/imgs/partnerAreaCorner_TL.gif') no-repeat left top; margin: -1px; width: 10px; height: 10px; } .partnerArea_corner_TR { position: relative; background: url('/imgs/partnerAreaCorner_TR.gif') no-repeat right top; float: right; margin: -1px; width: 10px; height: 10px; } /* End Portlet Titles ------------------ */ .partnerArea_corner_BL { border: none; border-collapse: collapse; position: relative; background: url('/imgs/partnerAreaCorner_BL.gif') no-repeat left top; margin-left: -1px; margin-bottom: -3px; width: 100%; height: 13px; } .partnerArea_corner_BR { border: none; position: relative; background: url('/imgs/partnerAreaCorner_BR.gif') no-repeat right top; float: right; margin-top: -10px; margin-right: -1px; width: 10px; height: 10px; } /* End Portlets ------------------------------------------------- */ /* Footer ------------------------------------------------- */ #footer { height: 80px; background: url('/imgs/footer.gif') repeat-x top left; position: relative; width: 100%; } #footerContent { height: 80px; padding-top: 40px; margin-right: 23px; margin-left: 23px; font-family: Tahoma; font-size: 12px; font-weight: normal; text-align: center; background: url('/imgs/copyright.gif') no-repeat center 65px; } #footerContent li { padding: 5px; color: #999; display: inline; } #footer_L { height: 80px; background: url('/imgs/footer_L.gif') no-repeat top left; width: 23px; position: absolute; left: 0px; top: 0px; } #footer_R { height: 80px; background: url('/imgs/footer_R.gif') no-repeat top right; width: 23px; position: absolute; top: 0px; right: 0px; } /* End Footer ------------------------------------------------- */ td.data { padding: 6px 0} td.dataLabel { padding: 6px 0; font-weight: bold; color: #396aab; } .portlet_content table { margin: 10px; } .portlet_content table td, th { word-wrap: break-word; } th { font-size: 12px; padding: 4px 0; color: #0868ac; } .portlet_content table th a { font-weight:bold; } #page_content_app table { table-layout: fixed; width: 100%; } #page_content_app table td, th { word-wrap: break-word; } #page_content_app table th a { font-weight:bold; } #login_msg { padding: 5px 0 5px 25px; float: right; width: 253px; height: 0px;align:right} #subMenuBreadCrumb { white-space: normal;border-left: 1px solid #acacac; } #subMenuBreadCrumb li { font-size: 12px; display: inline; padding: 0 2px; color: orange; text-indent: -2px; } #subMenuBreadCrumb li.separator { color: orange; } #subMenuBreadCrumb li a { padding: 0; text-decoration: none; color: #798896; } #subMenuBreadCrumb li a:hover { text-decoration: underline; } .portlet_titleGray_C { font-size: 26px; font-weight: bold; color: #27598b; font-style: italic; padding: 6px 15px 6px 6px; letter-spacing: -2px; text-align: center; } .message { color: red; } .asterix { color: red; } .asterixGeneral { color: red; } .asterixHeading { color: red; } .asterixDisplay { color: red; } .consultant{ font-size: 7px; font-weight: bold; color: #0000c0; vertical-align: super; } .webcandidate{ font-size: 7px; font-weight: bold; color: #00c000; vertical-align: super; } .erass{ font-size: 7px; font-weight: bold; color: #333333; vertical-align: super; } .emailnotified{ font-size: 7px; font-weight: bold; color: #800080; vertical-align: super; } .viewed{ font-size: 7px; font-weight: bold; color: #FBA811; vertical-align: super; }