/* 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 : Testrees Version : 1.0 Created : 23/03/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; } 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 ) --------*/ /*---------- ( No Repeat Image ) ------------- */ .footerContainer, .logoContainer, .globalNavigationContainer, .globalNavigationContainer .cell-1, .globalNavigationContainer .cell-1 a:link, .globalNavigationContainer .cell-1 a:visited, .globalNavigationContainer .cell-1 a:hover, .globalNavigationContainer .cell-2 a:link, .globalNavigationContainer .cell-2 a:visited, .globalNavigationContainer .cell-2 a:hover, .globalNavigationContainer .cell-3 a:link, .globalNavigationContainer .cell-3 a:visited, .globalNavigationContainer .cell-3 a:hover, .homePageRightContainer, .bodyContainer .subCell-1 .innerCell-1, .bodyContainer .subCell-1 .innerCell-2, .globalNavigationContainer .cell-1Disable, .globalNavigationContainer .cell-2Disable, .globalNavigationContainer .cell-3Disable, .leftNavigation, .rightNavigation, .rightNavigationSub, .leftNavigation h3, .subMiddleContainerInner .header .left, .subMiddleContainerInner .header .right, .iconHome a, .iconPrint a, .iconMail a, .iconFavorite a, .innerCell .innerCell-2 { background : url('../images/no-repeat-img-bg.jpg'); } /*---------- ( No Repeat Image ) ------------- */ /*-------------------------------------------------------------------------------------------- ( CSS Sprite ) --------*/ /*------------------------------------------------------------------------------------ ( Layout CSS )-----------------*/ .container { width : 1003px; height : auto; margin-left : auto; margin-right : auto; background : #ffffff; } .containerInner { width : 981px; height : auto; float : left; background : #ffffff; padding-left : 11px; padding-right : 11px; padding-top : 8px; padding-bottom : 8px; } .containerInnerMost { width : 981px; height : auto; float : left; } /*----------------------------------------------------- ( Header Container CSS )-----------------*/ .headerContainer { width : 981px; height : 41px; float : left; } .logoContainer { width : 110px; height : 41px; float : left; background-position : 0 0; } .logoImg { width : auto; height : auto; float : left; padding-top : 2px; padding-left : 9px; } .globalNavigationContainer { width : auto !important ; height : 39px; float : left; display : inline; background-position : right -42px; padding-top : 2px; padding-right : 1px; } .divider { width : 0; height : 38px; float : left; border-right : 1px solid #dddddd; background-color : #667788; } .globalNavigationContainer .cell-1 a:link, .globalNavigationContainer .cell-1 a:visited { width : auto; height : 17px; float : left; padding-left : 22px; padding-right : 22px; padding-top : 10px; padding-bottom : 11px; font-weight : bold; background-position : 0 -286px; background-repeat : no-repeat; background-color : transparent; color : #ffffff; text-decoration : none; } .globalNavigationContainer .cell-1 a:hover { width : auto; height : 17px; float : left; padding-left : 22px; padding-right : 22px; padding-top : 10px; padding-bottom : 11px; font-weight : bold; background-position : 0 -248px; background-repeat : no-repeat; background-color : transparent; color : #ffffff; text-decoration : none; } .globalNavigationContainer .cell-1Disable { width : auto; height : 17px; float : left; padding-left : 22px; padding-right : 22px; padding-top : 10px; padding-bottom : 11px; font-weight : bold; background-position : 0 -248px; background-repeat : no-repeat; background-color : transparent; color : #ffffff; text-decoration : none; } .globalNavigationContainer .cell-2 a:link, .globalNavigationContainer .cell-2 a:visited { width : auto; height : 17px; float : left; padding-left : 22px; padding-right : 22px; padding-top : 10px; padding-bottom : 11px; font-weight : bold; background-position : 0 -121px; background-repeat : no-repeat; background-color : transparent; color : #ffffff; text-decoration : none; } .globalNavigationContainer .cell-2 a:hover { width : auto; height : 17px; float : left; padding-left : 22px; padding-right : 22px; padding-top : 10px; padding-bottom : 11px; font-weight : bold; background-position : 0 -83px; background-repeat : no-repeat; background-color : transparent; color : #ffffff; text-decoration : none; } .globalNavigationContainer .cell-2Disable { width : auto; height : 17px; float : left; padding-left : 22px; padding-right : 22px; padding-top : 10px; padding-bottom : 11px; font-weight : bold; background-position : 0 -83px; background-repeat : no-repeat; background-color : transparent; color : #ffffff; text-decoration : none; } .globalNavigationContainer .cell-3 a:link, .globalNavigationContainer .cell-3 a:visited { width : auto; height : 17px; float : left; padding-left : 22px; padding-right : 22px; padding-top : 10px; padding-bottom : 11px; font-weight : bold; background-position : right -403px; background-repeat : no-repeat; background-color : transparent; color : #ffffff; text-decoration : none; } .globalNavigationContainer .cell-3 a:hover { width : auto; height : 17px; float : left; padding-left : 22px; padding-right : 22px; padding-top : 10px; padding-bottom : 11px; font-weight : bold; background-position : right -365px; background-repeat : no-repeat; background-color : transparent; color : #ffffff; text-decoration : none; } .globalNavigationContainer .cell-3Disable { width : auto; height : 17px; float : left; padding-left : 22px; padding-right : 22px; padding-top : 10px; padding-bottom : 11px; font-weight : bold; background-position : right -365px; background-repeat : no-repeat; background-color : transparent; color : #ffffff; text-decoration : none; } .globalNavigationContainer .cell-1, .globalNavigationContainer .cell-2, .globalNavigationContainer .cell-3 { width : auto; float : left; } .searchContainer { width : 220px; height : 29px; padding-left : 5px; padding-top : 12px; float : right; font-size : 12px; background-color : transparent; color : #ffffff; } /*----------------------------------------------------- ( Header Container CSS )-----------------*/ /*------------------------------------------- ( Home Page Middle Container CSS )-----------------*/ .bodyContainer { width : 981px; height : auto; float : left; padding-top : 8px; } .homePageImageContainer { width : 687px; height : 336px; float : left; } .homePageRightContainer { width : 265px; height : 316px; float : left; margin-left : 8px; background-position : 0 -442px; background-repeat : no-repeat; padding : 10px; line-height:16px; } .homePageRightContainer b, .homePageRightContainer strong { font-size : 12px; color : #007a3f; } .homePageRightContainer span b, .homePageRightContainer span strong { font-size : 12px; color : #000000; } .bodyContainer .subCell-1 { width : 981px; height : 155px; float : left; padding-top : 8px; } .bodyContainer .subCell-1 ul { /*list-style : url('../images/list-img.gif');*/ background-position : bottom; margin : 0; padding : 0; padding-left : 20px; line-height : 16px; } .bodyContainer .subCell-1 li { color : #302F2F; } .bodyContainer .subCell-1 .innerCell-1 { width : 785px; height : 135px; float : left; background-position : 0 -944px; background-repeat : no-repeat; margin-right : 8px; padding : 10px; } .bodyContainer .subCell-1 .innerCell-1 .cellA { width :24.5%; height : 138px; float : left; border-right : 1px solid #dedede; padding-right : .5%; line-height : 10px; } .bodyContainer .subCell-1 .innerCell-1 .cellA b { width : 90%; height : auto; font-size : 12px; font-weight : bold; line-height : 14px; color : #000000; border-bottom : 1px solid #dedede; display : block; background : url('../images/arrow.gif'); background-repeat : no-repeat; background-position : left top; padding-left : 12px; padding-bottom : 3px; } .bodyContainer .subCell-1 .innerCell-1 .cellB { width : 24%; height : 138px; float : left; border-right : 1px solid #dedede; padding-right : .5%; padding-left : .5%; line-height : 10px; } .bodyContainer .subCell-1 .innerCell-1 .cellB b { width : 90%; height : auto; font-size : 12px; font-weight : bold; line-height : 14px; color : #000000; border-bottom : 1px solid #dedede; display : block; background : url('../images/arrow.gif'); background-repeat : no-repeat; background-position : left top; padding-left : 12px; padding-bottom : 3px; } .bodyContainer .subCell-1 .innerCell-1 .cellC { width : 24%; height : 138px; float : left; border-right : 1px solid #dedede; padding-right : .5%; padding-left : .5%; line-height : 10px; } .bodyContainer .subCell-1 .innerCell-1 .cellC b { width : 90%; height : auto; font-size : 12px; font-weight : bold; line-height : 14px; color : #000000; border-bottom : 1px solid #dedede; display : block; background : url('../images/arrow.gif'); background-repeat : no-repeat; background-position : left top; padding-left : 12px; padding-bottom : 3px; } .bodyContainer .subCell-1 .innerCell-1 .cellD { width : 23.5%; height : 138px; float : left; padding-left : .5%; line-height : 1%; } .bodyContainer .subCell-1 .innerCell-1 .cellD b { width : 90%; height : auto; font-size : 12px; font-weight : bold; line-height : 14px; color : #000000; border-bottom : 1px solid #dedede; display : block; background : url('../images/arrow.gif'); background-repeat : no-repeat; background-position : left top; padding-left : 12px; padding-bottom : 3px; } .bodyContainer .subCell-1 .innerCell-2 { width : 147px; height : 135px; float : left; background-position : -487px -443px; background-repeat : no-repeat; padding : 10px; } .bodyContainer .subCell-1 .innerCell-2 b, .bodyContainer .subCell-1 .innerCell-2 strong { font-size : 12px; color : #007a3f; } .bodyContainer .subCell-1 .innerCell-2 ul { list-style : url('../images/list-img.gif'); background-position : bottom; margin : 0; padding : 0; padding-left : 20px; line-height : 16px; } .bodyContainer .subCell-1 .innerCell-2 li { color : #666666; } /*------------------------------------------- ( Home Page Middle Container CSS )-----------------*/ /*------------------------------------------------------------- ( Sub Page CSS )-----------------*/ .subPageBodyContainer { width : 981px; height : auto; float : left; margin-top : 8px; } /*--------------- (Left Navigation Column) ----*/ .leftNavigationColumn { width : 200px; height : auto; float : left; margin-right : 10px; } .leftNavigation { width : 200px; height : 408px; float : left; padding-top : 8px; background-position : -780px -442px; background-repeat : no-repeat; } .leftNavigation span a:link, .leftNavigation span a:visited { color : #FFFFFF; text-decoration : none; background-color : transparent; } .leftNavigation span a:hover { color : #000000; text-decoration : none; } .leftNavigation span b { font-size : 12px; color : #ffffff; font-weight : bold; display : block; padding-left : 11px; margin-bottom : 8px; margin-top : 0; line-height : 0.5; background-color : transparent; } .leftNavigation h3 { width : auto; height : 19px; display : block; padding-left : 11px; padding-top : 5px; background-position : -488px -762px; background-repeat : no-repeat; font-size : 12px; font-weight : bold; color : #000000; } .leftNavigation h3 a:link, .leftNavigation h3 a:visited { color : #000000; text-decoration : none; } .leftNavigation h3 a:hover { color : #0066ff; text-decoration : none; } .leftNavigation a:link, .leftNavigation a:visited { color : #0066ff; text-decoration : none; } .leftNavigation a:hover { background-color : transparent; color : #0066ff; text-decoration : underline; } .leftNavigation ul { list-style : url('../images/list-img.gif'); background-position : bottom; margin : 0; padding : 0; padding-left : 26px; padding-bottom : 8px; line-height : 16px; } .leftNavigation li span { color : #666666; } .leftNavigation .subUl { margin-top:15px; } /*--------------- (Left Navigation Column) ----*/ /*--------------- (Sub Page Middle Column) ----*/ .subMiddleContainerInner { width : 561px; height : auto; float : left; } .subMiddleContainerInner .header { width : auto; height : 24px; display : block; } .subMiddleContainerInner .header .left { width : 389px; height : 24px; float : left; margin-right : 1px; background-position : 0 -160px; background-repeat : no-repeat; font-size : 14px; font-weight : bold; padding-left : 8px; } .subMiddleContainerInner .header .right { width : 155px; height : 24px; float : right; background-position : -398px -160px; background-repeat : no-repeat; padding-left : 7px; } .iconHome a { background-position : -563px -160px; } .iconPrint a { background-position : -586px -160px; } .iconMail a { background-position : -610px -160px; } .iconFavorite a { background-position : -633px -160px; } .iconHome a, .iconPrint a, .iconMail a, .iconFavorite a { width : 22px; height : 22px; float : left; display : block; overflow : hidden; text-indent : -50px; margin : 1px; margin-left : 5px; margin-right : 5px; } .subMiddleContainerInner .innerCell { width : 539px; height : auto; float : left; padding : 11px; } .innerCell .innerCell-2 { width : 147px; height : 135px; float : left; background-position : -487px -443px; background-repeat : no-repeat; padding : 10px; margin-right : 7px; } .innerCell .innerCell-2 b, .innerCell .innerCell-2 strong { font-size : 14px; color : #007a3f; } .innerCell .innerCell-2 ul { list-style : url('../images/list-img.gif'); background-position : bottom; margin : 0; padding : 0; padding-left : 20px; line-height : 16px; } .innerCell .innerCell-2 li { color : #666666; } .innerCell .cell-1 { width : 246px; height : auto; float : left; padding : 11px; border-right-width: 1px; border-right-style: solid; border-right-color: #B0DEC8; } .innerCell .cell-2 { width : 246px; height : auto; float : left; padding : 11px; margin-left : -1px; border-left-width: 1px; border-left-style: solid; border-left-color: #B0DEC8; } /*--------------- (Sub Page Middle Column) ----*/ /*-------------- (Right Navigation Column) ----*/ .rightNavigationColumn { width : 200px; height : auto; float : left; margin-left : 10px; } .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) ----*/ /*------------------------------------------------------------- ( Sub Page CSS )-----------------*/ /*--------------------------------------------------------------- ( Footer CSS )-----------------*/ .footerContainer { width : 981px; height : 42px; float : left; padding-top : 12px; background-position : 0 -194px; background-repeat : no-repeat; } .footer { width : auto; height : 8px; float : left; padding-top : 4px; padding-bottom : 8px; padding-left : 15px; 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; }