@charset "UTF-8";

/*******************************************************************************
*  skidoo_redux.css : 2008.09.30 : ruthsarian@gmail.com
* -----------------------------------------------------------------------------
*  Skidoo is a three-column, float-based layout utilizing negative margins to
*  provide column placement and cross-browser compatibility. There have been
*  several incarnations of this layout: original skidoo, skidoo too, and now
*  skidoo redux. This is the latest, most compatble and up-to-date version of
*  the skidoo layout available. It is recommended you use this layout and not
*  an older version of skidoo.
*
*  This layout is not for the faint of heart. Beginners will have problems
*  understanding the nuances, but through a little experimentation of different
*  variables, should be able to gain an understanding of what does what. For
*  experienced developers this is best served as a reference tool, explaining
*  what bugs are experienced on what browsing platforms for this and similar
*  layouts. It could be used as a map in working your way through bugs that
*  exist in your own layout.
*
*  DISCUSSION TOPICS
*    - why left/right margins need (semi-)static widths (ie. no percentages)
*    - setting width of left/right columns
*    - why columns drop
*    - a general overview of float-based layouts and why they're "funny"
*
* ------------------------------------------------------------------------------
*  This stylesheet is released into the public domain.
*******************************************************************************/

/*******************************************************************************
 * EXTERNAL STYLESHEETS
 *
 * visual_consistencies.css
 *   - sets margins and padding on generic HTML elements so that every browsers
 *     has the same values rather than relying on the default values which vary
 *     between browsers
 */
/* included differently @import "utility/visual_consistencies.css"; */


/*******************************************************************************
 * BASIC LAYOUT MECHANICS
 *
 * GENERAL NOTES
 *   - yes, that's a lot of DIVs for a three-column layout. there is a reason
 *     it all. first, all the columns must be floated to prevent a 3-pixel text
 *     jog (a bug) that IE/Win 6 and earlier have. I can't use CSS hacks around
 *     this one and need the extra markup. But using all floats can have
 *     positive consequences, especially when using floated elements that need
 *     to be cleared, but without clearing the other columns of the layout.
 *   - NEGATIVE MARGINS is an approach to the three-column CSS layout that seems
 *     to have the most compatibility and potential. the real strength of this
 *     idea is to have the ability to provide different colors (or images) as
 *     the background for each column. traditional three-column layouts can't
 *     do this because the columns are only as tall as needed to fit their
 *     content. in other words they don't run the full height of the layout.
 *     negative margins gives us a means to fake this functionality. borders
 *     (or padding, or margins) applied on #outer-column-container reserve the
 *     space where the left and right columns will live. all three columns are
 *     floated. since the columns are cleared inside #inner-column-container,
 *     #inner-column-container (and #outer-column-container) will be as tall as
 *     the tallest of the three columns. this means the borders will also be
 *     this tall, giving the visual appearance that all three columns are the
 *     same height.
 *
 * #page-container
 *   - wraps the entire page. use this to set min/max widths and set any margins
 *     or border that wraps the whole layout.
 *
 * #outer-column-container
 *   - reserves space for the left and right columns. using borders allows you
 *     to use the border color to act as the background color for the left and
 *     right columns. background color could then act as the background of the
 *     middle column.
 *
 * #inner-column-container
 *   - provides the single-pixel black border between the middle column and
 *     its outside brothers.
 *
 * #source-order-container
 *   - source ordered layouts place the main content at the top of the page. to
 *     do this with CSS in a three-column layout you need to wrap two of the
 *     three columns in an element (DIV) to float them together as if it was a
 *     a single column.
 *   - this element contains both the #middle-column and #left-column elements.
 *
 * #middle-column, #left-column, #right-column
 *   - containers for the each of the three columns in the layout
 *
 * #footer
 *   - bottom of your webpage. a place to put copyright and contact information
 *
 * .clear-columns
 *   - this class is assigned to an empty div placed after the last (floating)
 *     column inside a block that contains two or more floating columns. it
 *     clears the floats, forcing the element containing the columns to
 *     visually contain all of its columns. there are alternative approaches
 *     to clearing which do not require this extra markup (see
 *     http://www.positioniseverything.net/easyclearing.html) however I find
 *     this method is much more effective and compatible for the task at hand.
 *     also, it should be evident by now that markup bloat is not a concern
 *     with this particular layout.
 */
.clear-columns
{
	clear: both;
}
#outer-column-container
{
	border-left: solid 220px #fff;	/* left column's width and background
									   color */
	/*border-right: solid 13em #fff;*/	/* right column's width and background
									   color */
}
#inner-column-container
{
	width: 100%;	/* force this element to take the full width
					   between the left and right columns. this is
					   especially important as children of this
					   element will have width:100%; set, and how
					   that 100% value is interpreted depends on
					   the width of it's parent (this element). */
}
#source-order-container
{
	float: left;		/* float left so the right column, which is
						   outside this element, has a place to go. */
	width: 100%;		/* force this to go as wide as possible */
}
#left-column
{
	float: left;		/* float left, where it'll live */
	margin-left: -220px;	/* move it further left. the value here should
						   be the same value as the left border width
						   on #outer-column-container, but negative */
	width: 220px;		/* need to set a definite width, should be the
						   same width as the left border width on
						   #outer-column-container */
}
#middle-column
{
	float: right;		/* middle column goes right of the left column
						   since the two share the same parent
						   element */
	width: 100%;		/* make the middle column as wide as possible
						   for a fluid layout. this is not possible
						   if it's parent element,
						   #source-order-container, wasn't also at
						   100% width */
}
#right-column
{
	float: right;			/* float on the right side of the layout */
	margin-right: -13em;	/* move it further right. the value here should
							   be the same value as the right border width
							   on #outer-column-container, but negative */
	width: 13em;			/* need to set a definite width, should be the
							   same width as the right border width on
							   #outer-column-container */
}

#top-search form
{
    float: left;
}

#top-search div.box {
    float: right;
}

#top-search form,
#top-search div.box {
    width: 15em;
    height: 9em;
    background-color: #EEE;
	border: solid 1px #000;	/* border around the entire layout */
}

/*******************************************************************************
 * BASE THEME
 *
 * Setup basic styling for the layout. This will set gutterspace and generate a
 * basic border structure for the layout. Real layout styling belongs in a
 * separate "theme" stylesheet; leave this stylesheet untouched.
 */
