/*************************************/ /***** Blue Cell Group Pty Ltd ******/ /***** CSS ******/ /***** Author: Zos Collaga ******/ /*************************************/ /***** DBlue #002633 ******/ /***** MBlue #064E5E ******/ /***** Orange #FC7215 ******/ /***** MBlue #0884C1 ******/ /***** LBlue #2ABBED ******/ /***** Base Elements ******/ body { padding:0px 0px 0px 0px; margin:auto; color:#333333; background:#002633 url('../images/holdingbg.gif') no-repeat top center; font:normal 1em Arial, Helvetica, sans-serif; line-height:1em; text-align:center; } h1 { padding:0px; margin:0px; font-size:1em; color:#85A3C2; } h2 { padding:0px; margin:0px; font-size:0.9em; color:#5C85AD; } h3 { padding:0px; margin:0px; font-size:0.8em; } h4 { padding:0px; margin:0px; font-size:0.7em; font-weight:bold; } p { padding:10px 0px 10px 0px; margin:0px; font-size:0.7em; letter-spacing:1px; color:#666666; } ul { padding:10px 0px 10px 15px; margin:0px; letter-spacing:1px; color:#333333; } ol { padding:10px 0px 10px 15px; margin:0px; letter-spacing:1px; color:#333333; } ol ol { padding:10px 0px 10px 25px; list-style:lower-alpha; } #content>ol { padding:0px; } li { font-size:0.7em; padding-bottom:5px; } li li { font-size:1em; } hr { margin:0px; border:1px solid #FFFF00; } img { border:none; } a { padding:0px; margin:0px; } /***** Global Navigation ******/ #gnav { padding:0px; margin:auto; background:#999999; width:950px; height:24px; text-align:right; vertical-align:top; } #gnav ul { display:inline; padding:0px; margin:0px; } body>#gnav ul { position:relative; top:2px; } #gnav li { display:inline; padding:0px; margin:0px; list-style:none; } #gnav a { display:inline; padding:5px 10px 5px 10px; margin:0px; color:#FFFFFF; text-transform:uppercase; text-decoration:none; } #gnav a:link { } #gnav a:active { } #gnav a:visited { } #gnav a:hover { background:#333333; } /***** GNAV SIGN OUT ******/ #gnav a.signedin { color:#FFFF00; } #gnav a:hover.signedin { background:none; } /***** GNAV Masthead ******/ #search { display:inline; padding:0px 2px 0px 5px; margin:0px 0px 0px -3px; float:right; width:auto; background:#00CCFF; clear:both; } body>#gnav>#search { margin-left:0px; padding-bottom:2px; } #search form { padding:0px; margin:0px; } .stxt { font-size:0.7em; border:none; } .sbtn {} /***** Masthead ******/ #mast { padding:0px; margin:auto; margin-top:-3px; background:#FFFFFF; width:950px; height:65px; } body>#mast { margin-top:0px; } /***** Banner ******/ #banner { padding:5px; margin:auto; width:940px; height:70px; background:#000000 url(../images/bannerbg.gif) repeat-x bottom; } #banner table { padding:0px; margin:0px; } #subscribe { padding:2px 10px 2px 10px; margin:10px; width:175px; min-height:60px; background:#336699 url(../images/subscribebg.gif) repeat-x top; border:1px solid #FFFFFF; text-align:left; vertical-align:top; } #subscribe h1 { padding:0px; margin:0px; font:bold 0.8em Arial Narrow, Arial, Helvetica, sans-serif; text-transform:uppercase; color:#CCCCCC; } #subscribe p { padding:2px 0px 2px 0px; margin:0px; font:normal 0.6em Arial, Helvetica, sans-serif; color:#FFFFFF;} #advert { padding:0px; margin:0px; width:516px; height:60px; } #members { padding:2px 15px 2px 15px; margin:10px; width:145px; background:#000000 url(../images/greygradbg.gif) repeat-x top; border:1px solid #FFFFFF; text-align:left; vertical-align:top; } #members h1 { padding:0px; margin:0px; font:bold 0.8em Arial Narrow, Arial, Helvetica, sans-serif; text-transform:uppercase; color:#CCCCCC; } #members form { padding:0px; margin:0px; } #members label { font:normal 0.6em Arial Narrow, Arial, Helvetica, sans-serif; text-transform:uppercase; color:#FFFFFF;} #members input { font:normal 0.7em Arial, Helvetica, sans-serif; line-height:0.8em; } #members input.user { border:1px solid #FFFFFF; width:150px; height:12px; } #members input.pass { border:1px solid #FFFFFF; width:82px; height:12px; margin-bottom:4px; } #members td { padding:0px; margin:0px; } #welcome { padding:2px 10px 2px 10px; margin:10px; width:170px; background:#000000 url(../images/greygradbg.gif) repeat-x top; border:1px solid #FFFFFF; text-align:left; vertical-align:top; } #welcome h1 { padding:0px; margin:0px; font:bold 0.8em Arial Narrow, Arial, Helvetica, sans-serif; text-transform:uppercase; color:#CCCCCC; } #welcome p { padding:0px 0px 5px 0px; margin:0px; font:normal 0.6em Arial, Helvetica, sans-serif; color:#CCCCCC; letter-spacing:0px; } #welcome strong { font-weight:bold; color:#FFFF00; } /***** Breadcrumb ******/ #bcrumb { padding:0px; margin:auto; background:#336699; width:950px; height:20px; } /***** Content ******/ #content { padding:0px; margin:auto; background:#FFFFFF; width:950px; } #content table { border-collapse:collapse; } #content td { padding:0px; margin:0px; vertical-align:top; text-align:left; } #content #c1 { padding:0px; margin:0px; width:190px; background:#85A3C2; } #content #c2 { width:310px; padding:10px; } #content #c3 { padding:20px; margin:0px; width:230px; background:#EEEEEE; text-align:left; } #content #c4 { width:180px; background:#336699; text-align:center; } #content #c3 h1 { padding:0px; margin:-10px 0px 0px 10px; font:normal 1em Arial Narrow, Arial, Helvetica, sans-serif; } #flashvideo { padding:0px 10px 0px 10px; margin:0px; width:220px height:180px; } .vidbox { padding:10px; margin:10px; width:200px; background:#CCCCCC; border:1px solid #666666; text-align:left; } .vidbox a { padding:5px; margin:0px; font:normal 0.6em Arial Narrow, Arial, Helvetica, sans-serif; color:#5C85AD; } .lhsad { padding:5px; margin:auto; width:180px; background:#85A3C2; border-top:1px solid #FFFFFF; } /***** Content 1 - Single Column/No RHS ******/ #content1 { padding:0px; margin:auto; background:#FFFFFF; width:950px; } #content1 table { border-collapse:collapse; } #content1 td { padding:0px; margin:0px; vertical-align:top; text-align:left; } #content1 #c1 { padding:0px; margin:0px; width:190px; background:#85A3C2; } #content1 #c2 { width:750px; padding:10px; } /***** Content 2 - Single Column ******/ #content2 { padding:0px; margin:auto; background:#FFFFFF; width:950px; } #content2 table { border-collapse:collapse; } #content2 td { padding:0px; margin:0px; vertical-align:top; text-align:left; } #content2 #c1 { padding:0px; margin:0px; width:190px; background:#85A3C2; } #content2 #c2 { width:560px; padding:10px; } #content2 #c3 { width:180px; background:#336699; text-align:center; } /***** Primary Navigation ******/ #pnav { padding:0px; margin:0px; background:#FFFFFF; } #pnav ul { padding:0px; margin:0px; } #pnav li { display:block; padding:0px; margin:0px; height:28px; list-style:none; background:#5C85AD; border-top:1px solid #FFFFFF; } #pnav a { display:block; padding:5px 20px 5px 25px; margin:0px; height:18px; color:#EEEEEE; text-decoration:none; } #pnav a:link { } #pnav a:active { } #pnav a:visitor { } #pnav a:hover { display:block; color:#EEEEEE; text-decoration:none; background:#85A3C2; } #pnav li.more { display:block; } #pnav li.more a { background:#5C85AD url(../images/pnavarrow.gif) no-repeat right center; } #pnav li.more a:link { } #pnav li.more a:active { } #pnav li.more a:visitor { } #pnav li.more a:hover { background:#85A3C2 url(../images/pnavarrow.gif) no-repeat right center; } #pnav li.more2 { display:block; } #pnav li.more2 a { background:#5C85AD url(../images/pnavarrowstar.gif) no-repeat right center; } #pnav li.more2 a:link { } #pnav li.more2 a:active { } #pnav li.more2 a:visitor { } #pnav li.more2 a:hover { display:block; color:#EEEEEE; text-decoration:none; background:#85A3C2 url(../images/pnavarrowstar.gif) no-repeat right center; } #pnav li.more li a { background:#85A3C2 url(../images/pnavlock.gif) no-repeat left center; } #pnav li.more2 li a { background:#85A3C2 url(../images/pnavlock.gif) no-repeat left center; } #pnav li.more li a:hover { background:#85A3C2 url(../images/pnavlock1.gif) no-repeat left center; } #pnav li.more2 li a:hover { background:#85A3C2 url(../images/pnavlock1.gif) no-repeat left center; } #c1>#pnav li.more { display:block; } #c1>#pnav li.more2 { display:block; } /***** Primary Navigation SECURED ******/ #pnavsec { padding:0px; margin:0px; background:#FFFFFF; } #pnavsec ul { padding:0px; margin:0px; } #pnavsec li { display:block; padding:0px; margin:0px; height:28px; list-style:none; background:#5C85AD; border-top:1px solid #FFFFFF; } #pnavsec a { display:block; padding:5px 20px 5px 25px; margin:0px; height:18px; color:#EEEEEE; text-decoration:none; } #pnavsec a:link { } #pnavsec a:active { } #pnavsec a:visitor { } #pnavsec a:hover { display:block; color:#EEEEEE; text-decoration:none; background:#85A3C2; } #pnavsec li.more { display:block; } #pnavsec li.more a { background:#5C85AD url(../images/pnavarrow.gif) no-repeat right center; } #pnavsec li.more a:link { } #pnavsec li.more a:active { } #pnavsec li.more a:visitor { } #pnavsec li.more a:hover { background:#85A3C2 url(../images/pnavarrow.gif) no-repeat right center; } #pnavsec li.more2 { display:block; } #pnavsec li.more2 a { background:#5C85AD url(../images/pnavarrowstar.gif) no-repeat right center; } #pnavsec li.more2 a:link { } #pnavsec li.more2 a:active { } #pnavsec li.more2 a:visitor { } #pnavsec li.more2 a:hover { display:block; color:#EEEEEE; text-decoration:none; background:#85A3C2 url(../images/pnavarrowstar.gif) no-repeat right center; } #pnavsec li.more li a { background:#85A3C2; } #pnavsec li.more2 li a { background:#85A3C2; } #pnavsec li.more li a:hover { background:#85A3C2 url(../images/pnavstar.gif) no-repeat left center; } #pnavsec li.more2 li a:hover{ background:#85A3C2 url(../images/pnavstar.gif) no-repeat left center; } #c1>#pnavsec li.more { display:block; } #c1>#pnavsec li.more2 { display:block; } /***** Footer ******/ #footer { padding:0px; margin:auto; background:#333333; width:950px; height:70px; } #footer p { font:normal 0.6em Arial, Helvetica, sans-serif; color:#666666;} #footer a { padding:0px; margin:0px; color:#EEEEEE; } #footer a:link { } #footer a:active { } #footer a:visitor { } #footer a:hover { color:#FFFF00; text-decoration:none; } /***** Misc Classes ******/ .invis { display:none; } /***** Blue Cell Group Pty Ltd ******/ #bcg { margin:auto; width:850px; color:#ffffff; font-size:0.6em; text-align:right; } #bcg a { color:#ffffff; } #bcg a:hover { color:#ffff00; text-decoration:none; }