/* STIXY_FILE_GENERATED_AT: Mon Jul 29 11:52:15 +0000 2013 */

/*-------------*/
/* 001 DEFAULT */
/*-------------*/

html { overflow:hidden; height:100%; }
body { height:100%; width:100%; margin:0; background-image:url(/images/main_template/bg_pattern_dot.gif); background-color:white; }
table { table-layout:fixed; }
table, body { font: 11px "Verdana", "Lucida Grande", "Bitstream Vera Sans", "Sans"; }

h1, h2, h3 { font-weight: normal; color:rgb(150,210,10); }
h1 { font-size: 1.8em; margin: .67em 0; }
h2 { font-size: 1.5em; margin: .75em 0; }
h3 { font-size: 1.2em; margin:2px 0 4px; }
h4 { font-size: 1em; margin:0 0 0px; }
ul, ol { margin: 0px; padding-left: 16px; }
ul li { list-style-type: square; }
a:link,
a:visited { color: rgb(45,130,215); text-decoration: none; }
a:link:hover { color: rgb(35,95,155); text-decoration: none; }
input[type="text"],
input[type="password"],
textarea { border:1px solid rgb(180,180,180); font: 11px "Verdana", "Lucida Grande", "Bitstream Vera Sans", "Sans"; padding:2px;}

/* CANVAS */
/* AD SIZE UPDATE (.canvas): top:0;  => top:100px; */
.canvas { position:absolute; overflow:scroll; top:0px; right:0; bottom:0; left:0; behavior:url(/bindings/unselectable.htc); }
.canvas-hand-scroll { position:absolute; display:none; z-index:1; height:100%; width:100%; bottom:16px; right:16px; cursor:move; background:white; opacity:0.6; filter:alpha(opacity=60); }
.alt-key-down .canvas-hand-scroll { display:block; }
.board-list-open .canvas { left:255px; }
.min-space { height:5000px; width:5000px; background:transparent; }
.loading-state { position:absolute; display:none; top:0; right:0; bottom:0; left:0; background:url(/images/main_template/bg_pattern_dot.gif) white; opacity:0.8; filter:alpha(opacity=80); z-index:10000000; }
.loading .loading-state { display:block; }
.loading .canvas-content { opacity:0.3; filter:alpha(opacity=30); }

/* BAR TOOLS */
.bar-tools { position:absolute; height:19px; width:235px; padding:5px 10px 0; background:rgb(235,235,235); }
.bar-close { position:absolute; top:0; right:0; height:24px; width:24px; background:url(/images/buttons/btn_bar_close.gif) 0 1px; cursor:pointer; }

/* STACK ORDER */
.header,
.board-list-switch,
.board-tools,
.opt-switch { z-index:7; }
.toolbar { z-index:6; }
.board-list-bar { z-index:5; }
.tray-bar { z-index:4; }
.tray { z-index:2; }
.opt-bar { z-index:1; }
.canvas { z-index:0; }

/* Columns and gutter */
.fixed-content { position:relative; z-index:0; top:1px; margin:0 auto; width:990px; }
.fixed-column-260,
.fixed-column-300,
.fixed-column-325,
.fixed-column-480,
.fixed-gutter-10,
.fixed-gutter-20,
.fixed-gutter-30 { float:left; }
.fixed-column-260 { width:260px; } /* 3 column grid */
.fixed-column-300 { width:300px; } /* 3 column grid */
.fixed-column-325 { width:325px; } /* 3 column grid */
.fixed-column-480 { width:480px; } /* 2 column grid */
.fixed-gutter-10  { width:10px;  } /* 10px column gutter */
.fixed-gutter-20  { width:20px;  } /* 20px column gutter */
.fixed-gutter-30  { width:30px;  } /* 30px column gutter */

/* Personal Settings */
.personal-settings{ width:950px;}
.personal-settings .text-field { width:100%; }
.personal-settings h3 { margin-bottom:10px; }
.personal-settings .full-width,
.personal-settings .half-width { color:rgb(102,102,102); padding-bottom: 5px;  }
.personal-settings .full-width { width:100%; clear:both; }
.personal-settings .half-width { width:145px; float:left; margin-top:-4px;}
.personal-settings .full-width.help-link { padding:4px 0px 4px; text-align:right; }

/* Report A Bug */
.report-a-bug .text-field { width:100%; }
.report-a-bug .title { padding-bottom:2px; }
.report-a-bug h3 { margin-bottom:10px; }
.report-a-bug .full-width { color:rgb(102,102,102); padding-bottom: 5px;  }
.report-a-bug .full-width { width:100%; clear:both; }
/*.report-a-bug .full-width.help-link { padding:4px 0px 4px; text-align:right; }
*/
/* Invitation */
.contact-list { height:200px; overflow:auto; border:1px solid rgb(204,204,204); background:white; padding:4px; }
.invitation .half-width { width:105px; float:left; margin-top:-4px;}
.personal-message { height:150px; width:100%; }

/* Other */
.no-width-space { letter-spacing: -2px; }
.mail-address { height:14px; overflow:hidden; }
.color-green { color:rgb(150,210,10); }
.color-orange { color:rgb(245,140,0); }
.color-dark-green { color:rgb(90,145,25); }
.personal-thumb { border:1px solid rgb(180,180,180); float:left; margin:0px 10px 0px 0px; width:50px; height:50px; background:url(/images/spinners/spinner.gif) no-repeat center center;}
.personal-thumb .spinner-16 { display: none; width: 50px; height: 50px; background-color: white; padding: 0px; overflow: hidden; background-position: center center;}
.member-name { color:rgb(255,235,90)!important; }

.ghosted { color:rgb(180,180,180)!important; }
.ghosted-user { opacity: 0.2; filter:alpha(opacity=20);}
.ghosted-user .user-tools { display: none; }
.ghosted-user a {color: rgb(50,50,50); cursor:default;}
.remove-user { color:rgb(45,130,215); cursor:pointer; }
.user-tools {margin-top:4px;}

.title-link { margin:0px 0px 2px; }
.title-link a { color:rgb(140,204,45); }
.pipe { top:0px; border-left:1px solid rgb(153,153,153); margin:0px 10px 0px 10px; overflow:hidden; font-size:10px; display:inline-block; }
.float-break { clear:both; }


.no-data { color:rgb(204,204,204);}
a .no-data { font-style:italic; color:rgb(45,130,215)}
.option-list { border-collapse: collapse; margin:2px 0 6px; }
.option-list p { margin:2px 0px 2px; }
.option-list td { vertical-align: top; padding-bottom:8px; }
.option-list-title { color:rgb(153,153,153); }
.option-list h4 { margin-top:0!important; }
.left-sidebar-260 { float:left; width:220px; height:100%; padding-right:20px; margin-right:15px; }
.left-sidebar-260-background {position:absolute;z-index:-1;left:0;top:0;width:260px; height:100%; background-color:rgb(245,245,245); border-right:1px solid rgb(215,215,215);}
.left-sidebar-500-background {position:absolute;z-index:-1;left:0;top:0;bottom:50px;width:500px;background-color:rgb(245,245,245);}
.left-sidebar-260 input[type="text"],
.left-sidebar-260 textarea { width:100%;}
.left-sidebar-260-content {margin-left:255px;}
.left-sidebar-500-content {margin-left:495px;}
.public-options .no-address { display:none; }
.public-options .web-address .address { color:rgb(245,140,0);}
.public-options.deactive {color:rgb(200,200,200);}
.public-options.deactive .web-address { display:none; }
.public-options.deactive .no-address { display:inline; }
fieldset { border:none; padding:0px; margin:0px 0px 0px 24px; }
fieldset .legend { position:relative; left:-24px; font-weight:bold; margin-bottom:10px;}
fieldset .legend input { margin:0;}
.list-box-ghosted {color:rgb(204,204,204);}
.notice {color: rgb(245,140,0);margin: 10px 0px;}
.spinner-16 { display: none; color: rgb(153,153,153); padding:0 0 3px 20px; background:url(/images/spinners/spinner.gif) no-repeat;}
.user-tools .pipe { position:relative; left:2px; margin:0; }
.layout-table { border-collapse: collapse; }
.layout-table td { font: inherit; padding: 0px; margin: 0px; vertical-align:top;}


.invitation-personal-thumb { border:1px solid rgb(180,180,180); float:left; margin:0px 10px 0px 0px; width:50px; height:50px; background:no-repeat center center;}

.fieldWithErrors { display: inline; }
.errorNumber { color: rgb(226,17,40); }
.inline-message-error { position: relative; background-color: rgb(255,160,200);  padding: 10px 15px 10px 10px; margin:5px 0px 5px -25px; right: -15px; }
.inline-message-error li { margin-bottom:8px; }
.inline-message-error li,
.inline-message-error p { font-size: 11px; line-height: 1.2em; color: rgb(185,5,70); }
.inline-message-error h1,
.inline-message-error h2,
.inline-message-error h3,
.inline-message-error h4,
.inline-message-error b { color: white; }

.inline-message-notice { position: relative; background-color: rgb(245,235,245); padding: 1px 20px; }
.inline-message-notice li { margin-bottom:8px; }
.inline-message-notice li,
.inline-message-notice p { font: 14px/1.3em Georgia; color: rgb(150,50,120); }
.inline-message-notice h1,
.inline-message-notice h2,
.inline-message-notice h3,
.inline-message-notice h4,
.inline-message-notice b { color: rgb(200,120,180); font-family: Georgia; }

.message-note { margin-bottom: 20px; }
.message-note .base { background-color: rgb(245,235,245); }
.message-note .editor { font: 14px/1.3em Georgia; }
.message-note .editor h1 { color: rgb(150,50,120); }

