/* -----------------------------------------------------
	RESET CSS

	http://meyerweb.com/eric/tools/css/reset/
	make 'default' in all browsers the same

	DO NOT TOUCH ME
	If you want to change these styles override it later
	on in the stylesheet...
   ----------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;		
	vertical-align: baseline;
	background: transparent;
    z-index:0;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	/*content: none; !DOES NOT VALIDATE! */
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/* -----------------------------------------------------
	MAIN
   ----------------------------------------------------- */
body
{
    text-align: center; /* IE5/Win centre align fix */
}

html, body, form
{
    height: 100%;
}

#footerPush
{
    height: 2em;
    clear: both;
}

#wrapperSmall
{
    text-align: left;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -2em;    /* -2em == height of footer */
    width: 64.91em;
}

#footerSmall
{
    text-align: left;
    margin: 0 auto;
    width: 64.91em;
    height: 2em;
}

#wrapperLarge
{
    text-align: left;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -2em;    /* -2em == height of footer */
    width: 83.52em;
}

#footerLarge
{
    text-align: left;
    margin: 0 auto;
    width: 83.52em;
    height: 2em;
}

/* This is the full-size div that shows a simple hourglass image (spinny circle thing).
   The panel is shown by default, then hidden once all the Javascript has been loaded. */
#master_hourglass
{
	background-image: url(Images/hourglass.gif);
	background-repeat: no-repeat;
	background-position: center center;
    position: relative;
    height: 10em;
    width: auto;
}


/* -----------------------------------------------------
	LOGO HEADER: left + right logos
   ----------------------------------------------------- */
#master_logoBody ul
{
	list-style-type: none;
	text-align: left;
}

#master_logoBody ul li
{
	display: inline;
	padding: 1em 1em .5em 1em;
}

#master_logoBody .imageLeft
{
	float: left;
}

#master_logoBody .imageRight
{
	float: right;
}


/* -----------------------------------------------------
	MENUNAV SURROUND: The panel where the menu lives
   ----------------------------------------------------- */