body
{
	background-color: #ccc;
	color: #000;
	padding: 0;		/* padding on the body element when
					   javascript min-width is in use will
					   create problems in IE/Win 6. */
	margin: 14px 0;	/* horizontal margins belong on
					   #page-container. vertical margins
					   are not there as well due to small
					   rendering issues in IE/Win 5 when
					   viewport is shorter than webpage */
}
#page-container
{
	background-color: #fff;	/* background for the middle column */
	border: solid 1px #000;	/* border around the entire layout */
	min-width: 50em;		/* limit how narrow the layout will
							   shrink before it stops. */
	margin: 0 14px;			/* horizontal margins here instead of on
							   the body because we're setting min-
							   width on this element. if margins set
							   on body users will see an odd skip in
							   the layout's rendering as it's
							   resized below min-width. (JS-based
							   min-width only.) */
}
#masthead
{
	border-bottom: solid 1px #000;	/* three of the four sides of this block
									   will already have borders courtesy of
									   the #page-container element so we
									   only need to render the bottom. */
	padding-top: 1px;				/* prevent margin collapse. would need 1px
									   bottom padding too if we didn't have the
									   1px bottom border. */
}
#inner-column-container
{
	border: solid 1px #000;
	border-width: 0 1px;
	margin: 0 -1px;			/* compensate for the borders because of
							   100% width declaration */
}
#middle-column div.rMenu-center
{
	border-bottom: solid 1px #000;	/* border along the bottom of the
									   horizontal menu at the top of
									   the middle column */
}
#footer
{
	border-top: solid 1px #000;	/* same situation as the masthead but
								   this time we're rendering the top
								   border. */
	padding-bottom: 1px;		/* prevent margin collapse. would need a top
								   padding of 1px too if we didn't have that
								   1px border. */
}
.inside
{
	margin: 10px;			/* margin, instead of padding, used to
							   induce margin collapse if needed by
						 	   child elements */
}

/*******************************************************************************
 * HACKS
 *
 * Not all browsers are created equal. Many CSS engines behave differently
 * and can create discrepencies in the rendering of your layout across different
 * browsing platforms. These hacks are aimed to resolve those discrepencies
 * and provide a more consistent look to the layout.
 *
 * CSS hacks work by playing to a bug in the CSS engine or parser for a given
 * browser. This forces the browser to either apply or ignore a rule that other
 * browsers wouldn't. This lets you apply rules to work around bugs in a specific
 * browser that would otherwise break the layout.
 *
 * It's important that when you use a CSS hack you do so in a way that is as
 * specific in targeting the problem browser as possible. Some hacks might
 * work for two or three different platforms, but you only need to apply it on
 * one platform. You might find that this hack has no adverse effects on those
 * other two platforms right now, but in a later version the hack might create
 * problems. Save yourself the headache and do as much as you can to narrow
 * the target of a CSS hack as much as possible.
 *
 * COMMON HACKS USED HERE
 *
 * The star-html hack (* html) targets Internet Explorer, both Windows and Mac,
 * for versions 6 and earlier. There is no element higher up in the page
 * than the HTML element. IE seems to think otherwise. Rules applied to any
 * selector that begins with "* html" will be ignored by just about every
 * browser except Internet Explorer. So any selector given below that begins
 * with "* html" is targetted at Internet Explorer.
 *
 * The backslash-star comment hack targets IE/Mac. CSS comments end with an
 * asterisk and forward slash. Anything after that closing comment mark will
 * be interpreted as as CSS rule. However if you prefix that closing comment
 * mark with a backslash, IE/Mac won't recognize that the comment has been
 * closed, but other browsers will. So any rules that come after the hacked
 * closing comment will be applied by any browser except IE/Mac until a
 * non-hacked closing comment is found.
 *
 * With the above two hacks outlined, it's possible to target IE on a specific
 * OS platform. This is important as the CSS and rendering engines for Mac and
 * Windows are completely different and have very different requirements in
 * terms of hacks.
 *
 * You may see other empty comments in wierd places, those are variations on
 * another comment hack to help target specific version of IE/Win (separating
 * IE 5 from IE6 typically).
 *
 * One other you'll see is a height setting of 0.1%. This is to trigger
 * hasLayout (see reference section below). IE (at least pre-version 7)
 * will automatically expand a box beyond it's set height if its content
 * is too tall. Setting height to 100% also works, but this can lead to
 * problems where an element that should only be a few pixels tall turns
 * out to be as tall as the rest of the page. By setting it to 0.1% you
 * minimize the chance of elements being set taller than they need to be.
 *
 * WHY USE HACKS?
 *
 * For compatibility sake. Specifics on what each hack does, and why its
 * used, is provided with the rule or ruleset in question. However, the
 * majority of hacks used have to do with an internal property in IE
 * called hasLayout. The first item in the reference section below has
 * all you could ever want to know, and more, about hasLayout.
 *
 * REFERENCE
 *	http://www.satzansatz.de/cssd/onhavinglayout.html
 *	http://www.communis.co.uk/dithered/css_filters/css_only/index.html
 */
.clear-columns
{
	/* hide from IE/Mac \*/
	padding-bottom: 1px;
	margin-bottom: -1px;	/* this padding/margin hack is here for
							   older Mozilla engines (Netscape 7, 6,
							   FireFox pre 2.0) which will not allow
							   an element to clear unless it has some
							   effect on how the rest of the layout
							   renders (ie, it takes up space).
							   Hidden from IE/Mac as it triggers a
							   horizontal scrollbar. */
}
* html #page-container
{
	/* hide from IE/Mac \*/
	height: 0.1%;		/* IE/Win 5 needs this to prevent rendering
						   issues if a minimum width is applied to
						   this element and the viewport is sized
						   narrower than it's minimum width. however
						   this breaks IE/Mac so a comment hack is
						   used to hide it. */
	position: relative;	/* IE/Mac 5.0 seems to need this. without it
						   any child element with position: relative
						   isn't rendered. */
}
* html #middle-column,
* html #left-column,
* html #right-column,
* html #source-order-container
{
	/* hide from IE/Mac \*/
	overflow: visible;	/* a bug through IE/Win 6 causes the widths of
						   text boxes to be calculated narrower than
						   they render, causing overflow of their parent
						   elements. we need to explicitly handle this
						   overflow. IE/Win 5.0 does not handle visible
						   overflow correctly and so on some layouts,
						   at some viewport widths you'll get a
						   horizontal scroll bar. */
	/* hide from IE/Mac \*/
	position: relative;	/* this resolves rendering bugs in IE/Win.
						   without this the columns don't render on
						   screen or text jog. */
}
* html #middle-column
{
	margin-right: -4px;		/* fix 3-pixel text jog in IE/Win 5.0.
							   -4px because we also have to
							   compensate for the overlaps from
							   the left and right columns */
	margin-right/* */: 0;	/* reset value on 5.5 and later using
							   comment hack to hide this rule from 5.0 */
}
* html #middle-column .inside
{
	margin-right: 14px;			/* compensate for negative margin in
								   previous rule */
	margin-right/* */: 10px;	/* reset margins for 5.5 and later */
}
* html #masthead,
* html #footer
{
	/* hide from IE/Mac \*/
	height: 0.1%;		/* this is to fix an IE 5.0 bug. setting this
						   value forces these elements to contain their
						   child elements, meaning margins will no
						   longer collapse. */
	height/**/: auto;	/* reset for IE/Win 5.5 and later by hiding
						   this rule from 5.0 with the empty comment
						   hack. also hidden from IE/Mac for the same
						   reason. */
}
* html #masthead .inside,
* html #footer .inside
{
	margin-top: 0;
	margin-bottom: 0;	/* since margins no longer collapse due to
						   previous rules we remove vertical margins
						   from the .inside class */
	margin/* */: 10px;	/* reset for IE 5.5 and later */
}
* html .inside
{
	margin: 10px 0.75em;	/* i don't yet understand this bug in IE 5.0
							   which forces the right column down if the
							   side margins are at a very specific value.
							   if your side column widths are set in EMs,
							   0.75em seems to work fine. */
	margin/* */: 10px;		/* reset for IE 5.5 and later */
}
* html #inner-column-container
{
	display: block;
}
* html #source-order-container
{
	margin-right: -100%;	/* IE/Mac will force #source-order-container
							   to the width of #left-column, even though
							   that element is no longer inside it. this
							   negative margin will help IE/Mac keep the
							   three columns together under narrower
							   viewports than normal.
	/* \*/ margin-right: -1px;	/* reset the above hack for IE/Win */
}
#left-column, #right-column
{
	position: relative;	/* resolve issues with links in left and right
						   columns not being clickable in Safari */
}

