/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://ui.jquery.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://themeroller.com/?tr=&ffDefault=Arial,%20sans-serif&fwDefault=normal&fsDefault=1.5em&cornerRadius=4px&bgColorHeader=7C91B5&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=50&borderColorHeader=444444&fcHeader=FFFFFF&iconColorHeader=FFFFFF&bgColorContent=FFFFFF&bgTextureContent=01_flat.png&bgImgOpacityContent=100&borderColorContent=444444&fcContent=444444&iconColorContent=7C91B5&bgColorDefault=7C91B5&bgTextureDefault=01_flat.png&bgImgOpacityDefault=0&borderColorDefault=FFFFFF&fcDefault=FFFFFF&iconColorDefault=FFFFFF&bgColorHover=DBB575&bgTextureHover=01_flat.png&bgImgOpacityHover=100&borderColorHover=000&fcHover=000&iconColorHover=000&bgColorActive=DBB575&bgTextureActive=01_flat.png&bgImgOpacityActive=0&borderColorActive=FFFFFF&fcActive=FFFFFF&iconColorActive=FFFFFF&bgColorHighlight=DBB575&bgTextureHighlight=07_diagonals_small.png&bgImgOpacityHighlight=0&borderColorHighlight=000000&fcHighlight=000000&iconColorHighlight=000000&bgColorError=FFFFFF&bgTextureError=01_flat.png&bgImgOpacityError=100&borderColorError=C00000&fcError=C00000&iconColorError=C00000&bgColorOverlay=e6b900&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=444&bgTextureShadow=01_flat.png&bgImgOpacityShadow=100&opacityShadow=40&thicknessShadow=0px&offsetTopShadow=9px&offsetLeftShadow=9px&cornerRadiusShadow=3px
*/


