/* Search Zybez DB */
.box-search-zybez {
    padding:137px 292px 10px 96px;
    width:283px;
    height:134px;
    overflow:hidden;
    text-align:center;
    background:url('../../images/bkg-search-zybez.jpg') 0 0 no-repeat;
}
#input-search-zybez {
    width:280px;
    height:20px;
    line-height:25px;
    font-size:1.17em;
    /*text-align:center;*/
    cursor:text;
}
#formSearchFilter-input #input-keywords {
    position:absolute;
    top:11px;
    left:32px;
    width:265px;
    height:21px;
    line-height:26px;
}
#input-search-zybez,
    #formSearchFilter-input #input-keywords {
    border:0;
    padding-top:5px;
    font-size:1.17em;
    color:#fb0;
    background:#000;
}
#formSearchFilter-input #btn-search {
    position:absolute;
    top:2px;
    left:301px;
    width:42px;
    height:49px;
}
#formSearchFilter-input {
    position:relative;
    float:right;
    /*padding:11px 0 0 32px;*/
    width:350px;
    height:57px;
    background:url('../../images/bkg-search.png') 0 0 no-repeat;
}
#formSearchFilter .column-1 {
    position:relative;
    float:left;
    margin:0 30px 0 0;
    width:600px;
}

.box-search-results {
    margin-top:20px;
    padding:10px 0 0;
}
.box-search-results ul.label {
    position:relative;
    margin:-27px 0 8px 12px;
    padding:0 4px 0 0;
    color:#f4f4f4;
}
.box-search-results .label li.title,
    .box-search-results .label li.title span {
    height:39px;
    line-height:39px;
    background:url('../../images/bkg-tabs-results.png') 0 0 no-repeat;
}
.box-search-results .label li.title {
    padding:0 0 0 12px;
}
.box-search-results .label li.title span {
    padding:0 12px 0 0;
    background-position:right -39px;
}
.box-search-results .stuff {
    border:0;
    border-top:1px solid #8f652c;
}
.box-search-results .coaster {
    height:52px;
    line-height:52px;
    background:url('../../images/bkg-box.jpg') 0 0 no-repeat;
}


/* Datagrid */
#results {
    padding:0;
    background:none;
}
.datagrid-widget-top, .datagrid-widget-bottom {
    padding:0 10px;
    min-height:38px;
}
.datagrid-widget-top { background:url('../../images/bkg-datagrid-widget-top.jpg') 0 0; }
.datagrid-summary { display:none; }
.datagrid-paging, .datagrid-perpage {
    float:right;
    margin-left:5px;
}
.datagrid-paging, .datagrid-perpage, .datagrid-refine { line-height:38px; }

.datagrid-paging a {
    text-decoration: none;
    line-height:18px;
    margin:0 3px;
    padding:1px 0 2px;
    font-size: 12px;

}
.datagrid-paging span { margin:0 3px; }
a.datagrid-paging-previous { padding-left:13px; }
a.datagrid-paging-next { padding-right: 13px; }
.datagrid-paging-previous, .datagrid-paging-previous:hover,
    .datagrid-paging-next, .datagrid-paging-next:hover {
    background:url('../../images/bkg-paging.png') 0 -54px;
    background-repeat:no-repeat;
}
.datagrid-paging-previous:hover { background-position:0 -71px; }
.datagrid-paging-next { background-position:right 0; }
.datagrid-paging-next:hover { background-position:right -18px; }
.datagrid-paging .disabled, .datagrid-paging .disabled:hover {
    color:#505050 !important;
}
.datagrid-paging-previous.disabled, .datagrid-paging-first.disabled {
    background-position: 0px -90px; 
}
.datagrid-paging-next.disabled, .datagrid-paging-last.disabled {
    background-position: right -36px;
}

.datagrid table {
    border:1px solid #a07c3c;
    margin:0 10px;
    width:958px;
    background:url('../../images/bg_datagrid.jpg');
}
.datagrid thead {
    font-weight:bold;
    color:#ccc;
    background:none;
}
.datagrid thead a {
    position:relative;
    display:block;
    padding:8px 8px 4px;
    text-align:center;
    text-decoration:none;
    color:#cecece;
    background:url('../../images/bkg-colheader.jpg')
}
.datagrid thead th.first a { text-align:left; }
.datagrid thead a:hover, .datagrid thead a:hover var {
    background-image:url('../../images/bkg-colheader-hover.jpg');
}
.datagrid thead a.selected, .datagrid thead a.selected var {
   color:#fff;
   background-image:url('../../images/bkg-colheader-selected.jpg');
}
.datagrid thead a var {
    position:absolute;
    top:0;
    right:0;
    width:14px;
    height:30px;
    background:url('../../images/bg_colheader.jpg') right 0 no-repeat;
}
.datagrid .sortasc, .datagrid .sortdesc  {
    padding-right:18px !important;
    background:url('../../images/sort_asc_new.png') right center no-repeat;
}
.datagrid .sortdesc { background-image:url('../../images/sort_desc_new.png'); }
.datagrid thead a span { padding:0 4px; }
.datagrid thead a span span { padding:0; }

.datagrid tr { cursor:pointer; }
.datagrid th { padding:0; }
.datagrid td { padding:4px; }
.datagrid th, .datagrid td {
    vertical-align:middle;
    white-space:nowrap;
    border-bottom:1px solid #9d7549;
}







/* Other CSS */
.datagrid-style3 td 
{
    width: 25%;
}
.datagrid-style3
{
    margin-top: 30px;
    margin-bottom: 0px;
 
}
.datagrid-style3
{
   background: none !important;
}
.ss-container
{       
    padding:8px;
    text-align: center;
    vertical-align: bottom;
    width: 800px;
    margin: 0pt auto;
}
.ss-container table
{
    width: 100%;
}
.ss-cell
{       
    padding:8px;
    text-align: center; 
}
.ss-container a img, .ss-cell a img
{
    border: 3px solid #171516;
}
.ss-container .ss-caption
{
        font-weight: bold;  
}
.ss-caption
{

    min-height: 16px;   
}
.ss-image
{
    text-align: center;
    padding-top: 4px;
}
.ss-image img
{
    border:3px solid #373737;
    cursor: pointer;
}
.ss-user
{
    font-size: 11px;    
    padding-bottom: 8px;
}
.ss-user a
{
    
}


/* Un-ported CSS */
.framed
{   
    border:3px solid #3A4759;
}



/* Alert CSS */
#alert_overlay {
    background-color: black;
    -moz-opacity: .5;
    opacity: .5;
    filter: alpha(opacity=50);
    top: 0; left: 0; position: fixed;
    width: 100%; height:100%; z-index: 1000;
    
    
}
.alert
{    
    width:350px; position: absolute;
    top: 800px; left: 500px;
    z-index: 10001;            
}

.alert.content-panel
{
    background-image: url(../../images/bg_alert.jpg);
}

.alert .content-panel-t
{
    width: 100%;
    background: transparent url(../../images/bg_alert_corner.gif) no-repeat;
}
.alert .content-panel-b
{
    width: 100%;
    background: transparent url(../../images/bg_alert_corner.gif) no-repeat bottom left;
}

.alert .buttons
{        
    text-align: center;
    font-weight: normal;    
    margin-top: 8px;
}
.alert table
{
    border-collapse: collapse;
}
.alert td
{
    vertical-align: top;
    
}
.alert div div
{
    border: 0px;
    text-align: center; font-size: 12px;
    font-weight: bold;
    padding: 0px 8px 0px 8px;    
}

.alertInput
{
    text-align: left !important;    
    padding: 0px 0px 8px 2px !important;    
    font-weight: normal !important;    

}
.alert span
{
    /*float: left;
    display: block; */
}
/*,.alert select
.alert input
{            
    width: 220px;
    
}
*/
.alert a
{   
    text-decoration: underline;
    font-size: 11px;       
}
.alert h2
{    
    border-bottom:1px solid #373737;
    clear:both;
    color:#white;
    font-size:16px;
    font-weight: normal;
    line-height:1.2em;
    margin:0pt 0pt 10px;
    padding:0px 0pt 3px;
    text-align: center;
    font-family: Arial;
}

.alert em, .alert var, .alert strong {
    display: block;
    position: absolute;
    background: url(../../images/menu_shadow.png) no-repeat;
    
}

.alert .desc
{
    float: left;    
    font-weight: normal;
    padding: 2px 0px 0px 0px;
    text-align: left;
    color:#999999;
    font-size:11px; 
}
.alert .label
{
    font-weight: normal;
    text-align: left;
    padding: 0px 6px 6px;
    white-space: nowrap;
}

.alert em {
    width: 5px;
    top: 0;
    bottom: 0;
    right: -5px;
    background-position: right top;
}

.alert var {
    width: 5px;
    height: 6px;
    right: -5px;
    bottom: -6px;
    background-position: right bottom;
}

.alert strong {
    height: 6px;
    left: 0;
    right: 0;
    bottom: -6px;
    background-position: left bottom;
}

/* Details Page CSS */

.details-icon,#detailsIcon
{
    float: left;
}
#detailsTooltip
{
    float: left;
    padding-top: 1px;
    visibility: visible;
    display: block;
    max-width: 330px;
    min-width: 300px;
}

#divPostConfirmation
{    
    display: none;
    color: White;
    font-weight: bold;
    padding-top: 4px;
}

.article-source
{    
    font-size: 10px;
    background: no-repeat;
    padding: 4px 0px 4px 24px ;
    color: #9D9D9D;
    margin-top: 4px;
}
.text .spacer
{
    padding-bottom: 2em;
    clear: left;
}
.text .spacerSmall
{
    padding-bottom: 1em;
    clear: left;
}
.text {
    color:#CCCCCC;
    /*
    Commented out to fix button issue
    line-height:1.4em; */
    line-height:18px;
    font-size: 13px;
}
.text h1 {
    font-family: Times New Roman;    
    background:url(../../images/bg_title2.png) center 0 no-repeat;
    color:#fff;
    font-size:18px;
    font-weight:bold;
    line-height:48px;
    /*margin:-10px 0pt 8px -67px;*/
    margin:-10px 0 8px -3px;
    padding:0pt 0pt 5px;
    text-align:center;
    width:986px;
    position:relative;
    z-index:10;
}

.text h2 {
    font-family: Times New Roman;    
    clear:both;
    color:white;
    font-size:18px;
    font-weight:normal;
    line-height:40px;
    margin: 10px 0pt 13px -10px;
    padding: 0px 10px 12px;
    padding-right: 30px;
    background: transparent url(../../images/bg_subtitle.png) no-repeat 0px 30px;
    width: 970px;
    text-align: right;
}    
.text h3 {
    color: white;
    font-size: 14px;
    padding: 0;
    margin: 1.5em 0 0.5em 0;
}
.infobox .screenshot
{
    text-align: center;
}
.infobox .screenshot img
{
    border: 3px solid white;
}
.infobox 
{       
    border-collapse:collapse;
    float:right; 
    margin: -20px 0pt 10px 10px;    
    clear: none;
    color: White;
    position: relative;
    z-index: 9;
    width: 322px;
    background: transparent url(../../images/bg_infobox.png) no-repeat left bottom;
    
        
}
.infobox table
{
    margin: 0px 30px 36px 30px;
    width: 265px;      
}
.infobox table .label, .summary .label
{
    font-weight: bold;
    text-transform:uppercase;
    font-size: 10px;
    width: 1px;
    padding-right: 4px;
    color: #CCCCCC;
    padding-left: 18px;
    background: transparent url(../../images/bg_bullet.gif) no-repeat 0px 2px;
    white-space:nowrap;
    vertical-align: top;    
}
.infobox th 
{
    
    color: White;
    font-size:14px;
    font-weight:bold;
    padding-top: 8px;
    padding-bottom: 8px;
    text-align:center;
    
}
.infobox td {
    font-size:12px;    
    padding: 0pt 0px 6px;    
}
.infobox-spacer {
    /* background-color:#181818; */
    height:1px;
    width:200px;
}
.infobox ul {
    margin:0pt;
    padding-left:16px;
}
.infobox li 
{
    /* list-style-image: url(../../images/bg_bullet.gif);         */
}   
.infobox li div {    
    color:white;
}
.infobox .indent
{
    padding-left: 0px;
}

/* Generic Text  */

.text b {
    color: white;
}

.text ul, .text ol {
    margin: 1em 0;
    padding-left: 26px;
}

.text ul.first, .text ol.first {
    margin-top: 0;
}

.text ul.last, .text ol.last {
    margin-bottom: 0;
}

.text ol li {
    color: #ffffff;
}

.text ul li 
{       
    /* list-style-image: url(../../images/bg_bullet.gif); */
    color: white;
}

.text li {
    list-style-position: outside;
    line-height: 1.75em;
}

.text ol li div, .text li div {
    color: white;
}

