
/*css/reset.css*/ a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp{border:0;font-size:100%;margin:0;padding:0}html,body{height:100%}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}b,strong{font-weight:bold}img{font-size:0;vertical-align:middle;-ms-interpolation-mode:bicubic}li{display:list-item}table{border-collapse:collapse;border-spacing:0}th,td,caption{font-weight:normal;vertical-align:top;text-align:left}svg{overflow:hidden}

/* =------------------------------------------------------------------------
Clearfix
----------*/

.clearfix:after {content:"."; display:block; height:0; clear: both; visibility: hidden}

.clearfix {display: inline-block}


/*css/jquery-ui-1.8.1.all.css*/ /*
* jQuery UI CSS Framework
* Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*
* jQuery UI CSS Framework
* Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
*/


/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(../images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(../images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; }
.ui-widget-header a { color: #222222; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(../images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada url(../images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(../images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fcefa1; background: #fbf9ee url(../images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(../images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(../images/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(../images/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(../images/ui-icons_222222_256x240.png); }
.ui-state-default .ui-icon { background-image: url(../images/ui-icons_888888_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../images/ui-icons_454545_256x240.png); }
.ui-state-active .ui-icon {background-image: url(../images/ui-icons_454545_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(../images/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../images/ui-icons_cd0a0a_256x240.png); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(../images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(../images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/* Resizable
----------------------------------*/
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* Accordion
----------------------------------*/
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
/* IE7-/Win - Fix extra vertical space in lists */
.ui-accordion a { zoom: 1; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }/* Autocomplete
----------------------------------*/
.ui-autocomplete { position: absolute; cursor: default; }	
.ui-autocomplete-loading { background: white url('../images/ui-anim_basic_16x16.gif') right center no-repeat; }

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/* Menu
----------------------------------*/
.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: 100%;
}
.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:1.5;
	zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}
/* Button
----------------------------------*/

.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; } 
button.ui-button-icons-only { width: 3.7em; } 

/*button text element */
.ui-button .ui-button-text { display: block; line-height: 1.4;  }
.ui-button-text-only .ui-button-text { padding: .4em 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.ui-button-text-icon .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .4em 1em; }

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }

/*button sets*/
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }

/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */





/* Dialog
----------------------------------*/
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .5em 1em .3em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .2em 0; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/* Slider
----------------------------------*/
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }/* Tabs
----------------------------------*/
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
/* Datepicker
----------------------------------*/
.ui-datepicker { width: 17em; padding: .2em .2em 0; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}/* Progressbar
----------------------------------*/
.ui-progressbar { height:2em; text-align: left; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }
/*css/app.css*/ /*

styles for the functionality. No styling/colours

*/

/* ********************* tabs that are links between pages ************************/

#webblertabs, #sendtabs {display: inline-block}

#webblertabs ul li a {
  display: block; 
  padding: 5px 10px;
  margin: 0;
  border: 2px solid #CCCCCC;
  -moz-border-radius-topleft: 3px; 
  -moz-border-radius-topright: 3px; 
  -webkit-border-top-left-radius: 3px; 
  -webkit-border-top-right-radius: 3px;
  min-width: 80px; /*changed to min-width so this size is adaptable for longer tabs */
}

#webblertabs ul,
#sendtabs ul {float: left; margin: 0 10px; padding: 0}

#webblertabs ul li,
#sendtabs ul li {
  float: left;
  margin-right: 5px;
}

#webblertabs ul li.current a,
#sendtabs ul li.current a {opacity: 1}

span.tabno {display: block; font-size: 22px; font-weight: bold; line-height: 1; padding: 4px 4px 0 4px; }
span.title {display: block; padding:0 4px 4px; width: auto!important}

#sendtabs ul li a {
display:block; 
opacity: .4;
width: 80px;
-moz-border-radius-topleft: 3px; 
-moz-border-radius-topright: 3px; 
border: 1px solid #f2f2f2; 
-webkit-border-top-left-radius: 3px; 
-webkit-border-top-right-radius: 3px;
font-size: 12px;
}

#webblertabs ul li a:hover,
#sendtabs ul li a:hover,
#sendtabs ul li a:hover span {text-decoration: none; opacity: 1}

/* ************* end of tabs ***************/

/* ************* next/prev links ****************/

.panel .step-nav {
  position: absolute;
  top: 0;
  right: 0;
}

.panel .step-nav a {
  -moz-border-radius: 3px 3px 3px 3px;
  display: inline-block;
  font-size: 18px;
  margin: 0 0 0 4px;
  padding: 3px 8px 3px;
  line-height: 1.2;
/*
  text-shadow: 1px 1px 2px #333;
*/
}

.panel .step-nav a[href=""] {
  color: rgba(255,255,255,.4);
  text-shadow: none
}

.panel .step-nav a.next {
  padding-right: 25px}

.panel .step-nav a:hover {text-decoration: none!important; background-color: #000}

.panel .link-left {
  display:block;
  height:80px;
  left:-46px;
  position:absolute;
  top:10px;
  width:40px;
}

/* query why we need to position this here? */
/*
#testpanel {position: absolute; right: 40px; top: 550px; width:338px; }
*/
/*
#testpanel {position: absolute; right: 40px; top: 550px; width:250px; }
*/
#testpanel input[type="text"]{width: 90%; }

.openhelpimage {
  text-align: center;
  padding-top: 120px;
}

.error{
  border:3px solid;
  margin:0px 20px 20px;
  color: red;
  font-weight: bold;
  padding:10px;
}
.examplecode {
    border: 3px solid;
    margin: 0 20px 20px;
    padding: 10px;
    overflow: auto;
}

table.about tr td {
  border:1px solid;
  padding: 20px;
}
td.abouthead {
  font-size: 30px;
}

table.adminDetails td {
  padding: 5px;
}

.actionresult, .result {
border: 2px solid;
margin: 15px 0;
padding: 1em 1em 1em 50px;
font-size: 12px;
font-weight: bold
}
.hidden {
  display: none;
}
div.plugindetails > div.detail  {
  text-align: left;
  width: 100%;
  padding: 2px;
  margin: 2px 5px 5px;
}

div.plugindetails > div.detail > span.label {
  text-align: left;
  margin: 15px 0;
  padding: 1em 1em 1em 2px;
  font-size: 12px;
  font-weight: bold
}

div.plugindetails > div.detail > span.value {
  text-align: left;
  margin: 15px 0;
  padding: 1em 1em 1em 2px;
  font-size: 12px;
}

#generatetextversion {
  float: right;
  border:1px solid #CCCCCC;
  margin: 5px 5px 5px 5px;
  padding: 1em 1em 1em 1em;
  width: 75px;
}
#spinner {
  width: 45px;
  height: 45px;
  float:left;
}
#processqueuecontrols {
  width: 150px;
  height: 45px;
  margin: 3px 3px 3px 3px;
  display: inline;
  float: left;
}

#progressmeter {
  width: 500px;
  margin: 3px 3px 3px 3px;
  display: block;
  border: 1px dashed #CCCCCC;
}
#progress {
  background-color: #CCCCCC;
  display: block;
  position: absolute;
  width: 0px;
  text-align: right;
  overflow: hidden;
  height: 20px;
}

#processqueueiframe {
  width: 99%;
  height: 10px;
  border: 1px solid white;
  display: none;
}
#processqueuesummary {
  width: 99%;
  height: 250px;
  overflow: hidden;
  border: 1px solid white;
}
#progresscount {
  display: none;
}
#processqueueprogress {
  width: 99%;
  height: 95px;
  overflow: hidden;
  border: 1px solid white;
}

#processqueueoutput {
  width: 99%;
  height: 400px;
  border: 1px solid white;
}

/*css/menu.css*/ /* CSS Menus - Horizontal CSS Menu with Dropdown and Popout Menus - 20050131 */

/* Begin CSS Popout Menu */
#menuTop {
    float: left;
    height: 25px;
    width: 100%;
}

#menuTop a {
    background: none repeat scroll 0 0 #F5F5F5;
    border: 1px solid #CCCCCC;
    display: block;
    line-height: 23px;
    padding: 1px 5px;
    text-decoration: none;
    text-transform: normal;
}

#menuTop ul {
    float: left;
    height: 40px;
    list-style: none outside none;
    margin: 0;
    padding: 0;}

#menuTop a:hover {
    background: none repeat scroll 0 0 #FFFECD;}


#menuTop a:active {
    background: none repeat scroll 0 0 #EEEEE;}

#menuTop li li a {
    background: none repeat scroll 0 0 #F5F5F5;
    border: 1px solid #CCCCCC;
    width: 155%;}


#menuTop h3{
display:block;
border-width:1px;
border-style:solid;
margin:0;
padding:0 5px;
}

#menuTop h3{
text-transform:uppercase
}


#menuTop a, #menuTop a:visited{
color:#000000;
}

#menuTop li{
position:relative;
list-style: none;
margin-left:0px;
}

#menuTop ul ul{
position:absolute;
z-index:500;
top:auto;
display:none;
}

#menuTop ul ul ul{
top:0;
left:100%;
}