/* Component containers
----------------------------------*/
.ui-widget { font-family: Arial, sans-serif; font-size: 1.2em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial, sans-serif; font-size: 1em; }
.ui-widget-header { border: 1px solid #444444; background: #7C91B5 url(images/ui-bg_highlight-soft_50_7C91B5_1x100.png) 50% 50% repeat-x; color: #FFFFFF; font-weight: bold; }
.ui-widget-header a { color: #FFFFFF; }
.ui-widget-content { border: 1px solid #444444; background: #FFFFFF url(images/ui-bg_flat_100_FFFFFF_40x100.png) 50% 50% repeat-x; color: #444444; }
.ui-widget-content a { color: #444444; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #FFFFFF; background: #7C91B5 url(images/ui-bg_flat_0_7C91B5_40x100.png) 50% 50% repeat-x; font-weight: normal; color: #FFFFFF; outline: none; }
.ui-state-default a { color: #FFFFFF; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #000; background: #DBB575 url(images/ui-bg_flat_100_DBB575_40x100.png) 50% 50% repeat-x; font-weight: normal; color: #000; outline: none; }
.ui-state-hover a { color: #000; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #FFFFFF; background: #DBB575 url(images/ui-bg_flat_0_DBB575_40x100.png) 50% 50% repeat-x; font-weight: normal; color: #FFFFFF; outline: none; }
.ui-state-active a { color: #FFFFFF; outline: none; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #000000; background: #DBB575 url(images/ui-bg_diagonals-small_0_DBB575_40x40.png) 50% 50% repeat; color: #000000; }
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #C00000; background: #FFFFFF url(images/ui-bg_flat_100_FFFFFF_40x100.png) 50% 50% repeat-x; color: #C00000; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #C00000; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }

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

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_7C91B5_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_7C91B5_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_FFFFFF_256x240.png); }
.ui-state-default .ui-icon { background-image: url(images/ui-icons_FFFFFF_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_000_256x240.png); }
.ui-state-active .ui-icon {background-image: url(images/ui-icons_FFFFFF_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_000000_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_C00000_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-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-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; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; }

/* Overlays */
.ui-widget-overlay { background: #e6b900 url(images/ui-bg_flat_0_e6b900_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: 9px 0 0 9px; padding: 0px; background: #444 url(images/ui-bg_flat_100_444_40x100.png) 50% 50% repeat-x; opacity: .40;filter:Alpha(Opacity=40); -moz-border-radius: 3px; -webkit-border-radius: 3px; }/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://ui.jquery.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%; }/* Datepicker
----------------------------------*/
.ui-datepicker { width: 17em; padding: .2em .2em 0; }
.ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker-prev, .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker-prev-hover, .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker-prev { left:2px; }
.ui-datepicker-next { right:2px; }
.ui-datepicker-prev-hover { left:1px; }
.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-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker-title select { float:left; 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-title select.ui-datepicker-year { float: right; }
.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;  }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.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-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.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; }

/* 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*/
}
/*** ESSENTIAL STYLES ***/
.menu, .menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.menu {
	line-height:	1.0;
}
.menu ul {
	position:		absolute;
	top:			-999em;
	width:			200px; /* left offset of submenus need to match (see below) */
}
.menu ul li {
	width:			100%;
}
.menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.menu li {
	float:			left;
	position:		relative;
}
.menu a {
	display:		block;
	position:		relative;
}
.menu li:hover ul,
.menu li.sfHover ul {
	left:			0;
	top:			2em; /* match top ul list item height */
	z-index:		999999;
}
ul.menu li:hover li ul,
ul.menu li.sfHover li ul {
	top:			-999em;
}
ul.menu li li:hover ul,
ul.menu li li.sfHover ul {
	left:			200px; /* match ul width */
	top:			0;
}
ul.menu li li:hover li ul,
ul.menu li li.sfHover li ul {
	top:			-999em;
}
ul.menu li li li:hover ul,
ul.menu li li li.sfHover ul {
	left:			200px; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.menu {
	float:			left;
}
.menu a {
	padding: 		0.5em 1em;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
	text-decoration:none;
}
.menu a, .menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			white;
}
.menu li {
	background:		#7C91B5;
}
.menu li li {
	background:		#7C91B5;
}
.menu li li li {
	background:		#7C91B5;
}
.menu li:hover, .menu li.sfHover,
.menu a:focus, .menu a:hover, .menu a:active {
	background:		#DBB575;
	outline:		0;
}

/*** arrows **/
.menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('/images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.menu ul .sf-sub-indicator { background-position:  -10px 0; }
.menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.menu ul a:focus > .sf-sub-indicator,
.menu ul a:hover > .sf-sub-indicator,
.menu ul a:active > .sf-sub-indicator,
.menu ul li:hover > a > .sf-sub-indicator,
.menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('/images/shadow.png') no-repeat bottom right;
	padding: 0 15px 16px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}
#tooltip {
	position: absolute;
	z-index: 999;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }

html {
    padding: 0;
}

body {
    font-size: 10pt;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    /*text-align: justify;*/
    color: #444;
    margin: 0;
}

body.print {
    text-align: left;
}

a {
    color: #444;
}

p {
    margin: 1em 0;
    text-align: justify;
}

pre {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}

td p, li p {
    margin: 0 0 0.5em 0;
}

td p + p, li p + p {
   margin-top: 0.5em;
}


.hidden {
    display: none;
}

#document-info {
    display: none;
}

div.truncate {
    white-space: nowrap;
    overflow: hidden;
}

table{
    border-collapse: collapse;
    empty-cells: show;
}

tr.odd {
    background-color: #D7D7D7;
}

#login {
    vertical-align: top;
    height: 6.3em;
}

#login table {
    margin-bottom: 10px;
    border: 1px solid #777;
    background-color: #DDD;
    border-collapse: separate;
}

#login th {
    text-align: left;
    vertical-align: bottom;
    font-size: 0.9em;
    padding: 4px 4px 0 4px;
}

#login td {
    padding: 0 4px 4px 4px;
}

#login a {
    padding: 2px 14px 2px 2px;
    font-size: 0.9em;
}

#login-links {
    text-align: center;
}

#whoami {
    text-align: right;
}

#user-links {
    text-align: right;
    padding-top: 3em;
}

#user-links a {
    padding: 2px 2px 2px 15px;
}

#user-links .unread-messages, p.unread a {
    color: #C00;
    font-weight: bold;
}

#header {
    z-index:9999; 
    width: 960px;
    margin: 8px auto;
    position: abosolute;
}

#main {
    z-index:9998; 
    width: 960px;
    position: abosolute;
    margin: 8px auto;
}

#header a img {
    border: none;
}

#home {
    width: 100%;
}

#logo {
    width: 60%;
}

#menu {
    background-color: #7C91B5;
    z-index:999997; 
}

#menu li {
    text-align: left;
    font-size: 11pt;
}

#menu_tab {
    background-color: #C0C0C0;
    z-index:999997;
}

#menu_tab li {
    text-align: left;
    font-size: 11pt;
}

#home-logo {
    float: right;
    width: 327px;
    padding-bottom: 15px;
    z-index: 8888;
}

#home-news {
    float: right;
    width: 334px;
}

#home-content {
    float: left;
    margin-right: 20px;
    margin-left : 20px;
    width : 334px;
}