/*******************************************************************************
 * OVERSIZED SYSTEM FONT HACK
 *
 * Windows machines can have their screen DPI altered among other features
 * to provide accessibility to those with vision impairments. One relatively
 * obscure feature increases font sizes in such a way that rounding errors
 * in calculating font sizes are triggered in IE. The result is floating boxes
 * start dropping or become misaligned. The fix is a negative 1 pixel margin
 * to certain floated elements to resolve the issue. Below is a set of a rules
 * that targets this issue for all versions of IE up through IE7.
 */
*:first-child+html #middle-column {
	margin-right: -1px;
}
*:first-child+html #source-order-container {
	margin-left: -1px;
}
* html #middle-column {
	margin-right: -1px;
}
* html #source-order-container {
	margin-left: -1px;
}

/*******************************************************************************
 * OVERLAP HACK
 *
 * Some browsers, most notably older versions of Gecko (Netscape 7, FF 1.5
 * & earlier) have a problem with the negative margin approach used in this
 * layout: the two side columns won't be cleared if they exist entirely outside
 * the space of the parent element (#inner-column-container) where we clear the
 * three columns. So they need to be made to overlap the area of the middle
 * column by at least 1 pixels. This is why the outer columns have a 1 pixel
 * margin on their inner edge and the middle column (and source-order-container)
 * have negative margins (to make room for the 1px margin from the outer
 * columns).
 *
 *
 */
#source-order-container
{
	margin-right: -1px;	/* make room for the right-column's overlap. */
}
#left-column
{
	margin-right: 1px;	/* overlap the middle column to help with
						   clearing. see general notes above. */
}
#middle-column
{
	margin-left: -1px;	/* make room for the left-column's overflap */
}
#right-column
{
	margin-left: 1px;	/* overlap the middle column */
}
* html #left-column,
* html #source-order-container
{
	margin-right: 0;	/* undo the overlap for IE */
}
* html #right-column,
* html #middle-column
{
	margin-left: 0;		/* undo the overlap for IE */
}
*:first-child+html #left-column,
*:first-child+html #source-order-container
{
	margin-right: 0;	/* undo the overlap for IE */
}
*:first-child+html #right-column,
*:first-child+html #middle-column
{
	margin-left: 0;		/* undo the overlap for IE */
}

/******************************************************************************/
@charset "UTF-8";

/*******************************************************************************
*  visual_consistencies.css : 2005.09.07 : Ruthsarian Layouts
* -----------------------------------------------------------------------------
*  Edited for size
*******************************************************************************/

ul, ol, dl, p, h1, h2, h3, h4, h5, h6
{
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 0;
	padding-bottom: 0;
}
ul ul, ul ol, ol ul, ol ol
{
	/* kill margins on sub-lists
	 */
	margin-top: 0;
	margin-bottom: 0;
}
h1
{
	font-size: 240%;
}
h2
{
	font-size: 180%;
}
h3
{
	font-size: 140%;
}
h4
{
	font-size: 100%;
}
h5
{
	font-size: 70%;
}
h6
{
	font-size: 50%;
}
a, a:link, a:visited, a:active
{
	text-decoration: underline;
}
a:hover
{
	/* because I like the visual feedback a user gets when they
	 * mouse over a link and see the underline of the link
	 * disappear.
	 */
	text-decoration: none;
}
code, pre
{
	/* Make sure we're all using the same monospaced font for CODE
	 * and PRE elements
	 */
	font-family: "Courier New", Courier, monospace;
}
label
{
	/* It's all about the visual feedback. In this case, label
	 * elements are usually clickable which then set focus on
	 * their target. I want to show that to the user in a manner
	 * they are used to and understand.
	 */
	cursor: pointer;
}
table
{
	/* Some browsers won't carry the font size down into the
	 * browser like they're suppose to.
	 */
	font-size: 100%;
}
td, th
{
	/* I never like or use the default vertical centering "feature"
	 * provided by tables.
	 */
	vertical-align: top;
}
body
{
	/* I've seen several comments that setting the base font size to 100.1%
	 * fixes some browser bugs. Which bugs? I don't know. I believe it's
	 * to fix some rounding-error bugs that some browsers (Mozilla) are
	 * prone to. It doesn't hurt anything, so I keep it here.
	 */
	font-size: 100.1%;
}

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

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


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


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

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


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

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



/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS,%20Tahoma,%20Verdana,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
*/


/* Component containers
----------------------------------*/
.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333; }
.ui-widget-content a { color: #333333; }
.ui-widget-header { border: 1px solid #e78f08; background: #f6a828 url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; 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 #fbcb09; background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #fbd850; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; outline: none; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fed22f; background: #ffe45c url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url(images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #ffffff; }
.ui-state-error a, .ui-widget-content .ui-state-error a { color: #ffffff; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #ffffff; }
.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_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_ffffff_256x240.png); }
.ui-state-default .ui-icon { background-image: url(images/ui-icons_ef8c08_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_ef8c08_256x240.png); }
.ui-state-active .ui-icon {background-image: url(images/ui-icons_ef8c08_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_228ef1_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_ffd27a_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: 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: #666666 url(images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); }
.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -webkit-border-radius: 5px; }/* Accordion
----------------------------------*/
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; }
.ui-accordion .ui-accordion-content-active { display: block; }/* 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:both; width:100%; }

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

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}/* Dialog
----------------------------------*/
.ui-dialog { position: relative; padding: .2em; width: 300px; }
.ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; 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; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/* 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;}/* Slider
----------------------------------*/
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }

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

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }/* Tabs
----------------------------------*/
.ui-tabs { padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
body {
    background: #fff;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0 5px 1.5em 5px;
    text-align: center;
}
img { border: 0; }

#page-container
{
    background: #fff url('../images/default/bg-left.gif') top left repeat-y;
    border: 0;
    color: #333;
    text-align: left;
    margin: 0 auto;
    padding-left: 10px;
    width: 970px;
}

#page-container-in {
    background: url('../images/default/bg-right.gif') top right repeat-y;
    padding-right: 10px;
    /* added 2009-10-13 because of Webkit (-10px for padding) */
    width: 960px;
}

