/* themes/gate/css/ui.base.css */
/*
* 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%; }


/*
* 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://ui.jquery.com/themeroller/?tr=&ffDefault=Lucida%20Grande,%20Lucida%20Sans,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=5px&bgColorHeader=5c9ccc&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=55&borderColorHeader=4297d7&fcHeader=ffffff&iconColorHeader=d8e7f3&bgColorContent=fcfdfd&bgTextureContent=06_inset_hard.png&bgImgOpacityContent=100&borderColorContent=a6c9e2&fcContent=222222&iconColorContent=469bdd&bgColorDefault=dfeffc&bgTextureDefault=02_glass.png&bgImgOpacityDefault=85&borderColorDefault=c5dbec&fcDefault=2e6e9e&iconColorDefault=6da8d5&bgColorHover=d0e5f5&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=79b7e7&fcHover=1d5987&iconColorHover=217bc0&bgColorActive=f5f8f9&bgTextureActive=06_inset_hard.png&bgImgOpacityActive=100&borderColorActive=79b7e7&fcActive=e17009&iconColorActive=f9bd01&bgColorHighlight=fbec88&bgTextureHighlight=01_flat.png&bgImgOpacityHighlight=55&borderColorHighlight=fad42e&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-size: 1.1em;}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {font-size: 1em; }
.ui-widget-header { border: 1px solid #888; background: #999; color: #000; font-weight: bold; font-size:14px;}
/*  url('http://www.gatephotography.co.nz/themes/gate/css/../images/veryback.png') bottom left repeat-x*/
.ui-widget-header a { color: #000; }
.ui-widget-content { border: 1px solid #AAA; background: #FFF url('http://www.gatephotography.co.nz/themes/gate/css/../images/top.png') top left repeat-x; color: #000; }
/*  */
.ui-widget-content a { color: #222222; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #333; background: #FFF; font-weight: bold; color: #222; outline: none; cursor:pointer;}
.ui-state-default a { color: #222; text-decoration: none; outline: none; }
.ui-state-default:hover, .ui-widget-content:hover .ui-state-default:hover,
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, 
.ui-state-active, .ui-widget-content .ui-state-active 
{ border: 1px solid #333; background: #DDD; font-weight: bold; color: #000; outline: none; }
.ui-state-hover a, .ui-state-active a  { color: #000; text-decoration: none; outline: none; }


/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #DDD; background: #FFF url('http://www.gatephotography.co.nz/themes/gate/css/images/ui-bg_flat_55_fbec88_40x100.png') 50% 50% repeat-x; color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #FFDDDD; background: #FFF url('http://www.gatephotography.co.nz/themes/gate/css/images/ui-bg_glass_95_fef1ec_1x400.png') 50% 50% repeat-x; color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #FFDDDD; }
.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('http://www.gatephotography.co.nz/themes/gate/css/images/ui-icons_469bdd_256x240.png'); }
.ui-widget-content .ui-icon {background-image: url('http://www.gatephotography.co.nz/themes/gate/css/images/ui-icons_469bdd_256x240.png'); }
.ui-widget-header .ui-icon {background-image: url('http://www.gatephotography.co.nz/themes/gate/css/images/ui-icons_d8e7f3_256x240.png'); }
.ui-state-default .ui-icon { background-image: url('http://www.gatephotography.co.nz/themes/gate/css/images/ui-icons_217bc0_256x240.png'); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url('http://www.gatephotography.co.nz/themes/gate/css/images/ui-icons_217bc0_256x240.png'); }
.ui-state-active .ui-icon {background-image: url('http://www.gatephotography.co.nz/themes/gate/css/images/ui-icons_217bc0_256x240.png'); }
.ui-state-highlight .ui-icon {background-image: url('http://www.gatephotography.co.nz/themes/gate/css/images/ui-icons_2e83ff_256x240.png'); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url('http://www.gatephotography.co.nz/themes/gate/css/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-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: 3px; -webkit-border-top-left-radius: 3px; }
.ui-corner-tr { -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; }
.ui-corner-br { -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; }
.ui-corner-top { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; }
.ui-corner-right {  -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; }
.ui-corner-left { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; }
.ui-corner-all { -moz-border-radius: 3px; -webkit-border-radius: 3px; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa url('http://www.gatephotography.co.nz/themes/gate/css/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('http://www.gatephotography.co.nz/themes/gate/css/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; }
/* 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 { 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 .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; 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:left; 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*/
}
/* Dialog
----------------------------------*/
.ui-dialog { position: relative; padding: .2em; width: 300px; }
.ui-dialog .ui-dialog-titlebar { padding: 2px 10px 2px 10px; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } 
.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; }
.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; }
/* Progressbar
----------------------------------*/
.ui-progressbar { height:2em; text-align: left; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }
/* 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: 0px; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; 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;}
/* Tabs
----------------------------------*/
.ui-tabs {padding: .2em;}
.ui-tabs .ui-tabs-nav { padding: .2em .2em 0 .2em;  position: relative; }
.ui-tabs .ui-tabs-nav li { float: left; border-bottom: 0 !important; margin: 0 .2em -1px 0; padding: 0; list-style: none; }
.ui-tabs .ui-tabs-nav li a { display:block; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {  padding-bottom: .1em; border-bottom: 0; }
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em;  display: block; border: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
 
/* themes/gate/css/gallery.common.css */
/**
 * Gallery 3 commonly re-used screen styles
 *
 * Sheet organization:
 *
 *  1)  Text
 *  2)  Forms
 *  3)  Dimension and scale
 *  4)  States and interactions
 *  5)  Positioning and order
 *  6)  Containers/widgets
 *  7)  Right to left language styles
 *
 *  @todo Update .g-message-block, don't force it to 100%, bad things happen is themes when you do.
 */

/** *******************************************************************
 * 1) Text
 **********************************************************************/

.g-text-small {
  font-size: .8em;
}

.g-text-big {
  font-size: 1.2em;
}

.g-text-right {
  text-align: right;
}

/** *******************************************************************
 * 2) Forms
 **********************************************************************/

form {
  margin: 0;
}

fieldset {
  border: none;
  padding: 0 1em .8em 1em;
}

#g-banner fieldset,
#g-sidebar fieldset {
  border: none;
  padding: 0;
}

legend {
  font-weight: bold;
  margin: 0;
  padding: 0 .2em;
}

#g-banner legend,
#g-sidebar legend,
input[type="hidden"] {
  display: none;
}

input.textbox,
input[type="text"],
input[type="password"],
textarea {
  border: 1px solid #555;
  clear: both;
  background-color:#FFF;
  color: #000;
  width: 50%;
}

select {
  background-color:#FFF;
  color: #000;
}

textarea {
  height: 12em;
  width: 97%;
}

input:focus,
input.textbox:focus,
input[type=text]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus,
option:focus {
  background-color: #FFF;
  color: #000;
  border: 1px solid #000;
}

input.checkbox,
input[type=checkbox],
input.radio,
input[type=radio] {
  float: left;
  margin-right: .4em;
}

/* Form layout ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

form li {
  margin: 0;
  padding: 0 0 .2em 0;
}

form ul {
  margin-top: 0;
}

form ul ul {
  clear: both;
}

form ul ul li {
  float: left;
}

input,
select,
textarea {
  display: block;
  clear: both;
  padding: .2em;
}

input[type="submit"],
input[type="reset"] {
  display: inline;
  clear: none;
  float: left;
}

/* Forms in dialogs and panels ~~~~~~~~~ */

#g-dialog ul li {
  padding-bottom: .8em;
}

#g-dialog fieldset,
#g-panel fieldset {
  border: none;
  padding: 0;
}

#g-panel legend {
  display: none;
}

input[readonly] {
  background-color: #F4F4FC;
}

#g-dialog input.textbox,
#g-dialog input[type=text],
#g-dialog input[type=password],
#g-dialog textarea {
  width: 97%;
}

/* Short forms ~~~~~~~~~~~~~~~~~~~~~~~ */

.g-short-form legend,
.g-short-form label {
  display: none;
}

.g-short-form fieldset {
  border: none;
  padding: 0;
}

.g-short-form li {
  float: left;
  margin: 0 !important;
  padding: .4em 0;
}

.g-short-form .textbox,
.g-short-form input[type=text] {
  color: #666;
  padding: .3em .6em;
  width: 100%;
}

.g-short-form .textbox.g-error {
  border: 1px solid #f00;
  color: #f00;
  padding-left: 24px;
}

.g-short-form .g-cancel {
  display: block;
  margin: .3em .8em;
}

#g-sidebar .g-short-form li {
  padding-left: 0;
  padding-right: 0;
}

/** *******************************************************************
 * 3) Dimension and scale
 **********************************************************************/

.g-one-quarter {
  width: 25%;
}

.g-one-third {
  width: 33%;
}

.g-one-half {
  width: 50%;
}

.g-two-thirds {
  width: 66%;
}

.g-three-quarters {
  width: 75%;
}

.g-whole {
  width: 100%;
}

/** *******************************************************************
 * 4) States and interactions
 **********************************************************************/

.g-active,
.g-enabled,
.g-available,
.g-selected,
.g-highlight {
  font-weight: bold;
}

.g-inactive,
.g-disabled,
.g-unavailable,
.g-uneditable,
.g-locked,
.g-deselected,
.g-understate {
  color: #ccc;
  font-weight: normal;
}

.g-editable {
  padding: .2em .3em;
}

.g-editable:hover {
  background-color: #ffc;
  cursor: text;
}

.g-error,
.g-info,
.g-success,
.g-warning {
  padding-left: 30px;
}

form li.g-error,
form li.g-info,
form li.g-success,
form li.g-warning {
  background-image: none;
  padding: .3em .8em .3em 0;
}

.g-short-form li.g-error {
  padding: .3em 0 .3em 0;
}

form.g-error input[type="text"],
li.g-error input[type="text"],
form.g-error input[type="password"],
li.g-error input[type="password"],
form.g-error input[type="checkbox"],
li.g-error input[type="checkbox"],
form.g-error input[type="radio"],
li.g-error input[type="radio"],
form.g-error textarea,
li.g-error textarea,
form.g-error select,
li.g-error select {
  border: 2px solid #f00;
  margin-bottom: .2em;
}

.g-error,
.g-denied,
tr.g-error td.g-error {
  background: #f6cbca url('http://www.gatephotography.co.nz/themes/gate/css/images/ico-error.png') no-repeat .4em 50%;
  color: #f00;
}

.g-info {
  background: #e8e8e8 url('http://www.gatephotography.co.nz/themes/gate/css/images/ico-info.png') no-repeat .4em 50%;
}

.g-success,
.g-allowed {
  background: #d9efc2 url('http://www.gatephotography.co.nz/themes/gate/css/images/ico-success.png') no-repeat .4em 50%;
}

tr.g-success {
	background-image: none;
}

tr.g-success td.g-success {
	background-image: url('http://www.gatephotography.co.nz/themes/gate/css/images/ico-success.png');
}

.g-warning,
tr.g-warning td.g-warning {
  background: #fcf9ce url('http://www.gatephotography.co.nz/themes/gate/css/images/ico-warning.png') no-repeat .4em 50%;
}

form .g-error {
	background-color: inherit;
  padding-left: 20px;
}

.g-open {
}

.g-closed {
}

.g-installed {
  background-color: #eeeeee;
}

.g-default {
	background-color: #c5dbec;
	font-weight: bold;
}

.g-draggable {
  cursor: move;
}

.g-draggable:hover {
  border: 1px dashed #000;
}

.ui-sortable .g-target,
.ui-state-highlight {
  background-color: #fcf9ce;
  border: 2px dotted #999;
  height: 2em;
  margin: 1em 0;
}

/* Ajax loading indicator ~~~~~~~~~~~~~~~~ */

.g-loading-large,
.g-dialog-loading-large {
  background: #e8e8e8 url('http://www.gatephotography.co.nz/themes/gate/css/images/loading-large.gif') no-repeat center center;
  font-size: 0;
}

.g-loading-small {
  background: #e8e8e8 url('http://www.gatephotography.co.nz/themes/gate/css/images/loading-small.gif') no-repeat center center;
  font-size: 0;
}

/** *******************************************************************
 * 5) Positioning and order
 **********************************************************************/

.g-left {
  clear: none;
  float: left;
}

.g-right {
  clear: none;
  float: right;
}

.g-first {
}

.g-last {
}

.g-even {
  background-color: #fff;
}

.g-odd {
  background-color: #eee;
}

/** *******************************************************************
 * 6) Containers/widgets
 **********************************************************************/

/* Generic block container ~~~~~~~~~~~~~~~ */

.g-block {
  clear: both;
  margin-bottom: 2.5em;
}

.g-block-content {
}

/* Superfish menu overrides ~~~~~~~~~~~~~~ */

.sf-menu ul {
	width: 12em;
}

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:	12em;
}

ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left: 12em;
}