.filters table
{
    border-collapse: collapse;
    
}
.filters td
{
    padding-top:12px !important;
    white-space:nowrap;
}
.filters .nopad
{
    padding-top: 0px !important;
}
.filters #tableAdditionalFilters
{
    
}
.filters .label
{
    line-height: 24px;
    
}
.filters #tableAdditionalFilters td
{
    padding-top: 0px !important;
    padding-bottom: 4px;
    padding-right: 4px;
}
.editor-buttons, .filters-buttons
{
    padding: 6px 0px 6px 0px;
}
.editor-input
{
    padding: 4px 0px 0px 0px;
    font-size: 11px;   
    color: White; 
}
.editor-input input,.editor-input select
{    
    padding-left: 2px;
}
.editor-preview
{
    min-height: 100px;
    display: none;
    padding: 8px;
}
.editor-mode-links a {
    padding:0pt 5px;
}
.editor-mode-links {
    font-size:11px;
}

.article table
{
    
    padding: 0px;
    margin: 0px;
    border: 0px;
    border-spacing: 0px;
    width: 100%;        
}
.article table td
{
    padding: 2px 8px 2px 0px;        
}
.article li.indent1, .article li.indent
{
    margin-left: 24px;
}
.article li.indent2
{
    margin-left: 48px;
}
.article li.indent3
{
    margin-left: 72px;
}
.article ul
{
    margin-top: 2px;
}
.article table td ul
{
    margin-top: 0px;
}
.article table th
{
    font-size: 90%;
    white-space: nowrap;
    padding: 4px 8px 2px 0px;
    text-align: left;
    vertical-align: bottom;
    border-bottom: 1px solid #505050;
}
.article table tr
{
    vertical-align: top;
        
}
.article h3
{
    border-bottom:1px solid #274353;
    padding: 0px 0px 4px 0px;
}
.article h4
{
    border-bottom:1px solid #274353;
    padding: 0px 0px 2px 0px;
    margin-bottom: 6px;
    color: White;
}
.article h5
{    
    border-bottom:1px solid #274353;
    margin: 0px;
    color: White;
    font-size: 100%;
}
.text h2.first, .text h3.first, h3.first {
    padding-top: 0;
    margin-top: 0;
}
.text h2.short, .text h3.short {
    padding-top: 0;
    margin-top: 5px;
}

.tip {
    border-bottom: 1px dotted #FFBB00;
    cursor: help;
}


/*.head-leaderboard {
    position: absolute;
    right: 0;
    width: 728px;
}
.head-leaderboard iframe 
{
    width: 728px;
    height: 90px;
    border: none;
    
}
*/

.locationtype_1,.locationtype_2,.locationtype_3,.locationtype_5,.locationtype_6{ background:transparent no-repeat scroll 0%; padding-left:19px; }

.locationtype_1
{
    background-image: url(../../images/icon_location_type_1.gif);
}
.locationtype_2
{
    background-image: url(../../images/icon_location_type_2.gif);
}
.locationtype_3
{
    background-image: url(../../images/icon_location_type_3.gif);
}
.locationtype_5
{
    background-image: url(../../images/icon_location_type_5.gif);
}
.locationtype_6
{
    background-image: url(../../images/icon_location_type_6.gif);
}
.expansion_1
{
    background:transparent url(../../images/icon_expansion_1.gif) no-repeat scroll right center;
    padding-right:34px;

}
.territory_2
{
    background:transparent url(../../images/icon_alliance.gif) no-repeat scroll left center;
    padding-left:13px;
}
.territory_4
{
    background:transparent url(../../images/icon_horde.gif) no-repeat scroll left center;
    padding-left:18px;
}
.territory_1
{
    background:transparent url(../../images/icon_neutral.gif) no-repeat scroll left center;
    padding-left:13px;
}
.article .territory_1, .article .territory_2,.article .territory_4
{
    padding-left: 2px;
    padding-right: 22px;
    position: relative;
    background-position: center center;
}
#debugPanel
{      
    display: none; 
    color: white;
    font-size: 11px;
    font-family: arial;
    width: 200px;    
    /* overflow: auto; */
    position: absolute;
    top: 0px;
    right: 0px;
    text-align: right;
    padding: 10px;
    background-color: Black;
    z-index: 1000000;
}

.moveWidget
{
    background-image: url(../../images/clear.gif);
    -moz-user-select: none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 34px;
    cursor: move; 
}

.imageContentPad
{   
    display: block;
    width: 1066px;
    height: 1px;
}

#iframeAdRight
{           
    visibility: hidden;
    width: 160px;
    height: 600px;
}
#iframeAdComments
{
    visibility: hidden;
    border: 1px solid black;
    width: 300px;
    height: 250px;
}



#divItemListPaging
{
    -moz-user-select: none;
    text-align: right;
    color: #CCCCCC;
    font-size: 10pt;
    padding: 0px 2px 3px;
    float: right;
    
}
#divItemListPagingBottom
{
    -moz-user-select: none;
    text-align: right;
    color: #CCCCCC;
    font-size: 10pt;
    padding: 5px 2px 3px;    
}
.rowItemList
{
    cursor: pointer;
}


.iconlarge {
    background:transparent none no-repeat scroll 6px;
    height:68px;
    position:relative;
    width:68px;
}
.iconlarge .hover a { border:0pt none; display:block; height:56px; width:56px; }
.iconlarge .tile
{   
    height:68px;
    width:68px;
    background-repeat:no-repeat;
    
}

.iconmedium { width: 44px; height: 44px; background: no-repeat;position: relative;}
.iconmedium .tile  { width: 44px; height: 44px;position: relative;background-repeat:no-repeat;}
.iconmedium a { width: 48px; height: 48px; position: absolute; z-index: 20; display: block; border: 0; background:  no-repeat -40px 0; }

/*
.iconmedium .hilite{position: absolute; width: 38px; height: 38px; left: 3px; top: 3px; background: url(../../images/icon_highlight_m.png) -38px 0;}
.iconmedium .hover { width: 36px; height: 36px; left: 4px; top: 4px; position: absolute; z-index: 20;}
.iconmedium .hover a { border: 0pt none;  display: block;  height:36px; width:36px; }
*/

.iconmedium a:hover { background-position: 0 0 }



.iconsmall { background:transparent none no-repeat scroll 1px; height:30px; position:relative; width:30px; }
.iconsmall .tile {  height:26px; width:26px;position:relative;left:0px;background-repeat:no-repeat;}
.iconsmall a { width: 26px; height: 26px; left: 0px; top: 0px; position: absolute; z-index: 20; display: block; border: 0; background:  no-repeat -26px 0; }
.iconsmall a:hover { background-position: 0 0 }
.iconsmall .glow
{
    cursor: default;
    font-size: 11px;
    font-weight: bold;
    margin:2px 0 -3px 4px;
}
/*
.iconsmall .hilite { background:transparent url(../../images/icon_hilite_small.png) no-repeat scroll 0%; height:20px; left:3px; position:absolute;  top:3px; width:20px; }

.iconsmall .hover {
    height:18px;
    left:4px;
    position:absolute;
    top:4px;
    width:18px;
    z-index:20;
}
.iconsmall .hover a {
    border:0pt none;
    display:block;
    height:18px;
    width:18px;
}


*/

/*
.profile-faction
{
    background:transparent none no-repeat scroll right center;     
    position: relative;
    width: 50px;
    height: 20px;
    font-size: 11px;
    margin: 0pt auto;
    padding: 4px 24px 4px 0px;      
    text-align:right;
}
*/
div.quote 
{
    border: 1px solid #373737;
    background-color: #151515;  
    color:#DDDDDD;
    line-height:normal;
    margin:10px 15px 10px;
    padding:10px;
}

.small {font-size: 11px;}
.smallGray {font-size: 11px;color: #707070;}
.smallPad {font-size: 11px; padding-top: 3px;}

.socket { padding-left: 26px; background-repeat: no-repeat; background-position: left center; }
.moneysocket-1, .socket-1   { padding-left: 26px; background: url(../../images/socket_0.gif) no-repeat left center }
.moneysocket-2, .socket-2    { padding-left: 26px; background: url(../../images/socket_2.gif) no-repeat left center }
.moneysocket-4, .socket-4 { padding-left: 26px; background: url(../../images/socket_4.gif) no-repeat left center }
.moneysocket-8, .socket-8   { padding-left: 26px; background: url(../../images/socket_8.gif) no-repeat left center }
.moneysocket-1, .moneysocket-2, .moneysocket-4, .moneysocket-8
{
    padding-left: 0px;
    padding-right: 18px;
    background-position: right center;
    color: White;
} 
a.moneyitem, a.moneysocket-1, a.moneysocket-2, a.moneysocket-4, a.moneysocket-8
{
    border-bottom:1px solid transparent;
    text-decoration:none !important;
}
.moneyitem {
    padding-right:19px;
}




    
#pageKeywords
{
    display: none;
}

.editor
{
    width: 99.5%;
}
.editor-formatting-buttons
{
    padding: 0px;
    width: 100%;
    border: 1px solid #333333;
    border-bottom: 0px;
    background: #E5E5E5;    
}
.editor-formatting-buttons button
{
    border: 1px solid #E5E5E5;
    background: #E5E5E5 none;
    padding: 0px 2px 3px 2px;    
    font-family: Times New Roman !important; 
    font-size: 10pt !important;
    font-weight: bold;
    height: 22px;
    color: #000000;
    cursor: pointer;
    margin: 2px 0px 2px 0px;
}
.editor-formatting-buttons button:hover
{
    background-color: #F2F2F2;
    border-color: black;
}
textarea 
{
    border: 1px solid #333333;
    font-family:Arial,sans-serif;
    font-size:14px;    
}    
.editor textarea 
{ 
    margin:0pt;
    width:100%;    
}
.screenshot-empty-cell
{
    width: 25%;
}
.screenshot-cell 
{    
    cursor:pointer;
    padding:10px 4px;
    text-align:center;
    width: 25%;
    min-height: 150px;
}
.screenshot-cell:hover
{
    background-color: #08161F;
}
.screenshot-cell img {
    border:3px solid #0A1B26;
    margin-bottom:3px;
}
.screenshot-cell-user {
    font-size:11px;
    overflow:hidden;
    padding-bottom:5px;
    width:100%;
}
.screenshot-caption {
    /* height:1.33333em;*/
    left:0pt;
    /* overflow:hidden; */
    padding:1px;
    top:0pt;
    z-index:0;
}

        

.rss-container
{
    float: right;
    color:#DDDDDD;
    font-family:Arial;
    font-size:11px;
    font-weight:normal; 
    background: transparent url(../../images/rss.gif) no-repeat scroll right center;
    padding-bottom: 2px;
}
.rss-container a
{   
    padding-right: 35px;
    text-decoration: none;
    color: #ffffff;
}
.article-links, .comment-links, .screenshot-links
{
    color:#DDDDDD;
    font-size:11px;    
    padding: 4px 4px 2px 75px;            
    font-family: Arial;
    font-weight: normal;
}

.article-expander, .article-contractor
{    
    font-size:11px;    
    color: #ffffff;
    text-align: left;
    padding: 0px;
    line-height: 11px;
}
.article-expander
{
    padding-top: 4px;
}
.article-contractor
{
    margin-bottom: 8px;
}
.screenshot-links
{
    padding: 0px;
    padding-top: 2px;   
}


.editor h3, .comment h3 {
    color: white;
    font-size: 14px;
    padding: 0;
    margin: .75em 0 0.25em 0;
}



#searchResultsSummary
{    
    border-bottom: 1px solid #274353;
    font-size: 20px;    
    margin-bottom: 12px;
    padding-bottom: 4px;
    display: none;
}
#divSearchResultsCount, .listview-summary .count
{
    font-weight: bold;
    padding-left: 2px;
    text-align: center;
    padding-top: 2px;
    padding-bottom: 6px;
    font-size: 15px;
}




/***** Page Template *****/

#layers {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 100000000;
    width: 100%;
}

#noscript-bg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    -moz-opacity: 0.7;
    opacity: 0.7;
    z-index: 9999;
}

#noscript-text {
    position: absolute;
    text-align: center;
    left: 0;
    width: 100%;
    top: 30%;
    font-size: 18px;
    line-height: 1.5em;
    z-index: 10000;
    padding-top: 70px;
    background: url(/images/logo_medium.gif) center top no-repeat;
}

#noscript-text b {
    font-size: 22px;
}



#divSearchForm 
{
    z-index: 100;   
    position: relative;         
    padding-left: 8px;
    padding-top: 0px;
    top: 4px;   
}

#divSearchForm input {  
    color:#666666;
    font-family:Arial,sans-serif;
    font-size:13px;
    width: 180px;
    position: relative;
    top: 1px;
    padding-left:2px;
    margin-right: 0px;
    
}