/* incorrectly rendered right column in ie6 */

* html #page-container-in {
    height: 1%;
}

.inside {
    margin: 0;
}

* html .inside {
    margin: 0;
}

#inner-column-container {
    border: 0;
    margin: 0;
}

/* Header */

#top-logo a img {
    background: black;
    margin: 0 0 0 12px;
}

#top-logo a.top-ban {
    float: right;
    width: 235px;
    height: 60px;
    background-color: #000;
    margin: 2px 22px 0 0;
}

#top-menu {
    background: url('../images/default/menu-bg.gif') top left repeat-x;

    /*height: 61px !important; height: 1%;*/
    
}

#top-menu ul {
    background: url('../images/default/menu-r.gif') top right no-repeat;
    height: inherit;
    list-style: none;
    margin: 0; padding: 0;
    height: 61px;
}

#top-menu li {

    display: block;

    float: left;

    height: 61px;
}

#top-menu a {
    font-size: 15px;
    display: block;
    height: 40px; /* -2 because of zoom */
    color: white;
    font-weight: bold;
    text-decoration: none;
    padding: 21px 0 0 0;
    background: url('../images/default/menu-sep.gif') top left no-repeat;
    text-align: center;
    text-indent: 2px;
    text-shadow: rgba(255,255,255,.4) 0px 2px 5px; /* Safari-only, but cool */
}

a#btn-home-page { padding-left: 12px; width: 103px; text-align: left; }
a#btn-about-us { width: 113px; }
a#btn-reviews { width: 106px; }
a#btn-articles { width: 104px; }
a#btn-coupons { width: 110px; }
a#btn-forum { width: 94px; }
a#btn-editors-reviews { width: 148px; }
a#btn-join-the-club { width: 127px; }
a#btn-contact-us { width: 120px; }

.articles {
    clear: left;
    width: 660px;
}
.articles .right {
    margin-left: 20px;
}
.articles .left,
.articles .right {
    width: 320px;
    padding-bottom: 0.5em;
    float: left;
}
.articles img {
    float: right;
    margin-left: 1em;
}

.articles h4 {
    margin: 0.8em 0 0.8em 0;
}

.recipes {
    clear: left;
    width: 660px;
}

.recipes .middle,
.recipes .right {
    margin-left: 20px;
}

.recipes .left,
.recipes .middle,
.recipes .right {
    width: 206px;
    text-align: center;
    padding-bottom: 0.5em;
    float: left;
}

.center {
    text-align: center;
}

#middle-column .articles h4 a {
    color: #474747;
}

.cols .three {
    width: 33.3%;
    float: left;
}


#top-menu li.first a {
    background: none;
}

#top-menu li.first {
    padding-left: 20px;
    background: url('../images/default/menu-l.gif') top left no-repeat;
}

#top-search {
    float: left;
    background: url('../images/default/header-l.png') top left no-repeat;
    /*background-color: #6F1B1B;*/
}

/*
* html #top-search {
    height:auto !important; height:1%
}
*/
#top-search a {
    color: #0000ee;
    text-decoration: none;
}
#top-search a:hover {
    text-decoration: underline;
}

#masthead {
    border-bottom: 0;
}

#masthead .inside {
    margin: 8px 0 0 0;
}

* html #masthead .inside {
    margin: 8px 0 0 0;
}

#header {
    background: url('../images/default/header-bg.png') top left repeat-x;
    height: 182px;
}

#header .separator {
    background: url('../images/default/header-sep.png') top left repeat-x;
    height: 144px;
    width: 4px;
    margin: 20px 0 0 30px; /* 20px 28px 0 30px; */
    float: left;
}

#nameSearch {
    margin-left: 28px;
}

#header-right {
    float: right;
    padding: 0;
    /*height: 158px;*/
    height: 182px;
    background: url('../images/default/header-r.png') top right no-repeat;
}
#header-image {
    width: 310px;
    height: 136px;
    margin: 24px 20px 0 0;
    background: url('../images/header/seatable.jpg');
}

#top-search {
    padding-left: 24px;
    height: inherit;
}
#top-search form {
    margin-top: 20px;
    background: none;
}

#frmnameSearch-name {
    width: 186px;
}

#frmnameSearch-find {
    width: 43px;
}

#top-search h3 {
    font-size: 14px;
    margin: 4px 0 14px 0;
    padding: 0;
    color: #333;
    text-shadow: rgba(0, 0, 0, .15) 1px 2px 8px
}

#top-search label {
    font-size: 12px;
}

#top-search div.select input,
#frmcondSearch-find,
#search-restname input {
    border: 1px solid gray;
    font-size: 13px;
}

#top-search div.select {
    height: 30px;
    line-height: 30px;
}

#top-search div.select input {
    vertical-align: middle;
}

#top-search div.select label {
    display: block;
    float: left;
    /*width: 140px;*/
    width: 136px;
    vertical-align: middle;
    line-height: 30px;
}

#top-search div.select {
    clear: both;
}

#top-search {
    height: 182px;
}

#top-search div.check label {
    display: block;
    padding-top: 20px;
}

#top-search div.check input {
    float: right;
}

#top-search div.check label input {
    margin: 0;
    padding: 0;
    float: none; /* reset previous rule */
    /*margin-right: 10px;
    margin-top: 6px;*/
}

#frmcondSearch-find {
    margin-top: 21px;
}

#top-search select {
    width: 100px;
    font-size: 14px;
}

#top-search form,
#top-search div.box {
    width: 240px;
    height: 144px;
    border: 0;

}

#search-restname {
    height: 30px;
}

/* Menu */

#left-column ul {
    list-style: none;
    margin: 0;
    padding: 6px 0 22px 0; /*31px*/
}

#left-column p {
    font-size: 12px;
}

#left-column div.sbox div.body div {
    font-size: 12px;
}

#left-column ul li {
    background: url('../images/bullets/green-arr.gif') left center no-repeat;
    padding: 0 28px 0 23px;
    margin: 0 0 0 22px;
    font-size: 12px;
    line-height: 1.4em;
}

#middle-column {
    width: 730px;
}

#left-column ul li a {
    color: #00008b;
    text-decoration: none;
}

