* { margin: 0; padding: 0; border: 0; }

body {
  text-align: center;
  font: 62.5% Arial, Helvetica, sans-serif; /* 62.5% resets 1em to the equivalent of 10px */
  background: #777878 url(../images/bodyBg.jpg) repeat-x top left;
  line-height: 1.6em;
}

/* Global Styles */

a, a:link { color: #666666; text-decoration: underline; }
a:hover { text-decoration: none; }

h2 {
	color: #369b3e;
	font-size: 1.6em;
	font-weight: 400;
	margin-bottom: 20px;
}
h3 {
	color: #00336f;
	font-size: 1.4em;
	text-transform: uppercase;
	font-weight: 400;
	margin-top: 15px;
}


table { border-collapse: collapse; border-spacing: 0; } /* Removes all padding and spacing from table cells */
input, select, option, textarea  {padding: 2px;}
input, select, textarea  {border-radius: 3px;border: 1px solid #DBD9D9;}
input, select {height: 26px;}
table.form input {height: auto;}
input[type=checkbox] {height: auto;}
input[type=text] {height: 20px;}

ul, ol { margin: 10px 0 10px 35px; }
li { margin: 0 0 5px 0; }
p { margin: 0 0 15px 0; }
hr { height: 1px; margin: 15px 0; border: 0; border-bottom: 1px solid #000000; }

.clear { clear: both; }


img { border: 0; }

#form_error { font-weight: bold; color: #ed1c24; }
.error {color: #ed1c24}

/* registration */
#selectAccessTable
{
    margin-top: 1em;
}
#selectAccessTable td, #selectAccessTable th 
{
    vertical-align: top;
}
.selectAccessCol 
{
    width: 12em;
}
.selectAccess 
{
    height: auto;
    margin-right: 4px;
}

a.skipToContent {
float: left;
position:relative;
left: -99999px;
text-decoration: none;
height: 0px;
}
/* Layout */
#wrapper {
margin: 0 auto;
width: 996px;
text-align: center;
background:  url('../images/wrapperBottomBg.jpg') repeat-y   top left;
}
#wrapperBg {
width: 996px;
background:  url('../images/wrapperTopBg.jpg') no-repeat top left;
}
#wrapperIntern {
text-align: left;
margin: 0 8px;
font-size: 12px;
color: #333333;
min-height:460px;  
height:auto !important;  
height:460px;  
}

#wrapperIntern a {
font-size: 12px;
}

/* header */

#header 
{
    background:  url('../images/logo.jpg') no-repeat top left;
}
body.rulespage #header 
{
    background: url("../images/rulesHeader.jpg") no-repeat scroll 0 0 transparent;
    height: 46px;
    overflow: hidden;
}
#logo a 
{
float:left;
height: 33px;
width: 250px;
margin: 41px 0 43px 38px;
text-indent: -9999px;
}
body.rulespage #logo a 
{
    margin: 8px 0 4px 18px;
    width: 210px;
}
#header a.nacha {
float: right;
height: 71px;
width: 293px;
margin: 23px 46px 0 0;
text-indent: -9999px;
}
body.rulespage #header a.nacha {display:none;}
/* menu */
#menu 
{
    clear:both;
    background: url("../images/menuBg.jpg") repeat-x;
    height: 33px;
}
body.rulespage #menu {clear:none;margin-top:13px;width: 747px;float:right;}
#menu ul
{
    float: left;
    padding-left: 20px;
    list-style-type: none;
    margin: 0;
}
body.rulespage #menu ul {padding-left: 0;}
#menu li 
{
    background: url("../images/menuDivider.jpg") no-repeat right 0;
    float: left;
    margin: 0;
    padding: 0 1px 0 0;
}
#menu a
{
    display: block;
    color: #415268;
    font-size: 14px;
    padding: 8px 23px 8px;
    text-decoration:none;
}
body.rulespage #menu a {padding: 8px 13px 8px;}
#menu .active a, #menu a:hover 
{
    background: url("../images/menuHoverBg.jpg") repeat-x;
}
ul#toolbox
{
    padding: 0;
    float:right;
}
#toolbox li.last 
{
    background: none;
    padding: 0;
}
#toolbox a
{
    font-size: 11px;
    padding: 9px 13px 9px;
    text-decoration: underline;
}