.inline-message { background-color:rgb(240,255,210); border:1px solid rgb(150,210,10);}
.inline-message,
.message { position: relative; padding: 12px;  font: 11px "Verdana", "Lucida Grande", "Bitstream Vera Sans", "Sans"; color: rgb(150,210,10); margin: 24px 0; z-index: 0; }
.message-error { font-size: 14px; line-height: 1.5em; color: rgb(185,5,70); }
.message-error a:link,
.message-error a:visited,
.message-error a:active { color:white; }
.message p { font: 14px/1.3em Georgia; margin: 0;}
.message .nw,
.message .ne,
.message .se,
.message .sw { position:absolute; overflow:hidden; top: 50%; right: 49%; bottom: 49%; left: 50%; z-index: -1; }
.message .nw p,
.message .ne p,
.message .se p,
.message .sw p,
.message .nw p { position:absolute; width:500px; height:1000px; background:url(/images/main_template/mt_message_bubble.png) no-repeat; }
.message-error .nw p,
.message-error .ne p,
.message-error .se p,
.message-error .sw p { background:url(/images/main_template/mt_message_bubble_error.png) no-repeat top left; }
.message .nw { top: -12px; left: -12px; }
.message .ne { top: -12px; right: -12px; }
.message .se { bottom: -12px; right: -12px; }
.message .sw { bottom: -12px; left: -12px; }
.message .nw p { left:0; top:0; }
.message .ne p { right:0; top:0; }
.message .se p { bottom:0; right:0; }
.message .sw p { bottom:0; left:0; }
.message .callout { position: absolute; top: 50%; left: -42px; margin-top: -19px; width: 30px; height: 29px; background:url(/images/main_template/mt_message_callout.png) no-repeat; }
.message-error .callout { background:url(/images/main_template/mt_message_callout_error.png) no-repeat; }

.title { font-weight:bold; color:rgb(102,102,102); padding:0px 0px 2px; margin-top: 6px; }

#StixyUploadContainor {position:absolute;width:1;height:1;overflow:hidden;}


/*------------*/
/* 002 HEADER */
/*------------*/

/* AD SIZE UPDATE height:34px;  => height:134px; */
.header,
.header-background, 
.header-background-pattern,
.public-navigation, 
.utility-navigation { position:absolute; top:0; height:34px; width:100%; }
.header { left:-17px; background:rgb(50,50,50); behavior:url(/bindings/unselectable.htc); -moz-user-select:none; -webkit-user-select:none; }
.header-background { overflow:hidden; z-index:0; }
.header-background-pattern { height:100%; background-image:url("/images/main_template/bg_pattern_dot.gif"); filter:alpha(opacity=20); opacity:0.20; }
.header-background-gradient { position:relative; top:-480px; height:1000px; width:1000px; margin:0 auto; background:url(/images/main_template/white_gradient_radius_horizontal.png) no-repeat center 480px; z-index:-1; }
.header a:link { color:rgb(204,204,204); }
.header a:visited { color:rgb(204,204,204); }
.header a:hover { color:white; }
.header a:link.member-name { color:rgb(255,235,90); }

/* AD SIZE UPDATE */
.header .stixy-signature-top { position:absolute; top:0px; left:0px; width:200px; height:34px; background-image:url(/images/main_template/mt_signature_stixyboard_black.png); }
.header .stixy-signature-bottom { position:absolute; top:34px; left:0px; width:130px; height:24px; overflow:hidden; }
.header .stixy-signature-bottom div { position:absolute; top:-34px; width:130px; height:58px; background-image:url(/images/main_template/mt_signature_stixyboard_black.png); }

.beta-sign { position:absolute; left:59px; top:28px; color:rgb(150,150,150); font-size:9px; }

/* AD SIZE UPDATE top:10px;  => height:110px; */
.public-navigation,
.utility-navigation { width:auto; height:24px; top:10px; z-index:1; }

/* AD SIZE UPDATE left:120px;  => height:37px; */
.public-navigation { left:120px; }
.utility-navigation { right:10px; text-align:right; }


/*----------------*/
/* 003 OPTION BAR */
/*----------------*/

.opt-bar { position:absolute; display:none; overflow:hidden; right:27px; bottom:16px; height:100%; width:255px; }
.opt-bar .bar-tools { top:-24px; border-bottom:1px solid rgb(255,255,255);}
.opt-bar-grid { border-collapse:collapse; top:0; bottom:0; height:100%; width:0; }
.opt-bar-grid td { padding:0; vertical-align:top; }
/* AD SIZE UPDATE (.opt-panel): top:132px; => top:232px; */
.opt-panel { position:absolute; top:132px; right:0; bottom:146px; width:100%;  }
.opt-scroll { position:absolute; overflow:auto; top:0; right:0; bottom:0; left:0; height:100%; width:100%; }
.opt-content { margin:10px 0 0 10px; width:220px; }
/* AD SIZE UPDATE (.opt-background): top:107px; => top:207px; */
.opt-background { position:absolute; top:107px; right:0px; bottom:125px; width:255px; overflow:hidden; background-color:rgb(235,235,235); filter:alpha(opacity=75); opacity:0.75; z-index:-1; }
.opt-gradient { position:relative; top:0; left:-5000px; height:200%; width:10000px; }
.opt-tab,
.opt-tab .left,
.opt-tab .right,
.opt-tab .left div,
.opt-tab .right div { position:absolute; top:0; height:21px; z-index:-1; }
.opt-tab { display:inline; top:-46px; height:19px; line-height:21px; z-index:1; }
.opt-tab .left { overflow:hidden; left:0; width:50%; }
.opt-tab .right { overflow:hidden; right:0; width:51%; }
.opt-tab .left div,
.opt-tab .right div { width:100%; background:url(/images/widgets/default/edit_options_tab.png) no-repeat; }
.opt-tab .left div { left:0; background-position:left top; }
.opt-tab .right div { right:0; background-position:right top; }
.opt-tab .label { padding:0 15px 0 15px; white-space:nowrap; color:white; }

.opt-bar-controller { -moz-user-select:none; -webkit-user-select:none;  }

.wopt-common-tools { position:absolute; display:none; bottom:24px; height:102px; width:235px; padding:10px; background-color:rgb(220,220,220); }
/* AD SIZE UPDATE (.wopt-bar .bar-tools): top:107px; => top:207px; */
.wopt-bar .bar-tools { top:107px; border-bottom:1px solid rgb(255,255,255); z-index:100; }
.wopt-auto-open { position:absolute; top:3px; right:26px; padding:1px 10px 3px 8px; color:rgb(100,100,100); border-left:1px solid rgb(220,220,220); border-right:1px solid rgb(220,220,220); }
.wopt-auto-open .opt-check{ position:relative; left:-2px;;  }

 /* OPTION BAR STATES*/
 /* AD SIZE UPDATE (.wopt-closed .opt-panel): top:100px; => top:200px; */
.wopt-closed .opt-panel,
.wopt-hide .opt-panel { top:100px; bottom:135px; border-bottom:1px solid rgb(215,215,215); }
.wopt-closed .opt-scroll,
.wopt-hide .opt-scroll { top:0; }
/* AD SIZE UPDATE (.wopt-closed .opt-background): top:100px; => top:200px; */
.wopt-closed .opt-background,
.wopt-hide .opt-background { top:100px; bottom:135px; }
.tray-closed .wopt-panel-closed .opt-panel { bottom:35px; }
.tray-closed .wopt-panel-closed .opt-background { bottom:36px; }
.wopt-open .tray { right:292px; }
.wopt-hide .tray { right:27px; }

.wopt-locked .wopt-locked-ghosted { opacity:0; filter:alpha(opacity=0); display:none;}
.wopt-locked-panel { position:absolute; top:0; left:0; height:100%; width:255px; background:white; z-index:1000; opacity:0.0001; display:none;}
.wopt-locked .wopt-locked-panel { display:block; filter:alpha(opacity=0.001); bottom:132px; top:auto; }
.wopt-locked-controller { position:absolute; z-index:1001; bottom:0; width:235px; }
.wopt-locked { height:145px; }
/* AD SIZE UPDATE (.wopt-locked .opt-tab): top:-132px; => top:-232px; */
.wopt-locked .opt-tab { top:-132px; }
.wopt-locked .opt-background { display:none;; }
.wopt-locked .wopt-common-tools { height:80px; bottom:24px; }
.wopt-locked .bar-tools { top:20px; border-bottom:1px solid rgb(255,255,255);}

.widget-deactivated .wopt-switcher-ghosted,
.wopt-activated,
.wopt-open .wopt-common-tools,
.wopt-open .opt-bar,
.bopt-open .opt-bar,
.bopt-open .bopt-bar,
.wopt-open .wopt-bar,
.bopt-open .bopt-switcher-open,
.bopt-hide .bopt-switcher-closed,
.bopt-closed .bopt-switcher-closed,
.wopt-open .wopt-switcher-open,
.wopt-hide .wopt-switcher-closed,
.wopt-closed .wopt-switcher-closed { display:block!important; }

.widget-activated .wopt-switcher-ghosted,
.widget-deactivated .wopt-switcher-open,
.widget-deactivated .wopt-switcher-closed,
.bopt-closed .bopt-bar,
.bopt-hide .bopt-bar,
.bopt-hide .bopt-switcher-open,
.wopt-hide .wopt-switcher-open,
.wopt-hide .wopt-common-tools,
.wopt-closed .wopt-bar,
.wopt-hide .wopt-bar,
.wopt-deactivated { display:none!important; }

.widget-deactivated .wopt-switch { background:none; }

.wopt-open .opt-bar { z-index:3; }