#news-heading {
    font-weight: bold;
    color: #7C91B5;
    font-size: 1em;
    margin-bottom: 0.5em;
}

#home-news p, #home-content p {
    margin: 0 0 1em 0;
}

#home-news div.news-content {
    margin-bottom: 1em;
    font-size: 0.75em;
}

#home-news div.news-headline a {
    font-weight: bold;
    font-size: 0.75em;
}

#home-news span.news-date {
    font-weight: bold;
}

#home-news a.more {
    font-style: italic;
    font-weight: bold;
}

#articles div.article-title a {
    font-weight: bold;
}

#articles span.article-date {
    font-weight: bold;
}

#articles span.article-more {
    font-style: italic;
    font-weight: bold;
}

p.newsletter-buttons {
    overflow: hidden;
}

p.newsletter-buttons .next {
    float: right;
}

#common-documents {
    float: left;
    width: 252px;
    vertical-align: top;
}

#common-documents a {
    display: block;
    border: 1px solid #777;
    background-color: #D7D7D7;
    margin-bottom: 6px;
    padding: 4px;
    text-decoration: none;
    color: #777;
    text-align: center;
}

#common-documents a.category {
    font-weight: bold;
}

#common-documents a.healthcheck {
    font-size: 1.5em;
    font-weight: bold;
    color: #7C91B5;
}

#common-documents a.image {
    border: none;
    background: transparent;
}

#common-documents a.image img {
    border: none;
}

#common-documents a:hover {
    background: #777;
    color: white;
}

#common-documents a.image:hover {
    background: none;
}

#news-date {
    font-size: 1.5em;
    margin: 1em 0 2em 0;
    font-weight: bold;
    color: #7C91B5;
}

#footer {
    text-align: center;
    font-size: 0.9em;
    color: #777;
    border-top: 1px solid #777;
    margin: 35px auto 0 auto;
    width: 400px;
    clear: both;
}

div.clear {
    clear: both;
}

#page-top {
    margin-bottom: 15px;
}

#page-link-top, #page-link-bottom {
    float: right;
    text-align: right;
    border: 1px solid #777;
    background-color: #DDD;
    padding: 6px;
    margin-left: 16px;
}

#bottom-page-link {
    padding-top: 12px;
}

#categories a, #documents a {
    text-align: left;
}

table.cover td, table.cover th {
    text-align: center;
}

table.signature {
    width: 100%;
}

table.signature td, table.signature th {
    text-align: left;
    width: 50%;
}

table.normal {
    width: 100%;
    margin: 12px 0;
    clear: both;
}

table.normal th, table.normal td {
    padding: 0.3em 0;
    vertical-align: top;
    text-align: left;
}

table.padded th, table.padded td {
    padding-right: 12px;
}

table.padded th.padded-last, table.padded td.padded-last {
    padding-right: 0;
}

table.document-list th.document-info, table.document-list td.document-info {
    text-align: right;
    width: 10%;
}

td.right, th.right { text-align: right !important; }

td.messages {
    text-align: center !important;
}

h1, h2 {
    margin: 0;
}

h3 {
    margin-top: 0;
    padding-top: 1em;
    color: #7C91B5;
    clear: left;
}

a.document {
    width: 58px;
    height: 58px;
    float: left;
    text-align: center;
    padding: 5px;
    margin-right: 10px;
    text-decoration: none;
    background-image: url(/images/document.gif);
    background-position: 2px 2px;
    background-repeat: no-repeat;
}

a.document:hover {
    background-color: #777;
    color: white;
}

#order {
    display: block;
    float: right;
    width: 58px;
    text-align: center;
    padding: 68px 5px 5px 5px;
    margin-left: 10px;
    text-decoration: none;
    background-image: url(/images/document.gif);
    background-position: 2px 2px;
    background-repeat: no-repeat;
}

#order:hover {
    background-color: #777;
    color: white;
}

#main ul {
    clear: left;
}

span.big {
    font-size: 130%;
    font-weight: bold;
    color: black;
}

#tooltip {
    width: 420px;
    text-align: left;
    background-color: white;
    color: #444;
    opacity: 1;
    border: 4px solid #7C91B5;
    padding: 0;
}

#tooltip h3 {
    padding: 5px;
    opacity: 1;
    background-color: #7C91B5;
    color: white;
}

#tooltip div {
    padding: 5px;
}

#tooltip p {
    margin: 5px 0;
}

table.leftright {
    width: 60%;
}

table.leftright th {
    width: 50%;
    padding-right: 20px;
}

