﻿/* CSS Document */

/* RESET VALUES */

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, input, a, div, label { margin:0; padding:0; }

img { border: 0; }

/* STYLES */

body { background:url(../images/body-back.jpg) center top repeat-y; color:#717073; font-size:80%; font-family:Arial, Helvetica, sans-serif;}

#container { width:970px; margin:0 auto; }
/*  background:url(../images/grey-left-stripe.png) left top repeat-y;  */

#header { position:relative; height:86px;margin-top:10px; z-index:17 }
#header a { text-decoration:none; color: #ffffff; }
#header a:hover { color: #9a989c; }
#quicklinks { position:absolute; top:1px; right:60px; }
#quicklinks span { position:relative; top:-1px; color:#ffffff; font-size:.75em;}
#quicklinks a { color:#ffffff; text-decoration:none; font-size:.7em; }
#quicklinks a:hover { color:#9a989c; text-decoration:underline; }
#buttons { position:absolute; top:29px; right:29px; width:280px }
#buttons a { color:#ffffff; text-decoration:none; float:right; padding:5px 10px; font-size:.85em }
#buttons a:hover { background: #00006d url(../images/button-back-hover.png) left top repeat-y; color:#9a989c; } 

#login { position:absolute; top:61px;right:39px; width:273px; border:1px solid #0c0d19; background:url('../images/login-back.png'); padding:10px 10px 7px 10px; z-index:18; }
#login a { float:right; margin:-5px; }
#login label { float:left; clear:left; display:block; width:70px; color:#ffffff; font-weight:bold; line-height:20px; }
#login label.error { color: yellow; float:left !important; clear:none !important; }
#login input { float:left; margin:0 3px 3px 0; border:0; height:20px; }
#login #btnlogin { background: #00003a url(../images/button-back.png) left top repeat-y; color:#ffffff; width:60px;  }
#login #btnlogin:hover { background: #00006d url(../images/button-back-hover.png) left top repeat-y; color:#9a989c; cursor:pointer; }

#logged-in { clear:right; color:#ffffff; padding-top:11px;padding-left:12px; padding-right:10px; text-align:right; font-size:.85em }
#logged-in span { color: #ffffff; }
#error { clear:left; color:red; font-weight:bold; padding-top:11px;padding-left:12px; text-align:right; font-size:.85em }

#flags { position:absolute; bottom:0; right:85px; z-index:15; }

#strap { display:block; font-family: "Times New Roman", Times, serif; margin:0; padding:10px 0 2px 130px; font-size:36px; position:relative; line-height:36px; z-index:0; font-variant:small-caps; width:410px }
#straptwo { display:block; font-family: Arial, Helvetica, sans-serif; margin:0; padding:0 0 10px 130px; font-size:12px; position:relative; line-height:12px; z-index:0; width:410px }
#maincontent { position:relative; z-index:16; }

#infographic { 	background: url("../images/background-map.png") 98px top no-repeat; position: relative; }

#whyatf { margin:0 39px 0 97px; background:url('../images/whyatf-back.png'); color: #bed4e2; padding:7px; border:1px solid #2b265c; font-size:11px; }
#whyatf h1 { margin:0 0 3px 0; padding:0; font-variant:small-caps; font-family: "Times New Roman", Times, serif; font-weight:normal; color:#bed4e2; }
#whyatf th { text-align: center; font-size:9px !important; color:#bed4e2; }
#whyatf td { text-align: center; font-size:10px !important; color:#bed4e2; }
#whyatf p { text-align:justify; }
.bb { border-bottom:2px solid #bed4e2; }

#portfolio { margin:0 39px 0 97px; background:url('../images/whyatf-back.png'); color: #bed4e2; padding:10px 10px 0 10px; border:1px solid #2b265c; font-size:12px; }
#portfolio h1 { margin:0 0 8px 8px; padding:0; font-variant:small-caps; font-family: "Times New Roman", Times, serif; font-weight:normal; color:#bed4e2; }
#portfolio td { text-align: center; font-size:12px; color:#bed4e2; }
#portfolio p { margin-left:8px; margin-right:8px; text-align:justify; }

#strategies { margin:0 39px 0 97px; background:url('../images/whyatf-back.png'); color: #bed4e2; padding:0 10px; border:1px solid #2b265c; font-size:12px; }
#strategies h1 { margin:0; padding:10px 0 0 0; font-variant:small-caps; font-family: "Times New Roman", Times, serif; font-weight:normal; color:#bed4e2; line-height:1em; }
#strategies p { margin:0; padding:0; }
#trading-strategies { background: url(../images/infographic2.png) no-repeat center top; height:361px; }

#general { margin:0 39px 0 97px; background:url('../images/whyatf-back.png'); color: #bed4e2; padding:7px; border:1px solid #2b265c; font-size:12px; }
#general h1 { margin:0 0 0 3px; padding:0; font-variant:small-caps; font-family: "Times New Roman", Times, serif; font-weight:normal; color:#bed4e2; }
#general h4 { font-variant:small-caps; font-family: "Times New Roman", Times, serif; color:#4da3e8; margin-left:5px; margin-right:5px; }
#general td, #general a { font-size:12px; color:#bed4e2; }
#general p { font-size:12px; color:#bed4e2; margin-left:3px; margin-right:3px; text-align:justify; }
#general a:hover { color:#9a989c; }

#detail { margin:0 39px 0 97px; background:url('../images/whyatf-back.png'); color: #bed4e2; padding:10px; border:1px solid #2b265c; font-size:12px; }
#detail h1, #detail h2, #detail h3 { margin:0 0 8px 29px; padding:0; font-variant:small-caps; font-family: "Times New Roman", Times, serif; font-weight:normal; color:#bed4e2; }
#detailin h1, #detailin h2, #detailin h3  { margin:0 0 10px 0; padding:0; font-variant:small-caps; font-family: "Times New Roman", Times, serif; font-weight:normal; color:#222222; }
#detail h3, #detailin h3 { margin-top:20px; }
#detail td, #detailin td { text-align: left; font-size:12px; color:#bed4e2; }

#termswin { margin:0; background:url('../images/whyatf-back.png'); color: #bed4e2; padding:10px; border:1px solid #2b265c; font-size:12px; }
#termswin h1 { margin:0 0 8px 0; padding:0; font-variant:small-caps; font-family: "Times New Roman", Times, serif; font-weight:normal; color:#bed4e2; }
#termswin h4 { font-variant:small-caps; font-family: "Times New Roman", Times, serif; color:#4da3e8; }
#termswin td, #termswin a, #termswin p { font-size:12px; color:#bed4e2; }
#termswin a:hover { color:#9a989c; }

#policywin { margin:0; background:url('../images/whyatf-back.png'); color: #bed4e2; padding:10px; border:1px solid #2b265c; font-size:12px; }
#policywin h1 { margin:0 0 8px 0; padding:0; font-variant:small-caps; font-family: "Times New Roman", Times, serif; font-weight:normal; color:#bed4e2; }
#policywin h4 { font-variant:small-caps; font-family: "Times New Roman", Times, serif; color:#4da3e8; }
#policywin td, #policywin a, #policywin p { font-size:12px; color:#bed4e2; }
#policywin a:hover { color:#9a989c; }

#threecols { position:absolute; bottom:0; left:0px; background: url('../images/partner-buttons.png') left top no-repeat; height:35px;width:790px; }
#col1, #col2, #col3 { width:210px; float:left; margin-left:15px; }
#col1 { margin-left:220px; }

#partnersinv { position:relative; height:310px; font-size:20px;margin-left:-2px;}
#partnersinv h1 { color:#000; }

#partners { position:absolute; bottom:0px; left:96px; color: #717073; }

#permal1 { background-color: #097ab5; }
.permal { background-color: #1790ce; }

#deutsche2 { background-color: #10568e; }
.deutsche { background-color: #3377ae; }

#strat3 { background-color: #20419b; }
.strat { background-color: #3456b2; }

#state4 { background-color: #20419b; }
.state { background-color: #3456b2; }


.purpbut, .purpbutblank { background-color: #2a2c6a; }

#permal1, #deutsche2, #strat3, #state4, .purpbutblank { font-size:1.1em; font-family: Georgia, "Times New Roman", Times, serif; width:1.4em; float:left; text-align:center; line-height:1.5em; }
#permal, #deutsche, #strat, #state, .purpbut { font-size:12px; font-family: Georgia, "Times New Roman", Times, serif; text-align:center; line-height:37px; float:left; width:195px; height:35px; }
.permal, .deutsche, .strat, .state{ font-family:Arial, Helvetica, sans-serif; margin-left:1.9em; text-align:center; margin-top:.2em; line-height:1.5em;  font-size:.95em; }

#permal a, #deutsche a, #strat a, #state a, .purpbut a { font-size:14px !important; display:block; color: #ffffff !important; text-decoration:none; background-image:url('../images/blank.gif'); }
#permal a:hover, #deutsche a:hover, #strat a:hover, #state a:hover, .purpbut a:hover { color: #9a989c; }
.purpbut span { font-size:.8em; }

#permal-info { position:absolute; color:#ffffff; bottom:30px; left:197px; width:174px; background-image:url('../images/deut-back.png'); padding:8px; font-family:Arial, Helvetica, sans-serif; height:260px }
#permal-close { float:right; margin:-11px; }
#permal-info img { margin-left:7px; margin-bottom:1px; }

#deutsche-info { position:absolute; color:#ffffff; bottom:30px; left:589px; width:175px; background-image:url('../images/state-back.png'); padding:8px; font-family:Arial, Helvetica, sans-serif; height:260px }
#deutsche-close { float:right; margin:-11px; }
#deutsche-info img { margin-left:7px; margin-bottom:1px; }

#strat-info { position:absolute; color:#ffffff; bottom:30px; left:0px; width:175px; background-image:url('../images/permal-back.png'); padding:8px; font-family:Arial, Helvetica, sans-serif; height:260px }
#strat-close { float:right; margin:-11px; }
#strat-info img { margin-left:7px; margin-bottom:1px; }

#state-info { position:absolute; color:#ffffff; bottom:30px; left:393px; width:175px; background-image:url('../images/strat-back.png'); padding:8px; font-family:Arial, Helvetica, sans-serif; height:260px }
#state-close { float:right; margin:-11px; }
#state-info img { margin-left:7px; margin-bottom:1px; }

#permal-info h3, #deutsche-info h3, #strat-info h3, #state-info h3  { margin:-7px 0 0 7px; padding:0; font-size:12px; }
#permal-info p, #deutsche-info p, #strat-info p, #state-info p  { margin-left: 4px; margin-right:6px; line-height:1.2em; font-size:11px; text-align: justify; }
#permal-info a, #deutsche-info a, #strat-info a, #state-info a { color:#ffffff; text-decoration:none; font-size:12px; }
#permal-info a:hover, #deutsche-info a:hover, #strat-info a:hover, #state-info a:hover { color: #9a989c; text-decoration:underline; }

.bottom-link { position:absolute; bottom:15px; }

#extra-info { background-image:url('../images/permal-back.png'); position:absolute; left: 750px; top: 130px; width:1px; height:1px; overflow:hidden; border:2px solid #0c0d19; }

#news { clear:both; padding:20px 0 0 97px; }
#news img { float:right; margin-left:10px; }
#news div { font-family: "Times New Roman", Times, serif; font-size:2.1em; padding:10px; min-height:105px }
#news div span { font-size:1.1em; }
#news div p { font-family:Arial, Helvetica, sans-serif; font-size:.4em; }

#features { padding:10px 0 0 97px; min-height:180px; clear:both; }
#features img { float:right; margin-top:-16px; margin-right:-2px; }
#features div {  min-height:90px !important; font-family: "Times New Roman", Times, serif; font-size:1.5em; font-variant:small-caps; }
#features div a { text-decoration:none; display:block;color:#FFFFFF; }
#features div a:hover { cursor:pointer; }
#features div span { display:block; float:left; width:358px; border: 4px #2A2C6A dotted; min-height:40px; position:relative; padding:18px 5px 3px 13px; margin: 0; }
#features span { font-size:1.4em; }


#mainpagecontent { margin:0 0 0 95px; background-color: #ffffff; color: #717073; }
#mainpagecontent div { margin:0 10px; }

#footer { clear:both; padding:5px 0 0 97px; margin:0; min-height:40px; }
#footerinner { font-family: "Times New Roman", Times, serif; font-size:1.6em; padding:5px 10px 0 10px; border-top: 2px #2A2C6A solid; font-variant:small-caps; margin:0 39px 0 0; }
#footerinner span { font-size:1em; }
#footerinner div { float:left; margin-right:10px; padding:0 80px 0 0; background: url('../images/footer-seperator.png') no-repeat right center; color:#717073; }
#footerinner a { color:#717073; display:block; text-decoration:none !important; font-family:Arial, Helvetica, sans-serif; font-size:.5em; font-weight:bold; font-variant:normal;padding:5px 0; }
#footerinner a:hover { color:#9a989c; }

#RegForm { margin:0; padding:0 }
#RegForm td { padding:3px; }
#RegForm input[Type=text], #RegForm select { width:250px; height:20px; border:0; }
#RegForm input[Type=submit] { background: #00003a url(../images/button-back.png) left top repeat-y; color:#bed4e2;  }
#RegForm input[Type=submit]:hover { background: #00006d url(../images/button-back-hover.png) left top repeat-y; color:#717073; cursor:pointer; }
#RegForm a { color: #007DAC }
#RegForm a:hover { color:#9a989c }

h1 { margin:0; padding:15px 0 0 0; font-size:200%; line-height:32px; }
h2 { margin:0; padding:15px 0 0 0; font-size:165%; line-height:30px; }
h3 { margin:0; padding:15px 0 0 0; font-size:140%; line-height:26px; }
h4 { margin:0; padding:15px 0 0 0; font-size:125%; line-height:22px; }
p { margin:0; padding:8px 0 0 0; line-height:18px; }
ul, ol { margin: 15px 0 0 25px; }
li { margin-bottom:3px; }
a { color: #717073; }
a:hover { color: #9a989c; }

textarea { font-family:Arial, Helvetica, sans-serif; }

.mceContentBody { background:none; padding-bottom:10px; }
.mceContentBody a { color: #717073; }
.mceContentBody a:hover { color: #9a989c; }
.mceContentBody ul, ol { margin: 15px 0 0 25px; }
.mceContentBody li { margin-bottom:3px; }
.mceContentBody td { font-size:100%; font-family:Arial, Helvetica, sans-serif; }

label.error { color: red; float:left; width:auto !important; margin-top:0 !important; }

.bold { font-weight:bold; }
#general td.month { background-color: #000946; color:#ffffff !important; text-align:center; }

.clearfloats { clear:both; height:1px; font-size:1px; overflow:hidden; margin:0 !important; padding:0 !important; }
.float-right { float:right; }
.hide {display:none;}
.italics, #general p.italics { font-style:italic; }
.fs80 { font-size:80%; }
.dblue, #general p.dblue, #general td.dblue { color:#000946 !important; }
.dbluebr { border-right:1px solid #000946; }
.mt10 { margin-top: 10px; }
.tar, #general p.tar { text-align: right; }
.w130 { width:130px; }

#sumtab td { font-size:10px; }

#popuptest { padding:15px; background:url('../images/back-popup.png'); }
#topdesc { float:none }
#popuptest div{ font-size:10px; color:#C7C8CA; }
#popuptest div h3 { margin:0; padding:0; color:#ffffff; }
#popuptest div p { margin:3px 0; line-height:12px; }
#popuptest div div.options { float:left; width:380px; }
#popuptest div div input { float:left; }
#popuptest div div label { display:block; margin:1px 0 8px 20px !important; padding:0 20px 0 0 !important }
#topdisc { position:relative; }

#thedesc2 { border: 1px solid #007DAC; padding:0 10px 10px 10px; margin-top:30px; }
#thedesc2 p, #thedesc2 h4 { color:#007DAC; }
#thedesc2 a { color:#007DAC; }
#thedesc2 a:hover { color:#ffffff; }



#tabs table tr td, #tabs table tr th { padding:5px; }

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px,1px,1px,1px); }
.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%; }

.ui-tabs { position: relative; padding: 0; 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: .2em .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 0 .5em .5em; 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; color: #222222 !important }
.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; margin: 0 3px; background: #ffffff; border: 1px solid #999999; border-width: 0 1px 1px 1px; }
.ui-tabs .ui-tabs-hide { display: none !important; }

/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1.1em/*{fsDefault}*/; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1em; }
.ui-widget-content { color: #222222 !important/*{fcContent}*/; }
.ui-widget-content a { color: #222222 /*{fcContent}*/; }
.ui-widget-header { color: #222222 /*{fcHeader}*/; font-weight: bold; }
.ui-widget-header a { color: #222222 /*{fcHeader}*/; }
.ui-tabs-panel a { color: #222222 !important }
.ui-tabs a:hover { color: #222222 !important }
.ui-tabs-panel a:hover { color: #6e6b6b !important; text-decoration:none; }
/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #ffffff/*{borderColorDefault}*/; background: #80789e; font-weight: normal/*{fwDefault}*/; color: #ffffff/*{fcDefault}*/; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #ffffff/*{fcDefault}*/; 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 #999999/*{borderColorHover}*/; background: #978ebb; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/; }
.ui-state-hover a, .ui-state-hover a:hover { color: #ffffff/*{fcHover}*/; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa/*{borderColorActive}*/; background-color: #ffffff; background-image: none !important; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcActive}*/; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121/*{fcActive}*/; 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 #fcefa1/*{borderColorHighlight}*/; background: #fbf9ee/*{bgColorHighlight}*/ url(images/ui-bg_glass_55_fbf9ee_1x400.png)/*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/; color: #363636/*{fcHighlight}*/; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636/*{fcHighlight}*/; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a/*{borderColorError}*/; background: #fef1ec/*{bgColorError}*/ url(images/ui-bg_glass_95_fef1ec_1x400.png)/*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/; color: #cd0a0a/*{fcError}*/; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a/*{fcError}*/; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a/*{fcError}*/; }
.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(images/ui-icons_222222_256x240.png)/*{iconsContent}*/; }
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png)/*{iconsContent}*/; }
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_222222_256x240.png)/*{iconsHeader}*/; }
.ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png)/*{iconsDefault}*/; }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_454545_256x240.png)/*{iconsHover}*/; }
.ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_256x240.png)/*{iconsActive}*/; }
.ui-state-active .ui-icon {background-image: none; width: 5px; }
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png)/*{iconsHighlight}*/; }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png)/*{iconsError}*/; }

/* 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: -79px -130px; }
.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/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; }
.ui-corner-tr { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; }
.ui-corner-br { -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-top { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-right {  -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-left { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; }
.ui-corner-all { -moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; border-radius: 4px/*{cornerRadius}*/; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa/*{bgColorOverlay}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityOverlay}*/; }
.ui-widget-shadow { margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/; padding: 8px/*{thicknessShadow}*/; background: #aaaaaa/*{bgColorShadow}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityShadow}*/; -moz-border-radius: 8px/*{cornerRadiusShadow}*/; -webkit-border-radius: 8px/*{cornerRadiusShadow}*/; border-radius: 8px/*{cornerRadiusShadow}*/; }