/* OPTIONBAR SWITCHES */
.opt-switch,
.opt-switch-highlight-line,
.opt-switch-shadow-line { position:absolute; height:24px; }
.opt-switch { top:0; right:9px; width:254px; z-index:0; }
.opt-switcher-bg { position:absolute; top:4px; left:8px; width:15px; height:15px; overflow:hidden; background:no-repeat; z-index:-1;}
.opt-switch-highlight-line,
.opt-switch-shadow-line { overflow:hidden; top:0; width:0; }
.opt-switch-highlight-line { left:0; }
.opt-switch-shadow-line { right:0; }
.wopt-switcher-ghosted,
.bopt-switcher-open,
.bopt-switcher-closed,
.wopt-switcher-open,
.wopt-switcher-closed { display:none; padding:5px 0 4px 30px; background:no-repeat 11px -11px; }
a.auto-show-off,
a.auto-show-on,
a.bopt-switcher-open,
a.bopt-switcher-closed,
a.wopt-switcher-open,
a.wopt-switcher-closed { color:white!important; }
.bopt-switcher-open:hover,
.bopt-switcher-closed:hover,
.wopt-switcher-open:hover,
.wopt-switcher-closed:hover { background-position:11px -41px; }
.wopt-switcher-ghosted { cursor:default; background-position:8px 4px; }

/*----------------*/
/* 004 BOARD LIST */
/*----------------*/

.board-list-bar { position:relative; height:100%; width:255px; border-right:1px solid rgb(215,215,215); background:rgb(255,255,255); behavior:url(/bindings/unselectable.htc); -moz-user-select:none; -webkit-user-select:none; cursor:default; }
/* AD SIZE UPDATE (.board-list-bar): top:60px; => top:160px; */
.board-list-bar .bar-tools { top:60px; }
/* AD SIZE UPDATE (.board-list-bar .tag-filter): top:84px; => top:184px; */
.board-list-bar .tag-filter { position:absolute; top:84px; height:24px; width:235px; padding:5px 10px 0; background:rgb(245,245,245); }
.board-list-bar .tag-filter input { width:138px; padding-left:17px; } 
.board-list-bar .tag-filter sx\:button { top:-3px; }
.board-list-bar .tag-filter .no-filter { color:rgb(175,175,175); } 
.board-list-bar .tag-filter .reset-filter { position:absolute; top:7px; left:13px; width:10px; height:15px; background:url(/images/buttons/btn_reset_filter.png); } 
.board-list-bar .tag-filter .disabled { position:absolute; top:0; left:0; height:28px; width:255px; background:rgb(255,255,255); opacity:0.7; filter:alpha(opacity=70); z-index:10; }
.board-list-bar q { color:rgb(255,25,15); }
.board-list-bar q:before { content:""; }
.board-list-bar q:after { content:""; }
.board-list-bar .loading-spinner { position:absolute; display:none; top:3px; left:0px; width:100%; height:16px; background-color:white; z-index:100; }
.board-list-bar .spinner-16 { position:absolute; display:block; top:0px; width:16px; height:16px; padding:0; right:5px; }
.board-list-bar .board-loading .board-list-content { opacity:.35; filter:alpha(opacity=35); }
.board-list-bar .board-loading .loading-spinner { display:block; }
.board-list-grid { border-collapse:collapse; height:100%; width:255px; }
.board-list-grid td { padding:0; vertical-align:top; }
/* AD SIZE UPDATE (.board-list-top): top:112px; => top:212px; */
.board-list-top { height:112px; }
.board-list-bottom { overflow:hidden; }
/* AD SIZE UPDATE (.board-list-panel): top:112px; => top:212px; */
.board-list-panel { position:absolute; top:112px; bottom:0; width:100%; }
.board-list-scroll { position:absolute; overflow:auto; height:100%; width:100%; top:0; right:0; bottom:0; left:0; }
.board-list-content { margin:10px; }
.board-list-switch,
.board-list-switch-highlight-line,
.board-list-switch-shadow-line { height:24px; }
.board-list-switch { position:relative; float:left; top:0; left:17px; width:255px; margin-right:17px; }
.board-list-switch .toolbar-button { float:right; margin-left:0; margin-right:10px; }
.board-list-switch-highlight-line,
.board-list-switch-shadow-line { position:absolute; overflow:hidden; top:0; width:0; }
.board-list-switch-highlight-line { right:-2px; }
.board-list-switch-shadow-line { right:-1px; }
.board-list-bar .no-data { font-style:normal; }
.board-list-bar h3 { margin:0; padding:4px 0 2px; }
.board-list-item { margin:0 -10px 0; padding:0 20px 4px; border-top:1px solid white; }
.board-list-invitation { background:rgb(235,235,235); }
.board-list-current { background:rgb(240,255,210); }
.board-list-dragover { background:rgb(225, 250, 160); }
.board-list-loading h3 { padding-right:10px; background:url(/images/spinners/spinner_light_green.gif) no-repeat right 5px; margin-right:-15px;}
.board-list-bar .pager { text-align:left; float:left; margin:0 4px 0 -6px; }
.board-list-bar .pager a,
.board-list-bar .pager span { padding:0 6px 0 0; }
.board-list-bar .pager a.number:hover { background:url(/images/buttons/btn_page_hover.gif) no-repeat top center; }
.board-list-bar .pager .previous span,
.board-list-bar .pager .next span { position:relative; top:3px; display:-moz-inline-box; display:inline-block; background-repeat:no-repeat; height:10px; width:19px; overflow:hidden; }
.board-list-bar .pager .previous span { background-image:url(/images/buttons/btn_arrow_previous_page.gif); background-position:right -10px; }
.board-list-bar .pager .next span { background-image:url(/images/buttons/btn_arrow_next_page.gif); background-position:left -10px; }
.board-list-bar .pager a.previous:hover span { background-position:right -30px; }
.board-list-bar .pager a.next:hover span { background-position:left -30px; }
.board-list-bar .pager span.previous span { background-position:right -50px; }
.board-list-bar .pager span.next span { background-position:left -50px; }
.board-list-bar .pager span.previous,
.board-list-bar .pager span.next { color:rgb(180,180,180); }
.board-list-bar .bottom-pager { height:12px; padding:12px auto 0; text-align:right; }
.board-list-bar .bottom-pager .pager { float:right; margin-top:4px; }
.board-list-bar .board-list-bottom-promo { background:rgb(235,235,235); padding-top:15px; padding-bottom:15px; }
.board-list-bar .board-list-bottom-promo p { color:rgb(150,150,150); margin-top:4px; }

/* BOARD LIST STATES*/
.board-list-closed .board-list-bar,
.board-list-open .board-list-button-closed,
.board-list-closed .board-list-button-open { display:none; }
.board-list-open .board-list-bar,
.tray-highlight-line,
.tray-bar-highlight-line { display:block; }
.board-list-open .tray { left:265px; }
.board-list-open .tray-switch { left:282px; }
.board-list-open .tray-bar-highlight-line { left:273px; }

/* BAR TOOLS */
.board-list-bar .pager { text-align:left; float:left; margin:0 4px 0 -6px; }
.board-list-bar .pager a,
.board-list-bar .pager span { padding:0 6px 0 0; }
.board-list-bar .pager a.number:hover { background:url(/images/buttons/btn_page_hover.gif) no-repeat top center; }
.board-list-bar .pager .previous span,
.board-list-bar .pager .next span { position:relative; top:3px; display:-moz-inline-box; display:inline-block; background-repeat:no-repeat; height:10px; width:19px; overflow:hidden; }
.board-list-bar .pager .previous span { background-image:url(/images/buttons/btn_arrow_previous_page.gif); background-position:right -10px; }
.board-list-bar .pager .next span { background-image:url(/images/buttons/btn_arrow_next_page.gif); background-position:left -10px; }
.board-list-bar .pager a.previous:hover span { background-position:right -30px; }
.board-list-bar .pager a.next:hover span { background-position:left -30px; }
.board-list-bar .pager span.previous span { background-position:right -50px; }
.board-list-bar .pager span.next span { background-position:left -50px; }
.board-list-bar .pager span.previous,
.board-list-bar .pager span.next { color:rgb(180,180,180); }

/* BOARD LIST DETAILED VIEW */
.board-list-detailed .pager a,
.board-list-detailed .pager span { padding:3px 6px 3px 6px; }
.board-list-detailed .pager a.number:hover { background:url(/images/btn_page_hover.gif) no-repeat top center; }
.board-list-detailed .pager .previous span,
.board-list-detailed .pager .next span { position:relative; top:3px; display:-moz-inline-box; display:inline-block; background-repeat:no-repeat; height:10px; width:19px; overflow:hidden; }
.board-list-detailed .pager .previous span { background-image:url(/images/buttons/btn_arrow_previous_page.gif); background-position:right -10px; }
.board-list-detailed .pager .next span { background-image:url(/images/buttons/btn_arrow_next_page.gif); background-position:left -10px; }
.board-list-detailed .pager a.previous:hover span { background-position:right -30px; }
.board-list-detailed .pager a.next:hover span { background-position:left -30px; }
.board-list-detailed .pager span.previous span { background-position:right -50px; }
.board-list-detailed .pager span.next span { background-position:left -50px; }
.board-list-detailed .pager span.previous,
.board-list-detailed .pager span.next { color:rgb(204,204,204); }
.board-list-detailed .pager { text-align:right; margin:15px 0px 15px;}
.board-list-detailed .pager .pager-active { color:white; padding:3px 6px; background:url(/images/buttons/btn_page_active.gif) no-repeat top center; }
.board-list-detailed .bottom-pager { padding:8px auto; text-align:right; }

.board-list-detailed .number-of-boards { float:left ;}
.board-list-detailed .number-of-boards a { padding:3px 6px 3px 6px; }
.board-list-detailed .number-of-boards  .pager-active { color:white; padding:3px 6px; background:url(/images/buttons/btn_pagenumber_active.gif) no-repeat top center; }
           
