/* $Id: base.css,v 1.3 2017/07/09 12:31:45 evg@atom.krasnet.ru Exp $ */
/* CORPORATE COLOR SET

black {#000000};
gray01 {#35383d}
gray03 {#434343}
gray04 {#545454}
gray05 {#636a73}
gray06 {#666666}
gray07 {#999999}
gray08 {#b2b2b2}
gray09 {#c0c0c0}
gray10 {#dddddd}
gray11 {#e6e6e6}
white {#FFFFFF;}
green {#0f9955}
blue1 {#c8d7d8}
blue2 {#7fa8be}
blue3 {#3d6b88}
*/

/* RESET */

html {background: #c5c8cb url("/assets/images/misc/taihu-footer-skin.png"); }

body {position:relative;font-size:small;line-height:130%;background:#FFF;}
body,p,div,form,td,table,h1,h2,h3,h4, a {font-family: Arial,Trebuchet MS,Helvetica,sans-serif;font-weight: normal;}
h1,h2,h3,h4 {font-weight: 600;}
body,h1,h2,h3,h4,h5,h6,p,hr,form,table,td {margin:0;padding:0;}
/*a {color:#001166;}*/
a {color:#3d6b88;}
a:hover {color:#BF3030;}
a img {border:0;}
h1 {font-size:180%}
h2 {font-size:150%}
h3 {font-size:125%}
blockquote {font-size:100%;margin-left:2.5em;}
cite {display: block;padding: 10px 0 0 0;}
img {border:0;}
sup {position:relative;bottom:0.3em;vertical-align:baseline;}
ul {margin-left:0;padding-left:0;}
li {margin-left:1em;padding-left:0;list-style-type:square;}
fieldset {border: 0;}

.wrapper {float:left;clear:both;width:100%;position:relative;}
.PageBreak {clear: both;line-height:0;font-size:0;margin:0;padding:0;}
.clear-shadow{width:100%;height:6px;margin:0;background:#ffffff url(/assets/images/misc/bg_shadow_gray_6.gif) repeat-x;}
.close {display:none !important;}
.open {display:block;}

.inner0 {margin:0;}
.inner10 {margin:10px;}
.inner_0_10 {padding:0 10px;}
.inner_10_0 {margin:10px 0;}

.r20 {margin-right:20px !important;}

/* LOGO SET */

.Logo {float:left;width:120px;height:60px;margin:10px 18px 0 0;}

/* EXTRANET SUB-HEAD */


#EnterpriseID {float:left;max-width:40%;margin:15px 0 0 10px;position:relative;z-index:10;}
#EnterpriseID a {float:left;margin-right:10px;padding: 0px 25px 0 0; background:transparent url(/assets/images/icons/ic_arrow_r-b_blue_13x13.gif) 100% 80% no-repeat;font-size:130%;font-weight:600;color:#000000; text-decoration: none;letter-spacing:-.01em;} 
#EnterpriseID a:hover {color:#ff0000;}



#UserID {float:left;width:90%;margin:10px 0 10px 15px;}
#UserID h4 {font-size:1.15em;font-weight:600;float:left;margin:0 10px 0 0;padding:5px 10px 5px 0;border-right:1px solid #999999;}
#UserID a {font-size:1.15em;font-weight:600;float:left;margin:0; padding: 5px 10px 0 0;text-decoration:none; background:transparent url(/assets/images/icons/ic_marker_b.gif) 100% 80% no-repeat;}
#UserID span, #RoleID span{border-bottom:0px dotted #3d6b88;}
#ProfileID {position:relative;z-index:5;float:left;margin:0 10px 0 0;padding:0 10px 5px 0;border-right:1px solid #999999;}
#RoleID {position:relative;z-index:1;float:left;margin:0 10px 0 0;padding:0 10px 5px 0;}
#ProfileID a,
#RoleID a {color:#000;background:transparent url(/assets/images/icons/ic_marker_b.gif) 100% 80% no-repeat;}
#RoleID a {color:#3d6b88;}

.IDlist {list-style:none;position:absolute;-moz-border-radius:3px;top:0px;left:-1px;margin:0 0 0 -10px;padding: 5px 10px 10px;/*width:100%;*/border:1px solid #dcdcdc; border-top:none;background:#FFF /*url(/assets/images/misc/bg_list_options_top.gif) repeat-x;*/}
.IDlist li {list-style:none;float:left;clear:both;margin: 0;padding:0 0 5px;white-space:nowrap;}

#EnterpriseID .IDlist {min-width:200px;top:-5px;left:-1px;display:none;}
#RoleID .IDlist,
#ProfileID .IDlist {min-width:200px;display:none;}

#EnterpriseID:hover .IDlist, #RoleID:hover .IDlist, #ProfileID:hover .IDlist {display:block;}

#EnterpriseID .IDlist li a,
#ProfileID .IDlist li a,
#RoleID .IDlist li a {font-size:1.15em;font-weight:600;float:left;margin:0; padding: 0 0 0 20px;text-decoration:none; color:#3d6b88;font-size:.9em;background:transparent url(/assets/images/icons/ic_arrow_r-b_blue_13x13.gif) 0 .2em no-repeat;border:none;letter-spacing:0;}

.IDlist .IDlistActive {width:100%;margin:0 0 10px;padding:0 0 5px;height:29px;}
#RoleID .IDlist .IDlistActive a,
#ProfileID .IDlist .IDlistActive a {font-size:1.15em;color:#000;margin:0;padding:0 0 10px 0;width:100%;background:transparent url(/assets/images/icons/ic_arrow_l-b_gray_13x13.gif) 100% .2em no-repeat; border-bottom:1px dotted #666666;}
#EnterpriseID .IDlist .IDlistActive a {float:left;width:100%;margin:0;padding:0 0 10px; background:transparent url(/assets/images/icons/ic_arrow_l-b_gray_13x13.gif) 100% .2em no-repeat;font-size:130%;font-weight:600;color:#000000; text-decoration: none;letter-spacing:-.01em;border-bottom:1px dotted #666666;} 


/* PUBLIC SUB-HEAD */

#Tagline {position:relative;float:left;height: 75px;width: 370px;text-align: left;padding:0;margin:0;margin-left: 5px;overflow:hidden;border: none;}
#Tagline a {display:block;position:absolute;left:0;top:0;z-index:1;height: 75px;width:370px;margin:0;padding:0;}
#Tagline h1 {font-size:110%;font-weight:normal;letter-spacing:-.01em; padding:1em;vertical-align: 50%;}


/* GLOBAL SEARCH  */


#SearchWrap {position:absolute;width:auto;height:26px;z-index:200;top:10px;right:0px;float:right;padding-left:0px;}
* html #SearchWrap {width:300px;}
#SearchContainer {position:relative;float:right;width:100%;height:26px;padding:0;}
#SearchInputWrap {float:left;width:auto;height:24px;margin:0;padding:0;border:1px solid #b4b4b4;position:relative;}
#SearchInputContent {float:right;width:260px;height:24px;background:#fff;position:relative;}
.option-list {float:right;top:-1px;left:-1px;margin-right:22px;position:relative;}
.InputSearch {float:right;border:none;width:250px;height:24px;margin:0 22px 0 0;padding:0 5px;}
.GoSearch {position:absolute;right:0;width:12px;height:12px;margin:5px;}
/*#QuickLinksSeachList {position:absolute;z-index:110;left:575px;top:47px;}*/
#SearchOptionsList {position:absolute;z-index:100;width:317px;margin:0 0 0 -27px;top:26px;left:100%;}

/* FOR IE7 */
*+html #SearchContainer {float:none;}
*+html #SearchInputWrap {float:none;width:auto;border:none;clear:both;}
*+html #SearchInputContent {border:1px solid #b4b4b4;border-left:none;}
*+html .option-list {margin:0;top:0;left:0;}
*+html .InputSearch {line-height:24px;}


/*
#QuickLinksSeachList ul {float:left;clear:both;overflow:hidden;height:auto;margin:0;padding:5px 0;background:#fff url(/assets/images/misc/bg_edit_panel.gif) 0 100% repeat-x;width:22em;border:1px solid #dddddd; border-top:none;}
#QuickLinksSeachList ul li {height:auto;display:block;clear:both;margin:0;padding:0;width:100%;background:none;}
#QuickLinksSeachList ul li a {float:left;height:auto;background:none;margin:0;padding:0 5%;width:90%;text-decoration:none;}
#QuickLinksSeachList ul li a:hover {background:#000;color:#FFF;}
*/
.QuickLinksSeachList, #QuickLinksSeachList {position:absolute;top:100%;margin-top:1px;left:-30px;z-index:300;width:297px;}

/* NAVIGATION - MAIL PRIMARY, SUPPORT SWITCH  */


.Wrap960 #MainNavigationWrap {float:left;clear:both;width:100%;margin:0 0 10px 0;position:relative;z-index:20;}

#MainNavigationWrap {float:left;clear:both;width:100%;margin:10px 0 0;position:relative;/*bottom:0px;*/background:transparent url(/assets/images/misc/bg_1x1_gray.gif) 0 100% repeat-x;}
#MainNavigationWrap ul {list-style:none;margin:0;padding:0;}
#MainNavigationWrap li {display:inline;list-style:none;margin:0 2px 0 0;padding:0; position:relative;float:left;}
#MainNavigationWrap li a {float:left;height:20px;background:#f0f0f0;border:1px solid #dddddd;border-bottom:none;margin: 0;padding:4px 10px 0px 10px;text-decoration:none;color:#000;text-align:center; text-transform: uppercase; font-size: 12px;}
#MainNavigationWrap li.select a {background:#ffffff;height:21px}
#MainNavigationWrap li.help a {background:none;border:none;height:21px}

#MainNavigationWrap .list {margin:0 !important;}
#MainNavigationWrap .list a{border-right:none;}
.list-close,
.list-open {float:left;margin:0 2px 0 0;width:21px;height:26px;position:relative;}

#MainNavigationWrap .list-close a.display-list {border:none;border-right:1px solid #dddddd;display:block;width:21px;height:26px;margin:0;padding:0;background:#f0f0f0 url(/assets/images/misc/pop-down-list.png) 100% 0 no-repeat;}
#MainNavigationWrap .list-open a.display-list {border:none;border-right:1px solid #dddddd;display:block;width:21px;height:26px;margin:0 !important;padding:0 !important;background:#f0f0f0 url(/assets/images/misc/pop-down-list.png) 100% -26px no-repeat;}
#MainNavigationWrap .list-close div {display:none;}
#MainNavigationWrap .list-open div {display:block;}

#MainNavigation {float:left;margin:0; width: 900px; height: 26px; /*overflow: hidden; */white-space:  nowrap;}
#MainNavigation ul li a.help, 
#MainNavigation ul li a.help:hover {color:#000;border: none;background: transparent;}
#MainNavigation ul li.active a, 
#MainNavigation ul li.active a:hover {color:#000;border-left: 1px solid #cccccc;border-right: 1px solid #c0c0c0;border-top: 1px solid #cccccc;border-bottom: 1px solid #ffffff;background: #ffffff;}
#MainNavigation ul li a:hover {color:#000;border-bottom: 1px solid #636a73;background: #c8d7d8;}
#MainNavigation ul li a span.counter {color: #fff; background: #666; padding-left: 2px; padding-right: 2px; font-size: 10px !important;}

#MainNavigationSupport {position:absolute;right:50px;float:right;margin:0 0px 0 0;}
#MainNavigationSupport li a {background:#f7f7f7; font-size: 11px;}
#MainNavigationSupport ul li a:hover {color:#ff0000;}
#MainNavigationSupport ul li a.extranet {color:#fff;border-left: 1px solid #b2b2b2; border-top: 1px solid #999999;border-bottom: 1px solid #ffffff;background: #636a73; }
#MainNavigationSupport ul li a.extranet:hover {color:#fff;border-left: 1px solid #b2b2b2;border-right: 1px solid #999999;border-top: 1px solid #999999;border-bottom: 1px solid #ffffff;background: #545454; }
#MainNavigationSupport ul li.active a, 
#MainNavigationSupport ul li.active a:hover {color:#000;border-left: 1px solid #cccccc;border-right: 1px solid #c0c0c0;border-top: 1px solid #cccccc;border-bottom: 1px solid #ffffff;background: #ffffff;}
#MainNavigationSupport ul li a.switch {margin-right:-20px;color:#ff0000;border-left: 1px solid #b2b2b2;border-right: 1px solid #999999;border-top: 1px solid #999999;border-bottom: 1px solid #ffffff;background: #ffffff;}

#MainNavigationSupport ul li a.signout {font-weight: 600;border: none;background: transparent;}

#MainNavigationWrap .locale {position:absolute;right:0;padding:2px;background: #f0f0f0 url(/assets/images/misc/bg_gray2_2x20.gif) repeat-x;border:1px solid #b4b4b4;}
/* FOR IE7 ONLY */
*+html #MainNavigationWrap .locale {width:50px;}

#MainNavigationWrap .locale .flag a{border:1px solid #7f7f7f;display:block;margin:0;width:16px;height:11px;}
#MainNavigationWrap .locale .flag {float:right;position:relative;z-index:10;width:17px;height:9px;margin:2px 0 0 0; padding: 0 10px 0 0;background: #f0f0f0 url(/assets/images/icons/ic_arrow_b_gray_5x3.gif) 92% 5px no-repeat;}
#MainNavigationWrap .locale.list .flag {padding:0 10px 0 0;background-image:none;background: transparent url(/assets/images/icons/ic_arrow_t_gray_5x3.gif) 92% 5px no-repeat; }

#MainNavigationWrap .locale .GB{background: transparent url(/assets/images/locale/gb.gif) 100% 50% no-repeat;}
#MainNavigationWrap .locale .TH{background: transparent url(/assets/images/locale/th.gif) 100% 50% no-repeat;}
#MainNavigationWrap .locale .EU{background: transparent url(/assets/images/locale/eu.gif) 100% 50% no-repeat;}
#MainNavigationWrap .locale .US{background: transparent url(/assets/images/locale/us.gif) 100% 50% no-repeat;}
#MainNavigationWrap .locale .ZA{background: transparent url(/assets/images/locale/za.gif) 100% 50% no-repeat;}
#MainNavigationWrap .locale .TW{background: transparent url(/assets/images/locale/tw.gif) 100% 50% no-repeat;}
#MainNavigationWrap .locale .RU{background: transparent url(/assets/images/locale/ru.gif) 100% 50% no-repeat;}
#MainNavigationWrap .locale .JP{background: transparent url(/assets/images/locale/gb.gif) 100% 50% no-repeat;}

#MainNavigationWrap .locale .settings {float:left;width:16px;height:16px;margin-right:5px;overflow:hidden;}
#MainNavigationWrap .locale .settings a {float:left;width:16px;height:16px;background:transparent url(/assets/images/icons/settings-12x12.png) 50% 50% no-repeat;text-decoration:none;}
#MainNavigationWrap .locale .settings span {display:none;}

#MainNavigationWrap .jpm {margin-right:20px;}
#MainNavigationWrap .jpm a {width:18px;height:18px;margin:0;padding:1px 0;border:1px solid  #b4b4b4;background: #ddd url(/assets/images/icons/jpm-16x16.png) 50% 50% no-repeat;}
#MainNavigationWrap .jpm a:hover {width:18px;height:18px;margin:0;padding:1px 0;border:1px solid  #b4b4b4;background: #fff url(/assets/images/icons/jpm-16x16.png) 50% 50% no-repeat;}
#MainNavigationWrap .jpm a span {display:none;}
#MainNavigationWrap .jpm.active a {width:18px; height:23px;border-bottom:none;background: #fff url(/assets/images/icons/jpm-16x16.png) 50% 50% no-repeat;}
#MainNavigationWrap .jpm .MessCount {position:absolute;z-index:10;float:left;left:100%;margin:0 0 0 3px;padding:0 0 3px;background: url(/assets/images/misc/bg_mess_cont_3x3.gif) 2px 100% no-repeat;}
#MainNavigationWrap .jpm .MessCount a{display:block;width:auto !important;height:16px;background:#ff0000;padding:0 2px;color:#fff;font-size:.85em;text-decoration:none;border:none;}


/* NAVIGATION - BREADCRUMB TRAIL  */

#BreadCrumbTrail {position: relative; clear: both;width: 100%;height: 22px;margin: 0 0 5px 0;padding: 0;white-space: nowrap;overflow: hidden;color:#000;text-overflow: ellipsis;z-index: 9;}
#BreadCrumbTrail a{font-size: 13px;color: #000;text-decoration: none;margin: 0 2px 0 0;padding: 0 12px 0 0;background: transparent url(/assets/images/icons/ic_arrow_r_black_4x7.gif) 100% 50% no-repeat;}
#BreadCrumbTrail a:hover{color: #ff0033;text-decoration: underline;}
#BreadCrumbTrail a.home{margin:0;padding: 0;background: none;}
#BreadCrumbTrail a.home img {float:left;width:16px;height:16px;margin:0 5px 0 0;padding:0;}
#BreadCrumbTrail span {font-size: 13px;color: #333333;text-overflow: ellipsis;}
#BreadCrumbTrail span#Locale {position: absolute;top: 0px;right: 4px;padding: 2px 0 2px 2px;white-space: nowrap;text-transform: uppercase;font-size: 11px;color: #000;}
#BreadCrumbTrail span#Locale.GB,
#BreadCrumbTrail span#Locale.TH,
#BreadCrumbTrail span#Locale.EU,
#BreadCrumbTrail span#Locale.US,
#BreadCrumbTrail span#Locale.ZA,
#BreadCrumbTrail span#Locale.TW,
#BreadCrumbTrail span#Locale.RU,
#BreadCrumbTrail span#Locale.JP {padding-right:20px;}

#BreadCrumbTrail span.TH{background: transparent url(/assets/images/locale/th.gif) 100% 50% no-repeat;}
#BreadCrumbTrail span.GB{background: transparent url(/assets/images/locale/gb.gif) 100% 50% no-repeat;}
#BreadCrumbTrail span.EU{background: transparent url(/assets/images/locale/eu.gif) 100% 50% no-repeat;}
#BreadCrumbTrail span.US{background: transparent url(/assets/images/locale/us.gif) 100% 50% no-repeat;}
#BreadCrumbTrail span.ZA{background: transparent url(/assets/images/locale/za.gif) 100% 50% no-repeat;}
#BreadCrumbTrail span.TW{background: transparent url(/assets/images/locale/tw.gif) 100% 50% no-repeat;}
#BreadCrumbTrail span.RU{background: transparent url(/assets/images/locale/ru.gif) 100% 50% no-repeat;}
#BreadCrumbTrail span.JP{background: transparent url(/assets/images/locale/gp.gif) 100% 50% no-repeat;}


/* FOOTER */

#Footer {height: 100px; margin-top:1em;padding:.5em 0 1em;background: #c5c8cb url(/assets/images/misc/taihu-footer-skin.png); border-top:1px solid #c4c4c4;font-size:.85em; }
#FooterNavigation {float:left;width:60%;}
#Footer h6 {float:right;font-size:1em;margin-right:10px;font-weight:normal;color:#000;}
#Footer a {text-decoration:none;}
#Footer a:hover {text-decoration:underline;}
#Footer ul {float:left;display:inline;list-style:none;margin:0;}
#Footer li {display:inline;padding:0 10px 0 0;text-transform:uppercase;}
 
#Footer p {clear: both; background:url(/assets/images/icons/ic_lock.gif) 5px 50% no-repeat #fff; padding: 1.0em; padding-left: 30px;  border: 1px solid #dddddd; margin-bottom: 1em; font-size: 12px;}
 


/* COLUMNS GRID SETTINGS START */

.grid2col,.grid2cola,.grid2colb,.grid2colc,.grid2cold,.grid2cole,.grid2colf,.grid3col,.grid3cola,.grid4col,.grid5col,.grid6col {width: 98%;margin: 0.25em auto;clear: both;overflow:hidden;}
.grid2coln .column.first {width: 66%;}
.grid2coln .column.last {width: 32%;}
.grid2cola {width:100%;margin:0;}
.grid2colm {width:100%;margin:0;}
.grid2col .column {width: 49%;}
.grid2col .grid2col .column {width: 47.8%;}
.grid3col .grid2col .column {width: 46%;}
.grid4col .grid2col .column {width: 45%;}
.grid2cola .column.first {width: 70%;}
.grid2cola .column.last {width: 30%;}
.grid2colm .column.first {width: 70%;}
.grid2colm .column.last {width: 30%;}
.grid2colb .column.first {width: 74.9%;}
.grid2colb .column.last {width: 23%;}
.grid2colc .column.first {width: 32%;}
.grid2colc .column.last {width: 66%;}
.grid2cold .column.first {width: 23%;}
.grid2cold .column.last {width: 74.9%;}
.grid2cole .column.first {width: 74%;}
.grid2cole .column.last {width: 25%;}
.grid2colf .column.first {width: 19%;}
.grid2colf .column.last {width: 79%;}
.grid3col .column {width: 32%; margin-left: 2%;}
.grid2col .grid3col .column {width: 31%;}
.grid3cola .column {width: 58%; margin-left: 2%;}
.grid3cola .column.first, .grid3cola .column.last {width: 19%;}
.grid4col .column {width: 23%; margin-left: 3%;}
.grid5col .column {width: 18.4%; margin-left: 2%;}
.grid6col .column {width: 15%; margin-left: 2%;}
* .grid6col .column {margin-left: 1%;}
.column.first, .column.last { margin-left: 0 !important; }
.column.last { float: right !important; }
/* STYLE FOR TEMPLATE MANUAL */
.grid2colm .column.first { margin-right: -4px !important;}
.grid2colm .column.last { float: left !important;margin:0;}
.grid2cole .column.first { margin-right: 0 !important;}
.grid2cole .column.last {float:right;margin:0;}
/* END STYLE FOR TEMPLATE MANUAL */
.column {float: left;}
* html .grid2colc {width:98%; margin: .25em auto;} 


/* LAYOUT SETTING */

#WrapperGlobal {overflow:hidden;zoom:1;width:100%; min-width:960px;background:#FFF}
#HeaderWrapper {position:relative;z-index:50;float:left;clear:both;width:100%;/*background:#FFF url(/assets/images/misc/taihu-header-skin.jpg) 0 0 repeat-x;*/}
#HeaderContainer, .Wrap960 {width:960px;margin:0 auto;zoom:1;position:relative;}

#ContentWrap {float:left;clear:both;width:100%;/*background:url(/assets/images/misc/bg_1x1_gray.gif) 0 25px repeat-x;*/}

.main-container{clear:both;width:960px;margin:0 auto 10px;position:relative;min-width:960px;}
.wrap960 {clear:both;width:960px;min-width:960px;margin:0 auto;zoom:1;position:relative;}

/* FOR IE7 */
*+html .wrap960 {height:1%;}
*+html #Header .wrap960 {z-index:10;}


/* STYLE FOR BUTTON SUBMIT FORM */

/* FORM ELEMENTS END */

/* ROW SETTINGS */
#WS,
#Header,
#Dashboard,
#WorkingSpace,
#DetailsView,
#Footer {float:left;clear:both;width:100%;margin:0;padding:0;z-index:1;}
#Footer {padding:.5em 0 1em;}
#WS {z-index:50;}
#Header {z-index:40;}
#Dashboard {z-index:30;}
.Wrap {float:left;clear:both;width:100%;}
#Header {padding-bottom:10px;}
#DetailsView {margin-bottom:1em;}

#Header {z-index:200;margin:0 0 10px;padding:0;background:#FFF url(/assets/images/misc/taihu-header-skin.jpg) 0 0 repeat-x;}
#Header .main-container {z-index:10;margin:0 auto 0;}
#Header #MainNavigationWrap {z-index:2;}

/* TWO COLUMN STYLE - ARTICLE DETAILS DISPLAY */

#DetailsView .ContentMask {position:relative;clear:both;float:left;width:945px;padding:0 5px 0 10px;} /* Bakcground Left Column */
.ColWrap {float:left;width:100%;position:relative;z-index:360;}
#DetailsView .ColConteiner {float:right;margin-left:-300px;width:100%;}
#DetailsView .ColCenter {margin:0 0 0 300px;zoom:1;}
#DetailsView .ColLeft {float:left;width:295px;}
#DetailsView .ColLeft h1 {margin:0 20px 20px 0;}

a.PushTitle {font-size: 16px; font-weight: 600; color: #35383d;text-decoration: none;padding-right: 18px;background: transparent url(/assets/images/icons/ic_arrow_r-b_blue_13x13.gif) 100% 50% no-repeat;}
a.PushTitle:hover {color: #ff0000;}

#Description {float:left;clear:both;width:100%;margin:20px 0 0;}
#Description table {width:100%;border-collapse:collapse;border:1px solid #ddd;margin:0;padding:0 0 5px;background:#FFF;vertical-align:top;}
#Description table tr {border-bottom: 1px solid #ddd;}
#Description table td {padding:.3em .2em; text-align:center;}
#Description table th {padding:.3em .2em; background: url(/assets/images/misc/bg_edit_panel.gif) 0 100% repeat-x;}
#Description table th.Colour span {padding-right:15px;background: url(/assets/images/icons/ic_arrow_d_gray_10x11.gif) 100% .2em no-repeat;}
#Description table td.Colour {padding-left:5%;}
#Description table td.Colour span {float:left;text-align:center;}
span.ColorSet {float:left;width:70px;height:16px;margin:0 0 0 5px;overflow:hidden;}

#ToolsSpecification {height:30px;overflow:hidden;width:100%;clear:both;background:url(/assets/images/misc/bg_1x1_gray.gif) 0 100% repeat-x;}
#ToolsSpecification .TabTools {float:left;width:80%;height:30px;}
#ToolsSpecification .ToolsExtended {float:right;width:73px;text-align:right;}

#ToolsSpecification ul {margin:0;padding:0;list-style:none;}
#ToolsSpecification li {float:left;list-style:none;margin:0;padding:0;}

#ToolsSpecification .TabTools ul {margin:0;padding:0;list-style:none;height:30px;}
#ToolsSpecification .TabTools li {display:inline;float:left;margin:0 5px 0 0; padding:0;font-size:1.2em;line-height:1.2em;}
#ToolsSpecification .TabTools li a, #ToolsSpecification .TabTools li span {float:left;height:23px;padding:5px 10px 0;background:#f0f0f0;border:1px solid #dddddd;border-bottom:none;text-decoration:none;color:#000;}
#ToolsSpecification .TabTools li.select a, #ToolsSpecification .TabTools li.select span {height:24px;background:#FFF;}



#ToolsSpecification .ToolsExtended a {float:left;width:25px;height:21px;overflow:hidden;position:relative;z-index:1;margin-right:-1px;text-align:right;}
#ToolsSpecification .ToolsExtended a span {display:none;}
#ToolsSpecification .ToolsExtended .select a {z-index:10;}
#opt1 {background:transparent url(/assets/images/misc/bg_b_opt1.png) 0 0 no-repeat;}
#opt1:hover {background:transparent url(/assets/images/misc/bg_b_opt1.png) 0 100% no-repeat;z-index:2;}
.select #opt1 {background:transparent url(/assets/images/misc/bg_b_opt1.png) 0 100% no-repeat;z-index:10;}
#opt2 {background:transparent url(/assets/images/misc/bg_b_opt2.png) 0 0 no-repeat;}
#opt2:hover {background:transparent url(/assets/images/misc/bg_b_opt2.png) 0 100% no-repeat;z-index:2;}
.select #opt2 {background:transparent url(/assets/images/misc/bg_b_opt2.png) 0 100% no-repeat;z-index:10;}
#opt3 {background:transparent url(/assets/images/misc/bg_b_opt3.png) 0 0 no-repeat;}
#opt3:hover {background:transparent url(/assets/images/misc/bg_b_opt3.png) 0 100% no-repeat;z-index:2;}
.select #opt3 {background:transparent url(/assets/images/misc/bg_b_opt3.png) 0 100% no-repeat;z-index:10;}

#ZoomImageLoading {width:98%;height:200px;border:1px solid #ddd;}

#ResultOptions {width:943px;}
#ResultOptions table th {font-weight:normal;}

#ResultOptionsLoading {width:943px;height:200px;border:1px solid #ddd;border-top:none;}
#ResultOptionsLoading p {padding: 70px 0 0;text-align: center;}
#ResultOptionsLoading p img {width: 48px;height: 48px;margin: 10px auto;display: block;}

/* COLOUR TABLE */
#ColourTable {border-collapse:collapse;border:1px solid #666;border-top:none;}
#ColourTable th {text-align:center;color:#666;padding:2px 5px;border-right:1px solid #666;border-bottom:1px solid #666;}
#ColourTable tr.Tint td {height:16px;border-right:1px solid #666;}
#ColourTable tr.Tint td span {display:none;}

/* ARTICLE DETAILS */

#ArticleDetails {clear:both;margin: 0 auto;padding:10px;width:560px;border: 0px solid #ff0000;}
#ArticleWrapper {clear:both;}
#ArticleImage {float: left;width: 40px;height: 220px;padding:0;background: #FFF;}

#ArticleImage .ScrollUp, .ScrollDown {display: block;clear: both;width: 20px;height: 10px;margin-left: 30px;margin-bottom: 10px;margin-top: 10px;}
#ArticleImage a {display: block;margin: 10px 0;padding: 0;width: 35px;height: 35px;}
#ArticleImage a.Current {border: 1px solid #c0c0c0;}
#ArticleImage a.Preload {border: 1px solid #434343;}
#ArticleImage a.Preload:hover {border: 1px solid #c0c0c0;}
#Zoom {float: right;width: 250px;height: 250px;background: transparent;padding: 0;margin: 0;}
/*
#ZoomImageLoading p {margin: 70px 0 0;text-align: center;}
#ZoomImageLoading p img {width: 48px;height: 48px;margin: 10px auto;display: block;}
*/
#ZoomImageLoading p {margin: 30% auto;padding:25px 0 0;text-align: center; background: url(/assets/images/icons/ic_loading_sm.gif) 50% 0  no-repeat}
#ZoomImageLoading p img {width: 48px;height: 48px;margin: 10px auto;display: block; display:none;}

/* VIEW PREFERENCES BLOCK */
#PrefBlock {float:right;width:210px;margin:0 0 20px;padding:0;}
.PrefRow {float:left;width:100%;clear:both;margin:0 0 20px;}
.PrefTitle {float:left;width:50px;overflow:hidden;text-align:left;margin:0;padding:0;}
.PrefResult {float:right;max-width:150px;text-align:right;margin:0;padding:0;}
.PrefResultLed {float:left;clear:both;width:206px;height:8px;margin:0;border:2px solid #f0f0f0;}
.PrefResultLed.Low {background: #FFF url(/assets/images/misc/bg_pref_result_1-5.gif) no-repeat;}
.PrefResultLed.Fair {background: #FFF url(/assets/images/misc/bg_pref_result_2-5.gif) no-repeat;}
.PrefResultLed.Good {background: #FFF url(/assets/images/misc/bg_pref_result_3-5.gif) no-repeat;}
.PrefResultLed.Large {background: #FFF url(/assets/images/misc/bg_pref_result_4-5.gif) no-repeat;}
.PrefResultLed.Extremely {background: #FFF url(/assets/images/misc/bg_pref_result_5-5.gif) no-repeat;}

/* PAGE OPTIONS */

* html #Pagers {/*float:right;*/width:45%;}

#PageOptions {position:relative;float:left;width:100%;height:28px;margin:5px 0 0;padding:0;/*background:transparent url(/assets/images/misc/bg_page-options_r.gif) 100% 0 no-repeat;*/}
#PageOptionsContent {float:left;width:100%;height:28px;/*background:transparent url(/assets/images/misc/bg_page-options_l.gif) no-repeat;position:relative;*/}
#PageSearch {float:left;width:41%;padding:3px 10px 0 8%;}
#PageSearch fieldset, #Pagers fieldset {float:left;margin:0 10px 0 0;padding:0;}
#PageSearch select {height:22px;margin:0 0 0;}
#PageSearch input.TextInputShort {height:16px;float:left;margin-right:8px;}
#SelItemsMode {float:left;width:200px;padding:3px 10px 0;position:relative;}
#GoToPage {float:left;position:relative;margin: 0 10px 0 0;}
* html #GoToPage {width:8em;}
#PagersShowRows {float:left;position:relative;margin:0 10px 0 0;}
* html #PagersShowRows {width:9em;}
#PagersNavigation {float:left;position:relative;}

input.Go {margin:0;padding:0;width:31px;height:21px;border:none;background:transparent url(/assets/images/icons/ic_button_go.gif) no-repeat;}
#Pagers {position:absolute;right:0;padding:3px 0 0;}
#Pagers label {float:left;margin:0 8px 0 0;padding:0;}
#Pagers .TextInputShort5 {float:left;width:3em;height:16px;float:left;}

.PagerHomeOff {float:left;width:21px;height:19px;background: url(/assets/images/icons/ic_page-start_off.gif) no-repeat;margin:2px 0 0 2px;}
.PagerHome {float:left;width:21px;height:19px;background: url(/assets/images/icons/ic_page-start.gif) no-repeat;margin:2px 0 0 2px;}
.PagerNextOff {float:left;width:21px;height:19px;background: url(/assets/images/icons/ic_page-next-off.gif) no-repeat;margin:2px 0 0 2px;}
.PagerNext {float:left;width:21px;height:19px;background: url(/assets/images/icons/ic_page-next.gif) no-repeat;margin:2px 0 0 2px;}
.PagerPrevOff {float:left;width:21px;height:19px;background: url(/assets/images/icons/ic_page-prev-off.gif) no-repeat;margin:2px 0 0 2px;}
.PagerPrev {float:left;width:21px;height:19px;background: url(/assets/images/icons/ic_page-prev.gif) no-repeat;margin:2px 0 0 2px;}
.PagerFinishOff {float:left;width:21px;height:19px;background: url(/assets/images/icons/ic_page-finish-off.gif) no-repeat;margin:2px 0 0 2px;}
.PagerFinish {float:left;width:21px;height:19px;background: url(/assets/images/icons/ic_page-finish.gif) no-repeat;margin:2px 0 0 2px;}
.PagerRange {float:left;margin:3px 3px 0 5px;font-size:.9em;font-weight:400;}

.PopDownControl {float:left;height:22px;padding:0 17px 0 0;background: url(/assets/images/misc/button_sel_down.gif) 100% 0 no-repeat;text-decoration:none;color:#000;}
*+html .PopDownControl {width:10em;} 
.PopDownControl:hover {background: url(/assets/images/misc/button_sel_down.gif) 100% -22px no-repeat;}
.PopDownControl span {float:right;height:19px;padding:3px 5px 0;background: url(/assets/images/misc/button_sel_span.gif) 0 0 no-repeat;}
#Pagers span.label, .Pagers span.label {float:left;margin:0 10px 0 0;padding:.2em 0 0;font-size:.9em;font-weight:400;}

.PopDownOptions {position:absolute;float:left;clear:both;height:auto;margin:0;padding:5px 0;width:10em;background:#fff url(/assets/images/misc/bg_edit_panel.gif) 0 100% repeat-x;border:1px solid #dddddd; border-top:none;}
.PopDownOptions li {height:auto;display:block;clear:both;margin:0;padding:0;width:100%;background:none;}
.PopDownOptions li a {float:left;height:auto;background:none;margin:0;padding:0 5%;width:90%;background:none;text-decoration:none;color:#000;}
.PopDownOptions li a:hover {background:#000;color:#FFF;}
.SelItemsMode .PopDownOptions {position:absolute;z-index:100;top:25px;left:10px;width:10em;}
.GoToPage .PopDownOptions {position:absolute;z-index:10;top:22px;right:0;width:3em;text-align:center;}
.ShowRows .PopDownOptions {width:4em;position:absolute;right:0;top:22px;width:3em;text-align:center;}
*+html #GoToPage .PopDownControl, *+html #PagersShowRows .PopDownControl {width:2em;}

.col-left-55 {float:left;width:55%;position:relative;}
.col-right-40 {float:right;width:40%;position:relative;}
.control-panel .col-right-40 {min-width:5em;min-height:22px;}


.Button31x21 {float:left;width:31px;height:21px;margin:0 2px;background:transparent url(/assets/images/icons/ic_button_go.gif)no-repeat;}
.Button31x21 img {display:block;width:4px;height:7px;margin:7px auto;}

#SubmitPanel {float:left;width:98%;margin:10px auto 0;}
#SubmitPanel a.ButtonSmall16 {margin-right:8px;cursor:pointer;}

/* PURCHASE OPTIONS/CUSTOM ORDER  */

#PurchOptions {width:91%;float:left;margin-left:9%;}
* html #PurchOptions {margin-left:3%;}
#PurchOptions ul {margin:0;padding:0;list-style:none;height:30px;background:transparent url(/assets/images/misc/bg_1x1_gray.gif) 0 100% repeat-x;}
#PurchOptions ul li {display:inline;float:left;margin:0 5px 0 0; padding:0;}
#PurchOptions ul li a {float:left;height:23px;padding:5px 10px 0;background:#f0f0f0;border:1px solid #dddddd;text-decoration:none;color:#000;font-size:1.2em;}
#PurchOptions ul li.select a {height:24px;border-bottom:none;background:#FFF;}
#PurchOptions ul li.help a {float:left;width:17px;height:18px;padding:5px 5px 0;background:none;border:none;text-decoration:none;color:#000;}
#PurchOptionsContent {float:left;width:585px;border:1px solid #dddddd;border-top:none;/*overflow:hidden;*/}
#PurchOptions #OptionsNavigation {position:relative;z-index:100;float:left;width:100%;height:26px;margin:0;padding:0;background: url(/assets/images/misc/bg_edit_panel.gif) 0 100% repeat-x;}
#PurchOptions #OptionsNavigation li {display:inline;float:left;height:21px;margin:0;padding:5px 10px 0;list-style:none;font-size:.85em;background: transparent url(/assets/images/misc/bg_delim_2x17_gray.gif) 100% 50% no-repeat;}
#PurchOptions #OptionsNavigation li.last {background:none;}
#PurchOptions #OptionsNavigation li a {float:left;width:10em;text-align:center;font-size:inherit;border:none;padding:0 10px 0 0;background: transparent url(/assets/images/icons/ic_arrow_b_gary_7x4.gif) 100% 45% no-repeat;}
#PurchOptions #OptionsNavigation li.over a {background: transparent url(/assets/images/icons/ic_arrow_t_gary_7x4.gif) 100% 45% no-repeat;}
#PurchOptions #OptionsNavigation li .PopDownOptions ul {float:left;clear:both;width:10em;overflow:hidden;height:auto;margin:0;padding:5px 0;background:#fff url(/assets/images/misc/bg_edit_panel.gif) 0 100% repeat-x;border:1px solid #dddddd; border-top:none;}
#PurchOptions #OptionsNavigation li ul.PopDownOptions li,
#PurchOptions #OptionsNavigation li .PopDownOptions ul li {height:auto;display:block;clear:both;margin:0;padding:0;width:100%;background:none;border:none;}
#PurchOptions #OptionsNavigation li ul.PopDownOptions li a,
#PurchOptions #OptionsNavigation li.over .PopDownOptions ul li a,
#PurchOptions #OptionsNavigation li .PopDownOptions ul li a {float:left;height:auto;background:none;margin:0;padding:0 5%;width:90%;background:none;}
#PurchOptions #OptionsNavigation li ul.PopDownOptions li a:hover,
#PurchOptions #OptionsNavigation li .PopDownOptions ul li a:hover {background:#000;color:#FFF;}

#PurchOptions #OptionsNavigation .Button22 {margin:2px 0 0; padding:0;background:none;}
#PurchOptions #OptionsNavigation .Button22 span {float:left;height:22px;padding:.2em 10px 0;background:transparent url(/assets/images/misc/button_22.png) no-repeat;}
#PurchOptions #OptionsNavigation .Button22 a {float:left;width:17px;height:22px;margin:0;padding:0;text-align:center;vertical-align:middle;background: transparent url(/assets/images/misc/button_22_r_end.png) no-repeat;}
#PurchOptions #OptionsNavigation .Button22 a img {width:7px;height:4px;margin:9px auto;}

#PurchOptions #OptionsNavigation .PopDownOptions {position:absolute;top:26px;padding-left:2%;min-width:10em;background:#fff url(/assets/images/misc/bg_edit_panel.gif) 0 100% repeat-x;}
#PurchOptions #OptionsNavigation ul.PopDownOptions {padding:0;min-width:11em;height:auto;}
#PurchOptions #OptionsNavigation div.PopDownOptions ul {list-style:none;margin:0 2% 0 0;padding:0;float:left;width:30%;clear:none;background:none;border:none;}

#DetailsOption {float:left;margin:0;padding:10px 0;width:100%;background:#f0f0f0 url(/assets/images/misc/bg_detail_op_2x80.jpg) 0 100% repeat-x;}
#DetailsOption.StocSearch {background-image:none;background-color:#FFF;}
.PopDownOptions {z-index:50;}
#DetailsOption dl{float:left;width:100%;margin:15px 0;}
#DetailsOption dt {float:left;clear:left;margin:0 10px 0 0;width:3em;}
#DetailsOption dd {margin:0 0 .5em;padding:0;float:left;}
.Price {font-size:2em;clear:both;margin:1em 0;}
#PageOptionsFooter {float:left;width:100%;height:25px;background:#f0f0f0;}

/* SLIDER STYLE */

.sliderWrap {width:100%;margin:0;float:left;clear:both;position:relative;}

.sliderWrapL {width:15%;float:left;position:relative;}
.sliderWrapR {width:83%;float:right;position:relative;}
* html .sliderWrapR {width:81%;}

.sliderInfo {float:left;width:6em;height:70px;margin-right:10px; position:relative;}
.sliderInfo h4 {position:absolute;top:20px;width:100%;font-size:1.2em;white-space:nowrap;font-weight:normal;text-align:right;margin:0;padding:0;}
.sliderInfo .rangeValue {position:absolute;top:55px;width:100%;z-index:5;font-size:.7em;color:#990000;text-align:right;}
.sliderInfo.colorTable  .rangeValue {top:60px;}

div.slider { width:500px;height:70px; /*left:7em;*/margin:10px 0 30px; background-color:#FFF; background-image:none; position: relative; font-family:helvetica, sana-serif;}
div.slider div.handle  { width:10px; top:-2.5px;height:15px; background-color:#f00; cursor:move; position: absolute; }
div.slider div.handle_min, div.slider div.handle_max  { left:-8px;width:16px; height:24px; top:25px;background:transparent url(/assets/images/icons/ic_pointer.gif) no-repeat; cursor:move; position: absolute; z-index:10;}
div.slider div.handle_max {left:auto;right:-8px;}

div#zoom_element { margin:20px 0 0;width:50px; height:50px; background:#2d86bd; position:relative; }

div.slider .slider_rule {position:absolute;width:100%;top:50px;height:4px;background:#999;}
div.slider.colorTable .slider_rule {height:15px;background:#FFF;border-top:none;}
div.slider .slider_rule span {float:left;position:absolute;left:0;height:4px;border-right:1px solid #000;border-top:1px solid #666;font-size: 0; line-height: 0;}
div.slider.colorTable .slider_rule span{border-top:none;border-bottom:1px solid #666;height:15px;}
div.slider .slider_rule_value span {float:left;text-align:center;position:absolute;left:0;top:60px;width:10px;height:10px;font-size:10px;margin:0;padding:0;}
div.slider.colorTable .slider_rule_value span {top:70px;}
/*.rangeValue span {position:absolute;width:100%;text-align:center;z-index:5;font-size:.7em;top:0;}*/

.sliderIndicator {height:1em; top: 0; z-index: 3; position: absolute;margin:0;padding:0;line-height:1em;font-size:.7em;}
.sliderIndicator span {display: block; border: 2px solid #707070; background: #fff; padding: .25em; text-align:center;}

.color1 {background-color:#f0f0f0;}
.color2 {background-color:#c4c4c4;}





a.ButtonSmall24 {float:left;height:24px;background:url(/assets/images/misc/button_24.png) 0 -24px no-repeat;overflow:hidden;padding:0 0 0 5px;text-decoration:none;font-size:1.1em;}
a.ButtonSmall24 span {float:left;width:auto;height:21px;margin:0;padding:3px 10px 0 5px;background:url(/assets/images/misc/button_24.png) 100% 0 no-repeat;white-space:nowrap;}
a.ButtonListView {float:left;width:13px;height:13px;margin:.2em 0 0;padding:0;}
a.ButtonSmall16 {float:left;height:16px;background:url(/assets/images/misc/button_16.png) 0 -16px no-repeat;overflow:hidden;margin:0;padding:0 0 0 5px;text-decoration:none;font-size:11px;color:#000;}
a:hover.ButtonSmall16 {color:#BF3030;}
a.ButtonSmall16 span {float:left;width:auto;height:16px;margin:0;padding:0 10px 0 5px;background:url(/assets/images/misc/button_16.png) 100% 0 no-repeat;white-space:nowrap;}
.Button22 span {float:left;height:22px;padding:.2em 10px 0;background:transparent url(/assets/images/misc/button_22.png) no-repeat;}
.Button22w span {float:left;height:22px;padding:.2em 10px 0;background:transparent url(/assets/images/misc/button_22w.png) no-repeat;}
.Button22w a, .Button22 a {float:left;width:17px;height:22px;margin:0;padding:0;text-align:center;vertical-align:middle;background: transparent url(/assets/images/misc/button_22_r_end.png) no-repeat;}
.Button22w a img, .Button22 a img {width:7px;height:4px;margin:9px auto;}








/* FIX ME BELOW **************************************************************** */




/* ACCOUNT and SETTING */
#AccountAndSet {float:right;width:55%;margin:20px 0 0 0;padding:0;font-size:medium;}
#AccountStatus {float:right;width:25%;margin:10px 10px 0 0;}
* html #AccountStatus {margin-right:5px;} 
#AccountStatus p {float:right;}
#AccountStatus p span {float:left;margin-right:1.5em;padding-top:3px;color:#bf3030;}
#AccountStatus p a.ButtonSmall24 span {margin:0;color:#0075b0;}

/* HEADER NAVIGATION */
#AccountAndSet ul, #AccountAndSet li {margin:0;padding:0;list-style:none;}
#AccountAndSet ul {float:right;}
#AccountAndSet li {right:20px;margin:0 .5em 0 0;padding:0 0 2px 0;position:relative;font-size:110%;float:left;}
#AccountAndSet li a {/*heigh:20px;*/background:none;padding:0 12px 0 6px;text-decoration:none;background:transparent url(/assets/images/icons/ic_arrow_b_blue_7x4.gif) 100% 50% no-repeat;}
#AccountAndSet li a:hover {color:#bf3030;background:transparent url(/assets/images/icons/ic_arrow_b_blue_7x4.gif) 100% 50% no-repeat;}
#AccountAndSet li a span {background:transparent url(/assets/images/misc/bg_delim_1x10_blue.gif) 100% .35em no-repeat;padding-right:5px;}
#AccountAndSet li a:hover span {}
#AccountAndSet li.select a {color:#bf3030;}

/* QUICK LINKS */

#QuickLinks {float:left;position:relative;z-index:2;width:100%;margin-bottom:1em;}
#QuickLinks h5 {float:left;height:23px;margin:0;padding:3px 0 0;background:#000;width:100%;font-size:small;color:#FFF;}
#QuickLinks h5 a {background:none;padding:0 15px 0 10px;text-decoration:none;background:transparent url(/assets/images/icons/ic_arrow_b_white_7x4.gif) 100% 50% no-repeat;color:#FFF;}
#QuickLinks h5 a span {background:transparent url(/assets/images/misc/bg_delim_1x10_white.gif) 100% .2em no-repeat;padding:0 5px 0 0;}
#QuickLinksList {position:absolute;top:25px;width:180px;overflow:hidden;background:#000;border-top:1px solid #FFF;}





/* DASHBOARD */
#Dashboard {margin-bottom:1em;padding-bottom:4px;background:transparent url(/assets/images/misc/bg_b_shadow_4.png) 0 100% repeat-x;border-top:1px solid #999999;}
#Dashboard .ContentMask {background:#F7F7F7;}
#Dashboard h2 {margin:0 10px 1em;}
#Dashboard .ButtonSmall24 {margin:0 10px 5px;}
#Dashboard table {width:100%;border-collapse:collapse;margin:0;padding:0;border:0;border-left:1px dotted #dddddd !important;}
#Dashboard th {height:26px;overflow:hidden;background:#dddddd;border-left:1px dotted #FFF;}
#Dashboard th a {color:#000;text-decoration:none;font-weight:600;}
#Dashboard th a:hover {color:#BF3030;}
#Dashboard table td {border-left:1px dotted #dddddd;}
#Dashboard td.last {border-right:0;}
#Dashboard .Result td {vertical-align:middle;text-align:center;font-size:large;padding: 1em .2em;}
#Dashboard .title td {text-align:center;text-transform:uppercase;font-size:.9em;padding-bottom:10px;background:transparent url(/assets/images/icons/ic_marker_b.gif) 98% 96% no-repeat;}

/* WINDOWS STYLE */

/* Corner Style Common */

.wt {position:relative;height:31px;overflow:hidden;}
.wb {position:relative;height:6px;overflow:hidden;}
.cn {position:relative;width:10px;height:74px;background:url(/assets/images/misc/windows_t_b.png);overflow:hidden;}
.wt .cn.r {position:absolute;margin-left:100%;left:-10px;top:-31px;}
.wt .cn.l {width:auto;margin-right:10px;}
.wb .cn {width:6px;}
.wb .cn.l {width:auto;margin-right:6px;top:-62px;}
.wb .cn.r {position:absolute;margin-left:100%;left:-6px;top:-68px;}
.WinWrapper {display:block;min-width:150px;/*overflow:hidden;*/zoom:1;padding: 0 0 0 3px;background:#FFF url(/assets/images/misc/win_shadow_l.png) repeat-y;position:relative;}
.WinContent {overflow:hidden;zoom:1;padding:0;background:#FFF url(/assets/images/misc/win_shadow_r.png) 100% 0 repeat-y;}
.wt .cn.l h4 {margin:8px 0 0 10px;color:#3d6b88;}
.ColLeft .wt .cn.l h4 {color:#000;}
.wt .cn.l .ButtonWinDown {position:absolute;top:10px;right:0;width:13px;height:13px;background: transparent url(/assets/images/icons/ic_arrow_r-b_blue_13x13.gif) no-repeat;}

.ColLeft .Win {margin-left:10px;}
.Win ul {margin:0 6px 0 3px;padding:0 0 .5em;list-style:none;}
.Win ul li {list-style:none;margin:0;padding:3px 7px;border-bottom:1px solid #cccccc;}
.Win ul li.last {border-bottom:none;}
.Win ul li a {text-decoration:none;}

.Win table {width:auto;border-collapse:collapse;margin:0 7px 1em 3px;padding:0;border:0;font-size:.9em;}
.Win tr {border-bottom:1px solid #dddddd;}
.Win td {padding:3px 7px;color:#666666;}
.Win td.time {color:#999999;}
.Win h5 {margin: 0 10px .5em;}
#Inbox .DivScroll {max-height:32em;overflow:scroll;margin-right:3px;}
#InvetorySearch .WinContent {padding-bottom:10px;}





#AccountList {margin: 0;}
#AccountList  a {color: #3366CC;text-decoration: none;border-bottom: 1px solid;}
#AccountList  tr.InboxGroupHeader td{text-decoration: none;white-space:nowrap;margin: 0;padding: 0;padding-top: 10px;border-bottom: 1px solid #cccccc;color:  #000000;}
#AccountList  td.InboxGroupTitle h2{font-weight: 600;letter-spacing: 0.025em;margin: 0;padding: 5px;white-space:nowrap;color:  #000000;}
#AccountList  td.InboxGroupSummary span {display: block;text-align: right;color: #666666;}
#AccountList  tr.InboxGroupArchieve td{font-weight: normal;text-decoration: none;white-space:nowrap;text-align: left;text-transform: uppercase;margin: 0;padding: 6px;padding-top: 20px;border: none;color:  #000000;}
#AccountList  tr.InboxGroupArchieve td a.More{display: block;width: 4em;text-transform: uppercase;text-decoration: none;border: none;color: #ffffff;padding: 5px;padding-left: 20px;background: #000000 url(/assets/images/icons/ic_arrow_down_header_nav.gif) 5px 50% no-repeat;}
#AccountList  tr.InboxGroupArchieve td a.Less{display: block;width: 4em;text-transform: uppercase;text-decoration: none;border: none;color: #ffffff;padding: 5px;padding-left: 20px;background: #000000 url(/assets/images/icons/ic_arrow_up_header_nav.gif) 5px 50% no-repeat;}
#AccountList  tr.InboxGroupArchieve td a:hover {color: #ff0000;}
#AccountList  tr.InboxGroupArchieve td span {display: block;text-align: right;color: #666666;}
#AccountList  td.InboxTimeStamp {white-space: nowrap;width: 10%;padding-left: 15px;color: #666666;text-align: left;}
#AccountList   td.InboxEntity {white-space: nowrap;padding-left: 5px;padding-right: 10px;color: #666666;}
#AccountList td.InboxMessage {color: #000000;}

#ListDisplay {float:left;clear:both;width:945px;margin:25px 1% 45px; padding: 1px 1px 1px 1px;}
#ListDisplay table {width:100%;border-collapse:collapse;border:1px solid #ddd;margin:0px;padding:0 0 5px;background:#FFF;vertical-align:top;}
#ListDisplay table th {white-space: nowrap; font-weight:normal; text-align: left; padding:.3em .2em; background: url(/assets/images/misc/bg_edit_panel.gif) 0 100% repeat-x;}
#ListDisplay th.color {text-align: right;}
#ListDisplay th a {text-decoration: none;color: #434343;}
#ListDisplay th a:hover {text-decoration: none;color: #000000;border-bottom: 1px solid;}
#ListDisplay th a.Ascending {text-decoration: none;font-weight: 600;color: #000000;border-bottom: none;padding-right:17px;background: url(/assets/images/icons/ic_arrow_d_gray_10x11.gif) 100% .2em no-repeat;}
#ListDisplay th a.checkselect{display: block; text-align: center; margin-left: 5px; width: 15px; padding: 0px; background: #dddddd; border: 1px solid #c0c0c0; }
#ListDisplay th a.checkselect{display: block; font-size: 15px; text-align: center; margin-left: 5px; width: 15px; padding: 0px; background: #dddddd; border: 1px solid #999999; }
#ListDisplay th a.checkselect:hover {display: block;  text-align: center; margin-left: 5px; width: 15px; padding: 0px; background:#e6e6e6; border: 1px solid #c0c0c0; }  
#ListDisplay th a.Ascending:hover {color: #ff0000;}
#ListDisplay th a.Descending:hover {color: #ff0000;}
#ListDisplay th a.Descending {text-decoration: none;font-weight: 600;color: #000000;border-bottom: none;padding-right:17px;background: url(/assets/images/icons/ic_arrow_a_gray_10x11.gif) 100% .2em no-repeat;}

#ListDisplay td {white-space: nowrap; text-align:left; padding:.3em .3em; border-bottom: 1px solid #e6e6e6;}
#ListDisplay table td.center {text-align:center !important;}
#ListDisplay table td.right {text-align:right !important;}
#ListDisplay span.colorset {float:right;width:60px;height:16px;margin:0 0 0 5px;overflow:hidden;}
#ListDisplay td.Descending {background: none;}
#ListDisplay td a {text-decoration: none;border-bottom: 1px dotted;}
.Listloader {width:943px;height:80px;border:1px solid #ddd;border-top:none;margin:0;padding:25px 0 0;}
.Listloader p {text-align: center; font-weight: 600;}
.Listloader p img {width: 48px;height: 48px;margin: 0 auto;display: block;}

#ListDisplay tr.Unread td {font-weight: 600;}
#ListDisplay tr.Unread td a {font-weight: 600; border-bottom: 1px solid;}
#ListDisplay td {white-space: nowrap; text-align:left; vertical-align:text-top; padding:.3em .3em; border-bottom: 1px solid #e6e6e6;}
#ListDisplay td.wrap {white-space: normal; text-align:left; padding:.3em .3em; border-bottom: 1px solid #e6e6e6;}

.ColLeft h1 {position:relative;z-index:15;}
.ColLeft .PopDownOptions {position:absolute;z-index:10;top:1.4em;padding-top:1em;width:auto;}

#OptionsContent table  { width: 100%; background-color: #FFF; border-collapse : collapse;}
#OptionsContent  table td { border: none; line-height: 1.3em; vertical-align: top; border: none; color: #000000; vertical-align: top; text-align: left; padding: 0px 2px 8px 12px;}
#OptionsContent  tr.AttributionTop th { font-size: 14px; text-decoration: none; white-space:nowrap; text-align: left; text-transform: uppercase; margin: 0; padding: 4px; font-weight:normal; color:  #000000;}
#OptionsContent table  td.Attribute{ width: 30%; text-align: right; font-weight: 600;}
#OptionsContent  tr.AttributionTop td {color: #000;margin: 0;}
#OptionsContent  tr.AttributionBottom td {border: none;}

#RangeContent, #LotContent {padding: 26px 10px .5em;}
#RangeContent h4, #LotContent h4 {margin-bottom:1em;}
#LotContent h4{font-size: 12px; margin-left: 5px; color: #35383d; text-transform: uppercase; display: block; border-bottom: 1px solid;}
#RangeContent p, #LotContent p {margin-bottom:.5em;}
#RangeContent .grid2colm {float:left;clear:both;margin-bottom:10px;/*background: url(/assets/images/misc/bg_1x1_gray2.gif) 165px 0 repeat-y;*/}
#RangeContent .grid2colm .column.first, #LotContent .grid2colm .column.first {width:37%;/*border-right:1px solid #999;*/margin-right:0 !important;}
#RangeContent .grid2colm .column.last, #LotContent .grid2colm .column.last {width:62%;float:right !important;}
#RangeContent .grid3col, #LotContent .grid3col {clear:both;margin: 1em 0 0;padding:0;/*background:url(/assets/images/misc/bg_3_column_610.gif) repeat-y;*/}
#RangeContent .grid3col .column, #LotContent .grid3col .column {/*border-right:1px solid #999;*/width:32%;padding:0;margin:0 2% 10px 0;}
#RangeContent .grid3col .column.last, #LotContent .grid3col .column.last {border:none;float:left !important;margin:0;}

#RangeContent table, #LotContent table {width:99%;border-collapse:collapse;border:none;}
#RangeContent .grid2colm table, #LotContent .grid2colm table {width:150px;}
#RangeContent table th, #LotContent table th {text-align:right;padding:.25em;vertical-align:top;}
#RangeContent table td, #LotContent table td {text-align:left;padding:.25em .5em;vertical-align:top;/*white-space:nowrap;*/}

#RangeContent .grid2colm.Availability {float:left;clear:both;/*background: url(/assets/images/misc/bg_1x1_gray2.gif) 165px 0 repeat-y;*/}
#RangeContent .grid2colm.Availability table th {white-space:nowrap;}
#RangeContent .Availability h4 {font-size:1.4em;}
#RangeContent .Availability .last table {width:100%;min-height:150px;border-collapse:collapse;border:none;margin:0 0 20px;background:url(/assets/images/misc/bg_gradient_f_80.gif) repeat-x;}
#RangeContent .Availability .last table th {text-align:right;padding: 0 .05em;vertical-align:top;white-space:nowrap;}
#RangeContent .Availability .last table td {text-align:left;padding: 0 .5em;vertical-align:top;/*white-space:nowrap;*/}
#RangeContent .Availability .last table tr.first th, #RangeContent .Availability .last table tr.first td {padding-top:10px;}

.colorset {display:block;width:4em;}


/* FORM ELEMENTS START */
#MessageWrap { width: 100%;}
.MessageSystem {background: #FFF; padding: 15px; font-size: 1.0em; line-height: 1.5em; border: 4px solid #e6e6e6;}
div.MessageSystem a.MessageClose {clear: both; border:1px solid #c4c4c4;background: #e6e6e6;color: #000000; padding: 2px;padding-left: 4px;padding-right: 4px;font-size: 13px;text-align: center;letter-spacing: 0.015em;text-transform: uppercase;text-decoration: none;font-weight: 200;}
div.MessageSystem a.MessageClose:hover {color: #ff0000;}
div.MessageSystem span.Error {display: block; color: #ff0000; font-weight: 600; margin-bottom: 15px;}
div.MessageSystem span.Notice {display: block; color: #4E9258; font-weight: 600; margin-bottom: 15px;}
div.MessageSystem span.Comment {display: block; color: #000000; font-weight: 200; margin-bottom: 15px;}
.MessageSystemFooter{ background: url(/assets/images/icons/message-footer-arrow.gif) 20px 0 no-repeat; padding-left: 58px; padding-top: 1px; margin-bottom: 20px; font-size: 0.9em; color: #000000;} 



div.InlineForm {clear: both; width: 100%; margin: 0; border: none; }
* html div.InlineForm {width:440px;}
div.InlineForm h1 {font-size: 1.2em; display: block; clear: both; padding: 0.05em 0.25em 0.55em 0.15em;}
div.InlineForm form{ width: 100%; border: none; margin: 0; margin-bottom: 2em; padding: 0;}
div.InlineForm div.FormTwoColumn { float: left; width: 47%; padding: 0; margin: 0; }
div.InlineForm fieldset { border: none; clear: both; padding: 0; margin: 0; margin-bottom: 5px; }
div.InlineForm label{ text-align: left; font-size: 0.9em; letter-spacing: 0.025em; color : #000000; text-transform: uppercase; padding: 0; margin: 2px; margin-top: 5px; }
div.InlineForm label.MandatoryFieldError{ color: #FF0000; font-weight: 600; }
div.InlineForm .FormInputLong{ font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 14px;  display: block;  border: 1px solid #b2b2b2;  border-top: 2px solid #636a73;  border-left: 2px solid #636a73;  background: #f0f0f0;  margin: 2px;  padding: 4px;  width: 90%; }
div.InlineForm .FormInputLongError{display: block; border: 1px solid #C11B17; font-family: Arial, Helvetica, sans-serif; margin: 2px; padding: 5px; font-weight: normal; font-size: 14px; width: 90%; background: #f0f0f0; }
div.InlineForm .FormInputWideReadOnly { display: block; background-color: #dddddd; border: 1px solid #c0c0c0; border-bottom: 1px solid #666666; border-right: 1px solid #666666; font-family: Arial, Helvetica, sans-serif; margin: 2px; padding: 5px; font-weight: normal; font-size: 14px; width: 90%;}
div.InlineForm .FormInputLongTip { clear: both; margin-left: 2px; margin-bottom: 5px; font-size: .85em; color: #777; width: 90%; }
div.InlineForm .FormInputLongInstruction {  clear: both;  margin-left: 2px;  margin-bottom: 5px;  font-size: 14px; padding: 2px; color: #000000; width: 92%; }
div.InlineFormNote {float:left;width:440px; margin-top:0px; border:#DCDCDC solid 1px; background:#eeeeee; padding:10px 12px 12px 12px; -moz-border-radius:3px;}
div.InlineFormNote h4 {display: block; font-size: 1.1em; padding-left: 20px; background:transparent url(/assets/images/icons/ic_arrow_r-b_gray_13x13.gif) 0 1px no-repeat;}
div.InlineFormNote li {margin:6px; padding:0; padding-left: 10px; list-style:none;  background:transparent url(/assets/images/icons/ic_arrow_r_gray_7x4.gif) 0 5px no-repeat;}

/* Button height 22px */

div.InlineForm div.FormSubmitButton {position:relative;float:left;height:22px;background:url(/assets/images/misc/button_22-2.png) 0 -22px no-repeat;padding:0 0 0 5px;text-decoration:none;font-size:1.1em;border:none;margin:10px 10px 0px 0px}
div.InlineForm div.FormSubmitButton span {float:left;width:auto;height:18px;margin:0;padding:2px 5px 2px 0; background:url(/assets/images/misc/button_22-2.png) 100% 0 no-repeat;white-space:nowrap;}
div.InlineForm div.FormSubmitButton span input {background:none;border:none;font-family: 'Arial', Halvetica;color: #000000;font-weight: normal;font-size: 13px;text-align: center;letter-spacing: 0.015em;text-transform: uppercase;text-decoration: none;font-weight: 200;padding: 0.025em; }
div.InlineForm div.FormSubmitButton:hover {background:url(/assets/images/misc/button_22-2.png) 0 -66px no-repeat;}
div.InlineForm div.FormSubmitButton:hover span {background:url(/assets/images/misc/button_22-2.png) 100% -44px no-repeat;}
div.InlineForm div.FormSwitchButtons {float: left; padding: 12px 15px 10px 10px; font-weight: 600; text-transform: uppercase;}

* html div.InlineForm form div.FormSubmitButton {position:static;background:url(/assets/images/misc/button_22-2.png) 0 -22px no-repeat;}
* html div.InlineForm form div.FormSubmitButton span {padding:2px 5px 0px 5px; background:url(/assets/images/misc/button_22-2.png) 100% 0 no-repeat;}

div.InlineForm div.FormSubmitButtonList {position:relative;float:left;height:22px;background:url(/assets/images/misc/button_22_list.png) 0 -22px no-repeat;padding:0 0 0 5px;text-decoration:none;font-size:1.1em;border:none;margin:0px 0 0px 0px}
div.InlineForm div.FormSubmitButtonList:hover {background:url(/assets/images/misc/button_22_list.png) 0 -66px no-repeat;}
div.InlineForm div.FormSubmitButtonList:hover span {background:url(/assets/images/misc/button_22_list.png) 100% -44px no-repeat;}

/* BUTTON FOR <A> */

div.InlineForm div.FormSubmitButton a {float:left;width:auto;height:19px;margin:0;padding:3px 10px 0px 5px;background:url(/assets/images/misc/button_22-2.png) 100% 0 no-repeat;white-space:nowrap;font-family: 'Arial', Halvetica;color: #000000;font-weight: normal;font-size: 13px;text-align: center;letter-spacing: 0.015em;text-transform: uppercase;text-decoration: none;font-weight: 200;}
div.InlineForm div.FormSubmitButton:hover a {background:url(/assets/images/misc/button_22-2.png) 100% -44px no-repeat;}

div.InlineForm div.FormSubmitButtonList a {float:left;width:auto;height:19px;margin:0;padding:3px 22px 0px 5px;background:url(/assets/images/misc/button_22_list.png) 100% 0 no-repeat;white-space:nowrap;font-family: 'Arial', Halvetica;color: #000000;font-weight: normal;font-size: 13px;text-align: center;letter-spacing: 0.015em;text-transform: uppercase;text-decoration: none;font-weight: 200;}
div.InlineForm div.FormSubmitButtonList:hover a {background:url(/assets/images/misc/button_22_list.png) 100% -44px no-repeat;}

/* END BUTTON FOR <A> */


div.InlineForm .FormInputShort3 { float:left; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 14px;  display: block;  border: 1px solid #b2b2b2;  border-top: 2px solid #636a73;  border-left: 2px solid #636a73;  background: #f0f0f0;  margin: 2px;  padding: 2px;  width:3em; }
.Availability div.InlineForm .FormInputShort3 {margin:0 10px 0 0;}
.Availability div.InlineForm div.FormSubmitButton {margin:0 10px 0 0;}
.Availability div.InlineForm  span {float:left;margin: 5px 10px 0 0;text-transform:uppercase;font-size:1.2em;font-weight:600;}

div.InlineForm div.InlineFormWrap {display: block; clear: both; padding: 1.1em; margin-top: 0px; margin-bottom: 10px;  border: 1px dotted #cccccc;}
div.InlineForm div.InlineFormWrap h4 {display: block; font-size: 1.1em; padding-bottom: 1em;}

div.InlineForm legend { text-align: left; font-size: 0.9em; letter-spacing: 0.025em; color : #000000; text-transform: uppercase; padding: 0; margin: 2px; margin-top: 5px; }
.FormInputMultiCheck{ border: 1px solid #cccccc; margin: 0; padding: 5px; list-style: none; overflow-y: auto; height: 95px;}
div.InlineForm .Checked {background: #E0E0E0;}
.FormInputMultiCheck li { list-style: none;}
.FormInputMultiCheck li { list-style: none;}


/* FORM ELEMENTS END */

/* LAYOUT SETTINGS START */
.ContentMask {position:relative;clear:both;float:left;width:100%;} 
.ColConteiner {float:right;margin-left:-190px;width:100%;}
.ColCenter {margin:0 0 0 180px;float:left;}
.ColLeft {float:left;width:180px;}
.ColWrap {position:relative;z-index:360}

#PageContentLayout {position:relative;z-index:1;}
#PageContentLayout .ContentMask {position:relative;clear:both;float:left;width:100%;margin:0; /*overflow:hidden;*/ padding: 0; border: 0px solid;} 
#PageContentLayout .ColConteiner {float:right;margin-left:-220px;width:100%;}
#PageContentLayout .ColCenter {margin:0 0 0 220px;border:none;}
#PageContentLayout .ColLeft {float:left;width:200px;border:none;}
#PageContentLayout .ContentMask h1, 
#PageContentLayout .ContentMask h2, 
#PageContentLayout .ContentMask h3, 
#PageContentLayout .ContentMask h4 {margin:0 0 .25em;}
#PageContentLayout .ContentMask p {margin:0 0 .5em;}

.ColContent_10 {padding:10px;}
.ColContent_0_10 {padding: 0 10px;}


.c3 .ColWraper {float:left;width:200%;margin-left:-205px; position:relative;right:100%; /*Centre column background colour */background: #FFF;}
.c3 .ColContainer {float:left;width:100%;margin-left:-205px; background:#fff; /* Left column background colour */}
.c3 .MainContentWrap {float:left;width:50%;padding-bottom:1em; }
.c3 .ColMain {border:none;margin:0 0 0 410px; position:relative;left:100%;overflow:hidden;}

#PageContentLayout .c3 .ColLeft {border:none;float:right;width:200px; position:relative;left:210px;          /* Width of the left-had side padding on the left column */}
#PageContentLayout .c3 .ColRight {border:none;float:right;width:200px;position:relative;left:610px;}

.c2 .ColWraper {float:left;width:200%;margin-left:-50%;/* Width of right column */position:relative;right:100%; /*Centre column background colour */background: #FFF;}
.c2 .ColContainer {float:left;width:100%;margin-left:0%; /* Width of centre column */background:#fff; /* Left column background colour */}
.c2 .MainContentWrap {float:left;width:50%;padding-bottom:1em;  /* Centre column bottom padding. Leave it out if it's zero */}
.c2 .ColMain {border:none;margin:0 0 0 50%;padding:0;position:relative;left:100%;overflow:hidden;}


#PageContentLayout .c2 .ColLeft {display:none;}
#PageContentLayout .c2 .ColRight {border:none;float:left;width:25%;padding:0;position:relative;left:50%;}

.c213 .ColWraper {float:left;width:200%;margin-right:-200px;position:relative;right:100%;background: #FFF;}
.c213 .ColContainer {float:left;width:100%;margin-left:-200px;background:#fff;}
.c213 .MainContentWrap {float:left;width:50%;padding-bottom:1em;}
.c213 .ColMain {border:none;margin:0 0 0 400px;position:relative;left:100%;overflow:hidden;}

#PageContentLayout .c213 .ColLeft {border:none;float:left;width:200px;position:relative;left:200px;}
#PageContentLayout .c213 .ColRight {border:none;float:right;width:200px;position:relative;left:200px;}

.c213p .ColWraper {float:left;width:200%;margin-right:-320px;position:relative;right:100%;background: #FFF}
.c213p .ColContainer {float:left;width:100%;margin-left:-320px;background:#fff;}
.c213p .MainContentWrap {float:left;width:50%;padding-bottom:1em;}
.c213p .ColMain {border:none;margin:0 0 0 640px;padding:0;position:relative;left:100%;overflow:hidden;}

#PageContentLayout .c213p .ColLeft {border:none;float:left;width:320px;padding:0;position:relative;left:320px;}
#PageContentLayout .c213p .ColRight {border:none;float:right;width:320px;padding:0;position:relative;left:320px;}

.c1 .ColWraper {float:left;width:200%;margin-right:0;position:relative;right:100%;background: #FFF}
.c1 .ColContainer {float:left;width:100%;margin-left:0;background:#fff;}
.c1 .MainContentWrap {float:left;width:50%;padding-bottom:1em;}
.c1 .ColMain {border:none;margin:0 0 0 0;padding:0;position:relative;left:100%;overflow:hidden;}

#PageContentLayout .c1 .ColLeft {display:none;}
#PageContentLayout .c1 .ColRight {display:none;}

.c21 .ColWraper {float:left;width:200%;margin-right:-200px;position:relative;right:100%; /*Centre column background colour */background: #FFF;}
.c21 .ColContainer {float:left;width:100%;margin-left:0;background:#fff; /* Left column background colour */}
.c21 .MainContentWrap {float:left;width:50%;padding-bottom:1em;}
.c21 .ColMain {border:none;margin:0 0 0 200px;padding:0;position:relative;left:100%;overflow:hidden;}

#PageContentLayout .c21 .ColRight {display:none;}
#PageContentLayout .c21 .ColLeft {border:none;float:left;width:200px;position:relative;left:0;}

.c12 .ColWraper {float:left;width:200%;margin-left:-205px;position:relative;right:100%; /*Centre column background colour */background: #FFF;}
.c12 .ColContainer {float:left;width:100%;margin-left:0;background:#fff; /* Left column background colour */}
.c12 .MainContentWrap {float:left;width:50%;padding-bottom:1em;}
.c12 .ColMain {border:none;margin:0 0 0 205px;padding:0;position:relative;left:100%;overflow:hidden;}
#PageContentLayout .c12 .ColRight {border:none;float:right;width:200px;position:relative;left:205px;}
#PageContentLayout .c12 .ColLeft {display:none;}

/*LAYOUT SETTINGS END*/

/* LANDING SPREADS START */
#SpreadBanner { margin:0; margin-left: 10px; height: 100px; text-align: center; background:  url(/assets/images/misc/bg_gradient_f.gif) repeat-x; border: 0px solid #dddddd;}
#SpreadBanner h1{display: block; color: #545454;  padding: 20px; font-weight: normal; font-size: 1.6em; letter-spacing: 0.05em; text-transform: uppercase;}
#SpreadBanner  ul {list-style: none; margin: 0; padding: 0; overflow: hidden;}
* html #SpreadBanner  li {margin: 5px;font-size: 11px;text-transform: lowercase;}
#SpreadBanner  li {margin: 0 5px 0 0;padding: 0;padding-left: 10px;list-style: none;display: inline;text-align: center;text-transform: lowercase;background: transparent url(/assets/images/icons/ic_checkmark.gif) 0 50% no-repeat;}

#SpreadCategory {position: relative;padding: 0;margin: 0;margin-left: 10px;/* height: 180px; */width: 945px;border: 0px solid #000000;}
#SpreadCategory div.ScrollItem{float: left;width: 155px;height: 155px;text-align: center;white-space: nowrap;overflow: hidden;}
#SpreadCategory  div.ScrollItem img{display: block;border: none;}
#SpreadCategory  div.ScrollItem a{display: block;margin: 0;margin-top: 5px;text-transform: uppercase;text-decoration: none;font-size: 11px;letter-spacing: 0.04em;color: #000000;font-weight: 600;}
#SpreadCategory  div.ScrollItem a:hover{color: #FF0000;}
#SpreadCategory div.ScrollLeft{float: left;width: 20px;height: 180px;line-height: 180px;vertical-align: 45%;border: 1px solid #cccccc;}
#SpreadCategory div.ScrollRight{float: right;width: 20px;height: 180px;text-align: right;line-height: 180px;vertical-align: 45%;border: none;border-left: 0px solid #cccccc;}
#SpreadCategory div.ScrollRight a {display: block;/*color: transparent;*/width: 16px;height: 100%;  background:  url(/assets/images/icons/spread-scroll-r.png) 0 50% no-repeat;text-decoration: none;}
#SpreadCategory div.ScrollRight span {display: block;width: 0;height: 0;overflow: hidden}
#SpreadCategory div.ScrollLeft{float: left;width: 20px;height: 180px;text-align: left;line-height: 180px;vertical-align: 40%;border: none;border-right: 0px solid #cccccc;}
#SpreadCategory div.ScrollLeft a {display: block;/*color: transparent;*/width: 16px;height: 100%;background:  url(/assets/images/icons/spread-scroll-l.png) 0 50% no-repeat;text-decoration:none;}
#SpreadCategory div.ScrollLeft span {display: block;width: 0;height: 0;overflow: hidden}

.SpreadBanner { margin:0; margin-left: 10px; height: 100px; text-align: center; background:  url(/assets/images/misc/bg_gradient_f.gif) repeat-x; border: 0px solid #dddddd;}
.SpreadBanner h1{display: block; color: #545454;  padding: 20px; font-weight: normal; font-size: 1.6em; letter-spacing: 0.05em; text-transform: uppercase;}
.SpreadBanner  ul {list-style: none; margin: 0; padding: 0; overflow: hidden;}
* html .SpreadBanner  li {margin: 5px;font-size: 11px;text-transform: lowercase;}
.SpreadBanner  li {margin: 0 5px 0 0;padding: 0;padding-left: 10px;list-style: none;display: inline;text-align: center;text-transform: lowercase;background: transparent url(/assets/images/icons/ic_checkmark.gif) 0 50% no-repeat;}


.SpreadCategory {position: relative;padding: 0;margin: 0;margin-left: 10px;/* height: 180px; */width: 945px;border: 0px solid #000000;}
.SpreadCategory div.ScrollItem{float: left;width: 150px;text-align: center;white-space: nowrap;overflow: hidden;}
.SpreadCategory  div.ScrollItem img{display: block;border: none;}
.SpreadCategory  div.ScrollItem a{display: block;margin: 0;margin-top: 5px;text-transform: uppercase;text-decoration: none;font-size: 11px;letter-spacing: 0.04em;color: #000000;font-weight: 600;}
.SpreadCategory  div.ScrollItem a:hover{color: #FF0000;}
.SpreadCategory div.ScrollLeft{float: left;width: 20px;height: 180px;line-height: 180px;vertical-align: 45%;border: 1px solid #cccccc;}
.SpreadCategory div.ScrollRight{float: right;width: 20px;height: 180px;text-align: right;line-height: 180px;vertical-align: 45%;border: none;border-left: 0px solid #cccccc;}
.SpreadCategory div.ScrollRight a {display: block;/*color: transparent;*/width: 16px;height: 100%;  background:  url(/assets/images/icons/spread-scroll-r.png) 0 50% no-repeat;text-decoration: none;}
.SpreadCategory div.ScrollRight span {display: block;width: 0;height: 0;overflow: hidden}
.SpreadCategory div.ScrollLeft{float: left;width: 20px;height: 180px;text-align: left;line-height: 180px;vertical-align: 40%;border: none;border-right: 0px solid #cccccc;}
.SpreadCategory div.ScrollLeft a {display: block;/*color: transparent;*/width: 16px;height: 100%;background:  url(/assets/images/icons/spread-scroll-l.png) 0 50% no-repeat;text-decoration:none;}
.SpreadCategory div.ScrollLeft span {display: block;width: 0;height: 0;overflow: hidden}

.SpreadSnippet {margin: 0;margin-left: 10px;background:  url(/assets/images/misc/bg_gradient_f.gif) repeat-x;padding: 15px;border:#DCDCDC solid 1px;-moz-border-radius:3px;}
.SpreadSnippet h2{color: #545454;font-size: 1.1em;text-transform: uppercase;font-weight: 600;display: block;}


.SpreadContent {position: relative;padding: 0;margin: 0;margin-left: 10px; width: 950px; background: url(/assets/images/misc/bg_gradient_f.gif) repeat-x;}
.SpreadContent div.SpreadContentItem{float:left;width:315px;height:255px;margin:0; padding:0;}
.SpreadContent div.SpreadContentItem h2 {display: block; color: #000; padding: 0.5em; padding-bottom: 0; font-size: 1.1em;}
.SpreadContent div.SpreadContentItem p  {margin: 15px !important; padding: 0; line-height: 1.32em; font-weight: 600; color: #434343;}
.SpreadContent div.SpreadContentItem ul  {list-style: none; display: block; margin: 15px; padding: 0;}
.SpreadContent div.SpreadContentItem ul li {list-style: none;margin: 0;padding: 0;line-height: 1.1em;font-size: 1.0em;margin-bottom: 0.35em;font-weight: 600;color: #434343;}


.SpreadFeaturedLink  {font-weight: 600; padding-left: 16px; background: transparent url(/assets/images/icons/ic_arrow_r-b_blue_13x13.gif) 0 50% no-repeat;text-decoration: none;}
#articleImage {float:left;}

/* LANDING SPREADS END*/


/*PAGE CONTENT START*/

.PageContent {margin-left: 10px;padding: 5px;padding-left: 0; border:#DCDCDC solid 8px; background:#ffffff; padding:10px 12px 12px 12px; -moz-border-radius:3px;}
.PageContent ul  {margin-left: 2em;}
.PageContent ul li {line-height: 1.25em;font-size: 1.15em;padding-left: 1.25em;margin-bottom: 0.5em;}
.PageContent li span{border-bottom: 1px solid;font-weight: 600;}
.PageContent p {line-height: 1.25em;font-size: 1.15em;padding-left: 1.4em;}
.PageContent p span {margin-right: 0.5em;border-bottom: 1px solid;}
.PageContent h1 {display: block;line-height: 2.5em;font-size: 1.5em;text-transform: uppercase;font-weight: normal;letter-spacing: 0.025em;padding-left: 1em;border-left: 6px solid #636a73;}
.PageContent h2 {display: block;text-transform: capitalize;line-height: 2.0em;font-size: 1.15em;font-weight: 600;letter-spacing: 0.025em;}
.PageContent h2 span{margin-right: 0.15em;border-bottom: 1px solid;font-weight: 600;}


.PageContent .PageContentRelated {float: right; width: 200px; margin: 0;margin-left: 10px; margin-bottom: 15px; background:  url(/assets/images/misc/bg_gradient_f.gif) repeat-x;padding: 15px;border:#DCDCDC solid 1px;-moz-border-radius:3px;}
.PageContent .PageContentRelated h3{display: block; margin:0; margin-bottom: 1.25em; color: #545454;font-size: 1.0em;text-transform: uppercase;font-weight: 600; padding-right: 20px; background: transparent url(/assets/images/icons/ic_arrow_l-b_gray_13x13.gif) 100% 50% no-repeat; }

.PageContent div.PageContentRelated ul {list-style: none; margin: 0; margin-bottom: 10px; padding: 0; overflow: hidden;}
.PageContent .PageContentRelated  li {list-style: none;margin: 0;padding: 0;line-height: 1.0em;font-size: 1.15em;margin-bottom: 0.5em;}
.PageContentRelated li a{padding-left: 15px;text-transform: capitalize;text-decoration: none;background: transparent url(/assets/images/icons/ic_arrow_r_gray_6x10.gif) 0 50% no-repeat;}
.PageContentRelated li a.current{padding-left: 15px;text-decoration: none;color: #000;text-transform: capitalize;text-decoration: none;background: transparent url(/assets/images/icons/ic_arrow_l_black_6x10.gif) 0 50% no-repeat;}

.PageContentFooter {margin: 0;margin-left: 10px;background:  url(/assets/images/misc/bg_gradient_f.gif) repeat-x;padding: 15px;border:#DCDCDC solid 1px;-moz-border-radius:3px;}
.PageContentFooter  h2{color: #545454;font-size: 1.1em;text-transform: uppercase;font-weight: 600;display: block;}

/*PAGE CONTENT END*/

/* POP-DOWN BLOCK HELP */

.Help {position:relative; float:left;}
.Help #HelpBox {display:none;}
.Help:hover #HelpBox {display:block;}
#HelpBox {float:right;width:325px;position:absolute;top:24px;right:5px;z-index:500;margin:0;padding:0;}
.HelpBoxContentWrap {width:100%;overflow:visible;zoom:1;float:left;clear:both;background: #FFF url(/assets/images/misc/bg_help_box_content-l.png) left repeat-y;} 
.HelpBoxContent {margin-left:5px;padding:5px 10px 5px 5px;background:transparent url(/assets/images/misc/bg_help_box_content-r.png) right repeat-y;}
#HelpBox .tb {position:relative;height:17px;overflow:hidden;float:left;clear:both;width:100%;}
#HelpBox .bb {position:relative;height:3px;overflow:hidden;float:left;clear:both;width:100%;}
#HelpBox .cn {position:relative;width:10px;height:46px;background:url(/assets/images/misc/bg_help_box.png); overflow:hidden;}
#HelpBox .cn.r {width:auto;margin-left:10px;background-position:right top;}
#HelpBox .cn.l {position:absolute;width:10px;margin-right:100%;right:-10px;top:-17px;z-index:2;background-position: right top;}
#HelpBox .bb .cn {top:-40px;}
#HelpBox .bb .cn.l {position:absolute;width:10px;margin-right:100%;right:-10px;top:-43px;background-position: right top;}


/* FIXME INBOX */

#ListHeader {z-index:50;height:31px; margin:0; margin-bottom: -1px; position: relative; /*overflow:hidden;*/width:100%;clear:both;background:url(/assets/images/misc/bg_1x1_gray.gif) 0 100% repeat-x;}
#ListHeader .TabTools {float:left;width:80%;height:30px;}
#ListHeader ul {margin:0;padding:0;list-style:none;}
#ListHeader li {float:left;list-style:none;margin:0;padding:0;}
#ListHeader .TabTools ul {margin:0; padding:0;list-style:none;height:30px;}
#ListHeader .TabTools li {display:inline;float:left;margin:0 5px 0 0; padding:0;font-size:1.2em;line-height:1.2em;}
#ListHeader .TabTools li a, #ListHeader .TabTools li span {float:left;height:23px;padding:6px 10px 0;background:#f0f0f0;border:1px solid #dddddd;border-bottom: none; text-decoration:none;color:#000;}
#ListHeader .TabTools li.select a, #ListHeader .TabTools li.select span{height:24px;background:#FFF;}
#ListHeader .TabTools li p {float:left;padding:5px 10px 0; font-size: 12px; color:#636a73;}

#ListHeader ul.TabPager {float:right; width: 19%; height:30px; margin:0;padding:0;list-style:none;}
#ListHeader ul.TabPager li {display:inline; float: right; list-style:none;margin:0;padding:0; }
#ListHeader ul.TabPager li a {clear: both; padding-right: 2px;}
#ListHeader ul.TabPager li span {line-height: 1.2em; padding: 5px;}

/* //FIXME INBOX */



/* BASE EXTRANET */

.RBIheader { padding: 0.5em; margin:0; margin-left: 10px;  text-align: left; background:  url(/assets/images/misc/bg_gradient_f.gif) repeat-x; border-bottom: 1px solid #dddddd;}
.RBIheader h1{display: block; color: #545454;  padding: 20px; font-weight: normal; font-size: 1.6em; letter-spacing: 0.05em; text-transform: uppercase;}
.RBIheader  ul {list-style: none; margin: 0; padding: 0; overflow: hidden;}
.RBIheader  li {margin: 5px;font-size: 11px;}
.RBIheader  li {margin:0; padding: 0; padding-left: 5px;list-style: none;display: inline;text-align: center;}
.RBIheader  li  span {color: #000000; padding-left: 5px; padding-right: 10px; background: transparent url(/assets/images/misc/bg_delim_1x10_blue.gif) 100% 50% no-repeat;}
.RBIfooter {clear: both; padding: 10px; padding-right: 0; color: #666666; font-size: 0.8em;}

.WidgetSettings {margin: 0;margin-left: 10px;background:  url(/assets/images/misc/bg_gradient_f.gif) repeat-x;padding: 15px;border:#DCDCDC solid 1px;-moz-border-radius:3px;}
.WidgetSettings h1{color: #545454;font-size: 1.1em;text-transform: uppercase;font-weight: 600;display: block; padding-bottom: 5px; background: transparent url(/assets/images/icons/ic_arrow_l-b_gray_13x13.gif) 100% 40% no-repeat; }
.WidgetSettings h2{color: #000;font-size: 1.0em; font-weight: 600;display: block; padding-bottom: 8px;  border-bottom: 1px dotted;}
.WidgetSettings   ul {list-style: none; margin: 0.25em; margin-top: 0.75em; padding: 0; overflow: hidden;}
.WidgetSettings   li {list-style: none;margin: 0;padding: 0;line-height: 1.3em;font-size: 13px; margin-bottom: 0.5em;}
.WidgetSettings a.Auth  {font-weight: 600; padding-left: 18px; background: transparent url(/assets/images/icons/ic_arrow_r-b_blue_13x13.gif) 0 50% no-repeat;text-decoration: none;}
.WidgetSettings a.Accd  {font-weight: 600; padding-left: 18px; color: #666666; background: transparent url(/assets/images/icons/ic_arrow_d_l-b_gray_13x13.gif) 0 50% no-repeat;text-decoration: none;}

.WidgetSnippet {margin: 0;margin-left: 10px;background:  url(/assets/images/misc/bg_gradient_f.gif) repeat-x;padding: 15px;border:#DCDCDC solid 1px;-moz-border-radius:3px;}
.WidgetSnippet h2{color: #545454;font-size: 1.1em;text-transform: uppercase;font-weight: 600;display: block;}
.WidgetSnippet a.Accd  { display: block; font-weight: 600;  text-decoration: none; color: #666666;}

.SnippetPhone {clear: both; font-weight: 600; font-size: 1.2em; padding: 15px; padding-left: 40px; margin:0;  background: transparent url(/assets/images/icons/ic_phone_30x30.gif) 0 50% no-repeat;text-decoration: none;}
.SnippetDownloads {clear: both; font-weight: 600; font-size: 1.2em; padding: 15px; padding-left: 40px; margin:0;  background: transparent url(/assets/images/icons/ic_downloads_30x30.gif) 0 50% no-repeat;text-decoration: none;}
.SnippetDownloads a { display: block; font-weight: 600; font-size: 1.1em;  text-decoration: none;}
.SnippetChat a { display: block; font-weight: 600;  text-decoration: none;}
.SnippetChat {clear: both; font-weight: 600; font-size: 1.2em; padding: 15px; padding-left: 40px; margin:0;  background: transparent url(/assets/images/icons/ic_chat_30x30.gif) 0 50% no-repeat;text-decoration: none;}
.SnippetPhone p, .SnippetChat p, .SnippetDownloads p {font-weight: 600;padding-top:.5em;}

.SnippetInstock {clear: both; font-weight: 600; font-size: 1.2em; padding: 15px; padding-left: 40px; margin:0;  background: transparent url(/assets/images/icons/ic_instock_30x30.gif) 0 50% no-repeat;text-decoration: none;}
.SnippetInstock a { display: block; font-weight: 600; text-decoration: none;}

.SnippetPromotion {clear: both; font-weight: 600; font-size: 1.2em; padding: 15px; padding-left: 40px; margin:0;  background: transparent url(/assets/images/icons/ic_promotion_30x30.gif) 0 50% no-repeat;text-decoration: none;}
.SnippetPromotion a { display: block; font-weight: 600;  text-decoration: none;}

.SnippetServices {clear: both; font-weight: 600; font-size: 1.2em; padding: 15px; padding-left: 40px; margin:0;  background: transparent url(/assets/images/icons/ic_rfq_30x30.gif) 0 50% no-repeat;text-decoration: none;}
.SnippetServices a { display: block; font-weight: 600;  text-decoration: none;}

.SnippetStats {clear: both; font-weight: 600; font-size: 1.2em; padding: 15px; padding-left: 40px; margin:0;  background: transparent url(/assets/images/icons/ic_dstats_30x30.gif) 0 50% no-repeat;text-decoration: none;}
.SnippetStats p, .SnippetAction p {font-weight: 600;padding-top:.5em;}
.SnippetStats a { display: block; font-weight: 600;   text-decoration: none;}
.SnippetAction {clear: both; font-weight: 600; font-size: 1.2em; padding: 15px; padding-left: 40px; margin:0;  background: transparent url(/assets/images/icons/ic_daction_30x30.gif) 0 50% no-repeat;text-decoration: none;}
.SnippetAction a { display: block; font-weight: 600;  text-decoration: none;}
.SnippetAction a.Accd  { display: block; font-weight: 600;  text-decoration: none; color: #666666;}

* html .SnippetDownloads,
* html .SnippetChat,
* html .SnippetInstock,
* html .SnippetPromotion,
* html .SnippetServices,
* html .SnippetStats,
* html .SnippetAction {height:1%;}

.WidgetManagerWrap {clear: both; margin-top: 15px; margin-left: 40px; padding: 20px; border: 4px solid #dddddd;}
.WidgetManagerMessage {margin: 10px; margin-right: 0; clear: both;}
.WidgetManagerWrap .Listloader {width:100%;height:80px;border:none;margin:0 auto;;padding:25px 0 0;}

.L1 {float: left;}
.R1 {float: right;}
.R2 {float: right; padding: 20px; margin: 5px; border: 1px solid #cccccc;}
.DD_Block {padding: 10px;}
.DD_Block h4{display: block; border-bottom: 1px solid #cccccc; padding-bottom: 5px; }
.DD_Block  ul  {list-style: none; display: block; margin: 10px; padding: 0;}
.DD_Block  ul li {list-style: none;margin: 0;padding: 0;line-height: 1.1em;font-size: 1.1em;margin-bottom: 0.35em;color: #000000;}
.DD_Block table {border-collapse:collapse;border:0px;margin:0px;padding:0 0 5px;background:#FFF;vertical-align:top;}
.DD_Block table td {padding: 0.35em; font-size: 1.1em;}
.DD_Block table tr td {border-bottom: 1px dotted #cccccc;}
.DD_Block table  td.Label {text-align: right;}
.DD_Block table  td.Value {text-align: left;}

.TT_Block { margin-left: 10px; padding: 10px; border: 4px solid #dddddd;}
.TT_Block h1 {display: block; font-size: 1.1em; border-bottom: 1px solid #cccccc; padding-bottom: 5px; }
.TT_Block h2 {display: block; font-size: 1.1em; border-bottom: 1px solid #cccccc; padding-bottom: 5px; }
.TT_Block h3 {display: block; font-size: 1.1em; border-bottom: 1px solid #cccccc; padding-bottom: 5px; }

.TT_Block p { padding: 1.1em;}
.TT_Block ul { padding: 1.1em;}

.WidgetLogWrap{padding-left: 40px;}
.WidgetLogWrap  table {width: 95%;border-collapse: collapse;}
.WidgetLogWrap  table td {border: none;vertical-align: top;border-bottom: 1px dotted #c4c4c4;color: #000000;font-size: 1.0em;vertical-align: top;text-align: left;padding: 8px 2px 8px 2px;}
.WidgetLogWrap table  td.MessageTimestamp {white-space: nowrap;padding-right: 5px;color: #666666;}
a.WidgetLogClose {display: block;  color: #000000; font-size: 14px; font-weight: 600; clear: both; padding: 0px 0px 0px 16px; margin: 15px 15px 15px 0px; text-transform: uppercase;  text-decoration: none; background: transparent url(/assets/images/icons/ic_arrow2_d_black_10x11.gif) 0 50% no-repeat;}
.WidgetLogWrap table  td.MessageAuthor {white-space: nowrap;padding-left: 5px;padding-right: 10px;}
.WidgetLogWrap table  td.MessageStandard {color: #000000;}
.WidgetLogWrap table  td.MessageAlert {color: #ff0000;}
.WidgetLogWrap table  td.MessageNotice {color: #000000;}
.WidgetLogWrap table  td.MessageResponce {color: #000000;}
.WidgetLogWrap table  td.MessageLoading span {display: block;  font-size: 14px; padding: 0px 0px 0px 18px;  text-decoration: none; background: transparent url(/assets/images/icons/ic_small_loading.gif) 0 50% no-repeat;}
a.WidgetLogMore {display: block;  font-size: 14px; font-weight: 600; clear: both; padding: 0px 0px 0px 16px; margin: 15px 15px 15px 0px; text-transform: uppercase;  text-decoration: none; background: transparent url(/assets/images/icons/ic_arrow2_d_gray_10x11.gif) 0 50% no-repeat;}
a.WidgetLogMore span {text-transform: none; color: #000000; font-weight: normal; padding-left: 1em;}

/* SAVE TO LIST */

.FormSubmitButton #ListContent {position:absolute;top:22px;right:0;float:right;padding:0;margin:0;}
.FormSubmitButton #ListContent ul {border:1px solid #999;float:right;clear:both;overflow-y:auto;overflow-x:hidden;height:auto;margin:0;padding:0;/*min-width:15em;*/max-height:10em;background:#fff url(/assets/images/misc/bg_edit_panel.gif) 0 100% repeat-x;}
.FormSubmitButton #ListContent li {white-space:nowrap;float:left;min-height:26px;height:auto;clear:both;margin:0;padding:0 5%;width:90%;border-bottom:1px dotted #f0f0f0; background: url(/assets/images/misc/bg_edit_panel.gif) 0 100% repeat-x;}
.FormSubmitButton #ListContent li a {padding-left:15px;background: transparent url(/assets/images/icons/ic_arrow-l_level2.gif) 0px .5em no-repeat;border:none;text-transform:none;font-size:1em;color:#3d6b88;font-weight:600;}
.FormSubmitButton #ListContent li a span {background:none;margin:0; padding:0;border-bottom:1px dotted #3d6b88;text-transform:none;font-size:1em;}
.FormSubmitButton #ListContent li a:hover {color:#000;background: transparent url(/assets/images/icons/ic_arrow-l_level2.gif) 0px .5em no-repeat;}
.FormSubmitButton #ListContent li a:hover span {background:none;}


.FormSubmitButtonList #ListContent {position:absolute;top:22px;right:0;float:right;padding:0;margin:0;}
.FormSubmitButtonList #ListContent ul {border:1px solid #999;float:right;clear:both;overflow-y:auto;overflow-x:hidden;height:auto;margin:0;padding:0;/*min-width:15em;*/max-height:10em;background:#fff url(/assets/images/misc/bg_edit_panel.gif) 0 100% repeat-x;}
.FormSubmitButtonList #ListContent li {white-space:nowrap;float:left;min-height:26px;height:auto;clear:both;margin:0;padding:0 5%;width:90%;border-bottom:1px dotted #f0f0f0; background: url(/assets/images/misc/bg_edit_panel.gif) 0 100% repeat-x;}
.FormSubmitButtonList #ListContent li a {padding-left:15px;background: transparent url(/assets/images/icons/ic_arrow-l_level2.gif) 0px .5em no-repeat;border:none;text-transform:none;font-size:1em;color:#3d6b88;font-weight:600;}
.FormSubmitButtonList #ListContent li a span {background:none;margin:0; padding:0;border-bottom:1px dotted #3d6b88;text-transform:none;font-size:1em;}
.FormSubmitButtonList #ListContent li a:hover {color:#000;background: transparent url(/assets/images/icons/ic_arrow-l_level2.gif) 0px .5em no-repeat;}
.FormSubmitButtonList #ListContent li a:hover span {background:none;}


/*DASHBOARD - JCONCOLE - START */


#InboxConsole {margin: 0; background:#f8f8f8;padding: 10px 15px 45px 10px;border:#DCDCDC solid 1px;-moz-border-radius:3px;overflow:hidden;}
#InboxConsole li {list-style:none;margin:0;}
#InboxConsole form {padding: 2px 2px 10px; margin: 0;clear:both;}
#InboxConsole fieldset {padding: 0; margin: 0;}
#InboxConsole div.ConsoleSwitch {float:left; width: 90px;}
#InboxConsole a.On {float: right; color: #000; font-size: 13px; font-weight: 600;  padding: 0px 15px 0px 0px; margin: 4px; margin-top: 30px;   text-transform: uppercase;  text-decoration: none; background: transparent url(/assets/images/icons/ic_arrow2_d_gray_10x11.gif) 100% 50% no-repeat;}
#InboxConsole a.None {background: none;}
#InboxConsole div.ConsoleMain {float: left; width: 375px;}
#InboxConsole div.ConsoleAction {float:left;width:30px;margin: 0px 0px 0px 0px; padding: 0em; margin-top: 25px; padding-right: 0px;font-size: 16px;}
#InboxConsole div.ConsoleInput {clear: both; width: 370px; overflow: hidden; position: relative; top: -1px; background:#636a73; padding: 1px; padding-top: 0; border:1px solid #c0c0c0;}
#InboxConsole div.ConsoleInput .MainInput { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 15px; margin: 0;   border: none; border-top: 1px solid #636a73; border-right: 1px solid #636a73; background: #ffffff;  margin: 0px;  padding: 5px;  width: 395px;}
#InboxConsole div.ConsoleOptions {float:left;clear:both;width:100%;margin: 0px 0px 0px 20px;}
#InboxConsole div.ConsoleOptions ul {list-style:none;margin:0;padding:0; }
#InboxConsole div.ConsoleOptions li {display:inline;list-style:none;margin:0;padding:0; position:relative;}
#InboxConsole div.ConsoleOptions li a {float:left;height:18px;background:#f0f0f0;border:1px solid #c0c0c0;border-bottom:none;margin: 0 2px 0 0;padding:4px 8px 0px 8px;text-decoration:none;color:#000;text-align:center; text-transform: uppercase; font-size: 10px;}
#InboxConsole div.ConsoleOptions li a:hover {color: #ff0000; border:1px solid #636a73;border-bottom:none;}
#InboxConsole div.ConsoleOptions li.Selected a {color: #ffffff; background:#636a73;height:19px; z-index: 45; position: relative;}
#InboxConsole div.ConsoleOptions li.Extended a {font-size: 10px;margin: 0 2px 0 0;padding:4px 10px 0px 8px; text-transform: uppercase;  text-decoration: none; border: none; background: transparent url(/assets/images/icons/ic_arrow_b_blue_7x4.gif) 100% 50% no-repeat;}
#InboxConsole div.ConsoleOptions li.Active a {font-weight: 600; color: #ff0000;}
#InboxConsole .ConsoleInputInstruction { clear: both; margin-left: 2px; margin-bottom: 5px; font-size: .85em; color: #777; width: 90%; }
#InboxConsole #LastRequest .date {margin:10px 0 0 !important;padding:0 0 0 5px;color:#666;font-size:.9em;}

.InboxCMessage {position:relative;float:left;clear:both;width:100%;margin:0;padding:0;}
.InboxCMessage .pagers {position:absolute;top:0;right:0;font-size:.9em;height:16px;line-height:16px;}
.InboxCMessage .pagers img {vertical-align:middle;}
.InboxCMessage .date {font-size:.9em;margin:0;font-weight:normal;}
.InboxCMessage ul {list-style:none;margin:0;padding:0;}
.InboxCMessage li {position:relative;margin:0;padding:0;}

#InboxConsole h2 {float:left;clear:both !important;margin:15px 10px 0;padding: 0px 20px 0 0px; font-size:1.0em;font-weight:600;text-transform:uppercase;color:#666; text-decoration: none;background:transparent url(/assets/images/icons/ic_arrow1_rb_black_16x16.gif) 100% 50% no-repeat;} 
#InboxConsole h2 a {text-decoration:none;color:#000;font-weight:600;}
#InboxConsole h2.list {background:transparent url(/assets/images/icons/ic_arrow1_rt_black_16x16.gif) 100% 50% no-repeat;} 
.ConsoleInputText {display:block;clear:both;border:1px solid #dcdcdc;-moz-border-radius:3px;margin:0 0 10px;padding:5px;background:#fff;}
.ConsoleInputText textarea {border:none;width:100%;}
.ConsoleInputText.disabled, .ConsoleInputText.disabled textarea {background:#f0f0f0;color:#b4b4b4;}




/* BUTTON SUBMIT */


#InboxConsole div.FormSubmitButton {position:relative;float:left;height:24px;background:url(/assets/images/icons/ic_button_24.gif) 0 -24px no-repeat;padding:0 0 0 1px;text-decoration:none;font-size:1.1em;border:none;margin:0 10px 0px 0px}
#InboxConsole div.FormSubmitButton span {float:left;width:auto;height:22px;margin:0;padding: 3px 5px 1px 4px;background:url(/assets/images/icons/ic_button_24.gif) 100% 0 no-repeat;white-space:nowrap;}
#InboxConsole div.FormSubmitButton span input {background:none;border:none;font-family: 'Arial', Halvetica;color: #000000;font-weight: normal;font-size: 13px;text-align: center;letter-spacing: 0.015em;text-transform: uppercase;text-decoration: none;font-weight: 200;padding: 0.025em ; }
#InboxConsole div.FormSubmitButton.disabled {background:url(/assets/images/icons/ic_button_24.gif) 0 -72px no-repeat;}
#InboxConsole div.FormSubmitButton.disabled span {background:url(/assets/images/icons/ic_button_24.gif) 100% -48px no-repeat;}
#InboxConsole div.FormSubmitButton.disabled span input {color:#999;}

/* CHAR COUNTER*/
.char-counter {float:right;}
.char-counter span.button-18 {float:left;height:18px;background:url(/assets/images/icons/ic_button_18.gif) 0 -18px no-repeat;overflow:hidden;margin:0;padding:0 0 0 2px;text-decoration:none;font-size:12px;color:#000;line-height:18px;}
.char-counter span.button-18 span {float:left;width:auto;height:18px;margin:0;padding:0 10px 0 8px;background:url(/assets/images/icons/ic_button_18.gif) 100% 0 no-repeat;white-space:nowrap;}
.char-counter .private {position:relative;width:16px;height:16px;float:left;margin:0 10px 0 0;}
.char-counter .private a span.ballon {z-index:20;position:absolute; left:0;bottom:20px;/*min-width:5em*/;padding:3px;font-size:.9em;color:#fff;background:#696969 url(/assets/images/misc/bg_ballon_small.gif)0 100% no-repeat;display:none;}
.char-counter .private a:hover span.ballon {display:block;}

.char-counter .public {position:relative;width:16px;height:16px;float:left;margin:0 10px 0 0;}
.char-counter .public a span.ballon {z-index:20;position:absolute; left:0;bottom:20px;/*min-width:5em*/;padding:3px;font-size:.9em;color:#fff;background:#696969 url(/assets/images/misc/bg_ballon_small.gif)0 100% no-repeat;display:none;}
.char-counter .public a:hover span.ballon {display:block;}

.win-white-shadow {float:left;width:100%;clear:both;margin:0 0 10px -4px;padding-right:9px;position:relative;}
.win-white-shadow .head {position:absolute;top:0;left:10px;right:10px;height:10px;background:transparent url(/assets/images/misc/win-white-shadow.png) 0 -40px repeat-x;}
.win-white-shadow .head ins.l {position:absolute;display:block;width:10px;height:10px;left:-10px;top:0;background: transparent url(/assets/images/misc/win-white-shadow.png) 0 0 no-repeat;}
.win-white-shadow .head ins.r {position:absolute;display:block;width:10px;height:10px;right:-10px;top:0;background: transparent url(/assets/images/misc/win-white-shadow.png) 0 -10px no-repeat;}
.win-white-shadow .footer {position:absolute;bottom:0;left:10px;right:10px;float:left;clear:both;height:10px;background:transparent url(/assets/images/misc/win-white-shadow.png) 0 -50px repeat-x;}
.win-white-shadow .footer ins.l {position:absolute;display:block;width:10px;height:10px;left:-10px;top:0;background: transparent url(/assets/images/misc/win-white-shadow.png) 0 -20px no-repeat;}
.win-white-shadow .footer ins.r {position:absolute;display:block;width:10px;height:10px;right:-10px;top:0;background: transparent url(/assets/images/misc/win-white-shadow.png) 0 -30px no-repeat;}
.win-white-shadow .wrap-l {float:left;width:100%;background: #fff url(/assets/images/misc/win-white-shadow-l.png) 0 0 repeat-y;margin:10px 0;}
.win-white-shadow .wrap-r {width:100%;margin:0 0 0 9px;padding:0;float:left;background: transparent url(/assets/images/misc/win-white-shadow-r.png) 100% 0 repeat-y;}
.win-white-shadow .content {margin:0 10px 0 5px;padding:0 !important;}
.win-white-shadow .content.ok, .win-white-shadow .content.ok p {color:#4e8d78;font-weight:600;}
.win-white-shadow .content.err, .win-white-shadow .content.err p {color:#f00000;font-weight:600;}
.win-white-shadow .content.strong, .win-white-shadow .content.strong p {color:#000;font-weight:600;}
.win-white-shadow .content p {margin:0 !important;padding:0;}
.win-white-shadow .win-close {position:absolute;z-index:10;top:8px;right:8px;width:16px;height:16px;}
.win-white-shadow .win-close a {text-decoration:none;}


/*DASHBOARD - JCONCOLE - END */


/* CONSOLE NAVIGATION */

#InboxDisplay .navigation {position:relative;float:left;clear:both;width:100%;margin:0 0 0;height:30px;background: url(/assets/images/misc/bg_1x1_gray.gif) 0 100% repeat-x;}
#InboxDisplay .navigation ul {list-style:none;margin:0;padding:0 10px;}
#InboxDisplay .navigation li {display:inline;position:relative;list-style:none;margin:0;padding:0; }
#InboxDisplay .navigation li a {float:left;position:relative;height:30px;margin: 0 5px 0 0;padding:0 0 0 3px;text-decoration:none;color:#000;text-align:center;}
#InboxDisplay .navigation li a span {float:left;height:26px;padding:4px 10px 0 7px;}
#InboxDisplay .navigation li a span span.count {float:right;min-width:10px;height:16px;margin:0 2px 0 5px;padding:0 3px .1em;background:#000;color:#fff;font-size:.9em;font-weight:normal;}

#InboxDisplay .navigation ul li.active a {background:transparent url(/assets/images/misc/tab-white-r3-gray.png) no-repeat;font-weight:600;}
#InboxDisplay .navigation ul li.active a span {background:transparent url(/assets/images/misc/tab-white-r3-gray.png) 100% -60px no-repeat;}

#InboxDisplay .navigation ul li a:hover {color:#ff0000;}


/* INBOX OLD */

/*DASHBOARD - INBOX - START */

#InboxDisplay {clear:both;width:100%;margin:0px; padding: 1px 0; overflow: hidden;position:relative;z-index:20;top:-31px;}
#InboxDisplay table {width:100%;clear:both;border-collapse:collapse;border:0px solid #ddd;margin:0 5px 0 0;padding:0 0 5px;background:#FFF;vertical-align:top;}

#InboxDisplay tr td {border-bottom: 1px dotted #dddddd; padding: 0.5em 0 0.5em 0;}
#InboxDisplay td {vertical-align:top; text-align:left; padding:.3em .3em; border-bottom: 1px dotted #e6e6e6;}

#InboxDisplay tr.InboxGroupHeader td {padding-top: 20px; border-bottom: 1px solid #c0c0c0; padding-bottom: 5px;}
#InboxDisplay tr.InboxGroupFooter td  {padding-top: 20px; border:none; padding-bottom: 5px;}
#InboxDisplay td.InboxOlderAcitivity  {text-align: right;}
#InboxDisplay td.InboxNewerAcitivity {text-align: left;}

#InboxDisplay  td.InboxNewerAcitivity  a {display: block; color: #000000; font-size: 14px; font-weight: 600; clear: both; padding: 0px 0px 0px 20px;  text-transform: uppercase;  text-decoration: none; background: transparent url(/assets/images/icons/spread-scroll-l.png) 0 50% no-repeat;}
#InboxDisplay  td.InboxOlderAcitivity  a {display: block; color: #000000; font-size: 14px; font-weight: 600; clear: both; padding: 0px 20px 0px 0px;  text-transform: uppercase;  text-decoration: none; background: transparent url(/assets/images/icons/spread-scroll-r.png) 100% 50% no-repeat;}

#InboxDisplay table.Activity tr.InboxGroupHeader h3 {float: left; font-size: 1.1em; font-weight: 600; white-space: nowrap;}
#InboxDisplay table.Activity tr.InboxGroupHeader span {float: right; color: #333333; white-space: nowrap;}
#InboxDisplay table.Tracker tr.InboxGroupHeader h3 {float: left; font-size: 1.1em; font-weight: 600; white-space: nowrap;}
#InboxDisplay table.Tracker tr.InboxGroupHeader span {float: right; font-size: 1.1em;  color:  #4E9258; font-weight: 600; white-space: nowrap;}

#InboxDisplay table.Finder tr.InboxGroupHeader h3 {float: left; font-size: 1.1em; font-weight: 600; white-space: nowrap;}
#InboxDisplay table.Finder tr.InboxGroupHeader span {float: right; color: #333333; white-space: nowrap;}
#InboxDisplay table.Finder td.InboxFindCell a {text-decoration: none;border-bottom: 1px dotted; margin-right: 1em;}
#InboxDisplay table.Finder td.InboxFindStatus {text-align: right; }

#InboxDisplay td.InboxTimeStamp {color: #666666; white-space: nowrap; padding-right: 0.5em;}
#InboxDisplay td.InboxMessage {width: 95%; text-align: left;}
#InboxDisplay td.InboxMessage a {text-decoration: none;border-bottom: 1px dotted;}

#InboxDisplay tr.InboxGroupLoading td {border: none;}
#InboxDisplay tr.InboxGroupLoading td span {display: block;  font-size: 11px; padding: 0px 0px 0px 18px;  text-decoration: none; background: transparent url(/assets/images/icons/ic_small_loading.gif) 0 50% no-repeat;}

#InboxDisplay td.InboxDayExpand a {display: block;  font-size: 11px; font-weight: 600; clear: both; padding: 0px 0px 0px 14px;  text-transform: uppercase;  text-decoration: none; background: transparent url(/assets/images/icons/ic_arrow_b_blue_7x4.gif) 0 50% no-repeat;}
#InboxDisplay td.InboxDayHide a {display: block;  font-size: 11px; font-weight: 600; clear: both; padding: 0px 0px 0px 14px;  text-transform: uppercase;  text-decoration: none; background: transparent url(/assets/images/icons/ic_arrow_t_blue_7x4.gif) 0 50% no-repeat;}
#InboxDisplay td.InboxDayStats    {text-align: right; font-size: 11px; color: #666666; white-space: nowrap;}
#InboxDisplay td.InboxDayStats  a  {font-weight: 600;}


#InboxDisplay .content table {width:100%;border-collapse:collapse;margin:15px 0 0;padding:0;border:1px solid #c0c0c0;}
#InboxDisplay .content table th {height:26px;overflow:hidden;font-weight:normal;text-align:left;padding:.25em; background:#fff url(/assets/images/misc/bg_grd_gray_b_20.gif) 0 100% repeat-x;}
#InboxDisplay .content table th a {color:#000;text-decoration:none;font-weight:600;}
#InboxDisplay .content table th a:hover {color:#BF3030;}
#InboxDisplay .content table th a.sort {height:14px;background:url(/assets/images/icons/ic_sort_14.gif) 100% 3px no-repeat;padding-right:15px;}
#InboxDisplay .content table th a.sort.up {background-position:100% 3px;}
#InboxDisplay .content table th a.sort.down {background-position:100% -14px;}
#InboxDisplay .content table td {border-bottom:1px solid #dddddd;padding:.25em;}
#InboxDisplay .content table .sel td {background:#e7e7e7;}
#InboxDisplay .content table td.last {border-right:0;}
#InboxDisplay .content table td input {margin-left:10px;}
#InboxDisplay .content table .Result td {vertical-align:middle;text-align:center;font-size:large;padding: 1em .2em;}
#InboxDisplay .content table .title td {text-align:center;text-transform:uppercase;font-size:.9em;padding-bottom:10px;background:transparent url(/assets/images/icons/ic_marker_b.gif) 98% 96% no-repeat;}
#InboxDisplay .content table td a {text-decoration:none;border-bottom:1px dotted #3d6b88;}



#InboxDisplay table.Profiler tr.InboxGroupHeader h3 {float: left; font-size: 1.2em; font-weight: normal; white-space: nowrap;}
#InboxDisplay table.Profiler tr.InboxGroupHeader span {float: right; color: #333333; white-space: nowrap;}
#InboxDisplay table.Profiler td.ProfileLabel {color: #666666; font-size: 1.0em;  white-space: nowrap; padding-right: 1.0em;}
#InboxDisplay table.Profiler td.ProfileAttribute a {text-decoration: none;border-bottom: 1px dotted; margin-right: 1em;}
#InboxDisplay table.Profiler td.ProfileAttribute  {color: #000; font-size: 1.0em; }
#InboxDisplay table.Profiler td.ProfileAttribute  span {display: block; }
#InboxDisplay table.Profiler td.ProfileAttribute ul {list-style: none; margin: 0; padding: 0;}
#InboxDisplay table.Profiler td.ProfileAttribute li {list-style: none; margin: 0;padding: 0;vertical-align: 100%;line-height: 1.5em; }
#InboxDisplay table.Profiler td.ProfileStatus {text-align: right; padding-left: 0.5em; color: #333; font-size: 0.9em;}


/* DASHBOARD - INBOX -  END */


/* DASHBOARD - SNAPSHOTS - START */

.SnapShot {position:relative;width:180px;margin: 0 5px 10px;padding: 15px;background:  url(/assets/images/misc/bg_gradient_f.gif) repeat-x;border:#DCDCDC solid 1px;-moz-border-radius:3px;}
.SnapShot h2{color: #545454;font-size: 1.0em;text-transform: uppercase;font-weight: 600;display: block;}
.SnapShot  h3{display: block; color: #545454;font-size: 1.0em;text-transform: uppercase;font-weight: 600; padding-right: 20px; background: transparent url(/assets/images/icons/ic_arrow_l-b_gray_13x13.gif) 100% 50% no-repeat; }
.SnapAction {clear: both; font-weight: 600; font-size: 1.2em; padding: 15px; padding-left: 40px; margin:0;  background: transparent url(/assets/images/icons/ic_daction_30x30.gif) 0 50% no-repeat;text-decoration: none;}
.SnapAction a { /*display: block; */font-weight: 600;  text-decoration: none;}
.SnapAction p {margin: 0 !important;padding:0;}
.SnapAction a.Accd  { display: block; font-weight: 600;  text-decoration: none; color: #666666;}
.SnapShot  ul {list-style: none; margin: 0; margin-top: 10px; margin-bottom: 10px; padding: 0; /*overflow: hidden;*/}
.SnapShot  li {border-bottom: 1px dotted #666666;float:left;clear:both;width:100%;list-style: none;margin: 0;padding: 0;vertical-align: 100%;line-height: 1.0em;font-size: 12px; margin-bottom: 5px;height:auto;}
.SnapShot li a {clear:both;/*overflow:hidden;*/float:left;width:100%;padding-left: 0px;/*display: block;*//*height:10px;*/padding-top: 3px;padding-bottom: 8px;text-transform: capitalize;text-decoration: none;}
.SnapShot li.last, .SnapShot li.last a {border-bottom:none;}
.SnapShot  h3 a {text-decoration: none; font-weight:600;color:#3D6B88;}
.SnapShot p {margin:0 !important;padding:0 !important;}

.SnapShot a.Disabled {color: #000000;}
.SnapShot a.Enabled {font-weight: 600;}
.SnapShot div.TimeFilter {color: #333333; font-size: 11px;}
.SnapShot li a.Enabled span, .SnapShot li a.Disabled span {float:right;/*padding-left:10px;*/font-weight: 600;}

.SnapShot  h3.SnapShotOptions {float:left;padding-right:0;background:none;}
.SnapShot  h3.SnapShotOptions a {float:left;width:85%;padding-right:15%;background: transparent url(/assets/images/icons/ic_arrow_l-b_blue_13x13.gif) 100% 50% no-repeat;}
.SnapShot  h3.SnapShotOptions a.active {background: transparent url(/assets/images/icons/ic_arrow_r-t_blue_13x13.gif) 100% 50% no-repeat;}

.ListSnapShot {position:absolute;top:2.5em;right:15px;left:15px;float:left;padding:0;margin:0;z-index:10;}
.ListSnapShot ul {width:100%;border:1px solid #999;float:left;clear:both;overflow-y:auto;overflow-x:hidden;height:auto;margin:0;padding:0;background:#fff url(/assets/images/misc/bg_edit_panel.gif) 0 100% repeat-x;}
.ListSnapShot li {white-space:nowrap;float:left;min-height:26px;height:auto;clear:both;margin:0;padding:0 5% 0;width:90%;border-bottom:1px dotted #f0f0f0; background: url(/assets/images/misc/bg_edit_panel.gif) 0 100% repeat-x;}
.ListSnapShot li a {padding-left:15px;background: transparent url(/assets/images/icons/ic_arrow-l_level2.gif) 0px .5em no-repeat;border:none;text-transform:none;font-size:1em;color:#3d6b88;font-weight:600;}
.ListSnapShot li a span {background:none;margin:0; padding:0;border-bottom:1px dotted #3d6b88;text-transform:none;font-size:1em;}
.ListSnapShot li a:hover {color:#000;background: transparent url(/assets/images/icons/ic_arrow-l_level2.gif) 0px .5em no-repeat;}
.ListSnapShot li a:hover span {background:none;}

.SnapShot li a span.left, .SnapShot li a.Enabled span.left, .SnapShot li a.Enabled span.left {float:left;padding:0;/*white-space:nowrap;*//*overflow:hidden;*/width:70%;}
.SnapShot li a span.right, .SnapShot li a.Enabled span.right, .SnapShot li a.Enabled span.right {float:right;margin:0;padding:0;text-align:right;}

.SnapShot li a {/*overflow:hidden;*/display:block;min-height:10px;}
* html .SnapShot li a {height:1%;}

.SnapShot .win {position:absolute;width:540px;height:600px;top:-2px;right:100%;margin:0 15px 0 0;background:#fff;z-index:200;}

.SnapShot .win .LoaderIndicator {position:absolute;top:35%;}

.SnapShot .win .corner-4.read {height:460px;}
.SnapShot .win .corner-4.send {height:130px;}

.SnapShot .win .head {position:relative;width:100%;height:35px;float:left;background:transparent url(/assets/images/misc/bg_win_head.gif) 0 100% repeat-x;margin:0;padding:0;border-bottom:1px solid #bbbbbb;}
.SnapShot .win .head h4 {float:left;height:35px;font-size:1.2em;font-weight:normal;line-height:35px;margin:0;padding:0 10px;border:0;border-right:1px solid #bbbbbb;}
.SnapShot .win .button-close {float:right;margin:8px 10px;width:18px;height:18px;}
.SnapShot .win .inner10 {margin:10px;}
.SnapShot .win .stat {float:left;width:100%;margin:0;padding-bottom:8px;/*border-bottom:1px solid #bbbbbb;*/font-size:.85em;}
.SnapShot .win .stat a {text-decoration:none;}
.SnapShot .win .stat .connect-direction {float:left; width:70%;}
.SnapShot .win .stat .connect-direction img {width:18px;height:18px;margin:0 5px;vertical-align:middle;}
.SnapShot .win .stat .connect-direction span {display:inline;float:left;}
.SnapShot .win .stat .connect-direction span.status {margin:0 5px;float:left;}
.SnapShot .win .stat .connect-direction span.status ins {float:left;width:auto;min-width:14px;height:auto;margin:0 5px 0 0;padding:2px;background:#000;text-align:center;color:#fff;}
.SnapShot .win .stat .connect-direction span.status .login {float:left;width:11px;height:11px;margin:3px 5px 0 0;background:transparent url(/assets/images/icons/ic_login_logoff_busy_11.gif) 0 0 no-repeat;}
.SnapShot .win .stat .connect-direction span.status .logoff {float:left;width:11px;height:11px;margin:3px 5px 0 0;background:transparent url(/assets/images/icons/ic_login_logoff_busy_11.gif) 0 -11px no-repeat;} 
.SnapShot .win .stat .connect-direction span.status .busy {float:left;width:11px;height:11px;margin:3px 5px 0 0;background:transparent url(/assets/images/icons/ic_login_logoff_busy_11.gif) 0 -22px no-repeat;} 

.SnapShot .win .connect-direction .icon-con-dir {position:relative;}
.SnapShot .win .connect-direction .icon-con-dir span.ballon {z-index:20;position:absolute; left:3px;bottom:20px;min-width:15em;padding:5px 5px 8px;font-size:.9em;color:#fff;background:#696969 url(/assets/images/misc/bg_ballon_small.gif)0 100% no-repeat;display:none;}
.SnapShot .win .connect-direction a:hover.icon-con-dir span.ballon {display:block;}

.SnapShot .win .stat .date {float:right; position:relative; width:25%;height:22px;margin:0;padding:0;text-align:right;}
.SnapShot .win .content {position:relative;overflow:hidden;}

.SnapShot .win .content .grid2col {width:100%;margin:0;padding:0;}
.SnapShot .win .content .grid2col .left {float:left;width:92%;margin:0;padding:0;}
.SnapShot .win .content .grid2col .right {float:right;width:20px;margin:0;padding:0;}

.SnapShot .win .stat .date ul.right{float:right;right:0;margin:0;padding:0;list-style:none;}
.SnapShot .win .stat .date ul.right li {position:relative;float:left;}
.SnapShot .win .stat .date ul.right .PopUpBlockShadow {z-index:25;right:0px;/*width:11em;*/}
.SnapShot .win .stat .date ul.right .PopUpBlockShadow .content {/*width:11em;*/float:left;background:#fff;}

.SnapShot .win .stat .date ul.right .PopUpBlockShadow ul {list-style:none;}
.SnapShot .win .stat .date ul.right .PopUpBlockShadow li {float:left;clear:both;white-space:nowrap;}
.SnapShot .win .stat .date ul.right .PopUpBlockShadow li a {text-decoration:none;color:#000;}
.SnapShot .win .stat .date ul.right .PopUpBlockShadow li a:hover {color:#BF3030;}
.SnapShot .win .stat .date ul.right .PopUpBlockShadow li.disabled a {color:#999;cursor:default;}



.SnapShot .win .content ul {list-style:none;width:485px;background:#fff;float:left;margin:0;}
.SnapShot .win .content ul li {width:100%;}
.SnapShot .win .content ul li div {width:100%;border-bottom:1px solid #dddddd;}
.SnapShot .win .content h5 {font-family:Verdana,Arial,Trebuchet MS,Helvetica,sans-serif;font-size:1em;font-weight:600;color:#3d6b88;margin-bottom:1em;}
.SnapShot .win .content h5 span {margin-left:1em;font-size:.9em;font-weight:normal;color:#666;}
.SnapShot .win .content p {margin-bottom:1em !important;line-height:1.3em;}
.SnapShot .win .content p a {display:inline;border:none;text-decoration:underline;}
.SnapShot .win .content p.notes {font-size:.8em;color:#666;}
.SnapShot .win .content p.notes span {color:#000;}

.SnapShot .win textarea.message-txt {width:96%;padding:2%;font-family:Arial,Trebuchet MS,Helvetica,sans-serif;font-size:.9em;}
.SnapShot .win form {width:100%;overflow:hidden;clear:both;}

.SnapShot .connect-type {font-size:.85em;}
.SnapShot .roster-name{font-size:.85em;font-weight:600;}
.SnapShot.connections a.Disabled span {font-weight:normal;}
.SnapShot.connections {padding:0;}
.SnapShot.connections .inner15 {margin:15px;}
.SnapShot.connections .inner5_15{margin:5px 15px;}
.SnapShot span ins {display:inline;background:#353535;height:14px;min-width:10px;margin:0 2px;padding:1px 3px;text-align:center;text-decoration:none;color:#fff;font-weight:normal;position:relative;}
.SnapShot span span.login {position:relative;width:11px;height:11px;padding:0;background:transparent url(/assets/images/icons/ic_login_logoff_busy_11.gif) 100% 0 no-repeat;}
.SnapShot span span.logoff {position:relative;width:11px;height:11px;padding:0;background:transparent url(/assets/images/icons/ic_login_logoff_busy_11.gif) 100% -11px no-repeat;}
.SnapShot span span.busy {position:relative;width:11px;height:11px;padding:0;background:transparent url(/assets/images/icons/ic_login_logoff_busy_11.gif) 100% -22px no-repeat;}
.SnapShot span span.login span.user-stat,
.SnapShot span span.logoff span.user-stat,
.SnapShot span span.busy span.user-stat {display:none;width:65px;height:25px;z-index:10;position:absolute;top:-27px;left:6px;background:transparent url(/assets/images/icons/ic_ballon_availability.gif) no-repeat;font-weight:normal;font-size:10px;color:#fff;text-align:center;margin:0;padding:5px 0 0;}
.SnapShot span span:hover.login span.user-stat,
.SnapShot span span:hover.logoff span.user-stat,
.SnapShot span span:hover.busy span.user-stat {display:block;}

.SnapShot span.login span.ballon, 
.SnapShot span.logoff span.ballon,
.SnapShot span.busy span.ballon {z-index:20;position:absolute; left:5px;bottom:13px;min-width:4em;padding:5px 5px 8px;font-weight:normal;font-size:.9em;color:#fff;background:#696969 url(/assets/images/misc/bg_ballon_small.gif)0 100% no-repeat;display:none;}
.SnapShot span:hover.login span.ballon, 
.SnapShot span:hover.logoff span.ballon,
.SnapShot span:hover.busy span.ballon {display:block;}

.SnapShot .win .win-footer {margin:0;padding:0;clear:both;width:100%;float:left;/*overflow:hidden;*/}
.SnapShot .win .win-footer .inner10 {float:left;width:520px;margin:10px;}
.SnapShot .win .win-footer .mode-send {float:left;width:45%;}
.SnapShot .win .win-footer .mode-send ul {list-style:none;margin:0;padding:0;}
.SnapShot .win .win-footer .mode-send ul li {margin:0;padding:0;position:relative;float:left;}
.SnapShot .win .win-footer .mode-send ul li .PopUpBlockShadow {z-index:25;left:-10px;border:none;}
.SnapShot .win .win-footer .PopUpBlockShadow .content {width:11em;float:left;clear:both;margin:0;padding:5px;background:#f7f7f7;}


.SnapShot .win .win-footer .win-search {float:right;width:45%;padding:0;margin:0;text-align:right;}
.SnapShot .win .win-footer .win-search form, .SnapShot .win .win-footer .win-search fieldset {margin:0;padding:0;border:none;}
.SnapShot .win .win-footer .win-search .InputSearch {vertical-align:top;height:16px;border:1px solid #999999;margin:0 1px 0 0;padding:2px;}
.SnapShot .win .win-footer .win-search .GoSearch {width:20px;height:22px;margin:0;}


.SnapShot .Pager {width:100%;border-top:1px solid #a7a7a7;position:relative;overflow:hidden;}
.SnapShot .Pager .inner5_15 {margin:5px 15px;overflow:hidden;}
.SnapShot .Pager .button {width:15px; height:18px;margin-right:5px;background:transparent url(/assets/images/icons/ic_roster_page_button.gif) no-repeat;}
.SnapShot .Pager .button.prev {float:left;width:15px;margin-right:5px;background-position:0 -18px;}
.SnapShot .Pager .button.next {float:right;width:15px;margin:0;background-position:0 0;}
.SnapShot .Pager .button.prev.disabled {background-position: 0 -54px;}
.SnapShot .Pager .button.next.disabled {background-position: 0 -36px;}
.SnapShot .Pager .range {display:block;float:left;width:110px;margin:0 auto;text-align:center;}/*text-align:center;border:1px solid red;}*/

/* NEW RELISE */
.SnapShot {width:190px;position:relative;float:right;clear:both;margin: 0 0 15px; /*background:  url(/assets/images/misc/bg_gradient_f.gif) repeat-x;*/padding: 0;border:#DCDCDC solid 1px;-moz-border-radius:3px;}
.ColLeft .SnapShot {margin:0 5px 15px;}
.SnapShot .header {position:relative;margin:0;padding:10px 15px 0;background:#ebebeb;overflow:hidden;}
.SnapShot .header h3 {color:#000; margin:0;padding:0;}
.SnapShot .header h3 a {color:#000;margin:0;padding:0;}
.SnapShot .header h3 a:hover {color:#f00000;}
.SnapShot .header .ToolsOptions {position:absolute; z-index:2;right:0;}
.SnapShot .header .ToolsOptions a {float:left;width:16px;height:16px;margin:0 0 0 1px;}
.SnapShot .edit {background:url(/assets/images/icons/ic_edit.gif) 0 0 no-repeat;}
.edit:hover {background:url(/assets/images/icons/ic_edit.gif) 0 -16px no-repeat;}
.edit.active {background:url(/assets/images/icons/ic_edit.gif) 0 -16px no-repeat;}
.SnapShot .header .ToolsOptions a span {display:none;}
.newwin {background:url(/assets/images/icons/ic_newwindow.gif) 0 0 no-repeat;}
.newwin:hover {background:url(/assets/images/icons/ic_newwindow.gif) 0 -16px no-repeat;}
.newwin.active {background:url(/assets/images/icons/ic_newwindow.gif) 0 -16px no-repeat;}
.SnapShot.min .newwin {background:url(/assets/images/icons/ic_newwindow.gif) 0 -32px no-repeat;}
.SnapShot.min .newwin:hover {background:url(/assets/images/icons/ic_newwindow.gif) 0 -48px no-repeat;}

.SnapShot .switch {position:relative;margin:0;padding:0;font-size:.9em;clear:both;/*background:#f0f0f0;*//*border-bottom:1px solid #8b8b8b;*/}
.SnapShot .switch a {text-decoration:none;color:#000;}
.SnapShot .switch a:hover {color:#f00000;}
.div-id {display:block;clear:both;font-weight:600;font-size:.9em;}
.div-ic {display:block;clear:both;min-height:16px;margin:0 0 0 -3px;padding:0;font-size:.9em;}
.net {background:url(/assets/images/icons/ic_loop.gif) 0 0 no-repeat;padding:0 0 0 20px;}
.time {background:url(/assets/images/icons/ic_calendar.gif) 0 0 no-repeat;padding:0 0 0 20px;}
.time:hover {background:url(/assets/images/icons/ic_calendar.gif) 0 -16px no-repeat;}
.switch .div {padding:0 15px 5px;border-bottom:1px solid #8b8b8b;background:  url(/assets/images/misc/bg_gradient_f.gif) repeat-x;}
.switch .div.list .time {background:url(/assets/images/icons/ic_calendar.gif) 0 -16px no-repeat;}
.switch .div.list .net {background:url(/assets/images/icons/ic_loop.gif) 0 -16px no-repeat;}

.SnapShot .screen {margin:0;padding:0 15px;clear:both;/*border-top:1px solid #8b8b8b;*/}
.SnapShot .pager {margin:0;clear:both;padding:5px 15px;background:#fff;border-top:1px solid #8b8b8b;}
.SnapShot .footer {clear:both;margin:0;padding:5px 15px;background:#ebebeb;border-top:1px solid #8b8b8b;}

.SnapShot .Screenloader {width:100%;float:left;clear:both;/*border-top:1px solid #8b8b8b;*/margin:0;padding:40px 0 30px;}
.SnapShot .Screenloader p {display:block;margin: 0 auto;text-align: center;font-size:.85em;}
.SnapShot .Screenloader p img {width: 16px;height: 16px;margin: 10px auto;display: block;}

.SnapShot .set {width:100%;float:left;clear:both;border-top:1px solid #8b8b8b;border-bottom:1px solid #8b8b8b;margin:0;padding:30px 0 30px;background:#ffffff;}
.SnapShot .set  p {width:80%;margin: 0 auto !important;padding: 0 15px;text-align: left;font-size:.85em;color:#f00000;}
.SnapShot .set p img {width: 16px;height: 16px;margin: 10px auto;display: block;}

/* SNAPSHOT PAGER */
.SnapShot .pager {position: relative;font-size:.9em;height:16px;line-height:16px;text-align:center;}
.SnapShot .pager img {vertical-align:middle;}
.SnapShot .pager .previous {position:absolute;left:15px;}
.SnapShot .pager .next {position:absolute;right:15px;}

.SnapShot .screen  .network {clear: both; display:block; padding-top: 3px; color: #000; font-size: 11px; text-align: left; font-weight: normal;}
.SnapShot .screen  .role {clear: both; font-weight: normal; display:block; padding-top: 3px; /*white-space: nowrap; */overflow: hidden; color: #999; font-size: 11px; text-align: left;}

/* FOR MODE IE7 */
*+html .SnapShot .screen  .network {float:left;clear:both;width:100%}
*+html .SnapShot .screen  .role {float:left;clear:both;width:100%;}

.SnapShot .screen p {width:100%;overflow:hidden;font-size:.9em;margin:.5em 0 !important;}
.SnapShot .switch .screen {/*border-top:1px solid #8b8b8b;*/border-bottom:1px solid #8b8b8b;clear:both;background:#f0f0f0;overflow:hidden;}
.screen ul {list-style:none;}
.switch .screen ul li, .switch .screen ul li a {border-bottom:none;text-decoration:none;color:#3d6b88;}
.switch .screen ul li a {height:1em;overflow:hidden;line-height:1.5em;}
.switch .screen ul li {margin:0; padding:0 0 0 15px;background:url(/assets/images/icons/ic_option-selectable.gif) 0 50% no-repeat;}
.switch .screen ul li.active {background:url(/assets/images/icons/ic_option-selected.gif) 0 50% no-repeat;}
.switch .screen ul li.active a {color:#000;font-weight:600;}
.switch .screen ul.shortcut a {font-weight:normal;}
.switch .screen.txt {background:#fff;}


/* BUTTON SUBMIT */

.SnapShot .win div.FormSubmitButton {position:relative;float:left;height:22px;background:url(/assets/images/icons/ic_button_22_g.gif) 0 -22px no-repeat;padding:0 0 0 3px;text-decoration:none;font-size:1.1em;border:none;margin:0 10px 0px 0px}
.SnapShot .win div.FormSubmitButton span {float:left;width:auto;height:21px;margin:0;padding:1px 5px 0px 0px;background:url(/assets/images/icons/ic_button_22_g.gif) 100% 0 no-repeat;white-space:nowrap;}
.SnapShot .win div.FormSubmitButton span input {background:none;border:none;font-family: 'Arial', Halvetica;color: #000000;font-weight: normal;font-size: 13px;text-align: center;letter-spacing: 0.015em;text-transform: uppercase;text-decoration: none;font-weight: 200;padding: 0.025em ; }
.SnapShot .win div.FormSubmitButton.disabled {background:url(/assets/images/icons/ic_button_22_g.gif) 0 -66px no-repeat;}
.SnapShot .win div.FormSubmitButton.disabled span {background:url(/assets/images/icons/ic_button_22_g.gif) 100% -44px no-repeat;}
.SnapShot .win div.FormSubmitButton.disabled span input {color:#999;}


/* CHAR COUNTER*/
.char-counter {float:right;}
.char-counter span.button-18 {float:left;height:18px;background:url(/assets/images/icons/ic_button_18.gif) 0 -18px no-repeat;overflow:hidden;margin:0;padding:0 0 0 2px;text-decoration:none;font-size:12px;color:#000;line-height:18px;}
.char-counter span.button-18 span {float:left;width:auto;height:18px;margin:0;padding:0 10px 0 8px;background:url(/assets/images/icons/ic_button_18.gif) 100% 0 no-repeat;white-space:nowrap;}

/* WIN PAGER */
.Pagers-v {width:100%;height:300px;position:relative;margin:10px 0 0;padding:0;/*background:#fff url(/assets/images/misc/bg_win_scroll_v.gif) 100% 0 repeat-y;*/overflow:hidden;}
.Pagers-v .navigation {position:absolute;top:0;right:0;width:19px;height:100%;height:300px;background:#d7d7d7;}
.Pagers-v .navigation a {display:block;width:19px;height:24px;background:#fff;}
.Pagers-v .navigation a.b-home {position:absolute;top:0;left:0;background:#fff;}
.Pagers-v .navigation a.b-prev {position:absolute;top:24px;left:0;background:#fff;}
.Pagers-v .navigation a.b-next {position:absolute;bottom:24px;left:0;background:#fff;}
.Pagers-v .navigation a.b-end {position:absolute;bottom:0;left:0;background:#fff;}
.Pagers-v .navigation a.b-home span{display:block;margin:0;width:19px; height:21px;background:#fff url(/assets/images/icons/ic_pager_vertical.gif) 0 0 no-repeat;}
.Pagers-v .navigation a.b-prev span{display:block;margin:0;width:19px; height:21px;background:#fff url(/assets/images/icons/ic_pager_vertical.gif) 0 -21px no-repeat;}
.Pagers-v .navigation a.b-next span{display:block;margin:2px 0 0;width:19px; height:21px;background:#fff url(/assets/images/icons/ic_pager_vertical.gif) 0 -42px no-repeat;}
.Pagers-v .navigation a.b-end span{display:block;margin:2px 0 0;width:19px; height:21px;background:#fff url(/assets/images/icons/ic_pager_vertical.gif) 0 -63px no-repeat;}

/* SCROLLBAR*/

#scrollbar_container {position:relative;width:100%;} 
#scrollbar_track {position:absolute;top:48px;right:0;height:202px;width:19px;background-color:transparent;cursor:move;} 
#scrollbar_handle {width:17px;border:1px solid #ababab;background:#fafafa url(/assets/images/misc/bg_hadle_17.gif) repeat-y;cursor:move;-moz-border-radius: 3px;webkit-border-radius: 3px;opacity:0.9;-moz-opacity:0.9;}
#scrollbar_content {overflow:hidden;width:485px;height:300px;} 

/* MINIMIZE SNAPSHOT */
.SnapShot.min .screen,
.SnapShot.min .pager {display:none !important;}
.SnapShot.min .footer {border-top:1px solid #fff;}

/* DASHBOARD - SNAPSHOTS -  END */

/* SUB MENU */

/*.ExpandChild {position:relative;}*/
.SubNavigationLeft {position:absolute;top:0;left:100%;float:left;padding:0;margin:0;}
.SubNavigationLeft ul {border:1px solid #999;float:left;clear:both;overflow-y:auto;overflow-x:hidden;height:auto;margin:0 0 0 5px;padding:0;min-width:15em;width:auto;/*min-width:0;*/max-height:10em;background:#fff url(/assets/images/misc/bg_edit_panel.gif) 0 100% repeat-x;}
.SubNavigationLeft {display:none;}
.ExpandChild:hover .SubNavigationLeft {display:block;}


#InboxConsole div.ConsoleSwitch {position:relative;}
#InboxConsole div.ConsoleSwitch.ExpandChild a.On {background: transparent url(/assets/images/icons/ic_arrow2_u_gray_10x11.gif) 100% 50% no-repeat;}

.PopDownOptions {float:left;clear:both;width:auto !important;height:auto;margin:0;padding:0;background:#fff;border:1px solid #999; border-top:none;}
.PopDownOptions li {white-space:nowrap;min-height:26px;height:auto;width: auto;margin:0;padding:0 5px;border-bottom:1px dotted #f0f0f0;}
.PopDownOptions li:hover li a, .PopDownOptions li a {height:auto;background: transparent url(/assets/images/icons/ic_arrow_r_gray_6x10.gif) 0 4px no-repeat;margin:0;padding:2px 0px 0 15px;/*width:90%;*/text-decoration:none;color:#3d6b88;font-weight:600;}
.PopDownOptions li a:hover {background:transparent url(/assets/images/icons/ic_arrow_r_black_6x10.gif) 0px 4px no-repeat;color:#000;}
.PopDownOptions li:hover {background: url(/assets/images/misc/bg_edit_panel.gif) 0 100% repeat-x;}
.PopDownOptions li a.active {background:transparent url(/assets/images/icons/ic_arrow_r_black_6x10.gif) 0px 4px no-repeat;color:#000;}
.PopDownOptions li a.active span {border:none;}
#SelItemsMode .PopDownOptions {position:absolute;z-index:100;top:25px;left:10px;margin-right:10px; min-width:10em;}
.PopDownOptions li a span, .PopDownOptions li:hover li a span {border-bottom:1px dotted #3d6b88;}
.PopDownOptions li:hover a {color:#000;}
.PopDownOptions li:hover a span, .PopDownOptions li a:hover span, .PopDownOptions li:hover a:hover span {border:none;}
.PopDownOptions li li {background: url(/assets/images/misc/bg_edit_panel.gif) 0 100% repeat-x;}
.PopDownOptions li:hover li a, .PopDownOptions li li a {background: transparent url(/assets/images/icons/ic_arrow-l_level2.gif) 0px 4px no-repeat;}
.PopDownOptions li:hover li a:hover, .PopDownOptions li li a:hover {color:#000;background: transparent url(/assets/images/icons/ic_arrow-l_level2.gif) 0 4px no-repeat;}


#GoToPage .PopDownOptions, 
#PagersShowRows .PopDownOptions,
.ListOptions .PopDownOptions {float:left;clear:both;/*overflow:hidden;*/height:auto;margin:0;padding:5px 0;width:10em;background:#fff url(/assets/images/misc/bg_edit_panel.gif) 0 100% repeat-x;border:1px solid #999; border-top:none;}
.ListOptions .PopDownOptions {border:1px solid #999;}
#InboxConsole .PopDownOptions li,
#GoToPage .PopDownOptions li, 
#PagersShowRows .PopDownOptions li,
.ListOptions .PopDownOptions li {min-height:0;line-height:1.2em;margin:0;padding:0;width:100%;height:1.2em;background:none;}
* html .ListOptions .PopDownOptions li {width:5em;}
#InboxConsole .PopDownOptions li a, 
#GoToPage .PopDownOptions li a, 
#PagersShowRows .PopDownOptions li a,
.ListOptions .PopDownOptions li a {float:left;background:none;margin:0;padding:0 5%;width:90%;background:none;text-decoration:none;color:#000;font-weight:normal;}
#InboxConsole .PopDownOptions li a:hover, 
#GoToPage .PopDownOptions li a:hover, 
#PagersShowRows .PopDownOptions li a:hover,
.ListOptions .PopDownOptions li a:hover {background:#000;color:#FFF;font-weight:normal;}
#InboxConsole .PopDownOptions li a span {border:none;padding-right:15px;}

#GoToPage .PopDownOptions {position:absolute;z-index:10;top:22px;right:0;min-width:2.5em;width:2.5em;}

#PagersShowRows .PopDownOptions {position:absolute;right:0;top:22px;min-width:3em;width:3em;}
* html #PagersShowRows .PopDownOptions,
* html #GoToPage .PopDownOptions {width:3em !important;}

#PagersShowRows .PopDownOptions li a {background: none;}
*+html #GoToPage .PopDownControl, *+html #PagersShowRows .PopDownControl {min-width:2em;width:2em;}

#InboxConsole .PopDownOptions {padding:5px 0;border:1px solid #dddddd;position:absolute;z-index:10;top:51px;right:0px;min-width:6em;text-align:right;background:#fff url(/assets/images/misc/bg_edit_panel.gif) 0 100% repeat-x;}
#InboxConsole .PopDownOptions li {border:none;}
#InboxConsole .PopDownOptions li a {padding:2px 5%;}


/*
#InboxConsole .PopDownOptions {border:1px solid #dddddd;position:absolute;z-index:10;top:51px;right:0px;min-width:6em;}
#InboxConsole .PopDownOptions li {border:none;border-bottom:1px dotted #f0f0f0;}
#InboxConsole .PopDownOptions li:hover {background: url(/assets/images/misc/bg_edit_panel.gif) 0 100% repeat-x;}
*/

/* TOPIC  STYLE */
.PostWrap {clear: both; padding: 0.5em; margin:0; margin-left: 10px; margin-bottom: 10px;}
.Flag1 {border: 4px solid #dddddd;}
.Flag2 {border: 4px solid #9999FF;}
.PostHeader{clear: both; background: #F2F2F2; padding: 5px;    font-size: 1.1em;    line-height: 1.5em;    border: 5px solid #ececec;}
.PostHeader ul, .PostHeader li{ margin: 0; list-style-type: none; padding: 3px;}
.PostHeader img{border: 1px solid #c0c0c0;padding: 5px;margin: 0;}
.PostUserAvator {float: left;padding: 2px;margin-right: 1em;border: 1px solid #c0c0c0;}
.PostUserName {font-size: 1.4em;color: #000000;}
.PostUserName a {font-weight:600;color:#000000; text-decoration: none;letter-spacing:-.01em;margin-right:10px;padding: 0px 25px 0 0px; background:transparent url(/assets/images/icons/ic_arrow_r-b_blue_13x13.gif) 100% 50% no-repeat;}
.PostUserGroup {font-weight: 600;}
.PostUserGroup  a {font-size:1.15em;font-weight:600;margin:0; padding: 5px 10px 0 0;text-decoration:none; background:transparent url(/assets/images/icons/ic_marker_b.gif) 100% 80% no-repeat; }
.PostUserRank {font-weight: 600;}
.PostUserRank a {font-size:1.15em;font-weight:600;margin:0; padding: 5px 10px 0 0;text-decoration:none; background:transparent url(/assets/images/icons/ic_marker_b.gif) 100% 80% no-repeat; }
.PostSubject{padding-left: 5px;padding-top: 1px;margin-bottom: 5px;font-weight: 600;font-size: 0.8em; border-bottom: 1px dotted #dddddd;}
.PostSubject a{border-bottom: 1px dotted;}
.PostBody { font-size: 1.1em; line-height: 1.6em; padding: 0.5em;}
.PostBody a {text-decoration: underline;}
.Clarification {clear: both;position: relative;clear: both;border: 1px dotted #cccccc;margin: 1em 0em 1em 0em;padding: 1em;}
.Clarification h4 {position: absolute;top: -10px;left: 15px;background-color: #ffffff;padding-left: 5px; padding-right: 5px;font-weight: normal;font-style: italic;font-family: 'Arial', Bitstream Vera Sans, Verdana, Helvetica, sans-serif;color: #4AA02C;}
.PostBody span.PostSignature {    clear: both;    display: block;    font-size: 1em;    color: #666666;    margin: 1em 1em 1em 0em;    border-top: 1px solid #cccccc;}
.PostBodyInlineImage {  clear: both;  margin: 0em 0em 1em 0em;  padding: 1em;  display: block;  border: 1px solid #cccccc;  overflow: hidden;}
a.PostBodyInlineImage img{  display: block;  max-width: 850px;}
.PostAttributes {clear: both;    position: relative;    clear: both;    border: 4px solid #e6e6e6;    margin: 1em 0em 1em 0em;    padding: 1em;}
.PostAttributes h4 {    background-color: #e6e6e6;    padding: 4px;    font-weight: 600;    font-size: 11px;    text-transform: uppercase;    font-family: 'Arial', Bitstream Vera Sans, Verdana, Helvetica, sans-serif;    color: #000000;}
.PostAttachments {    clear: both;    position: relative;    clear: both;    border: 1px dotted #cccccc;    margin: 1em 0em 1em 0em;    padding: 1em;}
.PostAttachments h4 {    position: absolute;    top: -10px;    left: 15px;    background-color: #ffffff;    padding-left: 5px;    padding-right: 5px;    font-weight: normal;    font-family: 'Arial', Bitstream Vera Sans, Verdana, Helvetica, sans-serif;    color: #666;}
.PostAttachments  ul, .PostAttachments li{    margin: 0;    list-style-type: none;    padding: 3px;}
.PostAttachments  a{    background-image: url(/assets/images/icons/attachment_clip.gif);    background-repeat: no-repeat;    background-position: 0 0%;    padding-left: 25px;    color: #3333CC;    background-color: transparent;    font-weight: normal;    text-decoration: underline;    letter-spacing: 0px;}
.PostQuoteOutline {    display: block;    width: 100%;    margin: 0;    margin-top: 1em;    margin-bottom: 1em;    border: 1px dotted #dddddd;    border-left: 8px solid #dddddd;    color: #999999;    font-size: 1.0em;    text-align: left;    padding: 0;  }
.PostQuoteInline {    display: block;    margin: 0px;    margin-left: 5px;    margin-right: 30px;    margin-bottom: 5px;    border: 1px dotted #dddddd;    border-left: 8px solid #dddddd;    color: #999999;    font-size: 1.0em;    text-align: left;    padding: 0;  }
a.PostQuoteSource{    display: block;    text-decoration: none;    border: none;    padding: 0.5em;    margin-bottom: 5px;    font-weight: normal;    font-size: 0.8em;    background: #dddddd;  }
.PostQuoteText {   display: block;   padding: 10px;}
.PostFooter {background: url(/assets/images/icons/message-header-arrow.gif) 35px 0px no-repeat;padding-left: 2px;padding-top: 1px;margin-top: 5px;margin:0;color: #000000;}
.PostFooter a{    display: block;    color: #c0c0c0;    text-transform: uppercase;    text-decoration: none;    font-size: 0.8em;}

.PostTools {clear: both;background: #F2F2F2;padding: 8px;margin-bottom: 20px;border: 5px solid #ececec;}
.PostTools  ul, .PostTools  li{margin: 0;list-style-type: none;padding: 3px;}
.PostTools a  {float:left; text-transform: uppercase; margin-right:8px;cursor:pointer; height:16px;background:url(/assets/images/misc/button_16.png) 0 -16px no-repeat;overflow:hidden;padding: 0 0 0 5px;text-decoration:none;font-size:11px;color:#000;}
.PostTools  a span {float:left;width:auto;height:16px;margin:0;padding:0 10px 0px 5px;background:url(/assets/images/misc/button_16.png) 100% 0 no-repeat;white-space:nowrap;}
.PostTools a:hover {color:#BF3030;}
.PostTools  a.Current {float:left; font-weight: 600; text-transform: uppercase; margin-right:8px;cursor:pointer; height:16px;background:url(/assets/images/misc/button_16.png) 0 -16px no-repeat;overflow:hidden;padding:0  0 0 5px;text-decoration:none;font-size:11px;color:#000;}
.PostTools  a.Current span {float:left;width:auto;height:16px;margin:0;padding:0 10px 0 5px;background:url(/assets/images/misc/button_16.png) 100% 0 no-repeat;white-space:nowrap;}
.PostToolsForm {clear: both; margin-top: 15px; margin-left: 0px; padding: 20px; border: 4px solid #dddddd; background: #ffffff;}
/* END of TOPIC */


/* PAGER  STYLE */
#PagerSection {clear: both; padding:0; margin: 0; height: 35px; margin-left: 10px;}
.StandardPager {float: left; margin: 0;}
.StandardPager span {   display: block;   float: left;   font-family: 'arial',  sans-serif, helvetica;   font-weight: normal;   margin: 0;   margin-right: 4px;   margin-top: 6px;   padding-right: 4px;   text-decoration: none;}
.StandardPager a {   display: block;   float: left;   font-family: 'arial',  sans-serif, helvetica;   margin: 0;   margin-left: 4px;   margin-top: 4px;   border: 1px solid #CCCCCC;   padding: 2px;   padding-left: 4px;   padding-right: 4px;   background: #EEEEEE;   text-decoration: none;}
.StandardPager a:hover {   display: block;   float: left;   font-family: 'arial',  sans-serif, helvetica;   margin: 0;   margin-left: 4px;   margin-top: 4px;   border: 1px solid #ff0000;   padding: 2px;   padding-left: 4px;   padding-right: 4px;   background: #EEEEEE;   text-decoration: none; }
.StandardPagerPages {   float: right;   margin: 0;}
.StandardPagerPages span {   display: block;   float: left;   font-family: 'arial',  sans-serif, helvetica;   font-weight: normal;   margin: 0;   margin-left: 4px;   margin-top: 4px;   border: 1px solid #FF0000;   padding: 2px;   padding-left: 4px;   padding-right: 4px;   background: #FFB299;   text-decoration: none; }
.StandardPagerPages a {   display: block;   float: left;   font-family: 'arial',  sans-serif, helvetica;   margin: 0;   margin-left: 4px;   margin-top: 4px;   border: 1px solid #CCCCCC;   padding: 2px;   padding-left: 4px;   padding-right: 4px;   background: #EEEEEE;   text-decoration: none; }
.StandardPagerPages a:hover {   display: block;   float: left;   font-family: 'arial',  sans-serif, helvetica;   margin: 0;   margin-left: 4px;   margin-top: 4px;   border: 1px solid #ff0000;   padding: 2px;   padding-left: 4px;   padding-right: 4px;   background: #EEEEEE;   text-decoration: none; }
/* END of PAGER */

/* LOADING PROGRESS INDICATOR */
.LoaderIndicator {width:100%;height:80px;margin:0;padding:25px 0 0;}
.LoaderIndicator p {text-align: center !important; font-weight: 600;}
.LoaderIndicator p img {width: 48px;height: 48px;margin: 0 auto;display: block;}

.Locale-list .LoaderIndicator {width:100%;margin:0;padding:25px 0 0;}
.Locale-list .LoaderIndicator p {text-align: center !important; font-weight: 600;}
.Locale-list .LoaderIndicator p img {width: 16px;height: 16px;margin: 0 auto;display: block;}

.content-v .LoaderIndicator {width:100% !important;height:auto !important;margin:0;padding:0;}
.content-v .LoaderIndicator p {width:100%;text-align: center !important; font-weight: 600;}
.content-v .LoaderIndicator p img {width: 16px;height: 16px;margin: 0 auto;display: block;}
 
/* END LOADING PROGRESS INDICATOR */

/* STYLE FOR UPLOADER FRQ */
div.AttachmentUploader { clear: both; padding: 0.5em; font-size: 1em;}
div.AttachmentUploader input.FileInput{ border: 1px solid #c0c0c0; border-bottom: 1px solid #dddddd; border-left: 1px solid #dddddd; font-family: Arial, Helvetica, sans-serif;margin: 2px;padding: 2px;font-weight: normal;width: 80%;/*background: url(/assets/images/misc/bg_input_standard.gif);*/}
/*div.AttachmentUploader input.FileInputUpload{ background:  #cccccc; color: #000; font-weight: 600; margin-bottom: 2px; font-size: 14px; text-transform: capitalize;border: 1px solid #c0c0c0;border-right: 1px solid #999999;border-bottom: 1px solid #666666;}*/
table.AttachmentsPost { width: 100%; margin: 0; margin-top: 10px; vertical-align: top; border-collapse : collapse; border: 1px dotted #cccccc; background: #ffffff;}
#tableAttachmentsPost table  th{ border: 1px solid #eeeeee; /*background: url(/assets/images/misc/bg_input_standard.gif);*/}
#tableAttachmentsPost table.AttachmentsPost tr, td, th { border-collapse : collapse; padding : 5px 10px; text-align: left; border: none; padding: 0; margin: 0;}
#tableAttachmentsPost table.AttachmentsPost,td,th{ padding : 5px 10px; text-align: left;}
.AttachmentsPost  th.StatsFiles span{ white-space: nowrap; padding: 0.5em; display: block; color: #000000;}
.AttachmentsPost  th.StatSize span{ white-space: nowrap; padding: 0.5em; display: block; color: #000000;}
.AttachmentsPost  th.StatsQuota span{ white-space: nowrap; padding: 0.5em; display: block; color: #000000;}
.AttachmentsPost td.Size  { font-weight: 600; color: #7fa8be; text-transform: uppercase; white-space: nowrap;padding:0 10px;}
.AttachmentsPost  span.AttachmentUploading {display: block; padding: 2px; margin: 2px; text-align: right; color: #ffffff; background: #3d6b88;}
.AttachmentsPost td.File a  {background-image: url(/assets/images/icons/attachment_clip.gif);background-repeat: no-repeat; background-position: 0 0%; padding-left: 25px;background-color: transparent;font-weight: normal;text-decoration: underline;}
.AttachmentsPost td.Tools a  {background:  url(/assets/images/misc/bg_button_standard.gif);color: #000;margin: 0;margin-left: 2px;padding: 3px;font-size: 0.9em;text-decoration: none;text-transform: uppercase;border: 1px solid #c0c0c0;border-right: 1px solid #999999;border-bottom: 1px solid #666666;}
.AttachmentsPost  td.Tools a:hover { border: 1px solid #ff0000; background: #ffffff;}
div.InlineForm .AttachmentsPost div.FormSubmitButton {margin:0;}
/* END STYLE FOR UPLOADER  FRQ */


#PageOptions ul.ListOptions {float:left;width:79%;list-style:none;margin:0;}
#PageOptions ul.ListOptions li {float:left;margin:0 0 2px;padding:0;list-style:none;}
#PageOptions ul.ListOptions .last {margin:0 5px 2px 0;}
* html #PageOptions ul.ListOptions li.last {float:left !important;}
#PageOptions .ListOptions .select span {font-weight:600;}
.ListOptions a.ButtonSmall22 {float:left;height:22px;background:url(/assets/images/misc/button_22-2.png) 0 0 no-repeat;overflow:hidden;margin:0;padding:0 0 0 5px;text-decoration:none;font-size:12px;color:#000;line-height:22px;border-right:1px solid #c0c0c0;}
.ListOptions a:hover.ButtonSmall22 {color:#BF3030;}
.ListOptions .disabled a.ButtonSmall22 {float:left;cursor:default;height:22px;background:url(/assets/images/misc/button_22-2-disabled.png) 0 0 no-repeat;overflow:hidden;margin:0;padding:0 0 0 5px;text-decoration:none;font-size:12px;color:#999;line-height:22px;border-right:1px solid #DDD;}
.ListOptions a.ButtonSmall22 span {float:left;width:auto;height:22px;margin:0;padding:0 10px 0 5px;background:url(/assets/images/misc/button_22-2.png) 0 0 no-repeat;white-space:nowrap;}
.ListOptions .disabled a.ButtonSmall22 span {float:left;width:auto;height:22px;margin:0;padding:0 10px 0 5px;background:url(/assets/images/misc/button_22-2-disabled.png) 0 0 no-repeat;white-space:nowrap;}

.ListOptions .first a.ButtonSmall22 {background:url(/assets/images/misc/button_22-2.png) 0 -22px no-repeat;}
.ListOptions .last a.ButtonSmall22 {background:none;padding:0;border-right:none;}
.ListOptions .last a.ButtonSmall22 span {background:url(/assets/images/misc/button_22-2.png) 100% 0 no-repeat;}
.ListOptions .first.last a.ButtonSmall22 {background:url(/assets/images/misc/button_22-2.png) 0 -22px no-repeat;padding:0 0 0 5px;border:none;}
.ListOptions .first.last a.ButtonSmall22 span {background:url(/assets/images/misc/button_22-2.png) 100% 0 no-repeat;}

.ListOptions .disabled.first a.ButtonSmall22, .ListOptions .first.disabled a.ButtonSmall22 {background:url(/assets/images/misc/button_22-2-disabled.png) 0 -22px no-repeat;}
.ListOptions .disabled.last a.ButtonSmall22, .ListOptions .last.disabled a.ButtonSmall22 {background:none;padding:0;border-right:none;}
.ListOptions .disabled.last a.ButtonSmall22 span, .ListOptions .last.disabled a.ButtonSmall22 span {background:url(/assets/images/misc/button_22-2-disabled.png) 100% 0 no-repeat;}
.ListOptions .disabled.first.last a.ButtonSmall22, .ListOptions .first.last.disabled a.ButtonSmall22 {background:url(/assets/images/misc/button_22-2-disabled.png) 0 -22px no-repeat;padding:0 0 0 5px;border:none;}
.ListOptions .disabled.first.last a.ButtonSmall22 span, .ListOptions .first.last.disabled a.ButtonSmall22 span {background:url(/assets/images/misc/button_22-2-disabled.png) 100% 0 no-repeat;}

#PageOptions .ListOptions .list {margin:0 5px 0 0;position:relative;}
.ListOptions .list a.ButtonSmall22 {background:url(/assets/images/misc/button_22-3_list.png) 0 -22px no-repeat;border:none;}
.ListOptions .list a.ButtonSmall22 span {background:url(/assets/images/misc/button_22-3_list.png) 100% 0 no-repeat;padding-right:20px;}
.ListOptions .list.active a.ButtonSmall22 {color:#FFF;background:url(/assets/images/misc/button_22-3_list.png) 0 -66px no-repeat;}
.ListOptions .list.active a.ButtonSmall22 span {background:url(/assets/images/misc/button_22-3_list.png) 100% -44px no-repeat;}

ul.BottomPager {float:right; width: 19%; height:30px; margin:0;padding:0;list-style:none;}
ul.BottomPager li {display:inline; float: right; list-style:none;margin:0 2px 0 0;padding:0; }
ul.BottomPager li span {line-height: 1.2em; padding: 5px;}

#PageOptions .ListOptions .PopDownOptions {position:absolute;bottom:22px;right:0;}
#PageOptions .ListOptions .PopDownOptions li {float:left;margin:0;padding:0;}
#PageOptions .ListOptions .PopDownOptions li a {float:left;width:96%;margin:0;padding:0 2%;}

/* POPUP LIST WITH SHADOW */

.PopUpBlockShadow {position:relative;margin:20px 0 0;padding:0 0 0 10px;background: transparent url(/assets/images/misc/bg_list_up_l.png) repeat-y;}
.PopUpBlockShadow.t22 {position:absolute;right:-10px;bottom:100%;}
.PopUpBlockShadow.d22 {position:absolute;right:-10px;top:0;}
.PopUpBlockShadow.sel{position:absolute;right:0px;}
.PopUpBlockShadow .content_wrapper {float:left;clear:both;margin:0;padding:0 10px 0 0;background: transparent url(/assets/images/misc/bg_list_up_r.png) 100% 0 repeat-y;}
.PopUpBlockShadow .content {float:left;clear:both;margin:0;padding:0;background:#f7f7f7;}
.PopUpBlockShadow .head {position:absolute;top:-15px;left:20px;right:20px;height:15px;background:transparent url(/assets/images/misc/bg_list_up_u_middle.png) repeat-x;}
.PopUpBlockShadow .head .left {position:absolute;left:-20px;width:20px;height:15px;background:transparent url(/assets/images/misc/bg_list_up_u_l.png) no-repeat;}
.PopUpBlockShadow .head .right {position:absolute;right:-20px;width:20px;height:15px;background:transparent url(/assets/images/misc/bg_list_up_u_r.png) no-repeat;}
.PopUpBlockShadow .footer {position:absolute;bottom:-15px;left:20px;right:20px;height:15px;background:transparent url(/assets/images/misc/bg_list_up_d_middle.png) repeat-x;}
.PopUpBlockShadow .footer .left {position:absolute;left:-20px;width:20px;height:15px;background:transparent url(/assets/images/misc/bg_list_up_d_l.png) no-repeat;}
.PopUpBlockShadow .footer .right {position:absolute;right:-20px;width:20px;height:15px;background:transparent url(/assets/images/misc/bg_list_up_d_r.png) no-repeat;}
.PopUpBlockShadow ul {list-style:none;}
.PopUpBlockShadow li {display:block;clear:both;white-space:nowrap;}
.PopUpBlockShadow li a {text-decoration:none;color:#000;}
.PopUpBlockShadow li a:hover {color:#BF3030;}
.PopUpBlockShadow li.disabled a {color:#999;cursor:default;}

.SnapShot .win li {list-style: none;margin: 0;padding: 0;vertical-align: baseline;line-height: normal;font-size: 12px; margin-bottom: 2px;}
.SnapShot .win li a {padding-left: 0px;border: none;padding: 3px 5px;text-transform: capitalize;text-decoration: none;background:none;}

.SnapShot .win .stat .date ul.right .PopUpBlockShadow ul {list-style:none;width:auto !important;min-width:7.5em;background:none;}
.SnapShot .win .stat .date ul.right .PopUpBlockShadow li {float:none;display:block;overflow:hidden;clear:both;white-space:nowrap;}
.SnapShot .win .stat .date ul.right .PopUpBlockShadow li a {text-align:left;color:#000;}
.SnapShot .win .stat .date ul.right .PopUpBlockShadow li a:hover {background:#333333;color:#fff;}
.SnapShot .win .stat .date ul.right .PopUpBlockShadow li.active a {background:#b0b0b0;color:#f0f0f0;}
.SnapShot .win .stat .date ul.right .PopUpBlockShadow li.active a:hover {background:#333333;color:#fff;}
.SnapShot .win .stat .date ul.right .PopUpBlockShadow li.disabled a {color:#999;cursor:default;}

.SnapShot .win .win-footer .mode-send ul li .PopUpBlockShadow {z-index:25;top:2px;left:-10px;border:none;}
.SnapShot .win .win-footer .PopUpBlockShadow .content {float:left;background:#f7f7f7;}

.SnapShot .win .win-footer .mode-send ul li .PopUpBlockShadow ul {list-style:none;width:auto !important;min-width:15em;background:none;}
.SnapShot .win .win-footer .mode-send ul li .PopUpBlockShadow li {float:none;display:block;overflow:hidden;clear:both;white-space:nowrap;}
.SnapShot .win .win-footer .mode-send ul li .PopUpBlockShadow li a {text-align:left;color:#000;}
.SnapShot .win .win-footer .mode-send ul li .PopUpBlockShadow li a:hover {background:#999;color:#fff;}
.SnapShot .win .win-footer .mode-send ul li.active .PopUpBlockShadow li a {background:#b0b0b0;color:#f0f0f0;}
.SnapShot .win .win-footer .mode-send ul li.active .PopUpBlockShadow li a:hover {background:#333333;color:#fff;}
.SnapShot .win .win-footer .mode-send ul li .PopUpBlockShadow li.disabled a {color:#999;cursor:default;}

/* CORENER BG: white; OUT: gray; no border */
.corner-4{position:relative;margin:0 0 5px 0;background:#ededed;border:1px solid #e0e0e0;}
.corner-4 ins{background:transparent url(/assets/images/misc/corner_4.gif) no-repeat scroll 0 0;display:block;width:4px;height:4px;overflow:hidden;position:absolute;}
.corner-w-w{background:#ffffff;border:1px solid #e0e0e0;}
.corner-w-w ins{background:url(/assets/images/misc/corner_4_w_w.gif) no-repeat scroll 0 0;}
.corner-w-w-h{background:#ffffff;border:1px solid #e0e0e0;}
.corner-w-w-h ins{background:url(/assets/images/misc/corner_4_w_w_h.gif) no-repeat scroll 0 0;}
.corner-4 .lt{background-position:-4px -4px;left:-1px;top:-1px;}
.corner-4 .rt{background-position:0 -4px;right:-1px;top:-1px;}
.corner-4 .lb{background-position:-4px 0;bottom:-1px;left:-1px;}
.corner-4 .rb{bottom:-1px;right:-1px;}
.corner-4 .rt { _right: expression(1 == this.parentNode.clientWidth % 2 ? '-2px' : '0px');}
.corner-4 .lb { _bottom: expression(1 == this.parentNode.clientHeight % 2 ? '-2px' : '-1px');}
.corner-4 .rb { _bottom: expression(1 == this.parentNode.clientHeight % 2 ? '-2px' : '-1px');_right: expression(1 == this.parentNode.clientWidth % 2 ? '-2px' : '0px');}
.corner-4 .arrow-right {position:absolute;top:45px;right:-9px;z-index:10;width:9px;height:18px;overflow:hidden;background:transparent url(/assets/images/misc/win_arrow_right.gif) no-repeat;}


/* BUTTON LIST height 22px */

li a.button-22.up,.first.last a.button-22.up {background:url(/assets/images/icons/ic_button_22.gif) 0 -110px no-repeat;padding:0 0 0 3px;border:none;}
li a:hover.button-22.up {color:#bf3030;}
li a.button-22.up span, .first.last a.button-22.up span{padding:0 15px 0 8px;line-height:22px;background:url(/assets/images/icons/ic_button_22.gif) 100% -88px no-repeat;}
.disabled a.button-22.up, .first.last.disabled a.button-22.up{background:url(/assets/images/icons/ic_button_22.gif) 0 -154px no-repeat;}
.disabled a.button-22.up span, .first.last.disabled a.button-22.up span {background-position:100% -132px;}
li a.button-22.up span input, a.button-22.down span input{margin:5px 0 0;}
* html a.button-22.up span input, * html a.button-22.down span input{margin:0;}

li a.button-22.down,.first.last a.button-22.down {background:url(/assets/images/icons/ic_button_22.gif) 0 -198px no-repeat;padding:0 0 0 3px;border:none;}
li a:hover.button-22.down {color:#bf3030;}
li a.button-22.down span, .first.last a.button-22.down span{padding:0 15px 0 8px;line-height:22px;background:url(/assets/images/icons/ic_button_22.gif) 100% -176px no-repeat;}
.disabled a.button-22.down, .first.last.disabled a.button-22.down{background-position: 0 -242px;}
.disabled a.button-22.down span, .first.last.disabled a.button-22.down span{background-position: 100% -220px;}


/* BUTTON height 22px */
a.button-22 {float:left;height:22px;background:url(/assets/images/icons/ic_button_22.gif) 0 0 no-repeat;overflow:hidden;margin:0;padding:0 0 0 3px;text-decoration:none;font-size:12px;color:#000;line-height:22px;border-right:1px solid #c0c0c0;}
a:hover.button-22 {color:#bf3030;}
.disabled a.button-22 {float:left;cursor:default;height:22px;background:none;overflow:hidden;margin:0;padding:0;text-decoration:none;font-size:12px;color:#999;line-height:18px;border-right:1px solid #DDD;}
a.button-22 span {float:left;width:auto;height:22px;line-height:22px;margin:0;padding:0 10px 0 8px;background:url(/assets/images/icons/ic_button_22.gif) 0 0 no-repeat;white-space:nowrap;}
.disabled a.button-22 span {float:left;width:auto;height:22px;margin:0;padding:0 10px 0 10px;background-position:0 -44px;white-space:nowrap;}

.disabled.first a.button-22, .first.disabled a.button-22 {background-position:0 -66px;}
.disabled.first a.button-22 span, .first.disabled a.button-22 span {background-position:0 -44px;}
.disabled.last a.button-22, .last.disabled a.button-22 {background:none;padding:0;border-right:none;}
.disabled.last a.button-22 span, .last.disabled a.button-22 span {background-position:100% -44px;}
.disabled.first.last a.button-22, .first.last.disabled a.button-22 {background-position:0 -66px;padding:0 0 0 3px;border:none;}
.disabled.first.last a.button-22 span, .first.last.disabled a.button-22 span {background-position:100% -44px;}

.first a.button-22 {background-position: 0% -22px;}
.first a.button-22 span{background-position: 0 0;}
.last a.button-22 {background:none;padding:0;border-right:none;}
.last a.button-22 span {background-position: 100% 0;}
.first.last a.button-22 {background:url(/assets/images/icons/ic_button_22.gif) 0 -22px no-repeat;padding:0 0 0 2px;border:none;}
.first.last a.button-22 span {background:url(/assets/images/icons/ic_button_22.gif) 100% 0 no-repeat;}

/* FORM BUTTON */
.FormSubmitButton {position:relative;float:left;height:22px;background:url(/assets/images/icons/ic_button_22_g.gif) 0 -22px no-repeat;padding:0 0 0 3px;text-decoration:none;font-size:1.1em;border:none;margin:0 10px 0px 0;}
.FormSubmitButton span {float:left;width:auto;height:22px;margin:0;padding:1px 5px 0px 2px;background:url(/assets/images/icons/ic_button_22_g.gif) 100% 0 no-repeat;white-space:nowrap;}
.FormSubmitButton span input {background:none;border:none;height:20px;padding:0;font-family: 'Arial', Halvetica;color: #000000;font-weight: normal;font-size: 13px;text-align: center;letter-spacing: 0.015em;text-transform: uppercase;text-decoration: none;font-weight: 200; }.FormSubmitButton:hover {background:url(/assets/images/icons/ic_button_22.png) 0 -66px no-repeat;}
.FormSubmitButton:hover span {background:url(/assets/images/icons/ic_button_22.png) 100% -44px no-repeat;}

.FormSubmitButton.disabled {background:url(/assets/images/icons/ic_button_22_g.gif) 0 -66px no-repeat;}
.FormSubmitButton.disabled span {background:url(/assets/images/icons/ic_button_22_g.gif) 100% -44px no-repeat;}
.FormSubmitButton.disabled span input {color:#999;}

/* POPUP LIST WITH SHADOW */

.PopDownShadow {overflow:hidden;position:relative;margin:0;padding:0;}
.PopDownShadow .content-wrap-l {overflow:hidden;clear:both;margin:0;padding:0 0 0 7px;background: transparent url(/assets/images/misc/pop-down-middle_l.png) repeat-y;}
.PopDownShadow .content-wrap-r {overflow:hidden;clear:both;margin:0;padding:0 7px 0 0;background: transparent url(/assets/images/misc/pop-down-middle_r.png) 100% 0 repeat-y;}
.PopDownShadow .content {overflow:hidden;clear:both;margin:0;padding:0 0 10px;background:#fff;}
/*
.PopDownShadow .head {position:absolute;top:-15px;left:20px;right:20px;height:15px;background:transparent url(/assets/images/misc/bg_list_up_u_middle.png) repeat-x;}
.PopDownShadow .head .left {position:absolute;left:-20px;width:20px;height:15px;background:transparent url(/assets/images/misc/bg_list_up_u_l.png) no-repeat;}
.PopDownShadow .head .right {position:absolute;right:-20px;width:20px;height:15px;background:transparent url(/assets/images/misc/bg_list_up_u_r.png) no-repeat;}
*/


.PopDownShadow .footer {position:relative;clear:both;margin:0 10px;height:10px;background:transparent url(/assets/images/misc/pop-down-footer_c.png) repeat-x;}
.PopDownShadow .footer .left {position:absolute;left:-10px;width:10px;height:10px;background:transparent url(/assets/images/misc/pop-down-footer_l.png) no-repeat;}
.PopDownShadow .footer .right {position:absolute;right:-10px;width:10px;height:10px;background:transparent url(/assets/images/misc/pop-down-footer_r.png) no-repeat;}
.PopDownShadow ul {list-style:none;margin:0 20px !important;padding: 0 0 5px !important;}
.PopDownShadow li {list-style:none;position:relative; display:block !important;float:none !important;clear:both;margin:10px 0 !important;padding:0 0 0 20px !important;min-height:12px !important;line-height:12px !important;white-space:nowrap;background:transparent url(/assets/images/icons/ic_button_search_11x11.gif) 0 0 no-repeat;}

.PopDownShadow li.active {background:transparent url(/assets/images/icons/ic_button_search_11x11.gif) 0 -11px no-repeat;}
.PopDownShadow li a {margin:0 !important;padding:0 !important;height:auto !important;font-size:12px !important;text-decoration:none !important;text-transform:none !important;color:#3d6b88 !important;border:none !important;border-bottom:1px dotted #3d6b88 !important;background:transparent !important;}
.PopDownShadow li a:hover {color:#BF3030 !important;}
.PopDownShadow li.active a {font-weight:600;}
.PopDownShadow li.disabled a {color:#999 !important;border-bottom:none !important;cursor:default;}
.PopDownShadow li.disabled span {color:#999 !important;}

.PopDownShadow .special-settings,
.PopDownShadow .cat,
.PopDownShadow .g-manager,
.PopDownShadow .q-links,
.PopDownShadow .notification,
.PopDownShadow .role,
.PopDownShadow .location,
.PopDownShadow .status,
.PopDownShadow .availability,
.PopDownShadow .set,
.PopDownShadow .sign {float:left;width:90%;margin:0 !important;padding:5px 5% !important;border-bottom:1px solid #e4e4e4;position:relative !important;}
.PopDownShadow .sign {border-bottom:none;}

.PopDownShadow .special-settings.list,
.PopDownShadow .cat.list,
.PopDownShadow .g-.listmanager.list,
.PopDownShadow .q-links.list,
.PopDownShadow .notification.list,
.PopDownShadow .role.list,
.PopDownShadow .location.list,
.PopDownShadow .status.list,
.PopDownShadow .availability.list,
.PopDownShadow .set.list,
.PopDownShadow .sign.list,
.PopDownShadow .time-zone.list,
.PopDownShadow .language.list,
.PopDownShadow .mylocation.list  {clear:both;background:#f0f0f0;}

.PopDownShadow .notification:hover,
.PopDownShadow .role:hover,
.PopDownShadow .location:hover,
.PopDownShadow .status:hover,
.PopDownShadow .availability:hover,
.PopDownShadow .set:hover,
.PopDownShadow .sign:hover,
.PopDownShadow .mylocation:hover,
.PopDownShadow .format:hover  {clear:both;background:#f0f0f0;}

.PopDownShadow .time-zone,
.PopDownShadow .language,
.PopDownShadow .mylocation,
.PopDownShadow .format {float:left;width:90%;margin:0 !important;padding:5px 5% !important;border-top:1px solid #fff;border-bottom:1px solid #e4e4e4;position:relative !important;}


.PopDownShadow .special-settings {border:none;border-top:1px solid #e4e4e4;}
.PopDownShadow .special-settings .on {background:transparent url(/assets/images/icons/ic_turn_on_off_11x11.gif) no-repeat;}
.PopDownShadow .special-settings .off {background:transparent url(/assets/images/icons/ic_turn_on_off_11x11.gif) 0 -11px no-repeat;}
.PopDownShadow .special-settings a{border:none;color:#999;}

.PopDownShadow .notification li.no{background:url(/assets/images/icons/ic_notification-no.gif)no-repeat;color:#b0b0b0;}
.PopDownShadow .notification li.no a,
.PopDownShadow .notification li.no span{color:#b0b0b0 !important;border-bottom:none !important;}
.PopDownShadow .notification li.no span ins {display:none;}
.PopDownShadow .notification li.yes{background:url(/assets/images/icons/ic_notification-yes.gif)no-repeat;color:#b0b0b0;}
.PopDownShadow .notification.list li.yes{background:url(/assets/images/icons/ic_notification-active.gif)no-repeat;color:#b0b0b0;}
.PopDownShadow .notification.list li.yes a {font-weight:600;color:#000 !important;}
.PopDownShadow .notification.list li.yes li a {font-weight:normal;}

.PopDownShadow .notification li.yes a,
.PopDownShadow .notification li.yes span{border-bottom:none !important;color:#000;}
.PopDownShadow .notification li.yes ins {min-width:1em;text-decoration:none;font-style:normal; float:left; text-align:center;padding:.25em !important;margin-left:2px;}
.PopDownShadow .notification li.yes ins.system{background:#3366ff; color:#fff;}
.PopDownShadow .notification li.yes ins.network{background:#f00000; color:#fff;}
.PopDownShadow .notification li.yes ins.unread{background:#000; color:#fff;}

.PopDownShadow li.accessible {background:url(/assets/images/icons/switch-12x12.png)no-repeat;color:#b0b0b0;}
.PopDownShadow li.accessible a {border-bottom:none !important;;}
.PopDownShadow li.accessible span{color:#000;border-bottom:none !important;}

.PopDownShadow li.unaccessible {background:url(/assets/images/icons/ic_switch-unaccessible.gif)no-repeat;color:#b0b0b0;}
.PopDownShadow li.unaccessible a,
.PopDownShadow li.unaccessible span{color:#b0b0b0 !important;border-bottom:none !important;}

.PopDownShadow .set li {background:url(/assets/images/icons/settings-12x12.png) no-repeat;}

.PopDownShadow .role.list li.accessible {background:url(/assets/images/icons/ic_switch-active.gif)no-repeat;}
.PopDownShadow .role.list li.accessible a {font-weight:600;color:#000 !important;}
.PopDownShadow .role ul li {color:#000;background:none;}
.PopDownShadow .role ul li.active {background:url(/assets/images/icons/ic_option-selected.gif) no-repeat;font-weight:normal;}
.PopDownShadow .role ul li a {padding-left:20px !important;color:#000 !important;font-weight:normal;font-weight:normal !important;background:url(/assets/images/icons/ic_option-selectable.gif) 0 50% no-repeat !important;}
.PopDownShadow .role ul li a:hover {color:#f00000 !important;}
.PopDownShadow .role ul li.active a {background:url(/assets/images/icons/ic_option-selected.gif) 0 50% no-repeat !important;}
.PopDownShadow .role ul li span {color:#b0b0b0; font-style:italic;margin-left:.5em;}

.PopDownShadow .location.list li.accessible {background:url(/assets/images/icons/ic_switch-active.gif)no-repeat;}
.PopDownShadow .location.list li.accessible a {font-weight:600;color:#000 !important;}
.PopDownShadow .location ul li {color:#000;background:none;}
.PopDownShadow .location ul li.active {background:url(/assets/images/icons/ic_option-selected.gif) no-repeat;font-weight:normal;}
.PopDownShadow .location ul li a {padding-left:20px !important;color:#000 !important;font-weight:normal;font-weight:normal !important;background:url(/assets/images/icons/ic_option-selectable.gif) 0 50% no-repeat !important;}
.PopDownShadow .location ul li a:hover {color:#f00000 !important;}
.PopDownShadow .location ul li.active a {background:url(/assets/images/icons/ic_option-selected.gif) 0 50% no-repeat !important;}
.PopDownShadow .location ul li span {color:#b0b0b0; font-style:italic;margin-left:.5em;}

.PopDownShadow .mylocation li.accessible {background:url(/assets/images/icons/ic_location-undefined.gif) no-repeat;height:auto;line-height:14px;margin:9px 0 !important;}
.PopDownShadow .mylocation li a {}

.PopDownShadow .language li,
.PopDownShadow .language li.accessible {background:url(/assets/images/icons/ic_switch-accessible.gif) no-repeat;color:#000;}

.PopDownShadow .format li.accessible {background:url(/assets/images/icons/ic_switch-accessible.gif) no-repeat;height:14px;line-height:14px;margin:9px 0 !important;}
.PopDownShadow .format li a {}

.PopDownShadow .status.list li.accessible {background:url(/assets/images/icons/ic_switch-active.gif)no-repeat;}
.PopDownShadow .status.list li.accessible a {font-weight:600;color:#000 !important;}
.PopDownShadow .status ul li {color:#000;background:none;}
.PopDownShadow .status ul li.active {background:url(/assets/images/icons/ic_option-selected.gif) no-repeat;font-weight:normal;}
.PopDownShadow .status ul li a {padding-left:20px !important;color:#000 !important;font-weight:normal;font-weight:normal !important;background:url(/assets/images/icons/ic_option-selectable.gif) 0 50% no-repeat !important;}
.PopDownShadow .status ul li a:hover {color:#f00000 !important;}
.PopDownShadow .status ul li.active a {background:url(/assets/images/icons/ic_option-selected.gif) 0 50% no-repeat !important;}
.PopDownShadow .status ul li span {color:#b0b0b0; font-style:italic;margin-left:.5em;}

.PopDownShadow .time-zone li {min-height:12px;background:url(/assets/images/icons/ic_timezone.gif) no-repeat;color:#545454;}

.PopDownShadow .role li{}
.PopDownShadow .availability li{}


.PopDownShadow .sign li{min-height:14px;background:transparent url(/assets/images/icons/logout-12x12.png) no-repeat;}
.PopDownShadow .sign li a {border:none !important;}

.PopDownShadow .quick-result-list li{background:none !important;margin:5px 0 !important;padding:0 !important;}
.PopDownShadow .quick-result-list li a {border:none !important;}

.PopDownShadow .cat li {background:transparent url(/assets/images/icons/ic_catalog_12x11.gif) 0 0 no-repeat;}
.PopDownShadow .g-manager li{background:transparent url(/assets/images/icons/ic_global_manager_12x11.gif) 0 0 no-repeat;}
.PopDownShadow .q-links li {background:transparent url(/assets/images/icons/ic_q_links_12x11.gif) 0 0 no-repeat;}

.OptionsList {position:absolute;z-index:300;width:317px;margin:0 0 0 -6px;top:26px;left:0;}
#MainNavigationSupport .OptionsList {position:absolute;z-index:300;width:317px;margin:0 0 0 -310px;top:26px;left:100%;} 

.PopDownShadow li span.switch {max-width:60%;overflow:hidden;position:absolute;top:0;right:0;z-index:2;text-align:right;font-style:italic;margin:0;padding:0;}
.PopDownShadow li span.switch.undefined {padding-left:20px;min-height:14px;background:url(/assets/images/icons/ic_location-undefined.gif) no-repeat;}
.PopDownShadow li span.switch.office {padding-left:20px; min-height:14px;background:url(/assets/images/icons/ic_location-eng.gif) 0 -.1em no-repeat !important;}
.PopDownShadow li span.switch.available {padding-left:20px; min-height:14px;background:url(/assets/images/icons/ic_available.gif) 0 0 no-repeat !important;}
.PopDownShadow li span.switch.unavailable {padding-left:20px; min-height:14px;background:url(/assets/images/icons/ic_unavailable.gif) 0 0 no-repeat !important;}
.PopDownShadow li span.switch.busy {padding-left:20px; min-height:14px;background:url(/assets/images/icons/ic_busy.gif) 0 0 no-repeat !important;}

/* LOCALE User SwitchBoard  */

.PopDownShadow li span.switch.GB {padding-left:20px; min-height:14px;background:url(/assets/images/locale/gb.gif) 0 -.1em no-repeat !important;}
.PopDownShadow li span.switch.US {padding-left:20px; min-height:14px;background:url(/assets/images/locale/us.gif) 0 -.1em no-repeat !important;}
.PopDownShadow li span.switch.EU {padding-left:20px; min-height:14px;background:url(/assets/images/locale/eu.gif) 0 -.1em no-repeat !important;}
.PopDownShadow li span.switch.RU {padding-left:20px; min-height:14px;background:url(/assets/images/locale/ru.gif) 0 -.1em no-repeat !important;}
.PopDownShadow li span.switch.TH {padding-left:20px; min-height:14px;background:url(/assets/images/locale/th.gif) 0 -.1em no-repeat !important;}
.PopDownShadow li span.switch.ZA {padding-left:20px; min-height:14px;background:url(/assets/images/locale/za.gif) 0 -.1em no-repeat !important;}
.PopDownShadow li span.switch.TW {padding-left:20px; min-height:14px;background:url(/assets/images/locale/tw.gif) 0 -.1em no-repeat !important;}
.PopDownShadow li span.switch.JP {padding-left:20px; min-height:14px;background:url(/assets/images/locale/gp.gif) 0 -.1em no-repeat !important;}

.PopDownShadow li ul {position:relative;margin:0 !important;padding:0 !important;}
.PopDownShadow li ul li {padding:0 !important;background:none;}
.PopDownShadow li ul.txt {border-top:1px solid #e4e4e4;position:relative;width:17.3em;float:left;clear:both;margin:14px 0px 0 -32px !important; padding:5px 5px 0 5px !important;}
.PopDownShadow li ul.txt li {overflow:hidden;background:#fff; margin:0 !important;padding:10px !important;color:#000;}
.PopDownShadow .format li .txt {border-top:1px solid #e4e4e4;float:left;clear:both;margin:14px 0 0 -32px;padding:5px 5px 0 5px !important;}
.PopDownShadow .format li .txt ul {/*overflow:hidden;*/float:left;width:16.5em;background:#fff; margin:0 !important;padding:10px 5px 5px !important;color:#000;}
.PopDownShadow .format li .txt ul li {/*overflow:hidden;*/background:#fff; margin:0 0 10px !important;padding: 0px !important;color:#000;height:23px;line-height:23px;}
.PopDownShadow .format li .txt ul li a {float:left;margin:0 5px 0 0 !important;padding:0 0 0 3px !important;background: url(/assets/images/icons/ic_button_23.gif) 0 0 no-repeat !important;text-align:left !important;}
.PopDownShadow .format li .txt ul li.list a {background: url(/assets/images/icons/ic_button_23.gif) 0 -46px no-repeat !important}
.PopDownShadow .format li .txt ul li span{margin:0 !important;height:23px;line-height:23px;}
.PopDownShadow .format li .txt ul li a span {width:5.7em;margin:0 5px 0 0 !important;color:#666 !important;}

.PopDownShadow .format li .txt ul li ul {background:#f0f0f0;float:left;clear:both;width:15.7em;margin-bottom:10px !important;border:1px solid #b4b4b4;}
.PopDownShadow .format li .txt ul li li {height:auto;min-height:18px;padding:0 0 2px 20px !important;background:url(/assets/images/icons/ic_option-selectable.gif) 0 2px no-repeat;color:#000;}
.PopDownShadow .format li .txt ul li li a {background:none !important;height:auto !important;line-height:normal !important;margin:0 !important;padding:0 !important;}
.PopDownShadow .format li .txt ul li li a span {background:none;margin:0 !important;padding:0 !important;height:auto !important;line-height:normal !important;}


.txt li dt {font-weight:600;margin:0 0 .2em;}
.txt li dd {margin:0 0 .2em .75em;}


.PopDownShadow .inner5-gray {margin:10px 5px 0;background:#f0f0f0;border:1px solid #b6b6b6;overflow:hidden;}

/* BUTTON LIST height 26px */
a.button-26, a.button-26.close-list {float:left;height:26px;background:url(/assets/images/icons/ic_button-26_sel.png) 0 -26px no-repeat;overflow:hidden;margin:0;padding:0 0 0 2px;text-decoration:none;font-size:12px;color:#000;line-height:26px;}
a:hover.button-26 {color:#bf3030;}
.disabled a.button-26 {float:left;cursor:default;height:26px;background:none;overflow:hidden;margin:0;padding:0;text-decoration:none;font-size:12px;color:#999;line-height:18px;border-right:1px solid #DDD;}
a.button-26 span, a.button-26.close-list span {float:left;width:auto;height:26px;line-height:26px;margin:0;padding:0 30px 0 8px;background:url(/assets/images/icons/ic_button-26_sel.png) 100% 0 no-repeat;white-space:nowrap;}
a.button-26.open-list {background-position: 0 -78px;}
a.button-26.open-list span {background-position: 100% -52px;}


/* USER-ROLE-CONTROL */
.URC-wrapper {position:relative;float:left;background:#dddddd;border:1px solid #fff;margin:10px 0 0;padding:0;}
.URC-content {position:relative;float:left;background:#ebebeb;border:1px solid #dddddd;margin:0;padding:1px;}
.URC-content a {float:left;padding:5px;text-decoration:none;font-weight:600;border:1px solid #f7f7f7;}
.URC-content a:hover {color:#3d6b88;}
.URC-content a.active {background:#fff;}
.EnterpriseID {display:block;clear:both;margin:0 0 5px;font-size:1.2em;color:#000;}
.ProfileID {margin:0 5px 0 0;padding:0 10px 0 0;border-right:1px solid #a8a8a8;color:#000;}
.RoleID {margin:0;padding:0;}
.MessCount {position:absolute;left:100%;margin:0 0 0 3px;padding:0 0 3px;background: url(/assets/images/misc/bg_mess_cont_3x3.gif) 2px 100% no-repeat;}
.MessCount a{display:block;background:#ff0000;padding:0 2px;color:#fff;font-size:.85em;text-decoration:none;}
.URC-list {position:absolute;z-index:50;width:105%;left:0;top:100%;margin:1px 0 0 -8px;}
.URC-list .PopDownShadow li {height:auto !important;}

.Locale-list {position:absolute;z-index:1;width:20em;right:0;top:100%;margin:-1px -7px 0 0;}
.Locale-list .PopDownShadow .content{border-top:1px solid #b4b4b4;}
/*.Locale-list .PopDownShadow li {height:auto !important;}*/

.ProfileID.available {padding-left:20px;background:url(/assets/images/icons/ic_available.gif) 0 .1em no-repeat;}
.ProfileID.unavailable {padding-left:20px;background:url(/assets/images/icons/ic_unavailable.gif) 0 .1em no-repeat;}
.ProfileID.busy {padding-left:20px;background:url(/assets/images/icons/ic_busy.gif) 0 .1em no-repeat;}

.Tabsloader {width:98%;float:left;clear:both;}
/*
.Tabsloader p {margin: 40px auto 0;text-align: center;font-size:.9em;}
.Tabsloader p img {width: 48px;height: 48px;margin: 10px auto;display: block;}
*/
.Tabsloader p {margin: 40px auto !important;padding:25px 0 0;text-align: center; background: url(/assets/images/icons/ic_loading_processing_gray.gif) 50% 0  no-repeat}
.Tabsloader p img {width: 120px;height: 18px;margin: 10px auto;display: block; display:none;}

/* BUTTON LIST height 23px */
a.button-23, a.button-23.close-list {float:left;width:auto;height:23px;background: url(/assets/images/icons/ic_button_23.gif) 0 0 no-repeat;margin:0 !important;padding:0 0 0 3px !important;text-decoration:none;font-size:12px;color:#000;line-height:23px;}
a:hover.button-23 {color:#bf3030;}
/*.disabled a.button-26 {float:left;cursor:default;height:26px;background:none;overflow:hidden;margin:0;padding:0;text-decoration:none;font-size:12px;color:#999;line-height:18px;border-right:1px solid #DDD;}*/
a.button-23 span, a.button-23.close-list span {float:left;height:23px;line-height:23px;margin:0;padding:0 30px 0 7px;background: url(/assets/images/icons/ic_button_23.gif) 100% -23px no-repeat;white-space:nowrap;}
a.button-23.open-list {background-position: 0 -46px;}
a.button-23.open-list span {background-position: 100% -69px;}

/* TABLE CONTACT */ 

.InboxFindStatus span.login {position:relative;display:block;width:11px;height:11px;padding:0;background:transparent url(/assets/images/icons/ic_login_logoff_busy_11.gif) 100% 0 no-repeat;}
.InboxFindStatus span.logoff {display:block;position:relative;width:11px;height:11px;padding:0;background:transparent url(/assets/images/icons/ic_login_logoff_busy_11.gif) 100% -11px no-repeat;}
.InboxFindStatus span.busy {display:block;position:relative;width:11px;height:11px;padding:0;background:transparent url(/assets/images/icons/ic_login_logoff_busy_11.gif) 100% -22px no-repeat;}
                            
.InboxFindStatus span.login span.ballon, 
.InboxFindStatus span.logoff span.ballon,
.InboxFindStatus span.busy span.ballon {z-index:20;position:absolute; right:-5px;bottom:13px;min-width:4em;padding:5px 5px 8px;font-weight:normal;font-size:.9em;color:#fff;background:#696969 url(/assets/images/misc/bg_ballon_small_r.gif) 100% 100% no-repeat;display:none;}
.InboxFindStatus span:hover.login span.ballon, 
.InboxFindStatus span:hover.logoff span.ballon,
.InboxFindStatus span:hover.busy span.ballon {display:block;}

.navigation span ins {float:right;width:auto;min-width:14px;height:auto;margin:0 0 0 5px;padding:2px;background:#000;text-align:center;color:#fff;text-decoration:none}

/* BUTTON height 22px */
a.button-22,
#WidgetManager a.button-22 {float:left;height:22px;background: url(/assets/images/icons/ic_button_22.gif) 0 0 no-repeat;overflow:hidden;margin:0;padding:0 0 0 3px;text-decoration:none;font-size:12px;color:#000;line-height:22px;text-transform:none;border:none;border-right:1px solid #c0c0c0;}
a:hover.button-22,
#WidgetManager a:hover.button-22 {color:#bf3030;}
.disabled a.button-22,
#WidgetManager .disabled a.button-22 {float:left;cursor:default;height:22px;background:none;overflow:hidden;margin:0;padding:0;text-decoration:none;font-size:12px;color:#999;line-height:18px;border-right:1px solid #DDD;}
a.button-22 span,
#WidgetManager a.button-22 span {float:left;width:auto;height:22px;line-height:22px;margin:0;padding:0 10px 0 8px;background: url(/assets/images/icons/ic_button_22.gif) 0 0 no-repeat;white-space:nowrap;}
.disabled a.button-22 span,
#WidgetManager .disabled a.button-22 span {float:left;width:auto;height:22px;margin:0;padding:0 10px 0 10px;background-position:0 -44px;white-space:nowrap;}

.disabled.first a.button-22, .first.disabled a.button-22 {background: url(/assets/images/icons/ic_button_22.gif) 0 -66px no-repeat !important; padding: 0 0 0 3px !important;}
.disabled.first a.button-22 span, .first.disabled a.button-22 span {background-position: 0 -44px !important;}
.disabled.last a.button-22, .last.disabled a.button-22 {background: none !important; padding:0 !important;border-right:none !important;}
.disabled.last a.button-22 span, .last.disabled a.button-22 span {background-position: 100% -44px !important;}
.disabled.first.last a.button-22, .first.last.disabled a.button-22 {background-position: 0 -66px !important;padding:0 0 0 3px !important;border:none !important;}
.disabled.first.last a.button-22 span, .first.last.disabled a.button-22 span {background-position: 100% -44px !important;}

.first a.button-22 {background-position: 0% -22px !important;}
.first a.button-22 span{background-position: 0 0 !important;}
.last a.button-22 {background:none !important;padding:0 !important;border-right:none !important;}
.last a.button-22 span {background-position: 100% 0 !important;}
.first.last a.button-22 {background: url(/assets/images/icons/ic_button_22.gif) 0 -22px no-repeat !important;padding:0 0 0 2px !important;border:none !important;}
.first.last a.button-22 span {background: url(/assets/images/icons/ic_button_22.gif) 100% 0 no-repeat !important;}

/* BUTTON SEL height 22px */
a.button-sel-22 {float:left;height:22px;background:url(/assets/images/icons/ic_button_sel_22.gif) 0 -110px no-repeat;overflow:hidden;margin:0;padding:0 0 0 2px;text-decoration:none;font-size:12px;color:#000;line-height:22px;border:none;}
a:hover.button-sel-22 {color:#bf3030;}
.disabled a.button-sel-22 {background:url(/assets/images/icons/ic_button_sel_22.gif) 0 -154px no-repeat;color:#999;}
a.button-sel-22 span {float:left;width:auto;height:22px;margin:0;padding:0 22px 0 5px;background:url(/assets/images/icons/ic_button_sel_22.gif) 100% -88px no-repeat;white-space:nowrap;}
.disabled a.button-sel-22 span {background:url(/assets/images/icons/ic_button_sel_22.gif) 100% -132px no-repeat;white-space:nowrap;}

a.button-sel-22.up {background: url(/assets/images/icons/ic_button_sel_22.gif) 0 -22px no-repeat;}
.disabled a.button-sel-22.up {background: url(/assets/images/icons/ic_button_sel_22.gif) 0 -66px no-repeat;}
a.button-sel-22.up span {background: url(/assets/images/icons/ic_button_sel_22.gif) 100% 0 no-repeat;}
.disabled a.button-sel-22.up span {background: url(/assets/images/icons/ic_button_sel_22.gif) 100% -44px no-repeat;;}

/* BUTTON height 24px */
a.button-24,
#WidgetManager a.button-24 {float:left;height:24px;background:url(/assets/images/icons/ic_button_24.png) 0 0 no-repeat;overflow:hidden;margin:0;padding:0 0 0 1px;text-decoration:none;text-transform:none;font-size:12px;color:#000;line-height:24px;border-right:1px solid #c0c0c0;}
a:hover.button-24,
#WidgetManager a:hover.button-24 {color:#bf3030;}
.disabled a.button-24,
#WidgetManager .disabled a.button-24 {cursor:default;background:none;overflow:hidden;padding:0;text-decoration:none;border-right:1px solid #DDD;}
a.button-24 span,
#WidgetManager a.button-24 span {float:left;width:auto;height:24px;margin:0;padding:0 10px 0 9px;background: url(/assets/images/icons/ic_button_24.png) 0 0 no-repeat;white-space:nowrap;}
.disabled a.button-24 span,
#WidgetManager .disabled a.button-24 span {padding:0 10px 0 10px;background: url(/assets/images/icons/ic_button_24.png) 0 -48px no-repeat;}

.disabled.first a.button-24, .control-panel .first.disabled a.button-24 {background:url(/assets/images/icons/ic_button_24.png) 0 -72px no-repeat !important;padding:0 0 0 1px !important;}
.disabled.first a.button-24 span, .control-panel .first.disabled a.button-24 span {background:url(/assets/images/icons/ic_button_24.png) 0 -48px no-repeat !important;}
.disabled.last a.button-24, .control-panel .last.disabled a.button-24 {background:none;padding:0;border-right:none !important;}
.disabled.last a.button-24 span, .control-panel .last.disabled a.button-24 span {background:url(/assets/images/icons/ic_button_24.png) 100% -48px no-repeat !important;}
.disabled.first.last a.button-24, .control-panel .first.last.disabled a.button-24 {background:url(/assets/images/icons/ic_button_24.png) 0 -72px no-repeat !important;padding:0 0 0 1px !important;border:none !important;}
.disabled.first.last a.button-24 span, .control-panel .first.last.disabled a.button-24 span {background:url(/assets/images/icons/ic_button_24.png) 100% -48px no-repeat !important;}

.first a.button-24 {background: url(/assets/images/icons/ic_button_24.png) 0 -24px no-repeat !important;}
.first a.button-24 span{background: url(/assets/images/icons/ic_button_24.png) 0 0 no-repeat !important;}
.last a.button-24 {background:none;padding:0;border-right:none !important;margin-right:5px !important;}
.last a.button-24 span {background: url(/assets/images/icons/ic_button_24.png) 100% 0 no-repeat !important;}
.first.last a.button-24 {background: url(/assets/images/icons/ic_button_24.png) 0 -24px no-repeat !important;padding:0 0 0 1px !important;border:none !important;}
.first.last a.button-24 span, .last.first a.button-24 span {background: url(/assets/images/icons/ic_button_24.png) 100% 0 no-repeat !important;}

.active.first a.button-24 {background: url(/assets/images/icons/ic_button_24.png) 0 -120px no-repeat !important;}
.active.first a.button-24 span{background: url(/assets/images/icons/ic_button_24.png) 0 -96px no-repeat !important;}
.active.last a.button-24 {background:none;padding:0;border-right:none !important;margin-right:5px !important;}
.active.last a.button-24 span {background: url(/assets/images/icons/ic_button_24.png) 100% -96px no-repeat !important;}
.active.first.last a.button-24 {background: url(/assets/images/icons/ic_button_24.png) 0 -120px no-repeat !important;padding:0 0 0 1px !important;border:none !important;}
.active.first.last a.button-24 span, .active.last.first a.button-24 span {background: url(/assets/images/icons/ic_button_24.png) 100% -96px no-repeat !important;background-attachment: fixed !important;}
.active.first.last a.button-24 {background: url(/assets/images/icons/ic_button_24.png) 0 -120px no-repeat !important;padding:0 0 0 1px !important;border:none !important;}
.active.first.last a.button-24 span, .active.last.first a.button-24 span {background: url(/assets/images/icons/ic_button_24.png) 100% -96px no-repeat !important;background-attachment: fixed !important;}

.Account {float:left;/*height:48px;*/margin:0px 0 0;padding:0px;}
.Account ul {float:left;clear:both;}

/* ACCOUNT MANAGER */

.account-manager {width:100%;float:left;clear:both;margin:0 0 10px;position:relative;}
.account-manager .head {clear:both;width:100%;position:relative;}
.account-manager h3 {float:left;margin-right:50px;}
.account-manager .button-set {float:right;width:25px;height:21px;border:none;}
.account-manager .head .content-popdown {margin:0px 0 0;}

.control-panel {width:100%;float:left;clear:both;position:relative;z-index:20;}
.control-panel ul {width:100%;list-style:none;margin:0;}
.control-panel ul li {list-style:none;float:left;margin:0 0 2px;padding:0;}
.control-panel ul .last {margin:0 5px 2px 0;}
* html .control-panel ul li.last {float:left !important;}

/*  PAGERS */

.Pagers {/*width:45%;*/position:absolute;right:0;padding:0;}
.GoToPage {float:left;position:relative;margin:0 5px 0 0;}
* html .GoToPage {width:8em;}
.Pagers .label {float:left;margin:0 .5em 0 0;line-height:22px;}
.Pagers .ShowRows {float:left;position:relative;margin:0 5px 0 0;}
* html .Pagers .ShowRows {width:9em;}
.Pagers .Navigation {float:left;position:relative;}

.PagerHome {float:left;width:21px;height:19px;background: url(/assets/images/icons/ic_page-start.gif) no-repeat;margin:2px 0 0 2px;}
.PagerHome.disabled {float:left;width:21px;height:19px;background: url(/assets/images/icons/ic_page-start_off.gif) no-repeat;margin:2px 0 0 2px;}
.PagerNext {float:left;width:21px;height:19px;background: url(/assets/images/icons/ic_page-next.gif) no-repeat;margin:2px 0 0 2px;}
.PagerNext.disabled {float:left;width:21px;height:19px;background: url(/assets/images/icons/ic_page-next-off.gif) no-repeat;margin:2px 0 0 2px;}
.PagerPrev {float:left;width:21px;height:19px;background: url(/assets/images/icons/ic_page-prev.gif) no-repeat;margin:2px 0 0 2px;}
.PagerPrev.disabled {float:left;width:21px;height:19px;background: url(/assets/images/icons/ic_page-prev-off.gif) no-repeat;margin:2px 0 0 2px;}
.PagerFinish {float:left;width:21px;height:19px;background: url(/assets/images/icons/ic_page-finish.gif) no-repeat;margin:2px 0 0 2px;}
.PagerFinish.disabled {float:left;width:21px;height:19px;background: url(/assets/images/icons/ic_page-finish-off.gif) no-repeat;margin:2px 0 0 2px;}
.PagerRange {float:left;margin:3px 3px 0 5px;font-size:.9em;font-weight:400;}

#Summary span { padding-left: 10px; padding-right: 0.8em; line-height: 1.5em; background: transparent url(/assets/images/icons/ic_marker_b.gif) 0 50% no-repeat;} 
#Summary a {text-decoration: none;} 

/* CAROUSEL */

.carousel-gor-wrap {overflow:hidden;clear: both; background: #f8f8f8; border: 0px solid #c0c0c0; border-top: none; margin-bottom: 10px; /*text-align: center;*/}
#active-log{/*height:90px;*/margin:0 auto;position:relative;overflow:hidden;border:1px solid #c0c0c0;background:#fff;padding:10px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
#active-log .container {float:left;width:668px;margin:0 16px;height:8em;position:relative;overflow:hidden;}
#active-log .container-wrap {width:667px;overflow:hidden;}
#active-log ul{position:relative;top:0;left:0;width:100000px;height:90px;margin:0;padding:0;}                      
#active-log ul li{float:left;width:156px;height:auto;list-style:none;margin:0;padding:5px;border-right:1px solid #e0e0e0;}
#active-log .previous-button{position:absolute;top:50%;left:10px;margin:-11px 0 0;width:11px;height:22px;z-index:100;overflow:hidden;}
#active-log .previous-button a{float:left;width:11px;height:22px;background: url(/assets/images/icons/ic_arrow_gray_11x22.png) no-repeat;text-decoration:none;cursor:pointer;}
#active-log .previous-button a:hover{background-position:0 -22px;}
#active-log .previous-button.disabled a{background-position: 0 -44px;cursor:default;}
#active-log .next-button {position:absolute;top:50%;left:100%;margin:-11px 0 0 -21px;width:11px;height:22px;z-index: 100;overflow:hidden;}
#active-log .next-button a{float:right;width:11px;height:22px;background: url(/assets/images/icons/ic_arrow_gray_11x22.png) -11px 0 no-repeat;text-decoration:none;cursor: pointer;}
#active-log .next-button a:hover {background-position: -11px -22px;}
#active-log .next-button.disabled a{background-position: -11px -44px;cursor:default;}

#active-log dl {width:100%;margin:0;padding:0;overflow:hidden;height:auto;}
#active-log dt.ki {margin:0;padding:0; padding-left: 0.5em;width:100%;font-size:11px;  line-height:20px;text-align:left; white-space:nowrap; overflow: hidden; text-transform: uppercase;}
#active-log dd {clear: both; display: block; margin:0 0 10px 0; padding-left: 0.5em;}
#active-log dd.disabled {color: #dddddd;}
#active-log dd.enabled {color: #000000;}

#active-log .metrics {clear: both; font-size:24px;margin:.1em 0;width:100%;line-height:48px; white-space:nowrap; overflow: hidden;}
#active-log .benchmark { font-size:11px;line-height:140%;height:4em;overflow:hidden; }
#active-log .benchmark strong{font-size:1.1em;color:#666666;font-weight:600;}
#active-log .benchmark .null{font-weight:400;font-size:1.1em;color:#999999;letter-spacing:-0.05em;white-space:nowrap;}
#active-log .benchmark .up{font-weight:400;font-size:1.1em;color:#209920;letter-spacing:-0.05em;white-space:nowrap;}
#active-log .benchmark .down{font-weight:400;font-size:1.1em;color:#cc0000;letter-spacing:-0.05em;white-space:nowrap;}

#active-log .timeline {clear: both;  display: block; text-align:center; padding: 4px; font-size: 9px;}
#active-log .timeline .duration {display: block; color: #00000;}
#active-log .lifespan {text-align: center; display: inline-block; font-weight: 600; }
#active-log .this {float: left;  color: #000000;}
#active-log .last {float: right; color: #333333;}
#active-log .on {color:#209920;}
#active-log .off {color: #ff0000}
#active-log .timeline lifespan  {color: #ff0000}


#image-scroll {/*height:90px;*/margin:0 auto;position:relative;overflow:hidden;background:#fff;}
#image-scroll .container {float:left;width:732px;margin:0;height:120px;position:relative;overflow:hidden;}
#image-scroll ul{position:relative;top:0;left:0;width:100000px;height:90px;margin:0;padding:0;}                      
#image-scroll ul li {float:left;width:183px;height:120px;list-style:none;margin:0;padding:0;}
#image-scroll .previous-button{position:absolute;top:50%;left:10px;margin:-11px 0 0;width:11px;height:22px;z-index:100;overflow:hidden;}
#image-scroll .previous-button a{float:left;width:11px;height:22px;background: url(/assets/images/icons/ic_arrow_gray_11x22.png) no-repeat;text-decoration:none;cursor:pointer;}
#image-scroll .previous-button a:hover{background-position: 0 -22px;}
#image-scroll .previous-button.disabled a{background-position:0 -44px;cursor:default;}
#image-scroll .next-button {position:absolute;top:50%;left:100%;margin:-11px 0 0 -21px;;width:11px;height:22px;z-index: 100;overflow:hidden;}
#image-scroll .next-button a{float:right;width:11px;height:22px;background: url(/assets/images/icons/ic_arrow_gray_11x22.png) -11px 0 no-repeat;text-decoration:none;cursor: pointer;}
#image-scroll .next-button a:hover {background-position: -11px -22px;}
#image-scroll .next-button.disabled a{background-position:-11px -44px;cursor:default;}
#image-scroll .scroll-item {width:183px;height:120px;overflow:hidden;}
.scroll-item a {position:relative;float:left;width:183px;height:120px;text-decoration:none;color:#fff;font-size:12px;background-position: 50% 50%;}
.scroll-item a .description {display:none;position:absolute;bottom:0;width:163px;overflow;hidden;margin:0;padding:10px;background: url(/assets/images/misc/bg_transparent_black_50.png);border-bottom:5px solid #000;}
.scroll-item a:hover .description {display:block;}
.scroll-item a:hover .description .name {margin-right:1em;}
.scroll-item a:hover .description .date {display:block;clear:both;font-style:italic;font-size:11px;}

.LoaderProgress {clear: both; padding: .25em; border: none; margin-bottom: 0px; text-align: center;}
.LoaderProgress .LoaderIndicator {width:100%;/*height:70px;*/margin:10px auto;padding:0 0 25px;}
.Loader {background: url(/assets/images/icons/ic_loading_processing_gray.gif) 50% 100%  no-repeat;}
.LoaderProgress .LoaderIndicator  {text-align: center !important; font-weight: 600;}


/*  SEARCH RESULT LIST */

#SearchResultList {position:absolute;z-index:100;width:auto;margin:0;top:100%;left:-7px;right:-7px;}
#SearchResultList .content-head {overflow:hidden;height:30px;width:100%;background: url(/assets/images/misc/bg_search_list_head.gif) repeat-x;}
#SearchResultList .content-head h5 {font-size:12px;font-weight:normal;height:30px;line-height:30px;overflow:hidden;margin:0 25px 0 10px;}
#SearchResultList .content-head .b_control a {display:block;position:absolute;right:10px;top:7px;width:16px;height:16px;overflow:hidden;}
#SearchResultList .content-head .b_control span {display:none;}

#SearchResultList .content-head .b_close a {background:url(/assets/images/icons/close.gif) no-repeat;}
#SearchResultList .content-head .b_trash a {background:url(/assets/images/icons/trash.gif) no-repeat;}

#SearchResultList .contentLoading {width:100%;height:200px;margin:10px auto;text-align:center;}
#SearchResultList .contentLoading p, #SearchResultList .contentLoading div {display:inline-block; vertical-align:middle; width:98%; zoom:1; //display:inline}
#SearchResultList .contentLoading img {display:block;clear:both;width:16px;height:16px;margin: 0 auto 10px;}
#SearchResultList .contentLoading .separator {display:inline-block; height:100%; width:0px; vertical-align:middle; zoom:1; //display:inline}

#SearchResultList .page-control {position:relative;margin:10px 0;padding:0;height:16px;clear:both;}

#SearchResultList .page-control .scroll {position:absolute;top:7px;right:0;width:16px;height:16px;overflow:hidden;}
#SearchResultList .page-control .scroll a {display:block;width:16px;height:16px;overflow:hidden;}
#SearchResultList .page-control .scroll a span{display:none;}
#SearchResultList .page-control .scroll a.up {background: url(/assets/images/icons/ic_scroll-v_16x16.gif) 0 0 no-repeat;}
#SearchResultList .page-control .scroll a.up:hover {background: url(/assets/images/icons/ic_scroll-v_16x16.gif) 0 -32px no-repeat;}
#SearchResultList .page-control .scroll a.up.disabled {background: url(/assets/images/icons/ic_scroll-v_16x16.gif) 0 -32px no-repeat;cursor:default;}
#SearchResultList .page-control .scroll a.down {background: url(/assets/images/icons/ic_scroll-v_16x16.gif) 0 -16px no-repeat;}
#SearchResultList .page-control .scroll a.down:hover {background: url(/assets/images/icons/ic_scroll-v_16x16.gif) 0 -48px no-repeat;}
#SearchResultList .page-control .scroll a.down.disabled {background: url(/assets/images/icons/ic_scroll-v_16x16.gif) 0 -48px no-repeat;cursor:default;}

#SearchResultList .page-control .pagers {margin:10px 20px 0 0;overflow:hidden;line-height:16px;}

#SearchResultList .content-result {padding:0 10px;clear:both;}
#SearchResultList .content-result .content-box {float:left;clear:both;width:100%;height:154px;overflow:hidden;}
#SearchResultList .content-result table {width:100%;margin:0;padding:0;vertical-align:top;border-collapse:collapse;border:0;}
#SearchResultList .content-result table tr {margin:0;padding:0;border-bottom:1px dotted #c0c0c0;}
#SearchResultList .content-result table td {padding:5px 10px 5px 0;vertical-align:top;}
#SearchResultList .content-result table td.stat {text-align:right;padding:5px 0;}

#SearchResultList .PopDownShadow .special-settings {float:left;width:94%;margin:0 !important;padding:0 3% !important;border-top:1px solid #e4e4e4;position:relative !important;}

#SearchResultList .content-box .v-wrap {/*display:-moz-inline-box; */display:inline-block; vertical-align:middle; width:98%; zoom:1; /*display:inline*/}
#SearchResultList .content-box .separator {/*display:-moz-inline-box; */display:inline-block; height:100%; width:0px; vertical-align:middle; zoom:1; /*display:inline*/}

#SearchResultList .PopDownShadow .content-box {float:left;margin:0 0 20px;}
#SearchResultList .PopDownShadow .content-box ul {list-style:none;margin:0 !important;padding:0;position:relative;clear:both;}
#SearchResultList .PopDownShadow .content-box li {float:left;width:100%;height:10px !important;clear:both; line-height:10px !important;margin:0 !important;padding:10px 0 !important;border-bottom:1px dotted #c0c0c0;background-image:none;}
#SearchResultList .PopDownShadow .content-box .item-id {float:left;margin-right:10px !important;}
#SearchResultList .PopDownShadow .content-box .item-title {float:left;width:43%;margin-right:10px !important;}
#SearchResultList .PopDownShadow .content-box .item-stat {float:right;text-align:right;}


/* WIDGET JMP */
.WidgetJPM {position:relative;z-index:50;margin-top:-10px;float:left;width:100%;}
.WidgetJPM .win-white-shadow {position:relative;clear:both;}
.WidgetJPM .win-white-shadow .wrap-l {margin:0 0 10px;}
.WidgetJPM .win-white-shadow .wrap-r {}
.WidgetJPM .win-white-shadow .footer {position:absolute;bottom:auto;top:100%;margin-top:-10px;}
.WidgetJPM .win-white-shadow .content {margin:5px 10px 0 -4px;/*float:left;*/clear:both;overflow:hidden;background:#f0f0f0;}

/* WIDGET LAYOUT TWO COLUMN */

.WidgetJPM .c12 .ColWraper {float:left;width:200%;margin-left:-185px;position:relative;right:100%; /*Centre column background colour */background: #c0c0c0;}
.WidgetJPM .c12 .ColContainer {float:left;width:100%;/*margin-right:0;*/background:#fff; /* Left column background colour */}
.WidgetJPM .c12 .MainContentWrap {float:left;width:50%;padding-bottom:1em;}
.WidgetJPM .c12 .ColMain {border:none;margin:0 0 0 185px;padding:0;position:relative;left:100%;overflow:hidden;}

.WidgetJPM .c12 .ColRight {border:none;float:right;width:190px;position:relative;left:190px;}
.WidgetJPM .c12 .ColLeft {display:none;}

.WidgetJPM .conversation {position:relative;width:95%;height:48px;float:left;clear:both;;margin:0;padding:0 5% 0 0;border-bottom:1px solid #bbbbbb;}
.WidgetJPM .conversation h4 {float:left;font-size:16px;font-weight:normal;margin:15px 10px 10px 0;padding:0 10px;border:0;border-right:1px solid #bbbbbb;}
.WidgetJPM .conversation .button-close {position:absolute;top:15px;right:10px;width:18px;height:18px;z-index:2;}
.WidgetJPM .clear-shadow {position:relative;float:left;clear:both;}

.WidgetJPM .connect-direction {float:left; height:18px;margin:15px 0;/*width:70%;*/}
.WidgetJPM .connect-direction img {width:18px;height:18px;margin:0 5px;vertical-align:middle;}
.WidgetJPM .connect-direction span {display:inline;float:left;}
.WidgetJPM .connect-direction span.status {margin:0 5px;float:left;}
.WidgetJPM .connect-direction span.status ins {display:inline;float:left;width:auto;min-width:14px;height:auto;margin:0 5px 0 0;padding:2px;background:#000;text-align:center;color:#fff;}
.WidgetJPM .connect-direction span.status .login {float:left;width:11px;height:11px;margin:3px 5px 0 0;background:transparent url(/assets/images/icons/ic_login_logoff_11.gif) no-repeat;}
.WidgetJPM .connect-direction span.status .logoff {float:left;width:11px;height:11px;margin:3px 5px 0 0;background:transparent url(/assets/images/icons/ic_login_logoff_11.gif) 0 -11px no-repeat;} 
.connect-direction span.counter {color: #fff; background: #000; margin:0 5px 0 0;padding-left: 2px; padding-right: 2px; font-size: 10px !important;}

.WidgetJPM .connect-direction .icon-con-dir {position:relative;}
.WidgetJPM .connect-direction .icon-con-dir span.ballon {z-index:20;position:absolute; left:3px;top:100%;margin-top:2px;min-width:15em;padding:8px 5px 5px;font-size:.9em;color:#fff;background:#696969 url(/assets/images/misc/bg_ballon_small-down.gif)0 0 no-repeat;display:none;}
.WidgetJPM .connect-direction a:hover.icon-con-dir span.ballon {display:block;}

/* CONTACT RODTER */

.WidgetJPM .ContactRoster {position:relative;width:100%;margin: 0 0 10px;padding: 0 0 10px;border:none;background:transparent;}
.ContactRoster .header {position:relative;z-index:50;margin:0;padding:5px 0 0;width:100%;border-bottom:1px solid #8b8b8b;}
.ContactRoster ul {list-style: none; margin: 10px 0; padding: 0; /*overflow: hidden;*/}
.ContactRoster li {float:left;clear:both;position:relative;list-style: none;margin: 0;padding: 0;/*line-height: 24px;*/font-size: 12px;}
.ContactRoster li.active {background:#fff;}
.ContactRoster li a {float:left;width:149px;padding: 5px 24px 5px 26px;text-transform: capitalize;text-decoration: none;}
.ContactRoster li a:hover {background:#f7f7f7;}
.ContactRoster li.last a {border-bottom:none;}
.ContactRoster h3{display: block; color: #000;font-size: 1.0em;text-transform: uppercase;font-weight: 600; margin:0 10px;padding-right: 20px;}
.ContactRoster h3 a {text-decoration: none; font-weight:600;color:#3D6B88;}
.ContactRoster p {margin:0 !important;padding:0 !important;}


.ContactRoster .header .ToolsOptions {position:absolute; z-index:2;top:5px;right:5px;}
.ContactRoster .header .ToolsOptions a {float:left;width:16px;height:16px;margin:0 0 0 1px;}
.ContactRoster .header .ToolsOptions a span {display:none;}
.ContactRoster .switch {position:relative;margin:0;padding:0;font-size:.9em;clear:both;}
.ContactRoster .switch a {text-decoration:none;color:#000;}
.ContactRoster .switch a:hover {color:#f00000;}
.ContactRoster .switch .div {margin:0;padding:0 0 5px;border:none;background:none;}

.ContactRoster .div-id {}
.ContactRoster .div-ic {display:block;clear:both;min-height:16px;margin:0 10px;padding:0;font-size:.9em;}
.ContactRoster .net {padding:0 0 0 20px;}
.ContactRoster .time {padding:0 0 0 20px;}

/* FIX ME */

.ContactRoster .switch {overflow:visible;}
.ContactRoster .switch .screen {overflow:hidden;border-top:1px solid #8b8b8b;clear:both;}
.ContactRoster .switch .screen .content {background:#fff;}

.ContactRoster .switch .screen ul {float:left;clear:both;margin:0;padding:10px;}
.ContactRoster .switch .screen li {margin:0;padding:0;}
.ContactRoster .switch .screen li.active {}
.ContactRoster .switch .screen li a {margin:0;}
.ContactRoster .switch .screen li a:hover {background:none;}

/* END FIX */



/*
.ContactRoster .screen {position:absolute;z-index:20;left:0px;right:0px;top:100%;z-index:5;margin:1px 0 0;padding:0;clear:both;overflow:hidden;border:none;background:#e0e0e0;}
.ContactRoster .screen ul {margin:0 10px;padding:0 0 10px;overflow:hidden;}
*/
.ContactRoster .pager {margin:0;clear:both;padding:5px 15px;background:#fff;border-top:1px solid #8b8b8b;}
.ContactRoster .footer {clear:both;margin:0;padding:5px 15px;/*background:#ebebeb;*/border-top:1px solid #8b8b8b;}

.ContactRoster .Screenloader {width:100%;float:left;clear:both;/*border-top:1px solid #8b8b8b;*/margin:0;padding:40px 0 30px;}
.ContactRoster .Screenloader p {display:block;margin: 0 auto;text-align: center;font-size:.85em;}
.ContactRoster .Screenloader p img {width: 16px;height: 16px;margin: 10px auto;display: block;}


.ContactRoster h3.SnapShotOptions a {float:left;width:85%;padding-right:15%;background: transparent url(/assets/images/icons/ic_arrow_l-b_blue_13x13.gif) 100% 50% no-repeat;}
.ContactRoster h3.SnapShotOptions a.active {background: transparent url(/assets/images/icons/ic_arrow_r-t_blue_13x13.gif) 100% 50% no-repeat;}

.ContactRoster .edit {background:url(/assets/images/icons/ic_edit.gif) 0 0 no-repeat;}
.edit:hover {background:url(/assets/images/icons/ic_edit.gif) 0 -16px no-repeat;}
.edit.active {background:url(/assets/images/icons/ic_edit.gif) 0 -16px no-repeat;}

.ContactRoster span.left {display:block;width:135px;overflow:hidden;}
.ContactRoster span span.login {float:left;position:absolute;top:5px;left:10px;width:11px;height:11px;margin:2px 0px 0 0;padding:0;background:transparent url(/assets/images/icons/ic_login_logoff_busy_11.gif) 100% 0 no-repeat;}
.ContactRoster span span.logoff {float:left;position:absolute;top:5px;left:10px;width:11px;height:11px;margin:2px 0px 0 0;padding:0;background:transparent url(/assets/images/icons/ic_login_logoff_busy_11.gif) 100% -11px no-repeat;}
.ContactRoster span span.busy {float:left;position:absolute;top:5px;left:10px;width:11px;height:11px;margin:2px 0px 0 0;padding:0;background:transparent url(/assets/images/icons/ic_login_logoff_busy_11.gif) 100% -22px no-repeat;}

.ContactRoster span.login span.ballon, 
.ContactRoster span.logoff span.ballon,
.ContactRoster span.busy span.ballon {z-index:20;position:absolute; left:-3px;bottom:13px;min-width:4em;padding:5px 5px 8px;font-weight:normal;font-size:.9em;color:#fff;background:#696969 url(/assets/images/misc/bg_ballon_small.gif)0 100% no-repeat;display:none;}
.ContactRoster span:hover.login span.ballon, 
.ContactRoster span:hover.logoff span.ballon,
.ContactRoster span:hover.busy span.ballon {display:block;}

.ContactRoster .transport {position:absolute;z-index:10;top:5px; right:21px;float:right;width:16px;height:16px;}
.ContactRoster .transport span {display:none;}
.ContactRoster .transport.icq-on {background: url(/assets/images/icons/icq_online.png) no-repeat;}
.ContactRoster .transport.icq-off {background: url(/assets/images/icons/icq_offline.png) no-repeat;}

.ContactRoster .transport.jabber-on {background: url(/assets/images/icons/ic_dialog.gif) no-repeat;}
.ContactRoster .transport.jabber-off {background: url(/assets/images/icons/ic_dialog.gif) 0 -16px no-repeat;}

.ContactRoster .counter {position:absolute;z-index:10;top:5px; right:21px;/*float:right;*/min-width:14px;height:14px;color: #fff; background: #666; padding: 0 2px; font-size: 10px !important;text-align:center;line-height:14px;}

.ContactRoster .set {width:183px;float:left;*/clear:both;border:1px solid #f0f0f0;border-top:1px solid #8b8b8b;border-bottom:1px solid #8b8b8b;margin:0;padding:30px 0 30px;background:#ffffff;}
.ContactRoster .set  p {width:80%;margin: 0 auto !important;padding: 0 15px;text-align: left;font-size:.85em;color:#f00000;}
.ContactRoster .set p img {width: 16px;height: 16px;margin: 10px auto;display: block;}

/* SNAPSHOT PAGER */
.ContactRoster .pager {position: relative;font-size:.9em;height:16px;line-height:16px;text-align:center;background:transparent;}
.ContactRoster .pager img {vertical-align:middle;}
.ContactRoster .pager .previous {position:absolute;left:10px;}
.ContactRoster .pager .next {position:absolute;right:10px;}

.FormMessageSend {float:left;clear:both;width:100%;margin:0 0 10px;padding:0;}
.FormMessageSend textarea.message-txt {display:block;margin:0 0 10px;padding:5px;width:100%;max-width:925px;height: 4em;border:none;border:1px solid #fff;-moz-border-radius:5px;border-radius:5px;-webkit-border-radius:5px;border-top:1px solid #c0c0c0;overflow:visible;}
.FormMessageSend .corner-4 {overflow:hidden;margin:0;padding:0 0 10px;border:1px solid #c0c0c0;-moz-border-radius:4px;border-radius:4px;-webkit-border-radius:4px;}
.FormMessageSend .corner-4 ins {display:none;}

.box-white {float:left;width:100%;margin:0 0 10px;background:#fff;border:none;overflow:hidden;}
.box-white.r3 {border:1px solid #fff;-moz-border-radius:5px;border-radius:5px;-webkit-border-radius:5px}
.box-white.brd-top {border-top:1px solid #c0c0c0;}



.WidgetJPM .Pagers-v {width:100%;height:auto;position:relative;margin:10px 0 0;padding:0;/*background:#fff url(/assets/images/misc/bg_win_scroll_v.gif) 100% 0 repeat-y;*/overflow:hidden;}
.WidgetJPM .Pagers-v .navigation {position:absolute;top:0;left:0;width:19px;height:100%;background:#d7d7d7;}
.WidgetJPM .Pagers-v .navigation a {display:block;width:19px;height:24px;background:#fff;}
.WidgetJPM .Pagers-v .navigation a.b-home {position:absolute;top:0;left:0;background:#fff;}
.WidgetJPM .Pagers-v .navigation a.b-prev {position:absolute;top:24px;left:0;background:#fff;}
.WidgetJPM .Pagers-v .navigation a.b-next {position:absolute;bottom:24px;left:0;background:#fff;}
.WidgetJPM .Pagers-v .navigation a.b-end {position:absolute;bottom:0;left:0;background:#fff;}
.WidgetJPM .Pagers-v .navigation a.b-home span{display:block;margin:0;width:19px; height:21px;background:#fff url(/assets/images/icons/ic_pager_vertical.gif) 0 0 no-repeat;}
.WidgetJPM .Pagers-v .navigation a.b-prev span{display:block;margin:0;width:19px; height:21px;background:#fff url(/assets/images/icons/ic_pager_vertical.gif) 0 -21px no-repeat;}
.WidgetJPM .Pagers-v .navigation a.b-next span{display:block;margin:2px 0 0;width:19px; height:21px;background:#fff url(/assets/images/icons/ic_pager_vertical.gif) 0 -42px no-repeat;}
.WidgetJPM .Pagers-v .navigation a.b-end span{display:block;margin:2px 0 0;width:19px; height:21px;background:#fff url(/assets/images/icons/ic_pager_vertical.gif) 0 -63px no-repeat;}

.WidgetJPM .Pagers-v .content-message {margin-left:30px;}
.WidgetJPM .Pagers-v .content-message ul {list-style:none;width:100%;margin:0;}
.WidgetJPM .Pagers-v .content-message li {list-style:none;width:100%;margin:0 0 10px;padding:0 0 10px;border-bottom:1px solid #b0b0b0;}
.WidgetJPM .Pagers-v .content-message h5 {font-size:12px;font-weight:600; color: #666; margin:0 0 1em;/*letter-spacing:.05em;*/}
.WidgetJPM .Pagers-v .content-message h5 span {font-size:11px;color:#666;font-weight:normal;letter-spacing:0;}
.WidgetJPM .Pagers-v .content-message h5 span span.from {font-size:12px;color:#000;}
.WidgetJPM .Pagers-v .content-message p a {text-decoration:none;border-bottom:1px dotted #3d6b88;}
.WidgetJPM .Pagers-v .content-message p a.external {text-decoration:underline;border-bottom:none;}
.WidgetJPM .Pagers-v .content-message p a[target="_blank"] {text-decoration:underline;border-bottom:none;}

.WidgetJPM .Pagers-v .content-notifications {margin-left:30px; margin-top: 5px;}
.WidgetJPM .Pagers-v .content-notifications ul {list-style:none;width:100%;margin:0;}
.WidgetJPM .Pagers-v .content-notifications li {list-style:none;width:100%;margin:0 0 10px;padding:0 0 10px;}


/* SCROLLBAR*/

#scrollbar_container {position:relative;width:100%;} 
#scrollbar_track {position:absolute;top:48px;right:0;height:202px;width:19px;background-color:transparent;cursor:move;} 
#scrollbar_handle {width:17px;border:1px solid #ababab;background:#fafafa url(/assets/images/misc/bg_hadle_17.gif) repeat-y;cursor:move;-moz-border-radius: 3px;webkit-border-radius: 3px;opacity:0.9;-moz-opacity:0.9;}
#scrollbar_content {overflow:hidden;width:485px;height:300px;} 
.WidgetJPM  #scrollbar_content {width:auto;}

/* DATE PAGERS */

.WidgetJPM .DatePagers {clear:both;width:100%;height:14px;font-size:12px;background: url(/assets/images/icons/ic_calendar.png) 0 1px no-repeat;}
.WidgetJPM .DatePagers p {float:left;margin:0 0 0 20px !important;line-height:14px;}
.WidgetJPM .DatePagers p a, .WidgetJPM .DatePagers p span {text-decoration:none;margin:0 5px;}
.WidgetJPM .DatePagers p span.active, .WidgetJPM .DatePagers p a.active {font-weight:600;}

/* HEAD AND RBI */

#Summary {float: left; width: 80%; border: 2px solid #fff; background: none; padding: 0.5em;}
#Summary span { padding-left: 10px; padding-right: 0.8em; line-height: 1.5em; background: transparent url(/assets/images/icons/ic_marker_b.gif) 0 50% no-repeat;} 
#Summary a {text-decoration: none;} 

#Identification {padding-bottom: 5px;}
#Identification span {  color: #000; font-size: 10px; padding: 1px; padding-left: 4px; padding-right: 4px; margin-right: 0.5em; background:  #eee; } 

#Mastehead {display: block; clear: both;  padding-top:10px;}
#Mastehead h3 {font-size: 18px; line-height: 1.1em;}

#Visual {float:left;  border: 1px solid #dddddd; background: #ffffff; lign-height: 84px; width: 84px; height: 84px; margin-right: 10px;  text-align:center; vertical-align:bottom;}
#Visual .avator {display: block; width: 83px; height: 83px; background-position: 50% 50%;background-repeat:no-repeat;}

#WidgetManager {display:block; clear: both;  padding-left: 0px; margin-top: 0px; margin-bottom: 5px; width: 99%; white-space: nowrap; overflow: hidden;}

/* MASTHEAD AND RBI */

#Masthead {display: block; clear: both;  padding-top:10px;}
#Masthead  h3.cName {font-size: 18px; line-height: 1.1em;}

#Masthead .pCard {float:left;  border: 1px solid #dddddd; background: #ffffff; line-height: 84px; width: 84px; height: 84px; margin-right: 10px;  text-align:center; vertical-align:bottom}
#Masthead .pCard span {display: block; width: 83px; height: 83px;  background: transparent;}
#Masthead .iCard {padding-bottom: 5px;}
#Masthead .iCard span { color: #000; font-size: 10px; padding: 1px; padding-left: 4px; padding-right: 4px; margin-right: 0.5em; background:  #eee; white-space: nowrap; } 
#reReport {float: left; width: 80%; border: 2px solid #fff; background: none; padding: 0.5em;}              
#reReport span { padding-left: 10px; padding-right: 0.8em; line-height: 1.5em; background: transparent url(../../assets/images/icons/ic_marker_b.gif) 0 50% no-repeat;} 
#reReport  a {text-decoration: none; font-weight: 600;} 


#FormManager {display:block; clear: both;  padding-left: 0px; margin-top: 0px; margin-bottom: 15px; width: 99%; white-space: nowrap; overflow: hidden;}

/*  #WidgetManager {display:block; clear: both;  padding-left: 0px; margin-top: 0px; margin-bottom: 5px; width: 99%; white-space: nowrap; overflow: hidden;} */

/* STORYLINE */

#StoryNCount, #scheduledUpdateStoryNCount {border: 0px solid;z-index:100; position:absolute; top:8px; right: 0px;margin:0px;padding:0; padding-bottom:  3px;background: url(../../assets/images/misc/bg_mess_cont_3x3.gif) 2px 100% no-repeat; }
#StoryNCount span, #scheduledUpdateStoryNCount span{display:block;background:#ff0000;padding:3px;color:#fff;font-size:10px;text-decoration:none;}

#Storyline {clear: both; display: block; padding-top: 1.5em; }
#Storyline ul {clear: both; display: block;  list-style:none; margin:0px; padding:0px;}
#Storyline li {clear: both; display: block;  list-style:none;margin:0; margin-bottom: 0.8em; padding-bottom: 0.8em;}

#Storyline li.Story {border-bottom:1px dotted #e0e0e0;}
#Storyline .Thumb  {float:left; border: 1px solid #dddddd; background-color: #ffffff; line-height: 34px; width: 34px; height: 34px; margin:2px; margin-right: 10px;  text-align:center; vertical-align:bottom;}
#Storyline .Thumb span {display: block; width: 34px; height: 34px; background: transparent;background-position: 50% 50%;background-repeat: no-repeat;}  

#Storyline .Headline {padding-bottom: 1em;}
#Storyline .Headline a {font-weight: 600; text-decoration: none;}
#Storyline .Headline em {font-size:  11px; color: #333;}
#Storyline .Headline em a {text-decoration: none; border-bottom: 1px dotted; color: #333; font-style:normal; font-weight: normal;}

#Storyline .Body {float: left; width: 90%; border: 0px solid #fff; background: none; padding: 0em; padding-top: 0.5em;}
#Storyline .Body a {text-decoration: none; border-bottom: 1px dotted;}
#Storyline .Body .comment {font-size: 12px; color: #666; display: block;}

#Storyline .Tools {display: block;  clear: both; padding-left:48px; font-size: 11px; color: #666; background-position: 100% 50%;background-repeat:no-repeat;}

#WidgetManager {clear:both;width:98%;margin:0px; padding: 5px 5px 10px 40px;}
#WidgetManager a {float:left; text-transform: uppercase; margin-right:8px;cursor:pointer; height:16px;background:url(/assets/images/misc/button_16.png) 0 -16px no-repeat;overflow:hidden;padding: 0 0 0 5px;text-decoration:none;font-size:11px;color:#000;}
#WidgetManager a:hover {color:#BF3030; background:url(/assets/images/misc/button_16.png) 0 -16px no-repeat;}
#WidgetManager a span {float:left;width:auto;height:16px;margin:0;padding:0 10px 0px 5px;background:url(/assets/images/misc/button_16.png) 100% 0 no-repeat;;white-space:nowrap;}

#WidgetManager a.Current,
#WidgetManager a.active {float:left; font-weight: 600; text-transform: uppercase; margin-right:8px;cursor:pointer; height:16px;background:url(/assets/images/misc/button_16.png) 0 -16px no-repeat;overflow:hidden;padding:0  0 0 5px;text-decoration:none;font-size:11px;color:#000;}
#WidgetManager a.Current span,
#WidgetManager a.active span {float:left;width:auto;height:16px;margin:0;padding:0 10px 0 5px;background:url(/assets/images/misc/button_16.png) 100% 0 no-repeat;white-space:nowrap;}

*+html #WidgetManager ul {zoom:1;}
*+html #WidgetManager li {zoom:1;float:left;}

/* STREAM - STORYLINE - FEED - LIST */

#StoryFlagCount, .StoryFlagCount {border: 0px solid;z-index:100; position:absolute; top:8px; right: 0px;margin:0px;padding:0; padding-bottom:  3px;background: url(/assets/images/misc/bg_mess_cont_3x3.gif) 2px 100% no-repeat; }
#StoryFlagCount span, .StoryFlagCount span {display:block;background:#ff0000;padding:3px;color:#fff;font-size:10px;text-decoration:none;}


#Stream {clear: both; display: block; padding-top: 1.5em; }
#Stream ul {clear: both; display: block;  list-style:none; margin:0px; margin-bottom: 2em; padding:0px;}
#Stream li {clear: both; display: block;  position:relative; list-style:none; margin:0; margin-bottom: 0.8em; padding-bottom: 0.8em;}
#Stream a {text-decoration: none;}
#Stream .Open {display: block;}  
#Stream .Close {display: none;}  
#Stream .Selected {background:#f8f8f8;}  
#Stream .Important {color: #ff0000;}
#Stream .Status{font-weight: 600;}


#Stream .Header {border-bottom: 1px solid #ddd;}
#Stream .Header:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
[if IE] .Story dd.Message:after {  zoom: 1;     /* triggers hasLayout */  display: block;     /* resets display for IE/Win */  }  
#Stream .Header div.Title {float: left;  font-size: 15px; font-weight: normal;}
#Stream .Header div.Title span {color: #fff; padding: 3px; font-size: 11px; border: 1px solid #f8f8f8; background:#666;}
#Stream .Header div.Sorting {float: right;}
#Stream .Header div.Sorting a.Active {color: #ffffff; padding: 3px; padding-left: 5px; padding-right:5px; font-size: 11px; border: 1px solid #f8f8f8; background:#666;}
#Stream .Header div.Sorting a.Inactive {color: #000000; padding: 3px; padding-left: 5px; padding-right:5px; font-size: 11px; border: 1px solid #f8f8f8; background:#fff;}
#Stream .Header div.Sorting a.Inactive:hover {color: #ff0000; padding: 3px; padding-left: 5px; padding-right:5px; font-size: 11px; border: 1px solid #ff0000; background:#fff;}
#Stream .Header {border-bottom: 1px solid #ddd;}
#Stream .Footer:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
[if IE] .Story dd.Message:after {  zoom: 1;     /* triggers hasLayout */  display: block;     /* resets display for IE/Win */  }  
#Stream .Footer {border-bottom: 1px dotted #ddd;}
#Stream .Footer div.Selection {float: left;  font-weight: normal;}
#Stream .Footer  div.Pager {float: right;}
#Stream .Footer  div.Pager  span {color: #000; padding: 3px; border: 1px solid #f8f8f8; background:  #f8f8f8;}

#Stream .Storyline {}

.Storyline li.Story {clear: both; display: block;  position:relative; list-style:none;  padding-right:22px;  border-bottom:1px dotted #e0e0e0; margin-top: 0.8em; min-height: 80px;}
.Storyline dl {clear:both; padding: 0; margin:0;}
.Storyline dd { margin-left: 48px; padding-bottom: 0.5em; }
.Story div.Manager {position: absolute; top:0; right:0; padding:0; padding-left: 2px; width: 18px; margin:0; border: 0px solid #ddd; background:#fff;}
.Story div.Manager img {display: block; margin-bottom: 2px; border: 1px solid #ddd;}
.Story dt.Def {float:left; width: 45px; border: 0px solid #dddddd; width: 100px;  background: transparent; line-height: 36px; margin:0px; text-align:center; vertical-align:top;}
.Story dt.pCard {float:left; border: 1px solid #dddddd; width: 36px; height: 36px;  background: transparent; line-height: 36px; margin:0px; text-align:center; vertical-align:bottom;}
.Story dt.pCard  a.UnBoxed {display: none;}
.Story dt.pCard  a.Boxed {display: block; position: absolute; top:0; left:0; padding:0; width: 36px; height: 36px; margin:0; border: 1px solid #ddd; text-align: left;}
.Story dt.pCard a.Boxed span {display: block; border: 1px solid #fff; background: #fff; width: 16px; height: 16px;}
.Story dt.pCard a.Boxed span img {border: 1px solid #dddddd}
.Story dd.vCard {padding-top: 0.5em;}
.Story dd.vCard a {font-weight: 600; text-decoration: none;}
.Story dd.vCard span {color: #333; font-size:  11px;}
.Story dd.vCard span a {text-decoration: none;  border-bottom: 1px dotted; color: #333; font-style:normal; font-weight: normal;}
.Story dd.vCard .Tag {display: block; float: right; color: #666; font-size: 1.0em; font-weight: normal; padding-left: 1em; padding-right: 0.5em;}
.Story dd.Event em {color: #333;}
.Story dd.Event a {text-decoration:none; border-bottom: 1px dotted;}
.Story dd.Message:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
[if IE] .Story dd.Message:after {  zoom: 1;     /* triggers hasLayout */  display: block;     /* resets display for IE/Win */  }  
.Story dd.Message {word-wrap: break-word; line-height: 1.5em;}
.Story dd.Message img  {float: left;  max-width: 99%; height: auto;  margin-right: 0.5em; padding: 0.25em; border: 1px solid #ddd;}
.Story dd.Interactions {padding-top: 0.8em;}  
.Story dd.Interactions dd.vCard {padding-top: 0;}  
.Story dd.Engagement {padding-top: 0.5em; padding-bottom: 0.5em;}
.Story  dd.Engagement a {text-decoration: none; font-size: 12px;}
.Story  dd.Engagement a span {background:#ddd;}
.Story  dd.Tool {background:#f8f8f8;padding: 10px;border:#DCDCDC solid 1px;-moz-border-radius:3px;overflow:hidden;}
.Story  dd.Tool form {padding:0; margin:0;}
.Story  dd.Tool fieldset {padding:0; margin:0;}
.Story  dd.Tool legend {display: block; padding-bottom: 0.8em; margin:0;}
.Story  .fWrap{display:block;clear:both;border:1px solid #dcdcdc;-moz-border-radius:3px;margin:0 0 10px;padding:5px;background:#fff;}
.Story .fWrap textarea {border:none;width:100%; font-face: arial;}
.Story .fWrap.disabled, .fWrap.disabled textarea {background:#f0f0f0;color:#b4b4b4;}

/* STORILINE MANAGER ICONS */

.Story div.Manager a {display: block; width:16px;height:16px;overflow:hidden;margin-bottom: 2px; border: 1px solid #ddd;background: url(/assets/images/icons/ic_story-manager.png) 0 -32px no-repeat;}
.Story div.Manager a img {display:none;}
.Story div.Manager a span {display:none;}
.Story div.Manager a.unlocked {background-position: 0 0;}
.Story div.Manager a.unlocked.active, .Story div.Manager a.unlocked:hover {background-position: 0 -16px;}
.Story div.Manager a.unlocked.disabled {background-position: 0 -32px;}
.Story div.Manager a.locked {background-position: -16px 0;}
.Story div.Manager a.locked.active, .Story div.Manager a.locked:hover {background-position: -16px -16px;}
.Story div.Manager a.locked.disabled {background-position: -16px -32px;}
.Story div.Manager a.author {background-position: -32px 0;}
.Story div.Manager a.author.active, .Story div.Manager a.author:hover {background-position: -32px -16px;}
.Story div.Manager a.author.disabled {background-position: -32px -32px;}
.Story div.Manager a.connections {background-position: -48px 0;}
.Story div.Manager a.connections.active, .Story div.Manager a.connections:hover {background-position: -48px -16px;}
.Story div.Manager a.connections.disabled {background-position: -48px -32px;}
.Story div.Manager a.edit {background-position: -64px 0;}
.Story div.Manager a.edit.active, .Story div.Manager a.edit:hover {background-position: -64px -16px;}
.Story div.Manager a.edit.disabled {background-position: -64px -32px;}
.Story div.Manager a.notification-alert {background-position: -80px 0;}
.Story div.Manager a.notification-alert.active, .Story div.Manager a.notification-alert:hover {background-position: -80px -16px;}
.Story div.Manager a.notification-alert.disabled {background-position: -80px -32px;}
.Story div.Manager a.remove {background-position: -96px 0;}
.Story div.Manager a.remove.active, .Story div.Manager a.remove:hover {background-position: -96px -16px;}
.Story div.Manager a.remove.disabled {background-position: -96px -32px;}
.Story div.Manager a.notification-messages {background-position: -112px 0;}
.Story div.Manager a.notification-messages.active, .Story div.Manager a.notification-messages:hover {background-position: -112px -16px;}
.Story div.Manager a.notification-messages.disabled {background-position: -112px -32px;}
.Story div.Manager a.zoom-in {background-position: -128px 0;}
.Story div.Manager a.zoom-in.active, .Story div.Manager a.zoom-in:hover {background-position: -128px -16px;}
.Story div.Manager a.zoom-in.disabled {background-position: -128px -32px;}
.Story div.Manager a.zoom-out {background-position: -144px 0;}
.Story div.Manager a.zoom-out.active, .Story div.Manager a.zoom-out:hover {background-position: -144px -16px;}
.Story div.Manager a.zoom-out.disabled {background-position: -144px -32px;}
.Story div.Manager a.notification-reminder {background-position: -160px 0;}
.Story div.Manager a.notification-reminder.active, .Story div.Manager a.notification-reminder:hover {background-position: -160px -16px;}
.Story div.Manager a.notification-reminder.disabled {background-position: -160px -32px;}
.Story div.Manager a.publisher {background-position: -176px 0;}
.Story div.Manager a.publisher.active, .Story div.Manager a.publisher:hover {background-position: -176px -16px;}
.Story div.Manager a.publisher.disabled {background-position: -176px -32px;}
.Story div.Manager a.notification-subscription {background-position: -192px 0;}
.Story div.Manager a.notification-subscription.active, .Story div.Manager a.notification-subscription:hover {background-position: -192px -16px;}
.Story div.Manager a.notification-subscription.disabled {background-position: -192px -32px;}


.Feed  dd.vCard {padding-top: 0.5em;}
.Feed  dd.vCard a {font-weight: 600; text-decoration: none;}
.Feed  dd.vCard span {color: #333; font-size:  11px;}
.Feed  dd.vCard span a {text-decoration: none;  border-bottom: 1px dotted; color: #333; font-style:normal; font-weight: normal;}
.Feed  dl {clear:both; padding: 0; margin:0;}
.Feed  dd { margin-left: 24px; padding-bottom: 0.5em; }
.Feed li.Story {clear: both; display: block;  position:relative; list-style:none;  padding-right:22px;  border-bottom:1px dotted #e0e0e0; margin-top: 0.8em; min-height: 80px;}
.Feed li.Story .Preview {color: #666}
.Feed li.Story .Counter span  {color: #fff; padding: 3px; font-size: 11px; border: 1px solid #f8f8f8; background:#666;}
.Feed .Story dt.pCard {float:left; border: 1px solid #dddddd; width: 16px; height: 16px;  background: transparent; line-height: 16px; margin:0px; text-align:center; vertical-align:bottom;}

.Feed .Story dd.vCard {padding-top: 0.01em;}
.Feed .Story dd.vCard a {font-weight: 600; text-decoration: none;}
.Feed .Story dd.vCard span {color: #333; font-size:  11px;}
.Feed .Story dd.vCard span a {text-decoration: none;  border-bottom: 1px dotted; color: #333; font-style:normal; font-weight: normal;}
.Feed .Story dd.Event em {color: #333;}
.Feed .Story dd.Event a {text-decoration:none; border-bottom: 1px dotted;}
.Feed .Story dd.Message:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
[if IE] .Story dd.Message:after {  zoom: 1;     /* triggers hasLayout */  display: block;     /* resets display for IE/Win */  }  
.Feed .Story dd.Message {word-wrap: break-word;}
.Feed .Story dd.Message img  {float: left;  max-width: 99%; height: auto;  margin-right: 0.5em; padding: 0.25em; border: 1px solid #ddd;}
.Feed .Story dd.Interactions {padding-top: 0.8em;}   
.Feed .Story dd.Interactions dd.vCard {padding-top: 0;}   
.Feed .Story dd.Engagement {padding-top: 0.5em; padding-bottom: 0.5em;}
.Feed .Story dd.Engagement a {text-decoration: none; font-size: 12px;}
.Feed .Story dd.Engagement a span {background:#ddd;}

/*  VERTICAL-ALIGN BLOCK */

.content-v-table {position:relative;width:100%;height:100%;display:table;overflow:hidden;}
.content-v-cell {display:table-cell; vertical-align: middle;text-align:center;}
.content-v-cell .content-v {}
.content-v-table.h300 {height:300px;}
.content-v-table.h300 .content-v {padding:10px;}

* html .content-v-cell {position:absolute;top:50%}
* html .content-v {position:relative;top:-50%}

.GroupArchive .DayExpand, .GroupArchive .DayHide {float:left;}
.GroupArchive .DayExpand a {display: block;  font-size: 11px; font-weight: 600; clear: both; padding: 0px 0px 0px 14px;  text-transform: uppercase;  text-decoration: none; background: transparent url(/assets/images/icons/ic_arrow_b_blue_7x4.gif) 0 50% no-repeat;}
.GroupArchive .DayHide a {display: block;  font-size: 11px; font-weight: 600; clear: both; padding: 0px 0px 0px 14px;  text-transform: uppercase;  text-decoration: none; background: transparent url(/assets/images/icons/ic_arrow_t_blue_7x4.gif) 0 50% no-repeat;}
.GroupArchive .DayStats    {float:right;text-align: right; font-size: 11px; color: #666666; white-space: nowrap;}
.GroupArchive .DayStats  a  {font-weight: 600;}
.GroupLoading span {font-size: 11px; padding: 0px 0px 0px 18px;  text-decoration: none; background: transparent url(/assets/images/icons/ic_small_loading.gif) 0 50% no-repeat;}

/* POP-UP */
.tips {float:left;position:relative;}
.tips .win-up {position:absolute;display:block;z-index:100;width:auto;min-width:200px;background:transparent;display:none;}
.tips .win-up.arrow-r {top:0;right:100%;margin:0 0 0 0;padding:0 25px 0 0;}
.tips .win-up.arrow-l {top:0;left:100%;margin:0 0 0 0px;padding:0 0 0 25px;}
.tips .win-up.arrow-tl {bottom:100%;padding:0 0 25px 0;}
.tips .win-up.arrow-tr {right:100%;bottom:100%;padding:0 0 25px 0;}
.tips .win-up.arrow-bl {top:100%;padding:25px 0 0;}
.tips .win-up.arrow-br {right:100%;top:100%;padding:25px 0 0 0;}

.tips:hover .win-up, a:hover .win-up {display:block;}

*+html .tips .win-white-shadow .head {position:absolute;top:0px;left:10px;right:10px;}
*+html .tips .win-white-shadow .footer {position:absolute;bottom:0;left:10px;right:19px;float:none;clear:both;height:10px;background:transparent url(/assets/images/misc/win-white-shadow.png) 0 -50px repeat-x;}

.tips .win-up .win-white-shadow .footer {border:none;}

.tips .win-up .warrow {overflow:hidden;position:absolute;z-index:200;width:25px;height:50px;background: transparent url(/assets/images/misc/win-white-shadow_arrow-mix.png) 0 0 no-repeat;}
.tips .win-up.arrow-r .warrow {left:100%;right:100%;margin:0 0 0 3px;padding:0 !important;background-position: 0 0;}
.tips .win-up.arrow-l .warrow {left:0;margin:0 0 0 -20px;padding:0 !important;background-position: -25px 0;}
.tips .win-up.arrow-bl .warrow {width:50px;height:25px;left:0;bottom:100%;margin:0 0 5px;padding:0 !important;background-position: 0 -100px;}
.tips .win-up.arrow-br .warrow {width:50px;height:25px;left:100%;bottom:100%;margin:0 0 5px -50px;padding:0 !important;background-position: 0 -50px;}
.tips .win-up.arrow-tl .warrow {width:50px;height:25px;left:0;top:100%;margin:5px 0 0;padding:0 !important;background-position: 0 -125px;}
.tips .win-up.arrow-tr .warrow {width:50px;height:25px;left:100%;top:100%;margin:5px 0 0 -50px;padding:0 !important;background-position: 0 -75px;}

*+html .tips .win-up.tr .arrow-tr {margin:-11px 0 0 -7px;}
.tips .win-up .content {position:relative;float:none;clear:both;overflow:visible;overflow:hidden;margin:0 10px 0 0;padding:5px 10px !important;background: #fff;}

.tips .win-white-shadow {z-index:50;}
.tips .win-white-shadow .wrap-l {position:relative;z-index:2;background-color:transparent;}
.tips .win-white-shadow .footer {}

.tips .win-up .content h4 {border-bottom:1px solid #c0c0c0;padding-bottom:5px;}
#Stream .tips .win-up .content ul {width:auto;float:left;list-style:none;margin:0;padding:0;}
#Stream .tips .win-up .content ul li {width:100%;min-height:16px;float:left;clear:none;margin:2px 0;padding:0;list-style:none;}
#Stream .tips .win-up .content ul li a {width:auto;height:auto;background:none;border:none;margin:0;padding:0;overflow:visible;}
#Stream .tips .win-up .content ul li b a, #Stream .tips .win-up .content ul li.active a {font-weight:600;}

.Story div.Manager li a ins {float:left;width:16px;height:16px;border:1px solid #ddd;margin:0 5px 0 0;background: url(/assets/images/icons/ic_story-manager.png) 0 -32px no-repeat;}
.Story div.Manager li a.author ins {background-position: -32px 0;}
.Story div.Manager li .active a.author ins, .Story div.Manager li a.author.active ins, .Story div.Manager li a:hover.author ins {background-position: -32px -16px;}
.Story div.Manager li .disabled a.author ins, .Story div.Manager li a.author.disabled ins {background-position: -32px -32px;}
.Story div.Manager li a.connections ins{background-position: -48px 0;}
.Story div.Manager li .active a.connections ins, .Story div.Manager li a.connections.active ins, .Story div.Manager li a:hover.connections ins{background-position: -48px -16px;}
.Story div.Manager li .disabled a.connections ins, .Story div.Manager li a.connections.disabled ins {background-position: -48px -32px;}
.Story div.Manager li a.publisher ins {background-position: -176px 0;}
.Story div.Manager li .active a.publisher ins, .Story div.Manager li a.publisher.active ins, .Story div.Manager li a:hover.publisher ins{background-position: -176px -16px;}
.Story div.Manager li .disabled a.publisher ins, .Story div.Manager li a.publisher.disabled ins{background-position: -176px -32px;}

/* BB FORMAT MASSAGE */

.Story dd.Message a, .Story dd.Message p a {text-decoration:underline !important;}
.Story dd.Message ul {list-style-type:disc !important;}
.Story dd.Message ul li {display:list-item !important;list-style-type:disc !important;margin:0 0 0 1em !important;padding:0 !important;color:#000;}

.Story dd.Message a.button-22 {text-decoration:none !important;}

/* 22.11.2015 */
.jRbulkEditList th  {
     padding: 8px !important;

   }

.jRbulkEditDigest td  {
       vertical-align: top !important;
       border: none !important;
   }

.jRbulkEditDigest th  {
     padding: 8px !important;

   }

.jRbulkEditDigest .jRbulkEditDigestCard {
      border: 1px solid #ddd;
      padding: 5px;

}

.jRbulkEditDigest .jRbulkEditDigestCard:hover {
      border: 1px solid #4697fc;
      padding: 5px;

}


#jRbulkEdit textarea,
#jRbulkEdit select,
#jRbulkEdit input[type="text"] {
       outline:0;
       box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-background-clip: padding;
      -moz-background-clip: padding;
       background-clip:padding-box;
       border-radius:0;
      -webkit-border-radius:0;
      -moz-border-radius:0;
      -ms-border-radius:0;
      -o-border-radius:0;
}

#jRbulkEdit textarea {
    overflow: auto;
    vertical-align: top;
    height: auto;
    resize: none;
    color: #000 !important;
    white-space: pre-line !important;
}


#jRbulkEdit .jp-wfl-io input[type="text"]:focus {
        background: #fff !important;
        border: 1px solid #4697fc !important;
}

,
#jRbulkEdit .jp-wfl-io select:focus {
        background: #fff !important;
        border: 1px solid #4697fc !important;
}
#jRbulkEdit .jp-wfl-io textarea:focus {
        background: #fff !important;
        border: 1px solid #4697fc !important;
}


#jRbulkEdit .jp-wfl-io {
        position: relative;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: top;
        padding: 0;
        background: none;
        border: 1px solid #fff;

}
#jRbulkEdit .jp-wfl-io:hover {
        background: none;
        border: 1px solid #fff;
}

#jRbulkEdit .jp-wfl-io-env {              /* Form input elements envelope */
        position: relative;
        z-index: 2;
        overflow: hidden;

}



#jRbulkEdit .jp-wfl-io input[type="text"], select, textarea {
      display: inline-block;
      zoom: 1;
     *display: inline; /* Hack for IE */
      vertical-align: middle;
      margin:0;
      font-family: 'arial';
      font-size: 1em;
      padding:  8px;  /* Controls size of input and should be only in PX */
      text-align: left;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      border: 1px solid #eee;
      color:#000;
      background: #e5edf3;
      width: 100%;

}
#jRbulkEdit input:disabled {
       background: #ddd !important;

}

#jRbulkEdit select:disabled {
       background: #ddd !important;


}
#jRbulkEdit textarea:disabled {
       background: #ddd !important;

}

#jRbulkEdit select {
       appearance:none;
      -webkit-appearance: none;
      -moz-appearance: none;
      -ms-overflow-style: none;
       text-indent: 0.01px;
       text-overflow: '';
       border: none;
       margin-bottom: 1px;

}
#jRbulkEdit select::-webkit-scrollbar{
       width:1px;
       background-color:transparent
}
#jRbulkEdit select::-ms-expand {
       display: none;
       overflow: hidden;
}
#jRbulkEdit select::-ms-track {  /* hide scroll track */
       display: none;
}

.jRbulkEditAttibutes {
      border: none !important;
}


#jRbulkEdit .jp-ici-box {
   width: 100%;
   height: 100%;
   line-height: 100%;
   display: inline-block !important;
   position: relative;
   float: left;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   overflow: hidden;
   vertical-align: middle;
   border: 1px solid #ddd;


}

#jRbulkEdit .jp-ici-box  img {
   max-width: 100%;
   max-height: 100%;
   margin: auto;
   padding: 0;
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   border: 2px solid transparent;
}

#jRbulkEdit .jp-ice-box:hover img {
   border: 1px solid #ff0000;
}

[data-image-thumbnail-size="150:150"] {width: 150px !important; height: 150px !important;   }

[data-io-error="1"] {
   border: 1px solid #ff0000 !important;
   background: #ffe5e5 !important;
}

/* PATCH TO FIX CHECKBOXS AND RADIOS 09-07-17 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    margin-right: 0.5em; /* add white space between input and label */
}

input[type="radio"],
input[type="checkbox"]{
       outline:0;
       box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-background-clip: padding;
      -moz-background-clip: padding;
       background-clip:padding-box;
       border-radius:0;
      -webkit-border-radius:0;
      -moz-border-radius:0;
      -ms-border-radius:0;
      -o-border-radius:0;
}

input[type="checkbox"] {
-webkit-appearance: none;
    background-color: #fafafa;
    border: 1px solid #999999;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    padding: 4px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    display: inline-block;
    position: relative;
}

input[type="checkbox"]:checked {
    background-color: #0066cc;
    border: 1px solid #0000ff;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
    color: #99a1a7;
}

input[type="radio"]  {
-webkit-appearance: none;
    background-color: #fafafa;
    border: 1px solid #999999;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    padding: 4px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    display: inline-block;
    position: relative;
}

input[type="radio"]:checked {
    background-color: #0066cc;
    border: 1px solid #0000ff;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
    color: #99a1a7;
}