/* main content */
#mainContent{padding:15px 42px;background:#fff;}
#mainContent.has-sidebar {padding: 15px 15px 15px 42px;}
body.rulespage #mainContent {padding: 0;position:relative;zoom:1;overflow:hidden;}

/* right column */
#rightCol
{
float: right;
margin-left: 15px;
width: 250px;
}

.quicksearch {text-align:right;margin-bottom:1em;}
.quicksearch label {float:left;display:block;padding:5px 3px 0;}
#quicksearch-go 
{
background: url("../images/searchGo.jpg") no-repeat scroll 0 0 transparent;
cursor: pointer;
height: 26px;
width: 46px;
text-indent: -9999px;
font-size: 1px;
line-height:1px;
border: 0 none;
border-radius: 0 3px 3px 0;
float:left;
}
#quicksearch-text 
{
    border-radius: 3px 0 0 3px;
    float:left;
    width: 196px;
}

/* left column */
.has-sidebar #mainCol
{
    width: 655px;
}

/*** Home Page ***/

.index #header {height: 117px;}

/* hero */

#hero {
margin: 21px 21px 0px 21px;
height:212px;
}
#tagline 
{
float:left;
background: url(../images/illustration.jpg);
text-indent: -9999px;
height: 212px;
width: 586px;
margin:0;
padding:0;
}
#bookCover 
{
float:left;
background: url(../images/book2012.jpg);
text-indent: -9999px;
height: 212px;
width: 351px;
}

/* mainContent */
body.index #mainContent {
line-height: 1.8em;
padding: 0px 140px 20px 140px;
margin: 10px 0;
}

/* login controls left */
#loginLeftContainer, #loginRightContainer {
width: 461px;
float: left;
}
#loginLeftContainer h2, #loginRightContainer h2 {
color: #369b3e;
font-size: 1.6em;
font-weight: 400;
text-shadow: 1px 1px 1px #ffffff;
margin: 0 0 15px 0; 
}

#loginLeftContainer {
margin: 15px 0px 20px 21px;
}
#loginLeftContent {
padding: 14px 0 0 120px;
min-height:160px;
height:auto !important;
height: 160px;
background: #c5e8fe url('../images/loginBg.jpg') no-repeat 0 0;
}


.loginBottomBg {
width: 461px;
height: 23px;
background: url('../images/loginBottomBg.jpg') no-repeat 0 0;

}

/*
td.username, td.password  {
background: url('../images/loginInputBg.jpg') no-repeat 0 0;
padding: 8px 4px 4px 4px;
}*/

#loginLeftContent label {display: none}

input#password, input#visitorName {
margin-bottom: 10px;
background: none;
padding-top: 4px;
font-size: 12px;
color: #333;
border: 1px solid #A0A0A0;
width: 200px;
height: 27px;
}
input#loginButton{
margin-left: 15px;
height: 35px;
width: 78px;
background: url('../images/loginButtonBg.jpg') no-repeat 0 0;
padding: 0;
position:relative;
top: -5px;
text-indent: -9999px;
font-size: 1px;
}
input#loginButton:active,input#loginButton:focus {
background: url('../images/loginButtonBg.jpg') no-repeat -84px 0;

}
input#loginButton:hover{
cursor: pointer;
opacity: 0.8;
filter:alpha(opacity=80);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
/*this is not valid css but necessary for transparency on hover in ie */
}
/* login controls right */
#loginRightContainer {
margin: 15px 0 20px 16px;
}
#loginRightContent {
padding: 14px 0 0 120px;
min-height:160px;
height:auto !important;
height: 160px;
background: #c5e8fe url('../images/newAccountBg.jpg') no-repeat 0 0;
}
#loginRightContent a.basic, #loginRightContent a.premium {
display: block;
width: 230px;
padding-left: 30px;
margin: 5px 20px 0 5px;
text-decoration: none;
}
#loginRightContent a.basic span, #loginRightContent a.premium span 
{
text-decoration:underline;
}
#loginRightContent a.basic {
background: url('../images/arrowBasic.jpg') no-repeat 0 0;
}
#loginRightContent a.basic span {
color: #779780;
text-transform: uppercase;
font-weight: 700;
}
#loginRightContent a.premium {
background: url('../images/arrowPremium.jpg') no-repeat 0 0;
margin-bottom: 15px;
}
#loginRightContent a.premium span { 
text-transform: uppercase;
color: #55af70;
font-weight: 700;
}

