/* general styles */ body { background-color: #779FD0; font-family: Tahoma, Arial, Helvetica, Sans-serif; color: #000000; } body a {color:#000;} body a:hover {color:#000;} a.titlelink {color:black;font-weight:bold;} img.imgLogo {border:0px solid black; margin-top:10px; margin-bottom:3px;} /* end general styles */ /* main layout styles */ div.pageHead { float: left; display: block; clear: both; width: 760px; height: 140px; background-image: url(../images/scheme/header_1.jpg); font-size: 10px; color: #555; border-bottom: 1px solid #444; } span.points { width: 320px; display: block; margin-top: 123px; float: left; text-align: left; padding-left: 5px; } span.heading_tagline { width: 340px; width: 370px; display: block; margin-top: 123px; float: left; text-align: left; padding-left: 5px; } span.date { width: 320px; display: block; margin-top: 123px; float: right; text-align: right; padding-right: 5px; } div.pageMain { float: left; display: block; clear: both; width: 760px; font-family: Arial, Helvetica, sans-serif; background-color: #fff; text-align: left; color:#000; } div.pageLeft { float:left; display:block; font-size: 10px; width:142px; } div.pageMidl { display:block; float:left; font-size:70%; width:476px; padding-top:5px; padding-bottom:5px; } div.pageMidl a {color:#AAAAAA; text-decoration:none; } div.pageMidl a:hover {color:#AAAAAA; text-decoration:underline; } div.pageTitl { float: left; display: block; width: 476px; color: #FFF; border: 1px solid #444; background-color: #6591B4; margin-bottom: 5px; font-size: 120%; } div.titleStart { display: block; float: left; margin-left: 2px; width: 10px; background-color: #124187; padding: 1px; } div.titleText { display: block; float:left; font-weight: bold; width:440px; padding: 1px; padding-left: 5px; } div.titleEnd { display: block; float: right; margin-right: 2px; width: 10px; background-color: #B6D5EA; padding: 1px; } div.pageRght { font-size: 10px; width: 142px; float:right; display: block; } div.pageFoot { clear: both; display: block; float: left; font-size: 11px; width: 760px; text-align: right; border-top: 1px solid black; background-color: #fff; background-image: url(../images/scheme/footer_1.jpg); height: 60px; color: #555; } /* end main layout styles */ /* left menu styles */ div.leftmenu { margin-left: 3px; margin-right: 7px; } div.menu_heading { display:block; float:left; clear:both; width:128px; color: #FFF; padding: 1px; text-align: center; font-weight: bold; font-size: 10px; font-family: Verdana; background: #6591B4; border-bottom: 1px solid #333; } div.themenu { display:block; float:left; padding:0; width:130px; border-left: 1px solid #444; border-right: 1px solid #444; border-bottom:1px solid #444; } div.menuspacer { padding: 0px; border-bottom: 1px solid #444; border-top: 1px solid #444; height: 3px; width:130px; font-size: 1px; line-height: 1px; clear: both; } div.menurow { display:block; float:left; clear:both; padding:0; background-color:#EEE; font-size:10px; width:130px; } div.menurow a { display:block; clear:both; float:left; color:#000; cursor:pointer; text-decoration:none; } div.menurow a:hover { background-color:#F3C00F; } span.menubullet { display:block; margin-left:1px; padding:1px; width:8px; float:left; background:#124187; } span.menurow { display:block; font-weight:bold; padding:1px; padding-left:5px; font-weight:bold; width:102px; float:left; } span.menuend { display:block; margin-right:1px; float:right; padding:1px; width:8px; background:#B6D5EA; } div.spacerdiv { height: 10px; font-size: 1px; line-height: 1px; clear: both; } div.msgcentreDiv { width:132px; border:1px solid #444; float:left; display:block; clear:both; } div.msgcentreHed { width:130px; float:left; display:block; clear:both; background-color:#6591B4; border:1px solid #FFFFFF; } span.msgcentreHed { padding:1px; text-align:center; display:block; color:#FFF; font-size:10px;font-family:Verdana; font-weight:bold; } div.msgcentreBox { width:130px; border-top:1px solid #444; float:left; display:block; clear:both; } div.msgcentreLink { display:block; } div.msgcentreLink a { padding:1px; padding-left:5px; font-weight:bold; font-size:10px; color:#000; cursor:pointer; text-decoration:none; display:block; } div.msgcentreLink a:hover { text-decoration:none; background-color:#F3C00F; } div.msgcentreEnd { color:#000; font-weight:bold; padding:1px; padding-left:5px; font-size:10px; width:128px; background:#FFF; margin:1px; } div.msgcentreEnd a {color:#000; text-decoration:none; } div.msgcentreEnd a:hover {color:#124187; } div.nomindiv { width:132px; border:1px solid #444; color:#000; } div.nominhed { width:130px; background-color:#6591B4; border:1px solid #FFFFFF; text-align:center; } span.nominhed { display:block; color:#FFF; font-size:10px; font-family:Verdana; font-weight:bold; padding:2px; } div.nomindiv a { background-color:#ddd; text-align:left; text-decoration:none; width:130px; display:block; cursor:pointer; color:#000; } div.nomindiv a:hover { background:#F3C00F; color:#444; } div.nominlink { width:125px; border:1px solid #FFF; border-top:none; padding-left:5px; } div.button1 {width:132px; border:1px solid #444; } div.button1 a {color:white; cursor:pointer; background:#AAAAAA; display:block; text-decoration:none;} div.button1 a:hover {color:black; background:#F3C00F; display:block; } div.button2 {padding:3px; width:130px; border:1px solid white; text-align:center; } /* end left menu styles */ /* right menu styles */ div.rightmenu { margin-left: 7px; margin-right: 3px; } div.searchdiv { float: left; clear: both; display: block; width: 132px; border: 1px solid #444; background-color: #B6D5EA; } div.searchhed { display: block; float: left; clear: both; width: 130px; background: #6591B4; border: 1px solid #FFFFFF; border-bottom: none; text-align: center; } span.searchhed { display: block; color: #FFF; font-size: 10px; font-family: Verdana; font-weight: bold; padding: 2px; text-align: center; } div.searchbox { display: block; float: left; clear: both; width: 130px; border: 1px solid white; background-color: #DDD; text-align: center; } div.searchrow { display: block; clear: both; padding: 2px; text-align: center; } div.searchend { display: block; float: left; clear: both; color: #FFF; font-weight: bold; font-size: 10px; width: 130px; background-color: #6591B4; border: 1px solid #FFFFFF; text-align: right; border-top: none; } div.searchend a {display: block;padding:1px;color:#FFF;text-decoration:none;} div.searchend a:hover {color:#B6D5EA;} div.catalogue { width: 132px; border: 1px solid #444; } div.catshed { display: block; float: left; clear: both; width: 130px; background: #6591B4; border: 1px solid #FFF; text-align: center; } span.catshed { display: block; color:#FFF; font-size:10px; font-family:Verdana; font-weight:bold; padding:2px; text-align: center; } div.thecats { width: 130px; border-top: 1px solid #444; border-bottom: 1px solid #444; } div.thecats a {color: #000;cursor: pointer;text-decoration: none;display: block;} div.thecats a:hover {background-color:#F3C00F;} div.catsrow { font-weight: bold; padding: 1px; padding-left: 5px; font-size: 10px; width: 128px; } div.subcats a { font-size: 9px; width: 128px; } div.subcats a:hover { background-color: #EEE; font-size: 9px; width: 128px; } span.subcats { padding: 1px; padding-left: 20px; } div.catsend { color: #FFF; font-weight: bold; font-size: 10px; width: 130px; background-color: #6591B4; border: 1px solid #FFF; text-align: right; } div.catsend a {display:block;padding:1px;color:#FFF; text-decoration:none; } div.catsend a:hover {color:#B6D5EA; } div.goaldiv { float:left; clear:both; display:block; width: 132px; border: 1px solid #444 } div.goalhed { float: left; clear: both; display: block; width: 130px; background-color: #6591B4; border: 1px solid #FFF; text-align: center; } span.goalhed { display: block; color: #FFF; font-size: 10px; font-family: Verdana; font-weight: bold; padding: 2px; text-align: center; } div.goalimg { float: left; clear: both; display: block; width: 130px; border-bottom: 1px solid #FFF; } div.goalend { float: left; clear: both; display: block; border: 1px solid #FFF; border-top:none; width: 130px; background-color: #DDD } span.goalend { display: block; float: left; color:#000; font-weight: bold; padding: 1px; padding-left: 5px; font-size: 10px; } div.goalend a {color: #000; text-decoration:none; } div.goalend a:hover {color: #124187; } /* end right menu styles */ /* homepage styles */ div.homeDiv { display:block; float:right; clear:both; width:164px; border:1px solid #444; margin-top:5px; } div.homeHead { display:block; float:left; clear:both; width:164px; background:#eee; } span.homeHead { display:block; font-size:11px; font-weight:bold; padding:1px; padding-top:2px; padding-left:5px; } div.homeMain { float: left; clear: both; display: block; width:164px; border-top:1px solid #444; border-bottom:1px solid #444; } span.homeMain { display: block; padding:7px 3px 0 3px; } span.home_product_name { display: block; padding:0 3px; } div.employee_of_the_month_image { display:block; clear:both; width:117px; margin:0 14px; background-repeat:no-repeat; background-position:top left; } div.home_image { display:block; float:left; clear:both; width:148px; height:70px; background-repeat:no-repeat; background-position:top center; } div.homeFoot { float: left; clear: both; display: block; font-weight:bold; font-size:10px; width:164px; text-align:right; background:#EEE; } div.homeFoot a { display:block; padding:1px; color:#B54A36; text-decoration:none; } div.homeFoot a:hover { text-decoration:none; } div.homeDiv_be { display:inline; float:left; clear:none; width:150px; border:1px solid #444; margin-top:5px; margin-right:9px; } div.homeHead_be { display:block; float:left; clear:both; width:150px; background:#eee; } span.homeHead_be { display:block; font-size:11px; font-weight:bold; padding:1px; padding-top:2px; padding-left:5px; } div.homeMain_be { float: left; clear: both; display: block; width:150px; border-top:1px solid #444; border-bottom:1px solid #444; } span.homeMain_be { display: block; padding:7px 3px 0 3px; } span.home_product_name { display: block; padding:0 3px; } div.employee_of_the_month_image_be { display:block; clear:both; width:117px; margin:0 14px; background-repeat:no-repeat; background-position:top left; } div.home_image_be { display:block; float:left; clear:both; width:148px; height:70px; background-repeat:no-repeat; background-position:top center; } div.homeFoot_be { float: left; clear: both; display: block; font-weight:bold; font-size:10px; width:150px; text-align:right; background:#EEE; } div.homeFoot_be a { display:block; padding:1px; color:#B54A36; text-decoration:none; } div.homeFoot_be a:hover { text-decoration:none; } /* end homepage styles */ /* news styles */ div.newsTitle { font-weight: bold; } div.newsText { } div.newsText a { text-decoration: none; } div.newsText a:hover { text-decoration:underline; } div.newsNav { float:left; width:33%; } span.newsNav { padding:10px; } div.newsNav a { text-decoration:none; } div.newsNav a:hover { text-decoration:none; font-weight:bold; } div.news_right_column { display:block; float:right; clear:none; width:242px; } div.news_left_column { display:block; float:left; clear:none; width:360px; } /* end news styles */ /* statement and cart styles */ div.statementControls { padding: 0px; width: 476px; margin-top: 3px; float: left; display: block; clear: both; font-size: 85%; } div.statementButton { display: block; float:left; text-align:center; border: 1px solid #FFF; width: 117px; } div.statementButton a { border: 1px solid #999; font-weight: bold; background: #DDD; color: #000; cursor: pointer; text-decoration: none; display: block; text-align:center; } div.statementButton a:hover { background:#F3C00F; color:#000; text-decoration:none; } span.statementButton { display:block; text-align:center; } div.statementField { height:18px; background-color:#CCC; border: solid 1px #999; float: left; display:block; width: 93px; font-size: 11px; } div.statementEntry { height:18px; background-color: #EEE; border: solid 1px #BBB; float: left; display:block; width: 141px; font-size: 11px; } div.statementRow { float:left; display:block; clear:both; width:476px; background-color:#B6D5EA; border:solid 1px #444; margin-top:2px; text-align:left; } div.statementCols { float:left; margin:1px; } div.statementPnts { float:left; margin:1px; text-align:right; } div.statementText { } div.cartHead { float:left; display:block; clear:both; width:476px; background-color:#B6D5EA; border:solid 1px #444; margin-top:10px; text-align:left; } div.cartCols { float:left; margin:3px; } div.cartCols a {font-weight:bold; text-decoration:none; color:#C00; } div.cartCols a:hover {color:#F00; } div.cartRows { float:left; display:block; clear:both; width:476px; border-bottom:solid 1px #444; margin-top:2px; text-align:left; } /* end statement and cart styles */ /* msg centre section styles */ div.msgcentreHeader { float:left; display:block; clear:both; width:476px; border:1px solid black; background:#124187; color:white; } div.msgcentreHeader a {color:white;text-decoration:none;} div.msgcentreHeader a:hover {color:white;text-decoration:underline;} div.msgcentreRow { float:left; display:block; clear:both; width:476px; border-bottom:1px solid #444; } div.msgcentreRow a {color:black;text-decoration:none;} div.msgcentreRow a:hover {color:black;text-decoration:underline;} div.msgcentreCol { float:left;padding:1px; } div.msgHeader {margin:1px; padding:2px; clear:both; float:left; display:block;} div.msgRow {width:100%; clear:both; float:left; display:block;} div.msgField {float:left; width:120px; margin:1px; padding:2px;} div.msgEntry {float:left; width:340px; margin:1px; padding:2px;} /* end msg centre styles */ /* catalogue styles */ div.prodLinks { float:left; clear:both; display:block; color:#000; width:218px; /*border-left:1px solid #444; border-right:1px solid #444;*/ padding:0; margin:0; } div.prodPrice { float:left; clear:both; display:block; /* border-bottom:1px solid #444;*/ width:218px; background-color:#AAAAAA; padding:0; margin:0; } span.prodPrice { display:block; font-weight:bold; color:#fff; padding:1px 1px 1px 16px; font-size:12px; width:199px; margin:0; } div.prodRow { float:left; display:block; clear:both; /*border-bottom:1px solid #444;*/ font-weight:bold; background:#EEE; font-size:10px; height:15px; width:218px; padding:0; } div.prodRow a { color:#000; cursor:pointer; text-decoration:none; display:block; } div.prodRow a:hover { display:block; text-decoration:none; background-color:#F3C00F; color:gray; } span.prodBullet { float:left; margin-left:1px; padding:1px; font-size:10px; width:8px; height:13px; display:block; background:#124187; } span.prodRow { float:left; display:block; font-weight:bold; padding:1px; padding-left:5px; font-size:10px; width:190px; _width:198px; height:15px; } span.prodEnd { float:left; display:block; margin-right:1px; padding:1px; font-size:10px; width:8px; height:13px; background:#B6D5EA; } div.prodSpacer { border-bottom:1px solid #444; border-top:1px solid #444; height:3px; font-size:1px; line-height:1px; clear:both; width:218px; } /* end catalogue styles */ /* admin section styles */ div.pageSubt { width:476px; color:#FFF; border:1px solid #444; background-color:#B6D5EA; font-weight:bold; margin:0 0 5px 0; padding:2px; } div.adminIndex { display:block; float:left; width:350px; margin:0 11px 0 0; } div.reportFilter { float:left; border:0px solid black; height:38px; line-height:38px; padding-left:5px; } div.reportFilter a { text-decoration:none; color:#F3C00F; } div.reportFilter a:hover { text-decoration:underline; color:#F3C00F; } div.reportPrinter { display:block; float:left; height:22px; line-height:22px; padding-left:5px; width:612px; background-color:#B6D5EA; } div.ordCols {float:left; margin:3px; } div.ordCols a {font-weight:normal; text-decoration:none; color:#000; } div.ordCols a:hover {color:#000; } div.subcatList { width:170px; float:left; height:55px; padding:3px; } img.subcatImage { width:49px; float:left; height:49px; margin:3px; border:1px solid #000; } div.subcatImage { width:49px; float:left; height:49px; margin:3px; border:1px solid #000; } div.subcatList a {text-decoration:none;} div.subcatList a:hover {color:#AAAAAA;} div.prodList { /*display:inline;*/ float:left; /*width:95px;*/ width:132px; height:120px; text-align:center; /*margin:5px 30px 0 30px;*/ margin:5px 10px 0 10px; } div.prodList a { text-decoration:none; } div.prodList a:hover { color:#AAAAAA; } div.adminHeader { display:block; clear:both; width:613px; border:1px solid #000; background-color:#444; color:#fff; } div.adminHeader a { background-color:#444; color:#fff; text-decoration:none; } div.adminHeader a:hover { color:white; text-decoration:underline; } div.adminRow { clear:both; width:613px; border-bottom:1px solid #444; } div.adminRow a { color:black; text-decoration:none; } div.adminRow a:hover { color:black; text-decoration:underline; } div.adminCol { float:left; padding:1px; } div.nomHead { float:left; clear:both; width:476px; background-color:#B6D5EA; border:solid 1px #444; margin-top:10px; text-align:left; } div.nomCols { float:left; clear:none; margin:3px; } div.nomCols a { font-weight:bold; text-decoration:none; color:#AAAAAA; } div.nomCols a:hover { color:#F3C00F; text-decoration:underline; } div.nomRows { float:left; clear:both; width:476px; border-bottom:solid 1px #444; margin-top:2px; text-align:left; } div.status_area_container { display:block; float:right; width:252px; } div.statusBox { float:right; border:1px solid black; width:250px; } div.statusRow { float:left; display:block; clear:both; width:250px; } div.statusLeft { float:left; padding:3px; width:100px; } div.statusRight { float:left; padding:3px; width:42px; text-align:right; } div.statusRight a { color:black; } div.statusRight a:hover { color:black; } div.statusBox2 { margin-top:8px; float:right; width:285px; } div.statusRow2 { float:left; display:block; clear:both; width:285px; border-top: 1px solid #CCCCCC; } div.statusRow2:hover { background: #E2EBED; } div.statusLeft2 { float:left; padding:3px; width:135px; } div.admin_add_new_button_container { display:block; clear:none; float:left; height:38px; margin:0 0 0 5px; } div.admin_add_new_button_spacer { display:block; clear:both; float:left; line-height:8px;/*ie!*/ height:8px; width:64px; } div.admin_add_new_button { display:block; float:left; clear:both; width:62px; height:20px; border:1px solid #444; } div.admin_add_new_button a { display:block; width:100%; height:100%; background:#AAAAAA; color:white; text-decoration:none; } div.admin_add_new_button a:hover { display:block; background:#F3C00F; color:black; text-decoration:none; } div.admin_add_new_button_inner { width:60px; height:18px; border:1px solid #fff; text-align:center; } /* end admin styles */ /* form styles */ form { margin:0px; } div.searchField { float:left; width:111px; margin:1px; padding:2px; text-align:right; } div.searchEntry { float:left; width:320px; margin:1px; padding:2px; } div.formHeader { margin:1px; padding:2px; clear:both; } div.formRow { width:476px; clear:both; float:left; display:block; } div.formField { display:block; float:left; width:190px; margin:1px; padding:2px; } div.formEntry { float:left; width:270px; margin:1px; padding:2px; } input.inputtextbox { background-color:#FFF; color:#000; border:1px Solid #AAAAAA; font-size:11px; width:240px; } input.inputtextboxshort { background-color:#FFF; color:#000; border:1px Solid #AAAAAA; font-size:11px; width:120px; } input.inputtextboxsmall { background-color:#FFF; color:#000; border:1px Solid #AAAAAA; font-size:11px; width:50px; } div.form_colour_label { display:block; clear:none; float:left; text-align:right; padding:2px; width:64px; } div.form_colour_input_container { display:block; clear:none; float:left; width:150px; } span.form_colour_display { width:30px; height:17px; border:1px solid #000; } textarea { background-color: #FFF; color: #000; border: 1px Solid #AAAAAA; font-size: 11px; } textarea.inputtextbox { width: 240px; } select { background-color: #FFF; color: #000; border: 1px Solid #AAAAAA; font-family: Tahoma, Arial, Sans-serif; font-size: 11px; } select.small { } select.inputtextbox { width: 240px; } select.dropdownsmall { width: 100px; } select.dropdownverysmall { font-size: 9px; width: 120px; } select.smallDD { width: 50px; } select.mediumDD { width: 60px; } input.button1 { cursor: pointer; color: #FFF; background-color: #AAAAAA; border: 1px ridge #F3C00F; font-size: 11px; width: 105px; } div.points_upload_form_container { disply:block; float:left; clear:none; width:380px; } div.approval_row_container { display:block; float:left; clear:both; height:20px; margin:2px 0; width:605px; background-color:#B6D5EA; } div.approval_row_label_1 { display:block; float:left; clear:none; line-height:20px; padding:0 0 0 5px; width:400px; } div.approval_row_label_2 { display:block; float:left; clear:none; width:125px; } div.approval_row_checkbox { display:block; float:right; clear:none; width:20px; } div.approval_row_checkbox_label { display:block; float:right; clear:none; line-height:20px; width:60px; } /* end form styles */ /*be proud news item classes for winning teams*/ div.news_paragraph_container { display:block; float:left; width:100%; clear:both; padding:0 0 10px 0; } div.news_image_item_container { display:block; float:left; width:115px; clear:none; padding:1px; } div.news_image { display:block; float:left; width:115px; height:75px; clear:both; background-position:top right; background-repeat:no-repeat; } div.news_image_label { display:block; float:left; width:117px; clear:both; } /*end be proud news item classes for winning teams*/ div.hall_of_fame_row_container { display:block; float:left; clear:both; width:476px; margin:0; padding:0 0 4px; 0; /*padding:0 57px;*/ } div.hall_of_fame_item_container { display:block; float:left; clear:none; width:119px; padding:2px; } div.hall_of_fame_item_image { display:block; float:left; clear:both; width:115px; padding:0; background-position:top left; background-repeat:no-repeat; } div.hall_of_fame_item_title { display:block; float:left; clear:both; font-size:1.2em; width:115px; padding:2px 0 0 0; } div.hall_of_fame_item_text { display:block; float:left; clear:both; width:115px; color:#AAAAAA; padding:2px 0 0 0; } div.hall_of_fame_card_container { float:left; clear:none; width:465px; padding:5px; border:solid #000 1px; } div.hall_of_fame_card_image { float:left; clear:none; width:117px; background-repeat:none; background-position:top left; } div.hall_of_fame_card_text_container { float:left; clear:none; width:335px; padding:0 5px; } div.hall_of_fame_card_name { float:left; clear:both; width:325px; padding:0 0 4px 0; } div.hall_of_fame_card_text_item { float:left; clear:both; width:325px; padding:0 0 2px 0; } div.values_container { float:left; /*clear:both; width:475px;*/ padding:0 0 0 5px; } div.values_row_container { float:left; clear:both; width:470px; padding:10px 0 0 0; } div.values_row_container2 { /*float:left;*/ clear:left; /*width:470px;*/ padding:10px 0 0 0; } div.bullet { float:left; clear:none; width:20px; } div.value_text { float:left; clear:none; width:450px; font-size:1.1em; } div.sales_tracking_form_container { float:left; width:478px; } div.sales_tracking_form_container form select { float:left; width:154px; height:18px; } div.sales_tracking_form_container form input { float:left; width:158px; height:20px; font-size:0.9em; } div.sales_tracking_result_container { float:left; width:478px; } div.totaliser_container { float:left; clear:none; width:118px; _width:148px; margin:5px 0 0 0; padding:0 15px; border:1px solid #000; } div.totaliser_labels_container { float:left; clear:none; width:28px; margin:6px 4px 0 4px; } div.totaliser_label { float:left; width:28px; } div.totaliser_bar_container { float:left; width:40px; margin:10px 0; } div.totaliser_bar_unfilled { float:left; /*background-color:#F3C00F;*/ background-color:#999; width:40px; /*border:solid black 1px;*/ line-height:0; font-size:0; padding:0; margin:0; } div.totaliser_bar_filled { float:left; background-color:#124187; color:#fff; text-align:center; font-size:0.9em; width:40px; /*border:solid black 1px;*/ } div.sales_tracking_rhs_container { float:right; clear:none; width:315px; } div.text_box_container { float:left; clear:none; width:295px; _width:315px; margin:5px 0 0 0; padding:8px 10px; border:solid black 1px; } div.summary_row { float:left; width:285px; margin:0; padding:0 0 0 2px; } div.summary_title { float:left; clear:none; width:185px; } div.summary_value { float:left; clear:none; width:90px; } div.table_title { font-weight:bold; padding:0 0 0 2px; } table.sales_breakdown { width:285px; font-size:0.9em; } table.sales_breakdown th { color:#FFF; background-color:#6591B4; } table.sales_breakdown td { text-align:center; } div.percentage_league_bar_graph_container { float:left; width:456px; _width:476px; margin:5px 0 0 0; padding:10px; border:1px solid #000; } div.percentage_league_bar_graph_container_scheme { float:left; width:592px; _width:614px; margin:5px 0 0 0; padding:10px; border:1px solid #000; } div.percentage_league_user_container { float:left; width:454px; clear:both; padding:2px 0; margin:0; } div.percentage_league_user_container_scheme { float:left; width:592px; clear:both; padding:2px 0; margin:0; } div.percentage_league_username { float:left; clear:none; width:100px; line-height:22px; } div.percentage_league_bar_filled { float:left; clear:none; height:20px; border:1px solid #000; background-color:#124187; } div.percentage_league_bar_blank { float:left; clear:none; height:20px; border:1px solid #000; background-color:#F3C00F; } div.percentage_target_label_container { float:left; width:340px; clear:none; padding:2px 0; font-weight:bold; } percentage_target_label_container_scheme { float:left; width:478px; clear:none; padding:2px 0; font-weight:bold; } div.percentage_target_label { float:right; clear:none; line-height:22px; text-align:right; } div.bottom_banner_container { float:left; width:476px; } div.bottom_banner_row { float:left; width:476px; padding:10px 0 0 0; } div.bottom_banner_title_row { float:left; width:474px; height:20px; border:1px solid #000; background-color:#f0f; font-size:1.3em; font-weight:bold; } div.bottom_banner_item_container { display:inline; float:left; width:100px; margin:0 25px; text-align:center; } div.bottom_banner_image { float:left; width:100px; height:75px; /*border:1px solid #000;*/ background-repeat:no-repeat; background-position:center center; } div.bottom_banner_image a { display:block; width:100%; height:100%; } div.bottom_banner_text { float:left; width:100%; font-size:1em; font-weight:normal; } div.bottom_banner_text a { color:#000; } div.bottom_banner_container_new { display:inline; margin:0; width:474px; float:right; } div.bottom_banner_image_new { display:inline; float:left; border:solid 1px #000; text-align:center; margin:0 5px; } div.bottom_banner_image_new a { display:block; width:100%; height:100%; border-top:0; border-bottom:0; border-left:0; border-right:0; } div.bottom_banner_image_new a img { position:relative; border-top:0; border-bottom:0; border-left:0; border-right:0; } div.sales_upload { width:300px; } div.sales_upload table { width:300px; } div.sales_upload select { width:300px; } div.sales_upload th { width:180px; text-align:left; } div.sales_upload th.qty { width:120px; } div.sales_upload td { width:180px; } div.sales_upload td.qty { width:120px; } div.sales_upload td.qty input { width:120px; } div.job_item { float:left; width:470px; padding:15px 0 0 0; } div.job_link { float:left; width:470px; padding:3px 0 0 0; } span.job_bullet_left { display:block; clear:none; float:left; width:25px; text-align:right; } span.job_bullet_right { display:block; clear:none; float:left; width:430px; padding:0 0 0 5px; } div.resource_upload { float:left; width:595px; padding:10px 0 10px 20px; } div.resource_upload_row { float:left; width:595px; padding:0 0 2px 0; } span.resource_upload_label { float:left; width:120px; } span.resource_upload_form_element { float:left; width:455px; } div.resource_listing_row_title { float:left; width:595px; background-color:#AAAAAA; color:fff; padding:3px 0 3px 20px; } div.resource_listing_row_0 { float:left; width:595px; /*background-color:#B6D5EA;*/ background-color:#eee; padding:3px 0 3px 20px; } div.resource_listing_row_1 { float:left; width:595px; /*background-color:#F3C00F;*/ background-color:#ddd; padding:3px 0 3px 20px; } span.resource_listing_row_label { float:left; width:330px; } span.resource_listing_row_active { float:left; width:50px; } span.resource_listing_row_button { float:left; width:95px; } div.resource_download_row_title { float:left; width:457px; background-color:#AAAAAA; color:#fff; padding:3px 0; } div.resource_download_row { float:left; width:457px; padding:3px 0; } span.resource_download_row_date { float:left; width:100px; } span.resource_download_row_label { float:left; width:177px; } span.resource_download_row_file_size { float:left; width:50px; } span.resource_download_row_file_extension { float:left; width:40px; } span.resource_download_row_button { float:left; width:90px; } div.mailer { float:left; width:478px; } div.mailer_row { float:left; width:478px; padding:0 0 2px 0; } span.mailer_row_label { float:left; width:134px; text-align:right; padding:0 5px 0 0; } span.mailer_row_input { float:left; width:339px; } span.mailer_row_input input { width:300px; } span.mailer_row_input textarea { width:300px; } #floatingBoxParentContainer { margin: -5px; } .dragableBox { background-color:#FFF; margin: 10px 5px; } .dragableBoxInner { border:1px solid #444; } .dragableBoxHeader { background-color: #6591B4; height:18px; padding-top:2px; font-weight:bold; font-size: 12px; color: #FFF; } .dragableBoxHeader span { line-heigth:18px; } .dragableBoxHeader img,.dragableBoxHeader span { float:left; } .boxItemHeader { font-weight:bold; margin:0px; color:#000; text-decoration:none; overflow:hidden; } .boxItemHeader:hover { font-weight:bold; margin:0px; color:#F00; text-decoration:underline; } .dragableBoxHeader input { font-size:10px; } .rssNumberOfItems { color:#F00; } .dragableBoxContent { font-size: 11px; padding:5px; clear:both; } #rectangleDiv { border:1px dotted red; margin: 10px 5px; } .closeButton { padding:2px; border:1px solid #317082; line-height:9px; height:9px; margin:2px; color:#317082; padding:2px; padding-bottom:3px; } .closeButton_over { padding:2px; border:1px solid #317082; line-height:9px; padding:2px; padding-bottom:3px; margin:2px; background-color:#317082; color:#FFF; } .dragableBoxStatusBar { border-top:3px double #317082; height:14px; background-color:#E2EBED; padding:2px; display:none; } .dragableBoxEditLink { color:#317082; text-decoration:none; padding-top:1px; } .dragableBoxEditLink:hover { color:red; text-decoration:underline; } form { display:inline; } #addNewFeed { float:right; width:300px; background-color:#FFF; border:2px solid #317082; padding:2px; margin-right:2px; margin-top:2px; }