body { background-image: url("../img/bckgrnd.gif"); background-repeat: repeat-y; background-position: center 0; margin: 0 20px } html, body, #wrapper { color: #323232; font-size: 12px; font-family: "century gothic", SunSans-Regular, sans-serif; text-align: center; height: 100% } #wrapper { text-align: left; width: 1000px;} textarea { font-size: 10px; font-family: "century gothic", SunSans-Regular, sans-serif } h1, h2, h3, h4 { text-transform: uppercase; margin: 0 0 5px; padding: 0 } h1 { font-size: 18px } h2 { font-size: 15px } h3 { font-size: 13px } h4 { font-size: 13px } hr { color: #323264; background-color: #323264; height: 1px; border: solid 0 } legend { color: #666; font-size: 14px; padding-right: 5px; padding-left: 5px; border: solid 1px #999 } fieldset {padding:10px; } #know_colm_1 fieldset { width:746px; } table {border-collapse: collapse;clear:both;} table .export { background:url(../img/export.png) no-repeat left center;padding: 0 0 0 16px;} /* .mid_cell table { margin:25px auto; width:90%; } */ /* .mid_cell table.tabl_norm { width:374px; } */ a:hover {} .date-selected a {background: #D9E3F4 !important;} .ui-selectmenu { display: block; display: inline-block; position: relative; height: 2.2em; vertical-align: middle; text-decoration: none; overflow: hidden; zoom: 1; } .ui-selectmenu-icon { position:absolute; right:6px; margin-top:-8px; top: 50%; } .ui-selectmenu-menu { padding:0; margin:0; position:absolute; top: 0; display: none; z-index: 1005;} /* z-index: 1005 to make selectmenu work with dialog */ .ui-selectmenu-menu ul { padding:0; margin:0; list-style:none; position: relative; overflow: auto; overflow-y: auto ; overflow-x: hidden; } .ui-selectmenu-open { display: block; } .ui-selectmenu-menu-popup { margin-top: -1px; } .ui-selectmenu-menu-dropdown { } .ui-selectmenu-menu li { padding:0; margin:0; display: block; border-top: 1px dotted transparent; border-bottom: 1px dotted transparent; border-right-width: 0 !important; border-left-width: 0 !important; font-weight: normal !important; } .ui-selectmenu-menu li a,.ui-selectmenu-status { line-height: 1.4em; display: block; padding: .405em 2.1em .405em 1em; outline:none; text-decoration:none; } .ui-selectmenu-menu li.ui-state-disabled a, .ui-state-disabled { cursor: default; } .ui-selectmenu-menu li.ui-selectmenu-hasIcon a, .ui-selectmenu-hasIcon .ui-selectmenu-status { padding-left: 20px; position: relative; margin-left: 5px; } .ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon { position: absolute; top: 1em; margin-top: -8px; left: 0; } .ui-selectmenu-status { line-height: 1.4em; } .ui-selectmenu-open li.ui-selectmenu-item-focus a { } .ui-selectmenu-open li.ui-selectmenu-item-selected { } .ui-selectmenu-menu li span,.ui-selectmenu-status span { display:block; margin-bottom: .2em; } .ui-selectmenu-menu li .ui-selectmenu-item-header { font-weight: bold; } .ui-selectmenu-menu li .ui-selectmenu-item-content { } .ui-selectmenu-menu li .ui-selectmenu-item-footer { opacity: .8; } /* for optgroups */ .ui-selectmenu-menu .ui-selectmenu-group { font-size: 1em; } .ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label { line-height: 1.4em; display:block; padding: .6em .5em 0; font-weight: bold; } .ui-selectmenu-menu .ui-selectmenu-group ul { margin: 0; padding: 0; } /* IE6 workaround (dotted transparent borders) */ * html .ui-selectmenu-menu li { border-color: pink; filter:chroma(color=pink); width:100%; } * html .ui-selectmenu-menu li a { position: relative } /* IE7 workaround (opacity disabled) */ *+html .ui-state-disabled, *+html .ui-state-disabled a { color: silver; } .ui-selectmenu-menu { padding: 0; margin: 0; position:absolute; top: 0; display: none; } .ui-selectmenu-menu .ui-menu .ui-menu-item a { padding: 0.3em 1em 0.3em 1em; } .ui-selectmenu-menu .ui-menu li.ui-state-disabled { padding: 0.3em 1em 0.3em 1em; } .ui-selectmenu-menu .ui-menu li.ui-selectmenu-optgroup { font-weight: bold; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0 0 0; } .ui-selectmenu-open { display: block; } #hierachy div {float:left; } #hierachy div div {margin-left:5px; } #tabs ul li a, #tabs2 ul li a {padding: .5em 0.4em;} .ui-selectmenu-button span.ui-icon { right: 0.5em; left: auto; } .ui-selectmenu-button span.ui-button-text { text-align: left; padding: 0.4em 2.1em 0.4em 1em } .ui-selectmenu-menu .ui-menu .ui-menu-item { width: auto; } /* IE7 fix */ p { line-height: 17px } p, th, td { font-size: 12px; line-height: 1.5 } hr { color: #999; height: 1px } img { border-color: black } .top_cell { background-repeat: no-repeat; background-position:right 0px; height: 166px; vertical-align: middle } .mid_cell { padding: 15px; vertical-align: top; background-repeat: no-repeat; background-position: left bottom } .bot_cell { height: 70px; vertical-align: top } #t_but { float:left; width: 100% } #t_but a { color: #666; font-size: 11px; font-weight: bold; line-height: 3; text-decoration: none; background-repeat: repeat-x; display: block; padding-right: 7px; padding-left: 7px; height: 36px; float: left; border-right: 1px solid #fff } #t_but a:hover { color: #fff; } #t_but b a { color:white } #info_bar { background-image: url("../img/trim/u-r-here.gif"); background-repeat: repeat-x; clear: both } #info_bar p { margin:0px; font-size: 11px; padding: 5px 15px 5px 15px } #info_bar p a { font-size: 11px; } #info_bar_drop { background-repeat: repeat-x; background-position: 0 bottom; width: 100%; clear: both; border-top: 1px solid #fff; border-bottom: 1px solid #ccc } #info_bar_drop p { margin:0px; color: #666; font-size: 11px; padding: 5px 15px 5px 15px } #ib_c_l { background-image: url("../img/trim/u-r-h-corn-l.gif"); background-position: left bottom; } #ib_c_r { background-image: url("../img/trim/u-r-h-corn-r.gif"); background-position: right bottom; } #ib_c_l, #ib_c_r {background-repeat: no-repeat; width: 100%; height: 29px} #foot_bar, #foot_bar a, #foot_inf_1, #foot_inf_2, .sub_bar a { font-size: 11px; } #foot_bar { background-image: url("../img/trim/foot.gif"); background-repeat: repeat-x; height: 30px } #foot_bar a { line-height: 3; text-decoration: none; padding-right: 5px; padding-left: 5px; border-right: 1px solid #ccc } #foot_inf_1 { margin: 8px 0 0 10px; height: 30px; float: left; vertical-align: middle } #foot_inf_2 { margin: 5px 10px 0 0; height: 30px; float: right; vertical-align: middle } /* PANELS END */ .sub_bar { padding-top: 5px; width: 100%; height: 40px } .sub_bar a { color: #fff; font-size: 10px; font-weight: bold; line-height: 3.2; text-decoration: none; text-align: center; margin: 0; padding: 2px 6px 0px; height: 33px; float: left; border-right: 1px solid #fff } .sub_bar a:hover { color: #fff; } .sub_bar b a { } .sub_bar_bot { width: 100%; float: left } .sub_bar_bot ul { margin-top: 0; margin-bottom: 0 } .sub_bar_bot p {float:right; margin:-40px 0 0; padding:10px;} .sub_bar_url a { text-decoration: none; margin: 0 4px; font-size: 10px;color:#FFFFFF !important; } .sub_bar_url a b { text-decoration: underline} #colm_1, .colm_1 { width: 766px; float: left } #colm_2, .colm_2 { width: 180px; float: right } #colm_3, .colm_3 { width: 570px; float: left } #colm_mngr, .colm_mngr { margin-right: 20px; width: 180px; float: left } #intro_pic { color: white; width: 760px; height: 168px; float: left;} #intro_pic ul { color:white} #intro_pic a { display:block; position: relative; top: 6px; left: 28px; height:27px;width:70px} #intro_txt { padding:10px 0; color: #666; background-repeat: no-repeat; background-position: 0 0; margin-bottom: 13px; width: 760px; min-height: 168px; float: left } #intro_txt p, #intro_txt h1, #intro_txt h2, #intro_txt h3, #intro_txt h4 { margin:0px 10px; } .sm_drop { font-size: 11px } .tab_hdr { color: #fff; font-size: 14px; font-weight: bold; text-transform: uppercase; text-indent: 5px } .tab_hed { font-size: 11px; font-weight: bold } .tab_hed_dark { font-size: 11px; font-weight: bold; color: white } .tab_hed select { font-size: 9px } .tab_bod { color: #191919; font-size: 11px; background-color: #fff } .tab_bod i { color: #787878 } .tab_hed_2 { font-size: 11px; font-weight: bold } .tab_hed_dark_2 { font-size: 11px; font-weight: bold; color: white } .tab_hed_2 select { font-size: 9px } .tab_bod_2 { color: #333; font-size: 11px; background-color: #fff } .tab_bod_2 i { color: #afafaf } .tab_hed_3 { font-size: 11px; font-weight: bold } .tab_hed_dark_3 { font-size: 11px; font-weight: bold; color: white } .tab_hed_3 select { font-size: 9px } .tab_bod_3 { color: #333; font-size: 11px; background-color: #fff } .tab_bod_3 i { color: #afafaf } .tab_hed_3, .tab_bod_3 { border: solid 1px #666 } .tab_hed_dark_3 { border: solid 1px #000 } .tab_hed_3 { background: #ccc } .tab_hed_dark_3 { background: #333 } .tab_hed_3, .tab_bod_3 { color: #666 } .tab_bod_3, .tab_bod_3 a { font-size: 11px; background-color: #fff } .tab_hed_silv { color: #666; background: #f2f2f2 } .tab_hed_silv_dark { color: #323232; background: #d7d7d7 } .tab_hed_silv b, .tab_hed_silv_dark b { font-size: 23px; font-weight: normal; } .tab_bod_silv { color: #666; font-size: 11px; background-color: #fff; border: solid 1px #e6e6e6 } /* .g_cell_1 { height: 50px } // unnecessary - looks ok without it */ .tab_bod_silv a { text-decoration: none } .tab_bod_silv a:hover b , .tab_bod_silv a:hover b { color: #ffffff; } .tab_bod_silv a:visited b , .tab_bod_silv a:visited b { color: #999999; } .tab_bod_silv a b { color: #000000; font-weight: normal; text-decoration: none; background: #eee url("/img/trim/bar-shader.png") repeat-x center bottom; display: block; margin: 0; padding: 0; width: 95%; height: 20px; border: solid 1px #666666; border-radius: 5px 5px 5px 5px } .img_box_trn { text-align: center; margin-right: 10px; padding: 2px; vertical-align: middle; border: solid 1px #b9b9b9 } .tab_silv_trn { border: solid 1px #969696 } .no_border { border-style: solid; border-width: 1px; border-color: #969696 #969696 #ccc #fff } .div_drop { font-size: 11px; float: right } .pad_8 { padding: 8px } .leaders-row { width: 40%; overflow: visible; float: left; position: relative; background: #eee; padding: 5px 0 5px 5%; margin: 10px 0 10px 4%; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;} .leaders-number {width:60px; height:60px; vertical-align:middle; position:absolute; bottom: 5px; left: -10px; text-align:center; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; float:left; background: #7BA800; color: white; border:3px solid #eee; box-shadow: 2px 2px 5px -3px black;} .leaders-photo {width: 100px; float:left; height: 100px;} .leaders-photo img {height:90%; width:auto; margin:3px auto; display:block;border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;} .leaders-text {width: auto; } .leaders-badges {position: absolute; bottom: 10px; right: 10px; margin-left: 120px; } .leaders-badges a {float:right; } .leaders-number .position b {line-height:1;} .leaders-number .position u {font-size: 16px; font-weight: bold; position: relative; top: -20px;} .leaders-number .position i {background: #7BA800; color: white; border:3px solid #eee; box-shadow: 2px 2px 5px -3px black; width: 95px; border-radius: 10px; display: block; position: relative; left: -20px;} .file_block { background-color: #f5f5f5; margin: 0 5px 5px 0; padding-top: 0; width: 245px; float: left; border: solid 1px #ccc } .file_block h3 { color: #fff; font-size: 12px; line-height: 2; margin: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; width: 245px; height: 24px; float: left } .file_block p {padding:10px;margin:0} .file_scrl { z-index: 5; width: 230px; height: 100px; overflow: auto } .lib_bx { background-color: #fff; background-image: url("../img/trim/grad-back.gif"); background-repeat: repeat-x; background-position: 0 top; margin-bottom: 17px; width: 360px; height: 160px; float: left; border: solid 1px #c4c4c4 } .lib_bx h3 { margin: 5px 10px 0 } .lib_txt { z-index: 5; width: 355px; height: 89px; float: left; overflow: auto } .lib_txt p, .lib_txt h3 {margin:0} .lib_txt p { padding:0 10px} .lib_bx_bar a { color: #fff; font-weight: bold; line-height: 2; background-repeat: repeat-x; text-align: right; display: block; width: 360px; height: 24px; float: left } .lib_bx_bar a:hover { color: #000 } .lib_bx_bar a img { margin-right: 10px; margin-left: 5px; position: relative; top: 3px } .field_list { margin: 10px; width: 340px; float: left } .popUpDiv { margin:5px 0 10px 0; z-index: 9009; width: 100%; } .popUpPad {padding:10px} .popUpTop { float:left; background-repeat: repeat-x; height: 27px; width:100% } .popUpTop h4 { float:left; margin:0px; color: #fff; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1.8; text-indent: 5px } .popUpTop a { float:right; line-height: 1.8; } #frnt_tabs_but a { color: #fff; font-size: 8px; line-height: 2.8; text-decoration: none; background-repeat: repeat-x; text-align: center; text-transform: uppercase; display: block; margin-right: 1px; width: 93px; height: 24px; float: left } #frnt_tabs_but b a { } #frnt_tabs_bod { color: #fff; background-repeat: repeat-x; background-position: 0 top; width: 760px; min-height: 250px; float: left } #frnt_tabs_bod li { list-style-type: circle; list-style-position: outside } #frnt_tabs_bod a { color: #fff; font-weight: bold; text-decoration: underline } #frnt_tabs_bod h2 { color: white; text-transform: none } #frnt_tabs_pad { padding: 15px 15px 35px; height: 100% } #frnt_tabs_back { background-repeat: repeat-x; background-position: 0 bottom; width: 760px; height: 11px; float: left } .palt {float:left; width:178px} .palt_inr {padding:3px; width:100%;height:100%} .palt_bar {width:100%;height:24px} #frnt_tabs_back { background-image: url("../img/whilte-line.gif") } /*reports manager tabs*/ .colm_1 #countrytabs, .colm_3 #countrytabs { list-style:none;margin-bottom:0px; } .colm_1 #countrytabs li, .colm_3 #countrytabs li { display:inline-block;*display:inline; } .colm_1 #countrytabs li a, .colm_3 #countrytabs li a { color:#ffffff;text-decoration:none;padding:5px 20px; display:inline-block; } .colm_1 #countrytabs li a.selected,.colm_3 #countrytabs li a.selected { background:#ffffff;color:#666666; } /* FLOATING PALETTES start */ .pllt, .pllt2, .pllt3 { background: #fff; text-align: left; margin-bottom: 10px; width: 100%; float: left; border: solid 1px #ccc } .pllt_inr { margin:3px;} .pllt_bar,.pllt_bar2 { color: #fff; font-size: 10px; font-weight: bold; line-height: 2.2; text-transform: uppercase; text-indent: 6px; width: 100%; height: 24px } .pllt_bar a,.pllt_bar2 a { margin-top: 5px; margin-right: 5px; float: right; } .pllt_bar a:hover, .pllt_bar a:active, .pllt_bar a:focus, .pllt_bar2 a:hover, .pllt_bar2 a:active, .pllt_bar2 a:focus {outline: none;} .pllt_barlnk,.pllt_barlnk2 { width:100%; } .pllt_barlnk a,.pllt_barlnk2 a { display:block; font-size: 11px; text-decoration: none; text-indent: 8px; margin-top: 2px; width: 100%; height: 24px; } .pllt_barlnk a:hover,.pllt_barlnk2 a:hover { color: #333; background-color: #f5f5f5 } .pllt_barlnk a img,.pllt_barlnk2 a img { position: relative; top: 3px; right: 2px } .pllt_barlnk input,.pllt_barlnk2 input { font-size:9px; } .pllt_whtlnk {width:100%;} .pllt_whtlnk a { color: #666; font-size: 11px; line-height: 1.8; text-decoration: none; background-color: #fff; text-indent: 8px; display: block; margin-top: 1px; width: 100%; height: 20px; border-top: 1px solid #ccc } .pllt_whtlnk a:hover { color: #333; background-color: #f5f5f5 } .pllt_whtlnk a img { position: relative; top: 3px; right: 2px } .pllt_grdlnk_bck { background-image: url("../img/trim/grad-back.gif"); background-repeat: repeat-x; background-position: 0 top } .pllt_grdlnk,.pllt_grdlnk2 { background-image: url("../img/trim/grad-back.gif"); background-repeat: repeat-x; background-position: 0 top; width: 100% } .pllt_grdlnk a,.pllt_grdlnk2 a { color: #666; font-size: 11px; text-decoration: none; background-image: url("../img/clear.gif"); text-indent: 8px; display: block; margin-top: 1px; width: 100%; height: 24px; border-top: 1px solid #ccc } .pllt_grdlnk a:hover,.pllt_grdlnk2 a:hover { color: #333; background-color: #f5f5f5 } .pllt_grdlnk a img,.pllt_grdlnk2 a img { position: relative; top: 3px; right: 2px } .pllt_grdlnk a b { color: #000; font-weight: bolder; line-height: 2.5; background-image: url("../img/trim/icons/start.gif"); background-repeat: no-repeat; background-position: 5px 6px; text-transform: uppercase; text-indent: 25px; cursor: pointer; height: 25px; float: left } .pllt_grdlnk a i { background-image: url("../img/trim/icons/cross.gif"); background-repeat: no-repeat; background-position: 5px 5px; width: 100%; height: 25px; float: left } .pllt_txt,.pllt_txt2 { width:100%;} .pllt_txt_pad {padding:3px;} .pllt_grd { background-image: url("../img/trim/grad-back.gif"); background-repeat: repeat-x; background-position: 0 top; width: 100% } .pllt_grd_btns a { font-size: 11px; font-weight: bold; margin: 0 0 20px 20px; width: 45%; float: left } .pllt_grd a img { position: relative; top: 3px; right: 2px; position: relative; top: 8px; margin-right:5px } .pllt_txt_pad td { font-size:11px; margin:0px } .pllt_txt_pad form { margin:0px } .pllt_txt_pad input,{ font-size:9px; height:20px;width:60px } .pllt_bot,.pllt_bot2 {clear:both;margin-top:2px; height:5px; width:100%; font-size:1px; line-height:0 } .pllt3 { background-color: #f5f5f5; margin-bottom: 16px; border-right: 1px solid #e6e6e6; border-left: 1px solid #ccc } .pllt_drop { background-image: url("../img/trim/collapse-up-row.gif"); background-repeat: repeat-x } .pllt_drop a { width:100% } .pllt_drop_space { padding: 5px; width: 100% } .pllt_drop_space a { text-decoration: none; margin: 0 10px } .pllt_drop_space img { position: relative; top: 3px } .showSwitch { display: none; } .hideSwitch { display: show; } /* FLOATING PALETTES end */ /* CALENDAR start */ .pllt_inr table { text-align: center; } /* CALENDAR end */ .neg_pos_bar,.ag_dis_bar { font-size: 1px; line-height: 0.1; background-repeat: no-repeat; background-position: center; width: 115px; height: 20px } .neg_pos_bar { background-image: url("/img/gif/bars/colour-bar.gif"); } .ag_dis_bar { background-image: url("/img/gif/bars/agree-disagree.gif"); } .bar_0_2,.bar_0_3,.bar_0_4,.bar_0_5,.bar_0_10 { font-size: 1px; line-height: 0.1; background-repeat: no-repeat; background-position: center; height: 20px } .bar_0_2 { background-image: url("/img/gif/bars/0-2.gif"); width: 85px; } .bar_0_3 { background-image: url("/img/gif/bars/0-3.gif"); width: 95px; } .bar_0_4 { background-image: url("/img/gif/bars/0-4.gif"); width: 105px; } .bar_0_5 { background-image: url("/img/gif/bars/0-5.gif"); width: 115px; } .bar_0_10 { background-image: url("/img/gif/bars/0-10.gif"); width: 267px; } .prog_bar { background-image: url("../img/prog-bar/back.gif"); background-repeat: repeat-x; width: 100%; height: 15px; float: left } .reg { background-image: url("../img/trim/my-features/login.gif"); background-repeat: no-repeat; width: 44px; height: 44px; float: left } .reg_no { background-image: url("../img/trim/my-features/noread.gif"); background-repeat: no-repeat; width: 44px; height: 44px; float: left } .lib_files {float:left; background-image: url("../img/file-types/back.gif"); background-repeat: no-repeat; text-align: center; width: 105px; height: 51px; padding-top:11px} .lib_down a {float:left; background-image: url("../img/trim/download-off.gif"); background-repeat: no-repeat; width: 79px; height: 51px;} .lib_down a:hover {background-image: url("../img/trim/download-on.gif");} .view_elaerning a {float:left; background-image: url("../img/trim/view_off.gif");} .view_elaerning a:hover {background-image: url("../img/trim/view_on.gif");} .lib_login a {float:left; background-image: url("../img/trim/download-login.gif"); background-repeat: no-repeat; width: 79px; height: 51px;} .lib_user a {float:left; background-image: url("../img/trim/user-create-download.gif"); background-repeat: no-repeat; width: 79px; height: 51px;} .lib_text {float:left;margin-left:20px;width:520px} .eln_down a {float:left; background-image: url("../img/trim/my-features/elearning.gif"); background-repeat: no-repeat; width: 30px; height: 30px;} .eln_down a:hover {background-image: url("../img/trim/my-features/elearning-ov.gif");} .eln_login a {float:left; background-image: url("../img/trim/my-features/login.gif"); background-repeat: no-repeat; width: 44px; height: 44px;} .eln_user a { background-image: url("../img/trim/small-icons/add-user-small.gif"); background-repeat: no-repeat; width: 30px; height: 30px; float: left } .eln_text {float:left;margin-left:20px;width:610px} .reg_bx { min-height:250px; background-image: url("../img/register.gif"); background-repeat: no-repeat; margin-right: 5px; width: 250px; float: left } * html .reg_bx { height: 250px;} .reg_inner {padding:17px; } .team_sel { font-size: 11px } .user_para p { margin:0px; padding:0px; float:left;width:30% } .paginate { float:left; } .paginate a { text-decoration: none; font-size: 14px; color:black; font-size: 12px; font-weight:bold; margin: 0 5px} .paginate i { color: #969696; font-weight: bold; text-decoration: none } .paginate b { text-decoration: underline } .paginate img { position:relative; top: 1px } .small_prog_bar { color: #000; font-weight: bold; background-image: url("../img/trim/bars/empty.gif"); background-repeat: repeat-x; margin: 0; padding: 0; height: 15px; float: left } .small_prog_thres { padding-top:3px;background-image: url("/img/trim/bars/threshold.gif"); width: 100%; height: 24px; float: left } .prog_bar_func { display: inline-block; border: solid 1px #fff; padding:0; margin:0 3px; height:15px; width:15px; } .img_fade { opacity:0.2; filter:alpha(opacity=25); } .award_list a { text-align: center; margin: 10px 10px 0px; width: 130px;height: 105px; float: left } .award_list a img { margin:0 0 -2px; padding:0 !important; } .awardsSpan { display:block;width:150px;float:left;height:160px; } .awardsSpan .linkedInButton {font-size: 0.8em;padding-left: 28px;} .awardsSpan .linkedInButton a { height:20px;clear:both;margin:8px 10px 10px 5px;width: 50px;float:none;} .awardsSpan .linkedInButton a img {top:0px;} .i_bx a b { color: #000; font-weight: bolder; line-height: 2.5; background-image: url("../img/trim/icons/start.gif"); background-repeat: no-repeat; background-position: 5px 6px; text-transform: uppercase; text-indent: 25px; cursor: pointer; height: 25px; float: left } /* Jquery UI: This overrides some of the defult options in jquery ui */ #reporting_colm_1 #accordion { height:auto !important; } /* tool tip */ .tooltip { cursor:pointer; } .tooltipSpan { position:absolute; background:#ffffff; padding:2px 5px; margin:-2px 0px 0px 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 0 2px 2px #aaa; -webkit-box-shadow: 0 0 2px 2px#aaa; box-shadow: 0 0 2px 2px #aaa; } /* ColorBox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block;} .cboxIframe{width:100%; height:100%; display:block; border:0;} /* User Style: Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:#fff;} #colorbox{} #cboxTopLeft{width:25px; height:25px; background:url(/img/colorbox/border1.png) no-repeat 0 0;} #cboxTopCenter{height:25px; background:url(/img/colorbox/border1.png) repeat-x 0 -50px;} #cboxTopRight{width:25px; height:25px; background:url(/img/colorbox/border1.png) no-repeat -25px 0;} #cboxBottomLeft{width:25px; height:25px; background:url(/img/colorbox/border1.png) no-repeat 0 -25px;} #cboxBottomCenter{height:25px; background:url(/img/colorbox/border1.png) repeat-x 0 -75px;} #cboxBottomRight{width:25px; height:25px; background:url(/img/colorbox/border1.png) no-repeat -25px -25px;} #cboxMiddleLeft{width:25px; background:url(/img/colorbox/border2.png) repeat-y 0 0;} #cboxMiddleRight{width:25px; background:url(/img/colorbox/border2.png) repeat-y -25px 0;} #cboxContent{background:#fff; overflow:hidden;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{margin-top:30px;} #cboxTitle{position:absolute; top:0px; left:0; text-align:center; width:90%; color:#999;display: none !important;} #cboxCurrent{position:absolute; top:0px; left:100px; color:#999;} #cboxSlideshow{position:absolute; top:0px; right:42px; color:#444;} #cboxPrevious{position:absolute; top:0px; left:0; color:#444;} #cboxNext{position:absolute; top:0px; left:63px; color:#444;} #cboxLoadingOverlay{background:#fff url(/img/colorbox/loading.gif) no-repeat 5px 5px;} #cboxClose{position:absolute; top:0; right:0; display:block; color:#444;} /* The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to IE9. */ .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); } /* The following provides PNG transparency support for IE6 */ .cboxIE6 #cboxTopLeft{background:url(/img/colorbox/ie6/borderTopLeft.png);} .cboxIE6 #cboxTopCenter{background:url(/img/colorbox/ie6/borderTopCenter.png);} .cboxIE6 #cboxTopRight{background:url(/img/colorbox/ie6/borderTopRight.png);} .cboxIE6 #cboxBottomLeft{background:url(/img/colorbox/ie6/borderBottomLeft.png);} .cboxIE6 #cboxBottomCenter{background:url(/img/colorbox/ie6/borderBottomCenter.png);} .cboxIE6 #cboxBottomRight{background:url(/img/colorbox/ie6/borderBottomRight.png);} .cboxIE6 #cboxMiddleLeft{background:url(/img/colorbox/ie6/borderMiddleLeft.png);} .cboxIE6 #cboxMiddleRight{background:url(/img/colorbox/ie6/borderMiddleRight.png);} .cboxIE6 #cboxTopLeft, .cboxIE6 #cboxTopCenter, .cboxIE6 #cboxTopRight, .cboxIE6 #cboxBottomLeft, .cboxIE6 #cboxBottomCenter, .cboxIE6 #cboxBottomRight, .cboxIE6 #cboxMiddleLeft, .cboxIE6 #cboxMiddleRight { _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')"); }