/* Footer*/

#footer, #footer p, #footer .inside {
    margin: 0; padding: 0; border: 0;
}

#footer .foot {
    background: url('../images/default/main/foot-r.gif') right top no-repeat;
}

#footer .foot span {
    display: block;
    height: 22px;
    width: 22px;
    margin-bottom: 12px;
    background: url('../images/default/main/foot-l.gif') no-repeat;
}

#footer {
    background: transparent url('../images/default/footer-bg-r.png') right 34px no-repeat;
    height: 114px;
    margin-left: -2px;
    margin-right: -2px;
    padding-right: 2px;
    clear: both;
}

* html #footer .inside {
    margin: 0;
}

#footer .inside {
    background: transparent url('../images/default/footer-bg-l.png') scroll left bottom no-repeat;
    position:relative;
    /*height: 80px;*/
    padding-left: 2px;
    height: 114px;
    /*width: auto;*/
}

#footer .links,
#footer .copy {
    text-align: center;
    font-size: 13px;
    color: #444444;
}

#footer .links {
    padding-top: 22px;
}

#footer .copy {
    padding-top: 2px;
}

#footer .links a {
    color: #474747;
    text-decoration: none;
    font-weight: bold;
}

#footer .links a:hover {
    text-decoration: underline;
}

/* Boxes */

/*

#middle-column a.title {
    display: block;
    margin: 0;
    padding: 0;
    text-decoration: none;

    background: url('../images/default/boxes/page-head-r.png') top right no-repeat;
    height:auto !important; height:1%
}
*/

/*
#middle-column a.title h1 {
    background: url('../images/default/boxes/page-head-l.png') top left repeat-y;
    color: #505050;
    font-size: 21px;
    padding: 1.1em 1.2em 0 1.3em;
    margin: 0;
    cursor: pointer;
    height:auto !important; height:1%
}
*/

#middle-column h1.title {
    background: url('../images/default/boxes/page-head-r.png') top right no-repeat;
    padding: 0; margin: 0;
    height: 40px;
}

#middle-column h1.title a {
    display: block;
    background: transparent url('../images/default/boxes/page-head-l.png') repeat-y scroll top left;
    color: #505050;
    font-size: 21px;
    padding: 23px 1.2em 0 1.3em; margin: 0;
    text-decoration: none;
    border: 0;
    height: 17px;
}

#masthead .head {
    background: url('../images/default/main/top-r.gif') right top no-repeat;
    width: 100%;
    height: 17px;
}

#masthead .head span {
    display: block;
    width: 17px;
    height: 17px;
    background: url('../images/default/main/top-l.gif') no-repeat;
}

#middle-column .pagehead {
    background: url('../images/default/boxes/page-head-r.png') right top no-repeat;
}

#middle-column  .pagehead .in {
    height: 26px;
    padding-right: 42px;
    background: url('../images/default/boxes/page-head-l.png') no-repeat;
}

#middle-column .hometitle,
#middle-column .pagetitle
{
    background: url('../images/default/boxes/page-title-r.png') right top no-repeat;
}

#middle-column .hometitle h1,
#middle-column .pagetitle h2,
#middle-column .pagetitle h3 {
    background: url('../images/default/boxes/page-title-l.png') no-repeat;
    margin: 0;
    padding: 15px 23px 6px;
    color: #fff;
    font-weight: bold;
    line-height: 1em;
    text-shadow: rgba(255,255,255,.4) 0px 2px 5px; /* Safari-only, but cool */
    font-size: 13px;
    text-align: center;
}

#middle-column .pagehead div.paginator {
    position: absolute;
    margin-left: 20px;
    margin-top: 14px;
    width: 671px;
}

.paginator .info {
    float: right;
}

.paginator a, .paginator span {
    
}

#middle-column .paginator a {
    color: #676767;
    text-decoration: none;
}
.paginator span.button {
    color: #ccc;
}

 .paginator .current {
     font-weight: bold;
 }


/*
div.paginator .first {
    background: url('../images/icons/control_start_blue.png') no-repeat;
}

div.paginator .last {
    background: url('../images/icons/control_end_blue.png') no-repeat;
}

div.paginator .next {
    background: url('../images/icons/control_right_blue.png') no-repeat;
}

div.paginator .prev {
    background: url('../images/icons/control_left_blue.png') no-repeat;
}
*/
#middle-column .pagebox {
    background: url('../images/default/boxes/page-body-r.png') right top repeat-y;
    margin: 0;
    padding: 0;
    height:auto !important; height:1%
}

#middle-column .pagebox .in {
    background: url('../images/default/boxes/page-body-l.png') left top repeat-y;
    padding: 0.1em 27px 1px;
    clear: both;
    height:auto !important; height:1%
}


#middle-column .pagefoot {
    background: url('../images/default/boxes/page-foot-r.png') right top no-repeat;
    clear: both;
}

#middle-column .pagefoot span {
    display: block;
    height: 22px;
    width: 502px;
    background: url('../images/default/boxes/page-foot-l.png') no-repeat;
}
#middle-column table.reviews hr {
    margin-top: 0.2em;
    margin-bottom: 0.7em;
}

table.reviews .line {
    height: 26px;
}

table.reviews .bigline {
    height: 30px;
    line-height: 30px;
}

table.reviews .stars {
    float: right;
}

table.reviews .date {
    float: right;
}

table.search, table.reviews {
    background: transparent url('../images/default/boxes/page-body-l.png') repeat-y scroll left top;
    margin: 0; padding: 0; border: 0;
    /* **TODO** Depends on page width, cannot set 100% because it varies */
    width: 715px;
}

/* default cell padding */

table.search th, table.reviews th,
table.search td, table.reviews td {
    padding-left: 20px;
    padding-right: 20px;
}

table.search thead th, table.reviews thead th {
    padding-top: 5px;
    padding-bottom: 20px;
}

table.search tfoot td {
    padding-top: 20px;
    padding-bottom: 20px;
}

/* Restaurant name */

table.search h3, table.reviews h3 {
    color: #9e1119;
    margin: 0;
    padding: 0;
}

table.search thead tr, table.reviews thead tr {
    height: 40px;
}

/*table.search tbody, table.reviews tbody {
    background: transparent url('../images/default/boxes/page-body-r.png') repeat-y scroll right top;
}

table.search tbody tr, table.reviews tbody tr {
    background: transparent url('../images/default/boxes/page-body-l.png') repeat-y scroll left top;
}
*/

table.search td.name {
    background: transparent url('../images/default/boxes/page-sep-l.png') left top no-repeat;
}

table.reviews td.review {
    background: transparent url('../images/default/boxes/page-sep-l.png') left top no-repeat;
}

table.reviews td.review .author {
    font-weight: bold;
}

table.reviews td.review .author span {
    color: #00f;
    font-weight:normal;
}