/* jQuery UI Dialog ~~~~~~~~~~~~~~~~~~~~~~ */

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

/* Buttons ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.g-button {
  display: inline-block;
  margin: 0 4px 0 0;
  padding: 1px 4px;
}

.g-button,
.g-button:hover,
.g-button:active {
  cursor: pointer !important;
  outline: 0;
  text-decoration: none;
  -moz-outline-style: none;
}

/* jQuery UI ThemeRoller buttons ~~~~~~~~~ */

.g-buttonset {
  padding-left: 1px;
}

.g-buttonset li {
  float: left;
}

.g-buttonset .g-button {
  margin: 0;
}

.ui-icon-left .ui-icon {
  float: left;
  margin-right: .2em;
}

.ui-icon-right .ui-icon {
  float: right;
  margin-left: .2em;
}

/* Rotate icon, ThemeRoller only provides one of these */

.ui-icon-rotate-ccw {
  background-position: -192px -64px;
}

.ui-icon-rotate-cw {
  background-position: -208px -64px;
}

.g-progress-bar {
  height: 1em;
  width: 100%;
  margin-top: .5em;
  display: inline-block;
}

/* Status and validation messages ~~~~ */

.g-message-block {
  background-position: .4em .3em;
  border: 1px solid #ccc;
  padding: 0;
}