/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */

div#menuTop h3:hover{
}

div#menuTop li:hover{
cursor:pointer;
z-index:100;
}

div#menuTop li:hover ul ul,
div#menuTop li li:hover ul ul,
div#menuTop li li li:hover ul ul,
div#menuTop li li li li:hover ul ul
{display:none;}

div#menuTop li:hover ul,
div#menuTop li li:hover ul,
div#menuTop li li li:hover ul,
div#menuTop li li li li:hover ul
{display:block;}

/* End of non-anchor hover selectors */

/* Styling for Expand */

#menuTop a.x, #menuTop a.x:visited{
font-weight:normal;
}

#menuTop a.x:hover{
color:#fff;
}

#menuTop a.x:active{
color:#060;
}

/* End CSS Popout Menu */


/*ui/dressprow/css/base.css*/ /*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/



/* #Buttons
================================================== */

	.button,
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
		background: #eee; /* Old browsers */
		background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */
		background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
		background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */
		background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */
		background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */
		background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */
	  border: 1px solid #aaa;
	  border-top: 1px solid #ccc;
	  border-left: 1px solid #ccc;
	  padding: 4px 12px;
	  -moz-border-radius: 3px;
	  -webkit-border-radius: 3px;
	  border-radius: 3px;
	  color: #444;
	  display: inline-block;
	  font-size: 11px;
	  font-weight: bold;
	  text-decoration: none;
	  text-shadow: 0 1px rgba(255, 255, 255, .75);
	  cursor: pointer;
	  margin: 5px 10px 5px 0px;
	  line-height: normal;
	  padding: 8px 10px;
	  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }

	.button:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover {
	    text-decoration: none;
		color: #222;
		background: #ddd; /* Old browsers */
		background: #ddd -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */
		background: #ddd -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */
		background: #ddd -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */
		background: #ddd -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */
		background: #ddd -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */
		background: #ddd linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */
	  border: 1px solid #888;
	  border-top: 1px solid #aaa;
	  border-left: 1px solid #aaa; }

	.button:active,
	button:active,
	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active {
		border: 1px solid #666;
		background: #ccc; /* Old browsers */
		background: #ccc -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); /* FF3.6+ */
		background: #ccc -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4))); /* Chrome,Safari4+ */
		background: #ccc -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Chrome10+,Safari5.1+ */
		background: #ccc -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Opera11.10+ */
		background: #ccc -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* IE10+ */
		background: #ccc linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* W3C */ }

	.button.full-width,
	button.full-width,
	input[type="submit"].full-width,
	input[type="reset"].full-width,
	input[type="button"].full-width {
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center; }

	/* Fix for odd Mozilla border & padding issues */
	button::-moz-focus-inner,
	input::-moz-focus-inner {
    border: 0;
    padding: 0;
	}
	/* Buttons in tables */
	table .button{
	margin:0;
	}
/* #Tabs (activate in tabs.js)
================================================== */
	ul.tabs {
		display: block;
		margin: 0 0 20px 0;
		padding: 0;
		border-bottom: solid 1px #ddd; }
	ul.tabs li {
		display: block;
		width: auto;
		height: 30px;
		padding: 0;
		float: left;
		margin-bottom: 0; }
	ul.tabs li a {
		display: block;
		text-decoration: none;
		width: auto;
		height: 29px;
		padding: 0px 20px;
		line-height: 30px;
		border: solid 1px #ddd;
		border-width: 1px 1px 0 0;
		margin: 0;
		background: #f5f5f5;
		font-size: 13px; }
	ul.tabs li a.active {
		background: #fff;
		height: 30px;
		position: relative;
		top: -4px;
		padding-top: 4px;
		border-left-width: 1px;
		margin: 0 0 0 -1px;
		color: #111;
		-moz-border-radius-topleft: 2px;
		-webkit-border-top-left-radius: 2px;
		border-top-left-radius: 2px;
		-moz-border-radius-topright: 2px;
		-webkit-border-top-right-radius: 2px;
		border-top-right-radius: 2px; }
	ul.tabs li:first-child a.active {
		margin-left: 0; }
	ul.tabs li:first-child a {
		border-width: 1px 1px 0 1px;
		-moz-border-radius-topleft: 2px;
		-webkit-border-top-left-radius: 2px;
		border-top-left-radius: 2px; }
	ul.tabs li:last-child a {
		-moz-border-radius-topright: 2px;
		-webkit-border-top-right-radius: 2px;
		border-top-right-radius: 2px; }

	ul.tabs-content { margin: 0; display: block; }
	ul.tabs-content > li { display:none; }
	ul.tabs-content > li.active { display: block; }

	/* Clearfixing tabs for beautiful stacking */
	ul.tabs:before,
	ul.tabs:after {
	  content: '\0020';
	  display: block;
	  overflow: hidden;
	  visibility: hidden;
	  width: 0;
	  height: 0; }
	ul.tabs:after {
	  clear: both; }
	ul.tabs {
	  zoom: 1; }


/* #Forms
================================================== */

	form {
		margin-bottom: 20px; }
	fieldset {
		margin-bottom: 20px; }
	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea,
	select {
		border: 1px solid #ccc;
		padding: 6px 4px;
		outline: none;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #777;
		margin: 0;
		width: 210px;
		max-width: 100%;
		display: block;
		margin-bottom: 20px;
		background: #fff; }
	select {
		padding: 0; }
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	textarea:focus {
		border: 1px solid #aaa;
 		color: #444;
 		-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
		-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
		box-shadow:  0 0 3px rgba(0,0,0,.2); }
	textarea {
		min-height: 60px; }
	label,
	legend {
		display: block;
		font-weight: bold;
		font-size: 13px;  }
	select {
		width: 220px; }
	input[type="checkbox"] {
		display: inline; }
	label span,
	legend span {
		font-weight: normal;
		font-size: 13px;
		color: #444; }

/* #Misc
================================================== */
	.remove-bottom { margin-bottom: 0 !important; }
	.half-bottom { margin-bottom: 10px !important; }
	.add-bottom { margin-bottom: 20px !important; }
  .hidden { display: none; }


/*ui/dressprow/css/layout.css*/ /*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
	#menuTop ul li ul{
	display:none!important;
	}
	
	}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/
/*ui/dressprow/css/skeleton.css*/ /*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/


/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */



/* #Base 960 Grid
================================================== */

    .container                                  { position: relative; width: 960px; margin: 0 auto; padding: 0; }
    .container .column,
    .container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
    .row                                        { margin-bottom: 20px; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */
    .container .one.column,
    .container .one.columns                     { width: 40px;  }
    .container .two.columns                     { width: 100px; }
    .container .three.columns                   { width: 160px; }
    .container .four.columns                    { width: 220px; }
    .container .five.columns                    { width: 280px; }
    .container .six.columns                     { width: 340px; }
    .container .seven.columns                   { width: 400px; }
    .container .eight.columns                   { width: 460px; }
    .container .nine.columns                    { width: 520px; }
    .container .ten.columns                     { width: 580px; }
    .container .eleven.columns                  { width: 640px; }
    .container .twelve.columns                  { width: 700px; }
    .container .thirteen.columns                { width: 760px; }
    .container .fourteen.columns                { width: 820px; }
    .container .fifteen.columns                 { width: 880px; }
    .container .sixteen.columns                 { width: 940px; }

    .container .one-third.column                { width: 300px; }
    .container .two-thirds.column               { width: 620px; }

    /* Offsets */
    .container .offset-by-one                   { padding-left: 60px;  }
    .container .offset-by-two                   { padding-left: 120px; }
    .container .offset-by-three                 { padding-left: 180px; }
    .container .offset-by-four                  { padding-left: 240px; }
    .container .offset-by-five                  { padding-left: 300px; }
    .container .offset-by-six                   { padding-left: 360px; }
    .container .offset-by-seven                 { padding-left: 420px; }
    .container .offset-by-eight                 { padding-left: 480px; }
    .container .offset-by-nine                  { padding-left: 540px; }
    .container .offset-by-ten                   { padding-left: 600px; }
    .container .offset-by-eleven                { padding-left: 660px; }
    .container .offset-by-twelve                { padding-left: 720px; }
    .container .offset-by-thirteen              { padding-left: 780px; }
    .container .offset-by-fourteen              { padding-left: 840px; }
    .container .offset-by-fifteen               { padding-left: 900px; }
	/* input width */
	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea{
		width: 90%!important;
		max-width: 100%;
	}
    #wrapp{ margin-right:20px}



/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .container                                  { width: 768px; }
        .container .column,
        .container .columns                         { margin-left: 10px; margin-right: 10px;  }
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
        .alpha.omega                                { margin-left: 0; margin-right: 0; }

        .container .one.column,
        .container .one.columns                     { width: 28px; }
        .container .two.columns                     { width: 76px; }
        .container .three.columns                   { width: 124px; }
        .container .four.columns                    { width: 172px; }
        .container .five.columns                    { width: 220px; }
        .container .six.columns                     { width: 268px; }
        .container .seven.columns                   { width: 316px; }
        .container .eight.columns                   { width: 364px; }
        .container .nine.columns                    { width: 412px; }
        .container .ten.columns                     { width: 460px; }
        .container .eleven.columns                  { width: 508px; }
        .container .twelve.columns                  { width: 556px; }
        .container .thirteen.columns                { width: 604px; }
        .container .fourteen.columns                { width: 652px; }
        .container .fifteen.columns                 { width: 700px; }
        .container .sixteen.columns                 { width: 748px; }

        .container .one-third.column                { width: 236px; }
        .container .two-thirds.column               { width: 492px; }

        /* Offsets */
        .container .offset-by-one                   { padding-left: 48px; }
        .container .offset-by-two                   { padding-left: 96px; }
        .container .offset-by-three                 { padding-left: 144px; }
        .container .offset-by-four                  { padding-left: 192px; }
        .container .offset-by-five                  { padding-left: 240px; }
        .container .offset-by-six                   { padding-left: 288px; }
        .container .offset-by-seven                 { padding-left: 336px; }
        .container .offset-by-eight                 { padding-left: 384px; }
        .container .offset-by-nine                  { padding-left: 432px; }
        .container .offset-by-ten                   { padding-left: 480px; }
        .container .offset-by-eleven                { padding-left: 528px; }
        .container .offset-by-twelve                { padding-left: 576px; }
        .container .offset-by-thirteen              { padding-left: 624px; }
        .container .offset-by-fourteen              { padding-left: 672px; }
        .container .offset-by-fifteen               { padding-left: 720px; }
			/* input width */
	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea{
		width: 90%!important;
		max-width: 100%;
	}
    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
        .container { width: 300px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column  { width: 300px; }

        /* Offsets */
        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
        .container .offset-by-fifteen { padding-left: 0; }
			#menuTop ul li ul.visible{
	display:block!important;
	}
	#content {
	min-height: 10px;
	margin-top: 5px;
	}
	#menuTop{
	height:auto!important;
	margin:0!important;
	}

	#menuTop ul li a{
	/*width:80%!important;*/
	}
	/*#menuTop ul li .collaps{
	width:20%!important;
	}*/
	#menuTop ul li ul{
	display:none!important;
	position:relative!important;
	padding:0!important;
	margin:0!important;
	}
	#menuTop ul li ul li{
	display:inline-block !important;
	width:100% !important;
	position:relative!important;
		padding:0!important;
	margin:0!important;
	}
	#menuTop ul li ul li a{
	width:97% !important;

	}

	#menuTop ul {
	float:left!important;
	display:inline-block;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	}
	#menuTop ul li{
	width:100%;
	margin:0;
	padding:0;
	}
	#menuTop ul li a:hover{
		background:#ccc!important;
		color:#454545!important;
	}	
	.ui-accordion .ui-accordion-content, .ui-accordion .ui-accordion-content div, .ui-accordion .ui-accordion-content div td{ 
	padding:1px!important;
	margin:1px!important;
	}
	.ui-accordion .ui-accordion-content table  td{ 
border-bottom:1px dotted #ccc;
	}
		div.date select[name="embargo[month]"] ,
	div.date select[name="finishsending[month]"] ,
	div.date select[name="requeueuntil[month]"] {
	  display: inline;
	  width: 70px;
	}
	.ui-dialog.ui-widget{
	width:90% !important;
	}
    #wrapp{ margin-right:0px}
    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container { width: 420px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column { width: 420px; }
				div.date select[name="embargo[month]"] ,
	div.date select[name="finishsending[month]"] ,
	div.date select[name="requeueuntil[month]"] {
	  display: inline;
	  width: auto;
	}
    }