table.reviews td.review h4 {
    color: #9e1119;
    margin: 0;
    padding: 0;
}

#middle-column table.reviews td.review h4 a {
    color: #9e1119;
    text-decoration: none;
}

#middle-column table.reviews td.review h4 a:hover {
    text-decoration: underline;
}

table.search th.name, table.reviews th.name,
table.search td.name, table.reviews td.name {
    padding-right: 5px;
    width: auto;
}

table.search td.name h3, table.reviews td.name h3 {
    font-size: 13px;
    margin-bottom: 0.3em;
}

table.search th.location,
table.search td.location {
    padding-left: 5px;
    padding-right: 5px;
    width: 90px;
}

table.search td.location div {
    margin-bottom: 0.3em;
}

table.search th.description,
table.search td.description {
    width: 142px;
    padding-left: 5px;
}

table.search td.description .bold {
    margin-bottom: 0.3em;
}

table.search div.checked {
    float: left;
    line-height: 13px;
    vertical-align: middle;
    height: 13px;
    padding-top: 0.2em;
}

table.search div.checked span {
    width: 13px; height: 13px;
    display: block;
    float: left;
    background: url('../images/default/checked.gif') no-repeat;
}

table.search tbody td, table.reviews tbody td {
    padding-top: 20px;
    padding-bottom: 20px;
    height: auto;
}

table.search td.premium-logo {
    padding-left: 5px;
    padding-right: 5px;
}

table.search td.premium-logo img {
    max-width: 84px;
    max-height: 130px;
}


table.search td.reviews a {
    display: block;
    width: 50px;
    height: 25px;
    margin-left: 5px;
}

table.search td.reviews .write {
    background: url('../images/default/buttons/list-reviews-write.png') 0 0 no-repeat;
}

table.search td.reviews .read {
    background: url('../images/default/buttons/list-reviews-read.png') 0 0 no-repeat;
}

table.search td.reviews a span {
    display: none;
}

table.search td.location,
table.search td.description,
table.search td.reviews,
table.search td.coupon {
    background: url('../images/default/boxes/page-sep-l.png') right top no-repeat;
}

table.search th.reviews,
table.search td.reviews {
    width: 60px;
    text-align: center;
}

table.reviews th.rating {
    width: 220px;
}

table.reviews .right {
    text-align: right;
}

table.search th, table.reviews th {
    vertical-align: middle;
}

table.search th.coupon,
table.search th.website,
table.search th.reviews{
    text-align: center;
}

table.search td.coupon {
    width: 50px;
}

table.search td.coupon img,
table.search td.website img,
table.search td.reviews a.none {
    margin-left: 4px;
    /* opacity */
    opacity:.25;
    -khtml-opacity:.25;
    -moz-opacity:.25;
    -ms-filter:"alpha(opacity=25)";
    filter:alpha(opacity=25);
    /* For Internet Explorer 6, too much problems with alpha so disabling display completely (for now) */
    display: block !important; display: none;
}

table.search td.coupon a img,
table.search td.website a img {
    /* opacity reset */
    -khtml-opacity:1;
    -moz-opacity:1;
    -ms-filter: none;
    filter: none;
    opacity:1;
    display: block;
}
table.search td.website {
    width: 50px;
}
table.search td.website, table.reviews td.rating {
    background: url('../images/default/boxes/page-sep-r.png') right top no-repeat;
}

/* Special case, there is responsibility notice at bottom of table */

table.reviews tfoot td {
    background: transparent url('../images/default/boxes/page-body-r.png') repeat-y scroll right top;
    padding-top: 20px;
    padding-bottom: 6px;
}

/* last item treatment */
table.search th.website,
table.reviews th.rating
{
    background: transparent url('../images/default/boxes/page-body-r.png') repeat-y scroll right top;
}

#middle-column a.search-print {
    display: block;
    position: absolute;
    text-decoration: none;
    color: #bbb;
    font-size: 9px;
    text-transform: uppercase;
    margin-left: 614px;
    width: 50px;
    text-align: right;
    margin-top: 58px;
}

#middle-column a.search-print img {
    vertical-align: bottom;
}

table.search td.coupon,
table.search td.website {
    padding-top: 23px;
}

table.search th.coupon,
table.search td.coupon,
table.search th.reviews,
table.search td.reviews {
    padding-left: 2px;
    padding-right: 2px;
}

table.search th.website,
table.search td.website {
    padding-left: 2px;
    padding-right: 20px;
}

table.search tr.premium table {
    width: 225px;
}

table.search tr.premium td {
    padding-top: 0;
}

table.search table.open-hours {
    margin-bottom: 5px;
}

table.search table.open-hours th, table.search table.open-hours td {
    background: none;
    margin: 0;
    padding: 0;
    text-align: left;
}

table.search table.open-hours td,
table.search table.open-hours th
{
    background: none;
    padding: 0;
    margin: 0;
    height: auto;
    font-weight: normal;
    vertical-align: top;
}

table.search td.premium-description {
    padding-left: 5px;
    background: url('../images/default/boxes/page-body-r.png') repeat-y bottom right;
}

#middle-column a {
    color: #0000ee;
}

div.sbox {
	background: url('../images/default/boxes/multi-body-r.png') no-repeat bottom right;
	font-size: 100%;
}

div.sbox .head {
    margin: 0;
    padding: 0;
}

div.sbox .head, #breadcrumbs {
	background: url('../images/default/boxes/page-title-r.png') no-repeat top right;
	text-align: left;
}

div.sbox .head h1 {
	font-size: 17pt;
}

/*div.sbox .head h2 {
	font-size: 12pt;
    text-align: center;
} */
div.sbox .head h2, div.sbox .head h3 {
	font-size: 13px;
    height: 19px;
    text-align: center;
}

#left-column div.sbox .head h2,
#left-column div.sbox .head h3,
#middle-column div.sbox .head h1,
#middle-column div.sbox .head h2,
#middle-column div.sbox .head h3,
#breadcrumbs h2 {
    background: url('../images/default/boxes/page-title-l.png') no-repeat top left;
    margin: 0;
    padding: 15px 23px 0; /* 6px bottom */
    color: #fff;
    font-weight: bold;
    line-height: 1em;
    text-shadow: rgba(255,255,255,.35) 0px 2px 4px; /* Safari-only, but cool */
}

div.sbox, div.sbox .body, div.sbox .head, .pagetitle, .hometitle
{
    height: auto !important; height: 1%;
}

div.sbox .body {
	background: url('../images/default/boxes/multi-body-l.png') no-repeat bottom left;
	margin: 0;
	padding: 6px 23px 22px; /*31px*/
}

#middle-column #breadcrumbs {
    position: absolute;
    margin: 0 auto 0 18px;
    width: auto;
}

#middle-column #breadcrumbs h2 {
    font-size: 13px;
    height: 19px;
    width: auto;
    margin: 0;
}