#g-action-status {
  margin-bottom: 1em;
}

#g-action-status li,
p#g-action-status,
div#g-action-status {
  padding: .3em .3em .3em 30px;
}

#g-site-status li {
  border-bottom: 1px solid #ccc;
  padding: .3em .3em .3em 30px;
}

.g-module-status {
  clear: both;
  margin-bottom: 1em;
}

.g-message {
  background-position: 0 50%;
}

/* Breadcrumbs ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.g-breadcrumbs {
  clear: both;
  padding: 0 20px;
}

.g-breadcrumbs li {
  background: transparent url('http://www.gatephotography.co.nz/themes/gate/css/images/ico-separator.gif') no-repeat scroll left center;
  float: left;
  padding: 1em 8px 1em 18px;
}

.g-breadcrumbs .g-first {
  background: none;
  padding-left: 0;
}

.g-breadcrumbs li a,
.g-breadcrumbs li span {
  display: block;
}

#g-dialog ul.g-breadcrumbs {
  margin-left: 0;
  padding-left: 0;
}

/* Pagination ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.g-paginator {
  padding: .2em 0;
  width: 100%;
}

.g-paginator li {
  float: left;
  width: 30%;
}

.g-paginator .g-info {
  background: none;
  padding: .2em 0;
  text-align: center;
  width: 40%;
}

/* Dialogs and panels ~~~~~~~~~~~~~~~~~~ */