/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }

/*ui/dressprow/css/style.css*/ /* File:/lists/admin/ui/dressprow/css/style.css */

/******************************* 

TABLE OF CONTENT 

 1. GENERAL STYLES
 2. STRUCTURE DIVS
 3. GLOBAL HELP
 4. INFOS, ALERTS AND ERRORS
 5. INDIVIDUAL HELP POPUP AND FORM POPUP
 6. MAIN MENU
 7. ACCORDION
 8. TABS [ui-tabs, webblertabs and sendtabs]
 9. LISTINGS [paging, table styles, drag and drop]
10. ICONS AND BUTTONS
11. SPECIAL PAGES
12. SIDEBAR
13. FOOTER

*******************************/



/******************************* 1. GENERAL STYLES */

body													{ font:13px/1.5 Tahoma,'Helvetica Neue','Liberation Sans',FreeSans,Arial,sans-serif; padding:0; margin:0; background:url('../../dressprow/images/page_bk.png') repeat-x;}
body.nobackground										{ font-size: 14px; background:url('../../dressprow/images/spacer.png') repeat-x; }
hr														{ border:0; border-style:solid; border-top-width:1px; clear:both; height:0; margin:10px 0px;}
table													{ /* this put same width on all columns for break-word: table-layout:fixed; */ width:100%;}
table table												{ width:auto;}	
td,th													{ overflow:hidden; word-wrap:break-word;}
td .button												{ word-wrap:normal;}
td.dataname												{ width:120px; font-weight:bold; font-size:12px;}
select													{ word-wrap:normal;width:100%; max-width:220px;}
input[type="file"]							 			{ width:100%}
input.listorder								 			{ width:25px !important;}
a,a.hide:hover											{ text-decoration:none;}
a:focus													{ outline:1px dotted}
a:active, a:visited								 		{ outline:none;}
h1, h2, h3, h4, h5, h6									{ font-weight:normal;}
h1														{ font-size:25px;}
h2														{ font-size:23px;}
h3														{ font-size:21px; margin-bottom:10px; margin-top:10px;}
h4														{ font-size:19px;}
h5														{ font-size:17px;}
h6														{ font-size:15px;}
ol														{ list-style:decimal;;padding:5px 20px}
ul														{ list-style:disc; margin-bottom:10px;padding:5px 20px}
ul.nobullets											{ list-style:none;}
li														{ margin:0px 0px 15px 15px;}
h3 a													{ font-size:18px; word-wrap:break-word;}
.about ul												{ margin-bottom:30px;}
.plugins h4												{ margin-bottom:10px;}
.tleft 													{ text-align:left;}
.tright,.right * 										{ text-align:right;}
.fleft 													{ float:left; margin-right:10px;}
.fright 												{ float:right;}
.clear													{ clear:both;}
.information, p.info									{ margin-top:20px;}
.small 													{ font-size:6pt;}
.pagetitle												{ text-transform:uppercase; margin-top:10px; margin-bottom:20px;}
.centered												{ margin:5px auto; text-align:center; display:block;}
div.panel h2											{ margin-bottom:5px; font-size:20px;}
p,dl,h1,h2,h4,h5,h6,ol,pre,table,address,fieldset,figure{ margin-bottom:20px;}
form .actions											{ border:0px;}
div.submit, p.button									{ margin:10px 0px;}
.shade1, .shade2										{ margin-bottom:5px; padding:1px; background:url("../../dressprow/images/header-bg.gif") repeat-x scroll 0 0;}


/******************************* 2. STRUCTURE DIVS */