#breadcrumbs h2 a {
    color: white;
    text-decoration: none;
}
#space {
    height: 26px;
}

/* Content */

#inner-column-container {
    background: url('../images/default/main/bg-r.png') top right repeat-y;
    display:inline-block;
}

#outer-column-container {
    border-left-width: 0;
    border-right-width: 0;	/* we remove the borders so we can apply
                               background images. */
    padding-left: 230px;	/* because padding is on the left-side,
                   the left-column"s background image is
                   going to be applied to this element. */
    margin-right: 0;	/* the right-column"s space is reserved
                   with margin space rather than padding,
                   so we can apply a background image to
                   the parent element, #pageWrapper, and
                   it will peek through. */
    background-image: url('../images/default/main/bg-l.png');
    background-repeat: repeat-y;
    background-position: 0 0;
}

#left-column
{
	margin-left: -230px;	/* move it further left. the value here should
						   be the same value as the left border width
						   on #outer-column-container, but negative */
	width: 230px;		/* need to set a definite width, should be the
						   same width as the left border width on
						   #outer-column-container */
}

#left-column .inside {
    margin-left: 15px;
}

#middle-column .inside {
    font-size: 13px;
    color: #474747;
    margin-right: 15px;
    line-height: 1.3em;
}

#middle-column {
    margin-right: 0;
}

* html #middle-column
{
	margin-right: -3px;		/* fix 3-pixel text jog in IE/Win 5.0.
							   -4px because we also have to
							   compensate for the overlaps from
							   the left and right columns */
	margin-right/* */: 0;	/* reset value on 5.5 and later using
							   comment hack to hide this rule from 5.0 */
}
* html #middle-column .inside
{
	margin-right: 18px;			/* compensate for negative margin in
								   previous rule */
	margin-right/* */: 15px;	/* reset margins for 5.5 and later */
}

h1,h2,h3 {
    color: #505050;
}

h3 {
    font-size: 130%;
}

p.small {
    font-size: 60%;
}

.italic {
    font-style: italic;
}

a.button {
    display: block;
}

a.button span {
    display: none;
}

#top-search a.members-club-button,#top-search a.advertise-button {
    float: left;
    height: 36px; /* padding-top! */
    padding-top: 9px;
    background: transparent url('../images/default/buttons/top-button.png') no-repeat scroll 0 0;
    margin-top: 14px;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    text-shadow: rgba(255,255,255,.35) 0px 2px 4px; /* Safari-only, but cool */
}

a.button-read-more {
    font-weight: bold;
    text-decoration: none;
    margin-top: 0.1em;
}

a.members-club-button {
    width: 111px;
}

a.home-forum-button {
    background: transparent url('../images/forum-button.png') no-repeat scroll 0 0;
    width: 150px;
    height: 74px;
    margin: 1em 0 0 1em;
    float: right;
}

a.advertise-button {
    width: 111px;
    margin-left: 13px;
}

a.button-write-review {
    background: transparent url('../images/default/buttons/reviews-write.png') no-repeat scroll 0 0;
    width: 129px;
    height: 46px;
    margin-top: 2.5em;
}

.align-right {
    float: right;
}

#middle-column .upper {
    text-transform: uppercase;
}

#middle-column .red {
    color: #9e1119;
}

#middle-column .green {
    color: green;
}

div.ratings {
    display: inline;
}

div.ratings span {
    display: block;
    width: 16px;
    height: 16px;
    border: 1px solid black;
    float: left;
}

div.ratings span.full {
    background-color: yellow;
}

div.ratings span.half {
    background-color: #aaa;
}

div.ratings span.none {
    background-color: #ddd;
}

span.textual {
    display: none;
}

/* Special content */

#middle-column p.read-more {
    margin-top: 0;
    padding-top: 0;
}

#middle-column fieldset {
    border: 0;
    margin: 1em 0 0 0;
    padding: 1em 0 0 0;
}

#middle-column fieldset legend {
    color: #9e1119;
}

#middle-column fieldset table {
    width: 100%;
}

#middle-column hr {
    background: url('../images/default/hr.png') repeat-x;
    height: 2px;
    border: 0;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}

#middle-column hr.small {
    margin-top: 0.4em;
    margin-bottom: 0.3em;
}

#middle-column hr.short {
    margin-left: 3.5em;
    margin-right: 3.5em;
}

#middle-column form th {
    text-align: right;
    padding: 4px 4px 0 0;
    width: 170px;
}

#middle-column input,
#middle-column textarea,
#middle-column select {
    border: 1px solid #cbcbcb;
}

#middle-column .mandatory {
    font-size: 12px;
    font-style: italic;
    color: #9e1119;
}

#middle-column legend {
    font-weight: bold;
}

#middle-column fieldset.rating td {
    padding-top: 5px;
}

/* jQuery multiSelect */
.multiSelect {
	width: 182px;
	border: solid 1px #BBB;
	background: #FFF url('../images/dropdown.gif') right center no-repeat;
	padding: 2px 4px;
	padding-right: 20px;
	display: inline;
}
.multiSelect.hover {
	background: url('../images/dropdown_hover.gif') right center no-repeat;
}

.multiSelect.active,
.multiSelect.focus {
	border: inset 1px #000;
}

.multiSelect.active {
	background: url('../images/dropdown_active.gif') right center no-repeat;
}

.multiSelectOptions {
	width: 206px;
	max-height: 150px;
	margin-top: -1px;
	overflow: auto;
	border: solid 1px #B2B2B2;
	background: #FFF;
}

.multiSelectOptions LABEL {
	padding: 2px 5px;
	display: block;
}

.multiSelectOptions LABEL.checked {
	background: #E6E6E6;
}

.multiSelectOptions LABEL.selectAll {
	border-bottom: dotted 1px #CCC;
}

.multiSelectOptions LABEL.hover {
	background: #CFCFCF;
}

.bold {
    font-weight: bold;
}

.red {
    color: #9e1119;
}

.italic {
    font-style: italic;
}

.underline {
    text-decoration: underline;
}

#middle-column div#back {
    height: 38px;
    clear: left;

}

#middle-column div#back a {
    display: block;
    float: right;
    color: #fff;
    width: 75px;
    height: 27px;
    background: url('../images/default/back.png') no-repeat;
    text-align: center;
    padding-top: 11px;
    margin-right: 0.8em;
    font-weight: bold;
    text-decoration: none;
}

p.author {
    color: #777777;
    font-size: 12px;
    margin-top: 0.2em;
    padding-top: 0;
}

img.right {
    float: right;
    margin: 0.2em 0 1.2em 1em;
}

.two-cols, .three-columns {
    clear: left;
    width: 100%;
    display: inline-block;
}

.two-cols .col {
    float: left;
    width: 50%;
}