table.leftright th, table.leftright td {
    vertical-align: top;
    padding-bottom: 8px;
    text-align: left;
}

table.trynobreak {
    padding: 25px;    
    border-collapse: collapse;
    page-break-before: avoid;
    page-break-after: always;
    page-break-inside: always;
}

table.stats {
    width: 100%;
    margin: 10px auto;
    page-break-before: avoid;
    page-break-after: avoid;
    page-break-inside: always;
}

table.stats2 { 
    width: 100%;
    text-align: left !important;
    margin: 10px auto;
    font-size: 10pt; 
    page-break-before: avoid;
    page-break-after: avoid;
    page-break-inside: always;
}

table.stats2 th, table.stats2 td {;
    font-size: 6pt;
    padding: 100px;
}

table.stats2 th {
    background-color: #777;
    color: #FFF;
    font-weight: bold;
}

td.stat-value2 {
    text-align: left !important;
}
table.stats th, table.stats td {
    font-size: 6pt;
    padding: 2px 4px;
}

table.stats th {
    background-color: #777;
    color: #FFF;
    font-weight: bold;
}

td.nobreak {	
    page-break-before: always;
    page-break-after: avoid;
    page-break-inside: avoid;
}

th.stat-item {
    text-align: left !important;
}

th.stat-group-label, th.stat-column-label {
    text-align: right;
}

th.stat-category-label, th.stat-subcategory-label, th.stat-row-label {
    text-align: left !important;
}

th.stat-value, td.stat-value {
    text-align: right !important;
}

#contact {
    width: 40%;
    float: left;
    padding-bottom: 15px;
}

#message {
    text-align: center;
    padding-right: 45px;
}

#message-status {
    padding-top: 15px;
    color: green;
}

#new-message {
    clear: both;
}

#messages tr.unread td, #messages tr.unread td a,
#admin-messages tr.unread td, #admin-messages tr.unread td a {
    color: #C00;
}

#messages div.body, #messages div.messageid, #messages div.orderid,
#admin-messages div.body, #admin-messages div.messageid, #admin-messages div.orderid {
    display: none;
}

#message-body {
    width: 40%;
    float: right;
    border: 1px solid #777;
    background: #DDD;
    padding: 12px;
}

#message-body textarea {
    width: 100%;
}

#admin-log-messages, #messages, #admin-messages {
    clear: none;
    width: 55%;
}

#log-list #pages, #messages-list #pages {
    width: 55%;
    float: none;
}

#admin-log-messages div.details {
    display: none;
}

#log-details {
    width: 40%;
    float: right;
    border: 1px solid #777;
    background: #DDD;
    padding: 12px;
}

#log-details textarea { width: 100%; }

#admin-order-buttons .approve, #admin-order-buttons .approvesilent,
#admin-order-buttons .reject, #admin-order-buttons .delete,
#admin-order-buttons #rebuild, #admin-order-buttons #undelete {
    float: right;
    margin-left: 4px;
}

#ignore { display: none; }
select.party { color: black; }
#orderdetails { border-collapse: separate; }

#orderdetails input.unread {
    background-color: #FF7;
    color: #C00;
    border: 1px solid #C00;
    font-weight: bold;
}

#orderdetails input.messages {
    text-align: center;
}

#location {
    width: 60%;
    float: right;
}

#location iframe {
    width: 100%;
}

#ui-datepicker-div { display: none; }

table.form {
    /*width: 100%;*/
    border: 1px solid #777;
    background-color: #DDD;
}

table.network {
    width: 100%;
    border: 1px solid #777;
}

table.form th, table.form td {
    padding-left: 12px;
    padding-right: 12px;
    text-align: left;
}

table.form th {
    vertical-align: bottom;
    padding-top: 12px;
}

table.form td {
    vertical-align: top;
    padding-bottom: 12px;
}

table.form textarea.full-width {
    width: 100%;
}

p.success, div.success {
    font-size: 1.1em;
    color: #090;
    float: left;
    text-align: left;
    font-weight: bold;
}

p.error, div.error {
    font-size: 1.1em;
    color: #C00;
    float: left;
    text-align: left;
    font-weight: bold;
}

#login div.error {
    font-size: 9pt;
}

ul.document-form {
    padding: 0;
    margin: 0.5em 0;
    list-style-type: none;
}

ul.document-form ul {
    list-style-type: none;
    padding: 12px;
    margin: 0;
}

table.group-header {
    background-color: #777;
    color: white;
    font-weight: bold;
    width: 100%;
    margin-top: 1em;
}