#g-dialog {
  text-align: left;
  font-size:12px;
}

#g-dialog legend {
  display: none;
}

#g-dialog .g-cancel {
  margin: .4em 1em;
}

#g-panel {
  display: none;
  padding: 1em;
}

/* Inline layout  ~~~~~~~~~~ */

.g-inline li {
  float: left;
  margin-left: 1.8em;
  padding-left: 0 !important;
}

.g-inline li.g-first {
  margin-left: 0;
}

/* Simple uploader ~~~~~~~~~~~~~~~~~~~~~~~ */

#g-add-photos-canvas {
  border: 1px solid  #ccc;
  height: 200px;
  margin: .5em 0;
  overflow: auto;
  width: 469px;
}

#g-add-photos-status {
  border: 1px solid  #ccc;
  height: 125px;
  margin: .5em 0;
  overflow: auto;
  width: 469px;
}

#g-add-photos button {
  float: right;
  margin-bottom: .5em;
  margin-left: .5em;
}

#g-add-photos-status li {
  text-align: left;
  padding-left: 2em;
}

#g-add-photos-status li.g-success {
  background: #d9efc2  url('http://www.gatephotography.co.nz/themes/gate/css/images/ico-success.png') no-repeat .4em 50%;
  width: 429px;
}

#g-add-photos-status li.g-error {
  background: #f6cbca url('http://www.gatephotography.co.nz/themes/gate/css/images/ico-error.png') no-repeat .4em 50%;
  width: 429px;
/*  color: #f00;*/
}

#g-add-photos-button {
  background: #DFEFFC;
  border: 1px solid #C5DBEC;
  color: #2E6E9E
}

#g-add-photos p {
  margin: 0
}

#g-add-photos .g-breadcrumbs li {
  padding-top: .5em;
}

/** *******************************************************************
 * 7) Right to left language styles
 **********************************************************************/

.rtl {
  direction: rtl;
}

.rtl #g-header,
.rtl #g-content,
.rtl #g-sidebar,
.rtl #g-footer,
.rtl caption,
.rtl th,
.rtl #g-dialog,
.rtl .g-context-menu li a,
.rtl .g-message-box li,
.rtl #g-site-status li {
  text-align: right;
}

.rtl .g-text-right {
  text-align: left;
}

.rtl .g-error,
.rtl .g-info,
.rtl .g-success,
.rtl .g-warning {
  background-position: center right;
  padding-right: 30px !important;
}

.rtl form li.g-error,
.rtl form li.g-info,
.rtl form li.g-success,
.rtl form li.g-warning {
  padding-right: 0 !important;
}

.rtl .g-left,
.rtl .g-inline li,
.rtl #g-content #g-album-grid .g-item,
.rtl .sf-menu li,
.rtl .g-breadcrumbs li,
.rtl .g-paginator li,
.rtl .g-buttonset li,
.rtl .ui-icon-left .ui-icon,
.rtl .g-short-form li,
.rtl form ul ul li,
.rtl input[type="submit"],
.rtl input[type="reset"],
.rtl input.checkbox,
.rtl input[type=checkbox],
.rtl input.radio,
.rtl input[type=radio] {
  float: right;
}

.rtl .g-right,
.rtl .ui-icon-right .ui-icon {
  float: left;
}

.rtl .g-inline li {
  margin-right: 1em;
}