.board-list-detailed table { border-collapse: collapse; width:100%;}
.board-list-detailed thead { border-width: 0px 1px; border-style: solid;border-color: rgb(225,235,245); }
.board-list-detailed tbody { border-width: 0px 1px 2px 1px; border-style: solid; border-color: rgb(245,245,245); }
.board-list-detailed th,
.board-list-detailed td { text-align:left; vertical-align:top; padding:6px 8px; }
.board-list-detailed th { background-color: rgb(225,235,245); color: rgb(35,95,155) ;}
.board-list-detailed th a { padding:5px 0px;}
.board-list-detailed .title { font-weight:bold; }
.board-list-detailed .dark-stripe td { background-color: rgb(245,245,245); }
.board-list-detailed-desc,
.board-list-detailed-asc { padding-right: 20px!important; }
.board-list-detailed-desc { background:url(/images/buttons/btn_list_sortorder_down.gif) no-repeat right 5px; }
.board-list-detailed-asc { background:url(/images/buttons/btn_list_sortorder_up.gif) no-repeat right 5px; }


/*-------------*/
/* 005 TOOLBAR */
/*-------------*/

/* AD SIZE UPDATE (.toolbar): top:34px;  => top:134px; */
.toolbar { position:absolute; top:34px; left:-17px; height:24px; width:100%; -moz-user-select:none; -webkit-user-select:none; }
.toolbar-background { position:absolute; overflow:hidden; top:0; left:0; height:24px; width:100%; z-index:-1; }
.toolbar-background-gradient { position:relative; top:-485px; left:0; height:1000px; width:1000px; margin:0 auto; background:no-repeat center 485px; z-index:0; }
.toolbar-button,
.toolbar-button sx\:l,
.toolbar-button sx\:r,
.toolbar-button sx\:l sx\:p,
.toolbar-button sx\:r sx\:p { position:absolute; top:0; height:18px; z-index:-1; }
.toolbar-button { position:relative; display:inline; float:left; height:18px; margin:3px 0 0 10px; line-height:16px; color:white; z-index:0; }
.toolbar-button sx\:l { overflow:hidden; left:0; width:50%; }
.toolbar-button sx\:r { overflow:hidden; right:0; width:51%; }
.toolbar-button sx\:l sx\:p,
.toolbar-button sx\:r sx\:p { width:100%; background-repeat:no-repeat; }
.toolbar-button sx\:l sx\:p { left:0; background-position:left top; }
.toolbar-button sx\:r sx\:p { right:0; background-position:right top; }
.toolbar-button .button-label { padding:3px 15px 3px 15px; margin-top:0; top:1px; }
.toolbar-button:link,
.toolbar-button:visited { color:white; }
.toolbar .save-indicator { display:block; overflow:hidden; height:21px; margin-right:275px; text-align:right; }
.toolbar-tools { float:left; margin:0; }


/* SAVE STATES */
.text-saved,
.text-saving,
.text-save  { display:none; cursor:default; padding:5px 0; background:no-repeat right 4px; }
.text-save .toolbar-button { float:right; margin-top:-2px; margin-left:5px; }
.text-save .save-counter { color:white; }
.text-saved { display:block; }
.pending .text-saved { display:none; }
.text-saving { padding-right:20px; }
.save .text-saved,
.saving .text-saved { display:none; }
.saving .text-saving,
.save .text-save { display:block; }
.disable-auto-save #auto-save-text { display:none; }

/*----------*/
/* 006 TRAY */
/*----------*/

.tray,
.tray-bar,
.tray-background,
.tray-bar-background,
.tray-background-gradient,
.tray-switch,
.tray-highlight-line,
.tray-bar-highlight-line { position:absolute; }
.tray-bar,
.tray-bar-background,
.tray-background { width:100%; }
.tray, 
.tray-bar { left:-17px; }
.tray { display:none; bottom:40px; height:100px; left:10px; right:27px; behavior:url(/bindings/unselectable.htc); -moz-user-select:none; -webkit-user-select:none; }
.tray-bar,
.tray-bar-background,
.tray-switch { height:24px; }
.tray-switch .opt-switcher-bg { left:0px; }
.tray-bar { bottom:16px; }
.tray-content { height:97px; padding:0 0 0 27px; overflow:auto; white-space:nowrap; }
.tray-background { overflow:hidden; top:0; left:0; height:100px; z-index:-1; }
.tray-background-gradient { top:-480px; height:1000px; width:1000px; margin:0 auto; }
.tray-background { background:rgb(235,235,235); filter:alpha(opacity=85); opacity:0.85; }
.tray-background-gradient { background:url(/images/main_template/mt_gradient_1000x100_gray.png) no-repeat left 480px; }
.tray-bar-background { overflow:hidden; top:0; z-index:-1; }
.tray-bar-background-gradient { position:relative; top:-485px; left:0; height:1000px; width:1000px; margin:0 auto; background:no-repeat center 485px; z-index:0; }
.tray-switch { left:27px; background:0px 4px no-repeat; }
a.tray-switcher-open,
a.tray-switcher-closed { color:white!important; }
.tray-switcher-open:hover,
.tray-switcher-closed:hover { background-position:3px -41px; }
.tray-highlight-line,
.tray-bar-highlight-line { display:block; height:100%; width:1px; border-left:1px solid rgb(245,245,245); }
.tray-slot { position:relative; float:left; height:90px; width:90px; cursor:move; }
.tray-icon { position:absolute; height:72px; width:75px; top:5px; left:0px; background-position:0px 0px; background-repeat:no-repeat; }
.tray-icon:hover { background-position:0px -77px; }
.tray-label { position:absolute; bottom:0px; width:75px; left:5px; right:5px; text-align:center; }
.tray-item { display:none; }
#widget-tray-note { background-image:url(/images/widgets/note/icon_widget_note.png); }
#widget-tray-photo { background-image:url(/images/widgets/photo/icon_widget_photo.png); }
#widget-tray-document { background-image:url(/images/widgets/document/icon_widget_document.png); }
#widget-tray-todo { background-image:url(/images/widgets/todo/icon_widget_reminder.png); }

/* TRAY STATES*/
.tray-open .tray { display:block; }
.tray-closed .tray { display:none; }
.tray-switcher-open,
.tray-switcher-closed { display:none; padding:5px 0 4px 22px; background:no-repeat 3px -11px;  }
.tray-open .tray-switcher-open,
.tray-closed .tray-switcher-closed { display:block;}

/*----------------*/
/* 007 GREEN BARS */
/*----------------*/

.opt-switch,
.board-list-switch-shadow-line,
.opt-switch-shadow-line { border-left:1px solid rgb(90,145,25); }
.opt-switcher-bg { background-image:url(/images/switchers/switcher_bg_green.png)}
.opt-switch,
.board-list-switch-highlight-line,
.opt-switch-highlight-line,
.tray-bar-highlight-line { border-right:1px solid rgb(190,240,70); }
.toolbar,
.tray-bar { border-top:1px solid rgb(190,240,70); border-bottom:1px solid rgb(90,145,25); }
.toolbar-background,
.tray-bar-background { background:rgb(150,210,10); }
.toolbar-background-gradient,
.tray-bar-background-gradient { background-image:url(/images/main_template/mt_gradient_radius_horizontal_green.png); }
.toolbar-button sx\:l sx\:p,
.toolbar-button sx\:r sx\:p { background-image:url(/images/buttons/btn_toolbar_bg_dark_green.png); }
.toolbar-button a:hover { color:rgb(255,235,90); }
/*.board-list-open .open-board-list-button .left div,
.board-list-open .open-board-list-button .right div { background-image:url(/images/buttons/btn_toolbar_bg_green.png); }
.board-list-open .open-board-list-button:hover { color:rgb(255,235,90); }*/
.bopt-switcher-open { background-image:url(/images/switchers/switcher_down_green.gif); }
.bopt-switcher-closed { background-image:url(/images/switchers/switcher_right_green.gif); }
.tray-switcher-open,
.wopt-switcher-open { background-image:url(/images/switchers/switcher_up_green.gif); }
.widget-deactivated .wopt-switch .opt-switcher-bg { background-image:url(/images/switchers/switcher_green_ghosted.png); }
.tray-switcher-closed,
.wopt-switcher-closed { background-image:url(/images/switchers/switcher_right_green.gif); }
.bopt-switcher-open:hover,
.bopt-switcher-closed:hover,
.wopt-switcher-open:hover,
.wopt-switcher-closed:hover,
.tray-switcher-open:hover,
.tray-switcher-closed:hover { color:rgb(90,145,25)!important; }
.wopt-switcher-ghosted { color:rgb(240,255,210)!important; }
.text-saved { color:rgb(90,145,25); }

/*----------------*/
/* 008 ORANGE BAR */
/*----------------*/

#pending .text-saving,
#pending .text-save { color:rgb(165,95,0); }
#pending .text-saving { background-image:url(/images/spinners/spinner_orange.gif); }
#pending .text-save { cursor:pointer; }
#pending .toolbar { border-top-color:rgb(255,209,54); border-bottom-color:rgb(214,122,0); }
#pending .toolbar-background { background:rgb(245,160,0); }
#pending .toolbar-background-gradient { background-image:url(/images/main_template/mt_gradient_radius_horizontal_orange.png); }
#pending .toolbar .opt-switcher-bg { background-image:url(/images/switchers/switcher_bg_orange.png)}
#pending .toolbar .opt-switch,
#pending .toolbar .board-list-switch-shadow-line,
#pending .toolbar .opt-switch-shadow-line { border-left:1px solid rgb(214,122,0); }
#pending .toolbar .opt-switch,
#pending .toolbar .board-list-switch-highlight-line,
#pending .toolbar .opt-switch-highlight-line { border-right:1px solid rgb(255,209,54); }
#pending .toolbar-button sx\:l sx\:p,
#pending .toolbar-button sx\:r sx\:p { background-image:url(/images/buttons/btn_toolbar_bg_orange.png); }
#pending .toolbar-button a:hover { color:rgb(255,235,90); }
#pending .bopt-switcher-open { background-image:url(/images/switchers/switcher_down_orange.gif); }
#pending .bopt-switcher-closed { background-image:url(/images/switchers/switcher_right_orange.gif); }
#pending a.bopt-switcher-open:hover,
#pending a.bopt-switcher-closed:hover { color:rgb(165,95,0)!important; }

