/* CSS Document */ /*--------------------------------------*/ /*---------------------------------------- Compatible For IE 6 1003 x 600 IE 7 1003 x 600 IE 8 1003 x 600 Opera 9.5 1003 x 600 Opera 10.0 1003 x 600 Firfox 3.7 1003 x 600 Safari 3.2 1003 x 600 Google Chrome 1.0 1003 x 600 --------------------------------------*/ /*------------------------------------------------------------------ [Master Stylesheet] Project : vServe24/7 Version : 1.0 Created : 03/11/2009 Last change : DD/MM/YY --------------------------------------------------------------------*/ /*----------------------------------------------------------------------- | | [ Div Layout ] | Class Name | | | -------------------------------------------------------------------------| A ) Body body | -------------------------------------------------------------------------- B ) Container .container | -------------------------------------------------------------------------- C ) Header Container .headerContainer | -------------------------------------------------------------------------- D ) Logo Container .logoContainer | -------------------------------------------------------------------------- E ) Login Container .loginContainer | -------------------------------------------------------------------------- F ) Search Container .searchContainer | -------------------------------------------------------------------------- G ) Global Navigation Container .globalNavigationContainer | -------------------------------------------------------------------------- H ) Bread Crumb .breadCrumb | -------------------------------------------------------------------------- I ) Middle Container .middleContainer | -------------------------------------------------------------------------- J ) Left Navigation Column .leftNavigationColumn | -------------------------------------------------------------------------- K ) Body Container .bodyContainer | -------------------------------------------------------------------------- L ) Right Navigation Column .rightNavigationColumn | -------------------------------------------------------------------------- M ) Data Table .dataTable | -------------------------------------------------------------------------- N ) Data Table TH .dataTable th | -------------------------------------------------------------------------- O ) Data Table row .dataTableRow tr | -------------------------------------------------------------------------- P ) Data Table Row Alternate .dataTableRowAlt tr | -------------------------------------------------------------------------- Q ) Footer .footer | -------------------------------------------------------------------------- -------------------------------------------------------------------------*/ /* +-------------------------------------------------------------------------------+ + < Container > + + + + +----------------------------------------------------------------------+ + + + < Header Container > + + + + + + + + + + + + + + + +----------------------------------------------------------------------+ + + + < Left + + < Right + + + + Navigation + + Navigation + + + + Column > + + Column > + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +----------------------------------------------------------------------+ + + + < Footer > + + + +----------------------------------------------------------------------+ + + + +------------------------------------------------------------------------------ + */ html, body { background-color : #F6F6F6; margin-top : 0; margin-left : 0; margin-right : 0; margin-bottom : 0; background-repeat : no-repeat; font-size : 11px; height : 100%; color : #302F2F; } p { line-height : 1.5; margin : 0 0 0.5em; } a:link, a:visited { color : #005aff; text-decoration : none; } a:hover { color : #005aff; text-decoration : underline; } img { border : 0; } h1 { font-size : 14px; color : #000000; font-weight : bold; margin-bottom : 2px; margin-top : 2px; } h4 { font-size:15px; font-weight:bold; color:#ff9900; margin-bottom : 2px; margin-top : 2px; } hr { border-bottom : 1px solid #B0DEC8; border-top : 1px solid transparent; background-color : #FFFFFF; width : 100%; padding : 0; height : 0px; margin-top:10px; margin-bottom:5px; } .fieldStyle { width:85%; height:auto; padding:8px; margin-left:auto; margin-right:auto; margin-bottom:10px; /*-moz-border-radius: 5px; -webkit-border-radius: 5px;*/ border: 1px solid #D0D0D0; background:#F2F2F2; } .top { width : auto; height : auto; float : right; display : block; } blockquote { color:#302F2F; font-style: normal; margin-top:-10px; margin-bottom:0; } table { border-spacing:1px; } ol { padding-left:21px; margin-left:0; } /*---------------------------------------------------------------------------------------- (Global Font Control) ------*/ html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input, select, span, table, b, strong, textarea { font-family : Verdana, Arial, Helvetica, sans-serif; } form, input, textarea, select, label { font-size : 11px; } select { height : 19px; } /*---------------------------------------------------------------------------------------- (Global Font Control) ------*/ /*-------------------------------------------------------------------------------------------- ( CSS Sprite ) --------*/ .homePageImageContainer, .navigationMainHold, .navigationMainHoldCurrent, .navigationMainHold a:hover, .contentContainerCellSub1 .left, .contentContainerCellSub1 .right, .contentContainerCellSub2 .left, .contentContainerCellSub2 .right, .navigationMainHoldCurrent, .subMiddleContainerInner, .subPageImageContainer{ background-image:url(../images/no-repeat.gif); background-repeat:no-repeat; } /*---------- ( x Repeat Image ) ------------- */ .contentContainerCellSub1, .contentContainerCellSub2, .subPageImageContainerCareer, .contentContainer, .subPageContentContainer, .breadCrumb { background : url('../images/x-repeat.gif'); background-repeat:no-repeat; } /*---------- ( x Repeat Image ) ------------- */ /*---------- ( Subpages Header Images ) ------------- */ .aboutUsHeaderImg, .itSolutionImg, .staffServicesImg{ background : url('../images/sub-page-heder-images.jpg'); background-repeat:no-repeat; } /*---------- ( Subpages Header Images ) ------------- */ /*----------------------------------------------------------------( CSS Sprite )------------------------------------*/ /*------------------------------------------------------------------------------------ ( Layout CSS )-----------------*/ .container { width : 1003px; height : auto; margin-left : auto; margin-right : auto; background : #ffffff; } .containerInner { width : 1003px; height : auto; float : left; background : #ffffff; /*padding-top : 8px; padding-bottom : 8px;*/ } .containerInnerMost { width : 1003px; height : auto; float : left; } /*----------------------------------------------------- ( Header Container CSS )-----------------*/ .headerContainer { width : 1003px; height : 80px; float : left; border-bottom:#d8e2eb 1px solid; } .logoContainer { width:auto; height:auto; float : left; padding:13px 0 0 29px; } .logoImg { width : auto; height : auto; float : left; padding-top : 2px; padding-left : 9px; } .globalNavigationContainer { width : auto; height : auto; float : right; display : inline; padding-top : 2px; margin:15px 30px 0px 456px; } .navigationMain { width:612px; height:32px; float:left; padding-top:23px; padding-left:35px; } .navigationMainSubpage { width:612px; height:32px; float:left; padding-top:15px; padding-left:35px; } .navigationMainHold { width:172px; height:32px; float:left; list-style-type:none; background-position:-374px 0; text-align: center; font-size:13px; font-weight:bold; margin-right:5px; display:inline; } .navigationMainHold a:link, .navigationMainHold a:active, .navigationMainHold a:visited { text-decoration: none; width:172px; height:32px; display:block; padding-top:7px; padding-bottom:5px; height:20px; color:#038603; margin-right:5px; } .navigationMainHold a:hover { text-decoration: none; width:172px; height:32px; display:block; background-position:-374px -32px; color:#000; } .navigationMainHoldCurrent { width:172px; height:32px; float:left; background-position:-374px -32px; text-align: center; font-size:13px; font-weight:bold; margin-right:5px; display:inline; padding-top:7px; padding-bottom:5px; } /*----------------------------------------------------- ( Header Container CSS )-----------------*/ /*------------------------------------------- ( Home Page Middle Container CSS )-----------------*/ .bodyContainer { width : 1003px; height : auto; float : left; padding-top : 0px; } .homePageImageContainer { width : 326px; height : 232px; float : left; background-position:0 0; background-repeat:no-repeat; } .homePageRightContainer { width : 618px; height : 114px; float : left; margin : 63px 0 0; } .homePageRightContainer p{ font-weight:bold; line-height:normal; line-height:24px; font-size:14px; color:#929ba4; } .contentContainer { width : 949px; height : auto; float : left; padding:27px 27px 0 27px; background-position:0 -305px; background-repeat:repeat-x; } .contentContainerCell { width:950px; height:279px; float:left; margin-bottom:27px; } .contentContainerCellSub1 { width:301px; height:279px; float:left; background-position:0 -26px; background-repeat:repeat-x; margin-right:23px; display:inline; } .contentContainerCellSub1 .left{ width:20px; height:279px; float:left; background-position:-326px 0; background-repeat:no-repeat; } .contentContainerCellSub1 .right{ width:23px; height:279px; float:left; background-position:-346px 0; background-repeat:no-repeat; } .contentContainerCellSub1 .content{ width:258px; height:auto; float:left; padding-top:15px; line-height:normal; } .contentContainerCellSub2 { width:626px; height:279px; float:left; background-position:0 -26px; background-repeat:repeat-x; } .contentContainerCellSub2 .left{ width:20px; height:279px; float:left; background-position:-326px 0; background-repeat:no-repeat; } .contentContainerCellSub2 .right{ width:23px; height:279px; float:left; background-position:-347px 0; background-repeat:no-repeat; } .contentContainerCellSub2 .content{ width:583px; height:auto; float:left; padding-top:15px; line-height:normal; } .contentContainerCellSub2 .content p{ padding:0; margin:0; } .contentContainerCellSub2 .content ul { padding-left:3px; margin-bottom:3px; } .contentContainerCellSub2 .content li { list-style-type:square; color:#ff6400; line-height: 16px; } .contentContainerCellSub2 .content li span{ color:#000; } .contentContainerCellSub1 h3, .contentContainerCellSub2 h3 { font-size:18px; font-weight:bold; color:#038603; margin-bottom:5px; } .contentContainerCell2Sub ul { padding-left:3px; } .contentContainerCell2Sub li { list-style-type:square; color:#ff6400; line-height: 16px; } .serverOfferColumns{ width:50%; height:auto; float:left; line-height:normal; } .contentContainerCell2 { width:941px; height:auto; float:left; } .contentContainerCell2 h3{ font-size:16px; font-weight:bold; color:#ff9900; } .contentContainerCell2 ul { padding-left:3px; } .contentContainerCell2 li { list-style-type:square; color:#ff6400; line-height: 16px; } .contentContainerCell2Sub { width:260px; height:auto; float:left; margin-right:18px; margin-left:23px; display:inline; } .contentContainerCell2Sub2 { width:310px; height:auto; float:left; margin-left:40px; display:inline; } .contentContainerCell2Sub3 { width:290px; height:auto; float:left; } /*------------------------------------------- ( Home Page Middle Container CSS )-----------------*/ /*------------------------------------------------------------- ( Sub Page CSS )-----------------*/ .subPageBodyContainer { width : 981px; height : auto; float : left; margin-top : 8px; } /*------------- ( Sub Page images CSS )-----------------*/ .subPageImageContainer { width : 287px; height : 115px; float : left; background-position:0px -233px; } .subPageImageContainerCareer{ width : 287px; height : 115px; float : left; background-position:-287px -441px; } /*------------- ( Sub Page images CSS )-----------------*/ .subPageRightContainer { width : 650px; height : 78px; float : left; padding : 38px 30px 10px 36px; line-height:12px; font-size:14px; font-weight:bold; color:#929ba4; } .breadCrumb { width : 972px; height: 13px; float : left; padding-top : 5px; padding-bottom:8px; padding-left:31px; padding-right:0px; border-top:#CCC 1px solid; border-bottom:#CCC 1px solid; font-size:10px; background-position:0 0; background-repeat:repeat-x; } .subPageContentContainer { width : 1003px; height : auto; float : left; padding-top:10px; background-position:0 -376px; background-repeat:repeat-x; } .aboutUsHeaderImg, .itSolutionImg, .staffServicesImg{ width:287px; height:141px; float:left; background-repeat:no-repeat; } .aboutUsHeaderImg{ background-position:0 0; } .itSolutionImg{ background-position:0 -142px; } .staffServicesImg{ background-position:0 -283px; } /*--------------- (Left Navigation Column) ----*/ .leftNavigationColumn { width : 210px; height : auto; float : left; padding-top:18px; padding-left:30px; margin-right : 8px; } .leftNavigationColumn h4 { font-size:11px; color:#287fc4; line-height:14px; margin-bottom:6px; margin-top:6px; padding-top:3px; font-weight:normal; } .leftNavigationColumn ul { margin-bottom:5px; margin-top:0px; padding-top:0px; } .leftNavigationColumn li { list-style-type: disc; font-size:11px; color:#ff6400; line-height: 14px; margin-top:0; padding-top:0px; } .leftNavigationColumn h4 a:link, .leftNavigationColumn h4 a:visited { color:#287fc4; text-decoration : none; background-color : transparent; } .leftNavigationColumn h4 a:hover { color:#287fc4; text-decoration:underline; } /*--------------- (Left Navigation Column) ----*/ /*--------------- (Sub Page Middle Column) ----*/ .subMiddleContainerInner { width : 466px; height : auto; min-height:488px; float : left; background-position:0 -349px; background-color:#FFF; padding-top:20px; padding-left:20px; padding-right:20px; padding-bottom:6px; } .subMiddleContainerInner h2 { font-size:18px; font-weight:bold; margin-bottom:5px; margin-top:-3px; padding-top:0px; color:#054709; } .subMiddleContainerInner h3 { font-size:16px; font-weight:bold; margin-bottom:5px; margin-top:5px; padding-top:0px; } .subMiddleContainerInner h4 { font-size:12px; font-weight:bold; margin-bottom:5px; margin-top:5px; padding-top:0px; } .subMiddleContainerInner .innerCell { width : 99.9%; height : auto; float : left; padding-left:11px; padding-top:6px; padding-bottom:5px; } .subMiddleContainerInner .innerCell h4 { font-size:12px; font-weight:bold; color:#287fc4; line-height:12px; margin-bottom:5px; margin-top:5px; padding-top:0px; } .subMiddleContainerInner .innerCell ul { margin-bottom:5px; margin-top:0px; padding-top:0px; } .subMiddleContainerInner .innerCell li { list-style-type: disc; font-size:11px; color:#ff6400; line-height: 14px; margin-top:0; padding-top:0px; } .subMiddleContainerInner blockquote{ margin-bottom:0; } .innerCell .cellin { width:49.8%; height:auto; float:left; } .siteMapeContainer { width : 903px; height : auto; min-height:488px; float : left; background:url(../images/site-map-bg.gif) top left no-repeat; padding:20px 20px 0; padding-top:20px; padding-bottom:6px; margin:0 30px; display:inline; } .siteMapeContainer h2{ font-size:18px; font-weight:bold; margin-bottom:5px; margin-top:-3px; padding-top:0px; color:#054709; } /*--------------- (Sub Page Middle Column) ----*/ /*-------------- (Right Navigation Column) ----*/ .rightNavigationColumn { width : 200px; height : auto; float : left; padding-top:15px; padding-left:19px; padding-right:30px; } .rightNavigationColumn h4 { font-size:12px; font-weight:bold; line-height:12px; margin-bottom:5px; margin-top:5px; padding-top:0px; } .rightNavigationColumn ul { margin-bottom:5px; margin-top:0px; } .rightNavigationColumn li { list-style-type: none; font-size:11px; line-height: 14px; } .rightNavigation { width : 178px; height : 140px; float : left; padding : 11px; padding-top : 8px; background-position : -487px -599px; background-repeat : no-repeat; margin-bottom : 8px; line-height : 1.4; } .rightNavigation p { line-height : 1.4; } .rightNavigation span b { font-size : 12px; color : #ffffff; background-color : transparent; font-weight : bold; display : block; margin-bottom : 11px; margin-top : 0; line-height : 0.5; } .rightNavigationSub { width : 178px; height : 314px; float : left; padding : 11px; padding-top : 8px; background-position : -286px -442px; background-repeat : no-repeat; margin-bottom : 8px; line-height : 1.4; } .rightNavigationSub p { line-height : 1.4; } .rightNavigationSub span b { font-size : 12px; color : #ffffff; background-color : transparent; font-weight : bold; display : block; margin-bottom : 11px; margin-top : 0; line-height : 0.5; } .rightNavigationSub span b a:link, .rightNavigationSub span b a:visited { color : #ffffff; text-decoration:none; background-color : transparent; } .rightNavigationSub span b a:hover { color : #ffffff; text-decoration:underline; background-color : transparent; } /*-------------- (Right Navigation Column) ----*/ .nostyle{ list-style-type: none; } /*------------------------------------------------------------- ( Sub Page CSS )-----------------*/ /*--------------------------------------------------------------- ( Footer CSS )-----------------*/ .footerContainer { width : 1003px; height : 40px; float : left; border-top:#F3F3F3 1px solid; } .footer { width : auto; height : 23px; float : left; padding-left : 30px; padding-top:12px; color : #4d4d4d; text-align : left; } .footer a:link, .footer a:visited { color : #005aff; text-decoration : none; } .footer a:hover { color : #005aff; text-decoration : underline; } .footerNousLog { width : auto; height : auto; float : right; text-align : right; margin-right : 27px; } .validator { width : 1003px; margin-left : auto; margin-bottom : auto; text-align : center; padding-top : 8px; padding-bottom : 8px; } /*--------------------------------------------------------------- ( Footer CSS )-----------------*/ /*------------------------------------------------------------------------------------ ( Layout CSS )-----------------*/ /*----------------------------------------------------------------------------------------------------*/ center { background-color:#f0f0f0; padding-top:3px; padding-bottom:3px; border:1px solid #c1c1c1; height:18px; } .searchResults { width:auto; background-color:#f0f0f0; border:1px solid #c1c1c1; display:block; padding:3px; } #content { background-color:#f0f0f0; border:1px solid #c1c1c1; padding:3px; } /* ---------------------------------- Tables -------------------------------------------------------------- */ table, td, th { vertical-align:top; } .testingSolutionsMargA { margin-top:80px } .testingSolutionsMargB { margin-top:32px } .testingSolutionsMargC { margin-top:96px } #aep_w { padding-right:10px; padding-left:6px; }