#menuNavBorderTop
{
	margin: 0 0 0 0;
	background-image: url(Images/menunav-top-bg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	height: 9px;
	clear: both;
}

#menuNavBorderBottom
{
	margin: 0 0 0 0;
	background-image: url(Images/menunav-bottom-bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height: 9px;
	clear: both;
}


/* -----------------------------------------------------
	MENU: the actual dropdown menu itself
   ----------------------------------------------------- */
#menuWrapper
{
	min-height: 2.6em;
	height: 2.6em;
	background-image: url(Images/toc-bg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

#master_menuBody
{
	margin: 0;
	padding: .7em 1em .9em 1em;
}

#menuRoot li
{
	z-index: 5000;
	display: inline;
	list-style: none;
}

#menuRoot li a
{
	z-index: 5000;
	font-weight: bold;
	text-decoration: none;
	padding: 0 2em .8em 0;
}

#menuRoot li a:hover,
#menuRoot li a:active,
#menuRoot li a:focus
{
	text-decoration: underline;
}

#menuRoot ul
{
	z-index: 5000;
	text-align: left;
	position: absolute;
	visibility: hidden;
	padding: .5em 0;
}

#menuRoot ul a
{
	z-index: 5000;
	padding: .5em 1em;
	display: block;
	text-decoration: none;
	font-weight: normal;
}

#menuRoot ul a:hover,
#menuRoot ul a:active,
#menuRoot ul a:focus
{
	text-decoration: underline;
}

/*	iframe is needed for ie<=6 to ensure menus appear.
	above 'windowed' controls, eg SELECT (and other <input> controls).
	Ensure the iframe appears below the menu. */
#menuRootIFrame
{
	z-index: 4999;
}


/* -----------------------------------------------------
	NAVIGATION: home/log off/help etc.
   ----------------------------------------------------- */
#navWrapper
{
	min-height: 2.6em;
	background-image: url(Images/nav-main-bg.gif);
	background-repeat: repeat-x;
	background-position: left top;

	/*	IE needs seperate wrapper div (master_navBody),
		otherwise background colour disappears when :hover is activated */
}

#master_navBody
{
	overflow: auto;
}

#master_navBody p
{
	text-align: left;
	padding: .8em 0 .6em 1em;
	font-weight: bold;
	float: left;
}

#master_navBody ul
{
	float: right;	
	list-style-type: none;
	text-align: right;
	padding: .8em 0.1em .6em 0;
}

#master_navBody ul li
{
	display: inline;
}

#master_navBody ul li a
{
	text-decoration: none;
	padding: 0 1em;
	font-weight: bold;
}

#master_navBody ul li a:hover
{
	text-decoration: underline;
}


/* -----------------------------------------------------
	BODY
   ----------------------------------------------------- */
#master_contentBody
{
	line-height: 1.5em;
	padding: 1em;
	margin: 0;
}

fieldset ol,
fieldset ul
{
	list-style-type: disc;
	margin-left: 1em;
}

dd ol,
dd ul
{
	list-style-type: none;
	margin-left: 0;
}

a
{
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
}
 
a:hover
{
	text-decoration: underline;
}

/* -----------------------------------------------------
	COPYRIGHT
   ----------------------------------------------------- */
#master_copyrightBody p
{
	clear: both;
	text-align: left;
	padding: .5em 1em 0.5em 1em;
	margin: 0;
}


/* -----------------------------------------------------
	OTHER: random stuff...
   ----------------------------------------------------- */
#master_skiptocontent,
#master_maincontentstart
{
	/* screen readers don't like display:none, so position this off the edge of the screen */
	position: absolute;
	left: -1000em;
}

/* http://positioniseverything.net/easyclearing.html
   Applying this to an element that contains floats, will clear the entire container */
.clearfix
{
    clear: both;
}

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

/* http://www.satzansatz.de/cssd/onhavinglayout.html
   Overridden in FIX_IE_XXX.CSS, via Conditional Comments for IE. */
.gainlayout {}

.hidden
{
	visibility: hidden;
	display: none;
}

h1, .h1Simulation 
{
	font-size: 1.5em;
	margin-top: 0;
	margin-bottom: .7em;
}

h2 
{
	font-size: 1.25em;
	margin-top: 0;
	margin-bottom: .5em;
}

/* used to left/right align H1 and H2 */
.headingContainer
{
    clear: both;
}

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

.headingContainer h1
{
    float: left;
}

.headingContainer h2
{
    float: right;
}

input:focus, select:focus, textarea:focus, button:focus, submit:focus, a:focus
{
	outline: black dotted 1px;
}

.dropdownlist
{
	border: solid 1px;
}

.textbox
{
	border: solid 1px;
}

/* sizes applied to textboxes */
.tiny		{width: 2em;}
.small		{width: 5em;}
.medium		{width: 15em;}
.large		{width: 25em;}
.gigantic   {width: 95%;}

strong
{
	font-weight: bold;
}

em
{
    font-style: italic;
}

.nowrap
{
	white-space: nowrap;
}

.horizontallyAlignCentre, 
.horizontallyAlignRight
{
	display: block;
}

.horizontallyAlignCentre
{
	text-align: center;
}

.horizontallyAlignRight
{
	text-align: right;
}

/* tied to the LabelIndent property on several CubiksControls (eg CubiksLabel) */
.nest50 {margin-left: 0.5em;}
.nest1  {margin-left: 1em;}
.nest2  {margin-left: 2em;}
.nest3  {margin-left: 3em;}
.nest4  {margin-left: 4em;}
.nest5  {margin-left: 5em;}
.nest6  {margin-left: 6em;}
.nest7  {margin-left: 7em;}
.nest8  {margin-left: 8em;}
.nest9  {margin-left: 9em;}
.nest10 {margin-left: 10em;}
.nest11 {margin-left: 11em;}
.nest12 {margin-left: 12em;}
.nest13 {margin-left: 13em;}
.nest14 {margin-left: 14em;}
.nest15 {margin-left: 15em;}
.nest16 {margin-left: 16em;}
.nest17 {margin-left: 17em;}
.nest18 {margin-left: 18em;}
.nest19 {margin-left: 19em;}
.nest20 {margin-left: 20em;}

.spacedControls
{
    margin: 1em 0;
}

/* -----------------------------------------------------
	BULLET POINTS
   ----------------------------------------------------- */
/* arrow bullet points, this should be placed on the <ul> */
.arrowBullets,
.roundBullets,
.nakedBullets,
.bulletSimulation
{
	clear: both;
	list-style: none;
	margin-top: .5em;
	margin-left: 0;
}

/* ignore margins for an output list when displayed in a table or <dd> */
table .nakedBullets, dd .nakedBullets
{
    margin-top: 0;
}

.arrowBullets li,
.roundBullets li, 
.bulletSimulation
{
	padding-left: 1.5em;
	margin-bottom: .4em;
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
}

.arrowBullets dt,
.roundBullets dt,
.bulletSimulation
{
    background-repeat: no-repeat;
    background-position: left top;
    margin-bottom: .4em;
}

.arrowBullets li, .arrowBullets dt
{
	background-image: url(Images/bullet-arrow.gif);
}

.roundBullets li, .roundBullets dt,
.bulletSimulation
{
	background-image: url(Images/bullet-round.gif);
	list-style-type: none;
}

/* Add spacing at top of nested UL */
.roundBullets ul li ul 
{
    margin-top: .4em;
}

/* -----------------------------------------------------
	MESSAGE BOXES: normally appear at the top of the page
   ----------------------------------------------------- */
.errorBox, .warningBox, .infoBox
{
	list-style: none;
	padding: 1em;
	margin: 1em 0;
}

.errorBox
{
	border: solid 1px;
}

.warningBox, .infoBox
{
	border: solid 1px;
}

.errorBox h2, .warningBox h2, .infoBox h2, .infoBox h1, .errorBox h1, .warningBox h1
{
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 1.5em;
}

.errorBox h2, .errorBox h1
{
	background-image: url(Images/dialog-error.gif);
}

.warningBox h2, .warningBox h1
{
	background-image: url(Images/dialog-warning.gif);
}

.infoBox h2, .infoBox h1
{
	background-image: url(Images/dialog-information.gif);
}

.errorBox ul, .warningBox ul, .infoBox ul
{
	list-style: none;
	padding-left: 1.875em;
	margin: 0;
}

.errorBox li, .warningBox li, .infoBox li
{
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	padding-left: 1.5em;
}

.errorBox li
{
	background-image: url(Images/dialog-error-small.gif);
}

.warningBox li
{
	background-image: url(Images/dialog-warning-small.gif);
}

.infoBox li
{
	background-image: url(Images/dialog-information-small.gif);
}

.infoBox li.OutPutListCheckBox 
{
	background-image: none;
    padding: 0;
	margin: 0;
}

.errorBox li.plain, .warningBox li.plain, .infoBox li.plain
{
	background-image: none;
	padding: 0;
	margin: 0;
}

.errorBox a, .warningBox a, .infoBox a
{
	text-decoration: underline;
}

/* sub list embedded into the box, displays items in a scrollable list */
.errorBox ul ul, .warningBox ul ul, .infoBox ul ul
{
	list-style-type: disc;
	margin: 0 0 1em 0;
	padding: 0;
	border: none;
	list-style-image: none;
	list-style-position: inside;
	max-height: 10.5em;
	overflow: auto;
}

.errorBox ul ul li, .warningBox ul ul li, .infoBox ul ul li
{
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	margin-left: 1em;
	font-weight: normal;
	list-style-type: none;
	list-style-position: outside;
}

.errorBox ul ul li
{
	background-image: url(Images/dialog-error-tiny.gif);
}

.warningBox ul ul li
{
	background-image: url(Images/dialog-warning-tiny.gif);
}

.infoBox ul ul li
{
	background-image: url(Images/dialog-information-tiny.gif);
}

.boxWithoutHeading
{
	padding: 0.5em;
}

.boxWithoutHeading ul
{
	padding-left: 0em;
}

/* -----------------------------------------------------
	DEFINITION LISTS: used to layout fieldsets filled with input controls
   ----------------------------------------------------- */
dl
{    
    margin-bottom: 1em;
}  

dl:after
{
/* http://positioniseverything.net/easyclearing.html */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
  
dt
{
	float: left;
	clear: left;
	width: 30%;
	padding: .2em .5em .2em 0;
	text-align: left;
	font-weight: bold;
}

dd
{
	float: left;
	width: 68.5%;
	padding: .2em 0;
	text-align: left;
	font-weight: normal;
}
 
.narrowLabelFieldset dt
{
	width: 10%;
}

.narrowLabelFieldset dd
{
	width: 89%;
}
 
.wideLabelFieldset dt
{
	width: 45%;
}

.wideLabelFieldset dd
{
	width: 54%;
}

.blockIndent dt
{
    width: 3%;
    padding: 0;
}

.blockIndent dd
{
    width: 96%;
    padding: 0;
}


/* -----------------------------------------------------
	FIELDSET
   ----------------------------------------------------- */
fieldset
{
	border: solid 1px;
	text-align: left;
	padding: .5em 1em;
	clear: both;
}

fieldset legend
{
	font-weight: bold;
	padding: .2em .5em;
}

fieldset dl
{    
    margin-bottom: 0;
}  

fieldset dt
{
	text-align: left;
	font-weight: normal;
}

fieldset dd ul
{
	clear: both;
}

fieldset dd li
{
	margin-bottom: .2em;
}

/* relates to the number of radio button or checkboxes that appear on a row */
fieldset li.optionsPerLine1 {float: left; list-style-type: none}
fieldset li.optionsPerLine2 {float: left; width: 50%; list-style-type: none}
fieldset li.optionsPerLine3 {float: left; width: 33%; list-style-type: none}
fieldset li.optionsPerLine4 {float: left; width: 25%; list-style-type: none}
fieldset li.optionsPerLine5 {float: left; width: 20%; list-style-type: none}


/* -----------------------------------------------------
	BUTTONS
   ----------------------------------------------------- */
.buttonGroup
{
	margin: .5em 0 0 0;
	clear: both;
	list-style-type: none;
}

.buttonGroup:after
{
/* http://positioniseverything.net/easyclearing.html */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.disabledAnchor
{
	font-weight:bold;
	text-decoration:none;
}

.buttonGroup span span  /* for disabled buttons */
{
    border: solid 1px;
	background-repeat: repeat-x;
	background-position: left top;
    background-image: url(Images/button-bg.gif);
    padding: .3em 1em;
    margin: 0;
	text-align: center;
	text-decoration: none;
}

.buttonGroup a
{
    border: solid 1px;
	background-repeat: repeat-x;
	background-position: left top;
    background-image: url(Images/button-bg.gif);
    padding: .3em 1em;
    margin: 0;
	text-align: center;
	text-decoration: none;
}

.buttonGroup a:hover
{
    background-image: url(Images/button-bg-hover.gif);
	text-decoration: underline;
}

.buttonLeft
{
	float: left;
    margin: 0 1em 0 0;
	padding: .3em 0;
}

.buttonRight
{
	float: right;
    margin: 0 0 0 1em;
	padding: .3em 0;
}


/* -----------------------------------------------------
	SELECT (all | none | insert)
   ----------------------------------------------------- */
.selectGroup
{
	margin: 0 auto 0 auto;
	text-align: center;
}

.selectGroup li
{
	display: inline;
	margin-right: 1em;
}


/* -----------------------------------------------------
	TABLES
   ----------------------------------------------------- */
/*
All row styles have to specify their child 'td' elements because IE
doesn't like giving the cells their inherited bg colour.

Giving a background colour to a <tr> is valid CSS.
IE allows you to do it, however behind the scenes it is giving the style to the <td>/<th> cells.
*/

table
{
	border: solid 1px;
	margin: .5em 0;
	text-align: left;
	margin-left: auto;
	margin-right: auto; 
}

table .left
{
	text-align: left;
}

table .center
{
	text-align: center;
}

table .right
{
	text-align: right;
}

table .justify
{
	text-align: justify;
}

thead tr, thead th, tfoot th, .rowHeading, .rowHeading td
{
	font-weight: bold;
	margin: 0;
	border: solid 0;
	padding: .2em .5em;
}

thead a, tfoot a, .rowHeading a
{
	text-decoration: underline;
}
 
thead a:hover, tfoot a:hover, .rowHeading a:hover
{
	text-decoration: underline;
}

/* default row styling is applied via the 3 distinct row class selectors (.row/.rowAlt/.rowSection) */
tbody td
{
	margin: 0;
	border: solid 0;
	padding: .2em .5em;
}

tbody .rowSection, tbody .rowSection td
{
	font-weight: bold;
}

.horizontalPadding
{
	padding-left: .2em;
	padding-right: .2em;
}

/* -----------------------------------------------------
	GRID STYLES
   ----------------------------------------------------- */
.gridDecoration
{
    margin: 0;
    list-style-type: none;
    clear: both;
    width: 100%;
}

.gridDecoration .left
{
    float: left;
}

.gridDecoration .right
{
    float: right;
}


/* -----------------------------------------------------
	ERROR AND LABEL STYLES
   ----------------------------------------------------- */
.errorMarkerShow
{
	visibility: visible;
	margin-left: .5em;
}

.errorMarkerHide
{
	visibility: hidden;
	display: none;
}


/* -----------------------------------------------------
	simple Markup - apply to labels that will include raw naked markup loaded from DB
    Example of use can be found in XHelp.
   ----------------------------------------------------- */
.simpleMarkup p
{
    margin-bottom: 1em;
}

.simpleMarkup ul
{
    margin-left: 0;
    margin-bottom: 1em;
    
	list-style-image: none;
	list-style-type: none;
}

.simpleMarkup ul li
{
	background-image: url(Images/bullet-round.gif);
    background-repeat: no-repeat;
	margin-bottom: .4em;
	padding-left: 2em;
}

.simpleMarkup ol li
{
    list-style-type: decimal;
    margin-left: 2em;
    padding-left: .4em;
	margin-bottom: .4em;
}

/* -----------------------------------------------------
	jQUERY TOOLTIPS
   ----------------------------------------------------- */
#tip
{
    display: none; 
    position: absolute; 
    padding: 0.83em;
    max-width: 22.75em; 
    border-style: solid;
    border-width: 1px;
    z-index: 9999;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    text-align: left;
}


/* -----------------------------------------------------
	PAGE-SPECIFIC STYLES
   ----------------------------------------------------- */
/* .p<PageName>_<ClassName> */

.pALogon_Image
{
	float: left;
	width: 25%;
	padding-bottom: 1em;
}

.pALogon_Inputs
{
	 float: right;
	 width: 75%;
	 margin: 3em 0 0 0;
}

.pPLogon_Image
{
	float: left;
	width: 35%;
	padding-bottom: 1em;
}

.pPLogon_Inputs
{
	 float: right;
	 width: 65%;
	 margin: 3em 0 0 0;
}

/* see livePreview.css for layout of internal components */
#aGroupBrand_LivePreviewWrapper
{
    position: absolute;
    left: 50%;
    width: 39em;
    height: 30em;
    border: solid 1px #000000;
    margin: 1em 0 0 0;
}

#aGroupBrand_LivePreview
{
    position: relative;
    height: 30em;
}



/* -----------------------------------------------------
	jQUERY
   ----------------------------------------------------- */


/*
* 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; }


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


/* 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=tahoma,%20arial,%20helvetica,%20verdana,%20sans-serif&fwDefault=normal&fsDefault=1em&cornerRadius=4px&bgColorHeader=A52300&bgTextureHeader=01_flat.png&bgImgOpacityHeader=75&borderColorHeader=333333&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=333333&fcContent=333333&iconColorContent=333333&bgColorDefault=D6D6C0&bgTextureDefault=04_highlight_hard.png&bgImgOpacityDefault=75&borderColorDefault=333333&fcDefault=A52300&iconColorDefault=888888&bgColorHover=EBEBDF&bgTextureHover=04_highlight_hard.png&bgImgOpacityHover=75&borderColorHover=333333&fcHover=E73D05&iconColorHover=454545&bgColorActive=E73D05&bgTextureActive=04_highlight_hard.png&bgImgOpacityActive=65&borderColorActive=333333&fcActive=FFFFFF&iconColorActive=454545&bgColorHighlight=D6D6C0&bgTextureHighlight=01_flat.png&bgImgOpacityHighlight=0&borderColorHighlight=333333&fcHighlight=333333&iconColorHighlight=2e83ff&bgColorError=D6D6C0&bgTextureError=01_flat.png&bgImgOpacityError=0&borderColorError=A52300&fcError=A52300&iconColorError=A52300&bgColorOverlay=333333&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=A52300&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
*/


/* Component containers
----------------------------------*/
.ui-widget-content { border-width: 1px; border-style: solid; }
.ui-widget-header { border-width: 1px; border-style: solid; font-weight: bold; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border-width: 1px; border-style: solid; font-weight: normal; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border-width: 1px; border-style: solid; font-weight: normal; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border-width: 1px; border-style: solid; font-weight: normal; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { outline: none; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight { border-width: 1px; border-style: solid; }
.ui-state-error, .ui-widget-content .ui-state-error { border-width: 1px; border-style: solid; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { 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; font-weight: normal; }


/* 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 { opacity: .30; }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; opacity: .30; -moz-border-radius: 8px; -webkit-border-radius: 8px; }