#pending .bopt-header .opt-switcher { background-image:url(/images/switchers/switcher_right_orange.gif); }
#pending.bopt-open .bopt-header .opt-switcher { background-image:url(/images/switchers/switcher_down_orange.gif); }
#pending .bopt-header .opt-switcher:hover { color:rgb(165,95,0); }
#pending .bopt-header .opt-header-right,
#pending .bopt-header .opt-header-right  { border-left-color: rgb(214,122,0); border-right-color: rgb(255,209,54); }

/*--------------------------------*/
/* 009 OPTION BAR content default */
/*--------------------------------*/

.opt-bar .mail-address {width: 166px; ;height:14px; overflow:hidden; }
.opt-bar .opt-devider	 { position:relative; clear:both; height:0; top:8px; border-top:1px solid rgb(180,180,180); border-bottom:1px solid white; margin:0 0 16px; overflow:hidden; }
.opt-more { text-align:right; }
.opt-bar h3 { font-size:15px; margin:15px 0px 10px; }
.opt-bar h4 { margin:5px 0px 3px; }
.opt-bar .subhead { margin:0px 0px 5px; }
.opt-sub-header { position:absolute; z-index:2; bottom:0px; height:27px; font-weight:bold; color:rgb(102,102,102); padding:0px 27px 0px 10px; width:218px; cursor:default; }
.opt-sub-header hr { position:relative; top:0px; margin:0px -27px 0px -10px; }
.opt-row { clear:both; padding:0 0 8px; }
.opt-color-palett span { position:relative; float:left; display:block; height:15px; width:11.5%; overflow:hidden; margin:1px; }
.opt-bar .deactivated-color-palett,
.opt-bar .deactivated .activated-color-palett { display:none; }
.opt-bar .deactivated .deactivated-color-palett { display:block; }
.opt-color-palett div { position:absolute; top:0; right:0; bottom:0; left:0; }
.opt-color-palett span.active { border:1px solid rgb(255,150,20); margin:0; }
.opt-color-palett span.active div { height:13px; margin:1px; }
.opt-themes { position:relative; }
.opt-theme-spacer { height:1px; overflow:hidden; }
.opt-themes .opt-theme { position:relative; float:left; width:50px; height:40px; margin:0 4px 0 0; cursor:default; background-color: white; background-image:url(/images/main_template/white_gradient_transp_300.png); background-repeat:no-repeat; background-position:-100px -100px; }
.opt-themes .opt-theme .label { position:absolute; font-size:22px; line-height:22px; bottom:4px; left:12px; width:35px; overflow:hidden; white-space:nowrap; }
.opt-themes .active { border:1px solid rgb(255,150,20); margin:-1px 3px -1px -1px;}
.opt-themes-tooltips { position:absolute; top:13px; left:0; width:100%; height:40px; }
.opt-themes-tooltips div { position:relative; float:left; width:50px; height:40px; margin:0 4px 0 0; cursor:default; }
.opt-themes-tooltips span { position:absolute; opacity:0.6; filter:alpha(opacity=60); display:none; z-index:1; top:-5px; right:-12px; background:rgb(240,250,215); text-align:center; font:bold 10px "Verdana", "Lucida Grande", "Bitstream Vera Sans", "Sans"; color: rgb(90,145,25); padding:6px; }
.opt-themes-tooltips div:hover span { display:block; }
.opt-check {margin:2px 0 0 0; text-align:text-top; width:13px; height:13px; overflow:hidden; }
.opt-font-size-palett { font-weight:bold; margin-left:8px; }
.opt-font-size-palett .active { border:1px solid rgb(255,150,20); margin:0; background:white;}
.opt-font-size-palett div { cursor:default; overflow:hidden; float:left; line-height:30px; margin:1px; width:12%; height:23px; margin:1px; text-align:center; }
.opt-font-size-palett div span { position:relative; display:block; top:-30px;}
.opt-font-style div { float:left; margin-right:4px; padding:0px 6px; border:1px solid white; font-size:13px; cursor:default; }
.opt-font-style div.active { border:1px solid rgb(255,150,20); background:white; }
.opt-bar-load-indicator { position: absolute; top: 50px; left: 0px; display:none; padding-left:35px; color:  rgb(180,180,180);font-size:1.2em; background:url(/images/spinner.gif) no-repeat 15px top; }

.opt-bar .no-data,
.opt-bar .ghosted,
.opt-bar .deactivated { color: rgb(150,150,150); }
.opt-bar .activated { color:rgb(50,50,50); }

/*-----------*/
/* 010 POPUP */
/*-----------*/

.popup-container { position: absolute; visibility:hidden; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 1000; }
.popup-background { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: black url(/images/spinners/spinner_inverted.gif) no-repeat center center; opacity: 0.3; filter:alpha(opacity=30); z-index: 0; }
.popup { position: absolute; display:none; left: 50%; top: 50%; background-color: white; border: 1px solid rgb(150,150,150); z-index: 1; }
.popup-canvas { position:absolute; overflow:hidden; top:0; right:0; bottom:0; left:0; height:100%; width:100%; background:white; z-index:0; }
.popup-pending { display:none; position:absolute;left:0;top:0;right:0;bottom:0;z-index:1000000; }
.show-pending .popup-pending { display:block; }
.popup-pending-background { position:absolute; left:0; top:0; right:0; bottom:0; background:rgb(180,180,180); opacity:0.8; filter:alpha(opacity=80); cursor:wait; z-index:-1; }
.popup-pending-content { position:relative; top:-10px; font-size:20px; padding-top:20%; color:black; text-align:center; cursor:wait; }
.show-pending .button .left div,
.show-pending .button .right div { background-image:url(/images/buttons/btn_background_ghosted.png)!important }
.popup-grid { border-collapse:collapse; height:100%; width:100%; }
.popup-top,
.popup-bottom { padding:0; vertical-align:top; }
.popup-top {  overflow:hidden; }
.popup-bottom { height:50px; text-align:right; }
.popup-top-line { position:absolute; overflow:hidden; top:24px; width:100%; height:1px; background:rgb(215,215,215); z-index:10; }
.popup-top-close { position:absolute; right:4px; top:4px; width:16px; height:16px; background:url(/images/buttons/btn_bar_close.gif) no-repeat -6px -4px; z-index:10; }
.popup-content { position:absolute; overflow:auto; top:25px; right:0; bottom:51px; left:0; padding:0 20px; }
.popup-button-bar { position:absolute; right:0; bottom:0; left:0; height:35px; background:rgb(235,235,235); border-top:1px solid rgb(215,215,215); padding:15px 20px 0; }
.popup-buttons sx\:button { margin-left:15px; }
.popup-load-progress { position:absolute; display:none; top:25px; bottom:50px; width:100%; background:white url(/images/spinners/spinner.gif) no-repeat center center; opacity:0.8; filter:alpha(opacity=80); z-index:1000; }
.popup-blog { position:absolute; width:100%; }
.popup-external-frame { position:absolute; left:0; top:0; width:100%; height:100%; }

/*--------------*/
/*  011 PROMO   */
/*--------------*/

.promo-column { position:absolute; top:0; left:430px; width:290px; height:5000px; z-index:1000000; }
.promo-column-bg { position:absolute; top:0; width:100%; height:5000px; background:black; opacity:0.8; filter:alpha(opacity=80); }
.promo-column-content { position:relative; padding:170px 25px 25px; font-family:verdana; line-height:1.6em; }
.promo-column-content h1 { line-height:1.2em;  }
.promo-column-content,
.promo-column-content h1,
.promo-column-content h3 { color:rgb(200,200,200); }
.promo-column-content strong { color:rgb(175,225,45); }
/*.promo-column-content  a,
.promo-column-content  a:hover,
.promo-column-content  a:visited { color:rgb(255,235,90); font-weight:bold; }
*/
.sample-column { position:absolute; top:0; left:720px; width:290px; height:5000px; z-index:1000000; }
.sample-column-bg { position:absolute; top:0; width:100%; height:5000px; background:black; opacity:0.1; filter:alpha(opacity=10); }
.sample-column-content { position:relative; padding:80px 25px 25px; font-family:verdana; line-height:1.6em; }
.sample-column-content h1 { line-height:1.2em; font-size:16px; font-family:Georgia;  }
.sample-column-content,
.sample-column-content h3 { color:rgb(100,100,100); }
.sample-column-content strong { color:rgb(235,10,90); }
.sample-column-content h1,
.sample-column-content  a,
.sample-column-content  a:hover,
.sample-column-content  a:visited { color:rgb(235,10,90); }
.sample-item { margin:0 0 12px;}
.sample-thumb { width:240px; height:132px; background:no-repeat; margin-bottom:2px; }

/*--------------------*/
/*   012 BUTTON ALL   */
/*--------------------*/