.three-cols .col {
    float: left;
    width: 33.33%;
}

/* stars */

/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.rating-cancel,div.rating-cancel a{background:url('../images/delete.gif') no-repeat 0 -16px}
div.star-rating,div.star-rating a{background:url('../images/star.gif') no-repeat 0 0px}
div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0}
div.star-rating-on a{background-position:0 -16px!important}
div.star-rating-hover a{background-position:0 -32px}
/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}
/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */

#footer .copy a {
    font-style: italic;
    font-weight: bold;
    font-size: 12px;
    color: #aaa;
    text-decoration: none;
}

/* checkbox extension */

.jquery-checkbox       {display: inline; font-size: 13px; line-height: 13px; cursor: pointer; cursor: hand;
    margin-right: 5px;
    }
.jquery-checkbox .mark {display: inline;}

.jquery-checkbox img {vertical-align: middle; width: 13px; height: 13px;}
.jquery-checkbox img{background: transparent url('../images/default/checkbox.gif') no-repeat;}

.jquery-checkbox img{
	background-position: 0px -13px;
}
.jquery-checkbox-checked img, .jquery-checkbox-checked .jquery-checkbox-disabled img {
	background-position: 0px 0px;
}

/* autocomplete */

.ac_results {
	padding: 0px;
	border: 1px solid #CBCBCB;
    border-top: 0;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/*
	if width will be 100% horizontal scrollbar will apear
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/*
	it is very important, if line-height not setted or setted
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;

    text-align: left;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}

.ac_over span.highlight {
	background-color: #0A246A;
	color: white;
}

span.highlight {
    background-color: yellow;
}

#frmaddform-restaurant, input.autocomplete {
    width: 452px;
}


/* form errors */

ul.error {
    padding: 1em;
    border: 1px solid #9e1119;
}

ul.error li {
    color: red;
    margin-left: 1em;
}

/* restaurant pages */

#restaurant-page-side {
    margin: 0 0 1em 2em;
    float: right;
}

#restaurant-page-empty {
    margin: 0 0 1em 2em;
    float: right;
}

#restaurant-page-content {
    padding-top: 10px;
    width: 333px; /*333*/
    padding-bottom: 2em;
}

#restaurant-page-content .title {
    font-weight: bold;
}

#restaurant-page-side h2,
#restaurant-page-content h2 {
    font-size: 14px;
    color: #9e1119;
}
#restaurant-page-side h2 {
    padding-left: 1px;
}

#restaurant-page-empty {
    margin: 0 0 1em 2em;
    float: right;
}

#restaurant-page-empty a {
    display: block;
    width: 290px;
    height: 290px;
    margin: 15px 5px; /* 300px copensation */
    background: url('../images/page-empty.jpg') top right no-repeat;
}

#restaurant-page-empty a span {
    display: none;
}

#restaurant-page-map {
    width: 300px;
    height: 300px;
    border-width: 1px;
    border-style: solid;
    border-color: #ccc;
}

#restaurant-page-content .reviews a {
    display: block;
    width: 130px;
    height: 32px;
    background: url(../images/default/buttons/big-button.png);
    text-decoration: none;
    color: white;
    text-align: center;
    font-weight: bold;
    padding-top: 13px;
    margin-top: 5px;
}

#restaurant-page-content .reviews p {
    margin-bottom: 13px;
}

#restaurant-page-content .reviews a.read {
    margin-right: 13px;
}

#restaurant-page-content ul {
    padding-left: 1.6em;
}

#restaurant-page-content .open-hours {
    width: 260px;
}

#restaurant-page-content .open-hours th {
    vertical-align: top;
}

.float-left {
    float: left;
}

#restaurant-page-content .reviews a:hover {
    text-decoration: underline;
}

#map_canvas {
    background: #fff url('../../images/bigspinner.gif') no-repeat center center;
}

/* treeview */

.treeview, .treeview ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.treeview ul {
	/*background-color: white;*/
	margin-top: 4px;
}

.treeview .hitarea {
	background: url(../images/treeview-default.gif) -64px -25px no-repeat;
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
}
/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:none;
}

.treeview li {
	margin: 0;
	padding: 3px 0pt 3px 16px;
}

.treeview a.selected {
	background-color: #eee;
}

#treecontrol { margin: 1em 0; display: none; }

.treeview .hover { color: red; cursor: pointer; }

.treeview li { background: url(../images/treeview-default-line.gif) 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }

.treeview .expandable-hitarea { background-position: -80px -3px; }

.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(../images/treeview-default.gif); }
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }

.treeview-red li { background-image: url(../images/treeview-red-line.gif); }
.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url(../images/treeview-red.gif); }

.treeview-black li { background-image: url(../images/treeview-black-line.gif); }
.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url(../images/treeview-black.gif); }

.treeview-gray li { background-image: url(../images/treeview-gray-line.gif); }
.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url(../images/treeview-gray.gif); }

.treeview-famfamfam li { background-image: url(images/treeview-famfamfam-line.gif); }
.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url(../images/treeview-famfamfam.gif); }


.filetree li { padding: 3px 0 2px 16px; }
.filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; }
.filetree span.folder { background: url(../images/folder.gif) 0 0 no-repeat; }
.filetree li.expandable span.folder { background: url(../images/folder-closed.gif) 0 0 no-repeat; }
.filetree span.file { background: url(../images/file.gif) 0 0 no-repeat; }

#middle-column .restaurant-index a.premium {
    color: #9e1119;
    font-weight: bold;
}

#middle-column ul#coupons-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

#middle-column ul#coupons-list li {
    float: left;
    width: 190px;
    border: 2px dashed #ddd;
    height: 190px;
    margin: 2px 6px 13px 6px;
    padding: 5px;
    text-align: center;
}

#middle-column ul#coupons-list li div.coupon-restaurant a {
    font-weight: bold;
    text-decoration: none;
}

#middle-column ul#coupons-list li.gold div.coupon-restaurant a {
    color: #9e1119;
}

#middle-column ul#coupons-list li.silver div.coupon-restaurant a {
    color: #333;
}

#middle-column ul#coupons-list div.coupon-restaurant a:hover {
    text-decoration: underline;
}

#middle-column ul#coupons-list li div.coupon-restaurant {
    height: 50px;
    padding: 5px;
}

#middle-column ul#coupons-list li div.coupon-name {
    height: 64px;
    padding: 5px;
    font-size: 16px;
    font-weight: bold;
}

#middle-column ul#coupons-list a.coupon-popup {
    display: block;
    width: 130px;
    height: 32px;
    background: url(../images/default/buttons/big-button.png);
    text-decoration: none;
    color: white;
    text-align: center;
    font-weight: bold;
    padding-top: 13px;
    margin: 5px auto 0 auto;
}

p.home-selected-restaurants img {
    margin: 0pt 0pt 1em 1em; float: right;
}