/* banner */
#bannerBottom {
width: 820px;
margin: 0 auto;
padding: 0 0 15px 0;
text-align: center;
}
/* footer */
.nou {text-decoration: none !important;}
#footer {
text-align: left;
background: #77787A url('../images/footerBg.jpg') no-repeat;
padding: 39px 30px 20px 30px;
color: #333;
font-size: 11px;
}
body.rulespage #footer 
{
    background: #77787A url("../images/footerBg.jpg") no-repeat 0 -18px;
    padding: 15px 30px 0;
}
#footer a{
color: #333;
font-size: 11px;
}
#footer p{
margin-bottom: 7px;
}
ul#menuFooter {
float: right;
list-style-type: none;
padding: 0;
margin: 0;
}
ul#menuFooter li {
float: left;
padding-left: 7px;
border-right: 1px solid #333;
}

ul#menuFooter li.last {
border-right: none;
}
#footer ul#menuFooter li a {
color: #fff;
margin-right: 7px;
text-decoration: none;
}
#footer ul#menuFooter li a:hover{
text-decoration: underline;
}
body.rulespage #credits {display:none;}

/* rules page */

#firstCol {
  float: left;
  width: 244px;
}

#secondCol {
  float: right;
  width: 736px;
  position: relative;
}

#firstCol h2 {
  color: #369B3E;
  font-size: 19px;
  letter-spacing: 0;
}

/* accordion */

#documentNavigator h2 
{
    height:24px;
    margin: 5px 0 7px 22px;
}

/*
#navigatorWrapper {
  margin-top: 20px;
}*/

#navigatorBody h3 {
  background: url("../images/accordionInactive.jpg") no-repeat right top;
  font-weight: 400;
  margin: 0;
  height: 25px;
  text-transform: none;
}

#navigatorBody h3.ui-state-active {
  background: url("../images/accordionActive.jpg") no-repeat right top;
}

#navigatorBody h3 a {
  color: #415268;
  display: block;
  font-size: 14px;
  padding: 4px 0 4px 23px;
  /*margin-right: 20px;*/
  text-decoration: none;
}

.accordion-panel 
{
background: #F7F7F7 url("../images/accordionPanelBg.jpg") repeat-x;
overflow: auto;
padding: 3px;
position: relative;
}
.accordion-panel ul {
  /*height: auto !important;*/
  list-style-type: none;
  margin: 0;
  /*min-height: 235px;*/
  padding: 0;
}

.accordion-panel .subtree {display:none;margin-left: 21px;}

.accordion-panel li {
  margin: 0;
  background: url("../images/_tree/closed.gif") no-repeat left 5px;
  /*padding: 3px 0 0 21px;*/
}

.accordion-panel a {
  color: #003366;
  display: block;
  padding: 4px 10px 4px 21px;
  /*position: static;*/
}

#navigatorBody li.open {
  background: url("../images/_tree/open.gif") no-repeat left 5px;
}
#navigatorBody li.leaf {
  background: url("../images/_tree/dot.gif") no-repeat left 4px;
}

/* toolbar */

#titles {
    margin: 0 20px 0 4px;
}

#frameTools 
{
    border-bottom: 1px solid #ccc;
    height: 26px;
    padding: 6px 0 4px;
}

#bookmark 
{
  background: url("../images/star.png") no-repeat scroll 0 3px transparent;
  padding: 4px 0 3px 22px;
  display: block;
  float: left;
  height: 15px;
}

#upgradeTrigger 
{
  background: url("../images/star.png") no-repeat scroll 0 3px transparent;
  padding: 4px 0 3px 22px;
  display: block;
  float: left;
  height: 15px;
}

.rulespage .quicksearch {float:right;margin: 0 0 0 68px;text-align:left;}

#pager {
  float: right;
  width: 200px;
}

