@import url('https://fonts.googleapis.com/css?family=Open+Sans:Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');

@font-face {
  font-family: "Averta";
  src: url('/flow/fonts/averta/averta_Regular.ttf') format("truetype"); }

@font-face {
  font-family: 'Averta';
  src: url('/flow/fonts/averta/Averta-Regular.otf') format("opentype");
  src: url('/flow/fonts/averta/Averta-Regular.eot') format("embedded-opentype"), url('/flow/fonts/averta/Averta-Regular.woff') format("woff"), url('/flow/fonts/averta/Averta-Regular.ttf') format("truetype"), url('/flow/fonts/avertas/Averta-Regular.svg') format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Averta-Semibold';
  src: url('/flow/fonts/averta/Averta-Semibold.otf') format("opentype");
  src: url('/flow/fonts/averta/Averta-Semibold.eot') format("embedded-opentype"), url('/flow/fonts/averta/Averta-Semibold.woff') format("woff"), url('/flow/fonts/averta/Averta-Semibold.ttf') format("truetype"), url('/flow/fonts/averta/Averta-Semibold.svg') format("svg");
  font-weight: bold; }

@font-face {
  font-family: 'Averta-Light';
  src: url('/flow/fonts/averta/Averta-Light.otf') format("opentype");
  src: url('/flow/fonts/averta/Averta-Light.eot') format("embedded-opentype"), url('/flow/fonts/averta/Averta-Light.woff') format("woff"), url('/flow/fonts/averta/Averta-Light.ttf') format("truetype"), url('/flow/fonts/averta/Averta-Light.svg') format("svg");
  font-weight: 100; }
/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/

*
{
	font-size: 14px;
	font-family: 'Open Sans',sans-serif
}

html
{
    background: #EDEDED;
}

body
{
	height: 100%;
    margin: 0;
    padding: 0;
    color: #373737;
}

a:link
{
    color: #034af3;
    text-decoration: underline;
}
a:visited
{
    color: #505abc;
}
a:hover
{
    color: #1d60ff;
    text-decoration: none;
}
a:active
{
    color: #53A4E3; /* formerly #12EB87 (sea green); changed per Defect DE7141 */
}

/* Elements, reset by css resetter   
----------------------------------------------------------*/
strong 
{
	font-weight:bolder !important;
}

em 
{
	font-style:italic !important;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #373737;
    font-family: 'Open Sans',sans-serif;
    margin : 0;
    padding : 0;
}