sx\:button { position:relative; font: 11px/12px "Verdana", "Lucida Grande", "Bitstream Vera Sans", "Sans"; color:white; display:inline; display:inline-block; z-index:0; cursor:default; behavior:url(/bindings/unselectable.htc); -moz-user-select:none; -webkit-user-select:none; }
sx\:button sx\:l,
sx\:button sx\:r { position:absolute; top:0px; width:50%; height:20px; overflow:hidden; z-index:-1; }
sx\:button sx\:l { left:0px; }
sx\:button sx\:r { left:50%; ; }
sx\:button sx\:l sx\:p,
sx\:button sx\:r sx\:p { position:absolute; z-index:-1; top:0px; height:20px; width:100%; background:url(/images/buttons/btn_background.png) left top no-repeat; }
sx\:button sx\:l sx\:p { left:0px; }
sx\:button sx\:r sx\:p { right:0px; background-position:right top; }
sx\:button .button-label { position:relative; top:3px; padding:3px 20px 4px; white-space:nowrap; display:inline; }
sx\:button.button-label-narrow .button-label { padding:3px 10px 4px }
sx\:button sx\:i { position:absolute; top:3px; left:6px; width:16px; height:16px; background:left top no-repeat; display:none; }
sx\:button.button-icon sx\:i { display:block; }
sx\:button.button-icon .button-label { padding-left:26px; }
sx\:button:hover sx\:i  { background-position:left -30px; }
sx\:button.ghosted:hover sx\:i,
sx\:button.ghosted sx\:i { background-position:left -55px; }


sx\:button.default sx\:l sx\:p,
sx\:button.default sx\:r sx\:p { background-image:url(/images/buttons/btn_background_default.png) }
sx\:button.ghosted sx\:l sx\:p,
sx\:button.ghosted sx\:r sx\:p { background-image:url(/images/buttons/btn_background_ghosted.png) }

sx\:button a,
sx\:button a:link,
sx\:button a:active,
sx\:button a:visited { font-weight:normal; color:white; cursor:hand; cursor:pointer; text-decoration:none!important; }
sx\:button a:link:hover { color:rgb(75,75,75);}

sx\:button.default a:hover { color:rgb(55,50,95);}
sx\:button.ghosted a:hover { color:white; cursor:default; }

sx\:button.large { font-size:14px; }
sx\:button.large sx\:l { height:28px; }
sx\:button.large sx\:r { height:28px; }
sx\:button.large sx\:l sx\:p { height:28px; background-image:url(/images/buttons/btn_bg_large.png); }
sx\:button.large sx\:r sx\:p { height:28px; background-image:url(/images/buttons/btn_bg_large.png); }
sx\:button.large .button-label { top:5px; margin-top:5px; }

sx\:button.default-large sx\:l sx\:p ,
sx\:button.default-large sx\:r sx\:p  { background-image:url(/images/buttons/btn_bg_default_large.png) }
sx\:button.ghosted-large sx\:l sx\:p ,
sx\:button.ghosted-large sx\:r sx\:p  { background-image:url(/images/buttons/btn_bg_ghosted_large.png) }
sx\:button.default-large a:hover { color:rgb(55,50,95);}

sx\:button.tooltip sx\:l,
sx\:button.tooltip sx\:r,
sx\:button.tooltip sx\:l sx\:p,
sx\:button.tooltip sx\:r sx\:p { height:38px; }
sx\:button.tooltip .button-label { padding-left:30px; padding-right:30px; top:9px; margin-top:5px; color:rgb(75,75,75); }
sx\:button.tooltip sx\:l sx\:p,
sx\:button.tooltip sx\:r sx\:p { background-image:url(/images/buttons/btn_tooltip_background.png); }


/*--------------------*/
/*   013 SCROLLBAR ALL   */
/*--------------------*/

.scrollbar-vertical { top:50%; right:0; width:16px; height:32px; margin-top:-16px; }
.scrollbar-horizontal { left:50%; bottom:0; width:32px; height:16px; margin-left:-16px; }
.scrollbar-vertical,
.scrollbar-horizontal { position:absolute;  }
.scrollbar-up { top:-1px; left:0; background:orange; }
.scrollbar-down { bottom:-1px; left:0; background:orange; }
.scrollbar-left { top:0; left:-1px; background:orange; }
.scrollbar-right { top:0; right:-1px; background:orange; }
.scrollbar-up-active { background:green; }
.scrollbar-down-active { background:green; }
.scrollbar-left-active { background:green; }
.scrollbar-right-active { background:green; }

.scrollbar-up,
.scrollbar-down,
.scrollbar-left,
.scrollbar-right { position:absolute; display:none; width:16px; height:16px; cursor:default; opacity:.5; }

.scrollbar-y-on .scrollbar-up,
.scrollbar-y-on .scrollbar-down,
.scrollbar-x-on .scrollbar-left,
.scrollbar-x-on .scrollbar-right { display:block; }

.scrollbar-up:hover,
.scrollbar-down:hover,
.scrollbar-left:hover,
.scrollbar-right:hover { opacity:.85; }


@media print{
	html { background-image:none; overflow:auto; }
	body { padding:0; background-image:none; }
	.board-list-open .canvas { left:0; }
	.canvas { background-image:none; overflow:visible; width:auto; height:auto; }
	.header,
	.toolbar, 
	.tools, 
	.tray,
	.tray-cont,
	.tray-bg,
	.tray-bar,
	.opt-bar,
	#opt_bar,
	#board_list_bar { display: none!important; }
}

.global-top-ad-frame { position:absolute; left:-305px; width:728px; height:90px; margin:0 0 0 50%; z-index:10000000; }

/*---------------------*/
/* 101 DEFAULT WIDGETS */
/*---------------------*/

.widget { position:absolute; width:150px; height:150px; z-index:0; }
/* 
  # TODO Change the selector below to:
  .widget { behavior:url(/bindings/selectable.htc)!important; }
  
  Needs to be tested in IE 6, and IE 7 before deployment
  
*/
.widget { behavior:url(/bindings/selectable.htc)!important; }
.widget a[href]:link, .widget a[href]:active, .widget a[href]:visited { text-decoration:underline; }
.widget .base { position:absolute; top:0px; left:0px; right:0px; bottom:0px; background-color:white; padding:10px 10px 15px; color:rgb(50,50,50); cursor:move; overflow:hidden; z-index:0; }
.widget .shadow { position:absolute; top:2px; left:2px; right:-8px; bottom:-0px; }
.widget .shadow b { position:absolute; display:block; bottom:0px; left:0px; right:0px; height:0px; }
.widget .shadow s { position:absolute; display:block; bottom:0px; top:0px; right:0px; width:8px; background:url(/images/widgets/default/widget_shadow.png) no-repeat right top;}
.widget .shadow u { display:block; float:right; font-size:1px; height:8px; width:50%; background:url(/images/widgets/default/widget_shadow.png) no-repeat bottom left;}
.widget .shadow i { display:block; float:right; font-size:1px; height:8px; width:49%; background:url(/images/widgets/default/widget_shadow.png) no-repeat bottom right;}
.widget.no-background-fill .shadow,
.widget.no-drop-shadow .shadow { display:none!important; }
.widget .focus { position:absolute; top:-2px; left:-2px; bottom:-2px; right:-2px; border:2px solid rgb(150,210,10); visibility:hidden; }
.widget .resizer { position:absolute; right:0px; bottom:0px; width:16px; height:16px; overflow:hidden; cursor:se-resize; visibility:hidden; opacity:1; z-index:1000; }
.widget-hover .resizer { visibility:visible; background:url(/images/widgets/default/edit_btn_resize_hover.png) no-repeat; }
.widget-selected .resizer { visibility:visible; background:url(/images/widgets/default/edit_btn_resize_active.png) no-repeat; }
.widget-hover { border:1px dotted rgb(180,180,180); }
.widget-hover.widget-selected { border:none; }
.widget .remove { position:absolute; right:0px; top:0px; width:16px; height:16px; overflow:hidden; cursor:default; visibility:hidden; opacity:1; z-index:1000; }
.widget-hover .remove { visibility:visible; background:url(/images/widgets/default/edit_btn_close_hover.png) no-repeat; }
.widget-selected .remove { visibility:visible; background:url(/images/widgets/default/edit_btn_close_active.png) no-repeat; }
.widget-selected .focus { visibility:visible; border-color:rgb(90,145,25)!important; }
.widget .editor-bg { position:absolute; display:none; left:8px; top:8px; right:10px; bottom:15px; z-index:-1; }
.widget .editor-bg-border { position:absolute; top:0; bottom:0; width:100%; background:white; opacity:0.3; filter:alpha(opacity=30); border:1px dashed gray; }
.widget-hover .editor-bg,
.widget-move-hover .editor-bg { display:block; }
.widget .editor-canvas { position:absolute; left:8px; top:8px; right:10px; bottom:15px; z-index:0; }
.widget .editor { position:relative; top:0px; bottom:0px; width:100%; height:100%; overflow:hidden; cursor:text; word-wrap:break-word; font-size:13px;}
.widget .editor:focus { outline:none; }
.widget-selected .editor { overflow:auto; }
.widget .editor a[href] { }
.widget .editor a[href]:link,
.widget .editor a[href]:visited,
.widget .editor a[href]:active { position:relative; cursor:default!important; color:rgb(45,130,215)!important; }
/*.edior-link-tooltip { position:absolute; color:white!important; background:rgb(45,130,215); -webkit-border-radius:3px; -moz-border-radius:3px; border:1px solid rgb(35,95,155); z-index:2147483647; }
*/
.edior-link-tooltip { position:absolute; display:none; padding:0px 0 0 0px; width:120px; z-index:2147483647; }
.edior-link-tooltip  sx\:button.tooltip .button-label { padding-left:20px; padding-right:40px; color:rgb(45,130,215); text-decoration:underline!important; }
.edior-link-tooltip  sx\:button sx\:i { top:7px; left:auto; right:18px; background-image:url(/images/buttons/btn_icon_link_gray.gif); }
.edior-link-tooltip  sx\:button:hover sx\:i  { background-position:left top; }
.edior-link-label { position:absolute; top:7px; left:5px; height:22px; width:100%; background:white; opacity:0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity="0.0001"); cursor:pointer!important; }
.insert-link  sx\:i { background-image:url(/images/buttons/btn_icon_link.gif); }

