body 
{
    font-family:Helvetica;
    font-size:12px;
    margin:0px;
    overflow-y:scroll;
}
a 
{
    text-decoration:none;
    color:blue;
}
a:hover
{
    text-decoration:underline;
}

#arvixelink a
{
    color:#515967;
}

.ValidationText
{
    color: Red;
}
.InputText
{
    font-family:Helvetica;
    font-size:12px;
}
.ButtonText
{
    font-family:Helvetica;
    font-size:12px;
}
.watermarkOn 
{
    color: Gray;
}
.no-close .ui-dialog-titlebar-close {display: none }
.clear
{
	clear:both;
}
/* http://rafael.adm.br/css_browser_selector/ */

.win.gecko #rotoContainer { height:385px; width:646px; padding:5px; margin-left:5px; float:right; }
.win.gecko #cbsContainer { height:385px; width:333px; padding:5px; float:left; }
.win.gecko #iframeContainer { height:382px; width:643px; }
.win.gecko #iframeContainer iframe { position:absolute; top: -188px; left: -11px; }

.chrome #container { height:442px; width:643px; }
.chrome #container iframe { position:absolute; top: -281px; left: -11px; }

.ie #container { height:382px; width:643px; }
.ie #container iframe { position:absolute; top: -281px; left: -11px; }

.ie9 #container { height:448px; width:643px; }
.ie9 #container iframe { position:absolute; top: -188px; left: -11px; }

.label 
{
    font-weight:bold;
}

.ffd-li a
{
    text-decoration: none;
    color: #312E25;
}

.ffd-li a:hover
{
    
}

.ffd-ul
{
    list-style:none;
    padding-left:0px;
}

.ffd-li
{
    padding:3px 4px 3px 4px;
    font-size:11px;
    font-weight:bold;
}

.ffd-li:hover
{
    background-color:#CBD0D9;
    
}

.ffd-topbar
{
    width: 100%;
    min-width:980px;
    background: url('Images/ffdynasty-header-bg.png') repeat-x top left;
    height: 78px;
    border-bottom: 1px solid gray;
}

.ffd-header-container
{
    width: 980px;
    height:inherit;
    clear: both;
    margin: 0 auto;
    display: block;
    position: relative;
}

.ffd-header-logo-container
{
    position:relative;
    display:block;
    text-align:center;
    height:inherit;
    vertical-align:middle;
}

.ffd-header-logo
{
    margin-top:6px;
}

.ffd-header-login-container
{
   position:absolute;
   top:0;
   right:0;
   padding:3px;
}

.ffd-content
{
    width: 100%;
    text-align: center;
    background-color: White;
    position: relative;
    height:auto;
}

.ffd-content-container
{
    width: 980px;
    margin: 0 auto;
    height: auto;
    background-color: White;
    position: relative;
}

.ffd-left-nav
{
    width: 125px;
    float: left;
    padding: 5px;
    text-align: left;
    padding: 2px 0px 0px 0px;
}

.ffd-main-content
{
    width: 840px;
    float: right;
    padding: 5px;
    border-left:1px solid gray;
    min-height: 600px;
}

.ffd-bottombar
{
    width: 100%;
    text-align: center;
}

.ffd-footer-container
{
    width: 980px;
    height: 20px;
    clear: both;
    margin: 0 auto;
    display: block;
    position: relative;
}

.ffd-footer
{
    display: block;
    height: 20px;
}

.liveExample { padding: 1em; background-color: #EEEEDD; border: 1px solid #CCC; max-width: 655px; }
.liveExample input { font-family: Arial; }
.liveExample b { font-weight: bold; }
.liveExample p { margin-top: 0.9em; margin-bottom: 0.9em; }
.liveExample select[multiple] { width: 100%; height: 8em; }
.liveExample h2 { margin-top: 0.4em; }

.ko-grid { margin-bottom: 1em; width: 25em; border: 1px solid silver; background-color:White; }
.ko-grid th { text-align:left; background-color: Black; color:White; }
.ko-grid td, th { padding: 0.4em; }
.ko-grid tr:nth-child(odd) { background-color: #DDD; }
.ko-grid-pageLinks { margin-bottom: 1em; }
.ko-grid-pageLinks a { padding: 0.5em; }
.ko-grid-pageLinks a.selected { background-color: Black; color: White; }
.liveExample { height:20em; overflow:auto } /* Mobile Safari reflows pages slowly, so fix the height to avoid the need for reflows */