h1
{
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}
h2
{
    margin-top: 1em;
}
h3
{
    font-size: 1.2em;
    padding-bottom: 0.25em;
    margin-top: 0.5em;
}
h4
{
    font-size: 1.1em;
}
h5, h6
{
    font-size: 1em;
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset 
{
    margin: 1em 0;
    padding: 1em;
    border: 1px solid #CCC;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset label 
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

.wnMain .wnContent textarea 
{
	width: 100%;
	padding: 3px;	
}

.wnMain .wnContent .wnFields > input[type=text]
{
	width: 50%;
}

.wnMain .wnContent input[type=text]
{
	padding: 3px;
}

.wnMain .wnContent input[type=button]
{
	cursor: pointer;
}

.wnMain .wnContent select
{
	padding: 3px;
}

/* TABLE
----------------------------------------------------------*/

table 
{
  border: solid 1px #e8eef4;
  border-collapse: collapse;
}

table td 
{
  padding: 5px;   
  border: solid 1px #e8eef4;
}

table th
{
  padding: 6px 5px;
  text-align: left;
  background-color: #e8eef4; 
  border: solid 1px #e8eef4;   
}

/* MISC
----------------------------------------------------------*/

.clear, .wnClear
{
    clear: both;
}
.wnFloatRight
{
	float: right;
}
.wnFloatLeft
{
	float: left;
}

.wnDialogBoxes 
{
	display:none;
}

.wnEasterEgg.wnSubHeader 
{
	float:left;
}

.wnEasterEgg
{
    color: #EDEDED;
	font-size:12px;
}

.cursor-pointered {
    cursor: pointer;
}

.vertical-aligned-top {
    vertical-align: top;
}

/* Errors  
----------------------------------------------------------*/

#WNValidationSummary
{

}

.validation-summary-valid
{
    display: none;
}

#WNErrorDisplay 
{
    clear: both;
	display:block;
}

.wnError
{
    font-size: 12px !important;
    color:red !important;
    font-weight: bold;
}

.wnWarning
{
    color:orange !important;
    font-weight: bold;
}

.wnErrorField
{
	border:1px dashed red !important;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.wnEditField > .wnLabel .field-validation-error
{
	padding-left: 1em;
}

/* Next Gen CMS styles  */

.button-nextgen-cms,
input.nextgen-cms[type=submit] 
{
  transition: all 0.5s ease 0s;
  background: #0068ff;
  border: 1px solid #0068ff;
  color: white;
  border-radius: 0;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  display: inline-block;
  margin: 0;
  outline: 0;
  text-overflow: ellipsis;
  text-decoration: none;
  vertical-align: top;
  line-height: 21px;
  padding: 7px 14px 9px;
  -webkit-appearance: none;
}

.button-nextgen-cms:hover,
input.nextgen-cms[type=submit]:hover,
.button-nextgen-cms:focus,
input.nextgen-cms[type=submit]:focus
{
    background: #0151C1;
    border: 1px solid #0151C1;
    color: white; 
}

input.nextgen-cms[type=text] {
    border-radius: 0;
    margin: 0;
    padding: 7px 14px;
    width: 100%;
    color: #2e4453;
    font-size: 13px;
    line-height: 1.5;
    border: 1px solid #c8d7e1;
    background-color: white;
    transition: all .15s ease-in-out;
    box-sizing: border-box;
    height: 40px;
}

input.nextgen-cms[type=password] {
    border-radius: 0;
    margin: 0;
    padding: 7px 14px;
    width: 100%;
    color: #2e4453;
    font-size: 13px;
    line-height: 1.5;
    border: 1px solid #c8d7e1;
    background-color: white;
    transition: all .15s ease-in-out;
    box-sizing: border-box;
    height: 40px;
}

/* This file is used to manage the styles associated with the page layout/structure.
	You can say that it correlates with the content found on the master template and does not
	container page specific content, rather page generic content. */
	
body.wnEditBody
{

}

div.wnPage
{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

div.wnPage > div.wnHeader
{
	height: 132px;
 	color: #FFFFFF;
}

div.wnPage > div.wnMain
{
    margin: 0;
	width: 980px;
}

div.wnPage > div.wnMain > div.wnContent
{
	/* Adding width to wnMain, element with padding applied so that the width will be adjusted */
	/* width: 980px; */
	margin: 0 30px;
}

div.wnPage > div.wnFooter,
div.wnPage > footer.wnFooter
{
    padding: 10px 0;
    text-align: center;
    line-height: normal;
    margin: 0;
    margin-top: 50px;
    font-size: .9em;
}

div.wnPage > div.wnFooter .wnText, 
div.wnPage > footer.wnFooter .wnText 
{
	color: #FFF;
}
.hide 
{
    display: none;
}

.flex {
    display: flex;
}

/* Logo Header
----------------------------------------------------------*/

/* FLOW like header styles */

header {
    background-color: #2A2E33;
    vertical-align: middle;
    border-bottom: 1px solid #023a5f;
    font-size: 1.4em;
    height: 3.7em;
    padding: 0 1.3em;
    font-weight: normal;
    
}

header .wrap-MainLogo {
    display: flex;
	vertical-align: middle;
    background: none;
}

header img#MainLogo {
    float: left;
    width: 294px;
}

/* END: FLOW like header styles */

.wnHeader > .wnSubHeader
{
	clear:both;
}

.wnSubHeader.wnLogoHeader
{
	background-color: #2A2E33;/* worldnow blue #2A2E33 #2A2E33 */
	/*background-image: url('/Flow/Content/css/images/bkg-header.jpg');*/
	background-repeat: repeat-x;
	min-height:90px;
}

.wnSubHeader.wnLogoHeader 
{
	color: #FFF;
	font-weight:bold;
}

.wnSubHeader.wnLogoHeader select
{
	font-weight:normal;
}

.wnSubHeader.wnLogoHeader .wnLogo,
.wnSubHeader.wnLogoHeader .wnLogo img
{
	float: left;
	width:372px;
	height:90px;
}

.wnSubHeader.wnLogoHeader .wnLogoRight
{
	float:right;
	background-color: #2A2E33;
	padding: 10px;
	margin:10px 38px 0 0;
	min-width:155px;
	/*-moz-border-radius: 7px;
	-moz-box-shadow: 2px  2px 2px #041C3F;
	-webkit-border-radius: 7px;
	-webkit-box-shadow: 2px 2px 2px #041C3F;
	border-radius: 7px;
	box-shadow: 2px 2px 2px #041C3F;*/
}

.wnSubHeader.wnLogoHeader .wnMultiSiteOptions
{
	text-align:right;
}

select#MultiSiteAffiliateNo,
select#MultiSiteAffiliateNo option
{
	width:10em;
}

.wnSubHeader.wnLogoHeader .wnUserName
{
	text-align:right;
	padding-bottom:5px;
	font-size: .9em;
}

/* Menu Container / Header Area 
----------------------------------------------------------*/
.wnSubHeader.wnMenuHeader
{
	background-color: #2A2E33; /* worldnow blue alt 1 */
	/*background-image: url('/Flow/Content/css/images/bkg-menu.jpg');*/
	border-bottom: solid 5px #2A2E33; 
	text-transform:capitalize;
}

.wnSubHeader.wnMenuHeader .wnMenuLeft
{
	margin-left: 16px;
}

.wnSubHeader.wnMenuHeader .wnMenuRight
{
	float:right;
	margin-right:25px;
}

ul.wnRHSmenulinks,
ul.wnRHSmenulinks li
{
	display: inline;
	float:left;
	margin:0;
	padding:0;
	list-style-type:none;
}

ul.wnRHSmenulinks li
{
	padding: 2px 15px;
}

ul.wnRHSmenulinks li.wnRHSmenuhelp
{
	border: solid 1px #2A2E33;
	border-top: 0;
	border-bottom: 0;
}

a.wnRHSmenulink
{
	color: #FFF;
	text-decoration:none;
	font-weight:bold;
	cursor: pointer;
}

.wnSubHeader.wnMenuHeader #wn-rhsmenu a.wnRHSmenulink
{
	color: #FFF;
	cursor: pointer;
}

.wnSubHeader.wnMenuHeader #wn-rhsmenu a.wnRHSmenulink img 
{
	cursor: pointer;
}

.wnSubHeader.wnMenuHeader #wn-rhsmenu a.wnRHSmenupreview
{}

.wnSubHeader.wnMenuHeader #wn-rhsmenu a.wnRHSmenuhelp
{}

.wnSubHeader.wnMenuHeader #wn-rhsmenu a.wnRHSmenulogout
{}

.wnSubHeader.wnMenuHeader #wn-rhsmenu a.wn-rhsmenulogin
{}

.wnSubHeader.wnMenuHeader .wnMenuLeft
{
	float:left;
	text-transform: capitalize;
	font-weight:600;
}

#MainMenu 
{
    /* IE6/IE7 z-index bug */
    position: relative;
    z-index: 900;
}

.wnSubHeader.wnMenuHeader .wnMenuLeft .wn-mainmenu > ul:first-child > li > a
{

}

/* Sub Header Notices/Simple Search Container / Header Area 
----------------------------------------------------------*/
.wnSubHeader.wnNoticesSearch
{
	float:right;
	margin:5px 35px 5px 10px;
	padding:5px 10px;
	vertical-align:middle;
}

/* Simple Search Container / Header Area 
----------------------------------------------------------*/
.wnSubHeader .wnSimpleSearch
{
	float:left;
}

.wnSubHeader .wnSimpleSearch input,
.wnSubHeader .wnSimpleSearch select
{
	margin-right: 5px;
}

.wnSubHeader .wnSimpleSearch.status-wnCorners-loaded
{
	background-color: transparent;
	border: none;
}
.wnSubHeader .wnSimpleSearch.status-wnCorners-loaded .crn 
{ 
}

.wnSubHeader .wnSimpleSearch #searchTextbox 
{
	background:#FFFFFF none repeat scroll 0 0;
	text-align:left;
	width:200px;
	padding: 1px 5px;
}

.wnSubHeader .wnSimpleSearch #searchTextbox.inactive
{
	color:#A1A1A1;
}

.wnSubHeader .wnSimpleSearch #searchLabel
{
	font-weight:bold;
	text-decoration:underline;
	margin-right:.5em;
}

.wnSubHeader .wnSimpleSearch select#searchFeatureType
{
	padding:1px 0 1px 5px;
}

.wnSubHeader .wnSimpleSearch input.wnSubmit 
{
	display: inline;
	cursor:pointer;
	border: none;
	vertical-align:bottom;
	background-color: transparent;
	margin-top: -10px;
	width:20px;
	height:20px;
}

/* Notices Section 
----------------------------------------------------------*/

.wnSubHeader .wnNotices
{
	float:left;
	padding:5px;
}

.wnSubHeader .wnNotices #WNDisclaimer,
.wnSubHeader .wnNotices #WNTips,
.wnSubHeader .wnNotices #WNDocs
{
	float: left;
}

.wnSubHeader .wnNotices #WNDisclaimer .wnLabel,
.wnSubHeader .wnNotices #WNTips .wnLabel,
.wnSubHeader .wnNNotices #WNDocs .wnLabel
{
	font-weight: bold;
	margin-right: 1em;
}

.wnSubHeader .wnNotices .wnContent {
	display:none;
}

.wnSubHeader .wnNotices .wnContent ul,
.wnSubHeader .wnNotices .wnContent ul li
{
	margin: 0 0 0 1em;
	padding: .2em 0;
}
/* This page is used to manage content that's not within the general skeleton of the site */

/* Page Description
----------------------------------------------------------*/

#WNPageLabel
{
	color: #08295A;
	font-size:1.7em;
	font-weight:bold;
	float:left;
	padding-right: 40px;
}

/* Page Items - Icons
----------------------------------------------------------*/

span.wnIconLeft
{
	float:left;
	/*
	padding-left: 18px;
	display: inline !important;
	*/
}

span.wnIconRight
{
	padding-left: 18px;
	display: inline;
}

.wn-icon 
{
	width:16px;
	height:20px;
	background-repeat: no-repeat;
	background-position:center center;
	display: inline-block;
	overflow: hidden;
	text-indent: -99999px;
}

.wn-inline-icon 
{
    background-repeat: no-repeat;
    background-position: 0 0;
    display: inline-block;
    overflow: hidden;
}

.wn-icon-pointer
{
	cursor:pointer;
}

.wn-icon-alert{background-image: url('/Flow/Content/css/images/icon-alert.png'); }
.wn-icon-lightbulb{background-image: url('/Flow/Content/css/images/icon-lightbulb.png'); }
.wn-icon-search{background-image: url('/Flow/Content/css/images/icon-search.png'); }
.wn-icon-asterisk{background-image: url('/Flow/Content/css/images/icon-asterisk.png'); }
.wn-icon-throbber{background-image: url('/Flow/Content/css/images/icon-throbber.gif'); }

.wnEditField > .wnLabel .wn-icon-asterisk
{
	height: 1em;
	width: 1em;
	background-position: 50% 50%;
	margin: 0 1em;
}

.wnItem > span.wn-inline-icon
{
	margin-left: 0 !important;
	padding-left: 1.5em !important;
}

.wnItem > label.wn-inline-icon
{
	margin-left: 1em !important;
	padding-left: 1.5em !important;
}

.wnItem > label.wn-inline-icon.wn-icon-asterisk
{
	margin-left: 1em !important;
	background-position: 4px 0;
}

/*.wnItem > div.wn-icon
{
	margin-left: 1em !important;
	float:left;
}

.wnItem > div.wn-icon.wn-icon-asterisk
{
	margin-left: .7em !important;
}

.wnItem > label.has-icon
{
	padding: 0 1em 0 .5em!important;
}*/

/* Hide all loaders by default */
/* ******************************************************************** */
.loader 
{
	display: none;
}

/* Icons Set CMS style */
/* ******************************************************************** */
.cms-icon 
{
	width:26px;
	height:26px;
	float:left;
	background: url('/Flow/Content/css/images/sprite.png') no-repeat;
	background-position: 0 0;
}

.cms-icon-medium
{
	width:40px;
	height:40px;
	float:left;
	background: url('/Flow/Content/css/images/sprite.png') no-repeat;
	background-position: 0 0;
	margin-right: 0.5em;
}

.cms-iconth /* Applied to icons in CMS.Grid table header elements */
{
	display: inline;
	position: relative;
	top: 4px;
}

.cms-icon-right {
	float: right !important;
}

.cms-icon-inline 
{
	display:inline-block;
	float:none;
	vertical-align:bottom;
}

.cms-icon-anchor {
	width:26px;
	height:26px;
	background: url('/Flow/Content/css/images/sprite.png') no-repeat;
	background-position: 0 0;
}

.cms-click {
	cursor : pointer;
}

/* First Row colPX 0PX */
.cms-icon-hardware						{ background-position: -52px 0; }
.cms-icon-cd,
.cms-icon-software						{ background-position: -78px 0; }

/* Second Row colPX -26PX */
.cms-icon-edit							{ background-position: 0 -26px; }
.cms-icon-edit-hover					{ background-position: -26px -26px; }
.cms-icon-browser						{ background-position: -52px -26px; }

/* Third Row colPX -52PX */
.cms-icon-expand-left					{ background-position: 0 -52px; }
.cms-icon-expand-right					{ background-position: -26px -52px; }
.cms-icon-expand-left-inactive			{ background-position: -52px -52px; }
.cms-icon-expand-right-inactive			{ background-position: -78px -52px; }

/* Forth Row colPX -78PX */

/* Fifth Row comPX -104PX */
.cms-icon-log							{ background-position: -52px -104px; }

/* 6th Row colPX -130PX */
.cms-icon-info							{ background-position: 0 -130px; }
.cms-icon-error							{ background-position: -26px -130px; }
.cms-icon-success						{ background-position: -52px -130px; }
.cms-icon-warning,
.cms-icon-alert							{ background-position: -78px -130px; }

/* 7th Row colPX -156PX */
.cms-icon-arrow-up-inactive				{ background-position: 0 -156px; }
.cms-icon-arrow-up						{ background-position: -26px -156px; }
.cms-icon-arrow-up-active				{ background-position: -52px -156px; }
.cms-icon-user							{ background-position: -78px -156px; }

/* 8th Row colPX -182PX */
.cms-icon-arrow-down					{ background-position: -26px -182px; }
.cms-icon-arrow-down-inactive			{ background-position: 0 -182px; }
.cms-icon-arrow-down-active				{ background-position: -52px -182px; }
.cms-icon-password						{ background-position: -78px -182px; }

/* 9th Row colPX -208PX */
.cms-icon-question-mark 				{ background-position: 0 -208px; }
.cms-icon-delete						{ background-position: -52px -208px; }
.cms-icon-searchcriteria-delete			{ background-position: -26px -208px; }

/* 10th Row colPX -234PX */
.cms-icon-refresh						{ background-position: -52px -234px; }
.cms-icon-reload						{ background-position: -78px -234px; }

/* 11th Row colPX -260PX */
.cms-icon-wait							{ background-position: -26px -260px; }
.cms-icon-go							{ background-position: -78px -260px; }

/* 12th Row colPX -286PX */
.cms-icon-new-window					{ background-position: -78px -286px; }

/* 13th Row colPX -312PX */
.cms-icon-plus							{ background-position: -52px -312px; }
.cms-icon-comment						{ background-position: 0px -312px; }

/* 14th Row colPX -338PX */
.cms-icon-story							{ background-position: -26px -338px; }
.cms-icon-category						{ background-position: 0px -338px; }
.cms-icon-link,
.cms-icon-linksplus,
.cms-icon-linkclassic					{ background-position: -52px -338px; }
.cms-icon-linkembed						{ background-position: -78px -338px; }

/* 15th Row colPX -364PX */
.cms-icon-clip							{ background-position: 0 -364px; }
.cms-icon-form							{ background-position: -78px -364px; }
.cms-icon-poll							{ background-position: -26px -364px; }
.cms-icon-widget,
.cms-icon-widgets						{ background-position: -52px -364px; }

/* 16th Row colPX -390PX */
.cms-icon-weatheralert					{ background-position: -78px -390px; }
.cms-icon-utilityblock,
.cms-icon-xmlblock						{ background-position: 0 -390px; }
.cms-icon-quicksignup					{ background-position: -26px -390px; }
.cms-icon-weather						{ background-position: -52px -390px; }

/* 17th Row colPX -416PX */

/* 18th Row colPX -442PX */
.cms-icon-goto-start					{ background-position: 0px -442px; }
.cms-icon-goto-end						{ background-position: -78px -442px; }
.cms-icon-back							{ background-position: -26px -442px; }
.cms-icon-forward						{ background-position: -52px -442px; }

/* 19th Row colPX -470PX */
.cms-icon-medium.cms-icon-warning		{ background-position: 0 -470px; }
.cms-icon-medium.cms-icon-alert			{ background-position: -40px -470px; }
.cms-icon-medium.cms-icon-error			{ background-position: -76px -470px; }

/* 20th Row colPX -510PX */
.cms-icon-medium.cms-icon-success		{ background-position: 0 -510px; }


/* Page Items - Time Fields
----------------------------------------------------------*/
.wnTime 
{
	width: 5em;
}

/* Page Items - Edit Field
----------------------------------------------------------*/
.wnEditField
{
	/*
	background: #DDD;
	border: solid 1px #9C9C9C;
	*/
	clear: both;
	display: block;
	margin-top: 5px;
}

#WNSchedule.wnEditField
{
	background: #DDD;
	border: solid 1px #9C9C9C;
}

/* New style edit fields */

.wnItem.input .errorMsg 
{
	display:none;
}

.wnItem.input.ui-state-error 
{
	border:none;
	background:transparent;
}

.wnItem.input.ui-state-error span.errorMsg 
{
	display:inline;
}

.editField ul.wnGroup
{
	display:table;
}

.editField li.wnItem
{
	padding:1em 1em 1em 0;
	display:table-cell;
	vertical-align:middle;
	float:none;
}

.editField li.wnItem.label
{
	font-weight:bold;
	vertical-align:middle;
	width:150px;
	display:block;
}

.editField label.wnContent.label
{
	font-weight:bold;
	/* Keep padding consistent with padding of wnItem element */
	padding:0 1em;
}

.editField ul.wnGroup.sub li.wnItem.input
{
	background-color: #DDD;
	border: 1px solid #AAA;
}

/* Half Columns */
/* ****************************************************************************************************** */

.wnEditField.half
{
	width:50%;
	float:left;
	clear:none;
}

/* Page Items - Labels
----------------------------------------------------------*/
.wnLabel
{
}

.wnLabel > span
{
	float:left;
}

.wnLabel span:first-child
{
	/* margin-left:5px; */
	line-height: 26px;
}

.wnEditField > .wnLabel
{
	font-weight:bolder;
}

.wnEditField .wnEditFieldExpand .wnLabel {
	cursor:pointer;
}

/* Page Items - Fields
----------------------------------------------------------*/
.wnFields
{
	padding: 0 0 5px 0;
}

/* Page Items - Tools
----------------------------------------------------------*/
.wnTools
{

}

.wnEditField .wnTools
{
	margin: 3px 5px;
	float:right;
	padding: 3px;
}

.wnEditField .wnTools > *
{
	float: left;
	margin: 0 5px;
}

/* Page Items - Req Star
----------------------------------------------------------*/
.wnRequiredFieldStar
{
	padding-left:12px;
	background: url('/Flow/Content/css/images/asterisk.gif') no-repeat;
}

.wnRequiredFieldsNotice
{
	padding: 10px 0;
	font-weight: bold;
}


/* Page Items - Text
----------------------------------------------------------*/
.wnText
{
	line-height: 26px;
}

.wnEditField .wnEditFieldExpand .wnLabel .wnText {
	height: 16px;
	font-weight:bolder;
	font-size: .9em;
}

/* Page Items - Content
----------------------------------------------------------*/

.wnContent ul
{
	margin:10px 0;
}

.wnContent li 
{
	margin:3px 10px;
}

.wnContent li li 
{
	list-style:disc;
	list-style-position:inside;
}

.wnDisclaimerContent, .wnTipsContent 
{
	display:none;
}

/* Page Items - Footer
----------------------------------------------------------*/
div.wnPage div.wnFooter .wnText a,
div.wnPage footer.wnFooter .wnText a
{
	color: White;
	text-decoration: none;
}



/* Notifications 
----------------------------------------------------------*/
.wnNotification {}
.wnNotification ul 
{
	list-style-type:none;
	margin:0;
	padding:0;
}

.wnNotification li 
{
	float:left;
}

.wnNotification .wnGroup 
{
	display: table;
	width: 100%;
	padding: 0.5em;
}

.wnNotification .wnItem
{
	display: table-cell;
	vertical-align: middle;
	float: none;
}

.wnNotification .wnItem.icon
{
	width: 5%;
}

.lt-ie8 .wnNotification .wnItem
{
	float: left;
}

.lt-ie8 .wnNotification .wnItem.icon
{
	width: 30px;
}


.wnMain {min-height:800px}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em; 
	width:			17em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li{
	float:			left;
	position:		relative;
}

.sf-menu > li 
{
	/*border-right: solid 1px #054C8E;*/
}

.sf-menu > li:last-child 
{
	/*border-right: 0;*/
}

.sf-menu li ul li
{
	/*border-left: 1px #FD3C1C solid;
	border-right: 1px #FD3C1C solid;*/
}

.sf-menu li ul li:first-child
{
	/*border-top: 1px #FD3C1C solid;*/
}

.sf-menu li ul li:last-child
{
	/*border-bottom: 1px #FD3C1C solid;*/
}

.sf-menu > li > ul > li:last-child
{
	-moz-border-radius-bottomright: 5px; 
	-moz-border-radius-bottomleft: 5px; 
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
}

.sf-menu > li > ul > li > ul li:first-child
{
	-moz-border-radius-topright: 5px; 
	-webkit-border-top-right-radius: 5px;
}

.sf-menu > li > ul > li > ul li:last-child
{
	-moz-border-radius-bottomright: 5px; 
	-webkit-border-bottom-right-radius: 5px;
}

.sf-menu a {
	display:		block;
	position:		relative;
}

    .sf-menu li.sfHover a:hover {
        color: #039BF9;
    }

    .sf-menu li:hover ul,
    .sf-menu li.sfHover ul {
        color: #039BF9;
        left: 0;
        /* For flush against the top menu item - 
	match top ul list item height; MU - Also correlates with padding set to elements in the li tag, namely: .sf-menu a 
	*/
        top: 2.15em; /* match top ul list item height; MU - Also correlates with padding set to elements in the li tag, namely: .sf-menu a  */
        z-index: 99;
    }
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			17em; /* match ul width to be flush*/
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			17em; /* match ul width to be flush */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	/* margin-bottom:	1em; */
}
.sf-menu a {  /* match top ul list item height: .sf-menu li.sfHover ul  */ 
	padding:		.4em;
	padding-left:	15px; /* Adding this so first menu item aligns with left alignment of page */
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#FFFFFF;
}
.sf-menu li {
	/* background:		#06315E; */
	/* border-bottom: 1px #06315E solid; */
}
.sf-menu li li {
	background:		#2A2E33;  
	/* background:		#06315E; */
	/* background:		#4575a8; */
}
.sf-menu li li li {

	background:		#2A2E33;  
	/* background:		#06315E; */
	/* background:		#4575a8; */
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	/* background:		#CFDEFF; */
	/* background:		#06315E; */
	outline:		0;
}

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

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

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('/Flow/Content/css/plugins/Superfish/images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
	width:	10em;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
	left:	10em; /* match ul width */
	top:	0;
}

/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/

/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/
.sf-navbar {
	background:		#BDD2FF;
	height:			2.5em;
	padding-bottom:	2.5em;
	position:		relative;
}
.sf-navbar li {
	background:		#AABDE6;
	position:		static;
}
.sf-navbar a {
	border-top:		none;
}
.sf-navbar li ul {
	width:			44em; /*IE6 soils itself without this*/
}
.sf-navbar li li {
	background:		#BDD2FF;
	position:		relative;
}
.sf-navbar li li ul {
	width:			13em;
}
.sf-navbar li li li {
	width:			100%;
}
.sf-navbar ul li {
	width:			auto;
	float:			left;
}
.sf-navbar a, .sf-navbar a:visited {
	border:			none;
}
.sf-navbar li.current {
	background:		#BDD2FF;
}
.sf-navbar li:hover,
.sf-navbar li.sfHover,
.sf-navbar li li.current,
.sf-navbar a:focus, .sf-navbar a:hover, .sf-navbar a:active {
	background:		#BDD2FF;
}
.sf-navbar ul li:hover,
.sf-navbar ul li.sfHover,
ul.sf-navbar ul li:hover li,
ul.sf-navbar ul li.sfHover li,
.sf-navbar ul a:focus, .sf-navbar ul a:hover, .sf-navbar ul a:active {
	background:		#D1DFFF;
}
ul.sf-navbar li li li:hover,
ul.sf-navbar li li li.sfHover,
.sf-navbar li li.current li.current,
.sf-navbar ul li li a:focus, .sf-navbar ul li li a:hover, .sf-navbar ul li li a:active {
	background:		#E6EEFF;
}
ul.sf-navbar .current ul,
ul.sf-navbar ul li:hover ul,
ul.sf-navbar ul li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
}
ul.sf-navbar .current ul ul {
	top: 			-999em;
}

.sf-navbar li li.current > a {
	font-weight:	bold;
}

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

/*** remove shadow on first submenu ***/
.sf-navbar > li > ul {
	background: transparent;
	padding: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-topright: 0;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
}
/* 
	Document   : jquery.pnotify.default.css
	Created on : Nov 23, 2009, 3:14:10 PM
	Author     : Hunter Perrin
	Description:
		Default styling for Pines Notify jQuery plugin.
*/

/* Notice
----------------------------------*/
.ui-pnotify {
	top: 18px;
	right: 18px;
	position: absolute;
	height: auto;
	/* Ensure that the notices are on top of everything else. */
	z-index: 9999;
}
/* This hides position: fixed from IE6, which doesn't understand it. */
html > body .ui-pnotify {
	position: fixed;
}
.ui-pnotify .ui-pnotify-shadow {
	margin: 0;
	position: absolute;
	top: 2px;
	left: 2px;
	bottom: -3px;
	right: -3px;
	z-index: -1;
}
.ui-pnotify-container {
	background-position: 0 0;
	padding: 8px;
	height: 100%;
}
.ui-pnotify-closer {
	float: right;
	margin-left: 2px;
}
.ui-pnotify-title {
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 4px;
}
.ui-pnotify-text {
	display: block;
}
.ui-pnotify-icon, .ui-pnotify-icon span {
	display: block;
	float: left;
	margin-right: 2px;
}
/* History Pulldown
----------------------------------*/
.ui-pnotify-history-container {
	position: absolute;
	top: 0;
	right: 18px;
	width: 70px;
	border-top: none;
	/* Ensure that the history container is on top of the notices. */
	z-index: 10000;
}
.ui-pnotify-history-container .ui-pnotify-history-header {
	padding: 2px;
}
.ui-pnotify-history-container .ui-pnotify-history-all {
	display: block;
	width: 100%;
}
.ui-pnotify-history-container .ui-pnotify-history-last {
	display: block;
	width: 100%;
}
.ui-pnotify-history-container .ui-pnotify-history-pulldown {
	display: block;
	margin: 0 auto;
}
/* Multiselect */
/*
    Changes by Maksim Gumenyuk:
    - MIDDLEWARE-14 defect fixed.
*/

.ui-multiselect { border: solid 1px; font-size: 0.8em; }
.ui-multiselect ul { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; }
.ui-multiselect li { margin: 0; padding: 0; cursor: default; line-height: 20px; /* height: 20px; MIDDLEWARE-14 */ font-size: 11px; list-style: none; }
.ui-multiselect li a { color: #999; text-decoration: none; padding: 0; display: block; float: left; cursor: pointer;}
.ui-multiselect li.ui-draggable-dragging { padding-left: 10px; }

.ui-multiselect div.selected { position: relative; padding: 0; margin: 0; border: 0; float:left; }
.ui-multiselect ul.selected { position: relative; padding: 0; overflow: auto; overflow-x: hidden; background: #fff; margin: 0; list-style: none; border: 0; position: relative; width: 100%; }
.ui-multiselect ul.selected li { }

.ui-multiselect div.available { position: relative; padding: 0; margin: 0; border: 0; float:left; border-left: 1px solid; }
.ui-multiselect ul.available { position: relative; padding: 0; overflow: auto; overflow-x: hidden; overflow-y:scroll; background: #fff; margin: 0; list-style: none; border: 0; width: 100%; }
.ui-multiselect ul.available li { padding-left: 10px; }
 
.ui-multiselect .ui-state-default { border: none; margin-bottom: 1px; position: relative; padding-left: 20px;}
.ui-multiselect .ui-state-hover { border: none; }
.ui-multiselect .ui-widget-header {border: none; font-size: 11px; margin-bottom: 1px;}
 
.ui-multiselect .add-all { float: right; padding: 7px;}
.ui-multiselect .remove-all { float: right; padding: 7px;}
.ui-multiselect .search { float: left; padding: 4px;}
.ui-multiselect .count { float: left; padding: 7px;}

.ui-multiselect li span.ui-icon-arrowthick-2-n-s { position: absolute; left: 2px; }
.ui-multiselect li a.action { position: absolute; right: 2px; top: 2px; }
 
.ui-multiselect input.search { height: 14px; padding: 1px; opacity: 0.5; margin: 4px; width: 100px; }

/* Example tokeninput style #2: Facebook style */
ul.token-input-list-facebook {
    overflow: hidden; 
    height: auto !important; 
    height: 1%;
    width: 400px;
    border: 1px solid #8496ba;
    cursor: text;
    font-size: 12px;
    font-family: Verdana;
    min-height: 1px;
    z-index: 999;
    margin: 0;
    padding: 0;
    background-color: #fff;
}

ul.token-input-list-facebook {
    list-style-type: none;
}

ul.token-input-list-facebook li input {
    border: 0;
    width: 100px;
    padding: 3px 8px;
    background-color: white;
    margin: 2px 0;
}

li.token-input-token-facebook {
    overflow: hidden; 
    height: auto !important; 
    height: 1%;
    margin: 3px;
    padding: 1px 3px;
    background-color: #eff2f7;
    color: #000;
    cursor: default;
    border: 1px solid #ccd5e4;
    font-size: 11px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    float: left;
}

li.token-input-token-facebook p {
    display: inline;
    padding: 0;
    margin: 0;
}

li.token-input-token-facebook span {
    color: #a6b3cf;
    margin-left: 5px;
    font-weight: bold;
    cursor: pointer;
}

li.token-input-selected-token-facebook {
    background-color: #5670a6;
    border: 1px solid #3b5998;
    color: #fff;
}

li.token-input-input-token-facebook {
    float: left;
}

div.token-input-dropdown-facebook {
    position: absolute;
    width: 400px;
    background-color: #fff;
    overflow: hidden;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    cursor: default;
    font-size: 11px;
    font-family: Verdana;
    z-index: 1;
}

div.token-input-dropdown-facebook p {
    margin: 0;
    padding: 5px;
    font-weight: bold;
    color: #777;
}

div.token-input-dropdown-facebook ul {
    margin: 0;
    padding: 0;
}

div.token-input-dropdown-facebook ul li {
    background-color: #fff;
    padding: 3px;
}

div.token-input-dropdown-facebook ul li.token-input-dropdown-item-facebook {
    background-color: #fff;
}

div.token-input-dropdown-facebook ul li.token-input-dropdown-item2-facebook {
    background-color: #fff;
}

div.token-input-dropdown-facebook ul li em {
    font-weight: bold;
    font-style: none;
}

div.token-input-dropdown-facebook ul li.token-input-selected-dropdown-item-facebook {
    background-color: #3b5998;
    color: #fff;
}


/*
 * Expandable, a jQuery plugin to dynamically group and hide web content
 * Copyright (C) 2009  Marc Diethelm
 * License: (GPL 3, http://www.gnu.org/licenses/gpl-3.0.txt) see license.txt
 */

/*.ui-expandable {
	border: 1px solid #cccccc;
	border-width: 1px 0;
}*/
.ui-expandable .ui-widget-header {
	overflow: hidden;
	width: 100%;
}
.ui-expandable-icon,
.ui-expandable .ui-expandable-title {
	float: left;
}
.ui-expandable .ui-widget-header .ui-icon {
	height:16px;
	width:16px;
	margin-right: 2px;
}
.ui-expandable .ui-widget-header .ui-icon.icon-closed {
	background-image: url('/Flow/Content/css/plugins/expandable-closed.png');
}
.ui-expandable .ui-widget-header .ui-icon.icon-open {
	background-image: url('/Flow/Content/css/plugins/expandable-open.png');
}
.ui-expandable-extraIcon {
	float: right;
}
.ui-expandable .ui-widget-content {
	border-top-width: 0; /* fixes double border when using jQuery UI theme */
}
/* some elements create a gap between content and title (eg. UL) */
/*.ui-expandable .ui-widget-content {
	margin: 0;
	padding: 0;
}*/
/* many such corrections could be made I suppose: */
.ui-expandable .ui-widget-content ul,
.ui-expandable .ui-widget-content ol,
.ui-expandable .ui-widget-content dl {
	padding-left: 15px;
}

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

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


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


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

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


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

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


/*
* jQuery UI CSS Framework
* Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial,sans-serif&fwDefault=normal&fsDefault=1em&cornerRadius=4px&bgColorHeader=09295a&bgTextureHeader=01_flat.png&bgImgOpacityHeader=100&borderColorHeader=09295a&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=f1f1f1&bgTextureContent=01_flat.png&bgImgOpacityContent=100&borderColorContent=9c9c9c&fcContent=373737&iconColorContent=09295a&bgColorDefault=e5e1e1&bgTextureDefault=01_flat.png&bgImgOpacityDefault=100&borderColorDefault=9c9c9c&fcDefault=373737&iconColorDefault=373737&bgColorHover=dbdada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=bebdbd&fcHover=373737&iconColorHover=373737&bgColorActive=dbdada&bgTextureActive=01_flat.png&bgImgOpacityActive=100&borderColorActive=bebdbd&fcActive=373737&iconColorActive=373737&bgColorHighlight=f1f1f1&bgTextureHighlight=01_flat.png&bgImgOpacityHighlight=100&borderColorHighlight=9c9c9c&fcHighlight=373737&iconColorHighlight=09295a&bgColorError=fef1ec&bgTextureError=05_inset_soft.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=292947&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=50&opacityOverlay=30&bgColorShadow=646678&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=50&thicknessShadow=1px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=4px
*/


/* Component containers
----------------------------------*/
.ui-widget { font-family: Arial,sans-serif; font-size: 1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #9c9c9c; background: #f1f1f1 url('/Flow/Content/css/themes/worldnow-classic/images/ui-bg_flat_100_f1f1f1_40x100.png') 50% 50% repeat-x; color: #373737; }
.ui-widget-content a { color: #373737; }
.ui-widget-header { border: 1px solid #09295a; background: #09295a url('/Flow/Content/css/themes/worldnow-classic/images/ui-bg_flat_100_09295a_40x100.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, .ui-widget-header .ui-state-default { border: 1px solid #9c9c9c; background: #e5e1e1 url('/Flow/Content/css/themes/worldnow-classic/images/ui-bg_flat_100_e5e1e1_40x100.png') 50% 50% repeat-x; font-weight: normal; color: #373737; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #373737; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #bebdbd; background: #dbdada url('/Flow/Content/css/themes/worldnow-classic/images/ui-bg_glass_75_dbdada_1x400.png') 50% 50% repeat-x; font-weight: normal; color: #373737; }
.ui-state-hover a, .ui-state-hover a:hover { color: #373737; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #bebdbd; background: #dbdada url('/Flow/Content/css/themes/worldnow-classic/images/ui-bg_flat_100_dbdada_40x100.png') 50% 50% repeat-x; font-weight: normal; color: #373737; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #373737; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #9c9c9c; background: #f1f1f1 url('/Flow/Content/css/themes/worldnow-classic/images/ui-bg_flat_100_f1f1f1_40x100.png') 50% 50% repeat-x; color: #373737; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #373737; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url('/Flow/Content/css/themes/worldnow-classic/images/ui-bg_inset-soft_95_fef1ec_1x100.png') 50% bottom repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
.ui-state-error .text, .ui-widget-content .ui-state-error .text, .ui-widget-header .ui-state-error .text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

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

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url('/Flow/Content/css/themes/worldnow-classic/images/ui-icons_09295a_256x240.png'); }
.ui-widget-content .ui-icon {background-image: url('/Flow/Content/css/themes/worldnow-classic/images/ui-icons_09295a_256x240.png'); }
.ui-widget-header .ui-icon {background-image: url('/Flow/Content/css/themes/worldnow-classic/images/ui-icons_ffffff_256x240.png'); }
.ui-state-default .ui-icon { background-image: url('/Flow/Content/css/themes/worldnow-classic/images/ui-icons_373737_256x240.png'); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url('/Flow/Content/css/themes/worldnow-classic/images/ui-icons_373737_256x240.png'); }
.ui-state-active .ui-icon {background-image: url('/Flow/Content/css/themes/worldnow-classic/images/ui-icons_373737_256x240.png'); }
.ui-state-highlight .ui-icon {background-image: url('/Flow/Content/css/themes/worldnow-classic/images/ui-icons_09295a_256x240.png'); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url('/Flow/Content/css/themes/worldnow-classic/images/ui-icons_cd0a0a_256x240.png'); }

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


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

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

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

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

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

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

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

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

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

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





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

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

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

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

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

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

/* jQuery UI Datepicker fix http://dev.jqueryui.com/ticket/4111 */
.ui-helper-hidden-accessible { top: -99999999px; }

/* .wnCorners() */
.status-wnCorners-loaded .crntop.crnleft { background-position: left top; }
.status-wnCorners-loaded .crntop.crnright { background-position: right top; }
.status-wnCorners-loaded .crnbottom.crnleft { background-position: left bottom; }
.status-wnCorners-loaded .crnbottom.crnright { background-position: right bottom; }

/* .wnAccordions() */
.status-wnAccordion-loaded .wnLabel { cursor: pointer; }

/* .datepicker() */
.eapi_DatePicker
{
	background: #FFF url('/Flow/Content/css/plugins/WorldNow/images/icon-calendar.gif') no-repeat right center;
}
.eapi_DatePicker[disabled=disabled]
{
	background: #B9B9B9 url('/Flow/Content/css/plugins/WorldNow/images/icon-calendar.gif') no-repeat right center;
}

.eapi_TimePicker
{
	background: #FFF url('/Flow/Content/css/plugins/WorldNow/images/icon-clock.gif') no-repeat right center;
}


/* .wnDialog() */
.eapi_Dialog > .wnContent
{
	display:none;
}
.status-wnDialog-loaded .wnLabel
{
	cursor: pointer;
}

.status-wnDialog-loaded .wnContent
{
	display: none;
}

/* eapi_SourceCode */
.status-SourceCode-loaded
{
	padding:20px;
	background-color:#DDD;
	border:1px dashed #AAA;
}


/* Page Items - JQuery UI Overwrites 
----------------------------------------------------------*/

.ui-dialog .ui-widget-header {
	background : transparent !important;
	border: 0 !important;
	color: #09295A !important;
	padding: 10px !important;
}

.ui-dialog .ui-widget-header span,
.ui-dialog .ui-widget-header .task-title {
	font-size: 16px;
}

.ui-dialog .ui-widget-header .ui-icon {
	background-image : url('/Flow/Content/css/themes/worldnow-classic/images/ui-icons_09295a_256x240.png') !important;
}

.ui-state-warning, .ui-widget-content .ui-state-warning, .ui-widget-header .ui-state-warning {border: 1px solid #ffcc00; background: #fef1ec url('/Flow/Content/css/plugins/WorldNow/images/ui-bg_inset-soft_95_fef1ec_1x100.png') 50% bottom repeat-x; color: #cd0a0a; }
.ui-state-warning a, .ui-widget-content .ui-state-warning a, .ui-widget-header .ui-state-warning a { color: #cc6600; }
.ui-state-warning .text, .ui-widget-content .ui-state-warning .text, .ui-widget-header .ui-state-warning .text { color: #cc6600; }
.ui-state-success, .ui-widget-content .ui-state-success, .ui-widget-header .ui-state-success {border: 1px solid #99cc33; background: #fef1ec url('/Flow/Content/css/plugins/WorldNow/images/ui-bg_inset-soft_95_fef1ec_1x100.png') 50% bottom repeat-x; color: #cd0a0a; }
.ui-state-success a, .ui-widget-content .ui-state-success a, .ui-widget-header .ui-state-success a { color: #669900; }
.ui-state-success .text, .ui-widget-content .ui-state-success .text, .ui-widget-header .ui-state-success .text { color: #669900; }
.ui-state-wait, .ui-widget-content .ui-state-wait, .ui-widget-header .ui-state-wait {border: 1px solid #999999; background: #fef1ec url('/Flow/Content/css/plugins/WorldNow/images/ui-bg_inset-soft_95_fef1ec_1x100.png') 50% bottom repeat-x; color: #cd0a0a; }
.ui-state-wait a, .ui-widget-content .ui-state-wait a, .ui-widget-header .ui-state-wait a { color: #666666; }
.ui-state-wait .text, .ui-widget-content .ui-state-wait .text, .ui-widget-header .ui-state-wait .text { color: #666666; }

/* We want to keep the original label color here and not inherit the error red.  
	However, there is no way to tell the original color */
.ui-state-error.wnItem.input label, .ui-state-error.wnItem.textarea label {
	color:#373737;
}
/* We want to inherit the error red.  
	However, there is no way to tell the original red hex value
	See the jquery ui css file for the correct value if not synced */
.ui-state-error.wnItem.input input, 
.ui-state-error.wnItem.input select,
.ui-state-error.wnItem.input textarea, 
.ui-state-error.wnItem.textarea textarea {
	border:#CD0A0A 1px dashed;
}

/* .wnBigNotice() */
.eapi_Dialog > .wnContent
{
	display:none;
}
.status-wnBigNotice-loaded .wnLabel
{
	cursor: pointer;
}
.status-wnBigNotice-loaded .wnContent
{
	display: none;
}

/* .simple tooltip */
.status-wnSimpleToolTip-loaded
{
}
#simpleTooltip 
{ 
	padding: 7px; 
	border: 1px solid #A6A7AB; 
	background: #F2F3F5; 
}

/* image tooltip */
.imagetooltip {
	cursor: default;
}

#imagetooltip {
	position:absolute;
	display:none;
}

/* pNotify */
.ui-pnotify-text p
{
	margin: 15px 0;
}
.ui-pnotify-text ul 
{
	margin: 5px 0;
}
.ui-pnotify-text ul li 
{
	margin: 5px 10px;
	list-style:disc;
	list-style-position:inside;
}
.ui-pnotify-text ul li ul li
{
	list-style-type:circle;
}


/* Native Code */
.status-wnNativeCode-loaded
{}
.status-wnNativeCode-loaded .wnCode
{
	color: Red;
	font-style:italic;
}

/* wnTokenizer, extending on /flow/content/css/plugins/tokenize/ */
ul.opentext.token-input-list-facebook  {
	width : 100%;
	min-height : 5em !important;
	border: #C8C8C8 solid 1px;
	color: #373737;
	padding:2px;
}
ul.opentext.token-input-list-facebook .token-input-input-token-facebook input  {
	border: 0 !important;
	outline:none; 
	width : 200px;
	maxlength : 320;
}
/* wnTokens - used with:
	Breadcrumb on Rules Search page
*/
ul.breadcrumb.token-input-list-facebook 
{
	width:auto;
	background:none;
	border:none;
	margin-left:0;
	margin-bottom:10px;
}
ul.breadcrumb.token-input-list-facebook li 
{
	float:left;
}
ul.breadcrumb.token-input-list-facebook li.label
{
	font-weight:bold;
	margin-left:0;
	display:block;
}
ul.breadcrumb.token-input-list-facebook li.hidelabel
{
	display:none;
}
ul.breadcrumb.token-input-list-facebook .crumb .label, 
ul.breadcrumb.token-input-list-facebook .crumb .criteria 
{
	font-weight:normal;
	color:#191970;
}
/* Quasipartikel Multi Select Plugin customization */
.ui-multiselect div.selected {
	float: right !important;
}
.ui-multiselect div.available {
	float: left	!important;
}
/* Multi Select Plugin customization */
.ui-multiselect-filter {
	margin-top: 10px;
}

/* Quasipartikel Multi Select Plugin customization for Apply Rule popup in List Feature page */
#RuleListPopup.ui-dialog-content .ui-multiselect 
{
	width: auto !important;/* Within popup dialog box */
	border: none !important;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
#RuleListPopup.ui-dialog-content .ui-widget-header
{
	background: #09295A url('/Flow/Content/css/themes/worldnow-classic/images/ui-bg_flat_100_09295a_40x100.png') 50% 50% repeat-x !important;
}
#RuleListPopup.ui-dialog-content div.selected .ui-widget-header span
{
	/* Since selected header has a span tag set to font-size 16px, it is slight higher than
	the available header which has no span tag */
	font-size: inherit !important; 
}
#RuleListPopup.ui-dialog-content .ui-widget-header .count 
{
    color:#FFF;
}

#RuleListPopup.ui-dialog-content div.selected
{
	width: 48% !important;
}

#RuleListPopup.ui-dialog-content ul.selected
{
	height: 320px !important;
	min-height: 120px !important;
	max-height: 320px !important;
}

#RuleListPopup.ui-dialog-content div.available 
{
	width: 50% !important;
}
#RuleListPopup.ui-dialog-content ul.available
{
	height: 330px !important;
	min-height: 130px !important;
	max-height: 330px !important;
}

/* Custom jQueryUI button styles */
.ui-widget-content .ui-button-blue,
.ui-widget-header .ui-button-blue,
.ui-widget-content .ui-button-gray,
.ui-widget-header .ui-button-gray,
input.ui-button-blue, a.ui-button-blue, button.ui-button-blue,
input.ui-button-gray, a.ui-button-gray, button.ui-button-gray
{
    background-image: url('/Flow/Content/css/plugins/WorldNow/images/ui-button-gradient.png');
    background-position: center center;
    font-size: 12px;
    font-weight: bold;
    line-height: 1em;
    padding: 3px;
}

button.ui-button-blue, button.ui-button-gray
{
	padding:0;
}

.ui-widget-content .ui-button-blue,
.ui-widget-header .ui-button-blue,
input.ui-button-blue, a.ui-button-blue, button.ui-button-blue  { background-color: #06315E; background-position: center -4px; border: 1px solid #357; color: #FFF; text-shadow: #579 1px 1px 0; }

.ui-widget-content .ui-button-gray,
.ui-widget-header .ui-button-gray,
input.ui-button-gray, a.ui-button-gray, button.ui-button-gray  { background-color: #FFFFFF; background-position: center top; border: 1px solid #CCC; color: #555; text-shadow: #FFF 1px 1px 0; }

input.ui-button-blue:hover, a.ui-button-blue:hover, button.ui-button-blue:hover,
input.ui-button-gray:hover, a.ui-button-gray:hover, button.ui-button-gray:hover
{
    background-position: center bottom;
}
input.ui-button-blue:hover, a.ui-button-blue:hover, button.ui-button-blue:hover { background-color: #368; border: 1px solid #579; color: #FFF; }
input.ui-button-gray:hover, a.ui-button-gray:hover, button.ui-button-gray:hover { background: #FFF; color: #888; }

a.ui-button span.ui-button-text, input.ui-button span.ui-button-text { padding: 0; }

input.ui-button-go, a.ui-button-go { line-height: 20px; margin-top: 2px; padding: 0px 1px; }
input.ui-button-small, a.ui-button-small { width: 50px; }
input.ui-button-wide,  a.ui-button-wide  { width: 135px; }
input.ui-button-xwide, a.ui-button-xwide { width: 160px; }

.regenerate.ui-button
{
	margin-left:10px;
}
.regenerate.ui-button span.ui-button-text 
{
	line-height:1;
}


.ui-expandable .ui-widget-content 
{
    background: #EEE;
    padding: 10px;
}
.ui-expandable .ui-widget-header 
{
    width: auto;
}
.ui-expandable .ui-widget-header div
{
    font-weight: bold;
    margin: 5px;
}
/* CSS overwrite for fancy box*/
#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 11010;
	outline: none;
	display: none;
}