#container												{ margin-top:10px;}
#header													{ height:60px; margin-top:0px;}
#header #logo 											{ float:left;}
#logo													{ margin:0;}
#content												{ min-height:400px; margin-top:10px;}
div.actions												{ margin:10px 0px; padding:10px 0px;}
div.panel												{ background:url("../../dressprow/images/header-bg.gif") repeat-x scroll 0 0; clear:both; border-width:1px; border-style:solid; margin:0px; padding:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
div.panel .content										{ border-width:1px; border-style:solid; padding:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.panel .content .wrapper								{ margin-top:10px;}


/******************************* 3. GLOBAL HELP */

#globalhelp 											{ text-align:left; margin-top:37px;}
#globalhelp .content									{ overflow:hidden; height:auto; width:100%; display:none;}
#globalhelp .content .text								{ font-size:15px; line-height:20px; padding:20px; width:auto; border-width:1px; border-style:solid; border-top:0px; margin:0 auto; -webkit-border-bottom-right-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-bottomleft:10px; border-bottom-right-radius:10px; border-bottom-left-radius:10px;}
#globalhelp .buttonhelp									{ background:url('../../dressprow/images/16x16/info.png') no-repeat 6px 3px; cursor:pointer; float:right; margin-right:10px; margin-top:-1px; width:auto; text-align:center; padding:2px 8px 2px 25px; text-transform:uppercase; -webkit-border-bottom-right-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-bottomleft:10px; border-bottom-right-radius:10px; border-bottom-left-radius:10px;}
#globalhelp .close										{ visibility:hidden;}
#globalhelp .content .text *							{ font-size:15px; line-height:20px;}


/******************************* 4. INFOS, ALERTS AND ERRORS */

.note													{ clear:both; border-width:1px; border-style:solid; margin:0px 0px 20px; padding:10px; font-style:italic; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.note h3												{ font-style:normal; margin:0; font-size:12pt;}
.note p													{ margin-bottom:5px;}
.hide													{ background:url('../../dressprow/images/close_button1.gif') no-repeat; display:block; float:right; margin-top:-5px; margin-right:-5px; overflow:hidden; height:20px; text-indent:-9999px; width:20px;}
.error													{ margin:10px 0px;}
.result													{ clear:both;}


/******************************* 5. INDIVIDUAL HELP POPUP AND FORM POPUP */

.ui-dialog												{ position:fixed; height:auto; min-width: 300px; top:10px !important;max-height:95% !important; overflow-y:auto; background:url("../../dressprow/images/header-bg.gif") repeat-x scroll 0 0; border-width:1px; border-style:solid; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; padding:4px 1px;}
.ui-widget-overlay										{ zoom:1; opacity:0.6; filter:alpha(opacity=60); background-image:none;}
.ui-dialog .ui-dialog-titlebar							{ background:none; border:none; width:1px; float:right; padding:0px;}
.ui-dialog .ui-dialog-titlebar-close 					{ border-width:2px; border-style:solid; padding:0px; -webkit-border-radius:100px; -moz-border-radius:100px; border-radius:100px;}
.ui-dialog .ui-resizable-se 							{ /* width:13px; height:13px; bottom:5px; right:5px; */ display:none; visibility:hidden; }
.ui-dialog-content										{ border-width:1px !important; border-style:solid !important; padding:5px !Important; margin:8px 2px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
.ui-dialog-content .panel								{ background:none; border:none;}
.ui-dialog-content form,
.ui-dialog-content .panel .content						{ border:none;}


/******************************* 6. MAIN MENU */

#navigation												{ height:auto; -webkit-border-bottom-right-radius:6px; -webkit-border-bottom-left-radius:6px; -moz-border-radius-bottomright:6px; -moz-border-radius-bottomleft:6px; border-bottom-right-radius:6px; border-bottom-left-radius:6px;}
#menuTop												{ float:left; width:auto !important;}
#menuTop a 												{ background:transparent !important; border:0 !important; display:block; margin-top:-1px; line-height:17px; text-decoration:none;}
#menuTop ul li a 										{ padding:10px 10px !important;}
#menuTop ul li											{ margin:0px; font-size:15px; margin-right:0px;}
#menuTop ul ul li										{ overflow:hidden; border-bottom-width:1px !important; border-bottom-style:dotted !important; zoom:1; filter:alpha(opacity=97); opacity:0.97;}
#menuTop ul ul li a										{ font-size:13px; margin:0px; padding:4px 4px 4px 25px !important; width:auto !important; min-width:200px;}
#menuTop ul ul li a:hover								{ border-top-width:1px !important; border-top-style:solid !important; border-bottom-width:1px !important; border-bottom-style:solid !important; padding-bottom:3px !important; padding-top:3px !important;}
span#menu-button										{ display:none;}
span#menu-button span									{ margin-left:10px; margin-top:2px; display:inline-block; height:25px; width:25px; background:url('../../dressprow/images/menu.png') 50% 50% no-repeat; overflow:hidden; text-indent:-9999px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
span#menu-button span:hover								{ cursor:pointer;}


/******************************* 7. ACCORDION */
.ui-widget												{font-family:Tahoma,Arial,Helvetica,sans-serif;}
h3.ui-accordion-header a								{ background:url('../../dressprow/images/grad.png') repeat-x;}
div.accordion table td									{ border:0px; vertical-align:middle; padding:10px;}
div.accordion table										{ width:auto;}
div.accordion table td a								{ font-size:11px; text-align:center; display:block; height:auto; padding:45px 5px 10px 5px;}
div.accordion div.panel .content 						{ background:transparent;}
div.accordion table td.listingelement a					{ min-width:60px; padding-top:10px;}
div.accordion table td a.hometext:hover					{ text-decoration:none;}
div.accordion table td a.hometext						{ font-size:14px; text-align:left; vertical-align:top;}
div.accordion table td.listingelement					{ font-size:11px;}
div.accordion table td.listingname						{ width:auto; height:70px; font-size:11px;}
.ui-accordion-content .panel							{ border:0px; background:transparent;}
.ui-accordion-content									{ background:url('../../dressprow/images/grad.png') repeat-x 0px -30px;}
div.accordion table										{ table-layout:auto;}
div.accordion td, div.accordion th						{ overflow:auto; text-align:left;}
div.accordion tr td.listingname a						{ -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; min-width:100px;}
div.accordion tr .listingname a.listingname:hover		{ text-decoration:none; font-size:11px;}
div.accordion .panel .content,
div.accordion .panel .content td						{ border:0px;}
div.accordion h3										{ margin-bottom:0px; -moz-border-radius-topright:0px; -moz-border-radius-topleft:0px; -webkit-border-top-right-radius:0px; -webkit-border-top-left-radius:0px; border-top-left-radius:0px; border-top-right-radius:0px; -moz-border-radius-bottomright:0px; -moz-border-radius-bottomleft:0px; -webkit-border-bottom-right-radius:0px; -webkit-border-bottom-left-radius:0px; border-bottom-left-radius:0px; border-bottom-right-radius:0px;}
div.accordion h3.ui-state-active						{ border-bottom:0px;margin-bottom:0px; }
div.accordion .ui-accordion-content,
div.accordion .ui-accordion-content div,
div.accordion .ui-accordion-content div td 				{ margin:0px !important; border-top:0px; top:0px;}

/******************************* 8. TABS [ui-tabs, webblertabs and sendtabs] */

/* ui tabs */
ul.ui-tabs-nav											{ padding:0px}
.ui-tabs-nav li											{ font-size:14px; font-family:Tahoma,'Helvetica Neue','Liberation Sans',FreeSans,sans-serif; -webkit-border-top-right-radius:8px; -webkit-border-top-left-radius:8px; -moz-border-radius-topright:8px; -moz-border-radius-topleft:8px; border-top-right-radius:8px; border-top-left-radius:8px;}
.ui-tabs-nav li a										{ padding:8px 5px !important;}

/*
 * are these used ? 
 *  .ui-tabs-panel table td									{ text-align:left; font-size:12px;}
.*/
.ui-tabs												{font-family:Tahoma, Arial, Helvetica, sans-serif;font-size:14px;line-height:normal}
.ui-tabs .ui-tabs-nav									{padding:0px}
.ui-tabs .ui-tabs-panel					 				{ padding:6px 2px 0px;}
.ui-tabs-panel h3,body#app .ui-tabs-panel h2.account	{font-size:18px;padding:2px 10px;}
ui-tabs table th 										{ font-size: 14px;  font-weight:bold;  }
div.notes, a.footnote 									{ font-size: 10px; vertical-align: super; }

/* dropdown menus (webblertabs) */
div.dropButton											{ width:190px; position:relative; padding:5px 5px 5px 10px; margin:10px 10px 10px 0px; background:url('../../dressprow/images/menuarrow.png') 180px 3px no-repeat; border-width:1px; border-style:solid; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; font-size:15px; line-height:15px; font-variant:small-caps; clear:both;}
div.dropButton a img.arrow								{ display:none;}
div.dropButton .submenu a 								{ line-height:12px; padding:7px; margin-top:5px; width:175px; font-size:13px; border-top-width:1px; border-top-style:dotted; display:inline-block; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
#webblertabs											{ width:200px; position:relative; margin:10px 10px 10px 0px; background:url('../../dressprow/images/menuarrow.png') 175px 3px no-repeat; border-width:1px; border-style:solid; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
#webblertabs ul											{ padding-top:2px !important; list-style:none;}
#webblertabs ul li										{ margin-left:2px; padding:0px;}
#webblertabs ul li a									{ padding:1px 10px !important; width:150px; overflow:hidden;}
div.dropButton .submenu a:hover 						{ margin-top:5px;}
#webblertabs ul, #webblertabs ul li,
#webblertabs ul li a 									{ width:170px; margin:0px; padding:1px 0px; border:none; clear:both; font-size:15px; line-height:15px; font-variant:small-caps; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;}
#webblertabs ul li:hover,
div.dropButton .submenu a:hover							{ border-width:1px; border-style:solid;} 

/* send tabs */
.sendtabs_container										{ width:100%; text-align:center; margin-bottom:-2px !important}
.sendtabs_container .nexttab							{ cursor:pointer; float:right; padding:5px; margin-top:10px}
.sendtabs_container .prevtab							{ cursor:pointer; float:left; padding:5px; margin-top:10px}
.sendtabs_container .prevtab.disabled,				
.sendtabs_container .nexttab.disabled					{ visibility:hidden;}
#sendtabs ul.sendcampaign li							{ width:auto !important; margin:1px;}
#sendtabs ul.sendcampaign li a							{ -webkit-border-top-right-radius:10px; -webkit-border-top-left-radius:10px; -moz-border-radius-topright:10px; -moz-border-radius-topleft:10px; border-top-right-radius:10px; border-top-left-radius:10px; font-size:100%; width:100px !important;}
#sendtabs ul.sendcampaign li.current a					{ font-size:100%;}
#sendtabs ul li a 										{ border:0px; font-size:12px !important;}
#sendtabs ul li.current a, #sendtabs ul li a:hover		{ text-decoration:none;}
.sendtabs_container .prevtab:hover, 
.sendtabs_container .nexttab:hover						{ zoom:1; filter:alpha(opacity=70); opacity:0.7;}
ul.sendcampaign											{ list-style: none;}


/******************************* 9. LISTINGS [paging, table styles, drag and drop] */

/* paging */
.paging .controls 										{ float:right;}
.paging .controls a										{ padding:5px 14px; margin:0px; border:0px; float:left; height:17px}
.paging .controls .first								{ background:url('../../dressprow/images/icons-paging.png') no-repeat 0px -27px;}
.paging .controls .previous								{ background:url('../../dressprow/images/icons-paging.png') no-repeat -28px -27px;}
.paging .controls .next									{ background:url('../../dressprow/images/icons-paging.png') no-repeat -56px -27px;}
.paging .controls .last									{ background:url('../../dressprow/images/icons-paging.png') no-repeat -84px -27px;}
.paging .controls .first:hover							{ background-position:0px 0px;}
.paging .controls .previous:hover						{ background-position:-28px 0px;}
.paging .controls .next:hover							{ background-position:-56px 0px;}
.paging .controls .last:hover							{ background-position:-84px 0px;}
.paging .range 											{ max-width:300px; float:left;}

/* tables styles */
.row1													{ border-top-width:2px; border-top-style:solid;}
.rowtotal												{ border-top-width:4px; border-top-style:solid;}
.row1 .listingelement									{ text-align:center;}
.row1 .listingelement .listorder						{ margin:0 auto; padding:2px; text-align:center;}
.listingrowname											{ text-align:right; font-weight:bold;}
.row1 span.listingelement a.button,span.add_member,
span.delete a.confirm,span.send-list a.button,
span.edit-list a.button									{ float:none; font-weight:bold; padding:3px 5px; height:auto;}
td span.listingelement a.button							{ margin-left:5px; float:right;}
span.listingelement select								{ width:100%;}
.listingelement .del									{ float:right;}
.row1 .viewusers .button								{ vertical-align:middle;}
tr.row  td												{ max-width:100px;}
td.listingelement, td.listingname, th, td.listingrowname{ text-align:center !important;}
.listinghdelement, .listinghdname, .listingsmall		{ font-size:9px; padding:1px; text-transform:uppercase;}
.content .listingsmall, .content .listingsmall			{ padding:2px !important; font-weight:bold;}
tr td.listingname a,tr td.listinelement a,span.add_member,
span.delete a.confirm,span.send-list a.button,
span.edit-list a.button									{ -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
tr .listingname a:hover, tr .listingelement a:hover		{ text-decoration:none;}
.panel table td											{ border-width:1px; border-style:solid; padding:4px;}
.panel table th											{ text-align:center; font-weight:bold; background:url('../../dressprow/images/header-bg.gif') repeat-x; border-width:1px; border-style:solid; }
.memberCount                                            { color: #0A0;}
.unconfirmedCount                                       { color: #C55;}

/* drag and drop */
.save													{ background:url('../../dressprow/images/16x16/alert.png'); height:16px; width:16px; display:inline-block; margin-right:5px;}


/******************************* 10. ICONS AND BUTTONS */

/* login/logout buttons */
#logged													{ float:left; margin-top:15px; float:right;}
#login, #logout											{ padding:2px 12px 4px 30px; border-width:1px; border-style:solid; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px;}
#login													{ background:url('../../dressprow/images/32x32/login16x16-neg.png') 15% 50% no-repeat;}
#logout													{ background:url('../../dressprow/images/32x32/logout16x16-neg.png') 12% 50% no-repeat;}
#login:hover,#logout:hover								{ padding:2px 12px 4px 30px; border-width:1px; border-style:solid; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; text-decoration:none;}
#login:hover											{ background:url('../../dressprow/images/32x32/login16x16.png') 15% 50% no-repeat;}
#logout:hover											{ background:url('../../dressprow/images/32x32/logout16x16.png') 12% 50% no-repeat;}

/* listings icons and buttons */
a.del, span.yes, span.no								{ height:16px; width:16px; display:block; text-indent:-9999px; margin:0 auto; margin-top:3px;}
a.del													{ background:url('../../dressprow/images/16x16/mini-trash.png') no-repeat;}
span.yes												{ background:url('../../dressprow/images/16x16/yes.png') no-repeat;}
span.no													{ background:url('../../dressprow/images/16x16/no.png') no-repeat;}
.firstinstallbutton										{ cursor:pointer; margin-left:4px; padding:5px 10px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
a.action-button, input.action-button					{ cursor:pointer;  margin:10px 0px; padding:5px 15px; text-transform:lowercase; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; font-size:15px; clear:both; font-weight:normal; text-shadow:none; border:0;white-space:nowrap;}
a.action-button											{ line-height:50px}
a.reset, a.confirm										{ border-width:1px; border-style:solid; padding:4px 12px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; display:inline-block; font-size:11px; font-weight:bold; text-decoration:none; cursor:pointer; margin:5px 10px 5px 0px; line-height:normal; padding:8px 10px; font-family:Tahoma,"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;}
span.add_member a										{ background:url("../../dressprow/images/16x16/add-members.png") no-repeat scroll 50% 50%;}
span.delete a.button,span.delete a.confirm				{ background:url("../../dressprow/images/16x16/mini-trash.png") no-repeat scroll 50% 50%;}
span.edit a.button,span.edit-list a.button				{ background:url("../../dressprow/images/16x16/edit-1.png") no-repeat scroll 50% 50%;}
span.button a.opendialog span.view, span.view a.button	{ background:url("../../dressprow/images/16x16/view.png") no-repeat scroll 50% 50%;}
span.stats a.button										{ background:url("../../dressprow/images/16x16/statistics.png") no-repeat scroll 50% 50%;}
span.resend a.button, span.send-list a.button			{ background:url("../../dressprow/images/16x16/play.png") no-repeat scroll 50% 50%;}
span.suspend a.button									{ background:url("../../dressprow/images/16x16/pause.png") no-repeat scroll 50% 50%;}
span.marksent a.button									{ background:url("../../dressprow/images/16x16/stop.png") no-repeat scroll 50% 50%;}
span.viewusers a.button,.row1 span.viewusers a.button	{ background:url("../../dressprow/images/16x16/user.png") no-repeat scroll 50% 50%;}
a.action-button:hover, input.action-button:hover		{ border:0;}
span.delete a.button,span.edit a.button, span.edit-list a.button,
span.view a.button,span.stats a.button, span.delete a.confirm,
span.resend a.button,span.suspend a.button, span.send-list a.button,
span.marksent a.button,.row1 span.viewusers a.button,
span.button a.opendialog span.view,span.add_member a	{ vertical-align: middle;width:16px; height:16px; overflow:hidden; text-indent:-9999px; display:inline-block;}
#dashboardcampaign, #dashboardsubscribers, 
#dashboardstatistics 									{ display:inline;}


/* Dashboard icons */
.dashboard_button a										{ display:block;-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; padding:15px 10px 15px 50px;background-position: 10px 10px; background-repeat: no-repeat; }
.dashboard_button 										{ list-style:none;border:0px; padding:0px; margin:10px; max-width:250px; display:block; }
#copy_paste a											{ background-image:url('../../dressprow/images/32x32/copy_paste.png')}
#import_list a											{ background-image:url('../../dressprow/images/32x32/import-txt.png') }
#import_csv a											{ background-image:url('../../dressprow/images/32x32/import-csv.png') }

div.accordion tr td.listingname a,						
div.accordion tr .listingname a.listingname:hover		{ background-position:50% 10px; background-repeat:no-repeat;}
tr.config-link td.listingname a,
.dashboard_button .configuration a						{ background-image:url('../../dressprow/images/32x32/config.png');}
tr.send-campaign td.listingname a						{ background-image:url('../../dressprow/images/32x32/edit.png');}
tr.view-statistics td.listingname a,
.dashboard_button .statistics a							{ background-image:url('../../dressprow/images/32x32/statistics.png');}
tr.manage-campaigns td.listingname a					{ background-image:url('../../dressprow/images/32x32/search.png');}
tr.manage-users td.listingname a						{ background-image:url('../../dressprow/images/32x32/user.png');}
tr.manage-lists td.listingname a						{ background-image:url('../../dressprow/images/32x32/order-162.png');}
tr.list-users td.listingname a							{ background-image:url('../../dressprow/images/32x32/customers.png');}
tr.reconcileusers td.listingname a						{ background-image:url('../../dressprow/images/32x32/refresh.png');}
tr.import-users td.listingname a						{ background-image:url('../../dressprow/images/32x32/importusers.png');}
tr.export-users td.listingname a						{ background-image:url('../../dressprow/images/32x32/exportusers.png');}
tr.configure td.listingname a							{ background-image:url('../../dressprow/images/32x32/settings.png');}
tr.configure-attributes td.listingname a				{ background-image:url('../../dressprow/images/32x32/attibutes.png');}
tr.custom-attribute td.listingname a					{ background-image:url('../../dressprow/images/32x32/tag.png');}
tr.spage td.listingname a								{ background-image:url('../../dressprow/images/32x32/order.png');}
tr.admins td.listingname a								{ background-image:url('../../dressprow/images/32x32/admin.png');}
tr.adminattributes td.listingname a						{ background-image:url('../../dressprow/images/32x32/attibutes.png');}
tr.send-message td.listingname a						{ background-image:url('../../dressprow/images/32x32/email.png');}
tr.templates td.listingname a							{ background-image:url('../../dressprow/images/32x32/project.png');}
tr.list-all-msg td.listingname a						{ background-image:url('../../dressprow/images/32x32/library.png');}
tr.processqueue td.listingname a						{ background-image:url('../../dressprow/images/32x32/process.png');}
tr.processbounces td.listingname a						{ background-image:url('../../dressprow/images/32x32/process.png');}
tr.bounces td.listingname a								{ background-image:url('../../dressprow/images/32x32/refresh.png');}
tr.plugin td.listingname a								{ background-image:url('../../dressprow/images/32x32/plugin.png');}
tr.setup td.listingname a								{ background-image:url('../../dressprow/images/32x32/config.png');}
tr.dbcheck td.listingname a								{ background-image:url('../../dressprow/images/32x32/database.png');}
tr.view-log td.listingname a							{ background-image:url('../../dressprow/images/32x32/order-162.png');}


/******************************* 11. SPECIAL PAGES */

/* initialise form */
#initialiseform input[type="submit"]                      { border-color:#000}
#initialiseform input[type="submit"]:disabled             { border-color:#CCC} 


/* login page */
#login-form *											{ border:none; font-size:100%}
form#login-form											{ background:url('../../dressprow/images/login.png') 5% 30% no-repeat; margin:0 auto; margin-top:40px; margin-bottom:20px; padding-top:20px; padding-left:130px; border-width:1px; border-style:solid; max-width:250px;}
form#login-form table tr td								{ padding-right:10px !important; text-align:left;}
#login-form .submit										{ margin-top:5px;}
.home-not-auth form hr									{ display:none; clear:both; margin:0 auto; width:100% !important; margin-bottom:40px; margin-top:40px;}
form#forgotpassword-form								{ border-width:1px; border-style:solid; padding:20px 20px 10px 20px; margin-top:50px;}
form#forgotpassword-form div.login						{ padding-left:50px; background:url('../../dressprow/images/32x32/consulting.png') 0% 10% no-repeat; padding-bottom:10px;}
form#forgotpassword-form p								{ margin:0px; padding:0px;}
form#forgotpassword-form input[type="text"]				{ float:left; max-width:70% !important; margin:5px 5px 10px 0px; height:20px; padding:2px;}
form#forgotpassword-form input[type="submit"]			{ float:left; margin:4px; height:27px; padding:6px 10px;}
.loginPassUpdate input[type="text"], 
.loginPassUpdate input[type="password"] 				{ width:200px;}

/* pages: import1, import2, importadmin, admindetails, bouncerules, adminattributes,spageedit */
table.import1, table.importadmin, table.importcsvMain, 
table.bouncerulesAction, table.adminDetails, 
table.attributeNew,table.spageeditListing				{ width:auto; border-width:0px !important; border-style:solid !important;}

/* bounces page */
body.bounces .actions a.button							{ float:right}
body.bounces .actions div.dropButton,
body.bounces .actions #webblertabs						{ float:left}

/* spageedit page */
table.spageeditListing td								{ padding:10px}

/* mviews page */
table.mviewsDetails										{ width:auto;}
table.mviewsDetails td									{ padding-right:10px;}

/* mclicks page */
table.mclicksDetails									{ width:auto;}
table.mclicksDetails td									{ padding-right:10px;}

/* viewrss page */
table.viewrssListing									{ width:auto;}
table.viewrssListing td									{ padding-right:10px;}

/* setup page */
.panel table.setupMain									{ width:auto;}
.panel table.setupMain td								{ border:0px;}

/* members page */
body.members .listingelement .no, 
body.members .listingelement .yes 						{ float:right; margin-right:10px;}
table.membersProcess select								{ width:100%; margin-bottom:0px;}
table.membersProcess tr td								{ padding:4px !important;}

/* usercheck page */
table.usercheckForm, table.usercheckForm td				{ width:90%; text-align:left;}

/*  list subscribers page */
body.list div.actions									{ float:right; margin:10px 0px 10px; padding:0px; width:auto;}
body.list div.actions a									{ margin:0px 10px 0px 0px;}
body.list p												{ clear:both; margin-top:10px; width:100%;}
body.list .total										{ font-size:22px;}
body.list table 										{ border-left-width:1px; border-left-style:solid; border-right-width:1px; border-right-style:solid;}
body.list table td 										{ border:0; height:auto; }
body.list tr:nth-child(2n+3)							{ border-bottom-width:1px; border-bottom-style:solid;}
span.add_member											{ padding:3px 5px;float:right;margin-right:4px}
span.add_member a										{padding:1px 5px}
span.delete a.confirm,span.send-list a.button,span.edit-list a.button{ padding:4px 10px; margin-top:0px;float:right;border:0px}
span.send-list a.button									{margin-right:5px}


/* users page */
body.users .filter,  body.users .usersFind				{ margin:20px;}
body.users .filter										{ border-bottom-width:1px; border-bottom-style:dashed; margin-bottom:20px;}
body.users .filter label								{ margin-bottom:10px;}
body.users .filter label[for=unconfirmed]				{ float:left; margin-right:20px; width:220px;}
body.users .filter label[for=blacklisted]				{ width:220px; float:left;}
body.users .filter label[for=sortby]					{ float:left; width:200px; margin-top:0px; margin-bottom:10px;margin-right:20px;}
body.users .filter label[for=sortby] select				{ width:120px; float:right; margin-bottom:0px;}
body.users .filter label[for=sortdesc]					{ margin-right:10px; float:left;}
body.users .filter label[for=sortasc]					{ margin-top:0px; float:left;}
body.users .filter .submit								{ margin:0px 70% 10px 0;}
body.users table.usersFind								{ width:90%; text-align:left;}
body.users .usersFind .submit							{ margin-right:50%;}
body.users .usersFind .reset							{ margin-left:-50%;}
body.users .usersFind input[type=text]					{ width:250px !important; float:left; margin-right:20px;}
body.users div#add-csv-button,
body.users div#add-user-button							{ display:inline-block; }
body.users .listingelement .no, 
body.users .listingelement .yes							{ float:right; margin-right:10px;}
.usersFind td											{ border:0px !important;}

/* usermgt page */
body.usermgt #wrapp ul									{ margin-left:10px; list-style:none;}
body.usermgt #wrapp ul li ul li a						{ padding-left:20px; background:url('../../dressprow/images/16x16/tag.png') 0% 50% no-repeat; font-size:14px;}
body.usermgt #wrapp ul li#users a						{ padding-left:20px; background:url('../../dressprow/images/16x16/search.png') 0% 50% no-repeat;}
body.usermgt #wrapp ul li#attributes a					{ padding-left:20px; background:url('../../dressprow/images/16x16/attibutes.png') 0% 50% no-repeat;}
body.usermgt #wrapp ul li#reconcileusers a				{ padding-left:20px; background:url('../../dressprow/images/16x16/database.png') 0% 50% no-repeat;}
body.usermgt #wrapp ul li#usercheck a					{ padding-left:20px; background:url('../../dressprow/images/16x16/check.png') 0% 50% no-repeat;}
body.usermgt #wrapp ul li#massunconfirm a				{ padding-left:20px; background:url('../../dressprow/images/16x16/issue.png') 0% 50% no-repeat;}
body.usermgt #wrapp ul li#massremove a					{ padding-left:20px; background:url('../../dressprow/images/16x16/issue.png') 0% 50% no-repeat;}
body.usermgt #wrapp ul li#edit-values					{ padding-left:20px; background:url('../../dressprow/images/16x16/pencil.png') 0% 0% no-repeat;}
body.usermgt #wrapp ul li#import						{ padding-left:20px; background:url('../../dressprow/images/16x16/importusers.png') 0% 0% no-repeat;}
body.usermgt #wrapp ul li#export						{ padding-left:20px; background:url('../../dressprow/images/16x16/exportusers.png') 0% 0% no-repeat;}

/* reconcileusers users page */
body.reconcileusers hr									{ padding:10px 0px;}
body.reconcileusers .reconcile							{ clear:both;}
body.reconcileusers .information						{ margin:5px 5px;}
body.reconcileusers input.button 						{ clear:both !Important;}
body.reconcileusers .reconcile a.button					{ width:38%; text-align:center; float:left; margin-bottom:20px;}
body.reconcileusers select								{ width:120px; display:inline-block; margin-bottom:0px;}
body.reconcileusers select[name=num]					{ width:50px; margin:0px 5px;}
body.reconcileusers legend								{ font-weight:normal; clear:both !important; padding-bottom:10px;}
body.reconcileusers .field								{ margin-top:10px !important;}
ul.reconcile											{list-style: none;}
ul.reconcile li 										{margin:0px;}

/* attributes page */
body.attributes td , body.attributes table 				{ border-width:0px !important; border-style:solid !important;}
body.attributes hr										{ border-width:1px !important; border-style:solid !important; margin:20px !important;}
body.attributes #new-attribute 							{ border-width:1px; border-style:solid; padding:10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
body.attributes #new-attribute h3						{ border:0;margin-top:10px;margin-bottom:30px}
body.attributes h3										{ margin-top:20px; border-top-width:1px; border-top-style:solid; }

/* editattributes page */
body.editattributes span.delete a						{ display:inline-block; height:20px; width:20px; background:url('../../dressprow/images/16x16/mini-trash.png') 50% 50% no-repeat; text-indent:-9999px; overflow:hidden;}
body.editattributes .panel h3							{ font-size:20px; margin-bottom:5px; }
div.row-value											{ margin:5px; margin-bottom:20px; clear:both;}
div.row-value .listorder								{ float:left; margin-right:10px; margin-bottom:0px;}
div.row-value .delete									{ float:right; margin-left:10px;}

/* send page */
#sendmessageform .panel .header							{ min-height:40px;}
#generatetextversion a.ajaxable							{ display:block; background:url('../../dressprow/images/32x32/import-html.png') no-repeat 5px 5px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; padding:10px 10px 10px 40px; float:left;}
#generatetextversion 									{ border:0px; padding:0px; margin:10px; width:auto; display:block; text-align:center;}
.panel .header .step-nav 								{ margin-top:-32px;}
.panel .step-nav 										{ position:relative; float:right; text-align:right; margin:10px 0px;}
.panel .step-nav a.next 								{ background:url('../../dressprow/images/next.png') no-repeat left top; padding:2px 2px 2px 20px;}
.panel .step-nav a.back 								{ background:url('../../dressprow/images/back.png') no-repeat right top; padding:2px 20px 2px 2px; float:left;}
.panel .step-nav a.back, .panel .step-nav a.next		{ border-width:4px; border-style:solid; display:inline-block; text-transform:uppercase; cursor:pointer; font-size:14px;	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
.panel .step-nav a.back:hover, 
.panel .step-nav a.next:hover							{ text-decoration:none;}
body.send .field										{ margin-bottom:10px;}
body.send .field label									{ display:block; font-weight:bold;}
body.send .sendNotify label								{ display:block; width:100%;}
body.send .panel .content div							{ margin-bottom:5px;} 
body.send textarea										{ width:88%;}
#addtoqueue												{ margin:10px; padding:10px; border-width:1px; border-style:solid;}
#addtoqueue .missing									{ padding:15px; padding-left:25px; background:url('../../dressprow/images/16x16/alert.png')  3px center no-repeat; border-width:1px; border-style:solid;}
a.helpdialog, a.resourcereference						{ height:16px; width:16px; background:url('../../dressprow/images/16x16/info.png') no-repeat; display:inline-block; overflow:hidden; text-indent:9999px; margin-left:5px;}
#addtoqueue .error										{ padding:5px; margin-top:20px; padding-left:25px; background:url('../../dressprow/images/16x16/error.png')  3px center no-repeat; border:1px solid red;}

/* messages page */
div.messageactions										{ padding-bottom:1px; padding-left:0px;}
div.messageactions a 									{ background:none repeat scroll 0 0; font-size:14px; padding:5px 5px;}
div.messageactions a.button 							{ margin-bottom:3px;}
table.messagesendstats									{ float:right; margin-right:10px;}
#filtertext												{ float:left; width:100px !Important;padding:0px; height:26px;line-height: 0px;}
#messagefilterform button								{ margin:0px 0px 0px 5px;padding:6px 10px}
#messagefilterform select								{ width:100px; float:left; margin:0px 3px;height:28px;padding:4px}
#messagefilterform select.numppOptions					{ width:50px;}
#messagefilterform										{ border-width:1px;border-style:solid;padding:4px 8px;-webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}

/* user page */
table.userAdd .dataname									{ width:auto;}
table.userListing .tdcheck								{ padding-left:40px;}
table.userListing .bgwhite								{ padding-top:20px;}
table.userAdd											{ width:99%;}
table.userAdd tr										{ border-width:4px !important; border-style:solid !important;}
table.userAdd input, table.userAdd select				{ margin-bottom:1px;}
table.userAdd td.label									{ width:40%;}
table.userAdd td.value									{ width:60%;}

/* userclicks page */
table.userclicksDetails									{ width:auto;}
table.userclicksDetails td								{ padding-right:10px;}

/* bounce page */
table.bounceActions tr td								{ width:auto;}
table.bounceActions tr									{ border-width:4px !important; border-style:solid !important;}
table.bounceActions input								{ margin-bottom:1px;}
table.bounceActions .submit								{ margin-top:15px;}
table.bounceActions tr td								{ border:0px !important;}

/* configure page */
div.configEdit											{ line-height:14px;margin-bottom:10px; padding:3px}
div.configEdit a.ajaxable								{ background:url('../../dressprow/images/16x16/edit-1.png') 60% 50% no-repeat; height:16px; width:16px; display:inline-block; text-indent:-9999px; overflow:hidden; float:left; margin:0px 10px 0px 4px; padding:3px 10px; border-style: solid; border-width: 1px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
div.configcontent										{ padding:2px 15px 10px;}
.configForm fieldset									{ border-width:1px; border-style:solid; padding:15px;}
.configForm legend										{ font-weight:normal; font-size:18px; background: url('../../dressprow/images/header-bg.gif') repeat-x; border-width:1px; border-style:solid; padding:0px 10px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;}
div.date select 										{ display:inline; width:auto;}

/* dbcheck page */
.dbcheck #content table td								{ font-size:10px;}
.dbcheck #content table td span.listingelement .panel	{ width:100px; border:0; background:transparent;}
.dbcheck #content table td span.listingelement .panel h2{ margin-bottom:3px;}
.dbcheck #content table td								{ border:0px;}
.dbcheck #content table td table td						{ border-width:1px; border-style:solid;}
.dbcheck #content table td span.listingelement h2		{ font-size:10px; font-weight:bold; font-variant:small-caps;}
.dbcheck  table .panel .content							{ display:none; border:0px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px;}

/* community page */
body.community .ui-tabs .ui-tabs-panel					{ padding:20px}

/* templates page */
body.templates span.button 								{ background-image:none; float:right; margin-left:5px;}



/******************************* 12. SIDEBAR */

#right-bar												{ margin-top:10px;}
#right-bar ul, #languageswitcher *						{ margin-top:0px;}
.block													{ margin-top:20px; border-width:0px; border-style:solid;}
.block ul												{padding:0px}
.block ul li, li.shade0 								{ list-style:none; margin:0;}
.block ul li a, li.shade0 a								{ border-bottom-width:1px; border-bottom-style:dotted; display:block; padding:5px 0; padding-left:10px;}
.block ul li br, li.shade0 br							{ display:none;}
.block ul li a:hover, li.shade0 a:hover					{ text-decoration:none;}
.menutableright h3										{ margin:0; font-size:12pt; background:url('../../dressprow/images/header-bg.gif') repeat-x; border-bottom-width:1px; border-bottom-style:dotted; padding-left:5px; font-variant:small-caps; -webkit-border-top-right-radius:6px; -webkit-border-top-left-radius:6px; -moz-border-radius-topright:6px; -moz-border-radius-topleft:6px; border-top-right-radius:6px; border-top-left-radius:6px;}
#languageswitcher										{ float:right; margin:0px; margin-top:20px; width:100%;}
#languageswitcher form select							{ font-size:12pt; font-variant:small-caps; background:url('../../dressprow/images/header-bg.gif') repeat-x; border-width:1px; border-style:solid; width:100%; padding-left:5px;}


/******************************* 13. FOOTER */

#footer													{ border-top-width:1px; border-top-style:dotted; margin-top:40px; height:30px; padding:7px;}
#footer a:hover											{ text-decoration:none;}
#footer .right											{ float:right; margin-left:20px;}


/* End of /lists/admin/ui/dressprow/css/style.css */

/*ui/dressprow/css/gray.css*/ /* File:/lists/admin/ui/dressprow/css/gray.css */


/******************************* 

TABLE OF CONTENT

1. FONT COLORS 
2. BACKGROUND (colors and gradients) 
3. BORDER COLORS 
4. SHADOWS (box and text)

*******************************/



/******************************* 1. FONT COLORS */


#menuTop ul ul li a:hover, #login:hover, 
a.reset:hover, a.action-button:hover, 
input.action-button:hover, #logout:hover            { color:#000 !important;}

body, .button a, div.accordion tr td.listingname a, 
.button a:hover, tr .listingelement a.button,
tr .listingelement a.button:hover,
div.accordion tr .listingname a.listingname:hover,      
#generatetextversion a.ajaxable,
#languageswitcher form select, .menutableright h3,
.dashboard_button a,.dashboard_button a:hover       { color:#333;}

h1, h2, h3, h4, h5, h6, div.dropButton a,   
.ui-dialog-content, .gray, #webblertabs ul li a, 
.panel table th, a.reset, .note, a.confirm,
.configForm legend,  #globalhelp .content .text     { color:#666;}

#login, #logout, .pagetitle                         { color:#AAA;}

#menuTop ul ul li a, #globalhelp .buttonhelp, 
.firstinstallbutton                                 { color:#EEE !important;}

#sendtabs ul.sendcampaign li a, #menuTop ul li a,  
#menuTop ul li a:hover, #menuTop ul li:hover,
.panel .step-nav a.next:hover, a.action-button,
#sendtabs ul.sendcampaign li.current a,
input.action-button, div.messageactions a, 
.panel .step-nav a.next, .panel .step-nav a.back,
.ui-tabs-panel h3                                   { color:#FFF !important;}

a:active, #addtoqueue .missing, #addtoqueue .error  { color:red;}

a, div.accordion table td a, tr td.listingname a,
tr td.listingelement a, .block ul li a, li.shade0 a,
.ui-widget-content a                                { color:#22769D;}

.block ul li a:hover, #webblertabs ul li a:hover, 
div.dropButton .submenu a:hover, li.shade0 a:hover,
tr td.listingname a:hover, a:hover,
tr td.listingelement a:hover, 
div.accordion table td a:hover                      { color:#F93;}



/******************************* 2. BACKGROUND */

body                                                { background-color:#F9F9F9;}

.bgwhite                                            { background-color:#FFF !important;}

div.panel .content, .ui-accordion-content,
a.confirm, .ui-dialog .ui-dialog-titlebar-close, 
a.reset, h3.ui-accordion-header a, .configcontent,
.ui-dialog .ui-dialog-titlebar-close:hover,
.dbcheck #content table td table td,
.block ul li a:hover, div.configEdit a.ajaxable     { background-color:#FFF;}


#generatetextversion a.ajaxable, .row.odd, 
table.userAdd tr td, .ui-dialog-content textarea,  
body.attributes #new-attribute, .configForm legend,   
.row1, #globalhelp .content .text, form#login-form,
table.bounceActions tr td, .ui-dialog-content input, 
div.accordion tr td.listingname a,span.add_member:hover,
span.delete a.confirm:hover,span.send-list a.button:hover,
.block ul li a, li.shade0 a, .dashboard_button a,
span.edit-list a.button:hover, #messagefilterform   { background-color:#EEE;}

.shade1, .shade2, span.marksent a.button:hover,
div.panel, span.delete a.button:hover, 
span.edit a.button:hover, span.view a.button:hover, 
span.suspend a.button:hover, .rowtotal, .ui-dialog, 
span.resend a.button:hover, .panel table th,
span.stats a.button:hover, a.action-button:hover,
input.action-button:hover, .menutableright h3,
#languageswitcher form select,span.add_member,
span.delete a.confirm,span.send-list a.button,
span.edit-list a.button                             { background-color:#DDD;}

#menuTop ul ul li a:hover, #login:hover, 
#logout:hover                                       { background-color:#AAA !important;}

#navigation,#sendtabs ul.sendcampaign li a, 
.firstinstallbutton,.ui-tabs-panel h3               { background-color:#888;}

#globalhelp .buttonhelp, .panel .step-nav a.next, 
.panel .step-nav a.back                             { background-color:#666;}

span#menu-button span:hover,a.action-button,
#menuTop ul ul li, #menuTop ul li:hover, #logout,    
input.action-button                                 { background-color:#444;}

#menuTop ul li a:hover                              { background-color:#444 !important;}

.ui-widget-overlay                                  { background-color:#000;}

div.accordion tr .listingname a.listingname:hover,
.note,  .isDragging, #addtoqueue .error, 
#addtoqueue .missing, tr.dragged, 
#generatetextversion a.ajaxable:hover,
.dashboard_button a:hover                           { background-color:#FFF6BF;}

.panel .step-nav a.back:hover, 
.panel .step-nav a.next:hover                       { background-color:#F93}

#sendtabs ul li.current a,
#sendtabs ul.sendcampaign li.current a, 
div.messageactions a,  #sendtabs ul li a:hover      { background-color:#22769D;}

a.reset, a.confirm									{ background-image:-moz-linear-gradient(top, rgba(255, 255, 255, .2) 0%, rgba(150, 150, 150, .2) 100%); background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255, 255, 255, .2)), color-stop(100%,rgba(150, 150, 150, .2))); background-image:-webkit-linear-gradient(top, rgba(255, 255, 255, .2) 0%,rgba(150, 150, 150, .2) 100%); background-image:-o-linear-gradient(top, rgba(255, 255, 255, .2) 0%,rgba(150, 150, 150, .2) 100%); background-image:-ms-linear-gradient(top, rgba(255, 255, 255, .2) 0%,rgba(150, 150, 150, .2) 100%); background-image:linear-gradient(top, rgba(255, 255, 255, .2) 0%,rgba(150, 150, 150, .2) 100%);}



/******************************* 3. BORDER COLORS */


table.importadmin, body.attributes td,
table.import1, table.userAdd tr, table.importcsvMain, 
table.bouncerulesAction, table.adminDetails,
table.attributeNew, table.spageeditListing, 
body.attributes table, table.bounceActions tr       { border-color:#FFF !important;}

.ui-dialog-content, a.reset:hover, 
body.attributes hr, body.attributes #new-attribute,
#languageswitcher form select                       { border-color:#BBB !important;}

div.panel, div.panel .content, #addtoqueue, hr,   
form#login-form, form#forgotpassword-form, 
a.reset, a.confirm,#messagefilterform               { border-color:#CCC;}

.dbcheck #content table td table td, 
.panel table td, .panel table th                    { border-color:#DDD;}

#globalhelp .content .text,.ui-dialog,  
#webblertabs, .configForm fieldset, 
.configForm legend, div.dropButton                  { border-color:#999;}

#login:hover, #logout:hover                         { border-color:#777;}

#login, #logout, .block, .panel .step-nav a.next,
.panel .step-nav a.back,div.configEdit a.ajaxable   { border-color:#666;}

#addtoqueue .missing, .note                         { border-color:#FDD845;}

div.accordion table td a.hometext:hover, 
a:hover, .panel .step-nav a.back:hover, 
.panel .step-nav a.next:hover,
tr .listingname a:hover, #webblertabs ul li:hover,
#webblertabs ul li a:hover,
div.dropButton .submenu a:hover,
.ui-dialog .ui-dialog-titlebar-close,
.ui-dialog .ui-dialog-titlebar-close:hover,
div.configEdit a.ajaxable:hover                     { border-color:#F93;}

.block ul li a, li.shade0 a, .menutableright h3     { border-bottom-color:#666;}

#menuTop ul ul li                                   { border-bottom-color:#999;}

body.users .filter, body.list tr:nth-child(2n+3)    { border-bottom-color:#CCC;}

#menuTop ul ul li a:hover                           { border-bottom-color:#FFF !important; border-top-color:#FFF !important; }

#footer, .row1, .rowtotal, 
div.dropButton .submenu a                           { border-top-color:#999;}

body.attributes h3									{ border-top-color:#CCC;}

a.reset, a.confirm									{ border-top-color:#DDD; border-left-color:#DDD; }

body.list table 									{ border-left-color:#CCC; border-right-color:#CCC;}



/******************************* 4. SHADOWS */

a.reset, a.confirm                                  { text-shadow:0 1px rgba(255, 255, 255, .75);}

div.configEdit a.ajaxable                           { -moz-box-shadow: inset 0px 0px 6px #666; -webkit-box-shadow: inset 0px 0px 6px #666; box-shadow: inset 0px 0px 6px #666;}

.shadow, #right-bar ul, #right-bar h3			    { -moz-box-shadow:1px 2px 6px #999; -webkit-box-shadow:1px 2px 6px #999; box-shadow:1px 2px 6px #999;}

div.accordion tr td.listingname a,span.add_member, 
#generatetextversion a.ajaxable,.dashboard_button a,
span.delete a.confirm,span.send-list a.button,
span.edit-list a.button                             { -moz-box-shadow:2px 2px 2px #888; -webkit-box-shadow:2px 2px 2px #888; box-shadow:2px 2px 2px #888;}

div.dropButton, #webblertabs                        { -moz-box-shadow:inset 0 0 8px #999; -webkit-box-shadow:inset 0 0 8px #999; box-shadow:inset 0 0 8px #999;}

.paging .controls a:hover							{ -moz-box-shadow:0px 0px 0px #888; -webkit-box-shadow:0px 0px 0px #888; box-shadow:0px 0px 0px #888;}

a.action-button, input.action-button				{ -moz-box-shadow:1px 1px 4px #000; -webkit-box-shadow:1px 1px 4px #000; box-shadow:1px 1px 4px #000;}

.panel .step-nav a.back:hover,
.panel .step-nav a.next:hover                       { -moz-box-shadow:1px 1px 4px #777; -webkit-box-shadow:1px 1px 4px #777; box-shadow:1px 1px 4px #777;}


/* End of /lists/admin/ui/dressprow/css/gray.css */