/* http://fretlessjazz-ux.blogspot.com/2009/09/implementing-rich-text-editor-with.html */
sx\:moz-editor-block-spacer,
sx\:moz-editor-cursor-spacer { display:none; }

/*.widget-hover .editor { overflow:auto; }*/
.widget-activate .editor { overflow:auto; }
.widget .handles { position:absolute; overflow:hidden; width:16px; height:100%; right:0px; top:0px; }
.widget-hover .handles { opacity:0.2; filter:progid:DXImageTransform.Microsoft.Alpha(opacity="20"); }
.widget-hover.widget-selected .handles { opacity:1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity="100"); }
.widget .base-bg { position:absolute; top:0px; left:0px; height:100%; width:100%; background:url(/images/main_template/white_gradient_transp_300.png) no-repeat 0px 0px; opacity:inherit; filter:alpha(opacity="100");  z-index:-1; }		
.widget.no-background-fill .base-bg { background-image:none!important; background-color:transparent!important; }

.widget-highlighted .focus { visibility:visible; border-color:rgb(255,150,20)!important; }
.widget-highlighted { z-index:100000000!important; }
.widget-highlighted .shadow { right:-12px; opacity:0.5;}
.widget-highlighted .shadow s { width:12px; }
.widget-highlighted .shadow u { height:12px; }
.widget-highlighted .shadow i { height:12px; }

.widget-locked, 
.widget-locked .base,
.widget-locked * { cursor:default!important; }


/* Editor iframe */
.editor-body { /*margin: 0px;*/ }
.editor-window-init { position: absolute; top: 0px; left: 0px; visibility: hidden; z-index: -2; }
.editor-window { border: none; width: 100%; height:  100%; }
/*
Change this rule to add window.scrollTo() functionality to the iframe
.editor-document { position:relative; height:auto!important; }
*/
.editor-document { height:  100%; }
.editor-document a:link,
.editor-document a:visited,
.editor-document a:active   { color: rgb(45,130,215)!important; }

.editor-window body ul, 
.editor-window body ol{ margin: 0px; }

@media print {
	.widget-hover { border:none; }
	.widget .shadow { display:none!important; }
	.widget .focus { border:none; }
	.widget-hover .resizer { visibility:hidden; }
	.widget-selected .resizer { visibility:hidden; }
	.widget-hover .remove { visibility:hidden; }
	.widget-selected .remove { visibility:hidden; }
	.widget-hover .editor-bg { display:none; }
}




/*---------------------*/
/* 102 DOCUMENT WIDGET */
/*---------------------*/

.document .base { background:transparent; overflow:visible; padding:2px 0 0; font-family:"Verdana", "Lucida Grande", "Bitstream Vera Sans", "Sans"; }
.document .shadow { display:none; }
.document .document-bg { position:absolute; width:100%; height:100%; z-index:-1; left:0px; top:0px; background:none; }
.widget-hover .document-bg { background:white!important; opacity:0.5; filter:alpha(opacity=50); }
.widget-selected .document-bg { background:white!important; opacity:1; filter:alpha(opacity=100); }
.document .status-pane { position:absolute; top:0; width:100%; z-index:0; }
.document .progress-canvas { position:absolute; top:6px; left:52px; height:54px; width:40px; }
.document .progress-bar { position:absolute; bottom:0px; height:0; width:40px; background:url(/images/widgets/document/progress.gif) left bottom; }
.document .progress-number { position:absolute; top:20px; width:40px; text-align:center; font-size:9px; color:rgb(90,145,25); }

.document .error-pane { position:absolute; color:rgb(235,10,90); top:68px; z-index:10000; }
.document .error-bg { position:absolute; top:0; left:0; width:100%; height:100%; background:rgb(255,165,200); opacity:0.8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity="80"); z-index:-1; }
.document .error-content { position:relative; padding:10px; }

.document .status-content { position:relative; top:65px; }
.document .status-file-size { text-align:center; font-size:9px; padding-bottom:2px; }
.document .status-file-size-loaded,
.document .status-file-size-total { font-weight:bold; }
.document .status-file-name-text { color:rgb(150,150,150); text-align:center; }
.document .file-link { word-wrap:break-word; text-align:center;font:11px 'Verdana', 'Lucida Grande', 'Bitstream Vera Sans', 'Sans'; }
/* Icons */
.document .document-icon { width:64px; height:64px; margin:0 40px 5px; background:url(/images/widgets/document/icons/generic.png) no-repeat;}
.document .document-icon-code { background-image:url(/images/widgets/document/icons/code.png);}
.document .document-icon-compress { background-image:url(/images/widgets/document/icons/compress.png);}
.document .document-icon-excel { background-image:url(/images/widgets/document/icons/excel.png);}
.document .document-icon-executable { background-image:url(/images/widgets/document/icons/executable.png);}
.document .document-icon-generic { background-image:url(/images/widgets/document/icons/generic.png);}
.document .document-icon-image { background-image:url(/images/widgets/document/icons/image.png);}
.document .document-icon-media { background-image:url(/images/widgets/document/icons/media.png);}
.document .document-icon-pdf { background-image:url(/images/widgets/document/icons/pdf.png);}
.document .document-icon-powerpoint { background-image:url(/images/widgets/document/icons/powerpoint.png);}
.document .document-icon-text { background-image:url(/images/widgets/document/icons/text.png);}
.document .document-icon-vector { background-image:url(/images/widgets/document/icons/vector.png);}
.document .document-icon-word { background-image:url(/images/widgets/document/icons/word.png);}
/* Optionbar */
.w-d-replace { display:none; }

@media print {
	.document .document-icon { width:54px; height:60px; margin:0 45px 5px; border:5px solid rgb(85,165,240); background:white;}
}

/*-----------------*/
/* 103 NOTE WIDGET */
/*-----------------*/

.note .base { font-family:Georgia; background:transparent; }
.note .note-bg { background-color:rgb(250,250,170); }
/* Note Themes */
.note.wopt-theme-2 .base { color:rgb(90,145,25); font-family:Verdana; }
.note.wopt-theme-3 .base { color:rgb(35,95,155); font-family:"Comic Sans MS"; }
.note.wopt-theme-4 .base { color:rgb(185,5,70); font-family:"Arial"; }
.note.wopt-theme-2 .note-bg { background-color:rgb(225,250,160); }
.note.wopt-theme-3 .note-bg { background-color:rgb(190,220,250); }
.note.wopt-theme-4 .note-bg { background-color:rgb(255,165,200); }
/* Options */
.wopt div.wopt-theme-1 { background-color:rgb(250,250,170); color:rgb(50,50,50); font-family:Georgia; }
.wopt div.wopt-theme-2 { background-color:rgb(225,250,160); color:rgb(90,145,25); font-family:Verdana; }
.wopt div.wopt-theme-3 { background-color:rgb(190,220,250); color:rgb(35,95,155); font-family:"Comic Sans MS"; }
.wopt div.wopt-theme-4 { background-color:rgb(255,165,200); color:rgb(185,5,70); font-family:"Arial"; }
.w-n-font options { color:rgb(204,204,204); }
.w-n-font options.activated { color:auto; }

.wopt options.activated { color:auto; }


@media print {
	.note .base { border:5px solid rgb(245,204,0); }
	.note .note-bg { background:white; }
}

/*------------------*/
/* 104 PHOTO WIDGET */
/*------------------*/