table.group-header th {
    padding: 6px 12px;
    text-align: left;
}

table.group-header td {
    text-align: right;
    padding: 4px;
    white-space: nowrap;
}

table.group-header input {
    width: 7em;
}

div.group-comment {
    padding: 12px 12px 0 12px;
}

div.group-content, .edittext, .edittext textarea {
    background-color: #DDD;
    border: 1px solid #777;
}

div.content-original, span.content-modified {
    padding: 12px;
    background-color: white;
    border: 1px solid #777;
}

div.content-modified, span.content-modified {
    padding: 12px;
	background-color: #fbfabf;
	border: 1px solid #ffb049;
}

div.source {
}

#document .content-modified, #document .content-original {
    padding: 40px
}

#form-view table {
    page-break-before: avoid;
    empty-cells: show;
}

#form-view div, #form-view td, #form-view p {
    text-align: left;
}

#form-view table.group-header td {
    text-align: right;
}

#form-view div.group-content {
    padding: 1.5em;
}

#form-view div.document-section {
    page-break-before: avoid;
    padding: 0.5em 0;
}

div.document-section {
    page-break-after: avoid;
    page-break-before: avoid;
    page-break-inside: avoid;
}

#form-view td {
    vertical-align: top;
}

#form-view div.group-content div.document-section > table {
    page-break-before: avoid;
    width: 100%;
    page-break-after: avoid;
}

#form-view div.group-content table {
    border-collapse: separate;
    empty-cells: show;
}

#form-view table td + td {
    padding-left: 18px;
}

table.form-view-box td {
    background: white;
}

div.edittext textarea {
    width: 100%;
    border: none;
}

#source div {
    text-align: left;
}

.element {
    color: blue;
    font-weight: bold;
}

span.modified-value {
    background-color: #DBF;
    padding: 2px;
    color: black;
}

span.unmodified-value {
    background-color: #AFA;
    padding: 2px;
    color: black;
}

div.legend-padding {
    margin-top: 2.5em;
}

#legend {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    height: 2.2em;
    background: #DDD;
    z-index: 999;
    border-bottom: 1px solid black;
    padding: 0 12px;
}

#legend span.label {
    font-weight: bold;
    padding-right: 12px;
}

#legend span {
    line-height: 2em;
    padding: 2px;
}

#legend .buttons {
    float: right;
    line-height: 1em;
}

#legend .status-readonly {
    display: inline;
    font-weight: bold;
    color: red;
    text-transform: uppercase;
    font-size: 1.1em;
    padding: 0 12px;
    background-color: #FF7;
    border: 1px solid red;
    margin-top: 3px;
}

.chart-area {
    border: 1px solid #777;
    margin: 10px 0px;
    text-align: center;
    page-break-inside: avoid;
}


div.selected-readonly {
    display: inline;
    padding: 6px;
    line-height: 1.6em;
    font-weight: bold;
}

div.unselected-readonly {
    display: inline;
    padding: 6px 10px;
    line-height: 1.6em;
}

div.label {
    font-weight: bold;
    padding-right: 6px;
}

div.field-label {
    padding: 12px 12px 0 12px;
}

div.field-label div {
    padding: 2px 2px 2px 2px;
}

a.field-info img {
    border: none;
    padding-right: 2px;
}

div.manditory div, #legend .manditory {
	background-color: #fbfabf;
	border: 1px solid #ffb049;
	color: black;
}

div.modified-value div, #legend span.modified {
    background-color: #DBF;
    border: 1px solid #A8F;
    color: black;
}

div.field-input {
    padding: 0 16px 12px 12px;
}

input.uppercase {
    text-transform: uppercase;
}

div.horiz div {
    display: inline;
}

div.horiz .radio {
    padding-right: 12px;
}

#ordercomments {
    width: 100%;
    height: 10em;
}

#orderrecipients {
    width: 100%;
    height: 5em;
}

#pages {
    float: right;
    text-align: right;
    margin-bottom: 12px;
}

#pages a {
    display: inline;
    border: 1px solid #777;
    background-color: #DDD;
    padding: 4px;
    margin-left: 6px;
    text-decoration: none;
}

#pages div {
    display: inline;
    padding: 5px;
    margin-left: 6px;
    background-color: #777;
    color: white;
}

#pages .separator {
    background-color: white;
    color: #777;
    font-weight: bold;
}

#pages a:hover {
    background-color: #777;
    color: white;
}

tr.selectedrow td {
    background-color: #7C91B5;
    color: white;
}

tr.hoverrow td {
    background-color: #777;
    color: white;
}

