Click here to Skip to main content
15,897,704 members
Articles / Security

Manage security and redirection for non authorized access in MVC

Rate me:
Please Sign up or sign in to vote.
4.50/5 (7 votes)
18 Jul 2012CPOL2 min read 56.6K   1.4K   26  
How to apply security and redirection to a view when a user cannot access a controller or a controller action in MVC
/* base stylesheet */.t-reset{margin:0;padding:0;border:0;outline:0;text-decoration:none;font-size:100%;list-style:none}
.t-floatwrap:after{content:"";display:block;clear:both;visibility:hidden;height:0;overflow:hidden}
.t-floatwrap{display:inline-block}
.t-floatwrap{display:block}
.t-widget,.t-widget .t-input,.t-widget .text-box,.t-button{font-size:100%}
.t-widget,.t-input[type="text"]{border-width:1px;border-style:solid}
.t-widget,* html .t-input{border-width:1px;border-style:solid}
* html .t-checkbox .t-input{border-width:0}
.t-link{cursor:pointer;outline:0}
.t-grid-header span.t-link{cursor:default}
html body .t-button{text-decoration:none;/*Site.css*/}
.t-button{display:inline-block;margin:0;padding:2px 6px;border-width:1px;border-style:solid;font-family:inherit;font-size:100%;line-height:1.435;text-align:center;cursor:pointer;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
*+html .t-button{display:inline;zoom:1}
* html .t-button{display:inline;zoom:1}
*+html .t-button{overflow:visible;margin-right:4px}
* html .t-button{overflow:visible;margin-right:4px}
*+html a.t-button{line-height:1.7;padding-left:7px;padding-right:7px;/*+1*/}
* html a.t-button{line-height:1.7;padding-left:7px;padding-right:7px;/*+1*/}
*+html a.t-button-icon{padding-top:4px;padding-bottom:3px}
* html a.t-button-icon{padding-top:4px;padding-bottom:3px}
button.t-button::-moz-focus-inner{padding:0;border:0}
input.t-button::-moz-focus-inner{padding:1px 0;border:0}
.t-button-expand{margin-left:0!important;margin-right:0!important}
a.t-button-expand{display:block}
button.t-button-expand{width:100%}
body .t-button-icon{padding-left:4px;padding-right:4px}
*+html a.t-button-icon{padding-left:5px;padding-right:5px}
* html a.t-button-icon{padding-left:5px;padding-right:5px}
.t-button-icontext{padding-right:8px;overflow:visible;/*IE9*/}
.t-button-icontext .t-icon{margin:0 3px 0 -3px;vertical-align:top}
*+html .t-button-icontext .t-icon{margin-right:4px}
* html .t-button-icontext .t-icon{margin-right:4px}
html body .t-button-bare{background:none!important;/*spares long selectors*/border-width:0}
.t-icon,.t-editor-button .t-tool-icon{background-color:transparent;background-repeat:no-repeat}
.t-header .t-link{text-decoration:none}
.t-state-disabled,.t-state-disabled .t-link{cursor:default;outline:0}
.t-state-error,.t-widget.input-validation-error,.t-widget .input-validation-error{border-style:ridge}
.t-icon,.t-sprite,.t-editor-button .t-tool-icon{display:inline-block;width:16px;height:16px;overflow:hidden;font-size:0;line-height:0;text-indent:-3333px;text-align:center;vertical-align:middle}
* html .t-icon,* html .t-sprite,* html .t-editor-button .t-tool-icon{display:inline;zoom:1}
* html .t-icon,.t-sprite{text-indent:0}
*+html .t-icon,.t-sprite{text-indent:0}
.t-image{border:0}
.t-state-empty{font-style:italic}
.t-popup,.t-menu .t-group{-moz-box-shadow:2px 2px 2px #aaa;-webkit-box-shadow:2px 2px 2px #aaa;box-shadow:2px 2px 2px #aaa}
.t-treeview,.t-grid,.t-splitter,.t-slider,.t-window{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
/* Icons */.t-expand{background-position:0 -160px}
.t-collapse{background-position:0 -176px}
.t-rtl .t-expand{background-position:-64px -160px}
.t-plus,.t-plus-disabled{background-position:0 -256px}
.t-minus,.t-minus-disabled{background-position:-16px -256px}
.t-rtl .t-plus,.t-rtl .t-plus-disabled{background-position:0 -272px}
.t-rtl .t-minus,.t-rtl .t-minus-disabled{background-position:-16px -272px}
.t-arrow-up{background-position:-16px -160px}
.t-arrow-down{background-position:-16px -176px}
.t-state-disabled .t-arrow-up{background-position:-32px -160px}
.t-state-disabled .t-arrow-down{background-position:-32px -176px}
.t-state-hover .t-arrow-up{background-position:-48px -160px}
.t-state-hover .t-arrow-down{background-position:-48px -176px}
.t-numerictextbox .t-arrow-up{background-position:-16px -162px}
.t-numerictextbox .t-arrow-down{background-position:-16px -178px}
.t-arrow-up-small{background-position:0 -304px}
.t-arrow-down-small{background-position:-16px -304px}
.t-arrow-first{background-position:0 -192px}
.t-arrow-prev{background-position:-16px -192px}
.t-arrow-next{background-position:-32px -192px}
.t-arrow-last{background-position:-48px -192px}
.t-state-disabled .t-arrow-first{background-position:0 -208px}
.t-state-disabled .t-arrow-prev{background-position:-16px -208px}
.t-state-disabled .t-arrow-next{background-position:-32px -208px}
.t-state-disabled .t-arrow-last{background-position:-48px -208px}
.t-state-hover .t-arrow-first{background-position:0 -224px}
.t-state-hover .t-arrow-prev{background-position:-16px -224px}
.t-state-hover .t-arrow-next{background-position:-32px -224px}
.t-state-hover .t-arrow-last{background-position:-48px -224px}
.t-filter{background-position:0 -240px}
.t-clear-filter{background-position:-16px -240px}
.t-refresh{background-position:-32px -240px}
.t-icon-calendar{background-position:-48px -240px}
.t-icon-clock{background-position:-64px -336px}
.t-edit{background-position:0 -336px}
.t-delete{background-position:-16px -336px}
.t-insert,.t-update{background-position:-32px -336px}
.t-cancel{background-position:-48px -336px}
.t-group-delete{background-position:0 -288px}
.t-maximize{background-position:-16px -288px}
.t-restore{background-position:-32px -288px}
.t-close{background-position:-64px -288px}
.t-insert-top{background-position:0 -320px}
.t-insert-middle{background-position:-16px -320px}
.t-insert-bottom{background-position:-32px -320px}
.t-add{background-position:-48px -320px}
.t-denied{background-position:-64px -320px}
.t-resize-se{background-position:-64px -272px}
/* Inputs */.t-autocomplete,.t-input[type="text"]{padding:2px 1px 3px}
* html .t-input{padding:2px 1px 3px}
/* Window */div.t-window{display:inline-block;*display:inline;zoom:1;z-index:10001;position:absolute;border-width:2px;/*ie8*/-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 5px 2px #aaa;-webkit-box-shadow:0 0 5px 2px #aaa;box-shadow:0 0 5px 2px #aaa}
div.t-window,:root .t-window{border-width:0}
* html div.t-window{border-width:2px}
*+html div.t-window{border-width:2px}
.t-window-titlebar{padding:.4em 0;font-size:1.2em;line-height:1.2em;white-space:nowrap;border-bottom-width:1px;border-bottom-style:solid;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;border-top-left-radius:5px;border-top-right-radius:5px}
.t-window-title{cursor:default;position:absolute;text-overflow:ellipsis;overflow:hidden;left:.5em;right:.5em}
.t-window-title .t-image{margin:0 5px 0 0;vertical-align:middle}
div.t-window-content{padding:.4em .5em;/*padding:0\9;margin:.4em .5em\9;border-width:0\9;*//*removed due to ImageBrowser issues,no side effects found*/overflow:auto;position:relative;-moz-border-radius-bottomleft:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-left-radius:4px;-webkit-border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-right-radius:4px}
.t-window-titlebar .t-window-actions{position:absolute;right:.5em;top:0;padding-top:.3em;white-space:nowrap}
.t-window-titlebar .t-link{width:16px;height:16px;padding:2px;text-decoration:none;vertical-align:middle;display:inline-block;*display:inline;zoom:1;opacity:.7;filter:alpha(opacity=70)}
.t-window-titlebar .t-state-hover{border-width:1px;border-style:solid;padding:1px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;opacity:1;filter:alpha(opacity=100)}
.t-window-actions .t-icon{margin:0;vertical-align:top}
.t-window .t-resize-handle{position:absolute;z-index:1;background-color:#fff;opacity:0;filter:alpha(opacity=0);zoom:1;line-height:6px;font-size:0}
.t-resize-n{top:-3px;left:0;width:100%;height:6px;cursor:n-resize}
.t-resize-e{top:0;right:-3px;width:6px;height:100%;cursor:e-resize}
.t-resize-s{bottom:-3px;left:0;width:100%;height:6px;cursor:s-resize}
.t-resize-w{top:0;left:-3px;width:6px;height:100%;cursor:w-resize}
.t-resize-se{bottom:-3px;right:-3px;width:16px;height:16px;cursor:se-resize}
.t-resize-sw{bottom:-3px;left:-3px;width:6px;height:6px;cursor:sw-resize}
.t-resize-ne{top:-3px;right:-3px;width:6px;height:6px;cursor:ne-resize}
.t-resize-nw{top:-3px;left:-3px;width:6px;height:6px;cursor:nw-resize}
.t-window .t-resize-se{opacity:1;filter:alpha(opacity=100);background-color:transparent}
.t-overlay{width:100%;height:100%;position:fixed;top:0;left:0;background-color:#000;filter:alpha(opacity=50);opacity:.5;z-index:10001}
.t-window .t-overlay{background-color:#fff;opacity:0;filter:alpha(opacity=0);position:absolute;width:100%;height:100%}
.t-window .t-widget{z-index:10002}
/* TabStrip */.t-tabstrip{margin:0;padding:0;zoom:1}
.t-tabstrip .t-tabstrip-items{padding:0 .3em}
.t-tabstrip-items .t-item,.t-panelbar .t-tabstrip-items .t-item{list-style-type:none;vertical-align:top;display:inline-block;*display:inline;zoom:1;border-width:1px 1px 0;border-style:solid;margin:.1em .3em 0 0;padding:0;position:relative;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;border-top-left-radius:5px;border-top-right-radius:5px}
.t-tabstrip-items .t-state-active,.t-panelbar .t-tabstrip-items .t-state-active{padding-bottom:1px;margin-bottom:-1px}
.t-tabstrip-items .t-link,.t-panelbar .t-tabstrip-items .t-link{padding:.3em .9em;display:inline-block;*display:inline;zoom:1;border-bottom-width:0;outline:0}
.t-tabstrip-items .t-icon,.t-panelbar .t-tabstrip-items .t-icon{margin:-1px 4px 0 -3px;vertical-align:top}
.t-tabstrip-items .t-item .t-image,.t-tabstrip-items .t-item .t-sprite,.t-panelbar .t-tabstrip-items .t-item .t-image,.t-panelbar .t-tabstrip-items .t-item .t-sprite{vertical-align:middle;margin:-3px 3px 0 -6px}
* html .t-tabstrip-items .t-item .t-image,* html .t-tabstrip-items .t-item .t-sprite{vertical-align:top;margin-top:-1px}
*+html .t-tabstrip-items .t-item .t-image,*+html .t-tabstrip-items .t-item .t-sprite{vertical-align:top;margin-top:-1px}
.t-tabstrip .t-content,.t-panelbar .t-tabstrip .t-content{border-width:1px;border-style:solid;margin:0 .3em .3em;padding:.3em 1em;position:static;zoom:1}
.t-tabstrip>.t-content,.t-panelbar .t-tabstrip>.t-content{display:none}
* html .t-tabstrip .t-content,* html .t-panelbar .t-tabstrip .t-content{display:none}
* html .t-tabstrip .t-content .t-content,* html .t-panelbar .t-tabstrip .t-content .t-content{display:block}
/* PanelBar */.t-panelbar{zoom:1}
.t-panelbar .t-item{list-style-type:none;display:block;zoom:1;margin:0;top:0;border-width:0;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0}
.t-panelbar .t-image,.t-panelbar .t-sprite{vertical-align:middle;margin-right:5px;margin-top:4px;float:left}
.t-panelbar .t-group .t-image,.t-panelbar .t-group .t-sprite{margin-top:1px}
.t-panelbar .t-link{line-height:2.05em;padding:0 1em;border-bottom:1px solid;display:block;position:relative;text-decoration:none;zoom:1}
.t-panelbar .t-state-hover{background-image:none}
.t-panelbar-expand,.t-panelbar-collapse{position:absolute;top:5px;right:2px}
.t-panelbar .t-group,.t-panelbar .t-content{position:relative;zoom:1;padding:0;margin:0;border-bottom-width:1px;border-bottom-style:solid}
.t-panelbar .t-group .t-link{line-height:1.7em;border-bottom:0;font-size:.95em}
.t-panelbar .t-group .t-arrow-up,.t-panelbar .t-group .t-arrow-down{top:2px}
.t-panelbar .t-group .t-group .t-link{padding-left:2em}
.t-panelbar .t-last .t-link{border-bottom:0}
.t-panelbar .t-group .t-group{border-bottom:0}
/* Menu */.t-menu{cursor:default}
.t-menu,.t-menu .t-group{list-style:none;padding:0;margin:0;zoom:1}
.t-menu .t-group .t-link{padding-right:2em}
.t-menu .t-item{position:relative;display:inline-block;*display:inline;zoom:1;border-width:0 1px 0 0;border-style:solid;vertical-align:top}
.t-menu-vertical .t-item{display:block;border-width:0}
.t-menu .t-image,.t-menu .t-sprite{margin:0 4px 0 -4px;vertical-align:top}
.t-menu .t-link{text-decoration:none;padding:.25em .97em;display:block}
.t-menu .t-group{display:none;white-space:nowrap;border-style:solid;border-width:1px;overflow:visible}
.t-menu .t-group .t-item{display:block;border-width:0}
.t-menu .t-group .t-link{zoom:1}
.t-menu .t-arrow-down{margin-left:2px;margin-right:-10px;vertical-align:top}
.t-menu .t-arrow-next{position:absolute;right:0;top:3px}
.t-menu .t-animation-container,.t-menu .t-group,.t-menu-context{left:-1px;position:absolute}
.t-menu-context .t-group{position:static;display:block}
.t-menu-context{z-index:11000}
.t-menu .t-animation-container .t-animation-container,.t-menu .t-group .t-group{left:100%;top:-1px}
.t-menu-vertical .t-animation-container,.t-menu-vertical .t-group{left:100%;top:-1px}
.t-menu .t-animation-container .t-group{left:auto;top:auto}
/* Grid */.t-grid{position:relative;zoom:1}
.t-grid table{width:100%;border-collapse:separate;empty-cells:show;border:0}
.t-grid-header .t-header{text-align:left}
.t-grid-header .t-header{padding:.3em .6em;border-width:0 0 1px 1px;border-style:solid;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.t-grid-header .t-header .t-link{line-height:18px;/* due to sorting icons*/height:18px;display:block;margin:-.3em -.6em;padding:.3em 2.4em .3em .6em;border:0}
.t-grid-header .t-header .t-icon{position:static}
.t-grid .t-state-hover{cursor:pointer}
.t-grid td{padding:.25em .6em;border-style:solid;border-width:0;border-left-width:1px;vertical-align:middle;line-height:1.6em;overflow:hidden;text-overflow:ellipsis}
.t-grid .t-grouping-row td,.t-grid .t-hierarchy-cell{overflow:visible}
.t-grid-edit-row td{text-overflow:clip}
.t-grid-header-wrap,.t-grid-footer-wrap{position:relative;overflow:hidden;width:100%;zoom:1;border-style:solid;border-width:0 1px 0 0}
div.t-grid-header,div.t-grid-footer{padding-right:17px;/* width of scrollbar. may vary across operating systems. can be calculated. */zoom:1;border-bottom-width:1px;border-bottom-style:solid}
div.t-grid-header .t-header{border-bottom-width:0}
.t-grid-content{position:relative;overflow:auto;overflow-x:auto;overflow-y:scroll;width:100%;zoom:1}
.t-grid-header table,.t-grid-content table,.t-grid-footer table{table-layout:fixed}
* html .t-grid-header table,* html .t-grid-content table{width:auto}
*+html .t-grid-header table,*+html .t-grid-content table{width:auto}
.t-grid-toolbar{border-width:1px 0 0;border-style:solid}
.t-grid-header .t-header:first-child,.t-grid tbody td:first-child,.t-grid tfoot td:first-child{border-left-width:0}
/* Grid ::paging */.t-grid-pager{padding:.2em .6em;line-height:1.8em;overflow:auto;border-width:1px 0 0;border-style:solid}
.t-grid-pager:first-child,.t-grouping-header+.t-grid-pager,.t-grid-toolbar:first-child,.t-grouping-header+.t-grid-toolbar,.t-grid-toolbar+.t-grid-pager{border-width:0 0 1px}
* html .t-grid-pager input{vertical-align:middle}
*+html .t-grid-pager input{vertical-align:middle}
.t-grid .t-pager,.t-grid .t-status,.t-grid .t-status-text,.t-pager .t-numeric,.t-pager .t-page-i-of-n,.t-pager .t-link,.t-pager span,.t-pager input,.t-pager .t-page-size,.t-grouping-row p{display:inline-block;*display:inline;zoom:1;vertical-align:middle}
.t-pager .t-page-size{line-height:1.2em}
.t-footer-template td{border-width:1px 0 0 1px;border-style:solid}
.t-group-footer td{border-width:1px 0;border-style:solid}
.t-grid-footer{border-style:solid;border-width:1px 0 0}
.t-grid-footer td{border-top-width:0}
.t-grid .t-status{float:left;margin:-.2em .6em -.2em -.6em;padding:.2em .6em;height:1.85em;border-right-width:1px;border-right-style:solid}
.t-grid .t-pager{float:left;cursor:default}
.t-grid .t-status-text{float:right;margin-right:.2em}
.t-pager .t-link{text-decoration:none;padding:1px;margin-top:.2em;border-width:0;line-height:16px}
.t-pager .t-state-active,.t-pager .t-state-hover{padding:0;border-width:1px;border-style:solid;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.t-pager span,.t-pager .t-link{vertical-align:top}
.t-pager .t-numeric,.t-pager .t-page-i-of-n{margin:0 7px;vertical-align:top}
.t-numeric .t-link,.t-numeric .t-state-active{margin-top:0;padding:0 5px;line-height:22px;vertical-align:top}
.t-numeric .t-state-active,.t-numeric .t-state-hover{padding:0 4px;line-height:20px}
.t-page-i-of-n input{width:2em;vertical-align:baseline;font-size:1em}
.t-grid-pager .t-status .t-icon{vertical-align:top;margin-top:3px}
/* Grid ::filtering */.t-grid-filter{float:right;height:18px;padding:.3em .2em;position:relative;display:inline-block;*display:inline;zoom:1;margin:-1.8em -.6em -.3em 3px}
.t-grid-filter .t-icon{vertical-align:top}
.t-grid .t-animation-container{position:absolute}
.t-grid .t-filter-options{position:absolute;border-width:1px;border-style:solid;padding:3px;width:148px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
.t-filter-options .t-filter-help-text,.t-filter-options select,.t-filter-options input,.t-filter-options .t-button,.t-filter-options .t-datepicker{display:block;margin-bottom:4px}
.t-filter-options select{width:148px}
.t-filter-options input{width:142px}
.t-filter-options .t-datepicker{width:100%}
.t-filter-options .t-filter-button{margin-bottom:0}
/* Grid ::grouping */.t-grouping-row .t-icon{margin:0 4px}
.t-grouping-row p{padding:0 .6em;margin-left:-.6em}
.t-grid .t-group-cell+td,.t-grid .t-hierarchy-cell+td{border-left-width:0}
.t-grid .t-group-col,.t-grid .t-hierarchy-col{width:30px}
.t-grouping-header{border-bottom-width:1px;border-bottom-style:solid}
.t-grouping-header,.t-grouping-dropclue{height:24px;line-height:24px}
.t-grouping-dropclue{position:absolute;width:6px}
.t-grouping-header .t-group-indicator{display:inline-block;*display:inline;zoom:1;border-width:1px;border-style:solid;line-height:1.5em;padding:.15em .15em .15em .4em;margin:0 3px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}
.t-grouping-header .t-link{text-decoration:none;display:inline-block;*display:inline;zoom:1;line-height:normal;padding:0;border-style:none}
.t-grouping-header .t-button{padding:0;border:0;background:transparent;line-height:1}
.t-grouping-header .t-link .t-icon{margin:0 0 0 -3px}
.t-grouping-header .t-button .t-icon{margin:0 0 0 3px}
.t-grouping-header a,.t-grouping-header .t-button{display:inline-block;*display:inline;zoom:1;vertical-align:middle}
/* Grid ::editing */.t-dirty{width:0;height:0;vertical-align:top;position:absolute;padding:0;margin:-0.45em 0 0 -0.6em;overflow:hidden;border-width:3px;border-style:solid;border-color:#f00 transparent transparent #f00}
* html .t-dirty{border-color:#f00 pink pink #f00;filter:chroma(color=pink)}
.t-grouping-header,.t-grid-toolbar{cursor:default;margin:0;padding:.25em}
.t-grid .t-edit-container{padding:0}
.t-edit-form{padding:0;margin:0}
.t-grid-edit-row .t-edit-form td{border-bottom-width:0}
.t-grid-edit-row .text-box,.t-grid-edit-row .t-numerictextbox,.t-grid-edit-row .t-datepicker{vertical-align:middle;width:5em;max-width:90%;min-width:90%;/* IE8 calculates width:90% wrong,so we have to trick it */margin:-.4em -.3em -.15em}
.t-grid-edit-row .t-dropdown,.t-grid-edit-row .t-combobox{width:5em;max-width:90%;min-width:90%;/* IE8 calculates width:90% wrong,so we have to trick it */line-height:normal;margin:-.1em -.3em -.45em}
* html .t-grid .text-box{width:90%}
.t-edit-form-container{position:relative}
.t-grid .field-validation-error{display:block}
.t-grid .input-validation-error{border-style:ridge;border-color:#f00;background-color:#ffc0cb}
.t-grid-toolbar .t-button{vertical-align:middle}
.t-grid-actions{display:inline-block}
* html .t-grid-actions{display:inline;zoom:1;vertical-align:bottom}
*+html .t-grid-actions{display:inline;zoom:1;vertical-align:bottom}
.t-grid .t-button,.t-edit-form .t-button{margin:0 .2em}
.t-grid tbody .t-button{min-width:64px;/*main setting*/}
.t-grid tbody button.t-button,#ie8#skips{min-width:78px;/*+14 for buttons,except IE8*/}
*+html .t-grid tbody a.t-button{min-width:62px;/*-2 for links for IE7*/}
html body div.t-grid tbody .t-button-icon{min-width:0;width:auto}
.t-detail-row{position:relative}
.t-grid .t-detail-cell{overflow:visible}
/* Grid ::resizing */.t-grid-resize-indicator{position:absolute;width:2px;background-color:#aaa}
.t-grid .t-resize-handle{cursor:col-resize;position:absolute;height:25px}
/* ComboBox & Drop-down*/.t-combobox,.t-dropdown,.t-selectbox{display:inline-block;*display:inline;zoom:1;position:relative;overflow:hidden;white-space:nowrap;width:150px;border-width:0}
*+html .t-combobox{overflow:visible}
/*positions icon properly*/* html .t-combobox{overflow:visible}
.t-dropdown-wrap,.t-picker-wrap{position:relative;display:block;cursor:default}
.t-picker-wrap{padding:0 25px 0 0}
.t-dropdown-wrap{padding-right:16px;/* icon width*/border-width:1px;border-style:solid}
.t-combobox>.t-dropdown-wrap{padding-right:22px;/* icon width+input paddings,except IE6 */}
* html .t-combobox .t-dropdown-wrap{height:20px}
* html .t-picker-wrap{height:20px;padding-right:20px}
.t-picker-wrap .t-input,.t-combobox .t-input{vertical-align:top;width:100%}
.t-dropdown .t-input,.t-combobox .t-input,.t-selectbox .t-input{outline:0;border-width:0}
.t-dropdown .t-input,.t-selectbox .t-input{background:transparent}
/*removes excessive spacing in IE6-7*/*+html .t-combobox .t-input{margin:-1px 0}
* html .t-combobox .t-input{margin:-1px 0}
* html{position:absolute;top:0}
.t-picker-wrap .t-select,.t-dropdown-wrap .t-select{text-decoration:none;vertical-align:top;display:inline-block;*display:inline;zoom:1;cursor:default;position:absolute;/* icon positioning */top:0;right:0}
* html .t-picker-wrap .t-select,* html .t-dropdown-wrap .t-select{top:1px;right:1px}
.t-combobox .t-select{border-width:0 0 0 1px;border-style:solid;border-color:inherit;/* will be skin-related,inherit does not work in ie7- */}
.t-combobox .t-icon{margin-top:1px}
.t-dropdown .t-select,.t-selectbox .t-select{border:0;text-decoration:none;font:inherit;color:inherit;overflow:hidden;cursor:default}
.t-dropdown .t-input,.t-selectbox .t-input{overflow:hidden;display:block;text-overflow:ellipsis;padding:.2em 0 .2em 3px}
.t-picker-wrap .t-select,.t-dropdown-wrap .t-select{position:absolute;right:0;top:0}
.t-picker-wrap .t-icon{vertical-align:top;margin-top:3px}
.t-dropdown-wrap .t-icon{vertical-align:top;margin-top:2px}
.t-combobox .t-input{height:18px;line-height:18px;padding:1px 3px;border:0;margin:0}
.t-picker-wrap .t-select,.t-dropdown-wrap .t-select{height:20px;line-height:20px}
.t-popup{border-width:1px;border-style:solid}
.t-popup .t-item{padding:1px 5px 1px 3px;cursor:default}
/* Calendar */.t-calendar{display:inline-block;*display:inline;zoom:1;width:203px;position:relative;overflow:hidden}
.t-calendar .t-link{text-decoration:none}
.t-calendar .t-action-link{text-decoration:underline}
.t-calendar .t-header{padding:.4em 0;text-align:center;position:relative;zoom:1}
.t-calendar .t-nav-prev,.t-calendar .t-nav-next{position:absolute;top:.3em}
.t-calendar .t-nav-prev{left:1%}
.t-calendar .t-nav-next{right:1%}
.t-calendar .t-content{text-align:right;width:100%;height:169px;table-layout:fixed;border-style:none;margin:0;padding:0}
.t-calendar .t-animation-container .t-content{height:100%}
.t-calendar .t-nav-fast{display:inline-block;*display:inline;zoom:1;width:75%}
.t-calendar .t-nav-fast .t-icon{vertical-align:top}
.t-calendar th{border-bottom-style:solid;border-bottom-width:1px;font-weight:normal;cursor:default}
.t-calendar td{cursor:pointer;padding:1px}
.t-calendar .t-state-focus{border-width:1px;border-style:dotted;padding:0}
.t-calendar .t-content .t-link{display:block;overflow:hidden;position:relative}
.t-calendar th,.t-calendar .t-content .t-link{padding:.25em .45em .3em .1em}
.t-calendar .t-meta-view .t-link{padding:.25em 0 .3em;text-align:center}
/* Date/Time Pickers */.t-timepicker,.t-datetimepicker,.t-datepicker{border:0;white-space:nowrap;width:8.5em}
.t-datetimepicker{width:13em}
div.t-timepicker,div.t-datetimepicker,div.t-datepicker{background:none transparent;/* don't allow t-widget to add background-color */
}

.t-datetimepicker .t-picker-wrap
{
    padding-right: 44px;
}

* html .t-datetimepicker .t-picker-wrap { padding-right: 40px; }

.t-datetimepicker .t-icon-calendar
{
    margin-right: 3px;
}

.t-picker-wrap .t-icon
{
    cursor: pointer;
}

.t-state-disabled .t-picker-wrap .t-icon
{
    cursor: default;
}

.t-timepicker,
.t-datepicker,
.t-datetimepicker
{
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
}

.t-picker-wrap .t-input
{
    margin: 0;
}

.t-iframe-overlay
{
    position: absolute;
    width: 100%;
    border: 0;
    top: 0;
    left: 0;
    filter: alpha(opacity=0);
}

.t-time-popup .t-item
{
    padding: 1px 3px;
}

/* TreeView */

div.t-treeview
{
    /* don't allow t-widget to add border or background */border-width:0;background:0;white-space:nowrap;overflow:auto}
.t-treeview .t-item{padding:0 0 0 16px;margin:0;border-width:0;position:static;top:auto;display:block}
.t-treeview .t-group,.t-treeview .t-content{list-style-type:none;background:0;margin:0;padding:0}
.t-treeview .t-animation-container{height:auto!important}
.t-treeview .t-icon,.t-treeview .t-image,.t-treeview .t-sprite,.t-treeview .t-in{display:inline-block;*display:inline;zoom:1;vertical-align:top}
.t-treeview .t-plus,.t-treeview .t-minus,.t-treeview .t-plus-disabled,.t-treeview .t-minus-disabled{margin-left:-16px;margin-top:2px;float:left;/* required for Opera */*float:none;/* IE6 does not like it as node text wraps */cursor:pointer}
.t-treeview .t-plus-disabled,.t-treeview .t-minus-disabled{cursor:default}
.t-treeview .t-sprite,.t-treeview .t-image{margin-right:3px}
.t-treeview .t-in{margin:1px 0;padding:2px 4px 2px 3px;text-decoration:none;line-height:16px;margin-left:2px}
.t-treeview span.t-in{cursor:default}
.t-treeview .t-state-hover,.t-treeview .t-state-selected{padding:1px 3px 1px 2px;border-width:1px;border-style:solid;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}
.t-treeview .t-drop-clue{width:80px;visibility:hidden;height:5px;position:absolute;margin-top:-3px;z-index:10000;background-color:transparent;background-repeat:no-repeat}
/* TreeView ::node lines */.t-treeview-lines .t-top,.t-treeview-lines .t-mid,.t-treeview-lines .t-bot{background-repeat:no-repeat;margin-left:-16px;padding-left:16px}
.t-treeview-lines .t-top{background-position:-91px 0}
.t-treeview-lines .t-bot{background-position:-69px -22px}
.t-treeview-lines .t-mid{background-position:-47px -44px}
.t-treeview-lines .t-last .t-top{background-position:-25px -66px}
.t-treeview-lines .t-group .t-last .t-bot{background-position:-69px -22px}
.t-treeview-lines .t-item{background-repeat:no-repeat}
.t-treeview-lines .t-first{background-repeat:no-repeat;background-position:0 16px}
/* NumericTextBox */div.t-numerictextbox{display:inline-block;*display:inline;zoom:1;position:relative;vertical-align:middle;white-space:nowrap;border:0;background:transparent}
.t-numerictextbox .t-input /*alignment of arrows in WebKit*/{margin:0}
.t-formatted-value{position:absolute;padding:3px 4px 2px 3px}
*+html .t-formatted-value{padding-top:4px}
.t-numerictextbox .t-icon{margin-left:-16px}
.t-numerictextbox .t-link{border-style:none;display:inline-block;*display:inline;zoom:1}
.t-numerictextbox .t-arrow-up{vertical-align:top;margin-top:1px;height:10px}
.t-numerictextbox .t-arrow-down{vertical-align:bottom;margin-bottom:1px;height:11px}
/* ColorPicker */.t-colorpicker{display:inline-block;*display:inline;zoom:1;vertical-align:middle}
.t-colorpicker .t-tool-icon{display:inline-block;*display:inline;zoom:1;vertical-align:top;padding:2px 3px;font-size:0;line-height:0}
.t-colorpicker .t-selected-color{display:block;height:16px;width:16px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}
.t-colorpicker .t-icon{vertical-align:middle;margin-top:2px}
.t-colorpicker-popup{line-height:0;width:156px}
.t-colorpicker-popup .t-reset{padding:.25em;margin:0;display:inline-block;*display:inline;zoom:1}
.t-colorpicker-popup .t-item{float:left;display:block;overflow:hidden;width:12px;height:12px;font-size:0;padding:0;margin:1px 2px 2px 1px}
.t-colorpicker-popup .t-item div{width:100%;height:100%;margin:1px}
.t-colorpicker-popup .t-state-selected{margin:0 1px 1px 0;border:1px solid #000}
/* Editor */.t-editor{border-width:1px;border-style:solid;border-collapse:separate;height:250px;font-size:100%;table-layout:fixed;vertical-align:top;width:100%}
.t-editor .t-editor-toolbar-wrap{border:0;padding:0}
.t-editor-toolbar{margin:0;padding:.1em 0;list-style-type:none;cursor:default;line-height:1.3em}
.t-editor-toolbar li{display:inline;/* would have been inline-block,if not for IE */vertical-align:middle}
.t-editor-toolbar .t-editor-dropdown,.t-editor-toolbar .t-editor-combobox,.t-editor-toolbar .t-editor-selectbox,.t-editor-toolbar .t-editor-colorpicker{margin-right:2px}
.t-editor-toolbar .t-separator{border-width:0 1px 0 0;border-style:solid;padding:0 0 0 1px;font-size:1.3em;margin:0 .15em;position:relative;top:1px}
.t-editor-toolbar .t-break{display:block;height:1px;line-height:0;font-size:0}
.t-editor-toolbar .t-dropdown,.t-editor-toolbar .t-combobox,.t-editor-toolbar .t-selectbox,.t-editor-toolbar .t-colorpicker{vertical-align:middle}
.t-editor-button .t-tool-icon{vertical-align:middle;width:22px;height:22px;margin:1px}
.t-editor-colorpicker .t-tool-icon{padding:17px 3px 2px}
.t-editor-colorpicker .t-icon{border-style:solid;border-color:#ccc;border-width:0 0 0 1px}
.t-editor-colorpicker .t-selected-color{height:3px}
.t-editor-combobox .t-input{height:20px;line-height:20px}
.t-editor-combobox .t-select{height:22px;line-height:22px}
.t-bold{background-position:-22px 0}
.t-italic{background-position:-44px 0}
.t-underline{background-position:-66px 0}
.t-strikethrough{background-position:-88px 0}
.t-justifyLeft{background-position:-110px 0}
.t-justifyCenter{background-position:-132px 0}
.t-justifyRight{background-position:-154px 0}
.t-justifyFull{background-position:-176px 0}
.t-insertOrderedList{background-position:-198px 0}
.t-insertUnorderedList{background-position:-220px 0}
.t-createLink{background-position:-242px 0}
.t-unlink{background-position:-264px 0}
.t-insertImage{background-position:-286px 0}
.t-foreColor .t-tool-icon{background-position:-308px -2px}
.t-backColor .t-tool-icon{background-position:-330px -2px}
.t-indent{background-position:-352px 0}
.t-outdent{background-position:-374px 0}
.t-superscript{background-position:-396px 0}
.t-subscript{background-position:-420px 0}
/* default tool widths */.t-fontName{width:110px}
.t-fontSize{width:124px}
.t-formatBlock{width:147px}
.t-editor-button .t-state-hover,.t-editor-button .t-state-active{vertical-align:middle;border-width:1px;border-style:solid;margin:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.t-editor-button .t-state-disabled{opacity:.3;filter:alpha(opacity=30)}
.t-editor .t-editable-area{outline:0;height:100%;width:100%;border-width:1px;border-style:solid}
.t-editor .t-content{height:100%;width:100%;display:block;padding:0;margin:0;border:0}
.t-editor iframe.t-content{display:inline;vertical-align:top;/*fixes missing top border caused by the inline display*/}
.t-editor .t-raw-content{border:0;margin:0;padding:0;font-size:inherit;font-family:Consolas,"Courier New",monospace}
.t-editor-dialog{padding:1em}
.t-editor-dialog ol{margin:0;padding:0;list-style:none}
.t-form-text-row,.t-form-checkbox-row{padding-bottom:1em}
.t-form-text-row label{display:inline-block;*display:inline;zoom:1;width:7em;text-align:right;padding-right:.5em}
.t-form-checkbox-row input{margin-left:7em;font-size:inherit;padding:0}
.t-form-checkbox-row label{padding-left:.3em}
.t-form-checkbox-row input,.t-form-checkbox-row label,.t-form-text-row label .t-form-text-row input,.t-form-text-row select{vertical-align:middle}
.t-form-text-row input,.t-form-text-row select{width:20em}
.t-editor-dialog .t-button-wrapper{padding-top:.5em;text-align:right}
.t-editor-dialog .t-button{display:inline-block;*display:inline;zoom:1}
/* drag&drop module */.t-drag-clue{border-width:1px;border-style:solid;font-size:.9em;padding:.05em .15em;position:absolute;z-index:10003;white-space:nowrap;cursor:default;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}
.t-drag-status{margin-right:4px;vertical-align:top;margin-top:-1px}
.t-reorder-cue{position:absolute;width:1px;overflow:visible}
.t-reorder-cue .t-icon{width:8px;height:4px;position:absolute;left:-4px}
.t-reorder-cue .t-arrow-down{top:-4px;background-position:-20px -182px}
.t-reorder-cue .t-arrow-up{bottom:-4px;background-position:-20px -166px}
/* Slider */div.t-slider{position:relative;border-width:0;background-color:transparent;-khtml-user-select:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}
.t-slider-vertical{width:22px;height:200px;/* default height */}
.t-slider-horizontal{display:inline-block;height:22px;width:200px;/* default width */}
*+html .t-slider-horizontal{display:inline;zoom:1}
* html .t-slider-horizontal{display:inline;zoom:1}
.t-slider-wrap{width:100%;height:100%}
.t-slider .t-button,.t-grid .t-slider .t-button{position:absolute;top:0;min-width:0;width:20px;height:20px;margin:0;padding:0;outline:0}
.t-slider .t-button .t-icon{vertical-align:top;margin-top:2px}
.t-state-disabled .t-slider-wrap{opacity:.6;filter:alpha(opacity=60)}
.t-state-disabled .t-slider-wrap .t-slider-items{color:#333}
.t-slider .t-button-decrease{left:0}
.t-slider-vertical .t-button-decrease,.t-grid .t-slider-vertical .t-button-decrease{top:auto;bottom:0}
.t-slider .t-button-increase{right:0}
.t-slider .t-icon{cursor:pointer}
.t-state-disabled .t-button,.t-state-disabled .t-draghandle,.t-state-disabled .t-slider-wrap .t-icon,.t-state-disabled .t-slider .t-icon{cursor:default}
*+html .t-slider .t-icon{margin-top:2px}
* html .t-slider .t-icon{margin-top:2px}
.t-slider-track,.t-slider-selection{position:absolute;margin:0;padding:0}
.t-slider-horizontal .t-slider-track,.t-slider-horizontal .t-slider-selection{height:6px;top:50%;left:0;margin-top:-3px;background-repeat:repeat-x}
.t-slider-horizontal .t-slider-track{border-width:0 1px;border-style:solid;background-position:0 -464px}
.t-slider-horizontal .t-slider-selection{background-position:0 -470px}
.t-slider-horizontal .t-slider-buttons .t-slider-track{left:27px}
.t-slider-vertical .t-slider-track,.t-slider-vertical .t-slider-selection{width:6px;left:50%;bottom:0;margin-left:-3px;background-repeat:repeat-y}
.t-slider-vertical .t-slider-track{border-width:1px 0;border-style:solid;background-position:0 0}
.t-slider-vertical .t-slider-selection{background-position:-6px 0}
.t-slider-vertical .t-slider-buttons .t-slider-track{bottom:27px}
.t-draghandle{position:absolute;background-repeat:no-repeat;background-color:transparent;text-indent:-3333px;text-decoration:none;text-align:center;overflow:hidden;cursor:pointer}
.t-slider-horizontal .t-draghandle{top:-7px;width:11px;height:20px}
.t-slider-vertical .t-draghandle{left:-7px;width:20px;height:11px}
.t-slider-horizontal .t-draghandle,.t-state-disabled.t-slider-horizontal a.t-draghandle,.t-state-disabled .t-slider-horizontal a.t-draghandle{background-position:0 -368px}
.t-slider-horizontal .t-draghandle:hover,.t-slider-horizontal .t-draghandle:focus{background-position:0 -400px}
.t-slider-horizontal a.t-draghandle.t-state-active{background-position:0 -432px}
.t-slider-vertical .t-draghandle,.t-state-disabled.t-slider-vertical a.t-draghandle,.t-state-disabled .t-slider-vertical a.t-draghandle{background-position:-32px -368px}
.t-slider-vertical .t-draghandle:hover,.t-slider-vertical .t-draghandle:focus{background-position:-32px -400px}
.t-slider-vertical a.t-draghandle.t-state-active{background-position:-32px -432px}
/* float clearing start */.t-slider-items{display:inline-block}
.t-slider-items{display:block}
.t-slider-items:after{content:"";display:block;clear:both;height:0;visibility:hidden}
/* float clearing end */.t-slider-buttons .t-slider-items{margin-left:27px}
.t-slider-horizontal .t-slider-items{height:100%}
.t-slider-vertical .t-slider-items{padding-top:1px}
.t-slider-vertical .t-slider-buttons .t-slider-items{padding-top:0}
.t-slider-vertical .t-slider-buttons .t-slider-items{margin:0;padding-top:28px}
.t-slider .t-tick{position:relative;margin:0;padding:0;background-color:transparent;background-repeat:no-repeat;background-position:center center;cursor:default}
.t-slider-horizontal .t-tick{float:left;text-align:center;height:100%}
/* fixes ticks position and removes spacing between them in IE6-7 */*+html .t-slider-vertical .t-tick{float:left;clear:left;width:100%}
* html .t-slider-vertical .t-tick{float:left;clear:left;width:100%}
/*ticks backgrounds*/.t-slider-horizontal .t-tick{background-position:center -94px}
.t-slider-horizontal .t-slider-topleft .t-tick{background-position:center -124px}
.t-slider-horizontal .t-slider-bottomright .t-tick{background-position:center -154px}
.t-slider-horizontal .t-tick-large{background-position:center -4px}
.t-slider-horizontal .t-slider-topleft .t-tick-large{background-position:center -34px}
.t-slider-horizontal .t-slider-bottomright .t-tick-large{background-position:center -64px}
.t-slider-vertical .t-tick{background-position:-94px center}
.t-slider-vertical .t-slider-topleft .t-tick{background-position:-124px center}
.t-slider-vertical .t-slider-bottomright .t-tick{background-position:-154px center}
.t-slider-vertical .t-tick-large{background-position:-4px center}
.t-slider-vertical .t-slider-topleft .t-tick-large{background-position:-34px center}
.t-slider-vertical .t-slider-bottomright .t-tick-large{background-position:-64px center}
.t-slider-horizontal .t-first{background-position:0 -4px}
.t-slider-horizontal .t-slider-topleft .t-first{background-position:0 -34px}
.t-slider-horizontal .t-slider-bottomright .t-first{background-position:0 -64px}
.t-slider-horizontal .t-last{background-position:100% -4px}
.t-slider-horizontal .t-slider-topleft .t-last{background-position:100% -34px}
.t-slider-horizontal .t-slider-bottomright .t-last{background-position:100% -64px}
.t-slider-vertical .t-first{background-position:-4px 100%}
.t-slider-vertical .t-slider-topleft .t-first{background-position:-34px 100%}
.t-slider-vertical .t-slider-bottomright .t-first{background-position:-64px 100%}
.t-slider-vertical .t-last{background-position:-4px 0}
.t-slider-vertical .t-slider-topleft .t-last{background-position:-34px 0}
.t-slider-vertical .t-slider-bottomright .t-last{background-position:-64px 0}
.t-slider-vertical .t-tick{text-align:right}
.t-slider-vertical .t-slider-topleft .t-tick{text-align:left}
.t-slider .t-label{position:absolute;white-space:nowrap}
.t-slider-horizontal .t-label{left:0;width:100%}
.t-slider-horizontal .t-first .t-label{left:-50%}
.t-slider-horizontal .t-last .t-label{left:auto;right:-50%}
.t-slider-horizontal .t-label{bottom:-1.2em}
.t-slider-horizontal .t-slider-topleft .t-label{top:-1.2em}
.t-slider-vertical .t-label{left:120%;display:block;text-align:left}
.t-slider-vertical .t-last .t-label{top:-0.5em}
.t-slider-vertical .t-first .t-label{bottom:-0.5em}
.t-slider-vertical .t-slider-topleft .t-label{left:auto;right:120%}
/* Tooltip */.t-tooltip{position:absolute;border-width:1px;border-style:solid;padding:4px 5px;background-repeat:repeat-x;z-index:10002;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;min-width:10px;/*slider tooltip only*/text-align:center;/*slider tooltip only*/}
.t-callout{position:absolute}
.t-callout-n,.t-callout-s{width:9px;height:6px}
.t-callout-w,.t-callout-e{width:6px;height:9px}
.t-callout-n{top:-6px;left:50%;margin-left:-4px;background-position:-64px -368px}
.t-callout-w{left:-6px;top:50%;margin-top:-4px;background-position:-64px -384px}
.t-callout-s{top:100%;left:50%;margin-left:-4px;background-position:-64px -400px}
.t-callout-e{left:100%;top:50%;margin-top:-4px;background-position:-64px -416px}
/* Splitter */.t-splitter{position:relative;height:300px}
.t-splitter .t-pane{overflow:hidden}
.t-splitter .t-scrollable{overflow:auto}
.t-splitter .t-pane-loading{position:absolute;left:50%;top:50%;margin:-8px 0 0 -8px}
.t-ghost-splitbar,.t-splitbar{position:absolute;border-style:solid;font-size:0}
.t-splitter .t-ghost-splitbar-horizontal,.t-splitter .t-splitbar-horizontal{top:0;width:5px;border-width:0 1px;background-repeat:repeat-y}
.t-ghost-splitbar-vertical,.t-splitbar-vertical{left:0;height:5px;border-width:1px 0;background-repeat:repeat-x}
.t-splitbar-draggable-horizontal{cursor:w-resize}
.t-splitbar-draggable-vertical{cursor:n-resize}
.t-splitbar .t-resize-handle{display:none}
.t-restricted-size-horizontal,.t-restricted-size-vertical{background-color:#f00}
.t-splitbar-horizontal .t-icon{width:5px;height:21px;position:absolute;top:50%;margin-top:-10px}
.t-collapse-prev,.t-collapse-next,.t-expand-prev,.t-expand-next{cursor:pointer}
.t-splitbar-horizontal .t-collapse-prev{margin-top:-31px}
.t-splitbar-horizontal .t-collapse-next{margin-top:11px}
.t-splitbar-vertical .t-icon{height:5px;width:21px;position:absolute;left:50%;margin-left:-10px}
.t-splitbar-vertical .t-collapse-prev{margin-left:-31px}
.t-splitbar-vertical .t-collapse-next{margin-left:11px}
.t-splitbar-draggable-vertical .t-resize-handle,.t-splitbar-draggable-horizontal .t-resize-handle{display:inline-block;*display:inline;zoom:1}
.t-splitbar-horizontal{background-position:5px 0}
.t-splitbar-horizontal-hover{background-position:-12px 0}
.t-splitbar-horizontal-active,.t-ghost-splitbar-horizontal{background-position:-17px 0}
.t-restricted-size-horizontal{background-position:-22px 0}
.t-splitbar-horizontal .t-resize-handle{background-position:-10px -496px}
.t-splitbar-horizontal-hover .t-resize-handle{background-position:-10px -517px}
.t-splitbar-horizontal .t-collapse-prev,.t-splitbar-horizontal .t-expand-next{background-position:0 -496px}
.t-splitbar-horizontal-hover .t-collapse-prev,.t-splitbar-horizontal-hover .t-expand-next{background-position:0 -517px}
.t-splitbar-horizontal .t-collapse-next,.t-splitbar-horizontal .t-expand-prev{background-position:-5px -496px}
.t-splitbar-horizontal-hover .t-collapse-next,.t-splitbar-horizontal-hover .t-expand-prev{background-position:-5px -517px}
.t-splitbar-vertical{background-position:0 5px}
.t-splitbar-vertical-hover{background-position:0 -476px}
.t-splitbar-vertical-active,.t-ghost-splitbar-vertical{background-position:0 -481px}
.t-restricted-size-vertical{background-position:0 -486px}
.t-splitbar-vertical .t-resize-handle{background-position:-16px -496px}
.t-splitbar-vertical-hover .t-resize-handle{background-position:-16px -501px}
.t-splitbar-vertical .t-collapse-prev,.t-splitbar-vertical .t-expand-next{background-position:-16px -506px}
.t-splitbar-vertical-hover .t-collapse-prev,.t-splitbar-vertical-hover .t-expand-next{background-position:-16px -517px}
.t-splitbar-vertical .t-collapse-next,.t-splitbar-vertical .t-expand-prev{background-position:-16px -511px}
.t-splitbar-vertical-hover .t-collapse-next,.t-splitbar-vertical-hover .t-expand-prev{background-position:-16px -522px}
/* Upload */html .t-upload{position:relative;/*possibly unneeded as the style is applied to an inner element as well*/border-width:0;background:0}
.t-dropzone,.t-upload-files{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
.t-dropzone em,.t-upload-button{vertical-align:middle}
*+html .t-dropzone em,*+html .t-upload-button{vertical-align:baseline}
* html .t-dropzone em,* html .t-upload-button{vertical-align:baseline}
.t-dropzone{border-style:solid;border-width:0;padding:4px;background-color:transparent}
.t-dropzone em{margin-left:.6em;visibility:hidden}
.t-dropzone-active{border-width:1px;padding:3px}
.t-dropzone-active em{visibility:visible}
.t-upload-button{width:86px;position:relative;direction:ltr;overflow:hidden!important;/* important required by IE7 */}
.t-upload-button input{font:200px monospace!important;/* The input font size and family are critical for the operation of the Upload */opacity:0;filter:alpha(opacity=0);position:absolute;padding:0;margin:0;cursor:pointer;right:0;top:0;z-index:1}
.t-state-disabled .t-upload-button input{cursor:default}
.t-upload-files{border-style:solid;border-width:1px;margin:.2em 0 0;padding:.3em .7em .5em;line-height:1.9em}
.t-upload-files .t-button{position:relative;top:1px;margin-left:8px;padding-top:0;padding-bottom:0;font-size:84%}
*+html .t-upload-files .t-button{line-height:1}
/*IE7*/* html .t-upload-files .t-button{line-height:1}
/*IE6*/.t-upload .t-delete,.t-upload .t-cancel,.t-upload .t-retry{height:8px;vertical-align:baseline}
.t-upload .t-delete,.t-upload .t-cancel{width:7px;background-position:-5px -292px}
.t-retry{background-position:-66px -228px;width:11px}
.t-success{background-position:-64px -240px}
.t-fail{background-position:-64px -256px}
.t-filename{position:relative;display:inline-block;min-width:120px;max-width:200px;vertical-align:middle;zoom:1;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap}
* html .t-filename{width:200px;display:inline}
*+html .t-filename{display:inline}
.t-progress,.t-progress-status{position:absolute;bottom:-2px;left:0;width:118px;height:2px;border-style:solid;border-width:1px;background-repeat:repeat-x;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}
.t-progress-status{left:-1px;bottom:-1px;width:50%}
.t-upload-selected{min-width:86px;box-sizing:content-box;-moz-box-sizing:content-box;-ms-box-sizing:content-box;margin:3px 0 0}
*+html .t-upload-selected{min-width:100px}
/* ImageBrowser */.t-toolbar-wrap .t-dropzone em,.t-toolbar-wrap .t-upload-files{display:none}
.t-toolbar-wrap .t-dropzone{border:0;padding:0;background-color:transparent}
.t-search-wrap{float:right;width:auto;position:relative;padding:0}
.t-search-wrap label{position:absolute;top:0;left:4px;line-height:20px;font-style:italic}
.t-search-wrap input.t-input{width:158px;padding-left:0;padding-right:0}
.t-search{background-position:-64px -176px}
.t-search-wrap .t-search{position:absolute;top:1px;right:2px}
.t-breadcrumbs{float:left;position:relative;width:560px}
.t-breadcrumbs-wrap{position:absolute;z-index:1;top:0;left:0;padding-left:5px;line-height:18px}
html input.t-breadcrumbs-input{width:100%;padding-left:2px;font-family:inherit}
.t-breadcrumbs .t-link,.t-breadcrumbs-wrap .t-icon{text-decoration:none;vertical-align:middle;margin-top:0}
.t-breadcrumbs .t-link:hover{text-decoration:underline}
.t-imagebrowser .t-breadcrumbs .t-first{text-decoration:none;cursor:default}
.t-imagebrowser .t-toolbar{clear:both;border-style:solid;border-width:1px;margin:8px 0 0;padding:2px 0 3px;background-repeat:repeat-x;line-height:23px;white-space:nowrap;/*required by WebKit*/}
.t-imagebrowser .t-upload{float:left}
.t-imagebrowser .t-upload-button{width:auto;vertical-align:top}
.t-imagebrowser .t-upload .t-icon{vertical-align:bottom}
*+html .t-imagebrowser .t-upload-button,*+html .t-imagebrowser .t-upload .t-icon{vertical-align:baseline;position:relative;top:1px}
* html .t-imagebrowser .t-upload-button,* html .t-imagebrowser .t-upload .t-icon{vertical-align:baseline;position:relative;top:1px}
*+html .t-imagebrowser .t-upload .t-icon{top:2px}
* html .t-imagebrowser .t-upload .t-icon{top:2px}
*+html .t-imagebrowser .t-toolbar .t-button-icon{vertical-align:middle}
* html .t-imagebrowser .t-toolbar .t-button-icon{vertical-align:middle}
.t-addfolder{background-position:-64px -192px}
.t-goup{background-position:-64px -208px}
.t-toolbar .t-state-disabled{opacity:.5;filter:alpha(opacity=50)}
.t-toolbar-wrap{float:left}
.t-tiles-arrange{float:right}
* html .t-tiles-arrange{margin:3px 0 0}
.t-tiles-arrange .t-arrow-down{margin:0 2px 0 3px}
.t-tiles-arrange a{text-decoration:none}
.t-tiles{clear:both;height:390px;border-style:solid;border-width:1px;border-top-width:0;margin:0 0 1.4em;padding:9px;overflow:auto;line-height:1.2}
.t-tile{width:223px;height:88px;overflow:hidden;float:left;border-width:1px;border-style:solid;margin:1px;padding:0 0 4px;cursor:pointer;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}
.t-imagebrowser .t-thumb{float:left;display:inline;width:86px;height:86px;margin:4px 10px 0 4px;-khtml-user-select:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}
.t-imagebrowser .t-image{margin:2px 0 0 2px;-moz-box-shadow:1px 1px 3px #aaa;-webkit-box-shadow:1px 1px 3px #aaa;box-shadow:1px 1px 3px #aaa}
.t-imagebrowser .t-folder{width:80px;height:80px;background-position:0 -200px;background-repeat:no-repeat}
.t-goback{background-position:-64px -224px}
.t-imagebrowser .t-loading{margin:35px 0 0 33px}
.t-tile strong,.t-tile input{margin:10px 0 4px;font-weight:normal}
.t-tile strong{float:left;width:120px;overflow:hidden;text-overflow:ellipsis}
.t-tile input{width:100px}
.t-tile em,.t-tile .t-filesize{clear:left;font-weight:normal;font-style:normal}
.t-tile strong,.t-tile input,.t-tile em,.t-tile .t-filesize{display:block}
.t-imagebrowser .t-form-text-row input{width:628px}
/* * html .t-imagebrowser .t-form-text-row input{width:610px}
*+html .t-imagebrowser .t-form-text-row input{width:610px}
*/.t-tile-empty{margin:160px 0 0}
.t-tile-empty .t-dialog-upload{font-weight:bold;font-size:120%}
.t-tile-empty strong{display:block;margin:0 0 .2em;font-size:3em;font-weight:normal}
.t-tile-empty,.t-tile-empty .t-button-wrapper{text-align:center}
.t-touch-scrollbar{position:absolute;display:none;z-index:200000;height:8px;width:8px;border:1px solid #8a8a8a;background-color:#858585;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}
@media only screen and (-webkit-min-device-pixel-ratio:2){.t-touch-scrollbar{height:12px;width:12px;-webkit-border-radius:7px}
}
/* Chart */div.t-chart{border:0;background-color:transparent}

By viewing downloads associated with this article you agree to the Terms of Service and the article's licence.

If a file you wish to view isn't highlighted, and is a text file (not binary), please let us know and we'll add colourisation support for it.

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)


Written By
Architect CGI
Canada Canada
This member has not yet provided a Biography. Assume it's interesting and varied, and probably something to do with programming.

Comments and Discussions