.spanMenuArrow {
    background:url(../../images/bg_browse_arrow.png) no-repeat scroll right center;
    padding-right:20px;
}

#resultsContentPanel
{
    display: none;
}

/* MENU CSS */
.wowdb-ac-container em, .wowdb-ac-container var, .wowdb-ac-container strong, .menu em, .menu var, .menu strong {
    display: block;
    position: absolute;    
    background: url(../../images/menu_shadow.png) no-repeat;
    
}

.wowdb-ac-container em, .menu em {
    width: 5px;
    top: 0;
    bottom: 0;
    right: -5px;
    background-position: right top;
 
}

.wowdb-ac-container var, .menu var {
    width: 5px;
    height: 6px;
    right: -5px;
    bottom: -6px;
    background-position: right bottom;
}

.wowdb-ac-container strong, .menu strong {
    height: 6px;
    left: 0;
    right: 0;
    bottom: -6px;
    background-position: left bottom;    
}


.wowdb-ac-container
{
    position:absolute;
    top: 0px;
    left: 0px;
    z-index:100001;
    visibility: hidden;
    padding: 0px;       
    background: black;
}
.wowdb-ac-bg
{
    display: none;
    position:absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0; 
}
.wowdb-ac-m
{
    -moz-box-sizing: border-box;    
    border-collapse: collapse;
    background-color: Transparent;  
    border:1px solid #4D4530;
    cursor:default; 
    font-size:13px;
    line-height:17px;
    margin:0pt;     
    position: relative;
    z-index: 1;
    padding: 0px;
}
.wowdb-ac-m tr
{
color:White;
height:26px;
vertical-align:middle;
}
.wowdb-ac-icon
{
    padding: 0px;   
    line-height: 1px;
    padding-left: 2px;
    position: relative;
    width: 26px;
    vertical-align:middle;
}
.wowdb-ac-a
{
    background-color: Transparent;
}
.wowdb-ac-b
{
    background-color: #1a1a1a;  
    color: white;
    
}
.wowdb-ac-c {
    overflow:hidden;
    padding-left:3px;
    text-align:left;
    white-space:nowrap;
    vertical-align:middle;
}
.wowdb-ac-b .wowdb-ac-d
{
    color: white;
}
.wowdb-ac-d {   
    font-size:10px;
    overflow:hidden;
    padding-left:6px;
    padding-right:3px;
    text-align:right;
    white-space:nowrap;
    color: white;
    
}


/* For the Cropper */
.cropper-tools
{
    text-align:center;
    padding: 2px 4px 0px 4px;
    background-color: #373737;
}
.cropper-form
{
    padding-top:8px;
    
}

.cropper-container
{    
    visibility: hidden;
    position: relative;
    width: auto;
    overflow: hidden;
    background-color: #000000;
    border:3px solid #373737;    
}

.imgCrop_wrap {
    /* width: 500px;   @done_in_js */
    /* height: 375px;  @done_in_js */
    position: relative;
    cursor: crosshair;
}

/* an extra classname is applied for Opera < 9.0 to fix it's lack of opacity support */
.imgCrop_wrap.opera8 .imgCrop_overlay,
.imgCrop_wrap.opera8 .imgCrop_clickArea { 
    background-color: transparent;
}

/* fix for IE displaying all boxes at line-height by default, although they are still 1 pixel high until we combine them with the pointless span */
.imgCrop_wrap,
.imgCrop_wrap * {
    font-size: 0;
}

.imgCrop_overlay {
    background-color: #000;
    opacity: 0.5;
    filter:alpha(opacity=50);
    position: absolute;
    width: 100%;
    height: 100%;
}

.imgCrop_selArea {
    position: absolute;
    /* @done_in_js 
    top: 20px;
    left: 20px;
    width: 200px;
    height: 200px;
    background: transparent url(castle.jpg) no-repeat  -210px -110px;
    */
    cursor: move;
    z-index: 2;
}

/* clickArea is all a fix for IE 5.5 & 6 to allow the user to click on the given area */
.imgCrop_clickArea {
    width: 100%;
    height: 100%;
    background-color: #FFF;
    opacity: 0.01;
    filter:alpha(opacity=01);
}

.imgCrop_marqueeHoriz {
    position: absolute;
    width: 100%;
    height: 1px;
    background: transparent url(../../images/marqueeHoriz.gif) repeat-x 0 0;
    z-index: 3;
}

.imgCrop_marqueeVert {
    position: absolute;
    height: 100%;
    width: 1px;
    background: transparent url(../../images/marqueeVert.gif) repeat-y 0 0;
    z-index: 3;
}

/* 
 *  FIX MARCHING ANTS IN IE
 *  As IE <6 tries to load background images we can uncomment the follwoing hack 
 *  to remove that issue, not as pretty - but is anything in IE?
 *  And yes I do know that 'filter' is evil, but it will make it look semi decent in IE
 *
* html .imgCrop_marqueeHoriz,
* html .imgCrop_marqueeVert {
    background: transparent;
    filter: Invert; 
}
* html .imgCrop_marqueeNorth { border-top: 1px dashed #000; }
* html .imgCrop_marqueeEast  { border-right: 1px dashed #000; }
* html .imgCrop_marqueeSouth { border-bottom: 1px dashed #000; }
* html .imgCrop_marqueeWest  { border-left: 1px dashed #000; }
*/

.imgCrop_marqueeNorth { top: 0; left: 0; }
.imgCrop_marqueeEast  { top: 0; right: 0; }
.imgCrop_marqueeSouth { bottom: 0px; left: 0; }
.imgCrop_marqueeWest  { top: 0; left: 0; }


.imgCrop_handle {
    position: absolute;
    border: 1px solid #333;
    width: 6px;
    height: 6px;
    background: #FFF;
    opacity: 0.5;
    filter:alpha(opacity=50);
    z-index: 4;
}

/* fix IE 5 box model */
* html .imgCrop_handle {
    width: 8px;
    height: 8px;
    wid\th: 6px;
    hei\ght: 6px;
}

.imgCrop_handleN {
    top: -3px;
    left: 0;
    /* margin-left: 49%;    @done_in_js */
    cursor: n-resize;
}

.imgCrop_handleNE { 
    top: -3px;
    right: -3px;
    cursor: ne-resize;
}

.imgCrop_handleE {
    top: 0;
    right: -3px;
    /* margin-top: 49%;    @done_in_js */
    cursor: e-resize;
}

.imgCrop_handleSE {
    right: -3px;
    bottom: -3px;
    cursor: se-resize;
}

.imgCrop_handleS {
    right: 0;
    bottom: -3px;
    /* margin-right: 49%; @done_in_js */
    cursor: s-resize;
}

.imgCrop_handleSW {
    left: -3px;
    bottom: -3px;
    cursor: sw-resize;
}

.imgCrop_handleW {
    top: 0;
    left: -3px;
    /* margin-top: 49%;  @done_in_js */
    cursor: w-resize;
}

.imgCrop_handleNW {
    top: -3px;
    left: -3px;
    cursor: nw-resize;
}
.imgCrop_dragArea {
    width: 100%;
    height: 100%;
    z-index: 200;
    position: absolute;
    top: 0;
    left: 0;
}

.imgCrop_previewWrap {
    /* width: 200px;  @done_in_js */
    /* height: 200px; @done_in_js */
    overflow: hidden;
    position: relative;
}

.imgCrop_previewWrap img {
    position: absolute;
}
.staticTab
{
    background: transparent url(../../images/tab_top.gif) no-repeat scroll 0pt;    
    clear:left;
    height:2.1em;
    margin-top:2em;
    padding:0pt;
}
.staticTab h3 {
    background:#404040 url(../../images/tab_top.gif) no-repeat scroll 100% 0pt;
    color:#FFFFFF !important;
    float:left;
    font-size:105% !important;
    font-weight:bold !important;
    height:22px;
    letter-spacing:normal;
    margin: 0pt 0pt 0pt 5px;
    min-width:12em;
    padding: 5px 10px 0px 5px;
    text-align:center;
}

#searchFilterForm
{
    display: none;
}
.fi-numeric
{
    text-align: center;
}
.fc
{
    display: inline;
}

.inputForm
{
    color: White;
    padding: 0px;    
}
.inputForm .hint
{
    font-size: 11px;
    color: #cccccc;
    padding-bottom: 1px;
}
.inputForm h3
{
    margin: 0px 0pt 20px 5px;
    font-size:10pt;
    font-weight:bold;
    line-height:11pt;        
}
.inputForm .instructions
{   
    color: #CCCCCC;
    font-weight: normal;
    margin-top: 8px;
    line-height:13pt;   
    padding-right: 15px;
}
.widgetHelp, .widgetHelpStatic, .widgetHelpAccount
{

    border-color:#373737 transparent transparent;
    border-style:solid;
    border-width:1px 1px 0px;    
    padding:15px 0pt 15px 5px;
    width:726px;
    margin: 0px;
}
.widgetHelpStatic
{
    /*
    border: 1px solid #373737;
    background-color: #151515;  
    */
    
    border-color:#373737;
    border-width:1px;
    padding-left: 15px;
        
}
.helpFocus
{   
    background-color: #151515;    
    border-color: #373737;
    
}

.inputForm .policybox
{
    margin-top: 4px;
    width: 580px; height: 150px; font-size: 11px;
    line-height:14px;
    padding: 3px 2px;
}
.inputFormTable TD
{
   
       
}
.inputFormTable .inputCell
{
    width: 210px;
    vertical-align: top;
    text-align: right;
     padding-right: 10px;
}

.inputFormButtonContainer
{    
    clear: both;       
    text-align: center;
    padding-top: 10px;
}
.helpArea
{
    font-size: 11px;
    padding: 0px;
    padding-right:20px;
    vertical-align:top;
    width:250px;
    float: right;
    display: none;
    line-height: 1.3em;

}
.inputForm .inputLabelError
{    
    background: transparent url(../../images/icon_error.gif) no-repeat;
    background-position: 1px 1px;
    padding-left: 20px;
}
.inputFormError, .loginFormError, .inputFormSuccess, .loginFormSuccess
{   
    width:726px; 
    color: #fff;
    padding: 8px 8px 0px 8px;   
    font-size: 12px;
    padding-left: 25px;    
    background-position: 5px 10px;
    display: none;
    background-color: transparent;
    background-repeat: no-repeat;
}
.inputFormError, .loginFormError
{
        background-image: url(../../images/icon_error.gif);
}
.inputFormSuccess, .loginFormSuccess
{
        background-image: url(../../images/icon_success.gif);
}
.loginFormError, .loginFormSuccess
{
    position:relative;
    background-position: 5px 2px;
    padding-top: 0px;
    top: -6px;
    left: -6px;
    
}
#inputUsername_Status, #inputNickname_Status
{
    padding-left: 238px;
    font-size: 12px;
    padding-bottom:6px;
    line-height: normal;
}
.inputForm .resultSuccess
{
    background: transparent url(../../images/icon_success.gif) no-repeat;
    background-position: 220px 1px;
}
.inputForm .resultFailure
{
    background: transparent url(../../images/icon_error.gif) no-repeat;
    background-position: 220px 1px;
}
#pinSideSelect
{
    
    height: 17px;
    font-size: 11px;
        
}


#editMapInfo
{
    margin-bottom: 4px;
}
#editMapInfo table
{
    line-height: 11pt;
    color: White;
}

#divCommentsFooter
{
    background-color: #404040;  
    padding: 5px;
}



.datagrid,.tabbed-container
{
    clear: both;
    position: relative; 
    z-index: 100;   
}
.tabbed-container
{
    padding-bottom: 24px;
}
.tabbed-container .content
{
    padding: 8px;
}
/* COMMENTED
.datagrid table, .datagrid .no-data
{
    
    width: 100%;
    border-collapse: collapse;
    font-size:12px;
    
}
.datagrid table {
    background:url('../../images/bg_datagrid.jpg') 0px 32px;
}*/

.screenshots-preview
{
    background-image:none !important;
}

.datagrid .no-data
{    
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 30px 0px;
    text-align: center;     
    background: transparent url(../../images/bg_main.jpg) center center;
    
}

/* COMMENTED
.datagrid th
{
    font-size:13px;
    font-weight:bold;
    padding:0pt;    
    white-space:nowrap;
}
.datagrid thead a {
    position:relative;
    display:block;
    padding:8px;
    text-decoration: none;
    color:#cecece;
    background:url(../../images/bg_colheader.jpg);
}
.datagrid thead a:hover, .datagrid thead a:hover var {
    background-image:url(../../images/bg_colheader_hover.jpg);
}
.datagrid thead a.selected, .datagrid thead a.selected var {
       background-image: url(../../images/bg_colheader_selected.jpg);
       color:#fff;
}
.datagrid thead a var {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 14px;
    height: 31px;
    background:url(../../images/bg_colheader.jpg) right 0 no-repeat;
}

.datagrid thead a span {
    padding: 0 4px;
}

.datagrid thead a span span {
    padding: 0;
}

.datagrid th a:hover 
{
    color: White;
    background-color: #424242;
}
*/