.rtl .g-inline li.g-first {
  margin-right: 0;
}

.rtl .g-breadcrumbs li {
  background: transparent url('http://www.gatephotography.co.nz/themes/gate/css/images/ico-separator-rtl.gif') no-repeat scroll right center;
  padding: 1em 18px 1em 8px;
}

.rtl .g-breadcrumbs .g-first {
  background: none;
  padding-right: 0;
}

.rtl input.checkbox {
  margin-right: .4em;
}

.rtl #g-admin-comment-button {
  right: inherit;
  left: 0;
}

/* RTL Superfish ~~~~~~~~~~~~~~~~~~~~~~~~~ */

.rtl .sf-menu a {
  border-left: none;
	border-right:1px solid #fff;
}

.rtl .sf-menu a.sf-with-ul {
	padding-left: 2.25em;
	padding-right: 1em;
}

.rtl .sf-sub-indicator {
	left: .75em !important;
  right: auto;
	background: url('http://www.gatephotography.co.nz/themes/gate/css/superfish/images/arrows-ffffff-rtl.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
.rtl a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: -10px -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
.rtl a:focus > .sf-sub-indicator,
.rtl a:hover > .sf-sub-indicator,
.rtl a:active > .sf-sub-indicator,
.rtl li:hover > a > .sf-sub-indicator,
.rtl li.sfHover > a > .sf-sub-indicator {
	background-position: 0 -100px; /* arrow hovers for modern browsers*/
}

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

.rtl .sf-menu li:hover ul,
.rtl .sf-menu li.sfHover ul {
	right: 0;
}

.rtl ul.sf-menu li li:hover ul,
.rtl ul.sf-menu li li.sfHover ul {
	right:	12em; /* match ul width */
}
.rtl ul.sf-menu li li li:hover ul,
.rtl ul.sf-menu li li li.sfHover ul {
	right:	12em; /* match ul width */
}

/*** shadows for all but IE6 ***/
.rtl .sf-shadow ul {
	background:	url('http://www.gatephotography.co.nz/themes/gate/css/superfish/images/shadow.png') no-repeat bottom left;
	padding: 0 0 9px 8px;
	-moz-border-radius-bottomright: 17px;
	-moz-border-radius-topleft: 17px;
	-webkit-border-top-left-radius: 17px;
	-webkit-border-bottom-right-radius: 17px;
}

/* RTL paginator ~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.rtl .g-paginator .g-info {
  width: 35%;
}

.rtl .g-paginator .g-text-right {
  margin-left: 0;
}

.rtl .g-paginator .ui-icon-seek-end {
  background-position: -80px -160px;
}

.rtl .g-paginator .ui-icon-seek-next {
  background-position: -48px -160px;
}

.rtl .g-paginator .ui-icon-seek-prev {
  background-position: -32px -160px;
}

.rtl .g-paginator .ui-icon-seek-first {
  background-position: -64px -160px;
}

/* themes/gate/css/style.css */
* {padding:0; margin:0; font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; }
html, body {background-color:#FFF;
  text-align:left; min-width: 800px; font-size:12px;
  background-image: url('http://www.gatephotography.co.nz/themes/gate/css/../images/top.png');
  background-repeat: repeat-x;
}
ul {list-style: none;}
a {outline:none;color:#444;}
a img {border-style:none;}
a:hover{color:#000;}
a:active{color:#000;}

#all {width: 740px; padding-top:20px; margin:0 auto 0 auto; color: #FFF}
#main {border:1px solid #000; background-color:#FFF; height: 520px; position: relative; color:#000;}
#noscript {font-family: verdana, helvetica, arial;font-size: 18px;text-align:left;font-weight: bold; color:#000; text-align:center; margin: 20px auto 0 auto; width:440px;}

#top {font-family: verdana, helvetica, arial;font-size: 12px; color:#000;position:relative; text-align:left; padding: 0 10px 5px 10px; height:1em;}
#top a{font-family: verdana, helvetica, arial;}
#g-login-menu {position: absolute; top:0; right:10px; text-align:right;}
#g-login-menu li{float:left; padding-left:10px;}
#logo {margin-top:50px;}

#boxes {position:absolute; top: 180px; left:0px;margin: 0 30px 0 30px;}
#boxes a{position:absolute; display: block; width:100px; height:150px; top:29px}
#wedbox {left: 30px;}
#eventbox {left: 196px;}
#fashionbox {left: 362px;}
#combox {left: 526px;}
#ablink {position:absolute; display: block; top:50px; left:269px; width:200px; height:100px; outline:none; border:0px;} 


.highlight{display:none; border-width:0px; position:absolute;}
a:hover .highlight, a:active .highlight{display:block !important}

#wedbox .highlight{top:71px; left:-33px;}
#eventbox .highlight{top:107px; left:-6px;}
#fashionbox .highlight{top:93px; left:-43px;}
#combox  .highlight{top:100px; left:-28px;}


#footer {padding:5px 10px 10px 0; font-family: verdana, helvetica, arial;font-size: 12px; color:#000; text-align:right;}

#linkviewo {overflow:hidden; position: absolute; position:absolute; left: 0px; top: 350px; width: 738px; height:180px;}
#linkview {position:absolute; margin: 0 auto 0 auto; width:1000px; top: 70px; left:-130px; }
.linkitem {font-family: verdana, helvetica, arial;font-size: 40px; left:0; top:0; position:absolute;color:#222; text-align:center; margin: 0 auto 0 auto; width:1000px; height: 200px; overflow:hidden; display: block}

#info {color: #222; font-family: verdana, helvetica, arial;font-size: 11px;padding:10px; width:380px; text-align:justify; display: block; position: absolute; top:400px; left:170px; }
#info a {color: #222;}
#info a:hover {color: #000;}
#info a:active {color: #000;}

#wings {position:absolute; left:-67px; top:0; width:63px; text-align: left; overflow:hidden; padding: 2px;}
#wings a{border-color: #000;  display:block; text-decoration:none;width:50px; height: 50px;overflow:hidden;}
.nonchosenwing {border-width: 1px; border-style: solid; margin:10px 2px 2px 2px; }
#wings a img{outline:none; width:50px; height: 50px;}
#wings a:hover, .chosenwing{border-style: double; border-width:3px; margin:8px 0px -2px 0px; }

.contactlink{float:left;font-family: verdana, helvetica, arial;font-size: 12px; color:#000;}

.loading {position: absolute; width:50px; height: 50px; background:url('http://www.gatephotography.co.nz/themes/gate/css/../images/loading.gif') no-repeat 0px 0px;}

.backfade {background-color:#000; position:absolute; top: 0px; left: 0px; width:100%; height: 100%;}

.g-button-link {
  display: inline-block;
  margin: 0 4px 0 0;
  padding: .2em .4em;
  outline: 0;
  border: 1px solid #666; 
  background-color: #EEE; 
  outline: none; 
  padding:1px 2px 1px 2px; 
  text-decoration:none; 
  cursor: pointer;
}
.g-button-link,
.g-button-link:hover,
.g-button-link:active{
  color: #000 !important;
  cursor: pointer !important;
  text-decoration: none;
  -moz-outline-style: none;
}

.g-button-link:hover,
.g-button-link:active
{
border: 1px solid #000; background-color: #FFF
}
/* themes/gate/css/gallery.css */
.galleria{list-style:none;}
#wrapper{position:relative; overflow: hidden; width:738px;}
#caption{display:block; color:#FFF; background-color: #000; padding: 2px 10px 2px 10px; position: absolute; top:-30px ; width : auto; font-family: verdana, helvetica, arial; font-size: 15px;  border:2px solid #888;}
.galleria li{display:block;width:50px;height:50px;overflow:hidden;border:1px solid #000; margin-top: 10px; margin-left: 10px; cursor: pointer;}
.galleria li{*margin-top:7px;}
.galleria li:hover, .galleria .active{border:3px double #000; margin: 8px -2px -2px 8px;}
.galleria li:hover, .galleria .active{*margin: 5px -2px -2px 8px; }

.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:240px}
.galleria li div img{}
.galleria li img.thumb{top:auto;left:auto;display:block;width:auto;height:auto}
.galleryouter {position:absolute; top:0; right:-130px; margin:0 auto 0 auto; width:130px; height:500px; overflow: hidden;}
.gallery {width:2000px;}

.gallery ul {margin:0; float:left; }
#main_image{margin:0px auto 0 auto; position:relative; height:520px;width:738px; padding: 0; text-align:center; background-color:#000;}
#main_image img {margin: auto; position:absolute; border: #FFF solid 10px;}

#loading {color:#FFF; position: absolute; width:auto; font-family: verdana, helvetica, arial; font-size:12px;top:50px; left:290px;}
#gal_control {position:absolute; bottom:-45px; border:2px solid #888; padding: 2px 3px 2px 3px; left: 290px; background-color: #000; width: 160px; height: 32px;}
#gal_control a {width: 32px; height:32px; background-image: url('http://www.gatephotography.co.nz/themes/gate/css/../images/gallery-control2.png'); display:block; float: left;}
#gcfirst {background-position: 0 0;}
#gcprev {background-position: -32px 0;}
#gcpause {background-position: -64px 0;}
#gcplay {background-position: -96px 0;}
#gcnext {background-position: -128px 0;}
#gclast {background-position: -160px 0;}
#gcfirst:hover {background-position: 0 -32px;}
#gcprev:hover {background-position: -32px -32px;}
#gcpause:hover {background-position: -64px -32px;}
#gcplay:hover {background-position: -96px -32px;}
#gcnext:hover {background-position: -128px -32px;}
#gclast:hover {background-position: -160px -32px;}

#albums {position:absolute; top:70px; left:-180px; margin:0 auto 0 auto; width:160px; height:500px; text-align:right; padding: 10px; }
#albums a{ font-family: verdana, helvetica, arial; font-size: 13px; color: #666; text-decoration:none;}
#albums a:hover{ color: #FFF;}
#albums a:active{ color: #FFF;}

#ialbums {position: absolute; text-align:center; top:70px; left: 90px; width: 180px; height: 360px;}
#iatitle {border-style: solid; border-width: 0 0 1px 0; border-color: #666; padding:0 0 10px 0; text-align:center; font-family: verdana, helvetica, arial; font-size: 24px; color: #000; text-decoration:none; margin-bottom:10px;}

.bAlbum {padding:0;}
#ialbums a{font-family: verdana, helvetica, arial; font-size: 14px; color: #666; text-decoration:none;}
#ialbums a:hover{ color: #000;}
#ialbums a:active{ color: #000;}

.athumb {position:absolute; top: 108px; right:105px; height: 285px; width:235px; display: table;}
.athumbi {#position:absolute; #top: 50%; left: 0px; width:235px;display: table-cell; vertical-align: middle;}
.athumbii {#position:relative; #top: -50%; left: 0px; width:235px; text-align:center;  font-family: verdana, helvetica, arial; font-size: 16px; color: #000;}
#athumb img{border: #000 solid 1px;}

#move {position:absolute; bottom:20px; right:-98px; margin:0 auto 0 auto; width:60px; height:20px; }
#move a{ font-family: verdana, helvetica, arial; font-size: 50px; color: #333; text-decoration:none;}
#move a:hover{ color: #000;}
#move a:active{ color: #000;}
#nextcol {position:absolute; top:0px; right: 0px; display: block;}
#prevcol {position:absolute; top:0px; left: 0px; display: block;}

* html .galleria li div span{width:400px} /* MSIE bug */


/* modules/contact/css/contact.css */
.textinput {color: #000; padding: 1px;}
#mail input {width: 70%; margin: 0 -3px 0 0; clear:none;}
#msg textarea {width: 100%; margin: 1px 0 0 0; height:160px;}
#msg label {font-family: verdana, helvetica, arial;font-size: 12px;clear:left; display:block; float:left; width:20%; text-align:right; color:#000; margin:0; padding:0;}
#mail {position: relative;  margin: 30px auto 0 100px; }
#mailback {position: absolute; top:0; left: 0; border: solid 1px #888; z-index: 0;}
.mailw {width: 400px; height: 270px;}

#msg {position: absolute; left:10px; top:10px; width: 93%;}
#msg a {position: absolute; right: 10px; bottom: -28px; font-family: verdana, helvetica, arial;font-size: 12px; border: solid 1px #333; background-color: #FFF; color: #222; text-decoration: none; padding: 4px; }
#msg a:hover {background-color: #DDD; color: #000;}
#msg a:active {background-color: #DDD; color: #000;}
.mtext {position: absolute; left:0; top:100px; width: 100%; font-family: verdana, helvetica, arial;font-size: 15px; text-align:center; }

#caddress{position:absolute; left: 65px; top: 370px;font-family: verdana, helvetica, arial;font-size: 14px;text-align:left;} 
#cphone{position:absolute; left: 270px; top: 370px;font-family: verdana, helvetica, arial;font-size: 14px; text-align:left;} 
#mailheading{font-family: verdana, helvetica, arial;font-size: 14px; margin: 20px 0 0 50px;text-align:left;}

#about{font-family: verdana, helvetica, arial;font-size: 14px; margin: 30px 50px 50px 50px;text-align:left;}
#about img{margin: 0 auto 5px auto; display:block;}
/* lib/uploadify/uploadify.css */
/*
Uploadify v2.1.0
Release Date: August 24, 2009

Copyright (c) 2009 Ronnie Garcia, Travis Nickels

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.
*/
.uploadifyQueueItem {
	font: 11px Verdana, Geneva, sans-serif;
	border: 2px solid #E5E5E5;
	background-color: #F5F5F5;
	margin-top: 5px;
	padding: 10px;
	width: auto;
}
.uploadifyError {
	border: 2px solid #FBCBBC !important;
	background-color: #FDE5DD !important;
}
.uploadifyQueueItem .cancel {
	float: right;
}
.uploadifyProgress {
	background-color: #FFFFFF;
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
	border-right: 1px solid #C5C5C5;
	border-bottom: 1px solid #C5C5C5;
	margin-top: 10px;
	width: 100%;
}
.uploadifyProgressBar {
	background-color: #0099FF;
	width: 1px;
	height: 3px;
}

/* modules/user/css/user.css */
/* User- and group-related form width ~~~~ */

#g-login-form,
#g-add-user-form
#g-edit-user-form,
#g-delete-user-form,
#g-user-admin {
  width: 270px;
}

/* User/group admin ~~~~~~~~~~~~~~~~~~~~~~ */

#g-user-admin {
  width: auto;
}

#g-group-admin {
}

#g-user-admin-list .g-admin {
  color: #55f;
  font-weight: bold;
}

.g-group {
  display: block;
  border: 1px solid #999;
  margin: 0 1em 1em 0;
  padding: 0;
  width: 200px;
}

.g-group h4 {
  background-color: #eee;
  border-bottom: 1px dashed #ccc;
  padding: .5em 0 .5em .5em;
}

.g-group .g-button {
  padding: 0;
}

.g-group .g-member-list,
.g-group div {
  height: 180px;
  margin: 1px;
  overflow: auto;
}

.g-group p {
  margin-top: 1em;
  padding: .5em;
  text-align: center;
}

.g-group .g-user {
  padding: .2em 0 0 .5em;
}

.g-group .g-user .g-button {
  vertical-align: middle;
}

.g-default-group h4,
.g-default-group .g-user {
  color: #999;
}

.g-group.ui-droppable {
  padding: 0 !important;
}

/* Password strength meter ~~~~~~~~~~~~~~~ */

.g-password-strength0 {
  background: url('http://www.gatephotography.co.nz/modules/user/css/../images/progressImg1.png') no-repeat 0 0;
  width: 138px;
  height: 7px;
}

.g-password-strength10 {
  background-position:0 -7px;
}

.g-password-strength20 {
  background-position:0 -14px;
}

.g-password-strength30 {
  background-position:0 -21px;
}

.g-password-strength40 {
  background-position:0 -28px;
}

.g-password-strength50 {
  background-position:0 -35px;
}

.g-password-strength60 {
  background-position:0 -42px;
}

.g-password-strength70 {
  background-position:0 -49px;
}

.g-password-strength80 {
  background-position:0 -56px;
}

.g-password-strength90 {
  background-position:0 -63px;
}

.g-password-strength100 {
  background-position:0 -70px;
}

/* themes/gate/css/basket.css */
#basket {position: absolute; top: 480px; left: -60px; text-align: center; width:50px;}
#basket a{text-decoration:none;}
#add_to_basket {background-color: #000; position: absolute; padding: 2px 10px 2px 10px; bottom: 26px; left: -150px; color: #AAA; border:2px solid #888; font-family: verdana, helvetica, arial;}
#add_to_basket a {color: #AAA; text-decoration:none;}
#add_to_basket a:hover, #add_to_basket a:active{color: #FFF;}

#basketForm {float:left;}
#basketThumb {padding:10px; float:left;}

.ui-icon { width: 16px; height: 16px; background-image: url('http://www.gatephotography.co.nz/themes/gate/css/../images/ui-icons.png'); }

.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-trash { background-position: -176px -96px; }

.ui-icon-left .ui-icon {
  float: left;
  margin-right: .2em;
}

.ui-icon-right .ui-icon {
  float: right;
  margin-left: .2em;
}

.gBlock {padding:20px; font-family: verdana, helvetica, arial;font-size: 14px; text-align:left}

.gBlockContent {padding: 0;}

#gBasketList {margin: 0 auto 0 auto;}

.gBlock h2 {font-size:20px; margin: 10px 0 0 0;} 

.gOddRow {
  background-color: #eee;
}

.gEvenRow {
  background-color: #fff;
}

p {margin: 0 0 10px 0;}

/* Form layout ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#checkout li {
  margin: 0 !important;
  padding: .3em 1.5em .3em 1em;
}

#checkout ul ul {
  clear: both;
}

#checkout ul ul li {
  float: left;
}

#checkout legend {
  font-weight: bold;
  margin-left: 1em;
}

#checkout fieldset {
  padding-bottom: .8em;
}

#checkout input,
#checkout select,
#checkout textarea {
  display: block;
  clear: both;
  padding: .2em;
  width: 100%;
}


#payment {width:350px; float:right; }
#checkout {width:250px;  }

div>#payment {width:470px; padding-right:10px; margin:0; }
div>#checkout {width:250px; padding:0; margin:0; float:left;}

#b-complete{ padding:30px; }

.basketbuttons {height:20px; margin: 10px;}
.scrollable {margin-top:50px; height:400px; overflow-x: visable; overflow-y:auto;}
.scrollables {height:250px; overflow-x: visable; overflow-y:auto;}
.right {float:right;}
.left {float:left;}
table {border-collapse:collapse;}
th,
td {
  border: none;
  border-bottom: 1px solid #ccc;
  padding: .5em;
  vertical-align: top;
}