.photo { width:200px; height:150px; }
.photo .base { padding:0; z-index:0; }
.photo-load { position:absolute; text-align:center; margin-top:30px; width:100%; color:rgb(150,150,150); z-index:-1; }
.photo .frame { position:absolute; top:0; right:0; bottom:0; left:0;z-index:0;}
.photo .upload-pane,
.photo .status-pane,
.photo .error-pane { position:absolute; display:block; left:0; width:100%; z-index:10; }
.photo .status-pane { top:30px; }
.photo .error-pane { color:rgb(235,10,90); top:10px; }
.photo .status-canvas,
.photo .error-canvas { position:relative; height:100%; padding:1px 0; }
.photo .status-bg,
.photo .error-bg { position:absolute; top:0; left:0; width:100%; height:100%; opacity:0.8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity="80"); z-index:-1; }
.photo .status-bg {  background:white; }
.photo .error-bg { background:rgb(255,165,200); }
.photo .status-content,
.photo .error-content { position:relative; margin:10px; }
.photo .progress-canvas { position:relative; left:0px; right:0px; height:10px; margin:0 10px 10px; overflow:hidden; border:1px solid rgb(150,150,150); }
.photo .progress-bar { position:absolute; left:0px; width:0; height:10px; background:url(/images/widgets/photo/widget_loadbar_1x10.png); }
.photo .progress-number { position:relative; text-align:center; font-size:9px; color:rgb(90,145,25); z-index:1; }
.photo .status-file-name-text,
.photo .status-file-size-loaded,
.photo .status-file-size-total { font-weight:bold; }
.photo .status-file-name-text { display:block; }
.photo .status-file-size { padding:2px 0 2px; }
.photo .upload-pane { display:block; top:0; height:50%; overflow:visible;}
.photo .upload-offset { position:absolute; bottom:0; width:100%; height:100px; }
.photo .upload-overlay { position:relative; text-align:center; top:50px; height:90px; width:100%; line-height:90px;}
.photo .upload-overlay div { display:inline; padding:36px 79px; width:158px; height:71px; background:url(/images/widgets/photo/placeholder_overlay.png) no-repeat; }
.photo .upload-button { position:relative; top:50px; text-align:center; }
.photo .photo-canvas { position:absolute; height:100%; width:100%; }
.photo .photo-cover { position:absolute;left:0;top:0;width:100%;height:100%;background:none;z-index:10 }
.photo .max-file-size { position:relative; top:50px; color:rgb(150,150,150); padding:0px 5px 0; text-align:center;  }
/* Options */
.w-p-replace { display:none; }
.w-p-document-name { margin:0px 0px 8px; }
#wopt-photo .opt-themes .opt-theme { position:relative; width:50px; height:40px; background-position:0px 0px; background-repeat: no-repeat; }
#w-p-theme-noeffect,
#w-p-theme-sepia,
#w-p-theme-gray { background: url(/images/widgets/photo/wopt_icon_ghosted.jpg); }
#w-p-theme-noeffect.activated { background: url(/images/widgets/photo/wopt_icon_color.jpg); }
#w-p-theme-sepia.activated { background: url(/images/widgets/photo/wopt_icon_sepia.jpg); }
#w-p-theme-gray.activated { background: url(/images/widgets/photo/wopt_icon_bw.jpg); }
#w-p-theme-noframe { background: url(/images/widgets/photo/wopt_icon_noframe.jpg)!important; }
#w-p-theme-frame { background: url(/images/widgets/photo/wopt_icon_frame.jpg)!important; }
#w-p-theme-frame-1px { background: url(/images/widgets/photo/wopt_icon_frame_1px.jpg)!important; }
#w-p-theme-rotate-0 { background: url(/images/widgets/photo/wopt_icon_rotate_0.jpg)!important; top:5px; }
#w-p-theme-rotate-90 { background: url(/images/widgets/photo/wopt_icon_rotate_90.jpg)!important; width:40px!important; height:50px!important; }
#w-p-theme-rotate-180 { background: url(/images/widgets/photo/wopt_icon_rotate_180.jpg)!important; top:5px;  }
#w-p-theme-rotate-270 { background: url(/images/widgets/photo/wopt_icon_rotate_270.jpg)!important; width:40px!important; height:50px!important; }

@media print {
	.photo .base { border:5px solid rgb(200,200,200); }
}

/*-----------------*/
/* 105 TODO WIDGET */
/*-----------------*/

.todo .base { border:1px solid rgb(215,215,215); border-top-color:rgb(235,235,235); border-left-color:rgb(235,235,235); font-family:"Verdana", "Lucida Grande", "Bitstream Vera Sans", "Sans"; font-size:1.2em; }
.todo .base-bg { background:url(/images/main_template/white_gradient_transp_300.png) rgb(245,245,245) no-repeat 1px 1px; }
.todo .todo-header { position:absolute; height:80px; overflow:hidden; color:rgb(255,255,255); left:4px; top:4px; right:4px; overflow:hidden;  }
.todo .todo-reminder-icon { position:absolute; opacity:0.5; filter:alpha(opacity=50); height:12px; width:12px; top:5px; right:5px; background:url(/images/widgets/todo/reminder.png) no-repeat; display:none; z-index:-1; }
.todo-reminder .todo-reminder-icon { display:block; }
.todo .todo-indicator { padding:5px 0 0 10px; font-size:9px; color:rgb(235,10,90); letter-spacing:2px; }
.todo .todo-content { overflow:hidden; white-space:nowrap; }
.todo .todo-day { float:left; margin:-5px 5px 0 5px; font-family:"Verdana"; font-weight:bold; font-size:36px; line-height:45px; text-align:right; color:rgb(235,10,90); }
.todo .todo-month-year { margin-top:2px; font-size:13px; line-height:16px; }
.todo .todo-dayname-time { margin-top:0px; font-size:13px; line-height:16px; }
.todo .todo-time { color:rgb(235,10,90); }
.todo .todo-hour, .todo .todo-minute { margin-top:-1px; }
.todo .todo-comments { position:absolute; bottom:0; left:4px; font-size:9px; letter-spacing:2px; margin:0px 0px 2px; color:rgb(150,150,150); }
.todo-compact .todo-header { height:25px; }
.todo-compact .todo-content { padding:5px; }
.todo-compact .todo-indicator { display:none; }
.todo-compact .todo-day { display:inline; float:none; margin:0 2px 0 0; font-family:inherit; font-style:inherit; font-weight:inherit; font-size:16px; line-height:16px; }
.todo-compact .todo-dayname { display:none; }
.todo-compact .todo-month-year { display:inline; margin-top:2px; font-size:14px; line-height:16px; }
.todo-compact .todo-month { display:inline; }
.todo-compact .todo-dayname-time { display:inline; font-size:14px; line-height:16px; }
.todo-compact .todo-time { display:inline; margin-left:0px; color:rgb(235,10,90); }
.todo-compact .todo-hour, .todo .todo-minute { margin-top:-1px; }
.todo-compact .todo-comments { display:none; }
.todo .editor-bg,
.todo .editor-canvas  { top:85px; }
.todo-compact .editor-bg,
.todo-compact .editor-canvas { top:39px; }
.todo .header-bg { position:absolute; height:60px; width:100%; background:url(/images/main_template/white_gradient_transp_300.png) rgb(255,165,200) no-repeat 0px 0px; z-index:-1; }		

/* 	BUG PATCH: For some reason, the rollover effect doesn't work in Firefox for Todo widget when one click inside an empty area in the header.
 		Adding a layer that catches the event on top of it all seems to do the trick. */
.todo .todo-event-catcher { position:absolute; left:0; top:0; height:100%; width:100%; background:none; }

/* Todo calendar */
.todo-calendar .calendar { margin: 0px; width:100%; color: white; text-align: center;}
.todo-calendar .calendar  th { font-size: 1em; font-weight: normal; background-color: rgb(80,80,80); color: rgb(200,200,200); border-bottom: 1px solid rgb(30,30,30); }
.todo-calendar .calendar td { cursor:pointer; }
.todo-calendar .calendar td, 
.todo-calendar .calendar th { padding: 0px; width: 14.29%; height: 20px; text-align: center; vertical-align: middle; }
.todo-calendar .calendar 
.todo-calendar .calendar-first-day-of-week { border-left: 1px solid rgb(30,30,30); }
.todo-calendar .calendar-other-month, 
.todo-calendar .calendar-day, 
.todo-calendar .calendar-special-day { border-right: 1px solid rgb(30,30,30); }
.todo-calendar .calendar-other-month { color: rgb(200,200,200); border-bottom: 1px solid rgb(30,30,30); background-color: rgb(130,130,130)!important; }
.todo-calendar .calendar-day, 
.todo-calendar .calendar-special-day { border-bottom: 1px solid rgb(30,30,30); background-color: #333333; }
.todo-calendar .calendar-special-day a, 
.todo-calendar .calendar-special-day a:visited, 
.todo-calendar .calendar-special-day a:hover { color: white; text-decoration: none; }
.todo-calendar .calendar-special-day a:hover { color: white; background-color: black; }
.todo-calendar .calendar-weekend-day { background-color: rgb(80,80,80); }
.todo-calendar .calendar-today-day { color: rgb(245,140,0)!important;  font-weight: bold; }
.todo-calendar .calendar-nav {  position: relative; color:rgb(90,145,25); font-weight: bold; text-align: center; width:100%; background-color: rgb(150,210,10); padding:4px 0; }
.todo-calendar .todo-calendar-month-title { position: relative; }
.todo-calendar .calendar-nav a { position: absolute; text-decoration: none; display: block; top: 3px; width: 15px; height: 15px; background: no-repeat left -15px; }
.todo-calendar .calendar-nav a:hover { background-position: left -45px; } 
.todo-calendar .calendar-nav .prev-month a { background-image: url(/images/widgets/todo/calendar_nav_prev.gif); left: 7px; }
.todo-calendar .calendar-nav .next-month a { background-image: url(/images/widgets/todo/calendar_nav_next.gif); right: 7px; }
.todo-calendar .calendar-selected-day { background-color: white!important; border: 1px solid rgb(245,140,0)!important; color: rgb(51,51,51); font-weight: bold!important; }
.todo-calendar #todo_progress_indicator { position: absolute; top:-1px; left: -18px; display: block; width:16px; height:16px; background:url(/images/spinners/spinner_green.gif) no-repeat; }

.stixy-calendar .todo-widget sx\:sp { display:block; }
.stixy-calendar .todo-widget sx\:sp sx\:l sx\:p,
.stixy-calendar .todo-widget sx\:sp sx\:r sx\:p { background-image:url(/images/calendar/multiple_days_light_pink.png); }
.stixy-calendar .todo-widget .label  { padding:0px 20px 0 10px; font-weight:normal!important; }
.stixy-calendar .calendar-entry-rollover .todo-widget { opacity:1; color:rgb(185,5,70)!important; }
.stixy-calendar .calendar-todo { position:relative; }
.calendar-todo .widget * { cursor:default!important; }
.todo-calendar-view-navigation { position:relative; padding:10px 0; }
.todo-calendar-view-navigation .title { color:rgb(130,130,130); }
.todo-calendar-row { margin:4px 0 6px; }
.todo-calendar-row li { margin:3px 0; }
.todo-calendar-list-label { color:rgb(185,5,70); }
.calendar-entry-rollover .todo-calendar-list-label   { color:rgb(45,130,215); }

@media print {
	.todo .base { border:5px solid rgb(255,165,200); }
	.todo .base-bg { background:white; }
	.todo .todo-header { color:rgb(50,50,50); border-bottom:1px solid rgb(255,165,200);}
	.todo .header-bg { background:none; }		
	.todo .todo-comments { color:rgb(200,200,200); }
}