.PageHeader { PADDING-RIGHT: 2px; PADDING-LEFT: 8px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; FONT-SIZE: 20pt; MARGIN: 0px; TEXT-ALIGN: left; /*BACKGROUND-IMAGE: url(header.gif);*/ } .PageSeperator { MARGIN-TOP: 5px; MARGIN-BOTTOM: 10px; background-color:#666666; border-bottom: 1px solid; border-color:#666666; clear: left; } .ProductTitle {font-weight: bold; font-size:16px;} /*__________________*/ .gtnobtm { BORDER-RIGHT: #e6e6e6 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #e6e6e6 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 8pt; PADDING-BOTTOM: 0px; BORDER-LEFT: #e6e6e6 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #ffffff 1px solid; TEXT-DECORATION: none } .gt0 { BORDER-RIGHT: #e6e6e6 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #e6e6e6 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 8pt; PADDING-BOTTOM: 0px; BORDER-LEFT: #e6e6e6 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #e6e6e6 1px solid; TEXT-DECORATION: none } .gt1 { BORDER-RIGHT: #164613 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #164613 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 8pt; BACKGROUND: #e6e6e6; PADDING-BOTTOM: 0px; BORDER-LEFT: #164613 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #164613 1px solid; TEXT-DECORATION: none } .gtsep { PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 4px; FONT-SIZE: 8pt; FONT: Verdana; COLOR: #164613; PADDING-TOP: 0px } .txtsmall {font-family: "verdana"; font-size: 8pt; font-style: normal;} .title {font-family:Verdana; font-weight: bold; font-size:18px; color:"#BE0100";} .titlewhite {font-family: "verdana"; font-weight: bold; font-size: 14pt; line-height: 18px; color:"#FFFFFF";} .txtblack {font-family: "verdana"; font-size: 8pt; line-height: 16px; font-style: normal;line-height:1.6;} .ignore {font-family: "verdana"; font-size: 8pt; line-height: 16px; font-style: normal ;color:"#777777";} .titleBlack {font-family:Verdana; font-weight: bold; font-size:12pt; color:"#000000";} .subTitle {font-family:Verdana; font-weight: normal; font-size:11pt; color:"#555555";} .gray12Title {FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #555544; FONT-FAMILY: Verdana; TEXT-DECORATION: none;} .boldtxt {font-family: "verdana"; font-size: 8pt; font-weight: bold; line-height: 16px; font-style: normal;line-height:1.6;} .txtdarkG {font-family: "verdana"; font-size: 8pt; line-height: 16px; font-style: normal ;color:"#297521"} .txtwhite {font-family: "verdana"; font-size: 8pt; font-style: normal ;color:"#FFFFFF";line-height:1.6;} .txtRed {font-family: "verdana"; font-size: 8pt; font-style: normal ;color:"#CC0000";line-height:1.6;} .txtunderline {font-family: "verdana"; font-size: 8pt; line-height: 1.6; font-style: normal ;text-decoration: underline;color:"#0000FF"} .normalTxt {font-family: "verdana"; font-size: 8pt; font-weight: normal; line-height: 16px; font-style: normal;line-height:1.6;} .message {font-family: "verdana"; font-size: 8pt; line-height: 16px; font-style: normal ; color:"#FF0000"} .txthint {font-family: "verdana"; font-size: 7pt; font-style: normal;line-height:1.2;} .stitle {font-family: "verdana"; font-size: 11pt; line-height: 16px; font-style: normal; font-weight: normal} .pageLevel {font-family: "verdana"; color:"#BE0100"; font-size: 10pt; line-height: 1.2; font-style: normal; font-weight: normal} .pageLevel2 {font-family: "verdana"; color:"#666699"; font-size: 10pt; line-height: 1.2; font-style: normal; font-weight: normal} .okbutton { FONT-FAMILY: "verdana"; FONT-SIZE: 12px; FONT-WEIGHT: normal; FONT-STYLE: normal; color: #0000ff; width:80px } A.DarkBlue:link {color:#4A3C8C ;cursor:hand ;text-decoration:none} A.DarkBlue:active {color:#0000FF ;cursor:hand} A.DarkBlue:visited {color:#4A3C8C ;text-decoration:none} A.DarkBlue:hover {color:#EE8800 ;cursor:hand ;text-decoration:underline} A.White:link {color:#FFFFFF ;cursor:hand ;text-decoration:none} A.White:active {color:#FFFFFF ;cursor:hand} A.White:visited {color:#FFFFFF ;text-decoration:none} A.White:hover {color:#FFFFFF ;cursor:hand ;text-decoration:underline} A.Blue:link {color:#0000FF ;cursor:hand ;text-decoration:none} A.Blue:active {color:#EE8800 ;cursor:hand} A.Blue:visited {color:#0000FF ;text-decoration:none} A.Blue:hover {color:#EE8800 ;cursor:hand ;text-decoration:underline} A.BluePurple:link {color:#0000EE ;cursor:hand ;text-decoration:none} A.BluePurple:active {color:#9900CC ;cursor:hand} A.BluePurple:visited {color:#0000EE ;text-decoration:none} A.BluePurple:hover {color:#9900CC ;cursor:hand ;text-decoration:underline} A.Red:link {color:#CC0000 ;cursor:hand ;text-decoration:none} A.Red:active {color:#CC0000 ;cursor:hand} A.Red:visited {color:#CC0000 ;text-decoration:none} A.Red:hover {color:#CC0000 ;cursor:hand ;text-decoration:underline} A.MenuBar:link {color:#FFFFFF ;cursor:hand ;text-decoration:none} A.MenuBar:active {color:#FFFF99 ;cursor:hand} A.MenuBar:visited {color:#FFFFFF ;text-decoration:none} A.MenuBar:hover {color:#FFFF99 ;cursor:hand ;text-decoration:none} .TB_gCH_OLD { BORDER-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 20px; FONT-WEIGHT: bold; FONT-SIZE: 12px; BORDER-LEFT: 0px; CURSOR: pointer; COLOR: #999999; BORDER-BOTTOM: 0px; FONT-FAMILY: Tahoma; TEXT-ALIGN: center} .TB_gCH {BORDER-RIGHT: 0px; HEIGHT: 24px; BORDER-TOP: 0px; PADDING-LEFT: 26px; FONT-SIZE: 12px; BORDER-LEFT: 0px; CURSOR: pointer; COLOR: #555544; BORDER-BOTTOM: 0px; FONT-FAMILY: Tahoma; TEXT-ALIGN: center} .TB_gHA {BORDER-RIGHT: 0px; BORDER-TOP: 0px; VERTICAL-ALIGN: middle; BORDER-LEFT: 0px; WIDTH: 100%; CURSOR: pointer; BORDER-BOTTOM: 0px; TEXT-ALIGN: center} .TB_gHA IMG {MARGIN-LEFT: 8px; WIDTH: 7px; HEIGHT: 4px} .TB_gRB {BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; FONT-SIZE: 3px; PADDING-BOTTOM: 0px; MARGIN-LEFT: 0px; BORDER-LEFT: 0px; WIDTH: 3px; MARGIN-RIGHT: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px} .TB_gRT {BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 1px; FONT-SIZE: 12px; PADDING-BOTTOM: 1px; MARGIN: 30px 0px 0px; VERTICAL-ALIGN: middle; BORDER-LEFT: #000000 1px solid; CURSOR: default; COLOR: #000000; PADDING-TOP: 1px; BORDER-BOTTOM: #000000 1px solid; FONT-FAMILY: Verdana; HEIGHT: 12px; BACKGROUND-COLOR: #f5f5dc} .TB_gRT SPAN {PADDING-LEFT: 3px} .TB_gBH {HEIGHT: 5px; BACKGROUND-COLOR: #cfcdce} .TB_gBH TD {BORDER-TOP: #ffffff 1px solid; FONT-SIZE: 1px; WIDTH: 100%; BORDER-BOTTOM: #ffffff 1px solid} .TB_gBH DIV {HEIGHT: 3px} .TB_gCont { text-align:left; BORDER-RIGHT: #d6d6d6 1px solid; BORDER-TOP: #d6d6d6 1px solid; BORDER-LEFT: #d6d6d6 1px solid; BORDER-BOTTOM: #d6d6d6 1px solid} .TB_gH {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND-IMAGE: url(header.gif); PADDING-BOTTOM: 0px; PADDING-TOP: 0px; BORDER-COLLAPSE: collapse; HEIGHT: 26px; BACKGROUND-COLOR: #ffffff} .TB_gH TD { BORDER-BOTTOM: #cc2564 2px solid; HEIGHT: 26px} .TB_gH TD TABLE TD { BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px} .TB_gR {BACKGROUND-COLOR: #ffffff} .TB_gRA {BACKGROUND-COLOR: #e9e9e9} .TB_gRS {BACKGROUND-COLOR: #ffffff} .TB_Gray {BACKGROUND-COLOR: #999999} .TB_gC {BORDER-RIGHT: #000000 0px solid; PADDING-RIGHT: 3px; BORDER-TOP: #d6d6d6 1px solid; PADDING-LEFT: 20px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; VERTICAL-ALIGN: middle; CURSOR: default; COLOR: #555544; PADDING-TOP: 0px; BORDER-BOTTOM: #ffffff 1px solid; FONT-FAMILY: Verdana; HEIGHT: 26px} .TB_gRC {OVERFLOW: hidden; WHITE-SPACE: nowrap} .TB_gSA {BORDER-RIGHT: #f6d7e7 1px solid; BORDER-TOP: #f6d7e7 1px solid; FONT-SIZE: 1px; BORDER-LEFT: #f6d7e7 1px solid; BORDER-BOTTOM: #f6d7e7 1px solid; BACKGROUND-COLOR: #f6d7e7} A.TB_gAL {FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #555544; FONT-FAMILY: Verdana; TEXT-DECORATION: underline} A.TB_gAL:hover {FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #555544; FONT-FAMILY: Verdana; TEXT-DECORATION: none} .TB_gL {BORDER-RIGHT: 0px; PADDING-RIGHT: 3px; BORDER-TOP: 0px; PADDING-LEFT: 3px; FONT-SIZE: 12px; PADDING-BOTTOM: 3px; BORDER-LEFT: 0px; COLOR: #555544; PADDING-TOP: 3px; BORDER-BOTTOM: 0px; FONT-FAMILY: Verdana; BACKGROUND-COLOR: #f5f5f5} .TB_gNRM {BORDER-RIGHT: 0px; PADDING-RIGHT: 3px; BORDER-TOP: 0px; PADDING-LEFT: 3px; FONT-SIZE: 12px; PADDING-BOTTOM: 3px; BORDER-LEFT: 0px; COLOR: #555544; PADDING-TOP: 3px; BORDER-BOTTOM: 0px; FONT-FAMILY: Verdana; BACKGROUND-COLOR: #f6f5f0} .TB_gBF {DISPLAY: none; HEIGHT: 3px; BACKGROUND-COLOR: #cc2564} .TB_gBF TD {FONT-SIZE: 1px; WIDTH: 100%; BORDER-BOTTOM: #ffffff 1px solid} .TB_gBF TD {HEIGHT: 1px} .TB_gBF DIV {HEIGHT: 1px} .TB_gEC {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; WIDTH: 96%; COLOR: #323232; PADDING-TOP: 0px; FONT-FAMILY: Verdana; POSITION: relative; BACKGROUND-COLOR: #f5f5f5} .TB_gRL {WIDTH: 1px; BACKGROUND-COLOR: #928f7e} .TB_gD {DISPLAY: none} .TB_gF {} .TB_gF TD {BORDER-RIGHT: 0px; PADDING-RIGHT: 1px; BORDER-TOP: #cc2564 2px solid; PADDING-LEFT: 20px; FONT-SIZE: 12px; BACKGROUND-IMAGE: url(footer.gif); PADDING-BOTTOM: 1px; BORDER-LEFT: 0px; CURSOR: default; COLOR: #555544; PADDING-TOP: 1px; BORDER-BOTTOM: 0px; FONT-FAMILY: Verdana; HEIGHT: 23px; BACKGROUND-COLOR: #ffffff} .TB_gF TD TABLE TD {PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; VERTICAL-ALIGN: middle; PADDING-TOP: 0px} .TB_gPST {} .TB_gPSS {MARGIN-TOP: 2px; FONT-SIZE: 12px; MARGIN-LEFT: 7px; CURSOR: default; COLOR: #323232; FONT-FAMILY: Verdana; BACKGROUND-COLOR: #f5f5f5} A.TB_gALF {FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #555544; FONT-FAMILY: Verdana; TEXT-DECORATION: underline} A.TB_gALF:hover {FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #555544; FONT-FAMILY: Verdana; TEXT-DECORATION: none} .TB_gNL {PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 12px; CURSOR: pointer; COLOR: #555544; FONT-FAMILY: Verdana; TEXT-DECORATION: underline} .TB_gNS {PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: normal; FONT-SIZE: 12px; CURSOR: default; COLOR: #555544; FONT-FAMILY: Verdana; TEXT-DECORATION: none} .TB_gNT {PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: normal; FONT-SIZE: 12px; CURSOR: default; COLOR: #555544; FONT-FAMILY: Verdana; TEXT-DECORATION: none} .TB_gNI {PADDING-RIGHT: 5px; PADDING-LEFT: 5px; VERTICAL-ALIGN: middle; CURSOR: pointer} .paperBox {BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 15px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 15px; PADDING-BOTTOM: 15px; FONT: 12px Verdana; BORDER-LEFT: #cccccc 1px solid; COLOR: #444444; PADDING-TOP: 15px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: white} .h10 {COLOR: #555544; FONT: 12px "Lucida Grande", Geneva, Arial, Verdana, sans-serif; TEXT-DECORATION: none; FONT: bold} .h11 {COLOR: #555544; FONT: 12px "Lucida Grande", Geneva, Arial, Verdana, sans-serif; TEXT-DECORATION: none;} .h5 {COLOR: #555544; FONT: 12px "Lucida Grande", Geneva, Arial, Verdana, sans-serif; TEXT-DECORATION: none; FONT: bold} .h3 {COLOR: #555544; FONT: 16px "Lucida Grande", Geneva, Arial, Verdana, sans-serif; TEXT-DECORATION: none; FONT: bold} .h2 {COLOR: #555544; FONT: 20px "Lucida Grande", Geneva, Arial, Verdana, sans-serif; TEXT-DECORATION: none; FONT: bold} .DescText {color:#555544;FONT:12px "Lucida Grande", Geneva, Arial, Verdana, sans-serif; font-weight:normal;} .topitem:link {FONT-SIZE: 12px; COLOR: #ffffff; TEXT-DECORATION: none} .topitem:visited {FONT-SIZE: 12px; COLOR: #ffffff; TEXT-DECORATION: none} .topitem:hover {FONT-SIZE: 12px; COLOR: #cccccc; TEXT-DECORATION: none} .ob_gR {BACKGROUND-IMAGE: url(cell.gif)} .ob_gRA {BACKGROUND-IMAGE: url(cell.gif)} .ob_gRS {BACKGROUND-COLOR: #bee3f3} A.TB_White {FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: white; FONT-FAMILY: Verdana; TEXT-DECORATION: underline} A.TB_White:hover {FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: white; FONT-FAMILY: Verdana; TEXT-DECORATION: none} /*body*/ body.skyblue {color:#555544 ;font:12px ;font-family: Arial, Helvetica, sans-serif; margin:0px;background-color:#DBE8F1;} body.white {color:#FFFFFF ;font:12px ;font-family: Arial, Helvetica, sans-serif; margin:0px;background-color:#FFFFFF;} body.black {color:#555544 ;font:12px ;font-family: Arial, Helvetica, sans-serif;margin:0px;background-color:#000000;} body.blank {font:12px ;font-family: Arial, Helvetica, sans-serif;margin:0px; overflow:hidden;background-color:#FFFFFF;} body.navyblue{background: #8fa6c5 url(../Images/blue_bk.gif) no-repeat right bottom; color:#fff; line-height:1.6; } /*body {background: url(../Images/blue_bk.gif) repeat-x left top; font:12px ;font-family: Arial, Helvetica, sans-serif;margin:0px;}*/ /*body {color:#555544 ;font:12px ;font-family: Arial, Helvetica, sans-serif;margin:0px; background-color:#FFFFFF;}*/ /*#4773A2*/ /*form*/ TD {color:#555544 ;FONT: 12px "Lucida Grande", Geneva, Arial, Verdana, sans-serif;} .blogTitle{ font-size: 12px; color: Black;} .blogDate{ color: Black; font-size: 12px;} .blogBody{ font-size: 12px;} A.WhiteHref { FONT-SIZE: 12px; COLOR: #FFFFFF; FONT-FAMILY: Verdana; TEXT-DECORATION: none} A.WhiteHref:hover { FONT-SIZE: 12px; COLOR: #FFFFFF; FONT-FAMILY: Verdana; TEXT-DECORATION: underline} A.NormalHref { FONT-SIZE: 12px; COLOR: blue; FONT-FAMILY: Verdana; TEXT-DECORATION: none} A.NormalHref:hover { FONT-SIZE: 12px; COLOR: blue; FONT-FAMILY: Verdana; TEXT-DECORATION: underline} A.blogHref { FONT-SIZE: 12px; COLOR: #555544; FONT-FAMILY: Verdana; TEXT-DECORATION: none} A.blogHref:hover { FONT-SIZE: 12px; COLOR: #555544; FONT-FAMILY: Verdana; TEXT-DECORATION: underline} .Georgiah11 { FONT-SIZE: 12px; COLOR: #555544; FONT-FAMILY: Georgia; TEXT-DECORATION: none; FONT: bold} .TB_Login { BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 0px solid; BORDER-LEFT: #999999 1px solid; BORDER-BOTTOM: #999999 1px solid} .TB_AfterLogin { BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; BORDER-LEFT: #999999 1px solid; BORDER-BOTTOM: #999999 1px solid} /*Tab*/ #tabs {float:left;width:100%;font-size:93%;border-bottom:1px solid #2763A5;line-height:normal;} #tabs ul {margin:0;padding:12px 12px 0 5px;list-style:none;} #tabs li {display:inline;margin:0;padding:0;} #tabs a {float:left;background:url("Images/Home/tableft10.gif") no-repeat left top;margin:0;padding:0 0 0 4px;text-decoration:none;} #tabs a span {float:left;display:block;background:url("Images/Home/tabright10.gif") no-repeat right top;padding:5px 15px 4px 6px;color:#FFF;} /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs a span {float:none;} #tabs a:hover {background-position:0% -42px;} #tabs a:hover span {background-position:100% -42px;} #tabs #current a {background-position:0% -42px;} #tabs #current a span {background-position:100% -42px;} IMG.withborder {BORDER-RIGHT: #555544 1px solid; BORDER-TOP: #555544 1px solid; BORDER-LEFT: #555544 1px solid; BORDER-BOTTOM: #555544 1px solid} IMG {BORDER-RIGHT: #555544 0px solid; BORDER-TOP: #555544 0px solid; BORDER-LEFT: #555544 0px solid; BORDER-BOTTOM: #555544 0px solid} /*SideMenu*/ #SideMenuHeader span { float:left; display:block; background:url("../Images/SideMenu/header_bk.gif") no-repeat right top; color:#666; } #SideMenuHeader span { float:none;} #SideBox {width:180px; BORDER-RIGHT: #beb6a4 0px solid; BORDER-TOP: #beb6a4 0px solid; BORDER-LEFT: #beb6a4 0px solid; BORDER-BOTTOM: #beb6a4 1px solid} #SideBox a {FONT-SIZE: 12px; COLOR: #555544; FONT-FAMILY: Verdena; text-decoration:none; } #BannerBox {background-color:#FFFFFF; BORDER-RIGHT: #beb6a4 1px solid; BORDER-TOP: #beb6a4 1px solid; BORDER-LEFT: #beb6a4 1px solid; BORDER-BOTTOM: #beb6a4 1px solid;} .TB_WhiteCont {BORDER-RIGHT: #d6d6d6 1px solid; BORDER-TOP: #d6d6d6 1px solid; BORDER-LEFT: #d6d6d6 1px solid; BORDER-BOTTOM: #d6d6d6 1px solid} .TB_WhiteCont TR {background-color:#FFFFFF;} .TB_WhiteCont TD {background-color:#FFFFFF;} .RedSpan {BORDER-RIGHT: red 1px solid; BORDER-TOP: red 1px solid; BORDER-LEFT: red 1px solid; BORDER-BOTTOM: red 1px solid} .GraySpan {BORDER-RIGHT: #555544 1px solid; BORDER-TOP: #555544 1px solid; BORDER-LEFT: #555544 1px solid; BORDER-BOTTOM: #555544 1px solid} .cssbutton { background: #fff; padding: 1px; font-family: Geneva, Vera, Arial, Helvetica, sans-serif; font-size: x-small; font-variant : small-caps; border : 1px solid #aaa; } .buttonleftRed { color: #f8f8f8; background: red; padding: 0px 3px 0px 3px; } .buttonleft { color: #f8f8f8; background: #a42; padding: 0px 3px 0px 3px; } .buttonright { color: #f8f8f8; background: #886; padding: 0px 20px 0px 3px; } .MenuTitle{ font-size: 12px; color: #555544; font-family:Verdana;} .HeaderType{background:url("Images/header.jpg") no-repeat left top;} /*------------For All--------------*/ body /* Internet Explorer */ { /*background: url(../Images/BK/bg_public.gif) repeat-x left top; */ width: 1000px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:auto; text-align: center; } body /* Mozilla Firefox alignment */ { width: 1000px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:auto; text-align: -moz-center; } #container { width: 1000px; /*position:absolute; top:200px; height:768px;*/ } form {margin:0px;} /*------------For Header--------------*/ #nav { FONT: 76%/130% "Lucida Sans Unicode", verdana, helvetica, sans-serif; COLOR: #418fa5; LEFT: 180px; FLOAT: left; MARGIN: 0px; WIDTH: 650px; POSITION: absolute; TOP: 80px; } #nav UL { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none } #nav LI { PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 2px 0px 0px; PADDING-TOP: 0px } #nav A { PADDING-RIGHT: 0px; PADDING-LEFT: 2px; BACKGROUND: url(http://www.betterchinese.com/Images/Header/tabs-left.gif) no-repeat -1000px 0%; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px 1px 0px 0px; COLOR: #fff; PADDING-TOP: 0px; TEXT-DECORATION: none } #nav A SPAN { PADDING-RIGHT: 9px; DISPLAY: block; PADDING-LEFT: 6px; BACKGROUND: url(http://www.betterchinese.com/Images/Header/tabs-right.gif) no-repeat right top; FLOAT: left; PADDING-BOTTOM: 3px; PADDING-TOP: 3px } #nav #current SPAN { PADDING-RIGHT: 9px; DISPLAY: block; PADDING-LEFT: 6px; BACKGROUND: url(http://www.betterchinese.com/Images/Header/tabs-right.gif) no-repeat right top; FLOAT: left; PADDING-BOTTOM: 3px; PADDING-TOP: 3px } #nav A SPAN { FLOAT: none } #nav #current A { BACKGROUND-POSITION: 0px -300px } #nav #current A SPAN { BACKGROUND-POSITION: 100% -300px; PADDING-BOTTOM: 3px; COLOR: #fff } #nav #current SPAN { BACKGROUND-POSITION: 100% -300px; PADDING-BOTTOM: 3px; COLOR: #fff } #nav #current #monster { BACKGROUND-POSITION: 0px -44px } #nav A:hover { BACKGROUND-POSITION: 0% -150px } #nav A:hover SPAN { BACKGROUND-POSITION: 100% -150px; COLOR: #fff } #nav #current A:hover { BACKGROUND-POSITION: 0% -300px } #nav #current A:hover SPAN { BACKGROUND-POSITION: 100% -300px; COLOR: #fff } #nav #cart { margin-top:0px; padding-left:22px; width:39px; height:15px; background: url(http://www.betterchinese.com/Images/Header/cart.gif) no-repeat; } #subnav { FONT: 76%/130% "Lucida Sans Unicode", verdana, helvetica, sans-serif; TOP: 105px; LEFT: 0px; Z-INDEX: 10; MARGIN: 0px; width: 100%; POSITION: absolute; text-align:left; } #subnav UL { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 3px; LIST-STYLE-TYPE: none; HEIGHT: 20px; TEXT-ALIGN: center } #subnav LI { PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px } #subnav LI A { PADDING-RIGHT: 0px; PADDING-LEFT: 4px; PADDING-BOTTOM: 1px; COLOR: #666666; PADDING-TOP: 0px } #subnav #onjobs A { FONT-WEIGHT: bold } #subnav #onjobs A:hover { TEXT-DECORATION: none } #HeaderArea { position:relative; left:5px; top:0px; width:1000px; height:125px; background: url(../Images/Header/BCHeader.jpg) no-repeat; /*background:red;*/ } #LogoArea { position:absolute; left:16px; top:2px; width:120px; height:114px; /*background: url(../Images/Header/Logo.gif) no-repeat; background:red; */ } #BlandArea { position:absolute; font-family: "Times New Roman"; font-size:34px; left:170px; top:24px; } #BlandArea A { color:#FFFFFF; text-decoration:none; } #Slogon { position:absolute; left:190px; top:40px; float: left; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; font-size: 10px; font-style:italic; color: #FFFFFF; height:20px; /*background-color:red;*/ } #SearchBoxArea { position:absolute; top:32px; height:32px; width:980px; text-align:right; *width:480px; } #SearchBoxArea LABEL { DISPLAY: block; BACKGROUND: url(../Images/Header/search.gif) no-repeat; FLOAT: left; WIDTH: 32px; CURSOR: pointer; TEXT-INDENT: -4000px; POSITION: relative; HEIGHT: 40px; left:785px; *left:285px; } #SearchBoxArea FORM FIELDSET { BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px } #SearchBoxArea FORM FIELDSET LEGEND { DISPLAY: none } #txtKeyword { background:#FFFFFF; color:#333333; border: 1px solid #999999; width:160px; height:20px; MARGIN: 10px 0px 0px -20px; padding-left:20px; } #LanguageArea { /* left:790px;margin-left:830px;*/ position:absolute; width:140px; top:80px; right:10px; } #LogoutArea { position:absolute; text-align:right; width:100px; right:10px;/*margin-left:830px;*/ top:5px; vertical-align:middle; /*background:green;*/ } #Ctrl_Header_lnkLogout { background: url(../Images/Header/arrow.gif) no-repeat; padding-right:5px; padding-left:12px; color:#3986C6; font-family: Arial, "Times New Roman", Times, serif; font-weight:normal; font-size: 12px; } #HeaderToobar /*good sample to set css*/ { position:relative; text-align:right; top:0px; width:980px; height:20px; margin-left:0px;/*work on IE Only*/ } #HeaderToobar a { font-weight:normal; } #TabHeight { position:absolute; height:60px; margin-top:60px; *height:60px;/*for windows IE only*/ *margin-top:55px;/*for windows IE only*/ } #TabArea { position:relative; bottom:0px; width: 610px; top:60px; left:-20px; padding-left:185px;/*safari*/ *width:580px;/*for windows IE only*/ *left:100px;/*for windows IE only*/ *padding-left:0px;/*for windows IE only*/ } #TabArea, x:-moz-any-link { /*firefox & windows only*/ left:-100px;/*firefox only*/ *left:100px;/*for windows IE only*/ } #Ctrl_Header_lblProduct { color:#FFF; } #Ctrl_Footer_lblProduct { color:#FFF; } /*------------For Tab--------------*/ A.MenuBarHref {margin-top:5px; color:#ffffc0; TEXT-DECORATION: none} A.MenuBarHref:hover {margin-top:5px;color:red; TEXT-DECORATION: underline} A.MenuBarHref:visited {margin-top:5px;color:#ffffc0; TEXT-DECORATION: none} .SubmenuTitleSelected {color:darkorange; TEXT-DECORATION: none; font-weight: bold;} .SubmenuTitle {color:#3D5BB1; TEXT-DECORATION: none} #cart { margin-top:0px; padding-left:22px; width:39px; height:15px; background: url(../Images/Header/cart.gif) no-repeat; } /*------------For Login--------------*/ #PersonalLoginArea { width:260px; height:200px; background: url(../Images/PersonalLoginPanel.gif) no-repeat; } #SchoolLoginArea { width:260px; height:200px; background: url(../Images/SchoolLoginPanel.gif) no-repeat; } #LoginTitle { padding-top:10px; padding-left:22px; padding-bottom:20px; color:#FFFFFF; font-family: Arial, "Times New Roman", Times, serif; font-weight: bold; font-size: 12px; } #hlnkPersonalAccount { padding-right:15px; color:#FFFFFF; font-family: Arial, "Times New Roman", Times, serif; font-weight: bold; font-size: 12px; text-decoration:none; } #hlnkSchoolAccount { padding-left:18px; color:#FFFFFF; font-family: Arial, "Times New Roman", Times, serif; font-weight: bold; font-size: 12px; text-decoration:none; } #lblUserName { color:#3D5BB1; } #lblPassword { color:#3D5BB1; } #lblSchoolID { color:#3D5BB1; } #lblSaveMyAccount { color:#3D5BB1; } #txtUserName { background:#FFFFFF; color:#333333; border: 1px solid #72C34D; width:120px; height:23px; } #txtPassword { background:#FFFFFF; color:#333333; border: 1px solid #72C34D; width:120px; height:23px; } #txtRePassword { background:#FFFFFF; color:#333333; border: 1px solid #72C34D; width:120px; height:23px; } #txtSchoolID { background:#FFFFFF; color:#333333; border: 1px solid #72C34D; width:120px; height:23px; } #txtEmailAddr { background:#FFFFFF; color:#333333; border: 1px solid #72C34D; width:120px; height:23px; } #chkVCode { top:0px; } #txtValidCode { background:#FFFFFF; color:#333333; border: 1px solid #72C34D; width:80px; height:23px; } #imgUserName { vertical-align:middle; margin-left:103px; margin-top:-21px; background:#FFFFFF; border: 0px solid #72C34D; width:15px; height:14px; } #imgPassword { vertical-align:middle; margin-left:103px; margin-top:-21px; background:#FFFFFF; border: 0px solid #72C34D; width:15px; height:14px; } #LoginPanel { padding-left:20px; color:#FFFFFF; } #btnLogin { width:103px; height:32px; } /* #SaveMyAccountPanel { padding-top:5px; height:32px; } */ /*------------For Footer--------------*/ #footer { width:1000px; } .FooterArrow { margin-top:8px; margin-left:-5px; width:3px; height:5px; background: url(../Images/arrow_blue.gif) no-repeat; vertical-align:middle; } .FooterText { color:#3D5BB1; font-family: Arial, "Times New Roman", Times, serif; font-size: 10px; font-weight: bold; padding-left:5px; padding-right:5px; } #ServerLocationArea { margin-top:-15px; margin-left:300px; padding-left:5px; } #FooterArea { padding-left:5px; color:#3D5BB1; font-family: Arial, "Times New Roman", Times, serif; font-size: 10px; font-weight: bold; } #lblCopyright { padding-right:5px; color:#333333; font-family: Arial, "Times New Roman", Times, serif; font-size: 10px; } /*------------For PodCast--------------*/ #TreeViewList{ text-align:left;width: 310px;height: 800px;overflow:scroll;} #PodCastTitle { PADDING-RIGHT: 8px; PADDING-LEFT: 8px; FONT-SIZE: 100%; PADDING-BOTTOM: 5px; OVERFLOW: hidden; COLOR: #000000; PADDING-TOP: 8px; } #PodCastIntroduction { PADDING-RIGHT: 8px; PADDING-LEFT: 8px; FONT-SIZE: 100%; PADDING-BOTTOM: 5px; OVERFLOW: hidden; COLOR: #000000; PADDING-TOP: 8px; } #PodCastContent { PADDING-RIGHT: 8px; PADDING-LEFT: 8px; FONT-SIZE: 100%; PADDING-BOTTOM: 5px; OVERFLOW: hidden; COLOR: #000000; PADDING-TOP: 8px; } #PodCastDownloadNote { PADDING-RIGHT: 8px; PADDING-LEFT: 8px; FONT-SIZE: 100%; PADDING-BOTTOM: 5px; OVERFLOW: hidden; COLOR: #000000; PADDING-TOP: 8px; } /*------------For Lesson--------------*/ #controltoolbar { height:25px; display:block; white-space:nowrap; } #pnlFullScreen { } #pnlFullScreen a { float:left; text-align:center; padding-top:5px; background: url(../Images/Lesson/btn_default.gif); WIDTH:122px; HEIGHT:25px; background-repeat:no-repeat; color:#FFFFFF; text-decoration:none; } #pnlFullScreen a:hover { background: url(../Images/Lesson/btn_active.gif) no-repeat; color:yellow; } /*work on IE*/ #hlnkBtnBackToIE { position:relative; } #hlnkBtnBackToIE a { float:left; text-align:center; padding-top:5px; width:175px; height:25px; background: url(../Images/Lesson/btn_BackTo_default.gif) no-repeat; color:#FFFFFF; text-decoration:none; } #hlnkBtnBackToIE a:hover { background: url(../Images/Lesson/btn_BackTo_active.gif) no-repeat; color:yellow; } /*work on FireFox*/ #hlnkBtnBackToFF { vertical-align:middle; } #hlnkBtnBackToFF a { float:left; text-align:center; padding-top:6px; width:175px; height:25px; background: url(../Images/Lesson/btn_BackTo_default.gif) no-repeat; color:#FFFFFF; text-decoration:none; } #hlnkBtnBackToFF a:hover { background: url(../Images/Lesson/btn_BackTo_active.gif) no-repeat; color:yellow; } #hlnkLanguage { position:relative; } #hlnkLanguage a { float:left; text-align:center; padding-top:5px; background: url(../Images/Lesson/btn_default.gif); WIDTH:122px; HEIGHT:25px; background-repeat:no-repeat; color:#FFFFFF; text-decoration:none; } #hlnkLanguage a:hover { background: url(../Images/Lesson/btn_active.gif) no-repeat; color:yellow; } #LanguageDifference { float:left; } #LessonNav { float:right; white-space:nowrap; } #pnlAssingLesson { } #pnlAssingLesson a { float:left; text-align:center; padding-top:5px; background: url(../Images/Lesson/btn_default.gif); WIDTH:122px; HEIGHT:25px; background-repeat:no-repeat; color:#FFFFFF; text-decoration:none; } #pnlAssingLesson a:hover { background: url(../Images/Lesson/btn_active.gif) no-repeat; color:yellow; } #pnlAssingHomework { } #pnlAssingHomework a { float:left; text-align:center; padding-top:5px; background: url(../Images/Lesson/btn_default.gif); WIDTH:122px; HEIGHT:25px; background-repeat:no-repeat; color:#FFFFFF; text-decoration:none; } #pnlAssingHomework a:hover { background: url(../Images/Lesson/btn_active.gif) no-repeat; color:yellow; } /*story library*/ #hlnkBtn a { float:left; text-align:center; padding-top:5px; background: url(../Images/Lesson/btn_default.gif); WIDTH:122px; HEIGHT:25px; background-repeat:no-repeat; color:#FFFFFF; text-decoration:none; } #hlnkBtn a:hover { background: url(../Images/Lesson/btn_active.gif) no-repeat; color:yellow; } #hlnkBtnOnlineLearning a { float:left; text-align:center; padding-top:5px; background: url(../Images/Lesson/btn_BackTo_default.gif); WIDTH:175px; HEIGHT:25px; background-repeat:no-repeat; color:#FFFFFF; text-decoration:none; } #hlnkBtnOnlineLearning a:hover { background: url(../Images/Lesson/btn_BackTo_active.gif) no-repeat; color:yellow; } #hlnkBtnBackToMonth { } #hlnkBtnBackToMonth a { float:left; text-align:center; padding-top:5px; background: url(../Images/Lesson/btn_BackTo_default.gif); width:175px; height:25px; background-repeat:no-repeat; color:#FFFFFF; text-decoration:none; } #hlnkBtnBackToMonth a:hover { background: url(../Images/Lesson/btn_BackTo_active.gif) no-repeat; color:yellow; } #pnlFlashBar { text-align:right; } .PodLink { color:Black; text-decoration:none; font-size:12px; font-weight:normal; } #hlnkTrophyRoom a { float:left; text-align:center; padding-top:5px; background: url(../Images/Lesson/btn_default.gif); WIDTH:122px; HEIGHT:25px; background-repeat:no-repeat; color:#FFFFFF; text-decoration:none; } #hlnkTrophyRoom a:hover { background: url(../Images/Lesson/btn_active.gif) no-repeat; color:yellow; } #hlnkPrint a { float:left; text-align:center; padding-top:5px; background: url(../Images/Lesson/btn_default.gif); WIDTH:122px; HEIGHT:25px; background-repeat:no-repeat; color:#FFFFFF; text-decoration:none; } #hlnkPrint a:hover { background: url(../Images/Lesson/btn_active.gif) no-repeat; color:yellow; } #hlnkBack a { float:left; text-align:center; padding-top:5px; background: url(../Images/Lesson/btn_default.gif); WIDTH:122px; HEIGHT:25px; background-repeat:no-repeat; color:#FFFFFF; text-decoration:none; } #hlnkBack a:hover { background: url(../Images/Lesson/btn_active.gif) no-repeat; color:yellow; } .TreeViewText { vertical-align:top; font-size:12px; font-weight:normal; } .TreeViewText image { vertical-align:middle; border-top: 1px solid; border-bottom: 1px solid; border-left: 1px solid; border-right: 1px solid; border-color:#666666; } .TreeViewImage { vertical-align:middle; border-top: 1px solid; border-bottom: 1px solid; border-left: 1px solid; border-right: 1px solid; border-color:#666666; } UL.PodCastListItem { PADDING-RIGHT: 0px; PADDING-LEFT: 12px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px } UL.PodCastListItem LI { MARGIN-BOTTOM: 5px; MARGIN-LEFT: 16px; COLOR: #698d73; LIST-STYLE-IMAGE: url(../Images/podcast.gif); } UL.SiteMap { PADDING-RIGHT: 0px; PADDING-LEFT: 12px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px } UL.SiteMap LI { MARGIN-BOTTOM: 5px; MARGIN-LEFT: 16px; COLOR: #333333; font-weight:bold; list-style-type:square; } .AfterSchools { border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #6A777C; border-right-color: #6A777C; border-bottom-color: #6A777C; border-left-color: #6A777C; } #AfterSchoolNewsBox { padding-top:0px; padding-left:20px; width:550px; height: 200px;overflow:hidden; scrollbar-face-color:#FFFFFF; scrollbar-highlight-color:#72C34D; scrollbar-3dlight-color:#72C34D; scrollbar-darkshadow-color:#72C34D; scrollbar-shadow-color:#8DABBC; scrollbar-arrow-color:#65899C; scrollbar-track-color:#7DC65D; BORDER-RIGHT: #72C34D 0px solid; BORDER-TOP: #72C34D 0px solid; BORDER-LEFT: #72C34D 0px solid; BORDER-BOTTOM: #72C34D 0px solid; font-size: 12px; } .italic_font { font-style:italic; font-weight:bold; } a.scrollover { /* Default Colour/Styles here */ color: #557AFF; } a.scrollover em:first-line { /* Rollover Colour/Styles here */ color: #FF5B3C; } /*Sexy css button*/ .clear { /* generic container (i.e. div) for floating buttons */ overflow: hidden; width: 100%; } a.graybutton { background: transparent url('../Images/Comm/bg_button_a.gif') no-repeat scroll top right; color: #444; display: block; float: left; font: normal 12px arial, sans-serif; height: 24px; margin-right: 6px; padding-right: 18px; /* sliding doors padding */ text-decoration: none; } a.graybutton span { background: transparent url('../Images/Comm/bg_button_span.gif') no-repeat; display: block; line-height: 14px; padding: 5px 0 5px 18px; } a.graybutton:active { background-position: bottom right; color: #000; outline: none; /* hide dotted outline in Firefox */ } a.graybutton:active span { background-position: bottom left; padding: 6px 0 4px 18px; /* push text down 1px */ } .ContentText {font-size: 11pt; line-height: 20px; font-style: normal; font-weight: normal} .DescText {font-size: 12pt; line-height: 20px; font-style: normal; font-weight: normal} .ButtonText {font-size: 14pt; line-height: 20px; font-style: normal; font-weight: normal} .RecommendedProductList { /*width:900px;*/ color:#333333; } .RecommendedProductList ul { list-style:none; } .RecommendedProductList li { float:left; width:180px; height:200px; text-align:center; } .RecommendedProductList li a { TEXT-DECORATION: none; }