table.index th {
    width: 40px;
}

tr.index-header th, tr.index-header td {
    padding: 0.5em 0;
    font-weight: bold;
    font-size: 1.2em;
}

table.clause {
    width: 100%;
    width: 100%;
    margin: 10px 0;
}

table.clause th, table.clause td {
    vertical-align: top;
    margin-bottom: 0.5em;
    padding: 0;
    text-align: justify;
}

table.clause td table th, table.clause td table td {
    text-align: left;
}

tr.clause-header {
    border-top: 4px solid black
}

tr.clause-header th {
    width: 40px;
    text-align: left;
}

tr.clause-header th, tr.clause-header td {
    font-size: 1.3em;
    font-weight: bold;
    padding: 0.5em 0;
}

.clausenonumber {
    font-size: 1.3em;
    font-weight: bold;
    padding: 0.5em 0;
}

tr.subclause th {    
    page-break-before: avoid;
    text-align: left;
}

tr.subclause td {
    page-break-before: avoid;
    margin-bottom: 0.5em;
}

span.term {
    font-weight: bold;
    display: block;
}

div.center {
    margin-bottom: 1.5em;
    text-align: center;
}

div.center p {
    text-align: center;
}

input.center {
    text-align: center;
}

span.center img {
    display: block;
    margin: 2em auto;
}

span.header {
    font-size: 1.2em;
    font-weight: bold;
    padding-right: 0.5em;
}

span.center span.header {
    font-size: 1.8em;
    padding: 0;
    display: block;
    text-align: center;
}

span.asic {
    font-size: 1.6em;
    font-weight: bold;
    display: block;
}

span.cover {
    font-size: 1.5em;
}

span.title {
    font-size: 2em;
    font-weight: bold;
    display: block;
}

span.heading {
    font-size: 2.4em;
}

span.global {
    color: red;
}

#orders td.actions a {
    white-space: nowrap;
}

#manage-bundle {
    width: 100%;
    border: 1px solid #777;
    margin-top: 1em;
}

#manage-bundle tr.modified td {
	background-color: #fbfabf;
}

#manage-bundle tr.odd.modified td {
	background-color: #DBB575;
}

#manage-bundle .bundle-document-name {
    font-weight: bold;
    margin-right: 12px;
}

#manage-bundle .bundle-document-summary {
    margin-right: 12px;
}

#manage-bundle .document-label {
    display: none;
}

#manage-bundle td {
    vertical-align: top;
    padding: 4px;
}

#manage-bundle .buttons {
    white-space: nowrap;
}

#manage-bundle .buttons input {
    width: 10em;
}

#criteria { margin-bottom: 1em; }

#orders-legend {
    border: 1px solid #777;
    background-color: #DDD;
    padding: 6px;
    display: inline;
}

#orders-legend span { padding-right: 12px; }
#orders-legend span.legend { font-weight: bold; }

td.order-date div { white-space: nowrap; }

#closed-bookkeeping-orders tr.order-month td { font-size: 1.5em; font-weight: bold; }
#closed-bookkeeping-orders col.order-month { width: 130px; }
#closed-bookkeeping-orders col.order-id { width: 70px; }
#closed-bookkeeping-orders col.order-date { width: 120px; }
#closed-bookkeeping-orders col.ordered-by { width: 180px; }
#closed-bookkeeping-orders col.order-client { width: 240px; }
#closed-bookkeeping-orders col.order-files { width: 65px; }

#open-bookkeeping-orders col.order-id { width: 70px; }
#open-bookkeeping-orders col.order-date { width: 120px; }
#open-bookkeeping-orders col.ordered-by { width: 180px; }
#open-bookkeeping-orders col.order-client { width: 240px; }
#open-bookkeeping-orders col.order-unread { width: 65px; }
#open-bookkeeping-orders col.order-files { width: 65px; }
#open-bookkeeping-orders col.order-owner { width: 80px; }
#open-bookkeeping-orders col.order-upload-date { width: 85px; }

#manageorders col.order-id { width: 70px; }
#manageorders col.order-date { width: 120px; }
#manageorders col.order-rev { width: 45px; }
#manageorders col.ordered-by { width: 145px; }
#manageorders col.order-site { width: 55px; }
#manageorders col.order-document { width: 240px; }
#manageorders col.order-owner { width: 80px; }
#manageorders col.order-name { width: 180px; }

#manageorders div.ordered-by { width: 168px; }
#manageorders div.order-document { width: 228px; }
#manageorders div.order-name { width: 188px; }