#page_prev, #page_next, #zoom-trigger {
    background: url("../images/Buttons/page-arrows.png") no-repeat;
    display: block;
    float: right;
    height: 21px;
    margin: 0 3px;
    width: 22px;
}
#page_prev {
    background: url("../images/Buttons/page-arrows.png") no-repeat 0 -21px;
    margin-right: 0;
}
#page_prev.active {
    background: url("../images/Buttons/page-arrows.png") no-repeat 0 -42px;
}
#page_prev.disabled {
    background: url("../images/Buttons/page-arrows.png") no-repeat;
}
#page_next {
    background: url("../images/Buttons/page-arrows.png") no-repeat -22px -21px;
}
#page_next.active {
    background: url("../images/Buttons/page-arrows.png") no-repeat -22px -42px;
}
#page_next.disabled {
    background: url("../images/Buttons/page-arrows.png") no-repeat -22px 0;
}
#page_alias
{
    float: right;
    width: 105px;
    margin: 0;
}
#zoom-trigger
{
    margin: 0 6px 0 0;
    background: url(../images/Buttons/page-arrows.png) no-repeat -44px -21px;
}
#zoom-trigger.zooming
{
    background: url(../images/Buttons/page-arrows.png) no-repeat -44px -42px;
}
#zoom-trigger.disabled
{
    /*background: url(/resources/images/Buttons/page-arrows.png) no-repeat -44px 0;
    cursor: not-allowed;*/
    display: none;
}

/* document */

#document {
  clear: both;
  overflow: auto;
  position: relative;
}

.page 
{
    height:1180px;
    width:710px;
    border:1px solid #777777;
    margin:5px 0 5px 4px;
    overflow:hidden;
    position:relative;
    cursor: text;
}

.page-landscape 
{
    height: 710px;
    /* width is scrollable... width: 1180px;*/
}

.page-overlay {z-index: 5; position: absolute;cursor: text;}
.page-highlight, .search-highlight {z-index: 3; position: absolute;width: 100%;height: 100%;}
.search-highlight {z-index: 2}
.highlight {position: absolute;background: #3399ff;filter:alpha(opacity=60);opacity:.60;}
.search-highlight .highlight {background: #eded2f;filter:alpha(opacity=65);opacity:.65;}
.select-box {position: absolute; border: 1px dashed #000}

.zoom-area
{
    z-index: 3;
    border: 1px solid #5D8FC7;
    position: absolute;
    display: none;
}
.zooming .page-visible .zoom-area {display: block;z-index:7}
.zoom-hover {border: 2px solid #1F8BFF;margin:-1px 0 0 -1px;cursor:pointer;}
.zoom-hint 
{
    position: absolute;
    background: url(/resources/images/zoom-hint.png) no-repeat left top;
    top: -25px;
    left: -4px;
    color: #5D8FC7;
    width: 150px;
    height: 23px;
    padding: 2px 0 0 25px;
}
.zoom-hover .zoom-hint {color: #1F8BFF;}
.zoom-hint span {display: none;}
.zoom-hover .zoom-hint span {display: block;background-color: white;}

.page-image {position: relative;left:0;top:0;}
.no-print-hint {display: none;}

.hscroll-container
{
    position: absolute;
    top: 5px;
    right: 5px;
    height: 45px;
    width: 56px;
    z-index: 25;
}
.hscroll-button
{
    float: right;
    display: block;
    height: 45px;
    width: 23px;
    background: url(/resources/images/Buttons/btn-hscroll.png) no-repeat left -45px;
}
.page-hover .hscroll-button {background: url(/resources/images/Buttons/btn-hscroll.png) no-repeat left top;}
.scrolled-right .hscroll-button {background: url(/resources/images/Buttons/btn-hscroll.png) no-repeat left -135px;}
.page-hover.scrolled-right .hscroll-button {background: url(/resources/images/Buttons/btn-hscroll.png) no-repeat left -90px;}

/* faqs page */
#faqlist h3 
{
    text-transform: none;
    margin-bottom: .5em;
}

/* faqs on rules page */

#faqs #faqTitle 
{
    margin: 7px 0 4px 6px;
    text-align:center;
    padding: 2px 0 3px;
    font-size: 14px;
    background: url(../images/green_button_bg.jpg) repeat-x 0 -2px;
    border: 1px solid #259d53;
    border-radius: 3px;
    color: #f0f0f0;
}

#faqContainer {
  background: #E2E2E4 url("../images/_layout/bgToolBox.gif") repeat-x 0 -2px;
  bottom: 0;
  left: 0;
  max-height: 80%;
  overflow: auto;
  padding: 1px 10px 4px;
  position: absolute;
  width: 615px;
  z-index: 10;
  display:none;
}

#faqContainer.noFaqs {
  display: none !important;
}

#faqContainer .titleBar {
  position: fixed;
  width: 615px;
}
.faqClose 
{
    position: absolute;
    top: 5px;
    right: 10px;
    height: 12px;
    width: 15px;
    background: url(/resources/images/dialogs/close.gif) no-repeat;
}
#faqContainer .title 
{
    position: absolute;
    color: #fff;
    font-size: 14px;
}

#faqContainer ol {
  margin-left: 25px;
  margin-top: 28px;
  padding: 3px 5px;
}

#faqContainer ol li {
  padding-bottom: 10px;
}