.datagrid-style2
{
    background: transparent none;
    
}
.datagrid-style0 tr
{
    height:48px;
    padding:0px 0px 0px 0px;
    max-height:48px;
    min-height:48px;
}

.datagrid-style0
{
    border-spacing:0px 0px;
}

.datagrid-style0 thead tr
{
    height:32px;
    padding:0px 0px 0px 0px;
   max-height:32px;
    min-height:32px;
}

.datagrid-style0 tr:hover, .datagrid-style0 tr.alt:hover {
    background-image:url('../../images/bg_datagrid_hover.png');
}
.datagrid-style0 tr.alt {
    background-image:url('../../images/bg_datagrid_alt.png');
}
.datagrid-style0 td 
{   
    color:#ffffff;
    /*padding:4px;*/
    /*margin-top:4px;
    margin-bottom:4px;*/
    text-align:center;
    vertical-align:middle !important;   
/*    height: 48px; */
}
.datagrid-style0 tr {
    cursor:pointer;
}
.datagrid-style0 tbody  a {
    text-decoration: none;
}
.datagrid-style0 tbody a:hover {
    text-decoration: underline; 
}

/* COMMENTED
.datagrid .sortasc  {
    padding-right: 18px !important;
    background: url(../../images/sort_asc_new.png) no-repeat right center;
}

.datagrid .sortdesc {
    padding-right: 18px !important;
    background: url(../../images/sort_desc_new.png) no-repeat right center;
}
.datagrid-refine
{
    line-height: 26px;  
}
.datagrid-refine label
{
    margin-right: 4px;
}
.datagrid-refine input[type="text"]
{
    width: 120px;
}
.datagrid-paging
{
    cursor:default;
    float:right;
    padding-right:1px;  
    padding-left: 4px;
}
.datagrid-perpage
{
    float:right;
    margin-right: 4px;
}
.datagrid-paging a
{
    text-decoration: none;
    line-height: 18px;
    padding-top: 1px;
    padding-bottom: 2px;
    margin-left: 3px;   
    margin-right: 3px;
    font-size: 12px;
    
}
.datagrid-paging span
{
    margin-left: 3px;   
    margin-right: 3px;
}
.datagrid-paging-previous  {padding-left: 12px; background: transparent no-repeat;}
.datagrid-paging-next {padding-right: 13px; background: transparent no-repeat;}


.datagrid-paging-previous {           
    background: url(../../images/bg_paging.png) left -54px no-repeat;     
}
.datagrid-paging-previous:hover {           
    background: url(../../images/bg_paging.png) left -72px no-repeat;     
}

.datagrid-paging-next {
    background: url(../../images/bg_paging.png) right top no-repeat;      
}
.datagrid-paging-next:hover
{
    background-position: right -18px;
}

.datagrid-paging .disabled,.datagrid-paging .disabled:hover
{
    color: #505050 !important
}


.datagrid-paging-previous.disabled, .datagrid-paging-first.disabled
{   
    background-position: 0px -90px; 
}
.datagrid-paging-next.disabled, .datagrid-paging-last.disabled
{   
    background-position: right -36px;   
}*/


.user-20
{
    color: #7be15c;
}
.map-copyright
{
    position: absolute;
    bottom: 0px;
    right: 0px;
}
.map
{
    position:relative;
    display: block;
    clear: none;
    width: 100%;
    height: 100%;    
    background:transparent url(../../images/map_loading.gif) no-repeat scroll center center;    
    padding: 12px !important;
}

.map-controls
{
    z-index: 100;
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 46px;
    height: 129px;
    background: transparent url(../../images/map_toolbox.png);    
}
.map-controls-zoomin
{
    position: absolute;
    display: block;
    width: 34px;
    height: 34px;
    top: 52px;
    left: 6px;
    
}
.map-resizer
{
    position: absolute;
    width:40px;
    height: 40px;
    background: transparent url(../../images/map_resizer.png);
    cursor: se-resize;
    bottom: 4px;
    right: 4px;
    z-index: 20;
}
.map-controls-zoomin:hover
{
    background: transparent url(../../images/map_toolbox_zooms.png) no-repeat 7px 7px;
}

.map-controls-zoomout
{
    position: absolute;
    display: block;
    width: 34px;
    height: 35px;
    top: 90px;
    left: 6px;    
}
.map-controls-zoomout:hover
{
    background: transparent url(../../images/map_toolbox_zooms.png) no-repeat 7px -22px;
}
.map-tabs
{    
    position: relative;
    width: 100%;
    overflow: hidden;
    display: none;
    margin-bottom:-10px;
    z-index: 10;
    margin-left: 10px;
}
.map-tabs .tabs li 
{
    height: 43px;
}
.map-tabs a.selected div, .map-tabs a.selected, .map-tabs a.selected:hover div, .map-tabs a.selected:hover
{
    background-image:url(../../images/bg_maptab_sel.gif);
}

.map-links
{
    font-size: 11px;
    color: White;
    background-color: #404040;        
    border-left:3px solid #404040;    
    border-right:3px solid #404040; 
    /*position:relative;    */
    padding-top: 1px;
}
.map-links div
{
    padding-left: 4px;
}


.map .map-pin, .editMap .map-pin {
    font-size:1px;
    height:1px;
    position:absolute;
    width:1px;
    

}

.map .map-obj-pin {
    font-size:1px;
    height:1px;
    position:absolute;
    width:1px;
    

}
.map .map-pin a,.editMap .map-pin a {
    background:transparent url(../../images/map_pin.png) no-repeat scroll 0% ;
    display:block;
    height:10px;
    position:relative;
    width:12px;
}

.map .pin-1 a
{
    background-image: url(../../images/map-pin-r.png);
}
.map .pin-2 a
{
    background-image: url(../../images/map-pin-y.png);
}
.map .pin-3 a
{
    background-image: url(../../images/map-pin-g.png);
}
.map .pin-4 a
{
    background-image: url(../../images/map-pin-b.png);
}
.map .pin-5 a
{
    background-image: url(../../images/map-pin-p.png);
}
.map .pin-10 a
{
    height: 22px;
    background-image: url(../../images/map-icons/3.png);
}
.map .pin-11 a
{
    height: 22px;
    background-image: url(../../images/map-icons/5.png);
}
.map-landmark-icon
{
    position: absolute;
    bottom: 0px;
}
.map-icon-container
{
    position: absolute;
    width: 1px;
    height: 1px;
}

.map .map-bg
{
    -x-background-x-position:0%;
    -x-background-y-position:0%;
    background-attachment:scroll;
    background-color:transparent;    
    background-repeat:repeat;
    display:block;    
    position:relative;    
}
.map .glow {
    color:white;
    cursor:default;
    font-size:12px;
    font-weight:bold;
    margin:0pt 2px;
    white-space:nowrap;
}
.map-cache
{
    display: none;
}

.map-panel
{
    position: relative;    
    /*background-image: url(../../images/bg_cp.jpg);            
    background-position: 0px 30px; */
}
.map-editor
{
    display: none;
    position: absolute;
    right: -230px;
    width: 220px;
    height: 410px;
    top: 10px;
    z-index: 1;    
    padding: 4px 4px 0px 22px;
    background: #1a1a1a;
    border: 1px solid #373737;
}
.map-editor-instructions
{
    
    position: absolute;
    bottom: 2px;
    left: 0px;
    color: White;
    padding: 0px 3px 0px 20px;    
    font-size: 11px;
}
.map-editor-instructions ol
{
    
    padding-left: 20px;    
    border-bottom-color: Red;
    margin: 0px;
}

.map-editor button
{
    margin-left: 10px;
    margin-top: 10px;
}
.map-editor div
{
    padding-top: 4px;
}
.map-panel-instructions, .map-panel-label
{
    position: absolute;
    filters: alpha(opacity=75);
    opacity: 0.75;
    z-index: 10;    
    font-weight: bold;
    font-family: Times New Roman;
    text-transform: uppercase;
}
.map-panel-instructions
{
    bottom: 14px;
    left: 0px;
    color: #1a130d;
    width: 95%;
    text-align: center;
    padding-right: 8px;
    padding-left: 8px;
}
.map-panel-label
{
    color: #594226;
    top: 18px;
    line-height: 18px;
    left: 22px;            
    font-size: 22px;       
}
.map-panel-bg
{
    position: absolute;
    width: 100%;
    height: 100%;    
    margin-top: 10px;
    top: 0px;
    left: 0px;
    background-color: Black;
    z-index:0;
}
.map-panel-wrapper
{
    position:relative;
    color: white;    
    z-index: 10;
    padding-top: 55px;
    padding-bottom: 57px;
    padding-left: 32px;
    padding-right: 39px;
    
}
.map-panel-r
{
    position: absolute;    
    right: 0px;
    width: 38px;
    height: 100%;            
    background-image: url(../../images/cp_r.gif);
    background-position: -1px 55px;
    background-repeat: repeat-y;
    z-index: 2;
}
.map-panel-b
{
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 57px;
    background-image: url(../../images/cp_b.gif);  
    background-position: 0px 0px;   
    z-index: 1;
}
.map-panel-br
{
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 100px;
    height:100px;
    background-image: url(../../images/cp_br.png);
    z-index: 4;
}
.map-panel-l
{
    position: absolute;        
    width: 38px;
    height: 100%;            
    background-image: url(../../images/cp_l.gif);
    background-position: -2px 89px;
    background-repeat: repeat-y;
    z-index: 0;
}
.map-panel-bl
{
    position: absolute;
    bottom: 1px;
    left: -8px;
    width: 100px;
    height:100px;
    background-image: url(../../images/cp_bl.png);
    z-index: 2;
}
.map-panel-t
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 89px;
    background: transparent url(../../images/cp_tl.gif) no-repeat;            
    z-index: 1;    
    
}
.map-panel-tr
{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100px;
    height: 55px;
    background-image: url(../../images/cp_tr.png);
    z-index: 2;
    
}
.browse-path
{
    padding-bottom: 10px;
}

#divBrowsePathRight {   
    font-size: 12px;
    margin-top: -2px;
    text-align:center;
}