#manageorders tr.unread-messages td, span.unread-messages { color: #080; }
#manageorders tr.unattended-new td, span.unattended-new { color: #C00; }
#manageorders tr.unattended-incomplete td, span.unattended-incomplete { color: #C09; }
#manageorders tr.unattended td, span.unattended { color: #00C; }

div.content-backup { display: none; white-space: pre; }

div.document-description { margin: 1em 0; }
div.document-select { float: left; }
div.document-name { font-weight: bold; margin-left: 25px; }
div.document-summary { margin-left: 25px; }

#users div.userid { display: none; }

div.nav {
}

li {
    text-align: justify;
}

ol.aindent, ol.abc, ol.latin {
    list-style-type: lower-alpha;
}

ol.roman, ol.romanjob {
    list-style-type: lower-roman;
}

ol.upper, ol.intro {
    list-style-type: upper-alpha;
}

ol.num, ol.ordered, ol.number, ol.point, ol.boldpoint, ol.index, ol.boxpoint {
    list-style-type: decimal;
}

ol.aindent li, abc li, ol.latin li,
ol.roman li, romanjob li, ol.boxpoint li,
ol.upper li, ol.intro li,
ol.num li, ol.ordered li, ol.number li,
ol.aindent li, abc li, ol.latin li,
ol.roman li, romanjob li,
ol.upper li, ol.intro li,
ol.num li, ol.ordered li, ol.number,
ol.point li, ol.boldpoint li {
    margin: 0.5em 0;
}

.index li {
    font-weight: bold;
    margin: 2em 0;
}

ol.boldpoint {
    font-weight: bold;
}

div.keep {
    page-break-inside: avoid;
    margin-bottom: 1em;
}

body.print {
    background-color: #777;
}

div.footer-content {
    margin-top: 15em;
    text-align: center;    
}


div.footer-content p.address {
    margin-top: 10em;
    text-align: center;
}

div.footer-content p.contact-details {
    margin-top: 1em;
    text-align: center;
}

p.belowtitle {
    margin-top: 1em;
    text-align: justify;
    width: 200px;
}

.section {
    width: 680px;
    padding: 80px 80px;
    margin: 30px auto;
    background-color: white;
    page-break-before: always;
}

.section table.clause td {
    padding-left: 0;
    padding-right: 0;
}

#form-view div.section {
    margin-top: 0em;
}


tr.index-item th, tr.index-item td {
    padding: 0;
}

div.break {
    page-break-before: always;
}

@media print {
    body.print {
        background: none;
    }

    .section {
        background: none;
        margin: 24px auto;
        padding: 0;
    }
}