#faqContainer ol ul, #faqContainer ol ol {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 10px;
  margin: 0.5em 0 0.5em 1.5em;
}

.answer {
  display: none;
}

#faqContainer p {
  font-size: 10px;
  margin: 1em 0;
}

#textcopy {
  left: -9999px;
  position: absolute;
}


/* autocomplete */

#dialogWrapper, #dynamicContainer {height: 0;width:0;}
.ui-autocomplete 
{
    width:196px;
    margin:0;
    padding:0;
    list-style-type:none;
    z-index:6 !important;
    background: #fff; 
    text-align: left;
    border:1px solid #ccc;
}
.ui-autocomplete li {margin: 0; padding: 0;}
.ui-autocomplete a {text-decoration: none;display: block;padding: 2px 4px;}
.ui-autocomplete .ui-state-hover {background: #ddd;}


/* ui tabs */

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0.2em 0 1px;
    min-width: 84px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url(/resources/Scripts/client/js/ui.tabs/tab.png) no-repeat;
}
.ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #27537a;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #000;
}
.ui-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -150px!important;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    border-top: 1px solid #97a5b0;
    padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(/resources/Scripts/client/js/ui.tabs/loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

.searchForm h3 {margin: 0;}
.searchResult h3 {text-transform: none; font-weight:bold;}
.searchResult h3 a {color:#00336F;}
.searchResultSnippet {margin: 0;}


/* popups */

.ui-widget-content {text-align: left;}
#mainTable2 p {margin: 10px 0 5px;}
#mainTable2 th, #mainTable2 td {padding-right: 7px;}
#mainTable2 {min-width: 350px;}

.ui-icon {
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
  overflow: hidden;
  text-indent: -99999px;
}
.ui-icon-closethick {
  background-position: -96px -128px;
}
.ui-dialog .ui-dialog-title {
  float: left;
  margin: 0.1em 16px 0.1em 0;
}
.ui-widget-content .ui-icon {
  background-image: url("../scripts/client/js/jquery-ui/css/custom-theme/images/ui-icons_2db437_256x240.png");
}
.ui-widget-header .ui-icon {
  background-image: url("../scripts/client/js/jquery-ui/css/custom-theme/images/ui-icons_ffffff_256x240.png");
}
.ui-dialog .ui-dialog-titlebar-close span {
  display: block;
  margin: 1px;
}

.ui-dialog.ui-corner-all, .ui-dialog .ui-corner-all {
  border-radius: 5px;
}
.ui-dialog .ui-widget-header a {
  color: #FFFFFF;
}
.ui-dialog .ui-dialog-titlebar-close {
  height: 18px;
  margin: -10px 0 0;
  padding: 1px;
  position: absolute;
  right: 0.3em;
  top: 50%;
  width: 19px;
}

.ui-dialog .ui-widget-header {
  background: url("../scripts/client/js/jquery-ui/css/custom-theme/images/ui-bg_highlight-soft_33_369b3e_1x100.png") repeat-x scroll 50% 50% #369B3E;
  border: 1px solid #087506;
  color: #FFFFFF;
  font-weight: bold;
}
.ui-dialog .ui-dialog-titlebar {
  padding: 0.4em 1em;
  position: relative;
}
.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

.ui-dialog /*.ui-widget-content */ {
  background: url("../scripts/client/js/jquery-ui/css/custom-theme/images/ui-bg_inset-soft_10_ffffff_1x100.png") repeat-x scroll 50% bottom #FFFFFF;
  border: 1px solid #32B42D;
  color: #000000;
}

.ui-dialog {
  overflow: hidden;
  padding: 0.2em;
  position: absolute;
}

.ui-dialog .ui-dialog-content {
  background: none repeat scroll 0 0 transparent;
  border: 0 none;
  overflow: auto;
  padding: 0.5em 1em;
  position: relative;
}

.ui-resizable-handle {
    display: block;
    font-size: 0.1px;
    position: absolute;
    z-index: 99999;
}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
    display: none;
}
.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    left: 0;
    top: -5px;
    width: 100%;
}
.ui-resizable-s {
    bottom: -5px;
    cursor: s-resize;
    height: 7px;
    left: 0;
    width: 100%;
}
.ui-resizable-e {
    cursor: e-resize;
    height: 100%;
    right: -5px;
    top: 0;
    width: 7px;
}
.ui-resizable-w {
    cursor: w-resize;
    height: 100%;
    left: -5px;
    top: 0;
    width: 7px;
}
.ui-resizable-se {
    bottom: 1px;
    cursor: se-resize;
    height: 12px;
    right: 1px;
    width: 12px;
}
.ui-resizable-sw {
    bottom: -5px;
    cursor: sw-resize;
    height: 9px;
    left: -5px;
    width: 9px;
}
.ui-resizable-nw {
    cursor: nw-resize;
    height: 9px;
    left: -5px;
    top: -5px;
    width: 9px;
}
.ui-resizable-ne {
    cursor: ne-resize;
    height: 9px;
    right: -5px;
    top: -5px;
    width: 9px;
}
.ui-dialog .ui-resizable-se {
width: 14px;
height: 14px;
right: 3px;
bottom: 3px;
}
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }

.ui-widget-overlay {
  background: url("../scripts/client/js/jquery-ui/css/custom-theme/images/ui-bg_diagonals-thick_15_444444_40x40.png") repeat scroll 50% 50% #444444;
  opacity: 0.3;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  filter:alpha(opacity=30);
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-dialog .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); }
.ui-dialog { font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; }


.ui-dialog .ui-dialog-buttonpane {
  border: 1px solid #32B42D;
  background-image: none;
  border-width: 1px 0 0;
  margin: 0.5em 0 0;
  padding: 0.3em 1em 0.5em 0.4em;
  text-align: left;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}
.ui-button {
  display: inline-block;
  margin-right: 0.1em;
  overflow: visible;
  padding: 0;
  position: relative;
  text-align: center;
  text-decoration: none !important;
}
.ui-dialog .ui-state-default, .ui-dialog .ui-widget-content .ui-state-default, .ui-dialog .ui-widget-header .ui-state-default {
  background: url("../scripts/client/js/jquery-ui/css/custom-theme/images/ui-bg_highlight-soft_60_0ba218_1x100.png") repeat-x scroll 50% 50% #0BA218;
  border: 1px solid #0B9311;
  color: #FFFFFF;
  font-weight: normal;
}
.ui-dialog .ui-dialog-buttonpane button {
  cursor: pointer;
  margin: 0.5em 0.4em 0.5em 0;
}
.ui-button .ui-button-text {
  display: block;
  line-height: 1.4;
}
.ui-button-text-only .ui-button-text {
  padding: 0.4em 1em;
}
.ui-dialog .ui-dialog-buttonpane button {
  cursor: pointer;
  margin: 0.5em 0.4em 0.5em 0;
}


#nameZoomImage 
{
    height: 400px;
    width: 710px;
}
#zoomImagePort
{
    overflow: auto;
    width: 100%;
    height: 95%;
    position: relative;
}
#zoomOverlay
{
    z-index: 10000;
    position: absolute;
}

#upgrade h3 {text-transform: none;}

#copyTrigger 
{
    text-align:center;
    padding: 2px 8px 3px;
    width: 140px;
    font-size: 14px;
    background: url(../images/green_button_bg.jpg) repeat-x 0 -2px;
    border: 1px solid #259d53;
    border-radius: 3px;
    color: #f0f0f0;
}

#copyContainer 
{
    width: 158px;
    height: 23px;
    position: absolute;
    left: 12px;
    top: 10px;
    z-index: 9;
    display: none;
}

#copyFlash 
{
    position: absolute;
    width: 158px;
    height: 23px;
    z-index: 10;
}