/* 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 > + + + +----------------------------------------------------------------------+ + + + +------------------------------------------------------------------------------ + */ p { line-height : 1.5; margin : 0 0 0.5em; } img { border : 0; } h1 { font-size : 14px; color : #000000; font-weight : bold; 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) ------*/ form, input, textarea, select, label { font-size : 12px; color:#3d3d3d; } select { height : 19px; } /*---------------------------------------------------------------------------------------- (Global Font Control) ------*/ /*-------------------------------------------------------------------------------------------- ( CSS Sprite ) --------*/ /*---------- ( x Repeat Image ) ------------- */ .contentContainer, .subPageContentContainer { background : url('../images/x-repeat-img-bg.jpg'); background-repeat:repeat-x; } /*---------- ( x Repeat Image ) ------------- */ /*---------- ( No Repeat Image ) ------------- */ .contentContainerCellSub1,.contentContainerCellSub2, .homePageImageContainer, .navigationMainHold, .navigationMainHoldCurrent, .navigationMainHold a:hover, .subPageImageContainer, .subMiddleContainerInner, .subPageImageContainerCareer { background : url('../images/no-repeat.jpg'); background-repeat:no-repeat; } /*---------- ( No Repeat Image ) ------------- */ /*----------------------------------------------------------------( CSS Sprite )------------------------------------*/ /*------------------------------------------------------------------------------------ ( Layout CSS )-----------------*/ .test { background : url('../images/test.jpg'); background-repeat:repeat-x; } .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 : 99px; float : left; border-bottom:#1982ff 1px solid; } .logoContainer { width : 236px; height : 98px; float : left; } .logoImg { width : auto; height : auto; float : left; padding-top : 2px; padding-left : 9px; } .globalNavigationContainer { display:inline; float:left; height:24px; margin:25px 30px 0 456px; padding-right:1px; padding-top:2px; width:auto !important; } .navigationMain { width:700px; height:25px; float:left; margin-top:23px; margin-left:36px; margin-right:31px; display : inline; } .navigationMainHold { width:171px; height:25px; float:left; list-style-type:none; padding-right:1px; background-position:0px -416px; text-align: center; font-size:12px; font-weight:bold; } .navigationMainHoldCurrent { width:171px; height:20px; float:left; list-style-type:none; padding-right:1px; padding-top:5px; background-position:-171px -416px; text-align: center; font-size:12px; font-weight:bold; } .navigationMainHold a:link, .navigationMainHold a:active, .navigationMainHold a:visited { text-decoration: none; width:171px; display:block; padding-top:5px; height:20px; color:#287fc4; } .navigationMainHold a:hover { text-decoration: none; width:171px; display:block; padding-top:5px; height:20px; background-position:-171px -416px; color:#287fc4; } /*----------------------------------------------------- ( Header Container CSS )-----------------*/ /*------------------------------------------- ( Home Page Middle Container CSS )-----------------*/ .bodyContainer { width : 1003px; height : auto; float : left; padding-top : 0px; } .homePageImageContainer { width : 344px; height : 252px; float : left; background-position:0px -164px; } .homePageRightContainer { width : 622px; height : 230px; float : left; padding : 40px 30px 10px 7px; line-height:16px; } .contentContainer { width : 941px; height : 466px; float : left; padding-top : 25px; padding-left:31px; padding-right:31px; border-top:#CCC 1px solid; } .contentContainerCell { width:941px; height:303px; float:left; margin-bottom:25px; } .contentContainerCellSub1 { width:278px; height:149px; float:left; background-position:0px 0px; margin-right:23px; padding-top:15px; padding-left:10px; padding-right:10px; } .contentContainerCellSub2 { width:278px; height:149px; float:left; background-position:0px 0px; padding-top:15px; padding-left:10px; padding-right:10px; } .contentContainerCellSub3 { width:932px; height:149px; float:left; margin-bottom:10px; background-image: url(../images/background_top.GIF); background-position:0px 0px; padding-top:15px; padding-left:10px; } .contentContainerCellSub4 { width:428px; height:109px; float:left; margin-right:21px; background-image: url(../images/background_bottom.GIF); background-position:0px 0px; padding-top:15px; padding-left:10px; padding-right:10px; } .contentContainerCellSub5 { width:428px; height:109px; float:left; margin-left:21px; background-image: url(../images/background_bottom.GIF); background-position:0px 0px; padding-top:15px; padding-left:10px; padding-right:10px; } .test { width:400px; height:149px; float:left; background-position:0px 0px; padding-top:15px; padding-left:10px; padding-right:10px; } .contentContainerCellSub1 h3, .contentContainerCellSub2 h3, .contentContainerCellSub3 h3, .contentContainerCellSub4 h3, .contentContainerCellSub5 h3 { font-size:18px; font-weight:bold; color:#287fc4; } .contentContainerCellSub1 h1, .contentContainerCellSub2 h1, .contentContainerCellSub3 h1, .contentContainerCellSub4 h1, .contentContainerCellSub5 h1 { font-size:13px; font-weight:bold; line-height:19px; color:#287fc4; } .contentContainerCellSub1 a, .contentContainerCellSub2 a, .contentContainerCellSub3 a, .contentContainerCellSub4 a, .contentContainerCellSub5 a { font-size:13px; font-weight:bold; color:#287fc4; } .contentContainerCell2 { width:941px; height:139px; float:left; } .contentContainerCell2Sub { width:295px; height:136px; float:left; margin-right:18px; } .contentContainerCell2Sub2 { width:220px; height:136px; float:left; } .contentContainerCell2Sub h3, .contentContainerCell2Sub2 h3 { font-size:18px; font-weight:bold; color:#ff6400; } .contentContainerCell2Sub ul { padding-left:3px; } .contentContainerCell2Sub li { list-style-type:square; color:#ff6400; line-height: 16px; } /*------------------------------------------- ( 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 -441px; } .subPageImageContainernew { width : 287px; height : 115px; float : left; background-position:0px -441px; } .subPageImageContainerCareer{ width : 287px; height : 115px; float : left; background-position:-287px -441px; } /*------------- ( Sub Page images CSS )-----------------*/ .subPageRightContainer { width : 650px; height : 78px; float : left; padding : 27px 30px 10px 36px; line-height:12px; font-size:14px; font-weight:bold; color:#287fc4; } .breadCrumb { width : 972px; height: 10px; float : left; padding-top : 8px; padding-bottom:8px; padding-left:31px; padding-right:0px; border-top:#CCC 1px solid; font-size:10px; } .subPageContentContainer { width : 1003px; height : auto; float : left; padding-top: 10px; background-position:0 -353px; } /*--------------- (Left Navigation Column) ----*/ .leftNavigationColumn { width : 210px; height : auto; float : left; padding-left:30px; margin-right : 8px; } .leftNavigationColumn h4 { font-size:12px; font-weight:bold; color:#287fc4; line-height:14px; margin-bottom:6px; margin-top:6px; padding-top:3px; } .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 -556px; background-color:#FFF; padding-top:10px; padding-left:0px; padding-right:0px; padding-bottom:6px; display: inline; } .subMiddleContainerInner h2 { font-size:24px; font-weight:bold; margin-bottom:5px; margin-top:0px; padding-top:0px; } .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; } .secondli { list-style-type: square; font-size:11px; line-height: 12px; margin-top:0; padding-top:0px; color: #666; } .innerCell .cellin { width:49.8%; height:auto; float:left; } /*--------------- (Sub Page Middle Column) ----*/ /*-------------- (Right Navigation Column) ----*/ .rightNavigationColumn { width : 200px; height : auto; float : left; 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 : 60px; float : left; border-top:#287fc4 1px solid; } .footer { width : auto; height : 20px; float : left; padding-top : 20px; padding-bottom : 20px; padding-left : 30px; color : #4d4d4d; text-align : left; } .footerLogo { width:115px; height:auto; float:right; } .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; }