.d {color: #ffbb00 }
.r  { color: #FFBB00 !important}
.r0, .r0 a { color: #d5d5d5 !important; font-weight:normal !important; }
.r1, .r1 a { color: #d5d5d5 !important; font-weight:normal !important; }
.r2, .r2 a { color: #4AB93B !important; font-weight:normal !important; }
.r3, .r3 a { color: #1699C4 !important; font-weight:normal !important; }
.r4, .r4 a { color: #FF9900 !important; font-weight:normal !important; }
.r5, .r5 a { color: #9238D0 !important; font-weight:normal !important; }
.r6, .r6 a { color: #9a3800 !important; font-weight:normal !important; }
.r7, .r7 a { color: #f17f06 !important; font-weight:normal !important; }
a.aion_spell { color:#004499 !important; font-weight:normal !important; }
.red, .red a { color: Red;}
.ability-name
{
    color: #FFBB00 !important
}
.ability-req
{
    color: #0264ca !important;
    display: block;
}

.tooltip .ability-name
{
    color: #F0C060 !important;
    font-size: 14px;
}
.ability-desc
{
    color: #F0C060 !important;
}
.ability-border
{
    border-top: solid 3px #828282;    
}
.ability-info
{
    white-space: nowrap;
}
.item-tooltip-bonus
{
    color: #FFFF00 !important
}

.previewWindowContainer     
{
    -moz-user-select: none;
    position: absolute;
    z-index: 20;
}

#previewContainer
{
    position: absolute;
    top: 45px;
    left: 36px;
    width: 400px; 
    height: 350px;
    z-index:10000001;
}

#previewThumbnailContainer
{
    margin-top: 4px;    
    border: 1px solid #507484;
    
    height: auto;
    min-height: 220px;
    background-color: Black;        
    background: black url(../../images/map_loading.gif) no-repeat;
    background-position: center center;
}
#previewThumbnailControls
{
    width: 100%;
    text-align: center;
    
}
#modelViewer
{
    background: url(../../images/bg_modelviewer.png);
    background-repeat: no-repeat; 
    position: absolute;
    top: 300px;
    left: 450px;
    width: 472px;
    height: 454px; 
    display: none; 
    z-index: 10000000;    
}
#modelViewer .button-container
{
    position: absolute; bottom: 22px;
    height: 24px;
    text-align: center;
    width: 100%;
}

.quest-objectives, .itemset-list
{
    margin-top: 4px;
}

.moneyitem, .moneygold, .moneysilver, .moneycopper, .moneyneutral, .moneyalliance, .moneyhorde, .moneyarena, .moneysocket-1, .moneysocket-2, .moneysocket-4, .moneysocket-8
{
    background:transparent none no-repeat scroll right center;
    color:white;
}

.moneygold {
    background-image:url(../../images/money_gold.gif);
    padding-right:15px;
}
.moneysilver{
    background-image:url(../../images/money_silver.gif);
    padding-right:15px;
}
.moneycopper {
    background-image:url(../../images/money_copper.gif);
    padding-right:15px;
}



.career-builder-icon
{
    background: transparent url(../../images/bg_career_training.png) no-repeat;
    width: 103px;
    height: 124px;
    position: absolute;
    top: -40px;
    left: -10px;
    
}
.career-container
{
    top: 0px;
    height:680px;
    width: 550px;
    position:relative;
    background: transparent url(../../images/bg_career_mastery.png) no-repeat;
    margin: 35px auto;
}
.career-container-untabbed
{
    top: 0px;
    height:680px;
    width: 940px;
    position:relative;
    background: transparent url(../../images/bg_career_mastery_untabbed.png) no-repeat;
    margin: 35px auto;
}
.career-container-untabbed .career-mastery-points
{
    display: none;
}

.career-bg
{
    width:480px;
    height:498px;
    display:none;
    position:relative;
    left:75px;  
    top:90px;
    position: absolute;
    top: 100px;
    left: 35px;
}
.career-mastery-learned
{
    position: absolute;
    top: 260px;
    left: 245px;
    width: 160px;
}
.career-mastery-learned .iconmedium
{
    float: left;
}
.career-container-untabbed .career-mastery-learned
{
    left: 150px;
    top: 210px;
}
.career-mastery-bar
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 150px;
    height: 475px;
}
.career-container-untabbed .career-core-ability-msg
{
    left: 145px;
    font-size: 11px;
    width: 145px;
    text-align: center;
}
.career-container-untabbed .career-mastery-bar
{
    top: 20px;
}
.career-container-untabbed
{
    
}
.career-container-untabbed .career-spec-desc
{
    top: 5px;
    bottom: auto;
    left: 10px;
    text-align: center;
    width: 275px;    
    font-family: Age of Reckoning, Arial;
    
}

.career-container-untabbed .career-mastery-gain-msg, .career-container-untabbed .career-mastery-gain-at-msg
{
    display: none;    
    
}
.career-container-untabbed .career-bg
{
    display: block;
    background-position: -20px top;
    width: 290px;
}

.career-container-untabbed #careerbg1
{
    left: 31px;
}
.career-container-untabbed #careerbg2
{
   left: 329px;
}
.career-container-untabbed #careerbg3
{
    left: 627px;
}


.career-mastery-vdiv
{
    position: absolute;
    width: 28px;
    background: transparent url(../../images/bg_career_mastery_vdiv.gif) no-repeat;
    height: 570px;
    top: 39px;    
}
.career-mastery-vdiv
{
    display: none;
}
.career-container-untabbed .career-mastery-vdiv
{
    display: block;
}
.career-container-untabbed .career-tabs-container
{
    display: none;
}


.career-max-toggle
{
    position:absolute;
    height: 24px;
    left:0px;
    top:10px;
    background: transparent url(icons/s/41.png) no-repeat;
    padding-left: 25px;
    cursor: pointer;
    padding-top: 4px;
}
.career-renown-req
{
    background: transparent url(icons/s/45.png) no-repeat;    
}
.career-points-remaining
{
    position:absolute;
    left:110px;
    top:10px;
    height: 24px;
    background: transparent url(icons/s/41.png) no-repeat;
    padding-top: 4px;
    padding-left: 25px;
    cursor: pointer;
}
.career-mastery-reqs
{
    position:absolute;
    right:5px;
    top:2px;    
}
.career-mastery-reqs span
{
    padding-left: 25px;
}
.career-container .career-mastery-reqs span
{
    display: block;
    text-align: left;    
}
.career-container .career-points-remaining
{
    display: none;
}
.career-container-untabbed .career-mastery-reqs 
{
    right: 60px;
    top: 12px;
}
.career-container-untabbed .career-mastery-reqs span
{
    margin-right: 10px;    
}

.career-advance-button
{
    width:100px;
    height:25px;
    background-image:url(../../images/career_advance_button_g.png);
    position:absolute;
}

.career-advance-click-button-plus
{
    width:100px;
    height:35px;
    background-image:url(../../images/career_click_button_g.png);
    position:absolute;
    cursor:pointer;
    left:40px;
    top:405px;
}

.career-advance-click-button-minus
{
    width:100px;
    height:35px;
    background-image:url(../../images/career_click_button_g.png);
    position:absolute;
    cursor:pointer;
    left:40px;
    top:440px;
}

.tactic-slot
{
    background-image:url(../../images/tactic_slot.png);
    width:49px;
    height:48px;
    position:absolute;
}

.tactic-msg
{
    position: relative;
    top:-40px;  
}

.tactic-container
{
    position: relative;
    left:550px;
    top:700px;
}

.builder-bubble
{
    background-image: url(../../images/builder_icon_bubble.png);
    width:24px;
    height:23px;
    position:absolute;
    left:25px;
    top:-5px;
    z-index:35;
}

.builder-bubble span
{
    position:relative;
    left:9px;
    top:3px;
}



.icon-unavailable
{
    background-image:url(../../images/icon_disabled_mask_r.png);
    height:44px;
    width:44px;
    position:absolute;
    top:0px;    
    cursor: not-allowed;
    z-index: 21;
}
.tactic .icon-unavailable
{
    background-image:url(../../images/icon_disabled_tactic_mask_r.png);
}

.career-plus-img
{
    position:absolute;
    left:38px;
    top:8px;    
}

.renown-bg .iconmedium a:hover, .career-mastery-ability .iconmedium a:hover
{
    background-position: -40px 0px;
}
.career-header, .tactics-header, .morale-header
{
    color:#FFFFFF;
    font-family:Times New Roman;
    font-size:18px;
    font-weight:bold;
    left:25px;
    position:absolute;
    top:15px;
    width: 500px;
    
    text-align:center;
}
.career-header a
{
    font-family: Arial;
    
    font-size: 11px;    
    position: absolute;
    right: 80px;
    top: 6px;
    font-weight: normal;
    
}
.career-tree-header
{   
    position: absolute;
    top: -30px;
    left: 4px;
    width: 285px;       
    font-family: Age of Reckoning, Arial;
}
.career-tree-header .iconsmall
{
    float: left;
    margin-right: 4px;
}
.career-tree-header span
{    
    font-size: 16px;
    color: #FFBB00;
}
.career-tree-header var
{
    font-size: 14px;
    font-style: normal;    
}
.career-tree-header button
{
    float: right;
}
.career-container .career-tree-header
{
    display: none;
}
.career-container-untabbed .career-header
{
    width: 910px;
}

.career-advance-numbers
{
    width: 20px;
    text-align: center;
    cursor: pointer;
}

.career-mastery-gain-msg
{
    position:absolute;
    left:220px;
    top:10px;
    width:210px;
    height: 60px;
}

.career-core-ability-msg
{
    position:absolute;
    left:220px;
    top:160px;
    width:230px;
}
.career-mastery-points
{
    font-size: 16px;
}
.career-mastery-gain-at-msg
{
    position:absolute;
    left:220px;
    bottom:10px;
    width:230px;
}
.career-footer
{
    position: absolute;    
    bottom: 26px;
    height: 42px;
    left: 35px;
    width: 480px;
    text-align:center;    
}
.career-container-untabbed .career-footer
{
    width: 900px;
    
}
.career-footer button
{
    position:static;    
    border: none;
    cursor:pointer;    
    text-align:center;                 
    background:url(../../images/bg_aion_button.gif) left top no-repeat; 
    width:130px; 
    height: 39px;
    overflow:visible; 
    line-height:25px;
    z-index: 1;
    padding:0pt 28px 0pt 0pt;
}
.career-footer button span { 
    position:static; 
    display:block; 
    white-space:nowrap;
    background:none;
    color:#FFD100; 
    margin-top:0px;
    font-size: 14px !important;  
    font-weight: bold;      
    font-family: Times new Roman !important; 
    text-transform: none;
    padding: 0pt 0pt 4px 25px;
}
.career-footer button:hover
{
    background-position: left -39px;
}


.career-spec-desc
{
    position:absolute;
    left:220px;
    bottom:60px;
    width:230px;
    height: 40px;
}

.career-minus-img
{
    position:absolute;
    left:38px;
    top:14px;   
}

.career-marker-line
{
    width:100px;
    height:3px; 
    background-image:url(../../images/career_marker_line.png);
    position:absolute;  
}

.alert.content-panel
{
    
}

.panel-content
{
    position: relative;
    z-index:1;
    padding: 24px;
    font-size: 12px;
}
.panel-content label
{
    
    color:White;
    display:block;
    float:left;
    font-weight:bold;
    margin-right:4px;
    width:130px;
    min-height: 20px;
}
.panel-content div
{
    
}
.panel-tl, .panel-tr, .panel-bl, .panel-br
{
    background: transparent url(../../images/bg_panel_corners.gif) no-repeat left top;
    position: absolute;    
    height: 36px;
    width: 36px;
}
.panel-tl
{
    top: 0px; left: 0px;
}
.panel-tr
{
    top: 0px; right: 0px;
    background-position: right top;
}
.panel-bl
{
    bottom: 0px; left: 0px;
    background-position: left bottom;
}
.panel-br
{
    bottom: 0px; right: 0px;
    background-position: right bottom;
}
.panel-l, .panel-r
{
    background: transparent url(../../images/bg_panel_lr.gif) repeat-y;
    width:12px;
    position: absolute;
    top: 0px;    
    height: 100%;
}
.panel-l
{
    left:0px;
}
.panel-r
{
    right: 0px;    
    background-position: right top;
}
.panel-t, .panel-b
{
    background: transparent url(../../images/bg_panel_tb.gif) repeat-x;
    height:12px;
    position: absolute;
    left: 0px;
    width: 100%;
}
.panel-t
{
    top: 0px;
}
.panel-b
{
    bottom: 0px;
    background-position: left bottom;
}

.panel
{    
    
    background-color: #080808;
    position: relative;
    float:left;
}
.renown-col-right
{
    position:absolute;
    left:620px;
    top:100px;  
    width:350px;    
}
.renown-tools-container
{
    position:relative;  
    width:350px;    
}
.renown-stats-container
{
    position:relative;  
    width:350px;
    margin-top: 10px;
    
}

.renown-tools-table
{
    position:absolute;
    left:45px;
    top:30px;
}

.renown-title
{
    position:absolute;
    left:90px;
    top:-35px;
    color:#FFFFFF;
    font-family:Times New Roman;
    font-size:18px;
    font-weight:bold;   
}

.renown-container
{
    background-image:url(../../images/renown_frame.png);
    width:620px;
    height:1050px;
    position:relative;
    top:15px;
    z-index:0;
    position: relative;
}

.renown-icon
{
    background-image:url(../../images/training_frame_corner.png);
    width:128px;
    height:128px;
    position:absolute;
    left:-10px;
    top:-35px;
    z-index:30;
}



.renown-bg
{
    background-image:url(../../images/renown_bg.png);
    width:512px;
    height:930px;
    position:relative;
    top:60px;
    left:55px;
}

.renown-remaining-msg
{
    position:relative;
    left:40px;
    top:10px
}


.renown-required-msg
{
    position:relative;
    left:100px;
    top:10px;
}

.renown-message-line-1
{
    position:absolute;
    left:20px;
    top:220px;
    width:150px;
}

.renown-message-line-2
{
    position:absolute;
    left:20px;
    top:500px;
    width:150px;
}

.renown-req-line-1
{
    position:absolute;
    left:360px;
    top:220px;
    z-index:11; 
}

.renown-req-line-2
{
    position:absolute;
    left:360px;
    top:500px;
    z-index:11; 
}

.renown-arrow-tip-1
{
    position:absolute;
    left:300px;
    top:210px;
    background-image:url(../../images/arrow-red-head.png);
    z-index:10;
    width:149px;
    height:41px;
}

.renown-arrow-tip-2
{
    position:absolute;
    left:300px;
    top:490px;
    background-image:url(../../images/arrow-red-head.png);
    z-index:10;
    width:149px;
    height:41px;    
}

.renown-arrow-main
{
    background-image:url(../../images/arrow-red-mid.png);
    position:absolute;
    left:300px;
    top:220px;
    width:149px;
    height:290px;
    z-index:2;
    
}

.renown-label
{
    position: absolute;
    left: 70px; 
    top: -36px;
    color:#FFFFFF;
    font-family:Times New Roman;
    font-size:18px;
    font-weight:bold;       
}

.career-tabs-container
{
    position: absolute;
    top: 45px;
    left: 80px; 
    height: 34px;
}



.career-tabs-container var
{
    background: url(../../images/career_tabs.png) no-repeat top right;
    position: absolute;
    width: 16px;
    height: 46px;
    right: -16px;
    top: 0px;
}
.career-tabs-container div
{
    background: transparent url(../../images/career_tabs.png) no-repeat top left;
    float: left;
    position: relative;
    width: 94px;    
    padding: 0px 0px 0px 18px;  
    text-align: center;
    line-height: 44px;
    color: #FFD100;
    cursor: pointer;
    font-size: 12px;    
    -moz-user-select: none;
    margin-right: 20px;
}
.career-tabs-container div.selected
{
    background-position: 0px -48px !important;
    line-height: 44px;
    color: #ffffff;
}
 .career-tabs-container div.selected var
 {
    background-position: right -48px !important;
 }
 
 
 #main-layout
{    
    border-collapse: collapse;                           
    margin: 0;
    padding: 0px;
    border: none;               
    width: 100%;
    height: 100%;     
}
#main-layout td
{
    vertical-align: top;
}        
#main-layout-center
{

    border-collapse: collapse;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;     
    min-width: 980px;

}


#menu-bg-l, #menu-bg-r
{
    position: absolute;            
    width: 11px;
    height: 39px;
    background: url(../../images/bg_menu_shadow.png) repeat-y;
}
#menu-bg-l
{
    top: 0px;
    left:0px;
}
 #menu-bg-r
{
    top: 0px;
    right:0px;
    background-position: -11px 0px;

}


#divLoginOptions
{
    padding-top: 12px;  
    padding-right: 20px;
    font-size: 12px;
    font-weight: bold;
    display: none;  
}
.spanMenuLink
{
    white-space: nowrap;    
}

.spanMenuButtons
{
    padding-left: 8px;
    padding-top: 11px;
    padding-bottom: 11px;   
    
}
#divRegisterMenu
{
    padding-top: 10px;
}

.renown-reset-button
{
    position:absolute;
    left:290px;
    top:-40px;

}

.renown-submit-button
{
    position:absolute;
    left:370px;
    top:-40px;

}

.spell-tag
{
    font-size: 11px;
    
}

.npc-tag
{
    padding-right: 23px;
    font-size: 11px;
    background-repeat: no-repeat;
    background-position: right center;
    padding-top: 3px;
    padding-bottom: 3px;
    
}
.career-icon
{
    padding-left: 30px;
    font-size: 12px;
    background-repeat: no-repeat;
    background-position: left center;
    padding-top: 6px;
    padding-bottom: 6px;
    line-height: 20px;
    
}

.race-icon
{
    padding-left: 20px;
    font-size: 12px;
    background-repeat: no-repeat;
    background-position: left center;
    padding-top: 6px;
    padding-bottom: 6px;
    line-height: 20px;
    
}

.item-name
{
     font-size: 14px;
     font-weight: bold;
}
.map-link
{
    display: block;
}
.result-entity-name
{
    font-weight: bold;

}

.comment-form-container, .screenshot-form-container
{
    position: relative;z-index:1;
}
.comment-form-container .instructions, .screenshot-form-container .instructions, .tabbed-container .instructions
{
    padding: 8px;
    color: White;
    font-size: 12px;
    
}
.tabbed-container .instructions
{
    font-size: 11px;
    padding: 12px;
    text-align:center;
}
.screenshot-form-container form
{
    position: relative;
    left: 8px;
}
.datagrid-summary .count #datagrid-filter-toggle
{
    display: none;
}
.datagrid-summary .count
{
    text-align: center; 
    padding-bottom: 4px;
}

#divWishlistButtonContainer, #divPinItemContainer
{
    float:left;
}


/* Comments */

.comment ul, .comment ol {
    margin: 1em 0pt;
    padding-left:26px;
}
.comment ol li
{ 
    color: White;
}
.comment ul li {
    list-style-image: url(../../images/bg_bullet.gif);
}
.comment li {
    line-height:1.75em !important;
    list-style-position:outside;
}

.comment-table-header
{
    border: 0px !important;
    /* background-color:#404040 !important; */
    color:#CCCCCC !important;
    padding: 6px 6px 6px !important;
    font-size: 11px !important;
    text-align: left !important;
    font-weight: normal !important;
}
.comment-table-header a
{
   display: inline !important;
   background-color: transparent !important;
   padding: 0px !important;
   text-decoration: underline !important;
   color: #ffbb00 !important;
   
}
.comment-table-header a:hover
{
    color: #FFFFFF!important;
   
}
.comment-table-header a.selected
{

   text-decoration: none !important;
   color: #FFFFFF !important;
   
}

.comment-rating {
    color:white;
    float:right;
    padding-right: 3px;
    position: relative;
    width: 110px;
    text-align:right;
}
.comment-rating b
{
    padding-right: 4px;
}
.comment-rating span a, .rating-controls a
{
    display: block;
    float:right;
    width: 20px;
    height: 20px;
    background: transparent url(../../images/bg_comment_rating.gif) no-repeat;
    margin-left: 4px;
}

.comment-rating span a.down, .rating-controls a.down
{
    background-position: left -21px;
}
.comment-rating span a.down:hover, .rating-controls a.down:hover
{
    background-position: -20px -21px;
}
.comment-rating span a.up:hover, .rating-controls a.up:hover
{
    background-position: -20px 0px;
}

.comment {
    color:#DDDDDD;
    font-size:13px;
    line-height:1.5em !important;
    /*padding: 4px 4px 0px !important;*/
    border-bottom: 0px !important;          
}
.comment a
{
    text-decoration: underline;
}
.comment .editor
{
    margin-left: 75px;
    margin-top: 10px;
    width: 840px;
}
.comment-preview
{
    position: relative;
    height: 16px;
    overflow: auto;
}

.rating-controls a, .comment-rating a {
    text-decoration: none !important;
    font-weight:bold;
    font-size: 11px;
} 
.comment ol li div, .comment li div 
{    
    color:#DDDDDD;
    font-weight: normal;
}
.comment-body, .comment-date
{
    padding-left: 75px;            
    /* overflow: auto; */
}
.comment-body
{
    padding-top: 10px;
    padding-bottom: 10px;
}

.comment-body h3.first {
    padding-top: 0;
    margin-top: 0;
}
.comment-links
{
    margin-bottom: 8px;   
    text-align:left; 
}
.comment-lastedit {
    color:#9D9D9D;
    font-size:11px;
    /* font-style:italic; */
    padding-top:4px;
    padding-left: 75px;
    padding-right: 6px;
    float:right;
    
}
.comment-links a {
    font-weight:normal;        
    padding-left: 22px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-right: 8px;
}
.comment-links .edit
{
    background: transparent url(../../images/bg_commentlinks.gif) no-repeat;    
}
.comment-links .edit:hover
{
    background-position: 0px -57px;
}

.comment-links .reply
{
    background: transparent url(../../images/bg_commentlinks.gif) no-repeat 0px -19px;    
}
.comment-links .reply:hover
{
    background-position: 0px -76px;
}
.comment-links .delete
{
    background: transparent url(../../images/bg_commentlinks.gif) no-repeat 0px -37px;    
}
.comment-links .delete:hover
{
    background-position: 0px -94px;
}

.comment-header a, .comment-header-dis a {
    font-weight: bold;
}
.comment-header a
{
    margin-left:80px;
}
.comment-header a.r0, .comment-header-dis a.r0 {
    color:#AAAAAA !important;
    font-weight:normal;
    text-decoration:none;
}
.comment-date a
{
    color: #9D9D9D;
    font-size: 12px;
    text-decoration: none !important;
}

.avatar
{
    border:1px solid #373737;    
    width: 28px;
    
}
.avatar img
{
    width: 28px;
    height: 28px;    
    display: block;
}
.comment-avatar, .profile-avatar
{
    width: 56px;
    height: 56px;
    border: 1px solid #373737;
    float: left;
    margin-right: 4px;
}

.comment-avatar
{
    position: absolute; top: -5px;
    left: 3px;    
}
.comment-avatar.userstatus20, .profile-avatar.userstatus20
{
    background: transparent url(../../images/userstatus_20.gif) no-repeat center bottom;    
    padding-bottom: 11px;
}
.avatar.userstatus20
{
    background: transparent url(../../images/userstatus_20_small.gif) no-repeat center bottom;    
    padding-bottom: 7px;
}

.comment-avatar-dis
{
    display: none;
}
.comment-header, .comment-header-dis 
{
    position: relative;    
    width: 100%;
    height: 27px;
    background: transparent url(../../images/bg_commentheader.gif) no-repeat;
    color:#AAAAAA;    
    font-size:11px;
    padding-top: 3px;
    /*
    margin-bottom:4px;
    padding:4px;
    padding-left: 75px;    
    */

}
.comment-header-dis 
{
    padding-left: 0px;
}


.search-results-summary
{    
    border-bottom: 1px solid #274353;
    font-size: 20px;    
    margin-bottom: 12px;
    padding-bottom: 4px;
        
}
.map-small
{
    background: transparent url(../../images/bg_map_small.gif) no-repeat;
    position: relative;
    width: 609px;
    height:624px;
    margin-right: -30px;    
}
.map-small .map
{
    margin-left: 62px;
    margin-top: 62px;
    padding: 0px !important;
}
.map-tools
{
    position: absolute;
    top: 14px;
    left: 12px;    
    height: 20px;
    z-index:110;
    text-align: center;    
}
/*
.map-tools var
{
    background-color: Black;
    opacity: 0.50;
    filter: alpha(opacity=50);
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height:100%;
    z-index:0;
}
*/
.map-tools div
{
    position: relative;
    z-index:1;
}
.map-shade
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: Black;
    opacity: 0.65;
    filter: alpha(opacity=65);
    display: none;
}
.map-small .map-cover
{
    position: absolute;
    top: -20px;
    left: -18px;
    background: transparent url(../../images/bg_map_small_cover.png) no-repeat;
    width: 517px;
    height: 519px;
}
.map-small .map-title
{
    text-align:center;
    color: #422f1d;
    font-family: Times New Roman;
    font-weight: bold;
    font-size: 26px;
    padding-top: 30px;
    margin-bottom: -35px;    
}
.floating-icons
{
    margin-top: -4px !important;
}
.quest-side-1, .quest-side-2, .quest-side-3
{   
    display: block; 
    width: 20px;
    height: 24px;
    margin: 0pt auto;
    background:transparent url(../../images/bg_quest_side.png) no-repeat;
    
}
.quest-side-1
{
    background-position: -21px 0px; 
}
.quest-side-3
{
    width: 41px;
}
.filters-wrapper
{
    position: relative;    
    padding-left: 30px;
    padding-bottom: 15px;    
    width: 808px;
}
.filters-form-10,.filters-form-9,.filters-form-1,.filters-form-4,.filters-form-6,.filters-form-2,.filters-form-7
{         
    padding-bottom: 10px;
    margin-left:40px;
}
.filters-form-10 var, .filters-form-9 var, .filters-form-1 var, .filters-form-4 var, .filters-form-6 var, .filters-form-2 var, .filters-form-7 var
{
    background:transparent url(../../images/bg_guild_profile_banner.png) no-repeat;
    width: 111px;
    height: 123px;
    position: absolute;
    top: -30px;
    left: -42px;
    z-index: 1000;   
}
.filters-form-9 var
{
    background-image: url(../../images/bg_profile_skull.png);
}
.filters-form-1 var,.filters-form-7 var
{
    top: -20px;
    background-image: url(../../images/bg_corner_merchant.png);
}
.filters-form-2 var
{
    top: -20px;
    background-image: url(../../images/bg_corner_social.png);
}
.filters-form-4 var
{
    top: -20px;
    background-image: url(../../images/bg_corner_quest.png);
}
.filters-form-6 var
{
    top: -20px;
    background-image: url(../../images/bg_corner_abilities.png);
}

.filters 
{    
    z-index: 0;
    position: relative;
    width: 868px;
    margin: 16px auto 30px;
    background: transparent url(../../images/bg_filters.png) repeat-y;
    
}
.filters .header
{
    position: absolute;
    height: 45px;
    width: 868px;
    top: -45px;
    background: transparent url(../../images/bg_filters_header.png) no-repeat;
}
.filters .footer
{
    position: absolute;
    height: 77px;
    width: 868px;
    bottom: -22px;
    background: transparent url(../../images/bg_filters_footer.png) no-repeat;
    z-index:-1;
}
.filters-suggestions
{
    position: absolute;
    font-size: 11px;
    right: -20px;
    padding-top: 13px;
    padding-bottom: 5px;
    bottom: 3px;
    padding-right: 70px;
    
    background: transparent url(../../images/bg_corner_help_small.png) no-repeat center right;
}

.register-form
{
    width: 726px;
    margin: 0pt auto;
    display: block !important;
}

.login-panel
{
    background: transparent url(../../images/bg_panel_m.jpg) repeat-y;    
    margin-top: 10px;
    position: relative;
    width: 450px;                
    font-size: 12px;
}
.login-panel-row
{
    margin-bottom: 8px;
}
.login-panel-row.indented
{
    padding-left: 130px;
}
.login-panel h3
{
    position: relative;
    z-index:1;
    font-size: 18px;
}
.login-panel p
{
    color: White;
}
.login-panel label
{
    float: left;
    margin-right: 4px;
    display: block;
    width: 130px;
    font-weight: bold;
    color: White;
    
}
.login-panel-header
{
    width: 100%;
    background: transparent url(../../images/bg_panel_m_corners.gif) no-repeat;
    position: absolute;
    height: 37px;
    top: 0px; left: 0px;
    z-index: 0;
}
.login-panel-footer
{
    width: 100%;
    background: transparent url(../../images/bg_panel_m_corners.gif) no-repeat bottom left;
    position: absolute;
    height: 37px;
    bottom: 0px; left: 0px;
    z-index: 0;
}
.login-panel-content
{
    position: relative;
    z-index:1;
    padding: 24px;
}
.login-panel-buttons
{        
    padding-left: 130px;
}
.login-text
{
    color: #ffffff;
    padding: 6px;
    text-align: center;
}
.home-panel
{
    position: relative;
    width: 750px;
    margin: 0pt auto;
}
.battlefield-tools
{
    position: absolute;
    height: 30px;
    top: 30px;
    z-index:1;
    padding-left: 40px;
    width: 520px;
    left: 0px;    

}
.battlefield-tools span
{
    float: left;
    line-height: 28px;
    padding-right: 4px;
    color:#422F1D;
    font-weight: bold;
    font-size: 22px;
    font-family: Times New Roman;
}
.battlefield-server-select,.battlefield-zone-select
{
    position: relative !important;
    left: auto !important;
    top: auto !important;
    float:left !important;
    width: 200px !important;
    background-image: url(../../images/bg_selectbox_l.gif) !important;
}
.battlefield-tools-zone
{
    float:right;
}
.battlefield-container
{
    height: 630px;
    position: relative;
}
.battlefield-container .map-small
{
    float:left;
}
.battlefield-container .map-bg
{
    background-position:0% 50%;
    background-repeat:repeat;
    height:480px;
    width:480px;
}
.battlefield-container .map
{
    margin-top: 80px !important;
}

.battlefield-tools .curse-select-options, .battlefield-tools .curse-select-options  div
{
    background-image: url(../../images/bg_selectbox.gif) !important;
    background-repeat: repeat-y;    
    width: 200px !important;    
}
.battlefield-tools .curse-select-options
{
    background-position: -200px 0px;
}
.curse-select-options var
{
    position: absolute;
    left: 0px;
    top: 0px;
    height: 6px;
    width: 100%;
    background: url(../../images/bg_selectbox.gif) no-repeat left top;
}

.battlefield-zone-summary
{
    background:transparent url(../../images/bg_alert.jpg) repeat-y;
    position: absolute; top:80px;
    right: 20px;
    width: 350px;    
    height: 400px;
}
.battlefield-zone-summary-header {
    background:transparent url(../../images/bg_alert_corner.gif) no-repeat;
    height:37px;
    left:0px;
    position:absolute;
    top:0px;
    width:100%;
    z-index:0;
} 
.battlefield-zone-summary-footer {
    background:transparent url(../../images/bg_alert_corner.gif) no-repeat left bottom;
    height:37px;
    left:0px;
    position:absolute;
    bottom:0px;
    width:100%;
    z-index:0;
} 
.battlefield-zone-summary-content 
{
    padding:24px;
    position:relative;
    z-index:1;
}
.battlefield-zone-summary-content  h3
{
    text-align: center;
}
.battlefield-zone-summary .last-updated
{
    font-size: 11px;
    margin-top: -14px;
    text-align:center;
    margin-bottom: 10px;
}
.battlefield-zone-summary-content b
{
    display: block;
    margin-top: 4px;
    margin-bottom: 20px;
    clear: both;    
    font-weight: normal;
}
.battlefield-zone-summary-content i.side-1,.battlefield-zone-summary-content i.side-2,.battlefield-zone-summary-content i.side-0
{
    display: block;
    float: left;
    width: 20px;
    height: 24px;
    background: transparent url(../../images/bg_quest_side.png) no-repeat scroll 0% 0%;
    margin-right: 8px;
}
.battlefield-zone-summary-content i.side-1
{
    background-position: -21px top;
}
.battlefield-zone-summary-content i.side-0
{
    background-position: -41px top;
}


#renownBuildRating .rating-controls
{
    position: relative;
    float:right;
}
.profile-avatar
{
    margin-right: 8px;
}
.profile-text
{
    padding-left: 75px;
}
.map-small .panel, .map-small .panel-tl, .map-small .panel-tr, .map-small .panel-bl, .map-small .panel-br, .map-small .panel-l, .map-small .panel-r, .map-small .panel-t, .map-small .panel-b
{
    background: none;
}
.map-small .map-tools
{
    top: 2px;
    left: 200px;
}
#mapContainer
{
    float:left;
}
.guild-privacy-table tr td
{
    padding-bottom: 8px;
}
.renown-stats-container .label
{
   
    font-weight: bold;
    text-transform:uppercase;
    font-size: 10px;    
    padding-right: 4px;
    color: #CCCCCC;
    padding-left: 20px;
    background: transparent url(../../images/bg_bullet.gif) no-repeat 2px 2px;
    white-space:nowrap;
    vertical-align: top;    
    line-height: 20px;        
    text-align:left;
}
.renown-stats-container table td
{
    border-bottom: 1px solid #262626;
    cursor: default;
    text-align:right;
}
.renown-stats-container table
{
    width: 100%;
    border-collapse: collapse;
    
}
.renown-stats-container tr:hover
{
    background-color: #0F0F0F;
}
.renown-stats-container .item-tooltip-bonus
{
    line-height: 20px;   
    padding-right: 4px;
}
.renown-stats-container .panel-content 
{
    padding: 12px;
}
.renown-tools-container h3,.renown-stats-container h3
{
       text-align:center;
}
.renown-tools-container select
{
    position: relative;
    width: 160px;
}
.renown-stats-container h3
{
 
    padding-top: 10px;
}


.renown-level-input
{
    position:absolute;
    left:600px;
    top:-30px;  
}
.spell-level-selector
{
    clear:left;
    padding-left: 70px;
    width: 480px;
    padding-top: 10px;
}
.spell-level-selector span
{
    color: white;    
    margin-bottom: 8px;
    display: block;
}
.spell-level-selector a
{
    
    display: block;
    float: left;
    position: relative;
    width: 20px;
    text-decoration: none;
    background-color: black;
    margin: 1px;
    text-align: center;
    border: 1px solid #353535;
    font-size: 12px;
    
}
.spell-level-selector a:hover,.spell-level-selector a.selected
{
    background-color: #353535;
}
#detailsTooltipText
{
    vertical-align: top;
}
.contribute-login
{
    padding-top: 8px;
    padding-left: 8px;
}
.text .instructions
{
    color: White;
    text-align:center;
    padding: 0px 8px 8px 8px;
}
.options-table
{
    position: relative;
    width: 100%; 

}

.map-coords
{
    right:50px;
    bottom:20px;
    position:absolute;  
}
.curse-select-options
{
    background: url(../../images/profile_select_bg.gif) no-repeat;
    position: relative;
    left: 0px;
    top: 2px;
    width: 121px;   
    padding-top: 8px;
    line-height: 18px;
}
.curse-select-options div
{
    position: absolute;
    left: 0px;
    bottom: -6px;
    height: 6px;
    width: 100%;
    background: url(../../images/profile_select_bg.gif) no-repeat left bottom;
}
.curse-select-options a
{   
    display: block;
    cursor: pointer;
    color: White;
    font-size: 12px;
    font-family: Verdana;   
    padding-bottom: 2px;
    padding-left: 12px;
    text-decoration: none;      
    margin-left: 3px;
    margin-right: 3px;
    
}
.curse-select-options a:hover
{
    background-color: #520000;
    color: #ebc83b;
}
.curse-select-options a.selected
{       
    cursor: default;
    font-weight: normal;
    /* background: url(../../images/profile_select_check.gif) no-repeat 20px 5px; */
}
.slot-tooltip
{
    color:#7aaada;
}
.stat-tooltip
{
    color:#f5c462;
}
.summary td
{
    cursor: default;
}
.morale-editor
{
    position: relative;
    width: 364px;
    height: 149px;    
    background: transparent url(../../images/bg_morale_editor.png) no-repeat;
    margin-top: -45px;
    margin-right: 20px;    
    float: right;   
}
.tactics-editor
{
    position: relative;
    width: 440px;
    height: 149px;    
    background: transparent url(../../images/bg_tactics_editor.png) no-repeat;
    margin-top: -45px;
    margin-left: 20px;    
    float: left;           
}
.tactics-header
{
    width: 390px;   
}
.morale-header
{
    width: 325px;
}
.tactics-instructions, .morale-instructions
{
    width: 440px;
    position: absolute;
    top: 48px;
    font-size: 11px;
    text-align:center;
}
.morale-instructions
{
    width: 360px;
}
.morale-slots
{
    height:52px;
    left:58px;    
    position:absolute;
    top:62px;
    width:270px;
    
}
.morale-slots .slot
{
    float:left;
    height: 60px;
    width: 45px;    
    margin-right: 20px;
    cursor: pointer;    
}
.tactics-slots
{        
    height:40px;
    left:44px;    
    position:absolute;
    top:78px;
    width:380px;
}
.tactics-slots .slot
{
    float:left;
    height: 40px;
    width: 45px;
    margin-right: 6px;
    cursor: pointer;
}
.tactics-slots .slot .iconmedium a:hover, .tactics-list .iconmedium a:hover
{
    background-position: -40px 0px;
}
.tactics-slots .slot .iconmedium .tile, .tactics-list .iconmedium .tile
{
    background: none;
}
.tactics-slots .slot .iconmedium
{
    margin-top: -1px;
    margin-left: 1px;
}
.tactics-list .iconmedium,.morale-list .iconmedium
{
    float: left;
}
.tactics-list,.morale-list
{
    position: absolute;    
    width: 400px;
    left: 20px;    
    background: black none;
    border: 1px solid #484C4C;
}
.morale-list
{
    width: 300px;
    text-align:center;
    padding: 4px 8px 4px 8px;
    width: auto;    
}
.tactics-list .disabled, .tactics-list .disabled a,.morale-list .disabled, .morale-list .disabled a
{
    cursor: not-allowed;
    opacity: 0.40;
    filter:alpha(opacity=50);
    
}
.morale-editor .iconmedium .tile, .morale-list .iconmedium .tile
{
    background-image: url(../../images/morale_icon_border_m.png);
}
.morale-list .disabled a,.morale-editor .disabled a
{
    background: none;
}
.morale-list .iconmedium a,.morale-editor .iconmedium a
{
    background-image: url(../../images/morale_icon_highlight_m.png);
}
.morale-list .slotted a,.morale-list .slotted a:hover
{
    cursor: default;
    background-position: 0px -42px;
}

.tactics-list .slotted a,.tactics-list .slotted a:hover
{
    cursor: default;
    background: transparent url(../../images/bg_tactic_trained.png) no-repeat 0px 0px;
}
.tactics-list b, .morale-list b
{    
    width:100%;
    text-align:center;
    color:#FFFFFF;
    font-family:Times New Roman;
    font-size:16px;
    display: block;
}
.tactic .iconmedium .tile, .tactic .iconmedium a, .tactic .iconmedium a:hover,.tactic .iconlarge .tile, .tactic .iconlarge a, .tactic .iconlarge a:hover
{
    background:none;
}
.renown-points
{
    background: transparent url(../../images/bg_renown.png) no-repeat right center;
    padding-right: 16px;
}




#spanBookmarks
{	    
    /*padding-right: 0px;    
    width: 188px;		    
    text-align:center;
    font-size: 11px;
    line-height: 20px;
    margin-right: 5px;  
    left:-190px;
    position:relative;  
    top:3px;*/
float:right;
font-size:11px;
line-height:20px;
margin-right:5px;
padding-right:0;
position:relative;
text-align:center;
top:3px;
    
}
#spanBookmarks select
{
	width: 130px;
	font-size: 11px;
	position: relative;
	height: 18px;
	top: -1px;
		
}
#spanBookmarks small
{
	font-size: 10px;
}
#spanBookmarks select option
{
	position: relative;
	width: 150px;
}

#userMenu
{
    /*top:-20px;*/
    position:relative;
    float:right;
}

#pinnedCompareRow
{
    display:none;
}


.legalLinks
{
position:relative;
top:140px;
}

#upgradeWishlistButton
{
    position:absolute;
    left:65px;
    z-index:500;
}

#findUpgradesButton
{
    position:absolute;
    left:240px;
    z-index:500;
}


.itemToolSelect
{
    position:absolute;
    z-index:20;
}

.findWishlistButton
{
    cursor:pointer;
    text-align:right;
}

#profileEditLink
{
    position:absolute;
    right:35px;
    top:30px;
    z-index:25;
}


.tipColTwo
{
    white-space:nowrap;
}

.tipColThree
{
    white-space:nowrap;
}

.menu-link
{
    white-space:nowrap;
}
.spellCell
{
    white-space:nowrap;
}

.spell-tip-data
{
    width:150px;
}

.modToolSelect
{
    float:left;
    position:relative;
    top:-40px;
}


.include-mats-span
{
    white-space:nowrap;
}


.item-tip-extra-stats
{

}

.item-tip-misc
{

}

.item-tip-stats
{

}


.item-tip-strike
{

}

.item-tip-strike .tipColOne
{
    color:#eef08f ;
}

.item-tip-attack .tipColOne
{
    width: 114px;
}

.item-tip-stats .tipColOne
{
    width: 120px;
}

.item-tip-stats .tipColTwo
{
    width: 40px;
}



.item-tip-stats .tipColThree
{
    width: 120px;
}

.item-tip-stats .tipColFour
{
    width: 40px;
}



.item-tip-extra-stats .tipColOne
{
    width: 120px;
}

.item-tip-extra-stats .tipColTwo
{
    width: 40px;
}

.item-tip-extra-stats .tipColThree
{
    width: 120px;
}

.item-tip-extra-stats .tipColFour
{
    width: 40px;
}


.tooltipExtraText
{
    color:#eef08f ;
}


.item-tip-line
{

}

.item-tip-line2
{
    width:267%;
}

.item-tip-line-table
{
    width:100%;
}


.smallTab, .smallTabSelected 
{
	text-transform: none;
    outline: 0px;
    margin: 2px 0px 0px;
    border: 0px;            
    cursor:pointer; 
    font-weight:bold;             
    padding:0px 2px 0px 0px; 
    text-align:center; 
    width:auto;
    overflow:visible;     
    background: transparent url(../../images/smalltab_right.gif) right no-repeat !important;
    font-family: arial;
    font-size:10px;                   
}
.smallTabSelected 
{
    background: transparent url(../../images/smalltab_right_selected.gif) right no-repeat !important;
}
.smallTab span, .smallTabSelected span { 
    margin: 0px;
    position:relative; 
    display:block; 
    white-space:nowrap; 
    padding:0 0 0 6px; 
    height:17px; 
    line-height:17px;
    background:url(../../images/smalltab_left.gif) left no-repeat !important;        
    color:#E5E5E5; 
}
.smallTabSelected span
{
    background:url(../../images/smalltab_left_selected.gif) left no-repeat !important;
    color:#ffffff; 
}
.smallTab:hover {
    background:url(../../images/smalltab_right_hover.gif) right no-repeat !important; 
}
.smallTab:hover span {
    background:url(../../images/smalltab_left_hover.gif) left no-repeat !important; 
    color:#ffffff; 
}


.tableTooltipLink
{
    background:transparent;
}

.comment-body table
{
    background:transparent;
    width:20%;
}


.item-socket
{

    background: transparent url(../../images/socket_image.png) left no-repeat !important;

    width: 120px;
    height: 25px;
}

.socket-images
{
    width:100%;
}

.editHeaderLink
{
    float:right;
    left:-20px;
    position:relative;
    right:20px;
}

.deleteLink
{
    float:left;
    position:relative;
    left:20px;
}

.modelViewerTitle
{
    left:180px;
    position:relative;
    text-align:center;
    top:18px;
    width:100%;
}

.modelLoading
{
    left:45%;
    position:relative;
    top:40%;
    z-index:10000005;

}

.editMap
{
height:405px;
width:512px;
display:block;
}

.editMapSpan
{
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background-attachment:scroll;
    background-color:transparent;
    
    background-position:0 50%;
    background-repeat:no-repeat;
    cursor:default;
    height:405px;
    width:512px;
    display:block;
    cursor:crosshair;
}

.editLine
{
    width:100%;
}

.questDialogPane
{
    width:280px;
    height:335px;
    background: transparent url(../../images/quest_dialog.jpg) no-repeat;
    text-align:center;
    padding:0 0 0 0;
    position:relative;
    left:8px;
}

.questDialogText
{
    color:Black;
    left:-10px;
    position:relative;
    top:10px;
}

.editInfoIcon
{
    width:16px;
    height:16px;
    background:transparent url(http://static.curseforge.net/artisan/icons/16/actions/gtk-dialog-question.png);   
}

span.spell-name
{
    color: #eef08f !important;
}

.npcIcon
{
    width:40px;
    height:40px;
}


.npcIcon1n
{
    background:transparent url(../../images/icon_emblem_monster_n_1.png)  no-repeat;

}

.npcIcon1a
{
    background:transparent url(../../images/icon_emblem_monster_n_1_a.png)  no-repeat;
}

.npcIcon2n
{
    background:transparent url(../../images/icon_emblem_monster_n_2.png)  no-repeat;
}

.npcIcon2a
{
    background:transparent url(../../images/icon_emblem_monster_n_2_a.png)  no-repeat;
}

.npcIcon3n
{
    background:transparent url(../../images/icon_emblem_monster_n_3.png)  no-repeat;
}

.npcIcon3a
{
    background:transparent url(../../images/icon_emblem_monster_n_3_a.png)  no-repeat;
}

.npcIcon4n
{
    background:transparent url(../../images/icon_emblem_monster_r_1.png)  no-repeat;
}

.npcIcon4a
{
    background:transparent url(../../images/icon_emblem_monster_r_1_a.png)  no-repeat;
}

.npcIcon5n
{
    background:transparent url(../../images/icon_emblem_monster_r_2.png)  no-repeat;
}

.npcIcon5a
{
    background:transparent url(../../images/icon_emblem_monster_r_2_a.png)  no-repeat;
}

.npcIcon6n
{
    background:transparent url(../../images/icon_emblem_monster_r_3.png)  no-repeat;
}

.npcIcon6a
{
    background:transparent url(../../images/icon_emblem_monster_r_3_a.png)  no-repeat;
}

.npc-dot-display
{
}

.npcIconj1n
{
    background:transparent url(../../images/icon_emblem_e_earth.png)  no-repeat;
}

.npcIconj1a
{
    background:transparent url(../../images/icon_emblem_e_earth_a.png)  no-repeat;
}

.npcIconj2n
{
    background:transparent url(../../images/icon_emblem_e_air.png)  no-repeat;
}

.npcIconj2a
{
    background:transparent url(../../images/icon_emblem_e_air_a.png)  no-repeat;
}

.npcIconj3n
{
    background:transparent url(../../images/icon_emblem_e_fire.png)  no-repeat;
}

.npcIconj3a
{
    background:transparent url(../../images/icon_emblem_e_fire_a.png)  no-repeat;
}

.npcIconj4n
{
    background:transparent url(../../images/icon_emblem_e_water.png)  no-repeat;
}

.npcIconj4a
{
    background:transparent url(../../images/icon_emblem_e_water_a.png)  no-repeat;
}

.npcIconj5n
{
    background:transparent url(../../images/icon_emblem_d3.png)  no-repeat;
}

.npcIconj5a
{
    background:transparent url(../../images/icon_emblem_d3_a.png)  no-repeat;
}

.npcIconj7n
{
    background:transparent url(../../images/icon_emblem_d2.png)  no-repeat;
}

.npcIconj7a
{
    background:transparent url(../../images/icon_emblem_d2_a.png)  no-repeat;
}

.npcIconj8n
{
    background:transparent url(../../images/icon_emblem_etc.png)  no-repeat;
}

.npcIconj8a
{
    background:transparent url(../../images/icon_emblem_etc_a.png)  no-repeat;
}

.npcIconj9n
{
    background:transparent url(../../images/icon_emblem_inhabitant.png)  no-repeat;
}

.npcIconj9a
{
    background:transparent url(../../images/icon_emblem_inhabitant_a.png)  no-repeat;
}

.npcIconj10n
{
    background:transparent url(../../images/icon_emblem_merchant.png)  no-repeat;
}

.npcIconj10a
{
    background:transparent url(../../images/icon_emblem_merchant_a.png)  no-repeat;
}

.npcIconj11n
{
    background:transparent url(../../images/icon_emblem_function.png) no-repeat;
}

.npcIconj11a
{
    background:transparent url(../../images/icon_emblem_function_a.png)  no-repeat;
}

.npcIconj12n
{
    background:transparent url(../../images/icon_emblem_guard.png)  no-repeat;
}

.npcIconj12a
{
    background:transparent url(../../images/icon_emblem_guard_a.png)  no-repeat;
}

.npcIconj13n
{
    background:transparent url(../../images/icon_emblem_d1.png)  no-repeat;
}

.npcIconj13a
{
    background:transparent url(../../images/icon_emblem_d1_a.png)  no-repeat;
}

.npcIconj14n
{
    background:transparent url(../../images/icon_emblem_drakan.png)  no-repeat;
}

.npcIconj14a
{
    background:transparent url(../../images/icon_emblem_drakan_a.png)  no-repeat;
}

.iconmediumempty {  height: 44px; background: no-repeat;position: relative;}


.buildClearButton {
    float:right;
    position:relative;
    top:-8px;
    right:-90px;
}


.welcome
{   
    font-family: Arial !important;
    font-weight: normal !important;
    text-transform: none !important;
    font-size: 11px !important;
    position:relative;
    top: -1px;
    color: #ffffff !important;  
}
a:hover.welcome
{
    color: #ffffff !important;
}

.menu-links a {
    text-transform: uppercase;
    font-family: Arial;
    font-size: 11px;            
    text-decoration: none;
    color: #efc325;         
    font-weight: bold;
    
    padding-right: 10px;
    padding-left: 8px;  
}
.menu-links a:hover {   
    color: #ffd749; 
}

/* Menu CSS*/

.menu {
    position: absolute;
    z-index: 100000000;
    max-width:200px;
}

.menu table {
    margin-bottom:0;
    border-collapse: collapse;
    width:inherit;
}


.menu table td {
    padding: 0;
    vertical-align: top;
}

.menu p {
    margin: 0;
    padding: 0;
    position: relative;
}

.menu div {
    border: 1px solid #4d4530;
}

.menu div div 
{
    border: none;    
    white-space: nowrap;
    font-size: 12px;
    background: black;
}

.menu span
{
    display: block;
    padding: 0 18px 0 0;
}

.menu span span {
    padding: 0 0 0 18px;
    color:#FFBB00;
}

.menu span.separator {
    padding: 4px 9px;
    background: #181818;
    font-weight: bold;
    cursor: default;
}

.menu a {
    display: block; 
    padding: 5px 4px 5px 4px;
    text-decoration: none;        
}

.menu a.open, .menu a:hover {

    /* background: #ff5503;  */
    color:White;
}
.menu span:hover
{
    color:White;
}

.menucheck {
    background: url(../../images/menu_check_new.gif) left center no-repeat;
}

.menusub {
    background:url(../../images/bg_browse_arrow.png) right center no-repeat;
}

.menuarrow 
{
    padding-right: 16px;
    background: url(../../images/menu_arrow.gif) right center no-repeat;
}

.menuarrowd
{
    padding-right: 11px;
    background: url(../../images/menu_arrowd.gif) right center no-repeat;
}


.content-panel
{

    overflow: hidden;    
 
    /*background-image: url(images/bg_cp.jpg);            
    background-position: 0px 30px; */
}

.content-panel-bg
{
    position: absolute;
    width: 100%;
    height: 100%;    
    margin-top: 10px;
    top: 0px;
    left: 0px;
}
.content-panel-wrapper
{
    position:relative;
    color: white;
    padding: 20px;    
    min-width: 100px;
    min-height: 60px;
    z-index: 10;
    
}
.content-panel-r
{
    display: none;
}
.content-panel-b, .panel-footer
{
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 37px;    
    z-index: 1;
}
.content-panel-br
{
    display: none;
}
.content-panel-t, .panel-header
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 37px;    
    z-index: 1;    
    
}
.content-panel-tr
{
    display: none;    
}

.membersFalse
{
 background: transparent url(/images/f2p.gif);
 width:15px;
 height:12px;   
 float:right;
}

.membersTrue
{
 background: transparent url(/images/member.gif);
 width:15px;
 height:12px;   
 float:right;
}

.zybez_tooltip table
{
    margin-bottom:0px;    
}

.twitter-icon
{
    float:right !important;
    background:transparent !important; 
}