span.font-size-1 { font-size: 6pt; }
span.font-size-2 { font-size: 8pt; }
span.font-size-3 { font-size: 10pt; }
span.font-size-4 { font-size: 12pt; }
span.font-size-5 { font-size: 14pt; }
span.font-size-6 { font-size: 18pt; }
span.font-size-7 { font-size: 22pt; }
span.font-size-8 { font-size: 28pt; }
span.font-arial { font-family: Arial; }
span.font-courier { font-family: "Courier New"; }
span.font-times { font-family: "Times New Roman"; }
span.font-side { font-family: Arial; font-size: 10pt; display: block; }
span.font-side-bold { font-family: Arial; font-size: 14pt; font-weight: bold; display: block; }
span.font-left { text-align: left; }
span.font-center { text-align: center; }
span.font-right { text-align: right; }
span.font-justify { text-align: justify; }
div.form-view-border { border: 1px solid black; }
.form-view-border-1 { border: 0.1em solid black; }
.form-view-border-2 { border: none; border-bottom: 0.1em solid black; }
.form-view-border-3 { border: none; border-bottom: 0.1em solid black; border-top: 0.1em solid black; }
hr.thinline { border: none; width: 100%; background-color: #777; color: #777; height: 2px; }
hr.thickline { border: none; width: 100%; background-color: #777; color: #777; height: 4px; }
div.static-checkbox { display: inline-block; width: 1.1em; border: 1px solid #777; }

span.modified {
    padding-left: 12px;
    font-weight: bold;
    color: #C00;
    font-size: 1.1em;
}

span.original {
    padding-left: 12px;
    font-weight: bold;
    color: #080;
    font-size: 1.1em;
}

input.status-incomplete { border: 1px solid blue; color: blue; font-weight: bold; background-color: #CCF; }
input.status-lodged { background-color: #fbfabf; border: 1px solid #ff8c00; font-weight: bold; color: #ff8c00; }
input.status-complete { border: 1px solid #080; color: #080; font-weight: bold; background-color: #BFB; }
input.status-deleted { border: 1px solid #777; color: #777; font-weight: bold; }
input.status-unknown { border: 1px solid #0C0; color: #0C0; font-weight: bold; }

table.logo-topdown { margin: 0 auto; }
table.logo-topdown td { text-align: center; }
table.logo-topdown hr { height: 4px; color: black; background: black; border: none; }

#upload-admin tr.attention td, #upload-admin tr.attention a { color: #C00; }
#upload-admin th.center, #upload-admin td.center { text-align: center; }
#upload-admin tr.unread-messages td, #upload-admin tr.unread-messages a { color: #00C; }
#upload-buttons #lodge, #upload-buttons #complete { float: right; }
#cyba-logo { float: right; }
table.upload thead tr.template { display: none; }
table.upload td { vertical-align: middle; }
table.upload th.upload-date { width: 120px; }
table.upload th.upload-file { width: 240px; }
table.upload th.upload-type { width: 200px; }
table.upload th.upload-actions { width: 90px; }

table.signature td { padding-right: 40px; }

#contacts { width: auto; }
#contacts col.contact-category { width: 250px; }
#contacts col.contact-count { width: 80px; }
#contacts col.contact-buttons { width: 160px; }
#contacts td.padded-last { text-align: right; }

#emails col.email-field-name { width: 150px; }
#emails col.email-status { width: 60px; }
#emails col.email-actions { width: 310px; }
#emails thead tr.edit { display: none; }
#emails tr.view div.edit { display: none; }
#emails tr.edit div.view { display: none; }

#email textarea { width: 100%; }
#new-recipient { display: none; }

/* indi was here */

.pager_examples {margin: 10px 0; }
.pager_examples p { padding: 5px; margin: 0; }
.pager_examples .nav { border: 1px solid #999; padding: 5px; }
.pager_examples .nav a { padding: 0 5px; }
.pager_examples .nav a.highlight { color: #000; font-weight: bold; }

#addusers col.addusers-username { width: 150px; }
#addusers col.addusers-firstname { width: 150px; }
#addusers col.addusers-surname { width: 150px; }
#addusers col.addusers-email { width: 150px; }
#addusers col.addusers-docsafe { width: 60px; }
#addusers col.addusers-newsletter { width: 60px; }
#addusers col.addusers-actions { width: 40px; }
#addusers thead tr.edit { display: none; }
#addusers tr.view div.edit { display: none; }
#addusers tr.edit div.view { display: none; }

.btn { display: block; position: relative; background: #aaa; padding: 1px; float: left; color: #fff; text-decoration: none; cursor: pointer; }
.btn * { font-style: small; background-image: url(btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -1px;  top: 0; left: 0; width: 1px; height: 1px; }
.btn span { background-position: bottom left; left: -3px; padding: 0 0 5px 10px; margin-bottom: -3px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

.btn.blue { background: #2ae; }
.btn.green { background: #9d4; }
.btn.pink { background: #e1a; }
.btn.red { background: #FF3366; }
.btn.delete { background: #FF3366; background-image: url(/images/cross.png);}
.btn:hover { background-color: #a00; }
.btn:active { background-color: #444; }
.btn[class] {  background-image: url(/images/shade.png); background-position: bottom; }

* html .btn { border: 3px double #aaa; }
* html .btn.blue { border-color: #2ae; }
* html .btn.green { border-color: #9d4; }
* html .btn.pink { border-color: #e1a; }
* html .btn.red { border-color: #FF3366; }
* html .btn:hover { border-color: #a00; }


#wrap {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 90%;
        width: 960px;
        margin: 28px auto;}
.tabbed-box {
        width: 960px;
        background: #fff repeat-x bottom;
        border: 1px solid #ddd; }
.tabbed-box .tabs li {
        list-style: none;
        float: left; }
.tabbed-box .tabs li a {
        display: block;
        width: 118px;
        padding: 5px 0;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
        color: #888;
        background: #fff url(tabbed-tab-bg.jpg) repeat-x bottom;
        border-left: 1px solid #ddd;
        border-bottom: 1px solid #7C91B5;}
.tabbed-box .tabs li:first-child a {
        border-left: none; }
.tabbed-box .tabs li a:hover {
        color: #333; }
.tabbed-box .tabs li a:focus {
        outline: none; }
.tabbed-box .tabs li a.active {
        background: #7C91B5;
        color: #fff;
        border-bottom: 1px solid #7C91B5; }
.tabbed-content {
        padding: 3em 1em 1em 1em; }